/* Couleurs utilisees 
Nuances de gris
---------------
#000000
#777777
#808080
#909090
#999999
#AAAAAA
#BBBBBB
#CCCCCC
#A1D9D6 Couleurs des rubriques dans le menu de gauche (gris moyen)
#E6F0F4 Couleur de fond (gris clair)
#E6F0F4 Descriptifs rapides et resumes (gris tres clair, equivalent a la couleur de fond)
#FFFFFF

Couleurs
--------
#00FFFF
#085D85
#0057A6 Liens (bleu sombre 1)
#0057A6 Fonds onglets (bleu sombre 2)
#175793 Liens onglets survoles (marron)
#AA9966
#BABEBF
#BBC9E3
#0057A6
#EDFBFF Fond onglets survoles (bleu tres clair)
#F4F8F8
#F8F8F4
#FFBBAA
#FCF4D0
#FFFF66
#FFFFDD
#FFDDAA

*/

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

a, a:link, a:visited
{
	color: #0057A6;
}

a:hover
{
	color: #0057A6;
}

a.spip_out,
a.spip_in,
a.spip_url,
a.spip_glossaire { color: #0057A6; }


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

body {
	color: #000000;
	background-color: #E6F0F4;
	background-image: none;
	background-repeat: no-repeat;
}

#entete			/* voir (../inc/inc-bandeau.html) */
{
	background-color: #EDFBFF;
/*	background-image: url(img/globe.jpg);*/
	background-image: url(img/chamechaude-159.jpg);
	background-repeat: no-repeat;
}


#bloc-contenu
{
	border: solid 1px #A1D9D6;
	background: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat;
}


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

#entete a.nom-site, 
#entete a.nom-site:link,  
#entete a.nom-site:visited
{
	display: none;
        background-image: none;
}

#entete a.nom-site:hover
{
	display:none;
}

#entete .nom-site span
{
	display: none;
	bottom: 80px;
	left: 150px;
	right: auto;
}
/* -------------------------------------------------------
 	4. ELEMENTS HTML DE BASE
 ------------------------------------------------------- */


/* Intertitres inseres dans un article  */
h3.spip {
	background-color: #E6F0F4;
	background-image: none;
	background-repeat: repeat-x;
}

/* ------------------------------------------------------------------
 	5. NAVIGATION et MENUS
 -------------------------------------------------------------------- */
/* COULEURS des menus */
.menu ul li {	border-top: 1px solid #E6F0F4; } /* separateur : meme couleur que fond de BODY */


/* text : color */
.menu ul li a, 
.menu ul li a:visited,
.menu ul li b 				{ color: #FFFFFF;}

.menu ul li li a, 
.menu ul li li a:visited 			{ color: #0057A6;}

.menu li span 				{ color: #000000;}


.menu ul li a:hover,
.menu ul li li a:hover,
.menu ul li li a.lienon 	{ color: #175793;}


/* background */
.menu ul li a,
.menu ul li b {
	background-color: #0057A6;
	background-image: url(img/nav-bg-100.png);
	background-repeat: repeat-x;
}


.menu ul li li a, 
.menu ul li li a:visited,
.menu li span {
	background-color: #A1D9D6; 
	background-image: url(img/nav-bg.png);
	background-repeat: repeat-x;
}

.menu ul li a:hover,
.menu ul li li a:hover {
	background-color: #EDFBFF;
	background-image: url(img/nav-bg-p50.png);
	background-repeat: repeat-x;
}
.menu ul li li a.lienon {
	background-color: #FFFFDD; 
	background-image: none;
}


.menu ul li li a.article {
	background-color: #E6F0F4;
	background-image: url(img/nav-bg-p100.png);
}

.menu ul li li a.article:hover {
	background-color: #EDFBFF;
	background-image: url(img/nav-bg-p100-s50.png);
}

/*  ANNONCE dans #encart */
.annonce
{
	background-color: #A1D9D6;
}
.menu-titre-special, 
.menu-titre { background-color: #0057A6; } 


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

.chapo
{
	background-color: #E6F0F4;
}

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

/* mot recherche dans page resultats de recherche */
.mot-precis
{
	color: #777777;
}

.lang
{
	color: red;
}


/* -------------------------------------------------------
 8. EDITO (sur page sommaire.html)
------------------------------------------------------- */

.edito .bandeau
{
	border-color: #BBBBBB;
}

.edito h3
{
	color: #FFFFFF;
	background-color: #0057A6;
	background-image: url(img/nav-bg-100.png);
	background-repeat: repeat-x;
}

.edito h3 a, 
.edito h3 a:link, 
.edito h3 a:visited
{
	color: #FFFFFF;
}

.edito h3 a:hover { color: #FFFFFF; }

.edito .chapo { background-color: #E6F0F4;}

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

.signatures td 
{ 	
	background-image: url(img/titre-coin.gif);
 }

.signature-date
{
	background: #A1D9D6;
}

.signature-nom
{
	background: #E6F0F4;
}

.signature-message
{
	background: #F4F8F8;
}


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

a.spip_barre img
{
	border: 1px solid #BBBBBB;
	background-color: #E6F0F4;
}

a.spip_barre:hover img
{
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
}

.reponse_formulaire
{
	color: red;
}


/* Format des champs d'entree pour le forum*/
.forml
{
	color: #000000;
}


/* -------------------------------------------------------
 11. FORMULAIRE (PETITION, INSCRIPTION, FORUM)
------------------------------------------------------- */

.formulaire
{
	color: #777777;
}

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

.spip_bouton { color: #000000; }

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

.extrait
{
	background-color: #E6F0F4;
}


.extrait a.suite,
.extrait a.suite:link,
.extrait a.suite:visited
{
	color: #175793;
}

.extrait a.suite:hover
{
	color: #085D85;
}

.bouton
{
	background: #E6F0F4;
	border: solid 1px #BBBBBB;
}

.separateur
{
	background-image: url(img/puce.gif);
}

.ps
{
	border-top: 1px dashed #AAAAAA;
}

.ligne-debut
{
	border-top: 1px dashed #AAAAAA;
}

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

.plan-archives
{
	background: #A1D9D6;
}

#plan h2 {
	color: #000000;
}

#plan h3
{
	background-image: url(img/nav-bg.png);
}

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

.forum-item
{
	background: #FFFFFF;
}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum
{
	border: 1px solid #909090;
}

ul ul .forum { border: 1px solid #AAAAAA; }
ul ul ul .forum { border: 1px solid #BBBBBB; }
ul ul ul ul .forum { border: 1px solid #CCCCCC; }
ul ul ul ul ul .forum { border: 1px solid #E6F0F4; }
ul ul ul ul ul ul .forum { border: 1px solid #E6F0F4; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo
{
	border-bottom: 1px dashed #BBBBBB;
	background: #E6F0F4;
}

ul ul .forum-chapo { background: #E6F0F4; }
ul ul ul .forum-chapo { background: #E6F0F4; }
ul ul ul ul .forum-chapo { background: #E6F0F4; }
ul ul ul ul ul .forum-chapo { background: #E6F0F4; }


/* -------------------------------------------------------
 	17. FORMULAIRES
 ------------------------------------------------------- */

.formrecherche
{
	color: #777777;
	background-color: #FFFFFF;
	border: solid 1px #BBBBBB;
}

/* Format des champs d'entrée pour le forum*/
.forml
{
	background-color: #FFFFFF;
	border: solid 1px #AAAAAA;
}

#menu-lang { top: 0; margin: .4em; color: #FFFFFF; } 
#menu-lang a { color: #00FFFF; }
#menu-lang a:hover { color: #FFBBAA; }

.spip_bouton
{
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
}

.spip_encadrer
{
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
}

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

table.spip tr.row_first { background-color: #FCF4D0; }
table.spip tr.row_odd { background-color: #CCCCCC; }
table.spip tr.row_even { background-color: #E6F0F4; }

blockquote.spip
{
	border: solid 1px #AAAAAA;
	background-color: #FFFFFF;
}

.spip_cadre
{
	background-color: #FFFFFF;
}

div.spip_poesie
{
	border-left: 1px solid #999999;
}

.spip_surligne { background-color: #FFFF66; }

/*
 * Barre de raccourcis
 */

a.spip_barre img
{
	background-color: #FFDDAA;
	border-color: #FFFFFF #AA9966 #AA9966 #FFFFFF;
}

a.spip_barre:hover img
{
	border: 1px solid #808080;
	background-color: #F8F8F4;
}

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


.agenda #bloc-contenu
{
	border: solid 1px #A1D9D6;
	background: #FFFFFF;
}

#calendrier {
	background-color: #E6F0F4; 
	}

table.agenda tr, table.agenda td {
	border: 1px solid #AAAAAA;
	}

table.agenda {
	border: 1px solid #E6F0F4; 
	}
table.agenda th {
	background-color: #E6F0F4;
	height: 20px;
	}
table.agenda a, table.agenda a:link, 
table.agenda a:visited, table.agenda a:active { 
	color: #000000; 
	}
.agendaBouton { 
	color: #FFFFFF; 
	background-color: #BABEBF; 
	}
.agendaHead, .agendaThisMonth {
	background-color: none;
	}
.agendaThisDay {
	background-color: #BBC9E3;
	}
.agendaNotThisMonth,.agendaNav { 
	background: #E6F0F4;
	}

/* Les flèches de navigation du calendrier */
a.droite {
	width: 8px; 
	height: 14px; 
	display: block;  
	background: url(img/agenda-nav-droite.gif) no-repeat left top; 
	}
a.gauche {
	width: 8px; 
	height: 14px; 
	background: url(img/agenda-nav-gauche.gif) no-repeat; 
	}

 
/*------------------------------------------------
	20. PAGINATION
 ------------------------------------------------*/
.pagination .ligne2 { background-color: #E6F0F4; }


/*------------------------------------------------
	21. SOMMAIRE ARTICLE - PLAN
		MODELES (voir : /alternatives/modeles)
 ------------------------------------------------*/
#sommaire {
	border: 1px gray solid;
	background-color: #FFFFFF;
}

.spip_modele {
	border: 1px gray solid;
	background-color: #FFFFFF;
}

#sommaire h4,
.spip_modele h4 {
	border-bottom: 1px silver dotted;
}

/*--------------------------------------------------
	22. MENUS DEROULANTS
--------------------------------------------------*/
#nav-container{
	z-index: 2000;
	}
#nav, #nav ul {
	z-index: 2000;
/*	background: url(img/nav-bg-p100.png) center right repeat-x; */
	background-color: #EDFBFF;
}

#nav a {
	color: #0057A6;
	z-index: 2000;
	padding: 0.25em 0.8em;
}

#nav a.daddy {
	background: url(img/rightarrow2.gif) center right no-repeat;
	z-index: 2000;
}

#nav li {
	width: 7em;
	z-index: 2000;
}

#nav li ul {
	border-color: #0057A6;
	border-width: 1px;
	z-index: 2000;
}

#nav li li {
	z-index: 2000;
}

#nav li ul a {
	z-index: 2000;
}

#nav li ul ul {
	z-index: 2000;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul,
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul
{
	z-index: 2000;
}


#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul,
#nav li li li li:hover ul
{
	z-index: 2000;
	background-color: #EDFBFF;

}

#nav li.sfhover ul{
	z-index: 2000;
	background-color: #EDFBFF;
}
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul,
{
	z-index: 2000;
	background-color: #EDFBFF;
}

#nav li:hover, #nav li.sfhover {
	background-image:url(img/nav-bg.png);
	z-index: 2000;
}

/*---------------- Forms ------------------*/
div.spip_forms fieldset
{
	border-width: 0px;
}

div.spip_forms
{
	border-width: 0px;
}

div.spip_forms .forml, div.spip_forms .formo

{
	border-bottom-color: #e2cec1;
	border-right-color: #e2cec1;
	border-top-color: #af896f;
	border-left-color: #af896f;
}

div.spip_forms .forml, div.spip_forms .fondl

{
	background-color: #EDFBFF;
}

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color: #EDFBFF;
}

/*--------------- Evenements ------------------*/
div.evenement {
	border-width: 1px;
	border-collapse: true;
}

div.evenement div.titre {
	background-image:url(img/nav-bg.png);
}

div.evenement span.titre-extrait {
	font-size: 110%;
	font-weight: bold;
	color: white;
	padding: 1em;
}
div.evenement hr {
	clear:both;
}
div.evenement span.date {
	color: #0057A6;
}