html, body {	margin: 0 auto; height: 100%; }
body { width: 100%; position: relative; font-size: 100%; font-family: Arial; background-color: #eeeeee; }

#container { margin: 0 auto; width: 980px; }

/* FONT NORMALIZER */

h1 { color: #344f60; font-size: 1.667em; padding-bottom:0.5em;}
h2.title { color: #344f60; font-size: 1.667em; margin-top: 0px; }
h2 { font-size: 1.250em; color: #78acce; margin-top: 30px; margin-bottom: 10px; }
h3 { padding: 10px 0 10px 7%; color: white; font-weight: bold; background-color: #344f60; font-size: 1.083em; margin:8px 0; }
.textDesc h3{background:none!important; border-bottom:1px solid #ccc; padding-left:0!important; color:#666;}
h4 { padding: 5px 0px 0px 7%; height: 22px; border-bottom: 1px solid #98bfd9; color: #333333; font-size: 1em; margin-bottom: 8px; }
h4:hover{cursor:pointer;}
h4.down{background-color:#bed6e6!important;}
p { font-size: 0.85em; color: #333333; line-height: 1.35em; }
b{font-weight:bold;}

/* HEADER */

header { margin-top: 7px; height: 90px; width:100%!important; display:block; float:left;}
header .pub1{width:728px; display:block; float:left; height:90px; margin-left:2.5%;  display:block; float:left;}
.logo {	padding-top: 25px; padding-bottom: 25px; margin: 0px 1.1% 0px 1.1%; vertical-align: 20%;  display:block; float:left;}
.menu_right{float:right; padding-top:25px;}
.menu_right a,menu_right div{display:block!important; float:left;}

/* SECTION -> MAIN */

#main { width: 75.8%; /* 58.8% */  display:block; float:right; margin-top:10px; margin-left: 1.65%; margin-bottom: 20px; }
#main img { float: right; padding: 1.8%; }
#main ul li{font-size:0.8em; padding:0.2em; margin:0.4em 0;}
#main p{padding:0.5em 0;}

#social_integration { width: 97%; border: 1px solid #c9dbe9; margin: 20px 0px 0px 0px; padding: 10px 0px 10px 3%; color: black; background-color: #e3eef7; font-size: 0.833em; float:left; display:block;}
.encadre_img_facebook{display:inline-block;}
#social_integration .encadre_img_facebook span,.encadre_img_facebook div{display:block; float:left;}
.encadre_img_facebook span{width:auto!important; height:auto!important; margin:0px!important;}
.encadre_img_facebook a{display:inline-block;}
.fb-like{min-width:150px; height:20px; margin-left:6px;}
.twitt{max-width:100px}

/* SECTION -> MAIN -> CONTENT */

#content { margin: 20px 0; width: 100%; background-color: #e6e6e6; float:left;}
#content > section { padding: 2.5%; border-top: 1px solid #bbbbbb; }

.home menu > ul{display:block;}

section.textDesc h2 { margin-top: 15px; }
section.textDesc p { margin-bottom: 8px; }
.bold { font-weight: bold; }
/*
.imgAireVolume { width: 23.7%; } *//*  30% */

.img_info{width:100%!important; display:block; float:left;}
.img_info article{width:48%; margin-right:2%; float:left;}
.img_info article img{width:100%!important;}

/* MENU */

menu { width: 20.8333%; background-color: #78acce; float: left; margin-top:10px; padding: 10px 0 15px 0; }
menu > ul { padding: 5px 7% 20px 7%; display:none;}
menu > ul > li { font-size: 0.95em; margin-bottom: 3px; }
menu > ul > li > a { color: white; text-decoration: none; }
menu > ul > li > a:hover { color: #344f60; text-decoration: none; }
menu .adsbygoogle{margin:2em auto 0 auto;}

/* ASIDE */
aside { float: right; margin-top: 18px; display:none;} /* width: 17%; /

/* FOOTER */

footer{ width:100%; float:left; dislpay:block; color:#666666; margin: 10px auto; border: 1px solid #bbbbbb; font-size: 0.8em; }
footer h5 { text-transform: uppercase; background-color: #78acce; padding: 10px 0 10px 10px; color: white; font-weight: bold; font-size: 1em; }
footer p { margin-bottom: 5px; margin-top: 5px; padding: 0px 10px 0 10px; }
footer a { color: #78acce; font-weight: bold; }

/* FORMS */

form { font-size: 1.2em; }
input[type=text] { border: 1px solid #cccccc;	margin-bottom: 35px; padding: 18px 10px 18px 10px; width: 140px; text-align: right; }
input[type=submit] { margin-top: 10px; }
span{display:inline-block; height:75px; width:160px; margin-left: 1px; margin-right: 2px; margin-bottom: 10px;}
label{background:#6a91ab; color: white; padding:4px 6px; font-size:0.8em; margin-left:0.5%; font-weight:normal; clear:both; }

.button {
	background: #fcdca2; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcdca2 0%, #fbcd7c 50%, #f9be53 51%, #f8b335 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcdca2), color-stop(50%,#fbcd7c), color-stop(51%,#f9be53), color-stop(100%,#f8b335)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcdca2 0%,#fbcd7c 50%,#f9be53 51%,#f8b335 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcdca2 0%,#fbcd7c 50%,#f9be53 51%,#f8b335 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcdca2 0%,#fbcd7c 50%,#f9be53 51%,#f8b335 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcdca2 0%,#fbcd7c 50%,#f9be53 51%,#f8b335 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdca2', endColorstr='#f8b335',GradientType=0 ); /* IE6-9 */

	-moz-border-radius: 7px; border-radius: 7px; border: 1px solid #aaaaaa; color: black; width: 146px; height: 45px; cursor: pointer; padding-bottom: 2px;
}

/* ADS */

.pub1 { width: 76%; height: 90px; }
#main .pub1 { width: 100%!important; margin:5px 0; padding:0px!important; border:0px!important;}

/* MEDIA QUERIES -> 900-765px */

@media screen and (max-device-width:900px), screen and (min-width:765px) and (max-width:900px) {
	#container{ width: 100% !important; }
	.logo { width: 21.5%; vertical-align: 20%; }
	#social_integration { width: 96%; margin: 20px auto;	}
	section#main { width: 56.5%; }
	menu { width: 22.5%; }
	menu > ul { padding: 5px 7% 20px 7%; }
}

@media screen and (max-device-width:480px), screen and (max-width:764px){
	#container{width:100%!important;}
	header { height: auto; }
	aside { min-height: 0px; }
	menu , section#main { width: 100%; margin-right: 0; }
	menu > ul > li > a { line-height: 50px; display: block;	}
	#social_integration { width: 90%; margin: 20px auto;	}
	input[type=text] { width: 90%; }
	.button { width: 100%!important; }
	h1 { margin-left: 3.5%; }
	h4 { padding: 5px 0px 0px 7%; height: 22px; border-bottom: 1px solid #98bfd9; color: #333333; font-size: 1em; margin-bottom: 8px; }
	.logo { display: block; padding-top: 20px; padding-bottom: 20px; margin-left: auto; margin-right: auto; width:auto!important; max-width:90%;}
	.pub1 { display: block; height:auto!important; float:left; margin-left: auto; margin-right: auto; width: 100%!important;}
	header { margin-bottom: -30px; }
	#valResult { width: 95%; }
	span{width:100%!important; margin-bottom:5%;}
	label { margin-left: 0.1%; }
	input{width:95%!important; padding:10px 2.5%!important;}
	aside { float: left; margin: 10px; }
}