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

body{}
#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background:url("images/bg1.jpg") 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; background:url("images/bg2.jpg") 50% 0% no-repeat;}

#wrap-container{
  position: relative;
  z-index:4;
  background: #fff4d2 url(../../images/charte/bg-top.jpg) left top repeat-x;
  width: 100%;
}
#container{background: url(../../images/charte/bg-middle.jpg) 50% 50% repeat-y; margin:0 auto; text-align: left;}
#content{}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{/*background:url("images/header.jpg") 50% 0 no-repeat;*/}
#site-header .inner{}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-outter div.outter{}

#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{
  background: url(../../images/charte/bg-info.jpg) left top no-repeat; width: 240px; height: 227px; font-size: 11px; line-height: 14px; color: #fff;}
#info .inner{ padding: 25px 0 0 10px;}
#plan { background: url(../../images/charte/bg-plan.jpg) left top no-repeat; width: 240px; height: 150px;}
#plan .inner{ padding: 30px 0 0 0;}

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

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {
  position: relative;
  z-index: 4;
  background: #fff4d2 url(../../images/charte/bg-footer.jpg) center top no-repeat;
  width: 100%;
  text-align: left;
}
#fwrap1 {position:absolute; z-index: -3; left:0;/* background:url("images/footer-bg-0.gif") 50% 0% repeat-y;*/ width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0;/* background:url("images/footer-bg-1.gif") 50% 100% no-repeat;*/ width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter {/*background:url("images/footer-bg-0.gif") -16px 0% repeat-y;*/ margin: 0 auto; padding: 0px;}
#footer .inner{/*background:url("images/footer-bg-1.gif") -16px 100% no-repeat;*/ padding: 0 0 25px; font-size: 11px; color: #fff;}
#footer .box1	{/*background:url("images/footer-bg-2.gif") -16px 0% no-repeat;*/ text-align: left; width: 240px; float: left; padding: 0; margin: 0;}
#footer .box1 .cont{ padding: 45px 0 0 10px; line-height: 16px;}
#footer .box2	{/*background:url("images/footer-bg-2.gif") -16px 0% no-repeat;*/ padding: 0; margin: 0; float: left; text-align: center; width: 720px;}
#footer .box2 .cont{ padding: 45px 10px 0 0; margin: 0; text-align: right;}
#footer .box3 { margin-top: 20px;}
.copyright{padding: 0 0 0 0; text-align: right;}
div.ref{text-align: center; background-color: #fff4d2; color: #000;}

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

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

#menu2 ul li{display: inline;}

.separator{
  width:100%;
  height:0px;
  clear:both;
  padding:0;
  margin:15px 0;
  border-top: 1px solid #f7eac6;
  border-bottom: 1px solid #f7eac6;
  line-height: 0px;
  font-size: 0;
  overflow: hidden;
}
/************** CONTENT *****************/
.mailing:link, .mailing:visited{ text-decoration: none; color: #fff;}
.mailing:hover, .mailing:active{ text-decoration: underline; color: #fff;}
.footerlink:link, .footerlink:visited{ text-decoration: none; color: #cbff9a;}
.footerlink:hover, .footerlink:active{ text-decoration: underline; color: #cbff9a;}
ul.list{
	float:left;
}
.list li{
	list-style-type:none;
	background-image:url(../../images/charte/pointer.jpg);
	background-position: 3px 2px;
	background-repeat:no-repeat;
  text-align: justify;
  text-decoration: none;
  color: #000;
	line-height:18px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
.mb5{ margin-bottom: 5px;}
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mr25{ margin-right: 25px;}
.mr30{ margin-right: 30px;}
.mr35{ margin-right: 35px;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.m10{ margin: 10px;}
.pr10{ padding-right: 10px;}
.pl5{ padding-left: 5px;}
.pl10{ padding-left: 10px;}
.pl15{ padding-left: 15px;}
.pl20{ padding-left: 20px;}
.pl30{ padding-left: 30px;}
.pt5{ padding-top: 5px;}
.pt15{ padding-top: 15px;}
.pt10{ padding-top: 10px;}
.pt20{ padding-top: 20px;}
.pt25{ padding-top: 25px;}
.pt30{ padding-top: 30px;}
.pb10{ padding-bottom: 10px;}
.pb15{ padding-bottom: 15px;}
.pb20{ padding-bottom: 20px;}
.m5{ margin: 5px;}
.p5{ padding: 5px;}
.p10{ padding: 10px;}
.h10{ height: 10px;}
.h20{ height: 20px;}
.centered{ text-align: center; clear: both; width: 100%; float: left;}
.color_b{ color: #bca157;}
.color_b1{ color: #b3593e;}
.up{ text-transform: uppercase;}
.ten{ width: 100%; height: 10px; line-height: 0px; font-size: 0px;}
.fifteen{ width: 100%; height: 15px; line-height: 0px; font-size: 0px;}
#footer-left{ width: 335px; float: left;}
#footer-right{ width: 495px; float: left; text-align: center;}
.pointline{ background: url(../../images/charte/h2-pointer.jpg) 10px 5px no-repeat; height: 25px;	float:left;}
.pointline h2{ padding-left: 20px;}
.color-box{ background: url(../../images/nos-activites/color-box.jpg) left top no-repeat; float: left; width: 230px; height: 110px;}
.bottomtxt{ color: #411f04;}
.color-paragraph{ background-color: #fff; border: 1px solid #c6c6c6; width: 608px; float: left; clear: both;}
.tips a:link, .tips a:visited{ cursor: auto;}
.tips a:hover, .tips a:active{ cursor: auto;}
.merci-box{ text-align: center;}
.paragraph1{ background: url(../../images/accueil/paragraph1.jpg) left top no-repeat; float: left; width: 561px; height: 181px;}
.paragraph{ background: url(../../images/accueil/bg-paragraph.jpg) left top no-repeat; width: 700px; height: 160px;}
.half{ width: 275px; float: left;}
/************ END CONTENT ***************/
/* ===| IX. COMPONENT GALERIE |========================================================*/
.pagination {float: left; clear:left; width:100%; text-align:center; padding-top: 10px;/* border-top: 1px solid #ccc;background: #f2f2f2;*/}
.pagination span{padding:1px; margin: 0 50px 0 25px;}
.pagination a:link, .pagination a:visited{padding: 1px 3px; text-decoration: none; color: #8f6b2b;}
.pagination a:hover, .pagination a:active{color: #000000; text-decoration: underline;}

#gallery{padding: 5px; background-color: #f7eac6;}
#gallery div.thumb{float: left; width: 18.5%; text-align: center; padding: 5px; min-height: 120px; height:auto!important;height:120px;}
#gallery div.thumb p{ text-align: center; font-size: 11px;}
#gallery div.thumb a{display: block; vertical-align: middle;}
#gallery div.thumb a img{border: 1px solid #bca157; padding:5px; background: #f8ecc8;}
.img-h{ height: 87px;}
/* ===| X. COMPONENT LIENS |===========================================================*/