/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */
/* Couleurs du site
 * Bleu : 6FABDC
 * Orange marron : CC793A
 * vert : C0CC5E
 * Gris : D1CFC2
 *        E2E3D5
 *        EEEEE5
 * vert très clair : F3F7EF
  * forum : EAEAFF
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #eee url(img/page.jpg) repeat-y center top;
	margin: 1.5em;
	text-align: center;
	font-size: 1em;
	color: #333;
}

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 51em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

#conteneur { width: 100%; }

#conteneur #contenu {
	float: left;
	width: 37em;
}

#conteneur #navigation {
	float: right;
	width: 12em;
	text-align: center;
	border-left: #D1CFC2 dotted 1px;
}

/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart {
	float: left;
	width: 37em;
}

#contenu .contre-encart-mots {
	float: left;
	width: 24em;
}

#contenu .encart {
	float: right;
	width: 11em;
	margin: 0;
	margin-bottom: 1em;
}

/* Entete */
#entete {
	width: 100%;
	border-bottom: 2px solid #D1CFC2; }
#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.5em; }
#entete a { text-decoration: none; }
#entete .formulaire_recherche { float: right; }

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin-bottom: 2em;
	font-size: 0.77em; }

/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	margin-top: 4em;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center;
	 }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Verdana, "Trebuchet MS", "Bitstream Vera Sans", Tahoma, Arial, sans-serif; }

/* Typo pour le contenu */
#contenu {
	font-family:   Verdana, Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, .liste-articles li .report, h3.spip, .voirskel {
	font-family: "Trebuchet MS", Verdana, "Bitstream Vera Serif", Georgia, Times, serif; }

blockquote.spip {
	font-family: Verdana, "Trebuchet MS", "Bitstream Vera Serif", Georgia, Times, serif;
	background:#EEEEE5;
	border-left: #CC793A 3px solid;
	border-bottom: solid #CC793A 1px;
	border-right: solid #CC793A 1px;
	border-top: solid #CC793A 1px;
}

/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */
.rubriques, .breves, .syndic, .forums, .divers {
	min-width: 10em;
	margin-bottom: 1em;
	font-size: 0.77em;
}
.divers ul { padding-bottom: 1em ;}

.divers ul ul { padding-left: 1em ;}

.liste_mots {
	width: 15em;
	border-left: 1px dotted #CCC;
	margin-bottom: 1em;
	font-size: 0.77em;
	float:right;
}
.liste_mots ul { padding-bottom: 1em ;}


.liste_mots ul ul { padding-left: 1em ; }

.menu-titre {
	padding: 0.2em 0.4em;
	border-bottom: 1px dotted #D1CFC2;
	text-align: left;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana;
	font-size: 1.4em;
	color: #D1CFC2;	
}

#navigation p, .encart p { margin: 0; padding: 0.2em 0.7em; text-align: left;  }
#navigation ul, .encart ul { padding: 0.2em 0; text-align: left; }
#navigation li, .encart li { padding: 0 0.7em; }
#navigation .formulaire_recherche { float: left; margin:0px 0px 10px 10px; }

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.rubriques { background: #FFFFFF; }
.rubriques .menu-titre { background: #FFFFFF; }

.breves { background: #FFFFFF; }
.breves .menu-titre { background: #FFFFFF; }

.syndic { background: #FFFFFF; }
.syndic .menu-titre { background: #FFFFFF; }

.forums { background: #EAEAFF; }
.forums .menu-titre { background: #F2F2FF; }

.divers { background: #FFFFFF; }
.divers .menu-titre { background: #FFFFFF; }

.liste_mots { background: #FFFFFF; }
.liste_mots .menu_titre { background: #FFFFFF; }

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin-bottom: 2em; }

.cartouche .titre {
	font-size: 1.27em;
	font-weight: bold;
	color: #C0CC5E; }
	
.cartouche .titre_mots {
	font-size: 1.27em;
	font-weight: bold;
	color: #C0CC5E;
	}
	
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }

/* Ajout de moi meme */
.cartouche .auteur {
	display:block;
	border-top:1px solid #C0CC5E;
	text-align:right;
	}

.cartouche .auteur a {
	color:#6FA8DC;
	font-weight:bold;
	}

.cartouche .auteur a:hover {
	color:#CC793A;
	text-decoration:none;
	}

#contenu .image .spip_logos {
	float: left;
	margin: 0px 10px 20px 0px;
}

#contenu a.spip_out{
	color:#6FA8DC;
	font-weight:bold;
	}
	
#contenu a.spip_out:hover {
	color:#CC793A;
	font-weight:bold;
	text-decoration:none;
	}
/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-bottom: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
	font-size: 0.9em;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align:justify;
}

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; 
	}

.texte {
	color: #333;
	font-size: 0.9em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

.texte a{ color:#6FA8DC;}
.texte a:hover {color:#CC793A; text-decoration:none;}

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #D1CFC2; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/* Mots clés
-------------------------------------------------*/
#encart_mots {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 1px #D1CFC2;
	border-top-style: dashed;
}

#encart_mots h2 { margin-bottom: 0.4em; padding-left:20px; font-size: 0.88em; font-weight: bold; background: transparent  url(img/tag_orange.png) no-repeat 0em 30%; }

#encart_mots li {float:left; padding-right:10px;}

#encart_mots li a { 	
	color:#6FA8DC;
	font-weight:bold;
	font-size:0.82em;
	}

#encart_mots li a:hover { 	
	color:#CC793A;
	text-decoration:none;
	}
	
/*Liste articles des mots clés
---------------------------------------------------------*/

.liste_art_mots li { margin-bottom: 1em; clear: both; border-bottom:5px #F3F7EF solid;}

.liste_art_mots li .titre {
	font-size: 1.27em;
	font-weight: bold;
	line-height: 1.4em;
	}

.liste_art_mots li .titre a {
	color:#C0CC5E;
}

.liste_art_mots li .titre a:hover {
	color:#CC793A;
	text-decoration:none;
}

.liste_art_mots .titre_mots {
	float:left; 
	padding-right:10px;
	color:#D1CFC2;
	font-weight:bold;
	font-size:0.71em; }


.liste_art_mots .titre_mots a {
	float:left; 
	padding-right:10px;
	color:#6FA8DC;
	font-weight:bold;
	}

.liste_art_mots .titre_mots a:hover { 	
	color:#CC793A;
	text-decoration:none;
	}
	
/* Licence
-------------------------------------------------*/
#licence {
	margin-top: 1.4em;
	padding-top: 5px;
	border-top: 1px #D1CFC2;
	border-top-style: dashed;
	font-size:0.59em;
	text-align:center;
}

#licence a { 	
	color:#6FA8DC;
	font-weight:bold;
	}

#licence a:hover { 	
	color:#CC793A;
	text-decoration:none;
	}
/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 1px #D1CFC2 dashed; }
#documents_portfolio h2 { margin-bottom: 0.4em; padding-left:20px; font-size: 0.88em; font-weight: bold; background: transparent url(img/picture.png) no-repeat 0em 30%;}

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 1px #D1CFC2;
	border-top-style: dashed;
}
#documents_joints h2 { margin-bottom: 1em; padding-left:20px; font-size: 0.88em; font-weight: bold; background: transparent  url(img/package_go.png) no-repeat 0em 30%; }
#documents_joints li { margin-bottom: 1em; margin-right: 2em; display:block; float:left; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre a{color:#6FA8DC; text-decoration: none;}
#documents_joints li .spip_doc_titre a:hover {color:#CC793A;}
#documents_joints li .spip_logos {
	display: block;
	float: left;
	margin-right:0.5em;
	}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif { color:#CC793A; text-align:center; font-size:0.65em;}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles li { margin-bottom: 2em; clear: both; border-bottom:5px #F3F7EF solid; }

.liste-articles li .titre {
	font-size: 1.27em;
	font-weight: bold;
	line-height: 1.4em;
	}

.liste-articles li .titre a {
	color:#C0CC5E;
}

.liste-articles li .titre a:hover {
	color:#CC793A;
	text-decoration:none;
}

.liste-articles li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 1.5em;
	padding: 0.9em;
	font-size: 0.9em;
	line-height: 1.4em;
	text-align:justify;
	}

.liste-articles li .texte a.spip_out{
	color:#6FA8DC;
	font-weight:bold;
	}
	
.liste-articles li .texte a.spip_out:hover {
	color:#CC793A;
	font-weight:bold;
	text-decoration:none;
	}

.liste-articles li .comment {
	clear:both;
	float: right;
	padding:0px 5px 5px 17px;
	background: transparent url(img/commentaire.png) no-repeat 0 30%;
	}
	
.liste-articles li .report a, .liste-articles li .report a:hover {
	clear:both;
	font-size:0.9em;
	float:right;
	padding:0px 5px 5px 20px;
	background: transparent  url(img/report.png) no-repeat 0em 30%;
	text-decoration:none;
	color:#6FA8DC;
	}

.liste-articles li .auteur {
	display:block;
	border-top:1px solid #C0CC5E;
	text-align:right;
	}

.liste-articles li .auteur a {
	color:#6FA8DC;
	font-weight:bold;
	}

.liste-articles li .auteur a:hover {
	color:#CC793A;
	text-decoration:none;
	}

.pagination { font-size: 0.90em; }

/* Liste sites 
----------------*/
.liste-sites li { margin-bottom: 0.8em; clear: both;}
.liste-sites li .spip_logos {
	float: left;
	margin: 5px 10px 16px 0px;
	clear: right; }

.liste-sites li .titre {
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.4em;
	border-bottom:solid #C0CC5E 1px;
	}

.liste-sites li .titre a {color:#C0CC5E;}

.liste-sites li .titre a:hover {
	color:#CC793A;
	text-decoration:none;
}

.liste-sites li .lien-sites {font-size: 0.65em; float:right;}

.liste-sites li .liste-syndic {border-left:#CC793A solid 5px; margin:5px 0 0 50px;}
.liste-sites li li .lien-syndic {font-size:0.65em; padding-left:5px; line-height:0.6em; }
.liste-sites li li .lien-syndic a {color:#CC793A;}
.liste-sites li li .lien-syndic a:hover {color:#C0CC5E; text-decoration:none;}

.liste-sites li .chapo-sites {
	margin: 4px 0 7px 30px;
	font-weight: normal;
	line-height: 1.4em;
	font-size: 0.88em;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche {display: none; }

.page_plan #contenu h2 {
	clear: both;
	background: #FFF;
	border: 1px dotted #CCC;
	padding: 0.2em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center; }

.page_plan #contenu h2 a {color:#C0CC5E; font-family: "Trebuchet MS", Verdana, "Bitstream Vera Serif", Georgia, Times, serif; }
.page_plan #contenu h2 a:hover {color:#CC793A; text-decoration:none; }

.page_plan #contenu h3 a {color:#6FA8DC; font-size:0.82em;}
.page_plan #contenu h3 a:hover {color:#CC793A; text-decoration:none; }

.page_plan #contenu .art_list a {color:#000; font-size:0.82em;}
.page_plan #contenu .art_list a:hover {color:#CC793A; text-decoration:none; }

.page_plan #contenu .spip_logos {float: left; margin-right: 0.3em; }

.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-left: 1em;
	margin-bottom: 1em;
	list-style: none; }
.page_plan #contenu .contre-encart li { list-style: none; }

/*  ------------------------------------------
/*  Habillage specifique de la page auteur
/*  ------------------------------------------ */
.page_auteur #contenu h2 {
	color:#C0CC5E;
	font-family: "Trebuchet MS", Verdana, "Bitstream Vera Serif", Georgia, Times, serif;
	font-size:1.15em;
	font-weight: bold;
}

.page_auteur #contenu .art_list a {color:#000; font-size:0.82em;}
.page_auteur #contenu .art_list a:hover {color:#CC793A; text-decoration:none; }

.page_auteur #contenu .spip_logos {float: left; margin: 0.1em 0.4em 0.1em 0.1em; }

.page_auteur #contenu .auteur_list {float: right; margin-right: 0.3em; }
.page_auteur #contenu .contre-encart2 {float: left; margin-right: 0.3em; width:75%; }
.page_auteur #contenu .contre-encart2 li {
	display: block;
	clear: left;
	padding: 0.5 em;
	margin-bottom: 1em;
	border: dotted #CCCCCC 1px;
	list-style: none; }


/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip textarea, .formulaire_spip input, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }


/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.77em;
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #FFF; /* Sinon, superposition dans MSIE */
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit; }

.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #F00; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; width: 10em; }
.formulaire_recherche label { display: none; }

#recherche {
	background: #fff url(img/q.png) no-repeat 4px center;
	padding-left: 18px;
}

/* Formulaire forum */
.formulaire_forum .forml { border:solid #D1CFC2 1px; background:#fff;}
.formulaire_forum .spip_bouton input {border: 1px #ddd solid; background: #D1CFC2 }
.formulaire_forum .spip_bouton input:hover {border: 1px #D1CFC2 solid; background: #fff; cursor:pointer; }
.formulaire_forum fieldset {border: solid 1px; background: #EEEEE5;}
.formulaire_forum legend {background: inherit;}

.formulaire_forum .spip_barre a img{ background: #D1CFC2; }
/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #D1CFC2;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #CC793A; }
.forum-chapo small {}
.forum-texte {
	margin: 0;
	padding: 0.5em 1em 0.5em 1em;
	color: #333;
	font-size: 0.82em;
	background: #D9D6CD;
}
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum */
ul .forum-message { margin: 0; padding: 0; margin-bottom: 1.4em; }

ul .forum-message small { font-size:0.7em; }

/* Boite de titre d'un forum */
ul .forum-chapo { border: none; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #D9D6CD; border:0; }

.auteur_forum {
	font-weight:bold;
	position:relative;
	color:#6FA8DC;
	background:#fff url(img/c_05.jpg) no-repeat;
	background-position: 100% 100%;
	padding: 0px 30px 0px 0px;
	}

.c1 {
	background:#D9D7CC url(img/c_01.jpg) no-repeat;
	font-size:1px;
	height: 5px; width: 5px;
	position: relative;
	top: 5px;
	z-index: 1;
}
.c2 {
	background:#D9D7CC url(img/c_02.jpg) no-repeat;
	float: right;
	font-size:1px;
	height: 5px; width: 5px;
	position: relative;
	z-index: 1;
}
.c3 {
	background:#D9D7CC url(img/c_03.jpg) no-repeat;
	font-size:1px;
	height: 5px; width: 5px;
	position: relative;
	z-index: 1;
	bottom: 18px;
}
.c4 {
	background:#D9D7CC url(img/c_04.jpg) no-repeat;
	float: right;
	font-size:1px;
	height: 5px; width: 5px;
	position: relative;
	z-index: 1;
	bottom: 23px;
}

.me{ background: #ff017d; }
/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */

#signatures { clear: both; font-size: 0.77em; }

#signatures h2 {
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold; }

#signatures table { width: 100%; margin: 1em 0; }
#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */

#signatures td.signature-date {
	background: #E4F0F0;
	padding: 0.5em;
	white-space: nowrap; }

#signatures td.signature-nom {
	background: #ECF4F4;
	padding: 0.2em;
	text-align: center;
	font-weight: bold; }

#signatures td.signature-message {
	background: #F4F8F8;
	padding: 0.4em;
	font-size: 0.96em; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

a.on{color:#CC793A;}

a.spip_in {
	color:#6FA8DC;
	}

.titre_l a{
	color:#6FA8DC;
	font-weight:bold;
	}

.titre_l_a a{
	color:#CC793A;
	}


.l_plan a {
	color:#000000;
	font-size:0.82em;
	}
.titre_rub a {
	color:#6FA8DC;
	font-weight:bold;
	}

.titre_rub a:hover {
	color:#CC793A;
	font-weight:bold;
	text-decoration:none;
	}

.titre_rub a.on{color:#CC793A;}

.l_arch a {color:#CC793A; font-weight:bold; padding-left:3px;}

.l_arch a:hover {color:#D1CFC2; text-decoration:none;}

.l_arch a.on {color:#D1CFC2; font-weight:bold;}

/*  ------------------------------------------
/*  Style pour le calendrier
/*  ------------------------------------------ */
#navigation div#calendar{
	background:#FFFFFF;
}

#navigation div#calendar .menu-titre{
	background:#FFFFFF;
}


#navigation div#calendar table{
	width: 100%;
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#navigation div#calendar table caption{
	margin: 0 auto;
}

#navigation div#calendar table th{
	color: #6FA8DC;
	background: transparent;
}

#navigation div#calendar table td{
	width: 14%;
	line-height: 2em;
	border: 1px solid #EEE;
}

#navigation div#calendar table td a{
	display: block;
	background: #D1CFC2;
	color: #6FA8DC;
	font-weight: bold;
	text-decoration: none;
}

#navigation div#calendar table td.today a{
	border: 1px solid #6FA8DC;
}

#navigation div#calendar table td a:hover{
	background: #D1CFC2;
	color: #CC793A;
}

#navigation div#calendar table td.today a:hover{
	border: 1px solid #CC793A;
}

#navigation div#calendar span{
	display: none;
}

/*---------------------------------------
   Lignt box
   ---------------------------------------*/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/*__________________________________
Statistiques
____________________________________*/
.stats {
	min-width: 10em;
	/*border: 1px solid #CCC;*/
	margin-bottom: 1em;
	font-size: 0.77em;
}
.stats_donne { padding-left:0.7em; text-align:left; color:#6FA8DC; }

/*-----------------------
info site
--------------------------------------*/
.info_site {
	/*border: 1px solid #CCC;*/
	margin-top: 5em;
	font-size: 0.7em;
	/*text-align:center;*/
	padding-left:1em;
}

/*------------------------------------
Logos au hasard
-------------------------------------*/
.logo-hasard .spip_logos { padding:2px; border:#D1CFC2 solid 1px; margin-top:2px; }