body
{
width : 100%;
background-color :black;
margin: auto;
margin-top: 1%;
margin-bottom: 1%;
}
/* ------------------------------------------------------------------------------ haut -----------------------------------------------------------------------------------------------------------------------------*/
#haut
{
width : 99%;
margin: auto;
margin-top: 1%;
margin-bottom: 1%;
text-align : center;
}

#menu_central
{
width : 100%;
margin : auto;
text-align : center;
margin-top : 1%;
margin-bottom : 2%;
}

#lienentetegauche 
{
margin-top : 1%;
text-align : center;
}
	
#lienentetedroite 
{
margin-top : 1%;
text-align : center;
}

#contenu_menu_plan_du_site
{
margin-left : 15%;
margin-right : 15%;
padding-left : 0.5%;
text-align : left;
font-size : 0.65em;
color : red;
font-family : "Comic Sans MS" serif;
}

#effacer_contenu_menu_plan_du_site a
{
color : white;
}
#contenu_menu_plan_du_site a 
{
color : red;
font-family : "Comic Sans MS" serif;
}

#contenu_menu_plan_du_site a:hover
{
color : white;
font-family : "Comic Sans MS" serif;
text-decoration : underline;
}

#menu_mc_ak_records
#haut
{
width : 99%;
margin: auto;
text-align : center;
}
/* ------------------------------------------------------------------------------ fin haut -----------------------------------------------------------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------------ debut menu 1 -----------------------------------------------------------------------------------------------------------------------------*/

#menu_un
{
float: left; 
width : 13.9%;
margin : auto;
margin-left : 5%;
}
   
#element_menu
{
height : 25px;
padding-top : 4%;
text-align : center;
color : white;
font-size : 0.65em;
font-family : "Comic Sans MS" serif;
background-image: url('../image/img-tete-menu-un.png');
background-repeat : no-repeat;
background-position : left top;
border-bottom :1px solid #191818;
border-right :1px solid #191818;
}

#element_menu_un
{
height : 25px;
margin-top : 6%;
padding-top : 4%;
text-align : center;
color : white;
font-size : 0.65em;
font-family : "Comic Sans MS" serif;
background-image: url('../image/img-tete-menu-un.png');
background-repeat : no-repeat;
background-position : left top;
border-bottom :1px solid #191818;
border-right :1px solid #191818;
}

#element_menu_deux
{
height : 25px;
margin-top : 6%;
padding-top : 4%;
text-align : center;
color : white;
font-size : 0.65em;
font-family : "Comic Sans MS" serif;
background-image: url('../image/img-tete-menu-un.png');
background-repeat : no-repeat;
background-position : left top;
border-bottom :1px solid #191818;
border-right :1px solid #191818;
}

#contenu_element_menu
{
padding-top : 2%;
padding-bottom : 2%;
text-align : center;
color : white;
font-size : 0.7em;
font-family : "Comic Sans MS" serif;
border-left :1px solid #191818;
border-bottom :1px solid #191818;
border-right :1px solid #191818;
}

#contenu_element_menu a 
{
color : white;
font-family : "Comic Sans MS" serif;
}

#contenu_element_menu a:hover
{
color : white;
font-family : "Comic Sans MS" serif;
}

#contenu_element_menu_un
{
padding-top : 2%;
padding-bottom : 2%;
text-align : center;
color : white;
font-size : 0.7em;
font-family : "Comic Sans MS" serif;
border-left :1px solid #191818;
border-bottom :1px solid #191818;
border-right :1px solid #191818;
}

#contenu_element_menu_un a a:visited
{
color : white;
font-family : "Comic Sans MS" serif;
}

#contenu_element_menu_un a:hover
{
color : white;
font-family : "Comic Sans MS" serif;
}

#contenu_element_menu_deux
{
padding : 2%;
padding-top : 2%;
padding-bottom : 2%;
padding-left : 5%;
text-align : left;
color : white;
font-size : 0.7em;
font-family : "Comic Sans MS" serif;
border-left :1px solid #191818;
border-bottom :1px solid #191818;
border-right :1px solid #191818;
}

#contenu_element_menu_deux a a:visited
{
color : white;
font-family : "Comic Sans MS" serif;
}

#contenu_element_menu_deux a:hover
{
color : white;
font-family : "Comic Sans MS" serif;
}
         
/* ------------------------------------------------------------------------------menu 2------------------------------------------------------------------------------------------------------------------------------ */

#menu_deux
{
float: right; 
width : 13.9%;
margin : auto;
margin-right : 5%;
}
   
#deux_element_menu
{
height : 25px;
padding-top : 3%;
text-align : center;
color : white;
font-size : 0.65em;
font-family : "Comic Sans MS" serif;
background-image: url('../image/img-tete-menu-deux.png');
background-repeat : no-repeat;
background-position : right top;
border-bottom :1px solid #191818;
border-left :1px solid #191818;

}

#deux_element_menu_un
{
height : 25px;
margin-top : 5%;
padding-top : 3%;
text-align : center;
color : white;
font-size : 0.75em;
font-family : "Comic Sans MS" serif;
background-image: url('../image/img-tete-menu-deux.png');
background-repeat : no-repeat;
border-bottom :1px solid #191818;
}

#deux_element_menu_deux
{
height : 25px;
margin-top : 5%;
padding-top : 3%;
text-align : center;
color : white;
font-size : 0.75em;
font-family : "Comic Sans MS" serif;
background-image: url('../image/img-tete-menu-un.png');
background-repeat : no-repeat;
border-bottom :1px solid #191818;
}

#deux_contenu_element_menu
{
padding-top : 2%;
padding-bottom : 2%;
text-align : center;
color : white;
font-size : 0.7em;
font-family : "Comic Sans MS" serif;
border-left :1px solid #191818;
border-bottom :1px solid #191818;
border-right :1px solid #191818;
}

#deux_contenu_element_menu a 
{
color : white;
font-family : "Comic Sans MS" serif;
}

#deux_contenu_element_menu_un
{
padding-top : 2%;
padding-bottom : 2%;
padding-right : 2%;
padding-left : 2%;
text-align : center;
color : white;
font-size : 0.7em;
font-family : "Comic Sans MS" serif;
border-left :1px solid #191818;
border-bottom :1px solid #191818;
border-right :1px solid #191818;
}

#deux_contenu_element_menu_un a 
{
color : white;
font-family : "Comic Sans MS" serif;
}

#deux_contenu_element_menu_un a:hover
{
color : white;
font-family : "Comic Sans MS" serif;
}

#titre_plan_du_site a:hover
{
text-decoration : underline;
color : white;
} 

#deux_contenu_element_menu_deux
{
padding-top : 2%;
padding-bottom : 2%;
text-align : center;
color : white;
font-size : 0.7em;
font-family : "Comic Sans MS" serif;
border-left :1px solid #191818;
border-bottom :1px solid #191818;
border-right :1px solid #191818;
}

#deux_contenu_element_menu_deux a a:visited
{
color : white;
font-family : "Comic Sans MS" serif;
}

#deux_contenu_element_menu_deux a:hover
{
color : white;
font-family : "Comic Sans MS" serif;
text-decoration : underline;
}
/* ---------------------------------------------------------------------- fin du menu 2 ------------------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------- debut corps ------------------------------------------------------------------------------------------------------------------------------ */
#corps
{
margin-left : 20%;
margin-right : 20%;
padding :0.5%;
}

/* ---------------------------------------------------------------------- debut haut de corps ------------------------------------------------------------------------------------------------------------------------------ */

#haut_corps
{
width : 99.5%;
margin : auto;
}

#corps_quinze_derniere_news
{
width : 25%;
}
#tete_quinze_derniere_news
{
height : 20px;
margin-top : 6%;
padding-top : 4%;
padding-left : 3%;
text-align : left;
color : white;
font-size : 0.65em;
font-family : "Comic Sans MS" serif;
background-image: url('../image/img-tete-menu-un.png');
background-repeat : no-repeat;
background-position : left top;
border-bottom :1px solid #191818;
border-right :1px solid #191818;
}

#contenu_menu_quinze_derniere_news
{
padding-top : 2%;
padding-bottom : 2%;
border-left :1px solid #191818;
border-bottom :1px solid #191818;
border-right :1px solid #191818;
}

#contenu_menu_quinze_derniere_news a
{
color :red;
}

#td_quinze_derniere_news
{
margin-left : 0.5%;
margin-right : .05%;
padding-left : 3%;
color : red;
font-size : 0.55em;
text-align : left;
font-family : "Comic Sans MS" serif;
border-bottom :1px solid #191818;
}

/* ---------------------------------------------------------------------- fin haut de corps ------------------------------------------------------------------------------------------------------------------------------ */

#moyen_corps
{
width : 100%;
margin-top : 3%;
}

#news_page_central
{
width : 85%;
margin : auto;
}

#news_page_central a
{
color : red;
}



#news_page_central_titre
{
padding-top : 1%;
padding-bottom : 0.3%;
font-family : "Comic Sans MS" serif;
color : red;
font-size : 0.95em;
background-image: url('../image/img-tete-menu-news.png');
background-repeat : no-repeat;
background-position : left top;
border-bottom :2px solid #191818;
border-right :2px solid #191818;
text-align : center;
background-color : black;
}

#news_page_central_time
{
padding-top : 0.5%;
padding-bottom : 0.5%;
padding-right : 5%;
font-family : "Comic Sans MS" serif;
color : white;
font-size : 0.50em;
text-align : right;
border-bottom :1px dashed #191818;
border-right :2px solid #191818;
border-left :2px solid #191818;
background-color : black;
}

#news_page_central_contenu
{
margin-bottom : 5%;
padding-left : 1.5%;
padding-top : 3%;
padding-bottom : 2%;
font-family : "Comic Sans MS" serif;
color : white;
font-size : 0.75em;
text-align : left;
background-image: url('../image/img-lateral-news.png');
background-repeat : no-repeat;
background-position : right top;
border-bottom :2px solid #191818;
border-right :2px solid #191818;
border-left :2px solid #191818;
background-color : black;
}

#copyright
{
width : 100%;
margin: auto;
margin-top: 1%;
margin-bottom: 1%;
text-align : center;
color : white;
font-size : 0.85em;
font-family : "Comic Sans MS" serif;
}

#copyright a 
{
color : red;
font-family : "Comic Sans MS" serif;
}
/* -------------------------------------------------------------------------- corps page connexion deconnection ------------------------------------------------------------------------------------------------------------------------------ */	  

#corps_message_connexion
{
width : auto;
color : white;
font-family : "Comic Sans MS" serif;
text-align : center;
}

#prelude_connexion
{
width : 60%;
margin : auto;
color : white;
font-size : 0.9em;
font-family : "Comic Sans MS" serif;
text-align : left;
}

#formulaire_connexion
{
width : auto;
color : white;
font-family : "Comic Sans MS" serif;
text-align : center;
}

#pseudo_formulaire_connexion
{
font-size : 1.0em;
font-family : "Comic Sans MS" serif;
text-align : center;
}

#valider_connexion
{
font-family : "Comic Sans MS" serif;
}
/* -------------------------------------------------------------------------- fin corps page connexion deconnection ------------------------------------------------------------------------------------------------------------------------------ */	  

#intro-site
{
width : 98%;
margin : auto;
padding : 1%;
text-align : center;
color : white;
font-size : 0.65em;
font-family : "Comic Sans MS" serif;
}

#intro-site a
{
color : white;
font-family : "Comic Sans MS" serif;
}
/* -------------------------------------------------------------------------- balise .class ------------------------------------------------------------------------------------------------------------------------------ */	  

.motmaj
{text-transform : capitalize;
}
.couleurrouge
{
color : red;
}
.couleurwhite
{
color : white;
}
.taille_petit
{
font-size : 0.2em;
}
.taille_moyen_petit
{
font-size : 0.5em;
}
.taille_zero_six
{
font-size : 0.6em;
}
.taille_zero_sept
{
font-size : 0.7em;
}
.taille_zero_huit
{
font-size : 0.8em;
}
.taille_zero_neuf
{
font-size : 0.9em;
}
.taille_grand
{
font-size : 1.0em;
}
.texte_gauche
{
text-align : left;
}
/* --------------------------------------------------------------------------Types balises seuls------------------------------------------------------------------------------------------------------------------------------ */	  
img
{
border : none;
}

a
{
text-decoration : none;
}












#elemen
   {
   height : auto;
   margin : auto;
   text-align : center;
font-size : 0.9em;
   border-top : 1px dashed #191818;
   background-image: url('../image/fond-promo.png');
	background-repeat : no-repeat;
	background-position : top center;
font-family : "Comic Sans MS" serif;
color : red;
padding-bottom : 50%;
}




.menu-general 
{ 
color : red;
}

#sous-menu1, #sous-menu2, #sous-menu3 { /*défini les 3 boites des 3 sous-menues */
  display: none; /* les sous-menus ne sont pas affichés */
  margin: 0; /* marges extérieures à 0 */
  padding : 0; /* marges intérieures à 0 */
 
} /* largeur des sous-menus par rapport à la boite parent (ici la page)*/

#sous-menu2 {left:20%} /* Distance à la gauche de la page du 2ième sous-menu */

#sous-menu3 {left:39%} /* Distance à la gauche de la page du 3ième sous-menu */