/*
Design Sport-performance
*/

body
{
margin-left: 0;
margin-top: 0;
     width: 900px;
     text-align: left;
background: url(images/fond.jpg) repeat-y;
}
/*En tete, contient ton anim flash*/
#top{
   width:900px;
   height:130px;
   }

/* Le menu */

#menu {
float: left;
width: 160px;
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	}
/* Suppression du margin, du padding et des puces du <ul> */
#menu li a {
	display: block ;
	background: #900 url(images/fondmenu1.jpg) left top no-repeat ;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	font-weight: bold ;
text-decoration: none ;
	padding: 0px 30px ;
	text-align: left ;
line-height: 40px;
	}	
#menu li a:hover, #menu li a:focus, #menu li a:active {
	background: #033 url(images/fondmenu1.jpg) right top no-repeat ;
text-decoration: underline ;
	
	}


/* Le corps de la page */

#corps
{
margin-left : 170px;
padding: 10;
   width: 720px;
   /*height:600px;*/
   background-color: white;
   color: black;
font-family: Calibri;
font-size: 14px;
text-align: justify; /* La citation sera justifiée */
}


   /*background-image: url(../images/motif.png);
   background-repeat: repeat-x;*//*vu que por l'instant tu n'as pas d'images*/  
}

#corps h1
{
   color: #ff5f00;
height: 10px; 
  padding-left: 0px;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 10px; 
   padding-left: 0px;
   color: #0066CC;
   text-align: left;
}
#corps h3
{
   height: 10px; 
   padding-left: 0px;
   color: #022c6d;
   text-align: left;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
 {
   padding: 10px;
width: 880px;
   text-align: center;

   color: white;
   background-color: #024d8e;
   background-image: url("images/footer.jpg");
   background-repeat: repeat-x;
   border: 1px solid black;
}

#menu2 {
width: 300px;
    position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
	list-style: none ;

	padding: 10px 0px ;
	}
/* Suppression du margin, du padding et des puces du <ul> */
#menu2 li a {
	display: block ;
	background: white url(images/fondmenuliens.jpg) left top no-repeat ;
	color: white ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	font-weight: bold ;
text-decoration: none ;
	padding: 0px 0px ;
	text-align: center ;
line-height: 40px;
	}	
#menu2 li a:hover, #menu2 li a:focus, #menu2 li a:active {
	background: white url(images/fondmenuliens.jpg) right top no-repeat ;
text-decoration: underline ;
	
	}
a:link {
	color: #0066CC;
	text-decoration: none;
font-weight: bold ;
}
a:visited {
	color: #0066CC;
	text-decoration: none;
font-weight: bold ;
}
a:hover {
	color: #fd660d;
	text-decoration: underline;
font-weight: bold ;
}
a:active {
	color: white;
	background-color: #fd660d;
	text-decoration: none;
font-weight: bold ;
}

.table1 {
border: medium solid #6495ed;
border-collapse: collapse;
width: 50%;
}
.th1 {
font-family: monospace;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
background-color: #D0E3FA;
background-image: url(sky.jpg);
}
.td1 {
font-family: sans-serif;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
text-align: center;
background-color: #ffffff;
}
.caption1 {
font-family: sans-serif;
}