* { margin: 0; padding: 0; }
BODY {  margin: auto; width: 780px; height: auto; text-align: center; }
IMG { border: 0; }
A { text-decoration: none; }
A:link, a:visited { color: #000000; }
A:hover { color: #999999; }
A:active { color: #333333; }
H1 { font: bold 16px trebuchet, sans-serif; margin-bottom: 20px; color: green; }
H2 { font: bold 16px trebuchet, sans-serif; }
H3 { font: bold 15px trebuchet, sans-serif; color: black; }
H4 { font: 16px times; color: black; }
H5 { font: 14px times; margin-top: 5px; }
H6 { font: 15px times; }
LABEL { font: bold 14px times, sans-serif; }
A.lien { display: block; font: italic 14px times, sans-serif; color: #999999; }
A.lien:hover { display: block; font: italic 14px times, sans-serif; color: black; }
.erreur { color: red; margin-top: 5px; }
#bodyTop { margin-top: -9px; width: 775px; height: 33px; }
#body { width: 765px; height: auto; margin: auto; margin-top: -9px; padding-top: 10px; border: solid 1px #6E88B3; border-top: 0;}
#bodyBottom { width: 775px; height: 33px; margin: auto; margin-top: -18px; }
.italic { font-style: italic; }


/*menu general*/
ul#menuP { margin-left: 27px; _margin-left: 15px; width: 760px; height: auto; z-index: 2; }
ul#menuP li { float: left; position: relative; list-style-type: none; width: 110px; height: 27px; margin-left: 10px; }
ul#menuP li a { position: absolute; top: 0px; left: 0px; width: 110px; height: 27px; }
ul#menuP li a.txt { position: absolute; top: 5px; left: 10px; width: 85px; height: 20px; line-height: 20px; text-align: center; color: rgb(200,200,200); }
ul#menuP li a#accueil { background: url(../image/accueil.gif); }
ul#menuP li a#accueil:hover { background: url(../image/accueil.gif) -110px 0; }
ul#menuP li a#offre { background: url(../image/offre.gif); }
ul#menuP li a#offre:hover { background: url(../image/offre.gif) -110px 0; }
ul#menuP li a#connexion { background: url(../image/connexion.gif) }
ul#menuP li a#connexion:hover { background: url(../image/connexion.gif) -110px 0; }
ul#menuP li a#faq { background: url(../image/faq.gif); }
ul#menuP li a#faq:hover { background: url(../image/faq.gif) -110px 0; }
ul#menuP li a#tarifs { background: url(../image/tarifs.gif); }
ul#menuP li a#tarifs:hover { background: url(../image/tarifs.gif) -110px 0; }
ul#menuP li a#contact { background: url(../image/contact.gif); }
ul#menuP li a#contact:hover { background: url(../image/contact.gif) -110px 0; }

/*image statut formulaire*/
.imgCorrect { float:left; margin-top: 3px; height: 16px; width: 16px; background-image: url(../image/correct.gif); }
.imgInCorrect { float:left; margin-top: 3px; height: 16px; width: 16px; background-image: url(../image/incorrect.gif); }

/*acceuil general*/
#cadreCarte { margin: auto; margin-top: 5px; width: 730px; height: 200px; border: 1px solid #B8D6C2;  }
#cadreCarte .gmls { width : 720px; }
#resultat { margin: auto; width : 710px; }
#resultat .gmls-app { margin-top: 15px; margin-bottom: -10px !important; margin-bottom: 0px; border: none; }
#cadreCarte .gmls-app { width : 730px; border: none; }

#cadreFormA { width: 740px; height: 200px; margin: auto; margin-bottom: 10px; border: 1px solid #B8D6C2; background-color: #F6FCEC;}
#cadreFormGPS { float: left; width: 370px; height: 120px; text-align:center; border-right: 1px solid black; }
#cadreFormAdresse { float: left; width: 368px; height: 120px; text-align:center; }
#lat { margin-top: 20px; }
#lng { margin-top: 20px; }
.adresseRech { margin-top: 15px; }
#envoi { float: left; width: 740px; height: 40px; padding-top: 20px; }


/* Page connexion */
#cadreFormM { width: 540px; height: auto; margin: auto; margin-bottom: 20px; border: 1px solid #B8D6C2; background-color: #F6FCEC;}
#titreM { width: 500px; height: 20px; margin: auto; margin-top: 10px; margin-bottom: 10px; color: darkblue; }
.libM { width: 95px; float: left; margin-left: 80px; _margin-left: 40px; text-align: left; color: green; }
.contenuM { width: 180px; float: left; }


/* Page commandeProduit et commandeRecap */
TABLE.command { text-align: center; margin: auto; border-collapse: collapse; table-layout: fixed; font: 14px  arial, sans-serif; color: black; }

TR.titre { background: #9E9FA7; font-weight: bold; color: white; }
TD.titreProduit { width: 360px; height: 25px; border: solid 2px white; }
TD.titreAutre { width: 120px; height: 25px; border: solid 2px white; }
TR.espace { height: 10px; }
TR.espace2 { height: 20px; }

TD.imgPdt { width: 80px; border-top: solid 1px gray; border-bottom: solid 1px gray; }
TD.produit { width: 280px; margin-left: 5px; text-align: left; border-top: solid 1px gray; border-bottom: solid 1px gray; }
* html .ie { position: relative; top: 0px; left: -100px; }
img.plusDinfo { position: relative; top: 3px; left: 15px; }
TD.autre { border-top: solid 1px gray; border-bottom: solid 1px gray; }

TR.acc { font: 13px trebuchet, sans-serif; color: green; height: 20px; }

TR.lignePrix { height: 20px; font-weight: bold; color: white; }
TD.total { padding-left: 10px; border: solid 2px white; text-align: left; background: #339933; }
TD.prix { padding-right: 10px; text-align: right; border: solid 2px white; background: #339933; }

TR.ligneTotal { height: 40px; font: bold 18px arial, sans-serif; color: white; background: #9E9FA7; border: solid 1px black; }
TD.totalCde { padding-left: 10px; border-left: solid 0px; border-right: solid 0px; text-align: left; }
.prixCde { padding-right: 5px; text-align: right; border: solid 5px #9E9FA7; background: white; color: green; }

/* rollover bouton passer commande */
.infoStock { width: 500px; height: 26px; margin: 25px 0px 0px 50px; _margin: 25px 0px 0px -165px; border: solid 1px gray; color: green; line-height: 26px; }
.boutonCde  { position: relative; top: -28px; left: 560px; _left: 255px; width: 146px; height: 27px; }
.boutonCde A { float: right; width: 146px; height: 27px; }
.boutonCde A.imgCde { background: url(../image/commande.gif); }
.boutonCde A.imgCde:hover { background: url(../image/commande.gif) -146px 0; }

/* rollover bouton paiement paypal */
.boutonValiderP  { margin: auto; margin-top: 15px; margin-bottom: 20px; width: 145px; height: 40px; }
.boutonValiderP A { float: right; width: 145px; height: 40px; }
.boutonValiderP A.imgPaypal { background: url(../image/paypal.gif); }
.boutonValiderP A.imgPaypal:hover { background: url(../image/paypal.gif) -145px 0; }

/* rollover bouton modif adresse */
.boutonModifI  { position: relative; top: -40px; left: 510px; _left: 200px; width: 165px; height: 27px; }
.boutonModifI A { float: right; width: 165px; height: 27px; }
.boutonModifI A.imgModifI { background: url(../image/modifAdresse.gif); }
.boutonModifI A.imgModifI:hover { background: url(../image/modifAdresse.gif) -165px 0; }

/* rollover bouton modif commande */
.boutonModifC  { width: 165px; height: 27px; }
.boutonModifC A { float: right; _position: relative; _left: -100px; width: 165px; height: 27px; }
.boutonModifC A.imgModifC { background: url(../image/modifCde.gif); }
.boutonModifC A.imgModifC:hover { background: url(../image/modifCde.gif) -165px 0; }


/* spécifique Page commandeRecap */
#titreAd { margin: 20px 0px 10px 35px; text-align: left; }
.clientAd { width: 400px; margin-left: 50px; _margin-left: -250px;  text-align: left; }
.infoStockRecap { width: 500px; height: 26px; margin: auto; border: solid 1px gray; color: green; line-height: 26px; }


/* Page popUp */
TD.pdtPop { border-top: solid 1px gray; border-bottom: solid 1px gray; }


/* Page commandeInfo */
#info { width: 760px; height: 200px; }
IMG.infoClient { float: left; margin-left: 20px; margin-top: 20px; }

.champ { height: 20px; margin-top: 15px; }
.boutonValider  { margin: auto; margin-top: 15px; margin-bottom: 10px; _margin-top: 10px; width: 96px; height: 27px; }
.boutonValider A { float: right; width: 96px; height: 27px; }

#cadreClient { float: right; width: 460px; height: auto; margin: auto; margin-bottom: 30px; margin-right: 10px; border: solid 2px #9E9FA7; }
.titreC { height: 20px; background: #9E9FA7; color: white; }
.libC { width: 110px; float: left; padding-left: 10px; text-align: left; color: gray; }
.contenuC { width: 160px; float: left; }
A.mdp { float: right; font-style: italic; margin-right: 10px; color: gray; }
A.mdp:hover { font-style: italic; color: black; }
.textC { background: #E9E9E9; }
.boutonValider A.imgValiderGris { background: url(../image/validerGris.gif); }
.boutonValider A.imgValiderGris:hover { background: url(../image/validerGris.gif) -96px 0; }

#cadreInfo { width: 700px; height: auto; margin: auto; margin-bottom: 30px; border: solid 2px green; }
.titreI { height: 20px; background: green; color: white; }
.libI { width: 300px; float: left; padding-left: 10px; text-align: left; color: green; }
.contenuI { width: 300px; float: left; }
.boutonI { margin: 10px 0px 10px 0px; width: 700px; }
#texteCpte { width: 600px; margin: auto; margin-top: 5px; }
.textI { background: #E1F0B5; }
.boutonValider A.imgValiderVert { background: url(../image/validerVert.gif); }
.boutonValider A.imgValiderVert:hover { background: url(../image/validerVert.gif) -96px 0; }


/* contact */
.libContact { width: 190px; float: left; padding-left: 10px; text-align: left; color: gray; }
.contenuContact{ width: 300px; float: left; }
.champCode { height: 50px; margin-top: 160px; _margin-top: 5px; border: solid 1px white; }
.libCode { width: 190px; float: left; padding-left: 10px; margin-top: 10px; text-align: left; color: gray; }
.contenuCode{ width: 300px; float: left; margin-top: 10px; }
.imgControle{ float: right; margin-top: 5px; margin-right: 30px; _margin-right: 15px;  }

/* oubli Mdp */
.champCodeMdp { height: 50px; margin-top: 25px; margin-bottom: -5px; border: solid 1px white; }

/* section Membre */
/* accueil */
ul#menuPM { margin-left: 40px; _margin-left: 15px; width: 760px; height: auto; z-index: 2; }
ul#menuPM li { float: left; position: relative; list-style-type: none; width: 110px; height: 27px; margin-left: 50px; }
ul#menuPM li a { position: absolute; top: 0px; left: 0px; width: 110px; height: 27px; }
ul#menuPM li a.txt { position: absolute; top: 5px; left: 10px; width: 85px; height: 20px; line-height: 20px; text-align: center; color: rgb(200,200,200); }
ul#menuPM li a#accueil { background: url(../image/accueil.gif); }
ul#menuPM li a#accueil:hover { background: url(../image/accueil.gif) -110px 0; }
ul#menuPM li a#modifInfo { background: url(../image/modifInfo.gif); }
ul#menuPM li a#modifInfo:hover { background: url(../image/modifInfo.gif) -110px 0; }
ul#menuPM li a#facture { background: url(../image/facture.gif) }
ul#menuPM li a#facture:hover { background: url(../image/facture.gif) -110px 0; }
ul#menuPM li a#deconnexion { background: url(../image/deconnexion.gif); }
ul#menuPM li a#deconnexion:hover { background: url(../image/deconnexion.gif) -110px 0; }

.barreNom { width: 650px; height: 20px; margin: auto; margin-bottom: 20px; border: 1px solid #B8D6C2; text-align: left; }
.nomConnect { margin-left: 15px; color: darkblue; font-style: italic; }

#menuHist { position: relative; top: -41px; left: 500px; _left: 200px; width: 185px; height: auto; z-index: 5; }
#menuHist li { float: left; list-style-type: none; margin-right: 5px; }
.menuHistP { width: 180px; height: 20px; text-align: center; font: bold 14px trebuchet, sans-serif; line-height: 20px; background: #446D87; color: #000; }
.menuHistP a { display: block; width: 180px; color: #bbb; }
.menuHistP:hover { background: #557D97; }
.menuHistP:hover a { color: white; }
.menuHistP a:hover { background: #557D97; color: white; }
.menuHistS a { display: block; width: 180px; _width: 174px; height: 18px; color: white; }
.menuHistS li { color: white; font: 13px trebuchet, sans-serif; text-align: center; border-width: 0px 1px 1px 1px; _border-width: 2px 2px 0px 2px; border-style: solid; border-color: white; background: #BCCCD2; }
.menuHistS li a:hover { _width: 180px; height: 16px; position: relative; right: 4px; background: #7BAED9; color: black; border: solid 1px black; }
.menuHistS li .nbRecherche { color: darkblue; }
html>body .menuHistS { display: none; }
html>body li:hover .menuHistS { display: block; position: relative; top: 2px; width: 176px; border-top: solid 2px black; }
* html a table { display: none; }
* html a:hover table { display: block; border-top: solid 4px white; }

.cadreFormMemb { width: 740px; height: auto; margin: auto; margin-bottom: 30px; padding-bottom: 65px; _padding-bottom: 0px; border: 1px solid #B8D6C2; background-color: #F6FCEC;}
.champFormMemb { margin: 0px 20px 0px 10px; color: green }
.menuRecherche { margin: 20px 0px 20px 0px; }
.recherche { margin-right: 40px; }
.menuRecherche a { text-decoration: underline; color: green; }
.menuRecherche a:hover { color: black; }

/* modifInfo */
#cadreMdp { width: 700px; height: auto; margin: auto; margin-bottom: 30px; border: solid 2px #9E9FA7; }
.libMdp { width: 300px; float: left; padding-left: 10px; text-align: left; color: gray; }

/*Bas de page*/
.center { margin: auto; width: 780px; }
.Style1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 15px; }
.Style2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-bottom: 15px; }