/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#ffffff; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:11px; }

h1 { color:#ffffff; font-size: 1em; font-weight:bold;}
h2 { color:#ffffff; font-size: 1.3em; }
h3 { color:#ffffff; font-size: 1.17em; }
h4 { color:#ffffff; font-size: 1em; }
h5 { color:#ffffff; font-size: 0.83em; }
h6 { color:#ffffff; font-size: 0.67em; }
p { color:#ffffff; font-size: 1em; }
ul, ol { color:#ffffff; font-size: 1em; }
li {  color:#ffffff; font-size: 1em; }
a { color:#ffffff; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
a:visited { } /* si changement de couleur après le clic */
input { border-width:thin; padding:3px; }
textarea { border-width:thin; padding:3px; color:#ffffff; }
em { }
strong { }


/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }
.petit{ font-size:0.8em;}
.grand{ font-size:1.5em;}
.violet{color:#AE00BB;}

/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi input, textarea{ border-width:1px; border-color:#000000; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }

.styleForm {
background-color:#69027a;
color:#ffffff;
}

/*classes supplémentaires*/
.news{color:#806e85; }
.alignimage{padding-top:5px;}


/***************************** STYLES NEW ********************************/

#scroll {
	width: 610px;
	height: 300px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-left: 10px;
	padding-right:10px;
	overflow:auto;
	overflow-x : hidden;
	scrollbar-face-color: #cc9dd4; 
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #4a006a; 
	scrollbar-darkshadow-color: #4a006a; 
	scrollbar-track-color: #4a006a;
	scrollbar-arrow-color: #000000;
}

/*#scroll p {
line-height:1.3;
}*/
/********* accueil ***************/

#accueil {
	width: 620px;
	margin-left:10px;;
	margin-right:auto;
	padding:5px;
	}
.art {
	width:300px;
	float:left;
	margin:5px;
	text-align:justify;
	}
	
.accueil_droite {width:340px; float:left;}
.accueil_gauche {width:300px; float:left;}

	
/********* Presse ***************/

#presse {
	width: 620px;
	margin-left:10px;
	margin-right:auto;
	padding:5px;
	}
.article {
	width:145px;
	float:left;
	margin:5px;
	text-align:center;
	}


/********* Soirees a theme ***************/

#soiree {
	width: 620px;
	margin-left:10px;;
	margin-right:auto;
	padding:5px;
	}
.cadre {
	width:300px;
	float:left;
	margin:5px;
	text-align:left;
	}

/****** Styles CSS pour LightBox PopUp *******/
#linksLightbox {display:none;}
#lightbox {
	position: absolute;
	left: 0;
	top:10px;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #0b2652;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 5px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink {
	background: url(../images/prevlabel.gif) left 100% no-repeat;
	left: 0;
	float: left;
}

#nextLink {
	background: url(../images/nextlabel.gif) right 100% no-repeat;
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/prevlabel.gif) left 100% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/nextlabel.gif) right 100% no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #0b2652;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
}

#imageData {
	padding:0 10px;
	color: #fff;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

/********* Plan *********/


.plan {
	width: 640px;
	height: 480px;
}
#map .infosbulle {
	width: 210px;
	border: none;
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}

/**************** livre d'or ******************/
/* Styles Div signature */
#cachesign{
position:absolute;
padding:0px;
left:0;
top:0;
visibility:visible;
background-color:#000000;
display:block;
height:100%;
width:100%;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
display:none;
z-index:10000;
overflow:hidden;
}

#signlivre{
position:absolute;
padding:10px;
top:100px;
visibility:visible;
background-color:#ffffff;
border:solid 1px #000000;
display:none;
z-index:1000000;
width:600px;
height:540px;
}
/* FIN Styles Div signature */

/* Styles de pagination */
a.liencpt, a.liencpt:visited, a.liencpt:active {
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #425D90;
	text-decoration:underline;
}

a.liencpt:hover, a.liencpt:focus {
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #425D90;
	text-decoration:underline;
}

.selpage{
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #5086C5;
}

.aucun{
	font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
}

#livredor {
	width:600px;
	height:298px;
	margin-left:auto;
	margin-right:auto;
	/*background-image:url(../images/fond_livre2.png);*/
	}
	
#scrolllivre {
	width: 590px;
	height: 290px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-left: 10px;
	padding-right:10px;
	overflow: scroll;
	overflow-x : hidden;
	scrollbar-face-color: #cc9dd4; 
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #4a006a; 
	scrollbar-darkshadow-color: #4a006a; 
	scrollbar-track-color: #4a006a;
	scrollbar-arrow-color: #000000;
}

/*========= Plan du site ==========*/

div#plan_site{
	margin-left:auto;
	margin-right:auto;
	width:700px;
	vertical-align:top;
}

div#plan_site img
{
	vertical-align: top;
}


.padd {
	padding-top:10px;
	padding-left:35px;
	padding-right:40px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#ffffff;
	text-align:justify;
	}

div#clear{
	clear:both;
	}
	
div#yzeo_pl
{
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 700px;
	height: 25px;
}

div#yzeo_pl img
{
	vertical-align: middle;
}

.logo{
	color: #000000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
/* Livre d'or*/
#livredor{
	position:absolute;
	padding:10px;
	top:50px;
	right:169px;
	visibility:visible;
	background-color:#80bbe6;
	border:solid 2px #ffffff;
	/*margin-left:140px;
	display:none;*/
	z-index:1;
	width:670px;
	height:400px;
	overflow: auto;
	overflow-x : hidden;
	scrollbar-face-color: #0b4d89;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #80bbe6;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-track-color: #6da4cd;
	scrollbar-arrow-color: #FFFFFF;
}

#globaltest {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 700px;
     height: 400px;
     margin-top: -200px; /* moitié de la hauteur */
     margin-left: -350px; /* moitié de la largeur */
     border: 1px solid #000;

     }
	 
#global{
	position:absolute;
	/*background-color:#CCCCCC;*/
	 width: 680px;
	height: 520px;
	padding-top:30px;
	left:320px;
	top:39px;
	z-index:1;

}

#soiree1 {
     position:absolute;
	 border:solid 2px #FFFFFF;
	 text-align:center;
	 padding-top:10px;
     left: 50%; 
     top: 50%;
     width: 440px;
     height: 630px;
     margin-top: -315px; /* moitié de la hauteur */
     margin-left: -213px; /* moitié de la largeur */
	 background-color:#73007d;
	 display:none;
	 z-index:1;
     }
	 
#soiree2 {
     position:absolute;
	 border:solid 2px #FFFFFF;
	 text-align:center;
	 padding-top:10px;
     left: 50%; 
     top: 50%;
     width: 450px;
     height: 600px;
     margin-top: -300px; /* moitié de la hauteur */
     margin-left: -225px; /* moitié de la largeur */
	 background-color:#73007d;
	 display:none;
	 z-index:1;
     }
	 
#soiree3 {
     position:absolute;
	 border:solid 2px #FFFFFF;
	 text-align:center;
	 padding-top:10px;
     left: 50%; 
     top: 50%;
     width: 740px;
     height: 550px;
     margin-top: -265px; /* moitié de la hauteur */
     margin-left: -370px; /* moitié de la largeur */
	 background-color:#73007d;
	 display:none;
	 z-index:1;
     }
	 
#soiree4 {
     position:absolute;
	 border:solid 2px #FFFFFF;
	 text-align:center;
	 padding-top:10px;
     left: 50%; 
     top: 50%;
     width: 740px;
     height: 400px;
     margin-top: -178px; /* moitié de la hauteur */
     margin-left: -370px; /* moitié de la largeur */
	 background-color:#73007d;
	display:none;
	 z-index:1;
     }
	 
#soiree5 {
     position:absolute;
	 border:solid 2px #FFFFFF;
	 text-align:center;
	 padding-top:10px;
     left: 50%; 
     top: 50%;
     width: 740px;
     height: 390px;
     margin-top: -195px; /* moitié de la hauteur */
     margin-left: -370px; /* moitié de la largeur */
	 background-color:#73007d;
	display:none;
	 z-index:1;
     }

#soiree6 {
     position:absolute;
	 border:solid 2px #FFFFFF;
	 text-align:center;
	 padding-top:10px;
     left: 50%; 
     top: 50%;
     width: 740px;
     height: 390px;
     margin-top: -195px; /* moitié de la hauteur */
     margin-left: -370px; /* moitié de la largeur */
	 background-color:#73007d;
	 display:none;
	 z-index:1;
     }
	 
#soiree7 {
     position:absolute;
	 border:solid 2px #FFFFFF;
	 text-align:center;
	 padding-top:10px;
     left: 50%; 
     top: 50%;
     width: 500px;
     height: 700px;
     margin-top: -350px; /* moitié de la hauteur */
     margin-left: -250px; /* moitié de la largeur */
	 background-color:#73007d;
	 display:none;
	 z-index:1;
     }
	
#soiree8 {
     position:absolute;
	 border:solid 2px #FFFFFF;
	 text-align:center;
	 padding-top:10px;
     left: 50%; 
     top: 50%;
     width: 500px;
     height: 650px;
     margin-top: -325px; /* moitié de la hauteur */
     margin-left: -250px; /* moitié de la largeur */
	 background-color:#73007d;
	 display:none;
	 z-index:1;
     }
	 
#soiree9 {
     position:absolute;
	 border:solid 2px #FFFFFF;
	 text-align:center;
	 padding-top:10px;
     left: 50%; 
     top: 50%;
     width: 830px;
     height: 620px;
     margin-top: -310px; /* moitié de la hauteur */
     margin-left: -415px; /* moitié de la largeur */
	 background-color:#73007d;
	 display:none;
	 z-index:1;
     }
	 
#soiree10 {
     position:absolute;
	 border:solid 2px #FFFFFF;
	 text-align:center;
	 padding-top:10px;
     left: 50%; 
     top: 50%;
     width: 730px;
     height: 550px;
     margin-top: -275px; /* moitié de la hauteur */
     margin-left: -365px; /* moitié de la largeur */
	 background-color:#73007d;
	 display:none;
	 z-index:1;
     }

#annonce {
  position:absolute;
  left: 50%; 
  top: 50%;
  width: 450px;
  height: 200px;
  margin-top: -265px; /* moitié de la hauteur */
  margin-left: -225px; /* moitié de la largeur */
  border: 1px solid #fff;
  background-color:#000;
  overflow:auto;
  overflow-x:hidden;
  z-index:1000;
}
.liens-col1{
	float:left;
	width:191px;
	padding:10px;
	margin:0 0 0 80px;}

.liens-col2{
	float:left;
	margin:0 10px;
	width:105px;}

.liens-col2 img{
	margin:2px;}

.hotelG{
	float:left;
	width:253px;
	padding:10px;
	margin:10px;}
	
.hotelD{
	float:left;
	width:245px;
	padding:10px;
	margin:10px;}
.hotelD img{
	margin:25px 5px;}