/*
Theme Name: Biogance

Author: Lucile & Erwan
Author URI: http://erwan.querval.fr/
Description: Un thème très class pour Biogance.
Version: 2.0
*/


.qtrans {list-style-type:none;background-color:black;padding-top:3px; width:100%;padding-left:20px; height:22px;clear:both;}
/*.lang li {display:inline;margin:0!important;padding:0!important;}
.qtrans_language_chooser {list-style-type:none;background-color:black; width:150px; margin-top:3Px;height:25px;clear:both;}
.qtrans_language_chooser li { color:white;float:left; margin-right:10px;text-decoration:none!important;}
.qtrans_language_chooser li > a > span {color:white!important;font-size:10px!important;}
.qtrans_language_chooser li > a {text-decoration:none!important;}*/

body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* Page reset */
	margin:0px;
	padding:0px;
	font-family:century gothic;

}

body {	min-width:1080px;
	width:100%;}
	
	
/**** GENERAL MAJ ***/





.side .type {width:320px; height:100px;position:absolute;top:60px;right:-20px;}

	.side .type a {
	margin-top:20px; padding:15px 10px 5px 10px;height:25px; float:left;text-align:center;background:#000;color:white;
	text-transform: uppercase;text-decoration:none!important;font-size:15px; font-family:"Century Gothic"; font-weight:400;margin-right:5px;}


	.side .type .actif {color:#000; background:#F8F8F8;}
	.side .type a:hover {background:#9cb503!important;}

.pluginCountButton {display:none!important;}
.pluginCountButton{display:none!important;}

.side {float:left;width:290px;}
.side .element {margin-bottom:40px;}
	.side .element h3 {color:#9cb503;border-bottom:1px solid #B2B2B2; margin-left:20px;font-size:18px;font-weight:100;}
	.side .element ul {margin:20px 0px 0px 50px;}
	.side .element ul > li > a {font-size:14px; color:gray;line-height:22px; text-decoration:none;text-transform:capitalize;}
		.side .element ul > li > a:hover {text-decoration:underline;}
	.side .element ul > li {font-size:14px; color:gray;line-height:22px;}

.side .search-input {margin:20px 0px 0px 20px; height:20px; width:230px;border:1px solid #CCCCCC;padding:5px;font-size:16px;}

/* Homepage */

.home #slider {width:100%;margin-top:60px;}
.home #slider li {list-style-type:none;}

	.home #slider .img {width:660px;height:340px;float:left;background:#F2F2F2;z-index:-1;}
	.home #slider .header {width:320px;float:left;margin-left:20px;}
	.home #slider .header h1 a {font-weight:600; color:#2D2D2D; font-size:22px;text-decoration:none;}
		.home #slider .header p {font-weight:100; color:#2D2D2D; font-size:14px;line-height:22px;margin-top:20Px;}
	
	.home .three {margin-top:70px;}
	.home .three > div {width:290px;margin-left:40px; float:left;height:400px;}
		.home .three > div:first-child {margin-left:0;}
		.home .three > div > h2 {font-size:18px;color:#9cb503;border-bottom:1px solid #B2B2B2;font-weight:100;margin-bottom:20px;padding-bottom:8px;}
		.home .three > div > p {font-size:13px; color:#606060;line-height:20px;text-align:justify;}
	
	.home .actu-list li {line-height:20px;font-size:13px;margin-left:20px;}
		.home .actu-list li a {color:#606060;font-size:13px;line-height:20px;text-decoration:none;}
		.home .actu-list li a:hover {text-decoration:underline;}

.top-une {position:relative;border-top:1px solid #DDDDDD; margin:30px 0px 30px 0px;}
.top-une #controls {position:absolute;bottom:0; right:0;}
.top-une #controls li {display:inline;list-style-type:none;}
.top-une #controls li a {display:block;float:left;width:20px; height:20px; background:#2D2D2D;color:#2D2D2D;margin-left:5px;text-align:center;font-size:12px;text-decoration:none;}
.top-une #controls li.current a {background:#9db308; color:#9db308;}

/* actualités */
.conseils .titre-actu {font-size:13px!important;margin:-30px 0px -10px 0px;color:#DDD;font-weight:200;}

.titre-actu {font-size:48px!important;margin:40px 0px 40px 0px;color:#2D2D2D;font-weight:200;}
.titre-actu a {font-size:36px!important;margin:40px 0px 40px 0px;color:#2D2D2D;text-decoration:none;}
.titre-actu a:hover {text-decoration:underline;}
.actualites, .conseils, .conseil {width:670px;padding:10px 30px 0px 0px;margin-bottom:30px;border-right:1px solid #B2B2B2;float:left;}
.actualites h2 {margin-bottom:30px;font-size:38px;font-weight:100;	}
	.actualites h2 a{font-size:24px;color:#2d2d2d;padding-top:16px;text-decoration:none;font-weight:200;}
	.actualites h2 a:hover {text-decoration:underline;}
.actualites article {border-bottom:1px solid #B2B2B2;margin-bottom:30px;padding-bottom:30px;}
	.actualites article > span {font-size:12px; color:gray;} 
	.actualites article > header{font-size:14px;line-height:22px;font-family:'arial'!important;color:#4c4c4c;}
	.actualites .beside {float:left;width:360px;margin-left:10px;}
	.actualites article .img {float:left;width:300px;}

/* Conseils d'expert */

.conseils article {border-bottom:1px solid #B2B2B2;margin-bottom:30px;padding-bottom:30px;}
.conseils h2 {margin-bottom:20px;margin-right:20px;}
.conseils h2 a {font-size:24px;line-height:34px;color:#2d2d2d;padding-top:16px;text-decoration:none;font-weight:200;}
	.conseils .beside {float:left;width:240px;margin-left:30px;}
	.conseils article .img {float:left;width:380px;background:#F8F8F8;}
	.conseils article > header{font-size:14px;line-height:22px;font-family:'arial'!important;color:#4c4c4c;}

.conseil {margin-top:40px;border-right:0; }




.produits {width:1000px;margin-left:auto;margin-right:auto;padding-bottom:30px;}
.produits .description {float:left;width:100%;}
.produits .description img {float:left;margin:0px 30px 10px 0px;}
.produits .description p {font-size:14px;color:#565656;text-align:justify;margin:20px;}
.produits .description > h1 {font-size:25px;font-weight:lighter;color:#5d4618;text-decoration:none;margin:0px 0px 40px 0px;}

.edito {width:1000px;margin:0 auto 0 auto; text-align:justify;color:gray;font-size:13px;}
.edito .description p {padding-top:10px;padding-bottom:10px;}
.edito h1 {clear:both;color: #000000;font-size: 25px;font-weight: lighter;padding-top:20px; padding-bottom: 20px;}

.article {width:1000px;margin-left:auto;margin-right:auto;padding-bottom:30px;}
.article .description {float:left;width:100%;}
.article .description img {float:left;margin:0px 20px 10px 0px ;}
.article .description p{font-size:14px;color:gray;text-align:justify;margin:20px;}
.article  h1 {margin:40px 0px 20px 340px;font-weight:lighter;color:#5d4618;}
.article  h1 a{font-size:25px;font-weight:lighter;color:#5d4618;text-decoration:none;}
.article h2 {margin:30px 0px 20px 0px;font-size:24px;border-bottom:1px dotted gray;color:gray;font-weight:lighter;}
.telechargement{margin-right:auto;margin-left:auto;width:1000px;min-height:600px;margin-top:30px;padding-bottom:30px;}
.telechargement h2{margin:15px 0px 15px 0px;width:1000px;border-bottom:1px dotted gray;color:gray;font-weight:lighter;}
.telechargement img{padding-bottom:20px;}
.post p{font-size:14px;color:gray;text-align:justify;margin:20px;}
.post h1 {margin:20px;font-weight:lighter;color:#5d4618;font-size:30px;}
.post h2 {margin:20px;font-size:24px;font-weight:lighter;}
.post h3 {margin:20px;font-size:18px;border-bottom:1px dotted gray;color:gray;font-weight:lighter;}

.post a {color:black;}
.post a:hover {text-decoration:none;color:black;}



.contenu {width:1000px;margin:0 auto 0 auto;position:relative;}
.contenu h1 {clear:both;color: #000000;font-size: 25px;font-weight: lighter;padding-top:20px; padding-bottom: 20px;}

/*.active {background-color:green;}*/


#login_error {position:absolute;left:230px;width:250px;}


.wp-pagenavi {
	clear: both;
	text-align:right;
	margin-bottom:30px;
	font-size:12px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	color:#2C2C2C;
	margin: 2px;
	
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #93BC04;
	color:#93BC04;
	
}

.wp-pagenavi span.current {
	font-weight: bold;
}

	
/* HEADER */ 

.header{
width:1000px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
position:relative;
}

#slogan{
color:#93bc04;
position:absolute;
font-size:25px;
top:40px;
left:410px;
font-family:century gothic;
}

.bloc-droite{
position:absolute;
top:10px;
left:780px;
}

.bloc-droite li{
list-style-type:none;
float:left;
display:inline;
padding-right:5px;
}

.bloc-droite h2{font-weight:lighter;font-size:14pt; color:#565656}
.avatar_container {float:left;width:38px; height:38px;margin-top:8px;}
.bloc-droite > .pagenav {float:left;width:120px;margin-left:10px;}
.bloc-droite > .pagenav a {font-size:10pt; color:gray;}



.menu-menu-principal-container {height:30px;}


/* menu */ 

.contenu-menu{
height:30px;
width:100%;
min-width:1080px;
background-color:black;

}


.menu > li {
height:32px;
padding:6px;
list-style-type:none;
float:left;
width:160px;
position:relative;

}

#menu-menu-principal li {text-align:center;}

#menu{
width:1080px;
margin-right:auto;
margin-left:auto;
font-family:century gothic;
color:white;
font-size: 12px;
position:relative;
}

#menu .biospotix{
position:absolute;
top:-44px;
left:850px;
}
#menu .ergolance{
position:absolute;
top:-30px;
left:700px;
}
#menu a {color:white!important;text-decoration:none; font-weight:bold;font-size:14px;}

#menu-menu-principal .sub-menu li {
position:relative;
float:left;
width:170px;
cursor:pointer;
display:block;
z-index:10;
padding:8px 5px 8px 5px;
border-top:1px solid #DDDDDD;
}
#menu-menu-principal .sub-menu li a {font-weight:normal;font-size:13px;}
#menu-menu-principal .sub-menu li:hover {background:#F8F8F8;}
#menu-menu-principal .sub-menu li:hover a {color:#2D2D2D!important;}
#menu-menu-principal .sub-menu{display:none;
position:absolute;
width:180px;
z-index:100;
top:30px;
left:0;
background-color:#000000;
}

#menu-menu-principal .sub-menu > li > .sub-menu {display:none!important;left:180px;top:-1px;}
#menu-menu-principal .sub-menu > li:hover > .sub-menu {display:block!important;}

#menu-menu-principal .sub-menu > li > .sub-menu li a {color:white!important;}
#menu-menu-principal .sub-menu > li > .sub-menu li a:hover {color:#2D2D2D!important;}

#menu.fixedMenu {
    position: fixed;
    width: 100%;
    }

.menu > li:hover .sub-menu {display:block!important};

#menu ul li ul li a:hover { color:#adc400;}


.animation{
margin-right:auto;
margin-left:auto;
width:760px;
}


/* MENU-BAS */ 


.contenu-menubas{
width:100%;
min-width:1080px;
background-color:#93bf06;
height:30px;
}

#menubas{
margin-left:auto;
margin-right:auto;
width:1000px;
position:relative;
}

#menubas img{
position:absolute;
top:-5px;
left:840px;
width:40px;
height:40px;
}

#menubas li{
float:left;
list-style-type:none;
margin-right:64px;
color:#000000;
font-family:century gothic;
font-size:12px;
margin-top:7px;
}

#menubas li a{
color:#000000;
text-decoration:none;
}

#menubas li a:hover{
color:#ffffff;
text-decoration:none;
}

.contact a + a {
color:#000000;
font-size:12px;
position:absolute;
top:7px;
left:890px;
text-decoration:none;
}

.wpcf7 p {margin-top:15px;}
.wpcf7 input {height:22px;font-size:14px;font-family:"Arial";font-weight:600;padding:4px;}
.screen-reader-response, .wpcf7-mail-sent-ok {font-size:22px; font-family:"Arial";font-weight:600;}

/* FOOTER */ 

.contenu-footer{
background-color:#000000;
height:300px;
width:1080px;
margin-right:auto;
margin-left:auto;
color:white;
}
.footer a:hover {color:#adc400!important;}
.footer{
background-color:#000000;
width:100%;
min-width:1080px;
}

.menu-footer {width:930px; float:left;}

 
#menu-menu-footer > li a {font-size:13px;}
#menu-menu-footer {margin-top:20px;}
#menu-menu-footer .sub-menu {margin:20px 0px 0px 20px;}  
#menu-menu-footer .sub-menu > li {list-style-type:disc;line-height:0.9em;}
#menu-menu-footer .sub-menu > li a {font-size:11px!important;}

.menu-menu-footer-container .menu > li {width:170px!important;} 

.menu-menu-principal-container .sub-menu li {text-align:center;}
	


.col6-footer{
border-left:1px solid white;
padding-left:15px;
height:200px;
text-align:center;
width:110px;
margin-left:20px;
float:left;
font-size:11px;
margin-top:20px;
float:left;
}

.reseaux img {float:left; margin:10px 0px 0px 10px;width:42px;}
.adresse{
font-size:11px;!important!
}

.contenu-footer li a{
color:#ffffff;
text-decoration:none;
}

.contenu-footer p{
font-size:14px;
}

.fcb{
position:absolute;
left:910px;
top:180px;
}

.fcb img{
width:30%;
}



/* CONTACT */
.formulaire{
width:1000px;
height:600px;
}

.required {color:white;}
.form{
padding-top:40px;
padding-bottom:40px; f
width:400px;
float:left;
}
.form form > div:first-child {color:white;height:1px;}
.coordonnees{
float:left;
width:500px;
height:500px;
margin-left:90px;
}

.form h1{
font-size:17px;
color:gray;
}

.form label{
font-size:13px;
color:gray;

}
.form input{width:300px;}
.form textarea{width:304px;}
#fsc-submit {width:70px;}
.coordonnees p{
text-align:center;
padding-top:50px;
color:gray;
padding-bottom:20px;
}

/*** Wordpress  ****/


.post-edit-link {color:white; background-color:#93bf06; padding:1% 2% 1% 2%;text-decoration:none;position:absolute;top:230px; right:0;}
.post-edit-link:hover {background-color:black;}


/*************************/
/****** THumbnailZOom ****/
/*************************/

.thumbnailWrapper { z-index:-100;width:1000px; margin:0px auto; padding-top:10px; } /* not important */
		
.thumbnailWrapper ul { 
			list-style-type: none; /* remove the default style for list items (the circles) */ 
			margin:0px auto 0px auto; /* remove default margin */
			padding:0px; /* remove default padding */
			z-index:-100;
		}
.thumbnailWrapper ul li { 
			
			float:left; /* important: left float */
			position:relative; /* so we can use top and left positioning */
			overflow:hidden; /* hide the content outside the boundaries (ZOOM) */
			
		}
.thumbnailWrapper ul li a img { 
			width:66px; /* not important, the pics we use here are too big */
			position:relative; /* so we can use top and left positioning */
			border:none; /* remove the default blue border */
			padding-top:40px;
			
		}
.caption{
			position:absolute; /* needed for positioning */
			top:-10px; /* bottom of the list item (container) */
			left:0px; /* start from left of the list item (container) */
			width:100%; /* stretch to the whole width of container */
			display:none; /* hide by default */
			/* styling bellow */
			color:black;
			opacity:0.9;
			font-size:12px;
			text-align:center;
		}
.caption a {color:black;opacity:0.9;text-decoration:none;}
.caption .captionInside{
			/* just styling */
			padding:10px;
			margin:0px;
		}
.clear { clear:both; } /* to clear the float after the last item */

.thumbnailWrapper h2{width:1000px;border-bottom:1px dotted gray;margin-bottom:20px;}
.thumbnailWrapper h2 a {text-decoration:none;color:black}


.btn-savoir{top:30px;left:0px;height:10px;clear:both;}


#screenshot{
	position:absolute;
	background:#333;
	padding:2px;
	display:none;
	color:#fff;
	 
	}
/*************************/
/******* SLIDES **********/
/*************************/

body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* Page reset */
	margin:0px;
	padding:0px;
}



/* Gallery styles */

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(img/conseil/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:920px;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:100px;
}

#slides{
	/* This is the slide area */
	height:400px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu-conseil{
	/* This is the container for the thumbnails */
	height:45px;
	text-align:center;
}

#menu-conseil ul{
	margin:0px;
	padding:0px;
}
#menu-conseil 
li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
	font-size:18px;
	line-height:25px;
	font-family:century gothic;
	
}

li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(img/conseil/pic_bg.png) repeat;
}

li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(img/conseil/active_bg.png) no-repeat;
}

li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(img/conseil/divider.png) no-repeat right;
}

#menu-conseil li a{
	display:block;
	 no-repeat right;
	height:35px;
	padding-top:10px;
	color:#98c10f;
	cursor:pointer;
}

a img{
	border:none;
}