﻿body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 0;
	background-color: #154203;
}

ul, li{
	display: inline;
}

li a span{
	display: none;
}

p{
	margin-top: 10px;
	margin-left: 20px;
	text-align: justify;
	font-size: 13px;
	line-height: 120%;
}

h1{
	margin-top: -27px;
	margin-left: 60px;
	color: #FFF;
	font-weight: bold;
}

hr{
	width: 40%;
	color: #22a229;
}

div#supercontainer{
	background-image: url(../images/fond.jpg); 
	background-repeat: repeat-x;
	height: 601px;
}

div#bandeau{
	position: absolute;
	margin-top: 320px;
	background-image: url(../images/bandeau.jpg); 
	background-repeat: repeat-x;
	height: 56px;
	width: 100%;
}

div#s{
	position: absolute;
	left: 74%;
	margin-top: 376px;
	background-image: url(../images/s.png); 
	background-repeat: no-repeat;
	-background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/s.png');
	height: 220px;
	width: 192px;
}

div#header{
	position: absolute;
	width: 737px;
	left: 50%;
	margin-left: -365px;
	margin-top: 15px;
	z-index: 2;
}

div#container{
	position: absolute;
	margin-top: 150px;
	border-right: 3px solid #288f3a;
	border-left: 3px solid #288f3a;
	left: 50%;
	margin-left: -365px;
	height: 370px;
	width: 729px;
	z-index: 1;
	background-color: #35b606;
	background-image: url(../images/corps.jpg); 
	background-repeat: repeat-x;
}

div#menu{
	position: absolute;
	left: 50%;
	margin-left: -335px;
	float: left;
	margin-top: 76px;
	z-index: 3;
	width: 732px;
	height: 80px;
}

div#titre{
	position: absolute;
	left: 50%;
	margin-left: -335px;
	float: left;
	margin-top: 154px;
	z-index: 3;
	width: 732px;
	height: 30px;
	color: #FFF;
	font-size: 13px;
}

.entreprise{
	width: 79px;
	height: 75px;
	position: absolute;
}

a.entreprise{
	background-image: url(../images/pictos/entreprise.png); 
	background-repeat: no-repeat;
	-background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/pictos/entreprise.png');
}

a.entreprise:hover, a.entreprise:focus{
	background-image: url(../images/pictos/entreprise_over.png); 
	background-repeat: no-repeat;
	-background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/pictos/entreprise_over.png');
	cursor: pointer;
}

.culture{
	width: 83px;
	height: 75px;
	position: absolute;
	margin-left: 120px;
}

a.culture{
	background-image: url(../images/pictos/culture.png); 
	background-repeat: no-repeat;
	-background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/pictos/culture.png');
}

a.culture:hover, a.culture:focus{
	background-image: url(../images/pictos/culture_over.png); 
	background-repeat: no-repeat;
	-background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/pictos/culture_over.png');
	cursor: pointer;
}

.cueillette{
	width: 83px;
	height: 75px;
	position: absolute;
	margin-left: 240px;
}

a.cueillette{
	background-image: url(../images/pictos/cueillette.png); 
	background-repeat: no-repeat;
	-background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/pictos/cueillette.png');
}

a.cueillette:hover, a.cueillette:focus{
	background-image: url(../images/pictos/cueillette_over.png); 
	background-repeat: no-repeat;
	-background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/pictos/cueillette_over.png');
	cursor: pointer;
}

.conditionnement{
	width: 83px;
	height: 75px;
	position: absolute;
	margin-left: 375px;
}

a.conditionnement{
	background-image: url(../images/pictos/conditionnement.png); 
	background-repeat: no-repeat;
	-background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/pictos/conditionnement.png');
}

a.conditionnement:hover, a.conditionnement:focus{
	background-image: url(../images/pictos/conditionnement_over.png); 
	background-repeat: no-repeat;
	-background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/pictos/conditionnement_over.png');
	cursor: pointer;
}

.contact{
	width: 83px;
	height: 75px;
	position: absolute;
	margin-left: 480px;
}

a.contact{
	background-image: url(../images/pictos/contact.png); 
	background-repeat: no-repeat;
	-background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/pictos/contact.png');
}

a.contact:hover, a.contact:focus{
	background-image: url(../images/pictos/contact_over.png); 
	background-repeat: no-repeat;
	-background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/pictos/contact_over.png');
	cursor: pointer;
}

div#affichage{
	background-color: #e9ede8;
	width: 395px;
	/* height: 336px; */
	height: 356px;
	margin-left: 6px;
	margin-top: 5px;
	padding-left: 3px;
}

div#description{
	margin-top: 10px;
	width: 375px;
	height: 265px;
	overflow: auto;
	font-family: Verdana;
}

div#illustration{
	margin-top: -336px;
	margin-left: 403px;
	width: 288px;
	height: 326px;
	position:relative;
}

div#footer{
	background-image: url(../images/footer.png); 
	background-repeat: no-repeat;
	-background-image:url(no-image);
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='../images/footer.png');
	height: 16px;
	width: 735px;
	position: absolute;
	left: 50%;
	/* margin-left: -364px; */
	margin-left: -365px;
	margin-top: 520px;
	z-index: 1;
	text-align: center;
	color: #FFF;
	font-size: 12px;
}

#footer a{
	text-decoration: none;
	color: #FFF;
}

#footer a:hover{
	text-decoration: underline;
}

/* Pour le fondu des images*/
#mContainer {
	position:relative;
	width:320px;
	height:336px;
}

.mPhoto {
	position:absolute;
	top:0px;
	left:0px;
	-moz-opacity:0.0;
	filter:Alpha(opacity=0);
}
