/***************************************** personnalisation *******************************/
body {
	background-color:#ece8e8;
	/* [disabled]font-size:80%; */
	margin:12px 0
}
a {color:#663399; text-decoration:none; }

#tete {float:left; width:100%; background:url(images/bg-haut-2.gif) no-repeat top left;}
#logo {margin-top:15px; margin-left:20px}
#zone-titre h3 {margin-top:3px; margin-left:16px; font-size:1.6em; line-height:115%; color:#2D4998}

/** Grille de base **/
#maitre {background:url(images/bg-cote-2.gif) repeat-y top left; width:790px }
#contenu {padding-bottom:12px}
#gauche {width:550px}
#gauche .int {margin-left:16px}
#droite {width:210px}
#droite .int {padding:0; margin: 0 20px 0 0} 

#pied {border:none;float:left; width:100%; background:url(images/bg-bas-2.gif) no-repeat bottom left; padding:0 0 12px 0; margin:0}
html>body #pied {float:none;}

#pied .int {background:url(images/bg-cote-2.gif) repeat-y top left; padding:12px 24px 0 24px ; margin:0}
#pied p {font-size:0.8em; text-align:center; color:#888}
#pied a {text-decoration:underline; color:#888}

/** menu vertical **/
#menu-vertical {padding:0 6px;}
#menu-vertical h2 {position:absolute; top:-5000px; text-indent:-5000px; background:none; margin:0; padding:0; font-size:1px; color:#fff}
#menu-vertical a {
	color:#6c96c6;
	text-transform: uppercase;
	font-weight: bold;
	font-size:0.9em;
	display:block; 
	height:115%;
	background: url(images/fleche-se.gif) no-repeat left 6px ; 
	padding-left:15px;
	border:none;
}
#menu-vertical a:hover {text-decoration:underline}
#menu-vertical a.actif, #menu-vertical a:hover.actif {text-decoration:underline}

#menu-vertical ul {margin-bottom:6px; margin-top:0}
#menu-vertical li {margin:0}


/** bloc recherche **/
#recherche {margin:20px 20px 0 0;}
#recherche form {border:none;}

/* style contenu **/
#contenu h2 {color:#ba4f4f; font-size:1.2em; }
p.encart {padding:12px; background:#eaeaea; border-top:4px solid #6c96c6}
#contenu a:hover {text-decoration:underline;}


/** annonce colonne droite **/
.annonce {background:#eee; margin:0; border-top:4px solid #6c96c6; margin-bottom:8px; text-align:left }
.annonce h4 {margin:0 6px 0 6px; padding:2px; text-align:center; color:#6579AA; border-bottom:1px solid #ccc}

.annonce a {
	color:#6c96c6;
	text-transform: uppercase;
	font-weight: bold;
	font-size:0.9em;
	display:block; 
	height:115%;
	background: url(images/fleche-se.gif) no-repeat left 6px ; 
	padding-left:15px;
	border:none;
}
.annonce a:hover {text-decoration:underline}
.annonce ul, .annonce li {padding:0; margin:0; list-style:none}
.annonce ul {margin:0 10px; padding:6px 0}
.annonce li {margin:6px 0}


.banniere-top {width:790px; margin:0 auto; padding:0 0 10px 0; text-align:center; background-color:#ece8e8;}
.banniere-top img {border:1px solid #ccc}