/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {height: 100%;width: 100%; background-color: #fbf7ec;}
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: url(../../images/charte/bg-body.jpg) 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; background: url(../../images/charte/bg-top.jpg) 50% 0% no-repeat;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{ margin:0 auto; text-align: left;}
#content{ background: url(../../images/charte/bg-content.jpg) center top no-repeat; width: 990px; height: 465px;}
#content-inner{ padding: 2px 25px;}
#left-diaporama{ width: 200px; height: 460px; float: left; margin-right: 20px;}
#right-diaporama{ width: 200px; height: 460px; float: right;}
#txt-content{ width: 500px; float: left;}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{}
#site-header .inner{ text-align: center;}

#actualite, #promo {}

#contact-info{ background: url(../../images/charte/bg-info.jpg) left top no-repeat; width: 990px; height: 68px; color: #c0b59b; font-size: 12px;}
.contact1{ width: 372px; float: left; padding-top: 32px; text-align: right; font-size: 14px;}
.contact2{ width: 155px; float: left; padding-top: 22px; text-align: right;}
.contact3{ width: 182px; float: left; padding-top: 22px; text-align: right;}
.contact4{ width: 186px; float: left; padding-top: 22px; text-align: right;}


/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding: 10px 15px 10px 10px;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer { background: url(../../images/charte/bg-footer.jpg) center top no-repeat; 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 25px 0 25px; color: #2f2b20;}
#footer .box2	{ padding: 0; width: 220px; float: left; padding-top: 10px;}
#footer .box2 .inner	{ padding: 0 0 0 0; color: #2f2b20; line-height: 18px;}

#footer .box3	{ padding: 10px 0 0 0; width: 500px; float: right; text-align: right;}
#footer .box4	{ margin: 10px 0 0 0;}

.copyright{padding: 3px 0 0 0px; color: #2f2b20; line-height: 18px;}
div.ref{padding: 15px 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;}

ul.list{ float:left;}
.list li{
	list-style-type:none;
	background-image: url(../../images/charte/pointer1.gif);
	background-position: 0px 7px;
  font-size: 12px;
	background-repeat:no-repeat;
  text-decoration: none;
  text-align: justify;
  font-weight: bold;
  color: #2f2b20;
	line-height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 13px;
}
ul.list1{ float:left;}
.list1 li{
	list-style-type:none;
	background-image: url(../../images/charte/pointer2.jpg);
	background-position: 0px 4px;
  font-size: 12px;
	background-repeat:no-repeat;
  text-decoration: none;
  text-align: justify;
  color: #5f4938;
	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;}.w130{ width: 130px; float: left;}.w135{ width: 135px; float: left;}.w140{ width: 140px; float: left;}
.w158{ width: 158px; float: left;}.w165{ width: 165px; float: left;}.w188{ width: 188px; float: left;}
.w200{ width: 200px; float: left;}.w210{ width: 210px; float: left;}.w215{ width: 215px; float: left;}.w220{ width: 220px; float: left;}
.w225{ width: 225px; float: left;}.w250{ width: 250px; float: left;}.w260{ width: 260px; float: left;}
.w270{ width: 270px; float: left;}
.w275{ width: 275px; float: left;}.w280{ width: 280px; float: left;}.w267{ width: 267px; float: left;}.w268{ width: 268px; float: left;}
.w292{ width: 292px; 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 #a79d89; 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;}.ml120{ margin-left: 120px;}.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;}
.pl2{ padding-left: 2px;}
.pl5{ padding-left: 5px;}.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;}.pl75{ padding-left: 75px;}.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;}.pb20{ padding-bottom: 20px;}.pb23{ padding-bottom: 23px;}
.pb25{ padding-bottom: 25px;}.pb30{ padding-bottom: 30px;}.pb35{ padding-bottom: 35px;}.pb40{ padding-bottom: 40px;}
.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: #82181a;}.color_b1{ color: #760003;}.color_b2{ color: #241204;}
.color1{ color: #fff9e4;}.color2{ color: #5f4938;}.color3{ color: #c0b59b;}
.centered{ text-align: center; color: #5f4938;}
.centered1{ text-align: center; font-size: 13px;}
.upp{ text-transform: uppercase;}
.bot{ border-top: 1px solid #bfac8d;}.bor{ border-right: 1px solid #bfac8d;}
.bob{ border-bottom: 1px solid #bfac8d;}.bol{ border-left: 1px solid #bfac8d;}
.linking:link, .linking:visited{ color:#ffecbe;	text-decoration:underline;}
.linking:hover, .linking:active{ color:#ffecbe; text-decoration:none;}
.linking1:link, .linking1:visited{ color:#82181a; text-decoration:underline;  font-family: Tahoma; font-size: 14px;}
.linking1:hover, .linking1:active{ color:#82181a; text-decoration:none; font-family: Tahoma; font-size: 14px;}
.linking2:link, .linking2:visited{ color:#5f4938; text-decoration: none; font-family: Tahoma; font-size: 12px;}
.linking2:hover, .linking2:active{ color:#5f4938;	text-decoration: underline; font-family: Tahoma; font-size: 12px;}
.linking3:link, .linking3:visited{ color:#82181a; text-decoration:underline;  font-family: Tahoma; font-size: 12px;}
.linking3:hover, .linking3:active{ color:#82181a; text-decoration:none; font-family: Tahoma; font-size: 12px;}
.linking4:link, .linking4:visited{ color:#2f2b20; text-decoration:none;  font-family: Tahoma; font-size: 12px;}
.linking4:hover, .linking4:active{ color:#2f2b20; text-decoration:underline; font-family: Tahoma; font-size: 12px;}
.footerlink:link, .footerlink:visited{ color:#2f2b20;	text-decoration:none; font-size: 11px;}
.footerlink:hover, .footerlink:active{ color:#2f2b20;	text-decoration:underline; font-size: 11px;}
.digital:link, .digital:visited{ color:#630003;	text-decoration:none; font-size: 11px;}
.digital:hover, .digital:active{ color:#630003;	text-decoration:underline; font-size: 11px;}
.digital1:link, .digital1:visited{ color:#421d00;	text-decoration:underline; font-size: 11px;}
.digital1:hover, .digital1:active{ color:#421d00;	text-decoration:none; font-size: 11px;}

.plan{ background: url(../../images/charte/plan-btn.jpg) no-repeat left top; width: 147px; height: 38px; display: block; float: right; }
.plan:hover{ background-position: left bottom; }

.paragraph1{ background: url(../../images/presentation/paragraph-01.jpg) left top no-repeat; width: 373px; height: 78px;}

/*********** plan ***************/
.home-icon      { clear: both; background: url(../../images/plan/home-icon.jpg) no-repeat left center; padding: 0 0 0 30px; }
.phone-icon     { clear: both; background: url(../../images/plan/phone-icon.jpg) no-repeat left center; padding: 0 0 0 30px; }
.mail-icon     { clear: both; background: url(../../images/plan/mail-icon.jpg) no-repeat left center; padding: 0 0 0 30px; }

#map            { display: block; margin: 10px 0; width: 500px; height: 275px; }
#zoom-buttons   { float: right; }
.zoom-btn       { width: 25px; height: 25px; display: block; float: left; }
.zoom-btn:hover,
.zoom-btn-active{ background-position: left bottom !important; }
.zoom-btn-active{ cursor: default !important; }
#zoom-1         { background: url(../../images/plan/zoom1-btn-bg.jpg) no-repeat left top; margin-right: 10px; }
#zoom-2         { background: url(../../images/plan/zoom2-btn-bg.jpg) no-repeat left top; margin-right: 10px; }
#zoom-3         { background: url(../../images/plan/zoom3-btn-bg.jpg) no-repeat left top; }
.to-print       { display: none; }

.print-btn      { background: url(../../images/plan/print-btn.jpg) no-repeat left top; width: 110px; height: 25px; display: block; float: left; }
.print-btn:hover{ background-position: left bottom; }
/********* end plan *************/
.box{ background: url(../../images/charte/box.jpg) left top no-repeat; width: 120px; height: 150px; margin-right: 5px; text-align: center;}
.box .picture{ height: 110px; text-align: center;}
.box .title{ color: #2f2b20; padding: 0 5px; text-align: center;}

.scroll-pane { float: left; width: 500px; height: 375px; overflow: hidden; padding: 0 10px 0 0;}
.scroll-pane:focus{ outline: none;}