html{background:#ffffff;}

body{/*#9D4513*/ font-family:arial,sans-serif !important; /*font-weight:lighter !important;*/ font-size:13px; 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;}
		.menu_right .langue{font-size:1em!important; background:#f8b334; color:#fff; padding:4px 8px; margin:12px 0 0 10px; display:block; float:left; text-decoration:none; font-weight:bold;}
	.logo{display:block; float:left;}
	.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;}

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

h2{margin-bottom:0px; padding:4px 8px 0px 2%;  font-size:15px; text-transform:uppercase; color:#5888b5; text-transform:uppercase; font-weight:normal;}
h2 a:not([href]){color:#5888b5!important; 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-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.8em;}
span.small{font-size:14px !important;}

h4{color:#707aaa !important; font-size:14px; margin:1.25em 0px 2px 4%; font-weight:normal; width:95%; display:block; float:left; padding:0px; font-style:italic;}
h5{color:#666 !important; font-size:14px; margin:1em 0px 2px 2%; font-weight:bold; 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:18px; clear:both;}
form{padding:0px 8px;}

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;}
p.small{font-size:11px;}
.add,.add2{padding:0.5% 0px; display:block; float:left; width:100%; max-width:100%!important;}
.add2{padding:2% 0px!important;}
.add img,.add2 img,.add3 img{max-width:100%!important;}
.back_home{padding:5px 0px; display:block; text-decoration:none;}
.nouveau{color:#930;}

.for{border:1px solid #b3cadd; background:#f6f6f6; width:92%; margin:0px 2%;}

.inside_content p{width:94%!Important; padding:0.5% 2%;}

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;}
	
.grey{color:#fff; border:1px solid #333; border-radius:3px; padding:2%; background:#333; background:linear-gradient(to bottom, #666666, #999999);}	
.grey:hover{ background:linear-gradient(to bottom, #a7cfdf, #23538a);}

.blue{color:#fff; border:0px; text-decoration:none; font-weight:bold; border-radius:3px; display:inline-block; padding:0.5em 0.75em; background:#06c; text-transform:uppercase;}	
.blue:hover{ background:#3293D9;}

input[type=button]:hover{cursor:pointer;}
	
.default{background:#ffffff; position:relative; width:1100px; 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 #ccc!important;}
		
		.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%;}
		.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:1%; border-bottom:1px solid #ddd;}
		.content table tr:hover{background:#cadceb;}
		.top_th th{background:#666!important; color:#eee;}
		
		.left_content{width:22%; float:left;  margin:2% 0 0 0;}
		.left_content .ul_bloc, .open_mobile_ecran .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; padding:0px 0px 15px 0;  padding-left:5px; margin:5px 0 5px 0;} /* display:none;  */
			.left_content h3, .open_mobile_ecran 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:hover,.open_mobile_ecran h3:hover{cursor:pointer; background-color:#d1e0ec}
			.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;}
		.conversion_menu ul li{text-transform:capitalize;}	
		.sous_menu{display:block!important; background:#e6e6e6;}
			
		.inside_content{background:#e3eef7;}
		.inside_content table th{text-transform:capitalize;}	
		
			
		.inside_chiffres{padding:0px; margin:1em 1%;}
		.inside_chiffres li{width:16%;  display: flex; float:left; background:#fff; text-align:center; padding:0; margin:1%;}
		.inside_chiffres li a{width:90%; padding:0.75em 1em; margin:auto; text-align:center; display:block; float:left;}
		.inside_chiffres li:hover{background:#06c;  }
		.inside_chiffres li:hover a{color:#fff;}
		/*.inside_chiffres li:nth-child(5n+1){margin-left:0px!important;}*/
			
		.middle_content{width:76%; float:right; margin:2% 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;}

	.footer{width:100%; margin-top:25px; clear:both; font-size:11px; color:#666666; text-align:right; }
	.chiffre-lettre-reactif { width: 728px; height: 90px; }
	.content_pub{width: 100%; height: 22px; overflow:hidden;}
	
	.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;}

@media screen and (max-device-width:900px), screen and (min-width:765px) and (max-width:1100px){
		.default,.content,.add{width:98%!important; padding:1%;}
		
		.inside_chiffres 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;}
		.chiffre-lettre-reactif { 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_chiffres li{width:48%!important;}
		
}
@media screen and (max-device-width:390px), screen and (min-width:300px) and (max-width:390px){
		.chiffre-lettre-reactif { 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;}
}