@charset "ISO-8859-1";
/*** GLOBAL ***/
/*body {font-family: Geneva, Arial, Helvetica, sans-serif;}*/
body {font-family: Geneva, Arial, Helvetica, sans-serif; background-image: url(i/bg.jpg); background-repeat: no-repeat; background-position: center top; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}

table {margin-left: auto; margin-right: auto;}

.cat .titre {font-size: 20px; font-weight: bold; color: #000066; height: 35px;}
.cat a {display: block;text-indent: 10px;font-size: 11px;color: #333333;text-decoration: none;line-height: 25px;}
.cat a:hover {color: #FFFFFF; background-color: #000066;}
.cat img {margin-right: 8px; border-style: none; border-width: 0px;}
.cat .lienSelectionne  {color: #FFFFFF; background-color: #000066;}

/*** HEADER ***/
.moteur {background-image: url(i/bg_moteur.jpg); padding: 10px; height: 70px; width: 960px; font-size: 20px; font-weight: bold;	color: #000066; background-repeat: no-repeat;}

#panier .titre {font-size: 15px; font-weight: bold; color: #666;padding-top:10px;}
#panier a {font-size: 11px; color: #666;}
#panier img {margin-right: 8px;}

#trBandeauHaut {vertical-align: top;}

#nav {font-size: 11px; font-weight: bold; text-transform: uppercase; float: left;}
#nav a {display: block; color: #000066; text-decoration: none; background-image: url(i/bg_nav_off.gif);float: left;}
#nav a.lPromo {background-image: url(i/bg_nav_promo_off.gif);}
#nav a.lSuggest {background-image: url(i/bg_nav_promo_off.gif);}
#nav a:hover {display: block; color: #FFFF00; text-decoration: none; background-image: url(i/bg_nav_on.gif);}
#nav .on {display: block; color: #FFFF00; text-decoration: none; background-image: url(i/bg_nav_on.gif);}

#famille {background-image: url(i/bg_nav_cat.png);height:257px;}
#famille .titre{font-size: 25px; font-weight: bold; color: #000066;width:175px;}
#famille img {max-width: 80px;max-height: 80px;_width: expression((this.offsetWidth>=this.offsetHeight) ?Math.min(parseInt(this.offsetWidth), 80 ) : true);_height: expression((this.offsetHeight>this.offsetWidth) ?Math.min(parseInt(this.offsetHeight), 80 ) : true);}
#famille a {font-size: 11px; font-weight: bold; color: #000066;}
#famille .box{width:136px;height:110px;vertical-align: bottom;}

#question {font-family: Arial;font-size: 16px;font-weight: bold;color:#000066;margin-left:15px;padding-top: 5px;}

#zoneConseil {font-weight: bold;color:#000066;padding-right:10px; }
#conseil {font-size: 11px; font-weight: bolder; font-family: Arial;}
#numTel {font-size: 18px;font-family: Arial;}
#appelFixe {font-size: 9px;font-weight: normal;}

/*** BLOC CONFIANCE ET QUALITE ***/
#confiance{margin-top: 10px;width: 960px;}
#confiance .paiement, .stock, .garantie, .livraison{font-size: 11px;color: #000066;vertical-align: top;background-position: left top;padding: 10px;background-repeat: no-repeat;height: 81px;}
.paiement {background-image: url(i/bg_paiement.jpg); width: 198px;}
.stock {background-image: url(i/bg_stock.jpg); width: 232px;}
.enstock {font-weight: bold;font-size:12px; color : red;}
.garantie {background-image: url(i/bg_garantie.jpg); width: 189px;}


/*** HOME ***/

.promoteur {width: 610px;float: right;}

.infoConseil {font-size: 10px; font-weight: bold; float: left;}
  
  
 .titreGlisse {font-size: 26px; font-weight: bold;color : #00009C;}
 .lienGlisse {font-size: 16px; font-weight: bold;color : #00009C;} 
  
.entree { float: right;margin-bottom: 10px; padding-left: 0px;}
.entree td{ vertical-align:top;}
.entree .titre {font-size: 20px;font-weight: bold;color: #00009c;text-indent: 15px;height: 35px;padding-top: 5px; width :420px;}
.entree .cat a {line-height: 20px;color: #000066; font-size: 12px;}
.entree .cat a:hover {color: #FFFFFF; background-color: #000066;}

#produit {margin-left: 15px;}
#produit img {height: 100px;width: 100px;border-width: 1px;border-color: #666666;}
.accueilImg {border : 0px;}

.prix {width: 120px;font-size: 16px;font-weight: bold;color: #FFFFFF;background-color: red;text-align: center;text-decoration: none;display: block;height: 30px;margin-top: 5px;padding-top: 5px;}
.prix a{color: #FFFFFF;}
.prix a:visited{color: #FFFFFF;}
.nomProduit {font-size: 14px; font-weight: bold; color: #202020;}
/*** PRODUITS ***/

#pagination {font-size: 11px;color: #666666;width: 736px;}
#pagination td {vertical-align:middle;}
#pagination .titre {font-size: 22px;font-weight: bold;color: #000000; background-color:#FFFFFF;text-indent: 10px;}
#pagination .nav {font-size: 11px; text-transform: uppercase; float: right;}

.galerie .off{display: block; color: #000066; text-decoration: none; background-color:#cccccc; background-image: url(i/galerie_on.gif); background-repeat: no-repeat;}
.galerie .on{display: block; color: #999999; text-decoration: none; background-color:#e3e3e3; background-image: url(i/galerie_off.gif); background-repeat: no-repeat;}
.liste .off{display: block; color: #000066; text-decoration: none; background-color:#cccccc; background-image: url(i/liste_on.gif); background-repeat: no-repeat;}
.liste .on{display: block; color: #999999; text-decoration: none; background-color:#e3e3e3; background-image: url(i/liste_off.gif); background-repeat: no-repeat;}
#lienGrille img{border:0px;}
#lienListe img{border:0px;}
/*
#pagination .galerie a{display: block; color: #000066; text-decoration: none; background-color:#cccccc; background-image: url(i/galerie_on.gif); background-repeat: no-repeat;}
#pagination .galerie a:hover, .galerie{display: block; color: #999999; text-decoration: none; background-color:#e3e3e3; background-image: url(i/galerie_off.gif); background-repeat: no-repeat;}
#pagination .liste a{display: block; color: #000066; text-decoration: none; background-color:#cccccc; background-image: url(i/liste_on.gif); background-repeat: no-repeat;}
#pagination .liste a:hover, .liste{display: block; color: #999999; text-decoration: none; background-color:#e3e3e3; background-image: url(i/liste_off.gif); background-repeat: no-repeat;}
*/


#pagination .ssnav {background-color:#e3e3e3;text-indent: 10px; height: 35px;}
#pagination select{font-size: 11px;color: #666666;}
#pagination .no a{font-weight: bold;color: #000066;margin-left: 15px;}
#pagination .no em{color: #000066;margin-left: 15px;}

/*** LISTE ***/

#produit_liste {width: 736px;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;padding-top:10px;padding-bottom:10px; }

#produit_liste td {vertical-align:middle;}
#produit_liste .imageProd{}
#produit_liste .titre{font-size: 15px;font-weight: bold;color: #000066; text-decoration:none;}
#produit_liste .refTitre{font-size: 13px;font-weight: bold;color: #000066; text-decoration:none;}
#produit_liste .descriptif{width: 300px;height: 100px;font-size: 11px;color: #333333; text-decoration:none;}
#produit_liste .info{font-size: 11px;font-weight: bold;color: #000066;}
#produit_liste .prix {font-size: 22px;font-weight: bold;color: red;text-align: left;text-decoration: none;display: block;height: 50px;background-color: #FFFFFF;}
#produit_liste .infostock {font-size: 11px;font-weight: bold;color: #333333;text-align: left;padding-left: 5px;text-decoration: none;}
#produit_liste .aulieude {font-size: 11px;font-weight: bold;color: #FF0000;text-align: center;text-decoration:line-through;}

.tableau_liste {width : 730px;}


#bt_panier td{height:33px;width:230px;display: block;font-size: 11px;color: #FFFFFF; background-color:#000066; text-decoration: none; text-transform: uppercase;vertical-align:middle; text-align:center;margin:10px;}
#bt_panier select{font-size: 14px;color: #000066;margin:5px;}
#bt_panier a{color: #FFFFFF;font-weight: bold;}

#bt_zeroStock td{height:33px;width:181px;display: block;font-size: 11px;background-color:#7700CC; text-decoration: none; text-transform: uppercase; vertical-align:middle; text-align:center;font-weight: bold;}
#bt_zeroStock a{color: #FFFFFF;top: 5px;}

.continuer {color: white;font-size: 18px;font-weight: bold;}
.passer_commande { color: white;font-size: 18px;font-weight: bold;}

/*** FICHE PRODUIT ***/
#fiche_produit {width: 960px;padding-top:10px;margin-bottom:10px;}
#fiche_produit tr{vertical-align:top;}
#fiche_produit .photo{text-align: center;margin:20px;max-height: 290px; max-width: 200px;}

#fiche_produit .prix{font-size: 20px;}

#fiche_produit .infostock {font-size: 14px;font-weight: bold;color: red;text-align: left;padding-left: 5px;text-decoration: none;padding-bottom: 20px;}
#ctnr_panier {padding-bottom: 20px;}
#ctnr_panier #bt_panier {width: 400px;}

#ligneCommandes {padding-top: 10px;}
#ligneCommandes .continuerAchat {width:260px; background-color: #AAAAAA;float: left;margin-left: 10px; border: 1px solid #CCCCCC;}
#ligneCommandes .validerCommande {width:240px; background-color: #000066;float: right;margin-right: 10px; border: 1px solid #CCCCCC;}
#ligneCommandes a, a:hover, a:visited {text-decoration: none;}



.boutonPanier {width: 230px;} 

#descriptif {width:540px;float: left;}
#descriptif table {float: left;}
#descriptif tr{vertical-align:middle;}
#descriptif .titre{font-size: 20px;font-weight: bold;color: #000000;text-decoration:none;padding-top: 10px;padding-bottom: 10px;}
#fiche_produit .refTitre{font-size: 15px;font-weight: bold;color: #000066;text-decoration:none;padding-top: 10px;padding-bottom: 10px;}
#fiche_produit .aulieude {font-size: 11px;font-weight: bold;color: #666666;}
#descriptif .refTitre{font-size: 15px;font-weight: bold;color: #000066;text-decoration:none;padding-top: 10px;padding-bottom: 10px;}
#descriptif .descriptif{font-size: 11px;color: #333333; text-decoration:none;padding-top:10px;padding-bottom: 20px;border-bottom: 1px solid #cccccc;}
/*#descriptif .prix {font-size: 12px;font-weight: bold;color: #FFFFFF;background-image: url(i/prix_categorie.gif);background-repeat: no-repeat;background-position: 10px;width: 90px;text-align: center;text-decoration: none;display: block;height: 50px;margin-top: 25px;padding-top: 28px;}*/
#descriptif .infostock {font-size: 15px;font-weight: bold;color: #333333;text-decoration: none;}
#descriptif .aulieude {font-size: 11px;font-weight: bold;color: #FF0000;text-align: center;text-decoration:line-through;}
#descriptif .avantages {font-size: 11px;font-weight: bold;color: #000066;width: 150px;border-bottom: 1px solid #cccccc;padding: 5px;}
#descriptif .infos {font-size: 11px;color: #333333;text-decoration: none;border-bottom: 1px solid #cccccc;padding: 5px;}

#back {width: 960px;margin-bottom:10px;}
#back a {font-size: 11px;font-weight: bold;color: #000066;}


/*** FOOTER ***/
#footer {font-size: 11px;color: #666666; background-color:#efefef; height:70px; width: 960px; text-align:center;}
#footer a {font-weight: bold;color: #666666;}

.suggestionItem {text-align: right;color:  #000066;}
#suggestPage  {font-size: 12px;}


/**** WKN.CSS ****/

a:link {
	text-decoration: none;
/*	color: #000000; */
}

a:hover p {
	text-decoration: underline;
/*	color: #000000; */
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
	/*	color: #000000; */
}

.even a:link {
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
}

.odd a:link {
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
}

#majQuantiteProd a:link {
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
	color: #000066;
}

table.dataview {
	border-bottom: 1px solid #0079d6;
	font-size: 12px;
	font-family: arial;
	width: 600px;
}

table.dataview caption {$
	text-align: left;
}

table.dataview tr {
	padding-top: 2px;
	padding-bottom: 2px;
}

.even {
	background-color: #ffd64f;
}

.odd {
	background-color: #fffFFF;
}

background-color
:
 
#BBBBBB
;


}
table.dataview tr td {
	padding-left: 8px;
	padding-right: 30px;
}

table.dataview tr th {
	color: black;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 30px;
	background-color: #c1e4ff;
	border-bottom: 1px solid #0079d6;
	border-top: 1px solid #0079d6;
	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
}

table.dataview tr th {
	background-position: right;
	background-repeat: no-repeat;
}

table.dataview tr th a {
	font-weight: normal;
}

table.dataview #message {
	padding-left: 3px;
}

table.dataview caption {
	padding-bottom: 2px;
}

#resumeCommande {
	font-size: 12px;
	font-family: arial;
	width: 600px;
	padding: 2px;
}

#resumeCommande caption {
	text-align: left;
}

#resumeCommande tr {
	padding-top: 2px;
	padding-bottom: 2px;
}

#resumeCommande tr td {
	padding-left: 4px;
	padding-right: 10px;
	padding-top: 8px;
}

#resumeCommande tr th {
	color: black;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 10px;
	font-size:1.2em;
	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
}

#resumeCommande tr th {
	background-position: right;
	background-repeat: no-repeat;
}

#resumeCommande tr td a {
	font-weight: normal;
	text-decoration: underline;
}

#page {padding-top: 10px;}
#pageNavAdmin {
	float: left;
	width: 178px;
	padding: 0px;
	background-color: #F4DA81;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana, sans-serif;
}

.menuItem {
	color: black;
	font-size: 12px;
	background: none;
	width: 178px;
	text-decoration: none;
	height: 30px;
}

.menuItemDis {
	color: black;
	font-style: italic;
	font-size: 12px;
	width: 178px;
	text-decoration: none;
	background: none;
	height: 20px;
}

.erreur {
	color: #8d5591;
	font-family: sans-serif;
}

.erreurRecherche {
	background-color: #FFFFFF;
	color: #000066;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 14px;
}

.erreurInput {
	font-family: sans-serif;
	background-color: #f36060;
}

#globalNav {
	position: relative;
	width: 100%;
	min-width: 640px;
	height: 32px;
	color: #cccccc;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/glbnav_background.gif);
}

#pageNav {
	float: left;
	width: 178px;
	padding: 0px;
	border-bottom: 2px solid #cccccc;
	font-size: 10px;
	text-align: right;
}

.sectionLinks {
	margin: 0px;
	padding: 0px;
}

.sectionLinks h3 {
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

.sectionLinks a {
	display: block;
	padding: 3px 0px 3px 10px;
	/* color: #c0f3c2; */
	color: #000000;
}

#pageNavAdmin  a {
	display: block;
	padding: 3px 0px 3px 10px;
	color: #000000;
}

.sectionLinks a:hover {
	border-top: 1px solid #cccccc;
	background-color: #b1f3b1;
	background-image: none;
	color: #000000;
}

#pageNavAdmin  a:hover {
	border-top: 1px solid #cccccc;
	background-color: #eac33a;
	background-image: none;
	text-decoration: none;
}

.sectionLinks .lienSelectionne {
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	font-size: 10 px;
	color: #000000;
}

#pageNavAdmin .lienSelectionne {
	border-top: 1px solid #cccccc;
	background-color: #eac33a;
	background-image: none;
	text-decoration: none;
}

/*---------- style des commandes ------------------*/
.style23 {
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
}

.style22 {
	color: #000000;
	font-size: 16px;
	font-weight : bold;
	text-align: left;
}

.titre22 {
	color: #000000;
	font-size: 16px;
	font-weight : bold;
	text-align: right;
}


.titre20 {
	color: #000000;
	font-size: 12px;
	font-weight : bold;
	text-align: right;
}



.style22Total {
	color: #000000;
	font-size: 24px;
	font-weight : bold;
	text-align: left;
}

.titre22Total {
	color: #000000;
	font-size: 24px;
	font-weight : bold;
	text-align: right;
}

.styleMention {
	margin-top : 60px;
	color: #006666;
	font-size: 14px;
	font-weight: bold;
	background-color: #000066;
}

.styleMention2 {
	background-color: #e6e6ff;
}

.colissimo {
	margin-top : 60px;
	color: #000000;
	font-size: 14px;
}

#iitalique {
	float : right;
	width: 100%;
}


.colissimo .titre {
	font-weight: bold;
	color : #000066;
	
}


.autrePays{
	color : red;
	font-weight: bold;
}

.messageAccueil {
	width: 450px;
	font-size: 10px;
}

input, textarea {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: black;
	font-size: 13px;
}

input:focus , textarea:focus{
	border: 2px solid #000066;
	background-color: #cddefd;
}

inputSB {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 9px;
}

.position1 {
	position: relative;
	left: 10px;
}

.position2 {
	position: relative;
	top: 50px;
}

.rubrique {
	background-image: url(i/bg_categories.jpg);
	width: 359px;
	height: 205px;
	background-repeat: no-repeat;
	float: right;
	margin-bottom: 10px;
}

}
.rubrique td {
	height: 45px;
	vertical-align: top;
}

.nbArticles {
	font-weight: bold;
	color: #db6b20;
	position: relative;
	font-size: 14px;
	left: 56px;
	top: -9px;
}

.enlevementSurPlace {
	font-size: 10px;
}

.enlevementSurPlace input {
	size: 5px;
}

.formCommande legend {
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
}

.formCommande {
	font-size: 12px;
}

.noCommande {
	border : 4px solid #FF9933 ;
	background-color : #FFE0C2;
	width: 250px;
        margin-top: 0px;
	padding-top: 2px;
	padding-left: 2px;
	font-weight: bold;
	color: #000666;
	margin-left: auto;
	margin-right: auto;
        display : none;
}
.erreurs  {display: marker; background-color:#FFC;padding:5px;   /* IE6-9 */   -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 3px 3px 3px rgba(0, 0, 0, 0.2);      -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 3px 3px 3px rgba(0, 0, 0, 0.2);           box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 3px 3px 3px rgba(0, 0, 0, 0.2); }
.coordonnees {
	width: 590px;
	position: relative;
		margin-left: auto;
	margin-right: auto;
}

.bt-active
{
	border: 1px solid #c93d3d;
	background-color: #e5c6c6;	
}

.boutonAdmin{
	
	font-weight: bold;
	border: 1px solid;
}

.invalide {
	background-color: gray;
}

.cgv h2{
	text-align: center;
	background-color: yellow;
}

/******* MaCSS.css *******/

.tabProduit {
	display: inline-table;
	vertical-align: top;
	margin: 1px;
	border: 1px;
	border-style: solid;
	border-color: black;
	background-color: #FFFFFF;
}

.prixAnnule {
	text-decoration: line-through;
}

.remise {
	font-size: 2em;
	color: #43c041;
	text-decoration: blink;
}

.photoPromo img {
	max-width: 60px;
	max-height: 90px;
	cursor: pointer;
}

.photoPromo2 img {
	max-width: 90px;
	max-height: 120px;
	cursor: pointer;
}

.cacheMoi {
	display: none;
}

.showMe {
	width: 200px;
	background: green;
	display: inline;
	position: absolute;
	top: 300px;
	left: 300px;
	border: 1px solid;
}

.slider ul, .slider li{
	margin:0;
	padding:0;
	}
.slider, .slider li{ 
	width:530px;
	}
#tabPromo {width: 600px;}
/*
.slider ul {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	list-style: none;
	margin-top: 20px;
}

.slider li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 260px;
	height: 190px;
	overflow: hidden;
}

#prevBtn,#nextBtn {
	display: block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: 30px;
	top: -60px;
	z-index: 1000;
}

#nextBtn {
	left: 680px;
}

#prevBtn a,#nextBtn a {
	display: block;
	width: 30px;
	height: 77px;
	background: url(../img/bt_prev.png) no-repeat 0 0;
}

#nextBtn a {
	background: url(../img/bt_next.png) no-repeat 0 0;
}


#controles {
	margin: 0;
	position: relative;
}
*/

.t1 {
	float: left;
	margin-right: 20px;
}

.t2 {
	color: #202020;
	
}

.articlePromo {
	color: #202020;
	font-weight: bold;
	font-size: 16px;
}


#bandeauRecherche {
	height: 58px;
	background: url(../img/bg_recherche.png) repeat-x;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	color: #03067b;
	border-bottom: solid 1px;
	border-right: solid 1px;
	border-top: solid 1px #9fa1a2;
	border-left: solid 1px #9fa1a2;
}

#menuProd {
	font-size: 16px;
	color: #03067b;
}

#entreeRecherche {
	outline: 0px;
	height: 18px;
	border: none;
	font-size: 14px;
}

.formRecherche1 {
	outline: solid 1px #00009c;
	float: left;
	display: block;
	position: relative;
}

.tabRecherche {
	border: solid 1px #000000;
}

.loupe {
	cursor: pointer;
	float: right;
}

#lienPanier {
	text-decoration: underline;
}

.bordGauche {
	float: left;
	background: url(../img/bgfondBleu.png) top right no-repeat;
	margin: 0;
}

.testT {
	color: white;
	float: left;
	width: 100px;
	font-size: 15px;
	background: url(../img/fondBleu.png) top center;
}

.bordDroit {
	float: left;
	padding-left: 200px;
	background: url(../img/bdfondBleu.png) no-repeat;
}

/*
#ongletsRubrique {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
}

#ongletsRubrique a {
	display: block;
	color: #000066;
	text-decoration: none;
	background-image: url(i/bg_nav_off.gif);
	cursor: auto;
}

#ongletsRubrique a:hover,.on {
	display: block;
	color: #FFFF00;
	text-decoration: none;
	background-image: url(i/bg_nav_on.gif);
}*/

#alerte {
	background-color: #000066;
	width: 200px;
}

#ongletsPresentation
{
	margin-left: 6px;
}

/*** JkMegaMenu.css *********/
.barreg{
	background-image: url("./img/glbnav_background.gif")
	}
.barred{
	background-image: url("./img/glbnav_background.gif");
	}
.barre{
	background-image: url("./img/glbnav_background.gif");
	}

.liens a {
	text-decoration :none;
	font-size:14px;
	font-weight :bold;
	background-image: url("./img/glbnav_background.gif");
	color : #FFFFFF;
}

.liens a:hover {
	text-decoration :none;	
	color : #FFFFFF;
}
 
.megamenu{
	position: absolute;
	display: none;
	left: -30px; /* 0 */
	top: 5px; /* 0 */
	background: white;
	border: 1px solid #03067b;
	border-width: 5px 1px;
	
	font: normal 12px Verdana;
	z-index: 100;
}

.megamenu .column{
	float: left; /* left; */
	width: 180px; /*width of each menu column*/
	margin-right: 0px;
	
}

.megamenu .column ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.megamenu .column ul li{
	padding-bottom: 5px;
	
}

.megamenu .column h3{
	/*background: #e0e0e0;*/
	
	background: url(./img/fondBleu.png);
	border-left: url(../img/bgfondBleu.png);
	border-right: url(../img/bdfondBleu.png);
	cursor:pointer;
	font: bold 13px Arial;
	margin: 0 0 5px 0;
}

.megamenu .column ul li a{
	text-decoration: none;
}

.megamenu .column ul li a:hover{
	color: red;
}

.ttc {font-size: 0.8em}



#TOP {width: 960px;color: #FFF;font-size: 11px;}
#LOGO {width:360px;font-size: 14px;vertical-align:top; text-align:left;}
#COMPTE {width:260px;text-transform:uppercase;}
#MDP {width:200px;text-transform:uppercase;}
#BT {color: #FFF;font:12px;background-color:#ff7e00;border:0px;cursor: pointer;}

#NAV {width: 960px;margin-left: auto; margin-right: auto;height:35px;background-image: url(img/nav_bg1.png); background-repeat: repeat-x; text-align:center; margin-bottom:10px;}
#NAV td{background-image: url(img/nav_vr.jpg); background-repeat:no-repeat;}
#NAV a, #NAV span {display: block;font-size:12px;color: #FFF;text-decoration: none;line-height: 35px;}
#NAV a:hover, #NAV span:hover {background-color: #ff7e00;}
#NAV img {text-align:left;}

#NAV .promo {font-weight:bold; color: #ffee33;height:35px;background-image: url(img/nav_bg2.png); background-repeat: repeat-x; text-align:center; }

#CATALOGUE {width:670px;height:395px;vertical-align:top;}
#CATALOGUE .HOME {font-size: 30px;font-weight:bold;color:#ff7e00;text-transform:uppercase;padding: 20px 0px 20px 20px;background-image: url(img/bg-L1.jpg);background-repeat: no-repeat;}



#SOCIETE {width:270px;  background-repeat: no-repeat;color:#000000;font-size:11px;text-align:justify;margin: 3px; font-weight: bold;}
#SOCIETE  TD {height:60px; border-bottom: groove; font-weight: bold;}


#SOCIETETEL {font-size: 12px;color:#666;}
#SOCIETETEL .L1 {font-size: 11px;text-transform:uppercase;width:220px; padding-top:10px;}
#SOCIETETEL .L2 {font-size: 18px;font-weight:bold;}
#SOCIETETEL .L3 {font-size: 10px;}

.ATE {width: 470px;background-image: url(img/bg-atelier.jpg)}
.MES {width: 470px;background-image: url(img/bg-mesure.jpg)}
.MAC {width: 470px;background-image: url(img/bg-machine.jpg)}
.MAN {width: 470px;background-image: url(img/bg-manutention.jpg); }

#CAT {border: 2px solid #eaeaea;background-color:#FFF;vertical-align:top; margin-bottom:10px; background-repeat:no-repeat; background-position:top right}
#CAT TD{ height:19px;}
#CAT .TIT{vertical-align:top;font-size: 16px;font-weight:bold;color:#000066;text-transform:uppercase;padding: 20px 0px 10px 20px;}
#CAT a{display: block;text-decoration: none;font-size: 11px;color:#333;padding: 0px 0px 0px 20px;line-height: 19px;}
#CAT a:hover{color: #FFF; background-image: url(img/fleche_cat.png);background-repeat:no-repeat;}
#CAT .SELECT{display: block;font-size: 11px;color: #FFF; background-image: url(img/fleche_cat.png);background-repeat:no-repeat;padding: 0px 0px 0px 20px;line-height: 19px;}

#GARANTIE {width: 960px;font-size:12px;color:#FFF;background-color:#666;margin-left: auto; margin-right: auto;padding-right:15px;}
#GARANTIE TD{padding-left: 10px;}

#BOTTOM {width: 960px;font-size:12px;color:#666;background-color:#eaeaea;padding: 0px 0px 30px 20px;}
#BOTTOM a{color:#666; text-decoration:none}
#BOTTOM a:hover{text-decoration:underline}
#CONTACT {width: 650px;font-size:16px;font-weight:bold;}

.label {
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	padding-right: 5px;
}
	
	
#NAV div {
	position: relative;	
	}	
#NAV div ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #2a2ccf;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 250px;
	border: 1px solid #00009c;
	z-index: 1200;
}
#NAV div ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 250px;
}
html #NAV div ul.subnav li a {
	float: left;
	width: 230px;
	background: #2a2ccf url(img/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
	text-align: left;
}
html #NAV div ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #2f316a url(img/dropdown_linkbg.gif) no-repeat 10px center;
}

.messages {
	background-color: #FFFFFF;	
}

.feedbackPanel li{ display: block;}


div.TIT {cursor: pointer;text-decoration: underline;}

#TOPCONSEIL {font-size: 12px;color : #666; padding-top:10px;}

.titreProduit {color : #000066; font-weight: bold;font-size: 18px;}

#SLIDEINFO { background-color: rgb(233,233,233); padding-top:2px;}


#rechercheQ {width:960px; margin-left: auto; margin-right: auto;}
#rechercheQ  DIV {float : left; padding-left : 5px;}


#gris {border: 2px solid #EAEAEA;background-color:#DEDEDE;vertical-align:top; margin-bottom:10px; background-repeat:no-repeat; background-position:top right}
#gris TD{ height:19px;}
#gris .TIT{vertical-align:top;font-size: 16px;font-weight:bold;color:#000066;text-transform:uppercase;padding: 20px 0px 10px 20px;}
#gris a{display: block;text-decoration: none;font-size: 11px;color:#333;padding: 0px 0px 0px 20px;line-height: 19px;}
#gris a:hover{color: #FFF; background-image: url(img/fleche_cat.png);background-repeat:no-repeat;}
#gris .SELECT{display: block;font-size: 11px;color: #FFF; background-image: url(img/fleche_cat.png);background-repeat:no-repeat;padding: 0px 0px 0px 20px;line-height: 19px;}

#menuGauche {float : left;}
#catalogueCorps {width: 600px;float:left;}

#CAT2 {border: 2px solid #eaeaea;background-color:#FFF;vertical-align:top; margin-bottom:10px;}
#CAT2 .TIT{vertical-align:top;font-size: 20px;font-weight:bold;color:#000066;text-transform:uppercase;padding: 15px 0px 10px 20px;}
#CAT2 .NFO{font-size: 11px;padding: 5px 0px 0px 0px;}
#CAT2 .PAG{font-size: 11px;text-align:right;padding: 10px 20px 0px 10px;}
#CAT2 a{text-decoration: none;font-size: 11px;color:#FFFFFF;font-weight:bold;text-transform:uppercase}
#CAT2 a:hover{text-decoration:underline}
#CAT2 IMG{vertical-align: middle}

#DESCRIPTIF {width:270px;height:345px;background-image: url(img/bg-R.jpg);vertical-align:top;color:#666;font-size:11px;text-align:justify;}
#DESCRIPTIF .TIT{vertical-align:top;font-size: 20px;font-weight:bold;color:#000066;text-transform:uppercase;padding: 10px 0px 10px 0px;background-image: url(img/fiche.gif); background-repeat: no-repeat; background-position: center right}
#PRODUIT {width:435px;height:345px;background-color:#FFF;margin-left: auto; margin-right: auto;}
#PRODUIT .TIT{vertical-align:top;font-size: 20px;font-weight:bold;color:#ff7e00;text-transform:uppercase;padding: 20px 0px 10px 20px;}
#PRODUIT .PHOTO {text-align:center; }
#PRODUIT .PHOTO img{max-height: 290px; max-width: 200px;}
#OMBRE {width:15px;background-image: url(img/ombre.png); background-repeat:no-repeat;}
#PAGE TD{ vertical-align:top;}
#FP{margin-bottom:10px;border: 1px solid #cccccc;}

#PRX_PANIER {width: 400px;}
#PRX_PANIER .bt_panier{width: 400px;}

#avantage_info {width: 400px;}


#avantage_info .avantages {font-weight:bold;font-size : 12px;color : #000000;}
#avantage_info .infos {font-size : 12px;color : #000000;}

.tableEntree {text-align: center;width: 960px; padding-bottom: 10px;padding-top: 10px;padding-bottom : 10px;}

.divEntree1 {
	border: 1px solid #ACACAC;
	height: 270px;
	width: 450px;
	float : left;
	padding-bottom: 10px;
	margin-left: 5px;
}

.divEntree2 {
	border: 1px solid #ACACAC;	
    height: 270px;
	width: 450px;
	float : left;
	margin-left: 5px;
	padding-bottom : 5px;
}



/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('./fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('./fancybox/fancybox.png');
	background-position: -40px 0px;
	
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('./fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('./fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('./fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('./fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	
	outline: none;
	background-image: url('./fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('./fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('./fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('./fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('./fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('./fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('./fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('./fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('./fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('./fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('./fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_title_over.png', sizingMethod='scale');  }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

#MENTION_PU {border: 1px solid #cccccc;}
#MENTION_PU .avantages {padding-left:10px;width: 170px;font-weight:bold;font-size : 12px;color : #000066;}
#MENTION_PU .infos {width: 720px;font-size : 12px;color : #000000;padding-bottom: 5px;}
#MENTION_PU TR{height: 40px;}
#MENTION_PU .titre{padding-left:10px;font-size: 20px;font-weight: bold;color: #000066;text-decoration:none;padding-top: 10px;padding-bottom: 10px;}
.wicket-modal .titre{padding-left:10px;font-size: 20px;font-weight: bold;color: #000066;text-decoration:none;padding-top: 10px;padding-bottom: 10px;}


.wicket-modal {width: 744px;}
.prxTtc { font-size: 0.8em;}
#resumeLivraison {width:700px;background-color: #CCC; }
#resumeLivraison TR {padding-bottom: 5px;}

#messagesCommande {border:1px solid #BBBBBB;width : 210px; height:400px; float : left;margin-top: 10px;}


#zoneValidationAchat #bt_panier {font-size: 16px;}
.descCatalogue {text-decoration: none;}

.ancreBanniere {position: absolute; top: 90px;left: 0px;}
#choixSOGauche {width :200px;float:left;}