/*===| 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{
background:#6c0418;
}

#footer{
  background: #6a0418 url(../../images/charte/footer.jpg) top left no-repeat;
  min-height:99px;
  height: auto!important;
  height: 99px;
  margin: 0 auto;
  color:#ce8492;
}

#footer a{
color: #ffffff;
text-decoration: none;
}

#footer a:hover{
color: #fff;
text-decoration: underline;
}

#footer #menu2 a{
  color: #ce8492;
  text-decoration: none;
}
#footer #menu2 a:hover{
  color: #fff;
  text-decoration: none;
}

.fleft{
  float: left;
  width: 463px;
}

.fright{
  float: left;
}

.menu-left{
/*  background: url(../../images/charte/menu.jpg) top left no-repeat;*/
  background: url(../../images/charte/menu2.jpg) top left no-repeat;
  height: 180px;
}

.mercidiv{
  width: 200px;
  margin: 50px auto;
  text-align: center;
}

.mercidiv a{
    color:#76051b;
    text-decoration: none;
}
.mercidiv a:hover{
    color:#913749;
    text-decoration: underline;
}


.meniutitle{
  font-size: 22px;
  color: #e8d8c9;
  font-weight:bold;
  text-align: center;
}

.meniutext{
  color: #fff;
}

.pasgal{
  text-align:center;
  font-size: 15px;
  color: #531d25;
  font-weight: bold;
  padding-top: 150px;
}

.anilist{
  float: left;
  width: 150px;
  padding-left: 20px;
}

.animboximg{
    float:left;
    padding-left:5px;
    padding-top: 6px;
}

.anisepa{
clear:both;
height:20px;
margin-bottom:10px;
margin-left:5px;
margin-right:auto;
width:594px;
border-bottom:1px solid #5a320f;
}


ul.anilist li{
  background: url(../../images/charte/bullet.jpg) left 9px no-repeat;
  padding-left: 8px;
}


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

/* ===| II. HEADER ELEMENTS |================================================*/


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

#actualite{
  background: url(../../images/charte/actualites.jpg) top left no-repeat;
  height: 154px;
  position: relative;
}

.mdmplusbtn{
  position: absolute;
  top:100px;
  left: 15px;
}


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

#promo{
  background: url(../../images/charte/mailing-liste.jpg) top left no-repeat;
  height: 100px;
}

#right-outter{
  background: url(../../images/charte/content-top-bg.jpg) top left no-repeat;
  min-height: 589px;
  height: auto!important;
  height: 589px;
  float: left;
}
.top3box{
  height:163px;
  width:100%;
}
.box-a{
background: url(../../images/charte/restauration.jpg) top left no-repeat;
float:left;
width: 240px;
height:163px;
}
.box-a2{
background: url(../../images/charte/restauration-over.jpg) top left no-repeat;
float:left;
width: 240px;
height:163px;
cursor: pointer;
}

.box-b{
background: url(../../images/charte/traiteur.jpg) top left no-repeat;
float:left;
width: 205px;
height:163px;
}
.box-b2{
background: url(../../images/charte/traiteur-over.jpg) top left no-repeat;
float:left;
width: 205px;
height:163px;
cursor: pointer;
}

.box-c{
background:url(../../images/charte/animations.jpg) top left no-repeat;
float:left;
width: 224px;
height:163px;
}
.box-c2{
background:url(../../images/charte/animations-over.jpg) top left no-repeat;
float:left;
width: 224px;
height:163px;
cursor: pointer;
}


.inbox-a{
  padding:80px 18px 0 32px;
  line-height: 14px;
  text-align: justify;
}
.inbox-b{
  padding:80px 16px 0 12px;
  line-height: 14px;
  text-align: justify;
}
.inbox-c{
  padding:80px 30px 0 12px;
  line-height: 14px;
  text-align: justify;
}

.cont-adres{
  padding: 40px 0 0 18px;
  line-height: 16px;
}

.infomail a{
color: #5a0011;
text-decoration: none;
padding-left: 18px;
}
.infomail a:hover{
text-decoration: underline;
}
.info-plan{
  padding-left: 18px;
  padding-top: 5px;
}

.mdmthumb{
  float: right;
  padding-right: 17px;
  padding-top: 45px;
  padding-left: 15px;
}
.mdmthumb img{
  border: 1px solid #754d2a;

}

.mdmtext{
  padding-left:17px;
  padding-top: 44px;
  text-align: justify;
  line-height: 14px;
}

.rightcontext{
  width:629px;
  padding-left: 20px;
  padding-top: 12px;
}

.ilpic{
  float:left;
  padding-right: 12px;
}

.iltext{
  text-align: justify;
}

.icolbox{
  width:628px;
  height:126px;
  background: #efe3da;
  margin-top: 6px;
}
.icolboxpic{
  background: url(../../images/charte/ipic2.jpg) bottom left no-repeat;
  width: 166px;
  height: 105px;
  padding-top: 11px;
  float: right;
  padding-right: 12px;
}
.colpar{
  width: 431px;
  text-align:justify;
  padding-left: 12px;
  padding-top: 18px;
}
.colpar2{
  width: 431px;
  text-align:justify;
  padding-left: 12px;
  padding-top: 10px;
}

.isep{
  background: url(../../images/charte/iseparator.jpg) top left no-repeat;
  height: 27px;
  width: 462px;
  float: right;
}

.cmerci{
  font-weight: bold;
  text-align: center;
}


.buttonsl{
  background: url(../../images/charte/prev.jpg) top left no-repeat;
  width: 22px;
  height: 19px;
  border: none;
}
.buttonsl-over{
  background: url(../../images/charte/prev-over.jpg) top left no-repeat;
  width: 22px;
  height: 19px;
  border: none;
}

.buttonsr{
  background: url(../../images/charte/next.jpg) top left no-repeat;
  width: 22px;
  height: 19px;
  border: none;
}
.buttonsr-over{
  background: url(../../images/charte/next-over.jpg) top left no-repeat;
  width: 22px;
  height: 19px;
  border: none;
}

.cuselect{
  width:200px;
  background: #ffffda;
  border: 1px solid #7f5028;
  vertical-align: top;
  height: 19px;
}

#flipPage0{
  background: url(../../images/charte/flipbookcover.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
}


.polaroid{
  float: left;
  width: 130px;
  height: 130px;
  padding: 12px;
  position: relative;
}

.thumbox{
  width: 130px;
  height: 130px;
  border: 1px solid #5a320f;
  left: 0;
  top: 0;
  position: absolute;
}

.thumbtitlebg{
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ffffda;
  z-index: 1;
  width: 100%;
  height: 20px;
  opacity:0.7;
}
.thumbtitle{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 20px;
  color: #222;
  text-align: center;

}

.thumbover{
  width: 130px;
  height: 130px;
  position: absolute;
  left: 0;
  top: 0;
  background: #e4d2c3;
  z-index: 2;
  opacity: 0.4;
}

.thumbover-none{
    width: 130px;
    height: 130px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
  opacity: 1;
}

.thumblyte{
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  float: left;
}




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

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/


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


.copyright{padding: 17px 0 0; text-align: center;}
div.ref{padding: 0px 10px 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;}

.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{
color: #222222;
padding: 20px 5px 5px 25px;


}

.left-menuc{
  background: url(../../images/charte/menu.jpg) top left no-repeat;
  width: 237px;
  height: 174px;
}

#frmContact label{display: block; padding: 4px 2px; border-bottom: 1px solid #ffffff; clear:both;}
#frmContact label span{display:block; width: 35%; float: left;}
#frmContact div.frminputs input, #frmContact div.frminputs  textarea{
border: 1px solid #7f5028;
background: #ffffda;
width: 60%;
vertical-align: top;
font-size: 11px;
color: #301600;
font-family: Arial;
}
#frmContact div.frminputs input:focus, #frmContact div.frminputs textarea:focus{
border: 1px solid #7f5028;
background: #f5ede6;
width: 60%;
vertical-align: top;
font-size: 11px;
color: #301600;
}
.frm-left{
  width: 40%;
  float: left;
  padding-left: 25px;
}
.frm-right{
  width: 40%;
  float: left;
  padding-left: 50px;
}
.frm-text{
  margin-left: 25px;
}

.cusbtn .frm-env{
  background: url(../../images/charte/envoyer.jpg) top left no-repeat;
  width: 69px;
  height: 19px;
  border: none;
}
.cusbtn .frm-env-over{
  background: url(../../images/charte/envoyer-over.jpg) top left no-repeat;
  width: 69px;
  height: 19px;
  border: none;
}
.cusbtn .frm-ret{
  background: url(../../images/charte/retablir.jpg) top left no-repeat;
  width: 69px;
  height: 19px;
  border: none;
}
.cusbtn .frm-ret-over{
  background: url(../../images/charte/retablir-over.jpg) top left no-repeat;
  width: 69px;
  height: 19px;
  border: none;
}

.cusbtn{
  text-align: center;
}
/* ===| 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; 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: #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{padding:37px 17px 0 18px;text-align:justify;}
#newsletter input{
font-size:12px;
font-family:arial;
width: 250px;
height:15px;
background:#ffffda;
border:1px solid #7f5028;
float:left;
margin-right: 1px;}

#newsletter a:link .newsbtn, #newsletter a:visited .newsbtn {
    background: url(../../images/charte/newsl-ok.jpg) top left no-repeat;
    width: 36px;
    height: 19px;
    border: none;
    float: left;
}
#newsletter a:hover .newsbtn {
    background: url(../../images/charte/newsl-ok-over.jpg) top left no-repeat;
    width: 36px;
    height: 19px;
    border: none;
    cursor: pointer;
}

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

/* ===| XIV. COMPONENT LISTEGALERIE |=====================================================*/
#listgalerie{background: #f3f3f3; border: 1px solid #cccccc; padding:10px;}

#listgalerie .thumb {float:left; width:30%; 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 #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;}

.header{
/*  background: url(../../images/charte/header.jpg) top left no-repeat;*/
  height: 283px;
}

.ilastbox{
  padding-top:6px;
}