@keyframes slideR {
  0% {
   margin-right:-8000px;
   opacity:0;
 }
 25%{
  opacity:1;
}
100% {
 margin-right:0;
}
}
@keyframes slideL {
  0% {
   left:150%;
 }
 25%{
  opacity:1;
}
100% {
 left:10%;
}
}
@keyframes slideL2 {
  0% {
   left:150%;
 }
 25%{
  opacity:1;
}
100% {
 left:14%;
}
}
@keyframes slideup {
  0% {
   transform: translate(0px, 300px);
   opacity:0;
 }
 50%{
  opacity:0.3;
 }
75%{
  opacity:0.5;
}
100% {
  opacity:1;
}
}
@keyframes slideup2 {
  0% {
   transform: translate(0px, 200px);
   opacity:0;
 }

100% {
  opacity:1;
}
}
@keyframes fade {
  0% {
   opacity:0;
 }

100% {
  opacity:1;
}
}
a{
  color:#b58914;
}
a:hover{
  text-decoration: none;
  color:#b58914;
}
body{
  padding:0 20px!important;
  overflow-x: hidden;
}
.slideUp{
   animation-name: slideup;
   animation-iteration-count: 1;
   animation-duration: 1.5s ;
   animation-timing-function: ease-in-out;
 }
 .slideUp2{
   animation-name: slideup2;
   animation-iteration-count: 1;
   animation-duration: 0.7s ;
   animation-timing-function: ease-in-out;
 }
 .fade{
   animation-name: fade;
   animation-iteration-count: 1;
   animation-duration: 3s ;
 }
 .slide-L{
   animation-name: slideL;
   animation-iteration-count: 1;
   animation-duration: 1.5s ;
 }
  .slide-L2{
   animation-name: slideL2;
   animation-iteration-count: 1;
   animation-duration: 1.5s ;
 }
 
.op0{opacity:0;}

.op1{opacity: 1;}
@font-face {
    font-family: 'Droid Serif';
    src: url('DroidSerif-Regular-webfont.eot');
    src: url('DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSerif-Regular-webfont.woff2') format('woff2'),
         url('DroidSerif-Regular-webfont.woff') format('woff'),
         url('DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('DroidSerif-Regular-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
 .navbar-ver{
min-height:56px;
    text-align:center;
    
    transition: all 1s ease;

  }

@media (min-width: 992px) {

  .navbar-ver{
    position:fixed;
    left:0;
    width: 100vw;
    height:100vh;
    text-align:center;
    transition: all 1s ease;

  }
  .ferme2{
    transform: translateX(100%); 
    transition: all 1s ease}
   .menu-trig{
  height:55px;
  width:35px;
  position:absolute;
  top:30px;
  right:40px;
  padding-top:20px;
  opacity:1;
  transition: all 1s ease;
  z-index:9000;
  cursor:pointer;
  display: block!important
  }
  .navbar-ver .collapse {
    display: block;
    transition:all 0.3s ease;
}
.adr{
  display: block!important;
}
.main{
  padding-top: 20px!important;
  background:white;
}
}
body, section{
	overflow-x: hidden;
}
.navbar-toggler-icon{
	margin-top:20px;
}
.menu-trig{
  display:none;
}
  .croix{
    color:white;
   }

   .small-bar{
    width:20px;
    height:3px;
    border-radius:2px;
    background-color:white;
    margin-top: 5px;
     transition: all 1s ease;

   }
   .menu-trig:hover .small-bar{
    border-radius:2px;
    background-color:#f39a1e;
     transition: all 1s ease;

   }
   .s1{
    transform: rotate(45deg);
     transition: all 1s ease;
     width:23px;
   }
   .s2{
    transform: rotate(-45deg);
    margin-top:-3px;
     transition: all 1s ease;
     width:23px;
   }
   .s3{
    opacity:0;
     transition: all 0.3s ease
   }
   
  .s4{
    padding-top:27px
  }

.active .nav-link{
  color: rgb(243, 154, 30);
}

#navbarSupportedContent{
  justify-content: space-around;
}
.nav-link{
  font-size: 35px;
  font-family: "Droid Serif";
  color: white;
  text-transform: uppercase;
  letter-spacing:2px;
  padding:5px 0;
}
.nav-link.alt{
  font-size:23px;
  width:230px;
}
.nav-link:hover{
  color:rgb(243, 154, 30)!important
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open>.nav-link{
  color:rgb(243, 154, 30)!important
}
.s-bar{
  border-bottom:1px solid white;
  width:100px;
  height:1px;
  padding-top:20px;
}
.adr{
    font-family: "Droid Serif";
  color: white;
  text-transform: uppercase;
  font-size:23px;
  text-align:center;
  width:100%;
  display:none;
}

.navbar-collapse{
  height:100vh;
  align-items: center;
  transition:all 0.3s ease;
  background-color: rgba(65,65,65,0.9);
}
.navbar-nav{
  align-items: center;
}
#slider{
  height:100%;
}
#slider .carousel-item{
  height:100%;
  background-size: cover;
  background-repeat: :no-repeat;
  background-position: center
}
#carousel-inner{
  height:100%;
}
.nav-item.alt{
  justify-content: center;
}
.navbar{
  min-height:50px;
  transition:all 0.3s ease;
  padding:0 20px;
}

.h100{
  height:100%;
}
.over-i{
  background-image: url(../img/slide1.jpg);
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
  height:100%;
  width:100%;
  top:0;
  transition:all 0.3s ease;
  background-attachment: fixed
}
.f-g{
  background:rgba(65,65,65,0.1);
  height:100%;
  width:100%;
}
#intro{
  position: relative;
  height:calc(100vh );
  padding-top:20px;
  background: white
}
.r-i{
  justify-content: space-between; 
  flex-direction: column;
  align-items: center
}
.logo-i{
  margin-top:3vh;
}
.adr-i{
  font-family: "Droid Serif";
  color: white;
  text-transform: uppercase;
  font-size:23px;
  text-align: center;
  margin-bottom:3vh;

}
.titre-i{
    font-family: "Droid Serif";
  color: white;
  text-transform: uppercase;
  font-size:60px;
  letter-spacing: 10px;
  font-weight: bold;
  text-align: center;
  margin-top:160px;
}
.fb-c{
  position:absolute;
  bottom:30px;
  right:55px;
  z-index:9000;
  text-align:center;
}
.fb-c i{
  margin-top:25px;
  color: white;
  font-size: 25px;
  transition:all 0.3s ease;
}
.fb-c i:hover{
transition:all 0.3s ease; 
color: #f39a1e;
}

.no-under{
  text-decoration: none;
}
.no-under:hover{
  text-decoration: none;
}

.main-sec{
background-image: url('../img/bg-main.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.main-col{
  background: rgba(0,0,0,0.65);
  padding:0 7vw !important;
  padding-top:7vh!important;
  min-height:100%;
  transition: all 2s ease;
}
.c-ss-t{
  justify-content: center;
  margin-bottom:15px;
}
.c-ss-t img{
  margin: 0 10px;
}
.b-r{
  border-bottom:1px solid #f39a1e;
  padding-top:30px;
  width:120px;
  height:1px;
}
.titre{
  font-size: 35px;
  font-family: "Droid Serif";
  color: rgb(232, 234, 240);
  text-transform: uppercase;
  text-align:center;
}

.texte{
  font-size: 14px;
  font-family: "Open Sans";
  color: rgb(232, 234, 240);
  line-height: 1.2;
  text-align: center;
}

.texte h3{
  text-transform: uppercase;
  text-align:center;
  font-family: "Open Sans";
  font-weight:bold;
  font-size:18px;
}
.slide-content{
  justify-content: center;
  margin: 0 auto;
  padding:0 7vw;
  width:100%;

}
.text-s{
  max-width:1200px;
  padding:0 20%;
  font-size: 16px;
  font-family: "Open Sans";
  color: rgb(232, 234, 240);
  line-height: 1.2;
  text-align: center;
  margin:0 auto;
}
.dec{
  padding:9px 25px;
  border:1px solid white;
  text-transform: uppercase;
  text-align:center;
  font-family: "Droid Serif";
  color: rgb(232, 234, 240);
  margin-top:40px;
  letter-spacing:3px;
  transition:all 0.3s ease;
  cursor: pointer;
}
.dec:hover{
  opacity:0.8;
  transition:all 0.3s ease;
  color:white;
}
.r-s{
  width:100%;
  margin:0!important;
}
.btn-ctrl{
  width:100px;
  height:100px;
  transition: all 0.3s ease;
  cursor:pointer;
  position:absolute;
  top:calc(50% - 50px);
}
.btn-ctrl:hover{
  opacity:1;
  transition: all 0.3s ease;
}
#myBtn{
  padding-top:30px;
  padding-left:30px;
  left:70px;
}
#myBtn2{
  padding-top:30px;
  padding-left:30px;
  right:70px;
}
.petite-fleche{
  border-bottom:4px solid white;
  border-left:4px solid white;
  width:30px;
  height:30px;
  
}
.petite-fleche:hover{
  border-bottom:4px solid #f39a1e;
  border-left:4px solid #f39a1e;
  width:30px;
  height:30px;
  
}
.gauche{
  transform:rotate(45deg);
}
.droite{
  transform:rotate(225deg);
}
#actu{
background:#e2dad6;
  display: flex;
    flex-direction: column;
    justify-content: center;
}
.titre-a{
  text-align:center;
  font-size: 35px;
  font-family: "DroidSerif";
  color: rgb(65, 65, 65);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing:7px;
}
.card{background: transparent;}
.a:active{
  color:#b58914!important;
}
.a:hover{
  color:#b58914!important;
}
.a:visited{
  color:#b58914!important;
}
.img-actu{
  width:100%;
  padding: 15px;
  padding-top:60%;
  transition: all 0.5s ease;
  background-size:100% 100%;
  background-repeat: no-repeat;
  background-position: center;
transition: all 0.5s ease;
}
.img-actu:hover{
  background-size:120% 120%;
  transition: all 0.5s ease;
}
.bloc-actu{
  margin-top:25px;
}
.mini-actus{
  margin-top:30px;
  text-align: center
}
.contour{
  width:100%;
  height:100%;
  border:1px solid white;
  margin-top:-60%;
  padding-top:60%;
}

.titre-actu-fp>h5{
    font-size: 20px;
  font-family: "DroidSerif";
  color: rgb(65, 65, 65);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
}

.titre-actu-fp{
  margin-top:30px;
}
.resume{
font-size: 14px;
  font-family: "Open Sans";
  color: rgb(65, 65, 65);
  line-height: 1.75;
  min-height:100px;
}
.voir{
  padding:12px 25px;
  text-transform: uppercase;
  text-align:center;
  font-family: "Droid Serif";
  color: white;
  margin-top:40px;
  letter-spacing:3px;
  opacity:1;
  transition:all 0.3s ease;
  background:#ac6952;
  font-size:16px;
  width:220px;
  text-align: center;
}
.voir:hover{
  opacity:0.8;
  transition:all 0.3s ease;
}

.col-l{
  align-items: center;
  background:#c18d2a;
  padding:0 5vw !important;
    justify-content: center

}
.b-r.alt{
  border-bottom:1px solid white;
}

.dec.bis{
  width:240px;
  text-align:center;
  margin-top:85px;
}
.titre-l{
  text-align:center;
  font-size: 35px;
  font-family: "Droid Serif";
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing:7px;
}
.col-n{
  align-items: center;
  background:#ac6952;
  padding:0 5vw !important;
  justify-content: center

}
#email, .f1{
  width:100%;
  border:none;
  padding:15px;
  text-align: center;
  margin-top:25px;

}
::placeholder{
    font-size: 16px;
  font-family: "Droid Serif";
  color:rgb(68,68,68);
letter-spacing: 5px;  text-transform: uppercase;
}
.foot{
	padding-bottom: 20px;
}

#subbtn{
  background: transparent;
  margin-top: 20px;
  
}
.col-l.alt{
  background:#222222;
}
.form{
      display: flex;
    flex-direction: column;
    width: 100%;
}
.suiv{
  margin-top: 25px!important
}
.cont-msg{
  position: relative;
  width:100%;
}
.part2{
  position:absolute;
  width:100%;
  top:0;
  display: flex;
    flex-direction: column;
    transition:all 1s ease;
    
}
.part1{
  transition:all 0.7s ease;
}
#subbtn2{
  background:transparent;
  margin-top: 0px;
}
.txt-a{
  height: 133px;
  width:100%;
}
.trans{
  transform: translateX(100vw);
  transition:all 1s ease;
}
.trans2{
  transform: translateX(-150%);
  transition:all 0.7s ease;
}
.col-n.alt{background:#131313;
text-align:center}

.h3-f{
      font-family: "Droid Serif";
    color: #eb951e;
    text-transform: uppercase;
    font-size: 20px;
    font-weight:bold;
margin-top:70px;
}

.txt-foot{
    font-family: "Droid Serif";
    color: white;
    font-size: 20px;
    margin-top:5px;
  }

.foot{
  padding-bottom:20px;
  background: white
}

.credit {
  font-size: 13px;
  font-family: "Open Sans";
  color: white;
  line-height: 1.2;
  text-align: center;
  margin:30px 0;
  position:absolute;
  bottom:30px;
}
.credit a{
  color:white;
}
.sec-int{
  margin-top:-100vh;
}
.mar{
  background-image: url('../img/mariage.jpg');
  margin-top:20px;
}
.enc{
  border: 1px solid rgb(243, 154, 30);
  padding:15px;
  margin-top:80px;
}
.texte h2{
      font-family: "Droid Serif";
    color: white;
    font-size: 22px;
    font-weight:bold;
margin-bottom:15px;
text-decoration: underline;
}
.texte h3{
    font-family: "Droid Serif";
    font-weight:bold;
    font-size: 18px;
    margin-top:10px;

}
.texte h4{
    font-family: "Droid Serif";
    font-weight:bold;
    font-size: 17px;
    margin-top:10px;

}
ul {
    list-style-position: inside;
}
.rec{
  margin-top:20px;
  background-image: url('../img/reception.jpg');
}

.main-sec.alt{
  margin-top:20px;
}
.scroll:hover{
  transform: translateY(20px);
  transition:all 0.3s ease;
}
.scroll{
  transition:all 0.3s ease;
  cursor:pointer;
}
#map{
  height:100%;
  width:100%;
  }
.col-illu{
  text-align:center;
}
.ss-titre{
    font-family: "Droid Serif";
    font-size: 18px;
    text-align: center;
    margin-bottom:20px;
}
.txt-actu{
  font-family: "Droid Serif";
    font-size: 16px;
    text-align: center;
    margin-top:40px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
 .video-container2 {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; 
height: 0; 
overflow: hidden;
width: 100%;

}
.video-container2 iframe,
.video-container2 object,
.video-container2 embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.v100{
  min-height:100vh;
}



@media (max-width: 991px) {

.titre-i{
  font-size:60px;
  letter-spacing:20px;
}
.navbar-inverse .navbar-toggler {
     border-color: rgba(255,255,255,0); 
}
.navbar-inverse .navbar-toggler-icon{
  background-image: url('../img/ham.png')
}
}
@media (max-width: 590px) {

.titre-i{
  font-size:50px;
  letter-spacing:5px;
}
body{
  padding: 0 10px!important
}
}

@media (max-width: 768px) {
  section{
    min-height:100vh!important;
  }
  .main-col{
    padding-bottom:80px!important;
  }
  .onepage-wrapper .section{
    height:none!important;
  }
  .v100{
  height:100vh!important;
}
 #myBtn{
  left:20px;
 }
 #myBtn2{
  right:20px;
 }
#actu{
  padding:150px 0;
}
.col-n, .col-l, .main-col{min-height: 100vh}
}