/***************************************** personnalisation *******************************/
body {background:#cbcbcb url(images/fd-2.gif) repeat-y top center; font-size:90%}
a {color:#663399; text-decoration:none; }

#tete {float:left; width:100%; background:#eff5ee }
#logo {margin:12px 12px 0 12px}
#zone-titre h3 {margin-top:14px; color:#ba5e5e; 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:#fff url(images/col-d-2.gif) repeat-y right top; }
#gauche .int {margin-left:6px}
#droite .int {padding-left:0; padding-right:0;} 
#pied {border:none;}
#pied .int {margin:0; background-color:#eff5ee; padding:6px }
#pied p {margin:0 12px; font-size:0.8em; text-align:center; color:#999}

/** menu vertical **/
#menu-vertical {padding:0; margin:0;}
#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:#f6f6f6;
	text-transform:uppercase;
	font-size:1em;
	display:block; 
	height:120%;
	background: url(images/fleche-se-2.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; }
#recherche form {border:none; }

/* style contenu **/
#contenu h4 {color:#ba5e5e; 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;}
.annonce h5 {font-size:1em; margin:0; padding:8px; text-align:center; color:#eaeaea;}
.annonce p {padding:4px 6px; margin:0; text-align:center}
.annonce img {border:1px solid #ccc; padding:4px; background:#fff}
.annonce a {color:#ccc}
.annonce a:hover {text-decoration:underline}

/** blocs annonces **/
.banniere-top {background:#eff5ee; width:760px; margin:0 auto; padding:10px 0}


/* ------------------------------------------------------------------
   corps de texte lisible

   Le gabarit posait un corps de 90%, trop petit pour une lecture sur
   telephone, ou 16 px est la valeur attendue. Le texte courant est
   remonte a 16 px avec un interligne de 1,55.

   Les titres, les menus et les pieds de page ne sont pas touches : ils
   sont dimensionnes en pourcentage dans des blocs a hauteur fixe, les
   agrandir deplacerait la mise en page.
   ------------------------------------------------------------------ */

p, li, dd, dt, blockquote, label {
	font-size: 16px;
	line-height: 1.55;
}

nav p, nav li, .menu p, .menu li, #menu p, #menu li, #mnu p, #mnu li,
.nav p, .nav li, #nav p, #nav li, .navigation p, .navigation li,
#navigation p, #navigation li, .header p, .header li, #header p,
#header li, #hdr p, #hdr li, .footer p, .footer li, #footer p,
#footer li, #ftr p, #ftr li, .breadcrumb p, .breadcrumb li {
	font-size: inherit;
	line-height: inherit;
}


/* ------------------------------------------------------------------
   LA BANDE DE LA COLONNE DE DROITE

   #maitre portait en fond col-d-2.gif, une image de 190 px de large
   repetee verticalement contre le bord droit. C'etait le fond de la
   colonne #droite, large de 190 px elle aussi. Cette colonne a ete
   supprimee au passage en responsive, le fond est reste : il ne
   restait qu'une bande coloree sur toute la hauteur de la page.
   ------------------------------------------------------------------ */

#maitre {
	background-image: none;
}