/* --------------------------------------------------------- */
/* Feuille de style specifique pour Ressources France        */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */

/* Autres enrichissements typo */

hr.spip {
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0;
}

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */

/* Couleurs des liens
---------------------------------------------- */
a { color: #604A7F; text-decoration: none;outline: none !important; }
a:focus,a:hover,a:active { color: #F57900; text-decoration: underline; }

#hierarchie a {text-decoration: underline;}


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { margin: 0; padding: 0; text-align: center;background: #516609 url(../img/jpg/bg.jpg) 0 0 repeat-x; }

#page { position: relative; width: 864px; margin: 0 auto; text-align: left; background: #fff; }

#entete { background: #f8fbfc; width: 864px; margin: 0; padding-top: 0.50em; border-bottom: none; }
#entete a.accueil { display: block; width: 67%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/
#entete .recherche { position: absolute; right: 35px; top: 2.7em; }
#entete #menu_langues {position: absolute; right: 0; top: 4.2em;}
#entete .plateforme { position: absolute; right: 0; top: 1.5em;}
#entete .plateforme a {text-decoration: none;}
#entete .plateforme a:hover { color: #B7D30D; }
#entete .plateforme-invisible { position: absolute; top: -3000em; height: 1%;}

#zone_bas {padding: 0 5px;}
#conteneur { clear: both; float: right; width: 650px; overflow: hidden; }
#contenu { padding-top: 0.30em; }

#navigation { float: left; width: 180px; margin-top: 1em; overflow: hidden; }
#extra { float: left; clear: left; width: 15%; margin-top: 1em; overflow: hidden; }

#pied { clear: both; width: 864px; margin: 0 auto; padding: 0.10em 0; border-top: none; text-align: center; font-size: 0.80em;color: #fff; }
#pied a {color: #fff; text-decoration: none;}
#pied a:hover {color: #B7D30D;}
#pied img { vertical-align: middle; }
.pied_g{float:left; margin-top: 10px;font-size: 120%;}
.pied_d {float: right;margin-top: 10px;color: #abcfdb;}
#pied .pied_d a {color: #abcfdb;}
#pied .pied_d a:hover {color: #B7D30D;}

/* Espaceur de blocs */


/* Non visible a l'ecran */


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */


/* Portfolio */



/* Habillage des forums
---------------------------------------------- */

/* Habillage des forums */


/* Boite d'un forum : eclaircissement progressif des bords */

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */



/* Habillage des petitions
---------------------------------------------- */

/* ------------------------------------------
/* Pages principales
/* ------------------------------------------ */

/* Page sommaire.html
---------------------------------------------- */

.page_sommaire #global {width: 1000px; margin: 0 auto; background: none;}
.page_sommaire #conteneur {width: 100%;margin-top: 20px;}

.page_sommaire #contenu_g {float: left;width: 320px;height: 400px;}

#contenu_g .edito {float: right; width: 180px; height: 350px;margin-right: 15px;text-align: left;/*background: url(../img/gif/bg_edito.gif) 0 0 repeat-x;*/}

#contenu_g {background: url(../img/gif/edito.gif) 0 0 no-repeat;}

#contenu_g .edito_titre {margin: 10px 0 0 15px;font-size: 160%;font-weight: bold;color: #fff;}

#contenu_g div .edito_texte {height: 275px;overflow: auto;}

#contenu_g .edito_texte {margin: 5px 8px 0 15px;font-size: 80%;font-weight: normal;color: #fff;}

#contenu_g .edito_signe {margin: 25px 0 0 15px;font-size: 80%;font-weight: bold;}

.page_sommaire #contenu_d {float: left;width: 600px;height: 400px;margin-left: 10px;}

#contenu_d .droit_g {float: left; width: 280px; height: 220px; background: url(../img/gif/bg_droit_g.gif) 0 0 no-repeat;}
.decryptage {width: 230px;height: 140px;overflow: auto;margin: 10px 20px 0 20px;text-align: left;font-size: 80%;}
.decryptage h3 p {margin: 0 0 5px 0;}
.droit_g .plus {width: 250px;text-align: right;}


#contenu_d .droit_d {float: right; width: 310px; height: 220px; background: url(../img/gif/bg_droit_d.gif) 0 0 no-repeat;}
.surmesure {width: 260px;height: 140px;overflow: auto;margin: 10px 20px 0 20px;text-align: left;font-size: 80%;}
.surmesure h3 p {margin: 0 0 5px 0;}
.droit_d .plus {width: 280px;text-align: right;}
.surmesure img {float: left;margin-right: 5px;}

.droit_g h2.titre, .droit_d h2.titre {text-align: left;margin: 10px 0 0 20px;font-size: 160%;font-weight: bold;color: #9FB12B;}
.droit_g .plus a, .droit_d .plus a{color: #9FB12B;text-decoration: none;}
.droit_g .plus a:hover, .droit_d .plus a:hover{color: #FE012F;}

#temoignage {
	height: 150px;
	margin: 225px 0 0 0;
	background: url(../img/gif/bertier_une.gif) 0 10px no-repeat;
	text-align: left;
}

#temoignage p.haut {color: #fff;font-weight: bold;font-size: 180%;padding-top: 25px;padding-top: 0;margin: 20px 0 0 160px;margin: 0 0 0 160px;}
#temoignage p.temoin {color: #fff;font-weight: normal;font-size: 100%;margin-left: 150px;}
#temoignage p.signature {color: #000;font-weight: normal;font-size: 90%;margin-left: 160px;}
.etplus {text-align: right;}
.etplus a {color: #fff;text-decoration: none;}
.etplus a:hover{color: #FE012F;}

/* Page article.html
---------------------------------------------- */

.cartouche {width: 32.500em;color: #ba234a;}
.cartouche p {
	font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;
	font-size: 140%;
	font-weight: normal;
	margin-bottom: 0;
}
.cartouche h1 {
	font-size: 170%;
	color: #ba234a;
	font-weight: bold;
}

.cartouche .soustitre {text-transform: none;margin-top: 0;}

.cartouche .logo_nonvu{ float: left; margin-right: 10px; margin-bottom: 4px; }

.chapo { margin: 0 0 1.20em 0; width: 95%;line-height: 1.30em; font-weight: bold;color: #000;}

.entry-content {text-align: justify;width: 95%;}
.entry-content p {margin: 0;padding: 0 0 10px 0;}

.entry-content strong {margin: 0;padding:0 0 0 18px;background: url(../img/gif/fleche-d_rouge.gif) 0 1px no-repeat;}

.colonne-g {float: left;width: 32.500em;}
.colonne-g .entry-content {width: 100%;}

#encart {
	float: right;
	margin: 5px 5px 0 0;
	width: 212px;
	height: 350px;
	background: #fff url(../img/jpg/encart_article.jpg) 0 0 no-repeat;
}

.encart-bloc {width: 175px;height: 310px;margin: 5px 10px;overflow: auto;}

.encart-bloc .entry-title {
	font-family: "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;
	font-weight: bold;
	font-size: 125%;
	color: #9FB12B;
	margin: 5px 0 0 0;
}
.encart-bloc .chapo {font-size: 85%;line-height: 12px;}
.encart-bloc ul.spip {font-size: 90%;list-style: none;padding-left: 0;}
.encart-bloc ul li {background: url(../img/gif/puce_encart.gif) 0 3px no-repeat;margin: 0 0 5px 3px;padding-left: 8px;line-height: 12px;}

.page_article .cartouche img.spip_logos {margin-left: 0;}

.notes {border-top: 1px solid #ccc;font-size: 65%;}

/* Portfolio */

#documents_portfolio {margin: 0;text-align: left;}
#documents_portfolio img.spip_logos {border-color: #9fb12b;border-left: none;border-top: none;}
#documents_portfolio img.spip_logos:hover {border-color: #deeaf1;}


/* BLocs de couleurs dans un article */

.bloc_clair, .bloc_plus, .bloc_fonce {
	padding-bottom: 10px;
	margin: 0 0 15px 0;
	width: 95%;
	font-size: 130%;
	line-height: 150%;
	color: #fff;
}
.bloc_clair {background: url(../img/gif/bg_degrade_vert1.gif) 0 0 repeat-y;}
.bloc_plus {background: url(../img/gif/bg_degrade_vert2.gif) 0 0 repeat-y;}
.bloc_fonce {background: url(../img/gif/bg_degrade_vert3.gif) 0 0 repeat-y;}

.bloc_a, .bloc_b, .bloc_c {font-size: 130%;font-weight: bold;}
.bloc_a {color: #b7c780;}
.bloc_b {color: #93ad6f;}
.bloc_c {color: #85a797;}

.bloc_clair ul, .bloc_plus ul, .bloc_fonce ul {
	margin: 0;
	list-style: none;
}

.bloc_clair ul li, .bloc_plus ul li, .bloc_fonce ul li {
	background: url(../img/gif/puce_bloc.gif) 0 8px no-repeat;
	padding-left: 10px;
}


/*  Page contact
---------------------------------------------- */

.page_contact #encart .entry-title {
	margin-bottom: 10px;
}

.page_contact .vcard {
	font-size: 100%;
}

.page_contact .contacter {
	display: none;
}

.vcard p {
	font-weight: bold;
}

.vcard p a {
	font-size: 110%;
}

.vcard a.org {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 25px;
}

.vcard .region {
	
}

.plan {
	float: left;
	margin-right: 5px;
}

.legal {padding: 0 15px 5px 15px;}
.legal p {font-size: 80%;font-style: italic;}

/*  Page connexion
---------------------------------------------- */
.page_connexion #contenu {text-align: center;}
.page_connexion #conteneur {float: none;margin: 0px auto;width: 750px; overflow: hidden;text-align: left; }
.page_connexion #tete_cols {height: 15px;background: url(../img/gif/cols_tete.gif) 0 0 no-repeat;}
.page_connexion #colonnes {background: url(../img/gif/cols_corps.gif) 0 0 repeat-y;}
.page_connexion #pied_cols {clear: both;height: 17px;background: url(../img/gif/cols_pied.gif) 0 0 no-repeat;}
.page_connexion #tete_col_appa {margin-top:10px; height: 15px;background: url(../img/gif/col_tete_appa.gif) 0 0 no-repeat;}
.page_connexion #colonne_appa {background: url(../img/gif/col_corps_appa.gif) 0 0 repeat-y;}
.page_connexion #pied_col_appa {clear: both;height: 17px;background: url(../img/gif/col_pied_appa.gif) 0 0 no-repeat;}


.page_connexion .colonne-g {float: left;width: 335px;margin-left: 10px;}
.page_connexion .colonne-d {float: left;width: 350px;margin-left: 45px;}
.page_connexion .colonne-appa {float: left;width: 540px;margin-left: 110px;}

.page_connexion .cartouche {width: 100%}

.page_connexion h3 {margin-top:0.5em;}

/*  Page plan
---------------------------------------------- */

.page_plan #hierarchie {width: 150px;}
.page_plan #hierarchie h1 {margin: 10px 0 0 0;color: #ba234a;font-size: 200%;}

.page_plan #conteneur {width: 90%;}
.page_plan #contenu h2 {font-size: 120%;font-weight: bold;}

.page_plan #contenu h2 a {text-decoration: none;color: #9FB12B; }
.page_plan #contenu h2 a:hover {color: #FE012F}

.page_plan #contenu ul {list-style: none;padding-left: 10px;}

.page_plan #contenu ul li {background: url(../img/gif/puce_encart.gif) 0 5px no-repeat;margin: 0 0 5px 0;padding-left: 10px;}
.page_plan #contenu ul li a {text-decoration: none;}
.page_plan #contenu ul li a:hover {color: #FE012F}

.page_plan .colonne-g {float: left;width: 27em;}
.page_plan .colonne-d {float: right;width: 32em;padding-right: 10px;}
.page_plan .colonne-d h2 {color: #9FB12B;margin-bottom: 12px;}

/*  Page inscrire_appa
---------------------------------------------- */

.page_inscrire_appa #hierarchie {width: 250px;}
.page_inscrire_appa #hierarchie h1 {margin: 10px 0 0 0;color: #ba234a;font-size: 200%;}

.page_inscrire_appa #conteneur {width: 90%;}
.page_inscrire_appa #contenu h2 {font-size: 120%;font-weight: bold;}

.page_inscrire_appa #contenu h2 a {text-decoration: none;color: #9FB12B; }
.page_inscrire_appa #contenu h2 a:hover {color: #FE012F}

.page_inscrire_appa #contenu ul {list-style: none;}

.page_inscrire_appa #contenu ul li {margin: 0;padding-left: 3px;}
.page_inscrire_appa #contenu ul li a {text-decoration: none;}
.page_inscrire_appa #contenu ul li a:hover {color: #FE012F}

.page_inscrire_appa .colonne-g {float: left;width: 28.500em;margin-right: 0;}
.page_inscrire_appa .colonne-d {float: right;width: 28.500em;margin-right: 18px;}
.page_inscrire_appa .colonne-d h2 {color: #9FB12B;margin-bottom: 12px;}

.page_inscrire_appa fieldset {border: 1px solid #ccc;}
.page_inscrire_appa fieldset legend {background-color: #fff;padding: 0 5px;}
.page_inscrire_appa fieldset li p {margin-left: 12em;font-size: 85%;font-style: italic;}

.page_inscrire_appa .choix_gauche {float: left;width: 240px;height: 60px;background-color: #f3f3f3;}
.page_inscrire_appa .choix_gauche .pv {margin: 3px 0 0 5px;}
.page_inscrire_appa .choix_gauche .ret {margin: 3px 0 0 5px;}
.page_inscrire_appa .milieu {float: left;width: 120px;height: 60px;}
.page_inscrire_appa .milieu p {margin: 10px; 0 0 5px;;font-style: normal;font-size: 100%}
.page_inscrire_appa .choix_droite {}

.page_inscrire_appa fieldset.haut, .page_inscrire_appa fieldset.bas {width: 95%;padding: 0 10px;}
.page_inscrire_appa fieldset.haut span {font-weight: normal;margin-left: 22px;}
.page_inscrire_appa label {display: inline;}
.page_inscrire_appa .perso label, .page_inscrire_appa .pro label, .page_inscrire_appa .famille label 
	{float: left;width: 35%;text-align: right; margin-right: 5px;font-size: 12px;padding-top: 4px;}

.page_inscrire_appa fieldset.perso {padding: 0 10px;}
.page_inscrire_appa input.submit {margin-right: 18px;}

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */

/* page inc-entete.html */

.menu_entete {
	height: 35px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	background-color: #000;
}

.menu_entete ul.nav {
	width:100%;
	height: 35px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu_entete li {
	float: left;
	width: 25%;
	margin: 0;
	padding: 10px 0;
}

.menu_entete li a {
	font: 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #9FB12B;
	text-decoration: none;
}
.menu_entete li a:hover {
	color: #FE012F;
	border-bottom: 4px solid #FE012F;
}

.menu_entete li a.on {
	color: #FE012F;
	border-bottom: 4px solid #FE012F;
}

/* page inc-art_rub.html */
.rubriques ul li {background: #deeaf1;}
.rubriques ul li.on {background: #668776;}
.rubriques ul li:hover {background: #668776;}
.rubriques ul li a {margin-left: 10px;padding-left: 15px;background: url(../img/gif/fleche_menu.gif) 0 3px no-repeat;}
.rubriques ul li a:hover, .rubriques ul li a.on {background: url(../img/gif/fleche_menu-on.gif) 0 3px no-repeat;font-weight: normal;color: #fff;text-decoration: none;}

.rubriques ul.collab {margin-top: 2em;}
.rubriques ul.collab li {background: none;}
.rubriques ul.collab li a {margin-left: 0;padding-left: 15px;background: url(../img/gif/fleche_verte.gif) 0 3px no-repeat;color: #000;}
.rubriques ul.collab li a:hover {color: #ba234a;}

/* Pagination */

/* Rubriques */

#extra {width: 100%;margin-top: 0.5em;}


/* Listes d'articles et extraits introductifs */