/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0; outline: none;}
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;}
.clear{
  clear:both; height:0; line-height: 0px; font-size:0; margin:0; padding:0;
  display: block; overflow: hidden;
}
.clear10{ clear: both; line-height: 0px; font-size: 0px; height: 10px;}
body{ background: #eb9949;}
#bg1{position:absolute;z-index: 1; width:100%; /*background:url("images/bg0.jpg") 50% 0% repeat-y;*/}
#bg2{position:absolute;z-index: 2; width:100%; background:url("images/bg1.jpg") 50% 0% repeat-x; height: 600px;}
#bg3{position:absolute;z-index: 3; background:url("images/bg2.jpg") 50% 0% no-repeat;}

.introPage #bg2{ background:url("images/bg1-intro.jpg") 50% 0% repeat-x; height: 600px; }
.introPage #bg3{ background: url("images/bg2-intro.jpg") 50% 0% no-repeat; height: 600px;}


#wrap-container{position:relative;z-index:4; width: 100%;}
#container{/*background:url("images/bg0.gif") 50% 50% repeat-y;*/ margin:0 auto; }
#content{background: url(images/bg-content.jpg) 50% 50% repeat-y;}



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

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/

#left-outter{
  float:left;
  overflow: hidden;
  background: url(images/bg-left.jpg) top left no-repeat;
}

#left-inner{
  padding: 0px 30px 7px 20px;
  min-height:368px;
  height:auto !important;
  height: 368px;
}

#left-inner h1{
 background-image:url(images/separator.jpg);
 background-position: 0px bottom;
 background-repeat: no-repeat;
 margin-bottom: 10px;
 padding-top: 13px;
 padding-bottom: 10px;
 padding-left: 38px;
 display: block;
 height: 36px;
}

#left-inner h2{
  padding-bottom: 2px;
}

#left-inner ul.list1
 {
   padding:0;
   margin: 13px 0 17px 0;
   width:468px;
   float:left;
}
#left-inner ul.list2
 {
   padding:0 0 0 0;
   margin: 0px 0 3px 0;
   width:360px;
   float: right;
}
#left-inner ul.list3
 {
   padding:0;
   margin: 0px 0 5px 0;
   width:260px;
   float: right;
}

#left-inner ul.list1 li, #left-inner ul.list2 li, #left-inner ul.list3 li  {
 background:url(images/bullet.gif) no-repeat left;
 display:block;
 margin-left: 13px;
 padding-left: 13px;
 float: left;
}
#left-inner ul.list3 li  { float: none; }
#left-inner ul.l1 li  { float: none !important; }

#left-inner .tablet{
  background: url(images/bg-tablet.jpg) top left no-repeat;
  width: 356px;
  height: 36px;
  padding-top: 10px;
  padding-left: 9px;
  padding-right: 9px;
  padding-bottom: 0;
  margin: 0;
  float: left;
}

#left-inner .phone{
  background: url(images/bg-phone.jpg) top left no-repeat;
  width: 204px;
  height: 36px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 55px;
  padding-bottom: 0;
  margin: 0;
  float: right;
}

/* =======SCROLL DIVS====== */
#left-outter div#scrollBoxHolder{width:670px; float:left; padding:0 0 0 0; height:298px; margin-right:-20px;}
#left-outter div#scrollBox{width:665px; height:298px; float:left; }
#left-outter #scrollBox div#innerscroll{padding:0px 16px 0px 0px; width:650px; float:left; }

/*.listPage #left-outter div#scrollBoxHolder{width:485px;  padding:0 10px 10px 0; height:273px; }
.listPage #left-outter div#scrollBox{width:473px; height:273px; float:left; }*/

/* =======PAGE AVEC PLANS====== */
#plan-adr
{
    float: left;
}


#plan-adr a:link, #plan-adr a:visited, #plan-adr a:hover, #plan-adr a:active
{
    font-size: 12px !important;
    font-weight: bold !important;
}


.plan-button
{
  width: 185px;
  float: right;
  text-align: right;
  padding-top: 20px;
}
.plan-button img
{
  padding: 10px 0px 0px 10px;
  float: left;
}
#plan_image
{
  width:570px;
  margin: 0px auto;
}
#plan_image img
{
  padding-top: 10px;
 /* padding-bottom: 4px; */
}
/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{
  background: #ffd8b2 url(images/bg-right-outter.jpg) top left no-repeat;
  float:left;
  margin:0;
  padding:0;
  overflow: hidden;
  }
#right-inner{padding: 15px 11px 7px 10px;}

#right-outter .outter{width:275px;}

#actualite{
  position: relative;
  background: url(images/bg-actu.jpg) top left no-repeat;
  height: 146px;
  padding-bottom:6px;
}

#actualite .inner{
  position: relative;
/*background: #FF00FF;*/
  padding: 42px 0px 0 0px;
}

#actualite a.details{
  width: 93px;
  height: 18px;
  padding-top:1px;
  position: absolute;
  right:0;
  top: 127px;
}

#actualite a.details:link, #actualite a.details:visited{background:  url(images/btn-details.jpg) top left no-repeat;}
#actualite a.details:focus, #actualite a.details:hover{background:  url(images/btn-details-over.jpg) top left no-repeat; }

#right-inner #info{
  background: url(images/bg-info.jpg) top left no-repeat;
  height: 119px;
  padding-top: 51px;
}

#right-inner #plan {
  height: 31px;  overflow:hidden;
}
#plan div.inner
{
  padding-top: 5px;
  padding-bottom: 0px;
}
/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left; background: url(images/bg-wrap-footer.jpg) center top no-repeat;}


#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 { height: 125px; }

#footer.outter	{ background:url("images/bg-footer.jpg") left top no-repeat; margin: 0 auto; padding: 0px;}
#footer .inner	{ padding: 28px 20px 0 20px;}
.introPage #footer .inner	{ padding: 0px 20px 0 20px;}
#footer .box1	{ width: 305px; padding:0; float: left; }
.introPage #footer .box1{ width: 605px; margin: 0 auto; padding:0; float: none; text-align: center;}

div.ref{padding: 10px 10px 0;}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
img.thumb{border: 1px solid #ff7d00; margin: 0 14px 0 0; padding: 4px}
img.thumb0{border: 1px solid #ff7d00; margin: 0 0 0 14px; padding: 4px;}

#menu2{
    float: right;
}

.introPage #menu2{
   float: none;
   margin: 0 auto;
}

#menu2 ul li{display: inline; padding-top: 5px; }

.pagination { float: left; clear:left; width:100%; text-align:center;/* border-top: 1px solid #ccc;*/ font-size: 11px;}
.pagination span{ margin: 0 50px 0 25px;}

.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;}


/* ===| XIV. COMPONENT LISTEGALERIE |=====================================================*/

#listgalerie{/*background: #eb9949; border: 1px solid #cccccc;*/ }

#listgalerie .bigHolder {
  float:left;
  text-align:center;
  width:103px;
  height:134px;
  margin: 3px 2px;
  /*background: black;*/
  }



#listgalerie .imgHolder{
  height: 100px;
  width: 100px;
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  /*background: turquoise;*/
}

#listgalerie .imgHolder a img {/*border: 1px solid green; padding:5px;*/
 margin: 0 auto;
 display: block;
 /*background: magenta;*/
}

/* ---( listgalerie - details )------------------------------------------------------ */
#photos {
  padding: 0px 10px 0px 10px;
}

#photos #largeHolder{
  float:left;
  width:280px;
  height:280px !important;
  text-align: center;
}

#photos div.miniHolder{
  float:right;
  width:300px;
  min-height:225px;
  height:auto!important;
  height:225px;
  border:1px solid red;
  padding:10px;
  text-align: center;
 /* background: yellow;*/
}
#photos .photoHolder{
  float:right;
  width:75px;
  height:75px;
  margin: 11px 5px;
  padding: 4px;
  display: inline;
  text-align: center;
  border:1px solid #ff7d00;
 /* background: magenta;*/
}

#photos .photoHolder img{cursor:pointer; display:inline; float:left;}

.bg-text-contact
{
    float: left;
    width: 630px;
    height: 56px;
    background: url(../../images/charte/bg-text-contact.jpg) no-repeat top left;
    text-align: center;
    padding: 10px 10px;
}
.bg-text-contact p
{
    color: #ffffff;
    text-align: center !important;
    padding-bottom: 8px;
}
.bg-text-contact a:link, .bg-text-contact a:visited
{
    font-size: 12px !important;
    font-weight: bold !important;
    color:#633100 !important;
    text-decoration: none;
}
.bg-text-contact a:hover, .bg-text-contact a:active
{
    font-size: 12px !important;
    font-weight: bold;
    color:#ffffff !important;
    text-decoration: underline;
}