/*******************************************************************************
************************   surdéfinition des couleurs   ************************
*******************************************************************************/

body {
	background: #227da9 url(../images/fond-body.jpg) top center fixed no-repeat;
}
a {
	color: #17599f;
}
h1 {
	color: #4069ae;
	border-bottom: 4px solid #567CB1;
}
h2, h2 a {
	color: #333333;
}
h3 {
	color: #567CB1;
}

.champ, .bouton {
	color: #666666;
	background-color: #f0f0f0;
	border: 1px solid #333333;
}
.bouton {
	color: #333333;
}
.champ:hover, .bouton:hover {
	background-color: white;
}
.champRecherche

.entete_tableau{
	color: white;
	background-color: #17599f;
}

.moduleCatalogue .liste th {
   color: white;
   background-color: #17599f;
}
.moduleCatalogue .fiche h1{

}
.moduleCatalogue .fiche h2 {

}

.formulaireMail label {
	color: #ee7f01;
}


/***************************		 menus		  ***************************/

#menuH li a { 
   color : #659acc;
}
#menuH li:hover {
}
#menuH .sousMenu, #menuH .sousMenu .sousSousMenu {
	background: url(../images/fond-menu-bottom.png) bottom left no-repeat;
}

#menuH .sousMenu li, #menuH .sousMenu .sousSousMenu li {
}

#menuH .sousMenu li {
}
/*éviter la transparence en cascade*/
#menuH .sousMenu .sousSousMenu li {
	filter:alpha(opacity=100);
	opacity: 1;
}

#menuH .sousMenu li a{
   color: #558cc7;
   background: url(../images/fond-menu-repeat.png) repeat-y;
   text-decoration: none;
}
#menuH .sousMenu li a span{
	display: block;
   border-bottom: 1px solid #558cc7;
}
#menuH .sousMenu li a span.last{
   border-bottom: none;
}
#menu-commune{
   border-bottom: 5px solid #558cc7;
}
#menu-mairie{
   border-bottom: 5px solid #70beb0;
}
#menu-vie_locale{
   border-bottom: 5px solid #a9be61;
}
#menu-infos_pratique{
   border-bottom: 5px solid #fbd043;
}

#menuH .sousMenu li:hover > a, #menuH .sousMenu .sousSousMenu li:hover > a {
	text-decoration: underline;
}

#menuH .marqueurSousMenu {
	background-image: url(../images/fleche.png);
	background-repeat:no-repeat;
	background-position: 98% center;
}


#menuV li a { 
   color : #9DC82E;
   background-color: #fcfcfc;
}
#menuV .sousMenu li a {
   color: black;
   background-color: transparent;
}
#menuV .sousMenu .sousSousMenu li a {
   color: black;
   background-color: transparent;
}
#menuV .sousMenu li a:hover, #menuV .sousMenu .sousSousMenu li a:hover {
   background-color: #dcf1a5;
}



/***************************   structure générale   ***************************/


#conteneur {
	color: black;
	background: url(../images/conteneur-repeat.png) repeat-y;
}

#header {
	background: url(../images/header.png) top center no-repeat;
}

#footer {
	background: url(../images/footer.png) top center no-repeat;
}
#entete-graphique{
	background: url(../images/panoramique-benodet.jpg) top center no-repeat;
}
#pave-tourisme{
	background: url(../images/fond-pave-tourisme.png) top center no-repeat;
}
#pave-tourisme h2{
   color: #567cb1;
   background: none;
}
#pave-tourisme #menu-tourisme-decouvrir a{
	background-image: url(../images/etoile-decouvrir.png);
}
#pave-tourisme #menu-tourisme-dormir a{
	background-image: url(../images/etoile-dormir.png);
}
#pave-tourisme #menu-tourisme-sortir a{
	background-image: url(../images/etoile-sortir.png);
}
#pave-tourisme #menu-tourisme-plaisir a{
	background-image: url(../images/etoile-plaisir.png);
}
#pave-tourisme #menu-tourisme-manger a{
	background-image: url(../images/etoile-manger.png);
}
#menu-sejour #menu-sejour-plan-acces a{
	background-image: url(../images/picto-boussole.png);
}
#menu-sejour #menu-sejour-meteo a{
	background-image: url(../images/picto-meteo.png);
}
#menu-sejour #menu-sejour-webcam a{
	background-image: url(../images/webcam.png);
}
#menu-sejour #menu-acte-etat-civil a{
	background-image: url(../images/picto-acte.png);
}
#menu-sejour #menu-sejour-maree a{
	background-image: url(../images/picto-maree.png);
}
#paves-accueil #pave-plu{
	background-image: url(../images/pave-plu.png);
}
#paves-accueil #pave-conseil-municipal{
	background-image: url(../images/pave-deliberations.png);
}
#paves-accueil #pave-plan{
	background-image: url(../images/pave-plan.png);
}
#paves-accueil #pave-menu-ecoles{
	background-image: url(../images/pave-menu-restaurant-scolaire.png);
}
#fil-arianne, #fil-arianne a{
	color: #567CB1;
}
#corps {
	color: #333333;
}

#gauche a {
   color: black;
}

#footer {
	color: #567cb1;
}
#footer a {
	color: #567cb1;
}

#edito {
	color: white;
	background-color: #b8ca30;
}

.formDemandes label {
	color: #0A5CA7;
}

#actuAccueil {
	color: #4069ae;
	background-color: #ebf5fc;
	border-radius: 20px;
}
#actuAccueil h2 {
	color: #4069ae;
	background: none;
}
#actuAccueil h3 {
	color: #666666;
}
#actuAccueil a {
	color: #4069ae;
}

#documents {
	background: url(../images/mdl2/zoneBas.jpg) no-repeat bottom left;
}
#documentsHaut {
	color: white;
	background: #17599f url(../images/mdl2/zoneHaut.jpg) no-repeat top left;
}
#documentsTitre {
	border-bottom: 1px solid #B8CA30;
}
#documents li {
	color: #B8CA30;
}
#documents a {
	color: white;
}

#signature {
	color: #ffffff;
	background-color: transparent;
}
#signature a{
	color:#ffffff;
}





#calendrier {
	border: 1px solid #666666;
	background-color: #ffffff;
}
#calendrier .enteteCalendrier {
	background-color: #17599f;
}
#calendrier .titre {
	color: white;
}
#calendrier a {
	color: #666666;
}
#calendrier a:hover {
	background-color: white;
}
#calendrier .joursVides {
	color: #000000;
	background-color: #e5e5e5;
}
#calendrier .joursNormaux {
	color: #000000;
	background-color: #e5e5e5;
}
#calendrier .aujourdHui {
	font-weight: bold;
	background-color: transparent;
}

.alerte-no-javascript{
	background-color: white;
	border: 1px solid red;
	filter:alpha(opacity=50);
	opacity: 0.50;
}