/*STRUCTURE*/
*{margin:0; padding:0;}
body {background:url(images/bgd_site.jpg) repeat-x 0 0 #dadada; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0}
#GLOBALcontent { background:url(images/bgd_content.png) repeat-y 0 0; width:874px; height:auto; margin:0 auto; padding:0 0 10px 15px}
.clear { clear:both}

img, div, input {behavior:url("iepngfix.htc")}

#banner { background:url(images/img_banner_int.jpg) no-repeat 0 0; width:859px; height:166px; text-align:left; margin:0; padding:0}
#content { float:left; width:575px; padding:0px; margin:0 0px 0 29px; display:inline}
#right { float:left; width:250px; margin:0 0 0 20px; padding:0; display:inline}
#bottom { background:url(images/bgd_bottom.png) no-repeat 0 0; clear:both; width:874px; height:44px; margin:0 auto; padding:5px 0 0 15px}

h1 {margin:0 0 10px 0; padding:0; font-weight:bold; color:#555; font-size:16px}
h2 {margin:10px 0 0 0; padding:0; font-weight:bold; color:#666; font-size:14px}
h3 {margin:6px 0 5px 0; padding:0; font-weight:bold; color:#666; font-size:12px}
a {color:#09709d; font-size:11px; text-decoration:underline}
a:hover {color:#31a2d3; font-size:11px; text-decoration:none}
p {color:#666; font-size:11px;}

/*BANNER*/
#logo {width:231px; height:86px; margin:0 0 0 29px; padding:29px 0 0 0; float:left; display:inline}
#animation {width:280px; height:160px; margin:0 0 0 292px; float:left; display:inline}

/*MENU*/
#menu {background:url(images/bgd_menu.gif) no-repeat 0 0 #056994; width:859px; height:33px; margin:0; padding:0}
#menu ul {margin:0; padding:0}
#menu li {margin:0; padding:0; float:left; list-style-type:none; background:url(images/separ_menu.gif) no-repeat top right}
#menu ul li a { width:105px; height:22px; margin:0; display:inline; padding:10px 0 0 0; text-align:center; color:#FFF; font-size:11px; font-weight:bold; text-decoration:none; display:block}
#menu ul li a:hover {background:url(images/bgd_menu_on.gif) no-repeat top right #31a2d3; width:105px; height:23px; margin:0; padding:10px 0 0 0; text-align:center; color:#FFF; font-size:11px; font-weight:bold; text-decoration:none; display:block}
#menu ul li a.active {background:url(images/bgd_menu_on.gif) no-repeat top right #31a2d3; width:105px; height:23px; margin:0; padding:10px 0 0 0; text-align:center; color:#FFF; font-size:11px; font-weight:bold; text-decoration:none; display:block}

/*SOUS MENU*/
#sous_menu { background-color:#31a2d3; width:859px; height:29px; margin:0 0 15px 0; padding:0}
#sous_menu ul {margin:0; padding:0}
#sous_menu li {margin:0; padding:0; list-style-type:none; float:left;}
#sous_menu ul li a {display:block; width:auto; height:14px; float:left; color:#FFF; margin:6px 0 0 0; padding:0 10px 0 10px; border-right:1px solid #FFF; text-decoration:underline}
#sous_menu ul li a:hover {display:block; width:auto; height:14px; float:left; color:#FFF; margin:6px 0 0 0; padding:0 10px 0 10px; border-right:1px solid #FFF; text-decoration:none}
#sous_menu ul li a.active {display:block; width:auto; height:14px; float:left; color:#FFF; margin:6px 0 0 0; padding:0 10px 0 10px; border-right:1px solid #FFF; text-decoration:none}

#sous_menu_v {width:859px; height:29px; margin:0; padding:0}

/*CONTENT*/
#content ul,#content ol {margin:5px 0 10px 0; padding:0}
#content ul li,#content ol li {margin:5px 0 0 30px; padding:0; color:#666; font-size:11px}

#bloc_hp {width:570px; height:200px; margin:10px 0 0 0}
#bloc_sol, #bloc_eau, #bloc_geothermie, #bloc_contact  { background:url(images/bgd_right.jpg) repeat-x bottom left; width:279px; height:180px; float:left; padding:5px 0 0 0px; margin:0 5px 5px  0px; display:inline}
#bloc_sol img, #bloc_eau img,  #bloc_geothermie img, #bloc_contact img {margin: 0px 0px 0px 6px}
#bloc_sol h1 { background-color:#157431; color:#FFF; font-size:13px; padding:1px 0 1px 5px; margin:0px 6px 0px  6px}
#bloc_eau h1 { background-color:#435167; color:#FFF; font-size:13px; padding:1px 0 1px 5px; margin:0px 6px 0px  6px}
#bloc_geothermie h1 { background-color:#FF8C00; color:#FFF; font-size:13px; padding:1px 0 1px 5px; margin:0px 6px 0px  6px}
#bloc_contact h1 { background-color:#999999; color:#FFF; font-size:13px; padding:1px 0 1px 5px; margin:0px 6px 0px  6px}
#bloc_sol p, #bloc_eau p, #bloc_geothermie p, #bloc_contact p {margin:5px 10px 0 10px}
#bloc_sol a, #bloc_eau a, #bloc_geothermie a, #bloc_contact a {color:#666; text-decoration:none}

#video_modelisation {margin:0 0 0 200px}
#video_inspection {margin:0 0 0 25px}
.mise_en_evidence {border:1px solid #999; background-color:#EFEFEF; margin:0 0 10px 0; padding:5px; font-weight:bold}

#bloc_equipe {width:570px; height:auto;}
#bloc_equipe h1 {color:#09709d; font-size:11px; margin:0 0 5px 82px; padding:0; display:block}
#bloc_equipe p {width:180px; height:auto; margin:0 0 0 82px; display:block}
#bloc_equipe img {float:left; margin:0}

#bloc_equipe_left {width:270px; height:auto; float:left}
#bloc_equipe_right {width:270px; height:auto; float:left; margin:0 0 0 10px}
.contact {float:left; width:165px; height:auto; margin:0 25px 0 0}

/*RIGHT*/
#bloc_news {background:url(images/bgd_news.jpg) no-repeat 0 0 #AEAEAE; width:208px; height:auto; margin:0 0 10px 0; padding:0 0 5px 0}
#bloc_news h1 {color:#FFF; font-size:14px; margin:0; padding:5px 0 3px 5px}
#bloc_news p {color:#666; font-size:10px; margin:0; padding:0 0 10px 5px}

#bloc_ref {background:url(images/bgd_right.jpg) repeat-x bottom left; width:208px; height:auto; border: 1px solid #d4d4d4; margin:0}
#bloc_ref h1 {font-size:14px; color:#666; margin:5px 0 4px 5px}
#bloc_ref p {margin:7px 4px 0 6px}
#bloc_ref a {float:right; margin:6px 6px 6px 0}

#btn_contact {width:184px; height:36px; margin:13px 0 0 13px}
#btn_contact a { background:url(images/btn_contact.gif) no-repeat 0 0 #056994; width:154px; height:26px; padding:10px 0 0 30px; display:block; color:#FFF; font-size:12px; text-decoration:none; border:2px solid #FFF}
#btn_contact a:hover { background:url(images/btn_contact_on.gif) no-repeat 0 0 #31a2d3; width:154px; height:26px; padding:10px 0 0 30px; display:block; color:#FFF; font-size:12px; text-decoration:none; border:2px solid #FFF}

/*BOTTOM*/
#bottom_menu {width:485px; height:20px; margin:0 0 0 5px; float:left}
#bottom_menu ul {margin:0; padding:0}
#bottom_menu li {margin:0; padding:0; list-style-type:none; float:left}
#bottom_menu li a {display:block; width:auto; height:12px; float:left; padding:0 10px; margin:3px 0 0 0; border-right:1px solid #999; color:#999; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none}
#bottom_menu li a:hover {text-decoration:underline}

#bottom_adresse {width:350px; height:12px; float:left; color:#999; font-size:11px; margin:3px 0 10px 15px; font-family:Arial, Helvetica, sans-serif}