/* Mes projets */ /* -------------------------------------------------------------------- */ #module-vs_projet-mesprojets .row {display: flex; flex-wrap: wrap; } #module-vs_projet-mesprojets .item-projet {border: 2px solid #ccc; height: 100%; border-radius: 8px; min-height: 100px; padding: 20px;text-align: center; cursor: pointer; transition: all 0.5s;} #module-vs_projet-mesprojets .item-projet:hover {border: 2px solid var(--basecolor); height: 100%; border-radius: 8px; min-height: 100px; padding: 20px; cursor: pointer; } #module-vs_projet-mesprojets .item-projet i {font-size: 40px; color: #ccc; transition: all 0.5s;} #module-vs_projet-mesprojets .item-projet .folder:before { font-family: "Font Awesome 5 Free"; content: "\f07b"; font-size: 40px; color: #ccc; transition: all 0.5s;} #module-vs_projet-mesprojets .item-projet:hover .folder:before { content: "\f07c"; color: var(--basecolordark); } #module-vs_projet-mesprojets .item-projet:hover i {color: var(--basecolordark);} #module-vs_projet-mesprojets .item-projet .nom {margin: 10px 0px; font-size: 18px; line-height: 24px; font-weight: bold; color: #666; transition: all 0.5s;} #module-vs_projet-mesprojets .item-projet:hover .nom {color: #000; transition: all 0.5s;} #module-vs_projet-mesprojets .item-projet.nouveau {border: 0px solid #aaa; background: #f7f7f7; cursor: pointer; transition: all 0.5s;} #module-vs_projet-mesprojets .item-projet.nouveau:hover .nom {color: var(--basecolordark); transition: all 0.5s;} /* Page projet */ /* -------------------------------------------------------------------- */ #module-vs_projet-projet h1 {margin: 10px 0 10px 0; border:0;padding-bottom: 0; margin-bottom: 0;} #module-vs_projet-projet .titreh2 {text-align: center;} #module-vs_projet-projet .titreh2 h2 {font-size: 28px; padding: 10px 30px;margin-top: 0;margin-top: 30px; margin-bottom: 30px;} #module-vs_projet-projet .alert {font-size: 18px; padding: 15px;line-height: 24px;} #module-vs_projet-projet #content>.row {display: flex; flex-wrap: wrap; margin: 30px 0px; min-height: 1200px;} @media (max-width: 543px) { #module-vs_projet-projet h2 {margin-top: 30px;} } /* Titre */ #module-vs_projet-projet #entete_projet { padding: 15px 15px; text-align: center; position: fixed; top: 0; width: calc(100% - 30px); max-width: 1370px; z-index: 1000; background: #fff; box-shadow: 0px 0px 5px #999; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #module-vs_projet-projet #titre_projet {font-size: 24px;} #module-vs_projet-projet #titre_projet .logo { height: 60px; padding: 0;} #module-vs_projet-projet #titre_projet > div {background: #f7f7f7; padding: 15px 50px; border-radius: 10px; color: #666;} /* Menu */ #module-vs_projet-projet #menu_projet {text-align: left; margin-top: 0px; border-bottom: 3px solid #eee; margin-bottom: 30px;} #module-vs_projet-projet #menu_projet .btn {font-size: 16px; padding: 10px 5px !important; margin: 10px 20px 0px 0px; box-shadow: 0 0px 0 0 #ccc inset;} #module-vs_projet-projet #menu_projet .btn.active {color: var(--basecolordark); box-shadow: 0 0px 0 0 var(--basecolor) inset;} #module-vs_projet-projet #menu_projet .btn.active i {color: var(--basecolordark) !important;} #module-vs_projet-projet #menu_projet .btn.active:hover {color: var(--basecolordark) !important;} #module-vs_projet-projet #menu_projet .btn.active:hover i {color: var(--basecolordark) !important;} @media (max-width: 543px) { #module-vs_projet-projet #menu_projet {background: #f7f7f7; margin-top: 15px; padding: 10px;} #module-vs_projet-projet #menu_projet .btn {width: 100%; text-align: left; margin: 0;} } /*Pages*/ #module-vs_projet-projet #container_pages {border-radius: 10px; padding: 15px; min-height: 1200px; } /* Accueil */ #module-vs_projet-projet #container_pages .accueil-paniers ul li {border: 1px solid #ccc; border-radius: 10px; margin: 10px 0px; padding: 20px; transition: all 0.4s; cursor: pointer;} #module-vs_projet-projet #container_pages .accueil-paniers ul li:hover {background: #f7f7f7;} #module-vs_projet-projet #container_pages .accueil-paniers ul li .col-nom {font-size: 22px;color:var(--basecolordark);margin-bottom:20px;} #module-vs_projet-projet #container_pages .accueil-paniers ul li .col-nom i {padding-right: 5px;} #module-vs_projet-projet #container_pages .accueil-paniers ul li .col-detail{margin-bottom:10px;} /* Produits */ #module-vs_projet-projet #produits-container .row.fonctionnalites { margin-bottom: 20px;} #module-vs_projet-projet #produits-container .col-paniers {border: 1px solid #ccc; background: #eff8ff; border-radius: 10px; box-shadow: 3px 3px 3px #ccc;} #module-vs_projet-projet .btn-select-panier {font-size: 16px;padding: 10px 20px;} #module-vs_projet-projet #liste-produits .row-produits-vignettes { display: flex; flex-wrap: wrap; margin: auto; justify-content: center;} #module-vs_projet-projet #liste-produits .row-produits-vignettes .vignette-produit {padding: 5px;cursor: pointer;} #module-vs_projet-projet #liste-produits .row-produits-vignettes .vignette-produit > div {border: 1px solid #ccc; border-radius: 10px;width: 120px; height: 100%;} #module-vs_projet-projet #liste-produits .row-produits-vignettes .vignette-produit img {width:100%;border-top-left-radius: 8px; border-top-right-radius: 8px;} #module-vs_projet-projet #liste-produits .row-produits-vignettes .vignette-produit .nom-produit {padding: 10px; font-size: 13px; line-height: 17px;} #module-vs_projet-projet #liste-produits .row-produits-vignettes .vignette-produit .background-icone-add {position: absolute;top: 5px;left: 5px;height: calc(100% - 10px);width: calc(100% - 10px);background: #666;opacity: 0; transition: all 0.4s;} #module-vs_projet-projet #liste-produits .row-produits-vignettes .vignette-produit:hover .background-icone-add {opacity: 0.5; border-radius: 10px;} #module-vs_projet-projet #liste-produits .row-produits-vignettes .vignette-produit .icone-add {position: absolute; top: 48px; left: 48px; font-size: 38px; color: #fff; opacity: 0; transition: all 0.4s;} #module-vs_projet-projet #liste-produits .row-produits-vignettes .vignette-produit:hover .icone-add {opacity: 1; } #module-vs_projet-projet #liste-produits .row-produits-vignettes .vignette-produit.recherche-produits > div {background: #f7f7f7;} #module-vs_projet-projet #liste-produits .row-produits-vignettes .vignette-produit.recherche-produits .texte {font-size: 14px;font-weight: bold;text-align: center;margin-top: 60px;width: 100%;} #module-vs_projet-projet #liste-produits .row-produits-vignettes .vignette-produit.recherche-produits .texte i {display: block;font-size: 24px;margin-bottom: 10px;color: #999;} #module-vs_projet-projet .config-open #liste-produits .row-produits-vignettes { justify-content: left;margin-left: -10px;} #module-vs_projet-projet .config-open #liste-produits .row-produits-vignettes .vignette-produit.active > div {border: 3px solid var(--basecolor);} #module-vs_projet-projet .config-open #liste-produits .row-produits-vignettes .vignette-produit.active .background-icone-add {display: none !important;} #module-vs_projet-projet .config-open #liste-produits .row-produits-vignettes .vignette-produit.active .icone-add {display: none !important;} #module-vs_projet-projet #liste-produits .btn-produits {text-align:center; margin-top:10px;} #module-vs_projet-projet #liste-produits.accueil h2{display: none;} #module-vs_projet-projet #liste-produits.accueil .row-produits-vignettes { justify-content: left; margin-top: 30px;} #module-vs_projet-projet #liste-produits.accueil .row-produits-vignettes .vignette-produit {cursor:default;} #module-vs_projet-projet #liste-produits.accueil .row-produits-vignettes .vignette-produit .background-icone-add {display: none !important;} #module-vs_projet-projet #liste-produits.accueil .row-produits-vignettes .vignette-produit .icone-add {display: none !important;} #module-vs_projet-projet #liste-produits.accueil .btn-produits {text-align:left; margin-top:10px;} #module-vs_projet-recherche #ProduitsRecherche #form_recherche {text-align: center;padding: 40px 0px;} #module-vs_projet-recherche #ProduitsRecherche #form_recherche input {max-width: 600px; margin: auto; background: #f7f7f7; font-size: 20px; padding: 20px;} #module-vs_projet-recherche #ProduitsRecherche #form_recherche input:focus {background: #fff;} #module-vs_projet-recherche #ProduitsRecherche #form_recherche .btn {margin-top: 30px;} #module-vs_projet-recherche #ProduitsRecherche #resultat_recherche {display: flex; flex-wrap: wrap; border: 0px;} #module-vs_projet-recherche #ProduitsRecherche #resultat_recherche .col-produit {padding: 15px;} #module-vs_projet-recherche #ProduitsRecherche #resultat_recherche .col-produit .vignette-produit {border: 1px solid #ccc; height: 100%;border-radius: 5px; position: relative; padding-bottom: 50px; transition: all 0.2s;} #module-vs_projet-recherche #ProduitsRecherche #resultat_recherche .col-produit .vignette-produit:hover {border: 1px solid var(--basecolor);} #module-vs_projet-recherche #ProduitsRecherche #resultat_recherche .col-produit .vignette-produit img {width:100%; border-top-left-radius: 5px; border-top-right-radius: 5px;} #module-vs_projet-recherche #ProduitsRecherche #resultat_recherche .col-produit .vignette-produit .nom {font-size: 13px; line-height: 16px; padding: 15px 10px 15px 10px;} #module-vs_projet-recherche #ProduitsRecherche #resultat_recherche .col-produit .vignette-produit .btn {position: absolute; bottom: 0; width: calc(100% - 10px); margin: 5px; font-size: 15px; padding-top: 5px !important; padding-bottom: 5px !important;} /* Configurateur */ #module-vs_projet-projet .defer .col-configurateur {margin-top:0px;} @media (max-width: 991px) {#module-vs_projet-projet #configurateur {margin-left: -50px;}} /* Form */ #module-vs_projet-projet .form-control-select {border-color:var(--basecolor);} /*blocs*/ #module-vs_projet-projet .bloc-texte {display: block; margin: 10px auto; text-align: center; padding: 20px; border-radius: 10px; color: #666; background: #fafafa;} #module-vs_projet-projet .bloc-texte-info {background: #fff; border: 2px solid var(--basecolor); } #module-vs_projet-projet .bloc-texte-success {background: #edfbf6;} #module-vs_projet-projet .bloc-texte-warning {background: #fdf5de;} #module-vs_projet-projet .bloc-texte-danger {background: #fff2f2;font-weight: bold; color: #e36f6f;} /*Paniers*/ #module-vs_projet-projet #BadgesActions {margin-bottom: 10px;} #module-vs_projet-projet .paniers-liste {margin-bottom:0;} #module-vs_projet-projet .paniers-liste-titre {margin-bottom: 15px; padding: 0px 60px 0px 5px; border-bottom: 1px solid #ccc; display: inline-block; font-size: 14px; color: #999;} #module-vs_projet-projet .paniers-liste li {background: #999;border: 3px solid #999; opacity:0.7; display: inline-block; margin:0; padding: 5px 15px; border-radius: 12px; color: #fff; cursor: pointer; transition: all 0.2s;border-bottom-left-radius: 0; border-bottom-right-radius: 0;} #module-vs_projet-projet .paniers-liste li:hover { opacity:1; } #module-vs_projet-projet .paniers-liste li span {color: #fff; vertical-align: middle;} #module-vs_projet-projet .paniers-liste li span .fa-shopping-cart {padding-right: 5px; vertical-align: -1px;} #module-vs_projet-projet .paniers-liste li span.nom {font-size: 18px;} #module-vs_projet-projet .paniers-liste li .form-nom input {display: inline-block; width: auto; border: 0; padding: 0; background: transparent; color: #fff; vertical-align: -3px; border-radius: 0;} #module-vs_projet-projet .paniers-liste li .form-nom i {color: #fff; opacity: 0.8; padding-left: 10px; cursor: pointer; transition: all 0.2s;vertical-align: -3px;} #module-vs_projet-projet .paniers-liste li .form-nom i:hover {opacity: 1; } #module-vs_projet-projet .paniers-liste li.actif {background: var(--basecolor); border: 3px solid var(--basecolor); opacity:1} #module-vs_projet-projet .paniers-liste li.actif span .fa-pencil-alt {padding-left: 10px; font-size: 15px; opacity: 0.7; cursor: pointer; transition: all 0.2s;} #module-vs_projet-projet .paniers-liste li.actif span .fa-pencil-alt:hover { opacity: 1;} #module-vs_projet-projet .paniers-liste li.add-cart {background: #fff; border: 3px solid #ccc;border-bottom: 0;} #module-vs_projet-projet .paniers-liste li.add-cart span {color: #666; } #module-vs_projet-projet .paniers-liste li.add-cart span i {vertical-align: -1px;} #module-vs_projet-projet .paniers-liste li.add-cart span.nom {font-size: 15px;} #module-vs_projet-projet .paniers-liste li.add-cart input {color: #666; vertical-align: -3px; } #module-vs_projet-projet .paniers-liste li.add-cart .form-nom i {color: var(--basecolordark); opacity: 0.7; padding-left: 10px; cursor: pointer; transition: all 0.2s;vertical-align: -3px;} #module-vs_projet-projet .paniers-liste li.add-cart .form-nom i:hover {opacity: 1; } #projet_modal_add_panier .modal-dialog {border-radius: 10px;} #projet_modal_add_panier .modal-content {border-radius: 10px; text-align: center;} #projet_modal_add_panier .modal-content h3 {margin-top: 0;} #projet_modal_add_panier .modal-content .new-cart {padding: 3% 10%;} #projet_modal_add_panier .modal-content .new-cart input {display: inline-block; width: calc(100% - 100px);} #projet_modal_add_panier .modal-content .new-cart .btn {margin-left: 2px; vertical-align: 1px;} #projet_modal_add_panier .modal-content .cart-list {padding: 3%;} #projet_modal_add_panier .row-paniers-vignettes { display: flex; flex-wrap: wrap; margin: 20px 0px; justify-content: center;} #projet_modal_add_panier .row-paniers-vignettes .vignette-paniers {padding: 5px;cursor: pointer;} #projet_modal_add_panier .row-paniers-vignettes .vignette-paniers > div {border: 1px solid #ccc; border-radius: 10px;width: 120px; height: 100%;} #projet_modal_add_panier .row-paniers-vignettes .vignette-paniers .nom-panier {padding: 10px; font-size: 13px; line-height: 17px;} #projet_modal_add_panier .row-paniers-vignettes .vignette-paniers .nom-panier i {font-size: 16px; line-height: 30px; color: #999;} #projet_modal_add_panier .row-paniers-vignettes .vignette-paniers .background-icone-add {position: absolute;top: 5px;left: 5px;height: calc(100% - 10px);width: calc(100% - 10px);background: #666;opacity: 0; transition: all 0.4s;} #projet_modal_add_panier .row-paniers-vignettes .vignette-paniers:hover .background-icone-add {opacity: 0.5; border-radius: 10px;} #projet_modal_add_panier .row-paniers-vignettes .vignette-paniers .icone-add {position: absolute; top: 20px; left: 51px; font-size: 28px; color: #fff; opacity: 0; transition: all 0.4s;} #projet_modal_add_panier .row-paniers-vignettes .vignette-paniers:hover .icone-add {opacity: 1; } #module-vs_projet-projet #Panier-container {border:3px solid var(--basecolor);border-radius: 8px; border-top-left-radius: 0;padding: 30px;} #module-vs_projet-projet #Paniers #Panier_nom {height: 70px;} #module-vs_projet-projet #Paniers #Panier_nom .lien-couleur {font-size: 18px; padding-left: 10px; vertical-align: 2px;} #module-vs_projet-projet #Paniers .ligne-panier {margin: 30px 0px; padding-bottom: 30px; border-bottom: 1px solid #ccc;} #module-vs_projet-projet #Paniers .ligne-panier:first-child {margin-top: 0px; padding-top: 30px; border-top: 0px solid #ccc;} #module-vs_projet-projet #Paniers .ligne-panier:last-child {margin-bottom: 0px;} #module-vs_projet-projet #Paniers .titreh2 {margin-top:0px;} #module-vs_projet-projet #Paniers .ligne-panier .col-image {text-align: center;margin-bottom: 10px;} #module-vs_projet-projet #Paniers .ligne-panier .col-image img {width: 100%;max-width: 150px;} #module-vs_projet-projet #Paniers .ligne-panier .col-description {margin-bottom: 20px;} #module-vs_projet-projet #Paniers .ligne-panier .col-description .repere {height: 35px;} #module-vs_projet-projet #Paniers .ligne-panier .col-description .nom-repere {background: #eee; padding: 2px 15px; border-radius: 5px; font-size: 13px; display: inline-block; } #module-vs_projet-projet #Paniers .ligne-panier .col-description .modif-repere input {font-size: 14px; padding: 3px 10px; margin: 0; width: auto;} #module-vs_projet-projet #Paniers .ligne-panier .col-description .product-nom {font-size: 16px; font-weight: bold; } #module-vs_projet-projet #Paniers .ligne-panier .col-description .product-description {padding: 0; padding-top: 10px; font-size: 13px; line-height: 18px; color: #666;} #module-vs_projet-projet #Paniers .ligne-panier .col-description #configurateur_conseils {display: block !important;margin: 15px 0 5px 0;} #module-vs_projet-projet #Paniers .ligne-panier .col-description .alert-conseil {display: block; font-size: 14px;} #module-vs_projet-projet #Paniers .ligne-panier .col-total {text-align: right;} #module-vs_projet-projet #Paniers .ligne-panier .col-total .input-qte {text-align: center; font-size: 18px; font-weight: bold;display: inline-block; width: 50px;} #module-vs_projet-projet #Paniers .ligne-panier .col-total .prix-total {margin: 10px 0px; font-size: 14px;line-height: 18px;} #module-vs_projet-projet #Paniers .ligne-panier .col-total .prix-total .titre-prix {font-weight: bold; margin-bottom: 5px;} #module-vs_projet-projet #Paniers .ligne-panier .col-total .prix-total .principal {font-size: 18px; font-weight: bold; background: #fafafa; padding: 10px 10px; border-radius: 5px;} #module-vs_projet-projet #Paniers .ligne-panier .col-total .prix-total .indicatif {color: #999; font-style: italic; padding: 5px 10px } #module-vs_projet-projet #Paniers .ligne-panier .col-total .prix-unit {margin: 10px 0px; font-size: 14px;line-height: 18px;border-top: 1px solid #ccc; padding-top: 10px;} #module-vs_projet-projet #Paniers .ligne-panier .col-total .prix-unit .titre-prix {font-weight: bold; margin-bottom: 5px;} #module-vs_projet-projet #Paniers .ligne-panier .col-total .prix-unit .principal {padding: 0px 5px} #module-vs_projet-projet #Paniers .ligne-panier .col-total .prix-unit .indicatif {padding: 0px 5px ;color: #999; font-style: italic;} #module-vs_projet-projet #Paniers .totaux {background: #fafafa; margin:-15px 0px 20px 0px;padding: 20px 0px;} #module-vs_projet-projet #Paniers .totaux .row-total {background: #fafafa; padding: 5px 10px; text-align: right;margin:0;margin-bottom: 10px; padding:0} #module-vs_projet-projet #Paniers .totaux .row-total .btn.commander{display: block; font-size: 20px;padding: 10px 20px !important; margin-top: 20px;} @media (max-width: 543px) { #module-vs_projet-projet .paniers-liste li {display: block;border-radius: 5px; margin: 5px;} #module-vs_projet-projet .paniers-liste li.add-cart {border: 3px solid #ccc;} #module-vs_projet-projet .paniers-liste li span.nom {font-size: 15px;} #module-vs_projet-projet #Panier-container {border-radius: 8px;} #module-vs_projet-projet #Paniers .ligne-panier .col-description .product-description {display: none;} #module-vs_projet-projet #Paniers .ligne-panier .col-total .prix-unit {margin: 0px;border: 0; } } /*Tableau*/ #module-vs_projet-projet #Tableau .tableau-description {padding: 30px; background: #f7f7f7; font-size: 18px; line-height: 25px;border-radius: 10px;} #module-vs_projet-projet #Tableau .tableau-description span.warning {color: #bf5a00; padding: 0px 5px; background: #fffd93; border-radius: 5px;} #module-vs_projet-projet #Tableau .tableau-controle {font-size:13px;line-height: 20px;border: 1px solid #ccc;overflow-x: auto;} #module-vs_projet-projet #Tableau .tableau-controle thead tr {color:var(--basecolordark);background: #eff8ff;} #module-vs_projet-projet #Tableau tr:nth-of-type(odd) { background: #fafafa;} #module-vs_projet-projet #Tableau .tableau-controle td {padding: 20px 10px; border-left: 1px solid #ccc;} #module-vs_projet-projet #Tableau .tableau-controle th {padding: 20px 10px; border-left: 1px solid #ccc;} #module-vs_projet-projet #Tableau .tableau-controle td span.warning {color: #bf5a00; padding: 5px; background: #fffd93; border-radius: 5px;} #module-vs_projet-projet #Tableau .tableau-controle td span.ras {color: #666; padding: 5px; } #module-vs_projet-projet #Tableau .tableau-controle td .repere {display: inline-block; background: #ddd; padding: 1px 5px; border-radius: 5px; font-size: 12px; margin-bottom: 5px;} #module-vs_projet-projet .volets-roulants h3 {margin-bottom: 20px; margin-top: 50px; font-weight: bold !important; border:0;} #module-vs_projet-projet .volets-roulants h3.success {color:#0d998d;} #module-vs_projet-projet .volets-roulants h3.danger {color:#e36f6f} #module-vs_projet-projet .volets-roulants .volets-roulants-description {padding: 30px; background: #f7f7f7; font-size: 18px; line-height: 25px;border-radius: 10px;} #module-vs_projet-projet .volets-roulants .tableau-rapprochement {border: 2px solid #eee;box-shadow: 3px 3px 3px #ccc;} #module-vs_projet-projet .volets-roulants .tableau-rapprochement thead {background: #f7f7f7;} #module-vs_projet-projet .volets-roulants .tableau-rapprochement tr.success td.lien div {display: inline-block; background: #0d998d; padding: 5px 10px; border-radius: 5px; color: #fff;} #module-vs_projet-projet .volets-roulants .tableau-rapprochement tr.danger td.lien div {display: inline-block; background: #e36f6f; padding: 5px 10px; border-radius: 5px; color: #fff;} #module-vs_projet-projet .volets-roulants .tableau-rapprochement td {padding: 10px;} #module-vs_projet-projet .volets-roulants .tableau-rapprochement .repere {display: inline-block; background: #ddd; padding: 1px 5px; border-radius: 5px; font-size: 12px; margin-bottom: 10px;} #module-vs_projet-projet .volets-roulants .tableau-rapprochement .nom {font-size: 18px; line-height: 24px; font-weight: bold;} #module-vs_projet-projet .volets-roulants .tableau-rapprochement .alert {font-size: 14px; line-height: 20px; padding: 10px; width: 100%; margin:0;} #module-vs_projet-projet .volets-roulants .tableau-rapprochement .alert .lien {text-decoration: underline; color: var(--basecolordark); cursor: pointer;} @media (max-width: 543px) {#module-vs_projet-projet .volets-roulants .tableau-rapprochement .nom {font-size: 16px; line-height: 20px; }} #module-vs_projet-projet #PaniersRecommandations .tableau-messages {border: 2px solid #eee;box-shadow: 3px 3px 3px #ccc;} #module-vs_projet-projet #PaniersRecommandations .tableau-messages td {padding: 20px 10px; } #module-vs_projet-projet #PaniersRecommandations .tableau-messages th {padding: 20px 10px; } #module-vs_projet-projet #PaniersRecommandations .tableau-messages .conseil > div {padding: 5px;} #module-vs_projet-projet #PaniersRecommandations .tableau-messages .conseil > div i {padding-right: 10px; color:#cf9204} #module-vs_projet-projet #PaniersRecommandations .tableau-messages .conseil > div span {color:#cf9204} #module-vs_projet-projet #PaniersRecommandations .tableau-messages td .repere {display: inline-block; background: #ddd; padding: 1px 5px; border-radius: 5px; font-size: 12px; margin-bottom: 5px;} #module-vs_projet-projet #PaniersRecommandations .tableau-rapprochement tr.danger td.lien div {display: inline-block; background: #e36f6f; padding: 5px 10px; border-radius: 5px; color: #fff;} #module-vs_projet-projet #PaniersRecommandations .tableau-rapprochement tr.danger {background: #fff2f2;} #module-vs_projet-projet #PaniersRecommandations .tableau-rapprochement td {padding: 20px 10px;} #module-vs_projet-projet #Organisation #Paniers {padding: 0px; margin-top: 50px; } #module-vs_projet-projet #Organisation #Paniers .paniers-liste{display: flex; flex-wrap: wrap; justify-content: left;} #module-vs_projet-projet #Organisation #Panier_G .paniers-liste{justify-content: right;} #module-vs_projet-projet #Organisation #Paniers .row { display: flex ; flex-wrap: wrap; margin: 0;} #module-vs_projet-projet #Organisation #Paniers .row .col-panier{ padding: 0;} #module-vs_projet-projet #Organisation #Paniers .row .col-panier .titre-panier {font-size: 48px;text-align: right;font-weight: bold;height: 60px;} #module-vs_projet-projet #Organisation #Paniers .row .col-panier .titre-panier span {background: #ddd; color: #fff; padding: 5px 20px; border-radius: 10px;} #module-vs_projet-projet #Organisation #Paniers .row #Panier_D.col-panier .titre-panier {text-align: left;} #module-vs_projet-projet #Organisation #Paniers .panier {background: #fff; height: 100%;padding: 20px; } #module-vs_projet-projet #Organisation #Panier_G .panier { border-right: 5px dashed #ccc; padding-right: 30px;} #module-vs_projet-projet #Organisation #Panier_D .panier { padding-left: 30px;} #module-vs_projet-projet #Organisation #Paniers .panier td {padding:20px 0; } #module-vs_projet-projet #Organisation #Paniers .nom-panier {padding: 20px 20px; font-size: 24px; background: #fafafa; color: var(--basecolordark); } #module-vs_projet-projet #Organisation #Paniers .repere {display: inline-block; background: #ddd; padding: 1px 5px; border-radius: 5px; font-size: 12px; margin-bottom: 5px;} #module-vs_projet-projet #Organisation #Paniers tr {cursor: pointer;transition: all 0.2s;} #module-vs_projet-projet #Organisation #Panier_G tr:hover {transform: translateX(25px);} #module-vs_projet-projet #Organisation #Panier_D tr:hover {transform: translateX(-25px);} #module-vs_projet-projet #Organisation #Paniers tr .nom-produit {font-size: 14px; font-weight: bold;transition: all 0.2s;} #module-vs_projet-projet #Organisation #Paniers tr:hover .nom-produit {color:var(--basecolordark)} #module-vs_projet-projet #Organisation #Paniers tr .btn-transfert {font-size: 24px; color:#ddd; text-align: center; cursor: pointer;transition: all 0.2s;} #module-vs_projet-projet #Organisation #Paniers tr:hover .btn-transfert {color:var(--basecolordark);} @media (max-width: 543px) { #module-vs_projet-projet #Organisation #Panier_D {margin-top: 20px; border-top: 10px solid #f7f7f7; padding-top: 20px !important;} #module-vs_projet-projet #Organisation #Panier_D .panier { border-left: 5px dashed #ccc; padding-left: 30px;} } /*Badges actions*/ #module-vs_projet-projet .row.badges-actions {display: flex;flex-wrap: wrap;margin: auto; justify-content: right;} #module-vs_projet-projet .row.badges-actions > div {padding:5px;} #module-vs_projet-projet .row.badges-actions > div .bloc-fonction{ position: relative; cursor: pointer; margin: 0; border: 1px solid #ccc; background: #eff8ff; border-radius: 10px; min-height: 200px; height: 100%; box-shadow: 2px 2px 2px #ccc; transition: all 0.2s;} #module-vs_projet-projet .row.badges-actions > div .bloc-fonction .icone_fonction {font-size: 37px; text-align: center; padding: 20px; color: var(--basecolordark); } #module-vs_projet-projet .row.badges-actions > div .bloc-fonction .titre_fonction {padding: 0px 20px; text-align: center; font-weight: bold; color: #333; height: 50px;transition: all 0.2s;} #module-vs_projet-projet .row.badges-actions > div .bloc-fonction .description_fonction {text-align: center; color: #666; font-size: 14px; border-top: 1px solid #ddd; margin: 5px; padding: 10px;} #module-vs_projet-projet .row.badges-actions > div .bloc-fonction:hover {border: 1px solid var(--basecolor);} #module-vs_projet-projet .row.badges-actions > div .bloc-fonction:hover .titre_fonction {color: var(--basecolordark); } #module-vs_projet-projet .row.badges-actions.inline > div .bloc-fonction{min-height: unset;} #module-vs_projet-projet .row.badges-actions.inline > div .bloc-fonction .icone_fonction {padding: 11px 0px; text-align: center;} #module-vs_projet-projet .row.badges-actions.inline > div .bloc-fonction .titre_fonction {text-align: left; padding: 13px 10px 13px 0; height: auto;font-size: 14px; line-height: 18px;} #module-vs_projet-projet .row.badges-actions.inline > div .bloc-fonction .description_fonction {margin: 0; text-align: left;} @media (max-width: 543px) { #module-vs_projet-projet .row.badges-actions.inline > div .bloc-fonction .icone_fonction {font-size: 28px; padding: 10px 0px 0px 0px !important; } #module-vs_projet-projet .row.badges-actions.inline > div .bloc-fonction .titre_fonction {padding: 5px; text-align: center; font-size:13px;} } /*Fonctions*/ #module-vs_projet-projet .row.fonctionnalites {display: flex;flex-wrap: wrap;margin: auto; justify-content: center;} #module-vs_projet-projet .row.fonctionnalites > div {padding:15px;} #module-vs_projet-projet .row.fonctionnalites > div .bloc-fonction{ position: relative; cursor: pointer; margin: 0; border: 1px solid #ccc; background: #eff8ff; border-radius: 10px; min-height: 200px; height: 100%; box-shadow: 3px 3px 3px #ccc; transition: all 0.2s;} #module-vs_projet-projet .row.fonctionnalites > div .bloc-fonction .icone_fonction {font-size: 40px; text-align: center; padding: 20px; color: var(--basecolordark); height: 90px;} #module-vs_projet-projet .row.fonctionnalites > div .bloc-fonction .titre_fonction {padding: 0px 20px; text-align: center; font-weight: bold; color: #333; height: 50px;transition: all 0.2s;} #module-vs_projet-projet .row.fonctionnalites > div .bloc-fonction .description_fonction {text-align: center; color: #666; font-size: 14px; border-top: 1px solid #ddd; margin: 5px; padding: 10px;} #module-vs_projet-projet .row.fonctionnalites > div .bloc-fonction:hover {border: 1px solid var(--basecolor);} #module-vs_projet-projet .row.fonctionnalites > div .bloc-fonction:hover .titre_fonction {color: var(--basecolordark); } #module-vs_projet-projet .row.fonctionnalites.inline > div .bloc-fonction{min-height: unset;padding-bottom: 10px;} #module-vs_projet-projet .row.fonctionnalites.inline > div .bloc-fonction .icone_fonction {padding: 15px 0px; text-align: center;} #module-vs_projet-projet .row.fonctionnalites.inline > div .bloc-fonction .titre_fonction {text-align: left; padding: 10px; height: auto;} #module-vs_projet-projet .row.fonctionnalites.inline > div .bloc-fonction .description_fonction {margin: 0; text-align: left;} /*FAQ*/ #module-vs_projet-projet .projet-faq {margin-top: 50px;} #module-vs_projet-projet .projet-faq .question { position: relative; color: #333; font-size: 16px; line-height: 20px; padding:10px; padding-left: 30px; cursor:pointer; transition: all 0.4s; border:0; background:#f7f7f7; margin: 10px 0px; border-radius: 5px; max-width: unset; } #module-vs_projet-projet .projet-faq .titre { line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: all 0.4s; } #module-vs_projet-projet .projet-faq .question:hover { color: var(--basecolordark); background:#eff8ff;} #module-vs_projet-projet .projet-faq .question-active { font-weight:normal; background:#eff8ff;} #module-vs_projet-projet .projet-faq .question:hover .titre { color: var(--basecolordark) !important;} #module-vs_projet-projet .projet-faq .question-active .titre { color: var(--basecolordark) !important; font-weight:bold; } #module-vs_projet-projet .projet-faq .question i {font-size: 17px;width: 20px;position: absolute; left: 10px;} #module-vs_projet-projet .projet-faq .question-active i {color: var(--basecolordark) !important;} #module-vs_projet-projet .projet-faq .reponse {display:none;color: #333;padding: 30px;margin-bottom: 20px;border-left: 0px solid #ccc;} #module-vs_projet-projet .projet-faq a {display: inline-block; border: 0; text-decoration: underline; } #module-vs_projet-projet .projet-faq a:hover {display: inline-block; border: 0; text-decoration: underline;} @media (max-width: 543px) { #module-vs_projet-projet .projet-faq {padding: 10px; } #module-vs_projet-projet .projet-faq .question {font-size: 14px;} #module-vs_projet-projet .projet-faq .question {margin: 10px 0px;} } /*Aide*/ #module-vs_projet-projet #Aide .conseils {padding: 0px 50px;} #module-vs_projet-projet #Aide h3 {text-align: center;} #module-vs_projet-projet #Aide .row.video {display: flex;flex-wrap: wrap;margin: auto; ;margin-bottom: 0px;} #module-vs_projet-projet #Aide .doc {display: flex;flex-wrap: wrap;margin: auto; margin-bottom: 50px;} /* Formulaire de création */ /* -------------------------------------------------------------------- */ #form_creation {padding: 20px;margin-top: 0px; position: relative; } #form_creation #nom_projet {border-radius: 8px; border: 3px solid var(--basecolor); background: #f7f7f7; margin-top:50px;} #form_creation h1 { color: var(--basecolordark) !important; border-bottom: 2px solid var(--basecolor); padding-bottom: 20px; margin-bottom: 30px;} #form_creation h2 {font-size: 28px; padding: 10px 30px; color: var(--favoriscolor) !important; border-color: var(--favoriscolor);} #form_creation .description {font-size: 20px; line-height: 30px; padding: 20px 20px; } #form_creation input {max-width:600px; margin:auto; text-align: center; font-size:28px; color:#000} #form_creation label {font-size: 16px; line-height: 20px; margin-bottom: 20px; padding-bottom: 5px; font-weight: normal; border-bottom: 1px solid #ccc;} #form_creation .liste-choix {margin-top:50px; display: flex; flex-wrap: wrap; justify-content: center;} #form_creation .liste-choix .col {padding: 10px;} #form_creation .liste-choix .item {width: 100%;height: 100%;padding: 15px;border: 0px solid #fff;border-radius: 15px;max-width: 800px;text-align: center;font-size: 20px;font-weight: bold;margin-bottom: 20px;cursor: pointer;transition: all 0.4s;background: #f7f7f7;opacity: 1;padding-bottom: 55px;} #form_creation .liste-choix .item:hover { background: #eaf6ff;} #form_creation .liste-choix .item .titre { margin-top: 20px; font-size:18px; color:#444; min-height: 45px;} #form_creation .liste-choix .item .illustration {height:180px;} #form_creation .liste-choix .item .illustration img { display: block; margin: auto; width: 100%; border-radius: 10px; border: 1px solid #ccc;} #form_creation .liste-choix .item .illustration>i { font-size: 100px !important; display: block; padding: 20px; padding-top: 35px; color:var(--basecolordark)} #form_creation .liste-choix .item .description { font-size:14px; line-height: 18px; padding: 10px; color:#777; font-weight: normal;} #form_creation .continuer-container { height:80px;} #form_creation .btn.continuer { font-size: 18px;} #form_creation .btn.continuer:disabled { display:none;} #form_creation .btn.retour { position: absolute; left: 10px; bottom: 11px; opacity: 1; border: 0; font-size: 18px; box-shadow: none;} @media (max-width: 543px) { #form_creation .liste-choix .col {padding: 5px;} #form_creation .liste-choix .item {padding: 8px;} #form_creation .liste-choix .item .titre {margin-top: 10px;font-size:16px;} #form_creation .liste-choix .item .description {font-size:13px;line-height: 15px;padding: 5px;} } #form_creation .liste-choix .item .check {position: absolute;bottom: 25px;font-size: 26px; width: calc(100% - 60px);display:none;} #form_creation.MULTIPLE .liste-choix .item:hover .check{display: block;color:#999;} #form_creation.MULTIPLE .liste-choix .item.VRAI .check{display: block;color:#0d998d;} #form_creation.PANIERS .liste-choix .item:hover .check{display: block;color:#999;} #form_creation.PANIERS .liste-choix .item.VRAI .check{display: block;color:#0d998d;} #form_creation .liste-choix .item .radio {position: absolute;bottom: 25px;font-size: 30px; width: calc(100% - 60px);display:none;} #form_creation.UNIQUE .liste-choix .item:hover .radio{display: block;color:#999;} #form_creation.UNIQUE .liste-choix .item.VRAI .radio{display: block;color:#0d998d;} #form_creation .liste-choix .item .oui-non {display:none;} #form_creation.OUINON .liste-choix .item { background: #f7f7f7;opacity: 1;padding-bottom: 70px;} #form_creation.OUINON .liste-choix .item .oui-non {position: absolute; bottom: 15px; display: block;width: calc(100% - 45px);} #form_creation.OUINON .liste-choix .item .oui-non .btn {background: #fff; border: 0px solid #fff;box-shadow: 0 0px 0 0 #fff inset; border-radius: 10px;} #form_creation.OUINON .liste-choix .item .oui-non .oui { color: #0d998d !important;} #form_creation.OUINON .liste-choix .item .oui-non .oui>i { color: #0d998d !important;} #form_creation.OUINON .liste-choix .item .oui-non .btn.oui:hover {box-shadow: 0 -50px 0 0 #0d998d inset;border: 0px solid #0d998d !important;opacity:1;} #form_creation.OUINON .liste-choix .item .oui-non .btn.oui:hover {color: #fff !important;} #form_creation.OUINON .liste-choix .item .oui-non .btn.oui:hover>i {color: #fff !important;} #form_creation.OUINON .liste-choix .item.VRAI .oui-non .btn.oui {color: #fff !important;box-shadow: 0 -50px 0 0 #0d998d inset;border: 0px solid #0d998d !important;} #form_creation.OUINON .liste-choix .item.VRAI .oui-non .btn.oui>i {color: #fff !important;} #form_creation.OUINON .liste-choix .item.VRAI .oui-non .btn.non {opacity:0.6;} #form_creation.OUINON .liste-choix .item .oui-non .non { color: #e36f6f !important;} #form_creation.OUINON .liste-choix .item .oui-non .non>i { color: #e36f6f !important;} #form_creation.OUINON .liste-choix .item .oui-non .btn.non:hover {box-shadow: 0 -50px 0 0 #e36f6f inset;border: 0px solid #e36f6f !important;opacity:1;} #form_creation.OUINON .liste-choix .item .oui-non .btn.non:hover {color: #fff !important;} #form_creation.OUINON .liste-choix .item .oui-non .btn.non:hover>i {color: #fff !important;} #form_creation.OUINON .liste-choix .item.FAUX .oui-non .btn.non {color: #fff !important;box-shadow: 0 -50px 0 0 #e36f6f inset;border: 0px solid #e36f6f !important;} #form_creation.OUINON .liste-choix .item.FAUX .oui-non .btn.non>i {color: #fff !important;} #form_creation.OUINON .liste-choix .item.FAUX .oui-non .btn.oui {opacity:0.6;} #form_creation .liste-choix .item.VRAI { background: #e3f7f0; color:#00b67a; border: 0px solid #00b67a; opacity: 1; } #form_creation .liste-choix .item.VRAI .titre{ color:#0d998d;} #form_creation .liste-choix .item.VRAI .illustration>i { color:#0d998d;} #form_creation .liste-choix .item.FAUX { background: #ffefef; border: 0px solid #e36f6f;opacity: 1;} #form_creation .liste-choix .item.FAUX .titre { color:#e36f6f;} #form_creation .liste-choix .item.FAUX .illustration>i { color:#e36f6f;} #form_creation.accueil .row { display: flex; flex-wrap: wrap; margin: auto; justify-content: center; margin-top:50px;} #form_creation.accueil img {border-radius: 8px; width: 100%;} #form_creation.accueil .ss-titre {font-size: 32px; color: var(--favoriscolor);margin-top: 20px;} #form_creation.accueil .ss-titre i {display: block; font-size: 60px; border: 3px solid var(--favoriscolor); width: 120px; height: 120px; padding: 28px; border-radius: 50%; margin: auto; background: var(--favoriscolor); color: #fff;} #form_creation.accueil .ss-titre div {margin-top: 20px;} #form_creation.accueil ul {margin-top: 50px; display: inline-block; text-align: left; font-size: 18px; line-height: 40px;} #form_creation.accueil ul li i {color: var(--favoriscolor);padding-right: 5px;} #form_creation.fin .box {max-width: 600px; border: 3px solid var(--favoriscolor); color:var(--favoriscolor); margin: auto; padding: 50px; border-radius: 8px; margin-top: 20px;} #form_creation.fin .box .titre {font-size: 30px;line-height: 40px;margin-top:50px} #form_creation.fin .box .ss-titre {font-size: 18px;line-height: 30px;} #form_creation.fin .box .favoris { color:var(--favoriscolor) ;margin-top:20px;} #form_creation.fin .box >i {display: block; font-size: 60px; border: 3px solid var(--favoriscolor); width: 120px; height: 120px; padding: 28px; border-radius: 50%; margin: auto; margin-bottom: 20px; margin-top: 20px; background: #fff; color:var(--favoriscolor);} table.rounded-corners { /* Change these properties */ border-radius: 10px; /* Don't change these properties */ border-spacing: 0; border-collapse: separate; border: var(--border); overflow: hidden; } /* Apply a border to the right of all but the last column */ table.rounded-corners th:not(:last-child), table.rounded-corners td:not(:last-child) { border-right: var(--border); } /* Apply a border to the bottom of all but the last row */ table.rounded-corners>thead>tr:not(:last-child)>th, table.rounded-corners>thead>tr:not(:last-child)>td, table.rounded-corners>tbody>tr:not(:last-child)>th, table.rounded-corners>tbody>tr:not(:last-child)>td, table.rounded-corners>tfoot>tr:not(:last-child)>th, table.rounded-corners>tfoot>tr:not(:last-child)>td, table.rounded-corners>tr:not(:last-child)>td, table.rounded-corners>tr:not(:last-child)>th, table.rounded-corners>thead:not(:last-child), table.rounded-corners>tbody:not(:last-child), table.rounded-corners>tfoot:not(:last-child) { border-bottom: var(--border); } /* Selection de favoris */ /* -------------------------------------------------------------------- */ #module-vs_projet-mesfavoris h1 {border-color:var(--favoriscolor);} /*Onglets*/ #module-vs_projet-mesfavoris .selections-liste {margin-bottom:0;} #module-vs_projet-mesfavoris .selections-liste-titre {margin-bottom: 15px; padding: 0px 60px 0px 5px; border-bottom: 1px solid #ccc; display: inline-block; font-size: 14px; color: #999;} #module-vs_projet-mesfavoris .selections-liste li {background: #999;border: 2px solid #999; opacity:0.7; display: inline-block; margin:0; padding: 5px 15px; border-radius: 12px; color: #fff; cursor: pointer; transition: all 0.2s;border-bottom-left-radius: 0; border-bottom-right-radius: 0;} #module-vs_projet-mesfavoris .selections-liste li:hover { opacity:1; } #module-vs_projet-mesfavoris .selections-liste li span {color: #fff; vertical-align: middle;} #module-vs_projet-mesfavoris .selections-liste li span i {padding-right: 5px;font-size: 22px;vertical-align: -3px;} #module-vs_projet-mesfavoris .selections-liste li span.nom {font-size: 18px;} #module-vs_projet-mesfavoris .selections-liste li.actif {background: var(--favoriscolor); border: 3px solid var(--favoriscolor); opacity:1} #module-vs_projet-mesfavoris .selections-liste li.add {background: #fff; border-bottom: 0;} #module-vs_projet-mesfavoris .selections-liste li.add span i {color:#999} #module-vs_projet-mesfavoris .selections-liste li.add span.nom {color:#999} /*Favoris*/ #module-vs_projet-mesfavoris #Favoris-container {border:3px solid var(--favoriscolor);border-radius: 8px; border-top-left-radius: 0;min-height: 800px;} /*Tags*/ #module-vs_projet-mesfavoris #Favoris-container #Selection {margin: 0px 0px 0px 0px; padding: 15px 0;} #module-vs_projet-mesfavoris #Favoris-container #Selection .tag-selection {color: #fff;background: var(--favoriscolor);position: relative;border-radius: 5px;padding: 5px 10px;font-size: 14px;margin-right: 5px;font-weight: bold;display: inline-block;} #module-vs_projet-mesfavoris #Favoris-container #Selection .tag-selection i {font-size: 12px;} /*Commentaire*/ #module-vs_projet-mesfavoris #Favoris-container #commentaire{text-align: left; margin: 0px 20px 30px 20px; color: var(--favoriscolor); border-bottom: 1px solid var(--favoriscolor);border-bottom: 1px solid #ccc; padding: 10px;} /*Action*/ #module-vs_projet-mesfavoris #Favoris-container #Action{text-align: right; padding: 10px;} #module-vs_projet-mesfavoris #Favoris-container #Action form {display: none;} #module-vs_projet-mesfavoris #Favoris-container #Action form #input_selection_nom {background: #f7f7f7; border: 2px solid var(--favoriscolor); font-weight: bold;} #module-vs_projet-mesfavoris #Favoris-container #Action form {display: none;} #module-vs_projet-mesfavoris #Favoris-container #Action #form-supprimer {font-size: 18px;} #module-vs_projet-mesfavoris #Favoris-container #Action #form-supprimer span {padding-right: 10px;} /*Vignettes produit*/ #module-vs_projet-mesfavoris #Favoris-container #Produits {padding: 10px 30px;} #module-vs_projet-mesfavoris #Favoris-container #Produits .row-produits-vignettes {display: flex;flex-wrap: wrap;} #module-vs_projet-mesfavoris #Favoris-container #Produits .row-produits-vignettes .type-produit {min-width: 200px;} #module-vs_projet-mesfavoris #Favoris-container #Produits .voletshop-produit {cursor: pointer;} #module-vs_projet-mesfavoris #Favoris-container #Produits .voletshop-produit .col-desc { padding-bottom: 50px !important;} #module-vs_projet-mesfavoris #Favoris-container #Produits .voletshop-produit .col-desc .description_short span {background: #eee;color: #666; position: relative; border-radius: 5px; padding: 4px 8px; padding-left: 22px; font-size: 12px; margin-right: 5px; margin-top: 5px; display: inline-block; width: 100%;} #module-vs_projet-mesfavoris #Favoris-container #Produits .voletshop-produit .col-desc .description_short span:before {content: "\f00c";font-size: 10px;vertical-align: -1px;font-weight: 900;font-family: "Font Awesome 5 Free";position: absolute;left: 7px;} #module-vs_projet-mesfavoris #Favoris-container #Produits .voletshop-produit .col-prix {display: none;} #module-vs_projet-mesfavoris #Favoris-container #Produits .voletshop-produit .col-desc { padding-bottom: 50px !important;} #module-vs_projet-mesfavoris #Favoris-container.favoris-projet .btn-favori {display:none;} /*Configurateur*/ #module-vs_projet-mesfavoris #Favoris-container #configurateur {padding: 10px 30px;}