@import url(common.css);

/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  font:11px Arial, helvetica, sans-serif;
}

.bleu {color:#005fa0 !important}
.bleu_fonce{color:#003961 !important}
.jaune{color:#ffee18 !important}
.vert {color:#a7c956 !important}
.gris {color:#e5e9ec !important}


img {border:none}
p {text-align:justify}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background-color:#e5eeff; border:1px #ccdeff solid; padding:10px 10px 0px 10px}
.liste li {margin:0px 0px 10px 15px}

span.separateur{margin:0 2px}

/**********************************************************************************************
 *************************** SQUELETTE *************************
 **********************************************************************************************/


#page{background:#fff url(../img/squelette/bg.gif) repeat-x;text-align:center;border-top:4px #00365c solid}

#header{
  width:1162px;
  text-align:left;
  margin:0px auto 0px auto;
  height:315px;
  background:url(../img/squelette/top.gif) no-repeat top center;
}

#header h1{float:left;width:130px;margin:20px 0 0 180px}
#header #droite{float:right;margin:0 101px 0 0}
#header #droite ul{margin:17px 0 0 0px;}
#header #droite ul li{position:relative;list-style:none;display:inline;margin-right:10px}
#header #droite ul li a{font-size:11px;color:#005fa0;background:transparent;padding:2px 3px;font-weight:bold;}
#header #droite ul li a:hover,#header #droite ul li a.actif{color:#fff;background:#005fa0;padding:2px 3px;font-weight:bold;}

#domainesD{display:none;top:-1px;left:-20px;width:200px;position:absolute;right:0px;background:#0060A2;padding:5px;color:#fff;border-left:1px #0085DD solid;border-bottom:1px #0085DD solid;}
#domainesD li{margin:0 !important;display:block !important;list-style:none;}
#domainesD li a{zoom:1;font-weight:normal !important;display:block;background:#0060A2 !important;color:#fff !important}
#domainesD li a:hover{background:#fff !important;color:#00406A !important}

.conteneur {
  width:960px;
  text-align:left;
  margin:0px auto 0px auto;
}

.conteneurA {
  width:962px;
  text-align:left;
  margin:0px auto 0px auto;
}

#footer{padding-top:15px;padding-bottom:10px}
#footer ul{float:right;margin-right:50px}
#footer ul li{display:inline}
#footer ul li a{text-decoration:none;font-size:11px;color:#005fa0;background:#fff;padding:2px 3px;}
#footer ul li a:hover{text-decoration:underline;padding:2px 3px;}
#footer p a{font-size:11px;color:#005fa0;font-weight:bold;text-decoration:none}
#footer p a:hover{font-weight:bold;text-decoration:underline}

#header #edito{width:960px;height:148px;margin:16px 0 0 101px}
#header #foisnet{color:#fff;font-size:11px;text-align:justify}
#header #foisnet p{width:400px;margin:18px 0 3px 10px}

/**********************************************************************************************
 *************************** ACCUEIL *************************
 **********************************************************************************************/

div#contentA{padding-bottom:10px;margin:7px auto 0 auto;width:960px;background:#e5e9ec url(../img/accueil/bas_accueil.gif) no-repeat bottom center;}
div#contentA div#top{height:58px;background:url(../img/accueil/top_accueil.gif) no-repeat bottom center;}




div#contentA img#accueil_g{width:532px;}
div#accueil_d{color:#fff;width:960px;height:321px;text-align:right;background:#e5e9ec url(../img/accueil/bg_content.jpg) no-repeat bottom center;}
div#accueil_d div.cell1{float:right;margin:30px 27px 0 22px;height:120px}
div#accueil_d div.cell2{float:right;margin:25px 27px 0 12px}
div.cell_g h2{width:150px;margin-left:25px;text-transform:uppercase;font-size:12px;margin-bottom:5px}
div#accueil_d div.cell1 div.cell_g h2{width:130px;margin-left:40px;}
div.cell_g{text-align:right;margin-right:10px}
div#accueil_d div.cell1 p,div#accueil_d div.cell2 p{width:205px}

a.btn_1,a.btn_2,a.btn_3,a.btn_4{float:left;height:29px;padding-top:17px;font-weight:bold;color:#fff;display:block;background:url(../img/squelette/sprite.gif) no-repeat;margin-right:7px;}

a.btn_1{width:214px;background-position:0 -46px;padding-left:15px}
a.btn_1:hover{color:#005fa0;background-position:0 0}
a.btn_2{width:214px;background-position:-237px -46px;padding-left:15px}
a.btn_2:hover{color:#005fa0;background-position:-237px 0}
a.btn_3{width:209px;background-position:-474px -46px;padding-left:20px}
a.btn_3:hover{color:#005fa0;background-position:-474px 0}
a.btn_4{width:209px;background-position:-711px -46px;padding-left:20px}
a.btn_4:hover{color:#005fa0;background-position:-711px 0}





/**** contenu ***/

div#top h2{color:#fff;text-transform:uppercase;font-size:12px;float:left;width:280px;margin:32px 0 0 40px;text-align:left}
div#top h3{color:#fff;float:left;font-size:12px;width:500px;margin:32px 0 0 30px;text-align:left}

#partie_gauche{margin:10px 0 0 35px;width:262px;}

#partie_gauche ul li{list-style:none;margin-bottom:4px;text-align:left;}
#partie_gauche ul li a.titre,#partie_gauche ul li a.actif{text-transform:uppercase;color:#fff;display:block;width:242px;height:28px;background:url(../img/global/bg_onglet.gif) no-repeat 0 0;padding:17px 0 0 20px}
#partie_gauche ul li a.titre:hover,#partie_gauche ul li a.actif{color:#005fa0;background-position:0 -45px}

#partie_gauche ul li a.titre2{background:#00426f;display:block;margin:2px 3px 0;padding:3px 5px;color:#fff;height:auto;width:246px}

#partie_gauche ul#nav li{list-style:none;margin-bottom:4px;text-align:left;}
#partie_gauche ul#nav li a.domaine{text-transform:uppercase;color:#fff;display:block;width:242px;height:28px;background:url(../img/global/bg_onglet.gif) no-repeat 0 0;padding:17px 0 0 20px}
#partie_gauche ul#nav li a.domaine:hover{color:#005fa0;background-position:0 -45px}
#partie_gauche ul#nav li a.actif{color:#005fa0 !important;background-color:#FFEE18 !important;background-position:0 -45px}

#partie_gauche ul#nav li a.type{text-transform:uppercase;background:#0060A2;font-weight:bold;display:block;margin:2px 3px 0;padding:3px 5px;color:#fff;height:auto;width:246px}
#partie_gauche ul#nav li a.chantier{text-transform:none;width:242px;height:auto;background:#0060A2;padding:3px 5px;}
#partie_gauche ul#nav li a.chantier:hover{background:#FFEE18 !important}

h4.hight{font-size:16px;color:#006AB3;margin:10px 0}

#partie_gauche ul li ul li{color:#fff;margin:0}
#partie_gauche ul li ul li a{background:#00426f;display:block;margin:2px 3px 0;padding:3px 5px;color:#fff}
#partie_gauche ul li ul li a:hover,#partie_gauche ul li ul li.actif a{background:#ffee18;color:#00426f}

#partie_gauche div.bg_gris{background:#dbe0e4 url(../img/contact/bas_gris.gif) bottom no-repeat;padding-bottom:5px;color:#006ab3;margin-bottom:5px;text-align:center;}
#partie_gauche div.bg_gris p{text-align:center;margin:5px 0 15px}
#partie_gauche div.bg_gris p a{color:#006ab3;text-decoration:none}
#partie_gauche div.bg_gris p a:hover{text-decoration:underline}

#partie_droite{margin:10px 0 0 26px;width:606px;color:#75818a;text-align:left;}
#partie_droite p{text-align:justify;margin-bottom:5px}
#partie_droite p a{color:#005fa0;text-decoration:underline;font-weight:bold}
#partie_droite p a:hover{text-decoration:none}
#partie_droite ul{padding:5px 5px 2px 5px;background:#005fa0;color:#e5e9ec;margin-bottom:5px}
#partie_droite ul li{text-align:justify;margin:10px 30px 5px 20px;padding-left:15px;list-style:none;background:url(../img/global/li.gif) no-repeat 0 5px;}
#partie_droite div.bggris,#partie_droite div.bggris1{background:#dbe0e4;color:#0d58a0;margin-bottom:5px;text-align:left;padding:5px;}
#partie_droite div.bggris1{padding-left:160px}
ul.bis{padding-top:0 !important}
ul.bis li{margin-top:2px !important;list-style:circle !important;background:transparent !important;padding-left:5px !important;margin:0 0 4px 50px !important}
ol li{list-style:none;margin-bottom:7px;}



.domaines{width:457px;float:left;}
.domaines .desc{margin-top:-3px;color:#fff;}
.domaines .basContent{background:url(../img/domaines/bas_desc.gif) no-repeat bottom;height:12px}
.domaines .desc img{margin:0}
.domaines .desc .dte h4{font-size:14px;}
.domaines .desc .dte h5{color:#FFEE18;margin-bottom:10px}
.domaines .desc .dte{margin-top:10px;width:380px;}
.domaines .desc .dom{margin-left:40px}

.domaines .desc .dte .lis{margin:5px 0;background:#007ED2;padding:3px;}
.domaines .desc .dte ul{color:#fff;text-align:left}
.domaines .desc .dte ul li{margin:3px 0 0;margin-left:20px;}
.domaines .content{background:url(../img/domaines/bg.gif) repeat-y;}

.domaines .vign{margin-left:27px;background:#adb4b9 url(../img/global/top_vign.gif) no-repeat top center;width:409px}
.domaines .basvign{background:#adb4b9 url(../img/global/bas_vign.gif) no-repeat;height:5px;}
.domaines .vign p{color:#4f565b;padding:5px 5px 0 30px}
.domaines .vign p span{float:left;position:relative;top:5px;}
.domaines .vign p a.vigne{width:24px;height:24px;display:block;float:left;border:1px #adb4b9 solid}
.domaines .vign p a.vigne:hover{border:1px #006ab3 solid}

#bigs{height:333px;width:399px}


div#contentA div#top2{height:22px;background:url(../img/global/top.gif) no-repeat top center;}

div#recherche{text-align:left;width:261px;background:#fff url(../img/realisations/top.gif) no-repeat}
div#recherche #form{padding:10px 0 0 30px}
div#recherche #form select{width:200px;color:#74797d;font-size:11px}
div#recherche #form label{display:block;color:#74797d;font-weight:bold;margin-top:7px;}
div#recherche .basRecherche{height:42px;background:url(../img/realisations/bas.gif) no-repeat}


#partie_droite_rea{margin:10px 0 0 26px;width:620px;color:#75818a;text-align:left;}
div.cellule{float:left;width:304px;background:#d9dadb url(../img/realisations/top_cellule.gif) no-repeat;margin-bottom:7px}
div.cellule .titres{color:#fff;padding:21px 0 15px 3px;}
div.cellule .titres td{height:30px;font-size:12px;color:#fff;font-family:arial}
div.cellule .titres div.subt{width:210px;}
div.cellule .titres a{color:#0060a2;font-weight:bold;text-decoration:none;margin-right:27px;margin-top:10px;}
div.cellule .titres a:hover{text-decoration:underline}
div.cellule div.contenuCellule{margin:25px 0 20px 22px;color:#0060a2}
div.cellule div.contenuCellule img{margin:0 !important}
div.cellule div.contenuCellule a{padding:6px 0 0 6px;background:#c4c4c4;display:block;float:left;width:110px;height:110px;margin-right:10px}
div.cellule div.contenuCellule a:hover{background:#00487a;}
div.cellule div.basCellule{height:12px;background:#d9dadb url(../img/realisations/bas_cellule.gif) no-repeat;}




/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/

#leb-img {margin-top:20px}
.fond-infos,.fond-infos2 {background-color:#B8C2CB; margin:5px 0px; padding:5px 0px 5px 20px; width:370px;color:#fff !important}
.fond-infos2 {background-color:#96A5B1}

.fond-infos a,.fond-infos2 a{color:#fff;text-decoration:underline}
.fond-infos a:hover,.fond-infos2 a:hover{text-decoration:none}

.couleur1 {background-color:#B8C2CB;color:#fff !important;font-size:11px;}
.couleur2 {background-color:#96A5B1;color:#fff !important;font-size:11px;}
.couleur1 a,.couleur2 a{color:#fff;font-size:11px;text-decoration:underline}
.couleur1 a:hover,.couleur2 a:hover{text-decoration:none}

caption {font-size:11px;width:610px; background-color:#0E709B; color:#fff; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px}
#extras p{text-align:justify; width:580px}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

.annexes h3 {color:#dc9b00;}
.annexes p {display:block; width:580px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}

#plan ul{background:transparent !important;padding:0 !important}
#plan ul li{list-style:none !important;margin:0 !important;background:transparent !important}
#plan a {zoom:1;color:#717171;display:block; width:580px; padding:5px 0px 5px 5px; background-color:#d3d3d3; margin-bottom:4px; border-right:5px #717171 solid}
#plan a.titre{zoom:1;background:#96A6B1;border-color:#0060A2;color:#fff}
#plan a:hover {background-color:#717171; border-right:5px #717171 solid; color:#fff}
#plan a.titre:hover{background:#0060A2;border-color:#0060A2;color:#fff}

div.extras{padding:0}
div.extras h4{margin:5px 0}
div.extras p{color:#666;}
div.extras p a{color:#B5AE31;text-decoration:none}
div.extras a:hover{text-decoration:underline}
div.extras .width1{width:70px}
div.extras .width2{width:380px}
div.extras .width3{width:120px}
div.extras td a,div.extras div.credits1 a,div.extras div.credits2 a{color:#B5AE31;text-decoration:none}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#B5AE31;text-decoration:underline}
div.extras caption{font-size:11px;background-color:#005FA0; color:#fff; padding:1px 0px; font-weight:bold}
#leb-img {margin-top:20px}
div.extras .widthExtras{width:610px;}
div.extras .credits1,div.extras .credits2{background-color:#F0F0F0; margin:5px 0px; padding:5px 0px 5px 20px; width:380px}
div.extras .bg1{background-color:#F0F0F0}
div.extras .credits2,div.extras .bg2{background-color:#F9F9F9}
div.extras td{padding:5px 0;color:#666;font-size:11px}
#creditsLeb ul li a{color:#fff}



/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#00B000; color:#fff; font-weight:bold; padding:2px 0px}
.error {background-color:#f00; color:#fff; font-weight:bold; padding:2px 0px}

/***************************************
************ FORMULAIRES ***
***************************************************************/

/*** FORMULAIRES ***/
#form_contact{background:#e3e6e8;padding:10px 0 0 0 ;margin-bottom:20px}
#form_contact label.normal{color:#0d58a0;float:left;width:150px;text-align:right;margin-right:7px;font-size:10px}
#form_contact input{background:#fff;border:none;width:180px;height:16px;padding-top:2px;padding-left:2px;font-family:arial;color:#0d58a0;font-size:11px}
#form_contact input.envoyer{margin:10px 0 20px 160px;background:#0d579d;border:none;text-align:left;width:120px;height:20px;padding:3px;font-family:arial;color:#fff;font-size:11px}
#form_contact select.textuel{position:relative;top:-2px;width:185px;padding-top:2px;padding-left:2px;font-family:arial;color:#0d58a0;font-size:11px;}
#form_contact textarea{width:350px;height:100px;font-family:arial;color:#0d58a0;font-size:11px}
div.sep{clear:both;margin-top:5px}



#form_contact .erreur{background:#0d58a0 !important;color:#fff !important;border:none;}
p.encart_highlight{background:#0d58a0 !important;color:#fff !important;padding:3px}