/***************************************** personnalisation *******************************/
body {background:#f6f6f6 url(images/bg-2.gif) repeat-x left bottom; font-size:80%; margin:0}
a {color:#663399; text-decoration:none; }
p {text-align:justify}

#tete {float:left; width:100%; background:#558de2 url(images/bg-2-tete.gif) repeat-x top left}
#logo {margin-top:15px; width:150px; height:100px;}
#logo a {display:block; width:150px; height:100px;}
#zone-titre {width:340px}
#zone-titre h3 {text-align:right; margin-top:4px; margin-left:16px; font-size:2em; line-height:100%; color:#eaeaea; font-style:italic; font-weight:normal}

/** Grille de base **/
#maitre {background:#fff; margin-bottom:24px; border-bottom:2px solid #fff; border-left:2px solid #fff; border-right:2px solid #fff}
#gauche {width:450px}
#gauche .int {padding-left:16px;}
#droite {width:250px}
#droite .int {padding-left:0; padding-right:12px;} 
#pied {border:none; padding:6px 0; background:#35537e}
#pied .int {margin:16px 12px}
#pied p {margin:0; font-size:0.8em; text-align:center; color:#eaeaea}

/** menu vertical **/
#menu-vertical {padding:24px 6px 0 6px; background:url(images/triangle-s.gif) no-repeat 5px top; }
#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:#386fc0;
	text-transform: lowercase;
	font-size:1.2em;
	display:block;
	background:url(images/puce-2.gif) no-repeat left center; 
	padding-left:20px;
	border:none;
	height:120%;
}

#menu-vertical a:hover {background:url(images/puce-2h.gif) no-repeat left center; color:#ff0000}
#menu-vertical a.actif, #menu-vertical a:hover.actif {background:url(images/puce-1h.gif) no-repeat left center; color:#ff0000}

#menu-vertical ul {margin-bottom:12px; border-top:1px solid #ccc}
#menu-vertical li {margin:4xp 0 6px 0; border-bottom:1px solid #ccc;}


/** bloc recherche **/
#recherche {margin:0; padding:12px 0; }
#recherche form {border:1px solid #000; background:#eaeaea; margin-top:6px }
#recherche .champ {border:1px solid #a99c92}
#recherche .bouton {border:1px solid #a99c92}

/* style contenu **/
#contenu {border-top:2px solid #fff}
#contenu h2 {color:#ff0000; font-size:1.1em; border-bottom:2px solid #ff0000; font-family:Verdana, Arial, Helvetica, sans-serif}

p.encart {padding:12px; border-top:4px solid #6c96c6; background-color:#FFFFCC; margin-bottom:12px; clear:left}
p.copyright {font-size:0.7em}


.list-liens li {list-style-image: url(images/fleche-se-1.gif);}
.list-liens a:hover {text-decoration:underline;}

.ligne {float:left; width:100%; margin-bottom:12px}
.cel2 {float:left; width:50%; text-align:center}
.cel3 {float:left; width:33%; text-align:center}

/** annonce colonne droite **/
.annonce {
	margin:0 6px;
	padding:12px;
	margin-bottom:6px;
	border:1px solid #ccc;
	}
.annonce h4 {
	margin:0 0 6px 0;
	text-align:center;
	color:#cc7e5f;
}
.annonce p {padding:4px 6px; margin:0; text-align:center}
.annonce img {border:1px solid #ccc; padding:4px; background:#fff; }