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

html {
    font-size: 100%; /* Évite un bug d'IE 6-7 sur unité relative em */
}

* {margin:0;padding:0}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-image: url(../images/fond-page.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	background-color: #FFFFFF;
	
	
}

a img {border:none;}

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
    font-weight: bold; 
    font-style: normal;

}

h1 {
    font-size: 1.3em;
	color:#2D2930;
	width:70%
}
h2 {
    font-size: 1.4em;
}
h3 {
    font-size: 1.4em;
	padding : 0.3em 0;
}
h4 {
    font-size: 1.3em;
	padding : 0.3em 0;
}

h5 {
    font-size: 1.2em;
	padding : 0.3em 0;
}

h6 {
    font-size: 1em;
	padding : 0.3em 0;
}

/*ul, ol {
    padding: .1em 0 .1em 15px;
	list-style:none;
    }
 
li {
	background-image: url(../images/puce-ronde-rouge.gif);
	background-repeat: no-repeat;
	padding:0 0 0 10px;
	background-position: 0px 8px;
}*/
 
p {
    padding : 0.1em 0; 
	font-size: 0.9em;
}
address {
    margin: .75em 0;
    font-style: normal;
}
 

/* Liens */
a {
    text-decoration: underline;
}
a:link {
    color:#1A171B ;
}
a:visited {
    color:#1A171B ;
}
a:hover, a:focus, a:active {
    color:#1A171B ; text-decoration:none
}
a img {
    border: none;
}
 

/* Divers éléments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
 

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement. (9) */
}



.clear {clear:both;}

/*Les différentes couleurs*/

.rouge {color:#CD3D58}
.orange {color:#F1A400}
.orangefonce {color:#ED7F00}
.violet {color:#743794}
.vert {color:#57B130}
.bleu {color:#2886C3}
.gris {color:#999}


/******************************/
/**** LES BLOCS ***************/
/*****************************/

#haut {
	
	width: 988px;
	margin:auto;
	text-align:left;
}

#haut .signature {
	height: 347px;
	width: 462px;
	background-image: url(../images/acc-haut-gauche.jpg);
	background-repeat: no-repeat;	
	float:left;
}

#haut .flash {height: 347px;
	width: 526px;
	background-image: url(../images/acc-haut-droite.jpg);
	background-repeat: no-repeat;
	float:left;}


#corner {
	background-image: url(../images/contener-corner.png);
	background-repeat: no-repeat;
	height: 18px;
	width: 986px;
	margin:auto;
	
}
#contener {
	background-image: url(../images/fond-contener.png);
	background-repeat: repeat-y;
	width: 988px;
	margin:auto;
	position:relative;/*******************************************************ajouter le 15/04*/
	z-index:0;/*******************************************************ajouter le 15/04*/
}

#gauche {
	width:238px;
	float:left;
	padding:0 0 0 16px;
	text-align: left;
	min-height:600px;
} 
#droite {text-align:left;float:right;width:229px;min-height:600px;}
#centre {text-align:left;overflow:hidden;padding:0 10px 0 15px;min-height:600px;}

#bas {
	
	height:50px;
		width: 984px;
	margin:auto;
	text-align:left
}

/******************************/
/****    Signature   ********/
/*****************************/
#haut .signature h1 {
	font-size: 22px;
	margin:205px 0 0 24px;
	line-height: 25px;
}
#haut .signature p {font-size: 12px;margin:0 0 0 24px}


/******************************/
/****      Menu NAV   ********/
/*****************************/

#menunav {width: 988px;
	margin:auto;
	text-align:left;
	position: relative;
	z-index:100;/*******************************************ajouter le 15/04*/
		}

#menudroite h2 {float:left; color:#FFF;margin:-2px 0 0 15px}

#menugauche, #menudroite {
	list-style: none;
	padding:5px 0px 0px 10px;
	width:324px; /*334-10*/
	height:29px; /*34-5*/
	margin:0 0 4px 19px;
	background-image: url(../images/fond-menu.png);
	background-repeat: no-repeat;
	float:left;
	
}
#menudroite {width:610px;margin:0 0 4px 10px;padding-left:3px;}

#menugauche li, #menudroite li {
	float:left;
	margin:0 0 0 5px;
	background-image: none;	
	padding:0 0 0 5px;
	
}
/* premier niveau out */

#menugauche li a, #menudroite li a {
	background-repeat: no-repeat;
	height:30px;
	padding:1px 13px 0 0px;
	font-size: 0.9em;
	color: #FFF;
	background-image: url(../images/menu-fleche.png);
	background-position: right 4px;	/*fix ie 6 width:50px*/
	font-weight: bold;
	text-decoration:none;
	display:block;	}

/* premier niveau over */
#menugauche li a:hover, #menudroite li a:hover {cursor:pointer;text-decoration:none;}



/* deuxieme niveau out */

#menugauche li ul, #menudroite li ul 
{
	position: absolute;
	top:20px;
	width: 120px;
	left: -999em;
	background-color:#42291c;
	padding:0;
	margin:7px 0 0 0px;
	z-index:3000;
	
	
	
		
}

#menugauche li ul li, #menudroite li ul li 
{
	text-align:left;
	margin:0;
	line-height: 25px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	background-color:#42291c;
}

#menugauche li ul li:hover, #menudroite li ul li:hover
{ 
	background-color:#F49D1B;padding:0 0 0 0px;margin:0;width:183px 
}

#menugauche li ul a, #menudroite li ul a
{
	padding:0 0 0 8px;
	margin:0;
	display:block;
	width:170px;
	background-image: url(../images/puce-ronde-blanche.gif);
	background-repeat: no-repeat;
	background-position: left center;	/*fix ie 6 : height:15px*/
	
}
#menugauche li ul a:hover, #menudroite li ul a:hover
{
	background-image: none;	
	text-decoration:none;
	
	
}

#menugauche li:hover ul, ul#menugauche li.sfhover ul, #menudroite li:hover ul, ul#menudroite li.sfhover ul
{
	left: auto; 
    min-height:0;
}


/******************************/
/**** Col centre **************/
/*****************************/
.boxliste {
	width:475px; 
	background-image: url(../images/fond-bloc-centre-repeat2.png);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
	min-height:200px;
	
	
}
.boxlistehaut {
	background-image: url(../images/fond-bloc-centre2.png);
	background-repeat: no-repeat;
	height:17px;
	
}
.boxlistebas {	background-image: url(../images/fond-bloc-centre2.png);
	background-repeat: no-repeat;
	height: 10px;
	background-position: 0px bottom;
	margin:0 0 10px 0;	
	}

.colg {width:450px}


.boxliste h2 {
	background-image: url(../images/fond-bloc-centre-h2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin:0 3px 0 3px;
	padding:6px 14px 16px 10px;
}

.boxliste h3, .boxliste h5, .boxliste h6, .boxliste p {
	padding:6px 25px 0px 25px;
	font-weight: bold;
}

.boxliste p {font-weight:normal;}

.boxliste h3 {font-size: 1.6em;margin:0 0 0 0;}
.boxliste h6 {
	/*width:200px;*/
	
}

.listepartenaires {margin:0 60px 0 80px;padding:0 0 10px 0;border-bottom:solid 1px #CCC}
.listepartenaires .partimg {float:left;margin:0 20px 0 0}
.listepartenaires p {
	font-size: 1em;
	font-weight: normal;
	font-variant: normal;
}

a.voirtoute {
	margin:0 0 0 15px;
	font-size: 0.9em;
	background-image: url(../images/puce-fleche-orange.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding:0 12px 0 0;
}

.boxliste .vignettedroite {margin: 0 0px 0 0;padding:26px 0 0 0;float:right;position:relative;}
.boxliste .vignettegauche {margin: 0 0px 0 0;padding:26px 0 0 8px;float:right;position:relative;}

.boxliste .vignettegauche .masque, .boxliste .vignettedroite .masque {
	position:absolute;
	left: 0px;
	top: 0px;
	
}

ul#ma_liste {list-style:none;margin:0;padding:0} /*regle le pb du tourne page avec la puce blanche devant*/
ul#ma_liste li {list-style:none;background-image: none;margin:0;padding:0}

/******************************/
/**** Formulaire contact  *****/
/*****************************/
form.webform-client-form div {margin:10px 0 0 20px}
form.webform-client-form div div {margin:10px 0 0 0}

/******************************/
/**** Col centre détail  *****/
/*****************************/

.outils {
	text-align:right;
	margin-right:15px;
	font-size:1.2em;
	font-weight: bold;
	
}

.outils a {text-decoration:none}

.boxdetail {
	width:706px;
	background-image: url(../images/fond-bloc-detail-repeat2.png);
	background-repeat: repeat-y;
	background-position: right top;
	text-align: left;
	min-height:160px;
	
}

.boxdetailhaut {
	background-image: url(../images/fond-bloc-detail2.png);
	background-repeat: no-repeat;
	height:17px;
	width:706px;
	
}
.boxdetailbas {	background-image: url(../images/fond-bloc-detail2.png);
	background-repeat: no-repeat;
	height: 10px;
	background-position: 0px bottom;
	margin:0 0 10px 0;	
	width:706px;
	}

.boxdetail h2 {
	background-image: url(../images/fond-bloc-centre-h2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin:0 5px 0 0px;
	padding:6px 14px 16px 10px;
}

.boxdetail h3, .boxdetail h5, .boxdetail h6, .boxdetail p {
	padding:6px 14px 0px 15px;
	font-weight: bold;
}
.boxdetail p {padding:6px 25px 0px 25px;font-weight:normal;}

.boxdetail h3 {font-size: 1.6em;margin:0 0 0 0;}
.boxdetail h6 {
	/*width:200px;*/
	/*font-weight: normal;*/
}
.boxdetail p.reserve {margin:0 0 0 150px;}

.boxdetail p.descriptif {
	font-size: 0.8em;
	font-weight: normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A6A8AB;
	margin:10px 10px 0 15px;
	padding:5px 0 0 0;
}

.boxdetail p.adresse {
	font-size: 0.8em;
	font-weight: normal;
	border: 1px solid #F5AF40;
	margin:10px 0 10px 15px;
	padding:5px;
}

.boxdetail p.adresse a.localisation {text-align:right;margin:5px 0 0 168px;display:block}


/*les 3 colonnes*/
.detailg {width:290px;float:left;margin:0 10px 0 0} 
.detailc {float:left;padding:0 0 0 0;width:190px}
.detaild {width:170px;float:left;padding:0 0 0 20px;}

/*les 2 colonnes pour malin, étapes*/
.detailMalinG {width:400px;float:left;margin:0 0px 0 0} 
.detailMalinD {width:280px;float:left;padding:0 0 0 20px;}

.detailMalinG p {font-weight: normal;font-size:1.1em}

form.partenaires {}

form.partenaires p {
	margin:20px;
	padding:10px 20px;
	border:solid 1px #CEDA54;
	background-image: url(../images/fond-form-partenaire.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
form.partenaires p label {font-size:1.2em;font-weight: bold;}
form.partenaires p select {margin-top:10px}


/*la photo avec masque*/
.detailc .photodroite {margin: 0;padding:39px 0 0 9px;float:right;position:relative}
.detailc .photodroite .masque {
	position: absolute;
	left: 0px;
	top: 0px;
}

/*Les icones services et équipement*/
.boxdetail p.services {
	font-size: 1em;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A6A8AB;
	margin:25px 10px 0 15px;
	padding:5px 0 0 25px;	
}

.detaild p {
	font-size: 0.8em;
	padding:0;
	margin:0;
	font-weight: normal;
	clear: left;
	margin:15px 0 0 0;
}
.detaild p img {float:left;margin:-5px 5px 0 5px;}

/*liste l'offre comprend et l'offre ne comprend pas*/
.detaild ul {font-size: 0.8em;}

/*liste tableau des tarifs*/
.tarifs{padding-bottom:25px;text-align:center}
.tarifs p{text-align:left}
.tarifs table {
	margin:0 auto;
	padding:0;
	border-collapse:collapse;
	background-color: #f5ead7;
}
.tarifs table td  {font-size:0.8em;border:solid 1px #CCC;padding:4px}

/**/
.sejour {width:50%;text-align:left}


/******************************/
/* GAUCHE - Les bloc */
/******************************/

.boxhaut {
	background-image: url(../images/fond-rouge-gauche.png);
	background-repeat: no-repeat;
	height: 3px;
	
}

.boxncm {
	background-image: url(../images/fond-rouge-gauche-repeat.png);
	background-repeat: repeat-y;
	width:187px; /*219-25-22*/ /*fix ie6 : 194px*/
	padding:0 10px 0 22px;
	background-position: left top; /* fix ie6 : 22px top*/
	text-align: left;	
}


.boxncm h5 a {text-decoration:none}
.boxncm h5 a:hover {text-decoration:none}



.boxncm ul, .boxncm ol, .detaild ul {
    padding: .1em 0 .1em 15px;
	list-style:none;
    }
 
.boxncm ul li, .detaild ul li {
	background-image: url(../images/puce-ronde-rouge.gif);
	background-repeat: no-repeat;
	padding:0 0 0 10px;
	background-position: 0px 8px;
	margin:0
}

.boxbas {
	background-image: url(../images/fond-rouge-gauche.png);
	background-repeat: no-repeat;
	height: 19px;
	background-position: 0px bottom;	
}


/*Les différents fonds de box*/
.orangehb {background-image: url(../images/fond-orange-gauche.png);}
.orangerepeat {background-image:url(../images/fond-orange-gauche-repeat.png);}

.violethb {background-image: url(../images/fond-violet-gauche.png);}
.violetrepeat {background-image:url(../images/fond-violet-gauche-repeat.png);}

.verthb {background-image: url(../images/fond-vert-gauche.png);}
.vertrepeat {background-image:url(../images/fond-vert-gauche-repeat.png);}

.tel {
    font-size: 1.1em;
	padding :10px 0 10px 0;
}

.bleuhb {background-image: url(../images/fond-bleu-gauche.png);}
.bleurepeat {background-image:url(../images/fond-bleu-gauche-repeat.png);}


.logospbx {padding-top: 50px;}
.logospbx img {margin:0 0 0 60px}

.logos {height:100%;padding-top: 100%;}
.logos img {margin:0 0 0 25px}


/******************************/
/* DROITE - Les bloc */
/******************************/
.meteo, .agenda {
	background-image: url(../images/fond-bloc-droite-repeat.png);
	background-repeat: repeat-y;
	padding:0 0 0 2px;
	margin:17px 0 0 0;
}



.meteo h3, .agenda h3 {
	background-image: url(../images/fond-bloc-droite-titre.png);
	background-repeat: repeat-x;
	padding:8px 0 14px 12px;
	background-position: bottom;
	font-size: 1.1em;
	color: #1a171b;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #593D19;
	width:211px; /*225-12-2*/
	font-weight: bold;
}




.agenda h3 {font-size: 1.3em;}
.agenda h4 {font-size: 1em;padding:0 0 0 12px;}
.agenda p {font-size: 0.9em;padding:0 0 0 12px;}
.agenda p.savoir {text-align:right;padding:10px 20px 0 0}
.agenda p.savoir a {
	background-image: url(../images/puce-fleche-orange.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding:0 10px 0 0;
}


.meteo img, .agenda img {padding:5px 0 10px 11px;}
.meteo OBJECT {margin:5px 0 10px 11px;} /*pour IE qui voit uniquement la balise object*/
.meteo h3 img {margin:0 0px 0 11px;padding:0} /*icone meteo*/

.droitebas {
	background-image: url(../images/fond-bloc-droite-bas.png);
	height:7px;
	background-repeat:no-repeat
}

/******************************/
/* BAS - Les bloc */
/******************************/
.addthis_toolbox {border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #F39F25;
	padding-top:10px}

#bas p {
	float:left;
	font-size: 0.8em;
	margin:5px 0 0 20px
	
}

#bas p.lien {margin:5px 0 0 0; width:65%;text-align:right}


/** Boite de log ****/
.bleurepeat h2 a {font-size: 0.9em;padding : 0.3em 
0;color:#2886C3;text-decoration:none}
#accespro {display:none;}
#accespro label {font-size: 0.8em;}
#accespro input {border: 1px solid #333;width:100px;margin:0;padding:0}
#accespro input.form-submit {margin:0px 0 0 0; 
background-color:#3489C4; color:#FFF;border:none}
#accespro li {font-size: 0.8em;}







/** Commentaires ****/
.boxliste_commentaires {
	width:475px; 
	background-image: url(../images/fond-bloc-centre-repeat2.png);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
	min-height:200px;
	
	
}

.boxlistehaut_commentaires {
	background-image: url(../images/fond-bloc-centre2_vert.png);
	background-repeat: no-repeat;
	height:17px;
	
}

.boxlistebas_commentaires {	background-image: url(../images/fond-bloc-centre2.png);
	background-repeat: no-repeat;
	height: 10px;
	background-position: 0px bottom;
	margin:0 0 10px 0;	
	}

.colg_commentaires {width:450px}




.boxliste_commentaires h2 {
	background-image: url(../images/fond-bloc-centre-h2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin:0 3px 0 3px;
	padding:6px 14px 16px 10px;
}

.boxliste_commentaires p {
	padding:6px 25px 0px 25px;
	font-weight: bold;
}

.boxliste_commentaires p {font-weight:normal;}

.colg_commentaires p a {
	color:#F1A400;
	text-decoration:none;
	font-weight:bold;
}

.colg_commentaires .soumis {
	color: #999;
	font-size:9px;
}

.colg_commentaires .links {
	margin-top:7px;
	margin-left:25px;
}

.colg_commentaires .unpublish {
	color: #F30;
}

#edit-homepage-wrapper {
	display:none;
}


#ajout_commentaire {
	margin-left:150px;
	margin-bottom:20px;
}

#ajout_commentaire a {
	font-weight:bold;
}




#infos_interne{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;	
}

#infos_interne html {
    font-size: 100%; /* Évite un bug d'IE 6-7 sur unité relative em */
}


#infos_interne h3, h5, h6, p {
	padding:6px 14px 0px 15px;
	font-weight: bold;
}
#infos_interne h3 {font-size: 1.6em;margin:0 0 0 0;}
#infos_interne p {font-weight: normal;font-size:1.1em}


#infos_interne a {
    text-decoration: underline;
}
#infos_interne a:link {
    color:#1A171B ;
}
#infos_interne a:visited {
    color:#1A171B ;
}
#infos_interne a:hover, a:focus, a:active {
    color:#1A171B ; text-decoration:none
}
#infos_interne a img {
    border: none;
}


#infos_interne .rouge {color:#CD3D58}
#infos_interne .orange {color:#F1A400}
#infos_interne .orangefonce {color:#ED7F00}
#infos_interne .violet {color:#743794}
#infos_interne .vert {color:#57B130}
#infos_interne .bleu {color:#2886C3}

#infos_interne  .bordure_tableau_orange {
	border:solid;
	border-width:1px;
	border-color:#F1A400;
}


/* ML */
.boxncm .rester_informer {
	font-size:10px;
}


.boxncm .bouton_ml {
	margin-top:5px;
	width:80px;
	font-size:9px;
}


.boxncm .champ_email {
	width:163px;
}