body
{
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("images/fond.png");
   font-size: 13px;
}

body a
{
	text-decoration: none;
	color: #970a00;
}

body a:hover
{	
	color: #f6cf00;	
}

body img
{
border: none;
}

ol
{
 list-style-type: upper-roman;
}


#en_tete
{

	margin: auto;
	
   width: 540px;
   height: 120px;
   margin-bottom: 40px;
   
      border: 5px double #13005e;

}

#slogan
{
	margin: auto;
	
	width: 710px;
	height: 120px;
	margin-bottom: 30px;
	margin-top: 5px;
	
}


/* Le menu */

#menu
{
   float: left;
   width: 150px;
   font-size: 16px;
}

.element_menu
{
   background-color: #f5f6f9;
   background-image: url("images/menu.png");
   background-repeat: repeat-x;
   
   border: 1px solid #13005e;
   
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: #B3B3B3;
   font-family: Sylfaen, Arial, "Arial Black", "Times New Roman", serif;
   text-align: center;
   font-size: 12px;
}

.element_menu ul
{
   list-style-type: none;
   list-style-position: inside;
   padding: 0px;
   padding-left: 10px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu  ul a:hover:before
{
content: url("images/curseur.png");
}

#pub
{
text-align: center;
}




#corps
{
   margin-left: 180px;
   margin-right: 12px;
   margin-bottom: 40px;
   padding: 10px;
   
   color: #000000;
   background-color: #c3c6cd;
   background-image: url("images/corps.png");
   background-repeat: repeat-x;

   
   border: 1px solid #13005e;
    font-family: "Trebuchet MS", Times, Arial, "Times New Roman", serif;
	



}

#corps h1
{
   color: #2723ff;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 60px;
   color: #2723ff;
   text-align: center;
}



#pied_de_page
{

	margin-left: 180px;
	margin-right: 12px;
   padding: 5px;

   text-align: center;

   color: #B3B3B3;
   background-color: #c3c6cd;
   background-image: url("images/pied_de_page.png");
   background-repeat: repeat-x;
   
   border: 1px solid #13005e;
}

q
{
font-style: italic;
font-family : Sylfaen, Arial, "Arial Black", "Times New Roman", serif;
}

.auteur_news
{
float: left;
margin-right: 5px;
}

.auteur_tuto
{
padding-left: 5px;
border: double black 5px;
background-color: #162366; 
width: 230px;
overflow: hidden;
margin-bottom: 30px;
}
.avatar_auteur_tuto
{
border: double 5px black;
margin-left: 7px;
max-width: 200px;
max-height: 200px;
}

.intro_tuto
{
float: left;
width: 535px;
}

.sommaires_tuto
{
margin-left: 30px;
margin-top: 20px;
margin-bottom: 20px;
}

/*Trait séparateur entre les parties des tutos */
.separation_partie_tuto
{
width: 50%;
height: 50%;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}


/* Icones des sous-parties des tutos */
.icone_sommaire_tuto
{
float: left;
margin-right: 12px;
margin-left: 20px;
border: groove white 5px;
width: 50px;
height: 50px;
}

/* Les listes à puces du sommaire des tutos */
.liste_tuto
{
list-style-type: none;
}

/* Précedant Sommaire et Suivant pour les tutos */
.navigateur_de_tuto a
{
font-size: 200%;
color: #2b475b;
}

.navigateur_de_tuto 
{
text-align: center;
}


.partenaire
{
border: double #13005e 5px;
padding-left: 5px;
max-width: 1000px;
max-height: 700px;
overflow: hidden;
}

.partenaire ul
{
   list-style-type: none;
}

/*Les liens de téléchargements*/
.telechargement
{
text-align: center;
font-size: 130%;
font-family: Sylfaen, Arial, "Arial Black", "Times New Roman", serif;
}