/* --------------------------------------------------------------

   Theme pour la dist de SPIP 3

-------------------------------------------------------------- */

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

.arbo { clear: both; font-size: .9em; color: #DDC; }
.arbo * { font-weight: normal; }

.cartouche { margin-bottom: 1.5em; }
.cartouche h1 { margin-bottom: 0; }
.cartouche p { margin-bottom: 0; }
.surtitre{}
.soustitre {}
abbr.published { border: 0; }
@media print {
	abbr[title].published:after { content: ""; }
	abbr[title].dtreviewed:after { content: ""; }
}
.info-publi { margin: 1.5em 0 0; font-size: .9em; font-style: italic; }
.traductions { font-size: .9em; }
.traductions a[hreflang]:after { content: ''; }

.chapo { font-weight: bold; }
.texte {}
.hyperlien { display: block; padding: 1.5em 50px; background: #EED url(img/def.png) no-repeat 25px 1.9em; font-weight: bold; }
.ps, .notes { margin-bottom: 1.5em; }
.notes { clear: both; font-size: .9em; }

/* Listes et tableaux */
dl.spip dt { background: url(img/def.png) no-repeat 25px .5em; }
dl.spip dd {}

table.spip caption {  background: none; border-bottom: 1px solid; text-align: left; font-weight: bold; }
table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
table.spip tbody tr th,
table.spip tr td { background: none; }
table.spip tbody tr.odd th,
table.spip tr.odd td { background: #EED; }
table.spip tfoot { border-top: 1px solid; }

/* Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip { margin-bottom: 1.5em; }
.aside .formulaire_spip { padding-top: 1.3em; border-top: 5px solid; }
fieldset {
width: 100%; margin: 0;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; }
legend { display: none; }
label { display: block; }
.erreur_message { display: block; }
input.text,textarea {
width: 100%;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #EED;
border: 4px solid #EED;
}
.content input.text { width: 50%; }
textarea { width: 100%; }

/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche input.text { width: 10em; padding-left: 20px; background-image: url(img/recherche.png); background-repeat: no-repeat; background-position: left center; }
.formulaire_recherche input.submit {}

/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /*IE/Win*/

/* Formulaire de login dans une page */
.formulaire_login ul li { clear: left; }
.formulaire_login .editer_password .details { display: block; }
.formulaire_login #spip_logo_auteur { float: right; }

/* Fomulaire de contact */
.formulaire_ecrire_auteur {}
.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text { width: 100%; }

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

/* Habillage des forums */
.comments-items .comments-items {margin-left: 25px;padding-left: 20px;border-left:5px solid #ddd;}
.comment-fil ul {}
.comment-meta { margin: 0; font-weight: bold; }
.comment-meta small { font-size: 100%; }
.comment-meta abbr { border: 0; }
.comment-meta a { color: #222; }
.comment-meta a:focus,
.comment-meta a:hover,
.comment-meta a:active { color: #fff; }
.comment-content .hyperlien { padding: 0; background: transparent; font-weight: normal; }

/* Formulaire de forum */
.formulaire_forum {}
.formulaire_forum legend { display: none; }
.formulaire_forum .saisie_titre input.text { width: 100% }
.formulaire_forum .session_qui { display: none; }
.formulaire_forum .saisie_texte .explication { font-size: .9em; font-style: italic; }

/* Habillage des petitions
---------------------------------------------- */
#signatures {}
#signatures td.signature-date small { white-space: nowrap; }
#signatures .formulaire_recherche { margin: 1.5em auto; text-align: center; }

/* Formulaire de signature */
.formulaire_signature {}

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

/* Habillage general des menus de nav */
.menu { clear: both; margin-bottom: 1.5em; text-align: left; }
.menu p {}
.menu ul { margin-bottom: 1.5em; }
.menu ul li {}
.menu ul li ul { margin-left: 1.5em; list-style: circle; }

/* Pagination */
.pagination a,
.pagination .on  { padding: .2em .5em; margin: 0 1px; }
.pagination a { background: #EED; text-decoration: none; }
.pagination .on { font-weight: bold; background: #222; color: #fff; }
.pagination .sep { display: none; }

/* Listes d'articles et extraits introductifs */
.menu_articles li { clear: both; margin-bottom: 1.5em; }
.menu_articles li h3,
.menu_articles li h2 { margin: 0; }
.menu_articles li p { margin: 0; }
.menu_articles li small { font-style: italic; }
.menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }

.menu_breves li {}
.menu_breves li h3 { margin: 0; }


/* Hyperliens
---------------------------------------------- */
a { color: #900; text-decoration: none; }
a:focus,
a:hover,
a:active { background-color: #900; color: #FFF; text-decoration: none; }

/* ------------------------------------------
/* Autres medias
/* ------------------------------------------ */

@media print {

/*  Ne pas imprimer */
.spip-admin,
.spip-admin-float,
.spip-previsu { display: none; }
.repondre,
.formulaire_spip { display: none; }

/* Souligner et expliciter les liens */
a { color: #600; text-decoration: underline !important; }
a.spip_out:after,
a.spip_glossaire:after,
a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }

}

/* -----------------------------------------------------------------------------------------------------------------------------------------
/* Styles de base pour ViaSPIP 3
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
body { background: #FAEDBD; color: #000000; border-top: none; line-height: 22px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: .95em; }

/* --------------------------------------------
/* General
/* -------------------------------------------- */
li { list-style: none; }
dl { display: inline-block; clear: none; text-align:left; }
dt img { margin: 10px; }

/* Boutons d'admin */
#spip-admin { right: 0px; top: 0px; }
.spip-admin-boutons:hover { color: black; background-color: #dddddd; }

/* Hyperliens */
a { color: #B08340; }
a:focus,a:hover,a:active { background-color: transparent; color: #A40001; }

/* --------------------------------------------
/* Blocs principaux
/* -------------------------------------------- */
/* Bloc principal de page */
.page { width: 90% !important; width: 1003px; max-width: 1325px; min-width: 1003px; margin: 0 auto 10px auto; padding: 22px 10px 0px 10px; 
	background-color: #FFF2C2;	overflow: hidden; }

/* Menu horizontal en haut d'ecran */
#menu-principal { position: fixed; top: 0; width: 90% !important; width: 1003px; max-width: 1325px; min-width: 1003px; display: inline-block;
 font-size: 80%; background-color: #FFF2C2; border-bottom: 1px solid #dddddd; }
#menu-principal ul { padding-left: 8px; }
#menu-principal ul li { float: left; }
#menu-principal.menu ul li { margin: 0px 1px 0px 0px; padding: 0; }
#menu-principal.menu ul li a,
#menu-principal.menu ul li a:visited { display: block; padding: 0px 10px; font-weight: bold; }
#menu-principal.menu ul li a:hover { text-decoration: none; background-color: #FCFAE1; }
.aside .formulaire_recherche { display: none; }
#menu-principal-recherche .formulaire_recherche { margin: 0 0 0 10px; }
#menu-principal-recherche .formulaire_recherche input.text { width: 150px; height: 22px; border: none; line-height: 22px; }

/* Entete */
.header { display: block; height: 120px; background-image: url("img/banner.jpg"); background-repeat: no-repeat; background-color: #FFF2C2; 
	border: none; margin: 6px 0 5px 0; padding: 0; }
.header a.banner { display: block; width: 100%; height: 100%; color: #FCFAE1; font-size: 300%; font-style: italic; }
.header .spip_logos { position: absolute; top: 28px; right: 10px; }
.header #nom_site_spip { display: inline-block; margin: 50px 0 15px 20px; }
.header #slogan { margin-left: 60px; font-size: 50%; }
.header.clearfix { padding-bottom: 0px; }

/* Menu horizontal des "secteurs" */
.nav { border: none; background-color: #FAEDBD; }
.nav ul li { float: left; }
.nav ul li a { float: none; border-color: #FFF2C2; }
.nav ul li.on a { background: #FCFAE1; color: #A40001; }
.nav ul li a:focus, .nav ul li a:hover, .nav ul li a:active { background: #FCFAE1; color: #A40001; }

/* Blocs de contenu */
.main { padding: 0; }
.wrapper { float: left; width: 70%; margin: 15px 0; }
.page_plan .wrapper, .page_contact .wrapper { float: none; margin: 5px auto; max-width: 55%; }
.aside { float: right; width: 29%; margin: 15px 0; }
.content { overflow: hidden; padding: 10px; background-color: #FCFAE1; }
.footer { border-top: 1px solid #dddddd; padding: 20px; }
.footer .colophon { height: auto; }

/* --------------------------------------------
/* Contenu de page
/* -------------------------------------------- */
.menu_articles li { margin-bottom: 15px; }
.page_recherche .menu_articles li { margin-bottom: 0px; }
.aside .menu { background-color: #FAEDBD; padding: 20px; margin-bottom: 15px; }
.aside .menu li { margin-bottom: 5px; }
.arbo .on { color: #aaaaaa; }
.arbo { clear: none; }
.chapo { margin-bottom: 10px; border: solid 1px #eeeeee; padding: 10px; text-align: center; overflow: hidden; }
.chapo p { margin: 5px 0px; }
.chapo, .texte { clear: both; }
h3.spip { margin: 0 0 10px 0; padding: 2px 5px; font-size: 130%; font-weight: bold; font-style: italic; }
.info-publi { margin: 0 20px 0 0; }
#pagination_articles, .paragraphe_article { padding-top: 30px; }
abbr.published, .menu_articles li small, .menu_breves li small { font-size: 75%; color: #aaaaaa; font-style: italic; }
.menu_articles .spip_documents img { margin: 1px; }
.menu_articles .introduction img { margin-top: 15px; }
.spip_documents_center { margin: 10px 0; }
table.spip { font-size: 85%; }
.nettoyeur { width: 100%; height: 1px; clear: both; }
.content .texte li { list-style: square; }
#articles_recents { margin-top: 20px; }

.pagination a { background: transparent; border: 1px solid #dddddd; border-radius: 7px; text-decoration: none; font-size: 120%; font-weight: bold; }
.pagination a:hover { background: #FFF2C2; }
.aside .pagination a:hover { background: #FFF2C2; }
.pagination .disabled .on { background-color: transparent; border: 1px solid #dddddd; border-radius: 7px; color: #aaaaaa; font-size: 120%; font-weight: bold; }

#sommaire_article { float: right; display: block; width: 180px; margin: 0; padding: 10px; background-color: #FAEDBD; 
	overflow: hidden; font-size: 15px; line-height: 17px; }
#sommaire_article h4 { border-bottom: 1px solid #dddddd; text-align: center; font-weight: bold; margin: 0; }
#sommaire_article ul { font-size: 84%; margin: 5px 0px 5px 16px; padding: 0; }
#sommaire_article li { list-style: square; }

#formulaire_forum, #forum { clear: both; }
a.permalink { color: #aaaaaa; }
a.permalink:hover { color: #A40001; }
.info { background-color: #eeeeee; border: 2px solid #cccccc; color: black; }
.info p { padding: 0; margin: 0; }

/* Formulaire inscription */
#nom_inscription, #mail_inscription { width: 100%; }
.formulaire_inscription legend { display: inline; }
.aside .formulaire_spip { border-top: 1px solid #dddddd; }

/* --------------------------------------------
/* Affichage sur petits ecrans
/* -------------------------------------------- */
@media (max-width: 640px) {
#menu-principal { display: none; }
.page { max-width: 100%; min-width: 0px; margin: 0; padding: 0; width: 98%!important; }
.nav ul li a { float: none; border: 0; }
.wrapper, .aside { width: 100%!important; }
.page_plan .wrapper, .page_contact .wrapper { max-width: 100%; }
.header .spip_logos { width: 50px; height: auto; right: 0; top: 58px; }
.header #nom_site_spip { font-size: 65%; margin: 45px 0 5px 10px; max-width: 75%; }
.header #slogan { font-size: 30%; margin-left: 10px; max-width: 75%; }
#spip-admin { display: none; }
textarea { height: 100px; }
#pagination_articles, .paragraphe_article { padding: 0; }
.aside .menu, .footer, .content { padding: 3px; }
table.spip { font-size: 40%; }
}

/* --------------------------------------------
/* Pour IE 6 et 7 (par charite...)
/* -------------------------------------------- */
.ie7 .page { padding-top: 32px; }
.ie6 .page { padding-top: 0px; }
.ie6 #menu-principal { margin-bottom: 32px; }
.ie6 .header { margin: -28px 0 5px 0; }
.ie6 .header #nom_site_spip, .ie7 .header #nom_site_spip { line-height: 1.1em; margin: 35px 0 0 20px; }
.ie6 .header #slogan, .ie7 .header #slogan { line-height: 1.2em; margin-left: 20px; }
.ie6 .header .spip_logos, .ie7 .header .spip_logos { top: 32px; }
.ie7 .info, .ie6 .info { width: 96%; }
.ie7 fieldset, .ie6 fieldset { width: 98%; }
.ie7 #documents_portfolio li, .ie6 #documents_portfolio li { display: inline; }
.ie7 .aside .menu, .ie6 .aside .menu { display: inline-block; }

/* end */