/**
6078BF => 1f6351
E6FFBF => c6d6d2
c6d6d2 => c6d6d2
c0cfff => c6d6d2
00248F => 004833
ccc    => 004833
369    => 00291d
fdfdee => c6d6d2
7B7B7B => 00291d
004833 => 004833

**/


/****** BODY ******/
body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  margin:2em 1%;
  padding:0;
  background-position:top left;
  background-repeat:repeat-y;
  background-color:#c6d6d2;
  color:#fff;
    }
/*  background-image:url(IMG/idonea/degrade_bleu3.gif); */

/****** POSITIONNEMENT ******/
#gauche{
  left:2em;
  font-weight:bold;
  position:absolute;
  top:5.7em;
  width:220px;
}
#centre{
  margin: 3.5em 1em 1em 240px;
}
#droite{
  right:2%;
  font-weight:bold;
  position:absolute;
  top:7em;
  width:17%;
}
#moteur{
  position:absolute;
  right:2em;
  top:2.5em;
}

/****** EXTRA ******/
.spacer{clear:both;}
.legend{
  border-width:1px;
  border-style:solid;
  font-weight: bold;
  padding:0 0.2em;
  border-color:#004833;
  background-color:#FFF;
  color:#000;
}
.spip_logos{
border-width: 0px;
}
/****** TITRES ******/
h1{
  margin:0;
  padding:0.2em;
  font-size:14px;
  color:#fff;
  background-color:#1f6351;
  border-width:1px;
  border-style:solid;
  border-color:#004833;
}
#gauche h1{
  margin:0;
  padding:0.2em 0 0.2em 0;
  font-size:medium;
  text-align:center;
  background-color:#c6d6d2;
}
h2{
  border-width:1px;
  border-style:solid;
  padding:0.2em;
  font-size:12px;
  margin-top:2em;
  border-color:#004833;
  background-color:#FFF;
  color:#1f6351;
}
h3{
  background-color:transparent;
  color:#00291d;
  font-weight: bold;
  font-size:medium;
  text-align: center;
  margin:0.2em;
}
h5{
  font-family: Arial, Helvetica, sans-serif;
  border:1px solid;
  border-color:#004833;
  background-image:url(IMG/idonea/degrade_gris.gif);
  background-position:top left;
  background-repeat:repeat-x;
  background-color:#c6d6d2;
  color:#004833;
  margin:0;
  padding-left:0.5em;
  font-size:14px;
}
h6{
  border-width:1px;
  border-style:solid;
  padding:0.2em;
  font-size:12px;
  margin-top:2em;
  border-color:#004833;
  background-color:#c6d6d2;
  color:#1f6351;
}
/****** LIENS ******/
a{
  background-color: transparent;
}
a:hover{
  color:#004833;
  background-color:transparent;
  text-decoration:none;
}
/****** LISTES ******/
li{
  list-style-type:none;
  list-style-image:none;
}
/****** CADRE  ******/
#page{
  border-width:3px;
  border-style:solid;
  height: 700px;
  color:#000;
  background-color:#FFF;
  border-color:#004833;
}

html>body #page{
  height: auto;  
  min-height: 680px;
}
/****** MENU TOP ******/
#menuTop{
  position:absolute;
  top:0.7em;
  left: 1em;
  width: 99%;
}
#menuTopLeft{
 float:left;
}
#menuTopRight{
 float:right;

}
#menuTop a{
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
  color:black;
}
#menuTop a:hover {color:#004833}

#menuTop ul{
  margin:0;
  padding:0;
}
#menuTop li{
  background-image:url(IMG/idonea/degrade_gris.gif);
  background-position:top left;
  background-repeat:repeat-x;
  background-color:#004833;
  display:inline;
  margin:0 1em 0 0;
  border-width:1px;
  border-style:solid;
  border-color:#004833;
  padding:2px 1em;
}

/****** MENU RUBRIQUES ******/
.accueil{
  margin-bottom:2em;
  padding:0;
  border-width:0px;
  border-style:solid;
  border-color:#004833;
}
.accueil ul{
  border-width:1px 1px 0 1px;
  border-style:solid;
  margin:0;
  padding:0;
  border-color:#004833;
}
.accueil li{
  list-style:none;
  list-style-image:none;
  margin:0;
  background-color:#1f6351;
  border-color:#004833;
  border-width:0 0 1px 0;
  border-style:solid;
}
.accueil a{
  display:block;
  padding:2px 0 2px 4px;
  text-decoration:none;
  background-color:transparent;
  color:#FFF;
}
.accueil a.premier{
  background-color:#c6d6d2;
  color:#00291d;
}
.accueil a:hover{
  background-color:#c6d6d2;
  color:#1f6351;
}

/****** RUBRIQUES ******/
.rubriques{
  padding:1em 1em;
  border-width:1px;
  border-style:solid;
  border-color:#004833;
  background-color:#c6d6d2;
}
html>body .rubriques{
  height:auto;
  min-height:69px;
}
.rubriques a{
  color: #1f6351;
  font-size:14px;
}
.sousrubriques{

}
.rubriques ul{
  margin:0 0 1em 0;
}
.rubriques li{
  margin:1em 0 1em 0;
}
.article_mot{
  margin:1.5em 0;
}
.logo_mot{
  float:left;
}
/****** ARTICLES ******/
.articles{
  background-color:#FFF;
}
.soustitre{
  border-width:0 1px 1px 1px;
  border-style:solid;
  padding:0.2em 0.5em;
}
.chapeau{
  padding:0.5em;
  margin:0.5em 0 0 0;
  font-style:italic;
}
.texte{
  background-color:#c6d6d2;
  border-width:5px 1px 1px 1px;
  border-style:solid;
  padding:0.4em;
  border-color:#004833;
}
.ps{
  border-width:1px;
  border-style:dotted;
  margin-top:0.5em;
  padding:0.2em;
  background-color:#E0E2EB;
  border-color:#7B7B7B;
}
.notes{}
.consultation{
  border-width:1px;
  border-style:solid;
  cursor:pointer;
  font-weight:700;
  text-align:center;
  padding:8px 4px;
  background-image:url(IMG/idonea/degrade_gris.gif);
  background-position:top left;
  background-repeat:repeat-x;
  background-color:#c6d6d2;
  border-color:#004833;
  color:#1f6351;
}
#chemin {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  left:1.2%;
  position:absolute;
  top:2.2em;
  margin:10px 1px 1px 3px;
  padding:0.3em;
  font-size:x-small;
  color:#1f6351;
}
#chemin a{
  text-decoration:none;
  color:#1f6351;
}


/****** FORMULAIRES ******/
.formulaire input.champs{
  border-width:1px;
  border-style:solid;
  padding-left:0.2em;
  border-color:#004833;
}
.formulaire input.valid{
  border-width:1px;
  border-style:solid;
  cursor:pointer;
  font-weight:700;
  text-align:center;
  background-image:url(IMG/idonea/degrade_gris.gif);
  background-position:top left;
  background-repeat:repeat-x;
  background-color:#1f6351;
  border-color:#004833;
  color:#1f6351;
}
.formulaire input.valid:hover{
  border-width:1px;
  border-style:solid;
  background-color:#c6d6d2;
  border-color:#004833;
  color:#1f6351;
}

