.spip_surligne { background: #FF6; }

body {
font-size:0.75em;
margin:0pt auto 20px;
text-align:left;
width:980px;
border:1px solid #c0c0c0;
}

* {
background:transparent none repeat scroll 0%;
font-family:Arial,Verdana,sans-serif;
margin:0pt;
padding:0pt;
}

 .pusher {
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
  margin:0;
  padding:0;
}

#page {
position:relative;
overflow:auto;
}

/*SPIP*/

ul.spip{
list-style-image:none;
list-style-type:none;
margin: 0 0 10px 17px;
}

ul li.spip{
padding:0 0 0 10px;
margin:0 0 3px 0;
background:transparent url(../images/puce_carre2.gif) no-repeat 0 6px;
}

img.spip_logos{
margin:0;
padding:0;
border:0;
}


/* BARRE D'OUTILS*/
#outils {
background:#000 none repeat scroll 0%;
color:#FFF;
font-weight:normal;
min-height:20px;
padding:0 18px 0 34px;
margin:0;
/*overflow:auto;*/
}


ul#menu_accessibilite{
color:#FFF;
width:200px;
float:left;
margin:1px 0 0 0;
}

ul#menu_accessibilite li {
display:inline;
}

ul#menu_accessibilite li{
padding:0;
list-style-image:none;
list-style-type:none;
}

ul#menu_accessibilite li a{
color:#fff;
text-decoration:none;
}

ul#menu_accessibilite li a:hover{
text-decoration:underline;
}

.hidden {
left:-999em;
position:absolute;
visibility:hidden;
}

form#rechercher {
margin:0;
border:none;
color:#FFF;
cursor:pointer;
float:right;
padding:1px 0 0 0;
text-align:left;
}

form#rechercher input{
background-color:#fff;
width:150px;
margin:0;
padding:0;
border:none;
height:15px;
}

form#rechercher input.submit {
background-color:#808080;
font-weight:bold;
color:#fff;
margin:1px 0 0 0;
padding:0;
text-align:center;
width:22px;
height:15px;
border:none;
}

/* FIN BARRE D'OUTILS*/

/* TETIERE*/

#entete{
background: #fff url(/IMG/rubon2.gif) no-repeat top right;
position:relative;
}

/* MENU HORIZONTAL*/

#menu{
position:absolute;
left:205px;
bottom:0;
font-size:1.1em;
width:774px;
font-weight:bold;
margin:0;
padding:0;
background: url(../images/img_menu.png) repeat-x left bottom;
}

#menu ul{
float:left;
margin:0 0 0 10px;
padding:0;
line-height:1.9em;

}

#menu ul li{
float:left;
list-style-image:none;
list-style-type:none;
margin:0;
padding:0;

}

#menu ul li a{
display:block;
float:left;
margin: 0 20px 0 0;
padding:0;
float:left;
color:#fff;
text-decoration:none;
height:21px;
}

#menu ul li a:hover{
color:#ccc;
text-decoration:none;
}


#menu ul li a.on span.gauche{
float:left;
width:9px;
color:#000;
text-decoration:none;
background:transparent url(../images/coin_menuon_G.gif) no-repeat top left ;
}

#menu ul li a.on span.centre{
width:auto;
float:left;
color:#000;
text-decoration:none;
background-color:#fff;
}

#menu ul li a.on span.droite{
float:left;
width:9px;
color:#000;
text-decoration:none;
background:transparent url(../images/coin_menuon_D.gif) no-repeat top right;
}

/*ARIANE*/
.ariane{
color:#000;
height:55px;
padding:0;
margin:0;
background:#fff url(../images/fnd_ariane.gif) no-repeat top left;
font-size:0.9em;
}

.ariane p {
padding:25px 0 0 205px;
margin:0;
}

.ariane p a{
color:#000;
text-decoration:none;
}

.ariane p a:hover {
text-decoration:underline;
}
/*CONTENEUR*/
#conteneur{
background:transparent url(../images/fnd_page.gif) repeat-y top left;
min-height:450px;
}


/*MENU SECONDAIRE GAUCHE*/

#menu_secondaire{
float:left;
width:217px;
padding:0;
margin:0 38px 0 0;
}

#menu_secondaire ul{
padding:0 14px 0 0;
margin:0;
background-color:#3f6fa2;
}

#menu_secondaire ul li{
list-style-image:none;
list-style-type:none;
margin:0;
padding:0;
/*height:48px;*/
border-bottom:1px solid #fff;
background-color:#3f6fa2;
}


#menu_secondaire ul li a{
display:block;
position:relative;
color:#bfbfbf;
text-decoration:none;
font-weight:bold;
margin:0;
padding:0;
}

#menu_secondaire ul li a img{
float:left;
margin:0 6px 0 0;
padding:0;
border:none;
}

#menu_secondaire ul li a:hover{
color:#c6cbd4;
}

#menu_secondaire ul li a.on{
color:#fff;
text-decoration:none;
}

#menu_secondaire ul li a span.menutext, #menu_secondaire ul li a.on span.menutext{
display:block;
padding:0;
margin:0;
line-height:48px;
}





/*CONTENU*/
#contenu{
float:left;
width:466px;
height:auto;
margin:0 38px 11px 0;
}

#contenu .middle{
background-color:#d3dceb;
border-left: 1px solid #004b85;
border-right: 1px solid #004b85;
margin:0;
padding:0 0 15px 0;
}

#contenu a{
color:#000;
text-decoration:underline;
margin-left:7px;
}


.chapo{
color:#0d2153;
background-color:#edf1f7;
margin:0 0 10px 0;
padding:25px 0 0 0;
}

.chapo .chapo-bloc-foto .text h3.spip{
color:#3f6fa2;
font-size:1.2em;
background:none;
padding:0;
margin:0 0 0 16px;
}

.chapo-bloc-foto{
margin:0;
padding:0;
}


.chapo p{
font-size:0.9em;
color:#0d2153;
font-weight:bold;
margin:0 16px 20px 16px;
}



/*ARTICLES*/
/*.bloc-foto{
color:#000;
margin:-5px 0 0 0;
padding:20px 0 0 0;
}*/

.bloc-foto{
margin:0 0 0 0;
padding:4px 0 0 0;
}

.bloc-foto-actu{
margin:0;
padding:0 0 8px 0;
background-color:#EDF1F7;
/*border-left:1px solid #004B85;
border-right:1px solid #004B85;*/
overflow:auto;
}

.bloc-foto .foto{
float:left;
width:178px;
margin:0 3px 0 0;
padding:0;
border:0;
}

.bloc-foto-actu img{
float:left;
width:178px;
margin:0 10px 10px 0;
padding:0;
border:0;
}

.bloc-foto-actu p.titre_actu{
color:#3F6FA2;;
font-weight:bold;
font-size:1.1em;
margin:0 0 5px 0;
padding:0 5px 0 0;
}

.bloc-foto .text{
margin:0 0 0 178px;
padding:0;
}

.bloc-foto-actu .text{
margin:0;
padding:0 0 0 20px;
}


.chapo-bloc-foto table, .chapo-bloc-foto table tr, .chapo-bloc-foto table tr td{
margin:0;
padding:0;
border:0;
border-spacing:0;
border-collapse:collapse;
}



.chapo-bloc-foto td.foto{
width:178px;
margin:0 3px 0 0;
vertical-align:bottom;
}

.chapo-bloc-foto td.text{
vertical-align:top;
}

.bloc-foto .text p{
margin:0  6px 0 20px;
padding:0;
}




.bloc-foto .text p.telecharge{
color:#004b85;
margin:12px 0 3px 0;
font-weight:bold;
}

#contenu .bloc-foto .text a, #contenu .bloc-foto-actu .text a{
display:block;
color:#3f6fa2;
margin:5px 6px 0 20px;
padding:0 0 0 13px;
font-weight:bold;
text-decoration:none;
background:transparent url(../images/puce_fleche.gif) no-repeat 0 4px;
}

#contenu .bloc-foto-actu .text a{
float:left;
margin:5px 0 5px 0;
padding:0 0 0 13px;
}

#contenu .bloc-foto .text a:hover, #contenu .bloc-foto-actu .text a:hover{
text-decoration:underline;
}



.bloc-foto-paragraph .text p.spip{
margin:0 10px 3px 17px;
padding:0;}

.bloc-foto-paragraph .text ol, .bloc-foto-paragraph .text ul{
margin:0 10px 3px 37px;
padding:0;}

.bloc-foto-paragraph .text p.spip .spip_documents{
margin: 0 17px 5px 0;
}
.spip_documents_left {
  display: block;
  text-align: left;
}

.spip_documents_center {
  display: block;
  text-align: center;
}

.spip_documents_right {
  display: block;
  text-align: right;
}
.bloc-foto-paragraph .text hr.spip{
clear:both;
visibility:hidden;
}

.chapo-bloc-foto td.text p.spip{
margin:0 10px 0 17px;
padding:0;
}





h2{
color:#e13a3e;
font-size:1.5em;
background:#fff url(../images/fnd_h2.gif) no-repeat top left;
padding:0 0 0 50px;
margin:0;
}

h3{
color:#fff;
font-size:1.4em;
background:#fff url(../images/fnd_h3.gif) no-repeat top left;
padding:2px 0 0 17px;
margin:0;
}

h3.spip{
color:#3f6fa2;
font-size:1.2em;
background:none;
padding:0 0 0 0;
margin:8px 0 3px 17px;
}



h4{
color:#004b85;
font-size:1.5em;
margin:0;
padding:0 0 0 16px;
border-bottom:20px solid #d3dceb;
line-height:14px;
}

h5{
color:#fff;
background: #666 url(../images/fleche_verti_fdgris.gif) no-repeat top left;
font-size:0.9em;
min-height:16px;
margin:0 0 10px 0;
padding:0 0 0 22px;
font-weight:bold;
}

span.bold{
font-weight:bold;
}

/*EN SAVOIR PLUS*/

.savoir_plus{
margin:10px 0 0 178px;
padding:15px 0 10px 0;
background-color:#7c97bf;
}

.savoir_plus p{
font-weight:bold;
color:#fff;
background: transparent url(../images/fleche_savoir.gif) no-repeat top left;
padding:0 0 10px 22px;
margin:0 0 0 0;
}

.savoir_plus p.savoir{
color:#000;
margin-left:7px;
background:none;
}

.savoir_plus p.savoir a{
color:#fff !important;
font-weight:normal;
}

/* CONTENU SECONDAIRE DROITE*/

#conteneur #contenu_secondaire {
/*background:#FFFFFF none repeat scroll 0%;*/
float:left;
height:auto;
padding:0;
margin:0;
width:201px;
}
/* BLOC ACTUALITE*/
h2.actu {
background:#fff url(../images/fnd_actu.gif) no-repeat top left;
margin:0;
padding:0 0 0 19px;
height:22px;
}

#actu{
background-color:#e13a3e;
margin:0 0 28px 0;
padding:20px 0 20px 0;
border-left: 1px solid #b2b2b2;
border-right: 1px solid #b2b2b2;
}

#actu hr{
height: 1px;
margin: 0 0 5px 0;
padding: 0;
color: #fff;
background-color: #fff;
border: 0;
}

#actu a{
color:#fff;
text-decoration:underline;
padding:0 5px 0 22px;
}


#actu ul{
background-color:#e13a3e;
margin:0;
padding:0 5px 0 5px;
list-style-image:none;
list-style-type:none;
font-weight:bold;
}


#actu ul li{
padding:0 0 0 17px;
margin:0 0 10px 0;
background:transparent url(../images/fleche_hori_noir.gif) no-repeat top left;
}

#actu ul li a{
color:#fff;
text-decoration:none;
padding:0;
}

#actu ul li a:hover{
text-decoration:underline;
}


/*BLOC RESTEZ INFORME*/

#inform{
background-color:#e6e6e6;
margin:0;
padding:0;
border-left: 1px solid #b2b2b2;
border-right: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;

}

h2.inform{
background:#fff url(../images/fnd_inform.gif) no-repeat top left;
margin:0;
padding:10px 0 0 19px;
font-size:1.3em;
}

#inform p{
color:#e13a3e;
margin:0 0 0 19px;
padding:0;
}

#inform .formulaire_spip form{
margin:0 0 10px 0;
padding:0;
}

#inform .formulaire_spip form fieldset{
border:0 none;
margin:0;
padding:0;
color:#e13a3e !important;

}

#inform .formulaire_spip form fieldset legend{
margin:0;
padding:20px 0 0 19px;
}

#inform .formulaire_spip form fieldset .label{
margin:0 0 4px 0;
padding:0 0 0 20px;
}


#inform .formulaire_spip form input#mail_inscription_{
background-color:#fff;
float:left;
border:1px solid #808080;
width:87%;
margin:0 0 7px 0;
padding: 0 0 0 2px;
}

 #inform .formulaire_spip form .spip_bouton input{
background-color:#808080;
border:0 none;
color:#fff;
font-weight:bold;
margin:0;
padding:0;
cursor:pointer;
float:left;
}

 #inform .formulaire_spip form .desabo,  #inform .formulaire_spip form .abonne{
 margin:0 0 2px 19px;
 clear:both;
 }
 
 #inform .formulaire_spip form .desabo label,  #inform .formulaire_spip form .abonne label{
  margin:0;
  padding:0;
 }


#inform a{
color:#e13a3e;
margin:0 0 10px 19px;
}

/*PIED DE PAGE*/

#pied{
background:#fff url(../images/fnd_pied.gif) repeat-x top left;
padding:5px 25px 3px 25px;
margin:0;
}


p.menu_pied{
float:right;
width:30%;
text-align:right;
}

p.menu_pied a{
color:#000;
text-decoration:none;
}

p.menu_pied a:hover{
color:#000;
text-decoration:underline;
}

/*FORMULAIRE DE CONTACT*/

.middle .form_1{
margin:0;
padding:0 17px 0 17px;}

.middle .form_1 .spip_form_champ{
width:95%;
margin:0 0 0.8em 0;
clear:both;
}

.middle .form_1 legend {
color:#3F6FA2;
font-weight:bold;
margin:0 10px 5px 10px;

}

.middle .form_1 fieldset {
border:1px solid #999;
}

.middle .form_1 .spip_form_label {
/*color:#666666;*/
float:left;
font-weight:normal;
text-align:right;
width:35%;
/*font-size:0.9em;*/
margin:0 0 0.8em 0;
}


.middle .form_1 input, .form_1 textarea, .form_1 select{
border:1px solid #999;
float:right;
width:60%;
background-color:#fff;
}

.middle .form_1 textarea{
height:100px;
margin:0 0 0.8em 0;
}

.middle .spip_bouton input {
background-color:#7c97bf;
border:0;
clear:both;
color:#fff;
font-weight:bold;
cursor:pointer;
margin:1em 0pt 0pt;
padding:0pt 3px 0px 2px;
width:auto;
}

/*BREVES*/

#contenu .middle h4.breve{
background-image:none;
color:#3F6FA2;
font-size:1.2em;
margin:0 0 10px 17px;
padding:8px 0 0 0;
border-bottom:0 !important;
}

#contenu .middle .bloc-foto-breve {
margin:0pt;
overflow:auto;
padding:0 10px 8px 17px;
}

#contenu .middle .bloc-foto-breve img.spip_logos {
border:0;
float:left;
margin:0 10px 0 0;
padding:0;
width:178px;
}




