/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ------------------------ Feuille de style CSS ------------------------- */

/* -------------------Edition Infodomus par Sebastien Muzy---------------- */

/* -------------------Copyright 2006 Tous droits reserves----------------- */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* ---------------------- Declaration du style general ------------------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

html,body {
 font-family : "Comic sans MS", Arial, sans-serif; 
 font-size:0.9em;
 color:gray;
 background-color:white;
 margin : 0; 
 padding : 0;}
* {
 margin:0;
 padding:0;
 border:none;}
#page{
 width:791px;
 margin-left:auto;
 margin-right:auto;}
.droite{
 float:right;}
.gauche{
 float:left;}
.centre{
 text-align:center;}
a{
 color:gray;
 background-color:white;
 text-decoration:underline;}
.taille_tiers{
 width:28%;}
.titre{
 display:block;
 color:white;
 background-color:gray;
 border:1px white dashed;}


/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* --------------------------- Style de l'entete ------------------------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

#entete{
 background:url(../images/entete5.png) no-repeat top left;
 width:791px;
 height:121px;
 color : white;
 background-color :#ffffff;}
#entete a{
 background-color:transparent !important;
 text-decoration:none;}
#entete a.accueil{
 display:block;
 width:190px;
 height:100px;
 margin-left:15px;}
h1{
 font-size:150%;}
h2{
 font-size:130%;
 color:red;
 background-color:white;}
h3{
 font-size:120%;}
h4{
 font-size:110%;}

/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* ------------------------------ Style du menu -------------------------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

#menu{
 width:175px;
 float:left;
 margin-top:5px;
 font-size:90%;}
#menu .ss_menu{
 padding:5px;
 border:1px gray solid;
 display:block;
 margin-bottom:5px;}
#menu #ssmenu1 a,#menu #ssmenu2 a,#menu #ssmenu3 a{
 width:158px;
 height:auto;
 display:block;
 color:gray;
 background-color:white;
 background:none;
 font-size:100%;
 font-weight:normal;
 border:1px gray solid;
 margin-top:-1px;
 padding:2px 0 2px 15px;}
#menu ul li{
 list-style:none;
 margin-bottom:4px;}
#menu ul li ul li{
 margin-bottom:0;}
#menu ul a{
 text-decoration:none;
 width:160px;
 height:20px;
 padding-left:15px;
 display:block;
 color:white;
 background-color:#ff0000;
 background:url(../images/menu_off.png) no-repeat top center;
 font-weight:bold;
 font-size:110%;}
#menu ul a:hover{
 text-decoration:none;
 background:url(../images/menu_on.png) no-repeat top center;}
#menu #ssmenu1 a:hover,#menu #ssmenu2 a:hover,#menu #ssmenu3 a:hover{
 background:none;
 color:#555555;
 background-color:silver;}

/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* ---------------------------- Style du contenu ------------------------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

#contenu{
 float:right;
 width:611px;}
#contenu .ss_contenu{
 text-align:justify;
 margin:5px 2px 5px 5px;
 padding:0 20px 0 20px;
 border:1px gray solid;}
.sss_contenu{
 padding:5px 20px 5px 20px;
 border:1px gray dashed;
 display:block;}
#contenu #tbl td{
 padding:5px;
 border:1px #bbbbbb solid;}

/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* --------------------------- Style du pied de page --------------------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

#pied{
 clear:both;
 background:url(../images/pied2.png) no-repeat top center;
 width:791px;
 padding-top:22px;
 display:block;}

/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* -------------------------- Gestion des couleurs ----------------------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

.vert{
 color:green;
 background-color:#ffffff;}
.jaune{
 color:yellow;
 background-color:#ffffff;}
.bleu{
 color:blue;
 background-color:#ffffff;}
.rouge{
 color:red;
 background-color:#ffffff;}
.gris{
 color:gray;
 background-color:#ffffff;}

/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* ------------------------ Style des cas particuliers ------------------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

#recherche{
 padding:85px 15px 0 0;
 background-color:transparent;
 float:right;
 display:block;}
#recherche span{
background-color :transparent;}

/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ----------------------------------------------------------------------- */
/* --------------------------- Fin de la feuille css --------------------- */
/* ----------------------------------------------------------------------- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
