/*===| 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;}
.left1{float: left; padding: 0 20px 0 0px;} .right1{float: right;}
.left2{float: left; margin: 0 20px 0 110px;}
#push, .clr	{clear: both; line-height: 0px; font-size: 0px; height: 0px;}

body{ background: #FFFFFF;}
#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background: url(images/bg-x.jpg) 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; background: url(images/bg-fix.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/container-y.jpg) 50% 50% repeat-y; }

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


/* height collums */

.col-height {min-height: 755px !important; height: auto!important;height: 755px !important; }
.col-height1 {min-height: 495px !important; height: auto!important;height: 495px !important; }


/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden; }
#left-inner {background: url(images/pattern.gif) repeat top left; padding: 0 19px 20px 19px; height: 100%; }
#left-inner1 {background: url(images/left-top.gif) no-repeat top left; width: 219px;	min-height: 535px; height: auto!important;height: 535px; }



#actualite
{
  width: 189px;
	height: 186px;
	float: left;
	background: url(images/bg-actualites.jpg) no-repeat top left;
	padding: 43px 15px 0 15px;
}

#actualite .picture
{
  border: solid 1px #6e5c43;
	margin: 5px 15px 0px 0;
	float: left;
}

.text-mdm
{

	height: 158px;
	float: left;
}

#contact-info
{
  width: 189px;
	height: 184px;  /* 261 */
	float: left;
	background: url(images/bg-coordonnees.jpg) no-repeat top left;
	padding: 77px 15px 0 15px;
}


/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; overflow: hidden; }
#right-inner{background: url(images/pattern.gif) repeat top left; height: 100%;}
#right-inner1{ padding: 10px 18px 10px 19px; background: url(images/bg-right.gif) no-repeat top left;	min-height: 535px; height: auto!important;height: 535px; }

.height1{height: 158px !important;}
.height2{height: 280px !important;}
.height3{height: 141px !important;}
.height4{height: 317px !important;}
.height5{height: 300px !important;}
.height6{height: 417px !important;}
.height7{height: 400px !important;}
.height8{height: 137px !important; margin-top: 10px !important;}
.height9{height: 120px !important;}

.width1{ width: 300px !important;}
.width2{ width: 320px !important;padding-right: 0px !important;}
.width3{ width: 615px !important;padding-right: 0px !important;}


.encart
{
  width: 667px;
	float: left;
	height: 289px;
	border: solid 1px #c5b29f;
	margin: 0px !important;
}

.encart-top
{
 width: 667px;
 float: left;
 height: 7px;
 background: url(../../images/charte/encart-top.jpg) no-repeat top left;
 margin: 0px !important;
 line-height: 0px;
 font-size: 0px;
}

.encart-bottom
{
 width: 638px;
 float: left;
 height: 272px;
 background: url(../../images/charte/encart-bottom.jpg) repeat-y top left;
 padding: 5px 14px 5px 15px;  /* height: 10px */
 margin: 0px !important;
}

.encart-bottom p
{
  padding-bottom: 8px;
}

.prod-listing
{
  width: 289px;
	height: 105px;
	float: left;
	background: #fbf1e5;
	border: solid 1px #ff922f;
	padding: 10px;
}
.prod-listing-holder
{
  padding: 4px;
  width: 311px;
	height: 127px;
	float: left;
}


.picture
{
 border: solid 1px #ff922f;
 margin-right: 10px;
 float: left;
}

.encart-picture
{
  width: 75px;
  height: 75px;
	border: solid 1px #ff922f;
	background: #fbf1e5;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	float: left;
}

.pagination {float: left; clear:left; width:100%; text-align:center; }
.pagination span{padding:1px; margin: 0 50px 0 25px;}



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

#footer.outter	{ margin: 0 auto; padding: 0px;}
#footer .inner	{background: url(images/bg-footer.jpg) no-repeat top left; float: left; min-height: 75px; height: auto!important;height: 75px; width:996px; }

.digitalage
{
    float: left;
    padding-left: 37px;
    padding-top: 31px;
    width: 240px;
		height: 43px;
		line-height: 18px;
}

#menu2
{
    float: right;
    padding: 31px 28px 0 0px;
    width:691px;
    text-align: right !important;
		line-height: 18px;

}
.copyright
{
    float: right;
    padding:0px 28px 0 0px;
    width:691px;
}




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

#menu2 ul li{display: inline;}

.separator{width: 638px;	height:13px; clear:both; padding:0; margin: 0; line-height: 0px; font-size: 0; background: url(../../images/charte/separator.jpg) no-repeat top left;}

/* ===| VII. CONTACT FORM |=====================================================*/
#frmContact{margin: 0; padding: 5px; width: 98%; background: #f3f3f3; border: 1px solid #dfdfdf; }
#frmContact label{display: block; padding: 4px 2px; border-bottom: 1px solid #ffffff; clear:both;}
#frmContact label span{display:block; width: 29%; float: left;}
#frmContact label input, #frmContact label textarea{width: 40%; vertical-align: top;}

div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
div.submit-buttons input{	border: 1px solid #fff; background: #ccc;}
div.submit-buttons a:hover input{ border: 1px solid #ccc; background: #fff;}