/* Eurodis */
body{
	background-color:#94B7CC;
	font-family: Arial, Helvetica, sans-serif;
}
.clear{
	clear:both;
}
*{
	margin:0;
	padding:0;
	text-align: justify;
}
#conteneur{
	width:100%;
	background: url(images/px-top.gif) repeat-x top #104458;
	padding:113px 0 0 0;
}
#conteneur2{
	width:100%;
	background: url(images/px-top.gif) repeat-x top #104458;
	padding:143px 0 0 0;
}
/*index*/
.logoile{
	position:absolute;
	left: 71px;
	top: -106px;
}
.logobazard{
	position:absolute;
	left: 70px;
	top: -106px;
}
#contenuindex{
	width:803px;
	margin:0 auto;

}
.contanuindexleft{
	background:url(images/quincaillerie.jpg) no-repeat top #fff;
	width:274px;
	padding:305px 10px 10px 10px;
	font-size:11px;
	color:#584210;
	float:left;
	position:relative;
	height:208px;
}
.contanuindexleft p{
	display:block;
	padding: 5px;
}
.menu{
	width:214px;
	padding:131px 0 0 0;
	float:left;
}
.menu ul{ 
	list-style-type:none;
}
.menu li a{ 
	background: url(images/bg-menu.gif) no-repeat;
	height:35px;
	width:214px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	display:block;
	line-height:30px;
}
.menu li a:hover{ 
	background: url(images/bg-menu.gif) no-repeat;
	text-decoration:none;
	color:#990000;
}
.menu li a.actif{
	color:#990000;
}
/*contenu right index*/
.contanuindexright{
	background: url(images/cuisine.jpg) no-repeat top #fff;
	width:273px;
	padding:305px 10px 10px 10px;
	font-size:11px;
	color:#584210;
	float:left;
	position:relative;
	height: 208px;
}
.contanuindexright p{
	display:block;
	padding:5px;
}
/*contenu int*/
#contenuint{
	background:url(images/fond-contenuint.gif) no-repeat top left;
	width:844px;
	margin:0px auto 0 auto;
}
#contenurightint{
	width:539px;
	padding:48px 0 0 89px;
	float:left;
	font-size:11px;
	color:#FFFFFF;
}
#contenurightint p{
	padding:0 15px 0 0;
}
.logobazarvoutes{
	position: absolute;
	left: 25px;
	top: -94px;
}
/*diapo*/
.diapo{
	width:524px;
	margin:15px 0 20px 0;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	background:#7496A6;
}
.picto{
	width:240px; 
	float:left;
	margin:23px 0 0 10px;
	cursor:pointer;
}
.picto img{
	margin:0 0 10px 12px;
	border:3px solid #104458;
}
.diapoimg{
	float: left;
	width:215px;
	border:2px solid #104458;
	background:#fff;
	margin:20px 0 0 20px;
	text-align:center;
	}
.diapoimg img{
	padding:0;
	margin:0;
}
/*menu int*/
.menuint{
	width:214px;
	padding:69px 0 0 0;
	float:left;
	position: relative;
	}
.menuint ul{ 
	list-style-type:none;
}
.menuint li a{ 
	background: url(images/bg-menu.gif) no-repeat;
	height:35px;
	width:214px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	display:block;
	line-height:30px;
}
.menuint li a:hover{ 
	background: url(images/bg-menu.gif) no-repeat;
	text-decoration:none;
	color:#990000;
}
.menuint li a.actif{
	color:#990000;
}

/*contact*/
.planenvoiture{
	width:293px;
	float:left;
	position:relative;
	background:#fff;
	padding:0 0 50px 0;
}
.planMetro{
	width:293px;
	font-size:11px;
	color:#584210;
	float:left;
	position:relative;
	background:#fff;
	padding:0 0 50px 0;
}

/* support footer */
.supportfooter{
	width:100%;
	background:url(images/px-footer.gif) repeat-x top;
	padding:20px 0 0 0;
}
.footer{
	width:801px;
	margin:0 auto;
}
.eurobazar{
	width:244px;
	float:left;
	text-align:left;
	color:#000;
	font-size:11px;
}
.eurobazar span{
	position: relative;
	top:5px;
}
.aubois{
	width:218px;
	border-left:1px solid #104458;
	border-right:1px solid #104458;
	padding:0 50px 0 50px;
	float:left;
	text-align:left;
	color:#000;
	font-size:11px;
}
.aubois span{
	position: relative;
	top:5px;
}
.menufooter{
	width:146px;
	margin:0 0 15px 58px;
	float:left;
}
.menufooter ul{
	list-style-type:none;
}
.menufooter li a{
	background:url(images/puce-menu-footer.gif) 0 4px no-repeat;
	padding:0 0 0 12px;
	color:#000;
	font-size:11px;
	text-decoration:none;
}

.menufooter li a:hover{
	padding:0 0 0 12px;
	color:#104458;
	text-decoration:none;
}
/*logo top tec*/
.logotoptec{
	width:801px;
	margin:0;
	font-size:9px;
	text-align:center;
}
.logotoptec a{
	color:#104458;
	text-decoration:none;
}
.logotoptec a:hover{
	color:#4C7382;
	text-decoration:none;
}
.mentions {
	width:524px;
	filter:alpha(opacity=80);

	-moz-opacity:.80;
	opacity:.80;
	background:#7496A6;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}