@charset "iso-8859-1";

body{font:68%/1.2 "arial", "Trebuchet MS", "Lucide Grande", "Lucida Sans Unicode", Verdana, sans-seriff; background:#666;}
a, div, hr, ul, li, h1, h2, h3, h4, p, dl, dt, dd, form, input,label, blockquote, th, td, caption {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, dt, dt, dd{font-size:100%;}
#conteneur{position:relative; width:950px; margin:5px auto; background:url(images/fd_page.gif) 0 229px no-repeat #39c; border:solid 1px #000;}
#entete{position:relative; background:url(images/entete/entete.jpg) no-repeat #fff; height:229px;}
#entete_int{position:relative; background:url(images/entete/entete_int.jpg) no-repeat #fff; height:229px;}
#entete_int img#tete_fille{position:absolute; left:260px; top:150px;}
#pied{position:relative; background:url(images/pied/pied.gif) no-repeat #fff; height:53px;}

ul{list-style:none;}
p, li{color:white;}
h1{font-size:2em; margin-bottom:20px; color:#cf6;}
h2{color:#cf6; font-size:1.5em; margin: 0 0 10px 25px;}
.imp{color:#cf6; font-weight:bold;}

/* Lien télécharger */
a.telecharger{color:yellow; font-weight:bold; text-decoration:none; font-size:0.95em;}
a:hover.telecharger{color:red;}

/* Navigations */
ul#nav_haut{position:absolute; right:0; bottom:0;}
ul#nav_haut li a{position:absolute; display:block; width:50px; height:20px;}
ul#nav_haut li a span{display:none;}
ul#nav_haut li a#contact{right:20px; bottom:40px;}
ul#nav_haut li a#partenaires{right:95px; bottom:20px;}
ul#nav_haut li a#realisations{right:185px; bottom:10px;}
ul#nav_haut li a#actus{right:265px; bottom:20px;}
ul#nav_haut li a#gains{right:340px; bottom:30px; width:100px; height:50px;}
ul#nav_haut li a#callh2o{right:460px; bottom:75px; width:85px; height:50px;}
ul#nav_haut li a#valeurs{right:560px; bottom:130px; width:60px;}
ul#nav_haut li a#accueil{right:640px; bottom:140px;}

ul#nav_pied{position:absolute; right:10px; bottom:3px;}
ul#nav_pied li{float:left;}
ul#nav_pied li a{text-decoration:none; color:#000; display:block; border-right:solid 1px #ccc; padding-right:10px; padding-bottom:3px; margin-left:10px;}

/* HI */
h1#logo{position:absolute; left:35px; top:20px; width:160px; height:60px; background:url(images/entete/logo_domelys.gif) no-repeat; border:none; text-indent:-3000px;}
h1#titre_index{position:absolute; left:145px; top:-75px; width:325px; height:70px; background:url(images/titre_index.gif) no-repeat; border:none; text-indent:-3000px;}

/* H2 */
h2#baseline{position:absolute; right:35px; top:20px; width:490px; height:90px; background:url(images/entete/baseline.gif) no-repeat; border:none; text-indent:-3000px;}

#gauche, #droite{position:relative;}
#gauche{width:57%; float:left; background:url(images/fille.jpg) no-repeat;}
#gauche_int{width:430px; height:100%; /*min-height:400px;*/ float:left;}
#gauche p, #gauche ul{margin:10px 10px 0 240px; color:white; font-size:1.2em; line-height:1.5em;}
#droite{width:42%; float:left;}
#droite_int{width:500px; float:right;}
#droite_int p{margin:0 50px 10px 25px; font-size:120%;}
#droite_int li{margin:0 50px 10px 35px; padding-left:15px; font-size:120%; background:url(images/puce_verte.gif) no-repeat 0 5px;}
#gauche li{margin:0 50px 10px 0px; padding-left:15px; background:url(images/puce_verte.gif) no-repeat 0 5px;}

/* Menu solutions */
ul#menu_solutions{position:absolute; left:230px; top:355px;}
ul#menu_solutions a{color:#cf6; text-decoration:none; font-weight:bold;}
ul#menu_solutions a:hover{color:white;}

/* Actualités page index */
div#actus{margin-top:90px; width:380px; height:300px;background:url(images/actus/accolade.gif) bottom no-repeat;}
div#actus h1{background:url(images/actus/alaune.gif)  50px 0 no-repeat; height:30px; text-indent:-3000px;}

/* Blocs d'infos ("Actualité", "Réalisations", "Partenaires") */
div.bloc_infos{position:relative; margin-bottom:25px;}
div.bloc_infos div.image{float:left; width:150px; height:150px;}
div.bloc_infos div.image img{width:150px; height:150px; border:none;}
div.bloc_infos div.texte{float:left; width:300px;}
div.bloc_infos div.texte h3{margin-left:25px; margin-bottom:10px; color:white;}
div.bloc_infos hr{color:#cf6; background-color:#cf6; height:1px; border: 0; width:90%;}

/* Formulaires */
form{font-size:1.2em;}
form span{color:white; display:inline; margin-bottom:7px;}
label{display:inline; width:120px; color:white; text-align:right; float:left; padding-top:7px; margin-right:10px;}
input, select{margin:3px; background-color:#f1f1f1; border:solid 1px #ccc;}
fieldset{border:none; color:#cf6;}
fieldset#resultat_gains{border:solid 1px #036; margin:20px; padding:20px; background:#9cf;}
fieldset#resultat_gains label, fieldset#resultat_gains span{color:#036;}
fieldset#resultat_gains span{font-weight:bold;}
legend{font-size:1.3em; border-bottom:solid 1px #cf6; width:400px; margin:10px 0;}
form cite{color:white; margin-left:130px; font-size:0.95em;}

/* Adresse */
#adresse{position:absolute; left:250px; top:410px; font-size:1.2em; font-weight:bold;}
#adresse p{margin:5px 0}

/* informations légales */
ul#nav_pied a#infos_legales span{display:none;text-align:center; }
ul#nav_pied a#infos_legales span p{color:black; font-size:0.95em;}
/* bug ie6 */
ul#nav_pied a#infos_legales:hover {background:none;}
/* bug ie6 */
ul#nav_pied a#infos_legales:hover span{display:block; width:300px; position:absolute; bottom:150px; right:530px; background:#fff; border:solid 1px black; padding:25px; font-size:1.5em;}


#map{position:absolute; /*top:575px;*/ bottom:75px; left:50px; width: 402px; height: 302px; overflow:hidden; border:solid 1px white;}

/* Compteur */
#compteur{position:absolute; top:510px; left:45px; width:160px; text-align:center; /*z-index:100;*/}
#compteur p{color:#cf6; margin-bottom:10px;}