body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background-color:black;
margin:0;
padding:0;
}
a{
text-decoration:none;
color:#146a9c
}
a:hover{
text-decoration:underline;
}
#wrapper { 
margin: 0 auto;
padding:0;
width:1222px;/*************DEFINI LA LARGEUR GLOBALE ET CENTRE LE TOUT************/
}
#header {
width:1222px;/***************LARGEUR BANIERE FAUTO-GRAPHY*************/
padding: 0;
background: #000 url(images/logo.png) no-repeat;
height: 133px; 
margin: 0 auto;
}
/**************************************
menu navigation
*************************************/
#navigation {
 width:922px;
 padding: 0;
 height:79px;
 margin: 0px 0px 0px  0px;
}
ul#menu {
width:1222px;/****************LARGEUR BARRE GRISE DE SELECTION************/
height:78px;
background:url(images/bg.png) repeat-x;
list-style:none;
margin:0;
padding:0 ;
padding-left:0%;
}
ul#menu li {
float:left;


}
ul#menu li a.home {
width:206px;/****************LARGEUR BOUTON ACCUEIL GRIS************/
display:block;
height:105px;
position:relative;
margin:0 0 0 0px;
background:url(images/accueil.png) no-repeat scroll top left;

}
ul#menu li a.actus {
width:206px;/****************LARGEUR BOUTON EVENEMENTS GRIS************/
display:block;
height:105px;
position:relative;
margin:0 0 0 0px;
background:url(images/actus.png) no-repeat scroll top left;
}
ul#menu li a.test {
width:206px;/****************LARGEUR BOUTON STREET GRIS************/
display:block;
height:105px;
position:relative;
margin:0 0 0 0px;
background:url(images/salon.png) no-repeat scroll top left;
}
ul#menu li a.salon {
width:206px;/****************LARGEUR BOUTON ARCHIVE GRIS************/
display:block;
height:105px;
position:relative;
margin:0 0 0 0px;
background:url(images/test.png) no-repeat scroll top left;
}
ul#menu li a.divers {
width:398px;/****************LARGEUR BOUTON N°CHASSIS FERRARI GRIS************/
display:block;
height:105px;
position:relative;
margin:0 0 0 0px;
background:url(images/ferrari.png) no-repeat scroll top left;
}
ul#menu li a:hover.salon {
width:206px;/****************LARGEUR BOUTON ARCHIVE ROUGE************/
display:block;
height:105px;
position:relative;
margin:0;
background-color:

}
.home:hover  span {
background:url(images/hover_accueil.png) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:105px;
width:206px;/****************LARGEUR BOUTON ACCUEIL ROUGE************/
z-index:100;
}
.divers:hover  span {
background:url(images/hover_ferrari.png) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:105px;
width:398px;
z-index:100;
}
.test:hover  span {
background:url(images/hover_salon.png) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:105px;
width:206px;/****************LARGEUR BOUTON STREET ROUGE************/
z-index:100;
}
.actus:hover  span {
background:url(images/hover_actu.png) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:105px;
width:206px;/****************LARGEUR BOUTON EVENEMENTS ROUGE************/
z-index:100;
}
.salon:hover  span {
background:url(images/hover_test.png) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:105px;
width:206px;
z-index:100;
}
a { 
outline: none; 
}/**********************************
contenu et pied de page
**********************************/
#content { 
width: 1200px;
color: #333333;
border: 1px solid #ccc;
background:url("images/salondelyon1997.jpg");
background-repeat:repeat;
background-position: center center;
padding:10px;
height:1200px;
}
#footer { 
width: 1222px;/********?*************/
color: #333;
height:59px;
background:url(images/bg.png);
margin:0;
padding: 0;
}
#footer img{
border:none;
}
#footer ul{
padding:4px 0 0 150px;
margin:0;
list-style:none;
}
.pied{
float:right;
}
.pied p{
color:silver;
}
#footer li{
display:inline;
margin:0;
padding-left: 100px;
}
/**********************************
Slider images
********************************/
#s3slider {
   width: 700px; /* vos images doivent avoir une largeur et une hauteur identique */
   height: 465px; 
   position: relative;/********NE PAS MODIFIER****************/ 
   overflow: hidden; 
   margin:0 auto;
   float: center;/********************POUR AJUSTER LA POSITION**************/
   padding:0; background-color:white;
}

#s3sliderContent {
width: 700px; /* la largeur du conteneur de votre diaporama doit etre identique ŕ la largeur de votre image */
position: absolute; 
top: 0; 
float:left;
margin:0 auto;
padding:0;
}
.s3sliderImage {
float: left; 
position: relative; 
display: none; 
margin:0 auto;
padding:0;
}

.s3sliderImage span {
position: absolute; 
left: 0;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 700px;
background-color: #000;
filter: alpha(opacity=0); /* opacité dans la description de votre image */
-moz-opacity: 0.7; 
-khtml-opacity: 0.7; 
opacity: 0.7; 
color: #fff;
display: none;
top: 0;
}
.clear {
   clear: both;
} 
/*****************************************
Bloc TEXTE Entier
***************************************/
.bloc_texte{
width:890px;
height:460px;
margin:20px 0 0 0;
padding:5px;
}
/*********************************

texte ŕ droite du slider
*********************************/
.text{
float:center;/************POUR AJUSTER LA ZONE DE TEXTE HORIZONTALEMENT*********/
width:477px;/********177****/
height:145px;/****245***/
margin:0 auto;
padding:0;
}
.text p{
text-align:justify;
font-size:12px;
margin:0 auto;
padding:0;
}
/*********************************

Article ŕ droite
*********************************/
h2{
margin:0;
padding:0;
}
.text_D a:hover h2{
text-decoration:underline;
}
.text_D{
float:right;
width:430px;
height:170px;
margin:10px auto;
padding:0;text-align:justify;
}
.text_D p h2{
font-size:12px;
margin:0 auto;
padding:0;
}
.text_D p{
float::right;
}
.text_D img{
border:none;
float:left;
padding:5px;
}
.text_D a:hover h2{
text-decoration:underline;
}
/*********************************
Article ŕ gauche
*********************************/
.text_G a:hover h2{
text-decoration:underline;
}
.text_G{
float:left;
width:430px;
height:170px;
margin:10px auto;
padding:0;text-align:justify;
}
.text_G p h2{
font-size:12px;
margin:0 auto;
padding:0;
}
.text_G p{
float::right;
}
.text_G img{
border:none;
float:left;
padding:5px;
}
/*********************************
dernier Article centré
*********************************/
.text_central p{
float::right;
}
.text_central img{
border:none;
float:left;
padding:5px;
}
.text_central{
float:left;
width:890px;
height:170px;
margin:10px auto;
padding:0;text-align:justify;
}
.text_central a:hover h2{
text-decoration:underline;
}