@charset "UTF-8";
/* CSS Doc  , ument */

body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	
}
div.centre {
	margin-left: auto;
	margin-right: auto;
	width: 770px; /* largeur obligatoire pour être centré */
	height: auto; 
	 }
	 
div.margetop {
height:125px;
}

div.logo{
	background-image:url(Images/lg_h.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 1;
	height: 130px;
	width:303px;
	top:10px;
	}

div.menu{
	width:100%;
	height:35px;
	background-color:#FFFFFF;
	filter:alpha(opacity=40);
   	-moz-opacity:0.4;
   	-khtml-opacity: 0.4;
   	opacity: 0.4;
}

div.bas{
	width:100%;
	height:15px;
	background-color:#FFFFFF;
	filter:alpha(opacity=40);
   	-moz-opacity:0.4;
   	-khtml-opacity: 0.4;
   	opacity: 0.4;
}


div.text{
	height:500px;
	width:526px;
	position: absolute;
	background-color:#FFFFFF;
	opacity: .5;
	filter: alpha(opacity=40);
}


div.images{
	height:500px;
	width:244px;
	background-color:#FFFFFF;
	opacity: .3;
	filter: alpha(opacity=20);
	z-index:-1;

}

div.espace{
margin:10px;
}

div.signature{
	background-image: url(Images/lasignature.gif);
}

a:link , a:visited {
	text-decoration: none;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}

a:hover , a:active {
	text-decoration: none;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0033FF;
}

h1{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
p{
font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
}
#txt{
font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
}
div.margemenu{
margin-top:11px;

}

div.margebas{
margin-top:3px;

}


div.contenu{
height:85%;
width:380px;
position:absolute;
z-index:5;
}

div.contenu2{
margin-top:30px;
margin-right:140px;
margin-left:50px;
}

div.imagehome{
background-image:url(Images/DSC03095.jpg);
height:369px;
width:228px;
position:absolute;
top:90px;
left:460px;
z-index:6;
}

div.imagemarque{
background-image:url(Images/hoyas_4.jpg);
height:369px;
width:228px;
position:absolute;
top:70px!important;
top:75px;
left:460px;
z-index:6;
}
div.imageproduit{
background-image:url(Images/hoyas_8.jpg);
height:369px;
width:228px;
position:absolute;
top:70px!important;
top:75px;
left:460px;
z-index:6;
}
div.imagephylo{
background-image:url(Images/hoyas.jpg);
height:369px;
width:228px;
position:absolute;
top:70px!important;
top:75px;
left:460px;
z-index:6;
}
div.text_phylo{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	text-align: center;
	line-height: 25px;
}
div.imagecontact{
background-image:url(Images/hoyas_7.jpg);
height:369px;
width:228px;
position:absolute;
top:70px!important;
top:75px;
left:460px;
z-index:6;
}


div.flash{
z-index:1;
position:absolute}

#menubas a:link ,#menubas a:visited {
	text-decoration: underline;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}

#menubas a:hover , #menubas a:active {
	text-decoration:underline;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0033FF;
}

div.lgch{
background-image:url(Images/lghoyas_ptit.png)

}