/* CSS Document */

body{
	margin:0; background:#FFCC66;
	font:12px/15px Verdana, Arial, Helvetica, sans-serif;
}

a{ text-decoration:none;color:#CC0000; font-weight:bold;}
a:hover{ text-decoration:none; color:#FF6600;}

#page{
	width:790px; margin: 0 auto;
}

/* styles bandeau haut page */
#page .hautPage{
	height:150px; background:url(vsl/bandeau_haut.jpg) no-repeat left top
}
#page .hautPage h1{
	margin:0; padding-top:50px; color:#B3071B; font: bold 23px/24px Georgia, "Times New Roman";
}

/* styles bandeau menu */
#page .bandeauTexte{
	background:#B3071B; text-align:right; padding:8px 10px;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
}
#page .bandeauTexte .menu{
	float:left; padding-top:3px;
	font:12px Verdana, Arial, helvetica, sans-serif;
}
#page .bandeauTexte a{
	color:#FFFFFF;
}
#page .bandeauTexte a:hover{
	color:#FFCC00;
}

/* styles partie gauche de la page */
#page .corpsPage{
	padding:10px 0; border-bottom:3px solid #B3071B; margin-top:15px;
}

#page .corpsPage .gauche{
	vertical-align:top; width:570px;
}
#page .corpsPage .gauche h1{
	 font: bold 23px/24px Georgia, "Times New Roman"; color:#B3071B;
	 margin:0 0 10px 0;
}
#page .corpsPage .gauche h2{
	 font: bold 16px/18px Georgia, "Times New Roman"; color:#B3071B;
	 margin:0 0 10px 0; margin:15px 0;
}
#page .corpsPage .gauche .texte{
	padding:0 25px 0 0;
}
#page .corpsPage .gauche .texte .exergue{
	border:1px solid #B3071B; background:#FFFFFF;
	-moz-border-radius:8px;
}
#page .corpsPage .gauche .texte .exergue h1{
	font: bold 16px Georgia, "Times New Roman"; color:#B3071B;
}
#page .corpsPage .gauche ul{
	margin:0; padding:0;
}
#page .corpsPage .gauche li{
	margin:6px 0; padding:0 0 0 15px; list-style:none; 
	background:url(vsl/puce.gif) no-repeat left center;
}

/* styles colonne avantages */
#page .corpsPage .avantages{
	width:220px; text-align:center;
	font: 12px Arial, Helvetica, sans-serif; vertical-align:top;
}
#page .corpsPage .avantages .texte{
	border:1px solid #B3071B; padding-bottom:5px; background:#FFFF99;
}
#page .corpsPage .avantages .texte h1{
	font: 13px Verdana, Arial, helvetica, sans-serif; color:#FFFFFF;
	background:#B3071B; padding:2px; margin:0; text-align:left;
}
#page .corpsPage .avantages .texte h2{
	font: bold 13px Verdana, Arial, helvetica, sans-serif; color:#B3071B;
	margin: 6px 3px 2px 3px;text-align:left;
}
#page .corpsPage .avantages .texte ul{
	margin:0; padding:0;
}
#page .corpsPage .avantages .texte li{
	margin:0 3px; padding:0 0 0 8px; list-style:none;
	background:url(vsl/puce_pt.gif) no-repeat left 5px;
	text-align:left;
}

#page .corpsPage .menus{
	width:220px; text-align:center;
	font: 11px Arial, Helvetica, sans-serif; vertical-align:top;
}
#page .corpsPage .menus h1{
	font: bold 13px Verdana, Arial, helvetica, sans-serif; color:#B3071B;
	padding:2px; margin:0; text-align:center;
}
#page .corpsPage .menus .hautCadre{
	width:220px; height:12px; font-size:9px;
	background:url(vsl/haut_cadre-repas.gif) no-repeat center top;
}
#page .corpsPage .menus .milieuCadre{
	width:220px;
	background:url(vsl/milieu_cadre-repas.gif) repeat-y center top;
}
#page .corpsPage .menus ul{
	text-align:center; margin:0; padding:0 0 5px 0;
}
#page .corpsPage .menus li{
	text-align:center; margin:0; padding:0; list-style:none;
}
#page .corpsPage .menus .basCadre{
	width:220px; height:12px; margin-bottom:8px; font-size:9px;
	background:url(vsl/bas_cadre-repas.gif) no-repeat center bottom;
}

/* styles signature */
#signature{
	margin:5px auto; width:790px; text-align:left; font:9px Verdana, Arial, Helvetica, sans-serif;
}
#signature a{
	color:#333333;
}
#signature a:hover{
	color:#CC0000;
}
a:focus {outline:none;}