/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------ Feuille de style CSS ------------------------- */
/* -------------------Edition Infodomus par Sebastien Muzy---------------- */
/* -------------------Copyright 2006 Tous droits reserves----------------- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* ---------------------- Declaration du style general ------------------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

body {
 width:100%;
 font-family : Arial, sans-serif; 
 font-size:12px;
 margin:0;
 padding:0;}
*{
 margin : 0; 
 padding : 0;
 border:0;
 text-decoration:none;}
a{
 background-color:white;
 color:gray;}
a:hover{
 background-color:white;
 color:#666666;}
#page {
 width:790px;
 margin-left:auto;
 margin-right:auto;
}
#page a,p,span,img,div{
 background-color:transparent;}
#page a:hover{
 background-color:transparent;}
h1{
 color:#ff0000;
 background-color:white;
 font-size:16px;}
h2{
 color:gray;
 background-color:#ffffff;
 font-size:15px;}
h3,h3 a{
 color:red;
 background-color:white;
 font-size:14px;}
hr{
 color:red;
 background-color:#FF0000;
 height:1px;
 margin:3px 0 3px 0;}


/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* ---------------------- Declaration des classes de base ---------------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

.droite{
 float:right;}

.gauche{
 float:left;}

.ssdiv{
margin:10px 10px 10px 10px;
padding:10px 10px 10px 10px;
border:1px gray solid;
}

/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* ---------------------- Declaration du style de l entete --------------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

#entete{
 width:780px;
 background:url(../images/entete13.png) no-repeat top left;
 padding:28px 0 37px 10px;
 height:63px;}
#entete a{
 width:264px;
 height:63px;
 display:block;} 

/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* ---------------------- Declaration du style du menu ------------------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

#menu{
 height:27px;
 width:460px;
 background:url(../images/entete23.png) no-repeat top left;
 padding-left:330px;}
#menu a{
 font-family : Tahoma, Arial, sans-serif;
 font-size:12px;
 font-weight:bold;
 float:left;
 display:block;
 height:21px;
 margin-top:1px;
 border-left:1px silver solid;
 padding:5px 20px 0 20px;}
#menu a:hover{
 margin-top:0;
 padding-top:6px;
 background:url(../images/entete24.png) repeat-x top left;}

/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* ---------------------- Declaration du style du cadre general ---------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

#detail{
 width:580px;
 margin-top:10px;}
#detail div.ss_entete span{
 height:24px;
 background:url(../images/barreG.png) no-repeat top right;
 display:block;
 font-family : Tahoma, Arial, sans-serif; 
 font-size:13px;
 font-weight:bold;
 padding:3px 0 0 20px;}
#detail div.ss_pied{
 border-right:1px gray solid;
 background:url(../images/barreG.png) no-repeat top left;
 height:24px;}
#detail div.ss_pied span{
 display:block;
 height:24px;}
#detail div.ss_menu{
 height:21px;
 display:block;
 border-left:1px gray solid;
 border-right:1px gray solid;
 margin-top:-3px;}
#detail div.ss_menu a span{
 background:url(../images/vign2.png) no-repeat top right;
 padding:0 15px 0 15px;}
#detail a{
 color:#dddddd;
 background-color:white;}
#detail div.ss_menu a{
 font-family : Tahoma, Arial, sans-serif; 
 font-size:11px;
 font-weight:bold;
 background:url(../images/vign1.png) no-repeat top left;
 float:right;
 height:15px;
 display:block;
 margin-right:5px;}
#detail div.ss_menu a:hover{
 color:#ffffff;
 background-color:white;}


/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* ----------------- Declaration du style de la partie droite ------------ */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

#partie_droite{
width:200px;
margin-top:10px;
float:right;
overflow:visible;
}

#partie_droite div.ss_droite{
 padding:10px;
 border:1px gray solid;
 margin-bottom:10px;
 color:#333333;
 background-color:white;
 font-size:11px;}
#partie_droite div.ss_droite a{
 color:#333333;
 background-color:#ffffff;}
#partie_droite div.ss_droite a:hover{
 text-decoration:underline;}
#partie_droite div.ss_droite input{
 border:1px gray dashed;}
#partie_droite div.ss_droite input.boutton{
 border:0;
 margin-left:8px;
 color:white;
 background-color:red;
 font-weight:bold}

#partie_droite div.ss_droite h3{
 background:url(../images/barreD.png) no-repeat top left;
 height:24px;
 font-size:12px;
 padding:5px 0 0 10px;
 color:#666666;
 background-color:white;
 clear:both;}


/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* ---------------------- Declaration du style du contenu ---------------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

#contenu{
 border-left:1px gray solid;
 border-right:1px gray solid;
 text-align:justify;
 padding:15px 10px 0 10px;
}

#contenu a{
 color:gray;
 background-color:white;
}

#contenu input,textarea{
 border:1px red dashed;
 width:555px;
 color:red;
 background-color:#ffffff;}

#contenu div.ssdiv input{
 border:0;
 width:auto;}

#contenu a:hover{
 text-decoration:underline;}

#contenu input.boutton{
 width:50%;
 border:0;
 color:#ffffff;
 background-color:#ff0000;
 font-weight:bold;}

#contenu h3 a{
 background-color:#ffffff;
 color:red;}

/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* ------------------- Declaration du style du pied de page -------------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */

#pied{
 margin-top:10px;
 padding-top:29px;
 clear:both;
 width:790px;
 background:url(../images/pied.png) repeat-x top left;
 background-color:white;
 color:gray;}
#pied span{
display:block;
text-align:justify;
background-color:transparent;
border:1px silver solid;
font-size:10px;
padding:2px;}
#pied p{
background:url(../images/barre-valid.png) repeat-x bottom left;}
#pied a:hover{
color:gray;
background-color:#ffffff;
text-decoration:underline;}

/* 88888888888888888888888888888888888888888888888888888888888888888888888 */
/* ---------------------- Fin de la feuille de style CSS  ---------------- */
/* 88888888888888888888888888888888888888888888888888888888888888888888888 */