/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {height: 100%;width: 100%; background-color: #5a2f15;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

body{}
#bg1{position:absolute;z-index: 1; width:100%;}
#bg2{position:absolute;z-index: 2; width:100%; background: #5a2f15 url(../../images/charte/bg.jpg) 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#intro-container{position:relative;z-index:4; width: 100%; background-color: #592e15;}
#intro{ width: 950px; height: 507px; margin: 0px auto;}

#container{ margin:0 auto;	text-align: left;}
#content{}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header{ position: relative;}
#site-header.outter{background:url("images/header.jpg") 50% 0 no-repeat;}
#site-header .inner{}
/* NEWSLETTER */
#newsletter-cont{
  background: url(../../images/charte/bg-newsletter.jpg) no-repeat top left;
  width: 202px;
  height: 30px;
  position: absolute;
  z-index: 99;
  right: 178px;
  top: 48px;
}
#news-form{ padding: 0;}
.news-input{ background: none; border: none; width: 155px; font-size: 11px; color: #fff;}
.ok{
  background: url(../../images/charte/ok.jpg) no-repeat top right;
  text-align: center;
  width: 44px;
  height: 30px;
  color: #fff;
/*  float: left;*/
  border: none;
/*  margin-top: -4px;*/
}
.ok-over{
  background: url(../../images/charte/ok-over.jpg) no-repeat top right;
  text-align: center;
  width: 44px;
  height: 30px;
  color: #ffe400;
/*  float: left;*/
  border: none;
/*  margin-top: -4px;*/
  cursor: pointer;
}
/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-outter div.outter{background: url(images/box1.gif) 50% 0% no-repeat;padding: 0 0 10px;	min-height: 159px; height: auto!important;height: 159px;}
#left-outter div.inner{padding: 0px 5px 0px;}

#left-outter div.box1{padding:0 5px 10px;}
#left-outter .box1 .inner{padding:0}

#left-outter div.box2{}
#left-outter div.box3{}
#left-outter .box4{}

#actualite, #info, #promo {}
#info{ background: url(../../images/charte/bg-info.jpg) left top no-repeat; width: 950px; height: 46px;}


/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{ float:left;	margin:0; padding:0; overflow: hidden; background: url(../../images/charte/bg-middle.gif) left top no-repeat;}
#right-inner{padding: 10px 0 10px 0;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer { position:relative; z-index: 4; width: 100%; text-align: left;}
#fwrap1 {position:absolute; z-index: -3; left:0; width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter { margin: 0 auto; padding: 0px; font-size: 11px;}
#footer .inner { padding: 0 0 25px; color: #fff;}
#footer .box2	{ padding: 0; width: 220px; float: left; padding-left: 100px;}
#footer .box2 .inner	{ padding: 0 0 0 0; color: #fff;}
.logo-btn{
  background: url(../../images/charte/logo.jpg) no-repeat left top; display: block; width: 135px; height: 85px; text-indent: -9999px;}
.logo-btn:hover{ background-position: right top;}
#footer .box3	{ padding: 0 100px 0 23px; width: 500px; float: right; text-align: right;}
#footer .box4	{ margin: 10px 0 0 0;}

.copyright{padding: 0px 0 0 0px; color: #fff;}
div.ref{padding: 5px 10px 0 0; text-align: center;}
/* ===| V. FOOTER BOXES1 |=====================================================*/
#wrap-footer { position:relative; z-index: 4; width: 100%; text-align: left;}
#fwrap1 {position:absolute; z-index: -3; left:0; width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter { margin: 0 auto; padding: 0px; font-size: 11px;}
#footer .inner { padding: 0 0 25px; color: #fff;}
#footer .box5	{ padding: 0; width: 220px; float: left;}
#footer .box5 .inner	{ padding: 5px 0 0 0; color: #fff;}
.logo-btn{
  background: url(../../images/charte/logo.jpg) no-repeat left top; display: block; width: 135px; height: 85px; text-indent: -9999px;}
.logo-btn:hover{ background-position: right top;}
#footer .box6	{ padding: 5px 0 0 23px; width: 500px; float: right; text-align: right;}
#footer .box7	{ margin: 10px 0 0 0;}

.copyright{padding: 0px 0 0 0px; color: #fff;}
div.ref{padding: 5px 10px 0 0; text-align: center;}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}

a.thumb:link,
a.thumb:visited{border:	0px; padding:0px; margin:1px 0; width:auto; display:block;}
	
img.thumb{border-style:solid; border-width:5px; padding:1px; margin: 0 5px;}

img.thumb{border:1px solid #fff; padding:1px; margin: 0 5px;}
img.thumb0{
  border:1px solid #fff;padding:1px; margin: 0 5px; width:75px; height:75px; background:#ccc url("../../images/thumb0.jpg") 50% 50% no-repeat;}

#menu2 ul li{display: inline;}

.separator{
  width:100%; height:0px; clear:both; padding:0; margin:15px 0; border-top: 1px solid; border-bottom: 1px solid; line-height: 0px; font-size: 0;
  overflow: hidden;}


ul.list{ float:left;}
.list li{
	list-style-type:none;
	background-image: url(../../images/charte/pointer.gif);
	background-position: 5px 6px;
  font-size: 14px;
	background-repeat:no-repeat;
  text-decoration: none;
  text-align: justify;
  color: #fff;
	line-height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
ul.list1{ float:left;}
.list1 li{
	list-style-type:none;
	background-image: url(../../images/charte/pointer.jpg);
	background-position: 5px 4px;
  font-size: 14px;
	background-repeat:no-repeat;
  text-decoration: none;
  text-align: justify;
  color: #fff;
	line-height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
.star{ color: #4ba9ff;}
.normal-txt{ font-size: 12px;}
.left{ float: left;}
.right{ float: right;}
.tleft{ text-align: left;}
.tright{ text-align: right;}
.half{ width: 50%; float: left;}
.third{ width: 33%; float: left;}
.w5{ width: 5px; float: left;}
.w10{ width: 10px; float: left;}
.w20{ width: 20px; float: left;}
.w75{ width: 75px; float: left;}
.w85{ width: 85px; float: left;}
.w95{ width: 95px; float: left;}
.w150{ width: 150px; float: left;}
.w100{ width: 100%;}
.w120{ width: 120px; float: left;}
.w158{ width: 158px;}
.w135{ width: 135px; float: left;}
.w188{ width: 188px; float: left;}
.w200{ width: 200px; float: left;}
.w210{ width: 210px; float: left;}
.w260{ width: 260px; float: left;}
.w270{ width: 270px; float: left;}
.w275{ width: 275px; float: left;}
.w280{ width: 280px; float: left;}
.w300{ width: 300px; float: left;}
.w310{ width: 310px; float: left;}
.w310r{ width: 310px; float: right;}
.w320{ width: 320px; float: left;}
.ptb10{ padding: 10px 0;}
.clr{ clear: both;}
.separator{
  width:auto;
  height:0px;
  clear:both;/* padding:0;*/ border-bottom: 1px solid #e9ccff; border-top: 1px solid #fff; line-height: 0px; font-size: 0; overflow: hidden;}
.separator3{
  width:auto;
  height:0px;
  border-bottom: 1px solid #b4a41b; border-top: 1px solid #fff; line-height: 0px; font-size: 0; overflow: hidden;}
.separator2{
  width:auto;
  height:0px;
  clear:both; padding:0; margin:0 15px; border-bottom: 1px solid #92bfe9; line-height: 0px; font-size: 0; overflow: hidden;}
.separator1{ height: 1px; line-height: 1px; font-size: 0px; border-bottom: 1px solid #b4a41b; height: 10px; margin-bottom: 10px;}
.f0{ font-size: 0px;}
.h1{ height: 1px; line-height: 1px; font-size: 1px;}
.h5{ height: 5px; line-height: 5px; font-size: 3px;}
.h6{ height: 6px; line-height: 6px; font-size: 3px;}
.h7{ height: 7px; line-height: 7px; font-size: 3px;}
.h10{ height: 10px; line-height: 7px; font-size: 3px;}
.h12{ height: 12px; line-height: 7px; font-size: 3px;}
.h14{ height: 14px; line-height: 7px; font-size: 3px;}
.h15{ height: 14px; line-height: 7px; font-size: 3px;}
.h40{ height: 40px; line-height: 7px; font-size: 3px;}
.h20{ height: 20px; line-height: 7px; font-size: 3px;}
.h50{ height: 50px;}.h60{ height: 60px;}.h65{ height: 65px;}.h70{ height: 70px;}.h75{ height: 75px;}.h80{ height: 80px;}.h85{ height: 85px;}
.h90{ height: 90px;}.h106{ height: 106px;}.h200{ height: 200px;}.h380{ height: 380px;}
.mb5{ margin-bottom: 5px;}.mb30{ margin-bottom: 30px;}.mb40{ margin-bottom: 40px;}
.mr5{ margin-right: 5px;}.mr10{ margin-right: 10px;}.mr14{ margin-right: 14px;}.mr15{ margin-right: 15px;}.mr16{ margin-right: 16px;}
.mr20{ margin-right: 20px;}.mr25{ margin-right: 25px;}.mr30{ margin-right: 30px;}.mr35{ margin-right: 35px;}.mr40{ margin-right: 40px;}
.mr45{ margin-right: 45px;}.mr50{ margin-right: 50px;}.mr60{ margin-right: 60px;}.mr100{ margin-right: 100px;}.mr120{ margin-right: 120px;}
.mr130{ margin-right: 130px;}.mr135{ margin-right: 135px;}.mr140{ margin-right: 140px;}.mr180{ margin-right: 180px;}
.ml2{ margin-left: 2px;}.ml5{ margin-left: 5px;}.ml10{ margin-left: 10px;}.ml12{ margin-left: 12px;}.ml13{ margin-left: 13px;}
.ml15{ margin-left: 15px;}.ml20{ margin-left: 20px;}.ml25{ margin-left: 25px;}.ml30{ margin-left: 30px;}.ml35{ margin-left: 35px;}
.ml40{ margin-left: 40px;}.ml45{ margin-left: 45px;}.ml50{ margin-left: 50px;}.ml60{ margin-left: 60px;}.ml70{ margin-left: 70px;}
.ml75{ margin-left: 75px;}.ml90{ margin-left: 90px;}
.ml100{ margin-left: 100px;}.ml110{ margin-left: 110px;}.ml130{ margin-left: 130px;}.ml135{ margin-left: 135px;}.ml140{ margin-left: 140px;}
.ml150{ margin-left: 150px;}
.ml170{ margin-left: 170px;}.ml180{ margin-left: 180px;}.ml200{ margin-left: 200px;}.ml210{ margin-left: 210px;}
.mt3{ margin-top: 3px;}.mt5{ margin-top: 5px;}.mt10{ margin-top: 10px;}.mt15{ margin-top: 15px;}.mt17{ margin-top: 17px;}
.mt75{ margin-top: 75px;}.mt55{ margin-top: 55px;}.mt50{ margin-top: 50px;}.mt20{ margin-top: 20px;}.mt24{ margin-top: 24px;}
.mt30{ margin-top: 30px;}.mt35{ margin-top: 35px;}.mt40{ margin-top: 40px;}.mt60{ margin-top: 60px;}
.mb10{ margin-bottom: 10px;}.mb15{ margin-bottom: 15px;}.mb20{ margin-bottom: 20px;}.m10{ margin: 10px;}
.pr5{ padding-right: 5px;}
.pr12{ padding-right: 12px;}.pr14{ padding-right: 14px;}.pr10{ padding-right: 10px;}.pr15{ padding-right: 15px;}.pr20{ padding-right: 20px;}
.pr30{ padding-right: 30px;}.pr45{ padding-right: 45px;}.pr50{ padding-right: 50px;}.pr55{ padding-right: 55px;}
.pl5{ padding-left: 5px;}.pl14{ padding-left: 14px;}.pl10{ padding-left: 10px;}.pl14{ padding-left: 14px;}.pl15{ padding-left: 15px;}
.pl18{ padding-left: 18px;}.pl20{ padding-left: 20px;}.pl22{ padding-left: 22px;}.pl25{ padding-left: 25px;}.pl30{ padding-left: 30px;}
.pl35{ padding-left: 35px;}.pl40{ padding-left: 40px;}.pl45{ padding-left: 45px;}.pl50{ padding-left: 50px;}.pl60{ padding-left: 60px;}
.pl65{ padding-left: 65px;}.pl80{ padding-left: 80px;}.pl90{ padding-left: 90px;}.pl100{ padding-left: 100px;}.pl140{ padding-left: 140px;}
.pl160{ padding-left: 160px;}
.pl180{ padding-left: 180px;}
.pt2{ padding-top: 2px;}.pt4{ padding-top: 4px;}.pt5{ padding-top: 5px;}.pt9{ padding-top: 9px;}.pt10{ padding-top: 10px;}
.pt11{ padding-top: 11px;}.pt12{ padding-top: 12px;}.pt13{ padding-top: 13px;}.pt15{ padding-top: 15px;}.pt20{ padding-top: 20px;}
.pt25{ padding-top: 25px;}.pt30{ padding-top: 30px;}.pt35{ padding-top: 35px;}.pt37{ padding-top: 37px;}.pt40{ padding-top: 40px;}
.pt75{ padding-top: 75px;}.pt145{ padding-top: 145px;}
.pb0{ padding-bottom: 0px;}
.pb4{ padding-bottom: 4px;}.pb5{ padding-bottom: 5px;}.pb10{ padding-bottom: 10px;}.pb15{ padding-bottom: 15px;}.pb23{ padding-bottom: 23px;}
.pb25{ padding-bottom: 25px;}.pb30{ padding-bottom: 30px;}.pb35{ padding-bottom: 35px;}
.pt5{ padding-top: 5px;}.pt8{ padding-top: 8px;}.p10{ padding: 10px;}.pt15{ padding-top: 15px;}.pt20{ padding-top: 20px;}
.pt30{ padding-top: 30px;}.pt50{ padding-top: 50px;}.pt55{ padding-top: 55px;}.pt60{ padding-top: 60px;}.pt70{ padding-top: 70px;}
.pt80{ padding-top: 80px;}.pt90{ padding-top: 90px;}.pt100{ padding-top: 100px;}.pt120{ padding-top: 120px;}.pt130{ padding-top: 130px;}
.pt132{ padding-top: 132px;}
.color_b{ color: #edd300;}.color_b1{ color: #f1d700;}.color_b2{ color: #9b229b;}
.centered{ text-align: center; font-size: 14px; color: #fff;}
.centered1{ text-align: center; font-size: 13px;}
.upp{ text-transform: uppercase;}
.linking:link, .linking:visited{ color:#9b229b;	text-decoration:underline; font-weight: bold; font-family: Trebuchet MS; font-size: 13px;}
.linking:hover, .linking:active{ color:#000; text-decoration:none; font-weight: bold; font-family: Trebuchet MS; font-size: 13px;}
.linking1:link, .linking1:visited{ color:#fff; text-decoration:underline;  font-family: Trebuchet MS; font-size: 14px;}
.linking1:hover, .linking1:active{ color:#fff; text-decoration:none; font-family: Trebuchet MS; font-size: 14px;}
.linking2:link, .linking2:visited{ color:#edd300; text-decoration:underline; font-family: Trebuchet MS; font-size: 13px;}
.linking2:hover, .linking2:active{ color:#edd300;	text-decoration:none; font-family: Trebuchet MS; font-size: 13px;}
.footerlink:link, .footerlink:visited{ color:#ffffff;	text-decoration:none; font-size: 11px;}
.footerlink:hover, .footerlink:active{ color:#ffffff;	text-decoration:none; font-size: 11px;}
.digital:link, .digital:visited{ color:#edd300;	text-decoration:none; font-size: 11px;}
.digital:hover, .digital:active{ color:#edd300;	text-decoration:none; font-size: 11px;}
.digital1:link, .digital1:visited{ color:#edd300;	text-decoration:underline; font-size: 11px;}
.digital1:hover, .digital1:active{ color:#edd300;	text-decoration:none; font-size: 11px;}
.box{ background-color: #6d3d20; width: 527px; height: 137px; float: left;}
.box1{ background: url(../../images/karine-beaute/box-01.jpg) left top no-repeat; width: 414px; height: 137px;  float: right}
.boxing{ background-color: #6d3d20; width: 100%; text-align: center; font-weight: bold;}
.plan{ background: url(../../images/charte/plan.jpg) no-repeat left top; width: 140px; height: 24px; display: block; float: right; }
.plan:hover{ background-position: left bottom; }

div.wrap { width:950px;	margin-bottom:40px;}
.wrap .pane{
	background: transparent;
	display:none;
	padding:20px;
	border:1px solid #ffe400;
	border-top:0;
	font-size:14px;
	font-size:18px;
	color:#fff;
}
.wrap .pane p{ font-size: 14px; text-align: justify; color: #fff;}
/*..................................plan....................................*/
#plan-image{ float:left; padding-bottom:10px;}
/*.plan-button{ width:143px; float: right; text-align: right;}*/
.plan-button img{ margin: 0px 4px 0 0; float: left;	}

.small-img{ padding: 3px; border: 1px solid #ffe400;}