/* by Frdm.fr */

/* PERSO.CSS.HTML                                                       */

/* hr.spip {margin: 2em auto; } */
.hrdot {margin: 2em auto; border-top: 1px dotted #CONFIG{sarkaspip_styles/fg_description, #6262a4}; max-width: 85%;}

/* Marche pas : 
#page {
border-left: 1px solid grey;border-top: 1px solid grey;
border-right: 4px double grey;border-bottom: 4px double grey;
} */

/* sup & sup.typo_exposants | exemples :
line-height:75% !important;
vertical-align:top !important; 
vertical-align: super; */
/* BON : */
sup, sup.typo_exposants {font-size: 78% !important; font-variant: inherit !important; vertical-align: 20% !important;}
/* Mauvais rendu (nécessite le plugin typo_caps)
http://www.spip-contrib.net/ecrire/?exec=naviguer&id_rubrique=1431
.caps {font-size: 88%;} */


/* BASE.CSS                                                             */

/* -------------------------------------------------------------------- */
/* 	Styles de Typographie generale generes par SPIP (spip_styles.css)   */
/* -------------------------------------------------------------------- */

/* Listes SPIP */
/* -- Puces generees par un tiret suivant d'un ou plusieurs asterisques (ex: -* blabla...) */
/* -- Ces puces sont incluses dans une balise <ul class="spip"> et le code de chaque item est <li class="spip"> */
/* ul.spip {padding: 0; margin: 5px 0 10px 20px;}
ul.spip li {[list-style-image: url((#CHEMIN{images/puce-n0.gif})); ]padding: 0; margin: 5px 0 0 0; line-height: 1.4em;}
ul.spip ul.spip li {[list-style-image: url((#CHEMIN{images/puce-n1.gif}));] line-height: 1.4em;}
ul.spip ul.spip ul.spip li {[list-style-image: url((#CHEMIN{images/puce-n2.gif}));] line-height: 1.4em;}
/* -- Puces generees par un tiret suivant d'un ou plusieurs diese (ex: -# blabla...) */
/* -- Ces puces sont incluses dans une balise <ol class="spip"> et le code de chaque item est <li class="spip"> */
/* ol.spip {padding: 0; margin: 5px 0 10px 20px;}
ol.spip li {list-style-type: decimal; list-style-image: none; list-style-position: outside;	padding: 0; margin: 5px 0 0 0; line-height: 1.4em; border:none;}
ol.spip ol.spip li {list-style-type: decimal; line-height: 1.4em;}
ol.spip ol.spip ol.spip li {list-style-type: decimal; line-height: 1.4em;} */

/* spip_style.css :
ul.spip {}
ol.spip { list-style: decimal; } */


/* -- Puces generees par un tiret suivi d'un ou plusieurs asterisques (ex: -* blabla...) */
/* -- Ces puces sont incluses dans une balise <ul class="spip"> et le code de chaque item est <li class="spip"> */

ul.spip {padding: 0; margin: 0 0 0 20px;}
ul.spip li {list-style-type: disc; list-style-image: none; list-style-position: outside; padding: 0; margin: 0; line-height: 1.4em;}
ul.spip ul.spip li {list-style-type: disc; list-style-image: none; line-height: inherit;}
ul.spip ul.spip ul.spip li {list-style-type: disc; list-style-image: none; line-height: inherit;}
ul.spip ul.spip ul.spip ul.spip li {list-style-type: disc; list-style-image: none; line-height: inherit;}
ul.spip ul.spip ul.spip ul.spip ul.spip li {list-style-type: disc; list-style-image: none; line-height: inherit;}
ul.spip ul.spip ul.spip ul.spip ul.spip ul.spip li {list-style-type: disc; list-style-image: none; line-height: inherit;}

/* -- Puces generees par un tiret suivi d'un ou plusieurs dieses (ex: -# blabla...) */
/* -- Ces puces sont incluses dans une balise <ol class="spip"> et le code de chaque item est <li class="spip"> */

ol.spip {padding: 0; margin: 0 0 0 20px;}
ol.spip li {list-style-type: decimal; list-style-image: none; list-style-position: outside; padding: 0; margin: 0; line-height: 1.4em; border:none;}
ol.spip ol.spip li {list-style-type: decimal; line-height: inherit;}
ol.spip ol.spip ol.spip li {list-style-type: decimal; line-height: inherit;}
ol.spip ol.spip ol.spip ol.spip li {list-style-type: decimal; line-height: inherit;}
ol.spip ol.spip ol.spip ol.spip li {list-style-type: decimal; line-height: inherit;}

/* Pour essais :
-* bla
-* bla
-** bla
-*** bla
-*** bla
-**** bla
-***** bla
-**** bla
-*** bla
-** bla

-# bla
-# bla
-## bla
-### bla
-### bla
-#### bla
-##### bla
-## bla
 */


/* -------------------------------------------------------------------- */
/* 	Styles generaux specifiques au squelette                            */
/* -------------------------------------------------------------------- */
/* Typographie par defaut du squelette */
/* h1 {font-size: 2em; line-height: 1.2em;} */
h1 {font-size: 1.9em; line-height: 1.2em;}
p {margin: 0 0 10px;}

/* Exemple qui ne marche pas mis a cet endroit :
.texte p {padding: 0px; margin: 0px; text-indent: 1.4em;}
.texte p:first-child {text-indent: 0px;} */


/* ===== ===== ===== */

/* BANDEAU.CSS                                                          */

/* -------------------------------------------------------------------- */
/* 	Styles du bandeau - partie haute                                    */
/* -------------------------------------------------------------------- */

/* Structure generale du bandeau haut */
.bandeau_haut {
	/* padding: 10px 10px 0;[ min-height: (#CONFIG{sarkaspip_bandeau/haut_minheight, 50})px;] */
       padding: 5px 10px 0;[ min-height: (#CONFIG{sarkaspip_bandeau/haut_minheight, 50})px;]
	background: #CONFIG{sarkaspip_styles/bg_bandeau_haut, #6262a4}[ url((#CHEMIN{images/bg_bandeau_haut#CONFIG{sarkaspip_styles/bi_extension_bandeau_haut, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_bandeau_haut})] ;}

/* Logo, titre et slogan du site */
.site_logo {margin: 10px 20px 10px 10px; float: left;}
/* .site_nom  {padding: 10px 0 0 10px; overflow: visible !important /*Firefox*/; overflow :hidden /*IE6*/;} */
   .site_nom  {padding: 10px 0 0 10px; overflow: visible !important /*Firefox*/; overflow :hidden /*IE6*/;}
/* .site_nom h1 {font-weight: bold;} */
/* .site_nom h1 {font-size: 2.55em; font-weight: bold;} */
   .site_nom h1 {font-size: 6.5em; font-weight: bold;}
.site_nom h1 a {/*color: #8F7962;*/ text-decoration: none;}
.site_nom h1 a:hover {/*color: #6b5e50;*/ text-decoration: #CONFIG{sarkaspip_styles/td_bandeau_haut, none};}
/* .site_nom h2 {font-size: 1.8em; line-height: 1.3em; margin: 0; color: #CONFIG{sarkaspip_styles/fg_bandeau_haut, #eeeeee}; display: inline;} */
   .site_nom h2 {font-size: 4em; font-weight:; line-height: 1.3em; margin: 0; color: #CONFIG{sarkaspip_styles/fg_bandeau_haut, #eeeeee}; display: inline;}


/* ===== ===== ==== */

/* NOISETTES.CSS                                                        */

.noisette .contenu h2.titre, .noisette .contenu h2 a.titre, .noisette .contenu .liste li .titre {
	display: block; padding: 0 0 5px 10px; margin: 0 5px;	font-size: 1.25em; font-weight: normal; text-decoration: none; line-height: 1.2em; color: #CONFIG{sarkaspip_styles/fg_noisette, #808080};
	[background: url((#CHEMIN{images/puce-n2.gif})) left top no-repeat;]}
	
#noisette_navigation.noisette .contenu .liste li .titre,
#noisette_filtre.noisette .contenu .liste li .titre,
#noisette_motscles.noisette .contenu .liste li .titre {
	display: block;
	padding: 0 0 5px 10px;
	margin: 0 5px;
	font-size: 1.25em;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.2em;
}

/* Menus vertical des rubriques et raccourcis inseres dans les colonnes extra et navigation */
/* Navigation dans les rubriques - arborescence deroulante */
.menu_rub1 {padding: 0; font-size: 1.7em; font-weight: bold; line-height: 1.5em; [text-align: (#GET{css_align});]}

/* Navigation dans les rubriques - arborescence depliee */
.menu_rub2 {font-size: 1.7em; border: 0; font-weight: bold; line-height: 1.5em;}

/* Navigation dans les rubriques - arborescence accordeon a ouverture automatique */
.menu_rub3 {width: 100%; padding:0; font-size: 1.7em; font-weight: bold; line-height: 1.5em;}


/* ===== ===== ==== */

/* ELEMENTS.CSS                                                         */

/* -------------------------------------------------------------------- */
/* 	Styles de la description (champs editoriaux)                        */
/* -------------------------------------------------------------------- */
/* Styles generiques */
.description {margin: 10px 0 30px; font-size: 1.2em; line-height: 1em;}
.description li {margin-left: 10px;	line-height: 1.4em;}
.description p {font-size: 1em;}
.description .soustitre {float: none; line-height: 1em; font-size: 1.4em; font-weight: bold; font-style: italic; margin: 0; padding: 0;
	 color: #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
.description .chapo {margin: 0 0 30px; font-style: italic; font-size: 1.3em; color: #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
.description .texte {font-size: 1.25em;}
.description .lien_site {margin: 10px 0 20px; padding-top: 10px; font-size: 1.2em; 
	border-top: 1px dotted #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
.description .ps {margin: 10px 0 20px; padding-top: 10px; font-size: 1.2em; 
	border-top: 1px dotted #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
.description .notes {margin: 10px 0 20px; padding-top: 10px; font-size: 1.2em; 
	border-top: 1px dotted #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
.description .filles {margin: 10px 0 20px; padding-top: 10px; font-size: 1.2em; 
	border-top: 1px dotted #CONFIG{sarkaspip_styles/fg_description, #6262a4};}
.description .filles a {padding: 0 0 0 15px; [background: transparent url((#CHEMIN{images/puce0.jpg})) left center no-repeat; ]text-decoration: none;}
.description .filles a:hover {[background: transparent url((#CHEMIN{images/puce1.jpg})) left center no-repeat; ];text-decoration: none;}


/* ===== ===== ==== */

/*  --------------------------------------------------------------------          */
/* Personnalisation de la lame sommaire du couteau suisse */
/* /plugins/auto/couteau_suisse/outils/sommaire.css.html     */
/*  --------------------------------------------------------------------         */
/* Notamment http://www.steph-en-bretagne.com/personnalisations-avancees/sommaire-du-couteau-suisse */
/* http://www.spip-contrib.net/Un-sommaire-pour-vos-articles#formulaire_forum */

.cs_sommaire {
        /* margin-right:20% !important;
        margin-left:20% !important; */
        margin-bottom:40px !important;
        /* width:60% !important; */
        width:100% !important;
        /* white-space:nowrap !important; */
}
/* .cs_sommaire_avec_fond {
        border: 1px solid rgb(211, 134, 16) !important;
} */
/* .cs_sommaire_sans_fond {
        border: thin solid rgb(211, 134, 16) !important;
        background-color: #FaFaFc !important;
} */

div.cs_sommaire ul li {
	list-style-type: disc !important;
	margin-left: 1em !important;
}
.cs_sommaire_inner>ul>li>a {
        font-weight: bold; font-size: 105% !important;
        padding: 0 0 10px 0; !important
}
/*div.cs_sommaire_titre_avec_fond, div.cs_sommaire_titre_sans_fond {
        color : #195472 !important;
} */