/* #global : id du calque contenant l'ensemble des claques de la page */
#global {
	position: absolute;
	height: auto;
	width: 770px;
	left: 5px;
	top: 5px;
}

/* #banierre : id du calque contenant la banierre */
#banierre {
	position: absolute;
	left: 10px;
	top: 0px;
	height: 110px;
	width: 760px;
	z-index: 90;
}

/* #menu-gauche : id du calque contenant le menu */
#menu-gauche {
	height: auto;
	width: 155px;
	position: absolute;
	left: 0px;
	top: 140px;
	z-index: 98;
}

/* princ-sommaire : id du calque contenant le texte principal de la page sommaire.html*/
#princ-sommaire {
	height: auto;
	width: 75%;
	margin-left: 10px;
	padding-top: 40px;
	padding-left: 20px;
	top: 100px;
	position: relative;
	float: right;
	border-left: thin solid #DEDEDE;
	z-index: 30;
}
#princ-sommaire-texte {
	height: auto;
	width:99%;
}
.princ-sommaire-a {
	font: 1.2em Arial, Helvetica, sans-serif;
	margin: 10px;
	padding: 10px;
	height: auto;
	width:80%;
	
}

.princ-sommaire-b {
	background-color: #F1EBE7;
	font: 1em Arial, Helvetica, sans-serif;
	margin: 10px;
	padding: 10px;
	border: thin solid #DEDEDE;
	width:99%;
}


/* princ-article et .princ-article : id et class du\des calque contenant le texte principal de la page article.html*/
#princ-article {
	height: inherit;
	width: 75%;
	margin-left: 10px;
	padding-top: 40px;
	padding-left: 20px;
	top: 100px;
	border-left: thin solid #DEDEDE;
	position: relative;
	float: right;
}

/* princ-sommaire : id du calque contenant le texte principal de la page plan.html*/
#princ-plan {
	height: auto;
	width: 75%;
	margin-left: 10px;
	padding-top: 40px;
	padding-left: 20px;
	top: 100px;
	position: relative;
	float: right;
	border-left: thin solid #DEDEDE;
	z-index: 30;
}

.princ-article {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000033;
	text-align: justify;
}



/* princ-rubrique : id du calque contenant le texte principal de la page rubrique.html*/
#princ-rubrique {
	height: auto;
	width: 575px;
	left: 185px;
	margin-right: 10px;
	padding-top: 140px;
	padding-right: 10px;
	padding-left: 10px;
	border-left: thin solid #DEDEDE;
	position: absolute;
	float: right;
}

/* princ-plan : id du calque contenant le texte principal de la page rubrique.html*/
#princ-plan {
	height: auto;
	width: 75%;
	margin-left: 10px;
	padding-top: 40px;
	padding-left: 20px;
	top: 100px;
	position: relative;
	float: right;
	border-left: thin solid #DEDEDE;
	z-index: 30;
}

#princ-recherche {
	height: auto;
	width: 75%;
	margin-left: 10px;
	padding-top: 40px;
	padding-left: 20px;
	top: 100px;
	position: relative;
	float: right;
	border-left: thin solid #DEDEDE;
	z-index: 30;
}

#bloc-central-article {
	height: auto;
	width: 575px;
	left: 185px;
	margin-right: 10px;
	padding-top: 140px;
	padding-right: 10px;
	padding-left: 10px;
	border-left: thin solid #DEDEDE;
	position: absolute;
	float: right;
}

.bc-article {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	height: auto;
	width: 100%;
}


/* hierarchie : id du calque contenant la hi�rarchie dans les pages sommaire.html, rubrique.html, article.html*/
#hierarchie {
	font: 80% Arial, Helvetica, sans-serif;
	color: #000066;
	border-bottom: thin solid #000066;
	position: relative;
	float: left;
	height: auto;
	width: 99%;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.hierarchie {
	font: 80% Arial, Helvetica, sans-serif;
	color: #000066;

}

/* bottom : id du calque contenant le bottom dans les pages sommaire.html, rubrique.html, article.html, plan.html */
#bottom {
	height: 25px;
	width: 100%;
	margin-top: 25px;
	padding-top: 5px;
	border-top: thin solid #000066;
	position: relative;
	float: left;
	margin-bottom: 15px;
}

.bottom {
	font: 60% Arial, Helvetica, sans-serif;
	color: #000066;
	text-align: center;
}

/* formulaire_recherche : id du calque contenant le formulaire de recherche dans le menu droit */
#formulaire_recherche {
	position: relative;
	float: right;	
	padding-top: 5px;
	padding-bottom: 5px;
}

.formrecherche {
	font: 80% Arial, Helvetica, sans-serif;
	background-color: #F1EBE7;
	color: #003333;
	position: relative;
	float: right;
}

.formrecherche_bout {
	height: auto;
	position: relative;
	float: right;
	background-color: #FFFFFF;
}

input.formrecherche {
	font: 80% Arial, Helvetica, sans-serif;
	background-color: #F1EBE7;
	color: #003333;
	position: relative;
	float: right;
	width:90%;
	text-align: right;
}

.forml { width: 100% ; background-color: #F1EBE7;}

#cadre-info-droite {
	position: relative;
	float: right;
	height: auto;
	width: 155px;
	z-index: 35;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-left: 15px;
	padding-bottom: 10px;
	padding-top: 50px;
	background-color: #FFFFFF;
}

.cadre-info-droite-titre-2 {
	font: 80% Arial, Helvetica, sans-serif;
	position: relative;
	float: right;
	background-color: #DEDEDE;
	height: auto;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	border: thin solid #666666;
}

#cadre-info-droite-titre-3 {
	font: 0.7em/1.4em Arial, Helvetica, sans-serif;
	position: relative;
	float: right;
	background-color: #F1EBE7;
	height: auto;
	padding: 10px;
	width: 100%;
	border: thin solid #9E4D15;
}

a.cadre-info-droite-titre-3 {
	color: #9E4D15;
	line-height: normal;
}
a.cadre-info-droite-titre-3:hover {
	color: #F1EBE7;
	background-color: #9E4D15;
	font-weight: bold;
	line-height: normal;
}

#cadre-info-gauche {
	position: relative;
	float: left;
	height: auto;
	width: 60%;
	z-index: 34;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}

.cadre-info-gauche-titre {
	font: 80% Arial, Helvetica, sans-serif;
	background-color: #DEDEDE;
	position: relative;
	float: left;
	height: auto;
	width: 60%;
	padding: 10px 5px;
	width: 100%;
}

#cadre-info-article {
	position: relative;
	float: left;
	height: auto;
	width: auto;
	z-index: 33;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}

.cadre-info-article-titre {
	font: 80% Arial, Helvetica, sans-serif;
	background-color: #DEDEDE;
	position: relative;
	float: left;
	height: auto;
	width: auto;
	padding: 10px 5px;
	width: 100%;
}

#cadre-haut {
	float: left;
	height: auto;
	width: 100%;
	position: relative;
	float: left;
}

.princ-sommaire {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000033;
	text-align: justify;
	float: left;
	position: relative;
}

.princ-rubrique {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000033;
}

#menu-navigation {
	float: right;
	height: 20px;
	width: 155px;
	position: relative;
}

.menu-gauche-nav {
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	width: 90%;
	float: right;
	position: relative;
	text-align: right;
	border-bottom: thin solid #B9B9B9;
	padding-bottom: 7px;
	padding-top: 10px;
}

.menu-gauche-actu {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	height: auto;
	width: 100%;
	position: relative;
	/*border-right: thin solid #000099;*/
	text-align: right;
	color: #000066;
	font-size: 90%;
}

.plan-nav {
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 5px 10px 0px;
	padding: 0px 5px;
	height: auto;
	width: 100%;
	float: left;
	position: relative;
	/*border-right: thin solid #9E4D15;*/
	text-align: left;
}
.plan-actu {
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 5px 10px 0px;
	padding: 0px 5px;
	height: auto;
	width: 100%;
	float: right;
	position: relative;
	/*border-right: thin solid #9E4D15;*/
	text-align: right;
}
.menu-lvl-h {
	font-size: 80%;
}

.menu-lvl-1 {
	font-size: 100%;
}

.menu-lvl-2 {
}

.menu-lvl-1-breves {
	font-size: 100%;
}

.menu-lvl-2-breves {
	font-size: 80%;
}

.menu-lvl-contact {
	font-size: 100%;
}


/* Couleur alternative d'affichage des liens du menu gauche - hierarchique */

a.hierarchie:link {font: 80% Arial, Helvetica, sans-serif;	color: #333399; text-decoration:none}
a.hierarchie:visited {font: 80% Arial, Helvetica, sans-serif;	color: #333399; text-decoration:none}
a.hierarchie:hover {font: 80% Arial, Helvetica, sans-serif;	color: #333399; text-decoration:none}
a.hierarchie:active {font: 80% Arial, Helvetica, sans-serif;	color: #333399; text-decoration:none}

/* Couleur alternative d'affichage des liens du menu gauche level 1 - g�n�ral (et donc navigation) */

a.menu-lvl-1:link {font: bold 100% Verdana, Arial, Helvetica, sans-serif;	color: #663300; text-decoration:none}
a.menu-lvl-1:visited {font: bold 100% Verdana, Arial, Helvetica, sans-serif;	color: #663300; text-decoration:none}
a.menu-lvl-1:hover {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #D96A1D;
	text-decoration:none;
	background-color: #999999;
}
a.menu-lvl-1:active {font: bold 100% Verdana, Arial, Helvetica, sans-serif;	color: #D96A1D; text-decoration:none}

/* Couleur alternative d'affichage des liens du menu gauche level 2 - g�n�ral (et donc navigation)*/

a.menu-lvl-2:link {font: 80% Arial, Helvetica, sans-serif;	color: #333333;	text-decoration:none;}
a.menu-lvl-2:visited {font: 80% Arial, Helvetica, sans-serif;	color: #333333; text-decoration:none;}
a.menu-lvl-2:hover {
	font: 80% Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	background-color: #CCCCCC;
}
a.menu-lvl-2:active {font: 80% Arial, Helvetica, sans-serif;	color: #000000; text-decoration:none;}

/* Couleur alternative d'affichage des liens du menu gauche level 1 - breves */

a.menu-lvl-1-breves:link {font: bold 100% Arial, Helvetica, sans-serif;	color: #000033; text-decoration:none}
a.menu-lvl-1-breves:visited {font: bold 100% Arial, Helvetica, sans-serif;	color: #000033; text-decoration:none}
a.menu-lvl-1-breves:hover {
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #0000CC;
	text-decoration:none;
	background-color: #CCCCCC;
}
a.menu-lvl-1-breves:active {font: bold 100% Arial, Helvetica, sans-serif;	color: #0000CC; text-decoration:none}

/* Couleur alternative d'affichage des liens du menu gauche level 2 bis - breves */

a.menu-lvl-2-breves:link {font: 100% Arial, Helvetica, sans-serif;	color: #000033; text-decoration:none}
a.menu-lvl-2-breves:visited {font: 100% Arial, Helvetica, sans-serif;	color: #000033; text-decoration:none}
a.menu-lvl-2-breves:hover {
	font: 100% Arial, Helvetica, sans-serif;
	color: #0000CC;
	text-decoration:none;
	background-color: #CCCCCC;
}
a.menu-lvl-2-breves:active {font: 100% Arial, Helvetica, sans-serif;	color: #0000CC; text-decoration:none}

/* Couleur alternative d'affichage des liens du menu gauche level 3 - contact) */

a.menu-lvl-contact:link {font: bold 100% Arial, Helvetica, sans-serif;	color: #003333; text-decoration:none}
a.menu-lvl-contact:visited {font: bold 100% Arial, Helvetica, sans-serif;	color: #006666; text-decoration:none}
a.menu-lvl-contact:hover {
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #006600;
	text-decoration:none;
	background-color: #CCCCCC;
}
a.menu-lvl-contact:active {font: bold 100% Arial, Helvetica, sans-serif;	color: #006600; text-decoration:none}

/* Couleur alternative d'affichage des liens du cadre principal de rubrique.html*/

a.princ-rubrique:link {font: 100% Arial, Helvetica, sans-serif;	color: #333333;	text-decoration: none}
a.princ-rubrique:visited {font: 100% Arial, Helvetica, sans-serif;	color: #333333;	text-decoration: none}
a.princ-rubrique:hover {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
}
a.princ-rubrique:active {font: 100% Arial, Helvetica, sans-serif;	color: #000000;	text-decoration: none}

.mgf {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	color: #333399;
	font-size: 100%;
}

.mgf2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	color: #3366CC
	font-size: 70%;
}


/* princ-imprim : id du calque contenant le texte principal de la page imprim.html*/
#princ-imprim {
	height: auto;
	width: 540px;
	border-left: thin solid #999999;
	position: absolute;
	top: 105px;
	left: 165px;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: justify;
	padding-top: 40px;
	padding-right: 15px;
	padding-left: 35px
}
.hierarchie-imprim {
}

p.spip {
	font: 80% Arial, Helvetica, sans-serif;
	text-align: justify;
}

.spip {
	font: 80% Arial, Helvetica, sans-serif;
	text-align: justify;
}

/* spip_styles.css */

strong.spip {
	font: bold 100% Arial, Helvetica, sans-serif;
	text-align: justify;
}


a:hover {
	color:#FF9900;
	text-decoration: underline;
}

a.spip_url {font: bold 100% Arial, Helvetica, sans-serif;
	color: #0000CC;
	text-decoration: none;
 }
a.spip_in {
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #0000CC;
	text-decoration: none;
}
a.spip_out { font: bold 100% Arial, Helvetica, sans-serif;
	color: #0000CC;
	text-decoration: none;
	}
a.spip_glossaire { }

.spip_code { }

p.spip_note { }

h3.spip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 100%;
	text-align: center;
	margin-top : 40px;
	margin-bottom : 20px;
	padding: 0em;
}

h4.spip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
	margin-top : 20px;
	margin-bottom : 20px;
	padding: 0em;
}

h5.spip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
	margin-top : 20px;
	margin-bottom : 20px;
	padding: 0em;
	font-style: italic;
}

.spip_puce {
	list-style-position: inside;
	border-width: 0px;
	font: 100% Arial, Helvetica, sans-serif;
}
.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 70%;
}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}

table.spip {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999999;
	border-collapse:collapse;
}

table.spip caption{
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin-left: auto;                                                       
	margin-right: auto;
	padding: 3px;
	font-weight: bold;
	font-family: Verdana,Arial,Sans,sans-serif;
	font-size : 70%;
}

table.spip tr.row_first {
	background-color: #FCF4D0;
}

table.spip tr.row_odd {
	background-color: #d0d0d0;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}

table.spip td {
	padding: 3px;
	text-align: left;
	vertical-align: middle;
}

hr.spip { }
b.spip { }
i.spip {
	font: italic 100% Arial, Helvetica, sans-serif;
}
blockquote.spip {
	margin-left : 40px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 0px;
	border : solid 1px #aaaaaa;
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

.spip_encadrer {
	font-family: helvetica, arial, sans-serif;
	width : 95%;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px #666666 solid;
}

.spip_cadre {
	width : 95%;
	background-color: #FFFFFF;
	padding: 5px;
	margin-top: 10px;
}

div.spip_poesie {
	margin-bottom: 5px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #999999;
}
div.spip_poesie div {
	text-indent: -60px;
	margin-left: 60px;
}

.spip_bouton { background-color: #FFCC00;}


.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: red;
}

.spip_surligne { background-color: #FFFF66; }


/*
 *  Images typographiques (via image_typo)
 */
 

.image_typo {
	behavior: url("win_png.htc");
}


/*
 * Barre de raccourcis
 */
a.spip_barre img {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #aa9966;
	border-bottom: 1px solid #aa9966;
	padding: 3px;
	background-color: #FFDDAA;
}
a.spip_barre:hover img {
	border: 1px solid #808080;
	padding: 3px;
	background-color: #f8f8f4;
}

.spip_doc_descriptif {
	font: 10px Arial, Helvetica, sans-serif;
}

.bout_imprim {
	position: absolute;
	float: right;
}


.img {
	
	height: auto;
	width: auto;
}

.img-droite {
	float: right;
	margin: 5px 0px 5px 10px;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: right;	
}

.img-centre {
	margin: 5px 10px 5px 10px;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	align: middle;
}

.img-gauche {
	float: left;
	margin: 5px 10px 5px 0px;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
}

.titre_breve_somm {
	color: #9E4D15;
	font-weight: bold;
}

.breves_somm_titre {
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: underline;
	font-weight: bold;
	padding-right: 10px;
}

.breves_somm_texte {
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.breves_somm_date {
	color: ##CC9933;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
}

.breves_somm_url {
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
}

.breves_somm {
	border-bottom: thin solid #000066;
	padding-top: 8px;
}

.mra {
	font: 100% Arial, Helvetica, sans-serif;
}

a.mra:link {font: 80% Arial, Helvetica, sans-serif;	color: #333399; text-decoration:none}
a.mra:visited {font: 80% Arial, Helvetica, sans-serif;	color: #333399; text-decoration:none}
a.mra:hover {font: 80% Arial, Helvetica, sans-serif;	color: #333399; text-decoration:none}
a.mra:active {font: 80% Arial, Helvetica, sans-serif;	color: #333399; text-decoration:none}

.mrb {
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #333399;
	text-decoration: underline;
}

i.mra {
font: italic 80% Arial, Helvetica, sans-serif;
}