Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on May 4th, 2012  |  syntax: CSS  |  size: 126.46 KB  |  hits: 22  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. @CHARSET "UTF-8";
  2.  
  3. html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
  4. .clear {clear:both;}
  5.  
  6. /* Fonts */
  7. @font-face {
  8.     font-family:'DidotLTStdRoman';
  9.     src:url('fonts/didotltstd-roman-webfont.eot');
  10.     src:url('fonts/didotltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
  11.          url('fonts/didotltstd-roman-webfont.woff') format('woff'),
  12.          url('fonts/didotltstd-roman-webfont.ttf') format('truetype'),
  13.          url('fonts/didotltstd-roman-webfont.svg#DidotLTStdRoman') format('svg');
  14.     font-weight:normal;
  15.     font-style:normal;
  16. }
  17. @font-face {
  18.     font-family:'FuturaStdLight';
  19.     src:url('fonts/futurastd-light-webfont.eot');
  20.     src:url('fonts/futurastd-light-webfont.eot?#iefix') format('embedded-opentype'),
  21.          url('fonts/futurastd-light-webfont.woff') format('woff'),
  22.          url('fonts/futurastd-light-webfont.ttf') format('truetype'),
  23.          url('fonts/futurastd-light-webfont.svg#FuturaStdLight') format('svg');
  24.     font-weight:normal;
  25.     font-style:normal;
  26. }
  27. @font-face {
  28.     font-family:'GillSansLight';
  29.     src:url('fonts/gill_sans_light-webfont.eot');
  30.     src:url('fonts/gill_sans_light-webfont.eot?#iefix') format('embedded-opentype'),
  31.          url('fonts/gill_sans_light-webfont.woff') format('woff'),
  32.          url('fonts/gill_sans_light-webfont.ttf') format('truetype'),
  33.          url('fonts/gill_sans_light-webfont.svg#GillSansLightRegular') format('svg');
  34.     font-weight:normal;
  35.     font-style:normal;
  36. }
  37. @font-face {
  38.     font-family:'GillSansRegular';
  39.     src:url('fonts/gillsans-webfont.eot');
  40.     src:url('fonts/gillsans-webfont.eot?#iefix') format('embedded-opentype'),
  41.          url('fonts/gillsans-webfont.woff') format('woff'),
  42.          url('fonts/gillsans-webfont.ttf') format('truetype'),
  43.          url('fonts/gillsans-webfont.svg#GillSansRegular') format('svg');
  44.     font-weight:normal;
  45.     font-style:normal;
  46. }
  47. @font-face {
  48.     font-family:'DidotLTStdBold';
  49.     src:url('fonts/didotltstd-bold-webfont.eot');
  50.     src:url('fonts/didotltstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
  51.          url('fonts/didotltstd-bold-webfont.woff') format('woff'),
  52.          url('fonts/didotltstd-bold-webfont.ttf') format('truetype'),
  53.          url('fonts/didotltstd-bold-webfont.svg#DidotLTStdBold') format('svg');
  54.     font-weight:normal;
  55.     font-style:normal;
  56.  
  57. }
  58. @font-face {
  59.     font-family:'DidotLTStdItalic';
  60.     src:url('fonts/didotltstd-italic-webfont.eot');
  61.     src:url('fonts/didotltstd-italic-webfont.eot?#iefix') format('embedded-opentype'),
  62.          url('fonts/didotltstd-italic-webfont.woff') format('woff'),
  63.          url('fonts/didotltstd-italic-webfont.ttf') format('truetype'),
  64.          url('fonts/didotltstd-italic-webfont.svg#DidotLTStdItalic') format('svg');
  65.     font-weight:normal;
  66.     font-style:normal;
  67.  
  68. }
  69. @font-face {
  70.     font-family:'FuturaStdMedium';
  71.     src:url('fonts/futurastd-medium-webfont.eot');
  72.     src:url('fonts/futurastd-medium-webfont.eot?#iefix') format('embedded-opentype'),
  73.          url('fonts/futurastd-medium-webfont.woff') format('woff'),
  74.          url('fonts/futurastd-medium-webfont.ttf') format('truetype'),
  75.          url('fonts/futurastd-medium-webfont.svg#FuturaStdMedium') format('svg');
  76.     font-weight:normal;
  77.     font-style:normal;
  78. }
  79. @font-face {
  80.     font-family:'FuturaStdBook';
  81.     src:url('fonts/futurastd-book-webfont.eot');
  82.     src:url('fonts/futurastd-book-webfont.eot?#iefix') format('embedded-opentype'),
  83.          url('fonts/futurastd-book-webfont.woff') format('woff'),
  84.          url('fonts/futurastd-book-webfont.ttf') format('truetype'),
  85.          url('fonts/futurastd-book-webfont.svg#FuturaStdBook') format('svg');
  86.     font-weight:normal;
  87.     font-style:normal;
  88. }
  89. @font-face {
  90.     font-family:'HelveticaNeueLight';
  91.     src:url('fonts/helveticaneueltstd-lt-webfont.eot');
  92.     src:url('fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
  93.         url('fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),
  94.         url('fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
  95.         url('fonts/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');
  96.     font-weight:normal;
  97.     font-style:normal;
  98. }
  99.  
  100. /* Media queries pour iPad, iPhone et iPhone4 */
  101. @media only screen and (max-device-width:1024px){
  102.         #header .special-menu {font-size:11px !important;}
  103. }
  104.  
  105. /* Global */
  106. a {text-decoration:none;cursor:pointer;}
  107. .relative {position:relative;}
  108.  
  109. /* Habillage */
  110. .habillage1 {background:url("../img/fond.jpg") repeat;}
  111. .habillage2 {background:url("../img/image_solondon.jpg") no-repeat scroll center top #FFFFFF;}
  112.  
  113. /* Structure */
  114. .struct {width:946px;padding:0 7px;margin:0 auto;}
  115. #main {}
  116. #main .col-left {width:178px;float:left;}
  117. #main .col-main {width:754px;float:right;}
  118. #main.col-1column .col-main {width:946px;}
  119.  
  120. /* Header */
  121. .top-header {font-family:GillSansRegular;font-size:11px;text-transform:uppercase;height:31px;padding-bottom:3px;background:url(../img/header_bg.png) 0 0 repeat-x;position:relative; z-index:9990;}
  122. .top-header .our-stores {padding:8px 0 0 9px;float:left;display:block;}
  123. .top-header .our-stores li {display:inline-block;margin:0;float:left;margin-right:9px;}
  124. .top-header .our-stores li, .top-header .our-stores a:hover {color:#fff;}
  125. .top-header .our-stores li a {color:#aaa;}
  126. .top-header .right-links {float:right;padding:0;position:relative;z-index:9999;}
  127. .top-header .right-links a {color:#fff;float:left;display:block;margin-top:7px;}
  128. .top-header .right-links a span.empty {color:#b5b5b5}
  129. #cart-summary-container, #favs-container, #account-container, #langs-container, #cadeau-container {position:relative;z-index:100;float:left;height:31px;cursor:pointer;border-right:1px solid #000;border-left:1px solid #000;}
  130. #cart-summary-container:hover, #favs-container:hover, #account-container:hover, #langs-container:hover,
  131. #cart-summary-container.active, #favs-container.active, #account-container.active, #langs-container.active
  132. {background-color:#1e1e1e;border-right:1px solid #3b3b3b;border-left:1px solid #3b3b3b;}
  133. .right-links .active {height:32px !important;}
  134. #langs-layer, #account-layer, #cart-summary-layer {display:none;position:absolute;border-top:solid 1px #3b3b3b;top:31px;z-index:99;right:0;background-color:#1e1e1e;}
  135. #langs-layer {width:53px;padding-top:18px;}
  136. #langs-layer a, #account-layer a, #cart-summary-layer a {color:#adadad;}
  137. #langs-layer a:hover, #account-layer a:hover, #cart-summary-layer a:hover {color:#fff;}
  138. #langs-layer a, #account-layer a {clear:both;margin:0 auto 20px;display:block;height:9px;text-align:center;font-size:11px;float:none;letter-spacing:0.05em;outline: none;}
  139. #account-layer a {text-align:left;padding-left:23px;}
  140. #account-layer {width:173px;padding-top:18px;}
  141. #account-layer a.disconnect {border-top:1px #323232 solid;padding:10px 0 14px 23px;margin-bottom:0;}
  142. #cart-summary-layer {width:482px;padding-right:13px;}
  143. #cart-summary-layer div {position:relative;top:0;}
  144. #cart-summary-layer div.store-line {padding:14px 0;width:100%;border-bottom:1px solid #3b3b3b;height:64px;}
  145. #cart-summary-layer div.store-line a.titre {margin:5px 24px 0 18px;color:#FFF;text-transform:none;font-size:20px;font-family:Didot;display:block;float:left;width:160px;}
  146. .store-products, .prod-box, .grey-box, .grey-empty-box, .prod-box img {float:left;}
  147. .prod-box {height:64px;width:64px;margin-right:8px;position:relative;}
  148. .prod-box a {margin-top:0 !important;}
  149. .prod-box a span {position:absolute;bottom:3px;right:7px;font-family:Times, serif;font-size:12px;color:#000 !important;text-transform:none;}
  150. a.grey-box {padding-top:14px;height:50px;width:64px;background:url(../img/h_sprite.png) 0 -110px no-repeat;color:#fff !important;font-size:11px;text-align:center;font-family:GillSansRegular;display:block !important;margin-top:0 !important;}
  151. a.grey-box span {font-size:18px;color:#fff !important;}
  152. .grey-empty-box {height:64px;width:64px;background:url(../img/h_sprite.png) 0 -174px no-repeat;}
  153. .total-line {height:43px;}
  154. .total-line p {display:block;margin:11px 40px 0 10px;float:right;color:#fff;font-family:FuturaStdLight;font-size:16px;}
  155. .total-line p span {font-size:18px;font-family:times, serif;margin-left:11px;}
  156. .total-line a {float:right !important;background:url(../img/btns.png) right top no-repeat;padding-right:2px;font-size:13px;font-family:FuturaStdLight;height:27px;display:block;line-height:27px;}
  157. .total-line a:hover {background-position:right -27px;}
  158. .total-line a:active {background-position:right -54px;}
  159. .total-line a span {background:url(../img/btns.png) left top no-repeat;padding:0 9px 0 11px;display:block;height:27px;color:#fff !important;}
  160. .total-line a span:hover {background-position:left -27px;}
  161. .total-line a span:active {background-position:left -54px;}
  162. #langs-container {padding:0 13px;}
  163. #account-container {padding:0 6px;}
  164. #favs-container {padding:0 11px 0 9px;}
  165. #cart-summary-container {padding:0 13px 0 7px;}
  166. .top-header .right-links div div {position:absolute;top:31px;}
  167. .top-header .right-links a span {color:#ff6f36;}
  168. .top-header .cart-sumary {background:url(../img/h_sprite.png) 0 0 no-repeat;padding-left:18px;line-height:10px;padding-top:3px;height:10px;}
  169. .top-header .cart-sumary span {padding-left:6px;}
  170. .top-header .favs {background:url(../img/h_sprite.png) 0 -13px no-repeat;padding-left:18px;line-height:10px;padding-top:3px;height:10px;}
  171. .top-header .account {background:url(../img/h_sprite.png) 0 -26px no-repeat;padding-left:15px;line-height:10px;padding-top:2px;height:10px;cursor:default;}
  172. .top-header a.account span, .top-header .langs span {background:url(../img/h_sprite.png) 0 -41px no-repeat;display:inline-block;height:10px;margin-left:6px;width:7px;}
  173. .top-header .langs {padding-top:1px;}
  174. #page {background:#fff;margin:-3px auto 0;padding:17px 15px 0;width:960px;}
  175. #header {position:relative; z-index:999;}
  176. #header img {display:block;}
  177. #header a.logo {position:absolute;z-index:99;top:33px;left:29px;}
  178. #header a.logo-lge {position:absolute;z-index:99;top:49px;left:46px;}
  179. #header a.logo-lex {position:absolute;z-index:99;top:33px;right:29px;}
  180. #header .special-menu {display:block;margin:7px 0 0 6px;font-size:13px;font-family:GillSansLight;text-transform:uppercase;}
  181. #header .special-menu li {float:left;padding-right:9px;}
  182. #header .special-menu li:after {margin-left:9px;content:"•";color:#717171;}
  183. #header .special-menu li:last-child:after, #header .special-menu li.dernier {content:""!important;}
  184. #header .special-menu li.first{margin-left:2px!important;}
  185. #header .special-menu li a {color:#000;}
  186. #header .special-menu li a.gras {font-family:'GillSansRegular';}
  187. #header .special-menu li a:hover {color:#757575;text-decoration:underline;}
  188. #header .special-menu li.sales a {color:#e30613;}
  189. #header .nav-container {margin-top:12px;height:25px;border-bottom:4px solid #000;clear:both;}
  190. .page-etapes #header .nav-container {height:9px;}
  191. #header #top-nav {float:left;font-size:14px;font-family:GillSansLight;text-transform:uppercase;position:relative;}
  192. #header #top-nav li {float:left;}
  193. #header #top-nav li a {color:#000;padding:4px 8px 0 8px;height:22px;display:block;}
  194. #header #top-nav li.gris{background:url(../img/bg-header-title.jpg) no-repeat left 10px;margin-left:20px;padding-left:22px;}
  195. #header #top-nav li.gris a {color:#767676 !important;background:none !important;}
  196. #header #top-nav li.gris a:hover{background:none !important;color:#333 !important;}
  197. #header #top-nav li a:hover, #header #top-nav li a.active, #header #top-nav li a.current {color:#fff;background:#000 url(../img/nav_roll.jpg) 0 0 repeat-x;}
  198. #header #top-nav li div.layer {display:none;padding:5px 0 7px;background-color:#000;position:absolute;top:25px;width:946px;left:0;z-index:99;}
  199. #header #top-nav li div.layer.shown {}
  200. #header #top-nav .current-cat, #header #top-nav .subnav, #header #top-nav .brands {float:left;}
  201. #header #top-nav .current-cat {display:table;vertical-align:middle;height:147px;width:233px;color:#fff;font-size:43px;font-family:DidotLTStdRoman;text-transform:none;line-height:38px;letter-spacing:-0.05em;text-align:center;}
  202. * + html #header #top-nav .current-cat {position:relative !important;}
  203. #header #top-nav .current-cat span {display:table-cell;vertical-align:middle;}
  204. * + html #header #top-nav .current-cat span {position:absolute;top:45%;margin-top:expression(-this.offsetHeight/2);display:inline;text-align:center;left:0;right:0;}
  205. #header #top-nav .current-cat img {margin:59px 0 0 23px;}
  206. #header #top-nav .subnav {width:240px;padding-top:11px;}
  207. #header #top-nav .subnav.last {width:230px;}
  208. #header #top-nav .subnav li {float:none;padding:8px 0 0 0;}
  209. #header #top-nav .subnav li a {padding:0 10px 0 26px;display:block;line-height:13px;height:auto;}
  210. #header #top-nav .subnav li a:hover:before {content:"•";color:#FFF;padding-right:3px;}
  211. #header #top-nav .subnav li a:hover {padding-left:16px;background:none;expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = '• '+this.innerHTML);}
  212. #header #top-nav .brands {width:230px;}
  213. #header #top-nav .brands ul {margin:20px 0 0 28px;}
  214. #header #top-nav .brands ul li {float:none;padding:0 0 5px 0;}
  215. #header #top-nav .brands ul a {color:#adadad;font-size:11px;font-family:GillSansLight;padding:0;height:13px;}
  216. #header #top-nav .brands ul a.btn{margin-left:17px;}
  217. #header #top-nav .brands ul a.btn span{width:120px;}
  218. #header #top-nav .brands ul a:hover {background:none;color:#fff;}
  219. #header #top-nav .subnav a {color:#adadad;font-size:13.5px;font-family:GillSansLight;}
  220. #header #top-nav li div.inner {background:url(../img/layer_bg.jpg) 0 0 repeat-y;min-height:147px;}
  221. #header form {padding-left:2px;background:url(../img/h_sprite.png) 0 -52px no-repeat;margin-top:1px;height:21px;display:block;float:right;max-width:178px;position:relative;}
  222. #header form input, .search-top input {color:#757575;float:right;border-width:1px 0 1px 0;border-style:solid;border-color:#cacaca;height:19px;padding-left:8px;font-size:11px;font-family:verdana;width:144px;}
  223. #header form button, .search-top button {float:right;background:url(../img/h_sprite.png) 0 -73px no-repeat;width:26px;height:21px;text-indent:-999px;overflow:hidden;border:none;cursor:pointer;}
  224. #header form .autocomplete {width:245px;position:absolute;right:-3px;background:transparent url(../img/autocomplete.png) no-repeat 0 0;padding-top:5px;top:19px;display:none;}
  225. #header form .autocomplete .bottom {clear:both;height:5px;background:transparent url(../img/autocomplete.png) no-repeat -490px 0;}
  226. #header form .autocomplete .inner-block {background:transparent url(../img/autocomplete.png) repeat-y -245px 0;padding:0 3px;}
  227. #header form .autocomplete .allproducts {height:35px;border-bottom:1px solid #f4f4f4;padding-left:30px;font-size:14px;font-family:verdana, arial;width:209px;line-height:35px;display:block;color:#3e3e3e;}
  228. #header form .autocomplete .allproducts:hover {color:#000;background:url(../img/autocomplete-on.png) left bottom repeat-x;}
  229. #header form .autocomplete .parent {display:block;font-size:11px;color:#909090;height:30px;line-height:30px;padding-left:7px;font-family:GillSansRegular;text-transform:uppercase;}
  230. #header form .autocomplete ul li a {padding-left:30px;height:25px;display:block;line-height:25px;color:#3e3e3e;font-size:14px;font-family:Verdana, Geneva, sans-serif;}
  231. #header form .autocomplete ul li a:hover {color:#000;background:url(../img/autocomplete-on.png) left bottom repeat-x;}
  232. #header form .autocomplete ul {border-bottom:#f4f4f4 1px solid;}
  233. #header form .autocomplete ul.last {border:none;}
  234. #header #top-nav .brands a.see-all-brands {background:url(../img/h_sprite.png) 0 -94px no-repeat;font-family:georgia;color:#adadad;font-size:12px;font-style:italic;text-decoration:underline;text-transform:none;height:13px;padding:0 0 0 9px;margin-left:29px;}
  235. #header #top-nav .brands a.see-all-brands:hover{color:#fff;}
  236. /* breadcrumbs */
  237. .breadcrumbs {margin-right:5px;font-family:'GillSansRegular';font-size:10px;color:#b7b7b7;padding:15px 0 9px;border-bottom:1px dotted #c9c9c9;text-transform:uppercase;}
  238. .breadcrumbs a {color:#b7b7b7;}
  239. .breadcrumbs a:hover {color:#000;}
  240.  
  241. /* Navigation */
  242. .col-main .navigation {width:273px;position:absolute;right:0;font-family:'GillSansRegular';font-size:10px;padding:0 9px;z-index:1;}
  243. .col-main .navigation.top {top:10px;}
  244. .col-main.one-line .navigation.top {top:10px;}
  245. .col-main .navigation.bottom {bottom:0;}
  246. .col-main .navigation a{color:#626262;text-transform:uppercase;display:inline-block;padding:2px 5px;}
  247. .col-main .navigation a:hover{background-color:#ededed;color:#000;}
  248. .col-main .navigation a.active {background-color:#ededed;color:#000;}
  249. .col-main .navigation a.precedent,.col-main .navigation a.suivant {background-image:url(../img/bg-pagination.png);background-repeat:no-repeat; background-position:4px 4px;float:left; padding-left:13px;}
  250. .col-main .navigation a.suivant {float:right; background-position:50px -9px; padding-left:5px;padding-right:13px;}
  251. .col-main .navigation .pagination {float:left;width:132px;text-align:center;}
  252. .col-main .tri {height:25px;font-family:'GillSansRegular';font-size:10px;padding-top:7px;}
  253. .col-main .tri span {color:#626262;display:block;height:21px;position:relative;top:5px;float:left;margin-right:5px;}
  254. .col-main .tri a.show-all {float:right;background:none;text-indent:0;font-size:10px;height:10px;padding:5px;width:auto;position:relative;top:1px;right:20px;margin-right:0;color:#626262;line-height:10px;text-transform:uppercase;}
  255. .col-main .tri a.show-all:hover{background-color:#ededed;color:#000;}
  256. .col-main .tri a {background:url(../img/bg-tri.png) no-repeat 0 0;height:21px;width:25px;display:block;text-indent:-999px;overflow:hidden;font-size:0;line-height:0;float:left;margin-right:1px;}
  257. .col-main .tri a.croissant {background-position:0 0;}
  258. .col-main .tri a.croissant.active, .list-products .tri a.croissant:hover {background-position:0 -26px;}
  259. .col-main .tri a.decroissant {background-position:-28px 0;}
  260. .col-main .tri a.decroissant.active, .list-products .tri a.decroissant:hover {background-position:-28px -26px;}
  261. .col-main a.haut {background:url(../img/bg-tri.png) no-repeat 104px -59px;color:#626262;font-family:'GillSansRegular';font-size:10px;text-transform:uppercase;display:block;width:90px;margin:8px 0 0 11px;height:11px;padding:4px 23px 4px 5px;}
  262. .col-main a.haut:hover {background-color:#EDEDED;color:#000;}
  263.  
  264. /* list-products */
  265. .list-products, .list-category {padding:70px 0 38px;}
  266. .list-products.with-media, .list-category.with-media{padding-top:30px !important;}
  267. .list-products.one-line, .list-category.one-line {padding-top:36px;}
  268. .list-products h1, .list-category h1, .lex .content-block h1, .lex h1 {font-family:'FuturaStdLight';font-size:24px;color:#999;text-transform:uppercase;padding:0 300px 7px 0;border-bottom:1px dotted #a5a5a5;}
  269. @media screen and (-webkit-min-device-pixel-ratio:0) {
  270.         .list-products.one-line, .list-category.one-line {padding-top:35px;}
  271.         .list-products h1, .list-category h1, .lex h1 {padding-bottom:5px;}
  272. }
  273. .list-products ul {width:100%;padding-bottom:17px;min-height:290px;margin-top:5px;}
  274. .list-products ul li {display:block;width:242px;padding-right:14px;float:left;min-height:295px;}
  275. .list-products ul li.last {padding-right:0;}
  276. .list-products ul li a {display:block;}
  277. .list-products ul li .image {background-color:#f7f7f7;position:relative;height:242px;width:242px;}
  278. .list-products ul li .image .cmd {left:8px;}
  279. .list-products ul li .image .couleurs {font-size:7px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000; position:absolute; bottom:11px; right:2px;}
  280. .list-products ul li .image .couleurs span {display:inline-block;width:9px;font-size:7px;color:#000;font-family:arial;}
  281. .list-products ul li .product-info {font-family:'GillSansRegular';font-size:12px;padding:5px 9px 0;line-height:14px;margin-bottom:0;position:relative;}
  282. .list-products ul li .libelle, .list-products ul li .libelle2 {font-family:georgia;font-size:12px;color:#404040;width:170px;}
  283. .list-products ul li .libelle:hover {color:#757575;text-decoration:underline;}
  284. .list-products ul li .libelle2 {cursor: none;color: text-decoration:none;} /* deja offert */
  285.  
  286. .list-products ul li .marque {font-family:georgia;font-size:11px;color:#000;width:150px;text-transform:uppercase;}
  287. .list-products ul li .marque:hover {color:#757575;text-decoration:underline;}
  288. .list-products ul li .infos {position:absolute;top:5px;right:7px;font-family:Times, serif;width:55px;text-align:right;}
  289. .list-products ul li .infos .prix {color:#404040;font-size:15px;display:block;}
  290. .list-products ul li .infos .poid {color:#969696;font-size:12px;display:block;}
  291. .list-products .infos .old-price {color:#999;font-style:italic;font-size:10px;text-decoration:line-through;display:block;}
  292. .list-products .infos .discount-percent {width:46px;height:19px;background-color:#e30613;font-size:13px;color:#fff;font-family:FuturaStdLight;text-align:center;line-height:19px;float:right;}
  293.  
  294. /* list-category */
  295. .list-category .image, .list-category .media {height:315px; width:754px; margin-bottom:22px; position:relative; text-align:right;}
  296. .list-category .image a.lire {position:absolute;bottom:16px;left:18px;font-family:Georgia, "Times New Roman", Times, serif;font-size:13px;font-style:italic;color:#c0c0c0;text-decoration:underline;z-index:9;}
  297. .list-category .media {background:#000;}
  298. .list-category .media .titre-media{position:absolute; top:76px; left:14px; color:#fff;text-align:left;}
  299. .list-category .media .titre-media span {display:block;}
  300. .list-category .media .ligne1 {font-family:'DidotLTStdRoman'; font-size:28px;letter-spacing:-0.07em;}
  301. .list-category .media .ligne2 {font-family:'DidotLTStdItalic'; font-size:33px;letter-spacing:-0.07em; height:58px; margin-top:-8px; text-transform:uppercase;}
  302. .list-category .media .ligne3 {font-family:'DidotLTStdRoman'; font-weight:normal; font-size:44px; text-transform:uppercase;margin-top:-30px;}
  303. .list-category .media #video {height:315px; width:754px;}
  304.  
  305.  
  306. .list-category .image .titre-image {position:absolute; top:63px; left:12px; color:#fff;text-align:left;}
  307. .list-category .image .titre-image span {display:block;font-family:'DidotLTStdRoman';}
  308. .list-category .image .titre-image .ligne1 { font-size:25px;letter-spacing:-0.06em;}
  309. .list-category .image .titre-image .ligne2 {font-size:45px; height:58px; margin-top:-8px; text-transform:uppercase;letter-spacing:-0.07em;}
  310. .list-category .image .titre-image .ligne3 {font-weight:normal; font-size:58px; text-transform:uppercase;margin-top:-20px;letter-spacing:-0.07em;height:61px;}
  311. .list-category .image .titre-image .par {font-size:23px;font-family:'FuturaStdLight';text-transform:uppercase;letter-spacing:0.04em;}
  312. .text-marque {border-bottom:4px solid #000; margin-bottom:5px;padding-bottom:10px;}
  313. .list-category .magasin {width:242px;min-height:184px;float:left;margin-right:14px;}
  314. .list-category .magasin.first {clear:both;}
  315. .list-category .magasin.last {margin-right:0;}
  316. .list-category .magasin h3 {color:#000;font-family:'DidotLTStdItalic';font-size:26px;border-bottom:1px solid #b2b2b2;padding-bottom:3px;margin-bottom:6px;}
  317. .list-category .magasin ul.categories {padding:0 5px 0 2px;}
  318. .list-category .magasin ul.categories li {padding-bottom:2px;}
  319. .list-category .magasin ul.categories li a {font-family:'GillSansRegular';color:#757575;font-size:12px;text-transform:uppercase;}
  320. .list-category .magasin ul.categories li a:hover{color:#333;}
  321. .list-category .magasin ul.categories li a span{color:#acacac;}
  322. .list-category .magasin ul.categories li a:hover span{color:#757575;}
  323. .list-category .epicerie {padding:3px 0 10px;margin-bottom:34px;}
  324. .list-category .epicerie.last {border-bottom:none;padding-bottom:10px;margin-bottom:11px;}
  325. .list-category .epicerie h3 {background:transparent url(../img/bg-last-products.png) no-repeat right 6px;color:#000;font-family:'DidotLTStdItalic';font-size:26px;border-bottom:1px solid #b2b2b2;padding-bottom:2px;}
  326. .list-category .epicerie h3.fermet {background-position:right -40px;}
  327. .list-category .epicerie .content {border-bottom:1px solid #b2b2b2;padding:5px 0 6px;}
  328. .list-category .epicerie.last .content {border-bottom:0;}
  329. .list-category .epicerie ul.marques {width:240px;min-height:178px;float:left;margin-right:15px;padding-left:2px;}
  330. .list-category .epicerie ul.marques.last {margin-right:0;padding-left:0;width:238px;}
  331. .list-category .epicerie ul.marques li {padding-bottom:2px;}
  332. .list-category .epicerie ul.marques li a {font-family:'GillSansRegular';color:#757575;font-size:12px;text-transform:uppercase;}
  333. .list-category .epicerie ul.marques li a:hover {color:#333;}
  334. .list-category .epicerie ul.marques li a span{color:#acacac;}
  335. .list-category .epicerie p {font-family:Georgia, "Times New Roman", Times, serif;font-size:15px;color:#333;margin:22px 0 10px;line-height:20px;}
  336. .list-category .epicerie p span {font-family:'FuturaStdLight';font-size:18px;text-transform:uppercase;display:block;margin-bottom:13px;}
  337.        
  338. /* last-products */
  339. .last-products {width:946px;margin:0 auto;text-align:left;border-top:1px solid #000;padding:6px 0 30px;border-bottom:4px solid #000;margin-bottom:37px;}
  340. #categorie .last-products {margin-bottom:6px;padding-bottom:0;border-bottom-width:6px;}
  341. .last-products p {background:transparent url(../img/bg-last-products.png) no-repeat right 2px;font-family:'FuturaStdLight';font-size:15px;color:#000;height:21px;text-transform:uppercase;margin-bottom:20px;padding-top:3px;cursor:pointer;}
  342. .last-products p.fermet {background-position:right -44px;border-bottom:1px solid #000;padding-bottom:6px;}
  343. .last-products ul {border-bottom:1px solid #000;width:100%;padding-bottom:37px;height:300px;}
  344. .last-products ul li {display:block;width:226px;padding-right:14px;float:left;}
  345. .last-products ul li.last {padding-right:0;}
  346. .last-products ul li a {font-family:georgia;font-size:11px;display:block;text-transform:uppercase;}
  347. .last-products ul li .image {height:226px;position:relative;}
  348. .last-products ul li .image a.link1 {background-color:#f7f7f7;height:226px;}
  349. .last-products ul li .product-info {font-family:'GillSansRegular';font-size:12px;padding:5px 10px 0;line-height:14px;margin-bottom:0;position:relative;height:55px;}
  350. .last-products ul li .product-info h3 a {text-transform:none;font-size:12px;}
  351. .last-products ul li .libelle {color:#404040;width:155px;}
  352. .last-products ul li .marque {color:#000;width:155px;text-transform:uppercase;}
  353. .last-products ul li .libelle:hover, .last-products ul li .marque:hover {color:#757575;text-decoration:underline;}
  354. .last-products ul li .infos {position:absolute;top:5px;right:7px;width:55px;text-align:right;font-family:Times,serif;}
  355. .last-products ul li .infos .prix {color:#404040;font-size:15px;display:block;}
  356. .last-products ul li .infos .poid {color:#969696;font-size:12px;display:block;}
  357. .last-products .infos .old-price {color:#999;font-style:italic;font-size:10px;text-decoration:line-through;}
  358. .last-products .infos .discount-percent {width:46px;height:19px;background-color:#e30613;font-size:13px;color:#fff;font-family:FuturaStdLight;text-align:center;line-height:19px;float:right;}
  359. .list-products .exclu{width:242px;height:18px; position:absolute; bottom:0; left:0; background-color:#c1bdbb; color:#FFF; text-align:center; text-transform:uppercase;  font-family:'FuturaStdMedium'; font-size:13px; padding-top:2px;}
  360.  
  361. /* cmd */
  362. ul li .image .cmd {height:62px;width:206px;border:1px solid #878787;position:absolute;bottom:7px;left:0; padding:10px 8px 8px 10px;display:none;}
  363. ul li .image .cmd .layer {width:224px;height:80px;position:absolute;z-index:0;background-color:#fff;opacity:0.9;top:0;left:0;}
  364. ul li .image .cmd .inner-layer {position:relative;z-index:99;}
  365. ul li .image .cmd a,ul li .image .cmd input, .popin-layer.popin-small .quantity input, .popin-layer.popin-small .quantity a {background:transparent url(../img/boutons.png) no-repeat 0 0;}
  366. ul li .image .cmd a.plus, .popin-layer.popin-small .quantity a.plus, .popin-layer.popin-small .quantity a.moin,
  367. ul li .image .cmd a.moin, .popin-layer.popin-small .quantity a.moin {display:block;float:left;height:17px;width:17px;text-indent:-999px;overflow:hidden;background-position:0 -85px;margin:1px 2px 0 0px;}
  368. ul li .image .cmd a.moin{margin-left:8px;}
  369. ul li .image .cmd a.moin.content{margin-left:0px !important;}
  370. ul li .image .cmd a.moin:hover, .popin-layer.popin-small .quantity a.moin:hover {background-position:0 -105px;}
  371. ul li .image .cmd a.moin:active, .popin-layer.popin-small .quantity a.moin:active {background-position:0 -125px;}
  372. ul li .image .cmd a.plus:hover, .popin-layer.popin-small .quantity a.plus:hover {background-position:-52px -105px;}
  373. ul li .image .cmd a.plus:active, .popin-layer.popin-small .quantity a.plus:active {background-position:-52px -125px;}
  374. ul li .image .cmd a.plus, .popin-layer.popin-small .quantity a.plus {background-position:-52px -85px;margin-right:0;margin-left:0;}
  375. ul li .image .cmd input.qty, .popin-layer.popin-small .quantity .qty {height:18px;padding-top:1px;width:31px;float:left;background-position:-19px -84px;margin-right:2px;border:none;font-family:'GillSansRegular';text-align:center;font-size:11px;color:#000;cursor:default;}
  376. ul li .image .cmd .prix {font-family:"Times New Roman", Times, serif;float:right;color:#404040;font-size:16px;margin-right:8px;}
  377. ul li .image .cmd .prix.content{margin-right:4px !important;}
  378. ul li .image .cmd .contenance {float:right;font-size:10px;clear:both;color:#757575;position:absolute;top:17px;right:0;font-style:italic;}
  379. ul li .image .cmd .inner-layer div {clear:both;padding-top:13px;}
  380. ul li .image .cmd .inner-layer div .etoile {background-position:0 -143px;margin-top:7px;height:13px;width:14px;float:left;margin-right:11px;}
  381. ul li .image .cmd .inner-layer div .etoile:hover {background-position:0 -159px;}
  382. ul li .image .cmd .inner-layer div .etoile.active {background-position:0 -175px;}
  383. ul li .image .cmd .inner-layer div .details {height:22px;width:68px;border:none;float:left;font-family:'DidotLTStdRoman';color:#575757;font-size:14px;text-transform:none;text-align:center;padding-top:5px;}
  384. ul li .image .cmd .inner-layer div .details:hover {background-position:0 -28px;}
  385. ul li .image .cmd .inner-layer div .details:active {background-position:0 -56px;}
  386. ul li .image .cmd .inner-layer div .commander {height:27px;background:transparent url(../img/esults-table.png) right 0;border:none;padding:0 1px 0 0;float:right;cursor:pointer;}
  387. ul li .image .cmd .inner-layer div .commander:hover {background-position:right -27px;}
  388. ul li .image .cmd .inner-layer div .commander:active {background-position:right -54px;}
  389. ul li .image .cmd .inner-layer div .commander span {background:transparent url(../img/btns.png) 0 0;display:block;height:22px;margin-top:-2px;padding:5px 5px 0 5px;font-family:'FuturaStdLight';font-size:13px;color:#fff;text-transform:uppercase;font-weight:normal;}
  390. ul li .image .cmd .inner-layer div .commander:hover span {background-position:0 -27px;display:block;height:22px;margin-top:-2px;padding:5px 5px 0 5px;}
  391. ul li .image .cmd .inner-layer div .commander:active span {background-position:0 -54px;display:block;height:22px;margin-top:-2px;padding:5px 5px 0 5px;}
  392. .inner-layer span.addtocart-confirm {z-index:99;display:none;position:absolute;top:-7px;left:-5px;width:215px;text-align:center;font-size:11px;color:#313131;font-family:FuturaStdMedium;text-transform:uppercase;background:url(../img/addtocart-confirm.png) 0 0 no-repeat;height:14px;padding:10px 0 18px;}
  393.  
  394. /* marque */
  395. #marque .col-left h2 {margin-bottom:8px;}
  396. #marque .col-left h2.sales, #marque .col-left h2.sales a {color:#e10811;}
  397. #marque .col-left .image {border-top:1px solid #0a0a0a;padding:20px 0px 20px 0px;}
  398. #marque .list-products .image {position:relative;}
  399. #marque .list-products .image.event{text-align:right; background:transparent url(../img/bg-image-event.jpg) no-repeat left 0;}
  400. #marque .list-products .image .titre-image {position:absolute; top:80px; left:14px; color:#fff;}
  401. #marque .list-products .image .titre-image span {display:block;}
  402. #marque .list-products .image .ligne1 {font-family:'DidotLTStdRoman'; font-size:60px;letter-spacing:-0.07em;}
  403. #marque .list-products .image .ligne2 {font-family:'DidotLTStdItalic'; font-size:54px;letter-spacing:-0.07em; height:58px; margin-top:-17px;}
  404. #marque .list-products .image .ligne3 {font-family:'FuturaStdLight'; font-weight:normal; font-size:17px; text-transform:uppercase;}
  405. .text-marque {border-bottom:4px solid #000;margin-bottom:5px;padding-bottom:10px;}
  406. .text-marque p {font-family:Georgia, "Times New Roman", Times, serif;font-size:15px;color:#333;margin:15px 0 10px;line-height:20px;}
  407. .text-marque p span {font-family:'FuturaStdLight';font-size:18px;text-transform:uppercase;display:block;margin-bottom:13px;}
  408. .marque-paginations {height:39px;border-bottom:1px dotted #A5A5A5;position:relative;}
  409. .liens-marques {border-bottom:1px dotted #A5A5A5;padding:3px 0 4px; margin-bottom:10px;}
  410. .liens-marques a {font-family:"GillSansRegular"; font-size:11px; text-transform:uppercase; color:#626262; display:inline-block; margin-right:2px;padding:4px;}
  411. .liens-marques a:hover {background-color:#EDEDED;color:#000;}
  412. #marques .list-category .magasin h3 {padding-left:13px;}
  413. #marques .list-category .magasin ul.categories li a {background:transparent url(../img/bg-puce-marques.jpg) no-repeat left 4px; padding-left:12px; display:block;}
  414. #marques .col-left h2 {margin-bottom:8px;}
  415. #marques .col-left .dispo {border-top:1px solid #0A0A0A; padding:20px 0;}
  416. #marques .col-left .dispo a{ padding-right:12px; font-size:12px; font-family:"GillSansRegular"; color:#757575; text-transform:uppercase;}
  417. #marques .col-left .dispo a.active {background:transparent url(../img/bg-puce-marques.jpg) no-repeat right 4px;}
  418. #marques .col-left .dispo a:hover{color:#000;}
  419.  
  420. /* pub-links */
  421. .pub-links {margin:0 auto;text-align:left;clear:both;min-height:107px;}
  422. .pub-links a {margin-right:14px;display:block;float:left;height:107px;}
  423. .pub-links a.link3 {margin-right:0}
  424.  
  425. /* bon-mag */
  426. .bon-mag {margin-bottom:44px;}
  427. .bon-mag .bon-mag-bread {padding-left:17px;font-family:'DidotLTStdItalic';font-size:26px;margin-bottom:19px;}
  428. .bon-mag .bon-mag-bread a {font-size:42px;color:#434343;font-style:normal;display:inline-block;height:41px;position:relative;top:12px;}
  429. .bon-mag ul {border-bottom:1px dotted #000;min-height:273px;}
  430. .bon-mag ul li {width:306px;float:left;margin-right:14px;}
  431. .bon-mag ul li.last {margin-right:0;}
  432. .bon-mag ul li div {height:205px;}
  433. .bon-mag ul li p {padding:10px 0 5px 9px;}
  434. .bon-mag ul li p, .bon-mag ul li p a {color:#434343;font-size:17px;font-family:Georgia, "Times New Roman", Times, serif;line-height:19px;}
  435. .bon-mag ul li p span, .bon-mag ul li p a span {font-style:italic;}
  436. .bon-mag .suite {font-size:15px;font-family:Georgia, "Times New Roman", Times, serif;color:#434343;text-align:right;padding-top:3px;padding-right:10px;}
  437. .bon-mag .suite span{font-style:italic;}
  438. .bon-mag .suite a {position:relative;margin-left:4px;top:5px;display:inline-block;}
  439.  
  440.  
  441. /* footer */
  442. .footer-container {background:#1a1a1a;color:#fff;text-align:left;line-height:18px;margin-top:20px;}
  443. .title-footer {background:transparent url(../img/bg-title-footer.jpg) repeat-x;height:31px;font-family:Georgia, "Times New Roman", Times, serif;font-size:15px;color:#fff;padding:6px 0 0 25px;text-align:left;}
  444. .content-footer {min-height:321px;font-family:Times, serif;font-size:14px;color:#afafaf;padding:16px 0 0 25px;overflow:hidden;}
  445. .content-footer ul {max-width:190px;margin-bottom:10px;margin-right:10px;}
  446. .content-footer ul li{line-height:17px;}
  447. .content-footer ul li a{color:#afafaf;}
  448. .content-footer ul li a:hover{color:#fff;}
  449. .content-footer .col-1 {float:left;width:200px;}
  450. .content-footer .col-2 {float:left;width:210px;margin-right:50px;}
  451. .content-footer .col-2 p {line-height:17px;margin-bottom:7px;}
  452. .content-footer .col-2 a {font-family:Times, serif;font-size:14px;color:#afafaf;text-decoration:underline;margin-top:25px;display:block;}
  453. .content-footer .col-2 a:hover {color:#fff;}
  454. .content-footer .col-3 {float:left;width:210px;margin-right:58px;}
  455. .content-footer .col-4 {float:left;width:166px;}
  456. .content-footer .col-4 div {padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #5c5c5c;}
  457. .content-footer .col-4 div div {margin-bottom:0;padding-bottom:0;border:none;}
  458. .content-footer .col-4 div.last {padding-bottom:0;margin-bottom:0;border-bottom:none;}
  459. .content-footer .col-4 div input {background:url(../img/footer-sprite.png) no-repeat -3px -105px;border:none;color:#fff;}
  460. .content-footer .col-4 div input[type=text] {height:17px;padding:2px 5px 2px 8px;width:128px;float:left;margin-left:-3px;}
  461. .content-footer .col-4 div input[type=submit] {cursor:pointer;background-position:-4px -161px;height:21px;width:25px;float:left;text-indent:-999px;overflow:hidden;font-size:0;line-height:0;}
  462. .content-footer .col-4 div input#btn-rechercher {cursor:pointer;background-position:-4px -133px;}
  463. .content-footer .col-4 div input#btn-rechercher:hover {background-position:-29px -133px;}
  464. #btn-newsletter:hover {background-position:-29px -161px;}
  465. #header form button:hover  {background-position:-26px -73px;}
  466. .content-footer .col-4 form {padding-top:3px;display:block;}
  467. .content-footer .col-4 form p {margin-bottom:6px;}
  468. .content-footer .plan .title {margin-bottom:6px;}
  469. .content-footer .plan p {line-height:17px;padding-top:9px;}
  470. .content-footer .plan p.par-1 {width:120px;margin-right:10px;float:left;clear:both;}
  471. .content-footer .plan p.par-2 {float:left}
  472. .content-footer .title {font-family:"GillSansLight";font-size:13px;text-transform:uppercase;color:#fff;display:block;line-height:19px;}
  473. .content-footer .langue {position:relative;padding-bottom:9px !important;}
  474. .content-footer .langue div {width:auto;position:absolute;right:0;top:0;padding:0;border:none;z-index:99;}
  475. .content-footer .langue div a {background:url(../img/footer-sprite.png) no-repeat 0 0;height:11px;width:16px;display:block;text-indent:-999px;overflow:hidden;margin-left:5px;float:left;}
  476. .content-footer .langue div a.fr {background-position:-3px -3px;}
  477. .content-footer .langue div a.en {background-position:-24px -3px;}
  478. .content-footer .langue div a.jp {background-position:-46px -3px;}
  479. .content-footer .langue div a.ch {background-position:-68px -3px;}
  480. .content-footer .langue div a.fr.inactif {background-position:-3px -21px;}
  481. .content-footer .langue div a.en.inactif {background-position:-24px -21px;}
  482. .content-footer .langue div a.jp.inactif {background-position:-46px -21px;}
  483. .content-footer .langue div a.ch.inactif {background-position:-68px -21px;}
  484. .content-footer .newsletter {margin-bottom:15px;padding-bottom:11px;}
  485. .content-footer .socials .like-fb {min-height:24px;margin-bottom:7px;}
  486. .content-footer .socials .like-fb .btn-like {background:url(../img/footer-sprite.png) no-repeat -3px -40px;width:51px;height:24px;display:inline-block;text-indent:-999px;overflow:hidden;float:left;margin-right:5px;}
  487. .content-footer .socials .like-fb span {background:url(../img/footer-sprite.png) no-repeat -59px -42px;display:inline-block;height:18px;margin-top:3px;width:38px;}
  488. .content-footer .socials p {clear:both;}
  489. .content-footer .socials p a {background:url(../img/footer-sprite.png) no-repeat -3px -70px;height:28px;width:29px;display:inline-block;text-indent:-999px;overflow:hidden;}
  490. .content-footer .socials p a.btn-facebook {background-position:-3px -70px;}
  491. .content-footer .socials p a.btn-facebook:hover {background:url(../img/social_on.png) 0 0 no-repeat;}
  492. .content-footer .socials p a.btn-twitter {background-position:-36px -70px;}
  493. .content-footer .socials p a.btn-twitter:hover {background:url(../img/social_on.png) -33px 0 no-repeat;}
  494. .content-footer .socials p a.btn-rss {background-position:-69px -70px;}
  495. .content-footer .socials p a.btn-rss:hover {background:url(../img/social_on.png) -66px 0 no-repeat;}
  496. .content-footer .socials p a.btn-youtube {background-position:-102px -70px;}
  497. .content-footer .socials p a.btn-youtube:hover {background:url(../img/social_on.png) -99px 0 no-repeat;}
  498. .links-footer {font-size:11px;height:29px;background:#0e0e0e;border-top:1px solid #525252;padding:9px 27px 0 24px;font-family:GillSansLight;color:#999;}
  499. .links-footer a{color:#ccc;text-transform:uppercase;display:inline-block;padding:0 5px;}
  500. .links-footer a:hover{color:#fff;}
  501. .links-footer a.first {padding-left:0;}
  502. .links-footer a.last {padding-right:0;}
  503. .links-footer .links-left {float:left;}
  504. .links-footer .links-right {float:right;}
  505.  
  506. /* Col right */
  507. .col-left{width:178px;}
  508. #filters .filter-label {font-family:'DidotLTStdItalic';font-size:24px;line-height:24px;margin:0 0 6px 0;}
  509. #filters .filter{border-top:1px solid #0a0a0a;padding:6px 0px;}
  510. #filters {border-bottom:1px solid #0a0a0a;margin-bottom:20px;}
  511. #filters .filter .filtre-title{line-height:21px;font-family:GillSansLight;font-size:13px;color:#333333;text-transform:uppercase;width:178px;height:21px;background-image:url(../img/puce-filter.gif);background-repeat:no-repeat;display:block;background-position:154px -35px;}
  512. #filters .filter .filtre-title.opened{background-position:154px -6px;}
  513. #filters .filter .filtre-content{background-color:#f9f9f9;}
  514. #soldes .filter-content {height:30px;}
  515. .menu-g{border-bottom:1px solid #0a0a0a;border-top:1px solid #0a0a0a;margin-bottom:35px;padding:15px 0px 15px 0px;}
  516. #f-selected{display:none;background-color:#e7e7e7;padding:3px 6px 11px;margin-bottom:10px;}
  517. #f-selected a{text-transform:uppercase;}
  518. #f-selected .delete-selection {height:10px;display:block;font-family:"GillSansRegular";font-size:10px;color:#000;border-bottom:1px solid #8b8b8b;padding-bottom:6px;padding-left:15px;background-image:url(../img/close1.gif);background-repeat:no-repeat;background-position:0px 2px;}
  519. #f-selected .select-item{height:11px;display:block;font-family:"GillSansRegular";font-size:10px;color:#404040;padding-left:15px;background-image:url(../img/close2.gif);background-repeat:no-repeat;background-position:0px 9px;padding-top:8px}
  520. #f-selected .select-item:hover {color:#000;background-image:url(../img/hover-close.jpg);}
  521. .col-left .back-link {margin-right:5px;font-family:'GillSansRegular';font-size:10px;color:#b7b7b7;padding:15px 0 9px;border-bottom:1px dotted #c9c9c9;text-transform:uppercase;}
  522. .col-left .back-link a {color:#b7b7b7;}
  523. .col-left .back-link a:hover {color:#000;}
  524. .col-left h2, .col-left h2 a, .col-left a.page-about {font-family:'DidotLTStdRoman';letter-spacing:-0.07em;font-size:42px;color:#333;line-height:42px;margin-bottom:5px;margin-top:23px;}
  525. #left-menu {margin:0;padding:0;list-style:none;color:#757575;width:100%;font-size:13px;font-family:"GillSansLight";}
  526. #left-menu a, #left-menu span {font-size:15px;display:block;padding:6px 5px 2px 5px;color:#757575;text-decoration:none;text-transform:uppercase;}
  527. #left-menu .liste{font-family:'GillSansRegular';color:#00050C;}
  528. #left-menu .open a{color:#00050c;}
  529. #left-menu .subMenu {font-size:12px;margin:0;padding:0;}
  530. #left-menu ul.subMenu a {background:none;padding:4px 12px;color:#757575;font-size:13px;}
  531. #left-menu .subMenu a:hover:before, #left-menu .subMenu a.actif:before {;margin-left:2px;width:6px;display:block;float:left;}
  532. #left-menu ul.subMenu ul li a {font-family:'GillSansRegular'; font-size:10px;color:#757575; margin-left:10px;}
  533. #left-menu ul.subMenu ul li a.actif,
  534. #left-menu ul.subMenu ul li a:hover,
  535. #left-menu .subMenu ul li a:hover:before,
  536. #left-menu .subMenu ul li a.actif:before {background:none; text-decoration:underline;color:#00050c; content:none; margin-left:10px !important;}
  537. #left-menu .toggleSubMenu a:hover, #left-menu .toggleSubMenu a.actif {color:#000;}
  538. #left-menu .toggleSubMenu a.current {color:#000;font-family:"GillSansRegular";}
  539.  
  540. .filter-content,.scrollable-filter{background-color:#f9f9f9;padding:6px;margin-top:5px;}
  541. .filter-content a,.scrollable-filter a{font-size:12px;font-family:"GillSansLight";display:block;color:#757575;text-transform:uppercase;margin-bottom:3px;padding-left:14px;background-image:url(../img/checkbox.gif);background-repeat:no-repeat;background-position:0 3px;}
  542. .filter-content a:hover,.scrollable-filter a:hover {color:#303030;}
  543. .filter-content a.inactive, .scrollable-filter a.inactive {background-position:0 -53px;color:#ccc;cursor:default;}
  544. .filter-content a.inactive:hover, .scrollable-filter a.inactive:hover {color:#ccc;}
  545. .filter-content a.checked,.scrollable-filter a.checked{color:#000;background-position:0 -25px;}
  546. /* Styles specific to scroll-pane */
  547. .scroll-pane{width:166px;height:165px;overflow:auto;}
  548. .jspContainer{overflow:hidden;position:relative;}
  549. .jspContainer, .scroll-pane, .jspVerticalBar, .jspScrollable {outline:none;}
  550. .jspPane{position:absolute;}
  551. .jspVerticalBar{position:absolute;top:0;right:0;width:8px;height:155px;margin:6px;border:1px solid #d9d9d9;overflow:hidden;}
  552. .jspVerticalBar *{margin:0;padding:0;}
  553. .jspCap{display:none;}
  554. .jspTrack{background:#ffffff;position:relative;}
  555. .jspDrag{background-color:#d9d9d9;position:relative;top:0;left:0;cursor:pointer;}
  556.  
  557. /* Search page */
  558. .search-page .col-left h2, .search-page .col-left h2 a {letter-spacing:-0.08em;font-size:41px;line-height:40px;margin-top:21px;margin-bottom:8px;}
  559. .contact-box {background-color:#fafafa;border-top:1px solid #999;border-bottom:1px solid #999;padding:20px 0 20px 20px;}
  560. .contact-box:hover {background-color:#fcfcfc;}
  561. .contact-box .title {letter-spacing:-0.07em;font-family:FuturaStdBook;color:#000;font-size:14.67px;text-transform:uppercase;padding-left:30px;background:url(../img/h_sprite.png) 0 -239px no-repeat;width:115px;height:28px;display:block;clear:both;line-height:13px;}
  562. .contact-box .phone {line-height:15px;font-family:FuturaStdMedium;color:#5b5b5b;font-size:17px;display:block;padding:10px 20px 0 0;text-align:center;}
  563. .contact-box1 {display:block;background-color:#fafafa;border-top:1px solid #999;border-bottom:1px solid #999;padding:27px 0 32px 20px;margin-top:10px;}
  564. .contact-box1:hover {background-color:#fcfcfc;}
  565. .constituer-liste .contact-box1 {margin-top:19px !important;}
  566. .gerer-liste .contact-box1 {margin-top:19px !important;}
  567. .contact-box1 .title {letter-spacing:-0.04em;font-family:FuturaStdBook;color:#000;font-size:18px;text-transform:uppercase;width:130px;height:35px;display:block;clear:both;line-height:18px; text-align:center;}
  568. .contact-box1 .phone {line-height:15px;font-family:FuturaStdMedium;color:#505050;font-size:13.79px;display:block;padding:10px 20px 0 0;text-align:center;}
  569. .search-top {background-color:#f7f7f7;padding:36px 146px 36px 0;height:21px;}
  570. .search-top .input-box {background:url(../img/h_sprite.png) 0 -52px no-repeat;padding-left:2px;float:right;margin-left:30px;}
  571. .search-top input {width:184px;}
  572. .search-top label {font-size:20px;color:#1a1a1a;font-family:FuturaStdLight;text-transform:uppercase;}
  573. .search-top label, .search-top button, .search-top input {float:right;}
  574. .search-txt {color:#757575;font-size:14px;margin-top:25px;font-family:georgia;font-style:italic;margin-bottom:29px;}
  575. .search-page .group {width:242px;min-height:200px;float:left;margin-right:14px; margin-bottom:50px;}
  576. .search-page .group.last {margin-right:0;}
  577. .search-page .group h3 {color:#000;font-family:'DidotLTStdItalic';font-size:26px;border-bottom:1px solid #b2b2b2;padding-bottom:3px;margin-bottom:6px;}
  578. .search-page .group ul.categories {padding:0 5px 0 2px;min-height:100px;}
  579. .search-page .group ul.categories li {padding-bottom:2px;}
  580. .search-page .group ul.categories li a {display:inline;font-family:'GillSansRegular';color:#757575;font-size:12px;text-transform:uppercase;}
  581. .search-page .group ul.categories li a:hover {color:#333;}
  582. .search-page .group ul.categories li a span{color:#acacac;}
  583. .search-page.last-products {margin-bottom:0;}
  584. .group .two-lines {margin-top:-19px;line-height:26px;}
  585. .idees-cadeaux .contact-box {margin-top:0;border-top:none;}
  586. .idees-cadeaux .menu-g {margin-bottom:0;}
  587. .select-idees-cadeaux {width:754px;overflow:hidden;margin-top:74px;}
  588. .select-idees-cadeaux .ic-bloc {width:370px;height:354px;float:left;margin-right:14px;}
  589. .select-idees-cadeaux h2 a {font-family:FuturaStdLight;color:#999;text-transform:uppercase;font-size:24px;line-height:24px;}
  590. .select-idees-cadeaux h2 {margin-bottom:15px;}
  591. .select-idees-cadeaux .ic-bloc.n-2, .select-idees-cadeaux .ic-bloc.n-4 {margin-right:0;}
  592. .idees-cadeaux .list-products {margin-top:30px;border-top:1px dotted #a5a5a5;padding-top:0;}
  593. .idees-cadeaux .col-main .navigation.top {top:-27px;}
  594. .find-ic {height:286px;background-color:#faf8f8;}
  595. .find-ic form {width:280px;padding:14px 0 0 35px;}
  596. .find-ic .form-title {font-size:14px;color:#404040;font-family:georgia;font-style:italic;min-height:38px;margin-bottom:36px;}
  597. .find-ic .field {width:231px;height:33px;margin-bottom:14px;}
  598. .find-ic .field label {float:left;width:72px;text-align:center;font-family:georgia;font-size:12px;font-style:italic;}
  599. .find-ic .field .input-box {cursor:pointer;line-height:21px;font-family:verdana;font-size:11px;color:#3E3E3E;float:left;width:158px;height:21px;position:relative;background:url(../img/select_bg.png) top right no-repeat;}
  600. .find-ic .field .input-box span {display:block;width:126px;height:21px;padding-left:6px;background:url(../img/select_bg.png) top left no-repeat;line-height:21px;font-family:verdana;font-size:11px;color:#3E3E3E;}
  601. .find-ic .field .input-box span:hover, .find-ic .field .input-box ul li span.active {color:#000100 !important;background-color:#f6f6f6 !important;}
  602. .find-ic .field ul {z-index:10;display:none;border:1px solid #cacaca;position:absolute;top:20px;left:0;width:156px;background-image:none;background-color:#FFF;}
  603. .find-ic .field li {display:block;height:21px;line-height:21px;}
  604. .find-ic .field li span {background:#FFF none !important;width:auto !important;}
  605. .find-ic .field li:hover, .find-ic .field li:hover span {background:#f6f6f6 !important;}
  606. .find-ic button {border:none;margin:0 0 0 72px;background:url(../img/wh_btn_bg.png) top right no-repeat;width:156px;height:34px;padding:0;cursor:pointer;}
  607. @media screen and (-webkit-min-device-pixel-ratio:0) {
  608.         .find-ic button {padding-right:2px;}
  609. }
  610. .find-ic button:hover{background-position:right -34px;}
  611. .find-ic button:active{background-position:right -68px;}
  612. .find-ic button span {font-size:15px;color:#575757;font-family:DidotLTStdRoman;display:block;height:34px;padding-left:2px;text-align-center;line-height:34px;background:url(../img/wh_btn_bg.png) top left no-repeat;margin-top:-2px;letter-spacing:-0.07em;}
  613. .find-ic button:hover span{background-position:left -34px; color:#3e3e3e;}
  614. .find-ic button:active span{background-position:left -68px; color:#3e3e3e;}
  615. .find-ic.side h2 {font-family:DidotLTStdItalic;margin-top:0;font-size:24px;line-height:24px;border-bottom:1px solid #4b4b4b;padding-left:3px;padding-bottom:8px;margin-bottom:0;}
  616. .find-ic.side {background-color:#fff;height:auto;padding-bottom:21px;border-bottom:1px solid #4b4b4b;}
  617. .find-ic.side form {width:178px;padding:10px 0 0 3px;}
  618. .find-ic.side .field {width:175px;height:auto;margin-bottom:12px;}
  619. .find-ic.side label {clear:both;text-align:left;width:175px;margin-bottom:2px;}
  620. .find-ic.side button {margin:7px 0 0;}
  621.  
  622. .idees-cadeaux-2 .list-products {padding-top:75px;}
  623. .idees-cadeaux-2 .menu-g {margin-bottom:24px;}
  624. .gifts-selection {padding-top:24px;border-bottom:4px solid #000;padding-bottom:16px;height:169px;margin-bottom:37px;}
  625. .gifts-selection .title {margin-bottom:8px;}
  626. .gifts-selection .title .square {margin-top:2px;width:14px;height:14px;background-color:#000;margin-right:12px;display:inline-block;float:left;}
  627. .gifts-selection .title p {font-size:21px;color:#1b1b1b;font-family:DidotLTStdItalic;line-height:21px;}
  628. .gifts-selection .title p span {color:#000;font-size:20px;font-family:GillSansLight;text-transform:uppercase;}
  629. #gifts-carousel, .jcarousel-clip {overflow:hidden;width:946px;height:145px;display:block;}
  630. #gifts-carousel li {cursor:pointer;width:146px;height:145px;display:block;float:left;margin-right:14px;overflow:hidden;position:relative;}
  631. #gifts-carousel li div {display:none;}
  632. .jcarousel-prev, .jcarousel-next {width:4px;height:7px;background-image:url(../img/h_sprite.png);background-repeat:no-repeat;cursor:pointer;position:absolute;top:69px;}
  633. .jcarousel-prev {background-position:0 -268px;left:-10px;}
  634. .jcarousel-next {background-position:0 -275px;right:-10px;}
  635. #gifts-carousel .cmd {width:133px;height:59px;border:1px solid #a8a8a8;position:absolute;top:84px;left:1px;padding-left:9px;color:#404040;}
  636. #gifts-carousel .cmd span {width:142px;height:59px;position:absolute;z-index:1;background-color:#fff;opacity:0.9;top:0;left:0;display:block;}
  637. #gifts-carousel .cmd h3,#gifts-carousel .cmd h4, #gifts-carousel .cmd p {z-index:2;position:relative;}
  638. #gifts-carousel .cmd h3 {font-family:georgia;margin-top:7px;font-size:13px;line-height:13px;}
  639. #gifts-carousel .cmd h4, #gifts-carousel .cmd p {font-family:georgia;margin-top:4px;font-size:11px;font-style:italic;line-height:11px;}
  640. #gifts-carousel .cmd p {font-size:12px;}
  641. #gifts-carousel .cmd a {color:#404040;font-family:georgia;}
  642. #gifts-carousel .cmd a:hover {text-decoration:underline;}
  643.  
  644. /* LEX */
  645. .lex-txt {position:absolute;width:299px;height:26px;dislay:block;top:63px;left:43px;text-indent:-999px;overflow:hidden;background:url(../img/lex-logo.png) 0 0 no-repeat;}
  646. .lex #header #top-nav .current-cat {text-align:left;padding-left:15px;width:218px;}
  647. .lex a.btn {float:left;background:url(../img/btns-lex.png) right top no-repeat !important;padding-right:2px !important;font-size:15px !important;font-family:'DidotLTStdBold';height:34px !important;display:block;line-height:27px !important; margin-bottom:5px !important;margin-left:10px;}
  648. .lex a.btn:hover {background-position:right -34px !important;}
  649. .lex a.btn:active {background-position:right -68px !important;}
  650. .lex a.btn span {background:url(../img/btns-lex.png) left top no-repeat !important;padding:2px 9px 0 11px !important;display:block !important;height:32px !important;color:#3f3f3f;font-family:'DidotLTStdBold';text-transform:none; font-size:15px;font-style:normal;text-align:center;line-height:32px;}
  651. .lex a.btn:hover span {background-position:left -34px !important;color:#000;}
  652. .lex a.btn:active span {background-position:left -68px !important;color:#000;}
  653. .lex button {float:left;background:url(../img/btns-lex.png) right -102px no-repeat;padding-right:1px;font-size:15px;font-family:'FuturaStdBook';height:34px;display:block;line-height:27px; margin-bottom:5px;margin-left:10px;border:none;padding-left:0;padding-top:0;}
  654. .lex button:hover {background-position:right -136px;cursor:pointer;}
  655. .lex button:active {background-position:right -170px;}
  656. .lex button span {line-height:32px;background:url(../img/btns-lex.png) left -102px no-repeat;padding:2px 9px 0 11px;display:block;height:32px;color:#fff;font-family:'FuturaStdBook';text-transform:none; font-size:15px;margin-top:-2px;font-style:normal;text-transform:uppercase;}
  657. .lex button:hover span {background-position:left -136px;color:#fff;}
  658. .lex button:active span {background-position:left -170px;color:#fff;}
  659. .visuels {margin-bottom:19px;height:395px;}
  660. .espace-client {margin:0 auto;text-align:left;clear:both;min-height:118px; margin-bottom:22px;}
  661. .espace-client .offrir-cadeau,
  662. .espace-client .creer-liste,
  663. .espace-client .gerer-liste{background:#000 url(../img/espace-client-sprite.png) no-repeat;margin-right:14px;float:left;height:118px;width:306px; text-align:left;position:relative;}
  664. .espace-client .offrir-cadeau {background-position:133px -242px;}
  665. .espace-client .creer-liste {background-position:133px -113px;}
  666. .espace-client .gerer-liste {background-image:none;margin-right:0;}
  667. .espace-client .layer{position:absolute;bottom:0;left:0;height:170px;width:306px;background-color:#000;display:none;}
  668. .espace-client .layer a.btn{margin-left:80px;}
  669. .espace-client .layer a.btn span{width:130px;}
  670. .espace-client .title {background:transparent url(../img/espace-client-sprite.png) no-repeat 0 4px;font-family:'FuturaStdBook';font-size:18px;color:#fff; text-transform:uppercase;margin:16px 0 5px 16px;padding-left:10px;}
  671. .espace-client p {font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;color:#a1a1a1;font-style:italic; margin-left:18px;}
  672. .espace-client .gerer-liste input[type=text]{background:transparent url(../img/espace-client-sprite.png) no-repeat 0 -21px; width:103px;padding:4px 4px 0 7px;height:19px;border:none;}
  673. .espace-client .gerer-liste .pass{background:transparent url(../img/espace-client-sprite.png) no-repeat 0 -44px;padding:4px 4px 0 7px;height:19px;border:none;width:106px;}
  674. .espace-client .gerer-liste input[type=submit]{background:transparent url(../img/espace-client-sprite.png) no-repeat -4px -70px; width:25px;padding:0 4px;height:21px;border:none;color:#fff;position:relative;top:-2px; font-family:'GillSansRegular';font-size:9px;text-transform:uppercase; text-align:center}
  675. .espace-client .gerer-liste input[type=submit]:hover{background-position:-32px -70px;}
  676. .espace-client .gerer-liste a {color:#959595;font-family:Verdana, Geneva, sans-serif;font-size:9px;font-style:normal; float:right;margin-right:55px;}
  677. .espace-client .gerer-liste a:hover {color:#c8c8c8;text-decoration:underline;}
  678. .categories .catalogue {border-top:4px solid #000;padding-top:10px;}
  679. .categories .catalogue.last {border-bottom:4px solid #000;margin-bottom:26px;}
  680. .categories h2{background:url("../img/espace-client-sprite.png") no-repeat scroll 5px -375px transparent;padding-left:30px;font-family:'DidotLTStdItalic'; font-size:21px;margin-bottom:10px;}
  681. .categories h2 a{font-family:'DidotLTStdItalic'; font-size:21px; color:#524747;}
  682. .categories h2 a span{font-family:'FuturaStdLight'; font-size:20px; color:#000; text-transform:uppercase;}
  683. .categories ul li{width:226px; margin-right:14px;float:left; height:300px; padding-bottom:7px;}
  684. .categories ul li.last{margin-right:0;}
  685. .categories ul li .image{background-color:#fafafa;width:226px;height:226px;margin-top:0;}
  686. .categories ul li h3{margin-top:4px;}
  687. .categories ul li h3 a{font-family:'DidotLTStdItalic';font-size:18px;color:#000;text-transform:uppercase;}
  688. .categories ul li h3 a:hover, .categories ul li h3 a.hover{text-decoration:underline;}
  689. .block-gris{height:78px;border-bottom:4px solid #ccc;background-color:#fafafa;margin-bottom:28px;}
  690. .block-gris div{margin:15px 3px 0 30px;width:415px;padding:5px 25px 5px 0;float:left;border-right:1px #dbdbdb solid;min-height:36px;}
  691. .block-gris div.last{margin-right:0;padding-right:5px;border:none;}
  692. .block-gris div h4{font-family:'FuturaStdBook';font-size:18px;color:#000;float:left;padding-right:40px;text-transform:uppercase;line-height:18px;}
  693. .block-gris div a{font-family:Georgia, "Times New Roman", Times, serif;font-size:15px;color:#505050;display:block;}
  694. .block-gris div a:hover{color:#151515;}
  695. .block-gris div.last a{color:#404040;}
  696. .block-gris div.last a:hover{color:#161616;}
  697. .popin-mask {background:#fff;display:none;height:100%;opacity:0.8;position:fixed;top:0;visibility:visible;z-index:9991;width:100%}
  698. .popin-layer{position:absolute;z-index:9999;width:730px;padding-top:4px;background:transparent url(../img/bg-popin-top.png) no-repeat 0 0; display:none; top:100px;margin-left:-365px;left:50%;}
  699. .popin-layer .popin-content{background:transparent url(../img/bg-popin.png) repeat-y 0 0;padding:35px 22px 30px 22px;}
  700. .popin-layer .popin-bottom{background:transparent url(../img/bg-popin-bottom.png) no-repeat 0 0;height:4px;}
  701. .popin-layer h4{font-family:'DidotLTStdRoman';font-size:26px;color:#010101;margin-bottom:20px;}
  702. .popin-layer p{font-family:Georgia, "Times New Roman", Times, serif;font-size:13px;color:#404040;padding-left:2px;margin-bottom:20px;}
  703. .popin-layer a.close{background:url("../img/espace-client-sprite.png") no-repeat scroll 40px -406px transparent;color:#626262;font-family:'GillSansRegular';text-transform:uppercase;padding-right:15px;position:absolute;top:20px;right:20px;font-size:10px;}
  704. .popin-layer form {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:14px;color:#666;}
  705. .popin-layer form label{text-align:right;display:block;float:left; margin-right:18px;}
  706. .popin-layer form input[type=text]{border:1px solid #9b9a9a;padding:2px 5px;}
  707. .popin-layer form .field{position:relative;}
  708. .popin-layer .btns{clear:both;float:right;margin-top:30px;display:inline;}
  709. #popin-mdpOublie form label{width:200px;}
  710. #popin-mdpOublie form input[type=text]{width:243px;}
  711. #popin-mdpOublie .msg-erreur{left:215px;bottom:27px;}
  712. .popin-layer .par-telephone{margin-bottom:15px;border-bottom:1px dotted #a5a5a5;}
  713. .popin-layer .par-email p{margin-bottom:20px;}
  714. .popin-layer .par-email .field{display:inline-block;padding-bottom:13px;margin-right:20px;position:relative;}
  715. .popin-layer .par-email .field.last{clear:both;margin-right:0;}
  716. .popin-layer .par-email .field.ligne{margin-right:0;padding-bottom:8px;}
  717. .popin-layer .par-email .field label{width:120px;display:inline-block;text-align:left;}
  718. .popin-layer .par-email .field.last label{width:100px;}
  719. .popin-layer .par-email .field input[type=text]{width:190px;}
  720. .popin-layer .par-email .field textarea{height:80px;width:537px;padding:3px;border:1px solid #b9b9b9;}
  721. .popin-layer .par-email .field.ligne span{display:block;text-align:right;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:12px;margin-top:10px;}
  722. .popin-layer .par-email .field .msg-erreur{left:136px;}
  723. .popin-layer span.par{font-family:'FuturaStdBook';font-size:14px;color:#666;display:block;text-transform:uppercase;margin-bottom:10px;}
  724. .popin-layer span.par strong{color:#000;display:inline-block;}
  725. .lex .contact-box1 {margin-top:0;padding-left:0;cursor:pointer;}
  726. .lex .contact-box1 .title {width:auto;}
  727. .lex .contact-box1 .phone {padding-right:0;}
  728. .lex-side-links a {display:block;height:57px;line-height:57px;text-align:left;font-family:DidotLTStdItalic;font-size:25px;color:#000;letter-spacing:-1px;border-bottom:#e4e4e4 1px solid;}
  729. .lex-side-links a:hover,.lex-side-links a.active{background-color:#fafafa;}
  730. .lex-side-links a.last {border-bottom:none;}
  731. .lex .menu-g{margin-bottom:0;}
  732. .lex .image{margin-top:10px;}
  733. .lex .etapes{width:100%;height:35px;}
  734. .lex .etapes li{float:left;width:24%;margin-right:1px;text-align:center;height:26px;border-bottom:5px solid #ccc;padding:9px 3px 0;}
  735. .lex .etapes li.last{margin-right:0;}
  736. .lex .etapes li.courant{border-color:#000;}
  737. .lex .etapes li.active{border-color:#666;}
  738. .lex .etapes li a,.lex .etapes li span{font-family:'GillSansLight';font-size:16px;color:#ccc;text-transform:uppercase;}
  739. .lex .etapes li.active a, .lex .etapes li.courant span, .lex .etapes li.courant a{color:#666;}
  740. .lex .etapes li.active a:hover, .lex .etapes li.courant a:hover{color:#000;}
  741. .lex .etapes li.courant a:hover{cursor:default;}
  742. .lex .content-block p.intro{font-family:Georgia, "Times New Roman", Times, serif;color:#575757;font-size:14px; margin:10px 0;padding-bottom:15px;}
  743. .dottedB {border-bottom:1px dotted #a5a5a5;}
  744. .floatR{float:right;}
  745. .floatL{float:left;}
  746. .lex .content-block a.plus-details{text-align:right;float:right;font-family:'GillSansRegular';font-size:10px;color:#626262;text-transform:uppercase;}
  747. .lex .content-block a.plus-details:hover{color:#000;}
  748. .lex .content-block .form-block{margin:40px 45px 10px;clear:both;padding-bottom:10px;}
  749. .lex .content-block .form-block h2{color:#000;border-bottom:2px solid #494949;font-family:'FuturaStdBook';font-size:16px;text-transform:uppercase;margin-bottom:30px;}
  750. .lex .content-block .form-block h2 span{color:#434343;font-size:14px;text-transform:none;}
  751. .lex .content-block .form-block h3{color:#000;border-bottom:1px solid #494949;font-family:'FuturaStdBook';font-size:14px;text-transform:uppercase;margin-bottom:30px;font-style:normal;padding-bottom:3px;}
  752. .lex .content-block .form-block h3 span{color:#434343;text-transform:none;}
  753. .lex .content-block .form-block .texte{font-family:'GillSansRegular';font-size:14px;color:#666;width:320px;margin-bottom:25px;}
  754. .lex .content-block .form-block .texte h3{color:#000;border-bottom:1px solid #494949;padding-bottom:5px;margin-bottom:10px;text-transform:uppercase;font-family:'GillSansRegular';}
  755. .lex .content-block .form-block .texte h3 span{text-transform:none;}
  756. .lex .content-block .form-block .form-ligne {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:14px;color:#666;}
  757. .lex .content-block .form-block .field{padding-left:85px;position:relative;display:inline-block;padding-bottom:13px;margin-right:20px;}
  758. .lex .content-block .form-block .field.last{clear:both;margin-right:0;}
  759. .lex .content-block .form-block .field.ligne{margin-right:0;display:block;clear:both;}
  760. .lex .content-block .form-block .field label{width:169px;display:inline-block;text-align:left;}
  761. .lex .content-block.recapitulatif .form-block .field{padding-left:0;}
  762. .lex .content-block.recapitulatif .form-block .field label{margin-right:85px;font-size:16px;}
  763. .lex .content-block .form-block .field .liste-radios{float:right;width:405px;}
  764. .lex .content-block .form-block .field .liste-radios input[type=radio]{margin-bottom:10px;}
  765. .lex .content-block .form-block .field .liste-radios label{font-family:Georgia, "Times New Roman", Times, serif;color:#666;font-size:12px;margin-right:20px;font-style:normal;}
  766. .lex .content-block .form-block .field .input-box {cursor:pointer;line-height:21px;font-family:verdana;font-size:11px;font-style:normal;color:#3E3E3E;float:right;width:158px;height:21px;position:relative;background:url(../img/select_bg.png) top right no-repeat;}
  767. .lex .content-block .form-block .field .input-box span {display:block;width:126px;height:21px;padding-left:6px;background:url(../img/select_bg.png) top left no-repeat;line-height:21px;font-family:verdana;font-size:11px;color:#3E3E3E;}
  768. .lex .content-block .form-block .field .input-box span:hover, .lex .content-block .form-block .field .input-box ul li span.active {color:#000100 !important;background-color:#f6f6f6 !important;}
  769. .lex .content-block .form-block .field .input-box .input-box-content{height:170px;width:158px;position:relative;top:0px;left:0;z-index:-1;display:block;opacity:0;}
  770. .lex .content-block .form-block .field .input-box .input-box-content .jspVerticalBar{height:156px;}
  771. .lex .content-block .form-block .field ul {z-index:10;display:block;border:1px solid #cacaca;width:156px;background-image:none;background-color:#FFF;display:block;}
  772. .lex .content-block .form-block .field li {display:block;height:21px;line-height:21px;}
  773. .lex .content-block .form-block .field li span {background:#FFF none !important;width:auto !important;}
  774. .lex .content-block .form-block .field li:hover, .lex .content-block .form-block .field li:hover span {background:#f6f6f6 !important;}
  775. .lex .content-block .form-block .field.last label{width:100px;}
  776. .lex .content-block .form-block .field input[type=text]{width:300px;border:1px solid #9b9a9a;padding:2px 5px;font-family:verdana;font-size:11px;color:#3e3e3e;}
  777. .lex .content-block .form-block .field .jour{width:20px !important;display:inline-block;margin-right:5px;}
  778. .lex .content-block .form-block .field .mois{width:20px !important;display:inline-block;margin-right:5px;}
  779. .lex .content-block .form-block .field .annee{width:40px !important;display:inline-block;}
  780. .lex .content-block .form-block .field textarea{height:80px;width:537px;padding:3px;border:1px solid #b9b9b9;}
  781. .lex .content-block .form-block .field.ligne span{display:block;text-align:right;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:12px;margin-top:10px;}
  782. .lex .content-block .form-block .field.ligne span.info{font-family:'GillSansRegular';display:inline;margin-top:0;font-size:16px;font-style:normal;}
  783. .msg-erreur{background:url(../img/bg-msgerreur-top.png) no-repeat 0 0 transparent;position:absolute;bottom:37px;width:207px;padding-top:3px;left:257px;font-size:12px;font-family:Georgia, "Times New Roman", Times, serif;color:#3f3f3F;display:none;}
  784. .service .field .msg-erreur{left:246px;top:-62px;}
  785. .lex .content-block .accepter .msg-erreur{left:36px;bottom:25px;}
  786. .lex .content-block.beneficiaires .form-block .field .msg-erreur{left:135px;}
  787. .msg-erreur .content{background:url(../img/bg-msgerreur.png) repeat-y 0 0 transparent;padding:10px;}
  788. .msg-erreur .bottom{background:url(../img/bg-msgerreur-bottom.png) repeat-y 0 0 transparent;height:9px;}
  789. .lex .content-block .btns, .lex.login .btns{clear:both; float:right;margin-top:30px;}
  790. .lex .content-block .accepter{margin-top:35px;padding-left:45px;position:relative;}
  791. .lex .content-block .accepter label,.lex .content-block .accepter a {font-family:Georgia, "Times New Roman", Times, serif;color:#666;font-size:14px;font-style:italic;margin-left:10px;}
  792. .lex .content-block .accepter a {text-decoration:underline;margin:0;}
  793. .lex .content-block.beneficiaires .inner{width:376px;}
  794. .lex .content-block.beneficiaires .form-block{width:320px;margin:40px 0 10px 30px;clear:none;}
  795. .lex .content-block.beneficiaires .form-block.floatR{margin:40px 30px 10px 0;position:relative;}
  796. .lex .content-block.beneficiaires .form-block.floatR .supprimer{font-family:'DidotLTStdItalic';color:#000;position:absolute;font-size:15px;right:0;top:0;}
  797. .lex .content-block.beneficiaires .form-block .field{padding-left:0;margin-right:0;}
  798. .lex .content-block.beneficiaires .form-block label{width:145px !important;}
  799. .lex .content-block.beneficiaires .form-block input[type=text]{width:163px;}
  800. .lex .content-block.beneficiaires .form-block .field .liste-radios{width:175px;}
  801. .lex .content-block.beneficiaires .form-block .field .liste-radios label{display:inline;margin-right:15px;width:auto !important;}
  802. .lex .champs-oblig {padding-bottom:10px;clear:both;margin-top:30px;}
  803. .lex .champs-oblig span{display:block;text-align:right;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:12px;margin-top:10px;color:#575757;}
  804. .lex .login-contrainer{padding-bottom:55px;}
  805. .lex .content-block .ajouter-block{clear:both;margin:0 0 40px 40px;width:320px;}
  806. .lex .content-block .ajouter-block a.ajouter{font-family:'DidotLTStdItalic';display:block;background:transparent url(../img/bg-ajouter.jpg) no-repeat 0 1px;padding-left:23px;font-size:16px;color:#000;}
  807. .lex .content-block .ajouter-block a.ajouter:hover{text-decoration:underline;}
  808. .wrong .required{background-color:#ffe7e7 !important;color:#d13030 !important;border-color:#eb8181 !important;}
  809. .wrong label,.accepter.wrong a {color:#d13030 !important;}
  810. .wrong a.selectBox span {color:#D13030 !important;}
  811.  
  812. .lex .content-block {padding:68px 0 68px;}
  813. .lex .content-block h1 {padding-top:8px;}
  814. .lex a.create-list {position:absolute;top:0;right:0;}
  815. .lex .content-inner {padding-top:17px;border-bottom:1px dotted #a5a5a5;}
  816. .lex .content-inner p, .lex .content-block.confirmation p {margin-bottom:18px;color:#575757;font-size:14px;line-height:18px;font-family:georgia;}
  817. .lex .content-inner h2 {padding:15px 0 5px;font-size:16px;line-height:20px;color:#000;font-weight:normal;text-transform:uppercase;font-family:FuturaStdBook;}
  818. .block-gris.body-width {margin-top:43px;}
  819. .block-gris.body-width div {width:320px;padding-left:25px;padding-right:23px;margin:15px 0 17px}
  820. .block-gris.body-width div h4 {width:105px;padding:0;}
  821. .block-gris.body-width div.last {border-left:1px solid #FFF;width:310px;}
  822. .lex a.bottom-list {position:relative;float:right;right:0;}
  823. .lex .le-service h1 {border-bottom:none;}
  824. .lex .le-service .content-inner {padding-top:0;border-bottom:none;}
  825. .lex .le-service .top-img {margin-bottom:10px;}
  826. ul.list-services {margin:25px 0 5px;}
  827. ul.list-services li {margin-bottom:25px;border-bottom:#a5a5a5 1px dotted;}
  828. ul.list-services li img {padding-bottom:30px;}
  829. ul.list-services li .service-desc {margin-left:10px;width:498px;float:right;}
  830. .lex ul.list-services li h2 {padding-top:0;padding-bottom:8px;}
  831. .lex .content-block.confirmation {padding-top:104px;padding-bottom:5px;border-bottom:1px dotted #a5a5a5;}
  832. .padl45 {padding-left:45px;}
  833. .padr45 {padding-right:45px;}
  834. .lex .content-block.confirmation p {font-style:italic;font-size:13px;word-spacing:-1px;}
  835. p.confirm {background:url(../img/confirm.jpg) 0 3px no-repeat;padding-left:40px;margin-top:14px;font-style:normal !important;font-size:14px !important;word-spacing:0;}
  836. .lex .confirmation h2 {margin:0 0 12px;border-bottom:2px solid #494949;padding:15px 0 2px;font-size:16px;line-height:20px;color:#000;font-weight:normal;text-transform:uppercase;font-family:FuturaStdBook;}
  837. .lex .ids {margin:10px 0 0 60px;}
  838. .lex .ids p {font-size:14px;margin-bottom:0 !important;}
  839. .lex .ids p span {margin-bottom:16px;display:inline-block;width:195px;}
  840. .lex .ids p span.value {font-size:16px;font-family:GillSans;font-style:normal;color:#666;}
  841. a.print-this, a.print-contrat {margin:10px 0 42px;background:url(../img/print.jpg) 0 0 no-repeat;height:18px;line-height:18px;padding-left:28px;float:right;display:block;font-family:DidotLTStdItalic;font-size:16px;color:#000;}
  842. a.print-this:hover, a.print-contrat:hover {text-decoration:underline;}
  843. .mb30 {margin-bottom:30px;}
  844. a.print-contrat {margin:0;position:absolute;top:50px;right:46px;}
  845. .contrat-wrapper {width:686px;height:333px;}
  846. #popin-contrat h4 {margin-bottom:5px;}
  847. #popin-contrat {margin-bottom:20px;}
  848. #popin-contrat .contrat-content {background:#F7F7F7;width:627px;padding:15px 20px 15px 15px;}
  849. .popin-layer h5 {font-size:14px; color:#000;font-family:FuturaStdBook;text-transform:uppercase;margin-bottom:5px;}
  850. #popin-contrat.popin-layer p {padding-left:0;line-height:17px;}
  851. .popin-layer .jspVerticalBar {margin:0;height:331px;}
  852. .popin-layer .btns {margin:25px 21px 0 0;}
  853. #popin-contacter .btns{margin-right:0;}
  854. #text-seo, #text-seo h1{font-family:"Times New Roman", Times, serif;;font-size:11px;color:#b2b2b2;margin-top:18px;line-height:12px;padding-bottom:10px;border:none;}
  855. #text-seo h1{margin:0;padding:0;text-transform:none;font-weight:bold;}
  856.  
  857. #container {width:947px;margin:0 auto;position:relative;z-index:0;}
  858. #frame {position:absolute;z-index:0;width:947px;height:395px;top:-3px;left:-80px;}
  859. #example {width:947px;height:410px;position:relative;}
  860. #slides {position:absolute;top:0;z-index:100;}
  861. .slides_container {width:947px;overflow:hidden;position:relative;display:none;}
  862. .slides_container div.slide {width:947px;height:395px;display:block;}
  863. /* Next/prev buttons */
  864. #slides .next,#slides .prev {position:absolute;top:107px;left:-39px;width:24px;height:43px;display:none;z-index:101;}
  865. #slides .next{left:585px;}
  866. /* Pagination */
  867. .pagination {z-index:999;position:absolute;bottom:10px;right:10px;width:auto;}
  868. .pagination li {float:left;margin:0 1px;list-style:none;}
  869. .pagination li a {display:block;width:13px;height:0;padding-top:12px;background-image:url(../img/pagination.png);background-position:-1px -15px;float:left;overflow:hidden;}
  870. .pagination li a:hover{background-position:-1px -1px;}
  871. .pagination li.current a {background-position:-1px -29px;}
  872. .input-box-content.jspScrollable {border-bottom:1px solid #CACACA;}
  873. .input-box-content.jspScrollable .jspPane ul {border-bottom:none !important;}
  874.  
  875. .col-left h2.long, .col-left h2 a.long {letter-spacing:-0.04em;font-size:37px;}
  876.  
  877. /* SelectBox */
  878. .selectBox-dropdown{text-decoration:none !important;height:21px;line-height:21px;background:url(../img/select_bg.png) 0 0 no-repeat;color:#3E3E3E;cursor:pointer;display:inline-block;min-width:158px;outline:none;position:relative;text-align:left;text-decoration:none;vertical-align:middle;}
  879. .selectBox-dropdown:hover, .selectBox-dropdown:active, .selectBox-dropdown:focus {color:#000100 !important;background-color:#F6F6F6 !important;background-position:0 -21px;}
  880. .selectBox-dropdown.selectBox-menuShowing{}
  881. .selectBox-dropdown .selectBox-label{display:inline-block;overflow:hidden;white-space:nowrap;font-size:11px;color:#3e3e3e;font-family:verdana;font-style:normal;padding-left:6px;}
  882. .selectBox-dropdown .selectBox-arrow{width:26px;height:21px;background:url(../img/select_bg.png) -574px 0 no-repeat;height:100%;position:absolute;right:0;top:0;}
  883. .selectBox-dropdown .selectBox-arrow:hover, .selectBox-dropdown:active .selectBox-arrow, .selectBox-dropdown:focus .selectBox-arrow {background-position:-574px -21px;}
  884. .selectBox-dropdown-menu{border:1px solid #CACACA;-moz-box-shadow:0 2px 6px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.2);background:#FFF;box-shadow:0 2px 6px rgba(0,0,0,.2);max-height:200px;min-height:1em;overflow:auto;position:absolute;z-index:99999;}
  885. .selectBox-inline{-moz-border-radius:4px;-webkit-border-radius:4px;background:#FFF;border:solid 1px #BBB;border-radius:4px;display:inline-block;min-width:150px;outline:none;overflow:auto}
  886. .selectBox-options,.selectBox-options LI,.selectBox-options LI A{cursor:default;display:block;list-style:none;margin:0;padding:0;}
  887. .selectBox-options LI A{padding-left:6px;font-family:verdana;font-size:11px;color:#3E3E3E;overflow:hidden;white-space:nowrap;height:21px;line-height:21px;}
  888. .selectBox-options LI.selectBox-hover A{color:#000100 !important;background-color:#F6F6F6 !important;}
  889. .selectBox-options LI.selectBox-disabled A{background-color:transparent;color:#888}
  890. .selectBox-options LI.selectBox-selected A{color:#000100 !important;background-color:#F6F6F6 !important;}
  891. .selectBox-options .selectBox-optgroup{background:#EEE;color:#666;font-weight:700;line-height:1.5;padding:0 .3em;white-space:nowrap}
  892. .selectBox-dropdown.selectBox-disabled .selectBox-arrow{border-color:#666;filter:alpha(opacity=50);opacity:.5}
  893. .selectBox-inline.selectBox-disabled .selectBox-options A{background-color:transparent!important}
  894. .selectBox-dropdown:focus,.selectBox-dropdown:focus .selectBox-arrow,.selectBox-inline:focus{border-color:#666}
  895. .selectBox.selectBox-disabled,.selectBox-inline.selectBox-disabled{color:#888!important}
  896.  
  897. .lex .selectBox-dropdown {margin-left:-3px;}
  898.  
  899. /* Home Logueee */
  900. body.logged-in-home h1 {color:#1B1B1B;font-family:DidotLTStdRoman;font-size:28px;text-transform:none;letter-spacing:-0.04em;border-bottom:none;padding:25px 0 21px;}
  901. body.logged-in-home .desc-espace {font-family:Georgia;color:#666;font-size:17px;}
  902. .home-cols {margin-top:40px;background:url(../img/hp_inner_bg.png) 0 0 repeat-y;border-bottom:1px solid #ccc;}
  903. .home-cols .col-1, .bottom-links .col-1, .home-cols .col-2, .bottom-links .col-2, .home-cols .col-3, .bottom-links .col-3 {float:left;}
  904. .home-cols .col-1, .home-cols .col-3, .bottom-links .col-1, .bottom-links .col-3 {width:313px;}
  905. .home-cols .col-2, .bottom-links .col-2 {width:320px;}
  906. .home-cols h2 {font-size:13px;letter-spacing:0.05em;background-color:#2d2c2c;height:33px;color:#FFF;line-height:33px;font-family:FuturaStdBook;text-transform:uppercase;padding-left:13px;border-right:1px solid #d8d8d8;}
  907. .home-cols .col-3 h2, .home-cols .col-3 .inner {border-right:none;}
  908. .home-cols .col-1 .inner {padding:0 17px 0 12px;}
  909. .home-cols .col-2 .inner {padding:0 15px;}
  910. .home-cols .col-3 .inner {padding:0 16px 0 13px;}
  911. .home-cols .inner li {min-height:49px;line-height:48px;border-bottom:#a5a5a5 1px dotted;}
  912. .home-cols .inner li.last {border:none;}
  913. .home-cols .inner span.field {width:130px;font-size:15px;color:#666;font-family:georgia;font-style:italic;display:inline-block;float:left;}
  914. .home-cols .inner span.value {width:150px;font-size:17px;color:#000;font-family:"Times New Roman", Times, serif;display:inline-block;float:left;}
  915. .home-cols .inner span.value.multi {line-height:22px;margin:16px 0;}
  916. .home-cols .inner span.grey {font-size:15px;color:#666;font-family:georgia;font-style:italic;}
  917. .home-cols .inner span.black {font-size:17px;color:#000;font-family:"Times New Roman", Times, serif;}
  918. .home-cols .col-3 .inner span {display:inline-block;float:left;font-family:georgia;}
  919. .home-cols .inner span.date {width:64px;font-size:11px;color:#a2a2a2;font-family:"Times New Roman", Times, serif;}
  920. .home-cols .inner .nom {width:135px;font-size:15px;}
  921. .home-cols .inner span.montant {width:84px;font-size:17px;font-family:"Times New Roman", Times, serif;text-align:right;}
  922. .bottom-links {border-bottom:#b0adac 2px solid;padding:8px 0;background:url(../img/hp_inner_bg.png) 0 0 repeat-y;}
  923. /*.bottom-links.special{background:url(../img/hp_inner_bg_02.png) 0 0 no-repeat;}*/
  924. .bottom-links a {display:block;color:#626262;font-size:12px;text-transform:uppercase;font-family:GillSansRegular;line-height:13px;margin:0 0 5px 7px;padding-left:10px;}
  925. .bottom-links a:hover {color:#000;background:url(../img/black-arrow.jpg) no-repeat left center;}
  926.  
  927. #header .lex-nav.nav-container {border-bottom-width:6px;}
  928. #header .lex-nav.nav-container #top-nav li a {background:none;height:21px;}
  929. #header .lex-nav.nav-container #top-nav li.gris a:hover {color:#767676 !important;}
  930. #header .lex-nav.nav-container #top-nav li a:hover {background-color:#fff;text-decoration:underline;color:#000;}
  931.  
  932. /* Constituer votre liste */
  933. .constituer-liste .pagination {position:static;}
  934. .constituer-liste h1 {padding-top:8px;}
  935. .col-left a.page-about {margin-top:25px;display:block;}
  936. .lex.constituer-liste .list-products {padding-top:67px !important;}
  937. .constituer-liste .brief-liste {padding-left:10px;height:35px;line-height:35px;background-color:#2d2c2c;color:#FFF;display:block;font-size:18px;font-family:GillSansLight;}
  938. .constituer-liste .brief-liste strong {font-family:GillSansRegular;}
  939. .constituer-liste .cat-desc {margin:23px 0 35px;font-size:14px;font-family:georgia;color:#666;}
  940. .constituer-liste .bottom-border {border-bottom:1px dotted #a5a5a5;height:26px;}
  941. .constituer-liste .top-2 {margin-bottom:9px;}
  942. .list-products ul li.theme img {border:1px solid #646464;}
  943. .list-products ul li.theme span {text-transform:uppercase;font-size:24px;color:#000;font-family:DidotLTStdItalic;margin-top:7px;display:inline-block;}
  944. .lex.constituer-liste .menu-g {margin-bottom:20px !important;}
  945. .lex.login .col-left a.page-about {padding-bottom:5px;border-bottom:1px solid #4b4b4b !important;}
  946. .lex.login h2 {font-family:georgia;font-size:14px; color:#575757;margin:18px 0 29px;}
  947. .lex.login .login-form {padding:0 45px;}
  948. .lex.login .login-form .btns span{padding:2px 10px 0 15px;line-height:30px}
  949. .lex.login h3 {color:#000;border-bottom:2px solid #494949;font-family:FuturaStdBook;font-size:16px;text-transform:uppercase;margin-bottom:30px;}
  950. .lex.login .form-ligne {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:14px;color:#666;}
  951. .lex.login .login-cadeau .field label{width:169px;display:inline-block;text-align:left;}
  952. .lex.login .login-cadeau .field{padding-left:85px;position:relative;display:inline-block;padding-bottom:13px;margin-right:20px;}
  953. .lex.login .login-cadeau .field input[type=text]{width:214px;border:1px solid #9b9a9a;padding:2px 5px;font-family:verdana;font-size:11px;color:#3e3e3e;}
  954. .login .forgotten-pass {color:#666;clear:both;float:right;font-size:11px;font-family:georgia;font-style:normal;display:block;margin:4px 3px 0 0;}
  955. .login .forgotten-pass:hover {text-decoration:underline;}
  956.  
  957. .list-types p {font-size:14px;font-family:georgia;color:#575757;margin-bottom:15px;}
  958. .list-types h1 {margin-bottom:18px;}
  959. .list-types h2 {font-family:FuturaStdlight;font-size:20px;text-transform:uppercase;color:#999;font-weight:normal;margin:8px 0 5px;display:inline-block;}
  960. .list-types .cat-info {margin-top:4px;}
  961. .list-types .cat-info a {font-family:'DidotLTStdItalic';font-size:18px;color:#000;text-transform:uppercase;}
  962. .list-types .cat-info a:hover, .list-types .cat-info a.hover {text-decoration:underline;}
  963. .list-types .see-all {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;font-family:GillSansRegular;background-color:#fff;font-size:12px;display:none;position:absolute;top:0;left:0;width:242px;height:242px;text-align:center;line-height:242px;color:#000;text-transform:uppercase;}
  964. .list-types div.image a:hover .see-all {display:block;}
  965. .list-types .list-products ul {padding-bottom:20px;}
  966. .list-types.list-products ul li {min-height:305px;padding-bottom:10px;}
  967. .lex .list-types a.btn {margin:0 0 40px 0 !important;}
  968. .lex .cmd .validate, .lex .cmd .ajouter {cursor:pointer;float:left;background:url(../img/sprite_lex.png) right -170px no-repeat;height:27px;display:block;line-height:27px;margin-left:10px;border:none;padding-right:7px;}
  969. .lex .cmd .validate:hover, .lex .cmd .ajouter:hover {background-position:right -197px;}
  970. .lex .cmd .validate:active, .lex .cmd .ajouter:active {background-position:right -224px;}
  971. .lex .cmd .validate span, .lex .cmd .ajouter span {line-height:27px;background:url(../img/sprite_lex.png) left -170px no-repeat;padding:0 8px 0 15px;display:block;height:27px;color:#fff;font-family:'FuturaStdBook';font-size:13px;font-style:normal;text-transform:uppercase;}
  972. .lex .cmd .validate:hover span, .lex .cmd .ajouter:hover span {background-position:left -197px;color:#fff;}
  973. .lex .cmd .validate:active span, .lex .cmd .ajouter:active span {background-position:left -224px;color:#fff;}
  974. .lex .cmd .ajouter span {padding:0 13px 0 20px !important;}
  975. .lex .cmd .ajouter {margin-left:18px;}
  976. .lex .inner-layer span.addtocart-confirm {background:url(../img/sprite_lex.png) 0 0 no-repeat;height:13px;}
  977. .lex .cmd .del {float:left;margin-left:10px;cursor:pointer;width:27px;height:27px;display:block;text-indent:-999px;overflow:hidden;background:url(../img/sprite_lex.png) 0 -41px;}
  978. .lex .cmd .del:hover {background-position:-27px -41px;}
  979. .lex .cmd .del:active {background-position:-54px -41px;}
  980. .lex .cmd .details-l {width:79px !important;background-image:url(../img/sprite_lex.png) !important;background-position:-109px -68px !important;}
  981. .lex .cmd .details-l:hover {color:#000 !important;background-position:-109px -95px !important;}
  982. .lex .cmd .details-l:active {color:#000;background-position:-109px -122px !important;}
  983. .lex .cmd .not-yet {margin-left:7px;}
  984. .popin-layer.popin-small {width:630px;background-image:url(../img/bg-popin-small-top.png);margin-left:-315px;}
  985. .popin-layer.popin-small .popin-content {background:url(../img/bg-popin-small.png) center 0 repeat-y;}
  986. .popin-layer.popin-small .popin-bottom {background-image:url(../img/bg-popin-small-bottom.png);}
  987. .popin-layer.popin-small p {color:#313131;font-size:18px;font-family:'DidotLTStdRoman';line-height:27px;}
  988. .popin-layer.popin-small .btns{margin-right:0;}
  989. .popin-layer.popin-small .popin-content {padding-bottom:15px;}
  990. #popin-details-produit-ajoute .supprimer {margin-left:10px;padding-left:27px;background:url(../img/sprite_lex.png) 0 -136px no-repeat;font-family:'FuturaStdBook';text-transform:uppercase;height:34px;display:block;float:left;width:82px;line-height:34px;color:#b04a4a;font-size:13px;}
  991. #popin-details-produit-ajoute .supprimer:hover {color:#b63232;background-position:0 -102px;}
  992. #popin-details-produit-ajoute .supprimer:active {color:#b63232;background-position:0 -68px;}
  993. #popin-details-produit-ajoute .btn span{height:32px!important;}
  994. #popin-details-produit-ajoute .btns button span{padding:2px 7px 0 11px !important;margin-top:-2px}
  995. .popin-layer.popin-small h4 {margin-bottom:15px;}
  996. .popin-layer.popin-small img {margin-right:15px;float:left;}
  997. .popin-layer.popin-small .right-col {width:296px;float:left;}
  998. .popin-layer.popin-small h5 {font-family:DidotLTStdRoman;font-size:34px;color:#313131;margin-bottom:5px;text-transform:inherit;line-height:32px;}
  999. .popin-layer.popin-small h6 a, .popin-layer.popin-small h6 {font-family:DidotLTStdItalic;font-size:20px;color:#313131;margin-bottom:10px;display:block;}
  1000. .popin-layer.popin-small span.ref{font-family:Times, serif;font-size:11px;color:#313131;font-style:italic;}
  1001. .popin-layer.popin-small .description {margin:0;padding:5px 0 15px;color:#404040;font-family:georgia;font-size:13px;line-height:17px;}
  1002. .popin-layer.popin-small .price {font-family:Times, Serif;color:#313131;font-size:20px;margin-left:30px;line-height:18px;}
  1003. #popin-ajout-liste h5 {font-family:DidotLTStdItalic;text-transform:uppercase;}
  1004. #popin-ajout-liste .price {margin:0 0 5px 0;display:block;}
  1005. #popin-share-list h4, #popin-share-list p, #popin-share-list h5, #popin-share-list span{position:relative;}
  1006. #popin-share-list p {color:#404040;font-size:13px;font-family:georgia;line-height:inherit;}
  1007. #popin-share-list h5 {color:#000;font-size:16px;line-height:inherit;font-family:'FuturaStdBook';text-transform:uppercase;}
  1008. #popin-share-list .title, #popin-share-list .value {line-height:24px;height:24px;display:block;float:left;margin-bottom:20px;color:#666;}
  1009. #popin-share-list .title {width:140px;font-size:14px;font-family:georgia;font-style:italic;}
  1010. #popin-share-list .value {width:420px;font-size:16px;font-family:GillSansRegular;}
  1011. #popin-share-list a.value:hover{text-decoration:underline;}
  1012. #popin-share-list .h-sep {height:0;clear:both;width:562px;border-top:1px solid #ecebea;margin-bottom:13px;}
  1013. .no-margin {margin:0 !important;}
  1014. #popin-share-list .grey {color:#b1b1b1;font-size:12px;font-family:georgia;font-style:italic;}
  1015. #popin-share-list p.share-on {display:block;line-height:28px;height:28px;margin:0;color:#000;font-size:16px;text-transform:uppercase;font-family:FuturaStdBook;}
  1016. #popin-share-list p.share-on .facebook, #popin-share-list p.share-on .twitter, #popin-share-list p.share-on .delicious {width:29px;height:28px;display:inline-block;margin-right:4px;background:url(../img/sprite_lex.png) 0 0 no-repeat;text-indent:-999px;overflow:hidden;}
  1017. #popin-share-list p.share-on a.facebook {margin-left:25px;background-position:-188px -68px;}
  1018. #popin-share-list p.share-on a.facebook:hover {background-position:-188px -96px;}
  1019. #popin-share-list p.share-on a.twitter {background-position:-217px -68px;}
  1020. #popin-share-list p.share-on a.twitter:hover {background-position:-217px -96px;}
  1021. #popin-share-list p.share-on a.delicious {background-position:-246px -68px;}
  1022. #popin-share-list p.share-on a.delicious:hover {background-position:-246px -96px;}
  1023. #popin-share-list p.share-on span{vertical-align:top;}
  1024.                
  1025. /* Gerer Ma Liste */
  1026. .gerer-liste .pagination {position:static;}
  1027. .gerer-liste h1 {padding-top:8px;}
  1028. .lex.gerer-liste .list-products {padding-top:38px !important;}
  1029. .lex.gerer-liste .menu-g {padding:10px 0 !important;}
  1030. .gerer-liste .brief-liste {padding-left:10px;height:35px;line-height:35px;background-color:#2d2c2c;color:#FFF;display:block;font-size:18px;font-family:GillSansLight;margin-bottom:25px;}
  1031. .gerer-liste .brief-liste strong {font-family:GillSansRegular;}
  1032. .gerer-liste .cat-desc {margin:23px 0 35px;font-size:14px;font-family:georgia;color:#666;}
  1033. .gerer-liste .bottom-border {border-bottom:1px dotted #a5a5a5;height:26px;}
  1034. .gerer-liste .top-2 {margin-bottom:9px;}
  1035. .gerer-liste .lex-side-links a{letter-spacing:-1px;height:auto;min-height:55px;padding-left:10px;}
  1036. .gerer-liste .lex-side-links .twolines{line-height:25px;padding-bottom:10px;padding-top:10px;}
  1037. .gerer-liste .lex-side-links {border-bottom:1px solid #0A0A0A;margin-bottom:25px;padding:0px 0;}
  1038. .gerer-liste .product-info h3 a{max-width:140px;}
  1039. .gerer-liste .list-products ul li .infos{width:85px;}
  1040. #left-menu .liste-infos {font-size:13.5px;margin:0;padding:0;}
  1041. #left-menu ul.liste-infos a {background:none;padding:4px 12px;color:#757575;font-size:13.5px;}
  1042. #left-menu .liste-infos a:hover:before, #left-menu .liste-infos a.actif:before {;margin-left:2px;width:6px;display:block;float:left;}
  1043. #left-menu ul.liste-infos ul li span {font-family:'GillSansRegular'; font-size:13.5px;color:#757575; margin-left:10px;}
  1044. #left-menu ul.liste-infos ul li span.actif,
  1045. #left-menu ul.liste-infos ul li span:hover,
  1046. #left-menu .liste-infos ul li span:hover:before,
  1047. #left-menu .liste-infos li span.actif:before {background:none; text-decoration:underline;color:#00050c; content:none; margin-left:10px !important;}
  1048. #left-menu .liste-infos span.current {color:#000;font-family:"GillSansRegular";}
  1049.  
  1050.  
  1051. /* Actu LEX */
  1052. .actu-lex {margin-bottom:50px;}
  1053. .actu-lex .actu-lex-bread {padding-left:1px;font-family:'DidotLTStdItalic';margin-top:60px;letter-spacing:-0.04em;}
  1054. .actu-lex .actu-lex-bread a {font-size:32px;color:#000;font-style:normal;display:inline-block;}
  1055. .actu-lex ul {border-bottom:1px dotted #000;min-height:273px;}
  1056. .actu-lex ul li {width:306px;float:left;margin-right:14px;height:310px;}
  1057. .actu-lex ul li.last {margin-right:0;}
  1058. .actu-lex ul li div {height:205px;}
  1059. .actu-lex ul li p {padding:10px 0 5px 9px;}
  1060. .actu-lex ul li p, .actu-lex ul li p a {color:#333;font-size:17px;font-family:Georgia, "Times New Roman", Times, serif;line-height:19px;}
  1061. .actu-lex ul li p:hover, .actu-lex ul li p a:hover {text-decoration:underline;}
  1062. .actu-lex ul li p span, .actu-lex ul li p a span {font-style:italic;}
  1063. .actu-lex .suite {float:right;display:block;font-size:15px;font-family:Georgia;color:#434343;text-align:right;padding-top:12px;font-style:italic;}
  1064. .actu-lex .suite:hover {text-decoration:underline;}
  1065.  
  1066. /* Avis de dons */
  1067. .avis-dons .pagination {position:static;}
  1068. .avis-dons h1 {padding-top:8px;}
  1069. .lex.avis-dons .list-products {padding-top:38px !important;}
  1070. .lex.avis-dons .menu-g {padding:10px 0 !important;}
  1071. .avis-dons .brief-liste {padding-left:10px;height:35px;line-height:35px;background-color:#2d2c2c;color:#FFF;display:block;font-size:18px;font-family:GillSansLight;margin-bottom:25px;}
  1072. .avis-dons .brief-liste strong {font-family:GillSansRegular;}
  1073. .avis-dons .cat-desc {margin:23px 0 35px;font-size:14px;font-family:georgia;color:#666;}
  1074. .avis-dons .bottom-border {border-bottom:1px dotted #a5a5a5;height:26px;}
  1075. .avis-dons .top-2 {margin-bottom:9px;}
  1076. .avis-dons .lex-side-links a{letter-spacing:-1px;height:auto;min-height:55px;padding-left:10px;}
  1077. .avis-dons .lex-side-links .twolines{line-height:25px;padding-bottom:10px;padding-top:10px;}
  1078. .avis-dons .lex-side-links {border-bottom:1px solid #0A0A0A;margin-bottom:25px;padding:0px 0;}
  1079. .avis-dons .contact-box1 {margin:0 0 15px;}
  1080. .avis-dons .lex-side-links {margin-bottom:0;border-bottom:none;}
  1081. .avis-dons .list-summary {font-size:20px;letter-spacing:0.02em;margin:29px 0 10px;height:54px;background-color:#2d2c2c;font-family:FuturaStdBook;text-transform:uppercase;color:#fff;}
  1082. .avis-dons .list-summary p{height:36px;display:inline-block;line-height:36px;margin-top:10px;text-align:center;}
  1083. .avis-dons .list-summary p.total {width:370px;border-right:2px solid #fff;}
  1084. .avis-dons .list-summary p.donators {width:368px;}
  1085. #donations-detail th {font-size:13px;letter-spacing:0.05em;height:33px;background-color:#2d2c2c;color:#fff;font-size:14px;text-transform:uppercase;font-family:FuturaStdBook;vertical-align:middle;text-align:center;border-right:1px solid #969696;}
  1086. #donations-detail th.last {border-right:none;}
  1087. #donations-detail tr td {min-height:63px;border-right:1px dotted #d8d8d8;vertical-align:middle;border-bottom:1px dotted #a5a5a5;}
  1088. #donations-detail tr td.details {border-right:none;}
  1089. #donations-detail .date {font-family:Times, serif;color:#666;font-size:13px;text-align:center;}
  1090. #donations-detail .donators {padding:4px 0 4px 10px;font-family:georgia;font-size:14px;color:#000;}
  1091. #donations-detail img, #donations-detail p {display:block;vertical-align:middle;float:left;}
  1092. #donations-detail img {margin:2px 0 2px 1px;}
  1093. #donations-detail p {width:122px;height:59px;font-size:12px;color:#404040;font-family:georgia;margin:4px 0 0 5px;}
  1094. #donations-detail p span {color:#000;}
  1095. #donations-detail .total {text-align:center;font-size:16px;color:#000;font-family:times, serif;}
  1096. #donations-detail .message a, #donations-detail .thanks a {display:block;margin:0 auto;overflow:hidden;background:url(../img/sprite_lex.png) 0 0 no-repeat;text-indent:-999px;}
  1097. #donations-detail .message a {width:40px;height:24px;}
  1098. #donations-detail .thanks a {width:17px;height:17px;}
  1099. #donations-detail .message .mail {background-position:0 -299px;}
  1100. #donations-detail .message .mail-ecrit {background-position:0 -252px;margin-right:28px!important;}
  1101. #donations-detail .message .ecrire {background-position:0 -275px;}
  1102. #donations-detail .message .mail:hover {background-position:-40px -299px;}
  1103. #donations-detail .message .mail-ecrit:hover {background-position:-40px -252px;}
  1104. #donations-detail .message .ecrire:hover {background-position:-40px -275px;}
  1105. #donations-detail .thanks .to-thank {background-position:-19px -323px;}
  1106. #donations-detail .thanks .thanked {background-position:0 -323px;}
  1107. #donations-detail .thanks, #donations-detail .details {text-align:center;}
  1108. #donations-detail .details a {color:#8d8d8d;font-family:GillSansLight;font-size:11px;text-transform:uppercase;}
  1109. #donations-detail .details a:hover {color:#000;}
  1110. #donations-detail td.last {border-bottom:none;}
  1111. #donations-detail tr:hover {background-color:#fcfcfc;}
  1112. #donations-detail {border-bottom:#a5a5a5 1px solid;}
  1113.  
  1114. /*cadeau personnalise */
  1115. .cadeau-personnalise .col-left h2{color:#333333;font-family:'DidotLTStdRoman';font-size:42px;letter-spacing:-0.07em;line-height:42px;margin-bottom:5px;margin-top:23px;}
  1116. .cadeau-personnalise .col-left .menu-g{border-bottom:none;margin-bottom:0px !important;padding:15px 0 20px !important   ;}
  1117. .cadeau-personnalise #left-menu span{color:#000;font-size:13px;}
  1118. .cadeau-personnalise h1{border-bottom:none;}
  1119. .cadeau-personnalise .content-block{padding:68px 0 48px !important ;}
  1120. .cadeau-personnalise .field.field-montant{padding-bottom:12px;}
  1121. .cadeau-personnalise .field-montant label{line-height:14px;margin-top:-8px;}
  1122. .cadeau-personnalise .login-form{margin-top:28px;}
  1123. .cadeau-personnalise.login .form-ligne .field label{float:left;margin-left:3px;}
  1124. /*.cadeau-personnalise .field-montant label*/
  1125. .cadeau-personnalise h1{border-bottom:none !important;padding-bottom:0px !important;line-height:10px;}
  1126. .cadeau-personnalise.login .login-cadeau .field input[type="text"], .cadeau-personnalise.login .login-cadeau .field textarea{width:297px;}
  1127. .cadeau-personnalise.login .login-cadeau .field textarea{border:1px solid #9B9A9A;color:#3E3E3E;font-family:verdana;font-size:11px;padding:2px 5px;height:121px;}
  1128. .cadeau-personnalise .magasin{margin-top:90px;}
  1129.  
  1130. /* releve compte */
  1131. .releve-compte .col-left h2{font-size:38px;letter-spacing:-0.08em;}
  1132. .releve-compte.gerer-liste .lex-side-links{border-bottom:none;margin-bottom:0px;}
  1133. .releve-compte.gerer-liste .lex-side-links a{border-bottom:none;}
  1134. .releve-compte.gerer-liste .contact-box1{margin-top:0 !important;}
  1135. .releve-compte.gerer-liste .col-main .navigation{width:238px;}
  1136. .releve-compte.gerer-liste .col-main .navigation .pagination{width:88px;margin:0 8px;}
  1137. .releve-compte .list-achat{padding:23px 0 38px;}
  1138. .releve-compte .col-main .solde{background-color:#2D2C2C;display:block;min-height:59px;margin-bottom:25px;padding:16px;height:auto;}
  1139. .releve-compte .col-main .solde .col-1, .releve-compte .col-main .solde .col-2{float:left;display:block;overflow:hidden;height:59px;}
  1140. .releve-compte .col-main .solde .col-1{width:337px;border-right:1px solid #e6e6e6;}
  1141. .releve-compte .col-main .solde .col-2{width:351px;border-left:1px solid #aeaeae;}
  1142. .releve-compte .col-main .solde p{font-size:15px;letter-spacing:0.02em;color:#fff; font-family:FuturaStdBook;text-transform:uppercase;}
  1143. .releve-compte .col-main .solde p span{font-size:12px;}
  1144. .releve-compte .col-main .solde .col-2 p{margin-left:16px;line-height:20px;}
  1145. .releve-compte .compte{border-bottom:1px solid #A5A5A5;}
  1146. .releve-compte .col-main .compte table{width:100%;overflow:hidden;}
  1147. .releve-compte .col-main .compte table tr.line-1 th{height:33px;color:#fff;background-color:#2D2C2C;border-right:1px solid #969696 !important;text-transform:uppercase;font-size:13px !important;letter-spacing:0.05em;font-family:FuturaStdBook !important;padding-left:11px;}
  1148. .releve-compte .col-main .compte table tr td{border:1px dotted #a5a5a5;padding-left:11px;padding-right:7px;}
  1149. .releve-compte .col-main .compte table tr.line-1 td{}
  1150. .releve-compte .col-main .compte table tr.line-2 td{min-height:20px;padding-top:15px;padding-bottom:15px;font-size:16px !important;font-family:times;overflow:hidden;line-height:18px;padding-right:20px;}
  1151. .releve-compte .col-main .compte table tr.line-2.first td{}
  1152. .releve-compte .col-main .compte table tr .col-1{width:112px;border-left:none;color:#a2a2a2;font-size:13px !important;}
  1153. .releve-compte .col-main .compte table tr .col-2{width:371px;font-family:Georgia !important;}
  1154. .releve-compte .col-main .compte table tr .col-3{width:118px;}
  1155. .releve-compte .col-main .compte table tr .col-4{width:109px;border-right:none;}
  1156. .releve-compte .col-main .compte table tr.line-2.last td{/*border-bottom:1px solid #a5a5a5;*/border-bottom:none;}
  1157. .releve-compte .col-main .compte table tr.line-2 .col-1{font-size:13px !important;text-align:center;}
  1158. .releve-compte .col-main .compte table tr.line-2 .col-2{font-size:15px !important;padding-right:11px;}
  1159. .releve-compte .col-main .compte table tr.line-2 .col-3{font-size:15px !important;}
  1160. .releve-compte .col-main .compte table tr.line-2 .col-4{font-size:15px !important;}
  1161.  
  1162. /* offrir Cadeau etape 1 */
  1163. .lex.offrir-cadeau-e1 .content-block h1{padding-top:6px !important;}
  1164. .lex.offrir-cadeau-e1 ul.list-mode-products .participation{width:490px;}
  1165.  
  1166. /* offrir Cadeau etape 2 (Recapulatif)*/
  1167. .lex.offrir-cadeau-e2 #left-menu span{font-family:"GillSansregular";}
  1168. .lex .btns-paiement{background-color:#2D2C2C;height:46px; margin-top:20px; padding:3px;width:173px;}
  1169. .lex .btns-paiement a{height:44px !important;width:171px;border:1px solid #6c6c6c;;margin:0;float:left;}
  1170. .lex .btns-paiement a.btn-paiement span{color:#fff;font-family:FuturaStdBook;font-size:15px;line-height:19px;background:url(../img/picto-paiement.png) 11px center no-repeat;text-transform:uppercase;padding:14px 0 12px 36px !important;letter-spacing:-1px;text-align:center;float:left;display:block;}
  1171. .lex.offrir-cadeau-e2 .content-block p.intro {color:#404040;font-family:Georgia,"Times New Roman",Times,serif;font-size:18px;margin:28px 0 22px;padding-bottom:0;line-height:17px;}
  1172. .lex.offrir-cadeau-e2 .etapes-recap li span{color:#404040;font-family:Georgia,"Times New Roman",Times,serif;font-size:16px;font-style:italic;line-height:25px;}
  1173. .lex.offrir-cadeau-e2 .recapulatif .btns{margin-right:312px;margin-top:45px;}
  1174. .lex.offrir-cadeau-e2 .recapulatif{min-height:450px;}
  1175.  
  1176. /* offrir Cadeau etape 2 liste-cadeau (Recapulatif)*/
  1177. .lex .recapulatif-e2 p.montant-total{height:27px;font-size:16px;line-height:21px;color:#fff;background-color:#2d2c2c;padding-left:10px;padding-top:8px;width:744px;font-family:"GillSansRegular";margin-bottom:15px;}
  1178. .lex .recapulatif-e2 .montant-total span{font-weight:bold;}
  1179. .lex .recapulatif-e2 .tableau-produit{border-top:1px dotted #A5A5A5;border-bottom:1px solid #A5A5A5;width:754px;padding-top:14px;overflow:hidden;}
  1180. .lex .recapulatif-e2 table tr th{height:33px;color:#fff;background-color:#2D2C2C;border-right:1px solid #969696 !important;text-transform:uppercase;font-size:14px !important;font-family:FuturaStdBook !important;text-align:center;}
  1181. .lex .recapulatif-e2 table tr td{border:1px dotted #A5A5A5;height:159px;font-family:times;text-align:center;vertical-align:top;padding-top:15px;}
  1182. .lex .recapulatif-e2 table tr td.last{border-right:none;}
  1183. .lex .recapulatif-e2 table tr.first td{border-top:none;}
  1184. .lex .recapulatif-e2 table tr td.col-1{border-left:none;}
  1185. .lex .recapulatif-e2 table tr.last td{border-bottom:none;}
  1186. .lex .recapulatif-e2 table tr .col-4 span.price{display:block;width:152px;}
  1187.  
  1188. /*buttons Ajouter - modifier  offrir Cadeau etape 2 liste-cadeau (Recapulatif) */
  1189. .lex .recapulatif-e2 .tableau-produit .btns-supprimer, .lex .recapulatif-e2 .tableau-produit .btns-modifier {clear:both;}
  1190. .lex .recapulatif-e2 .tableau-produit .btns-modifier a, .lex .recapulatif-e2 .tableau-produit .btns-supprimer a{cursor:pointer;display:block;height:27px;line-height:27px;margin-left:10px;padding-right:7px;witdh:89px !important;}
  1191. .lex .recapulatif-e2 .tableau-produit .btns-modifier a span,  .lex .recapulatif-e2 .tableau-produit .btns-supprimer a span{color:#FFFFFF;display:block;font-family:'FuturaStdBook';font-size:13px;font-style:normal;height:27px;line-height:27px;padding:0 8px 0 12px;text-transform:uppercase;}
  1192.  
  1193. .lex .recapulatif-e2 .tableau-produit .btns-modifier a span{background:url(../img/sprite_lex.png) no-repeat left -170px;}
  1194. .lex .recapulatif-e2 .tableau-produit .btns-modifier a{background:url(../img/sprite_lex.png) no-repeat right -170px;width:82px;margin:38px auto 8px;}
  1195. .lex .recapulatif-e2 .tableau-produit .btns-modifier a:hover span {background-position:left -197px;}
  1196. .lex .recapulatif-e2 .tableau-produit .btns-modifier a:hover{background-position:right -197px;}
  1197. .lex .recapulatif-e2 .tableau-produit .btns-modifier a:active span {background-position:left -224px;}
  1198. .lex .recapulatif-e2 .tableau-produit .btns-modifier a:active {background-position:right -224px;}
  1199.  
  1200. .lex .recapulatif-e2 .tableau-produit .btns-supprimer a span {background:url(../img/sprite_lex.png) no-repeat left -340px;color:#5c5c5c;}
  1201. .lex .recapulatif-e2 .tableau-produit .btns-supprimer a{background:url(../img/sprite_lex.png) no-repeat right -340px;padding-right:3px !important;width:86px;margin:0 auto;}
  1202. .lex .recapulatif-e2 .tableau-produit .btns-supprimer a:hover span {background-position:left -367px;}
  1203. .lex .recapulatif-e2 .tableau-produit .btns-supprimer a:hover{background-position:right -367px;}
  1204. .lex .recapulatif-e2 .tableau-produit .btns-supprimer a:active span {background-position:left -394px;}
  1205. .lex .recapulatif-e2 .tableau-produit .btns-supprimer a:active {background-position:right -394px;}
  1206.  
  1207. .lex .recapulatif-e2 .tableau-produit tr td.col-1 img {padding:0 12px 14px 14px;}
  1208. .lex .recapulatif-e2 .tableau-produit tr td.col-1 img, .lex .recapulatif-e2 .tableau-produit tr td.col-1 p {display:block;float:left;}
  1209. .lex .recapulatif-e2 .tableau-produit tr td.col-1 p{font-family:"Georgia";font-size:15px;line-height:18px;text-align:left;color:#000;}
  1210. .lex .recapulatif-e2 .tableau-produit tr td.col-1 p span.marque{color:#707070;font-size:13px;line-height:13px;font-style:italic;}
  1211. .lex .recapulatif-e2 .tableau-produit tr td.col-1 p span.ref{color:#313131;font-size:12px;line-height:18px; font-style:italic;font-family:Times New Roman;}
  1212. .lex .recapulatif-e2 .tableau-produit tr.active td {background-color:#fafafa;}
  1213. .lex .recapulatif-e2 .ajout-don{width:754px;height:59px;border-bottom:1px solid #A5A5A5;}
  1214. .lex .recapulatif-e2 .ajout-don span{color:#000000;display:block;float:left;font-family:FuturaStdBook;font-size:18px;line-height:14px;padding-left:158px;padding-right:20px;padding-top:22px;text-transform:uppercase;}
  1215. .lex .recapulatif-e2 .ajout-don .somme{background:url(../img/sprite_lex.png) no-repeat left -421px ;display:block;float:left;margin-top:14px;width:161px;height:27px;}
  1216. .lex .recapulatif-e2 .ajout-don .somme input{border:none;background:url(../img/sprite_lex.png) no-repeat  left -421px;color:#3E3E3E;float:left;font-family:Verdana;font-size:12px;height:27px;padding-left:4px;width:137px;}
  1217. .lex .recapulatif-e2 .ajout-don .somme span{line-height:27px;padding:0 7px 0 0;font-size:14px;color:#5c5c5c;}
  1218. .lex .recapulatif-e2 .ajout-don a{font-size:14px;line-height:27px;font-family:DidotLTStdRoman;color:#5c5c5c;float:left;display:block;background:url(../img/sprite_lex.png) no-repeat -120px -252px ;margin-top:14px;padding-left:10px;width:51px;}
  1219. .lex .recapulatif-e2 .ajout-don a:hover{background-position:-120px -279px ;}
  1220. .lex .recapulatif-e2 .ajout-don a:active{background-position:-120px -306px ;}
  1221. .lex .recapulatif-e2 .total-cadeau{font-family:FuturaStdBook;font-size:16px;line-height:18px;float:right;border-bottom:1px solid #000;width:323px;padding-top:25px;text-transform:uppercase;padding-bottom:7px}
  1222. .lex .recapulatif-e2 .total-cadeau span{padding-left:30px;font-family:Times New Roman;font-size:20px;line-height:20px;}
  1223.  
  1224. /* lex - CONFIRMATION - Offrir Cadeau étape 5 */
  1225. .lex.confirmation-e5 .content-block.confirmation {border-bottom:none;min-height:570px;}
  1226. .lex.confirmation-e5 .content-block .relative {min-height:240px;position:relative;}
  1227. .lex.confirmation-e5 .content-block .voir-egalement .voir{font-family:FuturaStdBook;font-size:16px;line-height:14px;color:#000;text-transform:uppercase;font-style:normal;margin-bottom:5px;}
  1228. .lex.confirmation-e5 .voir-egalement .decouvrir-service{width:370px;height:204px;display:block;float:left;}
  1229. .lex.confirmation-e5 .voir-egalement .decouvrir-service.left{margin-right:14px;}
  1230. .lex.confirmation-e5 .voir-egalement .decouvrir-service .img-service{width:370px;height:154px;display:block;}
  1231. .lex.confirmation-e5 .voir-egalement .decouvrir-service p{padding-left:5px;padding-top:10px;}
  1232. .lex.confirmation-e5 .voir-egalement .decouvrir-service .lien-service{font-family:Georgia;font-size:16px;line-height:18px;color:#434343;font-style:normal;}
  1233. .lex.confirmation-e5 .voir-egalement .decouvrir-service .lien-service:hover{text-decoration:underline;}
  1234.  
  1235. /* lex - paiement - Offrir Cadeau étape 4 */
  1236. .lex.confirmation-e4 .paiement-cadeau{overflow:hidden;}
  1237. .lex.confirmation-e4 .content-block p.intro.text-paiement {border-right:1px solid #b8b8b8;padding-bottom:0;padding-right:5px;width:365px;float:left;line-height:18px;}
  1238. .lex.confirmation-e4 .recapulatif-e2 .total-cadeau {border-bottom:none;width:358px;padding-top:35px;}
  1239. .lex .content-block.text-special .form-block {min-height:310px;margin-left:24px;margin-right:24px;width:auto;}
  1240. .lex .content-block.text-special .form-block .texte {width:auto;}
  1241. .lex .content-block.text-special .form-block .texte p{font-style:italic;line-height:18px;}
  1242. .lex .content-block.text-special .form-block .texte p.mode-paiement{padding-left:130px;padding-right:30px;width:163px;float:left;}
  1243.  
  1244. .lex .content-block.text-special .form-block .texte .type-paiement{float:right;margin:7px 0 0;padding-right:173px;width:173px;}
  1245. .lex.confirmation-e4 .form-block .type-paiement input{margin-right:10px;vertical-align:middle;}
  1246. .lex.confirmation-e4 .form-block .type-paiement .label{background:url(../img/sprite_lex.png) no-repeat;color:#666666;font-family:Georgia;font-size:12px;padding-left:45px;line-height:25px;height:25px; display:inline-block;}
  1247. .lex.confirmation-e4 .form-block .type-paiement .label-1{background-position:-351px 1px;}
  1248. .lex.confirmation-e4 .form-block .type-paiement .label-2{background-position:-351px -23px;}
  1249. .lex.confirmation-e4 .form-block .type-paiement .label-3{background-position:-351px -47px;}
  1250. .lex.confirmation-e4 .form-block .type-paiement .label-4{background-position:-351px -72px;}
  1251. .lex.confirmation-e4 .form-block .paiement-form{float:right;width:382px;}
  1252.  
  1253. /* lex - services - Offrir Cadeau étape 3 */
  1254. .lex.service-e3 .content-block .form-block {margin-left:24px;margin-right:24px;}
  1255. .lex.service-e3 .form-block .form-ligne.text-area{padding-bottom:42px;}
  1256. .lex.service-e3 .text-special .text-area .form-block .texte{width:auto;}
  1257. .lex.service-e3 .form-block .form-ligne.text-area .field {margin-right:0;padding-left:0;}
  1258. .lex.service-e3 .form-block .form-ligne.text-area .field label{width:143px;height:102px;display:inline-block;float:left;}
  1259. .lex.service-e3 .form-block .form-ligne.text-area .field textarea{padding:9px 12px;width:535px;height:102px;display:inline-block;-webkit-box-shadow:inset 1px 1px 2px 0 #999;-o-box-shadow:inset 1px 1px 2px 0 #999;box-shadow:inset 1px 1px 2px 0 #999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:12px;line-height:14px;font-family:Verdana; font-style:Italic;color:#646462;}
  1260. .lex.service-e3 .content-block.beneficiaires .form-block.informations{width:320px;margin-left:0;margin-right:0;float:left;}
  1261. .lex.service-e3 .content-block.beneficiaires .form-block.floatL{margin-right:65px;}
  1262. .lex .content-block .form-block .field.field-adresse{padding-bottom:3px;}
  1263. .lex .field.field-adresse label{line-height:14px;margin-top:-8px;padding-bottom:8px;}
  1264. .lex .field.field-adresse input[type="text"]{float:right;margin-top:-1px;}
  1265. .lex.service-e3 .field.first label, .lex.service-e3 .liste-radios input, .lex.creer-liste-e2 .field.first label, .lex.creer-liste-e2 .liste-radios input{float:left;}
  1266. .lex.service-e3 .liste-radios input, .lex.creer-liste-e2 .liste-radios input{margin-right:3px;}
  1267. .lex.service-e3 .form-block .field .check-liste{padding-left:53px;padding-top:9px;width:auto !important;}
  1268. .lex.service-e3 .content-block .form-block.floatR .form-ligne {padding-bottom:10px;}
  1269. .lex.service-e3 .content-block .ajouter-block{margin:0;clear:none;padding-top:10px;}
  1270. .lex.service-e3 .content-block .ajouter-block.reposition{margin-top:36px;}
  1271. .lex.service-e3 #donator-wrapper{margin-bottom:0;padding-bottom:0;}
  1272. .lex.service-e3 .selectBox-dropdown .selectBox-arrow {right:-17px;}
  1273. .lex.service-e3 .donators .text-after{font-size:11px;color:#b2b2b2;font-family:Georgia;font-style:italic;float: left;letter-spacing: -0.04em;padding-top:60px;}
  1274.  
  1275. /*cadeau-container*/
  1276. #cadeau-container {padding: 0 6px;}
  1277. .top-header .votre-cadeau {background: url(../img/sprite_lex.png) no-repeat 0 -485px;cursor: pointer;height: 10px;line-height: 10px;padding-left: 15px; padding-top: 2px;}
  1278. .top-header a.votre-cadeau span.solde{font-size:11px;color:#b8b8b8;font-family:GillSansRegular;letter-spacing: 0.03em; font-style: normal;}
  1279. .top-header a.votre-cadeau span.full{color:#fe6d34;}
  1280.  
  1281.  
  1282. /* Popin detail don */
  1283. .popin-don {width:572px;height:510px;}
  1284. .popin-don .popin-inner {width:539px;float:left;}
  1285. .popin-don .products {padding-bottom:1px;border-bottom:1px dotted #a5a5a5;}
  1286. .popin-don .products li {height:116px;display:block;width:539px;}
  1287. .popin-don .products img, .popin-don .products img, .popin-don .products p.info {display:block;float:left;}
  1288. .popin-don .products img {margin-right:8px;}
  1289. .popin-don .products .price {display:block;float:right;font-size:20px;font-family:times, serif;color:#313131;margin:0;padding:0;}
  1290. .popin-don .products p.info {font-size:32px;color:#313131;font-family:DidotLTStdRoman;line-height:25px;margin:0;height:115px;padding:0;width:315px;}
  1291. .popin-don .products p.info span {color:#313131;font-family:DidotLTStdItalic;font-size:20px;}
  1292. .popin-layer .popin-don p.total {margin-bottom:10px;text-align:right;border-bottom:#a5a5a5 1px solid;height:35px;line-height:35px;font-family:FuturaStdLight;color:#000;}
  1293. .popin-layer .popin-don p.total span {width:117px;font-family:times, serif;color:#313131;display:inline-block;font-size:20px;}
  1294. .popin-don span.title {font-family:FuturaStdBook;font-size:16px;color:#000;border-bottom:2px solid #494949;display:block;height:25px;line-height:25px;width:539px;margin-top:15px;text-transform:uppercase;}
  1295. .popin-don .donator {min-height:90px;margin-bottom:10px;float:left;width:244px;margin-right:25px;font-family:georgia;font-size:13px;color:#404040;font-style:italic;}
  1296. .popin-don .donators-info {padding:8px 0 10px;border-bottom:1px solid #a5a5a5;margin-bottom:20px;}
  1297. .popin-layer .popin-don .donators-msg, .popin-layer .popin-don .msg-repondu {margin-top:8px;background-color:#f7f7f7;font-family:georgia;color:#404040;padding:8px 20px 12px 8px;font-size:13px;line-height:17px;}
  1298. .popin-layer .popin-don input, .popin-layer .popin-don textarea {width:537px;color:#404040;font-family:verdana;font-size:12px;border:1px solid #bbb;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}
  1299. .popin-layer .popin-don input {height:23px;line-height:23px;margin-top:8px;width:533px !important;padding-left:4px;}
  1300. .popin-layer .popin-don .field {margin-bottom:5px;}
  1301. #popin-detail-don-repondu .btns, #popin-detail-don .btns {margin-right:33px !important;}
  1302. #popin-detail-don-repondu.popin-layer.popin-small .popin-content, #popin-detail-don.popin-layer.popin-small .popin-content {padding-left:34px;}
  1303. #popin-detail-don-repondu.popin-layer .jspVerticalBar, #popin-detail-don.popin-layer .jspVerticalBar {height:508px;}
  1304. .popin-layer.popin-small .field {position:relative;}
  1305. .popin-layer.popin-small .field.wrong input, .popin-layer.popin-small .field.wrong textarea {background-color:#ffe7e7;border-color:#eb8181;}
  1306. .txt-area .msg-erreur {left:-1px;top:-59px;}
  1307. .popin-layer.popin-small .msg-erreur {font-style:italic;}
  1308. .popin-layer.popin-small .popin-text {font-size:14px;font-family:Georgia;color:#404040;line-height:17px;}
  1309. .popin-layer.popin-small .img-paiement{width:509px;height:49px;display:block;margin:0 auto;padding-top:20px;}
  1310. .popin-layer.popin-small .img-paiement .img{float:left;margin-right:9px;}
  1311. .popin-layer.popin-small .img-paiement .img.last{margin-right:0;}
  1312.  
  1313. /* Recherche liste */
  1314. .recherche-liste .list-title {font-size:13,5px;font-family:GillSansRegular;color:#000;line-height:45px;display:block;padding-left:6px;border-top:1px solid #4b4b4b;text-transform:uppercase;}
  1315. .list-img {margin-bottom:20px;display:block;}
  1316. .recherche-liste h1 {margin-bottom:15px;}
  1317. .recherche-liste .col-main p {font-family:georgia;font-size:14px;color:#575757;margin-bottom:15px;}
  1318. .recherche-liste .wrapper {padding:30px 45px;}
  1319. .recherche-liste h3 {color:#000;border-bottom:2px solid #494949;font-family:FuturaStdBook;font-size:16px;text-transform:uppercase;margin-bottom:13px;}
  1320. .recherche-liste .wrapper p {font-style:italic;font-size:13px;}
  1321. .recherche-liste.lex .selectBox-dropdown {margin:0;}
  1322. .recherche-liste .col-main .field {padding-left:85px;font-family:Georgia;font-style:italic;font-size:14px;color:#666;margin-bottom:13px;}
  1323. .recherche-liste .col-main .field label {float:left;width:170px;display:inline-block;}
  1324. .recherche-liste .col-main .field input {width:300px;border:1px solid #9B9A9A;padding:2px 5px;font-family:verdana;font-size:11px;color:#3E3E3E;}
  1325. .recherche-liste .col-main .field input.code-acces {width:204px;}
  1326. .recherche-liste .col-main .field .jour{width:20px !important;display:inline-block;margin-right:5px;}
  1327. .recherche-liste .col-main .field .mois{width:20px !important;display:inline-block;margin-right:5px;}
  1328. .recherche-liste .col-main .field .annee{width:40px !important;display:inline-block;}
  1329. .recherche-avancee {padding-top:10px;}
  1330. .recherche-liste .recherche-avancee .field select{width:216px;}
  1331. .recherche-liste .recherche-avancee .field input {width:206px;}
  1332. .recherche-liste p.no-results {font-style:normal;width:388px;height:38px;display:block;margin:8px 0 10px 84px;background:url(../img/sprite_lex.png) 0 -448px no-repeat;line-height:38px;text-align:center;font-size:13px;font-family:verdana;color:#d13030;display:block;}
  1333. .wrapper.results-table {padding-top:10px}
  1334. #resultats-listes th {height:48px;background-color:#2d2c2c;border-right:1px solid #d8d8d8;color:#fff;font-size:14px;text-transform:uppercase;font-family:FuturaStdBook;vertical-align:middle;text-align:center;}
  1335. #resultats-listes th.last {border-right:none;}
  1336. #resultats-listes tr td {min-height:63px;border-right:1px dotted #d8d8d8;vertical-align:middle;border-bottom:1px dotted #a5a5a5;font-family:times,serif;font-size:16px;line-height:22px;padding:14px;}
  1337. #resultats-listes tr td.center {text-align:center;}
  1338. #resultats-listes tr td.type {font-size:17px;padding:14px 0;}
  1339. #resultats-listes td.last {border-right:none;padding:0 0 0 10px;}
  1340. #resultats-listes tr:hover {background-color:#fcfcfc;}
  1341. #resultats-listes a {width:159px;float:left;background:url(../img/btns-lex.png) right -102px no-repeat;padding-right:1px;font-size:15px;font-family:'FuturaStdBook';height:34px;display:block;line-height:27px; margin-bottom:5px;margin-left:10px;border:none;padding-left:0;padding-top:0;}
  1342. #resultats-listes a:hover {background-position:right -136px;cursor:pointer;}
  1343. #resultats-listes a:active {background-position:right -170px;}
  1344. #resultats-listes a span {text-align:center;width:139px;line-height:32px;background:url(../img/btns-lex.png) left -102px no-repeat;padding:2px 9px 0 11px;display:block;height:32px;color:#fff;font-family:'FuturaStdBook';text-transform:none; font-size:13px;font-style:normal;text-transform:uppercase;}
  1345. #resultats-listes a:hover span {background-position:left -136px;color:#fff;}
  1346. #resultats-listes a:active span {background-position:left -170px;color:#fff;}
  1347. .e1-top {margin:15px 0 0;padding-bottom:24px;min-height:51px;}
  1348. .e1-top .half-left {float:left;color:#575757;font-family:georgia;width:350px;font-size:14px;}
  1349. .e1-top .don-libre {float:right;height:27px;width:370px;padding:12px 0 12px 12px;border-left:1px solid #b8b8b8;}
  1350. .e1-top .don-libre label {display:inline-block;width:193px;float:left;font-size:18px;line-height:27px;font-family:FuturaStdBook;text-transform:uppercase;}
  1351. .e1-top .don-libre .somme {display:inline-block;width:177px;float:left;}
  1352. .e1-top .don-libre .somme a {background:url(../img/sprite_lex.png) -121px -252px no-repeat;float:left;width:60px;height:27px;border-left:1px solid #ccc;display:block;color:#5c5c5c;font-size:14px;text-align:center;line-height:27px;font-family:DidotLTStdRoman;}
  1353. .e1-top .don-libre .somme a:hover {bckground-position:-121px -279px;color:#000;}
  1354. .e1-top .don-libre .somme a:active {background-position:-121px -306px;color:#000;}
  1355. .e1-top .don-libre .somme span {display:block;width:15px;height:25px;float:left;line-height:25px;color:#5C5C5C;font-size:14px;font-family:FuturaStdBook;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;}
  1356. .e1-top .don-libre .somme input {outline:none;width:93px;height:25px;float:left;line-height:25px;background:none;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;border-right:none;padding-left:7px;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;-khtml-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;font-size:12px;font-family:verdana;color:#3e3e3e;}
  1357.  
  1358. ul.list-mode-products li {border-top:1px dotted #a5a5a5;padding:30px 0 40px;}
  1359. ul.list-mode-products .img-col {width:242px;display:inline-block;float:left;}
  1360. ul.list-mode-products .infos-col {margin-left:20px;width:492px;display:inline-block;float:left;}
  1361. ul.list-mode-products .product-name, .popin-layer.popin-small .participate-product-view .product-name{font-family:DidotLTStdRoman;font-size:30px;color:#313131;margin-bottom:6px;line-height:30px;}
  1362. ul.list-mode-products .brand, .popin-layer.popin-small .participate-product-view .brand{font-family:DidotLTStdItalic;font-size:18px;color:#313131;line-height:18px;}
  1363. ul.list-mode-products span.ref, .popin-layer.popin-small .participate-product-view span.ref{display:block;margin-top:2px;font-family:Times, serif;font-size:11px;color:#313131;font-style:italic;}
  1364. ul.list-mode-products .price, .popin-layer.popin-small .participate-product-view .price{color:#313131;font-size:22px;font-family:Times, serif;margin-top:10px;}
  1365. ul.list-mode-products .remaining, .popin-layer.popin-small .participate-product-view .remaining{color:#313131;font-size:13px;font-family:georgia;font-style:italic;margin-top:10px;}
  1366. ul.list-mode-products .remaining span, .popin-layer.popin-small .participate-product-view .remaining span{font-size:18px;font-family:Times, serif;font-style:normal;margin-left:15px;}
  1367. ul.list-mode-products .participation, .popin-layer.popin-small .participate-product-view .participation{margin-top:18px;height:27px;line-height:27px;width:406px;}
  1368. ul.list-mode-products .prod-description, .popin-layer.popin-small .participate-product-view .prod-description{margin-top:18px;line-height:17px;border-top:1px solid #494949;padding-top:15px;font-size:13px;color:#404040;font-family:georgia;}
  1369. ul.list-mode-products .participation *, .popin-layer.popin-small .participate-product-view .participation *{float:left;dislpay:inline-block;line-height:27px;}
  1370. .participation input, .participation span.euro {height:25px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;line-height:25px;}
  1371. .participation input {border-right:none;border-left:1px solid #ccc;padding-left:10px;width:158px;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;-khtml-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;font-size:12px;font-family:verdana;color:#3e3e3e;}
  1372. .participation span.euro {color:#5C5C5C;font-size:14px;font-family:FuturaStdBook;border-right:1px solid #ccc;width:20px;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;-khtml-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
  1373. .participation label {width:119px;color:#1b1b1b;font-size:13px;font-family:georgia;font-style:italic;}
  1374. .participation a, .participate-product-view .quantity a.validate {cursor:pointer;float:left;background:url(../img/sprite_lex.png) right -170px no-repeat;height:27px;display:block;line-height:27px;margin-left:10px;border:none;padding-right:7px;}
  1375. .participation a:hover, .participate-product-view .quantity a.validate:hover {background-position:right -197px;}
  1376. .participation a:active, .participate-product-view .quantity a.validate:active {background-position:right -224px;}
  1377. .participation a span, .participate-product-view .quantity a.validate span {width:auto;border:none;line-height:27px;background:url(../img/sprite_lex.png) left -170px no-repeat;padding:0 8px 0 15px;display:block;height:27px;color:#fff;font-family:'FuturaStdBook';font-size:13px;font-style:normal;text-transform:uppercase;}
  1378. .participation a:hover span, .participate-product-view .quantity a.validate:hover span {background-position:left -197px;color:#fff;}
  1379. .participation a:active span, .participate-product-view .quantity a.validate:active span {background-position:left -224px !important;color:#fff;}
  1380. .offrir-cadeau-e1 #filters {margin-top:18px;}
  1381. .grid-mode-products {border-top:2px solid #494949;position:relative;padding-top:10px;}
  1382. .bottom-border {border-bottom:1px dotted #A5A5A5;height:26px;}
  1383. .grid-mode-products .pagination {position:static;}
  1384. .grid-mode-products li h3, .grid-mode-products li h4, .grid-mode-products li h3 a, .grid-mode-products li h4 a {width:120px !important;}
  1385. .grid-mode-products.list-products ul li .infos {width:110px;}
  1386. .grid-mode-products ul li .image .cmd .layer {height:49px;}
  1387. .grid-mode-products ul li .image .cmd {height:27px;padding:11px 8px 11px 10px;}
  1388. .grid-mode-products .offrir span, .grid-mode-products .participer span {background:url("../img/sprite_lex.png") no-repeat left -340px transparent;color:#5c5c5c;display:block;font-family:DidotLTStdRoman;font-size:15px;font-style:normal;height:27px;line-height:27px;padding:0 8px 0 12px;}
  1389. .grid-mode-products ul li .cmd a {float:left;padding-right:4px;background:url(../img/sprite_lex.png) no-repeat right -340px;}
  1390. .grid-mode-products li .cmd a:hover span {color:#000;background-position:left -367px;}
  1391. .grid-mode-products li .cmd a:hover{background-position:right -367px;}
  1392. .grid-mode-products li .cmd a:active span {color:#000;background-position:left -394px;}
  1393. .grid-mode-products li .cmd a:active {background-position:right -394px;}
  1394. .grid-mode-products .offrir span {padding:0 13px 0 17px;}
  1395. .grid-mode-products .offrir {margin:0 15px 0 14px;}
  1396. .participate-product-view .img-col {width:166px;float:left;}
  1397. .participate-product-view .infos-col {width:405px;float:left;}
  1398. .popin-layer .participate-product-view .infos-col  p {margin:inherit;line-height:inherit;}
  1399. .popin-layer .participate-product-view .participation label {width:111px;}
  1400. .participate-product-view .quantity {margin-top:8px;padding:18px 0;height:27px;line-height:27px;border-top:1px dotted #a5a5a5;border-bottom:1px dotted #a5a5a5;}
  1401. .participate-product-view .quantity label {width:111px;display:inline-block;float:left;color:#1B1B1B;font-family:georgia;font-size:13px;font-style:italic;}
  1402. .participate-product-view .quantity .qty-container {margin-top:5px;float:left;}
  1403. .popin-layer.popin-small .participate-product-view .quantity span.price {font-size:18px;display:block;float:left;margin:0;width:120px;line-height:27px;text-align:right;}
  1404. .participate-product-view .prod-description {padding-bottom:10px;}
  1405.  
  1406. /* Clear */
  1407. #header .special-menu:after,
  1408. #main:after,
  1409. .pub-links:after,
  1410. .last-products ul:after,
  1411. .list-products ul:after,
  1412. .last-products ul:after,
  1413. .search-page .contact-box .title:after,
  1414. .find-ic .field:after,
  1415. .find-ic.side label:after,
  1416. .block-gris.body-width:after,
  1417. ul.list-services li:after,
  1418. a.print-this:after,
  1419. .clear:after,
  1420. .contrat-wrapper:after,
  1421. .popin-layer .btns:after,
  1422. .actu-lex ul:after,
  1423. .home-cols:after,
  1424. .home-cols .inner li:after,
  1425.  .bottom-links:after,
  1426. .lex.login .login-form:after,
  1427. .constituer-liste .list-products ul li.last:after,
  1428. #popin-share-list .value:after,
  1429. .popin-don .products li:after,
  1430. .popin-don span.title:after,
  1431. .popin-don .donators-info:after,
  1432. .popin-don .popin-inner:after,
  1433. .recherche-liste .wrapper:after,
  1434. .e1-top:after,
  1435. ul.list-mode-products li:after,
  1436. .participate-product-view:after
  1437. {clear:both;content:".";display:block;height:0;visibility:hidden;}
create a new version of this paste RAW Paste Data