/* GENERAL */
.color_vert{color: #01a279}
.fond_vert {background: #01a279;}
.fond_blanc {background: white;}

/* BODY */
body {background: #202020; margin:0px; font-family: arial; font-size: 11px;}

/* PAGE */
#page {width: 1024px; margin: auto; background: white; color: grey;}

/* HEADER */
header div.fond_vert {height: 3px;}
header .barre_contenant_menu{height: 59px; font-size:0px;}
header .barre_contenant_menu *{font-size: 11px;}
header a{	background-image: url('images/exo4_03.jpg'); display: inline-block; 
		height: 59px; width: 176px; margin-left: 120px; }
		
header nav{	display: inline-block; height: 59px;
			line-height: 59px; vertical-align: top; 
			margin: 0 0 0 220px; color: grey;}
header ul{height: 59px; margin: 0px; padding: 0px;}
header li{display: inline-block; margin-right: 20px; list-style-type: none;
		padding:0 10px}
header li a {	background: none; margin:0px; width:auto; color: grey; 
			text-decoration: none;}
header li a:hover {color : white;}
header li:hover{	box-sizing: border-box; background: #01a279; 
				height: 59px; border-bottom: 6px solid white;
				padding:0 10px;}

header .big_img_box{height: 325px; background-image: url('images/grande_image.jpg');
					box-sizing : border-box; padding: 40px 0 0 120px;}
header .big_img_box .box_white_text{color: white; width: 350px; height: 233px;
									margin-top: 0px;}
header .big_img_box h1 {font-size: 30px;}
header .big_img_box strong {font-size: 1.5em;}
header .big_img_box a{background: none;margin: 10px 0; color: white; height: 40px;
					font-size:11px; line-height: 40px;
					border : 1px solid white; text-align: center; 
					vertical-align : middle; width: 160px;}
					
.bandeau_ss_img {height: 44px; line-height: 44px; text-align:center;}

.box_les_quatres{padding: 36px 11.719%; 
					height: 110px; margin: auto; font-size: 0px; 
					background: #F2F2F2;}
.box_les_quatres div{	box-sizing: border-box; display: inline-block; width: 25%; 
					font-size: 11px; padding-right: 24px;}
.box_les_quatres div hr {width: 50%; margin: 0px;}

/*bandeau_images_en_tiers2*/
#bandeau_images_en_tiers2{height:300px;width:100%;font-size:0px;}
#bandeau_images_en_tiers2 div{display:inline-block;width:33%;height:100%;
								vertical-align: top;}
#bandeau_images_en_tiers2 * {overflow: hidden;}								
#bandeau_images_en_tiers2 .box_centre{margin:0 0.5%;}
#bandeau_images_en_tiers2 .double{display: inline-block; width:32.8333%; height: 65.6666%}
#bandeau_images_en_tiers2 .double div{height: 50%; width: 100%;}
#bandeau_images_en_tiers2 .br{margin-right:1.5%}
#bandeau_images_en_tiers2 .bb{margin-bottom:1.5%}

#bandeau_images_en_tiers2 .largeur_1tier{width:32.8333%;}
#bandeau_images_en_tiers2 .largeur_2tier{width:65.6666%;}
#bandeau_images_en_tiers2 .hauteur_1tier{height: 32.8333%;}
#bandeau_images_en_tiers2 .hauteur_2tier{height: 65.6666%;}

.mr{margin-right: 1.5%;}
.mb{margin-bottom: 1.5%;}
#bandeau_images_en_tiers2 div .mb_special{box-sizing: border-box; height: 47.5%;
											margin-bottom: 5.12px;}
#bandeau_images_en_tiers2 .b6{background:#01a279; color: white; font-size: 30px;
								box-sizing: border-box; padding: 32px 0 0  10px;}
#bandeau_images_en_tiers2 .b6 a {color: white; text-decoration: none;}

/* white_box_ss_tiers */
#white_box_ss_tiers{box-sizing: border-box; height:256px; text-align: center; padding:40px}
#white_box_ss_tiers hr{width: 120px; margin:auto;}
#white_box_ss_tiers h2{font-size: 19px; margin: 8px 0;}
#white_box_ss_tiers p{margin:5px 0;}
#white_box_ss_tiers .technos{width:900px; margin:auto;}
#white_box_ss_tiers .technos div {}
#white_box_ss_tiers .technos div div{display: inline-block; width:130px;
									text-align: left;}

/* footer */
footer .bande_gris_clair{background: #373737; height: 200px;color:white;}
footer .bande_gris_clair .centre{width:800px; margin:auto;font-size:0px;}
footer .bande_gris_clair .centre .tier{display: inline-block;font-size:10px;
									width:33.3333%;margin-top: 10px;
									 vertical-align: top;}
footer .middle{box-sizing:border-box;padding: 0 14px;}
footer .dribbble{box-sizing:border-box;padding-left:10px;}
footer hr{width:33.3333%; margin-left:0px;}
footer h2{font-size:11px;}
footer p{font-size:10px; margin:0px;}
footer a{color:#01a279;text-decoration:none;}
footer i{color:grey;}

footer{background: #202020;}								
footer .bande_gris_fonce{position:relative; width: 800px; margin:auto;
						height: 44px;color:white;}
footer .bande_gris_fonce *{display:inline-block;}
footer .bande_gris_fonce p{line-height:44px;}
footer nav {position:absolute;right:0px;}
footer nav li{margin-right:12px;}
footer nav a{color:white;}
footer nav a:hover{color:#01a279;}