/* COULEUR */ :root { --default_font: "Trebuchet MS", Verdana, "Lucida", 'Helvetica', 'Tahoma', 'Arial', sans-serif ; --default_font_thin: "HelveticaNeueThin", "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue", "Helvetica Neue", "Segoe UI Light", 'TeXGyreHerosRegular', "Arial", sans-serif; --default_font_condensed:OswaldRegular, Helvetica, arial; --default_color_back:#fbf7f7; --monospace: "SF Mono", "SFMono-Regular", ui-monospace, consolas, liberation mono, menlo, monospace; --color-division:#000; --background-color-division: linear-gradient( #fff, #f0f0f0); --a-color-division:#B53128; --a-background-color-division:linear-gradient( #fff, #f0f0f0); --site-sticky-offset: 0px; } /* CLEAR */ html, body{height:100%; margin-top:0; font-family:var(--default_font);} body{font-size:12px;background-color:var(--default_color_back);padding: 0 10px 0 10px;} input, textarea, select{font:inherit; border:#899E9B 1px solid;} input[type="text"]:read-only{background-color:rgb(235, 235, 228); color:rgb(84, 84, 84);} legend {font-size: 1.0rem;margin-bottom: 0.125rem;} .hide{display:none;} input{cursor:auto;} input[type="image"]{border:0px;} textarea p{margin:0;} .clear{clear:both;} .left{float:left;} .right{float:right;} .center_h{text-align:center;} .block{display: block;} .bottom{display: block;position: absolute;bottom: 0px;} .text-left{text-align:left;} p{text-align:justify;} .italic{font-style:italic;} .bold, b{font-weight:bold;} img{border:none;} ul{margin:0; padding:0;} li{list-style:none;} table{border-spacing:0px;} .flex{position: relative;display: flex;gap:5px;} .flex .left{float:none;justify-self: flex-start;} .flex .right{float:none;justify-self: flex-end;} .row .left{float:none;justify-self: flex-start;text-align: left;} .row .right{float:none;justify-self: flex-end;text-align: right;} .d-none {display: none!important;} .no-margin{margin:0!important;} .flex_v{display: flex;align-items: center; flex-direction: row;justify-content: center;align-content: center; } .flex_center_v{display: flex;align-items: center; flex-direction: row;justify-content: center;align-content: center; flex-wrap: wrap;/*multi ligne */gap:5px;} .flex_center_v+.flex_center_v{padding-left: 10px;} .row.flex_center_v{gap:inherit;} .flex_center_h{display: flex; flex-direction: row;justify-content: center;} .bloc_flex{display: flex;flex-direction: row; align-items: center;gap:10px;padding: 5px 0;} .row-reverse{flex-direction: row-reverse}; /*form{position: relative;}*/ button:disabled, submit:disabled{cursor:default;} .btn-primary {color: #fff;background: #007bff;border-color: #007bff;} .btn-success {color: #fff;background: #28a745;border-color: #28a745;} .btn-danger {color: #fff;background: #dc3545;border-color: #dc3545;} .btn-danger:hover {background: #c82333;border-color: #bd2130;} .btn-success:hover {background: #218838;border-color: #1e7e34;} .btn-danger:hover {background: #c82333;border-color: #bd2130;} /* Ombre bas */ .shadow_bottom:after, .titreTableau:after, .header-copy.header-fixed:after{content: var" ";position: absolute;width: 100%;height: 15px;bottom: -15px;left: 0px;box-shadow: 0px 10px 10px -10px #222 inset;} /* Input Couleur */ input[type="color"]{padding:0;} #pageAdmin.export_admin .showMessage a:visited {color: #9b47df;} /* DESIGN DATE : background:#fff url('https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png') 97% 50% no-repeat ; */ .form_date_mini[type="date"]{width: 100px!important;} input.form_date_mini[type='date']{position:relative;font-size: 11px; text-align: left!important;} .form-control.form_date_mini[type='date']{padding: 0.375rem 0em 0.375rem 0.25rem;} /* HACK car le visuel du date de chrome BUG */ /* Attention : modif non visible dans la zone devellopeur Chrome */ .form_date_mini::-webkit-clear-button, .form_date_mini::-webkit-calendar-picker-indicator{position:absolute;} /*::-webkit-clear-button{right:1.7em;}*/ .form_date_mini::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}/*icone des flêche haute / flêche basse*/ .form_date_mini::-webkit-calendar-picker-indicator{right:0.2em; }/*icone du calendrier*/ /*::-webkit-calendar-picker-indicator{right:0; padding:.539em .34em;}*/ .form_date_mini::-webkit-datetime-edit {padding: 0em; position:relative; left:-10px; }/*bloc text*/ .form_date_mini::-webkit-datetime-edit-fields-wrapper{}/*champ text*/ /*::-webkit-datetime-edit-text { color: red; padding: 0 0.3em; }*/ /* input[type="date"]::-webkit-calendar-picker-indicator {display:inline-block;margin-top:2%;float:right;} input[type="date"]::-webkit-inner-spin-button {display:inline-block;float:right;} */ /* remove the spinner and float right: */ /* input[type="date"]::-webkit-calendar-picker-indicator{display:inline-block;margin-top:2%;float:right;} input[type="date"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} */ .form-control::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder {color: #ccc;} [type="text"], [type="email"], [type="date"], [type="password"], [type="search"], textarea, select, .form-control {background-color: #fff;} fieldset {padding: 0;border:0;} /* markdown */ /*.markdown li{list-style: square;}*/ .markdown{font-size:14px; font-family:'Helvetica', 'Tahoma', 'Arial', sans-serif; } .markdown ol, .markdown ul {padding-left: 0;margin-bottom: 16px;list-style: none;} .markdown ol {counter-reset: ordered-listitem;} .markdown li {padding-left: 32px;position: relative;line-height: 1.5;} .markdown li>p {margin: 0 0 0.5rem 0;} .markdown p {margin-bottom: 1rem;} .markdown strong {font-weight: 600;} .markdown .md-heading-num, .markdown ol>li:after {background:#ececf1;color: #353740; font-size: 12px; line-height: 24px; letter-spacing:0; font-weight: 600; text-align: center; height: 24px; width: 24px; border-radius: 12px;} .markdown ol>li:after {position: absolute; top: 0; left: 0; counter-increment: ordered-listitem; content: counter(ordered-listitem);} .markdown h2{margin: 0px 0 0.5em 0;font-size: 16px;color: #66858D;} /* Scrollbar */ /* Dans design.css ::-webkit-scrollbar {width: 7px;height: 7px; cursor:pointer;} ::-webkit-scrollbar-button {width: 0px;height: 0px; } ::-webkit-scrollbar-track {background: #f1f1f1;border: 1px solid #ffffff;border-radius: 5px;cursor:pointer; } ::-webkit-scrollbar-track:hover {background: #f1f1f1;} ::-webkit-scrollbar-track:active {background: #f1f1f1;} ::-webkit-scrollbar-thumb {background: #c1c1c1;border: 31px none #ffffff;border-radius: 5px; } ::-webkit-scrollbar-thumb:hover {background: #a8a8a8; } ::-webkit-scrollbar-thumb:active {background: #787878; } ::-webkit-scrollbar-corner {background: transparent; } */ /* Progress Bar */ .progressbar{display: none;overflow: hidden;background-color:#f7f7f7;width:100%;height:2rem;margin: 0 auto;padding: .1875rem; border-radius: .25rem; border:1px solid #a8a8a8;background-color:#f7f7f7;/* grey light*/} .progressbar .ui-progress{width:0%;/*dynamic*/height:1.5rem;line-height:1.5rem; background: linear-gradient(135deg,#99dc72 25%, #7bd250 25%,#7bd250 50%, #99dc72 50%,#99dc72 75%, #7bd250 75%); background-size: 3.125rem 3.125rem;animation: bar-animation 3s linear infinite;-webkit-animation: bar-animation 3s linear infinite; } @-webkit-keyframes bar-animation { 0% {background-position: 0 0;} 100% {background-position: 3.125rem 3.125rem;} } .progressbar .texte{font-family:var(--default_font_thin);font-size: 1.2em;position:relative;float: right;padding-right:0.75rem;color: rgba(0,0,0,0.6);text-shadow: rgba(255,255,255, 0.45) 0 1px 0px;white-space: nowrap;} .progressbar.done .ui-progress{background:#99dc72;animation:none;} /* GENERALITES */ .titre{font-size:1.0rem; font-weight:800;} h1, .titre_h1{margin:0px 0 0.5em 0 ; font-size:20px; color:#66858D;} h2{margin:10px 0 5px 0; padding:2px 0 0 0; font-size:14px; color:#FF5B2B;} h2 a{color:#972c0d; text-decoration:none;} h2 b{color:#972c0d; font-size:105%;} h3{font-size:1rem; margin:10px 0 5px 0; color:#222224;} .h1-error{clear:both; display:block; font-size:1rem; color:#b72f2f; margin:1rem 0;} .info_h3{font-weight:bold; font-size:2em; color:#007bff;} body{background:var(--default_color_back);background:var(--body-background-color);} .couleur_division { background : var(--background-color-division); color : var(--color-division);} a.couleur_division:hover{ background : var(--a-background-color-division); color : var(--a-color-division);} .couleur_division>li li { background : var(--background-color-division); color : var(--color-division);} .couleur_division>li li>a:hover{ background : var(--a-background-color-division); color : var(--a-color-division);} hr{clear:both; border-top:1px rgb(0, 0, 0.6) solid;} .hr1{width:auto; height:3px; margin:1rem auto 1rem auto; background-color:#000; border:none;} .table td, .table th{padding:.25rem .5rem .25rem .5rem;} .hr-vertical{display: flex;background-color: #ccc;width: 2px;height:auto;margin: 5px 20px;} .flex_stretch{justify-content: space-between;} ul>li:first-child>.non_first{display:none;} .vcentrage{vertical-align:middle; display:inline-block; line-height:1;}/*CENTRAGE VERTICAL TEXTE de plusieurs ligne*/ .middle{display: table-cell;vertical-align: middle;} .vertical{display:block; position:relative; transform:rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .text_vertical{writing-mode:tb-rl; transform:rotate(270deg); white-space:nowrap; display:block; bottom:0;} .transparent{filter:alpha(opacity=20); opacity:0.2; z-index:1;} .no_input, input.no_input{border:none; background-color:#F5F6F8;} .form_modif label{cursor:pointer;} .tab_catalogueLinks input[type="checkbox"], #form_produit input[type="checkbox"]{float:left;} .tab{position:relative; float:left; padding:0 5px; border-right:1px solid #fff;} .no_padding{padding:0;} /* mise en forme texte */ .asterix{color:red; display:inline; padding:0 5px 4px 5px;} .no_underline{text-decoration:none;} .contexte{color:#999999; font-size:10px;} .texte ul{margin-left:13px;} .texte li{list-style-type:square; padding-left:0px; margin-left:0px;} /* lien dans un paragraphe */ p a{text-decoration:none; color:#66858D;} p a:hover{text-decoration:underline; color:#66858D;} /* DIVERS */ .black{color:#000;} .bold{font-weight: 800;font-size: 0.8rem;} .info_bulle{position:absolute; z-index:2; border:0px solid #ccc;/*D51012;*/ background:#FFFFC7; box-shadow:1px 1px 12px #555; padding:5px 10px; min-width:300px; text-align:left; font-weight:400;} .lien_info_bulle:hover ~ .info_bulle{display:block;} .info_bulle:hover{display:block;} .filAriane{font-size:16px; font-weight:800; flex-wrap: wrap; gap: 5px} .filAriane{float:left;} .imgZoom{cursor:zoom-in;} .deplacement_h,.deplacement_v,.deplacement_hv{cursor:move;} .sortable_item{cursor:pointer;} .sortable_item .message{width:100%} .fa-05x{font-size:1.0rem;} .fa-15x{font-size:1.25rem;} .red.fa{color:#dc3545;} .ml-2{margin-left: 0.5rem;} .mb-3{margin-bottom: 0.75rem;} .mt-4{margin-top:2rem;} .mr-4{margin-right:2rem;} .pt-4{padding-top:2rem;} .mr-auto{margin-right: auto !important;} .fa-btn{position:relative; background-color: /*#e2e6ea*/#f8f9fa; border-color: #dae0e5;width: 60px;height: 43px;font-size:0!important;} .fa-btn:hover{ background-color: #d5d9de; border-color: #b3b9bd;} .fa-btn:after {position:relative;left:0px;top:0px;width:33px; height:30px;font-size:1rem; } .fa-paiement-avance:after {content:url('img/cb_icone_6.png');left:-4px;width:33px; height:30px;font-size:1rem;} .fa-paiement-schedule:after {content:url('img/payment_schedule_30.png'); width:39px; height:29px;font-size:1rem;} .fa-map-icon-off:after {content:url('img/map-icon-off.png');left:0px;width:37px; height:31px;font-size:1rem;} .fa-map-icon-on:after {content:url('img/map-icon-on.png'); width:37px; height:31px;font-size:1rem;} .icone_parametre {content:url('img/icone-parametre-2-20.png');width:20px; height:20px;font-size:0rem;cursor: pointer;} .inline{display:inline;} .bSupprimer.inline{display:inline-block;top: -15px;} #page_frais_livraison .sticky-top {z-index: 1019;} #page_frais_livraison .MultiCheckBoxDetail {z-index: 1020;} .titre_edition{margin:10px 0 5px 0; padding:2px 0 0 0; font-size:14px; color:#ff5b2b;font-weight: 400;} .edition_icone:before {position: relative;left: 0px;top: 0px;width:16px;height:16px;font-size: 1rem;padding-right:5px;} .edition_ajouter:before {content:url('img/edition_ajouter.png');} .edition_modifier:before {content:url('img/edition_modifier.png');} .edition_rechercher:before {content:url('img/edition_rechercher.png');} .liste_files{margin: 0.5rem 0;} .liste_files .file{ font-size: 14px;line-height: 1.5;} /* Page ges user */ /* .page_tableau .table-borderer>.borderer{border:0px solid #dee2e6; padding:10px 5px 5px 5px;} #bloc_modif_user .separation-base>.borderer{margin-bottom:10px; border-bottom:0px solid #bdbfc1;} #bloc_modif_user .modif_ajax:nth-child(2n+1) .table-borderer{border:none;} #bloc_modif_user .modif_ajax .table-borderer.separation-base{border-bottom:1px solid #fff;} */ .table-borderer .col{border:0px;padding:0px 2px 0px 2px;} #bloc_modif_user .info_bulle{ top:-10px;border:0px solid #000; background:#fff; box-shadow:1px 1px 12px #555; padding:5px 25px 5px 25px; width:600px; text-align:left; font-weight:400;} #bloc_modif_user.aff_list_prod .aff_prod:nth-child(odd) .info_bulle {background-color: #eff7fe;} .titreTableau button + button {margin-right:0px;} .form-control-loading{display:inline-block; width:calc(100% - 40px);} #bloc_restaure_donnee{position:absolute; width:200px; right:0; float:right;} .btn_collapse_menu .btn-light{color:#000; background-color:transparent; border-color:#000;} .inline-block, .ges_modif_delete, .ges_modif_insert, .ges_modif_update{display:inline-block;} .ges_modif_delete i, .ges_modif_insert i, .ges_modif_update i{color:#e5a498; /*957e7a 575757*/} .fa-sort-desc, fa-sort-asc{font-size:1.33333333rem; line-height:1em; vertical-align:0%;} /* Messages / Évenement formulaire */ .important{font-size:120%;font-weight:800;} .warning{color:#f0ad4e;} /*.inline_info_erreur{display: inline-block;position: relative;top: -0px;color: #cd0000;line-height: 11px;}*/ .tab_bibliotheque .alert-error{/*display: inline-block;line-height: 1.2;*/} .infoLight{color:#7E7F83; font-size:11px; font-weight:normal;} .infoLight .warning{font-size:75%; font-weight:700;} .info_message pre{font-size:14px;} .alert{text-align:center; border:1px solid transparent;margin:1rem 0; padding:0.5rem 0.75rem; } .alert a{font-weight:bold;} .alert a:hover{text-decoration:underline;} .alert-success{color:#155724;} .alert-error {color:#cd1719; } .alert-warning{color:#FECF89;} .alert-info {color:#0c5460;} .alert.alert-success{color:#155724; border-color:#008000; background-color:#d0f7d6;} .alert.alert-error{color:#4b0000; border-color:#c60000; background-color:#fbd4d4;} .alert.alert-warning{color:#000000; border-color:#ff3d00; background-color:#FECF89;} .alert.alert-info{color:#0c5460; background-color:#d1ecf1; border-color:#0d7180;} .alert.alert-normal{color:#000; background-color:#fff; border-color:#000;text-align:left;} input.success, textarea.success{border:2px #07d407 solid; background-color:#d0f7d6; color:#000;} input.error, textarea.error{border:2px #ff0000 solid; background-color:#fbd4d4; color:#000;} input.warning, textarea.warning{border:2px #ff9c00 solid; background-color:#ffeeba; color:#000;} input[type=checkbox].success, input[type=radio].success{outline:#07d407 auto 5px!important;} input[type=checkbox].error, input[type=radio].error{outline:#cd0000 auto 5px!important;} select.success, .form-control.success:focus, .MultiCheckBoxHeader.success{outline:2px #07d407 solid;} select.error, .form-control.error:focus, .MultiCheckBoxHeader.error{outline:2px #ff2222 solid;} .dd.success{border:2px #07d407 solid; outline:0;} .dd.error{border:2px #DE6A1C solid; outline:0;} input.error_vide{border:2px #ff0000 solid;} select.error_vide, .form-control.error_vide:focus{outline:2px #ff2222 solid;} .showMessage{clear:both;margin-top: 0rem;} .showMessage b{font-weight:bold; color:#71495afa;} /* select with CSS avatar icons */ option.avatar {background-repeat: no-repeat !important;padding-left: 20px;} .avatar .ui-icon {background-position: left top; } /* Compteur de caractère */ .compteur_cara{text-align: center;padding: 0px 5px;font-size:11px;font-weight: bold;} /* bouton */ /* button {margin-bottom:.125rem;} button + button{margin-left:.125rem;}*/ button:focus {outline:none;} /* le bouton est une image */ button.image{border:none; padding:0; background:transparent;} /* le bouton est du texte */ button.lien{border:none; padding:0; text-decoration:none; color:#66858d; background:transparent;} button.lien:hover{text-decoration:underline;} input[type="submit"], button, .btn{cursor:pointer; font-size:0.8rem; padding:.375rem .75rem;} .btn.btn-xs {padding:.25rem .5rem;font-size:.875rem;line-height:1.5; border-radius:.2rem; height: 32px;} input[type="submit"].bNeutre, .bNeutre{background-color:#9d9d9d; color:white;} input[type="submit"].bNeutre:hover, .bNeutre:hover{background-color:#7e7e7e; color:white;} /*input.btn{margin-top:0.5rem; margin-bottom:0.5rem;}*/ input.btn.ligne_choix{margin-top:0rem;} .btn_traduction{height:36px;} .bouton_retour{position:relative;top:-4px;background:url('img/retour.png') no-repeat 0 0px; width:28px; height:28px; margin-right:20px;} .bSupprimer, input[type="submit"].bSupprimer{position:relative;display:block ; background:url('img/supprimer2.png') no-repeat 0 0px; height:19px; width:18px; cursor:pointer;font-size:0;border:none;padding: 0;} .bSupprimer.bSupprimer_13{background-image:url('img/supprimer_13.png');height:13px; width:14px;} .bSupprimer.cancel{background-image:url('img/supprimer_12.png');height:12px; width:12px;} .bloc_selection_categorie .supprimer{position:absolute; right:4px; top:3px;} .boutonRecharger{position:relative; background:transparent url('img/bouton_recharger_22.png') no-repeat!important; padding:0!important; border:0!important; font-size:0!important; text-indent:-1000px; margin:0px 0 0px 0px; width:22px; height:22px; min-width: 22px;bottom:3px;} /*.btn_loading{width:1.5rem; height:1.5rem; padding-left:0.5rem;}*/ .imgLoading{display:none;} .imgLoading:after{content:''; display:inline-block;vertical-align: middle;width:30px;height:30px;margin-left:5px;background:url('img/loading3.gif') no-repeat transparent;background-size: 30px 30px;} button .imgLoading:after{width:1.25rem; height:1.25rem; background-size: 1.25rem 1.25rem;} #form_website_apparence .imgLoading:after{position: relative;top: 8px;margin:0;padding: 0;width: 25px;height: 25px;} /* Boutons état Nouveauté Arrivage Top Vente*/ .bloc_etats{ position: relative;display: flex;align-items: center;} .bloc_etats button{ border:2px solid #000;background: #fff;position:relative; padding: .275rem .5rem;} .bloc_etats button:hover{transform: scale(1.05);} .bloc_etats button:hover:after{content: "";position: absolute;top: 0;left: 0;height: 0;width: 100%;height: 100%;background: #7b7b7b5e;zoom:1.1;} .bloc_etats .actif{ background: #54bc3e; border:2px solid #1d6511; } .bloc_etats button+.texte{margin-right: 1.0rem;} /* .bouton_arrivage_on, .bouton_arrivage_off, .bouton_nouveaute_on, .bouton_nouveaute_off{display:inline-block; width:24px; height:24px; margin-left:10px; font-size:0;} .bouton_arrivage_on{background:transparent url('img/bouton_arrivage_on.png') no-repeat;} .bouton_arrivage_off{background:transparent url('/img/bouton_arrivage_off.png') no-repeat;} .bouton_nouveaute_on{background:transparent url('img/bouton_nouveaute_on.png') no-repeat;} .bouton_nouveaute_off{background:transparent url('img/bouton_nouveaute_off.png') no-repeat;} */ .bouton_modif_publier_off, .bouton_modif_publier_on{display:inline-block; ;} .bouton_modif_publier_on{color:#fff; background-color:#218838; border-color:#1e7e34;} .bouton_modif_publier_off{color:#fff; background-color:#dc3545; border-color:#dc3545;} .btn_info_produit{font-size: 24px; width:26px;height:24px;} .glossy-button {position: relative; width: 26px;height: 25px;overflow: hidden;margin: 0;padding:0;background: #080808;border: 1px solid #4864a9;color: #fff;font-size: 0px; font-weight: 900;text-transform:uppercase;transition: transform 0.1s, box-shadow 0.1s;} .glossy-button .texte{ position: relative;font-family: "Times New Roman";font-size: 24px;height: 100%;width: 100%;line-height: 1;display: flex;justify-content: center;align-items: center;} .glossy-button .texte::first-letter{font-size: 28px;} .glossy-button::first-letter{font-size: 28px;} .glossy-button:hover {transform: scale(1.05);} /* highlight */ .glossy-button:before {content: "";width:400%;height: 200%;display: block;position: absolute;left: -17px;top: -33px;border-radius:100%;background: #ffffff7a;} .glossy-button.actif{ background: #54bc3e; border: 1px solid #1d6511; } .boutons_modifs button{margin: 0 10px 0 5px;} .action_lien{color: #007bff;cursor:pointer;} /* animation changement d'état / Mais il n'y a pas de transition dur les pseudo-elements content */ .btn_collapse_menu{transition:all 0.5s ease;} a.btn-primary:not([href]):not([tabindex]) {color: #fff;} /* decalage vers le haut du label suivant une checkbox*/ [type="checkbox"] + label{position: relative;bottom: 2px;} /* Checkbox / radio button */ .cDesign1 [type="checkbox"], .cDesign1 [type="radio"]{display:none;/*position:absolute; left:-9999px;*/} .cDesign1 [type="checkbox"] + label, .cDesign1 [type="radio"] + label{display:block; position:relative; margin:0px 0; padding-left:25px; cursor:pointer; width: fit-content;} .cDesign1.cDesign_mini [type="checkbox"] + label{padding-left:20px; width: fit-content;} .cDesign1 [type="checkbox"] + label::before, .cDesign1 [type="checkbox"] + label::after,.cDesign1 [type="radio"] + label::before, .cDesign1 input[type="radio"] + label::after{content:''; box-sizing: content-box; position:absolute; top:2px; left:2px} .cDesign1 [type="radio"] + label::before, .cDesign1 [type="radio"] + label::after{border-radius:50%;} .cDesign1 [type="checkbox"] + label::before,.cDesign1 [type="radio"] + label::before{display:block; border:1px solid #415241;} .cDesign1 [type="checkbox"] + label::before{width:18px; height:18px;} .cDesign1 [type="checkbox"].success + label::before,.cDesign1 [type="radio"].success + label::before{outline:#00f400 auto 5px!important;} .cDesign1 [type="checkbox"].error + label::before,.cDesign1 [type="radio"].error + label::before{outline:#cd0000 auto 5px!important;} .cDesign1.cDesign_mini [type="checkbox"] + label::before{width:14px; height:14px;top:5px;} .cDesign1 [type="checkbox"] + label::after, .cDesign1 [type="radio"] + label::after{display:none;} /* rond */ .cDesign1 [type="radio"] + label::before{width:14px; height:14px;} .cDesign1 [type="radio"] + label::after{width:10px; height:10px; margin:3px; background-color:#28a745;} /* carre */ .cDesign1 [type="checkbox"] + label::after{width:20px; height:19px; background:transparent url('img/check.png') no-repeat -0px -0px!important; top:-3px;} .cDesign1.cDesign_mini [type="checkbox"] + label::after{width:13px; height:12px; background:transparent url('img/check.png') no-repeat -1px -6px!important; top:1px;} .cDesign1 [type="checkbox"]:focus + label::before, .cDesign1 [type="radio"]:focus + label::before{border-color:#000;} .cDesign1 [type="checkbox"]:checked + label::after, .cDesign1 [type="radio"]:checked + label::after{display:block;} .cDesign1 [type="checkbox"]:checked + label::after{top:3px;left:2px;} .cDesign1.cDesign_mini [type="checkbox"]:checked + label::after {top:6px;left: 2px;} .cDesign1 #choix_article_option_ajout [type="radio"] + label{padding-left:21px;} .bloc_checkbox{position: relative; margin-top: 5px;} /* TABS */ .nav-tabs .nav-link.active {border-color: #898b8d #898b8d #fff;color: #495057;background-color: transparent;} .nav-tabs .nav-link.active:hover {text-decoration: none;} .nav-tabs .nav-link:hover {text-decoration: underline;} .nav-tabs, .nav-tabs .nav-link {border-bottom: 1px solid #898b8d;font-weight: bold;color: #3879d9;font-size:16px;} /* Formulaire */ .form-control{padding: 0.375rem 0.5rem;font-size: 0.85rem;line-height: 1.5;margin-bottom: 0.5rem;} div.form-control{height: auto;} .form-group {margin-bottom: 0.5rem;} .custom-control-label{margin-top:0;} label, .label{display: inline-block;margin-top:.25rem; margin-bottom:.25rem;} label .info, .label .info{font-weight: 200; font-size: smaller;} input[type="checkbox"],input[type="radio"]{/*margin-right:5px;*/ cursor:pointer;} input[type="color"].background_color{height:34px; width:90px;} .formulaire input, .formulaire select, .formulaire textarea{margin-bottom:5px;} .formulaire label{display:block;} select.form-control:not([size]):not([multiple]) {padding:.375rem .75rem .375rem .5rem ; -webkit-padding-start: 0.25rem /* Sous webkit : le padding gauche normal rajoute 4px */; height: calc(2.00rem + 2px);} select.colored.non, select option.non {background: #f4b3b3!important;color: #000;} select.colored.lecture, select option.lecture {background: #7fbfff!important;color: #fff;} select.colored.modif, select option.modif {background: #e1fdc1!important;color: #000;} select.colored.super, select option.super {background: #85ff00!important;color: #000;} .MultiCheckBoxDetail{z-index: 3;} .adresse_statique{display:block;text-align: left;margin-top:0px;} @media (min-width: 576px){ .modal-dialog {max-width: calc(100% - 80px); margin: 1.75rem auto;} } @media (min-width: 1024px){ .modal-dialog {max-width: calc(100% - 240px); margin: 1.75rem auto;} } /* BUG */ .custom-control-label{cursor:pointer;} .custom-control-label::before, .custom-control-label::after{top:0.0rem;} /* fixed element on top */ #pageAdmin .sticky-top{top:87px;} table.fixed_table_header{position:fixed; top:32px; z-index:1020; width:auto; display:none; border:none; margin:0;} .sticky-fixed {position: fixed;} /* Correction .lightbox centrage verticale de l'image */ .lightboxOverlay{position:fixed !important; top:0; left:0; height:100% !important; width:100% !important;} .lightbox{opacity: 1;position:fixed !important; height: auto;top:50% !important; transform:translateY(-50%);} /* iframe preview */ #wrap{height:900px; padding:0; overflow:hidden;} #bloc_design_template #wrap{/*float:right; */} .iframe_preview{width:140%; height:1285px; border:0px solid black;} .iframe_preview{-ms-zoom:0.7; transform:scale(0.7); transform-origin:0 0;} /* ScrollToTop */ #scrollToTop{display:block; position:fixed; height:44px; width:42px;right:30px; bottom:40px;} #scrollToTop a{display:block; height:100%; width:100%; background:url('img/arrow_top.png') no-repeat 0px 0px transparent;padding:40px 0px 0px 0px; margin:0 auto; text-indent:-9999px; font-size:13px; line-height:13px; font-weight:bold; text-align:center;} #scrollToTop a:hover{cursor:pointer; color:#414141; text-decoration:none !important; text-indent:0px; opacity:1;} /* affiche de code */ .is_json, .is_code{ font-family:var(--monospace);} .is_code .key{color:#e62c7a;} .is_code .value{color: #008c6a;} .is_code .brace { color: #353740; } /* Couleur pour { } [ ] */ .is_code .nested { margin-left: 20px; } .sticky-top-back{background-color: var(--default_color_back);margin-bottom: 0.5rem;} .sticky-top-back hr{border-color:#a9a8a8;} /* affiche de bloc message */ #chat_container{margin-bottom: 4rem;} #chat_container hr{margin: 3rem 4rem;} .bloc_message{margin-bottom: 1rem;} #bloc_message_nouveau {position: sticky;bottom:45px;background: #fff; padding:4px 4px 4px 4px; box-shadow: 1px 12px 15px -3px #87878761, 8px 8px 6px -4px #87878761, -8px 8px 6px -4px #87878761; border:1px solid #ccc;border-radius: 8px;width: 80%;margin: 0 auto;} .message_css {align-items: stretch;background-color: rgba(0, 0, 0, 0.00);border: 0 solid black;display: flex; flex-basis: auto; flex-direction: column;flex-shrink: 0; margin: 0px;min-height: 0px;min-width: 0px;padding: 0px;width: 100%;justify-content: space-between;} .message_textarea{flex-direction: row;align-items: center; width: 100%;} .message_textarea textarea{border:0px;} .message_boutons{flex-direction: row;align-items: center;padding: 0; gap: 4px;} .message_option{justify-content: flex-start;} .message_validation{justify-content: flex-end; justify-self: flex-end;} .bloc_message textarea{ text-align: right;background: #f4f4f4;} .bloc_message .btn-icone svg{width: 1.375em;height: 1.375em;} .btn-icone{padding:0;margin:0;border:none; line-height:1;border-radius:15px!important;height: auto;} .message_entete .btn-icone:hover{background: #d7d7d7;} .message_entete .btn-icone:active{background: #bfbfbf;} .flex.message_entete{align-items: center; /*justify-content: space-between;*/} .flex.message_entete .left{flex-basis: 100%;} .btn-copy{line-height: 0;padding:.375rem;} .bloc_message .contenu.user{} .bloc_message .contenu.user textarea{width:80%; justify-self: flex-end;} .bloc_message .contenu{/*padding:3px;*/} .message_entete .right {display: flex;align-items: center;} .copy-popup {position: fixed;bottom: 60px; left: 50%; transform: translateX(-50%); background-color: #007bff; /* Bleu */ color: white; padding: 10px 20px; border-radius: 5px; font-family: Arial, sans-serif; font-size: 14px; opacity: 0; transition: opacity 0.3s ease-in-out; z-index: 1000;} .copy-popup.show { opacity: 1;} /* affiche / masque */ .afficher_masquer_click .texte{cursor:pointer;} .fermer .icone, .ouvert .icone{display:inline-block; background:transparent url('img/fleche.png') no-repeat; width:9px; height:11px;} .fermer .icone{background-position:right top;} .ouvert .icone{background-position:right -11px;} .afficher_masquer_click .texte{padding-left:5px;} .show_hide_click::before {content: "▲ Masquer ";transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease;} .show_hide_click.collapsed::before {content: "▼ Afficher ";transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease;} .show_hide_click:hover {text-decoration: none;} /* table compacte : page variables-site */ .table_compact td, .table_compact th{padding:.25rem!important; vertical-align:middle;} .table_compact thead th{vertical-align:middle; text-align:left; margin-left: auto;padding-left:1rem!important;} /* bloc upade Nom User */ .gestion_ges {width:100%;;} .gestion_ges input[type="text"]{display:inline-block; width:calc(100% - 30px);} /* ENTETE */ #entete_admin{display: flex;flex-direction: row;align-items: center;padding:5px 15px 0px 15px;position:sticky; top:0;background-color: var(--default_color_back);z-index:10} #entete_admin #header_titre{display: flex;flex-direction: row;gap:5px;align-items: center;} #entete_admin #header_titre .text{color:#6F603D; text-decoration:none; font-size:20px;} #entete_admin #titre_division{margin:0px 20px 0 auto;font-size:20px; color:#FF9300; font-weight:bold; } #entete_admin #titre_division .middle{height:52px;} #entete_admin #titre_division .petit{font-size:16px;} .updateSage{ display: inline-block; padding: 10px 0 0 20px; font-size: 12px; max-width:260px; } #entete_admin .right{float:none;justify-self: flex-end; margin-left:auto;} #entete_admin .compte{} #entete_admin:not(:has(+ #menu)) {padding-bottom: 10px;border-bottom: 1px solid #000;} @media (max-width: 1280px){ #updateSage {padding: 10px 0 0 10px;font-size: 10px;max-width: 160px; } } #entete_admin.sticky-top {top:0; background-color: var(--default_color_back)} #menu.sticky-top {top:57px; background-color: var(--default_color_back)} /* MENU */ #menu, #menu ul{padding:0;margin:0;list-style:none;line-height:20px;} #menu{font-weight:bold; font-size :12px; z-index:1022; line-height:10px;background:var(--default_color_back);width:100%;} #menu>ul{display: inline-block;margin:0 1rem;min-width:820px; width: calc(100% - 2rem);border-top:1px solid #fff;} #menu>ul.shadow_bottom:after{margin: 0 1rem;width: calc(100% - 2rem);bottom: -11px;height: 12px;} #menu .case_menu{padding:5px 5px; text-decoration :none; width :180px;display: flex;align-items: center;justify-content: center;gap:8px;} #menu .fa-stack{width:2.25em; padding:0; display:inline-block;} #menu span{cursor:default;} #menu a span{cursor:pointer;} /* .couleur_division{background :#39f; color :#fff;} a.couleur_division:hover{color:#FFFFFF; background:#0056b3;} */ #menu li{float :left; /* pour IE qui ne reconnaît pas "transparent" */ border-right :1px solid #fff; z-index:1021; position:relative;text-align: center;} /* IE ne reconnaissant pas le sélecteur ">" */ html>body #menu li{border-right:1px solid #fff ;} #menu li ul{position:absolute; width:144px; left:-999em; /* Hop, on envoie loin du champ de vision */} #menu li ul li{/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */ border-top :1px solid #fff; box-shadow: rgb(0 0 0 / 58%) 5px 5px 15px;border-right: none;} html>body #menu li ul li{border-top :1px solid #fff;} #menu li ul ul{margin :-22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */ border-left :1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */} html>body #menu li ul ul{border-left :1px solid transparent ;} #menu li:hover ul ul, #menu li.sfhover ul ul{left:-999em; /* On expédie les sous-sous-listes hors du champ de vision */} #menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{left:auto; min-height:0; /* Corrige un bug sous IE */ z-index:1021; left:0;} #progressbar .ui-progressbar-value , .progressbar .ui-progressbar-value {border: 0px solid #dddddd;background: #e9e9e9;color: #333333;font-weight: bold;} /* Correction tinyMCE 4 */ .mce-panel.success{border:4px #00a400 solid!important} .mce-panel.error{border:2px #ff0000 solid!important} .mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset{font-size:1rem;} .mce-label.mce-branding{ display: none;} .mce-statusbar .mce-path, .mce-statusbar .mce-wordcount{padding: 4px 12px 4px 8px; font-size: 11px;} .mce-statusbar .mce-path .mce-path-item, .mce-statusbar .mce-path .mce-divider{font-size: 11px;} .mce-primary button, .mce-primary button .mce-txt{ color: #fff; font-size: 14px; text-shadow: 1px 1px #333;} @font-face{font-family:tinymce;src:url('fonts/tinymce.eot');src:url('fonts/tinymce.eot?#iefix') format('embedded-opentype'),url('fonts/tinymce.woff') format('woff'),url('fonts/tinymce.ttf') format('truetype'),url('fonts/tinymce.svg#tinymce') format('svg');font-weight:400;font-style:normal} @font-face{font-family:tinymce-small;src:url('fonts/tinymce-small.eot');src:url(fonts/tinymce-small.eot?#iefix) format('embedded-opentype'),url('fonts/tinymce-small.woff') format('woff'),url('fonts/tinymce-small.ttf') format('truetype'),url('fonts/tinymce-small.svg#tinymce') format('svg');font-weight:400;font-style:normal} /*.mce-widget button i{font-family:tinymce-small;}*/ .mce-i-tablerowprops:before {content: "\e604"} .mce-i-tablecellprops:before {content: "\e605"} .mce-i-table2:before {content: "\e606"} .mce-i-tablemergecells:before {content: "\e607"} .mce-i-tableinsertcolbefore:before {content: "\e608"} .mce-i-tableinsertcolafter:before {content: "\e609"} .mce-i-tableinsertrowbefore:before {content: "\e60a"} .mce-i-tableinsertrowafter:before {content: "\e60b"} .mce-i-tablesplitcells:before {content: "\e60d"} .mce-i-tabledelete:before {content: "\e60e"} .mce-i-tableleftheader:before {content: "\e62a"} .mce-i-tabletopheader:before {content: "\e62b"} .mce-i-tabledeleterow:before {content: "\e800"} .mce-i-tabledeletecol:before {content: "\e801"} .mceEditor_compact .mce-tinymce iframe{height:50px;} /*tinymce 5*/ .tox-tinymce.success{border:4px #00a400 solid!important} .tox-tinymce.error{border:2px #ff0000 solid!important} #pageAdmin .tox .tox-mbtn {margin: 0px 0 0px 0;} #pageAdmin .tox .tox-tbtn--select{margin:0px 0 0px 0;} #pageAdmin .tox .tox-tbtn{margin:0px 0 0px 0;} .tox .tox-toolbar-overlord {border-bottom: 1px solid #ccc;} /* tinymce5 .tox .tox-tbtn { height: 24px!important; width: 28px!important;} .tox .tox-toolbar__primary { background:none; border-bottom: 1px solid #ccc!important;} .tox .tox-tbtn--select {margin: 2px 0 3px 0; padding: 0 4px; width: auto!important;} */ /* Corps / Page Admin */ #corps{margin:0px auto 0px auto; min-width:1024px; clear:both; /*border:3px solid #000;*/ min-height:100%; /*display:inline-block; *//*overflow-x:scroll; */background-color:var(--default_color_back);} #pageAdmin{clear:both;padding:10px 15px 80px 15px; width:auto; background-color:var(--default_color_back);} /* Messages header */ #bloc_messages_header{margin:0rem 0rem; width:100%; clear:both; position: relative; bottom: auto; z-index: 0} #bloc_messages_header.fixed {margin: auto; width:95%; position: fixed; bottom: 75px; z-index: 1051;/* 1051; au dessus popup*/} /* .bloc_traduction .form-control{width:95%; display:inline-block;} .bloc_traduction .btn_traduction{position:absolute; right:0; top:1rem;}*/ /* Pagination */ .pagination{display:block; margin:5px 0 5px 0; padding:0px 0 0px 0; list-style-type:none; font-size:11px; float:right;} .pagination:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} .pagination li{display:block; float:left; margin-right:5px; text-align:center;} .pagination a{color:#494949; text-decoration:none;} .page-item .page-link:hover, .page-item a:hover{text-decoration:underline;} .page-item .page-link, .page-item .page-mot{display:block; padding:2px 9px; font-size:1rem;} .page-item.active{position:relative; bottom:1px;} .page-item.active span{display:block; font-size:1rem;border:1px solid #c4c4c4; background-image:linear-gradient(#fff, #ccc); padding:2px 10px 2px 10px;} /* Upload image */ .drop-area{position: relative;width:100%;height:100%;outline:1px dashed #98b7ff;min-height: 40px; min-width: 140px;border: 1px dashed #98b7ff;border-radius: .25rem; background: #e8efff; padding: 2px; display: flex;align-items: center;flex-direction: column;justify-content: center;} .drop-area .bloc_image{position: relative;height:116px; line-height: 116px;top:0;} .drop-area .bloc_texte{position: absolute;margin: 0 auto;bottom:0px;left:0;width:100%;text-align: center;overflow: hidden;/*padding: 0 5%;*/} .drop-area .bloc_texte .texte{display: block;bottom: 0;font-size:10px;line-height:10px;} .drop-area img{max-width: 100%;max-height: 120px;} #modif_concours_collapse .drop-area img{max-width: 100%;max-height:600px;} .drop-area.drop-area-fichier img{max-height: 100px;} .drop-area a img{position: relative;}/*pour que le a recouvre le drop area*/ .drop-area input[type="file"]{position:absolute;top:0px;left:0;width: 100%;height: 100%;margin: 0!important;opacity: 0%;} .drop-area.is_dragover :not(.zoom_photo) input[type="file"]{z-index: 1;}/* pour eviter le blinding si le file est avant l'image Marche pas si suivie d'un lien a */ .drop-area.is_dragover{border:2px dashed #061d54;} .drop-area.is_dragover .image_src, .drop-area.is_dragover video{opacity: 20%;} #ajout-upload-files-form .drop-area.is_dragover{position:fixed;height: 100%;top: 0;left: 0;z-index: 1620;} .drop-area .contenu{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;} .drop-area .bSupprimer{position: absolute;right: 5px;bottom: 5px;} /* #page_diapositive .drop-area .bloc_image {height: 150px;line-height: 150px;} #page_diapositive #drop-area-photo .bloc_image {height: auto; line-height: normal;} */ #page_diapositive .drop-area .bloc_image{height: auto; line-height: normal;} #page_diapositive #drop-area-photo img {max-height: 400px;} #page_diapositive .drop-area video {max-height: 100%;max-width: 100%; min-height: 200px;} /* input plus petite pour pouvoir copier les textes */ #pageTelechargement .aff_list_prod .drop-area input[type="file"]{height:120px;} #pageMarque .aff_list_prod .drop-area {min-width:180px;} .pages_admin .drop-area img {max-width: 100%;max-height: 250px;} .pages_admin input[type="color"] {padding: 2px;width: 90px;height: 34px;} /* Page telechargement */ /*drop-area principale */ #upload-files-form .drop-area{height:80px;line-height:80px;} #upload-files-form .drop-area .center_h{position: relative;top: -3px;} /* pour corriger le centrage vertical qui n'est pas parfait '*/ #upload-files-form label{font-size: 1.2rem;vertical-align: middle;display: inline-block;line-height: 1;} #pageTelechargement .aff_list_prod .drop-area{height:160px;} #pageTelechargement .aff_list_prod .drop-area .bloc_image{height:120px;} #pageTelechargement .aff_list_prod .drop-area .bloc_texte{height:26px;line-height:11px;word-wrap: break-word;cursor:text;} #pageTelechargement .aff_list_prod .drop-area .bloc_texte label{cursor:text;} .drop-area .bloc_texte .lien{font-size: 9px;line-height:9px;word-wrap: break-word;} #pageTelechargement .drop-area.is_dragover{/*height:140px;line-height: 140px;*/background-color:#409fff /*#c5e4ff*/;color:#fff;-webkit-transition: background-color 1000ms linear;-ms-transition: background-color 1000ms linear;transition: background-color 1000ms linear;} /* Bloc historique */ .bloc_activation_historique{display:none;} .bloc_publication_historique{display:none;} /* affiche le bloc frère de bloc_activation_historique*/ button[name="modif_client_activation"]:hover ~ .bloc_activation_historique{display:block;} input[name="publier_produit"]:hover ~ .bloc_publication_historique{display:block;} /* bloc_edition */ .bloc_edition{display:inline-block; position:relative; border:1px solid #899E9B; padding:20px 10px 0 10px; margin-bottom:15px; background-color:#F5F6F8; width:100%;} .titre_bloc_edition{display:block; position:absolute; top:-12px; line-height:14px; font-size:14px; font-weight:bold; background:transparent url('img/background_edition_bloc.png') repeat-x; z-index:10; padding:5px 10px; color:#66858D;} .mini_drapeau_fr, .mini_drapeau_en{display:block; background:transparent url('img/fr.png') no-repeat; margin-left:10px; width:16px; height:16px;} .mini_drapeau_en{background-image:url('img/en.png')!important;} .tabs .bloc_edition{display:block; position:relative; padding:0 0 0 0px; margin:0px; background-color:#F5F6F8; float:none; width:auto; border:none;} .photoPicto2{width:250px;} .editionPicto{width:auto; min-width:900px;} .bloc_divisions{width:400px;} .tab_division{display:inline-block; width:80px;} .tab_division label{display:inline;} /* LISTE */ .listItem{padding:0.5rem 0;} .aff_list_prod .list_photo, .aff_list_prod .list_suppression{display:block; float:left;} #enteteListe #entete_suppression, .aff_list_prod .list_suppression{padding:2px 2px 2px 20px;} .aff_list_prod .list_photo{height:82px; text-align:center;} .aff_list_prod .aff_prod{position:relative; clear:both; min-height:25px; padding:10px 0 10px 0; background-color:var(--default_color_back);} .aff_list_prod .aff_prod .ancre{position:absolute; top:-70px; display:block;} .table-striped>tbody>tr:nth-of-type(even), .aff_list_prod .aff_prod:nth-child(odd), .tab_bibliotheque tbody>tr:nth-child(even), .bibliotheque>.listItem:nth-child(even){background-color:#eff7fe; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .table-striped>tbody>tr:nth-of-type(odd) {background-color:var(--default_color_back);} .tab_bibliotheque{position: relative;width:100%; max-width:100%;} .table thead th {vertical-align: middle;} .titreTableau{font-weight: bold;background: #cae4ff;color: #5C110F;border-bottom: 1px solid #0078D7;border-top: 1px solid #0078D7;font-weight: bold;} .titreTableau th, .tab_bibliotheque thead th{ font-weight:bold; background:#cae4ff; color:#5C110F; border-bottom:1px solid #0078D7; border-top:1px solid #0078D7; font-weight:bold;font-size: 12px;text-align: center;} .tab_bibliotheque .titreTableau{padding-top: 0px;min-height:24px;;z-index: 21} .tab_bibliotheque .titreTableau:after { position: relative;} .tab_bibliotheque.table th, .table .titreTableau th{border-top:1px solid #0078D7; border-bottom:1px solid #0078D7;} /*.tab_bibliotheque th{min-height:18px; border-right:1px solid #fff; border-bottom:0px ;line-height: 22px;padding: 2px 4px 0 4px;}*/ .tab_bibliotheque th{min-height:18px; border-right:1px solid #fff; border-bottom:0px ;padding:2px 4px 0 4px;text-align: center;} th.multi_line, .titreTableau th.multi_line, .tab_bibliotheque th.multi_line{min-height:16px; line-height:16px;} .tab_bibliotheque tr td{position:relative; /*overflow: hidden;*/} .tab_bibliotheque tbody td:not(.bloc_info_bulle){text-align:center;overflow: hidden;text-overflow:ellipsis;} .tab_bibliotheque tbody td.bloc_info_bulle{ overflow: visible;} .tab_bibliotheque tfoot td{text-align:right;} .tab_bibliotheque.table td{border-top:none; border-bottom:1px solid #fff;} .tab_bibliotheque select.form-control:not([size]):not([multiple]){height:calc(1.75rem + 2px);max-width: calc(100% - 4px);margin-left: 2px;} .tab_bibliotheque .form-control{line-height:1.2;} .tab_bibliotheque select.form-control{padding:0 0.25rem; font-size:11px;} table.tab_bibliotheque a{text-decoration:none; color:#66858d;} table.tab_bibliotheque a.ref{width:calc(100% - 30px); float:left;} table.tab_bibliotheque a:hover{text-decoration:underline; color:#66858d;} .tab_bibliotheque .ancre{position:absolute; top:-70px; display:block;} table.tab_bibliotheque .alert-error a{color:#b72f2f;} .tab_bibliotheque .commentaire{float:right; width:30px; position:relative;} .tab_bibliotheque .livCommande{display: flex; align-items: center; justify-content: flex-start; align-content: center; flex-direction: row; flex-wrap: wrap; gap: 5px} .tab_bibliotheque .livCommande .fa, .tab_bibliotheque .livCommande .pdfhref{ position: relative; color: black} .cp-cb{color:#b72f2f;font-weight: bold;} .titreTableau{position: relative;table-layout:fixed; padding-top: 3px;min-height:28px;margin-bottom:10px;} /*.titreTableau.fixedHeader{position: relative;}*/ .titreTableau.sticky-top { position: -webkit-sticky; position: sticky;} /*.titreTableau.fixedHeader{ position: initial;}*/ .titreTableau .vertical{margin-top:0px;} .titreTableau tr{min-height:24px;} .titreTableau td, .titreTableau th{line-height:14px; vertical-align:middle; font-weight:bold; text-align:center; margin:0;} .titreTableau tr th:first-child{line-height: 24px;} .titreTableau.multi_tr tr th:first-child{line-height:16px;} .titreTableau #entete_photo, .titreTableau .entete_division, .titreTableau #entete_suppression,.titreTableau #entete_photo, .aff_list_prod .list_photo{width:120px;} #pageMarque .titreTableau #entete_photo, #pageMarque .aff_list_prod .list_photo{width:200px;} #bloc_caras_articles .tab_bibliotheque .designation{width:250px;} .titreTableau .infoLight{color:#595757;} .titreTableau button,[type=submit].icone_tri{background:#ffffff8c; border:0; vertical-align:middle; display:inline-block; line-height:1; text-align:center; padding:0.25rem 0.375rem; color:#b1b1b1;} .titreTableau button.actif, [type=submit].icone_tri.actif{color:#000;} .titreTableau button:hover, [type=submit].icone_tri:hover{color:#000;} /*survol icone tri*/ .icone_tri .fa-caret-up::before, .fa-caret-up:before {content: "\f0d8";} .icone_tri .fa-caret-down::before, .fa-caret-down:before {content: "\f0d7";} .tab_variables_site .nom{min-width: 150px} .tab_variables_site .type{min-width: 60px} .tab_variables_site .valeur_defautt{min-width: 90px} .tab_variables_site .description{min-width: 200px} #nomDuFichier{width:535px;} #tailleDuFichier{width:250px;} select.categorie_client{min-width:90px;} #page_mails .line{margin-top:0.125rem; margin-bottom:0.125rem;} .text_before_picto{top:-3px;position:relative;} /* Page login */ #login-page{max-width:466px; position:relative; margin:auto; padding-top:20px; text-align:left;} @media (min-width:768px){ #login-page{padding-top:120px;} } #login-page #header{height:50px; padding:0px 20px;} #login-page #header .logo{line-height: 50px; display: flex;flex-direction: row;gap:10px;align-items: center; color:#000; text-transform :uppercase;} #login-page #header .logo img{height:38px;} #login-page #content{padding:20px; background:#fff;} /* ajustement */ .row.flex_center_v .btn-txt{display: flex;gap:5px;} .row .btn-txt{padding: 0;} /* Page website */ #bloc_design_template{margin-bottom:15px;} #bloc_template input[type=color]{width:100px;padding: 0px;} #bloc_logo_img img{max-width:380px;max-height: 100px;} .bloc_website_background img{max-width:100px;outline: 1px solid #ccc;} #bloc_photo_background_img img{max-width:380px;} #picto_modif .bloc_picto{display:block;height:40px; line-height: 40px;} #picto_modif .bloc_picto label{width:100px;line-height: 11px;} #picto_modif .bloc_picto input{margin:7px 0px; line-height: 20px;} #picto_modif .bloc_picto .picto{width:60px;margin:0 20px;} #picto_modif .bloc_picto .nom{} #picto_modif .bloc_picto .vcentrage{display:inline-block;/*display: block;float: left;*/} /* Page marque */ .modal_popup .close {position: absolute;display: block;outline-style: none;margin: 0;padding: 0;text-decoration: none;cursor: pointer;top: 10px;right: 15px;width: 20px;height: 22px;font-size: 1.25rem;line-height: 1;color: #626262;} #pageMarque .bloc_edition{padding:5px 10px 10px 10px;} #pageMarque .mini_drapeau_fr, .mini_drapeau_en{position:relative; top:3px;} .bloc_pays_allocate span{float:left;} .bloc_pays_allocate .supprimer{margin:0 0 0 5px;} #pageMarque .aff_prod .image_src {/*width:100%;*/max-width:170px;max-height:125px;} /* Marque Liste clients */ .bloc_clients{position: relative;} .bloc_clients .form-group{display:flex; flex-direction: row;align-items: center;gap: 5px;margin-bottom: 0.0rem;} .bloc_clients .compte_client_cible {width: 100%;min-width: 100px;height: 30px;background: #fff;font-size: 12px;padding: 4px 5px;width:calc(100% - 0px); margin-bottom: 0.0rem;} .bloc_clients .recherche_client_cible{font-size:12px;line-height: 1.5;} .bloc_clients .select_client{font-size: 13px;line-height:2;} .bloc_clients .select_client{display:flex; flex-direction: row;align-items:center;gap: 5px; font-size:10px;} .client_cible_result {display: none;position: absolute;left: 0;top:63px;width: 100%;min-width: 180px;max-height: calc(100vh - 12rem);margin: 0px;overflow: hidden;overflow-y: auto;border: 1px solid #ececec;background-color: #fff;box-shadow: 0 2px 2px 0 #00000047;line-height: 1.25;font-size: 10px;color:#000;cursor:pointer; /* padding: 0.375rem 0.75rem; */ padding: 0; } .client_cible_result.show {display: block;z-index: 4;} .client_cible_result_liste{ padding: 0.375rem 0.75rem; ;} @media (max-width:767px){ #page_compte .bloc_clients {flex-wrap: wrap;} } /* Pages emails clients */ .tab_bibliotheque .info_date{width:200px;} .tab_bibliotheque .info_nom{width:200px;} .tab_bibliotheque .info_message{max-width:900px; white-space :pre-wrap;} .tab_bibliotheque .info_message pre{max-width:900px; white-space :pre-wrap;} /* Page caras */ #tri_caracteristiques .bloc_tri_caracteristique{display:block;} #triCaracteristique{cursor:pointer;} .bloc_caracteristique_valeur{padding-left:15px; padding-right:15px;} .bloc_caracteristique_valeur .ligne_choix{height:20px;} #liste_caracteristiques table{margin-bottom:0rem;} #liste_caracteristiques .table td, .table th{padding-bottom:0.2rem;} #liste_caracteristiques .titre {font-size: 1.0rem;font-weight: 400;} .bloc_caracteristique:nth-child(2n+1){background-color:var(--default_color_back);border-bottom: 1px solid #fff;} .bloc_caracteristique:nth-child(2n+1) .bloc_ajout_valeur{background-color:/*#e4dddd;*/#efe4e4} .bloc_caracteristique:nth-child(2n+1) .bloc_caracteristiques_valeur{background-color:#efe4e4;} .bloc_caracteristique:nth-child(2n+2){background-color:#eff7fe;border-bottom: 1px solid #fff;} .bloc_caracteristique:nth-child(2n+2) .bloc_ajout_valeur{background-color:/*#dae5ef;*/#dbebf9;} .bloc_caracteristique:nth-child(2n+2) .bloc_caracteristiques_valeur{background-color:#dbebf9;} #liste_caracteristiques .showMessage{width: 100%;} /* Page CLIENTS */ td.numeroClient{max-width:40px;} .societeClient{width:100px;} #dateInscription{width:80px;} #etatClient{width:54px;} /* Page CLIENT */ #bloc_modif_client .info_bulle{min-width:400px; width:auto;} /* MODIF ADRESSE */ #bloc_modif_coordonee .form-group, #show_nouvelle_adresse .form-group{margin-bottom:0.25rem;} #bloc_modif_coordonee label, #show_nouvelle_adresse label{margin-bottom:0rem;} #select_modif_coordonnee{width:calc(100% - 49px);} /* Pages DIAPOS */ #page_diapositive{clear:both; margin:0 10px;} .bloc_diapo_tri{margin-bottom:10px; height:100px;} .bloc_diapo_tri .media{display:block; max-width:300px; max-height:100px; margin-right:40px;float:left;} .bloc_diapo_tri .lien_modif{display:block;} .bloc_diapo_tri>div{display:flex; gap: 10px; align-items: center;} /* MENU pour la SELECTION DES CATEGORIES */ #page_categorie .listesDivisions,#page_categorie .listesDivisions .bloc_selection_categorie .niveau1{width:250px;} #page_categorie .listesDivisions .bloc_selection_categorie .niveau2,#page_categorie .listesDivisions .bloc_selection_categorie .niveau3{width:220px;} .choixCategoriesProduit{position:relative; display:block; width:100%; font-size:11px;} .choixCategoriesProduit .div_categories {position:relative; margin:5px 0 5px 0; } .aff_prod .choixCategoriesProduit .div_categories, #pageProduit .choixCategoriesProduit .div_categories {padding-left:1px; border: 1px solid #555;} #page_categorie .choixCategoriesProduit{width:100%;} .div_categories{font-size:11px;font-size: 10.5px;} .non_actif .choixCategoriesProduit .div_categories{color:#888;} .aff_prod .non_actif .choixCategoriesProduit .div_categories, #pageProduit .non_actif .choixCategoriesProduit .div_categories{ border: 1px solid #888;} .bloc_division .lien_site{line-height: 11px;display: flex; align-items: center;} .bloc_division .lien_site .texte{position: relative;margin-left:5px;display: inline-block;} #rechercheProduitsCat .listesDivisions{position:relative; margin-bottom:10px;} .aff_list_prod .categorieProduit{position:relative;} .categorieProduit .bloc_division{display:block; float:left;width:125px;/*min-height:130px;*/margin-bottom:24px;margin-right:4px; position:relative;} #listesDivisionsRecherche .categorieProduit .bloc_division{width:120px;} .aff_list_prod .categorieProduit>.airsoft, .aff_list_prod .categorieProduit>.paintball, .aff_list_prod .categorieProduit>.loisir, .aff_list_prod .categorieProduit>.airgun{margin-right:1px;} #pageProduit .categorieProduit .bloc_division, #page_categorie .categorieProduit .bloc_division{width:150px; } .categorieProduit .bloc_division .text{padding-right: 5px; } #rechercheProduitsCat .choixCategoriesProduit, #rechercheProduitsCat .categorieProduit .bloc_division{width:130px;} .bloc_selection_categorie li span{display:block; font-size:11px; width:100%; padding:3px 1px;} .listesDivisions .bloc_selection_categorie{position:relative; display:block;cursor: pointer;} .listesDivisions .bloc_selection_categorie .niveau0{display:block; position:relative; padding:4px 3px 5px 8px; z-index:1; border-bottom:1px solid #5f5858; border-top:1px solid #5f5858; text-align:left; background-color:#d9dde8;} .listesDivisions .bloc_selection_categorie .ea{background-color:#689413;} .listesDivisions .bloc_selection_categorie .armsco{background-color:#4571f6;} .listesDivisions .bloc_selection_categorie .sa{background-color:#EEE701; background-color:#ce2731;background:#e30613;color: #FFFFFF;} .listesDivisions .bloc_selection_categorie .simac{background-color:#D7B754;} .listesDivisions .bloc_selection_categorie .lt{background-color: #e14e11;color: #fff;} /* visuel de non selection des menus (sans fond et curseur normal) */ #listProduitCategorie .listesDivisions .bloc_selection_categorie{cursor:default;} #listProduitCategorie .listesDivisions .bloc_selection_categorie .niveau0{background:none;} .listesDivisions .bloc_selection_categorie ul{display:none;} .listesDivisions .bloc_selection_categorie:hover .niveau1{display:block;} .listesDivisions .bloc_selection_categorie ul, .bloc_selection_categorie li{position:relative; padding:0; margin:0;} .listesDivisions .bloc_selection_categorie li{list-style-type:none;} .listesDivisions .bloc_selection_categorie .niveau1, .listesDivisions .bloc_selection_categorie .niveau2, .listesDivisions .bloc_selection_categorie .niveau3, .listesDivisions .bloc_selection_categorie .niveau4{ min-width:220px; padding:10px; z-index:1021; background-color:#fff; border:1px solid #9d9c67;box-shadow: rgb(0 0 0 / 58%) 1px 1px 8px;} .listesDivisions .bloc_selection_categorie .niveau1{background-color:rgb(255, 255, 255); height:auto;} .listesDivisions .bloc_selection_categorie .niveau1{position:absolute;} .listesDivisions .bloc_selection_categorie .niveau2, .listesDivisions .bloc_selection_categorie .niveau3, .listesDivisions .bloc_selection_categorie .niveau4{position:absolute; left:100px; top:-10px;} .listesDivisions .bloc_selection_categorie .niveau1 li, .listesDivisions .bloc_selection_categorie .niveau2 li, .listesDivisions .bloc_selection_categorie .niveau3 li{min-width:210px;} .listesDivisions .bloc_selection_categorie .niveau0:hover{font-weight:normal;} .listesDivisions .bloc_selection_categorie li:hover>span{text-decoration:underline;} .listesDivisions .bloc_selection_categorie span:hover, .listesDivisions .bloc_selection_categorie span span:hover{text-decoration:underline;} .listesDivisions .bloc_selection_categorie .actif>.titre{font-weight:bold; color:red;} .listesDivisions .bloc_selection_categorie li, .listesDivisions .bloc_selection_categorie .niveau2{} /* affichage niveau 2 si survol niveau 1 */ .listesDivisions .bloc_selection_categorie li:hover .niveau2{display:block;} /*.listesDivisions .bloc_selection_categorie .niveau2:active{display:block;}*/ .listesDivisions .bloc_selection_categorie .niveau2 a{position:relative; width:100%; text-align:left; color:#171611; font-size:11px; } .listesDivisions .bloc_selection_categorie .niveau2>li a:hover, .listesDivisions .bloc_selection_categorie .niveau2 .actif a{color:#000!important;} .listesDivisions .bloc_selection_categorie .niveau2>li a:hover, .listesDivisions .bloc_selection_categorie .niveau2 .actif> a{font-weight:bold; color:#000;} .listesDivisions .bloc_selection_categorie .niveau2 li:hover .niveau3{display:block!important;} /* affichage niveau 3 si survol niveau 2 */ .listesDivisions .bloc_selection_categorie .niveau2 li:hover .niveau3{display:block!important;} .listesDivisions .bloc_selection_categorie .niveau3 a{position:relative; width:100%; text-align:left; color:#171611; font-size:11px; } .listesDivisions .bloc_selection_categorie .niveau3>li a:hover, .listesDivisions .bloc_selection_categorie .niveau3 .actif a{color:#000!important;} /* affichage niveau 4 si survol niveau 3 */ .listesDivisions .bloc_selection_categorie .niveau3 li:hover .niveau4{display:block!important;} .listesDivisions .bloc_selection_categorie .niveau4 a{position:relative; width:100%; text-align:left; color:#171611; font-size:11px; } .listesDivisions .bloc_selection_categorie .niveau4>li a:hover, .listesDivisions .bloc_selection_categorie .niveau4 .actif a{color:#000!important;} #listesDivisionsRecherche .bloc_selection_categorie{margin:0px 0 0 0;} #listesDivisionsRecherche .select{font-weight:bold;} .fleche_bas{position:absolute; background:url('img/fleche_bas.png') no-repeat 0 -8px; height:8px; width:11px; right:30px; top:10px;} .bloc_selection_categorie .fleche_bas{left:6px; top:8px;} #listProduitCategorie .bloc_selection_categorie .fleche_bas{background:none;} .bloc_selection_categorie .division_courant{position:relative; left:13px; text-transform:capitalize;} .choixCategoriesProduit .bSupprimer, .choixCategoriesProduit input[type="submit"].bSupprimer{position:absolute; right:0px; top:0px;} .bloc_division .bloc_selection_categorie{cursor:pointer!important; width:100%;} .bloc_division .bloc_selection_categorie .niveau2, #listesDivisionsRecherche .bloc_selection_categorie{cursor:pointer!important;} #listesDivisionsRecherche .airsoft , #listesDivisionsRecherche .paintball , #listesDivisionsRecherche .airgun{margin-right:2px;} .selection_niveau_categorie{cursor:pointer;} .actif>.selection_niveau_categorie{color:red;} .bloc_selection_categorie .non_publier{color:#aaa;} .listesDivisions .bloc_selection_categorie .non_publier .actif>.titre, .listesDivisions .bloc_selection_categorie .non_publier.actif>.titre{color:#c66f6f;} #bloc_menu_categorie_cara.bloc_division {width:300px;} #bloc_menu_categorie_cara.bloc_division.width_all {width:100%;} .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all ul.niveau1{display:none; position: absolute;min-width: inherit;width: 100%;} .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all ul.niveau2{display:block;position:relative; left:0; top:0;min-width: inherit;border:0px;} .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all ul.niveau3{display:block;position:relative; left:0; top:0;min-width: inherit;border:0px;} .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all ul.niveau4{display:block;position:relative; left:0; top:0;min-width: inherit;border:0px;} .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all ul.niveau1 li>span{font-size: 15px;line-height:15.5px;font-weight:600; } .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all ul.niveau2 li>span{font-size: 12px;line-height:12.5px;font-weight:400;} .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all ul.niveau3 li>span{font-size: 11px;line-height:11px;font-weight:200;} .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all ul.niveau4 li>span{font-size: 9px;} .listesDivisions .bloc_selection_categorie:hover #articles_caras_menu_categories.width_all ul.niveau1{display:flex;} .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all ul, .bloc_selection_categorie #articles_caras_menu_categories.width_all li{position:relative; padding:0; margin:0;} .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all .niveau1, .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all .niveau2, .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all .niveau3, .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all .niveau4{ min-width:220px; padding:10px; z-index:1021; background-color:#fff; border:1px solid #9d9c67;} .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all .niveau1{background-color:rgb(255, 255, 255); height:auto;} .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all ul.niveau2, .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all ul.niveau3, .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all ul.niveau4{ display:block;position:relative; left:0; top:0;} .listesDivisions .bloc_selection_categorie #articles_caras_menu_categories.width_all .niveau1 li, .listesDivisions .bloc_selection_categorie .niveau2 li, .listesDivisions .bloc_selection_categorie .niveau3 li{ min-width:inherit;} .tab_tri .fa {font-size: 1.25rem;margin-right: 5px;float: right;} /* Pages Catégorie */ #page_categorie .listesDivisions, #form_edition_categorie .listesDivisions{display:block;float:left;position:relative;} #form_edition_categorie .ajout_categorie{cursor:pointer;/*text-decoration:none;*/} /*#form_edition_categorie .actif .ajout_categorie{color:red;}*/ #categorie_ajout_tri .niveau2, #categorie_tri .niveau2{left:180px; top:-10px;} #categorie_ajout_tri .niveau3, #categorie_tri .niveau3{left:150px; top:-10px;} #bloc_categorie_tri li:after /*, #categorie_ajout_tri li .ajout_categorie:after*/{content:"↕";display: block;position: absolute;top: 0px;right: 5px;height: 20px;width: 10px;font-size: 12px;} #bloc_categorie_tri .niveau1>li:after{right: -5px;} .titreTableau .tab {} #page_categorie .btn_collapse_menu {padding: 5px 0;} #page_categorie .tab_nom {width:calc(100% - 790px)} #page_categorie .tab_photo {width: 175px;} #page_categorie .tab_publication {width: 120px;} #page_categorie .tab_caras {width: 165px;} #page_categorie .tab_categories {width: 170px;} #page_categorie .tab_modification {width: 110px;} #page_categorie .tab_supprimer {width: 50px;} #page_categorie .tab_caras .bloc_link_caracteristique{position:relative; display: flex} #page_categorie .tab_caras .bloc_link_caracteristique .texte{display:inline; line-height: 12px;} #page_categorie .tab_caras .bloc_link_caracteristique .supprimer {display: inline; margin-left:6px;} #page_categorie .tab_caras .bloc_link_caracteristique .bSupprimer { } #page_categorie .tab_caras .bloc_link_caracteristique.majeure{background-color: #9a72fa70} /*#fa8072c2*/ #page_categorie .tab_caras .bloc_link_caracteristique .cara_majeure {display: inline; margin-left: 6px} .bMajeure{position:relative;display:block ; background:url('img/crown.png') no-repeat 0 0px; height:14px; width:14px; cursor:pointer;font-size:0;border:none;padding: 0;} #page_categorie .image_src{max-width:95%; max-height:100px;} .row_categorie .col-md-6 .btn_traduction { top: 0;} #page_categorie .collapse_menu {padding-left: 20px;} #page_categorie .bloc_photo{position: relative;margin-bottom:5px;} #liste_categories{min-width:1200px;background-color:var(--default_color_back);} #page_categorie .titreTableau.row>div{border-color:transparent;} #page_categorie .titreTableau{min-height:34px; line-height:25px; font-size:12px;} #page_categorie #categorie_ajout{position:relative; display:block; clear:both;} #page_categorie #form_edition_categorie .listesDivisions{width:250px;} #page_categorie .titre>div{font-weight:bold;} .row_categorie{border-bottom:1px solid #fff; padding:10px 0px 5px 0px;} .table>.row_categorie.impair{background-color:var(--default_color_back);} .table>.row_categorie.impair + .collapse >.row_categorie{background-color:#efe4e4;} .table>.row_categorie.impair + .collapse>.collapse>.row_categorie{background-color:#D9D2D2;}/*b0a4a473*/ .table>.row_categorie.impair + .collapse>.collapse>.collapse>.row_categorie{background-color:#c3bbbb;}/*b0a4a473*/ .table>.row_categorie.pair{background-color:#eff7fe;} .table>.row_categorie.pair + .collapse>.row_categorie{background-color:#d9e0e6;} .table>.row_categorie.pair + .collapse>.collapse>.row_categorie{background-color:#b5c0c9;} .table>.row_categorie.pair + .collapse>.collapse>.collapse>.row_categorie{background-color:#9ca6af;} .collapse_edition_caras {display:block; cursor: pointer;font-size: 0.8rem;padding: .375rem .0rem;} .collapse_edition_caras:hover{/*text-decoration:underline;*/font-weight: 600;} .bloc_link_caracteristique.non_publier{cursor:pointer;color:#cd1719} /*.bloc_link_caracteristique.non_publier:hover{color:#0f69ff}*/ /* Pages admin (landing page) */ #pageAdmin #accroche-pages_trad-fr_ifr, #pageAdmin #accroche-pages_trad-en_ifr{height:80px!important;} #bloc_add_page_types{display: flex;gap: 10px;} .bloc_add_page_type{display:flex;align-items: center;gap:5px;margin-right: 10px;} .bloc_add_page_type input[type="radio"]+label{display:flex;align-items: center;gap:5px;} .bloc_add_page_type image{display:block;width:100%;text-align:center;} .bloc_add_page_type img{height:60px;} .pages_admin .bloc_paragraphe{margin-bottom:80px;} .pages_admin .bloc_paragraphe .supprimer_paragraphe{top:6px;} .pages_admin .bloc_paragraphe .photo_type img{height:75px;} /*--------------- LOADING ------------------------------------------*/ /* Start by setting display:none to make this hidden. Then we position it in relation to the viewport window with position:fixed. Width, height, top and left speak for themselves. Background we set to 80% white with our animation centered, and no-repeating */ #page_loading{display:block;position:fixed;z-index:1061;top:0;left:0;height:100%;width:100%;background:rgba( 255, 255, 255, .8 ) url('img/loading3.gif') 50% 50% no-repeat;} /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */ body.loading #page_loading{overflow: hidden; } /* Anytime the body has the loading class, our modal element will be visible */ body.loading #page_loading{display: block;} /*--------------- RECHERCHE RAPIDE ------------------------------------------*/ .conteneur{position:relative;} /* Menu recherche automtique ajax */ #bloc_quicksearch_result{display:block;z-index:1021;width:100%;margin:0;border:1px solid #000;position:absolute;left:209px;top:27px;width:400px;} #bloc_quicksearch_result .product_img{display:inline;position:relative;float:left;width:100px;height:50px;line-height:50px;text-align:center;} #bloc_quicksearch_result .product_img img{width:auto;height:auto;max-width:90px;max-height:50px;} #bloc_quicksearch_result .product_text{display:inline;position:relative;color:#000;} #bloc_quicksearch_result .product_text strong{font-weight:800;} #bloc_quicksearch_result .infoLight strong{font-weight:800;color: black;} #shadow_page_quicksearch{display:block;z-index:1040;opacity:0.6;position:fixed;inset:0px;background-color:rgb(255, 255, 255);} #bloc_quicksearch_result, #shadow_page_quicksearch{display:none;} #bloc_quicksearch_result .contenu{max-height:500px;overflow-y:auto;padding:5px;text-align:left;border:1px solid #ccc;background-color:#fff;background-clip:padding-box;} .bloc_link_all_search{text-align:center;font-weight:600;font-size:18px;border:1px solid #000;margin-top: 3px;} .bloc_link_all_search .btn-success{ display: block;width: 100%; } #quicksearch_loading img{width:40px;height:40px;margin:10px auto;} @media (max-width:479px){ /*#bloc_quicksearch_result{position:fixed;left:0px;top:42px;width: calc(100% - 2px);}*/ } /** Barre de Progression */ .progress-container {width:100%;height: 15px;background-color: #e0e0e0;border-radius: 7px;overflow: hidden;display:none;} .progress-bar {width: 0%;height: 100%;background-color: #4caf50;/*transition: width 25s linear;*/} /******************** Page LISTING PRODUITS *****************************************************************/ .bloc_id_marque{height:61px;width:240px;} .bloc_id_marque .ms-dd .ms-dd-option-image, .msdropdown.bloc_id_marque .ms-dd .ms-dd-selected-img {max-width: 120px;} .listes_recherche{margin-bottom:5px;} .listes_recherche>.ligne_choix{margin:10px 10px 0px 0;} .listes_recherche .listesDivisions .ligne_choix{margin:0px 10px 0px 0; width:130px;} .listes_recherche select{width:200px; overflow-y:scroll; max-height:400px;} #dynamic-select_select_id_marque{min-width: 250px;} /* TABLEAU PRODUITS */ #listeProduitsTableau{min-width:1650px; background:var(--default_color_back);} #listeProduitsTableau .tab_editionProduit{width:38px; position:relative;} #listeProduitsTableau .tab_photoProduit{width:320px; position:relative; text-align:center;} #listeProduitsTableau .tab_rnp_form{width:360px; position:relative; text-align:left;padding-right: 5px;} #listeProduitsTableau .tab_catalogueLinks{width:120px; position:relative;} #listeProduitsTableau .tab_nomProduit{width:265px; position:relative;} #listeProduitsTableau .tab_categoriesProduit{ position:relative;max-width: 420px;} #listeProduitsTableau .tab_nomArticle{width:340px; position:relative;} #listeProduitsTableau .tab_nomProduit .article{clear: both;height:20px; line-height: 14px;} .tab_editionProduit a{color:#000;} .aff_prod .tab:last-of-type, .infosAdminProduit{border-right:0px;}/*last-of-type ne fonctionne pas sur des class*/ .bloc_produit_bloque{margin-top: 10px;} .aff_list_prod .tab_photoProduit li {display:inline-block; padding:0; margin:0 1px 0 1px;} .aff_list_prod .tab_photoProduit li .drop-area{display:table-cell; vertical-align:middle;text-align: center;width:100px;min-width:100px; height:60px;margin:0px;} .aff_list_prod .tab_photoProduit li:first-child .drop-area{width:310px; height:140px; } .aff_list_prod .tab_photoProduit .drop-area-image{background: #ffffff;} .aff_list_prod .triPhotos img{display:block; margin:0 auto;max-width:98px; max-height:57px;} .aff_list_prod .tab_photoProduit li:first-child img{max-width:300px; max-height:130px; margin:auto;} .aff_list_prod .triPhotos img{max-width:95px; max-height:50px; /*position:relative;*/ bottom:1px; padding:0px; margin-top:0; margin-bottom:0;} .tab_photoProduit{padding:0;} .aff_prod .titre_cat{color:#2e6e9e; font-size:20px; font-weight:bold;} .aff_prod .titre_cat{position: relative;top: -4px;line-height: 24px; text-align: center;} .aff_prod .bloc_etats .fa-exclamation-triangle {position: relative;margin-left: 5px; font-size: 1.0rem;} .tab_PictosProduit{width:270px;} .tab_PictosProduit .bloc_picto_ajout{width:210px;margin-bottom:5px;} .tab_PictosProduit .bloc_picto{width:68px;height:40px;} .tab_PictosProduit .picto{max-width:40px;max-height:40px;bottom: 1px;padding: 0px;margin: 0 0 0 0;} .tab_PictosProduit .ligne_choix {margin-right:5px;margin-bottom: 5px;} /* TRI PlaceHolder */ .placeHolder, .placeholder{background-color:#fff7edcc !important; border:dashed 1px gray !important;} .aff_list_prod .tab_photoProduit li.placeHolder, .aff_list_prod .tab_photoProduit li.placeholder{width:100px!important;min-width:100px; height:60px!important;margin:0px;} .aff_list_prod .tab_photoProduit li:first-child.placeHolder, .aff_list_prod .tab_photoProduit li:first-child.placeholder{width:310px!important; height:140px!important; } #triMarques .ui-state-highlight{height:160px;} #liste_caracteristiques .ui-state-highlight{height:80px; line-height:1.2em;} /*.triProduits .tab_editionProduit img{margin-bottom:15px;}*/ /*.triProduits .triPhotos .imgZoom{cursor:pointer;}*/ /*#page_tri_produit .triProduits li {width:122px; height:100px;}*/ /*#page_tri_produit .triProduits .filAriane:after{float:none;}*/ /*#page_tri_produit .triProduits .triPhotos .placeHolder{width:77px; height:50px;}*/ /* #photos_produit .triPhotos .placeHolder{width: 204px!important;height: 204px!important;}*/ #page_tri_produit .filAriane{float:none;} #page_tri_produit .bloc_tri {width:124px; height:122px;padding:2px 1px;margin:2px 1px;} #page_tri_produit .bloc_tri .texte{padding-left:2px;font-size: 11px;line-height: 11px;height: 11px;overflow:hidden; } .triProduits{position:relative;/*clear: both;*/} .triProduits:after{ clear: both;content: '';display: block;} .bloc_tri{position:relative; float: left;display: block;/*border: 1px solid transparent;*/} /*.bloc_tri.placeHolder {box-sizing:content-box!important;}*//* Sinon bug du calcul auto des dimensions */ .bloc_tri .bloc_img{width: 120px;height: 120px;text-align: center;display: table-cell;vertical-align: middle;} .bloc_tri img{max-height:120px; max-width:120px;} .triProduits .bloc_tri.no_catalogue{border: 1px solid #ff828e;} .triProduits .bloc_tri{border: 1px solid #b1b1b1;} .triProduits .bloc_img{ height:80px; width:120px;} .triProduits .bloc_img img{ max-height:80px; max-width:120px;} .triProduits .nom{font-size: 9px;text-align: center;height:26px;overflow: hidden;} #page_tri_produit .bloc_tri{cursor:move!important;} .bloc_tri .modif-produit-lien {position: absolute;display: block;top: 1px;right: -0px;width:23px;height:21px;cursor: pointer;z-index: 10;background-color: #fff;} .bloc_tri .modif-produit-lien a {color: #000;cursor:pointer!important;} .bloc_selection_marque{font-size:10px;} .aff_prod .bloc_selection_marque{margin:10px 0;} .bloc_liste_marque option.selection{color:black; font-weight:bold;} .bloc_selection_marque .bloc_liste_marque{} .bloc_selection_marque .bloc_liste_marque select{float:left; width:95px;} .selection_marque_produit{width:95px; padding:3px 0;} .bloc_selection_marque .image_marque, .bloc_marque_client .image_marque {max-height:20px; margin-left:10px;} .nom_produit_modif{z-index:2; position:absolute; top:0; left:0; width:800px; border:1px solid #000; background-color:#f6f9ff; padding:0.25rem 0.25rem 0.25rem 0.25rem; border-radius:4px;} .nom_produit_modif input[type="text"]{float:left; padding-right:5px;} .gestion_commande_modif{display:Znone;position:absolute; top:0; left:0; width:130px; background-color:#f6f9ff; padding:0.25rem 0.25rem 0.0rem 0.25rem; border-radius:4px;} .gestion_commande_modif input[type="text"]{float:left;/*width:calc(100% - 25px);*/width: 97px;padding-right: 5px;} .gestion_commande_modif input[type="submit"]{float:left;top: 5px;} .gestion_commande_td .gestion_commande{background:#ffffff;position: absolute;top:6px;left:6px;text-align:left;width:92px;height:28px;font-size: 16px; padding: 3px 0 0 11px;} .aff_prod .tab_catalogueLinks select{width:95px;} .aff_prod .tab select{ padding:3px 0;font-size:12px;} .aff_prod .tab select.form-control:not([size]):not([multiple]){height:2rem} .id_picto_ajout { margin-bottom:8px} .triProduits .tab_catalogueLinks label{line-height:20px; color:red;} .aff_prod .tab input[type="text"]{font-size:12px;padding: 0.375rem 0.35rem;} .aff_prod .tab .btn {font-size: 0.8rem;padding:0.2125rem 0.75rem;} .aff_prod .tab_nomProduit input.btn{float: left;margin-right:5px;} .aff_prod .tab fieldset{margin-bottom: 10px;} /* Liste produits : produits associés */ .tab_titre{font-weight: 800;font-size: 14px;} .aff_prod .bloc_produit_associe{position: relative;display:inline-block;} .bloc_produit_associe_detail{position: absolute;background:#fffffff5;border:1px solid #ccc;margin-top: 5px;padding: 5px 10px;z-index: 5;top:10px;left:0;;display:none;} .bloc_produit_associe:hover .bloc_produit_associe_detail, .bloc_produit_associe_detail:hover{display:block;} .ajout_ref_associes_txt{width:calc(50% - 10px);} .ajout_ref_associes_btn{width:calc(50% - 0px); } /* Mot cé / index */ .select_mot_cle_ajout{width:calc(50% - 10px);} .mot_cle_str_ajout{width:calc(50% - 0px);} #blocTitreHeader {display: flex;} /* le top est fait par #pageadmin #pageAdmin.padding=10px + #menu.height=26+1px + #entete_admin.height = 52+5px */ #blocTitreHeader.sticky-top {background-color:var(--default_color_back); padding-top:10px;} /************************************************************************************************************ ****************** Page PRODUIT *****************************************************************/ #pageProduit{min-width:1600px;padding-top:10px; padding-right:0px; background-color:var(--default_color_back);} .produit_header{line-height:28px;} .boutons_modifs #bloc_masquer_prix{/*margin-left: calc(100% - 600px);*/ margin-left: auto;} #blocTitreProduit.sticky-top {padding-top:10px} #blocTitreProduit{background-color:var(--default_color_back); padding-bottom:0px; border-bottom:2px rgb(0, 0, 0.6) solid;} #blocTitreProduit .option_langue{position:relative; display:block; float:left; margin:0px 20px 0 20px;} #blocTitreProduit .option_langue img, #blocTitreProduit .option_langue form{float:left;} #blocTitreProduit .option_langue input{padding:0 0 0 10px;} #blocTitreProduit .infos_produit{position:relative; top:0px; float:left; padding:0 20px;} #blocTitreProduit:after, .titreTableau:after, .header-copy.header-fixed:after {content: " ";position: absolute;width: 100%;height: 15px;bottom: -15px;left: 0px; box-shadow: 0px 10px 10px -10px #222 inset;} .infosAdminProduit{width:64px;} .bloc_marque{float:left; margin-right:20px;} #pageProduit .bloc_marque{min-width: 200px;} .label.iPhoneCheckLabelOn, .label.iPhoneCheckLabelOff{margin:0;} .photoReduite{max-width:70px; max-height:70px;} .tab_bibliotheque .photoReduite{max-width:200px; max-height:120px;} .case_form{height:35px; outline:0px solid #ccc;} .case_form input[type=checkbox], .case_form input[type=radio]{display:table-cell; vertical-align:middle; margin-top:3px;} .titre.case_form{height:25px; font-size:1.2em; font-weight:bold; color:black; text-align:center;} .titre_ligne.case_form{font-weight:bold; color:black; text-align:left; padding-left:20px;} .iPhoneCheckContainer{float: left;display: inline-block;margin-right: 50px;} #recherche_externe_ai[type="checkbox"] + label::before{top:5px;} #bloc_set_produit_trad_ai{flex-wrap: wrap;} #bloc_set_produit_trad_ai .menu{gap:5px;} #set_produit_trad_ai{position: relative;} #pageProduit .bloc_picto_ajout{margin:10px 10px 0px 0;width:300px;} /* VIDEOS */ #bloc_videos .titre{font-weight:bold; text-align:center;} #bloc_videos .info_long{width:160px;} #bloc_videos .info_courte{width:80px;} #bloc_videos .info_courte input{width:60px;} #bloc_videos .tab_video{clear:both; min-height:21px; margin-bottom:10px;} #bloc_videos iframe{display:inline-block; margin-right:10px;} /* ARTICLES */ #bloc_articles{margin:0px 0 10px 0;} #bloc_articles .case_form{height:35px;} #bloc_articles .bloc_article{display:block; clear:both; min-height:21px; min-width:1200px; margin-bottom:4px;} #bloc_articles .ligne_choix{margin-right:5px; font-size:12px;} #bloc_articles .form-control, #bloc_caracteristique_articles .form-control{text-align:center; margin-right:5px; font-size:12px; padding:.375rem .25rem;} #bloc_articles .form-control[type="date"]{font-size:11px;} #bloc_articles .titre .ligne_choix{height:40px; line-height:40px; font-weight:bold; text-align: center;} #bloc_articles .titre .ligne_choix.reference{ text-align: left;} #bloc_articles .titre .ligne_choix .vcentrage{}/*CENTRAGE VERTICAL TEXTE de plusieurs ligne*/ #bloc_articles .reference{width:120px; font-weight:bold;} #bloc_articles .categorie_legale{width:50px;} #bloc_articles .nom{display: inline-block;position: relative;width:240px;} #bloc_articles .prix{ width: 62px;} #bloc_articles .stock_dispo{width:50px;} #bloc_articles .article_option{width:75px;} #bloc_articles .article_publier{width:100px; text-align: center;} #bloc_articles input[type='date']{width:100px; } #bloc_articles .deleteArticleProduit{font-size:0px;} .article_article{font-weight:bold; font-size:16px!important;} #choix_article_article_ajout{text-align:left!important; /*width:150px; */} #choix_article_article_ajout input[type="radio"]{float:left; text-align:left!important; width:15px!important; margin-right:5px;} #choix_article_article_ajout label{float:left; text-align:left!important; font-size:14px;} #ajout_article{width:auto!important;} .bloc_article input[type="checkbox"], .bloc_article input[type="radio"] { display: inline-block;float: left;position: relative;top: 10px;margin-right: 2px;} .bloc_article label{font-size: 9px;} .bloc_article [type="checkbox"] + label {display: inline-block;top: 6px;} #bloc_articles .btn_traduction{height:auto; padding:3px 6px;} #triArticles{clear:both;} /*.form-control:disabled, .form-control[readonly]*/ #bloc_articles .is_option .reference {background-color: #bfbfbf;} /* Nomenclature */ #bloc_articles .pack_reference{width:40px;} /* == min-width de bloc_articles_nomenclature*/ #pageProduit .bloc_articles_nomenclature{ position:relative;display:block;min-width:40px;min-height: 20px;} .picto_nomenclature34{display:inline-block; width:34px; height:34px; font-size:0;background:transparent url('img/nomenclature_34.png') no-repeat;} .picto_nomenclature34_1{background-position:0 top;} .picto_nomenclature34_2{background-position:0 -34px;} .picto_nomenclature34_3{background-position:0 -68px;} .picto_nomenclature34_4{background-position:0 -102px;} .picto_nomenclature24{display:inline-block; width:24px; height:24px; font-size:0;background:transparent url('img/nomenclature_24.png') no-repeat;} .picto_nomenclature24_1{background-position:0 top;} .picto_nomenclature24_2{background-position:0 -24px;} .picto_nomenclature24_3{background-position:0 -48px;} .picto_nomenclature24_4{background-position:0 -76px;} .picto_nomenclature20{display:inline-block; width:20px; height:20px; font-size:0;background:transparent url('img/nomenclature_20.png') no-repeat;} .picto_nomenclature20_1{background-position:0 top;} .picto_nomenclature20_2{background-position:0 -20px;} .picto_nomenclature20_3{background-position:0 -40px;} .picto_nomenclature20_4{background-position:0 -60px;} #pageProduit .bloc_articles_nomenclature .picto_nomenclature{ margin-left:10px} .nomenclature_articles{display:none;position:absolute;background-color:#fffffff5;border:1px solid #ccc;padding:5px 10px;z-index:5;top:20px;left:0;min-width: 290px;} .bloc_articles_nomenclature:hover .nomenclature_articles{display:block;} .nomenclature_article {display:flex;align-items: center;justify-content: space-between;} .nomenclature_article .photo{width:150px; display: inline-block;text-align: center;} .nomenclature_article .photo img{max-width:150px;max-height:40px;} .bloc_articles_nomenclature .bloc_ref{width:80px;} #bloc_articles .nomenclature_article .reference{margin-left: 5px;width:auto;display: inline-block; } .nomenclature_article .bSupprimer{bottom: 5px;} .aff_prod .bloc_articles_nomenclature{ position:relative;display:inline-block;height:20px;/*top: 7px;*/bottom: 3px;left:5px;} .aff_prod .bloc_articles_nomenclature .picto_nomenclature{position: relative;} /* Checkbox articles */ .article_publier .iPhoneCheckContainer{width:96px!important; height:20px;margin-right: 0px;} .article_publier .iPhoneCheckContainer input{top:0px; left:30px;} .article_publier .iPhoneCheckContainer .label{line-height:10px; font-size:10px; height:20px; top:0; padding-top:0px;} .article_publier .label.iPhoneCheckLabelOn{left:0; padding-top:5px; width:50px;} .article_publier .label.iPhoneCheckLabelOn span{padding-left:8px;} .article_publier .label.iPhoneCheckLabelOff{right:0; padding-top:5px;} .article_publier .label.iPhoneCheckLabelOff span{padding-right:4px;} .article_publier .iPhoneCheckHandle{height:20px; top:0; left:0; width:42px!important; background-image:url('img/slider_left_20.png'); padding-left:3px;} .article_publier .iPhoneCheckHandleRight{padding-right:3px; background-image:url('img/slider_right_20.png');} .article_publier .iPhoneCheckHandleCenter{background-image:url('img/slider_center_20.png');} /* CARAS ARTICLES */ #info_caracteristique{margin-top:10px;} #bloc_caracteristiques_articles{display:block; margin:0px 0 10px 0;} #bloc_caracteristiques_articles .bloc_caracteristique_articles{display:block; float:left;width:100px; margin:5px 5px 0 0;} .bloc_caracteristique_articles{display:block; float:left;} .bloc_caracteristique_articles .bloc_caracteristique{display:block; clear:both;} #bloc_caracteristiques_articles .nb_cara{display:block;} #bloc_caracteristiques_articles .bloc_reference{float:left; width:90px; font-weight:bold;} #bloc_caracteristiques_articles .titre{width:100%; font-weight:bold; font-size:0.7rem; color:black; text-align:center; font-variant:small-caps; height:30px; line-height:30px; z-index:-1;} #bloc_caracteristiques_articles .bloc_reference .titre{text-align:left;} #bloc_caracteristiques_articles .texte_before_bouton{width:calc(100% - 20px);} #bloc_caracteristiques_articles .supprimer{float:right; position:relative; top:10px;} #bloc_caracteristiques_articles .bloc_caracteristique_valeur{float:left; width:100px; margin:0px 5px 0px 0;} #bloc_caracteristiques_articles select{/*width:100%;*/ font-size:12px; padding:.375rem .35rem; height:calc(2.0em + 4px);} #bloc_caracteristiques_articles input[type="text"]{/*width:100%;*/ text-align:center;/* margin:0;*/} /* PICTOS */ #bloc_pictos select{width:300px;} #triPictos .bloc_img{height:70px; width:120px;} #triPictos .bloc_img img{max-height:70px; max-width:120px;} .bloc_picto .supprimer{display:block; float:left;margin:5px 5px 0 2px;} /* PICTOS */ .photos_produit .bloc_photo .btn_supprimer{display:none;} /* Mots Clés/index */ .bloc_produit_mot_cle{padding-right: 25px;} /* Produits associés */ #tri_produits_associes .bloc_produit_associe{display: block;width:100%;} .bloc_produit_associe .bloc_photo{height:45px;width:150px;} .bloc_produit_associe .bloc_photo img{max-height:40px;max-width:140px;} .bloc_produit_associe .bloc_ref{width:50px;} .bloc_produit_associe .bloc_txt{width:300px;} .bloc_produit_associe .bloc_stock{width:85px;} /* dropzone */ #qbp{left:290px; top:-2px; width:541px; display:block; background:#fff; border:1px solid rgba(0,0,0,0.2); box-shadow:0 4px 16px rgba(0,0,0,0.2); box-shadow:0 4px 16px rgba(0,0,0,0.2); box-sizing:border-box; box-sizing:border-box; font-family:arial,sans-serif; font-size:13px; min-width:460px; position:absolute; text-align:left; /* z-index:997; */} #qbhwr{position:relative; margin-top:20px;} .qbwr{margin:auto 20px;} .qbtt{font-size:16px; font-weight:bold; vertical-align:baseline;} #qbdp, #qbup{background:#F5F5F5; border-top:1px solid #CCC; color:#777; margin-top:15px; position:relative;} .qbdes{margin-top:-6px; line-height:118px;} .qblarge{font-size:20px; font-weight:bold; padding-bottom:6px; height:118px;} .photos_produit .bloc_photo{float:left; position:relative; width:204px; height:224px; background:#fff; border:1px solid #bdbdbd; margin:0 10px 10px 0; padding:3px 5px; text-align:left;} .photos_produit .bloc_photo.ajout_bloc_photo{cursor:pointer;} .photos_produit .bloc_photo .label_publier_catalogue{display:inline; margin:0; width:128px; position:relative;font-size:11px;} .photos_produit .bloc_photo .deplacement_hv{position:absolute; display:inline; top:2px; right:2px; width:25px; height:25px;} .photos_produit .bloc_photo .nom{text-align:center; color:#666; height:20px; width:100%; font-size:14px; font-weight:bold;} .photos_produit .bloc_photo .info{clear:both; font-size:9px; position:relative; cursor:move!important;} .photos_produit .bloc_photo label{cursor:default;} .photos_produit .bloc_photo .photo{height: 110px;background:#fff; display:flex;align-content: center; flex-direction: row; justify-content: center; align-items: center;;} .photos_produit .bloc_photo .photo img{max-width:192px; max-height:110px; cursor:zoom-in;} .photos_produit .bloc_photo .description{color:#666; font-weight:bold; text-align:center; padding-top:3px; font-size:14px;} .bloc_photo input[type="submit"].bSupprimer{position:absolute; bottom:5px; left:40px; color:#fff; font-weight:normal; text-align:center; width:120px; margin:0px auto; cursor:pointer; height:20px; font-size:12px; background-color:#d9534f; background-image:none; border-color:#d43f3a; padding:2px 12px;} .photos_produit .no_photo{color:#b1aea0; font-size:13px;} .photos_produit .bloc_photo .title{width:95%; padding:2px; font-size:9px;} .ajout_bloc_photo{position:relative; float:left; width:auto; border:2px dashed #007BFF;min-width:204px; width:auto; height:204px; padding:0; /*overflow-anchor:visible; */} .ajout_bloc_photo{border: 1px dashed #98b7ff; border-radius: 0.25rem;} .photos_produit .photo_vide{cursor:pointer; border:none; width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; /*margin:5px;height:190px!important; width:190px;background:#586a78;color:#fff; */ } .photos_produit .photo_vide{background: #e8efff;color:#000; display: none !important; border: 1px dashed #98b7ff;border-radius: 0.25rem;} .photos_produit .photo_vide .nom{/*color:#fff; padding-top:10px; padding-top:11px; height:40px; outline:0px solid fuchsia;*/padding-top: 71px;} .photos_produit .photo_vide .description{/*color:#fff; padding-top:110px; padding-bottom:16px; outline:0px solid fuchsia;*/padding-top:24px;} .photos_produit .photo_vide .nom, .photos_produit .photo_vide .description{color:#484848;} .photos_produit .bloc_photo input[type="file"]{position:absolute; display:block; height:calc(100% - 10px); width:calc(100% - 10px) ; opacity:0; cursor:pointer; font-size:0; height:0; width:0;} .dropzone .dz-preview.dz-error .dz-error-message{opacity:1; pointer-events:auto;} .dropzone .dz-preview{position:relative; float:right;} .dropzone .dz-preview .dz-error-message{padding:0.5em 1.1em;} .dropzone .dz-preview.dz-image-preview{position:relative; width:145px; min-height:20px;} .dropzone .dz-preview .dz-image{background:white;} .dropzone .dz-preview .dz-details .dz-size{margin-bottom:0em;} #fileslist li{position: relative;border-bottom: 1px solid #afafaf;cursor: default;margin: 0 .625em;outline: 0;padding: .5em .625em;} .file-upload-entry__detail:not(:last-child):after {content: "\002D";display: inline-block;padding: 0 .375em;text-decoration: none;} .file-upload-entry__actions{position: absolute;top: 50%; right: .41667em;} .filelist__action svg {transform: translateY(-50%); height: 1.5em;width: 1.5em;} /* Modif visuel necessaire pour le drag and drop de depot image style google :non utilisé */ /* #ajout_bloc_photo{display:none; position:absolute; width:70%; height:80%; top:0; left:0; margin-top:20px; margin-left:20px;} #ajout_bloc_photo.is_dragover{display:block;} .photos_produit #photo_vide{height:calc(100% - 40px)!important; text-align:center; margin:20px; width:calc(100% - 40px)!important;} #bloc_photos{position:relative;} */ /* Modif visuel photo*/ /* .photos_produit .bSupprimer{display:none;} .photos_produit .bloc_photo .btn_supprimer{background:url('img/supprimer.png') no-repeat 0 0px; height:20px; width:20px; border:none; display:block; position:absolute; top:4px; right:4px; padding:.25rem .5rem;} .photos_produit .bloc_photo .deplacement_hv{right:47px;} .photos_produit .bloc_photo{height:174px;} */ #photo_modif_modal .modal-body{padding:1rem;} #bloc_pages_catalogues form {display: block;clear: both;} #page_bibliotheque .aff_list_prod img{max-height:120px;max-width:100%;} #page_bibliotheque video{/*max-height:160px;*/} .bibliotheque.svg__asset, .bibliotheque svg{max-height:60px;max-width:100%;} .file_ext_on_image_src{position: relative;width:56px;top:-40px;left: calc(50% - 28px);background-color: #000;color:#fff;font-size:18px;padding:0px 4px; border-radius: 4px;border:1px solid #686767;line-height:24px; text-transform: uppercase;} /* Liste fichiers */ .aff_list_prod hr{border-top: 1px rgb(207 207 207) solid;} #bloc_pages_catalogues .ligne_choix.reference {width: 100px;} #bloc_pages_catalogues .ligne_choix.nom {width: 150px;} .aff_list_prod .bloc_texte{word-wrap: break-word;} @media (min-width:576px){ .modif_modal{max-width:80%;} } /* Bloc traduction */ .bloc_traduction .btn_traduction{position: absolute;float: left;top: 0px;left:-11px;height: auto;padding: 3px 6px; z-index: 3;} .bloc_traduction label:not(.hide)~.btn_traduction{top: 30px;left:-12px;} /*#tri_produit_pdf .bloc_traduction label+.btn_traduction{top:13px;left:-16px;}*/ .bloc_traduction .form-group:nth-child(even) label{position: relative;right:-10px;} .bloc_traduction .btn_traduction+input, .bloc_traduction .btn_traduction+textarea{position: relative;right:-10px;width: calc(100% - 10px);} .bloc_traduction .btn_traduction+.mce-tinymce{position: relative;right:-10px;width: calc(100% - 10px)!important;} #bloc_articles .bloc_traduction .btn_traduction{left:-0px;} #bloc_articles .bloc_traduction .btn_traduction+input{position: relative;right:-34px;width: calc(100% - 34px);margin-right: 20px;} /*#modal_marque_contenu .btn_traduction, #pageMarque .btn_traduction {position: absolute;float: left;top: 30px;right: -11px;height: auto;padding: 3px 6px; z-index: 2;}*/ .caractere_left{width:50px!important; text-align: center;padding: 0px 5px;font-size: 11px;font-weight: bold;} /*.aff_prod .drop-area input{width:calc(100% - 30px);left:15px;}*/ /*DIVERS*/ .pasDeResultat{color: #b72f2f;font-size:1.2rem;padding: 1rem 0;} .bloc_liste_email .liste_email{display: none;position:absolute;right: 10px;border: 1px solid #000;background: #fff; z-index: 1;padding: 10px; min-width: 500px;} .bloc_liste_email h5{font-size: 16px;} .bloc_liste_email .liste_email li{font-size: 14px;} .bloc_liste_email .liste_email li .infoLight{font-size: 12px;color:#444} .bloc_liste_email button:hover+.liste_email{display: block;} .bloc_liste_email .liste_email td{text-align: center;} /* MARCHE PAS !! passé par un stylesheet */ /* @media print { #entete_admin, #menu, #bloc_site_dev {display:none!important;} #corps {margin: 2px auto 0px auto!important;border:none!important;} } #entete_admin, #menu, #bloc_site_dev {display:none!important;} #corps {margin: 2px auto 0px auto!important;border:none!important;} .page-header {display:block!important;background: #222a32!important;color: #fff!important;} .page-content {padding: 0px!important;}*/ .tab_bibliotheque .bloc_fichiers_double{width:328px; } .tab_bibliotheque .bloc_fichier {display: inline-grid;float: left;margin-right:5px;position: relative;height: 150px;width:150px; padding: 2px;border:1px solid #ccc;} .bloc_fichier .bloc_image {position: relative;height:101px;top: 0;} .bloc_fichier .bloc_image img {max-width: 100%;max-height:100px;} .bloc_fichier .bloc_texte {height: 26px;line-height: 11px;word-wrap: break-word;overflow: hidden;position: relative;} .bloc_fichier .bloc_texte .texte { display: block; bottom: 0;font-size: 10px;line-height: 10px;cursor:pointer;overflow: hidden;} .bloc_fichier .filelist__action { position: absolute; top: 0;right: 0;} /*.tab_bibliotheque .bloc_fichier::after {clear:both;}*/ .canvasjs-chart-credit{display:none;} .cont-checkboxes * { --transition: 0.15s; --border-radius: 0.5rem; --background: #96d4df; --box-shadow: #96d4df; } .cont-checkboxes { display: flex; margin: 0.75rem; gap: 0.75rem; } .cont-checkbox { width: 180px; height: 130px; border-radius: var(--border-radius); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); background: white; transition: transform var(--transition); } .cont-checkbox:active { transform: scale(0.9); } .cont-checkboxes input { display: none; } .cont-checkboxes input:checked + label { opacity: 1; box-shadow: 0 0 0 3px var(--background); } .cont-checkboxes input:checked + label img { -webkit-filter: none; /* Safari 6.0 - 9.0 */ filter: none; } .cont-checkboxes input:checked + label .cover-checkbox { opacity: 1; transform: scale(1); } .cont-checkboxes input:checked + label .cover-checkbox svg { stroke-dashoffset: 0; } .cont-checkbox label { display: flex !important; justify-content: center; align-items: center; flex-direction: column; cursor: pointer; border-radius: var(--border-radius); overflow: hidden; width: 100%; height: 100%; opacity: 0.6; text-align: center; padding: 0 !important; } .cont-checkbox label img { object-fit: cover; max-width: 190px; /* width: 100%; height: 70%; clip-path: polygon(0% 0%, 100% 0, 100% 81%, 50% 100%, 0 81%);*/ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .cont-checkbox-info { text-align: center; margin-top: 0.2rem; font-weight: 600; font-size: 0.8rem; } .cont-checkboxes label:before, .cont-checkboxes label:after { display: none !important; content: none !important; }