/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */

*{
	margin:0;
	padding:0;
	}
/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family: "Verdana", Arial, Helvetica, sans-serif; color:#FFFFFF;}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
h1 { font-size: 1.70em; color: #000; }
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; }
h3.spip { font-family:Verdana, Arial, Helvetica, sans-serif;} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos { float:left; margin:0; padding:0;} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #1eaffe; margin: 0; padding: 0; text-align: center;
	background-image:url(../IMG/images_interface/fond_page.jpg);
	background-repeat:repeat-x; }

#page { width: 960px; margin: 0 auto;}

#entete { width: 960px; height:304px; margin:0 auto;}
#entete a.accueil { display: block;}
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { /*position: absolute; right: 0; top: 0.90em; display: block; width: 30%; */} /*Cf.: spip_formulaires.css*/

#conteneur { clear: both; float: left; width: 67%; overflow: hidden; }
#contenu { padding-top: 0.30em; }

#navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

#pied { clear: both; width: 100%; margin: 0; padding: 0.40em 0; text-align: center; font-size: 0.90em; }
#pied img { vertical-align: middle; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; }
.texte { line-height: 1.60em; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }

/* Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


/* Habillage des petitions
---------------------------------------------- */
#signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; }
#signatures table { width: 100%; margin: 1em 0 0 0; }
#signatures thead { text-align: center; color: #555; }
#signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; }
#signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; }
#signatures td.signature-nom { background: #ECF4F4; text-align: center; }
#signatures td.signature-nom small { display: block; }
#signatures td.signature-message { background: #F4F8F8; }
#signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/
#signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDD; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul { border: 0; }
.rubriques ul li { background: #EEE; border: 0; }

.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }


/* Couleurs des liens
---------------------------------------------- */
a { color: #ffffff; text-decoration: none; }
a:focus,a:hover,a:active { color: #ffffff; text-decoration: underline; }

/* AJOUT PASCAL PINGAULT
---------------------------------------------- */
/*clearer*/
.clearer {
	clear:both;
	}

div.logo_contact {
	margin:0;
	padding:0;
	float:left;
	width:250px;
	height:195px;
	background-image:url(../IMG/images_interface/fond_logo.jpg);
	background-repeat:no-repeat;
	}

/*BOUTON CONTACT*/
div.contact {
	width:83px;
	height:23px;
	margin-top:21px;
	margin-left:112px;
	background-image:url(../IMG/images_interface/contact.jpg);
	padding-top:5px;
	}
div.contact a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
div.contact a:hover {
	color: #FFFF00;
	}
/*bandeau d'images*/
div.bandeau_images {
	margin:0 auto;
	width:960px;
	height:60px;
	display:block;
	float:left;
	}

/*menu horizontal*/
div.menu_horizontal {
	width:960px;
	height:34px;
	background-image:url(../IMG/images_interface/menu.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-top:15px;
	color:#FFFFFF;
	font-weight:bold;
	}

div.menu_horizontal ul#menu_horizontal{
	margin:0 auto;
	display:block;
	}

div.menu_horizontal ul#menu_horizontal li {
	color:#FFFFFF;
	list-style-type:none;
	padding:0 10px 0 10px;
	display:inline;
	}
div.menu_horizontal ul#menu_horizontal a {
	color:#FFFFFF;
	text-decoration:none;
	}
div.menu_horizontal ul#menu_horizontal li a:hover, div.menu_horizontal ul#menu_horizontal li a.on {
	color: #FFFF00;
	}
/*menu_gauche*/
div.menu_gauche {
	width:175px;
	padding-left:15px;
	float:left;
	}
div.haut_menu_gauche {
	width:165px;
	background-image:url(../IMG/images_interface/haut_menu_gauche.jpg);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:10px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	background-color:#b37041;
	}
div.fond_menu_gauche {
	width:165px;
	background-image:url(../IMG/images_interface/fond_menu_gauche.jpg);
	background-repeat: repeat-y;
	padding-left:10px;
	font-size:12px;
	font-weight: normal;
	text-align:left;
	background-color:#b37041;
	}
	
div.fond_menu_gauche ul {
	list-style-type:none;
	}
div.fond_menu_gauche ul a {
	color:#FFFFFF;
	text-decoration:none;
	}
div.menu_gauche li.sous_rubrique {
	padding-left:5px;
	font-weight:bold;
	font-size:16px;
	list-style-type:none;
	list-style-position: inside;
	color:#f7ae7b;
	width:auto;
	}

div.menu_gauche li ul li.sous_rubrique {
	padding-left:15px;
	font-weight:bold;
	font-size:12px;
	list-style-type: disc;
	list-style-position: inside;
	color:#f7ae7b;
	width:auto;
	}


div.menu_gauche li.articles{
	padding-left:5px;
	font-weight: normal;
	width:auto;
	list-style-type: none;
	list-style-position: inside;
	}


div.fond_menu_gauche ul li a:hover, div.fond_menu_gauche ul li a.on {
	color: #316335;
	font-weight:bold;
	}
	
div.bas_menu_gauche {
	width:175px;
	height:12px;
	background-image:url(../IMG/images_interface/bas_menu_gauche.jpg);
	background-repeat: no-repeat;
	}

/*langues*/
div.langues {
	width:167px;
	height:30px;
	background-image: url(../IMG/images_interface/langues.jpg);
	background-repeat:no-repeat;
	padding-top:5px;
	padding-right:8px;
	}
div.langues img {
	float:left;
	margin-left:8px;
	}

select#lang_select {
	width:100px;
	float:right;
	}

/*accès*/
a div.acces {
	width:165px;
	height:59px;
	background-image:url(../IMG/images_interface/acces.jpg);
	background-repeat:no-repeat;
	padding-top:20px;
	text-align:left;
	padding-left:10px;
	}
a:hover div.acces {
	background-image:url(../IMG/images_interface/acces-hover.jpg);
	}
a div.acces {
	cursor:pointer;
	}

	
/*HORAIRES*/
div.box_top {
	width:175px;
	height:10px;
	background-image:url(../IMG/images_interface/haut_box.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:0;
	padding:0;
	display:block;
	background-color:#00632d;
	}

div.box_fond {
	display:block;
	padding:0;
	margin:0;
	float:left;
	width:155px;
	height:auto;
	background-image: url(../IMG/images_interface/fond_box.jpg);
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	}
	
span.horaires {
	color:#FFFF00;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
	}

div.box_bas {
	float:left;
	width:175px;
	height:11px;
	background-image: url(../IMG/images_interface/bas_box.jpg);
	background-repeat:no-repeat;
	}

/*menu_droit*/
div.menu_droit {
	width:175px;
	padding-right:15px;
	float:right;
	}


/*bouton residentiel*/
a div.residentiel {
	width:175px;
	height:128px;
	background-image:url(../IMG/images_interface/residentiel.jpg);
	background-repeat:no-repeat;
	text-align:left;
	padding-left:8px;
	}
a:hover div.residentiel{
	background-image:url(../IMG/images_interface/residentiel-hover.jpg);
	}
a div.residentiel {
	cursor:pointer;
	}
/*bouton tourisme*/
a div.tourisme {
	width:175px;
	height:46px;
	padding-top:30px;
	background-image:url(../IMG/images_interface/tourisme_normandie.jpg);
	background-repeat:no-repeat;
	text-align:left;
	padding-left:8px;
	}
a:hover div.tourisme {
	background-image:url(../IMG/images_interface/tourisme_normandie-hover.jpg);
	}
	
a div.tourisme {
	cursor:pointer;
	}

/*contenu des pages*/
div.contenu_article {
	margin-left:10px;
	width:560px;
	float:left;
	text-align:left;
	}

div.cartouche { /*conteneur pour le titre de l'article et le bouton réservation de base 318px*/
	width:330px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	}

div.contenu_article h1 {
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 18px;
	color: #003504;
	float:left;
	line-height:40px;
	}

/*BOUTON RESERVATION*/
div.reservation {
	width:119px;
	height:51px;
	background:url(../IMG/images_interface/reservation.jpg) no-repeat;
	float:right;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	}
	
div.reservation a {
	text-decoration:none;
	color:#FFFFFF;
	}

div.reservation a:hover {
	color: #FFFF00;
	text-decoration:none;
	}
	
div.reservation:hover {
	background-image:url(../IMG/images_interface/reservation-hover.jpg);
	color:#FFFF00;
	}

div.contenu_article div.descriptif {
	width:318px;
	margin:0;
	}
div.contenu_article div.descriptif h2 {
	margin:0;
	width:308px;
	height:18px;
	background-image:url(../IMG/images_interface/titre_descriptif.jpg);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-bottom:0;
	background-color:#316335;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	color:#FFFF00;
	font-weight:bold;
	font-size:14px;
	line-height:25px;
	}

div.contenu_article p {
	padding-bottom:10px;	
	}

table.spip tr.row_first{
background-color:#006666;
text-align:center;
}
table.spip tr.row_even {
	background-color:#009999;
	}

table.spip tr.row_odd {
	background-color: #009999;
	}


div.contenu_article div.descriptif p {
	margin:0;
	background-image:url(../IMG/images_interface/fond_descriptif.jpg);
	padding-top:5px;
	padding-bottom:0;
	padding-left:10px;
	padding-right:10px;
	width:298px;
	height:auto;	
	}
	
div.fin_descriptif {
	width:318px;
	height:11px;
	background-image:url(../IMG/images_interface/bas_descriptif.jpg);
	background-repeat:no-repeat;
	
	}



/*formulaire de contact*/

div.contenu_article .formulaire_spip fieldset legend{
	background-color: none;
	font-size:42px;
	}

div.contenu_article label {
	width:50%;
	float:left;
	text-align:right;
	}
div.contenu_article input {
	float:left;
	margin-left:10px;
	}

li.saisie_texte_contact label {
	width:100%;
	text-align:center;
	}
div.contenu_article label strong {
	color: #FFFF00;
	}
	
	
#TB_prev a{
color:#000000;
}

#TB_next a{
color:#000000;
}

#TB_Diapo a{
color:#000000;
}

div.contenu_accueil {
	width:500px;
	height:335px;
	margin:0;
	margin-left:35px;
	background:url(../IMG/images_interface/accueil.jpg) no-repeat;
	text-align:center;
	}

div.contenu_accueil h1{
	float:none;
	}
	
	
/* javascript Inventaire */
#navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      width: 318px; 
      } 
   #navigation a, #navigation span { 
      display: block; 
      padding: 4px 10px;  
      text-decoration: none; 
      } 
   #navigation .toggleSubMenu a, #navigation .toggleSubMenu span { 
   background-image:url(../IMG/images_interface/titre_descriptif.jpg);
   color:#FFFF00;
   font-weight:bold;
   font-size:18px; 
      } 
   #navigation .open a, #navigation .open span { 
      } 
   #navigation a:hover, #navigation a:focus, #navigation a:active { 
      text-decoration: none; 
      } 
   #navigation .subMenu { 
      margin: 0; 
      padding: 0; 
      } 
   #navigation ul.subMenu a { 
      background: none; 
      padding: 3px 20px; 
      }
	  
	  
tr.infos td{background-color:#009999; color:#ffffff;}
td.infos_vert {background-color:#009999; color:#ffffff;}
td.etang {background-color:#3399CC; color:#ffffff;}
td.camping {background-color:#66CC66; color:#ffffff; text-align:center;}