@import "css/mdm.css";
.off{
	display:none;
}


html, body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;

}
body {
	background: url(../images/charte/background-body.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#FEF8E4;
	font-family:arial;
	font-size:12px;
	color:#9E0504;
	text-align:justify;
}
p, ul, li, table, div, h1, h2, h3, hr, img, form, input{
	padding: 0px;
	margin: 0px;
}

#container{
	width: 793px;
	margin: auto;
}
#header{
	width: 793px;
	height: 279px;
	float: left;
}

#middle{
	background: url(../images/charte/background-middle.jpg) left top repeat-y;
	margin: 0px;
	padding: 0px;
	display: table;
	float: left;
	width: 793px;
}
/*
#content{
	background: url(../images/charte/bg_content.gif) left top repeat-y #FFFFFF;
	margin: 0px;
	padding: 0px;
	width:796px;
	float: left;
}
*/

#left_col{
	width: 211px;
	float: left;
}

#adresse{
	width: 211px;
	height: 208px;
	background-image: url(../images/charte/background-adresse.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

.text_adresse p{
	font-family: Trebuchet MS;
	font-size:12px;;
	color: #FFFFFF;
	text-align:left;
}

#mdm{
	width: 211px;
	height: 241px;
	background-image: url(../images/charte/background-mdm.jpg);	
	background-position:left top;
	background-repeat:no-repeat;
}

#plan{
	width: 211px;
	height: 177px;
	background-image: url(../images/charte/background-plan.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#logo{
	width: 211px;
	height:153px;
	background-image: url(../images/charte/background-img.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#digital{
	background-image:url(../images/charte/background-digital.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:211px;
	height:68px;
}

#right_col{
	width: 567px;
	float: left;
}

.link_mail:link, .link_mail:visited{
	color:#0C3A62;
	font-family:arial;
	font-size:1em;
	line-height:3.6em;
	font-weight:bold;
	text-decoration:none;
}

.link_mail:hover, .link_mail:active{
	color:#3371A7;
	font-family:arial;
	font-size:1em;
	line-height:3.6em;
	font-weight:bold;
	text-decoration:none;
}

#footer{
	width:100%;
	float:left;
	display: block;
	background-image: url(../images/charte/background-footer.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}

#footer_link{
	color:#843424;
	padding-top:5px;
	text-align: center;
    width: 800px;
    margin: 0 auto;
}

.link_footer:link, .link_footer:visited{
    color:#843424;
	font-family:arial;
	font-size:12px;
	text-decoration:none;
    outline:none;
}

.link_footer:hover, .link_footer:active{
	color:#000000;
	font-family:arial;
	font-size:12px;
	text-decoration:none;
     outline:none;      
}
.copyright{
	color:#905A50;
	font-size:10px;
}
.copyright1:link, .copyright1:visited{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#905A50;
	text-decoration:none;
}
.copyright1:hover, .copyright1:active{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

/* ------------page-------------------------*/
#page_content{
	font-family:arial;
	font-size:12px;
	text-align:justify;
	color:#725C19;
	width:545px;
	float:left;
}

#page_title{
	width: 563px;
	float: left;
}

.ref{
	font-family:arial;
	font-weight:bold;
	text-align:justify;
	width:545px;
	float:left;
	color:#725C19;
}
.logo{
	width:52px;
}
.logo1{
	height:50px;
}
.fr_txt{
	width:238px;
	padding-left:4px;
	font-family:arial;
	font-size:12px;
	text-align:justify;
	line-height:12px;
	color:#725C19;
}
.fr{
	width:250px;
}
.eng{
	width:250px;
}
.eng_txt{
	width:240px;
	padding-left:4px;
	font-family:arial;
	font-size:12px;
	text-align:justify;
	line-height:12px;
	color:#725C19;
}
.contact{
	background-image:url(../images/contact/background-contact.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:0px;
	margin-left:12px;
}
.contact_link2:link, .contact_link2:visited{
	font-family:arial;
	font-size:12px;
	color:#FEF8E4;
	line-height:16px;
	text-decoration:underline;
}
.contact_link2:hover, .contact_link2:active{
	font-family:arial;
	font-size:12px;
	line-height:16px;
  color:#FEF8E4;
	text-decoration:none;
}
.text_1{
	background: url(../images/charte/bg_text_1.gif) right top no-repeat #FFFFFF;
	font-family: arial;
	font-size: 1em;
	color: #820403;
	line-height: 1.75em;
	text-align: justify;
}

.text_2{
	background: url(../images/charte/bg_text_2.gif) left top no-repeat #FFFFFF;
	font-family: arial;
	font-size: 1em;
	color: #820403;
	line-height: 1.75em;
	text-align: justify;
}
	
.text_3{
	background: url(../images/charte/bg_text_3.gif) right top no-repeat #FFFFFF;
	font-family: arial;
	font-size: 1em;
	color: #820403;
	line-height: 1.75em;
	text-align: justify;
}

.text_4{
	background: url(../images/charte/bg_text_4.gif) left top no-repeat #FFFFFF;
	font-family: arial;
	font-size: 0.98em;
	color: #820403;
	line-height: 1.75em;
	letter-spacing: 0.001em;
	text-align: justify;
}

.text_strong{
	background-color: #FFFFFF;
	font-family: arial;
	font-size: 1.4em;
	color: #820403;
	line-height: 1.4em;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 16px;
}

.photo_left{
	margin-right: 7px;
}

.photo_right{
	margin-left: 7px;
}

.list li{
 	font-size: 1em;
	font-family: arial;
	text-align:left;
	line-height: 1.7em;
	margin-left: 182px;
	padding-left: 10px;
	list-style-type: circle;
}

.merci:link, .merci:visited{
	color: #820403;
	font-family: arial;
	font-size: 1em;
}
.merci:hover, .merci:active{
	color: #820403;
	font-family: arial;
	font-size: 1em;
	font-weight:bold;
}

.text_map p{
	float:none;
	font-family: arial;
	font-size: 1.2em;
	color: #820403;
	letter-spacing: 0.01em;
	line-height: 1.6em;
	text-align: center;
	padding-left: 4px;
}

#imp_ferm{
	width: 140px;
	height:70px;
	background-image: url(../images/plan/bg_imp_ferm.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top:10px;
	margin-left:20px;
	padding-left: 40px;
	padding-top: 0px;
}
#imp_ferm img{padding:2px;}
/*---admin---*/

.button{
	background-color: #820403;
	color: #FFCD07;
	font-family: arial;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 4px;
	border: 2px solid #;
	height: 20px;
}

.buttonover{
	background-color: #FFCD07;
	color: #820403;
	font-family:arial;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 4px;
	border: 2px solid #;
	height: 20px;
	cursor: pointer;
}

#title_product{
	background: url(../images/charte/bg_box_title.jpg) left top repeat-x;
	height: 25px;
	float: left;
	width: 557px;
}

#title_product_detail{
	background: url(../images/charte/bg_box_title.jpg) left top repeat-x;
	height: 25px;
	float: left;
	width: 555px;
}


#product{
	background-image: url(../images/charte/bg_box_product.jpg);
	background-repeat: repeat-x;
	background-color: #FFE88C;
	width: 557px;
	float: left;
}

#product_detail{
	background-image: url(../images/charte/bg_box_product.jpg);
	background-repeat: repeat-x;
	background-color: #FFE88C;
	width: 555px;
	float: left;
}


#box_product{
	width: 557px;
	margin-bottom: 10px;
	border: 3px solid #820403;
	float: left;
}

#box_product_detail{
	width: 555px;
	margin-bottom: 10px;
	border: 3px solid #820403;
	float: left;
	background-color: #FFE88C;
}

#img_product{
	width: 150px;
	height: 150px;
	margin: 5px;
	float: right;
}

#img_product_detail{
	width: 250px;
	height: 250px;
	margin: 48px 0px 8px 10px;
	float: left;
	text-align: right;
}

.product_prix_desc{
	width:540px;
}
.img_detail{
	float:right;
	margin: 35px 0px 5px 10px;
}
#photos{
	width: 543px;
	padding: 7px;
	float: left;
	vertical-align: bottom;
}

#descr_product{
	font-family: arial;
	font-size: 1em;
	color: #820403;
	line-height: 1.75em;
	text-align: justify;
	padding-left: 7px;
	margin-right: 10px;
}

#descr_product_detail{
	font-family: arial;
	font-size: 1em;
	color: #820403;
	line-height: 1.75em;
	text-align: justify;
	padding-left: 8px;
	margin-right: 8px;
	clear:both;
}

.text_title{
	float: left;
	font-size:13px;
	color: #820403;
	font-weight: bold;
	font-family: arial;
	text-align: left;
	padding-left: 7px;
	margin-top:5px;
}

.text_price{
	float: right;
	font-size: 12px;
	color: #820403;
	font-weight: bold;
	font-family: arial;
	text-align: right;
	padding-right: 5px;
	margin-top:5px;
}

#text_price_detail{
	width: 250px;
	float: left;
	
	font-size: 1.1em;
	color: #820403;
	font-weight: bold;
	font-family: arial;
	text-align: left;
	margin-left: 8px;
	margin-top: 10px;
 }

.link_details:link, .link_details:visited{
	color:#820403;
	font-family:arial;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
}

.link_details:hover, .link_details:active{
	color:#DF9509;
	font-family:arial;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
}

#pages{
	font-family:arial;
	font-size:1.1em;
	text-decoration:none;
	color:#820403;
	width:557px;
	text-align:center;
}

.link_pages:link, .link_pages:visited{
	color:#820403;
	font-family:arial;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
}

.link_pages:hover, .link_pages:active{
	color:#DF9509;
	font-family:arial;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
}