body
{width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenętre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #626262;
   text-align: center;
   
}

#main
{
width: 760px;
margin:0 auto;
text-align:left;
margin-left: auto;
margin-right: auto;
}


#entete
{  width: 760px;
   margin: auto; 
   height: 100px;
   background-image: url("ktm.jpg");
   border: black solid 3px;
   margin-bottom: 10px;
    background-repeat: no-repeat;
	background-color: #13100d;
	font-weight: bold;
	text-align: center;
}
.textentete
{margin-left: 400px;
color: white;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-weight: bold;
  margin-top: 30px;
  font-size: 30px;
}


#menu
{width: 760px;


   border: 3px outset black;
   margin-bottom: 10px;
   background-color: rgb(50,50,50);
   font-weight: bold;
 
}
#menu a:hover
{background-color: #B3B3B3;
   color: black;
   
}

#menu a
{color: black;
text-decoration: none;
}

.tt
{ 
color: rgb(169,169,169);
font-weight: bold;
}

#menu a:hover
{
background-color: #B3B3B3;
color: black;  
}

#menu a
{
color: black;
text-decoration: none;
}

#menu h1
{ 
color: #B3B3B3;
}

#corps1
{width: 130px;
background-image: music.jpg;
float: right;
height: 150px;
 border: black solid 2px;

font-weight: bold;

}



.lyrics a
{

color: white;
text-decoration: none;
 font-weight: bold;

}


.lyrics a:hover
{
   color: gray;
   }



.herband a
{text-align: center;
color: white;
text-decoration: none;
 font-weight: bold;

}


.herband a:hover
{
   color: gray;
   }

.video
{
width: 10px;
height: 10px;
border: black solid 1px;
margin: 20px;
padding: 10px;
background-color: black;
}

#corps2
{
width: 600px;
padding: 10px;
padding-bottom: 20px;

   margin-bottom: 20px;
   color: black;

   background-color: rgb(175,175,175);

   border: black solid 1px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold;

   font-size: 0.8em;
}

.imageflottante
{
float:left;
}


.elementmenu2
{border: #4C443D solid 1px;
padding: px;
margin: 10px;
color: black;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
   font-weight: bold;
   background-image: url(co.gif);
   width: 130px;
height: 130px;




}
.elementmenu3
{border: #4C443D solid 1px;
padding: px;
margin: 10px;
color: black;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-weight: bold;
   background-image: url(pbp.gif);
   width: 130px;
height: 130px;

  
}

.elementmenu4
{border: #4C443D solid 1px;
padding: px;
margin: 10px;
color: black;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-weight: bold;
   background-image: url(sw.gif);
   width: 130px;
height: 110px;
}

.elementmenu5
{border: #4C443D solid 1px;
padding: px;
margin: 10px;
color: black;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-weight: bold;
   background-image: url(sb.gif);
   width: 130px;
height: 130px;
}

.elementmenu6
{border: #4C443D solid 1px;
padding: px;
margin: 10px;
color: black;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-weight: bold;
   background-image: url(cu.gif);
   width: 130px;
height: 130px;}

.elementmenu7
{border: #4C443D solid 1px;
padding: px;
margin: 10px;
color: black;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-weight: bold;
   background-image: url(9.gif);
   width: 130px;
height: 130px;}


.elementmenu8
{border: #4C443D solid 1px;
padding: px;
margin: 10px;
color: black;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-weight: bold;
   background-image: url(sail.gif);
   width: 130px;
height: 130px;}


.elementmenu9
{border: #4C443D solid 1px;
padding: px;
margin: 10px;
color: black;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-weight: bold;
   background-image: url(call1.gif);
   width: 130px;
height: 130px;}

.elementmenu10
{border: #4C443D solid 1px;
padding: px;
margin: 10px;
color: black;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-weight: bold;
   background-image: url(call2.gif);
   width: 130px;
height: 130px;}


.elementmenu11
{border: #4C443D solid 1px;
padding: px;
margin: 10px;
color: black;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-weight: bold;
   background-image: url(clo.gif);
   width: 130px;
height: 130px;}

.elementmenu2 a:hover
{
width: 85px;
height: 85px;
}

.elementmenu3 a:hover
{
width: 85px;
height: 85px;
}


#piedpage
{ padding: 5px;
 width: 760px;
   text-align: center;
   color: #B3B3B3;
   background-color: #626262;
   background-image: url("images/motif.png");
background-color: rgb(50,50,50);   
   border: 2px solid black;
}

#piedpage a
{color: gray;
text-decoration: none;
}
#piedpage a:hover
{font-weight: bold;
color: gray;
}