html,body {
  background-color : #fefdec;
  margin : 0px;
  font-family: 'Verdanna', Helvetica, sans-serif;
  font-size: 100%;
  text-align : center;
  color : #07304d;
}

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

a{color : #228b76; text-decoration:underline;}
a:hover {color : #0a3688; 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{
}

#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%;
}

/* 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 : 165px;
  background: url("../images/ce_fr.jpg") no-repeat;
}

/* Bloc textemenuhaut : contient les liens du menu horizontal */
#textemenuhaut{
  float : left;
  margin-top : 140px;
  margin-left : 340px;
  -margin-left : 170px;
  width : 580px;
  height : 24px;
  line-height : 24px;
  text-align : center;
  font-size : 80%;
  background-color : inherit;
}

#textemenuhaut a{color : #07304d; text-decoration:none; height:15px; padding:5px; margin-left:-2px; margin-right:-2px;}
* html #textemenuhaut a{color : #07304d; text-decoration:none; padding:0px; padding-left:5px; padding-right:5px; height:25px;}
#textemenuhaut a:hover {color : #07304d; text-decoration:none; height:15px; background-color:#a2cac3; padding:5px;}
* html #textemenuhaut a:hover {color : #07304d; text-decoration:none; padding:0px; padding-left:5px; padding-right:5px; height:25px;}

.menu1{
  padding : 5px;
  line-height : 25px;
  height : 15px;
  background-color : inherit;
}

* html .menu1 {padding:0px; padding-left:5px; padding-right:5px; height:25px;}
/* Bloc milieu : contient les blocs de menu vertical et contenu */
#milieu{
  width : 1002px;
  background: url("../images/centre_repeat.jpg") repeat-y;
  min-height : 432px;
  display: table;
}

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

/* Bloc textemenugauche : contient les liens du menu vertical */
#textemenugauche{
  min-height : 392px;
  display: table-cell;
  float : left;
  position : relative;
  padding-top : 25px;
  text-align : left;
  font-size : 75%;
  width : 185px;
  background-color : inherit;
}
* html #textemenugauche { height: 432px;} /* taille sous ie */

#boitegauche1{
  width : 185px;
  text-align : center;
  background: url("../images/boite_centre.jpg") repeat-y;
}

#boitegauche2{
  width : 185px;
  background-color : inherit;
  background: url("../images/boite_centre.jpg") repeat-y;
}

#boitegauche2 a{color:#07304d; text-decoration:none; height:25px; width:183px;}
#boitegauche2 a:hover {color:#07304d; text-decoration:none; height:25px; width:182px; background-color:#a2cac3; margin-left:1px;}

#boitegauche3{
  width : 185px;
  text-align : center;
  background: url("../images/boite_centre.jpg") repeat-y;
}

.hautboitegauche{
  width : 185px;
  height : 20px;
  background: url("../images/boite_haut.jpg") repeat-y;
}

.basboitegauche{
  width : 185px;
  height : 27px;
  background: url("../images/boite_bas.jpg") no-repeat;
}

.menu2{
  padding-left : 10px;
  padding-right : 10px;
  line-height : 25px;
  height : 25px;
  width : 162px;
  margin-left : 2px;
  background-color : inherit;
}

* html .menu2{width : 182px;}

#marquee{
  text-align : center;
  width : 182px;
}

#scrolltexte{
  text-align : center;
}

/* Bloc contenutexte : contient le contenu dynamique */
#contenutexte{
  min-height : 392px;
  display: table-cell;
  position : relative;
  float : left;
  padding-top : 25px;
  width : 630px;
  text-align : left;
  padding-left : 30px;
  font-size : 80%;
}

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

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

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

* html #titreetsoustitre{width : 690px;}

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

/* Bloc bandeaubas : contient l'image representant le contour du bas du site web */
#bandeaubas{
  clear : left;
  position : relative;
  width : 962px;
  padding : 20px;
  height : 25px;
  padding-top : 30px;
  text-align : right;
  background : url("../images/fond_bas.jpg") no-repeat;
}
* html #bandeaubas{width : 1002px;height : 75px;}

/* Couleur de texte pour spécifier le lien actif (=courant) */
.current{
  color : #d9e4ea;
  background-color : #30496a;
  padding:5px;
  line-height : 25px;
  height : 15px;
  margin-left:-2px; margin-right:-2px;
}

* html .current{ padding : 0px; padding-left :5px;padding-right : 5px; height :25px;}

/* Couleur de texte pour spécifier le lien actif (=courant) */
.current2{
  color : #d9e4ea;
  background-color : #30496a;
  padding-left : 10px;
  padding-right : 10px;
  line-height : 25px;
  height : 25px;
  width : 162px;
  margin-left : 2px;
}

* html .current2{width : 182px;}

/* 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: 140%;
  font-weight : bold;
}

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

/* 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;
}