/* Design & CSS Layout by Herve Macchi @ Espresso.lu */

/** Div communs **/
#container {
width:760px;
margin:0 auto;
border:1px solid #18266B;
background-image:url(images/fond.gif);
background-repeat:repeat-y;}

#bandeau-gauche {
width:140px;
height:auto;
float:left;
background-image:url(images/bandeau-gauche-bkg.gif);
background-repeat:no-repeat;}

#menu-haut_centre {
width:620px;
height:auto;
float:right;}

#menu-haut {
width:620px;
height:132px;
background-image:url(images/menu-haut-bkg.gif);
background-repeat:no-repeat;}

#centre {
width:620px;
height:auto;
background-color:#FCFBEC;}

#mrpropre {
clear:both;
font-size:1px;}

/*********** elements mise en forme communs ***********/
body {
background-color:#AFD4E9;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;}
img {
border:0;}


img.centered {
display: block;
margin-left: auto;
margin-right: auto; }

table {
border:0;
padding:0;}

/************ txt **************************/
.titre1 {font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
color:#131C8E;}

.titre2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
color:#6699CC;}

.titre3 {
font-size:12px;
font-weight:bold;
display:block;
margin-bottom:0.3em;
color:#131C8E;}

.titre4 {
font-size:12px;
font-weight:bold;
color:#131C8E;}

.titre5 {
font-size:12px;
font-weight:bold;
color:#AAADD0;}

.separator {
width:100%;
height:1px;
font-size:1px;
border-bottom:dotted #AAA27D 1px;}

.gras {
font-weight:bold;}

.souligne {
text-decoration:underline;}


/************ menu gauche ************************/
#logo {
margin:9px 0 0 10px;}

#bandeaugauche-menu {
width:87px;
margin:183px 0 0 20px;}


dl#bandeaugauche-menu-dl {
	width: 87px;
}
dt#bandeaugauche-menu-haut {
	height: 37px;
	background-image:url(images/menu-g-haut-table.gif);
	background-repeat:no-repeat;
	margin:0;}
dd#bandeaugauche-menu-milieu {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
margin:0;
text-align:center;
line-height:20px;
	margin: 0;}
dd#bandeaugauche-menu-bas {
	height: 40px;
	background-image:url(images/menu-g-bas-table.gif);
	background-repeat:no-repeat;
	margin:0;}
a.bandeaugauche-menu:link {
	color:#000000;
	text-decoration: none;}
a.bandeaugauche-menu:visited {
	color:#000000;
	text-decoration: none;}
a.bandeaugauche-menu:hover {
color:#CC6633;
text-decoration:underline;}
a.bandeaugauche-menu:active {
	color:#000000;
	text-decoration: none;}
	
#lauriers {
width:113px;
margin:20px 0 0 12px;}

/****************** menu-haut_centre **********************/
#menu-haut-gauche {
width:253px;
height:58px;
margin:10px 0 0 0;
float:left;}	

#menu-haut-droite{
width:253px;
height:122px;
margin:0 0 0 100px;
float:right;}

#liens {
width:227px;
height:48px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#FFFFFF;
float:left;
margin:9px 0 0 0;}

#label-bulle {
width:227px;
height:74px;}

a.liens:link {
	color:#FFFFFF;
	text-decoration: none;}
a.liens:visited {
	color:#FFFFFF;
	text-decoration: none;}	
a.liens:hover {
color:#FDE4BA;
text-decoration:underline;}
a.liens:active {
	color:#FFFFFF;
	text-decoration: none;}
	
	
a.liens-prod:link {
	color:#666699;
	font-weight:normal;
	text-decoration: none;}
a.liens-prod:visited {
	color:#666699;
		font-weight:normal;
	text-decoration: none;}	
a.liens-prod:hover {
color:#CC9933;
	font-weight:normal;
text-decoration:underline;}
a.liens-prod:active {
	color:#666699;
		font-weight:normal;
	text-decoration: none;}



#drapeaux {
width:26px;
height:48px;
margin:5px 0 0 0;
float:right;}
/********************** home page ***********************/

#home-page {
width:550px;
margin:0 0 0 25px;}

#home-page_col-g {
width:188px;
float:left;}

dl.hp_colg-dl {
width:188px;}

dd.hp_colg-dd-top {
height:215px;
margin:0;
background-image:url(images/home-page_colg-top.jpg);
background-color:#EFF4EE;
background-repeat:no-repeat;
padding:245px 13px 0 13px;}

dd.hp_colg-dd-bottom {
height:20px;
margin:0;
background-image:url(images/home-page_colg-bottom.gif);}

#home-page_col-d{
width:338px;
float:right;}

#home-page_bandeau-news {
width:284px;
height:30px;
float:right;
padding-left:32px;
background-image:url(images/home-page_bandeau-news.gif);}

#home-page_filet_col-news {
width:338px;
float:right;
border-left:1px solid #18266B;}


#home-page_col-news {
width:316px;
float:right;}

.titre-news {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
color:#131C8E;}

.home-page_col-news_table {
width:316px;
border:0;}

.home-page_col-news_td-img {
width:100px;
display:table-cell;
vertical-align:top;
text-align:right;
background-color:#FDE4BA;}

.home-page_col-news_td-txt {
width:216px;
padding:0 10px;
background-color:#FDE4BA;}

.hp_col-news_title {
font-size:12px;
font-weight:bold;
display:block;
margin-bottom:0.3em;
color:#131C8E;}

.hp_col-news_txt {
display:block;
margin-bottom:0.3em;}

#hp_cold_adresse {
text-align:center;
font-size:9px;}

a.hp_col-news_table:link {
text-decoration:underline;
text-align:right;
color:#2E1C86;}
a.hp_col-news_table:visited {
text-decoration:underline;
color:#2E1C86;}
a.hp_col-news_table:hover {
text-decoration:underline;
color:#FFFFFF;}
a.hp_col-news_table:active {
text-decoration:underline;
color:#2E1C86;}

a.email:link {
text-decoration:underline;
color:#003366;}
a.email:visited {
text-decoration:underline;
color:#003366;}
a.email:hover {
text-decoration:underline;
color:#FF6600;}
a.email:active {
text-decoration:underline;
color:#003366;}

#presentation {
	margin: 0 0 0 25px;
}
	/* = Reneve = */
#reneve {
	width: 554px;
	height: 680px;
	position: relative;
	background: url(images/accueil/reneve.jpg);
	margin: 12px 0 0 23px;
}

#reneve2 {
	width: 554px;
	height: 517px;
	position: relative;
	background: url(images/accueil/VelaMeso.jpg);
	margin: 12px 0 0 23px;
}

#reneve3 {
	width: 554px;
	height: 700px;
	position: relative;
	background: url(images/accueil/CelluM6Integral_3.jpg);
	margin: 12px 0 0 23px;
}

#reneve .txt {
	position: absolute;
	width: 504px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	left: 22px;
	top: 149px;
	height: 495px;
	text-align: justify;
}
#reneve h1 {
	margin: 0 0 6px;
	padding: 0;
	color: #1a4165;
	font-weight: bold;
	font-size: 11px;
}
#reneve .reservez {
	margin: 28px 0 26px;
	width: 100%;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
#reneve .txtbas {
	color: #000;
}
#reneve .txtbas .txt1 {
	color: #1c4468;
	font-weight: bold;
}

	/* hommes */
#hommes {
	width: 551px;
	height: 167px;
	position: relative;
	background: url(images/accueil/hommes.jpg);
	margin: 12px 0 0 24px;
}
#hommes .txt {
	font-size: 12px;
	position: absolute;
	width: 322px;
	left: 208px;
	top: 47px;
	height: 100px;
	text-align: justify;
}
#hommes .txt a.lien {
	color: #3055a2;
	font-size: 11px;
}

/*************************** soins **********************************/
.soins-page {
width:550px;
margin:0 0 0 25px;}

.soins_prod-intro {
font-size:11px;
color:#6666CC;}

#soins_links-bckg {
width:562px;
height:86px;
background-image:url(images/soins_links-fond.jpg);
background-position:left;
background-repeat:no-repeat;
padding:62px 10px 0 10px;}

div.soins_links {
font-size:11px;
font-weight:bold;
line-height:16px;
width:540px;
border-top: 1px solid #003366;
padding-top:5px;}

.soins_soins-choix {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
color:#6699CC;}

a.soins_soins-link:link {
font-weight:bold;
color:#91A2B3;
text-decoration:underline;}
a.soins_soins-link:visited {
font-weight:bold;
color:#91A2B3;
text-decoration:underline;}
a.soins_soins-link:hover {
font-weight:bold;
color:#CC6633;
text-decoration:underline;}
a.soins_soins-link:active {
font-weight:bold;
color:#91A2B3;
text-decoration:underline;}

div.soins_lien-haut-page {
text-align:right;}
a.soins_haut-page:link {
font-size:9px;
color:#6666CC;
text-align:right;}
a.soins_haut-page:visited {
font-size:9px;
color:#6666CC;
text-align:right;}
a.soins_haut-page:hover {
font-size:9px;
color:#CC6633;
text-align:right;}
a.soins_haut-page:active {
font-size:9px;
color:#6666CC;
text-align:right;}

.soins_bandeau-titre {
width:494px;
height:32px;
padding-left:32px;
background-image:url(images/soins_bandeau-titre.gif);
background-repeat:no-repeat;
margin-bottom:20px}

.soins_pic-descri {
width:494px;}

.soins_pic {
width:231px;
float:left;
margin-right:20px;}

.soins_descri {
width:240px;
float:right}

.soins_ul {
margin-bottom:10px;
padding:0;}



.soin_li {
font-size:12px;
line-height:12px;
list-style-image:url(images/soins_puce.gif);
list-style-position:outside;}

.soins_prod-intertitre {
font-weight:bold;
color:#FF9900;}

div.soins_prod-intertitre2col {
width:480px;
font-weight:bold;
line-height:16px;
color:#FF9900;
border-bottom:1px solid #333366;}

.soins_prod-italic {
font-size:11px;
font-style:italic;}

.soins_prod-name {
font-size:12px;
font-weight:bold;
margin-bottom:5px;
color:#131C8E;}
.soins_prod-prix {
display:none;
font-weight:bold;
color:#6666CC;}

.nouveau {
font-size:12px;
font-weight:bold;
color:#FF0000;}

a.soins_prodlink:link {
text-decoration:underline;
text-align:right;
color:#2E1C86;}
a.soins_prodlink:visited {
text-decoration:underline;
color:#2E1C86;}
a.soins_prodlink:hover {
text-decoration:underline;
color:#FF9900;}
a.soins_prodlink:active {
text-decoration:underline;
color:#2E1C86;}

.soins_prod-table-prix {
display:none;
font-weight:bold;
color:#6666CC;
text-align:right;}


.soins_dl-div {
width:494px;}
.soins_dl {
width:494px;}
.soins_dt {
width:494px;
height:45px;
margin:0;
background-image:url(images/soins_dt.gif);
font-size:12px;
font-weight:bold;
color:#333366;}
.soins_dd-mileu {
padding:0 15px;
margin:0;
background-color:#FCF2D8;}
.soins_dd-bas {
width:494px;
height:14px;
margin:0;
background-image:url(images/soins_db-bas.gif);}

.soins_separateur {
margin:20px 0;
}

.tab01 {
	width: 100%;
	border: 0;
}
.tab01 td {
	padding: 4px 4px 20px;
}

/************* page prod ***********************/

#prod-page{
width:520px;
margin:0 0 0 25px;}

#prod-menus {
width:459px;
height:53px;
padding:27px 0 0 61px;
background-image:url(images/prod-menus-bg.gif);
background-repeat:no-repeat;
margin-bottom:20px;}

/** table prod **/
td.prod-table-spacing {
height:10px;}

td.prod-pic {
width:50px;
padding-top:10px;
border-top:1px dashed #E9BF5A;}

td.prod-txt {
width:470px;
padding-top:15px;
padding-left:15px;
border-top:1px dashed #E9BF5A;}

#prod-logo-spacing {
margin-bottom:10px;}

img.prod-img {
border:1px solid #000000;}

.menu-marque
{
	margin: 0 0 0 50px;
	padding: 2px;
	background: #FFFFFF;
	border: #26a solid 1px;
	font-size: 11px;
	font-style: normal;
	width: 130px;
	height: 20px;
 }

.menu-soin
{
	margin: 0 0 0 10px;
	padding: 2px;
	border: #26a solid 1px;
	font-size: 11px;
	font-style: normal;
	width: 130px;
	height: 20px;
 }
 
 /************** page contact *********************/
 #fond-contact{
 background-image:url(images/fond-page-contact.jpg);
 background-repeat:no-repeat;
 width:600px;
 height:350px;
 padding-top:50px;}
 
.formulaire-layout{
	border: #26a solid 1px;
	margin:3px;}
	
.submit-button
{	color: #000;
	background: #E6E6E6;
	border: 2px #3399FF;
	font-size: 11px;
	font-weight: bold;
	}
	
/*********** ANNIVERSAIRE PROMO **************/
#promo-accueil {
width:550px;
height:75px;
margin:0 auto;
margin-top:20px;
margin-bottom:15px;}

#promo25ans {
width:557px;
background-image:url(images/promo/promobg.gif);
background-repeat:no-repeat;
background-position: top left;
background-color:#faf6db;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:25px 0 0 25px;
}

*html #promo25ans {
margin:0 0 0 10px;}

div#promo-banner {
width:557px;
height:139px;
background-image:url(images/promo/promobanner.gif);
background-repeat:no-repeat;
background-position: top left;}

.picto-voyage {
width:190px;
height:280px;
float:left;
text-align:center;
padding:10px 0 0 20px;}

.promo {
	width: 506px;
	margin: 0 auto;
}

#promo25ans table {
width:557px;
text-align:center;
float:left;
margin-top:10px;}

#promo25ans th {
vertical-align:middle;
font-size:9px;
border-bottom:#CCCCCC 1px solid;
font-weight:normal;}

#promo25ans th.cadeau {
color:#FF0000;
font-weight:bold;}

#promo25ans tr {}
#promo25ans tr.jaune {
background-color:#f6dc66;}

#promo25ans td {
vertical-align:middle;}

#promo25ans td.formule {
font-weight:bold;}

#promochoix {
width:557px;
text-align:center;
margin-top:20px;}

#promoasterix {
font-size:11px;
color:#333366;
margin:20px 0 0 10px;}


/****** DIVERS ********/
.cadre {
	width: 280px;
	padding: 17px 10px 20px;
	margin: 0 auto 20px;
	text-align: center;
	border: 1px solid #fff;
	background: #fcf4dc;
}
h1 {
	font-size: 13px;
	font-weight: bold;
	color: #131c8e;
	margin: 0 0 18px;
}
h2 {
	font-size: 13px;
	color: #f90;
	display: inline;
}
.centrer {
	width: 100%;
	text-align: center;
}
.txt01 {
	color: #f90;
	font-size: 11px;
	font-weight: bold;
}

/****************** copyright ***************/
#copyright {
	width: 760px;
	height:22px;
	padding-top:4px;
	margin: 0 auto;
	font-size: 9px;
/*	color: #336699;*/
color:#FFFFFF;
	background-color:#305198;
	text-align: center;
}
#copyright a {
/*	color: #333399;*/
color:#FFFFFF;
	text-decoration:underline;
}
#copyright a:hover {
	color: #f00;
}

/****************** print *********************/

@media print {

#container {
width:600px;
margin:0 auto;
background-image:none;
float:left;}

#bandeau-gauche {
width:0;
display:none;}

#menu-haut {
display:none;}

}