/* Styles generaux */
body,td,th {
	font-size: 70%;
	font-family: "Comic Sans MS",Verdana, Arial, Helvetica;
	text-align: center;
	background: /*bleu-violet >#2f067e bleu clair>#0379dd  rouge >#dd0303*/ #2f067e url("../images/frise2.png") repeat-x left bottom;
	margin:0;
	padding:0;
	}
#formulaire,td {
	background-image: url(../images/cadre_parchemin.png);
	font-size: 12px;
	font-weight: bold;
	background-repeat: repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


a { text-decoration: none; color: #379150 /*#46BA69*/; }
a:hover { color: #379150; text-decoration: underline; }
h2, h3, h4, h5, h6 {font-size:1.1em;}
hr { 
	color: #0379dd;
	background-color: #0379dd;
	height: 1px;
	border: 0; 
	}
	
.spacer{height:1px; font-size:1px; clear:both; visibility: hidden; }
img { behavior: url(iepngfix.htc); }

/* surcharge de styles de spip */
.spip_documents {position : relative; top : 0.5em;}/* documents inclus à un article*/
img.spip_logos{ behavior: url(iepngfix.htc); }


/**** BLOCS PRINCIPAUX ***/
#page {
	position: relative;
	margin:  0 auto 0 auto;
	width:900px;
	background: url("../images/titre-parchemin.png") no-repeat left top;
	text-align: left;
	z-index: 10;
	}
#entete { height:242px;}
a#ancre { height : 1px;}
	
#entete span {display:none;}

#corpspage {
	background: url("../images/parchemin.png") repeat-y 195px top;
  	margin-top : -5px;
	padding: 0 170px 40px 260px;
	font-size : 1.1em;
	}
#page > #corpspage { margin-top : 0; }

#menu {
	position: absolute;
	background: url("../images/menu-parchemin.png") no-repeat left top;
	left: 21px;
	top: 200px;
	width: 161px;
	height:432px;
	padding: 0;
	margin-bottom: 16px;
	font-size : 1.2em;
}

#piedpage {
	clear: both;
  	left:-1px;
  	background: url("../images/pied-parchemin.png") no-repeat left top;
	width:900px;
	height:160px;
}


/* CORPS DE PAGE  */

/*fil d'ariane*/
#hierarchie {position : relative; top : -32px; left : 210px; width : 500px; font-size : 1.1em;}

/* intro */
.introduction { position : relative; top : -25px;}
.introduction h1{ text-align : center; border-bottom : 3px solid #aa2244/*#0379dd*/; } /* titre */
.introduction p#pdf { text-align : right; position : relative; top : -1.5em;}/* version PDF */
.introduction span#edito { width : 80%; z-index : 150; font-size : 1.2em;} /* texte Edito */ 

/* colonne gauche : logo rubriques */
div#gauche { 
	float : left; 
	position : relative; 
	left : -20px; 
	width : 150px; 
	margin :0;
	} 

/* colonne droite : le reste */ 
div#droite { 
	position : relative; 
	margin-left : 150px;   
	z-index : 150;
	}
 
/* texte rubrique */
span#desc {font-size : 1.2em; font-weight : bold; } 


/* texte des articles */
.texte { position : relative; }
.texte h3 { padding : 0.7em 0 0.7em 0; border-top : 1px solid #0379dd; border-bottom : 1px solid #0379dd;}

/*----Articles de la rubrique*/
.cadre_vert{
	position : relative;
	background : #f7f7de /*#fcfcf0 url("../images/cadre_parchemin.png") top left repeat-y*/;
	padding: 1em;
	padding-left : 2.5em;
	border-top: 2px solid #02b42c;  
	border-left: 2px solid #02b42c;
	border-bottom : 3px solid #038522;
	border-right: 3px solid #038522;
	-moz-border-radius : 15px;
	}
#corpspage > .cadre_vert{ position : relative ; top : 0; }
.cadre_vert a{
	background:url("../images/cocci.png") bottom left no-repeat;
	padding-left:35px;
	width : 100%;
	display : block;}
.cadre_vert a:hover{ background:url("../images/cocci_over.png") bottom left no-repeat; }
.cadre_vert a#secondaire{ background:none; line-height: 0.1em; }

/*------ liens et contact ---------*/
.cadre_orange {
	position : relative;
	margin-top : 20px;
	border-top: 2px solid #02b42c /*#FF8C00*/;
	border-left: 2px solid #02b42c /*#FF8C00*/;
	border-bottom: 3px solid #038522 /*#dc7904*/;
	border-right: 3px solid #038522 /*#dc7904*/;
	-moz-border-radius : 15px;
	background : #f7f7de/*#fcfcf0*/ /*url("../images/cadre_parchemin.png") top left repeat-y*/;
	padding:1em;
	}
.cadre_orange li{
	display: list-item;
  	list-style-image: url("../images/planete.png");
	margin-bottom:10px;}
.cadre_orange li a {
	font-weight : bold;
	}


/*--- Presse (Docs joints aux rubriques) ---- */
.liste-documents {
	position :relative;
	padding: 1em;           
	font-size: 0.9em;
	margin: 1em 0;
	background : #f7f7de /*url("../images/cadre_parchemin.png") top left repeat-y*/;
	border-top: 2px solid #ccc;  
	border-left: 2px solid #ccc;
	border-bottom : 3px solid gray;
	border-right: 3px solid gray;
	-moz-border-radius : 15px;
	}
.liste-documents a{text-transform:uppercase;}

/*Lecteur flash MP3 */
.ecoute { background: #deebfb; width:50%; padding: 1em; margin: 0 0 2em 6em; -moz-border-radius: 15px; font-style: italic;}
.ecoute h2{color:#7baf44; text-decoration:underline; margin-bottom: 1.5em; font-style: normal;}

/* Portfolio */
#portfolio { 
	position : relative;
	background : #f7f7de /*url("../images/cadre_parchemin.png") top left repeat-y*/; 
	padding : 1em; 
	margin: 2em 0 2em 0; 
	/*border-top : 2px solid #0379dd; 
	border-left : 2px solid #0379dd; 
	border-bottom : 3px solid #026cbe; 
	border-right : 3px solid #026cbe; */
	-moz-border-radius : 15px; }


/*Navigation en bas des articles*/
#navig_bar{  
	padding-top : 0.5em; 
	border-top : 3px solid #aa2244; 
	height : 100px;
	margin : 0;
	}
#navig_bar a{ 
	float : left; 
	width : 100px; 
	display: block ; 
	color:#FF8B26; 
	text-decoration : none; 
	margin-right : 100px; 
	height : 100px;
	}
#navig_bar a span {display : none;}
#navig_bar a:hover span { 
	display: inline; 
	font-size:1.1em;
	font-weight:bold;
	position : absolute; 
	right : 15em; 
	color : #000;
	text-align : right;}
#navig_bar a#retour {  background : url("../images/precedente_mini.png") no-repeat ; }
#navig_bar a:hover#retour {  background : url("../images/precedente.png") no-repeat ; }
#navig_bar a#haut {  background : url("../images/haut_mini.png") no-repeat ; }
#navig_bar a:hover#haut {  background : url("../images/haut.png") no-repeat ; }

/* Sommaire */
div#espaceur { height: 550px;}
div.rub_edito_box {	position : relative; }
div.rub_edito { 
	position : relative; 
	float : left;  
	width : 14em; 
	height: 7em; 
	margin : 0.3em;
	padding : 1.5em; 
	border-top : 2px solid #ffb1b1 ; 
	border-left : 2px solid #ffb1b1 ;
	border-bottom : 3px solid #fc4242 ; 
	border-right : 3px solid #fc4242 ; 
	-moz-border-radius : 15px;  
	background : #f7f7de /*url("../images/cadre_parchemin.png") top left repeat-y*/;
	}
.rub_edito_box > .rub_edito {	margin : 0.5em; 
}
div.rub_edito a span.titre { font-size : 1.5em;  }
div.rub_edito img { float  : left; margin-right : 1em; }

/*  MENU  */
div#menu ul {
	display: block;
	margin: 0;
	padding: 0;
	padding-top: 70px;
	list-style: none;
	text-align:center;
}

div#menu ul li {
	margin: 0;
	width:161px;
	height:26px;
	font-weight : bold;
	}
div#menu ul li a {
	display:block;
	background: url("../images/menu_li-parchemin.png") top left;
	width:161px;
	height:26px;
	}
div#menu ul li a:hover {
	display:block;
	background: url("../images/menu_li_hover-parchemin.png") no-repeat top left;
	color: #FF8B26;
	font-size:1.1em;
	text-decoration : none;
	}
li.active { }
li.active a{ color: #FF8B26;}
li.active a:hover{}
li.non_active { }
li.non_active a{}
li.non_active a:hover{}
 
 
	
/*Dessin en bas à gauche*/
#gauche_bas {
position:absolute;
left:170px;
bottom:150px;
background: url("../images/gauche_bas.png") no-repeat left top;
width:52px;
height:103px;
display:block;
z-index:30;
}

/*Bandeau bas*/
#piedpage p{
	margin:0;
	padding: 1.5em 0 0 240px;
	font-family:Verdana, Arial, Times New Roman;
	font-style: italic;
	color: #fff;
	}
#piedpage p a {color : #fff;}

/* CONTACT */
.cadre_contact {
	position : relative;
	margin-top : 20px;
	border-top: 2px solid #aaa /*#FF8C00*/;
	border-left: 2px solid #aaa /*#FF8C00*/;
	border-bottom: 3px solid #2f067e /*#dc7904*/;
	border-right: 3px solid #2f067e /*#dc7904*/;
	-moz-border-radius : 15px;
	background : #f7f7de/*#fcfcf0*/ /*url("../images/cadre_parchemin.png") top left repeat-y*/;
	padding:1em;
	}

/* formulaires */
.formulaire_spip formulaire_ecrire_auteur, .spip_encadrer { 
	position : relative;
	margin-bottom : 1.5em; 
	margin-top : 1.5em;
	/*border : 1px solid black;*/
	z-index : 100;}
form {
	position : relative;
	text-align : right; 
	background : #deebfb url("../images/cadre_parchemin.png") top left repeat-y; 
	-moz-border-radius : 15px; 
	border-bottom : #2f067e solid 3px; 
	border-right : #2f067e solid 3px; 
	border-top : #aaa solid 2px; 
	border-left : #aaa solid 2px; 
	}
fieldset { 
	position : relative;
	width : 400px;
	padding : 15px;
	border : 0;
	}
input {width : 280px;}
textarea {
	width: 280px;
}
legend { font-weight : bold; font-size : 1.3em;}
#page #corpspage .spip_encadrer .formulaire_spip formulaire_ecrire_auteur textarea {
	width: 250px;
}
#page #corpspage .spip_encadrer .formulaire_spip formulaire_ecrire_auteur input {
	width: 250px;
}
#corpspageContact {

	background: url("../images/parchemin.png") repeat-y 195px top;
  	margin-top : 10px;
	padding: 0 170px 40px 250px;
	font-size : 1.1em;
}
#pageContact {

	position: relative;
	margin:  0 auto 0 auto;
	width:900px;
	background: url("../images/titre-parchemin.png") no-repeat left top;
	text-align: left;
	z-index: 10;
}