/* CSS Document */
body{ /* paramètres généraux de la page*/
behavior:url(csshover.htc);/*fichier pour le fonctionnement du menu sous IE <7 */
background-image:url(/site/PJ/background.gif);
background-color:#622148; /*mauve*/
color:#622148; /*mauve*/
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:0;
}


h2{
background-image:url(/site/PJ/terre.gif);
background-repeat:no-repeat;
/*line-height:26px;*/
padding-left:35px;
font-size:20px;
color:#823658;
margin-bottom:2px;
margin-left:40px;
margin-right:70px;
}

h2 a{
color:#823658;
}
h4{
padding-left:150px;
padding-right:150px;
font-size:13px;
color:#CC6600;
margin-bottom:0;
}
h5{
padding-left:150px;
padding-right:150px;
font-size:13px;
color:#622148;
margin-bottom:0;
}

h6{ /*titre d'un formulaire*/
font-weight:bold;
background-color:#612148;
color:#FFFFFF;
height:20px;
font-size:12px;
text-align:center;
margin-top:0;
margin-bottom:10px;
}
h6#form2{
font-weight:bold;
background-color:#612148;
color:#FFFFFF;
height:20px;
font-size:12px;
text-align:center;
margin-top:5px;
margin-bottom:10px;
margin-right:5px;
}


p#allerA{
background-color:#674366;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
width:180px; /* 170 */
margin-top:0px;
padding:1px;
padding-left:5px;
margin-left:40px;
margin-right:70px;
}

.allerAPalier{
background-color:#674366;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
width:170px;
margin-top:0px;
padding:1px;
padding-left:5px;

}
select#allerA{
width:135px;
color:#612148;
}

select#WMallerA{
width:110px;
color:#612148;
}

p#enigme{
text-align:center;
font-weight:bold;
padding-left:30px;
padding-right:30px;
/*width:665px;
margin:auto;*/
}

p#retour{
text-align:center;
color:#990066;
font-weight:bold;
margin-top:10px;
}
p#avertissement{
text-align:center;
color:#FF9900;
margin-top:10px;
font-weight:bold;
}

p#indiceCache{
text-align:center;
font-weight:bold;
width:665px;
margin:auto;
color:#FFFFFF;
}

form#reponse{
text-align:center;
background-color:#f6f5f4;
width:265px;
margin:auto;
padding:15px;
border:1px solid;
border-color:#612148;
}

p#felicitations{
margin:auto;
text_align:center;
background-color:#f6f5f4;
border:1px solid;
border-color:#612146;
color:#612146;
width:450px;
padding:10px;
}

div#page { /*calque contenant le design*/
width:800px;
margin:auto;
background-color:#FFFFFF; /*blanc*/
}

h1#header { /*entête du site*/
background-image:url(/site/PJ/header.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
width:798px;
height:200px;
margin:auto;
margin-top:0px;
margin-bottom:0px;
float:left;
}

p#header{
padding-top:135px;
text-align:right;
padding-right:28px;
font-size:10px;
}

a#header{
color:#622148;/*mauve*/
font-weight:bold;
}

a#header:hover{
color:#CC3300; /*rouge*/
}
.champTexte{
width:150px;
color:#622148; /*mauve*/
text-align:center;
margin-bottom:2px;
}
.champModifier{
width:350px;
color:#622148; /*mauve*/
text-align:center;
margin-bottom:2px;
}
/**************************************/
/*/////////////// MENU //////////////*/
/*************************************/
div#menu{
background-color:#FFFFFF; /*blanc*/
width:798px;
margin:auto;
padding:0;
height:29px;
margin-bottom:0px;
float:left;
}
div#menu a {
color:#FFFFFF;/*couleur du texte des liens du menu*/
}


div#menu ul {
padding: 0; 
margin:auto; 
text-align:center;
height:28px;
margin-bottom:0;
/*float:left;*/
}


div#menu li {
background:#612148;
height:28px;
}


div#menu li:hover {
background: #612146;
}

/*////*/
div#menu li.sousmenu{
width:71px;
}
/*////*/
div#menu li.sousmenu:hover {
background:#FFCC00;
}

/* Statistiques*/
div#menu li.stat{
width:91px;
}
div#menu li.stat:hover {
background:#FFCC00;
}
div#menu ul.niveau1 li.stat:hover ul.stat2 {
display:block;
position:absolute;
left:0px;
top:28px;
}
/*-------------*/

div#menu ul li {
margin:0;
padding:0;
position:relative;
list-style: none; 
float:left; 
}

div#menu ul ul {
position: absolute;
display:none; 
/*width:101px;*/
margin:0;
}
div#menu li a {
text-decoration: none;
display:block; 
/*width:70px*/
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {
display:block;
position:absolute;
left:0px;
top:28px;
}

div#contenu { /*bloc central*/
background-image:url(/site/PJ/conteneur_centre.gif);
background-color:#FFFFFF;
background-repeat:repeat-y;
width:798px;
margin:auto;
margin-bottom:0;
padding-top:50px;
padding-bottom:30px;
float:left;
}

p#texteSite{
padding-left:150px;
padding-right:150px;
text-align:justify;
color:#612148; /*mauve*/
margin-top:0;
}

h3{
/* padding-left:150px; */
text-align:center;
font-size:18px;
color:#CC6600;
}
a{
color:#CC6600;
font-weight:bold;
text-decoration:none;
}
a:hover{
color:#CC3300;
}

div#footer{ /*pied de page*/
background-image:url(/site/PJ/footer.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
width:798px;
height:105px;
float:left;
}

p#footer-pub{
padding-top:40px;
text-align:center;
font-size:10px;
}

p#footer{
padding-top:40px;
text-align:center;
font-size:10px;
}

#formulaire{
background-color:#f6f5f4;
border:1px solid;
border-color:#612148;
width:300px;
margin:auto;
padding:10px;
margin-bottom:5px;
}

#formulaire2{
background-color:#f6f5f4;
border: 1px solid;
border-color:#612148;
margin:auto;
padding-left:10px;
/*padding-right:10px;*/
/*margin-bottom:5px;*/
}

#formulairePalier{
background-color:#f6f5f4;
border:1px solid;
border-color:#612148;
width:400px;
margin:auto;
padding:10px;
margin-bottom:5px;
}

#formulaireModifier{
background-color:#f6f5f4;
border:1px solid;
border-color:#612148;
width:500px;
margin:auto;
padding:10px;
margin-bottom:5px;
}

/***************************/
/* STYLES POUR LES PALIERS */
/***************************/

.id{ /*paramètres de la case id*/
background-color:#901859 /*mauve*/;
color:#FFFFFF;
text-align:center;
}

.date {
background-color:#7e154e; /*mauve*/
color:#FFFFFF;
text-align:center;
font-weight:normal;
font-size:8px;
}

.pseudo{
background-color:#612146; /*mauve*/
color:#FFFFFF;
font-weight: bold;
text-align:left;
}
.pseudo a{
color:#FFFFFF;
}
.note{
background-color:#612146;
text-align:right;
}

.commentaire{
background-color:#f6f5f4; /*gris*/
}

.textArea{
text-align:justify;
color:#622148;
width:400px;
margin:auto;
}


/*28/08/08*/
p#pfooter{
padding-top:60px;
text-align:center;
font-size:10px;
}

p#pheader{
padding-top:160px;
text-align:right;
padding-right:40px;
font-size:10px;
}

h1#h1header { /*entête du site*/
background-image:url(/site/PJ/header.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
width:798px;
height:200px;
margin:auto;
margin-top:0px;
margin-bottom:0px;
float:left;
}

a#aheader{
color:#622148;/*mauve*/
font-weight:bold;
}

a.infobulle{
color:#622148;
padding-left:5px;
}

a.infobulle span{
position:absolute;
top:-2000em;
left:-2000em;
width:1px;
height:1px;
overflow:hidden; 
background:#f6f5f4; 
border:1px solid #622148; 
}

/* Rend visible tout notre bloc span et lui attribue une taille */
a.infobulle:hover span, a.infobulle:focus span, a.infobulle:active span 
{
top:auto;
left:auto;
width:300px;
height:auto;
overflow:visible;
font-weight:lighter;
padding:5px;
color:#CC6600;
}                       
   

p#ptexteSite{
padding-left:150px;
padding-right:150px;
text-align:justify;
color:#612148; /*mauve*/
margin-top:0;
}

pre#enigme{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-weight:bold;
padding-left:30px;
padding-right:30px;
}

.pseudos{
font-weight:normal;
}