body {
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background:#999999 url(motif.jpg) repeat;
}

#conteneur {
width: 900px;
margin: 0 auto; 
}

#header {
height: 170px;
background:#ffffff url(bandeau.gif) no-repeat;
border:0px solid black;
}



#centre {

padding-top:0px;
}

.presentation {
background:#ffffff url(clef.jpg) no-repeat right top;
}

.pieces {
background:#ffffff url(clef2.jpg) no-repeat 50px 100px;
}


.specialites {
background:#ffffff url(clef.jpg) no-repeat right top;
}

.taco {
margin-left:20px;
}

.border {
border:1px solid #0062AD;
background:url(fond.png) repeat;
}

.lens {
color:#0062AD;
}

.acu b {
font-size:1.2em;
color:#eb690a;
}

#diapo {
border:0px solid black;
width:300px;
height:350px;
float:right;
margin:40px 20px 0px 0px;
}

#diapo2 {
border:0px solid black;
width:300px;
height:320px;
float:right;
margin:40px 20px 0px 0px;
}

#diapo3 {
border:0px solid black;
width:300px;
height:740px;
float:right;
margin:10px 20px 0px 0px;
}


#centre h2 {
margin:10px 0px 10px 20px;
font-size:1.1em;
color:#eb690a;
}

#centre h3 {
margin:0px 0px 0px 0px;
font-size:1.1em;
color:#eb690a;
}



#centre b {
color:#777777;
}

#pied {
height: 99px;
background:#ffffff url(pied.gif) no-repeat;
border:0px solid black;
}

#horaires {
margin-top:20px;
color:#bd0000;
font-weight:900;
margin-left:20px;
border:0px solid black;
width:350px;
}

#newsletter {
background: url(news.gif) no-repeat 32px 0px;
width:234px;
height:75px;
border:0px solid black;
padding-top:35px;
text-align:center;
font-size:0.8em;
margin-left:0px;

}

#formulaire {
margin-left:20px;
}


#adresse b {
color:#bd0000;
font-size:1.2em;
}


#adresse {

width:234px;
height:150px;
border:0px solid black;
padding-top:5px;
text-align:center;
font-weight:700;
margin-bottom:20px;
}






#centre h1 {
color:#0062ac;
font-size:1.3em;
margin: 0px 0px 0px 20px;

}

#centre p.acu {
margin: 0;
padding:10px 350px 10px 20px;
margin:0;
font-weight:500;
font-size:0.9em;
border:0px solid black;
text-align:justify;
}

#centre p {
padding:20px 60px 0px 60px;
margin:0;
font-weight:500;
font-size:0.9em;
border:0px solid black;
text-align:center;
}






#menu {
position: absolute;
top: 0px;
margin:0;
width:750px;
padding:10px 0px 3px 0px;
height:23px;
background:transparent url(paper.jpg) repeat-x;
border:0px solid #fff;
}

#menu dl {
display:block;
float: left;
width: 150px;
height:40px;
margin:0px 0px 0px 0px;

border:0px solid #fff;

}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: transparent;
border: 0px solid #ffffff;
padding: 0px 0px 0px 0px;
height: 100%;
}


#menu dt.accueil a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(accueil.gif) 0px 0px;
}

#menu dt.accueil a:hover {
background:url(accueil.gif) 0px -40px;
}

#menu dt.atelier a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(atelier.gif) 0px 0px;
}

#menu dt.atelier a:hover {
background:url(atelier.gif) 0px -40px;

}

#menu dt.specialites a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(specialites.gif) 0px 0px;
}

#menu dt.specialites a:hover {
background:url(specialites.gif) 0px -40px;
}

#menu dt.pieces a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(pieces.gif) 0px 0px;
}

#menu dt.pieces a:hover {
background:url(pieces.gif) 0px -40px;
}

#menu dt.contact a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:100%;
border:0px solid red;
background:url(contact.gif) 0px 0px;
}

#menu dt.contact a:hover {background:url(contact.gif) 0px -40px;
}

#cep {
color:#ffffff;
}

#cep a {
color:#ffffff;
}

#cep a:hover {
color:#ffff00;
}