/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 1 em;
	padding: 0;
	margin: 0;
	background-image: url(IMG/interface/body-fd.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #E2CFB7;
}
ul, li { list-style-type: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, p{ padding:0; margin:0; font-weight:normal; }
p { margin-bottom: 10px; }
h1 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif ;
        font-weight: bold;
	font-size: 200%;
	color: #000066;
	padding-bottom: 10px;
	}
h2 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif ;
	color: #003366;
        font-weight: bold;
	font-size: 120%;
	margin: 8px 0 3px 0;
	}
h3 {
        font-size: 100%;
        font-weight: bold;
        margin-bottom: 20px;
        }
h4 { font-size: 100%; }

/* MISE EN FORME */
#conteneur {
	position: absolute;
	left: 50%;
	width: 770px;
	margin-left: -385px;
	background-image: url(IMG/interface/conteneur-fd.jpg);
	background-repeat: repeat-y;
	}
#droite {
	float: right;
	}
#centre {
	padding-top: 80px;
	padding-left: 20px;
	margin-right: 203px;
	background-image: url(IMG/interface/contenu-ht.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}
#contenu-top {
        margin-right: 20px;
        }
#contenu-texte, #sommaire {
	margin-right: 20px;
	margin-left: 170px;
	}
#contenu-top-pied {}
#contenu-chapo {
	margin-right: 20px;
	}
#contenu-menu {
    float: left;
	width: 150px;
	margin-right: 20px;
	}
#pied {
	clear: both;
	height: 150px;
	padding-top: 30px;
	padding-left: 180px;
	background-image: url(IMG/interface/pied-fd.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
.hierarchie { font-size: 60%; }

/* LINKS */
a { text-decoration: none; color: #6699FF; }
a:hover { text-decoration: underline; }
.currenton { background-color: #003366; }
a img {border: none;}
a:hover img {border: none;}

/* CONTENU TOP */

/* MENU 1 */
.menu1 { width: 143px; }
.menu1 li {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #FFFFFF;
	}
.menu1 a {
	padding: 1px 10px 1px 3px;
	display: block;
	text-decoration: none;
	background-color: #6699FF;
	color: #fff;
	background-image: url(IMG/menu1-puce.gif);
	background-repeat: no-repeat;
	background-position: right center;
	}
.menu1 a:hover {
	background-color: #003366;
	background-image: url(IMG/menu1-puce-over.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration: none;
	}
#contenu-menu .menu1 h2 {
        padding-left: 1px;
        border-bottom: 1px solid #fff;
        }

/* MENU 2 et 3 */
.menu2 h3 {margin: 0;}
.menu2, .menu3 {
	margin-bottom: 10px;
	padding: 0 5px 0 5px;
	color: #003366;
	font-size: 11px;
	}
.menu3 { text-align: center; }
.menu2 a, .menu3 a {
	color: #6699FF;
	font-weight: normal;
	}
.menu2 a:hover, .menu3 a:hover {
        color: #003366;
        }
#contenu-menu .menu1 h2 {
        margin: 0;
        }
#contenu-menu .menu2 {
        padding: 0;
        margin: 0;
        width: 141px;
		background-image: url(IMG/interface/contenu-menu2-int.gif);
        }
#contenu-menu .menu2 li {
        padding: 0 5px 0 5px;
        }
#contenu-menu .menu2 .titre {
        color: #CC9900;
        border-bottom: 1px solid #FFCC00;
        text-align: center;
        font-weight: bold;
        padding-bottom: 3px;
        }
#contenu-menu .menu2 .art {
        border-bottom: 1px solid #FFCC00;
        padding: 5px;
        }
#contenu-menu .menu2 li.art:hover {
	background-image: url(IMG/interface/contenu-menu2-int-over.gif);
	}

#droite .menu2 {
	color: #000;
	margin: 0 0 0 35px;
	padding: 0;
	width: 118px;
	text-align: center;
	background-image: url(IMG/interface/droite-menu2-fd.jpg);
	}

/* CONTENU */
#contenu-texte img {
        margin: 10px;
        }

/* SOMMAIRE */
#sommaire h2 {
        padding-left: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid #003366;
        }
#sommaire h3 { margin: 20px 0 0 0; }
#sommaire h6 { margin: 5px 0 0 0; }
#sommaire img {margin-right: 5px;}

.edito {
        background-color: #FFFFCC;
        padding: 20px;
}
.sommaire-label {
        margin-top: 15px;
        margin-bottom: 10px;
        padding: 5px;
        height: 70px;
        background-color: #CFDCFF;
        }

/* TOP DES PLAGE */
.top-plage h2 {
        font-size: 18px;
        margin: 10px 0 2px 0;
        }
.plage-label {
        margin-top: 15px;
        margin-bottom: 10px;
        padding: 5px;
        height: 75px;
        background-color: #CFDCFF;
        }
.plage-label img {margin-right: 5px;}
.plage-label a.div{ color: #fff; }
div.plage-label a:hover { color: #003366; }

/* ELEMENT IDENTIQUES */
p.coordonnees, p.rub-pied { font-size: 80%; }

/* ARTICLE (.article) */
.article { }

/* ARTICLE DESCRIPTIF (.art-descriptif) */
.art-descriptif p { margin:0; }
.art-descriptif td { padding-top: 20px; }
/* date */
.art-descriptif span { font-size: 80%; color: #ccc; }
/* image */
.art-descriptif td.img { vertical-align: top; padding-right: 5px; }

/* CARTE */
.carte {
	float: left;
	width: 340px;
	height: 420px;
	background-image: url('IMG/plage/carte_france_dep.gif');
	background-position: left 30px;
	background-repeat: no-repeat;
	}
.carte-d {
        margin-left: 340px;
        width: 170px;
        border: 1px solid #6699FF;
        padding-bottom: 10px;
	}
.carte a {
        font-size: 12px;
        padding-left: 10px;
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(IMG/plage/carte_france_dep_bg-off.gif);
	background-repeat: no-repeat;
	background-position: 4px 1px;
	}
.carte a:hover {
	background-image: url(IMG/plage/carte_france_dep_bg.gif);
	text-decoration: none;
	}
.carte-d h3 { /* Titre région */
	padding: 10px;
	background-color: #CFDCFF;
	margin-bottom: 10px;
	color: #6699FF;
	} /* Titre Ville */
.carte-d h5 {
	margin: 5px 10px 0 10px;
	font-weight: bold;
        border-bottom: 1px solid #6699FF;
	}
.carte-d li {
       	margin: 0 10px 0 10px;
        border-bottom: 1px solid #CFDCFF;
        }
.carte-d li a {
	font-size: 12px;
	color: black;
	display: block
	}
.carte-d li a:hover {
	background-color: #CFDCFF;
	text-decoration: none;
	}
.carte-liste {
        margin-top: 20px;
        font-size: 80%;
        }
.carte-liste a, .carte-liste a:hover {background-image: none;}
.carte-liste a:hover {text-transform: underline;}

/* FICHE PLAGE */
#conteneur-fiche {
	background-image: url(IMG/interface/conteneur-fd.jpg);
	background-repeat: repeat-y;
	}
#conteneur-fiche li { margin-bottom: 5px; }
#haut-fiche {
	padding-top: 5px;
	padding-right: 10px;
	text-align: right;
	float: right;
	}
#pied-fiche {
	height: 50px;
	background-image: url(IMG/interface/pied-fd.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
        }
#centre-fiche {
	padding-top: 70px;
	padding-left: 20px;
	background-image: url(IMG/interface/contenu-ht.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}
#contenu-texte-fiche {
	margin-right: 20px;
	}
.scroll-fiche {
	overflow: auto;
	padding: 10px;
	width: 500px;
	height: 270px;
	margin-bottom: 10px;
        }
.diaporama {
        height: 300px;
        margin-right: 20px;
}
/* style SPIP */
.spip_documents{
	font-size : 70%;
	margin-bottom: 20px;
}
.spip_puce { margin: 0; padding: 0; }