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

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{ margin:0 auto;	text-align: left;}
#content{border-bottom:1px solid #ddddd6; background:#ffffff url(images/bg-content.jpg) left top repeat-y; padding:0px;}

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

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; background: url(images/bg-left-outter.gif) left top no-repeat; margin: 0; overflow: hidden; min-height: 657px; height:auto !important; height:657px;}
#left-inner {padding: 36px 15px 0 15px;}

#left-outter div.outter{padding: 0px; width:243px; float:left; margin:0 !important; border:1px solid #bcbbaf;}
#left-outter div.inner{padding: 41px 15px 0 15px;}

#left-outter div.box2{ height: 253px; background: url(images/bg-actualites.jpg) left top no-repeat;}
#left-outter .box2 div.inner{ height:172px; padding-top:46px;}
#left-outter .box2 .mdmPlusdet{ text-align:right !important; padding-right:15px !important; color:#919086;}

#left-outter div.box3{ height: 311px; background: url(images/bg-coords.jpg) left top no-repeat;}
#left-outter .box3 div.inner{}

#left-outter div.box4{ height: 106px; background: url(images/bg-horaires.jpg) left top no-repeat;}
#left-outter .box4 div.inner{}

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

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding: 0 18px 10px 18px;}

#right-outter .boxLeft{width:264px; height:295px; float:left; background:url(images/spacer-y.gif) right top repeat-y;}
#right-outter .boxRight{float:right; width:390px;}


/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}
#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.outter	{ margin: 0 auto; padding: 0px 0 10px 0; background:#ffffff; }
#footer .inner	{padding: 0px;}
#footer .box1	{padding:13px 10px 0 10px;}

.digitalage{text-align: left; float:left;}
.copyright{text-align: right; clear:right;}
#menu2{float:right;}
.ref{padding-top:5px;}

/* ===| 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.mdmThumb{float:left; border:1px solid #c2c2c2; margin-right:14px;}

img.left{float:left; margin: 0 10px 0 0 ;}
img.right{float:right; margin: 0 0 0 10px ;}


#menu2 ul li{display: inline;}

.separator{width:100%;	height:1px; clear:both; padding:0; display: block; padding:0 0 15px 0; border-top: 1px solid #c9c8c1; line-height: 0px; font-size: 0; overflow: hidden;}
.clearer{height:0px; line-height: 0px; clear:both; padding:0; margin: 0; font-size: 0; overflow: hidden;}
.clearer5{height:5px; line-height: 5px; clear:both; padding:0; margin: 0; font-size: 0; overflow: hidden;}
.clearer10{height:10px; line-height: 5px; clear:both; padding:0; margin: 0; font-size: 0; overflow: hidden;}
.clearer15{height:15px; line-height: 5px; clear:both; padding:0; margin: 0; font-size: 0; overflow: hidden;}

/* ===| VII. CONTACT FORM |=====================================================*/
#frmContact{margin: 0; float:left; padding: 5px; width: 657px; background: #ffffff; border: 1px solid #C8CCCD; }
#frmContact label, #frmContact .checkBoxes{display: block; padding: 2px 2px; border-bottom: 1px solid #dcdcdc; clear:both;}
#frmContact label span{display:block; width: 32%; float: left;}
#frmContact label input, #frmContact label textarea{width: 40%; font-family: Arial, Verdana, sans-serif; font-size:12px; vertical-align: top; 	border: 1px solid #B92300; background: #f0f0f0;}

div.submit-buttons{clear: both;	text-align: center; padding: 3px 2px;}
div.submit-buttons input{ font-family: Arial, Verdana, sans-serif; color:#B92300;	border: 1px solid #B92300; background: #F0F0F0;}
div.submit-buttons a input{ font-size:12px;}
div.submit-buttons a:hover input{ border: 1px solid #ffffff; color:#ffffff; background: #B92300; font-size:12px;}

#frmContact .chk{float:left; padding:0 25px 0 25px;;}
#frmSearch label strong{display:block; float: left; padding-right:10px;}
#frmSearch select{ width: 170px; float:left; margin-right:15px; font-family: Arial, Verdana, sans-serif; font-size:12px; vertical-align: top; 	border: 1px solid #B92300; background: #f0f0f0;}
#frmSearch a:visited input.crecherche, #frmSearch a:link input.crecherche { font-family: Arial, Verdana, sans-serif; color:#B92300; font-size:12px;	border: 1px solid #B92300; background: #F0F0F0; cursor:pointer; float:right;}
#frmSearch a:hover input.crecherche, #frmSearch a:focus input.crecherche {  border: 1px solid #ffffff;  font-size:12px; color:#ffffff; background: #B92300;}


.pagination {float: left; clear:left; width:100%; text-align:center; border-top: 1px solid #c9c8c1;}
.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;}

/* ===| XII. COMPONENT NEWSLETTER |=====================================================*/
#wrapNewsletter{position:absolute; width:231px; height:77px; top:0px; right:0px; float:right; padding-right:0px; display: inline;}
#newsletter{ background: url(images/bg-newsletter.jpg) right top no-repeat; float:right;   z-index:500; height:25px; width:216px; padding:46px 0px 0 15px ; display: block;}

#newsletter #inputHolder {width:158px; padding:0; margin:0px 1px 0 0; border: none; height:31px; float:left; background: url(images/bg-newsletter-input.jpg) left top no-repeat;}

#newsletter input{width: 148px;  float:right; padding:0px 5px 0 5px; height:16px; line-height: 16px; color:#818179; 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:left;}
#newsletter a:link input, #newsletter a:visited input {border:none; background: url(images/btn-ok.jpg) left top no-repeat; cursor: pointer; width: 23px; height:16px; padding:0; margin:0;  }
#newsletter a:hover input {border:none; background: url(images/btn-ok-over.jpg) left top no-repeat; cursor: pointer; width: 23px; height:16px; padding:0; margin:0;}


/* ===| XIII. COMPONENT PHOTOS |=====================================================*/
#photos .largeHolder{float:right; width:300px; height:300px; padding:5px; background: url(images/bg-largephoto.jpg) left top no-repeat; text-align: center; }
#photos .photoHolder{float:left; width:75px; height:75px; margin:7px 5px; display: inline; text-align: center; border:1px solid #BCBBAF;}
#photos .photoHolder img{cursor:pointer;}