@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, p, div, form, fieldset, dl, dt, dd, ul, li, ol, img, table {
	margin:0;
	padding:0;
	border:0;
}

body {
	font:70%/170% Verdana, Arial, Helvetica, sans-serif;
	background:#1e2327;
	color:#808080;
	text-align:center;
	border-top:10px solid #002f6d;
}

p, h2, h3, h4 {
	margin:15px 0;
}

h1 {

}

h2 {
	font:195%/150% Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:15px 0 10px;
}

h3 {
	font-size:120%;
}

h4 {
	font-size:110%;
}

a {
	color:#00adef;
	font-weight:bold;
}

/*a:hover, a:active {
	text-decoration:none;
	color:#666;
}*/

acronym {
	border:0;
	cursor:help;
	border-bottom:1px dotted #888d91;
}

/* [shared] */

#holder {
	background:#fff;
}

#container {
	width:900px;
	margin:0 auto;
	text-align:left;
	background:#fff;
}

#leftcol strong, #rightcol strong {
	color:#3190E1;
}

#rightcol {
	width:294px;
	float:left;
	padding:0 40px 30px;

}

/* [top and nav] */
#banner {
	width:900px;
	height:121px;
	margin-top:10px;
	margin:0;
}

#logo {
	background-image:url(images/bannerlogotest.jpg);
	float:left;
	width:390px;
	height:121px;
}

#image {
	background-image:url(images/image_header.gif);
	float:right;
	width:509px;
	height:121px;
}

#nav {
	height:35px;
	border-bottom:1px solid #cccccc;
	margin:0 0 30px;
}

#nav ul {
	list-style:none;
}

#nav li {
	float:left;
	color:#aaaaaa;
	margin-right:16px;
	margin-top:10px;
	height:17px;
}

#nav li a {
	color:#3f3f3f;
	text-decoration:none;
	display:block;
	background-repeat:no-repeat;
	height:17px;

}

#nav li a.accueil, #nav li.accueil {
	background-image:url(images/accueil-menu.gif);
	width:67px;
}

#nav li a.tarifs, #nav li.tarifs {
	background-image:url(images/tarifs-menu.gif);
	width:53px;
}

#nav li a.ventes, #nav li.ventes {
	background-image:url(images/ventes-menu.gif);
	width:59px;
}

#nav li a.services, #nav li.services {
	background-image:url(images/services-menu.gif);
	width:74px;
}

#nav li a.tourisme, #nav li.tourisme {
	background-image:url(images/tourisme-menu.gif);
	width:79px;
}

#nav li a.partenaires, #nav li.partenaires {
	background-image:url(images/partenaires-menu.gif);
	width:107px;
}

#nav li a.contact, #nav li.contact {
	background-image:url(images/contact-menu.gif);
	width:74px;
}

#nav li a.appartements, #nav li.appartements {
	background-image:url(images/appartements-menu.gif);
	width:122px;
}

#nav li a:hover {
	background-position:0 -17px;
}

#nav li.accueil, #nav li.tarifs, #nav li.ventes, #nav li.services, #nav li.tourisme,  #nav li.partenaires, #nav li.contact, , #nav li.appartements {
	background-position:0 -17px;
	border-bottom:1px solid #808080;
}

#breadcrumbs {
	height:26px;
	border-bottom:1px solid #cccccc;
	margin:0 18px 30px 20px;
}

#breadcrumbs ul {
	list-style:none;
}

#breadcrumbs li {
	float:left;
	color:#aaaaaa;
	margin-right:16px;
	height:15px;
}

#breadcrumbs li a {
	color:#3f3f3f;
	text-decoration:none;
	display:block;
	background-repeat:no-repeat;
	height:15px;

}

#breadcrumbs li a.web, #breadcrumbs li.web {
	background-image:url(images/web-button.gif);
	width:30px;
}

#breadcrumbs li a.identity, #breadcrumbs li.identity {
	background-image:url(images/identity-button.gif);
	width:51px;
}

#breadcrumbs li a.print, #breadcrumbs li.print {
	background-image:url(images/print-button.gif);
	width:31px;
}

#breadcrumbs li a:hover {
	background-position:0 -15px;
}

#breadcrumbs li.web, #breadcrumbs li.identity, #breadcrumbs li.print {
	background-position:0 -15px;
	border-bottom:1px solid #808080;
}



/* [home] */

#home_left {
	float:left;
	width:499px;
	padding:0 25px 15px 0;
/*	border: 1px solid red;*/
}

#home_left ul {
	padding-left:15px;
}

#home_right {
	float:left;
	width:350px;
	padding:0 0 0 25px;
/*	background-color:#23282C;*/
	border-left:1px solid #cccccc;
}

#home_left h2, #home_right h2 {
	margin:15px 0;
}

#home_left h4 {
	margin:15px 0 -15px;
	color:#404040;
	font-size:100%;
}

#home_right li {
	list-style:none;
}

/* [location] */

#location_left {
	float:left;
	width:440px;
	padding:0 0px 0px 0;
/*	border: 1px solid red;*/
}

#location_right {
	float:left;
	width:440px;
	padding:0px 0 0 0px;
/*	background-color:#23282C;
	border-left:1px solid #cccccc;*/
}

/*#location_img_left {
	width:300px;
	height:246px;
	background:url(images/AppartementF2.jpg) no-repeat;
	float:left;
	border:1px solid red;
}

#location_img_right {
	width:300px;
	height:246px;
	float:left;
	background:url(images/AppartementF3.jpg) no-repeat;
	border:1px solid green;
}

#location_img_left:hover {
	background:url(images/AppartementF2hover.jpg) no-repeat;
	border:1px solid red;
}

#location_img_right:hover {
	background:url(images/AppartementF3hover.jpg) no-repeat;
	border:1px solid green;
}*/
#location_img_left {
	float:left;
	width:440px;
	padding:0 0px 20px 0;
	text-align:center;
	background-image:url(images/AppartementF2.jpg) no-repeat;
}

#location_img_right {
	float:left;
	width:440px;
	padding:0 0px 20px 0;
	text-align:center;
	background-image:url(images/AppartementF3.jpg) no-repeat;
}

/*#location_img_left a img {
	width:300px;
	height:246px;
} 
#location_img_right a img {
	width:300px;
	height:246px;
}

#location_img_left a#ApptF2 img {
	background-image:url(images/AppartementF2.jpg) no-repeat;
} 
#location_img_right a#ApptF3 img {
	background-image:url(images/AppartementF3.jpg) no-repeat;
} 

#location_img_left a#ApptF2:hover img {
	background-image:url(images/AppartementF2hover.jpg) no-repeat;
} 
#location_img_right a#ApptF3:hover img {
	background-image:url(images/AppartementF2hover.jpg) no-repeat;
}

#ApptF2 {
	display:block;
	background-image:url(images/AppartementF2.jpg) no-repeat;
	width:300px;
	height:246px;
	text-align:center;
}

#ApptF3 {
	display:block;
	background-image:url(images/AppartementF3.jpg) no-repeat;
	width:300px;
	height:246px;
	text-align:center;
}

#ApptF2:hover {
	background-image:url(images/AppartementF3hover.jpg) no-repeat;
}

#ApptF3:hover {
	background-image:url(images/AppartementF3hover.jpg) no-repeat;
}
*/
#loc_summary {
	float:left;
	width:900px;
	margin:0 0 15px 0;
}

#loc_details_left {
	float:left;
	margin:0 0 0 0;
	width:600px;
}

#loc_details_right {
	float:left;
	margin:0 0 0 0;
	width:300px;
}

#loc_summary  p:first-letter{
    text-transform: uppercase;
          }
#loc_summary p {
	color: #424242;
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:justify;
	margin: auto;
	text-transform: lowercase;
	line-height: 145%;
	font-size: 14pt;
	font-variant: small-caps;
}

#loc_details_left p {
	color: #424242;
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:justify;
	margin: 20px auto;
	text-transform: lowercase;
	line-height: 145%;
	font-size: 14pt;
	font-variant: small-caps;
}

#loc_summary h2{
	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
    margin-top: 10px;
	text-align: center!important;
	letter-spacing: 0.3em;
}




/* [about] */

#abouthead {
	margin-bottom:25px;
	color:#999999;
}

#abouthead p {
	font:195%/150% Helvetica, Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0;
}

#abouthead h2 {
	font:295%/120% Helvetica, Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0;
}

.blue {
	color:#00adef;
}

#about_left {
	float:left;
	width:349px;
	border-right:1px solid #cccccc;
	padding:0 25px 15px 0;
}

#about_right {
	float:left;
	width:350px;
	padding:0 0 0 25px;
}

/* [Contact - New] */

.serv_left, .serv_mid, .serv_right {
	float:left;
	width:270px;
	border-right:1px solid #cccccc;
	padding:0 20px 10px 0;
}

.serv_mid {
	padding:0 22px 10px 22px;
}

.serv_right {
	width:270px;
	border:0;
	padding:0 0 10px 20px;

}

.serv_loc {
	width:470px;
	border:0;
	padding:0 0 10px 20px;

}

.serv_left h2, .serv_mid h2, .serv_right h2 {
	font:100%/170% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#404040;
	font-size: 10px;
}

.serv_left img, .serv_mid img, .serv_right img {
	margin-top:5px;
}

/*[Location] */
.serv_left_loc, .serv_mid_loc, .serv_right_loc {
	float:left;
	width:270px;
	border-right:1px solid #cccccc;
	padding:0 20px 10px 0;
}

.serv_mid {
	padding:0 22px 10px 22px;
}

.serv_right {
	width:270px;
	border:0;
	padding:0 0 10px 20px;
}

.serv_left_loc img, .serv_mid_loc img, .serv_right_loc img {
	margin-top:5px;
}

#location_right h2 {
	font:100%/170% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#404040;
}

.serv_img {
	margin:0 0 5px;
	height:10px;
	font-size:1px;
	clear:both;
}

.serv_line {
	margin:0 0 20px;
	height:20px;
	border-bottom:1px solid #cccccc;
	font-size:1px;
	clear:both;
}

.red_line {
	background-image:url(images/red_line.jpg);
	margin:30px 0 20px 0;
	height:15px;
	font-size:1px;
	clear:both;
}

.band_line {
	background-image:url(images/LesHautsDeLaFontaine.jpg);
	margin:0 0 5px;
	height:71px;
	/*border-bottom:1px solid #cccccc;*/
	font-size:1px;
	clear:both;
}

.band_titleF2 {
	background:url(images/AppartementF2Title.jpg) no-repeat;
	margin:0 0 15px;
	height:43px;
	/*border-bottom:1px solid #cccccc;*/
	font-size:1px;
	clear:both;
	text-align:right;
	border-bottom:1px solid #b90818;
}

.band_titleF3 {
	background:url(images/AppartementF3Title.jpg) no-repeat;
	margin:0 0 15px;
	height:43px;
	/*border-bottom:1px solid #cccccc;*/
	font-size:1px;
	clear:both;
	text-align:right;
	border-bottom:1px solid #b90818;
}

.band_line_tarifs {
	background-image:url(images/Tarifications.jpg);
	margin:0 0 5px;
	height:71px;
	/*border-bottom:1px solid #cccccc;*/
	font-size:1px;
	clear:both;
}

.band_line_galerie{
	background-image:url(images/appartementsGaleriePhoto.jpg);
	margin:0 0 5px;
	height:50px;
	/*border-bottom:1px solid #cccccc;*/
	font-size:1px;
	clear:both;
}

#serv_leftcol {
	float:left;
	width:477px;
	border-right:1px solid #cccccc;
	padding:0 30px 15px 0;
}

#serv_rightcol {
	float:left;
	width:212px;
	padding:0 0 0 30px;
}

#serv_leftcol h3, #serv_rightcol h3 {
	font-size:120%;
	font-weight:bold;
	color:#404040;

}

#serv_leftcol li {
	list-style:square;
	margin-left:20px;
}

#serv_rightcol img {
	border:1px solid #b3b3b3;
}

#serv_rightcol li {
	list-style:none;
	padding-left:16px;
	background:url(images/arrow.gif) no-repeat 0 6px;
}

#serv_rightcol blockquote, #serv_leftcol blockquote {
	background:url(images/left-quote.gif) left top no-repeat;
	margin:20px 0 10px;
	/*overflow:visible;
	width:100%;*/

}

#serv_rightcol blockquote p, #serv_leftcol blockquote p {

	background:url(images/right-quote.gif) bottom right no-repeat;
	padding:4px 7px 5px 0;
	margin:10px 0 0 12px;
	text-indent:20px;
	font-style:italic;
	width:193px;
	overflow:visible;
}

#serv_rightcol ul.case li {
	margin:0 0 4px;
}

#serv_leftcol ul.services li {
	list-style:none;
	float:left;
	width:220px;
	padding:0 0 8px 18px;
	margin:0;
	background:url(images/arrow.gif) no-repeat 0 6px;

}

/* [portfolio] */



.port_item {
	width:210px;
	position:relative;
	float:left;
	padding:0 20px 30px;
	color:#d9d9d9;

}

.lastone {
	padding-right:0;
}

.port_item a:hover {
	text-decoration:none;
	color:#00adef;
}

.port_item h2 {
	font:100%/170% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:10px;
	color:#d9d9d9;
}

.port_img {
	width:210px;
	height:149px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	border:1px solid #b3b3b3;
}

.port_desc {
	background-color:#23282c;
	color:#FFFFFF;
	position:absolute;
	top:149px;
	left:0px;
	height:167px;
	width:186px;
	padding:0 12px;
}

.port_desc li {
	list-style:none;
	padding-left:16px;
	background:url(images/arrow.gif) no-repeat 0 6px;
	font-weight:bold;
	color:#00adef;
}

p#study  {

	border:1px solid #b3b3b3;

}

p#study img {

	display:block;

	border:0;

}




/* [contact] */



#cont_left {
	float:left;
	width:349px;
	border-right:1px solid #cccccc;
	padding:0 25px 15px 0;
}

#cont_right {
	float:left;
	width:350px;
	padding:0 0 0 25px;
}

#cont_right img {
	border:1px solid #b3b3b3;
	margin-top:10px;
}

#cont_left h2, #cont_right h2 {
	margin:15px 0;
}

#cont_left ul, #cont_right ul {
	margin:15px 0 15px 20px;
	list-style:square;
}



/* [form] */





legend {

	display:none;

}

fieldset p {

	margin:15px 0 0;

}

label {

	width:75px;

	float:left;

	font-weight:bold;

}

input, textarea {

	font:100% Verdana, Arial, Helvetica, sans-serif;

	border:1px solid #ccc;

	background:#f2f2f2;

	padding:2px;

}

textarea {

	height:146px;

}

input.sendbutton {

	background:#23282c;

	color:#fff;

	margin:0px 3px 0 0;

	float:right;

	width:100px;

}





/* [footer] */



#footer_outer {

	background:url(images/background2.png) repeat-x;

	height:240px;

	color:#bfbfbf;

	text-align:left;

}

#footer {

	width:750px;

	margin:0 auto;

	padding:22px 0 0;

	line-height:155%;

}

#footer h3 {

	font-size:155%;

	font-weight:normal;

}

#footer ul {

	list-style:none;

}

#footer_left {
	float:left;
	width:349px;
	border-right:1px solid #FFFFFF;
	padding:0 25px 0 0;
	background:url(images/logo_footer_left.png) no-repeat right;

}

#footer_right {

	float:left;

	width:350px;

	padding:0 0 0 25px;

	background:url(images/map_footer_right.png) no-repeat right;

}

#copyright {
	height:46px;
	color:#c0c0c0;
	background-color: #005bad;

}

#copyright ul {

	list-style:none;

	padding:12px 0 0;

	width:750px;

	margin:0 auto;

}

#copyright li {

	float:left;

	padding:0;

}

#copyright li.valid {

	float:right;

}

#copyright a {

	color:#c0c0c0;

}

#arrival {

	width:685px;

	margin:10px auto;

	text-align:right;

	font:90% Arial, Helvetica, sans-serif;

	padding:0 5px 0 0;

}

#arrival a {

	color:#fff;

	text-decoration:none;

	font-weight:normal;

	background:url(images/arrival-arrow.gif) no-repeat right;

	padding:0 9px 0 0;

}





/* [extra] */



.divider {

	margin:15px 0;

	border-bottom:1px solid #cccccc;

	font-size:1px;

	clear:both;

}

a.readmore {

	color:#e2871a;

	padding:0 0 0 15px;

	background:url(images/arrow-left.gif) center left no-repeat;

}

h3.tophead {

	margin-top:25px;

}

.cleaner {

	clear:both;

}

.whiteblock {

	clear:both;

	background:#fff;

	height:30px;

}

.small {

	font-size:80%;

	line-height:160%;

}

.spacer {

	clear:both;

	height:75px;

}

.firstpara {

	font-size:110%;

}

.hide, #nav span, #breadcrumbs span, #carousel_frame ul li span, h1 {

	position:absolute;

	left:-5000px;

	margin:0;

	padding:0;

}

.clearfix:after {

    content:"."; 

    display:block; 

    height:0; 

    clear:both; 

    visibility:hidden;

}

.clearfix {

    display:inline;

}

/* Fade */
#fader {
	padding:0px;
	width:344px;
	height:249px;
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
}

#example {
	position: relative;
	width: 346px;
	height: 249px;
}
.slide-image {
	position: absolute;
	top: 0;
	left: 0;
	padding:0;
	width: 346px;
	height: 249px;
	background-color: #FFF;
	background-position: center center;
	background-repeat: no-repeat 
}

/* Mootools*/


#test {
	background: #222;
	color: #fff;
	padding: 10px;
	margin: 20px;
	border: 3px solid #CCCCCC;
}
 
#test2 {
	background: #222;
	color: #fff;
	padding: 10px;
	margin: 20px;
	border: 3px solid #CCCCCC;
}


/*-------- Content  --------*/

.highlight span.title {
color:#577692;
font-weight:bold;
margin-bottom: 0px;
}

.highlight2 span.title {
color:#577692;
font-weight:bold;
margin-bottom: 0px;
}


#management_qualite_highlight {
	background: url(../images/management_par_qualite.jpg) no-repeat;
	width:423px;
	height:246px;
	margin:auto;
}

#maitrise_conception_highlight {
	background: url(../images/maitrise_et_conception.jpg) no-repeat;
	width:361px;
	height:173px;
	margin:auto;
}

#en_construction_highlight {
	background: url(../images/en_construction.jpg) no-repeat;
	width:346px;
	height:127px;
	margin:auto;
	border:1px solid #E2E2E2;
}

/* Basse Saison */
#bs1_highlight {background:url(images/car/c1.gif) 10px 10px no-repeat;}
#bs2_highlight {background:url(images/car/getz_3p_110_92.gif) 10px 10px no-repeat;}
#bs3_highlight {background:url(images/car/c_accent.gif) 10px 10px no-repeat;}
#bs4_highlight {background:url(images/car/d_sonata.gif) 10px 10px no-repeat;}
#bs5_highlight {background:url(images/car/e_sonata_aut.gif) 10px 10px no-repeat;}
#bs6_highlight {background:url(images/car/minibus.gif) 10px 10px no-repeat;}
#bs7_highlight {background:url(images/car/fourgon.gif) 10px 10px no-repeat;}
#bs8_highlight {background:url(images/car/camionnette.gif) 10px 10px no-repeat;}
#bs9_highlight {background:url(images/car/renault_symbol.gif) 10px 10px no-repeat;}

/* Manifestation */

#manif1_highlight {background:url(images/festivites/carnaval.gif) 10px 30px no-repeat;}
#manif2_highlight {background:url(images/festivites/saint_pierre.gif) 10px 10px no-repeat;}
#manif3_highlight {background:url(images/festivites/fete_musique.gif) 10px 10px no-repeat;}
#manif4_highlight {background:url(images/festivites/festival_fdf.gif) 10px 10px no-repeat;}
#manif5_highlight {background:url(images/festivites/yoles_rondes.gif) 10px 10px no-repeat;}
#manif6_highlight {background:url(images/festivites/tour_cycliste.gif) 10px 10px no-repeat;}
#manif7_highlight {background:url(images/festivites/toussaint.gif) 10px 10px no-repeat;}
#manif8_highlight {background:url(images/festivites/jazz_martinique.gif) 10px 10px no-repeat;}
#manif9_highlight {background:url(images/festivites/noel.gif) 10px 10px no-repeat;}
#manif10_highlight {background:url(images/festivites/fete_patronale.gif) 10px 10px no-repeat;}
#manif11_highlight {background:url(images/festivites/festival_sens.gif) 10px 10px no-repeat;}
#manif12_highlight {background:url(images/festivites/cbk.gif) 10px 10px no-repeat;}

/* Point Infos */
#point_infos_highlight {background:url(images/point_infos.gif) 10px 10px no-repeat;}

#confiance {
background: url(../images/img_confiance.jpg) no-repeat;
margin-left:40px;
}

.highlight {
background:#FFF;
padding: 7px 10px 15px 125px;
height: 100px;
width:340px;
/*border: 1px solid red;*/
margin:10px 0 10px 10px;
}

.highlight2 {
background:#FFF;
padding: 7px 10px 15px 125px;
height: 100px;
width:340px;
margin:10px 0 10px 10px;
}

.highlight_confiance {
margin:10px 0 15px 25px;
}

.highlight p.description {
background: #F9FDEF;
border: 1px solid #c5c5c5;
height: 70px;
margin: 9px 0 0 5px;
padding: 10px 8px 0px 10px;
}

.highlight p.description2 {
background: #F9FDEF;
border: 1px solid #c5c5c5;
height: 120px;
margin: 9px 0 0 5px;
padding: 10px 8px 0px 10px;
}

.highlight_contact p.description {
background: #F9FDEF;
border: 1px solid #c5c5c5;
height: 240px;
margin: 14px 0 0 5px;
padding: 10px 8px 0px 10px;
}

p.description_confiance {
padding: 7px 10px 5px 280px;
}
.hme_form
{
padding-left : 100px;
}

.hme_form Input  
{
margin: 2px;
}

.hme_form select  
{
margin: 2px;
}

.Form3_lig4 {  
	background-color:#23282C;   
  color : white;
}   

.Form3_lig2 {  
 	background-color:#cccccc;   
} 

/* location herbergement slideshow */
#banner_slideshow {
	width:900px;
	height:250px;
	margin-top:50px;
	margin:0;
}

/* Fade */
#fader_slideshow {
	padding:0px;
	width:900px;
	height:250px;
	position:relative;
	overflow:hidden;
	/*margin-bottom:10px;*/
}

#banner_pos {
	position: relative;
	width: 900px;
	height: 250px;
}
.slide-image-banner {
	position: absolute;
	top: 0;
	left: 0;
	padding:0;
	width: 900px;
	height: 250px;
	background-color: #FFF;
	background-position: center center;
	background-repeat: no-repeat 
}

tr {
	padding: 5px;
}

td {
	/*color: #FFFFFF;*/
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:center;
	margin:auto;
	text-transform: lowercase;
	line-height: 145%;
	font-size: 12pt;
	font-variant: small-caps;
}
.bold {
	font-weight: bold;
}