body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-align: justify;
       margin: 0; color: #666; background-image: url(/images/fond-ecran.jpg); background-repeat: repeat-x;
	   background-color: #ebf5fc; }
img { border: 0; }
a, a:visited { color: #0000e0; }

div#site { position: relative; margin-left: auto; margin-right: auto; width: 964px;
           background-image: url(/images/fond-site.png); }
div#contenuSuperieur { position: relative; left: 2px; width: 955px; height: 230px; }
div#contenuInferieur { position: relative; left: 2px; background-image: url(/images/separateur.png); background-repeat: repeat-y; background-position: 220px 0px; margin-right: 5px; }
div#contenuInferieurSansBarre { position: relative; left: 2px; margin-right: 5px; }
div#colonneGauche { float: left; width: 236px; }
div#colonneDroite { margin-left: 236px; margin-right: 10px; min-height: 700px; }
div#logo { position: absolute; left: 20px; top: 55px; }
div#banniere { position: absolute; left: 260px; top: 0px; width: 670px; height: 160px; padding: 15px; background-image: url(/images/cadre-animation.png); }
div#langues { position: absolute; left: 42px; top: 190px; width: 130px; }
div#langues table { width: 100%; }
div#langues td { text-align: center; vertical-align: center; width: 33%; }
div#logosPaiement { position: relative; left: 30px; width: 160px; height: 45px; background-image: url(/images/logopaiement.gif); }
div#xiti { position: absolute; left: 10px; top: 20px; }

div#recommanderAmi { width: 670px; height: 25px; padding-top: 3px; color: black;
	background-image: url(/images/recommander.png); text-align: center; margin-right: 15px;
	position: absolute; left: 275px; top: 195px; }

div#ideecadeau { position: absolute; width: 190px; height: 60px; top: 10px; }

div#pied { position: relative; text-align: center; height: 30px; padding-top: 24px; background-image: url(/images/bas-site.png); background-repeat: no-repeat; background-color: #ebf5fc; }

input#eaEmail { width: 200px; }
span#eaConfirm { color: #800; }

img.realisationPetite { }
img.realisationGrande { display: none; position: absolute; margin-left: 0px; margin-top: -68px; margin-left: -40px; border: 1px solid black; }

h1 { margin: 0; }
h2 { margin-top: 10px; font-family: Verdana; font-size: 14pt; }
h3 { margin-top: 30px; font-size: 11pt; }
h3.login { margin-top: 10px; }
pre { font-size: 11pt; }

li { list-style-image: url(images/puce.gif); margin: 5px; }

div.sousMenu { position: relative; top: 6px; left: 5px; }

div.sousMenuTitre { position: absolute; left: 0px; top: 16px; width: 210px;
					text-align: center; font-size: 10pt; color: #fff; font-weight: bold; }
div.sousMenuHaut { position: absolute; left: 0px; top: 0px; width: 210px; height: 39px; }
div.sousMenuHautBleu { background-image: url(/images/sousmenu-haut-bleu.png); }
div.sousMenuHautVert { background-image: url(/images/sousmenu-haut-vert.png); }
div.sousMenuCsg { position: absolute; left: 0px; top: 0px; width: 22px; height: 39px; }
div.sousMenuCsgBleu { background-image: url(/images/sousmenu-csg-bleu.png); }
div.sousMenuCsgVert { background-image: url(/images/sousmenu-csg-vert.png); }
div.sousMenuCsd { position: absolute; left: 188px; top: 0px; width: 22px; height: 39px; }
div.sousMenuCsdBleu { background-image: url(/images/sousmenu-csd-bleu.png); }
div.sousMenuCsdVert { background-image: url(/images/sousmenu-csd-vert.png); }

div.sousMenuGauche { position: absolute; left: 0px; top: 39px; width: 16px; }
div.sousMenuGaucheBleu { background-image: url(/images/sousmenu-gauche-bleu.png); }
div.sousMenuGaucheVert { background-image: url(/images/sousmenu-gauche-vert.png); }
div.sousMenuDroit { position: absolute; left: 194px; top: 39px; width: 16px; }
div.sousMenuDroitBleu { background-image: url(/images/sousmenu-droit-bleu.png); }
div.sousMenuDroitVert { background-image: url(/images/sousmenu-droit-vert.png); }

div.sousMenuSeparateur { position: absolute; left: 16px; width: 178px; height: 16px; color: white;
					text-align: center; background-position: 0 -12px; }

div.sousMenu a { display: block; position: absolute; left: 16px; width: 170px; height: 16px; text-align: left;
					background-image: url(/images/sousmenu-elem.png); background-repeat: repeat-x;
					color: #666; text-decoration: none; padding: 4px 0px 6px 8px; }
div.sousMenu a:hover { background-image: url(/images/sousmenu-sel.png); }
div.sousMenu a.elementSel, div.sousMenu a.elementSel:hover { font-weight: bold;
					background-image: url(/images/sousmenu-sel.png); text-decoration: none; }
div.sousMenu img { position: absolute; left: 155px; top: 5px; }

div.sousMenuSep { position: absolute; left: 16px; width: 178px; height: 5px; font-size: 0pt;
					background-image: url(/images/sousmenu-sep.png); }

div.sousMenuBas { position: absolute; left: 0px; width: 210px; height: 16px; }
div.sousMenuBasBleu { background-image: url(/images/sousmenu-bas-bleu.png); }
div.sousMenuBasVert { background-image: url(/images/sousmenu-bas-vert.png); }
div.sousMenuCig { position: absolute; left: 0px; top: 0px; width: 16px; height: 16px; }
div.sousMenuCigBleu { background-image: url(/images/sousmenu-cig-bleu.png); }
div.sousMenuCigVert { background-image: url(/images/sousmenu-cig-vert.png); }
div.sousMenuCid { position: absolute; left: 194px; top: 0px;  width: 16px; height: 16px; }
div.sousMenuCidBleu { background-image: url(/images/sousmenu-cid-bleu.png); }
div.sousMenuCidVert { background-image: url(/images/sousmenu-cid-vert.png); }

div.produit { background-image: url(/images/carte.png); background-repeat: no-repeat; width: 330px; height: 150px; 
					margin: 0px 5px 10px 5px; padding: 8px; }
div.produit img { display: block; margin-left: 4px; }
div.produit a { display: block; width: 175px; text-align: center; font-size: 7pt; margin-top: 5px; }

div.realisation { background-image: url(/images/petite-carte.png); background-repeat: no-repeat; width: 118px; height: 130px; padding: 10px; font-size: 7pt; text-align: center; }

div#curseur_vente { margin: 0px auto; width: 695px; padding: 3px 7px 7px; margin-top: 10px; margin-bottom: 20px; border: 1px dashed #808080; font-size: 8pt; background: white; }
a.curseur_vente, a.curseur_vente:visited { color: #c0c0c0; text-decoration: none; }
a.curseur_vente:hover { text-decoration: underline; }
span.curseur_vente_present { color: #f96; }
span.curseur_vente_futur { color: #c0c0c0; }

div#cadrecompte { border: 1px solid black; width: 400px; height: 250px; }

td.entetepanier { border-left: 1px solid black; }

hr { border: 0; color: #666; background-color: #666; height: 1px; }

.coinarr { background: transparent; width:40%; }
.coinarr h1, .coinarr p { margin:0 10px; }
.coinarr h1 { font-size:2em; color:#fff; letter-spacing:1px; }
.coinarr p { padding-bottom:0.5em; }

.coinarr .top, .coinarr .bottom { display:block; background:transparent; font-size:1px; }
.coinarr .b1, .coinarr .b2, .coinarr .b3, .coinarr .b4, .coinarr .b1b, .coinarr .b2b, .coinarr .b3b, .coinarr .b4b { display:block; overflow:hidden; }
.coinarr .b1, .coinarr .b2, .coinarr .b3, .coinarr .b1b, .coinarr .b2b, .coinarr .b3b { height:1px; }
.coinarr .b2 { background:#ffffff; border-left:1px solid #000000; border-right:1px solid #000000; }
.coinarr .b3 { background:#ffffff; border-left:1px solid #000000; border-right:1px solid #000000; }
.coinarr .b4 { background:#ffffff; border-left:1px solid #000000; border-right:1px solid #000000; }
.coinarr .b4b { background:#ffffff; border-left:1px solid #000000; border-right:1px solid #000000; }
.coinarr .b3b { background:#ffffff; border-left:1px solid #000000; border-right:1px solid #000000; }
.coinarr .b2b { background:#ffffff; border-left:1px solid #000000; border-right:1px solid #000000; }

.coinarr .b1 { margin:0 5px; background:#000000; }
.coinarr .b2, .coinarr .b2b { margin:0 3px; border-width:0 2px; }
.coinarr .b3, .coinarr .b3b { margin:0 2px; }
.coinarr .b4, .coinarr .b4b { height:2px; margin:0 1px; }
.coinarr .b1b { margin:0 5px; background:#000000; }
.coinarr .boxcontent { display:block; background:#ffffff; border-left:1px solid #000000; border-right:1px solid #000000; }