body
{
	width : 800px;
	margin : auto;
	margin-top : 20px;
	margin-bottom : 20px;
	background-image : url("../images/fond2.jpg");
	background-attachment : fixed;
}

#cerise_fond
{
	width : 166px;
	height : 193px;
	background-image : url("../images/cerise_fond.gif");
	background-repeat : no-repeat;
	background-position : top, left;
	position : fixed;
	left :50px;
	top : 0px;
}

#en_tete 
{
	width : 800px;
	height : 200px;
	/*background-image : url("../images/758-100_banniere.jpg");*/
	background-image : url("../images/banniere3.jpg");
	background-repeat: no-repeat;
	margin-left : 0px;
	margin-bottom : 10px;
	margin-top : 0px;
	border : 4px ridge #a20202;
}

#menu
{
	margin : auto; /* centre le menu */
	/*float : left; /* menu a gauche */
	width : 600px; /* 555 */
	margin-bottom : 10px;
	margin-top : -90px;
	margin-left: 200px;
}

.element_menu
{
	font-size : 0.8em;
	font-family : Tahoma, arial;
	text-align : center;
	background-color : /*#5e9362*/#469a3b;
	background-image : url("../images/120_hautmenu.jpg");
	background-repeat : repeat-x;
	border : 4px ridge #a20202;
	/*margin-bottom : 20px;
	padding-top : 0px;
	padding-bottom : 50px;*/
}

.element_menu h3
{
	color : #b71212;
	text-align : center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-decoration : underline;
}

ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("../images/puce.gif"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 60px; /* ... 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
{
	text-align : justify;
	font-weight : bold;
	color : #19350d;
	text-decoration : none;
}

.element_menu a:hover /* lorsque pointé */
{
	color : green;
	background-color : #19350d;
}

#corps
{
	margin : auto;
	width : 735px;
	margin-top : 50px;
	margin-bottom : 20px;
	padding: 30px;
	padding-top : 0px;
	color : #15280d;
	background-color: #469a3b;
	background-image : url("../images/10-50_motifhaut.jpg");
	background-repeat : repeat-x;
	border : 6px solid #a20202;
	
}

#corps h1
{
	font-family : arial;
	text-align : center;
	padding-bottom : 5px;
	border-bottom : 4px outset black;
	border-bottom : 4px outset black;
	border-left : 4px outset black;
	margin-top : 70px;
	margin-bottom : 0px;
	margin-right : 0px;
	background : transparent url("../images/fond_titre.jpg") repeat-y;	
}

#corps h2
{
	color : #cdffc7;
	height : 30px;
	background-image : url("../images/ceriseh5.gif");
	background-repeat : no-repeat;
	padding-left : 35px;
	padding-top : 5px;
}

#pied_de_page
{
	padding : 5px;
	text-align : center;
	font-weight : bold;
}

#corps a
{
	font-weight : bold;
	color : #19350d;
	text-decoration : underline;
}

#corps h1 .date
{
	color : #a20202;
	font-size : 0.35em;
	float : right;
	padding : 10px;
}

.image
{
	border : 4px double #a20202;
	padding : 5px;
	text-align : center;
}

.bloc_gauche
{
	text-align : justify;
	width : 400px;
}

.blocdroite
{
	float : right;
}

#corps p
{
	/*text-indent : 1em;*/
}

#corps p:first-letter
{
	font-family : Tahoma, Arial;
	font-size : 1.2em;
	font-weight : bold;
}

.video
{
	width : 425px;
	height : 350px;
	border : 4px double #a20202;
	margin : auto;
}

.formulaire
{
	text-align : center;
}
.livreor
{
	text-align : center;
}

.centre
{
	text-align : center;
}

.divcentre
{
	margin: auto;
	border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
}

#langue
{
	text-align : right;
}

#langue a
{
	text-decoration : none;
	color : #19350d;
}

#langue a:hover
{
	text-decoration : underline;
	color : #19350d;
}