@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------*
  *-----------------------------------     CSS FONCTION     ----*
  *------------------------------------------------------*
  pour enlever les pointillés autour des liens sur Firefox
  *------------------------------------------------------*/


a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}


*{
margin:0px;
padding:0px;
}

body{
background-color:#027193;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#container{
width:798px;
margin:auto;
margin-top:10px;
}

#page{
background-image:url(images/fond_accueil.jpg);
background-repeat:no-repeat;
background-color:#60a0b4;
width:798px;
position:relative;
}

/*menu*/
#menu{
top:297px;
left:75px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
position:relative;
}

#menu a{
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}

#menu a:hover{
color:#dfb507;
}


/*Edito*/
#edito{
float:left;
color:#FFFFFF;
width:460px;
margin-top:330px;
margin-bottom:0px;
font-size:12px;
}

#edito h1{
background-image:url(images/decouvrir.gif);
margin-left:12px;
height:24px;
width:146px;
text-indent:-9999px;
}

#edito p{
text-align:justify;
color:#FFFFFF;
margin-left:12px;
margin-top:8px;
}


/*Actus*/
#actu{
background-color:#027193;
width:315px;
margin-left:470px;
margin-top:330px;
margin-bottom:00px;
padding-top:10px;
padding-bottom:10px;
}

#actu p{
text-align:justify;
color:#FFFFFF;
margin-left:10px;
margin-right:10px;
margin-top:5px;
margin-bottom:10px;
}

#actu h1{
margin-left:10px;
margin-right:10px;
text-indent:-9999px;
background-image:url(images/alaune.gif);
height:24px;
width:78px;
}

#actu h2{
margin-left:10px;
margin-right:10px;
background-color:#FFFFFF;
color:#8b435b;
font-size:12px;
padding-left:5px;
margin-top:8px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


.spacer {
  clear: both;
}

/*base line*/
#baseline{
padding-top:4px;
text-align:bottom;
text-align:right;
color:#FFFFFF;
font-size:10px;
}

#baseline a{
color:#FFFFFF;
}



/*page intérieure*/
#header-interieur{
height:326px;
background-image: url(images/header-interieur.jpg);
}

#contenu-interieur{
background-color:#FFFFFF;
min-height:716px;
background-image: url(images/contenu-interieur.gif);
background-repeat:no-repeat;
background-position:top left;
padding-bottom:40px;
}

#nav-interieur{
float:left;
width:190px;
}

#nav-interieur ul li{
list-style-type: none;

margin-left:8px;
font-size:13px;
font-weight:bold;
margin-top:30px;
}

#nav-interieur ul li a{
color:#91364f;
text-decoration:none;
display:block;
background-image: url(images/sep-menu.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}

#nav-interieur ul li a:hover{
color:#dfb507;
text-decoration:none;
}

#nav-interieur ul li ul{
	/*border-left:#60a0b4 solid 1px;*/
} 

#nav-interieur ul li ul li{
	margin-top:10px;
	font-size:11px;
	padding-left:0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position:left center;
	padding-left:12px;
}

#nav-interieur ul li ul li a{
color:#60a0b4;
display:block;
background-image: url(images/sep-menu.jpg);
background-repeat:no-repeat;
background-position:bottom left;
/*color:#60a0b4;*/

}




#texte-interieur{
margin-left:225px;
margin-right:24px;
padding-top:30px;
}

#texte-interieur a{
color:#808080;
}

#texte-interieur a:hover{
text-decoration:none;
}

#texte-interieur img{
border: #dfb507 solid 2px;
}

#texte-interieur h1{
color:#187592;
font-size:18px;
}

#texte-interieur h2{
color:#187592;
font-size:16px;
margin-top:40px;
}

#texte-interieur h3{
color:#187592;
font-size:14px;
margin-top:20px;
font-style:italic;
padding-left:5px;
}

#texte-interieur p{
color:#808080;
text-align:justify;
padding-top:15px;
}

#texte-interieur li{
color:#808080;
list-style-type: none;
background-image: url(images/puce.gif);
background-repeat: no-repeat;
padding-left:18px;
}

#texte-interieur li ul li{
color:#808080;
list-style-type: none;
background-image: url(images/fleche.jpg);
background-position: 5px 5px;
background-repeat: no-repeat;
padding-left:18px;
}

#texte-interieur ul.espace li{
margin-top:20px;
}


/*base line*/
#baseline-interieur{
background-image: url(images/baseline-interieur.gif);
padding:4px;
padding-right:15px;
text-align:bottom;
text-align:right;
color:#FFFFFF;
font-size:10px;
height:100%
}

#baseline-interieur a{
color:#FFFFFF;
}


/* PAGE ADRESSES */

.adresse{
	margin-top:20px;
	background-color:#60a0b4;
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
	width:180px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
}



/*PAGE PV*/

dl
{
width: 540px;;
padding-bottom: 20px;
padding-top:30px;
}

dt
{
width: 350px;
float: left;
margin: 0 0 0 0;
padding: 2px;
padding-top:14px;
border-top: 1px solid #909090;
font-weight: bold;
vertical-align:center;
color:#808080;
}

dd
{
float: left;
width: 180px;
margin: 0 0 0 0;
padding: 2px;
border-top: 1px solid #909090;
text-align:right;
}

#texte-interieur dl img{
border: #dfb507 solid 0px;
}

.maire{
	color:#187592;
}

/*GOOGLE MAP*/

#map{
	border: #dfb507 solid 2px;
}