/*  -yo---------------------------------------------------------- */
/*  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
 */
 
/* Color interface
1°) Vert = #A5D55E
2°) Rouge = #D02920
3°) Bleu = #5f8ca3

Anciennes couleurs
Vert = #228B22
Vert menu #96c00d
1/. Qui sommes-nous ? en rouge #d5241d
2/. Nos services, en bleu #567ab7
3/. Ressources, en violet #9f4196
4/. Envie de s'engager (si tu peux changer l'intitul� MERCI), en jaune #dfe010
5/. Liens, en vert #6da64f
*/

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background:#CCCCCC;
	margin:1.5em;
	text-align:center;
	color:#333;}

img, table { margin:0; border:none; }
ul, ol, li { margin:0; padding:0; }

ul { list-style: none; }
h1, h2, h3, h4 { margin:0; padding:0; font-size:1em; font-weight:normal; list-style:none; } 
h5 { margin:0; padding:0; font-size:12px; font-weight:normal; list-style:none; }
h6 { margin:0; padding:0; font-size:8pt; font-weight:normal; font-style:italic; list-style-type:disc; color:#567AB5; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

#page {	width:52em;	text-align:left; margin-left:auto; margin-right:auto; background:white; }

#conteneur { width: 100%; }

#conteneur #contenu { float:right;	width:610px; }

#conteneur #navigation {
        float:left;
        height:100%;
        width:208px;
        -moz-border-radius:0 10px 0 0;
		-webkit-border-radius:0 10px 0 0; }

/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart { width:90%; }

#contenu .encart { float:right;width:100%;margin:0;margin-bottom:1em; }

 /*Entete */
#entete {
        background:transparent url(bandeau.png) no-repeat scroll center center;
        border-bottom:2px dotted #CCCCCC;
        height:111px;
        margin-bottom:10px;
        width:100%; }

#entete #nom_site_spip, #entete a .spip_logos {
	display:block;
	float:left;
	font-weight:bold;
	font-size:1.5em; }
	
#entete #descriptif_site_spip {	text-align:center; font-size:12px; color:#0076d0; }
	
#entete a { position:absolute; width:832px; height:111px; border-bottom:none; }

/*Lien d'evitements*/ 
#evitement { display:none; font-size:12px; text-align:center; }
#evitement a { text-decoration:none; color:#333; }
#evitement a:hover { text-decoration: underline; }
#evitement a[accesskey]:after {	content: "\0000a0[" attr(accesskey) "]"; color : #CCC; background : transparent; }

/* Fil d'Ariane*/ 
#hierarchie { clear: both; margin-bottom: 1em; font-size: 0.7em; padding-left: 220px; }

#hierarchie a {	font-size: 0.9em; }	

 /*Pied de page*/ 
#pied {
	clear: both;
	width: 99.5%;
	height: 100%;
	margin-top: 4em;
	padding: 4px;
	padding-top: 20px;
	text-align: center;
	background: #5f8ca3;
	font-size: 10px;
	color: #fff;}

#pied a{ color:#fff; }
#pied a:hover{ color:#5f8ca3; background-color:#FFF; text-decoration:none;}

.adresse_pied_big { margin:10px 1px 1px 1px; font-size:12px; font-weight:bold; }
.adressepied { margin:0px; }

/*Espaceur de blocs*/ 
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 5px; font-size: 1px; }

/* Non visible a l'ecran*/
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus, la navigation et le contenu */ 
body, #navigation, .encart, .formulaire_spip, #contenu { font-family:Arial, Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel { font-family:Arial, Helvetica, sans-serif; }


/*  ------------------------------------------ */
/*  Habillage general des menus de navigation
/*---------------------------------------------- */
.rubriques, .breves, .syndic, .forums, .divers, .cadre { min-width:10em; margin-bottom:1em;	font-size:12px; }

.breve_off { display: none; }

.menu-titre { padding:0.2em 0.4em; border-bottom:3px dotted #CCC; text-align:center; font-weight:bold; }

#navigation { background:#a5d55e; padding-top:10px; margin-top:2px;}
#navigation p, .encart p { margin:0; padding:0.2em 0.7em; text-align:left; }
#navigation ul, .encart ul { margin:2px 0 0 -0.6em; padding:0em; text-align:left; }
#navigation li, .encart li { padding:0 0;  color:#fff; }
#navigation li { margin:1.1em 0 1.1em 1.1em !important; padding:.2em 0 .2em 0;  height:100%; font-weight:bold; }
#navigation li a, #navigation li:hover { color:#FFF; }
#navigation li:hover a  { color:#a5d55e; }

.bg_rou { background-image:url("../squelettes-dist/images/bg-rub-rou.gif"); background-repeat:no-repeat;}
.bg_jau { background-image:url("../squelettes-dist/images/bg-rub-jau.gif"); background-repeat:no-repeat;}
.bg_vio { background-image:url("../squelettes-dist/images/bg-rub-vio.gif"); background-repeat:no-repeat;}
.bg_ble { background-image:url("../squelettes-dist/images/bg-rub-ble.gif"); background-repeat:no-repeat;}
.bg_bla { background-image:url("../squelettes-dist/images/bg-rub-bla.gif"); background-repeat:no-repeat;}
.bg_ora { background-image:url("../squelettes-dist/images/bg-rub-ora.gif"); background-repeat:no-repeat;}

.bg_rou:hover, .bg_jau:hover, .bg_vio:hover, .bg_ble:hover, .bg_bla:hover, .bg_ora:hover { background-image:url("../squelettes-dist/images/bg-rub-bla-ver.gif"); background-repeat:no-repeat;}

#navigation .breves ul li a { color:#fff; }
#navigation .breves ul li:hover, #navigation .breves ul li a:hover { font-style:oblique; }

/*  Des couleurs specifiques selon les types de menus
/*---------------------------------------------- */
.rubriques { float:left; background-color:#a5d55e; }

.rub_fond1, .rub_fond2, .rub_fond4, .rub_fond5, .rub_fond6, .rub_fond35 { margin-bottom: 2pt; }

.valign {  vertical-align: super; }

/* ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.titre { font-size:14px; margin-right:2.2em; font-weight:bold; text-decoration:underline; }

.accueil { font-size:0.83em; margin-right:2.2em; font-weight:bold; text-align:justify; }

.chapo { margin-bottom:1.5em; font-weight:bold; line-height:1.4em; font-size:0.82em; margin-right:2em; }

/*.texte { color:#333333; font-size:11px; line-height:1.4em; margin-right:2em; }*/

.align_gauche { width:45%; float:left; margin:10px; }

.titre_article { color:#5f8ca3; font-weight:bold; font-size:14px; }
.titre_article_bienvenue { color:#5f8ca3; font-weight:bold; font-size:18px; }
.titre_article_actu { color:#5f8ca3; font-weight:bold; font-size:14px; margin:10px 0 5px 0; }

.titre_rubrique { color:#a5d55e; font-weight:bold; font-size:16px; }

.titre_rubrique_accueil a { font-weight: bold; }

.titre_rubrique_accueil { 
		background-color: #a5d55e;
		color: #fff;
		font-size: 15px;
                width: 100%;
                border:#a5d55e thin solid;
		padding: 2px 0 2px 10px; }
	
.titre_rubrique_accueil:hover { color:#a5d55e; border:#a5d55e thin solid; background-color:#FFF; padding: 2px 0 2px 10px; }

.texte, .cartouche, .contenu_texte { color:#333333; font-size:12px; text-align:justify; margin:10px; }

.lire_suite { color:#d02920; font-size:12px; }
.lire_suite:hover { font-weight:bold; }

#logo_accueil { width:200px; height:150px; float:right; margin:4px 10px 4px 10px; }

#logo_bienvenue { width:350px; height:263px; margin:10px auto 0px auto; }

.logo_dansarticle { margin:10px 10px 0 10px; float:left; }
.logo_dansarticle_right { margin:10px 10px 0 10px; float:right; }

#logo_rubrique { margin:15px auto 0px auto; width:47%; }

#but_agenda { margin:45px 34px 20px 34px; }

#bandeau_recherche { 
	background-color:#a5d55e;
	width:832px; height:auto;
	margin:10px auto 0px auto;
	padding:2px 0 2px 0;
/*        -moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0; */ }
	
#but_recherche { margin:0 30px 0 10px; }

#but_inscription { margin:15px 2px 0px 100px; padding-bottom:10px; background-color:#a5d55e; }

#bloc_letter {
	font-size:12px;
	color:#fff;
	background-color:#a5d55e;
	text-align:left;
	font-weight:bold;
	margin: 0 .8em 1em 1em;
	padding:10px 0 0 10px; }
	
#bloc_letter #sub_email { width:104px; }
#inscrit_letter {margin: 20px 10px 20px 10px; }


/*  Portfolio
---------------------------------------------- */
#documents_portfolio { clear:both; margin-top:1.4em; padding-top:2px; border-top:2px solid #CCC; }
#documents_portfolio h2 { margin-bottom:0.4em; font-size:12px; font-weight:bold; }

#document_actif { margin-top:1em; }


/* Listes d'articles et extraits introductifs
----------------------------------------------- */

.pagination { font-size:12px; }

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche { display: none; }

.page_plan #contenu h2 {
	clear:both;
	padding:0.5em;
	margin-bottom:1em;
	padding-left:2em;
	vertical-align:super;
	background:url(/squelettes-dist/puce.png) no-repeat; }
	
.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-left: 1em;
	margin-bottom: 1em;
	list-style: circle inside; font-size:12px; }
.page_plan #contenu .contre-encart li { font-size:12px; list-style: inherit; }	


/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */


/* Styles des formulaires de Spip*/ 
.formulaire_spip { text-align:left; font-size:12px; }

.formulaire_spip p { margin:0.5em 0; padding:0; }

.formulaire_spip fieldset { display:block; }
	
.formulaire_spip legend { font-weight:bold; /*Sinon, superposition dans MSIE*/ }

.formulaire_spip .forml { width:99%; padding:3px; border:1px solid #000000;font-family:inherit; font-size:12px; }

.spip_bouton { text-align:right; }


/*Formulaire de recherche*/
.formulaire_recherche { text-align:right; }
.formulaire_recherche label { display:none; }

.formulaire_recherche input { border: none; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a, .titre_article a { text-decoration:none; color: #5f8ca3; }
.titre_article a { font-weight: bold; }

a:hover { text-decoration: none; }

.liste-articles { margin-right:1em; }
.liste-articles a { text-decoration:none; font-weight:normal; }

a.rub1, a.rub2, a.rub4, a.rub5, a.rub6, a.rub35 { text-decoration:none; color:#fff; font-weight:bold; background:#a5d55e; }

a:hover.rub1, a:hover.rub2, a:hover.rub4, a:hover.rub5, a:hover.rub6, a:hover.rub35 {
	text-decoration:none;
	color:#a5d55e;
	font-weight:bold;
	background:#fff; }

a {padding:2px; text-decoration:none; font-weight:bold; width:100%; /*IE*/ }

li>a { width:auto; }  /*others */

.titre_rubrique_accueil a { font-weight: bold; }


/* Menu d�roulant fullCSS
---------------------------------------------- */
#rubriques_haut {
	position:absolute;
	top:115px;
	left:31.5%;
	width:60% !important;
	width:80%;
	margin:0;
	padding:0; }

#rubriques_haut li {
	float:left;
	width:149px !important;
	width:151px;
	padding:0;
	line-height:15px;
	font-weight:bold;
	display:block;
	text-decoration:none; }

li.rubrique { 
	font-size:12px;
	text-align:center;
	border-left:1px solid #B1D827;
	border-right:1px solid #B1D827; }

li.rubrique_art { 
	font-size:12px;
	text-align:left;
        padding: 3px 0 3px 0;
        margin: 3px 0 3px 0;}
	
li.rubrique>ul { left:140px; text-align:left; }

.spacer { clear: both }

.texte_encart { min-height:120px; max-height:300px; color:#567AB5; }