/* CSS Document */

html, body{
background:url(../images/bg.png) repeat;
font: 85% "MS Shell Dlg", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0;
padding:0;}

#container {

position:relative;
width:765px;
margin:0 auto;
padding:0;

}

#header {
background: url(../images/jpg/header.jpg) no-repeat;
width:765px;
height:301px;
margin:0;
padding:0;}


#header img {
margin:0;
padding:0;
border:none;}

#header a {
margin:0;
padding:0;}





#menu_header {

background: url(../images/jpg/menu_header.jpg) no-repeat;
width:520px;
height:45px;
margin:0 0 0 240px;

}



#menu_header p{
	color:#666622;
	margin:0;
	padding:5px 0 0 10px;
	font: 1em "MS Shell Dlg", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	}

#menu_header  a {
	color:#d3641c;
	text-decoration: underline;
	}

#menu_header  a:hover, a:focus {
	color:#fff;
	text-decoration: none;
	}



#centre {
background:url(../images/jpg/bg.jpg) repeat-y;
width:765px;
margin:0;
padding:0;
height:100%;
}

#navigation {
	/*background: url(images/png/tableau.png) top center no-repeat;*/
	position:absolute;
	width:193px;
	height:375px;
	top:180px;
	color:#fff;
	margin-left:9px;
	}
	
.droite {

float:right;
width:151px;
margin:0 ;
padding:0 15px 0 0 ;}

.droite p{
margin:0;
padding:5px 15px;
font-size:11pt;
}
.milieux {

width:361px;
margin:0 0 0 235px; 
padding:0;
}





.milieu-top {
background:url(../images/jpg/bg_centre.jpg) no-repeat;
width:361px;
height:34px;
margin:0;
padding:0;

}

/*-----------------------spiptag--------------------------*/


.cartouche { margin:0;
}

.cartouche h1.titre {
	font-size: 1.27em;
	font-weight: bold;
	color:#FF6600;
	padding:0 15px; }
	
	.cartouche h3.titre {
	font-size: 1em;
	font-weight: bold;
	color:#FF6600;
	margin:0;
	padding:0 15px; }
	
.chapo {
	
	font-weight: bold;
	line-height: 1.4em; 
	padding:0 15px; }	


#documents_joints {
	
	padding: 5px 15px;
	}
#documents_joints h2 { margin-bottom: 0; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

.forum-repondre, .forum-decompte {
	clear: both;
	margin:0;
	padding:5px 15px;

	font-size: 0.88em;
	font-weight: bold; }
	
	hr {
	width:95%;
	margin:10px 0 0 9px;
	border:#FF9900 1px dashed;

	}
	
	.forum-repondre, .forum-decompte a {color:#FF9933;
	text-decoration:none;
	}
	
	h3.titre {
	color:#FF6600;
	font-size:1em;
	margin:0;
	padding:0 10px 5px 10px;
	}
	
		h4.titre {	
	font-size:1em;
	margin:0;
	padding:0 10px 5px 10px;}
	
	h4.suite {	
	font-size:1em;
	}	

h4.titre {color:#FF3300	}


p.suite a {margin:0;
color:#FF6600;
text-decoration:none;

	}
p.suite a:hover {
	
	color:#FF9900;}
	
	h3.liste-articles {color:#FF9900;
	font-size:1em}
	
	.auteur div {
       text-align: left !important;
}

.auteur .spip_encadrer {
       border: 1px solid #6262A4;
       color: #6262A4;
       font-size: 100%;
       margin: 5px 0px 10px 0px;
       padding: 5px;
}

.forum p{
margin:0;
padding:5px 15px}

.plan h2{
margin:0;
padding:5px 15px;}


/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { clear: both; margin-bottom: 2em; padding: 15px; border: 0; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333;  } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }

/* Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
 h2.prebac_titre { background:#eee; width:95%; font-size:120%; padding:0 5px; margin:0; border-bottom:2px inset;  letter-spacing:3px }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix label{display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}


/* Champs de saisie */
.formulaire_spip input.text { width: 15em; border: 1px inset; }
.formulaire_spip textarea { width: 99%; border: 1px inset; }
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
.formulaire_spip fieldset.previsu p { margin: 1em 0; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text,  input.radio, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }

.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }
.editer_civilite .choix {display:inline;}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { margin: 0 4em; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 0; clear: both;  }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; 
	}

.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: 1em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; }

.pagination { font-size: 0.90em; }


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

.page_plan .cartouche { display: block; }

.page_plan h2 {
	
	background:#FFCC00;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin:1em 1em;
	font-weight: bold;
	text-align: center; 
	font-size:125%;}

.page_plan .contre-encart ul {
list-style-position:inside;
	display: block;
	clear: left;
	padding: 0;
	margin:0 2em;
	 }
.page_plan  .contre-encart li a {color:#FF9900}
.page_plan  .contre-encart li a:hover {color:#FF0000}

.page_plan  .contre-encart h3{padding:0 1em }

.page_plan  .contre-encart h1{margin:0 }

/*-----------------------/spiptag--------------------------*/

.milieu-top h1{
margin:0;
padding:5px 15px;
font-size:13pt;
color:#FFCC00;
font-weight:bold;
}

.milieu-middle{
background:url(../images/jpg/bg_centre_middle.jpg) repeat-y;
width:361px;
margin:0;
padding:0;
float:left;

}

.milieu-middle p{
margin:0;
padding:5px 15px;
font-size:11pt;

}

.milieu-middle h1  {
font-size:1.8em;
margin:0

}

h2.invisible {
padding:0 15px;
margin:0;}


.liste-articles ul{
list-style-type:square;}

.milieu-middle h1 a{
padding:0 0 0 10px;
color:#FF6600;
margin:0;
text-decoration:none;


}
.texte p {padding:0 15px;}
.milieu-middle h1 a:hover{

color:#FFCC00;
text-decoration:none;

}


.milieu-middle span a{
color:#FF0066;

}

.milieu-middle  span a:hover{

color:#FF6600;
text-decoration:underline;

}


.milieu-middle  img{
background-color:#FFCC66;
border:none;
float:right;


margin:0 5px ;
padding:2px;

}

.milieu-middle  img a{color:#FF6600;}

.milieu-middle p a{
text-decoration:none;
color:#FF9900;

}

.milieu-middle p a{
text-decoration:none;
color:#FF9900;

}


.milieu-bottom{
background:url(../images/jpg/bg_centre_bas.jpg) no-repeat;
width:361px;
height:15px;
margin:0;
padding:0;
float:left;

}



.droite-top {background:url(../images/jpg/sidebar_top.jpg) no-repeat;
width:151px;
height:34px;
margin:0;
padding:0;

}


.droite-top h2 {
text-align:center;

font-size:.8em;
padding:10px 5px 0px 10px;
color:#FFFFFF;
margin:0;
text-transform:uppercase;}

.droite-top2 {background:url(../images/jpg/sidebar_top2.jpg) no-repeat;
width:151px;
height:44px;
margin:0;
padding:0;

}
.droite-top2 h2 {
text-align:center;

font-size:.8em;
padding:8px 5px 0px 10px;
color:#FFFFFF;
margin:0;
text-transform:uppercase;}


.droite-middle {background:url(../images/jpg/sidebar_middle.jpg) repeat-y;
width:151px;
margin:0;
padding:0;


}

.droite-middle p{

margin:0;
padding:0 5px 0 12px;
line-height:18px;

}

.droite-bottom {background:url(../images/jpg/sidebar_bottom.jpg) no-repeat;
width:151px;
height:8px;
margin:0;
padding:0;

}



#footer {
background: url(../images/jpg/footer.jpg) top center no-repeat;
width:765px;
height:72px;

text-align:center;
}

#footer p{

font-weight:bold;
color:#CC6600;
margin:0 200px; 
float:right;

}

#footer p.validator{

color:#CC6600;
margin:5px 150px; 
text-align:center;
padding-right:5px;
}

#footer p.validator img{border:none}

#footer p a {
text-decoration:none;
}

#footer small{margin:0 200px;
text-align:center;
float:right }

#footer small a{
color:#FF9900 }


#footer small a:hover{
color:#FF3300 }

#footer small img{border:none}
.clear {
clear:both;
padding:20px 0;
margin:0;}

/*----------------------------nav---------------------------*/

#menu-top{
background: url(../images/jpg/nav_top2.jpg) top center no-repeat;
height:109px;
margin:0 50px;
}

#menu-top p{
padding-top:70px;
text-align:center;
color:#fff;

}


#menu-top p a{

color:#FF9900;
font-weight:bold;
text-decoration:none;
}

#menu-top p  a:hover{
color:#FFCC00 ;
border:none;
text-decoration:none}

#menu-bas{
background: url(../images/jpg/nav_bg.jpg) top center no-repeat;
height:83px;
margin:0 50px;
}

#navigation ul {	/* use of a list for the menu */
list-style-type: none;	/* suppression of list markers */
margin:0;
padding:0;
}


#navigation ul li {
background: url(../images/jpg/nav_bg.jpg) top center no-repeat;
margin:0 50px;
height:83px;
}

#navigation ul li a {
border:none;
display:block;
color:#fff;
padding-top:45px;
text-decoration:none;
text-align:center;}

#navigation ul li a:hover {
color:#FFCC00}