/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

body {
	background: black;
	margin: 0px;
	color:#aaa;
	font-size: 12px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

h2 {
	line-height:18px;
	margin-bottom:18px;
	font-size:26px;
	color: white;
}
h3 {
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	color: white;
}
h4 {
	font-size:12px;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 5px;
	color: white;
}
hr {
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
	visibility: hidden;
	clear: both;
}


#preload-images {
	display: none;	
}

#container {
	color: inherit;
	width: 960px;
	margin: 0em auto;
	text-align: left;
}

a {color: black;}
a:hover {color: black;}

/* Page d'intro */
#intro {
	float: left;
	background: url('images/main_bg.jpg') no-repeat left 30px;
}
#header-intro {
	height: 330px;
	margin-top: 40px;
	margin-bottom: 30px;
	text-align: center;
}
#header-intro a {
	display: inline;
	position: relative;
	width: 260px;
	height: 80px;
	top: 330px;
	padding: 30px;
	padding-left: 130px;
	padding-right: 130px;
	background: url('images/intro_contact-button.png') no-repeat;
}
#header-intro a span {
	display: none;
}

#products-intro {
	float: left;
	width: 790px;
	margin-top: 100px;
	margin-left: 85px;
}
#products-intro ul {
	float: left;
	width: 790px;
}
#products-intro ul li {
	float: left;
	width: 395px;
	height: 215px;
}
#products-intro ul li a {
	float: left;
	width: 395px;
	height: 215px;
	text-align: center;
	color: white;
	text-decoration: none;
}
#products-intro ul li a span.marque {
	display: none;
}
#products-intro ul .minceur a {
	background: url('images/intro_bt-minceur.png') no-repeat;
}
#products-intro ul .depilation a {
	background: url('images/intro_bt-depilation.png') no-repeat;
}
#products-intro ul .antiageing a {
	background: url('images/intro_bt-antiageing.png') no-repeat;
}
#products-intro ul .bronzage a {
	background: url('images/intro_bt-bronzage.png') no-repeat;
}
#products-intro ul .minceur a:hover {
	background: url('images/intro_bt-minceur_hover.png') no-repeat;
}
#products-intro ul .depilation a:hover {
	background: url('images/intro_bt-depilation_hover.png') no-repeat;
}
#products-intro ul .antiageing a:hover {
	background: url('images/intro_bt-antiageing_hover.png') no-repeat;
}
#products-intro ul .bronzage a:hover {
	background: url('images/intro_bt-bronzage_hover.png') no-repeat;
}
#products-intro ul span {
	display: none;
}

#products-intro #center-button {
	float: left;
	position: relative;
	top: 330px;
	left: 280px;
	width: 230px;
	height: 230px;
	background: url('images/intro_bt-center.png') no-repeat;
}



#products {
	margin-bottom: 20px;
	background: url('images/bg_main.png') repeat-x;
}
#products .btm {
	float: left;
	width: 960px;
	height: 1px;
	background: url('images/hline.png') no-repeat center bottom;
}
#products h3 {
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
}

.product {
	float: left;
	width: 310px;	
	height: 190px;
	padding-bottom: 20px;
}
.product h3 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.product p {
	color: #929292;
	margin: 10px;
	text-align: justify;
}

.cartouche {
	display: block;
	width: 310px;
	height: 180px;
}

.cartouche span {
	display: none;
}

#velasmooth {
	padding-left: 5px;
	padding-right: 5px;
	background: url('images/vline.png') no-repeat right top;
}
#velasmooth .cartouche {
	background: url('images/bt-vela.png') no-repeat;
}
#velasmooth .cartouche:hover {
	background: url('images/bt-vela_hover.png') no-repeat;
}

#products #ariane {
	padding-left: 5px;
	padding-right: 5px;
	background: url('images/vline.png') no-repeat right top;
}
#products #ariane .cartouche {
	background: url('images/bt-ariane.png') no-repeat;
}
#products #ariane .cartouche:hover {
	background: url('images/bt-ariane_hover.png') no-repeat;
}


#luxura {
	padding-left: 5px;
}
#luxura .cartouche {
	background: url('images/bt-luxura.png') no-repeat;
}
#luxura .cartouche:hover {
	background: url('images/bt-luxura_hover.png') no-repeat;
}

#bodywave {
	padding-left: 5px;
	padding-right: 5px;
	background: url('images/vline.png') no-repeat right top;
}
#bodywave .cartouche {
	background: url('images/bt-bodywave.png') no-repeat;
}
#bodywave .cartouche:hover {
	background: url('images/bt-bodywave_hover.png') no-repeat;
}



/* Pages */

#header {
	height: 140px;
	margin-top: 30px;
	margin-bottom: 10px;
	background: url('images/line_head.png') no-repeat;
}
#header #logo {
	float: left;
	width: 280px;
	height: 150px;
	margin-top: 1px;
	background: url('images/logo_page.jpg') no-repeat;
}
#header #logo a {
	display: block;
	width: 280px;
	height: 140px;
}
#header #logo a span {
	display: none;
}
#page {
	float: left;
}
#footer {
	float: left;
	width: 960px;
	height: 60px;
}




/* Carousel */

#horizontal_menu .minceur a { 
	background: url('images/btn_minceur.jpg') no-repeat;
}
#horizontal_menu .depilation a { 
	background: url('images/btn_depilation.jpg') no-repeat;
}
#horizontal_menu .antiage a { 
	background: url('images/btn_antiageing.jpg') no-repeat;
}
#horizontal_menu .bronzage a { 
	background: url('images/btn_bronzage.jpg') no-repeat;
}
#horizontal_menu .minceur a:hover { 
	background: url('images/btn_minceur_hover.jpg') no-repeat;
}
#horizontal_menu .depilation a:hover { 
	background: url('images/btn_depilation_hover.jpg') no-repeat;
}
#horizontal_menu .antiage a:hover { 
	background: url('images/btn_antiageing_hover.jpg') no-repeat;
}
#horizontal_menu .bronzage a:hover { 
	background: url('images/btn_bronzage_hover.jpg') no-repeat;
}

#horizontal_menu {
  float: left;
  width: 680px;
  height: 120px;
  margin-top: 1px;
  margin-bottom: 10px;
  position: relative;
}

#horizontal_carousel .container {
  float: left;
  width: 630px;
  height: 120px;
  position: relative;    
  overflow: hidden;
}

#horizontal_menu ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 240px;
}                      

#horizontal_menu ul li {
  width: 170px;
  height: 80px;
  text-align: center; 
  list-style:none;   
  float:left;
}
#horizontal_menu ul li a {
  display: block;
  width: 170px;
  height: 80px;
}
#horizontal_menu ul li span {
	display: none;
}
#horizontal_carousel .previous_button {
  float:left;  
  width: 15px;
  height: 50px;
  background: url('images/arrow-left.png') no-repeat;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  background: url('images/arrow-left_hover.png') no-repeat;
}

#horizontal_carousel .previous_button_disabled {
  background: url(prototype-ui/horizontal/left_disabled.png);
  cursor: default;
}

#horizontal_carousel .next_button {
  float:left;  
  width: 15px;
  height: 50px;
  background: url('images/arrow-right.png') no-repeat;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background: url('images/arrow-right_hover.png') no-repeat;
}

#horizontal_carousel .next_button_disabled {
  background: url(prototype-ui/horizontal/right_disabled.png);
  cursor: default;
}


/* menu left */

#menu {
	float: left;
	margin-top: 80px;
	width: 250px;
}
#menu ul {
	padding-left: 0px;
}
#menu li {
	list-style-type: none;
}
#menu li a {
	display: block;
	width: 220px;
	color: #666;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
}
#menu li a:hover {
	color: white;
}


/* Contenu */

#content h1 {
	width: 420px;
	height: 100px;
	margin-bottom: 20px;
}
#content h1 span {
	display: none;
}
#content h1.minceur {
	background: url('images/title_minceur.jpg') no-repeat top left;
}
#content h1.depilation {
	background: url('images/title_depilation.jpg') no-repeat top left;
}
#content h1.antiage {
	background: url('images/title_antiage.jpg') no-repeat top left;
}
#content h1.bronzage {
	background: url('images/title_bronzage.jpg') no-repeat top left;
}
h1.contact {
	display: none;
}

#content {
	float: left;
	width: 690px;
}

.section {
	float: left;
	width: 690px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	background: url('images/bg_main.png') repeat-x bottom;

}
.section p {
	margin-bottom: 15px;
}
.section .btm {
	float: left;
	width: 690px;
	height: 1px;
	background: url('images/hline.png') no-repeat center bottom;
}


.gallery {
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.gallery li {
	float: left;
	list-style-type: none;
	margin-right: 10px;
	margin-bottom: 10px;
}
.gallery li img {
	border: 5px solid white;
}



.column {
	width: 210px;
	margin-bottom: 20px;
}
.column.left, .column.center  {
	float: left;
}
.column.right {
	float: right;
	margin-right: 10px;
}
.column.center  {
	margin-left: 30px;
}
.column.large {
	width: 460px;
}
.column.medium {
	width: 320px;
}
.column.medium p {
	width: 210px;
	float: right;
}
.column h3 {
	margin-bottom: 5px;
}
.column p {
	margin-bottom: 15px;
}
.column ul {
	margin-left: 30px;
	list-style-type: circle;
}

.illus.vela {
	margin-top: 20px;
}
.illus.left {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
.illus.right {
	float: right;
}

.clear {
	clear: both;
}


#panel_videos embed {
	margin-left: 20px;
}


#panel_contact .inp {
	background: url('images/bg_input.png') no-repeat;
	width: 180px;
	height: 20px;
	border: none;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 10px;
	font-size: 14px;
}
#panel_contact .libelle {
	text-align: right;
	padding-right: 10px;
}
#panel_contact textarea {
	width: 340px;
	height: 120px;
	border: none;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 10px;
	padding-top: 2px;
	background: url('images/bg_textarea.png') no-repeat;
}






/* Pages */
#ariane .column {
	float: left;
	margin-top: 20px;
	margin-right: 15px;
}
#ariane ul {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#ariane ul li {
	list-style-type: circle;
}


#minceur h3 {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	color: #aaa;
}

#minceur .list_results {
	vertical-align: top;
	padding-top: 10px;
}
#minceur .list_results li {
	margin-bottom: 50px;
	padding-right: 20px;
	font-size: 18px;
}
#minceur .list_results li strong {
	color: white;
}
#minceur .list_illus {
	width: 300px;
}
#minceur .list_illus li {
	margin-bottom: 10px;
}
#minceur .list_illus .titre {
	font-size: 18px;
	color: white;
}
#minceur .list_illus .legende {
	font-size: 10px;
}
#minceur table td ul li {
	
}



#antiage .section .column {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}




.spaced li {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.spaced li strong {
	color: white;
}
.spaced li img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


#panel_contact p {
	padding: 10px;
	margin-top: 40px;
	margin-bottom: 20px;
	background: #111;
}