/*  ----------------------------------------------------------- */
/*  Feuilles de styles 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
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */



body {
	margin: 0px;
	padding: 0px;
	background: #F99C1C url(images/degrad_fond.jpg) repeat-x left top;
	color: #FFFFFF;
	font: 0.9em/normal Arial, Helvetica, sans-serif;
	behavior: url("/skelnet/csshover.htc"); /* WinIE behavior call */
}

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; }
img a {	margin: 0px; padding: 0px;}

/*  ------------------------------------------ */

/*—————————————————————————————————————————*/
/* Tous les liens */
/*—————————————————————————————————————————*/
a {
	color: #C25222;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #97411C;
}
a.lien{
	text-decoration: none;
	background: url(images/puceliste.gif) no-repeat left center;
	color: #666666;
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	display: block;
}
a.lien:hover {
	text-decoration: none;
	color: #D90096;
	background: url(images/pucelistehover.gif) no-repeat left center;
}
a.lienon{
	color: #D90096;
	padding-left:20px;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}

/*—————————————————————————————————————————*/
/* style du site */
/*—————————————————————————————————————————*/
div#fond_site {
	margin: 0px auto;
	padding: 0px;
	width: 955px;
	position: relative;
}
#entete {
	background: url(images/entete.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 203px;
	width: 955px;
	position: relative;
}
div#pied_page {
	background: url(images/pieddepage.gif) no-repeat;
	width: 100%;
	clear: both;
	margin: 0px;
	padding: 20px 0px 0px;
	height: 49px;
}
#copyright {
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #C25222;
	font-size: 10px;
}

#hierarchie {
	padding: 0px;
	margin: 178px 0px 0px 25px;
	width: 665px;
	height: 20px;
	float: left;
	font-size: 0.8em;

}
#hierarchie a {
	color: #FFFFFF;
}

.finchemin {
	font-weight: bold;
	color: #000000;
}
/*—————————————————————————————————————————*/
/* Colonne gauche */
/*—————————————————————————————————————————*/
div#col_gauche {
	background: url(images/planche.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	width: 268px;
	min-height: 425px;
	float: left;
}
div.imgmenu, .imgmenu1, .imgmenu2, .imgmenu3, .imgmenu4, .imgmenu5, .imgmenu6 {
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 268px;
	height: 37px;
	z-index: 10;
}
.espaceur1 {
	margin: 0px;
	padding: 0px;
	height: 23px;
}
.espaceur2 {
	margin: 0px;
	padding: 0px;
	height: 25px;
}
.espaceur3 {
	margin: 0px;
	padding: 0px;
	height: 34px;
}
.espaceur4 {
	margin: 0px;
	padding: 0px;
	height: 28px;
}
.espaceur5 {
	margin: 0px;
	padding: 0px;
	height: 28px;
}
.espaceur6 {
	margin: 0px;
	padding: 0px;
	height: 23px;
}
/*—————————————————————————————————————————*/
/* Menu déroulant */
/*—————————————————————————————————————————*/
ul.menu_deroulant {
	width: 180px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 268px;
	display: none;
}
div.entete_menu_deroulant {
	background: url(images/entet_menu_deroulant.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 14px;
	width: 180px;
}

li.liens_menu_rub {
	position: relative;
	padding: 5px 25px 5px 8px;
	margin: 0px;
	background: #B3B5B7 url(images/list_menu_deroulant.gif) no-repeat bottom;
	list-style: none;
}
li.liens_menu_rub a {
	font-size: 0.9em;
	color: #FFFFFF;
}
li.liens_menu_rub a:hover {
	color: #000000;
}
div.pied_menu_deroulant {
	background: url(images/pied_menu_deroulant.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 14px;
	width: 180px;
}
div.imgmenu1:hover  ul.menu_deroulant, 
div.imgmenu2:hover  ul.menu_deroulant, 
div.imgmenu3:hover  ul.menu_deroulant, 
div.imgmenu4:hover  ul.menu_deroulant, 
div.imgmenu5:hover  ul.menu_deroulant, 
div.imgmenu6:hover  ul.menu_deroulant  {display: block;}

/*—————————————————————————————————————————*/
/* FIN Menu déroulant */
/*—————————————————————————————————————————*/
/*—————————————————————————————————————————*/
/* FIN Colonne gauche */
/*—————————————————————————————————————————*/
h1 {
	letter-spacing: 0.12em;
	color: #FFFFFF;
	font-size: 1.7em;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	margin: -3px 0px 0px -19px;
	padding: 35px 0px 10px 65px;
	font-variant: small-caps;
	background: url(images/etoile_titre.gif) no-repeat left top;
}
h2 {
	margin: 1.2em 0em 0.2em;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
}
h2.list_srub {
	background: url(images/etoile_titre_small.gif) no-repeat left top;
	padding: 3px 0 5px 35px;
}
h3 {
	margin: 1em 0em 0.2em;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.1em;
}
h3.titre_list_art_srub{font-size: 1.2em;}
h4 {
	margin: 0em 0em 0.5em;
	color: #FFFFFF;
	font-size: 1.15em;
	font-weight: bold;
}
h5 {
	margin: 0em 0em 0.5em;
	color: #FFFFFF;
	font-size: 1.05em;
	font-weight: bold;
}
p.spip {
	margin: 0px 0px 1em;
	padding: 0px;
}
/*—————————————————————————————————————————*/
/* Début Colonne principale*/
/*—————————————————————————————————————————*/
div#contenu {
	margin: 0px 0px 0px 19px;
	padding: 0px;
	float: left;
	width: 630px;
	background: url(images/fondcont.gif) repeat-y left top;
	height: auto;
	color: #FFFFFF;
	position: relative;
}
 
div#entete_contenu {
	background: url(images/entetecont.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 630px;
}
.mapuce {
	ªmargin: 3px;
	padding: 0px;
	margin: 0px 0px 7px 20px;
}
div#cont_contenu {
	margin: 0px;
	padding: 0px 30px 10px;
	width: 570px;
	min-height: 350px;
	position: relative;
}
#pied_contenu {
	background: url(images/piedcont.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 630px;
	clear: both;
	
}

div#cont_mag {
	margin: 0px;
	padding: 10px 30px;
	float: left;
	width: 350px;
}
.docs_mag {
	margin: 10px 0px 0px;
	padding: 0px;
}
div.logomag {
	margin: 0px 10px 20px 0px;
	padding: 0px;
	float: left;
	width: 110px;
	text-align: center;
}
.cartouche {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 250px;
}
.entetcartouche {
	padding: 5px 0px 0px;
	height: 27px;
	width: 250px;
	text-align: center;
	font-size: 1.2em;
	color: #FFFFFF;
	background: url(images/entetCartouche.gif) no-repeat;
}
.bodycartouche {
	text-align: center;
	background: url(images/bodyCartouche.gif) repeat-y left top;
	width: 234px;
	margin: 0px;
	padding: 5px 8px;
}
.piedcartouche {
	background: url(images/piedCartouche.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 12px;
	width: 250px;
}
.bodycartouche a {
	padding: 0px;	
	margin: 0px 0px 8px 0px;
	height: 20px;
	display: block;
	font-size: 0.9em;
}
.bodycartouche a:hover {
	padding: 0px;
	margin: 0px 0px 8px 0px;
	height: 20px;
	background: #F287B7;
	color: #FFFFFF;
	text-decoration: none;
}
.logorub {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: right;
	width: 230px;
}
div.block_art_srub {padding: 0; margin: 0 0 0 22px}
div.list_art_srub {
	width: 220px;
	padding: 0 15px 10px 15px;
	height: 210px;
	float: left;
}
span.introduction {display: block;}
/*—————————————————————————————————————————*/
/* FIN Colonne principale*/
/*—————————————————————————————————————————*/
.separateur {
	clear: both;
	width: 100%;
	visibility: hidden;
}

form.formrecherche { 
	margin-top: 5px;
	margin-bottom: 5px;
}
input.formrecherche {
	width: 95%;
	background-color: #FFDDAA;
}

.reponse_formulaire {
	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");
}
.spip_documents{
	font-size : 70%;
	margin: auto auto 40px;	 
}
.spip_documents_center{
	margin: auto auto 40px; 
	text-align: center;
}
.spip_documents_left{
	float: left;
	text-align: center;
	margin: 0px 10px 40px 0px;
}
.spip_documents_right{
	float: right;
	margin-left: 0px 10px 40px 0px;
	text-align: center;
}

/* test de style SPIP */
/* Espaceur de blocs */
hr { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
.nettoyeur {
	clear: both;
	width: 100%;
	visibility: hidden;
}
.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em;
	color: #8D77AD;
}
.pagination {
	font-size: 0.9em;
	color: #8D77AD;
	font-style: italic;
}


ul.spip { list-style: disc; }
ol.spip { list-style: decimal; }
ul.spip li, ol.spip li { list-style: inherit; }
li.spip { margin: 0.3em 0 0.3em 0.8em; list-style-position: outside; }

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

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left:auto; margin-right:auto;
}
/* Tableaux */
table.spip {
	margin: 0em 0px 2em;
	border: 1px solid;
	border-collapse: collapse;
	color: #333333;
	padding: 3px 5px;
	width: 100%;
}
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: #C97F16;
	color: #FFFFFF;
}
table.spip tr.row_odd { background: #FEE28F; }
table.spip tr.row_even { background: #FEE28F; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }
/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

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

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: right;
	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; }

/*  ------------------------------------------
/*  Habillage du plugin SPIPliste
/*  ------------------------------------------ */
.cadre {
	/*border: 1px #000000 solid;*/
	color:#000000;
	background-color:#FFFFFF;
	text-align: justify;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;

	-moz-border-radius: 6px;
	border-radius: 6px;
}
.bloc {
	margin: 10px auto 0;
	padding: 0px;
	text-align: center;
	width:97%;
}
.cdt {
	font-size:10px;
	text-align:center;
	margin-top:10px
}
/* Portfolio */
.portfolio {float: left; margin: 2px;}
.portfolio.portrait {float: left; margin: 2px; height: 250px;}
.portfolio.paysage {float: left; width: 250px; height: 170px; margin: 2px;}
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos {}
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos {}

/*  ------------------------------------------
/*  Habillage du plugin agenda
/*  ------------------------------------------ */