@font-face { font-family: 'OpenSans'; src: url('./Typo/OpenSans/OpenSans.eot'); src: local(''), url('./Typo/OpenSans/OpenSans.eot?#iefix') format('embedded-opentype'), url('./Typo/OpenSans/OpenSans.woff2') format('woff2'), url('./Typo/OpenSans/OpenSans.woff') format('woff'), url('./Typo/OpenSans/OpenSans-Regular.ttf') format('truetype'), url('./Typo/OpenSans/OpenSans.svg#OpenSans') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenSans-Semibold'; src: url('./Typo/OpenSans/OpenSans-Semibold.eot'); src: local(''), url('./Typo/OpenSans/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('./Typo/OpenSans/OpenSans-Semibold.woff2') format('woff2'), url('./Typo/OpenSans/OpenSans-Semibold.woff') format('woff'), url('./Typo/OpenSans/OpenSans-Semibold.ttf') format('truetype'), url('./Typo/OpenSans/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenSans-Bold'; src: url('./Typo/OpenSans/OpenSans-Bold.eot'); src: local(''), url('./Typo/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('./Typo/OpenSans/OpenSans-Bold.woff2') format('woff2'), url('./Typo/OpenSans/OpenSans-Bold.woff') format('woff'), url('./Typo/OpenSans/OpenSans-Bold.ttf') format('truetype'), url('./Typo/OpenSans/OpenSans-Bold.svg#OpenSans-Bold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* remplacement de #D42221 par #D42221 pour résoudre le probleme de contraste google */ /* Redéfinitions des balises HTML */ html { font-size: 100%; } body { overflow-x: hidden; margin: 0; padding: 0; font-family: 'OpenSans', Arial; font-size: 12pt; line-height: 1.1em; color: #000000; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; -webkit-font-smoothing : antialiased; -webkit-tap-highlight-color: transparent; } h1 { display: inline-block; color: #222222; margin: 0.4em 0 0.2em 0; font-size: 1.4em; font-weight: normal; font-family: 'OpenSans-SemiBold'; text-transform: uppercase; line-height: 1.1em; } h2 { display: inline-block; color: #222222; margin: 0.4em 0 0.2em 0; font-size: 1.2em; font-weight: normal; font-family: 'OpenSans-Bold'; text-transform: uppercase; line-height: 1.1em; } h3 { font-size: 1.25em; color: #222222; line-height: 1.1em; margin: 0.4em 0 0.2em 0; font-weight: normal; font-family: 'OpenSans-Bold'; } h4 { font-size: 1.1em; color: #222222; line-height: 1.1em; margin: 0.4em 0 0.2em 0; font-weight: normal; font-family: 'OpenSans-Bold'; } ul, ol { margin: 0; padding: 0; } p { margin: 6px 0; } address { margin: 6px 0; font-style: normal; } a { text-decoration: none; color: #000000; } a.btn_voir { font-size: 12pt; color: #CA231C; } a.btn_voir:hover { text-decoration: underline; } a.lien_correction { color: #ff0000; } a:hover { color: #CA231C; } a.disabled { pointer-events: none; } img { border: none; line-height: normal; max-width: 100%; width: auto; height: auto; white-space: normal; } #content_page_static img { width: revert-layer; height: revert-layer; } #content_page_static .visuel_actu img { width: auto; height: auto; } form, fieldset { margin: 0; padding: 0; border: none; } input { height: 40px; -webkit-appearance: none; border-radius: 0; } select { color: #000000; -webkit-appearance: none; background-color: #ffffff; } input[type=radio] { border-radius: 20px; } input[type=radio]:checked { background-color: #CA231C; } input[type=radio]:hover { border: 2px solid #CA231C; } input, button, select {vertical-align: middle; border: 1px solid #919191; } input:focus-visible { outline: initial; } input::placeholder { color: #b7b7b8; } textarea { border-color: #919191; } textarea:hover { border-color: #919191; } textarea:focus-visible { outline: initial; } select { font-size: 12pt; } select:focus-visible { outline: initial; } label { padding-right: 4px; cursor: pointer; vertical-align: middle; } table { margin: 0; border: none; border-collapse: collapse; border-spacing: 0; } table td, table th { padding: 0; border: none; } .largeur_max { width: 100%; } .lazyload { visibility: hidden; } .sp { display: none; } .bx-wrapper img.sp { display: none; } .menu_slide { top: -360px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; overflow: hidden; visibility: hidden; } .flex_row { display: flex; flex-direction: row; } .prix_barre { text-decoration: line-through; } #form { display: none; } .form #form { display: block; } a#aide_popup_prix_detail { vertical-align: super; } a#aide_popup_prix_detail::before { content: "i"; background-color: #919191; border-radius: 30px; width: 20px; height: 20px; color: #ffffff; display: inline-block; font-size: 18px; text-align: center; line-height: 20px; margin-left: 10px; cursor: pointer; } #popupAlerte { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 9999; flex-direction: column; justify-content: center; align-items: center; } #popupAlerte .section_centre { width: 512px; min-height: 180px; background-color: #f5f5f5; padding: 20px; z-index: 12; text-align: center; box-sizing: border-box; font-size: 15px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 3px; border: 1px solid; } #popupAlerte .section_titre { font-size: 18px; display: flex; flex-direction: row; position: relative; border-bottom: 1px solid #dedede; width: calc(100% + 20px); margin-left: -20px; padding-bottom: 8px; padding-left: 20px; } #popupAlerte .titre .icon { display: inline-block; width: 16px; height: 16px; border-radius: 20px; /* background: url("./../images/iconAide.svg") no-repeat center; */ margin-right: 15px; margin-top: 2px; } #popupAlerte .contenu { margin-top: 20px; margin-bottom: 20px; } #popupAlerte .btn_close { width: 15px; height: 15px; border: 1px solid; border-radius: 15px; text-align: center; line-height: 13px; font-size: 9pt; cursor: pointer; position: absolute; right: 15px; top: 0px; } #popupAlerte .boutons { display: flex; flex-direction: row; justify-content: right; } #popupAlerte .boutons .btn.fermer { cursor: pointer; line-height: 38px; height: 38px; padding: 5px; -webkit-border-radius: 7px; border-radius: 7px; font-family: 'OpenSans-Bold', arial; background-color: #ffffff; font-size: 14pt; border: 1px solid; padding: 0 25px; } #popupAlerte.confirmation .boutons { justify-content: space-between; } #popupAlerte .boutons .btn.valider, #popupAlerte.alerte .boutons .btn.fermer { cursor: pointer; line-height: 38px; height: 38px; padding: 5px; -webkit-border-radius: 7px; border-radius: 7px; border: none; color: #ffffff; font-family: 'OpenSans-Bold', arial; background: none; background-color: #CA231C; font-size: 14pt; padding: 0 25px; } #popupAlerte .contenu > div { display: flex; flex-direction: row; text-align: left; min-height: 32px; max-height: 65px; border-bottom: 1px solid #1717171A; } #popupAlerte .contenu > div span { min-width: 140px; line-height: 32px; overflow-y: auto; } #popup_aide_popup_prix_detail { position: absolute; right: -10px; top: 15px; } #popup_aide_popup_prix_detail::before { content: ""; position: absolute; top: 15px; left: -12px; border-width: 6px; border-style: solid; border-color: transparent #ddd transparent transparent; } #popup_aide_popup_prix_detail .form_tip { border: 1px solid #ddd; padding: 10px; width: 200px; font-family: Arial, sans-serif; font-size: 14px; background-color: #f9f9f9; border-radius: 5px; z-index: 1; position: absolute; } #popup_aide_popup_prix_detail .form_tip > div { line-height: 18px; display: flex; justify-content: space-between; } #popup_aide_popup_prix_detail .form_tip .libelle_titre { display: block; font-weight: bold; margin-bottom: 10px; } #popup_aide_popup_prix_detail .form_tip .libelle { display: inline-block; } #popup_aide_popup_prix_detail .form_tip .prix { font-weight: bold; text-align: right; white-space: nowrap; } #popup_aide_popup_prix_detail .form_tip .prix_detail_promo .libelle { color: #CA231C; } #popup_aide_popup_prix_detail .form_tip .prix_detail_promo .prix { color: #CA231C; } #popup_aide_popup_prix_detail .form_tip > div:last-child { border-top: 1px solid #ddd; margin-top: 5px; margin-bottom: 5px; padding-top: 10px; } input[type=checkbox], input[type=radio] { -webkit-appearance: none; appearance: none; border: 2px solid #919191;width: 13px; height: 13px; } select { -webkit-appearance: none; appearance: none; border: 1px solid #919191; padding-left: 20px; } .select_wrapper { position: relative; display: inline-block; width: calc(100% - 93px); } .select_wrapper:after { content: ""; position: absolute; transform: rotate(225deg); color: #1B2524; width: 20px; height: 20px; display: inline-block; margin-left: 8px; top: 8px; right: 13px; pointer-events: none; background: url("./../img/icon_arrow.svg") right no-repeat; transform: rotate(90deg); } input[type=checkbox]:checked, input[type=radio]:checked { color: #ffffff; background-color: #CA231C; border-color: #CA231C; } input[type=checkbox]:checked:before, input[type=radio]:checked:before { } .picto_paiement { background: url("./../img/mastercard.png") no-repeat 30px; width: 90px; height: 25px; background-size: 25px; justify-content: center; margin: auto; } .picto_paiement:before { content: ""; position: relative; display: inline-block; background: url("./../img/carte_bleu.png") no-repeat left; width: 25px; height: 25px; background-size: 25px; padding-right: 35px; } .picto_paiement:after { content: ""; position: relative; display: inline-block; background: url("./../img/visa.png") no-repeat left; width: 25px; height: 25px; background-size: 25px; } span.prix_decimal { font-size: 8pt; vertical-align: super; } #titre_page { font-size: 16pt; font-family: 'OpenSans-Bold'; margin-bottom: 25px; line-height: 40px; text-transform: uppercase; border-left: 6px solid #CA231C; padding-left: 10px; margin-top: 15px; text-align: left; } #titre_page .sous_titre { display: block; margin-top: 10px; font-family: 'OpenSans'; font-size: 16px; line-height: 16px; } #titre_page h1 { font-size: 16pt; text-transform: uppercase; font-family: 'OpenSans-Bold'; } #p_recherche #resultats { margin-bottom: 35px; font-size: 16pt; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-top: 15px; } #p_recherche #resultats .resultat { font-family: 'OpenSans-Bold'; } #p_recherche #resultats .nb_prod { } #p_recherche #filtres { width: 25%; float: left; padding: 20px; box-sizing: border-box; max-height: 2798px; padding-left: 0; } #p_recherche #filtres .overscroll { max-height: 100%; position: relative; padding-left: 15px; padding-bottom: 1px; } #p_recherche #produits { width: 73%; float: left; padding: 20px 0; box-sizing: border-box; } #p_recherche #produits .titre_section { margin-top: 0px; } #p_recherche #produits .result_lignes { display: flex; flex-direction: row; flex-wrap: wrap; } #p_recherche #contenu_resultats { display: flex; width: 100%; justify-content: space-between; } #p_recherche #contenu_resultats .visuels { float: left; } #p_recherche #contenu_resultats .visuels .four { width: 80px; margin-bottom: 5px; } #p_recherche #contenu_resultats .visuels .four img { max-width: 100%; max-height: 100%; } /* FIN Redéfinition des éléments HTML par défaut */ /* Structure des pages */ #page { width: 100%; min-width: 1366px; max-width: 1920px; min-height: 100vh; margin: 0px auto; background-color: #ffffff; display: flex; flex-direction: column; } #page.maintenance #contenu img { max-width: 100%; } #page.maintenance a { color: #D42221; } #entete_cookies { display: none; background-color: #374140; color: #ffffff; height: 30px; line-height: 28px; text-align: center; } #entete_cookies button { background-color: #ffffff; border: none; color: #374140; font-weight: bold; width: 29px; height: 16px; font-size: 9px; display: inline-block; margin-left: 10px; line-height: 9px; cursor: pointer; } #entete_cookies a { font-family: 'OpenSans-Bold'; text-decoration: none; color: #ffffff; border: 1px solid #ffffff; width: 64px; height: 15px; display: inline-block; line-height: 14px; margin-left: 10px; vertical-align: middle; text-align: center; } #entete { position: relative; height: 151.7px; width: 100%; z-index: 501; min-width: 568px; transform: translateZ(0); } #entete #entete_contenu { position: fixed; z-index: 3; top: 0px; left: 0px; width: 100%; min-width: 568px; box-shadow: 0px 3px 20px #c1c1c1; background-color: #ffffff; transform-style: preserve-3d; } #entete #entete_contenu .contenu { position: relative; margin: auto; width: 85%; max-width: 1285px; min-width: 1090px; display: flex; justify-content: space-between; transform-style: preserve-3d; align-items: center; } #entete #entete_contenu #col_gauche { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; transform-style: preserve-3d; } #entete #bandeau_1 { display: block; width: 100%; height: 105px; background-color: #EDEDED; } #entete #bandeau_2 { display: block; width: 100%; height: 80px; background-color: #c4c8cb; } #entete #recherche_espace { height: 105px; padding-left: 10px; } #entete #bonjour_client { position: relative; font-family: 'OpenSans'; line-height: 16px; max-width: 100%; } #entete #bonjour_client #client { overflow: hidden; } #entete #bonjour_client #client .intro { overflow: hidden; height: 38px; line-height: 18px; } #entete #bonjour_client #client .agence { display: flex; flex-direction: column; font-size: 9pt; font-family: 'OpenSans-Bold'; margin: 0; width: 100%; text-align: left; margin-top: 14px; } #entete #bonjour_client #client .agence span:first-child { font-size: 8pt; font-family: 'OpenSans'; } #entete #bonjour_client .raison_sociale { font-family: 'OpenSans'; } #entete #bonjour_client:after { } #contenu { min-height: 300px; background-color: #ffffff; margin: auto; margin-top: 0px; margin-bottom: 30px; position: relative; width: 85%; max-width: 1285px; min-width: 1090px; } .maintenance #contenu { margin-bottom: 0px; } /* FIN Structure des pages */ /* Header pages statiques */ #page #entete_evenement { display: flex; text-align: center; justify-content: space-between; background-color: #CA231C; height: 46.7px; } #page #entete_evenement > div { width: 85%; margin: auto; display: flex; text-align: center; justify-content: space-between; color: #ffffff; max-width: 1285px; min-width: 1090px; } #page #entete_evenement a { color: #ffffff; } #page #entete_evenement a:hover { text-decoration: underline; } #page #entete_evenement .slider { min-width: 585px; max-width: 585px; display: flex; } #page #entete_evenement .actus_textuelles { display: flex; width: 75%; justify-content: center; } #page #entete_evenement .slider .elementSlider { justify-content: center; } #page #entete_evenement .slider .slide_left:before { background: none; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 18px solid #ffffff; left: -65px; } #page #entete_evenement .slider .slide_right:after { background: none; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 18px solid #ffffff; right: -65px; } #page #entete_evenement .actu_textuelle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #page #entete_evenement .tel_agence:not(:empty) { display: flex; flex-direction: row; align-items: center; } #page #entete_evenement .tel_agence:not(:empty):before { content: ""; width: 20px; height: 20px; display: inline-block; -webkit-mask: url("./../img/icon_tel.webp") left no-repeat; mask: url("./../img/icon_tel.webp") left no-repeat; -webkit-mask-size: 20px; mask-size: 20px; margin-right: 10px; background-color: #ffffff; } #page .popup_actus { background-color: #CA231C; color: #ffffff; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-evenly; height: 30px; } #page #menu .popup_actus { height: 0px; visibility: hidden; } #page .popup_actus .section_actu { padding: 0px 10px; } #page .popup_actus .titre_section { text-transform: uppercase; font-family: 'OpenSans-Bold'; font-size: 12px; cursor: pointer; line-height: 30px; } #page .popup_actus .titre_section > a { color: #ffffff; } #page .popup_actus .section_actu:hover .liens_actu { visibility: visible; top: 0px; } #page .popup_actus .div_center { position: absolute; top: 30px; overflow: hidden; visibility: hidden; } #page .popup_actus .liens_actu { visibility: hidden; position: relative; z-index: 4; background: #CA231C; text-align: left; font-size: 12px; } #page .popup_actus .liens_actu a { display: block; color: #ffffff; padding: 0px 10px; height: 20px; line-height: 20px; } #page .popup_actus .liens_actu a:hover { color: #CA231C; background: #ffffff; } #page .post-entry h2 { display: block; margin-top: 15px; } #page .post-entry.partenaires { text-align: center; } #page .post-entry .agences { width: 100%; margin: auto; } #page .post-entry .agences iframe { } #page .post-entry.partenaires .wp-block-image { margin-top: 70px; } #page .post-entry.partenaires span { display: inline-block; } #page .post-entry.partenaires span img { max-width: 180px; max-height: 70px; width: auto; height: auto; margin: 5px 5px 5px 0; vertical-align: middle; } #page .post-entry.partenaires h2 { text-align: left; margin-bottom: 10px; } #page .post-entry.partenaires h2.supplier-category.t3 { color: #01718d; } #page .post-entry.partenaires h2.supplier-category.t4 { color: #cfa829; } #page .post-entry.partenaires h2.supplier-category.t1 { color: #ca252c; } #page .post-entry.partenaires h2.supplier-category.t5 { color: #7c4a8f; } #page .post-entry.partenaires h2.supplier-category.t7 { color: #3ba670; } #page .post-entry.partenaires h2.supplier-category.t8 { color: #3D3D3F } #page .post-entry .jm-item { position: relative; display: inline-block; width: 40%; } #page .post-entry .jm-item-wrapper { display: inline-block; position: relative; } #page .post-entry .jm-item-image { position: relative; display: inline-block; line-height: 0em; } #page .post-entry .jm-item-image img { max-width: 100%; max-height: 230px; width: 310px; height: auto; } #page .post-entry .jm-item-image .jm-item-button { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; overflow: hidden; display: flex; flex-direction: column; line-height: 50px; justify-content: center; align-items: center; } #page .post-entry .jm-item-image .jm-item-button a { position: absolute; top: -50px; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; width: 50px; height: 50px; border-radius: 50px; text-align: center; color: #CA231C; background-color: #ffffff; text-transform: uppercase; } #page .post-entry .jm-item-image .jm-item-overlay { display: none; } #page .post-entry .jm-item-image:hover .jm-item-button a { top: 35%; } #page .post-entry .jm-item-image:hover .jm-item-overlay { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #1B2524; opacity: 0.5; z-index: 1; } #page .post-entry .jm-item-title { position: absolute; left: 0px; bottom: 17px; background: #CA231C; line-height: 1.5em; font-weight: normal; padding: 7px 9px 6px; text-transform: uppercase; font-family: 'OpenSans', sans-serif; color: #ffffff; font-size: 1.1em; z-index: 1; width: 100%; box-sizing: border-box; } #page .post-entry .jm-item-titlesecond { background: #CA231C; line-height: 1.5em; font-weight: normal; padding: 7px 9px 6px; text-transform: uppercase; font-family: 'OpenSans', sans-serif; color: #ffffff; font-size: 1.1em; z-index: 2; } #page .actu .visuel_actu { display: inline-block; width: 100%; height: 234px; text-align: center; line-height: 216px; } #page .actu .visuel_actu img { vertical-align: middle; max-height: 100%; width: -webkit-fill-available; } #page .actu .titre_actu { margin-bottom: 10px; margin-top: 10px; max-height: 60px; overflow: hidden; } #page .actu .titre_actu a { font-size: 18pt; font-family: 'OpenSans-Bold'; line-height: 1.2; } #page .actu .lien_actu { display: block; margin: 10px 0px; color: #CA231C; } #page .actu .info_actu { display: inline-block; width: 100%; } #page .sponso { margin-bottom: 20px; } #content_page_static .actu .visuel_actu { height: 188px; line-height: 187px; } #page .agence_fiche, #page .agence a { display: block; width: calc(100% - 40px); margin-bottom: 20px; font-family: 'OpenSans-Bold'; border: 1px solid #dedede; padding: 10px; } #page .agence_fiche p, #page .agence_fiche table { font-family: 'OpenSans'; } #page .agence_fiche a { text-decoration: underline; } #page .agence_fiche .section { margin-top: 20px; } #page .agence img { display: block; margin: auto; margin-bottom: 10px; max-width: 80%; min-width: 150px; width: auto; height: auto; } #page .snip { background-color: #ffffff; color: #ffffff; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; margin: auto; max-width: 600px; height: auto; min-width: 150px; overflow: hidden; position: relative; text-align: left; width: auto; -webkit-transform: translateZ(0); transform: translateZ(0);} #page .snip *, #page .snip *:before, #page .snip *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.45s ease; transition: all 0.45s ease;} #page .snip img { backface-visibility: hidden; max-width: 100%; width: 600px; height: 200px; vertical-align: top; } #page .snip:before, #page .snip:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-color: #b81212; opacity: 0.5; -webkit-transition: all 0.45s ease; transition: all 0.45s ease; } #page .snip:before { -webkit-transform: skew(30deg) translateX(-80%); transform: skew(30deg) translateX(-80%); } #page .snip:after { -webkit-transform: skew(-30deg) translateX(-70%); transform: skew(-30deg) translateX(-70%); } #page .snip figcaption { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1; bottom: 0; padding: 25px 40% 25px 20px;} #page .snip figcaption:before, #page .snip figcaption:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #b81212; box-shadow: 0 0 20px rgba(0, 0, 0, 0.7); content: ''; opacity: 0.5; z-index: -1;} #page .snip figcaption:before { -webkit-transform: skew(30deg) translateX(-100%); transform: skew(30deg) translateX(-100%);} #page .snip figcaption:after { -webkit-transform: skew(-30deg) translateX(-90%); transform: skew(-30deg) translateX(-90%);} #page .snip h3,.snip p { margin: 0; opacity: 0; letter-spacing: 1px;} #page .snip h3 { font-family: 'oswald', sans-serif; font-size: 30px; font-weight: 700; line-height: 1em; text-transform: uppercase;color: #ffffff;} #page .snip p { font-size: 0.9em;} #page .snip a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;} #page .snip:hover h3, #page .snip.hover h3, #page .snip:hover p, #page .snip.hover p { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0.9; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;} #page .snip:hover:before, #page .snip.hover:before { -webkit-transform: skew(30deg) translateX(-20%); transform: skew(30deg) translateX(-20%); -webkit-transition-delay: 0.05s; transition-delay: 0.05s;} #page .snip:hover:after, #page .snip.hover:after { -webkit-transform: skew(-30deg) translateX(-10%); transform: skew(-30deg) translateX(-10%);} #page .snip:hover figcaption:before, #page .snip.hover figcaption:before { -webkit-transform: skew(30deg) translateX(-40%); transform: skew(30deg) translateX(-40%); -webkit-transition-delay: 0.15s; transition-delay: 0.15s;} #page .snip:hover figcaption:after, #page .snip.hover figcaption:after { -webkit-transform: skew(-30deg) translateX(-30%); transform: skew(-30deg) translateX(-30%); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } #page .has-2-columns { width: 100%; position: relative; display: flex; justify-content: space-evenly; } #page .has-2-columns .wp-block-column { display: inline-block; height: 100%; vertical-align: middle; } #page .has-2-columns .wp-block-column video { height: auto; } #page .no-thumbnails .vignettes { display: none; } #page .annexes { position: relative; height: 100%; display: block; overflow: hidden; width: fit-content; max-width: 100%; margin-bottom: 20px; } #page .annexes .controls { position: absolute; height: 100%; width: 25px; top: 0px; cursor: pointer; } #page .annexes .bxslider { height: 100%; cursor: grab; } #page .annexes .bxslider li { height: 100%; } #page .annexes .bx-wrapper { height: 100%; max-width: 100% !important; } #page .auto .annexes .bx-wrapper { max-width: 640px !important; height: 426px; max-height: 100%; } #page .annexes .bx-viewport { height: 100%; cursor: grabbing; } #page .annexes .bx-controls { display: none; } #page .annexes .controls.prev { left: 0px; background: url("./../../Images/images_lib/prev.svg") no-repeat center; z-index: 1; } #page .annexes .controls.next { right: 0px; background: url("./../../Images/images_lib/next.svg") no-repeat center; z-index: 1; } #page .annexes .controls .bx-prev { width: 100%; height: 100%; } #page .annexes .controls .bx-next { width: 100%; height: 100%; } #page .annexe { /* position: absolute; left: 0px; top: 0px; */ height: 100%; } #page .annexe .previsu { height: 100%; } #page .annexe.URL { padding-bottom: 22px; } #page .annexe .descriptif { position: absolute; bottom: 0px; width: 95%; color: #ffffff; padding: 5px; box-sizing: border-box; } #page .annexe.URL .descriptif { background-color: #f1f1f1; width: 100%; color: #000000; } #page .annexe img { max-width: 100%; max-height: 100%; width: 100%; height: auto; object-fit: cover; min-width: 340px; } #page .vertical_vignettes .annexes .bx-wrapper { float: left; } #page .vertical_vignettes .annexes .vignettes { float: left; width: 115px; background-color: #1B2524; height: 385px; } #page .vertical_vignettes .annexes .vignettes .vignette { padding: 6px; padding-bottom: 0px; } #page .vertical_vignettes .annexes .controls.next { right: 115px; } #page .vignette.URL { position: relative; cursor: pointer; } #page .vignette.URL:after { content: ""; width: 100%; height: 93%; background: url("./../../Images/images_lib/lecture.svg") no-repeat center; position: absolute; left: 0px; background-color: rgba(0, 0, 0, 0.5); } #page .vignette.URL:hover:after { background-color: rgba(0, 0, 0, 0); } #page .horizontal_vignettes .annexes { padding-bottom: 70px; } #page .horizontal_vignettes .annexes .vignettes { background-color: #1B2524; width: 100%; height: 70px; overflow: hidden; position: absolute; bottom: 0px; } #page .horizontal_vignettes .annexes .vignette { position: relative; width: 100px; height: 60px; margin: 5px; display: inline-block; cursor: pointer; } #page .horizontal_vignettes .annexes .vignette img { width: 100px; height: 60px; object-fit: cover; } #page .horizontal_vignettes .vignette:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; background-color: rgba(0, 0, 0, 0.5); } #page .horizontal_vignettes .vignette:hover:after { background-color: rgba(0, 0, 0, 0); } #page .horizontal_vignettes .slider .slide_left:before { border-left: 4px solid #ffffff; border-top: 4px solid #ffffff; z-index: 1; left: 15px; } #page .horizontal_vignettes .slider .slide_right:after { border-left: 4px solid #ffffff; border-top: 4px solid #ffffff; z-index: 1; right: 15px; } #page .horizontal_vignettes .slider .elementSlider { justify-content: center; } #page .horizontal_vignettes .descriptif { width: 100%; background-color: rgba(0, 0, 0, 0.7); } #page .sans_vignettes .annexes .vignettes { display: none; } #page .sans_descriptif .annexes .descriptif { display: none; } #page_contact label { display: block; margin-right: 5px; font-size: 12pt; } #page_contact label[for="acceptance"] { display: inline-block; float: none; width: calc(100% - 65px); text-align: left; } #page_contact label[for="acceptance2"] { display: inline-block; float: none; width: calc(100% - 65px); text-align: left; } #page_contact label[for="acceptance"] a { color: #CA231C; text-decoration: underline; } #page_contact input[type="text"], #page_contact input[type="email"], #page_contact select { width: calc(100% - 160px); height: 41px; color: #1B2524; } #page_contact select { width: 260px; } #page_contact input[type="checkbox"] { width: 18px; height: 18px; border-radius: 3px; } #page_contact input[type=submit] { cursor: pointer; line-height: 20px; margin: 15px 0px; width: 100%; height: 38px; padding: 5px; -webkit-border-radius: 7px; border-radius: 7px; border: none; color: #ffffff; font-family: 'OpenSans-Bold', arial; background: none; background-color: #CA231C; font-size: 14pt; } #page_contact input[type=submit]:hover { text-decoration: none; background-color: #AF1817; } #page_contact .form_lib { width: auto; } #page_contact #fieldset_captcha { } #page_contact #fieldset_captcha input { width: 150px; height: 45px; margin-bottom: 0px; margin-top: 2px; } #page_contact #pied_form { width: 100%; } #page_contact #pied_form label { font-size: 9pt; line-height: normal; margin-left: 20px; } #page_contact input[type=text], #page_contact select, #page_contact textarea { margin-bottom: 15px; margin-top: 5px; } #page_contact .msg_aide { display: none; color: #CA231C; margin-left: 160px; } #page_contact .missing { border: 1px solid #CA231C; } #strate_bannieres { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 25px; } #strate_bannieres.double_strate { justify-content: space-between; } #strate_bannieres .strate_bannieres { width: calc(50% - 10px); margin-top: 10px; } #strate_bannieres .strate_bannieres img { max-width: 100%; max-height: 240px; width: auto; height: auto; } #strate_editoriale { margin-top: 25px; } #strate_editoriale .strate_editoriale { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; } #strate_editoriale .strate_editoriale .bloc_gauche { padding-right: 50px; min-height: 528px; } #strate_editoriale .strate_editoriale .bloc_gauche .titre_section { height: auto; line-height: 1em; padding-left: 25px; padding-left: 25px; } #strate_editoriale .strate_editoriale .bloc_gauche .texte_editorial { padding-left: 25px; font-size: 13pt; min-height: 374px; line-height: 1.4em; overflow: hidden; } #strate_editoriale .strate_editoriale .bloc_gauche .texte_editorial p { margin: 0px; margin-bottom: 20px; } #strate_editoriale .strate_editoriale > * { width: calc(50% - 10px); margin-top: 10px; } #strate_editoriale .strate_editoriale img { max-width: calc(50% - 10px); max-height: 528px; width: auto; height: auto; margin-top: 24px; } #strate_editoriale .strate_editoriale h2 { text-transform: initial; } #strate_editoriale .strate_editoriale a.btn_strate { color: #ffffff; font-size: 13pt; height: 40px; line-height: 40px; display: block; text-align: center; background-color: #CA231C; font-family: 'OpenSans-Bold'; padding: 0 10px; border-radius: 3px; margin-top: 20px; margin-left: 25px; } #strate_editoriale .strate_editoriale a.btn_strate:hover { box-shadow: inset #000000 2px 1px 15px -5px; } /* Fin Header pages statiques /* En tête */ #pied .logo a { } #page .logo { position: relative; display: inline-block; margin-top: 0px; text-align: center; z-index: 3; width: 300px; } #pied .logo { width: 185px; display: flex; flex-direction: column; color: #545454; font-size: 9pt; text-transform: uppercase; margin-right: 25px; text-align: left; } #pied .logo .section { margin-top: 7px; } #pied .logo .section a { display: inline-block; width: 32px; height: 32px; } #entete .logo { width: 165px; } #page .logo a { } #page .logo img { max-width: 150px; width: auto; height: auto; vertical-align: middle; } #pied .logo img { max-width: 150px; width: auto; height: auto; max-height: 100%; vertical-align: middle; } #page #pied_liens .logo a { margin-bottom: 7px; } #espace_client { position: relative; color: #1B2524; float: left; max-width: 270px; height: 105px; display: flex; flex-direction: column; justify-content: center; line-height: 12px; border-left: 2px solid #EDEDED; } #espace_client:hover { } #espace_client:hover a { } #espace_client #client_connecte { position: absolute; line-height: 10px; bottom: 0px; width: 100%; } #espace_client #client_connecte > span { cursor: pointer; font-size: 10px; } #espace_client #client_connecte .div_center { position: absolute; top: 0px; overflow: hidden; visibility: hidden; left: -10px; width: 100%; } #espace_client #client_connecte #pop_client_connecte { position: relative; z-index: 3; background-color: #ffffff; width: 100%; padding: 15px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #espace_client #client_connecte #pop_client_connecte select { height: 34px; width: 100%; border: none; border-radius: 3px; padding: 0 10px; padding-right: 38px; background-color: #F6F6F6; } #espace_client #client_connecte #pop_client_connecte .select_wrapper { width: calc(100% - 30px); } #espace_client #client_connecte #pop_client_connecte .select_wrapper:after { top: 4px; } #espace_client:hover { cursor: pointer; } #espace_client:hover #pop_client_connecte { visibility: visible; top: 0px; } #espace_client:hover #pop_client_connecte:before { } #espace_client #client_deconnecte { height: 105px; line-height: 17px; } #espace_client .titre_espace_client { font-size: 14px; } #espace_client_connexion { margin-left: 10px; height: 100%; display: flex; align-items: center; } #menu #client_connecte_sp { display: none; } #page_espace_client { color: #1B2524; position: relative; display: inline-block; margin-bottom: 60px; width: 100%; } #page_espace_client span { font-size: 16px; line-height: 20px; } #page_espace_client #titre_page { font-size: 20px; font-family: 'OpenSans-Bold'; margin-bottom: 25px; margin-top: 25px; } #page_espace_client #login_form { width: 50%; height: 305px; border-right: 2px solid #EDEDED; } #page_espace_client #login_form fieldset { width: 100%; box-sizing: border-box; height: 275px; margin-bottom: 30px; padding-right: 50px; } #page_espace_client #login_form fieldset label { margin-left: 15px; } #page_espace_client .titre_espace_client { font-size: 14pt; font-family: 'OpenSans-Bold'; display: block; margin-left: 15px; margin-top: 10px; margin-bottom: 25px; } #page_espace_client #demande_identifiants .titre { font-size: 20px; font-family: 'OpenSans-Bold'; display: block; margin-bottom: 15px; } #page_espace_client #login_form #frm_Login { border: 1px solid #919191; padding-left: 10px; font-family: 'OpenSans-Bold'; width: calc(100% - 25px); height: 34px; margin-bottom: 20px; display: block; color: #1B2524; margin-left: 15px; margin-top: 5px; } #page_espace_client #login_form input[type="password"], #page_espace_client #login_form input[type="text"]{ border: 1px solid #919191; padding-left: 10px; font-family: 'OpenSans-Bold'; width: calc(100% - 25px); height: 34px; margin-bottom: 10px; display: block; color: #1B2524; margin-left: 15px; margin-top: 5px; } #page_espace_client #login_form .creation_compte { font-family: 'OpenSans'; font-size: 14px; } #page_espace_client #login_form .creation_compte a { color: #CA231C; } #page_espace_client .form_obligatoire { } #page_espace_client #demande_identifiants { width: calc(100% - 635px); } #page_espace_client #demande_identifiants p.titre { font-family: 'OpenSans-Bold'; font-size: 20px; } #page_espace_client #demande_identifiants p { font-family: 'OpenSans'; font-size: 16px; margin-bottom: 10px; line-height: 18px; } #page_espace_client #demande_identifiants label { font-size: 16px; font-family: 'OpenSans'; } #page_espace_client #demande_identifiants input { width: 93%; border: none; background-color: #F0EFEF; height: 41px; padding: 0px 20px; font-family: 'OpenSans-Bold'; color: #1B2524; box-sizing: border-box; } #page_espace_client #demande_identifiants input[type="checkbox"] { padding: 0px; position: relative; display: inline-block; width: 18px; height: 18px; border: none; } #page_espace_client #demande_identifiants input[type="checkbox"]:checked:before { position: absolute; left: 0px; width: 18px; height: 18px; font-size: 13px; background-color: #CA231C; color: #ffffff; } #page_espace_client #demande_identifiants #id_cp { display: inline-block; width: 30%; } #page_espace_client #demande_identifiants #id_ville { display: inline-block; width: 56%; margin-left: 3%; } #page_espace_client #demande_identifiants #fieldset_captcha input { width: 155px; height: 54px; margin-top: 2px; } #page_espace_client #demande_identifiants input[type="submit"] { padding: 0px; cursor: pointer; line-height: 20px; margin: 15px 0px; width: 155px; height: 41px; padding-top: 0; border: none; color: #ffffff; font-family: 'OpenSans', arial; background: none; background-color: #CA231C; font-size: 16px; } #page_espace_client #demande_identifiants input[type="submit"]:hover { text-decoration: none; background-color: #AF1817; } #page_espace_client #demande_identifiants #fieldset_captcha span { width: auto; margin-right: 15px; } #page_espace_client #demande_identifiants #fieldset_captcha .form_champ { margin: 0px; } #page_espace_client .sous_titre { line-height: 20px; font-family: 'OpenSans-Bold'; font-size: 16px; } #page_espace_client span a { color: #CA231C; font-family: 'OpenSans-Bold'; } #page_espace_client #demande_identifiants a { background-color: #EDEDED; font-family: 'OpenSans-Bold'; height: 40px; width: 100%; display: block; text-align: center; line-height: 40px; margin-bottom: 30px; font-size: 14pt; -webkit-border-radius: 7px; border-radius: 7px; } #page_espace_client #demande_identifiants > fieldset > div:nth-child(2) { margin-top: 40px; } #page_espace_client #demande_identifiants > fieldset { margin-left: 25px; } #page_espace_client #demande_identifiants .titre_espace_client { margin-left: 0px; } #page_espace_client_connecte { width: 100%; } #page_espace_client_connecte p { font-family: 'OpenSans-Bold'; margin: 17px 0px; } #page_espace_client_connecte .libelle { font-family: 'OpenSans'; } #page_espace_client_connecte .libelle.label { display: inline-block; width: 100px; margin-right: 20px; } #page_espace_client_connecte .adresse .libelle { font-family: 'OpenSans-Bold'; } #page_espace_client_connecte .adresse .nom_contact { font-family: 'OpenSans-Bold'; } #page_espace_client_connecte #form_espace_client a.btn_save, #page_espace_client_connecte #form_espace_client a.btn_password { border: 1px solid #CA231C; color: #CA231C; background-color: #ffffff; border-radius: 5px; font-family: 'OpenSans'; font-size: 16px; padding: 0 20px; height: 40px; cursor: pointer; display: block; text-align: center; line-height: 40px; vertical-align: middle; box-sizing: border-box; } #page_espace_client_connecte #form_espace_client a.btn_password { position: absolute; top: 50px; right: 0; } #page_espace_client_connecte #form_espace_client a.btn_save:hover, #page_espace_client_connecte #form_espace_client a.btn_password:hover { background-color: #AF1817; color: #ffffff; border-color: #AF1817; box-shadow: none; } #page_espace_client_connecte .col_gauche { float: left; display: flex; flex-direction: column; width: 49%; } #page_espace_client_connecte #infos_client { width: 100%; margin-left: 20px; box-sizing: border-box; position: relative; } #page_espace_client_connecte #menu_espace_client { background-color: #F4F4F4; width: 25%; padding: 10px; padding-top: 0px; font-size: 14pt; border: 3px solid #ededed; } #page_espace_client_connecte #menu_espace_client.espace_client .espace_client { font-family: 'OpenSans-Bold'; } #page_espace_client_connecte #menu_espace_client.COMMANDE .commandes { font-family: 'OpenSans-Bold'; } #page_espace_client_connecte #menu_espace_client.BL .bl { font-family: 'OpenSans-Bold'; } #page_espace_client_connecte #menu_espace_client.DEVIS .devis { font-family: 'OpenSans-Bold'; } #page_espace_client_connecte #menu_espace_client.favoris .favoris { font-family: 'OpenSans-Bold'; } #page_espace_client_connecte #menu_espace_client.derogations .derogations { font-family: 'OpenSans-Bold'; } #page_espace_client_connecte #menu_espace_client.adresses .adresses { font-family: 'OpenSans-Bold'; } #page_espace_client_connecte #menu_espace_client > div { margin-top: 20px; } #page_espace_client_connecte #form_espace_client { width: 100%; } #page_espace_client_connecte input { display: inline-block; margin-left: 10px; padding-left: 15px; padding-right: 30px; height: 40px; border: 1px solid #e1e1e1; color: #1B2524; font-size: 16px; width: 40%; font-family: 'OpenSans'; box-sizing: border-box; } #page_espace_client_connecte input.qte_input { margin-left: 0px; padding: 0; border-color: #ededed; border-left: none; border-right: none; border-width: 3px; } #page_espace_client_connecte .prix_coin_affaire { text-align: center; } #page_espace_client_connecte .box_ajout_panier .flex_row { justify-content: center; } #page_espace_client_connecte #form_adresse_client input { width: 100%; margin-left: 0px; } #page_espace_client_connecte #form_adresse_client > div { margin-top: 10px; } #page_espace_client_connecte #infos_client p { padding: 10px 0px; margin: 0px; font-size: 16px; align-items: center; } #page_espace_client_connecte #infos_client p:first-child { border-top: none; } #page_espace_client_connecte #adresses_client { position: relative; padding-top: 0px; min-height: 490px; width: 100%; box-sizing: border-box; margin-left: 20px; } #page_espace_client_connecte #adresses_client .titre { text-transform: none; } #page_espace_client_connecte #form_adresse_client { z-index: 1001; visibility: hidden; width: 532px; height: 0px; display: flex; flex-direction: column; background: #ffffff; padding: 20px; box-sizing: border-box; position: absolute; left: 0px; top: 59px; border-radius: 3px; border: 1px solid; } .pac-container { z-index: 1002; } #page_espace_client_connecte #form_adresse_client .btn_close { width: 15px; height: 15px; border: 1px solid; border-radius: 15px; text-align: center; line-height: 13px; font-size: 9pt; cursor: pointer; position: absolute; right: 15px; top: 5px; } #page_espace_client_connecte #form_adresse_client p { margin: 6px 0px; } #page_espace_client_connecte #form_adresse_client .sous_titre { font-size: 14pt; border: none; margin-bottom: 0px; } #page_espace_client_connecte #form_adresse_client #btn_actions a { cursor: pointer; line-height: 28px; margin: 15px 0px; width: 100%; height: 38px; padding: 5px; -webkit-border-radius: 7px; border-radius: 7px; border: none; color: #ffffff; font-family: 'OpenSans-Bold', arial; background: none; background-color: #CA231C; font-size: 14pt; } #page_espace_client_connecte #form_adresse_client #btn_actions a:hover { background-color: #AF1817; color: #ffffff; border-color: #AF1817; box-shadow: none; } #page_espace_client_connecte #mention_obligatoire { float: left; line-height: 61px; } #page_espace_client_connecte #enregistrer_adresse { float: right; } #page_espace_client_connecte #form_adresse_client label { display: block; margin-right: 5px; font-size: 12pt; margin-bottom: 5px; } #page_espace_client_connecte #form_adresse_client input.obligatoire { } #page_espace_client_connecte #enregistrer_adresse { visibility: hidden; } #page_espace_client_connecte #supprimer_adresse { visibility: hidden; } #page_espace_client_connecte .select_adresse { width: 100%; max-height: 370px; border-radius: 20px; } #page_espace_client_connecte #adresses .select_adresse { max-height: none; } #page_espace_client_connecte .select_adresse .select_options { border: 2px solid #B7B7B8; padding: 15px; margin-bottom: 10px; } #page_espace_client_connecte .select_options .btn_edit { padding: 10px; background-color: #f6f6f6; cursor: pointer; } #page_espace_client_connecte .select_options .btn_edit:before { content: ""; display: inline-block; -webkit-mask: url(./../img/icon_edit.svg) center no-repeat; mask: url(./../img/icon_edit.svg) center no-repeat; -webkit-mask-size: 25px; mask-size: 25px; width: 25px; height: 25px; background-color: #919191; margin-right: 10px; vertical-align: sub; } #page_espace_client_connecte .select_options .btn_edit:hover { background-color: #CA231C; color: #ffffff; } #page_espace_client_connecte .select_options .btn_edit:hover:before { background-color: #ffffff; } #page_espace_client_connecte .wrap_adresse { border-top: 1px solid #c4c8cb; text-align: center; padding: 5px; white-space: nowrap; overflow: hidden; width: 100%; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; font-family: 'OpenSans'; line-height: 30px; box-sizing: border-box; text-align: left; border: 2px solid #dedede; margin-bottom: 10px; border-radius: 3px; } #page_espace_client_connecte .adresse { display: flex; justify-content: space-between; align-items: center; } #page_espace_client_connecte .adresse .infos { width: 70%; } #page_espace_client_connecte .wrap_adresse .btn_edit { cursor: pointer; text-transform: uppercase; } #page_espace_client_connecte .wrap_adresse .btn_edit:before { content: ""; -webkit-mask: url("./../img/icon_edit.svg") center no-repeat; mask: url("./../img/icon_edit.svg") center no-repeat; width: 20px; height: 17px; margin-right: 5px; display: inline-block; background-color: #898989; } #page_espace_client_connecte .wrap_adresse .btn_edit:hover:before { background-color: #CA231C; } #page_espace_client_connecte .adresse .btn_delete { cursor: pointer; -webkit-mask: url("./../img/icon_trash.svg") center no-repeat; mask: url("./../img/icon_trash.svg") center no-repeat; width: 20px; height: 17px; margin-right: 20px; background-color: #000000; } #page_espace_client_connecte .adresse .btn_delete:hover { background-color: #CA231C; } #page_espace_client_connecte .adresse:first-child { } #page_espace_client_connecte .encours { width: 45%; display: inline-block; margin-left: 20px; } #page_espace_client_connecte .encours .titre { font-family: 'OpenSans-Bold'; border: none; font-size: 14pt; margin-left: 0px; } #page_espace_client_connecte .encours .progress { position: relative; width: 200px; border-radius: 10px; background-color: #dedede; height: 10px; margin-bottom: 10px; } #page_espace_client_connecte .encours .progress .encours_non_facture { position: absolute; left: 0px; border-radius: 10px; background-color: #CA231C; height: 10px; } #page_espace_client_connecte .encours .detail { display: flex; justify-content: space-between; white-space: nowrap; } #page_espace_client_connecte .encours .detail div { margin-right: 35px; } #page_espace_client_connecte .encours .detail span { font-family: 'OpenSans-Bold'; } #page_espace_client_connecte .aide { display: inline-block; text-align: right; float: right; font-size: 12pt; line-height: 1.4em; } #page_espace_client_connecte .entete_commandes { margin-bottom: 20px; display: flow-root; } #form_adresse_client_dialog { display: none; position: fixed; z-index: 1000; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #4B4B4B; opacity: 0.69; } #page_espace_client_connecte .adresse.creation { position: absolute; top: 0px; right: 0px; border: 1px solid #CA231C; color: #CA231C; background-color: #ffffff; border-radius: 5px; font-family: 'OpenSans'; font-size: 16px; padding: 0 20px; height: 34px; display: block; text-align: center; line-height: 34px; vertical-align: middle; box-sizing: border-box; width: 300px; cursor: pointer; } #page_espace_client_connecte .adresse.creation:after { } #page_espace_client_connecte .adresse.creation:hover { background-color: #AF1817; color: #ffffff; border-color: #AF1817; } #page_espace_client_connecte #form_espace_client a.btn_password { border: 1px solid #CA231C; color: #CA231C; background-color: #ffffff; border-radius: 5px; font-family: 'OpenSans'; font-size: 16px; padding: 0 20px; height: 34px; cursor: pointer; display: block; text-align: center; line-height: 34px; vertical-align: middle; box-sizing: border-box; position: absolute; top: 50px; right: 0; } #page_espace_client_connecte .titre { display: block; font-size: 20px; font-family: 'OpenSans-Bold'; margin-bottom: 15px; line-height: 40px; text-transform: uppercase; border-bottom: 1px solid #c4c8cb; } #page_espace_client_connecte .sous_titre { font-family: 'OpenSans-Bold'; font-size: 16pt; margin-bottom: 15px; border-bottom: 1px solid #EAEAEA; padding-bottom: 10px; height: 30px; line-height: 40px; width: 100%; display: block; } #page_espace_client_connecte .sous_titre_section { font-family: 'OpenSans-Bold'; font-size: 16pt; margin-top: 30px; margin-bottom: 15px; padding-bottom: 10px; height: 30px; line-height: 40px; width: 100%; display: block; } #page_espace_client_connecte .ligne.entete { background-color: #EDEDED; } #page_espace_client_connecte .ligne { display: table-row; } #page_espace_client_connecte .cell { display: table-cell; padding: 10px; } #page_espace_client_connecte .cell.role_ADMIN { color: #CA231C; } #page_espace_client_connecte .tab_contacts { width: 100%; display: table; } #page_espace_client_connecte .tab_contacts .select_wrapper { width: 100%; } #page_espace_client_connecte .tab_contacts .select_wrapper.disabled:after { display: none; } #page_espace_client_connecte .tab_contacts .btn_actions { align-items: center; justify-content: space-between; } #page_espace_client_connecte .tab_contacts .btn_edit { position: relative; padding: 10px; padding-left: 45px; background-color: #ededed; cursor: pointer; border-radius: 3px; } #page_espace_client_connecte .tab_contacts .btn_edit:before { content: ""; width: 40px; height: 25px; display: inline-block; -webkit-mask: url(./../img/icon_edit.svg) 10px no-repeat; mask: url(./../img/icon_edit.svg) 10px no-repeat; background-color: #919191; background-size: 25px; position: absolute; left: 0; top: 6px; } #page_espace_client_connecte .tab_contacts .btn_edit:hover { background-color: #CA231C; color: #ffffff; } #page_espace_client_connecte .tab_contacts .btn_edit:hover:before { background-color: #ffffff; } #page_espace_client_connecte #form_espace_client .tab_contacts a.btn_save { display: none; } #page_espace_client_connecte .tab_contacts .btn_delete { cursor: pointer; -webkit-mask: url("./../img/icon_trash.svg") center no-repeat; mask: url("./../img/icon_trash.svg") center no-repeat; width: 20px; height: 17px; margin-left: 20px; background-color: #000000; display: inline-block; } #page_espace_client_connecte .tab_contacts .btn_delete:hover { background-color: #CA231C; } #page_espace_client_connecte .tab_contacts input { margin-left: 0px; width: 100%; } #page_espace_client_connecte .tab_contacts select { width: 100%; border: 1px solid #e6e6e6; height: 38px; padding-left: 10px; font-size: 16px; padding-right: 38px; } #page_espace_client_connecte .tab_contacts .select_wrapper:after { top: 6px; } #page_espace_client_connecte .tab_contacts input[disabled], #page_espace_client_connecte .tab_contacts select[disabled] { border: none; background-color: transparent; padding: 0; color: #000000; opacity: 1; width: 100%; font-size: 16px; } #page_espace_client_connecte .tab_contacts select[disabled] > option { color: #000000; } #page_espace_client_connecte .ajout_compte { justify-content: space-between; } #page_espace_client_connecte .ajout_compte .form_contact { margin-right: 20px; } #page_espace_client_connecte .ajout_compte label { display: block; font-family: 'OpenSans'; } #page_espace_client_connecte .ajout_compte input { width: calc(100% - 30px); margin-left: 0px; } #page_espace_client_connecte .ajout_compte .select_wrapper { width: calc(100% - 30px); } #page_espace_client_connecte .ajout_compte select { width: 100%; border: 1px solid #e6e6e6; height: 38px; padding-left: 10px; font-size: 16px; padding-right: 38px; } #page_espace_client_connecte .ajout_compte .select_wrapper:after { top: 6px; } #page_espace_client_connecte .ajout_compte .legende { } #page_espace_client_connecte .ajout_compte .legende div { margin-bottom: 20px; } #page_espace_client_connecte .ajout_compte .legende div > span { font-family: 'OpenSans-Bold'; } #page_espace_client_connecte #form_espace_client .ajout_compte a.btn_save { width: calc(100% - 30px); } #page_espace_client_connecte .adresses { justify-content: space-between; } #page_espace_client_connecte .adresses .adresse_facturation { line-height: 20px; } #page_espace_client_connecte #infos_client .adresse_facturation p { padding: 0; } #page_espace_client_connecte .adresses .magasins { white-space: nowrap; } #page_espace_client_connecte .adresses .magasins select { height: 40px; width: 100%; border-width: 1px; border-radius: 3px; padding: 0 10px; padding-right: 38px; } #page_espace_client_connecte #form_espace_client .adresses .magasins a.btn_save { display: inline-block; width: 93px; } #page_espace_client_connecte .adresses .magasins .select_wrapper:after { top: 6px; } #page_espace_client_connecte #btn_actions .btn_save { line-height: 30px; } #page_espace_client_connecte #btn_actions .btn_delete { background-position: left center; margin-top: 20px; font-family: 'OpenSans-Bold'; display: inline-block; -webkit-mask-position: left center; mask-position: left center; -webkit-mask: url("./../img/picto_supprimer.svg"); mask: url("./../img/picto_supprimer.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #4B4B4B; padding-left: 35px; height: 29px; line-height: 30px; float: right; } #page_espace_client_connecte #derogations { margin-top: 40px; width: 100%; box-sizing: border-box; max-width: 765px; } #page_espace_client_connecte #derogations input { margin-left: 0px; } #page_espace_client_connecte #derogations .entete { display: flex; flex-direction: row; justify-content: space-between; } #page_espace_client_connecte #derogations .entete .entete_droite { margin-right: 5%; } #page_espace_client_connecte #derogations .aide { color: #5c5c5c; margin-bottom: 15px; font-size: 16px; line-height: 18px; float: none; text-align: left; } #page_espace_client_connecte #derogations a.aide_contact { color: #CA231C; } #page_espace_client_connecte #derogations .edit { position: absolute; background: url("./../img/edit.svg") no-repeat; width: 15px; height: 15px; cursor: pointer; left: calc(100% - 125px); top: 15px; } #page_espace_client_connecte #derogations:empty { display: none; } #page_espace_client_connecte #form_espace_client #derogations a.bouton { width: calc(90% - 95px); margin: 0px; margin-top: 25px; } #page_espace_client_connecte #derogations .input_derogation { width: calc(100% - 92px); line-height: 34px; padding-right: 32px; } #page_espace_client_connecte .derogation, #p_produit .derogation { line-height: 34px; padding-right: 5px; white-space: nowrap; overflow: hidden; position: relative; width: 90%; margin-top: 5px; margin-bottom: 5px; } #page_espace_client_connecte .derogation .infos_derog { padding: 0px 10px; line-height: 33px; box-sizing: border-box; border: none; width: 70%; border: 2px solid #dedede; display: inline-block; border-radius: 0px; } #p_produit .derogation .infos_derog { padding: 0px 10px; line-height: 33px; box-sizing: border-box; border: none; width: 70%; display: inline-block; border-radius: 0px; width: calc(100% - 75px); margin-top: 0; } #page_espace_client_connecte .derogation .switch, #p_produit .derogation .switch { margin-left: 24px; position: relative; display: inline-block; width: 51px; height: 22px; vertical-align: middle; box-sizing: border-box; } #p_produit .derogation .switch { width: 44px; } #p_produit .derogation .switch { margin-left: 3px; } #page_espace_client_connecte .derogation .switch input, #p_produit .derogation .switch input { display: none; } #page_espace_client_connecte .derogation .slider, #p_produit .derogation .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #707070; box-shadow: inset 0px 4px 10px -3px rgba(0, 0, 0, 0.3); -webkit-transition: 0.5s; transition: 0.5s; -webkit-border-radius: 20px; border-radius: 20px; } #page_espace_client_connecte .derogation .slider:before, #p_produit .derogation .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 2px; bottom: 2px; background-color: #fff; box-shadow: 0px 4px 10px -3px rgba(0, 0, 0, 0.3); -webkit-transition: 0.5s; transition: 0.5s; -webkit-border-radius: 20px; border-radius: 20px; } #page_espace_client_connecte .derogation input:checked+.slider, #p_produit .derogation input:checked+.slider { background-color: #00BF63; } #page_espace_client_connecte .derogation input:focus+slider, #p_produit .derogation input:focus+slider { -webkit-box-shadow: 0px 0px 1px #2196f3; -ms-box-shadow: 0px 0px 1px #2196f3; box-shadow: 0px 0px 1px #2196f3; } #page_espace_client_connecte .derogation input:checked+.slider:before { -webkit-transform: translateX(25px); -ms-transform: translateX(25px); transform: translateX(25px); } #p_produit .derogation input:checked+.slider:before { -webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px); } #p_produit .derogation { width: 100%; margin: 0px; } #espace_client_connexion .msg_erreur_critique { position: absolute; overflow: hidden; max-width: 140px; top: 69px; left: 210px; max-height: 30px; font-weight: bold; } #espace_client_connexion form { line-height: 20px; } #espace_client_connexion h1 { margin: 0px; padding: 0px; line-height: 20px; font-size: 15px; font-family: 'OpenSans', arial; font-weight: bold; } #espace_client_connexion span.titre_espace_client { float: left; color: #374140; display: inline-block; width: 225px; margin-top: 30px; padding: 0px; line-height: 20px; font-size: 15px; font-family: 'OpenSans', arial; } #espace_client_connexion p { margin: 0px; padding: 0px 0px 4px 0px; line-height: 14px; font-size: 12px; font-weight: normal; } #espace_client_connexion a { display: inline-block; margin-top: 2px; padding: 0px; font-size: 12px; margin-left: 5px; } #espace_client_connexion .connexion_initiale a { width: 20px; height: 16px; } #espace_client_connexion .connexion_initiale img { vertical-align: middle; } #espace_client_connexion #client_deconnecte a { font-size: 13pt; display: flex; flex-direction: column; text-transform: uppercase; background: url(./../img/icon_user.svg) 10px 25px no-repeat; height: 105px; padding-left: 65px; justify-content: center; padding-right: 10px; } #espace_client_connexion #client_deconnecte a:hover { background: url(./../img/icon_user_hover.svg) 10px 25px no-repeat; } #espace_client_connexion #bonjour_client { font-size: 13pt; display: flex; flex-direction: column; text-transform: uppercase; background: url(./../img/icon_user.svg) 10px 25px no-repeat; height: 105px; padding-left: 65px; justify-content: center; text-transform: none; min-width: 250px; box-sizing: border-box; } #espace_client_connexion #bonjour_client:hover { background: url(./../img/icon_user_hover.svg) 10px 25px no-repeat; } #espace_client_connexion_liens { float: right; line-height: 11px; text-align: right; } #espace_client_connexion_liens a { padding-left: 5px; line-height: 14px; font-weight: normal; font-size: 12px; text-decoration: none; color: #1B2524; } #espace_client_connexion_liens a:hover { text-decoration: underline; } #espace_client_connexion_bouton { display: block; float: left; font-size: 12pt; margin: 8px 4px 0px 10px; text-align: center; display: flex; flex-direction: column; width: calc(100% - 10px); justify-content: center; margin-left: 15px; } #espace_client_connexion_bouton a { color: #545454; text-decoration: underline; } #espace_client_connexion_bouton input[type=submit] { cursor: pointer; line-height: 20px; margin: 15px 0px; width: 100%; height: 38px; padding: 5px; -webkit-border-radius: 7px; border-radius: 7px; border: none; color: #ffffff; font-family: 'OpenSans-Bold', arial; background: none; background-color: #CA231C; font-size: 14pt; } #espace_client_connexion_bouton input[type=submit]:hover { text-decoration: none; background-color: #AF1817; } #espace_client_connexion .utilisateur, #espace_client_connexion .lien { box-sizing: border-box; } #espace_client_connexion .utilisateur { line-height: 14px; display: block; margin-left: 5px; margin-top: 15px; font-size: 12pt; font-family: 'OpenSans'; color: #1B2524; } #espace_client_connexion .utilisateur:hover { color: #CA231C; } #espace_client_connexion .utilisateur:first-child { border-left: none; } #espace_client_connexion .utilisateur.picto_utilisateur { } #espace_client_connexion .utilisateur.picto_utilisateur span { } #espace_client_connexion .utilisateur.picto_utilisateur span:nth-child(3) { width: auto; white-space: nowrap; } #espace_client_connexion .utilisateur.picto_utilisateur .raison_sociale { font-family: 'OpenSans'; } #espace_client_connexion .utilisateur.picto_agence { } #espace_client_connexion .utilisateur.picto_agence span { display: inline-block; width: 100px; } #espace_client_connexion .utilisateur.picto_agence .agence { font-family: 'OpenSans'; } #espace_client_connexion .lien { display: inline-block; float: left; text-align: center; margin-top: 15px; } #espace_client_connexion .lien.picto_historique { } #espace_client_connexion .lien.picto_deconnexion { float: none; text-align: left; font-size: 12pt; line-height: 14px; margin-top: 15px; background: url("./../img/icon_deco.svg") left no-repeat; padding-left: 23px; } #espace_client_connexion #client_deconnecte .lien a { padding-left: 10px; line-height: 18px; font-weight: normal; } #espace_client_connexion #client_connecte .utilisateur a { margin-top: 0px; border: none; display: initial; } #espace_client_connexion .lien.picto_boutique { float: none; font-size: 12px; line-height: 14px; margin-top: 15px; font-family: 'OpenSans'; } #panier { position: relative; display: flex; flex-direction: column; justify-content: center; margin-right: 5px; border-left: 2px solid #EDEDED; border-right: 2px solid #EDEDED; padding: 0 20px; font-size: 9pt; text-transform: uppercase; height: 105px; } #panier .lien.picto_panier.vide:before { } #panier .lien.picto_panier.plein:before { } #panier .lien.picto_panier { position: relative; background: url("./../img/icon_panier.svg") top no-repeat; width: 39px; height: 62px; display: block; background-size: 37px; padding-top: 47px; box-sizing: border-box; } #panier .lien.picto_panier:hover { background: url("./../img/icon_panier_hover.svg") top no-repeat; background-size: 37px; } #panier .lien.picto_panier .nb_articles { position: absolute; top: 1px; right: 0px; font-size: 14px; font-family: 'OpenSans-Bold'; width: 20px; height: 20px; border-radius: 20px; background-color: #CA231C; text-align: center; line-height: 20px; color: #ffffff; font-family: 'OpenSans-Bold'; } #enseigne { float: left; margin-right: 20px; height: 67px; line-height: 67px; width: 300px; background: url("./../img/distributeur.png") center no-repeat; } #enseigne img { vertical-align: middle; max-width: 302px; max-height: 45px; width: auto; height: auto; } #barre_recherche { height: 105px; font-size: 15px; color: #374140; line-height: 105px; font-family: 'OpenSans'; float: left; align-content: center; } #barre_recherche_rech { margin: auto; display: flex; position: relative; white-space: nowrap; } #barre_recherche_rech form { display: inline-block; width: 100%; position: relative; } #barre_recherche_rech input[type=text] { display: inline-block; margin-left: 10px; margin-right: 10px; padding-left: 15px; padding-right: 35px; height: 45px; color: #1B2524; font-size: 13px; width: 400px; font-family: 'OpenSans'; box-sizing: border-box; background-color: #EDEDED; border: none; border-radius: 3px; } #barre_recherche_rech input[type=text]::placeholder { color: #919191; } #barre_recherche_rech.actif #rechercheMot { position: relative; z-index: 550; } input#rechercheMot:focus-visible { outline: none; } #barre_recherche_rech #search_fournisseurs { display: inline-block; margin-right: 10px; padding: 0 4px; height: 24px; border: 1px solid #9CA0A0; color: #2F3837; font-size: 13px; height: 35px; font-family: 'OpenSans'; padding-right: 20px; } #barre_recherche_rech input[type=submit] { position: absolute; cursor: pointer; display: inline-block; margin: 0px; padding: 0px; height: 45px; width: 45px; border: none; color: white; font-size: 13px; font-family: 'OpenSans', arial; text-decoration: none; background: url("./../img/icon_loupe.svg") no-repeat center; background-size: 20px; background-color: #CA231C; right: 11px; top: 31px; border-radius: 3px; } #barre_recherche_rech.actif input[type=submit] { z-index: 550; } #barre_recherche_rech #annuler_filtre { display: inline-block; vertical-align: middle; margin-left: 10px; width: 15px; height: 15px; border: none; background: url("./../img/picto_effacer.png") no-repeat; background-position: center; cursor: pointer; } #barre_recherche_rech a.btn_submit_recherche_sp { display: none; } .ui-menu-item .ui-corner-all .autocomplete_rubrique { font-family: 'OpenSans'; display: none; } .ui-menu-item .ui-corner-all .autocomplete_sous-rubrique { font-family: 'OpenSans'; margin-left: 10px; display: none; } .ui-menu-item .ui-corner-all .autocomplete_arbo3 { font-family: 'OpenSans'; margin-left: 20px; display: none; } .ui-menu-item .ui-corner-all .autocomplete_arbo4 { font-family: 'OpenSans'; margin-left: 30px; display: none; } .ui-menu-item .ui-corner-all .autocomplete_arbo5 { font-family: 'OpenSans'; margin-left: 40px; display: none; } #barre_panier { float: right; cursor: pointer; line-height: 40px; width: 160px; padding-left: 40px; background-image: url('./../img/barre_panier_caddie.png'); background-repeat: no-repeat; background-position: 5px 50%; } #barre_panier a { padding: 0px 0px 0px 6px; font-weight: bold; font-size: 15.78px; color: #ffffff; line-height: 40px; } #barre_panier a:hover { text-decoration: underline; } #barre_panier table { border: none; } #barre_panier #box_minipanier { display: none; z-index: 200; position: absolute; top: 40px; right: 0px; width: 400px; border: 2px solid #cecece; background-color: #ffffff; line-height: 14px; border-radius: 4px; box-shadow: -1px 1px 4px #888888; } #fermeture_dialog { display: none; position: fixed; z-index: 500; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #4B4B4B; opacity: 0.69; } #fermeture_dialog.recherche { display: block; } #fermeture_dialog.menu { display: none !important; } #resultat_recherche_refs { display: none; white-space: normal; position: absolute; width: 100%; border: 1px solid #DEDEDE; border-top: none; z-index: 550; background-color: #ffffff; top: 105px; line-height: normal; overflow: hidden; min-height: 472px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #resultat_recherche_refs .resultat { font-size: 12pt; font-family: 'OpenSans-Bold' } #resultat_recherche_refs a { display: inline-block; } #resultat_recherche_refs > a { z-index: 1; } #resultat_recherche_refs a.lien_texte { width: 180px; margin-bottom: 5px; margin-top: 10px; text-align: center; font-weight: bold; } #resultat_recherche_refs #container_resultats .overscroll .option { margin-left: 20px; margin-bottom: 10px; font-size: 11pt; } #resultat_recherche_refs #container_resultats .overscroll .option label { margin-left: 10px; } #resultat_recherche_refs #container_resultats .overscroll .option .disabled { color: #939393; } #resultat_recherche_refs #container_resultats .action { text-align: center; line-height: 15px; } #resultat_recherche_refs #container_resultats .action a { margin: 0px; width: 100%; height: 100%; font-size: 13px; } #resultat_recherche_refs #container_resultats .loading { position: relative; top: 40px; } #resultat_recherche_refs #container_resultats .box_produit { position: relative; overflow: hidden; display: block; width: 100%; padding-bottom: 10px; display: flex; flex-direction: row; } #resultat_recherche_refs #container_resultats .box_produit h1 { font-size: 15px; font-weight: normal; padding: 0px; vertical-align: middle; height: 55px; line-height: 58px; } #resultat_recherche_refs #container_resultats .box_produit h1 div span + span {display: block; line-height: 11px; font-size: 13px; font-family: 'OpenSans'; } #resultat_recherche_refs #container_resultats .box_produit .visuels { float: left; padding-right: 10px; } #resultat_recherche_refs #container_resultats .box_produit .visuel { width: 100px; margin-bottom: 5px; } #resultat_recherche_refs #container_resultats .box_produit .visuel img { vertical-align: middle; max-width: 80px; max-height: 20px; height: auto; } #resultat_recherche_refs #container_resultats .box_produit .visuel_produit { position: relative; width: 100px; text-align: center; line-height: 80px; height: 80px; } #resultat_recherche_refs #container_resultats .box_produit .visuel_produit .img:empty { font-size: 0px; color: #e1e1e1; background: url("./../img/visuel_non_disponible.webp") no-repeat; background-position: center; background-color: #e1e1e1; width: 100%; display: block; height: 100%; background-size: 70%; } #resultat_recherche_refs #container_resultats .box_produit .visuel_produit .img:empty:after { } .visuel_non_dispo { font-size: 0px; color: #e1e1e1; background: url("./../img/visuel_non_disponible.webp") no-repeat; background-position: center; background-color: #e1e1e1; width: 100%; display: block; height: 100%; background-size: contain; } .visuel_non_dispo:after { } #resultat_recherche_refs #container_resultats .box_produit .visuel_produit .picto span { position: relative; z-index: 2; color: #ffffff; font-size: 10pt; height: 25px; line-height: 25px; display: block; text-align: center; top: 0px; background-color: #CA231C; font-family: 'OpenSans-Bold'; padding: 0 10px; border-radius: 3px; } #resultat_recherche_refs #container_resultats .box_produit .visuel_produit img { max-width: 80px; max-height: 80px; width: auto; height: auto; vertical-align: middle; } #resultat_recherche_refs #container_resultats .box_produit .box_ajout_favoris { position: absolute; bottom: 0px; right: 0px; } #resultat_recherche_refs #container_resultats .box_produit .titre { width: 70%; position: relative; overflow: hidden; font-size: 12pt; } #resultat_recherche_refs #container_resultats .box_produit .nom_four { font-family: 'OpenSans-Bold'; font-size: 10pt; } #resultat_recherche_refs #container_resultats .box_produit .reference { font-family: 'OpenSans-Bold'; font-size: 8pt; } #resultat_recherche_refs #container_resultats .box_produit .reference:before { } #resultat_recherche_refs #container_resultats .box_produit .titre span.img { margin-left: 5px; width: 55px; height: 55px; float: left; } #resultat_recherche_refs #container_resultats .box_produit .titre img { display: inline-block; max-width: 55px; max-height: 55px; height: auto; vertical-align: middle; } #resultat_recherche_refs #container_resultats .box_produit .titre div { display: inline-block; overflow: hidden; text-transform: initial; text-overflow: ellipsis; line-height: 23px; } #resultat_recherche_refs .quantite .retirer { } #resultat_recherche_refs .quantite .ajouter { } #resultat_recherche_refs .quantite input { } #resultat_recherche_refs .panier_ajout { font-size:0; } #resultat_recherche_refs .box_produit .prix.HT { display: block; font-family: 'OpenSans-Bold'; color: #CA231C; font-size: 18px; margin-top: 10px; margin-bottom: 10px; } #resultat_recherche_refs .box_ajout_panier { display: none; } #resultat_recherche_refs .box_ajout_panier .stock { display: none; } #resultat_recherche_refs .col_gauche .stock { height: 10px; display: flex; flex-direction: column; } .stock.carac_STOCK > div { display: none; } .stock.carac_STOCK .stock_D, .stock.carac_STOCK .stock_S, .stock.carac_STOCK .stock_C { display: block; text-transform: uppercase; color: #00BF63; text-align: center; } .stock.carac_STOCK .stock_D:before, .stock.carac_STOCK .stock_S:before, .stock.carac_STOCK .stock_C:before { content: ""; position: relative; width: 10px; height: 10px; border-radius: 10px; background-color: #00BF63; display: inline-block; margin-right: 5px; } .stock.carac_STOCK .stock_C { display: block; text-transform: uppercase; color: #FD9908; text-align: center; } .stock.carac_STOCK .stock_C:before { content: ""; position: relative; width: 10px; height: 10px; border-radius: 10px; background-color: #FD9908; display: inline-block; margin-right: 5px; } .stock.carac_STOCK .stock_I { display: block; text-transform: uppercase; color: #CA231C; text-align: center; } .stock.carac_STOCK .stock_I:before { content: ""; position: relative; width: 10px; height: 10px; border-radius: 10px; background-color: #CA231C; display: inline-block; margin-right: 5px; } .produit_ajax .stock.carac_STOCK .stock_D, .produit_ajax .stock.carac_STOCK .stock_S, .produit_ajax .stock.carac_STOCK .stock_C, .produit_ajax .stock.carac_STOCK .stock_I { text-align: left; } #p_produit .stock.carac_STOCK .stock_D, #p_produit .stock.carac_STOCK .stock_S, #p_produit .stock.carac_STOCK .stock_C , #p_produit .stock.carac_STOCK .stock_I { text-align: left; } .tab_donnees .stock > div { display: none; } .tab_donnees .stock .stock_D, .tab_donnees .stock .stock_S, .tab_donnees .stock .stock_C, .tab_donnees .stock .stock_I { display: block; text-transform: uppercase; color: #00BF63; text-align: center; font-family: 'OpenSans'; min-width: 100px; margin-left: 15px; font-size: 9pt; } .tab_donnees .stock .stock_D:before, .tab_donnees .stock .stock_S:before, .tab_donnees .stock .stock_C:before { content: ""; position: relative; width: 10px; height: 10px; border-radius: 10px; background-color: #00BF63; display: inline-block; margin-right: 5px; } .tab_donnees .stock .stock_C { color: #FD9908; } .tab_donnees .stock .stock_C:before { background-color: #FD9908; } .tab_donnees .stock .stock_I { display: block; text-transform: uppercase; color: #CA231C; text-align: center; } .tab_donnees .stock .stock_I:before { content: ""; position: relative; width: 10px; height: 10px; border-radius: 10px; background-color: #CA231C; display: inline-block; margin-right: 5px; } #p_ajout_rapide .tab_donnees .stock .stock_D, #p_ajout_rapide .tab_donnees .stock .stock_S, #p_ajout_rapide .tab_donnees .stock .stock_C, #p_ajout_rapide .tab_donnees .stock .stock_I { text-align: left; } #resultat_recherche_refs .col_gauche .stock .consulter { color: #000000; text-decoration: underline; display: inline-block; } #resultat_recherche_refs .tab_donnees .stock .stock_D, .stock .stock_S, .stock .stock_C { margin-left: 0px; } #resultat_recherche_refs .action { clear: both; } body.scrollDisabled { /* height: 100%; overflow: hidden; margin-right: 15px; */ } #resultat_recherche_refs .overscroll { max-height: 122px; position: relative; } .os-theme-dark>.os-scrollbar-vertical, .os-theme-light>.os-scrollbar-vertical { width: 12px; } .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle { width: 10px; background: #C4C8CB; } .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:hover { background: #000000; } .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active { background: #000000; } #resultat_recherche_refs .produits .overscroll { max-height: 398px; height: 398px; } #resultat_recherche_refs .sections .col_gauche { float: left; width: calc(100% - 180px); } #resultat_recherche_refs .sections .section_gauche a { display: block; margin-bottom: 10px; margin-left: 40px; width: auto; } #resultat_recherche_refs .sections .col_droite { float: right; width: 156px; } #resultat_recherche_refs .sections .prix.HT, #resultat_recherche_refs .sections .prix.TTC { float: right; text-align: center; font-size: 18px; font-family: 'OpenSans-Bold'; } #resultat_recherche_refs .sections .prix .prix_promo { color: #CA231C; } #resultat_recherche_refs .sections .prix .prix_decimal { font-size: 18px; vertical-align: baseline; } #resultat_recherche_refs .sections .prix.HT .ecotaxe { color: #000000; font-size: 10px; white-space: normal; } #resultat_recherche_refs .sections .box_ajout_panier { width: 156px; float: right; text-align: center; line-height: 30px; } #resultat_recherche_refs .sections .box_ajout_panier .infos_tarif { vertical-align: super; font-size: 13px; text-align: right; width: 100%; line-height: normal; display: inline-block; } #resultat_recherche_refs .sections .box_ajout_panier .bouton_panier { margin-top: 15px; } #resultat_recherche_refs .sections .box_ajout_panier .infos_tarif .unite { font-size: 8.3pt; display: block; } #resultat_recherche_refs .sections .box_ajout_panier .infos_tarif .eco_contribution { display: none; } #resultat_recherche_refs .sections .box_ajout_panier .quantite span{ float: right; } #resultat_recherche_refs .sections .box_ajout_panier .quantite span.libelle { float: left; font-size: 13px } #resultat_recherche_refs .sections .box_ajout_panier .panier_ajout { line-height: 10px; } #resultat_recherche_refs .sections .box_ajout_panier .panier_ajout:hover { color: #ffffff; } #resultat_recherche_refs .sections .col_droite .stock { display: none; } #resultat_recherche_refs .produits { float: left; } #resultat_recherche_refs .produits .produit_ajax { display: inline-block; width: 100%; padding-right: 25px; box-sizing: border-box; border-top: 2px solid #B7B7B8; padding-top: 5px; } #resultat_recherche_refs .produits .produit_ajax:first-child { border: none; } #resultat_recherche_refs .produits_entete { display: flex; justify-content: space-between; margin-bottom: 15px; align-items: center; } #resultat_recherche_refs .produits_entete .titre_section { width: 80%; margin-right: 10px; } #resultat_recherche_refs .produits_entete .action { width: 178px; height: 20px; padding: 5px; border-radius: 3px; border: none; color: #ffffff; font-family: 'OpenSans-Bold', arial; background-color: #CA231C; font-size: 14pt; } #resultat_recherche_refs .produits_entete .action a { color: #ffffff; } #resultat_recherche_refs .produits_entete .action:hover { background-color: #AF1817; } #resultat_recherche_refs .produits_entete .action:hover a { } #resultat_recherche_refs .produits_entete .action a:after { } #resultat_recherche_refs .sections a.actif { color: #CA231C; } #resultat_recherche_refs .sections { float: left; padding-left: 5px; padding-top: 5px; box-sizing: border-box; width: 100%; display: flex; } #resultat_recherche_refs .sections .section_gauche { float: left; padding-right: 35px; width: 27%; box-sizing: border-box; min-width: 185px; max-height: 100%; } #resultat_recherche_refs .sections .section_droite { float: left; width: calc(73% - 10px); } #resultat_recherche_refs .sections .section { margin-top: 5px; margin-bottom: 10px; width: 100%; } #resultat_recherche_refs .sections .titre_section { font-family: 'OpenSans-Bold'; font-size: 12pt; background-color: #F4F4F4; height: 32px; line-height: 32px; margin-bottom: 8px; padding-left: 20px; } #resultat_recherche_refs .sections .titre_section:before { } #resultat_recherche_refs #no_results { text-align: center; position: relative; display: block; padding-top: 80px; } #resultat_recherche_refs #elem_arbo { border-bottom: 5px solid #CA231C; width: 214px; margin: auto; margin-bottom: 10px; } #resultat_recherche_refs #elem_arbo .lien_texte { font-weight: normal; line-height: 16px; text-align: left; } /* FIN En tête */ /* Menu ajout rapide */ #p_ajout_rapide .label_file_ar { float: left; box-sizing: border-box; border: 2px dashed #dedede; background: url('./../img/icon_upload.svg') center no-repeat; width: 100%; height: 190px; display: inline-block; text-align: center; font-size: 12pt; line-height: 65px; cursor: pointer; color: #000000; font-family: 'OpenSans-Bold'; background-size: 46px; } #p_ajout_rapide .label_file_ar.dragged-over { border: 2px dashed; } #p_ajout_rapide .label_file_ar:after { content: "Déposez un fichier CSV ou cliquez ici"; position: absolute; bottom: 20px; font-size: 16px; line-height: 17px; width: 100%; left: 0px; font-family: 'OpenSans'; } #p_ajout_rapide #pretraitement { width: 100%; margin: auto; box-sizing: border-box; font-size: 16px; } #p_ajout_rapide #pretraitement #upload_file { position: relative; display: inline-block; vertical-align: top; width: 235px; } #p_ajout_rapide #file { position: absolute; top: 0px; left: 0px; opacity: 0; width: 100%; height: 190px; display: block; cursor: pointer; } #p_ajout_rapide #references { display: none; background-color: #F6F6F6; border: none; width: calc(100% - 290px); height: 190px; margin-left: 50px; padding: 20px; resize: none; box-sizing: border-box; font-size: 16px; font-family: 'OpenSans-Bold'; } #p_ajout_rapide #placeholder_ref { text-align: left; display: inline-block; background-color: #F6F6F6; width: calc(100% - 290px); height: 190px; cursor: text; padding: 20px; box-sizing: border-box; margin-left: 50px; overflow: hidden; } #p_ajout_rapide #placeholder_ref p { font-size: 18px; color: #000000; font-family: 'OpenSans-Bold'; margin: 0px; margin-bottom: 5px; } #p_ajout_rapide #ligne_1 { position: relative; margin-top: 20px; height: 190px; } #p_ajout_rapide #ligne_2 { margin-top: 20px; } #p_ajout_rapide #ligne_2 .bouton { cursor: pointer; line-height: 30px; margin: 15px 0px; width: 100%; height: 38px; padding: 5px; border-radius: 3px; border: none; color: #ffffff; font-family: 'OpenSans-Bold', arial; background: none; background-color: #CA231C; font-size: 14pt; height: 30px; text-align: center; width: 225px; display: block; } #p_ajout_rapide #ligne_2 .bouton:after { } #p_ajout_rapide #ligne_2 .bouton.disabled:after { } #p_ajout_rapide #ligne_2 .bouton.disabled { background-color: #E6E6E6; cursor: no-drop; color: #707070; font-family: 'OpenSans-Bold'; border-radius: 3px; } #p_ajout_rapide #ligne_2 .bouton.disabled:hover { background-color: #E6E6E6; cursor: no-drop; } #p_ajout_rapide #ligne_2 .bouton:hover { text-decoration: none; background-color: #AF1817; } #p_ajout_rapide #ligne_2 .bouton:nth-child(2) { float: right; width: 252px; } #p_ajout_rapide #lignes_articles input[type="submit"], #p_ajout_rapide #lignes_articles button.btn_confirmation { cursor: pointer; line-height: 30px; margin: 15px 0px; width: 100%; height: 38px; padding: 5px; border-radius: 3px; border: none; color: #ffffff; font-family: 'OpenSans-Bold', arial; background: none; background-color: #CA231C; font-size: 14pt; } #p_ajout_rapide #lignes_articles input[type="submit"]:hover, #p_ajout_rapide #lignes_articles button.btn_confirmation:hover { text-decoration: none; background-color: #AF1817; } #p_ajout_rapide #lien_modele { margin-top: 20px; display: block; width: 220px; font-family: 'OpenSans-Bold'; font-size: 11pt; text-align: center; } #p_ajout_rapide #lien_modele a { color: #CA231C; } #p_ajout_rapide select { font-size: 18px; border: 1px solid #DCDCD9; color: #374140; margin-top: 20px; } #p_ajout_rapide select option { border-bottom: 1px solid #DCDCD9; width: 140px; padding-top: 8px; padding-bottom: 8px; } #p_ajout_rapide select option:checked { border: 1px solid #374140; background: linear-gradient(#374140, #374140); } #p_ajout_rapide #msg_err { margin-left: 270px; margin-top: 5px; color: #f00000; display: none; } #p_ajout_rapide .tab_donnees { margin-top: 20px; } #p_ajout_rapide #lignes_articles { position: relative; } #p_ajout_rapide #lignes_articles .bouton { height: 35px; display: inline-block; padding-left: 25px; width: 142px; vertical-align: top; margin-top: 20px; margin-left: 20px; } #p_ajout_rapide #lignes_articles .bouton:hover { border: none; text-decoration: none; } #p_ajout_rapide #load_prix { bottom: 19px; top: auto; } #p_ajout_rapide { position: relative; } #p_ajout_rapide #msg_infos_stocks { display: none; } #p_ajout_rapide #msg_infos_stocks .msg_delai { display: none; } #p_ajout_rapide #msg_infos_stocks .msg_S { display: none; } #p_ajout_rapide #msg_info_ajout { font-size: 18px; font-family: 'OpenSans-Bold'; color: #CA231C; text-align: left; margin-top: 50px; } #p_ajout_rapide #box_action { display: inline-block; width: 100%; } #p_ajout_rapide .col_droite { margin-top: 20px; margin-left: 20px; float: right; } #p_ajout_rapide .col_droite > .total { background-color: #ededed; padding: 10px 20px; } #p_ajout_rapide .col_droite > .total .tot_ttc { background-color: #ffffff; } /* Fin ajout rapide */ /* Menu et sous-menu (popup) */ #menu { position: relative; z-index: 0; display: inline-block; transform-style: preserve-3d; height: 105px; } #menu .btn_affiche_popup { display: inline-block; width: 50px; height: 67px; background: url("./../img/picto_menu.svg") no-repeat center; } #menu #contenu_menu { position: relative; z-index: 2; white-space: nowrap; display: flex; justify-content: space-between; vertical-align: middle; transform-style: preserve-3d; align-items: center; height: 100%; } #menu #menu_contenu { position: absolute; top: 89px; display: none; height: 500px; width: 1090px; border-top: none; transform: translateZ(-1px); } #menu .btn_retour_accueil { width: 30px; height: 52px; vertical-align: middle; display: inline-block; background: url("./../img/sprite.png") no-repeat; margin-right: 20px; background-position: -12px -47px; float: left; } #menu #menu_contenu a { font-family: 'OpenSans'; margin: 0px 8px; display: inline-block; padding-left: 10px; vertical-align: middle; color: #919191; font-size: 14pt; } #menu #menu_contenu a:hover { color: #CA231C; font-family: 'OpenSans-Bold'; } #menu #menu_contenu .menu_princ a { font-family: 'OpenSans-Bold'; font-size: 16pt; } #menu #menu_contenu .menu_princ.actif a { color: #CA231C; } #menu #menu_contenu .actif a { padding-left: 0px; margin-left: 12px; } #menu #menu_contenu .menu_liens { display: block; border-top: 3px solid #ededed; margin: 15px; padding-top: 10px; } #menu #menu_contenu .menu_liens a { font-family: 'OpenSans-Bold'; font-size: 16pt; display: block; margin: 0; padding: 0; margin-bottom: 10px; } #menu #menu_contenu .menu_liens a:hover { color: #CA231C; } #menu #menu_contenu .menu_liens a:before { content: ""; width: 15px; height: 15px; display: inline-block; mask: url("./../img/icon_arrow.svg") no-repeat center; -webkit-mask: url("./../img/icon_arrow.svg") no-repeat center; mask-size: 12px; -webkit-mask-size: 12px; background-color: #919191; margin-right: 10px; } #menu #menu_contenu .menu_liens a:hover:before { background-color: #CA231C; } #menu .sous_menu { position: relative; float: left; width: 36%; left: -33%; height: calc(100% - 25px); border-left: 1px solid #EDEDED; padding-top: 25px; background-color: #ffffff; border-right: 1px solid #EDEDED; visibility: hidden; webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; z-index:3; white-space: break-spaces; line-height: 1.5em; overflow: auto; } #menu .sous_menu:nth-child(2) { z-index:2; width: 32%; } #menu .sous_menu:nth-child(3) { z-index:1; width: 31%; } #menu .sous_menu:first-child { visibility: visible; border-left: 1px solid #EDEDED; left: 0px; } #menu .sous_menu.actif { visibility: visible; left: 0px; } #menu .ssmenu { display: none; } #menu .ssmenu.actif { display: block; } #menu .ssm_niv3 { display: none; } #menu .ssm_niv3.actif { display: block; } #menu .menu_princ.actif { color: #CA231C; display: flex; flex-direction: row; align-items: center; } #menu .menu_princ.actif:before { content: ""; border: 3px solid #CA231C; color: #CA231C; display: inline-block; height: 30px; vertical-align: middle; } #menu #menu_contenu .menu_liens a.actif:before { border: none; height: 15px; vertical-align: baseline; } #menu .lien_niv2.actif { color: #CA231C; } #menu #menu_contenu .lien_niv2.actif a { color: #CA231C; font-family: 'OpenSans-Bold'; } /* FIN Menu et sous-menu (popup) */ /* favoris */ #ligne_favoris { display: none; } #entete_contenu .icon_menu { position: relative; display: flex; flex-direction: column; justify-content: center; margin-right: 5px; border-left: 2px solid #EDEDED; padding: 0 20px; font-size: 9pt; text-transform: uppercase; width: 100%; align-items: center; height: 105px; } .produits_favoris { width: 47px; height: 62px; display: block; padding-top: 47px; box-sizing: border-box; background: url("./../img/icon_favoris.svg") top no-repeat; background-size: 37px; } .produits_favoris:hover { background: url("./../img/icon_favoris_hover.svg") top no-repeat; background-size: 37px; } .ajout_rapide { width: 90px; height: 62px; display: block; padding-top: 47px; box-sizing: border-box; background: url("./../img/icon_ajout_rapide.svg") top no-repeat; background-size: 28px; text-align: center; } .ajout_rapide:hover { background: url("./../img/icon_ajout_rapide_hover.svg") top no-repeat; background-size: 28px; } .produits_favoris:hover, .ajout_rapide:hover { } .produits_favoris.sp, .ajout_rapide.sp { display: none; } /* Barre de navigation */ #barre_navigation { height: 35px; overflow: hidden; margin: auto; width: 85%; max-width: 1285px; min-width: 1090px; } #barre_navigation_contenu { margin-top: 15.8px; height: 15px; font-size: 12pt; line-height: 15px; } #barre_navigation_contenu a { font-size: 12pt; line-height: 15px; text-decoration: none; font-family: 'OpenSans'; } #barre_navigation_contenu a:hover { text-decoration: underline; } /* FIN Barre de navigation */ /* recup mdp */ #contenu.menu_recup_mdp form { display: block; } #contenu.menu_recup_mdp table { margin: auto; } #contenu.menu_recup_mdp table tr { padding: 5px; display: block; } /* modification styles du module jquery bxslider */ .bxslider { margin: 0; padding: 0; display: flex; flex-direction: row; } .bxslider a { text-decoration: none; color: #ffffff; } .bxslider img { max-width: 100%; height: auto; margin: auto; } .bx-wrapper { margin: 0 auto 0px !important; height: auto !important; } .bx-viewport { box-shadow: initial !important; border: none !important; left: 0px !important; height: auto !important; } .bx-viewport li { min-height: 1px; min-width: 1px; } .bx-prev { display: block; width: 49px; height: 44px; } .bx-next { display: block; width: 49px; height: 44px; } .bx-pager { bottom: -30px !important; } .bx-has-pager .bx-pager { text-align: right !important; z-index: 2; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { position: absolute; z-index: 20; right: 0px; width: auto !important; display: flex; flex-direction: row; height: 36px; max-width: 200px; flex-wrap: wrap; align-content: center; } .bx-controls-auto { display: none; /* bottom: 15px !important; */ } #prev_slide { display: none; /* position: absolute; background-image: url("./../img/sprite.png"); background-repeat: no-repeat; background-position: 0px -152px; top: 50%; transform: translateY(-50%); width: 49px; height: 44px; z-index: 1; left: 10%; cursor: pointer; */ } #next_slide { display: none; /* position: absolute; background-image: url("./../img/sprite.png"); background-repeat: no-repeat; background-position: 0px -204px; top: 50%; transform: translateY(-50%); width: 49px; height: 44px; z-index: 1; left: 87%; cursor: pointer; */ } .bx-pager-link { position: relative; background-color: #EAEAEA !important; border-radius: 10px !important; } .bx-wrapper .bx-pager.bx-default-pager a { border: 1px solid #D9D9D8; width: 17px !important; height: 17px !important; box-sizing: border-box; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { border: 2px solid #CA231C; } /* fin du style bxslider */ /* filtre fournisseur */ #p_recherche #filtre_four > ul { position: absolute; right: 20px; width: 170px; } #p_famille #filtre_four { float: right; } #p_famille #filtre_four > ul { } #p_famille #filtre_four > ul:hover a { color: #000000; } #p_famille #filtre_four > ul > li > a { font-family: 'OpenSans-Bold'; font-size: 16px; text-align: center; padding-left: 0px; } #p_famille #filtre_four > ul > li > a:after { webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; content: ""; position: relative; transform: rotate(225deg); color: #CA231C; width: 6px; height: 6px; border-left: 1.54pt solid #CA231C; border-top: 1.54pt solid #CA231C; display: inline-block; margin-left: 10px; } #p_famille #filtre_four > ul:hover > li > a:after { content: ""; position: relative; transform: rotate(45deg); color: #CA231C; width: 6px; height: 6px; border-left: 1.54pt solid #CA231C; border-top: 1.54pt solid #CA231C; display: inline-block; margin-left: 10px; } #filtre_four ul li.entete_liste_four { list-style: none; height: 32px; } #filtre_four ul li.entete_liste_four img { max-width: 149px; max-height: 32px; width: auto; height: auto; vertical-align: middle; } #filtre_four ul li.entete_liste_four a { padding-left: 20px; overflow: hidden; width: 225px; height: 32px; background-color: #F0EFEF; box-sizing: border-box; display: table-cell; vertical-align: middle; text-align: left; font-size: 12px; } #filtre_four ul li.entete_liste_four ul li a { border-top: none; line-height: 25px; } #filtre_four ul li.entete_liste_four ul li a:hover { border-top: none; font-family: 'OpenSans-Bold'; } #filtre_four ul li.entete_liste_four a:hover { } #filtre_four ul li { display: block; } #filtre_four ul li ul { position: relative; display: none; margin-left: 0px; z-index: 2; background: #ffffff; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #filtre_four ul li:hover ul { display: block; } #filtre_four ul li ul li.liste_four img { max-width: 149px; max-height: 49px; width: auto; height: auto; vertical-align: middle; } #filtre_four .annuler_filtre { display: inline-block; vertical-align: middle; margin-left: 10px; width: 15px; height: 15px; border: none; background: url("./../img/picto_effacer.png") no-repeat; background-position: center; cursor: pointer; position: absolute; right: 0; top: 10px; } .largeurmax { width: 100%; } /* Pied de page */ #pied { clear: both; margin: 0px; margin-top: auto; background-color: #e6e6e6; } #page.maintenance #pied { height: auto; } #pied .liens { display: flex; justify-content: center; align-items: center; margin: auto; } #pied .liens .pied1_liens { display: inline-block; width: 22%; margin-left: 2%; text-align: center; float: left; } #pied_infos { height: 145px; background-color: #CA231C; color: #ffffff; display: flex; flex-direction: row; justify-content: space-around; text-align: center; } #pied_infos .wrap_infos { display: flex; flex-direction: row; justify-content: space-around; text-align: center; width: 100%; max-width: 1235px; } #pied_infos .titre { font-family: 'OpenSans-Bold'; font-size: 34pt; line-height: 1em; } #pied_infos .info { display: flex; flex-direction: column; justify-content: space-around; width: 245px; padding: 15px 0; } #pied_liens { display: flex; height: 195px; position: relative; align-items: center; width: 95%; max-width: 1285px; min-width: 1090px; margin: auto; } #pied_liens .liste { float: left; line-height: 20px; height: 139px; width: 250px; padding-left: 20px; box-sizing: border-box; } #pied_liens #liste_accordeon .liste { box-sizing: border-box; } #pied_liens .liste:first-child { border: none; } #pied_liens h2 { display: block; color: #545454; font-size: 12pt; font-family: 'OpenSans-Bold'; line-height: 15px; background-repeat: no-repeat; font-weight: normal; margin: 0px; margin-bottom: 10px; } #pied_liens a { display: table; color: #545454; font-size: 12pt; font-family: 'OpenSans'; line-height: 1.5em; } #pied_liens .liens > .liste:first-child div a { display: inline-block; } #pied_liens a:hover { color: #CA231C; } #pied_liens h1.ico_1 { background-image: url('./../img/pied_ico_1.png'); } #pied_liens h1.ico_2 { background-image: url('./../img/pied_ico_2.png'); margin-top: 24px; } #pied_liens h1.ico_3 { background-image: url('./../img/pied_ico_3.png'); } #pied_copyrights { height: 45px; background-color: #E9E9E9; } #pied_copyrights .liens { height: 30px; padding-top: 15px; text-align: center; background-color: #E9E9E9; } #pied_copyrights .liens a { text-decoration: none; color: #000000; font-family: 'OpenSans'; border-right: 1px solid #000000; padding-right: 10px; height: 10px; display: inline-block; line-height: 8px; padding-left: 6px; } #pied_copyrights .liens a + a + a + a + a + a { border: none; } /* FIN Pied de page */ /* Page d'accueil */ #bandeau_accueil { min-height: 90px; } #bandeau_accueil img { width: 100%; } #slider { overflow: hidden; margin: auto; position: relative; min-height: 44px; text-align: center; width: 100%; font-size: 0; } #slider > a { position: relative; display: block; margin-top: 10px; will-change: transform; z-index: 10; } #slider ul li { list-style: none; } #contenu span.sep_accueil { display: none; background-color: #e4312c; height: 8px; } #accueil_contenu { } #accueil_rayons { position: relative; z-index: 1; float: left; width: 100%; overflow: hidden; text-align: center; } #accueil_rayons #listing_produits { display: inline-block; margin: auto; position: relative; width: 100%; } #accueil_rayons #listing_produits a.btn_voir { text-align: center; display: block; margin-top: 20px; } #accueil_rayons #listing_produits .btn_promotions { text-decoration: none; text-transform: uppercase; padding-left: 40px; float: right; font-family: 'OpenSans-Bold'; color: #CA231C; font-size: 12px; height: 30px; line-height: 30px; display: none; } #accueil_rayons #listing_produits .btn_promotions:after { content: ""; margin-left: 5px; display: inline-block; transform: rotate(135deg); width: 7px; height: 7px; border-left: 2px solid #000000; border-top: 2px solid #000000; } #accueil_rayons #listing_produits #partie_centrale { width: 100%; text-align: left; margin-bottom: 20px; } #accueil_rayons #listing_produits #partie_centrale .slider { width: 100% !important; } #accueil_rayons #listing_produits #partie_centrale .slider .slide { width: 0px; } #accueil_rayons #listing_produits #partie_centrale .slider .elementSlider { padding: 0 45px; box-sizing: border-box; } #accueil_rayons #listing_produits .produit:first-child { margin: 0px; } #accueil_rayons #listing_produits .produit { width: 31%; min-height: 400px; display: inline-block; vertical-align: top; margin-left: 7px; border: 2px solid #EDEDED; padding: 0 10px; position: relative; } #accueil_rayons #listing_produits .produit .infos_produit { padding-left: 10px; } .client_actif #accueil_rayons #listing_produits .produit { } #accueil_rayons #listing_produits .produit:hover { } #accueil_rayons #listing_produits .produit table { width: 100%; } #accueil_rayons #listing_produits .produit .visuel { position: relative; } #accueil_rayons #listing_produits .produit .image_produit { width: 100%; height: 184px; margin-bottom: 5px; display: block; padding: 5px; background-color: #ffffff; box-sizing: border-box; text-align: center; } #accueil_rayons #listing_produits .produit .image_produit a { text-align: center; line-height: 183px; } #accueil_rayons #listing_produits .produit .image_produit img { max-width: 100%; max-height: 174px; width: auto; height: auto; vertical-align: middle; } #accueil_rayons #listing_produits .produit .infos_produit .titre_produit { white-space: normal; display: block; height: 43px; overflow: hidden; font-size: 12pt; line-height: 1.4em; } #accueil_rayons #listing_produits .produit .infos_produit .logo_four { display: block; font-size: 10pt; font-family: 'OpenSans-Bold'; margin-top: 20px; margin-bottom: 10px; width: 70%; height: 25px; } #accueil_rayons #listing_produits .produit .infos_produit .logo_four img { max-width: 100%; max-height: 100%; width: auto; height: auto; } #accueil_rayons #listing_produits .produit .infos_produit .ref_cat { display: block; color: #000000; font-size: 10pt; font-family: 'OpenSans-Bold'; margin: 10px 0px; } #accueil_rayons #listing_produits .produit .infos_produit .ref_cat:before { } #accueil_rayons #listing_produits .produit .infos_produit .prix_coin_affaire { display: block; color: #000000; font-size: 18pt; width: 185px; margin: auto; margin-top: 10px; } #accueil_rayons #listing_produits .produit .infos_produit .prix_promo .prix_entier { font-family: 'OpenSans-Bold'; } #accueil_rayons #listing_produits .produit .infos_produit .prix_barre { font-size: 9pt; } #accueil_rayons #listing_produits .produit .infos_produit .eco_contribution { display: none; } #accueil_rayons #listing_produits .produit .infos_produit .infos_tarif { display: block; height: 35px; line-height: 15px; font-size: 12px; width: 185px; margin: auto; margin-top: 5px; } #accueil_rayons #listing_produits .produit .infos_produit .infos_tarif .unite { font-size: 8pt; display: block; height: 16px; } #accueil_rayons #listing_produits .produit .infos_produit .stocks { display: block; margin-top: 20px; } #accueil_rayons #listing_produits .produit .infos_produit .stocks .stock_dispo { padding-left: 40px; background: url("./../img/picto_stocks_dispo.png") no-repeat; background-position: left center; } #accueil_rayons #listing_produits .produit .infos_produit .stocks .stock_indispo { padding-left: 40px; background: url("./../img/picto_stocks_indispo.png") no-repeat; background-position: left center; } #accueil_rayons #listing_produits .produit .box_ajout_panier { width: 185px; margin: auto; } #accueil_rayons #listing_produits .produit .box_ajout_panier .quantite { margin-bottom: 5px; display: flex; justify-content: center; } #accueil_rayons #listing_produits .produit .box_ajout_panier .quantite .libelle { font-size: 13px; line-height: 18px; } #accueil_rayons #listing_produits .produit .box_ajout_favoris { position: absolute; bottom: 5px; right: 5px; left: auto; display: none; } #accueil_rayons #listing_produits #partie_centrale .produits_section { display: flex; justify-content: space-evenly; } #accueil_rayons #listing_produits #partie_centrale .produits_section.destockage { display: none; } #accueil_rayons #listing_produits #partie_centrale .produits_section.nouveautes { display: none; } #accueil_rayons #listing_produits #partie_centrale .produits_section.populaires { display: none; } #accueil_rayons #listing_produits #titres_section { margin-top: 45px; } #accueil_rayons #listing_produits #titres_section .btn_section { } #accueil_rayons #listing_produits #titres_section .btn_section:hover { } #accueil_rayons #listing_produits #titres_section .btn_section.active { } #accueil_rayons #listing_produits #titres_section .btn_section.active:after { } #accueil_rayons #listing_produits #titres_section .btn_section:not([style*="display:none"]) + .btn_section:not([style*="display:none"]):before { } #accueil_rayons .rubrique { float: left; width: 180px; height: 180px; margin: 2px 2px 0 0; } #accueil_rayons .rubrique .masque { width: 180px; height: 180px; background-image: url('./../img/rubrique_fond.png'); background-repeat: no-repeat; } #accueil_rayons .rubrique .titre { width: 139px; height: 34px; padding: 4px 0 0 23px; line-height: 34px; text-align: center; } #accueil_rayons .rubrique .titre h1 { display: inline-block; overflow: hidden; vertical-align: middle; margin: 0; padding: 0; line-height: 15px; max-height: 34px; color: #ffffff; font-size: 14px; font-weight: bold; } #accueil_rayons .rubrique .visuel { width: 130px; height: 112px; line-height: 112px; text-align: center; margin-top: 16px; margin-left: 24px; background-repeat: no-repeat; background-position: center; } #accueil_rayons .rubrique .visuel img { vertical-align: middle; max-width: 130px; max-height: 112px; } #accueil_rayons .produit .picto { position: absolute; z-index: 2; top: 10px; right: 10px; } #accueil_rayons .produit .picto:after { } #accueil_rayons .produit .picto span { color: #ffffff; font-size: 10pt; height: 25px; line-height: 25px; display: block; text-align: center; background-color: #CA231C; font-family: 'OpenSans-Bold'; padding: 0 10px; border-radius: 3px; } #partie_centrale_ba { } #partie_centrale_ba #ba_contenu { display: inline-block; width: 100%; } #contenu.menu_bonnes_affaires { float: left; width: 100%; margin-top: 30px; text-align: left; margin-bottom: 80px; } #contenu.menu_bonnes_affaires #listing_produits h1 { font-weight: normal; } #contenu.menu_bonnes_affaires #listing_produits { display: block; margin: auto; position: relative; padding: 30px; } #contenu.menu_bonnes_affaires #listing_produits .filtre_gamme { display: inline-block; position: relative; margin-bottom: 50px; margin-right: 20px; } #contenu.menu_bonnes_affaires #listing_produits a.btn_annuler { display: inline-block; vertical-align: middle; margin-left: 10px; width: 15px; height: 15px; border: none; background: url("./../img/picto_effacer.png") no-repeat; background-position: center; cursor: pointer; } #contenu.menu_bonnes_affaires #listing_produits .btn_promotions { text-decoration: none; padding-left: 40px; background: url("./../img/picto_liste.png") no-repeat; background-position: left center; font-family: 'OpenSans-Bold'; color: #000000; font-size: 13px; height: 30px; line-height: 30px; display: none; } #contenu.menu_bonnes_affaires #listing_produits #partie_centrale { width: 950px; text-align: left; margin-bottom: 20px; } /* #contenu.menu_bonnes_affaires #listing_produits .produit:first-child { margin: 0px; } */ #accueil_rayons #listing_produits .produit:first-child { margin: 0px; } #contenu.menu_bonnes_affaires .result_lignes { display: flex; flex-direction: row; flex-wrap: wrap; } #contenu.menu_bonnes_affaires #listing_produits .produit { position: relative; display: inline-block; width: calc(33% - 5px); padding: 0px 8px; border: 3px solid #f4f4f4; margin-left: 1%; box-sizing: border-box; margin-bottom: 10px; vertical-align: top; } #contenu.menu_bonnes_affaires #listing_produits .produit table { width: 100%; } #contenu.menu_bonnes_affaires #listing_produits .produit:first-child { margin-left: 0; } #contenu.menu_bonnes_affaires #listing_produits .produit:nth-child(3n+1) { margin-left: 0; } #contenu.menu_bonnes_affaires #listing_produits .produit .visuel { position: relative; width: 100%; height: 200px; text-align: center; line-height: 80px; overflow: hidden; } #contenu.menu_bonnes_affaires #listing_produits .produit .visuel img { max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } #contenu.menu_bonnes_affaires #listing_produits .produit .picto { position: absolute; top: 5px; right: 10px; } #contenu.menu_bonnes_affaires #listing_produits .produit .picto span { color: #ffffff; font-size: 10pt; height: 25px; line-height: 25px; display: block; text-align: center; background-color: #CA231C; font-family: 'OpenSans-Bold'; padding: 0 10px; border-radius: 2px; position: absolute; right: 0; letter-spacing: normal; } #p_recherche table { } #contenu.menu_bonnes_affaires #listing_produits .produit .image_produit { width: 100%; height: 184px; margin-bottom: 5px; display: block; padding: 5px; background-color: #ffffff; box-sizing: border-box; text-align: center; } #contenu.menu_bonnes_affaires #listing_produits .produit .image_produit a { text-align: center; line-height: 183px; } #contenu.menu_bonnes_affaires #listing_produits .produit .image_produit img { max-width: 100%; max-height: 174px; width: auto; height: auto; vertical-align: middle; } #contenu.menu_bonnes_affaires #listing_produits .produit .titre_produit { white-space: normal; display: block; height: 43px; overflow: hidden; font-size: 12pt; line-height: 1.4em; } #contenu.menu_bonnes_affaires #listing_produits .produit .logo_four { display: block; font-size: 10pt; font-family: 'OpenSans-Bold'; margin-top: 10px; margin-bottom: 10px; width: 55%; } #contenu.menu_bonnes_affaires #listing_produits .produit .logo_four img { max-width: 100%; max-height: 100%; width: auto; height: auto; } #contenu.menu_bonnes_affaires #listing_produits .produit .prix { font-size: 18pt; } #contenu.menu_bonnes_affaires #listing_produits .produit .prix_barre { font-size: 9pt; } #contenu.menu_bonnes_affaires #listing_produits .produit .prix_coin_affaire { margin-top: 10px; } #contenu.menu_bonnes_affaires #listing_produits .produit .ref_cat { display: block; color: #000000; font-size: 10pt; font-family: 'OpenSans-Bold'; margin: 10px 0px; } #contenu.menu_bonnes_affaires #listing_produits .produit .eco_contribution { display: none; } #contenu.menu_bonnes_affaires #listing_produits .produit .unite { display: block; font-size: 8pt; height: 16px; } #contenu.menu_bonnes_affaires #listing_produits .produit .infos_tarif { display: block; line-height: 15px; font-size: 12px; width: 185px; margin: auto; margin-top: 5px; } #contenu.menu_bonnes_affaires #listing_produits .produit .stocks { display: block; margin-top: 20px; } #contenu.menu_bonnes_affaires #listing_produits .produit .stocks .stock_dispo { padding-left: 40px; background: url("./../img/picto_stocks_dispo.png") no-repeat; background-position: left center; } #contenu.menu_bonnes_affaires #listing_produits .produit .infos_produit .stocks .stock_indispo { padding-left: 40px; background: url("./../img/picto_stocks_indispo.png") no-repeat; background-position: left center; } #listing_produits .produit .infos_produit .prix_promo { color: #CA231C; } #listing_produits .produit .infos_produit .prix_promo .prix_entier { font-family: 'OpenSans-Bold'; } #listing_produits .produit .infos_produit .prix_coin_affaire { display: block; color: #000000; width: 185px; margin: auto; margin-top: 10px; } #contenu.menu_bonnes_affaires #listing_produits .produit .box_ajout_panier .quantite { margin-bottom: 10px; margin-top: 10px; display: flex; justify-content: center; } #contenu.menu_bonnes_affaires #listing_produits .produit .box_ajout_panier .quantite .libelle { font-size: 12px; line-height: 18px; } #contenu.menu_bonnes_affaires #listing_produits #partie_centrale .produits_section.nouveautes { display: none; } #contenu.menu_bonnes_affaires #listing_produits #partie_centrale .produits_section.populaires { display: none; } #contenu.menu_bonnes_affaires #listing_produits #titres_section { display: block; margin-bottom: 35px; } #contenu.menu_bonnes_affaires #listing_produits #titres_section .btn_section { display: inline-block; line-height: 35px; background-color: #ffffff; color: #000000; border: 1px solid #000000; width: 155px; height: 35px; margin-left: 10px; font-size: 15px; font-family: 'OpenSans'; cursor: pointer; } #contenu.menu_bonnes_affaires #listing_produits #titres_section .btn_section:hover { background-color: #f1f1f1; } #contenu.menu_bonnes_affaires #listing_produits #titres_section .btn_section.active { background-color: #CA231C; color: #ffffff; border: 1px solid #CA231C; } #contenu.menu_bonnes_affaires .rubrique { float: left; width: 180px; height: 180px; margin: 2px 2px 0 0; } #contenu.menu_bonnes_affaires .rubrique .masque { width: 180px; height: 180px; background-image: url('./../img/rubrique_fond.png'); background-repeat: no-repeat; } #contenu.menu_bonnes_affaires .rubrique .titre { width: 139px; height: 34px; padding: 4px 0 0 23px; line-height: 34px; text-align: center; } #contenu.menu_bonnes_affaires .rubrique .titre h1 { display: inline-block; overflow: hidden; vertical-align: middle; margin: 0; padding: 0; line-height: 15px; max-height: 34px; color: #ffffff; font-size: 14px; font-weight: bold; } #contenu.menu_bonnes_affaires .rubrique .visuel { width: 130px; height: 112px; line-height: 112px; text-align: center; margin-top: 16px; margin-left: 24px; background-repeat: no-repeat; background-position: center; } #contenu.menu_bonnes_affaires .rubrique .visuel img { vertical-align: middle; max-width: 130px; max-height: 112px; } #contenu.menu_bonnes_affaires .produit .picto { position: relative; } #contenu.menu_bonnes_affaires .produit .picto:after { } #contenu.menu_bonnes_affaires .produit .picto span { position: absolute; z-index: 2; color: #ffffff; font-size: 10px; letter-spacing: 2px; height: 25px; line-height: 25px; display: block; text-align: center; top: 0px; background-color: #CA231C; } #contenu.menu_bonnes_affaires #titre_page .sous_titre { display: inline-block; } #contenu.menu_bonnes_affaires #menu_bonnes_affaires { float: left; width: 232px; margin-left: 15px; font-weight: bold; font-size: 16px; line-height: 24px; } #contenu.menu_bonnes_affaires #menu_bonnes_affaires .overscroll { max-height: 100px; padding-right: 15px; margin-right: 15px; } #contenu.menu_bonnes_affaires #menu_bonnes_affaires .section_categories .overscroll { max-height: 215px; } #contenu.menu_bonnes_affaires #produits { float: left; width: calc(100% - 247px); } #contenu.menu_bonnes_affaires #produits .niveau_arbo_1 { margin-bottom: 45px; } #contenu.menu_bonnes_affaires #produits .niveau_arbo_1 img { max-width: 100%; width: auto; height: auto; } #contenu.menu_bonnes_affaires .btn_afficher { display: block; font-weight: bold; } #contenu.menu_bonnes_affaires .niveau_arbo_1 { display: block; color: #CA231C; } #contenu.menu_bonnes_affaires .dernier_niveau, #contenu.menu_bonnes_affaires .four { display: block; margin-left: 35px; margin-bottom: 5px; font-size: 14px; line-height: 20px; } #contenu.menu_bonnes_affaires .dernier_niveau.actif, #contenu.menu_bonnes_affaires .four.actif { color: #CA231C; } #contenu.menu_bonnes_affaires .niveau_arbo_1.actif::before, #contenu.menu_bonnes_affaires .dernier_niveau.actif::before { content: ">"; font-size: 14px; left: 5px; padding-right: 5px; } /* #contenu.menu_bonnes_affaires #listing_produits .produit:nth-child(4n+1) { margin-left: 0px; } */ #contenu .titre_section { position: relative; display: block; margin-bottom: 35px; height: 35px; padding: 20px; font-family: 'OpenSans-Bold'; font-size: 16pt; line-height: 32px; padding-left: 10px; text-align: left; border-left: 6px solid #CA231C; } #ba_contenu .titre_section { text-transform: initial; letter-spacing: 0px; color: #000000; font-family: 'OpenSans-Bold'; font-size: 12pt; height: 32px; line-height: 32px; margin: 10px 0px; text-align: left; padding: 0px; border: none; } #contenu .lien_section { text-align: right; width: 1090px; margin: auto; padding: 10px 0px; } #contenu .lien_section a { font-family: 'OpenSans-Bold'; text-transform: uppercase; color: #CA231C; font-size: 12px; } #contenu .lien_section a:after { content: ""; margin-left: 5px; display: inline-block; transform: rotate(135deg); width: 7px; height: 7px; border-left: 2px solid #000000; border-top: 2px solid #000000; } #contenu .titre_section.sp { display: none; } #p_recherche .titre_section { text-transform: initial; letter-spacing: 0px; color: #000000; font-family: 'OpenSans-Bold'; font-size: 12pt; height: 32px; line-height: 32px; margin: 10px 0px; text-align: left; padding: 0px; border: none; background-color: #f1f1f1; padding-left: 20px; } #p_recherche .titre_section:before { } #p_recherche .titre_section:after { display: none; } #p_recherche #produits .titre_section { width: 82%; } #p_recherche #produits #tri_recherche { width: 156px; } #p_recherche #tri_recherche .titre_section { font-family: 'OpenSans'; background-color: #ffffff; border: 1px solid #B7B7B8; border-radius: 3px; padding: 5px; margin-right: 20px; cursor: pointer; } #p_recherche #filtres .entete_sections { font-family: 'OpenSans-Bold'; font-size: 16px; } #p_recherche #filtres .entete_sections:after { content: ""; position: relative; top: -1px; transform: rotate(225deg); color: #CA231C; width: 6px; height: 6px; border-left: 1.54pt solid #CA231C; border-top: 1.54pt solid #CA231C; display: inline-block; margin-left: 10px; margin-right: 5px; } #p_recherche #filtres .overscroll a { display: block; margin-left: 40px; margin-bottom: 10px; } #p_recherche #filtres .overscroll .option { margin-bottom: 10px; } #p_recherche #filtres .overscroll .option .disabled { color: #939393; } #p_recherche #produits #tri_recherche .titre_section { width: auto; text-align: center; } #p_recherche #tri_recherche:hover .menu_slide { visibility: visible; top: 0px; } #p_recherche #tri_recherche { position: relative; } #p_recherche #tri_recherche .div_center { position: absolute; top: 54px; overflow: hidden; visibility: hidden; width: calc(100% - 20px); } #p_recherche #tri_recherche .menu_slide { visibility: hidden; position: relative; z-index: 4; background: #ffffff; text-align: left; font-size: 14px; } #p_recherche #tri_recherche .menu_slide a { display: block; padding: 10px; border: 1px solid #B7B7B8; border-radius: 3px; border-top: none; } #p_recherche #tri_recherche .menu_slide a:first-child { border-top: none; } #p_recherche #tri_recherche .menu_slide a:hover, #p_recherche #tri_recherche .menu_slide a.actif { background-color: #F6F6F6; color: #000000; } #p_recherche #tri_recherche .titre_section:after { content: ""; position: relative; top: 3px; transform: rotate(0deg); width: 6px; height: 0px; border-left: 9.54pt solid #545454; border-bottom: 6.54pt solid transparent; border-top: 6.54pt solid transparent; display: inline-block; margin-left: 45px; margin-right: 5px; } #p_recherche #tri_recherche:hover .titre_section:after { transform: rotate(90deg); top: 7px; } #p_recherche #tri_recherche .titre_section:before { display: none; } #p_recherche #limit_recherche .titre_section { font-family: 'OpenSans'; background-color: #ffffff; border: 1px solid #B7B7B8; border-radius: 3px; padding: 5px; margin-right: 20px; cursor: pointer; } #p_recherche #produits #limit_recherche .titre_section { width: auto; text-align: center; } #p_recherche #limit_recherche:hover .menu_slide { visibility: visible; top: 0px; } #p_recherche #limit_recherche { position: relative; display: inline-block; } #p_recherche #limit_recherche .div_center { position: absolute; top: 54px; overflow: hidden; visibility: hidden; width: calc(100% - 20px); } #p_recherche #limit_recherche .menu_slide { visibility: hidden; position: relative; z-index: 4; background: #ffffff; text-align: left; font-size: 14px; } #p_recherche #limit_recherche .menu_slide a { display: block; padding: 10px; border: 1px solid #B7B7B8; border-radius: 3px; border-top: none; } #p_recherche #limit_recherche .menu_slide a:first-child { border-top: none; } #p_recherche #limit_recherche .menu_slide a:hover, #p_recherche #limit_recherche .menu_slide a.actif { background-color: #F6F6F6; color: #000000; } #p_recherche #limit_recherche .titre_section:after { content: ""; position: relative; top: 3px; transform: rotate(0deg); width: 6px; height: 0px; border-left: 9.54pt solid #545454; border-bottom: 6.54pt solid transparent; border-top: 6.54pt solid transparent; display: inline-block; margin-left: 45px; margin-right: 5px; } #p_recherche #limit_recherche:hover .titre_section:after { transform: rotate(90deg); top: 7px; } #p_recherche #limit_recherche .titre_section:before { display: none; } #p_recherche input[type=checkbox] { -webkit-appearance: none; appearance: none; width: 13px; height: 13px; margin-right: 10px; } #p_recherche input[type=checkbox]:hover { color: #ffffff; border: 3px solid #CA231C; } #p_recherche input[type=checkbox][disabled]:hover { color: #ffffff; border: 2px solid #919191; } #p_recherche input[type=checkbox]:checked { color: #ffffff; background-color: #CA231C; } #p_recherche input[type=checkbox]:checked:before { font-size: 9px; width: 13px; height: 13px; display: block; text-align: center; } #partenaires { display: block; margin-top: 30px; } #partenaires .entete_liste_four > a { display: none; } #partenaires li { list-style: none; } #partenaires li > ul { display: flex; flex-wrap: nowrap; width: 100%; margin: auto; align-items: center; } #page_static #partenaires li > ul { flex-wrap: wrap; } #partenaires li.liste_four { display: inline-block; flex: 25%; text-align: center; margin-bottom: 30px; } #partenaires li.liste_four img { max-width: 150px; max-height: 80px; width: auto; height: auto; } #actualites { text-align: center; } #actualites .actu { display: inline-flex; flex-direction: column; margin-left: 55px; width: 234px; align-items: center; text-align: left; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); font-size: 12px; } #actualites .actu:first-child { margin-left: 0px; } #actualites .actu:hover { box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3); } #page .actu .descriptif_actu { max-height: 48px; } #actualites .actu .lien_actu { text-align: right; font-family: 'OpenSans-Bold'; text-transform: uppercase; color: #CA231C; display: block; } #actualites .lien_actu:after { content: ""; margin-left: 5px; display: inline-block; transform: rotate(135deg); width: 7px; height: 7px; border-left: 2px solid #000000; border-top: 2px solid #000000; } /* FIN Page d'accueil */ /* configurateur */ #configurateurs { text-align: center; } #configurateurs .configurateur { display: inline-block; margin-right: 20px; margin-bottom: 20px; } #configurateur #infos_configurateur { margin-bottom: 30px; margin-left: 5px; height: 35px; } #configurateur .se-widget-wrapper { min-height: 955px; } #load_prix { position: absolute; color: #CA231C; width: 100%; top: 72px; text-align: center; font-size: 27px; font-weight: bold; line-height: 70px; z-index: 1; } .invisible { display: none; } #ws_calculs { display: block; height: 0px; overflow: hidden; } /* safari */ @media only screen and (-webkit-min-device-pixel-ratio: 1) { ::i-block-chrome, .invisible { visibility: hidden; display: block; } ::i-block-chrome, .ssmenu .ssm_cadre { overflow: hidden; } } @media all and (-ms-high-contrast:none) { *::-ms-backdrop, #menu #arbo_residentiel_tertiaire:before { background: url("./../img/btn-tertiaire.svg") center no-repeat; } *::-ms-backdrop, #menu #arbo_eclairage:before { background: url("./../img/btn-eclairage.svg") center no-repeat; } *::-ms-backdrop, #menu #arbo_genie_climatique:before { background: url("./../img/btn-clim.svg") center no-repeat; } *::-ms-backdrop, #menu #arbo_cables_conduits:before { background: url("./../img/btn-cables.svg") center no-repeat; } *::-ms-backdrop, #menu #arbo_com_secu:before { background: url("./../img/btn-SECU.svg") center no-repeat; } *::-ms-backdrop, #menu #arbo_out_mesure_fixations:before { background: url("./../img/btn-outils.svg") center no-repeat; } *::-ms-backdrop, #menu #arbo_elec_multimedia:before { background: url("./../img/btn-electro.svg") center no-repeat; } } /* Définition de classe utilisable sur tout le site */ /* Liens et boutons */ a { -webkit-border-radius: 0; border-radius: 0; outline: none; } input[type=submit], a.bouton { cursor: pointer; line-height: 25px; width: calc(100% - 10px); padding: 5px; -webkit-border-radius: 7px; border-radius: 7px; border: none; color: #ffffff; font-family: 'OpenSans-Bold', arial; background: none; background-color: #CA231C; font-size: 14pt; height: 25px; text-align: center; display: block; } input[type=submit]:hover, a.bouton:hover { background-color: #AF1817; } button.btn_confirmation { cursor: pointer; line-height: 25px; width: calc(100% - 10px); padding: 5px; -webkit-border-radius: 7px; border-radius: 7px; border: none; color: #ffffff; font-family: 'OpenSans-Bold', arial; background: none; background-color: #CA231C; font-size: 14pt; height: 25px; text-align: center; display: block; } button.btn_confirmation:hover { background-color: #AF1817; } /* Tableaux */ table.tab_donnees { width: 100%; } table.tab_donnees th { padding: 8px; color: #000000; font-weight: normal; background-color: #EDEDED; font-family: 'OpenSans'; white-space: nowrap; font-size: 14pt; box-sizing: border-box; } table.tab_donnees td { padding: 20px 0px; color: #000000; } table.tab_donnees .total td { padding: 10px; } table.tab_donnees th:last-child { } table.tab_donnees td:last-child { } table.tab_donnees tr.article { } table.tab_donnees tr.article:first-child { } table.tab_donnees tr.total.tot_article { } table.tab_donnees .not_sp { display: table-cell; } table.tab_donnees .sp { display: none; } table.tab_mini { } table.tab_mini th { border: 1px solid #374140; padding: 2px; color: #ffffff; font-weight: bold; background-color: #374140; } table.tab_mini td { border: 1px solid #374140; padding: 2px; color: #374140; } /* Style de ligne et cellules */ table.tab_donnees td.vide {background: none; border: none;} table.tab_donnees tr.total td { border: none; background: none; text-align: right; vertical-align: top; } table.tab_donnees tr.total td.tot_intitule { text-align: left; box-sizing: border-box; white-space: nowrap; width: 100%; } table.tab_donnees tr.total td.tot_valeur { box-sizing: border-box; white-space: nowrap; } table.tab_donnees tr.total td.total { text-align: left; white-space: nowrap;} table.tab_donnees tr.total td + td + td + td { } table.tab_donnees.recap tr.total td + td + td { } table.tab_donnees tr.total.tot_ttc td { height: 20px; font-size: 11pt; font-family: 'OpenSans-Bold'; vertical-align: middle; text-transform: uppercase; color: #CA231C; } table.tab_donnees tr.total.tot_ttc td.total { } table.tab_donnees tr.total.tot_ttc td.tot_valeur { color: #000000; white-space: nowrap; } table.tab_donnees tr.total.tot_ht { font-family: 'OpenSans-Bold'; } table.tab_donnees tr.article td { border-bottom: 1px solid #DCDCD9; vertical-align: middle; } table.tab_donnees tr.article td.prix { vertical-align: middle; } table.tab_donnees tr.article.assoc td { font-size: 0.85em; background-color: #d7dfec; border: dashed 1px #72839b; } table.tab_donnees td.designation { text-align: left; font-family: 'OpenSans-Bold'; } table.tab_donnees td.designation a:hover { color: #000000; } table.tab_donnees td.designation .nom { font-family: 'OpenSans'; font-size: 14pt; line-height: 17pt; float: left; width: 100%; margin: 5px 0px; } table.tab_donnees td.designation .four { font-family: 'OpenSans-Bold'; } table.tab_donnees td.designation .libelle { font-size: 17px; height: 40px; display: block; line-height: 18px; vertical-align: top; } table.tab_donnees td.designation .reference { font-family: 'OpenSans-Bold'; margin-top: 10px; vertical-align: middle; } table.tab_donnees td.designation .prix_ht, table.tab_donnees td.designation .prix_ttc { margin-top: 20px; } table.tab_donnees td.designation .unite { font-size: 9pt; } table.tab_donnees td.designation .article_lourd { font-size: 9pt; padding: 0px 20px 0px 40px; background: url("./../img/picto_kg.png") no-repeat 12px; background-size: 20px; background-color: #EDEDED; border-radius: 20px; display: inline-block; line-height: 32px; vertical-align: middle; margin-top: 20px; } table.tab_donnees.recap td.designation .reference { } table.tab_donnees td.designation .picto { float: left; margin-top: 10px; margin-left: 10px; color: #CA231C; vertical-align: middle; } table.tab_donnees td.designation .reference span { font-family: 'OpenSans-Bold'; } table.tab_donnees td.designation .stock { font-family: 'OpenSans'; margin-top: 5px; display: block; } table.tab_donnees td.designation .stock.sp { display: none; } table.tab_donnees td.reference { text-align: center; } table.tab_donnees td.prix { text-align: center; font-size: 18px; line-height: 21px; font-family: 'OpenSans-Bold'; vertical-align: top; } table.tab_donnees tr.article td.quantite { text-align: center; vertical-align: middle; padding: 0 10px; } table.tab_donnees tr.article td.quantite a { background-size: 40px; width: 40px; height: 40px; } table.tab_donnees tr.article td.quantite input { background-color: #fefefe; text-align: center; width: 85px; height: 40px; } table.tableau td.tableau_contenu input { background-color: #fefefe; text-align: right; border: 1px solid #000000; } table.tab_donnees tr.cadeau td.quantite { text-align: center; } table.tab_donnees tr.catalogue td.quantite { text-align: right; } table.tab_donnees tr.remise { border: none; background-color: transparent; font-weight: bold; } table.tab_donnees tr.remise td { border: none; background-color: transparent; font-weight: bold; } table.tab_donnees tr.remise td.designation { text-align: right; } table.tab_donnees tr.remise td.quantite { text-align: right; } table.tab_donnees td.total { text-align: right; vertical-align: top; } table.tab_donnees tr.article td.total input { text-align: right; border: none; font-size: 12pt; font-family: 'OpenSans'; max-width: 115px; vertical-align: middle; } table.tab_donnees tr.article td.total .prix_article { font-size: 12pt; font-family: 'OpenSans'; vertical-align: middle; white-space: nowrap; padding: 0px 20px; } table.tab_donnees tr.article td.total .prix_article .devise { vertical-align: middle; } table.tab_donnees .actions { text-align: center; vertical-align: top; } table.tab_donnees .actions a { -webkit-mask-position: center; mask-position: center; -webkit-mask: url("./../img/icon_trash.svg"); mask: url("./../img/icon_trash.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 15px; height: 18px; display: block; margin: auto; background-color: #000000; } table.tab_donnees .actions a:hover { background-color: #CA231C; } table td a.ajouter { display: none; color: green; font-weight: bold; } table td a.retirer { display: none; color: red; font-weight: bold; } table.tab_donnees td a.supprimer { color: red; font-weight: bold; } /*table.tab_donnees input[type=text] {border: none; background: transparent;}*/ /* Textes et messages */ span.validite_devis { margin-top: 20px; display: block; font-weight: bold; color: #CA231C; margin-left: 7px; font-size: 14px; } span.msg_erreur {display: block; text-align: center; color: #fefefe; font-weight: bold; background-color: red; border: 2px solid #000000; margin: 0.2em 0; padding: 0.2em 0.6em;} /* FIN Définition de classe utilisable sur tout le site */ /* PROCESS Famille */ #p_famille { width: 100%; margin: auto; text-align: center; } #p_famille h2 { margin: 4px 0 15px 4px; font-family: 'OpenSans-Bold'; font-weight: normal; font-size: 18px; text-transform: none; } #p_famille h2 a { } #p_famille h2 a:before { content: ""; top: -1px; position: relative; display: inline-block; margin-right: 5px; transform: rotate(135deg); width: 7px; height: 7px; border-left: 2px solid #CA231C; border-top: 2px solid #CA231C; } #p_famille h2 a:hover { } #p_famille .famille { display: inline-flex; flex-direction: column; margin-left: 25px; margin-bottom: 37px; min-width: 188px; width: calc(20% - 20px); height: 451px; align-items: center; text-align: left; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); } #p_famille .famille:first-child { margin-left: 0px; } #p_famille .famille:nth-child(5n+1) { margin-left: 0px; } #p_famille .famille.fam5 { } #p_famille .famille .visuel { display: block; width: 190px; height: 105px; text-align: center; line-height: 105px; margin: 10px 0px; } /* #p_famille .famille .visuel p { display: table-cell; margin: 0; padding: 4px; width: 200px; text-align: center; vertical-align: middle; } #p_famille .famille .visuel span { vertical-align: middle; display: inline-block; line-height: 14px; } */ #p_famille .famille .visuel img { max-width: 145px; max-height: 100px; width: auto; height: auto; vertical-align: middle; } #p_famille .famille a.voir_produits { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; background-color: #CA231C; color: #ffffff; font-family: 'OpenSans-Bold'; font-size: 12px; width: 85%; height: 30px; cursor: pointer; display: inline-block; text-align: center; line-height: 29px; vertical-align: middle; box-sizing: border-box; } #p_famille .famille a.voir_produits:hover { box-shadow: inset 2px 5px 15px -2px rgba(0, 0, 0, 0.3); padding-left: 10px; } #p_famille .famille .ssfamille { display: block; text-align: left; height: 280px; overflow: hidden; width: 85%; } #p_famille .famille.fam5 .ssfamille { } #p_famille .famille .ssfamille ul { margin: 2px 2px 0px 17px; padding: 0px 0px 4px 0px; } #p_famille .famille .ssfamille ul li { vertical-align: middle; list-style: none; } #p_famille .famille .ssfamille ul li a.lien_famille { display: inline-block; font-family: 'OpenSans'; word-wrap: break-word; margin-bottom: 10px; } #p_famille .famille .ssfamille ul li a.lien_produit { display: inline-block; font-weight: normal; width: 130px; } #p_famille .famille .ssfamille ul li a.lien_produit:hover { } #p_famille #famille_contenu { display: inline-block; width: 100%; padding-top: 20px; text-align: left; } #p_famille #famille_contenu table { margin: auto; } #p_famille #p_recherche #resultats { display: none; } #p_famille #famille_desc { background-color: #f6f6f6; border: 3px solid #ededed; padding: 20px; margin-top: 10px; } #p_famille #famille_desc #descriptif:not(:empty) { margin-top: 15px; text-align: left; font-size: 13pt; line-height: 1.59em; } #p_famille #titre_page { border: none; padding: 0px; margin: 0px; display: flex; flex-direction: row; align-items: center; } #p_famille #titre_page .nb_produits { border-left: 2px solid #000000; padding-left: 10px; margin-left: 10px; } #p_famille #titre_page h1 { color: #ca231c; font-size: 34pt; margin: 0; } #p_famille #faq { font-size: 12pt; text-align: left; margin-top: 50px; line-height: 1.59em; } #p_famille #faq h2 { font-size: 14pt; margin: 0px; } #p_famille #faq p { margin: 0px; } #p_famille .produit:first-child { } #p_famille .produit { } /* #p_famille .produit { min-height: 147px; } #p_famille .produit .visuel { float: left; width: 150px; height: 150px; } #p_famille .produit .visuel p { display: table-cell; margin: 0; padding: 4px; width: 142px; height: 142px; text-align: center; vertical-align: middle; } #p_famille .produit .visuel span { vertical-align: middle; display: inline-block; line-height: 14px; } #p_famille .produit .visuel img { max-width: 142px; max-height: 142px; } #p_famille .produit .fiche_produit { display: block; margin-left: 150px; min-height: 150px; border-left: 1px solid #a5969d; } #p_famille .produit .fiche_produit .pro_logofour { float: right; margin: 8px; } #p_famille .produit .fiche_produit .pro_logofour img { max-height: 140px; max-width: 140px; } #p_famille .produit .fiche_produit .pro_description { display: block; margin: 0; padding: 0; } #p_famille .produit .fiche_produit .pro_description p { overflow: hidden; font-size: 12px; line-height: 14px; max-height: 84px; margin: 4px 12px; text-align: justify; } #p_famille .produit .fiche_produit .pro_description a { display: inline-block; background-color: #013888; color: #ffffff; border-radius: 6px; margin: 4px 0 8px 50px; padding: 0.4em 1.4em 0.4em 1.4em; font-weight: bold; line-height: 1.1em; } #p_famille .produit .fiche_produit .pro_description a:hover { background-color: #e5322d; } #p_famille .produit .image_produit { width: 210px; height: 195px; margin: auto; margin-top: 5px; margin-bottom: 5px; display: table; } #p_famille .produit .image_produit a { display: table-cell; vertical-align: middle; } #p_famille .produit .image_produit img { max-width: 210px; max-height: 190px; width: auto; height: auto; } #p_famille .produit .infos_produit { height: 169px; } #p_famille .produit .infos_produit .titre_produit { display: block; height: 60px; overflow: hidden; font-size: 14px; } #p_famille .produit .infos_produit .nom_four { display: block; font-size: 14px; font-family: 'OpenSans-Bold'; margin-top: 10px; } #p_famille .produit .infos_produit .ref_cat { display: block; font-family: 'OpenSans'; margin-top: 10px; } #p_famille .produit .infos_produit .prix_produit { display: block; font-family: 'OpenSans-Bold'; color: #CA231C; font-size: 18px; margin-top: 10px; margin-bottom: 10px; } #p_famille .produit .infos_produit .stocks { display: block; margin-top: 20px; } #p_famille .produit .infos_produit .stocks .stock_dispo { padding-left: 40px; background: url("./../img/picto_stocks_dispo.png") no-repeat; background-position: left center; } #p_famille .produit .infos_produit .stocks .stock_indispo { padding-left: 40px; background: url("./../img/picto_stocks_indispo.png") no-repeat; background-position: left center; } */ /* FIN PROCESS Famille */ /* PROCESS Favoris */ #p_favoris { width: 100%; margin: auto; } #p_favoris #p_favoris_contenu { margin-left: 20px; overflow: hidden; width: 100%; } #p_favoris h2 { margin: 4px 0 3px 4px; font-weight: normal; font-family: 'OpenSans-Bold'; font-size: 16px; text-transform: none; cursor: pointer; background-color: #F0EFEF; padding: 10px; padding-left: 50px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } #p_favoris h2:after { content: ""; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; position: relative; color: #CA231C; width: 20px; height: 20px; display: inline-block; margin: 0px 10px; background: url("./../img/icon_arrow.svg") right no-repeat; } #p_favoris h2.section_active:after { transform: rotate(90deg); } #p_favoris h2 .sous_titre { font-family: 'OpenSans'; font-size: 13px; line-height: 26px; } #p_favoris #titre_panier { background: url("./../img/icon_panier.svg") 10px no-repeat; background-size: 30px; background-color: #F0EFEF; margin-left: 0; } #p_favoris #titre_contenu { background: url("./../img/icon_favoris.svg") 10px no-repeat; background-size: 30px; background-color: #F0EFEF; margin-left: 0; } #p_favoris .produit { min-height: 147px; } #p_favoris .produit .fiche_produit { display: block; margin-left: 150px; min-height: 150px; border-left: 1px solid #a5969d; } #p_favoris .produit .fiche_produit .pro_logofour { float: right; margin: 8px; } #p_favoris .produit .fiche_produit .pro_logofour img { max-height: 140px; max-width: 140px; } #p_favoris .produit .fiche_produit .pro_description { display: block; margin: 0; padding: 0; } #p_favoris .produit .fiche_produit .pro_description p { overflow: hidden; font-size: 12px; line-height: 14px; max-height: 84px; margin: 4px 12px; text-align: justify; } #p_favoris .produit .fiche_produit .pro_description a { display: inline-block; background-color: #013888; color: #ffffff; border-radius: 6px; margin: 4px 0 8px 50px; padding: 0.4em 1.4em 0.4em 1.4em; font-weight: bold; line-height: 1.1em; } #p_favoris .produit .fiche_produit .pro_description a:hover { background-color: #e5322d; } #p_favoris #favoris_contenu { display: inline-block; margin-top: 10px; width: 100%; } #p_favoris #favoris_contenu .box_ajout_favoris.favoris { background-position: left; } #p_favoris #favoris_contenu_auto { display: inline-block; margin-top: 10px; width: 100%; } #p_favoris #panier_favoris { display: inline-block; margin-top: 10px; width: 100%; margin-bottom: 20px; } #p_favoris #favoris_contenu table, #p_favoris #favoris_contenu_auto table { margin: auto; width: 100%; } #p_favoris .produit:first-child { } #p_favoris #favoris_contenu_auto .produit { min-height: 500px; } #p_favoris .produit { display: inline-block; width: calc(33% - 5px); padding: 0px 8px; border: 3px solid #f4f4f4; margin-left: 1%; box-sizing: border-box; margin-bottom: 20px; position: relative; vertical-align: top; } #p_favoris .produit:first-child { margin-left: 0px; } #p_favoris .produit:nth-child(3n+1) { margin-left: 0; } #p_favoris .produit:hover { } #p_favoris .produit table { width: 100%; } #p_favoris .produit .visuel { width: 100%; height: 200px; line-height: 200px; margin-bottom: 5px; display: block; background-color: #ffffff; padding: 5px; box-sizing: border-box; text-align: center; } #p_favoris .produit .visuel a { line-height: 200px; text-align: center; } #p_favoris .produit .visuel img { max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } #p_favoris .produit .infos_produit .titre_produit { white-space: normal; display: block; height: 36px; overflow: hidden; font-size: 12pt; } #p_favoris .produit .infos_produit .logo_four { display: block; font-size: 10pt; font-family: 'OpenSans-Bold'; margin-top: 10px; margin-bottom: 10px; width: 65%; } #p_favoris .produit .infos_produit .logo_four img { max-width: 100%; max-height: 100%; width: auto; height: auto; } #p_favoris .produit .infos_produit .ref_cat { display: block; color: #000000; font-size: 10pt; font-family: 'OpenSans-Bold'; margin: 10px 0px; } #p_favoris .produit .infos_produit .eco_contribution { display: none; } #p_favoris .produit .infos_produit .infos_tarif { display: block; height: 35px; margin-top: 5px; line-height: 15px; font-size: 12px; text-align: center; } #p_favoris .produit .infos_produit .stocks { display: block; margin-top: 20px; } #p_favoris .produit .infos_produit .stocks .stock_dispo { padding-left: 40px; background: url("./../img/picto_stocks_dispo.png") no-repeat; background-position: left center; } #p_favoris .produit .infos_produit .stocks .stock_indispo { padding-left: 40px; background: url("./../img/picto_stocks_indispo.png") no-repeat; background-position: left center; } #p_favoris .ajout_panier { padding-top: 10px; } #p_favoris .ajout_panier .eco_contribution { display: block; } #p_favoris .ajout_panier .infos_tarif { height: 30px; display: block; margin-bottom: 10px; } #p_favoris .ajout_panier .rech_prix_produit.prix.HT { color: #CA231C; font-size: 20px; height: 23px; font-family: 'OpenSans-Bold'; } #p_favoris .ajout_panier .rech_prix_produit.prix.HT .type_prix { display: inline-block; height: 30px; line-height: 30px; vertical-align: middle; font-size: 20px; } #p_favoris .ajout_panier a.panier_ajout:hover { color: #ffffff; } #p_favoris .ajout_panier .stock { margin-top: 10px; } #p_favoris .ajout_panier .bouton_panier { margin-top: 10px; } #p_favoris .ajout_panier .quantite { text-align: right; position: relative; } #p_favoris .ajout_panier .quantite .libelle { position: absolute; left: 0px; bottom: 0px; font-size: 12px; } #p_favoris .box_ajout_favoris { position: relative; padding-left: 25px; width: fit-content; height: 20px; line-height: 20px; box-sizing: border-box; font-size: 12px; background-size: 20px; display: block; margin: auto; margin-top: 20px; margin-bottom: 10px; } #p_favoris .box_ajout_favoris.favoris { background-size: 20px; } #p_favoris .box_panier .box_ajout_favoris.favoris { background: url("./../img/icon_trash.svg") center no-repeat; background-size: 15px; font-size: 0; } #p_favoris .infos { display: block; text-align: left; margin-top: 50px; } #p_favoris #references { width: 205px; height: 65px; resize: none; } #p_favoris .ajout_favoris { position: relative; line-height: 35px; display: block; margin: auto; margin-top: 10px; padding: 0px; height: 35px; width: 120px; border: none; color: white; font-size: 13px; font-family: 'OpenSans', arial; background-color: #000000; text-decoration: none; } #p_favoris .produit .picto { position: absolute; z-index: 2; top: 5px; right: 10px; } #p_favoris .produit .picto:after { } #p_favoris .produit .picto span { color: #ffffff; font-size: 10pt; height: 25px; line-height: 25px; display: block; text-align: center; background-color: #CA231C; font-family: 'OpenSans-Bold'; padding: 0 10px; border-radius: 3px; } #p_favoris .box_panier { display: inline-block; width: calc(33% - 4px); padding: 0px 8px; border: 3px solid #f4f4f4; margin-left: 1%; box-sizing: border-box; padding: 15px; margin-bottom: 10px; } #p_favoris .box_panier:first-child { margin-left: 0px; } #p_favoris .box_panier:nth-child(3n+1) { margin-left: 0px; } #p_favoris .box_panier:hover { } #p_favoris .box_panier .date { margin-top: 10px; height: 35px; } #p_favoris .box_panier .visuel { width: 100%; height: 145px; margin: auto; margin-top: 5px; margin-bottom: 5px; display: table; line-height: 145px; background-color: #ffffff; text-align: center; } #p_favoris .box_panier .visuel a { display: table-cell; vertical-align: middle; } #p_favoris .box_panier .visuel img { max-width: 100%; max-height: 145px; width: auto; height: auto; vertical-align: middle; } #p_favoris .box_panier .titre { font-family: 'OpenSans-Bold'; font-size: 15px; padding-left: 40px; background: url("./../img/icon_panier.svg") left no-repeat; background-size: 25px; height: 28px; overflow: hidden; display: flex; align-items: center; margin-right: 10px; border: none; } #p_favoris .box_panier .titre:before { } #p_favoris .box_panier .nb_articles { margin-top: 10px; font-family: 'OpenSans-Bold'; margin-bottom: 20px; } #p_favoris .slider .slide_left:before { left: -24px; } #p_favoris .slider .slide_right:after { right: -20px; } #p_favoris_panier_contenu { margin-left: 20px; } #p_favoris_panier_contenu .article input { width: auto; padding: 0; } #p_favoris_panier_contenu .article .prix_article input { border: none; } #p_favoris_panier_contenu .ico_panier_vider:after { background-color: #ffffff; } #p_favoris_panier_contenu #box_action { justify-content: space-between; padding-bottom: 20px; border-bottom: 2px solid #dedede; } #page_espace_client_connecte .form_champ.section:before { content: ""; background: url("./../img/icon_panier.svg") center no-repeat; width: 40px; height: 40px; display: inline-block; background-size: 25px; vertical-align: middle; } #page_espace_client_connecte .form_champ.section input { border: none; background-color: #dedede; font-family: 'OpenSans-Bold'; padding: 0px; padding-left: 10px; width: 100%; } #page_espace_client_connecte .form_champ.section input.edit { background-color: #ffffff; margin-right: 20px; } #page_espace_client_connecte .form_champ.section #btn_edit { cursor: pointer; text-decoration: underline; } .menu_favoris .form_champ.section { background-color: #dedede; padding: 5px; display: flex; align-items: center; } .menu_favoris .nbarticles { font-family: 'OpenSans-Bold'; } .menu_favoris .form_champ label { width: 388px; display: inline-block; font-family: 'OpenSans-Bold'; } .menu_favoris .form_champ input { display: inline-block; margin-left: 10px; padding: 0 4px; height: 30px; border: 1px solid #9CA0A0; color: #2F3837; font-size: 13px; width: 233px; font-family: 'OpenSans'; } .menu_favoris .form_champ input.ui-loading { background: url("./../img/preloader.gif") no-repeat right; } .menu_favoris .form_champ .bouton { display: inline-block; line-height: 38px; text-align: center; height: 38px; vertical-align: middle; width: auto; padding: 0px 20px; } /* FIN PROCESS Favoris */ /* PROCESS Produit */ #p_produit { margin-top: 30px; } #p_produit .produit { position: relative; } #p_produit #encart_mea_prod { margin-bottom: 30px; width: 100%; } #p_produit #encart_mea_prod .important { background-color: #f4f4f4; margin-bottom: 20px; padding: 10px; } #p_produit .group_titre_four { display: flex; flex-direction: row; justify-content: space-between; margin-top: 12px; } #p_produit .col_gauche { box-sizing: border-box; display: flex; flex-direction: row; } #p_produit .col_droite { position: relative; padding: 20px; box-sizing: border-box; } #p_produit .col_droite.user_deconnecte { box-shadow: none; } #p_produit > table td:first-child { width: 75%; } #p_produit #infos_produit { padding-right: 3px; font-size: 12pt; line-height: 1.61em; display: flex; flex-direction: column; width: 100%; } #p_produit .titre_produit { font-family: 'OpenSans'; font-size: 23pt; margin-top: 5px; display: inline-block; margin-bottom: 10px; line-height: 23pt; font-weight: normal; text-transform: none; } #p_produit .titre { display: block; font-family: 'OpenSans-Bold'; font-size: 20px; margin-top: 25px; margin-bottom: 20px; } #p_produit #prix { display: block; } #p_produit #prix .titre { margin-top: 10px; margin-bottom: 10px; } #p_produit .prix_net { display: inline-block; font-size: 28pt; font-family: 'OpenSans-Bold'; height: 48px; line-height: 48px; margin-bottom: 15px; position: relative; } #p_produit .prix_net .prix_barre { font-size: 15pt; } #p_produit .prix_decimal { font-size: 13pt; } #p_produit .derogations { background-color: #F4F4F4; white-space: nowrap; padding: 5px 0; } #p_produit .derogations span { margin-right: 20px; margin-top: 7px; } #p_produit .derogations span.slider { margin-right: 0px; margin-top: 0px; } #p_produit .derogations .liste_derog { width: 100%; } #p_produit .pourcentageRemise { display: inline-block; font-size: 23pt; font-family: 'OpenSans-Bold'; height: 48px; padding-right: 3px; line-height: 1.5em; background-color: #CA231C; color: #fff; vertical-align: top; overflow: hidden; visibility: hidden; } #p_produit .pourcentageRemise::before { content: ""; position: relative; border-right: 25px solid #CA231C; border-top: 26px solid #ffffff; display: inline-block; border-bottom: 26px solid; vertical-align: top; } #p_produit .prix_public { font-size: 16px; height: 30px; display: block; } #p_produit .prix_public:empty { display: none; } #p_produit .unite { font-size: 10pt; display: block; margin-bottom: 10px; } #p_produit .eco_contribution { display: block; margin-bottom: 10px; color: #919191; } #p_produit .eco_contribution:empty { margin-bottom: 0px; } #p_produit #prix .nature_tarif { font-size: 16px; display: block; } #p_produit .prix_public .prix { font-family: 'OpenSans'; } #p_produit #logo_four { display: block; max-height: 80px; max-width: 150px; float: right; } #p_produit #logo_four img { max-height: 80px; max-width: 150px; width: auto; height: auto; } #p_produit #nom_four, #p_produit .nom_four { font-size: 13pt; margin-top: 10px; } #p_produit #ref_cat, #p_produit .ref_cat { font-size: 10pt; margin-top: 10px; } #p_produit #nom_four span, #p_produit .nom_four span { font-family: 'OpenSans-Bold'; } #p_produit #ref_cat span, #p_produit .ref_cat span { font-family: 'OpenSans-Bold'; } #p_produit #ref_cat span:before, #p_produit .ref_cat span:before { } #p_produit .derogation { } #p_produit #accroche { margin-top: 20px; font-size: 16px; width: 100%; } #p_produit #accroche span { display: block; margin-top: 2px; } #p_produit #infos_produit .fiche_prod_articles { font-size: 16px; line-height: 20px; } #p_produit #infos_produit .fiche_prod_articles span { display: block; min-width: 200px; } #p_produit #infos_produit .fiche_prod_articles span div { display: inline-block; } #p_produit #infos_produit .fiche_prod_articles span.titre { display: block; margin-top: 0px; } #p_produit #infos_produit .fiche_prod_articles span.REF_CAT { display: none; } #p_produit #infos_produit .fiche_prod_articles span.REF_FOUR { display: none; } #p_produit #infos_produit .fiche_prod_articles span.libelle_carac { display: inline; font-family: 'OpenSans-Bold'; } #p_produit #infos_produit .docs { font-size: 16px; line-height: 20px; background-color: #C4C8CB; color: #000000; min-height: 110px; padding: 10px; margin-bottom: 25px; box-sizing: border-box; display: none; } #p_produit #infos_produit .docs .titre { margin: 5px; } #p_produit #infos_produit .docs .sep { display: block; width: 100%; height: 1px; border-top: 1px solid #737A7A; } #p_produit #infos_produit .docs a { margin-left: 10px; color: #000000; min-height: 33px; line-height: 33px; overflow-wrap: break-word; margin-bottom: 10px; margin-top: 10px; font-family: 'OpenSans-Bold'; display: block; } #p_produit #infos_produit .docs a:before { content: ""; position: relative; display: inline-block; margin-right: 15px; -webkit-mask: url("./../img/icon_download.svg") no-repeat; mask: url("./../img/icon_download.svg") no-repeat; -webkit-mask-position: left center; mask-position: left center; background-color: #CA231C; width: 25px; height: 25px; } #p_produit #infos_produit .docs a:hover {text-decoration: underline; } #p_produit #infos_produit .docs a.lien_document { } #p_produit #infos_produit .onglets { display: flex; flex-direction: row; } #p_produit #infos_produit .onglets .titre { margin-bottom: 0px; padding: 10px; padding-right: 80px; cursor: pointer; border-left: 2px solid #EDEDED; } #p_produit #infos_produit .onglets .titre:first-child { border-left: 3px solid #CA231C; } #p_produit #infos_produit .onglets .titre.actif { background-color: #EDEDED; } #p_produit #infos_produit .onglets .titre:hover { } #p_produit #infos_produit .contenu_onglet { display: none; background-color: #EDEDED; min-height: 185px; padding: 15px; line-height: 1.61em; } #p_produit #infos_produit .contenu_onglet.actif { display: block; } #p_produit #infos_produit .contenu_onglet .hidden { display: none; } #p_produit #infos_produit .contenu_onglet .btn_voir { display: inline-block; font-family: 'OpenSans-Bold'; color: #000000; cursor: pointer; margin-top: 30px; } #p_produit #infos_produit .contenu_onglet .btn_voir:hover { color: #CA231C; } #p_produit #acces_rapide { margin-top: 55px; } #p_produit #infos_produit_suite .product_caracs span { display: block; } #p_produit .fiche_prod_articles { } #p_produit .arbo_produit_picto { clear: both; margin: 10px 0; text-align: center; } #p_produit .arbo_produit_picto table { display: inline-block; } #p_produit .arbo_produit_picto .page_prevue_cat_prod_picto_cell { line-height: 80px; padding: 0 6px; } #p_produit .arbo_produit_picto .page_prevue_cat_prod_picto_cell img { vertical-align: middle; } #p_produit #visuels { max-width: 40%; min-width: 400px; padding: 0px 20px 10px 0; } #p_produit #visuels .legende_mosaique { display: none; } #p_produit #visuels #picto { position: relative; } #p_produit #visuels #picto:after { } #p_produit #visuels #picto span { position: absolute; z-index: 2; color: #ffffff; font-size: 16.4pt; height: 36px; line-height: 36px; display: block; text-align: center; top: 10px; background-color: #CA231C; font-family: 'OpenSans-Bold'; padding: 0 10px; border-radius: 3px; right: 0px; } #p_produit #visuels table td.arbo_produit_visuel_image { width: 462px; text-align: center; height: 460px; } #p_produit #visuels a.fancybox-thumbs img.page_prevue_cat_prod_visu { max-width: 100%; max-height: 100%; height: auto; } #p_produit #visuels .principal { width: 400px; height: 400px; display: table; border: 3px solid #f4f4f4; } #p_produit #visuels .principal .visuels_categorie { display: table-cell; vertical-align: middle; } #p_produit #visuels .principal .visuels_categorie a img { max-width: 100%; max-height: 400px; width: auto; height: auto; } #p_produit #visuels .secondaire { max-width: 400px; } #p_produit #visuels img { max-width: 100%; width: auto; height: auto; } #p_produit .not_sp { display: block; } #p_produit .sp { display: none; } #p_produit .descriptif #infos_produit { overflow: hidden; } #p_produit .table_produit .box_ajout_favoris { position: relative; display: block; margin-top: 10px; line-height: 15px; font-size: 0; width: 57px; height: 57px; border: 2px solid #CA231C; float: left; border-radius: 5px; box-sizing: border-box; } #p_produit .table_produit .box_ajout_favoris.sp { display: none; } #p_produit h1.titre_produit.not_sp { display: inline-block; } #visuels .principal { text-align: center; } #visuels .principal .form_aucune_valeur { font-size: 0px; color: #e1e1e1; background: url("./../img/visuel_non_disponible.webp") no-repeat; background-position: center; background-color: #e1e1e1; width: 400px; height: auto; display: block; height: 400px; vertical-align: middle; } #visuels .principal .form_aucune_valeur:after { } #p_produit #visuels .visuels_secondaires { float: left; width: 400px; height: 250px; margin-top: 10px; position: relative; } #p_produit #visuels .visuels_secondaires .VISUEL { height: 72px; overflow: hidden; display: flex; } #p_produit #visuels .visuels_secondaires .VISUEL .slider { text-align: center; padding: 0 30px; box-sizing: border-box; min-width: 400px; } #p_produit #visuels .visuels_secondaires .VISUEL .slider .elementSlider { justify-content: center; } #p_produit #visuels .visuels_secondaires .VISUEL .slider .slide_left:before { width: 9px; height: 9px; border-left: 3px solid #000000; border-top: 3px solid #000000; background: none; transform: rotate(-45deg); } #p_produit #visuels .visuels_secondaires .VISUEL .slider .slide_right:after { width: 9px; height: 9px; border-left: 3px solid #000000; border-top: 3px solid #000000; background: none; transform: rotate(135deg); } #p_produit #visuels .visuels_secondaires .VISUEL img { max-height: 72px; max-width: 72px; padding: 5px; box-sizing: border-box; vertical-align: middle; margin: 0px !important; } #p_produit #visuels .visuels_secondaires .VISUEL.visuel_hidden { visibility: hidden; } #p_produit #visuels .visuels_secondaires a { cursor: pointer; line-height: 72px; } #p_produit #visuels .visuels_secondaires a .msg_erreur_critique { line-height: 15px; float: left; } #p_produit #visuels .visuels_secondaires a .msg_erreur { line-height: 15px; float: left; } #p_produit #visuels .visuels_secondaires a img { vertical-align: middle; } #p_produit #visuels .visuels_secondaires .arbo_produit_visuel { vertical-align: middle; height: 63px; border: 5px solid #F0F0E8; } #p_produit #visuels .visuels_secondaires .legende_visuel_fancybox { display: none; } .page_prevue_cat_prod_zone_visu { } .page_prevue_cat_prod_visu_caption { font-weight: bold; } .arbo_produit_visuel_image { padding: 1px; } .arbo_produit_visuel_image:hover { } .page_prevue_cat_prod_zone_visu_aide { display:none; } #p_produit #ajout_panier { width: 100%; text-align: center; min-height: 153px; } #p_produit #ajout_panier #box_ajout_panier { display: none; } #p_produit #ajout_panier .libelle { display: none; } #p_produit #ajout_panier .infos_tarif { display: none; } #p_produit #ajout_panier .box_ajout_panier { display: none; } #p_produit #ajout_panier a.panier_ajout { width: auto; padding: 0 20px; font-size: 17px; height: 57px; white-space: nowrap; } #p_produit #ajout_panier a.panier_ajout:hover { color: #ffffff; } #p_produit #ajout_panier .stock { text-align: left; margin-top: 10px; font-size: 14px; margin-bottom: 15px; } #p_produit #ajout_panier .stock span { font-size: 14px; } #p_produit #ajout_panier .stock.carac_STOCK > div { display: block; } #p_produit #ajout_panier .stock.carac_STOCK .stock_D:before, .stock.carac_STOCK .stock_S:before { } #p_produit #ajout_panier .carac_STOCK { height: auto; } #p_produit #ajout_panier .bouton_panier { margin-top: 10px; width: 405px; float: left; } #p_produit #ajout_panier .quantite .retirer { } #p_produit #ajout_panier .quantite .ajouter { } #p_produit #ajout_panier .quantite input { } #p_produit #tarifs { } #p_produit .box_produit_haut { width: 698px; height: 20px; background-image: url('./../img/box_produit_haut.png'); background-repeat: no-repeat; } #p_produit .box_produit { padding: 0px 20px; width: 658px; background-image: url('./../img/box_produit_cote.png'); background-repeat: repeat-y; } #p_produit .box_produit_bas { width: 698px; height: 20px; background-image: url('./../img/box_produit_bas.png'); background-repeat: no-repeat; } #p_produit .box_produit h1 { margin: 0px; padding: 0px; color: #013888; font-size: 18px; font-weight: bold; } #p_produit .box_produit .arbo_produit_visuels { float: left; width: 314px; min-height: 314px; margin: 0px 10px 0px 0px; } #p_produit .box_produit .arbo_produit_description { float: right; width: 334px; margin: 0px; } #p_produit .box_produit .arbo_produit_visuels .arbo_produit_master_visuel_box { display: table-cell; vertical-align: middle; width: 314px; height: 314px; text-align: center; background-image: url('./../img/fiche_produit_box_visuel.png'); background-repeat: no-repeat; } #p_produit .box_produit .arbo_produit_visuels .arbo_produit_master_visuel_box img { max-width: 314px; max-height: 314px; } #p_produit .box_produit .arbo_produit_visuels .arbo_produit_master_visuel_box table { margin: auto; } #p_produit .box_produit .tableau { background-color: #fafafa; font-size: 12px; } #p_produit .tooltip { } #p_produit .table_produit .stock .consulter { font-size: 15px; height: 33px; line-height: 33px; text-align: left; } #p_produit .picto_paiement { margin: 0px; margin-top: 10px; } #p_produit .cmd_not_allowed_fgas { display: none; clear: both; text-align: left; padding-top: 20px; } #p_produit .cmd_not_allowed_fgas a { text-decoration: underline; } #p_produit[data-fgas="O"] .cmd_not_allowed_fgas { display: block; } #p_famille #liens_bonnes_affaires, #p_produit #liens_bonnes_affaires { text-align: center; margin-top: 50px; } #p_famille #liens_bonnes_affaires .btn_promotions, #p_produit #liens_bonnes_affaires .btn_promotions { letter-spacing: 4.4px; position: relative; display: inline-block; line-height: 35px; background-color: #ffffff; color: #000000; height: 35px; font-size: 22px; font-family: 'OpenSans-Bold'; cursor: pointer; } #p_famille #liens_bonnes_affaires .btn_promotions:hover, #p_produit #liens_bonnes_affaires .btn_promotions:hover { color: #CA231C; } #p_famille #liens_bonnes_affaires .btn_promotions:not([style*="display:none"]) + .btn_promotions:not([style*="display:none"]):before { content: ""; display: inline-block; width: 1px; border-right: 1px solid #000000; margin: 0px 5px; margin-right: 13px; height: 16px; } #p_produit #liens_bonnes_affaires .btn_promotions:not([style*="display:none"]) + .btn_promotions:not([style*="display:none"]):before { content: ""; display: inline-block; width: 1px; border-right: 1px solid #000000; margin: 0px 5px; margin-right: 13px; height: 16px; } .calcul_prix_stocks, .calcul_prix, .loading { background: url("./../img/preloader.gif") no-repeat; display: block; width: 25px; height: 25px; margin: auto; margin-top: 12px; } tr.article .stock .tooltip { width: fit-content; } .stock .consulter { color: #000000; text-decoration: underline; display: inline-block; height: 26px; line-height: 26px; white-space: nowrap; box-sizing: border-box; letter-spacing: -0.46px; text-align: center; } .produit a:hover, .produit_ajax a:hover { color: #000000; } .produit a.panier_ajout:hover { color: #ffffff; } #resultat_recherche_refs .produit_ajax a.panier_ajout.non_allowed, .produit a.panier_ajout.non_allowed { display: none; } #resultat_recherche_refs .produit_ajax[data-allow-cmd="N"] a.panier_ajout, .produit[data-allow-cmd="N"] a.panier_ajout { display: none; } #resultat_recherche_refs .produit_ajax[data-allow-cmd="N"] a.panier_ajout.non_allowed, .produit[data-allow-cmd="N"] a.panier_ajout.non_allowed { display: inline-block; background-color: #646464; color: #ffffff; cursor: not-allowed; } a.panier_ajout.en_cours { background-color: #dedede; color: #dedede; background-image: url("./../../Icones/preloader.gif"); background-repeat: no-repeat; background-position: center; } a.panier_ajout.en_cours:hover { color: #dedede; } /* Affichage stocks disponibilité */ /*.barre_stock { display: inline-block; margin: 0 2px; width: 9px; height: 9px; background-repeat: no-repeat; background-position: center center; } .barre_stock.dispo { background-image: url('./../img/ico_stock_o.png'); } .barre_stock.non_dispo { background-image: url('./../img/ico_stock_n.png'); }*/ .div_barre_stock { display: inline-block; width: 54px; height: 24px; border-bottom: 1px solid #444444; } .barre_stock { display: inline-block; margin: 0; width: 9px; height: 24px; background-repeat: no-repeat; background-position: center center; } .barre_stock.barre_100 { background-image: url('./../img/barre_100.png'); } .barre_stock.barre_90 { background-image: url('./../img/barre_90.png'); } .barre_stock.barre_80 { background-image: url('./../img/barre_80.png'); } .barre_stock.barre_70 { background-image: url('./../img/barre_70.png'); } .barre_stock.barre_60 { background-image: url('./../img/barre_60.png'); } .barre_stock.barre_50 { background-image: url('./../img/barre_50.png'); } .barre_stock.barre_40 { background-image: url('./../img/barre_40.png'); } .barre_stock.barre_30 { background-image: url('./../img/barre_30.png'); } .barre_stock.barre_20 { background-image: url('./../img/barre_20.png'); } .barre_stock.barre_10 { background-image: url('./../img/barre_10.png'); } .barre_stock.barre_0 { background-image: url('./../img/barre_0.png'); } .carac_STOCK { display: block; white-space: nowrap; } /* Tableau d'articles */ #p_produit .table { width: 100%; padding: 0px; border-collapse: collapse; } #p_produit .table tr:hover td { background-color: #cfd7e3; } #p_produit .table th { padding: 4px; background-color: #013888; color: #ffffff; font-weight: bold; border: 1px solid #555555; } #p_produit .table td { padding: 4px; border: 1px solid #555555; } #p_produit .table td.prix { width: 70px; text-align: right; } #p_produit .table td.qte_panier { width: 70px; text-align: center; } #p_produit .table td.bouton_panier { width: 30px; text-align: center; } #p_produit .table td.qte_panier a.bouton_icone_inc { display: none; color: green; font-weight: bold; } #p_produit .table td.qte_panier a.bouton_icone_dec { display: none; color: red; font-weight: bold; } #p_produit #xsell_ARTICLE { margin-top: 50px; } #p_produit #xsell_ARTICLE .slider .elementSlider { padding: 0px 35px !important; justify-content: center; box-sizing: border-box; } #p_produit #xsell_ARTICLE .slider .slide_left:before { width: 16px; height: 16px; } #p_produit #xsell_ARTICLE .slider .slide_right:after { width: 16px; height: 16px; } #p_produit #xsell_ARTICLE h2 { border-bottom: 1px solid #DCDCD9; margin-bottom: 20px; width: 100%; } #p_produit #xsell_ARTICLE #listing_produits { position: relative; overflow: hidden; } #p_produit #xsell_ARTICLE #listing_produits .produit { width: calc(20% - 12px); box-sizing: border-box; min-width: 190px; max-width: 20%; min-height: 287px; display: inline-block; vertical-align: top; margin-left: 14px; border: 14.5px solid #EDEDED; background-color: #EDEDED; } #p_produit #xsell_ARTICLE #listing_produits .produit:first-child { margin-left: 0px; } #p_produit #xsell_ARTICLE #listing_produits .produit:hover { border: 14.5px solid #f1f1f1; background-color: #f1f1f1; } #p_produit #xsell_ARTICLE #listing_produits .produit table { width: 100%; } #p_produit #xsell_ARTICLE #listing_produits .produit .visuel { position: relative; background-color: #ffffff; overflow: hidden; } #p_produit #xsell_ARTICLE #listing_produits .produit .picto { position: relative; } #p_produit #xsell_ARTICLE #listing_produits .produit .picto:after { content:""; position: absolute; border-top: 22px solid #CA231C; border-right: 18px solid transparent; left: 0px; top: 10px; z-index: 1; } #p_produit #xsell_ARTICLE #listing_produits .picto span { position: absolute; z-index: 2; color: #ffffff; font-size: 10px; letter-spacing: 2px; width: 102px; height: 25px; line-height: 25px; display: block; text-align: center; top: 0px; background-color: #CA231C; } #p_produit #xsell_ARTICLE #listing_produits .produit .image_produit { width: 100%; height: 184px; margin-bottom: 5px; display: block; background-color: #ffffff; padding: 5px; box-sizing: border-box; text-align: center; } #p_produit #xsell_ARTICLE #listing_produits .produit .image_produit a { text-align: center; line-height: 183px; } #p_produit #xsell_ARTICLE #listing_produits .produit .image_produit img { max-width: 100%; max-height: 174px; width: auto; height: auto; vertical-align: middle; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .titre_produit { display: block; white-space: normal; height: 30px; overflow: hidden; font-size: 14px; line-height: 1.1em; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .logo_four { display: block; font-size: 14px; font-family: 'OpenSans-Bold'; margin-top: 10px; margin-bottom: 10px; width: 70%; height: 25px; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .logo_four img { max-width: 100%; max-height: 100%; width: auto; height: auto; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .ref_cat { display: block; color: #000000; font-size: 14px; font-family: 'OpenSans-Bold'; margin: 10px 0px; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .ref_cat:before { content: ""; position: relative; transform: rotate(135deg); color: #CA231C; width: 6px; height: 6px; border-left: 1.54pt solid #CA231C; border-top: 1.54pt solid #CA231C; display: inline-block; margin-right: 5px; top: -1px; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .prix.HT { display: block; color: #CA231C; font-size: 18px; margin-top: 10px; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .eco_contribution { display: block; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .infos_tarif { display: block; height: 35px; margin-top: 5px; line-height: 15px; font-size: 14px; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .stocks { display: block; margin-top: 20px; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .stocks .stock_dispo { padding-left: 40px; background: url("./../img/picto_stocks_dispo.png") no-repeat; background-position: left center; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .stocks .stock_indispo { padding-left: 40px; background: url("./../img/picto_stocks_indispo.png") no-repeat; background-position: left center; } #p_produit #xsell_ARTICLE #listing_produits .produit .box_ajout_panier .quantite { margin-bottom: 5px; display: flex; justify-content: space-between; } #p_produit #xsell_ARTICLE #listing_produits .produit .box_ajout_panier .quantite .libelle { font-size: 12px; line-height: 18px; } #p_produit #xsell_ARTICLE #listing_produits .produit .box_ajout_panier .stock { display: none; } #p_produit #xsell_ARTICLE #listing_produits .produit .box_ajout_panier .infos_tarif { display: none; } #p_produit #xsell_ARTICLE #listing_produits .produit .box_ajout_favoris { position: absolute; bottom: 5px; right: 5px; } /* Tableaux Croisés dynamique */ .tableau_croise { width: 100%; font-size: 11px; } .tableau_croise_header { border: 1px solid #013888; padding: 2px; color: #ffffff; font-weight: bold; background-color: #4e74ac; text-align: center; } .tableau_croise_header_lib { border: 1px solid #013888; padding: 2px 6px 2px 0; color: #ffffff; font-weight: bold; background-color: #4e74ac; } .tableau_croise_row_header { border: 1px solid #013888; padding: 2px; color: #000000; background-color: #b3c4dc; } .tableau_croise_row_header_lib { border: 1px solid #013888; padding: 2px; color: #000000; background-color: #b3c4dc; font-weight: bold; } .tableau_croise_contenu { border: 1px solid #013888; padding: 2px; background-color: #ffffff; } .tableau_croise_contenu_lib { border: 1px solid #013888; padding: 2px; background-color: #ffffff; font-size: 8px; font-style: italic; } .tableau_croise_sous_contenu_1 { padding: 0px 2px; } .tableau_croise_sous_contenu_2 { padding: 0px 2px; border-left: 1px solid #013888; } .tableau_croise_contenu div { display: block; } table.mini_table th { border: 1px solid #013888; padding: 4px 8px; color: #000000; font-weight: bold; background-color: #013888; text-align: center; } table.mini_table td { border: 1px solid #013888; padding: 2px 6px; color: #000000; background-color: #fafafa; } table.mini_table td.mini_table_titre { background-color: #013888; font-weight: bold; padding: 4px 8px; color: #ffffff; text-align: center; } table.mini_table td.mini_table_header { background-color: #4e74ac; font-weight: bold; padding: 4px 6px; color: #ffffff; } table.mini_table td.mini_table_row_header { background-color: #b3c4dc; font-weight: bold; } /* X-Selling */ #p_produit #acces_rapide li { list-style: none; } #p_produit #acces_rapide img { max-width: 45px; height: auto; vertical-align: top; } #p_produit #acces_rapide li .libelle_relation { color: #CA231C; font-size: 20px; font-family: 'OpenSans-Bold'; margin-left: 5px; } #p_produit .xsell h2 { margin: 16px 0 2px 0; } #p_produit .xsell table.tableau { margin: 2px 0; } #p_produit .xsell table.tableau th.tableau_header { display: none; } #p_produit .xsell table.tableau tr.tableau_ligne_alterne_1 { border-bottom: 1px solid #cccccc; } #p_produit .xsell table.tableau tr.tableau_ligne_alterne_2 { border-bottom: 1px solid #cccccc; } #p_produit .xsell table.tableau td { border: none; background-color: transparent; } #div_ac_preartvaleur_AFFICHER_SI_CONNECTE { display: none; } /* Style spécifiques champs produits */ .DESCRIPTIF { margin: 10px 0; font-size: 13px; text-align: justify; } .ACCROCHE { display: inline-block; margin: 10px 0; font-size: 12px; font-weight: bold; padding: 5px 12px 5px 12px; background-color: #b3c4dc; border: 2px solid #013888; border-radius: 10px; } .TABLEAU_TECHNIQUE { display: block; margin: 10px 0; } .champ_produit_lib { display: none; font-size: 12px; font-weight: bold; color: #013888; } .SPECIFICITES { margin: 0 0 10px 0; font-size: 12px; text-align: justify; } .POINTS_FORTS { margin: 0 0 10px 0; font-size: 12px; text-align: justify; font-weight: bold; } .APPLICATION { margin: 0 0 10px 0; font-size: 12px; text-align: justify; } /* Style spécifiques champs articles */ .REF_CAT{ display: none; font-weight: bold; color: #E5322D; margin: 10px 0px 2px 0px; } .REF_COMM { font-weight: bold; color: #E5322D; margin: 10px 0px 2px 0px; } .page_prevue_cat_prod_carac { margin: 6px 4px 6px 0; display: inline-block; font-weight: bold; font-size: 13px; color: #000000; } .tableau_focus { background-color: #FFFF00; } .tableau_focus_arrow { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2px 2px 2px 20px; background-color: #FFFF00; font-weight: bold; background-image: url('./../Images/arrow_prod.gif'); background-repeat: no-repeat; background-position: 5px 50%; } /* FIN PROCESS Produit */ /* PROCESS Cart */ /* #p_panier { display: block; margin: 0; } #p_panier #box_etape {padding: 1em 0; text-align: center;} #p_panier #box_etape .etape {display: inline-block; vertical-align: top; width: 16%;} #p_panier #box_etape .etape h1 {color: #000000; background: none; margin: 0; padding: 0; line-height: 48px; font-size: 1.4em; font-weight: bold; text-align: center; border: none;} #p_panier #box_etape .etape p {margin: 0; padding: 0.4em 0.8em; text-align: center;} #p_panier #box_etape .validee {background: url('./../img/panier_etape_validee.png') no-repeat top center; font-weight: bold; color: #000000;} #p_panier #box_etape .encours {background: url('./../img/panier_etape_encours.png') no-repeat top center; font-weight: bold; color: #013888;} #p_panier #box_etape .suivante {background: url('./../img/panier_etape_suivante.png') no-repeat top center; color: #a5969d;} */ #p_panier { display: block; margin: 0px; padding: 5px; } #p_panier .titre { font-family: 'OpenSans-Bold'; font-size: 16pt; margin-bottom: 10px; } #p_panier #contenu_panier { } #p_panier #contenu_panier #choix_magasin { justify-content: space-between; align-items: center; margin-bottom: 10px; } #p_panier #contenu_panier #choix_magasin select { height: 34px; width: 200px; border-width: 1px; border-radius: 3px; padding: 0 10px; padding-right: 38px; } #p_panier #contenu_panier #choix_magasin .select_wrapper { width: 200px; } #p_panier #contenu_panier #choix_magasin .select_wrapper:after { top: 4px; } #p_panier #contenu_panier .picto_paiement { margin-top: 10px; } #p_panier #p_panier_affichage_panier .col_gauche { width: 100%; } #p_panier #p_panier_affichage_panier .col_droite { margin-left: 20px; } #p_panier #p_panier_affichage_panier .col_droite > .total { background-color: #ededed; padding: 10px 20px; } #p_panier #p_panier_affichage_panier .col_droite > .total .tot_ttc { background-color: #ffffff; } #p_panier .col_droite { max-width: 28%; } #p_panier #box_etape { font-size: 16px; margin: auto; margin-top: 20px; margin-bottom: 40px; justify-content: center; align-items: center; } #p_panier #box_etape:before { } #p_panier .etape { display: inline-block; width: 225px; } #p_panier .etape h1 { color: #000000; margin: 0px; padding: 0px; line-height: 48px; font-size: 20px; font-weight: bold; text-align: center; border: none; } #p_panier .etape p { text-align: center; font-size: 10pt; text-transform: uppercase; color: #CA231C; } #p_panier .etape.actif p { color: #ffffff; font-family: 'OpenSans-Bold'; } .tab_donnees .designation { width: 100%; } .tab_donnees .box_ajout_favoris { right: 10px; } .tab_donnees .th_article { text-align: left; } .tab_donnees .th_total { text-align: right; } .tab_donnees .infos_produit { display: inline-block; line-height: 21px; width: 296px; vertical-align: top; font-family: 'OpenSans'; font-size: 13pt; } .tab_donnees .visuel_produit { position: relative; width: 116px; height: 116px; display: inline-block; padding-right: 25px; } .tab_donnees .visuel_produit img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .tab_donnees .txt_nature { font-family: 'OpenSans'; font-size: 13pt; display: block; } #p_panier .validee { color: #000000; } #p_panier .encours { color: #CA231C; } #p_panier .actif { } #p_panier .suivante { color: #000000; } #p_panier .sep_etape { background: url('./../img/icon_sep_etape.svg') no-repeat top center; font-family: 'OpenSans-Bold'; position: relative; width: 200px; height: 15px; margin: 0 20px; } #p_panier .etape { width: 116px; height: 116px; display: flex; flex-direction: column; justify-content: center; } #p_panier .etape svg { position: absolute; } #p_panier .panier.actif { background-color: #CA231C; } #p_panier .panier .picto { -webkit-mask: url(./../img/icon_panier.svg) no-repeat center; mask: url(./../img/icon_panier.svg) no-repeat center; width: 116px; height: 50px; -webkit-mask-size: 45px; mask-size: 45px; background-color: #CA231C; } #p_panier .panier.actif .picto { background-color: #ffffff; } #p_panier .livraison { } #p_panier .livraison .picto { -webkit-mask: url(./../img/icon_livraison.svg) no-repeat center; mask: url(./../img/icon_livraison.svg) no-repeat center; width: 116px; height: 50px; -webkit-mask-size: 55px; mask-size: 55px; background-color: #CA231C; } #p_panier .livraison.suivante { } #p_panier .livraison.actif { background-color: #CA231C; } #p_panier .livraison.actif .picto { background-color: #ffffff; } #p_panier .validation { } #p_panier .validation .picto { -webkit-mask: url(./../img/icon_paiement.svg) no-repeat center; mask: url(./../img/icon_paiement.svg) no-repeat center; width: 116px; height: 50px; -webkit-mask-size: 55px; mask-size: 55px; background-color: #CA231C; } #p_panier .validation.suivante { } #p_panier .validation.actif { background-color: #CA231C; } #p_panier .validation.actif .picto { background-color: #ffffff; } #p_panier .identification { background: url('./../img/panier_etape_identification.png') no-repeat top center; } #p_panier .information { background: url('./../img/panier_etape_information.png') no-repeat top center; } #p_panier .reglement { background: url('./../img/panier_etape_reglement.png') no-repeat top center; } #p_panier .recapitulatif { background: url('./../img/panier_etape_recapitulatif.png') no-repeat top center; } #p_panier .accuse { background: url('./../img/panier_etape_accuse.png') no-repeat top center; } #p_panier #form_cde_complete { font-weight: bold; color: #CA231C; } #p_panier .box_option { } #p_panier .box_option, .menu_favoris .box_option { margin-top: 25px; width: 100%; text-align: left; display: inline-block; margin-bottom: 10px; } #p_panier .box_option a.bouton, .menu_favoris .box_option a.bouton { font-family: 'OpenSans'; padding: 5px; border: 1px solid #B7B7B8; background-color: #ffffff; border-radius: 5px; color: #545454; font-size: 12pt; width: calc(100% - 10px); display: block; text-align: center; height: 25px; } #p_panier .box_option a.bouton:hover, .menu_favoris .box_option a.bouton:hover { border-color: #AF1817; text-decoration: none; background-color: #AF1817; color: #ffffff; } #p_panier #box_mode_paiement { padding: 1em 0; text-align: center; } #p_panier #box_mode_paiement { } #p_panier #box_mode_paiement form {text-align: center;} #p_panier #box_mode_paiement label {display: block; color: #013888; text-align: center;} #p_panier #box_mode_paiement .mode_paiement_illu {display: block; text-align: center; height: 35px; overflow: hidden;} #p_panier #box_mode_paiement .mode_paiement {display: inline-block; width: 10em; text-align: center; margin: 0.5em 1em;} #p_panier .flottant_droite, .menu_favoris .flottant_droite { text-align: right; } #p_panier #box_action, #p_panier .box_action, .menu_favoris #box_action { overflow: hidden; padding: 0px; margin-top: 0px; } #p_panier #box_action a.bouton { background-color: #CA231C; width: 220px; height: 41px; color: #ffffff; font-size: 16px; display: inline-block; text-align: center; margin-left: 14px; margin-top: 10px; } .menu_favoris #box_action a.bouton { background-color: #CA231C; width: 220px; height: 25px; color: #ffffff; font-size: 16px; display: block; text-align: center; margin-top: 10px; } #p_panier .box_action a.bouton { } #p_panier .box_action a.bouton.panier_vider { font-family: 'OpenSans'; padding: 5px; border: 1px solid #B7B7B8; background-color: #ffffff; border-radius: 5px; color: #545454; font-size: 12pt; width: 200px; display: block; text-align: center; height: 25px; } #p_panier .box_action a.bouton.panier_vider:hover { border-color: #AF1817; text-decoration: none; background-color: #AF1817; color: #ffffff; } #p_panier .box_action a.bouton .btn_valider, .menu_favoris .box_action a.bouton .btn_valider { display: inline-block; } #p_panier #p_panier_infos a.bouton.btn_valider { background-color: #CA231C; color: #ffffff; width: 100%; margin-bottom: 10px; } #p_panier #p_panier_infos a.bouton.btn_valider:hover { background-color: #AF1817; margin-bottom: 10px; } #p_panier .box_action a.bouton.valider { width: 129px; } #p_panier .box_action a.bouton.btn_etape_precedente { line-height: 45px; } #p_panier .box_action .flottant_droite a.bouton:hover, .menu_favoris .box_action a.bouton:hover { border:none; text-decoration: none; box-shadow: inset 2px 5px 15px -2px rgba(0, 0, 0, 0.3); } #p_panier #retrait_livraison { vertical-align: middle; line-height: 32px; font-size: 16px; } #p_panier #retrait_livraison label { margin-right: 10px; } #p_panier #retrait_livraison input { margin: 0; padding: 0; } #p_panier #p_panier_infos #type_commande { margin-bottom: 5px; } #p_panier #p_panier_infos #cadre_type_commande { border: 1px solid #CA231C; display: inline-block; } #p_panier #p_panier_infos .form_lib { line-height: 25px; margin-bottom: 10px; } #p_panier #p_panier_infos .form_val { } #p_panier #p_panier_infos input[type="text"] { display: inline-block; width: 100%; padding: 0px 15px; height: 35px; color: #000000; font-size: 16px; font-family: 'OpenSans'; box-sizing: border-box; border-color: #919191; } #p_panier #p_panier_infos input[type="date"] { display: inline-block; width: 50%; padding: 0px 15px; height: 35px; color: #000000; font-size: 16px; font-family: 'OpenSans'; box-sizing: border-box; border-color: #919191; } #p_panier #p_panier_infos input[type="radio"] { border-radius: 10px; width: 10px; height: 10px; box-sizing: content-box; border: 2px solid #000000; } #p_panier #p_panier_infos input[type="radio"]:checked { border: 2px solid #CA231C; } #p_panier #p_panier_infos textarea { display: inline-block; width: 100%; padding: 5px 15px; height: 142px; color: #000000; font-size: 16px; font-family: 'OpenSans'; box-sizing: border-box; border-color: #919191; } #p_panier #p_panier_infos label { font-size: 16px; display: block; } #p_panier #p_panier_infos.paiement label { display: inline-block; width: 100%; } #p_panier #p_panier_infos.paiement .sous_option label { display: inline-block; width: auto; } #p_panier #p_panier_infos label[for=id_devis] { font-weight: bold; margin-left: 20px; } #p_panier #p_panier_infos label[for=id_commande] { font-weight: bold; } #p_panier #confirmation_commande p { text-align: center; font-size: 15px; } #p_panier #confirmation_commande .ico_etape_precedente { margin: auto; } #p_panier #confirmation_commande { text-align: center; font-size: 18px; line-height: 26px; } #p_panier #confirmation_commande .box_action { text-align: center; } #p_panier #livraison #livraison_autre { } #p_panier #livraison #livraison_autre .important { color: #dd2726; border: 2px solid #dd2726; padding: 5px 10px; font-size: 17px; line-height: 20px; box-sizing: border-box; } #p_panier #livraison #livraison_autre .adresse { font-family: 'OpenSans-Bold'; margin-left: 25px; box-sizing: border-box; background-color: #ebebeb; width: 190px; text-align: center; padding: 5px; cursor: pointer; border: 1px solid #ffffff; white-space: nowrap; overflow: hidden; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; } #p_panier #livraison #livraison_autre .adresse:nth-child(n+2) { border-top: none; } #p_panier #livraison #livraison_autre .select_options { display: none; margin-bottom: 20px; margin-left: 25%; margin-top: -12px; } #p_panier #livraison #livraison_autre .select_adresse { cursor: pointer; width: 190px; text-align: center; margin-left: calc(25% + 25px); margin-bottom: 12px; letter-spacing: 0px; color: #000000; font-family: 'OpenSans-Bold'; font-size: 16px; background-color: #ebebeb; height: 32px; line-height: 32px; padding: 0px; } #p_panier #livraison #livraison_autre .select_adresse:after { content: ""; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; text-transform: initial; position: relative; top: -1px; transform: rotate(225deg); color: #CA231C; width: 6px; height: 6px; border-left: 1.54pt solid #CA231C; border-top: 1.54pt solid #CA231C; display: inline-block; margin-left: 15px; margin-right: 5px; } #p_panier #livraison #livraison_autre .select_adresse.open:after { transform: rotate(45deg); } #p_panier #type_commande .type_commande { display: inline-block; width: 25%; text-align: right; } #p_panier #type_commande .form_lib { display: inline-block; width: auto; } #p_panier #type_commande .form_champ { display: inline-block; } #p_panier #type_commande .form_val { display: inline-block; width: 45px; } #p_panier #type_commande input { display: inline-block; width: 20px; } #p_panier #livraison #type_livraison { text-align: center; } #p_panier #livraison #type_livraison .form_lib { display: inline-block; width: calc(100% - 31px); text-align: left; } #p_panier #livraison #type_livraison .form_champ { display: inline-block; } #p_panier #livraison #type_livraison input { display: inline-block; } #p_panier #livraison #type_livraison input[type=checkbox], #p_panier #livraison #type_livraison input[type=radio] { width: 18px; height: 18px; } #p_panier #livraison #type_livraison input[type=checkbox]:checked:before, #p_panier #livraison #type_livraison input[type=radio]:checked:before { font-size: 13px; width: 18px; height: 18px; } #p_panier #livraison #type_livraison > .form_champ { display: block; } #p_panier #livraison #type_livraison > .form_champ > .form_lib { width: auto; } #p_panier #livraison #type_livraison > .form_champ > .form_val { display: inline-block; width: 75%; text-align: left; margin-left: calc(25% - 10px); } #p_panier #livraison .attention { font-family: 'OpenSans-Bold'; font-size: 16px; line-height: 21px; width: 75%; margin: auto; background-color: #C4C8CB; padding: 20px; box-sizing: border-box; } #p_panier #livraison .attention a { font-family: 'OpenSans-Bold'; color: #ffffff; text-decoration: underline; } .tab_donnees #msg_infos_stocks:not(:empty), .menu_favoris #msg_infos_stocks:not(:empty), .msg_infos_stocks:not(:empty) { position: relative; box-sizing: border-box; padding-left: 40px; font-family: 'OpenSans'; font-size: 13px; text-align: left; border: 2px solid #fd9908; color: #fd9908; border-radius: 5px; padding: 10px; padding-left: 35px; margin-top: 10px; } .tab_donnees #msg_infos_stocks:not(:empty):before, .msg_infos_stocks:not(:empty):before { content: ""; width: 20px; height: 20px; position: absolute; left: 5px; background: url("./../img/icon_info.svg") center no-repeat; background-sie:} .tab_donnees #msg_infos_stocks a, .menu_favoris #msg_infos_stocks a, .msg_infos_stocks a { color: #fd9908; } .tab_donnees #msg_infos_stocks .sous_titre, .msg_infos_stocks .sous_titre { font-family: 'OpenSans-Bold'; } #p_panier .msg_infos_livraison { font-family: 'OpenSans-Bold'; font-size: 11pt; margin-top: 15px; } #p_panier #popup_frame_option { position: fixed; z-index: 5; width: 100%; top: 0px; left: 0px; height: 100%; background-color: rgba(10, 10, 10, 0.5); display: none; } #p_panier #popup_frame_option form { height: 100%; } #p_panier #popup_frame_option #frame_option { z-index: 5; width: 550px; height: auto; display: flex; flex-direction: column; background: #ffffff; padding: 20px; box-sizing: border-box; position: relative; left: 0px; top: 115px; border-radius: 3px; border: 1px solid; margin: auto; } #p_panier #popup_frame_option #frame_option #close_frame { width: 10px; height: 10px; border: 1px solid; border-radius: 15px; text-align: center; line-height: 10px; font-size: 9pt; cursor: pointer; position: absolute; right: 15px; top: 5px; background-color: #ffffff; color: #5d5d5d; } #p_panier #popup_frame_option #frame_option .sous_titre { font-family: 'OpenSans-Bold'; font-size: 14pt; margin-bottom: 15px; border-bottom: 1px solid #c4c8cb; padding-bottom: 10px; height: 30px; line-height: 40px; width: 100%; display: block; border: none; } #p_panier #popup_frame_option #frame_option label { display: block; color: #000000; font-family: 'OpenSans-Bold'; text-align: left; } #p_panier #popup_frame_option .vcenter { display: inline-block; line-height: 20px; vertical-align: middle; width: 100%; } #p_panier #popup_frame_option #btn_submit_save { margin-top: 10px; } #p_panier #popup_frame_option input, #p_panier #popup_frame_option select { display: inline-block; margin-right: 0px; padding: 0 4px; height: 30px; border: 1px solid #9CA0A0; color: #2F3837; font-size: 13px; width: calc(100% - 8px); font-family: 'OpenSans'; margin-bottom: 20px; } #p_panier #popup_frame_option input[type=radio] { width: 15px; height: 15px; } #p_panier #popup_frame_option select { height: 32px; } #p_panier #popup_frame_option #recuperer_panier { display: none; line-height: 155px; } #p_panier #popup_frame_option #recuperer_panier .options { border: 1px solid #e1e1e1; padding: 10px; margin: 10px 0; } #p_panier #popup_frame_option #recuperer_panier .options a { display: none; text-align: center; width: 100%; text-decoration: underline; } #p_panier #popup_frame_option #recuperer_panier .options a.show_desktop { display: block; } #p_panier #popup_frame_option #recuperer_panier .options .option { margin: 15px 0; } #p_panier #popup_frame_option #recuperer_panier .options .flex_row { align-items: center; justify-content: space-between; } #p_panier #popup_frame_option #recuperer_panier .options .visuel { width: 100px; height: 100px; } #p_panier #popup_frame_option #recuperer_panier .options .visuel img { max-width: 100px; max-height: 100px; } #p_panier #popup_frame_option #recuperer_panier .options .infos { width: calc(100% - 140px); margin-left: 20px; } #p_panier #popup_frame_option #recuperer_panier .options .nbArticles { font-family: 'OpenSans'; } #p_panier #popup_frame_option #recuperer_panier .options .dateCreation { font-family: 'OpenSans'; } #p_panier #popup_frame_option #sauvegarder_panier { display: none; line-height: 155px; } #p_panier #popup_frame_option #sauvegarder_panier .vcenter .flex_row { align-items: center; } #p_panier #popup_frame_option #sauvegarder_panier .vcenter .contenu_favoris { border: 1px solid #B7B7B8; padding: 20px; } #p_panier #popup_frame_option #sauvegarder_panier .vcenter .contenu_favoris .nbarticles { font-family: 'OpenSans-Bold'; margin-top: 20px; } #p_panier #popup_frame_option #sauvegarder_panier .vcenter .flex_row:before { content: ""; background: url("./../img/icon_panier.svg") center no-repeat; width: 50px; height: 50px; display: inline-block; background-size: 35px; vertical-align: middle; margin-right: 5px; } #p_panier #popup_frame_option #sauvegarder_panier input { border: none; font-family: 'OpenSans-Bold'; padding: 0px; padding-left: 10px; width: 100%; margin: 0; height: 40px; font-size: 12pt; } #p_panier #popup_frame_option #sauvegarder_panier input.edit { border: 1px solid #e1e1e1; margin-right: 20px; } #p_panier #popup_frame_option #sauvegarder_panier #btn_edit { cursor: pointer; text-decoration: underline; } #p_panier #popup_frame_option .select_wrapper { width: calc(100% - 66px); margin-bottom: 10px; } #p_panier #popup_frame_option .select_wrapper:after { top: 12px; } #p_panier.livraison .box_action { padding-right: 53px; } #p_panier .box_action .flottant_gauche { display: flex; flex-direction: column; height: 51px; justify-content: flex-end; } #p_panier #p_panier_infos { justify-content: space-between; } #p_panier #p_panier_infos .col_gauche { width: 100%; margin-right: 30px; } #p_panier #p_panier_infos .option { border: 2px solid #DEDEDE; padding: 10px; font-size: 11pt; margin-bottom: 20px; line-height: 1.5em; } #p_panier #p_panier_infos .option .sous_option { display: none; } #p_panier #p_panier_infos .option_retrait { display: none; } #p_panier #p_panier_infos .option.retrait .option_retrait { display: block; } #p_panier #p_panier_infos .option.checked .sous_option { display: block; margin-top: 10px; } #p_panier #p_panier_infos .option.checked .select_options { display: inline-block; width: 45%; margin: 20px 0; margin-left: 0px; vertical-align: top; } #p_panier #p_panier_infos .option.checked .select_options .libelle { font-family: 'OpenSans-Bold'; } #p_panier #p_panier_infos .option.checked .select_options .nom_contact { font-family: 'OpenSans-Bold'; } #p_panier #p_panier_infos .option.checked .select_options .adr { margin-top: 10px; } #p_panier #p_panier_infos .option.checked .select_options .horaires { font-size: 9pt; margin-top: 10px; } #p_panier #p_panier_infos .option.checked .select_options .tel { display: none; } #p_panier #p_panier_infos .option.checked .select_options .bouton { margin-top: 10px; } #p_panier #p_panier_infos .option.checked .select_options .bouton.inactif { color: #000000; background-color: #EAEAEA; border-radius: 5px; font-family: 'OpenSans'; font-size: 16px; padding: 0 20px; height: 34px; cursor: not-allowed; display: block; text-align: center; line-height: 34px; vertical-align: middle; box-sizing: border-box; width: auto; display: inline-block; margin-bottom: 55px; min-width: 200px;} #p_panier #p_panier_infos .option.checked .select_options.actif .bouton { color: #ffffff; background-color: #CA231C; } #p_panier #p_panier_infos .option.checked .select_options.actif .bouton.inactif { color: #000000; background-color: #EAEAEA; } #p_panier #p_panier_infos .option.checked { border: 2px solid #CA231C; } #p_panier #p_panier_infos .option .titre_option { justify-content: space-between; align-items: center; padding: 10px 0; } #p_panier #p_panier_infos .option.checked label { border-bottom: 1px solid #dedede; } #p_panier #p_panier_infos .option .article_lourd { font-size: 9pt; padding: 0px 20px 0px 40px; background: url("./../img/picto_kg.png") no-repeat 12px; background-size: 20px; background-color: #EDEDED; border-radius: 20px; display: inline-block; line-height: 32px; vertical-align: middle; margin-top: 20px; margin-bottom: 10px; } #p_panier #p_panier_infos.paiement .option.checked .titre_option { border-bottom: none; } #p_panier #p_panier_infos .option .titre_option > div { width: 100%; white-space: nowrap; } #p_panier #p_panier_infos.paiement .option .titre_option > div { width: auto; } #p_panier #p_panier_infos .option .titre_option.ECHEANCE:before { content: ""; float: left; display: inline-block; background: url("./../img/icon_wallet.svg") no-repeat left; width: 90px; white-space: nowrap; height: 45px; align-self: baseline; } #p_panier #p_panier_infos .option .titre_option.VIREMENT:before { content: ""; float: left; display: inline-block; background: url("./../img/icon_virement.webp") no-repeat left; width: 90px; white-space: nowrap; height: 45px; align-self: baseline; background-size: 65px; } #p_panier #p_panier_infos .option .titre_option .picto_banque_populaire { background: url("./../img/icon_banque_populaire.webp") top no-repeat; position: absolute; width: 25px; height: 25px; top: 0px; background-size: 25px; } #p_panier #p_panier_infos .option .titre_option > div:last-child { text-align: right; } #p_panier #p_panier_infos .option .chronopost { background: url("./../img/chronopost.png") no-repeat left; padding-left: 33%; white-space: nowrap; } #p_panier #p_panier_infos .option .chronopost div { } #p_panier #p_panier_infos .option .prix { font-family: 'OpenSans-Bold'; padding-right: 30px; } #p_panier #p_panier_infos .option .mention { display: block; font-size: 9pt; font-style: italic; line-height: 1.5em; } #p_panier #p_panier_infos .option .sous_titre { font-family: 'OpenSans-Bold'; font-size: 14pt; } #p_panier #p_panier_infos.paiement .option .titre_option > div { width: 75%; } #p_panier #p_panier_infos .option .titre_option > div.picto_paiement { width: 90px; position: relative; white-space: nowrap; margin: 0; background-position: 30px; } #p_panier #p_panier_infos.paiement .option .titre_option > div:last-child { width: auto; } #p_panier #p_panier_infos.paiement .option .titre_option .sous_titre { margin-bottom: 10px; } #p_panier #p_panier_infos .option .sous_titre_adresses { font-family: 'OpenSans-Bold'; font-size: 12pt; margin-bottom: 20px; } #p_panier #p_panier_infos .option .adresses { padding: 10px; border: 1px solid #dedede; margin-bottom: 20px; text-align: center; font-size: 10pt; box-sizing: border-box; max-height: 500px; } #p_panier #p_panier_infos .option .adresses .os-content-glue { max-width: 100%; } #p_panier #p_panier_infos .option .adresses .libelle { font-size: 12pt; font-family: 'OpenSans-Bold'; } #p_panier #p_panier_infos .option .adresses .nom_contact { font-size: 12pt; font-family: 'OpenSans-Bold'; } #p_panier #p_panier_infos .option .adresses .adresse { text-align: left; padding-left: 20px; position: relative; cursor: pointer; margin-top: 15px; } #p_panier #p_panier_infos .option .adresses .adresse:before { content: ""; position: absolute; left: 0px; width: 10px; height: 10px; border: 2px solid #000000; border-radius: 10px; } #p_panier #p_panier_infos .option .adresses .adresse:hover:before, #p_panier #p_panier_infos .option .adresses .adresse.active:before { border-color: #CA231C; background-color: #CA231C; } #p_panier #p_panier_infos .option .adresses .select_options { margin-bottom: 20px; width: 100%; } #p_panier #p_panier_infos .option .adresses a { text-decoration: underline; } #p_panier #p_panier_infos .option .wrap_adresse .btn_edit { display: none; } #p_panier #p_panier_infos .option .wrap_adresse .btn_delete { display: none; } #p_panier #p_panier_infos .col_droite > .total { background-color: #ededed; padding: 10px 20px; } #p_panier #p_panier_infos a.bouton { border: 1px solid #CA231C; color: #CA231C; background-color: #ffffff; border-radius: 5px; font-family: 'OpenSans'; font-size: 16px; padding: 0 20px; height: 34px; cursor: pointer; display: block; text-align: center; line-height: 34px; vertical-align: middle; box-sizing: border-box; width: auto; display: inline-block; margin-bottom: 55px; min-width: 200px; } #p_panier #p_panier_infos a.bouton.creation { margin-top: 20px; } #p_panier #p_panier_infos a.bouton:hover { color: #ffffff; background-color: #CA231C; } #p_panier #p_panier_infos a.bouton.submit { color: #ffffff; background-color: #CA231C; margin-bottom: 5px; display: none; } #p_panier #p_panier_infos a.bouton.disabled { color: #ffffff; background-color: #b5b5b5; border-color: #b5b5b5; } #p_panier #p_panier_infos .option.checked a.bouton.submit { display: block; } #p_panier #p_panier_infos a.bouton.submit:hover { color: #ffffff; background-color: #AF1817; } #p_panier #p_panier_infos .total.tot_ttc { background-color: #ffffff; } #p_panier .visuel .picto { position: relative; } #p_panier .visuel .picto:before { content:""; position: absolute; border-top: 22px solid #CA231C; border-right: 18px solid transparent; top: 10px; left: 0px; } #p_panier .visuel .picto span { position: relative; z-index: 2; color: #ffffff; font-size: 10px; letter-spacing: 2px; width: 102px; height: 25px; line-height: 25px; display: block; text-align: center; top: 0px; background-color: #CA231C; } #p_commande .ico_recuperer { border: 1px solid #b7b7b8; border-radius: 7px; background-position: 10px; padding: 2px; padding-left: 40px; padding-right: 15px; } #p_panier .sous_section, #p_commande .sous_section { text-align: left; margin: 10px 0px; } #p_panier .tab_donnees, #p_commande .tab_donnees { text-align: left; display: inline-block; width: 100%; font-size: 11pt; line-height: 11pt; } #p_panier .tab_donnees .ensemble { } #p_commande .tab_donnees .ensemble { display: flex; flex-wrap: wrap; border: 1px solid #dedede; padding: 10px; margin-bottom: 20px; margin-top: 20px; } #p_commande .devis .tab_donnees .ensemble { display: none; } #p_commande .devis a.bouton.btn_valider { box-sizing: border-box; line-height: 31px; vertical-align: middle; float: right; margin-bottom: 20px; } #p_panier .tab_donnees .bloc, #p_commande .tab_donnees .bloc { margin-right: 10px; margin-bottom: 20px; } #p_commande .tab_donnees .bloc { width: calc(50% - 10px); } #p_panier .tab_donnees .bloc .bloc_content, #p_commande .tab_donnees .bloc .bloc_content { box-sizing: border-box; line-height: 25px; } #p_panier .tab_donnees .bloc .bloc_content > div, #p_commande .tab_donnees .bloc .bloc_content > div { } #p_panier .tab_donnees .bloc .bloc_content .form_libelle_champ, #p_commande .tab_donnees .bloc .bloc_content .form_libelle_champ { font-family: 'OpenSans'; white-space: nowrap; } #p_panier .tab_donnees .bloc:nth-child(2n), #p_commande .tab_donnees .bloc:nth-child(2n) { } #p_panier #p_panier_infos .obligatoire label[for=id_tel] { font-size: 0px; } #p_panier #p_panier_infos .obligatoire label[for=id_tel]:after { content: "Téléphone* "; font-size: 16px; } #p_panier #form_adresse_client { z-index: 1001; visibility: hidden; width: 532px; height: 0px; display: flex; flex-direction: column; background: #ffffff; padding: 20px; box-sizing: border-box; position: sticky; left: 20%; top: 15%; border-radius: 3px; border: 1px solid; } #p_panier #form_adresse_client .btn_close { width: 15px; height: 15px; border: 1px solid; border-radius: 15px; text-align: center; line-height: 13px; font-size: 9pt; cursor: pointer; position: absolute; right: 15px; top: 5px; } #p_panier #form_adresse_client .sous_titre { font-size: 14pt; border: none; margin-bottom: 0px; } #p_panier #form_adresse_client #btn_actions a { cursor: pointer; line-height: 28px; margin: 15px 0px; width: 100%; height: 38px; padding: 5px; border-radius: 3px; border: none; color: #ffffff; font-family: 'OpenSans-Bold', arial; background: none; background-color: #CA231C; font-size: 14pt; } #p_panier #form_adresse_client #btn_actions a:hover { background-color: #AF1817; color: #ffffff; border-color: #AF1817; box-shadow: none; } #p_panier #form_adresse_client input { width: 100%; margin: 10px 0; margin-bottom: 20px; padding: 0px 15px; color: #000000; font-size: 16px; font-family: 'OpenSans'; box-sizing: border-box; border: 1px solid #919191; } #p_panier #form_adresse_client > div { margin-top: 10px; } #p_panier #form_adresse_client .btn_close { width: 15px; height: 15px; border: 1px solid; border-radius: 15px; text-align: center; line-height: 13px; font-size: 9pt; cursor: pointer; position: absolute; right: 15px; top: 5px; } #p_panier #form_adresse_client p { margin: 6px 0px; } #p_panier #form_adresse_client .sous_titre { font-size: 14pt; border: none; margin-bottom: 20px; font-family: 'OpenSans-Bold'; display: block; } #confirmation_commande { font-size: 16pt; height: 400px; display: flex; flex-direction: column; justify-content: center; } #confirmation_commande .titre { font-size: 20pt; } #confirmation_commande .titre:before { content: ""; display: inline-block; width: 20px; height: 20px; background: url("./../img/icon_valide.webp") center no-repeat; background-size: 20px; margin-right: 10px; } #confirmation_commande #box_action a.bouton { height: 25px; } #confirmation_commande #box_action a.bouton:hover { background-color: #AF1817; } #page_contact #confirmation { font-size: 16pt; height: 400px; display: flex; flex-direction: column; justify-content: center; margin: auto; } #page_contact #confirmation p { font-size: 20pt; margin-bottom: 20px; } #page_contact #confirmation p:before { content: ""; display: inline-block; width: 20px; height: 20px; background: url("./../img/icon_valide.webp") center no-repeat; background-size: 20px; margin-right: 10px; } #page_contact #confirmation #box_action { margin-top: 100px; } #page_contact #confirmation #box_action a.bouton { height: 25px; } #page_contact #confirmation #box_action a.bouton:hover { background-color: #AF1817; } #p_404 #confirmation { font-size: 16pt; height: 400px; display: flex; flex-direction: column; justify-content: center; margin: auto; text-align: center; } #p_404 #confirmation p { font-size: 26pt; margin-bottom: 20px; font-family: 'OpenSans-Bold'; } #p_404 #confirmation #box_action { margin-top: 100px; } #p_404 #confirmation #box_action a.bouton { height: 25px; width: 200px; margin: auto; } #p_404 #confirmation #box_action a.bouton:hover { background-color: #AF1817; } #p_creation_compte #confirmation { width: 500px; font-size: 16pt; height: 400px; display: flex; flex-direction: column; justify-content: center; margin: auto; } #p_creation_compte #confirmation p { font-size: 20pt; margin-bottom: 20px; line-height: 1.2em; } #p_creation_compte #confirmation p:before { content: ""; display: inline-block; width: 20px; height: 20px; background: url("./../img/icon_valide.webp") center no-repeat; background-size: 20px; margin-right: 10px; } #p_creation_compte #confirmation #box_action { margin-top: 100px; } #p_creation_compte #confirmation #box_action a.bouton { height: 25px; } #p_creation_compte #confirmation #box_action a.bouton:hover { background-color: #AF1817; } .notification_paiement { position: relative; width: 100%; padding: 20px; box-sizing: border-box; text-align: center; border: 2px solid #454545; border-radius: 3px; margin-bottom: 20px; } .notification_paiement:empty { display: none; } .notification_paiement .sous_titre { text-transform: uppercase; font-family: 'OpenSans-Bold'; margin-bottom: 5px; } .notification_paiement .iconCloseNotification { position: absolute; top: 10px; right: 10px; cursor: pointer; } .qte_max { display: none; } /* FIN PROCESS Cart */ /* PROCESS Recherche */ #p_recherche { } #p_recherche #p_recherche_gamme {display: none;} #p_recherche #p_recherche_fournisseur {display: none;} #p_recherche #p_recherche_quoi {display: none;} #p_recherche #p_recherche_comment {vertical-align: top;} #p_recherche #p_recherche_comment label {display: inline-block; width: 15em; text-align: left; margin-left: 0.5em;} #p_recherche label { } #p_recherche #barre_navigation { padding: 0; height: 23px; border-left: 1px solid #013888; border-right: 1px solid #013888; background-color: #4e74ac; background-image: none; } #p_recherche #barre_navigation_contenu { background-color: #4e74ac; padding-left: 12px; color: white; font-size: 12px; line-height: 24px; background-image: none; } #p_recherche #barre_navigation_contenu a { color: white; font-size: 12px; line-height: 24px; text-decoration: none; } #p_recherche #barre_navigation_contenu a:hover { text-decoration: underline; } #liste_commandes_contenu { margin-left: 20px; } #liste_commandes .pagination { display: flex; width: 100%; } #liste_commandes .pagination .goto { display: flex; width: 100%; white-space: nowrap; align-items: center; } #liste_commandes .pagination .goto input[type=button] { cursor: pointer; display: inline-block; margin: 0px; padding: 0px; height: 30px; width: 30px; border: none; color: white; font-size: 13px; font-family: 'OpenSans-Bold', arial; background-color: #CA231C; margin-left: 10px; } #liste_commandes .barre_navig, #p_recherche .barre_navig, #ba_contenu .barre_navig { padding: 2px 4px; font-size: 12px; color: #ffffff; background-color: #013888; line-height: 30px; width: 100%; display: flex; align-items: center; justify-content: end; margin-right: 50px; } #liste_commandes .barre_navig td,#p_recherche .barre_navig td, #ba_contenu .barre_navig td { } #liste_commandes .barre_navig a,#p_recherche .barre_navig a, #ba_contenu .barre_navig a { color: #ffffff; font-weight: bold; } #liste_commandes .barre_navig a:hover,#p_recherche .barre_navig a:hover, #ba_contenu .barre_navig a:hover { color: #e85911; } #liste_commandes .goto input[type="button"],#p_recherche .barre_navig input[type="submit"], , #ba_contenu .barre_navig input[type="submit"] { padding: 0px 5px; margin: 2px 8px; cursor: pointer; background-color: #CA231C; color: #ffffff; font-family: 'OpenSans-Bold'; height: 30px; width: auto; } #liste_commandes .goto input[type=text],#p_recherche .barre_navig input[type=text], #ba_contenu .barre_navig input[type=text] { font-size: 12px; color: #01578c; background-color: #ffffff; height: 30px; border:none; width: 45px; padding: 0; text-align: center; border: 1px solid #CA231C; font-family: 'OpenSans-Bold'; color: #CA231C; } #liste_commandes .nb_resultat,#p_recherche .nb_resultat { border: 1px solid #013888; font-size: 14px; font-weight: bold; padding: 4px 8px; text-align: center; } #liste_commandes .barre_navig.top,#p_recherche .barre_navig.top, #ba_contenu .barre_navig.top { display: none; } #liste_commandes .barre_navig.bottom,#p_recherche .barre_navig.bottom, #ba_contenu .barre_navig.bottom { background-color: initial; height: 60px; color: #000000; width: 100%; } #liste_commandes .barre_navig.bottom tr,#p_recherche .barre_navig.bottom tr, #ba_contenu .barre_navig.bottom tr { text-align: center; font-family: 'OpenSans-Bold'; line-height: 23px; } #liste_commandes .barre_navig.bottom td,#p_recherche .barre_navig.bottom td, #ba_contenu .barre_navig.bottom td { display: inline-block; } #liste_commandes .barre_navig.bottom a,#p_recherche .barre_navig.bottom a, #ba_contenu .barre_navig.bottom a { margin: 0px 2px; color: #000000; font-weight: normal; font-family: 'OpenSans-Bold'; display: inline-block; width: 30px; height: 30px; border: 1px solid #CA231C; color: #CA231C; line-height: 30px; } #liste_commandes .barre_navig.bottom a.bouton_page_suiv,#p_recherche .barre_navig.bottom a.bouton_page_suiv, #ba_contenu .barre_navig.bottom a.bouton_page_suiv { position: relative; color: #000000; width: auto; height: 7px; display: inline-block; margin-left: 5px; top: 0px; font-family: 'OpenSans'; line-height: 10px; background: initial; border: none; } #liste_commandes .barre_navig.bottom a.bouton_page_suiv:hover,#p_recherche .barre_navig.bottom a.bouton_page_suiv:hover, #ba_contenu .barre_navig.bottom a.bouton_page_suiv:hover { background: initial; color: #CA231C; } #liste_commandes .barre_navig.bottom a.bouton_page_prec,#p_recherche .barre_navig.bottom a.bouton_page_prec, #ba_contenu .barre_navig.bottom a.bouton_page_prec { position: relative; color: #000000; width: auto; height: 7px; display: inline-block; margin-right: 5px; top: 0px; font-family: 'OpenSans'; line-height: 10px; background: initial; border: none; } #liste_commandes .barre_navig.bottom a.bouton_page_prec:hover,#p_recherche .barre_navig.bottom a.bouton_page_prec:hover, #ba_contenu .barre_navig.bottom a.bouton_page_prec:hover { background: initial; color: #CA231C; } #liste_commandes .barre_navig.bottom a:hover,#p_recherche .barre_navig.bottom a:hover, #ba_contenu .barre_navig.bottom a:hover, #liste_commandes .barre_navig.bottom a.actif,#p_recherche .barre_navig.bottom a.actif, #ba_contenu .barre_navig.bottom a.actif { color: #ffffff; background: #CA231C; } #liste_commandes .barre_navig.bottom .infos_pages,#p_recherche .barre_navig.bottom .infos_pages, #ba_contenu .barre_navig.bottom .infos_pages { display: none; } #liste_commandes .barre_navig.bottom .liste_pages b,#p_recherche .barre_navig.bottom .liste_pages b, #ba_contenu .barre_navig.bottom .infos_pages b { font-weight: normal; text-decoration: underline; } #p_recherche .nb_resultat { display: none; } #p_recherche #barre_navigation { display: none; } #ba_contenu .barre_navig { justify-content: center; } #p_recherche .rech_resultat { position: relative; display: inline-block; width: calc(33% - 5px); padding: 0px 8px; border: 3px solid #f4f4f4; margin-left: 1%; box-sizing: border-box; margin-bottom: 10px; } #p_recherche .rech_resultat:first-child { margin-left: 0; } #p_recherche .rech_resultat:nth-child(3n+1) { margin-left: 0; } #p_recherche .visuel { position: relative; width: 100%; height: 200px; text-align: center; line-height: 80px; overflow: hidden; } #p_recherche .visuel img { max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } #p_recherche .picto { position: absolute; top: 5px; right: 10px; } #p_recherche .picto span { color: #ffffff; font-size: 9pt; height: 25px; line-height: 25px; display: block; text-align: center; background-color: #CA231C; font-family: 'OpenSans-Bold'; padding: 0 10px; border-radius: 3px; } #p_recherche table { } #p_recherche .produit .image_produit { width: 100%; height: 184px; margin-bottom: 5px; display: block; padding: 5px; background-color: #ffffff; box-sizing: border-box; text-align: center; } #p_recherche .produit .image_produit a { text-align: center; line-height: 183px; } #p_recherche .produit .image_produit img { max-width: 100%; max-height: 174px; width: auto; height: auto; vertical-align: middle; } #p_recherche .produit .infos_produit .titre_produit { white-space: normal; display: block; height: 44px; overflow: hidden; font-size: 12pt; line-height: 1.4em; } #p_recherche .produit .infos_produit .logo_four { display: block; font-size: 10pt; font-family: 'OpenSans-Bold'; margin-top: 10px; margin-bottom: 10px; width: 68%; } #p_recherche .produit .infos_produit .logo_four img { max-width: 100%; max-height: 100%; width: auto; height: auto; } #p_recherche .produit .infos_produit .ref_cat { display: block; color: #000000; font-size: 10pt; font-family: 'OpenSans-Bold'; margin: 10px 0px; } #p_recherche .produit .infos_produit .eco_contribution { display: none; } #p_recherche .produit .infos_produit .prix_coin_affaire { display: block; width: 185px; margin: auto; margin-top: 10px; } #p_recherche .produit .infos_produit .prix_promo { color: #CA231C; } #p_recherche .produit .infos_produit .prix_promo .prix_entier { font-family: 'OpenSans-Bold'; } #p_recherche .produit .infos_produit .infos_tarif { display: block; width: 185px; margin: auto; margin-top: 5px; line-height: 15px; font-size: 12px; } #p_recherche .produit .infos_produit .infos_tarif .unite { display: block; font-size: 8pt; height: 16px; } #p_recherche .produit .infos_produit .stocks { display: block; margin-top: 20px; } #p_recherche .produit .infos_produit .stocks .stock_dispo { padding-left: 40px; background: url("./../img/picto_stocks_dispo.png") no-repeat; background-position: left center; } #p_recherche .produit .infos_produit .stocks .stock_indispo { padding-left: 40px; background: url("./../img/picto_stocks_indispo.png") no-repeat; background-position: left center; } .stock .picto_stock_indispo, .stock .picto_stock_a_confirmer { background: url(./../img/picto_stocks_indispo.png) no-repeat; background-position: left center; height: 20px; display: inline-block; } .stock .picto_stock_dispo { background: url(./../img/picto_stocks_dispo.png) no-repeat; background-position: left center; height: 20px; display: inline-block; } .stock .picto_stock_nos_agences { background: url(./../img/picto_stocks_a_confirmer.png) no-repeat; background-position: left center; height: 20px; display: inline-block; } .stock span { line-height: 18px; font-size: 13px; text-align: left; } .stock span > span { font-family: 'OpenSans-Bold'; } .stock span.loading { padding-left: 0px; line-height: 18px; font-size: 16px; } #p_recherche .produit h2 { margin-top: 15px; font-family: 'OpenSans'; text-transform: none; font-weight: normal; font-size: 17px; height: 40px; overflow: hidden; } #p_recherche .produit .four img { max-width: 100%; max-height: 35px; width: auto; height: auto; } #p_recherche .ajout_panier { float: right; width: 156px; text-align: center; } #p_recherche .ajout_panier .box_ajout_panier span { float: right; margin-bottom: 5px; } #p_recherche .ajout_panier .box_ajout_panier span.libelle { float: left; } #p_recherche .ajout_panier .box_ajout_favoris { margin-top: 0px; margin-left: 25px; } .box_ajout_favoris { display: none; position: absolute; bottom: 0px; right: 0px; background: url("./../img/icon_ajout_favoris.svg") center no-repeat; width: 16px; height: 16px; cursor: pointer; } .box_ajout_favoris:hover { background: url("./../img/icon_retirer_favoris.svg") center no-repeat; } .box_ajout_favoris.favoris { background: url("./../img/icon_retirer_favoris.svg") center no-repeat; } .box_ajout_favoris.favoris:hover { background: url("./../img/icon_ajout_favoris.svg") center no-repeat; } #p_recherche .prix { font-size: 18px; } #p_recherche .prix .type_prix { display: inline-block; height: 30px; line-height: 30px; vertical-align: middle; } #p_recherche .prix .devise { color: #DD2726; font-family: 'OpenSans-Bold'; font-size: 20px; margin-left: 5px; margin-right: 5px; } #p_recherche .prix input { color: #DD2726; font-family: 'OpenSans-Bold'; font-size: 20px; border: none; width: 80px; text-align: right; } #p_recherche .quantite { margin-top: 10px; text-align: center; margin-bottom: 10px; } #p_recherche .quantite .flex_row { justify-content: center; } .quantite input { width: 66px; height: 40px; display: inline-block; font-family: 'OpenSans'; color: #000000; text-align: center; box-sizing: border-box; padding: 0px; margin: 0px; border-top: 3px solid #EDEDED; border-bottom: 3px solid #EDEDED; border-left: none; border-right: none; } .quantite input:focus-visible { outline: -webkit-focus-ring-color auto 0px; } .quantite .retirer { width: 40px; height: 40px; line-height: 33px; display: inline-block; vertical-align: middle; background-size: 16px; border: 3px solid #EDEDED; border-radius: 5px; border-right: none; text-align: center; font-family: 'OpenSans-Bold'; color: #000000; left: 3px; position: relative; box-sizing: border-box; } .quantite .ajouter { width: 40px; height: 40px; line-height: 33px; display: inline-block; vertical-align: middle; background-size: 16px; border: 3px solid #EDEDED; border-radius: 5px; border-left: none; text-align: center; font-family: 'OpenSans-Bold'; color: #000000; left: -3px; position: relative; box-sizing: border-box; } #p_produit .quantite input { width: 66px; height: 57px; font-size: 17pt; } #p_produit .quantite .retirer { width: 57px; height: 57px; line-height: 54px; font-size: 17pt; } #p_produit .quantite .ajouter { width: 57px; height: 57px; line-height: 54px; font-size: 17pt; } #p_recherche .bouton_panier { margin-top: 15px; } .panier_ajout { background-color: #CA231C; color: #ffffff; font-size: 12px; width: 40px; height: 40px; cursor: pointer; display: inline-block; text-align: center; line-height: 29px; vertical-align: middle; box-sizing: border-box; border-radius: 3px; } .panier_ajout:after { content: ""; -webkit-mask-image: url(./../img/icon_panier.svg); mask-image: url(./../img/icon_panier.svg); width: 40px; height: 40px; display: inline-block; background-color: #ffffff; -webkit-mask-size: 28px; mask-size: 28px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; vertical-align: middle; } #p_produit .panier_ajout:after { height: 57px; } .panier_ajout:hover { box-shadow: inset 2px 5px 15px -2px rgba(0, 0, 0, 0.3); } #accueil_rayons #listing_produits a.panier_ajout { color: #ffffff; } .panier_ajout:hover { color: #ffffff; } #p_recherche #recherche_header { position: relative; display: flex; justify-content: space-between; background-color: #F4F4F4; align-items: center; min-height: 50px; } #p_recherche #recherche_header .entete_sections { text-transform: uppercase; font-size: 16pt; margin-left: 20px; } #p_recherche #tri_recherche { font-size: 12pt; display: inline-block; } #p_recherche .pages_recherche { font-family: 'OpenSans-Bold'; font-size: 13px; display: flex; flex-direction: row; align-items: center; margin-left: 90px; justify-content: center; justify-self: end; } #p_recherche .pages_recherche > table { min-width: 500px; } #p_recherche .pages_recherche .pages { display: flex; width: 100%; white-space: nowrap; align-items: center; } #p_recherche .pages_recherche .pages a { padding: 0px 5px; margin: 2px 8px; cursor: pointer; background-color: #CA231C; color: #ffffff; font-family: 'OpenSans-Bold'; height: 30px; width: auto; line-height: 30px; } #p_recherche .pages_recherche .pages input[type=number] { font-size: 12px; color: #01578c; background-color: #ffffff; height: 30px; border:none; width: 45px; padding: 0; text-align: center; border: 1px solid #CA231C; font-family: 'OpenSans-Bold'; color: #CA231C; margin-left: 20px; } #p_recherche .pages_recherche .pages { margin-left: 50px; line-height: 23px; font-family: 'OpenSans'; } #p_recherche .pages_recherche .pages input::-webkit-outer-spin-button, #p_recherche .pages_recherche .pages input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #p_recherche .pages_recherche select { display: inline-block; margin-right: 10px; padding: 0 4px; height: 24px; border: 1px solid #9CA0A0; color: #2F3837; font-size: 16px; height: 35px; font-family: 'OpenSans-Bold'; padding-right: 22px; min-width: 70px; margin-left: 10px; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance: none; appearance: none; background: url('./../img/picto_defilement_bas.png') no-repeat 97% 50% #ffffff; } #p_recherche .pages_recherche select::-ms-expand { display: none; } #p_recherche .calcul_prix_stocks { height: 0px; } #p_recherche .ajout_panier .eco_contribution { white-space: nowrap; } #p_recherche .ajout_panier .nature_tarif { display: block; text-align: right; font-size: 12px; } #p_produit .panier_ajout { line-height: 27px; } #p_produit .panier_ajout:after { margin-left: 10px; } .tab_search_nav {display: block; width: 100%; margin: 1em 0; border: 1px solid #000000; background-color: #fafafa;} .tab_search_nav td {width: 25%; border: 1px solid #000000; background-color: #fafafa;} .rech_prix_apartirde { display: none; } /* FIN PROCESS Recherche */ /* PROCESS Commandes */ #p_commande { margin-left: 20px; width: 100%; } #p_commande .box_option { line-height: 2em; text-align: right; } #p_commande #infos_commande_visuel { margin: 20px 0px; } #p_commande #infos_commande_visuel { display: inline-block; float: left; width: 150px; height: 126px; text-align: center; background-color: #ffffff; } #p_commande #infos_commande_visuel img { max-width: 150px; max-height: 126px; width: auto; height: auto; } #p_commande a.bouton.btn_valider { vertical-align: middle; line-height: 41px; background-color: #CA231C; width: 220px; height: 41px; color: #ffffff; font-size: 16px; display: inline-block; text-align: center; margin-left: 14px; } #p_commande a.bouton.btn_valider:hover { box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.3); } #p_commande .infos_supplementaires { line-height: 1.5em; } #p_commande .picto_paiement { display: flex; justify-content: flex-start; margin: 0; } #p_commande .entete_right { position: absolute; top: -55px; right: 0px; line-height: normal; display: flex; flex-direction: row; } #p_commande .statut { margin-left: 20px; } #p_commande .statut span { color: #ffffff; border-radius: 3px; padding: 5px; min-width: 120px; display: block; text-align: center; } #p_commande .statut.statut_TRAITEMENT span { background-color: #919191; } #p_commande .statut.statut_ARP span { background-color: #919191; } #p_commande .statut.statut_EXPIRE span { background-color: #919191; } #p_commande .statut.statut_EN_COMMANDE_FOURNISSEUR span { background-color: #FD9908; } #p_commande .statut.statut_COMMANDE_PREPAREE span { background-color: #FD9908; } #p_commande .statut.statut_COMMANDE span { background-color: #FD9908; } #p_commande .statut.statut_LIVRAISON_PARTIELLE span { background-color: #FD9908; } #p_commande .statut.statut_EN_COURS span { background-color: #00BF63; } #p_commande .statut.statut_COMMANDE_DISPONIBLE span { background-color: #FD9908; } #p_commande .statut.statut_LIVRAISON span { background-color: #00BF63; } #p_commande .montant_articles { justify-content: space-between; } #p_commande .tab_donnees .libelle { font-family: 'OpenSans-Bold'; line-height: 20px; } #p_commande .montantHT .prix { font-family: 'OpenSans-Bold'; } #p_commande .bloc_content.CB, #p_commande .bloc_content.ECHEANCE, #p_commande .bloc_content.VIREMENT { display: none; } #p_commande .CB .bloc_content.CB, #p_commande .ECHEANCE .bloc_content.ECHEANCE, #p_commande .VIREMENT .bloc_content.VIREMENT { display: block; } #p_commandes_contenu { position: relative; } #p_commandes_contenu > div.total { width: 50%; float: right; } #p_commandes { } #p_commandes .titre { font-family: 'OpenSans-Bold'; border: none; font-size: 14pt; margin-left: 20px; line-height: normal; text-transform: none; } #p_commandes #liste_commandes_contenu { display: table; width: 100%; } #p_commandes #liste_commandes_contenu .entete { background-color: #dedede; } #p_commandes .ligne { display: table-row; } #p_commandes .infos_commande.ligne .cell { border-bottom: 1px solid #dedede; } #p_commandes .infos_commande.ligne .cell .Web:before { content: ""; display: inline-block; margin-right: 15px; background: url("./../img/icon_web.svg") left no-repeat; width: 30px; height: 25px; vertical-align: middle; } #p_commandes .infos_commande.ligne .cell .Agence { content: ""; display: inline-block; margin-right: 15px; background: url("./../img/icon_magasin.svg") left no-repeat; width: 30px; height: 25px; vertical-align: middle; padding-left: 30px; padding-right: 30px; line-height: 25px; } #p_commandes .infos_commande .statut span { color: #ffffff; border-radius: 3px; padding: 5px; min-width: 120px; display: block; text-align: center; font-size: 10pt; } #p_commandes .infos_commande .statut.statut_TRAITEMENT span { background-color: #919191; } #p_commandes .infos_commande .statut.statut_ARP span { background-color: #919191; } #p_commandes .infos_commande .statut.statut_EXPIRE span { background-color: #919191; } #p_commandes .infos_commande .statut.statut_COMMANDE span { background-color: #FD9908; } #p_commandes .infos_commande .statut.statut_EN_COMMANDE_FOURNISSEUR span { background-color: #FD9908; } #p_commandes .infos_commande .statut.statut_COMMANDE_PREPAREE span { background-color: #FD9908; } #p_commandes .infos_commande .statut.statut_LIVRAISON_PARTIELLE span { background-color: #FD9908; } #p_commandes .infos_commande .statut.statut_EN_COURS span { background-color: #00BF63; } #p_commandes .infos_commande .statut.statut_COMMANDE_DISPONIBLE span { background-color: #FD9908; } #p_commandes .infos_commande .statut.statut_LIVRAISON span { background-color: #00BF63; } #p_commandes .infos_commande .btn { background-color: #ededed; padding: 5px; border-radius: 3px; } #p_commandes .infos_commande .btn:hover { background-color: #CA231C; color: #ffffff; } #p_commandes .cell { display: table-cell; padding: 10px; } #liste_commandes .nb_resultats { color: #545454; font-size: 10pt; margin: 20px; display: flex; flex-direction: row; justify-content: space-between; margin-right: 0; width: 100%; align-items: self-end; } #liste_commandes .nb_resultats span { margin-right: 10px; } #liste_commandes .nb_resultats .div_center { width: 145px; white-space: nowrap; } #liste_commandes .nb_resultats .select_wrapper { width: calc(100% - 55px); } #liste_commandes .nb_resultats .select_wrapper:after { top: 4px; background: 0; mask: url("./../img/icon_arrow.svg") no-repeat right; -webkit-mask: url("./../img/icon_arrow.svg") no-repeat right; background-color: #919191; } #liste_commandes .nb_resultats select { width: 80px; height: 33px; } #p_commandes .zone_filtres { background-color: #EDEDED; min-height: 60px; margin: 20px; display: flex; flex-direction: row; align-items: center; width: 100%; box-sizing: border-box; margin-right: 0; padding: 10px; font-size: 10pt; } #p_commandes .zone_filtres .sous_filtres { display: flex; flex-direction: row; color: #545454; margin-top: 10px; } #p_commandes .zone_filtres .recherche { position: relative; white-space: nowrap; width: 400px; display: flex; flex-direction: row; align-items: center; color: #545454; } #p_commandes .zone_filtres .recherche .bouton { position: absolute; top: 4px; right: 0; } #p_commandes .zone_filtres .champs_filtres { width: 100%; } #p_commandes .zone_filtres input[type=submit] { width: 25px; height: 25px; mask: url("./../img/icon_loupe.svg") no-repeat center; -webkit-mask: url("./../img/icon_loupe.svg") no-repeat center; background-color: #919191; } #p_commandes .zone_filtres input[type=text], #p_commandes .zone_filtres select { display: inline-block; margin-left: 5px; margin-right: 5px; padding-left: 5px; padding-right: 5px; height: 33px; border: 1px solid #EDEDED; color: #000000; font-size: 13px; width: 100px; font-family: 'OpenSans'; box-sizing: border-box; background-color: #ffffff; border: 1px solid #919191; } #p_commandes .zone_filtres input[type=text][name=numCommande], #p_commandes .zone_filtres input[type=text][name=ReferenceCommande] { width: 100%; padding-right: 40px; } #p_commandes .zone_filtres input[type=text] { font-size: 10pt; color: #545454; width: 75%; padding-right: 25px; } #p_commandes .zone_filtres .date input[type=text] { background: url("./../img/icon_calendar.svg") no-repeat 95%; background-color: #ffffff; } #p_commandes .zone_filtres .select_wrapper { width: 35%; } #p_commandes .zone_filtres .select_wrapper:after { top: 4px; background: 0; mask: url("./../img/icon_arrow.svg") no-repeat right; -webkit-mask: url("./../img/icon_arrow.svg") no-repeat right; background-color: #919191; } #p_commandes .zone_filtres select { font-size: 10pt; color: #545454; width: 97%; } #p_commandes .zone_filtres input[type=text]::placeholder { color: #545454; } #p_commandes #page_espace_client_connecte .sous_titre { height: auto; margin-left: 20px; line-height: 1.5em; padding: 0; border: none; font-family: 'OpenSans'; font-size: 12pt; } #p_commandes .col.sections { width: 15%; margin-right: 3%; } #p_commandes .col.contenu { width: 82%; } #p_commandes .col.contenu .affichage_N { display: none; } #p_commandes .section { font-size: 15px; font-family: 'OpenSans-Bold'; margin-bottom: 20px; line-height: 20px; text-transform: uppercase; border-bottom: 1px solid #c4c8cb; white-space: nowrap; } #p_commandes .section.active:before { content: ">"; margin-right: 5px; position: absolute; left: 10px; } #p_commandes .section:hover, #p_commandes .section.active { border-bottom: 1px solid #CA231C; color: #CA231C; } #p_commandes .section:hover, #p_commandes .section.active a { color: #CA231C; } #p_commandes .section a { position: relative; display: inline-block; width: 100%; } #p_commandes .section.active a { width: calc(100% - 15px); } #p_commandes #infos_commande_visuel { margin: 20px 0px; } #p_commandes .titre_page { margin-bottom: 65px; font-size: 20px; font-family: 'OpenSans-Bold'; margin-bottom: 25px; line-height: 40px; text-transform: uppercase; border-bottom: 1px solid #c4c8cb; } #p_commandes .tableau {width: 100%;} #p_commandes td.numero {text-align: center;} #p_commandes td.edition {text-align: center;} #p_commandes td.montant {text-align: right;} #p_commandes td.reinjecter {text-align: center;} #p_commandes .box_option { line-height: 2em; text-align: right; } #p_commandes td.sstotal {border: none; background: none; text-align: right; font-weight: bold;} #p_commandes tr.total td.total { border-bottom: 1px solid #DCDCD9; background-color: #F1F1F1; height: 65px; font-size: 20px; font-family: 'OpenSans-Bold'; vertical-align: middle; text-transform: uppercase; text-align: left; } #p_commandes th.chantier, #p_commandes td.chantier {display: none;} #p_commandes th.edition, #p_commandes td.edition {display: none;} #p_commandes .commande { display: block; width: 100%; padding: 20px; min-height: 120px; background-color: #F0EFEF; box-sizing: border-box; margin-top: 20px; } #p_commandes .commande:first-child { margin-top: 0px; } #p_commandes .commande .infos_commande .sp { display: none; } #p_commandes .commande .infos_commande { display: inline-block; width: 85%; } #p_commandes .commande .infos_commande > div { display: flex; flex-direction: row; align-items: center; margin-top: 5px; } #p_commandes .commande .infos_commande > div:nth-child(2) { margin-top: 5px; } #p_commandes .commande .infos_commande > div > span { width: 27%; } #p_commandes .commande .infos_commande > div.total { margin-top: 16px; } #p_commandes .commande .infos_commande > div.total > span:first-child { width: 73%; max-width: 705px; } #p_commandes .commande .infos_commande > div span.libelle { font-family: 'OpenSans-Bold'; font-size: 16px; } #p_commandes .commande .infos_commande > div > span.identifiant { font-family: 'OpenSans-Bold'; font-size: 16px; width: 46%; max-width: 400px; } #p_commandes .commande .infos_commande > div > span.reference { font-family: 'OpenSans-Bold'; font-size: 16px; overflow: hidden; max-width: 400px; width: 46%; line-height: 18px; } #p_commandes .commande .infos_commande img { max-width: 100px; max-height: 100px; width: auto; height: auto; } #p_commandes .commande .infos_commande .infos .designation { line-height: 23px; } #p_commandes .commande .date { } #p_commandes #liste_commandes .nb_total { font-family: 'OpenSans-Bold'; } #p_commandes #liste_commandes .nb_total .nb { color: #CA231C; } #p_commandes .commande .panier_validation { display: block; font-size: 16px; } #p_commandes .commande .infos_commande > div > span.montant { display: block; font-family: 'OpenSans-Bold'; font-size: 16px; color: #CA231C; border: 2px solid; width: auto; padding: 0px 5px; height: 30px; line-height: 30px; box-sizing: border-box; white-space: nowrap; } #p_commandes .commande .boutons { display: flex; flex-direction: column; align-items: center; float: right; font-family: 'OpenSans-Bold'; height: 90px; justify-content: space-between; } #p_commandes .commande .boutons a.btn { width: 100px; height: 30px; display: block; text-align: center; line-height: 30px; background-color: #CA231C; color: #ffffff; } #p_commandes .commande .boutons a.btn:hover { box-shadow: inset 2px 5px 15px -2px rgba(0, 0, 0, 0.3); } #p_commandes .commande .boutons a.reinjecter { display: block; width: 35px; height: 40px; background: url("./../img/reinjecter.png") no-repeat center; } #p_commandes .historique_commandes { position: relative; display: block; width: 100%; min-height: 145px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); padding: 20px; box-sizing: border-box; } #liste_commandes_contenu .barre_navig.bottom .sep_crochet { display: none; } #liste_commandes_contenu .barre_navig.bottom a { text-align: center; } /* FIN PROCESS Commandes */ /* page partenaires */ #page_static { position: relative; display: block; width: 100%; } #page_static h2:not(:empty) { width: 100%; line-height: 26px; text-transform: none; } #page_static h3 { color: #CA231C; } #page_static .partenaire { position: relative; display: inline-block; width: 320px; margin-left: 10px; margin-bottom: 30px; float: left; border: 1px solid #eaeaea; height: 142px; text-align: center; } #page_static .partenaire .nom_partenaire { display: block; color: #BF2636; font-family: 'OpenSans-Bold'; margin-top: 5px; } #page_static .partenaire .logo_partenaire { position: relative; display: inline-block; width: 150px; text-align: center; margin: auto; margin-top: 20px; line-height: 60px; display: block; max-height: 75px; } #page_static .partenaire .logo_partenaire img { max-width: 150px; max-height: 75px; width: auto; height: auto; } #page_static .partenaire .lien_produits_partenaire { } #page_static .partenaire .lien_produits_partenaire a { text-decoration: none; color: #EE8841; position: relative; display: block; font-family: 'OpenSans'; } #page_static .partenaire .lien_produits_partenaire a:before { content: ">"; position: relative; padding-right: 5px; display: inline-block; font-size: 11px; } #page_static .partenaire .lien_site_partenaire { background: url("./../img/iconWeb.png") no-repeat; } #page_static .partenaire .lien_site_partenaire a { display: block; text-decoration: none; color: #074A5C; margin-bottom: 10px; } #page_static ul { padding-left: 20px; } #content_page_static { width: 100%; box-sizing: border-box; text-align: center; line-height: 20px; } #content_page_static #contact_agences { padding: 20px; background-color: #dedede; } #content_page_static #contact_agences .titre { background: url("./../img/icon_tel.webp") left no-repeat; background-size: 20px; padding-left: 30px; font-family: 'OpenSans-Bold'; } #content_page_static #contact_agences .agences { margin-left: 30px; margin-bottom: 50px; } #content_page_static #contact_agences .agence { margin: 15px 0; white-space: nowrap; display: flex; flex-direction: row; align-items: center; } #content_page_static #contact_agences .agence .libelle { font-family: 'OpenSans-Bold'; } #content_page_static #contact_agences a { margin-left: 30px; text-decoration: underline; } #content_page_static #avis { background: url("./../img/contact.webp") center no-repeat; width: 312px; height: 312px; background-size: cover; margin-top: 40px; } #content_page_static > div { text-align: left; } #content_page_static .actu { display: inline-flex; flex-direction: column; margin-left: 55px; width: calc(50% - 30px); height: 386px; align-items: center; text-align: left; font-size: 12pt; margin-bottom: 20px; } #content_page_static .actu:first-child, #content_page_static .actu:nth-child(2n+1) { margin-left: 0px; } #content_page_static .actu .descriptif_actu { max-height: 48px; } #content_page_static .actu .lien_actu { font-family: 'OpenSans-Bold'; color: #CA231C; display: block; } #content_page_static .lien_actu:after { } #content_page_static .actus { text-align: center; } #page_contact { display: flex; flex-direction: row; justify-content: space-between; } #page_contact .col_gauche { width: 50%; } #page_contact input[type="text"], #page_contact input[type="email"], #page_contact select, #page_contact textarea, #page_creation_compte input[type="text"], #page_creation_compte input[type="email"], #page_creation_compte input[type="password"], #page_contact .select_wrapper { width: 100%; box-sizing: border-box; } #page_contact input[type="text"], #page_contact input[type="email"], #page_contact select, #page_contact textarea, #page_creation_compte input[type="text"], #page_creation_compte input[type="email"], #page_creation_compte input[type="password"] { padding-left: 10px; margin-top: 5px; margin-bottom: 15px; } #page_creation_compte .form_password a.icone_cacher { } #page_creation_compte .form_password a.icone_voir { } #page_contact .select_wrapper:after { top: 12px; } #page_creation_compte select, #page_creation_compte textarea { border: 1px solid #919191; padding: 0 20px; font-family: 'OpenSans'; width: 100%; height: 42px; margin-bottom: 10px; display: block; color: #000000; box-sizing: border-box; } #page_contact input[type=radio], #page_creation_compte input[type=radio] { width: 20px; height: 20px; padding: 0; -webkit-appearance: auto; appearance: auto; margin-left: 25px; margin-right: 10px; } #page_creation_compte .titre { font-family: 'OpenSans-Bold'; } #page_creation_compte .rule { font-size: 8pt; color: #545454; } #page_creation_compte .aide { font-size: 8pt; color: #545454; margin-bottom: 20px; } #page_creation_compte .sous_titre { font-family: 'OpenSans-Bold'; font-size: 10pt; margin-top: 20px; } #page_creation_compte .col_gauche { width: 50%; float: left; } #page_creation_compte .col_droite { width: 50%; float: right; } #page_creation_compte .col_contenu { width: 300px; text-align: center; margin: auto; } #page_creation_compte .col_contenu .titre { margin-bottom: 10px; line-height: 25px; } #page_creation_compte .col_contenu ul { margin-left: 30px; } #page_creation_compte .col_contenu li { text-align: left; width: 220px; margin-top: 20px; margin-bottom: 20px; } #page_creation_compte .col_contenu .section { background-color: #ededed; padding: 20px; margin-bottom: 30px; } #page_creation_compte .col_contenu .bouton { background-color: #ffffff; color: #CA231C; border: 1px solid #CA231C; margin-top: 20px; font-family: 'OpenSans'; } #page_creation_compte .col_contenu .bouton:hover { background-color: #CA231C; color: #ffffff; } #page_creation_compte .same_row { align-items: center; margin-bottom: 10px; } #page_creation_compte .same_row span { width: 100%; } #page_creation_compte .same_row label { white-space: nowrap; margin-right: 20px; width: 200px; } #page_creation_compte .same_row input { margin-bottom: 0px; } #page_creation_compte label a { text-decoration: underline; } #page_creation_compte .accept { margin-top: 20px; } #page_creation_compte .accept label { margin-left: 5px; } #page_creation_compte .form_password { width: 100%; } #page_creation_compte .form_password label { display: block; } #page_creation_compte input[type="submit"] { box-sizing: content-box; } #page_creation_compte #visuel { background: url("./../img/abelec_distribution.webp") center no-repeat; width: 100%; height: 480px; background-size: 300px; } #page_contact textarea { width: 100%; padding: 10px 20px; } #page_contact textarea { height: 176px; } #page_contact .form_obligatoire { position: absolute; bottom: -10px; left: -3px; font-family: 'OpenSans-Bold'; } /* PROCESS Création Compte */ .form_champ { margin: 10px 0px; } .form_lib { display: inline-block; width: 100%; vertical-align: top; padding-top: 3px; margin-bottom: 5px; } .form_val { display: inline-block; width: 100%; } .champ_obligatoire .champ_etoile { color: #e4312c; padding-left: 4px; } /* FIN PROCESS Création Compte */ /* Classes génériques */ .clearer { clear: both;} .align_centre { text-align: center;} .align_droite { text-align: right;} .align_justifier { text-align: justify;} .flottant_gauche { float: left; } .flottant_droite { float: right; } .ico_actualiser { background-image: url('./../img/picto_actualiser.png'); background-repeat: no-repeat; background-position: left center; padding-left: 35px; display: inline-block; line-height: 35px; } .ico_panier_vider { display: inline-block; line-height: 25px; } .ico_panier_vider:hover { } .ico_panier_vider:after { content: ""; display: inline-block; width: 15px; height: 18px; -webkit-mask: url('./../img/icon_trash.svg'); mask: url('./../img/icon_trash.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: left center; mask-position: right center; background-color: #545454; vertical-align: middle; margin-left: 15px; } a.bouton:hover .ico_panier_vider:after { background-color: #ffffff; } .ico_sauvegarder { display: inline-block; line-height: 25px; } .ico_recuperer { background-image: url('./../img/icon_download.svg'); background-repeat: no-repeat; background-position: right center; display: inline-block; line-height: 25px; background-size: 20px; padding-right: 30px; } a.bouton:hover .ico_recuperer { background-image: url('./../img/icon_download_hover.svg'); } .ico_panier_exporter { background-image: url('./../img/ico_panier_exporter.png'); background-repeat: no-repeat; background-position: left center; padding-left: 35px; display: inline-block; line-height: 25px; } .ico_etape_suivante { background-image: url('./../img/ico_suivant.png'); background-repeat: no-repeat; background-position: right center; padding-right: 25px;} .ico_etape_precedente { vertical-align: middle; min-width: 200px; height: 25px; display: inline-block; text-align: center; background-color: #ffffff; font-family: 'OpenSans'; font-size: 16px; line-height: 25px; color: #000000; border: 1px solid #000000; border-radius: 3px; } .ico_etape_precedente:hover { color: #ffffff; background-color: #CA231C; border: 1px solid #CA231C; } .ico_etape_precedente:before { content: ""; position: relative; transform: rotate(315deg); color: #000000; width: 6px; height: 6px; border-left: 1.54pt solid #000000; border-top: 1.54pt solid #000000; display: inline-block; margin-right: 5px; top: -1px; } .ico_etape_precedente:hover:before { border-left: 1.54pt solid #ffffff; border-top: 1.54pt solid #ffffff; } .bouton.btn_action { min-width: 150px; height: 35px; display: inline-block; text-align: center; background-color: #000000; color: #ffffff; font-family: 'OpenSans-Bold'; line-height: 33px; padding-left: 10px; padding-right: 10px; width: auto; margin-left: 20px; } .bouton.btn_action:hover { border: none; background-color: #000000; text-decoration: none; } #confirmation_commande .ico_etape_precedente:before { display: none; } /* FIN Classes génériques */ /* A faire totalement disparaitre des templates clients */ table.tableau {width: 100%; margin-top:10px; } table.tableau th, table.tableau .tableau_header td {border: 1px solid #000000; padding: 0.4em; color: #fefefe; font-weight: bold; background-color: #013888;} table.tableau td {border: 1px solid #000000; padding: 0.4em; color: #000000; background-color: #fafafa;} table.tableau td.sstotal, table.mini_table td.sstotal {border: none; background: none; text-align: right; font-weight: bold;} table.tableau td.total, table.mini_table td.total {border: none; background: none; text-align: right; font-weight: bold; color: #013888; font-size: 1.2em;} table.tableau td.vierge {background: none; border: none;} table.tableau input[type=text], table.mini_table input[type=text] {background: none; border: none; text-align: right;} .tableau_contact { width:98%; border:0px solid #000000; text-align: left; font-weight: normal; } .tableau_contact tr { border: 4px solid #ffffff; } .tableau_contact span.form_libelle_champ { padding-right: 0.8em; } .tableau_client { width:98%; border:0px solid #000000; text-align: left; font-weight: normal; } .tableau_client tr { border: 4px solid #ffffff; } .tableau_client span.form_libelle_champ { padding-right: 0.8em; } .sous_section { text-align: center; font-size:1.1em; line-height: 1.1em; font-weight: bold;} table.tab_donnees td.sous_section {border: 1px solid #000000; padding: 0.4em; color: #000000; font-weight: bold; background-color: #013888;} table.tab_donnees tr.ligne_eco { padding: 0px; border-left: 1px solid #DCDCD9; border-right: 1px solid #DCDCD9; } table.tab_donnees tr.ligne_eco td.designation { padding: 0px; } table.tab_donnees tr.ligne_eco td.designation .reference { text-align: right; margin-top: 3px; } table.tab_donnees tr.article .ecotaxe { white-space: nowrap; } table.tab_donnees tr.article .libelle_eco { margin-top: 15px; display: inline-block; margin-bottom: 10px; font-family: 'OpenSans'; margin-right: 7px; font-size: 9pt; } table.tab_donnees tr.article .eco_contribution { font-family: 'OpenSans-Bold'; white-space: nowrap; font-size: 9pt; } table.tab_donnees tr.article .ecocontrib_unitaire { display: none; } table.tab_donnees tr.article .libelle_eco.sp { display: none; } table.tableau td td {padding: 0; border: none;} .form_mention_obligatoire {color: red;} /* FIN A faire totalement disparaitre des templates clients */ /* MESSAGES */ #msg_system { margin: 0 10px; font-size: 12px; font-weight: bold; text-align: center; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 0 rgba(255, 255, 255, 0.2) inset; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); line-height: 16px; } #msg_system .msg_erreur { padding: 4px; border: 2px solid #E18D9A; color: #DA5251; width: 500px; margin: auto; background-color: #ffcccc; } #msg_system .msg_warning { padding: 4px; border: 2px solid #E4BF7F; color: #9C6C38; width: 500px; margin: auto; background-color: #ffeac3; } #msg_system .msg_notice { padding: 4px; background: linear-gradient(to bottom, #D9EDF7 0%, #BAE6FC 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 2px solid #88C4E2; color: #3A87AD; } #msg_system .msg_info { padding: 4px; border: 2px solid #B9B9B9; color: #000000; width: 500px; margin: auto; background-color: #f1f1f1; } #msg_system .msg_success { padding: 4px; background: linear-gradient(to bottom, #DFF0D8 0%, #D0F2C3 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: #B4DA95; color: #468847; } #msg_system .msg_debug { display: none; padding: 4px; background: linear-gradient(to bottom, #F6EDBA 0%, #F5E0A8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 2px solid #E4BF7F; color: #9C6C38; } #msg_system .msg_warning .btn_noscript { display: inline-block; padding: 5px; margin: 10px; background-color: #CA231C; color: #ffffff; font-size: 20px; font-weight: normal; font-family: 'OpenSans-Bold'; } #msg_system .msg_debug_log { text-align: left; } #page.maintenance #msg_system .msg_notice { display: none; } #msg_system .count { border: 1px solid; border-radius: 10px; width: 16px; display: inline-block; margin-left: 5px; } /* FIN MESSAGE */ /* Classe de style */ .titre_famcou { height: 43px; } .titre_famcou .titre_famcou_pre { float: left; display: block; height: 43px; width: 28px; background-image: url('./../img/titre_famcou_pre.png'); background-repeat: no-repeat; } .titre_famcou .titre_famcou_contenu { float: left; display: block; color: #FFFFFF; font-size: 22px; text-shadow: 2px 2px 2px #000000; font-weight: bold; line-height: 38px; padding: 0 10px; text-align: center; min-width: 150px; height: 43px; background-image: url('./../img/titre_famcou_contenu.png'); background-repeat: repeat-x; } .titre_famcou .titre_famcou_suf { float: left; display: block; height: 43px; width: 24px; background-image: url('./../img/titre_famcou_suf.png'); background-repeat: no-repeat; } /* FIN Classe de style */ /* Style icones de fichier */ .FICHIER_ICO_ZIP { padding: 2px 0px 2px 20px; vertical-align: middle; text-align: left; background-image: url('./../../Icones/iconFileZip.png'); background-repeat: No-repeat; background-position: center left;} .FICHIER_ICO_CSV { padding: 2px 0px 2px 20px; vertical-align: middle; text-align: left; background-image: url('./../../Icones/iconFileExcel.png'); background-repeat: No-repeat; background-position: center left;} .FICHIER_ICO_XLS { padding: 2px 0px 2px 20px; vertical-align: middle; text-align: left; background-image: url('./../../Icones/iconFileExcel.png'); background-repeat: No-repeat; background-position: center left;} .FICHIER_ICO_IMG { padding: 2px 0px 2px 20px; vertical-align: middle; text-align: left; background-image: url('./../../Icones/iconFileImage.png'); background-repeat: No-repeat; background-position: center left;} .FICHIER_ICO_TXT { padding: 2px 0px 2px 20px; vertical-align: middle; text-align: left; background-image: url('./../../Images/iconTxt.gif'); background-repeat: No-repeat; background-position: center left;} .FICHIER_ICO_PDF { padding: 2px 0px 2px 20px; vertical-align: middle; text-align: left; background-image: url('./../../Images/iconPdf.gif'); background-repeat: No-repeat; background-position: center left;} .FICHIER_ICO_XML { padding: 2px 0px 2px 20px; vertical-align: middle; text-align: left; background-image: url('./../../Icones/iconFileXml.png'); background-repeat: No-repeat; background-position: center left;} .FICHIER_ICO_DOC { padding: 2px 0px 2px 20px; vertical-align: middle; text-align: left; background-image: url('./../../Images/iconWord.gif'); background-repeat: No-repeat; background-position: center left;} .FICHIER_ICO_HTM { padding: 2px 0px 2px 20px; vertical-align: middle; text-align: left; background-image: url('./../../Icones/iconHtm.png'); background-repeat: No-repeat; background-position: center left;} .btncaptcha { background-image: url("./../img/iconRefresh.svg"); background-position: center center; background-repeat: no-repeat; border: 1px solid; border-radius: 5px; color: #000000; display: inline-block; height: 25px; margin: 4px; width: 26px; background-size: 16px; } .btncaptcha:hover { color: #000000; } .tooltip { cursor: help; width: 170px; } .ttip { cursor: pointer; display:none; position:absolute; z-index:10000; padding:4px; max-width:300px; background-color:#FFFFDF; color: #000; border:1px solid #000; } .tooltipster-base { background-color: #F4F4F4; border: 1px solid #ededed; color: #000000; border-radius: unset; margin-top: 11px; min-width: 156px; box-shadow: none; } .tooltipster-base .tooltip { width: auto; } .espace_cli .tooltipster-base { min-width: 300px; max-width: 300px; } .tooltipster-default .tooltipster-content { font-family: 'OpenSans', Arial; font-size: 14px; line-height: 16px; } div#pop_conteneur_entree_cookies { display: none; position: fixed; z-index: 99998; bottom: 0px; left: 0px; width: 100%; } div#popup_entree_cookies { text-align: center; padding: 10px; background-color: #1c1717; color: #ffffff; } div#popup_entree_cookies .pop_texte { text-align: left; width: 500px; display: inline-block; margin-right: 20px; vertical-align: middle; font-size: 12px; } div#popup_entree_cookies .pop_texte a { color: #CA231C; } div#popup_entree_cookies .pop_boutons { display: inline-block; vertical-align: middle; } div#popup_entree_cookies a.pop_bouton { display: inline-block; margin: 10px; width: 125px; line-height: 28px; text-align: center; color: #ffffff; font-size: 12px; background-color: #CA231C; font-family: 'OpenSans-Bold'; } div#popup_entree_cookies a.pop_bouton:hover { cursor: hand; cursor: pointer; } div#popup_entree_cookies a#pop_btn_refuser, div#popup_entree_cookies a#pop_btn_preferences { background-color: #EDEDED; color: #000000; text-decoration: none; } div#popup_entree_cookies_container { display: inline-block; text-align: center; } div#preferences { display: none; position: fixed; z-index: 99999; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); } div#preferences_container { box-shadow: 1px 12px 18px rgba(0,0,0,0.85); overflow-y: scroll; /* -ms-overflow-style: none; /* IE and Edge */ /* scrollbar-width: none; /* Firefox */ padding: 0 10px; height: 100%; background-color: #ffffff; border: 2px solid #ffffff; color: #000000; position: absolute; bottom: 0px; width: 350px; } div#preferences_container .pop_titre { display: block; margin-bottom: 30px; font-size: 18px; font-weight: bold; line-height: 20px; margin-top: 15px; } div#preferences_container .pop_texte { display: block; position: relative; min-height: 35px; line-height: 20px; } div#preferences_container .pop_section { display: block; margin-bottom: 30px; } div#preferences_container .pop_section:nth-child(4) { padding-bottom: 50px; } div#preferences_container input { display: none; } div#preferences_container label { display: inline-block; } div#preferences_container .switch { position: relative; display: inline-block; width: 64px; height: 28px; float: right; margin-right: 30px; } div#preferences_container .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #a5a5a5; -webkit-transition: 0.5s; transition: 0.5s; -webkit-border-radius: 20px; border-radius: 20px; } div#preferences_container .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: 0.5s; transition: 0.5s; -webkit-border-radius: 20px; border-radius: 20px; } div#preferences_container input:checked+.slider { background-color: #CA231C; } div#preferences_container input:checked+.slider.disabled { background-color: #CA231C; cursor: initial; } div#preferences_container input:focus+slider { -webkit-box-shadow: 0px 0px 1px #2196f3; -ms-box-shadow: 0px 0px 1px #2196f3; box-shadow: 0px 0px 1px #2196f3; } div#preferences_container input:checked+.slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(35px); transform: translateX(35px); } div#preferences_container a.pop_bouton { display: inline-block; margin: 10px; width: 137px; line-height: 28px; text-align: center; font-size: 14px; font-weight: bold; font-family: 'OpenSans-Bold'; background-color: #EDEDED; color: #000000; } div#preferences_container a.pop_bouton:hover { cursor: hand; cursor: pointer; } div#preferences .pop_boutons { position: fixed; bottom: 0px; background-color: #ffffff; width: 320px; } div#pop_conteneur_entree_cookies.cacher { display: none; } div#pop_conteneur_entree_cookies.montrer { display: block; } div#preferences.cacher { display: none; } div#preferences.montrer { display: block; } #gestion_cookies { } /* Page usurpation ADMIN */ #usurper { width: 75%; margin: auto; } #usurper table td, #usurper table th { padding: 5px; } #usurper .bouton_usurper { display: block; width: 30px; height: 25px; background-color: #bfbfbf; background-image: url('./../img/iconUsurper.png'); background-repeat: No-repeat; background-position: center; border-radius: 5px; } #usurper .bouton_usurper:hover { text-decoration: underline; color: #000000; background-color: #ebebeb; } #usurper .bouton_usurper:active { text-decoration: underline; color: #000000; } #usurper td.sous_section { text-align: left; } #usurper th { border-bottom: 1px solid; } #usurper td { text-align: center; } #usurper .option { text-align: left; } #usurper input[type="submit"] { height: 20px; width: 45px; } /* Passwords */ .form_password { position: relative; display: inline-block; width: 50%; } .form_password a { position: absolute; right: 20px; width: 16px; height: 38px; cursor: pointer; top: 6px; } .form_password a.icone_voir { background: url('./../img/iconEyeSlash.svg') center no-repeat; background-size: 16px; } .form_password a.icone_cacher { background: url('./../img/iconEyeSlash.svg') center no-repeat; background-size: 16px; } input[type="password"]::-ms-reveal, input[type="password"]::-ms-clear { display: none; } .btn.btn_password { margin-left: 20px; margin-bottom: 30px; background-color: #CA231C; color: #ffffff; font-family: 'OpenSans-Bold'; font-size: 16px; width: 249px; height: 41px; cursor: pointer; display: inline-block; text-align: center; line-height: 41px; vertical-align: middle; box-sizing: border-box; } .btn.btn_password:hover { box-shadow: inset 2px 5px 15px -2px rgba(0, 0, 0, 0.3); } #login_form .form_password { width: 100%; } #login_form .form_password a { height: 38px; } #nouveau_mdp #mdp_contenu { width: 100%; position: relative; box-sizing: border-box; } #nouveau_mdp fieldset { width: 650px; margin: auto; text-align: center; } #nouveau_mdp .form_libelle_champ { line-height: 18px; font-size: 16px; display: block; } #page_recup_mdp p { width: 441px; margin: auto; text-align: left; font-size: 16px; line-height: 18px; margin-bottom: 20px; position: relative; } #page_recup_mdp p:before { content: ""; width: 29px; height: 100%; position: absolute; left: -45px; background: url("./../img/picto_warning.png") top no-repeat; } #page_recup_mdp .btn_submit, #nouveau_mdp .btn_submit { width: 50%; margin: auto; } #page_recup_mdp .btn_submit input, #nouveau_mdp .btn_submit input { width: 100%; height: 35px; } #page_recup_mdp input[type="text"], #nouveau_mdp input[type="text"], #nouveau_mdp input[type="password"] { display: inline-block; width: 100%; height: 41px; border: 1px solid #9CA0A0; color: #2F3837; font-size: 16px; font-family: 'OpenSans-Bold'; padding: 0 20px; border-radius: 3px; margin-bottom: 20px; box-sizing: border-box; } #page_recup_mdp .form_titre { font-size: 20px; font-family: 'OpenSans-Bold'; margin-bottom: 30px; } #page_recup_mdp fieldset { width: 441px; display: flex; flex-direction: column; margin: auto; box-sizing: border-box; } #page_recup_mdp img { max-width: 140px; } #page_recup_mdp input[name="captcha"] { width: calc(100% - 205px); margin-left: 20px; } #page_recup_mdp .center { margin: auto; width: 441px; margin-top: 20px; font-size: 16px; line-height: 18px; } #page_recup_mdp .center .sous_titre { font-family: 'OpenSans-Bold'; } /* Aide */ #box_remember { font-size: 16px; } #box_remember input { height: 18px; width: 18px; } #box_remember input[type=checkbox]:checked:before { height: 18px; width: 18px; font-size: 13px; } #box_remember label { cursor: help; margin-left: 5px; } #aide_REMEMBER { cursor: pointer; } #popup_aide_REMEMBER { position: absolute; z-index: 1; background-color: #8d8d8d; padding: 5px; } .tip_masque { display: none; } .form_tip { } @media only screen and (min-width: 1279px) and (max-width: 1365px) { #page { min-width: 1280px; max-width: 1365px; } #entete #entete_contenu .contenu { width: 95%; } #entete .logo { width: 260px; } #barre_recherche_rech input[type=text] { width: 300px; } #contenu { width: 95%; max-width: 1280px; } #barre_navigation { width: 95%; } td.designation > div { width: 100%; } #panier { height: 105px; } #p_panier table.tab_donnees:not(.recap) tr { display: block; } #p_panier table.tab_donnees { display: flex; flex-direction: column; } #p_panier table.tab_donnees .not_sp { display: none; } #p_panier table.tab_donnees .sp { display: block; } #p_panier table.tab_donnees .quantite .sp { } table.tab_donnees.recap tr.total td.tot_intitule { min-width: auto; width: 500px; } table.tab_donnees.recap tr.total td.tot_valeur { min-width: auto; } #p_panier table.tab_donnees:not(.recap) tr.article { position: relative; } #p_panier table.tab_donnees:not(.recap) tr.article .designation { display: flex; } #p_panier table.tab_donnees:not(.recap) tr.article .prix { position: absolute; bottom: 0; right: 0; } #p_panier table.tab_donnees tr.article td.quantite input.sp { text-align: right; border: none; height: 50px; font-size: 22px; color: #CA231C; font-family: 'OpenSans-Bold'; width: 140px; display: inline-block; } #p_panier table.tab_donnees tr.article td.quantite .devise { color: #CA231C; font-family: 'OpenSans-Bold'; vertical-align: middle; font-size: 22px; } #p_panier table.tab_donnees tr.article td.quantite .prix_article { white-space: nowrap; text-align: right; display: block; } #p_panier table.tab_donnees tr.article td.quantite { text-align: right; } #p_panier table.tab_donnees .actions a { margin: 0px; margin-left: auto; margin-top: 30px; } #p_panier table.tab_donnees .th_article { width: 100%; box-sizing: border-box; } #p_panier table.tab_donnees:not(.recap) .th_article { display: block; } #p_panier table.tab_donnees:not(.recap) .th_article.sp { display: none; } #p_panier .etape { width: 116px; } #p_panier .tab_donnees .visuel_produit { float: left; } #p_panier .tab_donnees .infos_produit { float: left; width: 100%; } #p_panier .tab_donnees .prix_article { font-size: 20px; margin-top: 15px; font-family: 'OpenSans-Bold'; display: block; } #p_panier .tab_donnees .prix_article input { border: none; font-size: 20px; height: 50px; text-align: right; display: inline-block; vertical-align: initial; } #p_panier .tab_donnees .quantite .prix_ht { line-height: 22px; } #p_panier .tab_donnees .quantite { float: right; width: 300px; margin-top: 0px; text-align: right; } #p_panier .tab_donnees .quantite input { -webkit-border-radius: 0; border-radius: 0; } #p_panier .tab_donnees .quantite .devise { font-size: 20px; font-family: 'OpenSans-Bold'; } #p_panier .tab_donnees .quantite .retirer { left: 6px; } #p_panier .tab_donnees .quantite .ajouter { left: -6px; } table.tab_donnees tr.total td.tot_intitule { width: 100%; } table.tab_donnees tr.total.tot_ttc td { width: 100%; } .tab_donnees .stock .stock_D, .tab_donnees .stock .stock_S, .tab_donnees .stock .stock_C, .tab_donnees .stock .stock_I { text-align: left; margin-left: 0px; } } /* pour les utilisateurs ayant une résolution entre 768 et 1023 (tablettes) */ @media only screen and (min-width: 768px) and (max-width: 1279px) { /* Structure des pages */ #page { width: 100%; margin: 0px auto; min-width: 700px; } /* cookies */ #entete_cookies { height: 35px; text-align: left; } #entete_cookies span { width: 75%; display: inline-block; line-height: 11px; margin-top: 5px; margin-left: 20px; } #entete_cookies button { margin-bottom: 11px; } #entete_cookies a { margin-bottom: 11px; } #entete #entete_contenu .contenu { width: 100%; min-width: auto; } #entete .logo { width: 94px; height: 67px; line-height: 67px; } #entete .logo img { max-width: 105px; max-height: 54px; } #entete #bandeau_1 { } #entete #bandeau_2 { height: 33px; } #entete #recherche_espace { } #entete #recherche_espace #enseigne { height: 42px; line-height: 42px; min-width: 226px; background-size: 226px; margin-right: 0px; width: auto; max-width: 46%; } #entete #recherche_espace #barre_recherche { } #barre_recherche_rech input[type=text] { width: 77%; font-size: min(12px, max(10px, 1vw)); min-width: 220px; height: 35px; padding-right: 5px; margin: auto; } #entete #recherche_espace #recherche { display: flex; align-items: center; justify-content: space-between; } #espace_client { } #espace_client #client_connecte .div_center { right: 0px; } #espace_client #client_connecte:hover #pop_client_connecte:before { left: 50%; } #espace_client { max-width: calc(100% - 580px); } #page_espace_client_connecte .titre { height: 80px; } #page_espace_client_connecte .adresse.creation { top: 0px; width: 270px; } #page #entete_evenement { display: none; } #page #entete_evenement .actus_textuelles { width: 100%; } #page .avec_actus_event #entete_evenement { display: flex; } #page #entete_evenement > div { justify-content: center; max-width: 100%; min-width: auto; } #page #entete_evenement .avis_google { display: none; } #page #entete_evenement .tel_agence:not(:empty), #page #entete_evenement .tel_agence { display: none; } #entete { height: 105px; } #entete.avec_actus_event { height: 151.7px; } #page .popup_actus { justify-content: center; } #page .popup_actus .titre_section { font-size: min(11px, max(8px, 1vw)); } #page .popup_actus .liens_actu { font-size: min(11px, max(8px, 1vw)); } #page .popup_actus .liens_actu a { padding: 5px; } /* barre recherche */ #barre_recherche_rech #search_fournisseurs { max-width: 154px; } #barre_recherche_rech input[type="submit"] { height: 35px; background-position: center; background-size: 15px; top: 0px; position: relative; width: 35px; right: 27px; } #barre_recherche_rech.actif input[type="submit"] { height: 24px; right: 2px; } /* popup menu */ #menu { position: relative; } #page #menu.open .btn_affiche_popup { margin-top: 10px; height: 40px; position: absolute; right: 25px; left: auto; } #menu.open { box-shadow: 0px 0px 7px #c1c1c1; z-index: 550; width: 100%; flex: none; } #menu #contenu_menu { margin: 0px; width: auto; padding: 0px; display: flex; justify-content: center; min-width: auto; box-sizing: border-box; } #menu #contenu_menu a { margin: 0px; } #menu #contenu_menu a.btn_retour_accueil { margin-right: 15px; } #menu #menu_contenu { height: 100vh; width: 100%; } #menu .sous_menu { width: 100%; } #menu .sous_menu.actif { left: -100%; z-index: 5; left: 0; z-index: 5; position: absolute; width: 100%; } .open.ssmenuactif #menu_retour.sp { display: block; position: absolute; left: 25px; text-transform: uppercase; cursor: pointer; z-index: 3; top: 35%; } #menu_retour:before { content:""; position: relative; display: inline-block; margin-right: 20px; background: url("./../img/icon_retour.svg") center no-repeat; width: 34px; height: 20px; transform: rotate(180deg); } #menu.open .btn_affiche_popup { left: 340px; z-index: 4; background: url("./../img/iconClose.webp") no-repeat center; height: 38px; background-size: 35px; } #entete_contenu .icon_menu { display: none; } .produits_favoris, .ajout_rapide { background: initial; padding-top: 0px; line-height: 33px; font-size: min(10px, max(8px, 1vw)); width: auto; padding: 0 8px; } #menu .element, #menu .elementsel { padding: 0px 8px; min-width: auto; } #menu .element p, #menu .elementsel p { width: 100%; line-height: 32px; } #menu .element p span, .client_actif #menu .element p, .client_actif #menu .elementsel p { width: 100%; } #menu .elementsel:before { top: 33px; } #menu .element p:before, #menu .elementsel p:before { display: none; } #menu .div_center { top: 33px; } .ssmenu .ssm_cadre { width: 100%; } #menu #menu_contenu .ssm_cadre .bandeau_configurateur .configurateur { margin-top: 75px; } #menu .element:hover:before, #menu .elementsel:before { top: 32px; left: calc(50% - 12px); } #menu #contenu_menu .ssm_cadre .bandeau_configurateur .configurateur img { max-height: 132px; } #menu .sous_menu .ssmenu { overflow: auto; height: 100vh; } /* rayons */ #accueil_rayons { background: initial; } #accueil_rayons #listing_produits #partie_centrale { min-width: 698px; width: 90%; margin: auto; margin-bottom: 20px; } #accueil_rayons #listing_produits .produit { min-width: 176px; width: 33%; } #accueil_rayons #listing_produits .produit + .produit + .produit + .produit { display: none; } #accueil_rayons #listing_produits .produit .image_produit { height: 204px; } #accueil_rayons #listing_produits .produit .image_produit img { max-height: 204px; } #accueil_rayons #listing_produits .produit .infos_produit .nom_four { font-size: 11px; } #accueil_rayons #listing_produits .produit .box_ajout_favoris { margin-left: 11px; } #accueil_rayons #listing_produits #titres_section .btn_section { font-size: 14px; line-height: 28px; height: 28px; } #accueil_rayons #listing_produits #titres_section .btn_section:nth-child(2):before { height: 10px; } #accueil_rayons #listing_produits #titres_section .btn_section.active:after { width: 7px; height: 7px; border-left: 1.84pt solid #000000; border-top: 1.84pt solid #000000; } #accueil_rayons #listing_produits .btn_promotions { font-size: 10px; } #accueil_rayons #listing_produits .btn_promotions:after { width: 6px; height: 6px; } #accueil_rayons .produit .picto { position: relative; } #accueil_rayons .produit .picto span { font-size: 13px; display: inline-block; } #accueil_contenu { margin-top: -20px; } #barre_navigation { width: 95%; min-width: auto; } #contenu { width: 95%; min-width: auto; } #contenu .lien_section { width: 698px; } #contenu .lien_section a { font-size: 10px; } #contenu .lien_section a:after { width: 6px; height: 6px; } #contenu .titre_section { font-size: 14px; line-height: 28px; height: 28px; } #contenu .titre_section.sp { display: none; } #p_recherche .titre_section { letter-spacing: 0px; } #p_recherche #produits .titre_section { letter-spacing: 0px; } #contenu .titre_section:after { width: 7px; height: 7px; border-left: 1.84pt solid #000000; border-top: 1.84pt solid #000000; } #partenaires li.liste_four { flex: 25%; } #partenaires li.liste_four img { max-width: 115px; max-height: 56px; } #actualites .actu { width: 206px; } #actualites .actu + .actu + .actu + .actu { display: none; } #page .actu .info_actu a { font-size: 10px; } #page .actu .info_actu a:after { width: 6px; height: 6px; } #page .actu .visuel_actu { height: 206px; line-height: 205px; } #page .actu .titre_actu a { font-size: min(14px, max(10px, 1vw)); } #page .actu .descriptif_actu { font-size: min(12px, max(10px, 1vw)); height: 77px; } /* espace client */ #page_espace_client #login_form { width: 370px; } #page_espace_client #login_form #frm_Login { width: 90%; } #page_espace_client #login_form input[type="password"] { width: 90%; } #espace_client_connexion_bouton input[type="submit"] { } #page_espace_client #demande_identifiants { width: 43%; } #espace_client_connexion .lien.picto_panier .nb_articles { left: 55%; } /* page recherche */ #p_recherche #resultats { font-size: 15px; } #p_recherche table { width: 80%; } #p_recherche .produit .infos_produit { } #p_recherche .produit .infos_produit .titre { font-size: min(14px, max(12px, 1vw)); } #p_recherche .produit .ref_cat { font-size: min(14px, max(12px, 1vw)); } #p_recherche #tri_recherche .div_center { } #p_recherche #filtres { padding: 10px; } #p_recherche #filtres .overscroll a { margin-left: 30px; } #p_recherche #filtres .overscroll .option { margin-left: 10px; font-size: min(14px, max(12px, 1vw)); } #p_recherche .ajout_panier .box_ajout_panier span.libelle { display: none; } #resultat_recherche_refs .sections .section_gauche a { font-size: min(14px, max(12px, 1vw)); } #resultat_recherche_refs #container_resultats .overscroll .option { font-size: min(14px, max(12px, 1vw)); } #resultat_recherche_refs .sections .section_droite { width: 75%; } #resultat_recherche_refs .sections .section_gauche { padding-right: 20px; } #resultat_recherche_refs .sections .col_gauche { width: 70%; } #resultat_recherche_refs .produits_entete .titre_section { width: 66%; } #barre_recherche_rech form { width: 75%; } /* page famille */ #p_famille { width: 725px; } /* fiche produit*/ #p_produit #encart_mea_prod { width: 53%; } #p_produit #visuels { width: 100%; min-width: 340px; } #p_produit #visuels .principal { width: 100%; height: 250px; } #p_produit #visuels .visuels_secondaires { width: 100%; } #p_produit #visuels .principal .visuels_categorie a img { max-width: 250px; max-height: 250px; } #p_produit #visuels .secondaire { max-width: 250px; } #visuels .principal .form_aucune_valeur { width: 250px; height: 250px; } #p_produit .titre_produit { margin-bottom: 15px; width: 500px; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .titre_produit { width: auto; } #p_produit .col_gauche { width: 100%; min-width: 375px; } #p_produit .col_droite { width: 30%; min-width: 270px; } #p_produit #infos_produit .fiche_prod_articles { border-top: 1px solid #c4c8cb; padding-top: 20px; } #p_produit #infos_produit #prod_documents_techniques { width: 100%; margin-bottom: 0px; } #p_produit #prix { margin-bottom: 25px; } #p_produit #ajout_panier { height: 200px; } #p_produit #xsell_ARTICLE .produit:first-child { margin-left: 7px; } #p_produit #xsell_ARTICLE #listing_produits { width: 665px; margin: auto; } #panier { height: 105px; } #p_panier table.tab_donnees:not(.recap) tr { display: block; } #p_panier table.tab_donnees { display: flex; flex-direction: column; } #p_panier table.tab_donnees .not_sp { display: none; } #p_panier table.tab_donnees .sp { display: block; } #p_panier table.tab_donnees .quantite .sp { } table.tab_donnees.recap tr.total td.tot_intitule { min-width: auto; width: 500px; } table.tab_donnees.recap tr.total td.tot_valeur { min-width: auto; } #p_panier table.tab_donnees:not(.recap) tr.article { position: relative; } #p_panier table.tab_donnees:not(.recap) tr.article .designation { display: flex; } #p_panier table.tab_donnees:not(.recap) tr.article .prix { position: absolute; bottom: 0; right: 0; } #p_panier table.tab_donnees tr.article td.quantite input.sp { text-align: right; border: none; height: 50px; font-size: 22px; color: #CA231C; font-family: 'OpenSans-Bold'; width: 140px; display: inline-block; } #p_panier table.tab_donnees tr.article td.quantite .devise { color: #CA231C; font-family: 'OpenSans-Bold'; vertical-align: middle; font-size: 22px; } #p_panier table.tab_donnees tr.article td.quantite .prix_article { white-space: nowrap; text-align: right; display: block; } #p_panier table.tab_donnees tr.article td.quantite { text-align: right; } #p_panier table.tab_donnees .actions a { margin: 0px; margin-left: auto; margin-top: 30px; } #p_panier table.tab_donnees .th_article { width: 100%; box-sizing: border-box; } #p_panier table.tab_donnees:not(.recap) .th_article { display: block; } #p_panier table.tab_donnees:not(.recap) .th_article.sp { display: none; } #p_panier .etape { width: 116px; } #p_panier .tab_donnees .visuel_produit { float: left; } #p_panier .tab_donnees .infos_produit { float: left; width: 100%; } #p_panier .tab_donnees .prix_article { font-size: 20px; margin-top: 15px; font-family: 'OpenSans-Bold'; display: block; } #p_panier .tab_donnees .prix_article input { border: none; font-size: 20px; height: 50px; text-align: right; display: inline-block; vertical-align: initial; } #p_panier .tab_donnees .quantite .prix_ht { line-height: 22px; } #p_panier .tab_donnees .quantite { float: right; width: 300px; margin-top: 0px; text-align: right; } #p_panier .tab_donnees .quantite input { -webkit-border-radius: 0; border-radius: 0; } #p_panier .tab_donnees .quantite .devise { font-size: 20px; font-family: 'OpenSans-Bold'; } #p_panier .tab_donnees .quantite .retirer { left: 6px; } #p_panier .tab_donnees .quantite .ajouter { left: -6px; } table.tab_donnees tr.total td.tot_intitule { width: 100%; } table.tab_donnees tr.total.tot_ttc td { width: 100%; } .tab_donnees .stock .stock_D, .tab_donnees .stock .stock_S, .tab_donnees .stock .stock_C, .tab_donnees .stock .stock_I { text-align: left; margin-left: 0px; } #p_famille .famille { min-width: 220px; margin-left: 32px; } #p_famille .famille:nth-child(5n+1) { margin-left: 32px; } #p_famille .famille:nth-child(3n+1) { margin-left: 0px; } /* favoris */ #p_favoris { } #p_favoris .box_panier { width: calc(33% - 5px); max-width: 225px; } #p_favoris .produit { width: calc(33% - 5px); max-width: 225px; } #p_favoris .box_panier .titre { line-height: 14px; font-size: 14px; } /* historique commandes */ #p_commandes { display: block; } #p_commandes .col.contenu { width: 100%; } #p_commandes .col.sections { width: 100%; margin: auto; display: flex; justify-content: space-around; } #p_commandes .commande { width: 100%; height: auto; margin-top: 10px; } #p_commandes .commande .visuel { width: 125px; height: 120px; overflow: hidden; text-align: left; } #p_commandes .commande .visuel img { max-width: 125px; max-height: 120px; } #p_commandes .commande .infos_commande { margin-top: 10px; text-align: left; } #p_commandes .commande .reference { margin-top: 5px; } #p_commandes .commande .montant { margin-top: 20px; } #p_commandes .section a { display: initial; } #p_commandes .section.active:before { position: relative; left: 0px; } #p_commandes table.tab_donnees { display: flex; flex-direction: column; } #p_commandes table.tab_donnees .not_sp { display: none; } #p_commandes table.tab_donnees .sp { display: block; } #p_commandes table.tab_donnees tr.article td.quantite input.sp { height: 32px; text-align: right; border: none; font-size: 22px; color: #CA231C; font-family: 'OpenSans-Bold'; width: 140px; display: inline-block; } #p_commandes table.tab_donnees tr.article td.quantite .devise { color: #CA231C; font-family: 'OpenSans-Bold'; vertical-align: middle; font-size: 22px; } #p_commandes table.tab_donnees tr.article td.quantite .prix_article { white-space: nowrap; text-align: right; display: block; } #p_commandes table.tab_donnees tr.article td.quantite { text-align: right; } #p_commandes table.tab_donnees .th_article { width: 100%; } #p_commandes .commande .infos_commande { width: 100%; } #p_commandes .commande .boutons { display: block; width: 100%; float: none; height: 40px; } #p_commandes .commande .boutons a.reinjecter { display: inline-block; vertical-align: middle; } #p_commandes .commande .boutons a.btn { display: inline-block; vertical-align: middle; } #p_commandes .zone_filtres input[type=text][name=numCommande], #p_commandes .zone_filtres input[type=text][name=ReferenceCommande] { min-width: 268px; } #p_commandes .zone_filtres input[type=text], #p_commandes .zone_filtres select { width: 13%; min-width: 126.5px; } #liste_commandes_contenu .pagination { white-space: nowrap; } #liste_commandes_contenu .barre_navig.bottom, #p_recherche .barre_navig.bottom { height: 55px; } #p_panier .msg_infos_stocks.sp { display: block; margin: 30px 0px; } #p_commandes .msg_infos_stocks.sp { display: block; margin: 30px 0px; } /* Ajout rapide */ #p_ajout_rapide #references { margin-left: 40px; } #p_ajout_rapide #pretraitement { } #p_ajout_rapide #placeholder_ref { margin-left: 40px; } #p_ajout_rapide #ligne_2 input[type="submit"]:nth-child(2) { margin-left: 394px; } #p_ajout_rapide #lignes_articles .not_sp .visuel_produit { display: none; } #p_ajout_rapide #load_prix { bottom: 36px; width: 75%; } #p_ajout_rapide #ligne_2 .bouton { width: 124px; font-size: 13px; } #p_ajout_rapide #ligne_2 .bouton.disabled:after { top: 0px; } #p_ajout_rapide table.tab_donnees tr.total td.tot_intitule { min-width: auto; } #p_ajout_rapide table.tab_donnees tr.total td.tot_valeur { min-width: auto; } #p_ajout_rapide .tab_donnees #msg_infos_stocks, #p_ajout_rapide .msg_infos_stocks { width: 345px; } #p_ajout_rapide #lignes_articles input[type="submit"] { padding: 0 20px; } #p_ajout_rapide table.tab_donnees tr.article td.total input { width: 85px; } #p_ajout_rapide th.supprimer { font-size: 0px; } /* panier */ table.tab_donnees th { white-space: nowrap; } table.tab_donnees tr.article td.total input { width: 125px; } table.tab_donnees td.designation .libelle { } #p_panier .box_option a.bouton { } .ico_panier_vider { padding-left: 27px; } table.tab_donnees td.total { width: 25%; } /* livraison */ /* page statique */ #page_static { } #page_static .partenaire { width: 234px; } #content_page_static .actu { width: calc(33% - 12px); height: auto; } #content_page_static .actu .visuel_actu { height: auto; } #content_page_static .actu:nth-child(5n+1) { margin-left: 20px; } #content_page_static .actu:first-child, #content_page_static .actu:nth-child(3n+1) { margin-left: 0px; } #page #content_page_static .videos .annexes .bx-wrapper { max-width: calc(100% - 115px) !important; } /* footer */ #pied_liens { height: 175px; min-width: auto; width: auto; max-width: 1000px; } #pied_liens h1 { font-size: 14px; } #pied_liens a { font-size: min(11px, max(9px, 1vw)); } #pied .logo { width: 18%; margin-right: 0px; font-size: min(11px, max(9px, 1vw)); line-height: normal; } #pied_liens .liste { border: none; line-height: 14px; width: auto; padding-left: 30px; } #pied_liens #liste_accordeon .liste { border-left: none; } #pied_liens h2 { font-size: min(12px, max(10px, 1vw)); } #pied .liens { } #pied .logo a { } #pied .logo > a img { max-width: 86px; max-height: 74px; } #contenu.menu_bonnes_affaires #produits { } #contenu.menu_bonnes_affaires #listing_produits .produit { min-width: 150px; width: calc(50% - 18px); max-width: 288px; margin-left: 18px; } /* #contenu.menu_bonnes_affaires #listing_produits .produit:nth-child(3n+1) { margin-left: 7px; } #contenu.menu_bonnes_affaires #listing_produits .produit:nth-child(4n+1) { margin-left: 7px; } #contenu.menu_bonnes_affaires #listing_produits .produit:nth-child(2n+1) { margin-left: 0px; } #contenu.menu_bonnes_affaires #listing_produits .produit:first-child { margin: 0px; } #contenu.menu_bonnes_affaires #listing_produits .produit:nth-child(2n+1) { margin-left: 20px; } #contenu.menu_bonnes_affaires #listing_produits .produit:nth-child(3n+1) { margin-left: 0px; } */ tr.article .stock .tooltip { width: 185px; } .tooltipster-base { min-width: 156px; max-width: 185px; } } /* pour les utilisateurs ayant une résolution inférieur à 767 (smartphone) */ @media only screen and (max-width: 767px) { /* Structure des pages */ body { min-width: 568px; font-size: 14pt; line-height: 1.4em; width: 100%; } a.btn_voir { font-size: 14pt; } input, select { height: 60px; font-size: 14pt; } textarea { font-size: 14pt; } .select_wrapper:after { height: 45px; } input[type=submit], a.bouton { height: 60px; line-height: 60px; padding: 0; font-size: 18pt; } .not_sp { display: none !important; } body::-webkit-scrollbar{ display: none; } #page { margin: 0px auto; min-width: 568px; max-width: 100%; } #p_404 #confirmation #box_action a.bouton { height: 60px; width: 250px; } span.prix_decimal { font-size: 10pt; } #titre_page { line-height: 30px; margin-top: 25px; font-size: 28px; } #titre_page h1 { font-size: 18pt; text-align: left; } #page figure.snip p { font-size: 11px; line-height: 12px; display: none; } #page figure.snip h3 { font-size: 26px; } #page figure.snip img { height: auto; } #menu .sous_menu { line-height: 3.4em; } #menu .sous_menu .ssmenu { overflow: auto; height: 100vh; } #menu #menu_contenu a { font-size: 18pt; } #menu #menu_contenu .menu_princ a { font-size: 18pt; } #page #menu .popup_actus { height: auto; visibility: visible; background-color: #c4c8cb; padding: 15px 0; } #page #menu .popup_actus:after { content: ""; position: relative; width: 440px; height: 4px; display: block; left: -30px; background-color: #EDEDED; } #page .popup_actus .section_actu { padding: 0px; margin: 30px 0px; } #menu #menu_contenu_sp .popup_actus .section_actu.open:before { content: "RETOUR"; cursor: pointer; background: url("./../img/icon_left.svg") 30px no-repeat; background-color: #EDEDED; font-size: 26px; height: 70px; line-height: 70px; width: 100%; position: relative; display: block; left: -30px; padding-left: 60px; border-top: 4px solid #c4c8cb; } #page #bandeau_haut { background-color: transparent; height: 160px; } #page #bandeau_haut.avec_actus_event { height: 206.7px; } #page.scrolled #bandeau_haut.avec_actus_event { height: 160px; } #page #entete_evenement { display: none; } #page .avec_actus_event #entete_evenement { display: flex; } #page.scrolled #entete_evenement { display: none; } #page .popup_actus { display: none; flex-direction: column; width: auto; height: auto; color: #000000; } #page .popup_actus .titre_section { display: flex; justify-content: space-between; width: 100%; color: #000000; font-size: 30px; line-height: 30px; } #page .popup_actus .titre_section:after { content: ""; position: relative; transform: rotate(135deg); color: #CA231C; width: 11px; height: 11px; border-left: 4px solid #CA231C; border-top: 4px solid #CA231C; display: inline-block; margin-right: 30px; } #page .popup_actus .open .titre_section { margin-top: 30px; } #page .popup_actus .open .titre_section:after { display: none; } #page .popup_actus .liens_actu { background-color: #c4c8cb; } #page .popup_actus .liens_actu a { color: #000000; font-size: 30px; font-family: 'OpenSans'; margin: 30px 0px; padding: 0px; line-height: 30px; } #page .popup_actus .liens_actu a:hover { background-color: #c4c8cb; } #page .logo { z-index: 0; } #page.scrolled div#sous_entete { padding-top: 181px; } #barre_navigation { width: 90%; min-width: auto; height: auto; overflow: auto; } #contenu { width: 90%; margin-top: 20px; min-width: auto; } #strate_bannieres { flex-direction: column; } #strate_bannieres .strate_bannieres { width: 100%; margin-top: 10px; } #strate_bannieres .strate_bannieres img { display: none; } #strate_bannieres .strate_bannieres img.sp { display: block; } /* cookies */ #entete_cookies { height: 35px; text-align: left; } #entete_cookies span { width: 75%; display: inline-block; line-height: 11px; margin-top: 5px; margin-left: 20px; } #entete_cookies button { margin-bottom: 11px; } #entete_cookies a { margin-bottom: 11px; } div#popup_entree_cookies .pop_texte { width: auto; font-size: 18px; line-height: 20px; } div#popup_entree_cookies a.pop_bouton { margin: 10px 5px; font-size: 22px; width: 170px; height: 44px; line-height: 44px; } div#preferences .pop_boutons { width: 445px; } div#preferences_container .pop_titre { font-size: 28px; line-height: 30px; } div#preferences_container .pop_texte { line-height: 25px; font-size: 22px; } div#preferences_container a.pop_bouton { width: 200px; font-size: 22px; line-height: 44px; } div#preferences_container { width: 450px; } div#preferences_container input:checked+.slider:before { -webkit-transform: translateX(45px); -ms-transform: translateX(45px); transform: translateX(45px); } div#preferences_container .slider:before { height: 35px; width: 35px; } div#preferences_container .switch { width: 85px; height: 44px; } #entete { height: 207px; } #page.scrolled #bandeau_haut { display: none; } #page #entete { position: fixed; top: 0px; z-index: 50; height: 174px; } #page #entete #menu { height: 86px; left: 0px; } #entete #bandeau_1 { height: 140px; } #page #entete #bandeau_1 { height: 94px; } #entete #bandeau_2 { height: 67px; } #page #entete #bandeau_2 { height: 81px; background-color: #D3D5D7; } #entete #entete_contenu { top: 0px; box-shadow: none; } #entete #entete_contenu .contenu { width: 100%; height: 199px; min-width: auto; } #page #entete #entete_contenu .contenu { height: 86px; margin-top: 0px; display: flex; align-items: center; justify-content: space-between; } #entete #recherche_espace { background-color: #EDEDED; height: 58px; float: right; } #page #entete #recherche_espace { height: 67px; background-color: transparent; padding-left: 0px; } #entete .logo { width: 140px; height: 141px; line-height: 141px; top: 59px; background: initial; z-index: 1; margin-left: 35px; } #entete .logo img { } #page #entete .logo { position: relative; background: initial; top: 0px; margin-left: 0; } #page #entete .logo img { } #enseigne { width: calc(100% - 175px); margin-right: 0px; height: 142px; float: right; line-height: 142px; text-align: center; box-sizing: border-box; background: url("./../img/distributeur_sp.png") center no-repeat; } #page #entete #enseigne { display: none; } #barre_recherche { float: none; width: 100%; height: 68px; } #recherche_espace #recherche { position: absolute; top: 58px; left: 0px; width: 100%; height: 142px; background-color: #ffffff; } #page #entete #recherche { top: 86px; height: 66px; } #page #entete #barre_recherche { } #enseigne img { width: 339px; height: 60px; } #page #entete_evenement .actus_textuelles { width: 100%; } #page #entete_evenement > div { justify-content: center; max-width: 100%; min-width: auto; } #page #entete_evenement .avis_google { display: none; } #page #entete_evenement .tel_agence:not(:empty), #page #entete_evenement .tel_agence { display: none; } #page #entete_evenement .slider .slide_left:before { left: 0px; } #page #entete_evenement .slider .slide_right:after { right: 0px; } #espace_client { border: none; } #panier { border: none; } #espace_client_connexion #client_deconnecte a { font-size: 0; } #recherche_espace .lien.picto_panier .nb_articles { font-size: 16px; width: 25px; height: 25px; border-radius: 25px; line-height: 25px; } /* barre recherche */ #barre_recherche_rech { width: 100%; text-align: center; } #barre_recherche_rech #search_fournisseurs { display: none; } #barre_recherche_rech a.btn_submit_recherche_sp { display: block; position: absolute; background-image: url("./../img/picto_loupe.png"); background-repeat: no-repeat; background-position: center; width: 20px; height: 34px; top: 13px; left: 370px; background-color: #000000; } #barre_recherche_rech form { position: relative; margin: auto; } #barre_recherche_rech input[type="text"] { width: 95%; height: 60px; margin: 0px; padding-left: 65px; font-size: 30px; } #barre_recherche_rech input[type=submit] { background: none; width: 49px; height: 49px; top: 10px; left: 3%; -webkit-mask: url("./../img/icon_loupe.svg") no-repeat center; mask: url("./../img/icon_loupe.svg") no-repeat center; -webkit-mask-size: 20px; mask-size: 20px; background-color: #000000; } #barre_recherche_rech a.btn_submit_recherche_sp { left: 390px; } #panier .lien.picto_panier { font-size: 0; width: 60px; height: 52px; background-size: 50px; } #panier .lien.picto_panier .nb_articles { width: 25px; height: 25px; line-height: 1.5em; font-size: 12pt; } #panier .lien.picto_panier:hover { background-size: 50px; } /* popup menu */ #menu { top: 0px; height: 54px; } .open.ssmenuactif #menu_retour.sp { display: block; position: absolute; left: 25px; text-transform: uppercase; cursor: pointer; z-index: 3; top: 35%; transform: translateZ(3px); } #menu_retour:before { content:""; position: relative; display: inline-block; margin-right: 20px; background: url("./../img/icon_retour.svg") center no-repeat; width: 34px; height: 20px; transform: rotate(180deg); } #page:not(.scrolled) #menu.open { height: 70px; } #page #menu.open .btn_affiche_popup { margin-top: 13px; } #menu .btn_affiche_popup { margin-top: 10px; height: 70px; min-width: 50px; z-index: -1; position: relative; background: url(./../img/picto_menu.svg) no-repeat center; } #menu.open .btn_affiche_popup { left: 340px; z-index: 4; background: url("./../img/iconClose.webp") no-repeat center; height: 38px; background-size: 35px; } #page #menu.open .btn_affiche_popup { margin-top: 10px; height: 40px; position: absolute; right: 25px; left: auto; } #menu #contenu_menu { padding-left: 20px; } #menu #menu_contenu { transform: translateZ(2px); margin-left: -20px; } #menu .logo { width: 100%; } #menu.open { box-shadow: 0px 0px 7px #c1c1c1; z-index: 550; width: 100%; flex: none; } #menu.elementOpen .popup_actus { padding: 0px !important; } #menu.elementOpen .popup_actus .section_actu { margin: 0px !important; } #menu.elementOpen .popup_actus:after { display: none !important; } #menu #menu_contenu { height: 200vh; } #menu .sous_menu { width: calc(100% - 10px); } #menu .sous_menu.actif { left: -100%; z-index: 5; left: 0; z-index: 5; position: absolute; width: 100%; } #menu #menu_contenu { margin-left: -20px; } #menu #client_connecte_sp { display: inline-block; width: 87%; float: right; margin-top: 3px; } #menu #client_connecte_sp a { color: #ffffff; } #menu #client_connecte_sp .utilisateur { display: inline-block; float: right; font-family: 'OpenSans-Bold'; font-size: 13px; } #menu #client_connecte_sp .utilisateur.picto_utilisateur { background: url("./../img/picto_ampoule.png") no-repeat left center; padding-left: 40px; line-height: 20px; line-height: 50px; font-size: 14px; height: 50px; width: 150px; } #menu #client_connecte_sp .utilisateur.picto_agence { background: url("./../img/picto_agence_sp.png") no-repeat left center; padding-left: 40px; width: 120px; } #menu #client_connecte_sp .utilisateur.picto_utilisateur span { } #menu #client_connecte_sp .utilisateur.picto_utilisateur span.raison_sociale { width: auto; font-family: 'OpenSans'; display: none; } #menu #client_connecte_sp .utilisateur.picto_agence span.agence { width: auto; font-family: 'OpenSans'; } #menu #client_connecte_sp .utilisateur span { display: block; } #menu #client_connecte_sp .utilisateur.picto_utilisateur span:nth-child(1) { display: inline-block; vertical-align: middle; line-height: 15px; } #menu #client_connecte_sp .lien { display: inline-block; float: right; } #menu #client_connecte_sp .lien.picto_historique { background: url("./../img/picto_historique_sp.png") no-repeat left center; padding-left: 40px; font-family: 'OpenSans-Bold'; width: 90px; text-align: center; margin-top: 9px; margin-left: 5px; } #menu #client_connecte_sp .lien.picto_historique span { display: inline-block; line-height: 12px; } #menu .produits_favoris { display: none; } #menu .ajout_rapide { display: none; margin-left: 20px; } #menu #menu_contenu_sp .produits_favoris { font-size: 30px; background: initial; width: 100%; text-align: left; padding: 0px; margin: 15px 0px; line-height: 30px; } #menu #menu_contenu_sp .ajout_rapide { font-size: 30px; background: initial; width: 100%; text-align: left; padding: 0px; padding: 15px 0px; line-height: 30px; } .client_actif #menu #menu_contenu_sp .produits_favoris { display: block; } .client_actif #menu #menu_contenu_sp .ajout_rapide { display: block; margin-left: 0px; } #page .popup_actus .titre_section > a { color: #000000; } #menu #menu_contenu_sp.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle { display: none; } #fermeture_dialog.menu { display: block !important; } /* slider */ #prev_slide { left: 5%; } /* rayons */ #accueil_contenu { margin-top: 0px; } #accueil_rayons { background: initial; } #accueil_rayons #listing_produits .produit .infos { width: 61%; } #accueil_rayons #listing_produits .produit .infos_produit.sp { display: flex; } #accueil_rayons #listing_produits #partie_centrale { width: 100%; } #accueil_rayons #listing_produits .produit { width: calc(100% - 32px); border-width: 6px; } #accueil_rayons #listing_produits .produit:hover { border-width: 6px; } #accueil_rayons #listing_produits #titres_section .btn_section { font-size: 27px; } #accueil_rayons #listing_produits #titres_section .btn_section:not([style*="display:none"]) + .btn_section:not([style*="display:none"]):before { height: 19px; } #accueil_rayons #listing_produits #titres_section .btn_section.active:after { width: 11px; height: 11px; border-width: 4px; } #accueil_rayons #listing_produits .produit .image_produit { height: 260px; width: 180px; margin-right: 20px; } #accueil_rayons #listing_produits .produit .image_produit a { line-height: 260px; } #accueil_rayons #listing_produits .produit .image_produit img { max-height: 260px; } #accueil_rayons .produit .picto { left: auto; right: auto; width: 175px; top: 5px; position: relative; } #accueil_rayons .produit .picto span { font-size: 23px; height: 35px; line-height: 35px; } #accueil_rayons .produit .picto:after { border-right: 22px solid transparent; top: 47px; } #accueil_rayons #listing_produits #partie_centrale .produits_section { flex-direction: column; } #accueil_rayons #listing_produits .produit .infos_produit .logo_four { font-size: 13pt; } #accueil_rayons #listing_produits .produit .infos_produit .titre_produit { font-size: 18pt; line-height: 28px; height: 60px; } #accueil_rayons #listing_produits .produit .infos_produit .ref_cat { font-size: 12pt; line-height: 30px; } #accueil_rayons #listing_produits .produit .infos_produit .ref_cat:before { border-width: 4px; width: 11px; height: 11px; margin-right: 10px; } #accueil_rayons #listing_produits .btn_promotions { font-size: 20px; } #accueil_rayons #listing_produits .btn_promotions:after { border-width: 4px; width: 11px; height: 11px; } #accueil_rayons #listing_produits .slider { } #accueil_rayons #listing_produits .slider .slide { display: none; } #accueil_rayons #listing_produits .slider .slide_left:before { display: none; right: 11px; } #accueil_rayons #listing_produits .slider .slide_right:after { display: none; right: 15px; } #accueil_rayons #listing_produits .slider .bullets { top: 355px; width: calc(100% - 60px); } #accueil_rayons #listing_produits .produit { margin-left: 0px; margin-bottom: 20px; } #accueil_rayons #listing_produits .produit:first-child { margin-bottom: 20px; } #accueil_rayons #listing_produits .produit .box_ajout_favoris { display: none; z-index: 2; } #accueil_rayons #listing_produits .produit .infos_produit .prix_barre { font-size: 18pt; } #accueil_rayons #listing_produits .produit .infos_produit .prix_coin_affaire { font-size: 18pt; line-height: 36px; margin-top: 20px; text-align: left; margin-left: 0; } #accueil_rayons #listing_produits .produit .infos_produit .infos_tarif { font-size: 22px; line-height: 22px; height: 50px; margin-left: 0; } #accueil_rayons #listing_produits .produit .box_ajout_panier .quantite .libelle { font-size: 22px; } #accueil_rayons #listing_produits .produit .box_ajout_panier .quantite { align-items: center; margin: 20px 0px; position: relative; justify-content: left; } #accueil_rayons #listing_produits #partie_centrale .slider .elementSlider { flex-direction: column; padding: 0; } #accueil_rayons #listing_produits .produit .infos_produit .infos_tarif .unite { font-size: 10pt; text-align: left; } #accueil_rayons #listing_produits .produit .infos_produit { padding-left: 0px; } #accueil_rayons #listing_produits .produit .image_produit { padding-left: 0px; } #accueil_rayons #listing_produits .produit .box_ajout_panier { width: 100%; } .box_ajout_favoris { background-size: 41px; width: 41px; height: 41px; } .box_ajout_favoris.favoris, .box_ajout_favoris.favoris:hover, .box_ajout_favoris:hover { background-size: 41px; } .menu_favoris .form_champ .bouton { height: 60px; line-height: 60px; width: 30%; margin-top: 20px; } .stock.carac_STOCK .stock_D, .stock.carac_STOCK .stock_S, .stock.carac_STOCK .stock_C { text-align: left; } /* espace client */ #barre_recherche { line-height: 67px; } #espace_client { max-width: 230px; white-space: nowrap; z-index: 1; height: 94px; min-width: 0; } .client_actif #espace_client:after { content: ""; -webkit-mask: url("./../img/icon_arrow.svg") center no-repeat; mask: url("./../img/icon_arrow.svg") center no-repeat; width: 30px; height: 30px; background-color: #CA231C; transform: rotate(90deg); top: 45px; position: absolute; left: 70px; } #espace_client .connexion_initiale { display: none; } #espace_client_connexion { position: relative; } #espace_client_connexion span.titre_espace_client { width: 180px; margin-left: 70px; } #page_espace_client #demande_identifiants > fieldset { margin-left: 0px; } #page_espace_client #login_form #frm_Login { width: 95%; height: 60px; } #page_espace_client #login_form .form_password { width: 100%; font-size: 22px; } #page_espace_client #login_form input[type="password"] { width: 95%; font-size: 22px; height: 60px; } #page_espace_client #login_form input[type="text"] { width: 90%; font-size: 22px; height: 60px; } #page_espace_client #demande_identifiants a { height: 70px; font-size: 16pt; line-height: 70px; } #espace_client_connexion_bouton a { font-size: 16pt; } #login_form .form_password a { height: 64px; margin-top: 5px; } #page_espace_client #demande_identifiants input { font-size: 22px; } #espace_client_connexion_bouton input[type="submit"] { font-size: 18pt; margin: 25px 0; height: 60px; } #page_espace_client #login_form { margin: auto; width: 100%; float: none; height: auto; border: none; } #page_espace_client #demande_identifiants { width: 100%; float: none; margin: auto; padding-top: 10px; } #page_espace_client { width: 100%; } #page_espace_client .flex_row { display: block; } #espace_client_connexion form { line-height: 40px; } #espace_client #client_connecte .div_center { left: -320px; top: 0px; } #espace_client #client_connecte .utilisateur { margin-bottom: 50px; } #espace_client #client_connecte .lien.picto_historique { } #espace_client_connexion .lien { border: none; } #espace_client_connexion .lien.picto_panier { } #espace_client_connexion .lien.picto_deconnexion { } #espace_client_connexion .lien.picto_panier .nb_articles { left: 56%; } #page.scrolled #entete #recherche_espace #panier { float: none; margin-right: 20px; } #espace_client #client_connecte { } #espace_client #client_connecte > span { font-size: 0px; } #entete #bonjour_client { min-width: 0px; } #entete #bonjour_client #client { display: none; } #page.scrolled #espace_client #client_connecte .div_center { } #espace_client #client_connecte .div_center { min-width: 500px; } #espace_client:hover #pop_client_connecte:before { right: 70px; left: auto; } #espace_client #client_connecte:hover #pop_client_connecte:before { } #espace_client_connexion .utilisateur { font-size: 26px; line-height: 30px; } #espace_client_connexion #pop_client_connecte { font-size: 26px; line-height: 30px; } #espace_client_connexion #pop_client_connecte select { font-size: 26px; line-height: 30px; } #espace_client #client_connecte #pop_client_connecte { } #espace_client_connexion .lien.picto_boutique { font-size: 26px; line-height: 30px; } #espace_client_connexion .lien.picto_deconnexion { font-size: 26px; display: block; line-height: 30px; padding-left: 40px; } #page_espace_client_connecte .col_gauche { float: none; width: 100%; } #page_espace_client #login_form .titre_espace_client { font-size: 18pt; } #page_espace_client #demande_identifiants p.titre { font-size: 26px; margin-top: 40px; } #page_espace_client #demande_identifiants #fieldset_captcha input { width: 205px; } #page_espace_client #demande_identifiants input[type="submit"] { font-size: 22px; height: 44px; } #espace_client_connexion_liens a { font-size: 22px; } #page_espace_client #login_form #frm_Login { margin-bottom: 20px; } #page_espace_client #demande_identifiants p { font-size: 16px; line-height: 20px; } #page_espace_client #login_form fieldset { height: auto; } #box_remember { margin-bottom: 20px; margin-top: 20px; } #box_remember label { font-size: 22px; vertical-align: middle; } #page_espace_client_connecte .encours { margin-left: 0px; width: 100%; } #page_espace_client_connecte .encours .detail { display: block; } #page_espace_client_connecte .encours .progress { height: 45px; border-radius: 25px; } #page_espace_client_connecte .encours .progress .encours_non_facture { height: 45px; border-radius: 25px; } #bandeau_accueil .bxslider img { display: none; } #bandeau_accueil .bxslider img.sp { display: block; } #contenu .titre_section { font-size: 27px; margin-bottom: 40px; } #contenu .titre_section:after { border-width: 4px; width: 11px; height: 11px; } #contenu .titre_section.not_sp { display: none; } #contenu .titre_section.sp { display: block; } #contenu .lien_section { padding: 50px 0px; width: 540px; } #contenu .lien_section a { font-size: 20px; } #contenu .lien_section a:after { border-width: 4px; width: 11px; height: 11px; } #partenaires li.liste_four { flex: 33%; } #partenaires li > ul { padding-top: 30px; width: 95%; flex-wrap: wrap; } #actualites .actu { width: 455px; height: auto; margin-top: 30px; margin-left: 0px; } #actualites .actu + .actu + .actu + .actu { display: inline-flex; } #page .actu .visuel_actu { height: 455px; line-height: 451px; } #page .actu .titre_actu a { font-size: 30px; line-height: 34px; } #page .actu .descriptif_actu { font-size: 26px; line-height: 30px; height: 142px; } #actualites .actu .lien_actu { font-size: 16px; margin: 25px 0px; } #actualites .lien_actu:after { width: 6px; height: 6px; position: relative; top: -1px; } #page .actu .info_actu { margin-top: 20px; } #page .popup_actus .div_center { position: relative; top: 0px; } #page .popup_actus .menu_slide { top: 0px; } #page .popup_actus .liens_actu { visibility: visible; display: none; } #page .popup_actus .section_actu.open .liens_actu { display: block; } #page .actu .titre_actu { height: 105px; } .btncaptcha { height: 40px; width: 40px; background-size: 25px; } .form_password a.icone_voir { background: url('./../img/iconEyeSlash.svg') center no-repeat; background-size: 36px; width: 36px; } .form_password a.icone_cacher { background: url('./../img/iconEyeSlash.svg') center no-repeat; background-size: 36px; width: 36px; } #espace_client #client_connecte #pop_client_connecte select { height: 45px; } #page_espace_client_connecte { } #page_espace_client_connecte #infos_client { margin-left: 0px; margin-top: 20px; } #page_espace_client_connecte #infos_client .sp { display: block; } #page_espace_client_connecte > div.flex_row { flex-direction: column; } #page_espace_client_connecte.flex_row { flex-direction: column; } #page_espace_client_connecte #menu_espace_client { width: calc(100% - 20px); font-size: 16pt; } #page_espace_client_connecte #adresses_client { float: none; margin-top: 50px; width: 100%; padding-top: 50px; } #page_espace_client_connecte .adresse { line-height: 34px; } #page_espace_client_connecte .titre { text-align: left; } #page_espace_client_connecte #infos_client input { font-size: 16pt; height: 60px; display: inline-block; margin-left: 0px; } #page_espace_client_connecte #form_espace_client a.btn_save { font-size: 26px; margin: 0px; margin-top: 10px; margin-bottom: 25px; } #page_espace_client_connecte #form_adresse_client label { font-size: 26px; width: 100%; text-align: left; } #page_espace_client_connecte #form_adresse_client input { font-size: 26px; width: 100%; text-align: left; height: 60px; } #page_espace_client_connecte .btn.btn_password { font-size: 26px; width: 100%; margin: 0px; } #page_espace_client_connecte .wrap_adresse .btn_edit.sp { display: block; background-color: #CA231C; padding: 0 20px; border-radius: 3px; text-align: center; color: #ffffff } #page_espace_client_connecte .wrap_adresse .btn_edit:hover { color: #ffffff; background-color: #AF1817; } #page_espace_client_connecte .wrap_adresse .btn_edit:before { background-color: #ffffff } #page_espace_client_connecte .wrap_adresse .btn_edit:hover:before { background-color: #ffffff } #page_espace_client_connecte .adresse.creation { font-size: 26px; height: 60px; line-height: 60px; right: auto; width: 100%; } #page_espace_client_connecte .sous_titre { margin-top: 25px; margin-bottom: 25px; } #page_espace_client_connecte .adresse .btn_delete { width: 34px; height: 34px; } #page_espace_client_connecte #adresses_client { margin-left: 0px; } #page_espace_client_connecte #btn_actions .btn_delete { -webkit-mask-size: 24px; mask-size: 24px; } #page_espace_client_connecte .select_options .btn_edit.sp { display: block; text-align: center; text-transform: uppercase; -webkit-border-radius: 7px; border-radius: 7px; } #page_espace_client_connecte .select_options .btn_edit.sp:hover { font-family: 'OpenSans-Bold'; } #page_espace_client #demande_identifiants .titre { margin-top: 25px; } #page_espace_client span { font-size: 26px; line-height: 26px; } #page_espace_client .titre_espace_client { font-size: 18pt; } #page_espace_client .sous_titre { font-size: 26px; line-height: 30px; } #page_espace_client .sous_titre span { font-size: 26px; line-height: 30px; } #page_espace_client #demande_identifiants .titre { font-size: 26px; line-height: 30px; } #page_espace_client #demande_identifiants label { font-size: 26px; } #page_espace_client_connecte #infos_client p { font-size: 16pt; line-height: 30px; } #page_espace_client_connecte .adresses .magasins { white-space: normal; } #page_espace_client_connecte p { font-family: 'OpenSans'; } #page_espace_client_connecte p.flex_row { display: block; } #page_espace_client_connecte p.flex_row .libelle { display: block; } #page_espace_client_connecte .adresse_facturation .libelle { display: block; white-space: nowrap; margin-bottom: 8px; margin-top: 20px; } #page_espace_client_connecte .sous_titre_section { font-size: 18pt; } #page_espace_client_connecte #derogations .input_derogation { font-size: 26px; height: 44px; padding-right: 43px; } #page_espace_client_connecte #derogations .aide { font-size: 16pt; line-height: 1.2em; display: block; } #page_espace_client_connecte #derogations .aide_contact { margin-top: 20px; } #page_espace_client_connecte .derogation .switch, #p_produit .derogation .switch { height: 40px; margin-left: 15px; width: 90px; } #p_produit .derogation .slider:before { height: 28px; width: 28px; } #page_espace_client_connecte .derogation .slider:before { height: 32px; width: 32px; } #page_espace_client_connecte input { width: 60%; } #page_espace_client_connecte input#reference { height: 60px; margin: 0; margin-top: 20px; } #page_espace_client_connecte input.qte_input { height: 60px; width: auto; font-size: 18pt; } #page_espace_client_connecte #form_espace_client a.btn_password { position: relative; top: 0px; height: 60px; line-height: 60px; font-size: 18pt; width: 377px; margin: auto; } #page_espace_client_connecte #form_espace_client a.btn_save { height: 60px; line-height: 60px; margin: 0; width: 192px; font-size: 18pt; display: inline-block; } #page_espace_client_connecte #form_adresse_client #btn_actions a { height: 60px; line-height: 60px; font-size: 18pt; padding: 0; } #page_espace_client_connecte #form_adresse_client .btn_close { width: 30px; height: 30px; border-radius: 30px; line-height: 24px; font-size: 23pt; } #page_espace_client_connecte .adresse { font-size: 16pt; align-items: baseline; } #page_espace_client_connecte .titre { line-height: 55px; font-size: 28px; margin-left: 0; } #page_espace_client_connecte .aide { display: none; } #page_espace_client_connecte #p_commande .aide { display: block; margin-top: 20px; } #page_espace_client_connecte .adresses { display: block; } #page_espace_client_connecte .adresses .magasins select { height: 60px; font-size: 16pt; margin-bottom: 10px; } #page_espace_client_connecte .magasins .select_wrapper { width: 100%; } #page_espace_client_connecte .magasins .select_wrapper:after { height: 55px; } #page_espace_client_connecte #form_espace_client .adresses .magasins a.btn_save { width: 100%; } #page_espace_client_connecte .adresses .adresse_facturation { line-height: 1.5em; } #page_espace_client_connecte .tab_contacts .ligne { display: block; position: relative; width: 100%; border-bottom: 1px solid #eaeaea; padding-bottom: 20px; padding-top: 20px; } #page_espace_client_connecte .tab_contacts .cell { display: block; width: calc(100% - 125px); padding: 0; } #page_espace_client_connecte .tab_contacts .cell:last-child { position: absolute; top: 20px; right: 0; width: auto; } #page_espace_client_connecte .tab_contacts .ligne.entete { display: none; } #page_espace_client_connecte .tab_contacts .btn_edit { width: 42px; height: 42px; font-size: 0; padding: 0; } #page_espace_client_connecte .tab_contacts .btn_delete { width: 30px; height: 30px; } #page_espace_client_connecte .tab_contacts .btn_actions { width: 115px; } #page_espace_client_connecte #infos_client input[disabled] { height: auto; } #page_espace_client_connecte #infos_client .derogation input[disabled] { height: 60px; } #page_espace_client_connecte #infos_client .derogation input[type=checkbox]:checked { display: none; } #page_espace_client_connecte .tab_contacts input[disabled], #page_espace_client_connecte .tab_contacts select[disabled] { font-size: 16pt; } #page_espace_client_connecte .tab_contacts .select_wrapper { } #page_espace_client_connecte .tab_contacts select { font-size: 16pt; height: 60px; } #page_espace_client_connecte .tab_contacts select[disabled] { height: auto; } #page_espace_client_connecte .ajout_compte { display: block; } #page_espace_client_connecte #form_espace_client .ajout_compte a.btn_save { background-color: #CA231C; color: #ffffff; margin-bottom: 30px; } #page_espace_client_connecte #form_espace_client .ajout_compte a.btn_save:hover { background-color: #AF1817; } #page_espace_client_connecte .ajout_compte select { height: 60px; font-size: 16pt; } #page_espace_client_connecte .derogation, #p_produit .derogation { width: 99%; margin-bottom: 20px; } #p_produit .derogation { padding: 0; } #p_produit .derogations span { margin-top: 5px; font-size: 18pt; margin-right: 10px; } #page_espace_client_connecte #derogations .input_derogation { width: calc(100% - 105px); } #page_espace_client_connecte #derogations .edit { width: 25px; height: 25px; left: calc(100% - 145px); } #page_espace_client_connecte .derogation input:checked+.slider:before { -webkit-transform: translateX(51px); -ms-transform: translateX(51px); transform: translateX(51px); bottom: 4px; } #page_espace_client_connecte #form_espace_client #derogations a.bouton { width: 100%; } #page_espace_client_connecte #derogations .entete { font-family: 'OpenSans-Bold'; } #p_commande .btn_telecharger { display: none; } #p_commande { margin-left: 0px; } #p_commande .statut span { height: 42px; line-height: 42px; padding: 0 10px; font-size: 18pt; } #p_commande .entete_right { top: -62px; } #p_commande .montantHT { margin-bottom: 10px; } #p_commande .montantHT .prix { font-size: 18pt; display: block; } #p_commande .montantHT > span:not(.prix) { font-size: 14pt; text-transform: lowercase; } #p_commande .nbArt.sp { display: block; } #p_commande .prix_article { font-family: 'OpenSans-Bold'; } #p_commande .quantite .flex_row { justify-content: space-between; } #p_commandes #page_espace_client_connecte .sous_titre { margin-left: 0px; font-size: 16pt; } #p_commandes .infos_commande .statut span { font-size: 12pt; } #p_commandes .infos_commande.ligne .cell { vertical-align: middle; } #p_commandes .infos_commande.ligne .cell .Web:before { display: block; } #p_commandes .infos_commande.ligne .cell .Agence:before { display: block; } #liste_commandes .nb_resultats { margin-left: 0px; font-size: 16pt; } #liste_commandes .nb_resultats .div_center { width: auto; } #p_commandes .zone_filtres { font-size: 16pt; margin-left: 0px; } #p_commandes .zone_filtres .sous_filtres { flex-direction: column; } #liste_commandes .nb_resultats select { width: 90px; height: 49px; } #liste_commandes .nb_resultats .select_wrapper:after { top: 4px; right: 20px; right: 55px; width: 20px; } #liste_commandes .pagination { margin-top: 20px; } .ui-widget.ui-widget-content { height: 60px; line-height: 60px; } #p_commandes_contenu > div.total { float: none; width: 100%; } #page_creation_compte .rule { font-size: 12pt; } #page_creation_compte .aide { font-size: 12pt; } #page_creation_compte .col_contenu .bouton { height: 60px; line-height: 60px; padding: 0; } #page_creation_compte select { height: 60px; font-size: 14pt; } #page_creation_compte .sous_titre { font-size: 16pt; } #p_creation_compte #confirmation #box_action a.bouton { height: 60px; font-size: 17pt; } #page_creation_compte .form_password a.icone_cacher { margin-top: 5px; } #page_creation_compte .form_password a.icone_voir { margin-top: 5px; } #p_favoris #p_favoris_contenu { margin-left: 0px; margin-top: 20px; } #liste_commandes_contenu { margin-left: 0px; margin-top: 20px; } #recherche_espace #panier { margin-right: 20px; margin-left: 20px; z-index: 1; } /* page recherche */ #p_recherche #resultats { margin-bottom: 0px; } #p_recherche #recherche_header { height: 65px; margin-bottom: 25px; background-color: transparent; } #p_recherche #filtres { position: fixed; visibility: hidden; width: 100%; height: calc(100% - 180px); top: 180px; z-index: 6; box-shadow: none; left: 100%; background-color: #ffffff; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } #p_recherche #filtres.open { visibility: visible; left: 0px; } #p_recherche #filtres .entete_sections { font-size: 0; line-height: 0px; display: block; } #p_recherche #filtres .entete_sections:after { display: none; } #p_recherche #filtres .entete_sections:before { content: ""; width: 36px; height: 36px; background: url("./../img/iconClose.webp") right no-repeat; display: block; width: 100%; cursor: pointer; background-size: 35px; } #p_recherche #filtres .titre_section { font-size: 22px; margin-top: 20px; margin-bottom: 20px; } #p_recherche #produits { padding: 0px; } #p_recherche #produits .titre_section { font-size: 22px; width: 243px; text-align: center; cursor: pointer; } #p_recherche #produits .titre_section:before { display: none; } #p_recherche #produits .titre_section:after { content: ""; position: relative; top: -1px; transform: rotate(135deg); color: #CA231C; width: 7px; height: 7px; border-left: 3px solid #CA231C; border-top: 3px solid #CA231C; display: inline-block; margin-left: 5px; margin-right: 5px; } #p_recherche #produits #tri_recherche { font-size: 22px; width: 243px; } #p_recherche #filtres label { font-size: 22px; margin-left: 10px; vertical-align: middle; } #p_recherche #filtres input[type=checkbox] { width: 41px; height: 41px; } #p_recherche input[type=checkbox]:checked:before { font-size: 30px; width: 41px; height: 41px; } #p_recherche #filtres .titre_section:before { width: 7px; height: 7px; border-left: 3px solid #CA231C; border-top: 3px solid #CA231C; } #p_recherche #filtres .overscroll a { font-size: 22px; line-height: 30px; margin-bottom: 25px; margin-left: 75px; } #p_recherche #filtres .section_gauche.overscroll { max-height: calc(100% - 66px); } .scrolled #p_recherche #filtres .section_gauche.overscroll { } .scrolled #p_recherche #filtres.open { top: 150px; height: calc(100% - 150px); } #p_recherche table { width: 73%; } #p_recherche #pages_recherche { margin-left: 55px; } #p_recherche .produit .infos_produit { width: 52%; } #p_recherche #filtre_four > ul { top: 77px; width: 165px; right: 0px; } #p_recherche #resultats { line-height: 30px; border: none; font-size: 28px; } #p_recherche #resultats .resultat { display: block; margin-bottom: 20px; line-height: 1.5em; } #p_recherche #resultats .resultat.sep { display: none; } #p_recherche #produits { box-shadow: none; width: 100%; } #p_recherche > .pages_recherche { } #liste_commandes .barre_navig, #p_recherche .barre_navig { display: block; } #p_recherche .pages_recherche .pages { font-size: 18pt; } #p_recherche .pages_recherche .pages a { height: 44px; width: 44px; text-align: center; line-height: 44px; font-size: 18pt; } #p_recherche .pages_recherche .pages input[type=number] { height: 44px; font-size: 18pt; } #p_recherche > .pages_recherche ~ .pages_recherche { } #liste_commandes .barre_navig.bottom, #p_recherche .barre_navig.bottom { padding: 0; white-space: nowrap; display: flex; flex-direction: row; justify-content: space-between; } #liste_commandes .pagination .goto { font-size: 16pt; } #liste_commandes .goto input[type=text], #p_recherche .barre_navig input[type=text], #ba_contenu .barre_navig input[type=text], #liste_commandes .pagination .goto input[type=button] { width: 49px; height: 49px; font-size: 16pt; } #p_recherche .pages { display: none; } #p_recherche .pages_recherche { margin-left: 0px; display: block; } #p_recherche .barre_navig.bottom a { width: 47px; height: 47px; font-size: 23px; line-height: 47px; } #p_recherche .barre_navig.bottom a + a + a + a { } #p_recherche .barre_navig.bottom a:last-child { display: inline-block; } #p_recherche .barre_navig.bottom a.bouton_page_suiv { width: auto; height: 44px; line-height: 44px; } #p_recherche .rech_resultat:last-child { } #p_recherche .produit { display: flex; flex-direction: column; width: 100%; } #p_recherche .produit .infos_produit { width: 100%; float: left; display: flex; } #p_recherche .produit .titre { font-size: 28px; line-height: 30px; height: 62px; } #p_recherche .produit .infos_produit .logo_four { font-size: 12pt; width: 100%; height: auto; } #p_recherche .produit .infos_produit .ref_cat { font-size: 12pt; } #p_recherche .produit .infos_produit .titre_produit { font-size: 18pt; line-height: 20pt; height: auto; } #p_recherche .produit .ref_cat:before { width: 11px; height: 11px; border-left: 3px solid #CA231C; border-top: 3px solid #CA231C; } #p_recherche #contenu_resultats .visuels { width: 126px; } #p_recherche #contenu_resultats .visuels .four { width: 100%; } #p_recherche .visuel { width: 200px; line-height: 126px; height: 187px; min-width: 200px; } #p_recherche .visuel img { max-width: 200px; max-height: 126px; } #p_recherche .produit .stock { height: 40px; } #p_recherche .ajout_panier { float: none; width: 100%; display: flex; justify-content: space-between; padding-top: 20px; flex-direction: column; align-items: flex-start; margin-left: 30px; } #p_recherche .infos { width: 61%; margin-left: 15px; } #p_recherche .quantite { display: inline-block; vertical-align: middle; } #p_recherche .ajout_panier .box_ajout_panier span.libelle { display: none; } #p_recherche .infos_tarif { display: inline-block; line-height: initial; margin-bottom: 15px; } #p_recherche .box_ajout_panier { display: inline-block; position: relative; } #p_recherche .bouton_panier { display: inline-block; vertical-align: middle; margin-top: 5px; } #p_recherche .panier_ajout:after { -webkit-mask-size: 30px; mask-size: 30px; width: 40px; height: 40px; position: relative; top: -5px; margin-left: 0px; } #p_recherche .visuel .picto span { font-size: 15px; width: 126px; } #p_recherche .visuel .picto:before { top: 13px } #p_recherche .prix { font-size: 18pt; text-align: left; white-space: nowrap; } #p_recherche .ajout_panier .eco_contribution { font-size: 19px; } #p_recherche .ajout_panier .nature_tarif { font-size: 19px; text-align: left; } #p_recherche .prix .type_prix { line-height: 24px; } #resultat_recherche_refs { display: none !important; } #fermeture_dialog.recherche { display: none !important; } #p_recherche #tri_recherche .menu_slide { font-size: 22px; line-height: 30px; } #p_recherche #tri_recherche .titre_section { background-color: #EDEDED; border: none; margin-right: 0px; } #p_recherche .titre_section { height: 50px; line-height: 50px; margin-bottom: 0px; } #p_recherche #recherche_header .entete_sections { height: 50px; line-height: 50px; margin-bottom: 0px; background-color: #EDEDED; border: none; padding: 5px 25px; border-radius: 3px; margin-left: 0px; } #p_recherche #tri_recherche .div_center { top: 70px; width: 100%; } #p_recherche .rech_resultat { padding: 10px; width: 100%; margin-left: 0px; margin-bottom: 10px; } #p_recherche .box_ajout_favoris { left: 0px; right: auto; display: none; } #p_recherche .picto span { width: 100%; font-size: 14px; height: 25px; line-height: 25px; } #p_recherche input[type=checkbox]:checked { border: 8px solid #CA231C; } #p_recherche #limit_recherche { display: none; } #p_recherche .produit .infos_produit .infos_tarif .unite { text-align: left; font-size: 12pt; } #p_recherche .picto { position: absolute; left: 0; } #filtre_four > ul { top: 165px; width: 165px; right: 0px; } #filtre_four ul li.entete_liste_four a { } #filtre_four ul li.entete_liste_four img { max-width: 145px; } #filtre_four ul li ul li.liste_four img { max-width: 145px; } #filtre_four .annuler_filtre { top: 46px; } #barre_navigation_contenu { font-size: 14pt; height: auto; line-height: 32px; } #barre_navigation_contenu a { font-size: 14pt; } /* page famille */ #p_famille { width: 100%; } #p_famille #filtre_four { margin-top: 30px; } #p_famille #titre_page { width: 100%; text-align: left; margin-top: 0px; } #p_famille .famille { position: relative; width: 100%; margin-left: 0px; box-shadow: none; display: block; height: auto; padding-bottom: 100px; border-bottom: 1px solid #c4c8cb; } #p_famille h2 a:before { top: -4px; left: -8px; width: 8px; height: 8px; border-left: 3px solid #CA231C; border-top: 3px solid #CA231C; } #p_famille .famille .visuel { float: left; } #p_famille .famille .ssfamille { float: left; width: 100%; height: auto; } #p_famille .famille a.voir_produits { position: absolute; bottom: 20px; width: 100%; height: 55px; line-height: 55px; font-size: 26px; left: 0px; } #p_famille #filtre_four > ul { top: 80px; width: 225px; right: 0px; } #p_famille #filtre_four > ul > li > a { font-size: 22px; height: 44px; } #filtre_four ul li.entete_liste_four { height: 44px; } #filtre_four ul li.entete_liste_four a { font-size: 20px; padding-top: 10px; padding-bottom: 10px; } #p_famille h2 a { font-size: 30px; line-height: 32px; } #p_famille .famille .ssfamille ul li a.lien_famille { font-size: 28px; line-height: 36px; } #p_famille #filtre_four > ul > li > a:after { width: 8px; height: 8px; border-left: 3px solid #CA231C; border-top: 3px solid #CA231C; } #p_famille #filtre_four > ul:hover > li > a:after { width: 8px; height: 8px; border-left: 3px solid #CA231C; border-top: 3px solid #CA231C; } #p_famille .famille .visuel { width: 100%; } /* favoris */ #p_favoris { } #p_favoris h2 { font-size: 22px; height: 44px; line-height: 44px; } #p_favoris h2 .sous_titre { font-size: 18px; } #p_favoris .box_panier { width: 100%; margin-left: 0px; } #p_favoris .box_panier:hover { } #p_favoris .box_panier .visuel { height: 265px; line-height: 265px; } #p_favoris .box_panier .titre { height: 61px; font-size: 16pt; padding-left: 50px; background-size: 38px; text-transform: none; background: none; padding: 0; width: 100%; line-height: 1.5em; } #p_favoris .box_panier .titre_produit { width: 100%; height: 100%; } #p_favoris .box_panier .titre .sp { display: block; } #p_favoris .box_panier .titre:before { left: 35px; } #p_favoris .box_panier .nb_articles { font-size: 18px; } #p_favoris .box_panier .date { font-size: 18px; } #p_favoris .box_ajout_favoris.favoris { font-size: 22px; margin: 20px 28px; background-size: 38px; padding-left: 55px; height: 38px; line-height: 38px; text-decoration: underline; } #p_favoris .ajout_panier .quantite .libelle { line-height: 22px; font-size: 20px; } #p_favoris .ajout_panier .rech_prix_produit.prix.HT { font-size: 30px; height: 30px; } #p_favoris .ajout_panier .rech_prix_produit.prix.HT .type_prix { font-size: 30px; vertical-align: initial; } #p_favoris .box_panier .box_ajout_favoris.favoris { width: 30px; height: 34px; background-size: 29px; } #p_favoris .box_panier a.bouton { background-color: #F6F6F6; color: #000000; } #p_favoris .box_panier a.bouton:hover { background-color: #CA231C; color: #FFFFFF; } #p_favoris .produit { width: 100%; border-width: 6px; } #p_favoris .infos { margin-top: 0px; } #p_favoris .produit .infos_produit.sp { display: flex; } #p_favoris .produit:hover { border-width: 6px; } #p_favoris .produit .image_produit { height: 260px; width: 180px; margin-right: 20px; } #p_favoris .produit .image_produit a { line-height: 260px; } #p_favoris .produit .image_produit img { max-height: 260px; } #p_favoris .produit .picto { left: auto; right: auto; width: 175px; top: 0px; position: relative; } #p_favoris .produit .picto span { font-size: 23px; height: 35px; line-height: 35px; } #p_favoris .produit .picto:after { border-right: 22px solid transparent; top: 47px; } #p_favoris .produit .infos_produit .logo_four { font-size: 12pt; } #p_favoris .produit .infos_produit .titre_produit { font-size: 18pt; line-height: 1.2em; height: 60px; } #p_favoris .produit .infos_produit .ref_cat { font-size: 12pt; line-height: 30px; } #p_favoris .produit .infos_produit .ref_cat:before { border-width: 4px; width: 11px; height: 11px; margin-right: 10px; } #p_favoris .produit { margin-left: 0px; margin-bottom: 20px; } #p_favoris .produit .prix { font-size: 18pt; line-height: 36px; margin-top: 20px; text-align: left; } #p_favoris .produit .infos_produit .infos_tarif { font-size: 22px; line-height: 22px; height: 50px; text-align: left; } #p_favoris .produit .box_ajout_panier .quantite .libelle { font-size: 22px; } #p_favoris .produit .box_ajout_panier .quantite { align-items: center; margin: 20px 0px; position: relative; justify-content: left; } #p_favoris .produit .infos_produit .infos_tarif .unite { font-size: 10pt; text-align: left; } #p_favoris .produit .infos_produit { padding-left: 0px; } #p_favoris .produit .image_produit { padding-left: 0px; } /* fiche produit*/ #p_produit { width: 100%; margin: auto; } #p_produit .unite { font-size: 18pt; } #p_produit table.table_produit td:first-child { width: 100%; } #p_produit table.table_produit td { display: block; float: left; } #p_produit #visuels { width: 100%; max-width: 100%; margin-left: 0px; position: relative; box-sizing: border-box; padding-right: 0; } #p_produit #visuels .principal { width: 100%; } #p_produit #visuels .principal .visuels_categorie a img { } #p_produit #visuels .visuels_secondaires { width: 100%; } #p_produit #ajout_panier .bouton_panier { width: 100%; margin-top: 20px; } #visuels .principal table { width: 100%; } #visuels .principal .form_aucune_valeur { width: 100%; } #p_produit .titre_produit { margin-bottom: 15px; margin-left: 0px; font-size: 32px; line-height: 42px; } #p_produit #prix { margin-bottom: 25px; } #p_produit .logo_four img { max-width: 250px; max-height: 53px; } #p_produit .not_sp { display: none; } #p_produit h1.titre_produit.not_sp { display: none; } #p_produit .box_ajout_favoris.not_sp { display: none; } #p_produit .table_produit .box_ajout_favoris.sp { display: block; margin-bottom: 0px; margin-left: 0px; position: absolute; bottom: 0px; right: 0px; left: auto; width: auto; } #p_produit .titre_fav { display: block; } #p_produit h1.titre_produit.sp { display: inline-block; } #p_produit .sp { display: block; } #page_espace_client_connecte .derogation .infos_derog, #p_produit .derogation .infos_derog { line-height: 44px; } #p_produit .derogation .infos_derog { margin-top: 0; } #p_produit .derogation .infos_derog { line-height: 40px; height: 40px; width: calc(100% - 125px); } #p_produit .derogation .slider:before { left: 6px; bottom: 6px; } #p_produit .derogation input:checked+.slider:before { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } #p_produit #infos_produit { float: none; display: inline-block; width: 100%; margin-top: 20px; margin-left: 0px; } #p_produit #ajout_panier { height: auto; padding-top: 0px; border: none; } #p_produit #ajout_panier.user_deconnecte { float: initial; margin: auto; } #p_produit #infos_produit_suite #prod_documents_techniques { float: none; } #p_produit #xsell_ARTICLE .produit:first-child { margin-left: 7px; } #p_produit #xsell_ARTICLE #listing_produits .produit { width: 100%; max-width: 100%; border: 30px solid #EDEDED; } #p_produit #xsell_ARTICLE #listing_produits .produit:hover { border: 30px solid #f1f1f1; } #p_produit #xsell_ARTICLE #listing_produits .produit .image_produit { height: 369px; } #p_produit #xsell_ARTICLE #listing_produits .produit .image_produit a { line-height: 369px; } #p_produit #xsell_ARTICLE #listing_produits .produit .image_produit img { max-height: 369px; } #p_produit #xsell_ARTICLE #listing_produits .produit .box_ajout_favoris { left: auto; } #p_produit #xsell_ARTICLE .slider .elementSlider { padding: 0px !important; } #p_produit #xsell_ARTICLE .slider .slide_left:before { left: -24px; } #p_produit #xsell_ARTICLE .slider .slide_right:after { right: -17px; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .titre_produit { font-size: 22px; margin: 0px; line-height: 30px; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .ref_cat { font-size: 30px; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .prix.HT { font-size: 30px; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .infos_tarif { line-height: 30px; font-size: 22px; height: auto; } #p_produit #xsell_ARTICLE #listing_produits .produit .box_ajout_panier .quantite .libelle { font-size: 22px; line-height: 57px; } #p_produit #xsell_ARTICLE #listing_produits .produit .infos_produit .ref_cat:before { width: 11px; height: 11px; top: -4px; border-left: 3px solid #CA231C; border-top: 3px solid #CA231C; } #p_produit .col_gauche { box-shadow: none; width: 100%; padding: 0px; display: block; } #p_produit #logo_four.not_sp { display: none; } #p_produit #encart_mea_prod { margin-bottom: 20px; background-color: transparent; padding: 0px; } #p_produit .table_produit .stock .consulter { height: 54px; line-height: 54px; font-size: 26px; text-align: left; } #p_produit .ajout_panier .infos_tarif { display: none; } #p_produit .prix_net { font-size: 45px; margin-top: 20px; } #p_produit .pourcentageRemise { font-size: 26pt; margin-top: 20px; height: 48px; line-height: 48px; float: right; } #p_produit .pourcentageRemise::before { border-right: 25px solid #CA231C; border-top: 25px solid #ffffff; border-bottom: 25px solid; } #p_produit .prix_public { font-size: 22px; line-height: 30px; } #p_produit .nature_tarif { font-size: 22px; display: block; } #p_produit .eco_contribution { font-size: 22px; margin-bottom: 5px; } #p_produit #ref_cat, #p_produit .ref_cat { font-size: 14pt; } #p_produit .nom_four { font-size: 26px; } #p_produit .quantite span { } #p_produit .quantite .libelle { float: left; font-size: 22px; line-height: 65px; vertical-align: top; } #p_produit .quantite input { width: 116px; height: 90px; } #p_produit .quantite .retirer { width: 90px; height: 90px; margin-left: -7px; line-height: 90px; } #p_produit .quantite .ajouter { width: 90px; height: 90px; line-height: 90px; } #p_produit #ajout_panier a.panier_ajout { width: 295px; font-family: 'OpenSans-Bold'; font-size: 18pt; height: 90px; line-height: 90px; } #p_produit #ref_cat span:before, #p_produit .ref_cat span:before { width: 10px; height: 10px; } #p_produit #xsell_ARTICLE { width: 100%; overflow: hidden; padding: 0 30px; box-sizing: border-box; } #p_produit #xsell_ARTICLE #listing_produits { overflow: initial; } #p_produit #xsell_ARTICLE #listing_produits .produit .picto:after { content:""; position: absolute; border-top: 22px solid #CA231C; border-right: 18px solid transparent; left: 0px; top: 40px; z-index: 1; } #p_produit #xsell_ARTICLE #listing_produits .produit .picto span { position: absolute; z-index: 2; color: #ffffff; font-size: 24px; letter-spacing: 2px; width: 202px; height: 41px; line-height: 41px; display: block; text-align: center; top: 0px; background-color: #CA231C; } #p_produit #infos_produit #prod_documents_techniques { width: 100%; } #p_produit #infos_produit { font-size: 18pt; } #p_produit #infos_produit .fiche_prod_articles { font-size: 18pt; } #p_produit .titre { font-size: 26px; } #p_produit #xsell_ARTICLE h2 { font-size: 22px; } #p_produit .logo_four { margin-top: 20px; } #p_produit #infos_produit #prod_documents_techniques { font-size: 22px; } #p_produit .bouton_panier { margin-top: 25px; } #p_produit #infos_produit #prod_documents_techniques .titre { margin-bottom: 25px; } #p_produit .panier_ajout { line-height: 59px; } #p_produit #infos_produit .onglets { flex-direction: column; } #p_produit #infos_produit .onglets .titre:first-child { border: none; } #p_produit .table_produit .box_ajout_favoris { background: none; border: 1px solid #CA231C; padding: 10px; border-radius: 3px; width: 100%; text-align: center; box-sizing: border-box; height: auto; height: 90px; line-height: 70px; font-size: 20pt; color: #CA231C; font-family: 'OpenSans'; margin-top: 50px; } #p_produit .important { background-color: #f4f4f4; margin-bottom: 20px; padding: 10px; } #p_produit .onglets .titre { margin-top: 0px; } #p_produit .picto_paiement { background: url("./../img/mastercard.png") no-repeat 42px; width: 120px; height: 35px; background-size: 35px; justify-content: center; margin: auto; margin-top: 20px; } #p_produit .picto_paiement:before { width: 35px; height: 35px; background-size: 35px; padding-right: 50px; } #p_produit .picto_paiement:after { width: 35px; height: 35px; background-size: 35px; } #popup_aide_popup_prix_detail { top: 38px; } #popup_aide_popup_prix_detail .form_tip { width: 280px; font-size: 20px; } #popup_aide_popup_prix_detail .form_tip .libelle_titre { font-size: 20px; } #popup_aide_popup_prix_detail .form_tip .libelle { } #popup_aide_popup_prix_detail .form_tip > div { line-height: 26px; } .stock span { font-size: 22px; line-height: 25px; } #p_produit #ajout_panier .stock span { font-size: 18pt; } .stock .consulter { font-size: 22px; width: 100%; height: 54px; line-height: 54px; } .panier_ajout { font-size: 18pt; height: 60px; line-height: 60px; width: 265px; font-family: 'OpenSans-Bold'; } .panier_ajout .sp { display: inline-block; } .panier_ajout:after, .panier_ajout:after { -webkit-mask-size: 30px; mask-size: 30px; width: 40px; height: 40px; position: relative; top: -5px; } .quantite .retirer { width: 60px; height: 60px; background-size: 60px; line-height: 60px; left: 7px; font-size: 18pt; } .quantite .ajouter { width: 60px; height: 60px; background-size: 60px; line-height: 60px; left: -7px; font-size: 18pt; } .quantite input { width: 95px; height: 60px; font-size: 22px; } .carac_STOCK { height: 30px; margin-top: 30px; } .tooltipster-base { min-width: 334px; max-width: 334px; } .tooltipster-base .stock_agence { line-height: 35px; } .tooltipster-default .tooltipster-content { font-size: 26px; line-height: 30px; } .tooltip { width: 334px; max-width: 100%; margin-top: 10px; } #box_remember .tooltip { width: auto; margin-top: 10px; } .tab_donnees .infos_produit { width: calc(100% - 156px); margin-left: 30px; } #p_produit .tooltip { width: 350px; } /* historique commandes */ #p_commandes { display: block; } #p_commandes .section { font-size: 18px; } #p_commandes .section.active:before { position: relative; left: 0px; } #p_commandes .col.contenu { width: 100%; } #p_commandes .col.sections { width: 100%; margin: auto; display: flex; justify-content: space-between; } #p_commandes .commande { width: 100%; height: auto; margin-top: 10px; } #p_commandes .commande .visuel { width: 100px; height: 100px; } #p_commandes .commande .visuel img { max-width: 100px; max-height: 100px; } #p_commandes .commande .infos_commande { margin-top: 5px; margin-bottom: 0px; width: calc(100% - 110px); } #p_commandes .commande .reinjecter { padding: 0px; display: inline-block; text-align: center; margin-left: 0px; margin-top: 15px; } #p_commandes .commande .panier_validation { font-size: 18px; line-height: 20px; height: 45px; } #p_commandes .commande .montant { font-size: 22px; line-height: 26px; margin-top: 20px; } #p_commandes .commande .reference { margin-top: 5px; font-size: 22px; line-height: 22px; } #p_commandes .section a { display: initial; } #p_commandes a.bouton.btn_valider { width: 100%; padding: 0px; margin: 20px 0px; font-size: 22px; } #p_commandes table.tab_donnees tr.article .eco_contribution { display: none; } #p_commandes table.tab_donnees tr.article .libelle_eco { display: none; } #p_commandes .tab_donnees { display: flex; flex-direction: column; } #p_commandes .commande .date { font-size: 22px; line-height: 25px; } #p_commandes .commande .reinjecter a { font-size: 22px; width: 275px; } #p_commandes .ico_etape_precedente { width: 100%; } #p_commandes .titre_page { font-size: 28px; } #p_commandes .commande .infos_commande .sp { display: block; } #p_commandes .commande .infos_commande { width: 100%; } #p_commandes .commande .boutons { display: block; width: 100%; float: none; height: 40px; } #p_commandes .commande .boutons a.reinjecter { display: inline-block; vertical-align: middle; } #p_commandes .commande .boutons a.btn { display: inline-block; vertical-align: middle; } #p_commandes .commande .infos_commande > div > span.identifiant { width: 100%; font-size: 22px; line-height: 26px; } #p_commandes .commande .infos_commande > div > span.reference { width: 50%; font-size: 22px; line-height: 26px; } #p_commandes .commande .infos_commande > div > span { width: 50%; font-size: 22px; line-height: 25px; } #p_commandes .commande .infos_commande > div span.libelle { font-size: 22px; line-height: 26px; } #p_commandes .commande .infos_commande > div > span.montant { font-size: 22px; line-height: 26px; } #p_commandes .zone_filtres input[type=text][name=numCommande], #p_commandes .zone_filtres input[type=text][name=ReferenceCommande] { min-width: 375px; width: 90%; height: 49px; font-size: 30px; margin-top: 10px; } #p_commandes .zone_filtres input[type=text], #p_commandes .zone_filtres select { min-width: 310px; height: 49px; font-size: 30px; margin-top: 10px; } #p_commandes .zone_filtres .select_wrapper { width: 75%; } #p_commandes .zone_filtres .select_wrapper:after { top: 11px; } #p_commandes .zone_filtres select { width: 100%; } #p_commandes .zone_filtres .champs_filtres { width: 100%; } #p_commandes .zone_filtres .recherche { width: 100%; } #p_commandes .zone_filtres .recherche .bouton { top: 20px; } #p_commandes .barre_navig.bottom a { width: 47px; height: 47px; font-size: 23px; line-height: 47px; } #p_commandes .barre_navig.bottom a.bouton_page_suiv { display: block; } /* Ajout rapide */ #p_ajout_rapide #pretraitement { } #p_ajout_rapide #references { height: 215px; } #p_ajout_rapide #placeholder_ref { height: 215px; } #p_ajout_rapide #ligne_2 input[type="submit"]:nth-child(2) { margin-left: 233px; } #p_ajout_rapide #ligne_2 .bouton { margin-bottom: 10px; width: 155px; } #p_ajout_rapide #ligne_2 .bouton:nth-child(2) { float: none; width: 100%; display: block; padding: 0px; } #p_ajout_rapide #load_prix { bottom: 38px; top: auto; width: 55%; right: 250px; line-height: 36px; } #p_ajout_rapide .tab_donnees { display: flex; flex-direction: column; } #p_ajout_rapide .tab_donnees tr { display: block; float: left; width: 100%; } #p_ajout_rapide .tab_donnees th { float: left; box-sizing: border-box; height: 58px; } #p_ajout_rapide .tab_donnees th.th_article { width: 87%; line-height: 42px; } #p_ajout_rapide .tab_donnees .quantite { margin-top: 20px; float: right; text-align: right; } #p_ajout_rapide .tab_donnees .prix_article { color: #DD2726; font-size: 32px; } #p_ajout_rapide .tab_donnees .prix_article input { border: none; color: #DD2726; font-size: 32px; text-align: right; display: inline-block; vertical-align: initial; width: calc(100% - 30px); } #p_ajout_rapide .tab_donnees .quantite .prix_ht { font-size: 25px; line-height: 30px; } #p_ajout_rapide .tab_donnees .quantite { float: right; width: calc(100% - 156px); margin-top: 20px; text-align: right; } #p_ajout_rapide #placeholder_ref { width: calc(100% - 216px); margin-left: 15px; } #p_ajout_rapide #references { width: calc(100% - 220px); margin-left: 15px; } #p_ajout_rapide #ligne_2 .bouton.disabled { height: 44px; line-height: 44px; } #p_ajout_rapide #ligne_2 .bouton { height: 44px; line-height: 44px; font-size: 17px; } #p_ajout_rapide #pretraitement { font-size: 22px; line-height: 25px; } #p_ajout_rapide #placeholder_ref p { font-size: 26px; line-height: 30px; } #p_ajout_rapide .label_file_ar { font-size: 22px; } #p_ajout_rapide .label_file_ar:after { font-size: 20px; line-height: 20px; } #p_ajout_rapide #lien_modele { width: 100%; font-size: 22px; } #p_ajout_rapide #msg_err { display: none; visibility: hidden; } /* panier */ table.tab_donnees th { white-space: nowrap; width: 100%; font-size: 25px; } table.tab_donnees:not(.recap) th:not(.not_sp) { display: block; padding: 20px; } table.tab_donnees tr.article td.prix { vertical-align: top; padding-left: 10px; padding-right: 5px; } table.tab_donnees td.designation .prix_ht { font-size: 13pt; } #p_ajout_rapide table.tab_donnees:not(.recap) th:not(.not_sp) { display: table-cell; } table.tab_donnees tr.article td.total input { width: 125px; } table.tab_donnees td.designation .libelle { } #p_panier table.tab_donnees tr.article td .flex_row { width: 100%; } #p_panier .box_option a.bouton { margin-bottom: 20px; font-size: 26px; width: 100%; margin-left: 0px; padding: 0px; } .ico_panier_vider { font-size: 26px; line-height: 60px; } #p_panier .box_option { float: none; display: block; text-align: center; } #p_panier .box_action .flottant_droite { width: 100%; } #p_panier .box_action .flottant_droite a.bouton { float: right; margin-top: 10px; padding: 0px; width: 100%; font-size: 26px; height: 44px; line-height: 44px; } #p_panier .box_action a.bouton { margin: auto; } #p_panier .etape { width: 138px; font-size: 22px; line-height: 25px; vertical-align: top; position: relative; } #p_panier .tab_donnees, #p_commande .tab_donnees { display: flex; flex-direction: column; line-height: 1.5em; font-size: 15pt; } #p_panier .tab_donnees .visuel_produit { width: 126px; padding-right: 0px; float: left; height: 185px; } #p_panier .box_action { margin-top: 10px; } #p_panier .stock .consulter { width: 100%; max-width: 334px; } #p_panier #livraison #livraison_autre .important { font-size: 26px; line-height: 30px; } #p_panier #livraison #livraison_autre .select_adresse { margin-left: 0px; font-size: 26px; height: 44px; line-height: 44px; width: 100%; } #p_panier #livraison #livraison_autre .select_options { margin-left: 0px; } #p_panier #p_panier_infos .form_val { width: 100%; font-size: 26px; line-height: 30px; } #p_panier #livraison #type_livraison > .form_champ > .form_val { margin-left: 0px; width: 100%; } #p_panier #p_panier_infos .form_lib { width: 100%; text-align: left; margin-bottom: 5px; } #p_panier #livraison #type_livraison .form_lib { width: calc(100% - 40px); text-align: left; } #p_panier.livraison .box_action { padding-right: 0px; } #p_panier .tab_donnees .bloc, #p_commande .tab_donnees .bloc { } #p_panier .tab_donnees .bloc:nth-child(2n) { margin-right: 0px; margin-left: 0px; } #p_panier .box_action a.bouton, .menu_favoris .box_action a.bouton { width: 210px; } #p_panier .box_action a.bouton { width: 100%; margin-bottom: 15px; height: 60px; line-height: 60px; padding: 0; font-size: 20pt; } #p_panier #confirmation_commande .ico_etape_precedente { float: none; } #p_panier .box_action a.bouton.panier_vider { width: 100%; padding: 0px; height: 60px; line-height: 60px; box-sizing: border-box; } #p_panier .form_champ { display: block; } #p_panier #contenu_panier #choix_magasin { display: block; text-align: center; line-height: 1.5em; } #p_panier #contenu_panier #choix_magasin span { display: block; } #p_panier #contenu_panier #choix_magasin .select_wrapper { width: 100%; } #p_panier #contenu_panier #choix_magasin .select_wrapper:after { height: 60px; top: 0px; } #p_panier #contenu_panier #choix_magasin select { width: 100%; height: 60px; font-size: 16pt; } #p_panier #p_panier_infos { padding-right: 0px; flex-direction: column; } #p_panier #p_panier_infos .option.checked .sous_titre { margin-bottom: 20px; } #p_panier #p_panier_infos .option.checked .select_options { width: calc(100% - 20px); border: 1px solid #dedede; padding: 10px; margin: 0; min-height: 60px; line-height: 60px; } #p_panier #p_panier_infos .option.checked .select_options .bouton { width: calc(100% - 20px); display: none; } #p_panier #p_panier_infos .option.checked .select_options .adresse div { display: none; line-height: 1.5em; font-size: 16pt; } #p_panier #p_panier_infos .option.checked .select_options .adresse .infos { display: block; } #p_panier #p_panier_infos .option.checked .select_options .adresse .infos div { display: none; } #p_panier #p_panier_infos .option.checked .select_options .adresse .infos .libelle { display: block; } #p_panier #p_panier_infos .option.checked .select_options .adresse .libelle { display: block; line-height: 60px; font-size: 14pt; } #p_panier #p_panier_infos .option.checked .select_options .adresse .libelle:after { content:""; display: inline-block; width: 20px; height: 60px; background: url("./../img/icon_arrow.svg") center no-repeat; transform: rotate(-90deg); float: right; } #p_panier #p_panier_infos .option.checked .select_options.section_active .adresse .libelle:after { transform: rotate(90deg); } #p_panier #p_panier_infos .option.checked .select_options .bouton.inactif { display: none; } #p_panier #p_panier_infos .option.checked .select_options.section_active .bouton { display: block; margin-bottom: 10px; height: 60px; line-height: 60px; font-size: 14pt; } #p_panier #p_panier_infos .option.checked .select_options.section_active .adresse div { display: block; font-size: 14pt; } #p_panier #p_panier_infos .option.checked .select_options.section_active .adresse .infos div { display: block; } #p_panier #form_adresse_client { left: 10%; } #p_panier #p_panier_infos .option .adresses .adresse:before { top: 24px; } #p_panier #p_panier_infos .option.checked .adresses .select_options { width: calc(100% - 20px); border: none; } #p_panier #p_panier_infos .option.checked .adresses .select_options .adresse div { display: block; } #p_panier #p_panier_infos .option.checked .adresses .select_options .adresse .infos { display: block; font-size: 14pt; } #p_panier #p_panier_infos .option.checked .adresses .select_options .adresse .infos div { display: block; } #p_panier #p_panier_infos .option.checked .adresses .select_options .adresse .infos .libelle { display: block; } #p_panier #p_panier_infos .option.checked .adresses .select_options .adresse .libelle { display: block; } #p_panier #p_panier_infos .option.checked .adresses .select_options .adresse .libelle:after { display: none; } #p_panier #p_panier_infos .option.checked .adresses .select_options .adresses .bouton { display: block; margin-bottom: 10px; } #p_panier #p_panier_infos .option.checked .adresses .select_options .adresses .adresse div { display: block; } #p_panier #p_panier_infos .option.checked .adresses .select_options .adresses .adresse .infos div { display: block; } #p_panier .sep_etape { scale: 1.25; } #p_panier #p_panier_infos input[type="date"] { height: 60px; } #p_panier #p_panier_infos .option.checked .select_options .horaires { font-size: 14pt; } #p_panier #p_panier_infos label { font-size: 14pt; } #p_panier #p_panier_infos input[type="text"] { font-size: 14pt; height: 60px; } #p_panier #p_panier_infos textarea { font-size: 14pt; } #p_panier .tab_donnees .bloc .bloc_content { min-height: initial; } #p_panier .visuel .picto { margin: 0px; margin-bottom: 10px; width: 100%; } #p_panier .visuel .picto span { width: 100%; font-size: 14px; height: 25px; line-height: 25px; } #p_panier .visuel .picto:before { display: none; } #p_panier .tab_donnees .box_ajout_favoris { right: auto; left: 0px; } #p_panier .tab_donnees .prix_article { font-size: 32px; font-family: 'OpenSans-Bold'; white-space: nowrap; } #p_panier .tab_donnees .prix_article input { border: none; font-size: 32px; text-align: right; display: inline-block; vertical-align: initial; width: 160px; font-family: 'OpenSans-Bold';} .tab_donnees .stock .stock_D, .stock .stock_S, .stock .stock_C, .stock .stock_I { margin-left: 0px; width: 100%; font-size: 12pt; text-align: left; } .stock.carac_STOCK .stock_I { text-align: left; } #p_panier #popup_frame_option #frame_option #close_frame { width: 25px; height: 25px; line-height: 23px; font-size: 14pt; } table.tab_donnees td.designation .prix_ttc, table.tab_donnees td.designation .prix_ht { font-size: 18pt; } table.tab_donnees td.designation .unite { font-size: 12pt; } table.tab_donnees td.designation .article_lourd { font-size: 12pt; } table.tab_donnees td.designation .stock.sp { display: block; } .tab_donnees .stock .stock_D, .tab_donnees .stock .stock_S, .tab_donnees .stock .stock_C, .tab_donnees .stock .stock_I { font-size: 12pt; text-align: left; margin: 0; } .tab_donnees #msg_infos_stocks:not(:empty), .menu_favoris #msg_infos_stocks:not(:empty), .msg_infos_stocks:not(:empty) { font-size: 16pt; } table.tab_donnees td .quantite { font-family: 'OpenSans'; } #p_panier .tab_donnees.recap .prix_article input { width: 155px; height: 50px; } #p_panier .tab_donnees .quantite .prix_ht { font-size: 25px; line-height: 30px; } #p_panier .tab_donnees .quantite { width: 100%; margin-top: 20px; display: flex; flex-direction: row; justify-content: space-between; font-size: 12pt; font-family: 'OpenSans'; } #p_panier .tab_donnees.recap .quantite { float: none; font-size: 22px; } #p_panier .tab_donnees .supprimer { -webkit-mask-size: 25px; width: 25px; height: 30px; } #p_panier #livraison #livraison_autre .adresse { margin-left: 0px; height: 44px; line-height: 32px; font-size: 22px; width: 100%; } #p_panier .sous_section, #p_commande .sous_section { font-size: 14pt; } #p_panier .sous_section { font-family: 'OpenSans-Bold'; } #p_panier .tab_donnees .ensemble, #p_commande .tab_donnees .ensemble { } #p_panier .tab_donnees .bloc .bloc_content, #p_commande .tab_donnees .bloc .bloc_content { font-size: 14pt; } #p_panier #popup_frame_option #frame_option { width: 100%; } #p_panier #popup_frame_option a.bouton { height: 60px; line-height: 60px; font-size: 22px; width: 100%; } #p_panier #popup_frame_option #frame_option label { font-size: 22px; line-height: 25px; margin-bottom: 15px; } #p_panier #popup_frame_option select { height: 44px; font-size: 22px; width: 100%; box-sizing: border-box; } #p_panier #popup_frame_option input { height: 44px; width: 100%; font-size: 22px; } #p_panier #popup_frame_option input[type=radio] { width: 30px; height: 30px; } #p_panier #popup_frame_option .select_wrapper:after { top: 15px; width: 8px; height: 8px; border-left: 4px solid #000000; border-top: 4px solid #000000; } #p_panier #popup_frame_option #close_frame { width: 44px; height: 44px; line-height: 44px; font-size: 26px; } #p_panier #p_panier_infos .obligatoire label[for=id_tel]:after { font-size: 22px; } #p_panier_affichage_panier.flex_row { flex-direction: column; } #p_panier #p_panier_affichage_panier .col_droite { margin-left: 0px; } #p_panier #p_panier_infos a.bouton { width: 100%; height: 60px; line-height: 60px; margin-left: 0px; font-size: 16pt; } #p_panier #p_panier_infos a.bouton.btn_valider { margin-bottom: 0px; font-family: 'OpenSans-Bold'; font-size: 18pt; } #p_panier #p_panier_infos a.bouton.btn_valider:hover { margin-bottom: 0px; } #p_panier #p_panier_infos .option .chronopost { background: transparent; padding-left: 0px; } #p_panier #p_panier_infos .option .chronopost span { display: block; } #p_panier #p_panier_infos .option .chronopost .prix { margin-bottom: 20px; } #p_panier #p_panier_infos .option .chronopost > div:first-child:before { content: ""; display: block; position: relative; background: url("./../img/chronopost.png") no-repeat left; height: 45px; border-bottom: none; margin-bottom: 5px; justify-content: space-between; align-items: center; } #p_panier #p_panier_infos .option .prix { display: block; padding-rught: 0px; } #p_panier #p_panier_infos .option .titre_option { display: inline-block; } #p_panier #p_panier_infos .option .titre_option .sous_titre { margin-bottom: 20px; } #p_panier #p_panier_infos .option .titre_option > div { width: 70%; display: block; float: left; } #p_panier #p_panier_infos .option .titre_option > div:last-child { text-align: right; width: 30%; position: absolute; right: 20px; } #p_panier #p_panier_infos .option .prix { padding-right: 0px; } #p_panier #p_panier_infos .option .chronopost { white-space: normal; width: 100%; } #p_panier #p_panier_infos.paiement .sous_option label { width: 90%; margin-left: 10px; vertical-align: top; } #p_panier #popup_frame_option #frame_option { top: 88px; } #p_panier #popup_frame_option #recuperer_panier .options a.show_desktop { display: none; } #p_panier #popup_frame_option #recuperer_panier .options a.show_sp { display: block; } #p_panier #p_panier_infos .col_gauche { margin-right: 0px; } #p_panier .col_droite { max-width: 100%; } #confirmation_commande #box_action a.bouton { height: 60px; font-size: 16pt; } .msg_infos_stocks.sp { display: block; margin: 30px 0px; font-size: 26px; line-height: 30px; } span.validite_devis { margin-bottom: 20px; font-size: 26px; line-height: 30px; } .ico_etape_precedente { min-width: 160px; font-size: 26px; float: left; padding: 0 15px; height: 60px; line-height: 60px; margin-top: 15px; margin-bottom: 15px; } .ico_etape_precedente:before { width: 10px; height: 10px; } #p_panier .tab_donnees.recap { font-size: 15px; } #p_panier .ico_etape_precedente { width: 100%; padding: 0px; } #p_panier .tab_donnees:not(.recap) tr { display: block; overflow: hidden; padding: 10px 0px; width: 100%; } table.tab_donnees tr.article td.designation { width: 59%; } table.tab_donnees .not_sp { display: none; } table.tab_donnees .sp { display: block; } table.tab_donnees td { width: 100%; } table.tab_donnees tr.article td.quantite { width: 4%; font-size: 25px; line-height: 30px; } table.tab_donnees tr.article td.quantite nobr { display: block; margin-bottom: 5px; text-align: right; } table.tab_donnees tr.article td.quantite input.sp { vertical-align: initial; height: 32px; text-align: right; border: none; font-size: 32px; color: #CA231C; font-family: 'OpenSans-Bold'; width: 160px; display: inline-block; } table.tab_donnees tr.article td.quantite .prix_article { white-space: nowrap; text-align: right; display: block; } table.tab_donnees tr.article td.quantite .devise { color: #CA231C; font-family: 'OpenSans-Bold'; vertical-align: middle; vertical-align: initial; font-size: 32px; } table.tab_donnees .actions { width: 100%; text-align: right; } table.tab_donnees tr.article td.total { white-space: nowrap; } table.tab_donnees .actions a { margin: 0px; margin-left: auto; } table.tab_donnees tr.article td.quantite .qte_input { width: 99px; height: 50px; } table.tab_donnees tr.article td.quantite .ajouter, table.tab_donnees tr.article td.quantite .retirer { background-size: 50px; width: 50px; height: 50px; } table.tab_donnees.recap tr.total.tot_ttc td { } table.tab_donnees.recap tr.total td.tot_intitule { min-width: auto; } table.tab_donnees.recap tr.total td.tot_valeur { min-width: auto; } table.tab_donnees tr.total { font-size: 22px; } table.tab_donnees tr.total.tot_ttc td { font-size: 25px; } table.tab_donnees tr.article td.quantite a { height: 28px; -webkit-mask-size: 22px; mask-size: 22px; } table.tab_donnees td.designation .picto { display: block; margin-left: 0px; font-size: 22px; line-height: 22px; } table.tab_donnees td.designation .nom { font-size: 16pt; line-height: 28px; } table.tab_donnees td.designation .reference { font-size: 12pt; line-height: 28px; } .tab_donnees .txt_nature { font-size: 22px; line-height: 26px; margin-bottom: 22px; } #p_ajout_rapide table.tab_donnees tr.total td.tot_intitule { min-width: 240px; } #p_ajout_rapide table.tab_donnees tr.total td.tot_valeur { min-width: auto; } #p_ajout_rapide .stock .consulter { width: 230px; font-size: 17px; } #p_ajout_rapide .stock span { font-size: 17px; } #p_ajout_rapide table.tab_donnees tr.article td.quantite .ajouter, #p_ajout_rapide table.tab_donnees tr.article td.quantite .retirer { background-size: 30px; width: 30px; height: 30px; } #p_ajout_rapide table.tab_donnees tr.article td.quantite .qte_input { width: 89px; height: 30px; } #p_ajout_rapide #lignes_articles input[type="submit"] { padding: 0px 20px; width: 100%; font-size: 19px; } /* btn promos*/ #p_famille #liens_bonnes_affaires .btn_promotions, #p_produit #liens_bonnes_affaires .btn_promotions { } /* bonnes affaires */ #contenu #partie_centrale_ba { margin: auto; } /* page statique */ #page_static { } #page_static .partenaire { width: 234px; } #content_page_static { font-size: 26px; line-height: 30px; } #content_page_static .actu { width: 100%; min-height: 386px; height: auto; max-width: 454px; margin-left: 0px; } #content_page_static .actu:first-child, #content_page_static .actu:nth-child(2n+1) { margin-left: 0px; } #content_page_static .actu:nth-child(5n+1) { margin-left: 0px; } #content_page_static .actu .lien_actu { margin: 25px 0px; font-size: 18px; } #content_page_static .actu .lien_actu:after { width: 11px; height: 11px; } #content_page_static #avis { display: none; } #content_page_static .agences td { display: block; width: 100%; } #page #content_page_static .has-2-columns { display: block; height: auto !important; } #page #content_page_static .annexes .bx-wrapper { max-width: 453px !important; } #page .agence { width: 100%; } #page .auto .annexes .bx-wrapper { max-width: 100% !important; height: 302px; } #page .post-entry .agences { width: 100%; } #page .post-entry .jm-item-image .jm-item-button a { width: 65px; height: 65px; line-height: 65px; top: -65px; } #strate_editoriale .strate_editoriale { flex-direction: column-reverse; } #strate_editoriale .strate_editoriale > * { width: 100%; } #strate_editoriale .strate_editoriale .bloc_gauche { padding-right: 0; } #strate_editoriale .strate_editoriale img { width: 100%; } #page_contact { width: 100%; display: block; } #page_contact #confirmation { text-align: center; } #page_contact #confirmation #box_action a.bouton { height: 60px; line-height: 60px; padding: 0; } #page_contact .col_gauche { width: 100%; } #page_contact label { display: block; float: none; text-align: left; font-size: 26px; line-height: 30px; width: 100%; } #page_contact input:not([type="submit"]), #page_contact select { width: 100%; } #page_contact .select_wrapper { display: block; width: 100%; } #page_contact #fieldset_captcha { margin-left: 0px; text-align: left; } #page_contact #pied_form { margin-left: 0px; width: 100%; } #page_contact textarea { width: 100%; } #page_contact input:not([type="submit"]), #page_contact select { height: 60px; font-size: 14pt;} #page_contact input[type="radio"] { height: 44px; width: 44px; } #page_contact input[type="checkbox"] { width: 24px; height: 24px; } #page_contact input, #page_contact select, #page_contact textarea { height: 60px; font-size: 14pt; } #page_contact input[type=submit] { height: 60px; font-size: 17pt; } #page_contact textarea { height: 176px; } #page_contact #fieldset_captcha input { width: 215px; height: 60px; } #page_contact .form_obligatoire { bottom: -25px; } #page_contact #pied_form label { font-size: 12pt; } #page .agence_fiche, #page .agence a { width: calc(100% - 20px); } #page_creation_compte .sp { display: block; } #page_creation_compte .flex_row { display: block; } #page_creation_compte .col_gauche { display: block; float: none; width: 100%; } #page_creation_compte #visuel { display: none; } #page_creation_compte .col_contenu { margin: 0; width: 100%; margin-bottom: 50px; } #page_creation_compte .col_contenu li { width: 100%; } #nouveau_mdp fieldset { width: 100%; } #nouveau_mdp .form_libelle_champ { text-align: left; font-size: 22px; width: 100%; line-height: 30px; } .form_password { width: 100%; } #page_recup_mdp input[type="text"], #nouveau_mdp input[type="text"], #nouveau_mdp input[type="password"] { font-size: 22px; } #page_recup_mdp .btn_submit, #nouveau_mdp .btn_submit { margin-left: 0px; font-size: 22px; width: 100%; } #content_page_static > div { line-height: 1.4em; } #fermeture_dialog { height: 0; } #page_recup_mdp p { font-size: 16pt; line-height: 1.5em; } #page_recup_mdp .form_titre { font-size: 18pt; } /* footer */ #pied_infos { height: 275px; flex-wrap: wrap; } #pied_infos .wrap_infos { height: 275px; flex-wrap: wrap; } #pied_liens h1 { } #pied_liens a { font-size: 26px; line-height: 44px; } #pied .logo .section { position: absolute; top: 90px; left: 0; } #pied .logo .section a { width: 60px; height: 60px; } #pied .logo .section a img { max-width: 60px; max-height: 60px; } #pied .liens { display: flex; flex-direction: column-reverse; height: auto; width: 100%; padding-left: 0px; } #pied .liens .pied1_liens { width: 47%; } #pied_liens .liste:first-child { border: none; } #pied_liens #liste_accordeon .liste:first-child { } #pied_liens .liste { width: 100%; border: none; border-bottom: 2px solid #ffffff; float: none; display: block; height: auto; } #pied_liens .liste a { display: none; width: fit-content; } #pied_liens .liste h2 { cursor: pointer; } #pied_liens .liste h2:after { content: ""; position: relative; transform: rotate(90deg); color: #000000; width: 30px; height: 30px; display: inline-block; background: url("./../img/icon_arrow.svg") center no-repeat; } #pied_liens .liste.active h2:after { content: ""; position: relative; transform: rotate(0deg); color: #000000; width: 30px; height: 30px; display: inline-block; background: url("./../img/icon_arrow.svg") center no-repeat; } #pied_liens .liens > .liste:first-child a { display: block; } #pied_liens .liens > .liste:first-child div { font-size: 26px; } #pied_liens .liens > .liste:first-child div a { display: inline-block; } #pied_liens .liste.active { } #pied_liens .liste.active a { display: block; top: -20px; position: relative; } #pied_liens { height: auto; display: block; padding-bottom: 235px; width: auto; min-width: auto; } #pied_liens .logo { width: calc(100% - 75px); height: auto; top: 20px; flex-direction: row; justify-content: space-between; } #pied_liens .logo div { margin-left: 20px; } #pied_liens .logo span { display: block; font-size: 12pt; } #pied_liens .logo a { line-height: normal; } #pied_liens .picto_paiement { display: none; } #pied_liens > div.liens > div.liste { margin-top: 15px; } #pied_liens .liste { padding-left: 40px; } #liste_accordeon { width: 100%; } #pied_liens #liste_accordeon .liste { cursor: pointer; border: none; } #pied_liens .liste h2 { line-height: 72px; height: 72px; font-size: 20px; position: relative; } #pied_liens .liste h2:after { border-width: 4px; width: 30px; height: 30px; position: absolute; right: 50px; top: 24px; } #pied_liens .liste.active h2:after { border-width: 4px; width: 30px; height: 30px; position: absolute; right: 50px; top: 30px; } #pied .logo img { max-width: 191px; max-height: 165px; } #contenu.menu_bonnes_affaires #produits { width: 100%; text-align: left; font-size: 22px; } #contenu.menu_bonnes_affaires #listing_produits .produit .logo_four { width: 100%; } #contenu.menu_bonnes_affaires #produits .produit .infos { width: 61%; } #contenu.menu_bonnes_affaires #produits .produit .infos_produit.sp { display: flex; } #contenu.menu_bonnes_affaires #produits .produit { width: calc(100% - 0px); border-width: 3px; min-height: 400px; padding: 10px; } #contenu.menu_bonnes_affaires #produits .produit .visuel { width: auto; } #contenu.menu_bonnes_affaires #listing_produits .produit .visuel { height: 216px; } #contenu.menu_bonnes_affaires #produits .produit:hover { border-width: 3px; } #contenu.menu_bonnes_affaires #produits .produit .image_produit { height: 184px; width: 200px; margin-right: 20px; } #contenu.menu_bonnes_affaires #produits .produit .image_produit a { } #contenu.menu_bonnes_affaires #produits .produit .image_produit img { max-height: 184px; } #contenu.menu_bonnes_affaires #produits .produit .picto { left: auto; right: auto; width: 175px; top: 5px; position: absolute; height: 40px; } #contenu.menu_bonnes_affaires #produits .produit .picto span { font-size: 15px; height: 25px; line-height: 25px; letter-spacing: normal; width: auto; left: 0; width: 126px; } #contenu.menu_bonnes_affaires #produits .produit .picto:after { border-right: 22px solid transparent; top: 47px; } #contenu.menu_bonnes_affaires #produits .produit .infos_produit .logo_four { font-size: 13pt; } #contenu.menu_bonnes_affaires #produits .produit .infos_produit .titre_produit { font-size: 18pt; line-height: 28px; height: 60px; } #contenu.menu_bonnes_affaires #produits .produit .infos_produit .ref_cat { font-size: 12pt; line-height: 30px; } #contenu.menu_bonnes_affaires #produits .produit .infos_produit .ref_cat:before { border-width: 4px; width: 11px; height: 11px; margin-right: 10px; } #contenu.menu_bonnes_affaires #produits .produit { margin-left: 0px; margin-bottom: 20px; } #contenu.menu_bonnes_affaires #produits .produit:first-child { margin-bottom: 20px; } #contenu.menu_bonnes_affaires #produits .produit .box_ajout_favoris { display: none; z-index: 2; } #contenu.menu_bonnes_affaires #listing_produits .produit .prix_barre { font-size: 18pt; } #contenu.menu_bonnes_affaires #produits .produit .infos_produit .prix_coin_affaire { font-size: 18pt; line-height: 36px; margin-top: 20px; text-align: left; margin-left: 0; } #contenu.menu_bonnes_affaires #produits .produit .infos_produit .infos_tarif { font-size: 12px; line-height: 12px; height: auto; margin-left: 0; } #contenu.menu_bonnes_affaires #produits .produit .box_ajout_panier .quantite .libelle { font-size: 22px; } #contenu.menu_bonnes_affaires #produits .produit .box_ajout_panier .quantite { align-items: center; margin: 10px 0px; position: relative; justify-content: left; } #contenu.menu_bonnes_affaires #produits #partie_centrale .slider .elementSlider { flex-direction: column; padding: 0; } #contenu.menu_bonnes_affaires #produits .produit .infos_produit .infos_tarif .unite { font-size: 12pt; text-align: left; margin-bottom: 5px; } #contenu.menu_bonnes_affaires #produits .produit .infos_produit { padding-left: 0px; } #contenu.menu_bonnes_affaires #produits .produit .image_produit { padding-left: 0px; } #contenu.menu_bonnes_affaires #menu_bonnes_affaires { } #contenu.menu_bonnes_affaires #menu_bonnes_affaires .sp { display: block; } #contenu.menu_bonnes_affaires #menu_bonnes_affaires #filtres { position: fixed; visibility: hidden; width: 100%; height: calc(100% - 180px); top: 180px; z-index: 6; box-shadow: none; left: 100%; background-color: #ffffff; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; padding: 20px; box-sizing: border-box; } .scrolled #contenu.menu_bonnes_affaires #menu_bonnes_affaires #filtres { height: calc(100% - 150px); top: 150px; } #contenu.menu_bonnes_affaires #menu_bonnes_affaires #filtres.open { visibility: visible; left: 0px; } #contenu.menu_bonnes_affaires #menu_bonnes_affaires #filtres .entete_sections { font-size: 0; line-height: 0px; display: block; } #contenu.menu_bonnes_affaires #menu_bonnes_affaires #filtres .entete_sections:after { display: none; } #contenu.menu_bonnes_affaires #menu_bonnes_affaires #filtres .entete_sections:before { content: ""; width: 36px; height: 36px; background: url("./../img/iconClose.webp") right no-repeat; display: block; width: 100%; cursor: pointer; background-size: 35px; } #contenu.menu_bonnes_affaires #menu_bonnes_affaires #filtres .titre_section { font-size: 22px; margin-top: 20px; margin-bottom: 20px; } #contenu.menu_bonnes_affaires #menu_bonnes_affaires > .entete_sections { height: 50px; line-height: 50px; margin-bottom: 0px; background-color: #EDEDED; border: none; padding: 5px 25px; border-radius: 3px; margin-left: 0px; text-transform: uppercase; font-size: 16pt; font-weight: normal; display: inline-block; margin-bottom: 20px; } #p_recherche .produit .infos_produit .prix_coin_affaire { margin-left: 0; } #p_recherche .produit .infos_produit .infos_tarif { margin-left: 0; } /* #contenu.menu_bonnes_affaires #listing_produits .produit:nth-child(3n+1) { margin-left: 7px; } #contenu.menu_bonnes_affaires #listing_produits .produit:nth-child(4n+1) { margin-left: 7px; } #contenu.menu_bonnes_affaires #listing_produits .produit:first-child { margin: 0px; } */ #page .post-entry .jm-item-title { bottom: 10px; font-size: 12px; } .bx-pager { bottom: 5px !important; } .form_password a { right: 5%; height: 60px; top: 0; } .form_champ { margin: 20px 0px; } #msg_system { font-size: 25px; line-height: 30px; } input[type=checkbox] { width: 20px; height: 20px; } input[type=checkbox]:checked, input[type=radio]:checked { width: 20px; height: 20px; } input[type=checkbox]:checked:before, input[type=radio]:checked:before { width: 20px; height: 20px; font-size: 14px; } .ico_panier_vider:after { -webkit-mask-size: 17px; mask-size: 17px; height: 20px; width: 20px; } .menu_favoris .form_champ { display: block; } .menu_favoris .form_champ label { font-size: 22px; width: 100%; } .menu_favoris .form_champ input { width: 100%; margin-left: 0px; font-size: 22px; height: 44px; } .menu_favoris .box_option { width: 100%; display: block; float: none; } .menu_favoris .box_option a.bouton { width: 100%; display: block; font-size: 22px; height: 44px; line-height: 44px; margin: 0; padding: 0; margin-bottom: 15px; } .menu_favoris table.tab_donnees tr.total { display: block; } .menu_favoris .tab_donnees .infos_produit { width: calc(100% - 176px); } .menu_favoris .box_action a.bouton { width: 100%; font-size: 22px; margin: 0px; padding: 0px; } .menu_favoris .flottant_droite { float: none; } .menu_favoris .tab_donnees .prix_article { color: #000000; font-size: 20pt; margin-top: 5px; display: flex; font-family: 'OpenSans-Bold'; } .menu_favoris .tab_donnees .prix_article .devise { line-height: 1.5em; white-space: nowrap; } #p_favoris_panier_contenu .article .prix_article input { border: none; color: #000000; font-size: 20pt; text-align: right; display: inline-block; vertical-align: initial; width: calc(100% - 30px); font-family: 'OpenSans-Bold'; } .menu_favoris .tab_donnees .quantite .prix_ht { font-size: 25px; line-height: 30px; } .menu_favoris .tab_donnees .quantite { display: flex; width: 100%; margin-top: 20px; text-align: right; } .menu_favoris .tab_donnees .supprimer { -webkit-mask-size: 25px; width: 25px; height: 30px; } #p_favoris_panier_contenu #box_action { display: block; } #p_favoris_panier_contenu > div.sp { display: block; } #p_favoris_panier_contenu > div.sp a { margin-bottom: 20px; } #p_panier .box_option a.bouton, .menu_favoris .box_option a.bouton { height: 60px; line-height: 60px; } #page_static h2:not(:empty) { line-height: 35px; } #page .post-entry h2 { font-size: 30px; line-height: 35px; } #page .post-entry td.full { display: block; } #page .annexes .bx-viewport { background-color: #747474; } #page .annexe .descriptif .desc { display: none; } #page_recup_mdp input[type="text"], #nouveau_mdp input[type="text"], #nouveau_mdp input[type="password"] { height: 60px; } #page_recup_mdp .btn_submit input, #nouveau_mdp .btn_submit input { height: 60px; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { height: 40px; } .ui-datepicker table { line-height: normal; background-color: #ffffff; } .ui-datepicker.ui-widget.ui-widget-content { height: auto; } @supports (-webkit-backdrop-filter: blur(1px)) { #pied_liens .liste h2:after { top: 26px; } #pied_liens .liste.active h2:after { top: 28px; } } } /* pour les utilisateurs ayant une résolution inférieur à 568 */ @media only screen and (max-width: 567px) { /* .tooltipster-base { left: 85px !important; } .spec_tooltip .tooltipster-base { min-width: 334px; max-width: 334px; left: 185px !important; } .tooltipster-base .tooltipster-arrow { left: 0px !important; } .page_ajout_rapide .tooltipster-base { left: 65px !important; } .espace_cli .tooltipster-base { min-width: 300px; max-width: 300px; left: 239px !important; } */ }