/* SVG shadows*/

.parallaxObject svg  { cursor:crosshair; 
            -moz-box-shadow: -5px -5px 5px #888;
            -webkit-box-shadow: -5px -5px 5px #888;
            box-shadow: -5px -5px 5px #888; }   

/* mzster slider page menu */

/* contact /gyroscope */

.master-slider-parent div{
	height:initial;  
}


/*video autoplay layout */





}
/*.mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls, .mejs-container, .wp-video-shortcode, .mejs-video{
	width: unset !important;
  	height: unset !important;*/
    
}
/*.mejs-container {

}
.wp-video, video.wp-video-shortcode {
    position: relative!important;
    width: 100% !important;
    height: 200%;
	 /*max-width: unset !important*/
}
/*video.wp-video-shortcode {
	position: relative;
}
/*video autoplay layout */
.mejs-container, .wp-video-shortcode, .mejs-video{
    width: 1000px !important;
  	height: 1000px!important;
    
}
.mejs-container {

}
.wp-video, video.wp-video-shortcode {
    position: fixed !important;
    width: 100% !important;
    height: 1000px;
	/*max-width: unset !important;*/

  
}
video.wp-video-shortcode {
	position: relative;
}

.wp-video, video.wp-video-shortcode {
    visibility: none ;
    position: fixed !important;
    width: absolute !important;
    height:unset;
  
}

video.wp-video-shortcode {
	position: relative;
}

.mejs-mediaelement {
	
    
    
}

.mejs-controls, .mejs-overlay-play, .mejs-overlay{
	display:inlay !important;
    visibility:none !important;
    overflow:true !important;
    width:100%!important;
  	height:absolute!important;    
  
}

.mejs-controls{
    position:relative !important;
    margin-top:1000px !important;
}

.mejs-overlay-button{
     margin-top:200px!important;
  
}

video{
 	width:unset;
  	height:unset;
  
}


a,p{
  font-family: ClanMedium;
}
body.layout-boxed #body-core, body.custom-background #body-core {
  max-width:100%;
}
section + section.panel {
  top:100.5%;
  background:#fcfcf8;
}
section + section.panel a > img{
transform: translate3d(0px, -30%, 0px);
}

section + section.panel > img{
transform: translate3d(0px, -30%, 0px);
}

section + section.panel  .parallaxObject a > img{
/*transform: translate3d(0px, 0px, 0px);*/
  width:auto;
  height:auto;
  text-shadow: 2px 2px 6px rgba(45,45,45,0.5) ;
 
}

section + section.panel  .parallaxObject > img{
/*transform: translate3d(0px, 0px, 0px);*/
  width:auto;
  height:auto;
  text-shadow: 2px 2px 6px rgba(45,45,45,0.5) ;
}

section.parallaxParent.panel  p{
/*transform: translate3d(0px, 0px, 0px);*/
 font-family:ClanMedium;
 font-size:100px;
 letter-spacing:-1.8px;
 color: black;
 /*text-shadow: 2px 2px 6px rgba(45,45,45,0.5) ;*/
 line-height:105px;
}

body,
button,
input,
select,
textarea {
 line-height:1.2 ;
}

table {
    text-align: center;
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

body.layout-boxed #body-core, body.custom-background #body-core {
    display: block;
    margin: 0 auto;
    border: 0px;
}

.bottomRight{
  /*position: relative;*/
  float:right;
  background:black;
  height:20px;
  width:100%;
  bottom:0;
  text-align:left;
}
	.parallaxParent {
		height: 100vh;
		overflow: hidden;
	}

.imageUne{
  background: url('http://olivier.beckers.fr/wp-content/uploads/2017/05/Narciss-c.jpg') 50% 50%;
  
}
.retractable{
 overflow:hidden; 
  
}
#logoHomeContainer{

}
#logoHome{
	margin-top:110px;
  	margin-bottom:90px;
  	overflow:hidden;
  	position:relative;
  	height: unset;
}
#logoHome a{
  display:block;
}
#logoHome #logoHomeClickOverlay{
  position:absolute;
  height:90%;
  width:90%;
  display:block;
  top:0;
}

#logoHome > object{
height:auto !important;
}

#pageDescription{
	display:block;
  	width:100%;
    border:0px;
}

#pageDescriptionContent{
  height:0px;
  overflow-y:scroll;
  background-color: rgba(255, 255, 255, 0.00);
  width:100%;
  display:block;
}
#pageDescriptionContent.active{

}

/*sous menu*/
table, th, td, tr {
  border:NONE;
  list-style-type:NONE;
}
a{
 font-family:ClanMedium;
 font-size:13px;
 letter-spacing:-0.2px;
 color: #a3a3a3;
}

#yellowContainer{
  background-color:#ffff00;
  height:100%;
  display:block;
  position:relative;
}


#menuAnimate{
	position:relative;
	height:100%;
	width:100%;
  	float:right;
    text-align: right;
  	z-index:999;
  	display:block;
  	height:100%;
  	background:#ffff00;
}


.padding-right{
 padding-right:15px; 
/* width:283px; */
  height:unset;
}
#menuAnimate ul{
  padding-top: 7px;
  margin-bottom:0px;
}

#menuAnimate ul li{
  list-style-type: none;
  margin-top:28px;
  padding-bottom:0px;
  padding-top:0px;
  display:block;
}

#menuAnimate ul li.active {
 

}
  #menuAnimate.small ul li.active a {
    color: black;
    font-size: 20px;
    letter-spacing:-0.25px;
  
}   
   #menuAnimate ul li.inactive a {
    color: black;
    font-size: 15px;
}
 
#menuAnimate ul li.active a{
  color:black;
  font-size:20px; 
}

#menuAnimate ul li.inactive a{
  color:black;
  font-size:13px;
}

#menuAnimate ul li .lineAccroche{
  	border-style:solid;
  	border-width: 0px 0px 2px 0px;
  	width:15px;
  	margin-top: 0px;
  	float:right;
  	border-color:transparent;
}

#menuAnimate ul li .lineAccrocheActive{
  	border-style:solid;
  	border-width: 0px 0px 3px 0px;
  	width:22px;
  	margin-top: 0px;
  	float:right;
  	border-color: transparent;
	height:auto;
}

#menuAnimate ul li:hover .lineAccrocheActive{
	border-color:#3de4f6;
}
.lineBurgerLeft{
  	border-style:solid;
  	border-width: 0px 0px 3px 0px;
  	width:12px;
  	margin-top: 3px;
  	float:left;
  	border-color: black;
  	height:auto;
}
.lineBurgerRight{
  	border-style:solid;
  	border-width: 0px 0px 3px 0px;
  	width:12px;
  	margin-top:3px;
  	float:right;
  	border-color: black;
  	height:auto;
}

#menuAnimate ul li.inactive .lineAccroche{
	border-color:transparent;
}
#menuAnimate ul li:hover .lineAccroche{
	border-color: #3de4f6;
}
#menuAnimate #dragMenu{
    visibility:hidden;
}
  #topDescription{
	height:20px;  
  	border:1px;
  	color:red;
  }
#bottomDescription{
  height:1px; 
}

#filAriane {
 float:left;
  display:inline-block;
  position:relative;
    left:0px;
    width:auto;
    height:14px;
  padding-left:12px;
  padding-right:19px;
  margin-top:33px;
  background:white;
  line-height: 100%; 
}
#filAriane a{
  font-size:8.5px;
  letter-spacing:0.3px;
  color:black;
  font-family:ClanMedium;
  line-height: 0.82px;
}

#introContainer  table  a{/* defaut */ 
  color:gray;
  font-size:11px;
  letter-spacing:0.8px;
}

#introContainer  table  a:visited{/* deja visited */ 
  color:#3de4f6;
}


#footerAnimate{
	position:absolute;
  	background:rgba(0, 0, 0, 1);
  	top:0px;
  	width:30px;
    height:0px;
}

#footerAnimate a{
  	font-family: ClanMedium;
  	color: white;
  	font-size:9px;
  	letter-spacing :0.5px;
	line-height:13px;
}
.chrome #footerAnimate a{
  	font-family: inherit;
  	color: white;
  	font-size:9px;
  	letter-spacing :0.5px;
	line-height:13px;
}

#footerAnimate .copyright{/*(on retire 2 fois le padding gauche et droite)*/
  margin:20px 20px 20px 20px;
  width:calc(100% - 40px); 
  height:calc(100% - 40px);
  overflow:hidden;
}
#chevronDescriptionFooter{
    position:absolute;
  	left:10px;
  	top:-33px;
 	width:27px;
	height:27px;
  	display:block;
  
    text-align: center;
  	background: url('http://olivier.beckers.fr/wp-content/uploads/2018/05/Chevron.svg') 50% 50%;
    background-repeat: no-repeat;
}  
#plusDescriptionFooter{
    position:absolute;
  	right:0px;
  	top:0px;
 	width:33px;
	height:33px;
  	display:block;

  	text-align: center;
  	background: url('http://olivier.beckers.fr/wp-content/uploads/2018/05/Plus.svg') 50% 50%;
    background-repeat: no-repeat;
}

#plusDescriptionFooter.active{
  background: url('http://olivier.beckers.fr/wp-content/uploads/2018/05/Moins.svg') 50% 50%;
  background-repeat: no-repeat;
}

#footerBoxContainer{
	position:fixed;
	margin:0px;
    bottom:0;
  	left:0;
  	z-index:999;
    height:55px;
    width:100%;
}

#chevronSeeMore{
    position:fixed;
 	width:70px;
	height:70px;
  	display:block;
    left: CALC(50% - 32px);
    bottom:2%;
  	text-align: center;
  	background: url('http://olivier.beckers.fr/wp-content/uploads/2018/05/Chevron.svg') 50% 50%;
    background-repeat: no-repeat;
  	-moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
  	animation: bounce 1s infinite;
    /* -webkit-animation: bounce 1s infinite; */
    -moz-animation: bounce 1s infinite;
    -o-animation: bounce 1s infinite;
}

#menuBoxContainer{
	margin:0px;
	position:fixed;
  	width:277px;
  	transform: translate3d(0,0,0);
    background-color: rgba(255, 255, 255, 0.80);   
}
#burger{
    position: fixed;
    left: 25px;
    top: 25px;
    visibility: hidden;
    width: 24px;
    z-index: 9999;
}



#pinContainer{
	-webkit-overflow-scrolling: touch;
  	transform: translate3d(0,0,0);
  		width: 100% !important;
		height:101% !important;
		overflow: hidden;
}

	.panel {
		background-color: none;
		height: 100%;
		width: 100%;
		position: absolute;
	}

.bigMenuContainer{
	height:auto;
}
.parallaxObject{
	/*overflow:visible;*/
  transform: translate3d(0,0,0);
}
.parallaxObject img{
	/*object-fit:unset;
      max-height: 100%;
    max-width: 100%;*/
}



/*.smallFooterContainer{
  	min-width:200px;
	max-width:320px;
	height:75px;
}*/



/* intro */

#introContainer{
  padding:22px 20px 0px 12px;
}
#accrocheContainer{
  display:table;
  float:left;
  background:black;
  width:100%;
  height:18px;
}


.descriptionNoir div {
  color:black;
  font-family: ClanMedium;
  font-size:10px;
  text-align:left;
  margin:0px 0px 0px 0px;
  letter-spacing :0.5px;
  line-height:15px;
}

.descriptionBleu div{
  color:#3de4f6;
  font-family: ClanMedium;
  font-size:40px;
  margin-left:-2px;
  text-align:left;
  margin:-10px -10px -10px -1px;
  letter-spacing :1px;
	line-height:39px;
}

#accrocheContainer.transparent{
background:transparent;
  width:0px;
  height:0px;
}
#accrocheContainer.transparent.active{
  background:transparent;
  width:0px;
  height:18px;
}


#accroche{
  float:left;
  padding-left:12px;
  padding-right:32px;
  display: flex;
  justify-content:center;
  align-content:center;
  flex-direction:column;
}
#accroche p{
	color:white;
  text-align:left;
     font-size: 11px;
  letter-spacing:0.3px;
  padding-top: 1px;

}
#plusDescription{
  	position:absolute;
  	right:0px;
  	bottom:0px;
 	width:18px;
	height:18px;
	
    
 
  	
  	display:block;
     
  	text-align: center;
  	/* background: url('http://olivier.beckers.fr/wp-content/uploads/2017/04/Plus-20.jpg') 50% 50%;*/
  	background: url(http://olivier.beckers.fr/wp-content/uploads/2018/05/Plus-20px-2.svg) 50% 50%;
  	background-repeat: no-repeat;
}
#plusDescription.active{
  /*background: url('http://olivier.beckers.fr/wp-content/uploads/2017/06/Moins-20.jpg') 50% 50%;*/
  background: url(http://olivier.beckers.fr/wp-content/uploads/2018/05/Moins-20px.svg) 50% 50%;
  background-repeat: no-repeat;
  opacity:0.8;
}





/*#ccroche{
	border-style: solid;
    border-width: 0px 0px 1px 0px;
  	display:inline-block;
}*/
/* ALL */
#header, #pre-header {
    position: static !important;
}
p{
margin-bottom: 0px;
}

img, video{
  object-fit: cover;
  min-width:100%;
  min-height:100%;
  width:100%;
  height:100%;
}

.parallaxObject img, .parallaxObject video{
  object-fit: cover;
/* min-width:unset;
min-height:unset;*/
  width:auto;
  height:auto;
}
#sub-footer a{
  color:white;
  font-size:10px;
}

/* footer site */
  footer .header_gray{
  margin-top : 3px;
}
#sub-footer, #sub-footer-core{
  padding:0px;
  margin:0px;
  padding-top:2px;
  padding-bottom:2px;
}
#sub-footer-core{
  text-align:center;
}

/* Header & Menu */
#header-nav{
 border:0px; 
}
#header-responsive {
  background:#A9A9A9; 
  padding:0px;
  margin-left:1px;
  margin-right:1px;
  width: calc(100% - 2px) !important;
}
#header-responsive li a {
    color: #AAA;
    display: block;
  	border-color:black;
  	border-style: solid;
  
}
#slider .featured-link a span,
.thinkupslider-sc .featured-link a span{
 display:none; 
}
#slider .featured-link a,
.thinkupslider-sc .featured-link a{
 width:100%;
  height:100%;
  background-color: transparent;
  border-color: transparent;
  display:table;
}


/* menu faible largeur */
/* @media only screen and (max-width: 768px){
#logo {
    display:none;
  }
} */

/* logo */
#header{
  height:150px;
}
.custom-header{
	display:flex; 
  	text-align:center;
	height:100px; /* height of the top menu (taille image logo ) */
}
.custom-header img{
  	margin:auto;
  	width:auto;
	max-width:100%;
	height:100%;
}
/* delete defaut logo header */
.header-style2 #logo, #logo{
  	margin:0px !important;
	height:0px; 
  	padding:0px !important;
  	border:0px;
}
/* bordure marge menu*/
.header-style2 #header .header-links > ul > li > a {
    padding: 38px 40px 0px 40px;
}
/* element menu gauche */
#header .menu li{
  float:left;  
}
/* element menu droite */
#header .menu li + li{
	float:right;  
}

/* remonte le menu sur custom header */
.header-style2 #header{
  	/*margin-top:-120px; *//* remonté max .custom-header height: 135 px */
  	margin-bottom:0px; /* should be 0. if margin top >-66px;should be 69 if margin-top=135px 135 + margin-top=69 */
  	background:rgba(0,0,0,0);
}
/* remove one pixel line inside header */
.slider-full #header-links {
    border-bottom: none;
  	border-top: none;
}
/* separation grise entre menu et page */
.header_gray{
 	height:7px;
  	background-color:#d4d5d5;
	margin:0px 1px 0px 1px;
 border-top: 1px solid black;
	/* border-left: 1px solid white;!important
  border-right: 1px solid white;!important */
  
  
}

/*Accueil Slide  */
/* pastille header pages */
.pastille, .centerPastille{
 	line-height:normal; 
}
.pastille a{
    width:10px !important;
  	height:10px;
  	background:rgba(0,0,0,0);
  	border-radius:50%;
  		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border: 1px solid white;
  	margin: 2px !important;
}
.pastille a:hover{
    width:10px;
  	height:10px;
  	background:rgba(255,255,255,1);
  	border-radius:50%;
  		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border: 1px solid white;
  	margin: 2px !important;
}
.centerPastille{
  position:absolute;
  width:100%;
  height:auto;
  bottom:10px;
  z-index: 999;
  text-align:center;
}

/* pastille */
.meteor-slides .meteor-buttons a{
    width:10px;
  	height:10px;
  	background:rgba(0,0,0,0);
  	border-radius:50%;
  		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border: 1px solid white;
  	margin: 2px !important;
}
    
.meteor-slides .meteor-buttons a:hover,.meteor-buttons a.activeSlide{
    width:10px;
  	height:10px;
  	background:rgba(255,255,255,1);
  	border-radius:50%;
  		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border: 1px solid white;
  	margin: 2px !important;
}

.centerMeteor{
  position:absolute;
  width:100%;
  bottom:10px;
  z-index: 999;
  text-align:center;
}

.meteor-slides .meteor-buttons{
	position:initial;
	bottom:initial;
	width:initial;
    display:inline-block;
}
.meteor-slides .meteor-bttons a{
  width:10px;
}

div.meteor-slides.navpaged, div.meteor-slides.navboth{
 margin-bottom:0px; 
}
/* gauche droite dans style.css theme */

#slider .rslides_tabs {
  
  
}

#slider .rslides_tabs li a{
  	width:10px;
  	height:10px;
  	background:rgba(0,0,0,0);
  	border-radius:50%;
  		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border: 1px solid white;
  	margin:2px;
}
#slider .rslides_tabs li a:hover, #slider .rslides_tabs li.rslides_here a{
  width:10px;
  height:10px;
  background:rgba(255,255,255,1);
  	border-radius:50%;
  		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border: 1px solid white;
  margin:2px;
}

/* style fonts */

/* Mise en page */
body.layout-boxed, body.custom-background{
 	padding:0px;
}

#slider{
 	margin:0px 1px 2px 1px; 
}
#content, #content-core{
  max-width:unset;
  padding:0px;
  margin:-1px 0px -1px 0px;
}

/*vignettes accueil*/
.gray,.black{
  	text-align:center;
  	height:200px;
  	line-height:200px;
}
.gray{background-color:#d4d5d5;}
.black{background-color:black;}

/*global responsive setting*/

.constraint_w_h{
  overflow:hidden;
  position:relative;
  height:200px;
  margin:auto;
}
.constraint_w{
  overflow:hidden;
  position:relative;
  min-height:200px;
  width:100%;
  margin:auto;
}

.constraint_w_h img{
    overflow:visible;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
.constraint_w img{
    display:block;
 	height:auto;
	width:100%;
  	margin:auto;

}
.one_third a{
  line-height: 0px;
  
}

.content-column{
  	font-size:0px;
}

.black a{
  font-size:100%;
}

.entetePageContainer{
 	height:auto;
  	display:table;
}
.entetePageGaucheContainer{
  	background:black;
}
/* contact */
#formulaireContact{

}

/*champ label*/
div.labelContainer .labelInput{
  	font-family:ClanMedium;
  	color: white;
  	font-size:11px;
  	letter-spacing :0.5px;
	line-height:16px;
    background-color:none;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    padding-right:12px;
    margin-left:-10px;
    margin-top:-50px;
    margin-bottom:-10px;
    
}
/*champ obligatoire*/
div.labelContainer .obligatoireInput{
  	font-family: ClanMedium;
  	color: #01fc1b;
  	font-size:10px;
  	letter-spacing :0.5px;
	line-height:16px;
    background-color:none; 
    padding-top:5px;
    padding-bottom:2px;
    padding-left:0px;
    padding-right:10px;
    margin-top:-10px;
    margin-bottom:-10px;
    margin-left:-6px;   
		
}
/*champ value*/
.wpcf7-form input{
	font-family: ClanMedium;
  	color: black;
  	font-size:11px;
  	letter-spacing :0.5px;
	line-height:16px;
	border-radius:0px; 
  
}
/*champ votre message*/
.wpcf7-form textarea{
	font-family: ClanMedium;
  	color: Black;
  	font-size:11px;
  	letter-spacing :0.5px;
	line-height:16px;
  	border-radius:0px;
  
}
/*bouton envoyer  le premier c'est l'ancien pour info */ 
.wpcf7-form input[type="submit"]{
		margin-left:330px;
        margin-right:150px;
        margin-bottom :500px;
  		margin-top :200px
		background-color:yellow;
		font-family:ClanMedium;
		color:black;
        padding-top:4px;
        padding-bottom:4px;
        padding-left:15px;
        padding-right:15px;
      	border-radius:0px;
 		box-shadow: -5px -5px 3px #888 opacity: 0.85;

}
.wpcf7-form input[type="submit"] {
	font-family: ClanMedium;
  	background-color:yellow;
    color: black;
  	font-size:15px;
  	letter-spacing :0px;
	line-height:20px;
  	border-radius:0.25px;
  

}
/*fin*/
.labelContainer{
  	padding:0px 12px 0px 12px;

}
#contactContainer{
		display:inline-block;
  		margin:0px 30px 0px 30px;

}
#contactContainer .labelContainer{
		background:#00e5f0;
		display:inline-block;
  		vertical-align: top;
  		height:20;
        margin-bottom:0px;
        
}
#contactContainer .inputContainer{
		padding:0px 12px 0px 12px;
  		
      
}
#contactContainer textarea{
		display:inline-block;
		width: 93%;
  		resize:vertical; 
  		max-height:400px; 
  		min-height:200px;
  
}
#contactContainer .valueInput{
		display:inline-block;
  
}
/*display one column */
@media screen and (max-width: 500px) {
}
  .clear_column {
	 	clear:one_third;
		display:none;
		font-size:0; 
    	height:0;
		line-height:0; 
    	width:100%;
		overflow: hidden;  
}
   .constraint_none{
        height:0px;
    	margin:0px;
}
    .content-column, .one_third, .two_third, .two_third_last{
    	min-width: 280px; !important;
  		width: calc(100% - 0px) !important;
    	padding: 0px !important;
  		margin:0px;

}
    .footer_third{
    	width: calc(50% - 0px) !important;
    	padding: 0px !important;
  		margin:1px;
   	 	float:left;

}
    .footer_third_copyright{
    	width: calc(100% - 2px) !important;
    	padding: 0px !important;
  		margin:1px;
    	float:left;
    	text-align:center;

}


   
    /*  .parallaxObject {
      display:none;
      visibility:transparent;*/
}
  
  
  #contactContainer{
		width:calc(100% - 100px);
    
		
}
	#contactContainer .labelContainer{
		width:calc((95% + 30px) - 100px);/* correspond à un block 1/3 rongé de 30px gauche droite */
		padding-left:12px;
	}
	#contactContainer .valueInput{
		width:95%;
	}
  	.wpcf7-form input{
		/*padding:4px;
		width:104%;
		line-height: 15px;*/
	}
  	.wpcf7-form input[type="submit"]{
		/*width:95%;*/
	}
}

/*display two column */
@media screen and (min-width: 601px) {
    #header-nav{ float:left;

  }
   .one_third{
    	min-width:125px !important;
  		width: calc(33% - 0px) !important;
    	padding: 0px !important;
  		margin:0px;
    	
	}
	.two_third{
    	min-width: 590px!important;	
    	width: calc(100% - 0px) !important;
    	padding: 0px !important;
  		margin:0px;
  }

    .constraint_none{
  		height:0px;
    	margin:0px;
    
	}
  .footer_third, .footer_third_copyright{
    width: calc(100% / 3  - 0px) !important;
    padding: 0px !important;
  	margin:1px;
    float:left;
  }
  .footer_third_copyright{
  text-align:center;
  }
  .blackDetail{
  	width:100%;
  }
  .constraint_h{
  width:100% !important;
	}
   	#contactContainer{
		width:calc(95% - 60px);
		margin:15px 30px 30px 30px;
	}
	#contactContainer .labelContainer{
		width:calc((95% + 20px)/2 - 100px);/* correspond à un block 1/3 rongé de 30px gauche droite */
		padding-left:10px;
	}
	#contactContainer .valueInput{
		width: calc(6px + 95% - ((100% + 60px)/2 - 50px));
	}
    .wpcf7-form input{
	}
}

/*display three column */
@media screen and (min-width: 740px) { 
  	/* responsive */
  	.one_third{
        padding: 0px !important;
  		margin:0px;
        min-width: 250px !important;
  		width: calc(100% / 3 - 0px) !important;
  }
  	.two_third{
        min-width: 500px!important;
    	width: calc(200% / 3 - 0px) !important;
    	padding: 0px !important;
  		margin:0px;
  }
   	.two_third_last{
        min-width: 560px!important;
    	width: calc(200% / 3 - 0px) !important;
    	padding: 0px !important;
  		margin:0px;
  }
	.constraint_none{
  		min-height:35%;
    	max-height:100%;
  }
  	.constraint_h{
    	display:table;
  }
  /* contact */
  	#contactContainer{
		width:calc(95% - 200px);
		margin:15px 30px 30px 30px;
	}
	#contactContainer .labelContainer{
		width:calc((95% + 15px)/3 - 135px);/* correspond à un block 1/3 rongé de 30px gauche droite */
		padding-left:10px;
	}
	#contactContainer .valueInput{
		width: calc(6px + 100% - ((100% + 60px)/3 - 50px));
	}
}
/* header & menu 2 column */
 @media only screen and (max-width: 900px){  
  	#header-core {
    	display: table;
    	width: 100%;
    	padding: 0px;
  	}
  	
  	#header-links, #header-sticky {
    	display: none !important;
	}
  
  	.btn-navbar {
    	display: block;
    	padding: 24px 0;    
	}
  
  	#header-responsive {
    	display:block;
    }
  
  	#header-responsive #header-responsive-inner{
    	height:0px;
  	}
  
  	#header-responsive ul {
    	margin: 0;
	}
  
  	.nav-collapse.collapse {
    	-webkit-transition: height 0.35s ease;
    		-moz-transition: height 0.35s ease;
    			-ms-transition: height 0.35s ease;
    				-o-transition: height 0.35s ease;
    	transition: height 0.35s ease;
    	position: relative;
    	overflow: hidden;
    	height: 0;
  	}
  
  	#header-responsive li.current_page_item > a, #header-responsive li a:hover {
	}
  
  	#header-responsive li a {
    	display: block;
    	padding: 10px 20px;
    	border-bottom: 1px solid black;
	}  
	  
  	.btn-navbar .icon-bar {
    	display: block;
    	width: 20px;
    	height: 3px;
    	margin: 0 auto;
    	background-color: #292929;
	}
}
	#headerPage {
		display: table;
  		margin:0 auto;
  		
	}
	#headerPage img{
  		height:100px;
  		z-index: 9999;
  		margin-top:-64px;
 
	}


	#headerMedium{
  		width:100%;
 		height:64px;
	}

	#headerSmall{
 		width:100%;
 		height:45px;
	}

  	#header-nav{
  		float:left;
	} 
 @media only screen and (max-width: 400px){
 	#headerPage {display:none;}
  	#headerMedium {display:none;}
 	#headerSmall {display:visible;}
  
    #header, .custom-header{
  		height:45px;
	}
  
    .header-style2 #header{
    	/*margin-top:-45px;*/
  	}
  
    .btn-navbar{
  		padding-top:15px;
  	}
  
    #header-nav {
    	z-index: 1;
    	position: relative;
    	width: 60px;
    	height:45px;
    	margin-top:-45px;
  	}

}
 @media only screen and (min-width:401px) and (max-width: 900px){  
 	#headerPage {display:none;}
  	#headerMedium {display:visible;}
 	#headerSmall {display:none;}
  
    #header, .custom-header{
  		height:64px;
	}
  
  	.btn-navbar{
  		padding-top:24px;
	}
  
  	.header-style2 #header{
    	/* margin-top:-64px;*/
  	}
    #header-nav {
    	z-index: 1;
    	position: relative;
    	width: 60px;
    	height:64px;
    	margin-top:-64px;
  	}

}
@media screen and (min-width: 900px) {
 	#headerPage {display:visible;}
  	#headerMedium {display:none;}
 	#headerSmall {display:none;}
     
   
  	#header, .custom-header{
  		height:100px;
    	margin-bottom:-64px;
	}
    
  	.header-style2 #header{
    	/*margin-top:-100px;*/
  }
  		#slider .rslides, #slider .rslides li {
    	height: 375px;
    	max-height: 375px;
	}
}
	.meteor-slides .mslide img {
    	position: absolute;
  		right:-9999px;
  		left:-9999px;
      	max-width:none;
  		width:auto;
    	margin:auto!important;
    	display:block;
}
@media screen and (max-width: 400px){
  	#meteor-slideshow, .meteor-clip{
    	height:220px; 
	}
  
  	.meteor-slides .mslide img {
    	height:220px!important;
  }
} 
@media screen and (min-width: 401px) and (max-width: 600px){
  	#meteor-slideshow, .meteor-clip{
    	height:250px; 
	}
  
   	.meteor-slides .mslide img {
    	height:250px!important;
  }
}
@media screen and (min-width: 601px) {
  	#meteor-slideshow, .meteor-clip{
    	height:300px; 
	}
  
   	.meteor-slides .mslide img {
    	height:300px!important;
  }
}

	.copyright{ 
    	margin:auto;
	}

/* ipad */
 @media only screen and (max-width: 1024px){
    section.parallaxParent.panel  p{
 font-family:ClanMedium;
 font-size:100px;
 letter-spacing:-0.25px;
 color: black;
 /*text-shadow: 2px 2px 6px rgba(45,45,45,0.5) ;*/
 line-height:105px;
}
  
}


/* mobile iphone telephone */
 @media only screen and (max-width: 570px){
  

  
  
#menuAnimate #dragMenu{
    position: absolute;
    bottom: 8px;
    height: 10px;
    margin-top: 5px;
  	margin-bottom: 10px;
    width: 50px;
    background-color: #71e8fe;
    margin-left: calc( 50% - 15px);
    margin-right: calc( 50% - 15px);
    border-radius: 5px;
    visibility:visible;
}
#logoHomeContainer{

}
#logoHome{
	margin-top:170px;
  	margin-bottom:100px;
  	overflow:hidden;
  	position:relative;
  	height: unset;
}
#logoHome a{
  display:block;
}
#logoHome #logoHomeClickOverlay{
  position:absolute;
  height:100%;
  width:100%;
  display:block;
  top:0;
}

#logoHome > object{
height:auto !important;
}

  
#plusDescription{
 	width:60px;
  	background: url('http://olivier.beckers.fr/wp-content/uploads/2018/05/Plus-60px-1.jpg') 50% 50%;
    background-repeat: no-repeat;
}

#plusDescription.active{
  	width:60px;
    background: url('http://olivier.beckers.fr/wp-content/uploads/2018/05/Moins-60px.jpg') 50% 50%;
  	background-repeat: no-repeat;
}

  
/* Menu Iphone placement verticale */
  #menuAnimate{
    padding-bottom: 5px;
    padding-top: 2px; 
  }
  #menuAnimate.small{
    padding-bottom: 0px;
    margin-bottom:0px;
    margin-top: -5px; 
    padding-top: 0px; 
    border-color:#3de4f6;
  }
  #burger{
    display:block;
  }   
  #burger{ 
    position: fixed;
    margin-top: 0px; 
    left: 25px;
    top: 23px;
    display:block;
    visibility: visible;
    width: 24px;
    z-index: 9999;
}
  
  #menuAnimate.small #dragMenu{
    bottom: 0px;
  }
  #menuBoxContainer  {
    margin:0px;
  	width:100%;
    transform: translate3d(0,0,0);
    height:100%;
    background-color:#ffff00;
    
}
   #menuBoxContainer.small{
	height:unset;
    background-color:#ffff00;
}
  
   #parallaxObject  {
      display:none;
}
  
 /* Menu Iphone Titre */
   #menuAnimate ul li.active a {
    color: black;
    margin-top:0px;
    font-size: 25px;
    border-color:transparent;
}
 /* Menu small Iphone Titre */
   #menuAnimate.small ul li.active a {
    color: #d8d9db;
    font-size: 30px;
    padding-top:-10px;
    letter-spacing:-1px;
}   
  
   #menuAnimate ul li.inactive a {
    color: black;
    font-size: 20px;
}

#menuAnimate ul li.inactive .lineAccroche{
	border-color:transparent;
    
}
  
#menuAnimate ul li:hover .lineAccroche{
	border-color:#3de4f6;
}  
  
.retractable {
    height:100%;
}
  
 #filAriane {
 visibility:hidden;
  float:left;
  display:inline-block;
  position:100%;
    left:0px;
    width:auto;
    height:6px;
  padding-left:12px;
  padding-right:19px;
  margin-top:10px;
  background:white;
 /*line-height: 100%;*/ 
}
   /* margin-top: 0px;*/
  }

#introContainer  table  a{/* defaut */ 
  font-size:11px;
}  
  
 .descriptionNoir div {
  color:black;
  font-family: ClanMedium;
  font-size:11px;
  text-align:left;
  margin:0px 0px 0px 0px;
  letter-spacing :0.65px;
    line-height:16.5px;
}

 .descriptionBleu div{
  color:#6bf5fa;
  font-family: ClanMedium;
  font-size:35.5px;
  margin-left:-2px;
  text-align:left;
  margin:-10px -10px -10px -1px;
  letter-spacing :-0.5px;
	line-height:36px;
}
  
  section.parallaxParent.panel  p{
/*transform: translate3d(0px, 0px, 0px);*/
  font-family:ClanMedium;
  font-size:20px;
  letter-spacing:-0.25px;
  color: black;
  /*text-shadow: 2px 2px 6px rgba(45,45,45,0.5) ;*/
  line-height:37px;
}
}​
  
  
#bottomDescription{
    height:1px;  
  }
  
#chevronDescriptionFooter {
    visibility:visible;
}
  
#footerAnimate {
    position: absolute;
    background: rgba(0, 0, 0, 1);
    top: 0px;
    width: 40px;
    height: 0px;
}
  
#footerBoxContainerMobile{
	position:fixed;
	margin:0px;
    bottom:0;
  	left:0;
  	z-index:999;
    height:45px;
    width:100%;
}
   
}
  

/*iPhone 6 Portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 

}

/*iPhone 6 landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { 

}

/*iPhone 6+ Portrait*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { 

}

/*iPhone 6+ landscape*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) { 

}

/*iPhone 6 and iPhone 6+ portrait and landscape*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){ 
}

/*iPhone 6 and iPhone 6+ portrait*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : portrait){ 

}

/*iPhone 6 and iPhone 6+ landscape*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape){ 

}
 
    
/* animation parallax accueil*/

.overSizeParallax {
  	background-repeat:no-repeat;
    background-size: cover;
    position: relative;
}

.overSizeParallax .parallaxParent{ /* data-friction 0,1 dataScalar 50 */ /*margin > 0,1*25 ==3 */
 overflow:visible; 
  height: 125vh; /* 100 +  data-scalar-y* data depth /0.8 *2 = 100 +100 *0,1 /0,8 *2 */ /* difference dechelle entre x et y */
  width: 120vw; /* 100 +data-scalar-y* data depth  *2 = 100 + 100 *0,1 *2 */ /* difference dechelle entre x et y */
  margin-top:-12.5vh;
  margin-left: -10vw;  /* data-scalar-y* data depth /0.8 */
}
#scene{
 padding:0;
  margin:0;
}
.swing {
	-webkit-animation: swing 2.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: swing 2.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: swing 2.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); 
  }
.tilt {
  -webkit-animation: tilt 4s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: tilt 4s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: tilt 4s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  
.rope {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  transform: scale(1.25);
  top: -10%; }
  .rope.depth-100 .hanger {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5); }

.wave{
  -webkit-animation: wave 4s 0.1s infinite linear;
  -moz-animation: wave 4s 0.1s infinite linear;
  animation: wave 4s 0.1s infinite linear;
  bottom: -40px;
  margin: 0px 0px;
  background-position: center bottom;
  background-size: auto 101%;
  height: 160px; }
  .wave.depth-100:after {
    height: 0px; }

.phase {
    -webkit-animation: phase 10s 0.1s infinite linear;
    -moz-animation: phase 10s 0.1s infinite linear;
    animation: phase 10s 0.1s infinite linear; }
    
@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    transform: rotateZ(10deg); }
  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg); } }
@-moz-keyframes swing {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    transform: rotateZ(10deg); }
  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg); } }
@-ms-keyframes swing {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    transform: rotateZ(10deg); }
  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg); } }
@keyframes swing {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    transform: rotateZ(10deg); }
  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg); } }
  
    @-webkit-keyframes phase {
  0% {
    opacity: 1; }
  25% {
    opacity: 0.4; }
  50% {
    opacity: 0.8; }
  75% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }
@-moz-keyframes phase {
  0% {
    opacity: 1; }
  25% {
    opacity: 0.4; }
  50% {
    opacity: 0.8; }
  75% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }
@-ms-keyframes phase {
  0% {
    opacity: 1; }
  25% {
    opacity: 0.4; }
  50% {
    opacity: 0.8; }
  75% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }
@keyframes phase {
  0% {
    opacity: 1; }
  25% {
    opacity: 0.4; }
  50% {
    opacity: 0.8; }
  75% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }
@-webkit-keyframes tilt {
  0% {
    -webkit-transform: rotateX(-30deg);
    -moz-transform: rotateX(-30deg);
    transform: rotateX(-30deg); }
  25% {
    -webkit-transform: rotateX( 30deg);
    -moz-transform: rotateX( 30deg);
    transform: rotateX( 30deg); }
  50% {
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg); }
  75% {
    -webkit-transform: rotateY( 30deg);
    -moz-transform: rotateY( 30deg);
    transform: rotateY( 30deg); }
  100% {
    -webkit-transform: rotateZ( 20deg);
    -moz-transform: rotateZ( 20deg);
    transform: rotateZ( 20deg); } }
@-moz-keyframes tilt {
  0% {
    -webkit-transform: rotateX(-30deg);
    -moz-transform: rotateX(-30deg);
    transform: rotateX(-30deg); }
  25% {
    -webkit-transform: rotateX( 30deg);
    -moz-transform: rotateX( 30deg);
    transform: rotateX( 30deg); }
  50% {
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg); }
  75% {
    -webkit-transform: rotateY( 30deg);
    -moz-transform: rotateY( 30deg);
    transform: rotateY( 30deg); }
  100% {
    -webkit-transform: rotateZ( 20deg);
    -moz-transform: rotateZ( 20deg);
    transform: rotateZ( 20deg); } }
@-ms-keyframes tilt {
  0% {
    -webkit-transform: rotateX(-30deg);
    -moz-transform: rotateX(-30deg);
    transform: rotateX(-30deg); }
  25% {
    -webkit-transform: rotateX( 30deg);
    -moz-transform: rotateX( 30deg);
    transform: rotateX( 30deg); }
  50% {
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg); }
  75% {
    -webkit-transform: rotateY( 30deg);
    -moz-transform: rotateY( 30deg);
    transform: rotateY( 30deg); }
  100% {
    -webkit-transform: rotateZ( 20deg);
    -moz-transform: rotateZ( 20deg);
    transform: rotateZ( 20deg); } }
@keyframes tilt {
  0% {
    -webkit-transform: rotateX(-30deg);
    -moz-transform: rotateX(-30deg);
    transform: rotateX(-30deg); }
  25% {
    -webkit-transform: rotateX( 30deg);
    -moz-transform: rotateX( 30deg);
    transform: rotateX( 30deg); }
  50% {
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg); }
  75% {
    -webkit-transform: rotateY( 30deg);
    -moz-transform: rotateY( 30deg);
    transform: rotateY( 30deg); }
  100% {
    -webkit-transform: rotateZ( 20deg);
    -moz-transform: rotateZ( 20deg);
    transform: rotateZ( 20deg); } }
@-webkit-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); } }
@-moz-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); } }
@-ms-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); } }
@keyframes wave {
  0% {
    /* -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); */
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    /* transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg); */
    }
  100% {
    /* -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); */
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    /* transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg); */
    } }

@-webkit-keyframes bounce{
  0%{bottom:2%}
  50%{bottom:4%}
  100%{bottom:2%}
}
@-moz-keyframes bounce{
  0%{bottom:2%}
  50%{bottom:4%}
  100%{bottom:2%}
}
@-ms-keyframes bounce{
  0%{bottom:2%}
  50%{bottom:4%}
  100%{bottom:2%}
}
@keyframes bounce{
  0%{bottom:2%}
  50%{bottom:4%}
  100%{bottom:2%}
}