@CHARSET "ISO-8859-1"; /* FONTS */ #conteneur_haut {height: 191px;} /* HEADER */ #main-header {background: #ffffff;height: 171px;padding-bottom: 19px;width: auto;} #main-header .inner{left: -8px;margin: 0 auto;position: relative;width: 940px;z-index: 10005;} #main-header ul li {float: none;height: auto;} #main-header a:hover {text-decoration: underline;} /* BANDEAU TOP */ #main-header .bandeau {background: #f1f1f1;height: 30px;} #main-header .bandeau .inner {background: none;left: -1px; z-index: 50100;} #main-header .bandeau .offres_container {width: 560px;height: 15px; float:left; overflow: hidden; padding-top:7px;} #main-header .bandeau .offre {padding:0;margin:0;border:none;} #main-header .bandeau .offre a {color: #000000;font-size: 12px;font-style: italic;font-weight:bold;} #main-header .bandeau .offre a:hover {text-decoration: none;} #main-header .bandeau .offre b {color: #cc0000;font-weight: bold;} #main-header .bandeau .top-menu {display: inline-block;text-align: right;width: 380px;} #main-header .bandeau .top-menu li {display: inline-block;padding-left: 35px;position: relative;margin-right: 5px;} #main-header .bandeau .top-menu li:first-child + li + li {padding-right: 20px;} #main-header .bandeau .top-menu a {color: #303030;display: inline-block;font-weight:normal;font-family: 'Titillium Web', 'sans-serif';font-size: 10px;line-height: 30px;text-transform: uppercase;} #main-header .bandeau .top-menu li:before {background: transparent url('/animations/images/header/sprite.png') no-repeat 0 0;content: "";display: block;height: 17px;margin-top: -9px;position: absolute;top: 50%; left: 12px;width: 13px;} #main-header .bandeau .top-menu li.liste-envies:before {background-position: -28px 0;} #main-header .bandeau .top-menu li.mon-compte:before {background-position: -53px 0;} #main-header .bandeau .top-menu li.mon-compte:hover:before {background-position: -104px -42px;} #main-header .bandeau .top-menu li.mon-compte:hover:after {background-position: -131px -50px;} /* COMPTE NON ACTIF */ #main-header .bandeau #compte_non_actif, #main-header .bandeau #compte_actif{border: 5px solid #313131;display:none;float:none;width:205px;height:auto;background:#f1f1f1;padding-top:0;position:absolute;top:30px;right:0;z-index: 550;text-align: left;} #main-header .bandeau #compte_non_actif .bloc .email input{float:left;width:172px;height:26px;background:url(/animations/images/header/champs_email.png) no-repeat 0 0;margin:2px 0 5px;padding:0} #main-header .bandeau #compte_non_actif .bloc .password input{float:left;border:0;width:172px;height:26px;background:url(/animations/images/header/champs_email.png) no-repeat 0 0;margin:2px 0 5px;padding:0} #main-header .bandeau #compte_non_actif .bloc .password #mdp_client{padding-bottom:7px} #main-header .bandeau #compte_non_actif .bloc .lien_connexion{float:left;width:172px} #main-header .bandeau #compte_non_actif .bloc .lien_connexion a{float:right;width:auto;color:#000;font-size:11px} #main-header .bandeau #compte_non_actif .bloc .lien_connexion button.remember-me{float:right;width:auto;color:#000;font-size:11px;border:hidden;} #main-header .bandeau #compte_non_actif .bloc .lien_connexion button.remember-me:hover{float:right;width:auto;color:#000;font-size:11px;border:hidden;cursor:pointer;text-decoration: underline;} #main-header .bandeau #compte_non_actif .bloc .creation_compte{float:left;width:172px;margin-top:10px;border-top:1px dotted grey;border-bottom:1px dotted grey;padding-bottom:10px} #main-header .bandeau #compte_non_actif .bloc span{padding-bottom:6px} #main-header .bandeau #compte_non_actif a{float:left;padding-bottom:1px;color:#777;font-size:11px;width:176px;background:url(/animations/images/header/fleche_rouge_gde.png) 0 4px no-repeat;padding-left:9px;line-height:16px;font-family: arial, sans-serif;text-transform: none;} #main-header .bandeau #compte_non_actif button.remember-me{float:left;padding-bottom:1px;color:#777;font-size:11px;width:176px;background:url(/animations/images/header/fleche_rouge_gde.png) 0 4px no-repeat;padding-left:9px;line-height:16px;font-family: arial, sans-serif;text-transform: none;} #main-header .bandeau #compte_actif .arrondi_haut,#main-header .bandeau #compte_non_actif .arrondi_haut{float:left;width:219px;margin-left:3px;height:6px;background:url(/animations/images/header/arrondi_haut.png) no-repeat 0 0} #main-header .bandeau #compte_actif .bloc{float:left;width:173px;height:auto;background:url(/animations/images/header/fond_bloc.png) repeat-y 0 0;padding:16px 16px 11px 16px} #main-header .bandeau #compte_non_actif .bloc{float:left;width:173px;height:auto;background:url(/animations/images/header/fond_bloc.png) repeat-y 0 0;padding:3px 16px 0px 16px} #main-header .bandeau #compte_actif .bloc #deconnexion,#main-header .bandeau #compte_non_actif .bloc #deconnexion{margin-top: 20px;padding-top: 8px;color: #000;font-size: 11px;border-top: 1px dotted grey;padding-left: 18px;background: url(/animations/images/header/supprimer.gif) no-repeat 0 8px;} #main-header .bandeau #compte_actif .arrondi_bas,#main-header .bandeau #compte_non_actif .arrondi_bas{float:left;margin-left:3px;width:218px;height:8px;background:url(/animations/images/header/arrondi_bas.png) no-repeat 0 0} #bloque-1 .categories,#bloque-2 .categories,#bloque-3 .categories,#bloque-4 .categories,#bloque-5 .categories,#bloque-6 .categories{/*float:left*/} #main-header .bandeau #compte_actif a:hover,#main-header .bandeau #compte_non_actif a:hover,#bloque-1 .categories a:hover,#bloque-2 .categories a:hover,#bloque-3 .categories a:hover,#bloque-4 .categories a:hover,#bloque-5 .categories a:hover{text-decoration:underline} #main-header .bandeau #compte_actif span,#main-header .bandeau #compte_non_actif span{float:left;display:block;margin-top:10px;font-weight:700;font-size:11px;color:#303030;width:172px;} #main-header .bandeau #compte_non_actif .bloc .email label,#main-header .bandeau #compte_non_actif .bloc .password label{float:left;background:none;width:180px} #main-header .bandeau #compte_non_actif .bloc #social-login-div-menu {float: left;height: 50px;margin-left: -15px;width: 200px;} #main-header .bandeau #compte_non_actif #span_social_share {border-top: 1px dotted grey;padding-top:10px;width:172px;} /* COMPTE ACTIF */ #main-header .bandeau .mon-compte #compte_actif {display: none;height:531px;} #main-header .bandeau .mon-compte #compte_actif .bloc .bonjour{float:left;width:169px;border-top:1px dotted grey;border-bottom:1px dotted grey;text-align:center;margin-bottom:13px} #main-header .bandeau .mon-compte #compte_actif .bloc .bonjour span#block_bonjour{float:none;display:block;margin-top:10px;margin-bottom:10px;font-weight:700;font-size:11px;color:#303030} #main-header .bandeau .mon-compte #compte_actif .bloc .bonjour span.bonjour_avec_picto{width: 108px; float: left !important;margin-left: 10px} #main-header .bandeau .mon-compte #compte_actif .bloc .bonjour span.photo_profile {display: block;margin: 5px 0px 5px 10px;width: 40px; float: left} #main-header .bandeau .mon-compte #compte_actif a{float:left;padding-bottom:1px;color:#777;font-size:11px;width:150px;background:url(/animations/images/header/fleche_rouge_gde.png) 0 4px no-repeat;padding-left:9px;line-height:16px;font-family: arial, sans-serif;text-transform: none;} #main-header .bandeau .mon-compte #compte_actif .bloc .mes_envies a {background: url(/animations/images/header/fond_link_mes_envies.png) no-repeat left;line-height: 26px;padding-left: 30px;} #main-header .bandeau .mon-compte:hover {background: #313131;} #main-header .bandeau .mon-compte:hover > a {color: #e2e2e2;} #main-header .bandeau .mon-compte:hover #compte_non_actif {display: block !important;} .mon-compte-link-not-connected:after{ content: none !important; } /* LOGO */ #main-header #logo {display: inline-block;padding-top: 20px;vertical-align: top;} /* SEARCH */ #main-header #moteurRecherche {display: inline-block;height: 64px;padding: 27px 0 0 0;position: relative;vertical-align: top;} #main-header #moteurRecherche input {background: transparent url('/animations/images/header/recherche.png') no-repeat 0 0;color: #777777;font: italic 12px arial;height: 46px;line-height: 46px;padding: 0 48px 0 10px;width: 330px;} #main-header #moteurRecherche #valide_recherche {background: transparent url('/animations/images/header/sprite.png') no-repeat -135px 0;border: none;cursor: pointer;height: 36px;position: absolute;top: 27px; right: 5px;width: 35px;} #main-header #moteurRecherche #valide_recherche.mode_loading {background: transparent url('/animations/images/header/loader_bg.png') no-repeat 0px 0px;} #main-header #moteurRecherche #valide_recherche.mode_loading img {display: block !important; width: 30px; height: 30px; margin: -2px 0 0 1px;} #main-header #moteurRecherche #load_recherche {background: transparent url('/animations/images/header/sprite.png') no-repeat -135px 0;border: none;cursor: pointer;height: 36px;position: absolute;top: 27px; right: 5px;width: 35px;} /* MAGASIN */ #main-header #header_magasin {display: inline-block;padding: 25px 0 0 33px;position: relative;width: 180px;vertical-align: top;} #main-header #header_magasin:after {background: transparent url('/animations/images/header/sprite.png') no-repeat 0 -26px;content: "";display: block;height: 35px;position: absolute;top: 9px; right: 1px;width: 88px;z-index: 450;} /* NON CONNECTE */ #main-header #header_magasin .non-connecte,#main-header #header_magasin .connecte {padding: 0 0 0 14px;position: relative;width: 170px;} #main-header #header_magasin .non-connecte.hide {display: none;} #main-header #header_magasin .non-connecte.display {display: block;} #main-header #header_magasin .non-connecte a {background: transparent url('/animations/images/header/sprite.png') no-repeat -185px 3px;color: #777777;display: inline-block;font-family: arial;font-size: 10px;margin-bottom: 12px;padding-left: 7px;position: relative;text-decoration: underline;z-index: 500;} #main-header #header_magasin .non-connecte form {position: relative;z-index: 500;} #main-header #header_magasin .non-connecte .code-postal {height: 21px;position: relative;width: 166px;background: transparent url('/animations/images/header/codepostal.png') no-repeat 0 0;} #main-header #header_magasin .non-connecte .code-postal input[type="text"] {margin-right:35px; background: transparent; color: #777777;font-size: 10px;height: 21px;line-height: 21px;margin: 0;padding-left: 6px;width: 125px;} #main-header #header_magasin .non-connecte .code-postal input.ac_loading {background: url('/images/indicator.gif') no-repeat scroll right center transparent;width: 126px;} #main-header #header_magasin .non-connecte .code-postal input[type="submit"] {background: transparent;border: none;color: #777777;cursor: pointer;height: 21px;font-size: 10px;position: absolute;top: 0; right: 6px;width: 20px;z-index: 500;} /* LIVE SEARCH */ #main-header #header_magasin .live-search, #main-header #header_magasin .infos-magasin {background: transparent url('/animations/images/header/bg-livesearch.png') repeat-y 0 0;display: none;padding: 74px 15px 0;position: absolute;top: -3px; left: 1px; right: 0;z-index: 400;width: 160px;} #main-header #header_magasin .live-search:after,#main-header #header_magasin .infos-magasin:after {background: transparent url('/animations/images/header/bg-livesearch-bottom.png') no-repeat 0 0;content: "";display: block;height: 20px;position: absolute;bottom: -20px; left: 0; right: 0;width: 190px;} #main-header #header_magasin .live-search p {background: transparent url('/animations/images/header/dots-magasin.png') no-repeat bottom center;color: #777777;font-size: 11px;margin-bottom: 10px;padding-bottom: 8px;} #main-header #header_magasin .live-search p b {color: #303030;} #main-header #header_magasin .live-search li a {background-position: -185px -24px;margin-bottom: 10px;padding-left: 10px;text-decoration: none;} #main-header #header_magasin .live-search li b {display: block;} #main-header #header_magasin .live-search li a:hover b {text-decoration: underline;} #main-header #header_magasin .live-search .no_result { font-weight: bolder;color: #494949;} /* CONNECTE */ #main-header #header_magasin .connecte.display {display: block;} #main-header #header_magasin .connecte.hide {display: none;} #main-header #header_magasin .connecte > p {line-height: 14px; color: #777777;font-size: 11px;position: relative;width: 142px;z-index: 500;} #main-header #header_magasin .connecte .nom-magasin {font-weight:bold; color: #303030;display: block;font-size: 11px;} #main-header #header_magasin .connecte a {background: transparent url('/animations/images/header/sprite.png') no-repeat -185px -24px;color: #777777;font-size: 11px;padding-left: 10px;} #main-header #header_magasin .connecte .read-more {border-left: 1px solid #d0d0d0;cursor: pointer;display: inline-block;height: 19px;position: absolute;top: 29px; right: -17px;width: 19px;z-index: 500;} #main-header #header_magasin .connecte .read-more:after {background: transparent url('/animations/images/header/sprite.png') no-repeat -80px -9px;content: "";display: block;height: 3px;margin-top: -2px;position: absolute;top: 50%;right: 1px;width: 6px;} /* INFOS MAG */ #main-header #header_magasin .infos-magasin {display: none;padding-top: 67px;} #main-header #header_magasin .infos-magasin > p:first-child {background: transparent url('/animations/images/header/dots-magasin.png') no-repeat top center;padding-top: 10px;} #main-header #header_magasin .infos-magasin p {color: #303030;font-size: 11px;margin-bottom: 10px;} #main-header #header_magasin .infos-magasin p .horaires {color: #ed1c24;} #main-header #header_magasin .infos-magasin p .horaires-menu {color: #ed1c24;} #main-header #header_magasin .infos-magasin p a {display: block;margin-bottom: 2px;} /* PANIER */ #main-header #bloc_droit {float:none;width: 140px;display: inline-block;margin-left: 22px;margin-top:14px;height:66px;} #main-header #bloc_droit #bloc_haut {float: none;width:140px;height:66px;} #main-header #bloc_droit #bloc_haut #panier{float:none;margin:0;width:140px;height:66px;padding:0;position: relative;right:-1px;z-index: 600;} #main-header #bloc_droit #bloc_haut #panier a {float:left;margin:0;color:#303030;font-size:12px;} #main-header #bloc_droit #bloc_haut #panier #panier_vide{float:left;width:161px;height:67px;display:none;} #main-header #bloc_droit #bloc_haut #panier #panier_vide a{float:left;cursor:pointer;margin-left:65px;margin-top:22px} #main-header #bloc_droit #bloc_haut #panier #panier_rempli{float:left;width:140px;height:67px ; cursor: pointer;} #main-header #bloc_droit #bloc_haut #panier #panier_rempli .panier_titre{margin-top:5px;line-height:17px;margin-top: 15px;} #main-header #bloc_droit #bloc_haut #panier #panier_rempli .panier_titre:hover{text-decoration:none;} #main-header #bloc_droit #bloc_haut #panier #panier_rempli a{float:left;cursor:pointer;font-size:16px;margin-left:11px;line-height:12px;margin-top:0;font-family: 'Titillium Web', 'sans-serif';text-transform: uppercase;line-height: 14px;} #main-header #bloc_droit #bloc_haut #panier #panier_rempli a span {font-size: 10px;display: block;} #main-header #bloc_droit #bloc_haut #panier #panier_rempli .prix{font-size:14px;line-height:14px;margin-top:2px;color:#000} #main-header #bloc_droit #bloc_haut #panier #panier_rempli .nb_art{font-size:11px;line-height:12px;margin-top:0} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert_rempli{display:none;float:left;width:167px;height:67px; cursor:pointer ; } #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert_rempli .panier_titre{margin-top:5px;line-height:17px} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert_rempli a{float:left;cursor:pointer;font-size:12px;margin-left:65px;line-height:12px;margin-top:0} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert_rempli .prix{font-size:14px;line-height:14px;margin-top:2px;color:#000} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert_rempli .nb_art{font-size:11px;line-height:12px;margin-top:0} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert{position:absolute;float:left;z-index:100035;top:57px;right:11px;width:313px} #main-header #bloc_droit #bloc_haut #panier.contient_articles #nvx_panier_ouvert{border:1px solid #cccccc;background:#ffffff;position:absolute;float:left;z-index:100035;top:57px;right:11px;width:313px} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .ombre_haut{float:left;width:313px;height:3px} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .ombre_bas{float:left;width:313px;height:2px} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles{float:left;width:310px;height:auto;padding-left:3px} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles .panier_article{float:left;margin-left:0;padding-top:10px;padding-bottom:10px;width:301px;} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles .panier_article .images{float:left;width:93px} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles .panier_article .texte{float:left;width:169px} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles .panier_article .texte .noir{float:left;width:166px;font-size:11px;color:#4e4949} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles .panier_article .texte .rouge{float:left;width:166px;font-size:10px;color:#e81419} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles .panier_article .texte .gris{float:left;width:166px;font-size:10px;color:#827c7c;margin-top:3px} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles .panier_article .supprimer_mini{float:left;width:15px;margin-left:20px} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles .total{float:left;margin-left:3px;width:301px;height:98px;background-color:#f1f1f1;margin-bottom:2px;border:1px solid #cccccc;} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles .total .titre_total{display: inline-block;font-size:14px;margin-left:98px;padding-top:20px} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles .total .prix_total{display: inline-block;font-size:12px;padding-top:20px;margin-left:16px;font-weight:700;} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles .total .msgvide{float:left;font-size:12px;margin-top:40px;margin-left:90px;font-weight:700} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles .total .loading{float:left;font-size:12px;margin-top:40px;margin-left:130px;font-weight:700} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles .total .acceder{float:left;margin-top:20px;margin-left:89px;width:128px;height:33px;color:#fff;font-weight:700;background:url(/animations/images/header/panier_acceder.jpg) no-repeat 0 0;line-height:30px;padding-left:12px} #main-header #bloc_droit #bloc_haut #panier #nvx_panier_ouvert .panier_articles .total .acceder:hover{text-decoration: none;} #main-header #bloc_droit #bloc_haut #panier.ne_contient_pas_articles #mega-menu-panier #li-onglet-panier {width: 140px;height: 66px;background: url(/animations/images/header/panier.png) no-repeat 0px 0;} #main-header #bloc_droit #bloc_haut #panier #mega-menu-panier #li-onglet-panier:hover {background-position: -140px 0;} #main-header #bloc_droit #bloc_haut #panier #panier_rempli a span#total {background: transparent url(/animations/images/header/total.png) no-repeat 0 0;font-family: 'Titillium Web', 'sans-serif';height: 23px;width:23px;display: inline-block;line-height: 23px;text-align: center;color: #ffffff;font-size: 12px;margin-top: 8px;margin-left: 8px;} #main-header #bloc_droit #bloc_haut #panier.contient_articles #nvx_panier_ouvert .panier_articles .total {border:none;} #mega-menu-panier #conteneur-bloque-panier {background:#f1f1f1;right:-15px;top: 6px;} #panier.contient_articles #mega-menu-panier #conteneur-bloque-panier {background:#f1f1f1;right:-11px;top: 6px;} #main-header #bloc_menu > ul {display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;-moz-justify-content:space-between;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-moz-align-items:center;align-items:center;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;max-width:1280px;margin:0 auto;position:relative;border-bottom:1px solid #bdc6cc;height:44px;background: #fff;} #main-header #bloc_menu > ul > li .sub-menu .img{display:none;} #main-header #bloc_menu > ul > li { display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-align: center; margin: 0; font-family: 'Lato', Arial, sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; height: 100%; cursor: pointer; } #main-header #bloc_menu > ul > li > span, #main-header #bloc_menu > ul > li > a { display:-webkit-box; display:-moz-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; -moz-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -moz-align-items:center; align-items:center; -ms-flex-line-pack:center; align-content:center; -webkit-box-direction:normal; -webkit-box-orient:horizontal; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row; text-align:center; width:100%; height:100%; padding: 0 20px; position:relative; cursor : pointer; } #main-header #bloc_menu > ul > li > span:after, #main-header #bloc_menu > ul > li > a:after { content: ''; position: absolute; left: 0; bottom: 0; height: 0; border-top: 7px solid; -webkit-transition: .4s; transition: .4s; color: white; width: 10%; } #main-header #bloc_menu > ul > li:hover > span:after, #main-header #bloc_menu > ul > li:hover > a:after,#main-header #bloc_menu > ul > li:focus > a:after,#main-header #bloc_menu > ul > li:hover > span:after, #main-header #bloc_menu > ul > li:focus > span:after, #main-header #bloc_menu > ul > li:focus > span:after {width:100%;} #main-header #bloc_menu > ul > li:hover, #main-header #bloc_menu > ul > li:hover > *:after, #main-header #bloc_menu > ul > li:focus, #main-header #bloc_menu > ul > li:focus > *:after, #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul > li:nth-of-type(1), #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul > li:not(:nth-of-type(1)) a:before { color: inherit; } #main-header #bloc_menu > ul > li .sub-menu { display: none; position: absolute; left: 0; right: 0; bottom: 0; transform: translate(0, 100%); -webkit-transform: translate(0, 100%); -o-transform: translate(0, 100%); -moz-transform: translate(0, 100%); padding: 0; border-width: 0; border-style: solid; -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .2); box-shadow: 0 20px 30px rgba(0, 0, 0, .2); font-size: 16px; text-align: left; z-index: 100000; background-color: #fff; } #main-header #bloc_menu > ul > li .sub-menu.open { border-width: 0 0 2px 0; display: block; padding: 70px 0 26px 0 } #main-header #bloc_menu > ul > li .sub-menu .top {width:100%;text-align:center;position:relative;display:none;} #main-header #bloc_menu > ul > li .sub-menu .top:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:-webkit-gradient(linear, left top, right top, color-stop(15%, #888), color-stop(15%, transparent));background:linear-gradient(to right, #888 15%, transparent 15%);background-size:7px 1px;background-repeat:repeat-x;background-position:3px 0;} #main-header #bloc_menu > ul > li:hover .sub-menu, #main-header #bloc_menu > ul > li:focus .sub-menu {-webkit-box-sizing: border-box;box-sizing: border-box;/*display:block*/} #main-header #bloc_menu > ul > li .sub-menu .intitule {margin:0 auto;padding:0 0 6px;font-family:'Lato', Arial, sans-serif;font-size:40px;font-weight:500;text-align:center;position:relative;text-transform:uppercase;line-height:1.4;} #main-header #bloc_menu > ul > li .sub-menu a {padding: 2px 0;} #main-header #bloc_menu > ul > li .sub-menu > .colonnes { width: 90%; display: none; font-size: 13px; text-transform: none; color: #000; -webkit-transform: translateX(5.5%); transform: translateX(5.5%); float: left } #main-header #bloc_menu > ul > li .sub-menu > .colonnes.current { display: block } #main-header #bloc_menu > ul > li .sub-menu .colonnes .encarts { display: inline-block; float: right; margin: 0 0 0 40px; width: 200px } #main-header #bloc_menu > ul > li .sub-menu .colonnes .encarts img:first-of-type { margin-bottom: 9px } #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom { width: 100%; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-justify-content: space-around; justify-content: space-around; -webkit-box-align: start; -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul{width:100%;display:block;padding-top: 15px} #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul > li{display:inline-block;padding:0 15px} #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul > li:not(:last-of-type){border-right:2px solid #47505d} #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul > li:first-of-type { padding: 0 15px 0 0 } #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul > li a { font-size: 16px; text-decoration: none } #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul > li a:hover { text-decoration: underline } #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom{margin-top:15px;} #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul > li:nth-of-type(1) { font-size: 16px; line-height: 1.2; padding-bottom: 4px; text-transform: uppercase } #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul > li:nth-of-type(1):hover { text-decoration: underline } #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul > li:not(:nth-of-type(1)) {font-weight:normal;} #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul > li:not(:nth-of-type(1)) a { display: block; position: relative; transition-duration: .2s } #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul > li:not(:nth-of-type(1)) a:hover { text-decoration: underline } #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul {margin: 8px 0 0; padding: 0 0 8px;position: relative;} #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul:not(:last-of-type):after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background: -webkit-gradient(linear, left top, right top, color-stop(15%, #888), color-stop(15%, transparent));background: linear-gradient(to right, #888 15%, transparent 15%);background-size: 7px 1px;background-repeat: repeat-x;background-position: 3px 0;} #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne { float: left; margin-left: 46px; width: 190px } #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne:first-of-type { margin-left: 0 } #main-header #bloc_menu > ul > li .sub-menu > .encarts a,#main-header #bloc_menu > ul > li .sub-menu > .encarts .top-inner-right{display:inline-block;width:100%;margin-top:8px;position:relative;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(1) {display:none;} #main-header #bloc_menu > ul > li .sub-menu > .box > .title{background: #ececec;color: #303030;font-size: 14px;font-family: 'Titillium Web', arial;text-transform: uppercase;padding: 3px 0;text-align: center;font-weight:normal;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(1) > * {display: table-cell} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(1) > .title {text-align: right; width: 30%;padding-right: 20px;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(1) > .title:after {content: ' :';display:inline;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(1) .links{display:table;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(1) .links > li{font-size: 14px;font-weight: 600;background: #f3f3f3;border: solid 1px #dee2e7;padding: 8px 36px 8px 20px;position: relative;margin-left: 10px;text-align: center;display: inline-block;margin-left:10px;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(1) .links > li a:after{content: '';width: 6px;height: 6px;border-width: 2px 2px 0 0;border-style: solid;border-color: #666 #666 transparent transparent;transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);position: absolute;top: 12px;right: 17px;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(2) > *,#main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(2){width:100%;max-width:940px;margin:0 auto;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(2) .ambiances-img{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;-moz-align-items:flex-start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(2) .ambiances-img > li{position:relative;width:calc(100% / 5)} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(2) .ambiances-img > li span{background: rgba(255,255,255,.4);display: block;color: #ffffff;position: absolute;left: 7px;bottom: 5px; right: 7px;font-size: 20px;text-transform: uppercase;text-align: center;line-height: 38px;border-bottom: 1px solid #ffffff;font-family:'Titillium Web', sans-serif;font-weight: normal;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(2) .ambiances-img > li img{display: block;margin: 0 auto;} #main-header #bloc_menu > ul > li .sub-menu .all-styles {display:none;} /* ONGLET MENU */ #main-header #bloc_menu .tabs { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex; justify-content: center; left: 0; list-style: none; padding: 0 65px; position: absolute; top: 0; width: 100% } #main-header #bloc_menu ul.tabs li { box-sizing: border-box; color: #fff; display: inline-block; font-size: 12px; font-weight: 700; height: 46px; text-align: center; margin: 0; padding: 18px 50px; cursor: pointer; position: relative } #main-header #bloc_menu > ul > li .sub-menu.active {display:block;} @media screen and (max-width:1279px) { #main-header #bloc_menu .tabs { padding: 0 10px } #main-header #bloc_menu ul.tabs li { font-size: 11px; padding: 12px 36px } #main-header #bloc_menu > ul > li .sub-menu > .bottom { padding: 0 } #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul > li:first-of-type { padding: 0 10px 0 0; } #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul > li { display: inline-block; padding: 0 10px; } #main-header #bloc_menu > ul > li .sub-menu .colonnes .colonne { margin-left: 10px; width: 165px } #main-header #bloc_menu > ul > li .sub-menu .colonnes .encarts { margin: 0 0 0 15px } #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul > li a { font-size: 12px } #main-header .board .cart {right:2px;} #main-header .board .cart::after, #main-header .tools .cart:before {left:323px;} #main-header #bloc_menu > ul > li .sub-menu > .colonnes{width: 96.5%;-webkit-transform: translateX(1%);transform: translateX(1%);} } @media screen and (max-width:1120px) { #main-header #bloc_menu > ul > li {font-size: 10px;} } @media screen and (max-width:1040px) { #main-header #bloc_menu > ul > li {min-width:initial;} } #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(2) .ambiances-img:hover > li {opacity: 0.5;filter : alpha(opacity=50);} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(2) .ambiances-img > li:hover {opacity: 1;filter : alpha(opacity=100);} #main-header.fixed #bloc_menu > ul{height:41px;padding-top: 3px;-webkit-box-sizing: border-box;box-sizing: border-box;} #main-header #bloc_menu > ul {display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;-moz-justify-content:space-between;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-moz-align-items:center;align-items:center;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;max-width:1280px;margin:0 auto;position:relative;border-bottom:1px solid #bdc6cc;height:44px;background: #fff;} #main-header #bloc_menu > ul > li .sub-menu .img{display:none;} #main-header #bloc_menu > ul > li { display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-align: center; margin: 0; font-family: 'Lato', Arial, sans-serif; font-size: 10px; font-weight: 700; text-transform: uppercase; height: 100%; cursor: pointer; } #main-header #bloc_menu > ul > li > span, #main-header #bloc_menu > ul > li > a { display:-webkit-box; display:-moz-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; -moz-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -moz-align-items:center; align-items:center; -ms-flex-line-pack:center; align-content:center; -webkit-box-direction:normal; -webkit-box-orient:horizontal; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row; text-align:center; width:100%; height:100%; padding: 0 15px; position:relative; cursor : pointer; } #main-header #bloc_menu > ul > li > span:after, #main-header #bloc_menu > ul > li > a:after { content: ''; position: absolute; left: 0; bottom: 0; height: 0; border-top: 7px solid; -webkit-transition: .4s; transition: .4s; color: white; width: 10%; } #main-header #bloc_menu > ul > li:hover > span:after, #main-header #bloc_menu > ul > li:hover > a:after,#main-header #bloc_menu > ul > li:focus > a:after,#main-header #bloc_menu > ul > li:hover > span:after, #main-header #bloc_menu > ul > li:focus > span:after, #main-header #bloc_menu > ul > li:focus > span:after {width:100%;} #main-header #bloc_menu > ul > li:hover, #main-header #bloc_menu > ul > li:hover > *:after, #main-header #bloc_menu > ul > li:focus, #main-header #bloc_menu > ul > li:focus > *:after, #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul > li:nth-of-type(1), #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul > li:not(:nth-of-type(1)) a:before { color: inherit; } #main-header #bloc_menu > ul > li .sub-menu { display: none; position: absolute; left: 0; right: 0; bottom: 0; transform: translate(0, 100%); -webkit-transform: translate(0, 100%); -o-transform: translate(0, 100%); -moz-transform: translate(0, 100%); padding: 0; border-width: 0; border-style: solid; -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .2); box-shadow: 0 20px 30px rgba(0, 0, 0, .2); font-size: 16px; text-align: left; z-index: 100000; background-color: #fff; } #main-header #bloc_menu > ul > li .sub-menu.open { border-width: 0 0 2px 0; display: block; padding: 70px 0 26px 0 } #main-header #bloc_menu > ul > li .sub-menu .top {width:100%;text-align:center;position:relative;display:none;} #main-header #bloc_menu > ul > li .sub-menu .top:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:-webkit-gradient(linear, left top, right top, color-stop(15%, #888), color-stop(15%, transparent));background:linear-gradient(to right, #888 15%, transparent 15%);background-size:7px 1px;background-repeat:repeat-x;background-position:3px 0;} #main-header #bloc_menu > ul > li:hover .sub-menu, #main-header #bloc_menu > ul > li:focus .sub-menu {-webkit-box-sizing: border-box;box-sizing: border-box;/*display:block*/} #main-header #bloc_menu > ul > li .sub-menu .intitule {margin:0 auto;padding:0 0 6px;font-family:'Lato', Arial, sans-serif;font-size:40px;font-weight:500;text-align:center;position:relative;text-transform:uppercase;line-height:1.4;} #main-header #bloc_menu > ul > li .sub-menu a {padding: 2px 0;} #main-header #bloc_menu > ul > li .sub-menu > .colonnes { width: 90%; display: none; font-size: 13px; text-transform: none; color: #000; -webkit-transform: translateX(5.5%); transform: translateX(5.5%); float: left } #main-header #bloc_menu > ul > li .sub-menu > .colonnes.current { display: block } #main-header #bloc_menu > ul > li .sub-menu .colonnes .encarts { display: inline-block; float: right; margin: 0 0 0 40px; width: 200px } #main-header #bloc_menu > ul > li .sub-menu .colonnes .encarts img:first-of-type { margin-bottom: 9px } #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom { width: 100%; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-justify-content: space-around; justify-content: space-around; -webkit-box-align: start; -ms-flex-align: start; -moz-align-items: flex-start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul{width:100%;display:block;padding-top: 15px} #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul > li{display:inline-block;padding:0 15px} #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul > li:not(:last-of-type){border-right:2px solid #47505d} #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul > li:first-of-type { padding: 0 15px 0 0 } #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul > li a { font-size: 16px; text-decoration: none } #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom ul > li a:hover { text-decoration: underline } #main-header #bloc_menu > ul > li .sub-menu .colonnes .bottom{margin-top:15px;} #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul > li:nth-of-type(1) { font-size: 13px; line-height: 1.2; padding-bottom: 4px; text-transform: uppercase } #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul > li:nth-of-type(1):hover { text-decoration: underline } #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul > li:not(:nth-of-type(1)) {font-weight:normal;} #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul > li:not(:nth-of-type(1)) a { display: block; position: relative; transition-duration: .2s } #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul > li:not(:nth-of-type(1)) a:hover { text-decoration: underline } #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul {margin: 8px 0 0; padding: 0 0 8px;position: relative;} #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne > ul:not(:last-of-type):after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background: -webkit-gradient(linear, left top, right top, color-stop(15%, #888), color-stop(15%, transparent));background: linear-gradient(to right, #888 15%, transparent 15%);background-size: 7px 1px;background-repeat: repeat-x;background-position: 3px 0;} #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne { float: left; margin-left: 46px; width: 130px } #main-header #bloc_menu > ul > li .sub-menu > .colonnes .colonne:first-of-type { margin-left: 0 } #main-header #bloc_menu > ul > li .sub-menu > .encarts a,#main-header #bloc_menu > ul > li .sub-menu > .encarts .top-inner-right{display:inline-block;width:100%;margin-top:8px;position:relative;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(1) {display:none;} #main-header #bloc_menu > ul > li .sub-menu > .box > .title{background: #ececec;color: #303030;font-size: 14px;font-family: 'Titillium Web', arial;text-transform: uppercase;padding: 3px 0;text-align: center;font-weight:normal;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(1) > * {display: table-cell} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(1) > .title {text-align: right; width: 30%;padding-right: 20px;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(1) > .title:after {content: ' :';display:inline;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(1) .links{display:table;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(1) .links > li{font-size: 14px;font-weight: 600;background: #f3f3f3;border: solid 1px #dee2e7;padding: 8px 36px 8px 20px;position: relative;margin-left: 10px;text-align: center;display: inline-block;margin-left:10px;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(1) .links > li a:after{content: '';width: 6px;height: 6px;border-width: 2px 2px 0 0;border-style: solid;border-color: #666 #666 transparent transparent;transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);position: absolute;top: 12px;right: 17px;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(2) > *,#main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(2){width:100%;max-width:940px;margin:0 auto;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(2) .ambiances-img{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-moz-justify-content:space-between;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;-moz-align-items:flex-start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(2) .ambiances-img > li{position:relative;width:calc(100% / 5)} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(2) .ambiances-img > li span{background: rgba(255,255,255,.4);display: block;color: #ffffff;position: absolute;left: 7px;bottom: 5px; right: 7px;font-size: 20px;text-transform: uppercase;text-align: center;line-height: 38px;border-bottom: 1px solid #ffffff;font-family:'Titillium Web', sans-serif;font-weight: normal;} #main-header #bloc_menu > ul > li .sub-menu > .box:nth-of-type(2) .ambiances-img > li img{display: block;margin: 0 auto;} #main-header #bloc_menu > ul > li .sub-menu .all-styles {display:none;} /* ONGLET MENU */ #main-header #bloc_menu .tabs { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex; justify-content: center; left: 0; list-style: none; padding: 0 65px; position: absolute; top: 0; width: 100% } #main-header #bloc_menu ul.tabs li { box-sizing: border-box; color: #fff; display: inline-block; font-size: 10px; font-weight: 700; height: 46px; text-align: center; margin: 0; padding: 18px 50px; cursor: pointer; position: relative } #main-header #bloc_menu > ul > li .sub-menu.active {display:block;} #main-header #bloc_menu { border-block-start: 1px solid #bdc6cc; } #main-header .inner #moteurRecherche .recherche_resultats{ background-color: #FFFFFF;border: 1px solid #AAAAAA;display: none;left: 44px;padding-bottom: 0;padding-top: 3px;position: absolute;top: 66px;width: 416px;z-index: 100055;} #main-header .inner #moteurRecherche .recherche_resultats .produit{float:left;width:344px;margin-top:14px;margin-bottom:12px} #main-header .inner #moteurRecherche .recherche_resultats .produit:hover{font-weight:bold ; } #main-header .inner #moteurRecherche .recherche_resultats .produit .image{float:left;width:70px} #main-header .inner #moteurRecherche .recherche_resultats .produit .image a{margin-left: 10px !important; width: 60px !important; height: 50px} #main-header .inner #moteurRecherche .recherche_resultats .produit .texte{float:left;width:270px} #main-header .inner #moteurRecherche .recherche_resultats .produit .texte a{margin-left:0;width:270px} #main-header .inner #moteurRecherche .recherche_resultats .magasin{float:left;width:344px;margin-left:0;padding-top:3px} #main-header .inner #moteurRecherche .recherche_resultats a{float:left;width:345px;margin-left:35px} #main-header .inner #moteurRecherche .recherche_resultats .titre{float:left;width:380px;font-weight:700;font-size:12px;color:#000;line-height:15px;background-color:#f1f1f1;padding-left:35px;margin-bottom:3px;} #main-header .inner #moteurRecherche .recherche_resultats .gris{color:#6c6666} #main-header .inner #moteurRecherche .recherche_resultats .rouge{font-weight:700;color:#f01a00} #main-header .inner #moteurRecherche .recherche_resultats .prix{font-weight:700;color:#000} #main-header .inner #moteurRecherche .recherche_resultats .proposition,#main-header .inner #moteurRecherche .recherche_resultats .produits, #main-header .inner #moteurRecherche .recherche_resultats .marque{float:left;width:344px;margin-left:0;padding-bottom:12px;padding-top:3px} #main-header .inner #moteurRecherche .recherche_resultats .proposition a,#main-header .inner #moteurRecherche .recherche_resultats .marque a, #main-header .inner #moteurRecherche .recherche_resultats .magasin a{margin-top:4px;text-decoration: none} #main-header .inner #moteurRecherche .recherche_resultats .proposition .active { background-color: #F1F1F1;text-decoration: none} #main-header .inner #moteurRecherche .recherche_resultats .proposition a:hover { background-color: #F1F1FF;text-decoration: none} #main-header .inner #moteurRecherche .recherche_resultats .stores,#main-header .inner #moteurRecherche .recherche_resultats .produits, #main-header .inner #moteurRecherche .recherche_resultats .marque{float:left;width:344px;margin-left:0;padding-bottom:12px;padding-top:3px} #main-header .inner #moteurRecherche .recherche_resultats .stores a,#main-header .inner #moteurRecherche .recherche_resultats .marque a, #main-header .inner #moteurRecherche .recherche_resultats .magasin a{margin-top:4px;text-decoration: none} #main-header .inner #moteurRecherche .recherche_resultats .stores .active { background-color: #F1F1F1;text-decoration: none} #main-header .inner #moteurRecherche .recherche_resultats .stores a:hover { background-color: #F1F1FF;text-decoration: none} #main-header .inner #moteurRecherche .recherche_resultats .produits .active {text-decoration: none} #main-header .inner #moteurRecherche .recherche_resultats .produits a:hover {text-decoration: none} input::-ms-clear{width:0;height:0;} #main-header { width: 100% !important; position: static;} #main-header a { color: inherit; text-decoration: none; } #main-header a:hover,#main-header a:focus { color: inherit; text-decoration: none; } /*Popin Geolocalisation*/ #header_magasin #meLocaliser{display:block;position:absolute;left:-150px;width:386px;height:119px;background-image:url('/animations/images/header/bg_popin_me_localiser.png');z-index: 10000;} #header_magasin #meLocaliser p{width:260px;padding:32px 0 0 75px;font-size: 12px;color: #303030;font-weight: bold;} #header_magasin #meLocaliser p a{color:#303030;font-weight: normal;text-decoration: underline; ;display: block;margin-top: 5px;} #header_magasin #meLocaliser .geo-close-button{background: url('../pix/fancybox/fancy_closebox.png') top left no-repeat;position: absolute;z-index: 10000;display: block;cursor: pointer;width: 30px;height: 30px;top: -2px;right:-5px;} @media print { #header_magasin #meLocaliser{display:none;} }