/*** CSS SITE RO V2 ***/

html {
  padding:0;
  margin:0;
}

body {
  padding:0;
  margin:0;
  width:100%;
  background-color:#b10064;/*** couleur du fond body ***/
  background-image: url(../IMG/image-bg.jpg);
  background-repeat:repeat-x;/*** Image de fond utiliser no-reapet ***/
  background-position:/*** center; right; left; bottom; positionnement de l'image de fond ***/
}

.nettoyeur {
  clear:both;
}

.spip_surligne {background-color : transparent ;}/* suppression du surlignage moteur de recherche */

a {/*** couleur du lien hypertexte normal ***/
  color: #343434;
}

a:hover {/*** couleur du lien hypertexte en survol ***/
  color: green;
  text-decoration: underline;
}

p.suite {/*** Suite de la page rubrique ***/
  text-align:right;/*** alignement ancre suite ***/ 
}

p.suite a {
  color:#FFaa00;/*** couleur ancre suite ***/
  font-size:1em; /*** taille ancre suite ***/
}

p.suite a:hover {
  color:#FF0000;/*** couleur ancre suite au survol ***/
  text-decoration:underline;
}

#page {
  width:900px;/*** Largeur du site ***/
  padding:0;
  margin:0;
  margin-left:auto;
  margin-right:auto;
  border: 0px solid #ffffff;/*** border de la page de 1px ***/
  font-family: verdana, arial, helvetica; /*** police du par défaut du site ***/
  background-color:#ffffff;
}

#entete {
  padding:0;width:100%;
  margin:0;
  height:92px;
  border: 0px solid #ffffff;
  
  background-image:url("../IMG/banniere.jpg");/*** Url de l'image de banniere ***/
  background-repeat:no-repeat;/*** propriété de l'image bannierre ***/ 
  border-bottom:1px solid #999999;/*** border bas de l'image d'entete ***/
  /*border-top:1px solid transparent;
  border-right:1px solid transparent;
  border-left:1px solid transparent;*/
  
}



#drapeau {
  height:20px;
  padding:0px;
  margin:0px;margin-left:2px;
  float:right; margin-bottom/*\**/: 38px\9 ;
}

.choix_drapeau {
  padding:0;
  margin:0;
  width:28px;
  float:left;
}

#nav_conteneur {

  width:100%;
  height:30px;
  margin-top:38px;
  margin-left:5px;
}

ul.nav {
  width:100%;
  padding:0;
  margin:0;margin-left:10px;
 
}

li.onglet, li.onglet a {
  float:left;
  margin-right:5px;
  list-style:none;
  font-size:0.9em;
  text-align:center;
  color:#ffffff;/*** couleur d'écriture dans les boutons de menu ***/
  width:85px; /*** largeur des boutons de menu ***/
  background-color:#999999;/*** couleur fond dans les boutons de menu ***/
  height:30px;/*** Hauteur des boutons de menu ***/
  border:1px solid #ffffff;/*** couleur border des les boutons de menu ***/
  border-bottom:0;
}

li.onglet:hover, li.onglet:hover a {
  float:left;
  margin-right:5px;
  list-style:none;
  font-size:0.9em;
  text-align:center;
  color:#999999;/**** couleur d'écriture dans les boutons de menu au survol ***/
  width:85px;
  background-color:#ffffff;/*** couleur fond dans les boutons de menu au survol ***/
  height:30px;
  border:1px solid #999999;/*** couleur border des les boutons de menu au survol ***/
  border-bottom:0;
}

#conteneur {
  width:100%;
  
}

#image {
  position:relative;
  width:100%;
  border-bottom:2px solid #ffffff;/*** couleur border bas de l'image de home ***/
}

#adresse {
  position:absolute;
  display:block;
  top:40px;/*** positionnement de la div adresse par rapport au haut de l'image home ***/
  left:620px;
  width:240px;
  background-color:#ffffff;/*** couleur fond bloc adresse ***/
  padding-left:10px;padding-right:10px;
  font-size:1.0em;/*** taille de caractère bloc adresse ***/
  opacity: 0.80;
  filter:alpha(opacity=80);  
  -moz-opacity:0.80;
}

h1.titre {/*** Mise en forme des titres de type H1 ***/
  color:#343434;/*** couleur de titre ***/
  text-align: center; /*** format du titre ***/
  text-decoration: underline;
  font-weight:normal;
  font-family: verdana, arial, helvetica;
  font-style: none;
  margin-bottom: 10px;
}

h2.titre {/*** Mise en forme des titres de type H2 ***/
  color:#343434;/*** couleur de titre ***/
  text-align: center; /*** format du titre ***/
  text-decoration: underline;
  font-weight:normal;
  font-size:1.0em;/*** taille de caractère ***/
  font-family: verdana, arial, helvetica;
  font-style: italic;
  margin-bottom: 10px;
}

#contenu {
  display:block;
  width: 860px;/*** largeur de la div de contenu ***/
  border:0px transparent; /*** couleur du border de la div centrale ***/
  padding:10px 20px 10px 20px;
  background-color: #ffffff;/*** couleur de fond de la div centrale ***/
  color:#343434;/*** couleur du texte dans la div centrale ***/
  text-align: justify;/*** fer du texte dans la div centrale ***/
}

#fil_entete {/*** Div englobante fil ariane et recherche ***/
  width:860px;
  height:25px;
}

#hierarchie {/*** fil d'ariane ***/
  float:left;
  width:70%;
  height:25px;
}

#moteur {/*** moteur ***/
  float:right;
  width:24%;
  height:25px;
}

#texte {/*** div qui contient l'article ***/
  width:100%;
  background-color: #ffffff;
}

.texte_art {
  float:right;
  width:78%;
  
}

.logo_art {
  float:left;
  width:19%;
  
}

p {
  width:100%; /****** Largeur de la div portant les textes du site ***/
  /*** border:1px solid red; ---> Outil CSS pour rendre visible un border pour repérer une div ***/
}

#gallery {
  width: 650px;/*** largeur de la galerie photo intégrée ***/
  margin-left: auto;/*** centrage auto de la galerie ***/
  margin-right: auto;/*** centrage auto de la galerie ***/
}

.diapo_menu {
  width: 650px;
}

#pied {
  width:100%;
  margin:0;
  padding:0;
  border:0;
}

#bas {
  width:100%;
}

#bas a {
  color:#808080;/*** couleur texte ancre pied ***/
}

#bas a:hover {
  color:#4B4B4B;/*** couleur ancre pied au survol ***/
  text-decoration:underline;
}

/*** CSS des tableaux du site ***/
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 1; line-height: normal; }
table.spip caption { /*** titre du tableau ***/
  caption-side: top; /*** bottom pas pris en compte par IE ***/ 
  text-align: center; /*** alignement du titre du tableau ***/
  margin-right: auto; margin-left: auto;
   font-weight: bold;/*** style du titre du tableau ***/
   margin-bottom:10px;/*** espace sous le titre du tableau ***/
   font-size:1.2em; /*** taille de caractère du titre du tableau ***/
   color:#000000; /*** couleur du titre du tableau ***/
}
table.spip tr.row_first {/*** 1ere ligne : entete de colone du tableau ***/
  background: #999999;/*** couleur de fond 1ere ligne : entete de colone du tableau ***/
  color:#ffffff;/** couleur de caractère 1ere ligne : entete de colone du tableau ***/
  border:1px solid #DBDDAF;/*** couleur de contour et séparation 1ere ligne : entete de colone du tableau ***/
  text-align: center; /*** alignement ***/
}
table.spip tr.row_odd { 
  background: #ffffff;/*** couleur de fond ligne impaires du tableau ***/
  text-align: center;/*** alignement ***/
}
table.spip tr.row_even { 
  background: #fffff;/*** couleur de fond ligne paires du tableau ***/
  text-align: center;/*** alignement ***/
}
table.spip th, table.spip td { 
  padding: 0.20em 0.40em;
  text-align: center;/*** alignement du texte  dans les colones ***/
  border: 1px solid #424C03;/*** couleur des traits de séparations des cellules et du contour du tableau ***/
}

/*** CSS de la DIV centre ***/
.centre {
  width:54%;
  margin-left: auto;
  margin-right: auto;
  border: 0 solid red;
}