html, body {
 
font-family: Arial, Helvetica, Geneva, sans-serif; 
font-size : 10px; }


.conteneur {

width: 568px;
height: 80%;
margin-right: auto;
margin-left: auto ;
margin-top: auto ;
margin-bottom: auto ;
border: 1px solid #000000;
background-color: #333333;  }


td  {

width: 100%;
text-align: left;  }

audio { display: none; }

h1 { 

width: 100%;
font-size: 36px; 
font-family : verdana, Helvetica, Geneva, sans-serif;
color: #000; 
font-weight: bold; 
text-align: center;
padding-left:0px; 
letter-spacing :3px; } 

a   { 
font-family: Arial, Helvetica, Geneva, sans-serif; 
font-weight: bold; 
font-size: 15px; 
color: #000; 
text-decoration: none;
letter-spacing : 4px;
text-align: left;  } 

a:hover  {
 
color:#FF6600; 
text-decoration:none; 
font-family: Arial, Helvetica, Geneva, sans-serif; 
font-weight:bold; 
font-size:15px; 
letter-spacing :4px; } 

 

/*logo en haut de page*/

.chris  {

position: relative;
left: 0px;
top: 10px;  }

.texte  {

color: black; 
font-family: verdana, Helvetica, Geneva, sans-serif; 
font-size: 14px; 
text-align: left;
position: relative;
left: 200px;
top: -204px;
width: 310px;
height: 160px ;
line-height: 2; }

.copyright  {

color: white; 
font-family: arial, Helvetica, Geneva, sans-serif; 
font-size: 10px; 
text-align: right;
line-height: 2; }


/*lettre en pied de page*/

.lettre {

position: relative;
left: 540px;
top: -5px;
z-index: 2;  }

.pied-page  {

position: relative;
left: 0x;
top: 28px;
z-index: 1; }