/* @override http://www.psmarne.fr/themes/psmarne/styles/perso.css */

/* @override http://beta.larmesblanches.info/themes/psmarne/styles/perso.css */

/* 
Cette feuille de style est divisee en 4 grandes parties
	1 - Mise en page structurel - les grandes division de la page (1er niveau)
	2 - Typographie - uniquement: font, text, margin, color, 
	3 - La disposition des autres éléments
	4 - La gestion des éléments caches et des langues

/* ------------------------------------------------------- 
	INFO GENERALE
 ------------------------------------------------------- */

/* My Comment */

/*
 * Équivalence sur une base de 16px
 * ------------------------------------------------
 * 32px		200%		H1											xx-large
 * 24px		150%		H2											x-large
 * 18px		117%		H3		big			larger		large
 * 16px		100%		H4											medium
 * 13px		83%			H5		small 	smaller		small
 * 10px		67%			H6											x-small
 * attention en dessous de 71% le texte peut devenir illisible dans certains navigateurs

 * Exemple de règles CSS raccourcies:
 * font: font-style, font-variant, font-weight, font-size, line-height, font-family 
 * background: background-color, background-image, background-repeat, background-attachment, background-position 
 * margin: margin-top, margin-right, margin-bottom, margin-left 
 * padding: padding-top, padding-right, padding-bottom, padding-left 
 * border: border-width, border-style, border-color 
 * border-width: border-top-width, border-right-width, border-bottom-width, border-left-width 
 * border-style: border-top-style, border-right-style, border-bottom-style, border-left-style 
 * border-color: border-top-color, border-right-color, border-bottom-color, border-left-color 
 * list-style: list-style-type, list-style-position, list-style-image 
 */
/* bandeau - banner */

.nom-site-article .spip_logos
{
	padding-left: 0px;
	margin: 2px 8px 8px 3px; /* 0 1em 0 1em; */
}

/* My Comment */

/* -------------------------------------------------------
   Changement de couleur de fond pour les menus de navigation
 ------------------------------------------------------- */
 
/* COULEURS des menus et edito */

.menu-item,
.menu-titre-special, 
.menu-titre,
{ background-color: white; } { font-size: 85%; }/* #A91934; } /* bleu fonce extrait de l'image du bandeau */

.edito h3 { background-color: E92374;
	color: #ffe9ea;
} /* #A91934; } /* bleu fonce extrait de l'image du bandeau */



/* Style pour le menu spipien*/
#affiche{
visibility:visible;
}
#cache{
display:none;
}
.lien{
color: #FFFFFF ;
text-decoration: none;
}
.lienon{
color: #FFFF00 ;
text-decoration: none;
}
ul.racine{
margin-left:0px;
padding-left:2px;
list-style:none;
}
.article{
margin-left:0px;
/* padding-left:360px; */
list-style-type:square;
}
.rubrique{
margin-left:10px;
/* padding-left:25px; */
list-style-type:circle;
clear:both
}
.sommaire .logo-liste-art {clear:both}
.rubrique .logo-liste-art {clear:both}

/* -------------------------------------------------------
 	1. LIENS base
 ------------------------------------------------------- */

a, a:link, a:visited
{
	text-decoration: none;
	color:  #EC3B81; /* rouge */
}

a:hover
{
	text-decoration: underline;
	color: #b62e66;
	font-style: italic;
}

a.spip_out,
a.spip_in,
a.spip_url,
a.spip_glossaire { color: #EC3B81; /* rouge */ }


/* -------------------------------------------------------
 	2. MISE EN PAGE - BLOCS PRINCIPAUX
 ------------------------------------------------------- */

body
{
	color: #444;
	font-size: 85%;
/*	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif; */
	font-family: Arial,  Helvetica, Verdanna, Myriad sans-serif;
	margin: 0;
	text-align: center;	/* pour centrer horizontalement la boite #page dans IE/Win */
	background-color: white;
}

#page
{
	position: relative;
	text-align: justify; /* pour annuler l'heritage de text-align:center de BODY */
	margin:  36px auto; /*  auto pour centrer horizontalement la boite dans BODY pour le navigateurs autres que IE/WIN */
	padding: 0;
	width: 98%; /* 780 ou 100% pour largeur fluide pleine largeur */
	background-color: white;
}

#entete			/* voir (../inc/inc-bandeau.html) */
{
	position: static;
	height: 180px;
	margin: -20px 0px 0px 0px;
	padding: 0;
	border-width: 0;
	text-align: right;	
    background-image: url(img/globe.jpg); */
	background-color: #787878;
	overflow: hidden;
	z-index: 10;
}
#menu-lang		
/* voir (../inc/inc-bandeau.html) */
{
	position: absolute;
	top: 0;
	right: 0px;
	text-transform: uppercase;
	text-align: right;
	font-size: 80%;
	margin: 0;
	padding: 0;
	width: 120px;
}

#bloc-contenu
{
	position: static;
	border: solid 1px #DEDEDE;
	margin: 30px 175px 5px 155px;
	padding: 10px 10px 5px;
	background: white;
	z-index: 20;
}

.article #bloc-contenu,
.rubrique #bloc-contenu,
.recherche #bloc-contenu,
.site #bloc-contenu,
.breve #bloc-contenu
{
	position: static;
	border: solid 0px #DEDEDE;
	margin: 28px 160px 5px 170px;
	padding: 10px 10px 5px 10px;
	background-color: #fff9ee;
}

#bloc-etiquette
{
	display: block;
        margin: 10px 0px 8px 0px;
        padding: 0px 0px 0px 0px;
}

.etiquette
{
	display: inline;
	border: solid 0px #DEDEDE;
        margin: 0px 0px 0px 0px;
        padding: 8px 15px 8px 15px;
	color: white;
	background: #A81933;
}

#encart
{
	position: absolute;
	top: 200px;
	right: 0px;
	width: 150px;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

/* -------------------------------------------------------
 	3. BANDEAU - ENTETE (inc/inc-bandeau.html)
 ------------------------------------------------------- */

#entete-article
{
	margin: 0px 0px 0px 0px;
	background-color: white;
	background-position: center top;
	border: 0px solid black;
	height: 215px;	/* hauteur du contenu (pour tous les navigateurs) */
	overflow: hidden;
}

#entete a.nom-site,
#entete a.nom-site:link,
#entete a.nom-site:visited
{
	margin: 0px 0px 0px 15px;
	height: 75px;
	width: 100%; 
	padding: 20px 0px 0px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4f4f4f;
;
	background-image: none;
	background-color: transparent; /* #7E0000; /*#A81933; /*transparent; */ 
	background-repeat: no-repeat;
	font-weight: normal;
	font-size: 250%;
	position: absolute;
}

#entete a.nom-site:hover
{
	color: gray;
	font-style: italic;
	text-shadow: Silver 0px 0px 8px;
	/* une fleur pour safari seulement */
}

#entete .nom-site span 
/* position du nom du site - position of the site's name  */
{
        display: block;
        position:absolute;
        top: 10px;
        left: 0px;
        border: 0px solid black;
        text-align: left;

}

#entete-article .nom-site-article,
#entete-article .nom-site-article:link,
#entete-article .nom-site-article:visited,
#entete-article .nom-site-article:hover
{
	margin: 55px 0px 0px 15px;
	height: 28px;
	width: 745px; 
	padding: 0px 0px 0px 0px;
	font-family: Arial,  Helvetica, Verdanna, Myriad sans-serif;
	color: white;
	background-color: transparent; 
	font-weight: normal;
	font-size: 117%;
	border: 0px solid black;
}

 	


/* -------------------------------------------------------
 	4. ELEMENTS HTML DE BASE
 ------------------------------------------------------- */

h1
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 220%;
	font-weight: normal;
}

h2
{
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 200%;
	font-weight: normal;
}



h3
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 160%;
	font-weight: normal;
}

/* Intertitres insérés dans un article  */
h3.spip
{
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 160%;
	font-weight: normal;
	text-align: center;
}

h4
{
	margin: 2px;
	font-size: 120%;
	font-weight: normal;
}

h5
{
	margin: 2px;
	margin-left: 0px;
	font-size: 110%;
	font-weight: normal;
}

h6
{
	margin: 2px;
	margin-left: 0px;
	font-size: 90%;
	font-weight: normal;
}
/* -------------------------------------------------------
   MENU PRINCIPAL HORIZONTAL au dessus du bandeau
   Horizontal menu over banner
 ------------------------------------------------------- */

#navigation			/* (inc/inc-menu.html) */ {
	position: absolute;
	top: 207px;
	left: 0px;
	width: 150px;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

/* police, style et couleur du nom du site, 2e image de fond 
   the site's name font, style and color + second background image */

#champ-recherche { width: 161px; }

/*  ANNONCE dans #encart */
.annonce
{
	background-color: #DDD;
	/* overflow: hidden; */
	text-align: center;
}
.menu li.annonce a { padding: 0;
	text-align: center;
}
.menu li.annonce .spip_logos,
.menu li.annonce a img { margin: 0; }

#menu-principal {
	position: absolute;
	top: -2em;
	margin-top: 0px;
	margin-left: 0px;
	width: 780px;
}

.menu-principal-article #menu-principal
{
	position: absolute;
	/* top: 0px;  -1.4em; */
	margin: 21px 0px 0px 15px;
	padding: 0px 0px 0px 55px;
	width: 690px;
	height: 23px;
}

#menu-recherche { 
position: static; top: 195px; width: 148px;
}


.menu-principal-article #menu-recherche{ 
margin-top: 230px; 

}


#menu-rubriques
{
	position: absolute;
	top: 225px;
	width:150px;
}

.menu-principal-article #encart { top: 120px; }
#formulaire_inscription
{
	position: fixed;
	top: 200px;
}
/* ------------------------------------------------------------------
 	5. NAVIGATION et MENUS
 -------------------------------------------------------------------- */
/* COULEURS des menus */
.menu ul li {	border-top: 6px solid black;
	border-color: #EFEDEC;
} /* separateur : meme couleur que fond de BODY */



.menu ul li a:hover { text-decoration: underline; }

/* text : color */
.menu ul li a, 
.menu ul li a:visited,
.menu ul li b 				{ color: white;
	background-color: #EC3B81;
}

.menu ul li li a, 
.menu ul li li a:visited 			{ color: black; /* #0A74A6; */}

/* My Comment */

.menu ul li a:hover,
.menu ul li li a:hover,
.menu ul li li a.lienon 	{
	color: #EC3B81;background-color: white;
}

/* background */
.menu ul li a,
.menu ul li b 				{ background-color: #EC3B81; } 

.menu ul li li a, 
.menu ul li li a:visited,
.menu li span 				{ background-color: #f1c5e7; } 

.menu ul li a:hover,
.menu ul li li a:hover { background-color: white; } /* #EDFBFF; */
.menu ul li li a.lienon 	{ background-color: white; }

.menu ul li li a.article { background-color: white; }
.menu ul li li a.article:hover { background-color: white; }

/* TYPO et ESPACEMENT des menus */

.menu ul li a, .menu ul li b
{	
	text-decoration: none;
	padding: 9px 3px 9px 6px; /* 3px 0 3px 4px; */
	display: block;	
/*	background-image: url("img/titre-coin.gif");
	background-repeat: no-repeat;
	background-position: top left; */
}


/* .menu ul li a.mot,   */
.menu ul li td
{
	padding-left: 0px 3px 0px 6px;
	font-weight: normal;
	font-size: 117%;
	color:  #EC3B81; /* rouge */
}

/* menu fleche sans lien */
.menu ul li td .menu-titre
{
	padding: 9px 3px 9px 6px;
}


/* sans fleche */
.menu ul li a.menu-titre 
{
	padding: 9px 3px 9px 25px;
	font-weight: normal;
	font-size: 117%;
	line-height: 1.2em;
}

.menu ul li li a { padding-left: 4px; font-weight: normal;}

/*  ANNONCE dans #encart */

/*  BREVE dans #encart */
.menu ul li.breves
{
	color: #003333;
	font-style: normal;
	font-size: 117%;
	text-decoration: none;
	padding: 6px 0 6px 8px; /* 3px 0 3px 4px; */
	display: block;	
}
/*  CALENDRIER dans #encart */
#menu-calendrier { position: static; top: 0px; width:150px; margin-bottom:4px}

table.agenda, table.agenda tr, table.agenda th, table.agenda td {
	font-size: 10px;
}

table.agendaMois  {
	text-decoration: none; 
/*	display: block;	
	padding: 3px 0 3px 4px; 
	padding: 0 0 0 0; */
	background-color: #EC3B81;
	background-image: url("img/titre-coin.gif");
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
	border:0;
	font-size: 11px;
}

table.agendaMois a:link, table.agendaMois a:visited, table.agendaMois a:active { 
	text-decoration: none; 
	color: #ffffff; 
	padding: 0px; 
	}
table.agendaMois a:hover { 
	text-decoration: underline; 
	}

.agendaNav {
	background-color: #787878;
	text-align: center;
}

.agendaHead {
	background-color: #fc3;
}

.agendaThisDay {
	background-color: #ffd; /* fc3; #EDFBFF; */
}

.agendaThisDayOK {
	background-color: #ffd;
	font-weight: bold;
}

.agendaNotThisDay {
	background-color: #eee;
}

.agendaNotThisDayOK {
	background-color: #eee;
	font-weight: bold;
}

.agendaThisDayNotThisMonth {
	background: #ddd;
	color: #fc3;
}
.agendaNotThisMonth {
	background: #ddd;
}

.agendaNotThisMonthOK {
	background: #ddd;
	font-weight: bold;
}

ul.agendaThemes {
	list-style: none;	
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

ul.agendaThemes ul.agendaThemes {
	list-style: none;	
	margin: 5px 0px 0px 15px;
	padding: 0px;
}

table.agenda select {
	font-size: 10px;
	background-color: #f90;
}
-------------------------------------------------------
 	6. ARTICLE
 ------------------------------------------------------- */
p.spip { text-align: justify; }

.chapo
{
	font-weight: bold;
	text-align: justify;
/*	background-color: #f3f3f3; */
	padding: 0 0 0 0; /* .5em; */
	margin: 0 0 0 0; /* 0 0 1em 0; */
 }

/* L'information de date et auteur au dessus de l'article */

.ps
{
	text-align: justify;
	font-size: smaller;
}

.notes
{
	text-align: justify;
	font-size: smaller;
}

.surtitre
{
	font-variant: small-caps;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 110%;
	font-weight: normal;
}

.sous-titre
{
	font-variant: small-caps;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 110%;
	font-weight: normal;
}

/* -------------------------------------------------------
 	7. GENERAL
 ------------------------------------------------------- */

/* mot recherche dans page resultats de recherche */

/* -------------------------------------------------------
 8. EDITO + analyses (sur page sommaire.html)
------------------------------------------------------- */
.edito h3
{
	margin: 5px;
	color: white;
	background-color: #EC3B81;
	text-transform: uppercase;
	text-indent: 4px;
	width: 100%;
	font-size: 120%;
}


/* .edito .chapo { margin-top: 0; background-color: #E1DEDB; }  */

/*.edito chapo
{ 
	font-weight: bold;
	text-align: justify;
	background-color: #E1DEDB;
	padding: .5em;
	margin: 0 0 1em 0;
} 

.edito1 .detail,
.edito2 .detail
{
	padding: 0px 4px 1px 4px;
}
*/

.block-liste-article
{
	background-color: #EFEDEC;
	border: 0px solid black;
	padding: 5px 15px 5px 15px;
}

/* -------------------------------------------------------
 9. PETITION
------------------------------------------------------- */

.signature-message
{
	background: #f4f8f8;
	padding: 0.4em;
	text-align: justify;
}

/* -------------------------------------------------------
 	10. FORUM
 ------------------------------------------------------- */

.reponse_formulaire
{
	font-family: Arial, Geneva, Helvetica, Lucida, sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: #EC3B81;
}

/* Format des champs d'entrée pour le forum*/

/* -------------------------------------------------------
 11. FORMULAIRE (PETITION, INSCRIPTION, FORUM)
------------------------------------------------------- */
.lettre
{
	font-family: Arial, Geneva, Helvetica, Lucida, sans-serif;
	font-size: 92%;
	color: #EC3B81;
}

/* -------------------------------------------------------
 	12. ADMIN, LOGIN, BOUTONS ADMIN
 ------------------------------------------------------- */

/* -------------------------------------------------------
 	13. STYLE DÉSACTIVÉ
 ------------------------------------------------------- */

/* -------------------------------------------------------
 	14. FORMATS DE TEXTE
 ------------------------------------------------------- */

.article-info-rubrique
{
	text-align: left;
	margin-bottom: 2px;
}

.vous-etes-ici
{
	text-align: left;
	margin-bottom: 2px;
	font-weight: normal;
	font-size: 83%;
	color:  #EC3B81;
}

.extrait
{
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	line-height: 1.4em;
	color: black;
/*	background-color: #EFEDEC; */
	font-size: 100%;
}

.extrait .suite
{
	text-align: right;
	margin: 0;
	padding: 0;
	font-size: 83%;
}

.extrait a.suite,
.extrait a.suite:link,
.extrait a.suite:visited
{
	text-decoration: none;
	color: #EC3B81;
	font-variant: small-caps; 
	display: inline;
}

.extrait a.suite:hover
{
	color: #bd306a;
	text-decoration: underline;
}

.separateur
{
	width: 6px;
	font-size: 10px;
	height: 9px;
	padding-right: 2px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url("img/puce.gif");
}

/* date dernier ajout */

.cartouche
{
	/*border-top: 2px solid #404040;*/
	margin-bottom: 0px;
	/*clear: right;*/
}

.spip_logos,
.cartouche .spip_logos,
.logo-liste-art .spip_logos
{
	padding-left: 0px;
	margin: 8px 8px 8px 8px; /* 0 1em 0 1em; */
}

.article-info-rubrique .spip_logos
{
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 3px 0px; /* 0 1em 0 1em; */
}

/* -------------------------------------------------------
 	15. PLAN DE SITE
 ------------------------------------------------------- */

#plan
{
	margin: 0px;
	padding: 0px;
}

#plan ul
{
	padding-left: 2px;
	list-style: none;
	margin-top: 2px;
	margin-bottom: 5px;
	margin-left: 25px;
}

#plan ul ul { list-style: disc; }
#plan ul ul ul { list-style: disc; }
#plan ul ul ul ul { list-style: disc; }

#plan li
{
	/*background: #EEEEEE;*/
	margin-bottom: 1px;
	padding-left: 2px;
}

.plan-rubrique
{
	font-size: 95%;
	font-weight: bold;
	padding-left: 1px;
	font-weight: bold;
	background: #DDDDDD;
}

/* -------------------------------------------------------
 	16. FORUM
 ------------------------------------------------------- */

.forum-item
{
	margin: 0px;
	padding: 5px;
	padding-bottom: 0;
	text-align: justify;
	background: white;
}
.forum-repondre
{
	margin: 5px;
	padding: 5px;
	padding-bottom: 5;
	text-align: justify;
	background: #bd306a;
	color: white;
	text-decoration: underline;
	font: 140% Georgia, "Times New Roman", Times, serif;
}

.forum-repondre:hover
{
	margin: 5px;
	padding: 5px;
	padding-bottom: 5;
	text-align: justify;
	background: white;
	color: #bd306a;
	font: italic 140% Georgia, "Times New Roman", Times, serif;
}
/* -------------------------------------------------------
 	17. FORMULAIRES
 ------------------------------------------------------- */

#champ-recherche { width: 146px; }
.bouton
{
	display:none;
}

/* Format des champs d'entrée pour le forum*/

#menu-lang .forml { margin: 0; }

/* -------------------------------------------------------
 	18. AUTRES ELEMENTS PRODUITS PAR SPIP
 ------------------------------------------------------- */

.spip_surligne { background-color: #ff8bc0; }

/*------------------------------------------------
	19. AGENDA
 ------------------------------------------------*/

/* Les flèches de navigation du calendrier */

/*------------------------------------------------
	20. PAGINATION
 ------------------------------------------------*/

/* My Comment */