body { margin: 0; padding: 0; background-color: #c0c0c0; }

/* DIVERS */

IMG { border: 0; }
FORM { padding: 0; }
.centrer { text-align: center; }
.spacer { clear: both; }

#diaporama { position: relative; width: 520px; border: 0px; margin: 0px; padding: 0px; text-align: center; background-color: inherit; color: #000; }
#affichage { border: 0; margin: 0; padding: 0; text-align: center; background-color: inherit; }

.photoDVDhome { float: left; width: 50%; text-align: left; font: small "Georgia", Verdana, Arial, "Times New Roman", serif; }
.photoDVDhome IMG { padding: 0 0 5px 5px; }
.photoDVDhomeTexte { padding: 0 0 0 5px; }
.texteDVDhome { float: right; width: 50%; text-align: left; font: small "Georgia", Verdana, Arial, "Times New Roman", serif; }
.texteDVDhome IMG { padding: 0 5px 5px 0; }
.texteDVDhomeTexte { padding: 0 0 0 5px; }

.alerte { color: #f03; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; }

h2 { font: 14px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; color: #000; padding: 0; }
.barre { text-decoration: line-through; }

.backwards { unicode-bidi: bidi-override; direction: rtl; color: #c00; }
b#email { color: #000; text-decoration: none; border: 0; font-size: 1em; font-weight: bold; }

.mentions { text-align: center; width: 100%; height: 10px; border: 0; padding: 0 0 10px 0; margin: 0; font: 9px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; color: #000; background: #c0c0c0; }

/* STRUCTURE */

#conteneur { margin: 0 auto; padding: 0; border: 0; width: 964px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000; background-color: #fff; }

#container { width: 964px; padding: 0; margin: 0; border: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000; background-color: #fff; }

div[id] #container { width: 964px; padding: 0; margin: 0; border: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; color: #000; background-color: #c0c0c0; }

#top { text-align: center; width: 964px; height: 291px; border: 0; padding: 0; margin: 0; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; color: #000; background: #c0c0c0; }

div[id] #top { text-align: center; width: 964px; height: 291px; border: 0; padding: 0; margin: 0; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; color: #000; background: #c0c0c0; }

#menu { position: relative; width: 962px; top: 0; padding: 0; border: 0; background: #fc3; font: 9pt "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; text-align: center; color: #000; }

div[id] #menu { position: relative; width: 962px; height: 30px; top: -17px; padding: 0; border: 0; background: #fc3; font: 9pt "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; text-align: center; color: #000; }

#menutop { position: relative; top: 0; left: 0; border: 0; background-color: #fff; width: 915px; height: 25px; padding: 0; }
div[id] #menutop { position: relative; top: 0; left: 0; border: 0; background-color: #c0c0c0; width: 912px; height: 25px; padding: 0; }

#centre { width: 960px; margin: 0; padding: 0; border: 2px solid #c0c0c0; border-top: 0; border-bottom: 0; background: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; text-align: justify; color: #000; }

div[id] #centre { width: 958px; margin: 0; padding: 0; border: 1px solid #c0c0c0; border-top: 0; border-bottom: 0; background: #ff8; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; text-align: justify; color: #000; }

#gauche { width: 60%; margin: 0; padding: 0; border: 0; background: transparent; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; text-align: justify; color: #000; float: left; }

div[id] #gauche { width: 60%; margin-top: -15px; padding: 0; border: 0; background: transparent; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; text-align: justify; color: #000; float: left; }

#droite { width: 40%; margin: 0; padding: 0; border: 0; background: transparent; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; text-align: justify; color: #000; float: right; }

div[id] #droite { width: 40%; margin-top: -15px; padding: 0; border: 0; background: transparent; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; text-align: justify; color: #000; float: right; }

#footer { clear: both; border: 0; background-color: #c0c0c0; width: 964px; padding: 0; margin: 0; text-align: center; font: small "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; color: #fff; }

div[id] #footer { clear: both; border: 0; background-color: #c0c0c0; width: 964px; padding: 0; margin: 0; text-align: center; font: small "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; color: #fff; }

/* BOXES */

.boxcontenu { background: transparent; width: 98%; margin: 10px auto; }
.boxcontenu h1, .boxcontenu p { margin: 0 10px; }
.boxcontenu h1 { font-size: 1.2em; color: #c00000; letter-spacing: 1px; }
.boxcontenu p { padding-bottom: 0.5em; }

.boxcontenu .top, .boxcontenu .bottom { display: block; background: transparent; font-size: 1px; }
.boxcontenu .b1, .boxcontenu .b2, .boxcontenu .b3, .boxcontenu .b4 { display: block; overflow: hidden; }
.boxcontenu .b1, .boxcontenu .b2, .boxcontenu .b3 { height: 1px; }
.boxcontenu .b2, .boxcontenu .b3 { background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; }
.boxcontenu .b4 { background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; }

.boxcontenu .b1 { margin: 0; background: #000; }
.boxcontenu .b2 { margin: 0 1px; border-width: 0 2px; }
.boxcontenu .b3 { margin: 0 3px; }
.boxcontenu .b4 { height: 2px; margin: 0 4px; }

.boxcontenu .boxcontent { display: block; background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; margin: 0 5px; padding: 0 10px; }

div[class] .boxcontent { display: block; background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; margin: 0 5px; padding: 0 10px; }

/* BOX TEXTE GAUCHE */

.boxtextegauche { background: transparent; width: 98%; margin: 10px 0 0 10px; }
.boxtextegauche h3 { margin: 0; padding: 0; text-align: center; font: bold 12px "Georgia", Verdana, Arial, "Times New Roman", serif; color: #c00000; }
.boxtextegauche p { margin: 0; padding: 10px; text-align: justify; }

.boxtextegauche .textetop, .boxtextegauche .textebottom { display: block; background: transparent; font-size: 1px; }
.boxtextegauche .texteb1, .boxtextegauche .texteb2, .boxtextegauche .texteb3, .boxtextegauche .texteb4, .boxtextegauche .texteb5 { display: block; overflow: hidden; height: 1px; background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; }
.boxtextegauche .texteb1 { margin: 0 5px; background: #000; }
.boxtextegauche .texteb2 { margin: 0 4px; }
.boxtextegauche .texteb3 { margin: 0 3px; }
.boxtextegauche .texteb4 { margin: 0 2px; }
.boxtextegauche .texteb5 { margin: 0 1px; }

.boxtextegauche .boxtextegauchecontent { display: block; background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; text-align: center; }

/* BOX TEXTE DROITE */

.boxtextedroite { background: transparent; width: 95%; margin: 10px 0 0 10px; }
.boxtextedroite h3 { margin: 0; padding: 0; text-align: center; font: bold 12px "Georgia", Verdana, Arial, "Times New Roman", serif; color: #c00000; }
.boxtextedroite p { margin: 0; padding: 10px; text-align: justify; }

.boxtextedroite .textetop, .boxtextedroite .textebottom { display: block; background: transparent; font-size: 1px; }
.boxtextedroite .texteb1, .boxtextedroite .texteb2, .boxtextedroite .texteb3, .boxtextedroite .texteb4, .boxtextedroite .texteb5 { display: block; overflow: hidden; height: 1px; background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; }
.boxtextedroite .texteb1 { margin: 0 5px; background: #000; }
.boxtextedroite .texteb2 { margin: 0 4px; }
.boxtextedroite .texteb3 { margin: 0 3px; }
.boxtextedroite .texteb4 { margin: 0 2px; }
.boxtextedroite .texteb5 { margin: 0 1px; }

.boxtextedroite .boxtextedroitecontent { display: block; background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; text-align: center; }

/* BOX HOME PRODUITS */

.xsnazzy h1, .zsnazzy h1 { margin: 0; font: bold 12px "Georgia", Arial, Times; padding: 0 10px 5px 10px; border-bottom: 1px solid #800080; }

.xsnazzy { background: transparent; width: 238px; float: left; margin: 15px 5px 0 5px; }

.xtop { display: block; background: transparent; font-size: 1px; }
.xbottom { display: block; background: #fff; font-size: 1px; }

.xb1, .xb2, .xb3, .xb4 { display: block; overflow: hidden; }
.xb1, .xb2, .xb3 { height: 1px; }
.xb2, .xb3, .xb4 { background: #fff; border-left: 1px solid #800080; border-right: 1px solid #800080; }
.xb1 { margin: 0 5px; background: #800080; }
.xb2 { margin: 0 3px; border-width: 0 2px; }
.xb3 { margin: 0 2px; }
.xb4 { height: 2px; margin: 0 1px; }

.xboxcontent { display: block; background: #fff; border: 0 solid #800080; border-width: 0 1px; height: auto; text-align: center; }

div[class] .xboxcontent { display: block; background: #fff; border: 0 solid #800080; border-width: 0 1px; height: auto; overflow: auto; text-align: center; }

* html .xboxcontent { height: 1px; text-align: center; }

.color_a { background: #faf; color: #800080; } /* TOP CADRE PRODUIT */
.color_b { background: #fff; color: #fff; } /* BOTTOM CADRE PRODUIT */

/* BOX HOME PROMOS */

.xpromosnazzy h1 { margin: 0; font: bold 12px "Georgia", Arial, Times; padding: 0 10px 5px 10px; border-bottom: 1px solid #c00000; }

.xpromosnazzy { background: transparent; width: 240px; float: left; margin: 10px 3px 0 0; }

.xpromotop { display: block; background: transparent; font-size: 1px; }
.xpromobottom { display: block; background: transparent; font-size: 1px; }

.xpromob1, .xpromob2, .xpromob3, .xpromob4 { display: block; overflow: hidden; }
.xpromob1, .xpromob2, .xpromob3 { height: 1px; }
.xpromob2, .xpromob3, .xpromob4 { background: #fff; border-left: 1px solid #c00000; border-right: 1px solid #c00000; }
.xpromob1 { margin: 0 5px; background: #c00000; }
.xpromob2 { margin: 0 3px; border-width: 0 2px; }
.xpromob3 { margin: 0 2px; }
.xpromob4 { height: 2px; margin: 0 1px; }

.xpromoboxcontent { display: block; background: #fff; border: 0 solid #c00000; border-width: 0 1px; height: auto; text-align: center; }

div[class] .xpromoboxcontent { display: block; background: #fff; border: 0 solid #c00000; border-width: 0 1px; height: auto; overflow: auto; text-align: center; }

* html .xpromoboxcontent { height: 1px; text-align: center; }

.color_promoa { background: #c00000; color: #fff; } /* TOP CADRE PROMO */
.color_promob { background: #fff; color: #fff; } /* BOTTOM CADRE PROMO */

/* LIENS */

A.lien:link { color: #00c; text-decoration: underline; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; }
A.lien:active { color: #00c; text-decoration: underline; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; }
A.lien:visited { color: #00c; text-decoration: underline; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; }
A.lien:hover { color: #f03; text-decoration: none; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; }

A.lienpage:link { padding: 2px 5px; border: 1px solid #000; color: #fff; text-decoration: none; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; background: #17b; }
A.lienpage:active { padding: 2px 5px; border: 1px solid #000; color: #fff; text-decoration: none; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; background: #17b; }
A.lienpage:visited { padding: 2px 5px; border: 1px solid #000; color: #fff; text-decoration: none; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; background: #17b; }
A.lienpage:hover { padding: 2px 5px; border: 1px solid #000; background: #fff; color: #000; text-decoration: none; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; }

.currentpage { padding: 2px 5px; border: 1px solid #000; background: #f03; color: #fff; text-decoration: none; font: 12px "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold; }

/* FORMULAIRES */ 

.button { border: 1px solid #000; font: 12px "Georgia", Arial, "Times New Roman", serif; font-style: normal; font-weight: normal; color: #fff; background-color: #c00000; } 
.select { font: 12px "Georgia", Arial, "Times New Roman", serif; font-style: normal; font-weight: normal; color: #fff; background-color: #5ac; } 
.input { font: 12px "Georgia", Arial, "Times New Roman", serif; font-style: normal; font-weight: normal; color: #fff; background-color: #5ac; }