/*.... MDM ....*/

@import url("mdm.css");
@import url("contact.css");


html, body{
/* ---( box )--- */
	width: 100%;
	height: 100%;
	margin:0;
	padding: 0;
/* ---( type ) --- */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
}
ul, ol, li {
	margin: 0; 
	padding:0; 
	line-height:1.5em;
	list-style: none;
}
#bg1{
	background:	url(../images/charte/body_x.gif) top repeat-x;
	width: 100%;
	height: 100%;
}
#bg2{
	background: url(../images/charte/body_img1.jpg) top no-repeat;
	width: 100%;
	height: 100%;
}
#bg3{
	background: url(../images/charte/body_y.gif) left repeat-y;
	width: 771px;
	height: 100%;
	margin: 0 auto;
}

#container{
/*	background: url(../images/charte/head_bg.jpg) top no-repeat;*/
	background: url(../images/charte/body_y.gif) left repeat-y;
	width: 771px;
	margin: 0 auto;
	padding: 0;
	display: table;
}
#header{
	float: left;
	width: 771px;
	height: 205px;
	display: block;
}

#header pre{
	margin-top: 40px;
	margin-right: 40px;
	font-weight:bold;
	float: right;
	color: #fff;
	text-align: right;
	letter-spacing: 3px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.flash_bg1, .flash_bg4, .flash_bg5{
	background: url(../images/charte/flash_bg1.jpg) top left no-repeat;
}
.flash_bg2{
	background: url(../images/charte/flash_bg2.jpg) top left no-repeat;
}
.flash_bg3{
	background: url(../images/charte/flash_bg3.jpg) top left no-repeat;
}

#leftCol{
	float: left;
	width: 189px;
	display: inline;
}
#menu{
	background-color: #ccc;
}
#content{
	width:564px;
	float: left;
	display: table;
	margin-left:0px;
	padding:0px;
	background: url(../images/charte/page_top_bg.gif) top left no-repeat;	
}

#footer{
	width:771px;
	height: 54px;
	margin: 0 auto;
	background: url(../images/charte/footer_bg.gif) top no-repeat;	
}

#digitalage{
	width: 189px;
	float:left;
	position: absolute;
	text-align: center;
}
#footer_txt{
/* ---( box )--- */
	float:left;
	position: absolute;
	margin-left: 192px;
	margin-top: 10px;
	width: 560px;
/* ---( type )--- */
	text-align: center;
	font-size: 1em;
	line-height: 1.5em;
	color: #4b804a;
}
.merci_link:link, .merci_link:visited{
	color: #4b804a;
	font-family:arial;
	font-size:12px;
	text-decoration:none;
}
.merci_link:hover, .merci_link:active{
	color: #4b804a;
	font-family:arial;
	font-size:12px;
	text-decoration:underline;
}
#footer_txt p{
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	color: #a1a1a1;
}
#footer_txt a:link, #footer_txt a:visited{
	text-decoration: none;
	color: green;
	font-size: 0.9em;
}
#footer_txt a:hover, #footer_txt a:active{
	color: #b22222;
	text-decoration: underline;
}
#right_corner{
	float: left;
	position: absolute;
	width: 82px;
	height:58px;
	margin-left: 688px;
	margin-top: -36px;
	background: url(../images/charte/right_corner.gif) no-repeat;
	z-index: 100;
}
#digitalage{
	margin-top: 6px;
	width: 189px;
	text-align: center;
}
#digitalage a:link, #digitalage a:visited{
	margin: 0 auto;
	padding: 0;	
	width: 139px;
	height: 41px;
	display: block;
	border: 0px;
	background: url(../images/charte/digitalage_up.gif) no-repeat;
}

h1{
	margin:0;
	padding:0;
	border-bottom: 1px solid #eaeaea;
}
h2{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #eaeaea;
	text-align: center;
}
h3{
	margin: 10px 0 0 0;
	padding: 0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: center;
	color: #6f6f6f;
}
h4{
	margin: 0;
	padding: 0;
	margin:0 -10px 0px 15px;
	border-bottom: 1px solid #eaeaea;
	color:#006400;
	font-size: 0.9em;
	font-weight:bold;
	text-transform: uppercase;
}
#content p{
/* ---( box ) --- */
/*	width:100%;*/
	padding:0px;
	margin: 0;
	float: left;
	clear: left;
	display: block;
/* ---( type ) --- */
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: justify;
	color: #555555;
}

.thumb1{
	float: right;
	border: 1px solid #e2e2e2;
	padding: 0;
	margin: 0 0 0 10px;
}
.thumb2{
	float: left;
	margin:0 5px 0 0;
	padding: 0;
}
.thumb3{
	margin:20px 5px 5px 5px;
	padding: 0;
}

#box1, 
#abricot, 
#melon, 
#nectarine,
#asperges,
#artichauts,
#tomates,
#courgettes{
	margin-left:0px;
	padding: 0;
	background:url(../images/charte/box1_y.gif) 0 0 repeat-y;
	width: 536px;
}

#box1 .top, 
#abricot .top, 
#melon .top, 
#nectarine .top,
#asperges .top,
#artichauts .top,
#tomates .top,
#courgettes .top{
	background: url(../images/charte/box1_top.gif) 0 0 no-repeat;
	padding-right: 10px;
}
#box1 td.top p, 
#abricot td.top p,
#melon td.top p, 
#nectarine td.top p,
#asperges td.top p,
#artichauts td.top p,
#tomates td.top p,
#courgettes td.top p{
	font-size: 1em;
	margin: 7px;
	padding: 0;
	text-align: justify;
}

#box1 .bottom, 
#abricot .bottom,
#melon .bottom,
#nectarine .bottom,
#asperges.bottom,
#artichauts.bottom,
#tomates.bottom,
#courgettes .bottom{
/*	width: auto;
	display: table;*/
}

#abricot, #melon, #nectarine,
#asperges,
#courgettes{
/*	display: inherit;*/
/*	visibility: hidden;*/
}
#box2{
	width: 530px;
	background-color:#fff;
}
#box2 p{
	width: 100%;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 0.9em;
}
table.on{
	display: table;
	width: 100%;
}
table.off{
	display: none;
}
.list1{
	display: block;
/*	background-color:red;
	border: 1px solid #000;*/
	font-weight:normal;
	line-height: 1.2em;
	display: block;
	padding-left: 50px;
	margin: 10px 0px;
	vertical-align: top;
}


#content a.tab1:link, #content a.tab1:visited{
/* ---( box ) --- */
/*	display:inline;*/
	width: auto;
	height: 20px;
	padding: 0 0 0 20px;
	margin: 1px 5px 1px 5px;
	background-image: url(../images/charte/bullet1.gif);
	background-position: left;
	background-repeat: no-repeat;
/* ---( type ) --- */
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
	text-align: left;
	text-decoration: none;
	color: Green;
}
#content a.tab1:hover, #content a.tab1:active{
	color: #b22222;
	text-decoration: underline;
}

/* --- TEXT STYLES --- */
.txt1, 
#content p.txt1{
	width:100%; 
	text-align:center; 
	font-size:0.8em; 
	color:#970000; 
	margin:0; 
	padding:0;
}
.txt2, 
#content p.txt2{
	line-height: 1.3em;	
}
.txt3, 
#content .txt3{
	color:green;
	line-height: 1.3em;	
}
.txt4, 
#content div.top p.txt4{
	font-size: 0.9em;
	font-weight: bold;
	color: #6f6f6f;
}
.txt5,
*.txt5{
	font-weight: bold;
	color: #006400;
}

#box1 .top p{
	text-align: center;
	line-height: 1.6em;	
	color: #2f2f2f;
}

.link1:link, .link1:visited{
	color: #006400;
	text-decoration: none;
	border-bottom: 1px dashed #009b01;
}
.link1:hover, .link1:active{
	border-bottom: 1px solid #a52a2a;
	color: #a52a2a;
}
.link2:link, .link2:visited{
	font-weight: bold;
	color: #009b01;
	text-decoration: none;
}
.link2:hover, .link2:active{
	text-decoration: underline;
	color: #a52a2a;
}
/*---mentions legales---*/
#mentions_legales{
	font-size:10px;
	background:#CAC8C9 url(../images/mentions_legales/mentions_legales_bg.jpg) no-repeat left top;
	}
#mentions_legales #name{
	color:#395D00;
	font: bold 2.4em Tahoma;
/*	margin-top:128px;  */
	text-align:center;
	}
#mentions_legales #site_adresse{
	padding-top:10px;
	text-align:center;
	}
	#mentions_legales  p{
		color:#581739;
		font-size:12px;
		}
#mentions_legales a:link, #mentions_legales a:visited{
	color:#395D00;
	}
#mentions_legales a:hover, #mentions_legales a:active{
	color:#738A4E; 
 	}
#mentions_legales .label{
	color:#000;
	font-size:0.84em;
	}

#mentions_legales #box1{
	float:left;
	width:287px;
	height: 170px;
	display: table;
	background-color: #eeeeee;
	border: 1px solid #581739;
/*	background: url(../images/mentions_legales/mentions_legales_box1.jpg) no-repeat left top;*/
}

#mentions_legales #box1 p{
	margin:10px 0px 0px 25px;
	line-height:1.8em;
}

#mentions_legales #box2{
	float:left;
	margin-left:10px;
	width:287px;
	height: 170px;
	display: table;
	background-color: #eeeeee;
	border: 1px solid #581739;
/*	background: url(../images/mentions_legales/mentions_legales_box2.jpg) no-repeat left top;*/
	}
#mentions_legales #box2 p{
	margin:15px 0px 0px 20px;
	line-height:1.3em;
	}
#mentions_legales #droits{
	clear: both;
	text-align:justify;
	}
#mentions_legales #droits p {
	padding-left:20px;
	padding-right:20px;
	font-size:1.1em;
	color:#000;
	}
#mentions_legales #droits p span{
	color:#496A14;
	font-weight:bold;
	}
#mentions_legales #fermer1 a:link, #mentions_legales #fermer1 a:visited{
	border: 1px solid #B6B6B4;
	padding:2px 5px;
	font-size:1.2em;
	text-decoration:none;
	color:#5A2842;
	
	}
#mentions_legales #fermer1 a:hover, #mentions_legales #fermer1 a:active{
	padding:2px 5px;
	font-size:1.2em;
	text-decoration:none;
	color:#8A6277;
	
	}

/*--------------------------------*/