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

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

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{float:left; background:url("images/bg-header.jpg") 50% 0 no-repeat;}
#site-header .inner{}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; width: 368px; padding-bottom:20px; overflow: hidden;  }
#left-outter div.outter{padding: 0px; margin:0; width:348px; margin-left:20px;  float:left; display: inline;;}
/* #left-outter div.inner{padding: 0px 5px 0px;} */

#left-outter #left-header{height:470px; width:368px; margin:0; background: url(images/bg-left-top.jpg) left top no-repeat; }


#left-outter div.box1{height:210px; background: url(images/bg-menu.jpg) left top no-repeat; }
#left-outter .box1 .inner{padding:0;}

#left-outter div.box2{height:135px; background: url(images/bg-mdm.jpg) left top no-repeat; }
#left-outter .box2 .inner{padding:45px 40px 0 40px;}

#left-outter div.box3{height:131px; background: url(images/bg-info.jpg) left top no-repeat; }
#left-outter .box3 .inner{padding:10px 30px 0 40px;}

#left-outter .box4{}

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

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	padding:0; width: 628px; margin:0; background:url(images/bg-right-col-index.jpg) right top no-repeat; /* margin-left:-1px; overflow: hidden;     background: url(images/bg-right-col.jpg) right top repeat-y;*/}
#right-inner{ /*background:url(images/bg-right-col-inner-fix.jpg) left top no-repeat;*/  min-height:420px; height:auto !important; height:420px;  background: url(images/bg-right-col.jpg) -1px top repeat-y ; padding: 10px 30px 0px 10px; }
.indexPage #right-inner{background:none;}

#pageTitle{float:left; /*border:1px solid #8a858a;*/  width:588px; /*background: #3e333d*/ }
#pageTitleInner{padding:7px 0px 4px 0px; float:left; width:588px; background: url(images/bg-h1.gif) left top repeat-x; display: inline;}

#diaporama{width:320px; height:426px; float:right; margin-left:10px; display: inline;}
#logos{width:588px; float:left; height:85px;}


/* ===| V. FOOTER BOXES |=====================================================*/

#footer {margin: 0; padding:0 0 20px 0; float:right;  background: url(images/bg-footer-top.jpg) left top  no-repeat;}
#footer .inner	{padding: 0px;}
#footer .box1	{ padding:0 30px 0 0;}

#menu2{float:right; padding-right:27px; padding-top:15px; text-align:right;}
/* #menu2 ul li{display: inline;} */
.digitalage{float:right; text-align:right;}
.copyright{text-align: center; float:right; margin-top:15px; width:125px; border-left:1px solid #333333; text-align:right;}
div.ref{padding: 0 10px 0;}

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

a.thumb:link,
a.thumb:visited{ border:0; display:block;}

img.thumb{border:	1px solid #858585; margin: 0px; padding:5px;}
img.left{float:left; margin-right:10px;}
img.right{float:right; margin-left:10px;}

#right-outter .box-1{width:588px; height:124px; float:left; background: url(images/bg-box1.jpg) left top no-repeat;}
#right-outter .box-1 .inner{padding:11px 0 10px 0;}

#right-outter #horaires{width:209px; height:103px; float:right; margin-left:10px; background: url(images/bg-horaires.jpg) left top no-repeat;}
#right-outter #horaires .inner{padding:38px 10px 0 12px;}
#right-outter #horaires p{float:left;  text-align:left;}



.clearer{height:0px; clear:both; padding:0; margin:0; line-height: 0px; font-size: 0; overflow: hidden;}
.clearer10{height:10px; clear:both; padding:0; margin:0; line-height: 0px; font-size: 0; overflow: hidden;}
.separator{width:100%;	height:0px; clear:both; padding:0; margin:15px 0; border-top: 1px solid #ffffff; border-bottom: 1px solid; line-height: 0px; font-size: 0; overflow: hidden;}

/* ===| VII. CONTACT FORM |=====================================================*/
#frmContact{margin: 0; padding: 5px 0; width: 588px; border:none; }
#frmContact label{display: block; padding: 4px 2px; border-bottom: 1px solid #1F1F1F; clear:both;}
#frmContact label span{display:block; width: 29%; float: left;}
#frmContact label input, #frmContact label textarea{width: 40%; vertical-align: top; font:normal 11px Arial, Georgia, Verdana, sans-serif; }
#frmContact label textarea{height:80px;}

#frmContact input.contactinput, #frmContact textarea.contactinput{
background:#1F1F1F;
border:1px solid #BDBDBD;
color:#BDBDBD;
}
#frmContact input.contactinput-over, #frmContact textarea.contactinput-over{
background:#ffffff;
border:1px solid #c182c1;
color:#333333;
}
div.checkBoxes{
 padding: 4px 2px 10px 2px; border-bottom: 1px solid #1F1F1F; clear:both;
}

div.chk{ float:left; padding:0 20px 0 26px; display:block; vertical-align: top !important;}
#frmContact a{text-decoration:none;}

#frmContact a:link input.cenvoyer, #frmContact a:visited input.cenvoyer{background:url(images/btn-envoyer.gif) left top no-repeat; border:none; padding:0; margin:0; width:90px; height:25px; }
#frmContact a:hover input.cenvoyer, #frmContact a:focus input.cenvoyer{background:url(images/btn-envoyer-over.gif) left top no-repeat;}

#frmContact a:link input.cretablir, #frmContact a:visited input.cretablir{background:url(images/btn-retablir.gif) left top no-repeat; border:none; padding:0; margin:0; width:90px; height:25px; }
#frmContact a:hover input.cretablir, #frmContact a:focus input.cretablir{background:url(images/btn-retablir-over.gif) left top no-repeat;}

div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
div.submit-buttons input{	border: 1px solid #FD3F92; background: #3E3339; color:#BDBDBD;}
div.submit-buttons a:hover input{ border: 1px solid #c182c1; background: #fff; color:#333333;}

#frmSearch{float:right; width:588px; margin:0; padding:0px; text-align:left;}
#frmSearch a{ text-decoration: none;}

#frmSearch a:link input.crecherche, #frmSearch a:visited input.crecherche{background:url(images/btn-recherche.gif) left top no-repeat; float:right; border:none; padding:0; margin:0; cursor:pointer; margin-right:12px; margin-top:1px; width:90px; height:20px; }
#frmSearch a:hover input.crecherche, #frmSearch a:focus input.crecherche{background:url(images/btn-recherche-over.gif) left top no-repeat;}

#frmSearch select{
	width:180px;
	height:20px !important;
	font-size:12px;
	font-family:Arial, Verdana, sans-serif;
	border: 1px solid #FD3F92 !important;
	background: #3E3339 !important;
	color:#BDBDBD;
	float:left;
}

#frmSearch label{ display:inline; padding:0 12px 10px 0px; margin:0; float:left;}
#frmSearch label span{width:100px; float:left; display:inline; }



/* ===| XII. COMPONENT NEWSLETTER |=====================================================*/
#newsletter{width:261px; height:103px;  float:left; background: url(images/bg-newsletter.jpg) left top no-repeat;   margin-left:-1px;  }
#newsletter .inner{padding:55px 20px 0 22px;}


#newsletter #inputHolder {width:218px; padding:0; margin:0; border: none; height:19px; float:left; background: #ffffff;}

#newsletter input{width: 208px;  float:right; padding:2px 5px 0 5px; height:17px; line-height: 19px; color:#595959; font-size:11px; border:none; background:none;  z-index:1001; vertical-align: top; font-family: Arial, Tahoma, Verdana, sans-serif;}
#newsletter a:link, #newsletter a:visited {text-decoration: none; padding:0; margin:0; border: none; float:right;}
#newsletter a:link input, #newsletter a:visited input {border:none; background: url(images/btn-ok.gif) left top no-repeat; cursor: pointer; width: 25px; height:25px; padding:0; margin:2px 0 0 0;  }
#newsletter a:hover input, #newsletter a:focus input {border:none; background: url(images/btn-ok-over.gif) left top no-repeat; cursor: pointer; width: 25px; height:25px; padding:0; margin:2px 0 0 0;}


.pagination {float: left; clear:left; padding:10px 0 0 0; width:100%; text-align:center; background: url(images/separator.jpg) left top repeat-x;}
.pagination p{font-size:12px; line-height:16px;}
.pagination span{padding:1px; margin: 0 50px 0 25px;}


.prodHolder{float:left;  width:180px; height:210px; padding:0; margin:7px 5px; text-align: center;  background: url(images/bg-prodbox-bot.gif) left bottom no-repeat;}
.prodInner{width:180px; height:210px; float:left; background: url(images/bg-prodbox.gif) left top repeat-y;}

.prodHolder .prodTitle{width:180px;  height: 25px; background: url(images/bg-prodbox-top.gif) left top no-repeat;}
.prodHolder .prodTitle p{font-weight:bold; text-align:center; font-size:13px;}

.photoHolder{width:180px; height:180px; text-align:center; margin:0 auto; border:1px solid #9f9f9f;}