/***************************************************************/
/*RESET
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}


/***************************************************************/
/* Useful 
-------------------------------------------------------------- */

.hidden { display:none; }
.clear { clear:both; }
br.clear { clear:both; line-height:0; font-size:0; height:0; }


/***************************************************************/
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color:#000; }


/***************************************************************/
/* Typo
-------------------------------------------------------------- */
a {color:#000; text-decoration:underline;}
a:hover{color:#000; text-decoration:none;}

.align_center { text-align:center; }
.align_right { text-align:right; }
.align_left { text-align:left; }
.align_justify{ text-align: justify; }
.uppercase { text-transform:uppercase; }
.bold { font-weight: bold; }
.strike { text-decoration:line-through; }
.italic { font-style: italic; }



/***************************************************************/
/* Body
-------------------------------------------------------------- */

body {background:#666 url(../Image/DESIGN/back.png) no-repeat 50% 0 fixed ; font:75% Verdana, Geneva, sans-serif; color: #000; text-align:left; line-height:1em; }
hr{ color:#F2F2F2; border:1px solid #333;}


/***************************************************************/
/*GLOBAL POSITION
-------------------------------------------------------------- */


/* Structure generale
-------------------------------------------------------------- */

#TitreHead{}

#conteneur{position:relative; width:960px;  margin:auto; }
#header{ width:960px; height:138px;}
#content{width:922px; padding:0 19px 0 19px;}
#footer{ overflow:hidden; width:960px;}
#sousmenu {width:922px; padding:0 19px 0 19px;}

/* Si Colonnes
-------------------------------------------------------------- */

.col2-1, .col2-2{float:left;}
.col2-1{ width:200px; background:#fff; margin:0; overflow:hidden;}
.col2-2{ width:700px; background:#fff; margin:0; float:right;  overflow:hidden;}

/* Bloc Defaut (logo, panier, newsletter, compte, recherche, titre page + )
------------------------------------------------------------------------- */

#logo{ position:absolute; top:2px; left:2px;}

#bloc_panier_compte {display:block; width:700px; height:39px; line-height:39px; margin:0 33px 0 0; padding:0; float:right;}
#bloc_panier_compte .caption {width:5px; height:39px; float:right; }
#bloc_panier_compte #right {background:url(../Image/DESIGN/horizontal.png) no-repeat 0 -304px }
#bloc_panier_compte #left {background:url(../Image/DESIGN/horizontal.png) no-repeat 0 -204px }
#bloc_panier_compte .elemt {float: right; position: relative; padding:0;  background:url(../Image/DESIGN/horizontal.png) repeat-x 0 -254px; height:39px}
#bloc_panier_compte .elemt a {display:block; height:39px; color:#000; line-height:39px; padding:0 12px}
* html #bloc_panier_compte .elemt a {display:inline-block}
#bloc_panier_compte .elemt a:hover {text-decoration:none}
* html #bloc_panier_compte li {display:inline}

#bloc_panier_compte #elemt1 a .picto {float:left; display:block; width:17px; height:15px; background:url(../Image/DESIGN/pictos.png) -133px -140px; margin:12px 3px 0 0; text-indent:999px; overflow:hidden}
#bloc_panier_compte #elemt1 li.hover a {height:40px}
li.mini_panier_inactif a, li.mini_panier_inactif a:hover {height:auto!important; text-decoration:none!important; cursor:default}

#bloc_panier_compte #elemt2 a .picto {float:left; display:block; width:17px; height:15px; background:url(../Image/DESIGN/pictos.png) -115px -140px; margin:12px 3px 0 0}
#bloc_panier_compte #elemt3 a{padding:0 12px 0 0} 
#sousmenu {background:#F2F2F2; height:35px; line-height:35px; overflow:hidden; margin-bottom:19px; position:relative } 

#bloc_recherche {float:left; width:600px;  height:35px; text-align:left;}
#bloc_recherche .titre{padding:0; text-transform:uppercase; letter-spacing:1px; font:12px Georgia, "Times New Roman", Times, serif; line-height:15px;}
#bloc_recherche .form_recherche .recherche{ height:20px; overflow:hidden; background:url(../Image/DESIGN/barres.jpg) -731px -66px; border:none; font-size:11px; color:#666; padding:0 3px 0 9px; width:215px; margin: 0 0 0 8px }
#bloc_recherche .form_recherche .button {width:21px; height:20px; color:transparent; background:url(../Image/DESIGN/pictos.png) -218px -138px; margin:0 0 0 3px} 
#bloc_recherche .recherche_avancee a{ color:#000; padding:0 0 0 10px; height:20px; line-height:20px; color:#90908e;}
#bloc_recherche .recherche_avancee a:hover{ color:#000; padding:0 0 0 10px; height:20px; line-height:20px; color:#90908e; text-decoration:none;}
* html #bloc_recherche {height:20px; margin-top:7px}
* html #bloc_recherche .form_recherche .recherche{padding-top:4px; height:16px}
#reseaux { width:180px; position:absolute; top:10px; right:0}
* html #reseaux, *+html #reseaux  {width:200px}
* html #reseaux .addthis_separator {display:none}
/* Panier */
/**********************************/

#bloc_panier_compte .mini_panier_inactif  {position: relative;}

#bloc_panier_compte .mini_panier {position: relative;}
#bloc_panier_compte .mini_panier #mini_panier_detail {position:absolute; top:35px; right:-5px; width:400px; display:none; padding-top:15px; border:5px solid #F2F2F2; background:#FFF;z-index:500}
#bloc_panier_compte .mini_panier li.hover #mini_panier_detail {display: block!important; }

table#mini_panier_table { border-collapse:collapse; margin:5px; width:385px}
table#mini_panier_table td { padding: 5px 5px 5px 5px; text-align:left; line-height:16px}
table#mini_panier_table tr.pair , table#mini_panier_table tr.impair { border: 1px solid #eee;}
td.mini_panier_img { width:45px; height:45px; text-align:center;}
td.mini_panier_prix { width:80px; vertical-align:middle; text-align:right;}
td.mini_panier_img , td.mini_panier_titre { border-right: 1px dotted #B3B1B1; vertical-align:middle}
table#mini_panier_table td.mini_panier_prdt { text-align:left; }

#mini_panier_fp {display:block; width:365px; padding:0 15px 0 0; line-height:25px; font-style:italic; text-align:right;  color:#616161;}
#mini_panier_voir a{ display:block; text-align:right; padding:0 15px 0 0; text-decoration:underline; font-variant:normal; line-height:25px; color:#0071BC!important}
#mini_panier_voir a:hover{ text-decoration:none}



/***************************************************************/
/*MENU
-------------------------------------------------------------- */

/* Menu CT1 
-------------------------------------------------------------- */
#menu_Catalogue1 {clear:both; display:block; width:100%; height:41px;  line-height:41px; background:#188fe2 url(../Image/DESIGN/horizontal.png) 0 -53px; z-index:1; margin:58px 0 0 0;}
#menu_Catalogue1 .menu_HD ul {line-height: 100%;}
#menu_Catalogue1 .menu_HD li {float: left; position: relative; background: url(../Image/DESIGN/horizontal.png) no-repeat 0 -153px; z-index:1;}
#menu_Catalogue1 .menu_HD a {display:block; padding:0 25px; width:auto; height:35px; line-height:35px; text-decoration:none; text-decoration:none;  margin:3px; letter-spacing:0.02em; font-size:13px; text-transform:uppercase; text-shadow:#555 -1px -1px 1px; color:#FFF}
* html #menu_Catalogue1 .menu_HD a {display:inline-block}
#menu_Catalogue1 .picto {width:21px; height:21px; display:block; float:left; margin:7px 10px 0 0; background: url(../Image/DESIGN/pictos.png) -201px -164px; overflow:hidden}
#menu_Catalogue1 .menu_HD li a:hover {background:#00548C; color:#fff; }
#menu_Catalogue1 .menu_HD li a:hover .picto {background-position:-228px -164px;}

/**********************************/
/* Menu Gauche VN 
-------------------------------------------------------------- */
#menu_Catalogue3 {width:200px; float:left}
.menu_Catalogue3 { margin:0;}
.menu_Catalogue3 .titre {margin:0; background:url(../Image/DESIGN/barres.jpg) no-repeat -703px -93px; }
.menu_Catalogue3 .titre span {display:block; background:url(../Image/DESIGN/vertical.png) no-repeat -1px 100%; padding:8px 10px; line-height:20px; color:#0071BC;  font:18px Georgia, "Times New Roman", Times, serif;}
  #menu_Catalogue3_2 .titre span {color:#A34989; background-position: -201px 100%}
.menu_Catalogue3 .corps {margin-bottom:20px; background:url(../Image/DESIGN/vertical.png) repeat-y -401px 0;}
.menu_Catalogue3 .corps .smenu {padding:8px 3px; background:url(../Image/DESIGN/vertical.png) no-repeat -601px 100%;}


.menu_Catalogue3 .level2 {}
.menu_Catalogue3 .level2 a {display: block; line-height:14px; padding:3px 11px 5px 11px; text-decoration:none; color:#000; margin:3px 0 0 0; } 
.menu_Catalogue3 .level3 a {padding:3px 11px 5px 25px; position:relative; line-height:13px; color:#333}
.menu_Catalogue3 .level4 a {padding:3px 11px 5px 25px; font-size:11px}
* html .menu_Catalogue3 .level4 a{width:158px}
.menu_Catalogue3 .level2 a .picto {display:none}
.menu_Catalogue3 .level3 a .picto { width:3px; height:3px; display:block; background:#0071BC; text-indent:999px; position:absolute; top:10px; left:15px; overflow:hidden}
*html .menu_Catalogue3 .level3 a .picto {left:-10px}
.menu_Catalogue3 .level4 a .picto {display:none}

.menu_Catalogue3 li a:hover {background-color:#EEF5F7; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; 
   -moz-box-shadow:inset 0 0 5px #999; -webkit-box-shadow:inset 0 0 5px #999; box-shadow:inset 0 0 5px #999;}
.menu_Catalogue3 .selected {color:#0071BC!important}


/***************************************************************/
/*FOOTER
-------------------------------------------------------------- */


/* Footer Menu PS1 
-------------------------------------------------------------- */
#menu_PS1 {display:block; background: url(../Image/DESIGN/barres.jpg) no-repeat -2px -1px ; overflow:hidden; height:64px; width:990px}
.menu_PS1 {line-height: 100%; margin:0 60px}
.menu_PS1 li {float: left; position: relative; text-align:left;}
.menu_PS1 a span{ display:block;}
/*habillage*/
.menu_PS1 li {width:200px; padding:10px 8px 8px 60px; }
.menu_PS1 li.li2 {width:235px}
.menu_PS1 li.li3 {width:230px}
.menu_PS1 li a {text-decoration:none; color:#FFF; text-align:left; font:21px Georgia, "Times New Roman", Times, serif; text-shadow: -1px -1px 1px #5E5E5E; line-height:25px }
.menu_PS1 li a:hover {text-decoration:underline}
.menu_PS1 a span{ color:#00375C; font-size:15px; display:block; line-height:15px; text-shadow:none}

/* Footer Menu PS2 
-------------------------------------------------------------- */
#menu_PS2 {display:block; width:978px;  overflow:hidden; padding:30px 0 30px 60px; background:#c4c4c4 url(../Image/DESIGN/horizontal.png) 0 -604px repeat-x; }
.menu_PS2 {line-height: 100%;}
.menu_PS2 li{ position: relative; text-align:left;}
/*habillage*/
.menu_PS2 .level1 {float:left; width:310px; }
.menu_PS2 .level1_2 { width:266px}
.menu_PS2 .level1_3 { width:305px}
.menu_PS2 li.level1 span{ color:#00548C; font:16px Georgia, "Times New Roman", Times, serif; height:30px; display:block }
.menu_PS2 li a {font-size:11px; text-decoration:none; color:#4d4d4d; text-align:left; line-height:17px}
.menu_PS2 li a:hover {color:#00548C; text-decoration:underline }


/* Footer part3 
-------------------------------------------------------------- */
#bloc_titre_page {overflow:hidden; width:922px; padding:0 19px; text-align:right; background:#666}
#bloc_titre_page * { line-height:20px; color:#999; font-size:10px; display:inline; clear:both;}

.footer {position:relative; }
.OCTAVEBALL {position:absolute; bottom:12px; right:12px; width:51px; height:49px}


/***************************************************************/
/*FORM ET BTN
-------------------------------------------------------------- */

/* btn class 
-------------------------------------------------------------- */
input.button{background:#00548C; color:#FFF; border:none; cursor:pointer;  font-size:13px; text-transform:uppercase; padding:3px 0 2px 0;}
input.button1, input.button2{line-height:25px; height:25px; padding:3px 20px 4px 20px; background:#cc1f29; color:#fff; border:none; cursor:pointer; font:13px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; letter-spacing:0.05em;
-moz-border-radius:13px 13px 13px 13px; -webkit-border-radius:13px 13px 13px 13px ; border-radius:13px 13px 13px 13px;
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#00548C), to(#178DE2));
background: -moz-linear-gradient(left, #00548C, #178DE2);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#00548C, endColorStr=#178DE2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#00548C, endColorStr=#178DE2);
}
input.button1:hover{color:#fff; background:#178DE2; filter:none}
input.button2{background:#71B3CF; filter:none}
input.button2:hover{color:#fff; background:#178DE2; filter:none}
* html input.button1, * html input.button2 {padding:3px 5px 4px 5px!important;}


/* messages errors
-------------------------------------------------------------- */
.error{margin: 5px 0 5px 0; color:#f00; display:block}
.identification .error{margin: 0 0 10px 0;}
.identification .error div{margin: 0 0 10px 0; color:#f00;}
.identification .error li{font-style:italic; font-size:11px; line-height:15px; color:#f00;}
.etoile{color:#f00;}
#FORM_TEXTE_ERREUR p {margin:10px 0 10px 130px; color:#f00; padding:8px; }


/* form 
-------------------------------------------------------------- */
label {font-weight:bold; font-size:11px; height:20px; line-height:20px;  text-align:right; padding:0 5px 0 0;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, select {background-color:#fff; border:1px solid #E0DDD7; color:#878687; font-size:11px; line-height:18px; height:18px;  padding:0 0 0 3px; margin:0; size:25;}
textarea{background-color:#fff; border:1px solid #E0DDD7; color:#878687; font-size:11px; line-height:18px;  padding:0 0 0 3px; margin:0; size:25;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#B3B1B1;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:1px;}


/* message envoi ok/Nook 
-------------------------------------------------------------- */
.form_message{}
.form_message_bouton{}

/*
.FormMessageOk{width:100%; text-align:center; margin:20px 0 20px 0;}
.FormMessageNoOk{text-align:center; margin:20px 0 20px 0;}
.FormMessageNoOk strong{color:#EB3B00;}
*/


/* Popup ajout panier
-------------------------------------------------------------- */
.PopupTerminerCommande .confirmation_ajout_panier{ text-align:center; font-size:14px; line-height:18px; margin:10px;}
.PopupTerminerCommande .confirmation_ajout_panier span{ color:#CC1F29; font-size:11px; display:block; margin:0 0 10px 0;}
.PopupTerminerCommande a {display:block; float:left; line-height:25px; height:15px; width:200px; text-align:center; text-decoration:none; padding:5px; background:#cc1f29; color:#fff; border:none; cursor:pointer; font:12px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; letter-spacing:0.05em; margin:0 0 0 23px;
-moz-border-radius:13px 13px 13px 13px; -webkit-border-radius:13px 13px 13px 13px ; border-radius:13px 13px 13px 13px; background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#00548C), to(#178DE2)); background: -moz-linear-gradient(left, #00548C, #178DE2); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#00548C, endColorStr=#178DE2); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#00548C, endColorStr=#178DE2);} 
.PopupTerminerCommande a.poursuivre_achats {background:#71B3CF; }
.PopupTerminerCommande a.poursuivre_achats:hover {color:#fff; background:#178DE2;}
.PopupTerminerCommande a.valider_panier:hover{color:#fff; background:#178DE2;}
* html .PopupTerminerCommande a, *+html .PopupTerminerCommande a {font-size:10px!important; letter-spacing:0!important; margin:0 10px!important; margin:0 15px!important ; width:180px!important} 

/***************************************************************/
/*BLOCS SUGGESTION ARTICLE/PANIER ET LISTES
-------------------------------------------------------------- */

/**********************************/
/* listes d'articles en ligne
-------------------------------------------------------------- */
.lignes {border-top:1px dotted #999; width:700px; overflow:hidden}
.lignes li{position:relative; height:170px; width:710px; margin:0; background:#fff; border-bottom:1px dotted #999; overflow:hidden}
.lignes li a{ display:block; text-decoration:none;}
.lignes .col1, .lignes .col2, .lignes .col3 { float:left; position:relative; height:170px}
.lignes .col1 {width:100px; margin:10px 5px; position:relative}
.lignes .col2 {width:385px; border-right:1px dotted #999; padding:0 10px}
.lignes .col3 {width:180px;}
	.lignes .img_produit {width:100px; height:150px; line-height:150px; display:table-cell; text-align:center;  vertical-align:middle; background:#f2f2f2; }
	.lignes .auteurs , .lignes .date, .lignes .editeur {float:right; width:210px; text-align:right; font-size:11px; color:#666; font-style:italic}
	.lignes .auteurs {text-align:left; float:left; width:160px; text-decoration:underline; color:#000; font-style:normal}
	.lignes .date {}
	.lignes .editeur {text-decoration:underline}

	.lignes .art_designation { font-size:14px; padding:10px 0 15px 0; text-align:left; letter-spacing:0.02em; overflow:hidden; line-height:20px; max-height:30px; font-weight:bold; overflow:hidden; color:#00548C}
	.lignes .text_court {position:absolute; bottom:10px; left:10px; color:#4D4D4D; font-size:11px; overflow:hidden; max-height:62px}
	.lignes .text_court .titre {color:#000; display:block; font-size:12px}
	.lignes .text_court br {line-height:8px}
	.lignes .dispo {line-height:14px; height:38px; margin:0 5px; text-align:center; font-size:11px; color:#4D802B}
	  .lignes .dispo .stock_ko {color:#FF4007}
	  
	.lignes .prix span{text-align:center; font-size:12px; height:27px; display:block;}
	  .lignes .prix span.remise {position:absolute; top:10px; right:-2px; width:57px; height:17px; background:#FF4007 url(../Image/DESIGN/pictos.png) -174px -91px; color:#FFF; font-size:13px; font-weight:bold; line-height:17px}
	  .lignes .prix span.prix_brut {text-decoration:line-through; font:15px Georgia, "Times New Roman", Times, serif; color:#666; text-align:left; padding:8px;}
	  .lignes .prix span.prix_net { font:24px Georgia, "Times New Roman", Times, serif; color:#BF3006; height:40px}
.lignes .ajout_panier {width:159px; height:27px; margin:0 0 0 15px;  background:url(../Image/DESIGN/pictos.png) -12px -3px;}
	  .lignes .ajout_panier_disable {background-position: -12px -57px} 
	  .lignes .ajout_panier span {display:none}

.lignes li.hover, .lignes li:hover {background:#EEF5F7}
.lignes li.hover .art_designation, .lignes a.auteurs:hover, .lignes a.editeur:hover {color:#00548C; text-decoration:none;}
.lignes li.hover .art_designation {color:#000}
.lignes li.hover .prix span.remise {background-position:-234px -91px}

.lignes li.hover .ajout_panier {background-position:-172px -3px}
.lignes li.hover a.ajout_panier:hover {background-position:-172px -30px}
.lignes li.hover a.ajout_panier_disable, .lignes li.hover a.ajout_panier_disable:hover {background-position: -172px -57px; cursor:default} 

.picto_Nouveaute{ position:absolute; top:-5px; left:-5px; height:49px; width:49px; background: url(../Image/DESIGN/new.png) no-repeat 0 0; display:block; }
* html .picto_Nouveaute {background: url(../Image/DESIGN/new.gif) no-repeat 0 0;}
.picto_CoupCoeur {left:410px; top:82px; width:60px; height:25px;  background:url(../Image/DESIGN/pictos.png) -333px -151px; position:absolute; display:block;}
* html .picto_CoupCoeur {background: url(../Image/DESIGN/coeur.gif) no-repeat 0 0;}	
.vignettes .picto_CoupCoeur {display:none}

/* Bloc suggestion articles DA (comme pere, fils, cousin..ds differents contexte : article, recherche...)
-------------------------------------------------------------- */
.bloc_DA_sell{position:relative; overflow:hidden; width:700px; height:210px; background:url(../Image/DESIGN/barres.jpg) -2px -93px; margin:0 0 20px 0 }
.bloc_DA_sell .titre{ color:#FFF; display:block; height:45px; font:17px Georgia, "Times New Roman", Times, serif; line-height:40px; padding:0 14px; text-transform:uppercase; letter-spacing:0.2em}
.bloc_DA_sell .view { float: left; overflow: hidden; position: relative; width:600px; height:140px;}
.bloc_DA_sell .buttons { display:block; height:210px; width:50px; text-decoration:none; float:left}
.bloc_DA_sell .buttons span {text-indent:999px; width:20px; height:31px; display:block; background:url(../Image/DESIGN/pictos.png) -334px -74px; margin:45px 0 0 15px}
.bloc_DA_sell a.prev span {background-position: }
.bloc_DA_sell a.next span {background-position: -334px -110px; }
.bloc_DA_sell a.prev:hover span {background-position: -364px -74px}
.bloc_DA_sell a.next:hover span {background-position: -364px -110px;}
.bloc_DA_sell a.disable {cursor:default}
.bloc_DA_sell a.prev.disable span, .bloc_DA_sell a.prev.disable:hover span {background-position: -394px -74px; }
.bloc_DA_sell a.next.disable span, .bloc_DA_sell a.next.disable:hover span {background-position: -394px -110px; }
 * html .bloc_DA_sell a.disable {visibility:hidden}
.bloc_DA_sell a.next.disable {background-position: -394px -110px; }
.bloc_DA_sell .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }

.vignettes li {float: left; position: relative; width:100px; height:130px; background:#FFF; margin:2px 20px 2px 4px; }
.vignettes li .bulle {display:none}
.vignettes li:hover, .vignettes li.hover {border:2px solid #FFF; z-index:2; margin:0 18px 0 2px;}
.vignettes li a, .qtip-content a{ display:block; text-decoration:none;}
	.vignettes .img_produit {width:98px; height:130px; line-height:104px; display:table-cell; text-align:center;  vertical-align:middle; background:#f2f2f2; }
	.vignettes .img_produit img {max-width:98px; max-height:130px}
.qtip-content .art_designation { font-size:12px; text-align:left; letter-spacing:0.01em; overflow:hidden; line-height:15px; padding:0 0 5px 0}
.qtip-content .auteurs {text-align:left; text-decoration:underline;  font-size:11px; color:#666; font-style:italic}
.qtip-content .prix {text-align:left; font-size:12px; display:block; padding:8px 0 0 0 }
	  .qtip-content .prix span.remise {color:#FF4007; font-size:13px; font-weight:bold; line-height:17px; }
	  .qtip-content .prix span.prix_brut {text-decoration:line-through; font:13px Georgia, "Times New Roman", Times, serif; color:#666; text-align:left; margin:0 5px}
	  .qtip-content .prix span.prix_net { font:17px Georgia, "Times New Roman", Times, serif; color:#BF3006; height:40px}
.qtip-content .ajout_panier {margin:8px 0; font:13px Georgia, "Times New Roman", Times, serif; color:#0074CD; text-decoration:underline; width:80px}
.qtip-content .ajout_panier:hover, .qtip-content .auteurs:hover {text-decoration:none; color:#0074CD;}
	  .qtip-content .ajout_panier .picto {width:16px; height:14px; float:left; margin:0 5px 0 0; background:url(../Image/DESIGN/pictos.png) -282px -151px; }

.qtip-content a.ajout_panier:hover {background-position:-12px -30px}
.qtip-content a.ajout_panier_disable, .lignes li.hover a.ajout_panier_disable:hover {background-position: -12px -57px; cursor:default} 


/* Bloc suggestion articles validation_panier
-------------------------------------------------------------- */

.bloc_DA_sell_panier{position:relative; margin:10px 0 25px 80px;}
.bloc_DA_sell_panier .titre{ font-size:14px; color:#cb1e2b; line-height:35px; display:block; width:335px; text-align:center;}
.bloc_DA_sell_panier .view { float: left; overflow: hidden; position: relative; width:350px; height:150px;}
.bloc_DA_sell_panier .buttons { display: block;  float: left; height:170px; width:25px; display:none;}

.bloc_DA_sell_panier .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
.bloc_DA_sell_panier ul{line-height: 100%; overflow:hidden;  margin:0 0 0 50px;}
.bloc_DA_sell_panier ul li {float: left; position: relative; width:100px; border:1px solid #B3B1B1; margin:0 12px 0 0; padding:5px 0 0 0;}
.bloc_DA_sell_panier ul li:hover {border:1px solid #0071BC;}
.bloc_DA_sell_panier ul li .last{margin:0 0 12px 0;}
.bloc_DA_sell_panier ul li a{ display:block; text-decoration:none;}

.bloc_DA_sell_panier a.img_produit img{width:80px; height:80px }
.bloc_DA_sell_panier a.img_produit:link{ text-align:center;}
.bloc_DA_sell_panier a.img_produit:visited{ text-align:center;}
.bloc_DA_sell_panier a.img_produit:hover{ text-align:center;}

.bloc_DA_sell_panier a.voir_produit:link{color:#9f9f9f; font-size:10px; text-align:right; padding:8px 5px 3px 0; border-bottom:1px dotted #9f9f9f; } 
.bloc_DA_sell_panier a.voir_produit:visited{color:#9f9f9f; font-size:10px; text-align:right; padding:8px 5px 3px 0; border-bottom:1px dotted #9f9f9f;}
.bloc_DA_sell_panier a.voir_produit:hover{color:#0071BC;}

.bloc_DA_sell_panier a.art_designation:link{color:#3b3a3a; text-transform:uppercase; font-size:12px; padding:4px 5px 4px 5px; text-align:left; letter-spacing:1px;  display:none;}
.bloc_DA_sell_panier a.art_designation:visited{color:#3b3a3a; text-transform:uppercase; font-size:12px; padding:4px 5px 4px 5px; text-align:left; letter-spacing:1px;  display:none;}
.bloc_DA_sell_panier a.art_designation:hover{}

.bloc_DA_sell_panier a.prix_ttc:link{color:#EB3B00; text-align:left; padding:4px 5px 4px 5px; font-size:16px; display:none;}
.bloc_DA_sell_panier a.prix_ttc:visited{color:#EB3B00; text-align:left; padding:4px 5px 4px 5px; font-size:16px;  display:none;}
.bloc_DA_sell_panier a.prix_ttc:hover{}

.bloc_DA_sell_panier .remise{color:#ec3b00; font-size:14px; line-height:25px; display:inline; letter-spacing:1px; padding:0 5px 0 5px;  display:none;}
.bloc_DA_sell_panier .prix_sans_remise{color:#626262; font-size:14px; text-decoration:line-through; line-height:25px; display:inline; letter-spacing:1px;  padding:0 0 0 5px;  display:none;}



/*************************************************
* image loading
-----------------------------------------------------------------*/

#lbl_001 .ImgLoading001 {margin:200px 0 0 0}
#lbl_101 .ImgLoading100 {margin:200px 0 0 0}
#lbl_100 .ImgLoading100 {margin:25px 0 0 0}
#lbl_005 .ImgLoadingTous {margin:15px 0 0 0}
.loadingBulle {margin:25px}

/*#######    Chapitre 16    ########## Lightbox ########## */
	/*Lightbox*/
#lightbox{
	background-color:#fff;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay {background-color:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
}
#DIV_LigneArticleCommentaire {Z-INDEX:1100; LEFT: 0pt; WIDTH: 100%; position:absolute; TOP: 0pt; BACKGROUND-COLOR:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#DIV2_LigneArticleCommentaire{
border:8px solid #eee; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; 
border-radius: 10px 10px 10px 10px; 
-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
-webkit-border-bottom-left-radius: 10px; /* pour Chrome */ 
-webkit-border-top-right-radius: 10px; /* pour Chrome */ 
-webkit-border-bottom-right-radius: 10px; /* pour Chrome */ 
-moz-box-shadow: 1px 1px 12px #555; 
-webkit-box-shadow: 1px 1px 12px #555; 
box-shadow: 1px 1px 12px #555;
Z-INDEX:1101; position:absolute; TOP: 50%; BACKGROUND-COLOR: white; padding: 3px 3px 3px 3px; overflow:auto; overflow:hidden;
}


/*infobulle*/
#infobulle{
position: absolute;      
border: 1px solid #000000;
padding: 0px;
z-index:20000;
background-color:#FFFFFF;
display:none;
}
/*Lightbox*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay {background-color:#000000; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5}

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
}