/*===| 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-repeat.jpg) top left repeat-y;
    margin:0 auto;
    text-align: left;
    position: relative;
}
#content{

}

.cont-pad{
  padding-left: 10px;
}

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


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

/* ===| 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 {position:relative; z-index: 4; width: 100%; text-align: left;}

#footer{
  background: url(../../images/charte/footer.jpg) top left no-repeat;
  width: 680px;
  height: 60px;
  position: absolute;
  bottom: 0;
  font-size: 11px;

}


.copyright{padding: 17px 0 0; text-align: center;}
.ref{
width:960px;
text-align: center;
margin: 0 auto;
}

.footer-left-rp{
    padding-top:18px;
    padding-left: 10px;
    color: #104800;
    float: left;

}

#menu2{
  float: right;
  padding-top:18px;
  text-align: right;
}

#menu2 ul li a{
  color: #104800;
  text-decoration: none;
}

#menu2 ul li a:hover{
  color: #000000;
  text-decoration: none;
}
a.digitalage{
  text-decoration: none;
  color: #000;
}
a.digitalage:hover{
  text-decoration: underline;
  color: #000;
}

a:link, a:visited{
    color: #044200;
    text-decoration: none;
}
a:hover, a:active{
    text-decoration: underline;
}

strong{
  color: #1e8b00;
}

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


div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
div.submit-buttons input{	border: 1px solid #0a8100; background: #e8f1e5; font-size: 11px;}
div.submit-buttons a:hover input{ border: 1px solid #d5c402; background: #eeeabe; font-size: 11px;}

/* ===| 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; clear:left; width:100%; text-align:center;}
.pagination span{padding:1px; margin: 0 50px 0 25px;}
.pagination a:link, .pagination a:visited{padding:1px 3px; text-decoration: none; color: #8d8d8d;}
.pagination a:hover, .pagination 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: 5px 0;}

/* ===| 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{ padding:10px;}

#listgalerie .thumb {float:left; width:31%; text-align:center; padding:5px; 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 #cabc22; padding:3px; background: #ffffff;}
/* ---( listgalerie - details )------------------------------------------------------ */
#galerie-detail .text-details{
text-align: justify;
width:540px;
float:left;
min-height: 288px;
height: auto!important;
height: 288px;
padding-right:20px;}
#galerie-detail .photos{
text-align: center;
width: 540px;
height: 160px;
background: url(../../images/charte/det-phbg.jpg) top left repeat-x;
padding-right: 10px;
position: relative;

}
#galerie-detail .photos div a img{
padding:2px;
 background: #fff;
 position: absolute;
 bottom:0px;
 left: 20px;

}
#galerie-detail .photos div{
float:left;
height:100px;
position: relative;
width: 133px;
bottom: 0px;
padding-top: 40px;
}


.right-details-ref{
  background: url(../../images/charte/refbox.jpg) top left no-repeat;
  width:86px;
  height:221px;
  float:left;
  position: relative;
}
.right-details-ref p{
 padding-top: 10px;
 color: #ffe400;
 padding-top: 25px;
 font-weight: bold;
 text-align: center;
 width: 100%;

}

.det-retour{
  background: url(../../images/charte/retour.jpg) top left no-repeat;
  width: 86px;
  height: 40px;
  position: absolute;
  bottom: 0;

}
.det-retour-over{
  background: url(../../images/charte/retour-over.jpg) top left no-repeat;
  width: 86px;
  height: 40px;
  position: absolute;
  bottom: 0;
}


.coord{
  background: url(../../images/charte/coords.jpg) top left no-repeat;
  width:280px;
  height: 171px;
}

.plan-acc{
  background: url(../../images/charte/plan-acc.jpg) top left no-repeat;
  width:280px;
  height: 277px;
}

.p-title{

}

.coordones{
 padding-top: 47px;
 padding-left: 11px;
 color: #104800;
}
.coordones p a{
 text-decoration: none;
 font-weight: bold;
 color: #104800;
}

.coordones p a:hover{
 text-decoration: underline;
 font-weight: bold;
 color: #104800;
}

.plan-acc-box{
  padding: 43px 0 0 10px;
}

.under-plan{
  padding: 11px 0 0 10px;
}

.fu-menu{
  float: right;
  color: #104800;
}

.fu-menu a{
  color: #000;
  text-decoration: none;
}
.fu-menu a:hover{
  color: #000;
  text-decoration: underline;
}

.par1{
float: left;
text-align: justify;
width: 495px;
 padding-left: 11px;
}

.par1b{
float: left;
text-align: justify;
width: 495px;

}
.par2b{
float: left;
text-align: justify;
width: 660px;
}


.ulpar1{
  float: left;
  width:192px;
  padding-left: 11px;
  padding-top: 22px;
}

.ulpar1 li{
  background: url(../../images/charte/ybullet.jpg) 31px 6px no-repeat;
  padding-left: 50px;
}

.ulpar2{
  float: left;
  width:192px;
  padding-left: 11px;
  padding-top: 12px;
  padding-bottom: 10px;
}

.ulpar2 li{
  background: url(../../images/charte/ybullet.jpg) 31px 6px no-repeat;
  padding-left: 50px;
}
.ulpar3{
  float: left;
  width:300px;
  padding-left: 11px;
  padding-top: 12px;
  padding-bottom: 10px;
}

.ulpar3 li{
  background: url(../../images/charte/ybullet.jpg) 31px 6px no-repeat;
  padding-left: 50px;
}


.index-line1{
  float: left;

}

.index-line2 p{
  float: left;
  text-align: justify;
  padding: 18px 10px 16px 0;

}

.y-box{
  width:660px;
  height: 126px;
  border: 1px solid #cabc22;
  background: #fff8a8;
  margin-bottom: 17px;

}

.y-box p{
  width:480px;
  float: left;
  padding: 18px 0 0 10px;
  text-align: justify;
}

.ul-ybox{
  padding-left: 31px;
}

.ul-ybox li{
  background: url(../../images/charte/ybullet.jpg) left 6px no-repeat;
  padding-left: 20px;
  text-align: justify;
}

.ul-ybox2{
  padding-left: 31px;
}
.ul-ybox2 li{
  background: url(../../images/charte/ybullet2.jpg) left 6px no-repeat;
  padding-left: 20px;
  text-align: justify;
}

.p-rt10{
  padding: 10px 10px 0 0;
}
.p-lt10{
  padding: 10px 0px 0 10px;
}
.index-bul{
  padding-top: 6px;
}

ul.index-dul{
  padding-left: 32px;
}

ul.index-dul li{
  background: url(../../images/charte/ybullet.jpg) left 6px no-repeat;
  padding-left: 19px;
}

.couvert-down{
  width:495px;
  padding-left:11px;
  text-align:justify;
  padding-right:10px;
  padding-bottom:10px;
}

.pic2-box{
 float:left;
 padding-left:10px;
 width:300px;
}

.restaurant-uptext{
  text-align: center;
  font-size: 14px;
  color: #1e8b00;
  font-weight: bold;
  padding: 0 50px;
}

.autres-bottom{
  padding-bottom:5px;
  text-align:justify;
  padding-right:10px;
}

.contact-leftcol{
  float: left;
  width: 280px;
  padding-left: 50px;
}
.contact-rightcol{
  float: left;
  width: 300px;
}

.contact-rightcol .chk{
  height:20px;
  clear: both;
  padding-left:30px;
}

.ckleft{
  float: left;
  margin-top: 4px;

}

.cinput{
  height:30px;
}

.input{
  border: 1px solid #0a8100;
  width: 140px;
  height: 14px;
  font-size: 12px;
  background: #e8f1e5;
  font-family: Arial;
}

.input-over{
  border: 1px solid #d5c402;
  width: 140px;
  height: 14px;
  font-size: 12px;
  background: #eeeabe;
    font-family: Arial;
}

.textareabox{
  border: 1px solid #0a8100;
  width: 550px;
  height: 75px;
  font-size: 12px;
  background: #e8f1e5;
    font-family: Arial;
}

.textareabox-over{
  border: 1px solid #d5c402;
  width: 550px;
  height: 75px;
  font-size: 12px;
  background: #eeeabe;
    font-family: Arial;
}

.cinput div{
  float: left;
  width:100px;
}

.cmerci{
  text-align: center;
  padding: 0 60px 20px;
  color: #054100;
  font-weight: bold;
}

.mada{
  font-weight: bold;
  color:#054100;
}

.lchamp{
  font-size:10px;
  text-align: center;
}

.mercidiv{
  text-align: center;
  padding-top: 150px;
  font-weight:bold;
}

.mercidiv span{
  color: #000;
}
.mercidiv span a{
  color: #054100;
  text-decoration: none;
}
.mercidiv span a:hover{
  color: #054100;
  text-decoration: underline;
}

.thumb-polaroid{
   width:165px;
   height:145px;
   float:left;
   position: absolute;
   top: 5px;
   left: 5px;

}

.polaroid{
  background:#FFF8A8;
  float:left;
  position: relative;
   width:175px;
   height:200px;
   left: 15px;
   border: 1px solid #cabc22;
}

.thumb-shadow{
   width:165px;
   height:145px;
   float:left;
   position: absolute;
   top: 5px;
   left: 5px;
   background: #098000;
   opacity:0.3;
}
.thumb-shadow-over{
   width:165px;
   height:145px;
   float:left;
   position: absolute;
   top: 5px;
   left: 5px;
   background: #098000;
   opacity:0;
   cursor: pointer;
}

.thumb-title{
  position:absolute;
  top:160px;
  left: 0;
  color: #000;
  text-align: left;
  width: 165px;
  padding-left: 5px;
  text-align: justify;

}
.thumb-ref{
  position:absolute;
  top:5px;
  color: #000;
  right:5px;
  padding:0 0 2px 5px;
  background: #FFF8A8 ;
}

.thumb-holder{
   min-height:400px;
   height:auto!important;
   height: 400px;
}

#galerie-detail{
  padding-right:10px;
}
.det-title{
  color: #054101;
  font-weight:bold;
  font-size: 16px;
}


.det-text{
  color: #5c754d;
  padding-top: 10px;
}

.stpar{
  text-align: justify;
  width: 660px;
}

.accbox{
  float:right;
  width: 516px;
}

ul.ul-ybox li.pb10{
  padding-bottom: 10px;
}

.custul{
  padding: 0px 5px 0 11px;
  width:175px;
  margin-top:10px;
  border-right:1px solid #cabc22;
}