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

html {
  background-image: url(../img/fond_html.gif);
  background-repeat:repeat-x;
  background-color:#9bafc7; 
  width:100%; 
  font:12px Arial, helvetica, sans-serif;
  color:#2c3c4d;
  line-height:18px
}

.bleu {color:#1e2b65 !important}
.rouge {color:#be1228 !important}
.gris {color:#d5d5d5 !important}


.right {float:right}
.left {float:left}
.clear {clear:both}


img {border:none}
p {text-align:justify}
em {font-style:normal}

.margin-left5{margin-left:10px;margin-right:5px}
.plaq{position:relative;top:-7px}

h1 {font-size:19px; margin-bottom:10px}
.puce,.puce2 {
  background-image: url(../img/titre_puce.gif); 
  background-repeat:no-repeat;
  background-position:0px 2px; 
  padding-left:20px;
  color:#4f637b;
}
.puce2 {background-image: url(../img/titre_puce2.gif);}
h2 {font-size:19px; margin-bottom:10px}
h3 {font-size:13px}
h4 {font-size:12px}


/* ============================================== Structure generale ===============================================================================*/
#conteneur {background-image: url(../img/fond_contenu.gif); width:980px; margin:0px auto 0px auto}

#colonne-centre {padding-top:226px}
#colonne-gauche {padding-top:0px}
#colonne-droite {background-image: url(../img/colonne_droite.jpg); width:35px; height:589px}

#logo {margin-top:87px;}

#menu {
  background-image: url(../img/fond_menu.gif);
  background-position:right top;
  background-repeat:repeat-y;
  background-color:#f8ca7f; 
  padding-top:20px; 
  width:279px; 
  height:263px
}
#menu-bas {
  background-image: url(../img/bas_menu.gif);
  background-repeat:repeat-x;
  width:279px; 
  height:59px
}

#flash {position:absolute; top:5px}

.titre {margin-bottom:5px}
.titre2 {margin-bottom:15px}

#contenu {
  background-image: url(../img/fond_contenu_haut.gif);
  background-repeat:repeat-x;
  width:626px; 
  background-color:#fff; 
  padding:40px 20px 10px 20px
}



#edito {background-color:#fcf5f3; width:626px; padding:20px}

/* pied */
#pied {
  padding:10px; 
  width:646px; 
  font-size:10px;
  line-height:14px; 
  color:#fff; 
  margin-left:279px; 
  text-align:center;
  background-color:#556981
}
#pied p {text-align:center; display:block; margin-bottom:10px}
#pied a {color:#c7c7c7; text-decoration:none}
#pied a:hover {color:#fff}


/* ============================================== Accueil ===============================================================================*/
#edito-accueil {
  background-image: url(../img/carte.gif);
  background-position:520px 140px;
  background-repeat:no-repeat;
  background-color:#fcf5f3; 
  width:626px; 
  height:263px;
  padding:10px 20px
}
#edito a.plaquetteE{color:#C42B3F;text-decoration:underline}
#edito a.plaquetteE:hover{color:#C42B3F;text-decoration:none}

#p-carte {width:485px; margin-right:10px}




/* ============================================== Droit & affaire ===============================================================================*/
/* droit des societe*/
.liste {border:1px #be1228 solid; background-color:#fff; color:#be1228; padding:10px 10px 10px 25px}
.liste li {list-style-image: url(../img/puce1.gif);}
.liste2 {border:1px #5e728a solid; background-color:#fff; color:#1d2d3f; padding:10px 10px 10px 25px}
.liste2 li {list-style-image: url(../img/puce2.gif);}
.cadran-actu {border:1px #c6cacd solid; background-color:#fff; color:#556981; padding:10px 10px 10px 25px}


/* ============================================== Actualités ===============================================================================*/
.choix {display:block; margin-bottom:5px}
.cadran-actu a {text-decoration:none; color:#142e4d}
.cadran-actu a:hover {color:#a60b16; text-decoration:underline}

.actu-lien {padding:5px 10px !important}
.actu-lien a {
  display:block; 
  float:left; 
  background-image: url(../img/actu_lien.gif); 
  width:195px; 
  height:28px;
  text-decoration:none; color:#fff;
  text-align:center;
  padding-top:8px;
  font-weight:bold;
  margin-right:4px
}
.actu-lien a:hover {background-image: url(../img/actu_lien_roll.gif);}   

.news {width:340px; margin-right:20px}
.news p {width:340px}
.news ul {padding:10px; background-color:#d5e2f1; border:1px #bfd0e5 solid}
.news li {margin-left:15px}

.telechargement {margin:10px 0px; display:block;}

.date {font-size:10px; color:#666}


/* ============================================== Contact ===============================================================================*/
fieldset {border:none}
#coord {margin-bottom:10px}
#coord label {float:left; height:15px;  width:120px; margin-right:10px; text-align:right}
#coord input {float:left; height:15px; width:450px; margin-bottom:12px; background-color:#dfdfdf; color:#556981; font-size:12px}
.message textarea {width:570px; margin:0px 0px 10px 10px; height:100px; background-color:#dfdfdf; color:#556981; font-size:12px}
/* select {width:374px; margin-bottom:12px; font-size:12px; background-color:#dfdfdf} */

.input-vert {border:1px #989898 solid; padding:1px 5px}
#envoyer {margin-left:250px; width:115px; height:18px}

.ok {color:#fff; font-weight:bold; color:#fff; background-color:#EDCD99; border:1px #fff solid; width:600px; padding:2px 0px; text-align:center}
.error {color:#fff; font-weight:bold; color:#fff; background-color:#be1228; border:1px #fff solid; width:600px; padding:2px 0px; text-align:center}

.coordonnees {background-color:#fff; border:1px #c6cacd solid; padding:10px}
.coordonnees i {margin-bottom:10px; display:block; color:#666}

#adresse {width:300px}

/* ============================================== Mentions etc ==========================================================================*/
#leb-img {margin:20px 0px 0px 20px}
.fond-infos,.fond-infos2 {background-color:#c6d5e7; margin:5px 0px; padding:5px 0px 5px 20px; width:500px}
.fond-infos2 {background-color:#e0f7fd}

.couleur1 {background-color:#d7e4f3}
.couleur2 {background-color:#e8eff6}

td a,.fond-infos a,.fond-infos2 a {color:#be1228; text-decoration:none; font-weight:bold}
td a:hover,.fond-infos a:hover,.fond-infos2 a:hover {text-decoration:underline}

#extras caption {width:626px; background-color:#51657d; color:#fff; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px}
#extras p{text-align:justify; width:626px}
#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:626px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}

#plan ul {margin:0px !important; padding-left:10px !important}
#plan ul li {list-style:none !important; margin:0px}
#plan ul li a {
  background-image:none;
  display:block; 
  width:580px; 
  padding:5px 0px 5px 10px; 
  background-color:#dae5f2; 
  margin-bottom:4px; 
  border-right:5px #98acc4 solid;
  color:#52667e;
  text-decoration:none
}
#plan ul li a:hover {background-color:#cad8e9; border-right:5px #be1228 solid; color:#be1228}


#creditsLeb a{text-decoration:none;color:#2C3C4D !important}
div.extras{margin:15px 15px 0 15px;padding-bottom:15px}
div.extras .credits1,div.extras .credits2{background-color:#e4e4e4; margin:5px 0px; padding:5px 0px 5px 20px;width:370px}
div.extras .bg1{background-color:#38647f}
div.extras .credits2,div.extras .bg2{background-color:#2e566f}
div.extras td{padding:5px 0;color:#fff;font-size:11px}
div.extras ul li{margin-left:0 !important}

.left{float:left}
.clear{clear:both}

#leb-img img{border:0}
a#leb-img{background:transparent}
a#leb-img:hover{background:transparent}
#creditsLeb h4{margin:10px 0}
#creditsLeb ul{padding:8px 8px 5px !important;}
#creditsLeb ul li{padding:0 !important;background:transparent !important}
#creditsLeb p{width:100% !important}