/* 
Name : www.justbewin.com
Author : AVELEC;
Website author : www.avelec-lux.com;
Date of creation : 03/10/2018;
*/


body{margin:0;padding:0;background-color:#000000;}
.conteneur_progess_bar{
	width:200px; 
	height:15px;
	background-color:#f7f7f7;
	border:1px solid #e7e7e7;
	display:inline-block;
}

.progress_bar{
	background-color:#cb2025;
	width:1%;
	height:11px;
	border:2px solid #f7f7f7;
	
}

.pourcent{
	color:#cb2025;
	font-weight:500;
	font-size:20px;
	margin-left:10px;
}

#accueil-page .logo{text-align:center;}
#accueil-page .logo img{position:absolute;margin-top:50px;z-index:2;}
/*#entrer{min-height:900px;}*/
.animation .container img.background{position: absolute;display: none;}
.cadre {display: block !important;z-index: 2;}
#accueil-page .modal-content{background-color: #A7603D;color: #FFFFFF;}
#accueil-page .modal-footer button.btn-primary{background-color:#000000;border-color:#FFFFFF;}
#accueil-page .modal-footer button.btn-primary:hover{background-color:#FFFFFF;border-color:#000000;color:#000000;}
#blocpageattente{width: 100%;height: 100%;background-image:url(../images/back-egypte-attente.jpg);background-size: cover;background-position: center center;text-align:center}
#blocpageattente img{width:320px;height:auto;}
#blocpageattente .bloc-center{position:absolute;left: 50%;top: 50%;width: 600px;height: 600px;margin-left: -300px; /* moitié négative de la valeur du width */margin-top: -300px; /* moitié négative de la valeur du height */}
#blocpageattente .bloc-center span a{color:#dedede;font-size:50px;text-transform:uppercase;font-family: 'Anton', sans-serif;cursor:pointer;text-decoration:none;}
.animation{display:none;}
span#entre-lien:hover{transform-origin: top center;animation-name: swing;animation-duration: 1s;animation-fill-mode: both;}

/* unlock form */
form#form_codeunlock{margin-top:80px;margin-bottom:80px;}
form#form_codeunlock input#code{height:50px;text-align:center;text-transform:uppercase;font-size:18px;}
form#form_codeunlock button.btn{height:50px;background-color: #EB690B;border: #D49F00 solid 2px;color: black;font-weight: bold;font-size:18px;}
form#form_codeunlock button.btn:hover{background-color: #C50E1F;border: #D49F00 solid 2px;color: white;font-weight: bold;}
@media screen and (max-width:767px){
    #accueil-page form#form_codeunlock input#code{height:50px;width:100%;margin-left:0;} 
}
@media screen and (max-width:600px) and (min-width:550px){
    #blocpageattente .bloc-center{margin-left: -300px;}
}
@media screen and (max-width:600px){
    #blocpageattente .bloc-center{width:100%;margin-top:-380px;}
    #blocpageattente .bloc-center img{max-width:100%;}
}
@media screen and (max-width:550px){
    #blocpageattente .bloc-center{margin-left:0;left:0;margin-top:0;top:0;}
}

/* Animations */
#blocpageattente.animate{animation: fadein 15s;-moz-animation: fadein 15s; /* Firefox */-webkit-animation: fadein 15s; /* Safari and Chrome */-o-animation: fadein 15s; /* Opera */}

#blocimagearea{animation: fadein 15s;-moz-animation: fadein 15s; -webkit-animation: fadein 15s; -o-animation: fadein 15s; }
@keyframes fadein {
    from {
    opacity:0;
  }

  to {
    opacity:1;
  }
}
@-moz-keyframes fadein { 
    from {
    opacity:0;
  }

  to {
    opacity:1;
  }
}
@-webkit-keyframes fadein { 
      from {
    opacity:0;
  }

  to {
    opacity:1;
  }

}
@-o-keyframes fadein { 
    from {
    margin-left: 100%;
    width: 100%; 
  }

  to {
    margin-left: 30%;
    width: 100%;
  }
}

/* pages accueil header + menu */
.animation header.header-interne{color:#FFFFFF;font-family: 'Yanone Kaffeesatz', sans-serif;margin-bottom: 20px;}
.animation header.header-interne .menu-button{position: relative;left: 100px;top: 10px;font-weight: bold;font-size: 24px;color: #fff;cursor: pointer;}
.animation header.header-interne .menu-button i{margin-right:15px;}
.animation header.header-interne nav.menu{z-index: 10;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;
-webkit-align-items: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;position: absolute;top: 120px;left: 0;width: 100%;height: 100%;}
.animation header.header-interne nav.menu .menu-background{background-color: rgba(0, 0, 0, 0.8);position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 11;}
.animation header.header-interne nav.menu ul{display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;
-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;padding: 0;z-index: 12;position: absolute;top: 0;margin: 0 auto;}
.animation header.header-interne nav.menu ul li{display: block;padding: 12px 12px 4px 12px;list-style-type: none;color: #dedede;text-transform: uppercase;
font-size: 36px;text-align: center;border: 1px solid rgba(179, 179, 179, 0.8);background-color: rgba(120, 120, 120, 0.3);width: 439px;margin-bottom: 15px;}
.animation header.header-interne nav.menu ul li a{text-decoration:none;color:#ffffff;font-family: 'Yanone Kaffeesatz', sans-serif;}
.animation header.header-interne nav.menu ul li:hover{background-color:#A7603D;}
.animation header.header-interne nav.menu ul li a:hover{background-color:transparent;}
.animation header.header-interne nav.menu ul li a:focus{background-color:transparent;}
.animation header.header-interne nav.menu span.close-button{cursor: pointer;position: fixed;top: 75px;right: 75px;z-index: 13;color:#FFFFFF;}
.animation header.header-interne nav.menu span.close-button i.close{color:#FFFFFF;opacity:1;}
.animation header.header-interne nav.menu span.close-button i.close:hover{color:#A7603D;}

/* pages internes header + menu */
#page-interne header.header-interne{min-height:250px;color:#FFFFFF;font-family: 'Yanone Kaffeesatz', sans-serif;}
#page-interne header.header-interne .menu-button{position: absolute;left: 100px;top: 50px;font-weight: bold;font-size: 24px;color: #fff;cursor: pointer;}
#page-interne header.header-interne .menu-button i{margin-right:15px;}
#page-interne header.header-interne nav.menu{z-index: 10;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;
-webkit-align-items: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;position: absolute;top: 120px;left: 0;width: 100%;height: 100%;}
#page-interne header.header-interne nav.menu .menu-background{background-color: rgba(0, 0, 0, 0.8);position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 11;}
#page-interne header.header-interne nav.menu ul{display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;
-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;padding: 0;z-index: 12;position: absolute;top: 0;margin: 0 auto;}
#page-interne header.header-interne nav.menu ul li{display: block;padding: 12px 12px 4px 12px;list-style-type: none;color: #dedede;text-transform: uppercase;
font-size: 36px;text-align: center;border: 1px solid rgba(179, 179, 179, 0.8);background-color: rgba(120, 120, 120, 0.3);width: 439px;margin-bottom: 15px;}
#page-interne header.header-interne nav.menu ul li a{text-decoration:none;color:#ffffff;font-family: 'Yanone Kaffeesatz', sans-serif;}
#page-interne header.header-interne nav.menu ul li:hover{background-color:#A7603D;}
#page-interne header.header-interne nav.menu ul li a:hover{background-color:transparent;}
#page-interne header.header-interne nav.menu ul li a:focus{background-color:transparent;}
#page-interne header.header-interne nav.menu span.close-button{cursor: pointer;position: fixed;top: 75px;right: 75px;z-index: 13;color:#FFFFFF;}
#page-interne header.header-interne nav.menu span.close-button i.close{color:#FFFFFF;opacity:1;}
#page-interne header.header-interne nav.menu span.close-button i.close:hover{color:#A7603D;}

@media screen and (max-width:1420px){
    #accueil-page .container#blocimagearea{margin:0;padding:0;}
}

@media screen and (max-width:1000px){
    .web#blocimagearea{display:none;}
    .mobile#blocimagearea{display:block !important;}
}

/* pages internes + content */
#page-interne .content-page.container{color:#FFFFFF;}
#page-interne .content-page .item-page{margin-bottom:50px;font-size:20px;}
#page-interne .content-page .item-page img{margin-left:15px;}
#page-interne .content-page.container .page-header h2{text-transform:uppercase;}
#page-interne form#bookSetting h1.title {border-bottom: 2px solid white;padding-bottom: 10px;margin-bottom: 40px;text-transform:uppercase;}
#page-interne form#bookSetting #supplements{background-color:#000000;color:#FFFFFF;}
#page-interne form#bookSetting #supplements .supplement .field select{background-color:#000000;color:#FFFFFF;}

/* page contact */
#page-interne .content-page .contact{min-height:300px;}
#page-interne .content-page .contact h3{display:none;}
#page-interne .content-page .contact dl.contact-address{font-size: 20px;text-align:center;margin-top: 20px;}
#page-interne .content-page .contact dl.contact-address span.contact-emailto a{color:#FFFFFF;text-decoration:none;}
#page-interne .content-page .contact dl.contact-address span.contact-emailto a:hover{text-decoration:underline;}

/* footer */
footer .bloc-copyright{text-align:center;}