/* *** ####################################### *** */

/* *** couleurs *** */
/*	#f49f00; /* orange foncé */
/*	#fbc000; /* orange */
/*	#fccc3e; /* jaune */
/*	#2d99c2; /* bleu */
/*  #83bdd9; /* bleu clair */
/*	#b25a00; /* marron texte */
/*	#024f71; /* bleu texte */

@import url(generiques.css);
@import url(menu.css);
@import url(login.css);

body
{
	background:url(../images/BG_header.png) repeat-x top left;
	color:#222222; /* gris foncé */
}

#container
{
	text-align:left;
	width:1000px;
	margin:0 auto;
	font-size:1.2em;
	line-height:1.2em;
	/*border:1px solid #000;*/
}


/* ###########################################################
		HEADER FOOTER
########################################################### */

#header
{
	height:294px;
	margin:0px;
	position:relative;
}
#header h1
{
	float:left;
	width:172px;
	height:294px;
	overflow:hidden;
}
#header h2
{
	position:absolute;
	background:#fff url(../images/campings-saint-cyprien-vacances.gif) no-repeat left top;
	width:757px;height:34px;
	top:15px;left:30px;
	overflow:hidden;
}
#header h2 a
{
	width:757px;height:34px;display:block;
}
#headerVisuel
{
	float:left;
	height:216px;
	margin-top:48px;
	overflow:hidden;
	width:828px;
}

#footer
{	
	clear:both;
	text-align:center;
	color:#b25a00; /* marron texte */
	padding:12px 0px 4px 0;
	line-height:1.6em;
}
#footer a{color:#b25a00; /* marron texte */}

#footer .phraseCommerciale {
	color:#fccc3e;
	font-size:0.9em;
}

#footer .phraseCommerciale a {
	color:#fccc3e;
}

#sousFooter{}
/* ###########################################################
		CONTENU
########################################################### */

#centre
{	
	clear:both;
	margin:0px 0px 12px 0;
}
#colonneGauche
{
	float:left;
	width:165px;
	padding-bottom:16px;
	background:#fff url(../images/bg-bottom.png) no-repeat left bottom;
}


#colonneCentre
{
	position:relative;
	float:left;
	width:835px;
}

#colGauche
{
	/*width:395px;*/
	width:365px;
	/*padding:10px;*/
	padding:25px;
	float:left;
	display:inline;/* bug IE */
	text-align:justify;
}
#colGauche ul li{list-style-type:disc;margin-left:12px}
#colGauche span.asterisque{font-size:0.8em}

#colDroite
{
	width:420px;
	float:left;
	display:inline;/* bug IE */
	padding-top:25px;
}

#colCentre
{
	width:785px;
	padding:25px;
	text-align:justify;	
	clear:both;
}

h3#pageTitre span{margin:0;position:static;}
h3#pageTitre{margin-bottom:10px;}

#colCentre.fullTexte
{
	width:450px;
}
/* ###########################################################
		BOITES
########################################################### */

/* liens externe dans la colonne de gauche */
#colonneGauche ul#blockLiensExternes
{
	background:#fff url(../images/bg-menu-home.png) repeat-y left top;
	padding:8px 0 8px 16px;
}
#colonneGauche ul#blockLiensExternes li
{
	border-left:10px solid #f49f00; /* orange foncé */
	margin:8px 14px 0px 0;
	padding:8px 0;
	background-color:#fccc3e; /* jaune */
	text-align:center;
}
#colonneGauche ul#blockLiensExternes li a
{
	text-decoration:none;
	line-height:1.3em;
	font-weight:bold;
	color:#B25A00; /* marron foncé */
}

#colonneGauche ul#blockLiensExternes li.middle{background-color:#83bdd9; /* bleu clair */}
#colonneGauche ul#blockLiensExternes li.middle a{color:#fff;}

/** */
#blockLienEquipementChalet
{
	position:absolute;
	top:57px;
	right:25px;
}

/* ###########################################################
		BLOC MULTIPAGES
########################################################### */
.navResultat
{
	color:#323232; /* gris très foncé*/
	
	padding:0 4px;
	margin-bottom:8px;
	font-size:1.1em;
}
.navResultat a{color:#323232; /* gris très foncé*/text-decoration: none;}
.navResultat a:hover{text-decoration: underline;}
.navResultat .selected{border :1px solid #323232; /* gris très foncé*/;padding:2px 4px 2px 4px;}

/* ###########################################################
		PAGE ACCUEIL
########################################################### */
.accueil
{
	background:url(../images/bloc-bosc-roug-home.png) no-repeat left top;
	min-height:319px;
	height:319px;
}
#lienAlFourty,
#lienBoscRoug
{
	/*border:1px solid #000000;*/
	display:block;
	height:150px;
	left:75px;
	position:absolute;
	top:75px;
	width:300px;
	text-decoration:none;
}
#lienAlFourty{left:450px;}

/* texte en bas de la partie centrale */
#accueilTexteGauche
{
	/*bottom:-50px;*/
	font-size:1.4em;
	left:50px;
	line-height:1.1em;
	position:absolute;
}
#accueilTexteDroit
{
	/*bottom:-50px;*/
	/*left:400px;*/
	font-size:1.4em;
	line-height:1.1em;
	position:absolute;
	
	/*top:32px;*/
	left:500px;
	text-align:center;
}
#accueilTexteDroit a{text-decoration:none;}

.classAlFourty,
.classBoscRoug{font-weight:bold;}

/* texte en bleu pour l'instant */
.classAlFourty{color:#2d99c2; /* bleu */}
/* texte en marron */
.classBoscRoug{color:#b25a00; /* marron texte */}

#accueilTexteGauche .classAlFourty{color:#fff;}
#accueilTexteGauche .classBoscRoug{color:#fccc3e; /* jaune */}
#accueilTexteDroit .classBoscRoug{}

/* actualité de l'accueil */
#accueilActualite{padding:300px 45px 10px;clear:both;color:#2d99c2; /* bleu */}
#accueilActualite strong{font-size:1.4em;margin-bottom:0.7em;display:block;}
#accueilActualite p{margin-bottom:0.5em;}

/* ###########################################################
		PAGES CAMPINGS
########################################################### */
#colGaucheGauche
{
	float:left;
	/*width:210px;*/
	width:180px;
	margin-right:10px;
}
#colGauche h3{text-align:left;}

#colGaucheDroite
{
	float:left;
	width:171px;
	text-align:center;
}
#colGaucheDroite img{margin-bottom:20px}

/* texte en bas de la partie centrale */
#campingTexteGauche
{
	bottom:0px;
	font-size:1.2em;
	/*left:235px;*/
	left:218px;
	line-height:1.1em;
	position:absolute;
	width:150px;
}
#campingTexteDroit
{
	bottom:0px;
	font-size:1.2em;
	left:450px;
	line-height:1.1em;
	position:absolute;	
}

#preReservationChaletBt
{
	
}

/* ###########################################################
		PAGES PLAN CAMPING
########################################################### */
#liensTelechargerPlan
{
	margin-left:390px;
}

/* ###########################################################
		PAGES CAMPING AL FOURTY
########################################################### */
.AlFourty
{
	background:#83bdd9 /* bleu clair */url(../images/al-fourty-footer-wave.jpg) no-repeat left bottom;
	
	padding-bottom:86px;
}
.AlFourty #colGauche{color:#024f71; /* bleu texte */}
/* ###########################################################
		PAGES CAMPING BOSC D'EN ROUG'
########################################################### */
.BoscRoug
{
	/*	#fbc000; /* orange */
	/*	#fccc3e; /* jaune */
	background:#fbc000 /* orange */url(../images/bosc-roug-wave-bottom.png) no-repeat left bottom;
	
	padding-bottom:86px;
}
.BoscRoug #colCentre,
.BoscRoug #colGauche{color:#b25a00; /* marron texte */}



/* ###########################################################
		PAGES ACCUEIL TARIFS
########################################################### */
.col4Cols
{
	float:left;
	display:inline; /* bug IE6 */
	width:182px;
	
	padding:10px;
	margin:10px 0;
	border-right:1px solid #B25A00; /* orange texte */
	text-align:justify;	
	color:#B25A00; /* orange texte */
}
.col4Cols h4{text-align:center;}
.col4Cols img{margin:12px 0;}
.voirTarifs{float:right;}

#tarifsAccueilPromo
{
	clear:both;
	width:395px;
	padding:10px;
	margin:10px;
	color:#B25A00; /* orange texte */
}
#tarifsAccueilPromo h4{border-bottom:1px solid #B25A00; /* orange texte */ }
#tarifsAccueilPromo ul li
{
	margin-left:14px;
	line-height:1.4em;
	list-style-type:disc;
}

/* ###########################################################
		PAGES AVEC TABLEAUX DE TARIFS
########################################################### */

table.tarifs {
	background:#FFFFFF none repeat scroll 0%;
	border:2px solid #B25A00 /* orange texte */;
	clear:both;
	font-size:1.2em;
	text-align:left;
	width:100%;
}
table.tarifs caption 
{
	background:#FFFFFF none repeat scroll 0%;
	border:2px solid #B25A00 /* orange texte */;
	border-bottom:none;
	font-size: 1.6em;
	color: #B25A00 /* orange texte */;
	padding:8px;
	margin-top:12px;
}
table.tarifs caption span{font-size:0.7em;}

table.tarifs td {text-align: center;border-left: 2px #B25A00 /* orange texte */ solid;border-bottom: 2px #B25A00 /* orange texte */ solid;}
table.tarifs .tarifsPrestations{width:200px;color:#B25A00 /* orange texte */;border-left:none}

table.tarifs tr {}
table.tarifs th {vertical-align: top;padding: 4px;border-bottom: 2px #B25A00 /* orange texte */ solid;border-left: 2px #B25A00 /* orange texte */ solid;}
table.tarifs th strong {width: 100%;display: block;color: #004998;border-bottom: thin #666 dotted;}
table.tarifs th em {font-style: normal;}
table.tarifs th hr {border-bottom: thin #666 solid;}

/* les attributs de prix */
table.tarifs span.indice{font-size:0.8em;font-weight:bold}
table.tarifs p.texteAttribut{color: #004998;}
.tarifsFooter{font-size:0.9em;}



/* ###########################################################
		PAGES FORMULAIRES
########################################################### */
#formulaire{}
#formulaire fieldset label{width:200px;}
#formulaire fieldset input,
#formulaire fieldset select,
#formulaire fieldset textarea{width:260px;border:1px solid #f49f00; /* orange foncé */}
#formulaire fieldset input.classDate{width:100px;}

#formulaire fieldset input.checkbox,
#formulaire fieldset input.radio,
#formulaire fieldset input.image{width:auto;border:none}

/* formulaire ONFOCUS */
#formulaire fieldset select:focus{background-color:#fccc3e; /* jaune */}
#formulaire fieldset input:focus{background-color:#fccc3e; /* jaune */}
#formulaire fieldset textarea:focus{background-color:#fccc3e; /* jaune */}

/* boutons de formulaire */
#formulaire fieldset .btContinuer{background:url(../images/bouton_continuer.png) no-repeat 0px 0px;width:260px;height:56px;border:none;}
#formulaire fieldset .btEnvoyer{background:url(../images/bouton-envoyer.png) no-repeat 0px 0px;width:108px;height:27px;border:none;}
#formulaire fieldset .btValider{background:url(../images/bouton_valider.png) no-repeat 0px 0px;width:260px;height:56px;border:none;}


#formulaire fieldset .btContinuer:hover,
#formulaire fieldset .btValider:hover
{background-position:0px -56px;}

/* tableau des occupants*/
#formulaire table.tarifs{}
#formulaire table.tarifs th{text-align:center;}
#formulaire table.tarifs td{padding:4px}
#formulaire table.tarifs input{width:100px;}

/* ###########################################################
		PAGES MOBILE HOME
########################################################### */
ul#listePartenaires{margin:10px 0}
ul#listePartenaires li
{
	display:block;
	float:left;
	min-height:150px;
	padding-right:10px;
	width:186px;
}

/* ###########################################################
		PAGES MOBILE HOME
########################################################### */

textarea#from
{
	width:355px;
}

/* ###########################################################
		PAGES PROMOTIONS
########################################################### */
#listePromotions
{
	
}

#listePromotions .listePromotionsDateEffet{}
#listePromotions .listePromotionsPeriodes{}
#listePromotions .listePromotionsPrixAvant{}
#listePromotions .listePromotionsPrixApres{font-size:1.4em;font-weight:bold}

/* ###########################################################
		PLAN DU SITE
########################################################### */

ul#planSite_liste{margin:10px 0 10px 0px}
ul#planSite_liste li{margin:4px 0 4px 24px;list-style-type:disc;}