/*===| 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;}
.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

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

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header{
/*background: url(../../images/charte/header.jpg) top left no-repeat;*/
position: relative;
}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden; height: 484px;}
#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{}

#left-inner{
  position: relative;
}


#actualite, #contact-info, #promo {}

#info{
  background: url(../../images/charte/left-planbox.jpg) top left no-repeat;
  width: 206px;
  height: 130px;
  position: absolute;
  top: 324px;
  right: 0px;

}

#contact-text{
  text-align: center;
  padding-right: 30px;
  padding-bottom: 20px;
  color: #2B4603;
}


/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{
background: url(../../images/charte/content-box.jpg) top left no-repeat;
width:565px;
height: 484px;
}
#right-inner2{
background: url(../../images/charte/gal-bg.jpg) top left no-repeat;
width:783px;
height: 484px;
position:relative;
}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}

.copyright{
padding:18px 0 0;
text-align: center;
color:#2a4a04;
font-size: 10px;
height: 12px;
}
.copyright a{
color:#2a4a04;
font-size: 10px;
text-decoration: none;
}

.copyright a:hover{
color:#2a4a04;
font-size: 10px;
text-decoration: underline;
}

div.ref{
text-align:center;
margin:0 auto;
padding: 0 10px 0;
}
.footer-btns{
  padding-left:116px;
  padding-top:30px;
  height: 16px;
}
.footer-btns img{
  cursor: pointer;
}

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

/* ===| VII. CONTACT FORM |=====================================================*/
#frmContact{margin: 0; padding: 5px; width: 93%; color: #2b4904; }
#frmContact label{display: block; padding: 4px 2px; clear:both;}
#frmContact label span{display:block; width: 28%; float: left;}
#frmContact label input, #frmContact label textarea{width: 70%; vertical-align: top;}

#frmContact label input.linp {
  border: 1px solid #2b4904;
  background: #dee3a9;
  font: 11px Trebuchet MS;
  color: #2b4904;
}

#frmContact label input.linp-over{
  border: 1px solid #2b4904;
  background: #ebeecf;
  font: 11px Trebuchet MS;
  color: #2b4904;
}

#frmContact label textarea.linp{
  border: 1px solid #2b4904;
  background: #dee3a9;
  height: 90px;
  color: #2b4904;
  font: 11px Trebuchet MS;
}
#frmContact label textarea.linp-over{
  border: 1px solid #2b4904;
  background: #ebeecf;
  height: 90px;
  color: #2b4904;
  font: 11px Trebuchet MS;
}

.submit-buttons{
  padding-left:133px;
  padding-top: 20px;
}


.submit-buttons a input{
  background: url(../../images/charte/contact-btn.jpg) top left no-repeat;
  width: 82px;
  height: 21px;
  border: none;
  font: 11px Trebuchet MS;
}
.submit-buttons a:hover input{
  background: url(../../images/charte/contact-btn-normal.jpg) top left no-repeat;
  width: 82px;
  height: 21px;
  border: none;
  font: 11px Trebuchet MS;
}

.merci-box{
  text-align: center;
  padding-top: 100px;
}

.merci-box a{
  color: #2b4904;
  font-weight: bold;
  text-decoration: none;
}

.merci-box a:hover{
  color: #2b4904;
  font-weight: bold;
  text-decoration: underline;
}

/* ===| VIII. COMPONENT EVENEMENTES |=====================================================*/
div.title{float: left; clear: left; width: 100%;}
div.event{float: left; clear: left; width: 100%; border-top: 1px solid #ccc; padding: 5px 0;}
#evenementes h4{text-align: center;}
#evenementes h5 a, #evenementes h5 span{display:block; width:32%; float:left; margin: 0 1px; text-align: center;}
#evenementes h5 span{background: #f2f2f2;}
#evenementes h5 a:link, #evenementes h5 a:visited{text-decoration: none; color: #8d8d8d;}
#evenementes h5 a:hover, #evenementes h5 a:active{text-decoration: underline;color: #000000;}

div.event a:link, div.event a:visited{display: block; float: left; text-decoration: none;}
div.event a:hover, div.event a:active{cursor:pointer; text-decoration: underline;}
div.event div, div.event a span{vertical-align: middle;}
div.event span{float:left; padding: 5px 10px;}

.pagination {float: left; width:200px; text-align:center; border: 1px solid #ccc;background: #DEE3A9;position:absolute;bottom:0px;}
.pagination span{padding:1px; margin: 0 50px 0 55px;}
.pagination a:link, .pagination a:visited{padding:1px 3px; text-decoration: none; color: #8d8d8d;}
.pagination2 a:link, .pagination2 a:visited{padding:1px 3px; text-decoration: none; color: #8d8d8d;}
.pagination a:hover, .pagination a:active{color:#000000; text-decoration: underline;}
.pagination2 a:hover, .pagination2 a:active{color:#000000; text-decoration: underline;}
/* ---( evenemetes - details )------------------------------------------------------ */
#event-detail{background: #f3f3f3; padding: 5px;}
#event-detail h3 span{white-space: nowrap; font-size: smaller;}
#event-detail .photos{text-align: center;}
#event-detail .photos a#bigHref img{border:1px solid #ccc; padding: 5px; background: #fff;}
#event-detail .photos div{padding: 0 0 10px;}
#event-detail .photos a img{border: 1px solid #ccc; padding:5px; background: #fff;}
#event-detail .text-details{padding:10px 0; text-align: justify; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

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

/* ===| X. COMPONENT LIENS |===========================================================*/
#liens{padding:5px;}
#liens div.lien{padding: 5px 0; border-top: 1px solid #f3f3f3;}
#liens div.thumb{float:left; width:145px; text-align: center;}
#liens div.thumb a img{padding: 5px; border: 1px solid #ccc; display: inline;}
#liens .txt {float:left; width:360px;}
#liens h5{font-weight:bold;text-transform:capitalize;}
#liens p { color: #747474;}

/* ===| XI. COMPONENT LIVRE D'OR |======================================================*/
.submit-buttons input{cursor: pointer;}
fieldset {border: 1px solid #ccc; padding: 5px;}
fieldset legend {padding: 2px 5px; text-transform: capitalize;	font-weight: bold; color: gray; margin: 0;}
fieldset legend span {color: #000000; font-size: 1.2em;}
fieldset p{text-align: justify; padding: 5px;}
.pagination{margin: 8px 0 0 20px;}

/* ===| XII. COMPONENT NEWSLETTER |=====================================================*/
#newsletter{background: #f3f3f3; border: 1px solid #ccc; padding:10px;}
#newsletter input{width: 40%; vertical-align: top;}

#newsletter a:link, #newsletter a:visited {text-decoration: none;}
#newsletter a:link input, #newsletter a:visited input {border: 1px solid #fff; background: #ccc; cursor: pointer; width: auto;}
#newsletter a:hover input {border: 1px solid #ccc; background: #fff; width: auto;}

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

/* ===| XIV. COMPONENT LISTEGALERIE |=====================================================*/
#listgalerie{height:345px;width:675px;float:right;margin-right:20px;background: #dee3a9; border: 1px solid #cccccc; padding:10px;}
#galerie-detail{
width:460px;
height:397px;
margin-left:65px;
background: #dee3a9;
border: 1px solid #cccccc;
padding:2px;
}

.penflow{
  outline: none;
  height:330px;
  overflow: auto;
}


.bdetpic{
   background:#fff;
   float:left;
height:38px;
width:45px;
padding: 2px;
margin: 1px;
}

.detpic{
  width:45px;
  height:38px;
  float:left;
}

.gal-retour{
margin: 38px 0 0 140px;float:left;
}

.picdet-det-title{
  border-bottom: 1px solid #9ea937;
  text-transform: uppercase;
  font-size: 13px;
  color: #3f5a12;
}
.gal-select select{
  border: 1px solid #738a22;
  width: 200px;
  background: #e9eebe;
  color:#556c00;

}


.picdet-det{
  width: 235px;
  padding-left: 10px;
  height: 372px;
  padding-top: 30px;
  position: absolute;
  right: 7px;
  top: 70px;
}

.pagination2{
  margin: 0px auto;
  width: 200px;
  text-align:center;
}

.partenpbox{
  width:740px;
  padding-left:40px;
}


.partbox{
  float: left;
  width: 93%;
  margin-left: 25px;
  margin-bottom: 10px;
  background: #dee3a9;
  border: 1px solid #6b7d20;
  min-height: 114px;
  height: auto!important;
  height: 114px;
}

.part-img{
  float: left;
  width: 90px;
  text-align: center;
  height: 80px;
}

.parpag{
  width: 200px;
  margin: 0 auto;
  text-align: center;
}

.parpag a:link, .parpag a:visited{padding:1px 3px; text-decoration: none; color: #8d8d8d;}
.partbox a:link, .partbox a:visited{padding:1px 3px; text-decoration: none; color: #8d8d8d;}

.parpag a:hover, .parpag a:active{color:#000000; text-decoration: underline;}
.partbox a:hover, .partbox a:active{color:#000000; text-decoration: underline;}





#listgalerie .thumb {float:left; text-align:center; padding:6px; min-height:90px; height:auto!important; height:90px;}
#listgalerie .thumb a:link, #listgalerie .thumb a:visited{display: block; vertical-align: middle; text-decoration: none; color: #747474;}
#listgalerie .thumb a:hover, #listgalerie .thumb a:active {text-decoration: underline; color: #000;}
#listgalerie .thumb a img {border: 1px solid #ccc; padding:5px; background: #ffffff;}
/* ---( listgalerie - details )------------------------------------------------------ */
#galerie-detail .text-details{text-align: justify;}
#galerie-detail .photos{text-align: center;}
#galerie-detail .photos a img{border: 1px solid #ccc; padding:5px; background: #ffffff;}

.list-picz{
  width: 150px;
  height:150px;
  float: left;
  border: 3px solid #fff;
  position: relative;
}

.galtitle{
  position: absolute;
  bottom:0px;
  left: 0px;
  background: #fefefe;
  width: 100%;
  height: 28px;
  padding-top: 2px;
}



.mdm-box{
  height:85px;
  line-height: 12px;
  text-align: justify;
  color: #9da835;
  padding-left: 15px;

}

#actualite{
  padding-top: 20px;
}

#footer{
  background: url(../../images/charte/footer.jpg) top left no-repeat;
  height: 81px;
}

.info-detail{
  padding:15px 0 0 8px;
  text-align: center;
  width: 120px;
  font-size: 11px;
  position: absolute;
  left: 0px;
  z-index: 5;
}
.info-map{
  width: 91px;
  height: 116px;
  position: absolute;
  right:7px;
  top: 8px;
}

.leftplan a{
color: #fff;
font-weight: bold;
padding-top: 5px;
float: left;
padding-left: 2px;
text-decoration: underline;
}
.leftplan a:hover{
color: #fff;
font-weight: bold;
padding-top: 5px;
float: left;
padding-left: 2px;
text-decoration: none;
}

.inner-cont{
  padding-left:55px;
}
.istbox{
  width:275px;
  text-align: justify;
  padding-right: 9px;
  float: left;
}
.istbox p{
  line-height: 13px;
  padding-bottom: 18px;
  color: #2b4603;
    background: transparent

}
.istbox2{
  float:left;
  padding-left:12px;
  width:287px;
  text-align:justify;
  padding-top: 10px;
}


.istbox2 p{
  line-height: 13px;
  padding-bottom: 18px;
  color: #2b4603;

}
.istbox p span, .istbox2 p span{
  font-size: 17px;
  font-weight: bold;
  float: left;
;

}

#accountCreate{
  text-align: center;
  padding-top: 200px;
  color:#fff;
  font-weight:bold;
}



.icscroll{
  height: 100px;
}

.lboxtitle{
  color:#2b4904;
  font-weight:bold;
  padding-bottom:13px;
}
.lboxtitle2{
  color:#2b4904;
  font-weight:bold;
  padding-bottom:13px;
  text-align: center;
  padding-top: 25px;
}
.lboxtitle3{
  color:#2b4904;
  font-weight:bold;
  padding-bottom:13px;
  text-align: center;
  padding-top: 15px;
  padding-left:45px;
  float:left;
}
.lboxtitle3 a{
  color:#fff;
  text-decoration: underline;
}

.lboxtitle3 a:hover{
  color:#fff;
  text-decoration: none;
}
.bonpic{
   cursor:pointer;
   padding:12px 0 0;

}

.centre-cbox{
  float: left;
  width: 220px;
  background: #dee3a9;
  padding: 5px;
  margin-right: 10px;
  border: 1px solid #9ea937;
}

.centre-cbox p {
  font-size: 13px;
  color: #3f5a12;
  font-weight: bold;
  border-bottom:1px solid #9ea937;
}

.centre-cbox ul {
  padding-top: 5px;
}

.centre-cbox ul li{
  padding-left: 10px;
  background: url(../../images/charte/gren-bullet.jpg) left 6px no-repeat;
  margin-left: 5px;
}

.enconstruction{
  text-align: center;
  padding: 50px 0 0 0;
  color: #3f5a12;
  font-size: 14px;
}

.pensions p{
  color: #3f5a12;
  font-size: 14px;
}

.pensions ul{
 padding-left: 10px;
 padding-right: 5px;
}

.pensions ul li{
 background: url(../../images/charte/gren-bullet.jpg) left 5px no-repeat;
 padding-left: 10px;
 padding-bottom: 5px;
}
.pensions ul li ul{
  padding-top:0px;
}

.headtab td{
  background: #c6cd96;
  color: #2b4805;
}


.pensions ul li ul li{
 background: url(../../images/charte/red-bullet.jpg) left 5px no-repeat;
 padding-left: 10px;
  padding-bottom: 5px;
}

.pensions table tr td{
  width: 106px;
  border: 1px solid #000;
  padding: 2px;
}

.pensions img{
  cursor: pointer;
  float: left;
  margin:10px;
}

.pensions div{
  float: left;
  clear: both;
  text-align: justify;
  padding-right: 1px;
  width:484px;
  overflow-x: hidden;
}
.pensions ul{
float:left;
 width: 455px;

}
.partitle{
  color: #3f5a12;
  font-size: 13px;
  margin-left: 5px;
  padding: 5px 0px 0 0px;
  width: 98%;
  border-bottom: 1px solid #9ea937;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.nlform{
  width:117px;
  border: none;
  height: 12px;
  font-size:11px;
  padding: 2px;
}

.btn-ok{
  background: url(../../images/charte/news-ok.jpg) top left no-repeat;
  width: 18px;
  height: 16px;
  border: none;
}

.btn-ok-over{
  background: url(../../images/charte/news-ok-over.jpg) top left no-repeat;
  width: 18px;
  height: 16px;
  border: none;
  cursor: pointer;
}

.gal-select{
position:absolute;
top:69px;
width:217px;
left: 540px;
z-index: 1;
}