@charset "utf-8";
/* CSS Document */
#header
{
background-image:url(images/banniere3.jpg);
background-repeat:no-repeat;

height:150px;
background-position: center;
margin-bottom:5px;
margin-top: 5px

}
#menu
{
height:30px;
background-position:center;
margin-top:0;
margin-bottom:5px;
background-image:url(images/blocmenu2.jpg)
}
body
{
padding:0;
background-color:#000000;
width: 1100px;
margin: auto;
}
a img
{border:none;
text-decoration:none;
}
a:active
{
border:none;
outline: none
}
a:focus
{
outline: none;
}
a:hover
{
color:#660066;
}

.accueil
{
display: block;
width: 103px;
height: 30px;
background: url(images/accueil.jpg);
float:left
}
.vitrinevirtuelle
{
display: block;
width: 185px;
height: 30px;
background: url(images/vitrinevirtuelle.jpg);
float:left
}
.lescoulisses
{
display: block;
width: 160px;
height: 30px;
background: url(images/lescoulisses.jpg);
float:left
}

.avant-apres
{
display: block;
width: 142px;
height: 30px;
background: url(images/avant-apres.jpg);
float:left
}
.posezvosquestions
{
display: block;
width: 118px;
height: 30px;
background: url(images/posezvosquestions.jpg);
float:left
}
.plandacces
{
display: block;
width: 149px;
height: 30px;
background: url(images/plandacces.jpg);
float:left
}
.accueil:hover
{
background: url(images/accueil_hover.jpg);
}
.vitrinevirtuelle:hover
{
background: url(images/vitrinevirtuelle_hover.jpg);
}
.lescoulisses:hover
{
background: url(images/lescoulisses_hover.jpg);
}
.avant-apres:hover
{
background: url(images/avant-apres_hover.jpg);
}
.posezvosquestions:hover
{
background: url(images/posezvosquestions_hover.jpg);
}
.plandacces:hover
{
background: url(images/plandacces_hover.jpg);
}
.accueil:active
{
background: url(images/accueil_active.jpg);
}
.vitrinevirtuelle:active
{
background: url(images/vitrinevirtuelle_active.jpg);
}
.lescoulisses:active
{
background: url(images/lescoulisses_active.jpg);
}
.avant-apres:active
{
background: url(images/avant-apres_active.jpg);
}
.posezvosquestions:active
{
background: url(images/posezvosquestions_active.jpg);
}
.plandacces:active
{
background: url(images/plandacces_active.jpg);
}
#presentation
{
width:285px;
height:400px;
float:left;
background-position:left;
margin:0;
}
#corps p
{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
font-size:14px
}
#corps h1
{
color: #33CC99;
font-family:Times, Helvetica, sans-serif;
text-align:center;
font-size: 1.5em;
margin-top: 0;

}
#corps
{
	background-image:url(images/fondtexteaccueil.jpg);
	height:400px;
	background-repeat:no-repeat;
	   margin : 0 408px 0 290px;
	   
	   overflow: hidden;
	 
}
.mailto
{
display: block;
background: url(images/enveloppe.jpg);
width:45px;
height:40px;
margin: auto;
margin-top: 0

}
.mailto:hover
{
background: url(images/enveloppe_hover.jpg);
}
#galerie
{
	background-image:url(images/photoaccueil.jpg);
	width:400px;
	height: 400px;
	margin-top:0;
	float:right;
	margin-left:5px;
}
#footer
{
background-image: url(images/menuvide.jpg);
height: 30px;
margin-top: 5px;
position:relative;
}
#footer p
{
text-align:left
}
#ref
{
text-align:left;
}