body {
margin:0;
padding:0;
background:#efefef url(img/bg.jpg) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#555;
}




h1, h2, h3, h4, h5, p, ul, ol, li { margin:0; padding:0; text-align:left; }
ul,ol,li { padding:0; margin:0; list-style:none; }
img { border:none; }
form, input, textarea, fieldset { font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; border:none;}
a { text-decoration:none; color:#53B4E6; outline:none; font-weight:bold; }
strong {font-weight:bold;font-style:normal;}
.hidden {display:none;}
.alignleft {float:left;margin-right:10px;}
.alignright {float:right;margin-left:10px;}










#top {
line-height:25px;
font-size:11px;
color:#eee;
text-align:right;
width:710px;
margin:0 auto 5px auto;
position:relative;
padding-right:150px;
}


#top #flags {
position:absolute;
right:0px;
top:8px;
}
#top #flags a {
display:block;
text-indent:-6500px;
width:16px;
height:11px;
margin-right:20px;
opacity:0.7;
float:left;
}
#top #flags a:hover {
opacity:1;
}
#top #flags .fr {
background:transparent url(img/fr.png) left top no-repeat;
}
#top #flags .es {
background:transparent url(img/es.png) left top no-repeat;
}
#top #flags .en {
background:transparent url(img/en.png) left top no-repeat;
}



#wrapper {
width:800px;
margin:0 auto 0 auto;
background:#fff url(img/bg2.jpg) center top no-repeat;
padding:50px 30px 0 30px;
}



#header {
/*overflow:hidden;*/
}

#header h1 a {
text-indent:-6500px;
width:150px;
height:140px;
background:transparent url(img/logo.png) left top no-repeat;
float:left;
}
#header h1 a.esh {
text-indent:-6500px;
width:150px;
height:140px;
background:transparent url(img/logo.png) left top no-repeat;
float:left;
}

#header #menu {
float:right;
padding-top:90px;
}
#header #menu li {
float:left;
}
#header #menu li.active {
border-top:3px solid #FEC002;
padding-top:10px;
}
#header #menu li {
padding-top:13px;
position:relative;
}
#header #menu li:hover {
border-top:3px solid #FEC002;
padding-top:10px;
}
#header #menu li a {
float:left;
display:block;
padding:0 20px 5px 20px;
border-right:1px solid #ccc;
font-weight:bold;
color:#555;
}
#header #menu li a:hover {
color:#53B4E6;
}
#header #menu li a.last {
border:none;
}
#header #menu li.active a {
color:#53B4E6;
}


#header #menu li ul {
	display:none;
	z-index:9000;
	clear:both;
	margin:0 0 0 0 !important;
	text-align:center;
	width:100%;
	position:absolute;
	top:29px;
	left:-1px;
	border-top:1px solid #f0f0f0;
}

#header #menu li:hover ul {
	display:block;
	background:#fff;
	text-align:center;
}

#header #menu li li a {
	float:none;	
	border:none;
	padding:10px 0 !important;
	border-bottom:1px solid #f0f0f0;
}

#header #menu li li {
	float:none;	
	text-align:center;
	padding:0 !important;
}

#header #menu li li:hover {
	border:none !important;
	padding:0 !important;
}

#header #menu li li a:hover {
	border-bottom:1px solid #f0f0f0;
	background:#fafafa
}






#images {
	z-index:99999
}

#images img {
padding:5px;
border:1px solid #ccc;
}


#content {
overflow:hidden;
margin-top:30px;
}



#left {
float:left;
width:560px;
padding-right:40px;
}

#right {
float:right;
width:200px;
}



#left h2 {
color:#53B4E6;
line-height:30px;
font-weight:normal;
font-size:18px;
border-bottom:1px solid #ddd;
text-transform:uppercase;
text-align:left;
}

#left h3 {
font-size:1.2em;
}

#left a:hover {
text-decoration:underline;
}

#left p.bold {
font-weight:bold;
}

#left h4 {
display:inline;
}


#left p {
margin:15px 0 20px 0;
overflow:hidden;
}

#left p.welcome {
line-height:1.5em;
text-align:justify;
}

#left .offre { /* 148px */
overflow:hidden;
padding:20px 29px;
width:128px;
text-align:center;
float:left;
}

#left .offre img {
padding:3px;
background:#fff;
border:1px solid #ccc;
margin-bottom:5px;
width:120px;
height:120px;
}







#right h3 {
color:#666;
line-height:30px;
padding-left:5px;
font-weight:bold;
font-size:12px;
border:1px solid #ddd;
background:transparent url(img/h3.gif) left bottom repeat-x;
}


#right #search {
margin:5px 0 30px 0;
padding:10px 10px 20px 10px;
border-top:1px solid #ddd;
background:transparent url(img/right.gif) left bottom repeat-x;
}
#right #search .ville {
margin-bottom:20px;
margin-top:10px;
}
#right #search .ville select {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:140px;
outline:none;
}
#right #search .inputs label {
display:block;
margin-bottom:5px;
}
#right #search .inputs span {
color:#999;
font-size:0.9em;
}
#right #search .inputs input {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom:5px;
border:1px solid #ccc;
width:172px;
padding:3px;
}
#right #search .submitbutton {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#53B4E6;
padding:5px;
margin:10px auto 0 auto;
display:block;
background:transparent url(img/h3.gif) left bottom repeat-x;
border:1px solid #999;
cursor:pointer;
}
#right #search .submitbutton:hover {
background:#333;
color:#fff;
}


#right #otherlinks {
margin-bottom:20px;
}

#right #otherlinks li {
display:block;
padding:5px 0 0 20px;
background:transparent url(img/arrow.gif) left 7px no-repeat;
}
#right #otherlinks a:hover {
text-decoration:underline;
}

#right h3.contact {
background:none;
border:none;
border-bottom:1px solid #ddd;
padding:0;
}
#right p {
margin-top:15px;
line-height:20px;
}





#footer {
margin-top:0px;
text-align:center;
color:#999;
font-size:11px;
clear:both;
height:100px;
background:transparent url(img/footer.jpg) center top repeat-x;
width:860px;
margin:0 auto;
padding:40px 0 0 0;
}

#footer a {
font-weight:normal;
color:#999;
}
#footer a:hover {
text-decoration:underline;
}










/* VENTE.PHP */

#left .voffre {
overflow:hidden;
padding:20px 0;
border-bottom:1px dashed #ddd;
}

#left .voffre img {
padding:3px;
background:#fff;
border:1px solid #ccc;
width:120px;
height:120px;
}

#left .voffre:hover {
background:#f3f3f3;
}

#left .voffre .infos ul {
margin-top:10px;
}
#left .voffre .infos {
float:right;
width:420px;
}
#left .voffre .infos li {
display:block;
padding:5px 0 0 20px;
background:transparent url(img/bullet.png) 0px 5px no-repeat;
}
#left .voffre p {
margin-top:10px;
margin-bottom:0;
}
#left .voffre li.detaillink {
margin-top:10px;
background:none;
padding:5px 0 0 20px;
background:transparent url(img/arrow.gif) 2px 7px no-repeat;
}
#left .voffre .detaillink a {
display:block;
}
#left .voffre .detaillink a span {
color:#999;
font-weight:normal;
}
#left .voffre .infos li.type-loc {
	font-weight:bold;
}

#location #left h2 {
position:relative;
}
#location #left h2 span {
font-size:9px;
text-transform:capitalize;
display:block;
position:absolute;
right:0;
top:3px;
}
#location #left h2 span a {
font-weight:bold;
text-decoration:underline;
color:#666;
}
#location #left h2 span a:hover {
color:#53B4E6;
}





/* VACANCES.PHP */

#left .plage {
padding:3px;
border:1px solid #ccc;
}

#left .parc {
padding:3px;
border:1px solid #ccc;
margin-bottom:5px;
}



/* CARBONERAS.PHP */
#carboneras #content {
text-align:justify;
}
#carboneras #left h3 {
margin-top:20px;
}
#carboneras img.alignleft, #carboneras img.alignright {
padding:3px;
border:1px solid #ccc;
}





/* CONTACT.PHP */

#contact .formulaire {
width:538px;
margin:0 0 0 0;
padding:10px;
background:#efefef;
border:1px solid #ccc;
color:#222;
font-size:0.9em;
font-weight:bold;
}
#contact .formulaire label {
display:block;
margin:10px 0 2px 0;
}
#contact .formulaire input {
display:block;
border:1px solid #e0e0e0;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
width:350px;
padding:2px;
font-size:1em;
}
#contact .formulaire textarea {
display:block;
border:1px solid #e0e0e0;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
width:500px;
height:175px;
padding:2px;
font-size:1em;
}

#contact .formulaire .submit {
margin-top:10px;
width:100px;
background:#e0e0e0;
border:1px solid #ccc;
border-top:1px solid #aaa;
border-right:1px solid #aaa;
color:#111;
cursor:pointer;
}
#contact .formulaire .submit:hover {
color:#111;
background:#fff;
}








/* FICHE.PHP */
#fiche h2 {
font-size:1.2em;
font-weight:bold;
}
#left .annonce {
margin-top:20px;
}

#left .annonce .qinfos {
overflow:hidden;
}

#left .annonce .qinfos li {
line-height:1.5em;
margin-bottom:5px;
}

#left .annonce .reference {
color:#999;
margin-top:20px;
}

#left .annonce .qinfos .type {
text-transform:uppercase;
font-weight:bold;
font-size:1.2em;
margin-bottom:10px;
}

#left .annonce .qinfos p {
clear:both;
margin-top:20px;
}
#left .annonce .qinfos img {
padding:3px;
background:#fff;
border:1px solid #ccc;
width:120px;
height:120px;
}

#left .annonce .galerie {
margin-top:20px;
}

#left .annonce .galerie img {
width:150px;
height:120px;
margin:0 20px 20px 0;
padding:3px;
border:1px solid #ccc;
}

#left .contactez-nous {
margin:20px 0;
font-weight:bold;
color:#a30000;
}



	



/* fancyform styles */
.radios {
overflow:hidden;
margin-bottom:10px;
}
.radios label {
display:block;
padding:0.5em;
padding-left:32px;
/*width:100px;*/
background-position:8px center;
background-repeat:no-repeat;
cursor:pointer;
color:#111;
}

.radios .checked{background-color:#999;border:1px solid #bbb;background-image:url(js/fancycss/chk_on.png)}
.radios .unchecked{font-weight:normal;background-color:#ccc;border:1px solid #bbb;background-image:url(js/fancycss/chk_off.png)}
.radios .selected{
background-color:#ccc;
border:1px solid #bbb;
background-image:url(js/fancycss/rdo_on.png);
color:#111;
}
.radios .unselected{
background-image:url(js/fancycss/rdo_off.png)
}
.radios .leftcol{float:left;clear:left;width:50%}
.radios .rightcol{float:left;clear:right;width:50%}



/* AGENCE.PHP */
#agence #photos-agence {
margin-top:20px;
overflow:hidden;
}
#agence #photos-agence img {
padding:3px;
border:1px solid #ccc;
margin-bottom:20px;
}



/* VACANCES.PHP */
#vacances #content #left h3 {
	margin:20px 0 10px 0;
	padding:5px 5px 5px 10px;
	border-bottom:1px dashed #ccc;
	text-transform:uppercase;
	background:#f3f3f3;	
}
#vacances #content #left h4 {
	display:block;
	margin:10px 0 5px 0;
}

#vacances #content #left li {
	padding:3px 0 3px 10px;
	list-style-type:disc;
	list-style-position:inside;	
}

#vacances #content .galerie {
	margin:20px 0 20px 0;
	overflow:hidden;	
}

#vacances #content .galerie img {
	width:163px;
	height:160px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	padding:3px;
	border:1px solid #ccc;	
}




/* CALENDRIER */

#calendrier {
padding:20px 0;
}


#calendrier table{
	font-size:100%; 
	}
#calendrier ul{
	text-align:left;
	}
#calendrier h2{
	color:#333;
	}
#calendrier div#wrapper{
	background:#FFFFFF;
	width:600px;
	margin-left:auto;/* center it*/
	margin-right:auto;/* center it*/
	border: 1px solid #DDDDDD;
	text-align:center;
	padding:20px;
}

#calendrier .side{
	text-align:right;
	padding-right:4px;
	background:#EEEEEE;
	border-right:6px solid #336699;
	width:140px;
	}
#calendrier .data{
	border:1px solid #EEEEEE;	

	}
/******* END GENERAL LAYOUT STUFF ***********/




/*
CALENDAR
***********/

#calendrier td.month_name {
font-weight:bold;
color:#111;
}
#calendrier table .cal_month{
	border:1px solid #ccc;
	padding:3px;
	background-color:#efefef;
	}
#calendrier thead td{
	text-align:center;
}
#calendrier .cal_title{
	border:1px solid #DDDDDD;
	background-color:#333;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	}
#calendrier .cal_data{
	text-align:center;
	padding:0;
	}
#calendrier .cal_empty{
	text-align:center;
	/*border:1px solid #EEEEEE;*/
	}
	
#calendrier td.one-month {
padding-bottom:20px;
width:160px;
}