/* CSS Document */
body
{
	/*background:#056cb6;*/
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	margin:0px;
}
#conteneur
{
	position: absolute;
	width: 780px;
	left: 50%;margin-left: -390px;
	z-index:0;
	/*border: 1px solid #000;*/
}
#centre
{
	margin-top:10px;
	float:right;
	width:590px;
}
#gauche
{
	float:right;
	width:285px;
}
#droite
{
	float:right;
	width:285px;
}

#pictos
{
	position:absolute;
	right:5px;top:140px;
	z-index:3;

}
/*=======================================================================================================
MISE      EN     FORME     DU       TEXTE
========================================================================================================*/
.exp
{
	font-size:9px;
	color:#FFFFFF;

}
h1
{
	font-size:20px;
	color:#FFFFFF;
}
h2
{
	font-size:14px;
	color:#FFFFFF;
	margin-bottom:0px;
}
h3
{
	font-size:13px;
	color:#FFFFFF;
	margin:0;
}
hr.blanc
{
	border:none;
	background-color:#FFFFFF;
	height:1px;
	color:#fff;
	margin-top:5px;
}
.inline
{
	display:inline;
}
.texte_blanc12
{
	font-size:12px;
	color:#FFFFFF;
}
.texte_blanc12 a{color:#FFFFFF;text-decoration:underline}

.texte_blanc11
{
	font-size:11px;
	color:#FFFFFF;
}
.texte_blanc10
{
	font-size:10px;
	color:#FFFFFF;
}
.texte_blanc8
{
	font-size:9px;
	color:#FFFFFF;
}

.important
{
	color:#FF0000;
}
/*=====================================================================
MISE EN FORME DES IMAGES
===================================================================*/
img
{
	border:none;
}
.right{float:right;}
/*=======================================================================================================
MISE      EN     FORME     DU       MENU
========================================================================================================*/
#colonne_menu
{
	position:absolute;
	width: 215px;
	/*border: 1px solid #fff;*/
}
#menu
{
	float:left;
	width: 180px;
	text-align: left;
	font-size:11px;
	/*border: 1px solid #fff;*/
}
#menu ul li.menu_on
{
	list-style-image:url(img/puce_menu.gif);
	/*list-style: square;*/
	list-style-position:outside;
}
#menu ul li.menu_off
{
	list-style-image:url(img/puce_menu.gif);
	/*list-style: square;*/
	list-style-position:outside;
}
/*===============sous menus==============*/
ul li.ss_menu_on
{
	list-style-image:none;
	list-style-type:disc;
	list-style-position:inside;
	font-size:10px;
	margin-left:-40px;
}
ul li.ss_menu_off
{
	list-style-image:none;
	list-style-type:disc;
	list-style-position:inside;
	font-size:10px;
	margin-left:-40px;
}
.masque{display:none;}

#ul_menu li {margin-bottom:5px;color: #fff;}

/* Mise en forme des boutons de rubriques du menu */

#ul_menu li a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

/* Mise en forme du bouton de rubrique du menu quand on est dans la rubrique */
#menu ul li.menu_on a{color:#C7D6EE;text-decoration: none;}
*html .menu_on a{color:#C7D6EE;text-decoration: none;}

/*===============ss menu===============*/
.menu_off a{color:#fff;text-decoration: none;}
.menu_off a:hover{color:#C7D6EE;text-decoration: none;}

*html #menu ul li.ss_menu_off a{color:#fff;text-decoration: none;}

#menu ul li.ss_menu_on a{color:#C7D6EE;text-decoration: none;}
/* Effets de survol de la souris sur les rubriques du menu */

#menu ul li a:hover { color: #C7D6EE;}

/*le soleil sous le menu
#logo_atout
{
	position:absolute;
	z-index:1;
	top:460px;left:0px;
}
.text_atout
{
	position:absolute;
	width:140px;
	color:#056CB6;
	font-size:10px;
	z-index:2;
	top:80px;left:20px;
}
*/
#logo_atout
{
	clear:both;
	background-image:url(img/logo_soleil.gif);
	width:215px;height:210px;

}
.text_atout
{
	padding:65px 0 0 20px;
	width:139px;
	color:#056CB6;
	font-size:10px;
}
.li_logo
{
	margin:0;padding:0;
	list-style-type:disc;
	list-style-position:inside;
	color:#056CB6;
}
.li_logo a{color:#056CB6;text-decoration:none;}
.li_logo a:hover{color:#FDB913;text-decoration:none;}
/*=======================================================================================================
header et footer
========================================================================================================*/
#header_tunnel
{
	/*border: 1px solid #fff;*/
	width:780px;
	height:240px;
}
#header
{
	/*border: 1px solid #fff;*/
	width:780px;
	height:120px;
	/*background-color:#fff;*/
	color:#000000;
}
#info_importantes
{
	width:780px;
	height:20px;
	background-color:#c41134;
	color:#fdb813;
}

#footer
{
	/*border: 1px solid #fff;*/
	width:780px;
	height:20px;
	text-align:center;
	/*background-color:#8FABD9;*/
	color:#fff;
}
/*=======================================================================================================
LA PAGE  TUNNEL (langues)
========================================================================================================*/
a.ancre{color:#fff;text-decoration: none;}
a.ancre:hover{color:#C7D6EE;text-decoration: none;}

.ligne_condition
{
	float:right;
	width:590px;
	margin:5px 0px 0px 0px;
	/*line-height: 15px;*/
}
*html .ligne_condition{width:590px;}
.a_partir
{
	height:30px;
	background-image: url(img/a_partir.gif);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top:15px;
	font-size:20px;
	text-align:center;
	color:#FDB913; /*couleur orange du texte*/
}
.euro{font-size:16px;}
.drapeau
{
	float:left;
	width:280px;
	margin-top:10px;
	text-align:center;
}
.photo_tunnel
{
	margin-top:25px;
	float:right;
}
/*=======================================================================================================
LA PAGE  ACCUEIL
========================================================================================================*/
a.balnea{color:#056CB6;text-decoration:none;}
a:hover.balnea{color:#FDB913;text-decoration:none;}
#centre_accueil
{
	float:right;
	width:590px;
	z-index:0;
}
.titre_accueil
{
	margin:20px 0 0 10px;
	color:#fff;
	border:1px solid #fff;
}
#photo_haut_accueil
{
	float:right;
	margin-top:-20px;
	z-index:0;
}

#saison
{
	float:left;
	width:180px;
	margin-top:60px;
	margin-left:20px;
	color:#fff;
	Font-size:18px;
}

#soleil
{
	float:right;
	width:180px;
	margin-top:30px;
	margin-left:20px;
}

#photo_bas_accueil
{
	margin-top:10px;
	float:right;
}
#logo_balnea
{
	position:absolute;
	z-index:10;
	top:280px;left:350px;
}

#logo_evenements
{
	position:absolute;
	z-index:10;
	top:130px;right:20px;
}
.text_balnea
{
	position:absolute;
	width:100px;
	color:#056CB6;
	text-align:center;
	font-size:14px;
	z-index:2;
	top:85px;left:55px;
}
#logo_popup
{
	position:absolute;
	z-index:10;
	top:150px;right:25px;
	width:170px;height:210px;
	text-align:center;
	background:url(img/logo_soleil.gif) 0 0 no-repeat;
}
#logo_popup a
{
	display:block;
	width:100px;
	color:#056CB6;
	margin:90px 10px 0 55px;
	text-decoration:none;
	font-weight:bold;
}
#logo_popup a:hover{color:#FDB913;}
/*=======================================================================================================
LA PAGE  HEBERGEMENT
========================================================================================================*/
/*archi en lignes (3lignes)*/
.ligne
{
	float:right;
	width:590px;
	/*border:1px solid #fff;*/
}
*html .ligne{}
.ligne_droite
{
	float:right;
	width:530px;
	margin:20px 30px 10px 30px;
	line-height: 15px;
	/*text-indent: 5px;*/
	/*border:1px solid #fff;*/
}
*html .ligne_droite{width:470px;}

.img1
{
	float:right;
}
.img_long
{
	float:right;
	width:250px;
	margin:0 0 10px 10px;
}
*html .img_long{width:240px;}
#text_ligne1
{
	margin:20px 10px 10px 10px;
	float:right;
	width:250px;
	color:#FFFFFF;
}
*html #text_ligne1{width:230px;}

#text_ligne2
{
	margin:20px 30px 10px 10px;
	float:right;
	width:340px;
	color:#FFFFFF;
}
*html #text_ligne2{width:300px;}

#text_ligne3
{
	margin:20px 30px 10px 10px;
	float:right;
	width:340px;
	color:#FFFFFF;
}
*html #text_ligne3{width:300px;}

/*  Archi en colonnes (2colonnes)*/
.text1
{
	height:191px;
	color:#FFFFFF;
	margin:20px 10px 10px 10px;
	float:right;
	width:250px;
	line-height: 18px;
	text-indent: 5px;
}
*html .text1{width:230px;}
.text_droite
{
	height:189px;
	color:#FFFFFF;
	margin:20px 30px 10px 10px;
	float:right;
	width:245px;
}
*html .text_droite{width:200px;}
.text3
{
	margin:20px 10px 10px 10px;
	float:right;
	width:250px;
	color:#FFFFFF;
}
*html .text3{width:230px;}


/*=======page info_hebergement===========*/
.croquis
{
	float:left;
	width:200px;
	margin-top:10px;
	height:145px;
}
*html .croquis{}
.croquis_suite
{
	float:left;
	width:200px;
	margin-top:10px;
	height:160px;
}
/*=======================================================================================================
LA PAGE  DETENTE
========================================================================================================*/
.detente_text1
{
	height:163px;
	color:#FFFFFF;
	margin:20px 10px 10px 10px;
	float:right;
	width:250px;
	line-height: 18px;
	text-indent: 5px;
}
*html .detente_text1{width:230px;}
.detente_text_droite
{
	height:270px;
	color:#FFFFFF;
	margin:20px 30px 10px 10px;
	float:right;
	width:245px;
}
*html .detente_text_droite{width:200px;}
.detente_text3
{
	margin:20px 10px 10px 10px;
	float:right;
	width:250px;
	color:#FFFFFF;
}
*html .detente_text3{width:230px;}
/*=======================================================================================================
LA PAGE  DECOUVERTE
========================================================================================================*/
.decouverte_text1
{
	height:334px;
	color:#FFFFFF;
	margin:20px 10px 10px 10px;
	float:right;
	width:250px;
	line-height: 18px;
	text-indent: 5px;
}
*html .decouverte_text1{width:230px;}

.decouverte_text_droite
{
	height:181px;
	color:#FFFFFF;
	margin:20px 30px 10px 10px;
	float:right;
	width:245px;
}
*html .decouverte_text_droite{width:200px;}
.decouverte_text3
{
	margin:20px 10px 10px 10px;
	float:right;
	width:250px;
	color:#FFFFFF;
}
*html .decouverte_text3{width:230px;}
.ssdecouverte_text
{
	color:#FFFFFF;
	line-height: 18px;
	font-size:12px;
}
/*===================================SPORT==================================*/
.sport_text1
{
	height:161px;
	color:#FFFFFF;
	margin:20px 10px 10px 10px;
	float:right;
	width:250px;
	line-height: 18px;
	text-indent: 5px;
}
*html .sport_text1{width:230px;margin:9px 10px 0 10px;}
.sport_text_droite
{
	color:#FFFFFF;
	margin:20px 30px 10px 10px;
	float:right;
	width:245px;
	line-height: 18px;
	text-indent: 5px;
}
*html .sport_text_droite{width:235px;margin:20px 20px 10px 10px;}

/*=======================================================================================================
LA PAGE BALNEA
========================================================================================================*/
.balnea_text1
{
	height:158px;
	color:#FFFFFF;
	margin:20px 10px 10px 10px;
	float:right;
	width:250px;
	line-height: 18px;
	text-indent: 5px;
}
*html .balnea_text1{width:230px;margin:0 10px 0 10px;}
.balnea_text_droite
{
	color:#FFFFFF;
	margin:20px 30px 10px 10px;
	float:right;
	width:245px;
	line-height: 18px;
	text-indent: 5px;
}
*html .balnea_text_droite{width:200px;}

/*=======================================================================================================
LA   PAGE   PRINTEMPS
========================================================================================================*/
.printemps_ligne_droite
{
	float:right;
	width:530px;
	margin:5px 30px 5px 30px;
	line-height: 15px;
	text-indent: 5px;
	/*border:1px solid #fff;*/
}
*html .printemps_ligne_droite{width:460px;}

.printemps_ligne_module
{
	float:right;
	width:590px;
	margin:5px 30px 5px 0px;

	/*border:1px solid #fff;*/
}
*html .printemps_ligne_module{width:530px;}

.module_promo
{
	float:right;
	text-align:center;
	width:165px;
	margin:0px 0px 0px 10px;
	/*border:1px solid #fff;*/

}
*html .module_promo{width:155px;}

.module_atouts_seul ul 
{
	margin-left:0px;
	padding-left:0px;
	color:#FFFFFF;
}

.atout
{
	border:none;
	background-color:#FFFFFF;
	height:1px;
	color:#fff;
	line-height:2px;
	margin-top:-10px;
}
.module_atouts_seul li
{
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
	list-style: square;
	list-style-position:outside;
	margin-left:15px;
}

.module_atouts
{
	float:right;
	width:165px;
	margin:0px 0px 0px 10px;
	/*border:1px solid #fff;*/
}
*html .module_atouts{width:155px;}
.module_atouts ul 
{
	margin-left:0px;
	padding-left:0px;
	color:#FFFFFF;
}
.module_atouts li
{
	text-align:left;
	color:#FFFFFF;
	font-size:11px;
	list-style: square;
	list-style-position:outside;
	margin-left:15px;
}
.a_partir_printemp
{
	height:30px;
	background-image: url(img/a_partir_printemp.gif);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top:5px;
	font-size:20px;
	text-align:center;
	color:#FDB913; /*couleur orange du texte*/
}
.texte_a_partir
{
	font-size:9px;
	color:#FFFFFF;
	margin-bottom:0px;
}
.texte_ss_module
{
	font-size:12px;
	color:#FFFFFF;
	margin-top:0px;
}

.module_mois
{
	margin-left:50px;
	height:auto;
}

/*=======================================================================================================
LA   PAGE   FARNIENTE
========================================================================================================*/

.farniente_texte_285
{
	width:275px !important;
	width:285px;
	padding:5px;

}
.farniente_texte_285_droite
{
	width:265px !important;
	width:285px;
	padding:5px 15px 5px 5px;

}
/*=======================================================================================================
LA   PAGE   TARIFS
========================================================================================================*/
.module_eco
{
	float:right;
	text-align:left;
	width:520px;
	margin:5px 10px 5px 10px;
	/*border:1px solid #fff;*/
	color:#fff;
}
*html .module_eco{width:80px;}
.prix_eco
{
	font-size:20px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;

}
.indice_eco
{
	font-size:8px;
	line-height:8px;
}
.texte_eco
{
	font-size:12px;

}

table.grille
{
	font-size:12px;
	color:#056CB6;
	margin:10px 0 20px 0;
}
td
{
	/*background-color:#8FABD9;*/
	background-color:#fff;
}
.bleu{color:#056CB6;}

/*=======================================================================================================
LA   PAGE   TEMOIGNAGE
========================================================================================================*/
#temoignage_gauche
{
	float:right;
	width:385px;
}

#temoignage_droite
{
	float:right;
	width:170px !important;
	width:180px;
	border-left:1px solid #fff;
	padding:30px 0 30px 10px;
}

.temoignage_table
{
	background-color:#056CB6; /* bleu fond*/
	/*border:1px solid #fff;*/
	color:#fff;
	font-size:12px;
}
.temoignage_table td
{
	background-color:#056CB6; /* bleu fond*/
	/*border:1px solid #fff;*/
	padding:5px;
}


input.bouton
{
	-moz-border-radius:10px;
	background-color:#FDB913;/*jaune*/
	border:1px solid #FDB913;
/*
	border-top:1px solid #fff;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #fff;
*/
	color:#056CB6;/*bleu*/
}
input.select
{
	-moz-border-radius:10px;
	background-color:#FDB913;/*jaune*/
	
	border-top:1px solid #9F7000;/*jaune foncé*/
	border-right:1px solid #FFD46F;/*jaune clair*/
	border-bottom:1px solid #FFD46F;/*jaune clair*/
	border-left:1px solid #9F7000;/*jaune foncé*/

	color:#056CB6;/*bleu*/
}
/*=======================================================================================================
LA   PAGE   CONTACT
========================================================================================================*/
#centre_contact
{
	float:right;
	/*margin:10px 30px 10px 10px;*/
	width:500px;
	/*border:1px solid #fff;*/
	/*width:579px;height:200px;*/
	color:#fff;
	font-size:12px;
}
*html #centre_contact{}
#adresse
{
float:right;
width:400px;
/*border:1px solid #fff;*/
}
label
{
 /*line-height:20px;*/
 text-align:right;
 float: left;
 width: 100px;
 padding-top: 0.5em; /* aligne les champs en hauteur */
 font-size:12px;
 color:#FFFFFF;
}
*html label{padding-top: 0.3em;}
.champs
{
	width:300px;
	border:1px solid #72583d;
}
*html .champs{width:290px;}
.bouton
{
	/*background-color:#D4B598;*/
}
textarea
{
	width:300px;
	height:130px;
	border:1px solid #72583d;
	font-size:12px;
}


/************************* LES EVENEMENTS *********/
#colGauche
{
	margin-top:10px;
	width:370px;
	float:left;
	color:#fff;
}
#colGauche h3
{
	border-bottom:1px solid #fff;
	font-size:1.3em;
}
#colGauche #texte{margin-top:10px;font-size:1.1em;}
#colGauche #texte img{float:left;margin:0 4px 4px 0;}
#colGauche #texte h4{margin:0;font-weight:normal;color:#FDB913;/* orange */}
#colGauche #texte span.date{display:block;font-size:0.7em;margin:0}


#colDroite
{
	margin:10px 10px 0 20px;
	width:190px;
	float:left;
	color:#fff;
}
#colDroite h4{margin:0 0 10px 0;}
#colDroite ul{margin:0;padding:0}
#colDroite ul li{list-style-type:none;color:#fff;}
#colDroite ul li a{color:#fff;text-decoration:none}
#colDroite ul li a:hover{text-decoration:underline;}
#colDroite ul li a.select{text-decoration:underline;}

/* CREABILIS */
#iCercle_tagCloud {
	border-top:1px white solid;
	margin-top:20px;
	margin-bottom:0px;
	width:780px;
	text-align:center;
}
#iCercle_tagCloud a{
	color:#FFFFFF;
	text-decoration:none;
	padding-right:6px;
}
#iCercle_tagCloud a:hover{
	text-decoration:underline;
}
#iCercle_presentationBlocsContainer {
	height:60px;
	overflow:hidden;
}
.iCercle_presentation {
	display:none;
	border-top:1px white solid;
	margin-top:6px;
	margin-bottom:0px;
	width:780px;
	text-align:center;
	font-size:10px;
}
.iCercle_presentation a{
	color:#FFFFFF;
	text-decoration:none;
	padding-right:6px;
}