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

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */




body {
	background: #E4E0D9;
	margin: 0;
	padding:0;
	text-align: center;
	font-size: 11px;
	color: #333;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: bold;
color:#666;
}
p.spip {
font-size:10px;
color:#666;
line-height:16px;
}
a.spip_out {
color:#bf232e;
}
h3.spip {
font-size:12px;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
text-align:left;
color:#ce2226;
}
#planAcces {
background:url(iconplan.gif) top left no-repeat;
height:22px;
width:150px;
}
#planAcces span{
display:block;
height:22px;
margin-left:22px;
font-size:11px;
font-weight:bold;
line-height:18px;
}
#planAcces a{
color:#ce2227;
}
#planAcces a:hover{
color:#777777;
text-decoration:none;
}
.tel{
font-size:13px;
font-weight:bold;
}
.c_petit{
display:block;
width:330px;
font-size:9px;
color:#aca79d;
margin-left:20px;
}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 975px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	background: url(fond-total.jpg) repeat-y;
}

#conteneur {
display:block;
width: 975px;
background: url(fond-total.jpg) repeat-y;
height:auto;
}
#conteneur #contenu {
	float: left;
	width: 975px;
	background: url(fondContenu.jpg) repeat-y;
}

/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart {
	float: right;
	width: 400px;
	margin-bottom:150px;
	padding: 0 25px;
	background: url(fond-contre-encart.gif) top left repeat-y;
}
#contenu .contre-encart-map{
	float: right;
	width: 600px;
	margin-bottom:150px;
	padding: 0 25px;
}
#contenu .contre-encart-mid {
	float: right;
	width: 360px;
	margin-bottom:150px;
	padding: 0 25px;
	background: url(fond-contre-encart.gif) top left repeat-y;
}

#contenu #plan-site {
	float: right;
	width: 400px;
	margin-bottom:150px;
	padding: 0 25px;
	background: url(fond-contre-encart.gif) top left repeat-y;
}
#plan-site ul{
margin:0;
padding:10px;
list-style:none outside none;
}
#plan-site h2{
padding-left:15px;
line-height:16px;
background: url(icone-rub.gif) top left no-repeat;
}
#plan-site li{
padding-left:15px;
margin:4px 0;
line-height:11px;
font-weight:normal;
background: url(icone-article.gif) top left no-repeat;
}
#plan-site li.s_rub_plan{
padding-left:15px;
line-height:16px;
font-weight:bold;
background: url(icone-rub.gif) top left no-repeat;
}


#img_article{
float:right;
background: url(dots-filinfo.gif) bottom left no-repeat;
width:160px;
/*height:235px;*/
margin:0 15px 20px 0;
padding-bottom:20px;
}
#contenu .contre-encart .boite_news{
float:left;
width:193px;
margin-top:20px;
padding:0;
background:transparent none;
}
.boite_news h2, .liste-articles h2{
background:url(icone-Une.gif) top left no-repeat;
height:23px;
line-height:23px;
padding-left: 25px;
border-top: 1px solid #C0BAAF;
}
.boite_news a.titre {
display:block;
width:193px;
padding-top:10px;
font-weight:bold;
color:#5F5F5F;
font-size: 10px;
float:left;
clear:right;
}
.boite_news a.titre:hover {
color:#CE2126;
}
.boite_news a.lireSuite {
display:block;
height:30px;
width:193px;
line-height:30px;
font-weight:normal;
color:#5F5F5F;
font-size: 10px;
text-align:right;
}
.boite_news a.lireSuite:hover {
color:#CE2126;
}
.boite_news ul{
margin:0;
padding:0;
}
.boite_news li{
border-top: 1px solid #C0BAAF;
list-style:none;
}
.boite_news span{
font-size:10px;
color:#5F5F5F;
font-weight:normal;
margin:0;
padding:0;
width:193px;
}
#contenu .contre-encart .boite_rub{
float:left;
width:185px;
margin:20px 0 0 20px;
padding:0;
border: 1px solid #C0BAAF;
}
.boite_rub img{
display:block;
margin: 10px;
}
.boite_rub h2{
margin: 10px 0 5px 10px;
}
.boite_rub a{
display:block;
font-weight:bold;
font-size:10px;
margin: 0 0 0 10px;
color:#CF2227;
}
.boite_rub2 h2{

background:#C0D554;
}
.boite_rub2 h2 span{
display:block;
padding: 5px 0 5px 10px;
font-weight:bold;
font-size:10px;
color:#5F5F5F;
}
#contenu .contre-encart .boite_rub2{
float:left;
width:185px;
height:60px;
margin:20px 0 0 20px;
padding:0;
border: 1px solid #C0D554;
}

#contenu .encart {
position:relative;
	float: right;
	width: 160px;
	padding: 0;
	margin-right:15px;
	border: 1px solid #5F5F5F;
}
#contenu .encart-mid {
position:relative;
	float: right;
	width: 200px;
	padding: 0;
	margin-right:15px;
}
#contenu .encart #corner_bottom{
position:absolute;
background:url(corner-bottom-right.gif) no-repeat;
width:63px;
height:66px;
bottom:-8px;
right:-9px;
}
#contenu .encart h2{
height:30px;
background:#5F5F5F url(rss.gif) top left no-repeat;
color:#fff;
line-height:28px;
}
.encart h2 span{
margin-left:35px;
}
.encart ul{
 margin:0;
 padding:0;
 width:160px;
 height:auto;
 }
li.filInfo{
display:block;
list-style:none outside none;
background: url(dots-filinfo.gif) top left no-repeat;
font-size:9px;
text-align:left;
margin:0;
width:100%;
padding:0;
float:left;
color:#5F5F5F;
}
li.filInfo a{
display: block;
margin:0;
padding:5px 10px;
color:#5F5F5F;
line-height:14px;

}
li.filInfo a:hover{
color:#CF2226;
text-decoration:none;
}
p.titreRSS{
font-size:10px;
font-weight:bold;
margin-left:10px;
}
.log{
width:222px;
background:#C0D554;
height:auto;
margin:20px 0;
padding-bottom:5px;
}
fieldset{
border:none;

}
fieldset input{
width:130px;
}
.encart .log form fieldset p{
font-size:10px;
color:#000;
display:inline;
}

#navigation .log p{
 font-size:10px;
 font-weight:normal;
 color:#5F5F5F;
 padding-left:26px;
}
#navigation .log h1{
 font-size:12px;
 font-weight:bold;
 color:#5F5F5F;
 padding:5px 0 0 26px;
}
.log fieldset{
border:none;
padding:0 0 5px 0;
_padding:0;
margin:0;
}
.log fieldset p{ 
padding-left:0;
}
#navigation .log p.reponse_formulaire {
color:#CF2025;
}
.log form{
margin:0;
padding: 5px 0;
 width:180px;
}
.log label{
float:left;
 margin:0;
 padding:0;
}
input#var_login, input.passw{
border:1px solid #C0BAAF;
display:block;
float:left;
font-size:10px !important;
height:14px;
padding:0pt;
width:110x;
}
.logtitre{
font-size:12px;
font-weight:bold;
color:#fff;
margin: 0 0 0 26px;
padding-top:10px;
background:url(icone-user.gif) bottom left no-repeat;
 }
.logtitre span{
margin-left:20px;
}
/* Entete */
#entete {
	width: 100%;
}
#entete #logosite{
display:block;
width:75px;
height:140px;
background: url(logoGauche.jpg) top left no-repeat;
float:left;
}
#entete #bandeau{
display:block;
width:650px;
height:140px;
float:left;
}
#entete #menutop{
padding-top:20px;
display:block;
width:250px;
height:120px;
float:left;
background: url(fond-menutop.jpg) top left repeat-y;
}
#entete #menutop a{
margin-right:30px;
_margin-right:15px;
padding-left:20px;
display:block;
width:176px;
height:21px;
line-height:21px;
float:right;
font-size:10px;
color:#666;
}
#entete #menutop a:hover{
color:#CF2227;
}
.contacts{
background: url(bt-contacts.gif) top right no-repeat;
}
.adhesions{
background: url(bt-adhesion.gif) top right no-repeat;
}
.planet{
background: url(bt-planet.gif) top right no-repeat;
}
.liens{
background: url(bt-liens.gif) top right no-repeat;
}

#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.5em; }
#entete a { text-decoration: none;
}
/* Formulaire de recherche */
#entete .formulaire_recherche {
float: left;
display:block;
margin:0;
width:200px;
margin-left:24px;
_margin-left:12px;
background: url(recherche.gif) top left no-repeat;
}
.formulaire_spip {
text-align: left;
font-size: 10px;

}
.formulaire_recherche label {
font-size: 10px;
margin:0 0 5px 20px;
line-height:16px;
color:#666;

}
#entete #menutop a#formulaire_recherche {
display:none;
line-height:1px;
height:1px;
display:block;
}
#entete form{
display:block;
margin:0;
margin:0;
float:left;
}
input.bouton{
height:16px;
float:left;
}
input#recherche{
display:block;
width: 175px;
height:14px;
font-size: 10px !important;
border: 1px solid #C0BAAF;
padding: 5px 0 0 0;
padding:0;
float:left;
}
/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin:0;
	font-size: 10px;
	height:40px;
	padding-left:100px;
	line-height:30px;
	float:left;
}

/* Pied de page */
#pied {
clear: both;/**/
width:975px;
height:36px;
color:#BFBFBF;
font-size:10px;
padding: 0;
text-align: center;
background: url(fond-footer.jpg) no-repeat;/**/
}
#pied a {
color:#BFBFBF;
}
#pied a:hover {
color:#5F5F5F;
}
#pied img { vertical-align: bottom; }

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

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


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

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

/* Typo pour le contenu */
#contenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .textes, .voirskel {
	font-family: Georgia, Times, serif; }


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

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

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


.breves,.pde{
/*float:left;*/
width:240px;
padding:30px 0px 0px 10px;
}
.breves ul, .pde ul{
/*margin: 0;
padding: 0;
list-style: none;
text-align: left;
background:transparent none;
width:220px;*/
}
.sousrub{

}
.breves ul li, .pde ul li{
/*float:left;padding: 0;*/
margin-top:1px;clear:both;
width:180px;
height:20px;

background:transparent none;
}
.breves ul li a, .pde ul li a{
font-size:11px;
font-weight:bold;
}
.breves ul li a:hover{
font-size:11px;
font-weight:bold;
color:red;
}


#navigation{
/**/position:relative;
background: url(fondMenuGeneral.jpg) repeat-y;
float:right;
width:250px;
height:auto;
margin: 0;
text-align: left;
padding-bottom:20px;
}
#navigation #menu_corner{
position:absolute;
background:url(menu-corner-bottom.gif) no-repeat;
width:69px;
height:68px;
bottom:-7px;
right:-8px;
}
#menu_public{
width:222px;
height:auto;
}
#menu_adh ul{
clear:right;
}
#menu_public ul{
clear:right;
}

#navigation p{
margin: 0;
padding-left: 26px;
text-align: left;
}
.affiche{
margin: 0;
padding:0;
height:auto;
display:block;
visibility:visible;
background: url(fondMenuGeneral.jpg) repeat-y;
}
.cache{
margin: 0;
padding:0;
display:none;
}
.lienM, .lienMon{
display:block;
background: transparent none;
padding: 0;
margin-bottom:2px;
height:auto;
}
#navigation ul, #menu_public ul, #menu_public .affiche ul.article{
display:block;
clear:right;
margin: 0;
padding:0;
height:auto;
list-style: none outside none;
background: url(fondMenuGeneral.jpg) repeat-y;
}/**/

#menu_public li, #menu_public .affiche li, #menu_adh li.private{
width:222px;
line-height:20px;
height:28px;
margin: 0;
padding:0;
}

#menu_public li a{
display:block;
padding-left:46px;
margin:0;
color:#fff;
text-decoration:none;
width:186px;
font-weight:bold;
font-size:10px;
background:url(cell-icone-rub.gif) top left no-repeat;
}
#menu_public li a:hover{
background-position: 0px -28px;
}
#menu_adh li a{
display:block;
padding-left:46px;
margin:0;
color:#5F5F5F;
text-decoration:none;
width:186px;
font-weight:bold;
font-size:10px;
background: url(cell-icone-rub-adh.gif) top left no-repeat;
}

#menu_adh li a:hover, #menu_adh li a.lienMon{
background-position: 0px -28px;
color:#336600;
display:block;
}
#menu_public li a:hover, #menu_public li a.lienMon{
background-position: 0px -28px;
color:#FFCC00;
display:block;

}
#menu_adh .rubrique li a{
background: url(cell-icone-S-rub-adh.gif) top left no-repeat;
}
#menu_adh .rubrique li a:hover{
background-position: 0px -28px;
}
#menu_adh .affiche ul.article li{
width:222px;
line-height:20px;
margin: 0;
padding:0;
}
#menu_adh .affiche ul.article li a{
display:block;
color:#5F5F5F;
text-decoration:none;
font-weight:normal;
font-size:10px;
background: url(cell-icone-article.gif) top left no-repeat;
}
#menu_adh .affiche ul.article li a:hover{
display:block;
color:#E1ED80;
text-decoration:none;
font-weight:normal;
font-size:10px;
height:20px;
background: url(cell-icone-article.gif) top left no-repeat;

}
#menu_public .affiche, #menu_adh .affiche{
position:relative;
padding:0px 0 5px 0;
_padding:5px 0 5px 0;
}
#menu_public .affiche ul.article li{
width:222px;
line-height:20px;
height:20px;
margin: 0;
padding:0;
}
#menu_public .affiche ul.article li a{
display:block;
color:#5F5F5F;
text-decoration:none;
font-weight:normal;
font-size:10px;
height:20px;
background: url(cell-icone-article.gif) top left no-repeat;
}
#menu_public .affiche ul.article li a:hover{
display:block;
color:#fff;
text-decoration:none;
font-weight:normal;
font-size:10px;
height:20px;
}

/* ------------------------ */
/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.rubriques { background: transparent none;}
.rubriques .menu-titre { background: #F2FFF2; }
.syndic { background: #E8F8F8; }
.syndic .menu-titre { background: #F0FCFC; }

.forums { background: #EAEAFF; }
.forums .menu-titre { background: #F2F2FF; }

.divers { background: #F8F8E8; }
.divers .menu-titre { background: #FCFCF0; }

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

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin-bottom: 2em; }

.cartouche .titre {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin-top:30px;
}
.rub_parent_titre{
	display:block;
	border-bottom:1px solid #C0BAAF;
	/*float:right;*/
	text-align:right;
	font-size: 18px;
	font-weight: bold;
	color: #C0BAAF;
}
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.96em; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/*  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: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul {
margin: 18px 0 0 36px;
padding: 0;
list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; }

.liste-articles li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	color:#5F5F5F;
	padding: 10px;
	font-size: 10px;
	line-height: 14px; }

.pagination { font-size: 0.90em; }

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

/* Boutons */
.spip_bouton {
text-align: right;
font-size:11px;
}
.spip_bouton input {
display:inline;
float:left;
width:20px;
height:16px;
font-size:11px !important;
color:#5F5F5F5;
}
.spip_forms {
color:#5F5F5F;
font-weight:normal;
margin:0px 0px 16px;
padding:6px;
}


/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color:#CF2227; }
.lienRSS{
display:block;
border-top: 1px dotted #999;
}