/* ---------------------------------------
      Mise en page
   --------------------------------------- */

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


/* ---------------------------------------
      Image de fond
   --------------------------------------- */

#entete
{
	background-image: url(img/enteteRecouvrance.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: right;
}
#entete a.nom-site:visited
{
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
}

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

body {
	color: #222;
	font: 85%/1.0 sans-serif;
	margin: 0;
	text-align: center;
	/* pour centrer horizontalement la boite #page dans IE/Win */
	background-color: #eee;
	/* background-image - voir/see : 'alter.css' */
}

#entete			/* voir (../inc/inc-bandeau.html) */
{
	position: relative;
	height: 160px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-width: 0;
	text-align: right;
	background-color: #000000;
	overflow: hidden;
	z-index: 10;
	/* background-image - voir/see : 'alter.css' */
}


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

#entete a.nom-site, 
#entete a.nom-site:link,  
#entete a.nom-site:hover,  
#entete a.nom-site:visited
{
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: Verdana, 'Bitstream Vera Sans', Tahoma,  "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
	text-decoration: none;
	color: white;
	font-size: 3em;
	font-weight: bold;
	font-style: normal;
	padding: 0;
	background-color: transparent;
	/* background-image - voir/see : 'alter.css' */
}

#entete .nom-site span 		/* position du nom du site - position of the site's name  */
{
	display: block;
	position: absolute;
	bottom: 80px;
	right: 200px;
}


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


h1.titre-article {
        margin-bottom: 0px; 
	margin-top: 1em;
	padding-left: .4em;
	padding-right: .4em;
	padding-bottom: .5em;
	padding-top: .5em;
	font-size: 150%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	/*background-color: #d21242;*/
	background-image:url(img/omgletrouge.png); background-repeat:no-repeat; background-position:left top;
}

h2 {  /* Titre du plan */
	padding-left: .4em;
	padding-right: .4em;
	padding-bottom: .5em;
	padding-top: .5em;
	background-color: #00a94f;
	font-size: 175%;
	font-weight: bold;
	color: #fff;
}

/* Intertitres insérés dans un article  */
h3.spip {
	margin-top: 1em;
	padding-left: .3em;
	padding-right: .3em;
	padding-bottom: .4em;
	padding-top: .4em;
	/* border-bottom: 1px #444 dashed; */
	font-size: 125%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #00a94f;
}
.liens:link{ font-size:14px; color:#00892d;} 
.liens:visited{ font-size:14px; color:#00892d;} 


/* ------------------------------------------------------------------
 	5. NAVIGATION et MENUS
 -------------------------------------------------------------------- */

/* Coin haut gauche des menus */
.menu ul li { border-top: 2px solid #eee;} /* separateur : meme couleur que fond de BODY */
/* .menu ul li { border-top: 2px solid #eee; } */
.menunav ul li {border-top: 2px solid #eee; background-image:url(img/omgletrouge.png); background-repeat:no-repeat; background-position:left top; color: white; font-weight: bold;}
/* COULEURS des menus et edito */

.menu-item,
.menu-titre-special, 
.menu-titre,
.menu ul li a,
.menu ul li b,
.edito h3 { background-color: #d21242; color: white; font-weight: bold; }
/*.edito h3 { background-image:url(img/omgletrouge.png); background-repeat:no-repeat; background-position:left top; color: white; font-weight: bold; }*/

.menu ul li { border-top: 1px solid #eee; }

/* background */
/* Vert :    #00a94f        #73ba94       #dff2e8
   Rouge : #d21242       #de7992       #f2dee3 */
.menu li span  { background-color: #eee; }
.menu ul li li a, 
.menu ul li li a:visited,
li.annonce { background-color: #f2dee3; color: black ;}
.menu ul li a:hover { background-color: #00a94f; color: white; font-weight: bold; }
.menu ul li li a:hover { background-color: #dff2e8; color: black; font-weight: normal; } 
.menu ul li li a.lien { background-color: #de7992; color: white;  font-weight: bold;}
.menu ul li li a.lien:hover { background-color: #73ba94; }
.menu ul li li a.lienon { background-color: #de7992; color: black;  font-weight: bold;}
.menu ul li li a.lienon:hover { background-color: #73ba94; color: black;  font-weight: bold;}
.menu ul li li a.article { background-color: #f2dee3; color: black; font-weight: normal;}
.menu ul li a.article:hover,
.menu ul li li a.article:hover,
.menu ul li li li a.article:hover { background-color: #dff2e8; color: black; font-weight: normal;}
li.annonce:hover { background-color: #dff2e8; color: black; font-weight: normal;}

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


/* -------------------------------------------------------
 	6. ARTICLE
 ------------------------------------------------------- */

p.spip { text-align: justify; }

.chapo
{
	font-weight: bold;
	text-align: left;
	background-color: #f2dee3;
	padding: .5em;
	margin: 0 0 1em 0;
}
.edito .chapo { margin-top: 0; background-color: #f2dee3;}


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

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

#plan ul ul { list-style: disc; }
#plan ul ul ul { list-style: disc; margin-left: 1em;}
#plan ul ul ul ul { list-style: disc; }

#plan li
{
	/* background: #d21242; */
	color: black;
	margin-bottom: 1px;
	padding-left: 0px;
	font-weight: bold;
}

#plan li li
{
	font-weight: normal;
	list-style-type: square;
}

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

#plan h2 {   /* Langue */
	color: black;
	background: #fff;
	padding-left: .0em;
	padding-right: .0em;
	padding-bottom: .0em;
	padding-top: .0em;
	text-transform: lowercase;
	font-weight: normal;
	font-style: italic;
	font-size: 95%;
	text-align: right;
}
.plan-archives h3 {
	background: #f2dee3;
	padding-left: .2em;
	padding-right: .2em;
	padding-bottom: .3em;
	padding-top: .3em;
	/* text-transform: uppercase; */
	color: white;
	padding: 2px 0;
	text-indent: 2px;
}

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

.extrait
{
	margin: 5px;
	line-height: 1.4em;
	padding: 8px;
	background-color: #dff2e8;
}

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

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


/* ------------------------------------------------------
           A. AJOUTS PAR TOF'
---------------------------------------------------------*/

i.spip { 
     font-style : italic;
     font-weight: 500;
}