/*===| 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; margin: 0 12px 0 0;} .right1{float: right; margin: 0 0 0 12px;}
#push, .clr	{clear: both;}

body{ background: #ffebde;}
#bg1{position:absolute;z-index: 1; width:100%; background:transparent;}
#bg2{position:absolute;z-index: 2; width:100%; background:transparent;}
#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{background: url(images/bg-y.jpg) 50% 50% repeat-y; margin:0 auto;	text-align: left;}
#content{}

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

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#menu1
{
    float: left;
    width:257px;
    height:183px;
}
#actualite
{
    float: left;
    width:222px;
    height:88px;
    background: url(images/bg-mdm.jpg) no-repeat top left;
    padding:47px 15px 0 20px;
}
#info
{
    float: left;
    width:237px;
    height:84px;
    background: url(images/bg-coordonnees.jpg) no-repeat top left;
    padding:68px 0px 0px 20px;
}
#promo
{
    float: left;
    width:257px;
    height:87px;
}
.link-mail
{
    background: #e95e00 url(images/mail-icon.jpg) no-repeat top left;
    width: 167px;
    height: 16px;
    margin: 3px 0 6px 0;
    padding:1px 5px 3px 25px;
    float: left;
}
.link-plan
{
    background: #ffffff url(images/plan-icon.jpg) no-repeat top left;
    width: 73px;
    height: 13px;
    padding:3px 5px 3px 25px;
    float: left;
}

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

/* ===| V. FOOTER BOXES |=====================================================*/
#footer.outter	{background: url(images/bg-footer.jpg) no-repeat top left; margin: 0 auto; padding: 0px; min-height: 47px; padding-top:19px;}
.digitalage
{
    float: left;
    width:250px;
    padding-left:20px;
}
#menu2
{
    width:400px;
    float:right;
    text-align:right !important;
    padding-right:22px;
}
#copyright
{
    width:400px;
    float:right;
    text-align:right !important;
    padding-right:22px;
}
/* ===| 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:solid 1px #009601;}

.separator{width:100%;	height:0px; clear:both; padding:0; margin:15px 0; border-top: 1px solid #80cd80; line-height: 0px; font-size: 0; overflow: hidden;}
/* index */
.div-border
{
    float: left;
    border:solid 1px #fe7e23;
}
#box1
{
    width:283px;
    height:96px;
    padding:22px 14px 0px 14px;
}
.div-bg
{
    float: left;
    border:solid 1px #ff9e5c;
    background: #ffecdf;
    width:477px;
    height:152px;
    padding:10px 14px 0 14px;
    margin-bottom:10px;
}
ul.list1{
    float:left;
    margin: 0;
    padding-left:30px;
    padding-top:10px;
	}
ul.list1 li{
	background: url(../../images/charte/bullet.jpg) no-repeat top left;
	background-position:0px 8px;
	text-align:justify;
	line-height: 22px;
    font-size: 12px;
    color:#5d2500;
	padding:0px 0px 0px 20px;
	}
/* produits */
.categories
{
    float: left;
    width:105px;
    border-right: solid 1px #80cd80;
    padding-right:5px;
    margin-right:10px;

}

.link-tab a:link, .link-tab a:visited
{
    float: left;
    padding:2px 2px 4px 2px;
    width: 100px;
    text-align: center;
    font-weight:bold;
    font-size: 12px;
    color:#ffffff;
    text-decoration: underline;
    background: #e05b00 url(../../images/charte/produits/bg-button.jpg) repeat-x top left;
    margin:1px;
    border: solid 1px #e05b00;
}
.link-tab a:hover, .link-tab a:active
{
    float: left;
    padding:2px 2px 4px 2px;
    width: 100px;
    text-align: center;
    font-weight:bold;
    font-size: 12px;
    color:#ebdc00;
    text-decoration: none;
    background: #006d01 url(../../images/charte/produits/bg-button-over.jpg) repeat-x top left;
    margin:1px;
    border:solid 1px #006d01;
}
#link-tab-over
{
    float: left;
    padding:2px 2px 4px 2px;
    width: 100px;
    text-align: center;
    font-weight:bold;
    font-size: 12px;
     background: #006d01 url(../../images/charte/produits/bg-button-over.jpg) repeat-x top left;
    margin:1px;
    border:solid 1px #006d01;
}
#link-tab-over a:link, #link-tab-over a:visited, #link-tab-over a:hover, #link-tab-over a:active
{
    color:#ebdc00 !important;
    text-decoration: none !important;
}
.pagination
{
	float:right;
	width:370px;
	background:#ffebde;
	padding:1px;
    margin-right:35px;
}
.pagination p
{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:1px 5px 1px 5px;
	background:#ffebde;
    color:#242424;
	border:solid 1px #fe7e23;
}
.pagination a:link, .pagination a:visited
{
	color:#009601;
	font-weight:bold;
	text-decoration:underline;
	padding:1px 5px;
}
.pagination a:hover, .pagination a:active
{
	color:#ed7f33;
	text-decoration:none;
	padding:1px 5px;
	font-weight:bold;
	background:#ffffff;
}
#sel
{
	color:#ed7f33;
	background:#ffffff;
	font-weight:bold;
	padding:1px 5px;
	text-decoration:none;
}
.title
{
    font-weight: bold;
    color:#005c3e;
}
.categ
{
    text-transform: uppercase;
    color:#e75c00;
    font-weight: bold;
    font-size: 11px;
}
.produit
{
    float: left;
    width: 100%;
    height:90px;
    margin:0 !important;
    padding:0 !important;
}
/* le-composite */
ul.list2{
    float:left;
    margin: 0;
    padding:10px;
	}
ul.list2 li{
	background: url(../../images/charte/bullet2.jpg) no-repeat top left;
	background-position:0px 4px;
	text-align:justify;
	line-height: 15px;
    font-size: 12px;
    color:#5d2500;
	padding:0px 0px 8px 20px;

	}
.list2 span
{
    color:#252525;
    font-size: 11px;
}
.left-bg
{
    float: left;
    width:250px;
}
.div-bg2
{
    float: left;
    border:solid 1px #77be78;
    background: #d6fed7;
    padding:10px 14px 0 14px;
}
.table-volets
{
    width:480px;
    text-align: center;
    font-weight: bold;
    color:#252525;
}
.table-volets td
{
    border: solid 1px #ed8135;
    width:100px;
    text-transform: uppercase;
}
.green
{
    background: #5ac95b;
}
.red
{
    background: #dd2c2c;
}
.orange
{
    background: #fb9249;
}
.legende
{
    float: left;
}
.legende p
{
    width:90px;
    float: left;
}
.square
{
    float: left;
    width:20px;
    height:15px;
    margin-right: 10px;
    margin-top:3px;
}
/* details */
.photos
{
    float: left;
    width:310px;
}
#photo-table
{
    border: solid 1px #e98e59;
    background: #fff2e9;
}


/* merci */
.mercidiv
{
    float: left;
    width:364px;
    height:40px;
    padding: 187px 0px 0px 120px;
    background: url(../../images/charte/contact/bg-merci.jpg) no-repeat top right;
}