body { text-align: center; margin: 0; padding: 0;	background-color: #1c1c1c;	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px; color: #ffffff;}
body, div, input, td, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border-color: #022d58; border-width: 1px; text-align: justify;}

#global{text-align: left; margin: 0px auto; padding: 0px; width: 800px; overflow: hidden;}
#head{float: left; margin: 0px; padding: 0px; width: 800px; height: 125px; overflow: hidden;}
/* #logo{float: left; margin: 0px; padding: 0px; width: 350px; height: 125px;} */
/* #pubBanniere{float: left; margin: 0px; padding: 0px; width: 450px; height: 125px;} */
#logo{float: left; margin: 0px; padding: 0px; width: 350px; height: 125px;}
#pubBanniere{/*z-index: 1; position: relative;*/ float: left; margin: 0px; width: 430px; height: 115px; padding: 10px 0px 0px 20px; background-color: #1c1c1c; background-image: url(images/bg_pub_bandeau.gif); overflow: hidden;}
#imgPubBanniere{float: left; width: 185px; overflow: hidden; overflow: hidden;}
#infosPubBanniere{float: left; width: 245px; height: 75px; text-align: center; overflow: hidden;}
/* #lienBtnAjoutPubBanniere{z-index: 2; position: relative; top: 22px; left: 19px;} */
/* #lienBtnAjoutPubBanniere{z-index: 2; position: relative; left: 18px;} */
#lienBtnAjoutPubBanniere{float: left; width: 227px; padding: 0px 0px 0px 18px; text-align: center; overflow: hidden;}
#pubAccueil{float: left; margin: 25px 0px 0px 0px; padding: 0px;}
#menu{float: left; margin: 0px; padding: 0px; width: 800px; height: 39px; overflow: hidden;}
#container{float: left; margin: 0px; padding: 5px 0px 30px 0px; width: 800px; overflow: hidden;}
#acces{float: left; margin: 25px 68px 0px 0px; padding: 0px; width: 365px; overflow: hidden;}
#accesParticulier{float: left; margin: 0px 0px 20px 0px; padding: 0px; width: 365px; height: 190px; background-image: url(images/bg_acces_particulier.jpg); background-repeat: no-repeat;}
#accesProfessionnel{float: left; margin: 0px; padding: 0px; width: 365px; height: 190px; background-image: url(images/bg_acces_professionnel.jpg); background-repeat: no-repeat;}
#footer{float: left; margin: 0px; padding: 0px; width: 800px; overflow: hidden;}
#menuBasPage{float: left; margin: 0px; padding: 10px 0px 10px 0px; width: 800px; overflow: hidden;}
#liensBasPage{float: left; margin: 0px; padding: 10px 0px 10px 0px; width: 800px; font-size: 10px; color: #ffffff; overflow: hidden;}
#menuBoutique{float: left; margin: 5px 0px 30px 0px; padding: 0px; width: 200px; height: 100%; overflow: hidden;}
#changeBoutique{float: left; margin: 0px; padding: 5px 0px 5px 18px; width: 200px; overflow: hidden;}
.menuRubriq{float: left; margin: 5px 0px 0px 0px; padding: 5px 5px 5px 5px; width: 200px; height: 15px; color: #000000; font-size: 12px; font-weight: bold; overflow: hidden;}
.menuSousRubriq{float: left; margin: 0px; padding: 0px; width: 200px; font-size: 11px;}
li{margin: 0px 0px 5px 0px; padding: 0px;}
#txtWismerSAS{float: left; width: 580px; padding: 0px 10px 0px 10px; text-align: justify; color: #ffffff; overflow: hidden;}
#diapoWismerSAS{float: left; width: 200px; height: 400px; background-color: #ffffff; overflow: hidden;}
#txtContact{float: left; width: 430px; padding: 0px 10px 20px 10px; text-align: center;}
#planContact{float: left; width: 350px;}
.txtFormContact{float: left; width: 150px; height: 25px;}
.valFormContact{float: left; width: 280px; height: 25px;}
.valFormContact2{float: left; width: 280px; height: 70px;}

/* Rubrique Evenement */
#contenuEvenemt{float: left; width: 545px; margin: 0px 0px 0px 0px; overflow: hidden;}
#imgEvenemt{float: left; width: 250px; padding-left: 5px; overflow: hidden;}
.evenemt{float: left; width: 260px; height: 250px; margin: 10px 5px 10px 5px; text-align: justify; overflow: hidden;}
.filetEvenemt{float: left; clear: both; width: 260px; height: 1px; border: 0; border-bottom: 1px #333333 solid; margin: 10px 0px 10px 0px; overflow:hidden;}
.miniImgEvenemt{float: left; width: 75px; padding-right: 5px; overflow:hidden;}
.txtEvenemt{float: right; width: 178px; text-align: justify; font-size: 11px; padding: 0px 0px 20px 2px; overflow:hidden;}
.lienEvenemt{float: left; width: 260px;}

/* Listing des produits */
#listeGlobale{float: left; margin: 0px; padding: 0px; width: 600px; overflow: hidden;}
#listingProduit{float: left; margin: 0px 0px 5px 2px; padding: 0px; width: 196px; height: 158px; background-color: #00ccff; overflow: hidden;}
.listingContourProduit{float: left; margin: 0px; padding: 3px; width: 190px; height: 158px; overflow: hidden;}
.listingFondProduit{float: left; margin: 0px; padding: 2px; height: 148px; background-color: #ffffff;}
.listingTitreProduit{float: left; margin: 0px; padding: 0px 0px 0px 4px; background-color: #333333; width: 182px; height: 20px; font-size: 12px; overflow: hidden;}
.refProduit{float: left; text-align: right; margin: 0px; padding: 0px 4px 0px 0px; width: 182px; font-size: 10px; color: #666666; overflow: hidden;}
.imgProduit{float: left; text-align: center; margin: 0px; padding: 0px; width: 186px; height: 79px; font-size: 10px; overflow: hidden;}
.prixProduit{float: left; text-align: center; margin: 0px; padding: 0px; width: 186px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; overflow: hidden;}
.prixPublicProduit{text-align: center; color: #cccccc; margin: 0px; padding: 0px; width: 186px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: line-through; overflow: hidden;}
.btnDetailProduit{float: left; margin: 0px 0px 2px 0px; padding: 0px;}
.listingBtnAjouterProduit{float: right; margin: 0px 0px 2px 0px; padding: 0px;}

/* Fiche details */
#contourDetail{float: left; width: 598px; margin-left: 2px; padding: 3px; overflow: hidden;}
#fondDetail{float: left; width: 588px; margin: 0px; padding: 2px; background-color: #ffffff;}
#detailTitreProduit{float: left; margin: 0px; padding: 0px 0px 0px 4px; background-color: #333333; width: 480px; height: 20px; font-size: 14px; font-weight: bold; overflow: hidden;}
#detailMarqueProduit{float: left; margin: 0px; padding: 0px 4px 0px 0px; text-align: right; background-color: #333333; width: 100px; height: 20px; font-size: 14px; font-weight: bold; overflow: hidden;}
#detailText{float: left; width: 302px; margin: 0px 10px 0px 0px; padding: 0px;}
#detailImage{float: left; width: 276px; margin: 0px; padding: 0px;}
#detailRef{float: left; width: 302px; margin-bottom: 20px; font-size: 11px; color: #666666;}
#detailTitre{float: left; width: 302px; margin-bottom: 20px; font-size: 14px; font-weight: bold; color: #333333;}
#detailDescriptif{float: left; width: 302px; margin-bottom: 20px; font-size: 11px; color: #666666; text-align: justify;}
#detailCouleur{float: left; width: 302px; margin-bottom: 20px; color: #666666;}
#detailDispo{float: left; text-align: center; margin: 0px; padding-bottom: 10px; width: 302px; color: #666666; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; overflow: hidden;}
#detailPrix{float: left; text-align: center; margin: 0px; padding: 0px; width: 302px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; font-weight: bold; overflow: hidden;}
#detailNonContract{float: left; width: 276px; margin-bottom: 20px; font-size: 10px; color: #cccccc; text-align: center;}
#detailBtnAjouter{/*float: left;*/ width: 276px; margin-bottom: 20px; text-align: center;}
#detailVideo{float: left; text-align: center; margin: 0px; padding: 0px 0px 20px 50px; width: 252px;}
#detailFicheTech{float: left; margin: 0px; padding: 0px 0px 10px 0px; width: 302px;}
#detailPetitePhoto{float: left; width: 276px; text-align: center;}
.detailFilet{float: left; clear: both; width: 600px; height: 1px; border: 0; margin: 2px 0px 0px 0px; overflow:hidden;}

/* Panier */
#etapes{float: left; width: 600px; padding: 0px; margin: 1px; text-align: center; overflow: hidden;}
.etape{float: left; width: 114px; padding-left: 5px;}
#tablePanier{float: left; width: 600px; padding: 0px; margin: 1px; text-align: center; overflow: hidden;}
.titrePanier{height: 20px; padding: 0px 4px 0px 4px; text-align: center; font-family: Arial, Verdana, Geneva, Helvetica; font-size: 12px; font-weight: bold;}
.libellePanier{height: 20px; width: 246px; padding: 0px 4px 0px 4px; text-align: center; font-family: Arial, Verdana, Geneva, Helvetica; font-size: 12px; font-weight: bold;}
.PUPanier{height: 20px; width: 70px; padding: 0px 4px 0px 4px; text-align: center; font-family: Arial, Verdana, Geneva, Helvetica; font-size: 12px; font-weight: bold;}


/********** Styles sur les images **********/
img{border: 0px;}
.image{ float: left;}
.noborder{ border: 0px;}


/********** Styles sur les liens **********/
/* Défaut */
a:link {	font-size: 12px;	color: #666666;	text-decoration: none;}
a:visited {	font-size: 12px;	color: #666666;	text-decoration: none;}
a:hover {	font-size: 12px;	color: #666666;	text-decoration: underline;}
/* Entrer Particulier */
a.accespar:link{font-size: 12px; font-weight: bold; color: #669900;	text-decoration: none;}
a.accespar:visited{font-size: 12px;	font-weight: bold; color: #669900;	text-decoration: none;}
a.accespar:hover{font-size: 12px;	font-weight: bold; color: #669900; text-decoration: underline;}
/* Entrer Professionnel */
a.accespro:link{font-size: 12px;	font-weight: bold; color: #ff9900;	text-decoration: none;}
a.accespro:visited{font-size: 12px;	font-weight: bold; color: #ff9900;	text-decoration: none;}
a.accespro:hover{font-size: 12px;	font-weight: bold; color: #ff9900;	text-decoration: underline;}
/* Changement de Boutique */
a.changebout:link{font-size: 10px;	color: #ffffff;	text-decoration: none;}
a.changebout:visited{font-size: 10px;	color: #ffffff;	text-decoration: none;}
a.changebout:hover{font-size: 10px;	color: #ffffff;	text-decoration: underline;}
/* Rubrique du menu */
a.lienRub:link{font-size: 12px;	color: #000000; text-decoration: none;}
a.lienRub:visited{font-size: 12px;	color: #000000; text-decoration: none;}
a.lienRub:hover{font-size: 12px; color: #000000; text-decoration: underline;}
/* Sous rubrique du menu */
a.lienSousRub:link{font-size: 11px;	text-decoration: none;}
a.lienSousRub:visited{font-size: 11px;	text-decoration: none;}
a.lienSousRub:hover{font-size: 11px; text-decoration: underline;}
/* Lien vers panier */
a.lienPanier:link{font-size: 20px; font-family: Arial, Verdana; color: #ffffff; font-weight: bold; font-style: italic;	text-decoration: none;}
a.lienPanier:visited{font-size: 20px; font-family: Arial, Verdana; color: #ffffff; font-weight: bold; font-style: italic;	text-decoration: none;}
a.lienPanir:hover{font-size: 20px; font-family: Arial, Verdana; color: #ffffff; font-weight: bold; font-style: italic; text-decoration: none;}
/* Lien coin bonnes affaires */
a.coinAffaires:link{padding: 5px 2px; text-align: center; vertical-align: middle; font-size: 13px; color: #1c1c1c; background-color: #ff9900; text-decoration: none;}
a.coinAffaires:visited{padding: 5px 2px; text-align: center; vertical-align: middle; font-size: 13px; color: #1c1c1c; background-color: #ff9900; text-decoration: none;}
a.coinAffaires:hover{padding: 5px 2px; text-align: center; vertical-align: middle; font-size: 13px; color: #1c1c1c; background-color: #b3c823; text-decoration: underline;}
/* Lien footer */
a.lienFooter:link{font-size: 10px; color: #ffffff; text-decoration: none;}
a.lienFooter:visited{font-size: 10px; color: #ffffff; text-decoration: none;}
a.lienFooter:hover{font-size: 10px; color: #ffffff; text-decoration: underline;}

/********** Styles sur les boutons **********/
input.bouton { background-color: #ffffff; border: 1px solid #022d58;}


/********** Styles sur les textes **********/
.centrer{text-align: center;}
.gras{font-weight: bold;}
.italique{font-style: italic;}
.grasItalique{	font-style: italic;	font-weight: bold;}
.etoile{ color: #ff0000;}
.loi{ color: #dea387; text-align: justify;}
.txtErreur{	color: #ff0000;}
.txtCorrect{ color: Green;}


.txtAcces{float: left; width: 250px; padding: 70px 0px 0px 10px; height: 90px; text-align: justify; font-size: 12px; color: #333333;}
.imgAcces{float: right; width: 90px; padding: 50px 10px 0px 0px;}
.txtAccesParticulier{font-size: 12px; font-weight: bold; height: 250px; color: #669900;}
.txtAccesProfessionnel{font-size: 12px; font-weight: bold; color: #ff9900;}
.lienEntrer{float: left; width: 365px; text-align: center;}
.titrePaiement{float: left; font-size: 18px; font-weight: bold; color: #ffffff; text-align: center;}
.titreBC{color: #1c1c1c; font-size: 16px; font-weight: bold; height: 20px; text-align: left;}
.montantTotal{height: 20px; background-color: #ff8c00; color: White; font-size: 14px; font-weight: bold;}
/* .titre{font-size: 18px; font-weight: bold; height: 20px; text-align: center;} */

.titrePubBandeau{color: #1c1c1c; text-align: center; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 18px; font-weight: bold;}
.marqPubBandeau{color: #1c1c1c; text-align: center; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 14px;}
.prixPubBandeau{color: #1c1c1c; text-align: center; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 14px;}

/********** Style sur l'effet Afficher/Cacher une div **********/
.cache {	display: none;	visibility: hidden; overflow: hidden; position: absolute;}

/********** Styles du menu **********/
.sdmenu {width: 200px; color: #ffffff; background-color: #ffffff;} 
.sdmenu .title, .sdmenu .titlehidden{display: block; font-weight: bold; color: white;} 
.sdmenu .arrow{}
.sdmenu .titlehidden{border-bottom: none;} 
.sdmenu #top{} 
.sdmenu .submenu {overflow: hidden;} 
.sdmenu .submenu a {padding: 5px 0px; text-indent: 10px; background: #99cc00; display: block; color: #ffffff; text-decoration: none;} 
.sdmenu .submenu a:hover {text-decoration: underline;} 
.txtSousMenu{font-size: 12px; font-weight: bold; padding-left: 10px;}