:root { --li_line_height: var(--fon_line_height_default); } ul, div.body_column_left > ul, div.body_column_right > ul, html.back ol, html.back div.body_column_left > ol, html.back div.body_column_right > ol { padding-left: var(--fon_size_default); } html.front ol, html.front div.body_column_left > ol, html.front div.body_column_right > ol { padding-left: calc(var(--fon_size_default) * 1.25); } section.chapter > ul, section.agregation > ul, section.chapter > ol, section.agregation > ol { margin-bottom: var(--mar_bottom_text_elements); } ul li, ol li { word-break: break-word; } ul li { list-style: outside none square; } /* * 05/11/2023 */ li.overable:hover { background-color:var(--bco_grey_s); color:var(--col_grey_s_comp); cursor:pointer; } /* * 17/05/2023. TOUTES RESOLUTIONS */ ul.paddinged, ol.paddinged { margin-left:var(--mar_m); } ol.unfleed, ul.unfleed, ol.unfleed > li, ul.unfleed > li, li.unfleed { list-style: none; } ol:not(.unfleed) li li, ul:not(.unfleed) li li { list-style:inherit; } li:not(.always_margined):last-child { margin-bottom:0px; padding-bottom:0px; } /** * "UL" ET "OL" DE TEXTE */ div.text > ul, div.text > ol { margin-bottom:var(--mar_m); } div.text > ul > li, /* 21/11/2023 */ div.text > ol > li, body.mce-content-body ul li, body.mce-content-body ol li { line-height:var(--li_line_height); margin-bottom: 0px; } div.text > ul li, div.text > ol li, div.shortcut_text > ul li, div.shortcut_text > ol li { margin-bottom: var(--mar_xs); line-height: var(--li_line_height); } div.text ul:not(.table_like) li:last-child, div.text ol:not(.table_like) li:last-child { margin-bottom:0px; padding-bottom:0px; } div.text > ul:last-child, div.text > ol:last-child { margin-bottom:0px; } /** * "UL" ET "OL" WYSWYG */ body.mce-content-body > ul li, body.mce-content-body > ol li { margin-bottom: var(--mar_xs); /* 06/07/2023 */ line-height: var(--li_line_height); } body.mce-content-body ol li { margin-left:var(--mar_l); } body.mce-content-body ul, body.mce-content-body ol { margin-bottom:var(--mar_m); } #sitemap_summary li { list-style:none; } /* * SPECIFIQUE "BACK-OFFICE POPUP" */ body.page_popup.back_office #sitemap_summary li li { /*08/11/2023 padding-left:var(--pad_l);*/ } #sitemap_summary li div { /*display:table-row; width:100%;*/ } #sitemap_summary li div input, #sitemap_summary li div span { /*display:table-cell; vertical-align:middle; width:auto; padding:0px 0px var(--pad_xs) 0px;*/ } #sitemap_summary li div span { /* padding-left:var(--pad_s); padding-right:var(--pad_s);*/ } /** * -------------------------------------------------------- LIST "TINYMCE" -------------------------------------------------------- */ ul[style="list-style-type: disc;"] li { list-style-type:disc; } ul[style="list-style-type: square;"] li { list-style-type:square; } ul[style="list-style-type: circle;"] li { list-style-type:circle; } /* * TOUTES RESOLUTIONS */ textarea { display:flex; flex-grow: 0; flex-shrink: 1; box-sizing:border-box; padding:var(--pad_s) var(--pad_s) var(--pad_s) var(--pad_s); background-color:var(--bco_fields); color:var(--col_fields); font-size:inherit; /* border:var(--bor_style_fields) var(--bor_width_fields) var(--bor_color_fields); border-radius: var(--bor_radius_fields); */ border: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color_s); border-bottom: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color); border-right: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color); border-radius: var(--bor_button_radius); box-shadow: var(--button_shadow); cursor:pointer; } textarea:hover, textarea:focus, textarea:active { background-color:var(--bco_fields_hover); color:var(--col_fields_hover); } textarea:disabled { background-color:var(--bco_fields_disabled); color:var(--col_fields_disabled); } /* * ===================== * COD_CODING_HTML_TABLE * ===================== */ /* * -------------- * PAR DEFAUT * ---------------- */ table { width:100%; border-collapse:collapse; } tbody tr { padding:0px; margin:0px; } tbody td { padding-left:var(--pad_s); padding-right:var(--pad_s); } tbody td.pad_l_td { padding-left:var(--pad_s); } tbody td.pad_r_td { padding-right:var(--pad_s); } tbody td:not(.pad_l_td):first-child { padding-left:0px; } tbody td:not(.pad_r_td):last-child { padding-right:0px; } /* * -------------- * AFFICHAGE PAR DEFAUT : BORDURAGE HORIZONTAL DES TD * ---------------- */ tbody tr:not(.unbordered) td { border-bottom: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } tbody tr:not(.unbordered):first-child td { border-top: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } /* * -------------- * AFFICHAGE EN MODE "GRILLE" * ---------------- */ table.grided tr td { border-right: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } table.grided tr td:last-child { border-right: 0px; } tbody td:not(.unpaddinged) { padding-top: var(--pad_xm); padding-bottom: var(--pad_xm); } thead th.v_aligned, tbody td.v_aligned { vertical-align:middle; } thead th.l_aligned, tbody td.l_aligned { text-align:left; } thead th.r_aligned, tbody td.r_aligned { text-align:right; } tbody td.r_aligned input { margin-left:auto; } thead th.c_aligned, tbody td.c_aligned { text-align:center; } tbody td > p, tbody td > div, tbody td > span, tbody td > a, tbody td > img, tbody td > h, tbody td > ul, tbody td > ol, tbody td > input, tbody td > select, tbody td > textarea { /*display:inline-block; 07/11/2023*/ } /* * -------------- * "TABLE" DE TYPE "FLEX" * ---------------- */ table.fle_table, table.fle_table thead, table.fle_table tbody { display: flex; flex-direction: column; align-items: stretch; min-width:100%; max-width:100%; } table.fle_table th, table.fle_table tr, table.fle_table tfoot { display: flex; flex-direction: row; flex-grow: 1; align-self: flex-start; align-items: stretch; min-width:100%; max-width:100%; } #body_column_left table, #body_column_right table, #body_column_left table th, #body_column_right table th, #body_column_left table th.fle_row , #body_column_right table th.fle_row, #body_column_left table th td, #body_column_right table th td, #body_column_left table th.fle_row td, #body_column_right table th.fle_row td, #body_column_left table tr, #body_column_right table tr, #body_column_left table tr.fle_row, #body_column_right table tr.fle_row, #body_column_left table tr td, #body_column_right table tr td, #body_column_left table tr.fle_row td, #body_column_right table tr.fle_row td, #body_column_left table tfoot, #body_column_right table tfoot, #body_column_left table tfoot.fle_row, #body_column_right table tfoot.fle_row, #body_column_left table tfoot td, #body_column_right table tfoot td, #body_column_left table tfoot.fle_row td, #body_column_right table tfoot.fle_row td { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 0; /* 28/04/2024 A CAUSE DATEPICKER DANS MARGES GAUCHES ET DROITES min-width:100%; max-width:100%; */ } #body_column_left table th td, #body_column_right table th td, #body_column_left table tr td, #body_column_right table tr td, #body_column_left table tfoot td, #body_column_right table tfoot td { border-top:0px; padding-left:0px; padding-right:0px; } table.fle_table tbody td { display: flex; flex-direction: row; flex-grow: 1; align-items: stretch; padding-left:var(--pad_xm); padding-right:var(--pad_xm); } table.fle_table tbody td:first-child { padding-left:0px; } table.fle_table tbody td:last-child { padding-right:0px; } table.fle_table.unbordered tbody tr td, table.fle_table.unbordered tbody tr:first-child td, table.fle_table.unbordered tbody tr:last-child td { border-top: 0px; border-bottom: 0px; } /* * -------------- * TYPE DE "TABLE" * ---------------- */ table.td_verticaly_aligned_and_first_col_left_last_col_right tbody td { justify-content: flex-start; } table.td_verticaly_aligned_and_first_col_left_last_col_right tbody td:last-child { justify-content: flex-end; } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { table, table th, th.fle_row, table th td, table th.fle_row td, table tr, table tr.fle_row, table tr td, table tr.fle_row td, table tfoot, table tfoot.fle_row, table tfoot td, table tfoot.fle_row td { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 0; /* 28/04/2024 A CAUSE DATEPICKER DANS MARGES GAUCHES ET DROITES min-width:100%; max-width:100%; */ } table th td, table th.fle_row td, table tr td, table tr.fle_row td, table tfoot td, table tfoot.fle_row td { padding-left: 0px; padding-right: 0px; } } /* * -------------- * TABLE LIKE * ---------------- */ * { --table_like_gap: var(--pad_l); } /* * -------------- * MOBILE * ---------------- */ :root { --table_like_image_height_width_100_default: 40vw; /* 24/11/2023 EMPIRIQUE */ --table_like_image_height_width_50_default: 35vw; /* 24/11/2023 EMPIRIQUE */ --table_like_image_height_width_33_default: 20vw; /* 24/11/2023 EMPIRIQUE */ --table_like_image_height_width_25_default: 15vw; /* 24/11/2023 EMPIRIQUE */ } @media screen and (max-width : 767px) { /* * IMAGE */ :root { --table_like_image_height_width_100: var(--table_like_image_height_width_100_default); --table_like_image_height_width_50: var(--table_like_image_height_width_50_default); --table_like_image_height_width_33: var(--table_like_image_height_width_50); --table_like_image_height_width_25: var(--table_like_image_height_width_50); --table_like_image_height_width_20: var(--table_like_image_height_width_50); --table_like_image_height_width_16: var(--table_like_image_height_width_50); --table_like_image_height_width_14: var(--table_like_image_height_width_50); --table_like_image_height_width_12: var(--table_like_image_height_width_50); } } /* * -------------- * TABLETs * ---------------- */ @media screen and (min-width : 768px) and (max-width : 949px) { /* * IMAGE : EN DESSOUS DE 1200px, LA LARGEUR DU SITE DEVIENT EGALE A LA ALRGEUR DE LA FENETTRE DU NAVIGATEUR => ON PEUT DONC UTILISER LES UNITES DE MESURE VW */ :root { --table_like_image_height_width_100: var(--table_like_image_height_width_100_default); --table_like_image_height_width_50: var(--table_like_image_height_width_50_default); --table_like_image_height_width_33: var(--table_like_image_height_width_33_default); --table_like_image_height_width_25: var(--table_like_image_height_width_33); --table_like_image_height_width_20: var(--table_like_image_height_width_33); --table_like_image_height_width_16: var(--table_like_image_height_width_33); --table_like_image_height_width_14: var(--table_like_image_height_width_33); --table_like_image_height_width_12: var(--table_like_image_height_width_33); } } @media screen and (min-width : 950px) and (max-width : 1199px) { /* * IMAGE */ :root { --table_like_image_height_width_100: var(--table_like_image_height_width_50_default); --table_like_image_height_width_50: var(--table_like_image_height_width_50_default); --table_like_image_height_width_33: var(--table_like_image_height_width_33_default); --table_like_image_height_width_25: var(--table_like_image_height_width_25_default); --table_like_image_height_width_20: var(--table_like_image_height_width_25); --table_like_image_height_width_16: var(--table_like_image_height_width_25); --table_like_image_height_width_14: var(--table_like_image_height_width_25); --table_like_image_height_width_12: var(--table_like_image_height_width_25); } } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width : 1200px) { /* * 16/09/2024. IMAGE */ body.one_column { --table_like_image_height_width_100: 40em; --table_like_image_height_width_50: 27em; --table_like_image_height_width_33: 18em; --table_like_image_height_width_25: 13em; --table_like_image_height_width_20: 10em; --table_like_image_height_width_16: 8em; --table_like_image_height_width_14: 7em; --table_like_image_height_width_12: 6em; } body.two_columns_small_left, body.two_columns_small_right { --table_like_image_height_width_100: 50em; --table_like_image_height_width_50: 20em; --table_like_image_height_width_33: 13em; --table_like_image_height_width_25: 10em; --table_like_image_height_width_20: 20em; --table_like_image_height_width_16: 16em; --table_like_image_height_width_14: 14em; --table_like_image_height_width_12: 12em; } body.three_columns { --table_like_image_height_width_100: 50em; --table_like_image_height_width_50: 20em; --table_like_image_height_width_33: 7em; --table_like_image_height_width_25: 6em; --table_like_image_height_width_20: 5em; --table_like_image_height_width_16: 4em; --table_like_image_height_width_14: 3em; --table_like_image_height_width_12: 2em; } body.three_columns_same_width { --table_like_image_height_width_100: 50em; --table_like_image_height_width_50: 20em; --table_like_image_height_width_33: 6em; --table_like_image_height_width_25: 23em; --table_like_image_height_width_20: 20em; --table_like_image_height_width_16: 16em; --table_like_image_height_width_14: 14em; --table_like_image_height_width_12: 12em; } } /* * -------------- * MOBILE !!! ATTENTION A TOUJOUS ETRE "ISO" AVEC LES REGLES DE DIMENSION DU FICHIER "widths.first.css" !!! * ---------------- */ @media screen and (max-width : 767px) { /*12/11/2023 DESACTIVATION A CAUSE DE DATEPICKER ET DE TOUS LES AUTRES PLUGIN UTILISANT LES "TABLE" div.table_like.wid_33, div.table_like.wid_25, div.table_like.wid_20, div.table_like.wid_16, div.table_like.wid_14, div.table_like.wid_12, div.table_like.wid_12, div.table_like.wid_70, div.table_like.width_75, div.table_like.wid_80 { min-width:100%; max-width:100%; } table tr, table tr.fle_row { flex-direction: column; min-width:100%; max-width:100%; } table tr td, table tr td.wid_33, table tr td.wid_25, table tr td.wid_20, table tr td.wid_16, table tr td.wid_14, table tr td.wid_12, table tr td.wid_70, table tr td.width_75, table tr td.wid_80 { flex-direction: column; min-width:100%; max-width:100%; } */ } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { .table_like_flex_rowed { flex-direction: column; } .table_like_flex_rowed > div.column.wid_50, .table_like_flex_rowed > div.column.wid_33, .table_like_flex_rowed > div.column.wid_25, .table_like_flex_rowed > div.column.wid_20 { width:100%; } } /* 12/12/2023 MINI MOBILE */ @media screen and (max-width : 450px) { li.table_like.wid_100 > .article_like.table_like div.image, li.table_like.wid_50 > .article_like.table_like div.image, li.table_like.wid_33 > .article_like.table_like div.image, li.table_like.wid_25 > .article_like.table_like div.image, li.table_like.wid_20 > .article_like.table_like div.image, li.table_like.wid_16 > .article_like.table_like div.image, li.table_like.wid_14 > .article_like.table_like div.image, li.table_like.wid_12 > .article_like.table_like div.image { --table_like_image_height_width_100: 100%; --table_like_image_height_width_50: 100%; --table_like_image_height_width_33: 100%; --table_like_image_height_width_25: 100%; --table_like_image_height_width_20: 100%; --table_like_image_height_width_16: 100%; --table_like_image_height_width_14: 100%; --table_like_image_height_width_12: 100%; } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { .table_like_flex_rowed { flex-direction: row; flex-wrap: wrap; } .table_like_flex_rowed > div.column.wid_50, .table_like_flex_rowed > div.fle_column.wid_50 { min-width:calc(50% - (var(--table_like_gap) * 0.5)); max-width:calc(50% - (var(--table_like_gap) * 0.5)); } .table_like_flex_rowed > div.column.wid_33, .table_like_flex_rowed > div.fle_column.wid_33 { min-width:calc(33.3333% - (var(--table_like_gap) * 0.6666)); /* ??? 23/11/2023 VIGNETTES / BAUR CHALLENGES*/ max-width:calc(33.3333% - (var(--table_like_gap) * 0.6666)); } .table_like_flex_rowed > div.column.wid_25, .table_like_flex_rowed > div.fle_column.wid_25 { min-width:calc(25% - (var(--table_like_gap) * 0.75)); max-width:calc(25% - (var(--table_like_gap) * 0.75)); } .table_like_flex_rowed > div.column.wid_20, .table_like_flex_rowed > div.fle_column.wid_20 { min-width:calc(20% - (var(--table_like_gap) * 0.8)); max-width:calc(20% - (var(--table_like_gap) * 0.8)); } } /* * -------------- * SMALL MOBILE !!! ATTENTION A TOUJOUS ETRE "ISO" AVEC LES REGLES DE DIMENSION DU FICHIER "widths.first.css" !!! * ---------------- */ @media screen and (max-width : 499px) { li.table_like.wid_33, li.table_like.wid_25, li.table_like.wid_20, li.table_like.wid_16, li.table_like.wid_14, li.table_like.wid_12, li.table_like.wid_70, li.table_like.width_75, li.table_like.wid_80 { min-width:100%; max-width:100%; } } /* * -------------- * MOBILE !!! ATTENTION A TOUJOUS ETRE "ISO" AVEC LES REGLES DE DIMENSION DU FICHIER "widths.first.css" !!! * ---------------- */ @media screen and (min-width : 500px) and (max-width : 767px) { li.table_like.wid_33, li.table_like.wid_25, li.table_like.wid_20, li.table_like.wid_16, li.table_like.wid_14, li.table_like.wid_12, li.table_like.wid_70, li.table_like.width_75, li.table_like.wid_80 { min-width:calc(50% - (var(--table_like_gap) * (1/2))); max-width:calc(50% - (var(--table_like_gap) * (1/2))); } } /* * -------------- * TABLET !!! ATTENTION A TOUJOUS ETRE "ISO" AVEC LES REGLES DE DIMENSION DU FICHIER "widths.first.css" !!! * ---------------- */ @media screen and (min-width : 768px) and (max-width : 949px) { li.table_like.wid_33, li.table_like.wid_25, li.table_like.wid_20, li.table_like.wid_16, li.table_like.wid_14, li.table_like.wid_12, li.table_like.width_75 { min-width:calc(33.3333% - (var(--table_like_gap) * (2/3))); max-width:calc(33.3333% - (var(--table_like_gap) * (2/3))); } } /* * -------------- * MIDDLE TABLET !!! ATTENTION A TOUJOUS ETRE "ISO" AVEC LES REGLES DE DIMENSION DU FICHIER "widths.first.css" !!! * ---------------- */ @media screen and (min-width : 950px) and (max-width : 1199px) { li.table_like.wid_33 { min-width:calc(33.333% - (var(--table_like_gap) * (2/3))); max-width:calc(33.333% - (var(--table_like_gap) * (2/3))); } li.table_like.wid_25, li.table_like.wid_20, li.table_like.wid_16, li.table_like.wid_14, li.table_like.wid_12, li.table_like.width_75 { min-width:calc(25% - (var(--table_like_gap) * (3/4))); max-width:calc(25% - (var(--table_like_gap) * (3/4))); } } /* * -------------- * DESKTOP !!! ATTENTION A TOUJOUS ETRE "ISO" AVEC LES REGLES DE DIMENSION DU FICHIER "widths.first.css" !!! * ---------------- */ @media screen and (min-width : 1200px) { li.table_like.wid_50 { min-width:calc(50% - (var(--table_like_gap) * (1/2))); max-width:calc(50% - (var(--table_like_gap) * (1/2))); } li.table_like.wid_33 { min-width:calc(33.3333% - (var(--table_like_gap) * (2/3))); max-width:calc(33.3333% - (var(--table_like_gap) * (2/3))); } li.table_like.wid_25 { min-width:calc(25% - (var(--table_like_gap) * (3/4))); max-width:calc(25% - (var(--table_like_gap) * (3/4))); } li.table_like.wid_20 { min-width:calc(20% - (var(--table_like_gap) * (4/5))); max-width:calc(20% - (var(--table_like_gap) * (4/5))); } li.table_like.wid_16 { min-width:calc(16.666% - (var(--table_like_gap) * (5/6))); max-width:calc(16.666% - (var(--table_like_gap) * (5/6))); } li.table_like.wid_14 { min-width:calc(14.285% - (var(--table_like_gap) * (6/7))); max-width:calc(14.285% - (var(--table_like_gap) * (6/7))); } li.table_like.wid_12 { min-width:calc(12.5% - (var(--table_like_gap) * (7/8))); max-width:calc(12.5% - (var(--table_like_gap) * (7/8))); } } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ .table_like_flex_columned { display: flex; flex-direction: column; flex-grow: 1; } .table_like_flex_rowed { display: flex; /* flex-direction: row; DEFINI DANS "MODULE" ET "DESKTOP" */ flex-grow: 1; gap: var(--table_like_gap) var(--table_like_gap); } .table_like_flex_rowed > div.column { display: flex; flex-direction: column; flex-grow: 0; } ul.table_like { display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 1; flex-wrap: wrap; min-width:100%; max-width:100%; } /* 06/06/2024 */ ul.table_like.flat { flex-direction: column; } ul.table_like.flat.fle_row { flex-direction: row; } /* 06/06/2024 */ ul.table_like:not(.fle_column) { gap: var(--table_like_gap) var(--table_like_gap); } li.table_like:not(.hidden), li.table_like:not(.hidden) > .article_like.table_like, li.table_like:not(.hidden) > .article_like.table_like > div.inner { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 0; } li.table_like.wid_100 { min-width:100%; max-width:100%; } /** * SI AFFICHAGE DANS UNE "COLONNE DROITE" OU "COLONNE GAUCHE"... */ #body_column_left li.table_like, #body_column_right li.table_like { min-width: 100%; } /** * SI AFFICHAGE DANS UNE CELLULE D'UN "TABLE LIKE"... */ .wid_50 li.table_like, .wid_33 li.table_like, .wid_25 li.table_like, .wid_20 li.table_like { /* 13/11/2023 min-width: 100%;*/ } li.table_like .article_like.table_like div.image img, li.table_like .article_like.table_like div.image img > a { width:100%; height: 100%; margin:0px; padding:0px; } li.table_like.wid_50 > .article_like.table_like div.image, li.table_like.wid_50 > .article_like.table_like div.image > a { height: var(--table_like_image_height_width_50); } .two_cols_small_right #body_column_central li.table_like.wid_50 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_50) * ((var(--layout_body_columns_max_width) - var(--right_col_width_tablet)) / var(--layout_body_columns_max_width))); } .two_cols_small_left #body_column_central li.table_like.wid_50 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_50) * ((var(--layout_body_columns_max_width) - var(--left_col_width_tablet)) / var(--layout_body_columns_max_width))); } .three_cols #body_column_central li.table_like.wid_50 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_50) * ((var(--layout_body_columns_max_width) - var(--left_col_width_tablet)) / var(--layout_body_columns_max_width))); } .three_cols_same_width #body_column_central li.table_like.wid_50 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_50) * (1/3)); } /* * 33% = 3 CELLULES PAR LIGNE DESKTOP */ li.table_like.wid_33 > .article_like.table_like div.image, li.table_like.wid_33 > .article_like.table_like div.image > a { height: var(--table_like_image_height_width_33); } .two_cols_small_right #body_column_central li.table_like.wid_33 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_33) * ((var(--layout_body_columns_max_width) - var(--right_col_width_tablet)) / var(--layout_body_columns_max_width))); } .two_cols_small_left #body_column_central li.table_like.wid_33 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_33) * ((var(--layout_body_columns_max_width) - var(--left_col_width_tablet)) / var(--layout_body_columns_max_width))); } .three_cols #body_column_central li.table_like.wid_33 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_33) * ((var(--layout_body_columns_max_width) - var(--left_col_width_tablet)) / var(--layout_body_columns_max_width))); } .three_cols_same_width #body_column_central li.table_like.wid_33 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_33) * (1/3)); } /* * 25% = 4 CELLULES PAR LIGNE DESKTOP */ li.table_like.wid_25 > .article_like.table_like div.image, li.table_like.wid_25 > .article_like.table_like div.image > a { height: var(--table_like_image_height_width_25); } .two_cols_small_right #body_column_central li.table_like.wid_25 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_25) * ((var(--layout_body_columns_max_width) - var(--right_col_width_tablet)) / var(--layout_body_columns_max_width))); } .two_cols_small_left #body_column_central li.table_like.wid_25 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_25) * ((var(--layout_body_columns_max_width) - var(--left_col_width_tablet)) / var(--layout_body_columns_max_width))); } .three_cols #body_column_central li.table_like.wid_25 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_25) * ((var(--layout_body_columns_max_width) - var(--left_col_width_tablet)) / var(--layout_body_columns_max_width))); } .three_cols_same_width #body_column_central li.table_like.wid_25 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_25) * (1/3)); } /* * 20% = 5 CELLULES PAR LIGNE DESKTOP */ body.one_column li.table_like.wid_20 > .article_like.table_like div.image, body.one_column li.table_like.wid_20 > .article_like.table_like div.image > a { height: calc(var(--table_like_image_height_width_20) - 0px); } .two_cols_small_right #body_column_central li.table_like.wid_20 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_20) * ((var(--layout_body_columns_max_width) - var(--right_col_width_tablet)) / var(--layout_body_columns_max_width))); } .two_cols_small_left #body_column_central li.table_like.wid_20 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_20) * ((var(--layout_body_columns_max_width) - var(--left_col_width_tablet)) / var(--layout_body_columns_max_width))); } .three_cols #body_column_central li.table_like.wid_20 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_20) * ((var(--layout_body_columns_max_width) - var(--left_col_width_tablet)) / var(--layout_body_columns_max_width))); } .three_cols_same_width #body_column_central li.table_like.wid_20 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_20) * (1/3)); } /* * 16% = 6 CELLULES PAR LIGNE DESKTOP */ li.table_like.wid_16 > .article_like.table_like div.image, li.table_like.wid_16 > .article_like.table_like div.image > a { height: var(--table_like_image_height_width_16); } .two_cols_small_right #body_column_central li.table_like.wid_16 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_16) * ((var(--layout_body_columns_max_width) - var(--right_col_width_tablet)) / var(--layout_body_columns_max_width))); } .two_cols_small_left #body_column_central li.table_like.wid_16 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_16) * ((var(--layout_body_columns_max_width) - var(--left_col_width_tablet)) / var(--layout_body_columns_max_width))); } .three_cols #body_column_central li.table_like.wid_16 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_16) * ((var(--layout_body_columns_max_width) - var(--left_col_width_tablet)) / var(--layout_body_columns_max_width))); } .three_cols_same_width #body_column_central li.table_like.wid_16 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_16) * (1/3)); } /* * 14% = 7 CELLULES PAR LIGNE DESKTOP */ li.table_like.wid_14 > .article_like.table_like div.image, li.table_like.wid_14 > .article_like.table_like div.image > a { height: var(--table_like_image_height_width_14); } .two_cols_small_right #body_column_central li.table_like.wid_14 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_14) * ((var(--layout_body_columns_max_width) - var(--right_col_width_tablet)) / var(--layout_body_columns_max_width))); } .two_cols_small_left #body_column_central li.table_like.wid_14 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_14) * ((var(--layout_body_columns_max_width) - var(--left_col_width_tablet)) / var(--layout_body_columns_max_width))); } .three_cols #body_column_central li.table_like.wid_14 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_14) * ((var(--layout_body_columns_max_width) - var(--left_col_width_tablet)) / var(--layout_body_columns_max_width))); } .three_cols_same_width #body_column_central li.table_like.wid_14 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_14) * (1/3)); } /* * 12% = 8 CELLULES PAR LIGNE DESKTOP */ li.table_like.wid_12 > .article_like.table_like div.image, li.table_like.wid_12 > .article_like.table_like div.image > a { height: var(--table_like_image_height_width_12); } .two_cols_small_right #body_column_central li.table_like.wid_12 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_12) * ((var(--layout_body_columns_max_width) - var(--right_col_width_tablet)) / var(--layout_body_columns_max_width))); } .two_cols_small_left #body_column_central li.table_like.wid_12 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_12) * ((var(--layout_body_columns_max_width) - var(--left_col_width_tablet)) / var(--layout_body_columns_max_width))); } .three_cols #body_column_central li.table_like.wid_12 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_12) * ((var(--layout_body_columns_max_width) - var(--left_col_width_tablet)) / var(--layout_body_columns_max_width))); } .three_cols_same_width #body_column_central li.table_like.wid_12 > .article_like.table_like div.image { height: calc(var(--table_like_image_height_width_12) * (1/3)); } /* * TOUTES RESOLUTIONS */ sup { color:inherit; font-size:var(--fon_size_xxs); } /* * TOUTES RESOLUTIONS */ select { /* * PADDING */ --pad_tb_select: 3px; --pad_lr_select: 10px; } /* 10/01/2024 */ select:not([multiple]) { /* display:flex; flex-direction: column; */ flex-grow: 0; flex-shrink: 1; box-sizing:border-box; padding:var(--pad_tb_select) var(--pad_lr_select) var(--pad_tb_select) var(--pad_lr_select); height:var(--hei_fields); line-height:var(--hei_fields); box-shadow: var(--sha_fields_fields); background-color:var(--bco_fields); color:var(--col_fields); font-size:inherit; border: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color_s); border-bottom: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color); border-right: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color); border-radius: var(--bor_button_radius); box-shadow: var(--button_shadow); cursor:pointer; } select[multiple] { padding:var(--pad_tb_select) var(--pad_lr_select) var(--pad_tb_select) var(--pad_lr_select); box-shadow: var(--sha_fields_fields); background-color:var(--bco_fields); color:var(--col_fields); font-size:inherit; border: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color_s); border-bottom: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color); border-right: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color); border-radius: var(--bor_button_radius); box-shadow: var(--button_shadow); cursor:pointer; } select.unshadowed { box-shadow: none; } select:hover, select:focus, select:active { background-color:var(--bco_fields_hover); color:var(--col_fields_hover); } select:disabled { background-color:var(--bco_fields_disabled); color:var(--col_fields_disabled); } optgroup { padding:var(--pad_xs); margin-top:var(--mar_xm); margin-bottom:var(--mar_xm); /* background-color:var(--bco_second); color:var(--col_second_comp); */ font-weight:bold; font-style:normal; } optgroup option, option { padding:var(--pad_xxs) var(--pad_xs) var(--pad_xxs) var(--pad_xs); /* background-color:var(--bco_white); **/ color:var(--col_black); } option:hover, option:focus, option[selected=selected] , option[selected=""] { /* background-color:var(--bco_first); color:var(--col_first_comp); */ } /* * TOUTES RESOLUTIONS */ section { display:block; /* flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-wrap: wrap; overflow: hidden; */ /* 12/11/2023. FONDAMENTAL PÖUR EVITER LES BUGS D'AFFICHAGE "NOIN RESPONSIVE" DE SLICKSLIDER */ } section > ul, section > ol { padding-left: var(--fon_size_default); } section p:last-child { margin-bottom:0px; } /* 14/08/2024 */ main#body_column_central div.text.central_column_text_columns_number_20, main#body_column_central div.text.central_column_text_columns_number_25, main#body_column_central div.text.central_column_text_columns_number_33, main#body_column_central div.text.central_column_text_columns_number_50 { display: flex; } main#body_column_central div.text:not(.fle_column) { flex-direction: row; flex-grow: 1; flex-shrink: 1; flex-wrap: wrap; align-items: flex-start; } main#body_column_central div.text:not(.fle_column).text.top, main#body_column_central div.text:not(.fle_column).text.bottom { flex-direction: column; } main#body_column_central div.text:not(.fle_column).central_column_text_columns_number_100 { flex-direction: column; } main#body_column_central div.text.central_column_text_columns_number_20, main#body_column_central div.text.central_column_text_columns_number_25, main#body_column_central div.text.central_column_text_columns_number_33, main#body_column_central div.text.central_column_text_columns_number_50 { align-items: stretch; column-gap:var(--table_like_gap); } main#body_column_central div.text.fle_column { flex-direction: column; flex-grow: 0; flex-shrink: 0; } .central_column_text_columns_number_100 > section, div.agregation.unsummarized > div.text > section { margin-bottom:var(--mar_l); } main#body_column_central div.text.central_column_text_columns_number_20 > section, main#body_column_central div.text.central_column_text_columns_number_25 > section, main#body_column_central div.text.central_column_text_columns_number_33 > section, main#body_column_central div.text.central_column_text_columns_number_50 > section { flex-grow: 1; margin-bottom:var(--table_like_gap); padding:var(--pad_m); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { main#body_column_central div.text.central_column_text_columns_number_20 > section, main#body_column_central div.text.central_column_text_columns_number_25 > section, main#body_column_central div.text.central_column_text_columns_number_33 > section, main#body_column_central div.text.central_column_text_columns_number_50 > section { width:100%; } } /* * -------------- * TABLETTE * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { div.one_col main#body_column_central div.text.central_column_text_columns_number_20 > section, div.one_col main#body_column_central div.text.central_column_text_columns_number_25 > section, div.one_col main#body_column_central div.text.central_column_text_columns_number_33 > section { width:calc(33.333% - (var(--table_like_gap) * (2/3))); } div.three_cols main#body_column_central div.text.central_column_text_columns_number_20 > section, div.three_cols_same_width main#body_column_central div.text.central_column_text_columns_number_20 > section, div.two_cols_small_left main#body_column_central div.text.central_column_text_columns_number_20 > section, div.two_cols_small_right main#body_column_central div.text.central_column_text_columns_number_20 > section, div.three_cols main#body_column_central div.text.central_column_text_columns_number_25 > section, div.three_cols_same_width main#body_column_central div.text.central_column_text_columns_number_25 > section, div.two_cols_small_left main#body_column_central div.text.central_column_text_columns_number_25 > section, div.two_cols_small_right main#body_column_central div.text.central_column_text_columns_number_25 > section, div.three_cols main#body_column_central div.text.central_column_text_columns_number_33 > section, div.three_cols_same_width main#body_column_central div.text.central_column_text_columns_number_33 > section, div.two_cols_small_left main#body_column_central div.text.central_column_text_columns_number_33 > section, div.two_cols_small_right main#body_column_central div.text.central_column_text_columns_number_33 > section, div.three_cols main#body_column_central div.text.central_column_text_columns_number_50 > section, div.three_cols_same_width main#body_column_central div.text.central_column_text_columns_number_50 > section, div.two_cols_small_left main#body_column_central div.text.central_column_text_columns_number_50 > section, div.two_cols_small_right main#body_column_central div.text.central_column_text_columns_number_50 > section { width:calc(50% - (var(--table_like_gap) * (1/2))); } } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width : 1200px) { main#body_column_central div.text.central_column_text_columns_number_20 > section { width:calc(20% - (var(--table_like_gap) * (4/5)) - var(--carousel_slide_h_padding) - var(--carousel_slide_h_padding)); } main#body_column_central div.text.central_column_text_columns_number_25 > section { width:calc(25% - (var(--table_like_gap) * (3/4)) - var(--carousel_slide_h_padding) - var(--carousel_slide_h_padding)); } main#body_column_central div.text.central_column_text_columns_number_33 > section { width:calc(33.333% - (var(--table_like_gap) * (2/3)) - var(--carousel_slide_h_padding) - var(--carousel_slide_h_padding)); } main#body_column_central div.text.central_column_text_columns_number_50 > section { width:calc(50% - (var(--table_like_gap) * (1/2)) - var(--carousel_slide_h_padding) - var(--carousel_slide_h_padding)); } main#body_column_central div.text.central_column_text_columns_number_100 > section { width:calc(100% - var(--carousel_slide_h_padding) - var(--carousel_slide_h_padding)); } } /* 30/12/2024 */ section { margin-bottom: var(--mar_l); padding-bottom: var(--pad_l); border-bottom: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } section:last-child { margin-bottom: 0px; } div.agregator > section { border-bottom: 0px; margin-bottom: 0px; } div > section:last-child { padding-bottom: 0px; border-bottom: 0px; } /* * TOUTES RESOLUTIONS */ pre { /* display: flex; flex-direction: row; flex-wrap: wrap; flex-grow: 0; flex-shrink: 0; flex-basis: auto; */ width:100%; padding:var(--pad_m); font-family: monospace; font-size:var(--fon_size_s); background-color:var(--col_green); color:var(--col_green_comp); border-radius:var(--bor_radius_s); /*12/05/2023*/ /*white-space:pre-wrap;*/ margin:var(--mar_xs) 0px var(--mar_xs) 0px; text-align:left; } pre p { display:block; } pre ul { padding-left:var(--pad_l); } pre ul ul { padding-top:var(--pad_s); } pre p, pre h1, pre h2, pre h3, pre span, pre li, pre a { color:var(--col_white); } pre.exception { background-color:var(--bco_warning_dark); } pre.debug { background-color:var(--bco_warning_dark); } pre.tracking, div.tracking { background-color:var(--col_blue); color:var(--col_blue_comp); font-family: monospace; font-size:var(--fon_size_s); padding:var(--pad_m); box-sizing:border-box; width:100%; } pre.tracking ul, pre.tracking ul li, div.tracking ul, div.tracking ul li { margin-left:var(--mar_xm); padding-left:var(--pad_xm); color:var(--col_blue_comp); } pre.tracking ul, div.tracking ul { margin-bottom:var(--mar_s); padding-bottom:var(--pad_s); } pre.tracking h2, pre.tracking .h2_like, pre.tracking h3, pre.tracking h3_like { margin-bottom:var(--mar_s); padding-bottom:var(--pad_s); color:var(--col_blue_comp); } pre.tracking.greedy_memory { background-color:var(--bco_confirmation_dark); color:var(--bco_confirmation_dark_comp); } pre.error { background-color:var(--bco_error_dark); color:var(--col_error_dark_comp); } pre.notice { background-color:var(--bco_warning_light); } pre.warning { background-color:var(--bco_warning_dark); } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ p, .p_like { /* 22/11/2023 */ /* 06/01/2024 A CAUSE BUG RETOUR A LA LIGNE DES LIENS HYPERTEXTES display: flex; flex-direction: column; */ font-size:var(--fon_size_default); line-height:calc(var(--fon_size_default) * var(--fon_line_height_multiplicator)); word-break: break-word; margin-bottom:var(--mar_bottom_text_elements); } p:last-child { margin-bottom:0px; } p:last-child { margin-bottom:0px; padding-bottom:0px; } p.wyswyg_bordered, main#body_column_central div.text > p.wyswyg_bordered, main#body_column_central section.chapter > p.wyswyg_bordered, main#body_column_central div.text > p.wyswyg_bordered, div#body_column_left div.text > p.wyswyg_bordered, div#body_column_left section.chapter > p.wyswyg_bordered, div#body_column_right div.text > p.wyswyg_bordered, div#body_column_right section.chapter > p.wyswyg_bordered { display:inline-block; box-sizing:border-box; padding:var(--pad_m); border:var(--bor_style) var(--bor_width_xs) var(--bor_color); padding-left:var(--carousel_slide_h_padding); padding-right:var(--carousel_slide_h_padding); width:auto; } div#popups p.wyswyg_bordered { margin-left:0px; margin-right:0px; } :root { --legend_font_size: 1rem; } legend { width:100%; padding:var(--pad_s); text-transform:uppercase; font-size:var(--legend_font_size); border-radius: var(--bor_radius_s); } label { display:flex; flex-direction: row; flex-grow: 1; align-items: center; flex-wrap: wrap; cursor:pointer; } label.eav.field, label.eav.field span { color:var(--col_fields); } input, .input_like { /* * PADDING */ --pad_tb_input: 3px; --pad_lr_input: 10px; } /* * 19/10/2023. TOUTES RESOLUTIONS */ input, .input_like { display:flex; flex-direction: row; flex-grow: 0; flex-shrink: 1; align-items: center; padding:var(--pad_tb_input) var(--pad_lr_input) var(--pad_tb_input) var(--pad_lr_input); min-height:var(--hei_fields); background-color:var(--bco_fields); color:var(--col_fields); font-size:inherit; /* border:var(--bor_style_fields) var(--bor_width_fields) var(--bor_color_fields); border-radius: var(--bor_radius_fields); */ border: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color_s); border-bottom: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color); border-right: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color); border-radius: var(--bor_button_radius); box-shadow: var(--button_shadow); cursor:pointer; } input:not(.button), .input_like:not(.button) { box-shadow: var(--button_shadow); } input[type="radio"], input[type="checkbox"] { box-shadow:none; } input.unshadowed, .input_like.unshadowed { box-shadow: none; } input:not(.unbackgrounded):hover, input:not(.unbackgrounded):focus, input:not(.unbackgrounded):active { background-color:var(--bco_fields_hover); color:var(--col_fields_hover); } html.front input:not(.button):disabled { background-color:var(--bco_fields_disabled); color:var(--col_fields_disabled); } input[type="checkbox"].show_menu { display:block; position:absolute; z-index:2; left:-20000px; } input[type="checkbox"].show_menu:focus { opacity:0.2; } /* 27/02/2022 NAVIGATION MENU */ input[type="checkbox"].show_menu:focus ~ div.node { background: var(--bco_first); } input[type="radio"], input[type="checkbox"] { width:auto; height:auto; } input[type="button"] { appearance: none; } input:focus-visible, select:focus-visible { outline:none; } table.input_file tr td { vertical-align:middle; } table.input_file tr td img { border-radius:50%; } button { cursor:pointer; } /* 03/07/2022 */ input[type="checkbox"]:focus, input[type="checkbox"]:checked { border:var(--bor_style) var(--bor_width_xs) ; border-color:var(--bor_color_m); background-color:var(--bco_first_hover); color:var(--col_first_hover_comp); } /* 23/06/2020*/ div.submited_field { display: flex; flex-direction: row; align-items: center; } input.submited_field input[type=text] { display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 1; flex-basis: 0; align-items: center; } input.submited_field input[type=submit] { width:100px; } /** * -------------------------------------------------------- * -------------------------------------------------------- * 31/10/2023 RADIOBOX "YES" / "NO" * -------------------------------------------------------- * -------------------------------------------------------- */ div.radio_yes_no { display: flex; flex-direction: row; align-items: center; } div.radio_yes_no span:not(.disabled) { padding:0px; margin:0px; color:var(--col_fields); } div.radio_yes_no input { margin:0px var(--mar_xs) 0px var(--mar_xs); } /** * -------------------------------------------------------- * -------------------------------------------------------- * 06/08/2024. TREE OPENER * -------------------------------------------------------- * -------------------------------------------------------- */ input.tree_opener, form.eav input.tree_opener { display:none; } input.tree_opener ~ ul.tree_opener, form.eav input.tree_opener ~ ul.tree_opener { display: none; } input.tree_opener:checked ~ ul.tree_opener, form.eav input.tree_opener:checked ~ ul.tree_opener { display: block; } /* * MOBILE */ @media screen and (max-width : 767px) { img { max-width:100%; } img:not(.icon).resizable { display:block; width:100% ; height:auto ; margin:auto; } img:not(.icon).non_resizable { display:block; width:auto ; height:auto ; margin:auto; } img:not(.icon).non_resizable.exept_mobiles { display:block; width:100% ; height:auto ; margin:auto; } img:not(.icon).left_icon { /* 16/05/2025 display:block; width:auto; height:auto; margin:auto; */ vertical-align:middle; } img:not(.icon).non_resizable.left { width:100% ; height:auto ; margin-right:0px ; float:none ; } img:not(.icon).non_resizable.right { width:100% ; height:auto ; margin-left:0px ; float:none ; } div.text img:not(.icon) { margin-top:var(--mar_s); margin-bottom:var(--mar_s); } } /* * TABLET */ @media screen and (min-width : 768px) and (max-width : 799px) { /* * TOUTES RESOLUTIONS */ div.text p img:not(.icon,.left_icon,.non_resizable), div.text img:not(.icon,.left_icon,.non_resizable) { display:inline-block; clear:both; width:100%; height:auto; margin: 0px 0px var(--mar_s) 0px; } } /* * TABLET */ @media screen and (min-width : 800px) and (max-width : 1199px) { /* * TOUTES RESOLUTIONS */ div.text p img:not(.icon,.left_icon,.non_resizable), div.text img:not(.icon,.left_icon,.non_resizable) { /*max-width:400px; 01/12/2022 */ width:100%; height:auto; } div.text p div.module_sliders_inner img:not(.icon), div.text div.module_sliders_inner img:not(.icon) { max-width:100%; } } /* * TABLET + DESKTOP */ @media screen and (min-width : 768px) { img:not(.icon).resizable { display:block; width:100% ; height:auto ; margin:auto; } img:not(.icon).non_resizable { width:auto ; height:auto ; margin:auto ; } img:not(.icon).left_icon { width:auto ; height:auto ; margin:auto ; vertical-align:middle; } img:not(.icon).non_resizable.left, img:not(.icon)[style="float: left;"], img:not(.icon)[style="float:left;"], img:not(.icon)[style="float: left; opacity: 1;"], img:not(.icon)[style="float:left;opacity:1;"] { width:auto ; height:auto ; margin-right:var(--mar_s) ; float:left ; } zouzou, img:not(.icon).non_resizable.right, img:not(.icon)[style="float: right;"], img:not(.icon)[style="float:right;"], img:not(.icon)[style="float: right; opacity: 1;"], img:not(.icon)[style="float:right;opacity:1;"] { width:auto ; height:auto ; margin-left:var(--mar_s) ; float:right ; } img:not(.icon).left { margin-right:var(--mar_s) ; float:left ; } img:not(.icon).right { margin-left:var(--mar_s) ; float:right ; } } /* * TOUTES RESOLUTIONS */ .backgrounded_image { background-size:cover; background-repeat: no-repeat; background-position:50% 50%; } div.text img:not(.icon).image { width:auto; height:auto; margin:auto; } div.text img:not(.icon).thumbnail { width:auto; height:auto; margin:auto; } img:not(.icon).left_icon { width:auto ; height:auto ; margin-right:var(--mar_s) ; vertical-align:middle; } /* * IMAGES UTILIÉES COMME "THUMBNAIL" */ ul.table_like li img:not(.icon).thumbnail { width:100%; height:auto; } /* * html_tag_illustrated_ahref */ span.html_tag_illustrated_ahref img:not(.icon).html_tag_illustrated_ahref { height:50px; width:auto; margin-right:0px; } span.html_tag_illustrated_ahref { display:table-cell; vertical-align:middle; height:50px; padding-left:var(--pad_s); } div.text > img, div.text > p > img, div.text > section.chapter > img, div.text > section.chapter > p > img { display:inline-block; } /* * TOUTES RESOLUTIONS */ iframe { padding:0px; margin:0px; border:none; overflow-y : auto; } html.iframe body { background: var(--col_white); } div.iframe.wrapper { clear:both; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; width:100%; } div.iframe.wrapper iframe[width="100%"], div.iframe.wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } span.mce-preview-object.mce-object-iframe { display:inline-block; width:100%; height:200px; overflow:auto; } html.popup_iframe body { padding:var(--pad_m) var(--pad_m) var(--pad_m) var(--pad_m); /*box-sizing:border-box;*/ } html.popup_iframe body h1 { font-size:var(--fon_size_xxxxl); } html.popup_iframe body h2 { font-size:var(--fon_size_xxl); } html.popup_iframe body h3 { font-size:var(--fon_size_m); } .front_office span.mce-preview-object.mce-object-iframe, .front_office span.mce-shim { display:none; } /* 17/06/2024 span.mce-preview-object.mce-object-iframe,*/ body#tinymce span.mce-shim { display:none; } /* 17/06/2024 */ body#tinymce span.mce-preview-object.mce-object-iframe, body#tinymce span.mce-preview-object.mce-object-iframe > iframe { width:100%; height: 400px; } html { width: var(--wid_html); height: var(--hei_html); background-color:var(--bco_html); } /* * TOUTES RESOLUTIONS */ hr { display:block; margin:0px; padding:0px; border:0px; padding-bottom:0px; margin-bottom:var(--mar_m); border-bottom:1px dotted var(--bor_color_s); } div.text hr { margin-top:0px; padding-top:0px; margin-bottom:var(--mar_m); padding-bottom:0px; } :root { --h1_font_size_default: 1.80rem; --h1_background_color: var(--bco_h1); --h1_color: var(--col_h1); --h1_text_transform: uppercase; --h1_font_weight: normal; --h1_margin_bottom: var(--mar_m); --h2_font_size_default: 1.30rem; --h2_font_size_xl: 1.70rem; --h2_font_size_l: 1.30rem; --h2_font_size_m: 1.10rem; --h2_font_size_s: 0.90rem; --h2_font_size_xs: 0.85rem; --h2_background_color: var(--bco_h2); --h2_color: var(--col_h2); --h2_text_transform: uppercase; --h2_font_weight: normal; --h2_margin_bottom: var(--mar_s); --h3_font_size_default: 1.05rem; --h3_font_size_xl: 1.50rem; --h3_font_size_l: 1.30rem; --h3_font_size_m: 1.10rem; --h3_font_size_s: 1.00rem; --h3_font_size_xs: 0.90rem; --h3_background_color: var(--bco_h3); --h3_color: var(--col_h3); --h3_text_transform: none; --h3_font_weight: normal; --h3_margin_bottom: var(--mar_s); --h4_font_size_default: 1.00rem; --h4_font_size_l: 1.20rem; --h4_font_size_m: 1.00rem; --h4_font_size_s: 0.90rem; --h4_font_size_xs: 0.85rem; --h4_background_color: var(--bco_h4); --h4_color: var(--col_h4); --h4_text_transform: none; --h4_font_weight: normal; --h4_margin_bottom: var(--mar_s); --h_line_height_multiplicator: 1.25; } h1, .h1_like, h2, .h2_like, h3, .h3_like, h4, .h4_like { /* display:inline-block; 10/09/2024 */ display:flex; word-break: break-word; text-decoration:none; } h1 span, .h1_like span, h2 span, .h2_like span, h3 span, .h3_like span, h4 span, .h4_like span { word-break: normal; } h1, .h1_like { font-size:var(--h1_font_size_default); line-height:calc(var(--h1_font_size_default) * var(--h_line_height_multiplicator)); background-color:var(--h1_background_color); color:var(--h1_color); text-transform:var(--h1_text_transform); font-weight:var(--h1_font_weight); margin-bottom:var(--h1_margin_bottom); } h2, .h2_like { font-size:var(--h2_font_size_default); line-height:calc(var(--h2_font_size_default) * var(--h_line_height_multiplicator)); background-color:var(--h2_background_color); color:var(--h2_color); text-transform:var(--h2_text_transform); font-weight:var(--h2_font_weight); font-weight:var(--h1_font_weight); margin-bottom:var(--h2_margin_bottom); } h3, .h3_like { font-size:var(--h3_font_size_default); line-height:calc(var(--h3_font_size_default) * var(--h_line_height_multiplicator)); background-color:var(--h3_background_color); color:var(--h3_color); text-transform:var(--h3_text_transform); font-weight:var(--h3_font_weight); font-weight:var(--h1_font_weight); margin-bottom:var(--h3_margin_bottom); } h4, .h4_like { font-size:var(--h4_font_size_default); line-height:calc(var(--h4_font_size_default) * var(--h_line_height_multiplicator)); background-color:var(--h4_background_color); color:var(--h4_color); text-transform:var(--h4_text_transform); font-weight:var(--h4_font_weight); font-weight:var(--h1_font_weight); margin-bottom:var(--h4_margin_bottom); } .h1_like.first_h, .h2_like.first_h, .h3_like.first_h, .h4_like.first_h { margin-top: 0px; } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* 19/04/2023 */ form:not(.fle_row), .form:not(.fle_row) { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; } /* 19/04/2023 */ html.page_popup form.eav, html.page_popup form.eav div.eav_form_inner { display:block; } form.eav ul li div.eav.label_field.box, form.non_eav ul li div.eav.label_field.box { padding:var(--pad_xm); background-color:var(--bco_grey_xs); color:var(--col_white_comp); box-shadow:var(--sha_box_s); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); border-radius: var(--bor_radius_s); } /* * TEXTE DE PRESNETATION DU FIELDSET */ form.eav fieldset div.fieldset.text { padding:var(--pad_s); margin:0px var(--mar_s) var(--mar_s) var(--mar_s); } form.eav fieldset div.fieldset.text p:last-child { margin-bottom:0px; } /* * "UL"/"LI" */ form.eav ul:not(.fle_row), form.eav ul li:not(.fle_row) { display:flex; flex-direction: column; width:100%; list-style:none; /* 28/07/2025 cursor:default ;*/ /* NJS */ } form.eav ul.hide, form.eav ul li.hide { display:none; } form.eav ul li:not(.button):hover { background-color:transparent; cursor:default; } div.eav.label_field.box.hide label { display:none; } /* * "FIELDS" */ div.eav.label_field.box div.eav.field { vertical-align:middle; } /* * TEXTE DE PRESENTATION DU FIELD */ form.eav fieldset div.eav.text { padding:var(--pad_s); margin-bottom:var(--mar_s); background: var(--bco_grey_xs); } form.eav fieldset div.eav.text p:last-child { margin-bottom:0px; } div.eav.label_field.box div.eav.field.is_a_summary_field div.box.summary ul { background:none; } /* 15*03/2019 */ div.eav.label_field.box div.eav.field.is_a_summary_field div.box.summary div.hierarchical li.level_1, div.eav.label_field.box div.eav.field.is_a_summary_field div.box.summary li.level_1 { /* 14/11/2023 desactiovation a cause espace trop i,mportant dans les li de level 1 des fields 3parents3 margin-bottom:var(--mar_s); */ } /* * "FORM" D'AFFICHAGE DU "BOUTON" "SOUMETTRE A NOUVEAU" */ form#unmask_form_button { padding:var(--pad_l) 0px var(--pad_l) 0px; margin:var(--mar_s) 0px var(--mar_s) 0px; text-align:left; } form#unmask_form_button input { margin:var(--mar_m) 0px var(--pad_l) 0px; } form.embedded_field_form { background:none; display:inline-block; } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { form.eav ul.eav li.eav > div.eav { margin-bottom: 0px; } } /* * TOUTES RESOLUTIONS */ fieldset, .fieldset_like { padding:0px; margin:0px; width:100%; } fieldset:not(.fle_row), .fieldset_like:not(.fle_row) { display: flex; flex-direction: column; flex-grow: 0; /* 08/11/2023 */ flex-shrink: 1; } fieldset:not(.unmargined), .fieldset_like:not(.unmargined) { margin-bottom:var(--mar_m); } fieldset ul.eav:not(.unfleed), .fieldset_like ul.eav:not(.unfleed) { padding-bottom: var(--pad_m); } fieldset div.buttons, .fieldset_like div.buttons { display: flex; flex-grow: 1; justify-content: flex-end; } /* * TOUTES RESOLUTIONS */ /* * ===================== * COD_CSS * ===================== */ :root { /* * COULEUR */ --bco_button: var(--bco_first); --col_button_comp: var(--col_first_comp); --col_button: var(--col_first); --bco_button_hover: var(--bco_first_hover); --col_button_hover_comp: var(--col_first_hover_comp); --col_button_hover: var(--bco_button_hover); /* 17/06/2024 */ --bco_button_1: var(--bco_first); --col_button_1_comp: var(--col_first_comp); --bco_button_hover_1: var(--bco_first_hover); --col_button_hover_1_comp: var(--col_first_hover_comp); --bco_button_2: var(--bco_second); --col_button_2_comp: var(--col_second_comp); --bco_button_hover_2: var(--bco_second_hover); --col_button_hover_2_comp: var(--col_second_hover_comp); --bco_button_3: var(--bco_third); --col_button_3_comp: var(--col_third_comp); --bco_button_hover_3: var(--bco_third_hover); --col_button_hover_3_comp: var(--col_third_hover_comp); /* * BORDURE */ --bor_button_style: var(--bor_style); --bor_button_width: 1px; --bor_button_color_s: rgba(230, 230, 230, 1); --bor_button_color: rgba(175, 175, 175, 1); /*--bor_button_color: var(--bor_color_fields);*/ --bor_button_radius: var(--bor_radius_s); /* * OMBRAGE https:/getcssscan.com/css-box-shadow-examples */ /*--button_shadow: rgba(33, 35, 38, 0.35) 0px -2px 2px -2px;*/ --button_shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px -1px, rgba(0, 0, 0, 0.06) 0px 2px 3px -1px; /* * PADDING */ --pad_tb_button: 3px; --pad_lr_button: 20px; } /* * BOUTON */ .button, .button_like, .button_like_xm, .wyswyg_button { display:flex; flex-direction: row; flex-grow: 0; flex-shrink: 0; align-items: center; justify-content: center; text-align:center; text-decoration:none; padding:var(--pad_tb_button) var(--pad_lr_button) var(--pad_tb_button) var(--pad_lr_button); min-height:var(--hei_fields); /*background:var(--bco_button);*/ background: linear-gradient(360deg,rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 40%); color:var(--col_black); } .button.small, .button_like.small, .button_like_xm.small, .wyswyg_button.small { padding:var(--pad_tb_button); } .button.medium, .button_like.medium, .button_like_xm.medium, .wyswyg_button.medium { padding:var(--pad_tb_button) var(--pad_s) var(--pad_tb_button) var(--pad_s); } .button_s { display:flex; flex-direction: row; flex-grow: 0; flex-shrink: 1; align-items: center; justify-content: center; text-align:center; text-decoration:none; padding:var(--pad_tb_button); min-height:var(--hei_fields); } .button:hover, .button_like:hover, .button_like_xm:hover, .wyswyg_button:hover { background:var(--bco_button_hover); color:var(--col_button_hover_comp); } .button.color_1 { background:var(--bco_button_1); color:var(--col_button_1_comp); } .button.color_1:hover { background:var(--bco_button_1_hover); color:var(--col_button_hover_1_comp); } .button.white, .button_like.white, .button_like_xm.white { background:var(--bco_white); color:var(--col_white_comp); } .button.white:hover, .button_like.white:hover, .button_like_xm.white:hover { background:var(--bco_black); color:var(--col_black_comp); } /* 08/01/2024 BOUTONS STYLÉS PAR TINYMCE */ .wyswyg_button.wyswyg_col_1, .wyswyg_button.wyswyg_col_2, .wyswyg_button.wyswyg_col_3 { display:inline-block; vertical-align:middle; width:auto; padding:var(--pad_tb_button) var(--pad_lr_button) var(--pad_tb_button) var(--pad_lr_button); min-height:var(--hei_fields); line-height:var(--hei_fields); text-decoration:none; /*margin:var(--mar_s);*/ } /* 17/06/2024 */ .wyswyg_button.wyswyg_col_1 { background:var(--bco_button_1); color:var(--col_button_1_comp); } .wyswyg_button.wyswyg_col_1:hover { background:var(--bco_button_hover_1); color:var(--col_button_hover_1_comp); } .wyswyg_button.wyswyg_col_2 { background:var(--bco_button_2); color:var(--col_button_2_comp); } .wyswyg_button.wyswyg_col_2:hover { background:var(--bco_button_hover_2); color:var(--col_button_hover_2_comp); } .wyswyg_button.wyswyg_col_3 { background:var(--bco_button_hover_3); color:var(--col_button_hover_3_comp); } .wyswyg_button.wyswyg_col_3:hover { background:var(--bco_button_3); color:var(--col_button_3_comp); } .button:not(.unshadowed), .button_like:not(.unshadowed), .button_like_xm:not(.unshadowed) { box-shadow: var(--button_shadow); } .button:not(.unbordered), .button_like:not(.unbordered), .button_like_xm:not(.unbordered) { border:var(--bor_button_style) var(--bor_button_width) var(--bor_button_color); } .button:not(.unbordered), .button_like:not(.unbordered), .button_like_xm:not(.unbordered), .button, .button_like, .button_like_xm { border-radius:var(--bor_button_radius); text-decoration:none; } .button::first-letter, .button_like::first-letter, .button_like_xm::first-letter, .button::first-letter, .button_like::first-letter, .button_like_xm::first-letter, .button_s::first-letter { text-transform: uppercase; } div.detail > .button:not(.unbordered), div.detail > .button_like:not(.unbordered), div.detail > .button_like_xm:not(.unbordered), div.detail > .button, div.detail > .button_like, div.detail > .button_like_xm { width:100%; } div.detail > .button.wid_auto, div.detail > .button_like.wid_auto, div.detail > .button_like_xm.wid_auto, div.detail > .button.wid_auto, div.detail > .button_like.wid_auto, div.detail > .button_like_xm.wid_auto, div.detail > .button.wid_auto_left, div.detail > .button_like.wid_auto_left, div.detail > .button_like_xm.wid_auto_left, div.detail > .button.wid_auto_left, div.detail > .button_like.wid_auto_left, div.detail > .button_like_xm.wid_auto_left, div.detail > .button.wid_auto_right, div.detail > .button_like.wid_auto_right, div.detail > .button_like_xm.wid_auto_right, div.detail > .button.wid_auto_right, div.detail > .button_like.wid_auto_right, div.detail > .button_like_xm.wid_auto_right { width:auto; } /* 28/07/2025 */ .button:not(.unclickable) { cursor:pointer; } .button:hover, .button:focus, .button.active, .button_like:active, input.button:hover, input.button:focus, input.button.active, input.button_like:active, .button_like:hover, .button_like:focus, .button.active, .button_like:active { background:var(--bco_button_hover); color:var(--col_button_hover_comp); } .button:hover .icon.svg_icon, .button:focus .icon.svg_icon, .button.active .icon.svg_icon, .button_like:active .icon.svg_icon { background: inherit; color: inherit; } .button.updated { background-image: repeating-linear-gradient( 45deg, #fff, #fff 5px, #ccc 5px, #ccc 10px ); } .button.unbordered { border:0px; } .button.unmargined { margin:0px; } .button.unpaddinged { padding:0px; } /** * UNBORDERING */ .button.top_unbordered, .button:not(.unbordered).top_unbordered { border-top:0px; } .button.right_unbordered, .button:not(.unbordered).right_unbordered { border-right:0px; } .button.bottom_unbordered, .button:not(.unbordered).bottom_unbordered { border-bottom:0px; } .button.left_unbordered, .button:not(.unbordered).left_unbordered { border-left:0px; } /* * COLOR FIRST */ .button.col_first { background:var(--bco_first); color:var(--col_first_comp); } .button.col_first:hover, .button.col_first:focus, .button.col_first:active, .button_like_xm.col_first:hover, .button_like_xm.col_first:focus, .button_like_xm.col_first:active, .col_first.button:hover, .col_first.button:focus, .col_first.button_like:active, .col_first.button_like:focus,.col_first.button_like:focus,.col_first.button_like:active, input[type="checkbox"].show_menu:focus ~ .col_first.button, .col_first.background:hover, .col_first.background:focus, .col_first.background:active { background:var(--bco_first_hover); color:var(--col_first_hover_comp); } /* * A BUTTON */ a.button.text, a.button.text.couleur_1, a.button.text.couleur_2 { padding:var(--pad_xxs) var(--pad_s) var(--pad_xxs) var(--pad_s); text-transform:none ; } a.button.text.transition { background:var(--bco_second); color:var(--col_second_comp); } a.button.text.transition:hover { background:var(--bco_first); color:var(--col_first_comp); } a.button.text, a.button.text.col_first, a.button.text.col_2 { padding:var(--pad_xxs) var(--pad_s) var(--pad_xxs) var(--pad_s); text-transform:none ; } a.button.text { background:var(--bco_second); color:var(--col_second_comp); } a.button.text::after { content:" ►"; } /** * "BUTTONED FIELDS" : FILE ASSOCIÉ A UN OU PLUSIERUS BOUTOJNS SUR LEUR "BORD DROIT" */ .buttoned_field { display: flex; flex-grow: 1; flex-shrink: 1; margin-left:0; margin-right:0; } .buttoned_field input:not(.hidden) { display: flex; } .buttoned_field input:not(.fle_ungrowed) { flex-grow: 1; flex-shrink: 1; } .buttoned_field .button:not(.unbordered) { width:auto; /* border: var(--bor_style_fields) var(--bor_width_fields) var(--bor_color_fields); border-radius: var(--bor_radius_fields); */ border: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color_s); border-bottom: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color); border-radius: var(--bor_button_radius); box-shadow: var(--button_shadow); min-height: var(--hei_fields); /* background: var(--bco_fields); color: var(--col_fields); */ } .buttoned_field .button:not(.unbordered):hover { /* background:var(--bco_button_hover); color:var(--col_button_hover_comp); */ } .buttoned_field .button:not(.unbordered).left_unbordered { border-left:0px; } .buttoned_field .button:not(.unbordered).right_unbordered { border-right:0px; } .buttoned_field:not(.hidden) input[type="text"].eav_field { border-right:0px; } .button_like:not(.fle_ungrowed), .button_like_xm:not(.fle_ungrowed) { flex-grow: 1; flex-shrink: 1; } .button_like { padding: var(--pad_s) var(--pad_s) var(--pad_s) var(--pad_s); } .button_like_xm { padding: var(--pad_xm) var(--pad_xm) var(--pad_xm) var(--pad_xm); } .inlined_button { height:calc(var(--hei_fields) - (2 * var(--bor_button_width))); line-height:var(--hei_fields); padding-top:0px; padding-bottom:0px; } /* * GROUPE DE BOUTONS */ .buttons, .buttons.box { display:flex; } .buttons.box.fle_row { flex-direction: row; flex-wrap: nowrap; } .buttons .button, .buttons select { margin:0px 0px 0px var(--mar_xs); } .buttons .button:nth-child(1), .buttons select:nth-child(1) { margin:0px; } .button.centered { margin-left:auto; margin-right:auto; } /* * .BOUTON ASSOCISÉ (en PREFIXE ou en SUFFIXE) à un (qui leur sert de LEGENDE) */ .spaned_button { width:100%; } .spaned_button span, .spaned_button label, .spaned_button a { display: flex; flex-grow: 0; flex-shrink: 0; flex-basis: auto; flex-direction: column; justify-content: center; } fieldset.spaned_button { padding:2.5px 0px 2.5px 0px; } a.read_more:not(.unclickable) { cursor:pointer; } /* * BOUTONS "MORE" : TEXTE + PUCE DROITE (carrée ou circulaire) */ a.more.flee { display:inline-block; overflow:auto; width:auto; } a.more.flee span { display:block; font-weight:bold; } /* * SURVOL SUR LE LIEN => MODIFICATION DU "TEXTE" ET DU "+" */ a.more.flee:not(:hover) span.link { background:none; color:var(--col_black); } /* * TEXTE ASSOCIÉ A LA PUCE */ a.more.flee span.link { display:block; height:var(--hei_fields); line-height:var(--hei_fields); padding:0px var(--pad_s) 0px var(--pad_s); float:left; box-sizing:border-box; } /* * PUCE */ a.more.flee span.plus { display:block; height:var(--hei_fields); line-height:var(--hei_fields); float:left; width:30px; text-align:center; box-sizing:border-box; } /** * -------------------------------------------------------- * -------------------------------------------------------- * BOUTON "PRINT" * -------------------------------------------------------- * -------------------------------------------------------- */ div.summary.flat a.button.print.pdf, div.summary_field.predisplay a.button.print.pdf { height:var(--hei_fields_m); line-height:var(--hei_fields_m); } div.summary_field.predisplay div.label span { display:inline-block; } div.summary.flat a.button.print.pdf span, div.summary_field.predisplay a.button.print.pdf span { background:none; } /** * -------------------------------------------------------- * -------------------------------------------------------- * BOUTONS S'AFFICHANT DANS UNE MISE EN FORME DE TYPE "table_like" * -------------------------------------------------------- * -------------------------------------------------------- */ /* 05/10/2023. SPECIFIQUE "dashboard" ET TOUS LES "TABLE LIKE" CONTENANT UNIQUEMENT DES ELEMENTS DE CLASSE "button" */ ul.table_like li .article_like > a.button { display: flex; flex-wrap: wrap; justify-content:center; flex-direction: column; align-items: center; margin:0px; width:100%; height:auto; line-height:normal; padding:var(--pad_m); text-align:center; } /* * MOBILE */ @media screen and (max-width : 767px) { /* * GROUPE DE BOUTONS */ .buttons { text-align:right; } .spaned_button { flex-direction: column; } .spaned_button span.left { padding-right:0px; flex-grow: 1; } .spaned_button span.right { flex-grow: 1; } } @keyframes fade_in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade_out { from { opacity: 1; } to { opacity: 0; } } .button, .button_like, .button_like_xm { transition: background 1000ms cubic-bezier(0.390, 0.500, 0.150, 1.360), color 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360), opacity 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360), all 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360); } /* * -------------- * 06/11/2023. BOUTON DE FERMETURE (POPUP OU VERSIONNING) * ---------------- */ a.close { display:flex; flex-direction: column; align-items: center; justify-content: center; /* position:absolute; z-index:102; */ width:25px; height:25px; /* margin:10px; */ padding:0px; background: var(--bco_grey_l); color: var(--col_grey_l_comp); border: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color_s); border-bottom: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color); border-top: 0px; border-radius: var(--bor_button_radius) var(--bor_button_radius) var(--bor_button_radius) var(--bor_button_radius); cursor:pointer; text-decoration:none; font-weight:bold; font-size:var(--fon_size_xxs); } a.close.dark { background:var(--bco_grey_xm); color:var(--col_grey_xm_comp); } a.close:hover { background:var(--bco_button_hover); color:var(--col_button_hover_comp); } span.flee_button.left { float:left; } span.flee_button.right { float:right; } /* * -------------- * TOUTES RESOLUTION * ---------------- */ /* * MOBILE */ @media screen and (max-width : 767px) { body:not(#tinymce) { display: flex; /* 30/10/2023. NE JAMAIS METTRE "flex" SINON BUG AVEC LES CAROUSELS ET SLIDERS */ } } /* * ===================== * COD_CODING_HTML_TAGS_BLOCKQUOTE * ===================== */ /* * TOUTES RESOLUTIONS */ blockquote { margin:7px 0px 7px 0px; font-style:italic; text-transform:uppercase; opacity:0.8; } /* * ===================== * COD_CODING_HTML_TAGS_ARTICLE * ===================== */ /* * TOUTES RESOLUTIONS */ article, .article_like { position:relative; } /* * ===================== * COD_CODING_HTML_TAGS_A * ===================== */ /* * TOUTES RESOLUTIONS */ a { color:var(--col_first); text-decoration:none; } a:hover { color:var(--col_fourth); } section a, .text a { text-decoration:underline; } /* * ANCRES */ a.anchor, ul.summary li a.anchor { display:inline; overflow:hidden; padding:0px; margin:0px; } .text ~ a:hover, .text ~ tr td ~ a:hover, .text ~ ul li ~ a:hover { color:var(--col_fourth); text-decoration:underline; } div.text p a { text-decoration: underline; overflow:auto; } /* * ===================== * COD_CSS * ===================== */ :root { /* BALISE HTML */ --wid_html: 100%; /* BALISE HTML */ --wid_body: 100%; } /** * -------------------------------------------------------- * -------------------------------------------------------- * "WIDTH" * -------------------------------------------------------- * -------------------------------------------------------- */ /** * LARGEUR PAR DEFAUT */ .wid_auto { width:auto; } .wid_auto_left { width:auto; margin-left:auto; } .wid_auto_right { width:auto; margin-right:auto; } .wid_90 { width:90%; min-width:90%; max-width:90%; } .wid_80 { width:80%; min-width:80%; max-width:80%; } .wid_75 { width:75%; min-width:75%; max-width:75%; } .wid_70 { width:70%; min-width:70%; max-width:70%; } .wid_67 { width:66.667%; min-width:66.667%; max-width:66.667%; } .wid_50 { width:50%; min-width:50%; max-width:50%; } .wid_40 { width:40%; min-width:40%; max-width:40%; } .wid_33 { width:33.3333%; min-width:33.3333%; max-width:33.3333%; } .wid_30 { width:30%; min-width:30%; max-width:30%; } .wid_25 { width:25%; min-width:25%; max-width:25%; } .wid_20 { width:20%; min-width:20%; max-width:20%; } .wid_16 { width:16.666%; min-width:16.666%; max-width:16.666%; } .wid_14 { width:14.285%; min-width:14.285%; max-width:14.285%; } .wid_12 { width:12.5%; min-width:12.5%; max-width:12.5%; } .wid_10 { width:10%; min-width:10%; max-width:10%; } .wid_100 { width:100%; min-width:100%; max-width:100%; } .full_width { width:100%; max-width:100%; /*margin-bottom:var(--mar_l); 06/09/2024*/ } /* * -------------- * MOBILE !!! ATTENTION A TOUJOUS ETRE "ISO" AVEC LES REGLES DE DIMENSION DU FICHIER "table.first.css" !!! * ---------------- */ @media screen and (max-width : 767px) { .wid_80, .wid_70, .wid_50, .wid_33, .wid_30, .wid_25, .wid_20, .wid_16, .wid_14, .wid_12 { width:100%; min-width:100%; max-width:100%; } } /* * -------------- * SMALL TABLET !!! ATTENTION A TOUJOUS ETRE "ISO" AVEC LES REGLES DE DIMENSION DU FICHIER "table.first.css" !!! * ---------------- */ @media screen and (min-width : 768px) and (max-width : 991px) { .wid_80, .wid_70, .wid_50, .wid_33, .wid_30, .wid_25, .wid_20, .wid_16, .wid_14, .wid_12 { width:50%; min-width:50%; max-width:50%; } } /* * -------------- * MIDDLE TABLET !!! ATTENTION A TOUJOUS ETRE "ISO" AVEC LES REGLES DE DIMENSION DU FICHIER "table.first.css" !!! * ---------------- */ @media screen and (min-width : 992px) and (max-width : 1100px) { .wid_33, .wid_30, .wid_25, .wid_20, .wid_16, .wid_14, .wid_12 { width:33.333%; } .wid_50 { width:50%; } } /* * -------------- * LARGE TABLET !!! ATTENTION A TOUJOUS ETRE "ISO" AVEC LES REGLES DE DIMENSION DU FICHIER "table.first.css" !!! * ---------------- */ @media screen and (min-width : 1101px) and (max-width : 1199px) { .wid_25, .wid_20, .wid_16, .wid_14, .wid_12 { width:25%; } } /* * ===================== * COD_CSS * ===================== */ /* 28/07/2023 */ input.form_field_validation_error, input.form_field_validation_error, select.form_field_validation_error, textarea.form_field_validation_error { background-color:var(--bco_error_light); color:var(--col_error_light_comp); border-color:var(--bor_color_error_dark); } form.eav ul li div.eav.box.form_field_validation_error_message { background-color:var(--bco_error_ultra_light); color:var(--col_error_ultra_light_comp); /*border-color:var(--bor_color_error_light);*/ } div.eav.field > div.form_field_validation_error { background-color:var(--bco_error_light); color:var(--col_error_light_comp); border:var(--bor_style) var(--bor_width_xs) var(--bco_error_dark); padding:var(--pad_s); } p.form_field_validation_error { color:var(--col_fourth); } form.eav ul.form_field_validation_error_message { margin-top:var(--mar_xm); margin-bottom:var(--mar_s); } .button.form_field_validation_error { background-color:var(--bco_error_light); color:var(--col_error_light_comp); } table.form_field_validation_error tr td span { color:var(--col_fourth); } /* 11/11/2023 */ #deletion_warning_message, #execution_warning_message { padding:var(--pad_l); margin:auto; margin-top:var(--mar_l); margin-bottom:var(--mar_l); background-color:var(--bco_warning_dark); color:var(--col_warning_dark_comp); text-align:center; font-size:var(--fon_size_xm); border-radius:var(--bor_radius_m); /* 12/05/2023 */ max-width: 500px; } /* * ===================== * COD_CSS * ===================== */ /* nav.big_menu div.transition, nav.big_menu input.transition, nav.big_menu li.transition, nav.big_menu li a.transition { transition: top 500ms cubic-bezier(0.390, 0.500, 0.150, 1.360); } */ /* * ===================== * COD_CSS * ===================== */ /* * TEXTE CENTRÉ */ .text_centered, .fle_column .text_centered, .fle_row .text_centered { text-align:center; } .fle_column .text_centered { justify-content: center; } .fle_row .text_centered { align-self: center; } /* * TEXTE GAUCHE */ .text_lefted { text-align:left; } .fle_column .text_lefted, .fle_row .text_lefted { text-align:left; } /* * TEXTE DROTIE */ .text_righted { text-align:right; } .fle_column .text_righted, .fle_row .text_righted { align-self: flex-start; text-align:right; } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ div.text/*, 25/08/2024 div.text p*/ { overflow:hidden; /* V400 TOUJOURS LAISSER SUR "hidden"*/ width:100%; /* 23/05/2023 */ } /* * ESPACEMENT VERTICAL DES DIFERENTS"

" */ div.text ~ p:not(last-child), tr td p:not(last-child) { margin-bottom:var(--mar_m); } div.text > p:last-child, div.text > div:last-child { margin-bottom:0px; } div.fieldset ul li p.text { margin-top: 0px; margin-bottom:var(--mar_s); } /* * 16/05/2023. "TEXT" */ div.text > div:not(.unmargined) { margin-bottom:var(--mar_m); } div.text > p:last-child, div.text > div:last-child { margin-bottom:0px; } div.agregation div.text > p:last-child { margin-bottom:var(--mar_m); } /* * "TEXT HEADER" */ div.text.header.left, div.text.header.central, div.text.header.right { padding:var(--mar_s); margin:0px 0px var(--mar_l) 0px; } /* * ===================== * COD_CSS * ===================== */ /* * ===================== * COD_CSS * ===================== */ /* https:/getcssscan.com/css-box-shadow-examples */ * { --sha_box_default: rgba(33, 35, 38, 0.55) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; --sha_box_s: rgba(50, 50, 105, 0.08) 0px 2px 4px 0px, rgba(0, 0, 0, 0.04) 0px 1px 1px 0px; --sha_box_m: rgba(33, 35, 38, 0.55) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; --sha_box_top_default: rgba(33, 35, 38, 0.55) 0px -2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; --sha_box_top_s: rgba(50, 50, 105, 0.08) 0px -2px 4px 0px, rgba(0, 0, 0, 0.04) 0px 1px 1px 0px; --sha_box_top_m: rgba(33, 35, 38, 0.55) 0px -2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; } .shadowed { box-shadow: var(--sha_box_default); } .shadowed_s { box-shadow: var(--sha_box_s); } .shadowed_m { box-shadow: var(--sha_box_m); } .shadowed_top { box-shadow: var(--sha_box_top_default); } .shadowed_top_s { box-shadow: var(--sha_box_top_s); } .shadowed_top_m { box-shadow: var(--sha_box_top_m); } /* * ===================== * COD_CSS * ===================== */ .position_absolute { position:absolute; } .z_index_2 { z-index:2; } .left_0 { left:0px; } .right_0 { right:0px; } .top_0 { top:0px; } .bottom_0 { bottom:0px; } /* * ===================== * COD_CSS * ===================== */ :root { --px_xxxs: 1px; --px_xxs: 3px; --px_xs: 5px; --px_s: 10px; --px_xm: 12.5px; --px_m: 15px; --px_mm: 18px; --px_mmm: 20px; --px_l: 25px; --px_xl: 40px; --px_xxl: 50px; --pad_xxxs: var(--px_xxxs); --pad_xxs: var(--px_xxs); --pad_xs: var(--px_xs); --pad_s: var(--px_s); --pad_m: var(--px_m); --pad_xm: var(--px_xm); --pad_l: var(--px_l); --pad_xl: var(--px_xl); --pad_xxl: var(--px_xxl); --mar_xxxs: var(--px_xxxs); --mar_xxs: var(--px_xxs); --mar_xs: var(--px_xs); --mar_s: var(--px_s); --mar_m: var(--px_m); --mar_mm: var(--px_mm); --mar_mmm: var(--px_mmm); --mar_xm: var(--px_xm); --mar_l: var(--px_l); --mar_xl: var(--px_xl); --mar_xxl: var(--px_xxl); } /* * -------------- * TOTUES RESOLUTIONS * ---------------- */ .unmargined { margin:0px; } .unpaddinged { padding:0px; } /* * PADDING TOTAL */ .pad_xxxs { padding:var(--px_xxxs); } .pad_xxs { padding:var(--pad_xxs); } .pad_xs { padding:var(--pad_xs); } .pad_s { padding:var(--pad_s); } .pad_m { padding:var(--pad_m); } .pad_l { padding:var(--pad_l); } .pad_xl { padding:var(--pad_xl); } /* * PADDING LEFT */ .pad_l_xxs { padding-left:var(--pad_xxs); } .pad_l_xs { padding-left:var(--pad_xs); } .pad_l_s { padding-left:var(--pad_s); } .pad_l_m { padding-left:var(--pad_m); } .pad_l_l { padding-left:var(--pad_l); } /* * PADDING RIGHT */ .pad_r_xxs { padding-right:var(--pad_xxs); } .pad_r_xs { padding-right:var(--pad_xs); } .pad_r_s { padding-right:var(--pad_s); } .pad_r_m { padding-right:var(--pad_m); } .pad_r_l { padding-right:var(--pad_l); } /* * PADDING HORIZONTAL */ .pad_h_xxs { padding-left:var(--pad_xxs); padding-right:var(--pad_xxs); } .pad_h_xs { padding-left:var(--pad_xs); padding-right:var(--pad_xs); } .pad_h_s { padding-left:var(--pad_s); padding-right:var(--pad_s); } .pad_h_m { padding-left:var(--pad_m); padding-right:var(--pad_m); } .pad_h_l { padding-left:var(--pad_l); padding-right:var(--pad_l); } .pad_h_xl { padding-left:var(--pad_xl); padding-right:var(--pad_xl); } .unpaddinged_h { padding-left:0px; padding-right:0px; } /* * PADDING TOP */ .pad_t_xxs { padding-top:var(--pad_xxs); } .pad_t_xs { padding-top:var(--pad_xs); } .pad_t_s { padding-top:var(--pad_s); } .pad_t_m { padding-top:var(--pad_m); } .pad_t_l { padding-top:var(--pad_l); } .pad_t_xl { padding-top:var(--pad_xl); } /* * PADDING BOTTOM */ .pad_b_xxs { padding-bottom:var(--pad_xxs); } .pad_b_xs { padding-bottom:var(--pad_xs); } .pad_b_s { padding-bottom:var(--pad_s); } .pad_b_m { padding-bottom:var(--pad_m); } .pad_b_l { padding-bottom:var(--pad_l); } .pad_b_xl { padding-bottom:var(--pad_xl); } /* * PADDING VERTICAL */ .pad_v_xxs { padding-top:var(--pad_xxs); padding-bottom:var(--pad_xxs); } .pad_v_xs { padding-top:var(--pad_xs); padding-bottom:var(--pad_xs); } .pad_v_s { padding-top:var(--pad_s); padding-bottom:var(--pad_s); } .pad_v_xm { padding-top:var(--pad_xm); padding-bottom:var(--pad_xm); } .pad_v_m { padding-top:var(--pad_m); padding-bottom:var(--pad_m); } .pad_v_l { padding-top:var(--pad_l); padding-bottom:var(--pad_l); } .pad_v_xl { padding-top:var(--pad_xl); padding-bottom:var(--pad_xl); } .unpaddinged_v { padding-top:0px; padding-bottom:0px; } /* * MARGIN TOTAL */ .mar_xs { margin:var(--mar_xs); } .mar_s { margin:var(--mar_s); } .mar_m { margin:var(--mar_m); } .mar_l { margin:var(--mar_l); } .mar_xl { margin:var(--mar_xl); } /* * MARGIN LEFT */ .mar_l_xs { margin-left:var(--mar_xs); } .mar_l_s { margin-left:var(--mar_s); } .mar_l_m { margin-left:var(--mar_m); } .mar_l_l { margin-left:var(--mar_l); } .mar_l_xl { margin-left:var(--mar_xl); } .mar_l_auto { margin-left:auto; } /* * MARGIN RIGHT */ .mar_r_xs { margin-right:var(--mar_xs); } .mar_r_s { margin-right:var(--mar_s); } .mar_r_m { margin-right:var(--mar_m); } .mar_r_l { margin-right:var(--mar_l); } .mar_r_xl { margin-right:var(--mar_xl); } .mar_r_auto { margin-right:auto; } /* * MARGIN HORIZONTAL */ .mar_h_xs { margin-left:var(--mar_xs); margin-right:var(--mar_xs); } .mar_h_s { margin-left:var(--mar_s); margin-right:var(--mar_s); } .mar_h_auto { margin-left:auto; margin-right:auto; } .mar_h_table_like_gap { margin-left:var(--table_like_gap); margin-right:var(--table_like_gap); } /* * MARGIN BOTTOM */ .mar_b_xs { margin-bottom:var(--mar_xs); } .mar_b_s { margin-bottom:var(--mar_s); } .mar_b_m { margin-bottom:var(--mar_m); } .mar_b_l { margin-bottom:var(--mar_l); } .mar_b_xl { margin-bottom:var(--mar_xl); } .mar_b_auto { margin-bottom:auto; } .mar_b_table_like_gap { margin-bottom:var(--table_like_gap); } /* * MARGIN TOP */ .mar_t_s { margin-top:var(--mar_s); } .mar_t_m { margin-top:var(--mar_m); } .mar_t_l { margin-top:var(--mar_l); } .mar_t_xl { margin-top:var(--mar_xl); } .mar_t_auto { margin-top:auto; } .mar_t_table_like_gap { margin-top:var(--table_like_gap); } /* * MARGIN VERTICAL */ .mar_v_s { margin-top:var(--mar_s); margin-bottom:var(--mar_s); } .mar_v_m { margin-top:var(--mar_m); margin-bottom:var(--mar_m); } .mar_v_l { margin-top:var(--mar_l); margin-bottom:var(--mar_l); } .mar_v_auto { margin-top:auto; margin-bottom:auto; } .mar_v_table_like_gap { margin-top:var(--table_like_gap); margin-bottom:var(--table_like_gap); } /* * ===================== * COD_CSS * ===================== */ /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ .outlined_xs { border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); padding: var(--pad_xs) var(--pad_s) var(--pad_xs) var(--pad_s); background-color:var(--bco_grey_xs); } /* * ===================== * COD_CSS * ===================== */ .rolloverable { cursor:pointer; } .unclickable { cursor:default; } .unbackgrounded { background:none; } .inactive { /* 16/04/2024 background:var(--bco_grey_xm);*/ color:var(--col_grey_xm_comp); cursor:default; } .inactive:hover, .inactive:focus, .inactive:active { background:var(--bco_grey_xm); color:var(--col_grey_xm_comp); } .stronged { font-weight:bold } .unstronged { font-weight:normal } .hide { display:none !important; /* 28/12/2022 NE JAMAIS SUPPRIMER CE !important = LE SEUL AUTORISÉ DANS TRANSFORM */ } /* 11/01/2024 */ .hidden { display:none; } .hidden_like { width:1px; height:1px; padding:0px; margin:0px; border:0px; } .show { display:block; } .float_right { float:right; align-self: flex-end; } .float_left { float:left; align-self: flex-start; } /* * DISPLAY INLINE BLOCK */ .inlined_blocked { display:inline-block; } /* * DISPLAY BLOCK */ .blocked { display:block; } .overable:hover, .overable:hover { background-color:var(--bco_grey_s); color:var(--col_grey_s_comp); cursor:pointer; } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { .column.central, .column.left, .column.right { float:none; clear:both; } .column.central fieldset, .column.left fieldset, .column.right fieldset { padding:var(--pad_m) var(--pad_m) var(--pad_m) var(--pad_m); } .unmobiled { display:none; } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { .column.central, .column.left, .column.right { padding:var(--pad_s); } .column.left { float:left; } .column.right { float:right; } } /* * ===================== * COD_CSS * ===================== */ #header_logo, #header_logo a, #header_logo span { display: flex; flex-direction: column; justify-content: center; align-items: center; } #header_logo a span { display:none; } /* * -------------- * MOBILE !!! VALEUR PARTICULIERE EMPIRIQUE * ---------------- */ @media screen and (max-width : 799px) { #header_logo { padding: var(--pad_m) 0px var(--pad_m) 0px; } } /* * -------------- * TABLET + DESKTOP !!! VALEUR PARTICULIERE EMPIRIQUE * ---------------- */ @media screen and (min-width : 800px) { } /* * ===================== * COD_CSS * ===================== */ /* * TOUTES RESOLUTIONS */ @font-face { font-family: "icofont"; /* 11/05/2023 */ src: url('/odm/templates/core/offices/common/fonts/iconfont/icofont.ttf'); } /* * ===================== * COD_CSS * ===================== */ :root { /* BALISE HTML */ --hei_html: 100%; /* BALISE HTML */ --hei_body: 100%; /* FIELDS HEIGHT */ --hei_fields: 40px; --hei_fields_m: 33px; --hei_fields_s: 25px; } div.fle_row.box.height_auto { height:auto; } .hei_auto { height:auto; } /* * ===================== * COD_CSS * ===================== */ /*10/09/2020 https:/icofont.com/icons*/ @font-face { font-family: "Arial"; /* font-family: "BauerMediaSansRegular"; src: url('/odm/templates/core/offices/common/fonts/bauer/BauerMediaSans-Regular.otf'); */ } :root { /* FONT-FAMILLY */ /*--fon_familly_default: "Neue Helvetica", helvetica, sans-serif;*/ --fon_familly_default: "Arial", helvetica, sans-serif; --fon_familly_1: var(--fon_familly_default); --fon_familly_2: var(--fon_familly_default); --fon_familly_3: var(--fon_familly_default); /* FONT-SIZE */ --fon_size_default: 1.00rem; --fon_size_xxxxl: 2.1rem; --fon_size_xxxl: 2rem; --fon_size_xxl: 1.60rem; --fon_size_xl: 1.50rem; --fon_size_sxl: 1.20rem; --fon_size_l: 18px; --fon_size_xxm: 1.15rem; --fon_size_xm: 1.10rem; --fon_size_m: 1.05rem; --fon_size_s: 0.9rem; --fon_size_xs: 0.85rem; --fon_size_xxs: 0.7rem; /* LINE HEIGHT */ --fon_line_height_default: auto /*1.30em*/; /* LETTER SPACING */ --fon_letter_spacing_default: 0px; /* MULTIPLICATEUR DE "LINE JHEIGHT" PAR RAPPORT AU "FONT-SIZE" */ --fon_line_height_multiplicator: 1.5; } .uppercase { text-transform:uppercase; } .fon_size_default { font-size:var(--fon_size_default); } .fon_size_xxxxl { font-size:var(--fon_size_xxxxl); } .fon_size_xxxl { font-size:var(--fon_size_xxxl); } .fon_size_xxl { font-size:var(--fon_size_xxl); } .fon_size_xl { font-size:var(--fon_size_xl); } .fon_size_l { font-size:var(--fon_size_l); } .fon_size_m { font-size:var(--fon_size_m); } .fon_size_s { font-size:var(--fon_size_s); } .fon_size_xs { font-size:var(--fon_size_xs); } .fon_size_xxs { font-size:var(--fon_size_xxs); } em, strong, i, b { font-family:inherit; font-size:inherit; color:inherit; } strong, .strong { font-weight:bold; } /** * "PREMIERE LETTRE EN MAJUSCULE" */ .ucfirst:first-letter { text-transform: uppercase; display:inline-block; } /* * ===================== * COD_CSS * ===================== */ :root { --gap_xs: var(--pad_xs); --gap_s: var(--pad_s); --gap_m: var(--pad_m); --gap_l: var(--pad_l); --gap_xl: var(--pad_xl); } /** * -------------------------------------------------------- * -------------------------------------------------------- * 30/11/2022 "ALIGNEMENT HORIZONTAL" DES ELEMENTS FLEX * -------------------------------------------------------- * -------------------------------------------------------- */ .fle_row:not(.hide), .fle_column:not(.hide) { display: flex; } .fle_row { flex-direction: row; } .fle_row_v_centered_h_cented { align-items: center; align-self: center; } .fle_column { flex-direction: column; } /* 21/11/2023 */ .fle_row:not(.fle_ungrowed), .fle_column:not(.fle_ungrowed), .fle_align_started:not(.fle_ungrowed), .fle_align_centered:not(.fle_ungrowed), .fle_align_ended:not(.fle_ungrowed), .fle_align_stretched:not(.fle_ungrowed), .fle_justify_content_started:not(.fle_ungrowed), .fle_justify_content_centered:not(.fle_ungrowed), .fle_justify_content_ended:not(.fle_ungrowed), .fle_justify_content_space_betweened:not(.fle_ungrowed) { flex-grow: 1; flex-shrink: 1; } .fle_wraped { flex-wrap: wrap; word-break: break-word; overflow-wrap: break-word; } .fle_unwraped { flex-wrap: nowrap; } .fle_aligned_item_started { align-items: flex-start; } .fle_aligned_item_centered { align-items: center; } .fle_aligned_item_stretched { align-items: stretch; } .fle_aligned_item_ended { align-items: flex-end; } .fle_unshrinked, .fle_row.fle_unshrinked, .fle_column.fle_unshrinked { flex-shrink: 0; } .fle_ungrowed, .fle_row.fle_ungrowed, .fle_column.fle_ungrowed { flex-grow: 0; } .fle_growed { flex-grow: 1; } .fle_align_started { align-self: flex-start; } .fle_align_centered { align-self: center; } .fle_align_ended { align-self: flex-end; } .fle_align_stretched { align-self: stretch; } .fle_justify_content_started { justify-content: flex-start; } .fle_justify_content_centered { justify-content: center; } .fle_justify_content_ended { justify-content: flex-end; } .fle_justify_content_space_betweened { justify-content: space-between; } .fle_gaph_s { gap: 0px var(--gap_s); } .fle_gapv_s { gap: var(--gap_s) 0px; } .fle_gap_s { gap: var(--gap_s) var(--gap_s); } .fle_gap_m { gap: 0px var(--gap_m); } .fle_gapv_m { gap: var(--gap_m) 0px; } .fle_gap_m { gap: var(--gap_m) var(--gap_m); } .fle_gaph_l { gap: 0px var(--gap_l); } .fle_gapv_l { gap: var(--gap_l) 0px; } .fle_gap_l { gap: var(--gap_l) var(--gap_l); } .fle_gaph_xl { gap: 0px var(--gap_xl); } .fle_gapv_xl { gap: var(--gap_xl) 0px; } .fle_gap_xl { gap: var(--gap_xl) var(--gap_xl); } .fle_row.bottom, .fle_column.bottom { margin-top:auto; flex-grow: 0; } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { .fle_row.fle_columnable { flex-direction: column; } .fle_row.fle_columnable > span, .fle_row.fle_columnable > div, .fle_row.fle_columnable > a, .fle_row.fle_columnable > ol, .fle_row.fle_columnable > ul { width:100%; } } /* * ===================== * COD_CSS * ===================== */ div.displayable_box { position:relative; overflow:auto; } div.displayable_box:last-child { margin-top:var(--mar_m); } div.displayable_box label { min-height: var(--hei_fields); } div.displayable_box label span.burger_menu_icon { display:inline-block; } label.displayer { display:flex; width:auto; flex-grow: 0; flex-shrink: 1; padding-left:var(--pad_m); padding-right:var(--pad_m); } label.displayer:hover { } input.displayer { display:none; } /* * MASQUAGE DU SUMMARY */ div.displayer.displayable, div.displayer.displayable_as_flex_row { display:none; } /* * AFFICHAGE DU "SUMMARY" */ input.displayer:checked ~ div.displayer.displayable { display:block; } /* 26/10/202. */ input.displayer:checked ~ div.displayer.displayable_as_flex_row { display:flex; flex-direction: row; } input.displayer:checked ~ div.displayer.displayable div.box.summary.front_summary { padding:0px; } input.displayer:checked ~ div.displayer.displayable div.box.summary.front_summary #summary_header { margin:0px 0px var(--mar_l) 0px; } input.displayer:checked ~ div.displayer.displayable div.box.summary.front_summary #summary_header fieldset { margin:0px; } /* * ===================== * COD_CSS * ===================== */ * { caret-color: var(--col_first); } /* * ===================== * COD_CSS * ===================== */ :root { /* ------------------------ GENERAL */ --bco_black: rgba(0, 0, 0, 1); --col_black_comp: var(--bco_white); --col_black: var(--bco_black); --bco_white: rgba(255, 255, 255, 1); --col_white_comp: var(--bco_black); --col_white: var(--bco_white); /* ------------------------ COULEURS RVB */ --col_red_dark: rgba(154, 17, 2, 1); --col_red_dark_comp: var(--bco_white); --col_red_middle: rgba(215, 78, 64, 1); --col_red_middle_comp: var(--bco_white); --col_red_light: rgba(242, 219, 216, 1); --col_red_light_comp: var(--bco_black); --col_green_dark: rgba(54, 114, 5, 1); --col_green_dark_comp: var(--bco_white); --col_green_middle: rgba(111, 174, 25, 1); --col_green_middle_comp: var(--bco_white); --col_green_light: rgba(243, 250, 234, 1); --col_green_light_comp: var(--bco_black); --col_blue_dark: rgba(17, 94, 153, 1); --col_blue_dark_comp: var(--bco_white); --col_blue_middle: rgba(53, 146, 217, 1); --col_blue_middle_comp: var(--bco_white); --col_blue_light: rgba(198, 216, 230, 1); --col_blue_light_comp: var(--bco_black); --col_orange_dark: rgba(228, 97, 0, 1); --col_orange_dark_comp: var(--bco_white); --col_orange_middle: rgba(229, 135, 0, 1); --col_orange_middle_comp: var(--bco_black); --col_orange_light: rgba(238, 212, 175, 1); --col_orange_light_comp: var(--bco_black); --col_brown_dark: rgba(107, 75, 33, 1); --col_brown_dark_comp: var(--bco_white); --col_brown_middle: rgba(179, 151, 114, 1); --col_brown_middle_comp: var(--bco_white); --col_brown_light: rgba(221, 212, 199, 1); --col_brown_light_comp: var(--bco_black); --col_yellow_dark: rgba(252, 202, 0, 1); --col_yellow_dark_comp: var(--bco_white); --col_yellow_middle: rgba(253, 243, 161, 1); --col_yellow_middle_comp: var(--bco_black); --col_yellow_light: rgba(245, 242, 220, 1); --col_yellow_light_comp: var(--bco_black); /* ------------------------ FIRST COLOR */ --bco_first: rgba(189, 3, 4, 1); --col_first_comp: var(--col_white); --col_first: var(--bco_first); --bco_first_hover: rgba(32, 61, 90, 1); --col_first_hover_comp: var(--col_white); --col_first_hover: var(--bco_first_hover); /* ------------------------ SECOND COLOR */ --bco_second: rgba(32, 61, 90, 1); --col_second_comp: var(--col_white); --col_second: var(--col_white); --bco_second_hover: rgba(189, 3, 4, 1); --col_second_hover_comp: var(--col_white); --col_second_hover: var(--col_white); /* ------------------------ THIRD COLOR */ --bco_third: rgba(7, 16, 25, 1); --col_third_comp: var(--col_white); --col_third: var(--bco_third); --bco_third_hover: rgba(47, 82, 116, 1); --col_third_hover_comp: var(--col_white); --col_third_hover: var(--bco_third_hover); /* ------------------------ FOURTH COLOR */ --bco_fourth: rgba(20, 72, 124, 1); --col_fourth_comp: var(--col_white); --col_fourth: var(--bco_fourth); --bco_fourth_hover: rgba(83, 39, 1, 1); --col_fourth_hover_comp: var(--col_black); --col_fourth_hover: var(--bco_fourth_hover); /* ------------------------ GREY COLORS */ --bco_grey_xs: rgba(240, 240, 240, 1); --col_grey_xs_comp: var(--col_black); --col_grey_xs: var(--bco_grey_xs); --bco_grey_xs_hover: var(--bco_grey_xm); --col_grey_xs_hover_comp: var(--col_grey_xm_comp); --col_grey_xs_hover: var(--bco_grey_xs_hover); --bco_grey_s: rgba(230, 230, 230, 1); --col_grey_s_comp: var(--col_black); --col_grey_s: rgba(50, 50, 50, 1); --bco_grey_s_hover: rgba(100, 100, 100, 1); --col_grey_s_hover_comp: var(--col_white); --col_grey_s_hover: rgba(255, 255, 255, 1); --bco_grey_xm: rgba(180, 180, 180, 1); --col_grey_xm_comp: var(--col_black); --col_grey_xm: var(--bco_grey_xm); --bco_grey_xm_hover: var(--bco_grey_xm); --col_grey_xm_hover_comp: var(--col_white); --col_grey_xm_hover: var(--bco_grey_xm_hover); --bco_grey_m: rgba(130, 130, 130, 1); --col_grey_m_comp: var(--col_white); --col_grey_m: var(--bco_grey_m); --bco_grey_m_hover: var(--bco_grey_xl); --col_grey_m_hover_comp: var(--col_white); --col_grey_m_hover: var(--bco_grey_m_hover); --bco_grey_l: rgba(90, 90, 90, 1); --col_grey_l_comp: var(--col_white); --col_grey_l: var(--bco_grey_l); --bco_grey_l_hover: var(--bco_grey_l); --col_grey_l_hover_comp: var(--col_white); --col_grey_l_hover: var(--bco_grey_l_hover); --bco_grey_xl: rgba(50, 50, 50, 1); --col_grey_xl_comp: var(--col_white); --col_grey_xl: var(--bco_grey_xl); --bco_grey_xl_hover: var(--bco_grey_xl); --col_grey_xl_hover_comp: var(--col_white); --col_grey_xl_hover: var(--bco_grey_xl_hover); /* ------------------------ GREY COLORS TRANSPARENT*/ --bco_grey_transparent_s: rgba(0, 0, 0, 0.1); --bco_grey_transparent_m: rgba(0, 0, 0, 0.3); --bco_grey_transparent_l: rgba(0, 0, 0, 0.6); --bco_white_transparent_s: rgba(255, 255, 255, 0.8); /* ------------------------ POSITIF */ --bco_positive: rgba(20, 124, 123, 1); --col_positive_comp: var(--col_white); --col_positive: var(--bco_positive); --bco_positive_hover: rgba(5, 79, 78, 1); --col_positive_hover_comp: var(--col_white); --col_positive_hover: var(--bco_positive_hover); /* ------------------------ ERROR */ --bco_error_dark: rgba(150, 28, 114, 1); --col_error_dark_comp: var(--col_white); --col_error_dark: var(--bco_error_dark); --bco_error_dark_hover: rgba(150, 28, 114, 1); --col_error_dark_hover_comp: var(--col_white); --col_error_dark_hover: var(--bco_error_dark_hover); --bor_color_error_dark: var(--bco_error_dark); --bco_error_ultra_light: rgba(244, 232, 241, 1); --col_error_ultra_light_comp: var(--col_black); --bco_error_light: rgba(247, 237, 245, 1); --col_error_light_comp: var(--col_black); --col_error_light: var(--bco_error_dark); --bco_error_light_hover: rgba(147, 17, 17, 1); --col_error_light_hover_comp: var(--col_black); --col_error_light_hover: var(--bco_error_dark_hover); --bor_color_error_light: var(--bco_error_light); /* ------------------------ CONFIRMATION */ --bco_confirmation_dark: rgba(150, 28, 114, 1); --col_confirmation_dark_comp: var(--col_white); --col_confirmation_dark: var(--bco_confirmation_dark); --bco_confirmation_dark_hover: rgba(147, 17, 17, 1); --col_confirmation_dark_hover_comp: var(--col_white); --col_confirmation_dark_hover: var(--bco_confirmation_dark_hover); --bco_confirmation_light: rgba(150, 28, 114, 0.1); --col_confirmation_light_comp: var(--col_black); --col_confirmation_light: var(--bco_confirmation_light); --bco_confirmation_light_hover: rgba(147, 17, 17, 1); --col_confirmation_light_hover_comp: var(--col_black); --col_confirmation_light_hover: var(--bco_confirmation_light_hover); /* ------------------------ LAYOUT */ --bco_html: var(--col_white); --col_html_comp: var(--col_black); --bco_header: var(--col_white); --col_header_comp: var(--col_black); --bco_body: var(--col_white); --col_body_com: var(--col_black); --bco_footer: var(--bco_html); --col_footer_comp: var(--col_black); --col_footer: var(--col_footer_comp); --col_footer_hover: var(--col_footer_comp); --bco_popup_html: var(--col_white); --col_popup_html_comp: var(--col_black); /* ------------------------ TRANSPARENT */ --col_transparent: rgba(255, 255, 255, 0); /* ------------------------ TABLES */ --bco_table_td_even: var(--bco_grey_xs); --col_table_td_even_comp: var(--col_black); --bco_table_td_even_hover: var(--bco_grey_xl); --col_table_td_even_hover_comp: var(--col_white); --bco_table_td_odd: var(--col_transparent); --col_table_td_odd_comp: var(--col_black); --bco_table_td_odd_hover: var(--col_transparent); --col_table_td_odd_hover_comp: var(--col_black); } /* --------------------------------------------- COULEUR PRINCIPALE --------------------------------------------- */ /* * FORMES PLEINES (BOUTONS, DIV, FORM, ETC.) */ div.col_first, a.col_first, legend.col_first, input.col_first, .block.col_first { background-color:var(--bco_first); color:var(--col_first_comp); } .bco_first { background-color:var(--bco_first); color:var(--col_first_comp); } h1.col_first, h2.col_first, h3.col_first, h4.col_first { color:var(--col_first); } .bco_second { background-color:var(--bco_second); color:var(--col_second_comp); } h1.col_second, h2.col_second, h3.col_second, h4.col_second { color:var(--col_second); } .bco_third { background-color:var(--bco_third); color:var(--col_third_comp); } h1.col_third, h2.col_third, h3.col_third, h4.col_third { color:var(--col_third); } p.col_first, li.col_first, span.col_first { background:none; color:var(--col_first); } .col_first span { color:inherit; } /* * background white */ .bco_white { background-color:var(--bco_white); color:var(--col_white_comp); } /* * TEXTES */ .col_first.text { color:var(--col_first); } /* * LIENS */ .col_first.link { color:var(--col_first); } .col_first.link:hover { color:var(--col_fourth); } .col_first.active { background-color:var(--bco_fourth); } /* --------------------------------------------- COULEUR PRINCIPALE TRANSPARENTE (FRONT UNIQUEMENT) --------------------------------------------- */ .col_1_transparent span { color:inherit; } /* * TEXTES */ col_1_transparent.text span { color:inherit; } /* * LIENS */ col_1_transparent.link span { color:inherit; } col_1_transparent.link:hover span { color:inherit; } /* --------------------------------------------- COULEUR PRINCIPALE INVERSÉE --------------------------------------------- */ /* * FORMES PLEINES (BOUTONS, DIV, FORM, ETC.) */ .col_1_reverse { background-color:var(--bco_fourth); color:var(--col_fourth_comp); } .col_1_reverse.button:hover, .col_1_reverse.background:hover, .col_1_reverse.button:focus, .col_1_reverse.background:focus { background-color:var(--bco_first); color:var(--col_first_hover_comp); } /* * TEXTES */ .col_1_reverse.text { color:var(--col_fourth); } .col_1_reverse.text span { color:inherit; } /* * LIENS */ .col_1_reverse.link { color:var(--col_fourth); } .col_1_reverse.link span { color:inherit; } .col_1_reverse.link:hover { color:var(--col_first); } .col_1_reverse.link:hover span { color:inherit; } /* --------------------------------------------- COULEUR SECONDAIRE --------------------------------------------- */ /* * FORMES PLEINES (BOUTONS, DIV, FORM, ETC.) */ .col_2 { background-color:var(--bco_second); color:var(--col_second_comp); } .col_2 span { color:inherit; } .col_2.button:hover, .col_2.background:hover { background-color:var(--bco_second_hover); } h1.col_2, h2.col_2, h3.col_2, h4.col_2 { color:var(--col_second); } /* * TEXTES */ .col_2.text { color:var(--col_fourth); } .col_2.text span { color:inherit; } /* * LIENS */ .col_2.link { color:var(--col_fourth); } .col_2.link span { color:inherit; } .col_2.link:hover { color:var(--col_first); } .col_2.link:hover span { color:inherit; } /* --------------------------------------------- COULEUR TERTIAIRE --------------------------------------------- */ /* * FORMES PLEINES (BOUTONS, DIV, FORM, ETC.) */ .col_3 { background-color:var(--bco_third); color:var(--col_white); } .col_3 span { color:inherit; } .col_3.button:hover, .col_3.background:hover { background-color:var(--bco_fourth); } /* * TEXTES */ .col_3.text { color:rgba(111,174,25,1); } .col_3.text span { color:inherit; } /* * LIENS */ .col_3.link { color:var(--col_black); } .col_3.link span { color:inherit; } .col_3.link:hover { color:var(--col_fourth); } .col_3.link:hover span { color:inherit; } /* --------------------------------------------- COULEUR QUATERNAIRE --------------------------------------------- */ /* * FORMES PLEINES (BOUTONS, DIV, FORM, ETC.) */ .col_4 span { color:inherit; } .col_4.button:hover { background-color:var(--bco_fourth); } /* * TEXTES */ .col_4.text { color:rgba(255,210,0,1); } .col_4.text span { color:inherit; } /* * LIENS */ .col_4.link { color:rgba(255,210,0,1); } .col_4.link span { color:inherit; } .col_4.link:hover { color:var(--col_fourth); } .col_4.link:hover span { color:inherit; } /* --------------------------------------------- DIVERS --------------------------------------------- */ /* * "DISABLED" */ /* * COULEUR DE VALIDATION */ a.positive, input.positive { background-color:var(--bco_positive); color:var(--bco_positive_comp); } a.positive:hover, input.positive:hover { background-color:var(--bco_positive_hover); color:var(--bco_positive_comp); } /* * COULEUR D'INVALIDATION */ a.negative, input.negative { background-color:var(--bco_error_dark); color:var(--col_error_dark_comp); } a.negative:hover, input.negative:hover { background-color:var(--bco_error_dark); color:var(--col_error_dark_comp); } /* * AUTRES COULEURS */ .flash { color:var(--col_fourth); font-family:inherit; font-size:inherit; } .flash span { color:inherit; } .bright { background-color:var(--bco_first); color:var(--col_first_comp); } .bright span { color:inherit; } /* * TEXTES */ text.bright { color:var(--col_white); } text.bright span { color:inherit; } .dark { color:var(--col_black); } .dark span { color:inherit; } /* * TEXTES */ text.dark { color:var(--col_black); } text.dark span { color:inherit; } .uncolored { background:#828282; } .uncolored span { color:inherit; } /* * TEXTES */ text.uncolored { color:#828282; } text.uncolored span { color:inherit; } .underlined { background:#FF0; font-size:inherit; } .underlined span { color:inherit; } /* * TEXTES */ text.underlined { color:#FF0; } text.underlined span { color:inherit; } .compulsory { color:var(--col_black); font-size:inherit; } /* * TEXTES */ text.compulsory { color:var(--col_black); } background_c_fourthcompulsory span { color:inherit; } .activated { background-color:var(--bco_fourth); } /* 27/11/2023 */ .activated > span { color:inherit; } /* * TEXTES */ text.activated { color:var(--col_fourth); } text.activated span { color:inherit; } /* * 02/01/2023. TOUJOURS LAISSER EN BAS DE PAGE */ .disabled { background-color:var(--bco_grey_s); color:var(--col_grey_m); } .bco_grey_xs { background-color:var(--bco_grey_xs); } /* * ===================== * COD_CSS * ===================== */ .box:not(.unpaddinged), .box.shadowed:not(.unpaddinged), .box_like.shadowed:not(.unpaddinged) { padding:var(--pad_m); } .box:not(.unpaddinged).pad_xm, .box.shadowed:not(.unpaddinged).pad_xm, .box_like.shadowed:not(.unpaddinged).pad_xm { padding:var(--pad_xm); } .box:not(.unpaddinged).pad_s, .box.shadowed:not(.unpaddinged).pad_s, .box_like.shadowed:not(.unpaddinged).pad_s { padding:var(--pad_s); } .box.shadowed, .box_like.shadowed { box-shadow: var(--sha_box_s); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } .box.shadowed:not(.colored), .box_like.shadowed:not(.colored) { box-shadow: var(--sha_box_s); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { box.fle_row:not(.pad_m):not(.pad_s):not(.pad_l), box.fle_column:not(.pad_m):not(.pad_s):not(.pad_l) { flex-direction: column; margin-bottom:var(--mar_m); padding-left:0px; padding-right:0px; } } /* * ===================== * COD_CSS * ===================== */ :root { --bor_style: solid; --bor_width_xs: 1px; --bor_width_s: 2px; --bor_style: solid; --bor_radius_no: 0px; --bor_radius_xs: 1px; --bor_radius_s: 2px; --bor_radius_m: 3px; --bor_radius_l: 4px; --bor_radius_xl: 5px; --bor_radius_xxl: 10px; --bor_radius_xxxl: 15px; /* ------------------------ COLORS */ --bor_color_black: var(--col_black); --bor_color_white: var(--col_white); --bor_color_xm: rgba(100, 100, 100, 1); --bor_color_m: rgba(150, 150, 150, 1); --bor_color_s: rgba(200, 200, 200, 1); --bor_color_xs: rgba(230, 230, 230, 1); --bor_color: var(--bor_color_m); --bor_color_white: var(--col_white); --bor_color_black: var(--col_black); } .bordered { border:var(--bor_style) var(--bor_width_xs) var(--bor_color); } .top_bordered { border-top:var(--bor_style) var(--bor_width_xs) var(--bor_color); } .right_bordered { border-right:var(--bor_style) var(--bor_width_xs) var(--bor_color); } .bottom_bordered { border-bottom:var(--bor_style) var(--bor_width_xs) var(--bor_color); } .left_bordered { border-left:var(--bor_style) var(--bor_width_xs) var(--bor_color); } .bordered_s { border:var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } .top_bordered_s { border-top:var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } .right_bordered_s { border-right:var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } .bottom_bordered_s { border-bottom:var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } .left_bordered_s { border-left:var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } .bordered_white { border:var(--bor_style) var(--bor_width_xs) var(--bor_color_white); margin-bottom:var(--mar_s);padding:var(--pad_m); } .bordered_rounded { border-radius: var(--bor_radius_xl) var(--bor_radius_xl) var(--bor_radius_xl) var(--bor_radius_xl); } .bordered_dotted { border-style:dotted; } /** * UNBORDERING */ .unbordered { border:0px; } .top_unbordered { border-top:0px; } .right_unbordered { border-right:0px; } .bottom_unbordered { border-bottom:0px; } .left_unbordered { border-left:0px; } /* * ===================== * COD_CSS * ===================== */ /* * ===================== * COD_CSS * ===================== */ /* * 12/05/2023. TOUTES RESOLUTIONS */ * { padding:0px; margin:0px; border:0px; border-radius:var(--bor_radius_no); /*12/05/2023*/ box-sizing:border-box; } /* 26/11/2025. BUG AFFICHAGE AVEC TYNIMCE DANS LE CHAMP DE SAISIE *:focus-visible { outline:inset var(--bor_width_s) var(--col_first); } */ /* * ===================== * COD_VERTICAL_MENU * ===================== */ :root { --vertical_menu_width: 300px; --vertical_menu_margin_right: 20px; --menu_li_burger_width: 25px; /** * PADDING */ --vertical_menu_ul_padding_left: var(--menu_li_burger_width); /** * COLOR */ --vertical_menu_col: var(--col_black); --vertical_menu_col_hover: var(--col_black); } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { #vertical_menu { width: var(--wid_body); margin-top: 0px; margin-bottom: 0px; } #body_columns > #vertical_menu { margin-top: 0px; margin-bottom: 0px; padding-bottom: var(--pad_xxxs); box-shadow: var(--sha_menu); } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { #vertical_menu { float:left; width:var(--vertical_menu_width); margin-right: var(--vertical_menu_margin_right); } #vertical_menu nav, #vertical_menu nav.front_office ul.level_1 { display:flex; flex-direction: column; align-content: flex-start; } #vertical_menu nav input[type="checkbox"].show_menu:checked ~ ul { position:relative; z-index:1; display:flex; flex-direction: column; } #vertical_menu nav ul, #vertical_menu nav ul li { width:100% } #vertical_menu nav ul.level_1 ul { flex-direction: column; padding-left:calc(var(--vertical_menu_ul_padding_left) / 2); border:0px; } #vertical_menu nav ul.level_1 ul > li { padding-left:calc(var(--vertical_menu_ul_padding_left) / 2); } #vertical_menu li { padding: 0px 0px 0px 0px; } #vertical_menu label { padding: 0px 0px 0px 0px; } #vertical_menu a { padding: var(--pad_s) 0px var(--pad_s) 0px; } nav.front_office.vertical_menu li, nav.front_office.vertical_menu li a { color: var(--vertical_menu_col); } #vertical_menu li:hover > a { text-decoration:underline; } input[type="checkbox"].show_menu:checked ~ label, input[type="checkbox"].show_menu:checked:hover ~ label, input[type="checkbox"].show_menu:checked:focus ~ label { background-color:inherit; color:var(--vertical_menu_col_hover); } nav.front_office.vertical_menu ul.level_1 li.level_1.hovered, nav.front_office.vertical_menu ul.level_1 li.level_1 li.hovered, nav.front_office.vertical_menu ul.level_1 li.level_1.hovered > a, nav.front_office.vertical_menu ul.level_1 li.level_1 li.hovered > a, nav.front_office.vertical_menu ul.level_1 li.level_1 li:hover, nav.front_office.vertical_menu ul.level_1 li.level_1:hover, nav.front_office.vertical_menu ul.level_1 li.level_1 li:hover > a, nav.front_office.vertical_menu ul.level_1 li.level_1:hover > a, nav.front_office.vertical_menu ul.level_1 li.level_1 a:hover + label.show_menu_sub, nav.front_office.vertical_menu ul.level_1 li.level_1 li a:hover + label.show_menu_sub { background-color:inherit; color: var(--vertical_menu_col_hover); text-decoration:underline; } } /* * -------------- * TOUTES RESOLUTIONS 15/11/2023 * ---------------- */ nav.front_office.vertical_menu ul li { list-style:none; } nav.front_office.vertical_menu span.burger_icon { display:inline-block; padding: calc(var(--pad_s) - 3px) 0px var(--pad_s) 0px; margin:0px; width:var(--menu_li_burger_width); text-align: left; } nav.front_office.vertical_menu ul.level_1 li.big_menu_image { display:none; } /* * ===================== * COD_MARGIN_MENU * ===================== */ /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ #margin_menu { margin-bottom:var(--mar_l); } #margin_menu ul li a { border-left:var(--bor_style) var(--bor_width_xs) var(--bor_color_s); margin-top:var(--mar_xs); } #margin_menu ul > li:last-child > div > a { border-left:var(--bor_style) var(--bor_width_xs) var(--bor_color_s); margin-top:var(--mar_xs); } #margin_menu ul li a.level_1 span { padding:var(--pad_s); } #margin_menu ul li a.level_1:hover span, #margin_menu ul li a.level_1.current span { padding:var(--pad_s); } #margin_menu ul.level_1 ul { padding-left:var(--pad_m); } #margin_menu li a { padding-left:var(--pad_s); } #margin_menu li a.current { background:var(--bco_breadcrumb_second); color:var(--col_breadcrumb_second); } #margin_menu li a:hover { background:var(--bco_breadcrumb_second); color:var(--col_breadcrumb_second); } /* * ===================== * COD_HORIZONTAL_MENU * ===================== */ :root { /** * WIDTH, HEIGHT ET PADDING */ --menu_li_level_1_mobile_default_padding: var(--pad_xm); /* MOBILE : PADDING PAR DEFAUT DES LI DE LEVEL=1 */ --menu_li_mobile_burger_width: 15px; /* MOBILE : LARGEUR DU LABEL 'BURGER' */ --menu_li_mobile_burger_spacing_right: 10px; /* VIDE SEPARANT LE 'BURGER' DU LIBELLÉ ASSOCIÉ */ --menu_li_level_1_default_padding: var(--pad_xm); --menu_li_default_padding: var(--pad_s); --menu_li_a_default_padding_vertical: var(--pad_s); --menu_li_default_padding_vertical: var(--pad_xs); --menu_li_default_padding_horizontal: calc(var(--pad_s)); --menu_big_ul_level_2_padding: var(--pad_m); /* 'BIG' : PADDING UL CONTENANT TOUS LES SOUS-RUBRIQUES DE LEVEL > 1 */ --menu_big_ul_level_2_padding_top: var(--pad_l); /* 'BIG' : PADDING TOP UL CONTENANT TOUS LES SOUS-RUBRIQUES DE LEVEL > 1 */ --menu_big_li_level_2_desktop_width: 25%; /* 'BIG' : LARGEUR DES SOUS-RUBRIQUES DE LEVEL > 1 */ --menu_big_li_level_2_tablet_width: 33.33%; /* 'BIG' : LARGEUR DES SOUS-RUBRIQUES DE LEVEL > 1 */ --menu_tree_li_level_n_width: 250px; /* 'TREE' : LARGEUR DES SOUS-RUBRIQUE DE LEVEL > 1 */ --menu_tree_li_level_n_offset_width: 210px; /* 'TREE' : DECALAGE HORIZONTAL 'VERS LA DROITE' DES SOUS-RUBRIQUE DE LEVEL > 2 */ --menu_tree_li_level_n_offset_height: -35px; /* 'TREE' : DECALAGE VERTICAL 'VERS LE BAS' DES SOUS-RUBRIQUE DE LEVEL > 2 */ --menu_li_burger_spacing_right: 15px; /* VIDE SEPARANT LE 'BURGER' DU LIBELLÉ ASSOCIÉ */ --menu_li_burger_width: 30px; /* LARGEUR DU LABEL 'BURGER' */ --menu_li_burger_width_enhanced: 35px; /* LARGEUR DU LABEL 'BURGER' */ /** * COULEURS : MOBILE */ --menu_mobile_nav_background_color: rgba(50, 50, 50, 1); --menu_mobile_nav_color: var(--col_white); --menu_mobile_first_background_color: var(--col_white); --menu_mobile_c_first: var(--col_white); --menu_mobile_first_background_color_hover: var(--bco_first); --menu_mobile_li_c_first_hover: var(--col_first_comp); --menu_mobile_second_background_color: var(--col_white); --menu_mobile_c_second: var(--col_black); --menu_mobile_second_background_color_hover: var(--bco_first_hover); --menu_mobile_c_second_hover: var(--col_white); --menu_mobile_li_burger_c_first_focused: var(--col_white); /** * FONT LEVEL 1 */ --menu_li_level_1_desktop_default_font_size: 20px; --menu_li_level_desktop_default_font_size: 17px; --menu_li_level_1_mobile_default_font_size: 19px; --menu_li_level_1_mobile_reduced_font_size: 15px; --menu_li_level_1_mobile_justify_content: flex-start; --menu_li_level_1_mobile_text_align: left; --menu_li_level_1_mobile_text_transform: uppercase; --menu_li_level_1_mobile_default_color: var(--col_black); /** * COULEURS : DESKTOP */ /* 23/11/2023 FIRST LEVEL */ --bco_desktop_menu_li_level_1: rgba(0,0,0,0); --col_desktop_menu_li_level_1_comp: var(--col_black); --col_desktop_menu_li_level_1: var(--bco_desktop_menu_li_level_1); --bco_desktop_menu_li_level_1_hover: var(--bco_first); --col_desktop_menu_li_level_1_hover_comp: var(--col_first_comp); --col_desktop_menu_li_level_1_hover: var(--bco_desktop_menu_li_level_1_hover); /* 23/11/2023 COULEURS BURGER FIRST LEVEL */ --bco_desktop_menu_li_level_1_burger: var(--col_black); --col_desktop_menu_li_level_1_burger_comp: var(--col_white); --col_desktop_menu_li_level_1_burger: var(--bco_desktop_menu_li_level_1_burger); --bco_desktop_menu_li_level_1_burger_hover: rgba(0,0,0,0); --col_desktop_menu_li_level_1_burger_hover_comp: var(--col_first); --col_desktop_menu_li_level_1_burger_hover: var(--bco_desktop_menu_li_level_1_burger_hover); --bco_desktop_menu_li_level_1_burger_focused: var(--bco_desktop_menu_li_level_1_burger_hover); --col_desktop_menu_li_level_1_burger_comp_focused: var(--col_desktop_menu_li_level_1_burger_hover_comp); --bco_desktop_menu_li_level_1_burger_checked_focused: var(--bco_desktop_menu_li_level_1_burger_hover); --col_desktop_menu_li_level_1_burger_comp_checked_focused: var(--col_desktop_menu_li_level_1_burger_hover_comp); --bco_desktop_menu_li_level_1_burger_focused_hovered: var(--bco_desktop_menu_li_level_1_burger_hover); --col_desktop_menu_li_level_1_burger_comp_focused_hovered: var(--col_desktop_menu_li_level_1_burger_hover_comp); /* 23/11/2023 OTHER LEVELS */ --bco_desktop_menu_li_level_n: var(--col_white); --col_desktop_menu_li_level_n_comp: var(--col_black); --col_desktop_menu_li_level_n: var(--col_black); --bco_desktop_menu_li_level_n_hover: var(--bco_first); --col_desktop_menu_li_level_n_hover_comp: var(--col_first_comp); --col_desktop_menu_li_level_n_hover: var(--col_first); /* COULEURS LI */ --menu_c_first: var(--col_black); --menu_first_background_color: rgba(0,0,0,0); --menu_c_first_hover: var(--col_first); --menu_first_background_color_hover: var(--col_white); --menu_c_first_hover_focused: var(--col_second); --menu_first_background_color_hover_focused: var(--col_white); --menu_li_c_first_hover: var(--col_first); --menu_first_background_color_hover: var(--col_white); --menu_c_second: var(--col_black); --menu_second_background_color: var(--col_white); --menu_c_second_hover: var(--col_second); --menu_second_background_color_hover: var(--col_white); --menu_c_second_hover_focused: var(--col_first); --menu_c_second_background_hover_focused: var(--col_white); /* COULEURS BURGER */ --menu_li_burger_color: var(--col_black); --menu_li_burger_background_color: var(--col_white); --menu_li_burger_color_focused: var(--col_first_comp); --menu_li_burger_background_color_focused: var(--bco_first); --menu_li_burger_color_checked_focused: var(--col_first_comp); --menu_li_burger_background_color_checked_focused: var(--bco_first); --menu_li_burger_color_focused_hovered: var(--col_first_comp); --menu_li_burger_background_color_focused_hovered: var(--bco_first); /** * ALIGNEMENTS */ --menu_ul_level_1_justify_content: flex-start; --menu_ul_level_1_flex_grow: 1; --menu_ul_level_1_flex_shrink: 1; /** * BORDER */ --menu_ul_border: var(--bor_style) var(--bor_width_xs) var(--bco_grey_m); /** * SPACER */ --menu_li_top_margin_spacer: 6px; --menu_burger_right_margin_spacer: 6px; /** * OMBRAGE */ --sha_menu: rgba(0, 0, 0, 0.25) 0px 6px 6px -6px; } /* ------------------ */ /** * 'GENERAL' 16/05/2023 */ nav.front_office { /* position:relative; 15/11/2023 */ z-index:100; } nav.front_office, nav.front_office ul { display:flex; flex-grow:1; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; margin:0px; padding:0px; } nav.front_office ul li a { outline: 0; } nav.front_office ul li label { cursor:pointer; } /** * 'MASQUAGE' DES 'UL' DE LEVEL > 1 */ nav.front_office ul.level_1 ul { display:none; } /* 22/12/2022 CAS PARTICULIER DE LA PAGE '1 COL + VERTICAL MENU' => MASQUAGE DU 'HORIZONTAL MENU */ div#page.one_col_vertical_menu div#horizontal_menu { display:none; } div#horizontal_menu div#horizontal_menu nav a.level_1 { text-transform:uppercase; } /* 13/07/2023 */ .front_office div#horizontal_menu { width: 100%; } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { /** * --------------------- BOUTON D'AFFICHAGE/MASQUAGE DU MENU DEROULANT --------------------- */ label.show-menu-horizontal { background: var(--menu_mobile_second_background_color); color: var(--menu_mobile_c_second); } /** * GLOBAL */ label.show-menu-horizontal { display: flex; justify-content: center; margin: 0px; padding:var(--pad_xm) 0px var(--pad_xm) 0px; cursor:pointer; background-color:var(--menu_mobile_nav_background_color); color:var(--menu_mobile_nav_color); width:100%; font-size:var(--menu_li_level_1_mobile_default_font_size); text-transform:uppercase; } /** * ROLLOVERING/CHECKING */ input[type='checkbox']#show-menu-horizontal:hover ~ label.show-menu-horizontal, input[type='checkbox']#show-menu-horizontal:checked ~ label.show-menu-horizontal, label.show-menu-horizontal:hover { background-color:var(--menu_mobile_second_background_color_hover); color:var(--menu_mobile_c_second_hover); } /** * ET FOCUSING */ input[type='checkbox']#show-menu-horizontal:focus ~ label.show-menu-horizontal { background-color:var(--menu_mobile_second_background_color_hover); color:var(--menu_mobile_li_burger_c_first_focused); } /** * AFFICHAGE DU MENU DEROULANT */ label.show-menu-horizontal:focus ~ nav, input[type='checkbox']#show-menu-horizontal:checked ~ nav, input[type='checkbox']#show-menu-horizontal:focus ~ nav { display: flex; } /** * AFFICHAGE DU MENU DEROULANT */ label.show-menu-horizontal ~ nav { background-color:var(--menu_mobile_nav_background_color); color:var(--menu_mobile_nav_color); } /** * --------------------- MENU DEROULANT --------------------- */ /** * MENU DEROULANT : MASQUAGE DU MENU DEROULANT */ label.show-menu-horizontal ~ nav { display: none; } nav.front_office, nav.front_office ul, nav.front_office ul li, nav.front_office ul li a, nav.front_office ul li label { display:flex; flex-grow:1; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; margin:0px; padding:0px; align-content: flex-start; background: var(--menu_mobile_first_background_color); color: var(--menu_mobile_c_first); } nav.front_office ul li, nav.front_office ul li a, nav.front_office ul li label { color: var(--menu_mobile_c_second); } /* 23/08/2023 */ nav.front_office ul li label, nav.front_office ul li label.show_menu_sub { align-items: center; } nav.front_office ul li label { padding: 0px; } nav.front_office ul li label span.burger_icon { display:flex; padding: 0px var(--menu_li_default_padding) 0px var(--menu_li_default_padding); } nav.front_office ul li.level_1, nav.front_office ul li.level_1 a, nav.front_office ul li.level_1 a span { font-size: var(--menu_li_level_1_mobile_default_font_size); /* 23/08/2022 */ justify-content: var(--menu_li_level_1_mobile_justify_content); /* 23/08/2022 */ text-align:var(--menu_li_level_1_mobile_text_align); /* 23/08/2022 */ text-transform: var(--menu_li_level_1_mobile_text_transform); /* 23/08/2022 */ } nav.front_office ul li.level_1 a span.label_prefix { margin-right: var(--mar_xs); } /** * RUBRIQUES DE LEVEL = 1 */ nav.front_office ul.level_1 { flex-direction: column; padding:var(--menu_li_level_1_mobile_default_padding) var(--menu_li_level_1_mobile_default_padding) var(--menu_li_level_1_mobile_default_padding) var(--menu_li_level_1_mobile_default_padding); } /** * DECALAGE 'GAUCHE' DE TOUS LES 'UL' DE LEVEL > 1 AFIN DE CRER UN EFFET DE TABULATION CROISSANTE EN FONCTION DU 'LEVEL' */ nav.front_office ul { padding-left:calc(var(--menu_li_mobile_burger_width) + var(--menu_li_mobile_burger_spacing_right) + var(--mar_s)); } nav.front_office ul li label { align-content: center; flex-grow:0; width:calc(var(--menu_li_mobile_burger_width) + var(--mar_s) + var(--mar_s)); } nav.front_office ul li { width:100%; padding-top: var(--pad_xs); padding-bottom: var(--pad_xs); } nav.front_office ul.level_1 li.level_1 li:last-child { padding-bottom: 0px; } nav.front_office ul.level_1 li ul { padding-top: var(--pad_xs); } nav.front_office ul li.level_1 > label > a { padding: var(--pad_s); } nav.front_office ul li.level_1 > ul.level_2 { padding-left: var(--pad_s); } /* 23/08/2023 */ nav.front_office ul li.level_1.with_children > ul.level_2, nav.front_office ul li.with_children > ul { padding-left: calc(var(--menu_li_mobile_burger_width) + var(--mar_s) + var(--mar_s)); } /** * DECALAGE 'GAUCHE' DE EN FONCTION DU FAIT QU'ILS CONTIENNENT OU PAS DES 'children' (ET DONC UN 'BURGER' ASSOCIÉ) */ nav.front_office ul li.without_children a { padding:var(--menu_li_default_padding_vertical) var(--menu_li_default_padding) var(--menu_li_default_padding_vertical) var(--menu_li_default_padding); padding-left: var(--menu_li_mobile_burger_spacing_right); } nav.front_office ul li.with_children a { padding:var(--menu_li_default_padding_vertical) var(--menu_li_default_padding) var(--menu_li_default_padding_vertical) var(--menu_li_default_padding); } nav.front_office ul li.level_1.without_children a.level_1, nav.front_office ul li.level_1.with_children a.level_1 { padding:var(--menu_li_default_padding_vertical) var(--menu_li_default_padding) var(--menu_li_default_padding_vertical) var(--menu_li_default_padding); } /** * SI 'CHECKED'... => OUVERTURE = AFFICHGE DU 'UL' ASSOCiÉ */ nav.front_office li input[type='checkbox'].show_menu:checked ~ ul { display:flex; flex-direction: column; width:100%; } /** * ROLLOVERING/FOCUSING DU 'LABEL' */ nav.front_office li input[type='checkbox'].show_menu:hover ~ label, nav.front_office li input[type='checkbox'].show_menu:checked ~ label, nav.front_office li input[type='checkbox'].show_menu:focus ~ label, nav.front_office li a:hover, nav.front_office li a:focus { background-color:var(--menu_mobile_first_background_color_hover); color:var(--menu_mobile_li_c_first_hover); } div#horizontal_menu nav.front_office li input[type='checkbox'].show_menu:focus:hover ~ label, div#horizontal_menu nav.front_office li input[type='checkbox'].show_menu:checked:hover ~ label, div#horizontal_menu nav.front_office li input[type='checkbox'].show_menu:checked:focus ~ label, div#horizontal_menu nav.front_office li a:focus:hover { background-color:var(--menu_li_burger_background_color_checked_focused); color:var(--menu_li_burger_color_focused_hovered); } /** * ROLLOVERING/FOCUSING DU 'LI' SANS 'children' */ nav.front_office ul li.level_1 li.without_children a:hover, nav.front_office ul li.level_1 li.without_children a:focus { padding:var(--menu_li_default_padding_vertical) var(--menu_li_default_padding) var(--menu_li_default_padding_vertical) var(--menu_li_default_padding); } div#vertical_menu nav.front_office ul li.level_1 a span.label_prefix, div#horizontal_menu nav.front_office ul li.level_1 a span.label_prefix { display:none; } /** * 16/12/2022. MASQUAGE DES 'IMAGES DE BIG MENU' */ .img.level_1_big_menu_image { display: flex; flex-grow: 1; flex-shrink: 1; } nav.front_office ul li.level_1 li > a { width:calc(100% - var(--menu_li_mobile_burger_width) - var(--mar_s) - var(--mar_s)); } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 767px) { /** * MASQUAGE DU BOUTON D'AFFICHAGE DU MENU POUR LE 'MOBILES' */ label.show-menu-horizontal { display: none; } /** * GLOBAL */ nav.front_office, nav.front_office ul, nav.front_office ul li, nav.front_office ul li a, nav.front_office ul li label { align-content: center; } /* 12/12/2022 */ div#horizontal_menu li.menu_sections_imaged, div#horizontal_menu li.menu_sections_imaged a { padding-left:0px; } nav.front_office ul.level_1 { background-color:var(--menu_first_background_color); justify-content: var(--menu_ul_level_1_justify_content); } nav.front_office ul li label { display:inline-block; width:var(--menu_li_burger_width); margin-left:0px; margin-right:0px; text-align:center; } nav.front_office ul li.level_1 > label { display:inline;/* inline-block 17/02/2023 */ padding:0px; /*var(--pad_xs);*/ /* 03/06/2023 */ text-align:left; overflow:auto; } nav.front_office ul li.level_1 li label { display:inline-block; margin:0px; /* 18/05/2023 */ padding:4px 0px 4px 0px; vertical-align:top; /* 17/02/2023 */ } div#horizontal_menu nav.front_office ul li.level_1 li label { /*color:var(--menu_li_burger_color);*/ padding:var(--pad_xxs) var(--pad_xs) calc(var(--pad_xxs) + 2px) var(--pad_xs); /*04/06/2023 */ /* 23/11/2023 */ margin-top: var(--mar_xs); } /** * PADDING DES LIENS 'A' */ nav.front_office ul li a { display:inline-block; padding-top:var(--menu_li_level_1_default_padding); padding-bottom:var(--menu_li_level_1_default_padding); padding-left:var(--menu_li_level_1_default_padding); /* 17/02/2023 0;*/ padding-right:var(--menu_li_level_1_default_padding); } nav.front_office ul li.menu_sections_imaged a { padding-top: 0px; padding-bottom: 0px; } /** * LARGEUR DU LIEN 'A' EN L'ABSENCE DU BURGER => DOIT COUVRIR TOUT L'ESPACE DISPONIBLE */ nav.front_office ul li.without_children a { width:100%; } /** * LARGEUR DU LIEN 'A' EN PRESENCE DU BURGER => DOIT COUVRIR TOUT L'ESPACE DISPONIBLE */ nav.front_office ul li.level_1 li.with_children > a { width:calc(100% - var(--menu_burger_right_margin_spacer) - var(--menu_li_burger_width)); } /** * LEVEL = 1 */ nav.horizontal_menu.front_office ul.level_1 { flex-direction: row; } nav.horizontal_menu.front_office li, nav.horizontal_menu.front_office li span.svg_icon, nav.horizontal_menu.front_office li a { color:var(--menu_c_first); /* 31/05/2023 background-color:var(--menu_first_background_color); */ } nav.horizontal_menu.front_office ul li.level_1 a.iconed { padding-top:calc(var(--menu_li_level_1_default_padding) - 5px); padding-bottom:calc(var(--menu_li_level_1_default_padding) - var(--menu_li_top_margin_spacer)); } /** * -------------------------------------------------------- * -------------------------------------------------------- * 23/11/2023. COULEURS DU "LEVEL 1" * -------------------------------------------------------- * -------------------------------------------------------- */ /** * 23/11/2023. ROLLOVERING/FOCUSING DU 'LABEL' */ input[type="checkbox"].show_menu:focus ~ label.level_1, input[type="checkbox"].show_menu:focus:hover ~ label.level_1 { background-color:var(--bco_desktop_menu_li_level_1_burger_hover); color:var(--col_desktop_menu_li_level_1_burger_hover_comp); } input[type="checkbox"].show_menu:checked ~ label.level_1, input[type="checkbox"].show_menu:checked:hover ~ label.level_1, input[type="checkbox"].show_menu:checked:focus ~ label.level_1 { background-color:var(--bco_desktop_menu_li_level_1_burger_checked_focused); color:var(--col_desktop_menu_li_level_1_burger_comp_checked_focused); } /** * 23/11/2023 ROLLOVER DES LIENS DE "LEVEL 1" */ nav.horizontal_menu.front_office ul.level_1 li.level_1, nav.horizontal_menu.front_office ul.level_1 li.level_1, nav.horizontal_menu.front_office ul.level_1 li.level_1 > a, nav.horizontal_menu.front_office ul li:hover a.level_1, nav.horizontal_menu.front_office ul.level_1 li.level_1 > a, nav.horizontal_menu.front_office ul.level_1 li.level_1 > a + label.show_menu_sub, nav.horizontal_menu.front_office ul.level_1 li.level_1 > a + label.show_menu_sub { background-color:var(--bco_desktop_menu_li_level_1); color:var(--col_desktop_menu_li_level_1_comp); } nav.horizontal_menu.front_office ul.level_1 li.level_1.hovered, nav.horizontal_menu.front_office ul.level_1 li.level_1:hover, nav.horizontal_menu.front_office ul.level_1 li.level_1 > a:hover, nav.horizontal_menu.front_office ul li:hover a.level_1, nav.horizontal_menu.front_office ul.level_1 li.level_1 > a:focus, nav.horizontal_menu.front_office ul.level_1 li.level_1 > a:hover + label.show_menu_sub, nav.horizontal_menu.front_office ul.level_1 li.level_1 > a:focus + label.show_menu_sub { background-color:var(--bco_desktop_menu_li_level_1_hover); color:var(--col_desktop_menu_li_level_1_hover_comp); } div#horizontal_menu nav.front_office ul.level_1 li.level_1 li > a { font-weight:normal; padding-top: var(--menu_li_a_default_padding_vertical); padding-bottom: var(--menu_li_a_default_padding_vertical); padding-left: var(--pad_xs); } div#horizontal_menu nav.front_office ul.level_1 li.level_1 li.without_children > a { padding-left: 0px; padding-top: var(--menu_li_a_default_padding_vertical); padding-bottom: var(--menu_li_a_default_padding_vertical); } /** * -------------------------------------------------------- * -------------------------------------------------------- * 23/11/2023. COULEURS DES "LEVELS > 1" * -------------------------------------------------------- * -------------------------------------------------------- */ /** * 23/11/2023 ROLLOVER DES LIENS DE "LEVEL > 1" */ nav.front_office ul.level_1 li.level_1 li { background-color:var(--bco_desktop_menu_li_level_n); color:var(--col_desktop_menu_li_level_n_comp); } nav.front_office ul.level_1 li.level_1 li a, nav.front_office ul.level_1 li.level_1 li span, nav.front_office ul.level_1 li.level_1 li label { color:inherit; } /* 23/11/2023 */ nav.front_office ul.level_1 li.level_1 li.hovered, nav.front_office ul.level_1 li.level_1 li:hover, nav.front_office ul.level_1 li.level_1 li a:hover + label.show_menu_sub { background-color:var(--bco_desktop_menu_li_level_n_hover); color:var(--col_desktop_menu_li_level_n_hover_comp); } /* 23/11/2023 */ div#horizontal_menu nav.front_office ul.level_1 li.level_1 li.without_children > a:focus, div#horizontal_menu nav.front_office ul.level_1 li.level_1 li.without_children > a:focus + label.show_menu_sub { /* 08/01/2024 ON NE PEUT PAS JOUER SUR LE BACKGROUND AVEC LE CLAVIER => UNIQUEMENT LA COULEUR DU TEXTE DU LIEN background-color:var(--bco_desktop_menu_li_level_n_hover);*/ color:var(--bco_desktop_menu_li_level_n_hover); } div#horizontal_menu nav.front_office ul.level_1 li.level_1 li.without_children:hover > a:focus, div#horizontal_menu nav.front_office ul.level_1 li.level_1 li.without_children:hover > a:focus + label.show_menu_sub { /* 08/01/2024 background-color:var(--bco_desktop_menu_li_level_n_hover);*/ color:var(--col_desktop_menu_li_level_n_hover_comp); } /** * 12/12/2022. LABEL PREFIX (EPSAN) */ nav.front_office ul li.level_1 span.label_prefix { display:block; /*color:var(--col_grey_m);*/ color:var(--col_black); font-size:var(--menu_li_level_1_mobile_reduced_font_size); text-transform:uppercase; } nav.front_office ul li.level_1 span.label { display:block; font-size:var(--menu_li_level_1_mobile_default_font_size); text-transform:uppercase; } div#horizontal_menu li.level_1 { border-right:var(--bor_style) var(--bor_width_xs) var(--bco_grey_xs); } div#horizontal_menu nav.front_office li.level_1 > a { padding-top: var(--mar_m); padding-bottom: var(--mar_m); } div#horizontal_menu nav.front_office li.level_1 >a, div#horizontal_menu nav.front_office li.level_1 > a span { white-space:nowrap; font-size: var(--menu_li_level_1_desktop_default_font_size); padding-right:calc(var(--menu_li_level_1_default_padding) * 2); padding-left:calc(var(--menu_li_level_1_default_padding) * 2); } div#horizontal_menu nav.front_office li.level_2 a, div#horizontal_menu nav.front_office li.level_2 a span { white-space:normal; font-size: var(--menu_li_level_desktop_default_font_size); } nav.front_office ul.level_1 li { display:inline-block; /* CES 2 PROPRIÉTÉS FLEX FONCTIONNE SU LES 'inline-block' */ flex-grow:var(--menu_ul_level_1_flex_grow); flex-shrink:var(--menu_ul_level_1_flex_shrink); } /** * COLORISATION DU LIEN HYPERTEXTE DE TOUS LES LI Y COMPRIS CELUI DE "LEVEL 1" */ nav.front_office ul.level_1 li.level_1 li > a:hover, nav.front_office ul li.level_1 li > input[type="checkbox"].show_menu:checked ~ a, nav.front_office ul li.level_1 li.level_1:hover > a { /* 23/11/2023 color:var(--menu_c_first_hover); */ } nav.front_office ul li.level_1 > input.show_menu:checked:hover ~ label.level_1 > a.level_1, nav.front_office ul li.level_1 > input.show_menu:checked:focus ~ label.level_1 > a.level_1, nav.front_office ul li.level_1 > input.show_menu:checked ~ label.level_1 > a.level_1:hover, nav.front_office ul li.level_1 > input.show_menu:checked ~ label.level_1 > a.level_1:focus { color:var(--menu_c_second_hover); } /** * COLORISATION DE L'ICONE 'BURGER' ET DU LIEN HYPERTEXTE ASSOCIÉ */ div#horizontal_menu nav.front_office li.level_1 li input[type="checkbox"].show_menu:checked:focus ~ label.show_menu_sub { color:var(--menu_li_burger_color_focused); background-color:var(--menu_li_burger_background_color_focused); } div#horizontal_menu nav.front_office li.level_1 li input[type="checkbox"].show_menu:checked:hover ~ label.show_menu_sub, div#horizontal_menu nav.front_office li.level_1 li input[type="checkbox"].show_menu:checked:focus ~ label.show_menu_sub { color:var(--menu_li_burger_color_focused_hovered); background-color:var(--menu_li_burger_background_color_checked_focused); } div#horizontal_menu nav.front_office ul li.level_1 li [type='checkbox']:checked ~ label.show_menu_sub, div#horizontal_menu nav.front_office ul li.level_1 li [type='checkbox']:checked ~ label.show_menu_sub span { background-color:var(--menu_li_burger_background_color_focused); color: var(--menu_li_burger_color_focused); } div#horizontal_menu nav.front_office ul li.level_1 li li [type='checkbox']:checked:hover ~ label.show_menu_sub, div#horizontal_menu nav.front_office ul li.level_1 li li [type='checkbox']:checked:focus ~ label.show_menu_sub { color:var(--menu_li_burger_color_focused_hovered); background-color:var(--menu_li_burger_background_color_focused_hovered); } nav.front_office input.horizontal_menu_input.show_menu:checked ~ label.horizontal_menu_label { /* transform: rotate(90deg); */ } div#horizontal_menu nav.front_office li.level_1 li input[type='checkbox']:checked:focus ~ label.horizontal_menu_label { color: var(--menu_li_burger_color_checked_focused); background-color:var(--menu_li_burger_background_color_checked_focused); } div#horizontal_menu nav.front_office input[type='checkbox']:checked:focus:hover ~ label.show_menu_sub { color:var(--menu_li_burger_color_focused_hovered); background-color:var(--menu_li_burger_background_color_focused_hovered); } nav.front_office li.level_1 > input[type='checkbox']:checked:focus:hover ~ label.show_menu_sub { /* color:var(--menu_c_first); background-color:var(--menu_first_background_color); */ } nav.front_office ul.level_1 li.level_1 ul, nav.front_office ul.level_1 li.level_1 ul li { color:var(--menu_c_second); /* 31/05/2023 background-color:var(--menu_second_background_color); */ } /** * 15/11/2023. POSITIONNEMENT HORIZONTAL DES 'SOUS-SECTION' DE LEVEL > 1 */ nav.front_office.tree input[type='checkbox'].show_menu:checked ~ ul, div#horizontal_menu nav.front_office.tree input[type='checkbox'].show_menu:focus ~ ul, div#horizontal_menu nav.front_office.tree li:hover > ul { display:flex; flex-direction:column; position: absolute; z-index: 3; /* 09/12/2022 */ border: var(--menu_ul_border); } /** * 14/12/2022. POSITIONNEMENT HORIZONTAL DES 'SOUS-SECTION' DE LEVEL > 2 */ div#horizontal_menu nav.front_office.tree ul.level_1 ul input[type='checkbox'].show_menu:checked ~ ul, div#horizontal_menu nav.front_office.tree ul.level_1 ul input[type='checkbox'].show_menu:focus ~ ul, div#horizontal_menu nav.front_office.tree ul.level_1 ul li:hover > ul { margin-left:var(--menu_tree_li_level_n_offset_width); margin-top:var(--menu_tree_li_level_n_offset_height); } /* 02/06/2023 */ div#horizontal_menu nav.front_office ul.level_1 li.level_1 li input[type='checkbox']:focus ~ label { color:var(--menu_li_burger_color_focused); background-color:var(--menu_li_burger_background_color_focused); } /** * -------------------------------------------------------- * -------------------------------------------------------- * 'BIG MENU' : !!! TOUT LE CODE CI-DESSOUS EST DUPLIQUÉ DANS LE MEDIA QUERY 'TABLET' => SI ON MODIFIE LA MOINDRE LIGNE ICI IL FAUT LA MODIFIER DANS LE MEDIA QUERY 'TABLET' (ET VICE VERSA) * -------------------------------------------------------- * -------------------------------------------------------- */ /** * LEVEL > 1 */ nav.front_office.big_menu ul.level_2 a { padding:var(--mar_s) var(--menu_li_default_padding) var(--mar_xs) var(--menu_li_burger_spacing_right); font-size:0.95em; } nav.front_office.big_menu ul.level_1 ul { background-color:var(--menu_first_background_color); } nav.front_office.big_menu ul.level_2 > li.level_2:hover li { background-color: inherit; } nav.front_office.big_menu ul.level_2 > li.level_2:hover li:hover { background-color:var(--menu_first_background_color_hover); } /** * LARGEUR DE LIENS DE SOUS-MENUS DE LEVEL > 1 */ nav.front_office.big_menu ul.level_1 ul li, nav.front_office.big_menu ul.level_1 ul li a, div#horizontal_menu nav.front_office.big_menu li.level_1 li, div#horizontal_menu nav.front_office.big_menu li.level_1 li a { display:flex; flex-grow:0; /* PRENNENT SIMPLEMENT LA TAILLE DU LIBELLÉ */ white-space: normal; } div#horizontal_menu nav.front_office.big_menu li.level_2 li { flex-grow:1; width:100%; } nav.front_office.big_menu ul.level_2 li { padding:0px; } div#horizontal_menu nav.front_office.big_menu ul.level_1 li.level_1 li > a.level_2 { font-weight:bold; } div#horizontal_menu nav.front_office.big_menu ul.level_1 li.level_1 li > a { padding:var(--pad_s) var(--pad_s) var(--pad_s) var(--pad_s); } div#horizontal_menu nav.front_office.big_menu ul.level_1 li.level_1 li:last-child { margin-bottom:0px; } nav.front_office.big_menu ul.level_2 { padding:var(--menu_big_ul_level_2_padding_top) var(--menu_big_ul_level_2_padding) var(--menu_big_ul_level_2_padding) var(--menu_big_ul_level_2_padding); } nav.front_office.big_menu li.level_2 { display:flex; flex-grow:1; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; width:var(--menu_big_li_level_2_desktop_width); } /** * MASQUAGE DU BURGER ET DE SA CHECKBOX ASSOCIÉ POUR LES LEVELS > 1 */ nav.front_office.big_menu ul.level_1 ul li label.show_menu_sub, nav.front_office.big_menu ul.level_1 ul li input[type='checkbox'].show_menu { display:none; } /** * SI 'CHECKED'... => OUVERTURE */ nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:checked ~ ul.level_2, nav.front_office.big_menu li.level_1:hover ul.level_2 { display:flex; position: absolute; z-index: 2; } /** * 'OUVERTURE' */ nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:checked ~ ul.level_2, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:checked ~ ul.level_2 ul, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:focus ~ ul.level_2, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:focus ~ ul.level_2 ul, nav.front_office.big_menu li.level_1:hover ul.level_2, nav.front_office.big_menu li.level_1:hover ul.level_2 ul { align-items: flex-start; } nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:checked ~ ul.level_2, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:focus ~ ul.level_2, nav.front_office.big_menu li.level_1:hover ul.level_2 { width: 100%; } /** * LEVEL > 1 */ nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:checked ~ ul.level_2, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:focus ~ ul.level_2, nav.front_office.big_menu li.level_1:hover ul.level_2 { z-index:3; background-color:var(--menu_mobile_first_background_color); } nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:checked ~ ul.level_2 ul, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:focus ~ ul.level_2 ul, nav.front_office.big_menu li.level_1:hover ul.level_2 ul { display:flex; flex-direction:column; align-self:stretch; justify-content:flex-start; align-content:flex-start; width: 100%; padding-left:var(--menu_li_burger_spacing_right); padding-right:var(--pad_s); padding-bottom:var(--pad_s); } nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:checked ~ ul.level_2 ul li, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:checked ~ ul.level_2 ul li a, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:focus ~ ul.level_2 ul li, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:focus ~ ul.level_2 ul li a, nav.front_office.big_menu li.level_1:hover ul.level_2 ul li, nav.front_office.big_menu li.level_1:hover ul.level_2 ul li a { flex-direction:column; flex-grow:1; align-self:stretch; } } /* * -------------- * TABLET * ---------------- */ /* 05/01/ 2023 */ @media screen and (min-width : 767px) and (max-width : 1199px) { div#horizontal_menu nav.front_office ul.level_1 { justify-content: center; } /* 16/12/2022 */ nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:checked ~ ul.level_2, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:checked ~ ul.level_2 ul, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:focus ~ ul.level_2, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:focus ~ ul.level_2 ul, nav.front_office.big_menu li.level_1:hover ul.level_2, nav.front_office.big_menu li.level_1:hover ul.level_2 ul { left: 0px; width:100%; align-items: flex-start; } nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:checked ~ ul.level_2, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:focus ~ ul.level_2, nav.front_office.big_menu li.level_1:hover ul.level_2 { max-width: 100%; } /** * LEVEL > 1 */ nav.front_office ul.level_1 li { /* 16/05/2025 flex-grow:0; flex-shrink:0; */ } /** * ESPACEMENT VERTICAL LKI "LOGO" */ nav.front_office ul.level_1 li.level_1.menu_sections_imaged { margin-bottom: var(--mar_m); } } /* 05/01/ 2023 */ @media screen and (min-width : 767px) { /* 23/08/2023 */ nav.front_office ul li label span.burger_icon { /*19/04/2024 display:none;*/ } /** * POSITIONNEMENT HORIZONTAL DES 'SOUS-SECTION' DE LEVEL > 1 */ nav.front_office.horizontal_menu.tree li.level_1 li { width:var(--menu_tree_li_level_n_width); position:relative; } /** * LEVEL > 1 */ nav.front_office.tree ul.level_1 li.level_1 li a { height:auto; padding:0px 0px var(--menu_li_default_padding_vertical) 0px; } nav.front_office.tree ul.level_1 li.level_1 li { padding:0px var(--menu_li_default_padding_horizontal) 0px var(--menu_li_default_padding_horizontal); /* XS A CAUSE DE LA LARGEUR DU CARACTER BURGER */ } nav.front_office.tree ul.level_1 li.level_1 li.without_children { padding:0px var(--menu_li_default_padding_horizontal) 0px calc(var(--menu_li_default_padding_horizontal) + var(--menu_burger_right_margin_spacer)); } /* nav.front_office.tree ul.level_1 li.level_1 li:first-child { padding-top:var(--mar_s); } nav.front_office.tree ul.level_1 li.level_1 li:last-child { padding-bottom:var(--mar_s); } */ /** * LEVEL > 1 */ nav.front_office.big_menu li.level_1 input[type="checkbox"].show_menu:checked ~ ul.level_2, nav.front_office.big_menu li.level_1 input[type="checkbox"].show_menu:focus ~ ul.level_2, nav.front_office.big_menu li.level_1:hover ul.level_2 { /* 26/12/2022 */ border-right:var(--menu_ul_border); border-bottom:var(--menu_ul_border); border-left:var(--menu_ul_border); } } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width : 1199px) { /** * -------------------------------------------------------- * -------------------------------------------------------- * 'TREE MENU' * -------------------------------------------------------- * -------------------------------------------------------- */ .front_office div#horizontal_menu { /*width:var(--layout_header_inner_max_width); 13/07/2023*/ margin:auto; } /* 16/12/2022 */ nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:checked ~ ul.level_2, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:checked ~ ul.level_2 ul, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:focus ~ ul.level_2, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:focus ~ ul.level_2 ul, nav.front_office.big_menu li.level_1:hover ul.level_2, nav.front_office.big_menu li.level_1:hover ul.level_2 ul { left: calc(50% - (var(--layout_header_inner_max_width) / 2)); align-items: flex-start; } nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:checked ~ ul.level_2, nav.front_office.big_menu li.level_1 input[type='checkbox'].show_menu:focus ~ ul.level_2, nav.front_office.big_menu li.level_1:hover ul.level_2 { width: var(--layout_header_inner_max_width); } div#horizontal_menu nav.front_office ul.level_1 > li.level_1 { padding-top:var(--pad_m); vertical-align:middle; } div#horizontal_menu nav.front_office ul.level_1 > li.level_1.menu_sections_imaged { padding-top:0px; } } nav a { cursor:pointer; } /** * IMAGE BIG MENU 05/01/2023 */ nav.front_office li img { width:100%; max-width:100%; height:auto; } /* * ===================== * COD_BREADCRUMB * ===================== */ :root { --bco_breadcrumb_first: var(--bco_second); --col_breadcrumb_first: var(--col_second_comp); --bco_breadcrumb_first_hover: var(--bco_second_hover); --col_breadcrumb_first_hover: var(--col_second_hover_comp); --bco_breadcrumb_second: var(--bco_first); --col_breadcrumb_second: var(--col_first_comp); --bco_breadcrumb_second_hover: var(--bco_first_hover); --col_breadcrumb_second_hover: var(--col_first_hover_comp); } /* * -------------- * MOBILES * ---------------- */ @media screen and (max-width : 767px) { .breadcrumb { display:none; } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { .breadcrumb { margin:auto; } } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { .breadcrumb { padding-bottom:0px; } } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ ul#breadcrumb li, ul#breadcrumb:last-child li { display:inline-block; margin-right:var(--mar_s); margin-bottom:var(--mar_s); /* 14/09/2020 IMPERATIF POUR LES RETOURS A LA LIGNE */ } .breadcrumb li:last-child { margin-right:0px; } .breadcrumb li a { background-color:var(--bco_breadcrumb_first); color:var(--col_breadcrumb_first); } .breadcrumb li:hover { background-color:var(--bco_breadcrumb_first_hover); color:var(--col_breadcrumb_first_hover); } .breadcrumb li.last a { background-color:var(--bco_breadcrumb_second); color:var(--col_breadcrumb_second); } .breadcrumb li.last a:hover { background-color:var(--bco_breadcrumb_second_hover); color:var(--col_breadcrumb_second_hover); } /* * ===================== * COD_LAYOUT * ===================== */ :root { /* LAYOUT PAGE */ --layout_page_max_width: 100%; /* LAYOUT HEADER */ --layout_header_max_width: 100%; --layout_header_inner_max_width_px: 1200; --layout_header_inner_max_width: 1200px; /* LAYOUT BODY */ --layout_body_max_width: 100%; --layout_body_columns_max_width_px: 1200; --layout_body_columns_max_width: 1200px; /* LAYOUT COLONNES */ --left_col_width_desktop_px: 300; --left_col_width_desktop: 300px; --right_col_width_desktop_px: 300; --right_col_width_desktop: 300px; --left_col_width_tablet_px: 300; --left_col_width_tablet: 300px; --right_col_width_tablet_px: 300; --right_col_width_tablet: 300px; --left_col_padding_top: 0px; --right_col_padding_top: 0px; /* LAYOUT GOUTTIERE 07/12/2022 */ --gutter_width_xxl: 50px; --gutter_width_xl: 40px; --gutter_width_l: 20px; --gutter_width_m: 10px; /* LAYOUT FOOTER */ --layout_footer_max_width: 100%; --layout_footer_inner_max_width_px: 1200; --layout_footer_inner_max_width: 1200px; } /* * -------------- * MOBILE + TABLET + DESKTOP * ---------------- */ @media screen and (max-width : 1219px) { #page { margin-left:auto; margin-right:auto; width:var(--layout_page_max_width); } } /* * -------------- * DESKTOP XXL * ---------------- */ @media screen and (min-width : 1220px) { #page { margin-left:auto; margin-right:auto; width:var(--layout_page_max_width); } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 767px) { #page { position:relative; } } /* * ===================== * COD_LAYOUT * ===================== */ /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ #header { position:relative; z-index:3; background-color: var(--bco_header); color: var(--col_header_comp); } /* * --------------------------------- HEADER / HEADER_INNER / HEADER_TOP --------------------------------- */ #header table thead tr { display:none; } #header_top table, #header_top table tr, #header_top table tr td, #header_top table tr td a { display:flex; flex-direction: row; flex-grow: 1; flex-shrink: 1; flex-basis: auto; border:0px; padding:0px; } #header_top table > tbody > tr > td { align-items: center; } #header_top table tr td a { align-items: center; color:var(--col_black); } #header_top table tr td a img { margin-right:var(--mar_xs); } /* * --------------------------------- HEADER / HEADER_INNER / HEADER_MIDDLE --------------------------------- */ #header_middle > div.right > div.top > div.right, #header_middle > div.right > div.top > div.right a { color: var(--col_black); } #header_middle > div.right > div.top > div.right a { background: var(--bco_white); padding: var(--pad_xs) var(--pad_s) var(--pad_xs) var(--pad_s); border-radius: var(--bor_radius_l); margin-left:var(--mar_s); } #header_middle > div.right > div.top > div.right a:hover { background: var(--bco_black); color: var(--col_white); text-decoration:none; } /* * --------------------------------- HEADER / HEADER_INNER / HEADER_BOTTOM --------------------------------- */ div#page.one_col_vertical_menu #header_bottom { display:none; } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { /* * --------------------------------- HEADER --------------------------------- */ #header { background-color:var(--bco_white); } #header_top, #header_middle, #header_bottom { flex-direction: column; } /* * --------------------------------- HEADER / HEADER_INNER --------------------------------- */ body.horizontal_menu #header_inner { padding-bottom: var(--pad_xxxs); } body.vertical_menu #header_inner { padding-bottom: var(--pad_m); } div#page.one_col_vertical_menu #header_inner { padding-bottom: 0px; } div#page.one_col_vertical_menu #header_inner { padding-bottom: var(--mar_m); /* 22/12/2022 !!! BIEN LAISSER var(--mar_m) ET SURTOUT PAS var(--pad_m) */ } /* * --------------------------------- HEADER / HEADER_INNER / HEADER_TOP --------------------------------- */ #header_top table, #header_top table tbody, #header_top tr, #header_top tr td { flex-wrap: nowrap ; justify-content:flex-start; align-items:flex-start; } #header_top tr, #header_top tr td { padding:0px; flex-grow: 1; flex-shrink: 1; flex-basis: auto; } #header_top tr td .module_objects.tinymce { width:100%; } /* * --------------------------------- HEADER / HEADER_INNER / HEADER_MIDDLE --------------------------------- */ /* * DIV.MIDDLE */ #header_middle div.middle.fle_row { flex-direction: column; justify-content: center; align-items: center; padding-top:var(--pad_m); } /* * DIV.RIGHT */ #header_middle > div.right, #header_middle > div.right > div.top { flex-direction: column; justify-content: center; } #header_middle > div.right > div.top, #header_middle > div.right > div.top div { align-items: center; text-align:center; color:var(--col_white); } #header_middle > div.right > div.top > div.right, #header_middle > div.right > div.top > div.right a { color: var(--col_white); } #header_middle > div.right > div.top > div.right, #header_middle > div.right > div.top > div.right > p { display: flex; flex-direction: row; } #header_middle > div.right > div.top > div.right > p { gap: var(--pad_s) var(--pad_s); padding: var(--pad_s); } #header_middle > div.right > div.top > div.right > p > a { display: flex; flex-direction: column; word-wrap:normal; word-break:normal; margin:0px 0px 0px 0px; justify-content: center; text-align:center; } /* * --------------------------------- HEADER / LOGO --------------------------------- */ #header_logo { width:100% } #header_logo a { display:inline-block; background-image: url(/odm/templates/core/offices/front/images/logos/header-mobile.png); background-position:center; height:70px; width:100% } #header_logo span { display:none; } /* * --------------------------------- HEADER / FUNCTIONAL NAVIGATION BAR --------------------------------- */ #header #functional_navigation_bar a { margin-right:var(--mar_s); color:var(--col_black); padding:var(--pad_s); font-size:14px; background-color:var(--bco_white); border:var(--bor_style) var(--bor_width_xs) var(--bor_color_s); border-radius: var(--bor_radius_xl) var(--bor_radius_xl) var(--bor_radius_xl) var(--bor_radius_xl); } #header #functional_navigation_bar a:hover { background-color:var(--bco_black); color:var(--col_white); } #header #header_middle div.middle.fle_row div#functional_navigation_bar { padding:0px 0px var(--pad_l) 0px; } #header #header_middle div.middle.fle_row div#header_identification_search { min-width: 100%; max-width: 100%; } /* * --------------------------------- HEADER / SLOGAN --------------------------------- */ #header div.slogan { display:none; } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 767px) { /* * AVEC "BANDEAU VISUEL SUPERIEUR" ("FULL WIDTHED" OU PAS) */ html.css_cache_enable body.header_visual_banner_fullwidth #page, html.css_cache_enable body.header_visual_banner_unfullwidth #page { background: var(--cache_enabled_sprite_file_path) repeat-x 0px -260px; } html.css_cache_disable body.header_visual_banner_fullwidth #page, html.css_cache_disable body.header_visual_banner_unfullwidth #page { background: var(--cache_disabled_sprite_file_path) repeat-x 0px -260px; } html.css_cache_enable #header, html.css_cache_enable body.no_header_visual_banner #header { background: var(--cache_enabled_sprite_file_path) repeat-x 0px -400px; } html.css_cache_disable #header, html.css_cache_disable body.no_header_visual_banner #header { background: var(--cache_disabled_sprite_file_path) repeat-x 0px -400px; } html.css_cache_enable #header, html.css_cache_enable body.no_header_visual_banner #header, html.css_cache_disable #header, html.css_cache_disable body.no_header_visual_banner #header { margin-bottom:3px; box-shadow: var(--sha_box_m); } /* * SANS "BANDEAU VISUEL SUPERIEUR" */ body.no_header_visual_banner #header { margin-bottom:var(--mar_xxl); } /* * AVEC "BANDEAU VISUEL SUPERIEUR" */ body.header_visual_banner_fullwidth #header { margin-bottom:0px; } /* * --------------------------------- HEADER / HEADER_INNER --------------------------------- */ html.css_cache_enable #header_inner { background: var(--cache_enabled_sprite_file_path) no-repeat 0px 5px; } html.css_cache_disable #header_inner { background: var(--cache_disabled_sprite_file_path) no-repeat 0px 5px; } /* * --------------------------------- HEADER / HEADER_INNER / HEADER_MIDDLE --------------------------------- */ #header_middle div { display: flex; } #header_middle > div.left { width:auto; } #header_middle > div.right > div.top { max-height:56px; min-height:56px; } #header_middle > div.right > div.top > div.left { margin-left:var(--mar_m); font-size:var(--fon_size_sxl); color:var(--col_black); text-transform:uppercase; } #header_middle > div.right > div.top > div.right, #header_middle > div.right > div.bottom { justify-content: flex-end; } #header_middle > div.right > div.top > div.right a:hover, #header_middle > div.right > div.top > div.right a:focus { text-decoration:underline; } #header_middle > div.right > div.top > div.left { padding-top: var(--pad_xm); font-size:var(--fon_size_s); } /* * --------------------------------- HEADER / FUNCTIONAL NAVIGATION BAR --------------------------------- */ #header #functional_navigation_bar a { margin-right:var(--mar_s); color:var(--col_black); padding:var(--pad_s); font-size:14px; background-color:var(--bco_white); border: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color_s); box-shadow: var(--button_shadow); } #header #functional_navigation_bar a:hover { background-color:var(--bco_grey_l_hover); color:var(--col_white); } /* * --------------------------------- HEADER / IDENTIFICATION FORM || SEARCH FORM --------------------------------- */ #header div#header_identification_search { justify-content: flex-end; } /* * --------------------------------- HEADER / SLOGAN --------------------------------- */ #header div.slogan { /*display:none;*/ } } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 767px) and (max-width : 1199px) { #header_middle { flex-direction: column; flex-wrap: nowrap; align-items: stretch; padding-left: var(--pad_m); padding-right: var(--pad_m); } #header_middle > div.right { flex-direction: column; justify-content: flex-start; width:calc(100%); } html.css_cache_enable #header_inner { background: var(--cache_enabled_sprite_file_path) no-repeat 10px 5px; } html.css_cache_disable #header_inner { background: var(--cache_disabled_sprite_file_path) no-repeat 10px 5px; } } /* * -------------- * DESKTOP * ---------------- */ /* ON RAJOUT 2 X --px_m)AU 1201 POUR L'AJOUT DU PADDING LEFT ET RIGHT*/ @media screen and (max-width : 1239px) { #header_middle { flex-direction: row; flex-wrap: nowrap; align-items: stretch; padding-left: var(--pad_m); padding-right: var(--pad_m); } #header_middle > div.right { flex-direction: column; justify-content: flex-start; width:calc(100% - 125px); } html.css_cache_enable #header_inner { background: var(--cache_enabled_sprite_file_path) no-repeat 0px 5px; } html.css_cache_disable #header_inner { background: var(--cache_disabled_sprite_file_path) no-repeat 0px 5px; } } /* * ===================== * COD_LAYOUT * ===================== */ /* 17/10/2023 */ #footer { padding-top:var(--pad_m); margin-top:auto; } #footer, #footer * { background-color:var(--bco_footer); color:var(--col_footer_comp); font-size:var(--fon_size_s); } #footer_top { padding-top:var(--pad_l); margin-top:0px; padding-bottom:var(--pad_l); margin-bottom:var(--mar_xl); background-color:var(--bco_footer); border-top:solid 1px var(--bor_color_s); border-bottom:solid 1px var(--bor_color_s); } #footer_bottom { padding:var(--pad_m); } #footer_bottom_last_row { padding-top:var(--pad_l); padding-bottom:var(--pad_l); margin-top:var(--mar_l); background-color:var(--bco_footer); border-top:solid 1px var(--bor_color_s); } #footer_bottom_last_row p, #footer_bottom_last_row a { display:inline-block; margin-left:var(--mar_s); margin-right:var(--mar_s); color:var(--col_bauer_grey_blue); } #footer_bottom_last_row a:hover { color:var(--col_bauer_blue); } #footer a.footer_button { width:40px; height:40px; border:solid 1px var(--bor_color_s); border-radius:20px; justify-content: center; align-items: center; } #footer a.footer_button span { font-size:20px; color:var(--col_bauer_club_diffuseurs_blue); } #footer a.footer_button:hover { background-color:var(--col_bauer_club_diffuseurs_blue); } #footer a.footer_button:hover span { color:var(--col_white); background-color:var(--col_bauer_club_diffuseurs_blue); } #footer .footer_sub_page.text h2 { text-transform:uppercase; font-weight:bold; } #footer .footer_sub_page.text h2:not(.unmargined), #footer .footer_sub_page.text p:not(.unmargined), #footer .footer_sub_page.text span:not(.unmargined), #footer .footer_sub_page.text li:not(.unmargined) { margin-bottom:var(--mar_s); } #footer .footer_sub_page.text ul:not(.unmargined) { margin-bottom:var(--mar_s); padding: 0px 0px 0px var(--pad_xm); } #footer .footer_sub_page.text a { text-decoration:none; } #footer .footer_sub_page.text a:hover { color:var(--col_footer_hover); } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { #footer_bottom { flex-direction: column; } #footer_inner { flex-direction: column; padding: 0px var(--pad_m) 0px var(--pad_m); } #footer .footer_sub_page.text { margin-bottom:var(--mar_m); align-items: center; } #footer .footer_sub_page.text p { text-align:center; } #footer .footer_sub_page.text:not(:last-child) { padding-bottom:var(--pad_xm); border-bottom : var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } #footer .footer_sub_page.text p:not(.unmargined):last-child { margin-bottom:0px; } } /* * -------------- * 24/08/2023. TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { #footer div.footer_total_2_columns div.footer_sub_page.column_1 { padding-right:var(--pad_m); } #footer div.footer_total_2_columns div.footer_sub_page.column_2 { padding-left:var(--pad_m); } #footer div.footer_total_3_columns div.footer_sub_page.column_2 { padding-left:var(--pad_m); padding-right:var(--pad_m); } } /* * -------------- * 24/08/2023. TABLET + DESKTOP * ---------------- */ /* ON RAJOUT 2 X --px_m)AU 1201 POUR L'AJOUT DU PADDING LEFT ET RIGHT*/ @media screen and (min-width : 767px) and (max-width : 1239px) { #footer { padding-left: var(--pad_m); padding-right: var(--pad_m); } } /* * ===================== * COD_LAYOUT * ===================== */ /* * -------------- * MOBILE 23/11/2022 * ---------------- */ @media screen and (max-width : 767px) { body.horizontal_menu #page.two_columns_small_right #body_columns, body.vertical_menu #page.two_columns_small_right #body_columns { display:flex; flex-grow: 0; flex-shrink: 0; flex-basis: auto; flex-direction: column; flex-wrap: wrap ; } body.horizontal_menu #page.two_columns_small_right #body_column_central, body.vertical_menu #page.two_columns_small_right #body_column_central { display:flex; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-direction: column; flex-wrap: wrap ; justify-content:center; margin-bottom:var(--mar_m); } body.horizontal_menu #page.two_columns_small_right #body_column_right, body.vertical_menu #page.two_columns_small_right #body_column_right { display:flex; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-direction: column; flex-wrap: wrap ; justify-content:center; } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 767px) { /* * AVEC "HORIZONTAL MENU" */ body.horizontal_menu #page.two_columns_small_right #body_column_central { float:left; } body.horizontal_menu #page.two_columns_small_right #body_column_right { float:right; } /* * AVEC "VERTICAL MENU" */ body.vertical_menu #page.two_columns_small_right #body_column_central { float:left; width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right) - var(--right_col_width_tablet) - var(--gutter_width_xl)); max-width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right) - var(--right_col_width_tablet) - var(--gutter_width_xl)); } body.vertical_menu #page.two_columns_small_right #body_column_right { float:right; width: var(--right_col_width_tablet); margin-left: var(--gutter_width_xl); } /* * DECALLAGE VERTICAL POUR LES PAGES CONTENANT UN BANDEAU VISUEL "NON FULLWIDTH" */ body.horizontal_menu.header_visual_banner_unfullwidth #page.two_columns_small_right #body_column_right { padding-top: var(--right_col_padding_top); } } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 767px) and (max-width : 1199px) { /* * 16/05/2023. AVEC "HORIZONTAL MENU" */ body.horizontal_menu #page.two_columns_small_right #body_column_central { /*width:calc(100% - var(--right_col_width_tablet));*/ width:calc(100% - var(--right_col_width_desktop)); } body.horizontal_menu #page.two_columns_small_right #body_column_right { /*width:var(--right_col_width_tablet);*/ width:var(--right_col_width_desktop); } body.vertical_menu #page.two_columns_small_right #body_column_central { width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right)); max-width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right)); padding-right:0px; } body.vertical_menu #page.two_columns_small_right #body_column_central #body_column_central_inner { width:100%; max-width:100%; padding-right:0px; } body.vertical_menu #page.two_columns_small_right #body_column_right { width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right)); max-width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right)); padding-left:0px; } } /* * -------------- * MINITABLET * ---------------- */ @media screen and (min-width : 767px) and (max-width : 1000px) { /* * AVEC "HORIZONTAL MENU" */ body.vertical_menu #page.two_columns_small_right #body_column_central, body.vertical_menu #page.two_columns_small_right #body_column_right { width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right)); max-width:calc(100% - var(--vertical_menu_width) - var(--mar_s)); } body.vertical_menu #page.two_columns_small_right #body_column_right { margin-top: var(--mar_l); padding-left:0px; } } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { /* * AVEC "HORIZONTAL MENU" */ body.horizontal_menu #page.two_columns_small_right #body_column_central { width:calc(100% - var(--right_col_width_desktop) - var(--gutter_width_xl)); max-width:calc(100% - var(--right_col_width_desktop) - var(--gutter_width_xl)); } body.horizontal_menu #page.two_columns_small_right #body_column_right { width: var(--right_col_width_desktop); margin-left: var(--gutter_width_xl); } } /* * -------------- * DESKTOP XXL * ---------------- */ @media screen and (min-width: 1400px) { /* * AVEC "VERTICAL MENU" */ body.vertical_menu #page.two_columns_small_right #body_column_central { width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right) - var(--right_col_width_desktop) - var(--gutter_width_xl)); } body.vertical_menu #page.two_columns_small_right #body_column_right { width: var(--right_col_width_desktop); } } /* * ===================== * COD_LAYOUT * ===================== */ /* * -------------- * MOBILE 23/11/2022 * ---------------- */ @media screen and (max-width : 767px) { #page.two_columns_small_left #body_columns, #page.two_columns_small_right #body_columns, #page.three_cols #body_columns, #page.three_cols_same_width #body_columns, #body_column_central, #body_column_left, #body_column_right { display:flex; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-direction: column; flex-wrap: wrap ; } #body_column_central, #body_column_left, #body_column_right { justify-content:center; margin-bottom: var(--mar_m); } #body_column_central { order:1; } #body_column_left { order:2; } #body_column_right { order:3; } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 767px) { /* * AVEC "HORIZONTAL MENU" */ body.horizontal_menu #page.two_columns_small_left #body_column_central { float:right; } body.horizontal_menu #page.two_columns_small_left #body_column_left { float:left; } /* * AVEC "VERTICAL MENU" */ body.vertical_menu #page.two_columns_small_left #body_column_central { float:right; width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right) - var(--left_col_width_tablet) - var(--gutter_width_xl)); max-width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right) - var(--left_col_width_tablet) - var(--gutter_width_xl)); } body.vertical_menu #page.two_columns_small_left #body_column_left { float:left; width: var(--left_col_width_tablet); margin-right: var(--gutter_width_xl); } /* * DECALLAGE VERTICAL POUR LES PAGES CONTENANT UN BANDEAU VISUEL "NON FULLWIDTH" */ body.horizontal_menu.header_visual_banner_unfullwidth #page.two_columns_small_left #body_column_left { padding-top: 0px /* 25/10/2023 var(--left_col_padding_top)*/; } } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 767px) and (max-width : 1199px) { /* * AVEC "HORIZONTAL MENU" */ body.horizontal_menu #page.two_columns_small_left #body_column_central { width:calc(100% - var(--left_col_width_tablet)); } body.horizontal_menu #page.two_columns_small_left #body_column_left { width: var(--left_col_width_tablet); } body.vertical_menu #page.two_columns_small_left #body_column_central { float:right; width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right)); max-width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right)); padding-left:0px; } body.vertical_menu #page.two_columns_small_left #body_column_central #body_column_central_inner { width:100%; max-width:100%; padding-left:0px; } body.vertical_menu #page.two_columns_small_left #body_column_left { float:right; width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right)); max-width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right)); padding-right:0px; margin-right:0px; margin-bottom:var(--mar_m); } } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { /* * AVEC "HORIZONTAL MENU" */ body.horizontal_menu #page.two_columns_small_left #body_column_left { width: var(--left_col_width_desktop); margin-right: var(--gutter_width_xl); } body.horizontal_menu #page.two_columns_small_left #body_column_central { width:calc(100% - var(--left_col_width_desktop) - var(--gutter_width_xl)); max-width:calc(100% - var(--left_col_width_desktop) - var(--gutter_width_xl)); } } /* * -------------- * DESKTOP XXL * ---------------- */ @media screen and (min-width: 1400px) { /* * AVEC "VERTICAL MENU" */ body.vertical_menu #page.two_columns_small_left #body_column_central { width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right) - var(--left_col_width_desktop) - var(--gutter_width_xl)); } body.vertical_menu #page.two_columns_small_left #body_column_left { width: var(--left_col_width_desktop); } } /* * ===================== * COD_LAYOUT * ===================== */ /* * -------------- * MOBILE 23/11/2022 * ---------------- */ @media screen and (max-width : 767px) { #page.three_cols #body_columns { display:flex; flex-grow: 0; flex-shrink: 0; flex-basis: auto; flex-direction: column; flex-wrap: wrap ; } #page.three_cols #body_column_left { display:flex; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-direction: column; flex-wrap: wrap ; justify-content:center; align-items:flex-end; order: 2; margin-bottom: var(--mar_m); } #page.three_cols #body_column_central { display:flex; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-direction: column; flex-wrap: wrap ; justify-content:center; align-items:flex-end; order: 1; margin-bottom: var(--mar_m); } #page.three_cols #body_column_right { display:flex; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-direction: column; flex-wrap: wrap ; justify-content:center; align-items:flex-end; order: 3; } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 767px) { /* * AVEC "HORIZONTAL MENU" */ body.horizontal_menu #page.three_cols #body_column_left { float:left; margin-right: var(--mar_xl); } body.horizontal_menu #page.three_cols #body_column_central { float:left; } body.horizontal_menu #page.three_cols #body_column_right { float:left; margin-left: var(--mar_xl); } /* * AVEC "VERTICAL MENU" */ body.vertical_menu #page.three_cols #body_column_left { float:left; width: var(--right_col_width_tablet); margin-right: var(--gutter_width_xl); } body.vertical_menu #page.three_cols #body_column_central { float:left; width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right) - var(--left_col_width_tablet) - var(--gutter_width_xl) - var(--right_col_width_tablet) - var(--gutter_width_xl)); max-width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right) - var(--left_col_width_tablet) - var(--gutter_width_xl) - var(--right_col_width_tablet) - var(--gutter_width_xl)); } body.vertical_menu #page.three_cols #body_column_right { float:right; width: var(--right_col_width_tablet); margin-left: var(--gutter_width_xl); } /* * DECALLAGE VERTICAL POUR LES PAGES CONTENANT UN BANDEAU VISUEL "NON FULLWIDTH" */ body.horizontal_menu.header_visual_banner_unfullwidth #page.three_cols #body_column_left { padding-top: var(--left_col_padding_top); } body.horizontal_menu.header_visual_banner_unfullwidth #page.three_cols #body_column_right { padding-top: var(--right_col_padding_top); } } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 767px) and (max-width : 1199px) { /* * AVEC "HORIZONTAL MENU" */ body.horizontal_menu #page.three_cols #body_column_left { width:20%; } body.horizontal_menu #page.three_cols #body_column_central { width:60%; } body.horizontal_menu #page.three_cols #body_column_right { width:20%; } } /* * -------------- * MINITABLET * ---------------- */ @media screen and (min-width : 767px) and (max-width : 1199px) { /* * AVEC "VERTICAL MENU" */ body.vertical_menu #page.three_cols #body_column_central, body.vertical_menu #page.three_cols #body_column_left, body.vertical_menu #page.three_cols #body_column_right { width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right)); max-width:calc(100% - var(--vertical_menu_width) - var(--mar_s)); float:right; } body.vertical_menu #page.three_cols #body_column_left { margin-bottom: var(--mar_l); margin-right:0px; } body.vertical_menu #page.three_cols #body_column_central { margin-bottom: var(--mar_l); } body.vertical_menu #page.three_cols #body_column_right { padding-left:0px; } } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { /* * 06/07/2023. AVEC "HORIZONTAL MENU" */ body.horizontal_menu #page.three_cols #body_column_left { width: var(--left_col_width_desktop); } body.horizontal_menu #page.three_cols #body_column_central { width:calc(100% - var(--left_col_width_desktop) - var(--right_col_width_desktop) - var(--mar_xl) - var(--mar_xl)); max-width:calc(100% - var(--left_col_width_desktop) - var(--right_col_width_desktop) - var(--mar_xl) - var(--mar_xl)); } body.horizontal_menu #page.three_cols #body_column_right { width: var(--right_col_width_desktop); } } /* * -------------- * DESKTOP XXL * ---------------- */ @media screen and (min-width: 1400px) { /* * AVEC "VERTICAL MENU" */ body.vertical_menu #page.three_cols #body_column_left { width: var(--right_col_width_desktop); } body.vertical_menu #page.three_cols #body_column_central { width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right) - var(--left_col_width_desktop) - var(--gutter_width_xl) - var(--right_col_width_desktop) - var(--gutter_width_xl)); } body.vertical_menu #page.three_cols #body_column_right { width: var(--right_col_width_desktop); } } /* * ===================== * COD_LAYOUT * ===================== */ /* * -------------- * MOBILE 23/11/2022 * ---------------- */ @media screen and (max-width : 767px) { #page.three_cols_same_width #body_columns { display:flex; flex-grow: 0; flex-shrink: 0; flex-basis: auto; flex-direction: column; flex-wrap: wrap ; } #page.three_cols_same_width #body_column_left { display:flex; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-direction: column; flex-wrap: wrap ; justify-content:center; align-items:flex-end; order: 2; } #page.three_cols_same_width #body_column_central { display:flex; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-direction: column; flex-wrap: wrap ; justify-content:center; align-items:flex-end; margin-bottom: var(--mar_m); order: 1; } #page.three_cols_same_width #body_column_right { display:flex; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-direction: column; flex-wrap: wrap ; justify-content:center; align-items:flex-end; order: 3; margin-bottom: var(--mar_m); } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 767px) { /* * AVEC "HORIZONTAL MENU" */ body.horizontal_menu #page.three_cols_same_width #body_column_left { width:33.33%; float:left; padding-right: var(--pad_m); } body.horizontal_menu #page.three_cols_same_width #body_column_central { width:33.33%; float:left; } body.horizontal_menu #page.three_cols_same_width #body_column_right { width:33.33%; float:left; padding-left: var(--pad_m); } /* * AVEC "VERTICAL MENU" */ body.vertical_menu #page.three_cols_same_width #body_column_left { float:left; width: 25%; width:calc((100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right) - var(--gutter_width_xl) - var(--gutter_width_xl))/3); } body.vertical_menu #page.three_cols_same_width #body_column_central { float:left; width:calc((100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right) - var(--gutter_width_xl) - var(--gutter_width_xl))/3); margin-left : var(--gutter_width_xl); margin-right : var(--gutter_width_xl); } body.vertical_menu #page.three_cols_same_width #body_column_right { float:right; width: 25%; width:calc((100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right) - var(--gutter_width_xl) - var(--gutter_width_xl))/3); } /* * DECALLAGE VERTICAL POUR LES PAGES CONTENANT UN BANDEAU VISUEL "NON FULLWIDTH" */ body.horizontal_menu.header_visual_banner_unfullwidth #page.three_cols_same_width #body_column_left { padding-top: var(--left_col_padding_top); } body.horizontal_menu.header_visual_banner_unfullwidth #page.three_cols_same_width #body_column_right { padding-top: var(--right_col_padding_top); } } /* * -------------- * MINITABLET * ---------------- */ @media screen and (min-width : 767px) and (max-width : 1199px) { /* * AVEC "VERTICAL MENU" */ body.vertical_menu #page.three_cols_same_width #body_column_central, body.vertical_menu #page.three_cols_same_width #body_column_left, body.vertical_menu #page.three_cols_same_width #body_column_right { width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right)); max-width:calc(100% - var(--vertical_menu_width) - var(--mar_s)); float:right; } body.vertical_menu #page.three_cols_same_width #body_column_left { margin-bottom: var(--mar_l); margin-right:0px; } body.vertical_menu #page.three_cols_same_width #body_column_central { margin-bottom: var(--mar_l); } body.vertical_menu #page.three_cols_same_width #body_column_right { padding-left:0px; } } /* * ===================== * COD_LAYOUT * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { #page.one_col #body_column_central { width:100%; } } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 767px) and (max-width : 1199px) { #page.one_col #body_column_central { width:100%; } } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { /* * AVEC "VERTICAL MENU" */ body.vertical_menu #page.one_col main#body_column_central { float:right; width:calc(100% - var(--vertical_menu_width) - var(--vertical_menu_margin_right)); } } /* * ===================== * COD_LAYOUT * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { #page.home #body_column_central { width:100%; } } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 767px) and (max-width : 1199px) { #page.home #body_column_central { width:100%; } } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { #page.home #body_column_central { width:100%; } } /* * ===================== * COD_LAYOUT * ===================== */ /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ body { background-color:var(--bco_body); color:var(--bco_body_comp); min-height:100%; } /* 26/12/2022 */ body.horizontal_menu #body, body.vertical_menu #body { padding-bottom: var(--pad_l); margin-bottom:var(--mar_l); } body.horizontal_menu:not(.header_visual_banner_fullwidth) #body, body.vertical_menu:not(.header_visual_banner_fullwidth) #body { padding-top:var(--gutter_width_xl); } body.horizontal_menu.header_visual_banner_fullwidth #body, body.vertical_menu.header_visual_banner_fullwidth #body { padding-top:0px; } /* 26/12/2022 */ #body_columns { /* 21/11/2023.overflow:auto;*/ } /* * -------------- * MOBILE 23/11/2022 * ---------------- */ @media screen and (max-width : 767px) { #body { display:block; width:100%; } /* 26/12/2022 */ body.horizontal_menu #body { padding-top: var(--pad_l); padding-bottom: 0px; /* margin-bottom: 0px; */ } /* * ESPACEMENT VERTICAL ENTRE LES DIFFERENTES COLONNES */ #body_columns > main, #body_columns > div { margin-bottom:var(--pad_m); padding-bottom:var(--pad_s); /*border-bottom:var(--bor_style) var(--bor_width_xs) var(--bor_color_m); */ } /* 22/12/2022 CAS PARTICLUIER DES PAGES '1 COL + VERTICAL MENU" */ #body_columns > div#vertical_menu { border-bottom:0px; margin-bottom:var(--mar_l); } #body_columns > main:last-child, #body_columns > div:last-child { margin-bottom:0px; padding-bottom:0px; border-bottom:none; } #body_column_left_inner { padding:0px var(--pad_m) 0px var(--pad_m); width:100%; } /* * "CENTRAL COLUMN" */ #body_column_central_inner { padding:0px var(--pad_m) 0px var(--pad_m); width:100%; } /* * "RIGHT COLUMN" */ #body_column_right_inner { padding:0px var(--pad_m) 0px var(--pad_m); width:100%; } #body_column_left_inner > div:not(.unmargined), #body_column_right_inner > div:not(.unmargined) { margin-bottom:var(--pad_xl); width:100%; } /* IMPERATIF POUR REDIMENSIONNEMENT CORRECTE DE CAROUSEL SLICK */ #body_columns #body_column_left, #body_columns #body_column_central, #body_columns #body_column_right { width:100%; } #body_columns #body_column_left, #body_columns #body_column_right { margin-top:var(--mar_l); } } /* * -------------- * 24/08/2023. TABLET + DESKTOP * ---------------- */ /*@media screen and (min-width : 768px) and (max-width : 1201px)*/ /* ON RAJOUT 2 X --px_m)AU 1201 POUR L'AJOUT DU PADDING LEFT ET RIGHT*/ @media screen and (min-width : 767px) and (max-width : 1241px) { #body { padding-left: var(--pad_m); padding-right: var(--pad_m); } } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { #body_column_left_inner { padding:0px; } div#body.two_cols_small_right main#body_column_central { padding-right:var(--gutter_width_xl); } div#body.two_cols_small_left main#body_column_central { padding-left:var(--gutter_width_xl); } div#body_column_left { padding-left:0px; padding-right:0px; } div#body_column_right { padding-left:0px; padding-right:0px; } } /* * -------------- * 25/03/2022. DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { body.horizontal_menu #body_columns, body.vertical_menu #body_columns { margin: auto; } #body_column_central { display: block;/* 06/04/2022. NE JAMAIS METTRE "flex" SINON BUG AVEC LES CAROUSELS ET SLIDERS */ } #body_column_central { display: block;/* 06/04/2022. NE JAMAIS METTRE "flex" SINON BUG AVEC LES CAROUSELS ET SLIDERS */ } #body_column_left_inner { padding:0px; } /* * "CENTRAL COLUMN" */ #body_column_central_inner { width:100%; } /* * "RIGHT COLUMN" */ #body_column_right_inner { padding:0px; } } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ #body { background-color:var(--bco_body); color:var(--bco_body_comp); } #body_columns { display:block; /* NE JAMAIS METTRE FLEX SINON BUG CAROUSEL */ } /* * TEXTES COLONNE DROITE ET GAUCHE */ #body_column_central_inner > div.box:not(.unmargined), #body_column_left_inner > div.box:not(.unmargined), #body_column_right_inner > div.box:not(.unmargined), div#body_column_left div.text > div.tinymce:not(.unmargined), div#body_column_right div.text > div.tinymce:not(.unmargined) { margin-bottom:var(--mar_m); } #body_column_central_inner > div.box:last-child, #body_column_central_inner > div.box:last-child > div:last-child, #body_column_left_inner > div.box:last-child, #body_column_left_inner > div.box:last-child > div:last-child, #body_column_right_inner > div.box:last-child, #body_column_right_inner > div.box:last-child > div:last-child, div#body_column_left div.text > div.tinymce:last-child, div#body_column_left div.text > div.tinymce:last-child > div:last-child, div#body_column_right div.text > div.tinymce:last-child, div#body_column_right div.text > div.tinymce:last-child> div:last-child { margin-bottom:0px; } /* * ===================== * COD_CSS * ===================== */ /* 25/03/2022 */ /* * 12/11/2023. SPECIAL "ANTI PADDING DE MARGE" DES CAROUSELS => TOUT CE QUI N'EST PAS CAROUSELS ET QUI S'AFFICHE EN "LEFT / RIGHT / CNENTRAL COLUMN" SE VOIT IMPOSÉ UN PADDING LATTERAL EGAL AU PADDING LATTERLA DES "CAROUSEL SLIDES" AFIN DE COMPENSER VISUELLEMENT LE DECALAGE QUE CELA PORDUIT A L'ECRAN */ main#body_column_central section.chapter > ul:not(.unpaddinged), main#body_column_central div.text > ul:not(.unpaddinged), div#body_column_left div.text > ul:not(.unpaddinged), div#body_column_left section.chapter > ul:not(.unpaddinged), div#body_column_right div.text > ul:not(.unpaddinged), div#body_column_right section.chapter > ul:not(.unpaddinged), main#body_column_central section.chapter > ol:not(.unpaddinged), main#body_column_central div.text > ol:not(.unpaddinged), div#body_column_left div.text > ol:not(.unpaddinged), div#body_column_left section.chapter > ol:not(.unpaddinged), div#body_column_right div.text > ol:not(.unpaddinged), div#body_column_right section.chapter > ol:not(.unpaddinged) { margin-bottom:var(--mar_bottom_text_elements); } main#body_column_central section.chapter > ul:last-child, main#body_column_central div.text > ul:last-child, div#body_column_left div.text > ul:last-child, div#body_column_left section.chapter > ul:last-child, div#body_column_right div.text > ul:last-child, div#body_column_right section.chapter > ul:last-child, main#body_column_central section.chapter > ol:last-child, main#body_column_central div.text > ol:last-child, div#body_column_left div.text > ol:last-child, div#body_column_left section.chapter > ol:last-child, div#body_column_right div.text > ol:last-child, div#body_column_right section.chapter > ol:last-child { margin-bottom:0px; } main#body_column_central section.chapter > ul li, main#body_column_central div.text > ul li, div#body_column_left div.text > ul li, div#body_column_left section.chapter > ul li, div#body_column_right div.text > ul li, div#body_column_right section.chapter > ul li, main#body_column_central section.chapter > ol li, main#body_column_central div.text > ol li, div#body_column_left div.text > ol li, div#body_column_left section.chapter > ol li, div#body_column_right div.text > ol li, div#body_column_right section.chapter > ol li { font-size:var(--fon_size_default); line-height:calc(var(--fon_size_default) * var(--fon_line_height_multiplicator)); } /* * "EAV FRONT FORM" */ form.eav.front textarea { padding:var(--pad_s) var(--pad_xs) var(--pad_s) var(--pad_xs); } table.nice th { background:rgba(77,77,77,1); } tr.rolloverable:nth-child(odd):hover td { background-color:rgba(40,70,0,0.3); } tr.rolloverable:nth-child(even):hover td { background-color:rgba(40,70,0,0.3); } /* * -------------- * 25/03/2022. TOUTES RESOLUTIONS * ---------------- */ /* * 12/11/2023. SPECIAL "ANTI PADDING DE MARGE" DES CAROUSELS => TOUT CE QUI N'EST PAS CAROUSELS ET QUI S'AFFICHE EN "LEFT / RIGHT / CNENTRAL COLUMN" SE VOIT IMPOSÉ UN PADDING LATTERAL EGAL AU PADDING LATTERLA DES "CAROUSEL SLIDES" AFIN DE COMPENSER VISUELLEMENT LE DECALAGE QUE CELA PORDUIT A L'ECRAN */ main#body_column_central section > p, main#body_column_central section.chapter > p, main#body_column_central div.text > p { margin-bottom:var(--mar_bottom_text_elements); text-align:justify; } main#body_column_central section > p:last-child, main#body_column_central section.chapter > p:last-child, main#body_column_central div.text > p:last-child { margin-bottom: 0px; } main#body_column_central section.chapter > p:last-child, main#body_column_central div.text > p:last-child, div#body_column_left div.text > p:last-child, div#body_column_left section.chapter > p:last-child, div#body_column_right div.text > p:last-child, div#body_column_right section.chapter > p:last-child { margin-bottom:0px; /*text-align:justify;*/ } main#body_column_central section.chapter > p, main#body_column_central div.text > p, main#body_column_central section.chapter > p:last-child, main#body_column_central div.text > p:last-child { text-align:left; } p.wyswyg_bordered, main#body_column_central div.text > p.wyswyg_bordered { display:inline-block; box-sizing:border-box; padding:var(--pad_s); border:var(--bor_style) var(--bor_width_xs) var(--bor_color); text-align:justify; } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 767px) { main#body_column_central section.chapter > p.wyswyg_two_cols, main#body_column_central section > p.wyswyg_two_cols, p.wyswyg_two_cols { width:50%; float:left; text-align:justify; } main#body_column_central section.chapter > p.wyswyg_two_cols:nth-child(2n+1), main#body_column_central section > p.wyswyg_two_cols:nth-child(2n+1), p.wyswyg_two_cols:nth-child(2n+1) { padding-left:var(--pad_l); } main#body_column_central section.chapter > p.wyswyg_two_cols:nth-child(2n+2), main#body_column_central section > p.wyswyg_two_cols:nth-child(2n+2), p.wyswyg_two_cols:nth-child(2n+2) { padding-right:var(--pad_l); } } input[type="radio"]:focus ~ span, input[type="radio"]:checked ~ span { background-color:var(--bco_first); color:var(--col_first_comp); } img.lazyload { opacity:0; } html.iframe body { padding:var(--pad_m); width:auto; height:auto; } html { background-color:var(--bco_html); color:var(--col_html_comp); } html.popup_iframe { background-color:var(--bco_popup_html); color:var(--col_popup_html_comp); } /* * TOUTES RESOLUTIONS */ hr { border-bottom:var(--bor_style) var(--bor_width_xs) var(--bor_color_s); padding-bottom:0px; } div#body_columns div.text hr { margin-top:var(--mar_m); margin-bottom:var(--mar_m); } /* HERITÉ DE "COMMON" MAIS A REDEFINIR - EVENTUELLEMENT -DANS "WEBSITE" :root { --h1_font_size_default: 2.8rem; --h1_text_transform: uppercase; --h1_font_weight: normal; } */ /* * -------------- * TITRES * ---------------- */ /** * H1 */ h1, .h1_like, h1 > span, .h1_like > span { display: flex; flex-direction: row; width:100%; } h1 > span, .h1_like > span, body.mce-content-body h1 > span { font-weight: normal; color:var(--col_grey_xl); } div.text h1, div.text .h1_like, body.mce-content-body h1, div.shortcut_text h1 { margin-bottom:var(--h1_margin_bottom); } div:not(.text) > h1, div:not(.text) > .h1_like { display: flex; flex-direction: row; width:100%; } /** * H2 */ div:not(.text) > h2, div:not(.text) > .h2_like { /* display: flex; flex-direction: row; */ width:100%; /* 06/06/2024 */ } h2:not(.unmargined), .h2_like:not(.unmargined), div.text h2:not(.unmargined), body.mce-content-body h2:not(.unmargined), div.shortcut_text h2:not(.unmargined) { margin-bottom:var(--h2_margin_bottom); } h2.s, .h2_like.s, body.mce-content-body h2.s { font-size:var(--h2_font_size_s); line-height:calc(var(--h2_font_size_s) * var(--h_line_height_multiplicator)); } h2.m, .h2_like.m, body.mce-content-body h2.m { font-size:var(--h2_font_size_m); line-height:calc(var(--h2_font_size_m) * var(--h_line_height_multiplicator)); font-weight:bold; } h2.l, .h2_like.l, body.mce-content-body h2.l { font-size:var(--h2_font_size_l); line-height:calc(var(--h2_font_size_l) * var(--h_line_height_multiplicator)); } div#body_column_left h2, div#body_column_left .h2_like, div#body_column_right h2, div#body_column_right .h2_like, body.mce-content-body h2 { text-transform:uppercase; } li.table_like span.h2_like:not(.first_h) { margin-top:var(--mar_l); } .h3_like, div.text h3, div.text .h3_like, body.mce-content-body h3, div#body_column_left h3, div#body_column_right h3, body.mce-content-body h3 { font-size:var(--h3_font_size_default); line-height:calc(var(--h3_font_size_default) * var(--h_line_height_multiplicator)); } h3:not(.unstronged), .h3_like:not(.unstronged), div.text h3:not(.unstronged), div.text .h3_like:not(.unstronged), body.mce-content-body h3:not(.unstronged), div#body_column_left h3:not(.unstronged), div#body_column_right h3:not(.unstronged), body.mce-content-body h3:not(.unstronged) { font-weight:bold; } h3:not(.unmargined), .h3_like:not(.unmargined), div.text h3:not(.unmargined), body.mce-content-body h3:not(.unmargined), div#body_column_left h3:not(.unmargined), div#body_column_right h3:not(.unmargined), body.mce-content-body h3:not(.unmargined) { margin-bottom:var(--h3_margin_bottom); } :root { --front_office_label_field_default_width: 250px; } form.eav ul li div.eav.label_field.box, form.non_eav ul li div.eav.label_field.box { background-color:var(--bco_grey_xs); } /* * FIELDSETS DE "VALIDATION" => UTILISÉS POUR LES "RGPD FORM VALIDATIONS" */ #validation p, fieldset#validation p a { font-size: var(--fon_size_s); } /* * ===================== * COD_CODING_HTML_TAGS_BUTTONS * ===================== */ .button, .button:not(.unclickable), .button_like, .button_like_xm, .button.col_first, .button_like.col_first, .button_like_xm.col_first, .button.col_2, .button_like.col_2, .button_like_xm.col_2 { /* 15/08/2025 border:0px;*/ } /* * TOUTES RESOLUTIONS */ a { background-color:var(--bco_a); color:var(--col_a); } a:hover { background-color:var(--bco_a_hover); color:var(--col_a_hover); } /* * ===================== * COD_CSS * ===================== */ /* * ===================== * COD_CSS * ===================== */ /* * MOBILES */ @media screen and (max-width : 767px) { .text img:not(.icon,.left_icon,.right_icon,.non_resizable) { width:100%; height:auto; } /* * */ .text img:not(.icon,.left_icon,.right_icon)[style="float: right;"] { margin : 0px 0px var(--mar_s) 0px; } .text img:not(.icon,.left_icon,.right_icon)[style="float: left;"] { margin : 0px 0px var(--mar_s) 0px; } } /* * TABLET + DESKTOP */ @media screen and (min-width : 768px) { /* * */ .text img:not(.icon,.left_icon,.right_icon)[style="float: right;"] { margin : 0px 0px 0px var(--mar_s); } .text img:not(.icon,.left_icon,.right_icon)[style="float: left;"] { margin : 0px var(--mar_s) 0px 0px; } } /* * DESKTOP */ @media screen and (min-width: 1199px) { } /* * -------------- * "GENERAL" * ---------------- */ .text .tinymce { overflow:hidden; margin:0px 0px var(--mar_m) 0px; } /* * ===================== * COD_CSS * ===================== */ /* * ===================== * COD_CSS * ===================== */ :root { --mar_bottom_text_elements: var(--px_m); } .mar_b_text_elements { margin-bottom:var(--mar_bottom_text_elements); } /* * ===================== * COD_CSS * ===================== */ .verticaly_centered { align-items: center; } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { /* 17/12/2024 */ .mobile_only { display:block; } } /* * -------------- * AU DELA... * ---------------- */ @media screen and (min-width : 768px) { .mobile_only { display:none; } } /* * ===================== * COD_CSS * ===================== */ /* * ===================== * COD_CSS * ===================== */ /* * ===================== * COD_CSS * ===================== */ .svg_icon { font-family:"icofont"; font-size:var(--fon_size_xxxl); color:var(--col_grey_xl); border:0px; cursor:pointer; margin:0px; } .svg_icon:hover { color:var(--col_third); } /* * ===================== * COD_CSS * ===================== */ @font-face { font-family: "Arial"; } :root { --fon_familly_default: "Arial", helvetica, sans-serif; --fon_size_default: 1.00rem; } /* * ===================== * COD_CSS * ===================== */ :root { /* ------------------------ GENERAL */ --bco_black: rgba(0, 0, 0, 1); --col_black_comp: var(--bco_white); --col_black: var(--bco_black); --bco_white: rgba(255, 255, 255, 1); --col_white_comp: var(--bco_black); --col_white: var(--bco_white); /* ------------------------ COULEURS RVB */ --col_red: rgba(197, 45, 45, 1); --col_red_comp: var(--bco_black); --col_green: rgba(54, 143, 15, 1); --col_green_comp: var(--bco_white); --col_blue: rgba(20, 72, 124, 1); --col_blue_comp: var(--bco_white); --col_orange: rgba(255, 126, 0, 1); --col_orange_comp: var(--bco_black); --col_red: rgba(142, 2, 12, 1); --col_red_comp: var(--bco_black); /* ------------------------ FIRST COLOR */ --bco_first: rgba(189, 3, 4, 1); --col_first_comp: var(--col_white); --col_first: var(--bco_first); --bco_first_hover: rgba(32, 61, 90, 1); --col_first_hover_comp: var(--col_white); --col_first_hover: var(--bco_first_hover); /* ------------------------ SECOND COLOR */ --bco_second: rgba(32, 61, 90, 1); --col_second_comp: var(--col_white); --col_second: var(--col_white); --bco_second_hover: rgba(189, 3, 4, 1); --col_second_hover_comp: var(--col_white); --col_second_hover: var(--col_white); /* ------------------------ THIRD COLOR */ --bco_third: rgba(7, 16, 25, 1); --col_third_comp: var(--col_white); --col_third: var(--bco_third); --bco_third_hover: rgba(47, 82, 116, 1); --col_third_hover_comp: var(--col_white); --col_third_hover: var(--bco_third_hover); /* ------------------------ FOURTH COLOR */ --bco_fourth: rgba(20, 72, 124, 1); --col_fourth_comp: var(--col_white); --col_fourth: var(--bco_fourth); --bco_fourth_hover: rgba(83, 39, 1, 1); --col_fourth_hover_comp: var(--col_black); --col_fourth_hover: var(--bco_fourth_hover); /* ------------------------ GREY COLORS */ --bco_grey_xs: rgba(240, 240, 240, 1); --col_grey_xs_comp: var(--col_black); --col_grey_xs: var(--bco_grey_xs); --bco_grey_xs_hover: var(--bco_grey_xm); --col_grey_xs_hover_comp: var(--col_grey_xm_comp); --col_grey_xs_hover: var(--bco_grey_xs_hover); --bco_grey_s: rgba(230, 230, 230, 1); --col_grey_s_comp: var(--col_black); --col_grey_s: rgba(50, 50, 50, 1); --bco_grey_s_hover: rgba(100, 100, 100, 1); --col_grey_s_hover_comp: var(--col_white); --col_grey_s_hover: rgba(255, 255, 255, 1); --bco_grey_xm: rgba(180, 180, 180, 1); --col_grey_xm_comp: var(--col_black); --col_grey_xm: var(--bco_grey_xm); --bco_grey_xm_hover: var(--bco_grey_xm); --col_grey_xm_hover_comp: var(--col_white); --col_grey_xm_hover: var(--bco_grey_xm_hover); --bco_grey_m: rgba(130, 130, 130, 1); --col_grey_m_comp: var(--col_white); --col_grey_m: var(--bco_grey_m); --bco_grey_m_hover: var(--bco_grey_xl); --col_grey_m_hover_comp: var(--col_white); --col_grey_m_hover: var(--bco_grey_m_hover); --bco_grey_l: rgba(90, 90, 90, 1); --col_grey_l_comp: var(--col_white); --col_grey_l: var(--bco_grey_l); --bco_grey_l_hover: var(--bco_grey_l); --col_grey_l_hover_comp: var(--col_white); --col_grey_l_hover: var(--bco_grey_l_hover); --bco_grey_xl: rgba(50, 50, 50, 1); --col_grey_xl_comp: var(--col_white); --col_grey_xl: var(--bco_grey_xl); --bco_grey_xl_hover: var(--bco_grey_xl); --col_grey_xl_hover_comp: var(--col_white); --col_grey_xl_hover: var(--bco_grey_xl_hover); /* ------------------------ GREY COLORS TRANSPARENT*/ --bco_grey_transparent_s: rgba(0, 0, 0, 0.1); --bco_grey_transparent_m: rgba(0, 0, 0, 0.25); --bco_grey_transparent_l: rgba(0, 0, 0, 0.6); --bco_white_transparent_s: rgba(255, 255, 255, 0.8); /* ------------------------ POSITIF */ --bco_positive: rgba(20, 124, 123, 1); --col_positive_comp: var(--col_white); --col_positive: var(--bco_positive); --bco_positive_hover: rgba(5, 79, 78, 1); --col_positive_hover_comp: var(--col_white); --col_positive_hover: var(--bco_positive_hover); /* ------------------------ ERROR */ --bco_error_dark: rgba(150, 28, 114, 1); --col_error_dark_comp: var(--col_white); --col_error_dark: var(--bco_error_dark); --bco_error_dark_hover: rgba(150, 28, 114, 1); --col_error_dark_hover_comp: var(--col_white); --col_error_dark_hover: var(--bco_error_dark_hover); --bor_color_error_dark: var(--bco_error_dark); --bco_error_ultra_light: rgba(244, 232, 241, 1); --col_error_ultra_light_comp: var(--col_black); --bco_error_light: rgba(247, 237, 245, 1); --col_error_light_comp: var(--col_black); --col_error_light: var(--bco_error_dark); --bco_error_light_hover: rgba(147, 17, 17, 1); --col_error_light_hover_comp: var(--col_black); --col_error_light_hover: var(--bco_error_dark_hover); --bor_color_error_light: var(--bco_error_light); /* ------------------------ CONFIRMATION */ --bco_confirmation_dark: rgba(150, 28, 114, 1); --col_confirmation_dark_comp: var(--col_white); --col_confirmation_dark: var(--bco_confirmation_dark); --bco_confirmation_dark_hover: rgba(147, 17, 17, 1); --col_confirmation_dark_hover_comp: var(--col_white); --col_confirmation_dark_hover: var(--bco_confirmation_dark_hover); --bco_confirmation_light: rgba(150, 28, 114, 0.1); --col_confirmation_light_comp: var(--col_black); --col_confirmation_light: var(--bco_confirmation_light); --bco_confirmation_light_hover: rgba(147, 17, 17, 1); --col_confirmation_light_hover_comp: var(--col_black); --col_confirmation_light_hover: var(--bco_confirmation_light_hover); /* ------------------------ LAYOUT */ --bco_html: var(--col_white); --col_html_comp: var(--col_black); --bco_header: var(--col_white); --col_header_comp: var(--col_black); --bco_body: var(--col_white); --col_body_com: var(--col_black); --bco_footer: var(--bco_html); --col_footer_comp: var(--col_black); --col_footer: var(--col_footer_comp); --col_footer_hover: var(--col_footer_comp); --bco_popup_html: var(--col_white); --col_popup_html_comp: var(--col_black); /* ------------------------ TRANSPARENT */ --col_transparent: rgba(255, 255, 255, 0); /* ------------------------ TABLES */ --bco_table_td_even: var(--bco_grey_xs); --col_table_td_even_comp: var(--col_black); --bco_table_td_even_hover: var(--bco_grey_xl); --col_table_td_even_hover_comp: var(--col_white); --bco_table_td_odd: var(--col_transparent); --col_table_td_odd_comp: var(--col_black); --bco_table_td_odd_hover: var(--col_transparent); --col_table_td_odd_hover_comp: var(--col_black); } /* --------------------------------------------- COULEUR PRINCIPALE --------------------------------------------- */ /* * FORMES PLEINES (BOUTONS, DIV, FORM, ETC.) */ div.col_first, a.col_first, input.col_first, label.col_first, form.col_first, .col_first.box { background-color:var(--bco_first); color:var(--col_white); } p.col_first, li.col_first, span.col_first { background:none; color:var(--col_first); } .col_first.background:hover, .col_first.background:focus { background-color:var(--bco_grey_xl); color:var(--col_white); } /* * TEXTES */ .col_first.text { color:var(--col_first); } /* * LIENS */ .col_first.link { color:var(--col_first); } .col_first.link:hover { color:var(--col_first_hover); } /* --------------------------------------------- COULEUR PRINCIPALE TRANSPARENTE (FRONT UNIQUEMENT) --------------------------------------------- */ .col_1_transparent { background:rgba(42,91,133,0.1); /* BLEU */ color:var(--col_black); } .col_1_transparent.button:hover, .col_1_transparent.background:hover { background:rgba(42,91,133,0.8); } /* * TEXTES */ col_1_transparent.text { color:rgba(42,91,133,0.5); } /* * LIENS */ col_1_transparent.link { color:rgba(42,91,133,0.5); } col_1_transparent.link:hover { color:var(--col_first); } /* * SUMMARY (SEARCH RESULTS) */ .col_1_transparent.summary ul li:nth-child(2n+1) { background:inherit; } .col_1_transparent.summary ul li:nth-child(2n+1):hover { background-color:var(--bco_third_hover); color:var(--col_third_hover_comp); } .col_1_transparent.summary ul li:nth-child(2n+2) { background-color:var(--col_white); } .col_1_transparent.summary ul li:nth-child(2n+2):hover { background-color:var(--bco_third_hover); color:var(--col_third_hover_comp); } /* --------------------------------------------- COULEUR PRINCIPALE INVERSÉE --------------------------------------------- */ /* * FORMES PLEINES (BOUTONS, DIV, FORM, ETC.) */ .col_1_reverse { background-color:var(--bco_third); color:var(--col_third_comp); } .col_1_reverse.button:hover, .col_1_reverse.background:hover { background-color:var(--bco_first); } /* * TEXTES */ .col_1_reverse.text { color:var(--col_third); } /* * LIENS */ .col_1_reverse.link { color:var(--col_third); } .col_1_reverse.link:hover { color:var(--col_first); } /* --------------------------------------------- COULEUR SECONDAIRE --------------------------------------------- */ /* * 16/05/2023. FORMES PLEINES (BOUTONS, DIV, FORM, ETC.) */ .col_2 { background-color:var(--bco_second); color:var(--col_second_comp); } .col_2.background:hover { background-color:var(--bco_second_hover); } .col_2.button:hover { background-color:var(--bco_second_hover); color:var(--col_second_hover_comp); } /* * TEXTES */ .col_2.text { color:rgba(50,50,50,1); background:none; font-size:inherit; } /* * LIENS */ .col_2.link { color:var(--col_white); /* BLANC */ } .col_2.link:hover { color:var(--col_white); /* BLANC */ } /* --------------------------------------------- COULEUR TERTIAIRE --------------------------------------------- */ /* * FORMES PLEINES (BOUTONS, DIV, FORM, ETC.) */ .col_3 { background-color:var(--bco_first); /* VERT */ color:var(--col_black); /* VERT */ border:var(--bor_style) var(--bor_width_xs) var(--bor_color_s) } .col_3.button:hover, .col_3.background:hover { background-color:var(--bco_third); /* JAUNE */ color:var(--col_white); /* VERT */ } /* * TEXTES */ .col_3.text { color:rgba(255,210,0,1); /* JAUNE */ } /* * LIENS */ .col_3.link { color:rgba(255,210,0,1); /* JAUNE */ } .col_3.link:hover { color:rgba(255,210,0,1); /* BRUN */ } /* --------------------------------------------- COULEUR QUATERNAIRE --------------------------------------------- */ /* * FORMES PLEINES (BOUTONS, DIV, FORM, ETC.) */ .col_4 { background:rgba(255,210,0,1); /* JAUNE */ color:var(--col_white); } .col_4.button:hover, .col_4.background:hover { background:rgba(255,210,0,1); /* BRUN */ } /* * TEXTES */ .col_4.text { color:rgba(255,210,0,1); /* JAUNE */ } /* * LIENS */ .col_4.link { color:rgba(255,210,0,1); /* JAUNE */ } .col_4.link:hover { color:rgba(255,210,0,1); /* BRUN */ } /* --------------------------------------------- LIENS : TRANSISTION WHITE => FIRST COLOR (Ex.: "BOUTON EN SAVOIR PLUS") --------------------------------------------- */ /* * FIRST COLOR => WHITE */ a .col_1_to_white { background-color:var(--bco_first); /* BLEU */ color:var(--col_white); } a:hover .col_1_to_white { color:var(--col_white); } /* --------------------------------------------- DIVERS --------------------------------------------- */ /* * AUTRES COULEURS */ .flash { color:#c52295; font-family:inherit; font-size:inherit; } .bright { color:var(--col_white); background:rgba(34,126,197,1); } /* * TEXTES */ text.bright { color:var(--col_white); } .dark { color:var(--col_black); } /* * TEXTES */ text.dark { color:var(--col_black); } .uncolored { background:rgba(100,100,100,1); color:var(--col_white); } .uncolored:hover { background-color:var(--bco_grey_xl); color:var(--col_white); } .uncolored span { color:var(--col_white); } .underlined { background-color:var(--bco_third); font-size:inherit; } /* * TEXTES */ text.underlined { color:var(--col_third); } .compulsory { color:var(--col_black); } /* * TEXTES */ text.compulsory { color:var(--col_black); } .activated { background-color:var(--bco_first); } /* * TEXTES */ text.activated { color:var(--col_first); } /* * ===================== * COD_CSS * ===================== */ .box:not(.unpaddinged), .box.shadowed:not(.unpaddinged), .box_like.shadowed:not(.unpaddinged) { padding: var(--pad_m); } /** * -------------------------------------------------------- * -------------------------------------------------------- * 13/07/2023. HEADER BOXES * -------------------------------------------------------- * -------------------------------------------------------- */ /* * -------------- * OZANAM DIRECTORIES SEARCH LIKE * ---------------- */ div.header_directory_like_box, div.header_directory_like_box div { display: flex; } div.header_directory_like_box, div.header_directory_like_box form { flex-direction: column; } /* * BOX */ div.header_directory_like_box { background-color:var(--bco_grey_xs); padding:var(--pad_m) var(--pad_m) var(--pad_m) var(--pad_m); min-width:200px; } /* * TITLE */ div.header_directory_like_box h2 { margin:0px 0px var(--mar_xs) 0px; color:var(--col_grey_m); text-transform:uppercase; font-size:var(--fon_size_xxxl); } div.header_directory_like_box form fieldset { display: flex; flex-direction: row; background: var(--col_white); margin:0px 0px var(--mar_s) 0px; } div.header_directory_like_box form input[type=text], div.header_directory_like_box form input[type=submit], div.header_directory_like_box form input[type=image] { height:var(--hei_fields); } div.header_directory_like_box form input[type=submit], div.header_directory_like_box form input[type=image] { width:36px; } div.header_directory_like_box form input[type=submit], div.header_directory_like_box form input[type=image] { background:url(/odm/templates/core/offices/front/images/buttons/header/directory/search/search-submit.png) no-repeat; } div.header_directory_like_box form input[type=submit]:hover, div.header_directory_like_box form input[type=image]:hover { background:url(/odm/templates/core/offices/front/images/buttons/header/directory/search/search-submit-a.png) no-repeat; } /* * DETAIL LINK */ div.header_directory_like_box form a.detail { padding:var(--pad_s) 0px var(--pad_s) 0px; text-decoration:none; color:var(--col_grey_xl); } div.header_directory_like_box form a.detail:hover { color:var(--col_first); } /* * -------------- * OZANAM "CONNEXION/DISCONNEXION + SEARCH" LIKE * ---------------- */ div.header_connexion_button_search_engine_like_box, div.header_connexion_button_search_engine_like_box > div { display: flex; } div.header_connexion_button_search_engine_like_box div#header_identification { margin:0px; padding:0px; } /* * -------------- * MOBILE !!! VALEUR PARTICULIERE EMPIRIQUE * ---------------- */ @media screen and (max-width : 799px) { div.header_connexion_button_search_engine_like_box { flex-direction: row; justify-content: space-between; padding: 0px var(--pad_m) 0px var(--pad_m); margin: var(--mar_m) 0px var(--mar_m) 0px; } div.header_connexion_button_search_engine_like_box, div.header_connexion_button_search_engine_like_box > div { flex-direction: row; justify-content: space-between; align-content: center; } div.header_connexion_button_search_engine_like_box div#header_search { flex-grow: 1; } div.header_connexion_button_search_engine_like_box div#header_identification { flex-grow: 0; margin-right: var(--mar_s); } } /* * -------------- * TABLET + DESKTOP !!! VALEUR PARTICULIERE EMPIRIQUE * ---------------- */ @media screen and (min-width : 800px) { div.header_connexion_button_search_engine_like_box, div.header_connexion_button_search_engine_like_box > div { flex-direction: column; justify-content: center; align-content: flex-end; align-items: flex-end; } div.header_connexion_button_search_engine_like_box div#header_identification { /* 23/08/2023 margin:0px 0px var(--mar_s) 0px;*/ } } /* * ===================== * COD_CSS * ===================== */ /* * TOUTES RESOLUTIONS */ * { font-family:var(--fon_familly_1); font-size:var(--fon_size_default); font-weight:normal; } :root { /** * COULEURS : MOBILE */ --menu_mobile_nav_background_color: var(--col_first); --menu_mobile_nav_color: var(--col_first_comp); --menu_mobile_first_background_color: var(--col_white); --menu_mobile_c_first: var(--col_black); --menu_mobile_first_background_color_hover: var(--col_first); --menu_mobile_li_c_first_hover: var(--col_first_comp); --menu_li_burger_color_focused_hovered: var(--col_first_comp); --menu_li_burger_width: 30px; /* LARGEUR DU LABEL 'BURGER' */ --menu_li_burger_width_enhanced: 35px; /* LARGEUR DU LABEL 'BURGER' */ /* 23/11/2023 FIRST LEVEL */ --bco_desktop_menu_li_level_1: var(--col_white); --col_desktop_menu_li_level_1_comp: var(--col_black); --col_desktop_menu_li_level_1: var(--bco_desktop_menu_li_level_1); --bco_desktop_menu_li_level_1_hover: rgba(0,0,0,1); --col_desktop_menu_li_level_1_hover_comp: var(--col_white); --col_desktop_menu_li_level_1_hover: var(--bco_desktop_menu_li_level_1_hover); /** * WIDTH, HEIGHT ET PADDING */ --menu_li_level_1_default_padding: var(--pad_xxs); --menu_tree_li_level_n_width: 300px; /* 'TREE' : LARGEUR DES SOUS-RUBRIQUE DE LEVEL > 1 */ /** * FONTS */ --menu_li_level_1_desktop_default_font_size: 15px; --menu_li_level_desktop_default_font_size: 14px; /** * BORDER */ --menu_ul_border: 0px; } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { label.show-menu-horizontal { padding: var(--pad_s) 0px var(--pad_s) 0px; background: var(--menu_mobile_nav_background_color); color: var(--menu_mobile_nav_color); } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { div#horizontal_menu nav.front_office li.level_1 > a { padding-top: var(--mar_m); padding-bottom: var(--mar_m); } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 767px) { div#horizontal_menu nav.front_office li.level_1 > a, div#horizontal_menu nav.front_office li.level_1 > a span { text-transform:uppercase; font-family: "Arial", helvetica, sans-serif; padding-right: 0px; padding-left: calc(var(--menu_li_level_1_default_padding) * 2); } div#horizontal_menu nav.front_office ul.level_1 > li.level_1 { padding-top: 0px; border:0px; /*border-right:var(--bor_style) var(--bor_width_xs) var(--bor_color_s);*/ /* 25/11/2025 NICOLAS CHRIST */ padding-left:0px; /* 25/11/2025 NICOLAS CHRIST */ margin-left: 0px; /* 25/11/2025 NICOLAS CHRIST */ } div#horizontal_menu nav.front_office li.level_1 { text-align:center; /* 25/11/2025 NICOLAS CHRIST */ } div#horizontal_menu nav.front_office li.level_2 { text-align:left; /* 25/11/2025 NICOLAS CHRIST */ } div#horizontal_menu nav.front_office ul.level_1 > li.level_1:last-child { border-right:0px; /* 25/11/2025 NICOLAS CHRIST */ } div#horizontal_menu nav.front_office ul li.level_1 > label { display:none; /* 25/11/2025 NICOLAS CHRIST : MASQUAGE DES BURGERS ICONES DU "LEVEL 1" */ } div#horizontal_menu nav.front_office ul.level_1 li.level_1 li > a { padding-left: 0px; } } /* * ===================== * COD_LAYOUT * ===================== */ :root { /* LAYOUT PAGE */ --layout_page_max_width: 100%; /* LAYOUT HEADER */ --layout_header_max_width: 100%; --layout_header_inner_max_width_px: 1200; --layout_header_inner_max_width: 1200px; /* LAYOUT BODY */ --layout_body_max_width: 100%; --layout_body_columns_max_width_px: 1200; --layout_body_columns_max_width: 1200px; /* LAYOUT FOOTER */ --layout_footer_max_width: 100%; --layout_footer_inner_max_width_px: 1200; --layout_footer_inner_max_width: 1200px; } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 767px) { html.css_cache_disable body.header_visual_banner_fullwidth #page, html.css_cache_disable body.header_visual_banner_unfullwidth #page { background: var(--cache_disabled_sprite_file_path) repeat-x 0px -260px; } } /* * ===================== * COD_LAYOUT * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ #header { background-color:var(--bco_white); } /* * ===================== * COD_LAYOUT * ===================== */ #footer { background-color:var(--bco_footer); padding-top:var(--pad_m); } #footer_top { padding-top:20px; margin-top:0px; padding-bottom:20px; margin-bottom:40px; background-color:var(--bco_footer); border-top:solid 1px var(--col_bauer_club_diffuseurs_blue_xs); border-bottom:solid 1px var(--col_bauer_club_diffuseurs_blue_xs); } #footer_bottom_last_row { padding-top:20px; margin-top:20px; padding-bottom:20px; background-color:var(--bco_footer); border-top:solid 1px var(--col_bauer_club_diffuseurs_blue_xs); } #footer_bottom_last_row p, #footer_bottom_last_row a { display:inline-block; margin-left:5px; margin-right:5px; color:var(--col_bauer_grey_blue); } #footer_bottom_last_row a:hover { color:var(--col_bauer_blue); } #footer a.footer_button { width:40px; height:40px; border:solid 1px var(--col_bauer_club_diffuseurs_blue); border-radius:20px; justify-content: center; align-items: center; } #footer a.footer_button span { font-size:20px; color:var(--col_bauer_club_diffuseurs_blue); } #footer a.footer_button:hover { background-color:var(--col_bauer_club_diffuseurs_blue); } #footer a.footer_button:hover span { color:var(--col_white); background-color:var(--col_bauer_club_diffuseurs_blue); } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { #footer_bottom { flex-direction: column; } } /* * ===================== * COD_LAYOUT * ===================== */ /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ body.horizontal_menu #body, body.vertical_menu #body { padding-bottom: 0px; margin-bottom: 0px; } :root { --h2_font_size_default: 1.50rem; --h2_background_color: var(--bco_h2); --h2_color: var(--col_h2); --h2_text_transform: uppercase; --h2_font_weight: normal; --h2_margin_bottom: var(--mar_l); } /* * -------------- * TITRES * ---------------- */ h1, .h1_like, h1 > span, .h1_like > span { display:none; } h2, body.mce-content-body h2 { font-size:var(--h2_font_size_default); line-height:calc(var(--h2_font_size_default) * var(--h_line_height_multiplicator)); } /* * ===================== * COD_CSS * ===================== */ .bordered_rounded { border-radius: 0px; } /* * ===================== * COD_CSS * ===================== */ :root { --cache_disabled_sprite_file_path: url(/odm/templates/coiffure/odm/templates/coiffure/images/sprite.png); --cache_enabled_sprite_file_path: url(/odm/templates/coiffure/images/sprite.png); } /* * ===================== * COD_CSS * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { #header_logo { padding: 0px 0px 0px 0px; } #header_logo a { width:400px; height: 70px; } html.css_cache_enable #header_logo a { background: var(--cache_enabled_sprite_file_path) no-repeat 0px 0px; } html.css_cache_disable #header_logo a { background: var(--cache_disabled_sprite_file_path) no-repeat 0px 0px; } } /* * -------------- * TABLET + DESKTOP !!! VALEUR PARTICULIERE EMPIRIQUE * ---------------- */ @media screen and (min-width : 767px) { #header_logo a { width: 400px; height: 70px; } } /* * ===================== * COD_CSS * ===================== */ :root { /* FONT-FAMILLY */ --fon_familly_default: "Arial", helvetica, sans-serif; /* FONT-SIZE */ --fon_size_default: 1rem; --fon_size_l: 20px; /* LINE HEIGHT */ --fon_line_height_default: auto /*1.30em*/; } /* * ===================== * COD_CSS * ===================== */ :root { --col_website_green_light: rgba(194, 231, 81, 1); --col_website_green_dark: rgba(34, 76, 0, 1); --col_website_brown_dark: rgba(72, 57, 4, 1); --col_website_purple: rgba(242, 145, 30, 1); --col_website_light_blue: rgba(52, 156, 220, 1); --col_website_grey_blue: rgba(0, 0, 0, 200); /* ------------------------ FIRST COLOR */ --bco_first: var(--col_black); --col_first_comp: var(--col_white); --col_first: var(--bco_first); --bco_first_hover: var(--col_black); --col_first_hover_comp: var(--col_white); --col_first_hover: var(--col_first_hover_comp); /* ------------------------ SECOND COLOR */ --bco_second: var(--col_website_grey_blue); --col_second_comp: var(--col_white); --col_second: var(--col_website_grey_blue); --bco_second_hover: var(--col_website_green_light); --col_second_hover_comp: var(--col_white); --col_second_hover: var(--col_white); /* ------------------------ THIRD COLOR */ --bco_third: rgba(104, 136, 18, 1); --col_third_comp: var(--col_white); --col_third: var(--bco_third); --bco_third_hover: rgba(65, 87, 5, 1); --col_third_hover_comp: var(--col_black); --col_third_hover: var(--bco_third_hover); /* ------------------------ FOURTH COLOR */ --bco_fourth: rgba(248, 165, 36, 1); --col_fourth_comp: var(--col_white); --col_fourth: var(--bco_fourth); --bco_fourth_hover: rgba(195, 97, 2, 1); --col_fourth_hover_comp: var(--col_black); --col_fourth_hover: var(--bco_fourth_hover); /* ------------------------ LAYOUT */ --bco_footer: rgba(255, 255, 255, 1); --col_footer_comp: var(--col_white); --col_footer: var(--col_white); --col_footer_hover: var(--col_website_green_light); /* ------------------------ BOUTONS FRONT-OFFICE */ --bco_front_office_button_first: var(--bco_first); --col_front_office_button_first_comp: var(--col_first_comp); --bco_front_office_button_first_hover: var(--bco_first_hover); --col_front_office_button_first_hover_comp: var(--col_first_hover_comp); /* ------------------------ LAYOUT */ --bco_html: var(--col_black); --col_html_comp: var(--col_white); --bco_header: var(--col_black); --col_header_comp: var(--col_white); --bco_body: var(--col_black); --col_body_com: var(--col_white); --bco_footer: var(--col_white); --col_footer_comp: var(--col_black); --col_footer: var(--col_footer_comp); --col_footer_hover: var(--col_footer_comp); --bco_popup_html: var(--col_white); --col_popup_html_comp: var(--col_black); } .col_first.button:hover, .col_first.button:focus, .col_first.button_like:hover, .col_first.button_like:focus, input[type="checkbox"].show_menu:focus ~ .col_first.button, .col_first.background:hover, .col_first.background:focus { background-color:var(--bco_first_hover); color:var(--col_first_hover_comp); } /* * ===================== * COD_CSS * ===================== */ :root { --col_button_hover_comp: var(--col_first_hover_comp); } /* * ===================== * COD_CSS * ===================== */ .button:not(.unbordered), .button_like:not(.unbordered), .button_like_xm:not(.unbordered) { /*border: 0px;*/ }/* * ===================== * COD_PLEASEWAIT * ===================== */ /* * 05/10/2023. COULEUR DE FOND DE LA PAGE PLEASEWAIT */ .pg-loading-screen .pg-loading-inner { background-color:var(--bc_html); } /* line 21, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen { position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 1000000; opacity: 1; background-color: #FFF; -webkit-transition: background-color 0.6s ease-in-out 0s; -moz-transition: background-color 0.6s ease-in-out 0s; -ms-transition: background-color 0.6s ease-in-out 0s; -o-transition: background-color 0.6s ease-in-out 0s; : background-color 0.6s ease-in-out 0s; margin:0px; padding:0px; border:0px; } /* line 32, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen.pg-loaded { opacity: 0; -webkit-animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both; -moz-animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both; -ms-animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both; -o-animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both; animation: pgAnimLoaded 0.5s cubic-bezier(0.7, 0, 0.3, 1) both; } /* line 38, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen.pg-loading .pg-loading-logo-header, .pg-loading-screen.pg-loading .pg-loading-html { opacity: 1; } /* line 42, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen.pg-loading .pg-loading-logo-header, .pg-loading-screen.pg-loading .pg-loading-html:not(.pg-loaded) { -webkit-animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both; -moz-animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both; -ms-animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both; -o-animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both; animation: pgAnimLoading 1s cubic-bezier(0.7, 0, 0.3, 1) both; border:none /*!important*/; } /* line 46, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen.pg-loading .pg-loading-html:not(.pg-loaded) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; } /* line 51, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen .pg-loading-inner { height: 100%; width: 100%; margin: 0; padding: 0; position: static; } /* line 59, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen .pg-loading-center-outer { width: 100%; padding: 0; display: table /*!important*/; height: 100%; position: absolute; top: 0; left: 0; margin: 0; } /* line 70, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen .pg-loading-center-middle { padding: 0; vertical-align: middle; display: table-cell /*!important*/; margin: 0; text-align: center; } /* line 78, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen .pg-loading-logo-header, .pg-loading-screen .pg-loading-html { width: 100%; opacity: 0; } /* line 83, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen .pg-loading-logo-header { text-align: center; } /* line 86, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen .pg-loading-logo-header img { display: inline-block /*!important*/; width:auto /*!important*/; height:auto /*!important*/; } .pg-loading-screen h1.pg-loading-logo-header { display:none; /* 03/02/2023 LUDOVIC TRANSFORM */ } /* line 91, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen .pg-loading-html { /* LUDOVIC TRANSFORM margin-top: 90px; */ margin-top: 0px; } /* line 94, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen .pg-loading-html.pg-loaded { -webkit-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); -ms-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); -o-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); : opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); } /* line 97, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen .pg-loading-html.pg-loaded.pg-removing { opacity: 0; } /* line 101, .temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/src/please-wait.scss */ .pg-loading-screen .pg-loading-html.pg-loaded.pg-loading { opacity: 1; } @-webkit-keyframes pgAnimLoading { from { opacity: 0; } } @-moz-keyframes pgAnimLoading { from { opacity: 0; } } @-o-keyframes pgAnimLoading { from { opacity: 0; } } @-ms-keyframes pgAnimLoading { from { opacity: 0; } } @keyframes pgAnimLoading { from { opacity: 0; } } @-webkit-keyframes pgAnimLoaded { from { opacity: 1; } } @-moz-keyframes pgAnimLoaded { from { opacity: 1; } } @-o-keyframes pgAnimLoaded { from { opacity: 1; } } @-ms-keyframes pgAnimLoaded { from { opacity: 1; } } @keyframes pgAnimLoaded { from { opacity: 1; } } /* * ===================== * COD_PLEASEWAIT * ===================== */ /* IE8 BUG */ @media screen and (min-width : 999999px) { body .inner { display: block; } body.pg-loaded .inner { display: none; } } /* * MOBILE */ @media screen and (max-width: 600px) { div.inner { display:block; height:100%; width:100%; } } /* * DESKTOP */ @media screen and (min-width : 600px) { div.inner { /*display:table; height:100%; width:100%;*/ } } body.pg-loaded { } .container section.header { padding-top: 50px; text-align: center; position: relative; border-bottom: 1px solid #EEE; padding-bottom: 25px; margin-bottom: 25px; } .container section.header h2 { font-weight: 300; font-size: 32px; } .container section.header h4 { font-weight: 300; margin-top: 15px; } .container section.header button { margin-top: 25px; text-transform: uppercase; font-weight: 300; font-size: 14px; } .container section.header .info { margin-top: 90px; } .container section.instructions > section { border-bottom: 1px solid #EEE; padding-bottom: 25px; margin-bottom: 25px; } .pg-loading-screen .pg-loading-html { /* LUDOVIC TRANSFORM 03/02/2023. margin-top: 30px;*/ margin-top : 0px; } .pg-loading-screen .pg-loading-html p { color: #000; font-weight: 300; } .pg-loading-screen .pg-loading-html form { max-width: 400px; margin: 0 auto; } .pg-loading-screen .pg-loading-html p.loading-message { font-size: 20px; margin-bottom: 100px; } .close-please-wait { position: fixed; left: 10px; bottom: 10px; z-index: 10000000; } .toolbar { position: fixed; right: 10px; bottom: 10px; z-index: 10000000; max-width: 300px; } .toolbar .panel { width: 300px; } .toolbar .info { margin-top: 5px; } /*************************************** Spinners ****************************************/ /* * Usage: * *

* */ .sk-spinner-rotating-plane.sk-spinner { width: 30px; height: 30px; background-color: #000; margin: 0 auto; -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* * Usage: * * * */ .sk-spinner-double-bounce.sk-spinner { width: 40px; height: 40px; position: relative; margin: 0 auto; } .sk-spinner-double-bounce .sk-double-bounce1, .sk-spinner-double-bounce .sk-double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #000; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-doubleBounce 2s infinite ease-in-out; animation: sk-doubleBounce 2s infinite ease-in-out; } .sk-spinner-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: * * * */ .sk-spinner-wave.sk-spinner { margin: 0 auto; width: 50px; height: 60px; text-align: center; font-size: 10px; } .sk-spinner-wave div { background-color: #000; height: 100%; width: 6px; margin: 0 1px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-spinner-wave.white div { background-color:var(--bc_html); margin-bottom:40px; /* LUDOVIC TRANSFORM 03/02/2023 AJSUTEMENT VERTICAL VERS LE HAUT POUR SE POSITTIONNER A LA MEME "ORDONNÉE" QUE LE "AJAX LOADER"*/ } .sk-spinner-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-spinner-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-spinner-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-spinner-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } /* * Usage: * * * */ .sk-spinner-wandering-cubes.sk-spinner { margin: 0 auto; width: 32px; height: 32px; position: relative; } .sk-spinner-wandering-cubes .sk-cube1, .sk-spinner-wandering-cubes .sk-cube2 { background-color: #000; width: 10px; height: 10px; position: absolute; top: 0; left: -11px; -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out; animation: sk-wanderingCubeMove 1.8s infinite ease-in-out; } .sk-spinner-wandering-cubes .sk-cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-wanderingCubeMove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { /* Hack to make FF rotate in the right direction */ -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes sk-wanderingCubeMove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { /* Hack to make FF rotate in the right direction */ -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } /* * Usage: * * * */ .sk-spinner-pulse.sk-spinner { width: 40px; height: 40px; margin: 0 auto; background-color: #000; border-radius: 100%; -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out; animation: sk-pulseScaleOut 1s infinite ease-in-out; } @-webkit-keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } /* * Usage: * * * */ .sk-spinner-chasing-dots.sk-spinner { margin: 0 auto; width: 40px; height: 40px; position: relative; text-align: center; -webkit-animation: sk-chasingDotsRotate 2s infinite linear; animation: sk-chasingDotsRotate 2s infinite linear; } .sk-spinner-chasing-dots .sk-dot1, .sk-spinner-chasing-dots .sk-dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #000; border-radius: 100%; -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out; animation: sk-chasingDotsBounce 2s infinite ease-in-out; } .sk-spinner-chasing-dots .sk-dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: * * * */ .sk-spinner-three-bounce.sk-spinner { margin: 0 auto; width: 70px; text-align: center; } .sk-spinner-three-bounce div { width: 18px; height: 18px; background-color: #000; border-radius: 100%; display: inline-block; -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out; animation: sk-threeBounceDelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sk-spinner-three-bounce .sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-spinner-three-bounce .sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-threeBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-threeBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: * * * */ .sk-spinner-circle.sk-spinner { margin: 0 auto; width: 22px; height: 22px; position: relative; } .sk-spinner-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-spinner-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 20%; height: 20%; background-color: #000; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out; animation: sk-circleBounceDelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sk-spinner-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-spinner-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-spinner-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-spinner-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-spinner-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-spinner-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-spinner-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-spinner-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-spinner-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-spinner-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-spinner-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-spinner-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-spinner-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-spinner-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-spinner-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-spinner-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-spinner-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-spinner-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-spinner-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-spinner-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-spinner-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-spinner-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: * * * */ .sk-spinner-cube-grid { /* * Spinner positions * 1 2 3 * 4 5 6 * 7 8 9 */ } .sk-spinner-cube-grid.sk-spinner { width: 30px; height: 30px; margin: 0 auto; } .sk-spinner-cube-grid .sk-cube { width: 33%; height: 33%; background: #000; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-spinner-cube-grid .sk-cube:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-spinner-cube-grid .sk-cube:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-spinner-cube-grid .sk-cube:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-spinner-cube-grid .sk-cube:nth-child(4) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-spinner-cube-grid .sk-cube:nth-child(5) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-spinner-cube-grid .sk-cube:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-spinner-cube-grid .sk-cube:nth-child(7) { -webkit-animation-delay: 0s; animation-delay: 0s; } .sk-spinner-cube-grid .sk-cube:nth-child(8) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-spinner-cube-grid .sk-cube:nth-child(9) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } /* * Usage: * * * */ .sk-spinner-fading-circle.sk-spinner { margin: 0 auto; width: 22px; height: 22px; position: relative; } .sk-spinner-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-spinner-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 18%; height: 18%; background-color: #000; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out; animation: sk-circleFadeDelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sk-spinner-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-spinner-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-spinner-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-spinner-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-spinner-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-spinner-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-spinner-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-spinner-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-spinner-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-spinner-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-spinner-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-spinner-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-spinner-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-spinner-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-spinner-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-spinner-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-spinner-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-spinner-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-spinner-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-spinner-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-spinner-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-spinner-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @-webkit-keyframes pgAnimLoading { from { opacity: 0; } } @-moz-keyframes pgAnimLoading { from { opacity: 0; } } @-o-keyframes pgAnimLoading { from { opacity: 0; } } @-ms-keyframes pgAnimLoading { from { opacity: 0; } } @keyframes pgAnimLoading { from { opacity: 0; } } /* * ===================== * COD_JQUERYUI_TAB * COD_SITEMAP * ===================== */ /* * MOBILES */ @media screen and (max-width: 600px) { div.tabs ul.ui-tabs-nav li { margin-top:10px /*09/09/2022!important*/; } } /* * TOUTES RESOLUTIONS */ .ui-tabs .ui-tabs-panel { padding:2px 0px 0px 0px; } div.tabs { background:none; margin:0px; padding:0px; border:0px; } div.tabs ul.ui-tabs-nav, div.tabs ul.ui-tabs-nav li, div.tabs ul.ui-tabs-nav li a { margin:0px; padding:0px; border:0px; background:none; } div.tabs ul.ui-tabs-nav li { display:block; float:left; } div.tabs ul.ui-tabs-nav li.ui-state-active a { background:#79714b; } div.tabs ul.ui-tabs-nav li a { display:block; background:#e6e6e6; color:#000; padding:4px 10px 4px 10px; border-radius:3px; font-weight:normal; margin-right:10px; border:solid 1px #665f3c; cursor:pointer /*09/09/2022!important*/; font-size: 14px; } div.tabs ul.ui-tabs-nav li a:not(.no-hover):hover { background:#888888; border-color:#737373; color:#fff; } /* * TOUTES RESOLUTIONS */ ul.menu-list li { display: block; margin-bottom: 5px; border: 1px solid #eee; background: #fff; } ul.menu-list > li a { background: #fff; display: block; font-size: 14px; color: red; text-transform: uppercase; text-decoration: none; padding: 10px; } ul.menu-list > li a:hover { cursor: move; } ul.menu-list ul { margin-left: 20px; margin-top: 5px; } li.menu-highlight { border: 1px dashed red /*09/09/2022!important*/; background: #f5f5f5; } /*! jQuery UI - v1.13.2 - 2022-07-14 * http:/jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http:/jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; /*24/06/2023 -ms-filter: "alpha(opacity=0)";/ /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default /*09/09/2022!important*/; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 0.8em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP/yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; /* 2.ui-helper-zfix 4/06/2023 -ms-filter: "alpha(opacity=25)";*/ /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { /* 24/06/2023 -ms-filter: "alpha(opacity=35)";*/ /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/opt/extensions/community/templates/core/offices/common/css/javascript/plugins/jqueryui/odm/templates/coiffure/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/opt/extensions/community/templates/core/offices/common/css/javascript/plugins/jqueryui/odm/templates/coiffure/images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/opt/extensions/community/templates/core/offices/common/css/javascript/plugins/jqueryui/odm/templates/coiffure/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/opt/extensions/community/templates/core/offices/common/css/javascript/plugins/jqueryui/odm/templates/coiffure/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/opt/extensions/community/templates/core/offices/common/css/javascript/plugins/jqueryui/odm/templates/coiffure/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/opt/extensions/community/templates/core/offices/common/css/javascript/plugins/jqueryui/odm/templates/coiffure/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/opt/extensions/community/templates/core/offices/common/css/javascript/plugins/jqueryui/odm/templates/coiffure/images/ui-icons_777777_256x240.png"); } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .003; -ms-filter: Alpha(Opacity=.3); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } #central_dialog { display:none; } #central_dialog_iframed { display:none; background:#fafafa; margin-bottom:var(--margin_l); border-bottom: solid 1px #eee; } #central_dialog_iframed iframe { border:0px; padding:0px; margin:0px; box-sizing:border-box; height:99% /*09/09/2022!important*/; } .ui-dialog { left: 0; outline: 0 none; overflow: hidden; padding: 0px; position: absolute; top: 0; border:0px; border-radius:3px /*09/09/2022!important*/; } .ui-dialog .ui-dialog-content, .ui-dialog-content.ui-widget-content { padding: var(--padding_l); } .ui-dialog .ui-dialog-content { padding:0px; } /* * ------------ * FOND * ------------ */ .ui-dialog .ui-widget-content { background: #fff; } /* * ------------ * EN-TETE * ------------ */ .ui-dialog .ui-widget-header { height:35px; background-color:#fafafa; border-bottom: solid 1px #eee; } .ui-dialog .ui-dialog-titlebar-close { position:absolute; z-index:99999; width:10px; height:10px; top:23px; right:20px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC); background-repeat:no-repeat; background-color:rgba(255,255,255,0); border:0px; outline-color:rgba(255,255,255,0); } .ui-dialog .ui-dialog-titlebar-close:hover { opacity:0.3; } .ui-dialog .ui-dialog-titlebar-close span { display:none; } /* * ------------ * TEXTE * ------------ */ div.ui-dialog .text { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-wrap: nowrap; flex-basis: auto; justify-content: flex-start; box-sizing:border-box; } /* * BLOC GENERAL */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear:left; padding: 5px 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 40%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-div .ui_tpicker_unit_hide{ display: none; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt{ float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; } /* Shortened version style */ .ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt { display: none; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; } .ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; } .ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; } #central_dialog_confirm .buttons { margin:auto; overflow:auto; text-align:center; margin-top:20px; } #central_dialog_confirm .buttons input:first-child { margin-right:10px; } #central_dialog_confirm .buttons input:last-child { margin-left:10px; } .ui-autocomplete-loading { background: url(".temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/.temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/.temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/.temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/.temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/.temp/odm/templates/core/offices/common/css/javascript/plugins/carousel-slick/odm/opt/extensions/community/templates/core/offices/common/css/javascript/plugins/jqueryui/odm/templates/coiffure/images/ui-anim_basic_16x16.gif") right center no-repeat /*09/09/2022!important*/; /* NJS */ } .ui-autocomplete { max-height: 300px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } /** * TOUTES RESOLUTIONS */ ul.ui-autocomplete, ul.ui-autocomplete li { padding:0px; list-style:none; font-size:inherit; } ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li.list-header { background:rgba(255,255,255,1); color:#000; border:none; margin:0px; font-weight:normal; padding:10px 10px 10px 10px; } ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li.ui-menu-item { background:rgba(255,255,255,1); color:#000000; border:none; margin:0px; padding:3px; font-weight:normal; } ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li.ui-menu-item:hover { background:rgba(42,91,133,1); color:#fff; font-weight:normal; } ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li.ui-menu-item div { padding:5px; margin:0px; border:0px; background:none; font-weight:normal; } /** * alertifyjs 1.11.3 http:/alertifyjs.com * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. * Copyright 2019 Mohammad Younes (http:/alertifyjs.com) * Licensed under GPL 3 */ .alertify .ajs-dimmer { position: fixed; z-index: 1981; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; background-color: #252525; opacity: .5 } .alertify .ajs-modal { position: fixed; top: 0; right: 0; left: 0; bottom: 0; padding: 0; overflow-y: auto; z-index: 1981 } .alertify .ajs-dialog { position: relative; margin: 5% auto; min-height: 110px; max-width: 500px; padding: 24px 24px 0 24px; outline: 0; background-color: #fff } .alertify .ajs-dialog.ajs-capture:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1 } .alertify .ajs-reset { position: absolute/*!important*/; display: inline/*!important*/; width: 0/*!important*/; height: 0/*!important*/; opacity: 0/*!important*/ } .alertify .ajs-commands { position: absolute; right: -15px; top:18px; margin: -14px 24px 0 0; z-index: 2 } .alertify .ajs-input { margin-top:10px; } .alertify .ajs-commands button { display: none; width: 10px; height: 10px; margin-left: 10px; padding: 10px; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer } .alertify .ajs-commands button.ajs-close { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC) } .alertify .ajs-commands button.ajs-close:hover /* 15/06/2019 UNICREA */ { opacity:0.3; } .alertify .ajs-commands button.ajs-maximize { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8/8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC) } .alertify .ajs-header { margin: -24px; margin-bottom: 0; padding: 16px 24px; background-color: #fafafa; border-bottom:#eee 1px solid; } .alertify .ajs-body { min-height: 56px } .alertify .ajs-body .ajs-content { padding: 16px 0px 16px 0px /* UNICREA */ } .alertify .ajs-footer { padding: 4px; margin-left: -24px; margin-right: -24px; min-height: 43px; background-color: #fafafa; border-top:#eee 1px solid; } .alertify .ajs-footer .ajs-buttons.ajs-primary { text-align: right } .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button { margin: 4px } .alertify .ajs-footer .ajs-buttons.ajs-auxiliary { float: left; clear: none; text-align: left } .alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button { margin: 4px } .alertify .ajs-footer .ajs-buttons .ajs-button { min-width: 88px; min-height: 35px } .alertify .ajs-handle { position: absolute; display: none; width: 10px; height: 10px; right: 0; bottom: 0; z-index: 1; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==); /*-webkit-transform: scaleX(1);*/ transform: scaleX(1); cursor: se-resize } .alertify.ajs-no-overflow .ajs-body .ajs-content { overflow: hidden/*!important*/ } .alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content { left: 0; right: 0; padding: 0 } .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body { margin-left: -24px; margin-right: -24px } .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content { padding: 0 } .alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content { left: 0; right: 0 } .alertify.ajs-maximizable .ajs-commands button.ajs-maximize, .alertify.ajs-maximizable .ajs-commands button.ajs-restore { display: inline-block } .alertify.ajs-closable .ajs-commands button.ajs-close { display: inline-block } .alertify.ajs-maximized .ajs-dialog { width: 100%/*!important*/; height: 100%/*!important*/; max-width: none/*!important*/; margin: 0 auto/*!important*/; top: 0/*!important*/; left: 0/*!important*/ } .alertify.ajs-maximized.ajs-modeless .ajs-modal { position: fixed/*!important*/; min-height: 100%/*!important*/; max-height: none/*!important*/; margin: 0/*!important*/ } .alertify.ajs-maximized .ajs-commands button.ajs-maximize { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=) } .alertify.ajs-maximized .ajs-dialog, .alertify.ajs-resizable .ajs-dialog { padding: 0 } .alertify.ajs-maximized .ajs-commands, .alertify.ajs-resizable .ajs-commands { margin: 14px 24px 0 0 } .alertify.ajs-maximized .ajs-header, .alertify.ajs-resizable .ajs-header { position: absolute; top: 0; left: 0; right: 0; margin: 0; padding: 16px 24px } .alertify.ajs-maximized .ajs-body, .alertify.ajs-resizable .ajs-body { min-height: 224px; display: inline-block } .alertify.ajs-maximized .ajs-body .ajs-content, .alertify.ajs-resizable .ajs-body .ajs-content { position: absolute; top: 50px; right: 24px; bottom: 50px; left: 24px; overflow: auto } .alertify.ajs-maximized .ajs-footer, .alertify.ajs-resizable .ajs-footer { position: absolute; left: 0; right: 0; bottom: 0; margin: 0 } .alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog { min-width: 548px } .alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle { display: block } .alertify.ajs-movable:not(.ajs-maximized) .ajs-header { cursor: move } .alertify.ajs-modeless .ajs-dimmer, .alertify.ajs-modeless .ajs-reset { display: none } .alertify.ajs-modeless .ajs-modal { overflow: visible; max-width: none; max-height: 0 } .alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin { display: inline-block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC) } .alertify.ajs-modeless.ajs-unpinned .ajs-modal { position: absolute } .alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8/8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=) } .alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body { max-height: 500px; overflow: auto } .alertify.ajs-basic .ajs-header { opacity: 0 } .alertify.ajs-basic .ajs-footer { visibility: hidden } .alertify.ajs-frameless .ajs-header { position: absolute; top: 0; left: 0; right: 0; min-height: 60px; margin: 0; padding: 0; opacity: 0; z-index: 1 } .alertify.ajs-frameless .ajs-footer { display: none } .alertify.ajs-frameless .ajs-body .ajs-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog { padding-top: 0 } .alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands { margin-top: 0 } .ajs-no-overflow { overflow: hidden/*!important*/; outline: 0 } .ajs-no-overflow.ajs-fixed { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll/*!important*/ } .ajs-no-selection, .ajs-no-selection * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } @media screen and (max-width:568px) { .alertify .ajs-dialog { min-width: 150px } .alertify:not(.ajs-maximized) .ajs-modal { padding: 0 5% } .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog { min-width: initial; min-width: auto } } .alertify .ajs-dimmer, .alertify .ajs-modal { /*-webkit-transform: translate3d(0, 0, 0);*/ transform: translate3d(0, 0, 0); /*-webkit-transition-property: opacity, visibility;*/ transition-property: opacity, visibility; /*-webkit-transition-timing-function: linear;*/ transition-timing-function: linear; /*-webkit-transition-duration: 250ms;*/ transition-duration: 250ms } .alertify.ajs-hidden .ajs-dimmer, .alertify.ajs-hidden .ajs-modal { visibility: hidden; opacity: 0 } .alertify.ajs-in:not(.ajs-hidden) .ajs-dialog { /*-webkit-animation-duration: .5s;*/ animation-duration: .5s } .alertify.ajs-out.ajs-hidden .ajs-dialog { /*-webkit-animation-duration: 250ms;*/ animation-duration: 250ms } .alertify .ajs-dialog.ajs-shake { /*-webkit-animation-name: ajs-shake;*/ animation-name: ajs-shake; /*-webkit-animation-duration: .1s;*/ animation-duration: .1s; /*-webkit-animation-fill-mode: both;*/ animation-fill-mode: both } @-webkit-keyframes ajs-shake { 0%, 100% { /*-webkit-transform:translate3d(0, 0, 0);*/ transform:translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { /*-webkit-transform:translate3d(-10px, 0, 0);*/ transform:translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { /*-webkit-transform:translate3d(10px, 0, 0);*/ transform:translate3d(10px, 0, 0) } } @keyframes ajs-shake { 0%, 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } } .alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog { -webkit-animation-name: ajs-slideIn; animation-name: ajs-slideIn; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275); animation-timing-function: cubic-bezier(.175, .885, .32, 1.275) } .alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog { -webkit-animation-name: ajs-slideOut; animation-name: ajs-slideOut; -webkit-animation-timing-function: cubic-bezier(.6, -.28, .735, .045); animation-timing-function: cubic-bezier(.6, -.28, .735, .045) } .alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog { -webkit-animation-name: ajs-zoomIn; animation-name: ajs-zoomIn } .alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog { -webkit-animation-name: ajs-zoomOut; animation-name: ajs-zoomOut } .alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog { -webkit-animation-name: ajs-fadeIn; animation-name: ajs-fadeIn } .alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog { -webkit-animation-name: ajs-fadeOut; animation-name: ajs-fadeOut } .alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog { -webkit-animation-name: ajs-pulseIn; animation-name: ajs-pulseIn } .alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog { -webkit-animation-name: ajs-pulseOut; animation-name: ajs-pulseOut } .alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog { -webkit-animation-name: ajs-flipInX; animation-name: ajs-flipInX } .alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog { -webkit-animation-name: ajs-flipOutX; animation-name: ajs-flipOutX } .alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog { -webkit-animation-name: ajs-flipInY; animation-name: ajs-flipInY } .alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog { -webkit-animation-name: ajs-flipOutY; animation-name: ajs-flipOutY } @-webkit-keyframes ajs-pulseIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } 100% { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes ajs-pulseIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } 100% { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @-webkit-keyframes ajs-pulseOut { 20% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 50%, 55% { opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 100% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } } @keyframes ajs-pulseOut { 20% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 50%, 55% { opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 100% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } } @-webkit-keyframes ajs-zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.25, .25, .25); transform:scale3d(.25, .25, .25) } 100% { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes ajs-zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.25, .25, .25); transform:scale3d(.25, .25, .25) } 100% { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @-webkit-keyframes ajs-zoomOut { 0% { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 100% { opacity:0; -webkit-transform:scale3d(.25, .25, .25); transform:scale3d(.25, .25, .25) } } @keyframes ajs-zoomOut { 0% { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 100% { opacity:0; -webkit-transform:scale3d(.25, .25, .25); transform:scale3d(.25, .25, .25) } } @-webkit-keyframes ajs-fadeIn { 0% { opacity:0 } 100% { opacity:1 } } @keyframes ajs-fadeIn { 0% { opacity:0 } 100% { opacity:1 } } @-webkit-keyframes ajs-fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @keyframes ajs-fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @-webkit-keyframes ajs-flipInX { 0% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg); transform:perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg); transform:perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg); transform:perspective(400px) rotate3d(1, 0, 0, 10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg); transform:perspective(400px) rotate3d(1, 0, 0, -5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes ajs-flipInX { 0% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg); transform:perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg); transform:perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg); transform:perspective(400px) rotate3d(1, 0, 0, 10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg); transform:perspective(400px) rotate3d(1, 0, 0, -5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @-webkit-keyframes ajs-flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg); transform:perspective(400px) rotate3d(1, 0, 0, -20deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg); transform:perspective(400px) rotate3d(1, 0, 0, 90deg); opacity:0 } } @keyframes ajs-flipOutX { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg); transform:perspective(400px) rotate3d(1, 0, 0, -20deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg); transform:perspective(400px) rotate3d(1, 0, 0, 90deg); opacity:0 } } @-webkit-keyframes ajs-flipInY { 0% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); transform:perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg); transform:perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg); transform:perspective(400px) rotate3d(0, 1, 0, 10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg); transform:perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes ajs-flipInY { 0% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); transform:perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; opacity:0 } 40% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg); transform:perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in } 60% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg); transform:perspective(400px) rotate3d(0, 1, 0, 10deg); opacity:1 } 80% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg); transform:perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @-webkit-keyframes ajs-flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg); transform:perspective(400px) rotate3d(0, 1, 0, -15deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); transform:perspective(400px) rotate3d(0, 1, 0, 90deg); opacity:0 } } @keyframes ajs-flipOutY { 0% { -webkit-transform:perspective(400px); transform:perspective(400px) } 30% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg); transform:perspective(400px) rotate3d(0, 1, 0, -15deg); opacity:1 } 100% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); transform:perspective(400px) rotate3d(0, 1, 0, 90deg); opacity:0 } } @-webkit-keyframes ajs-slideIn { 0% { margin-top:-100% } 100% { margin-top:5% } } @keyframes ajs-slideIn { 0% { margin-top:-100% } 100% { margin-top:5% } } @-webkit-keyframes ajs-slideOut { 0% { margin-top:5% } 100% { margin-top:-100% } } @keyframes ajs-slideOut { 0% { margin-top:5% } 100% { margin-top:-100% } } .alertify-notifier { position: fixed; width: 0; overflow: visible; z-index: 1982; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .alertify-notifier .ajs-message { position: relative; width: 260px; max-height: 0; padding: 0; opacity: 0; margin: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-timing-function: linear; transition-timing-function: linear } .alertify-notifier .ajs-message.ajs-visible { -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275); transition-timing-function: cubic-bezier(.175, .885, .32, 1.275); opacity: 1; max-height: 100%; padding: 15px; margin-top: 10px } .alertify-notifier .ajs-message.ajs-success { background: rgba(91,189,114,.95) } .alertify-notifier .ajs-message.ajs-error { background: rgba(217,92,92,.95) } .alertify-notifier .ajs-message.ajs-warning { background: rgba(252,248,215,.95) } .alertify-notifier .ajs-message .ajs-close { position: absolute; top: 0; right: 0; width: 16px; height: 16px; cursor: pointer; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: center center; background-color: rgba(0,0,0,.5); border-top-right-radius: 2px } .alertify-notifier.ajs-top { top: 10px } .alertify-notifier.ajs-bottom { bottom: 10px } .alertify-notifier.ajs-right { right: 10px } .alertify-notifier.ajs-right .ajs-message { right: -320px } .alertify-notifier.ajs-right .ajs-message.ajs-visible { right: 290px } .alertify-notifier.ajs-left { left: 10px } .alertify-notifier.ajs-left .ajs-message { left: -300px } .alertify-notifier.ajs-left .ajs-message.ajs-visible { left: 0 } .alertify-notifier.ajs-center { left: 50% } .alertify-notifier.ajs-center .ajs-message { -webkit-transform: translateX(-50%); transform: translateX(-50%) } .alertify-notifier.ajs-center .ajs-message.ajs-visible { left: 50%; -webkit-transition-timing-function: cubic-bezier(.57, .43, .1, .65); transition-timing-function: cubic-bezier(.57, .43, .1, .65) } .alertify-notifier.ajs-center.ajs-top .ajs-message { top: -300px } .alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible { top: 0 } .alertify-notifier.ajs-center.ajs-bottom .ajs-message { bottom: -300px } .alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible { bottom: 0 } .alertify .ajs-dialog { top: 50%; transform: translateY(-50%); margin: auto; } .ajax_loader.loader { border: 6px solid rgba(100,100,100,1); border-top: 6px solid #ffffff; border-radius: 50%; width: 60px; height: 60px; animation: ajax_loader_spin 1s linear infinite; } .ajax_loader.loader_mini { border: 6px solid rgba(100,100,100,1); border-top: 6px solid #ffffff; border-radius: 50%; width: 10px; height: 10px; animation: ajax_loader_spin 1s linear infinite; } @keyframes ajax_loader_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ludovic2 { padding:50px; background-color:#3C0; } /*! * FullCalendar v3.9.0 * Docs & License: https:/fullcalendar.io/ * (c) 2018 Adam Shaw */.fc-view-container table{margin-top:0px; margin-bottom:0px;}span.fc-time{color:#fff;}span.fc-title{color:#fff;}#calendar.fc button,.fc table,body .fc{font-size:1em}.fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-icon,.fc-unselectable{-webkit-touch-callout:none;/*23/06/2023-khtml-user-select:none*/}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{/*23/06/2023 -webkit-overflow-scrolling:touch*/}.fc-icon,.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:0px;border:1px solid #3a87ad}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999/*!important*/;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:0px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc.fc-bootstrap3 a,.ui-widget .fc-event{text-decoration:none}.fc-limited{display:none}.fc-icon,.fc-toolbar .fc-center{display:inline-block}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-bootstrap3 .fc-popover .panel-body,.fc-bootstrap4 .fc-popover .card-body{padding:0}.fc-now-indicator{position:absolute;border:0 solid red}.fc-bootstrap3 .fc-today.alert,.fc-bootstrap4 .fc-today.alert{border-radius:0}.fc-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;/* 23/06/2023-webkit-tap-highlight-color:transparent*/}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff;border-width:1px;border-style:solid}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#333}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.fc-icon{height:1em;line-height:1em;font-size:1em;font-family:"Courier New",Courier,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\2039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\D7";font-size:200%;top:6%}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666;font-size:.9em;margin-top:2px}.fc-unthemed .fc-list-item:hover td{background-color:#f5f5f5}.ui-widget .fc-disabled-day{background-image:none}.fc-bootstrap3 .fc-time-grid .fc-slats table,.fc-bootstrap4 .fc-time-grid .fc-slats table,.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-bootstrap3 hr.fc-divider,.fc-bootstrap4 hr.fc-divider{border-color:inherit}.ui-widget .fc-event{color:#fff;font-weight:400}.ui-widget td.fc-axis{font-weight:400}.fc.fc-bootstrap3 a[data-goto]:hover{text-decoration:underline}.fc.fc-bootstrap4 a{text-decoration:none}.fc.fc-bootstrap4 a[data-goto]:hover{text-decoration:underline}.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]){color:#fff}.fc-bootstrap4 .fc-popover.card{position:absolute}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:1}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 0px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 0px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\A0-\A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:0px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:0px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute/*!important*/;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;/* 23/06/2023-webkit-tap-highlight-color:transparent;*/top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{/*23/06/2023 -webkit-overflow-scrolling:touch;*/overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;/*23/06/2023 -webkit-overflow-scrolling:touch;*/padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;/*23/06/2023 -webkit-overflow-scrolling:touch;*/-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;/* 23/06/2023-webkit-tap-highlight-color:transparent;*/top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;/* 23/06/2023-webkit-tap-highlight-color:transparent;*/width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; /*-webkit-border-radius: 4px; -moz-border-radius: 4px;*/ border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { /*-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);*/ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } /* UNICREA 30/01/2019. CAUSE UN BUG AVEC LES"FILE FIELDS" DE TYPE "FILE MANAGER" => L'ECRAN S'ASSOMBRI MAIS LE CONTENU DE LA POPUP NE S'AFFICHE PLUS...*/ body.front_office .fancybox-outer, body.front_office .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { /*-webkit-overflow-scrolling: touch;*/ } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/odm/opt/extensions/community/templates/core/offices/front/css/javascript/plugins/dnk-gallery/assets/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/odm/opt/extensions/community/templates/core/offices/front/css/javascript/plugins/dnk-gallery/assets/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('assets/fancybox/blank.gif'); /* helps IE */ /* 23/06/2023-webkit-tap-highlight-color: rgba(0,0,0,0);*/ z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible /*!important*/; } /* Overlay helper */ .fancybox-lock { overflow: hidden /*!important*/; width: auto; } .fancybox-lock body { overflow: hidden /*!important*/; } .fancybox-lock-test { overflow-y: hidden /*!important*/; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/odm/opt/extensions/community/templates/core/offices/front/css/javascript/plugins/dnk-gallery/assets/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*! * * donkeyGallery - [v1.2.1] * asynchronous ajax/php dynamic gallery * webPage: http:/factory.brainleaf.eu/donkeyGallery/ * githubPage: https:/github.com/Gix075/donkeyGallery * * (c)2014 by BRAINLEAF Communication * Made by Gildo Giuliani * Released under MIT License * Date: 17/05/2014 * * Please, report any bugs at: https:/github.com/Gix075/donkeyGallery/issues * */ .dnk-gallery-loader{/*background-image:url(/opt/extensions/community/templates/core/offices/front/css/javascript/plugins/dnk-gallery/assets/ajax-loader-black.gif);*/background-repeat:no-repeat;background-position:center center;min-height:200px}.dnk-gallery{display:none}.dnk-gallery-list{list-style-type:none;padding:0;margin:0;overflow:auto}.dnk-gallery-list li{float:left;margin:0 10px 10px 0}.dnk-gallery-list li img{vertical-align:middle;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.dnk-gallery ol{list-style-type:none;margin:10px 0 0;padding:0}.dnk-gallery ol li{margin:0 5px 0 0;cursor:pointer;display:inline-block;-webkit-transition:background .2s ease,color .2s ease;transition:background .2s ease,color .2s ease}.dnk-gallery ol li.active,.dnk-gallery ol li.active:hover{font-weight:700}.dnk-gallery ol li.next:before,.dnk-gallery ol li.prev:after{content:" - "}.squared.dnk-gallery-list li{padding:20px}.squared.dnk-gallery-list li:hover>a img,.squared.dnk-gallery-list li:hover>img{opacity:.7}ol.squared{list-style-type:none;margin:10px 0 0;padding:0}ol.squared li{margin:0 10px 0 0;cursor:pointer;display:inline-block;padding:4px 10px}ol.squared li.next:before,ol.squared li.prev:after{content:""}.tin-squared.dnk-gallery-list li{padding:5px}.tin-squared.dnk-gallery-list li:hover>a img,.tin-squared.dnk-gallery-list li:hover>img{opacity:.7}ol.tin-squared{list-style-type:none;margin:10px 0 0;padding:0}ol.tin-squared li{margin:0 5px 0 0;cursor:pointer;display:inline-block;padding:1px 4px}ol.tin-squared li.next:before,ol.tin-squared li.prev:after{content:""}.circle.dnk-gallery-list li{padding:5px;border-radius:50%}.circle.dnk-gallery-list li img{border-radius:50%}.circle.dnk-gallery-list li:hover>a img,.circle.dnk-gallery-list li:hover>img{opacity:.7}ol.circle{list-style-type:none;margin:10px 0 0;padding:0}ol.circle li{margin:0 5px 0 0;cursor:pointer;display:inline-block;padding:0;width:20px;height:20px;text-indent:-9999px;border-radius:50%}ol.circle li.next,ol.circle li.prev{text-indent:0;border-radius:8px;width:auto;padding:0 10px;line-height:20px}ol.circle li.next:before,ol.circle li.prev:after{content:""}.fluid.squared.dnk-gallery-list li{padding:0/*!important*/}.fluid.squared li .innerbox{padding:20px}.fluid.tin-squared.dnk-gallery-list li{padding:0/*!important*/}.fluid.tin-squared li .innerbox{margin:0 5px 0 0;cursor:pointer;display:inline-block;padding:4px}.fluid.circle.dnk-gallery-list li{padding:0/*!important*/;border-radius:0/*!important*/}.fluid.circle li .innerbox{padding:5px}.fluid.circle li .innerbox img{border-style:solid;border-width:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fluid li{background-color:transparent/*!important*/;margin:0}.fluid li .innerbox{margin:5px}.fluid li .innerbox img{width:100%}.fluid-10 li{width:10%}.fluid-20 li{width:20%}.fluid-25 li{width:25%}.fluid-33 li{width:33.3333%}.fluid-50 li{width:50%}.fluid-100 li{width:100%}.black.dnk-gallery-list li,.black.fluid li .innerbox{background-color:#000}.black.circle.fluid li .innerbox{background-color:transparent}.black.circle.fluid li .innerbox img{border-color:#000}ol.circle.black li,ol.squared.black li,ol.tin-squared.black li{background-color:#000;color:#fff}ol.circle.black li:hover,ol.squared.black li:hover,ol.tin-squared.black li:hover{background-color:#999;color:#fff}ol.circle.black li.active,ol.circle.black li.active:hover,ol.squared.black li.active,ol.squared.black li.active:hover,ol.tin-squared.black li.active,ol.tin-squared.black li.active:hover{background-color:#555;color:#fff}.white.dnk-gallery-list li,.white.fluid li .innerbox{background-color:#fff}.white.circle.fluid li .innerbox{background-color:transparent}.white.circle.fluid li .innerbox img{border-color:#fff}ol.circle.white li,ol.squared.white li,ol.tin-squared.white li{background-color:#fff;color:#555}ol.circle.white li:hover,ol.squared.white li:hover,ol.tin-squared.white li:hover{background-color:#ccc;color:#555}ol.circle.white li.active,ol.circle.white li.active:hover,ol.squared.white li.active,ol.squared.white li.active:hover,ol.tin-squared.white li.active,ol.tin-squared.white li.active:hover{background-color:#555;color:#fff}.gray.dnk-gallery-list li,.gray.fluid li .innerbox{background-color:#ccc}.gray.circle.fluid li .innerbox{background-color:transparent}.gray.circle.fluid li .innerbox img{border-color:#ccc}ol.circle.gray li,ol.squared.gray li,ol.tin-squared.gray li{background-color:#ccc;color:#555}ol.circle.gray li:hover,ol.squared.gray li:hover,ol.tin-squared.gray li:hover{background-color:#efefef}ol.circle.gray li.active,ol.circle.gray li.active:hover,ol.squared.gray li.active,ol.squared.gray li.active:hover,ol.tin-squared.gray li.active,ol.tin-squared.gray li.active:hover{background-color:#999;color:#fff}.magenta.dnk-gallery-list li,.magenta.fluid li .innerbox{background-color:#FA075C}.magenta.circle.fluid li .innerbox{background-color:transparent}.magenta.circle.fluid li .innerbox img{border-color:#FA075C}ol.circle.magenta li,ol.squared.magenta li,ol.tin-squared.magenta li{background-color:#FA075C;color:#555}ol.circle.magenta li:hover,ol.squared.magenta li:hover,ol.tin-squared.magenta li:hover{background-color:#ff2f78}ol.circle.magenta li.active,ol.circle.magenta li.active:hover,ol.squared.magenta li.active,ol.squared.magenta li.active:hover,ol.tin-squared.magenta li.active,ol.tin-squared.magenta li.active:hover{background-color:#ff0059;color:#fff}.cyan.dnk-gallery-list li,.cyan.fluid li .innerbox{background-color:#04d9d9}.cyan.circle.fluid li .innerbox{background-color:transparent}.cyan.circle.fluid li .innerbox img{border-color:#04d9d9}ol.circle.cyan li,ol.squared.cyan li,ol.tin-squared.cyan li{background-color:#04d9d9;color:#555}ol.circle.cyan li:hover,ol.squared.cyan li:hover,ol.tin-squared.cyan li:hover{background-color:#15fafa}ol.circle.cyan li.active,ol.circle.cyan li.active:hover,ol.squared.cyan li.active,ol.squared.cyan li.active:hover,ol.tin-squared.cyan li.active,ol.tin-squared.cyan li.active:hover{background-color:#06e5e5;color:#fff} /* * ===================== * COD_ACCESSIBLE_SLICK * PROC_COD_JS_CAROUSEL * ===================== */.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;/*23/06/2023-khtml-user-select:none*/;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;/* 23/06/2023-webkit-tap-highlight-color:transparent*/}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;/* 29/08/2022 cursor:hand;*/}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* * ===================== * COD_ACCESSIBLE_SLICK * PROC_COD_JS_CAROUSEL * ===================== */@font-face{font-family:slick;src:url(/odm/opt/extensions/community/templates/core/offices/front/css/javascript/plugins/accessible-slick/fonts/slick.woff) format("woff");src:url(/odm/opt/extensions/community/templates/core/offices/front/css/javascript/plugins/accessible-slick/fonts/slick.woff) format("woff"),url(/odm/opt/extensions/community/templates/core/offices/front/css/javascript/plugins/accessible-slick/fonts/slick.woff) format("woff"),url(/odm/opt/extensions/community/templates/core/offices/front/css/javascript/plugins/accessible-slick/fonts/slick.woff) format("woff"),url(/odm/opt/extensions/community/templates/core/offices/front/css/javascript/plugins/accessible-slick/fonts/slick.woff) format("woff"), url(/odm/opt/extensions/community/templates/core/offices/front/css/javascript/plugins/accessible-slick/fonts/slick.woff) format("woff"),url(/odm/opt/extensions/community/templates/core/offices/front/css/javascript/plugins/accessible-slick/fonts/slick.ttf) format("truetype"), url(/odm/opt/extensions/community/templates/core/offices/front/css/javascript/plugins/accessible-slick/fonts/slick.svg#slick) format("svg");font-weight:400;font-style:normal}.slick-loading .slick-list{background:#fff url(/odm/opt/extensions/community/templates/core/offices/front/css/javascript/plugins/accessible-slick/ajax-loader.gif) center center no-repeat}.slick-next,.slick-prev{position:absolute;top:50%;display:block;padding:0;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;border:none;transform:translate(0,-50%)}.slick-next:focus .slick-next-icon,.slick-next:focus .slick-prev-icon,.slick-next:hover .slick-next-icon,.slick-next:hover .slick-prev-icon,.slick-prev:focus .slick-next-icon,.slick-prev:focus .slick-prev-icon,.slick-prev:hover .slick-next-icon,.slick-prev:hover .slick-prev-icon{opacity:1}.slick-next:focus,.slick-prev:focus{top:calc(50% - 1px)}.slick-next:focus .slick-next-icon,.slick-next:focus .slick-prev-icon,.slick-prev:focus .slick-next-icon,.slick-prev:focus .slick-prev-icon{color:orange;font-size:28px;margin-left:-2px}.slick-next.slick-disabled,.slick-prev.slick-disabled{cursor:default}.slick-next.slick-disabled .slick-next-icon,.slick-next.slick-disabled .slick-prev-icon,.slick-prev.slick-disabled .slick-next-icon,.slick-prev.slick-disabled .slick-prev-icon{opacity:.25}.slick-next .slick-next-icon,.slick-next .slick-prev-icon,.slick-prev .slick-next-icon,.slick-prev .slick-prev-icon{display:block;color:#000;opacity:.75;font-family:slick;font-size:24px;line-height:1}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev .slick-prev-icon:before{content:"←"}[dir=rtl] .slick-prev .slick-prev-icon:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next .slick-next-icon:before{content:"→"}[dir=rtl] .slick-next .slick-next-icon:before{content:"←"}.slick-slider{margin-bottom:30px}.slick-slider.slick-dotted{margin-bottom:60px}.slick-dots{position:absolute;bottom:-30px;display:block;padding:0;margin:0;width:100%;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li button{display:block;height:20px;width:20px;margin-top:-4px;margin-left:-4px;line-height:0;font-size:0;color:transparent;border:0;background:0 0;cursor:pointer}.slick-dots li button:focus .slick-dot-icon,.slick-dots li button:hover .slick-dot-icon{opacity:1}.slick-dots li button:focus .slick-dot-icon:before{color:orange}.slick-dots li button .slick-dot-icon{color:#000;opacity:.25}.slick-dots li button .slick-dot-icon:before{position:absolute;top:0;left:0;content:"•";font-family:slick;font-size:12px;line-height:1;text-align:center;transition:all .05s linear}.slick-dots li.slick-active button:focus .slick-dot-icon{color:orange;opacity:1}.slick-dots li.slick-active button .slick-dot-icon{color:#000;opacity:1}.slick-dots li.slick-active button .slick-dot-icon:before{margin-top:-3px;margin-left:-2px;font-size:18px}.slick-sr-only{border:0/*!important*/;clip:rect(1px,1px,1px,1px)/*!important*/;-webkit-clip-path:inset(50%)/*!important*/;clip-path:inset(50%)/*!important*/;height:1px/*!important*/;margin:-1px/*!important*/;overflow:hidden/*!important*/;padding:0/*!important*/;position:absolute/*!important*/;width:1px/*!important*/;white-space:nowrap/*!important*/}.slick-autoplay-toggle-button{position:absolute;left:5px;bottom:-32px;z-index:10;opacity:.75;background:0 0;border:0;cursor:pointer;color:#000}.slick-autoplay-toggle-button:focus,.slick-autoplay-toggle-button:hover{opacity:1}.slick-autoplay-toggle-button:focus{color:orange}.slick-autoplay-toggle-button .slick-pause-icon:before{content:"⏸";width:20px;height:20px;font-family:slick;font-size:18px;font-weight:400;line-height:20px;text-align:center}.slick-autoplay-toggle-button .slick-play-icon:before{content:"▶";width:20px;height:20px;font-family:slick;font-size:18px;font-weight:400;line-height:20px;text-align:center} td.database_table_selector_button { padding-bottom:var(--pad_s); } /* * ===================== * COD_AUDIT * ===================== */ #audits_tab ul { margin:var(--mar_s) 0px 0px 0px; } div.performance { height:auto; width:100%; background-color:var(--bco_grey_s); padding:var(--mar_s); font-size:var(--fon_size_s); } div.performance td:first-child div.text { padding-left:var(--pad_m); font-size:var(--fon_size_xs); } div.performance td.description div.text { font-size:var(--fon_size_s); } div.performance td div.text { padding:var(--pad_xs) var(--pad_xs) var(--pad_xs) var(--pad_xs); } div.performance td.colspan { width:100%; } div.performance .total_percent_ram { background-color:var(--col_red); color:var(--col_red_comp); } div.performance .percent_ram_1 { background-color:var(--col_red); color:var(--col_red_comp); } div.performance .percent_ram_2 { background-color:var(--bco_first); color:var(--col_first_comp); } div.performance .remain_percent_ram { background-color:var(--bor_color_s); padding:var(--pad_s) 0px var(--pad_s) var(--pad_xs); } div.performance .percent_time_1 { background-color:var(--col_green); color:var(--col_green_comp); } div.performance .percent_time_2 { color:var(--col_white); background-color: var(--bco_fourth); } div.performance .performance_sql { background-color:var(--bco_first); color:var(--col_first_comp); padding:var(--mar_s); } div.performance .remain_percent_time { background-color:var(--bor_color_s); padding:var(--pad_s) 0px var(--pad_s) var(--pad_xs); /*25/08/2020 box-sizing:border-box;*/ } /* * ===================== * COD_VERSIONING * ===================== */ #update_popup h1 { margin-bottom:var(--mar_s); font-size:var(--fon_size_xxm); } #update_popup p { margin-bottom:var(--mar_m); } #update_popup ul.update_result li { margin-top:var(--mar_xm); padding:var(--pad_xm); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); border-radius: var(--bor_radius_s); list-style:none; } #update_popup ul.update_result > li li { padding:var(--pad_xs); } #delete_popup { background-color:var(--bco_grey_s); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_m); width:750px; margin:auto; padding:var(--pad_xm); } #delete_popup h1 { margin-bottom:var(--mar_s); font-size:var(--fon_size_xxm); } #delete_popup p { margin-bottom:var(--mar_s); } #delete_popup hr { border-bottom: 1px dotted #CCC; padding-top:var(--pad_xm); margin-bottom:var(--mar_xm); } #delete_popup ul.delete_result { display:block; margin-top:var(--mar_s); } #delete_popup ul.delete_result li { display:block; margin-top:var(--mar_xxs); padding:var(--mar_s); background: var(--col_white); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_m); } #deletion_popup h1 { margin-bottom:var(--mar_s); font-size:var(--fon_size_xxm); } #deletion_popup p { margin-bottom:var(--mar_m); } #deletion_popup ul.deletion_result li { margin-top:var(--mar_xm); padding:var(--pad_xm); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); border-radius: var(--bor_radius_s); list-style:none; } #deletion_popup ul.deletion_result > li li { padding:var(--pad_xs); } /* * ===================== * COD_FLAG * ===================== */ #flag_popup { background-color:var(--bco_grey_s); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_m); width:100%; padding:var(--mar_s); /*25/08/2020 box-sizing:border-box;*/ } #flag_popup h1 { margin-bottom:var(--mar_s); font-size:var(--fon_size_xxm); } #flag_popup p { margin-bottom:var(--mar_s); } #flag_popup hr { border-bottom: 1px dotted #CCC; padding-top:var(--pad_xm); margin-bottom:var(--mar_xm); } #flag_popup ul ul { display:block; padding:var(--pad_xs) 0px 0px var(--pad_s); border-left:var(--bor_style) var(--bor_width_xs) #CCC; } #flag_popup ul span.flag_open_code_button { margin-top:8px; display:inline-block; height:15px; width:15px; background-color:var(--bco_first); color:var(--col_first_comp); } #flag_popup ul span.flag_open_code_button:hover { cursor:pointer; background-color:var(--bco_first_hover_comp); } #flag_popup ul li.folder { display:inline-block; padding:3px 0px 3px 0px; margin:0px 0px 0px var(--mar_s); list-style:none; text-align:left; vertical-align:top; } #flag_popup ul li.folder div { display:inline-block; /*text-align:left;*/ /*width:100%;*/ height:18px; } #flag_popup ul li.folder div.label { margin-top:3px; } #flag_popup ul li.folder div.checkbox { margin-left:var(--mar_m); } #flag_popup ul li.folder div.checkbox_label { padding-left:var(--pad_xs); padding-bottom:3px; margin-top:4px; } #flag_popup ul li.folder div.slider_small.round { margin-top:var(--mar_xs); } #flag_popup ul li.file { clear:both; display:table-row; padding:3px 0px 3px 0px; margin:0px 0px 0px var(--mar_s); list-style:none; font-weight:normal; text-transform:none; } #flag_popup ul li.file div.checkbox { float:none; display:table-cell; vertical-align:middle; width:1%; background:none; position:relative; } #flag_popup ul li.file div.checkbox label.switch_small { margin-top:0px; } #flag_popup ul li.file div.label { float:none; display:table-cell; vertical-align:middle; width:99%; padding-left:var(--pad_s); padding-bottom:3px; } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * ===================== * COD_WIDGETS * COD_WYSWYG * ===================== */ /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ body.front_office div.wyswyg, body.front_office div.wyswyg div.inner { width:100%; } main#body_column_central section.chapter div.wyswyg.wyswg_module_plugin_inserter:last-child, main#body_column_left section.chapter div.wyswyg.wyswg_module_plugin_inserter:last-child, main#body_column_right section.chapter div.wyswyg.wyswg_module_plugin_inserter:last-child { margin-bottom:0px; } /* 10/09/2024. :first-chil */ main#body_column_central section.chapter div.wyswyg.wyswg_module_plugin_inserter:nth-child(1), main#body_column_left section.chapter div.wyswyg.wyswg_module_plugin_inserter:nth-child(1), main#body_column_right section.chapter div.wyswyg.wyswg_module_plugin_inserter:nth-child(1) { padding-top:0px; } /* * ===================== * COD_WIDGET_SECTOR_SEARCH * COD_SECTOR_SEARCH * COD_WIDGETS * COD_WYSWYG * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * 16/05/2023. TOUTES RESOLUTIONS * ---------------- */ div.box.sector_search { border:var(--bor_style) var(--bor_width_xs) var(--bor_color_s); padding:var(--pad_m) var(--pad_s) var(--pad_m) var(--pad_s); background-color:var(--bco_grey_xs); } div.box.sector_search legend { font-weight:bold; margin-bottom:var(--mar_s); text-transform:uppercase; } div.box.sector_search ul { margin-bottom:var(--mar_m); } div.box.sector_search ul li { list-style:none; } div.box.sector_search label.radio, div.box.sector_search label.radio span { padding-left: 0px; /*22/06/2023. font-size: var(--fon_size_s);*/ } div.box.sector_search label.radio span { display:inline-block; padding: var(--pad_xxs) var(--pad_xs) var(--pad_xxs) var(--pad_xs); } div.box.sector_search div.radios { margin-bottom: var(--mar_m); overflow:auto; } input#sector_search_submit { float:right; background-color:var(--bco_first); color:var(--col_first_comp); } input#sector_search_submit:hover, input#sector_search_submit:focus { background-color:var(--bco_first_hover); color:var(--col_first_hover_comp); } input#sector_search_submit_branch { float:right; margin-bottom:var(--mar_m); } div.box.sector_search table tr:nth-child(2) td { padding-top: 0px; } div.box.sector_search select { margin-bottom:var(--mar_m); } div#body_column_left div.box.sector_search h2, div#body_column_right div.box.sector_search h2 { font-size:var(--h2_font_size_s); text-transform:none; } div#body_column_left div.box.sector_search h3, div#body_column_right div.box.sector_search h3 { font-size:var(--h3_font_size_s); font-weight:bold; } div#body_column_left div.box.sector_search h4, div#body_column_right div.box.sector_search h4 { font-size:var(--h4_font_size_m); font-weight:bold; } /* * -------------- * SEARCH RESULTS * ---------------- */ body.front_office div.box.sector_search fieldset.sectorisation_search_result { display:block; overflow:auto; background-color:rgba(218, 228, 238, 1); color:var(--col_black); padding:0px 0px var(--pad_xm) 0px; margin-bottom:var(--mar_m); } body.front_office div.box.sector_search fieldset.sectorisation_search_result ul { padding:var(--pad_xm); } body.front_office div.box.sector_search fieldset.sectorisation_search_result ul h2 { margin-bottom:var(--mar_s); font-weight:bold; } body.front_office div.box.sector_search fieldset.sectorisation_search_result legend { background-color:rgba(218, 228, 238, 1); color:var(--col_black); padding:var(--pad_m) var(--pad_xm) 0px var(--pad_xm); margin-bottom:0px; width:100%; text-transform:uppercase; } body.front_office div.box.sector_search fieldset.sectorisation_search_result input#sector_search_submit_branch { margin-top:var(--mar_m); margin-bottom:0px; } /* * ===================== * COD_WIDGETS * COD_WYSWYG * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ div.box.widgets { } div.central_column_text_wyswyg { margin-bottom:var(--mar_m); } /* * ===================== * COD_TRANSFORM_OBJECTS * COD_WYSWYG * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ div.box.objects { } /* * ===================== * COD_USERS_NOTIFICATIONS * ===================== */ :root { --bco_warning_positive: rgba(230, 234, 244, 1); --col_warning_positive: var(--col_black); --bco_warning_negative: var(--bco_error_light); --col_warning_negative: var(--bco_warning_dark); --bco_warning_neutral: rgba(111,174,25,0.1); --col_warning_neutral: var(--col_black); --bco_no_result_neutral: var(--bco_grey_transparent_s); --col_no_result_neutral: var(--col_black); --bco_warning_dark: var(--bco_error_dark); --col_warning_dark: var(--bco_warning_dark); --bco_warning_dark_hover: var(--bco_error_dark_hover); --col_warning_dark_hover: var(--bco_warning_dark_hover); --col_warning_dark_comp: var(--col_white); --col_warning_dark_hover_comp: var(--col_white); --bco_warning_light: var(--bco_error_light); --col_warning_light: var(--bco_warning_dark); --bco_warning_light_hover: var(--bco_error_light_hover); --col_warning_light_hover: var(--bco_warning_dark_hover); --col_warning_light_comp: var(--col_black); --col_warning_light_hover_comp: var(--col_black); } /* * TOUTES RESOLUTIONS */ .box.warning { display: flex; flex-direction: column; flex-grow: 1; margin-bottom: var(--mar_m); box-shadow: var(--sha_box_s); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } .box.warning:not(.unpaddinged) { padding: var(--pad_l); } .warning_background_negative, .warning.gdpr_negative, .warning.negative { background-color: var(--bco_warning_light); color:var(--col_warning_light_comp); } .warning_background_negative_light, .warning_light.gdpr_negative, .warning_light.negative { background-color:var(--bco_warning_light); color:var(--col_warning_light_comp); } .warning_background_negative_light input[type="checkbox"], .warning_light.gdpr_negative input[type="checkbox"], .warning_light.negative input[type="checkbox"] { background-color:var(--bco_warning_light); color:var(--col_warning_light_comp); } .warning_background_positive, .warning.positive { background: var(--bco_warning_positive); color:var(--col_warning_neutral); } .warning_background_neutral, .warning.neutral { background-color:var(--bco_warning_neutral); color:var(--col_warning_neutral); } .warning.negative.no_results { background-color:var(--bco_no_result_neutral); color:var(--col_no_result_neutral); } .box.warning .form_non_eav_fieldset_submit_like { background-color:var(--bco_white); color:var(--col_white_comp); } div.box.summary .box.warning { margin-top:var(--mar_m); } /* * ===================== * COD_USERS_NOTIFICATIONS * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { /* * "NOTIFICATION" */ div.box.user_notification div td:nth-child(1) { display:block; width:100%; padding-top:var(--pad_s); padding-bottom:var(--pad_s); margin-bottom:var(--mar_s); padding-left:50px; } div.box.user_notification div td:nth-child(2) { display:inline-block; width:100%; font-size:var(--fon_size_m); } div.box.user_notification div td:nth-child(3) { display:inline-block; width:100%; margin-left:var(--mar_s); font-size:var(--fon_size_m); text-align:center; } div.box.user_notification div td td:nth-child(1), div.box.user_notification div td td:nth-child(2), div.box.user_notification div td td:nth-child(3) { padding:var(--mar_s); width:100% ; } a.notifications.header.button { margin-top:var(--mar_m); margin-bottom:var(--mar_m); } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { /* * "NOTIFICATION" */ div.box.user_notification div td.label { width:40%; padding-left:0px; padding-right:var(--pad_xl); } div.box.user_notification div td.text { width:50%; text-align:right; } div.box.user_notification div td.buttons { width:10%; text-align:right; padding-left:var(--pad_s); } a.notifications.header.button { margin-right:var(--mar_m); } } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * "NOTIFICATIONS" */ div.box.user_notifications { border-color: var(--col_confirmation_light); } div.box.user_notifications .button.dark { background-color:var(--bco_confirmation_dark); color:var(--bco_confirmation_dark_comp); width:120px; white-space: normal; word-wrap:normal; height:auto; text-align:center; padding:var(--mar_s); font-size:var(--fon_size_xm); } div.box.user_notifications .button.dark:hover { background:rgba(217,228,203,1); color:rgba(64,103,11,1); } div.box.user_notifications .button.light { background:rgba(217,228,203,1); color:rgba(64,103,11,1); } div.users_notifications.notification.active .button.light { background:rgba(64,103,11,1); color:var(--col_white); } div.box.user_notifications .button.light:hover { background:rgba(64,103,11,1); color:var(--col_white); } /* * BOUTONS D'ACTION */ div.users_notifications.notification .actions, div.users_notifications.notification .actions span { min-width:50px; } /* * "NOTIFICATION" */ div.box.user_notification { padding:var(--mar_s); border:var(--bor_style) var(--bor_width_xs) var(--bor_color_s); margin-bottom:var(--mar_s); } div.box.user_notification:last-child { margin-bottom:0px; } div.box.user_notification div table { width:100%; margin-top:0px; margin-bottom:0px; } div.box.user_notification div td { vertical-align:middle; padding:var(--pad_xs); } div.box.user_notification div td span.svg_icon { color:rgba(159,34,66,1); font-size:var(--fon_size_xxl); } div.box.user_notification div td.label { text-align:left; } div.box.user_notification div td td { color:inherit; padding-left:0px; text-align:left; } div.box.user_notification div td:nth-child(3) form { text-align:right; } div.box.user_notification div td:nth-child(3) form input { float:right; } div.box.user_notification { display:inline-block; width:100%; } div.box.user_notification form { display:inline-block; width:auto; } div.box.user_notification form input { height:var(--hei_fields); margin-top:var(--mar_xxxs); margin-bottom:var(--mar_xxxs); } div.box.user_notification form input.standalone_ajax_table_list_delete_button { width:var(--hei_fields); height:var(--hei_fields); margin-top:0px; margin-left:var(--mar_s); font-size:var(--fon_size_xxl); color:rgba(159,34,66,1); cursor:pointer; } div.box.user_notification div td:nth-child(1) form input.update_button { cursor:pointer; margin-right:var(--mar_xs); font-size:var(--fon_size_xs); height:auto; padding: var(--pad_xs); } #header_functional_navigation_bar a.notifications.header.button:hover { opacity:0.5; } #header_functional_navigation_bar a.notifications.header.button.circle { background:url(/odm/templates/coiffure/images/icons/header/notifications.gif) no-repeat 50% 50% #e13a2d; } /* * ===================== * COD_MODULES_DICTIONARIES * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_WORDS * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_WEBSITE_PAGES_ADMIN * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_WALLETS * ===================== */ /* * ===================== * COD_MODULE_WALLETS_ENTRIES * ===================== */ /* * ===================== * COD_MODULE_THESAURUS * ===================== */ /* * ===================== * COD_MODULE_TECHNICAL_NOTICES * ===================== */ /* * ===================== * COD_MODULE_STOCKS * ===================== */ /* * ===================== * COD_MODULE_STOCK_RELEASES * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_SHIPPING_SERVICES * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_SHIPPING_POSTAL_FEES * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_SERVICES * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_SELLING_PRICES * ===================== */ /* * ===================== * COD_MODULE_SELLING_DISCOUNT_RULES * ===================== */ /* * ===================== * COD_MODULE_RETURNS_REQUESTS * ===================== */ /* * ===================== * COD_MODULE_REFUNDS * ===================== */ /* * ===================== * COD_MODULE_REFUNDS * ===================== */ /* * ===================== * COD_MODULE_QUOTES_SHIPPINGS * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_QUOTESW_SERVICES * ===================== */ /* * ===================== * COD_MODULE_QUOTES_PRODUCTS * ===================== */ /* * ===================== * COD_MODULE_QUOTATIONS * ===================== */ /* * ===================== * COD_MODULE_QUOTATIONS * ===================== */ /* * ===================== * COD_MODULE_MOLLIE * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_MOLLIE_REFUNDS * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_MODULES_ACTIONS * ===================== */ /* 30/10/2023 */ .add_root_entity input, .actions input, .actions.is_not_processed span, .actions.is_processed span { display:flex; flex-grow: 0; flex-shrink: 0; } .add_root_entity input:not(.button), .actions input:not(.button) { box-shadow:none; } .add_root_entity input:hover, .actions input:hover { opacity:0.2; } .add_root_entity input[type="image"]:disabled:hover, .actions input[type="image"]:disabled:hover { opacity:1; } .actions span { border:var(--bor_style) var(--bor_width_xs) var(--bor_color_white); border-radius:var(--bor_radius_m); } .actions.is_processed span { border:var(--bor_style) var(--bor_width_xs) var(--bor_color_m); border-radius:var(--bor_radius_m); } .add_root_entity input { padding-left:var(--pad_xs); padding-right:var(--pad_xxs); } /* * ===================== * COD_MODULE_MEMBERS_SCHOOLS * ===================== */ /* * ===================== * COD_MODULE_MEMBERS_SCHOOLS * ===================== */ /* * ===================== * COD_MODULE_MEMBERS_PROFESSIONALS * ===================== */ /* * ===================== * COD_MODULE_MEMBERS_PROFESSIONALS * ===================== */ /* * ===================== * COD_MODULE_MEMBERS_FAMILLIES * ===================== */ /* * ===================== * COD_MODULE_MEMBERS_FAMILLIES * ===================== */ /* * ===================== * COD_MODULE_MAINTENANCE_TASKS * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_MAINTENANCE_INTERVENTIONS * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_JOBS_OFFERS_CATEGORIES * ===================== */ /* * ===================== * COD_MODULE_INVOICES * ===================== */ /* * ===================== * COD_MODULE_INVOICES * ===================== */ /* * ===================== * COD_MODULE_HISTORICAL_STYLES * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_FURNITURES_CATEGORIES * ===================== */ /* /* * ===================== * COD_MODULE_DISCOUNTS * ===================== */ /* * ===================== * COD_MODULE_DICTIONARY_EXPLOSIVES * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_DICTIONARY_EXPLOSIVES_CATEGORIES * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_DEPOSITS * ===================== */ /* * ===================== * COD_MODULE_DEPOSITS * ===================== */ /* * ===================== * COD_MODULE_BRONZES * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_BRONZES_CATEGORIES * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_BOOKINGS * ===================== */ /* * ===================== * COD_MODULE_BLOCKCHAINS * ===================== */ /* * ===================== * COD_MODULE_BLOCKCHAINS_CATEGORIES * ===================== */ /* * ===================== * COD_MODULE_AIS * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_AIS_PROMPTS * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ===================== * COD_MODULE_ADDRESSES * ===================== */ /* * ===================== * COD_MODULE_ADDRESSES * ===================== */ /* * ===================== * COD_ACCESSIBILITY * ===================== */ /* * ===================== * COD_TRICK * ===================== */ /* * MOBILE */ @media screen and (max-width : 767px) { } /* * TABLET + DESKTOP */ @media screen and (min-width : 768px) { } div.trick { position:absolute; width:230px; z-index:3; background-color:rgba(0, 0, 0, 1); color:rgba(255, 255, 255, 1); font-size:var(--fon_size_s); padding:var(--mar_s); box-sizing:border-box; } /* * ===================== * COD_TAGGING * ===================== */ /* * MOBILE */ @media screen and (max-width : 767px) { } /* * TABLET + DESKTOP */ @media screen and (min-width : 768px) { } /* * MOTEUR DE RECHERHCE AUTOCOPLETÉ */ .field_tagging_button_adder:empty { } .field_tagging_button_adder:not(:empty) { } div.front_office_updater { background-image: repeating-linear-gradient( -45deg, transparent, transparent 20px, rgb(240, 240, 240), 20px, rgb(240, 240, 240), 40px ); /* avec plusieurs arrêts de couleur */ background-image: repeating-linear-gradient( -45deg, transparent 0 20px, rgb(240, 240, 240) 20px 40px ); } div.front_office_updater form, div.front_office_updater input, div.front_office_updater input:hover, div.front_office_updater input:active, div.front_office_updater input:focus { background-color:transparent; } div.front_office_updater input:hover { color: var(--bco_button_hover); } div.front_office_updater input { box-shadow:none; } /* * ===================== * COD_TREE * ===================== */ /* * ===================== * COD_TREE * ===================== */ /* * ===================== * COD_POPUP * ===================== */ /* 04/11/2025 */ .popup.popup_container { width:100%; height:100%; overflow:auto; position:absolute; top:0px; left:0px; z-index:10; } .popup.popup_container > .popup_fade { width:100%; height:100%; overflow:auto; position: fixed; background-color:var(--bco_grey_transparent_m); } .popup.popup_container > .popup_fade > .popup_container { background-color:var(--col_white); overflow:scroll; } .popup.popup_container > .popup_fade > .popup_container > .popup_header { overflow:auto; background-color:var(--bco_grey_transparent_s); max-height:50px; } .popup.popup_container > .popup_fade > .popup_container > .popup_header > .popup_header_legend, .popup.popup_container > .popup_fade > .popup_container > .popup_header > .popup_header_closer { overflow:auto; } .popup.popup_container > .popup_fade > .popup_container > .popup_body { overflow:auto; } .popup.popup_container > .popup_fade > .popup_container > .popup_footer { max-height:30px; } .popup.popup_container > .popup_fade > .popup_container > .popup_header img.btn_close { width:20px; height:20px; } .fade { display: none; background-color:var(--col_black); position: fixed; left: 0; top: 0; opacity: .5; z-index: 101; min-width:100%; } div#popup_page div.popup_bodyer { overflow:scroll; } .popup_block { display: none; /*--masqué par défaut--*/ background-color:var(--bco_white); /*background-color:var(--bco_grey_xl);*/ font-size: 1.2em; position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; z-index: 102; box-sizing:border-box; border-radius: var(--bor_radius_l); } .popup_bodyer { background-color:var(--bco_white); color:var(--col_white_comp); width:100%; height: 100%; box-sizing:border-box; /*box-shadow: var(--sha_box_s);*/ border-top: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); border-bottom: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } div#popup_page > div.popup_bodyer { overflow-y: auto; margin-bottom:var(--mar_m) } body.page_popup { box-sizing:border-box; overflow:auto; } .popup_block a.close { top:0px; right:0px; margin-left:auto; margin-bottom:10px; margin-right:25px; } .popup_block a.close img { display:none; } img.btn_close { width:20px; height:20px; } html .fade { position: absolute; } /** * BOUTON DE "POPUP INSERT" = POPUP AFFICHANT UN "EAV INSERT FORM" DANS LE "BACK-OFFICE" (Ex TAGEDITOR) */ #form_insert_button { float:right; margin-top:0px; } :root { /* ATTENTION A BIEN ETRE "ISO" AVEC LA METHODE "get_summary_label_checkebox_width()" */ --px_summary_checkbox_width: 31px; /* ATTENTION A BIEN ETRE "ISO" AVEC LA LE SETUP "office_common_summary/summary_padding" EN CAS DE CHANGEMENT*/ --px_summary_padding: 15px; } div.summary.body.box_like { padding:var(--px_summary_padding); } /** * -------------------------------------------------------- * -------------------------------------------------------- * BODY * -------------------------------------------------------- * -------------------------------------------------------- */ .summary .attribute_column span { background:none; color:var(--col_black); } .summary .attribute_column span span { color:var(--col_black); } .summary .attribute_column span span.svg_icon.reduced { padding-left:0px; padding-right:var(--pad_xs); } .summary .attribute_column span span img { padding-top:var(--pad_xxs); padding-bottom:var(--pad_xxs); width:100%; } .summary .attribute_column span.thumbnail_imaged, .summary .attribute_column span.thumbnail_imaged span, .summary .attribute_column span.thumbnail_imaged span img { padding-left: 0px; padding-right: 0px; } form.eav fieldset .summary ul:not(.unpaddinged) { padding-top:var(--pad_m); padding-bottom:var(--pad_m); } /* SUMMARY FIELD */ div.field_summary div.summary ul:not(.unpaddinged) { padding-top:0px; padding-bottom:0px; } .summary div span input[type="image"]:disabled { border:dotted 1px var(--bor_color_m); } .summary div span.inactive_action { background:none; text-align:center; } div.text div.summary ul:not(.fle_row) li, div.summary ul:not(.fle_row) li { clear:both; /*overflow:auto; 27/03/2024 */ list-style:none; } /* 19/09/2025 */ div.text div.summary ul:not(.fle_row) li.active, div.summary ul:not(.fle_row) li.active { background-color:var(--bco_fields_hover); color:var(--col_white); } /* 22/05/2025 */ body.back_office div.summary li.flat_tree, body.back_office div.summary li.partly_displayed { border-bottom: var(--bor_style) var(--bor_width_xs) var(--bor_color_xs); } body.back_office div.summary li.flat_tree:first-child, body.back_office div.summary li.partly_displayed:first-child { border-top: var(--bor_style) var(--bor_width_xs) var(--bor_color_xs); } body.back_office div.summary li.flat_tree.level_1 li.flat_tree:last-child, body.back_office div.summary li.partly_displayed.level_1 li.partly_displayed:last-child { border-bottom: 0px; } /* 27/03/2024 */ div.text div.summary ul.flee li, div.summary ul.flee li { list-style: outside none square; } div.text div.summary ul.flee li { margin-left: var(--pad_m); } .summary ul li a, section ul li.summary a, .text ul li.summary a { text-decoration:none; } /* 18/09/2024 */ ul.table_like div.article_like a.button_detail, div.table_like div a.button_detail { width:100%; display:flex; } ul.table_like div.article_like a.button_detail span.flee_button.left, ul.table_like div.article_like a.button_detail span.flee_button.right { float:none; } .summary ul li a.button.fle_align_stretched { flex-wrap: wrap; } .summary ul li a.has_children { text-decoration:none; cursor:pointer; } .summary.fully_displayed ul li a.has_children, .summary.fully_displayed ul li .svg_icon { cursor:default; } .summary ul li a.has_children div::after { content:"+"; font-size:var(--fon_size_xs); font-family:var(--fon_familly_default); font-weight:bold; } div.summary.flat ul li a.has_children { cursor:default; } .summary ul li a.no_children { cursor:default; } div.ajax.summary.non_eav_summary .summary ul.flat > li { /*background:none;*/ } div.ajax.summary.non_eav_summary .summary ul.flat > li > div.checkbox { /*background:none;*/ } .summary ul > li > div span { display:table-cell; vertical-align:middle; } .summary ul > li > div > span { padding:0px var(--pad_s) 0px 0px; } .summary div.attribute_column { display: flex; flex-grow: 0; /* 11/08/2022 : SURTOUT PAS EGAL A "1" */ flex-shrink: 0; /* 11/08/2022 : SURTOUT PAS EGAL A "1" */ flex-basis: auto; flex-direction: row; align-items:center; /* 22/02/2023. center; */ margin:0px var(--mar_s) 0px 0px; position:relative; } .left .summary div.attribute_column span, .right .summary div.attribute_column span { width:100%; } /* 09/05/2023 */ .left .summary div.attribute_column span span.final_span, .right .summary div.attribute_column span span.final_span { width:auto; } div.summary_field.predisplay .summary div.attribute_column { margin:0px; } .summary.ajax.summary.non_eav_summary div.attribute_column { padding:var(--pad_xs) 0px var(--pad_xs) 0px; } /*.summary ul > li > ul,*/ ul.summary:not(.unpaddinged) { padding-left: var(--px_summary_checkbox_width); /* DOIT TOUJOURS ETRE EGAL A "$settings["summary_level_x_shift"]" */ } /* LE TOUT PREMIER "UL" */ div.summary > ul.summary, ul.summary.level_1 { padding-left: 0px; } div.summary.hierarchical ul > li > ul { display:none;/* FERMETURE - PAR DEFAUT - DE TOUTES LES "SOUS-SECTIONS" */ } div.summary.hierarchical.fully_displayed ul > li > ul { display:block;/* OUVERTURE - PAR DEFAUT - DE TOUTES LES "SOUS-SECTIONS" */ } .summary fieldset ul li:first-child { margin-top:0px; padding-top:0px; } .summary fieldset ul li:last-child { margin-bottom:0px; padding-bottom:0px; } /* *20/12/2018. CAS PARTICULIER DES "FRONT-OFFICE SUMMARY" POSSEDANT DES "filtering_fields" MANUELLEMENT DEFINIS DANS LE "$configuation" (Ex. MODULE "OFFERS") */ div.box.summary.personalized_filtering_fields div.optional_field { padding-right:var(--pad_s); } div.box.summary.personalized_filtering_fields div.optional_field select { height:var(--hei_fields); margin-right:var(--mar_xs); font-size:var(--fon_size_m); } select#front_office_summary_navigation_sorts_select { width:auto; float:right; } input.apply.sort { float:right; } /* * BOUTONS "Filtrer" ET "Annuler" */ div.box.summary.personalized_filtering_fields div.buttons input.button { font-size: var(--fon_size_default); } div.box.summary.front_summary, div.box.summary.front_summary.personalized_filtering_fields { padding:0px; overflow:auto; } /* * "DISABLED SUMMARY" (UTILISÉ NOTAMMENT PAR "flat-module-x.html.php" ET "flat-module-x-multi.html.php") */ div.box.summary.eav_disabled_summary { } div.box.summary.eav_disabled_summary thead { border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); background: var(--bco_grey_xs); } div.box.summary.eav_disabled_summary thead th { padding:var(--pad_s) 0px var(--pad_s) 0px; text-align:left } div.box.summary.eav_disabled_summary thead th.right { text-align:right } div.box.summary.eav_disabled_summary thead th:first-child { padding-left:var(--pad_xs); text-align:left } div.box.summary.eav_disabled_summary tr:first-child td { padding-top:var(--pad_xm); } div.box.summary.eav_disabled_summary tbody td { padding:var(--pad_xs) 0px var(--pad_xs) 0px; text-align:left; } div.box.summary.eav_disabled_summary tbody td div.attribute_column.label, div.box.summary.eav_disabled_summary tbody td div.attribute_column.label span { display: flex; flex-direction: row; align-items:center; flex-wrap:wrap; } div.box.summary.eav_disabled_summary tbody td div.attribute_column.label span { flex-grow: 1; flex-shrink: 1; } /* * -------------- * CAS PARTICULIER DES "SUMMARY FIELDS" UTILISANT DES "SUB FIELDS" TELS QUE LE "SUB-INVOICES FIELD" OU ENCORE LE LE "SUB-SHIPPING FIELD" OU LE "SUB-REFUNDS FIELD" * ---------------- */ table.summary.sub_fields thead, table.summary.sub_fields tfoot { border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); background: var(--bco_grey_xs); height:var(--hei_fields); line-height:var(--hei_fields); font-weight:bold; } table.summary.sub_fields thead th, table.summary.sub_fields tfoot td { padding:0px var(--pad_xs) 0px var(--pad_xs); } table.summary.sub_fields tfoot td:last-child { padding-right:var(--pad_s); } table.summary.sub_fields tbody td:last-child { padding-right:0px; } table.summary.sub_fields thead th { text-align:right; } table.summary.sub_fields thead th:nth-child(1) /* LABEL */ { text-align:left; } table.summary.sub_fields tr td { vertical-align:middle; text-align:right; } table.summary.sub_fields tr td span.h3_like { margin-top: var(--mar_s); margin-bottom: var(--mar_s); } table.summary.sub_fields tr td input.eav_sub_fields { text-align:right; } table.summary.sub_fields tr td:nth-child(1) /* LABEL */ { width:400px; text-align:left; } table.summary.sub_fields tr td:nth-child(2) /* SKU */ { width:150px; } table.summary.sub_fields h2 { font-size:var(--fon_size_m); margin:0px; padding:var(--pad_s) 0px var(--pad_s) 0px; } /* 19/02/2024 */ .front_office_eav_form_summary ul.table_like { gap: 0px 0px; } /* 13/08/2025 */ .summary .attribute_column span { display:flex; flex-direction: row; align-items:center; min-height:32px; flex-wrap: wrap ; word-break: break-word; } .summary .attribute_column span span { padding-left:var(--pad_xs); padding-right:var(--pad_xs); } .summary div.attribute_column.label span { justify-content:flex-start; } /*28/09/2023 .summary div.attribute_column span,*/ .summary tfoot.left, .summary td.left div.attribute_column span { justify-content:flex-start; } .summary div.attribute_column.float span, .summary div.attribute_column.signed_float span, .summary tfoot.right, .summary td.right div.attribute_column span { justify-content:flex-end; } .summary div.attribute_column.varchar span { justify-content:flex-start; } .summary div.attribute_column.signed_int span, .summary div.attribute_column.int span { justify-content:flex-end; } .summary div.attribute_column.boolean span, .summary div.attribute_column.id span { justify-content:center; } .summary .attribute_column span.spans { display:flex; flex-direction: row; align-items:center; flex-wrap: nowrap ; word-break: break-all; } .summary .attribute_column span.spans span.final_span { display:flex; flex-direction: row; align-items:center; min-height:32px; flex-wrap: wrap ; } .summary .attribute_column span span span { padding:0px; } /* * BODY */ .summary ul.tree.flat li /* TOUJOURS LAISSER DEVANT ".summary ul li" */ { display:flex; flex-grow: 0; flex-shrink: 1; flex-basis: auto; flex-direction: row; flex-wrap: nowrap ; justify-content:flex-start; align-items:flex-start; overflow:auto; width:100%; } .summary ul.tree.flat li div.inner { width:100%; } /* 22/06/2023 */ .summary ul.tree.flat li ul.vertical_aligned li { align-items:center; margin:0px; } .summary ul.tree.flat li ul.vertical_aligned li span { min-height:auto; } /* 20/06/2025 */ div.summary_div.flat ul > li.flat_tree:nth-child(n+1) > div.article_like:hover, div.summary ul > li.flat_tree:nth-child(n+1) > div.article_like:hover { background-color:var(--bco_fields_hover); color:var(--col_white); } div.summary ul li.level_1:nth-child(n+1) div.node.inner:hover, div.summary ul li.level_3:nth-child(n+1) div.node.inner:hover, div.summary ul li.level_5:nth-child(n+1) div.node.inner:hover, div.summary ul li.level_7:nth-child(n+1) div.node.inner:hover { background-color:var(--bco_fields_hover); color:var(--col_white); } div.summary ul li.level_2:nth-child(n+1) div.node.inner:hover, div.summary ul li.level_4:nth-child(n+1) div.node.inner:hover, div.summary ul li.level_6:nth-child(n+1) div.node.inner:hover, div.summary ul li.level_8:nth-child(n+1) div.node.inner:hover { background-color:var(--bco_fields_hover); color:var(--col_white); } div.summary_div.flat > ul > li li { margin:0px; } .summary ul li > div { display:flex; flex-grow: 0; flex-shrink: 0; flex-basis: auto; flex-direction: row; flex-wrap: nowrap; } .summary ul li > div.node { display:flex; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-direction: row; flex-wrap: nowrap; } /* * CHECKBOX */ input.display_summary_field_button { margin-bottom:var(--mar_s); float:right; } /* * CHECKBOX "ROOT" */ .summary div.checkbox_root { margin-left:0px; margin-bottom:var(--mar_m); } .summary div.checkbox_root label { display:inline-block; margin-left:var(--mar_xm); } /* * INPUT TEXT */ .summary .input_text { width:50px; float:left; vertical-align:inherit; padding:0px; } .summary .input_text input.summary_input_text { width:36px ; padding:var(--pad_xs) var(--pad_xxs) var(--pad_xs) var(--pad_xxs) ; text-align:center; } /* * CHECKBOX */ .summary .checkbox { display:flex; align-items: center; } /* * RADIO */ .summary .radio { float:left; vertical-align:inherit; padding:0px var(--pad_s) 0px var(--pad_xm); background-color:transparent; /*29/04/2020*/ } .summary .radio input { margin-top:var(--mar_s); } /* * ENTITY ICON */ .summary .icon { width:33px; } .summary fieldset.eav_fieldset li.icon, .summary fieldset.eav_fieldset input.icon { width:100%; } .summary .icon { display:flex; align-items: center; } .summary.primo_displayed .icon { margin-top: var(--mar_xs); } /* * LABEL */ .radio.label { float:none; } div.attribute_column span.A_value .left { padding:0px var(--pad_xs) 0px 0px; } span.summary.column .right { display:inline-block; float:right; height:22px; line-height:22px; } /*---------- * * PRIVATE * ----------*/ .icon_private { display:block; width:20px; height:25px; padding:inherit; margin:auto; background:url(/odm/templates/core/offices/common/images/icons/private.gif) var(--col_white) no-repeat 50%; } /*---------- * * PRIVATE * ----------*/ .icon_private { display:block; width:20px; height:25px; padding:inherit; margin:auto; background:url(/odm/templates/core/offices/common/images/icons/private.gif) var(--col_white) no-repeat 50%; } /* * 01/07/2019. COLONNE DE GAUCHE DES "CATEGORY SUMMARY" = COLONNE DU MODULE DE CCATEGORISATION */ div.summary.category_module { width:100%; overflow:auto; } div.summary div.back_summary_no_content { overflow:auto; width:100%; box-sizing:border-box; margin-top:var(--mar_s); } /** * 20/08/2019. CAS PARTICULIER DU "EMPTY SUMMARY" QUE L'ON GENERE LORSQU'UN FILTER NE RAMENE AUCUN RESULTAT, POUR PRESERVER L'AFFICHAGE CORRECTE DU "SUMMARY HEADER ORDER" ET DU "SUMMARY HEADER FILTER" */ div.summary.empty_summary li div.checkbox input, div.summary.empty_summary li div.actions input { display:none; } div.summary.empty_summary li { background:none; } fieldset.sort div { float:left; } fieldset.sort input, fieldset.sort select { min-height: var(--hei_fields_m); justify-content: center; font-size:var(--fon_size_xxs); text-transform:uppercase; background-color:var(--bco_white); color:var(--col_white_comp); margin:0px var(--mar_s) 0px 0px; border:var(--bor_style) var(--bor_width_xs) var(--bor_button_color); border-radius:var(--bor_radius_m) var(--bor_radius_m) 0px 0px; box-shadow:none; } fieldset.sort input:hover, fieldset.sort input:focus, fieldset.sort input.activated, fieldset.sort select:hover, fieldset.sort select:focus, fieldset.sort select.activated { background: var(--bco_grey_s); color: var(--col_black); } fieldset.sort input:disabled, fieldset.sort select:disabled, fieldset.sort input:disabled:hover, fieldset.sort select:disabled:hover { background-color:var(--bco_white); color:var(--col_white_comp); cursor:default; } /* 13/08/2025 */ fieldset.sort input:hover, fieldset.sort input:focus, fieldset.sort input.activated, fieldset.sort select:hover, fieldset.sort select:focus, fieldset.sort select.activated { background: var(--optimease_blue_hover); color: var(--optimease_blue_hover_comp); } fieldset.pager input, fieldset.pager select { min-height:30px; padding:var(--pad_xs) var(--pad_s) var(--pad_xs) var(--pad_s); border-top:0px; } fieldset.pager input.activated, fieldset.pager input:hover, fieldset.pager input:focus { background-color:var(--optimease_blue_hover); color:var(--optimease_blue_hover_comp); } fieldset.pager input.search_keywords.activated, fieldset.pager input.search_keywords:hover, fieldset.pager input.search_keywords:focus { background-color:var(--optimease_light_blue_hover); color:var(--optimease_light_blue_hover_comp); } form#summary_header { margin-bottom:var(--mar_xs); } /* * ===================== * COD_SUMMARY_FILTERING * PROC_COD_SUMMARY * ===================== */ fieldset.filter { margin-bottom:var(--mar_s); display: flex; position:relative; z-index:2; } /* * FILTER DES "SUMMARY FIELDS" */ fieldset.filter input.filter, fieldset.filter select.filter { margin:0px var(--mar_s) 0px 0px; text-align:left; font-size:var(--fon_size_xxs); border:var(--bor_style) var(--bor_width_xs) var(--bor_button_color); border-top:0px; padding:0px; } fieldset.filter input.filter.datepicker, fieldset.filter input.filter.datetimepicker, fieldset.filter input.filter.from_to, fieldset.filter input.filter.first, fieldset.filter input.filter.second { min-height:19.5px; } fieldset.filter input.filter.datepicker:last-child, fieldset.filter input.filter.datetimepicker:last-child { margin-top:0px; } fieldset.filter input.filter.second { margin-top:0px; border-top:0px; } fieldset.filter select.filter { padding:var(--pad_s) 0px var(--pad_s) var(--pad_s); } fieldset.filter select.filter option { font-size: var(--fon_size_xs); } fieldset.filter input.filter, fieldset.filter select.filter { /*box-shadow:none;*/ } fieldset.filter input.filter { text-align:center; } fieldset.filter select.filter { text-align:left; } fieldset.filter select.filter option { padding-left:var(--pad_xs); } /** * -------------------------------------------------------- * -------------------------------------------------------- * V400. 23/10/2023. "SUMMARY EXTENDED FILTERING PANEL" * -------------------------------------------------------- * -------------------------------------------------------- */ div.fle_row.summary_extended_filtering_panel { display:none; } input.show_menu:checked ~ div.summary_extended_filtering_panel { display: flex; flex-direction: row; position:absolute; z-index:2; top:49px; background-color:var(--bco_grey_xs); } div.summary_extended_filtering_panel div.optional_field { flex-grow: 0; } div.summary_extended_filtering_panel div.optional_field.icon { display:none; } div.summary_extended_filtering_panel div.optional_field input, div.summary_extended_filtering_panel div.optional_field select { margin:0px; } div.summary_extended_filtering_panel input.filter, div.summary_extended_filtering_panel select.filter { border-top: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } /** * -------------------------------------------------------- * -------------------------------------------------------- * FOOTER * -------------------------------------------------------- * -------------------------------------------------------- */ /* 13/08/2025 */ div.summary_field.predisplay table tfoot td.right, form.eav fieldset.summary.footer td.right, .page_summary fieldset.summary.footer td.right { text-align:right; } form.eav fieldset.summary.footer div.label_field, form.eav fieldset.summary.footer div.id_field, form.eav fieldset.summary.footer div.optional_field, .page_summary fieldset.summary.footer div.label_field, .page_summary fieldset.summary.footer div.id_field, .page_summary fieldset.summary.footer div.optional_field { float:left; } .page_summary fieldset.summary.footer div.optional_field.float, .page_summary fieldset.summary.footer div.optional_field.signed_float, .page_summary fieldset.summary.footer div.optional_field.signed_int, .page_summary fieldset.summary.footer div.optional_field.int { text-align:right; } .page_summary fieldset.summary.footer div.optional_field { padding-left:var(--pad_xs); padding-right:var(--pad_xs); } form.eav fieldset.summary.footer div.optional_field.float, form.eav fieldset.summary.footer div.optional_field.signed_float, form.eav fieldset.summary.footer div.optional_field.signed_int, form.eav fieldset.summary.footer div.optional_field.int { text-align:right } div.summary_field.predisplay table tfoot td, form.eav fieldset.summary.footer div.label_field, form.eav fieldset.summary.footer div.id_field, form.eav fieldset.summary.footer div.optional_field, .page_summary fieldset.summary.footer div.optional_field { box-sizing:border-box; border:0px; margin:0px var(--mar_s) 0px 0px; text-align:left; border-radius:var(--bor_radius_no); /*12/05/2023*/ padding-top:3px; padding-bottom:3px; padding-left:var(--pad_xs); height:var(--hei_fields); line-height:var(--hei_fields); font-weight:bold; } form.eav fieldset.summary.footer div.optional_field { padding-right:var(--pad_xs); } div.summary_field.predisplay table tfoot td { padding-left:0px; } .page_summary fieldset.summary.footer div.label_field, .page_summary fieldset.summary.footer div.id_field { box-sizing:border-box; border:0px; margin:0px var(--mar_s) 0px 0px; text-align:left; border-radius:var(--bor_radius_no); /*12/05/2023*/ padding-top:3px; padding-bottom:3px; padding-left:var(--pad_xs); height:var(--hei_fields); line-height:var(--hei_fields); font-weight:bold; } /* * ===================== * COD_SIMPLE_LIST * ===================== */ /* * ===================== * COD_DETAIL * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { .detail, .detail.fle_row { flex-direction: column; } .detail.fle_gap_l > .wid_50 { width:100%; min-width:100%; max-width:100%; } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { .detail.fle_gap_l > .wid_50 { width:calc(50% - (var(--pad_l) * (1/2))); min-width:calc(50% - (var(--pad_l) * (1/2))); max-width:calc(50% - (var(--pad_l) * (1/2))); } } div.three_cols div.detail .float_right, div.three_cols div.detail .float_left, div.three_cols_same_width div.detail .float_right, div.three_cols_same_width div.detail .float_left { float:none; } div.three_cols div.detail img.float_right, div.three_cols div.detail img.float_left, div.three_cols_same_width div.detail img.float_right, div.three_cols_same_width div.detail img.float_left { padding:0px var(--carousel_slide_h_padding) var(--pad_m) var(--carousel_slide_h_padding); } /* * ===================== * COD_FORM_VALIDATION * ===================== */ /* * "DATABASE RECORDING SUCCESS" */ .box.form.success { background-color:var(--bco_confirmation_light); color:var(--bco_confirmation_light_comp); } .box.form.success h2, .box.form.success h3, .box.form.success h4 { text-align:center; } .box.form.success p { text-align:center; } /* * "VALIDATION ERROR" */ .box.form.validation.failure { background-color:var(--bco_error_dark); color:var(--col_error_dark_comp); } .box.form.validation.failure h2, .box.form.validation.failure h3, .box.form.validation.failure h4 { text-align:center; color:var(--col_white); } .box.form.validation.failure p { text-align:center; color:var(--col_white); } /* * 20/06/2023. LISTE DES LIBELLÉS D'ERREURS */ ul.form_field_validation_error_message, ul.form_field_validation_error_message li { list-style:none; } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ form.non_eav fieldset li { display: flex; flex-direction: column; justify-content: flex-start; padding: 0px 0px var(--pad_s) 0px; list-style: none; } form.non_eav fieldset.submit, .form_non_eav_fieldset_submit_like { padding:var(--pad_s); margin-top:var(--pad_m); border-top: var(--bor_style) var(--bor_width_xs) var(--bor_color); align-items: center; } .unflexed_button, .button { /* * COULEURS "FORM NAVIGATION BAR" */ --bco_form_nav_button: var(--bco_white); --col_form_nav_button_comp: var(--col_black); --col_form_nav_button: var(--col_first); --bco_form_nav_button_hover: var(--optimease_blue_hover); --col_form_nav_button_hover_comp: var(--col_white); --col_form_nav_button_hover: var(--bco_button_hover); } form.eav div.eav_form_inner.navigation_fieldset_one_col div#navigation_form input[type="submit"], form.eav div.eav_form_inner.navigation_fieldset_two_cols div.left div#navigation_form input[type="submit"] { background:var(--bco_form_nav_button); color: var(--col_form_nav_button_comp); justify-content:flex-start; text-transform:uppercase; word-wrap: break-word; white-space: normal; font-size: var(--fon_size_s); line-height:calc(var(--fon_size_s) * 1.5); border: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color_s); border-bottom: var(--bor_button_style) var(--bor_button_width) var(--bor_button_color); border-top: 0px; border-radius: var(--bor_button_radius) var(--bor_button_radius) var(--bor_button_radius); box-shadow: var(--button_shadow); } form.eav div.eav_form_inner.navigation_fieldset_one_col div#navigation_form input[type="submit"].focused, form.eav div.eav_form_inner.navigation_fieldset_two_cols div.left div#navigation_form input[type="submit"].focused { background:var(--bco_form_nav_button_hover); color: var(--col_form_nav_button_hover_comp); } form.eav div.eav_form_inner.navigation_fieldset_one_col div#navigation_form input[type="submit"].errored, form.eav div.eav_form_inner.navigation_fieldset_two_cols div.left div#navigation_form input[type="submit"].errored, form.eav div.eav_form_inner.navigation_fieldset_one_col div#navigation_form input[type="submit"].focused.errored, form.eav div.eav_form_inner.navigation_fieldset_two_cols div.left div#navigation_form input[type="submit"].focused.errored { background:var(--bco_warning_dark); color: var(--col_warning_dark_comp); } form.eav div.eav_form_inner.navigation_fieldset_one_col div#navigation_form input[type="submit"] { border-top: solid 5px var(--optimease_blue); } form.eav div.eav_form_inner.navigation_fieldset_two_cols div.left div#navigation_form input[type="submit"] { border-left: solid 5px var(--optimease_blue); } form.eav div.eav_form_inner.navigation_fieldset_one_col div.left div#navigation_form input[type="submit"]:hover, form.eav div.eav_form_inner.navigation_fieldset_two_cols div.left div#navigation_form input[type="submit"]:hover, form.eav div.eav_form_inner div#navigation_form input[type="submit"].activated { background:var(--bco_form_nav_button_hover); color:var(--col_form_nav_button_hover_comp); } form.eav div.eav_form_inner.navigation_fieldset_two_cols div.left div#navigation_form .form_navigation_validation_error, form.eav div.eav_form_inner.navigation_fieldset_two_cols div.left div#navigation_form .clicked_form_navigation_validation_error { background:var(--bco_warning_dark); color:var(--col_warning_dark_comp); } form.eav div.eav_form_inner.navigation_fieldset_two_cols div.left div#navigation_form .onchanged_form_navigation_normal, form.eav div.eav_form_inner.navigation_fieldset_two_cols div.left div#navigation_form .onchanged_clicked_form_navigation_normal { background:var(--bco_confirmation_dark); color:var(--bco_confirmation_dark_comp); } :root { --pad_form: var(--pad_m); } .box.eav_form { width:100%; } div.box.summary form:not(.unpaddinged) { padding:var(--pad_form); } /* * "SUBMIT FIELDSETS" */ form.eav fieldset.submit { background:none; } ul.tag-editor, form.eav ul:not(.fle_row).tag-editor { display:flex; flex-direction: row; justify-content: flex-start; list-style-type: none; padding: 0 5px 0 0; margin: 0; overflow: hidden; border: var(--bor_style) var(--bor_width_xs) #eee; cursor: text; font: normal 14px sans-serif; color: #555; background: var(--col_white); padding:var(--pad_xs); } /* core styles usually need no change */ .tag-editor li , form.eav ul li:not(.fle_row) .tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; width:auto; } .tag-editor div { float: left; padding: 0 4px; } .tag-editor .placeholder { padding: 0 8px; color: #bbb; } .tag-editor .tag-editor-spacer { padding: 0; width: 8px; overflow: hidden; color: transparent; background: none; } .tag-editor input { vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text; font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit; } /* hide original input field or textarea visually to allow tab navigation */ .tag-editor-hidden-src { position: absolute ; left: -99999px; } /* hide IE10 "clear field" X */ /*.tag-editor ::-ms-clear { display: none; }*/ /* tag style 16/05/2023. */ .tag-editor .tag-editor-tag { padding-left: var(--pad_xs); color:var(--col_second_comp); background: var(--bco_first); white-space: nowrap; overflow: hidden; cursor: pointer; border-radius: 0px 0 0 0px; } /* delete icon */ .tag-editor .tag-editor-delete { background: var(--bco_first); cursor: pointer; border-radius: 0 0px 0px 0; padding-left: 3px; padding-right: 4px; } .tag-editor .tag-editor-delete i { display: inline-block; } .tag-editor .tag-editor-delete i:before { font-size: 16px; color:var(--col_white); content: "×"; font-style: normal; } .tag-editor .tag-editor-delete:hover i:before { color: #d65454; } .tag-editor .tag-editor-tag.active+.tag-editor-delete, .tag-editor .tag-editor-tag.active+.tag-editor-delete i { visibility: hidden; cursor: text; } .tag-editor .tag-editor-tag.active { background: none ; } /* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */ .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; font-size: 14px; } .ui-front { z-index: 9999; } .ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0; /* support: IE7 */ } .ui-widget-content { border: var(--bor_style) var(--bor_width_xs) #bbb; background: var(--col_white); color: var(--col_grey_xl); } .ui-widget-content a { /*color: #46799b; */} .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /*background: #e0eaf1; */ } .ui-helper-hidden-accessible { display: none; } /* UNICREA */ body.front_office div.text ul.tag-editor.ui-sortable, ul.tag-editor.ui-sortable { width:100% ; border:var(--bor_style) var(--bor_width_xs) var(--bor_color_m); background: var(--col_white); padding:var(--pad_xs) var(--pad_xs) var(--pad_xs) var(--pad_xs); height:100px; } ul.tag-editor.ui-sortable li div { font-size:var(--fon_size_default); padding:0px var(--pad_s) 0px var(--pad_s); height:33px; line-height:33px; } ul.tag-editor.ui-sortable li div.tag-editor-spacer { padding:0px 0px 0px var(--pad_xxxs) ; } ul.tag-editor.ui-sortable li:nth-child(2) div.tag-editor-spacer { display:none ; } .tag-editor input { max-height:20px; } /* * ===================== * COD_SUMMARY_TREE * ===================== */ /* * ===================== * COD_SUMMARY_FIELDS * ===================== */ .ajax_summary_field div.summary_div:not(.hierarchical) { /* 20/01/2026 BUG AFFICHAGE QUAND FILTRAGE D'UN SUMMARY FIELD => BOUTON "ROOT CREATE" SE MET EN COLONNE display:flex;*/ } .ajax_summary_field div.summary_div:not(.hierarchical) .summary ul { /* 20/01/2026 BUG AFFICHAGE QUAND FILTRAGE D'UN SUMMARY FIELD => BOUTON "ROOT CREATE" SE MET EN COLONNE display:flex; flex-grow: 1; flex-shrink: 0; flex-direction: column; */ } .ajax_summary_field div.summary_div:not(.hierarchical) .summary li { display:flex; flex-grow: 1; flex-shrink: 0; flex-direction: row; flex-wrap: nowrap ; margin-bottom:var(--mar_s); } .ajax_summary_field div.summary_div:not(.hierarchical) .summary li:last-child { margin-bottom:0px; } div.ajax_summary_field .summary_field_check_all_checkboxes { display:none; } .ajax_summary_field .header fieldset.pager { margin-top:var(--mar_xs); border:0px; } /* 08/11/2023. BOUTONS "UPDATE" DE BACK-OFFICE SUMMARY FIELD" */ div.box.ajax_summary_field div.buttons input.process { height:var(--hei_fields_m); min-height:var(--hei_fields_m); padding-left:var(--pad_s); padding-right:var(--pad_s); margin-top:auto; margin-bottom:auto; } div.summary_field.predisplay { clear:both; } div.summary_field.predisplay div.warning.negative.back_summary_no_content { background-color: var(--bco_warning_dark); } /* * TOUTES RESOLUTIONS */ table.custom.subfields thead th { padding-top:var(--pad_s); box-sizing:border-box; height:auto; } table.custom.subfields th, table.custom.subfields td { width:auto; } table.custom.subfields th:first-child, table.custom.subfields td:first-child { width:15%; padding-right:var(--pad_s); box-sizing:border-box; } table.custom.subfields th:last-child, table.custom.subfields td:last-child { width:1%; } table.custom.subfields th, table.custom.subfields td { border:0px; vertical-align:middle; padding:0px; } table.custom.subfields tfoot tr { box-sizing:border-box; height:auto; } table.custom.subfields tfoot tr td { padding-top:var(--pad_s); font-weight:bold; } /* * ===================== * COD_FIELD_JQUERY_ADDER * COD_FIELD_JQUERY_ADDER_MEDIA_FILES * ===================== */ div.jquery_adder div.buttoned_field, div.jquery_adder div.buttoned_field img { height: var(--hei_fields); max-height: var(--hei_fields); } div.jquery_adder div.buttoned_field img { display:inline-block; padding-left:var(--pad_s); padding-right:var(--pad_s); min-width: 80px; max-width: 80px; } #sitemap_summary li div.node.popup_url_file_picker { display:inline-block; font-size: 14px; line-height: 20px; cursor: pointer; background-color:var(--bco_first); color:var(--col_first_comp); text-align: center; width:100%; text-align:left; margin-bottom:var(--mar_xs); } #sitemap_summary li div.node.node.popup_url_file_picker:hover { background-color:var(--bco_fourth); } #sitemap_summary li div.node.node.popup_url_file_picker input[type="radio"]:checked+label { background-color:var(--bco_fourth); } #sitemap_summary li div.node.popup_url_file_picker label, #sitemap_summary li div.node.popup_url_file_picker label span { display:inline-block; width:100%; height:auto; text-align:left; } #sitemap_summary li div.node.popup_url_file_picker label span { display:inline-block; width:100%; height:auto; text-align:left; padding:4px 6px 4px 6px; } div.password_strength { padding:0px var(--pad_s) 0px var(--pad_s); border-radius: var(--bor_radius_fields); color:var(--col_white); } div.password_strength.password_weak_strength { background-color:var(--bco_first); color:var(--col_first_comp); width:33.333%; padding:var(--pad_xs); /* 26/02/2025 */ } div.password_strength.password_good_strength { background-color:var(--bco_second); color:var(--col_second_comp); width:66.666%; padding:var(--pad_xs); /* 26/02/2025 */ } div.password_strength.password_high_strength { background-color:var(--col_green); color:var(--col_green_comp); width:100%; padding:var(--pad_xs); /* 26/02/2025 */ } /* * ===================== * COD_FIELD_FILE_AJAX * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * 12/02/2025 * ---------------- */ input[type=file] { color: transparent; background-color: transparent; opacity: 0; max-width:1px; } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ div.eav.label_field.box div.eav.field.file_ajax { display:flex; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-direction: row; flex-wrap: wrap ; justify-content:flex-start; align-items:center; /*25/08/2020 box-sizing:border-box;*/ } div.eav.label_field.box div.eav.field.file_ajax div.preview { display:flex; flex-grow: 0; flex-shrink: 0; flex-basis: auto; flex-direction: row; flex-wrap: wrap ; justify-content:flex-start; align-items:flex-start; /*25/08/2020 box-sizing:border-box;*/ width:100px; } div.eav.label_field.box div.eav.field.file_ajax div.preview img { width:100%; padding-right:var(--pad_s); /*25/08/2020 box-sizing:border-box;*/ } div.eav.label_field.box div.eav.field.file_ajax div.inputs { display:flex; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-direction: row; flex-wrap: wrap ; justify-content:flex-start; align-items:flex-start; /*25/08/2020 box-sizing:border-box;*/ } div.eav.label_field.box div.eav.field.file_ajax div.inputs div.inner { display:flex; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-direction: row; flex-wrap: nowrap ; justify-content:flex-start; align-items:flex-start; /*25/08/2020 box-sizing:border-box;*/ } div.eav.label_field.box div.eav.field.file_ajax div.inputs div.inner label.button { display:flex; flex-grow: 0; flex-shrink: 0; flex-basis: auto; flex-direction: row; border-right:0px; border-radius:var(--bor_radius_m) 0px 0px var(--bor_radius_m); /* 12/05/2023 */ } /* 12/05/2023 */ div.eav.label_field.box div.eav.field.file_ajax div.inputs div.inner input { display:flex; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-direction: row; width:auto; border-radius:var(--bor_radius_no); /*12/05/2023*/ } div.eav.label_field.box div.eav.field.file_ajax div.inputs legend { display:inline-block; width:100%; padding-top:var(--pad_s); font-size:0.8em; color:var(--col_grey_xl); text-align:right; } div.eav.label_field.box div.eav.field.file_ajax div.inputs div.inner input.upload_file::-webkit-file-upload-button /* SPECIFIQUE "CHROME" */ { height:var(--hei_fields); background-color:var(--bco_grey_xs); justify-content:center; align-items:center; } /* NE JAMAIS FUSIONNER AVEC LE CODE AU-DESSUS A L'AIDE D'UNE VIRGULE SINON BUR SUR "IE" */ div.eav.label_field.box div.eav.field.file_ajax div.inputs div.inner input.upload_file { height:var(--hei_fields); background-color:var(--bco_grey_xs); justify-content:center; align-items:center; } div.eav.label_field.box div.eav.field.file_ajax div.inputs div.inner input.upload_file.hide { display:none; } /* NE JAMAIS FUSIONNER AVEC LE CODE AU-DESSUS A L'AIDE D'UNE VIRGULE SINON BUR SUR "IE" */ div.eav.label_field.box div.eav.field.file_ajax div.inputs div.inner input.upload_file_input_text { height:var(--hei_fields); background-color:var(--col_white); justify-content:center; align-items:center; color:var(--col_grey_m); } div.eav.label_field.box div.eav.field.file_ajax div.inputs div.inner input.upload_button { flex-grow: 0; width:auto; justify-content:center; align-items:center; border-radius:0px var(--bor_radius_m) var(--bor_radius_m) 0px; border-left:0px; margin-left:0px; } .switch { position: relative; display: inline-block; width: 40px; height: 24px; } label.switch { width:40px; } .switch input { display:none; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bco_grey_xs); transition: .4s; } .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; transition: .4s; } input:checked + .slider { background-color: var(--bco_second); } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { /*-webkit-transform: translateX(16px); -ms-transform: translateX(16px);*/ transform: translateX(16px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /** * -------------------------------------------------------- * -------------------------------------------------------- * VERSION "SMALL" (Ex "FLAGS") * -------------------------------------------------------- * -------------------------------------------------------- */ .switch_small { position: relative; display: inline-block; width: 36px; height: 18px; } label.switch_small { width:28px; } .switch_small input { display:none; } .slider_small { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bco_grey_m); transition: .4s; } .slider_small:before { position: absolute; content: ""; height: 10px; width: 10px; left: 4px; bottom: 4px; background-color: white; transition: .4s; } input:checked + .slider_small { background-color: var(--bco_second); } input:focus + .slider_small { box-shadow: 0 0 1px var(--col_second); } input:checked + .slider_small:before { transform: translateX(10px); } .slider_small.round { border-radius: 28px; } .slider_small.round:before { border-radius: 50%; } .checkbox.switch { display:flex; flex-direction: row; align-items: center; width:auto; } .checkbox.switch label { display:flex; flex-direction: row; align-items: center; } div.label.switch { display:flex; flex-direction: row; align-items: center; width:auto; } div.checkbox.switch { padding:0px ; } /* * TOUTES RESOLUTIONS */ :root { /* ------------------------ BACKGROUNDS */ --bco_fields: var(--bco_white); --col_fields: var(--bco_black); --bco_fields_hover: rgba(234, 240, 227, 1); --col_fields_hover: var(--bco_black); /* * DISABLED FIELDS */ --bco_fields_disabled: rgba(234, 240, 227, 1); --col_fields_disabled: var(--col_black); /* ------------------------ BORDER */ --bor_style_fields: var(--bor_style); --bor_width_fields: var(--bor_width_xs); --bor_radius_fields: var(--bor_radius_s); --bor_color_fields: rgba(190, 190, 190, 1); /* ------------------------ OMBRAGE INTERNE */ /*--sha_fields_fields: inset 0px 1px 5px rgba(0, 0, 0, 0.2);*/ --sha_fields_fields: none; /*--bxs_fields: rgba(0, 0, 0, 0.10) 0px 2px 2px 0px inset;*/ } /* ------------------------ LABEL */ form.eav label.eav.field span.label_for { /* 31/10/2023 font-size: var(--fon_size_s);*/ } /* ------------------------ PLACEHOLDER */ input, select, textarea { color:var(--col_fields); } input::placeholder, select::placeholder, textarea::placeholder { color:var(--col_grey_xl); font-style:italic; } #body_column_central_text { padding:var(--pad_xl); } #body_column_central_text > p img { width:100%; height:100%; } .header_illustration { padding-top: var(--mar_bottom_text_elements); padding-bottom: var(--mar_bottom_text_elements); } /* * ===================== * COD_JQUERYUI * COD_JQUERYUI_DATEPICKER * ===================== */ .ui-datepicker { min-width:280px; } table.ui-datepicker-calendar { --padd_datepicker_date_cell: var(--pad_m); --bco_datepicker_date_cell: var(--bco_white); --bco_datepicker_empty_date_cell: var(--bco_grey_xs); --coldatepicker_empty_date_cell_comp: var(--col_grey_xs_comp); --bor_radius_datepicker: var(--bor_radius_s); } div.hasDatepicker { display:flex; flex-direction: column; width:100%; } div.ui-datepicker-inline { display:flex; flex-direction: column; width:100%; } table.ui-datepicker-calendar, table.ui-datepicker-calendar tbody, table.ui-datepicker-calendar thead { display:flex; flex-direction: column; } table.ui-datepicker-calendar tbody { padding-top:var(--pad_s); } table.ui-datepicker-calendar { border-radius:var(--bor_radius_datepicker); } /* 28/04/2024 */ table.ui-datepicker-calendar tr, #body_column_left table.ui-datepicker-calendar tr, #body_column_right table.ui-datepicker-calendar tr { display:flex; flex-direction: row; } table.ui-datepicker-calendar th, table.ui-datepicker-calendar td { display:flex; flex-direction: column; width:calc(100% / 7); } table.ui-datepicker-calendar tr:not(.unbordered) td, table.ui-datepicker-calendar tr:not(.unbordered):first-child td, table.ui-datepicker-calendar td { padding:0px; border:0px; } table.ui-datepicker-calendar td a, table.ui-datepicker-calendar td span { /* EMPIRIQUE */ padding-top: 35%; padding-bottom: 35%; } table.ui-datepicker-calendar td:first-child { padding-left:var(--datepicker_date_cell_padding); } table.ui-datepicker-calendar td:last-child { padding-right:var(--datepicker_date_cell_padding); } table.ui-datepicker-calendar tr, table.ui-datepicker-calendar tr td { border-bottom:0px; } table.ui-datepicker-calendar td a, table.ui-datepicker-calendar td span { display:flex; flex-direction: column; align-items: center; justify-content: center; } table.ui-datepicker-calendar td, table.ui-datepicker-calendar td.ui-state-disabled { background-color:var(--bco_datepicker_date_cell); opacity:1; } table.ui-datepicker-calendar td span.ui-state-default, table.ui-datepicker-calendar td span.ui-widget-content, table.ui-datepicker-calendar td span.ui-state-default { background-color:var(--bco_datepicker_empty_date_cell); color:var(--coldatepicker_empty_date_cell_comp); } /* * SELECTEUR DU MOIS / ANNEES */ div.ui-datepicker-header, div.ui-datepicker-title { display:flex; flex-direction: row; justify-content: space-between; align-items: center; padding: var(--pad_xs) 0px var(--pad_xs) 0px; } .ui-datepicker .ui-datepicker-title { margin: 0px; } .ui-widget-header { background-color: var(--bco_first); color: var(--col_first_comp); } .ui-datepicker .ui-datepicker-title select { display:flex; flex-grow: 1; flex-shrink: 0; min-height:inherit; padding:var(--pad_s) var(--pad_m) var(--pad_s) var(--pad_m); margin:0px var(--mar_s) 0px var(--mar_s); align-items: center; justify-content: center; align-content: center; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { margin:0px var(--mar_xs) 0px var(--mar_xs); top:25%; cursor:pointer; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: auto; } /* 12/11/2023 */ .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { /*border: 1px solid #cccccc;*/ background: var(--bco_button_hover); /*font-weight: normal;*/ color: var(--col_button_hover_comp); } /* 12/11/2023 */ .ui-datepicker .ui-datepicker-prev-hover { left: 2px; } .ui-datepicker .ui-datepicker-next-hover { right: 2px; } /* * ===================== * COD_GOOGLE_RECAPTCHA * ===================== */ div.g-recaptcha { display: flex; flex-direction: row; align-items: center; justify-content: center; } /* * ===================== * COD_FACEBOOK_LIKE * ===================== */ div.fb-like { margin-bottom:var(--mar_s) ; float:right; } div#javascript_prompt_overlay, div#javascript_prompt_overlay, div#javascript_prompt_overlay { position: fixed; z-index: 999; width: 100%; height: 100%; background-color:var(--bco_grey_transparent_m); } div#javascript_prompt, div#javascript_alert, div#javascript_confirm { position: fixed; top: 20%; left: 50%; transform: translateX(-50%); z-index: 1000; width: 400px; background-color:var(--bco_white); color:var(--col_white_comp) } div#javascript_prompt textarea { width: 100%; height: 200px; } /* * ===================== * COD_MODULES * ===================== */ /** * DATE DE PUBLICATION */ .publising_days { display: flex; flex-grow: 0; flex-shrink: 1; flex-wrap: nowrap; align-items: center; font-size:var(--fon_size_s); font-weight:normal; text-transform:none; padding:var(--pad_s); background-color:rgba(255,255,255,0.2); color:var(--col_white); text-align:center; } /* * ===================== * COD_MODULES_SCORES * ===================== */ /* * ===================== * COD_MODULE_SLIDERS * ===================== */ /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ #body_column_central_inner > div.box.sliders { margin-bottom:0px; } /* * ===================== * COD_MODULE_SCORES_CHALLENGES_BAUER * ===================== */ div#body_column_left div.module_scores_challenges_bauer, div#body_column_right div.module_scores_challenges_bauer { display:none; } /* * ===================== * COD_MODULE_SCHEDULES * ===================== */ /* * ===================== * COD_MODULE_SCHEDULES * ===================== */ /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * RIGHT MARGIN */ #body_column_right .box.module_schedules.right .label { padding:var(--mar_s); background-color:var(--col_green); color:var(--col_green_comp); } #body_column_right .box.module_schedules.right .label h2 { color:var(--col_white); } /* * LEFT MARGIN */ #body_column_left .box.module_schedules.left .label { padding:var(--mar_s); background-color:var(--col_green); color:var(--col_green_comp); } #body_column_left .box.module_schedules.left .label h2 { color:var(--col_white); } /* * ===================== * COD_MODULE_SCHEDULES * ===================== */ div.box.schedules.challenges ul.challenges li { list-style:none; border-bottom:var(--bor_style) var(--bor_width_xs) #e9e9e9; margin:var(--mar_s) 0px var(--mar_s) 0px; padding:var(--pad_s) 0px var(--pad_s) 0px; } div.box.schedules.challenges ul.challenges li:last-child { border-bottom:none; margin:var(--mar_s) 0px 0px 0px; padding:var(--pad_s) 0px 0px 0px; } div.box.schedules.challenges ul.challenges li div.dates { display:none; } div.box.schedules div.warning { background-color:var(--bco_grey_xs); border-color:var(--bco_grey_s); } /* * ===================== * COD_MODULE_SCHEDULES * ===================== */ /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ #body_column_central .box.module_schedules.central .label { padding:var(--mar_s); background-color:var(--col_green); color:var(--col_green_comp); } #body_column_central .box.module_schedules.central .label h2 { color:var(--col_white); } #body_column_central .box.module_schedules.central .content { padding:var(--mar_s); } /* * ===================== * COD_MODULE_SCHEDULES * ===================== */ /* * BOX */ div.box.calendar { background-color:var(--bco_grey_xs); border:var(--bor_style) var(--bor_width_xs) #dddddd; } div.box.calendar div.inner { border:10px; } #body_column_left .box.calendar { padding:var(--pad_xs); } /* * HTML SCHEDULE */ .calendar.html table { border:var(--bor_style) var(--bor_width_xs) #dddddd; width:100%; margin:0px 0px var(--mar_s) 0px; } .calendar.html tr:nth-child(1) th { text-align:center; vertical-align:middle; font-size:var(--fon_size_m); background-color:var(--col_green); color:var(--col_green_comp); padding:var(--pad_s) 0px var(--pad_s) 0px; } .calendar.html tr:nth-child(2) th { text-align:center; vertical-align:middle; font-size:var(--fon_size_xs); background-color:var(--bco_grey_xs); color:var(--col_black); padding:var(--pad_s) 0px var(--pad_s) 0px; } .calendar.html tr td { padding:var(--pad_s) var(--pad_xs) var(--pad_s) var(--pad_xs); text-align:center; vertical-align:middle; font-size:var(--fon_size_xs); background-color:var(--col_white); } .calendar.html tr td a { text-decoration:none; font-size:inherit; color:var(--col_white); font-weight:bold; } /* * LEGENDES */ .datepicker_calendar_legend { margin:var(--mar_xs) 0px 0px 0px; padding:var(--pad_xs) var(--pad_xs) var(--pad_xs) var(--pad_xs); } .datepicker_calendar_legend ul li { list-style:none; } .datepicker_calendar_legend span.flee { display:table-cell; vertical-align:middle; } .datepicker_calendar_legend span.flee span { display:block; width:12px; height:12px; background-color:var(--bco_second); margin:0px var(--mar_s) 0px 0px; } .datepicker_calendar_legend span.text { display:table-cell; padding:0px; font-size:inherit; } /* * ===================== * COD_MODULE_SAFEX_TBL_ACTIVITY * ===================== */ /* * ===================== * COD_MODULE_ROOMS * ===================== */ /* * ===================== * COD_MODULE_PUBLICATIONS * ===================== */ .publications.title .h2_like { font-weight:bold; } /* * ===================== * COD_MODULE_PRODUCTS * ===================== */ /* * ===================== * COD_MODULE_PRODUCTS_SHELVES * ===================== */ /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ .box.module_products_shelves .box.product { /*display:block;16/04/2020*/ width:100%; } /* * IMAGE */ .box.module_products_shelves .box.product div.image { display:block; width:100%; } .box.module_products_shelves .box.product div.image img { display:block; width:100%; height:100%; } /* * TITRE */ .box.module_products_shelves .box.product div.title { display:block; width:100%; } .box.module_products_shelves .box.product div.price_exluding_tax { display:inline-block; width:auto; margin:var(--mar_m) 0px 0px 0px; padding:var(--pad_s); /*25/08/2020 box-sizing:border-box;*/ color:var(--col_white); } .box.module_products_shelves .box.product div.price_exluding_tax span { background:inherit; height:auto; text-align:center; } .box.module_products_shelves .box.product div.more { display:block; width:100%; } .box.module_products_shelves .box.product div.text { display:block; width:100%; } /* * ===================== * COD_MODULE_PICTURES_LIBRARIES * ===================== */ /* * MOBILE */ @media screen and (max-width : 767px) { .box.module_pictures_library ul.dnk-gallery-list li { width:50%; } } /* * DESKTOP */ @media screen and (min-width : 768px) { .box.module_pictures_library ul.dnk-gallery-list li { width:20%; } } div.gallery.container { min-height: 200px; } /* * TOUTES RESOLUTION */ .box.module_pictures_library { background-color:var(--bco_white); color:var(--col_white_comp); } .box.module_pictures_library ul.dnk-gallery-list, .box.module_pictures_library ul.dnk-gallery-list li { list-style:none; } .box.module_pictures_library ul.dnk-gallery-list { display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 0; flex-basis: auto; flex-wrap: wrap; } /* 03/03/2023 */ div.text ul.dnk-gallery-list, div.text div.dnk-gallery ol.squared { padding: var(--pad_xs) var(--pad_xs) var(--pad_xs) var(--pad_xs); margin:0px 0px var(--mar_xs) 0px; } div.text ul.dnk-gallery-list { margin:0px; } .box.module_pictures_library ul.dnk-gallery-list li { display: flex; flex-grow: 0; flex-shrink: 0; flex-basis: auto; flex-direction: column; box-sizing: border-box; justify-content: center; align-items: center; padding: var(--pad_xs) var(--pad_xs) var(--pad_xs) var(--pad_xs); margin: 0px; } .box.module_pictures_library ul.dnk-gallery-list li.innerbox { background:none; } .box.module_pictures_library ul.dnk-gallery-list li a, .box.module_pictures_library ul.dnk-gallery-list li img { width:100%; height:auto; /*25/08/2020 box-sizing:border-box;*/ border:var(--bor_style) var(--bor_width_xs) var(--col_white); margin:0px; } .box.module_pictures_library ol#pagination-gallery_2 { padding: 0px var(--pad_xs) var(--pad_s) var(--pad_s); } .box.module_pictures_library ol#pagination-gallery_2 { padding: 0px var(--pad_xs) var(--pad_s) var(--pad_s); } /* * -------------- * dnk-gallery * ---------------- */ div.dnk-gallery { /* 08/11/2019 padding-bottom:var(--pad_s);*/ overflow:auto; } ol.circle.gray, ol.squared.gray, ol.tin-squared.gray { padding-left:var(--pad_s); } ol.circle.gray li, ol.squared.gray li, ol.tin-squared.gray li { background-color:var(--bco_button); color:var(--col_button_comp); } div.text ol.squared:not(.table_like) li:last-child { padding-bottom: var(--pad_xs); } ol.circle.gray li:hover, ol.squared.gray li:hover, ol.tin-squared.gray li:hover, ol.circle.gray li.active, ol.squared.gray li.active, ol.tin-squared.gray li.active { background-color: var(--bco_button_hover); color: var(--col_button_hover_comp); } /* * ===================== * COD_MODULE_PAGES * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * SMALL TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 991px) { } /* * -------------- * MIDDLE TABLET * ---------------- */ @media screen and (min-width : 992px) { } /* * ===================== * COD_MODULE_PAGES * ===================== */ /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { .box.module_pages.central { width: auto; margin-left:auto; margin-right:auto; } } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ #module_pages_label { overflow:auto; } #module_pages_label h1 { display:block; } #module_pages_label a { display:block; float:right; height:var(--hei_fields_m); line-height:var(--hei_fields_m); padding-right:var(--pad_m); color:var(--col_white); font-size: var(--h2_font_size_default); } #module_pages_label a:not(.no-hover):hover { color:var(--col_black); } /* * HEADER DU "TEXTE GAUCHE" */ #body_column_left > .box.module_pages.header div.text.header { padding:var(--pad_s); } #body_column_left > .box.module_pages.header div.text { padding:var(--pad_s); } /* * ===================== * COD_MODULE_PAGES * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { /* * BOUTON DE "AGREGATION" */ a.button.agregated.summary, a.button.agregated.detail { float:none; background: var(--col_white); margin:var(--mar_m) 0px var(--mar_m) 0px; } a.button.agregated.detail { margin:var(--mar_m) 0px 0px 0px; } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { /* * BOUTON DE "AGREGATION" */ a.button.agregated.summary, a.button.agregated.detail { float:right; } } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ section.agregation { width:100%; } .box.module_pages.central.agregated_sub { margin-bottom: var(--mar_l); } /* * BOUTONS DE "AGREGATION" */ a.button.agregated.summary, a.button.agregated.detail { text-decoration:none; padding:7px var(--pad_s) 7px var(--pad_s); display:block; background-color:var(--col_black); color:var(--col_white); text-align:center; text-transform:uppercase; border:var(--bor_style) var(--bor_width_xs) var(--col_white); } a.button.agregated.summary:hover, a.button.agregated.detail:hover { background: var(--col_white); color:var(--col_black); border:var(--bor_style) var(--bor_width_xs) var(--col_black); } a.button.agregated.left { float:left; } a.button.agregated.right { float:right; } a.button.agregated.detail { margin:var(--mar_m) 0px 0px 0px; } /* * ===================== * COD_MODULE_PAGES * ===================== */ /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ div.agregation.unsummarized > div.text { margin-bottom: var(--mar_l); } div.agregated.unsummarized { display:flex; flex-direction: column; } .box.module_pages.agregated.unsummarized { padding: var(--pad_s) var(--pad_s) var(--pad_s) var(--pad_s); margin-top:var(--mar_s); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); background-color:var(--bco_grey_s); } .box.module_pages.agregated.unsummarized h2 { padding: var(--pad_s) var(--pad_s) var(--pad_s) var(--pad_s); } .box.module_pages.agregated.unsummarized div.text h2 { padding: var(--pad_s) 0px var(--pad_s) 0px; } /* * ===================== * COD_MODULE_PAGES * ===================== */ div.agregator { /* * LARGEUR - PAR DEFAUT - DES IMAGES "left" ET "right" */ --agregated_image_width: 33.333%; /* * FLEX GAP */ --agregator_gap: 0px; /* * ARTICLE IMAGE */ --agregated_article_image_min_height: 250px; padding-left: var(--carousel_slide_h_padding); padding-right: var(--carousel_slide_h_padding); } /* 30/12/2024 */ main#body_column_central div.agregator h1, main#body_column_central div.agregator section.agregation h2, main#body_column_central div.agregator section.agregation p, main#body_column_central div.agregator div.text h1, main#body_column_central div.agregator div.text h2, main#body_column_central div.agregator div.text p { padding-left: 0px; padding-right: 0px; } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { .article_like.agregated, .article_like.agregated div.inner { flex-direction: column; } .article_like.agregated { margin-bottom:var(--mar_m); } .article_like.agregated.image_on_left div.image, .article_like.agregated.image_on_right div.image, .article_like.agregated.image_on_left div.text, .article_like.agregated.image_on_right div.text { width:100%; } .article_like.agregated.wid_50 div.image, .article_like.agregated.wid_50 div.text, .article_like.agregated.wid_33 div.image, .article_like.agregated.wid_33 div.text, .article_like.agregated.wid_25 div.image, .article_like.agregated.wid_25 div.text, .article_like.agregated.wid_20 div.image, .article_like.agregated.wid_20 div.text { width: 100%; } div.agregated div.image { margin-bottom:var(--mar_l); } /* * IMAGE */ .article_like.agregated div.agregated_image { height:250px } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { .article_like.agregated.image_on_left div.text:not(.widthed), .article_like.agregated.image_on_right div.text:not(.widthed) { width:calc(100% - var(--agregated_image_width)); } .article_like.agregated.image_on_right > div.inner { flex-direction: row-reverse; } .article_like.agregated.image_on_left div.image:not(.widthed), .article_like.agregated.image_on_right div.image:not(.widthed) { width:var(--agregated_image_width); } /* * "TABLE LIKE" : QUINCONCAGE */ div.agregator:not(.fle_gaped) { gap: var(--agregator_gap) var(--agregator_gap); } .article_like.agregated.wid_50 div.inner, .article_like.agregated.wid_33 div.inner, .article_like.agregated.wid_25 div.inner, .article_like.agregated.wid_20 div.inner { flex-direction: column; } .article_like.agregated.wid_50.image_on_left div.inner, .article_like.agregated.wid_33.image_on_left div.inner, .article_like.agregated.wid_25.image_on_left div.inner, .article_like.agregated.wid_20.image_on_left div.inner { flex-direction: row; } .article_like.agregated.wid_50.image_on_right div.inner, .article_like.agregated.wid_33.image_on_right div.inner, .article_like.agregated.wid_25.image_on_right div.inner, .article_like.agregated.wid_20.image_on_right div.inner { flex-direction: row-reverse; } .article_like.agregated.wid_100 { width:100%; padding-bottom: var(--pad_l); } .article_like.agregated.wid_50 { width:calc(50% - (var(--agregator_gap) * (1/2))); max-width:calc(50% - (var(--agregator_gap) * (1/2))); min-width:calc(50% - (var(--agregator_gap) * (1/2))); } div.agregator.fle_gap_s > .article_like.agregated.wid_50 { width:calc(50% - (var(--pad_s) * (1/2))); max-width:calc(50% - (var(--pad_s) * (1/2))); min-width:calc(50% - (var(--pad_s) * (1/2))); } div.agregator.fle_gap_m > .article_like.agregated.wid_50 { width:calc(50% - (var(--pad_m) * (1/2))); max-width:calc(50% - (var(--pad_m) * (1/2))); min-width:calc(50% - (var(--pad_m) * (1/2))); } div.agregator.fle_gap_l > .article_like.agregated.wid_50 { width:calc(50% - (var(--pad_l) * (1/2))); max-width:calc(50% - (var(--pad_l) * (1/2))); min-width:calc(50% - (var(--pad_l) * (1/2))); } div.agregator.fle_gap_xl > .article_like.agregated.wid_50 { width:calc(50% - (var(--pad_xl) * (1/2))); max-width:calc(50% - (var(--pad_xl) * (1/2))); min-width:calc(50% - (var(--pad_xl) * (1/2))); } .article_like.agregated.wid_33 { width:calc(33.333% - (var(--agregator_gap) * (2/3))); max-width:calc(33.333% - (var(--agregator_gap) * (2/3))); min-width:calc(33.333% - (var(--agregator_gap) * (2/3))); } div.agregator.fle_gap_s > .article_like.agregated.wid_33 { width:calc(33.333% - (var(--pad_s) * (2/3))); max-width:calc(33.333% - (var(--pad_s) * (2/3))); min-width:calc(33.333% - (var(--pad_s) * (2/3))); } div.agregator.fle_gap_m > .article_like.agregated.wid_33 { width:calc(33.333% - (var(--pad_m) * (2/3))); max-width:calc(33.333% - (var(--pad_m) * (2/3))); min-width:calc(33.333% - (var(--pad_m) * (2/3))); } div.agregator.fle_gap_l > .article_like.agregated.wid_33 { width:calc(33.333% - (var(--pad_l) * (2/3))); max-width:calc(33.333% - (var(--pad_l) * (2/3))); min-width:calc(33.333% - (var(--pad_l) * (2/3))); } div.agregator.fle_gap_xl > .article_like.agregated.wid_33 { width:calc(33.333% - (var(--pad_xl) * (2/3))); max-width:calc(33.333% - (var(--pad_xl) * (2/3))); min-width:calc(33.333% - (var(--pad_xl) * (2/3))); } .article_like.agregated.wid_25 { width:calc(25% - (var(--agregator_gap) * (3/4))); max-width:calc(25% - (var(--agregator_gap) * (3/4))); min-width:calc(25% - (var(--agregator_gap) * (3/4))); } div.agregator.fle_gap_s > .article_like.agregated.wid_25 { width:calc(25% - (var(--pad_s) * (1/2))); max-width:calc(25% - (var(--pad_s) * (1/2))); min-width:calc(25% - (var(--pad_s) * (1/2))); } div.agregator.fle_gap_m > .article_like.agregated.wid_25 { width:calc(25% - (var(--pad_m) * (1/2))); max-width:calc(25% - (var(--pad_m) * (1/2))); min-width:calc(25% - (var(--pad_m) * (1/2))); } div.agregator.fle_gap_l > .article_like.agregated.wid_25 { width:calc(25% - (var(--pad_l) * (1/2))); max-width:calc(25% - (var(--pad_l) * (1/2))); min-width:calc(25% - (var(--pad_l) * (1/2))); } div.agregator.fle_gap_xl > .article_like.agregated.wid_25 { width:calc(25% - (var(--pad_xl) * (1/2))); max-width:calc(25% - (var(--pad_xl) * (1/2))); min-width:calc(25% - (var(--pad_xl) * (1/2))); } .article_like.agregated.wid_20 { width:calc(20% - (var(--agregator_gap) * (4/5))); max-width:calc(20% - (var(--agregator_gap) * (4/5))); min-width:calc(20% - (var(--agregator_gap) * (4/5))); } div.agregator.fle_gap_s > .article_like.agregated.wid_20 { width:calc(20% - (var(--pad_s) * (1/2))); max-width:calc(20% - (var(--pad_s) * (1/2))); min-width:calc(20% - (var(--pad_s) * (1/2))); } div.agregator.fle_gap_m > .article_like.agregated.wid_20 { width:calc(20% - (var(--pad_m) * (1/2))); max-width:calc(20% - (var(--pad_m) * (1/2))); min-width:calc(20% - (var(--pad_m) * (1/2))); } div.agregator.fle_gap_l > .article_like.agregated.wid_20 { width:calc(20% - (var(--pad_l) * (1/2))); max-width:calc(20% - (var(--pad_l) * (1/2))); min-width:calc(20% - (var(--pad_l) * (1/2))); } div.agregator.fle_gap_xl > .article_like.agregated.wid_20 { width:calc(20% - (var(--pad_xl) * (1/2))); max-width:calc(20% - (var(--pad_xl) * (1/2))); min-width:calc(20% - (var(--pad_xl) * (1/2))); } .article_like.agregated.wid_50 div.agregated_image, .article_like.agregated.wid_33 div.agregated_image, .article_like.agregated.wid_25 div.agregated_image, .article_like.agregated.wid_20 div.agregated_image { height: var(--agregated_article_image_min_height); } .article_like.agregated.text_associate_with_image.image_on_right .text.fle_column { padding-right:var(--pad_l); } .article_like.agregated.text_associate_with_image.image_on_left .text.fle_column { padding-left:var(--pad_l); } div.agregated.image_on_top div.image { margin-bottom:var(--mar_l); } /* * IMAGE */ .article_like.agregated div.agregated_image { color:var(--col_white_comp); } } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * ARTICVLE DIV INNER */ .article_like.agregated div.inner.backgrounded div.text { padding:var(--pad_m); align-self: flex-start; justify-content: flex-start; align-items: flex-start; } /* * IMAGE */ .article_like.agregated div.agregated_image { background-repeat:no-repeat; background-size:contain; background-position:50% 50%; background-color:var(--bco_white); color:var(--col_white_comp); } /* * ===================== * COD_MODULE_NEWSLETTER * ===================== */ /* * ===================== * COD_MODULE_NEWS * ===================== */ /* * ===================== * COD_MODULE_NEWS_CATEGORIES * ===================== */ /* * ===================== * COD_MODULE_MOOKS * ===================== */ /* * ===================== * COD_MODULE_MESSAGES * ===================== */ /* * ===================== * COD_MODULE_MENUS * ===================== */ /* * ===================== * COD_MODULE_MEMBERS * ===================== */ /* * ===================== * COD_MODULE_MEMBERS * ===================== */ /* * ===================== * COD_MODULE_MEMBERS * ===================== */ /* * -------------- * 23/08/2023. "CONNEXION BUTTON" : SIMPLE BOUTON RENVOYANT VERS LA PAGE D'IDENTIFICATION * ---------------- */ #header_identification a.button.member_connection, #header_identification a.button.member_deconnection { padding:0px; margin:0px; background-color:transparent; height:47px; padding-left:55px; padding-right:7px; align-items: center; } html.css_cache_enable #header_identification a.button.member_connection, html.css_cache_enable #header_identification a.button.member_deconnection { background: url(/odm/templates/core/offices/front/images/sprite.png) no-repeat -56px 5px; } html.css_cache_disable #header_identification a.button.member_connection, html.css_cache_disable #header_identification a.button.member_deconnection { background: url(/odm/templates/donnenheim/odm/templates/coiffure/images/sprite.png) no-repeat -56px 5px; } html.css_cache_enable #header_identification a.button.member_connection:hover, html.css_cache_enable #header_identification a.button.member_connection:focus, html.css_cache_enable #header_identification a.button.member_deconnection:hover, html.css_cache_enable #header_identification a.button.member_deconnection:focus { background: url(/odm/templates/core/offices/front/images/sprite.png) no-repeat -56px -45px #fff; } html.css_cache_disable #header_identification a.button.member_connection:hover, html.css_cache_disable #header_identification a.button.member_connection:focus, html.css_cache_disable #header_identification a.button.member_deconnection:hover, html.css_cache_disable #header_identification a.button.member_deconnection:focus { background: url(/odm/templates/donnenheim/odm/templates/coiffure/images/sprite.png) no-repeat -56px -45px #fff; } #header_identification a.button.member_connection:hover, #header_identification a.button.member_connection:focus, #header_identification a.button.member_deconnection:hover, #header_identification a.button.member_deconnection:focus { color:var(--col_first); } /* * ===================== * COD_MODULE_MEMBERS * ===================== */ /* * ===================== * COD_MODULE_MEMBERS * ===================== */ /* * ===================== * COD_MODULE_MEMBERS * ===================== */ /* * ===================== * COD_MODULE_MEMBERS_GROUPS * ===================== */ /* * ===================== * COD_MODULE_MARKETPLACES * ===================== */ /* * ===================== * COD_MODULE_MARKETPLACES_SOLD_ITEMS * ===================== */ /* * ===================== * COD_MODULE_JOBS_OFFERS * ===================== */ /* * ===================== * COD_MODULE_INCIDENTS * ===================== */ /* * -------------- * V200. TOUTES RESOLUTIONS * ---------------- */ /* * "FRONT" */ div#body .module_googlemaps_inner, div#body .module_googlemaps > div.box, div#body .box.module_googlemaps div.map { height:550px; width:100%; } div#body .box.module_googlemaps.full_width div.map { height:550px; width:100%; } /* * "BACK" */ .tinymce_googlemaps .box.module_googlemaps div.map { display:table; height:550px; width:100%; } /* * ===================== * COD_MODULE_FURNITURES * ===================== */ /* * ===================== * COD_MODULE_EVENTS * ===================== */ /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ div.box.detail.module_events ul.events { padding:0px; overflow:auto; box-sizing:border-box; } ul.events > li { list-style:none; overflow:auto; box-sizing:border-box; } ul.events > li div.dates { padding:var(--pad_s); } ul.events > li div.times { padding:var(--pad_s); margin-bottom:var(--mar_m); } ul.events > li div.times li { list-style:square; } div.box.simple_list.schedules.list li div.summary { margin-bottom: var(--mar_m); } div.box.simple_list.schedules.list li div.dates { padding: var(--pad_s); } div.box.simple_list.schedules.list li div.times { padding: var(--pad_s); } div.box.simple_list.schedules.list li div.times { padding: var(--pad_s); } div.box.simple_list.schedules.list li div.times ul li { margin-bottom:0px; } /* 12/01/2024 */ li.simple_list.table_like.wid_50 div.box.event_product_shelf.fle_row div.table_like_flex_rowed { flex-direction: column; } li.simple_list.table_like.wid_50 span.booking.button_like.mar_l_auto { margin-left:0px; width:100%; } li.simple_list.table_like.wid_50 div.box.event_product_shelf.fle_row div.table_like_flex_rowed > div { width:100%; min-width:100%; max-width:100%; } /* * ===================== * COD_MODULE_DIRECTORY * ===================== */ /* * ===================== * COD_MODULE_CONTACTS * ===================== */ /* * ===================== * COD_MODULE_CAROUSELS * ===================== */ /* 03/10/2023 */ div.box.carousel { display:block; position:relative; max-width:1200px; box-sizing:border-box; } /* * ===================== * COD_MODULE_BRANCHES * ===================== */ /* * ===================== * COD_MODULE_APPLICATIONS * ===================== */ /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { /* * -------------- * APPLICATIONS MANAGER * ---------------- */ form.box.module.module_applications div.fieldset { width:50%; } form.box.module.module_applications div.fieldset:nth-child(3n+1) { padding-left:0px; padding-right:var(--pad_xs); } form.box.module.module_applications div.fieldset:nth-child(3n+2) { padding-right:var(--pad_xs); padding-left:var(--pad_xs); } form.box.module.module_applications div.fieldset:nth-child(3n+3) { padding-left:var(--pad_xs); padding-right:0px; } } /* ---------------------------- APPLICATIONS "CATEGORYED SIMPLE LIST" ------------------------ */ /* ICONES D'APPLICATION */ div.categoryed_simple_list.applications div.background div.icon { width:50px; height:50px; } /* ---------------------------- APPLICATIONS "SIMPLE LIST" ------------------------ */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { div.module_applications.list.summary li { width:50%; height: var(--table_like_image_height_width_16); } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { div.module_applications.list.summary .article_like { display: flex; flex-grow: 1; flex-shrink: 1; width:100%; height: var(--table_like_image_height_width_16); background-size:cover; background-position:50% 50%; background-repeat:no-repeat; } } /* * ===================== * COD_GDPR * ===================== */ div.box.gdpr { padding: var(--pad_xm); background-color:var(--bco_white); color:var(--col_white_comp); box-shadow: var(--sha_box_s); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } div.box.gdpr, div.box.gdpr div.box { flex-wrap: nowrap; } div.box.gdpr input#gdpr_confirm_form { margin-right:var(--mar_s); } div.box.gdpr label { padding:var(--pad_s); } input.gdpr_confirm_form:hover ~ label, input.gdpr_confirm_form:focus ~ label { background: var(--bco_fields_hover); color: var(--col_fields_hover); } /* * ===================== * COD_GDPR * ===================== */ .cookie_consent.box { --bco_cookie_consent: var(--bco_first); --col_comp_cookie_consent: var(--col_first_comp); } /** * -------------------------------------------------------- * -------------------------------------------------------- * V400. 18/08/2022. "COOKIE CONSENT BOX" * -------------------------------------------------------- * -------------------------------------------------------- */ .cookie_consent.box { position:absolute; z-index:10; width:100%; background-color:var(--bco_cookie_consent); color:var(--col_comp_cookie_consent); } .cookie_consent.bottom { position:fixed; bottom:0px; left:0px; } /** * -------------------------------------------------------- * -------------------------------------------------------- * V400. 18/08/2022. "COOKIE MANAGER" * -------------------------------------------------------- * -------------------------------------------------------- */ /* 07/06/2023 */ table#third_cookies_consent_manager tr.active td.col_first { background-color:var(--bco_grey_xs); padding-left:var(--pad_s); } table#third_cookies_consent_manager tr.active td.col_2 { background-color:var(--bco_grey_xs); padding-right:var(--pad_s); } table#third_cookies_consent_manager tr td.col_first { align-items: flex-start; flex-grow: 1; } table#third_cookies_consent_manager tr td.col_2 { align-items: center; } /* * LABELS QUI SONT "DISABLED" */ table#third_cookies_consent_manager input[type="radio"] ~ label.disabled { cursor:default; } /* * PAR DEFAUT : TOUS LES LABELS "NON DISABLE" SONT AFFICHÉ EN GRIS SOMBRE (QU'IL SOIENT "POSITIVE" OU "NEGATIVE") */ table#third_cookies_consent_manager input[type="radio"] ~ label:not(.disabled) { background-color:var(--bco_grey_xl); color:var(--col_white); } table#third_cookies_consent_manager input[type="radio"] ~ label:not(.disabled):hover { opacity:1; } /* * COLORISATION ET ROLLOVERING DES LABELS "POSITIVE" */ table#third_cookies_consent_manager label.checked, table#third_cookies_consent_manager input[type="radio"]:checked + label.positive:not(.disabled) { background-color:var(--bco_positive); color:var(--col_positive_comp); } table#third_cookies_consent_manager input[type="radio"] + label.positive:not(.disabled):hover { background-color:var(--bco_positive_hover); color:var(--col_positive_comp); } /* * COLORISATION ET ROLLOVERING DES LABELS "NEGATIVE" */ table#third_cookies_consent_manager input[type="radio"]:checked + label.negative:not(.disabled) { background-color:var(--bco_error_dark_hover); color:var(--col_error_dark_hover_comp); } table#third_cookies_consent_manager input[type="radio"] + label.negative:not(.disabled):hover { background-color:var(--bco_error_dark_hover); color:var(--col_error_dark_hover_comp); } /* * BOUTON/LIEN D'AFFICHAGE DE LA LISTE DES SITES TIERS UTILSIANT DES COOKIES TIERS */ div.third_cookie_consent_manager ul.third_part_cookies_list { display:none; } div.third_cookie_consent_manager ul.third_part_cookies_list { display:none; padding-left:0px; width:auto; } div.third_cookie_consent_manager label.show_third_part_cookies_list_link { display:inline-block; margin-bottom:var(--mar_s); text-decoration:underline; cursor:pointer; } div.third_cookie_consent_manager label.show_third_part_cookies_list_link:hover { color:var(--col_first); } input.show_third_part_cookies_list:checked ~ ul { display: block; } /* * ===================== * COD_SITEMAP_FRONT * ===================== */ :root { --bco_sitemap_even_li: var(--bco_grey_xs); --col_sitemap_even_li_comp: var(--bco_grey_xs_comp); --bco_sitemap_even_li_hover: var(--bco_grey_xs_hover); --col_sitemap_even_li_hover_comp: var(--col_grey_xs_hover_comp); } /* ul.sitemap li.summary a { padding-top: var(--pad_s); padding-bottom: var(--pad_s); } */ /* ul.sitemap li.summary:nth-child(2n+2) { background-color:var(--bco_sitemap_even_li); color:var(--col_sitemap_even_li_comp); } */ /* ul.sitemap li.summary:nth-child(2n+2):hover { background-color:var(--bco_sitemap_even_li_hover); color:var(--col_sitemap_even_li_hover_comp); } */ /* * ===================== * COD_SEARCH _FORM * ===================== */ /** * -------------------------------------------------------- * -------------------------------------------------------- * 13/07/2023. HEADER SEARCH * -------------------------------------------------------- * -------------------------------------------------------- */ /* * TOUTES RESOLUTIONS */ #search_header_form input#search_keywords { height:var(--hei_fields); padding:var(--pad_xs) var(--pad_xs) var(--pad_xs) var(--pad_s); background-color:var(--col_white); } #search_header_form input#search_submit { width:var(--hei_fields); height:var(--hei_fields); background:url(/odm/templates/core/offices/front/images/backgrounds/search/submit.png) no-repeat 9px 9px var(--col_white); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_m); color:rgba(255,255,255,0); cursor:pointer; } #search_header_form input#search_submit:hover, #search_header_form input#search_submit:focus { background:url(/odm/templates/core/offices/front/images/backgrounds/search/submit-hover.png) no-repeat 9px 9px var(--bco_first); } #search_header_form input#search_keywords { border-right:0px; } main#body_column_central div.search_form.box { background-color:var(--bco_grey_xs); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { #search_header_form { width:100%; } #search_header_form input.search_keywords { flex-grow: 1; } } /* * ===================== * COD_SEARCH _FORM * ===================== */ :root { --bco_search_even_li: var(--bco_grey_xs); --col_search_even_li_comp: var(--bco_grey_xs); --bco_search_even_li_hover: var(--bco_grey_xs_hover); --col_search_even_li_hover_comp: var(--col_grey_xs_hover_comp); } /* * MOBILE */ @media screen and (max-width : 767px) { div.search_results span.h1_like { flex-direction: column; align-items: flex-start; } div.search_results span.h1_like span { margin-left:0px; padding-left:0px; padding-top:var(--pad_m); } } div.search_results ul li.table_like.summary { box-shadow: var(--sha_box_s); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); border-radius:var(--bor_radius_m); } div.search_results ul li.table_like.summary a { padding:var(--pad_m); display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 0; justify-content: center; } /* * TOUTES RESOLUTIONS */ /* div.search_results li.summary a { padding-top: var(--pad_s); padding-bottom: var(--pad_s); } */ /* div.search_results li.summary:nth-child(2n+2) { background-color:var(--bco_search_even_li); color:var(--col_search_even_li_comp); } div.search_results li.summary:nth-child(2n+2):hover { background-color:var(--bco_search_even_li_hover); color:var(--col_search_even_li_hover_comp); } */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLE + DESKTOP * ---------------- */ @media screen and (max-width : 1199px) { } /* * -------------- * 20/07/2022. TOUTES RESOLUTIONS * ---------------- */ div.pictures_wall, div.pictures_wall ul, div.pictures_wall li, div.pictures_wall div, div.pictures_wall a, div.pictures_wall span { display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 1; } div.pictures_wall { flex-direction: column; } div.pictures_wall ul { flex-wrap: wrap; padding:0px; } div.pictures_wall ul li { flex-grow: 0; flex-shrink: 0; } div.pictures_wall ul li div.image { background-repeat:no-repeat; background-size:cover; background-position:50% 50%; } /* * ===================== * COD_STICKY * ===================== */ /* * -------------- * TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width : 1199px) { :not(.display_as_big_menu) #horizontal_menu.sticky_menu nav { width: 100%; } } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width : 1200px) { :not(.display_as_big_menu) #horizontal_menu.sticky_menu nav { width: var(--layout_header_inner_max_width); } } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ :not(.display_as_big_menu) #horizontal_menu.sticky_menu { position:fixed; top:0; left:0px; z-index:9999; border-bottom:var(--bor_style) var(--bor_width_xs) var(--bor_color_m); box-shadow: var(--sha_menu); width:100%; animation:slide-down 0.4s; background: var(--col_white); } :not(.display_as_big_menu) #horizontal_menu.sticky_menu nav { margin:auto; } :not(.display_as_big_menu) #horizontal_menu.sticky_menu { width:100%; margin-top:0px; } @keyframes slide-down { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0px); } } /* * ===================== * COD_LAST_PUBLICATIONS * ===================== */ /* * ===================== * COD_KEYWORDS_CLOUD * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * MIN-TABLET * ---------------- */ @media screen and (min-width : 768px) and (max-width: 799px) { } /* * -------------- * TABLET * ---------------- */ @media screen and (min-width: 800px) and (max-width: 1199px) { } /* * -------------- * DESKTOP * ---------------- */ @media screen and (min-width: 1199px) { } /* * -------------- * V200. TOUTES RESOLUTIONS * ---------------- */ /* * MARGIN BLOCK */ .box.keyword_cloud ul, .box.keyword_cloud ul li { display:inline-block; list-style:none; } .box.keyword_cloud ul { padding:var(--pad_s) 0px var(--pad_s) 0px; } .box.keyword_cloud ul li { margin-right:var(--mar_s); } /* * DETAILED PAGE */ .box.keyword_cloud_detail ul li { padding-bottom:var(--pad_m); margin-bottom:var(--mar_m); /*border-bottom:var(--bor_style) var(--bor_width_xs) #dcdcdc; */ } .box.keyword_cloud_detail ul li:last-child { border-bottom:0px; } .box.keyword_cloud_detail ul li p { margin-bottom:var(--mar_s); } .box.keyword_cloud_detail ul li ul.associate_keywords { margin:0px 0px var(--mar_m) 0px; } .box.keyword_cloud_detail ul li ul.associate_keywords li { display:inline-block; margin:0px var(--mar_s) 0px 0px; } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* 12/05/2023*/ /* * ===================== * COD_DASHBOARD * ===================== */ /* * -------------- * MOBILE * ---------------- */ @media screen and (max-width : 767px) { } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { } /* * -------------- * TOUTES RESOLUTIONS * ---------------- */ /* * V300. */ #body_column_left div.box.dashboard li, #body_column_right div.box.dashboard li { width:100%; padding:0px; } /* * ===================== * COD_BASKET * ===================== */ form.basket.body { } form.basket.body table th, form.basket.body table td { border:0px; vertical-align:middle; } form.basket.body table th { background-color:var(--bco_grey_xl); color:var(--col_grey_xl_comp); text-align:left; } form.basket.body table.sub_totals_item th.price_including_tax , form.basket.body table.sub_totals_item th.discounted_price_including_tax, form.basket.body table.sub_totals_item th.discounted_subtotal_including_tax, form.basket.body table.sub_totals_item th.discounted_subtotal_items_prices_tax { text-align:right; } form.basket.body table td.basket.item_error_message { padding-top:0px; padding-bottom:0px; } form.basket.body table.basket.sub_totals_item tr input.item_quantity { text-align:right; } /* * DISPLAYERS */ form.basket.body label.displayer { padding:0px; justify-content:flex-end; } form.basket.body label.displayer > span { background-color: var(--bco_grey_xl); color: var(--col_grey_xl_comp); padding:var(--pad_m); } form.basket.body input[type='checkbox']#basket_displayer_items_subtotals:checked ~ table.items_subtotals, form.basket.body input[type='checkbox']#basket_displayer_shipping_subtotals:checked ~ table.shipping_subtotals { display:table; } /* * -------------- * MOBILE 11/01/2024 * ---------------- */ @media screen and (max-width : 767px) { form.basket.body table th:not(.unpaddinged) { padding:var(--pad_m) var(--pad_m) var(--pad_m) var(--pad_m); } form.basket.body table.basket.sub_totals_item > thead > tr { display:none; } form.basket.body table.basket .h3_like { margin-bottom:0px; } form.basket.body table.basket_shipping, form.basket.body table.basket, form.basket.body table.basket table { padding:var(--pad_m); } /** * SOUS-TOTAUX ITEMS (AVEC "s") = LISTE DES "SOUS-TOTAUX PRODUITS" INDEXÉS PAR DEVISE */ form.basket.body table.basket td.value { text-align:right; } form.basket.body table.basket span.title.hidden { display:inline; } /** * SOUS-TOTAUX ITEM (SANS "s") = LISTE DE CHAQUE ITEM AVEC SA QUANTITY / SONT UNITARY PRICE, SONS SOUS-TOTAL REMISÉ TTC, ETC. */ form.basket.body table.basket.sub_totals_item tr { flex-direction: row; flex-wrap: wrap; word-break: break-word; overflow-wrap: break-word; } form.basket.body table.basket.sub_totals_item tr td { width:100%; max-width:100%; min-width:100%; justify-content: center; } form.basket.body table.basket.sub_totals_item tr td.item_delete { width:10%; max-width:10%; min-width:10%; } form.basket.body table.basket.sub_totals_item tr td.item_name { width:60%; max-width:60%; min-width:60%; padding-left: var(--pad_xm); padding-right: var(--pad_xm); } form.basket.body table.basket.sub_totals_item tr td.item_quantity { width:30%; max-width:30%; min-width:30%; } form.basket.body table.basket.sub_totals_item tr td.item_price_including_tax, form.basket.body table.basket.sub_totals_item tr td.item_selling_price_including_tax, form.basket.body table.basket.sub_totals_item tr td.item_subtotal_including_tax, form.basket.body table.basket.sub_totals_item tr td.sub_total_tax { flex-direction: row; padding-top:var(--pad_s); padding-bottom:var(--pad_s); } form.basket.body table.basket.sub_totals_item tr td:last-child { margin-bottom:var(--pad_s); padding-bottom:var(--pad_l); border-bottom: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } form.basket.body table.basket.sub_totals_item tr:last-child td:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } form.basket.body table.basket.sub_totals_item tr td span.title, form.basket.body table.basket.sub_totals_item tr td span.value { width:50%; min-width:50%; max-width:50%; } /* form.basket.body table.basket.items_subtotals_values > tbody > tr:nth-child(2n+2) > td, form.basket.body table.basket.shipping_subtotals_values > tbody > tr:nth-child(even) > td, form.basket.body table.basket.grand_totals_values > tbody > tr:nth-child(even) > td { background-color:var(--bco_table_td_even); color:var(--col_table_td_even_comp); } */ form.basket.body table.basket.items_subtotals_values > tbody > tr, form.basket.body table.basket.shipping_subtotals_values > tbody > tr, form.basket.body table.basket.grand_totals_values > tbody > tr { flex-direction: row; min-width:auto; max-width:none } form.basket.body table.basket.items_subtotals_values > tbody > tr > td, form.basket.body table.basket.shipping_subtotals_values > tbody > tr > td, form.basket.body table.basket.grand_totals_values > tbody > tr > td { width:50%; min-width:50%; max-width:50%; } form.basket.body table.basket.order div.buttons.fle_row { flex-direction: column; } form.basket.body table.basket.order > tbody > tr > td span, form.basket.body table.basket.order > tbody > tr > td a { width:100%; min-width:100%; max-width:100%; margin-bottom:var(--mar_m); text-align:center; } form.basket.body table.basket.order > tbody > tr > td a:last-child { margin-bottom:0px; } /** * BOUTONS */ form.basket.body table .button, form.basket.body table input, form.basket.body table select { width:100%; } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { form.basket.body table th:not(.unpaddinged), form.basket.body table td:not(.unpaddinged) { padding:var(--pad_m) var(--pad_m) var(--pad_m) var(--pad_m); } /** * SOUS-TOTAUX ITEM (SANS "s") = LISTE DE CHAQUE ITEM AVEC SA QUANTITY / SONT UNITARY PRICE, SONS SOUS-TOTAL REMISÉ TTC, ETC. */ form.basket.body table.basket.sub_totals_item tr:first-child td:not(.unpaddinged) { padding-top:var(--pad_xl); } /** * SOUS-TOTAUX ITEMS (AVEC "s") = LISTE DES "SOUS-TOTAUX PRODUITS" INDEXÉS PAR DEVISE */ form.basket.body table.basket.items_subtotals > tbody > tr > td:first-child, form.basket.body table.basket.shipping_subtotals > tbody > tr > td:first-child, form.basket.body table.basket.grand_totals > tbody > tr > td:first-child { width: 20%; } form.basket.body table.basket.items_subtotals > tbody > tr > td:last-child, form.basket.body table.basket.shipping_subtotals > tbody > tr > td:last-child, form.basket.body table.basket.grand_totals > tbody > tr > td:last-child { width: 80%; } form.basket.body table.basket.items_subtotals > tbody > tr > td:last-child table tr td.value, form.basket.body table.basket.shipping_subtotals > tbody > tr > td:last-child table tr td.value, form.basket.body table.basket.grand_totals > tbody > tr > td:last-child table tr td.value { width: 50%; } form.basket.body table.basket.items_subtotals > tbody > tr > td:last-child table tr td.value, form.basket.body table.basket.shipping_subtotals > tbody > tr > td:last-child table tr td.value, form.basket.body table.basket.grand_totals > tbody > tr > td:last-child table tr td.value { width: 50%; text-align:right; } form.basket.body table.basket.sub_totals_item tr input.item_quantity { max-width:80px; } } #body .fc td, #body .fc td table { } body.page_popup.back_office div.mce-tinymce.mce-container.mce-panel { width:740px !important; } /* div.mce-container.mce-panel.mce-foot div.mce-widget.mce-btn.mce-abs-layout-item.mce-last { display:none; } */ /* * ===================== * COD_JQUERYUI * ===================== */ /* * ===================== * COD_JQUERYUI * COD_JQUERYUI_TAB * ===================== */ /* * -------------- * V200. TOUTES RESOLUTIONS * ---------------- */ /* 03/10/2023 */ .ui-widget.ui-widget-content { padding:var(--pad_m); } div.tabs ul, body.front_office div.text div.tabs ul { /* 05/06/2024 */ /*padding:0px;*/ } .ui-tabs .ui-tabs-panel { padding:0px; } .ui-tabs .ui-tabs-panel { padding-top:var(--pad_m); } div.tabs li { list-style:none; } div.tabs li > div.totaly_displayed { margin-top:var(--mar_m); } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { /* 05/06/2024 */ /*padding:0px;*/ } li.tab_imaged_header_label.ui-tabs-tab img { height:120px; } li.ui-tabs-tab { opacity:1 !important; /* 23/11/2023 NE PAS SUPPRIMER */ } div.tabs ul.ui-tabs-nav li a { background-color:var(--bco_first); color:var(--col_first_comp); font-weight:normal; } div.tabs ul.ui-tabs-nav li a:not(.no-hover):hover { background-color:var(--bco_fourth); color:var(--col_white); } div.tabs ul.ui-tabs-nav li.ui-state-active a { background-color:var(--bco_fourth); } /* div.tree.totaly_displayed a { padding-top: var(--pad_s); padding-bottom: var(--pad_s); } */ /* * ===================== * COD_JQUERYUI * COD_JQUERYUI_DIALOG * ===================== */ /* * -------------- * MOBILE + TABLET * ---------------- */ @media screen and (max-width : 1199px) { .ui-dialog { width:90% ; } } .ui-dialog { left: 0; outline: 0 none; overflow: hidden; /*26/08/2020 padding: 0px;*/ position: absolute; top: 0; background-color:var(--col_white); padding:var(--pad_m); } /* * ------------ * FOND * ------------ */ .ui-dialog .ui-widget-content { background: var(--col_white); border: var(--bor_style) var(--bor_width_xs) #dddddd; } /* 12/05/2023 */ .ui-dialog.ui-corner-all, .ui-dialog.ui-dialog-titlebar.ui-corner-all, .ui-corner-all { border-radius:var(--bor_radius_no); /*12/05/2023*/ border:0px ; } .ui-datepicker-prev, .ui-datepicker-next { margin-top:4px; } .ui-dialog.ui-corner-all { padding:0px; } /* * ------------ * EN-TETE * ------------ */ /* * BANDEAU SUPERIEUR */ .ui-dialog-titlebar.ui-widget-header.ui-draggable-handle { padding:var(--pad_xs); background: var(--bco_grey_xs); } /* * ------------ * BODY * ------------ */ .ui-dialog .ui-dialog-content, .ui-dialog-content.ui-widget-content { padding:var(--pad_m) var(--pad_m) var(--pad_m) var(--pad_m); } .ui-timepicker-div select.ui-timepicker-select, .ui-timepicker-div select.ui-timepicker-select option { } div.ui-datepicker-buttonpane.ui-widget-content button { background-color: var(--bco_first); color: var(--col_first_comp); } div.ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-close, div.ui-datepicker-buttonpane.ui-widget-content .ui-state-default { padding:var(--pad_s) var(--pad_s) var(--pad_s) var(--pad_s); margin:var(--mar_s) 0px 0px 0px; font-weight:normal; } div.ui-datepicker-buttonpane.ui-widget-content .ui-state-default:hover, div.ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-close:hover { background-color: var(--bco_button_hover); color: var(--col_button_hover_comp); } div.ui-timepicker-div .ui-state-default { padding:var(--pad_s) var(--pad_s) var(--pad_s) var(--pad_s); width:100%; min-height:auto; } .ui-timepicker-div dl dt { padding-top: 11px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover, table.ui-datepicker-calendar td a.ui-state-default.ui-state-active { border-color:var(--optimease_green_hover); } /* * ===================== * COD_FULLCALENDAR * ===================== */ /* * MOBILE */ @media screen and (max-width : 767px) { div.fc.fc-unthemed.fc-ltr, div.fc.fc-unthemed.fc-ltr div { overflow:hidden ; } .fc-scroller.fc-day-grid-container { height:100% ; } } /* * TOUTES RESOLUTIONS */ span.fc-title { font-size:var(--fon_size_s); } span.fc-time { display:none ; } .fc-event { border-color: var(--bco_first); background-color: var(--bco_first); color: var(--col_white); } /* * ===================== * COD_DATEPICKER * ===================== */ /* * CAS PARTICULIER DU DATEPICKER SITUÉ DANS LE "SCHEDUL FIELD" DU MODULE "BOOKING" */ body.back_office div.eav.label_field.box div.hasDatepicker { width:500px; /* 22/11/2023 */ } /* * ===================== * COD_AJAX_LOADER * ===================== */ .ajax_loading_button { background-color:var(--col_orange_dark) !important; color:var(--col_first_hover_comp) !important; } .ajax_loader.loader { border: 5px var(--bor_style) var(--bor_color_m); border-top: 5px var(--bor_style) var(--col_white); border-radius: 50%; width: 60px; height: 60px; animation: ajax_loader_spin 1s linear infinite; } .ajax_loader.loader_medium { border: 3px var(--bor_style) var(--bor_color_m); border-top: 3px var(--bor_style) var(--col_white); border-radius: 50%; width: 20px; height: 20px; animation: ajax_loader_spin 1s linear infinite; } .ajax_loader.loader_mini { border: 2px var(--bor_style) var(--bor_color_m); border-top: 2px var(--bor_style) var(--col_white); border-radius: 50%; width: 10px; height: 10px; animation: ajax_loader_spin 1s linear infinite; } @keyframes ajax_loader_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #header_functional_navigation_bar a.notifications.header.button { width:auto; } #header_functional_navigation_bar a.notifications.header.button.circle { background:url(/odm/templates/coiffure/images/icons/header/notifications.gif) no-repeat 50% 50% #e13a2d; background:none; color:var(--col_third); } #header_functional_navigation_bar a.notifications.header.button.circle:hover { color:rgba(243,145,59,0); opacity:1; } /* * ===================== * COD_MODULE_MODULES_ACTIONS * ===================== */ div.actions input.insert_button, div.actions input.update_button, div.actions input.delete_button { margin-left:var(--mar_s); } div#popup_page { overflow:HIDDEN; } .summary div.attribute_column.label { cursor:pointer; } .summary div.attribute_column.label:hover { background-color:var(--bco_first_hover); color:var(--col_first_hover_comp); } .summary div.attribute_column.label:hover span.final_span { color:var(--col_first_hover_comp); padding-left:var(--pad_s); } fieldset.pager input.button { background-color:var(--bco_white); color:var(--col_white_comp); } fieldset.pager input.activated, fieldset.pager input:hover, fieldset.pager input:focus { background-color: var(--bco_first); color: var(--col_first_comp); } .summary .attribute_column span span { text-align:left; align-items: flex-start; } /* * ===================== * COD_SIMPLE_LIST * ===================== */ div.simple_list form ul, div.categoryed_simple_list form ul { --icon_width: 50px; --icon_height: 50px; } /* * ===================== * COD_FORM_VALIDATION * ===================== */ form ul.form_field_validation_error_message { padding-left:var(--pad_s); margin-top:var(--mar_s); color:var(--col_error_light); } form ul.form_field_validation_error_message.gdpr ~ div.box.gdpr.forms { background-color:var(--bco_error_light); color:var(--col_error_light_comp); } /* 19/10/2023 */ form.non_eav { display:flex; flex-direction: column; flex-grow:1; padding: var(--pad_l); margin-bottom: var(--mar_m); box-shadow:var(--sha_box_s); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); border-radius: var(--bor_radius_l); } form.non_eav fieldset.submit, .form_non_eav_fieldset_submit_like { background-color:var(--bco_grey_xs); box-shadow:var(--sha_box_s); border: var(--bor_style) var(--bor_width_xs) var(--bor_color_s); border-radius: var(--bor_radius_l); } form.non_eav ul, form.non_eav li { display:flex; flex-direction: column; flex-grow:1; } form.non_eav fieldset.submit.top { margin-bottom: var(--mar_l); } form.non_eav fieldset.submit.bottom { margin-top: var(--mar_l); } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { div#body.one_col form.non_eav { margin-left:auto; margin-right:auto; } } div.form_fieldsets_steping input.active, div.form_fieldsets_steping button[type="submit"].active { background-color:var(--bco_third); color:var(--col_white); } div.form_fieldsets_steping input:hover, div.form_fieldsets_steping button[type="submit"]:hover, div.form_steping input:hover, div.form_steping button[type="submit"]:hover { background-color:var(--bco_third); color: var(--col_white); } /** * -------------------------------------------------------- * -------------------------------------------------------- * 19/10/2023. * -------------------------------------------------------- * -------------------------------------------------------- */ div.box.summary form:not(.unpaddinged) { padding: 0px; } form.eav legend span { padding:var(--pad_xm) var(--pad_xm) var(--pad_xm) var(--pad_xm); } form.eav.deletion fieldset.submit input:hover { background-color:var(--bco_first_hover); color:var(--col_button_hover_comp); } form.eav fieldset.submit { background-color:var(--bco_grey_xs); border:var(--bor_style) var(--bor_width_xs) var(--bor_color_s); } :root { --bco_fields: var(--bco_white); --col_fields: var(--bco_black); --bco_fields_hover: rgba(234, 240, 227, 1); --col_fields_hover: var(--bco_black); } /* * ===================== * COD_JQUERYUI * COD_JQUERYUI_TAB * ===================== */ /* * -------------- * V200. TOUTES RESOLUTIONS * ---------------- */ div.tabs ul.ui-tabs-nav li a { border:0px; border-radius:0px; } div.tabs ul.ui-tabs-nav li.ui-state-active a, div.tabs ul.ui-tabs-nav li.ui-state-active a:hover { background-color:var(--bco_grey_xl); color:var(--col_white); } div.tabs ul.ui-tabs-nav li a:not(.no-hover):hover { background-color:var(--bco_grey_xl); color:var(--col_white); } /* * ===================== * COD_JQUERYUI * COD_JQUERYUI_DIALOG * ===================== */ /* * -------------- * MOBILE + TABLET * ---------------- */ @media screen and (max-width : 1199px) { .ui-dialog { width:90% ; } } .ui-dialog { left: 0; outline: 0 none; overflow: hidden; position: absolute; top: 0; } /* * ------------ * 12/05/2023. FOND * ------------ */ .ui-dialog .ui-widget-content { background: var(--col_white); border: var(--bor_style) var(--bor_width_xs) #dddddd; } .ui-dialog.ui-corner-all, .ui-dialog.ui-dialog-titlebar.ui-corner-all, .ui-corner-all { border-radius:var(--bor_radius_no); /*12/05/2023*/ /*12/05/2023 */ border:none ; } .ui-dialog.ui-corner-all { padding:0px; } /* * ------------ * EN-TETE * ------------ */ /* * BANDEAU SUPERIEUR */ .ui-dialog-titlebar.ui-widget-header.ui-draggable-handle { padding:var(--pad_xs); background-color:var(--bco_first); color:var(--col_first_comp); } /* * BOUTON DE FERMETURE */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:var(--bor_style) var(--bor_width_xs) var(--col_white) ; } /* * ------------ * BODY * ------------ */ .ui-dialog .ui-dialog-content, .ui-dialog-content.ui-widget-content { padding:var(--pad_m) var(--pad_m) var(--pad_m) var(--pad_m); } /* * ===================== * COD_JQUERYUI * COD_JQUERYUI_DATEPICKER * ===================== */ /* * 22/08/2019. CASES "DATE DU JOUR" */ table.ui-datepicker-calendar td.ui-datepicker-current-day.ui-datepicker-today a, table.ui-datepicker-calendar td.ui-datepicker-current-day.ui-datepicker-today span { border: var(--bor_style) var(--bor_width_xs) var(--col_black); } /* * 22/08/2019. CASES "EVENEMENT" */ table.ui-datepicker-calendar td a, table.ui-datepicker-calendar td a.ui-state-default { background-color:var(--bco_first); color:var(--col_white); } table.ui-datepicker-calendar td a:hover, table.ui-datepicker-calendar td a.ui-state-default:hover { background-color:var(--bco_first_hover); color:var(--col_first_hover_comp); } /* * BLOC CONTENANT LE SELECTEUR DE DATE */ .ui-widget-header { background-color:var(--bco_first); color:var(--col_first_comp); } .ui-datepicker .ui-datepicker-prev-hover .ui-icon, .ui-datepicker .ui-datepicker-prev-focus .ui-icon, .ui-datepicker .ui-datepicker-next-hover .ui-icon, .ui-datepicker .ui-datepicker-next-focus .ui-icon, .ui-widget-header .ui-icon { background-image:url("/odm/templates/core/offices/common/css/coding/javascript/plugins/jqueryui/odm/templates/coiffure/images/ui-icons_ffffff_256x240.png"); } /* * ===================== * COD_JQUERYUI * COD_JQUERYUI_AUTOCOMPLETION * ===================== */ ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li.list-header { background-color:var(--col_black); color:var(--col_white); } /* 29/01/2022 */ ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li.ui-menu-item { background-color:var(--bco_first); color:var(--col_first_comp); font-size:inherit; } ul.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li.ui-menu-item:hover { background-color:var(--bco_first_hover); color:var(--col_first_hover_comp); font-size:inherit; } /* * ===================== * COD_ACCESSIBLE_SLICK * PROC_COD_JS_CAROUSEL * ===================== */ :root { /*--carousel_slide_h_padding:var(--pad_xs);*/ /* --carousel_slide_h_padding:5px; --carousel_slide_v_margin:15px; */ --carousel_slide_h_padding:0px; --carousel_slide_v_margin:0px; } .slick-slide { /*height: auto !important;*/ } .slick-track, /* 01/12/2022 */ .slick-track div.slick-slide, .slick-track div.slick-slide > div, .slick-track div.slick-slide > div .article_like, .slick-track div.slick-slide > div .article_like > div.inner, .slick-track::after, .slick-track::before { display: flex !important; /* 012/11/2023 NECESSAIRE A CAUSE DES CAROUSELS */ flex-grow: 1; flex-shrink: 0; flex-basis: auto; } .slick-track { flex-direction: row; align-items: stretch; color:var(--col_first); /*gap: 0px var(--pad_s);*/ } .slick-slide { height:inherit; margin-bottom:var(--carousel_slide_v_margin); } .slick-track div.slick-slide > div .article_like /* 01/12/2022 */ { align-items: stretch; } div.box.sliders .slick-track div.slick-slide > div .article_like { padding-left:0; padding-right:0; } div.module_sliders.tinymce .slick-track div.slick-slide > div .article_like { padding-left: 0px; padding-right: 0px; } .slick-track div.slick-slide > div .article_like > div.inner /* 01/12/2022 */ { align-items: stretch; } .slick-track div.slick-slide, .slick-track div.slick-slide > div .article_like, .slick-track div.slick-slide > div .article_like > div.inner { flex-direction: column; flex-grow:1; } .slick-track div.slick-slide, .slick-track div.slick-slide > div .article_like, .slick-track div.slick-slide > div .article_like > div.inner { flex-direction: column; flex-grow:1; } .slick-track div.slick-slide > div .article_like > div.inner /* 01/12/2022 */ { flex-direction: column; justify-content: flex-start; } .slick-track div.slick-slide > div .article_like > div.inner > div.image, /* 01/12/2022 */ .slick-track div.slick-slide > div .article_like > div.inner > div.title { flex-grow:0; margin-bottom:0px; /*padding:0px;*/ } .slick-track div.slick-slide > div .article_like > div.inner > div.text/* 08/12/2022 */ { display:flex; flex-direction: column; flex-grow:1; } .slick-track div.slick-slide > div .article_like > div.inner > div.text /* 01/12/2022 */ { margin-bottom: var(--mar_m) /* 07/12/2022 var(--mar_m) */; } .slick-track div.slick-slide > div .article_like > div.inner > div.text ul, .slick-track div.slick-slide > div .article_like > div.inner > div.text li, .slick-track div.slick-slide > div .article_like > div.inner > div.text h1, .slick-track div.slick-slide > div .article_like > div.inner > div.text h2, .slick-track div.slick-slide > div .article_like > div.inner > div.text h3, .slick-track div.slick-slide > div .article_like > div.inner > div.text p, .slick-track div.slick-slide > div .article_like > div.inner > div.text a { font-size:var(--fon_size_l); line-height: calc(var(--fon_size_l) * 1.3); color:inherit; } .slick-track div.slick-slide > div .article_like > div.inner > div.text h3 { text-transform:uppercase; } div.header_illustration.full_width .slick-track div.slick-slide > div .article_like > div.inner > div.text ul, div.header_illustration.full_width .slick-track div.slick-slide > div .article_like > div.inner > div.text li, div.header_illustration.full_width .slick-track div.slick-slide > div .article_like > div.inner > div.text h1, div.header_illustration.full_width .slick-track div.slick-slide > div .article_like > div.inner > div.text h2, div.header_illustration.full_width .slick-track div.slick-slide > div .article_like > div.inner > div.text h3, div.header_illustration.full_width .slick-track div.slick-slide > div .article_like > div.inner > div.text p, div.header_illustration.full_width .slick-track div.slick-slide > div .article_like > div.inner > div.text a { font-size:var(--fon_size_l); line-height: calc(var(--fon_size_l) * 1.3); color:inherit; } div.header_illustration.full_width .slick-track div.slick-slide > div .article_like > div.inner > div.text h3 { text-transform:uppercase; } .slick-track div.slick-slide > div .article_like > div.inner.text.bottom > div.text /* 01/12/2022 */ { margin-top: var(--mar_xxl); margin-bottom: var(--mar_xxl); padding:var(--pad_xl); } .slick-track div.slick-slide > div .article_like > div.inner.backgrounded > div.text /* 08/12/2022 */ { padding: var(--pad_l) /* 07/12/2022 var(--mar_m) */; margin-bottom:0px; } /* 07/12/2022 */ .slick-track div.slick-slide > div .article_like > div.inner > a.button { margin-left:var(--pad_xs); margin-right:var(--pad_xs); } /** * "IMAGE" */ .slick-slide div.image a, .slick-slide div.image img { width:100%; padding:0px; margin:0px; } .slick-slide .article_like.table_like div.inner div.image, /* 01/12/2022 */ .slick-slide .article_like.table_like div.inner div.image img { height:auto; } .slick-slide .article_like div.text p:last-child { padding-bottom: 0px; } .slick-slide .article_like { padding-bottom: 0px; } .slick-slide div.flex_cell.left div.text div.button, .slick-slide div.flex_cell.right div.text div.button { padding:0px; } /** * VERSION "TEXTE EN BAS" */ .slick-slide div.flex_cell.bottom { flex-direction:column; position:relative; } .slick-slide div.flex_cell.bottom div.image.slide, .slick-slide div.flex_cell.bottom div.text { width:100%; margin-bottom:0px; } /** * "DOTS" 05/12/2022. */ .slick-dots { top: calc(100% - 10px); /* 20/09/2023 */ margin-top:var(--mar_xm); } div.box .slick-prev { left: 15px; } div.box .slick-next { right: 27px; } div.box.arrows_to_bottom .slick-prev { left: var(--carousel_slide_h_padding); } div.box.arrows_to_bottom .slick-next { right: var(--carousel_slide_h_padding); } .slick-next:focus, .slick-prev:focus { top: 50%; } div.box .slick-next, div.box .slick-next-icon, div.box .slick-prev, div.box .slick-prev-icon { font-size: 28px; opacity: 1; text-shadow: var(--col_white) 1px 1px 2px; width:29px; height:28px; } /* * BOUTON DE PAUSE */ .slick-autoplay-toggle-button { bottom:-25px; left:calc(100% - 20px);/* CENTRAGE */ display:none; } /** * FLECHES DE DEFILEMENT GAUCHE / DROITE */ .slick-next, .slick-prev { z-index:2; } .slick-prev { left: 5px; } .slick-next { right: 10px; } .slick-slider { margin-bottom: 0px; } #body_column_central_inner > div.box.slick-slider.show_bottom_flees.slick-dotted, #body_column_central_inner > div.box.slick-slider.show_arrows { margin-bottom: var(--mar_l); } .slick-slider.slick-dotted:not(.visual_header) { margin-bottom: 35px; } .slick-slider.slick-dotted { margin-bottom: 0px; } /* 02/12/2022 */ .box.carousel_slick.arrows_to_bottom:not(.single_slided) { margin-bottom: 35px; } .header_illustration .slick-slider.slick-dotted ul.slick-dots { /*display:inline-block !important;*/ /* 01/12/2022 */ } .slick-slider.hide_arrows button.slick-arrow { display:none !important; /* 02/12/2022 */ } .slick-slider.hide_bottom_flees.arrows_to_bottom:not(.single_slided) { margin-bottom: var(--mar_xxl); /* 27/02/2023 */ } .slick-slider.hide_bottom_flees.hide_arrows { margin-bottom: var(--mar_s); /* 01/02/2022 */ } /* 27/02/2023 */ .slick-slider.hide_bottom_flees .slick-dots { display:none !important; } /* 13/05/2025 SLIDER DE HEADER => TOUJOURS LES FLECHE AU MILIEU DU VISUEL */ .box.carousel_slick.arrows_to_bottom .slick-next, .box.carousel_slick.arrows_to_bottom .slick-prev { margin-top:25px; top:100%; } /* div.header_illustration.full_width .box.carousel_slick.arrows_to_bottom .slick-next, div.header_illustration.full_width .box.carousel_slick.arrows_to_bottom .slick-prev { top:calc(50% - 29px); } */ /* 11/11/2023 SUPPRESSION DECALAGE FLECHE QUAND ON CLIQUE DESUS */ .slick-next:focus .slick-next-icon, .slick-next:focus .slick-prev-icon, .slick-prev:focus .slick-next-icon, .slick-prev:focus .slick-prev-icon { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } /* 16/09/2022 CAROUSEL DE HEADER => TOUJOURS LES FLECHE EN BAS */ div.header_illustration.carousels:not(.tinymce) > .box.carousel_slick.wid_100 .slick-next, div.header_illustration.carousels:not(.tinymce) > .box.carousel_slick.wid_100 .slick-prev, div.header_illustration.full_width.carousels .box.carousel_slick .slick-next, /* LES "ILLUSTRATION HEADER CAROUSEL" ONT TOUJOURS LEURS FLECHE EN BAS */ div.header_illustration.full_width.carousels .box.carousel_slick .slick-prev { margin-top:var(--mar_xm); top:100%; } /* 11/11/2023 */ .slick-dots li button:hover .slick-dot-icon::before, .slick-dots li button:focus .slick-dot-icon::before, .slick-dots li.slick-active button:hover span, .slick-dots li.slick-active button:focus span, .slick-dots li button:hover span, .slick-dots li button:focus span, .slick-next:hover .slick-next-icon, .slick-next:focus .slick-next-icon, .slick-next:focus .slick-next-icon, .slick-prev:focus .slick-prev-icon, .slick-prev:hover .slick-prev-icon, .slick-prev:focus .slick-prev-icon { color:var(--col_first); } .carousel_slide_h_padding:not(.full_width) { padding-left:var(--carousel_slide_h_padding); padding-right:var(--carousel_slide_h_padding); } /* * MOBILE */ @media screen and (max-width : 767px) { /** * VERSION "TEXTE A GAUCHE" 11/11/2023 */ div.flex_cell.right.slide.inner.text, main#body_column_central div.flex_cell.right.slide.inner.text { flex-direction: column; } div.flex_cell.left.slide.inner.text, main#body_column_central div.flex_cell.left.slide.inner.text { flex-direction: column-reverse; } /** * VERSION "TEXTE A GAUCHE" */ .slick-slide div.flex_cell.left div.image.slide, .slick-slide div.flex_cell.right div.image.slide , .slick-slide div.flex_cell.left div.text, .slick-slide div.flex_cell.right div.text { width: 100%; } .slick-track div.slick-slide > div .article_like > div.inner > div.text /* 01/12/2022 */ { margin-top: var(--mar_m); } .slick-track div.slick-slide > div .article_like > div.inner.text.bottom > div.text /* 01/12/2022 */ { position:relative; z-index:inherit; min-width:100%; max-width:100%; width:100%; } } /* * -------------- * TABLET + DESKTOP * ---------------- */ @media screen and (min-width : 768px) { /* * TEXTE A DROITE / GAUCHE 11/11/2023 */ main#body_column_central .flex_cell.slide.inner.text.left, main#body_column_central .flex_cell.slide.inner.text.right { flex-direction: row; align-items: stretch; /* center 16/04/2024 */ flex-wrap: nowrap; } /* * TEXTE A DROITE */ div.slick-slide .article_like.slide div.inner.right div.text { width:40%; padding-left:var(--pad_l); } div.slick-slide .article_like.slide div.inner.right div.image { width:60%; } /* * TEXTE A GAUCHE */ div.slick-slide .article_like.slide div.inner.left div.text { width:40%; padding-right:var(--pad_l); } div.slick-slide .article_like.slide div.inner.left div.image { width:60%; } } /** * -------------------------------------------------------- * -------------------------------------------------------- * V400. ANTI-PADDING "LEFT" ET "RIGHT" DES ELEMENTS ASSOCIÉ AU CAROUSEL => PERMET DE COMPENSER LE PROBELEME DE PADDING left ET right DES VIGNETTES AUX EXTREMITÉS "DROITES" ET "GAUCHES" DU "CAROUSEL" * -------------------------------------------------------- * -------------------------------------------------------- */ /* ON RAJOUT 2 X --px_m)AU 1201 POUR L'AJOUT DU PADDING LEFT ET RIGHT*/ @media screen and (min-width : 1240px) { body.horizontal_menu #body_columns, body.vertical_menu #body_columns { width: calc(var(--layout_body_columns_max_width) + (var(--carousel_slide_h_padding) * 2)); } #header_inner { margin-left: auto; margin-right: auto; width: calc(var(--layout_body_columns_max_width) + (var(--carousel_slide_h_padding) * 2)); } #footer_inner { width: calc(var(--layout_body_columns_max_width) + (var(--carousel_slide_h_padding) * 2)); margin-left:auto; margin-right:auto; } } .breadcrumb { padding-left:var(--carousel_slide_h_padding); padding-right:var(--carousel_slide_h_padding); margin-bottom:var(--mar_m); } div.agregated.unsummarized { display:flex; flex-direction: column; margin-left:var(--carousel_slide_h_padding); margin-right:var(--carousel_slide_h_padding); } main#body_column_central h1 { padding-left:var(--carousel_slide_h_padding); padding-right:var(--carousel_slide_h_padding); } main#body_column_central section > p, main#body_column_central section.chapter > p, main#body_column_central div.text > p { padding-left:var(--carousel_slide_h_padding); padding-right:var(--carousel_slide_h_padding); } main#body_column_central div.text > p { padding-left:var(--carousel_slide_h_padding); padding-right:var(--carousel_slide_h_padding); margin-bottom:var(--mar_bottom_text_elements); /* padding-left:var(--carousel_slide_h_padding); padding-right:var(--carousel_slide_h_padding); */ } main#body_column_central h2, main#body_column_central h3, main#body_column_central h4 { padding-left:var(--carousel_slide_h_padding); padding-right:var(--carousel_slide_h_padding); } ul:not([class]), ol:not([class]) { margin-left:var(--carousel_slide_h_padding); margin-right:var(--carousel_slide_h_padding); } main#body_column_central section > hr, main#body_column_central div.text > hr, div#body_column_left section > hr, div#body_column_left div.text > hr, div#body_column_right section > hr, div#body_column_right div.text > hr { margin-left:var(--carousel_slide_h_padding); margin-right:var(--carousel_slide_h_padding); } /* 30/12/2024 */ section > div.wyswyg.wyswg_module_plugin_inserter > *, div.body_column_left > div.wyswyg.wyswg_module_plugin_inserter > *, div.body_column_right > div.wyswyg.wyswg_module_plugin_inserter > * { padding-left:var(--carousel_slide_h_padding); padding-right:var(--carousel_slide_h_padding); } section.shadowed { margin-left:var(--carousel_slide_h_padding); margin-right:var(--carousel_slide_h_padding); } /* SAUF "CAROUSELS" */ section > div.wyswyg.wyswg_module_plugin_inserter.module_carousels.carousels, div.body_column_left > div.wyswyg.wyswg_module_plugin_inserter.module_carousels.carousels, div.body_column_right > div.wyswyg.wyswg_module_plugin_inserter.module_carousels.carousels { padding-left:0px; padding-right:0px; } .slick-dots li { width: auto; margin: 0 5px; } .slick-dots img { width: 100px; height: auto; opacity: 0.6; } .slick-dots .slick-active img { opacity: 1; /*outline: 2px solid #000;*/ } .slick-dots li button { height: auto; width: auto; } /* * ===================== * COD_WIDGETS * COD_WYSWYG * ===================== */ @media screen and (max-width : 767px) { div.wyswyg.wyswg_module_plugin_inserter.module_members.members div.box.dashboard { display:none; } } /* * ===================== * COD_MODULE_CAROUSELS * ===================== */ div.box.carousel { max-width:var(--layout_body_max_width); } /* * ===================== * COD_GDPR * ===================== */ .cookie_consent.box { --bco_cookie_consent: var(--col_black); --col_comp_cookie_consent: var(--col_white); } #body_column_central_text { padding:var(--pad_xl); } #body_column_central_text > p img { width:100%; height:100%; } .header_illustration { padding-top: 0px; padding-bottom: 0px; }