/* CSS Document */


/*------------------------------------*/

			   /*GENERALE*/

/*------------------------------------*/


html
{
height:90%;
}

body
{
font-family:Arial, Helvetica, sans-serif;
height:90%;
}

#index
{
height:90%;
width:1002px;
margin:auto;
}


/*---------IMAGES-----------*/


img
{
border:1px solid;
}

.barre
{
width:750px;
margin:auto;
border:none;
}

#logo
{
border:none;
}


/*---------TEXTES-----------*/


h2
{
font-size:18px;
text-align:center;
}

a
{
text-decoration:none;
color:#000000;
}

a:hover
{
color:red;
}

h3
{
text-align:center;
font-size:15px;
}

.centre
{
text-align:center;
}


/*------------------------------------*/

			   /*MENU*/

/*------------------------------------*/


#menu
{
width:200px;
min-height:250px;
height:90%;
float:left;
text-align:center;
overflow:auto;
margin:auto;
}

ul li
{
padding-top:10px;
}

.hidden
{
display:none;
}

#accueil
{
display:block;
width:61px;
height:20px;
margin:auto;
margin-bottom:15px;
background-image:url(images/accueil.gif);
}

#accueil:hover
{
display:block;
width:61px;
height:20px;
background-image:url(images/accueil-over.gif);
}

#sportsmecaniques
{
display:block;
width:143px;
height:25px;
margin:auto;
background-image:url(images/sportsmecaniques.gif);
}

#sportsmecaniques:hover
{
display:block;
width:143px;
height:25px;
background-image:url(images/sportsmecaniques-over.gif);
}

#sports
{
display:block;
width:50px;
height:25px;
margin:auto;
background-image:url(images/sports.gif);
}

#sports:hover
{
display:block;
width:50px;
height:25px;
background-image:url(images/sports-over.gif);
}

#portfolio
{
display:block;
width:64px;
height:21px;
margin:auto;
background-image:url(images/portfolio.gif);
}

#portfolio:hover
{
display:block;
width:64px;
height:21px;
background-image:url(images/portfolio-over.gif);
}

#commander
{
display:block;
width:101px;
height:20px;
margin:auto;
margin-top:15px;
background-image:url(images/commander.gif);
}

#commander:hover
{
display:block;
width:101px;
height:20px;
background-image:url(images/commander-over.gif);
}

#contact
{
display:block;
width:62px;
height:19px;
margin:auto;
background-image:url(images/contact.gif);
}

#contact:hover
{
display:block;
width:62px;
height:19px;
background-image:url(images/contact-over.gif);
}


ul
{
padding:0px;
margin:0px;
list-style-type:none;
margin-top:25%;
}

/*------------------------------------*/

			   /*CONTENU*/

/*------------------------------------*/


#contenu
{
min-height:250px;
width:800px;
float:left;
overflow:auto;
height:90%;
text-align:center;
}


/*---------PHOTOS-----------*/


table
{
border:none;
margin:auto;
}

table td
{
max-width:350px;
padding:15px;
}


/*------------------------------------*/

			   /*FOOTER*/

/*------------------------------------*/


#footer
{
width:1000px;
float:left;
margin:auto;
text-align:center;
padding-top:5px;
}