body 
{ 
   width: 760px; 
   margin: auto; /* Pour centrer notre page */ 
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever 
pour voir ! */ 
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */ 
   background-color: #FFCCCC;
   
}

#menu p
{
   font-size: 10px; 
   color: #000000; 
   text-align: left; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

}

.aff_video p
{
	text-align:center;
}

a
{
font-family: Verdana,Arial,Sans-serif;
color:#8B0000;
text-decoration:none;
}      

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

a.titre-plug
{
font-family: Verdana,Arial,Sans-serif;
font-weight:bold;
font-size:10px;
color: #8B0000;
text-decoration:none;
}
a.titre-plug:hover
{
color:#B22222;
text-decoration:underline;
}

#fond 
{ 

	background-color: #FFFFFF;
	width: 874px;
	margin: auto;
	text-align:left;
	padding:0px;
	border: 1px solid #CC6699;
}
	

#en_tete 
{ 
   margin: auto;
   margin-left:24px;
   padding:5px;
   width: 826px; 
   height: 120px; 
   background-color: #FFFFFF;  
   margin-bottom: 10px; 
   padding-left: 0px; 
   border: 0px ;
}

#en_tete p
{ 
	margin-left:5px;
	margin-top:1px;
	margin-bottom:1px;
}

.keywords h1
{
	font-size: 10px;
	text-align: left;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif; 
	padding-left:25px;
	color: #969696;
}

.keywords img
{
	padding-left:25px;
	border:0;
}

.keywords a img
{
	padding-left:25px;
	border:0;
}


.keywords p
{
	font-size: 10px;
	text-align: left;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	padding-left:5px; 
}

#menu 
{ 
   margin: auto;
   width: 400px; /* Très important : donner une taille au menu */ 
   background-color: #ffffff;
   margin-left:450px;  
   padding: 0px;
   margin-bottom:25px;
   
} 

.element_menu 
{ 
   background-color: #FF99CC; 
   background-repeat: repeat-x; 
   
   border: 1px solid #CC6699;
   border-bottom: 4px solid #CC6699; 
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */ 
}

.element_menu_membre
{ 
   background-color: #FFFFFF; 
   background-repeat: repeat-x; 
   
   border: 1px solid #CC6699;
   border-bottom: 4px solid #CC6699; 
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */ 
}

.element_menu h3 /* Tous les titres de menus */ 
{    
   color: #816c81; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif; 
   text-align: center; 
} 
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */ 
{ 
   list-style-image: url("images/puce.png"); /* On change l'apparence des puces */ 
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */ 
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 
pixels */ 
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */ 
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous 
les autres sont à 0px */ 
} 
.element_menu a /* Tous les liens se trouvant dans un menu */ 
{ 
	font-family: Verdana,Arial,Sans-serif;
	font-weight:bold;
	font-size:10px;
	color: #8B0000;
	text-decoration:none; 
} 
.element_menu a:hover /* Quand on pointe sur un lien du menu */ 
{ 
	color:#B22222;
	text-decoration:underline;
}
.en_tete a /* Tous les liens se trouvant dans un menu */ 
{ 
	font-family: Verdana,Arial,Sans-serif;
	font-weight:bold;
	font-size:10px;
	color: #8B0000;
	text-decoration:none; 
} 
.en_tete a:hover /* Quand on pointe sur un lien du menu */ 
{ 
	color:#B22222;
	text-decoration:underline;
}


#corps 
{ 
   margin: auto;
   
   width: 400px;
   float: left;
   margin-left:24px !important;
   margin-left:12px ;
   margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */ 
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */ 
   
   color: #816c81; 
   background-color: #FF99CC;   /* Une couleur de fond pour le corps */ 
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */ 
   
   border: 1px solid #CC6699;
   border-bottom: 4px solid #CC6699; /* Une bordure pour bien marquer les limites du corps et pour faire joli */ 
   clear: both;
}


#corps h1 /* Tous les titres h1 du corps */ 
{ 
   color: #FFFFCC; 
   text-align: left; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif; 
} 

#corps h2 /* Tous les titres h2 du corps */ 
{ 
   font-size: 12px; 
   color : #000000;
   text-align: left; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   padding-bottom:0px;
   margin-bottom:0px;
}

#corps p
{
   font-size: 10px; 
   color: #000000; 
   text-align: left; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.une_video p
{
   font-size: 24px; 
   color: #000000; 
   text-align: left; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.une_video
{
	padding-bottom:10px;
	font-size:10px;
}

.une_video a
{
	font-size:12px;
	
}

.une_video img
{
   border:1px solid #000000; 
   margin-right:10px;
   float: left;
   height:60px;
   width:90px;
}

.texte
{
	margin-left:100px;
	
}

.tag
{
	float: left;
	

}

.dump
{
	float: right;
	
	
}

.date
{
	margin-left:40% !important;
	margin-left:120px;
	text-align: center;	
}


#pied_de_page 
{ 
   margin: auto;
   clear: both;
   margin-left:24px;
   margin-top:60px;
   width: 826px; 
   height: 45px; 
   background-color: #FF99CC;  
   margin-bottom: 10px; 
   padding-left: 0px; 
   border: 1px solid #CC6699;
   border-bottom: 4px solid #CC6699;
   
   
}