/* CSS Document */

body
{
   width: 800px;
   margin: auto;
   margin-top: 0;
   margin-bottom: 0;    
   background-color: #000;
   background-image: url("img/motif.png");
   font-family: "Trebuchet MS", Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;   
}

/* Le menu */

#menu
{
   width: 800px;
   height: 125px;
   color: #DF9C19;
   background-image: url("img/banner.png");
   background-repeat: no-repeat;
   background-color: transparent;
   font-weight:bold;
   font-size: 1.2em;
   padding-bottom: 10px;
}

/* Quelques effets sur les menus*/ 
.menu_table
{
  margin-left: 500px;
  margin-top: 25px;
}

.menu_td
{    
   width: 100px;
   height: 100px;
   color: #DF9C19;
   font-height: x-large;
   text-align: center;
   vertical-align: bottom;
   border: 0px;
}

.menu_td a
{
   color: #DF9C19;
   text-decoration: none;
}

.menu_td a:hover
{
   background-color: #DF9C19;
   color: #000;
   text-decoration: none;
}


/* Le corps de la page */

#corps
{
   width: 800px;
   margin: auto;
   padding: 5px;
   padding-top: 100px;
   color: #DF9C19;
   background-color: transparent;
   background-image: url("img/barre.png");
   background-repeat: no-repeat;
   font-size: 1.2em;
   text-align: justify;
   text-indent: 1em;
   /*border-top: 5px solid #DF9C19;
   border-bottom: 5px solid #DF9C19;*/
}

#corps a
{
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#corps a:hover
{
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  background-color: #DF9C19;
}

#corps img
{
  color: #000;
  text-decoration: none;
}

#corps img:hover
{
  color: #DF9C19;
  text-decoration: none;
}

.corps_img_right
{
  padding: 15px;
  padding-top: 30px;
  padding-bottom: 30px;
  float: right;
}

.corps_img_left
{
  padding: 5px;
  float: left;
}

#corps ul
{
	padding-left: 50px;
	font-size: 1em;
  line-height: 2em;
}

#corps li
{
  margin-left: 3em;
  list-style: square;
}

#corps h1
{
   text-align: center;
   font-size: 2em;
}

#corps h2
{
   height: 30px;
   background-image: url("img/titre.gif");
   background-repeat: no-repeat;
   margin-left:30px;
   padding-left: 50px;
   text-align: left;
}

#corps h3
{
   font-size:1.4em;
   height: 3em;
   margin: auto;
   text-align: center;
}

#tshirt
{
  width: 700px;
  height: 350px;
  margin: auto;
  background-color: #000;
}

#tshirt img
{
  float: left;
  padding: 20px;
  padding-top: 50px; 
}

#tshirt h2
{
   height: 20px;
   text-align: center;
}

#tshirt ul
{
	padding-left: 10px;
	font-size: 1.2em;
  line-height: 2em;
}

#tshirt li
{
	list-style: circle;
  padding-left: 10px;
	font-size: 1em;
}

/*Le pied de page*/

#pied_de_page
{
   background-image: url("img/footer.png");
   background-repeat: no-repeat;
   width: 800px;
   margin: auto;
   padding: 5px;
   padding-top: 70px;
   text-align: center;
   color: #DF9C19;
}