/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  background-color:#96060c;
  width:100%;
  font:11px Verdana, Arial, sans-serif;
  color:#717171;
  line-height:18px;
  text-align:justify
}

.bleu {color:#1e2b65 !important}
.rouge {color:#96060c !important}
.gris {color:#424242 !important}
.orange {color:#f8962a !important}
.vert {color:#39491b !important}

.right {float:right}
.left {float:left}
.clear {clear:both}


img {border:none}
p {text-align:justify}
#colonne-centre em {font-style:normal; color:#f8962a}

h1 {font-size:15px}
h2 {
  background-image: url(../img/interface/titre_coche.gif);
  background-repeat:no-repeat;
  height:30px;
  font-size:14px;
  padding:5px 0px 0px 40px
}
h3 {font-size:13px}
h4 {font-size:12px}


.titre {margin-bottom:10px}
.photo-droite {margin:0px 0px 10px 10px !important}

a.lien-orange {color:#f8962a; text-decoration:none}
a:hover.lien-orange {text-decoration:underline}

a.lien-rouge {color:#96060c; text-decoration:none}
a:hover.lien-rouge {text-decoration:underline}

#chapo {font-weight:bold;}
a#close {
  background-color:#96060C;
  color:#fff !important;
  display:block;
  width:378px;
  text-align:center;
  padding:3px;
  text-decoration:none !important
}
a:hover#close {color:#F8962A !important}

/* ============================================== Structure generale ===============================================================================*/
#conteneur {
  background-image: url(../img/interface/fond_contenu.gif);
  background-repeat:repeat-y;
  width:986px;
  margin:0px auto;
  padding:0px 7px 5px 7px;
}

#colonne-gauche {width:178px; padding:10px 0px 0px 10px}
#colonne-droite {width:177px; padding:10px 0px 0px 10px}
#colonne-centre {width:571px; padding:20px}

.lien-extranet {margin-bottom:5px}
.lien-video {margin:10px 0px 15px 0px}

#pied {text-align:center; font-size:10px}
#pied a {color:#b7b7b7; text-decoration:none}
#pied a:hover {color:#565656}

/* ====================== cadran ==========================*/
.cadran-rouge-milieu,.cadran-vert-milieu,.cadran-orange-milieu,.cadran-orange2-milieu,.cadran-gris-milieu  {
  background-image: url(../img/interface/cadran_rouge_milieu.gif);
  background-repeat:repeat-y;
  width:141px;
  padding:5px 13px 0px 13px;
  font-size:10px;
  color:#cb0e16;
  line-height:14px;
}
.cadran-vert-milieu {background-image: url(../img/interface/cadran_vert_milieu.gif); color:#617837}
.cadran-orange-milieu {background-image: url(../img/interface/cadran_orange_milieu.gif); color:#c16d10}
.cadran-orange2-milieu {background-image: url(../img/interface/cadran_orange2_milieu.gif); color:#c16d10; width:238px; padding:2px 13px 0px 13px}
.cadran-gris-milieu {background-image: url(../img/interface/cadran_gris_milieu.gif); width:254px; padding:2px 13px 0px 13px;}
.cadran-gris-milieu a,.cadran-orange2-milieu a {
  display:block;
  margin:2px 0px 0px 4px;
  padding:2px 0px 2px 20px;
  width:221px;
  color:#515151;
  text-decoration:none;
}
.cadran-gris-milieu a:hover {background-color:#fff}

.cadran-orange2-milieu a {
  background-image: url(../img/interface/puce_orange.gif);
  background-repeat:no-repeat;
  background-position:4px 6px;
  padding:2px 0px 2px 15px;
  color:#c16d10;
  width:213px
}
.cadran-orange2-milieu a:hover {background-color:#fff}

.pdf {background-image: url(../img/interface/pdf_pti.gif); background-repeat:no-repeat; background-position:2px 4px}
.doc {background-image: url(../img/interface/doc_pti.gif); background-repeat:no-repeat; background-position:2px 4px}
.xls {background-image: url(../img/interface/xls_pti.gif); background-repeat:no-repeat; background-position:2px 4px}
.pps {background-image: url(../img/interface/pps_pti.gif); background-repeat:no-repeat; background-position:2px 4px}
.jpg {background-image: url(../img/interface/jpg_pti.gif); background-repeat:no-repeat; background-position:2px 4px}

.cadran-colonne-bas {margin-bottom:20px}
.cadran1 {background-color:#fff; padding:15px; border:1px #cecece solid; margin:10px 0px 15px 0px}
.cadran-accueil {width:538px}


/* ============================================== Mentions etc ==========================================================================*/
#leb-img {margin-top:20px}
.fond-infos,.fond-infos2 {background-color:#b5f0ff; margin:5px 0px; padding:5px 0px 5px 20px; width:450px}
.fond-infos2 {background-color:#e0f7fd}

.couleur1 {background-color:#e0f7fd}
.couleur2 {background-color:#b5f0ff}

#extras caption {width:580px; 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 a {display:block; width:580px; padding:5px 0px 5px 5px; background-color:#b5f0ff; margin-bottom:4px; border-right:5px #15749e solid}
#plan a:hover {background-color:#e0f7fd; border-right:5px #dc9b00 solid; color:#dc9b00}


#video {display:none;}

.cadran-vert-milieu .blocked a { display:block; color:#77785F; text-align:left; text-decoration:none; padding-bottom:5px; }
.cadran-vert-milieu .blocked a:hover { text-decoration:underline; }

.cadran-vert-milieu a.suite { display:block; color:#77785F; text-align:center; text-decoration:none; padding:3px; border:1px solid; margin-top:5px; }
.cadran-vert-milieu a.suite:hover { background-color:#77785F; color:#fff }

#contact p { text-align:center; }

a.documentPara { color:#F8962A; font-weight:bold; display: block; clear:both; text-decoration:none; }
a.documentPara:hover { text-decoration:underline; }
