html, body {
background: white url('../images/fond.jpg') no-repeat 50% 5px;
margin-left:0px; 
margin-right:0px; 
margin-top:5px;
margin-bottom:0px;
SCROLLBAR-FACE-COLOR: #00ABCC; 
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-ARROW-COLOR: #FFFFFF; 
SCROLLBAR-TRACK-COLOR: #FFFFFF; 
SCROLLBAR-DARKSHADOW-COLOR: FFFFFF;
 }
a:link {font-size:9pt; font-family:Arial; color: #00ABCC; text-decoration:underline;}
a:visited {font-size:9pt; font-family:Arial; color: #00ABCC; text-decoration:underline;}
a:hover {font-size:9pt;font-family:Arial; color:#00ABCC; text-decoration:none;}

a.caddy:link {font-size:9pt; font-family:Arial; color: #d75600; text-decoration:underline;}
a.caddy:visited {font-size:9pt; font-family:Arial; color: #d75600; text-decoration:underline;}
a.caddy:hover {font-size:9pt;font-family:Arial; color:#d75600; text-decoration:none;}

p {
font-family:Arial;
font-size:9pt;
color:#000000;
}

p.footer {
font-family:Arial;
font-size:9pt;
color:#00ABCC;
}

p.total {
font-family:Arial;
font-size:10pt;
color:#000000;
}

p.soustotal {
font-family:Arial;
font-size:9pt;
color:#00ABCC;
}

h1 {
font-family:Arial;
font-size:10pt;
color:#000000;
font-weight: bold;
font-style: italic; 
}

h1.identification {
font-family:Arial;
font-size:10pt;
color:#00ABCC;
font-weight: bold;
}

table.produits {
border-left:1px solid #00ABCC; 
border-right:1px solid #00ABCC; 
border-bottom:1px solid #00ABCC; 
}

table.total {
border-top:1px solid #00ABCC; 
border-left:1px solid #00ABCC; 
border-right:1px solid #00ABCC; 
border-bottom:1px solid #00ABCC; 
}

#identification
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 350px;
height: 220px;
margin-top: -110px; /* moitié de la hauteur */
margin-left: -175px; /* moitié de la largeur */
border: 1px solid #00ABCC;
}

#identificationi
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 350px;
height: 220px;
margin-top: -110px; /* moitié de la hauteur */
margin-left: -175px; /* moitié de la largeur */
border:none;
z-index:0
}

#identificationoublie
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 350px;
height: 220px;
margin-top: -110px; /* moitié de la hauteur */
margin-left: -175px; /* moitié de la largeur */
border: 1px solid #00ABCC;
}

#identificationoubliei
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 350px;
height: 220px;
margin-top: -110px; /* moitié de la hauteur */
margin-left: -175px; /* moitié de la largeur */
border:none;
z-index:0
}

#conditions
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 620px;
height: 450px;
margin-top: -225px; /* moitié de la hauteur */
margin-left: -310px; /* moitié de la largeur */
border: 1px solid #00ABCC;
overflow:auto; 
}

#conditionsi
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 620px;
height: 450px;
margin-top: -225px; /* moitié de la hauteur */
margin-left: -310px; /* moitié de la largeur */
border:none;
z-index:0
}

#garanties
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 620px;
height: 450px;
margin-top: -225px; /* moitié de la hauteur */
margin-left: -310px; /* moitié de la largeur */
border: 1px solid #00ABCC;
overflow:auto; 
}

#garantiesi
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 620px;
height: 450px;
margin-top: -225px; /* moitié de la hauteur */
margin-left: -310px; /* moitié de la largeur */
border:none;
z-index:0
}

#promotion
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 622px;
height: 410px;
margin-left: -311px; /* moitié de la largeur */
margin-top: -205px; /* moitié de la hauteur */
border: 1px solid #00ABCC;
overflow:auto; 
}

#promotioni
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 622px;
height: 410px;
margin-left: -311px; /* moitié de la largeur */
margin-top: -205px; /* moitié de la hauteur */
border:none;
z-index:0
}

#promotionmodif
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 602px;
height: 410px;
margin-top: -205px; /* moitié de la hauteur */
margin-left: -301px; /* moitié de la largeur */
border: 1px solid #00ABCC;
overflow:auto; 
}

#promotionmodifi
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 602px;
height: 410px;
margin-top: -205px; /* moitié de la hauteur */
margin-left: -301px; /* moitié de la largeur */
border:none;
z-index:0
}

#coordonnees
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 620px;
height: 480px;
margin-top: -240px; /* moitié de la hauteur */
margin-left: -310px; /* moitié de la largeur */
border: 1px solid #00ABCC;
}

#coordonneesi
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 620px;
height: 480px;
margin-top: -240px; /* moitié de la hauteur */
margin-left: -310px; /* moitié de la largeur */
border:none;
z-index:0
}

#commandes
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 630px;
height: 480px;
margin-top: -240px; /* moitié de la hauteur */
margin-left: -315px; /* moitié de la largeur */
border: 1px solid #00ABCC;
}

#commandesi
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 630px;
height: 480px;
margin-top: -240px; /* moitié de la hauteur */
margin-left: -315px; /* moitié de la largeur */
border:none;
z-index:0
}

a.validation { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 160px; /* largeur de l'image réactive */
     height: 58px; /* hauteur de l'image réactive */
     background-image: url('../images/validation-panier-go.gif'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.validation:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/validation-panier-on.gif'); /* source de l'image d'arrivée */
     } 
	 
a.informations { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 190px; /* largeur de l'image réactive */
     height: 58px; /* hauteur de l'image réactive */
     background-image: url('../images/mes-informations-go.gif'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.informations:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/mes-informations-on.gif'); /* source de l'image d'arrivée */
     } 

a.fermeture { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 17px; /* largeur de l'image réactive */
     height: 17px; /* hauteur de l'image réactive */
     background-image: url('../images/fermeture.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.fermeture:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/fermeture-hover.jpg'); /* source de l'image d'arrivée */
     }  
	 
a.paiement { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 190px; /* largeur de l'image réactive */
     height: 35px; /* hauteur de l'image réactive */
     background-image: url('../images/paiement.gif'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.paiement:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/paiement-hover.gif'); /* source de l'image d'arrivée */
     }