/*===| 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:#232323 url("images/bg0.jpg") 50% 0% repeat-x;}
#bg1{position:absolute;z-index: 1; width:100%; background:url("images/11bg0.jpg") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background:url("images/11bg.jpg") 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3;}
#bg3.intro{background:url("images/bg2.jpg") 50% 0% no-repeat;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{background:url("images/11bg0.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; margin-top:7px;}
#site-header .inner{}

/* ===| III. TOP ELEMENTS |===========================================*/
#menu-outter{float:left; margin: 0; overflow: hidden; background:url(images/main-menu.jpg) left top no-repeat; width:100%; height:76px;}
#bottom-outter{float:left; margin: 0; overflow: hidden; background:url(images/bottom.jpg) left top no-repeat; width:100%; height:169px;}

#actualite {width:375px; height:100%; float:left;}
#actualite-inner {padding:53px 30px 0 16px; }
#info{width:234px; height:100%; float: left;}
#info-inner{padding:43px 0 0 17px;}
#info-inner p.addresse{color:#ffd527;}

#promo{ height:100%; float:left; }
#promo-inner{padding:53px 0 0 17px;}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{	float:left; height: 612px;	margin:0; padding:0; overflow: hidden; background: url(images/bg-left-col.jpg) left top no-repeat; }
#left-inner{padding:0px 0 0 15px;}
#left-logo{ width:209px; height: 187px; float:left; background: url(images/bg-logo.jpg) left top no-repeat; }



/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left; height: 472px;	margin:0; padding:0; overflow: hidden; background: url(images/bg-right.png) left top no-repeat;}
#right-inner{padding:0px;}

#audio{ width:96px; height: 33px; float:left; background: url(images/audio.jpg) left top no-repeat; }
img.img-title{border:none; float:left; padding:0; margin:0; width:539px; padding-right:28px;}
#spacer-top-left{width:80px; height: 165px; float:left;}
#spacer-bottom-left{width:162px; height: 93px; float:left;}
#spacer-bottom-left-serv{width:177px; height: 73px; float:left;}
#content-box1{width:505px; padding-top:7px; padding-left:70px; background: url(images/box1.gif) left top no-repeat; height: 120px; float:left;}
#content-box2{width:500px; padding-top:7px; padding-left:65px; background: url(images/box1.gif) -5px top no-repeat; height: 120px; float:left;}

.pannel1{border:1px solid #595959; padding:10px; margin:0 0 10px 80px; width:430px}
.pannel1 img{border:1px solid #FFD628;padding:0px;}
.panel1 .leftpad {width:200px; float:left;}
.panel1 .rightpad {width:200px; float:left;}

.thumb-large{width:135px; height:135px; text-align: center; float:right; border:1px solid #FFD628;}
.thumb-large img{border:none; padding:0px;}
.thumb-small{width:75px; height:75px; text-align: center; float:left; margin:5px; border:1px solid #FFD628;}
.thumb-smallOver{width:75px; height:75px; text-align: center; float:left; margin:5px; border:1px solid #FFD628; background:#000;}

#detailsDiv{width:440px; height:190px; overflow: auto; outline: none; padding-left:43px; padding-right: 5px; float:left;}


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

#footer.outter	{background:url("images/footer.jpg") left top repeat-x; margin: 0 auto; padding: 0px;}
#footer .inner	{background:url("images/11footer-bg-1.gif") -16px 100% no-repeat; padding: 0 0 25px;}
#footer .box1	{padding:10px 15px 5px 15px;}
#footer .box2	{float:right;}
#footer #menu2{ float:right;}


.copyright{ text-align: right; float:right; padding-bottom:0px;}
div.ref{padding: 15px 15px 5px 15px; text-align: center; font-size:12px;}

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

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

img.img-mdm{border:1px solid #666666; float:left; margin:0 10px 20px 0;}

img.thumb{border:none; padding:0px; margin: 0px;}
img.thumb{border:none;  padding:0px; margin: 0px;}
img.thumb.left{margin-right:10px;}
img.thumb.right{margin-left:10px;}

img.thumb0{border:none;padding:0px; margin: 0px;}

#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:10px 0 0 0; padding: 0px; width: 600px; float:left;  }
#frmContact label{display: block; width:205px; padding: 5px 5px; float:left; }
#frmContact label span{display:block; width: 85px; float: left; font-size: 11px;}
#frmContact label input.textInput, #frmContact label textarea.textInput{font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px; width: 115px;float:left; border: 1px solid #FFD526; background:#595959; color:#FFD526; vertical-align: top;}
#frmContact label .ipt-contact-hover, #frmContact label .ipt-contact-hover{font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px; width: 115px;float:left;  border: 1px solid #595959; background:#FFD526; color:#595959; vertical-align: top;}
#frmContact .contact-left{width:49%; float:left; padding: 0px;}
#frmContact .contact-right{width:49%; float:right; padding: 0px;}

div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
div.submit-buttons input{ border: 1px solid #FFD526; background: #595959; font-size: 11px;  color:#FFD526;}
div.submit-buttons a:hover input{ 	border: 1px solid #595959; background: #FFD526; font-size: 11px; color:#595959;}

#frmSearch{margin: 15px 0 10px 127px; padding:5px; width: 440px; border: 1px solid #FFD628; }
#frmSearch label{display: block; padding: 4px 2px; border-bottom: 1px solid #ffffff; clear:both;}
#frmSearch label span{display:block; width: 29%; float: left;}
#frmSearch .combo{width: 125px; float:left;  vertical-align: top; font-size: 11px; background: #4F4F4F; color: #E5E5E4; border: 1px solid #FFD628;}
#frmSearch .label{width: 80px; padding-left:10px; float:left; vertical-align: top; font-size: 11px;}

.button{width:70px; margin: 5px 0 0 10px; cursor: pointer; font-size: 11px; background: #4F4F4F; color: #E5E5E4; border: 1px solid  #FFD628;}
.buttonOver{width:70px; margin: 5px 0 0 10px; cursor: pointer; font-size: 11px; background: #FFD628; color: #4F4F4F; border: 1px solid  #4F4F4F;}

.merci-box{float:left; text-align: center; width:250px;padding-top:50px; padding-left:220px;}


.clearer{
  clear: both;
  height: 1px;
  font-size: 1px;
  margin-bottom:-1px;
  line-height: 0px;
}

.photo{
  width:115px;
  height:150px;
  padding:2px 10px 10px 10px;
  float:left;
  border:1px solid #FFD527;
  margin:5px 5px 10px 5px;
  text-align: center;
}
/*.photo img{margin:3px 0 5px 0;}*/