/*

Theme Name: Laboratoire LBC - By Webam Studio

Theme URI: http://webamstudio.fr

Author: Webam Studio

Author URI: http://webamstudio.fr

*/

@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900);

html,button,input,select,textarea{color:#222;}
body{font-size:1em;line-height:1.4;font-family: 'Playfair Display', serif;}
::-moz-selection {background:#b3d4fc;text-shadow:none;}
::selection {background:#b3d4fc;text-shadow:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
img {vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}

form input[type='text'],form input[type='tel'],form input[type='submit'],form input[type='email'],form input[type='date'],form input[type='number'],form input[type='password'],form select,form textarea{width:100%;display:block;box-sizing:border-box;background:transparent;border-radius:10px;height:30px;line-height:20px;margin:3px 0;padding:5px 10px;-webkit-box-shadow:0 8px 6px -6px #CCCCCC;-moz-box-shadow: 0 8px 6px -6px #CCCCCC;box-shadow: 0 8px 6px -6px #CCCCCC;border:1px solid white;}
form input[type='text']:hover,form input[type='tel']:hover,form input[type='submit']:hover,form input[type='email']:hover,form input[type='date']:hover,form input[type='number']:hover,form input[type='password']:hover,form select:hover,form textarea:hover,
form input[type='text']:focus,form input[type='tel']:focus,form input[type='submit']:focus,form input[type='email']:focus,form input[type='date']:focus,form input[type='number']:focus,form input[type='password']:focus,form select:focus,form textarea:focus{background:rgba(255,255,255,.6);}

input[type=text]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=range]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=button]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #666 !important;
  line-height:20px;
}
input[type=text]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=range]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=button]:-moz-placeholder,
input[type=password]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  color: #666 !important;
  line-height:20px;
}
input[type=text]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=range]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=button]::-moz-placeholder,
input[type=password]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  color: #666 !important;
  line-height:20px;
}
input[type=text]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=range]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=button]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #666 !important;
  line-height:20px;
}
select > option:first-child{
  color: #666 !important;
}

/* ==========================================================================
   One Page Scroll with Animations styles
   ========================================================================== */
   
*{margin:0;padding:0;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;background:#faf8f0;font-size:14px;}
code{display:block;padding:0.5em 1em;border:1px solid #bebab0;}
body, html{height:auto;min-height:100%;overflow-x:hidden;-webkit-transition:opacity 400ms;-moz-transition:opacity 400ms;transition:opacity 400ms;display:block;position:relative;width:100%;background:white;color:#007F9D;}
body.loading{background:url('img/ico_loading.gif') no-repeat center 25% fixed;}
a{color:#007F9D;}
.clear{clear:both;display:block;}


/* ==========================================================================
   WEBAM STYLES
   ========================================================================== */
   
#header{position:fixed;height:auto;text-align:center;top:0;left:0;right:0;z-index:100;padding:0;color:white;font-size:1.5em;}
#header a{text-decoration:none;color:inherit;display:block;}
#header #site-title{display:block;width:100%;text-align:center;margin:0;padding:0;font-size:74px;color: #be172b;margin-top:50px;}
#header #site-title a{display:block;width:100%;height:100%;}
#header #site-title a img{width:auto;max-width:400px;height:auto;margin:auto;display:inline-block;vertical-align:middle;}
.scroll #header{line-height:0;-moz-box-shadow:0px 2px 10px #656565;-webkit-box-shadow:0px 2px 10px #656565;-o-box-shadow:0px 2px 10px #656565;box-shadow:0px 2px 10px #656565;background:white;height:60px;}
.scroll #header #site-title a img{height:50px;width:auto;margin-top:5px;}
.scroll #header #site-subtitle{display:none;}

#main{padding-top:150px;}

#footer{position:fixed;height:25px;background:gray;text-align:center;bottom:0;left:0;right:0;z-index:100;padding:5px 0;color:white;font-size:1em;}
#footer a{text-decoration:none;color:inherit;}
#footer #site-navigation2,#footer .goToTop{line-height:15px;display:inline-block;width:auto;}
#footer #site-navigation2 ul{margin:0;padding:0;}
#footer #site-navigation2 ul li{width:auto;color:white;padding:0 5px;text-transform:uppercase;display:inline-block;}
#footer #site-navigation2 ul li ul{display:none;}
#header #site-navigation2 ul li:hover,#header #site-navigation2 ul li.current-menu-item{color:#000000;}

.section{
	position:relative;
	width:100%;
	height:auto;
	min-height:100px;
	opacity:0;
	-webkit-transition:opacity .6s;
	-webkit-transition-delay:.2s;
	-moz-transition:opacity .6s;
	-moz-transition-delay:.2s;
	-o-transition:opacity .6s;
	-o-transition-delay:.2s;
	transition:opacity .6s;
	transition-delay:.2s;
	box-sizing:border-box;
}
.loaded .section{opacity:1;}
.section .section-content{padding:0 0 25px 0;box-sizing:border-box;}
.section#accueil .section-content{}

.section .imgBG{background-attachment:fixed;background-repeat:no-repeat;background-position:center center;background-size:cover;box-sizing:border-box;padding:5%;text-align:center;}
.section .background-image{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-attachment:fixed;background-repeat:no-repeat;background-position:center center;background-size:cover;box-sizing:border-box;padding:5%;text-align:center;}

.section h3,.section h4,.section h5,.section h6{color:#BE172B;display:block;text-align:center;}
.section h3{font-size:34px;margin:0;padding:20px 0;text-transform:uppercase;}

.bigUpload{text-align:center;margin:10px 0;}
.bigUpload div.middle{display:none !important;}
.bigUpload div.left,.bigUpload div.middle,.bigUpload div.right{display:inline-block;vertical-align:top;box-sizing:border-box;}
.bigUpload div.left,.bigUpload div.right{width:200px;}
.bigUpload div.middle{width:700px;max-width:100%;-webkit-box-shadow: 0 8px 6px -6px #CCCCCC;-moz-box-shadow: 0 8px 6px -6px #CCCCCC;box-shadow: 0 8px 6px -6px #CCCCCC;border-radius:10px;border:2px solid white;padding:25px;margin:0 10px;
	background: #D2D7D3; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, #D2D7D3, #E8EAE7); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #D2D7D3, #E8EAE7); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #D2D7D3, #E8EAE7); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #D2D7D3, #E8EAE7); /* Standard syntax */
}
.bigUpload div.middle h4{display:block;font-size:20px;color:#BE172B;text-align:center;}
.bigUpload div.middle h4 span{display:inline-block;width:49%;vertical-align:top;}
.bigUpload div.middle input,.bigUpload div.middle textarea,.bigUpload div.middle select{width:45%;margin:1% 2.5%;float:left;background:white;}
.bigUpload div.middle textarea{height:75px;line-height:16px;float:right;}
.bigUpload div.left a{position:relative;display:block;}
.bigUpload div.left a:after{cursor:pointer;color:#CA071F;content:"+Ajouter des fichiers";display:block;}
.bigUpload div.left a img{max-width:90%;height:auto;cursor:pointer;}
.bigUpload div.right img{max-width:90%;height:auto;}
.bigUpload div.right input[type='submit']{width:187px;height:60px;background:url('img/button.png') no-repeat center center / contain;line-height:60px;color:#CA071F;text-align:center;padding:0;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;margin-top:10px;}
.bigUpload .bigUploadButton,.bigUpload #bigUploadFile{display:none;}

.progress{margin:auto !important;width:100%;text-align:left;}
.progress .progress-bar{width:0;font-size:80%;text-decoration:none;font-weight:bold;padding:0;box-shadow:5px 5px 3px #000000;position:relative;display:inline-block;background:#999;color:white;border:none;}
.progress .progress-bar-success{
	background: #97D800; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #97D800, #63A700); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #97D800, #63A700); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #97D800, #63A700); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #97D800, #63A700); /* Standard syntax */
	color:white;
	text-align:center;
}
.upload p{text-align:left;}

.redBG{
	width:100%;box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;padding:25px;box-sizing:border-box;
	background: #BE172B; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(center top, #BE172B, #870007); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom center, #BE172B, #870007); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom center, #BE172B, #870007); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom center, #BE172B, #870007); /* Standard syntax */
	color:white;
	text-align:center;
}
.redBG .logo,.redBG .infos,.redBG .date,.redBG .map{display:inline-block;width:205px;margin:0 1%;padding:0;vertical-align:top;text-align:left;font-size:16px;}
.redBG .date,.redBG .map{width:100px;}
.redBG .date{text-align:right;font-size:21px;text-transform:uppercase;padding-top:10px;}
.redBG .date span{display:block;}
.redBG .date span:nth-child(3){font-size:36px;text-transform:lowercase;}
.redBG .logo,.redBG .map{text-align:right;}
.redBG .logo img,.redBG .map img{margin:auto;max-width:250px;height:auto;}
.redBG p,.redBG a{color:inherit;}

.okDemande{text-align:center;color:#94DB00;font-size:28px;}

#map{width:100%;height:400px;}

.private #main{
	padding-top:170px;
	box-sizing:border-box;
	background-color: #d3d3d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#707070));
	background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
	background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
	background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
	background-image: -o-linear-gradient(top, #d3d3d3, #707070);
	background-image: linear-gradient(to bottom, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}
.private #main{padding-top:0;}
.private #header{display:none;}


form.post-password-form{width:400px;margin:10px auto;text-align:center;}

form#boForm{margin:25px auto;width:50%;max-width:100%;}
form#boForm input{display:inline-block;vertical-align:top;margin:0;box-sizing:border-box;}
form#boForm input[type='text'],form#boForm input[type='password']{width:70%;background:white;}
form#boForm input[type='submit']{
	width:27%;margin-left:3%;
	background-color: #d3d3d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#707070));
	background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
	background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
	background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
	background-image: -o-linear-gradient(top, #d3d3d3, #707070);
	background-image: linear-gradient(to bottom, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}
#bo{list-style:none;width:80%;margin:10px auto;}
#bo li{display:block;margin:0;padding:0;box-sizing:border-box;width:100%;position:relative;}
#bo li.head > div.content{border:1px solid transparent;box-sizing:border-box;}
#bo li.line > div.content{
	cursor:pointer;box-sizing:border-box;
	border-radius:5px;border:1px solid white;-webkit-box-shadow: 0 8px 6px -6px #CCCCCC;-moz-box-shadow: 0 8px 6px -6px #CCCCCC;box-shadow: 0 8px 6px -6px #CCCCCC;
	background-color: #d3d3d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#707070));
	background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
	background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
	background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
	background-image: -o-linear-gradient(top, #d3d3d3, #707070);
	background-image: linear-gradient(to bottom, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}
#bo li.line.traite > div.content,#bo li.line:hover > div.content{
	background: #BE172B; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(center top, #BE172B, #870007); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom center, #BE172B, #870007); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom center, #BE172B, #870007); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom center, #BE172B, #870007); /* Standard syntax */
}
#bo li > div.content > span{display:inline-block;height:40px;line-height:30px;vertical-align:top;padding:5px;margin:0;border-right:1px solid gray;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;text-align:left;color:black;}
#bo li.line.traite > div.content > span,#bo li.line:hover > div.content > span{color:white;}
#bo li > div.content > span a{display:block;position:relative;}
#bo li > div.content > span a:after{content:"↓";position:absolute;top:0;right:3px;color:inherit;display:none;}
#bo li > div.content > span a.desc:after{content:"↑";}
#bo li > div.content > span a.selected:after,#bo li > div.content > span a:hover:after{display:block;}
#bo li > div.content > span a:hover:after{content:"↑";}
#bo li > div.content > span a.desc:hover:after{content:"↓";}
#bo li > div.content > span a:hover{color:#BE172B;}
#bo li > div.content > span img{height:28px;width:auto;margin:1px auto;padding:0;display:block;}
#bo li > div.content > span:nth-child(1){width:10%;}
#bo li > div.content > span:nth-child(2){width:10%;}
#bo li > div.content > span:nth-child(3){width:15%;}
#bo li > div.content > span:nth-child(4){width:20%;}
#bo li > div.content > span:nth-child(5){width:20%;}
#bo li > div.content > span:nth-child(6){width:20%;}
#bo li > div.content > span:nth-child(7){width:5%;border-right:none;text-align:center;}
#bo li > div.infos{display:none;background:white;width:90%;margin:0 auto 10px auto;border-radius:5px;border:1px solid white;-webkit-box-shadow: 0 8px 6px -6px #CCCCCC;-moz-box-shadow: 0 8px 6px -6px #CCCCCC;box-shadow: 0 8px 6px -6px #CCCCCC;padding:10px;position:relative;}
#bo li > div.infos .changeOnTimeWrapper{position:absolute;top:20px;right:20px;left:20px;bottom:20px;background:red;color:white;box-sizing:border-box;padding:30px;text-align:center}
#bo li > div.infos .changeOnTimeWrapper a{color:white;margin:0 20px;}
#bo li > div.infos label{display:inline-block;width:20%;vertical-align:top;}
#bo li > div.infos ul,#bo li > div.infos span{display:inline-block;width:75%;vertical-align:top;}
#bo li > div.infos > img{position:absolute;top:25%;right:20%;}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.size1-2{display:inline-block;width:50%;margin:0;padding:0;margin-right:-4px;vertical-align:top;box-sizing:border-box;}
.galery .i{display:none;visibility:hidden;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
.galery .item{width:10%;height:auto;margin:0;padding:0;display:inline-block;visibility:visible;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
.galery .item a{display:block;}
.galery .item a img{width:100%;height:auto;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
.galery .item .caption{display:none;}
.whiteBG{background-color:white !important;}
.blackBG{background-color:black !important;}
.paddingLR{box-sizing:border-box;padding:0 7.5%;}
.paddingTB{box-sizing:border-box;padding:7.5% 0;}
.paddingTBLR{box-sizing:border-box;padding:7.5% 20%;}
.borderRight{border-right:3px solid #dca867;}
.borderLeft{border-left:3px solid #dca867;}
.textAlignRight{text-align:right;}
.textAlignLeft{text-align:left;}
.textAlignCenter{text-align:center;}

/* animated elements */
.animateblock{opacity:0;position:relative;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;}
.animateblock.animated{opacity:1;}

/* animation transition styles */
.animateblock.leftauto,.animateblock.left0{left:-50%;}
.animateblock.leftauto.animated{left:auto;}
.animateblock.left0.animated{left:0;}
.animateblock.rightauto,.animateblock.right0{right:-50%;}
.animateblock.rightauto.animated{right:auto;}
.animateblock.right0.animated{right:0;}
.animateblock.top0 {top:-10%;}
.animateblock.top0.animated{top:0;}

@media screen and (max-width: 800px) {
	body{overflow:hidden;}
	html{overflow:auto;overflow-x:hidden;}
	.mobile{display:inline-block !important;}
	.nomobile,.arrowB{display:none !important;}
	#header,#footer{display:block !important;text-align:center;position:relative;top:auto;height:auto;left:auto;right:auto;bottom:auto;}
	.section .section-content{padding:0 !important;height:auto;min-height:0;}
	.size1-2{width:100% !important;margin:5px 0!important;}
	.section .imgBG{background-size:cover;}
	img{max-width:100%;}
}

@media print {
	*{background:transparent !important;color:#000 !important; /* Black prints faster:h5bp.com/s */    box-shadow:none !important;text-shadow:none !important;}
	a,a:visited{text-decoration:underline;}
	a[href]:after{content:" (" attr(href) ")";}
	abbr[title]:after{content:" (" attr(title) ")";}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}
	pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
	thead{display:table-header-group;}
	tr,img{page-break-inside:avoid;}
	img{max-width:100% !important;}
	@page{margin:0.5cm;}
	p,h2,h3{orphans:3;widows:3;}
	h2,h3{page-break-after:avoid;}
}