*{margin:0;padding:0;text-decoration:none;border-collapse: collapse;}

/* ---------------- Feuille de style du portail Web du Syrte ---------------- */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #ffffff;}
}

hr {
  width: 95%;
  border: 0;
  color: #ddd;
  background-color: #ddd;
  height: 1px;
}

img {
  border: none;
}

a {
  color: #00F;
  text-decoration: underline;
}

a:hover {
  color: #e86d03;
  text-decoration: underline;
}

/* --- Conteneur global des pages ------------------------------------------ */
#page {
  height: 100%;
  margin: auto;
  margin-bottom: 20px;
}

/* --- Image de fond de page en fonction du theme -------------------------- */
.default {
  background: transparent url("img_bando/fond_bando_default.png") top center no-repeat;
z-index: 100;
}

.ast {
  background: transparent url("img_bando/fond_bando_ast.png") top center no-repeat;
z-index: 100;
}

.hds {
  background: transparent url("img_bando/fond_bando_hds.png") top center no-repeat;
z-index: 100;
}

.tfc {
  background: transparent url("img_bando/fond_bando_tfc.png") top center no-repeat;
z-index: 100;
}

/* --- Conteneur du bandeau du site ---------------------------------------- */
#bando {
  width: 900px;
  height: 156px;
  margin: 0 auto 5px auto;
  text-align: center;
  background: transparent;
}

/* --- Conteneur du cadran d'affichage du temps ---------------------------- */
#cadran {  position: relative;
  top: 78px;
  width: 130px;
  height: 12px;
  margin: 0 auto 0 724px;
  padding: 2px;
  padding-top:0px;
  text-align: center;
  font-size: 0.7em;
  background: transparent url('img_bando/fond_cadran_2.png') center; 
  color: #eee;
  font-weight: bold;
  
   -moz-opacity:0.84;
    opacity: 0.84;
    filter:alpha(opacity=84);
 
  
 
}

/* --- Conteneur du cadran cache (variables de temps non affichees ) ------ */
#cadran_cache {  position: relative;
  top: 1px;
  width: 1px;
  height: 1px;
  visibility: hidden;
}

/* --- Conteneur de l'accueil et contact ----------------------------------- */
#bando .menuAccueil {
  text-align: center;
  margin-top: 96px;
  margin-left:20px;
  padding: 2px 0px 2px 0px;
  border-bottom: 0px solid #777;
  font-size: 0.7em;
  font-weight: bold;
  height:13px;
  color: #ddd;
  width: 180px;
 background: transparent url('img_bando/fond_cadran_2.png');
 
   -moz-opacity:0.84;
    opacity: 0.84;
    filter:alpha(opacity=84);
 
  
  
}

#bando a {
  color: #eee;
  text-decoration: none;
}

#bando .menuAccueil a {
  color: #eee;
  text-decoration: none;
}

#bando .menuAccueil a:hover {
  text-decoration: underline;
  color: #cf0;
}

/* --- Conteneur du menu general ------------------------------------------- */
#menuGeneral {
  margin: 0 0;
  padding: 5px 0;
  background: transparent;
}

/* --- Conteneur de la zone de texte --------------------------------------- */
#zoneTexte {
  width: 940px;
  margin: 20px auto;
  text-align: justify;
  font-size: 0.8em;
  /* overflow: hidden; */
}


/* --- Conteneur des elements de texte ------------------------------------- */
#zoneTexte2{width: 860px;margin: auto;padding-bottom:12px}



#zoneTexte2.ambiance0 {background: transparent;}
#zoneTexte2.ambiance1 {background: transparent url("img_deco/habit_1s.png") center center no-repeat;}
#zoneTexte2.ambiance2 {background: transparent url("img_deco/habit_2s.png") center center no-repeat;}
#zoneTexte2.ambiance3 {background: transparent url("img_deco/habit_3s.png") center center no-repeat;}
#zoneTexte2.ambiance4 {background: transparent url("img_deco/habit_4s.png") center center no-repeat;}
#zoneTexte2.ambiance5 {background: transparent url("img_deco/habit_5s.png") center center no-repeat;}


#zoneTexte h1 {
  font-size: 1.6em;
   margin-top:8px;
   margin-bottom:2px;
}

#zoneTexte h2 {;
  font-size: 1.5em;
  border-bottom: 1px solid #aaa;
  margin-top:12px;
  margin-bottom:2px;
}

#zoneTexte h3 {
  font-size: 1.4em;
  margin-top:12px;
  margin-bottom:2px;
}

#zoneTexte h4 {
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background-color: #e0d0e0;
  font-size: 1.2em;
  margin-top:12px;
  margin-bottom:10px;
}

#zoneTexte h5 {
  font-size: 1.2em;
}

#zoneTexte h6 {
  font-size: 0.8em;
  margin-top:2px;
  margin-bottom:2px;
}

#zoneTexte2 table {
  text-align: left;
  border-collapse: collapse;
}

#zoneTexte2 table.centre {
  margin: auto;
  border-collapse: collapse;
}

#zoneTexte2 th {
  font-weight: bold;
  padding: 10px 5px 10px 5px;
}

#zoneTexte2 th.demicadre {
  border-bottom: 1px solid #555;
}

#zoneTexte2 tr.base {
  background-color: #fff;
}

#zoneTexte2 tr.over {
  background-color: #eef;
}

#zoneTexte2 .coul1 {
  background-color: #ddeeff;
}

#zoneTexte2 .coul2 {
  background-color: #eeffdd;
}

#zoneTexte2 .coul3 {
  background-color: #ffffee;
}

#zoneTexte2 td {
  padding: 15px 5px;
  text-align: justify;
}

#zoneTexte2 td.top {
  white-space: normal;
  vertical-align: top;
}

#zoneTexte2 td.top_centre {
  white-space: normal;
  vertical-align: top;
  text-align: center;
}

#zoneTexte2 td.agauche {
  padding: 15px 5px;
  text-align: left;
}

#zoneTexte2 td.adroite {
  padding: 15px 5px;
  text-align: right;
}

#zoneTexte2 td.centre {
  padding: 15px 5px;
  text-align: center;
}

#zoneTexte2 ul {
  list-style-image: url("img_deco/fleche.gif");
}

#zoneTexte2 fieldset {
  border: 0px;
  padding: 10px; 
}

#zoneTexte2 legend {
  font-size: 0.7em;
  padding: 2px 3px 2px 3px;
}

#zoneTexte2 span.valor1{
  font-weight: bold;
}

#zoneTexte2 span.valor2{
  font-weight: bold;
  color: #cc3333;
}

#zoneTexte2 span.valor3{
  border-bottom: 10px;
}

#zoneTexte2 hr {
  border: 0px;
  color: #206ED0;
  background-color: #206ED0;
  height: 1px;
}

#zoneTexte2 .closediv {
  text-align: right;
  margin: 0;
  padding:0;
}

#zoneTexte2 div.bando-red {
  width: 80%;
  margin: auto;
  background-color: #FFC0C0;
  padding: 5px 15px 5px 15px;
}

#zoneTexte2 div.bando-jaune {
  width: 80%;
  margin: auto;
  background-color: #FFFFC0;
  padding: 5px 15px 5px 15px;
}

#zoneTexte2 div.centre {
  text-align: center;
  margin: 1em auto;
}

#zoneTexte2 div.adroite {
  float: right;
  margin: 0 auto;
  padding-top: 10px;
  padding-left: 10px;
}

#zoneTexte2 img.adroite {
  float: right;
  margin: 2px 0 2px 10px;
}

#zoneTexte2 img.agauche {
  float: left;
  margin: 2px 10px 2px -10px;
}

/* --- Conteneur Contact --------------------------------------------------- */
#zoneTexte .contact {
  margin: 0 0 0 30px;
  padding: 10px;
  width: 20em;
  border: 2px solid #888;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

/* --- Conteneur Contact service ------------------------------------------- */
#zoneTexte .contactService {
 padding-left:6px;
 padding-bottom:12px;
 
	
}



#zoneTexte .contactService h6 {
 
  margin-top:12px;
  margin-bottom:2px;
  margin-left:-6px;

}


#zoneTexte .contactService ul {
  list-style: none;
  font-size: 0.8em;
  padding-bottom:4px;
}

/* --- Conteneur Organigramme ---------------------------------------------- */
#zoneTexte .organigramme {
  width: 676px;
  margin: 0 auto;
}

/* --- Conteneur du pied de page ------------------------------------------- */
#PieddePage {
  position:relative;
  top:-20px;
  width: 940px;
  height:108px;
  border-top: 0px solid #999;
  margin: 0 auto;
  border-collapse:collapse;
  font-size: 0.6em;
  color: #000;
  
}


#PieddePage a {
#  text-decoration: none;
#  color: #000;
}

#PieddePage a:hover {
#  text-decoration: underline;
#  color: #00c;
}

#PieddePage table {width:920px;border-top: 1px solid #999;margin-left:10px;padding:10px}