/* d�finition des valeurs par d�faut des balises fondamentales */
* {
	font-family:  Arial, Verdana, sans-serif;
	font-size: 11px;
}
body {
	margin:0;
	padding:0;	
	font-family:  Arial, Verdana, sans-serif;
	font-size: 11px;
	text-align:center;
	background:url('fd_repeat.jpg') repeat-x #90C843;
	color:#000;
}
img {
	vertical-align:middle;
	border:none;
}
form, div {
	margin:0;
	padding:0;	
}
p { 
	padding:3px 0;
	margin:0;
}

a, a:link, a:visited {
	text-decoration:none;
	color:#9B4A81;
}
a:hover, a:active {
	text-decoration:underline;
}
a span {
	display:none;
}

h1 { font-size:17px;margin:5px 0;padding:0; }
h2 { font-size:15px;margin:5px 0;padding:0; }
h3 { font-size:12px;margin:5px 0 0 0;padding:0; }
h4 { font-size:12px;margin:5px 0;padding:0; }
h4 { font-size:12px;margin:0;padding:0; }
h5 { font-size:12px;margin:0;padding:0; }


fieldset {
	margin:5px;
	padding:10px;
	border:1px solid #9B4A81;
}
fieldset legend {
	font-weight:bold;
	color:#000;
}
small {
	font-size:9px;
}

select { font-size:11px; } 
label  { display:block;  }
input, textarea {
	border:1px solid #CCC;
	font-size:12px;
}
textarea {
	width:380px;
	height:100px;
}
button {
	background-color:#9B4A81;
	color:#90C843;
	font-weight:bold;
	border:none;
	cursor:pointer;
}
button:hover {
	background-position:center bottom;
}

/************************************************/
/*					STRUCTURE					*/
/************************************************/



/* CADRE PRINCIPAL */
#main {	
	text-align:center;
	margin:0 auto;
	width:984px;
	text-align:left;
}

/* BANDEAU HAUT */
#top {
	position:relative;
	width:984px;
	height:209px;
	background:url('bandeau.jpg') no-repeat;
}
	
#submain {
	width:984px;	
	background:url('fd_page_repeat.jpg') repeat-y;
}

/* MENU GAUCHE */
#left {
	float:left;
	width:256px;
}			
/* COLONNE DU MILIEU */
#middle {
	float:left;			
	width:465px;	
}	
#content {
	width:460px;
		
	margin:10px auto;
	background:#FFFFFF;		
}	
/* MENU DROITE */
#right {
	float:right;
	width:254px;
}
/* pieds de page */
#bottom {
	width:984px;
	height:83px;
	background:url('pied.jpg') no-repeat;
}

/************************************************/
/*				BANDEAU HAUT					*/
/************************************************/
#top h1 {
	display:inline;
}
#top h1 a {
	position:absolute;
	top:60px;
	left:600px;
	display:block;
	width:375px;
	height:105px;
}

#menu-top {
	margin:0 auto;
	width:608px;
}	
a.mh, a.mh:link, a.mh:visited {
	float:left;
	display:block;
	width:121px;
	height:38px;
	background-position:0 0;
	background-repeat: no-repeat;
}
a.mh:hover, a.mh:active, a.mh-active {
	background-position:0 -38px !important;
}

#mh-a { background-image:url('nav_accueil.jpg'); }
#mh-r { background-image:url('nav_recherche.jpg');width:145px }
#mh-p { background-image:url('nav_plansite.jpg');width:160px }
#mh-m { background-image:url('nav_mentions.jpg'); width:182px; }

/************************************************/
/*				CONTENUS MENUS					*/
/************************************************/
#edito {
	float:right;
	width:247px;
	background:url('bloc_gch_repeat.jpg') repeat-y;
}
#edito h3 {
	margin:0;padding:0;
	width:247px;
	height:36px;	
	background:url('edito_title.jpg') no-repeat;	
}
#edito div {
	width:247px;	
	background:url('edito_pied.jpg') no-repeat center bottom;
	padding:10px 0;
}

#bloc-note {
	float:right;
	width:247px;
	background:url('bloc_gch_repeat.jpg') repeat-y;
}
#bloc-note h3 {
	margin:0;padding:0;
	width:247px;
	height:62px;	
	background:url('bloc_notes_title.jpg') no-repeat;	
}
#bloc-note div {
	width:247px;	
	background:url('edito_pied.jpg') no-repeat center bottom;
	padding:10px 0;
}
.ligne-menu-gauche {
	margin:10px 0;
	padding:0 !important;
	height:3px !important;	
	background:url('bloc_notes_filet.jpg') no-repeat !important;
}

#sondage {
	float:right;
	width:247px;
	background:url('bloc_gch_repeat.jpg') repeat-y;
}
#sondage h3 {
	margin:0;padding:0;
	width:247px;
	height:62px;	
	background:url('sondage_title.jpg') no-repeat;	
}
#sondage div {
	width:247px;	
	background:url('edito_pied.jpg') no-repeat center bottom;
	padding:10px 0;
}

#edito h4, #edito p, #edito a, #bloc-note h4, #bloc-note p, #bloc-note a,#sondage h4, #sondage p, #sondage a,#sondage ul {
	margin:0 20px 0 35px;
}


#menu-right-fond {
	width:245px;
	background:url('nav_repeat_fonce.jpg') repeat-y left;	
}
#menu-right-top {
	width:254px;
	background:url('nav_quisuisje.jpg') no-repeat left top;
	padding-top:5px;
}
#menu-right-bottom {
	width:245px;
	background:url('nav_pied.jpg') no-repeat left bottom;
	padding-bottom:40px;
}
#right dl {
	margin:0;
	padding:0;		
}
#right dl dt {
	width:210px;
	margin:0 0 5px 15px;	
	
}
#right dl dt a, #right dl dt span {
	padding-left:10px;
}
#right dl dt img.spip_logos {
	margin:0 10px 0 0;
}
#right dl dd {
	margin:0;
	padding:0 35px;	
}
#right dl dd.hr {
	background:url('nav_filet.jpg') no-repeat 15px 50%;	
}
#right ul {
	margin:5px;
	padding:0 5px;
	color:#90C843;
}
#right ul li a {
	font-size:12px;
}

a.recommander {
	margin:10px 5px;
	display:block;
	background:url('picto_recommander.jpg') no-repeat;
	padding:2px 10px 2px 30px;
}
.ligne-menu-droite {
	margin:5px 0;
	width:218px;
	height:3px;	
	background:url('filet_recommander.jpg') no-repeat !important;
}


/************************************************/
/*				CONTENUS MILIEU					*/
/************************************************/
#content h2 {

}
#content h2 a {
	color:#90C943 !important;
	font-size:20px;
}
#content h2 span.titre-article {
	color:#90C943;
	font-size:20px;
}

.ligne {
	clear:both;
	margin:5px auto;
	width:448px;
	height:5px;
	background:url('filet_separation_coeur.jpg') no-repeat;	
}
.coeur {
	clear:both;
	margin:10px auto;
	width:46px;
	height:43px;	
	background:url('coeur.jpg') no-repeat;	
}

.coms {
	background:url('picto_commentaires.jpg') no-repeat left top;	
	padding:2px 10px 2px 50px;
}
.commentaire {
	border:1px dashed #90C843;
	margin:10px;
	padding:5px 10px;
}

/************************************************/
/*						UTILS					*/
/************************************************/
.marge-min {
	padding:5px 0;
}

.no-marge {
	margin:0;
	padding:0;
}
.spacer {
	clear:both;	
	padding:7px 0; 
}

.hidden 	{ display:none;      }
.bold 		{ font-weight:bold;  }
.italic 	{ font-style:italic; }
.center 	{ text-align:center; }
.right	 	{ text-align:right;  }
.left	 	{ text-align:left ;  }
.justify 	{ text-align:justify;}

.f-right 	{ float:right; }
.f-left 	{ float:left;  }
.clear	 	{ clear:both;  }

.block 		{ display:block; }
.inline		{ display:inline; }

.noborder {
	border:none;
}

/************************************************/
/*						DIVERS					*/
/************************************************/
.marron { color:#9B4A81 !important; }
.bleu { color:#000 !important; }
.vert { color:#90C843 !important; }


/************************************************/
/*						SPIP					*/
/************************************************/
a.spip_out { }
a.spip_in { }

.spip_logos { margin:0 5px; }

.spip_documents { margin:0 8px; }
.spip_documents_center {}
.spip_documents_right {}
.spip_documents_left { }

p.spip, p.spip_note  { margin:3px 0; }
h3.spip, h4.spip {margin:4px 0; }
hr.spip {}
ul.spip { margin-left:15px; padding:0;}
li.spip {}

ul.boutons { list-style:none;text-align:right;margin-right:10px; }
ul.boutons li { margin-bottom:10px; }
ul.boutons li input { width:140px; }

table.spip {
	border-collapse:collapse;
	border:1px solid #000;
	margin:10px;	
}
table.spip tr.row_first { text-align:center; }
table.spip tr.row_even { }
table.spip tr.row_odd { }
table.spip td {
	padding:5px;
	border:1px solid #000;
}

.spip_surligne {
	background-color:#666;
	color:#FFF;
}

/************************************************/
/*					DOCS JOINTS					*/
/************************************************/
.documents-images {
	float:left;
	width:150px;
	min-height:130px;
}
#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	/*background-image: url(	spacer.gif);*/
	background-color: transparent;
}
#ImageBoxPrevImage
{
	/*background-image: url(images/imagebox/spacer.gif);*/
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(next.gif);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(prev.gif);
	background-repeat:	no-repeat;
	background-position: left bottom;
}