body{
	margin:0 auto;		
	font:12px/14px Helvetica, Arial,  sans-serif;
	/*background:#eaebf0;*/
}
a{ color:#a89b26; text-decoration:none;}
a:hover{ color:#000000; text-decoration:underline;}
#titre a{color:#a89b26; text-decoration:none;}
#titre a:hover{ color:#FF0; text-decoration:underline;}
img{ border:0;}
#top{ padding:0;
		margin: 0 auto;
        height:578px;
		width:100%;
        background:url("../images/top-bg.jpg") no-repeat #6d4218;
		background-position:center;
		
		      
}
#top2{ padding:0;
		margin: 0 auto;
        height:364px;
		width:100%;
        background:url("../images/top2-bg.jpg") no-repeat #6d4218;
		background-position:center;     
}
#titre{padding:0;
margin:60px auto;
width:945px;
height:110px;
-moz-border-radius: 10px;
border-radius: 10px;
position:absolute;
z-index:1;
background:url("../images/titre-bg.png") repeat-y;
padding:10px;}
#text{ float:left; width:575px;/*border:1px solid #fff;*/}
#titre #text h1{ font-family:Aller Light; color:#a89b26; font-size:30px; margin-bottom:10px; margin-top:10px; line-height:25px;}
#titre #text p{ font:10pt Georgia; color:#ffffff;}
#tarif{ float:left;  width:240px; /*border:1px solid #fff;*/ margin-left:120px; margin-top:30px;}
.text-prix{ color:#ffffff; font:14pt Georgia; width:120px; float:left}
.barre{ text-decoration:line-through;}
.text-promo{color:#a89b26;font:14pt Georgia;width:120px; float:left}

#tarif1{ float:left;  width:290px; /*border:1px solid #fff;*/ margin-left:120px; margin-top:30px;}
.text-prix1{ color:#ffffff; font:16pt Georgia; width:140px; float:left}
.barre{ text-decoration:line-through;}
.text-promo1{color:#a89b26;font:16pt Georgia;width:140px; float:left}

#tarifinterne{ float:left;  width:290px; background-image:url(../images/blocparmois.png); margin-top:-35px;}
.text-prixinterne{ color:#ffffff; font:16pt Georgia; width:130px; float:left; margin-left:25px;}
.barreinterne{ text-decoration:line-through;}
.text-promointerne{color:#a89b26;font:16pt Georgia;width:130px; float:left;}
.text-promofin{color:#000000;font:10pt Georgia;width:280px; }

#tariffianancement{  color:#444e69; font-family:Aller Light; font-size:26px;  background-image:url(../images/background-credit.png); height:431px;}
.text-promofinancement{color:#000000;font:12pt Georgia;width:530px;  margin-left:10px ; margin-right:10px}

#nav{padding:0;
margin:0 auto;
height:35px;
width:100%;
background:url("../images/nav-bg.png") repeat-y ;
background-position:center;
border-bottom:1px solid #6a5510;
	}
	
#nav-content{
padding:0;
margin:0 auto;
height:34px;
width:965px;
/*border:1px solid #fff;*/
 }
#nav-content ul { 
padding:9px 0;
margin:0 auto;
margin-left:320px;
}
#nav-content li { list-style:none;
float:left;
padding:0px 6px 0px 6px; 
text-align:center;
}
#nav-content li a { font-family:Arial;
			color:#ffffff;
			font-size:11px;
			font-weight:bold;
			text-decoration:none;
			text-transform:uppercase;
			line-height:11px;}
#nav-content li a:hover{ color:#c6b628;}
#nav-content li a.current{color:#c6b628;}
#nav-content li.last{padding-right:0px;}

#top-ligne{
padding:0;
margin:0 auto;
width:965px;
height:120px;

/*border:1px solid #fff;*/
}
#logo{ 
height:80px; 
width:205px;
float:left;
padding:20px 0px 20px 65px; 
}
#slogan{height:20px; 
width:300px;
float:left;
padding:50px 10px; text-align:right;}
.clear{ clear:both;}
#slogan span{ font-family:Aller Light; font-size:22px; color:#ffffff; line-height:24px;}
#top-right{height:120px; 
width:374px;
float:left;}
#social{ height:25px; /*border:1px solid #fff;*/ margin-top:19px;}
#social span{ font-family:Arial; font-weight:bold; font-size:12px; color:#ffffff;}
.socialcontent{ float:right; width:25px; height:25px; margin-right:3px; /*border:1px solid #fff;*/}
.socialtext{float:right; width:55px; height:25px; margin-right:8px;/*border:1px solid #fff;*/}
#social .last{ margin-right:0px;}
#contact{ height:46px; /*border:1px solid #fff;*/ margin-top:10px; cursor:pointer;}
.tel{float:right; height:46px; width:34px; /*border:1px solid #ffffff;*/ }
.num{float:right; height:46px; text-align:right; margin-right:10px; margin-top:10px;}
span.numtel{ font-family:Arial; font-size:26px; color:#ffffff; font-weight:bold;}
span.contacter{ font-family:Georgia; font-size:16px; color:#ffffff; letter-spacing:3px;}

/*menu */
#menu{
height:41px; 
padding:0;
margin:0 auto;
width:965px;
background:url(../images/menu-bg.png) repeat-x;
-moz-border-radius: 10px;
border-radius: 10px;
position:absolute;
z-index:2;
	/*border:1px solid #fff;*/
	}
	
#menu ul.mainmenu { list-style:none;  
	 margin:0 auto;	 
	 padding:0; 
	  height:41px;
	  width:958px;
	  text-align:center;
	
}
#menu ul li { list-style:none;
float:left;
padding:15px 11px 0px 11px; 
background:url("../images/sep.png") no-repeat;
background-position:right;
text-align:center;
height:24px;

}
#menu ul li a { font-family:Arial;
			color:#ffffff;
			text-transform:uppercase;
			font-size:14px;
			text-decoration:none;
			font-weight:400;
			line-height:14px;}
#menu ul li a:hover{ 
color:#c7b627; 
}
#menu ul li:hover a{height:41px; 
padding-bottom:20px;
background:url(../images/fleche.png) no-repeat;
background-position:bottom center;}
#menu ul li.last{ background:none;}
#menu ul li:hover{background:url("../images/menu-hover-bg.png") repeat-x;

height:26px;}

#menu ul li.first{ padding-left:40px;}
#menu ul li.first:hover{
-moz-border-radius: 8px  0px  0px  8px;
border-radius:8px  0px  0px  8px;
height:26px;
}

#menu li ul{ display:none;}
#menu li:hover ul{ display:block;}
#menu li:hover ul{ position:absolute;}
#menu li:hover ul li{ float:none; background:none;}
#menu li:hover ul li a{ background:none; }
#menu ul li ul{width:220px; background:#000000; border:2px solid #888888; margin-top:15px; margin-left:-50px;  opacity:0.85;-moz-border-radius: 10px;
border-radius: 10px; padding:0;}






/* fin menu */

/* animation */
#menu-anim{padding:0;
margin:0px auto;
width:965px;}
#anim{
padding:0;
margin:50px auto;
width:965px;
height:350px;
-moz-border-radius: 10px;
border-radius: 10px;
position:absolute;
z-index:1;

}

/* fin animation */ 

#midle{padding:0;
		margin: 0 auto;
		width:1200px;}
#contenu{padding:0;
margin:0 auto;
width:965px;
/*border:1px solid #000;*/}

#left{ width:575px;
float:left;
margin-right:10px;
}
#left-contenu{ padding:10px;}
#left-contenu h2{ color:#262626; font-family:Aller Light; font-size:30px; margin-top:20px; margin-bottom:15px; line-height:35px;}
#left-contenu span.soustitre{ font-family:Georgia; color:#000000; font-size:15px; }
#right{ float:left;
width:376px;}

.bloc{ width:575px;
padding:10px;
}
.bloc h2{ color:#262626; font-family:Aller Light; font-size:30px; font-weight:normal;}
.bloc span{ font-family:Georgia; font-size:15px;color:#000000;}
.bloc p{color:#404040;font:10pt Georgia; padding-right:10px; }
.bloc img{ float:left; margin-right:5px;}
.sep-bloc{background:url("../images/sep-bloc.png") no-repeat;
background-position:bottom center; height:6px; margin-bottom:10px; margin-top:10px;}
.bloc a.plus{background:url("../images/plus.png") no-repeat; padding-left:18px; color:#262626; font-family:Arial; font-size:10px; text-decoration:none; padding-bottom:2px; padding-top:2px; }
a.plus:hover{ color:#000000;}
.plus-btn{ text-align:center;}
a.plus-bleu{background:url("../images/plus-bleu.png") no-repeat; padding-left:22px; color:#2e88c7; font-family:Georgia; font-size:14px; text-decoration:none; padding-bottom:2px; padding-top:1px; }
a.plus-bleu:hover{ color:#2e88a4;}
.gamme{padding:5px;}
.espace-30{ height:30px;}
.bloc-gamme{ width:178px; height:390px; /*border:1px solid red;*/ float:left; margin-right:4px; }
.dernier{ margin-right:0px;}
.img-gamme{ text-align:center; height:170px; padding:5px;}
.nom-spa{ text-align:center;padding:2px; height:40px}
.nom-spa span{ font: 10pt Aller Light; color:#444e69; font-weight:bold;  }
.detail-spa{ border:1px solid #aaaaaa; height:160px;}
.text-spa{ padding:15px; color:#595959; font:11pt Georgia; text-align:center;}

.recherche{ width:364px; padding:5px; height:300px; background:#e9e9e9; margin-top:30px; border:1px solid #aaaaaa;}
.recherche strong{ font-family:Arial, Helvetica, sans-serif; color:#262626; text-align:center;}
.submit-rech{ background:url(../images/sub.png); width:94px; height:48px; margin-left:140px; border:none; cursor:pointer;}
.rech-content{ margin:30px 0px 0px 10px;background:#fff;width:330px; padding:5px;height:200px;border:1px solid #aaaaaa;}
.carte{background-image:linear-gradient(#e9e9e9,#ffffff); /* Norme W3C */
	background-image:-moz-linear-gradient(#e9e9e9,#ffffff); /* Firefox */
	background-image:-webkit-linear-gradient(top, #E9E9E9 0%, #FFFFFF 100%); /* Chrome, Safari */
	background-image:-o-linear-gradient(#e9e9e9,#ffffff); /* Opera */
	background-image:-ms-linear-gradient(#e9e9e9,#ffffff); /* IE */ 
	border:1px solid #aaaaaa; width:346;  padding:10px;}
.carte img{ margin-top:-50px;}
.carte .bande{ background-position:top right; width:100%; height:102px; margin-top:-16px; margin-left:16px;}
.carte p{ font-family:Georgia; color:#404040; font-size:15px;}
.carte-nav{ background:#e9e9e9; border:1px solid #aaaaaa;}
.carte-nav ul { list-style:none;
height:38px;	  
	  width:346px;
	  text-align:center;
	  padding:0;
	  margin:0 auto;
	
}
.carte-nav ul li { list-style:none;
float:left;
padding:15px 10px 5px 5px; 
background:url(../images/sep-carte.png) no-repeat;
background-position:right;
text-align:center;
height:18px;



}
.carte-nav ul li.last{ background:none;}

.carte-nav ul li a{ color:#262626; text-decoration:none; font-family:Georgia; font-size:12px;}

.nouveau{border:1px solid #aaaaaa; width:346;  padding:0px;}
.tete{ background:#e9e9e9; text-align:center;font-family:Georgia;  }
.tete h3{ font-size:14px; color:#262626; margin:0; padding:10px 0; font-weight:normal; background:url(../images/h3-bg.png) no-repeat;
background-position:bottom center;}
.impair{ padding:10px; background:#ffffff; height:50px; cursor:pointer;}

.pair{ padding:10px; background:#e9e9e9; height:50px;cursor:pointer;}
.pair:hover .texto{ color:#000000; font-weight:150;}
.impair:hover .texto{ color:#000000;font-weight:150;}
.texto{font-family:Georgia;font-size:12px; float:right; width:285px; color:#262626;}
.texto p{ margin:4px;}
.icon{ float:right; width:61px; text-align:center;}
.prix{font-family:Georgia;font-size:12px; color:#999999;}


#footer{ padding:0;
		margin: 40px auto;
        height:366px;
		width:100%;
        background:url("../images/footer-bg.png") no-repeat #6d4218;
		background-position:center;     
}
#footer-content{
	padding:0;
margin:0 auto;
height:366px;
width:965px;
/*border:1px solid #ffffff;*/}
#liens{ padding:40px 0px 0px 40px;}
#liens ul{ width:180px;
height:200px;
list-style:none;float:left;
margin:0;
padding:0;}
#liens ul li{  list-style:none;  padding-bottom:10px;}
#liens ul li a{ font-family:Georgia; font-size:13px; background:url(../images/a-bg.png) no-repeat; background-position:left center; padding-left:10px; color:#ffffff; text-decoration:none; }
#liens ul li a:hover{ color:#f1dc2b}
#liens strong{color:#f1dc2b;font-family:Aller Light; font-size:15px; }


#logo2{ 
height:80px; 
width:205px;
float:right;
padding:0px; 
/*border:1px solid #fff;*/
}

#social2{ height:80px; /*border:1px solid #fff;border:1px solid #fff;*/ width:300px; float:right; margin-right:150px; padding-top:20px;  }
#social2 span{ font-family:Arial; font-weight:bold; font-size:12px; color:#ffffff;}
#social2 .last{ margin-right:0px;}
#contact2{ height:46px;/* border:1px solid #fff;*/ margin-top:10px; cursor:pointer; float:left; margin-left:40px;}

#copyright{ color:#d9d5d5; font-family:Georgia; font-size:12px; text-align:center; font-weight:normal;}
#copyright p{ padding-left:20px;}
#fiche .first-fiche{ width:150px; text-align:left; height:30px; }
#fiche .second-fiche{ width:400px; text-align:left; font-weight:bold; height:30px;}
.pro-sep{ text-align:center; margin-top:20px;}
.pro-sep2{ text-align:center; margin-top:20px; margin-bottom:20px;}
#desc-prod h2{ color:#444e69; font-family:Aller Light; font-size:26px;}
#desc-prod{ font:10pt Georgia; color:#404040;}
#vignette{ height:100px;}
#details{font:14pt Georgia; color:#262626; margin-left:10px; margin-top:10px;}
#details img{ height:50px;}
#similaire{background-image:linear-gradient(#e9e9e9,#ffffff); /* Norme W3C */
	background-image:-moz-linear-gradient(#e9e9e9,#ffffff); /* Firefox */
	background-image:-webkit-linear-gradient(top, #E9E9E9 0%, #FFFFFF 100%); /* Chrome, Safari */
	background-image:-o-linear-gradient(#e9e9e9,#ffffff); /* Opera */
	background-image:-ms-linear-gradient(#e9e9e9,#ffffff); /* IE */ 
	border:1px solid #aaaaaa; width:346px;  padding:10px; height:250px;}
	#similaire .bande-similaire{ background:url(../images/similaire.png) no-repeat; background-position:top right; height:102px; margin-top:-16px; margin-left:16px; position:absolute; width:346px; z-index:2}

#simple{ padding:10px;}
#simple h2{ font: 25pt Aller Light; color:#444e69; font-weight:bold;}
#simple p{ font:10pt Georgia; color:#404040;}
	
	/* formulaire contact*/

#tabcontact td.first{ width:180px; text-align:left; color:#4e3f3d; font-family:Helvetica; font-size:13px;}
#tabcontact td.second{width:300px;  text-align:left; color:#4e3f3d; font-family:Helvetica; font-size:13px; font-weight:bold;}


#tabcontact2 td.first{ width:150px; text-align:left; color:#4e3f3d; font-family:Helvetica; font-size:13px;}
#tabcontact2 td.second{width:300px;  text-align:left; color:#4e3f3d; font-family:Helvetica; font-size:13px; font-weight:bold;}


input[type="radio"] {
  display: none;
}

input[type="radio"]+label {
  background-image: url(../images/radiocontact.png);
  background-position:left;
  padding-left:23px;
  padding-bottom:3px;
  padding-top:3px;
  background-repeat:no-repeat;
  font:9pt Georgia;
}

input[type="radio"]:checked+label, input[type="radio"]:hover+label {
  background-image: url(../images/radiocontact2.png);
    background-position:left;
  background-repeat:no-repeat;
}
.oblig{background-image: url(../images/oblig.png);
    background-position:top right;
  background-repeat:no-repeat;}
  .intext{background:url(../images/intext-bg.png);
color:#c0bebe;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;border:0;
padding:2px 5px 2px 5px; height:37px; width:283px;
margin-bottom:15px;
}
  .inselect{
	  width: 290px;
   height: 41px;
   overflow: hidden;
   background: url(../images/new_arrow.png) no-repeat right ;

}
.inselect select{background: transparent;
   width: 310px;
   padding: 6px 2px 5px 1px;
   font-size: 13px;
   border: 2px solid #c1c0c0;
   -moz-border-radius: 4px;
border-radius: 4px;
   height: 34px;}
   .area2{background:url(../images/area-bg2.png);
color:#c0bebe;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;border:0;
padding:2px 5px 2px 5px; height:103px; width:283px;
resize:none;
margin-bottom:15px;
}

.submit{background:url(../images/submit-bg.png); padding-bottom:5px; font: 12pt Arial; color:#2f3850;  width:132px; height:33px; border:0; cursor:pointer;}
/* */

.envoloppe{ padding:5px; margin-top:250px;}
.envoloppe a{ text-decoration:none; font:14pt Georgia; color:#a89b26; padding-left:28px; background:url(../images/envoloppe.png) no-repeat; background-position:left; padding-bottom:5px;}
.envoloppe a:hover{color:#a45514;}

.twitter{ padding:5px; }
.twitter a{ text-decoration:none; font:14pt Georgia; color:#a89b26; padding-left:28px; background:url(../images/twitter.png) no-repeat; background-position:left; padding-bottom:5px;}
.twitter a:hover{color:#a45514;}

.fb{ padding:5px;}
.fb a{ text-decoration:none; font:14pt Georgia; color:#a89b26; padding-left:28px; background:url(../images/facebook.png) no-repeat; background-position:left; padding-bottom:5px;}
.fb a:hover{color:#a45514;}








#connexion-right {
    position: fixed;
    right: 100px;
    top: 5%;
    z-index: 500;
	font:10pt Georgia;
 /*opacity:0.80;*/
}

#connexion-right #connexion-icon {
    float: left;
    height: 132px;
    width: 31px;
}

#connexion-right a{ color:#000000;}
#connexion-right a:hover{ color:#a89b26;}

#connexion-right #connexion-app {
   
    border: 3px solid #000000;-moz-border-radius:0px 10px 10px 10px;
    -webkit-border-radius:0px 10px 10px 10px;
    border-radius:0px 10px 10px 10px;
    float: left;
 color:#000000; 
 
}







/*partie left*/
#connexion-right1 {
margin-left:-118px;
    top: 5%;
    z-index: 500;
	font:10pt Georgia;
}
#connexion-right1{
float:left;
    height: 132px;
    width: 31px;
}
#connexion-right1 a{ color:#000000;}
#connexion-right1 a:hover{ color:#a89b26;}
#connexion-right1 #connexion-app1 {
    float: left;
 color:#000000; 
}
/*-------partie right------*/
#connexion-left {
margin-right:-118px;
    top: 5%;
    z-index: 500;
	font:10pt Georgia;
 /*opacity:0.80;*/
}
#connexion-left {
    float: right;
    height: 132px;
    width: 31px;
}
#connexion-left a{ color:#000000;}
#connexion-left a:hover{ color:#a89b26;}
#connexion-left #connexion-app-left {  
    float: right;
 color:#000000; 
 
}