@charset "UTF-8";
/* CSS Document */


body
{ 
background-color:#58008b;
background-image:url(images/bgmotif2.png);
background-position:top center;
background-repeat:repeat-x;
}

#img
{ display:block;
}

#opt
{ 
	position: absolute;
	width:354px;
	height:85px;
	background-image:url(images/opticlaire.png);
	background-repeat:no-repeat;
	left:100px;
	
}

#contact
{ position:absolute;
display:block;
background-image:url(images/contactez.png);
background-repeat:no-repeat;
width:246px;
height:185px;
left:510px;

}

#text
{ position:absolute;
left:150px;
top:100px;
width:600px;
height:auto;
}


h1
{font-family:Arial, Helvetica, sans-serif;
font-size:30px;
background-color:#FFF;
height:auto;
width:570px;
padding-left:15px;
padding-right:15px;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;

}

h2
{font-family:Arial, Helvetica, sans-serif;
font-size:20px;
background-color:#FFF;
height:auto;
width:570px;
padding-left:15px;
padding-right:15px;
padding-bottom:20px;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
}

#footer
{position:absolute;
left:-150px;
}

#horaires
{ position:absolute;
	left:750px;
	top:-30px;
}


#accueil
{
	background-image:url(images/accueil.png);
	background-repeat:no-repeat;
	width:150px;
	height:55px;
	top:100px;
	margin-right:0;
	position:absolute;
	left:60px;
	z-index: 2;
}

#accueil:hover
{background-image:url(images/acceuilhover.png);
background-repeat:no-repeat;
width:150px;
height:55px;
top:100px;
position:absolute;
left:60px;
margin-right:0;
}


#enfants
{
	background-image:url(images/enfants.png);
	background-repeat:no-repeat;
	width:150px;
	height:57px;
	top:155px;
	position:absolute;
	left:60px;
	z-index: 2;
	margin-right:0;
}

#enfants:hover
{background-image:url(images/enfantshover.png);
background-repeat:no-repeat;
	width:150px;
	height:57px;
	top:155px;
	position:absolute;
	left:60px;
	z-index: 2;
	margin-right:0;
}


#marques{
	background-image:url(images/marques.png);
	background-repeat:no-repeat;
	width:161px;
	height:68px;
	top:212px;
	position:absolute;
	left:45px;
	z-index: 2;
	margin-right:0;
}

#marques:hover
{background-image:url(images/marqueshover.png);
background-repeat:no-repeat;
	width:161px;
	height:68px;
	top:212px;
	position:absolute;
	left:45px;
	z-index: 2;
	margin-right:0;
}




#boutique{
	background-image:url(images/boutique.png);
	background-repeat:no-repeat;
	width:210px;
	height:55px;
	top:280px;
	position:absolute;
	left:0px;
	z-index: 2;
	margin-right:0;
}

#boutique:hover
{	background-image:url(images/boutiquehover.png);
	background-repeat:no-repeat;
	width:210px;
	height:55px;
	top:280px;
	position:absolute;
	left:0px;
	z-index: 2;
	margin-right:0;
}

#syrendre{
	background-image:url(images/syrendre.png);
	background-repeat:no-repeat;
	width:181px;
	height:49px;
	top:335px;
	position:absolute;
	left:30px;
	z-index: 2;
	margin-right:0;
}

#syrendre:hover
{	background-image:url(images/syrendrehover.png);
	background-repeat:no-repeat;
	width:181px;
	height:49px;
	top:335px;
	position:absolute;
	left:30px;
	z-index: 2;
	margin-right:0;
}
img{border:0px;}

#menu
{
	position:absolute;
	left:-60px;
}

#all
{ position: absolute;
left:100px;
}