html{background:#ffffff;}

body{/*#9D4513*/ font-family:arial,sans-serif !important; /*font-weight:lighter !important;*/ font-size:14px; text-align:center; margin:0px; padding:0px; line-height:18px;}
div {margin:0px; padding:0px; display:inline-block;}
img {border:0px; margin:0px; padding:0px;}

.back_home_title{display:block;}
	.back_home_title h1{display:block; float:left; width:auto!important; margin:0px; padding:0px; max-width:100%;}
	.menu_right{float:right;}
		.langue{font-size:1em!important; background:#f8b334; display:inline-block; border:0px; color:#fff; padding:4px 8px; margin:12px 0 0 10px; display:block; float:left; text-decoration:none; font-weight:bold;}
		.langue:hover{cursor:pointer; opacity:0.8}
	.logo{display:block; float:left;}
	.logo img{width:280px; height:40px;}
	.back_home_title .fb-like{float:left; padding-top:1.5%;  margin-top:12px;}
.back_home_title{padding:0px 1% 15px 1%; font-size:30px; font-weight:normal; color:#3b90e0;  font-weight:normal; margin:5px 0px 0px 0px; display:block; width:98%; font-size:16px; float:left; border-bottom:1px solid #dddccd;}
.back_home{width:100%; display:block; float:left;}

.no_indent{padding:0px; margin:0px;}

.hide{display:none;}
#simulateur_taille{width:100%!Important;}
.mesure{width:100%!important;}
.iphone{display:none}


h2{margin-bottom:0.5em; padding:4px 8px 0px 8px;  font-size:1.5em; line-height:1.5em; color:#5888b5; text-transform:normal; font-weight:normal;}
h2 a:not([href]){color:#5888b5; text-decoration:none!Important;}
h2 a.open{text-decoration:underline!important;}
.home h2{background:#666; color:#eee; margin:0px; margin-bottom:6px; padding:1% 8px; border-bottom:1px solid #dddccd; font-size:15px; text-transform:uppercase; text-transform:uppercase; font-weight:normal;}
h3{clear:both; padding:20px 0px 2px 0px; margin:0px 2% 2px 2%; font-size:1.25em; font-weight:bold; border-bottom:1px solid #eee;}
.calcul p{display:block; height:auto; float:left; padding-bottom:15px;}
.champs h3{margin-left:0px!important;}
.active{display:block!important;}
.down{font-weight:bold; background-color:#ddd!important;}

.small{font-size:0.83em;}
span.small{font-size:14px !important;}

h4{color:#707aaa !important; font-size:1.15em; margin:20px 0px 2px 4%; font-weight:bold; width:95%; display:block; float:left; padding:0px; font-style:italic;}
h5{color:#666 !important; font-size:1.05em; margin:20px 0px 2px 4%; font-weight:normal; width:95%; display:block; float:left; padding:0px;}

.text_calcul h4{margin-left:2%!important;}
p{padding:4px 0px 4px 0px; margin:0px; line-height:1.5em; clear:both;}
form{padding:0px 8px;}

/* INFOLETTRE */

.infolettre input:not([type='submit']){background:#fff; border:1px solid #ccc; padding:2.5%; width:94.8%; font-size:1em;}
.infolettre select{background:#fff; border:1px solid #ccc; width:100%; height:auto; padding:1%;}
.infolettre textarea{background:#fff; border:1px solid #ccc; width:98%; height:10em; padding:1%;}
	
.infolettre{width:33%; margin-bottom:1.5%; background:#e6e6e6;}
.infolettre .inside{padding:2%!important;  color:#333; float:left; width:96%;}
.infolettre h2{width:auto; float:left; background:#06c; color:#fff; width:92%; padding:4%; font-weight:bold; font-size:1.75em; margin:0px 0.5em 0 0; text-transform:uppercase;}
.infolettre form{width:92%; padding:3%; float:right;}
.infolettre .inside form span h3{color:#333; float:left; display:block; background:none!important; text-decoration:none; border:0px!important; width:25%!important; margin:0px 2% 0 0!important; padding:2% 0px!important;}
.infolettre .info{float:left; width:73%;}
.infolettre .submit{background:#3b90e0; color:#eee; border:0px!important; padding:0.25em 0.5em; float:right; font-size:1.25em; font-weight:bold; text-transform:uppercase; font-family: 'raleway', sans-serif;}
.infolettre .submit:hover{cursor:pointer; background:#06c;}
.infolettre span{display:block; width:100%; float:left; margin:1% 0;}

sup{vertical-align: baseline; position:relative; bottom: 1ex;}
input,select,option{color:#333333; font-size:12px; padding:0.33em; font-family:Arial, Helvetica, sans-serif;}
select,option{text-align:left!important;}
/*p.small{font-size:11px;}*/
.add,.add2{padding:1em 0px; float:left; width:100%; max-width:100%!important; height:90px;}
.add .ads_header{height:90px!important; width:100%; display:inline-block;}
.add_full,.bloc_full{width:100%; display:block; float:left; padding:1% 0px; text-align:center;}
.add img,.add2 img,.add3 img{max-width:100%!important;}
.back_home{padding:5px 0px; display:block; text-decoration:none;}
.nouveau{color:#930;}

.conversion-table{min-height:800px;}

.for{border:1px solid #b3cadd; background:#f6f6f6; width:92%;}
p.for{margin:0px 2%;}
i.for{padding:0.1em 0.2em;}

.home .text p{width:94%!Important; padding:0px 3%;}

a{color:#06C; text-decoration:underline;}
a:hover{text-decoration:underline !important; cursor:pointer;}
input[readonly]{background:#dfdfdf; border:1px solid #cccccc;}
input[type=submit]{text-align:center !important;}

.imp{color:#900;}
.encadre_imp{background:#900; color:#fff; margin:10px; padding-bottom:10px;}
	.encadre_imp h2{color:#999;}
	.encadre_imp a{color:#999;}
	
.blue{color:#fff!important; border:0px; text-decoration:none; font-weight:bold; border-radius:3px; display:inline-block; padding:0.5em 0.75em!important; background:#06c; text-transform:uppercase;}	
.blue:hover{ background:#3293D9;}	
	
.grey{color:#fff; border:1px solid #333; border-radius:3px; background:#333; background:linear-gradient(to bottom, #666666, #999999);}	
.grey:hover{ background:linear-gradient(to bottom, #a7cfdf, #23538a);}
input[type=button]:hover{cursor:pointer;}
	
.default{background:#ffffff; position:relative; width:1000px; color:#444; margin:0px auto 0px auto; text-align:left; text-align:left; padding-bottom:5px;}
.main{width:100%;}
	.content{width:100%;}
		.content p{padding:8px 2%;}
		.content .text{width:47.2%; display:block; border:1px solid #dddccd; float:left; margin-top:25px; padding-bottom:10px;}
		.content .text p,.home .text ul{padding:0px 5px; margin:0px!important;}
		.home .text li{width:45%; padding:1.5% 2.5%; float:left; display:block; margin:0px!important;} /**/
		.home .text h4{background:#eee; padding:1%; margin:20px 0 2px 2%!important;}
		.home .text h3{border-bottom:1px solid #aaa!important; background:#ddd!important; padding:2%; margin-top:2%;}
		
		.calcul{margin-right:5%;}
			.don p, .question p{display:block; padding:10px !important; font-size:12px;}
			.question a{float:none !important; display:inline;}
			.don_btn{margin-left:10px;}
		
		.text_calcul{background:#c1d6eb; width:100%; height:auto;}
		.text_calcul h2{margin-top:15px; padding-left:2%;}
		.content .champs{padding:3% 2%; border-top:1px solid #96B9DC;  border-bottom:1px solid #96B9DC; margin:20px 0px;}
			.champs h2,.champs div{padding-left:0px!important; margin-left:0px!important;}
			.champs form{display:inline-block; padding:0px!important;}
			.champs span{display:inline-block; height:75px; width:172px;}
			.champs label{background:#ffffff; padding:3px 6px; font-size:12px; margin-left:1px; font-weight:normal; clear:both;}
			.champs input, .champs select{width:160px; font-size:16px; padding:10px 5px; clear:both; text-align:right;}
			.champs select{font-size:13px; height:auto; padding:13px 5px; width:165px;}
		
		table.table_line td{border-right:1px solid #ddd;}
		table.table_line tr:nth-child(even){background:#cadceb;}
			
		.content table{padding:0px; margin:2% 0px; width:98%; padding-left:2%; font-size:1em; table-layout: fixed;}
		.content table th{background:#fff; padding:1%; width:100px; border-right:1px solid #dddddd;}
		.content table th.big{width:50%!important;}
		.content table td{padding:0.3em; border-bottom:1px solid #ddd; word-wrap: break-word;}
		.content table tr:hover{background:#cadceb;}
		.top_th th{background:#666!important; color:#eee;}
		
		.left_content{width:22%; float:left;  margin:3% 0 0 0;}
		.left_content .ul_bloc, .open_mobile_ecran .ul_bloc,.home .archives .ul_bloc{float:left; display:none; padding:0px 0px 0px 0;  padding-left:0px; margin:5px 0 5px 0;}
		.left_content .ul_bloc ul, .open_mobile_ecran .ul_bloc ul{display:block!important;}
		.left_content ul, .open_mobile_ecran ul{float:left; display:none; padding:0px 0px 15px 0;  padding-left:2%; width:98% margin:5px 0 5px 0;}
			.left_content h3, .open_mobile_ecran h3,.h3{margin:20px 0px 0px 0px !important; width:87%; clear:none; display:block; float:left; padding:4px 10% 4px 3%!Important; background:URL("../images/black_arrow_show.png") right center no-repeat; border-bottom:1px solid #FFFFFF;} /* .left_content .h3, .open_mobile_ecran  */
			.left_content h5.h3, .open_mobile_ecran h5.h3{padding:4px 10% 4px 7%!Important; width:83%!important; font-size: 0.9em!important; margin:0px!important;}
			.archives{margin-bottom:3em; width:100%; border-bottom:1px solid #ddd; display:block; float:left;} /* .left_content .archives,.open_mobile_ecran  */
			.left_content h3:hover,.open_mobile_ecran h3:hover,.h3:hover{cursor:pointer; background-color:#d1e0ec!important} /* .left_content .h3:hover,.open_mobile_ecran  */
			.left_content h4{margin-top:1%;}
			.left_content .conversion{margin:10px 0 10px 0px!important;}
			.left_content .volumeaire{margin:0px 0 10px 0px;}
			.left_content .text,.open_mobile_ecran .text{width:100%; margin-top:0px; background:#f6f6f6}
			.left_content .text h3 a{padding:0px; color:#666; display:block; float:left;}
			.left_content .text a, .open_mobile_ecran .text a{width:96%; padding:3px 2%; display:block; text-decoration:none;}
			.left_content li,.open_mobile_ecran li{float:left; display:block; width:100%; border-bottom:1px solid #ddd;}
			.left_content h2,.open_mobile_ecran h2{background:#666; color:#eee;}
			
		.menu_mobile_ecran{width:94%; text-align:center; font-size:1.5em; padding:3%; font-weight:bold; background:#06c; color:#fff; display:block; margin-bottom:3%;}	
		.open_mobile_ecran{margin-bottom:3%;}	
			
		.conversion_menu{display:block!important; width:100%;}
		.conversion_menu ul li{text-transform:capitalize;}	
		.sous_menu{display:block!important; background:#e6e6e6;}
			
		.inside_content table th{text-transform:capitalize;}	
			
		.inside_conversion{padding:0px; width:98%!important; display:inline-block; margin:1em 1%;}
		.inside_conversion li{width:16%;  display: flex; float:left; background:#fff; padding:0; margin:1%;}
		.inside_conversion li a{width:90%; padding:0.75em 1em; margin:auto; display:block; float:left;} /* text-transform:capitalize;  */
		.inside_conversion li:hover{background:#06c;  }
		.inside_conversion li:hover a{color:#fff;}
		/*.inside_conversion li:nth-child(5n+1){margin-left:0px!important;}*/
			
		.middle_content{width:76%; float:right; margin:3% 0 0 2%;}
		.middle_content .champs{width:96%;}
		.middle_content .text_calcul{background:#e3eef7; padding-bottom:3%;}
		.middle_content h1{background:none; padding:5px 10px 15px 10px;  margin-top:0px; line-height:26px}
		
		.my_add,.my_p{float:right; width:180px; border:1px solid #eee; margin:-10px 0 0 20px; padding:10px; }
			.my_p{float:left!important; width:93%!important; padding:3%!important; margin:0px;}
			.my_add b,.my_p b{font-weight:bold; color:#0066CC; font-size:14px;}
			.my_add p,.my_p p{padding:0.5em 0 0 0; font-size:1em;}
			.my_add a.more,.my_p a.more{padding-top:0.5em; display:block; font-size:1em;}

		.social_media{padding:2%; width:96%; display:block; float:left;}
			.social_media .bloc{width:100%; float:left;}
			.social_media a{width:auto!important; height:18px; display:inline-block; padding-top:0px !important;}
			.social_media img{vertical-align:middle;}
			.twitt{margin-left:1%;}
			.encadre_img_facebook{padding:2%; font-size:1em; color:#fff; background:#3B90E0; margin:0px; width:96%;}
		.encadre_img_facebook span,.encadre_img_facebook div{float:left; display:block;}
		
		.flattr{margin-right:1%;}
		
		.home .encadre_img_facebook .first_span{width:100%!Important;}

		.fb_edge_widget_with_comment{margin-left:10px; float:right;}

	.multi_blocs{width:100%;}
	.multi_blocs .bloc{display:block; float:left; margin-right:2%; max-width:48%;}
	.multi_blocs .bloc input{text-align:left!important;}

	.footer{width:100%; margin-top:25px; clear:both; }
	.footer h2{background:#666!important; color:#fff!important; font-size:1.33em!important; font-weight:Normal!important; padding:4%!important; margin-top:0px!important;}
	.footer .bloc{width:32%!important;  margin-left:2%; display:block; float:left;}
	.footer .bloc:first-child{margin-left:0px;}
	
	
	.calcul-conversion-ractif { width: 728px; height: 90px; }
	.content_pub{width: 100%; height: 22px; overflow:hidden;}
	
	.add{height:90px;}
	
	.footer .bloc .footer_inside{padding:5%!important; width:90%!important; display:block; min-height:15em; float:left;}
	
	.footer .add{padding:0px!important; width:100%;}
	.footer_inside ul{padding-left:1em;}
		.footer_inside ul li{margin:0.5em 0;}
		
	.big{font-size:1.25em;}	
	.footer .big{display:block; clear:both; margin-top:0.8em;}
		
	.calculatrice{width:80%!important;}
	.calculatrice .read{width:90%; padding:5%!important;}
	.calculatrice td{text-align:center!important;}
	.calculatrice input[type='button'],.calculatrice button{min-width:50px!important; width:100%; height:3.5em!important; text-align:center;}
	.calculatrice tr:hover{background:none!Important;}
	
	.imc_text_final{min-height:1em; padding:1%; margin-top:5px;}
	
	.imc_text{padding:1%; margin-top:0px;}
		.imc_text div{width:100%;}
		
	.blue_table th{background:#5888B5!important; color:#fff!important}
	.blue_table .tdbold{font-weight:bold; background:#eee;}
	
	.pays{text-align:left!important;}
	
	/* WIDGETS */
	.widget_demo{padding:2%;}
	.widget_demo div{display:block; float:left;}
	
	.widget_code{padding:2%!important; display:block; float:left;}
	
	.widget form{ text-align:left;}
	.widget span{height:auto!important; margin-top:2px!important; width:98%!important;text-align:left!Important;}
	.widget input{padding:2% 1%!important; font-size:1em!important; width:98%!important;}
	.widget input[type=submit]{margin-top:5%!Important;}
	.widget a{text-deorection:none!Important;}
	
	pre, pre code{width:100%; display:block; float:left;}
	
	.table_conversion_temp tr:nth-child(-n+5){background:#acbbd9;}
	.table_conversion_temp tr:nth-last-child(-n+30){background:#d39a9a;}
	.table_conversion_temp tr:nth-last-child(-n+6){background:#d26464;}

	.footer_pub,.middle_pub{width:100%; height:auto; display:block; float:left;}

@media screen and (min-width:765px) and (max-width:2100px){
		.ads_header{ width:728px; height: 90px; }
}

@media screen and (min-width:765px) and (max-width:1100px){
		.default,.content,.add{width:98%!important; padding:1%;}
		.ads_header{ width:728px; height: 90px; }
		.inside_conversion li{width:23%!important;}
}

@media screen and (max-device-width:480px), screen and (min-width:300px) and (max-width:764px){
		.standard{display:none;}
		.iphone{display:block;}
		.my_add{width:96%!important; margin:0px!important; padding:2%!important; font-size:8px!Important; line-height:1em!important; display:none}
		.default,.content,.left_content,.middle_content,.add,.open_mobile_ecran{width:100% !important;}
			.add{overflow:hidden;}
		.calcul-conversion-ractif { width: 468px; height: 60px; }
		.calcul{margin:0px!important;}
		.conversion, .don, .question{margin-left:0px!important; }
		.content_pub{display:none!important;}
		.content .text{width:98%!important;}
		.content .text_calcul a{width:95%!important; padding:4% 2.5%!important;}
		.champs span{width:100%!important; margin-bottom:0.5em;}
		.champs input, .champs select{width:95%!important; padding:10px 2.5%!important;}
		.footer{font-size:13px!important;}
		
		.inside_conversion li{width:48%!important;}
		
		.footer .bloc{width:100%!important; margin:0px 0 2% 0 !important; padding:0px!important;}
		.add{height:60px;}
		.calcul-conversion-ractif { width: 468px; height: 60px; }
}
@media screen and (max-device-width:390px), screen and (min-width:300px) and (max-width:390px){
		.calcul-conversion-ractif { width: 320px!important; height: 50px!important;  }
		.back_home_title{width:98%!important; display:block; float:left;}
		.back_home_title img{width:100%!important;}
		.content_pub{display:none!important;}
		.calculatrice{width:95%!important;}
		.ads_header{ width:100%; height: 90px; }
}