body {
margin : 0 ; 
padding : 0 ; 
text-align : center; 
background : #fff url(images/bck3.jpg) center top repeat-x;
font-family : arial;
font-size : 12px;
color : #000 }

#content {
position : relative;
width : 792px; 
margin-left : auto;
margin-top: 5px;
margin-right : auto;
background : #fff ; }

.sep {background : #FFF url(images/sep_haut.gif) right no-repeat; }

#haut {
margin-top : 0px;
width : 100%; 
height : 100px ;
background : #000 url(images/haut2.jpg);  }

#menu {
height : 20px; 
background : #fff ;
margin-left : 0px;
margin-top : 0px;
}

#menu ul {
height : 20px; 
list-style : none;
background-color : transparent;
margin-left : 0px;
margin-top : 0px ;
margin-bottom : 0 ; 
margin-right : 0; 
padding : 0}

#menu li {float : left; 
margin: 0 0 0 0 ;
 padding : 0}

a.menu_accueil {color:#ccc; text-decoration:none; 
display : block ; 
width : 75px ; 
height : 20px ; 
background-image : url(images/accueil.jpg);
background-position : 0 0} 

a:hover.menu_accueil {
 background-image : url(images/accueil.jpg);
background-position : 0 20px}


a.menu_accueil_in {color:#ccc; text-decoration:none; 
display : block ; 
width : 75px ; 
height : 20px ; 
background-image : url(images/accueil.jpg);
background-position : 0 20px} 

a:hover.menu_accueil_in {
 background-image : url(images/accueil.jpg);
background-position : 0 20px;
margin-left : 5px}

a.menu_citoyen {color:#ccc; text-decoration:none; 
display : block ; 
width : 124px ; 
height : 20px ; 
background-image : url(images/titre-citoyen.jpg);
background-position : 0 0;
margin-left : 5px} 

a:hover.menu_citoyen {
 background-image : url(images/titre-citoyen.jpg);
background-position : 0 20px}

a.menu_news_citoyen{color:#ccc; text-decoration:none; 
display : block ; 
width : 124px ; 
height : 20px ; 
background-image : url(images/titre-citoyen.jpg);
background-position : 0 20px} 

a:hover.menu_news_citoyen {
 background-image : url(images/titre-citoyen.jpg);
background-position : 0 20px;
margin-left : 5px}

a.menu_vie {color:#ccc; text-decoration:none; 
display : block ; 
width : 121px ; 
height :20px ; 
background-image : url(images/titre-vie.jpg);
background-position : 0 0;
margin-left : 5px} 

a:hover.menu_vie {
 background-image : url(images/titre-vie.jpg);
background-position : 0 20px}

a.menu_vie_in {color:#ccc; text-decoration:none; 
display : block ; 
width : 121px ; 
height :20px ; 
background-image : url(images/titre-vie.jpg);
background-position : 0 20px;
margin-left : 5px} 

a:hover.menu_vie_in {
 background-image : url(images/titre-vie.jpg);
background-position : 0 20px}

a.menu_decouvrir{
color:#ccc; 
text-decoration:none; 
display : block ; 
width : 140px ; 
height : 20px ; 
background-image : url(images/titre-decouvrir.jpg);
background-position : 0 0;
margin-left : 5px} 

a:hover.menu_decouvrir {
 background-image : url(images/titre-decouvrir.jpg);
background-position : 0 20px}

a.menu_decouvrir_in {
color:#ccc; 
text-decoration:none; 
display : block ; 
width : 140px ; 
height : 20px ; 
background-image : url(images/titre-decouvrir.jpg);
background-position : 0 20px;
margin-left : 5px} 

a:hover.menu_decouvrir_in {
 background-image : url(images/titre-decouvrir.jpg);
background-position : 0 20px}

a.menu_actu {
color:#ccc; 
text-decoration:none; 
display : block ; 
width : 95px ; 
height : 20px ; 
background-image : url(images/titre-actu.jpg);
background-position : 0 0;
margin-left : 5px} 

a:hover.menu_actu {
 background-image : url(images/titre-actu.jpg);
background-position : 0 20px}

a.menu_actu_in {
color:#ccc; 
text-decoration:none; 
display : block ; 
width : 95px ; 
height : 20px ; 
background-image : url(images/titre-actu.jpg);
background-position : 0 20px;
margin-left : 5px} 

a:hover.menu_actu_in {
 background-image : url(images/titre-actu.jpg);
background-position : 0 20px}

a.menu_eco {
color:#ccc; 
text-decoration:none; 
display : block ; 
width :  84px ; 
height : 20px ; 
background-image : url(images/titre-eco.jpg);
background-position : 0 0;
margin-left : 5px} 

a:hover.menu_eco {
 background-image : url(images/titre-eco.jpg);
background-position : 0 20px}

a.menu_eco_in {
color:#ccc; 
text-decoration:none; 
display : block ; 
width : 84px ; 
height : 20px ; 
background-image : url(images/titre-eco.jpg);
background-position : 0 20px;
margin-left : 5px} 

a:hover.menu_eco_in {
 background-image : url(images/titre-eco.jpg);
background-position : 0 20px}

a.menu_contact {
color:#ccc; 
text-decoration:none; 
display : block ; 
width : 75px ; 
height : 20px ; 
background-image : url(images/tiitre-contact.jpg);
background-position : 0 0;
margin-left : 5px} 

a:hover.menu_contact {
 background-image : url(images/tiitre-contact.jpg);
background-position : 0 20px}

a.menu_contact_in {
color:#ccc; 
text-decoration:none; 
display : block ; 
width :75px ; 
height : 20px ; 
background-image : url(images/tiitre-contact.jpg);
background-position : 0 20px;
margin-left : 5px} 

a:hover.menu_contact_in {
 background-image : url(images/tiitre-contact.jpg);
background-position : 0 20px}

a.menu_tourisme {
color:#ccc; 
text-decoration:none; 
display : block ; 
width : 69px ; 
height : 20px ; 
background-image : url(images/titre-tourisme.jpg);
background-position : 0 0;
margin-left : 5px} 

a:hover.menu_tourisme {
 background-image : url(images/titre-tourisme.jpg);
background-position : 0 20px}

a.menu_tourisme_in {
color:#ccc; 
text-decoration:none; 
display : block ; 
width :69px ; 
height : 20px ; 
background-image : url(images/titre-tourisme.jpg);
background-position : 0 20px;
margin-left : 5px} 

a:hover.menu_tourisme_in {
 background-image : url(images/titre-tourisme.jpg);
background-position : 0 20px}

#centre {
width : 100%; 
background : #fff url(images/a-plan.jpg) no-repeat;
text-align : left;
height : 470px;  }
html>body #centre { height: auto; min-height:  470px;}



#bloc_texte {
float : left ;
width : 540px;
color : #000;
font-size : 11px;}

#bloc_texte_image {
float : left ;
width : 208px;
margin : 0 0 0 20px;
background : transparent;
}


#bloc_texte_image ul {
margin : 5px 0 0 0;
 padding : 0; 
 list-style : none;
 font-size : 9px
}
#bloc_texte_image li {
padding : 0; 
margin : 3px 0 0 0; 
}

#bloc_texte_image li a {
height : 13px; 
display : block;
text-decoration : none;
color : #D9A63B;
background : url(images/liste.gif) left no-repeat; 
text-indent : 10px; 
}
html>body #bloc_texte_image li a  { height: auto; min-height:  13px;}


#bloc_texte_image li a:hover {
text-decoration : none;
color : #9B856C;
}



#bloc_texte_image img {
margin : 10px 0 0 0;
padding : 0;
border : 1px solid #515424;
display : block;}

#bloc_texte_image p{
margin : 0;
padding : 0;
color : #000;
background : #fff;
font-size : 9px;
text-indent : 10px;
}




#bloc_texte p{
margin : 0 0 9px 15px;
padding : 0; }

#bloc_texte a{
color : #000 ; text-decoration : none }
#bloc_texte a:hover {color : #999 ; text-decoration : none}

.expo2 {float : left ; margin-left : 10px ; margin-right : 10px}
#bloc_texte h1{
padding : 10px 0 10px 15px;
margin : 0;
font-family : georgia, arial;
color : #669999}

#bloc_texte h2{
padding : 10px 0 10px 15px;
margin : 0;
font-family : georgia, arial;
color : #669999}

#articles {
width : 100% ; 
margin-left:0px;
margin-right: 0px;

background : #fff;
font-size : 10px;}

#articles p {margin : 0; padding : 0; }

#articles img{
float : left ; display : block }

.img_conf {border : 1px solid #336699 ; margin : 10px 10px 0 30px ; display : block}




#bloc_articles {
width : 250px;
margin-left : 10px;
margin-top:10px; 
padding : 0 0 0 0; 
float : left ;
text-align : justify; 
color :#666666}

#bloc_articles_002 {
width : 250px; 
margin : 10px 0 0 0px; 
padding : 0 0 0 0; 
float : left ;
text-align : justify; 
color :#666666 }





#titre_articles {  
background : #fff ; 
float : left;  
width : 250px; 
height : 45px ; }
html>body #titre_articles { height: auto; min-height:  45px;}

#titre_articles_002 {  
background : #fff ; 
float : left;  
width : 270px; 
height : 45px ; }
html>body #titre_articles_002 { height: auto; min-height:  45px;}

#titre_articles img {float : left}
#titre_articles h3 { margin : 0 ; padding : 0 0 0 50px; color : #336699; }
#titre_articles p { margin : 0 ; padding : 0 0 0 50px; }


#titre_articles_002 img {float : left}
#titre_articles_002 h3 { margin : 0 ; padding : 0 0 0 50px; color : #336699; }
#titre_articles_002 p { margin : 0 ; padding : 0 0 0 50px; }


.spacer {clear : both ; height : 13px; }

.footer {
background : url(images/footer.jpg) repeat-x ; 
margin : 5px 0 0 0; 
clear : both ;
 height : 13px; 
 padding : 0 0 20px 5px;
 color : #ccc;
 text-align : left;
 font-size : 10px; }
 
 .footer p{
padding : 0px 3px 0 0px }

 .footer a{
color : #ccc}

 .footer a:hover{
color : #fff}


.boot {margin : -10px 0 0 0; 
position : absolute; 
display : block;
background : #fff ; 
padding : 4px; 
color : #336699;
font-weight : bold; 
font-family : times;
font-size : 14px;
height : 23px; }


.boot_002 {
	display : block;
	position : absolute;
	border : 4px solid #fff;
	background : #fff;
	padding : 0 0 0 0;
	margin : -10px 0 0 80px;
	color : #0D294E;
	height : 13px;
	font-size : 10px;
	left: 289px;
	bottom: -8px;
}

.boot_002 a {text-decoration : underline; color : #A96F49 
 }

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

.link a{
float : right ; 
padding-top : 5px ; 
margin : 0 ; 
color : #A96F49 ; 
text-decoration :underline; 
}
.link a:hover {
color :#D2B099 ; text-decoration :none;
}