@CHARSET "utf-8"; .mfp-bg {z-index: 4042 !important;} .mfp-wrap {z-index: 4043 !important;} .noscroll { overflow: hidden; height: 100%; width:100%;} .admin-bandeau-layout {background:rgba(115,115,115,0.5); width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:100; display:none;} .admin-bandeau-layout.visible {display:block;} /* Mise en forme globale */ #main { margin:0; padding:0; padding-top:155px; font-size:13px; font-family:Roboto, Arial, Helvetica, sans-serif; color:#555;} .noscroll #global {overflow: hidden; height:0px;} strong {font-weight:500;} /* POPUP */ .white-popup {position: relative; background: #FFF; overflow-y:auto; padding: 20px 10px; width: auto; max-width: 590px; max-height:885px; min-height: 160px; margin: 50px auto 20px; border-radius: 5px; } .white-popup p {} /* FIN POPUP */ .erreur {border-color:#fc0d0d; } #admin-bandeau {padding:0; position:fixed; left:0px; top:0px; width:100%; z-index:3000; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} .lg {height:155px;} .sm {height:35px;} #admin-bandeau.sm #admin-bandeau-contact {height:0 !important;} #admin-bandeau.sm #admin-bandeau-contact .global {display:none;} #admin-bandeau.sm #admin-bandeau-contact #logo {height:0; overflow:hidden;} #admin-bandeau.sm #admin-public-container {height:35px; overflow:hidden;} #admin-bandeau.sm #admin-public-container > span.bandeau-url {display:none;} #admin-bandeau.sm #admin-public-container a, #admin-bandeau.sm #admin-public-container a:visited { line-height: 16px; font-size: 15px; border-radius:0;} #admin-bandeau.sm #admin-public-container a > span.bandeau-url {display:inline-block; } #admin-bandeau.agoraline { background: #0045a3; background: -moz-linear-gradient(left, #0045a3 0%, #0070e2 19%, #0070e2 81%, #0045a3 100%); background: -webkit-linear-gradient(left, #0045a3 0%,#0070e2 19%,#0070e2 81%,#0045a3 100%); background: linear-gradient(to right, #0045a3 0%,#0070e2 19%,#0070e2 81%,#0045a3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0045a3', endColorstr='#0045a3',GradientType=1 );} #admin-bandeau.komeres {border-bottom: 1px solid #281f5d;} #admin-bandeau.agsi {border-bottom: 15px solid #2c3389;} #admin-bandeau.agsi.lg {height:135px;} #admin-bandeau.agsi.sm {height:35px;} /* Bandeau non réduit */ #admin-bandeau-conteneur {position: relative; z-index: 400; height:100%; width:100%; } #admin-bandeau.agoraline #admin-bandeau-conteneur {background:url(https://suiviprojet.agoraline.fr/images/bandeau-fond.png) center top no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #admin-bandeau.globalcomservices #admin-bandeau-conteneur {background:url(../themes/globalcomservices/bandeau-fond.jpg) center top no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #admin-bandeau.dinaartproject #admin-bandeau-conteneur {background:url(../themes/dinaartproject/bandeau-fond.jpg) center top no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #admin-bandeau.dinaartproject #admin-bandeau-conteneur::after {content:""; display:block; width:100%; height:100%; z-index:10; position:absolute; left:0; top:0; background:rgba(19,19,19,0.6);} #admin-bandeau-contact {position:relative; z-index:40; height:120px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #admin-bandeau.agsi #admin-bandeau-contact {height:100px;} #admin-bandeau-contact .global { position:relative; z-index:40; } #admin-bandeau #logo { padding:5px 0 0 24px; position:relative; z-index:10; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #admin-bandeau #logo img {display:block; height:80px; width:auto; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #admin-bandeau.agoraline #logo img { height:100px;} #admin-bandeau.studio86 #logo {padding:8px 30px 6px 24px; display: inline-block;vertical-align: top; background: #d53d00;} #admin-bandeau.studio86 #logo img {height:67px;} #admin-bandeau.agsi #logo {padding:10px 30px 6px 24px;} #admin-bandeau.agsi #logo img {height:70px;} #admin-bandeau.dinaartproject #logo {padding: 40px 0 0 50px;} #admin-bandeau.dinaartproject #logo img {height: 45px;} .aide {display:block; margin:5px auto; position:relative; z-index:10; width:18px; height:18px; z-index:10; } .aide > a {background:url(../themes/default/aide.png) center center no-repeat; cursor:pointer; display:inline-block; width:18px; height:18px; vertical-align:bottom; -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; position:relative; z-index:10;} .aide .description {position:absolute; background-color:#FFFFFF; border:1px solid #0F72A7; width:200px; top:0px; left:18px; display:none; cursort:default; z-index:100; padding:10px 25px 10px 10px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; } .aide .description .message {line-height: 16px;} .aide .fermer, .aide .fermer:visited { padding:5px; display:block; cursor:pointer; text-align:right; position: absolute; right: 0px; top: 0px; z-index:10; font-size: 14px;color:#093153;text-decoration: none;font-weight: 500;} /* Favoris */ #admin-favoris {position:absolute; top:0px; right:225px; cursor:pointer; width:60px; height:51px; z-index:1800;} #admin-aide {position:absolute; top:0px; right:/*225*/375px; cursor:pointer; width:45px; height:45px; z-index:4000; text-decoration:none;} #admin-aide span {color: #fff;font-size: 28px;background: #FF7C06;border-radius: 20px;width: 40px;height: 40px;display: block;text-align: center;margin: 5px;font-weight: 500; line-height:40px;} #admin-aide span:hover {color:#0d7ef0;} /* Languette */ #admin-public-container {position:absolute; top:0px; right:50px; height:45px; z-index:410; } #admin-public-container .bandeau-url {color:#fff;font-size:16px; display: inline-block;vertical-align: middle; text-align:center; text-overflow: ellipsis;width: 140px;overflow: hidden;} #admin-public-container a, #admin-public-container a:visited {background:#213568; border-radius : 0 0 10px 10px; width:162px; vertical-align: middle; display:inline-block; height:100%; line-height:45px; text-transform:uppercase; color: #FFF; font-weight:500; font-size:17px; text-align:center; text-decoration:none; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #admin-public-container a > span.bandeau-url {display:none; color:#fff !important; text-transform: initial; font-size: 15px; text-align:center; } #admin-public-container a:hover {text-decoration:underline;} #admin-bandeau.komeres #admin-public-container span {color: #281f5d; } #admin-bandeau.studio86 #admin-public-container span {color: #fff; } #admin-bandeau.agsi #admin-public-container span {color:#2c3389;} #admin-bandeau.globalcomservices #admin-public-container span {color: #173968; } #admin-bandeau.dinaartproject #admin-public-container a, #admin-bandeau.dinaartproject #admin-public-container a:visited {background: #3a3a3a; } /* Menu */ #admin-menu-conteneur { height:35px; margin-left:30px;} #admin-menu-titre, #admin-menu-close {display:none;} #admin-menu-wrapper {height:100%;} #admin-menu {list-style:none; margin:0px auto; padding: 0;height:100%;} #admin-menu > .global {text-align:right; position:relative; z-index:30; font-size:0;height:100%; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} #admin-menu .admin-menu-element { display:inline-block; vertical-align:top; position:relative; z-index:30; height:100%; margin:0 10px;} #admin-menu .admin-menu-element > span { cursor:default;} #admin-menu .admin-menu-element > a, #admin-menu .admin-menu-element > a:visited {display:block; height:100%;} #admin-menu .admin-menu-element > a > span, #admin-menu .admin-menu-element > a:visited > span, #admin-menu .admin-menu-element > span {font-weight:500; font-size:15px; text-align: center; letter-spacing: 0.5px; padding: 8px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; display: block; position:relative; height:100%; } #admin-bandeau.agoraline #admin-menu .admin-menu-element > a > span, #admin-bandeau.agoraline #admin-menu .admin-menu-element > a:visited > span, #admin-bandeau.agoraline #admin-menu .admin-menu-element > span {color: #fff; } #admin-bandeau.komeres #admin-menu .admin-menu-element > a > span, #admin-bandeau.komeres #admin-menu .admin-menu-element > a:visited > span, #admin-bandeau.komeres #admin-menu .admin-menu-element > span {color: #281f5d; } #admin-bandeau.studio86 #admin-menu .admin-menu-element > a > span, #admin-bandeau.studio86 #admin-menu .admin-menu-element > a:visited > span, #admin-bandeau.studio86 #admin-menu .admin-menu-element > span {color: #fff; } #admin-bandeau.agsi #admin-menu .admin-menu-element > a > span, #admin-bandeau.agsi #admin-menu .admin-menu-element > a:visited > span, #admin-bandeau.agsi #admin-menu .admin-menu-element > span {color: #8e8d8d; } #admin-bandeau.globalcomservices #admin-menu .admin-menu-element > a > span, #admin-bandeau.globalcomservices #admin-menu .admin-menu-element > a:visited > span, #admin-bandeau.globalcomservices #admin-menu .admin-menu-element > span {color: #173968; } #admin-bandeau.dinaartproject #admin-menu .admin-menu-element > a > span, #admin-bandeau.dinaartproject #admin-menu .admin-menu-element > a:visited > span, #admin-bandeau.dinaartproject #admin-menu .admin-menu-element > span {color: #fff; } #admin-menu .admin-menu-element > a, #admin-menu .admin-menu-element > a:visited {text-decoration:none;} #admin-menu .admin-menu-element > a:hover {text-decoration:none;} #admin-bandeau.agoraline #admin-menu .admin-menu-element.selected > span, #admin-bandeau.agoraline #admin-menu .admin-menu-element.selected > a > span, #admin-bandeau.agoraline #admin-menu .admin-menu-element:hover > a > span, #admin-bandeau.agoraline #admin-menu .admin-menu-element:hover > span {background:#0d7ef0;} #admin-bandeau.komeres #admin-menu .admin-menu-element.selected > span, #admin-bandeau.komeres #admin-menu .admin-menu-element.selected > a > span, #admin-bandeau.komeres #admin-menu .admin-menu-element:hover > a > span, #admin-bandeau.komeres #admin-menu .admin-menu-element:hover > span {background:#781971; color:#fff;} #admin-bandeau.studio86 #admin-menu .admin-menu-element.selected > span, #admin-bandeau.studio86 #admin-menu .admin-menu-element.selected > a > span, #admin-bandeau.studio86 #admin-menu .admin-menu-element:hover > a > span, #admin-bandeau.studio86 #admin-menu .admin-menu-element:hover > span {color:#d6111f;} #admin-bandeau.agsi #admin-menu .admin-menu-element.selected > span, #admin-bandeau.agsi #admin-menu .admin-menu-element.selected > a > span, #admin-bandeau.agsi #admin-menu .admin-menu-element:hover > a > span, #admin-bandeau.agsi #admin-menu .admin-menu-element:hover > span {color:#ed8123;} #admin-bandeau.globalcomservices #admin-menu .admin-menu-element.selected > span, #admin-bandeau.globalcomservices #admin-menu .admin-menu-element.selected > a > span, #admin-bandeau.globalcomservices #admin-menu .admin-menu-element:hover > a > span, #admin-bandeau.globalcomservices #admin-menu .admin-menu-element:hover > span {background:#173968; color:#fffefe;} #admin-bandeau.dinaartproject #admin-menu .admin-menu-element.selected > span, #admin-bandeau.dinaartproject #admin-menu .admin-menu-element.selected > a > span, #admin-bandeau.dinaartproject #admin-menu .admin-menu-element:hover > a > span, #admin-bandeau.dinaartproject #admin-menu .admin-menu-element:hover > span {background:#3a3a3a;} /* Sous menu */ .admin-smenu {position:absolute; top:35px; left:0px; z-index:30; margin:0px; padding:0px; width:200px; display:none; text-align: left;} #admin-bandeau.agoraline .admin-smenu {background: #0070e2; } #admin-bandeau.komeres .admin-smenu {background: #781971; } #admin-bandeau.studio86 .admin-smenu {background: #d53d00; } #admin-bandeau.agsi .admin-smenu {background: #4d4e5c; } #admin-bandeau.globalcomservices .admin-smenu {background: #173968; } #admin-bandeau.dinaartproject .admin-smenu {background: #3a3a3a; } .admin-smenu-element {list-style:none; border-top: 1px solid #ccc;} .admin-smenu-element:first-child {border:none;} .admin-smenu-lien, .admin-smenu-lien:visited {display:block; font-weight:500; font-size:13px; color:#FFFFFF; text-decoration:none; padding:7px 5px 7px 10px;} #admin-bandeau.agoraline .admin-smenu-lien.selected, #admin-bandeau.agoraline .admin-smenu-lien:hover {background-color:#0045a3; } #admin-bandeau.komeres .admin-smenu-lien.selected, #admin-bandeau.komeres .admin-smenu-lien:hover {background-color:#CC0078; } #admin-bandeau.studio86 .admin-smenu-lien.selected, #admin-bandeau.studio86 .admin-smenu-lien:hover {color:#252525; } #admin-bandeau.agsi .admin-smenu-lien.selected, #admin-bandeau.agsi .admin-smenu-lien:hover {background:#ed8123; } #admin-bandeau.globalcomservices .admin-smenu-lien.selected, #admin-bandeau.globalcomservices .admin-smenu-lien:hover {background:#9abdea; } #admin-centre {padding: 10px 30px;} /* GABARIT CONTENU DES MODULES */ .admin-module { padding:5px 0px; border-radius:3px; background: #fff; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);} .admin-module-titre { border-bottom:1px solid #ccc; padding:5px 15px 9px;} .admin-module-titre h1 {margin:0;} .admin-module-contenu {padding:15px 10px;} .admin-module-filtres {margin: 0 0 15px;} /* Commun */ body { margin:0; padding:0; font-size:14px; font-family:Roboto, Arial, Helvetica, sans-serif; color:#555; letter-spacing: 0.2px;} h1 { color:#555; font-weight:500; font-size:1.6em; margin-top:10px; margin-bottom:10px; font-family:Roboto, Arial, Helvetica, sans-serif;} h2{ color:#fda51a; font-weight:500; font-size:19px; margin-top:10px; margin-bottom:10px; font-family:Roboto, Arial, Helvetica, sans-serif;} h3 { font-size: 15px; font-weight: 500;} h4 {font-size:13px; font-weight: 500;} p {} a, a:visited {color:#555;} a:hover {text-decoration:none;} img, img a { border:none;} legend {font-weight:500;} .center {text-align:center;} .italic {font-style: italic;} .gras { font-weight:500;} .gras-rouge, a.gras-rouge {font-weight:500; color:#CE2525; font-size:1.3em;} .flex {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;} .flex.justify-between {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;} .flex.align-start {-webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;} .flex-moitie {width:calc(50% - 10px);} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } /* Boutons */ input.bouton2, input.bouton2:visited, input.bouton100, input.bouton100:visited, input.bouton150, input.bouton150:visited, input.bouton200, input.bouton200:visited, input.bouton, input.bouton:visited {font-weight: 400; font-family: Roboto; min-height:27px;} .bouton2 {height:25px; line-height:25px; font-size:14px; color: #FFF; text-align:center; border:none;background-image:url(../themes/default/bouton-gauche-bg.jpg), url(../themes/default/bouton-droite-bg.jpg), url(../themes/default/bouton-centre-bg.jpg);background-position: top left, top right, top center;background-repeat: no-repeat, no-repeat, repeat-x;} .bouton2 {height:25px; line-height:25px; font-size:14px; color: #FFF; text-align:center; border:none;background-image:url(../themes/default/bouton-gauche-bg.jpg), url(../themes/default/bouton-droite-bg.jpg), url(../themes/default/bouton-centre-bg.jpg);background-position: top left, top right, top center;background-repeat: no-repeat, no-repeat, repeat-x;} .bouton100, .bouton100:visited { font-family: Roboto;display:inline-block; min-width:100px; min-height:25px; line-height:25px; font-size:14px; letter-spacing:0.5px; color: #FFF; text-align:center; cursor:pointer; text-decoration:none; font-weight:normal;border: 1px solid #0d7ef0;background: #0d7ef0;border-radius: 3px; padding: 2px 10px; } .bouton100:hover {background: #0045a3; border: 1px solid #0045a3; text-decoration:none;} .bouton150, .bouton150:visited { font-family: Roboto; display:inline-block; min-width:150px; min-height:25px; line-height:25px; font-size:14px; letter-spacing:0.5px; color: #FFF; text-align:center; cursor:pointer; text-decoration:none; font-weight:normal; border: 1px solid #0d7ef0;background: #0d7ef0; border-radius: 3px; padding: 2px 10px; } .bouton150:hover {background: #0045a3; border: 1px solid #0045a3; text-decoration:none;} .bouton200, .bouton200:visited { font-family: Roboto; display:inline-block; min-width:200px; min-height:25px; line-height:25px; font-size:14px; letter-spacing:0.5px; color: #FFF; text-align:center;cursor:pointer; text-decoration:none; font-weight:normal;border: 1px solid #0d7ef0;background: #0d7ef0; border-radius: 3px; padding: 2px 10px; } .bouton200:hover {background: #0045a3; border: 1px solid #0045a3; text-decoration:none;} .bouton-auto, .bouton-auto:visited { margin:5px; font-family: Roboto;cursor:pointer;display:inline-block; width:auto; min-height:20px; line-height:19px; font-size:13px; letter-spacing: 0.5px; color: #FFF; text-align:center; cursor:pointer; text-decoration:none; font-weight:normal;border: 1px solid #0d7ef0;background: #0d7ef0;border-radius: 3px; text-align:center; padding:5px 20px;} .bouton-auto:hover {background: #0045a3; border: 1px solid #0045a3; text-decoration:none;} .bouton, .bouton:visited {margin: 3px 5px;width: auto;min-height: 20px;line-height: 19px;letter-spacing: 0.5px;font-size: 13px;color: #FFF;padding:5px 20px;text-align: center;text-decoration: none;font-weight: 400;border: none;border: 1px solid #0d7ef0;background: #0d7ef0;font-family: Roboto;cursor: pointer;display: inline-block;vertical-align: middle;border-radius: 3px; -webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} .bouton:hover { background: #0045a3; border: 1px solid #0045a3;} input.bouton, input.bouton:visited {min-height:28px; line-height:17px;} .bouton-submit {cursor:pointer; display:inline-block; vertical-align:top; margin: 0px 0 10px 10px; width:auto; min-height:35px; line-height:30px; font-size:15px; border-radius: 3px; letter-spacing: 0.8px; color: #FFF; text-align:center; text-decoration:none; font-weight:normal;border:none; border:1px solid #0d7ef0; background:#0d7ef0; padding:2px 10px;font-family: Roboto; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;} .bouton-submit:hover {background:#0045a3; border:1px solid #0045a3; text-decoration:none;} .bouton-cancel, .bouton-cancel:visited {background:#fff; color:#0d7ef0;} .bouton-cancel:hover {background:#fff; color:#0045a3;} .bouton-vert, .bouton-vert:visited {background-color: #67b544; border-color:#67b544; color:#fff;} .bouton-vert:hover {background: #388216; border-color:#388216;} .bouton-rouge, .bouton-rouge:visited {background-color: #dc3545; border-color:#dc3545; color:#fff;} .bouton-rouge:hover {background: #c82333; border-color:#c82333;} /* Table de base */ .base-grid {border-collapse:collapse; width:100%;} .base-grid td, .base-grid th {border:1px solid #ccc; padding:8px 10px; border-left:0; border-right:0; } .base-grid th {background-color:#fff; min-width:75px;} .base-grid tbody tr:hover {background-color:#E8E8E8;} .base-grid th input, .base-grid td input {border:none;} .paire {background-color: #FFF;} .impaire {background-color: #f1f1f1;} .action {width:75px;} .clear {clear:both !important;} /* Datatable */ #layout-datatable {display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); color : black; font-size : 30px; z-index : 1} .show {display: block !important;} #admin-centre .dataTable {border-collapse: collapse; border-spacing: 0; border-bottom: none;} #admin-centre .dataTable thead th{text-align: left; border: 1px solid #ccc !important; background-color: #195689 ; color: #ffffff; font-size: 14px; font-weight:500;} #admin-centre .dataTable th, #admin-centre .dataTable td {padding: 10px 18px; box-sizing: content-box; text-align:left;} #admin-centre .dataTable tbody tr:nth-child(2n+1) {background: #eaeaea;} #admin-centre .dataTable tbody td {padding: 8px 10px; border: 1px solid #ccc; font-size: 12px;} #admin-centre .dataTable td.action {text-align: center;} #admin-centre .dataTables_paginate {margin: 10px 0;} /* Badge */ .badge {display:inline-block; vertical-align:top; padding:3px 5px; border-radius: 3px;} .badge-vert {background:#72C279; color: #fff;} .badge-rouge {background:#db3d28; color: #fff;} .badge-bleu {background:#0d7ef0; color: #fff;} .badge-noir {background:#000000; color: #fff;} .vert:not(.attribut-checkboxcolorpicker,.attribut-element,.attribut-checkbox), .orange:not(.attribut-checkboxcolorpicker,.attribut-element,.attribut-checkbox), .rouge:not(.attribut-checkboxcolorpicker,.attribut-element,.attribut-checkbox), .bleu:not(.attribut-checkboxcolorpicker,.attribut-element,.attribut-checkbox) {border: 2px solid #ddd; margin-bottom: 1em; padding: 0.8em; font-weight:500;} .base-grid .vert, .base-grid .orange, .base-grid .rouge, .base-grid .bleu {margin:0px;} .vert:not(.attribut-checkboxcolorpicker,.attribut-element,.attribut-checkbox) { background-color: #e6efc2; border-color: #c6d880; color: #264409; } .orange:not(.attribut-checkboxcolorpicker,.attribut-element,.attribut-checkbox) { background: #fff6bf none repeat scroll 0 0; border-color: #ffd324; color: #514721; } .rouge:not(.attribut-checkboxcolorpicker,.attribut-element,.attribut-checkbox) { background: #fbe3e4 none repeat scroll 0 0; border-color: #fbc2c4; color: #8a1f11; } .bleu:not(.attribut-checkboxcolorpicker,.attribut-element,.attribut-checkbox) { background: #d5edf8 none repeat scroll 0 0; border-color: #92cae4; color: #205791; } .separation { margin-top: 30px; padding-top: 20px; width:100%; background:url(../images/boiteaoutils-separation.jpg) repeat-x center top; } .submit {border:none;} .lien {cursor:pointer;} .middle {vertical-align:middle;} .pointer {cursor:pointer;} .cleft {clear:left;} .fleft {float:left;} .clear {clear:both;} .clearRight {clear:right;} .clearLeft {clear:left;} .clearNone {clear:none !important;} .floatRight {float:right;} .floatLeft {float:left;} /* Paginator */ #paginator {text-align:center; margin:10px 0; padding:5px 0; background-color:#EEE; border:1px solid #CCC;} #paginator .paginator-page {margin:0 3px; padding:5px 5px;} #paginator .paginator-span { padding:5px 5px; background:#0045a3; border:1px solid #0045a3; } /* Paginator Ajax*/ #paginator-ajax { margin: 10px auto;text-align:center; } #paginator-ajax .pagination-span { background: #ffffff none repeat scroll 0 0; border: 1px solid #000000; border-radius: 7px; box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25); font-size: 1.1em; font-weight: normal; margin: 0 5px; padding: 2px 5px; text-align: center; color:#000; } #paginator-ajax .pagination-lien { background:#0F72A7; background: -prefixe-linear-gradient(180deg, #6BB4CE, #0F72A7); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BB4CE', endColorstr='#0F72A7',GradientType=0 ); background-image:-moz-linear-gradient(180deg, #6BB4CE, #0F72A7); background-image:-webkit-linear-gradient(180deg, #6BB4CE, #0F72A7); background-image:-o-linear-gradient(180deg, #6BB4CE, #0F72A7); background-image:linear-gradient(180deg, #6BB4CE, #0F72A7); border:1px solid #093153; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25); color: #ffffff; font-size: 1.1em; margin: 0 5px; padding: 2px 5px; text-align: center; text-decoration: none; cursor:pointer; } #paginator-ajax .pagination-lien:hover { background: #FF7C06 none repeat scroll 0 0; background: -prefixe-linear-gradient(180deg, #F9BD7D, #FF7C06); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9BD7D', endColorstr='#FF7C06',GradientType=0 ); background-image:-moz-linear-gradient(180deg, #F9BD7D, #FF7C06); background-image:-moz-linear-gradient(180deg, #F9BD7D, #FF7C06); background-image:-webkit-linear-gradient(180deg, #F9BD7D, #FF7C06); background-image:-o-linear-gradient(180deg, #F9BD7D, #FF7C06); background-image:linear-gradient(180deg, #F9BD7D, #FF7C06); border: 1px solid #CB6102; } /* List */ .form-list {list-style:none;} .form-list li {font-size:1.05em; font-weight:500; margin:5px 0;} .form-list ul {} .form-list ul li {font-size:0.95em; font-weight:normal;} /* Formulaires */ body form {margin:0; padding:0;} body select {font-family:Roboto, Helvetica, sans-serif; font-size:12px; border: #ccc 1px solid; height:24px; display: inline-block; vertical-align: middle;} body input {border:#ccc 1px solid; font-family:Roboto, Helvetica, sans-serif; font-size:12px; } body input[type="text"], body input[type="date"] { height:20px; display: inline-block; vertical-align: middle;} body textarea {font-family:Roboto, Helvetica, sans-serif; font-size: 13px; letter-spacing: 0.5px;} .input-text {width:100%; max-width:400px; height:20px;} .input-text-court {width:150px; height:20px;} .input-textarea {width:100%; max-width:400px; height:80px;} .select120, .form .select120 {width:120px; height:25px;} .select-heure, .form .select-heure {width:60px;} .textarea {width:400px; height:50px;} .submit {border:none;} .form {margin:10px 0; padding-left:30px;} .form > div {padding-bottom:15px; clear:left;} .form > div.clear, .form > div.form { padding: 0;} .form select {width:400px;} .form80 {display:block; width:90px; float:left; padding-right:20px; font-weight:500;} .form90 {display:block; width:90px; float:left; padding-right:20px;} .form120 {display:block; width:120px; padding-right:20px; float:left;} .form130 {display:block; width:130px; padding-right:20px; float:left;} .form140 {display:block; width:160px; padding-right:20px; float:left;} .form180 {display:block; width:180px; padding-right:20px; float:left;} .form200 {display:block; width:200px; padding-right:20px; float:left;} .margin-auto {margin:0px auto;} .block {display:block;} .inlineblock {display:inline-block;} .valigntop {vertical-align:top;} /* Status */ .ok {padding:10px 0; font-weight:500; background-color:#AAFBA8; border-top:1px solid #0A9414; border-bottom:1px solid #0A9414; text-align:center; font-size:16px;} .okmsg {margin:5px;} .err, .errs {padding:10px 0; font-weight:500; background-color:#FAC0CA; border-top:1px solid #C40929; border-bottom:1px solid #C40929; text-align:center; font-size:16px;} .errs {padding:10px; border:1px solid #C40929; text-align:left;} .errmsg {margin:5px;} .warning {padding:5px 30px; font-weight:500; background:url('../themes/default/warning.png') no-repeat left #F8E76D; border-top:1px solid #ECA613; border-bottom:1px solid #ECA613; text-align:left;} .reponse-message, .reponse-erreurs, .ok { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; } .reponse-erreurs { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0 0.8em; } .reponse-message, .ok { background: #e6efc2; color: #264409; border-color: #c6d880; } .reponse-erreur { color: #8a1f11; font-weight:500; } .reponse-message, .ok { color: #264409; font-weight:500; } .reponseFermer {float:right; padding: 10px; cursor:pointer;} #reponse-fermer {float:right; padding: 10px; cursor:pointer; font-weight:500;} /* Module */ #module-container {padding:0 30px; min-height:350px;} .module-options {margin:10px 0; text-align:left; clear:right;} .module-options-container {text-align:left; padding-bottom:10px;} .module-options_boutons {margin:10px 0; text-align:left;} #module-delete-container {float:right;} /* Footer */ #footer {margin:0; padding:0; background-color:#eee; border:1px solid #ccc; height:30px;} /* Layer */ #layer {position:absolute; top:-1000px; left:0px; background-color:#000; z-index:810;} /* Chargement */ /*#loading {width:445px; position:absolute; top:0px; left:-1000px; z-index:200;} #loading-top {height:15px; background: url(../themes/default/window-top.png) top left no-repeat;} #loading-bottom {height:15px; background: url(../themes/default/window-bottom.png) top left no-repeat;} #loading-text {font-weight:500; border-left:5px solid #ccc; border-right:5px solid #ccc; background-color:#f7f7f7; text-align:center; font-size:18px; padding:30px 0;} #loading-image {padding-bottom:15px;}*/ /* Chargement */ #loading, #accueil-stat-loading, #accueil-graphe-loading {width:445px; position:absolute; top:0px; left:-1000px; z-index:8200;} #loading-top {} #loading-bottom {} #loading-text {font-weight:500; border:5px solid #ccc; background-color:#f7f7f7; text-align:center; font-size:18px; padding:30px 0;border-radius: 25px;} #loading-image {padding-bottom:15px;} /* Helper */ #helper {width:445px; position:absolute; top:0px; left:-1000px; z-index:110;} #helper-top {height:15px; background: url(../themes/default/window-top.png) top left no-repeat;} #helper-bottom {height:15px; background: url(../themes/default/window-bottom.png) top left no-repeat;} #helper-container {font-weight:500; border-left:5px solid #ccc; border-right:5px solid #ccc; background-color:#f7f7f7;} #helper-content {text-align:center; font-size:15px; padding:15px 0;} #helper-close-container {font-size:14px; text-align:right; padding-right:15px;} #helper-close {} #helper-title-container {padding:0 7px;} #helper-title-left {height:30px; width:20px; background:url(../themes/default/nav-left.png) top left no-repeat; float:left;} #helper-title-right {height:30px; width:20px; background:url(../themes/default/nav-right.png) top right no-repeat; float:right;} #helper-title {margin-left:20px; margin-right:20px; background-color: #FDA51A; height:25px; color:#fff; font-weight:500; font-size:16px; padding-top:5px;} /* Module Notice */ #notice-conteneur {border:1px solid #CCC; padding:15px; background:#fff; max-width:1100px;} #notice-conteneur h2, #notice-conteneur p, #notice-conteneur ul {margin-left:20px;} /* Module Accueil */ #home-container {width:100%;} .home-cell{border:1px dashed #ccc; padding: 10px;} /* Module Alerte produit */ #stockAlerte-conteneur {padding:5px;} .stockAlerte-declinaison-stock {text-align:right; color:#F90004;} /* Module Account */ #account-sidebar {width:300px; min-height:300px; float:left; border:1px solid #ccc;} #account-main-content {overflow:hidden; margin-left:320px;} .account-area-container {padding:0 0 5px 0; border:1px solid #ccc; background-color:#F7F7F7; margin-bottom:10px;} .account-area-title {border-bottom:1px solid #ccc; padding:5px; font-weight:500; font-size:14px; background-color:#eee;} .account-area-content {margin:0; padding:0;} /* Module User */ #user-main-content {padding:10px 0px;} #user-create-container {} #user-grid {border-collapse:collapse; width:100%;} #user-grid td, #user-grid th {border:1px solid #ccc; padding:3px 5px;} .user-options-container {text-align:center;} .user-options {padding:0 3px; margin:0 7px; cursor:pointer;} .user-details {} .user-infos-container {padding:0 10px;} /* Module Page */ #page-delete-container {float:right; margin:15px 0;} #page-list-container {margin:15px 0;} #page-titre {} #page-titre a {position:relative; top:5px;} #page-titre span {padding-left:10px; position:relative; top:7px;} /** SPE DAF EVOLUTION */ /* #page-contenu-111 {} #page-contenu-111 #en.page-language, #page-contenu-111 .page-language-fieldset-en {display:none;}*/ .page-chattgpt-config {padding:15px; background:#f2f2f2; border:1px solid #ccc; margin: 10px 20px 30px 0;} .page-area-container {padding:0 0 5px 0; margin-bottom:10px;} .page-area-container .language-selected {border-color: #CAE4EE; background-color:#FFF;} .page-area-title {height:31px; line-height:31px; overflow:hidden;} .page-area-title-left {background:url(../themes/default/cadre-titre-gauche.png) top left no-repeat; width:8px; height:31px; float:left;} .page-area-title-right {background:url(../themes/default/cadre-titre-droite.png) top left no-repeat; width:8px; height:31px; float:right;} .page-area-title-center {margin:0 8px; background:url(../themes/default/cadre-titre-centre.jpg) top left repeat-x; height:31px;} .page-area-title-center span.page-area-title-name {text-transform:uppercase; color: #FFF; font-weight:500; font-size:14px; padding-left:55px; background:url(../themes/default/cadre-titre-texte-bg.png) center left no-repeat;} .page-area-title-element {margin-left:15px;} .page-area-title-see {color: #FFF; font-weight:500;} .page-area-title-see a {color: #FFF; text-decoration:none;} .page-area-title-see a:hover {text-decoration:underline;} .page-area-content {margin:0; padding:0; border-bottom:1px solid #cae4ee; border-left:1px solid #cae4ee; border-right:1px solid #cae4ee; padding:10px 0; background-color:#F9F9F9;} #gotourl-container {width:475px; margin-top:10px;} #gotourl-container > div {margin-bottom:5px;} #gotourl-container input {margin-left:0;} #page-languages-content {padding:5px 10px; margin-bottom:5px;} .page-language {padding:5px 10px; background-color: #FFF; cursor:pointer;} .page-language-reminder {padding-left:10px;} .page-language-fieldset {cursor:pointer; border:1px solid #CAE4EE; padding:4px 5px 1px 5px;} .page-language-current {background-color:#DDD; border:1px solid #999;} .page-textarea {margin-left:180px; position:relative; top:0; left:0; z-index:10; width:450px;} .page-textarea-preview {width:390px; background-color:#FFF;border:1px solid #CCCCCC; padding:5px; cursor:pointer; min-height:13px; display:inline-block; float:left;} .page-textarea-preview-refresh {margin-left:5px; cursor:pointer; position:relative; left:0px; top:5px;} .page-textarea-preview p {margin:0;} .page-textarea-container {position:absolute; top:0; left:460px; display:none; z-index:20; width:602px;} .page-textarea-container-option {text-align:right; margin-top:10px;} .page-textarea-close {color: #FFF; font-weight:500; display:block; text-align:right; padding-right:15px; text-transform:uppercase;} .page-textarea-close, .page-textarea-update {cursor:pointer;} .page-ranking-title {text-transform:uppercase; font-weight:500; font-size:1.1em; margin-top:10px;} #page-ranking-first {} #page-ranking-second {} .page-window {} .page-window-header {height:31px; line-height:31px; overflow:hidden;} .page-window-header-left {background:url(../themes/default/cadre-titre-gauche.png) top left no-repeat; width:8px; height:31px; float:left;} .page-window-header-right {background:url(../themes/default/cadre-titre-droite.png) top left no-repeat; width:8px; height:31px; float:right;} .page-window-header-center {margin:0 8px; background:url(../themes/default/cadre-titre-centre.jpg) top left repeat-x; height:31px;} .page-window-header-center span.page-window-header-center-name {text-transform:uppercase; color: #FFF; font-weight:500; font-size:14px; padding-left:55px; background:url(../themes/default/cadre-titre-texte-bg.png) center left no-repeat;} .page-window-content {margin:0; border-bottom:1px solid #cae4ee; border-left:1px solid #cae4ee; border-right:1px solid #cae4ee; padding:10px; background-color:#FFFFFF;} .page-window-footer {} .page-window-footer-left {} .page-window-footer-right {} .page-window-footer-center {} .page-refresh {cursor:pointer; vertical-align:middle;} .ui-datepicker-trigger {position:relative; top:3px; cursor:pointer; margin-left:5px;} .ui-widget {font-size:11px !important; z-index: 40 !important;} .datetimepicker {width:130px;} .page-template-main {overflow-x:unset;} .page-template-main > table > tbody > tr { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;} .page-template-main > table > tbody > tr .page-template { margin: 5px;} .page-template-main > table > tbody > tr .page-template-container { padding: 1px 3px 5px 3px;} .page-template, .page-template-disabled {width:150px; min-height:160px; border:1px solid #ccc; background-color:#eee; overflow: hidden; margin:15px 10px; cursor:pointer; float:left;} .page-template-disabled {cursor:default;} .page-template-container {padding:7px 7px 5px 7px;} .page-template-title {text-align:center;} .page-template-preview {width:100%; height:120px;} .page-template-preview td {border:1px dashed #ccc; text-align:center; background-color:#fff; font-weight:500; font-size:14px;} .page-template-preview td i {font-size: 20px;} .page-template-preview td em {font-size: 9px; font-weight: 400;} .page-template-preview td em i {font-size: 10px;} .page-template-preview .page-template-preview-child { width:100%; height:60px;} .page-template-preview .page-template-preview-sous-child { width:100%; height:30px; border-collapse: collapse;} .page-template-preview .page-template-preview-sous-child td {font-size:12px; padding: 0;} /* SHOP ASSOCIATION */ #page-contenu-701 .page-template-main { overflow-x: unset;} #page-contenu-701 .page-template-main > table > tbody > tr { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;} #page-contenu-701 .page-template-main > table > tbody > tr .page-template { margin: 5px;} #page-contenu-701 .page-template-main > table > tbody > tr .page-template-container { padding: 1px 3px 5px 3px;} #page-contenu-701 .page-template-preview {display: none;} /*#template-8612 .page-template-container {padding:0;}*/ #page-contenu-701 #template-8586 .page-template-preview, #page-contenu-701 #template-8638 .page-template-preview, #page-contenu-701 #template-8656 .page-template-preview, #page-contenu-701 #template-8657 .page-template-preview, #page-contenu-701 #template-8591 .page-template-preview {display: table;} /* TEXTE ACTUALITE # */ #template-8652 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-actualite.jpg) no-repeat center center;} /* TEXTE IFRAME # */ #template-8636 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-texte-iframe.jpg) no-repeat center center;} /* TEXTE EVENEMENT # */ #template-8637 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-evenement.jpg) no-repeat center center;} /* TEXTE FORMATION # */ #template-8653 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-formationspro.jpg) no-repeat center center;} /* TEXTE MEDIATHEQUE # */ #template-8659 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-mediatheque-conteneur.jpg) no-repeat center center;} #template-8660 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-mediatheque.jpg) no-repeat center center;} /* PAVES # */ #template-8608 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-paves-hashtag-conteneur.jpg) no-repeat center center;} #template-8609 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-paves-hashtag-element.jpg) no-repeat center center;} /* Pavés + */ #template-8610 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-paves-plus-conteneur.jpg) no-repeat center center;} #template-8611 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-paves-plus-element.jpg) no-repeat center center;} /* Zone pictos + valeurs */ #template-8612 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-zonepictos-valeurs-conteneur.jpg) no-repeat center center;} #template-8613 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-zonepictos-valeurs-element.jpg) no-repeat center center;} /* Avis */ #template-8625 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-avis-conteneur.jpg) no-repeat center center;} #template-8626 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-avis-element.jpg) no-repeat center center;} /* Logos défilants */ #template-8614 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-logosdefilants.jpg) no-repeat center center;} /* Texte + 4 Images carrées */ #template-8627 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-texte-4imagescarres.jpg) no-repeat center center;} /* Image carrée + Texte */ #template-8628 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-imagecarree-texte.jpg) no-repeat center center;} /* Chiffres clés */ #template-8592 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-chiffrecles-conteneur.jpg) no-repeat center center;} #template-8593 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-chiffrecles-element.jpg) no-repeat center center;} /* Texte + 3 images horizontales */ #template-8607 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-texte-3imageshorizontales.jpg) no-repeat center center;} /* Texte + 3 images verticales */ #template-8620 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-texte-3imagesverticales.jpg) no-repeat center center;} /* Étapes numérotées */ #template-8621 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-etapesnumerotees-conteneur.jpg) no-repeat center center;} /* Étapes numérotées avec fond */ #template-8623 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-etapesnumerotees-avecfond-conteneur.jpg) no-repeat center center;} /* Étapes numérotées élément */ #template-8622 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-etapesnumerotees-element.jpg) no-repeat center center;} /* Images toute largeur */ #template-8624 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-images-toutelargeur.jpg) no-repeat center center;} /* Équipe avec logo */ #template-8633 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-equipe-logo-conteneur.jpg) no-repeat center center;} /* Équipe sans logo */ #template-8634 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-equipe-conteneur.jpg) no-repeat center center;} /* Équipe élément */ #template-8635 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-equipe-logo-element.jpg) no-repeat center center;} /* Retour sur */ #template-8629 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-retoursur.jpg) no-repeat center center;} /* Rétroplanning */ #template-8630 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-retroplanning-conteneur.jpg) no-repeat center center;} #template-8631 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-retroplanning-element.jpg) no-repeat center center;} /* Liste pictos + image */ #template-8605 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-listepictos-images-conteneur.jpg) no-repeat center center;} #template-8606 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-listepictos-images-element.jpg) no-repeat center center;} /* Pavés image + bouton */ #template-8603 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-paves-image-bouton-conteneur.jpg) no-repeat center center;} #template-8604 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-paves-image-bouton-element.jpg) no-repeat center center;} /* Pavés + bouton */ #template-8600 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-paves-bouton-conteneur.jpg) no-repeat center center;} #template-8601 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-paves-bouton-element.jpg) no-repeat center center;} /* Pavés extranet */ #template-8599 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-paves-extranet-conteneur.jpg) no-repeat center center;} #template-8602 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-paves-extranet-element.jpg) no-repeat center center;} /* Texte + liste à puces */ #template-8598 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-texte-listeapuces.jpg) no-repeat center center;} /* Texte + petite image + picto */ #template-8596 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-texte-petiteimage-picto-conteneur.jpg) no-repeat center center;} #template-8597 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-texte-petiteimage-picto-element.jpg) no-repeat center center;} /* FAQ */ #template-8594 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-faq-conteneur.jpg) no-repeat center center;} #template-8595 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-faq-element.jpg) no-repeat center center;} /* Mosaique images */ #template-8632 .page-template-container { height: 116px; background:url(../themes/shopassociation/previsu-gabarit/gabarit-mosaique-image.jpg) no-repeat center center;} /* FIN SHOP ASSOCIATION */ /* RH VENTURE 2024 */ #page-contenu-708 .page-template-main { overflow-x: unset;} #page-contenu-708 .page-template-main > table > tbody > tr { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;} #page-contenu-708 .page-template-main > table > tbody > tr .page-template { margin: 5px;} #page-contenu-708 .page-template-main > table > tbody > tr .page-template-container { padding: 1px 3px 5px 3px;} .page-attributs {display:none;} .page-attributs div {padding-bottom:5px;clear:left;} .page-attributs h2 {color:#3e3a3a; margin-bottom: 10px; font-size: 27px; font-weight: 700; letter-spacing: 1px; font-family: Roboto, Arial, Helvetica, sans-serif;} .page-attributs h3 {color: #fda51a; font-weight: 500;font-size: 17px; margin-top: 10px;margin-bottom: 10px;font-family: Roboto, Arial, Helvetica, sans-serif;} .page-attributs .form140 { margin-bottom: 5px; font-weight: 500;} .page-attributs .attribut-groupe-contenu-appartient-enfant > div {margin-left:10px;} .page-attributs .attribut-groupe-conteneur > .attribut-groupe-contenu .attribut-groupe > .attribut-groupe-conteneur {display:inline-block; vertical-align:top; width:calc(50% - 20px); min-width:620px; margin:5px;} .page-attributs .attribut-groupe-conteneur > .attribut-groupe-contenu .attribut-groupe > .attribut-groupe-conteneur .mceEditor {max-width:100%; display:block;} .page-attributs .attribut-groupe-conteneur > .attribut-groupe-contenu .attribut-groupe > .attribut-groupe-conteneur .mceEditor > table {width:100% !important;} .page-attributs .attribut-groupe-conteneur > .attribut-groupe-contenu .attribut-groupe > .attribut-groupe-conteneur .attribut-tinymceminifie-conteneur .mceEditor > table {width:420px !important;} .page-attributs .attribut-groupe {} .page-attributs .attribut-groupe > .attribut-groupe-contenu {display:inline-block; vertical-align:top; width:calc(50% - 20px); min-width:620px;} .page-attributs .attribut-groupe > .attribut-groupe-contenu .mceEditor .mceLayout {width:100% !important;} .page-attributs .attribut-type-select .form140, .page-attributs .attribut-type-text .form140, .page-attributs .attribut-type-checkboxcollection .form140 {padding:0; width:100%;} /* SOCIAL */ .page-attributs .attribut-groupe.partage .parametrage-utilise, .page-attributs .attribut-groupe.partage .texte-partage, .page-attributs .attribut-groupe.partage .image-partagee {width:100%;} .page-attributs .attribut-groupe.partage {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content:flex-start; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;} .page-attributs .attribut-groupe.partage > div:not(.parametrage-utilise, .texte-partage, .image-partagee) {width:calc(50% - 20px); max-width:430px; margin:5px;} /* FIN SOCIAL */ .page-attributs .attribut-checkbox-conteneur .attribut-text-conteneur, .page-attributs .attribut-checkbox-conteneur .attribut-select-conteneur { display: inline-block; vertical-align: top;} .page-attributs .attribut-checkbox-conteneur input[type="checkbox"] {vertical-align: top;} .page-attributs .attribut-colorpicker div, .page-attributs .attribut-checkboxcolorpicker div, .page-attributs .attribut-checkboximage div {clear:none; padding:0;} .page-attributs .attribut-colorpicker {position:relative; min-height:36px; cursor:pointer;} .page-attributs .attribut-colorpicker label {float:none;} .page-attributs .colorPickerDiv {background-color:#ffffff; } .page-attributs .attribut-checkboxcolorpicker {height:36px;} .page-attributs .attribut-checkboximage {height:56px;} .page-attributs .colorPickerInput {float:left; margin-top:5px;} .page-attributs .attribut-checkboxcolorpicker label, .page-attributs .attribut-checkboximage label {margin-left:25px; display:block; } .page-attributs .attribut-checkboxcolorpicker .colorPickerDiv {display:block; float:left; margin-right:10px; width:20px; height:20px; border:1px solid #CCD5DE;} .page-attributs .attribut-checkboximage .checkboxImageDiv {display:block; float:left; margin-right:10px; width:20px; height:20px; } #attribut-groupe-2178 .attribut-checkboximage .checkboxImageDiv, #attribut-groupe-2631 .attribut-checkboximage .checkboxImageDiv {width: 110px;height: 30px;} .page-attributs .attribut-checkboxcolorpicker .colorPickerSpan, .page-attributs .attribut-checkboximage .checkboxImageSpan {display:block; padding-top:4px;} .page-attributs .attribut-checkboximage > span {margin-top: 10px; display:inline-block;} .page-attributs .attribut-checkboximage .input-text {width: 200px;} .page-attributs .attribut-checkboxcollection { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .page-attributs .attribut-checkboxcollection-label {} .page-attributs .attribut-checkboxcollection-options {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap;} .page-attributs .attribut-checkboxcollection-options label {margin:2px 10px 2px 0; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .page-attributs .attribut-checkboxcollection-options input {margin-right:7px;} #attributs-0 {display:block;} /* COMAREL */ #attribut-groupe-2178 #bg-2576, #attribut-groupe-2631 #bg-2674 {display:none;} #attribut-groupe-2178 > div, #attribut-groupe-2631 > div {display: inline-block; vertical-align: top; width: 140px;} #attribut-groupe-2177 > div {display: inline-block; vertical-align: top; width: 220px; margin: 10px 0;} #attribut-groupe-2176 > div, #attribut-groupe-2634 .attribut-checkboximage, #attribut-groupe-2635 .attribut-checkboximage, #attribut-groupe-34 .attribut-checkboximage, #attribut-groupe-46 .attribut-checkboximage, #attribut-groupe-47 .attribut-checkboximage {display: inline-block; vertical-align: top; width: 330px;} #attribut-groupe-2176 > div.clear, #attribut-groupe-2177 > div.clear, #attribut-groupe-2178 > div.clear, #attribut-groupe-2631 > div.clear {width: 0;} /* CORDON SECTEUR */ .attribut-groupe-contenu .colonnes-tableau-produits {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .attribut-groupe-contenu .colonnes-tableau-produits > div {width:calc(50% - 20px); margin:10px;} /* ECOSPIRALE */ #attribut-groupe-2923 .attribut-checkboximage .checkboxImageDiv {width: 26px;height: 26px;} #attribut-groupe-2923 #bg-2926 {width:50px;} /* GATFIC */ #attribut-groupe-contenu-4507 {width:100%;} /* MON BIJOU FRANCAIS FABRIQUE DOR*/ .attribut-groupe.produit-groupe-conteneur, .produit-gravure-groupe {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content:flex-start; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;} .attribut-groupe.produit-groupe-conteneur > div, .produit-gravure-groupe > .attribut-type-groupe {width:calc(33.333% - 20px); margin:10px;} #attributs-2764-2766-2765-2767-2768-2769-2770-2771-2772-2773 {} #attribut-groupe-10695 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} /* LES VELOS DE MATHILDE */ #attribut-groupe-5140 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} #attribut-groupe-5140 .attribut-groupe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap;} #attribut-groupe-5140 .attribut-groupe > .attribut-groupe-contenu {width:100%;} #attribut-groupe-5140 .attribut-groupe .attribut-checkbox > div {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} #attribut-groupe-5140 .attribut-groupe .attribut-checkbox > div .form140 {margin: 2px 0; width:290px;} /* TVF */ .attr-appartient-4656.visible, .attr-appartient-6640.visible, .attr-appartient-6641.visible {display:block !important; margin:10px 0 0px 20px;} .attr-appartient-4656.visible .form140, .attr-appartient-6640.visible .form140, .attr-appartient-6641.visible .form140 {float:none;} /* COAXIAL */ #attribut-groupe-contenu-12305, #attribut-groupe-contenu-12334 { border-bottom: 1px solid #ccc; margin-bottom: 10px;} #attribut-groupe-12305, #attribut-groupe-12334 {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin:0;} #attribut-groupe-12305 .attribut-checkbox, #attribut-groupe-12334 .attribut-checkbox {padding:0;} #attribut-groupe-12334 > .attribut-checkbox {margin:5px 15px;} #attribut-groupe-12305 > .attribut-checkbox {margin:5px 15px; border: 1px solid #ccc; padding: 5px 10px; } #attribut-groupe-12305 > .attribut-checkbox .attribut-type-checkbox, #attribut-groupe-12305 > .attribut-checkbox .attribut-type-checkbox > div, #attribut-groupe-12334 > .attribut-checkbox .attribut-type-checkbox, #attribut-groupe-12334 > .attribut-checkbox .attribut-type-checkbox > div {padding:0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #attribut-groupe-12305 > .attribut-checkbox .attribut-type-checkbox .clear, #attribut-groupe-12334 > .attribut-checkbox .attribut-type-checkbox .clear {display:none;} #attribut-groupe-12305 > .attribut-checkbox .attribut-type-checkbox .form140, #attribut-groupe-12334 > .attribut-checkbox .attribut-type-checkbox .form140 { width:auto; padding-right: 10px; margin:0;} #attribut-groupe-12335 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} #attribut-groupe-12335 .attribut-groupe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap;} #attribut-groupe-12335 .attribut-groupe > .attribut-groupe-contenu {width:100%;} #attribut-groupe-12335 .attribut-groupe .attribut-checkbox > div {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} .page-error {text-align:left; padding:3px 15px; font-size:14px;} .page-article-container {display:none;} .page-code-erreur {font-weight:500; padding:0 15px; color:red;} .page-shortcut-container {padding:10px;} .page-base-grid {border:1px solid #ccc; border-collapse:collapse; margin-bottom:10px; width: 660px;} .page-base-grid td, .page-base-grid th {border:1px solid #aaa; padding:2px; background-color: #FFF;} .page-base-grid th {background-color:#ddd; text-align: center; font-weight:500;} .page-base-grid td.action {padding:2px 10px;} #page-auth-conteneur {} #page-auth-options-conteneur {} #page-auth-type {display:none; vertical-align:top; width:180px;} #page-auth-page {display:none; vertical-align:top; margin-left:25px; padding:0; } .page-text-container {} .page-text-container .mceNonEditable {width:880px; height:250px;border:1px solid #ccc; padding:0 10px;overflow-y: auto;} /* Module Actualités */ .actualite-liaison { margin:0;} .actualite-align {vertical-align:middle;} .actualite-container-types .actualite-no-padding{padding:0;} .actualite-container-types {padding-top:10px;} /* Module Produit */ #product-pictures-container {padding:10px 0;} .product-picture-maincontainer, .membre-picture-maincontainer {float:left; margin:10px; width:110px; position:relative;} /* SPE GABRIAC */ #page-contenu-284 #form-produit #container-photoGenerale10, #page-contenu-284 #form-produit #container-photoGenerale11, #page-contenu-284 #form-produit #container-photoGenerale20 {clear:both;} .product-picture-container, .membre-picture-container {width:90px; height:90px; border:1px solid #ccc; padding:10px; background-color: #fff; cursor:pointer; position:relative;} .product-picture-layout, .membre-picture-layout {position:absolute; top:90px; left:0px; width:100px; text-align:right;} .product-picture, .membre-picture {width:90px; height:90px; margin:0; padding:0; border-collapse: collapse; text-align: center; background: #e8e8e8;} .product-picture-empty, .membre-picture-empty {width:90px; height:90px; text-align: center; font-style: italic; border:1px dashed #ccc;} .product-picture-url { text-align: center;} .product-picture-legend {margin-top:10px;} .product-picture-legend input {width:110px;} .product-not-registered {text-align:center; font-style:italic;} .product-declinations-container {padding:10px;} #product-declinations {} #product-declinations-grid-wrapper {width:100%;} #product-declinations-grid {border:1px solid #ccc; border-collapse:collapse; margin-bottom:10px;} #product-declinations-grid td {border:1px solid #aaa; padding:2px;} #product-declinations-grid td.th {background-color:#ddd; text-align: center; font-weight:500;} #product-declinations-grid td.action {padding:2px 10px;} #product-declinations-grid td .page-textarea-container {bottom: 0; left: 0; top:auto;} #product-declinations-grid td .page-textarea-container .mceEditor td, #product-declinations-grid td .page-textarea-container .mceEditor td.th {border:none;} #product-declinations-grid td input[type="text"] { width: 100%; box-sizing: border-box;} #product-declinations-grid .page-textarea-preview {height:16px;width:140px; padding:0; overflow:hidden;} #product-declinations-grid .declinaison-description {position:relative;} #product-declinations-grid .declinaison-colorpicker {position:relative; height:36px; cursor:pointer;} #product-declinations-grid .declinaison-imagemanager {height:55px; width: 170px;} #product-declinations-grid .declinaison-imagemanager .bouton, #product-declinations-grid .declinaison-imagemanager .bouton:visited {margin:2px; padding:3px 2px;} #product-declinations-grid #caracteristique-1897, #product-declinations-grid #caracteristique-2422 {width: 130px;} .product-declinations-error {position:relative;} .product-declinations-error:hover .product-declinations-error-message {display:block;} .product-declinations-error-message {display:none; position:absolute; top:0px; left:20px; padding:5px; border:1px solid #CCC; background-color:#FFFFFF; width:200px;} .product-declinations-action {margin:0 5px; cursor:pointer; vertical-align:middle;} #product-similar-container, #product-related-container {} #product-similar-add, #product-related-add {margin:5px 0;} .product-similar, .product-related {border:1px solid #CCC; width:150px; padding:5px 10px; background-color:#FFF; float:left; margin:0 10px;} .product-similar table, .product-related table {border-collapse:collapse; width:150px; height:150px;} .product-similar-name, .product-related-name {text-align:center;} .product-similar-delete, .product-related-delete {text-align:right; margin-top:5px;} /* Module Association */ #association-main-container {padding:10px 0; width:820px; margin:0 auto;} #association-column-left {width:380px; height:400px; padding:10px; float:left; border: 1px dashed #ccc; overflow-y:scroll;} #association-column-right { margin-left:410px; width:380px; height: 400px; padding:10px; border:1px dashed #ccc; overflow-y:scroll;} .association-page {border:1px solid #ccc; margin-top:4px; margin-bottom:4px; margin-right:4px;} .association-page-1 {margin-left:0px;} .association-page-2 {margin-left:30px;} .association-page-3 {margin-left:60px;} .association-page-content {height:18px; padding:5px 15px;} .association-produit {cursor:pointer;} .association-famille {} /* Module Famille */ /* Module Liste */ #list-content {} #list-left-column {float:left;} #list-right-column {margin-left:600px;} .list-ranking-container {/*border:1px solid #ccc;*/ margin-bottom:30px;} /*.list-ranking-header {padding:5px 15px; font-size:14px; font-weight:500; background-color:#eee; width:990px;}*/ .list-ranking-header {height:31px; line-height:31px; width:1022px;} .list-ranking-header-left {background:url(../themes/default/cadre-titre-gauche.png) top left no-repeat; width:8px; height:31px; float:left;} .list-ranking-header-right {background:url(../themes/default/cadre-titre-droite.png) top left no-repeat; width:8px; height:31px; float:right;} .list-ranking-header-center {margin:0 8px; background:url(../themes/default/cadre-titre-centre.jpg) top left repeat-x;} .list-ranking-header-center span {text-transform:uppercase; color: #FFF; font-weight:500; font-size:14px; padding-left:55px; background:url(../themes/default/cadre-titre-texte-bg.png) center left no-repeat;} .list-ranking-slide {position:relative; top:2px; cursor:pointer;} .list-ranking-content {padding:20px 30px 20px 0; width:990px; border-bottom:1px solid #cae4ee; border-left:1px solid #cae4ee; border-right:1px solid #cae4ee;} /*.list-ranking-content .list-page:hover {background-color:#f7f7f7;}*/ .list-no-content {font-style:italic; text-align:center;} .list-page-ariane {padding:10px 0px 0px 15px;} .list-page {height:27px; line-height:27px;} .list-page-center {height:27px; padding:0 8px; background: #D8DCDF; border: 1px solid #C9C9C9; margin:0 8px;border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;-khtml-border-radius: 7px;} .list-page.nonvisible .list-page-center {background:#EDEDED;} .list-page:hover .list-page-center {background:#ADD3EA;} .list-page-status {float:left; width:27px; height:27px; text-align:center; margin-right:5px; font-size:14px;} .list-page-couleur-ok {background-color:#ff8400;} .list-page-appartient {position:relative;} .list-page-modules {display:none; min-width:300px; position:absolute; top: -15px; left:30px; height:50px; padding:15px; background-color:#FFF; border:1px solid #CCC; z-index:10;} .list-page-modules-header {text-align:right; line-height: normal; font-size:12px;} .list-page-modules-content {margin-top:10px;} .list-page-recherche {height:40px; } #pageRacine {color:#AAAAAA;} .list-page-type {border:1px solid #ccc; background-color:#eee; float:left; height:18px; padding:5px 0; width:45px; text-align:center;} .list-page-slide {position:relative; top:2px; cursor:pointer;} .list-page-content {} .list-page-option-container {float:right; text-align:right; margin-right:15px; vertical-align:middle;} .list-page-option {margin-right:15px;} .list-page-option i {font-size:15px;} a.list-page-name, a.list-page-name:visited {padding-left:20px; font-weight:400; text-decoration:none; display:block; overflow: hidden;text-overflow: ellipsis;height: 27px;} #list-legend {margin:15px 0;} #list-legend-grid {} #list-legend-grid tr {} #list-legend-grid td {padding:10px;} #list-search-container {margin-bottom:10px; border:1px solid #CCC; padding:15px; background-color: #EEE; width:990px;} #list-search-container h3 {} .list-search-fields {} .list-search-fields label.option {padding: 10px; display: inline-block; vertical-align: top;} /* Module Hierarchie */ #page-hierarchie {position:absolute; top:50px; left:50px; z-index:4110; background-color:#ffffff; width:1020px; display:none; border:1px solid #CCC; padding:15px;} #page-hierarchie div {padding:0px;} #page-hierarchie .page-hierarchie-conteneur-fermer {text-align:right; padding:10px 20px 10px 0;} #page-hierarchie .page-hierarchie-fermer, #page-hierarchie .page-hierarchie-valider { cursor:pointer;} #page-hierarchie-conteneur {height:700px; overflow-y:scroll; padding:15px;} #hierarchie-content {} #hierarchie-left-column {float:left;} #hierarchie-right-column {margin-left:600px;} .hierarchie-ranking-container {border:1px solid #ccc; margin-bottom:5px;} .hierarchie-ranking-header {padding:2px 15px; font-size:12px; font-weight:500; background-color:#eee; width:990px;} .hierarchie-ranking-slide {position:relative; top:2px; cursor:pointer;} .hierarchie-ranking-content {border-top:1px solid #ccc; padding:20px 30px 20px 0; width:990px;} /*.hierarchie-page:hover {background-color:#f7f7f7;}*/ .hierarchie-no-content {font-style:italic; text-align:center;} /* .hierarchie-page {height:15px; font-size:0.9em;} .hierarchie-page-content {border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; height:9px; padding:2px 15px; margin-left:20px;} */ .hierarchie-page {height:27px; line-height:27px; margin:6px 0;} .hierarchie-page-left, .hierarchie-page-left-selected {float:left; height:27px; width:8px; background:url(../themes/default/page-gauche-bg.png) top left no-repeat;} .hierarchie-page-right, .hierarchie-page-right-selected {float:right; height:27px; width:8px; background:url(../themes/default/page-droite-bg.png) top left no-repeat;} .hierarchie-page-content, .hierarchie-page-content-selected {height:27px; background:url(../themes/default/page-centre-bg.jpg) top left repeat-x; margin:0 8px;} .hierarchie-page:hover .hierarchie-page-left {background:url(../themes/default/page-gauche-over-bg.png) top left no-repeat;} .hierarchie-page:hover .hierarchie-page-right {background:url(../themes/default/page-droite-over-bg.png) top left no-repeat;} .hierarchie-page:hover .hierarchie-page-content {background:url(../themes/default/page-centre-over-bg.jpg) top left repeat-x;} .hierarchie-page-left-selected {background:url(../themes/default/page-gauche-over-bg.png) top left no-repeat;} .hierarchie-page-right-selected {background:url(../themes/default/page-droite-over-bg.png) top left no-repeat;} .hierarchie-page-content-selected {background:url(../themes/default/page-centre-over-bg.jpg) top left repeat-x;} .hierarchie-page-name {font-weight:500; cursor:pointer;} .hierarchie-page-type {border:1px solid #ccc; background-color:#eee; float:left; height:9px; padding:2px 0; width:20px; text-align:center;} .hierarchie-page-slide {cursor:pointer;} .hierarchie-page-option-container {float:right; text-align:right; margin-right:15px;} .hierarchie-page-option {cursor:pointer;} #hierarchie-legend {margin:15px 0;} #hierarchie-legend-grid {} #hierarchie-legend-grid tr {} #hierarchie-legend-grid td {padding:10px;} /* Module Update */ .update-conteneur {border-top:1px solid #ccc;} .update-conteneur-headline {padding:5px 0; font-size:12px;} .update-titre {float:left; width:230px;} .update-titre a {color:#555;} .update-date {float:left; text-align:right;} .update-type { text-align:right;} .update-texte {display:none; padding:15px 0;} /* Module Connexion */ #main.connexion {position: relative; padding:0; width: 100%;min-width: 326px;padding-right: 8px;padding-left: 9px;margin: 0 auto; bottom: 0;height: auto;min-height: calc(-210vh);box-sizing: border-box;} #main.connexion * {box-sizing: border-box;} #main.connexion .row {margin-right: -8px;margin-left: -9px; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} #admin-connexion-conteneur { min-height: auto; height: auto;max-width: 100%;width: 100%;padding-right: 8px;padding-left: 9px;position: relative;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;} #admin-connexion-contenu {} #admin-connexion-login-conteneur { position: relative; width: 100%;max-width: 39%; min-height: 100vh;margin: 0;padding: 0 60px 0 60px; background-color: rgba(0,0,0,0.3); -webkit-box-flex: 0; -ms-flex: 0 0 39%;flex: 0 0 39%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #admin-connexion-login-conteneur h2 {color:#fff; margin: 20px 0;} #admin-connexion-login-conteneur .reponse-message {position: relative;pointer-events: auto;margin: 0 auto 6px;padding: 15px; width: 100%;max-width: 360px; border-radius: 3px;color: #FFFFFF;background: #0abb87;color: #ffffff;border: 0;overflow: hidden;font-size: 0.875rem;} #admin-connexion-login-conteneur .reponse-erreurs {position: relative;pointer-events: auto;margin: 0 auto 6px;padding: 15px; width: 100%;max-width: 360px; border-radius: 3px;color: #FFFFFF;background: #fd397a;border: 0;overflow: hidden;} #admin-connexion-login-conteneur .reponse-erreur {font-size: 0.875rem; color: #ffffff; margin:0; padding:0;} #admin-connexion-logo {width: 210px; margin:45px auto 25px; text-align:center;} #admin-connexion-logo img {width:100%; height:auto;} #admin-connexion-login {max-width: 350px; margin: auto;} #admin-connexion-login .form { padding: 0; margin:10px 0; position:relative;} #admin-connexion-login label {color: #707070; position: absolute; pointer-events: none; top: 0;transform: none;left: 13px;font-size: 10px;font-weight: 400;transition-duration: .25s;} #admin-connexion-login .input-text {border: 1px solid #707070; height: 40px;font-size: 16px;font-weight: 500;line-height: 25px;color: #707070;padding: .475rem .75rem .3rem; overflow: visible; display:block; box-shadow: none;background-color: #fff;width: 100%; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-radius: 4px;outline: none; } #connexion-password-toggle {font-size: 17px; float: right;padding-right: 10px;margin-top: -33px;position: relative;z-index: 2;cursor: pointer; } #admin-connexion-login #admin-connexion-motdepasseoublie {margin:20px auto; text-align:center;} #admin-connexion-login #admin-connexion-motdepasseoublie a, #admin-connexion-login #admin-connexion-motdepasseoublie a:visited {color:#fff; font-size:15px;} #admin-connexion-login #admin-connexion-boutons {margin-top:20px; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;} #admin-connexion-login #admin-connexion-boutons .bouton-submit.connexion {width:100%; margin:10px 0;} #admin-connexion-texte-conteneur {} /* Module Deconnexion */ #disconnect-container {width:400px; margin:75px auto 0 auto; text-align:center;} #disconnect-container h1 {} #disconnect-content {} /* Module Config */ .config-area-container {padding:0 0 5px 0; border:1px solid #ccc; background-color:#F7F7F7; margin-bottom:10px;} .config-area-title {border-bottom:1px solid #ccc; padding:5px; font-weight:500; font-size:14px; background-color:#eee;} .config-area-content {margin:0; padding:0;} .config-description {font-size:14px; font-style: italic;} .config-groupe {border-bottom:1px solid #ccc;} .config-groupe .form140 {float:none; width:auto;} .config-groupe-groupeSocialLiens, .config-groupe-groupeSocialIcones, .config-groupe-boutonsGauche, .config-groupe-boutonsBasPage {display:inline-block; vertical-align:top; width:calc(50% - 10px);min-width:200px;} #form-config-contact {max-width:640px;} #form-config-contact .input-text {width:95%;} #form-config-contact .inlineblock {width:200px;font-size:14px;} #form-config-contact .inlineblock.config-contact-delete {width:20px;} #form-config-contact .config-contact-ligne { margin:5px 0; border-top:1px solid #ccc; padding: 5px 0 2px; font-size:0} #form-config-contact .config-contact-objet {} #form-config-contact .config-contact-mail {} #form-config-contact .config-contact-libelle {} #form-config-contact .config-contact-delete {vertical-align: bottom !important;} /* ODISTINGO */ .config-groupe-reservationJoursGroupe > .config-groupe {border:none; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .config-groupe-reservationJoursGroupe > .config-groupe > div { width: 245px; margin:5px;} .config-groupe-reservationJoursGroupe > .config-groupe > div.module-options-container {display:none;} .config-groupe-reservationJoursGroupe > .config-groupe > div > .config-groupe {padding-left:0; border:none;} .config-groupe-reservationJoursGroupe > .config-groupe > div > .config-groupe select {width:100%;} .config-groupe-reservationJoursGroupe > .config-groupe > div > .config-groupe .module-options-container {display:none;} /* COEXFI */ .config-groupe-contactGrosGroupeAdresse1 > .config-groupe { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} /* QMSAT */ .config-groupe-contactGroupeAdresses > .config-groupe { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .config-groupe-contactGroupeAdresses > .config-groupe > div {width: 445px; margin:5px;} /* GOURMAND ET GOURMANDISE */ .config-groupe-groupeInfosCommerce {} .config-groupe-groupeInfosCommerce > .config-groupe {padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .config-groupe-groupeInfosCommerce > .config-groupe > div {width:calc(50% - 20px);} .config-groupe-groupeInfosCommerce > .config-groupe > div .mceLayout {width:100% !important;} /* JUPPITER */ .config-groupe-commerceGroupesConteneur {} .config-groupe-commerceGroupesConteneur > .config-groupe {padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .config-groupe-commerceGroupesConteneur > .config-groupe > div {width:calc(50% - 20px);} .config-groupe-phrasesDelaisProduits > .config-groupe {padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .config-groupe-phraseStockBoutique, .config-groupe-phraseStockEntrepot, .config-groupe-phraseStockFournisseur {width: calc(50% - 30px); margin-right:10px;} .config-groupe-phraseStockBoutique textarea, .config-groupe-phraseStockEntrepot textarea, .config-groupe-phraseStockFournisseur textarea {width:100%;height: 60px; box-sizing:border-box;} .config-groupe-phrasesDelaisProduits > .config-groupe .module-options-container {width:100%;} #attribut-groupe-8743 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;} /* DIPTER */ .config-groupe-groupeParent {} .config-groupe-groupeParent > .config-groupe {border:none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} .config-groupe-groupeParent > .config-groupe .module-options-container {width:100%; margin: 10px 0 20px;} .config-groupe-groupeParent > .config-groupe > div {width:calc(50% - 30px); max-width:680px; margin: 0px 30px 0px 0; padding: 0;} .config-groupe-groupeParent > .config-groupe > div .config-groupe {padding-left:0;border: none; } .config-groupe-groupeParent > .config-groupe > div .module-options-container { display: none;} .config-groupe-fidelisationGroupe {} .config-groupe-fidelisationGroupe > .config-groupe { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} .config-groupe-fidelisationGroupe > .config-groupe > div { margin: 10px 30px 10px 0;} .config-groupe-fidelisationGroupe > .config-groupe > div .config-groupe {border:none;} .config-groupe-fidelisationGroupe > .config-groupe > div .module-options-container { display: none;} .config-groupe-groupePaiements {} .config-groupe-groupePaiements > .config-groupe {border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} .config-groupe-groupePaiements > .config-groupe .module-options-container {width:100%; margin: 10px 0 20px;} .config-groupe-groupePaiements > .config-groupe > div {width:calc(50% - 30px); max-width:680px; margin: 0px 30px 0px 0; padding: 0;} .config-groupe-groupePaiements > .config-groupe > div .config-groupe {padding-left:0;border: none; } .config-groupe-groupePaiements > .config-groupe > div .module-options-container { display: none;} /* MON BIJOU FRANCAIS FABRIQUE DOR */ .config-groupe-encartGroupe > .config-groupe { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} .config-groupe-encartGroupe > .config-groupe > div .config-groupe {border:none;} /* Cap esterel */ .config-groupe-mailsResa > h3 {margin:0;} .config-groupe-mailsResa > .config-groupe, .config-groupe-reponsesResa > .config-groupe { margin-top: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} .config-groupe-mailsResa > .config-groupe > div, .config-groupe-reponsesResa > .config-groupe > div {width:50%; box-sizing: border-box; padding: 0px 15px 0 0;} .config-groupe-mailsResa > .config-groupe > div .config-groupe, .config-groupe-reponsesResa > .config-groupe > div .config-groupe {padding:0;} .config-groupe-mailsResa > .config-groupe > div .config-groupe > div > div > span > table, .config-groupe-reponsesResa > .config-groupe > div .config-groupe > div > div > span > table {width:100% !important;} /* Biotiful */ .site-614 .config-groupe-contactAdresses > .config-groupe, .site-614 .config-groupe-produitsGroupe > .config-groupe, .site-614 .config-groupe-fraisPortGroupe > .config-groupe { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;} .site-614 .config-groupe-contactAdresses > .config-groupe > div, .site-614 .config-groupe-produitsGroupe > .config-groupe > div, .site-614 .config-groupe-fraisPortGroupe > .config-groupe > div {width: calc(50% - 20px); margin: 15px 20px 15px 0;} /* Module Template */ #template-previews-container {height:150px; padding:10px 0;} .template-preview-container, .template-preview-container-selected {height:150px; width:200px; float:left; margin:0 15px; border:5px solid #f7f7f7; cursor:pointer;} .template-preview-container:hover {border-color:#ccc;} .template-preview-container-selected {border-color: #999;} #template-main {padding:0 0 15px 0} #template-sidebar {width:180px; float:left; border:1px solid #ccc; padding:0 10px 10px 10px;} #template-content {margin-left:220px;} .template-sidebar-title {font-size:16px; font-weight:500; margin:10px 0;} #template-content-title {font-size:22px; font-weight:500; margin:15px 0 10px 220px;} #template-tags-container {display:none;} ul.template-list {font-size:14px; padding-left:15px;} ul.template-list li {list-style: none; margin:5px;} ul.template-list li a {cursor:pointer; text-decoration:underline;} ul.template-list li a:hover {text-decoration:none;} /* Module Style */ #style-main {padding:0 0 15px 0} #style-sidebar {width:180px; float:left; border:1px solid #ccc; padding:0 10px 10px 10px;} #style-content {margin-left:220px;} .style-sidebar-title {font-size:16px; font-weight:500; margin:10px 0;} #style-content-title {font-size:22px; font-weight:500; margin:15px 0 10px 220px;} #style-tags-container {display:none;} ul.style-list {font-size:14px; padding-left:15px;} ul.style-list li {list-style: none; margin:5px;} ul.style-list li a {cursor:pointer; text-decoration:underline;} ul.style-list li a:hover {text-decoration:none;} /* Module Navigation */ #navigation-main {} #navigation-sidebar {width:450px; float:right;} #navigation-root {margin-right:470px; padding-bottom:10px;} .navigation-item-container {border:1px dashed #ccc; background-color:#fff; padding:10px; margin:10px 0;} .navigation-item, .navigation-subitem {border:1px solid #ccc; background-color:#f7f7f7; padding:10px; margin:10px 0;} .navigation-subitem {margin-left:30px;} .navigation-selectable {background-color:#f7f7f7;} .navigation-selected {background-color:#FFF283;} .navigation-item-add, .navigation-subitem-add {border:1px dashed #ccc; padding:10px; margin:10px 0; text-align:center; font-size:14px; cursor:pointer;} .navigation-subitem-add {margin-left: 30px;} .navigation-item-options {float:right;} .navigation-item-label {font-size:14px;} .navigation-ranking-container {border:1px solid #ccc; margin-bottom:10px;} .navigation-ranking-title {padding:5px 15px; font-size:14px; font-weight:500; background-color:#eee;} .navigation-ranking-content {border-top:1px solid #ccc; padding:20px 30px 20px 30px;} .navigation-no-content {text-align:center;} .navigation-icons {background-image:url(ui-lightness/images/ui-icons_ef8c08_256x240.png); width:16px; height:16px; display:block; float:left; overflow:hidden; cursor:pointer;} .navigation-item-close {cursor:pointer;} .navigation-page {border:1px solid #ccc; margin-top:4px; margin-bottom:4px; margin-right:4px;} .navigation-page-1 {margin-left:0px;} .navigation-page-2 {margin-left:30px;} .navigation-page-3 {margin-left:60px;} .navigation-page-content {height:18px; padding:5px 15px;} .navigation-page-option-container {float:right; text-align:right;} /* Module frais de port */ #shipping-grid { border-collapse: collapse; width:100%; margin:10px 0;} #shipping-grid td, #shipping-grid th {padding:2px 5px; border:1px solid #ccc;} #shipping-grid-transport, #shipping-grid-weight {border-collapse: collapse; border:none;} #shipping-grid-weight td {border:none;} /* Module promotion */ #promotion-creation {display:none;} #promotion-liste {} .promotion-grid { border-collapse: collapse; width:100%; margin:15px 0; background-color:#fff;} .promotion-grid td, .promotion-grid th {padding:2px 5px; border:1px solid #ccc;} .promotion-grid-container {padding:0 15px;} .promotion-grid-empty {padding:15px; text-align: center;} .promotion-grid tr.promotion-deleted td {text-decoration:line-through;} .promotion-grid tr.promotion-used td {text-decoration:line-through;} .promotion-delete {cursor:pointer;} .promotion-assoc-ligne {padding:3px 10px !important; border-top:1px solid #CCC; border-bottom:1px solid #CCC; background-color: #FFF; width: 380px; margin-top:5px;} #listeProduitLabel {font-weight:500;} #promotion-code-conteneur {vertical-align:middle; line-height:15px;} #promotion-code-conteneur img, #promotion-code-conteneur label, #promotion-code-conteneur input {vertical-align:middle;} #promotion-code-conteneur span {font-size:0.9em;} #form-promotion {} .mfp-inline { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } #treecontainer-add {display:none; margin-top:10px;} #form-promotion #ajoutProduit .form {padding-left:0px;} #treecontainer .fa-folder-open-o {font-size:14px;} #treecontainer .fa-file-o {font-size:13px;} /* Module affiliation */ #affiliation-creation {display:none;} #affiliation-liste {} #affiliation-grid {border-collapse:collapse; width:660px;} #affiliation-grid td, #affiliation-grid th {border:1px solid #ccc; padding:2px 5px;} /* Module message */ #message-grid {border-collapse:collapse; width:660px;} #message-grid td {border:1px solid #ccc; padding:2px 5px;} .message-header {} .message-content {} /* Module Commande */ #commandes #filter {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} #commandes #filter div {margin: 0 10px;} #commandes #filter label {display:block; margin:0 0 5px; font-weight:500;} #commandes #filter .input-text {width:240px;} #commandes #filter #commandes-submit { margin-top: 9px;} #commandes #grid {margin-top:25px;} #commandes .base-grid td, #commandes .base-grid th {text-align:center;} #commandes .commande-statut {display:inline-block; vertical-align:top; padding:3px 5px; border-radius: 3px;} #commandes .commande-traitee {background:#72C279; color: #fff;} #commandes .commande-en-attente {background:#fda51a; color: #fff;} #commandes .commande-payee {background:#0d7ef0; color: #fff;} #commandes .commande-production {background:#000000; color: #fff;} #commandes .commande-annulee {background:#db3d28; color: #fff;} #commandes .commande-remboursee {background:#9800AC; color: #fff;} #commandes .commande-livree {background:#9800AC; color: #fff;} #commandes .commande-total {background:#72C279; color: #fff;} #commandes .commande-actions > div {display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #commandes .commande-actions a, #commandes .commande-actions a:visited, #commandes .commande-actions span { padding: 5px; height:100%; box-sizing: border-box; display:flex; flex-wrap:wrap; justify-content: center; align-items:center;} #commandes .commande-renvoi-confirmation {width:35px; cursor:pointer; display:inline-block;} #commandes .commande-renvoi-confirmation img {width:100%; height:100%; object-fit:contain; filter: invert(31%) sepia(55%) saturate(2206%) hue-rotate(351deg) brightness(100%) contrast(107%); display:block;} #commandes .errors{ color: #b90000; background: #ffd9d9; padding: 15px; width: fit-content; } /* .vert { background-color: #e6efc2; border-color: #c6d880; } .orange { background: #fff6bf none repeat scroll 0 0; border-color: #ffd324; } .rouge { background: #fbe3e4 none repeat scroll 0 0; border-color: #fbc2c4; } .bleu { background: #d5edf8 none repeat scroll 0 0; border-color: #92cae4; color: #205791; }*/ #commande-client-fichiers .commande-client-fichier { margin: 5px 0; position:relative; z-index:10; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} #commande-client-fichiers .commande-client-fichier-nom { margin: 0 5px;} #commande-client-fichiers .commande-client-fichier-action { margin: 0 5px; } #commande-client-fichiers .commande-client-fichier-action > * {padding:0 5px; cursor:pointer;} #commande-client-fichiers-admin-bouton { position: relative; z-index: 10; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} #commande-client-fichiers-admin-bouton #progress { height: 42px; margin-left: 15px; padding: 0;} #commande-client-fichiers-admin-bouton #progress span { margin: 0; display: inline-block;} #commande-client-fichiers-admin .commande-client-fichier { margin: 5px 0; position:relative; z-index:10; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} #commande-client-fichiers-admin .commande-client-fichier-nom { margin: 0 5px;} #commande-client-fichiers-admin .commande-client-fichier-actions { margin: 0 5px;display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } #commande-client-fichiers-admin .commande-client-fichier-actions > * {padding:0 5px; cursor:pointer;} #commande-div-non-traitee { margin-top:10px;} #commande-div-non-traitee form {padding:20px; width: 100%; box-sizing: border-box; border:1px solid #CCC; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;} #commande-div-non-traitee #commande-colis-radio {position:relative; z-index:12; width:260px;} #commande-div-non-traitee .commande-statut {height:48px; line-height:48px; padding-left:10px; position:relative; z-index:12;border: 1px solid #fff; box-sizing:border-box;} #commande-div-non-traitee .commande-statut.selected { background-color: rgb(225, 233, 244); border-color:rgb(205, 210, 216);} #commande-div-non-traitee .commande-statut label {cursor:pointer; height: 48px; display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;} #commande-div-non-traitee .commande-statut label span { line-height: 20px; max-width: calc(100% - 30px);} #commande-div-non-traitee .commande-statut input {margin:0px 10px 0 0;} #commande-div-non-traitee #commande-num-colis.selected { border-right:none; } #commande-div-non-traitee #commande-num-colis.selected::after {content:""; position:absolute; z-index:11; right: -2px; top:0; height:100%; width:3px; background:rgb(225, 233, 244); display:block;} #commande-div-non-traitee #commande-num-colis-details {display:none; position:relative; z-index:10; width:calc(100% - 260px); padding:10px 20px; min-width:200px; box-sizing: border-box; } #commande-div-non-traitee #commande-num-colis-details.selected {background-color:#E1E9F4; border: 1px solid #CDD2D8; display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;} #commande-div-non-traitee #commande-num-colis-details h3 {} #commande-div-non-traitee #commande-colis-noms { border-bottom:none; padding-bottom:0px; height:39px; width: 170px;} #commande-div-non-traitee #commande-nom-colis {} #commande-div-non-traitee #commande-nom-message{} #commande-div-non-traitee #commande-num-colis-detail {border-top:none; width: calc(100% - 195px);} #commande-div-non-traitee #commande-transport-colis { margin-top: 25px;} #commande-div-non-traitee #commande-transport-colis select {width:100%; background:#fff;} #commande-div-non-traitee #commande-num-colis-input { margin-top: 30px;} #commande-div-non-traitee #commande-num-colis-input #numeroColis {width:100%;} #commande-div-non-traitee #commande-message-colis-mail { margin-top: 25px;} #commande-div-non-traitee #commande-message-colis-mail textarea {width:100%; box-sizing: border-box;} #commande-div-non-traitee #commande-ok-submit {padding:15px;} #commande-sansref-conteneur {display:none;} #commande-sansref-nom {border-bottom:none; padding-bottom:0px; height:39px;} #commande-nom-envoimail-sansref {float:left;} #commande-nom-message-sansref {margin-left:200px;} #commande-sansref-detail {border-top:none;} #commande-sansref-envoimail {float:left;padding-left:55px;} #commande-message-sansref-mail {margin-left:200px; padding-left:25px;} /* #order-grid {border-collapse:collapse; width:660px;} #order-grid td, #order-grid th {border:1px solid #ccc; padding:2px 5px;} */ /* MODULE CLIENT */ #clients #table-datatable thead th{text-align: left; border: 1px solid #ccc !important; background-color: #195689 ; color: #ffffff; font-size: 14px; font-weight:500;} #clients #table-datatable {border-collapse: collapse; border-spacing: 0; border-bottom: none;} #clients #table-datatable th, #clients #table-datatable td {padding: 10px 18px; box-sizing: content-box; text-align:left;} #clients #table-datatable tbody tr:nth-child(2n+1) {background: #eaeaea;} #clients #table-datatable tbody td {padding: 8px 10px; border: 1px solid #ccc; font-size: 12px;} #clients #table-datatable thead th:last-child {} #clients #layout-datatable { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); color : black; font-size : 30px; z-index : 1} #clients .dataTables_paginate {margin: 10px 0;} #clients .link{text-decoration: none;} #clients .illustration-img {display: inline-block; height: 50px;} #clients .btn-visible{font-size : 30px; cursor: pointer;} #clients td.action {text-align: center;} #clients .btn {margin: 0px; color: #fff !important; background-color: #337ab7; border-color: #2e6da4; display: inline-block; padding: 6px 12px; font-size: 12px; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; text-decoration: none;} #clients .btn:hover {background-color: #286090; border-color: #204d74;} #clients .btn-danger {background-color: #d9534f;border-color: #d9534f;} #clients .btn-danger:hover {background-color: #c9302c; border-color: #ac2925;} #clients .reponse-erreurs{position: fixed;min-width: 500px;top: 200px;z-index: 1;float: right;right: 30px;} #clients .reponse-successes{position: fixed;min-width: 500px;top: 200px;z-index: 1;float: right;right: 30px;} #client-civilite-conteneur > div { display: flex; } #client-detail .mt-10{ margin-top : 10px; } #client-detail .mb-20{ margin-bottom : 20px; } /* Module Newsletter */ #newsletter-reponse, #newsletter-erreur {float:left;} #newsletter-reponse {background: #e6efc2; color: #264409; padding: 0 0.8em; margin-bottom: 1em; border: 2px solid #c6d880; font-weight:500;} #newsletter-erreur {color: #8A1F11; font-weight: 500;} #newsletter-reponseFermer {float:right; padding: 10px 0; cursor:pointer;} #newsletter-container {/*border:1px solid #ccc;*/ padding:10px;} #newsletter-ajout-conteneur {margin:10px 0;} #newsletter-grid {border-collapse:collapse; width:800px;} #newsletter-grid td, #newsletter-grid th {border:1px solid #ccc; padding:2px 5px;} #newsletter-recherche {margin: 15px 0; } #newsletter-recherche-reponse {font-size:14px; margin:10px 0;} #newsletter-attachement-container { width:500px;margin-left:40px;} .newsletter-bouton-delete {vertical-align:middle; padding-left:5px;} #newsletter-categorie {width:750px; border: 1px solid #D6E2EE; padding:15px;margin-left:90px; position:relative;} #newsletter-categorie-grise {background: none repeat scroll 0 0 #C0C0C0; position:absolute; top:0; left:0; height:100%; width:100%; opacity: 0.4; } .newsletter-groupe { float: left; width:250px; margin:5px 0;} #newsletter-programme-envoi { margin-left: 50px; margin-top:10px; display:none;} #newsletter-heure, #newsletter-minutes, #newsletter-intervalenvoi {width:40px;} .base-grid .newsletter-desinscrit-actions {text-align:center; padding:5px; line-height:5px; cursor:pointer;} .newsletter-desinscrit-add-categories {display:none;} /* Newsletter historique */ #historique-masquer-unique {padding:15px;} #historique-container-detail {padding:15px;} #historique-detail-newsletter { padding-top:25px;} #historique-container {} .newsletter-historique-nbEnvois { display: block; float: left; text-align: right; width: 40%;} .newsletter-historique-total {display: block; float: right; text-align: left; width: 40%;} #statistiques-container-detail {padding:15px;} .newsletter-envoi-id {width:25px;} .newsletter-envoi-date {width:150px;} .newsletter-envoi-objet {} .newsletter-insertion {width:150px; text-align:center;} .newsletter-envoi-progression {width:150px; text-align:center;} .newsletter-envoi-action {width:80px; text-align:center; text-decoration:underline;} .historique-statistiques-detail-img {cursor:pointer;} .historique-statistiques-detail {display:none;} /* Newsletter inscrit */ .newsletter-inscrits-cadre {background-color: #F9F9F9; border: 1px solid #CCCCCC; margin: 0 30px 10px 0; padding: 10px;} .newsletter-inscrits-export-categorie, .newsletter-inscrits-recherche-categorie, .newsletter-inscrits-import-categorie, .newsletter-inscrits-insert-categorie {float:left; width:150px; padding:15px; clear:none !important;} #mail-multiples {width:650px; height:100px;} #groupe-actions {width:32px;} .base-grid .groupe-edit, .base-grid .groupe-delete {width:16px; padding:5px;} #groupe-adresses-titre {margin:10px; font-weight:500;} #groupe-adresses-conteneur { display: flex; flex-wrap: wrap; justify-content: flex-start;} .groupes-adresses-ligne {padding:5px 10px; width: 250px; display: flex; flex-wrap: wrap; justify-content: flex-start; } .groupes-adresse {flex:1; max-width: 200px;} .groupes-delete {vertical-align:middle; padding: 0 10px; cursor:pointer;} .groupes-adresses-retourligne {clear:left;} /* Controle session */ .session-inactive {position:absolute; visibility:hidden; z-index:110; left:600px; top:300px; width:350px; height:150px;} .session-deconnecte {position:absolute; visibility:hidden; z-index:110; left:600px; top:300px; width:350px; height:150px;} #sessionBoutonInactif {margin: 35px 0 0 85px;} #sessionBoutonReconnexion {margin: 20px 10px 0 100px;} /* Commentaires */ .commentaire-editer {margin-left:10px; font-weight:500;} .commentaire-editer a, .commentaire-editer a:visited {text-decoration:none;} .commentaire-editer a:hover {text-decoration:underline;} .commentaire-voir {margin-left:10px; font-weight:normal;} .commentaire-voir a, .commentaire-voir a:visited{text-decoration:none;} .commentaire-voir a:hover {text-decoration:underline;} #commentairedetail-form {} #commentairedetail-form textarea {width:700px; height:200px;} /* Publicite */ #publicite-container-image {height:20px; margin:0 15px 10px 0;} #publicite-container-image input {margin-bottom:10px;} #publicite-container-image label, #publicite-container-image input, #publicite-container-image a {vertical-align:middle;} #publicite-creation-container {} #create-publicite-nom {margin-bottom:10px;} #create-publicite-nom, #create-publicite-image, #create-publicite-lien {width:250px;} #create-publicite-position {width:250px;margin-bottom:10px;} #create-publicite-lien {margin:0 15px 10px 0;} #create-publicite-boutons {padding-top:15px;} #publicite-image-delete {cursor:pointer;} #create-publicite-save {margin:15px;} #publicites-container {padding-top:25px;} #publicite-container {} #publicite-bouton-retour {padding:10px 0;} #update-publicite-nom {margin-bottom:10px;} #update-publicite-nom, #update-publicite-image, #update-publicite-lien {width:250px;} #update-publicite-position {width:250px;margin-bottom:10px;} #update-publicite-lien {margin:0 15px 10px 0;} #update-publicite-boutons {padding-top:15px;} #update-publicite-save {margin:15px;} .publicite-statistiques-dates {padding:15px;} .publicite-statistiques-dates label {font-weight:500; padding-right:10px;} #publicite-statistiques-tableau {padding-top:35px;} /* Carrousel */ #carrousel-produits {display:none;} #carrousel-texte {display:none;} #carrousel-page {display:none;} #carrousel-page h2 {padding:10px 0 0 10px;} #carrousel-contenu-page {border:1px solid #ccc; margin:0 25px; width:650px; padding:15px;} #carrousel-choix-container {padding:10px 20px;} .carrousel-themes { background-color: #F9F9F9; border: 1px solid #CCCCCC; margin: 0 30px 10px 0; padding: 10px;} /* Partage des informations DDEC94 */ #partageinfo-ajout-container .base-grid td, #partageinfo-visu-container .base-grid td {padding-bottom:7px; padding-left:10px;} #partageinfo-ajout-container { margin:20px 0;} #partageinfo-ajout-ligne {padding: 15px 0;} #partageinfo-ajout-type-container {width:50%; padding-bottom:15px;} #partageinfo-ajout-type-container h3{margin-top:0px;} #partageinfo-ajout-type { padding-left:150px;} #partageinfo-ajout-metier-container{ display:none; float:right; width:50%; padding-bottom:15px;} #partageinfo-ajout-metier-container h3 { margin-top:0px;} .partageinfo-ajout-metier { padding-left:150px; display:none;} #partageinfo-ajout-tableau-container { display:none; padding-top:20px;} .partageinfo-ajout-tableau { display:none;} .partageinfo-ajout-tableau table{} .partageinfo-ajout-tableau table tr {height:25px;} .partageinfo-ajout-tableau-choix table, .partageinfo-ajout-tableau-choix table td,.partageinfo-tableau-ligne table th{ border:none;} .partageInfo-appreciations-liste {border-bottom-style: solid; border-bottom:dashed; border-width:1px; padding-top:10px;} .last-appreciation {border-bottom-style: hidden;} #partageinfo-visu-container { margin:20px 0;} .partageinfo-visu-nom { border: 1px solid #CCCCCC; min-height: 30px; line-height: 30px; margin-bottom: 5px; padding-left:15px;} .partageinfo-visu-type-nom{ background-color: #22466C; color: #FFFFFF; font-weight: 500; margin: 0 0 15px 0;} .partageinfo-visu-metier-nom {background-color:#59A8C9; color:#FFFFFF; font-weight:500; margin:0px; width:350px;} .partageinfo-visu-metier-container {} .partageinfo-visu-metier {} .partage-info-visu-metier-table {width:100%;} .partageinfo-visu-tableau-container {} .partageinfo-visu-tableau{} .partageinfo-visu-tableau-choix {} .partageinfo-visu-tableau-choix tr {height:25px;} .partageinfo-submit{padding:15px 15px 15px 30px;} .partageinfo-detail-appreciations-delete { border: medium none; cursor: pointer; height: 13px; position: relative; top: 3px;} .partageinfo-detail-new-appreciations-delete {left:4px;} #partageinfo-detail-add-appreciation { margin-top : 15px;} .partageinfo-detail-appreciations{ padding-left:180px; margin:10px 0;} .partageinfo-detail-appreciation-newligne {margin : 10px 0;} /* Gestion des documents DDEC94 */ #listeDocumentsPartage {} #documentpartage-message {padding-bottom:0;} .documentpartage-conteneur {margin-bottom:5px; border:1px solid #CCC; height:30px; line-height:30px;} .documentpartage-conteneur span {padding-left:5px;} .documentpartage-cat-title { background-color:#22466C; color:#FFFFFF; font-weight:500; margin:0px; width:98%;} .documentpartage-doc-title {width:98%;} .documentpartage-boutons {width:100px; float:right; vertical-align:middle;} .documentpartage-boutons-categorie {width:70px; float:right; vertical-align:middle;} .documentpartage-list-doc {width:98%; height:30px; line-height:30px;} .documentpartage-image-download{text-decoration:none; position:relative; top:-1px; padding:0 5px;} .documentpartage-lien-ajout{margin-bottom:10px; height:20px; line-height:20px; width:98%; padding:20px;} #documentpartage-modifier tr {height:30px; text-align:left;} #categoriepartage-modifier tr {text-align:left; height:30px;} #documentpartage-ajout-categorie-nom {width:250px;} .documentpartage-image-valign {vertical-align:middle;} .document-partage-image-delete{top:0px; vertical-align:middle; cursor:pointer;} .documentpartage-padding {padding:10px;} /* Etablissements */ .etablissement-boutons {padding:10px 0;} #etablissement-choix-container {padding:15px 0;} #etablissement-choix-ville {float:left; width:200px;} #etablissement-choix-unite {float:left;width:400px;} #etablissement-choix-unite .bouton100 {margin-top:10px;} #etablissement-choix-diplome {float:left;width:400px;} #etablissement-choix-diplome .bouton100 {margin-top:10px;} .etablissement-bouton-tri {padding:10px 0;} .etablissements-bouton-delete { vertical-align: middle;} .etablissements-unites-newligne {} .etablissements-newLigne {margin:10px 0; } /* Statistiques */ #statistiques {/*width:1000px;*/} #statistiques .stats-titre { font-size: 16px; } #statistiques .stats-nombre {font-size:15px; padding:3px 5px; background:#0d7ef0; color:#fff; border-radius:3px; margin: 1px 0; display: inline-block; vertical-align: top;} .stat {padding:0 10px; margin-bottom:5px;} .stat-gauche{ float:left; display:block; text-align:right; width:200px;} .stat-droite{ padding-left:10px; width:140px;} .stat-conteneur{float:left; padding:10px; width:900px; padding-bottom : 50px;} .stat-conteneur-accueil{float:left; padding:10px; width:455px; padding-bottom : 50px;} .stat-conteneur strong, .stat-conteneur-accueil strong {margin-right:5px;} .stat-conteneur-simple {} .stat-conteneur-simple .conteneur {display:inline-block; max-width:430px; width:100%; margin-right:20px; vertical-align:top;} .stat-conteneur-simple .conteneur-first {max-width:515px;} .stat-conteneur-simple .conteneur-last {max-width:350px;} .stat-conteneur-simple .conteneur:last-child {margin-right:0px;} .stat-conteneur-simple .panel {min-height:100px;} .stat-conteneur-simple .col-conteneur {font-size:0px; margin-top:30px;} .stat-conteneur-simple .col {width:33%; min-height:300px; display:inline-block; vertical-align:top; font-size:14px;} .stat-conteneur-simple .col .contenu {padding: 0 15px;} .stat-conteneur-simple .col table tbody tr {} .stat-conteneur-simple .col table tbody tr:nth-child(odd) {background:#f1f1f1;} .stat-conteneur-simple .col table tbody tr:hover {background:#E8E8E8;} .stat-conteneur-simple .middle {/*border-left:1px solid #CCC; border-right:1px solid #CCC;*/} #statistiques .loading {background: rgba(0,0,0,0.05); min-height:100px; text-align:center; display: flex; flex-direction: column; justify-content: center;} #statistiques .loading > div {font-size:20px; text-align:center;} #statistiques #table-pages-visites {max-width: 800px; margin-top: 20px;} /* Membres adherents */ .membresadherents-affilies {display:none; } #membreadherent-ligne .membresadherents-ligne-entete{background-color:#072F52;} .membreadherent-ligne-element {display:none;} .membreadherent-ligne-element.visible {display:block;} .membresadherents-ligne-entete {padding-left:15px; margin-top:15px; background-color:#6CB3CF; color:#FFFFFF; min-height: 32px;line-height: 32px; font-weight:500;} .membresadherents-ligne-nom {float:left; overflow:hidden; min-height:26px; width:calc(100% - 370px);} .membresadherents-ligne-nom img {vertical-align:middle; padding-right:5px;} .membresadherents-ligne-actions {float:right; width:360px; padding:3px; min-height:26px; text-align:right; line-height:26px;} #membresadherents-ligne-entete .membresadherents-ligne-actions {text-align:center;} .membresadherents-ligne-actions a,.membresadherents-ligne-actions span {margin-left:5px; cursor:pointer;} .membreadherent-ligne-supprimer {cursor:pointer;} .membresadherents-affilies .membresadherents-tableau {padding-left:25px; margin-top:15px;} .membresadherents-affilies .membresadherents-tableau .membre-ligne {display:none;} .membresadherents-affilies .membresadherents-tableau .membre-ligne.visible {display:table-row;} #membre-idSecteurActivite-conteneur {} #membre-idSecteurActivite-conteneur .floatLeft {} #membre-idSecteurActivite-conteneur .floatLeft > .form {display: inline-block; vertical-align: top;} /* Module Membre */ #membre-filtre {padding:0 20px 20px 20px;} #membre-filtre-nom, #membre-filtre-societe, #membre-filtre-codePostal {width:150px;} .base-grid .membre-actions-bouton {width:25px;padding:0;} .base-grid .membre-actions-bouton span {cursor:pointer;} /* Membre Details */ #membre-detail-carte{float:right; min-width:400px; width:45%; padding:15px; } #membre-detail-carte .form{ padding-left: 0px;} #membre-display-map {width:auto;} #membre-detail-informations {overflow:hidden;} #membre-detail-informations .form {overflow:hidden;} #membre-supprimer {float:right; margin:15px 0;} #membre-retour {margin:15px 0;} #map_canvas {width:400px; height:450px;} #membre-detail-categories {max-width:760px;} #container-photo,#container-logo {height:auto;} /* Membre documents */ #membre-document-ajout {} #membresdocuments-tableau {} #membresdocuments-tableau td {padding: 2px 5px;} #membredossier-choix {padding-left:210px;} /* Membre groupes */ #membre-groupes-conteneur {} #membre-groupes-conteneur .form > div {padding-bottom:0;} .groupe-conteneur {margin-bottom:5px; border:1px solid #CCC;} .groupe-conteneur span {padding-left:5px;} .groupe-title { background-color:#22466C; color:#FFFFFF; font-weight:500; margin:0px; } .groupe-sous-title { background-color:#59A8C9; color:#FFFFFF; font-weight:500; margin:0px;} .groupe-boutons {width:100px; float:right; vertical-align:middle;} .groupe-boutons-categorie {width:50px; float:right; vertical-align:middle;} /* Membre dossiers */ #membre-dossiers-conteneur {} /* Membres statistiques */ #membre-statistiques {} #membre-statistique-annee {margin:20px 130px;} #membre-statistique-show-annee {font-weight:500; font-size:1.1em;} #membre-statistiques table td {width:20px;text-align:center;} #membre-dossiers-conteneur .form > div {padding-bottom:0;} #membre-dossiers-conteneur .dossier-conteneur {margin-bottom:5px; border:1px solid #CCC;} #membre-dossiers-conteneur .dossier-conteneur span {padding-left:5px;} #membre-dossiers-conteneur .dossier-title { background-color:#22466C; color:#FFFFFF; font-weight:500; margin:0px; } #membre-dossiers-conteneur .dossier-sous-title { background-color:#59A8C9; color:#FFFFFF; font-weight:500; margin:0px;} #membre-dossiers-conteneur .dossier-boutons {width:100px; float:right; vertical-align:middle;} #membre-dossiers-conteneur .dossier-boutons-categorie {width:50px; float:right; vertical-align:middle;} /* MEMBRE COTISATION / CRM */ #membre-detail-informations .membre-cotisation-conteneur {width: 300px; float: left !important; clear:none;} #membre-detail-informations .membre-cotisation-conteneur .membre-cotisation-a-jour { text-align:left; font-weight:500;} #membre-detail-informations .membre-cotisation-conteneur .membre-cotisation-a-jour span {font-weight:normal;} .membre-cotisation-conteneur .membre-cotisation-a-jour {/*display:none;*/} .membre-cotisation-td {text-align:center; width:290px;} .membre-cotisation-caches-bouton {cursor:pointer; border:1px solid #ccc; padding:3px 5px; } .membre-cotisation-caches-bouton:hover {background:#BFBFBF;} .membre-cotisation-caches {display:none;} .membre-cotisation-bouton-ajout {margin-top:15px; width:200px; cursor:pointer;border:1px solid #ccc; padding:3px 5px; text-align:center; margin:15px auto;} .membre-cotisation-bouton-ajout:hover {background:#BFBFBF;} .membre-cotisation {display:none; margin:15px 0;} .membre-cotisation-ajout {display:none;margin-top:15px; } .membre-infoscotisation-conteneur {margin:10px;} .membre-infoscotisation {float:left;} .membre-cotisation-a-jour {font-weight:500; font-size:1.1em;} .cotisation-edit {float:left; cursor:pointer; margin:0 5px;} .membre-cotisation-colonne {display:inline-block; vertical-align:middle; } .cotisation-element {margin:5px; display:inline-block; vertical-align:middle;} .cotisation-element label, .cotisation-element input, .cotisation-element span {display:inline-block; vertical-align:middle;} .cotisation-montant {} .cotisation-montant input {width:70px;} .cotisation-date {width:100px;} .cotisation-date input {width:35px; margin-top: 1px; vertical-align: top;} .cotisation-date img { top:1px;} .cotisation-select {width:80px; } .cotisation-select select {width:70px;} .cotisation-reglement {} .cotisation-reglement select {width:100px;} .cotisation-cancel {display:inline-block; vertical-align:middle; margin:0 5px; cursor:pointer;} .cotisation-save {display:inline-block; vertical-align:middle; cursor:pointer;margin:0 5px;} .cotisation-delete {display:inline-block; vertical-align:middle; cursor:pointer; margin-left:5px;} /* CRM */ .message-input{ padding-bottom: 0px !important; } #module-crm {} #module-crm #ui-datepicker-div {z-index:5046 !important;} #crm-reponse-import { width:95%; margin-bottom: 1em; border: 2px solid #ddd;} #crm-reponse-import p, #crm-reponse-import li {margin:0; margin:0; font-weight:500; font-size:14px;} #crm-reponse-import-messages {background: #e6efc2; color: #264409; border-color: #c6d880;padding: 0.8em;} .crm-reponse-import-message {color: #264409; } #crm-reponse-import-erreurs {background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0.8em;} .crm-reponse-import-erreur { color: #8a1f11;} #crm-filtres-form {} #crm-filtres-inscrit .crm-filtres-groupes{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .crm-filtres-element {margin:5px 10px; width:160px;} .crm-filtres-element-titre {font-weight:500; text-align:center; min-height: 40px;display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .crm-filtres-element input, .crm-filtres-element select {width:158px;} .crm-filtres-element-date input {width:128px;} .crm-filtres-element-type {} .crm-filtres-element-nom {} .crm-filtres-element-prenom {} .crm-filtres-element-mail {} .crm-filtres-element-societe {} .crm-filtres-groupes-titre {} .crm-filtres-groupes-titre h2 {display:inline-block;} .crm-filtres-groupes-titre .groupe-show {display:inline-block; cursor:pointer; margin-left:10px;} .crm-filtres-groupes-titre .groupe-show img { display: inline-block; margin-bottom: 5px; vertical-align: middle;} .crm-filtres-groupes {margin:0 0 15px 15px;} .crm-filtres-colonne {width:250px;} .crm-filtres-colonne.crm-filtres-colonne-annee {width:340px;} .crm-filtres-colonne img { display: inline-block; vertical-align: top; cursor:pointer; } .crm-filtres-colonne label {padding:0 10px; display:inline-block; vertical-align:middle; width: calc(100% - 50px);} .crm-filtres-colonne .gras input {margin-top:0;margin-bottom:0; display:inline-block; vertical-align:middle;} #crm-filtres-groupes-statuts .crm-filtres-statut-conteneur {margin:0 10px 0 0;} #crm-filtres-groupes-statuts .crm-filtres-statut-enfants-conteneur {margin-left:15px;} #crm-filtres-ajout {margin:25px 0 10px;} #module-crm.filtres .mfp-wrap {overflow: hidden !important; } #module-crm.filtres .white-popup {padding: 0 !important; } #crm-filtres-popup {position:relative; z-index:10; padding:20px 10px;} #crm-filtres-popup-reponse {position:fixed; left:40px; top:0; z-index:15; width:calc(100% - 80px);} #crm-filtres-popup-reponse p.reponse-message {margin:0;} #crm-filtres-popup-haut {overflow-y:scroll;} #crm-filtres-popup-close { text-align: center; margin: 25px 0 0;} #crm-filtres-legendes {color:#24446f; display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} #crm-filtres-legendes .crm-filtres-legende {font-size: 20px;margin: 5px 15px 5px 0; padding: 0 7px; display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} #crm-filtres-legendes .crm-filtres-legende > * { margin: 0 6px;} #crm-filtres-legendes .crm-filtres-legende i {font-size:12px; } #crm-filtres-legendes .crm-filtres-legende .crm-filtres-legende-symbole span, #crm-filtres-legendes .crm-filtres-legende i {text-align: center;height: 100%; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #crm-filtres-legendes .crm-filtres-legende .crm-filtres-legende-symbole {padding: 2px 5px;display: block;width: 18px;height: 18px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);box-shadow: 0 0 5px rgba(0,0,0,0.5);} #crm-filtres-legendes .crm-filtres-legende .crm-filtres-legende-titre {font-size: 14px; font-weight: 500;} #crm-filtres-popup-elements {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} #crm-filtres-popup-elements .crm-filtres-popup-element {text-align:center;} /* INTERVAL */ .crm-filtres-element-interval {width:350px;} #crm-filtres-popup-elements .crm-filtres-element .crm-filtres-element-contenu-interval {display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} #crm-filtres-popup-elements .crm-filtres-element .crm-filtres-element-contenu-interval label {width: calc(50% - 10px); display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; -webkit-box-align:center;-ms-flex-align:center;align-items:center;} #crm-filtres-popup-elements .crm-filtres-element .crm-filtres-element-contenu-interval input {width:110px;} /* CRM Advanced */ #crm-advanced-filtres-recap-table {border-collapse: collapse; border-spacing: 0; border-bottom: none;} #crm-advanced-filtres-recap-table th, #crm-advanced-filtres-recap-table td {padding: 10px 18px; box-sizing: content-box;} #crm-advanced-filtres-recap-table th {border: 1px solid #ccc !important; background-color: #195689; color: #ffffff; font-size: 14px; font-weight: 500; text-align: center !important;} #crm-advanced-filtres-recap-table td {padding: 8px 10px; border: 1px solid #ccc; font-size: 12px;} #crm-advanced-filtres-recap-table .empty td {padding: 0px 10px !important;} #crm-advanced-filtres-recap-table ul {margin: 0; padding: 0; list-style-position: inside;} .crm-advanced-filtres-popin-groupe {display: block; margin-right: 15px; border: solid #DDD 1px;} .crm-advanced-filtres-popin-groupe-new {margin: 20px 0; text-align: center;} .crm-advanced-filtres-popin-groupe > .crm-advanced-filtres-popin-groupe-actions {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 5px 10px; background-color: #EEE; border-top: solid #DDD 1px;} .crm-advanced-filtres-popin-groupe > .crm-advanced-filtres-popin-element {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 10px;} .crm-advanced-filtres-popin-groupe > .crm-advanced-filtres-popin-element:nth-child(2n) {background-color: #EEE9;} .crm-advanced-filtres-popin-groupe > .crm-advanced-filtres-popin-element > *:not(.ui-datepicker-trigger) {-webkit-box-flex: 1;-ms-flex: 1 1 0px;flex: 1 1 0;} .crm-advanced-filtres-popin-groupe > .crm-advanced-filtres-popin-element > .crm-advanced-filtres-popin-element-actions {-webkit-box-flex: unset;-ms-flex: unset;flex: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px;} .crm-advanced-filtres-popin-groupe > .crm-advanced-filtres-popin-element > .crm-advanced-filtres-popin-element-actions .popin-loader {display: block; height: 22px;} .crm-advanced-filtres-popin-groupe > .crm-advanced-filtres-popin-element > .crm-advanced-filtres-popin-element-actions .popin-result {font-size: 20px;} .crm-advanced-filtres-popin-groupe .bouton-image {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px;} /* FIN */ #crm-filtres-popup-liste-conteneur, #crm-filtres-liste-conteneur {margin: 15px 0 35px;} #crm-filtres-popup-liste, #crm-filtres-liste {margin: 25px 0 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;} #crm-filtres-popup-liste h3, #crm-filtres-liste h3 {margin:0;} .filtres-popin-element { font-size:13px; width:560px; margin: 5px 20px 12px 0; border-radius: 2px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .filtres-popin-element > div {padding:5px 11px; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .filtres-popin-element .filtres-popin-element-label { font-weight: 500; width: 170px; border-right:1px solid #ccc; position:relative;} .filtres-popin-element .filtres-popin-element-label i { position: absolute; left: 4px;top: 4px;} .filtres-popin-element .filtres-popin-element-label i.fa-check {color:#3ac635;} .filtres-popin-element .filtres-popin-element-label i.fa-times-circle {color:#df0d0d;} .filtres-popin-element .filtres-popin-element-valeur {width:calc(100% - 320px); padding: 5px 11px;} .filtres-popin-element .filtres-popin-element-delete {font-size:15px; margin: 5px; color:#df0d0d; cursor: pointer; box-shadow: 1px 1px 3px rgba(0,0,0,0.5);} .filtres-popin-element .filtres-popin-element-action {padding:5px; font-size:20px; margin: 5px; cursor: pointer; box-shadow: 1px 1px 3px rgba(0,0,0,0.5);} .filtres-popin-element .filtres-popin-element-action label {cursor:pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .filtres-popin-element .filtres-popin-element-action input {margin:0 2px 0 0;} .filtres-popin-element .filtres-popin-element-action span {width:18px; text-align: center;} .filtres-popin-element .filtres-popin-element-action i {font-size:12px; vertical-align: top; margin-top: 6px;} .filtres-popin-element .filtres-popin-element-action .filtre-action-unique i {font-size:13px;} .filtres-popin-element:hover {-webkit-box-shadow: 0 0 5px rgba(106, 104, 104, 0.5); box-shadow: 0 0 5px rgba(106, 104, 104, 0.5);} .filtres-popin-element .filtre-popin-element-valeur {text-align:center; padding:5px; font-size:13px; margin: 5px; cursor: pointer; box-shadow: 1px 1px 3px rgba(0,0,0,0.5);} .filtres-popin-element .filtre-valeur-vide input, .filtres-popin-element .filtre-action-nonvide input {margin:0 2px 0 0;} .filtres-popin-element .filtres-popin-element-delete:hover {background:#eee;} /* GALERIE ARY JAN */ .ui-autocomplete {z-index:20000 !important;} #crm-popup-centre.white-popup-block-427 {max-width:1720px !important;} #crm-popup-aryjan {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} #crm-popup-contenu-aryjan {} #crm-popup-interets {width:calc(100% - 570px);} #crm-form-interets {margin-bottom:50px;} #crm-form-interets-statuts {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} #crm-form-interets .crm-form-interet {margin:10px; width: 260px;} #crm-form-interets .crm-form-interet span { padding: 5px;} #crm-form-interets .crm-form-interet-enfants {margin-left:25px;} #crm-form-interet-artistes {} #crm-form-interet-artistes-conteneur {width:100%; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} #crm-form-interet-artistes-conteneur .form { width: calc(25% - 20px); height: 40px;} #crm-form-interet-artistes .input-text {width:100%; max-width:300px; box-sizing: border-box; height: 30px;} /* Achats*/ #crm-achats-conteneur {} #crm-achat-labels {} #crm-achats-conteneur .crm-achats-contenu {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} #crm-achats-conteneur .crm-achats-contenu > div { margin:10px 10px 10px 0;} #crm-achats-conteneur .crm-achat-artiste {width:170px;} #crm-achats-conteneur .crm-achat-date {width:150px;} #crm-achats-conteneur .crm-achat-date .input-text {width:calc(100% - 30px); height:32px;} #crm-achats-conteneur .crm-achat-lieu {width:200px;} #crm-achats-conteneur .crm-achat-lieu .input-text {height:32px;} #crm-achats-conteneur .crm-achat-description {width:200px;} #crm-achats-conteneur .crm-achat-interet {width:200px;} .bouton-checkbox-conteneur {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} .bouton-checkbox {margin: 5px; cursor:pointer;} .bouton-checkbox label {height:auto; line-height:unset; padding:4px 11px; position: relative; background:#EEE; color:#454565; letter-spacing: 0.5px; border:1px solid #ccc; font-size:14px; display:inline-block; cursor:pointer; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; } .bouton-checkbox.selected label { background:#fff; color:#000;} .bouton-checkbox input {display:inline-block; vertical-align:top; position: absolute;left: 0;top: 0; opacity:0; width: 100%;margin: 0;height: 100%; z-index: 20;cursor: pointer;} .bouton-checkbox span {display:inline-block; vertical-align:top; } .bouton-checkbox.selected > span {} #crm-filtres-rapide-conteneur {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} #crm-filtres-rapide-conteneur .module-options_boutons { margin: 10px 0 8px 15px;} #crm-reponse {position: fixed;left: 10px;width: calc(100% - 20px); z-index: 2000;} .crm-colonne-dateDernierPaiement, .crm-colonne-dateRelance { min-width: 110px;} .crm-statuts-date-dernier-paiement, .crm-statuts-date-relance {width: 100%; -webkit-box-align: center;-ms-flex-align: center;align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;display: -webkit-box;display: -ms-flexbox;display: flex;} .crm-statuts-date-dernier-paiement-update, .crm-statuts-date-relance-update {display:none; width:170px;} .crm-statuts-date-relance-update {margin:5px 0;} .crm-statuts-date-dernier-paiement-update input, .crm-statuts-date-relance-update input {width:80px !important; border:1px solid #ccc !important;} .crm-statuts-groupes {} .crm-statuts-groupes-update, .crm-statuts-groupes-spe-update {display:none; width: 150px;} .crm-newsletter-groupes {} .crm-newsletter-groupes-update {display:none;} .crm-titre {font-weight:500; margin:10px 0; } .crm-edit {cursor:pointer;margin:5px;} .crm-update {cursor:pointer; margin:5px;} .crm-cancel {cursor:pointer;margin:5px;} #crm-popup {} #crm-popup-contenu {width:100%;} #crm-popup-contenu #reponse-container-popup {position: fixed;width: calc(100% - 40px);left: 20px;} #reponse-container-popup-edit {position: absolute;top: 30px; width: calc(100% - 40px);} #crm-popup-contenu #reponse-container-popup .reponse-messages, #crm-popup-contenu #reponse-container-popup .reponse-erreurs, #reponse-container-popup-edit .reponse-messages, #reponse-container-popup-edit .reponse-erreurs {position:relative;} #crm-popup-centre {position:relative;} #crm-popup-centre .mfp-close {font-size: 45px; color:#fff;} #crm-popup-centre .page-area-content{background:#fff;} #crm-popup-centre .page-area-content .form {padding:0 10px;} .crm-popup {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .crm-popup-titre {display:block; width:100%;} .crm-popup-titre-checkbox {display:inline-block; vertical-align:middle; width:150px;} .crm-popup-titre-textarea { vertical-align:top;} #crm-popup-form {} #crm-popup-form .input-text {display:inline-block; vertical-align:middle;} #crm-popup-form .input-textarea {display:inline-block; vertical-align:top;} .crm-popup-div {width:calc(60% - 20px); padding-left:15px; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing:border-box;} .crm-popup-div .form {padding-left:0px;} .crm-popup-div .input-text, .crm-popup-div select, .crm-popup-div .input-textarea {width:98%;} .crm-popup .formulaire-creation {margin-left:55px; width:100%;} .crm-popup .formulaire-update {width:calc(40% - 20px);} .crm-popup .formulaire-update-selected {width: 100%;} .crm-popup .formulaire-update-selected * {box-sizing: border-box;} .crm-popup .formulaire-update-selected #reponse-container-popup {top: 0;} .crm-popup-div .membre-cotisation-td { width: 300px;} #membre-popup-form .crm-popup-titre {width: 240px; vertical-align: middle;} #membre-popup-form .input-text, #membre-popup-form .input-textarea, #membre-popup-form select {display:inline-block; vertical-align: middle;} /* WORK TEMPORAIRE */ #worktemporaire-formulaire {} #worktemporaire-formulaire .form > div {margin:10px 0; padding:0;} #worktemporaire-formulaire .form .offre-ligne { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} #worktemporaire-formulaire .form .offre-ligne > div {width:calc(50% - 5px); text-align:left; } #worktemporaire-formulaire .form span { font-weight:500;} #crm-statuts label {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;} #crm-statuts label span { margin-top: 2px; max-width: calc(100% - 30px);} /* A AMELIORER */ .form-champ-multiple{display: flex;align-items: center;} .js-supprime-champ, .js-ajout-champ{padding: 7px 5px; margin-left: 9px; cursor: pointer;display: none;} .js-supprime-champ.visible, .js-ajout-champ.visible{display: block;} .form.planning table{min-width: 570px;border-collapse: collapse;margin-top: 15px;} .form.planning td{border: 1px solid #dcdcdc;;padding: 10px;text-align: center;} #crm-popup-note-form .form {} #crm-popup-historique {} #crm-popup-historique-conteneur {max-height:150px; overflow-y:scroll;} .crm-popup-historique-ligne {border-top:1px solid #ccc; margin:5px 0; padding:5px;} .crm-popup-historique-nom { font-weight:500; font-size:1.3em; margin-bottom:3px;} .crm-popup-historique-date {float:left;font-style:italic;} .crm-popup-historique-utilisateur {float:right; font-size:1.1em;} .crm-popup-historique-com {margin-top:5px; } #crm-resultats-conteneur {position: relative;} .crm-tableau-resultats {overflow-x:auto; position: relative; z-index: 10;} #crm-resultats-conteneur .crm-tableau-resultats .selectInscrits {min-width: unset; width: auto;} #crm-resultats-conteneur .crm-tableau-resultats .selectInscrits:hover, #crm-resultats-conteneur .crm-tableau-resultats .selectInscrits input:hover {cursor: pointer;} #crm-resultats-conteneur .crm-tableau-resultats .crm-colonne-telephone, #crm-resultats-conteneur .crm-tableau-resultats .crm-colonne-mobile {width:100px;} #crm-resultats-conteneur .crm-tableau-resultats .crm-colonne-telephone span, #crm-resultats-conteneur .crm-tableau-resultats .crm-colonne-mobile span, #crm-resultats-conteneur .crm-tableau-resultats .crm-colonne-mail span { margin: 5px 0; display: block;} #crm-resultats-conteneur .crm-tableau-resultats .crm-colonne-interets > div { margin: 9px 0;} #crm-resultats-conteneur .crm-advanced-tableau-resultats .base-grid {width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;} #crm-resultats-conteneur .crm-advanced-tableau-resultats .base-grid .dt-center {text-align: center !important;} #crm-resultats-conteneur .crm-advanced-tableau-resultats .crm-advanced-tableau-resultats-wrapper {width: 100%; max-width: 100%; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box;} #filtres-groupes {} .filtres-colonne {float:left; width:250px;} .membre-annee-encours {font-size: 20px; font-weight: 500; margin: 10px; text-align: center;} .membre-annee-encours-modifier {font-size: 15px; font-weight:normal;} /* CRM STATUTS POPIN */ #crm-popup-statuts-form {} #crm-statuts {margin-bottom:40px;} #crm-statuts .statut-ligne {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} #crm-statuts .statut-ligne.disabled{background:#eaeaea;} #crm-statuts .statut-ligne .statut-nom {width:430px;} #crm-statuts .statut-ligne .statut-nom input, #crm-statuts .statut-ligne .statut-nom span {display:none;} #crm-statuts .statut-ligne .statut-nom input.visible, #crm-statuts .statut-ligne .statut-nom span.visible {display:block;} #crm-statuts .statut-ligne .statut-nom input {height: 25px;} #crm-statuts .statut-ligne .statut-editer {width:137px;} #crm-statuts .statut-ligne .statut-supprimer {} #crm-statuts .statut-ligne .statut-supprimer .bouton {display:none;} #crm-statuts .statut-ligne .statut-supprimer .bouton.visible {display:inline-block;} /* ENVELOPPES */ .enveloppe-params {float:left; width:450px;} .enveloppe-params .form {padding-left:5px;} .enveloppe-params label {width:240px; display: inline-block; vertical-align: middle;} .enveloppe-params input {width: 40px; height: 20px;} /* Membres facturation */ /* GENERATION FACTURE */ #facturation-membres-liste {} #facturation-perso-liste {display:none;} #facturation-contenu table {} #facturation-contenu .form {padding-left:5px;} #facturation-informations .form > div {padding-bottom:0px;} #facturation-informations {border:1px solid #ccc; padding:10px; max-width:1100px;} .membres-facturation-label {font-weight:500;} #membres-facturation-prix {display:inline-block; vertical-align:top;} #membres-facturation-prix span {display:inline-block; vertical-align:top; margin:5px 0;} #membres-facturation-cocher-type {margin-left:55px;} .membres-facturation-generer {margin:20px 0;} .membres-facturation-cocher {display: inline-block; margin-left: 40px;} .membres-facturation-titre-td, .liste-facturation-titre-td {width:490px;} .liste-facturation-titre-td input {height: 20px; margin: 5px 0;} .liste-facturation-societe { width: 400px;} .liste-facturation-nom { width: 400px;} .liste-facturation-prenom { width: 400px;} .liste-facturation-adresse { width: 400px;} .liste-facturation-titre-td .liste-facturation-codePostal { width: 70px; margin-right:5px; display:inline-block;} .liste-facturation-ville { width: 220px; } .membres-facturation-prix-td, .liste-facturation-prix-td {width:100px;} .membres-facturation-type-td, .liste-facturation-type-td {width: 360px; vertical-align:top;} .membres-facturation-type-td .membres-facturation-type-element, .liste-facturation-type-td .liste-facturation-type-element {margin-bottom:7px;} .membres-facturation-type-td input, .liste-facturation-type-td input {vertical-align:top;} .membres-facturation-type-td span, .liste-facturation-type-td span {vertical-align:middle; display:inline-block;} #membres-facturation-recu {display:none;} #membres-facturation-copier-typeTexte {vertical-align:top;} .membres-facturation-typeText,.liste-facturation-typeText {display:none;} .membres-facturation-prix-td, .liste-facturation-prix-td {width:100px;} #membres-facturation-prix-commun, .membres-facturation-prix, .liste-facturation-prix {width:70px;} /* FACTURE ENVOI */ #membre-facture-envoi-contenu table {} #membre-facture-envoi-texteMail {margin-bottom:20px;} #membre-facture-envoi-container {margin:15px 0;} .membre-facture-envoi-filtre {float:left; margin:5px;} .membre-facture-envoi-filtre select {width: 70px;} .membre-facture-envoi-mails { min-height:30px; padding:5px; width: 455px;} .membre-facture-envoi-mails p {margin:5px 0;} .membre-facture-envoi-mails img {cursor:pointer;} #membre-facture-envoi-haut-conteneur {width:900px;} #membre-facture-envoi-sujet-container {float:right;} #membre-facture-envoi-sujet-container input {width:300px;} #membre-facture-envoi-sujet-container label {font-weight:500; font-size:14px;} #membre-facture-envoi-contenu {padding:35px 0;} .membre-facture-envoi-checkbox {margin:10px; border: 1px solid #ccc; width:400px;} .membre-facture-envoi-checkbox > div {margin:5px;} .membre-facture-reponse-messages, .membre-facture-reponse-erreurs {position:fixed; top:15px;width:95%; margin-bottom: 1em; border: 2px solid #ddd; z-index:6000;} .membre-facture-reponse-erreurs { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0 0.8em; } .membre-facture-reponse-messages { background: #e6efc2; color: #264409; border-color: #c6d880; } .membre-facture-reponse-erreur { color: #8a1f11; font-weight:500; } .membre-facture-reponse-message { color: #264409; font-weight:500;padding: 0.8em; margin:0; } #membre-facture-reponse-fermer {float:right; padding: 10px; cursor:pointer; font-weight:500;} .facture-envoi-bouton-ajout {cursor:pointer; text-align:center; border:1px solid #ccc; padding:3px 5px; margin:10px; display:block;} .facture-envoi-bouton-ajout:hover {background:#BFBFBF;} .facture-envoi {margin:10px 0;} /* FACTURE SUIVI */ #membre-facture-suivi-contenu table {} #membre-facture-suivi-container {margin:15px 0;} .membre-facture-suivi-filtre {float:left; margin:5px;} .membre-facture-suivi-filtre select {width: 70px;} #membre-facture-suivi-contenu {padding:35px 0;} #membre-facture-suivi-contenu form {display:inline-block;} #membre-facture-suivi-contenu input{border:none;display:inline-block;} .facture-reglement {width:200px;} .facture-regle {margin-left:0px; float:left} .facture-infosenvoi {margin-left:10px; float:left} .facture-edit {float:left; cursor:pointer; margin:0 5px;} .facture-date {display:none; width:110px;} .facture-date input {width:75px;} .facture-select {display:none;float:left;} .facture-select select {width:100px;} .facture-cancel {display:none;float:left; margin:0 5px; cursor:pointer;} .facture-save {display:none;float:left; cursor:pointer;margin:0 5px;} .facture-delete {display:none;float:left; cursor:pointer; margin-left:5px;} .facture-texte {display:none; margin:5px 0;} /* Formulaire */ #questionnaire-boutons-bas-page {display:none;} .questionnaire-boutons { margin:15px;} .questionnaire-boutons-delete {vertical-align:middle; padding-right:5px;cursor:pointer;} .questionnaire-checkbox {vertical-align:top;} .questionnaire-champs-details-container {float:left; padding-left:15px;} .questionnaire-champs-detail {padding:5px 0; clear:left;} #questionnaire-destinataire-container {float:left; padding-left:15px;} #questionnaire-erreurs, #questionnaire-erreur-label, #questionnaire-erreur-questions, #questionnaire-erreur-reponses, #questionnaire-erreur-options, #questionnaire-erreur-champs {display:none; } #questionnaire-champs-obligatoires {font-style:italic; font-size:0.9em; padding:10px; padding-bottom:0;} #questionnaire-creer-container, #questionnaire-update-container {margin:15px;} .questionnaire-question-supprimer {float:right; margin:10px;} .questionnaire-question-container { border:1px solid #AAAAAA; padding: 15px 10px; margin: 10px 0;} .questionnaire-question {/*float:left;*/} .questionnaire-question h3 {margin-top:0; margin-right:5px; /*float:left;*/ display:inline;} .questionnaire-reponses h3 {padding-left:36px; margin-bottom:5px;} .questionnaire-champ {} .questionnaire-reponses-container {padding:10px; padding-left:130px;} .questionnaire-reponses-container img {vertical-align:middle;} .questionnaire-reponses-container .ui-datepicker-trigger {vertical-align:baseline;} .questionnaire-reponses-option {margin: 3px 2px;} .questionnaire-ajoute-bouton {margin:10px 0;} .questionnaire-ajoute-reponse-bouton {margin-left:35px;} #questionnaire-liste-reponses {margin:20px;} .questionnaire-delete{float:left; cursor:pointer; padding-right:20px;} #questionnaire-contenu {} .questionnaire-ligne-reponse {margin:5px 0;} .questionnaire-select-ajouter-option {display:inline;} .questionnaire-reponses-select-options { padding-top:10px; padding-left:25px;} .questionnaire-select-options {padding:2px 15px;display:inline;} .questionnaire-select-container-options {} .questionnaire-select-container-options h4 {margin: 10px 0;} .questionnaire-update-position {margin-left:15px;} /* Formulaire */ #exercice-boutons-bas-page {display:none;} .exercice-boutons { margin:15px;} .exercice-boutons-delete {vertical-align:middle; padding-right:5px;cursor:pointer;} .exercice-checkbox {vertical-align:top;} .exercice-champs-details-container {float:left; padding-left:15px;} .exercice-champs-detail {padding:5px 0; clear:left;} #exercice-destinataire-container {float:left; padding-left:15px;} #exercice-erreurs, #exercice-erreur-label, #exercice-erreur-questions, #exercice-erreur-reponses, #exercice-erreur-options, #exercice-erreur-champs {display:none; } #exercice-champs-obligatoires {font-style:italic; font-size:0.9em; padding:10px; padding-bottom:0;} #exercice-creer-container, #exercice-update-container {margin:15px;} .exercice-question-supprimer {float:right; margin:10px;} .exercice-question-container { border:1px solid #AAAAAA; padding: 15px 10px; margin: 10px 0;} .exercice-question {/*float:left;*/} .exercice-question h3 {margin-top:0; margin-right:5px; /*float:left;*/ display:inline;} .exercice-reponses h3 {padding-left:36px; margin-bottom:5px;} .exercice-champ {} .exercice-reponses-container {padding:10px; padding-left:130px;} .exercice-reponses-container img {vertical-align:middle;} .exercice-reponses-container .ui-datepicker-trigger {vertical-align:baseline;} .exercice-reponses-option {margin: 3px 2px;} .exercice-ajoute-bouton {margin:10px 0;} .exercice-ajoute-reponse-bouton {margin-left:35px;} #exercice-liste-reponses {margin:20px;} .exercice-delete{float:left; cursor:pointer; padding-right:20px;} #exercice-contenu {} .exercice-ligne-reponse {margin:5px 0;} .exercice-select-ajouter-option {display:inline;} .exercice-reponses-select-options { padding-top:10px; padding-left:25px;} .exercice-select-options {padding:2px 15px;display:inline;} .exercice-select-container-options {} .exercice-select-container-options h4 {margin: 10px 0;} .exercice-update-position {margin-left:15px;} /* Attribut */ #attributs-liste .attribut-couleur {display:inline-block; width:25px; height:25px; border: 1px solid #ccc;} #attribut-detail {} #attribut-detail .col, #attribut-detail .nom {float:left; clear:none;} #attribut-detail .col .ligne {width: 250px; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #attribut-detail .col .ligne .colonne1 { max-width: calc(100% - 35px);} #attribut-detail .col .ligne input[type="checkbox"] {margin: 0 auto;} #attribut-detail .nom.select {width:400px; float:none;} #attribut-detail .supprimer {margin-right:10px;} #attribut-detail .supprimer > img {vertical-align:middle;} #attribut-detail .legende {font-weight:500; text-align:center;} #attribut-detail .attribut-colorpicker {position:relative; height:36px; cursor:pointer;padding:0; margin-top:0;} #attribut-detail .colorSelector2 {padding:0;} #attribut-detail .colorSelector2.couleurDefaut {left:43px;} #attribut-detail .colorPickerInput {float:left;} #attribut-detail .colorPickerDiv { padding:0; clear:none; background-color:#ffffff;} /* CLM */ #attribut-groupe-4850 {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} #attribut-groupe-4850 > .attribut-groupe-contenu { width:calc(25% - 60px); margin: 10px 15px; display: block; min-width: 0;} #attribut-groupe-4408 label {width:70px;} #attribut-groupe-4408 #attr-4409 {width: 190px;} /* CAP ESTEREL */ #attribut-groupe-13186 {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} #attribut-groupe-13186 > .attribut-type-groupe { width:calc(33.333% - 60px); margin: 10px 15px; display: block; min-width: 0;} /* Gestion attributs */ #gestion-attributs-conteneur {padding:15px 0;} #gestion-attributs-boutons {margin-top:25px;} /* PICTURE MANAGER */ #pictureManager-main {} /* Controles */ #pictureManager-controles {} #pictureManager-controles a, #pictureManager-controles a:visited {} #pictureManager-controles .addImage {float:left; margin-left:5px;} #pictureManager-controles .addDirectory {float:left; margin-left:5px;} #pictureManager-controles .clearImages {float:left; margin-left:5px;} /* Contenu */ #pictureManager-conteneur {} #pictureManager-conteneur .pictureManager-element {border:1px solid #cccccc; background:#ffffff; padding:10px; width:90px; float:left; margin:10px 5px 0px 5px;} #pictureManager-conteneur .pictureManager-element .supprimer {float:right;} #pictureManager-conteneur .pictureManager-element .select {} #pictureManager-conteneur .pictureManager-element .photo {margin:5px 0;} #pictureManager-conteneur .pictureManager-element .nom {} #pictureManager-conteneur .pictureManager-element .nom input {width:88px;} /* Artistes */ #oeuvres-module-filtres {position:relative; z-index:30;} #oeuvres-module-filtres-loader {width:100%; height:100%; position:absolute; left:0; top:0; z-index:35; background:url(../themes/default/ajax-loader.gif) no-repeat center center #F8F7F7; display:none;} .artistes-filtre { display:inline-block; vertical-align:top; margin: 10px 20px; padding:0;} .artistes-filtre-element {margin-left:30px;} .artistes-filtre-element .form {padding:0;} .artistes-filtre .filtre-artiste { width: 160px; padding-left: 0;} .artistes-filtre .filtre-artiste.form > div {padding:0;} #artistes-categories {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} #artistes-categories .artistes-categories {width:calc(25% - 11px); display:inline-block; vertical-align:top;} #artistes-categories .artistes-categories-smenus { margin-top:5px; } #artistes-conteneur {position: relative; z-index: 20;height: 100%; min-height:250px;} #artistes-loader {width:100%; height:100%; position:absolute; left:0; top:0; z-index:35; background:url(../themes/default/ajax-loader.gif) no-repeat center center #F8F7F7; display:none;} /* Mosaique artistes */ #artistes-centre-artistes {} #artistes-centre-artistes.hidden {display:none;} #artistes {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;} #artistes .artiste-element {position:relative; z-index:10; width:200px; height:250px; margin:10px;background:url(../themes/default/folder.png) no-repeat center top; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto;} #artistes .artiste-nom {cursor:pointer; height: 115px;text-align: center;font-weight: 500;font-size: 16px; padding: 50px 5px 0; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #artistes .artiste-action {margin-top:5px; text-align:center; } /* Oeuvres de lartiste*/ #artistes-retour {margin-top:5px;} #artistes-oeuvres {} #artistes-oeuvres .oeuvre-conteneur {position:relative; z-index:10; width:218px; min-height:260px; padding-bottom:10px; background:#fff; margin:10px; cursor:pointer; display:inline-block; vertical-align:top;-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);} #artistes-oeuvres .oeuvre-conteneur.nonvisible::after {width:100%; height:100%; position:absolute; left:0; top:0; z-index:15; content:""; background:rgba(0,0,0,0.2);} #artistes-oeuvres .oeuvre-conteneur.nonvisible::before {content: "\f070";font-family: fontawesome;position: absolute;left: 0;top: 50px;width: 100%;height: 100%;z-index: 20;font-size: 55px;color: #fff;text-align: center;} #artistes-oeuvres .oeuvre-statut {width:8px; height:8px; background:#fff; position:absolute; right:8px; top:8px; z-index:150; border-radius: 6px;} #artistes-oeuvres .oeuvre-statut.pas-fait { background:#f20909;} #artistes-oeuvres .oeuvre-statut.en-cours { background:#fbd716;} #artistes-oeuvres .oeuvre-statut.fait { background:#3bb719;} #artistes-oeuvres .oeuvre-image {height:168px;} #artistes-oeuvres .oeuvre-texte {min-height:60px; overflow:hidden; padding:5px; text-align:center;} #artistes-oeuvres .oeuvre-nom {font-style:italic;text-align:center;} #artistes-oeuvres .oeuvre-artiste {font-weight:500;text-align:center;} #artistes-oeuvres .oeuvre-action {margin-top:5px; text-align:center; position:relative; z-index:20;} #artistes-panier {z-index:3000; position:fixed; right:15px; top:140px; background:#fff; width:270px; min-height:85px; padding:15px 10px 0px; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);-webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #artistes-panier.sticky {top:40px;} #artistes-panier-titre {text-align:center; font-size: 16px; border-bottom: 1px solid #ccc; padding: 0 0 10px; cursor:pointer; position:relative; z-index:10;} #artistes-panier-titre i { position: absolute; z-index:10; right: 10px; font-size: 20px;} #artistes-panier-titre i.fa-trash-o { z-index:20; right:unset; left: 4px; padding: 5px; top: -6px;} #artistes-panier-contenu { max-height:240px; overflow-y:auto; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #artistes-panier-contenu.hidden {height:0; overflow:hidden;} .artiste-panier-element {padding:10px 0;} .artiste-panier-image {display:inline-block; vertical-align:middle; width:35px;} .artiste-panier-image img {width:35px; height:auto;} .artiste-panier-centre {margin: 0 5px; display:inline-block; vertical-align:middle; width:calc(100% - 75px);} .artiste-panier-oeuvre {font-style:italic;} .artiste-panier-artiste {font-weight: 500;} .artiste-panier-delete {font-size:18px; width:17px; padding: 3px; cursor:pointer; display:inline-block; vertical-align:middle;} #artistes-panier-boutons {margin: 5px 0; text-align:center; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #artistes-panier-boutons.hidden {height:0; overflow:hidden;} #artistes-panier-boutons .artistes-panier-bouton-titre {font-weight:500; font-size: 15px;} #artistes-panier-boutons .artistes-panier-bouton-stitre {font-weight:400; font-size: 14px;} #artistes-panier-boutons .bouton-auto {padding:5px; margin:5px 0;} #artistes-panier-bouton-supprimer {} #artistes-panier-bouton-supprimer span {width: 100%; height: 35px; color: #fff; background:#ea1e1e; margin-top: 5px; font-size: 16px; border-radius: 3px;cursor:pointer; text-align:center; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #artistes-panier-bouton-supprimer:hover span {background:#c11a1a;} /* OEUVRES */ #oeuvres {} #oeuvres .oeuvre-conteneur {cursor:default; position:relative; z-index:10; width:218px; min-height:260px; padding-bottom:10px; background:#fff; margin:10px; display:inline-block; vertical-align:top;-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);} #oeuvres .oeuvre-statut {width:8px; height:8px; background:#fff; position:absolute; right:8px; top:8px; z-index:15; border-radius: 6px;} #oeuvres .oeuvre-statut.pas-fait { background:#f20909;} #oeuvres .oeuvre-statut.en-cours { background:#fbd716;} #oeuvres .oeuvre-statut.fait { background:#3bb719;} #oeuvres .oeuvre-image {} #oeuvres .oeuvre-texte {min-height:60px; overflow:hidden; padding:5px; text-align:center;} #oeuvres .oeuvre-nom {font-style:italic;text-align:center;} #oeuvres .oeuvre-artiste {font-weight:500;text-align:center;} #oeuvres .oeuvre-action {margin-top:5px; text-align:center; } /* ORGANISATION */ #organisation-bouton {margin:15px 10px;} #organisation-categories {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #organisation-categories .organisation-categorie {margin: 10px;} #organisation-categories .organisation-categorie.selected a {background: #0045a3; border: 1px solid #0045a3;} #organisation-conteneur, #organisation-conteneur-blocs .organisation-conteneur {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #organisation-conteneur-blocs .organisation-conteneur-bloc {position:relative;} #organisation-conteneur-blocs .organisation-conteneur-bloc > .organisation-conteneur {width:100%; border: none; background: none;} #organisation .organisation-conteneur {width:218px; min-height:260px; padding-bottom:10px; background:#fff; clear:none; margin:10px; cursor:pointer; border:1px solid #2e1723; position:relative; z-index:10;} #organisation .organisation-conteneur.nonvisible::after {width:100%; height:100%; position:absolute; left:0; top:0; z-index:15; content:""; background:rgba(0,0,0,0.2);} #organisation .organisation-conteneur.nonvisible::before {content: "\f070";font-family: fontawesome;position: absolute;left: 0;top: 50px;width: 100%;height: 100%;z-index: 20;font-size: 55px;color: #fff;text-align: center;} #organisation .organisation-image {height:170px; width:100%;} #organisation .organisation-image img {height:100%; width:100%; object-fit:cover;} #organisation .organisation-texte {height:60px; width:100%; overflow:hidden; padding: 2px 5px; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #organisation .organisation-nom {width:100%;font-style:italic;text-align:center;} #organisation .organisation-artiste {width:100%;font-weight:bold;text-align:center;} #organisation .organisation-action {margin:5px auto 0; text-align:center; } /* DOCUMENTS */ #erreurs-fichiers, .erreurs-fichiers {display:none; color: #8A1F11; font-weight: 500;} #erreurs-fichiers .reponseFermer, .erreurs-fichiers .reponseFermer {float:right; padding: 5px 0; cursor:pointer;} #documents-container .form > div {padding-bottom:0;} #documents-container .resultats {margin-bottom:10px;} #dossier-picto-container {clear:none;} #documents-container .dossier-conteneur {margin-bottom:5px; border:1px solid #CCC; width:100%; height:30px; line-height:30px; overflow:hidden;} #documents-container .dossier-conteneur span {padding-left:5px;} #documents-container .dossier-date {} #documents-container .dossier-title { font-weight:500; } #documents-container .dossier-membre {margin-right:45px; } #documents-container .dossier-boutons {width:100px; float:right; vertical-align:middle;} #documents-container .dossier-boutons-categorie {/*width:350px;*/ float:right; vertical-align:middle; margin-right: 10px;} #documents-container .dossier-image-download img, #documents-container span.dossier-image-download {display: inline-block; margin: 0 10px; } #documents-container span.dossier-image-download {width:11px;} #documents-container .dossier-boutons-fichiers {display:inline-block; width:150px; cursor:pointer; margin-right:10px;} #documents-container .dossier-picto {padding:0; widht:30px; height:30px; display:inline-block;} #documents-container .dossier-fichiers {min-height:30px; display:none; margin:5px 0 5px 20px; } #documents-fichiers-conteneur #uploader {margin:20px 0;} #documents-fichiers-conteneur .plupload_wrapper {width:95%;} #documents-fichiers-conteneur .fichiers-container {} #documents-fichiers-conteneur .fichiers-container .fichier-contenu { margin: 5px 10px; width:270px; min-height:80px;} #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-nom {text-align:center; } #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-nom img {cursor:pointer; vertical-align:middle;} #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-nom span {display:inline-block;} #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-legende {} #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-legende input {width:245px;} #documents-fichiers-conteneur .fichier-supprimer {height:80px;} #documents-fichiers-conteneur .fichier-supprimer img {cursor:pointer; margin-top:30px;} #documents-fichiers-conteneur .fichiers-boutons-container {margin:20px 10px;} /* Liste de documents */ #documents-plupload {} #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu, .documents-plupload .documents-fichiers-conteneur .fichiers-container .fichier-contenu {width:inherit; min-height:40px; margin:20px 10px; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu > div, .documents-plupload .documents-fichiers-conteneur .fichiers-container .fichier-contenu > div {margin: 0 10px;} #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-date, .documents-plupload .documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-date {padding-top:8px; font-weight:500;} #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-nom, .documents-plupload .documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-nom {padding-top:8px;} #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-nom .loading, .documents-plupload .documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-nom .loading {font-size:7px;} #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-traitement, .documents-plupload .documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-traitement {padding-top:8px;} #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-traitement .loading, .documents-plupload .documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-traitement .loading {font-size:7px;} #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-titre, .documents-plupload .documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-titre {padding-top:8px;} #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-titre input, .documents-plupload .documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-titre input {width:240px;} #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-personne, .documents-plupload .documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-personne {padding-top:8px;} #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-personne .fichier-page {} #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-personne .fichier-page select, .documents-plupload .documents-fichiers-conteneur .fichiers-container .fichier-contenu .fichier-personne .fichier-page select {width:90px;} #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu .document-label, .documents-plupload .documents-fichiers-conteneur .fichiers-container .fichier-contenu .document-label {font-weight:500; margin-right:5px;} #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-type img, .documents-plupload .documents-fichiers-conteneur .fichiers-container .fichier-type img {cursor:pointer;} .documents-plupload .documents-fichiers-conteneur .fichiers-container .fichier-type i {font-size:20px;} #documents-plupload #documents-fichiers-conteneur .fichier-supprimer, .documents-plupload .documents-fichiers-conteneur .fichier-supprimer {height:40px; cursor:pointer;} #documents-plupload #documents-fichiers-conteneur .fichier-supprimer img, .documents-plupload .documents-fichiers-conteneur .fichier-supprimer img {margin-top:8px;} #documents-plupload #documents-fichiers-conteneur .fichier-supprimer.fichier-disabled img, .documents-plupload .documents-fichiers-conteneur .fichier-supprimer.fichier-disabled img {cursor:default;} #documents-plupload #documents-fichiers-conteneur .vert, #documents-plupload #documents-fichiers-conteneur .orange, #documents-plupload #documents-fichiers-conteneur .rouge, #documents-plupload #documents-fichiers-conteneur .bleu, .documents-plupload .documents-fichiers-conteneur .vert, .documents-plupload .documents-fichiers-conteneur .orange, .documents-plupload .documents-fichiers-conteneur .rouge, .documents-plupload .documents-fichiers-conteneur .bleu { padding: 0.2em; width:80px; display:inline-block; text-align:center;} /* ARY JAN */ .fieldset-oeuvre-documents {display:inline-block; vertical-align:top; width:calc(50% - 25px); margin: 0 10px;} #page-oeuvre-filtre {margin:15px 0;} #reponse-miseensituation {display:inline-block; vertical-align:middle; margin-left:10px; padding:0;} #reponse-miseensituation .reponse-erreurs{margin:0;} /** MODULE DE SUIVI **/ /* MENU DES MODULES */ #module-suivi .suivi-menu {} #module-suivi .suivi-menu .suivi-menu-element {cursor:pointer; width:120px; height: 55px; padding:10px; float:left; margin:5px 10px; border:1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } #module-suivi .suivi-menu .suivi-menu-element:hover, #module-suivi .suivi-menu .suivi-menu-element.selected {background:rgba(206, 206, 206, 0.9);} #module-suivi .suivi-menu .suivi-menu-element i {font-size:40px; color:#000;} #module-suivi .suivi-menu .suivi-menu-icone {text-align:center;} #module-suivi .suivi-menu .suivi-menu-nom {text-align:center; font-size:14px;} /* FIN MENU DES MODULES */ #suivi-conteneur {position:relative;} /* SUIVIS GENERAL */ #reponse-container-popup {position:fixed; width:90%; padding:0;} #module-suivi #reponse-popup-container, #module-suivi #reponse-popin-container, #module-suivi-pipe #reponse-popup-container, #module-suivi-pipe #reponse-popin-container {width: 35px; height:35px; position:absolute; right:21px; top:12px; font-size:14px;} #reponse-popup {padding: 0 0.8em; } #reponse-popup .reponse-popup-erreur {} #reponse-popup .reponse-popup-erreur i {vertical-align:middle; font-size:34px; color:#ed2a2a;} #reponse-popup .reponse-popup-message {} #reponse-popup .reponse-popup-message i {vertical-align:middle; font-size:34px; color:#45cc45} /* gabarit bouton */ #module-suivi .bouton-suivi, #module-suivi-pipe .bouton-suivi {margin:5px 0;} #module-suivi .bouton-suivi > span, #module-suivi-pipe .bouton-suivi > span {height:auto; line-height:unset; position:unset; background:#0C6FA8; color:#fff; font-size:15px; display:inline-block; padding:4px 7px; border:none; cursor:pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } #module-suivi .bouton-suivi:hover > span, #module-suivi-pipe .bouton-suivi:hover > span {background:#10599B;} #module-suivi .bouton-suivi.selected > span, #module-suivi-pipe .bouton-suivi.selected > span {background:#133B5F;} #module-suivi input.bouton-auto, #module-suivi-pipe input.bouton-auto {border:none;} #module-suivi .bouton-auto, #module-suivi-pipe .bouton-auto {height:auto; line-height:unset; position:unset; background:#0C6FA8; color:#fff; font-size:15px; padding:2px 5px; border:1px solid #133B5F; cursor:pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; text-transform:initial; } #module-suivi .bouton-auto:hover, #module-suivi-pipe .bouton-auto:hover {background:#10599B;} #suivi-entreedetail-formulaire .module-options-container {margin-left: 180px;} #module-suivi .mfp-wrap #module-suivi-pipe .mfp-wrap {overflow:hidden !important;z-index: 5043 !important; } #suivi-entree-bouton-rapport-temps {overflow-y:auto; max-height:100px;} #module-suivi .form > div.suivi-entree-popin, #module-suivi-pipe .form > div.suivi-entree-popin {width:100%; height:100%; display:none; position:absolute; top:40px; left:0; z-index:4200; } #module-suivi .form > div.suivi-entree-popin > div, #module-suivi-pipe .form > div.suivi-entree-popin > div {margin: 0 auto; max-height: 660px; max-width: 1090px; width:calc(100% - 45px); border:3px solid #ccc;background:#fff; padding:20px ; } .suivi-entree-popin-conteneur {padding: 30px 0 20px; min-height:380px; text-align:center; width:100%; position:relative; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;} .suivi-entree-popin-close {position:absolute; top:-20px; right:-20px; font-size:30px; padding:10px;cursor:pointer;} #module-suivi .form > div#suivi-entree-rapport-popin #module-suivi-pipe .form > div#suivi-entree-rapport-popin {font-size:15px; top:10px; width:calc(100% - 40px);} #suivi-entree-rapport-popin-conteneur .form140 {text-align:left;} #suivi-entree-rapport-popin-conteneur .erreur {margin:0; padding-right: 20px;} #suivi-entree-rapport-popin-conteneur-scroll {overflow-y: scroll; max-height:630px;} #suivi-entree-rapport-formulaire-colonne {} #suivi-entree-rapport-historiques-colonne {font-size:14px; padding:5px 0; width:100%; max-width:420px;} #suivi-entree-rapport-historiques {height:550px; overflow-y:scroll;} .suivi-entree-rapport-historique-ligne {border-top:1px solid #ccc; margin:5px 0; padding:5px;} .suivi-entree-rapport-historique-ligne div {word-wrap: break-word;} .suivi-entree-rapport-historique-date {float:left;font-style:italic; margin:0 10px 0 0;} .suivi-entree-rapport-historique-utilisateur {float:right; font-size:1.1em;} .suivi-entree-rapport-historique-destinataire {margin-top:5px; text-align:left;} .suivi-entree-rapport-historique-objet {margin-top:5px; text-align:left; } .suivi-entree-rapport-historique-com {margin-top:5px; text-align:left; } .suivi-entree-rapport-historique-destinataire span, .suivi-entree-rapport-historique-objet span, .suivi-entree-rapport-historique-com span {font-weight:500;} .suivi-rapport-radio {display:inline-block; vertical-align:top;} .suivi-rapport-radio.selected {background:#FF7C06;} /* Bouton action */ #module-suivi .bouton-action, #module-suivi-pipe .bouton-action {padding:5px;} #module-suivi .bouton-action.selected, #module-suivi-pipe .bouton-action.selected {background:#f2f2f2;} #module-suivi .bouton-action span, #module-suivi-pipe .bouton-action span {display:block; width:200px; } #module-suivi .bouton-statut, #module-suivi-pipe .bouton-statut {padding:5px 0;} #suivi-entree-conteneur, #suivi-projet-conteneur, #suivi-archive-conteneur, #suivi-base-client-conteneur {margin-top:15px;} #suivi-entree-conteneur .resultats, #suivi-projet-conteneur .resultats, #suivi-archive-conteneur .resultats, #suivi-base-client-conteneur .resultats {margin:10px;} #module-suivi table tr td {/*padding:5px 3px;*/} #module-suivi table tr td {/*cursor:pointer; background:none !important; */} #module-suivi .suivi-table-td {position:relative; z-index:10;} #module-suivi .suivi-table-td > a.lien-absolu {position:absolute; width:100%; height:100%; top:0; left:0; z-index:11;} #module-suivi .suivi-entree-edit, #module-suivi .suivi-entree-save, #module-suivi .suivi-entree-cancel {cursor:pointer; vertical-align:middle; height:16px; display:inline-block; } #module-suivi .suivi-entree-save {display:none;} #module-suivi .suivi-entree-cancel {display:none; } #module-suivi .bouton-check, #module-suivi-pipe .bouton-check {cursor:pointer; width: 24px; height:24px; text-align:center; display: inline-block; vertical-align: middle; background:#555; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; } #module-suivi .bouton-check i, #module-suivi-pipe .bouton-check i {width: 24px; height:22px; font-size: 18px; color:#fff; padding: 3px 0 0; } #module-suivi .bouton-check.floppy, #module-suivi-pipe .bouton-check.floppy { background:#3e57de;} #module-suivi .bouton-check.check, #module-suivi-pipe .bouton-check.check { background:#45cc45;} #module-suivi .bouton-check.times, #module-suivi-pipe .bouton-check.times { background:#ed2a2a;} #module-suivi .bouton-check.spinner, #module-suivi-pipe .bouton-check.spinner { background:#555;} /* FIN SUIVIS GENERAL */ /* SUIVIS PROJETS */ /* Filtres */ #module-suivi .suivi-filtres {} #module-suivi .suivi-filtres > input {margin:0 0 10px;} #module-suivi .suivi-filtres > h3 {margin:10px 0;} #module-suivi input.suivi-filtre-text {width:100%; height:25px;} #module-suivi input.suivi-filtre-text-between {width:60px; height:25px;} #module-suivi select.suivi-filtre-select {width:100%;} #suivi-entree-filtres {margin:15px 0;} #suivi-entree-filtres .floatLeft {margin:0 10px; max-width:30%;} #suivi-entree-filtres #suivi-entree-filtres-statuts {/*width:410px;*/ } #suivi-entree-filtres #suivi-entree-filtres-equipes {/*width:410px;*/} #suivi-entree-filtres #suivi-entree-filtres-criteres {/*width:410px;*/} #suivi-entree-filtres .filtre-statut-checkbox {visibility:hidden; display:block; margin:0;} #suivi-entree-filtres .suivi-entree-filtres-groupe {display:inline-block; vertical-align:top;} #suivi-entree-filtres .suivi-entree-filtres-groupe div {display: block; margin-left: 35px;} #suivi-entree-filtres .suivi-entree-filtre {margin: 5px; display:inline-block; vertical-align:top; font-size:0; cursor:pointer;} #suivi-entree-filtres .suivi-entree-filtre label {height:auto; line-height:unset; padding:4px 5px; position: relative; background:#ccc; color:#4a4a4a; border:1px solid #ccc; font-size:14px; display:inline-block; cursor:pointer; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; } #suivi-entree-filtres .suivi-entree-filtre.selected label { background:#fff; color:#000;} #suivi-entree-filtres .suivi-entree-filtre input {display:inline-block; vertical-align:top; position: absolute;left: 0;top: 0; opacity:0; width: 100%;margin: 0;height: 100%; z-index: 20;cursor: pointer;} #suivi-entree-filtres .suivi-entree-filtre span {display:inline-block; vertical-align:top; } #suivi-entree-filtres .suivi-entree-filtre.selected > span {} /* Tableau */ #suivi-entree-conteneur #suivi-entree-table-body tr.clos {background:#dddada !important;} #suivi-entree-conteneur table tr td .statut {background:#ccc; color:#555 !important; padding:5px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } #suivi-entree-conteneur table tr td .a-recontacter {background:#de8a4c; color:#fff !important;} #suivi-entree-conteneur table tr td .statut.qualifie {background:#3ebc25; color:#fff !important;} #suivi-entree-conteneur table tr td .statut.non-qualifie, #suivi-entree-conteneur table tr td .statut.qualifie.perdu {background:#f95e5e; color:#fff !important;} /* Fin Tableau */ /* FIN SUIVIS PROJETS */ /* SUIVIS FORMULAIRES */ #suivi-entreedetail-formulaire {position:relative; z-index:4200; overflow-y:auto; height:100vh;} #suivi-entreedetail-formulaire .layout {height:100vh; top:31px; position: fixed; display:none;} #suivi-entreedetail-formulaire .layout.visible {display:block;} #suivi-entreedetail-formulaire .mfp-close, #suivi-base-client-formulaire .mfp-close {font-size: 45px; color:#fff;} #suivi-entreedetail-formulaire .page-area-container { height: calc(100% - 20px);} #module-suivi .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } #module-suivi .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #module-suivi .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } #module-suivi .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } #module-suivi .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } #module-suivi .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } #module-suivi .selectize-dropdown {z-index:100;} #suivi-entree-formulaire .mfp-close {font-size: 45px; color:#fff;} #suivi-entreedetail-formulaire .page-area-content, #suivi-base-client-formulaire .page-area-content {padding:5px 10px; position:relative; z-index:4200;} #suivi-entreedetail-formulaire .page-area-content {overflow:hidden scroll; height: calc(100% - 31px); box-sizing:border-box;} #suivi-entreedetail-formulaire.popin .page-area-content {overflow:hidden;} #suivi-entreedetail-formulaire .form {padding-left:0px;} #suivi-entreedetail-formulaire .page-area-content > .form, #suivi-entreedetail-formulaire .suivi-entreedetail-pave.form{margin:0;} #suivi-entreedetail-formulaire > .form { font-size:0;} #suivi-entreedetail-formulaire .form label {font-size:14px;} #suivi-entreedetail-formulaire .h2 {margin:5px 0;} #module-suivi .form > div, #module-suivi-pipe .form > div {padding:0;} /* colonne */ #suivi-entreedetail-formulaire .suivi-entree-div {min-width:280px; margin:5px; font-size:14px;} #suivi-entreedetail-formulaire .input-text, #suivi-entreedetail-formulaire input[type="text"], #suivi-entreedetail-formulaire select, #suivi-entreedetail-formulaire .input-textarea { width:calc(100% - 200px); background:#fff; color:#000; border:1px solid #ccc; max-width: 400px;} #suivi-entreedetail-formulaire .input-text, #suivi-entreedetail-formulaire input[type="text"], #suivi-entreedetail-formulaire select {height:25px;} #suivi-entreedetail-formulaire .suivi-entreedetail-zone {border:1px solid #ccc; padding:10px; margin:2px 0;} #suivi-entreedetail-formulaire .suivi-entreedetail-pave {border-right:1px solid #ccc; padding:0 5px;} /* SUIVI DETAILS POPIN */ /* HAUT POPIN */ #suivi-entreedetail-haut {margin:5px 0; position:relative; z-index:100; border:1px solid #ccc; padding:5px 50px 5px 0 !important;} #suivi-entreedetail-haut-surcouche {position: absolute; left:0; top:0; width:100%; height:100%; z-index:15; background:rgba(255,255,255,0.9);font-size: 40px;font-weight: 500;text-align: center;} #suivi-entreedetail-haut input {height:initial !important;} #suivi-entreedetail-haut .suivi-entreedetail-element-haut {margin:0 0 5px 5px;} /* NOM PROJET */ #suivi-entreedetail-nomdossier-conteneur {max-width:385px;} #suivi-entreedetail-nomdossier-conteneur .input-text {width:calc(100% - 118px) !important; height:34px !important; max-width: unset !important; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; } #suivi-entreedetail-nomdossier-conteneur .suivi-entreedetail-dossier-form {display: inline-block; vertical-align: middle;} #suivi-entreedetail-nomdossier-conteneur .suivi-entreedetail-dossier-form label {width: 120px; margin:5px; display: inline-block; vertical-align: middle;} #suivi-entreedetail-nomdossier-conteneur .suivi-entreedetail-dossier-form select {display: inline-block; vertical-align: middle;} #suivi-entreedetail-nomdossier-conteneur .suivi-entreedetail-dossier-form > div {width:190px; display: inline-block; vertical-align: middle;} #suivi-entreedetail-nomdossier-form {width:calc(100% - 35px); } #suivi-entreedetail-nomdossier-form, #suivi-entreedetail-origine-form {display: inline-block; vertical-align: middle;} #suivi-entreedetail-origine-form.nonmodifiable {height:38px;} #suivi-entreedetail-origine-form.nonmodifiable div {height:100%; display:flex; flex-direction:column; justify-content:center;} .suivi-entreedetail-dossier-form > div {width:190px; display: inline-block; vertical-align: middle;} #suivi-entreedetail-iddossier-form {margin: 10px 0;} .suivi-entreedetail-creation #suivi-entreedetail-nomdossier-conteneur .input-text {width:calc(100% - 138px) !important;} .suivi-entreedetail-creation #suivi-entreedetail-nomdossier-conteneur .suivi-entreedetail-dossier-form > div {width:216px;} /* ASSIGNE */ #suivi-entreedetail-assigne-conteneur {} #suivi-entreedetail-assigne-form {display: inline-block; vertical-align: middle;} #suivi-entreedetail-assigne-form label {width: 60px; margin:5px; display: inline-block; vertical-align: middle;} #suivi-entreedetail-assigne-form select {display: inline-block; vertical-align: middle;} /**#suivi-entreedetail-assigne-form > div {width:190px; display: inline-block; vertical-align: middle;}*/ #suivi-entreedetail-origine-conteneur, #suivi-entreedetail-ouverture-conteneur {margin:0 15px;} /* CLORE OU OUVRIR */ #suivi-entreedetail-ouverture-form {display: inline-block; vertical-align: middle;} #suivi-entreedetail-ouverture-form label {width: 30px; margin:5px; display: inline-block; vertical-align: middle;} #suivi-entreedetail-ouverture-form select {display: inline-block; vertical-align: middle;} /*#suivi-entreedetail-ouverture-form > div {width:190px; display: inline-block; vertical-align: middle;}*/ /* CONTENU POPIN */ #suivi-entreedetail-centre {} #suivi-entreedetail-centre.suivi-entreedetail-creation .update {display:none;} #suivi-entreedetail-centre.suivi-entreedetail-creation #suivi-entreedetail-assigne-conteneur {float:left !important;} #suivi-entreedetail-centre .suivi-entreedetail-pave { } /* COLONNES */ #suivi-entreedetail-centre .suivi-entreedetail-colonnes {width:calc(33.33% - 7px); min-width:300px; float:left; margin:5px 10px 5px 0; clear:none !important; position:relative; z-index:10;} #suivi-entreedetail-centre .suivi-entreedetail-ligne {border-bottom:1px solid #ccc; width:100%;} #suivi-entreedetail-centre .suivi-entreedetail-colonnes-340, #suivi-entreedetail-centre .suivi-entreedetail-colonnes-131 { width: calc(66% - 7px);} #suivi-entreedetail-centre .suivi-entreedetail-surcouche {display:none;} /* STATUTS ET CRITERES */ #suivi-entree-colonne-statuts-criteres {margin-right:0 !important;} #suivi-entree-colonne-statuts-criteres .suivi-entreedetail-pave {border-right:0; } #suivi-entree-colonne-statuts-criteres .suivi-entree-colonne-statuts-criteres { min-height:40px;} #suivi-entree-colonne-statuts-criteres .suivi-entreedetail-statuts-criteres-liste {} #suivi-entree-colonne-statuts-criteres .suivi-entreedetail-statuts-criteres-liste .suivi-sous-statut-groupes {height:auto; background:none; padding: 0;} #suivi-entree-colonne-statuts-criteres .suivi-entreedetail-statuts-criteres-liste .suivi-sous-statut-groupes .suivi-sous-statut-groupe { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #suivi-entree-colonne-statuts-criteres .suivi-entreedetail-colonne {display:inline-block; vertical-align:top; margin-right: 10px;} #suivi-entree-colonne-statuts-criteres .suivi-entreedetail-colonne .niveau2 {margin-left:15px;} #suivi-entree-colonne-statuts-criteres .suivi-entreedetail-colonne .niveau3 {margin-left:15px;} #suivi-entree-colonne-statuts-criteres #suivi-entree-affiche-chiffreaffaires {} #suivi-entree-colonne-statuts-criteres #suivi-entree-ajout-chiffreaffairesht-valeur {width:150px;} /* FIN CONTENU POPIN */ /* BAS POPIN */ #suivi-entreedetail-bas .suivi-entreedetail-colonnes {width:calc(50% - 10px); min-width:300px; float:left; margin:5px 10px 5px 0; clear:none !important; } #suivi-entreedetail-historique-entrees {} #suivi-entreedetail-historique-filtres {margin:10px 0 20px; text-align:center;} #suivi-entreedetail-historique-filtres span.filtre {cursor:pointer; padding: 5px; border:1px solid #fff;} #suivi-entreedetail-historique-filtres span.filtre.selected {border:1px solid #ccc;} #suivi-entreedetail-historique-filtres i {font-size:15px; width:20px;} #suivi-entreedetail-historique-contenu {max-height:420px; overflow-y:auto;} #suivi-entreedetail-historique-contenu .suivi-entreedetail-historique-entree {min-height: 30px; padding: 5px; border-top: 1px solid #ccc; display: flex;flex-direction: column;justify-content: center;} #suivi-entreedetail-historique-contenu .suivi-entreedetail-historique-entree.hidden {display:none;} #suivi-entreedetail-historique-contenu .suivi-entreedetail-historique-entree div {} #suivi-entreedetail-historique-contenu .suivi-entreedetail-historique-entree span {display:inline-block; vertical-align:middle;} #suivi-entreedetail-historique-contenu .suivi-entreedetail-historique-type {width:20px; text-align:center;} #suivi-entreedetail-historique-contenu .suivi-entreedetail-historique-type i {font-size:14px;} #suivi-entreedetail-historique-contenu .suivi-entreedetail-historique-pj { width: 15px; text-align: center; margin-left: 5px;} #suivi-entreedetail-historique-contenu .suivi-entreedetail-historique-pj i {font-size:14px;} #suivi-entreedetail-historique-contenu .suivi-entreedetail-historique-date {margin: 0 5px; width: 70px;} #suivi-entreedetail-historique-contenu .suivi-entreedetail-historique-origine {margin: 0 5px; width: 140px;} #suivi-entreedetail-historique-contenu .suivi-entreedetail-historique-sujet {} #module-suivi .suivi-entree-appel-en-cours {color:#093154;} #module-suivi .suivi-entree-appel-manque {color:#CC0000;} #module-suivi .suivi-entree-duree-appel {color:#1777AA;} #module-suivi .suivi-entree-duree-appel-court {color:#E5990B;} /* POPIN DANS LA POPIN */ #suivi-entreedetail-entree-popin {position:fixed; top:0; left:0; z-index:4200; width:100%; height:100%; display:none;box-sizing:border-box; } #suivi-entreedetail-entree-popin.visible { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #suivi-entreedetail-entree-popin-contenu {position:relative;padding:20px !important; min-height:380px; height:calc(100% - 70px); max-width: 800px; width:calc(100% - 20px); position:relative; z-index:4200; background:#fff; border:3px solid #ccc; box-sizing:border-box;} #suivi-entreedetail-entree-popin-close {position:absolute; top:0px; right:0px; font-size:30px; padding:10px;cursor:pointer; z-index: 210; height: 25px;line-height: 20px;} #suivi-entreedetail-entree-visualisation { margin-top: 50px; overflow-y: scroll; height:calc(100% - 50px); text-align:left;} #suivi-entreedetail-entree-visualisation #documents-plupload #documents-fichiers-conteneur .fichiers-container .fichier-contenu {min-height: 30px; margin: 5px; display: inline-block; vertical-align: top;} #suivi-entreedetail-entree-visualisation .form140 {font-weight:500; } #suivi-entreedetail-entree-sous-statuts-conteneur { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} #suivi-entreedetail-entree-sous-statuts {overflow-y: auto; height:calc(100% - 90px); text-align:left; width: 100%; } #module-suivi #suivi-entreedetail-entree-sous-statuts .bouton-suivi > span, #module-suivi #suivi-entreedetail-entree-sous-statuts .bouton-auto, #module-suivi #suivi-entreedetail-entree-popin-valider .bouton-auto { height: 30px; width: 200px !important; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex;} #suivi-sous-statut-etat { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} #suivi-sous-statut-etat > div {margin:5px !important;} .suivi-sous-statut-groupes { background: #b9cee8; padding: 20px; height: 230px;} .suivi-sous-statut-groupes .suivi-sous-statut-groupe { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} #suivi-entreedetail-entree-sous-statuts .suivi-sous-statut-groupes .suivi-sous-statut-groupe {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .suivi-sous-statut-groupes .suivi-sous-statut {display:none; margin:5px 0;} .suivi-sous-statut-groupes .suivi-sous-statut.visible { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .suivi-sous-statut-groupes .suivi-sous-statut.selected > span{ background: #133B5F !important;} #suivi-entreedetail-entree-popin-valider { margin-top: 15px; text-align:center; width: 100%;} #module-suivi #suivi-entreedetail-entree-popin-valider .bouton-auto { margin:5px auto;} /* NOTES */ #suivi-entreedetail-notes {margin-right:0;} #suivi-entreedetail-notes .suivi-entreedetail-pave {border-right:0; } #suivi-entreedetail-affiche-notes-form {} #suivi-entreedetail-affiche-notes-form .input-textarea{width:95% !important;max-width: unset; height: 220px;} #suivi-entreedetail-formulaire #suivi-entreedetail-affiche-notes-form .module-options-container {margin:0;} /* FIN BAS POPIN */ /* FIN SUIVIS FORMULAIRES */ /* SUIVIS CONTACTS */ /* Tableau datatable */ #suivi-clients-conteneur table tr th.filtre input {width:90%;} /* FIN SUIVIS CONTACTS */ /* SUIVIS RAPPELS */ #suivi-rappels-conteneur {padding: 0 10px;} #module-rappels-conteneur {} #module-rappels-conteneur .page-area-content {position:relative; z-index:10;} .form .rappel-erreur,.form .erreur {font-weight:500; color:#DD2C2B; margin: 10px 0 0; padding:0;} .invalide .input-text, .invalide .input-texte-court, .invalide .input-text-court {border-color:#DD2C2B;} #filtre-rappels-drapeaux {} .rappel-drapeau-filtre { cursor:pointer; padding:2px 5px; width:25px; height:22px; display: inline-block; vertical-align:top;} .rappel-drapeau-filtre.selected {border:1px solid #ccc; width: 23px; height:20px; background:#fff; } .rappel-drapeau-filtre i {font-size:20px; line-height: 19px;} #rappel-drapeau-filtre-rouge {color: #DD2C2B;} #rappel-drapeau-filtre-orange {color:#F79219;} #rappel-drapeau-filtre-jaune {color:#eddc25;} #rappel-drapeau-filtre-bleu {color:#54B5DF;} #rappel-drapeau-filtre-vert {color:#77AF3B;} #filtre-rappels-ajout {margin-left:20px; margin-top:40px;} #filtre-rappels-affichage {margin-left:60px;} .filtre-rappels-affichage-element {} #list-rappels-container {margin-top:20px;} #list-categories {margin-right:20px;} #list-categories .list-categorie {cursor:pointer; width:175px; margin-bottom: 10px; display: block; vertical-align:top; text-align:center;} #list-categories .list-categorie a, #list-categories .list-categorie .list-categorie-label { border:1px solid #ccc; display:inline-block; min-height:15px; width:135px; padding:2px 5px;} #list-categories .list-categorie .list-categorie-label.selected {background:#fff; font-weight:500;} #list-categories .list-categorie .list-categorie-delete {width:10px;} #list-categories .list-categorie .list-categorie-delete i {font-size:15px; color:#DD2C2B;} #list-categories .list-categorie-choix {width:190px;} #list-categories .list-categorie-choix i {color:#77AF3B;} #list-rappels {width:610px;} #list-rappels .list-rappel {cursor:pointer; width:calc(100% - 20px); display: flex; flex-direction: column; justify-content: center; } #list-rappels .list-rappel.selected {background:#e9e9e9;padding-right: 20px;} #list-rappels .list-rappel.selected .paire,#list-rappels .list-rappel.selected .impaire {background:none;} #list-rappels .list-rappel .list-rappel-contenu{ padding:5px 10px; min-height:20px; } #list-rappels .list-rappel .list-rappel-contenu.texte-orange {color:#ff6600;} #list-rappels .list-rappel .list-rappel-date {width:110px;} #list-rappels .list-rappel .list-rappel-nom {} #list-rappels .list-rappel .list-rappel-drapeaux {} #form-rappels {width:460px;background:#e9e9e9; position:relative; z-index:20;} #form-rappel-boutons { text-align:center; margin: 5px 0 10px;} #form-rappel-boutons span {display: inline-block; vertical-align:top;} #form-rappel-supprimer {width:150px; border:1px solid #ccc; margin:5px;} #form-rappel-supprimer:hover {background:#fff;} #form-rappel-valider {width:150px; border:1px solid #ccc; margin:5px;} #form-rappel-valider:hover {background:#fff;} #form-rappel-annuler {width:360px; border:1px solid #ccc; margin:5px;} #form-rappel-annuler:hover {background:#fff;} #form-rappel-fermer {float:right; padding:5px 10px;} #form-rappel-fermer i {font-size:20px; color:#555555;} #form-rappels-load {position:absolute; top:40%; left:0; width:100%; height:100%; z-index:15; text-align:center; display:none;} #form-rappels-load i {font-size: 50px;} #form-rappels-conteneur {} #form-rappel .input-text {width:220px;} .rappel-drapeau { cursor:pointer; padding:2px 5px; width:25px; height:22px; display: inline-block; vertical-align:top;} .rappel-drapeau.selected {border:1px solid #ccc; width: 23px; height:20px; background:#fff; } .rappel-drapeau i {font-size:20px; line-height: 19px;} #rappel-choix-date-paves { width: 220px; padding-right: 0;} #rappel-choix-date-paves .rappel-choix-date { margin: 0 5px;} .rappel-choix-date span {cursor:pointer; width: 33px; height:35px; font-size: 13px; line-height: 33px; text-align:center; display:block; padding: 2px 4px; margin:0 0 20px; border:1px solid #ccc;} .rappel-choix-date span.selected {background:#fff; color:#000; border-color:#000; padding: 3px 3px 1px 5px;} #rappel-choix-date-jour span {width:139px; height: 25px; line-height: 23px;} #rappel-choix-date-calendrier {margin-left:/*37px*/0px;} #rappel-mail {} .rappel-mail { width:30px; height:17px; text-align:center; cursor:pointer; display:inline-block; vertical-align:top;} .rappel-mail.selected {border:1px solid #ccc; width:28px; height:15px; background:#fff;} #rappel-submit-conteneur {background:#fff; border:1px solid #ccc; cursor:pointer; padding:0 3px; width:35px; height:22px; text-align:center; display:inline-block; vertical-align:top;} #rappel-submit {font-size:18px; line-height: 20px;} #rappel-submit.fa-floppy-o {} #rappel-submit.fa-spinner {color:#0168A2; line-height:22px; display: block; margin:0 auto; animation: fa-spin 2s infinite linear;} #rappel-submit.fa-check {color:#77AF3B;} #rappel-submit.fa-exclamation-triangle {color:#DD2C2B; line-height: 22px;} #rappel-categorie-ajout {padding:0 15px;} #form-rappel-categorie {margin: 30px 0;} #rappel-categorie-submit-conteneur {margin-top:10px;} /* FIN SUIVIS RAPPELS */ /* SUIVIS STATISTIQUES */ #module-stats #suivi-stats-periode {min-height: 440px;width: calc(100% - 30px); border-bottom: 1px solid #AAA; padding-bottom: 15px;} #module-stats #suivi-stats-resultats {margin:10px 0 10px 0; width:100%; min-height: 1400px !important;} #module-stats .suivi-stats-elements-charts {background-color: #fff; border: 1px solid #cae4ee; border-radius: 5px; display: inline-grid; margin: 0 0 20px 0; padding: 0 0 20px 0; width: 98%;} #module-stats .suivi-stats-elements-charts.pie {width: 250px; height: 350px;} #module-stats .suivi-stats-elements-charts.small-spline {width: 45%;} #module-stats .suivi-stats-elements-charts.large-spline {width: calc(100% - 20px); } #module-stats .suivi-stats-elements-charts.large-spline.w1 {width: calc(100% - 20px) !important;} #module-stats .suivi-stats-elements-charts.large-spline.w2 {width: calc(49% - 20px) !important; margin-right: 10px !important;} #module-stats .suivi-stats-elements-charts.large-spline.w3 {width: calc(32% - 20px) !important; margin-right: 10px !important;} #module-stats .suivi-stats-elements-charts.large-spline.hidden {display: none !important;} #module-stats .suivi-stats-elements-charts.large-spline .suivi-stats-element {width: calc(100% - 20px);} #module-stats .suivi-stats-elements-charts .suivi-stats-element {width: 100%;} #module-stats .suivi-stats-elements-charts.pie .suivi-stats-element div {height: 300px;} #module-stats .suivi-stats-elements-charts.small-spline .suivi-stats-element div, #module-stats .suivi-stats-elements-charts.large-spline .suivi-stats-element div {width: 95%;} #module-stats .suivi-stats-elements {margin:10px 0 0 0; padding: 0 0 0 20px;} #module-stats .suivi-stats-elements-pie {width:500px; height: 375px; display: inline-grid;} #module-stats .suivi-stats-elements-spline {width: 95%; height: 530px;} #module-stats .graph-pie {width: 100%; height: 325px; border: 2px outset #aaa; border-radius: 5px;} #module-stats .graph-spline {width: 100%; border-style: outset; border-width: 0 0 2px 2px; border-color: #aaa; border-radius: 0 0 0 5px;} #module-stats .suivi-stats-element {margin:5px 0;} #module-stats .suivi-stats-element .ajax-popup-link {float: right; margin-right: 8px;} #module-stats .suivi-stats-element-titre {font-weight:500; display: inline-block; font-size:18px;} #module-stats .suivi-stats-element-sous-titre {font-weight:500;width: 325px;display: inline-block; font-size:12px;} #module-stats .suivi-stats-element-nombre {font-size:15px;} #module-stats .suivi-menu-jours {cursor: pointer; width: 100px; padding: 5px; float: left; margin: 0 10px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: transparent;} #module-stats .suivi-menu-periodes, #module-stats .suivi-menu-doublons {cursor: pointer; width: 100px; padding: 5px; float: left; margin: 5px 10px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: transparent;} #module-stats .suivi-menu-types, #module-stats .suivi-menu-mois, #module-stats .suivi-menu-semaines, #module-stats .suivi-menu-comparaison, #module-stats .suivi-menu-compardonnees, #module-stats .suivi-menu-tracking, #module-stats .suivi-menu-saisies-manuelles {cursor: pointer; padding: 5px; float: left; margin: 5px 10px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: transparent;} #module-stats .filtres-margin {margin-bottom: 20px; margin-top: 20px; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} #module-stats .filtres-margin > div {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} #module-stats span.suivi-menu-nom {color: #555; font-size: 14px !important;} #module-stats .suivi-menu-jours:hover, #module-stats .suivi-menu-periodes:hover, #module-stats .suivi-menu-doubons:hover, #module-stats .suivi-menu-types:hover, #module-stats .suivi-menu-mois:hover, #module-stats .suivi-menu-semaines:hover, #module-stats .suivi-menu-comparaison:hover, #module-stats .suivi-menu-compardonnees:hover, #module-stats .suivi-menu-tracking:hover, #module-stats .suivi-menu-saisies-manuelles:hover, #module-stats .suivi-menu-jours.selected, #module-stats .suivi-menu-periodes.selected, #module-stats .suivi-menu-doublons.selected, #module-stats .suivi-menu-types.selected, #module-stats .suivi-menu-mois.selected, #module-stats .suivi-menu-semaines.selected, #module-stats .suivi-menu-comparaison.selected, #module-stats .suivi-menu-compardonnees.selected, #module-stats .suivi-menu-tracking.selected, #module-stats .suivi-menu-saisies-manuelles.selected {background: rgba(206, 206, 206, 0.9);} #module-stats #chiffre-mois, #module-stats #chiffre-semaines {margin: 5px 10px 5px 10px; padding: 5px; width: 50px; height: 17px;} #module-stats #stats-loader, #module-stats #periode-loader, #module-stats #pie-loader {position: absolute; margin-top: 100px; width: 100%; text-align: center;} #module-stats #pie-loader {display: none;} /* couleurs: bleu #0F72A7, fond #F9F9F9 */ #module-stats .loader {border-top: 12px solid #0F72A7; border-right: 12px solid #F9F9F9; border-bottom: 12px solid #0F72A7; border-left: 12px solid #F9F9F9; border-radius: 50%; width: 80px; height: 80px; animation: spin 1s linear infinite; display: inline-block;} @-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}} @keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}} #module-stats #suivi-statistiques-form {display: block} #module-stats .nom-filtre {display: inline-block; position:relative; font-size: larger;} #module-stats .nom-filtre.left {padding-left: 10px;} #module-stats .nom-filtre.right {border-left: solid 1px #aaa; padding-left: 10px;} #module-stats .nom-filtre.filtre-origines {width: 80px;} #module-stats .suivi-inlineblock {display: inline-block;} #module-stats .hidden {display: none !important; visibility: hidden !important;} #module-stats .suivi-margintop20 {margin-top: 20px;} #module-stats #filtre-btn-jours {vertical-align: top !important;} #module-stats #filtre-date-jours, #filtre-export {vertical-align: top !important; bottom: unset !important; position: unset !important;} #module-stats #table-pages-visites {max-width: 800px; margin-top: 20px;} /* FIN SUIVIS STATISTIQUES */ /* MODULE SUIVIS CONFIGURATION */ /* Informations */ #suivi-informations-conteneur {} #suivi-informations-telephones {} #suivi-informations-telephones .suivi-informations-telephone {margin:5px; display:inline-block; vertical-align:top; border:1px solid #ccc; } #suivi-informations-telephones .suivi-informations-telephone-entete { margin-left:5px; border-bottom:1px solid #ccc; padding:7px; font-size: 15px;} #suivi-informations-telephones .suivi-informations-telephone-label {font-weight:500; font-size: 12px;} #suivi-informations-telephones .suivi-informations-telephone-infos {padding:7px; } #suivi-informations-telephones .suivi-informations-telephone-infos > div {margin:3px 0 5px;} #suivi-informations-telephones .suivi-informations-telephone-infos span {display:inline-block; vertical-align:middle;} #suivi-informations-telephones .suivi-informations-telephone-infos span.intitule {width:160px; } #suivi-informations-telephones .suivi-informations-telephone-infos textarea {width:315px; height:80px;} .config-groupe-conteneur {width:48%; box-sizing: border-box; display: inline-block; vertical-align: top; min-width: 300px;} .config-groupe-conteneur textarea {width: 100% !important;} .config-groupe-conteneur .module-options-container { margin: 10px 0;} .config-groupe-conteneur .config-groupe > div {margin:10px 0;} .config-groupe-conteneur.config-prompts {width: 100%; } .config-groupe-conteneur.config-prompts .config-groupe {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;} .config-groupe-conteneur.config-prompts .config-groupe > div {width: 50%; padding: 10px !important; box-sizing: border-box;} /* FIN MODULE SUIVIS CONFIGURATION */ /* MODULE SUIVI ARCHIVES */ #suivi-archives-conteneur #suivi-entree-filtres-statuts { margin: 15px 0;} #suivi-entreearchive-formulaire {position:relative; z-index:4200;} #suivi-entreearchive-formulaire .page-area-content {position:relative; z-index:200;} #suivi-entreearchive-formulaire .mfp-close {font-size: 45px; color:#fff;} #suivi-entreearchive-formulaire .form {padding-left:0px;} #suivi-entreearchive-formulaire > .form { font-size:0;} #suivi-entreearchive-formulaire .form label {font-size:14px;} #suivi-entreearchive-formulaire .suivi-entree-div {min-width:280px; margin:5px; font-size:14px;} #suivi-entreearchive-formulaire .suivi-entree-div .input-text, #suivi-entreearchive-formulaire .suivi-entree-div select, #suivi-entreearchive-formulaire .suivi-entree-div .input-textarea {width:95%; background:#fff; color:#000; border:1px solid #ccc;} #suivi-entreearchive-informations-details {max-width:380px;} #suivi-entreearchive-ouverture {position: absolute;right: 350px;top: 15px; font-weight: 500;} #suivi-entreearchive-assigne-conteneur {position:absolute; right:100px; top:15px; width: auto; width:150px; } #suivi-entreearchive-colonne-informations {width:310px;} #suivi-entreearchive-colonne-nom-statut {} #archive-colonne-droite {width: calc(100% - 410px); float:right; margin:65px 15px 0; clear:none; text-align:right;} #suivi-entreearchive-formulaire .suivi-entree-colonnes {max-width:310px; float:left; margin:15px 10px 0; clear:none;} #suivi-entreearchive-formulaire .suivi-entree-colonne {float:left; margin:15px 0 0; } #suivi-archive-documents {float:left; clear:none;} #suivi-entreearchive-informations {display:block;} #suivi-entreearchive-dossier {font-size:14px; margin:0px 0 0px 55px; display:inline-block; vertical-align:top; text-align:left;} #suivi-entreearchive-notes {font-size:14px; display:inline-block; vertical-align:top; text-align:left;} #suivi-entreearchive-notes-conteneur {max-height:300px; overflow-y:scroll;} #suivi-entreearchive-affiche-notes-form textarea {width:90%;} #suivi-entreearchive-note-conteneur .suivi-entree-note-ligne {border-top:1px solid #ccc; margin:5px 0; padding:5px;} #suivi-entreearchive-note-conteneur .suivi-entree-note-date {float:left;font-style:italic; margin:0 10px 0 0;} #suivi-entreearchive-note-conteneur .suivi-entree-note-utilisateur {float:right; font-size:1.1em;} #suivi-entreearchive-note-conteneur .suivi-entree-note-com {margin-top:5px; } #suivi-entreearchive-historique {} #suivi-entreearchive-historique-contenu {max-height:300px; overflow-y:scroll;} #suivi-entreearchive-historique-conteneur {padding:0 10px;} #suivi-entreearchive-historique-conteneur .suivi-entree-historique-ligne {border-top:1px solid #ccc; margin:5px 0; padding:5px;} #suivi-entreearchive-historique-conteneur .suivi-entree-historique-nom { font-weight:500; font-size:1.3em; margin-bottom:3px;} #suivi-entreearchive-historique-conteneur .suivi-entree-historique-date {float:left;font-style:italic; margin:0 10px 0 0;} #suivi-entreearchive-historique-conteneur .suivi-entree-historique-utilisateur {float:right; font-size:1.1em;} #suivi-entreearchive-historique-conteneur .suivi-entree-historique-com {margin-top:5px; } #suivi-entreearchive-dossier-form .input-text {width:90%;} #suivi-entreearchive-dossier-form .input-textarea {width:90%;} /* FIN MODULE SUIVI ARCHIVES */ /** FIN MODULE DE SUIVI **/ /* Tableau vertical */ th {font-weight:500;} .table > thead > tr > th {border-bottom: 2px solid #e0e0e0; vertical-align: bottom;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {vertical-align: middle;border-top: 1px solid #e0e0e0; line-height: 1.5; padding: 6px 10px;} .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {border-top:0 none;} .table-vertical tr { border: 1px solid #ccc; } .table-vertical td { min-height:20px; } .table-vertical td.suivi-cellule-bouton {} /** POINTS RETRAITS */ #point-retrait-voir {width:320px; margin-left:210px;} /* MODULE SEO */ #module-seo #table-seo, #module-seo #table-seo a, #module-seo #table-seo a:visited {color: #000 !important;} #module-seo .sticky-table-seo {position: fixed;top: 0;left: 30px;right: 30px;z-index: 4500;} #module-seo .element-seo-page {text-align: center;border: 0 solid rgb(170, 170, 170);border-bottom: 1px solid rgb(204, 204, 204) !important;margin: 5px 0 5px 5px;width: 6%;overflow: auto;cursor: default;} #module-seo .element-seo-page a {cursor: pointer;} #module-seo .element-seo-page a:hover {color: rgb(66, 139, 202);} #module-seo .seo-notused {background-color: rgb(221, 221, 221) !important;} #module-seo .seo-error {background-color: rgba(255, 0, 0, 0.3) !important;} #module-seo .seo-warning {background-color: rgba(255, 165, 0, 0.3) !important;} #module-seo .seo-valid {background-color: rgba(0, 255, 0, 0.3) !important;} #module-seo .seo-doublon-error {background-color: rgba(255, 0, 0, 0) !important;color: rgb(235, 0, 0) !important;} #module-seo .seo-doublon-valid {background-color: rgba(0, 235, 0, 0) !important;color: rgb(0, 235, 0) !important;} #module-seo .x-editable {cursor: pointer;} #module-seo .editable-pre-wrapped {white-space: normal !important;} #module-seo .x-editable:hover {color: rgb(66, 139, 202);} #module-seo .tip-yellowsimple {min-height: 35px;} #module-seo .tip-yellowsimple input, .tip-yellowsimple button {height: 30px;font-size: 12px;} #module-seo .tinymce-contenu:hover {color: rgb(66, 139, 202);} #module-seo th.headerSortUp {background-color: rgb(187, 221, 255);cursor: s-resize;} #module-seo th.headerSortDown {background-color: rgb(187, 221, 255);cursor: n-resize;} #module-seo #table-seo thead {background-color: rgb(240, 240, 240);} #module-seo #table-seo thead tr th {cursor: ns-resize;} #module-seo #table-seo thead tr th:hover {background-color: rgb(223, 239, 255);} #module-seo #table-seo thead tr th.headerSortDown:hover {background-color: rgb(187, 221, 255);} #module-seo #table-seo thead tr th.headerSortUp:hover {background-color: rgb(187, 221, 255);} #module-seo .td-mots {overflow: hidden;} #module-seo .td-mots a {margin: -10em;padding: 10em;} #module-seo .seo-descriptif {display: inline-table;position: relative;width: 99%;margin-bottom: 25px;margin-top: 20px;} #module-seo .seo-descriptif .leftPanel {display: table-cell;border-right: 1px solid rgb(221, 221, 221);position: relative;width: 50%;} #module-seo .seo-descriptif .rightPanel {display: table-cell;} #module-seo .seo-descriptif .rightPanel b {margin-left: 5px;} #module-seo .element-seo-page.w2p {width: 2%;} #module-seo .element-seo-page.w3p {width: 3%;} #module-seo .element-seo-page.w5p {width: 5%;} #module-seo .element-seo-page.w6p {width: 6%;} #module-seo .element-seo-page.w8p {width: 8%;} #module-seo .element-seo-page.w12p {width: 12%;} #module-seo #table-seo {width: 100%;left: 0;font-size: 12px;margin: 0 20px 15px 0;border-spacing: unset;box-shadow: 0 5px 15px rgba(0,0,0,0.15);} #module-seo .element-seo-page i.fa {font-size: 18px;} #module-seo .element-seo-page i.fa.fa-external-link {font-size: 12px;} /* FORMATIONS */ #formations-conteneur {} #formations-onglets {} #formations-onglets .formations-onglet {display:inline-block; vertical-align:top; margin:0 5px;width:calc(50% - 15px); } #formations-onglets .formations-onglet a {font-weight:500; text-align:center; text-transform:uppercase; display:block; color:#fff; text-decoration:none; width:100%; height:100%; padding:10px 5px; background:#2B5178; border:1px solid #2B5178;} #formations-onglets .formations-onglet.selected a {background:#4599BD;} #formations-filtres {} #formations-filtres .form {display:inline-block; vertical-align:top; padding-left:0; margin:10px;} #formations-filtres-form {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;} #formations-conteneur .hidden {display:none;} #formations-conteneur .attente {background-color:#fff6bf; border:2px solid #ffd324;} #formations-conteneur .attente td {color: #514721; } #formations-conteneur .confirme {background-color:#ffc894; border:2px solid #f57d1b; } #formations-conteneur .confirme td {color: #b53f00; } #formations-conteneur .traite {background-color:#e6efc2; border:2px solid #c6d880; } #formations-conteneur .traite td {color: #264409;} #formations-conteneur .annule, #formations-conteneur .refuse {background-color:#c1c1c1; border:2px solid #ccc; } #formations-conteneur .formation-envoi { text-align:center;} #formations-conteneur .formation-envoi .bouton {margin:5px 0;} #formations-conteneur .formation-statut {} #formations-conteneur .formation-statut-update {display:none;} #formations-conteneur .formation-statut-update select {width:90px;} #formations-conteneur .formation-statut span {cursor:pointer;} #formations-conteneur .formation-statut .formation-statut-update-edit {} #formations-conteneur .formation-statut .formation-statut-update-save {} #formations-conteneur .formation-statut .formation-statut-update-cancel {display:inline-block; margin-left:5px;} #formations-conteneur .formation-statut i {font-size:19px;vertical-align: middle;} #formations-conteneur .formation-statut .fa-pencil-square-o {color:#393737; } #formations-conteneur .formation-statut .fa-times-circle {color:#c51616;} #formations-conteneur .formation-statut .fa-floppy-o {color:#16168d;} #formations-liste {} #formations-liste.base-grid td, #formations-liste.base-grid th {font-weight:500;} #formations-liste .formation {} #formations-liste .formation-envoi {width:170px; } #formations-conteneur .base-grid .formation-client-formations {width:100%; border:none; border-collapse:collapse;} #formations-conteneur .base-grid .formation-client-formations th {border:none;} #formations-conteneur .base-grid .formation-client-formations td {border:none; border-top: 1px solid #ccc;font-weight:500;} #formations-conteneur .base-grid .formation-client-formations .nom {} #formations-conteneur .base-grid .formation-client-formations .date {width:180px;} #formations-conteneur .base-grid .formation-client-formations .nbStagiaires {width:45px;} #formations-conteneur .base-grid .formation-client-formations .departement {width:90px;} #formations-conteneur .base-grid .formation-client-formations .membres {width:180px;} #formations-conteneur .base-grid .formation-client-formations .statut {width:160px;} #formations-conteneur .base-grid .formation-client-formations .action {width:220px;} #formations-conteneur .base-grid .formation-client-formations .formation-envoi {width:140px; } #formations-conteneur .base-grid .formation-client-formations .formation-action {width:20px;} #formation-dates {width:420px; margin:0 20px 0 0; padding:0;} #formation-dates .ligne-date {margin:0 0 15px;border-bottom: 1px solid #ccc;padding-bottom: 10px;} #formation-dates .ligne-date i.fa-times {cursor:pointer; font-size:23px; color:#ff0000; vertical-align:middle; margin-right:5px;} #formation-dates .ligne-date .ligne-date-limite {margin-left:27px} #formation-dates .ligne-date .erreur {display:block;} #formation-ajout-date {padding:0;} .hide {display:none;} /* MODULE GESTION DE PAGES */ #gestion-pages {position:relative; z-index:30; min-height: 100px;} #gestion-pages-filtres-loader {width:100%; height:100%; position:absolute; left:0; top:0; z-index:35; background:url(../themes/default/ajax-loader.gif) no-repeat center center #F8F7F7; display:none;} .gestion-page-declinations-grid {border:1px solid #ccc; border-collapse:collapse; margin-bottom:10px;} .gestion-page-declinations-grid td {position: relative; border:1px solid #aaa; padding:2px; width: 200px;} .gestion-page-declinations-grid td.th {background-color:#ddd; text-align: center; font-weight:500;} .gestion-page-declinations-grid td.action {padding:2px 10px;} .gestion-page-declinations-grid td .page-textarea-container {bottom: 0; left: 0; top:auto;} .gestion-page-declinations-grid td .page-textarea-container .mceEditor td, .gestion-page-declinations-grid td .page-textarea-container .mceEditor td.th {border:none;} .gestion-page-declinations-grid td input[type="text"] {width:calc(100% - 40px);} .gestion-page-declinations-grid td i.fa-check-circle {position: absolute; display: none; top: 50%; right: 6px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.3em; color: #10ac84;} .gestion-page-declinations-grid .page-textarea-preview {height:16px;width:140px; padding:0; overflow:hidden;} .gestion-page-declinations-grid .declinaison-description {position:relative;} .gestion-page-declinations-grid .declinaison-colorpicker {position:relative; height:36px; cursor:pointer;} .gestion-page-declinations-grid .declinaison-imagemanager {height:55px; width: 170px;} .gestion-page-declinations-grid .declinaison-imagemanager .bouton, .gestion-page-declinations-grid .declinaison-imagemanager .bouton:visited {margin:2px; padding:3px 2px;} .gestion-page-declinations-grid .declinaison:nth-child(2n) {background-color: #f1f1f1;} .gestion-page-declinations-grid .declinaison span {display: block; width: 100%; min-height: 27px;} .gestion-page-declinations-grid .bouton-desactive {background-color: #f1f1f1;} /* FIN MODULE GESTION DE PAGES */ /* Layout */ .layout, .layout-loader-conteneur {display:none; width:100%; height:100%; position:absolute; top:0px; left:0; z-index:4190; background:rgba(255, 255,255,0.8);} .layout-loader {text-align:center; display:flex; flex-direction:column; justify-content:center; height:100%;} .line-scale-pulse-out > div { width: 6px; height: 45px; display: inline-block;} .line-scale-pulse-out > div { border-radius: 2px; margin: 5px; background-color: #2c46b3;} .line-scale-pulse-out > div { -webkit-animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85); animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85); animation-delay: -0.6s;} .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { -webkit-animation-delay: -.4s !important; animation-delay: -.4s !important;} @-webkit-keyframes line-scale-pulse-out { 0%,100% { -webkit-transform:scaley(1); transform:scaley(1) } 50% { -webkit-transform:scaley(.4); transform:scaley(.4) } } @keyframes line-scale-pulse-out { 0%,100% { -webkit-transform:scaley(1); transform:scaley(1) } 50% { -webkit-transform:scaley(.4); transform:scaley(.4) } } .line-scale-pulse-out>div { -webkit-animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85); animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85) } .line-scale-pulse-out>div:nth-child(2),.line-scale-pulse-out>div:nth-child(4) { -webkit-animation-delay:-.4s!important; animation-delay:-.4s!important } .line-scale-pulse-out>div:nth-child(1),.line-scale-pulse-out>div:nth-child(5) { -webkit-animation-delay:-.2s!important; animation-delay:-.2s!important } /* SLIDE MAKER */ #slide-maker-form {} #slide-maker-form .form140 {width:180px;} #slide-maker-form .page-language { border: 1px solid #cae4ee; cursor: pointer; padding: 4px 5px 1px; margin:0 2px; background:none;} #slide-maker-form .page-language-current {background-color: #fff; border-color: #cae4ee;} #slide-maker-form .slide-maker-date-select {width:50px;} #slide-maker-form .image {display:inline-block; vertical-align:top; margin:15px 25px; position:relative; z-index:10;} #slide-maker-form .slide-maker-image-container {clear:none; float:none;} #slide-maker-form .slide-maker-lien-container {clear:none;} #slide-maker-form .slide-informations {} #slide-maker-form .slide-informations.hidden {display:none;} /* AGENDA JDF */ .agenda-lien.selectize-control {display:inline-block; vertical-align:top;} /* EGA */ .conteneur-module-form {margin:15px 0;} /* TABLEAU INSCRIPTION */ #tableau-inscriptions {} #tableau-inscriptions .copie-bouton {} #tableau-inscriptions .copie-bouton i {width:20px; font-size: 15px;} #tableau-inscriptions .copie-bouton i.fa-check-circle {color:#30ba2c;} #tableau-inscriptions .copie-bouton i.fa-times-circle {color:#de2323;} /* GESTION PIPE */ #module-suivi .form {padding:0 30px; } #module-suivi #suivi-conteneur {background:#f4f5ff; padding: 20px 30px;} #module-suivi-pipe-conteneur {position:relative;} #suivipipe-filtres {position:relative; z-index:30;} #suivipipe-filtres-bouton {background:#3057f7; padding:5px 17px; color:#fff; cursor:pointer; border-radius: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #suivipipe-filtres-bouton i {margin-right:10px;} #suivipipe-filtres-contenu {overflow:hidden; background:#f4f5ff; width: 100%; box-sizing: border-box; display:none; position:absolute; z-index:30; top: 40px; border-bottom: 1px solid #3057f7;} #suivipipe-filtres-contenu > div { padding: 10px; } #suivipipe-filtres-contenu .suivipipe-filtre {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #suivipipe-filtres-contenu .suivipipe-filtre-titre {font-weight:300; font-size:14px; color:#153078; width: 80px;} #suivipipe-filtres-contenu .suivipipe-filtre-elements {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} #suivipipe-filtres-contenu .suivi-pipe-filtre { margin: 5px;} #suivipipe-filtres-contenu .suivi-pipe-filtre label { height: auto; line-height: unset; padding: 8px 17px; position: relative; background: #fff; color: #9da8d5; border: none; font-size: 14px; display: inline-block; cursor: pointer; border-radius: 15px; } #suivipipe-filtres-contenu .suivi-pipe-filtre input { display: inline-block; vertical-align: top; position: absolute; left: 0; top: 0; opacity: 0; width: 100%; margin: 0; height: 100%; z-index: 20; cursor: pointer;} #suivipipe-filtres-contenu .suivi-pipe-filtre span { display: inline-block; vertical-align: top;} #suivipipe-filtres-contenu .suivi-pipe-filtre.selected label {background:#3057f7; color:#fff;} #module-suivi-pipe-conteneur .module-options {position:relative; z-index:10; margin: 30px 0 20px; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} #module-suivi-pipe-conteneur .module-options .module-option {width:calc(50% - 10px); height: 60px; padding: 15px 20px; font-size: 17px; box-sizing: border-box; border-radius: 10px; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} #module-suivi-pipe-conteneur .module-options .module-option i { margin-right: 15px; font-size: 25px;} #module-suivi-pipe-conteneur .module-options .module-option .suivipipe-element{position:absolute !important; opacity:0; } #module-suivi-pipe-conteneur #module-option-supprimer {color:#fb4d63; border:2.5px dotted #fb4d63; background:#ffefff;} #module-suivi-pipe-conteneur #module-option-supprimer-action {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} #module-suivi-pipe-conteneur #module-option-archiver {color:#00973d; border:2.5px dotted #00973d; background:#d7f5eb; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} #module-suivi-pipe-conteneur #module-option-archiver div:not(#module-option-archive-action) {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} #module-suivi-pipe-conteneur #module-option-archive-action span { font-weight:400; color:#00973d; font-size:15px; text-decoration:underline;cursor:pointer;} #module-suivi-pipe-conteneur #module-option-archive-action #modulepipe-cacher-archive {display:none;} #module-suivi-pipe-conteneur #module-option-archive-action #modulepipe-voir-archive {display:block;} #module-suivi-pipe-conteneur #admin-centre {background:#f4f5ff;} #module-suivipipe {height: 100vh; position:relative; z-index:10; } #module-suivipipe-contenu {height: 100%; display:-webkit-box;display:-ms-flexbox;display:flex; /*-ms-flex-wrap:wrap; flex-wrap:wrap;*/ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch;} #module-suivipipe .suivipipe-colonne {max-width:445px; width: 100%; margin:10px 5px; } #module-suivipipe .suivipipe-haut {position:relative; z-index:10;} #module-suivipipe .suivipipe-haut .reponse-conteneur {position:absolute; right:5px; bottom:5px; z-index:11;} #module-suivipipe .suivipipe-nom {font-size:20px; color:#3057f7;} #module-suivipipe .suivipipe-nombre {font-size:13px; color:#9aaaff; margin: 10px 0;} #module-suivipipe .suivipipe-ajout {background:#dfe3ff; height:36px; width:100%; border-radius:10px; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} #module-suivipipe .suivipipe-ajout a, #module-suivipipe .suivipipe-ajout a:visited {width:100%; text-decoration:none; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} #module-suivipipe .suivipipe-ajout i {color:#fff; font-size:30px;} #module-suivipipe .suivipipe-centre {overflow-y:auto;} #module-suivipipe .suivipipe-element {min-height:90px;background:#fff; padding: 5px 5px 5px 10px; border-radius:10px; margin:10px 5px 10px 0; overflow: hidden; position:relative; z-index:10; -moz-box-shadow: 0px 5px 5px rgba(73,88,141,0.15); -webkit-box-shadow: 0px 5px 5px rgba(73,88,141,0.15); box-shadow: 0px 5px 5px rgba(73,88,141,0.15); } #module-suivipipe .suivipipe-element.archive { background: #ececec;} #module-suivipipe .suivipipe-element.ui-sortable-handle {cursor:move;} #module-suivipipe .suivipipe-element.ui-sortable-helper { transform: rotate(2deg);} #module-suivipipe .suivipipe-element::before {content:""; display:block; width:3px; height:100%; position:absolute; z-index:11; left:0; top:0; background:#3057f7; border-radius: 20px 0 0 20px;} #module-suivipipe .suivipipe-element-haut {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} #module-suivipipe .suivipipe-element-haut::after{content:""; display:block; width:100%; height:2px; background: #fbfbfc; margin: 5px 0;} #module-suivipipe .suivipipe-element-nomprojet {font-size:15px; color:#3057f7;} #module-suivipipe .suivipipe-element-date {font-size:13px; color:#9da8d5; background:#f4f5ff; padding:3px 7px; border-radius:20px;letter-spacing: -0.5px;} #module-suivipipe .suivipipe-element-centre {} #module-suivipipe .suivipipe-element-nom {color:#5562b2; font-size:13px;} #module-suivipipe .suivipipe-element-numprojet {color:#5562b2; font-size:13px;} #module-suivipipe .suivipipe-element-bas { margin: 5px 0; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} #module-suivipipe .suivipipe-element-mail {font-weight:300; color:#5562b2; font-size:13px;} #module-suivipipe .suivipipe-element-voirplus {} #module-suivipipe .suivipipe-element-voirplus a, #module-suivipipe .suivipipe-element-voirplus a:visited {background:#dfe3ff; padding:5px 15px; font-size:13px; color:#3057f7; text-decoration:none; border-radius:20px; display:block;} #module-suivipipe .suivipipe-element-voirplus i { margin-right: 5px;} /* DEVIS FABRIQUE D OR MON BIJOU FRANCAIS */ #devis-tableau {} #devis-tableau .devis-envoye{background:#FEBE86;} #devis-tableau .devis-valide{background:#9FDE74;} #devis-recapitulatif-conteneur h3 { color: #464646; font-weight: 600; letter-spacing: 0.6px; font-size: 17px; text-align: left; position: relative; padding-left: 10px; text-transform: uppercase;} #devis-recapitulatif-conteneur h3::before { width: 3px; height: 14px; background: #ad875f; content: ""; position: absolute; left: 0; top: 3px;} #devis-recapitulatif-conteneur #devis-recapitulatif {max-width: 860px; margin: 25px auto; position:relative; z-index:10; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #devis-offre-formulaire-reponse {display:none; font-size: 15px; width:100%; } #devis-offre-formulaire-surcouche {position:absolute; z-index:20; width:100%; height:100%; background:url(../themes/default/ajax-loader.gif) no-repeat center 40% rgba(236, 236, 236,0.8); display:none; } #devis-offre-formulaire-surcouche::after {font-size: 20px; content:"Chargement des pièces jointes en cours..."; width:100%; height:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #devis-recapitulatif-conteneur #devis-recapitulatif .devis-information {text-align:left; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 5px; } #devis-recapitulatif-conteneur #devis-recapitulatif .devis-information-label { text-align:left; font-weight: 500; margin: 0px 0 5px; display: block; font-size: 15px; } #devis-recapitulatif-conteneur #devis-recapitulatif .devis-information-label i {color: #b2b0b0; margin-left: 10px; cursor:pointer; } #devis-recapitulatif-conteneur #devis-recapitulatif .devis-information-donnee {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #devis-recapitulatif-conteneur #devis-recapitulatif .devis-information-donnee span {width:calc(100% - 45px); } #devis-recapitulatif-conteneur #devis-recapitulatif .devis-information-donnee img { margin-left:10px; background: #fff; padding: 4px; border-radius: 5px; } #devis-recapitulatif-conteneur #devis-recapitulatif-gauche {width:calc(35% - 15px); } #devis-recapitulatif-conteneur #devis-information-technique.hidden {display:none; } #devis-recapitulatif-conteneur #devis-information-technique .devis-information-donnee { word-wrap: anywhere; } #devis-recapitulatif-conteneur #devis-recapitulatif-droite {width:calc(65% - 15px); border-left: 1px solid #ccc; padding-left: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing:border-box; } #devis-recapitulatif-conteneur #devis-recapitulatif-message {} #devis-recapitulatif-conteneur #devis-recapitulatif-fichiers {margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 5px; } #devis-recapitulatif-conteneur #devis-recapitulatif-fichier-conteneur {} #devis-etapes #devis-recapitulatif-fichiers-conteneur .devis-fichier:first-child {border-top:0; } #devis-etapes #devis-recapitulatif-fichiers-conteneur .devis-fichier:last-child {border-bottom:0; } #devis-recapitulatif-conteneur #devis-recapitulatif-coordonnees {} #devis-offre-conteneur {width:100%; position:relative; z-index:10;} #devis-recapitulatif-conteneur #devis-erreurs-fichiers {display:none; } #devis-recapitulatif-conteneur #devis-erreurs-fichiers .reponseFermer {padding: 5px 0; float: right; cursor:pointer; } #devis-recapitulatif-conteneur #devis-fichiers { max-width: 340px; } #devis-recapitulatif-conteneur #devis-fichiers .orange, #devis-recapitulatif-conteneur #devis-fichiers .vert {padding:0;; background:none; border:none;} #devis-recapitulatif-conteneur #devis-fichiers .devis-fichier {border-bottom: solid 1px #ccc; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } #devis-recapitulatif-conteneur #devis-fichiers .devis-fichier:first-child {border-top: solid 1px #ccc; } #devis-recapitulatif-conteneur #devis-fichiers .devis-fichier-nom {text-align:left; width:calc(100% - 35px); -webkit-box-flex:1; -ms-flex:1; flex:1; } #devis-recapitulatif-conteneur #devis-fichiers .devis-fichier-supprimer {cursor:pointer; font-size:28px; height: 30px; padding: 1px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #devis-offre-conteneur #devis-offre-formulaire textarea {border:none; border:#ccc 1px solid;height:100px; width:100%; max-width:100%; box-sizing: border-box; outline:none;} #devis-offre-conteneur #devis-offre-formulaire .form.erreur .input-text {border-color:#DD2C2B;} #devis-offre-formulaire-bouton {text-align:center;} #devis-offre-tableau {border-collapse:collapse;} #devis-offre-tableau h2 { text-align:center;color:#ad875f; border-top:3px solid #ad875f; border-bottom:2px solid #ad875f; text-align:center; margin:5px 0; padding:10px 0; } #devis-offre-tableau h3 { text-align:center;} #devis-offre-tableau td {padding:10px; vertical-align:top; text-align:left; border: 1px solid #ccc;} /* MAINTENANCE CRM SPE */ #blocage-spe { margin: 15px auto; max-width:400px; width:calc(100% - 32px); padding:15px; border:1px solid #ccc; } #blocage-spe .form {margin:10px 0; font-size:0; } #blocage-spe .form .form140 {width:105px; font-size:15px; float: none; display: inline-block; vertical-align:middle; } #blocage-spe .form .input-text {width:calc(100% - 145px); display: inline-block; vertical-align:middle; } #blocage-spe .form .bouton {margin:30px auto 0; display:block; } /* Spinner Loader */ .fa.fa-spinner {display: none; font-size: 13px; vertical-align: middle; margin-left: 10px; animation: loader_spin 1.2s linear infinite;} @keyframes loader_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* DRAPEAUX */ #drapeaux {} #drapeaux .drapeau {margin:10px 0;} #drapeaux .drapeau i {margin-right:10px;} #drapeaux #drapeau-bleu i {color:#3f3fea;} #drapeaux #drapeau-jaune i {color:#e8d11b;} #drapeaux #drapeau-vert i {color:#5be10f;} #drapeaux #drapeau-rouge i {color:#ff0b0b;} #drapeaux #drapeau-violet i {color:#9019e1;} #drapeaux #drapeau-orange i {color:#ff720b;} #drapeaux.drapeaux-page {margin:5px 0 15px; display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;} #drapeaux.drapeaux-page .drapeau label {cursor:pointer;} /* ARTICLE RAPIDE */ #article-conteneur {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;} #article-conteneur .article-ligne {margin:0px 0 25px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;} #article-conteneur .article-colonne {width:50%; padding:20px; box-sizing: border-box;} #article-conteneur #drapeaux {margin:0 15px; display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;} /* Formulaires inscription */ #composition-repas h4 {margin-bottom: 5px;} #composition-repas .ligne-repas { margin: 8px 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;} #composition-repas .ligne-repas span { margin-left: 10px; font-size: 18px; cursor: pointer; color:#df0d0d;} #module-formulaire-inscription-detail .base-grid .invite td { background: #d4e2e6;} #module-formulaire-inscription-detail .base-grid td strong { width: 70px; display: inline-block; vertical-align: middle;} /* Module documents drag and drop ary jan */ #documents-images-admin-plupload { padding: 0 25px;} #documents-images-admin {margin-top: 25px; position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;} #documents-images-admin .document-image {cursor: move; width: 180px; border:1px solid #afbcc1; margin:5px; background:#f9f9f9;} #documents-images-admin .document-miniature {position: relative; z-index: 10;} #documents-images-admin .document-miniature img {display: block; object-fit: contain;} #documents-images-admin .document-supprimer {position: absolute; right: 0px; top: 0px; z-index: 20; padding: 5px; cursor: pointer;} #documents-images-admin .document-supprimer img {display: block;} #documents-images-admin .document-date {font-weight: 500;padding: 5px;} #documents-images-admin .document-nom { padding: 5px;} #documents-images-admin .document-label {display: block; margin-bottom: 5px;} #documents-images-admin .document-nom input {width: 100% !important; box-sizing: border-box; margin: 5px 0;} #documents-images-admin .document-pourcentage {padding: 5px;} #documents-images-admin .document-pourcentage > * {margin: 0;} /* COTE STADE */ #membre-privatisation-details {display: none;} #membre-privatisation-details.visible {display: block;}