@charset "UTF-8"; :root { --dashboard_columns: 1; --dashboard_gap: 20px; --mod-vente_columns: 1; --mod-vente_gap: 20px; } html { font-size: 17px; } divx { padding: 0 !important; } h1, h2, h3, h4, h5, h6, .display-1, .display-2, .display-4, .display-5, .display-7, span, p, em, sup, a { line-height: normal; word-break: break-word; word-wrap: break-word; } .hidden { visibility: unset !important; } sub { font-family: 'Jost', sans-serif !important; font-size: 1rem !important; color: #000 !important; font-weight: 500 !important; line-height: 1.5 !important; padding: 0 !important; } strong { font-weigth: bold; } .mob_h1, .mob_h1 p { font-family: 'Jost', sans-serif !important; font-size: 2.5rem !important; color: #027bb4 !important; font-weight: normal !important; line-height: 2.5rem !important; padding: 0 !important; } .mob_h2, .mob_h2 p { font-family: 'Jost', sans-serif !important; font-size: 2rem !important; color: #027bb4 !important; font-weight: normal !important; line-height: 2rem !important; padding: 0 !important; } .mob_h3, .mob_h3 p { font-family: 'Jost', sans-serif !important; font-size: 1.5rem !important; color: #037bb4 !important; font-weight: normal !important; line-height: 1.5rem !important; padding: 0 !important; } .mob_txt { font-family: 'Jost', sans-serif !important; font-size: 1rem !important; color: #000 !important; font-weight: 500 !important; line-height: 1.5 !important; padding: 0 !important; } am, sup { font-family: 'Jost', sans-serif !important; font-size: 1rem !important; font-weight: 500 !important; line-height: 1.5 !important; } #custom-html-k div { padding: 0; } .content_ele_text p { font-family: 'Jost', sans-serif !important; font-size: 1rem !important; color: #000 !important; font-weight: 500 !important; line-height: 1.5 !important; padding: 0 !important; } .reveal-on-scroll { opacity: 0; } .reveal-on-scroll.is-visible { opacity: 1; } .mb_sous-menu { top: 100% !important; left: 50% !important; transform: translateX(-50%) !important; background-color: rgba(255, 255, 255, 0.9) !important; box-shadow: 1px 2px 5px 1px rgba(0,0,0,.2)!important; } .page-web__menu a { font-weigth: normal; } ul.gen__navbar-nav { box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; height: 100%; width: 80%; justify-content: space-evenly; margin: 0px; padding: 0px; color: #000; list-style-image: none; list-style-position: outside; list-style-type: none; } ul.navbar-nav li { margin:0 !important; } .all__content_container { display: flex; flex-wrap: wrap; max-width: 100%; justify-content: center; } .all-modules__titre_container { display: flex; flex-wrap: nowrap; justify-content: center; margin: 20px 10%; flex-direction: column; } .all-modules__titre_col-central { flex-grow: 1; text-align: center; } .all-modules__titre_col-left { flex-grow: 1; flex-basis: 0; text-align: left !important; } .all-modules__titre_col-right { flex-grow: 1; flex-basis: 0; text-align: right !important; } .all__cadre-central { margin: 0 20px !important; padding: 0 !important; min-height: 500px; text-align: center; position: relative; } .all__shadow { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #eee; border-left: 1px solid #eee; box-shadow: 1px 2px 5px 1px rgba(0,0,0,.11)!important; border-radius: 7px; background-color: #fff; padding: 20px !important; } .all__tableau_container { padding: 0px !important; margin: 0 !important; } .all__multi-columns_container { margin: 0 auto; padding: 0px !important; width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; } .all__multi-columns_colomn { margin: 0 auto; padding: 0px !important; box-sizing: border-box; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: stretch; } .all__multi-columns_colomn-reg { margin: 0 auto; padding: 0px !important; box-sizing: border-box; flex: 1; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: stretch; } .all__flex_container { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; padding: 0 !important; } .all__flex-children_center { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 !important; } .all__flex-children_2col { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; width: 100%; padding: 0 !important; margin: auto 20px; } .all__flex-children_3col { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 !important; margin: auto 20px; } .all__flex-children_4col { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 !important; margin: auto 20px; } .all__flex-children_2col_70g, .all__flex-children_2col-30d { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; width: 100%; padding: 0 !important; margin: auto 20px; } .all__flex-children_30 { width: calc(30% - 5px); } .all__flex-children_70 { width: calc(70% - 5px); } .all__fields-links_container { display: flex; position: relative; height: 34px; align-items: center; } .all__fields-links_text { display: block; text-align: left; } .all__fields-links_links-container { display: block; position: absolute; top: 0; right: 0; padding-left: 15px; background: linear-gradient(to right, rgba(249, 249, 249, 0) 0%, #f9f9f9 10px, #f9f9f9 100%); opacity: 0; visibility: hidden; transition: visibility 0.3s, opacity 0.3s linear; } .all__fields-links_container:hover .all__fields-links_links-container { opacity: 1; visibility: visible; transition: visibility 0.3s, opacity 0.3s linear; } .td_empty_little { padding: 50px 0 !important; text-align: center; } .bouton_orange { display: inline-block; padding: 5px; width: 90%; text-align: center; line-height: 30px; color: #fff; font-weight: 400; font-size: 0.9rem; background-color: #ea9d0c; border: unset; cursor: pointer; border-radius: 5px; transition: all 0.3s; box-sizing: border-box; } .bouton_orange:hover { opacity: 0.6; transition: all 0.3s; } .bouton_orange:active { opacity: 0.8; } .bouton_width_variable { witdh: 90%; } .btns__copy-bubble { position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 10px); background: #4caf50; color: #fff; padding: 4px 8px; border-radius: 4px; font-size: 12px; white-space: nowrap; z-index: 999; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .btns__copy-bubble--visible { opacity: 1; } .btns__copy-bubble { background: #4caf50; color: #fff; padding: 4px 8px; border-radius: 4px; font-size: 12px; white-space: nowrap; z-index: 999; } .btns__copy-text { font-weight: bold; } .buttons__choice_container { display: flex; align-items: center; justify-content: center; gap: 4px; flex-wrap: wrap; color: #d96c0d; cursor: pointer; } .buttons__choice_container:hover { opacity: 0.6; } .buttons__choice_container { display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; color: #c46406; cursor: pointer; line-height: 0.75rem; } .buttons__choice_container:hover { opacity: 0.6; } .buttons__form { display: flex; align-items: center; justify-content: center; background-color: #ea9d0c; color: #fff; cursor: pointer; border-radius: 5px; font-size: 1rem; gap: 5px; margin: 0 auto; height: 40px; } .buttons__form:hover { color: #ddd; background-color: #d8910b; } .buttons__icon { fill: white; width: 22px; display: inline-flex; } .buttons__form:hover .buttons__icon { fill: #ddd; } .icon_btn { display: inline-flex; align-items: center; justify-content: center; height: 30px; width: 30px; cursor: pointer; font-size: 1rem; } .link { color: #ea9d0c; text-decoration: none; } .link:hover { opacity: 0.6; } .link:active { opacity: 0.8; } .carousel { position: relative; width: 100%; margin: 0 auto; aspect-ratio: 3 / 2; overflow: hidden; font-family: sans-serif; border-top-left-radius: 10px; border-top-right-radius: 10px; } .carousel img { width: 100%; height: 100%; object-fit: cover; display: none; border-radius: 0 !important; } .carousel img.active { display: block; } .carousel .nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.65); border-radius: 50%; cursor: pointer; user-select: none; z-index: 10; padding: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.18); display: flex; align-items: center; justify-content: center; border: none; } .carousel .nav.prev { left: 12px; } .carousel .nav.next { right: 12px; } .carousel .nav svg { width: 30px; height: 30px; display: block; fill: white; pointer-events: none; transition: transform 0.2s; } .carousel .nav:hover svg { transform: scale(1.2); } .carousel .counter { position: absolute; bottom: 10px; right: 16px; background: rgba(0,0,0,0.6); color: white; padding: 2px 12px; font-size: 15px; border-radius: 8px; z-index: 12; font-weight: 500; } .loading-spinner { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);} .sk-chase { width: 60px; height: 60px; position: relative; animation: sk-chase 2.5s infinite linear both; background-color: unset; } .sk-chase-dot { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: sk-chase-dot 2.0s infinite ease-in-out both; } .sk-chase-dot:before { content: ''; display: block; width: 25%; height: 25%; background-color: #fff; border-radius: 100%; animation: sk-chase-dot-before 2.0s infinite ease-in-out both; } .sk-chase-dot:nth-child(1) { animation-delay: -1.1s; } .sk-chase-dot:nth-child(2) { animation-delay: -1.0s; } .sk-chase-dot:nth-child(3) { animation-delay: -0.9s; } .sk-chase-dot:nth-child(4) { animation-delay: -0.8s; } .sk-chase-dot:nth-child(5) { animation-delay: -0.7s; } .sk-chase-dot:nth-child(6) { animation-delay: -0.6s; } .sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; } .sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; } .sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; } .sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; } .sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; } .sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; } @keyframes sk-chase { 100% { transform: rotate(360deg); } } @keyframes sk-chase-dot { 80%, 100% { transform: rotate(360deg); } } @keyframes sk-chase-dot-before { 50% { transform: scale(0.4); } 100%, 0% { transform: scale(1.0); } } #ident__code_container { display: flex; justify-content: center; gap: 8px; margin-bottom: 30px; } .ident__code_digit { width: 50px; height: 50px; text-align: center; font-size: 2.5rem; border: 1px solid #ccc; border-radius: 4px; color: #777; } #custom-html-u div { padding: 0 !important; } .msgErreur_icone { color: red; font-size: 2em; margin-bottom: 30px; font-weight: 300; } .msgErreur_titre { color: grey; font-size: 1.5em; margin-bottom: 10px; font-weight: 300; } .msgErreur_texte { color: grey; font-size: 1em; margin-bottom: 10px; font-weight: 300 } .msgAlert_cadre { position: fixed; top: -100%; left: 50%; transform: translateX(-50%); text-align: center; z-index: 9999; padding: 15px 60px; box-shadow: 1px 1px 12px #555; font-size: 1rem; animation-name: alert_slide; animation-duration: 10s; } .msgAlert_close { animation-name: alert_close; animation-duration: 2s; } @keyframes alert_close { 0% { top: 0%; opacity: 1; } 100% { top: -100%; opacity: 0; } } @keyframes alert_slide { 0% { top: -100%; opacity: 0; } 20% { top: 0%; opacity: 1; } 80% { top: 0%; opacity: 1; } 100% { top: -100%; opacity: 0; } } .msgAlert_cadre_hide { position: absolute; left: 50%; transform: translate(-50%,-130%); text-align: center; z-index: 5; padding: 15px 60px; box-shadow: 1px 1px 12px #555; transition: all 1s; font-size: 1rem; } .msgAlert_niv1 { border: #ebb5b6 solid 1px; background-color: #fde1e2; color: #c65d5c; border-top: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .msgAlert_niv2 { border: #dfebb5 solid 1px; background-color: #f7fde1; color: #95bc01; border-top: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .msgAlert_niv3 { border: #2a7ab4 solid 1px; background-color: #e0f2ff; color: #22629b; border-top: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .msgAlert_niv4 { border: #2a7ab4 solid 1px; background-color: #f6f6dc; color: #22629b; border-top: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } a.msgAlert_link { cursor: pointer; } a.msgAlert_link_niv1 { color: #c65d5c; } a.msgAlert_link_niv2 { color: #95bc01; } a.msgAlert_link_niv3 { color: #22629b; } .msgAlert_croix { width: 30px; height: 30px; position: absolute; right: 6px; bottom: 6px; fill: #777; } .msgAlert_croix:hover { opacity: 0.5; } .form__image_container { position: relative; width: 200px; height: 150px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #555; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #f5f5f5; } .form__image_tools { display:none; position: absolute; right: 5px; top: 5px; z-index: 1; } .form__image_buttons { display: flex; align-items: center; justify-content: center; color: #ea9d0c; border: none; background-color: #fff; width: 30px; height: 30px; font-size: 1rem; line-height: 1rem; cursor: pointer; border-radius: 50%; } .form__image_buttons:hover { background-color: #eee; box-shadow: 1px 1px 3px #999; } .form__image2_buttons { display: flex; align-items: center; justify-content: center; fill: #ea9d0c; border: none; background-color: #fff; width: 30px; height: 30px; padding: 7px; cursor: pointer; border-radius: 50%; } .form__image2_buttons:hover { background-color: #eee; box-shadow: 1px 1px 3px #999; } .form__image_file { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .form__image_container:hover .form__image_directives { display: flex; justify-content: center; align-items: center; } .form__image_container:hover .form__image_tools { display: flex; align-items: center; justify-content: center; gap: 5px; } .form__image_directives { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 2rem; font-size: 1.3rem; font-weight: 600; color: #999; display: none; } .form__image_image-name-container { position: absolute; width: 95%; bottom: 5px; left: 2.5%; background-color: rgb(220 220 220 / 90%); border-radius: 7px; font-size: 0.75rem; } .form__image_image-name { text-align: center; font-weight: 600; } .form__inputs_container { display: flex; gap: 5px; margin-bottom: 10px; } .form__inputs_legend { display: flex; width: 30%; text-align: right; color: #aaa; line-height: 0.7rem; font-size: 0.7rem; justify-content: flex-end; } .form__inputs_field { display: flex; width: 70%; } .form__input-img_container { display: block; width: 200px; height: 200px; background-size: contain; background-position: center; background-repeat: no-repeat; text-align: left; position: relative; border-top: 1px solid #ddd; border-left: 1px solid #ddd; position: relative; background-color: #f5f5f5; } .form__input-img_container:hover .form__input-img_directive { display: flex; justify-content: center; align-items: center; } .form__input-img_directive { display: none; color: #555; height: 100%; width: 100%; position: absolute; font-size: 0.8rem; position: absolute; font-size: 1.3rem; text-align: center; } .form__input-img_input { display: flex; width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; cursor: pointer; } .input_container { display: flex; justify-content: center; align-items: center; gap: 10px !important; width: 100%; min-height: 35px; margin-bottom: 10px; } .input_legend { display: flex; justify-content: flex-end; align-items: center; width: 100%; font-family: 'Poppins', sans-serif; font-size: 0.9rem; line-height: 0.9rem; color: #bbb; font-weight: 500; } .input_field { width: 100%; border: 1px solid #000; font-size: 16px; padding: 10px 15px; border-radius: 20px; } .input_visible { background-color: #f5f5f5; border: 1px solid #ccc; border-bottom: none; border-right: none; position: relative; line-height: 35px; border-radius: 10px; padding: 0 5px; } .input_invisible { box-sizing: border-box; border: none; background: none; width: 100%; color: #555; font-size: 1rem; font-weight: 500; line-height: 35px; padding: 0 10px; margin: 0; } .input_number { position: relative; display: inline-block; width: 100%; } .input_select { width: 100%; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAJFBMVEUAAADd3d3i4uJ1dXUsLCxYWFixsbERERESEhLOzs7T09MBAQGetEwYAAAAC3RSTlMAGBOH1aZI8vApIj9iK/4AAAAxSURBVAjXYyAKCAkJCSqBGNa7d+/eDGKwAhkBYDnv3Vsgipbv7oQw2HYnQPUZMxAJABtHCwji0UX6AAAAAElFTkSuQmCC); background-position-x: 97%; background-position-y: 50%; background-repeat: no-repeat; padding: 10px 15px; height: 40px; positio: relative; background-color: #fff; } .input_number input { width: 100%; padding-right: 50px; box-sizing: border-box; text-align: right; } .input_number .unit { position: absolute; right: 20px; top: 0; height: 100%; display: flex; align-items: center; color: #666; pointer-events: none; font-size: 1.5rem; } .valid_ligne1 { margin: 0; font-weight: bold; } .valid_ligne2 { margin: 0 0 20px 0; } .img_cadre_rond { border-radius: 50%; display: inline-block; width: 110px; height: 110px; margin: 0 4px 0 0; } .btns__copy_container { position: relative; display: flex; justify-content: center; align-items: center; width: 20%; text-align: center; width: 100%; height: 100%; position: relative; } .btns__copy_btn { display: flex; justify-content: center; align-items: center; color: #ea9d0c; border: none; background-color: unset; cursor: pointer; width: 30px; height: 30px; } .btns__copy_btn:hover { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; opacity: 1; } .btns__copy-bubble { position: absolute; background-color: #f7fde1; color: #95bc01; border: #dfebb5 solid 1px; border-radius: 5px; padding: 5px 10px; border-radius: 5px; z-index: 1000; font-size: 12px; opacity: 0.9; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); transition: opacity 0.3s ease; } .buttons__choice_container { display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; color: #c46406; cursor: pointer; line-height: 0.75rem; } .buttons__choice_container:hover { opacity: 0.6; } .buttons__form { display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 1rem; background-color: #ea9d0c; color: #fff; cursor: pointer; border: unset; border-radius: 5px; gap: 5px; margin: 0 auto; height: 40px; transition: all 0.3s; } .buttons__form:hover { color: #ddd; background-color: #d8910b; } .buttons__icon { fill: white; width: 22px; display: inline-flex; transition: all 0.3s; } .buttons__form:hover .buttons__icon { fill: #ddd; } .rgpd_approve { text-align: left; display: inline-block; margin: 0; line-height: 0.9rem; color: #666; } .rgpd_approve_label:hover { cursor: pointer; } .gen-lateral__window { position: fixed; top: 0; z-index: 999; background-color: rgba(254, 254, 254, 0.9); box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, .4); height: 100%; padding: 0; overflow: auto; } .gen-lateral__window_show { right: 0px; transition: all 0.5s; } .gen-lateral__window_hide { right: -600px; transition: all 0.5s; } .gen_lateral_cad { } .gen-lateral__content { } .gen-popup__window { position: fixed; display: flex; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.5); transition: .2s; } .gen-popup__window_show { visibility: visible; opacity: 1; } .gen-popup__window_hide { visibility: hidden; opacity: 0; } .gen-popup__cad { background-color: #fff; box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 30%); margin: auto; padding: 30px; position: relative; overflow: auto; max-height: 90%; min-height: 200px; border-radius: 20px; } .gen-popup_title{ margin: 0 auto 20px; } .gen-popup_content{ } .gen-popups__window_btn { position: absolute; right: 10px; top: 10px; height: 40px; width: 40px; background-color: #fff; border-radius: 50%; border: none; display: flex; justify-content: center; align-items: center; font-size: 2rem; color: #ea9d0c; line-height: 2rem; z-index: 1; box-shadow: 1px 2px 5px 1px rgba(0,0,0,.2)!important; } .gen-popups__window_btn:hover { background-color: #eee; box-shadow: 1px 1px 3px #999; } .gen-setting__window { } .gen-setting__window_show { visibility: visible; opacity: 1; } .gen-setting__window_hide { visibility: hidden; opacity: 0; } .spec__cont-name_container { padding: 0px !important; display: flex; align-items: center; justify-content: left; } .spec__cont-name_image { padding: 0px !important; } .spec__cont-name_text { padding: 0px !important; } .spec__cont-init_container { width: 32px; height: 32px; display: inline-block; margin: 0 3px; vertical-align: middle; } .spec__cont-init_text { width: 30px; height: 30px; color: #fff; display: table-cell; background-color: #17A0BF; border-radius: 50%; text-align: center; vertical-align: middle; font-size: 0.65rem; } .spec__soc-init_container { width: 42px; height: 36px; display: inline-block; margin: 0 3px; vertical-align: middle; } .spec__soc-init_text { width: 42px; height: 36px; color: #fff; display: table-cell; background-color: #17A0BF; text-align: center; vertical-align: middle; font-size: 0.65rem; } input[type="radio"].radio_new { display: none; } input[type="radio"].radio_new + label { background-color: #eee; width: 100px; display: inline-block; text-align: left; padding-left: 12px; user-select : none; cursor: pointer; line-height: 30px; border-radius: 15px; transition: all 0.2s ease-in-out; margin-bottom: 5px; } input[type="radio"].radio_new:checked + label::before { content: "✓"; display: inline-block; margin-right: 5px; } input[type="radio"].radio_new:not(:checked) + label::before { content: ""; display: inline-block; margin-right: 15px; } input[type="radio"].radio_new:checked + label { background-color: #c7bbf2; color: #fff; } input[type="checkbox"].checkbox_new { display: none; } input[type="checkbox"].checkbox_new + label { background-color: #eee; width: 100px; display: inline-block; text-align: left; padding-left: 12px; user-select: none; cursor: pointer; line-height: 30px; border-radius: 15px; transition: all 0.2s ease-in-out; margin-bottom: 5px; } input[type="checkbox"].checkbox_new:checked + label::before { content: "✓"; display: inline-block; margin-right: 5px; } input[type="checkbox"].checkbox_new:not(:checked) + label::before { content: ""; display: inline-block; margin-right: 15px; } input[type="checkbox"].checkbox_new:checked + label { background-color: #c7bbf2; color: #fff; } .genecia-title__background { display: grid; align-items: center; width: 100%; min-height: 65px; padding: 5px 0; } .genecia-title__container { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; margin: 30px 0 0; width: 90%; } .genecia-title__container_icon-title { display: grid; grid-template-columns: min-content min-content; justify-content: center; align-items: center; margin: 10px 0 20px; } .genecia-title__title { font-size: 1.6rem; font-weight: 400; white-space: nowrap; line-height: 1rem; } .genecia-title__icon { font-size: 1.5rem; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; color: #000; fill: #000; background-color: #fff; margin-right: 10px; } .genecia-title__container-btns { display: flex; justify-content: flex-end; text-align: center; gap: 10px; } .btns__lienV4_cadre { display: flex; flex-direction: column; align-items: center; cursor: pointer; color: #fff; } .btns__lienV4_link { display: flex; flex-direction: column; align-items: center; } .btns__lienV4_icon { display: flex; align-items: center; justify-content: center; margin-bottom: 4px; background-color: #fff; color: #17A0BF; width: 30px; height: 30px; border-radius: 15px; box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, .3) !important; } .btns__lienV4_icon_on { display: flex; align-items: center; justify-content: center; margin-bottom: 4px; background-color: #31879b; color: #fff; width: 30px; height: 30px; border-radius: 15px; box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, .3) !important; } .btns__lienV4_txt { font-size: smaller; font-weight: normal; color: #ffffff; } .pages-foot__container { width: 100%;; padding: 80px; } .pages-foot__content_container { max-width: 1200px; margin: 0 auto 40px; text-align: left; } .pages-foot__content_columns { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 20px; padding: 0 !important; } .pages-foot__content_column { display: flex; flex-wrap: wrap; justify-content: center; flex: 100%; padding: 0 !important; margin: 0; } .pages-foot__content_txt { width: 100%; text-align: center; } .pages-foot__logo_img { width: 100%; height: auto; display: block; } .pages-foot__content_column .pages-foot__logo_img { width: 80%; max-height: 200px; object-fit: contain; margin: 0 auto; } .pages-foot__copyright_container { color: #fff !important; font-size: 0.8rem !important; text-align: center; max-width: 1200px; margin: 0 auto; } .pages-foot__social_btns { font-size: 2.3rem !important; } .dashboard__container { padding: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-bottom: 20px; } .dashboard-cards__card { padding: 0 !important; box-sizing: border-box; height: 250px; width: calc((100% / var(--dashboard_columns)) - var(--dashboard_gap) * (var(--dashboard_columns) - 1) / var(--dashboard_columns)); position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .dashboard-cards__card_1col { box-sizing: border-box; height: 250px; width: 100%; margin: 0 17%; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .dashboard-cards__card_2col { box-sizing: border-box; height: 250px; width: 100%; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .dashboard-cards__card_3col { box-sizing: border-box; height: 250px; width: 100%; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .dashboard-cards__card_4col { box-sizing: border-box; height: 250px; width: 100%; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .dashboard-cards__icon_new { transform: rotate(17deg); position: absolute; right: 0px; top: -11px; font-size: 2.7rem; color: orange; } .dashboard__welcome-title { padding: 0 !important; position: absolute; top: 3px; left: 10px; font-size: 2rem; color: #fff !important; } .dashboard__welcome-img { padding: 0 !important; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background-color: #577ef2; background-image: url(https://agecia.net/images/Figurine.png); background-size: 25%; background-repeat: no-repeat; background-position-y: 5px; background-position-x: 97%; border-top-left-radius: 7px; border-top-right-radius: 7px; } .dashboard__welcome-photo { padding: 0 !important; width: 80px !important; height: 80px !important; border: 4px solid #fff !important; position: absolute !important; top: 60px; left: 20px; border-radius: 50% !important; background-color: white; } .dashboard__welcome-name { padding: 0 !important; position: absolute; top: 50%; left: 0; width: 100%; font-size: 1.1rem; font-weight: 500; text-align: center; } .dashboard__welcome-text { padding: 0 !important; position: absolute; bottom: 40px; width: 100%; line-height: 1.2rem; } .dashboard-cards__link { padding: 0 !important; position: absolute; bottom: 3px; right: 5px; font-size: 0.8rem; text-align: right !important; } .dashboard-cards__head_container { padding: 0 !important; display: flex; align-items: center; justify-content: flex-start; width: 100%; margin: 5px; } .dashboard-cards__head_icon { padding: 0 !important; display: flex; justify-content: center; align-items: center; background-color: #577ef2; color: #fff; font-size: 1.5rem; line-height: 40px; width: 40px; height: 40px; border-radius: 50%; } .dashboard-cards__head_title { padding: 0 !important; color: #577ef2 !important; text-align: left; font-family: 'Reem Kufi', sans-serif; font-size: 1.4rem; font-weight: 400; margin-left: 5px; } .dashboard-cards__text_container { padding: 5px !important; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 160px; padding-top: 13px !important; } .dashboard-cards__text { padding: 0 !important; font-size: 0.8rem; line-height: 1rem; } .dashboard-cards__list_container { padding: 0 !important; text-align: left; width: 100%; height: 150px; overflow-x: overlay; display: inline-block; } .dashboard__module_img { position: absolute; height: 80px; width: 130px; top: 0; right: 0; } .page-web__menu { display: flex; } .page-web__menu_link { display: flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; padding: 0 0.3em !important; margin: 0.667em 0.5em !important; border: none !important; box-shadow: none !important; } .nav-dropdown .link { padding: 0 6px !important; } .dropdown-submenu { top: 0 !important; } .gen_pages__cadre-central { margin: 0 auto; padding: 0 !important; padding: 0; min-height: 500px; text-align: center; } .gen_pages__cadre_container { display: block; box-sizing: border-box; width: 100%; max-width: 1600px; margin: 0 auto; position: relative; } .page-container__titre { display: grid; grid-template-columns: 1fr; margin: 40px 5%; text-align: center; } .page-container__body { display: block; margin: 40px 5%; padding: 0 !important; text-align: center; } .mod_blog__image { float: none; margin: 0 auto 20px; width: 100% !important; } .mod_blog__chapeau_text { margin: 20px 0 60px; text-align: left !important; } .mod_blog__chapeau_text p, .mod_blog__actu_text p { margin-block-end: 1em; margin-bottom: 1rem !important; } .mod_blog__actu_text img { width: 30px; display: inline-flex; } .mod_blog__chapeau_text p, .mod_blog__chapeau_text li { font-size: 1.3rem !important; } .mod_blog__chapeau_text p, .mod_blog__chapeau_text li { font-size: 1.3rem !important; } . .mod_blog__actu_text h1, .mod_blog__actu_text h1, .mod_blog__actu_text h3, .mod_blog__actu_text li { text-align: left; } .bons_cad_cadre_list { width: 600px; margin: 0 auto; padding-top: 20px; border-top: 1px dashed #bbb; } .bons_cad_mail_img { width: 600px; border-radius: 0px !important; } .bons_cad_qr_code { position: absolute; } .bons_cad_mail_titre { position: absolute; font-size: 1.2rem; text-align: center; } .bons_cad_mail_descriptif { position: absolute; font-size: 0.75rem; line-height: 0.85rem; font-family: 'Jost', sans-serif; text-align: center; } .bons_cad_mail_descriptif p { margin: 0; } .bons_cad_mail_desti { position: absolute; text-align: center; font-size: 0.8rem; } .bons_cad_infos { position: absolute; text-align: center; font-size: 0.6rem; font-style: italic; color: #999 font-family: 'Jost', sans-serif; } .bons_cad_mail_logo { position: absolute; } .bons_cad_select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; border: none; cursor: pointer; } .bons_cad_select:hover { background-color: rgba(254, 254, 254, 0.3); } .mod-vente__head-title { margin: 40px 0; padding: 0 !important; } .mod-vente__container { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; padding: 0 !important; max-width: 1200px; gap: 0; } .mod-vente__card { padding: 0 !important; box-sizing: border-box; width: calc((100% / var(--mod-vente_columns)) - var(--mod-vente_gap) * (var(--mod-vente_columns) - 1) / var(--mod-vente_columns)); position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .mod-vente__old-card { padding: 0 !important; box-sizing: border-box; width: 100%; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .mod-vente__card_show { padding: 0 !important; box-sizing: border-box; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .mod-vente__card-container { margin: 0 3%; padding: 0px !important; flex-grow: 1; width: calc(100% - 6%); } .mod-vente__card-infos_container { display: flex; flex-wrap: wrap; justify-content: center; padding: 20px 0 !important; width: 100%; } .mod-vente__card-infos_col { width: 33.3%; box-sizing: border-box; box-sizing: border-box; padding: 0 !important; font-size: 0.9rem; } .mod-vente__card-infos_complet { text-align: centers: center; padding: 0 !important; font-weight: bold; } .mod-vente__card-title { margin: 20px 0; padding: 0 !important; text-align: center !important; width: 100%; } .mod-vente__card-resume { margin: 0; text-align: justify !important; padding: 0px !important; } .mod-vente__card-img { height: auto; width: 38.19%; max-height: 250px; object-fit: cover; float: right; margin: 6px 0 10px 3%; } .mod-vente__card-video { width: 560px; height: 315px; } .mod-vente__card-video_mini { height: 200px; } .mod-vente__form-sale { width: 90%; margin: 0 auto; } .mod-vente__form-sale_container { margin: 0; padding: 20px 1% !important; align-items: stretch; } .graphos__list_container { padding: 0 !important; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; gap: 40px; } .graphos__list_4col { box-sizing: border-box; height: 580px; width: 100%; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .graphos__list-fiche_photo { height: 130px; width: 130px; border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: white; border: solid 6px white; object-fit: cover; } .graphos__list-fiche_top { height: 65px; width: 100%; } .graphos__list-fiche_bottom { display: block; background-color: #f1f1f1; width: 75%; border-radius: 20px; margin: 0 auto; } .graphos__list-fiche_name { width: 100%; margin-top: 75px; font-size: 1.1rem; font-weight: bold; line-height: 1.1rem; height: 35px; } .graphos__list-fiche_office-name { width: 100%; height: 38px; line-height: 1rem; } .graphos__list-fiche_tel { margin-top: 0; font-size: 1rem; height: 56px; } .graphos__list-fiche_internet { margin-top: 0; font-size: 1rem; height: 90px; } .graphos__list-fiche_adresse { margin-top: 0; font-size: 0.9rem; height: 100px; } .graphos__list-fiche_groupform { margin-top: 0; height: 81px; } .graphos__list-fiche_link-container { margin-bottom: 15px; } .graphos__list-fiche_link { color: #f28705; font-size: 1rem; } .graphos__list_ligne { display: flex; border-bottom: 1px solid #bbb; padding: 10px 0 !important; } .graphos__list_cell { display: flex; width: 18%; } .graphos__list_cell1 { text-align: center; width: 18%; padding: 0 !important; } .graphos__list_cell2 { text-align: center; width: 22%; padding: 0 !important; } .graphos__list_cell3 { text-align: center; width: 30%; padding: 0 !important; } .graphos__list_cell4 { text-align: center; width: 30%; text-align: left; padding: 0 !important; } .graphos__annuaire_line { margin-bottom: 40px !important; display: flex; gap: 10px !important; justify-content: center !important; align-items: flex-start !important; flex-direction: column; flex-wrap: wrap; } .graphos__annuaire_line-fiche { width: 100%; margin-bottom: 10px; } .graphos__annu_fiche-container { display: flex; gap: 0 !important; justify-content: center !important; align-items: center !important; flex-direction: column; font-size: 0.75rem; } .graphos_col1 { width: 100%; } .graphos_col2 { width: 100%; } .graphos_col3 { width: 100%; } .graphos__annuaire_dept { font-size: 2rem !important; font-weight: bold !important; background-color: #03a293 !important; color: #fff !important; margin-bottom: 10px; } .graphos__fiche_photo { height: 250px; width: 250px; border-radius: 50%; background-color: white; object-fit: cover; } @media print { .no_print { display: none; } } @media (min-width: 600px) { html { font-size: 24px; } .all__content_container { display: flex; flex-wrap: wrap; max-width: 600px; justify-content: center; margin: 0 auto; } .all-modules__titre_container { display: flex; flex-wrap: nowrap; justify-content: center; margin: 20px 10%; flex-direction: column; } .all__flex_container { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; padding: 0 !important; } .all__flex-children_center { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 !important; } .all__flex-children_2col { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 !important; margin: 0; } .all__flex-children_3col { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 !important; margin: 0; } .all__flex-children_2col_70g, .all__flex-children_2col_30g { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 !important; margin: 0; } .page-container__titre { display: grid; grid-template-columns: 1fr; margin: 40px 10%; text-align: center; } .page-container__body { display: block; margin: 40px 10%; text-align: center; } .pages-foot__content_columns { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 20px; padding: 0 !important; } .pages-foot__content_column { display: flex; flex-wrap: wrap; flex: 100%; padding: 0 !important; margin: 0; } .graphos__list_4col { width: calc(50% - 40px); } .graphos__list-fiche_bottom { width: 100%; } } @media (min-width: 768px) { html { font-size: 24px; } .all__content_container { display: flex; flex-wrap: wrap; max-width: 768px; justify-content: center; margin: 0 auto; } .all-modules__titre_container { display: flex; flex-wrap: nowrap; justify-content: center; margin: 20px 10%; flex-direction: column; } .bouton_width_variable { witdh: 80%; } .all__flex_container { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; padding: 0 !important; } .all__flex-children_center { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 !important; } .all__flex-children_2col { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 !important; margin: 0; } .all__flex-children_3col { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 !important; margin: 0; } .page-container__titre { display: grid; grid-template-columns: 1fr; margin: 40px 15%; text-align: center; } .page-container__body { display: block; margin: 40px 10%; text-align: center; } .pages-foot__content_columns { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 20px; padding: 0 !important; } .pages-foot__content_column { display: flex; flex-wrap: wrap; flex: calc(50% - 20px); padding: 0 !important; margin: 0; } .pages-foot__content_txt { text-align: left; } .graphos__list_4col { width: calc(50% - 40px); } .graphos__list-fiche_bottom { width: 100%; } } @media (min-width: 900px) { html { font-size: 24px; } .mb_sous-menu { top: 40px !important; background-color: rgba(255, 255, 255, 0.9) !important; box-shadow: 1px 2px 5px 1px rgba(0,0,0,.2)!important; } .all__content_container { display: flex; flex-wrap: wrap; max-width: 900px; justify-content: center; margin: 0 auto; } .all-modules__titre_container { display: flex; flex-wrap: nowrap; justify-content: center; margin: 20px 10%; flex-direction: column; } .bouton_width_variable { witdh: 60%; } .all__flex_container { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; padding: 0 !important; } .all__flex-children_center { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 !important; } .all__flex-children_2col { display: flex; flex-wrap: wrap; justify-content: center; width: calc(50% - 40px); padding: 0 !important; margin: 0; } .all__flex-children_3col { display: flex; flex-wrap: wrap; justify-content: center; width: calc(50% - (80px / 2)); padding: 0 !important; margin: 0; } .all__flex-children_4col { } .all__flex-children_2col_70g { display: flex; flex-wrap: wrap; justify-content: center; width: calc(70% - 20px); padding: 0 !important; margin: 0; } .all__flex-children_2col_30g { display: flex; flex-wrap: wrap; justify-content: center; width: calc(30% - 20px); padding: 0 !important; margin: 0; } .mod_blog__image { float: right; margin-left: 20px; width: calc(100% / (1 + 1.618)) !important; } .page-container__titre { display: grid; grid-template-columns: 1fr; margin: 40px 20%; text-align: center; } .page-container__body { display: block; margin: 40px 10%; text-align: center; } .pages-foot__content_columns { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 20px; padding: 0 !important; } .pages-foot__content_column { display: flex; flex-wrap: wrap; flex: calc(50% - 20px); padding: 0 !important; margin: 0; } .dashboard-cards__card_2col { box-sizing: border-box; height: 250px; width: calc(50% - 15px); position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .dashboard-cards__card_3col { box-sizing: border-box; height: 250px; width: calc((100% / 3) - 20px); position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .dashboard-cards__card_4col { box-sizing: border-box; height: 250px; width: calc(25% - (3 * 20px)); position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .graphos__list_4col { width: calc(33.333% - 40px); } .graphos__list-fiche_bottom { width: 100%; } .graphos__annuaire_line { margin-bottom: 40px !important; display: flex; gap: 10px !important; justify-content: center !important; align-items: flex-start !important; flex-direction: row; flex-wrap: wrap; } .graphos__annuaire_line-fiche { width: calc(50% - 10px); margin-bottom: 10px; } .graphos__annu_fiche-container { display: flex; gap: 0 !important; justify-content: center !important; align-items: center !important; flex-direction: row; font-size: 0.9rem; } .graphos_col1 { width: 20%; } .graphos_col2 { width: 40%; } .graphos_col3 { width: 40%; } } @media (min-width: 1200px) { :root { --dashboard_columns: 3; --dashboard_gap: 20px; --mod-vente_columns: 2; --mod-vente_gap: 40px; } html { font-size: 15px; } .all__content_container { display: flex; flex-wrap: wrap; max-width: 1200px; justify-content: center; margin: 0 auto; } .all-modules__titre_container { display: flex; flex-wrap: nowrap; justify-content: center; margin: 20px 0; flex-direction: row; } .all__cadre-central { margin: 0 auto !important; padding: 0 !important; min-height: 500px; max-width: 1200px; text-align: center; position: relative; } .bouton_width_variable { witdh: 50%; } .all__flex_container { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; padding: 0 !important; } .all__flex-children_center { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 !important; } .all__flex-children_center-60 { display: flex; flex-wrap: wrap; justify-content: center; width: 60%; padding: 0 !important; } .all__flex-children_2col { display: flex; flex-wrap: wrap; justify-content: center; width: calc(50% - 40px); padding: 0 !important; margin: 0; } .all__flex-children_3col { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; width: calc(33.33% - (80px / 3)); padding: 0 !important; margin: 0; } .all__flex-children_2col_70g { display: flex; flex-wrap: wrap; justify-content: center; width: calc(70% - 20px); padding: 0 !important; margin: 0; } .all__flex-children_2col_30g { display: flex; flex-wrap: wrap; justify-content: center; width: calc(30% - 20px); padding: 0 !important; margin: 0; } .mod_blog__image { float: right; margin-left: 20px; width: calc(100% / (1 + 1.618)) !important; } .page-container__titre { display: grid; grid-template-columns: 25% 1fr 25%; margin: 40px 10%; text-align: center; max-width: 1200px; } .page-container__body { display: block; margin: 40px 0; text-align: center; } .pages-foot__content_columns { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 0 !important; } .pages-foot__content_column { display: flex; flex-wrap: wrap; flex: calc(25% - 40px); padding: 0 !important; margin: 0; } .graphos__list_container { padding: 0 !important; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; gap: 40px; } .graphos__list_4col { box-sizing: border-box; height: 575px; width: calc(25% - 40px); position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .graphos__list-fiche_bottom { width: 100%; } }