/* CSS Document */

/* Se référer au fichier aide.doc pour une explication rapide des termes utilisés */

/* Feuille de style générale du site. */

/* Styles généraux de polices de caractères applicables dans toute la page. */

body { 
color : #FFFFFF; background-color : #000000; 
margin : 0; padding : 0; border : 0 none ; 
font-family : Arial, Verdana, sans-serif; 
} 

   /* Les <h> servent à hiérarchiser l'information. */
   
h1 {
font-family : Arial, Verdana, sans-serif; font-weight : 700; 
} 

h2 {
	font-family : Arial, Verdana, sans-serif;
	font-weight : 700;
	font-size: 18px;

} 

h3 {
font-family : Arial, Verdana, sans-serif; font-weight : 700;  font-siez : 16px;
} 

h4 {
font-family : Arial, Verdana, sans-serif; font-weight : 700; 
} 

h5 {
font-family : Arial, Verdana, sans-serif; font-weight : 700; 
}
 
p {
font-family : Arial, Verdana, sans-serif; 
font-size : 12px;
margin : 0 0 0; padding : 0; 
} 

.Content > p {
margin : 0; 
} 

.Content > p + p {
text-indent : 25px; 
} 

.bleu {
	color: #151D71;
}
.vert {
	color: #00ae68;
}


/* Styles du menu horizontal haut (bandeau). */

#bandeau {
	position : relative;
	width : 1024px;
	min-width : 800px;
	margin : 0;
	background-color : #000000;
	padding : 0;

} 


/* la zone corps représente tout ce qui se situe entre le menu du haut et celui du bas. */
.corps {
	position : relative;
	width : auto;
	margin : 0;
	padding : 0;
	background-color :#000000;
	color: #000000;

}

/* La zone #zonecontenu est placée en continuité du menu contextuel. Elle ne comprend pas le menu de gauche. */
.corps #zonecontenu {
position : relative; 
width : 700px; margin-top : 0; margin-right : 0px; margin-bottom : 0; margin-left : 150px; 
background-color : #eed8d1; padding : 0; 

} 

.corps #zonecontenu #texte {
	position : relative;
	width : 400px;
	max-width : 500px;
	margin-top : 0;
	margin-right : 0px;
	margin-bottom : 0;
	margin-left : 50px;
	background-color : #eed8d1;
	padding : 0;



} 

/* titre de la page */
.corps #zonecontenu #titre {
position : relative; 
width : auto; margin : 0; 
padding : 0; background-color : white; 
} 

/* arrondi de gauche */
.corps #zonecontenu #titre #arrondi {
position : absolute; 
margin : 0; top : 0; left : 0; width : 17px; height : 21px; 
background-color : #ffffff; 
} 



/* La zone de gauche. */
.gauche {
position : absolute; 
top : 192px; left : 0; width : 150px; margin : 0; padding : 0; background-color :#000000; 
z-index : 5; 
} 

body > #gauche {
width : 150px; 
} 

   /* Menu de gauche (sous-menu de la rubrique). */
div .gauche .menugauche {
	position : relative;
	left : 0;
	padding : 5px;
	margin : 0;
	height : auto;
	background-color :#000000;
	z-index : 9;
	color: #FFFFFF;

}
 
div .gauche .menugauche {
	voice-family : "\";
	color: #FFFFFF;
	background-color: #000000;
}\""; 
voice-family : inherit; 
width : 150px; 
}
 
html > body.gauche.menugauche {
width : 150px; 
} 

/* La zone de droite. left : 874px*/
.droite {
position : absolute; 
top : 100px; right: 10px ; width : 150px; margin : 0; padding : 0; background-color :#000000; 
z-index : 5; 
} 

body > #droite {
width : 150px; 
} 

div .droite .menudroite {
	voice-family : "\";
	color: #FFFFFF;
	background-color: #000000;
}\""; 
voice-family : inherit; 
width : 150px; 
}
 
html > body.droite.menudroite{
width : 150px; 
} 

/* Styles des liens du menu de gauche (sous-menu) au passage de la souris. */
a.menu {
padding : 0%; margin : 0%; color : #000000; text-decoration : none; 

} 

a.menu:active {
padding : 0%; margin : 0%; color : #000000; text-decoration : none; 

}

a.menu:visited {
padding : 0%; margin : 0%; color : #000000; text-decoration : none; 

}

a.menu:hover {
	padding : 0%;
	margin : 0%;
	text-decoration : underline;
	color: #FFFFFF;


}


/* La zone de copyright. */
.corps #copyright {
position : relative; 
width : auto; margin : 0; padding : 0; background-color : #ffffff; 
font-family : Arial, Verdana, sans-serif; font-size : 12px; color : #151D71; font-weight : 600; text-align : center; 
}







/* Styles du menu horizontal bas. */


#menubas {
	position : relative;
	width : auto;
	height : 30px;
	margin : 0;
	padding : 0;
	background-color : #000000;
	top: 7px;

}
 


   /* Styles des liens appliqués aux boutons du bas, avec changement de couleur au passage de la souris. */

.bas {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: #FFFFFF;
}

a.bas:link {
	text-decoration : none;
	color: #FFFFFF;
}

a.bas:active{
	text-decoration : none;
	color: #FFFFFF;
}
a.bas:visited {
	text-decoration : none;
	color: #FFFFFF;
}
a.bas:hover {
	text-decoration : underline;
	color: #00ae68;
}

a.film:link {
	text-decoration : underline;
	color: #000000;
}
a.film:active {
	text-decoration : underline;
	color: #000000;
}
a.film:visited {
	text-decoration : underline;
	color: #000000;
}
a.film:hover {
	text-decoration : none;
	color: #000000;
}
.blanc {
	color: #FFFFFF;
}
.rouge {
	color: #990000;
}
a.talent:link {
	text-decoration : none;
	color: #FFFFFF;
}
a.talent:active {
	text-decoration : none;
	color: #FFFFFF;
}
a.talent:visited {
	text-decoration : none;
	color: #FFFFFF;
}
a.talent:hover {
	text-decoration : underline;
	color: #FFFFFF;
}

.corps #W3C {
    position : relative;
    bottom : 1px;
    margin-left : 600px;
	width : 150 px;
	height : 100px;
	padding : 0;
	
}