/* styles constit */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CSS pour les balises HTML */

body {margin-top: 10px;font-family: sans-serif;font-size: 12px;text-align: center;
background-color:#f2f2f2; 

/* #f2f2f2 */
color:#000000;
}
h1 {margin: 10px 0px 5px 0px;font-size: 16px;}
h2 {margin: 20px 0px 5px 0px;font-size: 14px;}
h3 {margin: 10px 0px 5px 0px;font-size: 12px;}
p {margin: 6px 0px 6px 0px;}
ul {margin: 5px 0px 5px 0px;padding: 0px 0px 0px 10px;line-height: 18px;list-style:none;}
li {padding-left:20px;background: url(li_atypik.gif) no-repeat;}
form {margin: 0px;}
hr {margin-top: 5px;margin-bottom: 5px;height: 1px;}
img {border: 0;padding: 0px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Divers */
.en_valeur {color:#fc9A53;}
.en_erreur {color:#d30303;}
.poursuite_dessous {clear:both;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre permettant un affichage centré */

#principal {width: 760px;margin-left: auto;margin-right: auto;text-align: left;  }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadres pour les images du bandeau haut */

#entete_1 {float: left;width: 755px;height: 150px;background: url("IMG/entete1.jpg") no-repeat; 
/*     border: 1px black solid;*/
}

#logo {position: absolute;margin:18px 0px 0px 55px;}

#gtitre {position: absolute;margin:105px 0px 0px 140px;}
.gtitre {font-size: 125%;font-weight: bold;color:#333333;}

#entete_page {float: left;width: 760px;height: 114px;background: url("IMG/entete-page.jpg") no-repeat;}

#entete_1 #menus {float:right;margin:110px 35px 0px 0px;height:15px;font-family:verdana,sans-serif;font-size:11px;}
#entete_1 #menus a, a:link, a:visited {color: #888888;text-decoration: none;}
#entete_1 #menus a:hover {color: #000000;text-decoration: none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre pour le menu */

#menu {margin-top: 25px;margin-bottom: 5px;
margin-left: auto;margin-right: auto;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre feuille comprenant les contenus */

#milieu {float:left;width: 755px;background: url("IMG/milieu.jpg") top left repeat-y;
 padding-left:10px; 
}	

#milieu_articles {float:left;width: 755px;background: url("IMG/milieu_articles.jpg") top left repeat-y;
 padding-left:10px; 

}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre pour les mentions en bas de page */

#bas {float: left;width: 755px;height: 60px;background: url("IMG/bas.jpg") repeat-x;padding-top:20px;text-align:center;color:#858585}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre pour les contenus trois colonnes */

#gauche {float:left;width:150px;padding-left:5px;
 /* border: 1px black solid; */
}

#centre {float:left;width:415px;padding-top:0px;padding-left:5px;
 /*   border: 1px black solid;  */
}

#droite {float:left;width:150px;padding-left:11px;padding-top:0px;
 /*  border: 1px black solid;  */
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre pour les contenus deux colonnes */

#gauche1 {float:left;width:150px;padding-left:5px;
 /*   border: 1px black solid; */
}

#droite1 {float:left;width:565px;
padding-left:8px;
padding-top:0px;
  /*  border: 1px black solid; */
}

a.bouton-relief {
color: #444444;
  display:block; 
  width:137px;
  /*    background-image: url(bouton.jpg); */
  background-color: #f2f2f2; 
  text-decoration: none;
  font-size:12px;
  font-family:arial,verdana;
  text-align: center;
  padding: 1px;
   border: 1px outset #c0c0c0; 
}

a.bouton-relief:hover {
  /*	font-weight: bold;*/
   /*    background-color: #a0a0a0; */
 background-color: #ffffff;
    color: #000000;
  /* background-image: url(bouton-on.jpg);*/
    border: 1px inset #c0c0c0; 
}







/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Styles pour les formulaires hors SPIP */
.formtext {padding: 1px;background-color: #f7fae1;border: solid 1px #cccccc;text-align: center;}
.formbouton {padding: 1px;border-width: 1px;border-style: dashed;background-color: #f7fae1;font-size: 11px;font-family: verdana, geneva;border: solid 1px #cccccc;}
.formradio {vertical-align: middle ;}	
.formarea {text-align: left;background-color: #f7fae1;font-size: 12px;font-family: verdana, geneva;border: solid 1px #cccccc;scrollbar-base-color: #f7fae1;scrollbar-3dlight-color: #f7fae1;scrollbar-arrow-color: #f7fae1;scrollbar-darkshadow-color: #f7fae1;scrollbar-face-color: #f7fae1;scrollbar-highlight-color: #f7fae1;scrollbar-shadow-color: #f7fae1;scrollbar-track-color: #f7fae1;}


.menu_lang {WIDTH:140px}

.formrecherche {
	width: 133px;
	background-color: #f2f2f2;
padding-left:4px;
}


.forml { 
	width: 200px;
 background-color: #f2f2f2;
}