/************** STYLES GENERAUX **********************************/
body {
	background:#fff;
	font-size: 12px;
	font-family: Arial, Sans-Serif;
	color:#000;
	margin:0;
	padding:0;
	text-align:center;
}

* { box-sizing: content-box; -moz-box-sizing: content-box; }
img { border:none;}
/*textarea, select, input.tbx { border: solid 1px #96c832; }*/
a{ text-decoration:none; color:#ffae00;}
a.lienlogo { position:absolute;top:0;left:0;display:block;height:190px;width:480px;}
div { margin:0; padding:0;}
img.align_image{ vertical-align:middle; display:inline-block; }
div.error { font-weight:bold; padding:20px; margin:1em 0 2em 0; background-color:#ffbfc8; border:solid 2px #ff0022; color:#ff0022; }
.clear { clear:both; }
div.clear { clear:both;height:1px; margin:0; padding:0; }
.reset, .reset p { margin:0; padding:0; list-style:none; }
a.fleche { background:url(../img/puce-fleche.gif) no-repeat left center; padding-left:30px; color:#ffae00; font-weight:bold;}
ul.liste { list-style:square inside; padding-top:6px; }
ul.liste li { padding-bottom:2px;}


/************** CONTENEURS **********************************/
div#centreur_ie { text-align:center; margin:0; padding:0; }
html>body div#centreur_ie { height:auto; min-width:1079px; }
div#conteneur { position:relative; margin:0 auto; text-align:center; width:1079px; padding:0; overflow:hidden; border:1px solid #d7e3ed; border-top:none; border-bottom:none; }
div.bandeau { position:relative; z-index:10; top:0; left:0; background:url(../img/bandeau.png) no-repeat top left; width:1079px; height:203px; }
div.fond { position:relative; z-index:5; top:-7px; left:0; width:100%; background:url(../img/fond.jpg) no-repeat top left; text-align:left;}
div.courbure_gauche { position:absolute; z-index:14; top:7px; left:0; width:472px; height:263px;  }
div.contenu_index { height:700px; position:relative; z-index:15; }
div.contenu { position:relative; z-index:15; padding:100px 140px;}

/************** HEADER + MENU **********************************/
div.liens_directs { position:absolute; z-index:11; top:0; right:0; padding:2px 2px;}
div.liens_directs a{ color:#553c00; float:left; margin-left:30px; font-weight:bold; font-style: italic; }
div.liens_directs a:hover { color:#000; }

/*ul.menu { margin:0; padding:0; list-style:none; position:absolute; z-index:20; left:462px; top:0px; }*/
ul.menu { margin:0; padding:0; list-style:none; position:absolute; z-index:20; left:430px; top:2px; }
ul.menu li{ display:inline;position:relative;float:left; padding:0; margin:0; }
div.ssmenu { position:absolute; left:0; top:34px; width:187px; text-align:left; visibility:hidden }
div.ssmenu a { display:block; background:url(../img/menu/puce.png) no-repeat left center; border:1px solid #e8f6f9;border-left:none; border-right:none; margin:0 0 2px 0; padding:0 0 0 32px; height:16px; line-height:16px; vertical-align:middle; font-size:11px; color:#000; }
div.ssmenu a:hover { background:url(../img/menu/puce.png) no-repeat left center #ecf3ff; border:1px solid #c0e5ea; border-left:none; border-right:none; font-weight:bold;}
div.header1_ssmenu { height:13px; line-height:13px; }
div.header2_ssmenu { height:14px; line-height:14px; }
div.contenu_ssmenu { margin:0; padding:0 0 10px 0; border-bottom:1px solid #ffd929;
	/*border-top:none;*/
	/*background-color:#e9f7fa;
	filter:alpha(opacity=70);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;*/
	background:url(../img/menu/fond-ssmenu.png) repeat-y top left;
}
div.footer { position:relative; z-index:15;bottom:0; left:0; width:1079px; height:72px; background:url(../img/footer.png) no-repeat top left; }
p.legal { font-size:10px; position:absolute; top:20px; left:10px; color:#c69437;}
p.liens_footer { position:absolute; top:34px; left:450px; color:#c69437; }
p.liens_footer a { color:#c69437; font-size:12px; font-weight:bold; padding:0 15px;}
/************** ACCUEIL **********************************/
h1.header_cadre { position:absolute;left:30px;top:16px; font-size:16px; font-style:italic; color:#000; margin:0; padding:0;}
div.cadre_activites { position:absolute; top:150px; left:197px; width:243px; }
div.cadre_plages { position:absolute; top:57px; left:460px; width:243px; }
div.cadre_services { position:absolute; top:400px; left:460px; width:243px; }
div.cadre_environs { position:absolute; top:57px; left:726px; width:243px; }
div.cadre_villas { position:absolute; top:260px; left:726px; width:243px; }
div.cadre_index { position:absolute; top:44px; left:1px; padding:5px 15px; width:209px; border:1px solid #ffe87f; border-top:none; text-align:left; background-color:#ffffff; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; overflow:hidden; }
div.haut240 { height:270px; }
div.haut100  { height:130px; }
div.haut900 { height:980px; }
div.cadre_index a { color:#ffae00 }
a.suite { position:absolute;bottom:0px;right:4px; }


/************** CONTENU **********************************/
h1.header_cadre_contenu {
	font-size:16px;
	font-style:italic;
	padding:25px 10px 8px 40px;
	margin:0;
	background:url(../img/header1-cadre-haut.png) no-repeat top left;
}

h1.v2 {
	background:url(../img/header2-cadre-haut.png) no-repeat top left;
}

div.cadre_contenu { width:904px; margin:0 0 20px 0; position:relative;}
div.cadre_contenu a:hover { text-decoration:underline}
div.contenu_cadre_contenu {  width:872px; border:1px solid #ffe87f; padding:20px 15px; background:#ffffff; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; font-size:11px;}
h2 { font-size:11px; margin:0 0 15px 0; padding:0;}
/* Simule la place que l'image prendrait ( "hack" pour la non-transparence de l'image dans le cadre transparent..)*/
div.fake_img { float:right; margin:0 0 15px 15px; width:139px;height:139px;}
div.fake_img_g { float:left; margin:0 15px 15px 0; width:139px;height:139px;}
img.photo_cadre { position:absolute;right:0;z-index:18;margin:21px 16px 0 0; }
p.right { text-align:right;}
img.photoD { position:absolute;right:0;z-index:18;margin:21px 16px 0 0; width:139px; }
img.photoDGrande { position:absolute;right:0;z-index:18;margin:21px 16px 0 0; }


/************** VILLAS **********************************/
img.photoG { position:absolute;left:15px;z-index:18;margin:21px 16px 0 0; width:140px }
img.btn_galerie {position:absolute;right:15px;z-index:18;top:22px;}
div.villa { position:absolute;z-index:18;top:250px;margin:0 15px; }
div.contenu_villa { position:absolute;top:29px;left:0;border:1px solid #ffd200;background:#fff;width:842px;padding:15px; }
div.galerie_droite { float:right;width:100px;height:600px;}
div.galerie_droite img { margin:0 15px 15px 0; width:80px; }
div.texte_villa { float:left;width:700px }
div.contenu_villa h3, h3.souligne { border-bottom:1px solid #ffd200;clear:both; font-size:14px;margin:15px 0 10px 0; padding:0; }
div.texte_villa img { float:left;margin:0 40px 20px 0; }
table.tarifs { border:1px solid #ffd200;border-collapse:collapse;font-weight:bold; }
table.tarifs th { background:#fffdf4;border:1px solid #ffd200;height:23px;text-align:center;padding:8px; }
table.tarifs tr.impair td { background:#faffff}
table.tarifs td {border:1px solid #ffd200;height:40px;text-align:center;vertical-align:middle;padding:4px; }
table.tarifs td.dates { font-weight:normal;}
table.tarifs td.prix { font-weight:bold;color:#ff9600;width:150px;}
table.tarifs td.franchise,table.tarifs tr.impair td.franchise { background:#fffdf4; }
ul.untiers { width:250px;float:left;}

/************** FORMULAIRE **********************************/
ul.form { width: 800px; }
ul.form li { float:left;width:400px;padding-bottom:.4em;}
ul.form li.ligne { width:800px; }
ul.form li label { float:left;width:11em;font-weight:bold; }
span.exemple { color:gray; font-size:9px; font-weight:normal; }

.tbx { width:170px; }
.formerror { border:1px solid red; background:#ffbfc8; }
.size1 { width:20px; }
.size2 { width:40px; }
.size3 { width:80px; }
.sizemax { width:250px; }
.txa { width:500px;height:6em; overflow:auto; }

div.error { font-weight:bold; padding:4px 10px; margin:.4em 0 1em 0; background-color:#ffbfc8; border:solid 2px #ff0022; color:#ff0022; }
div.msgOk{ background-color:#E6F341;border:solid 2px #B7C800;color:#6C7500;font-weight:bold;padding:4px 10px; margin:.4em 0 1em 0;}

div.galeriePhotos { text-align:center; margin:10px; }
div.galeriePhotos img { margin:0 10px 10px 10px; }