* { margin: 0; padding: 0; }
#page{display:table;overflow:hidden;margin:0px auto;}
*:first-child+html #page {position:relative;}/*ie7*/
* html #page{position:relative;}/*ie6*/

#content_container{display:table-cell;vertical-align: middle;}
*:first-child+html #content_container{position:absolute;top:50%;}/*ie7*/
* html #content_container{position:absolute;top:50%;}/*ie6*/

*:first-child+html #content{position:relative;top:-50%;}/*ie7*/
* html #content{position:relative;top:-50%;}/*ie6*/

@font-face {
    font-family: "BOLONEWT";
    src: url('fonts/BOLONEWT.TTF');
}

* { padding:0; margin:0; }

html, body
{
    width: 100%;
    height: 100%;
    margin: 0;
}
HTML, BODY {
	margin:0px;
	padding:0px;
}
BODY {
	font-weight:400;
	font-family: 'BOLONEWT', sans-serif;
    color: #72103D;
    font-size: 12px;
    background: #333;
	height:100%;
	text-align: center;	
}


.bgstretcher-page { text-align: center;}
#page {
	margin:0;
	/*min-width: 1200px;*/
	/*min-height: 800px;*/
	float:left;
	text-align: left;
	height:100%;
	position:relative;
}
#panel { 
	float:left; 
	width:300px; 
	padding:0px; 
	height:100%; 
	background:#686053; 
	opacity:0.95;
	color:#FFF; 
	position:fixed
}

/*nav*/
#nav {
    float: left;
    width: 300px;
	height:320px;

}
#nav li a {
    display: block;
    padding: 5px 30px;
    background: transparent;  font-family: 'BOLONEWT', sans-serif;font-weight:400;
    text-decoration: none;
    color: #FFF;
	font-size:1.25em;
}
#nav li a:hover, #nav li a.active {
	background:#72103D;
     background-image: linear-gradient(bottom, rgb(73,5,35) 14%, rgb(114,16,61) 57%, rgb(162,26,87) 79%);
	background-image: -o-linear-gradient(bottom, rgb(73,5,35) 14%, rgb(114,16,61) 57%, rgb(162,26,87) 79%);
	background-image: -moz-linear-gradient(bottom, rgb(73,5,35) 14%, rgb(114,16,61) 57%, rgb(162,26,87) 79%);
	background-image: -webkit-linear-gradient(bottom, rgb(73,5,35) 14%, rgb(114,16,61) 57%, rgb(162,26,87) 79%);
	background-image: -ms-linear-gradient(bottom, rgb(73,5,35) 14%, rgb(114,16,61) 57%, rgb(162,26,87) 79%);
	background-image: -webkit-gradient (
		linear,
		left bottom,
		left top,
		color-stop(0.14, rgb(73,5,35)),
		color-stop(0.57, rgb(114,16,61)),
		color-stop(0.79, rgb(162,26,87))
);

    color: #FFF;
}
#nav li ul {
    display: none; // used to hide sub-menus
}
#nav li ul li a {
    padding: 10px 25px;
	background:#FFBB00;
	 background-image: linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -o-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -moz-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -webkit-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -ms-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.09, rgb(255,187,0)),
	color-stop(0.55, rgb(227,166,0)),
	color-stop(0.78, rgb(198,148,10))
);
    border-bottom: 1px dotted #ccc;
}


HTML {_background: url(/images/trans.gif) no-repeat fixed;}
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
}

h1, h2, h3, h4, h5, h6 { margin-bottom:10px; font-family: 'BOLONEWT'; font-weight:400;}
/*control*/
#logo { 
	width: 278px; 
	padding: 10px 25px; 
	float: left; 	
}
.address { float:left; width:210px; height:auto; padding:30px;position:absolute; bottom:50px;}
.address-contact { float:left; width:360px;  }
.horaires { float:left; width:auto; margin-left:0px; }
.address h3 { color: #E6E8FA ; }
.copyright { 
	float:left; 
	background:#B17C64; 
	width:270px; 
	height:auto; 
	padding-left:30px; 
	padding-top:20px; 
	padding-bottom:20px; 
	position:absolute; 
	bottom:0; 
	font-size:10px;
}
#panel-contents {
	float:left; 
	margin-left:300px;
	width:600px; 
	background:#FFF; 
	height:auto;
	min-height:1200px; 
	max-height:3000px;
	position:relative; 
	padding-bottom:0px;
	background-image: url('../images/fond_contenu.png');
}

/*etc*/
p { margin-bottom:10px; text-align:justify; }
.color1 { color:#72103D; }
.color2 { color:#885544; }
.color3 { color:#BB334E; }
.design { color:#FFF; z-index:1; position:fixed; bottom:30px; right:30px;font-size:10px;  }
.design a { color:#FFF; text-decoration:none; font-weight:bold; }
.design a:hover { color:#FFCC00 }
ul, li { list-style-type:none;}
.line { margin:10px auto; width:100%; background:#eaeaea; height:1px; clear:both; }
.clear { clear:both; }
img { padding:0; margin:0; border:0; }
/*contents*/

.welcome { float:left; padding:20px; margin-top:20px; height:inherit, height:auto, height:100%;text-align:justify;}
.welcome img { margin:10px auto;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888; }
.welcome p { font-size:1.25em; color:#72103D; font-size:1.25em\9;line-height:22px; font-family:'BOLONEWT', Helvetica, sans-serif; margin-bottom:20px}
.open { width:auto; height:auto; padding:15px;  float:left; position:relative; background:#FFBB00;
	 background-image: linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -o-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -moz-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -webkit-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -ms-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.09, rgb(255,187,0)),
	color-stop(0.55, rgb(227,166,0)),
	color-stop(0.78, rgb(198,148,10))
); color:#FFF; font-size:16px }
.contact-info { float:left; margin:30px auto; background:#663322; color:#FFF; padding:15px; width:auto; height:auto}

/*services*/
.services { float:left; padding:20px; margin-top:20px;  height:inherit, height:auto, height:100%; background:#FFF;}
#panel-contents-inner { opacity:1; float:left; margin-left:300px;width:560px; background:#FFF; height:100%\9; height:auto; min-height:1200px; max-height:3000px;  }
.services-item li { float:left; width:240px; height:auto; margin:5px; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; margin-bottom:10px; }

.services-item li  {   background:#C6930A; background-image: linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);
background-image: -o-linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);
background-image: -moz-linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);
background-image: -webkit-linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);
background-image: -ms-linear-gradient(bottom, rgb(198,148,10) 14%, rgb(219,159,9) 57%, rgb(245,185,35) 79%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.14, rgb(198,148,10)),
	color-stop(0.57, rgb(219,159,9)),
	color-stop(0.79, rgb(245,185,35))
);  font-family: 'BOLONEWT', sans-serif;font-weight:400;padding:5px;text-align:center}
.services-item a { color:#FFF; font-size:16px; text-decoration:none; text-align:center }
.services-item span { padding:10px; position:relative; margin-top:0px; }
.services-item li:hover {  background: #663322; }

#services-pricing { float:left; width:520px; height:auto; position:relative; }
#services-pricing h3 { font-size:18px; color:#885544; color:#af7561;margin:30px 0 10px 0; text-shadow:1px 1px #e7e0de}
.services-banner { float:left; width:auto; margin:10px auto; height:auto; border:1px dotted #bb9988 }

/*journees  */
.services-journees  { width:520px; background:#FFF; height:auto; padding-bottom:20px; margin-bottom:10px; font-family: 'BOLONEWT', sans-serif;font-weight:400; border-bottom:1px dotted #eaeaea; margin-top:10px; float:left;}
.journess-img {  -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888; width:240px; height:160px; margin-right:20px; float:left; padding:0;}
.journess-info { float:left; width:220px; font-size:1.2em; position: relative;}
.journess-info h3 { font-size:22px; color:#663322 }
.journess-price { font-size:16px; font-weight:bold; color:#C6930A}
.journess-info p { float:left; width:220px; font-size:1em; font-style:italic; text-align:left; line-height:22px;}
.services-journees-banner { position:absolute; width:240px;  height:auto; border:1px dotted #bb9988; margin-left:260px; margin-top:10px }
/*map*/
.map { margin-top:5px; float:left; border:1px dotted #cf8100; margin-bottom:40px;  }

/*table*/


ol { margin:0; padding: 0 1.5em;}



table
{
	color:#fff;
	background:#B78988;
	border-collapse:collapse;
	width:520px;
	border:1px solid #663322;  font-family: 'BOLONEWT', sans-serif;font-weight:400;
	font-size:14px;	
}



thead {  }


thead th
{
	padding:1em 1em .5em;
 	border-bottom:1px dotted #FFF;
 	font-size:120%;
 	text-align:left;

}


thead tr{ text-align:left; 	}

td { padding:.2em 1em; text-align:left;  }


tbody tr.odd td

{ background:#885544; text-align:left; }

tfoot{}

tfoot td { padding-bottom:1.5em;}

tfoot tr{
	}


* html tr.odd td

{

	background:#bb9988;
	text-align:left;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tr_bg.png', sizingMethod='scale');

}

#middle {background:#FFBB00;
	 background-image: linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -o-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -moz-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -webkit-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);
background-image: -ms-linear-gradient(right , rgb(255,187,0) 9%, rgb(227,166,0) 55%, rgb(198,148,10) 78%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.09, rgb(255,187,0)),
	color-stop(0.55, rgb(227,166,0)),
	color-stop(0.78, rgb(198,148,10))
); text-align:center;
width:80px;

}

/*breadcrumb*/
.breadcrumb{
font: 10px  Arial, Helvetica, sans-serif; 
}

.breadcrumb a{
background: transparent  url(../images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: #885544;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: #442211;
}

.breadcrumb a:hover{
text-decoration: underline;
}

.titre_soin{
	font-family: 'BOLONEWT';
	font-size: 14px;
	font-weight: 400;
	background-image: url('../images/bullet1.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 20px;	
}

.titre_soin{
	font-family: 'BOLONEWT';
	font-size: 14px;
	font-weight: 400;
	background-image: url('../images/bullet1.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 20px;	
	width: 100%;
}

.entete_soin{
	font-family: 'BOLONEWT';
	font-size: 14px;
	background-image: url('../images/bullet1.gif');
	background-repeat: no-repeat;
	background-position: 3px 6px;
	padding-left: 20px;	
	width: 300px;
	text-align: left;	
}


.soin{
	font-family: 'BOLONEWT';
	font-size: 14px;
	padding-left: 20px;		
	text-align: left;
}

.tarif_soin{
	font-family: 'BOLONEWT',sans-serif;
	font-size: 14px;
	width: 100px;	
	padding-right: 10px;		
	text-align: right;
}

.grille_soin{
	color:#72103D;
	background:#fff;
	border-collapse:collapse;
	width:550px;
	font-family: 'BOLONEWT';
	font-weight:400;
	font-size:14px;
}

.bloc_arrondi {
	width: 300px;
	background-color: #BFC5E4;
	border-radius: 15px;	
	padding: 10px;
	text-align: left;
	margin-left: 120px;
}

.lien1 { 
	color:#72103D;
}

a.lien1:link { 
	color:#72103D;
	text-decoration: none;
}

a.lien1:hover { 
	color:#72103D;
	border-top: 1px solid #72103D;
	border-bottom: 1px solid #72103D;
}
