html,body {
  background-color : #5e799e;
  margin : 0px;
  font-family: 'Arial', Helvetica, sans-serif;
  font-size: 100%;
  text-align : center;
  color : #000000;
}

label {
  width : 150px;
  font-weight : bold;
  text-align : left;
}

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

.messerror{
  color : red;
  font-size : 120%;
  text-align : center;
}

.mibr{
  line-height: 6px;
}

.clear{
  clear: both;
}

img{
  border : 0;
}

input.bouton{
  background-color : #9bb5a7;
}

.news{
  position : absolute;
  clear : both;
  top : 165px;
  left : 600px;
  color : red;
  font-size : 80%;
  text-align : center;
}

#thumbtext{
  font-size : 70%;
}

#langue{
  position : absolute;
  top : 10px;
  left : 939px;
}

#langue img{
  vertical-align:top;
}

#alerte{
  position : absolute;
  border : 2px solid black;
  background-color : white;
  display : none;
  z-index : 170;
  padding : 10px;
  color : red;
  font-weight : bold;
  font-size : 80%;
}

#alertenews{
  position : absolute;
  border : 2px solid black;
  background-color : white;
  display : none;
  z-index : 170;
  padding : 10px;
  color : red;
  font-weight : bold;
  font-size : 80%;
}

#alertedelnews{
  position : absolute;
  border : 2px solid black;
  background-color : white;
  display : none;
  z-index : 170;
  padding : 10px;
  color : red;
  font-weight : bold;
  font-size : 80%;
}

#login{
  display:none;
  position:absolute;
  border:1px solid black;
  float:left;
  text-align:center;
  z-index:170;
  background-color:white;
  padding : 10px;
  font-size : 80%;
}

#login label{
  width : 150px;
}

#login a {
  text-decoration:underline;
  font-weight : bold;
  font-size : 70%;
}

#lostPass{
  position:absolute;
  border:1px solid black;
  float:left;
  display:none;
  text-align:center;
  z-index:170;
  background-color:white;
  padding : 10px;
  font-size : 80%;
}

#lostPass label{
  width : 150px;
}

#lostPass a {
  text-decoration:underline;
  font-weight : bold;
  font-size : 70%;
}

#inscript{
  position:absolute;
  border:1px solid black;
  float:left;
  display:none;
  text-align:center;
  z-index:170;
  background-color:white;
  padding : 10px;
  font-size : 80%;
}

#inscript label{
  width : 150px;
}

#inscript a{
  text-decoration:underline;
  font-weight : bold;
  font-size : 70%;
}

/* newsletter */

#newsletter{
  position : absolute;
  clear : both;
  top : -175px;
  left : 222px;
  padding : 5px;
  width : 118px;
  height: 175px;
  font-size : 75%;
  text-align : left;
  font-weight : bold;
  border : 1px solid #9bb5a7;
  padding-bottom : 0px;
}

* html #newsletter{ width : 130px;}

/* Bloc conteneur : contient les autres blocs pour permettre une position plus aisée */
#conteneur{
  margin-top : 0px;
  margin-bottom : 0px;
  margin-left : auto;
  margin-right : auto;
  width : 1002px;
}

* html #conteneur { height: 600px; } /* taille sous ie */

/* Bloc bandeauhaut : contient l'image de fond représentant le logo de l'entreprise, une image de décoration ainsi que les lignes du menu horizontal */
#bandeauhaut{
  position : relative;
  width : 1002px;
  height : 150px;
  background: url("../images/ce_fr.jpg") no-repeat;
}

/* Bloc textemenuhaut : contient les liens du menu horizontal */
#textemenuhaut{
  float : left;
  margin-left : 222px;
  _margin-left : 0px;
  margin-top : 130px;
  padding-right : 30px;
  padding-left : 30px;
  width : 700px;
  text-align : right;
  font-size : 75%;
  color : #ffffff;
  font-weight : bold;
}
* html #textemenuhaut { width : 982px;}

#textemenuhaut a{color : #ffffff; text-decoration:none;}
#textemenuhaut a:hover {color : #ffffff; font-style:italic; text-decoration:none;}

/* Bloc milieu : contient les blocs de menu vertical et contenu */
#milieu{
  width : 1002px;
  background: url("../images/centre_repeat.jpg") repeat-y;
  min-height : 432px;
}

* html #milieu { height: 432px; } /* taille sous ie */

/* Bloc textemenugauche : contient les liens du menu vertical */
#textemenugauche{
  position : relative;
  float : left;
  padding-top : 40px;
  min-height : 392px;
  width : 130px;
  text-align : left;
  font-weight : bold;
  padding-left : 222px;
  font-size : 75%;
  background: url("../images/menu.jpg") no-repeat;
}
* html #textemenugauche { height: 432px; width : 352px;} /* taille sous ie */

#textemenugauche a{color : #ffffff; text-decoration:none;}
#textemenugauche a:hover {color : #ffffff; font-style:italic; text-decoration:none;}

.carrebleu{
  float : left;
  height : 20px;
  width : 20px;
  margin-right :10px;
  background-color:#5e799e;
}

.carrevert{
  float : left;
  height : 20px;
  width : 20px;
  margin-right :10px;
  background-color:#9bb5a7;
}

.menugauche{
  float : left;
  min-height : 18px;
  width : 98px;
  line-height : 13pt;
  padding : 1px;
  background-color:#9bb5a7;
}
* html .menugauche{height:20px; width:100px;}

.menubleu{
  float : left;
  min-height : 18px;
  width : 98px;
  line-height : 13pt;
  padding : 1px;
  background-color:#5e799e;
}
* html .menubleu{height:20px; width:100px;}


/* Bloc contenutexte : contient le contenu dynamique */
#contenutexte{
  position : relative;
  float : left;
  padding-top : 40px;
  min-height : 512px;
  width : 580px;
  text-align : left;
  background-color : inherit;
  padding-left : 10px;
  font-size : 70%;
}

* html #contenutexte { height: 552px; } /* taille sous ie */

/* Bloc logoettitre : contient le logo, le titre et le soustitre de l'article courant */
#logoettitre{
  float : left;
  width : 580px;
}

/* Bloc titreetsoustitre : contient le titre et le soustitre de l'article courant */
#titreetsoustitre{
  position : relative;
  float : left;
  height : 20px;
  padding-left : 1px;
  line-height : 15pt;
  min-width : 100px;
  background : url("../images/titre.jpg") no-repeat;
}

* html #titreetsoustitre{width : 580px;}

/* Bloc titreettexte : contient le titre et le texte de l'article courant */
#titreettexte{
  clear : left;
  padding-top : 10px;
  width : 100%;
}

/* Bloc bandeaubas : contient l'image representant le contour du bas du site web */
#bandeaubas{
  clear : left;
  position : relative;
  width : 1002px;
  height : 20px;
}

/* Couleur de texte pour spécifier le lien actif (=courant) */
.current{
  color : #000000;
  font-style : italic;
  font-weight : bold;
}

/* Couleur de texte pour spécifier le lien actif (=courant) */
.current2{
  color : #ffffff;
  font-style : italic;
  font-weight : bold;
}

/* Police nécessaire au titre de la rubrique */
.titre{
  font-size: 110%;
  color : #000000;
  font-weight : bold;
  font-style : italic;
  background-color : inherit;
}

/* Police nécessaire au sous-titre de la rubrique */
.soustitre{
  font-size: 110%;
  font-weight : bold;
  font-style : italic;
}

/* Police nécessaire au titre de l'article */
.titreart{
  font-weight : bold;
  font-size : 110%;
}

/* ajout spip */
table {
  font-size: 100%;
  background-color : inherit;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
}

p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.spip {
  margin-top: 0px;
  margin-bottom: 0px;
}