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

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

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

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

.mibr{
  line-height: 6px;
}

.clear{
  clear: both;
}

img{
  border : 0;
  vertical-align : middle;
}

#thumbtext{
  font-size : 70%;
}

#langue{
  position : relative;
  float : right;
  top : 10px;
  right : 10px;
  height : 20px;
  width : 100px;
  text-align : right;
}

#langue img{
  vertical-align : middle;
}

* html #langue{height:18px;}

#centryo{
  position : absolute;
  top : 21px;
  left : 556px;
  width : 100px;
  text-align : right;
}

#logo{
  position : absolute;
  top : 34px;
  left : 15px;
  height : 20px;
  width : 100px;
  text-align : right;
}

/* boite site eteint */
#alerte{
  position : absolute;
  border : 2px solid black;
  background-color : white;
  display : none;
  z-index : 170;
  padding : 10px;
  color : red;
  font-weight : bold;
}

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

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

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

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

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

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

#loginUnique label{
  width : 300px;
  font-size : 90%;
  color : #ea7525;
}
#loginUnique a {text-decoration:underline;font-weight : bold;font-size : 70%;}

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

#loginUniqueWebmail label{
  width : 300px;
  font-size : 90%;
  color : #ea7525;
}
#loginUniqueWebmail a {text-decoration:underline;font-weight : bold;font-size : 70%;}

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

#loginUniqueService label{
  width : 300px;
  font-size : 90%;
  color : #ea7525;
}
#loginUniqueService 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;
}

#lostPass label{
  width : 200px;
  font-size : 90%;
  color : #ea7525;
}
#lostPass a {text-decoration:underline;font-weight : bold;font-size : 70%;}

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

#inscript label{
  width : 250px;
  font-size : 90%;
  color : #ea7525;
}
#inscript a{text-decoration:underline;font-weight : bold;font-size : 70%;}

.details{
  font-size : 80%;
  font-family: 'Arial', Helvetica, sans-serif;
}

#news{
  position : absolute;
  color : red;
  font-size : 100%;
  text-align : center;
  width : 156px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 0px;
}
* html #news{left : 0px;width : 100%;margin-top : -15px;}

/* Bloc conteneur : contient les autres blocs pour permettre une position plus aisée */
#conteneur{
  margin-top : 20px;
  margin-left : auto;
  margin-right : auto;
  width : 910px;
}
* html #conteneur { height: 500px; } /* 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 : 910px;
  height : 155px;
  text-align : left;
  background: url("../images/ce_fr.jpg") no-repeat;
}

/* Bloc milieu : contient les blocs de menu vertical et contenu */
#milieu{
  position : relative;
  width : 910px;
  background: url("../images/fond_centre.jpg") repeat-y;
  min-height : 330px;
}
* html #milieu { height: 330px; } /* taille sous ie */

#contenumilieu{
  float : left;
  width : 910;
}

/* Bloc textemenugauche : contient les liens du menu vertical */
#textemenugauche{
  position : relative;
  float : left;
  min-height : 290px;
  float : left;
  top : 10px;
  padding-top : 6px;
  width : 150px;
  left : 15px;
  text-align : center;
  font-size: 80%;
  font-weight : bold;
  color : #002b70;
}
* html #textemenugauche { width : 150px;height: 290px; padding-top : 0px;} /* taille sous ie */

#textemenugauche a{color : #002b70;text-decoration:none;}
#textemenugauche a:hover {color : #002b70;font-weight:bold;text-decoration:none;}

.formulaire{
  height : 30px;
  margin-top : 12px;
  margin-bottom : 0px;
}

* html .formulaire{
  margin-top : 0px;
  margin-bottom : -5px;
}

#pub{
  position : relative;
  height : 135px;
  padding-left : 5px;
  padding-right : 5px;
  width : 150px;
}
* html #pub{height:145px;width : 150px;}

/* Bloc textemenuhaut : contient les liens du menu horizontal */
#textemenuhaut{
  position : relative;
  float : left;
  width : 736px;
  text-align : center;
  margin-top : 125px;
  margin-left : 15px;
  height : 30px;
  font-size: 95%;
  color : #ffffff;
  font-weight : bold;
  -margin-left :7px;
}
* html #textemenuhaut{width : 736px;}

.menugauche{
  padding-top : 5px;
  padding-bottom : 5px;
  height : 30px;
  line-height : 30px;
}

* html .menugauche{
  padding-top : 0px;
  padding-bottom : 0px;
  height : 25px;
  line-height : 25px;
}

.sousmenu{
  position : relative;
  height : 25px;
  line-height : 25px;
  width : 172px;
  padding-left:5px;
  padding-right:5px;
  background-color : inherit;
}
* html .sousmenu{width : 182px;}

.sousmenu a{color:#ffffff; text-decoration:none; height:25px; line-height:25px; width:182px;}
.sousmenu a:hover {color:#ffffff; text-decoration:none; background-color:#ea7525; height:25px; line-height:25px; width:182px;}

#sousmenu1{
  display: none;
  position : absolute;
  top : 0px;
  left : 15px;
  text-align : left;
  font-size : 80%;
  width : 182px;
  background-color : #ffffff;
  color : #505050;
  border : 1px solid #EA7525;
  z-index : 1000;
}
#sousmenu1 a{color:#505050; text-decoration:none;}
#sousmenu1 a:hover {color:#ffffff; text-decoration:none; width:182px; height:25px; line-height:25px; background-color:#ea7525;}

#sousmenu2{
  display: none;
  position : absolute;
  top : 0px;
  left : 198px;
  text-align : left;
  font-size : 80%;
  width : 182px;
  background-color : #ffffff;
  color : #505050;
  border : 1px solid #EA7525;
  z-index : 1000;
}
#sousmenu2 a{color : #505050;text-decoration:none;}
#sousmenu2 a:hover {color:#ffffff; text-decoration:none; width:182px; height:25px; line-height:25px; background-color:#ea7525;}

#sousmenu3{
  display: none;
  position : absolute;
  top : 0px;
  left : 381px;
  text-align : left;
  font-size : 80%;
  width : 182px;
  background-color : #ffffff;
  color : #505050;
  border : 1px solid #EA7525;
  z-index : 200;
}
#sousmenu3 a{color : #505050;text-decoration:none;}
#sousmenu3 a:hover {color:#ffffff; text-decoration:none; width:182px; height:25px; line-height:25px; background-color:#ea7525;}

#sousmenu4{
  display: none;
  position : absolute;
  top : 0px;
  left : 564px;
  text-align : left;
  font-size : 80%;
  width : 182px;
  background-color : #ffffff;
  color : #505050;
  border : 1px solid #EA7525;
  z-index : 1000;
}
#sousmenu4 a{color : #505050;text-decoration:none;}
#sousmenu4 a:hover {color:#ffffff; text-decoration:none; width:182px; height:25px; line-height:25px; background-color:#ea7525;}

#titre1{
  position : relative;
  float : left;
  width : 182px;
  height : 30px;
  line-height : 30px;
}

#titrecurrent1{
  width : 182px;
  height : 30px;
  line-height : 30px;
  color : #ea7525;
  background:url("../images/fond_menu.jpg") no-repeat;
  font-weight : bold;
}

#titre1 a{text-decoration:none;}
#titre1 a:hover{text-decoration:none; background:url("../images/fond_menu.jpg") no-repeat; height:30px; width:182px; color:#ea7525;}

#titre2{
  position : relative;
  float : left;
  width : 182px;
  height : 30px;
  line-height : 30px;
  margin-left : 1px;
}

#titrecurrent2{
  width : 182px;
  height : 30px;
  line-height : 30px;
  color : #ea7525;
  background:url("../images/fond_menu.jpg") no-repeat;
}

#titre2 a{text-decoration:none;}
#titre2 a:hover{text-decoration:none; background:url("../images/fond_menu.jpg") no-repeat;height:30px; width:182px; color:#ea7525;}

#titre3{
  position : relative;
  float : left;
  width : 182px;
  height : 30px;
  line-height : 30px;
  margin-left : 1px;
}

#titrecurrent3{
  width : 182px;
  height : 30px;
  line-height : 30px;
  color : #ea7525;
  background:url("../images/fond_menu.jpg") no-repeat;
}

#titre3 a{text-decoration:none;}
#titre3 a:hover{text-decoration:none; background:url("../images/fond_menu.jpg") no-repeat;height:30px; width:182px; color:#ea7525;}

#titre4{
  position : relative;
  float : left;
  width : 182px;
  height : 30px;
  line-height : 30px;
  margin-left : 1px;
}

#titrecurrent4{
  width : 182px;
  height : 30px;
  line-height : 30px;
  color : #ea7525;
  background:url("../images/fond_menu.jpg") no-repeat;
}

#titre4 a{text-decoration:none;}
#titre4 a:hover{text-decoration:none; background:url("../images/fond_menu.jpg") no-repeat;height:30px; width:182px; color:#ea7525;}

input.btn{
  border : 0px;
  font-size : 100%;
  height : 30px;
  width : 168px;
  background: url("../images/menu.jpg") no-repeat;
}

input.bouton{
  border : 0px;
}

input.btnform{
  border : 0px;
  color : #ea7525;
  background-color : #ffffff;
  cursor : pointer;
  font-weight : bold;
  text-align : right;
}

td.titre{
  text-align : left;
  font-size : 110%;
  font-weight : bold;
}

td.prix{
  text-align : right;
  font-weight : bold;
}

#total{
  color:#ea7525;
}

td{
  vertical-align : top;
}

.inscription{
  color : #EA7525;
  font-weight : bold;
}

input.inscription{
  border : 1px solid #505050;
}

/* Bloc contenutexte : contient le contenu dynamique */
#contenutexte{
  position : relative;
  float : left;
  min-height : 260px;
  padding-left : 17px;
  top : 15px;
  width : 720px;
  left : 15px;
  padding-left : 10px;
  padding-right : 10px;
  text-align : left;
  background-color : inherit;
  font-size : 80%;
  z-index : 100;
}
* html #contenutexte { height: 280px; width : 740px} /* taille sous ie */

#image1{
  float : left;
  width : 168px;
  height : 286px;
  margin-left : -2px;
  margin-right : 7px;
  text-align : center;
  background: url("../images/internet.jpg") no-repeat;
  background-position : right;
}
* html #image1 {width : 168px; height:286px;} /* taille sous ie */

#image1 a{color : #002b70;text-decoration:none;}
#image1 a:hover {color : #002b70;font-weight:bold;text-decoration:none;}

#image2{
  float : left;
  width : 168px;
  height : 286px;
  margin-left : 7px;
  margin-right : 7px;
  text-align : center;
  background: url("../images/abonnement.jpg") no-repeat;
  background-position : right;
}
* html #image2 {width:168px; height:286px;} /* taille sous ie */

#image2 a{color : #002b70;text-decoration:none;}
#image2 a:hover {color : #002b70;font-weight:bold;text-decoration:none;}

#image3{
  float : left;
  width : 168px;
  height : 286px;
  margin-left : 7px;
  margin-right : 7px;
  text-align : center;
  background: url("../images/forfait.jpg") no-repeat;
  background-position : right;
}
* html #image3 {width:168px; height:286px;} /* taille sous ie */

#image3 a{color : #002b70;text-decoration:none;}
#image3 a:hover {color : #002b70;font-weight:bold;text-decoration:none;}

#image4{
  float : left;
  width : 168px;
  margin-left : 7px;
  height : 286px;
  text-align : center;
  background: url("../images/preselection.jpg") no-repeat; 
  background-position : right;
}
* html #image4 {width:168px; height:286px;} /* taille sous ie */

#image4 a{color : #002b70;text-decoration:none;}
#image4 a:hover {color : #002b70;font-weight:bold;text-decoration:none;}

/* Espace client */
#bloc{
  height : 300px;
}

#facture{
  position : relative;
  float : left;
  padding : 10px;
  width : 330px;
  text-align : left;
}
* html #facture{width : 350px;}

#facture label{
  text-align : left;
  width : 100%;
}

#donnees{
  position : relative;
  float : left;
  padding : 10px;
  width : 330px;
  text-align : left;
}
* html #donnees{width : 350px;}

#donnees label{
  text-align : left;
  width : 100%;
}

#newsletter{
  position : relative;
  padding : 5px;
  width : 49%;
}

#newsletter label{
  text-align : left;
  width : 100%;
}

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

/* Bloc titreetsoustitre : contient le titre et le soustitre de l'article courant */
#titreetsoustitre{
  position : relative;
  float : left;
}

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

#menubas{
  position : relative;
  min-height : 30px;
  width : 735px;
  text-align : center;
  margin-right : 160px;
  margin-left : 15px;
  font-size: 85%;
  color : #002b70;
  z-index : 50;
}

#menubas a{color : #002b70;text-decoration:none;}
#menubas a:hover{color : #002b70;text-decoration:none;}

#menubas img{
  vertical-align : middle;
}


/* Bloc bandeaubas : contient l'image representant le contour du bas du site web */
#bandeaubas{
  clear : left;
  width : 910px;
  height : 10px;
  background: url("../images/fond_bas.jpg") no-repeat;
}

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

/* Couleur de texte pour spécifier le lien actif (=courant) */
.current2{
  color : #ffffff;
  height:25px;
  line-height:25px;
  background-color : #ea7525;
  width : 172px;
  padding-left:5px;
  padding-right:5px;
}
* html .current2{width : 182px;}

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

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

/* Police nécessaire au sous-titre de la rubrique */
.soustitre{
  font-size: 130%;
  font-weight : bold;
  color : #ea7525;
  background-color : inherit;
}

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

.titreart a{color:#002b70;text-decoration:none;}
.titreart a:hover {color:#002b70;text-decoration:none;}

.titreprofil{
  font-weight : bold;
  font-size : 110%;
  color : #EA7525;
  width : 330px;
  border-top : 2px dashed #ea7525;
  border-bottom : 2px dashed #ea7525;
}

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