/* #PRODUIRE{fond=css/perso.css}
   md5:3bc6118eb036e9f7c47929771ad58408 */
/*
VALAS.fr · SPIP · PERSO.CSS.HTML by Frdm.fr
*/


/* ===== ===== ===== */
/* MISC				 */
/* ===== ===== ===== */                                                       */


.noit { font-style: normal; } 

/* site PV ?
#cookieChoiceInfo 
	{ 
	font-size: 1.3em; 
	line-height: 1.5em;
	}
*/


/* TITRE DES IMAGES dans les popup : */
#cboxTitle
	{
	clear: both; 
	/* margin: 1em 0 2em 0; */
	margin-top: 1em;
	line-height: 1em; 
	font-size: 1.5em;
	color: rgba(0,0,51,0.95);
	background-color: rgba(255, 255, 255, 0.3);
	}


/* FLEX (class) : */
.dispflex 
	{
	display: flex;
	justify-content: space-around;
	align-content: flex-start;
	align-items: flex-start;
	flex-shrink: 0;
	}

.dispflexwrap 
	{
	display: flex;
	justify-content: space-around;
	align-content: flex-start; 
	align-items: flex-start;
	flex-wrap: wrap; 
	flex-shrink: 0;
	}
	

/* CLEAR (class) : */

.clearl { clear: left; }
.clearr { clear: right; }
.clearb { clear: both; }
.clearis { clear: inline-start; }
.clearie { clear: inline-end; }


/* INPUT, TEXTAREA : */

input, textarea, select
		{
		line-height: 1.7em !important; 
		font-size: 1.5em !important;
		}
		
.formulaire_spip, 
.formulaire_spip input.text, 
.formulaire_spip textarea
		{
		line-height: 1.5em !important; 
		font-size: 1.35em !important;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 0.5em;
		}

.formulaire_spip
	{
	width: 98.395%;
	line-height: 1.5em !important; 
	font-size: 1.35em !important;
	}


/* site PV ? */
/* TEXTE ENCADRÉ (class) : */
/* .texteencadre-spip 
	{
	background:rgba(238,238,255,0.3);
	color: rgba(0,0,51,0.95);
	border-bottom: 2px solid rgba(0,102,204,0.95);
    border-left: 1px solid rgba(51, 153, 255,0.95);
    border-right: 2px solid rgba(0,102,204,0.95);
    border-top: 1px solid rgba(51, 153, 255,0.95);
	line-height: 150% !important;
	margin: 1em 0 2em 0;
	padding: 1em; 
    float: inline-start;
	}
*/
	/*position: relative;*/ /*float: inline-start; */


/* LIEN ROUGE : */

/* a.lienrouge:link { color:#CB2026 }
a.lienrouge:link { color: #AA0225;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #AA0225;
	text-decoration: none; }
a.lienrouge:visited { color: #103787; }
a.lienrouge:hover { color: #3b5998;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3b5998; }
a.lienrouge:active { color: #CB2026; } */


/* STRETCHED TEXT : */

/* http://stackoverflow.com/questions/6351013/css-can-i-stretch-text */
/* .stretched-text { letter-spacing: ;
	display: inline-block;
	font-size: 3em;
	transform: scaleY(0.5);
	transform-origin: 0 0;
	margin-bottom: -50%;
	vertical-align: super; } */

.stretched-text 
	{
	display:inline-block;
    -webkit-transform:scale(2,1); /* Safari and Chrome */
    -moz-transform:scale(2,1); /* Firefox */
    -ms-transform:scale(2,1); /* IE 9 */
    -o-transform:scale(2,1); /* Opera */
    transform:scale(2,1); /* W3C */
	}


/* SPIP NOTE : */

.spip_note_ref 
	{
	top: -0.5em;
	font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
	}


/* SPIP GLOSSAIRE : */

a.spip_glossaire,
a.spip_glossaire:hover
		{
		color: rgb(0, 102, 0);
		}

a.spip_glossaire:hover 
	{
	text-decoration:none;
	border-top: dotted 1px;
	border-bottom: dotted 1px;
	}


/* BLOCS · BLOCS_TITRE & BLOCS_DESTINATION : */

.blocs_titre 
	{
	padding-top: 10px; 
	padding-bottom: 15px; 
	font-weight: 500; 
	}

.blocs_destination 
	{
	margin-bottom: 30px !important; 
	} 


/* FILETS : */

/* Cf. spip_style.css */
/* hr.spip {  } */
/* hr.spip { margin: 2em auto; } */

/* http://romy.tetue.net/comment-styler-une-hr
<hr style="background: transparent url('http://WwW.VaLaS.Fr/tuto/filaretordre1.gif') no-repeat; width: 350px; height: 10px; border: none;"> 
ou bien marche mieux pour IE :
.separation { background: transparent url('http://WwW.VaLaS.Fr/img/filaretordre2.gif') no-repeat top left;
	width: 250px;
	height: 87px; }
.separation hr { display: none; }
<div class="separation"><hr></div> */

.hrdot 
	{
	margin: 2em auto;
	border-top: 1px dotted rgba(88,119,158,0.95);
	max-width: 80%;
	}


/* SMALL-CAPS : */

/* font-size: inherit !important; */
/* Mauvais, nécessite d'isoler la majuscule lorsque présente :
sc, small-caps {font-size: 78% !important; text-transform:uppercase !important; letter-spacing:0.5px;} */
/* Mauvais rendu (nécessite le plugin typo_caps) :
http://www.spip-contrib.net/ecrire/?exec=naviguer&id_rubrique=1431
.caps {font-size: 88%;} */
/* (Voir aussi Couteau Suisse, Lame "Décoration") */
/* sup, sup.typo_exposants {font-size: 78% !important; font-variant: inherit !important; vertical-align: 20% !important;} */

sc, small-caps, caps 
	{
	font-variant:small-caps !important;
	letter-spacing:0.05em !important;
	}

sc, small-caps 
	{
	font-size: 95%;
	font-weight: 500
	}


/* ===== ===== ===== */
/* LAYOUT.CSS        */
/* ===== ===== ===== */


/* BODY & CONTAINER : */

/* body { font-size: 1em; line-height: 1.2em; } */

body 
	{ 
	font-size: 0.7em; 
	overflow-wrap: break-word;
	}


/* ===== ===== ===== */
/* BASE.CSS			 */
/* ===== ===== ===== */                                                             */


/* GRAISSE : */

.un { font-weight: 100 !important; }
/* 200 n'existe pas en Roboto : */
.deux { font-weight: 200 !important; }
.trois { font-weight: 300 !important; }
.quatre { font-weight: 400 !important; }
.cinq { font-weight: 500 !important; letter-spacing:0.002em; }
b, bold, strong { font-weight: 500 !important; letter-spacing:0.002em; }
/* 600 n'existe pas en Roboto : */
.six { font-weight: 600 !important; letter-spacing:0.005em; }
.sept { font-weight: 700 !important; letter-spacing:0.01em; }
/* 800 n'existe pas en Roboto : */
.huit { font-weight: 800 !important; letter-spacing:0.03em; }
.neuf { font-weight: 900 !important; letter-spacing:0.08em; }

/* 
Texte pour vérification :
<b class="un">100=</b>
<b class="deux">200=</b>
<b class="trois">300=</b>
<b class="quatre">400=Regular</b>
<b class="cinq">500=Medium</b>
<b class="cinq">500=Medium</b> = {{<code>{{</code>500=Medium<code>}}</code>}}
<b class='six'>600=SemiBold</b>
<b class="sept">700=Bold</b>
<b class='huit'>800=ExtraBold</b>
<b class='neuf'>900=Black</b>
*/


/* Titraille / Intertitres */

h3.spip { font-weight: 700 !important; 
	font-size: 1.2em; 
	margin: 1.9em 0 1.15em 0; 
	text-align: left; 
	line-height: 1.25em; 
	letter-spacing:0.04em; 
	}
	/* text-shadow: -1.5px -1.5px 0.01px #ffffff; */
h4.spip { font-weight: 600 !important; 
	font-size: 1.1em; 
	margin: 1.75em 0 1.07em 0; 
	text-align: left; 
	line-height: 1.2em; 
	letter-spacing:0.03em; 
	color: #606060; 
	}
h5.spip { font-weight: 500 !important; 
	font-size: 1em; 
	margin: 1.65em 0 1em 0; 
	text-align: left; 
	line-height: 1.2em; 
	letter-spacing:0.02em; 
	color: #606060; 
	font-style: italic; 
	}
h6.spip { font-weight: 300 !important; 
	font-size: 1em; 
	margin: 1.55em 0 .8em 0; 
	text-align: left; 
	line-height: 1.2em; 
	letter-spacing:0.01em; 
	}
.titraille5.spip { font-weight: 300 !important; 
	font-size: 1em; 
	margin: 1.45em 0 .7em 0; 
	text-align: left; 
	line-height: 1.2em; 
	letter-spacing:0em; 
	font-style: italic; 
	}


/* -------------------------------------------------------------------- */
/* 	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('http://WwW.VaLaS.Fr/squelettes/images/puce-n0.gif'); padding: 0; margin: 5px 0 0 0; line-height: 1.4em;}
ul.spip ul.spip li {list-style-image: url('http://WwW.VaLaS.Fr/squelettes/images/puce-n1.gif'); line-height: 1.4em;}
ul.spip ul.spip ul.spip li {list-style-image: url('http://WwW.VaLaS.Fr/squelettes/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-bottom: 0.35em; 
	margin: 2px 0; 
	line-height: 1.35em;
	}
ul.spip ul.spip li { list-style-type: disc; 
	list-style-image: none; 
	line-height: 1.35em; 
	padding-top: 0.1em; 
	padding-bottom: 0.1em; 
	margin: 0.75px 0 0.75px 0;
	}
ul.spip ul.spip ul.spip li { list-style-type: disc; 
	list-style-image: none; 
	line-height: 1.35em;
	}
ul.spip ul.spip ul.spip ul.spip li { list-style-type: disc; 
	list-style-image: none; 
	line-height: 1.35em;
	}
ul.spip ul.spip ul.spip ul.spip ul.spip li { list-style-type: disc; 
	list-style-image: none; 
	line-height: 1.35em; 
	}
ul.spip ul.spip ul.spip ul.spip ul.spip ul.spip li { list-style-type: disc; 
	list-style-image: none; 
	line-height: 1.35em; 
	}


/* -- 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 0 10px 0; margin: 0; line-height: 1.4em; border:none; }
ol.spip ol.spip li { list-style-type: decimal; line-height: inherit; padding: 5px 0 0 0; }
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; } */

/* http://stackoverflow.com/a/26245056 */

ol.spip { list-style-type: none;
	counter-reset: item;
	margin: 0;
	padding: 0;
	overflow-wrap: word-break;
	}
ol.spip > li { display: table;
	counter-increment: item;
	margin-bottom: 0.6em;
	overflow-wrap: word-break;
	}
ol.spip > li:before { content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.6em;    
	padding-top: 0.6em;
	overflow-wrap: word-break;
	}
li ol.spip > li { margin: 0;
	overflow-wrap: word-break;
	}
li ol.spip > li:before { content: counters(item, ".") ". ";
	overflow-wrap: word-break;
	}

/* 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' used to be 'font-size: 1.9;' & 'line-height: 1.2em;' */
/* h1 {font-size: 2.25em; font-weight: bold; line-height: 1.35em;} */
/* p {margin: 0 0 10px;} */
/* center {line-height: 1.75em; margin: 0 0 20px 0;} */
/* .spip.style.text-align:right {margin: 50px 0 10px 0;} */

h1  {
	font-size: 2.2em;
	font-weight: 700;
	line-height: 1.45em;
	}
h2  {
	line-height: 1.3em;
	font-weight: 500;
	}
p   {
	margin: 0 0 10px;
	}
center {
	line-height: 140%;
	margin: 0 0 1em 0;
	padding-top: 0.3em;
	}
.spip-block-right {
	line-height: 140%;
	margin-bottom: -0.5em;
	padding-top: 0.3em;
	}
figcaption {
	padding-top: 0.3em;
	}
img {
	max-width: 100%;
	}


/* ===== ===== ===== */
/* BANDEAU.CSS       */
/* ===== ===== ===== */


.pied_bas 
	{
	font-size: 1.2em;
	font-weight: 500;
	letter-spacing:0.03em;
	}
/*	min-height: 50px; 
	padding: 10px 20px 10px;
	text-align: right;
	background: rgba(88,119,158,0.95);
	color: rgba(238,238,238,0.95);

*/
/* .pied_bas .copyright {margin: 0 0 5px;}
.pied_bas .credits {margin: 0 0 5px;}
.pied_bas a {color: rgba(238,238,238,0.95); text-decoration: none;}
.pied_bas a:hover {color: rgba(255,255,255,0.95); text-decoration: underline;} */


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

/* Structure generale du bandeau haut */
.bandeau_haut {
	/* padding: 10px 10px 0; min-height: 540px; */
       padding: 5px 10px 0; min-height: 540px;
	background: rgba(88,119,158,0.95) url('http://WwW.VaLaS.Fr/squelettes/images/bg_bandeau_haut.jpg') no-repeat ;}

/* 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: 5.5em; font-weight: bold;}
.site_nom h1 a {/*color: #8F7962;*/ text-decoration: none;}
.site_nom h1 a:hover {/*color: #6b5e50;*/ text-decoration: none;}
/* .site_nom h2 {font-size: 1.8em; line-height: 1.3em; margin: 0; color: rgba(239,239,239,0.95); display: inline;} */
   .site_nom h2 {font-size: 3em; font-weight:; line-height: 1.3em; margin: 0; color: rgba(239,239,239,0.95); display: inline;}
   

.bandeau_chemin 
	{
    font-weight: 500;
	letter-spacing:0.1em;
	}


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

/* NOISETTES.CSS                                                        */

.noisette .contenu .texte 
	{
	line-height: 135%; 
	font-size: 132%; 
	}


.menu_horiz
	{
	font-size: 1.6em;
	font-weight: 500;
	letter-spacing: 0.06em;
	align: center;
	max-width: 100% !important;
	}
.menu_horiz li
	{
	min-height: 54px;
    border-left: rgba(237, 225, 203, 0.9) dotted 1px;
	border-bottom: rgba(237, 225, 203, 0.9) dotted 1px;
	line-height: 1.2em;
	padding-top: 0.3em;
	}
.menu_horiz a
	{
	border-left: none;
	}


.noisette .contenu .liste ul,
.noisette .contenu .liste ol,
.noisette .contenu .liste ol li
		{
		font-size: 1em !important;
		line-height: 1.05em;
		}

.noisette h1.intitule,
.noisette h1 a.intitule
		{
		font-weight: 500 !important;
		}
.noisette .contenu h2.titre_bloc,
.noisette .contenu h2 a.titre_bloc
		{
		font-weight: 500 !important;
		letter-spacing:0.02em;
		}
.noisette .contenu h2.titre,
.noisette .contenu .liste li .titre
		{
		font-size: 1.25em !important;
		font-weight: 500 !important;
		line-height: 1.3em;
		padding-bottom: 10px;
		}


#noisette_navigation.noisette .contenu .liste li .titre,
#noisette_filtre.noisette .contenu .liste li .titre,
#noisette_motscles.noisette .contenu .liste li .titre
		{
		font-size: 1.25em;
		line-height: 1.3em;
		padding-bottom: 10px;
		}


/* 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.8em;
	font-weight: 500;
	line-height: 1.5em;
	letter-spacing:0.05em !important;
	}

/* Navigation dans les rubriques - arborescence depliee */

.menu_rub2 
	{
	font-size: 1.8em;
	border: 0;
	font-weight: 500;
	line-height: 1.5em;
	letter-spacing:0.05em !important;
	}

/* Navigation dans les rubriques - arborescence accordeon a ouverture automatique */

.menu_rub3 
	{
	width: 100%;
	padding:0;
	font-size: 1.8em;
	font-weight: 500;
	line-height: 1.5em;
	letter-spacing:0.05em !important;
	}


/* Styles specifiques pour l'herbier */

#noisette_herbier.noisette .contenu h2.titre_bloc,
#noisette_herbier.noisette .contenu h2 a.titre_bloc
		{
		text-align: left;
		padding-left: 4px;
		padding-right: 3px;
		line-height: 1.25em;
		}

/* #noisette_herbier.noisette .contenu .texte {text-align: left;} */


/* Styles specifiques pour les brèves */

#noisette_breves.noisette .contenu h2.titre_bloc,
#noisette_breves.noisette .contenu h2 a.titre_bloc
		{
		text-align: left;
		padding-left: 4px;
		padding-right: 3px;
		line-height: 1.25em;
		}


/* ===== ===== ===== */
/* ELEMENTS.CSS      */
/* ===== ===== ===== */


/* CHEZ FRDM MAIS PAS CHEZ PV
.article 
	{
	background-color: rgba(237, 225, 203, 0.7);
	padding-top: 8px;
	}

.rubrique 
	{
	background-color: rgba(237, 225, 203, 0.7);
	}


/* Logo article, à gauche */
/*.gauche 
	{
    float: left;
    margin: 0 1.5em 0.5em 0 !important;
	}
*/
/* Logo édito, à droite */
/*.droite 
	{
    float: right;
    margin: 0 0 1.5em 2em;
	padding-right: 10px;
	}
*/


/* -------------------------------------------------------------------- */
/* 	Styles de PAGE SOMMAIRE												*/
/* -------------------------------------------------------------------- */


/* PAGE SOMMAIRE : */

#edito.article .description,
#une.article .description
		{
		background-color: transparent !important;
		}

/* cartouche, #une.article .cartouche {font-size: 1.2em} */
/* #une.article .complements {font-size: 0.91em; margin-bottom: 10px;} */


/* -------------------------------------------------------------------- */
/* 	Styles du CARTOUCHE (auteurs, date, popularite, notation)           */
/* -------------------------------------------------------------------- */


.cartouche 
	{
	font-weight: normal; 
	font-size: 1.2em !important; 
	line-height: 1.5em; 
	padding-top: 15px;
	}

.complements 
	{font-weight: normal; 
	font-size: 0.91em !important;
	}

.lineheightauteurs 
	{
	margin-top: -4px !important; 
	}


/* FRDM MAIS PAS PV */
/* SOCIAL PLUGIN · SOCIALTAGS & FB : */

/*.social-plugin 
	{
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	}

.fb_modeles 
	{
	margin-top: -5px;
	margin-right: -15px;
	}

.socialtags 
	{
	margin-top: -0.5px !important;
	}
*/


/* -------------------------------------------------------------------- */
/* 	Styles de la DESCRIPTION (champs editoriaux)                        */
/* -------------------------------------------------------------------- */


/* Styles generiques */


.description { margin: 10px 0 30px; 
	padding: 10px; 
	line-height: 1.5em; }
.description li { margin-left: 10px; 
	line-height: 1.5em; 
	font-size: 1em; }
.description p { line-height: 1.4em; }
.description .titre { font-weight: 500; }
.description .soustitre { float: none; 
	line-height: 1.35em; 
	font-size: 1.45em; 
	font-weight: 500; 
	font-style: italic; 
	margin: 0; 
	padding: 0; }
.description .chapo { margin: 0 0 30px; 
    font-weight: 500;
	font-style: normal; 
	font-size: 1.42em; 
	color: #2c7236; }
.description .texte { font-size: 1.4em; }
.description .lien_site { margin: 10px 0 20px; 
	padding-top: 10px; 
	font-size: 1.2em; 
	line-height: 1.25em; }
.description .ps { margin: 10px 0 20px; 
	padding-top: 10px; 
	font-size: 1.2em; 
	line-height: 1.25em; }
.description .notes { margin: 10px 0 20px; 
	padding-top: 10px; 
	font-size: 1.2em; 
	line-height: 1.25em; }
.description .filles { margin: 10px 0 20px; 
	padding-top: 10px; 
	font-size: 1.2em; 
	line-height: 1.25em; }
	

/* -------------------------------------------------------------------- */
/* 	Styles des blocs de type extraits                                   */
/* -------------------------------------------------------------------- */

.extrait 
	{
	padding: 2px 2px 5px 15px !important; 
	}
.extrait h3 a.titre 
	{
	display: block; 
	padding-top: 5px; 
	padding-right: 7px; 
	margin: 0; 
	font-size: 1.6em; 
	font-weight: 500 !important; 
	line-height:1.25em; 
	text-decoration: none; 
	}
	/*text-shadow: -1.5px -1.5px 0.01px #ffffff;*/
.extrait .cartouche 
	{
	margin: 3px 5px 10px 5px !important;
	}
.extrait .lire_suite 
	{
	margin: 10px 0 3px 0px; 
	font-size: 1.1em; 
	}
.extrait .introduction 
	{
	margin: 10px 2px 0; 
	font-size:1.2em; 
	line-height : 1.4em; 
	}


/* -------------------------------------------------------------------- */
/* 	Styles des blocs de type arbre (plan, agenda)                       */
/* -------------------------------------------------------------------- */

/*
.arbre {margin: 0; padding-bottom: 10px;}
.arbre ul { list-style-type: none; padding: 0; margin: 0; font-size: 1em; line-height: 1em;}
.arbre ul li {font-weight: bold; padding: 5px 10px 10px; margin: 0 0 15px; 
	border: 2px solid rgba(136,136,136,0.95);
	background: rgba(238,238,238,0.95);}
.arbre ul li li {padding: 0 0 0 15px; margin: 0; border: 0; background: none;}
.arbre ul li li li {padding: 0 0 0 15px; margin: 0; border: 0; background: none;}
.arbre .noeud {padding: 5px 0 5px 15px; font-size: 1.5em; line-height: 1.4em; text-decoration: none;
	color: rgba(136,136,136,0.95);}
.arbre a.noeud:hover {background-image: url('http://WwW.VaLaS.Fr/squelettes/images/puce0.jpg'); background-position: left center; background-repeat: no-repeat; 
	color: rgba(136,136,136,0.95);
	text-decoration: none;}
.arbre a.feuille {padding: 0 0 0 15px; font-size: 1.1em; font-weight: normal; line-height: 1.2em;
	color: rgba(88,119,158,0.95);}
.arbre a.feuille:hover {background-image: url('http://WwW.VaLaS.Fr/squelettes/images/puce-n0.gif'); background-position: left center; background-repeat: no-repeat; 
	color: rgba(88,119,158,0.95);
	text-decoration: underline;}
.arbre a.feuille .date {}
*/

/*
.arbre {font-size: 1.35em;}
.arbre ul {padding-top: 1em; padding-bottom: 1em;}
.arbre ul li {padding-top: 0.65em; padding-bottom: 0.65em; line-height: 1.65em;}
.arbre ul li li {padding-top: 0.65em; padding-bottom: 0.65em;}
.arbre ul li li li {padding-top: 0.65em; padding-bottom: 0.65em;}
.arbre .noeud {
	line-height: 1em;
	font-size: 1.8em;
	background-image: url('http://WwW.VaLaS.Fr/squelettes/images/puce0.jpg'); background-position: left center; background-repeat: no-repeat;	}
.arbre a.feuille {
	padding: 0 0 0 15px;
	font-size: 1.15em;
	font-weight: 500;
	line-height: 1.3em;
	color: rgba(88,119,158,0.95);
	background-image: url('http://WwW.VaLaS.Fr/squelettes/images/puce-n0.gif'); background-position: left center; background-repeat: no-repeat;}
.arbre a.feuille .date {}
*/

.arbre { font-size: 1.35em; }
.arbre ul { padding-top: 1em; 
	padding-bottom: 1em; 
	}
.arbre ul li { padding-top: 0.65em; 
	padding-bottom: 0.65em; 
	line-height: 1.65em; 
	}
.arbre ul li li { padding-top: 0.65em; 
	padding-bottom: 0.65em;
	}
.arbre ul li li li { padding-top: 0.65em; 
	padding-bottom: 0.65em; 
	}
.arbre .noeud { line-height: 1em;
	font-size: 1.8em;
	background-image: url('http://WwW.VaLaS.Fr/squelettes/images/puce0.jpg'); background-position: left center; background-repeat: no-repeat;
	}
.arbre a.feuille { padding: 0 0 0 15px;
	font-size: 1.15em;
	font-weight: 500;
	line-height: 1.3em;
	color: rgba(88,119,158,0.95);
	background-image: url('http://WwW.VaLaS.Fr/squelettes/images/puce-n0.gif'); background-position: left center; background-repeat: no-repeat;
	}
.arbre a.feuille .date { }


/* -------------------------------------------------------------------- */
/* 	Styles des blocs de type commentaires                               */
/* -------------------------------------------------------------------- */
/*
.commentaires {padding: 0 0 10px 0; margin: 0 0 30px 0; clear: both;}
.commentaires h2 {font-size: 1.9em; line-height: 1.2em; font-weight: bold; padding: 0 0 5px 20px; margin: 0;
	background: url('http://WwW.VaLaS.Fr/squelettes/images/commentaires.gif') top left no-repeat;
	color: rgba(88,119,158,0.95);
	border-bottom: 2px solid rgba(88,119,158,0.95);}
.commentaires h2.date {margin-top:30px; padding: 0 0 5px 20px;background: url('http://WwW.VaLaS.Fr/squelettes/images/liste_syndics.gif') top left no-repeat;}
.commentaires .message {margin: 0; padding: 10px 0 10px;
	background: transparent;
	border-top: 1px dotted rgba(88,119,158,0.95);}
.commentaires .message:hover {background: rgba(240,240,250,0.95);}
.commentaires #co_n1.message,.commentaires .co_n1 {border-top: 0; padding: 20px 0 10px;}
.commentaires .message .titre {font-size: 1.2em; font-weight:bold; margin:0 0 10px 50px;}
.commentaires .message .gravatar {float:left}
.commentaires .message .cartouche_simple {margin-left: 50px; font-size: 1.1em;
	color: rgba(88,119,158,0.95);}
.commentaires .message .texte{margin-left : 50px; padding-top: 5px;font-size:1.2em;line-height:1.1em;}
.commentaires .message .texte ul li{border-top:none;}
.commentaires ul { line-height: 1.1em;}
.commentaires ul#exif {width:50%;margin : 0 auto;text-align:center;border:1px dotted;}
.commentaires li {padding:10px 0; height:auto; border-top: 1px dotted rgba(88,119,158,0.95);}
.commentaires li:hover {background: rgba(240,240,250,0.95);}
.commentaires a.titre{padding-top: 5px; margin: 0; font-size: 1.3em; font-weight: bold; line-height:1em; text-decoration: none;
	color: rgba(88,119,158,0.95);}
.commentaires li .cartouche{margin : 0 0 10px 10px; font-size: 1.1em;}
.commentaires li .complements{font-size: 1.1em;}
*/
/* Styles specifiques de la presentation hierarchique par fils */
/*
.commentaires .message .cartouche_simple .titre {margin-left: 0;}
.commentaires .message.fil {padding-left: 50px;}
*/

.commentaires .message .titre 
	{
	font-size: 1.4em; 
	font-weight:500; 
	margin:25px 0 25px 50px;
	}
.commentaires a.titre 
	{
	padding-top: 15px !important; 
	margin-top: 15px !important; 
	font-size: 1.4em; 
	font-weight: 500; 
	line-height:1.4em;
	}


/* -------------------------------------------------------------------- */
/* 	Styles de ALBUM														*/
/* -------------------------------------------------------------------- */


.titre_album 
	{
	line-height: 1.3em;
	}

.album.vignettes li 
	{
	vertical-align: middle;
	}


/* -------------------------------------------------------------------- */
/* 	Styles de PLANCHE 								                    */
/* -------------------------------------------------------------------- */


.planche h3,
.planche h3 a.titre
		{
		font-weight: 500 !important;
		line-height:1.25em;
		}
		
/* .planche img {width: 130px; height: auto;} */
/* .planche a:hover img {width: 100%; height: 100%;} */


/* -------------------------------------------------------------------- */
/* 	Styles de PLUGIN SOMMAIRE                                           */
/* -------------------------------------------------------------------- */


/* Css additionnel de Sarka-Spip :
Adaptation des css pour le plugin Sommaire Automatique
.nav-sommaire {
	padding: 1.5em;
	background-color : rgba(238, 238, 238, 0.3);
	border: 1px solid rgba(238, 238, 238, 0.3); }
.nav-sommaire h2 {
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 1em;
	line-height: 1.1em;
	color: rgba(96,96,96,0.95); } */

/* Css du plugin :
.nav-sommaire { 
	border: 1px solid #eee; 
	margin-left: 30%; 
	margin-bottom: 1.5em; }
.nav-sommaire h2 { 
	font-size: inherit; 
	text-transform: uppercase; }
.nav-sommaire ul {  }
.sommaire-back { 
	color:#DDD; 
	display:block; 
	width:16px; 
	height:16px; 
	background:url('http://WwW.VaLaS.Fr/img/sommaire-up-16.png') no-repeat center; 
	float: right; 
	opacity:0.5; } */

.description .nav-sommaire 
	{
	font-size: 16x; 
	overflow-wrap: word-break;
	}
.nav-sommaire h2 
	{
	margin-bottom: 0.5em;
	font-size: 21px;
	overflow-wrap: word-break;
	}
 
 
/* ===== ===== ==== */
/* ===== ===== ==== */