*{
margin:0px auto;

}
body{
margin:0px auto;
background-color:black;
margin-top:20px;

}

img{
border-style:none;

}


img.espace{
margin-left:15px;

}

img.titleHeader{
margin:0px auto;
padding:0px;
}

ul{
list-style-type:none;
}

#navTop{
width:100%;
background:url(../images/bg-navtop.png);
background-repeat:repeat-x;
height:36px;
/*border-radius:11px; /* CSS 3 Property Not yet implanmented but Works */
-moz-border-radius:11px; /* For Firefox Round Border*/

}

.BtnHeader{
height:36px;
width:256px;
border-style:none;
float:left;
background:url(../images/btn/salon-Btn.png);
background-repeat:no-repeat;
margin-left:120px;
}

#idActive{
width:140px;
height:36px;
margin-top:-15px;
margin-left:-10px;
}
#idActive.actif{
margin-top:0px;
margin-left:312px;
}

#navTop a{
border:0px;
margin:0px;
display:block;
margin-left:50px;
background-repeat:no-repeat;
}
#idActive.fixVisite{
width:140px;
height:36px;
margin-left:-10px;
margin-top:0px;
margin-left:312px;
}

#Wraper{
Width:952px;
height:600px;
background:url(../images/nuance_bg.jpg);
clear:both;
margin:0px auto;

}

#Wraper.index{
Width:952px;
height:600px;
background:url(../images/nuance_bg-3.jpg);
clear:both;

}

#Header{
height:200px;
width:642px;
}

#Content{
width:642px;
height:319px;
margin-top:-120px;
background:url(../images/carre.png);
color:white;
font-weight:bold;
}
#Content.page_contact{
width:779px;
height:405px;
background:url();
margin-top:-100px;
}

#Content.services{/* ¨Pour la page services Seulement */ 
text-align:center;
}

#Content.index{ 
background:url();
}

#Content.visitePhoto{ /* ¨Pour la page visite en Photo */ 
height:319px;
}

.style1 {font-family: Arial, Helvetica, sans-serif;text-align:center;}
.style2 {font-family: Arial, Helvetica, sans-serif;text-align:center; font-size: 10pt;}


a.photo{
height:150px;
Width:150px;
float:left;
margin-left:15px;
}

a.photo2{
float:left;
height:150px;
Width:150px;
margin-left:15px;
}

a.photo3{
height:150px;
Width:150px;
float:left;
margin-left:15px;
}

a.photo4{
height:150px;
Width:150px;
float:left;
margin-left:15px;
}

a.photo5{
height:150px;
Width:150px;
float:left;
margin-left:15px;
}
a.photo6{
height:150px;
Width:150px;
float:left;
margin-left:15px;
}

#navBottom{
clear:both;
float:left;
width:100%;
background:url(../images/bg-navtop.png);
height:36px;
/*border-radius:11px; /* CSS 3 Property Not yet implanmented but Works */
-moz-border-radius:11px; /* For Firefox Round Border*/
}
#Links{
margin:200px;
float:left;
}
a.entrer{
width:472px;
height:36px;
display:block;
margin-left:650px;
background:url(../images/btn/index-btn.png);
background-repeat:no-repeat;
}

a:hover.entrer{
width:472px;
height:36px;
margin-left:650px;
background:url(../images/btn/index-btn-over.png);
background-repeat:no-repeat;
}

a.liens1{
height:36px;
width:120px;
float:left;
margin-left:300px;
background:url(../images/btn/le_salon.gif);
}

a:hover.liens1{
background:url(../images/btn/le_salon-over.gif);
}


a.liens2{

height:36px;
width:126px;
float:left;
background:url(../images/btn/services.gif);
}

a:hover.liens2{
background:url(../images/btn/services-over.gif);
}


a.liens3{
height:36px;
width:120px;
float:left;
background:url(../images/btn/visite_en_photo.gif);
}

a:hover.liens3{
background:url(../images/btn/visite_en_photo-over.gif);
}

a.liens4{
height:36px;
width:153px;
float:left;
background:url(../images/btn/fournisseurs.gif);
}

a:hover.liens4{
background:url(../images/btn/fournisseurs-over.gif);
}

a.liens5{
height:36px;
width:117px;
float:left;
background:url(../images/btn/contact.gif);
}

a:hover.liens5{
background:url(../images/btn/contact-over.gif);
}

br.clear{
}