html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	font:normal 62.5% verdana;
	background-color:#FEC20F; 
	}
	
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
	
#page{
width:891px;
margin:0 auto;
}

#header{
	width:891px;
	height:261px;
	}
		
#container{
	background:url(../images/charte/container-repeat.jpg) repeat-y left top;
	width:784px;
	margin:0 auto;
	display:table;
	}
	
	#left-col{
		width:231px;
		float:left;
		
		}
		#menu{
			width:231px;
			height:142px;
			display:table;
			}
		#mdm{
			width:231px;
			height:209px;
			background:url(../images/charte/mdm.jpg) no-repeat left top;
			display:table;
			}
				#title-actualites{
					font-family:Tahoma;
					font-weight:500;
					font-size:18px;
					color:#173182;
					margin-top:17px;
					margin-left:15px;
					}
					
		#adresse{
			width:191px;
			height:191px;
			background:url(../images/charte/bg-adresse.jpg) no-repeat left top;
			padding-top:20px;
			padding-left:40px;
			display:table;
			}
				#name{
				font-family:Tahoma;
				font-size:15px;
				font-weight:bold;
				color:#173182;
				margin-bottom:15px;
				}
				.adr{
				font-family:tahoma;
				font-size:12px;
				color:#173182;
				margin-bottom:10px;
				}
		#mail{
			margin-left:30px;
			}
		#title-plan{
		font-size:18px;
		color:#173182;
		font-family:Tahoma;
		padding-top:18px;
		padding-left:15px;
		}
		#plan{
			width:231px;
			height:160px;
			background:url(../images/charte/bg-plan.jpg) no-repeat left top;
			
			}
		#photo-1{
			width:227px;
			height:130px;
			margin-top:30px;
			}
			
	#right-col{

	
	}
			
#footer{
width:782px;
margin:0 auto;
height:60px;
background:#173182;
border:1px solid #FFE78C;
}

	
		#digital-age{
		width:130px;
		height:27px;
		float:left;
		margin-top:10px;
		padding-left:40px;
		}
		
	
		#nav-footer{
		/*margin-left:70px;*/
		font-family:tahoma;
		color:#FFE78C;
		font-size:11px;
		padding-top:5px;
		margin:5px;
		}
		
			#nav-footer a:link, #nav-footer a:visited{
			margin: 0 10px;
			letter-spacing: 1px;
			text-decoration:underline;
			color:#FFE78C;
			}
			#nav-footer a:hover, #nav-footer a:active{
			text-decoration:none;
			color:#FFE78C;			
			}
			
		#droits{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#EBAE0C;
		font-size:10px;
		margin-right:5px;
		height: 20px;
		}
		
			.mentions-link:link, .mentions-link:visited{
			text-decoration:underline;
			color:#EBAE0C;
			}
			.mentions-link:hover, .mentions-link:active{
			text-decoration:none;
			color:#EBAE0C;
			}
			
.pos-text{
width:521px;
padding:10px 10px 10px 20px;
}
	
	.text{
	font-family:Tahoma;
	font-size:13px;
	text-align:justify;
	line-height:20px;
	}
	
		.text span{
		text-decoration:underline;
		}

.pos-list{
width:551px;
height:126px;
background:#FFE78C;
}

	#left-list{
	width:322px;
	float:left;
	font-family:Tahoma;
	font-size:13px;
	text-align:justify;
	line-height:20px;
	}

		ul.list{
			margin-top:5px;
		    }
		    ul.list li{
				list-style-type:none;
				background-image:url(../images/charte/bullet.jpg);
				background-repeat:no-repeat;
				background-position:left 3px;
				padding-left:30px;
				}
			
	#photo1{
	width:155px;
	height:112px;
	float:left;
	}
	
	

	#right-list{
	width:371px;
	float:left;
	font-family:Tahoma;
	font-size:13px;
	text-align:justify;
	line-height:20px;
	}

	.photo{
	width:155px;
	height:119px;
	padding-top:4px;
	padding-left:25px;
	float:left;
	}
	
	.pos-text-bg{
	width:341px;
	padding:10px 10px 10px 20px;
	float:left;
	}
	
	#photo4{
	width:155px;
	height:119px;
	padding-top:4px;
	padding-left:10px;
	float:left;
	}	
		
.text-orange{
font-family:Tahoma;
font-size:15px;
color:#E97C02;
font-weight:bold;
padding-top:15px;
padding-bottom:15px;
}

	.text-orange a:link, .text-orange a:visited{
	color:#FF9927;
	text-decoration:underline;
	}
	.text-orange a:hover, .text-orange a:active{
	color:#FF9927;
	text-decoration:none;
	}

.popup-link{
font-family:tahoma;
font-size:12px;
}

	.popup-link:link, .popup-link:visited{
	color:#E97C02;
	text-decoration:none;
	}
	
	.popup-link:hover, .popup-link:active{
	color:#FFE187;
	}



.logo{
width:450px;
height:57px;
margin:30px auto;
border:solid 1px #FEC20F;
}

#search{
width:329px;
margin:15px auto;
font-family:Tahoma;
}
	
	#category{
	float:left;
	margin-top:4px;
	font-weight:bold;
	font-size:12px;
	}
	
	#box{
	margin-top:2px;
	float:left;
	margin-left:5px;
	padding-right:10px;
	}
	
	
	.recherche{
		background-image:url(../images/charte/recherche.jpg); 
		background-repeat:no-repeat;
		color:#0C2B85;
		width:89px;
		height:24px;
		border:0px solid #FFFFFF;
		cursor:pointer;
		padding-top:0px;
	}
	
	.rechercheover{
		background-image:url(../images/charte/recherche-over1.jpg); 
		background-repeat:no-repeat;
		color:#0C2B85;
		width:89px;
		height:24px;
		border:0px solid #FFFFFF;
		cursor:pointer;
		padding-top:0px;
	}
	
.prod-pres{
width:512px;
background-color:#FFE78C;
margin-top:30px;
margin-left:20px;
padding-bottom:5px;
display:table;
}

	.title-prod{
	width:492px;
	height:18px;
	background-color:#FEC20F;
	font-family:tahoma;
	font-weight:bold;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	font-size:13px;
	}
	
	.details-prod{
	width:502px;
	font-family:tahoma;
	font-size:11px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	}
	
		.descriptif{
		width:302px;
		float:left;
		}
	
			.descriptif-box{
			border:solid 1px #FEC20F;
			width:292px;
			padding:5px;
			float:left;
			}
	
			.descriptif-link{
			margin-top:10px;
			vertical-align:bottom;
			}
				.descriptif-link a:link, .descriptif-link a:visited{
					color:#E97C02;
					text-decoration:underline;
					}
				.descriptif-link a:hover, .descriptif-link a:active{
					color:#FEC20F;
					}
	
	.plus-prod{
	width:506px;
	font-family:tahoma;
	font-size:11px;
	padding-top:5px;
	padding-left:5px;

	}
	
/*		.info-prod{
		float:left;
		width:506px;
		}
*/	
		.marque{
		float:left;
		width:235px;
		border:solid 1px #FEC20F;
		padding-left:5px;
		padding-right:5px;
		margin-top:5px;
		margin-right:10px;
		}
	
		.poids{
		float:left;
		width:235px;
		border:solid 1px #FEC20F;
		padding-left:5px;
		padding-right:5px;
		margin-top:5px;
		}
		
		
		
			.contact-link:link, .contact-link:visited{color:#E97C02;text-decoration:none;}
			.contact-link:hover, .contact-link:active{color:#FEC20F;}

.deatil-box{
width:300px;
height:15px;
border-top:solid 1px #FEC20F;
border-left:solid 1px #FEC20F;
border-right:solid 1px #FEC20F;
padding-left:5px;
}

.descr-prod{
	width:502px;
	font-family:tahoma;
	font-size:11px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	}
	
.descr-box{
width:495px; 
float:left; 
border-top:solid 1px #FEC20F;
border-left:solid 1px #FEC20F;
border-right:solid 1px #FEC20F;
height:15px;
padding-left:5px;
padding-top:5px;
}

.descr-comments{
width:493px; 
float:left; 
border-bottom:solid 1px #FEC20F;
border-left:solid 1px #FEC20F;
border-right:solid 1px #FEC20F;
padding:5px 2px 5px 5px;
}

.logo1{
width:305px;
margin:30px auto;

}

	#logohc{
		width:59px;
		height:45px;
		float:left;
		margin-right:20px;
		border:solid 1px #FEC20F;
		}

	#logo-ausa{
		width:222px;
		height:45px;
		float:left;
		border:solid 1px #FEC20F;
		}
		
.logo2{
width:450px;
height:113px;
margin:30px auto;
border:solid 1px #FEC20F;
}

           .page-lien:link, .page-lien:visited{
				color:#E97C02;
				font-size:11px;
				} 
			.page-lien:hover, .page-lien:active{
				color:#FEC20F;
				text-decoration:none;
				}