/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {}

h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC;}
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 5px; padding: 0; border: 1px; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 180px; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; width: 180px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; width: 180px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 9.5px; margin-left: auto; margin-right: auto; color: #808080; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: #009; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */





/*  ================================ concerne le menu des sous partie  gauche ================================ */


/* concerne le menu des sous partie NEWS */

#navcontainer ul {
	padding-left: 0;
	font-size:13px;
	font-weight: bold;
	margin-left: 0;
	margin-top: 10px;
	color: #123;
	float: left;
	width: 137px;
	text-transform:uppercase;
	font-weight:bold;
	font-family: verdana,arial, helvetica, sans-serif;
	line-height: 18px;
	}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	padding: 0.2em 1em;
	color: #000;
	text-decoration: underline;
	float: left;
	}

#navcontainer ul li a:hover {
	background-color: #B00000;
	color: #fff;
	width: 112px;
	text-align:left;
	}



/* concerne le menu des sous partie Histoire */

#navcontainer-hist ul {
	padding-left: 0;
	font-size:13px;
	font-weight: bold;
	margin-left: 0;
	margin-top: 20px;
	color: #123;
	float: left;
	width: 165px;
	text-transform:uppercase;
	font-weight:bold;
	font-family: verdana,arial, helvetica, sans-serif;
	line-height: 18px;
	}

#navcontainer-hist ul li { display: inline; }

#navcontainer-hist ul li a {
	padding: 0.3em 1em;
	color: #000;
	text-decoration: underline;
	float: left;
	}

#navcontainer-hist ul li a:hover {
	background-color: #8F8F3E;
	color: #fff;
	width: 136px;
	text-align:left;
	}

/* concerne le menu des sous partie Geo */

#navcontainer-geo ul {
	padding-left: 0;
	font-size:13px;
	font-weight: bold;
	margin-left: 0;
	margin-top: 20px;
	color: #123;
	float: left;
	width: 165px;
	text-transform:uppercase;
	font-weight:bold;
	font-family: verdana,arial, helvetica, sans-serif;
	line-height: 18px;
	}

#navcontainer-geo ul li { display: inline; }

#navcontainer-geo ul li a {
	padding: 0.3em 1em;
	color: #000;
	text-decoration: underline;
	float: left;
	}

#navcontainer-geo ul li a:hover {
	background-color: #33775C;
	color: #fff;
	width: 136px;
	text-align:left;
	}

/* concerne le menu des sous partie Culture */

#navcontainer-cult ul {
	padding-left: 0;
	font-size:13px;
	font-weight: bold;
	margin-left: 0;
	margin-top: 20px;
	color: #123;
	float: left;
	width: 165px;
	text-transform:uppercase;
	font-weight:bold;
	font-family: verdana,arial, helvetica, sans-serif;
	line-height: 18px;
	}

#navcontainer-cult ul li { display: inline; }

#navcontainer-cult ul li a {
	padding: 0.3em 1em;
	color: #000;
	text-decoration: underline;
	float: left;
	}

#navcontainer-cult ul li a:hover {
	background-color: #A57728;
	color: #fff;
	width: 136px;
	text-align:left;
	}





#meteo {
	margin-left: 10px;
	margin-top: 450px;
	-margin-top: 90px;
	
	}




/* ~~~~~~~~~~~~ BANDE CHEMIN ~~~~~~~~~~~~ */

#bande-chemin{
	font-size:11px;
	float:left;
	margin-top:0px;
	padding-bottom:5px;
	-padding-bottom:0px;
	margin-left:8px;
	-margin-left:4px;
	width: 436px;
	font-family: verdana,arial, helvetica, sans-serif;
	color: #ffffff;
	height:26px;
	-height:15px;
	background-color: #e3e3e3;
	border: 2px solid #545454;

	}


#bande-chemin2{
	font-size:11px;
	float:left;
	margin-top:0px;
	padding-bottom:5px;
	-padding-bottom:0px;
	margin-left:11px;
	-margin-left:4px;
	width: 605px;
	font-family: verdana,arial, helvetica, sans-serif;
	color: #ffffff;
	height:26px;
	-height:15px;
	background-color: #e3e3e3;
	border: 2px solid #545454;

	}
	

#bande-chemin-hist{
	font-size:11px;
	float:left;
	margin-top:10px;
	padding-bottom:5px;
	-padding-bottom:0px;
	margin-left:11px;
	-margin-left:4px;
	width: 580px;
	font-family: verdana,arial, helvetica, sans-serif;
	color: #ffffff;
	height:26px;
	-height:15px;
	background-color: #e3e3e3;
	border: 2px solid #545454;

	}

.rechercher {
	font-size:14px;
	float:left;
	margin-top:5px;
	padding-bottom:5px;
	-padding-bottom:0px;
	margin-left:20px;
	-margin-left:5px;
	color:#ffffff;
	font-weight:bold;
	
	}
	

/* concerne le menu des sous partie DOCUEMNTS */

#navcontainer3 ul {
	padding-left: 0;
	font-size:13px;
	font-weight: bold;
	margin-left: 0;
	margin-top: 110px;
	color: #123;
	float: left;
	width: 137px;
	text-transform:uppercase;
	font-weight:bold;
	font-family: verdana,arial, helvetica, sans-serif;
	}

#navcontainer3 ul li { display: inline; }

#navcontainer3 ul li a {
	padding: 0.2em 1em;
	color: #000;
	text-decoration: underline;
	float: left;
	}

#navcontainer3 ul li a:hover {
	background-color: #B00000;
	color: #fff;
	width: 112px;
	text-align:left;
	}



/* ~~~~~~~~~~~~ brèves ~~~~~~~~~~~~ */

.breves {
	font-size:11px;
	float:left;
	margin-top:0px;
	margin-left:0;
	width: 150px;
	font-family: verdana,arial, helvetica, sans-serif;
	color: #545454;

}

.breves a.en-tete {
	display: block;
	background-color: #545454;
	color: #FFFFFF;
	font-size:11px;
	text-align: center;
	text-transform:uppercase;
	font-weight:bold;
	border: 0.05em solid #ccc;
}

.breves a.en-tete:hover {
	background-color: #B00000;
	color: #FFF;
	font-size:11px;

}

.breves .contenu .titre {
	text-align: left;
	font-size:11px;
	color: #000;
	margin: 0;
	background: #fff;
}

.breves .contenu {
	margin-top:0em;
	padding: 0;
	font-size: 11px;
}

.breves .contenu a.nom-breve {
	display: block;
	text-align: left;
	font-size:11px;
	color: #000;
	margin: 0;
	background: #FFF;
}

.breves .contenu a.nom-breve:hover {
	color: #808080;
	background: #fff;
	font-size:11px;
	text-decoration:none;
}

.breves .contenu .date {
	font-size: 9px;
	text-align: left;
	background: #FFF;
}

.breves .contenu .texte {
	margin: 0px;
	padding: 0.6em;
	font-size: 1em;
	line-height: 0.2em;
}

.breves .contenu .texte h3 {
	margin:0.3em 0em 0.3em 0em;
	padding:0px;
	font-size: 11px;
	line-height: 110%;
}

.breves .contenu .texte p {
	margin:0.7em 0em 0.7em 0em;
	padding:0px;
	font-size: 11px;
}

.breves .contenu .texte strong {
	color: #000000;
}

.breves .contenu  a {
	color:#990000;
}

.breves .contenu a:hover {
	text-decoration: underline;
}

.breves .contenu blockquote {
	margin : 2px;
}

.breves .contenu .notes {
	margin: 0px;
	padding: 5px;
	font-size: 100%;
	line-height: 110%;
	border-top: 1px solid #808080;
}





/* ~~~~~~~~~~~~ brèvesliste ~~~~~~~~~~~~ */

.brevesliste {
	font-size:11px;
	float:left;
	margin-top:5px;
	margin-left:10px;
	width: 613px;
	font-family: verdana,arial, helvetica, sans-serif;
	color: #808080;

}


.brevesliste .contenu .titre {
	text-align: left;
	color: #000;
	margin: 0;
	background: #fff;
}


.brevesliste .contenu .date {
	font-size: 11px;
	text-align: left;
	background: #FFF;
	color: #B00000;
}

.brevesliste .contenu a.nom-breve {
	display: block;
	text-align: left;
	font-size:11px;
	color: #B00000;
	margin: 0;
	background: #FFF;
}

.brevesliste .contenu a.nom-breve:hover {
	color: #b00000;
	background: #fff;
	font-size:11px;
}






.brevelist .titre {
	font-size: 11px;
	font-weight: bold;
	color: #b00000; 
	margin-left:8px;
	margin-right:12px;
	}
	
.breveliste small { 
	font-size: 9.5px; 
	color: #808080; 
	margin-left:8px;
	margin-right:8px;
	}



/* ~~~~~~~~~~~~ SEI ~~~~~~~~~~~~ */

.sei {
	font-size:11px;
	float:left;
	margin-top:15px;
	margin-left:0;
	width: 150px;
	font-family: verdana,arial, helvetica, sans-serif;
	color: #545454;
	text-align:center;
	font-weight:bold;
}

.sei a.en-tete {
	display: block;
	background-color: #545454;
	color: #FFFFFF;
	font-size:12px;
	text-align: center;
	border: 0.05em solid #ccc;
	text-transform:uppercase;
}

.sei a.en-tete:hover {
	background-color: #B00000;
	color: #FFF;
	font-size:12px;
	border: 0.05em solid #ccc;
}

.sei li .spip_logos {
	margin-left:20px;
	}

.sei li .titre {
	margin-left:10px;
	}
	
.sei li .titre a{
	color:#b00000;
	}


/* ~~~~~~~~~~~~ FOCUS ~~~~~~~~~~~~ */

.focus {
	font-size:11px;
	float:left;
	margin-top:15px;
	margin-left:0;
	width: 150px;
	font-family: verdana,arial, helvetica, sans-serif;
	color: #545454;
	text-align:center;
	font-weight:bold;
}

.focus a.en-tete {
	display: block;
	background-color: #545454;
	color: #FFFFFF;
	font-size:12px;
	text-align: center;
	border: 0.05em solid #ccc;
	text-transform:uppercase;
}

.focus a.en-tete:hover {
	background-color: #B00000;
	color: #FFF;
	font-size:12px;
	border: 0.05em solid #ccc;
}

.focus li .spip_logos {
	margin-left:20px;
	}

.focus li .titre {
	margin-left:10px;
	}
	
.focus li .titre a{
	color:#b00000;
	}

/* concerne le menu des grandes parties */

	

#navmenu {
	margin-left:70px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing: 3px; word-spacing: 2px;
	}
	
	
#navmenu ul li{
	background-color: #545454;
	float:left;
	font-family: verdana,arial, helvetica, sans-serif;
	display: inline;
	height:17px;
	}



#navmenu ul li a {
	padding: 0.2em 1em;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	}

#navmenu ul li a:hover {
	background-color: #b00000;
	color: #fff;
	}
	
#localisation {
	background-color: #545454;
	float:left;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	
	}
/* concerne le menu des grandes parties  HISTOIRE*/

	

#navmenu-hist {
	margin-left:70px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing: 3px; word-spacing: 2px;
	}
	
	
#navmenu-hist ul li{
	background-color: #8F8F3E;
	float:left;
	font-family: verdana,arial, helvetica, sans-serif;
	display: inline;
	height:17px;
	}



#navmenu-hist ul li a {
	padding: 0.2em 1em;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	}

#navmenu-hist ul li a:hover {
	background-color: #b00000;
	color: #fff;
	}



#localisation-hist {
	background-color:  #8F8F3E;
	float:left;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}

/* concerne le menu des grandes parties  geo*/


#navmenu-geo {
	margin-left:70px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing: 3px; word-spacing: 2px;
	}
	
	
#navmenu-geo ul li{
	background-color: #33775C;
	float:left;
	font-family: verdana,arial, helvetica, sans-serif;
	display: inline;
	height:17px;
	}



#navmenu-geo ul li a {
	padding: 0.2em 1em;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	}

#navmenu-geo ul li a:hover {
	background-color: #b00000;
	color: #fff;
	}



#localisation-geo {
	background-color:  #33775C;
	float:left;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}

/* concerne le menu des grandes parties  Culture*/


#navmenu-cult {
	margin-left:70px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing: 3px; word-spacing: 2px;
	}
	
	
#navmenu-cult ul li{
	background-color: #A57728;
	float:left;
	font-family: verdana,arial, helvetica, sans-serif;
	display: inline;
	height:17px;
	}



#navmenu-cult ul li a {
	padding: 0.2em 1em;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	}

#navmenu-cult ul li a:hover {
	background-color: #b00000;
	color: #fff;
	}



#localisation-cult {
	background-color:  #A57728;
	float:left;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}






/* concerne les separateurs horizontaux  <div class="separateur separateur-top separateur-bottom" style="clear:right;">&nbsp;</div> */

.separateur	{
	border: 1px dotted #ccc;
	overflow: hidden;
	height:0px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}

.separateur-top	{
/*border-top: 15px solid white;*/
	margin-top: 15px;
}
.separateur-bottom	{
/*border-bottom: 15px solid white;*/
	margin-bottom: 5px;
}


/* concerne la position du nom rubrique */

.titrerubrique	{
	font-size: 16px;
	margin-right:5px;
	margin-top:3px;
	color: #b00000;
	font-weight: bold;
	float:right;

	}

.titrerubrique a{

	color: #b00000;
	font-weight: bold;
	float:right;

	}

/* concerne la position de l'annee dans archive */

.titrerubriquearc	{
	font-size: 16px;
	margin-right:auto;
	margin-top:auto;
	color: #b00000;
	font-weight: bold;
	float:middle;

	}

.titrerubriquearc a{

	color: #b00000;
	font-weight: bold;
	float:middle;

	}

/* concerne la position du nom rubrique dans les parties histoire geo culture*/

.titrerubriquechap	{
	font-size: 16px;
	text-align:center;
	margin-top:70px;
	color: #000;
	font-weight: bold;
	}

.titrerubriquechap a{

	color: #000;
	font-weight: bold;
	float:right;

	}


/* concerne la pages des bios */

#alphabetique{ font-size:0.7em; color:#555} 
#expose{text-decoration:none; background-color:#FFCC00}
.laliste a{color:#555;}
.laliste a span{color:#000;}


/* concerne la frame des photos des bios */

.whoswhohasardframe {
	margin-top:10px; 
	float:left; 
	margin-left:15px;
	margin-bottom:20px;
	}
	


a#bandeUne { display: block; margin-top: 10px; margin-left: 10px; height: 150px ; overflow: hidden; border: solid #F09415 1px}

div.clear {clear: both; text-align: right; font-size: smaller}