/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */

/* couleurs utilisees
 *
 * - #5ac
 * - #f9f9f9
 * - #ddd
 * - #f63
 */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { height:100%; font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { height:100%; font-size: 0.9em; font-family: arial, "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #000; margin:0; padding:0; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-weight: bold;  }
h1,.h1 { font-size: 1.20em; color: #fff; margin-bottom:.5em; padding:0 .3em; display:inline; }
h2,.h2 { font-size: 1.20em; font-weight: normal; display:inline; color: #fff; padding:0 .3em; }/*
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
.h2, .h2 a, .h2 a:focus, .h2 a:hover, .h2 a:active { color: #003; }*/
h3,.h3 { font-size: 1.10em; display:inline; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: .90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }
p { margin: .8em 0 0; }
/* Listes */
ul.spip { padding-left:1.8em;margin:.5em 0; } /* 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 */
/* Cf.: spip_style.css */
.spip_code {color:#f63;}
.spip_cadre {color:#444; background-color: #fff; border: 1px solid #ddd; font-size:1em; padding:0.5em;width:90%; }
address {}

/* Tableaux */
/* Cf.: spip_style.css */
table.spip { width: 99%; margin:1em 0 0; }
table.spip tr.row_first { background: #5ac; color:white;}
table.spip td, table.spip th {border:2px solid #9BB4BF /*#73919F*/;}

/* 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 */

/* ------------------------------------------ 
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #fff; margin: 0; padding: 0; text-align: center; }

#page { position: relative; min-height:100%; padding:0; }
#largeur {  position: relative; width: 1000px;  margin:0 auto; text-align: left; }
/*
#entete { width: 100%; margin: 0; padding-top:20px; padding-bottom: 0; }
#entete .accueil { }
#entete .accueil .spip_logos {  }
#entete .accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; }*/

#conteneur { clear: both; padding:30px 0 70px; }
#contenu { float:right; width:735px; margin:0; font-size:.9em; }

#navigation { position:fixed; float: left; width: 230px; margin:0 0; font-size:.85em;  z-index:2000; }
#navigation a { text-decoration:none; }
#navigation a:hover, #navigation a.on { color:#000; }

#pied { position:absolute; width:100%; height:60px; bottom:0; left:0; padding: 0 0 0 0; margin:0; text-align: right; font-size: 0.75em; color:gray; }
#pied a { color:gray; text-decoration:none; }
#pied a:hover { color:#000; }
#pied img { vertical-align: middle; }
#bandeau_bas { height:32px; background:url('images/logo_bas.png') top center repeat-x; }
/*#bandeau_bas img { margin-left:30%; }*/

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */
.colonne_1, .colonne_2, .colonne_3, .colonne_4 { position:relative; float:left; margin:0 5px 16px 5px; padding:0 5px 5px; background:#9BB4BF /*#73919F*/; z-index:2000; }
.colonne_1 { width:470px; clear:left; }
.colonne_2 { clear:left; }
.colonne_3 {  }
.colonne_4 { float:right; clear:right; background:#afac9a; }
.colonne_2, .colonne_3, .colonne_4 { width:225px; }
.prend { height:16px; background:#6e6800; cursor:move; margin-left:-5px; width:100%; padding:0 5px; } /* .prend est le handler determiner dans fonction jquery-ui */



#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.84em; }
#hierarchie, #hierarchie a {/* color: #666;*/ }

.cartouche { margin-bottom: 1em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche .info-publi { margin: 0; padding: 0; clear: left; }

.chapo { margin-bottom: 1em; line-height: 1.40em; font-size:1.05em; }
.chapo p {  }
.texte { line-height: 1.40em; }
.ps, .notes { margin-bottom: 1em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }


/* Portfolio */
.documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
.documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
.documents_portfolio a.on .spip_logos { border-color: #f63; }
.documents_portfolio a:focus .spip_logos,
.documents_portfolio a:hover .spip_logos,
.documents_portfolio a:active .spip_logos { border-color: #5ac; }




/* page sommaire
/* -------------------------------------------------- */
#actualites { padding-top:5px; }
#actualites.liste-items li.item { clear:none; float:left; width: 185px; height: auto; margin-right:0; text-align:left; line-height:1.2em; background:#BFBBA7 /*#CFCBB5*//*#AFAC9A*/; /*overflow:hidden;*/ }
#actualites.liste-items li.item a { /*float:left;*/ }
/*#actualites a { display:block; height:100%; color:#fff; text-decoration:none; }*/
/*#actualites a.on, #actualites a:hover { background:#31279F; }*/

.sommaire.colonne_4 { height:70px; }



/* page mot
/* -------------------------------------------------- */
#motsclefs { width:30%; float:right; }
.zone .liste-items .item a { display:inline; padding:0 2px; }
.zone .liste-items .item a:hover { background:transparent; }
.page_mot .colonne_1 { margin-bottom:0; }
#resultats { position:relative; }
#resultats h2 { margin:0 5px; padding:0 .3em; background:#afac9a; color:#fff; font-size:1em; /* border-bottom:2px solid #285b6e;*/ cursor:pointer; }
.zone { margin-top:30px; }
.zone6 h2 { left:10px; } /* centre */
.zone4 h2 { left:80px; }/* nord */
.zone7 h2 { left:145px; }/* sud */
.zone5 h2 { left:340px; }/* vallee du rhone */
#resultats h2.on { font-weight:400; background:#9BB4BF /*#73919F*/; }
#resultats .liste.articles { width:100%; /*top:30px; left:0;*//* opacity:0;*/ border-top:1px solid transparent; background:#9BB4BF /*#73919F*/; }

/*.zone .item a { display:block; padding:5px; text-decoration:none; }
.zone .item a:hover { background:#8FB0BF; color:#000; }
.zone .item a span { display:block; }*/
.zone .item { margin:1em 0; }
.zone .item .h3 a { color:#fff; text-decoration:none; padding:0 .2em; }
.zone .item p { margin:.5em 0; }
.zone .item p.autres_disciplines { margin:.5em 10px;  }
.zone .item p.autres_disciplines a { background:#9BB4BF;  }
.zone .item p.autres_disciplines a:hover { background:transparent;  }

/* page type actualites avec archive
/* ------------------------------------------ */
#archives li { float:left; width: 20px; height: 20px; margin-right:10px; text-align:center; line-height:2em; background:#1C146F; /*overflow:hidden;*/ }
#archives a { display:block; height:100%; color:#fff; text-decoration:none; }
#archives a.on, #archives a:hover { background:#31279F; }
.une_archive {  }
.une_archive .spip-admin-float { display:none; }

/* ---------------------------------  #A8C3CF */
.liste-items .item p.date { /*background:#A8C3CF; color:#000; font-weight:700;*/ }
.liste-items .item h3 a { display:inline; color:#000; }
.liste-items .item h3 a:hover { display:inline; background:none; font-weight:700; color:#333; }
.liste-items .item a { display:block; text-decoration:none; padding:0 0 5px; margin:5px 0 0;/* background:#CFCBB5;*/ }
.page_sommaire .liste-items .item a { display:block; text-decoration:none; padding:5px 10px; margin: 0 0;/* background:#CFCBB5;*/ }
.liste-items .item a.on, .liste-items .item a:hover { background:#A8C3CF; color:#000; font-weight:400; }
.colonne_4 .liste-items .item a.on, .colonne_4 .liste-items .item a:hover { background:#CFCBB5; color:#000; font-weight:400; }
.liste-items .item a span { display:block; padding:0 5px; }
.liste-items .item a span span { display:inline; }
.liste-items .item a span.h4 { display:inline; padding:0 5px; font-size:110%; font-weight:700; color:#000; }
.colonne_2 h5, .colonne_3 h5, .colonne_4 h5 { width:100%; padding:5px 5px 0; margin-left:-5px; }
.liste-items .item div.meta-publi a, .liste-items .item div.meta-publi a span, 
.liste-items .item .info_evenement a span { display:inline; padding:0 .2em 0 0; }


/*  Habillage de la partie agenda = rubrique 4
/*  ------------------------------------------ */
.id4 #contenu { font-size:.85em; }
ul.liste.evenements { padding-left:1.8em; }
.date { font-size:1.4em; font-weight:700; color:#fff; margin-bottom:0; display:inline; padding:0 .3em; clear:both; }
.liste-items .item a span.date, .id4 .contenu-principal .date { display:inline; font-size:1em; }
.info_evenement { margin:0; font-size:.95em; /*color:#fff;*/ padding:0 .3em; }
.info_evenement p { margin:0;  }
/*.colonne_1 p.date {  background:#A8C3CF; color:#000; }*/
.id4 .contenu-principal .chapo, .id4 .contenu-principal .ps { margin:0 5px; }

/* correction pour inclure liste-article */
.liste-items .item.hentry a span.date { display:block; }
.liste-items .item.hentry a span.h4 { color:#fff; }
.contenu-principal .date { display:block; font-size:1.1em; }

.id4 .colonne_2 h2.h2, .id4 .colonne_3 h2.h2, .id4 .colonne_4 h2.h2 { font-size:.95em; }

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

/* Habillage general des menus de navigation */

.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu ul { list-style:none; margin:0 0 1em; padding:0 2em 0 0; }
.menu.rubriques ul a { text-transform:none; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
/*.menu-liste { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ddd; }
.menu-liste .menu-entree { margin: 0.20em 0; padding: 0.20em;}
.menu-liste .menu-entree .menu-liste { margin-left: 1em; border: 0; }
.menu-liste .menu-entree .menu-entree { padding: 0; border: 0; }*/
#nav .menu-liste .menu-entree {	display: inline;padding:0;margin:0 0 0 10px; }

#navigation .menu { background:#fcfcfc; margin-top:-10px; padding:0; width:220px; float:right; }
#navigation .menu a {/*color:#666;*/}
#navigation .menu-liste {border-bottom:0;}
#navigation .menu-liste .menu-entree {list-style:square; margin-left:15px; padding:0; color:#f63;}
#navigation .menu-liste .menu-entree .menu-liste {margin-left:0;}
#navigation .liste .h2 {margin-top:1em;}
#navigation .formulaire_recherche{margin-bottom:2em;}

.liste { clear:right; }

/* Pagination */
.pagination { text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
/*
.rubriques ul { border: 0; }
.rubriques ul li { background: #EEE; border: 0; }
*/
.rubriques div { padding:0 .8em .5em 0; }
.rubriques a { display:block; padding:.6em 0 0 0; color:#fff; text-transform:uppercase; font-weight:700; font-size:.9em; text-align:right; }
.rubriques .menu5 a { padding-top:20px; }

/*.rubriques .menu5 { width:170px; }
.rubriques .menu4 { width:66px; }
.rubriques .menu3 { width:176px; }
.rubriques .menu2 { width:162px; }
.rubriques .menu1 { width:210px; }
.rubriques .menu6 { width:170px; }
.rubriques .menu9 { width:180px; }*/



/* Listes d'articles et extraits introductifs */
.liste-items {margin: 0; padding: 0; list-style: none; border-bottom:0;}
.liste-items .item { list-style:square; margin-left:0; padding: 0; /*color:#f63;*/clear: both;overflow:hidden; }
.colonne_1 .liste-items .item { list-style:none; margin:5px; background:#a8c3cf; }
.colonne_1 .liste-items .item .texte { margin:0 10px;}

/*.liste-items .item p { margin-top:0; }*/
.liste-items .item .h3 { margin: 0.30em 0; }
.liste-items .item .h3 a:hover { text-decoration:none;}
.liste-items .item .info-publi {  display:block; float:right; margin-top:0.6em;}

.liste.articles .spip_logos { float: right; clear: right; margin: .8em 0 4px 16px; }
.liste .articles .item .introduction { margin-top: 0.30em; line-height: 1.40em; padding: 0.5em 0 1.5em 1em;}


/* Couleurs des liens
---------------------------------------------- */
a { color: #000; text-decoration: underline; outline:none; }
a:focus,a:hover,a:active { color: #3f3f3f; text-decoration: underline; }
a.spip_out, a.spip_glossaire {
	color: #3F3F3F;
	background:transparent url(img/out.gif) no-repeat scroll right center;
	padding-right:12px;
}


/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 1em; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: transparent; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }

/* Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix label{display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}


/* Champs de saisie */
.formulaire_spip input.text { width: 10em; border: 1px inset; background:#E0EBEF; }
.formulaire_spip textarea { width: 99%; border: 1px inset;  background:#E0EBEF;}
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit { border:1px outset #ddd; background:#B5D3DF; cursor:pointer; font-size:1em; color:#fff; font-weight:700; }
.formulaire_spip .boutons input:hover, input.submit:hover { background:#8EA6AF; }
input.submit { /*width:235px;*/ padding:5px 0; margin-left:-5px; margin-bottom:-5px; border-top:5px solid #9BB4BF /*#73919F*/; }

/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #ff0a0a; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #ff0a0a; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
.formulaire_spip fieldset.previsu p { margin: 1em 0; } 

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


.formulaire_spip .date { clear:both; color:#FFFFFF; display:inline; font-size:1em; font-weight:400; margin-bottom:0; padding:0 0.3em; }
ul.forum, .forum ul, .forum li { margin:0; padding:0; list-style:none; }
ul.forum { padding:1em; }
.forum li { margin:1em 0; }
.forum li li { margin:0 0 0 2em; padding:0; }
.forum .repondre { margin-bottom:1em; font-size:.8em; }
.forum-message { background:#B5D3DF;  }

/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }

/* Formulaire de forum */
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }
.forum .ancre {float:left; margin-right:0.5em;}
.forum .spip_logos {float:right; margin: 0 2px 4px 10px;}

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

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { margin: 0; padding: 0; background: none; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {}
.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(rechercher.gif) no-repeat left center; }
.formulaire_recherche input.submit {}
option { background:#9BB4BF /*#73919F*/; font-size:85%; color:#000; }
option.option { font-size:100%; background:#9BB4BF /*#73919F*/; color:#fff; }
select { width:225px; border:none; background:transparent; cursor:pointer; font-size:1em; color:#fff; font-weight:700; }
/*option span { display:block; position:absolute; top:0; left:0; background:red; }*/


/* 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; } /* Bug IE/Win */

/* Formulaire de login dans une page */
.formulaire_login ul li {clear:left;}
.formulaire_login ul li input.password { width: 15em; border: 1px inset; }
.formulaire_login .editer_password .details {display:block;}
.formulaire_login #spip_logo_auteur {float:right;}



/* et pour le calendrier */

#calendar table { width:100%; text-align:center; line-height:2em; }
#calendar table caption { font-size:1.6em; font-weight:700; color:#fff; margin-top:-1px; text-align:left; }
#calendar table caption span { padding:0px 3px; }
#calendar table caption a { text-decoration:none; color:#fff; }
#calendar table caption a:hover { color:#fff; }
#calendar td { background:#afac9a; font-weight:700; border:1px solid #afac9a; }
#calendar td.today, #calendar td.today.occupe { border:1px solid #fff; }
#calendar td.horsperiode { background:transparent; color:#fff; }
#calendar td.occupe { background:#4C95AF; border:1px solid #4c95af; }
#calendar td.occupe a {/* color:#fff;*/ text-decoration:none; }
#calendar td.occupe a:hover { color:#fff; text-decoration:underline; }