/* CSS Document */
html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, tt, var,
	dl, dt, dd, ol, ul, li,table
	fieldset, form, label, legend,caption, tbody, tfoot, thead, th{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 12px;
		font-family: inherit;
		vertical-align: baseline;
	}
	
body{
	font:.75em/1.5em normal Arial, sans-serif;
	font-size:12px;
	margin: 0;
	background-color: #FFFFFF;
	/*background-color:#b10063;*/
	color:#707070;
	background-image:url(../images/fond2.jpg);
	background-repeat:no-repeat;
		
	}
	
body {behavior:url(csshover.htc);}
	
html>body {
		font-size:12px;
		color:#707070;
		}

/* border:1px solid #000000;*/	
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #004e4d; }
h1 { color:#1192a5; text-decoration:none; font-weight:normal; font-size:20px ; margin-bottom:10px; }
h1.home { color:#ffffff; text-decoration:none; font-weight:bold; font-size:14px ; margin-bottom:3px !important; margin-bottom:0px;  margin-top:18px; margin-left:5px; line-height:0px}
h2 {color:#5e9d27; text-decoration:none; font-weight:normal; font-size:14px; margin-bottom:5px; height:23px !important; height:25px;  padding-left:25px; padding-top:2px; background-image:url(../images/titre_h2_n.gif); background-repeat:no-repeat; margin-left:5px; font-weight:bold}

h2.select {
background-image:url(../images/titre_h2_n2.gif); background-repeat:no-repeat;
}

h2.feuille {color:#5e9d27; text-decoration:none; font-weight:normal; font-size:15px; margin-bottom:5px; height:23px !important; height:25px;  padding-left:35px; padding-top:2px; background-image:url(../images/titre_h2.gif); background-repeat:no-repeat; margin-left:5px}

h2.home { color:#5e9d27; text-decoration:none; font-weight:bold; font-size:12px ;margin-bottom:0px ; margin-left:15px; background-image:none;}

.ss_h2 { font-style:italic; font-size:12px}
.ss_h3 { font-style:normal; font-size:11px; color:#999999;  font-weight:bold}

h3{ font-size:13px; font-weight:bold; margin-left:5px; color:#5e9d27}
h3.h3_forfait{float:left; width:280px; color:#004540; font-style:normal;}

ul{padding-left:30px; text-align:justify}
ul.coffrets { list-style:none; padding:5; text-align:justify}
ul.coffrets li {margin-bottom:3px;}
ul.activites {margin-left:-35px; margin-top:10px;float:left; list-style:none}
ul.activites li,ul.activites a { font-size:12px; margin-bottom:3px}
ul.activites a:hover {color:#b20063;}

ul.cvg {list-style:none; margin-top:30px; margin-left:-20px}
ul.cvg li { margin-bottom:10px;}

p { text-align:justify; padding-left:8px; padding-right:8px; line-height:14px; margin-bottom:5px}
p.p_gauche { float:left; width:273px !important; width:290px; border-right:solid 1px #bdbdbd; padding-left:3px;}
p.p_droite {float:left; width:273px !important; width:290px;}
p.p_gauche:hover, p.p_droite:hover{color:#b20063; cursor : pointer;}
p.prix {width:100%; text-align:right; float:right;}
p.commentaires{font-size:11px; font-style:italic; line-height:14px}
.important {color:#b20063; text-align:left; font-size:14px; }
.prix1 {font-size:16px;}
.prix2 {color:#b20063; font-size:24px;}

img.gmaps { float:left; margin-right:5px;}
img.etape {margin-left:60px; margin-bottom:20px; margin-top:20px}
img.reserver {float:right;VERTICAL-ALIGN: middle; display:block; }

hr.trait {
color:#bdbdbd; background-color:#bdbdbd; height: 1px; border: 0; width:60%; text-align:center;
}

a { color: #1192a5; text-decoration: underline;}
a:hover{ text-decoration:none ; }

a.retour {float:right;font-size:14px;}
a.des_forfait{ text-decoration:none;}
a.des_forfait:hover{ text-decoration:underline;}

a.site{font-size:19px; color:#999999; text-decoration:none; float:left; margin:5px}
a.site:hover{font-size:19px; color:#5e9d27}

a.news { background-image: url('../images/newsletter2.gif'); width: 202px; height:19px; border:0px; display:block; float:left; margin:5px}
a.news:hover { visibility: visible;}
a.news:hover img { visibility: hidden;}

a.menu_droit { color:#878787; font-size:14px; }
a.menu_droit:hover { color:#b20063; font-size:14px; }
a.titre_coffret { font-size:16px; margin-top:10px;}

a.type_heber { font-size:15px;color:#5e9d27}
a.type_heber span{ font-size:15px;color:#5e9d27}

a.chemin_fer{
float:left;
color:#1192a5;
text-decoration:underline;
font-size:20px ;
height:auto;
}

span.chemin_fer2{
float:left;
color:#1192a5;
text-decoration:none;
font-weight:bold;
font-size:15px ;
margin-left:5px;
margin-right:5px;
}

a.bouton_active { background-image: url('../images/coffret_cadeau_lozere_active2.jpg'); display: block; width: 112px; height:122px; border:0px;}
a.bouton_active:hover { visibility: visible;}
a.bouton_active:hover img { visibility: hidden;}

a.bouton_naturelle { background-image: url('../images/coffret_cadeau_lozere_naturelle2.jpg'); display: block; width: 112px; height:122px; border:0px;}
a.bouton_naturelle:hover { visibility: visible;}
a.bouton_naturelle:hover img { visibility: hidden;}

a.bouton_insolite { background-image: url('../images/coffret_cadeau_lozere_insolite2.jpg'); display: block; width: 112px; height:122px; border:0px;}
a.bouton_insolite:hover { visibility: visible;}
a.bouton_insolite:hover img { visibility: hidden;}

a.bouton_intense { background-image: url('../images/coffret_cadeau_lozere_intense2.jpg'); display: block; width: 112px; height:122px; border:0px;}
a.bouton_intense:hover { visibility: visible;}
a.bouton_intense:hover img { visibility: hidden;}

a.bouton_cheques { background-image: url('../images/cheques_cadeaux_lozere2.jpg'); display: block; width: 112px; height:122px; border:0px;}
a.bouton_cheques:hover { visibility: visible;}
a.bouton_cheques:hover img { visibility: hidden;}

a.bouton_reserver { background-image: url('../images/reserver_coffret_cadeau_bis.gif'); float:right; display: block; width: 216px; height:72px; border:0px; margin-top:10px}
a.bouton_reserver:hover { visibility: visible;}
a.bouton_reserver:hover img { visibility: hidden;}

a.bouton_precedente { background-image: url('../images/precedente2.gif'); width: 141px; height:21px; border:0px; margin-top:30px; float:left; margin-left:30px; display:inline}
a.bouton_precedente:hover { visibility: visible;}
a.bouton_precedente:hover img { visibility: hidden;}

a.bouton_suivante { background-image: url('../images/suivante2.gif'); display:inline; width: 141px; height:21px; border:0px; margin-top:30px; float:left; margin-left:10px}
a.bouton_suivante:hover { visibility: visible;}
a.bouton_suivante:hover img { visibility: hidden;}

span.important{ font-weight:normal; font-weight:bold; color:#3284ab}
span.prix_bleu{float:left; width:31px !important; width:35px; background-color:#0066FF; padding:1px 2px 1px 2px; color:#FFFFFF; text-align:center; display:inline}
span.prix_orange{float:left; width:31px !important; width:35px; background-color:#FF6600; padding:1px 2px 1px 2px; color:#FFFFFF; margin-left:1px; text-align:center}
span.prix_vert{float:left; width:31px !important; width:35px; background-color:#33CC99; padding:1px 2px 1px 2px; color:#FFFFFF; margin-left:1px; text-align:center}

div.forfait{border:solid 1px #f0f0f0; width:400px; height:auto; margin-bottom:10px; float:left; margin-left:35px; display:inline; padding:0;/*cursor : pointer;*/}

div.forfait:hover{border:solid 1px #b5e8e8;}

div.site_externe{border:solid 1px #f0f0f0; width:285px; height:80px; margin-top:10px; float:left; margin-left:10px; display:inline; padding:0;/*cursor : pointer;*/}

img.screen { float:left; margin:5px; border:0}

#content{
position:relative;
width:970px;
height:590px;
border:solid 0px #000000;
background-image:url(../images/fond.png);
-background-image:url(../images/fond_home.jpg);
}

<!--[if lt IE 7]>
#content{
position:relative;
width:970px;
height:590px;
border:solid 0px #000000;
background-image:url(images/fond2.gif);
}
<![endif]-->

#header{
position:relative;
float:left;
display:inline;
width:100%;
height:50px;
border: solid 0px #000000;
}

#logo {
position:relative;
float:left;
margin-left:30px;
margin-top:10px;
}

#slogan {
position:relative;
float:left;
margin-left:250px;
margin-top:20px;
color:#a3a4a4;
font-size:15pt;
}

#feuilles {
position:absolute;
top:0px;
right:0px;
margin-right:20px;
margin-top:73px;
z-index:3;
}

#contenu{
position:relative;
float:left;
width:910px !important;
width:970px;
height:430px !important; 
height:440px;
text-align:left;
padding-left:30px;
padding-right:30px;
padding-top:10px;
border:solid 0px #0033CC;
}

#contenu_home {
position:relative;
float:left;
width:301px;
height:418px;
border: solid 0px #000000;
text-align:left;
background-image:url(../images/bloc_accueil_2.jpg);
margin-left:10px;
}

img.accueil {
border: 0; 
VERTICAL-ALIGN: middle;
float:left; display:block; 
}

#soin1 {
position:relative;
float:left;
width:590px;
height:195px;
border:solid 0px #999999;
}

#soin2 {
position:relative;
float:left;
width:590px;
height:161px !important;
height:163px;
overflow:scroll;
overflow-x:hidden;
overflow-y:hidden;
border:solid 1px #CCCCCC;
background-color:#f3fbfd;
margin-top:10px;
}

#forfaits {
position:relative;
overflow:scroll;
overflow-x:hidden;
overflow-y:hidden;
border:0px solid grey; 
width:910px; 
height: 280px; 
background-color:#ffffff; 
padding: 0px;
 margin-top:5px;
}

#bandeau_forfaits {
width:910px;
height:85px;
margin-bottom:5px;
border:solid 0px #333333;
background-image:url(../images/fond_forfaits.jpg);
}

#footer{
position:relative;
float:left;
display:inline;
width:auto;
height:auto;
border: solid 0px #000000;
margin-top:20px;
color:#a3a4a4;
font-size:15pt;
z-index:0;
margin-left:25px !important;
margin-left:20px ;
background-color:#FFFFFF;
border:dashed 1px #999999;
padding:5px;
}

.soin_detail{
height:240px; 
padding:1px;
}

.menu_soins{
 list-style-type:none;
 width:auto;
 float:left;
 border:solid 0px #333333;
 text-align:center;
 margin:0;
 padding:0;
 display:inline;
 margin-left:100px;
 margin-top:20px;
 }

.menu_soins li {
 margin-left:25px;
 float:left; /*pour IE*/
 }
.menu_soins li a {
 display:block;
 float:left;   
 width:200px;
 text-align:center;
 }
 
.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid #004344;
    padding: 5px;
    font-family: Verdana, Arial;
    font-size: 12px;
	color:#004344;
    background-color: #ffffff;
	z-index:10;
}

.heber_prox{
width:270px !important;
width:280px;
height:60px !important;
height:70px;
padding:5px;
border:solid 1px #CCCCCC;
background-color:#f2ffe6;
margin-right:5px;
margin-bottom:5px;
font-size:12px;
float:left;
}

.ss_bloc{
float:left;
width:100%; 
height:auto; 
border:solid 0px #FF0000;
margin-bottom:10px;
}

.bloc_heber{
width:600px !important;
width:590px;
overflow:scroll;
height:300px;
margin-bottom:10px;
overflow-x:none;
overflow-x: hidden;
}

.heber_prox h4,a { font-size:12px;}

#scrollup
	{
		margin:0px;
		padding-left:0px;
		position:relative;
		border:0px solid #c5c5c5;
		height:205px;
		overflow:hidden;
		border:solid 0px #333333;
		display:block;
			
	}
	
	
	.headline
	{
		position: absolute;
		top: 200px;
		border:solid 0px #FF0000;
		display:block;
		
	}
	
/*------------ Tab Content, tableau de liens des forfaits et des soins -----------------*/

.modernbricksmenu2{
float:left;
padding: 0;
border-top: 0px solid #5f9c25; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
margin:0;
margin-top:3px;
display:inline;
width:auto;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
/*text-transform:uppercase;*/
}

.modernbricksmenu2 a{
float: left;
display: block;
font: 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 2px 9px;
background-color:#004d4d; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #5f9c25; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #5f9c25; /*Brown color theme*/ 
color: white;
}	

#videos {
position:absolute;
bottom:10px;
left:10px;
margin-left:0px;
margin-bottom:0px;
z-index:30;
}
	
#ext_link{
position:relative;
float:left;
width:100%;
text-align:center;
border: solid 0px #333333;
margin-top:5px;
color:#999999;
}

#ext_link a{
color:#999999;
}