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.  */
   background-color: black;
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url("../images/noire4.jpg"); /* Une petite image de fond  :p */
   background-attachment: fixed; /* Le fond restera fixe */
   color: white
   
   
}
p span {
color:red;
}
b span {
color:red;
}
/* L'en-tête */
a:focus
{
outline:0;
} 
#en_tete
{
   width: 760px;
   height:220px;
   background-image: url("../images/BANNIERE TTJ.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

/* Le menu */

#barre-menu
{
   background-color: #626262;
   background-image: url("../images/fond2.jpg");
   background-repeat: repeat-y;
}

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 215px; /* Très important : donner une taille au menu */
}

.element_menu
{
   font-size: 16px;
   background-color: #626262;
   background-image: url("../images/fond2.jpg");
   background-repeat: repeat-y;
   border="1"
   
   border: 2px solid black;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
/* Quelques effets sur les menus */
{
outline: none;
} 

.element_menu h3 /* Tous les titres de menus */
{    
   list-style-image: none;
   list-style-type: none;
   text-decoration: none;
   color: yellow;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/pu.png"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: ;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color:     ;
   color: #00ff00;
}
/* Le corps de la page */

#corps
{
   margin-left: 210px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #ffffff;
   background-color: ; /* Une couleur de fond pour le corps */
   background-image: url("../images/fon.jpg");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corps h1 /* Tous les titres h1 du corps */
{

   color: yellow;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
a img
{
border: none;
} 
#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;

   background-image: url("../images/fondHD.jp"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: yellow;
   text-align: left;
}
#corps h3{ color: yellow }

#corps h4{ color: yellow }

#corps h5
{ color: yellow}

#corps2
{
   margin-left: 150px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: yellow;
   background-color: black; /* Une couleur de fond pour le corps */
   background-image: url("../images/images0.jpg");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#corps2 h1 /* Tous les titres h1 du corps */
{

   color: yellow;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
a img
{
border: none;
} 
#corps2 h2 /* Tous les titres h2 du corps */
{

   height: 25px;
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   padding-left: 0px;
   color: yellow;
   text-align: left;
}
#demoContainer { width: 530px; height: 632px; margin: 0px auto 0pt; padding: px 0pt 0pt px; background: url('../images/fondHD2.') no-repeat scroll left ; }
.simpleCart_shelfItem {  list-style-type: none; float: left; margin: 57px 10px 0pt 0pt; width: 250px; height: 141px; line-height: 100%; position: relative; }
.item_image { float: left; margin-right: 15px; }
.item_name { text-transform: uppercase; font: bold 12px "Helvetica",Arial,sans-serif; color: yellow; margin-top: 0px; }
.item_Description { color: #ffffff; font-size: 14px; padding: 0px 0pt; }
.item_price { font: bold 12px "Helvetica",Arial,sans-serif; color: #00ff00; float: left; margin: 16px 3px 0pt 0pt; position: absolute; bottom: 3px; left: 110px; }
.item_thumb { display: none; }
.item_add { display: block; width: 85px; height: 25px; text-indent: -9999px; overflow: hidden; background: url('../css/demosprite.png') repeat scroll 0pt -21px transparent; position: absolute; bottom: 0px; right: 0px; }
.item_add:hover { background-position: -85px -21px; }
.item_add:active { background-position: -170px -21px; }
.simpleCart_items { clear: both; float: left; margin: 18px 0px 0px 11px; height: 170px; position: relative; }
.cartHeaders { display: none; }
.itemContainer { float: left; width: 110px; text-align: center; margin-right: 25px; position: relative; bottom: 0pt; }
.itemname { font: bold 10px "Helvetica",Arial,sans-serif; color: yellow; text-transform: uppercase; }
.itemthumb { float: none; margin: 0pt; padding-top: 5px; }
.itemQuantity { float: left; clear: both; margin-top: 5px; display: inline; margin-left: 30px; }
.itemQuantity input { border: medium none; width: 30px; height: 17px; background: url('css/demosprite.png') repeat scroll 0% 0% transparent; text-align: center; color: #00ff00; font: bold 11px Arial,sans-serif; padding: 3px 9px 0pt; margin: 0pt 5px 0pt 0pt; vertical-align: top; }
.itemQuantity input:focus { outline: medium none; }
.itemincrement a { display: block; background: url('../css/demosprite.png') repeat scroll -278px -29px transparent; width: 7px; height: 5px; text-indent: -9999px; overflow: hidden; margin: 10px 0pt 0pt; }
.itemdecrement a { display: block; background: url('../css/demosprite.png') repeat scroll -278px -35px transparent; width: 7px; height: 5px; text-indent: -9999px; overflow: hidden; margin: 3px 0pt 0pt; }
.itemTotal { color: #ffffff; font: bold 11px Arial,sans-serif; margin: 8px 0pt 0pt; padding: 0pt; clear: both; }
#cartTotal { color: #00ff00; clear: both; text-align: left; font: 15px Arial,sans-serif; text-shadow: none; margin-top: 23px; float: right; width: 80%; margin-left: 350px; padding: 47px 72px 0px 0px; }
.simpleCart_empty { clear: both; display: inline-block; color: #ff0000; font-size: 22px; text-decoration: none; padding-left: 250px; margin-right: 10px; position: relative; top: 15px; }
.simpleCart_checkout { display: inline-block; background: url('../css/btncheckout.png') repeat scroll 0% 0% transparent; width: 87px; height: 24px; text-indent: -9999px; overflow: hidden; position: relative; top: 25px; }
p { padding: 10px 0pt; }
strong { font-family: "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif; font-weight: normal; color: rgb(255, 255, 255); }


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

#pied_de_page
{
   height : 45px;
   clear: both;
   text-align: center;
   color: yellow;
   background-color: black;
   background-image: url("../images/images2.jpg");
   background-repeat: repeat-y;
   
   border: 2px solid black;