body
{
background-image:url('cartes_fond.gif');
background-color:white;
background-attachment:fixed;
font-family:verdana,"times new roman",arial, serif;
font-size:0.85em;
margin:0;
padding:0;
color:black;
}

#lesite
{
min-height:800px;
height:100%;
width:770px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
padding:0;
/*background-image:url('fond_gimp.gif');*/
background-color:rgb(253,252,253);
color:black;
}
.centre
{/*background-color:rgb(230,230,230);*/
width:670px;
min-height:300px;
margin:2em;
border:solid 1px rgb(0,0,0);

padding:10px;
margin-left:auto;
margin-right:auto;
text-align:justify;
color:black;
position:relative; /* sert a positionner le total des reponses des test */
}



h1, h2, h3, h4
{margin-top:20px;
text-decoration : underline;
/* color : rgb(120,200,255); */
color:rgb(10,160,10);
}

h5, h6
{text-transform:uppercase;
}

h2
{font-size:1.4em;}


ul.descriptif li
{padding:0 10px;
margin:10px 0;
}

.titreclub
{color:blue;
font-size:1.2em;
font-weight:bold;
text-transform:uppercase;
}

.adroite
{float:right;}
.agauche
{float:left;}
.endessous
{clear:both;}
.invisible
{visibility:hidden;}


img.adroite {margin-left:2em;border:none;}
img {margin-right:3px;}

.decale
{margin-top:13px;}

a:link, a:visited 
{
color :black;
font-weight:bold;
}

a:hover
{
background:none; /* correction d'un bug IE  pour permettre l'affichage du background-image suivant*/
background-image:url('cartes_fond.gif');
color:black;
}

.stat h5
{color:black;
text-indent:20px;}

#statuts h4 + p
{text-indent:40px;}


.ident
{color:rgb(230,230,0);}


.centre ol li
{margin-top:8px;}

.centre ul li
{margin-top:8px;
list-style-image:url('/anab/images/main3.gif');}

/* __________________  QUESTION - REPONSES ____________________ */
li.question
{text-decoration:none;
color:black;
background:none;}

li.question span {display:none}

li:hover.question {color:blue;}

li:hover.question span 
{display:block; 
margin:10px 0;
border:2px solid black;
padding:5px;
color:black;
}

h4 span {color:white; text-decoration:none;}

/* ____________________________________ l'encart________________________ */

.encart
{
width:35%;
border-top: 2px solid rgb(200,200,200);
border-left: 2px solid rgb(200,200,200);
font-weight:bold;
color:black;
padding:1em; margin:1em;
}

.encart h3
{text-align:center;
text-decoration:underline;
color:rgb(10,160,10);}

dt {color:rgb(10,160,10);}

/*----------------------------------------------------- Le Bloc Supérieur----------------------*/


#infos
{position:relative;
width:750px;
height:120px;
text-align:center;
color:black;
border: solid 3px rgb(130,0,0);
padding:0px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

#infos h1
{position:relative; top:-10px;
color:rgb(10,160,10);
font-size:2em;
font-weight:bold;
padding-top:15px;
text-align:center;
}

img.logo 
{
position:relative;
top:-30px;
}

#infos p img{position:relative;top:-2em;}

.sanspuce
{list-style-type:none;
}

ul.adresse
{margin:0;
padding:0;
}
.adresse li a
{margin:0.2em 0.6em;
text-decoration:none;
color:blue;
} 

.adresse 
{
float:left;
color:blue;
margin-right:0;
}

/*-----------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------Le Menu ---------------------------------------*/
.menu
{
padding:1em 0 1em 1em;
margin:10px auto;
text-align:center;
font-size:0.7em;
border:outset;
width:88%;

}

ul.menu
{
background-color:rgb(210,240,210);
}
.menu li
{
display:inline;
padding:0;
margin:0 0.8% 0;
}



.menu a:link, .menu a:visited
{ 
font-weight:bold;
color:black;}
.menu a:hover{
color:black;
padding:3px;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------LES TABLEAUX----------------------------------------------------------*/
tr th
{text-align:center;
}

tr td
{border:1px solid white;
}

caption
{font-weight:bold;}


table
{border-collapse:collapse;
caption-side:top;
empty-cells:hide;
min-width:400px;margin:auto;
}

/*--------------------------------------LES TABLEAUX  DES MEMBRES -----------------------------------------------------*/

table.listemembres  td
{border:1px solid white;
border-left:none;
border-right:none;
border-top:none;
padding:5px;}


table.listemembres th
{text-align:center;
color:blue;
}




/*--------------------------------------------------------------------------------------------------------------------*/


.poste
{font-weight:bold;
color:rgb(135,135,135);
}

h5 a.ancre
{text-decoration:none;
color:white;
}

div#statuts h4,p
{
text-decoration:none;
color:black;
margin-left:15px;
}
/* ____________________  FORMULAIRE ALIGNEMENT ___________________________________ */
div.rangee
{clear:both;
margin-top:5px;}

div.rangee label.lab
{float:left;
margin-top:10px;
width:250px;
text-align:right;
font-weight:bold;
}

div.rangee .inp
{margin-top:10px;
float:right;
width:300px;
margin-right:100px;} 

fieldset
{margin-bottom:15px;
}

textarea.mailing
{margin:15px 0;
}

/* TABLEAU DES TEST D'ARBITRAGE ________________ */

table.test
{width:90%;
text-align:center;
margin-bottom:40px;
background-color:rgb(230,230,230);
color:black;
}

table.left /* bien mettre avant table.test car le text-align ecrase l'autre */
{text-align:left;
text-indent:15px;
}

table.main
{
text-align:left;
margin-bottom:20px;
background-color:rgb(230,230,230);
color:black;
}

td.col1, td.col2, td.col3
{border-right:3px solid rgb(200,50,50);
}

tr.entete
{
border-bottom:3px solid rgb(200,50,50);
}

table.test th, table.main th
{color:rgb(20,20,200);
border-bottom:3px solid rgb(200,50,50);
}

p.result_test
{text-align:center;}

div.nbr_rep_test
{position:absolute;
top:25px; left:180px;
border:2px solid black;
text-align:center;
margin:0;padding:15px;}

p.score
{color:green;
font-weight:bold;
}

.test2 div
{position:relative;
top:-25px;
left:480px;
}

div.test2
{position:relative;
top:-25px;
left:200px;
}


.test2 li
{width:450px;
}

input.reponse
{margin-left:70px;
display:block-inline;
}

/* _______________  LES MAILS ________________ */

.messagemail
{background-color:white;
color:black;
width:550px;
border: 1px solid black;
}

span.messagemail
{padding:0 10px;
}


span.annulemessage  /*  caractéristiques du bouton d'annulation dans l'envoi des mails  */
{margin-left:20px;
background-color:rgb(214,211,206);
font-family:arial;
font-size:0.9em;
color:black;
padding:2px 5px;
border-left:1px solid white;
border-top:1px solid white;
border-right:2px solid rgb(66,65,66);
border-bottom:2px solid rgb(66,65,66);
width:130px;
}


a.annulemessage
{text-decoration:none;
background-image:none;
}

div#presentation
{border:1px solid white;
border-right:2px solid grey;
border-bottom:2px solid grey;
padding:5px;
}

/* _________________________ Blocs presentation  ___________________ */

.bloc_presentation
{border:1px solid white;
border-right:2px solid grey;
border-bottom:2px solid white;
margin:10px;
padding:5px;
}

div.bloc_presentation li
{list-style-type:none;
list-style-image:none;
padding-left:10px;
}

.bloc_presentation p
{color:rgb(10,160,10);
font-weight:bold;


}