/* Generated by Glyphter (http://www.glyphter.com) on Thu May 27 2021*/ @font-face { font-family: 'bachup_font'; src: url("fonts/bachup_font.eot"); src: url("fonts/bachup_font.eot?#iefix") format("embedded-opentype"), url("fonts/bachup_font.woff") format("woff"), url("fonts/bachup_font.ttf") format("truetype"), url("fonts/bachup_font.svg#bachup_font") format("svg"); font-weight: normal; font-style: normal; } [class*='icon-']:before { display: inline-block; font-family: 'bachup_font'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-share:before { content: '\0041'; } .icon-print:before { content: '\0042'; } @charset "UTF-8"; @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1720px; } } .row { width: auto; max-width: none; } #coordonnees_client span { display: block; } #clInterlocuteur { font-size: 1.7em; } ul.no-puce { margin: 0; padding: 0; } ul.no-puce li { list-style-type: none; } ul.listing-campagnes li { height: 146px; margin-bottom: 5px; overflow: hidden; width: 50%; } ul.listing-campagnes li.odd { padding-right: 2px; } ul.listing-campagnes li.even { padding-left: 3px; } .infinite-more-link { display: none; } .infinite-loading { background-color: #eeeeee; } .infinite-loading:after { content: "\f021"; font-family: FontAwesome; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; margin: 10px; } i[class^="fi-"].medium { font-size: 20px; line-height: 20px; } i[class^="fi-"].large { font-size: 40px; line-height: 40px; } i[class^="fi-"].white { color: #ffffff; } i[class^="fi-"]:hover { color: #b8d30b; } .campagne_scoring { margin-top: 10px; } #listing_campagnes li { position: relative; } #listing_campagnes img.img_bache { min-height: 76px; min-width: 460px; } .img-bache-big { height: auto; width: 100%; max-width: 400px; } #listing_campagnes div.item-hover { background-color: #000000; color: #ffffff; height: 82px; opacity: 0.5; position: absolute; text-align: center; width: 100%; } span.item-hover-mask { background-color: white; font-size: 18px; margin: 20px; position: absolute; } #listing_campagnes div.top { height: 25px; width: 100%; } #listing_campagnes div.top ul.btn_image li { display: inline-block; height: 25px; margin: 0px; padding: 0px; } #listing_campagnes div.top ul.btn_image li.btn_petit1 { width: 9%; } #listing_campagnes div.top ul.btn_image li.btn_petit2 { width: 9%; } #listing_campagnes div.top ul.btn_image li.btn_gros1 { width: 80%; } #listing_campagnes div.top ul.btn_image li.btn_gros2 { width: 39%; } #listing_campagnes div span { display: inline-block; } #listing_campagnes div.bottom { text-align: left; height: 25px; width: 100%; } #listing_campagnes div.bottom span { font-size: 12px; color: #888; } #listing_campagnes div.bottom span.etoile { float: right; } #listing_campagnes div.bottom span div.raty { float: right; margin-left: 10px; } #listing_campagnes div.image { height: 79px; width: 100%; overflow: hidden; } #listing_campagnes div.englobe { margin-top: 10px; margin-bottom: 10px; margin-left: 8px; width: 98%; } #listing_campagnes div.englobe:hover { box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); } .accordion dd { border-bottom: solid 1px #fefefe; } .accordion-navigation > a:after { content: "↡"; padding-left: 5px; font-size: 20px; } .accordion-navigation.active > a:after { content: "↟"; } #listing_campagnes div.top ul.btn_image li.btn_gros1 a.btn_commander, #listing_campagnes div.top ul.btn_image li.btn_gros2 a.btn_modifier, #listing_campagnes div.top ul.btn_image li.btn_petit1 a.btn_partager, #listing_campagnes div.top ul.btn_image li.btn_petit2 a.btn_imprimer { width: 100%; height: 100%; text-align: center; } #listing_campagnes div.top ul.btn_image li.btn_gros1 a.btn_commander span.btn-commander, #listing_campagnes div.top ul.btn_image li.btn_gros2 a.btn_modifier span.btn-modifier, #listing_campagnes div.top ul.btn_image li.btn_petit1 a.btn_partager span.btn-partager, #listing_campagnes div.top ul.btn_image li.btn_petit2 a.btn_imprimer span.btn-imprimer { background-color: #f2f2f2; width: 100%; height: 25px; } #listing_campagnes div.top ul.btn_image li.btn_gros1 a.btn_commander span.btn-commander:hover, #listing_campagnes div.top ul.btn_image li.btn_gros2 a.btn_modifier span.btn-modifier:hover, #listing_campagnes div.top ul.btn_image li.btn_petit1 a.btn_partager span.btn-partager:hover, #listing_campagnes div.top ul.btn_image li.btn_petit2 a.btn_imprimer span.btn-imprimer:hover { background-color: #bbdefb; color: #008cba; } #listing_campagnes div.top ul.btn_image li.btn_gros1 a.btn_commander span.btn-commander { background-color: #008cba; color: #ffffff; } .alert-box { font-size: 1.5em; padding: 30px; } .flash-message { margin-top: 20px; } #commandes .commande_details { font-size: 1em; list-style-type: none; margin: 0; } #commandes .commande_details .site_livraison, #commandes .commande_details .quantite, #commandes .commande_details .recept_by, #commandes .commande_details .copy_to { font-weight: bold; } #commandes .commande_visuel { float: left; margin-bottom: 10px; margin-right: 10px; width: 580px; } #commandes .commande_visuel, #commandes .commande_infos { height: 94px; } .commande_visuel img { height: 76px; width: 460px; } .aucun_systeme { color: #999; font-size: 0.9em; font-style: italic; margin-left: 20px; } label.required:after { color: #ff0000; content: "*"; margin-left: 3px; } table.liste_contacts { width: 100%; } .liste_contacts .sites_user span, .liste_contacts .fonctions_user span { display: inline-block; } .liste_contacts .sites_user span.other { display: none; } .liste_contacts .ico-role-can-order { float: right; } .liste_contacts .ico-role-can-order.has-tip { border-bottom: none; } #page_liste_colis table, #page_mes_campagnes table, table.full_width { width: 100%; } /* #page_liste_colis table td { padding-bottom: 3px; padding-top: 3px; } */ #page_liste_colis table td input { margin: 0; } .progress-bar, .progress-bar-in, .progress-bar-out { /*background-color: #FFF; border: solid 1px #D2D2D2;*/ display: block; height: 7px; width: 100%; } .progress-bar-out { float: left; } .progress-bar-in { float: right; } .progress-bar-out { text-align: right; } .progress-bar .bar { border: solid 1px #999; display: inline-block; margin-right: 2px; height: 5px; width: 17px; } .progress-bar .bar.in { background-color: #ffffff; } .progress-bar .bar.out, .progress-bar.over .bar { background-color: red; border-color: red; } .progress-bar .bar.used { background-color: #008cba; border-color: #008cba; } .conso-progress-bar { float: right; width: 50%; } .conso-progress-bar .text-left, .conso-progress-bar .text-right { display: inline-block; font-size: 0.8em; width: 49%; } .text-left { text-align: left; } .text-right { text-align: right; } .accordion .site-name { float: left; } .top-bar.impersonate { background: linear-gradient(90deg, #181818 0%, #181818 50%, #008cba 50%, #008cba 100%); color: #fff; font-size: 0.9em; height: 60px; line-height: 20px; text-align: center; overflow: visible; } .top-bar.impersonate::before, .top-bar.impersonate::after { content: none; } .top-bar > .container { display: flex; align-items: center; justify-content: space-between; height: 100%; background: #181818; padding-right: 0; } .top-bar .top-bar-left, .top-bar .top-bar-right { display: flex; align-items: center; height: 100%; } .top-bar .top-bar-left { font-weight: 400; font-size: 16px; } .top-bar .top-bar-left > span:not(:last-child) { margin-right: 15px; } .top-bar .top-bar-left span:first-child { background: #008cba; border-radius: 8px; padding: 3px 15px; font-size: 13px; white-space: nowrap; } .top-bar .top-bar-left span:last-child { color: #9e9eb9; } fieldset.messages ul { list-style-type: none; margin-left: 0; } fieldset.messages ul > li { border: solid 1px #e4e4e4; margin-bottom: 10px; padding: 10px; } fieldset.messages ul > li > span.date_message_list, .statusColis .date { color: #999; font-size: 0.8em; } fieldset.messages ul > li > span.date_message_list { display: block; } .vcard { width: 100%; } div.mes_sites { height: 90%; overflow: auto; } div.mes_sites ul li span.solde { font-size: 12px; color: #9e9e9e; } div.mes_sites ul li span { display: block; } fieldset.field ul { list-style: none; } #textbox { display: none; position: relative; } li.textbox { display: none; position: relative; } div#view_messages { z-index: 1; background-color: #fff; border: solid 5px #008cba; padding: 10px; position: absolute; } div.viewmessage { z-index: 1; background-color: #e0e0e0; padding: 5px; position: absolute; } #form_cacher { display: none; position: relative; } td.receptionnaire ul { list-style: none; } /* fieldset, ul.vcard { -moz-box-shadow: 2px 2px 5px 0 #656565; -webkit-box-shadow: 2px 2px 5px 0 #656565; -o-box-shadow: 2px 2px 5px 0 #656565; box-shadow: 2px 2px 5px 0 #656565; filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5); }*/ div.index_menu { height: 280px; } .row > .custom-bs .columns > fieldset { margin-top: 0; } nav.top-bar.inverse { background-color: white; } nav.top-bar.inverse ul.title-area li a img { height: 40px; } section.top-bar-section.inverse ul.left li.numeros, section.top-bar-section.inverse ul.right li.has-dropdown ul.dropdown li, .inverse .top-bar-section ul li, .inverse section.top-bar-section.inverse ul.right li.has-dropdown a { background-color: white; } .top-bar-section.inverse .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background-color: #bbdefb; } section.top-bar-section.inverse ul.right li.has-dropdown a { color: black; } section.top-bar-section.inverse ul.right li.has-dropdown ul.dropdown li a { color: black; } section.top-bar-section.inverse ul.right li ul.lang-switcher-list li.lang-switcher__item a, .top-bar-section ul li.numeros > a, .top-bar-section li.numeros:not(.has-form) a:not(.button) { background-color: white; color: black; } li.numeros img { margin-top: 10px; margin-left: 30px; } .raty img { width: auto; } #zoneSendMessage, #formSendMessage { margin-bottom: 0; } #zoneSendMessage .btn { margin-bottom: 0; } .baches-reseau { z-index: 1; } .baches-reseau li { margin-bottom: 5px; } table.width_100 { height: 50px; width: 100%; } .baches-reseau .tag_name, .listing-campagnes-digitales .tag_name { background-color: #e7e7e7; font-size: 0.8em; padding: 5px 10px; } .listing-campagnes-digitales .tag_name { margin-bottom: 3px; } .baches-reseau ul.listing-campagnes li { height: 175px; margin-top: 10px; } .baches-reseau h4 a { font-size: 0.6em; } .inline-list { margin-left: 0; } .inline-list > li { margin-left: 0; } .clearer { clear: both; } div.page_intermediaire li { display: inline; margin-left: 150px; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #4fc3f7 transparent transparent transparent; border-left-style: solid; margin-right: 0.9375rem; margin-top: -4.5px; position: absolute; top: 50%; right: 0; } .historique { width: 100%; } .historique table tr td.text { float: left; } .text_tab p[class="1"] { margin-top: 0px; margin-left: 0px; } .text_tab p[class="2"] { margin-bottom: 0px; margin-left: 0px; } @-moz-document url-prefix() { fieldset { display: table-cell; } } a span.popup { margin-top: 23px; margin-left: -35px; color: #09c; background: rgba(0, 0, 0, 0.9); padding: 15px; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); transform: scale(0) rotate(-12); transition: all 0.25s; opacity: 0; } a:hover span.popup, a:focus span.popup { transform: scale(1) rotate(0); opacity: 1; } .breadcrumbs { margin-top: 5px; } #bachup_userbundle_user_fonctions, ul.liste_sites { height: 300px; overflow: auto; width: 300px; } .image_campagne img { width: 100%; } .error { color: red !important; } .mea_texte { background-color: #f2dede; border: solid 1px #ebccd1; border-radius: 3px; color: #a94442; margin-top: 15px; padding: 10px; } .mea_texte a:hover { text-decoration: underline; } .text_modifs { display: block; margin-top: 10px; } @media screen and (max-width: 640px) { ul.listing-campagnes li { width: 100%; } #listing_campagnes img.img_bache { min-height: inherit; min-width: 100%; } } ul.listing-campagnes-digitales li { height: inherit; border-bottom: solid 1px #d6d6d6; } .inline-list-flex { display: flex; } @media (max-width: 767px) { .top-bar .top-bar-left { font-size: 12px; } .top-bar .top-bar-left span:nth-child(2) { display: none; } } /*Custom ARPA3*/ .wrapperow { height: 100%; } .wrapperow ~ .info_contact { display: none; } #sidebar_cont { display: flex; flex-direction: column; background: #f6f6fa; border-radius: 15px; } #sidebar { z-index: 0; padding-top: 55px; position: fixed; top: 156px; left: 24px; max-width: 130px; } #customer-info { background-color: #181818; color: #fff; padding: 40px; } #customer-info li span { display: flex; align-items: center; } #customer-info .email { margin-top: 18px; } #customer-info .icon { height: 16px; width: 16px; margin-right: 8px; } #customer-info .h5 { font-weight: 400; } #customer-info a { text-decoration: none; } #customer-info .user_link { font-weight: 500; } #customer-info .user_link.first { margin-top: 18px; } #disconnect_cont { margin-top: auto; padding: 15px 15px 48px; display: flex; justify-content: center; } #disconnect_cont a { display: flex; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 8px 20px; } #disconnect_cont a img { width: 19px; height: 19px; margin-right: 8px; } .btn { box-shadow: none !important; border-radius: 30px; } .menu-link { display: block; padding: 20px 10px; color: black; background-color: transparent; transition: all 200ms ease-in-out; text-decoration: none; font-weight: 500; margin: 0 15px; } .menu-link.highlight { background-color: #008cba; color: #fff; } .img-fluid { width: 100%; max-width: 100%; height: auto; } #header { background-color: #fff; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1); } .custom-bs.topbarfixed { padding-top: 156px; padding-left: 100px; } ul { list-style: none; margin: 0; padding: 0; } ul.blue-disc li { position: relative; padding-left: 23px; } ul.blue-disc li:before { content: ''; position: absolute; display: inline-block; background: #008cba; border-radius: 50%; width: 8px; height: 8px; left: 0; top: 50%; transform: translateY(-50%); } #listing_campagnes .card { box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1); border: 0; border-radius: 15px; margin-top: 30px; } #cmlist_cont .baches-reseau_list, #ggllist_cont .baches-reseau_list { display: flex; flex-wrap: wrap; padding: 0 60px; position: relative; } #cmlist_cont .baches-reseau_list.fade:not(.show), #ggllist_cont .baches-reseau_list.fade:not(.show) { display: none; } #cmlist_cont .baches-reseau_list .h5, #ggllist_cont .baches-reseau_list .h5 { text-transform: uppercase; font-weight: 700; margin: 2rem 0; } #cmlist_cont .baches-reseau_list .h5:after, #ggllist_cont .baches-reseau_list .h5:after { content: ''; display: block; width: 60px; height: 4px; margin-top: 10px; background-color: #da1d34; } #cmlist_cont .baches-reseau_list .arrow_prev, #cmlist_cont .baches-reseau_list .arrow_next, #ggllist_cont .baches-reseau_list .arrow_prev, #ggllist_cont .baches-reseau_list .arrow_next { cursor: pointer; position: absolute; top: calc(50% - 20px); transform: translateY(-50%); margin: 0; padding: 0; width: auto; color: #008cba; background: #f6f6fa; border-radius: 50%; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; } #cmlist_cont .baches-reseau_list .arrow_prev:hover, #cmlist_cont .baches-reseau_list .arrow_next:hover, #ggllist_cont .baches-reseau_list .arrow_prev:hover, #ggllist_cont .baches-reseau_list .arrow_next:hover { background: #008cba; color: white; } #cmlist_cont .baches-reseau_list .arrow_prev, #ggllist_cont .baches-reseau_list .arrow_prev { left: 15px; } #cmlist_cont .baches-reseau_list .arrow_next, #ggllist_cont .baches-reseau_list .arrow_next { right: 15px; } .badge-campagne { color: #181818; background-color: #dcdce4; } .btn-circle { border-radius: 50%; color: #181818; } .toast { position: fixed; top: 20px; right: 30px; z-index: 9999; pointer-events: none; /* opacity: 1 !important; */ background-color: #00c168; color: white; font-size: 16px; font-weight: 500; box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1); border-radius: 15px; padding: 5px 15px; } #header { padding: 15px 0; } #header > .container { display: flex; justify-content: center; align-items: center; } #header .logo { max-width: 140px; } .header_rightcont { align-items: center; } .header_rightcont .numeros { margin-left: auto; } .header_rightcont .numeros.customer-link-responsive { display: none; } .header_rightcont .numeros .customer-link { width: auto; position: relative; } .header_rightcont .numeros .customer-link:last-child { padding-right: 0; } .header_rightcont .numeros .customer-link p { margin-bottom: 0; line-height: 1.1; padding-right: 4px; padding-left: 0; transition: padding 200ms ease-in-out; } .header_rightcont .numeros .customer-link span { display: block; text-transform: uppercase; font-size: 12px; font-weight: 700; } .header_rightcont .numeros .customer-link span:last-child { color: #008cba; font-size: 16px; font-weight: 500; } .header_rightcont .numeros .customer-link img { height: 40px; width: 40px; margin-right: 8px; } .header_rightcont .numeros .customer-link a { text-decoration: none; color: black; font-weight: 500; display: flex; align-items: center; justify-content: center; } .header_rightcont .numeros .customer-link a:hover { color: #008cba; } .header_rightcont .numeros .customer-link a:hover p { padding-left: 4px; padding-right: 0px; } .header_rightcont .numeros .customer-link a:hover p span:last-child { color: black; } .header_rightcont .numeros .customer-link .customer-link-under { position: absolute; left: 35px; bottom: -5px; } .header_rightcont .numeros .customer-link .customer-link-under > span { border-radius: 50%; color: white; font-size: 11px !important; height: 20px; width: 20px; display: flex; align-items: center; justify-content: center; } .header_rightcont .customer-link.phone-contact { display: none; } .lang-switcher { position: relative; margin-right: 15px; } .lang-switcher img { width: 24px; } .lang-switcher .lang-current { display: flex; align-items: center; color: #181818; } .lang-switcher .lang-current .lang-current-img { height: 40px; width: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .lang-switcher .lang-current:after { content: '\f078'; font-family: FontAwesome; font-size: 10px; display: inline-block; color: white; margin-left: 5px; } .lang-switcher .lang-current:hover .lang-current-img { background: #008cba; } .lang-switcher .lang-current:focus + .lang-switcher-list { display: flex; } .lang-switcher-list { display: none; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; background: #008cba; border-radius: 20px; } .lang-switcher-list li { position: relative; height: 40px; width: 40px; border-radius: 50%; transition: all 0.1s ease-in-out; order: 1; } .lang-switcher-list li:hover { background-color: #dcdce4; } .lang-switcher-list li.current { order: 0; } .lang-switcher-list li.current a { color: white; } .lang-switcher-list a { text-decoration: none; color: black; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .disconnect { display: flex; align-items: center; text-decoration: none; color: white; background: #008cba; height: 100%; padding: 0 calc(5px + 0.75rem) 0 120px; position: relative; font-size: 16px; } .disconnect:before { content: ''; position: absolute; left: -1px; top: 0; height: 0; width: 0; border-top: 60px solid #181818; border-right: 15px solid transparent; } .disconnect img { width: 20px; margin-right: 5px; } .disconnect:hover { color: #181818; } .disconnect:hover img { filter: brightness(5%); } .custom-bs .modal-content { border-radius: 30px; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1); } .custom-bs .modal-content .modal_user { margin-top: 15px; font-weight: 500; width: 100%; display: block; } .custom-bs .modal-content .modal_desc { margin-top: 10px; width: 100%; display: block; } .custom-bs .modal-content .btn-primary { display: flex; align-items: center; } .custom-bs .modal-content .btn-primary img { margin-right: 5px; } .custom-bs .modal-content .btn-secondary { color: black; } .custom-bs .modal-content .btn-secondary:hover { color: white; } .custom-bs #wrapper { flex: 1 0 0%; } .custom-bs .baches_cont, .custom-bs .baches-reseau_cont { padding: 56px; } .custom-bs .baches_cont { padding: 40px 25px 0 0; } .custom-bs .baches_cont .baches { margin: 0 auto; position: relative; } .custom-bs .baches_cont .tab-content { overflow: auto; max-height: calc(100vh - 100px - 151px); padding: 0 25px 60px 25px; margin-top: 20px; } .custom-bs .baches-reseau_cont { background-color: #f6f6fa; max-width: 275px; margin-top: 60px; padding: 45px 35px 0; border-radius: 15px; } .custom-bs #baches-reseau_stickycont { position: -webkit-sticky; position: sticky; top: 156px; max-width: 550px; margin: 0 auto; } .custom-bs .baches-reseau .h4cont { display: flex; } .custom-bs .baches-reseau .h4cont img { height: 40px; width: 40px; margin-right: 15px; } .custom-bs .baches-reseau h4 { text-transform: uppercase; font-size: 18px; font-weight: 600; position: relative; padding-bottom: 10px; } .custom-bs .baches-reseau h4:after { content: ""; position: absolute; height: 4px; width: 60px; background-color: #008cba; bottom: 0; left: 0; } .custom-bs .baches-reseau h4 .fa-times { display: none; } .custom-bs .baches-reseau .baches-reseau_list { display: flex; flex-wrap: wrap; margin: 0 -15px; } .custom-bs .baches-reseau .baches-reseau_itemcont { padding: 15px; } .custom-bs .baches-reseau .bache_card { box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1); padding: 15px; border: 0; border-radius: 15px; background-color: white; } .custom-bs .baches-reseau .bache_card img { width: 100%; height: auto; } .custom-bs .baches .header-campagne, .custom-bs #listing_campagnes .header-campagne { font-weight: 500; align-items: center; justify-content: space-between; flex-wrap: nowrap; } .custom-bs .baches .header-campagne > div, .custom-bs #listing_campagnes .header-campagne > div { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; flex-grow: 1; max-width: calc(100% - 130px); } .custom-bs .baches .camp_details, .custom-bs #listing_campagnes .camp_details { display: flex; align-items: center; } .custom-bs .baches .camp_date, .custom-bs #listing_campagnes .camp_date { white-space: nowrap; } .custom-bs .baches .camp_date:before, .custom-bs #listing_campagnes .camp_date:before { content: '\f133'; font-family: FontAwesome; font-size: 14px; display: inline-block; color: #008cba; margin-right: 5px; } .custom-bs .baches .camp_sep, .custom-bs #listing_campagnes .camp_sep { margin: 0 3px; } .custom-bs .baches .etoile, .custom-bs #listing_campagnes .etoile { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .custom-bs .baches .etoile > span, .custom-bs #listing_campagnes .etoile > span { width: 100%; text-align: center; text-transform: uppercase; font-size: 14px; line-height: 1; } .custom-bs .baches .etoile .buttons, .custom-bs #listing_campagnes .etoile .buttons { margin-top: -5px; } .custom-bs .baches .etoile .popup-action-ads-form, .custom-bs #listing_campagnes .etoile .popup-action-ads-form { display: inline-flex; align-items: center; justify-content: center; padding: 0; background: none; } .custom-bs .baches .etoile .popup-action-ads-form img, .custom-bs #listing_campagnes .etoile .popup-action-ads-form img { width: 35px; padding: 5px; transition: transform 200ms ease-in-out; } .custom-bs .baches .etoile .popup-action-ads-form img:hover, .custom-bs #listing_campagnes .etoile .popup-action-ads-form img:hover { transform: translateY(-5px); } .custom-bs .baches .orderimg, .custom-bs #listing_campagnes .orderimg { height: 20px; width: 20px; margin-right: 15px; } .custom-bs .baches .image-campagne, .custom-bs #listing_campagnes .image-campagne { margin-bottom: 20px; } .custom-bs .baches .bottom-campagne, .custom-bs #listing_campagnes .bottom-campagne { display: flex; justify-content: center; } .custom-bs .baches .bottom-campagne .quickactions_cont, .custom-bs #listing_campagnes .bottom-campagne .quickactions_cont { left: 5px; } .custom-bs .baches .bottom-campagne .btn-secondary, .custom-bs #listing_campagnes .bottom-campagne .btn-secondary { color: #008cba; } .custom-bs .baches .bottom-campagne .btn-secondary:hover, .custom-bs #listing_campagnes .bottom-campagne .btn-secondary:hover { background-color: #008cba; border-color: #008cba; color: white; } .custom-bs .baches .bottom-campagne .btn-primary, .custom-bs #listing_campagnes .bottom-campagne .btn-primary { display: flex; align-items: center; justify-content: center; margin: 0 -24px -1rem -24px; width: calc(100% + 24px); max-width: unset; border-radius: 0 0 15px 15px; } .custom-bs .baches .bottom-campagne .btn-primary img, .custom-bs #listing_campagnes .bottom-campagne .btn-primary img { margin-right: 10px; } .custom-bs .baches .bottom-campagne .btn-primary p, .custom-bs #listing_campagnes .bottom-campagne .btn-primary p { line-height: 1; margin: 0; text-align: left; } .custom-bs .baches .bottom-campagne .quick_action_facebook, .custom-bs .baches .bottom-campagne .quick_action_google, .custom-bs #listing_campagnes .bottom-campagne .quick_action_facebook, .custom-bs #listing_campagnes .bottom-campagne .quick_action_google { position: relative; color: white; width: calc(50% + 12px); display: block; text-align: center; padding: 15px; margin-bottom: -1rem; text-decoration: none; } .custom-bs .baches .bottom-campagne .quick_action_facebook img, .custom-bs .baches .bottom-campagne .quick_action_google img, .custom-bs #listing_campagnes .bottom-campagne .quick_action_facebook img, .custom-bs #listing_campagnes .bottom-campagne .quick_action_google img { width: 20px; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); } .custom-bs .baches .bottom-campagne .quick_action_facebook, .custom-bs #listing_campagnes .bottom-campagne .quick_action_facebook { background-color: #3b5998; margin-left: -12px; border-bottom-left-radius: 15px; } .custom-bs .baches .bottom-campagne .quick_action_google, .custom-bs #listing_campagnes .bottom-campagne .quick_action_google { background-color: #181818; margin-right: -12px; border-bottom-right-radius: 15px; } .custom-bs .baches.listing-campagnes .card-body, .custom-bs #listing_campagnes.listing-campagnes .card-body { border-radius: 15px; } .custom-bs .baches.listing-campagnes .bottom-campagne .btn-primary, .custom-bs #listing_campagnes.listing-campagnes .bottom-campagne .btn-primary { margin: 0 0 -1rem 0; width: 100%; } .custom-bs .seemore_btn { display: block; } .custom-bs .btn_centercont { display: flex; justify-content: center; margin-top: 40px; } .custom-bs_content { padding: 56px; } .custom-bs_content h1 { font-size: 32px; } .custom-bs_content.commande .sites_cont { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; margin-top: 10px; } .custom-bs_content.commande .site_cont { box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1); border-radius: 8px; } .custom-bs_content.commande .site_cont legend { padding: 15px; background-color: #181818; color: white; font-weight: 400; font-size: 20px; margin: 0; border-radius: 8px 8px 0 0; } .custom-bs_content.commande .site_cont > .row { padding: 0 15px 15px 15px; } .custom-bs_content.commande .site_cont .columns label { margin-top: 20px; } .custom-bs_content #form_commande { margin-top: 20px; } .custom-bs_content #form_commande h5 { margin-top: 20px; } .custom-bs_content #form_commande h3 { margin-top: 20px; } .custom-bs_content #btn-commander { margin: 40px auto; padding: 15px; border-radius: 30px; max-width: 600px; width: 100%; } #baches_nav { border-bottom: none; position: relative; top: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; } #baches_nav .nav-item { padding: 0; } #baches_nav .nav-item:last-of-type .nav-link { margin-right: 0; } #baches_nav .nav-item > .placeholder { height: 50px; width: 50px; margin: 15px; border: 3px dotted #dedede; border-radius: 8px; } #baches_nav .nav-link { font-size: 18px; font-weight: 500; text-transform: uppercase; color: #8c8ca0; display: flex; flex-direction: column; align-items: center; justify-content: center; border: none; box-shadow: none; opacity: .35; padding: 15px; transition: all 0.2s ease-in-out; background: none; } #baches_nav .nav-link .seperator { margin: 0 10px; } #baches_nav .nav-link img { width: auto; max-height: 50px; } #baches_nav .nav-link:hover, #baches_nav .nav-link.active { opacity: 1; } #baches_nav .nav_txt { font-size: 16px; line-height: 1.2; margin-top: 10px; display: none; color: #008cba; } #close_baches_nav { display: none; position: absolute; top: calc(100% - 15px); left: 50%; transform: translate(-50%); width: 35px; height: 35px; font-size: 24px; background: #008cba; color: white; border-radius: 50%; padding: 5px; align-items: center; justify-content: center; } .slidedown_cont { position: absolute; background-color: white; left: 0; bottom: 1px; width: 100%; /* transform: translateY(0); */ border: 0; border-radius: 0 0 15px 15px; transition: all 0.1s ease-in-out; padding: 15px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: -1; max-height: 0; overflow: hidden; } .slidedown_cont button { width: 100%; display: flex; align-items: center; justify-content: center; font-size: 12px; } .slidedown_cont button:nth-of-type(even) { margin-top: 15px; } .slidedown_comment { margin-bottom: 15px; width: 100%; word-break: break-word; } .baches-pages_title { text-transform: uppercase; font-weight: bold; font-size: 26px; position: relative; padding: 0; } .baches-pages_title:after { content: ''; background: #008cba; width: 75px; height: 4px; top: calc(100% + 5px); left: 0; position: absolute; } .baches-reseau .campagnereseau_item { margin-top: 0; } .campagnereseau_item { box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1); border: 0; border-radius: 15px; position: relative; z-index: 1; border: 0.15rem solid transparent; margin-top: 30px; } .campagnereseau_item .infocont { padding: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; } .campagnereseau_item .baches-reseau_mainitem img { width: 100%; } .campagnereseau_item .baches-reseau_mainitem .infocont { justify-content: center; align-items: center; height: 50px; border-bottom: 0.15rem solid transparent; padding: 0; text-transform: uppercase; } .campagnereseau_item .baches-reseau_mainitem .infocont p { text-align: center; margin-bottom: 0; font-size: 16px; font-weight: 600; line-height: 1.2; } .baches-reseau_mainitemcont-select { opacity: .35; transition: opacity 300ms; } .baches-reseau_mainitemcont-select.selected, .baches-reseau_mainitemcont-select:hover { opacity: 1; } #cmlist_cont .baches-reseau_itemcont, #cmlist_cont .baches-reseau_mainitemcont, #ggllist_cont .baches-reseau_itemcont, #ggllist_cont .baches-reseau_mainitemcont { flex: 0 0 auto; width: 25%; } #cmlist_cont .baches-reseau_itemcont .baches-reseau_item, #cmlist_cont .baches-reseau_itemcont .baches-reseau_mainitem, #cmlist_cont .baches-reseau_mainitemcont .baches-reseau_item, #cmlist_cont .baches-reseau_mainitemcont .baches-reseau_mainitem, #ggllist_cont .baches-reseau_itemcont .baches-reseau_item, #ggllist_cont .baches-reseau_itemcont .baches-reseau_mainitem, #ggllist_cont .baches-reseau_mainitemcont .baches-reseau_item, #ggllist_cont .baches-reseau_mainitemcont .baches-reseau_mainitem { background-color: white; border-radius: 0 0 15px 15px; } #cmlist_cont .baches-reseau_itemcont .baches-reseau_item > img, #cmlist_cont .baches-reseau_itemcont .baches-reseau_mainitem > img, #cmlist_cont .baches-reseau_mainitemcont .baches-reseau_item > img, #cmlist_cont .baches-reseau_mainitemcont .baches-reseau_mainitem > img, #ggllist_cont .baches-reseau_itemcont .baches-reseau_item > img, #ggllist_cont .baches-reseau_itemcont .baches-reseau_mainitem > img, #ggllist_cont .baches-reseau_mainitemcont .baches-reseau_item > img, #ggllist_cont .baches-reseau_mainitemcont .baches-reseau_mainitem > img { border-radius: 15px 15px 0 0; margin-right: 8px; width: 100%; } #cmlist_cont .baches-reseau_itemcont .baches-reseau_item.empty_slidedown > img, #cmlist_cont .baches-reseau_itemcont .baches-reseau_mainitem.empty_slidedown > img, #cmlist_cont .baches-reseau_mainitemcont .baches-reseau_item.empty_slidedown > img, #cmlist_cont .baches-reseau_mainitemcont .baches-reseau_mainitem.empty_slidedown > img, #ggllist_cont .baches-reseau_itemcont .baches-reseau_item.empty_slidedown > img, #ggllist_cont .baches-reseau_itemcont .baches-reseau_mainitem.empty_slidedown > img, #ggllist_cont .baches-reseau_mainitemcont .baches-reseau_item.empty_slidedown > img, #ggllist_cont .baches-reseau_mainitemcont .baches-reseau_mainitem.empty_slidedown > img { border-radius: 15px; } #cmlist_cont .baches-reseau_itemcont .baches-reseau_item.empty_slidedown ~ .slidedown_cont, #cmlist_cont .baches-reseau_itemcont .baches-reseau_mainitem.empty_slidedown ~ .slidedown_cont, #cmlist_cont .baches-reseau_mainitemcont .baches-reseau_item.empty_slidedown ~ .slidedown_cont, #cmlist_cont .baches-reseau_mainitemcont .baches-reseau_mainitem.empty_slidedown ~ .slidedown_cont, #ggllist_cont .baches-reseau_itemcont .baches-reseau_item.empty_slidedown ~ .slidedown_cont, #ggllist_cont .baches-reseau_itemcont .baches-reseau_mainitem.empty_slidedown ~ .slidedown_cont, #ggllist_cont .baches-reseau_mainitemcont .baches-reseau_item.empty_slidedown ~ .slidedown_cont, #ggllist_cont .baches-reseau_mainitemcont .baches-reseau_mainitem.empty_slidedown ~ .slidedown_cont { padding: 0; padding-bottom: 15px; bottom: 15px; z-index: 1; background: none; } #cmlist_cont .baches-reseau_itemcont.placeholder .campagnereseau_item, #cmlist_cont .baches-reseau_mainitemcont.placeholder .campagnereseau_item, #ggllist_cont .baches-reseau_itemcont.placeholder .campagnereseau_item, #ggllist_cont .baches-reseau_mainitemcont.placeholder .campagnereseau_item { height: 75px; width: 75px; border: 3px dotted #dedede; box-shadow: none; } #cmlist_cont #cm_nav.show + .baches-reseau_list_back, #ggllist_cont #cm_nav.show + .baches-reseau_list_back { display: none; } #cmlist_cont .baches-reseau_list_back, #ggllist_cont .baches-reseau_list_back { text-decoration: none; font-size: 15px; font-weight: 500; margin-top: 1rem; display: inline-block; } #cmlist_cont .baches-reseau_list_back img, #ggllist_cont .baches-reseau_list_back img { max-height: 120px; max-width: 120px; margin-right: 5px; } #cmlist_cont .baches-reseau_filters, #ggllist_cont .baches-reseau_filters { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 2rem; } #cmlist_cont .baches-reseau_filters > li, #ggllist_cont .baches-reseau_filters > li { color: #8c8ca0; border: 2px solid #8c8ca0; border-radius: 50px; font-size: 20px; padding: 0 25px; cursor: pointer; } #cmlist_cont .baches-reseau_filters > li:hover, #cmlist_cont .baches-reseau_filters > li .active, #ggllist_cont .baches-reseau_filters > li:hover, #ggllist_cont .baches-reseau_filters > li .active { color: white; background-color: #008cba; border-color: #008cba; } #cmlist_cont .baches-pages_list .baches-pages_item, #ggllist_cont .baches-pages_list .baches-pages_item { display: flex; align-items: center; box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1); background-color: white; padding: 10px 30px; border-radius: 15px; cursor: pointer; border: 0.15rem solid transparent; margin-top: 1.5rem; width: 100%; } #cmlist_cont .baches-pages_list .baches-pages_item:hover, #ggllist_cont .baches-pages_list .baches-pages_item:hover { border-color: #008cba; } #cmlist_cont .baches-pages_list .baches-pages_item p, #ggllist_cont .baches-pages_list .baches-pages_item p { margin-bottom: 0; } #cmlist_cont .baches-pages_list .baches-pages_item .baches-pages_item_logo, #ggllist_cont .baches-pages_list .baches-pages_item .baches-pages_item_logo { max-height: 35px; max-width: 35px; margin-right: 30px; } #cmlist_cont .baches-pages_list .baches-pages_item .baches-pages_item_infos, #ggllist_cont .baches-pages_list .baches-pages_item .baches-pages_item_infos { flex-grow: 1; } #cmlist_cont .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_title, #ggllist_cont .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_title { font-weight: 500; font-size: 22px; line-height: 1; } #cmlist_cont .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_desc, #ggllist_cont .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_desc { color: #8c8ca0; font-size: 16px; } #cmlist_cont .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_desc span:last-child, #ggllist_cont .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_desc span:last-child { font-weight: 500; } #cmlist_cont .baches-pages_list .baches-pages_item .baches-pages_item_review .baches-pages_item_note, #ggllist_cont .baches-pages_list .baches-pages_item .baches-pages_item_review .baches-pages_item_note { font-size: 20px; font-weight: 500; text-align: center; } #cmlist_cont .baches-pages_list .baches-pages_item .baches-pages_item_review .baches-pages_item_stars, #ggllist_cont .baches-pages_list .baches-pages_item .baches-pages_item_review .baches-pages_item_stars { display: flex; gap: 5px; } .baches-reseau_itemcont.placeholder .campagnereseau_item, .baches-reseau_mainitemcont.placeholder .campagnereseau_item { height: 75px; width: 75px; border: 3px dotted #dedede; box-shadow: none; } #cm_campaign .baches-pages_list .baches-pages_site h3, #ggl_campaign .baches-pages_list .baches-pages_site h3 { font-size: 18px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center; } #cm_campaign .baches-pages_list .baches-pages_site h3 .dotted-sep, #ggl_campaign .baches-pages_list .baches-pages_site h3 .dotted-sep { flex-grow: 1; border-bottom: 5px dotted #ddd; margin: 5px 15px; } #cm_campaign .baches-pages_list .baches-pages_site h3 button, #ggl_campaign .baches-pages_list .baches-pages_site h3 button { padding: 0; color: #008cba; background: none; height: 30px; min-width: 30px; font-size: 16px; } #cm_campaign .baches-pages_list .baches-pages_site h3 button i, #ggl_campaign .baches-pages_list .baches-pages_site h3 button i { transition: transform 300ms ease-in-out; } #cm_campaign .baches-pages_list .baches-pages_site h3 button[aria-expanded='true'] i, #ggl_campaign .baches-pages_list .baches-pages_site h3 button[aria-expanded='true'] i { transform: rotate(180deg); } #cm_campaign .baches-pages_list .baches-pages_item, #ggl_campaign .baches-pages_list .baches-pages_item { display: grid; grid-template-columns: 1fr 1fr 30px; gap: 15px; margin-top: .75rem; margin-bottom: 1.5rem; } #cm_campaign .baches-pages_list .baches-pages_item .baches-pages_item_logo, #ggl_campaign .baches-pages_list .baches-pages_item .baches-pages_item_logo { max-height: 100px; max-width: 100%; margin-right: 0; } #cm_campaign .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_title, #ggl_campaign .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_title { color: #212529; } #cm_campaign .baches-pages_list .baches-pages_item .baches-pages_item_btns, #ggl_campaign .baches-pages_list .baches-pages_item .baches-pages_item_btns { display: flex; flex-direction: column; justify-content: center; align-items: center; } #cm_campaign .baches-pages_list .baches-pages_item .baches-pages_item_btns img + img, #ggl_campaign .baches-pages_list .baches-pages_item .baches-pages_item_btns img + img { margin-top: 5px; } #cm_campaign .baches-pages_list .baches-pages_item + .no-campaign, #ggl_campaign .baches-pages_list .baches-pages_item + .no-campaign { display: none; } #cm_campaign .baches-pages_list .no-campaign, #ggl_campaign .baches-pages_list .no-campaign { color: #777; font-size: 14px; padding-left: 15px; } #cm_nav, #ggl_nav { margin-bottom: 15px; margin-top: 30px; } #cm_nav .baches-reseau_mainitemcont, #ggl_nav .baches-reseau_mainitemcont { width: auto; } #cm_nav:not(.slick-initialized) .baches-reseau_mainitemcont:not(:last-child), #ggl_nav:not(.slick-initialized) .baches-reseau_mainitemcont:not(:last-child) { margin-right: auto; } #cm_nav .campagnereseau_item, #ggl_nav .campagnereseau_item { margin-top: 0; box-shadow: none; border: none; } #cm_nav .baches-reseau_mainitemcont .baches-reseau_mainitem, #ggl_nav .baches-reseau_mainitemcont .baches-reseau_mainitem { background: none; } #cm_nav .baches-reseau_mainitemcont .baches-reseau_mainitem > img, #ggl_nav .baches-reseau_mainitemcont .baches-reseau_mainitem > img { border-radius: 15px; border: none !important; width: 75px; margin: 0; } #cm_nav .baches-reseau_mainitemcont .baches-reseau_mainitem .infocont, #ggl_nav .baches-reseau_mainitemcont .baches-reseau_mainitem .infocont { border: none !important; max-width: 75px; } #cm_nav .baches-reseau_mainitemcont .baches-reseau_mainitem .infocont p, #ggl_nav .baches-reseau_mainitemcont .baches-reseau_mainitem .infocont p { font-size: 14px; } #ggl_landing ul, #ggl_reporting ul, #cm_landing ul, #cm_reporting ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } #ggl_landing ul li a, #ggl_reporting ul li a, #cm_landing ul li a, #cm_reporting ul li a { display: block; height: 100%; text-decoration: none; background-color: #f6f6fa; border-radius: 15px; padding: 15px 60px 30px 15px; position: relative; font-size: 14px; font-weight: 500; color: #212529; transition: all 300ms ease-in-out; } #ggl_landing ul li a:after, #ggl_reporting ul li a:after, #cm_landing ul li a:after, #cm_reporting ul li a:after { content: "\f054"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; position: absolute; right: 15px; bottom: 15px; background-color: #fff; color: #008cba; width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid transparent; transition: all 300ms ease-in-out; } #ggl_landing ul li a:before, #ggl_reporting ul li a:before, #cm_landing ul li a:before, #cm_reporting ul li a:before { content: ''; position: absolute; inset: 0; z-index: -1; margin: -1px; border-radius: inherit; background: linear-gradient(to right, transparent, #008cba); opacity: 0; transition: all 300ms ease-in-out; } #ggl_landing ul li a:hover:after, #ggl_reporting ul li a:hover:after, #cm_landing ul li a:hover:after, #cm_reporting ul li a:hover:after { right: -15px; border-color: #008cba; } #ggl_landing ul li a:hover:before, #ggl_reporting ul li a:hover:before, #cm_landing ul li a:hover:before, #cm_reporting ul li a:hover:before { opacity: 1; } .gads_cont .card { box-shadow: 0 16px 32px rgba(0, 0, 0, 0.11); border-radius: 15px; padding: 15px; border: none; } .gads_cont .card_top { margin-bottom: 15px; } .gads_cont .card_top span { display: block; } .gads_cont .gads_title { font-weight: 500; font-size: 16px; } .gads_cont .gads_desc { margin-top: 15px; } .gads_cont .card_bottom { display: flex; flex-wrap: wrap; } .gads_cont .card_bottom .phonecont { width: 25%; } .gads_cont .card_bottom .pccont { width: 50%; } .gads_cont .card_bottom .bannercont { width: 100%; margin-bottom: 15px; padding: 15px; } .gads_cont .phoneimg_cont { position: relative; overflow: hidden; } .gads_cont .phoneimg_cont img { position: relative; z-index: 1; } .gads_cont .phoneimg_cont .backimg { position: absolute; top: 50%; left: 0; z-index: 0; padding: 10%; width: 100%; transform: translateY(-50%); } .gads_cont .desktopimg_cont { position: relative; } .gads_cont .desktopimg_cont img { position: relative; z-index: 1; } .gads_cont .desktopimg_cont .backimg { position: absolute; top: 0; left: 0; z-index: 0; padding: 4%; width: 100%; } .gads_cont .car_buttoncont { display: flex; justify-content: center; margin-top: 25px; } .cardcont.gads_cont { margin-bottom: 30px; } .baches-reseau_list_futur { overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 156px - 105px - 98px); } .baches-reseau_list_futur .infocont { box-shadow: none; } .baches-reseau_list_futur .baches-reseau_itemcont .bache_card { box-shadow: none; } .baches-reseau_list_futur .baches-reseau_itemcont .campagnereseau_item:hover .baches-reseau_item, .baches-reseau_list_futur .baches-reseau_itemcont .campagnereseau_item:hover .baches-reseau_mainitem { border-radius: 15px 15px 0 0; border: 0.15rem solid #008cba; border-bottom: none; } .baches-reseau_list_futur .baches-reseau_itemcont .campagnereseau_item:hover .baches-reseau_item > img, .baches-reseau_list_futur .baches-reseau_itemcont .campagnereseau_item:hover .baches-reseau_mainitem > img { border: none; } .baches-reseau_list_futur .baches-reseau_itemcont .campagnereseau_item .postdate { font-weight: 500; margin-bottom: 10px; display: block; } .baches-reseau_list_futur .baches-reseau_itemcont .campagnereseau_item .infocont { display: none; } .baches-reseau_list_futur .baches-reseau_itemcont .campagnereseau_item .slidedown_comment { margin-bottom: 0; } .fb_iconcont { display: flex; align-items: center; font-weight: 500; } .fb_iconcont img { width: 20px; height: 20px; margin-right: 5px; } .fb_iconcont .text-sub { display: block; } .user_orders .order_list { box-shadow: none; background: transparent; overflow: visible; margin-top: 20px; } .user_orders .order_list > dd { background-color: transparent; border: none; margin-bottom: 25px; box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1); margin-bottom: 30px !important; } .user_orders .order_list > dd > a { border: 0; border-radius: 8px; background-color: white; text-decoration: none; padding: 0; } .user_orders .order_list > dd .order_name { padding: 1rem; } .user_orders .order_list > dd .order_status { /* margin-top: 15px; */ background-color: #f6f6fa; padding: 1rem; } .user_orders .order_list > dd .label { padding: 6px 10px; border-radius: 15px; font-size: 14px; text-decoration: none; } .user_orders .order_list > dd .content { background-color: #f6f6fa; } .user_orders .order_list > dd .content table { background-color: transparent; border: none; } #page_liste_colis { max-width: calc(100vw - 30px); margin: 0; } #page_liste_colis h1 { margin-bottom: 1rem; } #page_liste_colis .columns { padding: 0; } #page_liste_colis .colis_table { display: grid; grid-template-columns: repeat(4, 1fr); border-radius: 15px; overflow: hidden; } #page_liste_colis .colis_table .colis_table_heads { display: contents; } #page_liste_colis .colis_table .colis_table_heads img { filter: brightness(100); } #page_liste_colis .colis_table .colis_table_heads span { background: #181818; color: #fff; font-weight: 500; } #page_liste_colis .colis_table a { text-decoration: none; font-weight: 500; } #page_liste_colis .colis_table .colis_table_row { display: contents; } #page_liste_colis .colis_table .colis_table_row img, #page_liste_colis .colis_table .colis_table_row i { display: none; } #page_liste_colis .colis_table .colis_table_row:nth-child(even) span { background-color: #f6f6fa; } #page_liste_colis .colis_table span { padding: 15px; } #page_liste_colis table { /* box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1); */ border-radius: 15px; margin-top: 30px; border: none; } #page_liste_colis table a { text-decoration: none; font-weight: 500; } #page_liste_colis table thead { background: #181818; border-radius: 8px 8px 0 0; } #page_liste_colis table thead th { color: white; padding: 15px; } #page_liste_colis table td { padding: 25px 15px; } #page_liste_colis table tr.even, #page_liste_colis table tr.alt, #page_liste_colis table tr:nth-of-type(even) { background: #f6f6fa; } .colis_details table { margin-top: 20px; margin-bottom: 40px; width: 100%; max-width: 1200px; box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1); border: none; border-radius: 8px; } .colis_details table tr.even, .colis_details table tr.alt, .colis_details table tr:nth-of-type(even) { background: #f6f6fa; } .colis_details table tr:first-of-type { background: #181818; border-radius: 8px 8px 0 0; border: none; } .colis_details table tr:first-of-type td { color: white; } #fiche_contact form .content_box { box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 15px; margin-bottom: 30px; } #fiche_contact #bachup_userbundle_user_fonctions, #fiche_contact ul.liste_sites { width: 100%; height: 343px; margin-top: 15px; } #fiche_contact #liste_sites { margin-top: 15px; } #fiche_contact .is_medium { font-weight: 500; font-size: 18px; } #fiche_contact .columns > .form_row > label { font-weight: 500; font-size: 18px; } #fiche_contact #bachup_userbundle_user_acceptMail + label { font-weight: 400; font-size: 14px; } #page_mes_campagnes .list_bls_client { box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); padding: 25px 15px; margin: 30px 0; } #page_mes_campagnes .bls_client_site { display: flex; justify-content: space-between; align-items: baseline; } #page_mes_campagnes .sitecont { display: flex; align-items: center; flex-wrap: wrap; } #page_mes_campagnes .sitename { font-weight: 500; margin-right: 10px; width: 100%; } #page_mes_campagnes .sitetips { display: flex; align-items: center; width: 100%; } #page_mes_campagnes .sitedate { font-size: 14px; font-weight: bold; margin-right: 5px; } #page_mes_campagnes .sitedate:before { content: '\f133'; font-family: FontAwesome; font-size: 14px; display: inline-block; color: #008cba; margin-right: 5px; } #page_mes_campagnes .site-lastestcampaign { margin-top: 5px; } #page_mes_campagnes .site-lastestcampaign .img_bache { max-height: 100px; } #page_mes_campagnes .badge_cont { display: flex; align-items: center; margin-left: 10px; } #page_mes_campagnes .table-toogle-button { white-space: nowrap; display: flex; align-items: center; color: #008cba; cursor: pointer; } #page_mes_campagnes .table-toogle-button span { text-transform: uppercase; font-weight: bold; font-size: 16px; } #page_mes_campagnes .table-toogle-button i { background: #f6f6fa; border-radius: 50%; width: 25px; height: 25px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; margin-left: 5px; } #page_mes_campagnes .table-toogle-button:hover { color: black; } #page_mes_campagnes .table-toogle-button:hover i { background: #008cba; color: white; } #page_mes_campagnes .sitebadge { display: flex; justify-content: center; align-items: center; color: white; font-weight: 500; border-radius: 50%; width: 30px; height: 30px; margin-left: 10px; } #page_mes_campagnes .sitebadge.success { background-color: #28a745; } #page_mes_campagnes .sitebadge.no_success { background-color: #dc3545; } #page_mes_campagnes .go-to-site { display: flex; align-items: center; justify-content: flex-end; } #page_mes_campagnes table { margin-bottom: 0; margin-top: 20px; } #page_mes_campagnes table thead { background: #181818; border-radius: 8px 8px 0 0; } #page_mes_campagnes table thead th { color: white; padding: 15px; } #society_contacts .liste_contacts { box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1); margin-top: 30px; border: none; } #society_contacts .liste_contacts a { text-decoration: none; font-weight: 500; } #society_contacts .liste_contacts thead { background: #181818; border-radius: 8px 8px 0 0; } #society_contacts .liste_contacts thead th { color: white; padding: 15px; } #society_contacts .liste_contacts td { padding: 25px 15px; } #society_contacts .liste_contacts tr.even, #society_contacts .liste_contacts tr.alt, #society_contacts .liste_contacts tr:nth-of-type(even) { background: #f6f6fa; } #sites_campaigns .inputcont { margin: 15px 0; } #listing_campagnes { display: flex; flex-wrap: wrap; overflow: visible; } #listing_campagnes li { height: auto; padding: 15px; margin-bottom: 30px; overflow: visible; } #listing_campagnes li .col.col-auto { margin: 0 auto; margin-top: auto; } #listing_campagnes li .btn-primary { margin-top: 15px; display: flex; } #listing_campagnes li .btn-primary img { margin-right: 5px; } #listing_campagnes li .quickactions_cont { margin-top: 15px; } #listing_campagnes li .image-campagne { margin-top: 15px; } #listing_campagnes li .card-body { box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1); height: 100%; display: flex; flex-direction: column; } #listing_campagnes li .bottom-campagne { margin-top: auto; } #listing_campagnes li .bottom-campagne .quick_action_google, #listing_campagnes li .bottom-campagne .quick_action_facebook { display: flex; align-items: center; justify-content: center; font-size: 14px; } #listing_campagnes li .bottom-campagne .quick_action_google img, #listing_campagnes li .bottom-campagne .quick_action_facebook img { position: initial; transform: none; margin-right: 5px; } .custom-bs #listing_campagnes .bottom-campagne .quick_action_google, .custom-bs #listing_campagnes .bottom-campagne .quick_action_facebook { width: 50%; } #menutoggle { display: none; position: absolute; right: 0; top: 0; align-items: flex-start; justify-content: flex-end; cursor: pointer; padding-right: 15px; padding-top: 15px; z-index: 1; width: 50px; } #menutoggle i { margin-left: 5px; font-size: 18px; } #menutoggle:hover i { color: #008cba; } #bg_menu { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 10; transition: opacity 0.15s ease-in-out; pointer-events: none; opacity: 0; } #bg_menu.active { pointer-events: initial; opacity: 1; } .rounded-pill { white-space: normal; } .modal-content .modal-header { background-color: #008cba; border-radius: 12px 12px 0 0; margin-bottom: 1rem; justify-content: center; position: relative; } .modal-content .modal-header .modal-title { color: #fff; text-transform: uppercase; font-size: 18px; } .modal-content .modal-header .modal_get_bache_close, .modal-content .modal-header .modal_bache_ads_close { position: absolute; right: 15px; top: 5px; bottom: 5px; font-size: 36px; font-weight: 300; background: none; padding: 10px; display: flex; align-items: center; } .modal-content .modal-header .modal_get_bache_close > span, .modal-content .modal-header .modal_bache_ads_close > span { height: 25px; line-height: 15px; } .modal-content .addimg_item.phonecont { padding: 0 30px; display: flex; flex-wrap: wrap; } .modal-content .addimg_item.phonecont .phoneimg_cont { padding: 15px; } .modal-content .addimg_item.phonecont .phoneimg_cont:not(.post_block_preview) > div { max-height: 300px; overflow-y: scroll; scrollbar-width: none; } .modal-content .addimg_item.phonecont .phoneimg_cont:not(.post_block_preview) > div::-webkit-scrollbar { display: none; } .modal-content .addimg_item.phonecont .phoneimg_cont .campagnereseau_item { margin-top: 0; } .modal-content .addimg_item.phonecont .phoneimg_cont .campagnereseau_item:hover .baches-reseau_item > img { border-radius: 15px 15px 0 0; } .modal-content .addimg_item.phonecont .phoneimg_cont .campagnereseau_item:hover .baches-reseau_item .infocont { border-bottom: 0.15rem solid #008cba; border-radius: 0 0 15px 15px; } .modal-content .addimg_item.phonecont .phoneimg_cont .phoneimg_cont-label { text-transform: uppercase; font-size: 14px; } .modal .form_validate_title { text-transform: uppercase; color: #008cba; text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 60px; } .modal .form_validate_content { text-align: center; font-weight: 500; font-size: 20px; margin-bottom: 0; white-space: pre-line; } #modal_welcome #modal-content { display: flex; align-items: center; justify-content: center; } #modal_welcome img.evol { max-height: 150px; margin-right: 30px; } #modal_welcome .form_validate_title { margin-bottom: 30px; } #modal_bache_ads .modal-dialog { max-width: 60vw; } #modal_bache_ads .modal-content .dotted-sep { border-bottom: 5px dotted #ddd; margin: 5px 15px; flex-grow: 1; } #modal_bache_ads .modal-content .dotted-sep.active { border-bottom-color: #008cba; } #modal_bache_ads .modal-content .modal-header { background: white; border: none; padding: 30px 3rem; margin-bottom: 0; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav { margin: 0; padding: 0; display: flex; align-items: center; width: 100%; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:nth-of-type(1):before { content: "01"; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:nth-of-type(2):before { content: "02"; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:nth-of-type(3):before { content: "03"; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:nth-of-type(4):before { content: "04"; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:nth-of-type(5):before { content: "05"; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:nth-of-type(6):before { content: "06"; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:nth-of-type(7):before { content: "07"; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:nth-of-type(8):before { content: "08"; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:nth-of-type(9):before { content: "09"; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li { text-transform: uppercase; color: rgba(33, 37, 41, 0.5); display: flex; align-items: center; font-weight: bold; font-size: 18px; margin-right: 5px; cursor: pointer; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:before { display: inline-block; margin-right: 5px; background: #ddd; border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:last-child { margin-right: 0; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li span { position: relative; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li span:after { content: ''; height: 2px; width: 0; position: absolute; background: #008cba; top: 100%; left: 50%; transform: translateX(-50%); transition: width 300ms ease-in-out; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:hover span:after { width: 100%; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li.active { color: #008cba; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li.active:before { background: #008cba; color: white; } #modal_bache_ads .modal-content #modal-content { padding-top: 0 !important; } #modal_bache_ads .modal-content #modal-content ul ul { padding-left: 15px; } #modal_bache_ads .modal-footer { position: relative; display: flex; align-items: center; justify-content: space-between; padding-left: 0; padding-right: 0; border: none; margin-top: 30px; } #modal_bache_ads .modal-footer .prev_btn, #modal_bache_ads .modal-footer .next_btn, #modal_bache_ads .modal-footer .submit_btn { border-radius: 50px; text-transform: uppercase; font-weight: bold; padding: 12px 45px; } #modal_bache_ads .modal-footer .prev_btn { background: none; border: none; color: #008cba; } #modal_bache_ads .modal-footer .prev_btn:hover { color: #212529; } #modal_bache_ads .modal-footer .next_btn, #modal_bache_ads .modal-footer .submit-btn { margin-left: auto; } #modal_bache_ads #bache_ads_validation { height: calc(100vh - 7rem); display: flex; flex-direction: column; justify-content: center; align-items: center; } #modal_bache_ads #bache_ads_validation button { margin-top: 60px; border-radius: 50px; text-transform: uppercase; font-weight: bold; padding: 12px 45px; } .decline-choice { display: grid; align-items: center; justify-content: center; grid-template-columns: repeat(3, 1fr); border: 2px solid #008cba; border-radius: 50px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto 30px auto; position: relative; } .decline-choice .selection-bg { --position: 0; background: #008cba; border-radius: 50px; position: absolute; left: calc(33.3333% * var(--position)); top: 0; height: 100%; width: 33.3333%; transition: all 300ms ease-in-out; } .decline-choice .decline-tab { padding: 15px; background: none; color: #212529; font-weight: 600; border-radius: 50px; } .decline-choice .decline-tab .decline-tab-inner { position: relative; line-height: 1.3; padding-left: 25px; transition: all 300ms ease-in-out; } .decline-choice .decline-tab .decline-tab-inner .facebook_icon, .decline-choice .decline-tab .decline-tab-inner .instagram_icon, .decline-choice .decline-tab .decline-tab-inner .google_icon { height: 25px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: all 300ms ease-in-out; } .decline-choice .decline-tab .decline-tab-inner .instagram_icon { left: 20px; } .decline-choice .decline-tab .decline-tab-inner .icon_white { opacity: 0; visibility: hidden; } .decline-choice .decline-tab.facebook .decline-tab-inner { padding-left: 45px; } .decline-choice .decline-tab.facebook .decline-tab-inner > span { margin-left: 10px; } .decline-choice .decline-tab.all .decline-tab-inner { padding-left: 70px; } .decline-choice .decline-tab.all .decline-tab-inner .google_icon { left: 40px; } .decline-choice .decline-tab.active .decline-tab-inner { color: white; } .decline-choice .decline-tab.active .decline-tab-inner .facebook_icon:not(.icon_white), .decline-choice .decline-tab.active .decline-tab-inner .instagram_icon:not(.icon_white), .decline-choice .decline-tab.active .decline-tab-inner .google_icon:not(.icon_white) { opacity: 0; visibility: hidden; } .decline-choice .decline-tab.active .decline-tab-inner .icon_white { opacity: 1; visibility: visible; } #decline-form form { text-align: left; overflow-y: auto; } #decline-form form label { text-transform: uppercase; font-weight: bold; font-size: 15px; color: #212529; margin-bottom: 10px; } #decline-form form label.has_sub { display: flex; align-items: center; } #decline-form form label.has_sub:after { content: '\f078'; font-family: FontAwesome; font-size: 12px; line-height: 1; display: inline-block; color: #008cba; transition: all 200ms ease-in-out; padding: 0 10px; } #decline-form form input { accent-color: #008cba; } #decline-form form input:checked + label.has_sub:after { transform: rotate(180deg); } #decline-form form .step { display: none; flex-wrap: wrap; flex-direction: column; opacity: 0; visibility: hidden; margin-top: 30px; } #decline-form form .step.active { opacity: 1; visibility: visible; display: flex; } #decline-form form .step.step_one { flex-wrap: wrap; flex-direction: row; } #decline-form form .step.step_one #map-init { margin-right: 15px; } #decline-form form .step.step_one #map-form { margin-left: 15px; } #decline-form form .step.step_one #map-init, #decline-form form .step.step_one #map-form { width: calc(50% - 15px); } #decline-form form .step.step_one .form-target { display: none; } #decline-form form .step.step_two label { font-weight: 500; font-size: 20px; text-transform: none; flex-grow: 1; } #decline-form form .step.step_two > label { cursor: default; font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; } #decline-form form .step.step_two input[type="checkbox"] { height: 16px; width: 16px; } #decline-form form .step.step_two .form-step-budget { margin-top: 30px; } #decline-form form .step.step_two .option-video-link { text-decoration: none; font-weight: 500; white-space: nowrap; } #decline-form form .step.step_two .option-video-link:after { content: '\f054'; font-family: FontAwesome; font-size: 12px; line-height: 1; display: inline-block; color: #008cba; transition: all 200ms ease-in-out; padding-left: 10px; } #decline-form form .step.step_two .option-video-link:hover:after { padding-left: 15px; } #decline-form form .step.step_two, #decline-form form .step.step_three { width: 100%; max-width: 500px; margin: 30px auto 0 auto; } #decline-form form .step.step_two ul > li, #decline-form form .step.step_three ul > li { display: flex; align-items: baseline; } #decline-form form .step.step_three ul li { font-weight: 500; font-size: 20px; line-height: 1.3; } #decline-form form .step.step_three ul li:not(:last-child) { margin-bottom: 10px; } #decline-form form .step.step_three ul li > div:first-child { flex-grow: 1; } #decline-form form .step.step_three ul li > div:first-child > span { color: rgba(33, 37, 41, 0.5); } #decline-form form .step.step_three ul li > div:last-child { color: #008cba; white-space: nowrap; } #decline-form form .step.step_three .dotted-sep { margin: 15px 0; } #decline-form form .step.step_three .form-step-budget { font-size: 24px; margin-bottom: 45px; } #decline-form form .step.step_three .form-step-budget span:first-child { flex-grow: 1; } #decline-form form .step.step_three .form-step-budget span:last-child { white-space: pre; } #decline-form form .step.step_three .step_title { font-weight: bold; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; } #decline-form form .step.step_three label { text-transform: none; font-weight: 500; } #decline-form form .step.step_three #btn-ads-sending { display: none; } #decline-form form .step.step_three .form-item-select { display: flex; align-items: center; width: 100%; } #decline-form form .step.step_three .form-item-select .form-select { height: 45px; font-weight: 500; } #decline-form form .step.step_three .form-item-select button { height: 100%; padding: 5px; margin-left: 10px; aspect-ratio: 1/1; border-radius: 5px; display: flex; align-items: center; justify-content: center; } #decline-form form .step.step_three .form-selected-list { margin-top: 15px; width: 100%; display: none; } #decline-form form .step.step_three .form-selected-list .form-selected-list-label { line-height: 1.3; width: 100%; font-weight: 500; font-size: 15px; color: #212529; margin-bottom: 5px; } #decline-form form .step.step_three .form-selected-list .none-selected { display: flex; align-items: center; white-space: nowrap; font-size: 13px; } #decline-form form .step.step_three .form-selected-list .none-selected span:not(.dotted-sep) { margin: 0 15px; } #decline-form form .step.step_three .form-selected-list ul { margin-left: 10px; } #decline-form form .step.step_three .form-selected-list ul li { font-size: 14px; font-weight: 400; cursor: pointer; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } #decline-form form .step.step_three .form-selected-list ul li:after { content: '\f00d'; font-family: FontAwesome; display: inline-block; color: #da1d34; margin-left: 10px; } #decline-form form .step.step_three .form-selected-list ul li:hover { color: #da1d34; text-decoration: line-through; } #decline-form form .step #map-form { display: flex; flex-wrap: wrap; } #decline-form form .step .form-item { display: flex; flex-wrap: wrap; width: 100%; position: relative; } #decline-form form .step .form-item:not(:first-child) { margin-top: 15px; } #decline-form form .step .form-item .facebook_icon, #decline-form form .step .form-item .instagram_icon, #decline-form form .step .form-item .google_icon { display: none; height: 20px; width: 20px; position: absolute; left: 0; top: 0; } #decline-form form .step .form-item .instagram_icon { left: 18px; } #decline-form form .step .form-item label { width: 100%; line-height: 1.3; } #decline-form form .step .form-item.facebook label { padding-left: 45px; } #decline-form form .step .form-item.google label { padding-left: 25px; } #decline-form form .step .form-item.google .google_icon { display: block; } #decline-form form .step .form-item.facebook .instagram_icon, #decline-form form .step .form-item.facebook .facebook_icon { display: block; } #decline-form form .step .form-item output { margin-left: 15px; font-weight: 600; } #decline-form form .step .form-item .input-budget { display: flex; align-items: center; position: relative; } #decline-form form .step .form-item .input-budget:after { content: '€'; position: absolute; transform: translateY(-50%); top: 50%; right: 55px; font-weight: 600; } #decline-form form .step .form-item .input-budget input { margin: 0 10px; text-align: center; font-weight: 600; padding-right: 20px; padding-left: 20px; width: 115px; } #decline-form form .step .form-item .input-budget button { padding: 0; color: #008cba; background: #efefef; border-radius: 50%; height: 37px; min-width: 37px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 24px; } #decline-form form .step .form-item .input-budget button span { margin-bottom: 5px; } #decline-form form .step .form-item .input-budget button:hover { background: #008cba; color: #fff; } #decline-form form .step .form-step-budget { display: flex; flex-wrap: nowrap; white-space: nowrap; font-weight: bold; font-size: 20px; text-transform: uppercase; color: #008cba; } #decline-form form .step .form-step-budget > span:first-child { color: #212529; } #decline-form form .step .hidden_input input { display: none; } #decline-form form .step .hidden_input label { margin-left: 0; } #budget-global-total { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-transform: uppercase; line-height: 1.2; } #budget-global-total span { font-weight: bold; display: block; } #budget-global-total #budget-global-total-value { color: #008cba; font-size: 24px; } .baches-pages_selection { width: 100%; } .baches-pages_selection:not(:first-child) { margin-top: 1rem; } .baches-pages_selection input { position: absolute; opacity: 0; height: 0; width: 0; } .baches-pages_selection .baches-pages_item { display: flex; align-items: center; color: #8c8ca0; border: 1px solid #8c8ca0; border-radius: 50px; font-size: 20px; padding: 5px 25px; } .baches-pages_selection .baches-pages_item:hover { color: white; background-color: #008cba; border-color: #008cba; } .baches-pages_selection .baches-pages_item .baches-pages_item_logo { display: none; max-height: 35px; max-width: 35px; margin-right: 30px; } .baches-pages_selection .baches-pages_item .baches-pages_item_title { margin-bottom: 0; } .baches-pages_selection input:checked ~ .baches-pages_item { color: white; background-color: #008cba; border-color: #008cba; } .menu-responsive { display: none; } .menu-responsive .fa-bars { font-size: 28px; margin-right: 15px; color: #008cba; background: #f6f6fa; border-radius: 50%; height: 45px; width: 45px; display: flex; align-items: center; justify-content: center; } .custom-bs > .flex-wrap { position: relative; margin-left: 0; min-height: 100%; } @media (min-width: 768px) { #modal_get_bache .modal-dialog, #modal_welcome .modal-dialog { max-width: 700px; } .campagnereseau_item:hover { border: none; z-index: 2; } .campagnereseau_item:hover .baches-reseau_item, .campagnereseau_item:hover .baches-reseau_mainitem { border-radius: 0; } .campagnereseau_item:hover .baches-reseau_item .fb_iconcont, .campagnereseau_item:hover .baches-reseau_mainitem .fb_iconcont { padding-bottom: .15rem; } .campagnereseau_item:hover .baches-reseau_item > img, .campagnereseau_item:hover .baches-reseau_mainitem > img { border: 0.15rem solid #008cba; border-bottom: none; } .campagnereseau_item:hover .slidedown_cont { transform: translateY(100%); max-height: 600px; box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1); border: 0.15rem solid #008cba; border-top: none; } .campagnereseau_item:hover .infocont { border: 0.15rem solid #008cba; border-top: none; border-bottom: none; } .campagnereseau_item:hover .baches-reseau_mainitem { cursor: pointer; } .campagnereseau_item:hover .baches-reseau_mainitem .infocont { border-bottom: 0.15rem solid #008cba; border-radius: 0 0 15px 15px; } } @media (max-width: 1600px) { .custom-bs .baches-reseau_cont { max-width: 240px; } .baches-reseau_list_futur .baches-reseau_itemcont, .baches-reseau_list_futur .baches-reseau_mainitemcont { flex: 0 0 auto; width: 100%; } } @media (max-width: 1399px) { .custom-bs .baches-reseau_cont { margin-top: 30px; } .custom-bs .baches_cont { padding: 0 25px 0 0; } #cmlist_cont .baches-reseau_itemcont, #ggllist_cont .baches-reseau_itemcont { width: 33.3333%; } .custom-bs > .flex-wrap { padding-left: 0px; } #sidebar { max-width: 100px; padding-top: 30px; } #baches_nav .nav_txt { font-size: 14px; } #menutoggle { display: flex; height: 100%; background-color: #181818; } } @media (max-width: 800px) { .wrapper { max-width: 100%; } } ul .dropdown-menu.show { transform: initial !important; position: relative !important; } ul .dropdown-menu .dropdown-item.menu-dropdown { padding: 10px 0 10px 15px; } /* @media (max-width:1200px) { #sidebar{ position: fixed; transform: translateX(-100%); } } */ .menu-dropdown:after { display: flex; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; top: 32px; position: absolute; right: 10px; margin-right: 5px; } .menu-dropdown.dropdown-item:after { top: 15px; } .menu-dropdown { position: relative; display: flex; } .dropdown-item { padding-left: 15px; } .schedule-img { max-width: 35px; } ul.dropdown { padding-left: 15px; } a.dropdown-item.menu-dropdown { background-color: #e9ecef; } .menu { display: flex; align-items: center; justify-content: flex-end; margin-left: 45px; } .menu-dropdown-hover { position: relative; } .menu-dropdown-hover hr:first-child { display: none; } .menu-dropdown-hover > .dropdown-menu { display: none; top: calc(100% - 10px); left: 0; padding-left: 0; padding-right: 0; } .menu-dropdown-hover > .dropdown-menu > li:nth-child(1) .dropdown-menu { max-height: calc(100vh - 154px - (0*34px)); } .menu-dropdown-hover > .dropdown-menu > li:nth-child(2) .dropdown-menu { max-height: calc(100vh - 154px - (1*34px)); } .menu-dropdown-hover > .dropdown-menu > li:nth-child(3) .dropdown-menu { max-height: calc(100vh - 154px - (2*34px)); } .menu-dropdown-hover > .dropdown-menu > li:nth-child(4) .dropdown-menu { max-height: calc(100vh - 154px - (3*34px)); } .menu-dropdown-hover > .dropdown-menu > li:nth-child(5) .dropdown-menu { max-height: calc(100vh - 154px - (4*34px)); } .menu-dropdown-hover > .dropdown-menu > li:nth-child(6) .dropdown-menu { max-height: calc(100vh - 154px - (5*34px)); } .menu-dropdown-hover > .dropdown-menu > li:nth-child(7) .dropdown-menu { max-height: calc(100vh - 154px - (6*34px)); } .menu-dropdown-hover > .dropdown-menu > li:nth-child(8) .dropdown-menu { max-height: calc(100vh - 154px - (7*34px)); } .menu-dropdown-hover > .dropdown-menu > li:nth-child(9) .dropdown-menu { max-height: calc(100vh - 154px - (8*34px)); } .menu-dropdown-hover > .dropdown-menu > li:nth-child(10) .dropdown-menu { max-height: calc(100vh - 154px - (9*34px)); } .menu-dropdown-hover > .dropdown-menu > li:nth-child(11) .dropdown-menu { max-height: calc(100vh - 154px - (10*34px)); } .menu-dropdown-hover > .dropdown-menu > li:nth-child(12) .dropdown-menu { max-height: calc(100vh - 154px - (11*34px)); } .menu-dropdown-hover > .dropdown-menu > li:nth-child(13) .dropdown-menu { max-height: calc(100vh - 154px - (12*34px)); } .menu-dropdown-hover > .dropdown-menu > li:nth-child(14) .dropdown-menu { max-height: calc(100vh - 154px - (13*34px)); } .menu-dropdown-hover > .dropdown-menu > li:nth-child(15) .dropdown-menu { max-height: calc(100vh - 154px - (14*34px)); } .menu-dropdown-hover .menu-link { display: flex; align-items: center; justify-content: space-between; } .menu-dropdown-hover .menu-link:after { content: '\f078'; font-family: FontAwesome; font-size: 12px; display: inline-block; color: #008cba; margin-left: 5px; } .menu-dropdown-hover:not(:focus):hover > .dropdown-menu { display: block; } .menu-dropdown-hover:not(:focus):hover .menu-link { color: #008cba; } .menu-dropdown-hover .menu-dropdown-hover > .dropdown-item { position: relative; padding-right: calc(1rem + 10px); } .menu-dropdown-hover .menu-dropdown-hover > .dropdown-item:after { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); content: '\f054'; font-family: FontAwesome; font-size: 12px; line-height: 1; display: inline-block; color: #008cba; transition: right 200ms ease-in-out; } .menu-dropdown-hover .menu-dropdown-hover > .dropdown-menu { top: 0; left: calc(100% - 1px); overflow: auto; } .menu-dropdown-hover .menu-dropdown-hover:hover > .dropdown-item:after { right: 5px; } .text-sub { color: #a2a2a2 !important; } .button-return { width: 100px; height: 40px; margin-top: 40px; } .baches-reseau_list_back .baches-reseau_mainitemcont { width: 145px !important; margin-top: 10px; } .baches-reseau_list_back .baches-reseau_mainitemcont img { border-radius: 20px; } .button-return { width: 100px; height: 40px; margin-top: 40px; margin-right: 40px; } #right_bar_icon, #sidebar_icon { display: block; position: absolute; left: 0px; top: 0px; font-size: 18px; width: 30px; padding: 8px; } #sidebar_icon { top: 80px; right: 0; left: auto; z-index: 1; } @media screen and (max-width: 640px) { .baches-reseau_list_back .baches-reseau_mainitemcont { width: 100% !important; } } @media screen and (max-width: 1000px) { .tab-content { padding-bottom: 170px !important; } } @media screen and (min-width: 1400px) { #right_bar_icon, #sidebar_icon { display: none; } } @media (max-width: 1500px) { .menu { margin-left: auto; } .menu-link { padding: 20px 5px; } } @media (max-width: 1399px), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2.3645833333333335), only screen and (min-resolution: 227dpi), only screen and (min-resolution: 2dppx) { .custom-bs .baches_cont .tab-content { max-height: calc(100vh - 200px); } #header .logo { max-width: 120px; } .menu-link { padding: 20px 0; margin: 0 8px; font-size: 14px; } .header_rightcont .numeros .customer-link { padding: 0 5px; } .header_rightcont .numeros .customer-link .customer-link-under { left: 30px; } .header_rightcont .numeros .customer-link span { font-size: 11px; } .header_rightcont .numeros .customer-link span:last-child { font-size: 14px; } #modal_bache_ads .modal-dialog { max-width: 75vw; } } @media (max-width: 1199px) { .header_rightcont .numeros .customer-link:last-child img { margin-right: 0; } .customer-link .customer-link-text { display: none; } #cmlist_cont .baches-reseau_itemcont, #cmlist_cont .baches-reseau_mainitemcont, #ggllist_cont .baches-reseau_itemcont, #ggllist_cont .baches-reseau_mainitemcont { width: 50%; } #ggl_landing ul, #ggl_reporting ul, #cm_landing ul, #cm_reporting ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 1050px) { #modal_bache_ads .modal-dialog { max-width: 90vw; margin: .5rem auto; } } @media (min-width: 992px) { .baches-reseau_list > p.h5 { display: none; } .backdrop { display: none; } #wrapper > .info_contact { display: none; } } @media (max-width: 991px) { .custom-bs.topbarfixed { padding-left: 0; } .custom-bs > .flex-wrap { margin-left: auto; } #header > .container > .row { margin: 0; } #header > .container > .row > div { padding-left: 0; padding-right: 0; } .menu-responsive { display: block; order: -1; cursor: pointer; } #header .logo { max-width: 115px; } .header_rightcont .menu { justify-content: flex-start; position: fixed; top: 140px; left: 0; transform: translateX(-100%); transition: transform 300ms; flex-direction: column; background: white; box-shadow: 0 24px 24px rgba(0, 0, 0, 0.1); height: calc(100vh - 115px); overflow-y: scroll; align-items: flex-start; padding: 15px 0; } .header_rightcont .menu > * { padding-right: 15px; padding-left: 15px; min-width: 175px; } .header_rightcont .menu.opened { transform: translateX(0); } .header_rightcont .menu.opened ~ .backdrop { opacity: 1; visibility: visible; } .backdrop { display: block; position: fixed; top: 115px; left: 0; height: calc(100vh - 115px); width: 100vw; background: rgba(33, 37, 41, 0.75); z-index: -1; opacity: 0; visibility: hidden; transition: all 300ms ease-in-out; } .menu-dropdown-hover { width: 100%; } .menu-dropdown-hover .menu-link::after { transform: rotate(-90deg); } .menu-dropdown-hover > .dropdown-menu { top: 0; left: calc(100% - 1px); } .menu-dropdown-hover > .dropdown-menu > li .dropdown-menu.dropdown-menu { max-height: 50vh; } .menu-dropdown-hover .menu-dropdown-hover > .dropdown-item { white-space: normal; } .dropdown-item { white-space: nowrap; } .menu .menu-dropdown-hover:not(.active):hover > .dropdown-menu { display: none; } .menu .menu-dropdown-hover:not(.active):hover > .menu-link { color: inherit; } .menu .menu-dropdown-hover:not(.active):hover > .menu-link:after { transform: rotate(-90deg); } .menu .menu-dropdown-hover.active > .dropdown-menu { display: block; } .menu .menu-dropdown-hover.active > .menu-link { color: #008cba; } .menu .menu-dropdown-hover.active > .menu-link:after { transform: none; } .disconnect { padding: 0 0.75rem 0 15px; } .top-bar-left span:first-child { font-size: 14px; } .top-bar-left > span:not(:last-child) { margin-right: 10px; } .lang-switcher { margin-right: 10px; } .header_rightcont .customer-link img { border: 2px solid transparent; border-radius: 50%; } .header_rightcont .customer-link:hover img { border-color: #008cba; } .header_rightcont .customer-link.phone-contact { display: block; margin-left: 30px; } #sidebar_cont { height: auto; overflow: visible; } #sidebar.open #sidebar_cont { background: white; box-shadow: 0 12px 24px black; } #sidebar { padding-top: 0; position: fixed; bottom: 15px; top: auto; left: 0; right: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: auto; z-index: 10; max-width: unset; } #baches_nav { flex-direction: row; flex-wrap: nowrap; background: #fff; border-radius: 25px; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1); } #baches_nav .nav-item { width: auto; } #baches_nav .nav-item:not(:last-child) { margin-right: 15px; } #baches_nav.selection #close_baches_nav { display: flex; } #baches_nav.selection .nav_txt { display: block; } #baches_nav .nav-link img { max-width: 75px; } #myTabContent .dashboard { margin: 0; } #myTabContent .dashboard > .card { padding: 0; } #sidebar_icon { top: 15px; } .custom-bs > .flex-wrap { padding-left: 0.75rem; overflow: hidden; } .custom-bs .baches_cont { padding: 0; } .custom-bs .baches_cont .tab-content { padding-left: 0; padding-right: 0; } .custom-bs .baches-reseau_cont { margin-top: 0; max-width: 100%; } .custom-bs .baches-reseau h4 { display: flex; align-items: center; justify-content: space-between; } .custom-bs .baches-reseau h4 .fa-times { display: inline-block; cursor: pointer; } .custom-bs .baches-reseau h4 .fa-times:hover { color: #008cba; } #right_bar_icon { transition: left 100ms; } .baches-reseau_cont { position: fixed; z-index: 15; top: 115px; left: 0; transition: all 300ms ease-in-out; } .baches-reseau_cont.open { left: 0; } .baches-reseau_cont.close { left: 100%; } .baches-reseau_cont.open #right_bar_icon { left: 15px; } .baches-reseau_cont.close { background: none; } .baches-reseau_list_futur { max-height: calc(100vh - 115px - 67px); height: calc(100vh - 115px - 67px); margin: 0; } .baches-reseau_list_futur .baches-reseau_itemcont { width: 50%; } #cmlist_cont .baches-reseau_list, #ggllist_cont .baches-reseau_list { padding: 0 15px; } #cmlist_cont .baches-reseau_list .arrow_prev, #ggllist_cont .baches-reseau_list .arrow_prev, #cmlist_cont .baches-reseau_list .arrow_next, #ggllist_cont .baches-reseau_list .arrow_next { display: none; } .custom-bs .baches .bottom-campagne .btn-primary, .custom-bs #listing_campagnes .bottom-campagne .btn-primary { width: 100%; } .custom-bs .baches .bottom-campagne .quick_action_facebook, .custom-bs .baches .bottom-campagne .quick_action_google, .custom-bs #listing_campagnes .bottom-campagne .quick_action_facebook, .custom-bs #listing_campagnes .bottom-campagne .quick_action_google { width: 50%; margin: 0; margin-bottom: -1rem; } #cmlist_cont #cm_games .baches-reseau_mainitemcont { width: 33.33%; } #baches_nav #cm_nav, #baches_nav #ggl_nav { opacity: 0; visibility: hidden; position: absolute; top: 100%; width: 100%; margin-top: 0; } @-webkit-keyframes slow-opacity { 0% { opacity: 0; } 30% { opacity: 0; } 100% { opacity: 1; } } @keyframes slow-opacity { 0% { opacity: 0; } 30% { opacity: 0; } 100% { opacity: 1; } } #baches_nav #cm_nav .slick-list, #baches_nav #ggl_nav .slick-list { padding: 0 5px; } #baches_nav #cm_nav .slick-arrow, #baches_nav #ggl_nav .slick-arrow { background: #008cba; top: calc(100% - 5px); width: 35px; height: 35px; padding: 5px; border-radius: 50%; position: absolute; display: flex; align-items: center; justify-content: center; color: white; } #baches_nav #cm_nav .slick-prev, #baches_nav #cm_nav .fa-arrow-left, #baches_nav #ggl_nav .slick-prev, #baches_nav #ggl_nav .fa-arrow-left { left: calc(25% - 15px); transform: translateX(-50%); } #baches_nav #cm_nav .slick-next, #baches_nav #cm_nav .fa-arrow-right, #baches_nav #ggl_nav .slick-next, #baches_nav #ggl_nav .fa-arrow-right { right: calc(25% - 15px); transform: translateX(50%); } #baches_nav #cm_nav .arrow_prev, #baches_nav #cm_nav .arrow_next, #baches_nav #ggl_nav .arrow_prev, #baches_nav #ggl_nav .arrow_next { display: none; } #baches_nav #cm_nav .baches-reseau_mainitemcont, #baches_nav #ggl_nav .baches-reseau_mainitemcont { opacity: 1; } #baches_nav #cm_nav .baches-reseau_mainitemcont img, #baches_nav #ggl_nav .baches-reseau_mainitemcont img { max-height: 75px; height: 75px; margin: auto; } #baches_nav #cm_nav .baches-reseau_mainitemcont.placeholder .campagnereseau_item, #baches_nav #ggl_nav .baches-reseau_mainitemcont.placeholder .campagnereseau_item { border: 3px dotted #dedede; } #baches_nav.selection { margin-bottom: 15px; } #baches_nav.selection .nav-item:not(.selection) { display: none; } #baches_nav.selection .nav-item.selection:not(:last-child) { margin-right: 0; } #baches_nav.selection .nav-item.selection #ggllist_cont-tab, #baches_nav.selection .nav-item.selection #cmlist_cont-tab { position: relative; margin-bottom: 250px; margin-top: -70px; width: 350px; } #baches_nav.selection .nav-item.selection #ggllist_cont-tab #cm_nav, #baches_nav.selection .nav-item.selection #ggllist_cont-tab #ggl_nav, #baches_nav.selection .nav-item.selection #cmlist_cont-tab #cm_nav, #baches_nav.selection .nav-item.selection #cmlist_cont-tab #ggl_nav { -webkit-animation: slow-opacity 500ms ease-in-out; animation: slow-opacity 500ms ease-in-out; opacity: 1; visibility: visible; } #baches_nav.selection .nav-item.selection #ggllist_cont-tab .nav_topblock img, #baches_nav.selection .nav-item.selection #cmlist_cont-tab .nav_topblock img { max-width: 100px; max-height: 100px; } .custom-bs_content { padding: 15px 0; } #listing_campagnes li { width: 100%; } #modal_bache_ads #budget-global-total { position: static; transform: none; width: 100%; } #decline-form form { max-height: 75vh; } #decline-form form .step .form-step-budget { font-size: 17px; } #ggl_landing ul, #ggl_reporting ul, #cm_landing ul, #cm_reporting ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 850px) { #modal_bache_ads .modal-content .form-item .dotted-sep { margin: 5px; } } @media (max-width: 767px) { .tab-content { padding-bottom: 70px !important; } .header_rightcont { justify-content: space-between; } .header_rightcont .numeros { display: none; } .header_rightcont .menu { top: 115px; padding: 0; min-width: 75vw; } .header_rightcont .menu .customer-link-responsive { display: block; margin-left: 0; } .header_rightcont .menu .customer-link { margin: 15px 0; } .customer-link .customer-link-text { display: block; } .header_rightcont .numeros .customer-link { padding: 0; } .header_rightcont .numeros .customer-link a { justify-content: flex-start; } .header_rightcont .numeros .customer-link img { margin-right: 5px; } .header_rightcont .numeros .customer-link:last-child img { margin-right: 5px; } .lang-switcher .lang-current::after { content: none; } .top-bar-left > span:first-child, .disconnect > span { display: none; } .disconnect { padding-left: 20px; } .disconnect img { min-width: 24px; margin-right: 10px; } #header { padding: 5px 0; } #header .logo { max-width: 90px; } .custom-bs.topbarfixed { padding-top: 115px; } .custom-bs .baches_cont { padding-top: 0; } #right_bar_icon { left: -10px; } .baches #myTabContent { max-height: calc(100vh - 175px); overflow-x: hidden; } .custom-bs .baches li, .custom-bs #listing_campagnes li { padding: 0; } .custom-bs .baches .header-campagne, .custom-bs #listing_campagnes .header-campagne { justify-content: flex-start; flex-wrap: wrap; } .custom-bs .baches .header-campagne > div, .custom-bs #listing_campagnes .header-campagne > div { max-width: 100%; } .custom-bs .baches .image-campagne, .custom-bs #listing_campagnes .image-campagne { margin-bottom: 60px; } .custom-bs .baches .bottom-campagne .btn-circle, .custom-bs #listing_campagnes .bottom-campagne .btn-circle { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; aspect-ratio: 1/1; display: inline-flex; align-items: center; justify-content: center; } .custom-bs .baches .bottom-campagne .quick_action_facebook, .custom-bs .baches .bottom-campagne .quick_action_google, .custom-bs #listing_campagnes .bottom-campagne .quick_action_facebook, .custom-bs #listing_campagnes .bottom-campagne .quick_action_google { padding: 8px 15px; font-size: 11px; line-height: 1.3; display: flex; align-items: center; justify-content: center; white-space: nowrap; } .custom-bs .baches .bottom-campagne .quick_action_facebook img, .custom-bs .baches .bottom-campagne .quick_action_google img, .custom-bs #listing_campagnes .bottom-campagne .quick_action_facebook img, .custom-bs #listing_campagnes .bottom-campagne .quick_action_google img { position: initial; transform: none; margin-right: 10px; } .custom-bs .baches .bottom-campagne .quick_action_facebook span, .custom-bs .baches .bottom-campagne .quick_action_google span, .custom-bs #listing_campagnes .bottom-campagne .quick_action_facebook span, .custom-bs #listing_campagnes .bottom-campagne .quick_action_google span { display: none; } .custom-bs .baches .bottom-campagne .quick_action_google, .custom-bs #listing_campagnes .bottom-campagne .quick_action_google { color: #212529; background-color: white; } .custom-bs .baches .bottom-campagne .btn-primary p, .custom-bs #listing_campagnes .bottom-campagne .btn-primary p { display: inline-grid; } .custom-bs .baches .etoile, .custom-bs #listing_campagnes .etoile { display: flex; align-items: center; position: absolute; bottom: 55px; left: 0; width: 100%; } .custom-bs .baches .etoile > span, .custom-bs #listing_campagnes .etoile > span { width: auto; } .custom-bs .baches .etoile .buttons, .custom-bs #listing_campagnes .etoile .buttons { margin: 0; } .custom-bs .baches .etoile .popup-action-ads-form, .custom-bs #listing_campagnes .etoile .popup-action-ads-form { display: inline-block; } #cmlist_cont .baches-pages_list .baches-pages_item, #ggllist_cont .baches-pages_list .baches-pages_item { flex-direction: column; justify-content: center; gap: 10px; } #cmlist_cont .baches-pages_list .baches-pages_item .baches-pages_item_logo, #ggllist_cont .baches-pages_list .baches-pages_item .baches-pages_item_logo { margin-right: 0; } #cmlist_cont .baches-pages_list .baches-pages_item .baches-pages_item_infos, #ggllist_cont .baches-pages_list .baches-pages_item .baches-pages_item_infos { text-align: center; } #cmlist_cont .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_title, #ggllist_cont .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_title { text-align: center; } #cmlist_cont .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_desc > span:first-child, #ggllist_cont .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_desc > span:first-child { display: block; } #cmlist_cont .baches-reseau_list .h5, #ggllist_cont .baches-reseau_list .h5 { font-size: 15px; margin: 1rem; padding-left: 0; } #cmlist_cont .baches-reseau_filters, #ggllist_cont .baches-reseau_filters { gap: 10px; margin-bottom: 1rem; } #cmlist_cont .baches-reseau_filters > li, #ggllist_cont .baches-reseau_filters > li { font-size: 14px; padding: 0 10px; } .campagnereseau_item { margin-top: 0; border: none; } .baches-reseau_list_futur .baches-reseau_itemcont .campagnereseau_item:hover .baches-reseau_item { border-bottom: 0.15rem solid #008cba; border-radius: 15px; } #cm_nav .baches-reseau_mainitemcont, #ggl_nav .baches-reseau_mainitemcont { padding: 0 5px; margin-bottom: 5px; } #cm_nav .baches-reseau_mainitemcont .baches-reseau_mainitem .infocont, #ggl_nav .baches-reseau_mainitemcont .baches-reseau_mainitem .infocont { display: none; height: 35px; } #cm_nav .baches-reseau_mainitemcont .baches-reseau_mainitem .infocont p, #ggl_nav .baches-reseau_mainitemcont .baches-reseau_mainitem .infocont p { font-size: 11px; } #cmlist_cont #cm_games .baches-reseau_mainitemcont { width: 50%; } #baches_nav.selection .nav-item.selection #ggllist_cont-tab, #baches_nav.selection .nav-item.selection #cmlist_cont-tab { width: 275px; margin-top: -55px; margin-bottom: 185px; } #baches_nav.selection .nav-item.selection #ggllist_cont-tab .nav_topblock img, #baches_nav.selection .nav-item.selection #cmlist_cont-tab .nav_topblock img { max-width: 80px; max-height: 80px; } #myTabContent .dashboard > .card { margin-top: 15px; } .custom-bs .btn_centercont { margin-top: 15px; } .custom-bs .btn_centercont .btn { font-size: 14px; margin-top: 15px; } .custom-bs .baches-reseau h4 { font-size: 16px; } .custom-bs .baches-reseau_cont { padding: 30px 15px 0; } .custom-bs .baches-reseau_list_futur .baches-reseau_itemcont { width: 100%; padding: 10px 5px; } .custom-bs .baches-reseau_list_futur .baches-reseau_itemcont .bache_card { display: flex; align-items: flex-start; padding: 10px; font-size: 14px; } .custom-bs .baches-reseau_list_futur .baches-reseau_itemcont .bache_card img { max-width: 75px; align-self: center; } .custom-bs .baches-reseau_list_futur .baches-reseau_itemcont .bache_card .fb_iconcont { width: auto; max-width: calc(100% - 75px); margin-top: 0 !important; margin-left: 10px; line-height: 1; padding-bottom: 25px; } .custom-bs .baches-reseau_list_futur .baches-reseau_itemcont .bache_card .fb_iconcont .text-sub { font-weight: 500; } .custom-bs .baches-reseau_list_futur .baches-reseau_itemcont .slidedown_cont { max-height: unset; z-index: auto; background: none; left: 95px; bottom: 10px; padding: 0; line-height: 1.1; overflow: visible; font-size: 14px; } .custom-bs .baches-reseau_list_futur .baches-reseau_itemcont .slidedown_cont .slidedown_comment > * { margin: 0 !important; font-size: 14px !important; } .baches-pages_title { font-size: 21px; } .menu-dropdown-hover > .dropdown-menu { position: initial; } .menu-dropdown-hover > .dropdown-menu .dropdown-menu { position: initial; } .menu-dropdown-hover > .dropdown-menu > li .dropdown-menu.dropdown-menu { max-height: 35vh; padding-left: 15px; background-color: #f6f6fa; } .menu-dropdown-hover .dropdown-menu { padding: 0; } .menu-dropdown-hover:hover .menu-link:after { transform: none; } .menu-dropdown-hover .dropdown-item { white-space: normal; } .menu-dropdown-hover .dropdown-item:hover { color: #008cba; font-weight: bold; background: none; } .menu-dropdown-hover .dropdown-item:hover:after { transform: translateY(-50%) rotate(90deg); right: 15px !important; } .dropdown-menu { font-size: 13px; min-width: unset; border: none; } #cm_campaign .baches-pages_list .baches-pages_item, #ggl_campaign .baches-pages_list .baches-pages_item { grid-template-columns: 1fr 25px; padding: 10px; gap: 10px 5px; } #cm_campaign .baches-pages_list .baches-pages_item .baches-pages_item_logo, #ggl_campaign .baches-pages_list .baches-pages_item .baches-pages_item_logo { grid-area: 1 / 1 / 2 / 3; } #cm_campaign .baches-pages_list .baches-pages_item .baches-pages_item_infos, #ggl_campaign .baches-pages_list .baches-pages_item .baches-pages_item_infos { grid-area: 2 / 1 / 3 / 2; } #cm_campaign .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_title, #ggl_campaign .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_title { font-size: 16px; } #cm_campaign .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_desc, #ggl_campaign .baches-pages_list .baches-pages_item .baches-pages_item_infos .baches-pages_item_desc { display: flex; align-items: center; justify-content: center; } #cm_campaign .baches-pages_list .baches-pages_item .baches-pages_item_btns, #ggl_campaign .baches-pages_list .baches-pages_item .baches-pages_item_btns { grid-area: 2 / 2 / 3 / 3; } #modal_welcome #modal-content { flex-wrap: wrap; } #modal_welcome #modal-content img.evol { margin-right: 0; margin-bottom: 30px; } #modal_bache_ads .modal-content .dotted-sep { margin: 5px; } #modal_bache_ads .modal-content .modal-header { padding: 15px; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li { font-size: 14px; margin-right: 0; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:before { width: 30px; height: 30px; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:not(.current):before { margin-right: 0; } #modal_bache_ads .modal-content .modal-header #modal_ads_nav li:not(.current) > span { width: 0; overflow: hidden; } #modal_bache_ads #modal-content { padding: 0 15px 15px 15px !important; } #modal_bache_ads .modal-footer { padding: 0; margin-top: 15px; } #modal_bache_ads .modal-footer .prev_btn, #modal_bache_ads .modal-footer .next_btn, #modal_bache_ads .modal-footer .submit_btn { width: 100%; padding: 8px 15px; } #modal_bache_ads .decline-choice { width: 100%; } #modal_bache_ads .decline-choice .decline-tab { font-size: 14px; padding: 0; height: 45px; } #modal_bache_ads .decline-choice .decline-tab span { display: none; } #modal_bache_ads .decline-choice .decline-tab .decline-tab-inner .google_icon, #modal_bache_ads .decline-choice .decline-tab .decline-tab-inner .facebook_icon, #modal_bache_ads .decline-choice .decline-tab .decline-tab-inner .instagram_icon { left: 50%; transform: translate(-50%, -50%); } #modal_bache_ads .decline-choice .decline-tab.facebook .decline-tab-inner .facebook_icon { left: calc(50% - 12px); } #modal_bache_ads .decline-choice .decline-tab.facebook .decline-tab-inner .instagram_icon { left: calc(50% + 8px); } #modal_bache_ads .decline-choice .decline-tab.all .facebook_icon { left: calc(50% - 20px); } #modal_bache_ads .decline-choice .decline-tab.all .google_icon { left: calc(50% + 20px); } #modal_bache_ads #decline-form form { max-height: calc(75vh - 85px); } #modal_bache_ads #decline-form form .step .form-step-budget { font-size: 18px; flex-wrap: wrap; } #modal_bache_ads #decline-form form .step.step_one #map-init, #modal_bache_ads #decline-form form .step.step_one #map-form { width: 100%; margin: 0; } #modal_bache_ads #decline-form form .step.step_one #map-form { margin-top: 30px; } #modal_bache_ads #decline-form form .step.step_two label { font-size: 14px; } #modal_bache_ads #decline-form form .step.step_two > label { font-size: 18px; } #modal_bache_ads #decline-form form .step.step_two input[type="checkbox"] { width: 12px; height: 12px; min-width: 12px; min-height: 12px; } #modal_bache_ads #decline-form form .step.step_two .option-video-link { font-size: 12px; } #modal_bache_ads #decline-form form .step.step_two .option-video-link:after { font-size: 10px; padding-left: 5px; } #modal_bache_ads #decline-form form .step.step_two .option-video-link:hover { padding-left: 10px; } #modal_bache_ads #decline-form form .step.step_three .step_title { font-size: 18px; } #modal_bache_ads #decline-form form .step.step_three ul li { font-size: 16px; } #ggl_landing ul, #ggl_reporting ul, #cm_landing ul, #cm_reporting ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } #page_liste_colis .colis_table { display: flex; flex-direction: column; background: #f6f6fa; padding: 5px; margin: -5px; } #page_liste_colis .colis_table .colis_table_heads { display: block; padding-bottom: 10px; } #page_liste_colis .colis_table .colis_table_heads span { display: none; } #page_liste_colis .colis_table .colis_table_row { display: flex; flex-wrap: wrap; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 3px dotted #ddd; font-weight: 500; } #page_liste_colis .colis_table .colis_table_row img, #page_liste_colis .colis_table .colis_table_row i { display: inline-block; color: #008cba; } #page_liste_colis .colis_table .colis_table_row:nth-child(even) span { background: none; } #page_liste_colis .colis_table .colis_table_row span:nth-child(odd) { width: 43%; } #page_liste_colis .colis_table .colis_table_row span:nth-child(even) { width: 57%; } #page_liste_colis .colis_table .colis_table_row span:last-child { font-weight: 400; } #page_liste_colis .colis_table span { padding: 2px 5px; font-size: 14px; } } @media (max-width: 500px) { #cmlist_cont .baches-reseau_itemcont, #ggllist_cont .baches-reseau_itemcont { padding: 5px; } #cmlist_cont .baches-reseau_mainitemcont, #ggllist_cont .baches-reseau_mainitemcont { width: 50%; } #ggl_landing ul, #ggl_reporting ul, #cm_landing ul, #cm_reporting ul { grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media (max-width: 350px) { #header .logo { max-width: 90px; } .menu-link { padding: 15px 0; } .menu-responsive .fa-bars { margin-right: 5px; } #modal_bache_ads { padding: 0; } #modal_bache_ads .modal-dialog { max-width: 95vw; } #modal_bache_ads #decline-form form .step { margin-top: 15px; } #modal_bache_ads #decline-form form .step.step_one #map-init { max-height: 50vh; } #modal_bache_ads #decline-form form .step .form-step-budget { font-size: 16px; } } /*# sourceMappingURL=maps/styles.css.map */ @charset "UTF-8"; /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; width: 100%; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset "UTF-8"; @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1720px; } } .row { width: auto; max-width: none; } #coordonnees_client span { display: block; } #clInterlocuteur { font-size: 1.7em; } ul.no-puce { margin: 0; padding: 0; } ul.no-puce li { list-style-type: none; } ul.listing-campagnes li { height: 146px; margin-bottom: 5px; overflow: hidden; width: 50%; } ul.listing-campagnes li.odd { padding-right: 2px; } ul.listing-campagnes li.even { padding-left: 3px; } .infinite-more-link { display: none; } .infinite-loading { background-color: #eeeeee; } .infinite-loading:after { content: "\f021"; font-family: FontAwesome; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; margin: 10px; } i[class^="fi-"].medium { font-size: 20px; line-height: 20px; } i[class^="fi-"].large { font-size: 40px; line-height: 40px; } i[class^="fi-"].white { color: #ffffff; } i[class^="fi-"]:hover { color: #b8d30b; } .campagne_scoring { margin-top: 10px; } #listing_campagnes li { position: relative; } #listing_campagnes img.img_bache { min-height: 76px; min-width: 460px; } .img-bache-big { height: auto; width: 100%; max-width: 400px; } #listing_campagnes div.item-hover { background-color: #000000; color: #ffffff; height: 82px; opacity: 0.5; position: absolute; text-align: center; width: 100%; } span.item-hover-mask { background-color: white; font-size: 18px; margin: 20px; position: absolute; } #listing_campagnes div.top { height: 25px; width: 100%; } #listing_campagnes div.top ul.btn_image li { display: inline-block; height: 25px; margin: 0px; padding: 0px; } #listing_campagnes div.top ul.btn_image li.btn_petit1 { width: 9%; } #listing_campagnes div.top ul.btn_image li.btn_petit2 { width: 9%; } #listing_campagnes div.top ul.btn_image li.btn_gros1 { width: 80%; } #listing_campagnes div.top ul.btn_image li.btn_gros2 { width: 39%; } #listing_campagnes div span { display: inline-block; } #listing_campagnes div.bottom { text-align: left; height: 25px; width: 100%; } #listing_campagnes div.bottom span { font-size: 12px; color: #888; } #listing_campagnes div.bottom span.etoile { float: right; } #listing_campagnes div.bottom span div.raty { float: right; margin-left: 10px; } #listing_campagnes div.image { height: 79px; width: 100%; overflow: hidden; } #listing_campagnes div.englobe { margin-top: 10px; margin-bottom: 10px; margin-left: 8px; width: 98%; } #listing_campagnes div.englobe:hover { box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); } .accordion dd { border-bottom: solid 1px #fefefe; } .accordion-navigation > a:after { content: "↡"; padding-left: 5px; font-size: 20px; } .accordion-navigation.active > a:after { content: "↟"; } #listing_campagnes div.top ul.btn_image li.btn_gros1 a.btn_commander, #listing_campagnes div.top ul.btn_image li.btn_gros2 a.btn_modifier, #listing_campagnes div.top ul.btn_image li.btn_petit1 a.btn_partager, #listing_campagnes div.top ul.btn_image li.btn_petit2 a.btn_imprimer { width: 100%; height: 100%; text-align: center; } #listing_campagnes div.top ul.btn_image li.btn_gros1 a.btn_commander span.btn-commander, #listing_campagnes div.top ul.btn_image li.btn_gros2 a.btn_modifier span.btn-modifier, #listing_campagnes div.top ul.btn_image li.btn_petit1 a.btn_partager span.btn-partager, #listing_campagnes div.top ul.btn_image li.btn_petit2 a.btn_imprimer span.btn-imprimer { background-color: #f2f2f2; width: 100%; height: 25px; } #listing_campagnes div.top ul.btn_image li.btn_gros1 a.btn_commander span.btn-commander:hover, #listing_campagnes div.top ul.btn_image li.btn_gros2 a.btn_modifier span.btn-modifier:hover, #listing_campagnes div.top ul.btn_image li.btn_petit1 a.btn_partager span.btn-partager:hover, #listing_campagnes div.top ul.btn_image li.btn_petit2 a.btn_imprimer span.btn-imprimer:hover { background-color: #bbdefb; color: #008cba; } #listing_campagnes div.top ul.btn_image li.btn_gros1 a.btn_commander span.btn-commander { background-color: #008cba; color: #ffffff; } .alert-box { font-size: 1.5em; padding: 30px; } .flash-message { margin-top: 20px; } #commandes .commande_details { font-size: 1em; list-style-type: none; margin: 0; } #commandes .commande_details .site_livraison, #commandes .commande_details .quantite, #commandes .commande_details .recept_by, #commandes .commande_details .copy_to { font-weight: bold; } #commandes .commande_visuel { float: left; margin-bottom: 10px; margin-right: 10px; width: 580px; } #commandes .commande_visuel, #commandes .commande_infos { height: 94px; } .commande_visuel img { height: 76px; width: 460px; } .aucun_systeme { color: #999; font-size: 0.9em; font-style: italic; margin-left: 20px; } label.required:after { color: #ff0000; content: "*"; margin-left: 3px; } table.liste_contacts { width: 100%; } .liste_contacts .sites_user span, .liste_contacts .fonctions_user span { display: inline-block; } .liste_contacts .sites_user span.other { display: none; } .liste_contacts .ico-role-can-order { float: right; } .liste_contacts .ico-role-can-order.has-tip { border-bottom: none; } #page_liste_colis table, #page_mes_campagnes table, table.full_width { width: 100%; } /* #page_liste_colis table td { padding-bottom: 3px; padding-top: 3px; } */ #page_liste_colis table td input { margin: 0; } .progress-bar, .progress-bar-in, .progress-bar-out { /*background-color: #FFF; border: solid 1px #D2D2D2;*/ display: block; height: 7px; width: 100%; } .progress-bar-out { float: left; } .progress-bar-in { float: right; } .progress-bar-out { text-align: right; } .progress-bar .bar { border: solid 1px #999; display: inline-block; margin-right: 2px; height: 5px; width: 17px; } .progress-bar .bar.in { background-color: #ffffff; } .progress-bar .bar.out, .progress-bar.over .bar { background-color: red; border-color: red; } .progress-bar .bar.used { background-color: #008cba; border-color: #008cba; } .conso-progress-bar { float: right; width: 50%; } .conso-progress-bar .text-left, .conso-progress-bar .text-right { display: inline-block; font-size: 0.8em; width: 49%; } .text-left { text-align: left; } .text-right { text-align: right; } .accordion .site-name { float: left; } .top-bar.impersonate { background: linear-gradient(90deg, #181818 0%, #181818 50%, #008cba 50%, #008cba 100%); color: #fff; font-size: 0.9em; height: 60px; line-height: 20px; text-align: center; overflow: visible; } .top-bar.impersonate::before, .top-bar.impersonate::after { content: none; } .top-bar > .container { display: flex; align-items: center; justify-content: space-between; height: 100%; background: #181818; padding-right: 0; } .top-bar .top-bar-left, .top-bar .top-bar-right { display: flex; align-items: center; height: 100%; } .top-bar .top-bar-left { font-weight: 400; font-size: 16px; } .top-bar .top-bar-left > span:not(:last-child) { margin-right: 15px; } .top-bar .top-bar-left span:first-child { background: #008cba; border-radius: 8px; padding: 3px 15px; font-size: 13px; white-space: nowrap; } .top-bar .top-bar-left span:last-child { color: #9e9eb9; } fieldset.messages ul { list-style-type: none; margin-left: 0; } fieldset.messages ul > li { border: solid 1px #e4e4e4; margin-bottom: 10px; padding: 10px; } fieldset.messages ul > li > span.date_message_list, .statusColis .date { color: #999; font-size: 0.8em; } fieldset.messages ul > li > span.date_message_list { display: block; } .vcard { width: 100%; } div.mes_sites { height: 90%; overflow: auto; } div.mes_sites ul li span.solde { font-size: 12px; color: #9e9e9e; } div.mes_sites ul li span { display: block; } fieldset.field ul { list-style: none; } #textbox { display: none; position: relative; } li.textbox { display: none; position: relative; } div#view_messages { z-index: 1; background-color: #fff; border: solid 5px #008cba; padding: 10px; position: absolute; } div.viewmessage { z-index: 1; background-color: #e0e0e0; padding: 5px; position: absolute; } #form_cacher { display: none; position: relative; } td.receptionnaire ul { list-style: none; } /* fieldset, ul.vcard { -moz-box-shadow: 2px 2px 5px 0 #656565; -webkit-box-shadow: 2px 2px 5px 0 #656565; -o-box-shadow: 2px 2px 5px 0 #656565; box-shadow: 2px 2px 5px 0 #656565; filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5); }*/ div.index_menu { height: 280px; } .row > .custom-bs .columns > fieldset { margin-top: 0; } nav.top-bar.inverse { background-color: white; } nav.top-bar.inverse ul.title-area li a img { height: 40px; } section.top-bar-section.inverse ul.left li.numeros, section.top-bar-section.inverse ul.right li.has-dropdown ul.dropdown li, .inverse .top-bar-section ul li, .inverse section.top-bar-section.inverse ul.right li.has-dropdown a { background-color: white; } .top-bar-section.inverse .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background-color: #bbdefb; } section.top-bar-section.inverse ul.right li.has-dropdown a { color: black; } section.top-bar-section.inverse ul.right li.has-dropdown ul.dropdown li a { color: black; } section.top-bar-section.inverse ul.right li ul.lang-switcher-list li.lang-switcher__item a, .top-bar-section ul li.numeros > a, .top-bar-section li.numeros:not(.has-form) a:not(.button) { background-color: white; color: black; } li.numeros img { margin-top: 10px; margin-left: 30px; } .raty img { width: auto; } #zoneSendMessage, #formSendMessage { margin-bottom: 0; } #zoneSendMessage .btn { margin-bottom: 0; } .baches-reseau { z-index: 1; } .baches-reseau li { margin-bottom: 5px; } table.width_100 { height: 50px; width: 100%; } .baches-reseau .tag_name, .listing-campagnes-digitales .tag_name { background-color: #e7e7e7; font-size: 0.8em; padding: 5px 10px; } .listing-campagnes-digitales .tag_name { margin-bottom: 3px; } .baches-reseau ul.listing-campagnes li { height: 175px; margin-top: 10px; } .baches-reseau h4 a { font-size: 0.6em; } .inline-list { margin-left: 0; } .inline-list > li { margin-left: 0; } .clearer { clear: both; } div.page_intermediaire li { display: inline; margin-left: 150px; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #4fc3f7 transparent transparent transparent; border-left-style: solid; margin-right: 0.9375rem; margin-top: -4.5px; position: absolute; top: 50%; right: 0; } .historique { width: 100%; } .historique table tr td.text { float: left; } .text_tab p[class="1"] { margin-top: 0px; margin-left: 0px; } .text_tab p[class="2"] { margin-bottom: 0px; margin-left: 0px; } @-moz-document url-prefix() { fieldset { display: table-cell; } } a span.popup { margin-top: 23px; margin-left: -35px; color: #09c; background: rgba(0, 0, 0, 0.9); padding: 15px; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); transform: scale(0) rotate(-12); transition: all 0.25s; opacity: 0; } a:hover span.popup, a:focus span.popup { transform: scale(1) rotate(0); opacity: 1; } .breadcrumbs { margin-top: 5px; } #bachup_userbundle_user_fonctions, ul.liste_sites { height: 300px; overflow: auto; width: 300px; } .image_campagne img { width: 100%; } .error { color: red !important; } .mea_texte { background-color: #f2dede; border: solid 1px #ebccd1; border-radius: 3px; color: #a94442; margin-top: 15px; padding: 10px; } .mea_texte a:hover { text-decoration: underline; } .text_modifs { display: block; margin-top: 10px; } @media screen and (max-width: 640px) { ul.listing-campagnes li { width: 100%; } #listing_campagnes img.img_bache { min-height: inherit; min-width: 100%; } } ul.listing-campagnes-digitales li { height: inherit; border-bottom: solid 1px #d6d6d6; } .inline-list-flex { display: flex; } @media (max-width: 767px) { .top-bar .top-bar-left { font-size: 12px; } .top-bar .top-bar-left span:nth-child(2) { display: none; } } /*# sourceMappingURL=maps/styles.css.map */ .banner-topest { display: none; text-align: center; background-color: #FE4626; color: #FFFFFF; }