*{font-family:Verdana, Arial, Helvetica, sans-serif;}
html{font-size: 100%;font-family:Verdana, Arial, Helvetica, sans-serif;}
body{background-color:#fff;margin:0px;padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;}
	
/* ********** general ********** */

a{color:#878787;}/* liens */
img{border:0px;}/* images */
dl, dt{margin:0px; padding:0px;}/* listes */
form, form p{margin:0px; padding:0px;}/* formulaires */

div.sep { clear: both; width: 10px; height: 1px; padding: 0; margin:0px;}/* hr */
div.sep hr { position: absolute; top: -999em; left: -999em; }

#espace{margin-bottom:24px;}

p, p.bodytext{margin:0px; padding:0px;}/* paragraphes */

.align-left{text-align:left; margin:0px; padding:0px;}/* alignement*/
.align-center{text-align:center; margin:0px; padding:0px;}
.align-right{text-align:right; margin:0px; padding:0px;}

/* ********** titres ********** */
#centre #contenu h1, #centre #contenu-ville h1, #centre #contenu-media h1, #centre #contenu-offres h1{
	background-position: center left;
	background-repeat:no-repeat;
	font-size:1.3em; 
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
	height:21px; 
	color:#BC2023;
}

#centre #contenu h1{background-image:url(../images/puce-h1.gif); display:inline;width:350px;float:left;}/* jaune */
#centre #contenu-ville h1, #centre #contenu-media h1{background-image:url(../images/puce-h1-2.gif);margin:7px 0px 13px 0px;display:inline;width:350px;float:left;}/* rouge */
#centre #contenu-offres h1{background-image:url(../images/puce-h1-3.gif); display:block;margin:7px 0px 16px 0px;}/* bleu */
#centre h2{color:#ddae00; font-size:1.1em;margin:0px;padding:0px 0px 3px 0px;}/* jaune */	

/* ********** rte ********** */
.rouge{color:#c54456;}
.gris{color:#808080;}
.gris-clair{color:#aeaeae;}
.jaune{color:#faf128;}
.bleu-clair{color:#BBE0F2;}
.jaune2{color:#faf128;}
.lien-rouge{
	font-weight:bold;
	background-image: url(../images/puce-news.gif);
	background-position: center left;
	background-repeat:no-repeat;
	color:#9A1D21;
	font-size:1em; 
	display:block;
	padding: 0px 0px 0px 20px;
}

/* ********** global ********** */
#global{
	position:relative;
	padding:0px;
	font-size: 0.7em;
	color:#7F7F7F;
	letter-spacing:100%;
}

/* box où la police peut être modifiée */
#col-gauche, #col-droit, #texte{font-size:1em;}
#box-texte{font-size:1em;}

/* baseline : les communes */
#communes{}
#communes a{text-transform:uppercase; font-size:0.8em;font-weight:bold;color:#9E9EA0; text-decoration:none;margin:0px 10px; display:block; float:left;}

/* ********** structure ********** */

#box-gauche{}/* haut + centre */
#box-recherche{}/* moteur de recherche + recherche hébergement */
#box-droite{display:none;}/* langues + illus émotion */

/* ********** box-gauche ********** */
#centre{}

/* ********** moteur de recherche ********** */
#box-recherche #moteur-recherche{display:none;}

/* ********** recherche hébergement ********** */
#box-recherche #recherche-heb{display:none;}
#form-meubles{display:none;}

/* ********** menu ********** */
#box-recherche dl{display:none;}

/* ********** carte intéractive ********** */
a.carte{display:none;}

/* ********** bas ********** */
#bas{margin:30px 0px 0px 0px; }

#bas dl{display:none;}
#bas .logo{float:left;margin:0px 100px;}


/* ********** page accueil ********** */
#centre #texte-haut{
	background-image:url(../images/haut-centre.jpg); 
	background-position:bottom left; 
	background-repeat:no-repeat;
	background-color:#fff;
	
	margin:0px 0px 6px 0px;
	padding:5px 0px 24px 26px;
}

#centre #texte-haut h1, #centre #texte-haut h2{margin:0px; padding:0px;font-weight:normal;}
#centre #texte-haut h1{font-size:1.4em;}
#centre #texte-haut h2{font-size:1em;}

#centre #actu-gauche{}
#centre #actu-centre{}
#centre #actu-droit{}

/* box bleu pour hélianthal box-actu-bleu */
#actu-gauche .box-actu-bleu h1{text-transform:uppercase;margin:0px; font-size:1.2em;}
#actu-gauche .box-actu-bleu .texte{font-size:1em;}

#actu-gauche .box-actu-bleu .texte p.bodytext{margin:0px; padding:0px;color:#fff;}
#actu-gauche .box-actu-bleu .texte p.bodytext strong{margin:0px 0px 0px 14px; padding:0px;}
#actu-gauche .box-actu-bleu .texte p.bodytext a{text-decoration:underline;margin:0px; padding:0px;}

/* box-actu-droit */
#actu-droit .box-actu-droit .texte{}
#actu-droit .box-actu-droit .texte p.bodytext{color:#000;font-size:0.9em;line-height:1.3; margin:0px; padding:0px;}
#actu-droit .box-actu-droit .texte h1{font-size:1.2em;text-transform:uppercase; color:#000;margin:0px;padding:0px;}
#actu-droit .box-actu-droit .bas a{color:#fff;font-size:0.9em;}

/* box news */
.box-news{margin: 0px 5px 11px 16px;}

.box-news h1{color:#AB1F1E;font-size:1.1em; font-weight:normal;margin:0px; padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif;}
.box-news h1 strong{font-size:1.2em; font-family:Arial, Helvetica, sans-serif;}

.box-news .contenu-news{padding: 0px 16px 9px 0px;}
.box-news .contenu-news .news{border-bottom:1px solid #E4BABC;font-size:0.9em;}
.box-news .lien-news{color:#991E20;	font-size:0.9em; display:block;}

/* ********** page A voir 1/3 et 2/3 ********** */

/* fil d'ariane */
#fil-ariane{display:none;}

/* menu intérieur */
#centre dl#menu{display:none;}

/* outils navigationnels */
.outils-nav, .box-outils, .box-outils-gd, .gd-format, .gd-format2, .outils-nav-offre{display:none;}


/* 2 colonnes */
#col-centre{width:691px; float:left;padding:0px; margin:-1px 0px 0px 0px;}
#col-gauche{width:338px; float:left;padding:0px 0px 0px 15px; margin:20px 0px 0px 0px;}
#col-droit{ width:338px;float:left;margin:20px 0px 0px 0px;}


/* box */
#col-gauche .box, #col-droit .box, #col-centre .box{ 
	background-image:url(../images/centre-box-lien.jpg);	
	background-position: center left;
	background-repeat:repeat-y; 
	width:336px;
	margin:0px 0px 6px 0px;
	float:left;
}

#col-gauche .box img,  #col-droit .box img,  #col-centre .box img{ float:left;margin:0px 14px 0px 8px;}	
#col-gauche .box h2,  #col-droit .box h2{color:#DDAE00; font-size:1.1em;margin:0px;padding:0px 0px 3px 14px; }	

#col-gauche .box a, #col-droit .box a, #col-centre .box a{
	background-image:url(../images/puce-lien.gif); 
	background-position: center left;
	background-repeat:no-repeat;
	
	color:#7F7F7F; 
	font-size:0.9em;
	margin:0px 0px 0px 93px;
	display:block;
	padding:1px 0px 2px 10px;
}

#col-gauche .box .haut, #col-droit .box .haut, #col-centre .box .haut{	
	background-image:url(../images/haut-box-lien.jpg); 
	background-position: top left;
	background-repeat:no-repeat; 
	height:7px;
}
#col-gauche .box .bas, #col-droit .box .bas, #col-centre .box .bas{	
	background-image:url(../images/bas-box-lien.jpg); 
	background-position: top left;
	background-repeat:no-repeat; 
	height:11px;
}

/* banniere A voir - fond noir bas de page */
#centre .banniere-a-voir{ 
	background-image: url(../images/fond-banniere.gif);	
	background-position: bottom left; 
	background-repeat:no-repeat; 
	
	height:82px;
	margin: 0px 0px 6px 20px;
	padding:0px 0px 0px 4px;
}
#centre .banniere-a-voir h2{color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;margin: 0px;padding: 0px;}
#centre .banniere-a-voir a img{padding: 4px 0px 0px 0px;margin:0px 2px 0px 1px;}

/* ********** page A voir 3/3 ********** */

#act-gauche, #act-centre, #act-droit{
	width:224px;
	float:left;
	background-image:url(../images/centre-act.jpg);	
	background-position: center left;
	background-repeat:repeat-y; 
	margin:10px 0px 6px 20px;
	_margin:10px 0px 6px 9px;
	font-size:0.9em;
}
#act-gauche{margin:10px -22px 6px 20px;_margin:10px -12px 6px 9px;}

/* prov texte actu gauche et centre */
#act-gauche .texte{min-height: 300px;height: auto !important;height:300px;}

#act-gauche .haut, #act-centre .haut{	
	background-image:url(../images/haut-act.jpg); 
	background-position: top left;
	background-repeat:no-repeat; 
	margin:0px;
	padding:8px 0px 9px 0px;
	color:#BA2124;
	font-weight:bold;
	height:13px;
}

#act-droit .haut{	
	background-image:url(../images/haut-act.jpg); 
	background-position: top left;
	background-repeat:no-repeat; 
	margin:0px 0px -22px 0px;
	padding:8px 0px 9px 0px;
	color:#BA2124;
	font-weight:bold;
	height:13px;
}


#act-gauche .bas, #act-centre .bas, #act-droit .bas{	
	background-image:url(../images/bas-act.jpg); 
	background-position: bottom left;
	background-repeat:no-repeat; 
	height:11px;
	margin:0px;
	padding:0px 0px 6px 0px;
}

.art{margin: 0px 4px 4px 16px; border-bottom:1px solid #E4BABB; padding:0px 0px 4px 0px;}
#centre #act-gauche h1, #centre #act-centre h1, #centre #act-droit h1{
	background-image:none;
	float:none;
	color:#BA2126; 
	font-size:1em; 
	margin:0px; 
	padding:0px; 
	display:inline;
	font-size:1.2em;
}

#centre #act-gauche .art h1, #centre #act-centre .art h1, #centre #act-droit .art h1{font-size:1em;}

#centre #act-droit p.bodytext{padding:0px; margin:0px;font-size:1em;}

#centre #act-droit a{
background-image:url(../images/puce-lien.gif); 
	background-position: center left;
	background-repeat:no-repeat;
	
	color:#7F7F7F; 
	font-size:0.9em;
	margin:0px 0px 0px 16px;
	display:block;
	padding:3px 0px 2px 10px;
}

.art a{font-weight:bold; color:#777;}
.art img{float:left;margin:0px 5px 0px 0px;}

#centre #act-droit a.resa{
	font-weight:bold;	
	background-image: url(../images/puce-news.gif); 
	background-position: center left; 
	background-repeat:no-repeat; 
	color:#9A1D21; 
	font-size:1em; 
	display:block;
	padding: 0px 0px 0px 20px;	
}

#centre #act-droit img{margin:10px 0px 8px 9px;}


/* ********** offres ********** */
#centre #box-offre{margin: 0px 0px 14px 0px;}
.offre-thalasso{width:664px;background-color:#0A8CCA; color:#fff; margin: 0px 0px 0px 20px;background-image: url(../images/bas-offre.gif);background-position: bottom left; background-repeat:no-repeat;}

.offre-thalasso .haut{ background-position: top left;background-repeat:no-repeat; height:5px;background-image: url(../images/haut-offre.gif);}/* arrondis */

#centre .offre-thalasso h2{ color:#DAEAF2; float:left; font-size:1em; display:inline;margin:0px 0px 0px 6px; padding:0px;}
#centre .offre-thalasso h3{ color:#FAF128; float:right;display:inline;margin:0px 10px 0px 0px; padding:0px;font-size:1em;}/*prix*/
#centre .offre-thalasso p.bodytext{color:#fff; margin:0px 10px 4px 6px;padding:0px 0px 0px 0px;float:left;width:400px;}
#centre .offre-thalasso img{float:left; margin: -2px 4px 2px 2px; _margin: -10px 4px 2px 2px;}


/**/
#centre h3{color:#999; font-weight:bold; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin:12px 0px 0px 26px; padding:0px;}

.box-offres{
	background-image: url(../images/centre-offre-sejours.gif);
	background-position: top left; 
	background-repeat:repeat-y;
	width:664px; 
	margin: 0px 0px 15px 20px;
	padding:0px;
}

.box-offres .haut{padding:0px; margin:0px; background-position: top left;background-repeat:no-repeat; height:6px;background-image: url(../images/haut-offre-sejours.gif);}/* arrondis */
.box-offres .bas{padding:0px; margin:0px; background-position: bottom left;background-repeat:no-repeat; height:6px;background-image: url(../images/bas-offre-sejours.gif);}/* arrondis */

.box-offres a{
	text-transform:uppercase;
	color:#4C4C4C;
	font-weight:bold; 
	text-decoration:none;
	font-size:0.9em;
	margin: 0px 0px 0px 4px;
	display:block;
	float:left;
	padding:0px;
	width:214px;
}
.box-offres a img{ vertical-align:middle; margin: 0px 4px 0px 0px;}

#contenu-ville{padding:0px 0px 0px 4px;}

#centre p{color:#7f7f7f;margin:0px 0px 0px 19px; font-size:0.9em;}

#centre .box-texte-par .texte{min-height: 86px;height: auto !important;height:86px;margin:0px 0px 10px 0px;}
#centre .photo-droit img{float:right; border:1px solid #DCAE00; margin:-10px 13px 0px 20px;}


/* box média */
#box-media{color:#000; width:664px;background-image:url(../images/bas-box-media.gif);background-position:bottom left;background-repeat:no-repeat;min-height: 14px;
height: auto !important;height:14px;margin:0px 0px 0px 16px; padding:0px 0px 7px 0px; }

#box-media .haut{background-image:url(../images/haut-box-media.gif);background-position:top left;background-repeat:no-repeat;height:7px;_margin:0px 0px -6px 0px;}
#box-media .centre{background-image:url(../images/fond-box-media.gif);background-position:top left;background-repeat:repeat-y;margin:0px; padding:0px;min-height: 60px;
height: auto !important;height:60px;}

/* image + titre + texte */
#box-media img{float:left; margin:-5px 10px -6px 2px;}
#box-media h2{color:#000; text-transform:uppercase;padding:0px 0px 6px 10px; font-size:1em;}
#box-media .texte p.bodytext{font-size:0.9em;color:#000;padding:0px 0px 0px 10px; margin:0px;}

/* lien : plus de détails */ 
a.details{
	height:15px;
	width:99px;	
	color:#FEF14B; 
	display:block; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.9em; 
	letter-spacing:-1px;
	word-spacing:0px;
	text-transform:uppercase; 
	text-decoration:none;
	margin:0px 0px 18px 582px;
	padding:0px 0px 0px 1px;	
}
#box-media a.details:hover{text-decoration: underline;}

/* ---- newsletter ---- */
#global-newsletter{
	position:relative;
	margin:30px auto 0px auto;
	padding:0px;
	width:697px;
	font-size: 0.7em;
	color:#7F7F7F;
	letter-spacing:100%;
	
}

#global-newsletter #centre{padding:12px 28px 6px 28px;width:637px;}

#global-newsletter #centre h1{
	background-position: center left;
	background-repeat:no-repeat;
	font-size:1.3em; 
	margin:0px;
	padding:0px 0px 0px 0px; 
	height:21px; 
	color:#BC2023;
	background-image:url(../images/puce-h1.gif); 
}

#global-newsletter #centre h2{color:#ddae00; font-size:1.1em;margin:0px;padding:6px 0px 3px 0px;}/* jaune */

#global-newsletter #centre p.bodytext{margin:0px; padding:0px;}

#bas-newsletter{
	background-image:url(../images/bas-centre-newsletter.jpg);
	background-repeat:no-repeat;
	background-position:top center;	
	width:675px;
	padding:22px 0px 0px 22px;
}

#bas-newsletter p{font-size:0.9em; text-align:center; float:left;width:360px;}
#bas-newsletter #menu-bas{ text-align:center;font-size:0.9em;width:536px;margin: 10px 0px 0px 54px;}
#bas-newsletter dl{margin: 0px 0px 0px 0px;/*margin: 5px 140px 0px 46px;*/}
#bas-newsletter dl dt{float:left; font-size:0.8em;display:block;padding:4px 0px 0px 0px;}
#bas-newsletter dl dt a{margin: 0px 7px 0px 5px;}

#bas-newsletter .logo-terre{float:left;margin:0px 0px 0px 0px;}
#bas-newsletter .logo{float:left;}
/* fce */
.box-newsletter{border:1px solid #ccc;padding:6px 12px 6px 6px;}
.box-newsletter img{float:left;margin:0px 10px 2px 0px;}

a.details2{
	height:15px;
	width:99px;	
	color:#FEF14B; 
	display:block; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.9em; 
	letter-spacing:-1px;
	word-spacing:0px;
	text-transform:uppercase; 
	text-decoration:none;
	margin:0px 0px 0px 530px;
	padding:0px 0px 0px 1px;	
}
a.details2:hover{text-decoration: underline;}
/* extension de newsletter */


#form-lettre{margin:40px 0px 0px 90px;}
#form-lettre p{margin:6px 0px 6px 0px;}
#form-lettre p label{display:block; width:60px; float:left;}
#form-lettre p .b-ok, .b-ok2, #envoi-ami p#envoi-email input{/* bouton */
	background-color:#fff; 
	margin:0px 0px 0px 200px; 
	padding:0px 0px 0px 0px;
	border:0px;
	font-weight:bold;

	font-size:1em;
	color:#B90D1D; 
	cursor:pointer;
	
	background-image:url(../images/b1.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	width:101px; 
	height:18px;
	color:#fff;
}

.titre1,.titre2{color:#E9B200;}
.titre1{margin:0px 0px 0px 6px;}
.titre2{margin:4px 0px 0px 0px;display:block;}

.texte-newsletter{margin:8px 0px 0px 20px}
.ch-newsletter{width:150px;}

/* ext envoyer à un ami */
#envoi-ami{margin:0px 0px 0px 90px;}
#envoi-ami p{margin:3px 0px;}
#envoi-ami p label{display:block; width:120px; float:left;}

#envoi-ami p#deb-email{margin:20px 0px 0px 0px;}
#envoi-ami p#envoi-email{margin:10px 0px 0px 0px;}
p.tip_many_friends_thank_you{padding:0px 0px 0px 70px;}