/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0; outline: none;}
html, body {height: 100%;width: 100%;}
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{background:#fafaba; color:#003300; font-size:14px; font-family: Trebuchet MS, Arial;}
#bg1{position:absolute;z-index: 1; width:100%;}
#bg2{position:absolute;z-index: 2; width:100%; background:url("images/bg-x.jpg") 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{margin:0 auto;	text-align: left;}
#content{}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{}
#site-header .inner{}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-outter div.outter{ height: auto!important; }
#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, #contact-info, #promo {}

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{
  background: url(images/content_bg.jpg) no-repeat; float:left;	margin:0; padding:0; overflow: hidden; font-size:14px;
  font-family: Trebuchet MS, Arial; line-height:20px; text-align: justify;}
#right-inner{padding: 0px 0px 0px 20px;}

/* ===| 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;}
#footer .inner	{padding: 0 0 25px;}
#footer .box1	{padding:15px 0 0;}

.copyright{padding: 17px 0 0; text-align: center;}
div.ref{padding: 0 10px 0;}

/* ===| 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;}

#menu2 ul li{display: inline;}


/* ===| VII. CONTACT FORM |=====================================================*/
/*#frmContact{margin: 0; padding: 5px; width: 98%; background: #f3f3f3; border: 1px solid #dfdfdf; }
#frmContact label{display: block; padding: 4px 2px; border-bottom: 1px solid #ffffff; clear:both;}
#frmContact label span{display:block; width: 29%; float: left;}
#frmContact label input, #frmContact label textarea{width: 40%; vertical-align: top;}

div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
div.submit-buttons input{	border: 1px solid #fff; background: #ccc;}
div.submit-buttons a:hover input{ border: 1px solid #ccc; background: #fff;}*/

/* ===| IX. COMPONENT GALERIE |========================================================*/
#gallery{padding: 5px;}
#gallery div.thumb{float: left; width: 30%; text-align: center; padding: 5px; min-height: 90px; height:auto!important;height:90px;}
#gallery div.thumb a{display: block; vertical-align: middle;}
#gallery div.thumb a img{border: 1px solid #ccc; padding:5px; background: #fff;}

/* ===| XII. COMPONENT NEWSLETTER |=====================================================*/
#newsletter-cont{
  background: url(../../images/charte/bg-newsletter.jpg) no-repeat top left;
  width: 202px;
  height: 30px;
  position: absolute;
  z-index: 99;
  right: 8px;
  top: 20px;
}
#news-form{ padding: 0;}
.news-input{ background: none; border: none; width: 130px; font-size: 11px; color: #005329;}
.ok{
  background: url(../../images/charte/ok.jpg) no-repeat top right;
  text-align: center;
  width: 19px;
  height: 15px;
  color: #fff;
/*  float: left;*/
  border: none;
  margin-left: 45px;
}
.ok-over{
  background: url(../../images/charte/ok-over.jpg) no-repeat top right;
  text-align: center;
  width: 19px;
  height: 15px;
  color: #ffe400;
/*  float: left;*/
  border: none;
  margin-left: 45px;
  cursor: pointer;
}

/* ===| XIII. COMPONENT ADMINDOCS |=====================================================*/
#admindocs{background: #f3f3f3; border: 1px solid #cccccc; padding:10px;}

/* ===| M I S C |=====================================================*/
#newsletter-div{float:left; width:717px; height:42px; background: url(images/newsletter_bg.jpg) no-repeat; position: relative;}
.menu-sb{float:left; width:262px; height:277px;}
.actualites-sb{
  font-family: Trebuchet MS, Arial; float:left; width:232px; height:100px; background: url(images/actualites_bg.jpg) no-repeat;
  text-align: justify; padding-top:40px; padding-left:15px; padding-right:15px;}
.coord-sb{
  font-family: Trebuchet MS, Arial; float:left; width:227px; height:149px; background: url(images/coord_bg.jpg) no-repeat;
  padding-left:15px; padding-top:40px; padding-right:20px;}
.footer-div{background:url(images/footer_bg.jpg) no-repeat; height:73px; width:980px; font-size:12px; color:#fff; font-family: Trebuchet MS, Arial;}

.p5{margin-top:5px;}
.p10{margin-top:10px;}
.p15{margin-top:15px;}
.p20{margin-top:20px;}
.p25{margin-top:25px;}
.p30{margin-top:30px;}
.p35{margin-top:35px;}
.p40{margin-top:40px;}
.p45{margin-top:45px;}
.p50{margin-top:50px;}

.coord-sb a:link, .coord-sb a:visited{color:#003300; text-decoration: underline;}
.coord-sb a:hover{color:#003300; text-decoration: none;}

.maillink{margin-top:7px;}
.maillink a:link, .maillink a:visited{color:#fff; text-decoration:underline; font-family:Trebuchet MS, Arial; font-size:12px;}
.maillink a:hover{color:#fff; text-decoration:none; font-family:Trebuchet MS, Arial; font-size:12px;}

.link2 a:link, .link2 a:visited{color:#005600; text-decoration:underline; font-family:Trebuchet MS, Arial; font-size:13px;}
.link2 a:hover{color:#005600; text-decoration:none; font-family:Trebuchet MS, Arial; font-size:13px;}

.footer-left{float:left; text-align:center; margin:7px 0px 0px 0px; padding-left: 30px;}
.footer-right{float:right; text-align:right; margin:7px 0px 0px 0px; color:#fff; line-height:20px; padding-right: 20px;}

.footer-menu a:link, .footer-menu a:visited{color:#fff; text-decoration:none;}
.footer-menu a:hover{color:#fee900; text-decoration:underline;}

/*-------- content --------*/
ul.list{ float:left;}
.list li{
	list-style-type:none;
	background-image: url(../../images/charte/pointer.jpg);
	background-position: 5px 6px;
  font-size: 14px;
	background-repeat:no-repeat;
  text-decoration: none;
  text-align: justify;
  color: #003300;
	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;}
.w15{ width: 15px; 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 #fff; border-top: 1px solid #e5e592; 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;}
.h3{ height: 3px; 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;}
.h20{ height: 20px; line-height: 7px; font-size: 3px;}
.h30{ height: 30px; line-height: 7px; font-size: 3px;}
.h40{ height: 40px; 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;}
.pr24{ padding-right: 24px;}.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;}.pl255{ padding-left: 255px;}
.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;}.pt17{ padding-top: 17px;}
.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: #028b46;}.color_b1{ color: #fee900;}.color_b2{ color: #9b229b;}
.centered{ text-align: center; font-size: 14px; color: #003300;}
.centered1{ text-align: center; font-size: 13px;}
.upp{ text-transform: uppercase;}
.linking:link, .linking:visited{ color:#003300;	text-decoration:underline; font-weight: bold; font-family: Trebuchet MS; font-size: 14px;}
.linking:hover, .linking:active{ color:#003300; text-decoration:none; font-weight: bold; font-family: Trebuchet MS; font-size: 14px;}
.linking1:link, .linking1:visited{ color:#003300; text-decoration:none; font-family: Trebuchet MS; font-size: 12px;}
.linking1:hover, .linking1:active{ color:#003300; text-decoration:underline; font-family: Trebuchet MS; font-size: 12px;}
.linking2:link, .linking2:visited{ color:#fee900; text-decoration:underline; font-family: Trebuchet MS; font-size: 12px;}
.linking2:hover, .linking2:active{ color:#fee900;	text-decoration:none; font-family: Trebuchet MS; font-size: 12px;}
.linking3:link, .linking3:visited{ color:#003300; text-decoration:underline; font-family: Trebuchet MS; font-size: 14px;}
.linking3:hover, .linking3:active{ color:#003300; text-decoration:none; font-family: Trebuchet MS; font-size: 14px;}
.linking4:link, .linking4:visited{ color:#d70000; text-decoration:underline; font-family: Trebuchet MS; font-size: 14px;}
.linking4:hover, .linking4:active{ color:#d70000; text-decoration:none; font-family: Trebuchet MS; font-size: 14px;}
.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;}
.bgw{ background-color: #fff;}
.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; }
.paragraph1{ background: url(../../images/charte/paragraph-txt-01.jpg) left top no-repeat; width: 698px; height: 142px; position: relative;}
.box-galerie{
  background: url(../../images/charte/box-galerie.gif) left top no-repeat; width: 130px; height: 160px; text-align: center; margin-right: 9px;
  float: left; margin-bottom: 10px;
}
.box-image{ background: url(../../images/charte/bg-img.gif) left top no-repeat; width: 90px; height: 90px; float: left; margin-right: 10px;}
/*------ end content ------*/
.nav_pages{
	/*margin: 0 150px 0 0;*/
	padding: 2px 0 10px 0;
	font-size: 11px;
	color: #005098;
	position: relative;
  float:left;
  width:100%;
  text-align:center;
}
.nav_pages a{	color: #003300;	text-decoration: none; border: 1px solid #e5e592;	margin: 0 1px; padding: 1px 3px; background-color:#ffffab;}
.nav_pages a:hover{	color: #000000;	background-color:#99cc00;	text-decoration: none;}
.nav_pages a.menu_actif{ color: #005098;	background-color:#99cc00;	text-decoration: none;}