/*temporaire...........................................................*/
.annonce
{
font-size: 20px;
color: white;
}

.annonce1
{
font-size: 20px;
color: gold;
}

/*css body ..............................................................................................................................*/
body
{
margin: auto;
margin: 7px;
font-family: arial;
font-size: 13px;
background: black;
color: white;
}

/*css en tete..........................................................................................................................*/
#en-tete
{
width: 760px;
height: 120px;
margin: auto;
margin-bottom: 7px;
background-image: url("../divers/en-tete.bmp");
}

/*css message accueil.........................................................................................................*/
#message-accueil
{
margin-top: 5px;
font-size: 12px;
text-align: center;
margin-bottom: 5px;
}
.mise-jour
{
font-size: 10px;
}

/*css menu...........................................................................................................................*/
#menu
{
margin-top: 0px;
float: left;
width: 200px;
}
.compteur
{
text-align: center;
margin-bottom: 5px;
}
.element-menu
{
background-color: rgb(206,0,0);
border: 1px solid white;
margin-bottom: 10px;
padding: 5px;
color: white;
}
.element-menu-ligue
{
background-color: yellow;
border: 1px solid white;
margin-bottom: 10px;
padding: 5px;
color: white;
}
.element-menu-ligue a
{
color: red ;
text-decoration: none;
}
.element-menu-ligue a:hover
{
color: black;
}
ul
{
color: black;
}
.element-menu a
{
text-decoration: none;
color: white;
}
.element-menu a:hover
{
color: black;
}
.element-menu-autre
{
margin-top: 10px;
margin-bottom: 40px;
text-align: justify;
color: white;
}
.element-menu-autre1
{
font-size: 10px;
margin-top: 10px;
margin-bottom: 40px;
text-align: justify;
color: white;
}
.frenchies
{
margin-bottom: 20px;
text-align: center;
}
.texte-en-valeur
{
color: white;
font-size: 10px;
}
.texte-en-valeur1
{
color: blue;
font-weight: bold;
font-size: 13px;
}
.texte-en-valeur2
{
color: gold;
font-weight: bold;
font-size: 10px;
}
/*menu défilant .............................................................................................................................*/
#menu-defilant
{
margin-left: 260px;
}
.element-menu-defilant
{
background: url("../divers/fond-element_menu-h3.jpg");
color: rgb(70,70,70);
border: 1px solid rgb(100,100,100);
padding-left: 20px;
padding-right: 20px;
font-size: 11px;
}
.element-menu-defilant a
{
color: black;
}
.element-menu-defilant a:hover
{
color: white;
}

/*annonce des nouveautés .................................................................................................*/
.neuf
{
color: gold;
font-weight: bold;
font-size: 10px;
}
.neuf a
{
color: gold;
}
.neuf a:hover
{
color: white;
}

/*css corps......................................................................................................................................*/
.adresse
{
font-size: 12px;
}
#corps
{
margin-left: 210px;
padding: 10px;
padding-top: 20px;
color: white;
}
#corps p
{
text-align: justify;
text-indent: 25px;
}
img
{
border: none;
margin: 5px;
}
h2
{
color: black;
margin-bottom: 30px;
font-size: 18px;
font-family: dungeon, arial;
background: url("../divers/fond-element_menu-h3-01.jpg");
}
h3
{
background-image: url("../divers/fond-element_menu-h3.jpg");
text-align: center;
margin: 0px;
font-size: 12px;
color: black;
font-family: dungeon, arial;
}
h4
{
font-size: 14px;
font-family: dungeon, arial;
}
h5
{
font-family: dungeon, arial, serif;
text-align: center;
font-size: 15px;
}
h6
{
font-family: dungeon, arial;
font-size: 10px;
}

/*CSS corps tableaux photos .....................................................................................................................*/
.photo td
{
width: 150px;
height: 100px;
border: 1px solid white;
padding: 0px;
font-size: 10px;
text-align: center;
color: rgb(0,128,255);
}
.photo
{
margin-bottom: 40px;
}
.photo caption
{
font-size: 11px;
}

/*tableau catégorie poids..............................................................................................................*/
.arial
{
margin-top: 20px;
}
.arial td
{
border: none;
margin: 0px;
}

/*tableau horaire entrainement .......................................................................................................*/
.horaire td
{
width: 60px;
height: 40px;
border: 1px solid black;
background: rgb(230,230,230);
}
.horaire th
{
border: 1px solid black;
background: rgb(180,180,180);
}
.horaire
{
margin: auto;
margin-bottom: 40px;
margin-top: 40px;
padding: 10px;
border-collapse: collapse;
text-align: center;
background-color: white;
color: black;
font-size: 10px;
}
/*tableau affiche à venir........................................................................*/
.affiche
{
margin-top: 30px;
margin-left: 5px;
float: left;
width : 215px;
}

/*ENTREZ SUR LE SITE....................................*/
.entrez
{
margin-top: 10px;
}
.entrez2
{
font-size: 30px;
color: blue;
}

/*tableau planning futures rencontres........................................................................*/
.planning td
{
padding: 4px;
height: 30px;
border: 2px solid black;
background: rgb(230,230,230);
}
.planning th
{
border: 2px solid black;
background: rgb(180,180,180);
}
.planning
{
margin: auto;
margin-bottom: 10px;
margin-top: 30px;
padding: 10px;
border-collapse: collapse;
background-color: white;
color: black;
font-size: 11px;
}

/*tableau photos entraineurs................................................................................................................*/
.entraineurs td
{
width: 150px;
color: rgb(0,128,255);

}
.entraineurs
{
margin: auto;
}


/*tableau bureau ..........................................................................................................................*/
.bureau
{
margin: auto;
}
.bureau td
{
text-align: center;
padding: 5px;
}
.bureau th
{
font-size: 11px;
}
.fond-blanc
{
background-color: white;
color: black;
font-size: 12px;
padding: 10px;
border: 2px solid rgb(80,80,80);
margin-top: 8px;
}
.fond-or
{
background-color: rgb(255,204,0);
color: black;
font-size: 12px;
padding: 10px;
border: 2px solid white;
margin-top: 8px;
}
.icone
{
margin: 5px;
}

/*COMPETITEURS ...................................................................................................................*/
.img-left
{
float: right;
margin: 5px;
}

.img-gauche
{
float: left;
margin: 10px;
}

/*liens ...........................................................................................................................................*/
.liens
{
text-decoration: none;
color: white;
}
/* Blok pour les annuaires sur la première page................................................................................*/
.annuaire
{
font-size: 11px;
}
.annuaire table
{
display: inline;
}
.annuaire a
{
color: rgb(192,192,192);
text-decoration: none;
}
/* texte écrit sous les annuaires ..............................................................................................................*/
.bannieres
{
font-size: 10px;
color: black;
}

/* annonce sur la page actualité .................................................................................................................*/
.annonce
{
color: blue;
font-weight: bold;
font-size: 20px;
}

/* fond de couleur .......................................................................................................................*/
.fond-gris
{
background-color: rgb(200,200,200);
padding: 5px;
}
.fond-bleu
{
background-color: rgb(147,220,255);
padding: 5px;
}

/*divers décoration texte ...............................................................................................................................*/
.souligné
{
text-decoration: underline;
}
.petite-taille
{
font-size: 10px;
}

/*couleurs police.............................................................................................................................................*/
.gold
{
color: gold;
}
.bleu
{
color: rgb(0,128,192);
font-weight: bold;
}
.rouge
{
color: red;
font-weight: bold;
}
.citation
{
font-size: 12px;
font-weight: bold;
}

/*Placement photos ........................................................................................................................................*/
.gauche
{
float: left;
margin: 5px;
}

/*css footer..................................................................................................................................*/
#footer
{
text-align: center;
color: rgb(100,100,100);
margin-top: 40px;
}