/*  Feuille de style du site du Guide de Trélon
------------------------------- */

/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  Mise en forme des pages
------------------------------- */

body {
	background-image: url(images/fond_ombre.gif);
	background-repeat: repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
}

div#page {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

div#principal {
	float: left;
	width: 700px;
	margin: 0; 
}

td.col-gauche {
	background: #ffffff;
}

div#hdp {
	float: left;
	width: 700px;
	height: 88px;
	margin: 0; 
	padding: 12px 0 0 10px;
	background-image: url(images/bandeau.jpg);
	background-repeat: no-repeat;
}

div#contenant {
	float: left;
	width: 690px;
	margin: 0; 
	padding: 0 5px;
}

div#contenu {
	float: left;
	padding: 0 5px;
}

div.logo {
	float: left;
	width: 200px;
	margin: 0; 
	padding-top: 40px;
}

div.logo2 {
	float: left;
	margin: 0; 
	width: 100px;
}

div.contre-logo {
	float: right;
	width: 430px;
	margin: 0; 
	padding-right: 10px;
	padding-left: 10px;
}

div.contre-logo2 {
	float: right;
	margin: 0; 
	width: 540px;
	text-align: left;
}

div.logo-menu {
	float: left;
	width: 60px;
	margin: 0; 
}

div.contre-logo-menu {
	float: right;
	width: 600px;
	margin: 0; 
	padding-right: 10px;
	padding-left: 10px;
}

div#bdp {
	clear: both;
	width: 1000px;
	background: #c5e480;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

p.date-publ {
	text-align: right;
}

p.imprimer {
	text-align: right;
}


/*  Mise en forme des titres
------------------------------- */

h1 {

}

h2 {
	font-size: 14px;
}


/*  Mise en forme de la page d'accueil
------------------------------- */

div#bandeau {
	float: left;
	width: 700px;
	height: 100px;
	margin: 0px;
	background-image: url(images/montage.jpg);
	background-repeat: no-repeat;
}

div#bandeau1 {
	float: left;
	width: 700px;
	height: 100px;
	margin: 0px;
	background-image: url(images/bandeau1.jpg);
	background-repeat: no-repeat;
}

div#bandeau2 {
	float: left;
	width: 700px;
	height: 100px;
	margin: 0px;
	background-image: url(images/bandeau2.jpg);
	background-repeat: no-repeat;
}

div#bandeau3 {
	float: left;
	width: 700px;
	height: 100px;
	margin: 0px;
	background-image: url(images/bandeau3.jpg);
	background-repeat: no-repeat;
}

div#bandeau4 {
	float: left;
	width: 700px;
	height: 100px;
	margin: 0px;
	background-image: url(images/bandeau4.jpg);
	background-repeat: no-repeat;
}

div#bandeau5 {
	float: left;
	width: 700px;
	height: 100px;
	margin: 0px;
	background-image: url(images/bandeau5.jpg);
	background-repeat: no-repeat;
}

div#menu-accueil {
	width: 700px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

div.titre-actu {
	height: 50px;
	padding-top: 5px;
	padding-left: 15px;
	margin-left: 10px;
	color: #ffffff;
	font-weight: bold;
}

h1.titre-actu {
	color: #f49730;
	font-weight: bold;
	font-size: 16px;
}

td.encadre-gauche {
	background-image: url(images/encadre-gauche.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 14px;
}

td.titre-actu {
	background-color: #f49730;
	height: 33px;
}

td.encadre-droite {
	background-image: url(images/encadre-droite.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 275px;
}

div.contenu-actu {
	margin-bottom: 5px;
	margin-right: 20px;
	margin-left: 10px;
	padding-left: 10px;
}


/* Fil d'Ariane
------------------------------- */

#hierarchie {
	padding-left: 0.5em;
	padding-bottom: 0;
	font-size: 0.77em;
	color: #ffffff;
	vertical-align: top;
	max-width: 500px;
}

a.ariane, a:visited.ariane, a:link.ariane {
	text-decoration: none; 
	color: #ffffff;
}

a:hover.ariane {
	text-decoration: underline;
}


/* Colonne de droite
------------------------------- */

td.col-droite {
	background: #356aa0;
}

div#droite {
	float: right;
	width: 300px;
	margin: 0px;
}

div#direct {
	height: 50px;
	padding-left: 15px;
	padding-top: 3px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(images/br_orange.gif);
	background-repeat: no-repeat;
}

div#rech {
	height: 50px;
	margin-left: 10px;
	padding-left: 15px;
	background-image: url(images/br_orange.gif);
	background-repeat: no-repeat;
}

div#rech label {
	color: #ffffff;
}

div.cadre-carte {
	background-image: url(images/cadre-carte.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
	width: 294px;
	height:279px;
}

div.carte01 {
	text-align: center;
}

li.titre-droite {
	align: center;
	font-family: Arial, sans-serif;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	list-style-image: url(images/puce.gif);
	line-height: 1em; 
}

div#agenda-accueil {
	width: 294px;
	margin: 0 auto;
	background-image: url(images/encadre-fond.gif);
	background-repeat: repeat-y;
}

div.contenu-agenda-accueil {
	text-align: center;
	width: 284px;
}

div.haut-news {
	margin: 0 auto;
	width: 294px;
	height: 10px;
	background-image: url(images/encadre-haut.gif);
	background-repeat: no-repeat;
}

div.bas-news {
	clear: both;
	margin: 0 auto;
	width: 294px;
	height: 10px;
	background-image: url(images/encadre-bas.gif);
	background-repeat: no-repeat;
}

div.news {
	clear: both;
	font-size: 10px;
	text-align: center;
	width: 294px;
	margin: 0 auto;
	background-image: url(images/encadre-fond.gif);
	background-repeat: repeat-y;
}

div.breves {
	clear: both;
	font-size: 12px;
	width: 294px;
	margin: 0 auto;
	background-image: url(images/encadre-fond.gif);
	background-repeat: repeat-y;
}


/* Plan du site
------------------------------- */

div#plan-secteur {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

li.menu {
	list-style-image: url(images/puce.gif);
}

li.menu2 {
	list-style-image: url(images/triangle_bleu.gif);
}


/*  Mise en forme des textes du contenu
---------------------------------------------- */

.surtitre, .soustitre {
	color: #9aca72;
	font-weight: bold;
	font-size: 14px;
}

.autres-actu {
	color: #474d8e;
	font-weight: bold;
	font-size: 14px;
}

.chapo {
	font-family: Arial, sans-serif; 
	font-weight: bold;
	font-size: 13px;
	line-height: 1.4em; 
	text-align: justify;
}

.rub-chapo {
	font-family: Arial, sans-serif; 
	font-weight: bold;
	font-size: 13px;
	line-height: 1.4em; 
	color: #474d8e;
	padding: 0 10px;
	text-align: justify;
}

.lien {
	margin: 0;
	padding: 0.82em;
	font-size: 12px;
	font-weight: bold; 
}

div.suite {
	margin: 0;
	padding: 0.82em;
	font-size: 12px;
	text-align: right;
}

div.mini {
	clear: both;
	text-align: right;
	margin: 0;
	font-size: 10px;
}

.texte { font-family: Arial, sans-serif; color: #000; font-size: 12px; text-align: justify; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; 
}

.ps { font-size: 11px; }

.notes { clear: both; font-size: 11px; }

.ps h2, .notes h2 { font-size: 13px; font-weight: bold; }

li.puce {
	list-style-image: url(images/carre_bleu.jpg);
}


/*  Mise en forme des liens
---------------------------------------------- */

a.suite, a:link.suite, a:visited.suite {
	text-decoration: none;
	color: #f49730;
}

a:hover.suite {
	text-decoration: underline;
}

a.actu, a:link.actu, a:visited.actu {
	text-decoration: none;
	color: #a7ca59;
}

a:hover.actu {
	text-decoration: underline;
}


/* Espaceur de blocs 
---------------------------------------------- */

.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }


/*  Mise en forme de l'agenda
---------------------------------------------- */

#agenda-accueil dd.date {
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0; 
}


dl, dt, dd {
	text-align: center;
	font-family: Arial, Verdana, Sans serif;
	font-size: 0.96em; 
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 3px;
	list-style-type: none;
}

dd.date {
	text-align: center;
	font-family: Arial, Verdana, Sans serif;
	font-size: 0.82em; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}

dt.titre {
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.96em;
	margin: 0; 
	padding: 0; 
}

/* Fil d'Ariane
------------------------------- */

div.mel {
	float: right;
	width: 200px;
	margin: 0;
}

/* Formulaire contact auteur
------------------------------- */

div.form_aut {
	width: 95%;
	padding-left: 10px;
}

/* Formulaire news
------------------------------- */

div.formulaire_inscription {
	width: 270px;
	padding-left: 10px;
}