/***************************************** personnalisation *******************************/
body {background-color:#f9f9f9; font-size:80%}
a {color:#663399; text-decoration:none; }

#tete {float:left; width:100%; background:#eceef3 url(images/tete-1.gif) repeat-y right top}
#logo {margin:12px 12px 0 12px}
#zone-titre h3 {margin-top:36px; margin-left:16px; font-size:1.5em; line-height:115%; color:#888; font-family:"Trebuchet MS", Verdana, Arial, sans-serif}

/** Grille de base **/
#maitre {background-color:#fff; background:#fff url(images/col-d-1.gif) repeat-y right top; border-right:2px solid #ccc ;border-left:2px solid #ccc}
#droite .int {padding-left:0; padding-right:0;} 
#pied {border:none; background-color:#d1e2d0; padding:6px 0 }
#pied .int {}
#pied p {margin:0 12px; font-size:0.8em; text-align:center; color:#999}

/** menu vertical **/
#menu-vertical {padding:0; margin:0; background:#5aa456}
#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:#fff;
	text-transform:uppercase;
	font-size:1em;
	display:block; 
	height:120%;
	background: #83b680 url(images/fleche-se.gif) no-repeat 6px 8px ; 
	padding-left:20px;
	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:0; padding:0; }
#menu-vertical li {margin:0; padding:0; border-bottom:1px solid #fff}


/** bloc recherche **/
#recherche {margin:0; padding:12px 0; background:url(images/recherche-1.gif) no-repeat }
#recherche form {border:none; }

/* style contenu **/
#contenu h4 {color:#003366; font-size:1.2em; }
#contenu img {margin:0 24px}
p.encart {padding:12px; background:#f8f8f8; border-top:4px solid #6c96c6}

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

/** annonce colonne droite **/
.annonce {margin:0; margin-bottom:8px; background: url(images/annonce-1.gif) no-repeat}
.annonce h5 {font-size:1em; margin:0; padding:8px; text-align:center; color:#6579AA;}
.annonce p {padding:4px 6px; margin:0; text-align:center}
.annonce img {border:1px solid #ccc; padding:4px; background:#fff}
.annonce a:hover {text-decoration:underline}

/** annonces **/
.banniere-top {background:#f9f9f9; width:760px; margin:0 auto; padding:10px 0; border-bottom:2px solid #ccc}