/* CSS Document */

/* BODY and Globals */
body {background-image:url(fondbarre.jpg);
background-repeat:repeat-x;
margin:0px;
z-index:0;
font-size: 90%; /* Resets 1em to 10px */
font-family: Verdana, arial, Sans-Serif;
color: #fff;
line-height:140%;
text-align: justify;
}

a, a:visited {
color:#58ac25;
text-decoration:underline;
font-weight:bold;
}

a:hover, a:active {
color:#ffffff;
text-decoration:underline;
font-weight:bold;
}

#global {height:auto;
margin-left:auto;
margin-right:auto;
width:auto;
z-index:2;}

#top {
	position:absolute;
	height:230px;
	width:1200px;
	z-index:24;
}

.logo-green-spot {
margin-left:20px;
height:230px;
width:484px;
z-index:25; }

.menu {
margin-left:300px;
height:230px;
width:700px;
}

.menu-01 a {BACKGROUND-IMAGE:url(menu-01.jpg); POSITION: relative; MARGIN-TOP: 0px; WIDTH: 162px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; HEIGHT: 230px; MARGIN-LEFT: 20px; TOP: 0px; LEFT: 0px; z-index:6;text-indent:-5000px;}

.menu-01 a:hover {
	BACKGROUND-POSITION: left -230px}
	
.menu-02 a {BACKGROUND-IMAGE:url(menu-02.jpg); POSITION: relative; MARGIN-TOP: 0px; WIDTH: 154px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; HEIGHT: 230px; MARGIN-LEFT: 20px; TOP: 0px; LEFT: 0px; z-index:6;text-indent:-5000px;}

.menu-02 a:hover {
	BACKGROUND-POSITION: left -230px}

.menu-03 a {BACKGROUND-IMAGE:url(menu-03.jpg); POSITION: relative; MARGIN-TOP: 0px; WIDTH: 157px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; HEIGHT: 230px; MARGIN-LEFT: 20px; TOP: 0px; LEFT: 0px; z-index:6;text-indent:-5000px;}


.menu-03 a:hover {
	BACKGROUND-POSITION: left -230px}
	
.menu-04 a {BACKGROUND-IMAGE:url(menu-04.jpg); POSITION: relative; MARGIN-TOP: 0px; WIDTH: 157px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; HEIGHT: 230px; MARGIN-LEFT: 26px; TOP: 0px; LEFT: 0px; z-index:6;text-indent:-5000px;}

.menu-04 a:hover {
	BACKGROUND-POSITION: left -230px}
	
#footer {
WIDTH: 1200px; 
HEIGHT: 121px;
bottom:0px;
z-index:4;
}

.imagefooter {background-image:url(bottom-healtyandfresh.jpg);
background-repeat:no-repeat;
position:fixed;
WIDTH: 616px; 
HEIGHT: 121px;
bottom:0px;
z-index:5;
text-indent:-5000px;
}

.ouverture {background-image:url(ouverture.jpg);
background-repeat:no-repeat;
position:fixed;
WIDTH: 202px; 
HEIGHT: 200px;
bottom:0px;
margin-left:998px;
z-index:6;
text-indent:-5000px;
}

.adresse {background-image:url(adresse-grenspot.jpg);
background-repeat:no-repeat;
position:fixed;
WIDTH: 338px; 
HEIGHT: 121px;
bottom:0px;
margin-left:650px;
z-index:6;
text-indent:-5000px;
}

.flejjurs {background-image:url(fleurs.jpg);
background-repeat:no-repeat;
position:fixed;
WIDTH: 307px; 
HEIGHT: 423px;
bottom:121px;
margin-left:0px;
z-index:6;
text-indent:-5000px;
}

.imgleft {float: left; margin: 0 6px 6px 0;}


.imgright {float: right; margin: 0 6px 6px 0;}

.facebook a {BACKGROUND-IMAGE:url(facebook-green-spot.jpg); POSITION: absolute; MARGIN-TOP: 0px; WIDTH: 32px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; HEIGHT: 31px; MARGIN-LEFT: 250px; z-index:6; text-indent:-5000px; bottom:6px;}

.facebook a:hover {
	BACKGROUND-POSITION: left -31px}
	
.twitter a {BACKGROUND-IMAGE:url(twitter-green-spot.jpg); POSITION: absolute; MARGIN-TOP: 0px; WIDTH: 32px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; HEIGHT: 32px; MARGIN-LEFT: 290px; z-index:7; text-indent:-5000px; bottom:5px;}

.twitter a:hover {
	BACKGROUND-POSITION: left -32px}
	
#footer2 {
position:fixed;
WIDTH: 100%; 
HEIGHT: 100%;
bottom:0px;
z-index:0;
}

.imagefooter2 {background-image:url(bottom-green.jpg);
background-repeat:repeat-x;
position:fixed;
WIDTH: 100%; 
HEIGHT: 121px;
bottom:0px;
z-index:0;
text-indent:-5000px;
}

	
	
	#imageContainer {
	position:relative;
	margin:auto;
	width:902px;
	top:-104px;
}
#imageContainer img {
	display:none;
	position:absolute;
	top:-103px; left:0;
}

/* Slide index */


#slider {background-image:url(fleurs.jpg);
background-repeat:no-repeat;
position:fixed;
WIDTH: 307px; 
HEIGHT: 423px;
bottom:121px;
margin-left:0px;
z-index:7;
text-indent:-5000px;
}

#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}