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

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

/********** Styles sur les liens **********/
/* Défaut */
a:link{font-size: 10px; color: #3f7ebd;	text-decoration: none;}
a:visited{font-size: 10px;	color: #3f7ebd;	text-decoration: none;}
a:hover{font-size: 10px;	color: #ff9900; text-decoration: underline;}
/* Lien mini panier */
a.lienMiniPanier:link{font-size: 10px; font-weight: bold; color: #ffffff;	text-decoration: none;}
a.lienMiniPanier:visited{font-size: 10px; font-weight: bold; color: #ffffff;	text-decoration: none;}
a.lienMiniPanier:hover{font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: underline;}
/* Lien Détail */
a.detail:link{font-size: 14px; font-weight: bold; color: #1c1c1c; text-align: center; text-decoration: none;}
a.detail:visited{font-size: 14px; font-weight: bold; color: #1c1c1c; text-align: center; text-decoration: none;}
a.detail:hover{font-size: 14px; font-weight: bold; color: #1c1c1c; text-align: center; text-decoration: underline;}
/* Lien Ajouter au panier */
a.addPanier:link{font-size: 10px; font-weight: bold; color: #3f7ebd;	text-decoration: none;}
a.addPanier:visited{font-size: 10px; font-weight: bold; color: #3f7ebd;	text-decoration: none;}
a.addPanier:hover{font-size: 10px; font-weight: bold; color: #3f7ebd; text-decoration: underline;}
/* Lien Menu bas de page */
a.lienMenu:link{font-size: 10px; font-weight: bold; color: #ffffff; background-color: #ff9900; text-decoration: none;}
a.lienMenu:visited{font-size: 10px; font-weight: bold; color: #ffffff; background-color: #ff9900;	text-decoration: none;}
a.lienMenu:hover{font-size: 10px; font-weight: bold; color: #ffffff; background-color: #ff9900; text-decoration: underline;}
/* Lien Rubrique bas de page */
a.lienRub:link{width: 135px; font-size: 10px; font-weight: bold; color: #ff9900;	text-decoration: none;}
a.lienRub:visited{width: 135px; font-size: 10px; font-weight: bold; color: #ff9900;	text-decoration: none;}
a.lienRub:hover{width: 135px; font-size: 10px; font-weight: bold; color: #ff9900; text-decoration: underline;}
/* Lien Sous-rubrique bas de page */
a.lienSsRub:link{padding-left: 15px; font-size: 10px; width: 115px; height: 15px; color: #3f7ebd; text-decoration: none; text-transform: lowercase}
a.lienSsRub:visited{padding-left: 15px;  width: 115px; font-size: 10px; color: #3f7ebd;	text-decoration: none; text-transform: lowercase}
a.lienSsRub:hover{padding-left: 15px;  width: 115px; font-size: 10px; color: #3f7ebd; text-decoration: underline; text-transform: lowercase}

/********** 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;}


.titre{font-family: Arial, Verdana; font-size: 12px; font-weight: bold; color: #3f7ebd}

/* Panier */
#etapes{float: left; width: 600px; padding: 0px; margin: 1px; text-align: center; overflow: hidden;}
.etape{float: left; width: 114px; padding-left: 5px;}
#tablePanier{width: 600px; padding: 0px; margin: 1px; color:#ff9900; text-align: center; overflow: hidden;}
#tableLivraison{width: 600px; padding: 0px; margin: 1px; color:#666666; text-align: center; overflow: hidden;}
#tablePaiement{width: 600px; padding-top: 20px; margin: 1px; color:#666666; text-align: center; overflow: hidden;}
#tableValidePanier{width: 600px; padding: 0px; margin: 1px; color:#ff9900; text-align: center; overflow: hidden;}
.titrePanier{height: 20px; padding: 0px 4px 0px 4px; text-align: center; color:#ffffff; font-family: Arial, Verdana, Geneva, Helvetica; font-size: 12px; font-weight: bold;}
.libellePanier{height: 20px; width: 246px; padding: 0px 4px 0px 4px; color:#ffffff; 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; color:#ffffff; text-align: center; font-family: Arial, Verdana, Geneva, Helvetica; font-size: 12px; font-weight: bold;}


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


/* table */
table#container{background:#ffffff;width:100%}
table.e_gouttieres{border:none;padding:0px;width:100%}
td.e_colAuto{text-align:left; padding:0px; width:100%}
.col200px,.col200px2, td.colonneC, td.e_colAuto_redac{vertical-align:top}
.col200px{width:200px}
td#e_contenu {padding-right:4px}

div#global{text-align:left; margin:0px; min-width:300px}

div#contenuSite{border:none; background-color:#ffffff; width:100%} /*#E5E5E5*/
div#bandeau{display:table; width:100%; background:#ffffff; padding: 0px; margin: 0px}
div#header, div#bandeau, div#logo, div#bandeau img{padding:0px; margin:0px}
div#header, div#bandeau, div#logo{vertical-align:top}
div#logo{float:left;margin: 10px 0px 0px 5px !important;display:block; text-align:right; width:232px !important}
div#logo a {color:#fff}

/* Mini panier */
div#minipanierCo{vertical-align: top; float:right; width: 410px; height: 100px; padding:0px; background:#ffffff; background-image: url(images/bg_mini_panier.jpg); background-repeat: no-repeat; margin-right:5px; margin-bottom:10px; margin-top: 0px;}
div#minipanierDeco{vertical-align: top; float:right; width: 200px; height: 100px; padding:0px; background:#ffffff; background-image: url(images/bg_mini_panierDeco.jpg); background-repeat: no-repeat; margin-right:5px;margin-bottom:10px; margin-top: 0px;}
div#liste{float: left; width: 190px; height: 100px; color: #ffffff; border-right: 1px solid #ffffff; padding: 0 5px; overflow: hidden;}
div#liste .select{float: left; width: 190px}
div#panier{float: left; width: 190px; height: 100px; padding: 0 5px; font-size: 12px; color: #ffffff; overflow: hidden;}

/*** Menu Horizontal  ***/
#menu{float: left; width: 100%; text-align: center}
#mainmenu {text-align: center;}
#mainmenu ul {font-size:16px; margin:0; padding:0}
#mainmenu li {float: left; height: 30px; width: 120px; margin: 0px 1px 0px 1px; list-style:none; padding:0;}
#mainmenu a {height: 25px; text-align : center; font-weight: bold; background:#f0f0f0 url(images/bg_btn_menu100.jpg) top left /*repeat-x*/; background-repeat: no-repeat; color: #ffffff; display:block; font-size:0.7em; padding: 5px 1px 0px 1px; text-transform:uppercase;}
#mainmenu a:hover {background:#f0f0f0 url(images/bg_btn_menu_over100.jpg) top left; background-repeat: no-repeat; color:#ff9900; text-decoration:none;}
#mainmenu a.current {background:#f0f0f0 url(images/bg_btn_menu100.jpg) top left; background-repeat: no-repeat; color:#ff9900; text-decoration:none;}
#mainmenu li.menuEnCours {height: 25px; text-align : center; font-weight: bold; color: #ffffff; display:block; font-size:0.7em; padding: 5px 1px 0px 1px; text-transform:uppercase; background:#f0f0f0 url(images/bg_btn_menu_over100.jpg) top left; background-repeat: no-repeat; color:#ff9900; text-decoration:none;}
#barreSousMenu{width: 100%; height: 10px; text-align: center; background-color: #ff9900;}
#barreDefil{width: 100%; height: 25px; padding-top:3px; border-bottom: 1px solid #ff9900; font-size: 16px; color: #3f7ebd; font-weight: bold}

/* Vous êtes ici */
div#vousEtesIci{padding:5px 0px;font-size:1em; margin:2px 0px 0px 12px; color:#ff9900; font-weight: bold}
div#vousEtesIci a{font-size:1em;color:#1B4D88;text-decoration:none; font-weight: normal}
div#vousEtesIci a:hover{text-decoration:underline; font-weight: normal}
div#vousEtesIci span{font-size:1em;padding-left:5px; padding-right:5px;color:#1B4D88; font-weight: bold}

/*** Moteur de recherches ***/
#search {float: left; width: 320px; height: 31px; margin: 0;}
#search form {position: relative; margin: 0; padding: 0; height: 29px; background: url(images/comsearch-bg.gif) no-repeat 9px 4px;}
#search input {vertical-align: middle;}
#search input#search-text {width: 240px; margin: 8px 0 0 33px; padding: 0; font-size: 11px; color: #999; border: 1px solid #fff;}
#search input#search-btn {position: absolute; top: 6px; right: 13px;}

/* Colonne Gauche */
#titreComparatif{float: left; width: 190px; height: 18px; background-image: url(images/titre_promotion.gif); background-repeat: no-repeat; text-align: center; font-size: 18px; color: #ffffff; font-weight: bold;}
#contenuComparatif{float: left; width: 188px; border-left: 1px solid #ffbe00; border-right: 1px solid #ffbe00; text-align: center;}
div#colonneG{float: left; width:200px; background:#ffffff; text-align: left}
#menuVertical{float: left; width: 200px}
#menuvertical .titreRub{border: 1px solid #666666}
#menuVertical .titreRub a:link, #menuVertical .titreRub a:visited{height: 24px; width: 160px; padding: 8px 0px 0px 40px; display: block; background-image: url(images/bg_btn_rubriq.jpg); color: #1c1c1c; font-size: 10px; font-weight: bold}
#menuVertical .titreRub a:hover{height: 24px; width: 160px; padding: 8px 0px 0px 40px; display: block; background-image: url(images/bg_btn_rubriq_over.jpg); color: #1c1c1c; font-size: 10px; font-weight: bold}
#menuVertical .titreSsRub a:link, #menuVertical .titreSsRub a:visited{height: 25px; width: 180px; padding: 5px 0px 0px 20px; display: block; background-color: #ffffff; color: #666666; font-size: 10px; font-weight: bold}
#menuVertical .titreSsRub a:hover{height: 25px; width: 180px; padding: 5px 0px 0px 20px; display: block; background-color: #f1f1f1; color: #666666; font-size: 10px; font-weight: bold}
#titrePromo{float: left; width: 190px; height: 18px; background-image: url(images/titre_promotion.gif); background-repeat: no-repeat; text-align: center; font-size: 18px; color: #ffffff; font-weight: bold;}
#contenuPromo{float: left; width: 188px; border-left: 1px solid #ffbe00; border-right: 1px solid #ffbe00; color: #333333; text-align: center; overflow: hidden}

/*** Affichage contenu centre ***/
#colonneC{float: left; margin: 0px 0px 0px 0px;}
		.notice {float: left; width: 885px; padding: 5px 5px 5px 35px; background-color: #ffffdd; border: 1px solid #ffd700; background-image:  url(images/s_notice.png); background-repeat:  no-repeat; background-position: 10px 50%; font-size: 14px;}
		#contenu{float: left; width: 100%; margin: 10px 0px 10px 0px; float: left;}
		.produit{float: left; width: 160px; margin: 0px 5px 50px 5px; text-align: center; border-right: 1px solid #cccccc;}
			.vignetteProduit{position: absolute; margin-left: 0px; margin-top: 0px;}
			.titreProduit{float: left; width: 160px; height: 75px; font-size: 14px; font-weight: bold; color: #1c1c1c; text-align: center; overflow: hidden}
			.descripProduit{height: 100px; font-size: 10px; color: #cccccc; text-align: center; overflow: hidden}
			.marqueProduit{float: left; width: 160px; height: 20px; font-size: 10px; color: #808080; text-align: center; overflow: hidden}
			.prixPublicProduit{float: left; width: 160px; height: 20px; text-align: center; font-size: 10px; color: #1c1c1c; overflow: hidden}
			.ecoProduit{float: left; width: 160px; height: 30px; line-height: 30px; vertical-align: middle; text-align: center; font-size: 10px; font-weight: bold; color:#808080; overflow: hidden;}
			.prixProduit{float: left; width: 160px; height: 20px; text-align: center; font-size: 14px; font-weight: bold; color: #1c1c1c; overflow: hidden}
			.quantiteProduit{font-size: 10px; color: #1c1c1c;}
		.titreDetail{height: 25px; text-align: left; color: #333333; font-weight: bold; font-size: 14px}
		#libelleDetail{height: 20px; padding: 0px 0px 5px 10px; background-image: url(images/bg_libelle_detail.gif); background-repeat: no-repeat; text-align: left; color: #ffffff; font-size: 20px; font-weight: bold; overflow: hidden}
		#NonContractDetail{padding: 5px 0px; color: #666666; font-size: 10px; font-style: italic}
		#libMarqueDetail{padding: 10px 0px; text-align: center; font-size: 16px; color: #000000; font-weight: bold; /*text-transform: uppercase*/}
		#descripDetail{padding: 10px 0px; text-align: justify; color: #999999; font-size: 12px; color: #999999}
		#venteFlashDetail{padding: 10px 0px; text-align: left; background: #ffff00; color: #ff0000; font-weight: bold}
		#prixDetail{padding: 10px 0px; text-align: center; font-size: 20px; color: #ff9900; font-weight: bold}
		#btnAjouterDetail{padding: 10px 0px; text-align: center}
		.caractDetail{font-weight: bold; color: #333333; font-size: 12px;}
		.valCaractDetail{color: #333333; font-size: 12px;}
ul.footer{display:block; clear:both; line-height:14px;background:#ff9900; text-align:center;  padding-top:5px; padding-bottom:5px;margin:0px}
ul.footer li{color:#FFF;display:inline; font-size:10px; font-family:Verdana; list-style:none; list-style-image:none;margin:0px;padding:0px}
ul.footer li a{font-size:11px; font-weight: bold; color:#FFF;margin:0px 8px 0px 5px;text-decoration:none}
ul.footer li a{text-decoration:underline}

/***Newsletter ***/
#newsletter {float: left; width: 320px; height: 31px; margin: 0;}
#newsletter form {position: relative; margin: 0; padding: 0; height: 29px; background: url(images/comsearch-bg.gif) no-repeat 9px 4px;}
#newsletter input {vertical-align: middle;}
#newsletter input#search-text {width: 240px; margin: 8px 0 0 33px; padding: 0; font-size: 11px; color: #999; border: 1px solid #fff;}
#newsletter input#search-btn {position: absolute; top: 6px; right: 13px;}

.encartFooter{float: left; width: 100%; padding: 5px; border: 1px solid #3f7ebd; text-align: center;}
#coordonnees{width: 200px; background-color: #ffffff; text-align: center; color: #333333;}

/*** Styles Highslide détail du produit ***/
.highslide-overlay {
	display: none;
}
.controlbar {
	background: url(highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/
	height: 27px;
}
.controlbar a:hover {
	background-image: url(highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}
/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}