html, body {
	height: 100%;
	font-size: 0.8125em; 
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #ddd;
}

* { margin:0; padding:0; list-style:none;  }


#wrapper {
	width: 942px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin: 30px auto 0 auto;
	padding: 0;
	background-image: url(../images/fd_repeat.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 1002px; /*942px;*/
	background: url(../images/fd.jpg) no-repeat top left;
	
}

#header 
{
	float: left;
	height: 84px;
	width: 942px;
	display: block;
	text-align: right;
}

.titrerubrique {
float: right;
}

#menu {
	float: left;
	margin-left: 120px;
	margin-top: 64px;
	width: 180px;
	display: block;
}

/*pour avoir une hauteur minimale*/
#etai { height:628px; float: left; }

#gauche {
	float: left;
	width: 636px;
	margin-left: 5px;
}

#page
{
	float: left;
/*	width: 636px;
	height: 424px;*/
	display: block;
}

#contenu {
	float: left;
}

#col_gauche {
	float: left;
	width: 320px;
	margin: 0 15px 0 5px;
}


#col_droite {
	margin-left: 341px;
	width: 286px;
}

#titre_contenu {
	float: left;
	margin: 15px 5px 0 5px;
	width: 626px;
}

.breves {
	float: left;
}

.breves .titre{
	font: bold  11px "Trebuchet MS", sans-serif;
	letter-spacing: 3px;
	margin-top: 1em;
	margin-left: 0.3em;
	color: #333;
	text-align: left;
	text-transform: uppercase;
}
.breves .texte{
	font-size: 0.9em;
}



#bas_page
{
	float: left;
	width: 948px;
	height: 38px;
	display: block;
}

#pied 
{
height: 20px;
width: 942px;
text-align:center;
}

#navigation_haut
{
	margin-top: 0;
	height: 38px;
	text-align: right;

}

#navigation_haut li {
	float: right ;
	width: 120px;
	color: #333;
	font:  10px "Trebuchet MS", sans-serif;
	letter-spacing: 1px;
	/*	margin-top: 0em;
	margin-bottom: 1.5em;
		margin-right: 1px ;*/
	padding: 0px 12px 2px 12px;
	text-align: center;
	border-left: 2px solid #fff;
	}
	

	
#navigation_haut li a:hover, #navigation_haut li a:focus, #navigation_haut li a:active {
	color:#FFF;
	text-decoration: none ;
	}	





.menutitle{
cursor:pointer;
margin-bottom: 0.0em;
width: 162px;
height: 40px;
margin-top: 0 em;
/*border-top: 1px dotted;*/
}

.submenu {
width:162px;
margin-top: 10px;
}
.submenu a {
display: block;
margin: 0;
/*height: 100 %;*/
text-decoration: none;
padding-top: 0 em;
padding-left: 10px;
font-size: 0.9em;
}



.soustitre {
font: 0.8em;
text-transform: uppercase;
}

.chapo {
font: bold 0.9em/1.6em Verdana, Helvetica, Arial, sans-serif;
/*text-transform: uppercase;*/
/*border-left: 4px solid;*/
margin-top: 1em;
/*padding-left: 6px;*/
}

.spip_note {
font: 0.7em Verdana, Helvetica, Arial, sans-serif;
text-transform: uppercase ;
}


.titrebreve {
	font: bold 1em;
	letter-spacing: 3px;
margin-top: 0em;
margin-bottom: 1em;
	color: #79A2DB;
	text-align: left;
text-transform: uppercase;}

.titrelien {
	font: bold 12pt "Trebuchet MS", sans-serif;
	border-top: 2px solid;
margin-top: 0.3em;
margin-bottom: 0em;
	color: #ffffff;
	text-align: left;
padding-top: 0.2em;}

.titrenews {
margin-top: 0.5em;
margin-bottom: 0.5em;
}

.intertitrerubrique {
margin-top: 1.5em;
margin-bottom: 0.5em;
}


h1 {
	font: bold 14pt/16pt "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 3px;
	margin-bottom: 2px;
	color: #333333;
	text-align: left;
text-transform: uppercase;
}

h2 {
	font: 10px/12px "Trebuchet MS", sans-serif;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-left: 12px;
/*	margin-bottom: 3px;
	color: #333333;*/
/*	text-transform: uppercase;*/
	text-align: left;
	border-bottom: 1px #dddddd solid;
}
h2 a {
	color: #F00;
/*	text-decoration: none;*/
}

h3 {
	font: bold  11px "Trebuchet MS", sans-serif;
	letter-spacing: 3px;
	margin-left: 12px;
	margin-top: 0.3em;
	margin-bottom: -0.3em;
	color: #333;
	text-align: left;
	text-transform: uppercase;
	}

h3 a {
	color: #000000;
	text-decoration: none;
	line-height: 120%;
}
h3 a:hover, h3 a:focus, h3 a:active {
color:#FFF;
text-decoration: none ;
	}		
h4 {
	font: 11px/16px "Trebuchet MS", sans-serif;
/*	letter-spacing: 1px;*/
	margin-left: 12px;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	text-align: left;
}

h4 a {
	font: bold ;
	margin-top: 1em;
	margin-bottom: 0px;
	color: #000000;
	font-size: 1em;


}
h4 a:hover, h4 a:focus, h4 a:active {
color:#FFF;
text-decoration: none ;
	}		
h5 {
	font: bold  0.9em "Trebuchet MS", sans-serif;
	margin-left: 12px;
	letter-spacing: 3px;
	margin-top: 0em;
	margin-bottom: 1.5em;
	color: #333;
	text-align: left;
	border-bottom: 1px solid;
	/*border-left: 2px solid;*/
	/*padding-left: 6px;*/
}

h6 {
	font: normal 1em Verdana, Helvetica, Arial, sans-serif;
		margin-left: 12px;
		margin-bottom: 0em;
	letter-spacing: 0px;
	text-decoration: underline;
text-transform: uppercase;
margin-top: 1em;}


#nav-horiz
{
background-image: url(../images/bg2.jpg);
background-repeat: no-repeat;
position: relative;
top: 96px;
padding-left: 51px;
height:44px;
}
#nav-horiz ul {margin:0; padding:0; list-style-type:none;}

#nav-horiz li {float:left; list-style-type:none;}

#nav-horiz a {
display:block; width:159px; height:24px; padding-top:32px; list-style-type:none; color: #003574;
font-size: 0%;}

/* hack for older versions of IE with incorrect box model */

* html #nav-horiz a:link, * html #nav-horiz a:visited {height:44px; he\ight:0;}

#nav-horiz a#item1 {background:transparent url(../images/bg2b.jpg) -130px -90px no-repeat;}
#nav-horiz a#item2 {background:transparent url(../images/bg2b.jpg) -130px -90px no-repeat;}
#nav-horiz a#item3 {background:transparent url(../images/bg2b.jpg) -130px -90px no-repeat;}
#nav-horiz a#item4 {background:transparent url(../images/bg2b.jpg) -130px -90px no-repeat;}

#nav-horiz a#item1:hover {background-position:-51px 0; z-index:50;}
#nav-horiz a#item2:hover {background-position:-210px 0; z-index:50;}
#nav-horiz a#item3:hover {background-position:-369px 0; z-index:50;}
#nav-horiz a#item4:hover {background-position:-528px 0; z-index:50;}

* html #nav-horiz a:hover {height:44px; he\ight:0;}


form.formrecherche {
 
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
	}

input.formrecherche {
	width: 90%;
	background-color: #a9bac5;
}



#listmenu{
	display:block;
	text-decoration: none;
	/*text-indent:-23px;*/
	font: normal 0.6em Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 0px;
/*	line-height: 200%;*/
}

#listmenu a.hac{
color: #000;
margin-top: 5px;
padding-top: 5px;
text-indent:2px;
/*border-bottom: 1px #000000 solid;*/
border-top: 1px #626262 solid;
text-decoration: none;
}

#listmenu a.visited{
	text-decoration: none;
}



ul {
margin: 0.5em 0 0.5em 0em;
}

li {
	margin: 0;
	padding: 0;
	display: list-item;
	text-decoration: none;
	list-style-type: none;
	/*list-style-type: square;
list-style-position: outside;*/
}

a:hover {
/*background: #4F7BB8;*/
color: #333;}

a:visited {
color: #000;
text-decoration: none;}

a:link {
color: #000;
text-decoration: none;}

#listmenu ul{
display:block;
padding-left:10px;
padding-right:6px;
font-size: 9px;
}

#listmenu li{
	
display:block;
margin-top:5px;
line-height: 100%;
}

#listmenu a:hover{
color: #399;
}


p {
	color: #333;
	font-size: 11px;
}

p a {
	color: #999;
}

p a:hover, p a:focus, p li a:active {
color:#fff;
text-decoration: none ;
	}
	




/* Pour inc-menuV1 */
#menuV { /*background:#fff;*/ /*margin-top: 28px; */}
a { /*padding:1px; border:1px solid #000;*/ text-decoration:none}
a:hover, a:focus, a:active { border-color:#f00; outline:0 none }
/*#menuV a { border:1px solid #000;}*/
#menuV a, #menu a:link, #menu a:visited { color:#000 }

/* --- Accordion --- */
.js #menu .accordion { display:none }
.accordion { margin:0; padding:0 0px; font-size: 90%; text-align: left; }
.accordion li { padding:6px 0px 6px 6px; list-style-type:none; text-transform: uppercase; border-top: 1px solid #000; }
.accordion li li { padding:1px 0px 0px 4px; text-transform: none; border-top: 0px;}
/*on met les css dans le niveau des listes  et non dans les last-child pour préserver les liens ouvrants (last-child) de niveau de liste supérieur*/
.accordion li li li { padding-left:6px; list-style-type:none; text-transform: none; border-top: 0px; }
.accordion li.last-child { /*padding-left:15px; list-style-type:none; text-transform: none; border-top: 0px; */}

#menuV a:hover, #menu a:active, #menu a:focus { color:#03C }
/*li.current { font-weight:700; text-decoration:none }*/
#menuV .current li.current a {color:#03C; font: bold;}

#menuV ul.accordion ul { margin:0; /*padding:0 0 0 20px;*/ } 
a.trigger { display:block; /*padding-left:10px; */background-image: url(img/plus.gif); background-repeat: no-repeat; background-position: 1px 50%; font-weight:700 }
a.trigger.open { background-image: url(img/minus.gif) }
#main a.trigger { background-color:#f6f6f6 }
#main a.trigger.open { border-color:#e0e0e0; background-color:#f0f0f0 }
#main a:hover.trigger.open, #main a:focus.trigger.open, #main a:active.trigger.open { border-color:#b3c5db }
.active { font-weight:700; text-decoration:none }


.titre_photo { text-transform: uppercase;
	font: Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	color: #000; }

#pied a{ font-size: 9px; color:#ccc; text-decoration: none;}
#pied a:hover {color:#fff;}


.formulaire_spip label { display: inline-block; padding: 3px 3px; text-align: right; width:80px; color: #000; /*font-weight: bold;*/ /* pour IE/Win */ position: relative;  }
/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 10px 10px 10px 10px; padding: 0; border: 0; font-size:10px; }
.formulaire_spip fieldset legend { padding: 10px; font-size: 1em; font-weight: bold; background-color:transparent; color: #000; } /* 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; }
/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: left; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}


/* * Erreurs */
.formulaire_spip span.erreur { color: #C30; font-weight: bold; }

.reponse_formulaire_erreur { margin-left: 10px; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin-left: 10px; color: #000; font-weight: bold; }