/* Import de la CSS d'initialisation

----------------------------------------------------------*/



@import url(structure.css);



/* Construction (Montage)

----------------------------------------------------------*/



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



h1 { color:#2774C4; font-size: 12px; font-weight:bold; padding-bottom:20px; }

h2 { color:#2774C4; font-size: 1.5em;  }

h3 { color:#2774C4; font-size: 1.4em; font-weight:bold; }

h4 { color:#2774C4; font-size: 1.2em; font-weight:bold; }

h5 { color:#2774C4; font-size: 1em; font-weight:bold; }

h6 { color:#2774C4; font-size: 0.67em; font-weight:bold; }

p { color:#323232; font-size: 1em; }

ul, ol { color:#323232; font-size: 1em; }

li {  color:#323232; font-size: 1em; }

a { color:#323232; 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; }

em { }

strong { }


/* Éléments Particuliers

----------------------------------------------------------*/


/* Placement d'images */

.imgLeft{ float:left; margin-right:1em;}

.imgRight{ float:right; margin-left:1em; }

.diapoAccueil{ position:relative; float:left; width:177px; height:183px; margin-right:2em; top:-80px; margin-bottom:-80px;}



/* Des classes d'alignement d'objets */

.aligntop { vertical-align:top; }

.alignbottom { vertical-align:bottom; }

.aligncenter { margin-left:auto; margin-right:auto; }

.alignmiddle { vertical-align:middle; }



/* Des classes d'alignement du texte */

.h1index{ position:absolute; left:0; _left:auto; top:624px; width:100%; padding:0; font-size:12px; }

.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; }



/* 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; float:right;  }

#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }

#frmEnvoi .field{ text-align:right; margin-top:10px; }

#frmEnvoi .champ { border:none; border:#323232 inset 1px; padding:5px; background-color:#FFFFFF; }

#frmEnvoi .champ:focus { }

#frmEnvoi #code {  border:none;  border:#323232 inset 1px; padding:5px; background-color:#FFFFFF; }

#frmEnvoi #code:focus { }

#frmEnvoi #send2 { border-color:#92D3FD;  background-color:#92D3FD; color:#FFFFFF;}



.mentions{ width:400px; border:#92D3FD 2px dotted; margin:0 auto; }


.fixintro{ width:973px; margin:0 auto;}



.list{ padding-left:20px;}

.bullet{ margin-right:10px;}

.bulletleft{ float:left; margin-top:7px; margin-bottom:5px;}



.texte1{ margin-left:255px;}



.img1{ padding-bottom:20px;}

.img2{ margin-right:28px}



.top1{ margin-top:10px;}



.highslide {

	cursor: url(images/graphics/zoomin.cur), pointer;

    outline: none;
}


.highslide-active-anchor img {

	visibility: hidden;
}



.highslide-wrapper {

	background: white;

}

.highslide img { border: solid 2px #2774C4; }



.highslide-image{

	border: 2px solid #8e8e8e;

}

.highslide-image-blur {

}

.highslide-caption {

    display: none;

    border: 1px solid #8e8e8e;

	border-top: none;

    padding: 5px;

    background-color: white;

}

.highslide-loading {

    display: block;

	color: black;

	font-size: 8pt;

	font-family: sans-serif;

	font-weight: normal;

    text-decoration: none;

	padding: 2px;

	border: 1px solid #8e8e8e;

    background-color: white;

    

    padding-left: 14px;

    background-image: url(images/graphics/loader.white.gif);

    background-repeat: no-repeat;

    background-position: 3px 1px;

}

a.highslide-credits,

a.highslide-credits i {

    padding: 2px;

    color: silver;

    text-decoration: none;

	font-size: 10px;

}

a.highslide-credits:hover,

a.highslide-credits:hover i {

    color: white;

    background-color: gray;

}



a.highslide-full-expand {

	background-image:url(../images/graphics/fullexpand.gif);

	display: block;

	margin: 0 10px 10px 0;

	width: 34px;

	height: 34px;

}



.highslide-display-block {

    display: block;

}

.highslide-display-none {

    display: none;

}



.table1{ width:100%; border:#000000 solid 2px; background-color:#b2e9fd}

.table1 td { border:#000000 solid 1px; padding:5px;}



.width1{ width:100px;}

.width2{ width:206px; #width:213px;}



.tr-titres{ background-color:#92d2fd;}



.right2{ margin-right:120px;}

.texte2{ margin-left:200px;}

.texte-residence { margin-left:230px;}

.fontsize

{

font-size:14px;

font-weight:bold;

}

#cotent{}



.divahalfcreen{

	width: 48%;

}



.divhidecreen

{

	display: none;

}



/*-- Lightbox1 ---------*/

/**

 * jQuery lightBox plugin

 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)

 * and adapted to me for use like a plugin from jQuery.

 * @name jquery-lightbox-0.5.css

 * @author Leandro Vieira Pinho - http://leandrovieira.com

 * @version 0.5

 * @date April 11, 2008

 * @category jQuery plugin

 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)

 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US

 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin

 */

#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: 66px; 

	float: right;

	padding-bottom: 0.7em;	

}



/* jQuery lightBox plugin - Gallery style */

	#gallery {

		/*background-color: #ffffff;*/

		

	}

	#gallery ul { list-style: none; }

	#gallery ul li { display: inline; }

	#gallery ul img {

		

		border-width: 5px 5px 20px;

	}

	#gallery ul a:hover img {

		

		border-width: 5px 5px 20px;

		color: #fff;

	}

	#gallery ul a:hover { color: #fff; }

/*-- Lightbox2 ---------*/



/* jQuery lightBox plugin - Gallery style */

	#gallery1 {

		background-color: #ffffff;

		

	

	}

	#gallery1 ul { list-style: none; }

	#gallery1 ul li { display: inline; }

	#gallery1 ul img {

		

		border-width: 5px 5px 20px;

	}

	#gallery1 ul a:hover img {

		

		border-width: 5px 5px 20px;

		color: #fff;

	}

	#gallery1 ul a:hover { color: #fff; }

/*-- Lightbox3 ---------*/



/* jQuery lightBox plugin - Gallery style */

	#gallery2 {

		background-color: #ffffff;

	}

	#gallery2 ul { list-style: none; }

	#gallery2 ul li { display: inline; }

	#gallery2 ul img {

		

		border-width: 5px 5px 20px;

	}

	#gallery2 ul a:hover img {

		border-width: 5px 5px 20px;

		color: #fff;

	}

	#gallery2 ul a:hover { color: #fff; }

/*-- Lightbox4 ---------*/



/* jQuery lightBox plugin - Gallery style */

	#gallery3 {

		background-color: #ffffff;

	}

	#gallery3 ul { list-style: none; }

	#gallery3 ul li { display: inline; }

	#gallery3 ul img {
		
		border-width: 5px 5px 20px;

	}

	#gallery3 ul a:hover img {

		border-width: 5px 5px 20px;

		color: #fff;

	}

	#gallery3 ul a:hover { color: #fff; }

	

/*-- Lightbox5 ---------*/



/* jQuery lightBox plugin - Gallery style */

	#gallery4 {

		background-color: #ffffff;

	}

	#gallery4 ul { list-style: none; }

	#gallery4 ul li { display: inline; }

	#gallery4 ul img {

		border-width: 5px 5px 20px;

	}

	#gallery4 ul a:hover img {

		border-width: 5px 5px 20px;

		color: #fff;

	}

	#gallery4 ul a:hover { color: #fff; }

/*-- Lightbox6 ---------*/


/* jQuery lightBox plugin - Gallery style */

	#gallery5 {

		background-color: #ffffff;

	}

	#gallery5 ul { list-style: none; }

	#gallery5 ul li { display: inline; }

	#gallery5 ul img {

		border-width: 5px 5px 20px;

	}

	#gallery5 ul a:hover img {

		border-width: 5px 5px 20px;

		color: #fff;

	}

	#gallery5 ul a:hover { color: #fff; }

/*-- Lightbox7 ---------*/

/* jQuery lightBox plugin - Gallery style */

	#gallery6 {

		background-color: #ffffff;

	}

	#gallery6 ul { list-style: none; }

	#gallery6 ul li { display: inline; }

	#gallery6 ul img {
		
		border-width: 5px 5px 20px;

	}

	#gallery6 ul a:hover img {

		border-width: 5px 5px 20px;

		color: #fff;

	}

	#gallery6 ul a:hover { color: #fff; }


/*-- Lightbox8 ---------*/

/* jQuery lightBox plugin - Gallery style */

	#gallery7 {

		background-color: #ffffff;

	}

	#gallery7 ul { list-style: none; }

	#gallery7 ul li { display: inline; }

	#gallery7 ul img {
		
		border-width: 5px 5px 20px;

	}

	#gallery7 ul a:hover img {

		border-width: 5px 5px 20px;

		color: #fff;

	}

	#gallery7 ul a:hover { color: #fff; }

	

.fieldseta { border: 1px solid #c5bbbc; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; }

.twocreenin{ width: 48%; }

.maginappartment { margin-left: 240px; }

.imgmaps { width: 250px; padding-left: 10px; }

.imgmapsbrus { width: 250px; padding-left: 10px; margin-top: -15px; }

.textmaps { width: 500px; }

.mapsaddress{ padding-left: 250px; }

.margin-top-90 {margin-top:90px; }
.bordure-img { width::250px; height:173px; border:1px solid #F8BCE2; margin: 0 10px 15px 0; }
.bordure-img-ville {width:300px; height:183px; border:2px solid #000; }
.bordure-img-ville1 {width:457px; height:213px; border:2px solid #000; }
.bordure-img-ville2 {width:497px; height:321px; border:2px solid #000; }
.bordure-img-ville3 {width:500px; height:226px; border:2px solid #000; }
.bordure-img-ville4 {width:500px; height:297px; border:2px solid #000; }
.bordure-img-ville5 {width:500px; height:306px; border:2px solid #000; }
.width-200 { width:200px; height: 225px;}
.nodisplay { display:none; }
.cadre-img-presse1 {width:200px; height:140px; border:2px solid #C0BEBF; margin:0 0 10px 10px; }
.cadre-img-presse2 {width:300px; height:168px; border:2px solid #C0BEBF; }
.cadre-img-presse3 {width:300px; height:293px; border:2px solid #C0BEBF; }
.cadre-img-presse4 {width:300px; height:340px; border:2px solid #C0BEBF; }
.cadre-img-presse5 {width:300px; height:230px; border:2px solid #C0BEBF; }
.cadre-img-brochure {width:253px; height:350px; border:2px solid #C0BEBF; }
.margin-liens { margin:170px 0 0 25px;}
.bordure-carte {width:615px; height:585px; border:2px solid #777; }
.marge-tarifs {width:280px; margin:0 0 0 20px; text-align:center; }
.marge-tarifs1 {width:280px; margin:0 0 0 40px; text-align:center; }


/* Diapo Jquery */
#diapo-accueil { float:right; margin:0 0 1em 2em; }
#diapo-accueil img { border:2px solid #93D2FE; width:200px; height:150px; }

#diapo-restauration { float:right; margin:0 0 1em 2em; }
#diapo-restauration img { border:2px solid #93D2FE; width:200px; height:150px; }

#diapo-confort { float:right; margin:0 0 1em 2em; }
#diapo-confort img { border:2px solid #93D2FE; width:200px; height:150px; }

#diapo-services { float:right; margin:0 0 1em 2em; }
#diapo-services img { border:2px solid #93D2FE; width:200px; height:150px; }

#diapo-loisirs { float:right; margin:0 0 1em 2em; }
#diapo-loisirs img { border:2px solid #93D2FE; width:200px; height:150px; }


/* Validator */
.clearvalidator{ clear:both; height:3px;}
#validator a img { background-color:#816FAB; }
#validator a img { filter:alpha(opacity=50); opacity:.8; margin:10px 25px 0 0; /* aligne l'image W3C avec le logo du dessus */ }
#validator a:hover img { filter:alpha(opacity=100); opacity:1; }
/* ** */

.pic { border: solid 2px #2774C4; }


.texte3 { font-size:14px; font-weight:bold; color:#2774C4; margin-left:30px; }

.padL { padding-left:30px; }
.padR { padding-right:110px; }

.cadre { border: solid 1px #2774C4; padding:8px; }


.field1{ border:#83566A solid 1px; padding:7px; border-bottom:#83566A solid 2px;}
.field1 legend{ border-left:#83566A solid 2px; margin-left:10px; color:#83566A; font-weight:bold; padding:7px;}