*		 {margin: 0;padding: 0}
html, body{height: 100%;} 
a img	 {border: 0px;}

body{
font-family: verdana;
font-size: 14px;
color: #000000;
background: #ffffff url(../images/menu-bg.jpg) repeat-x center 170px;
}



a{
color: #ff3399;
text-decoration: none;
}

a:hover		{text-decoration: underline;}
a:active 	{outline: none;} 

h1{
font-size: 18px; 
color: #fa2e9c;
margin-bottom: 10px;
}
h3{
font-size: 18px;
color: #fa2e9c;
margin-bottom: 10px;
margin-top: 20px;
}
.pink{
color: #fa2e9c;
}
p{
line-height: 18px;
margin-bottom: 8px;
}

li{list-style-type: none;}

/**
*	GENERAL STUFF
**/
.a-right{text-align: right;}
.a-center{text-align: center;}
.a-left{text-align: left;}
.f-left{float: left;}
.f-right{float: right;}
.bold{font-weight: bold;}
.spacer{clear: both; height:0px; position: relative; overflow: hidden;}
.strike{text-decoration: line-through;}
.relative{position: relative;}
.underline{text-decoration: underline;}
.italic{font-style: italic}
.pointer{cursor: pointer;}
.small{font-size: 10px;}

.clear{clear: both; position: relative; }

img.f-left{margin-right: 10px;margin-bottom: 10px;}
img.f-right{margin-left: 10px;margin-bottom: 10px;}
img.border{border: 1px solid #e9e9e9;}

ul.list{
margin-left: 40px;
margin-bottom: 30px;
}
ul.list li{
list-style-type: square;
}

/*------------STRUCTURE--------------*/
#main-container{
/*width: 915px;*/
margin: auto;
padding-bottom: 150px;
}

#header{
width: 915px;
height: 170px;
margin: auto;
}
#header-top{
height: 142px;
}
#header #header-top .logo{
margin-top: 53px;
}
#header-bottom{
position: relative;
height: 28px;
width: 915px;
}
#header-bottom .left, #header-bottom .middle{
float: left;
height: 28px;
}
#header-bottom .left{
width: 18px;
background-image: url('../images/top-left-box.jpg');
}
#header-bottom .middle{
width: 750px;
background-image: url('../images/top-middle-box.jpg');
}
#header-bottom .right{
width: 147px;
height:162px;
background-image: url('../images/header-img.jpg');
position: absolute;
right: 0px;
top: -134px;
}

#content{
width: 835px;
/*background-image:url('../images/middle-box.jpg');*/
margin: auto;
padding: 40px;
}

#mix{
background:transparent url('../images/bg-effect.jpg') repeat-y center top;
}


#footer{
height: 18px;
width: 915px;
clear: both;
position: relative;
margin: auto;
}

#notification{
height: 100px;
width: 550px;
padding-top: 100px;
z-index: 200;
position: relative;
}

#footer .left, 
#footer .right, 
#footer .middle   {float: left; height: 18px; }
#footer .left	{width: 18px; background-image: url('../images/bottom-left-box.jpg');}
#footer .right	{width: 18px; background-image: url('../images/bottom-right-box.jpg');}
#footer .middle   {width: 879px; background-image: url('../images/bottom-middle-box.jpg');}

#fdgdfgdf{
position: absolute;
right: 25px;
top: -190px;
z-index: 100;
background-image: url('../images/footer-img.jpg');
width: 312px;
height: 248px;
}

/*------------MAIN-MENU------------*/
#main-menu{
height: 32px;
width: 915px;
position: relative;
padding-top: 8px;
margin: auto;
}
#main-menu ul{
height: 26px;
}
#main-menu li{
display: inline;
float: left;
height: 26px;
margin-left: 35px;
}
#main-menu li a, #main-menu li span{
display: block;
height: 100%;
width: 100%;
}
/*------------BTN----------*/
#main-menu li#btn-1{
width: 122px;
background-image: url('../images/btn/amincissement.jpg');
}
#main-menu li#btn-1 a:hover{background-image: url('../images/btn/amincissement-h.jpg');}


#main-menu li#btn-2{
width: 88px;
background-image: url('../images/btn/depilation.jpg');
}
#main-menu li#btn-2 a:hover{background-image: url('../images/btn/depilation-h.jpg');}

#main-menu li#btn-3{
width: 111px;
background-image: url('../images/btn/rejuvenation.jpg');
}
#main-menu li#btn-3 a:hover{background-image: url('../images/btn/rejuvenation-h.jpg');}

#main-menu li#btn-4{
width: 96px;
background-image: url('../images/btn/cabine-uv.jpg');
}
#main-menu li#btn-4 a:hover{background-image: url('../images/btn/cabine-uv-h.jpg');}

#main-menu li#btn-5{
width: 122px;
background-image: url('../images/btn/soins-beaute.jpg');
}
#main-menu li#btn-5 a:hover{background-image: url('../images/btn/soins-beaute-h.jpg');}

#main-menu li#btn-6{
width: 109px;
background-image: url('../images/btn/nous-trouver.jpg');
}
#main-menu li#btn-6 a:hover{background-image: url('../images/btn/nous-trouver-h.jpg');}



/*------CAROUSEL--------*/
#photos{
width: 466px;
height: 284px;
margin: auto;
}
#photos ul{
width: 378px;
}
#photos ul li{
display: block;
width: 378px;
height: 284px;
float: left;
}
#photos ul li img{
border: 1px solid #e9e9e9;
}
#photos .slider-btn{
margin-top: 124px;
cursor: pointer;
}
#photos .slider-btn#prev{
float: left;
margin-right: 10px;
}
#photos .slider-btn#next{
float: right;
margin-left: 10px;
}

/*-------------NOUS TROUVER---------*/
#map-container{
position: relative;
width: 100%;
height: 300px;
z-index: 1;
}
#map{
position: absolute;
width: 100%;
height: 300px;
z-index: 2;
}
#map-overlay{
position: absolute;
width: 220px;
height: 70px;
bottom: 0px;
right: -1px;
z-index: 3;
background-image: url('../images/map-overlay.gif');
padding: 15px;
overflow: hidden;
}
#map-overlay ul{
margin-left: 20px;
}
#map-overlay ul li{
font-size: 12px;
list-style-type: square;
}
#info-legales-link{
position: absolute;
left: 350px;
top: 15px;
}

.blue-text{
text-align: center;
font-size: 18px;
color: #1b63d9;
display: block;
width: 450px;
}
.circle{
display: block;
margin: 15px 220px;
}