/*  ------------------------------------------
/*  feuille de style pour le squelette Snudi Fo
/* Christophe Attias
/* Palettes : http://alphadesign.fr/joomla/palette-de-couleur.php#palette
/*  ------------------------------------------*/

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-top:0; padding:0; background: #FFF; text-align: center; color: #333; }

a { color: #8B0F0F; text-decoration: none; padding-bottom: 1px; color: #333; }
a:hover { color: #8B0F0F; text-decoration: underline; }
a.spip_note { }
a.spip_in { color: #C70000; }
a.spip_out { color: #C70000; }
a.spip_url { color: #C70000; }
a.spip_glossaire { color: #000; text-decoration: underline; }
.on { color: #000; }
.invisible { display: none; }

/*  ------------------------------------------
/*  Colonne Centrale
/*  ------------------------------------------*/
.engras { font-weight: bold; }
h3.centre-top { margin: 0px; }
.centrerubli { list-style-image: none; }
#actu { margin-top: 11px; font-size: 13px; }
#actu h3 { font-size: 13px; margin: -5px 0px 0px 0px; padding: 0px 0px 5px 0px; }
.centre_intro { margin-top: -15px; margin-bottom: 15px; margin-right: 11px; margin-left: 11px; font-size: 11px; font-weight: 500; font-style: italic; color: #333; }
.centre_intro_premier { border: black 1px solid; margin-top: -15px; margin-bottom: 15px; margin-right: 11px; margin-left: 11px; padding: 10px; font-size: 11px; font-weight: 500; font-style: italic; color: #333; background-image: url(../images/Fond_Manif.png);}
#centre li { font-size: 12px; font-weight: bold; padding: 0px 0px 0px 0px; }
#actu li img { margin-top: Opx; }
#centre ul { margin: 0px 20px 0px 40px; list-style-image: url(../images/fleche.png); }
.titrerub { font-size: 13px; font-weight: 800; }
#centre-rubrique ul { margin: 5px 0px 15px 40px; list-style-image: url(../images/fleche.png); }
#centre-rubrique h2 { width: 85%; border-color: #C70000; border-style: solid; border-width: 0px 0px 1px 0px; padding: 0px 0px 0px 0px; margin: -3px 0px 11px 0px; }
#centre-rubrique h4 { font-size: 9px; font-weight: 200; }
#centre-article { float: left; width: 95%; margin: 0px 0px 20px 20px; }
#centre-article h2 { margin-top: -3px; }
#centre hr { float: left; color: #EFEFEF; margin: 0px 0px 0px 0px; width: 99%; height: 3px; }
#texterub { margin: 11px 11px 11px 0px; padding: 11px 11px 11px 11px; border: black 1px solid; background-color: #E8DE84; }
.datepubsom { font-size: 8px; font-weight: 100; color: #BFBFBF; margin-top: -21px; }
.pagination { margin: 0px 0px 11px 50px; font-size: 9px; }

/*  ------------------------------------------
/*  Colonne Gauche
/*  ------------------------------------------*/


/*  ------------------------------------------
/*  Colonne Droite
/*  ------------------------------------------*/
hr { display:block; height: 1px; margin: 0; margin: -7px 0; padding: 0; background-color: #BACBD5; border: 0; }
#syndic { margin-top: 0px; font-size: 8px; }
#syndic p { text-align: center; }
#syndic li { margin-left:15px; }
#syndic p{ margin:0 0; padding:5px 0px 5px 0px; }
.syndicsite { font-weight: 800; text-align: center; }
.sitesyndicdesc { margin: 0px 0px 5px 7px; }

/*  ------------------------------------------
/*  Sommaire
/*  ------------------------------------------*/
.titre-sommaire { font-size: 1.5em; font-weight: bolder; color: #ef3728; text-align: left; border-width: 0px 0px 2px 0px; border-style: solid; border-color: #ef3728; margin: 11px; }

/*  ------------------------------------------
/*  Menu
/*  ------------------------------------------*/
.titre-menu { font-size: 12px; font-weight: bolder; border-width: 0px 0px 0px 12px; border-style: solid; border-color: #EF3728; background-color: #FFCC66; padding-left: 5px; padding-bottom: 5px; margin-right: -7px; margin-left: -7px; margin-top: 0px; }
.titre-menu2 { font-size: 12px; font-weight: bolder; border-width: 0px 0px 0px 12px; border-style: solid; border-color: #EF3728; background-color: #E3B9D5; padding-left: 5px; padding-bottom: 5px; margin-right: -7px; margin-top: 0px; }
.sousrub-menu { font-size: 11px; font-weight: bold; }

/*  ------------------------------------------
/*  À la Une
/*  ------------------------------------------*/
#AlaUne { border: 1px solid #EF3728; background-color: #FFCC66; -moz-border-radius: 10px;}
.AlaUneSurtitre, .AlaUneSoustitre { font-size: 12px; }
.AlaUneTitre { font-size: 13px; font-weight: bold; color: #EF3728; }
.AlaUneChapo { font-size: 11px; color: #EF3728; }
.AlaUneDescriptif { font-size: 11px; }
.AlaUneTexte { font-size: 10px; }

/*  ------------------------------------------
/*  Sections
/*  ------------------------------------------*/
.titre-section { font-weight: 800; font-size: 13px; }
.adresse-section { font-size: 11px; }
.lien-section { font-size: 9px; font-weight: 400; }
a.urlsection { font-size: 9px; font-weight: 400; }
a.urlsection:hover { font-size: 9px; font-weight: 400; border-bottom-width: 2px; border-bottom-style: dotted; border-color: #F9DFBA; }

/*  ------------------------------------------
/*  Bandeau
/*  ------------------------------------------*/
.bandeau2 { font-weight: 800; font-size: 13px; padding-left: 3px; text-align: left; }
.plan { font-weight: 800; font-size: 11px; padding-left: 3px; text-align: left; }

/*  ------------------------------------------
/*  Pied
/*  ------------------------------------------*/
#pied { border-color: black; border-style: solid; border-width: 1px 0px 0px 0px; clear: both; text-align: right; width: 100%; margin-bottom: -15px; }
#pied-spip { font-size: 8px; float: left; padding: 5px 0px 0px 11px; opacity: 0.5; }
#pied-ecrire { font-size: 9px; margin: 5px 5px 11px 0px; }
#pied img { vertical-align: middle; }

/*  ------------------------------------------
/*  Porfolio
/*  ------------------------------------------*/
.porfolio { float: left; padding: 5px 0px 0px 0px; margin: 11px 11px 0px 11px; text-align: center; width: 156px; color: black; font-weight: 800; font-size: 9px; -moz-border-radius: 11px; border: black 1px solid; }
.porfolio a { padding-bottom: 1px; }
.porfolio-descriptif { text-align: center; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; font-size: 8px; color: black; font-weight: 300; }
.porfolio-type { text-align: center; margin-top: 7px; margin-bottom: 6px; font-size: 8px; font-weight: 100; color: #CFCFCF; }
.porfolio-sommaire { width: 400px; padding-left: 0px; margin: 5px auto 5px auto; }
#porfolio-article { width: 90%; border-color: red; border-style: solid; border-width: 0px 0px 0px 0px; }
/*  ------------------------------------------
/*  Articles
/*  ------------------------------------------*/
#sur-titre { font-size: 12px; font-weight: bold; font-stretch: wider; margin-left: 3px; margin-top: -5px; padding-bottom: 2px; }
#publie { margin-top: 11px; font-size: 8px; margin-left: 3px; }
#sous-titre { font-size: 12px; margin-top: 0px; margin-left: 3px; margin-bottom: 5px; color: gray; }
#chapeau { margin-top: 13px; font-size: 11px; font-weight: bold; border-width: 1px; border-style: solid; border-color: black; background-color: #EFEFEF; -moz-border-radius: 11px; padding: 11px; }
#texte { font-size: 12px; }
#ps { font-size: 9px; border-width: 1px; border-style: solid; border-color: #FFF; background-color: #DFDFDF; -moz-border-radius: 11px; padding: 5px 5px 0px 0px; }
#notes { }

/*  ------------------------------------------
/*  Forums
/*  ------------------------------------------*/
.formulaire_forum { border-width: 1px; border-style: solid; border-color: black; background-color: #EFF8FF; -moz-border-radius: 11px; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 11px; }
.formulaire_forum legend { display: none; }
.previsu { background: #fff; -moz-border-radius: 11px; margin-bottom: 11px; }
.extrait { margin-top: 5px; background: #EFEFEF; }
.forml#auteur { margin-left: 50px; width: 260px; margin-top: 5px; }
.forml#auteur:hover { background: #FFF; }
.forml#email_auteur { margin-left: 137px; width: 260px; }
.forml#url_site { margin-top: -20px; margin-left: 137px; width: 260px; }
.forum-repondre { float: left; font-size: 9px; border-width: 1px; border-style: solid; border-color: black; background-color: #DFDFDF; -moz-border-radius: 11px; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 11px; }
.forum ul { font-size: 9px; border-width: 0px; border-style: solid; border-color: black; -moz-border-radius: 11px; padding: 11px 5px 5px 5px; margin: 0px 0px 0px 0px; }
.forum-fil li { margin-left: 25px; list-style-image: none; }
.forum-total { }
.forum-fil { color: black; margin-left: 50px; list-style-image: none; }
.forum { }
.forum-chapo { }
.forum-titre { font-weight: bold; padding: 0px 5px 5px 5px; margin: 27px 0px 0px -4px; }
.forum-item { border-width: 1px 1px 0px 0px; border-style: solid; border-color: #AFAFAF; background-color: #EFEFEF; -moz-border-radius: 11px; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; }
.forum-repondre-message { border-width: 1px 1px 0px 0px; border-style: none; border-color: black; background-color: #EFEFEF; -moz-border-radius: 11px; padding: 5px 5px 5px 5px; margin: 11px 0px 0px 0px; }
.forum-texte { border-width: 1px 1px 0px 0px; border-style: solid; border-color: #9F9F9F; background-color: #DFDFDF; -moz-border-radius: 11px; padding: 5px 5px 5px 5px; margin: 11px 0px 0px 0px; }

/*  ------------------------------------------
/*  Formulaire Sites
/*  ------------------------------------------*/
.formulaire_site { border-width: 1px; border-style: solid; border-color: black; background-color: #EFF8FF; -moz-border-radius: 11px; padding: 5px 5px 5px 5px; margin: 0px 0px 20px 11px; }
.formulaire_site legend { font-weight: bold; }
.formulaire_site #nom_site { margin-left: 63px; width: 52%; }
.formulaire_site #url_site { margin-left: 0px; width: 51%; }

/*  ------------------------------------------
/*  Recherche
/*  ------------------------------------------*/
#recherche h1 { font-size: 13px; }
input#recherche { border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #666; border-right: 1px solid #666; background: #FFF3CF url("../images/loupe.png") no-repeat; padding-left: 17px; width: 92px; }
#recherche:focus { background-image: url("../images/loupe.png"); }
.formulaire_recherche label { display: none; }
.formulaire_recherche { margin-left: 25px; padding: 5px 0px 0px 0px; width: 100px; margin-bottom: 15px; }
.publierech { margin-top: -15px; color: #AFAFAF; }

/*  ------------------------------------------
/*  Formulaire Inscription
/*  ------------------------------------------*/
.formulaire_inscription { font-size: 9px; }
#inscription { margin-left: -7px; margin-bottom: 8px; }
#inscription input { width: 130px; }
#inscription { font-size: 9px; padding-left: 7px; }
#inscription form { padding-top: 11px; padding-bottom: 11px; text-align: center; font-size: 8px; }
.formulaire_inscription legend { font-size: 9px; font-weight: bold; }

/*  ------------------------------------------
/*  Petitions
/*  ------------------------------------------*/
.formulaire_signature { border-width: 1px; border-style: solid; border-color: black; background-color: #EFF8FF; -moz-border-radius: 11px; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 11px; }
.formulaire_signature legend { font-weight: bold; }
#signatures caption { margin-top: 15px; font-size: 13px; font-weight: bold; }
#signatures table { padding-left: 15px; }
.formulaire_signature #signature_url_site { margin-left: 11px; }
.formulaire_signature #adresse_email { margin-left: 11px; }
#signatures { font-size: 8px; }
#signatures h2 { padding: 5px; text-align: center; font-size: 12px; font-weight: bold; }
#signatures table { width: 100%; margin: 11px 0; }
#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */
#signatures td.signature-date { background: #E4F0F0; padding: 5px; white-space: nowrap; }
#signatures td.signature-nom { background: #ECF4F4; padding: 2px; text-align: center; font-weight: bold; }
#signatures td.signature-message { background: #F4F8F8; padding: 4px; font-size: 10px; }

/*  ------------------------------------------
/*   Menu (egt)
/*  ------------------------------------------*/
#menu { background: #fff; margin: 0px; padding: 0px; -moz-border-radius: 11px; }
.open { display: block; padding-top: 0px; padding-bottom: 11px; font-weight: bold; }
.closed { display: none; }
li .actif { font-weight: bold; color: #C59E67; }
.artracine { margin-bottom: 3px; padding-left: 3px; border-left-width: 2px; border-left-style: solid; border-color: #C70000; font-weight: 100; color: #C59E67; }
ul { list-style-type: none; padding-top: 0px; padding-bottom: 5px; margin-left: 0px; padding-left: 11px; margin-top: 0; margin-bottom: 0; }
.li { list-style-type: none; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; margin-left: 0px; }

/*  ------------------------------------------
/*   CSS Barre Typo 1.9.1 Plugin
/*  ------------------------------------------*/
.texteencadre-spip { color: #000033; background: #EEF; border-bottom: 2px solid #0066CC; border-left: 1px solid #3399FF; border-right: 2px solid #0066CC; border-top: 1px solid #3399FF; margin: 11px 0; padding: 2px; position: relative; }
.caractencadre-spip { color: #F60; font-weight: bold; }
.caractencadre2-spip { color: #009; font-weight: bold; }
acronym.spip_acronym { cursor: help; border-bottom: 1px dotted; }
a[hreflang]:after { content: "\0000a0[" attr(hreflang) "]"; color: #999; background: transparent; }
a.spip_blank { color: #F00; }
/* Pour le mode preview dans l'admin */
#article_preview { display: none; border: 1px solid #666; overflow: auto; background-color: #FFCCCC; }

/*  ------------------------------------------
/*   Divers
/*  ------------------------------------------*/
textarea { width: 90%; margin: 11px 11px 11px 11px; }
/* * Barre de raccourcis */
a.spip_barre img { border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #aa9966; border-bottom: 1px solid #aa9966; padding: 3px; background-color: #FFDDAA; }
a.spip_barre:hover img { border: 1px solid #808080; padding: 3px; background-color: #f8f8f4; }
#principal { margin-left: 20px; padding-left: 5px; width: 85%; margin-bottom: 11px; }
#login { margin: -15px 0px 20px 0px; }
#textebreve { margin: 11px 11px 11px 11px; padding: 11px 11px 11px 11px; border: black 1px dotted; background-color: #fff; }
fieldset { background: #C2DDEF; }
.spip_doc_descriptif { clear: none; font-size: 8px; margin-left: auto; margin-right: auto; }
.spip_documents_center { clear: none; width: 100%; margin: auto; }
.spip_documents { padding-top: 11px; }
.formulaire_ecrire_auteur { border-width: 1px; border-style: solid; border-color: black; background-color: #EFF8FF; -moz-border-radius: 11px; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 11px; }
#logorub img{ margin-top:-25px; }

/*  ------------------------------------------
/*   Calendrier
/*  ------------------------------------------*/
/* Habillage du mini calendrier */
 #calendar { -moz-border-radius: 0em;text-align: center; border: 1px dotted #ccc; padding: 2px; padding-top: 0.5em; width:140px;}
 #calendar table { width: 100%; margin: 0 auto; padding: 0; }
 #calendar caption { font-size:9px;padding: 5px ; font-weight: bold; }
 #calendar th { -moz-border-radius: 0em;background: #A32727; font-weight: normal; color: #DDD; }
 #calendar th abbr { border: none; cursor: help; }
 #calendar td {-moz-border-radius: 0em; margin: 0; padding: 0; border: none; text-align: center; background: #ECD6D6; line-height: 1.6em; }
 #calendar td.horsperiode { background: #E8E3B7; color: #AAA; }
 #calendar td.occupe { background: #FFD98F; }
 #calendar td a { display: block; }
 #calendar td span { color: #aaa; }
 #calendar td a:hover { border:0px }
 #calendar tr { font-size:9px; }
 /* Habillage agenda #A32727 #E19595 #E8E3B7 */
 #agenda dt { background-color: #FFD98F; -moz-border-radius: 0px; padding: 2px 0px 2px 11px; margin: 0px 0px 0px 0px; }
 #agenda dd { font-size: 9px; padding: 2px 0px 2px 20px; margin: 0px 0px 0px 0px; }