body
{
background-image:url("images/bg1.png");
width:960px;
margin:auto;
margin-top:10px;
margin-bottom:30px;
background-attachment:fixed;
color:#404040;


/*text-align: right;*/
font-family: Arial, "Comic Sans MS", "Arial Black", serif;
font-size:0.9em;
list-style-type: none;
text-decoration: none;
text-align: justify;
}


 /* couleur des liens blancs cassé des menus*/

a
{
color:#404040;
}



a:hover /* couleur du lien lors du survol*/
{
color:#F3AC03; 
}



#corps a /* pour que les liens contenus dans les p soient comme ceci*/
{
font-weight:bold;
color:#002B82;
}


a img  /* enlève le cadre violet des liens sur les images*/
{
border: none; 
}



img, span /* centre le titre du lien # à l'image*/
{
 vertical-align : middle;
 margin:5px;
 font-size:0.9em;
}



p/* tous les p sont justifiés*/
{
text-align: justify;
}



table /*TOUT pour les tableaux est ICI*/
{
border-collapse: collapse; /* les bordures du tab seront collées^^ */
}


td, th /*toutes et surtout chaque cellule des tableaux <table>... sans oublier la ligne d'entête*/
{
border:0px solid black; /* bordure de x px autour de chaque cellule avec un espace entre chaque cellulue*/
}


caption
{
caption-side: top /* on mettrait top pour que le titre soit au dessus */
}

.gauche
{
float:left;
margin:auto;
margin-left: 20px;
}



.retour
{
float:right;
margin:auto;
margin-left: 20px;
}

.dessous  /* pour que le texte reprenne dessous l'image normalement, mettre un class="dessous" dans la balise du <p>*/
{
    clear: both;
}


h1.jeu-de-plateau
{
color:#D5035C;
text-align:left;
font-family: "Arial Black", Arial, "Comic Sans MS",  serif;
text-decoration: none;
font-size:2em;
}


h1.jeu-de-famille
{
color:#03AB3E;
text-align:left;
font-family: "Arial Black", Arial, "Comic Sans MS",  serif;
text-decoration: none;
font-size:2em;
}

h1.jeu-ambiance
{
color:#035AAB;
text-align:left;
font-family: "Arial Black", Arial, "Comic Sans MS",  serif;
text-decoration: none;
font-size:2em;
}


h1.jeu-de-reflexion
{
color:#6103D5;
text-align:left;
font-family: "Arial Black", Arial, "Comic Sans MS",  serif;
text-decoration: none;
font-size:2em;
}


h1
{
color:#7FC123;
text-align:left;
font-family: "Arial Black", Arial, "Comic Sans MS",  serif;
text-decoration: none;
font-size:1.25em;
}

h2
{
color:#D53965;
text-align:left;
font-family: Arial, "Comic Sans MS", "Arial Black", serif;
text-decoration: none;
font-size:1.0em;
}

h3
{
color:#2370BF;
text-align:left;
font-family: Arial, "Comic Sans MS", "Arial Black", serif;
text-decoration: none;
font-size:1em;
}

h4
{
color:#808080;
text-align:left;
font-family: Arial, "Comic Sans MS", "Arial Black", serif;
text-decoration: none;
font-size:0.80em;
text-indent:50px;
}

h5
{
color:#6103D5;
text-align:left;
font-family: Arial, "Comic Sans MS", "Arial Black", serif;
text-decoration: none;
font-size:0.750em;
}




#fond_du_corps
{
width:960px; 
margin-top: 0px;
margin-bottom:0px;
margin:auto;
background-color:#404040;

}

/* début de la zone des entêtes de page*/

#entete_index
{
width:960px; 
height:250px;
background-repeat:no-repeat;
margin:auto;
}


#entete
{
width:1120px; 
height:250px;
background-repeat:no-repeat;
margin:auto;
}

/* fin de la zone des entêtes de page*/



/* Menu vertical gauche*/

#menuV
{ 
float:left; 
border:2px solid #404040;
width:160px;
height:600px;
margin-left:-45px;
position:fixed;
overflow:hidden;
text-align:left;
}


li.boutonV
{
list-style-type:none;
text-decoration:none;
margin-left:-30%; 
}

/* FIN MENU post it de gauche */




/* la couleur de fond des corps change d'une page à l'autre*/
#corps_asso
{
margin-left:120px;
margin-bottom: 0.5%;
margin-right: 0.5%;
padding-left: 10%;
padding-right:10%;
background-image:url("images/bg_asso.png");
border:10px solid #7FC123;
}

#corps_jeux
{
margin-left:120px;
margin-bottom: 0.5%;
margin-right: 0.5%;
padding-left: 10%;
padding-right:10%;
background-image:url("images/bg_jeux.png");
border:10px solid #D53965;
}


#corps_clubs
{
margin-left:120px;
margin-bottom: 0.5%;
margin-right: 0.5%;
padding-left: 10%;
padding-right:10%;
background-image:url("images/bg_clubs.png");
border:10px solid #24ADFC;
}


#corps_agenda
{
margin-left:120px;
margin-bottom: 0.5%;
margin-right: 0.5%;
padding-left: 10%;
padding-right:10%;
background-image:url("images/bg_agenda.png");
border:10px solid #FBAD05;
}


#corps_plan
{
margin-left:120px;
margin-bottom: 0.5%;
margin-right: 0.5%;
padding-left: 10%;
padding-right:10%;
background-image:url("images/bg_plan.png");
border:10px solid #03D5D3;
}


#corps_contacts
{
margin-left:120px;
margin-bottom: 0.5%;
margin-right: 0.5%;
padding-left: 10%;
padding-right:10%;
background-image:url("images/bg_contacts.png");
border:10px solid #D9AAFE;
}


/* FIN : la couleur de fond des corps change d'une page à l'autre*/


li.bouton_bas {
float:left;
text-decoration: none;
list-style-type: none;
width:16.5%;
}


#pied_de_page
{
color:#FFFFFF;
text-align:right;
font-family: Arial, "Comic Sans MS", "Arial Black", serif;
font-size: 80%;
padding:10px;
}

.metro
{
float:right;
margin:10px;
}