html, body {
	height: 100%;
	margin: 0;
}
html {
   font-size: 100%; /* Évite un bug d'IE 6-7. */
}
body {
   padding:0; 	/* Remettre à zéro si nécessaire. */
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.75em; 	/* À adapter pour la police choisie. */
   line-height: 1.6; 	/* À adapter au design. */
   color:#333333;
   background-image:url(images/fond.png);
}

/* TAILLE DU DOCUMENT : 1000 x 620 px */

/* ----------------------------------------------------------------------------- */
/* -------------------------- STRUCTURE GENERALE ------------------------------- */
/* ----------------------------------------------------------------------------- */

/* Zone principale, permettant de fixer la position de tout le site */
div#global {
	min-height: 100%;
	width: 985px;
	padding: 0;
	margin: 0 auto;
	position: relative; /* L'utilisation de position:relative définit les frontières de l'élément #global comme point de repère pour le positionnement de ses enfants*/
	background-image:url(images/global.png);
	background-position:center;
	background-repeat:repeat-y;
}
/* EN-TETE */
div#header {
	height: 244px;
	margin: 0 4px 0 15px;
	padding:0;
	overflow: hidden; /* overflow:auto, sans ça, les Float sortent de la zone Center - il faut obliger #center à englober les flottants dans le calcul de sa hauteur */
	background-color:#ad070a;
	background-image:url(images/fondHeader2.png);
	background-repeat:no-repeat;
	background-position:bottom;
	color: #fff;
}
	div#header h1 {
		margin: 0; 		/* le fond ne monte pas jusqu'au sommet de la page. C'est dû à la fusion des marges. Il suffit de supprimer les marges du titre h1 */
		padding:0;
	}
	div#header img {
		margin: 0; 		/* le fond ne monte pas jusqu'au sommet de la page. C'est dû à la fusion des marges. Il suffit de supprimer les marges du titre h1 */
	}

div#center {
	padding-bottom: 45px; /* Pour éviter la superposition du pied de page et du contenu */
	overflow: auto;		  /* sans ça, les Float sortent de la zone Center -  il faut obliger #center à englober les flottants dans le calcul de sa hauteur */
}

/* PIED DE PAGE */
div#footer {
	position: absolute;
	width: 98%;
	margin: 0 0 0 15px;
	padding:0;
	bottom: 0;
	color:#003366;
	text-align:center;
	font-weight:bold;
	font-size: 0.8em;
	border-top:solid 2px #006666;
	background-color: #D0F0E0;
	background-image:url(images/logoOT_ptt.png);
	background-position:0px center;
	background-repeat:no-repeat;
}
	/* On ne l'utilisera plus */
	div#footer p{
		width:700px;
		margin:4px auto 4px auto;
		padding:0 0 0 8px;
		text-align:center;
	}
	
/* On ne l'utilisera plus */
div#footer .gauche{
	float:left;
	margin:4px 0 0 140px;
}
	
div#footer .cdt{
	margin:4px 0 0 145px;
	padding:0;
	width:45px;
}

div#footer .droiteTxt{
	float:right;
	margin:1px 6px;
	width:550px;
}
div#footer .droite{
	float:right;
	/*margin:1px 5px 1px 0;*/
	margin:1px 6px;
}
div#footer .droite img{
	margin:1px 0;
}
/* ----------------------------------------------------------------------------- */
/* ------------------------------ DANS "CENTER" -------------------------------- */
/* ----------------------------------------------------------------------------- */
	
div#content {
	float: right;
	width: 780px;
	margin:0 8px 0 4px;
	padding:0 12px 0 0;
	font-size:1em;
	line-height:1.8em;
	overflow:hidden;
}
div#sidebar {
	float: left;
	width: 174px;
}
	/* -------------------------- MENU ------------------------------- */
	ul#menu {
		margin: 0;
		padding: 0 5px;
		list-style: none;
	}
	ul#menu li a, ul#menu li span{
		display: block;
		height: 29px;
		line-height: 28px;
		padding-left: 25px;
		margin: 0 0 4px 0;
		background-image:url(images/fondMenu2a.png);
		background-position:top left;
		background-repeat:no-repeat;
		border: none;
		color: #666000;
		font: small-caps 1.1em/30px Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-decoration: none;
	}
	ul#menu li a:hover {
		height: 29px;
		background-image:url(images/fondMenu2b.png);
		background-position:top left;
		background-repeat:no-repeat;
		color: #c30;
		font-weight:bold;
	}
	
	/* -------------------------- SOUS-MENU ------------------------------- */
		#menu li.aDerouler a, #menu li.aDerouler span {
			height: 29px;
			padding: 0 0 0 25px;
			background-image:url(images/fondMenu2a.png);
			background-position:left;
			background-repeat:no-repeat;
		}
		#menu .open a, #menu .open span {
			background-image:url(images/fondMenu2b.png);
			background-position:top left;
			background-repeat:no-repeat;
		}
		#menu .sousMenu, #menu .open_at_load {
			margin: 0;
			padding: 0;
			font-size: 0.85em;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			background: none;
		}
		#menu ul.sousMenu, #menu ul.open_at_load{
			list-style: none;
		}

		#menu ul.sousMenu a, #menu ul.open_at_load a {
			height:25px;
			padding: 0 20px;
			margin:0 6px 0 10px;
			border-bottom:1px solid #336666;
			background: none;
		}
		#menu ul.sousMenu a:hover, #menu ul.open_at_load a:hover{
			height:25px;
			background: none;
		}

/* ----------------------------------------------------------------------------- */
/* ------------------------- ATTRIBUTS SPECIFIQUES ----------------------------- */
/* ----------------------------------------------------------------------------- */

/* ------------ BANDEAU ------------ */
.flash{
	float:left;
	width:826px;
	margin:0;
	padding:0;
}
.imgBandeau{
	border:none;
	margin:0;
	padding:0;
}
.bandeauDroite{
	float:right;
	padding:0;
	width:125px;
	margin:3px 0;
	color:#FFFFFF;
	font-size:0.85em;
	font-weight:bold;
	font-style:italic;
	line-height:2.7em;
}
.bandeauDroite input.recherche{
	width:88px;
	font-size:1.1em;
	color:#003333;
}
.bandeauDroite input.ok{
	width:25px;
	padding:1px 1px 1px 0;
}

.bandeauDroite a:link, .bandeauDroite a:visited{
	color:#FFF;
	text-decoration:none;
}
.bandeauDroite a:hover{
	color:#FF6600;
}
/* ECUSSON */
.ecusson{
	margin:26px auto;
	text-align:center;
}
/* LANGUES */
ul#langues {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}
ul#langues li{
	display:inline;
}
ul#langues li a{
	padding:13px 2px 0 1px;
	background:none;
}
ul#langues li a:hover{
	background-image:url(images/halo.png);
}

/* ----------- Contenu Accueil ---------- */
/* Rappel Actus */
#rappelActu{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #006666;
	/*float:right;*/
	width:235px;
	padding:8px;
	margin:4px 0 4px 50px;
	background-color:#D0F0E0;
	font-size:0.85em;
	line-height:1.5em;
	color:#000;
}
#rappelActu h2{
	font-size:1.3em;
	margin:0 0 2px 0;
	color:#006666;
	border-bottom:1px solid #333;
}
#rappelActu .gauche{
	margin:0;
	padding:2px 8px;
}
.menu_deroulant{
	height: 90px;
	overflow: hidden;
	/*position: relative;*/
	text-align: center;
}
#defilant{
	margin:0;
	padding:0;
	position: relative;
	width:235px;
	height:90px;
	overflow: hidden; /*Tu mets hidden si tu ne veux pas avoir de scrollbar*/
}
/* ---- */
#droiteAccueil{
	float:right;
	width:315px;
	padding:0;
	margin:10px auto;
	background-image:url(images/chisteraFond.jpg);
	background-position: right 160px;
	background-repeat:no-repeat;
}
#droiteAccueil ul{
	list-style:disc;
	margin:0 0 0 15px;
	padding:0;
}
#droiteAccueil ul li{
	padding-bottom:5px;
}
#droiteAccueil .gauche{
	float:left;	
	margin:2px 8px 0 0;
	padding:0;
}

.carte img{
	margin:0;
	padding:0;
	border:none;
}

/* LOGOS des partenaires */
ul.logos{
	list-style:none;
	margin:0;
	text-align:center;
	padding:5px;
}
ul.logos li{
	display:inline;
	margin:0 auto;
	text-align:center;
	border:none;
	padding:0 5px;
}
.logos a{
	border:none;
}
/*--------------------- MOSAIQUES ------------------- */
.mosaique{
	margin:0 0 30px 0;
	padding:0;
	text-align:center;
	height:310px;
	background-image:url(images/fondPatrimoine.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
.mosaique img a{
	border:none;
}

/* ----------------------------------------------------------------------------- */
/* --------------------------- ATTRIBUTS GENERAUX ------------------------------ */
/* ----------------------------------------------------------------------------- */
.droite{
	float:right;
	margin:0 10px;
}
.gauche{
	float:left;
	margin:5px 15px 2px 5px;
}
.droiteSansMarge{
	float:right;
	padding:0;
	margin:0 0 5px 5px;
}
h1, h2, h3, h4, h5, h6 {
   line-height: 1.2em;
   font-weight: bold; /* Valeur par défaut. (6) */
   font-style: normal; 
}
h0 {
	/* Pour que le titre ne soit pas visible */
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	left: 733px;
	top: 293px;
	font-size: 1em;
}
h1 {
	margin-bottom:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	color:#1c71bb;
}
h2 {
	padding-bottom:3px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.45em;
	font-style:italic;
	color:#BB4C1C;
	border-bottom:solid 1px #cc6600;
}
h2.sansBord {
	padding-bottom:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	color:#BB4C1C;
	text-decoration:underline;
	border:0;
}
h2.traitImg{
	color:#BB4C1C;
	font-size:1.3em;
	margin:20px 0 5px 0;
	padding:0 0 3px 0;
	border:none;
	background-image:url(images/traitH3.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
h3 {
	padding:2px;
	margin:15px 3px 15px 3px;
	font-size:1.15em;
	font-weight:bold;
	color:#669600;
	text-decoration:underline;
}

/* Paragraphes */
p {
   margin: 0.75em 0; /* Marges plus faibles que par défaut. (7) */
   text-indent:10px;
}
/* Liens */
a{
	text-decoration: underline;
	color: #006699;
}
a:visited{}
a:hover, a:focus, a:active {
	color: #0099CC;
	text-decoration: none;
}
/* Pas de bordure autour des images dans les liens */
a img {
   border: none;
}
/* Bordure pour les images */
img{
	/*border: 1px solid #333333;*/
   border: none;
}
/* Formulaires */
form, fieldset {
	margin: 0;   padding: 0;   border: none;	font-size:0.9em;
}
input, button, select {
	font-size:1em;
	vertical-align: middle; /* Solution pb. d'alignement. (9) */
}
ul{
	margin-top:5px;
}
/* ------------------------------- */
/* ---------- RESTAURANT --------- */
/* ------------------------------- */
/* hauteur de chaque paragraphe concernant un restaurant */
.divResto{
	height:140px;
	padding:0 0 5px 15px;
}
.droiteResto{
	float:right;
	text-align:left;
	margin:15px 80px 0 10px;
	width:200px;
}
.droiteResto img{
	border:2px solid #999;
}
/* ------------------------------- */
/* -------- FICHE ------- */
/* ------------------------------- */
#fiche{
	width:95%;
	margin:0 auto;
	padding:5px;
	font-size:0.9em;
	background-color:#FFFFFF;
}
#fiche h1{
	text-align:center;
	margin:0;
	padding:10px 0;
}
#fiche h2{
	color:#924A03;
	font-size:1.2em;
	margin:20px 0 5px 0;
	padding:0 0 3px 0;
	border:none;
	background-image:url(images/traitH3.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#fiche .coord{
	color:#924A03;
}
#fiche .infos{
	color:#333333;
}
#fiche .fermer{
	margin-top:20px;
	padding:2px;
	font-size:0.8em;
	text-align:right;
	border-top:1px solid #006699;
}
#fiche a, a:visited{
	text-decoration:none;	
}
#fiche img{
	border:none;
}
#fiche .imgFicheLoc{
	margin:4px 10px;
	padding:2px;
	background-color:#FFFFFF;
	border:1px solid #996600;
}
#fiche ul{
	margin:0 0 5px 25px;
	padding:2px 5px;
}


/* -------------------------------- */
/* --- REMONTER En haut de page --- */
div.remonter{
	margin:5px;
	height:20px;
	color:#336699;
	font-size:0.9em;
	text-align:right;
}
div.remonter a{
	padding:3px 8px;
	font-style:italic;
	font-weight:bold;
	color:#006699;
	text-decoration:underline;
	background-color:#FFCC99;
}
div.remonter a:hover{
	text-decoration:none;
	color:#336699;
	background-color:#CCCCCC;
}


/* ------------------------------- */
/* --------- PARTIE ADMIN -------- */
/* ------------------------------- */

#formulAjout{
	margin:0 auto;
	padding:5px;
	width:650px;
	border:1px solid #006699;
	background-color:#FFFAF0;
}
#formulAjout div{
	margin:0;
	padding:3px;
}
.action a{
	font-style:normal;
	color:#CC0000;
	text-decoration:none;
}
.action a:visited{}
.action a:hover{
	color:#FF6600;
	text-decoration:underline;
}
.confirmation{
	margin:4px auto;
	padding:2px 10px;
	font-weight:bold;
	background-color:#FF0000;
	color:#FFFFFF;
	font-size:1em;
	text-align:center;
	width:90%;
}
.confirmation a{
	font-weight:bold;
	color:#FFCC33;
	font-style:italic;
	text-decoration:underline;
}
.confirmation a:visited{}
.confirmation a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

/* -------- Page PILOTARI ------- */
.logoPilotari{
	float:left;
	margin:20px 50px 0 5px;
}
.legende{
	font-size:0.8em;
	font-style:italic;
	color:#993300;
	text-align:center;
	width:100%;
	line-height:1.5em;
}
/* ------------------------------ */
/* -------- Page A FAIRE -------- */
#aFaire h2{
	margin-left:5px;
	margin-top:20px;
	padding-left:5px;
	font-size:1.3em;
	border:none;
	background-image:url(images/traitH3.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#aFaire ul{
	list-style:none;
	margin:0;
	padding:0 0 0 20px;
}
#aFaire li{
	line-height:1.8em;
	margin-bottom:15px;	
}
#aFaire .titreAct{
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	font-size:1.05em;
}
#aFaire a.titreAct {
	color:#006699;
}
#aFaire a.titreAct:hover{
	color:#CC6600;
}
#aFaire a.titreAct:visited{}
#aFaire li a{
	color:#003399;
	text-decoration:underline;
	font-style:normal;
	font-weight:normal;
	font-size:1em;
}
#aFaire li a:visited{ }
#aFaire li a:hover{
	color:#0099CC;
	text-decoration:none;
}
#cadreIcones{
	margin:0 auto;
	padding:5px;
	width:90%;
	text-align:center;
	font-size:0.9em;
	color:#999933;
	position:relative;
	overflow:hidden;
}
ul#cadreIcones{
	list-style:none;
}
ul#cadreIcones li{
	float:left;
	margin:3px;
	height:95px;
	line-height:1.3em;
}
.asterisque{
	color:#FF0000;
	font-weight:bold;
	font-size:1.3em;
}

/* ------------------------------------------------------- */
/* -------------------- HEBERGEMENTS --------------------- */
/* ------------------------------------------------------- */
.listeHeb{
	width:90%;
	padding:0px;
	margin:0 auto;
	text-align:center;
	border:1px solid #6699CC;
}
.ligneTitre td{
	margin:1px;
	padding:0px 5px;
	background-color:#C0DCF3;
	border-left:1px solid #98D1B6;
	border-top:1px solid #98D1B6;
	border-bottom:1px solid #8392A9;
	color:#333333;
	height:33px;
}
.ligneResultat td{
	padding:0 5px;
	margin:1px;
	border-bottom:1px solid #E3E3E3;
	height:33px;
	color:#333333;
}
div.rechercheLocation{
	text-align:center;
	margin:6px auto;
	padding:6px;
	line-height:3em;
	width:80%;
	background-color:#F0F0F0;
}

/* PATRIMOINE : paragraphe Nature */
.nature_lac{
	background-image:url(images/nature_lac.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}

/* ------- CONTACTS ------ */
.remarque{
	padding:0 0 0 10px;
	font-size:0.9em;
	color:#993300;
	width:100%;
	line-height:1.5em;
}

ul.liens{
	list-style:none;
	margin:0;
	padding:0;
	width:80%;
}
ul.liens li{
	padding:4px 10px;
	margin:3px 0;
	font-size:0.9em;
	border:1px solid #CCC;
}
ul.liens li a{
	font-size:1.1em;
	line-height:1em;
}

ul.liens li a:hover{
}

/* FESTIVITES */
h3.titreFest{
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	font-size:1.15em;
	line-height:2.6em;
}
h3.titreFest a{
	color:#336699;
	text-decoration:underline;
}
h3.titreFest a:hover{
	color:#0099CC;
	text-decoration:none;
}
h3.titreFest a:visited{}
.separation{
	margin:15px 0;
	height:2px;
	border:none;
	background-image:url(images/traitH3.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
/* BROCHURES */
#brochure{
	font-size:0.9em;
}
#brochure h4{
	margin:20px 0 0 0;
	font-size:1.1em;
	color:#CC6600;
	background-image:url(images/traitH3.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#brochure p{
	margin:5px 0 3px 0;
}
#brochure a, #brochure a:visited{
	color:#006699;
	text-decoration:none;
	font-style:italic;
}
#brochure a:hover{
	color:#336699;
	text-decoration:underline;
	font-style:normal;
}
/* MENTIONS LEGALES */
#mention{
	font-size:0.9em;
}
#mention h2{
	margin:30px 0 0 0;
	font-size:1.1em;
	color:#CC6600;
	background-image:url(images/traitH3.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	border:none;
}

/* ------------------- FIL D'ARIANE ---------------- */
/* ------------------------------------------------- */
#filAriane{
	margin:0 20px 25px 0;
	font-size:0.9em;
	font-style:italic;
	color:#CC6600;
	border-bottom:1px solid #CCCCCC;
}
#filAriane a, #filAriane a:visited{
	color:#006699;
	font-style:italic;
	text-decoration:underline;
}
#filAriane a:hover{
	color:#CC9900;
}

/* ---------------------------------------------------
--------------------- LIGHT BOX ----------------------
--------------------------------------------------- */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 20px; 
	float: right;
	padding-bottom: 0.7em;	
}