@charset "UTF-8"; @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-BlackItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraBold.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraBold.woff") format("woff"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Light.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Thin.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Thin.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-LightItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-SemiBold.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraLightItalic.woff") format("woff"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Bold.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Italic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ThinItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ThinItalic.woff") format("woff"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-MediumItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraLight.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraLight.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Medium.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-BoldItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Regular.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraBoldItalic.woff") format("woff"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Black.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Dancing Script'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-SemiBold.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Dancing Script'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-Regular.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Dancing Script'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-Medium.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Dancing Script'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-Bold.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-BoldItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-Black.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-LightItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-Italic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-BlackItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-Light.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-Regular.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-Bold.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Lato-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } .cs-copyright { /* colors */ --copyrightColorText: #a1b9ca; --copyrightColorLink: var(--copyrightColorText); --copyrightColorSeparator: var(--copyrightColorText); --copyrightColorSvg: var(--copyrightColorText); --copyrightTooltipBackground: #ffffff; --copyrightTooltipColor: #000000; /* size */ --copyrightFontSize: 9px; --copyrightSizeSvg: 19px; --copyrightSizeSeparator: 11px; --copyrightSizeSeparatorIcon: 10px; /* position, direction */ --copyrightAlignPosition: center; /* flex-start, center, flex-end */ --copyrightPosition: space-between; /* flex-start, center, flex-end, space-between */ --copyrightDirection: row; /* row, column */ /* padding */ --copyrightTooltipPadding: 0; } .bl { --catalogue-cs_search_border: rgba(24, 39, 54, 0.25); --catalogue-cs_search_input_color_hover: #ffffff; --catalogue-cs_search_input_background: #ffffff; --catalogue-cs_search_input_background_hover: #006bb1; --catalogue-cs_search_select_arrow: #3bb195; --catalogue-cs_search_select_border: #082347; --catalogue-cs_list_item_background: #ffffff; --catalogue-cs_list_item_background_hover: #006bb1; --catalogue-cs_list_item_border: #3bb195; --catalogue-cs_list_item_color: #646f79; --catalogue-cs_list_item_color_hover: #ffffff; --catalogue-cs_list_item_svg: #006bb1; --catalogue-cs_list_item_title: #434a61; --catalogue-cs_list_item_title_hover: #ffffff; --catalogue-cs_button_color: #006bb1; --catalogue-cs_button_border: #006bb1; --catalogue-cs_button_color_hover: #006bb1; --catalogue-cs_button_background_hover: #ffffff; --catalogue-cs_pagination_color: #006bb1; --catalogue-cs_pagination_color_hover: #ffffff; --catalogue-cs_pagination_background_hover: #006bb1; --catalogue-cs_pagination_background_active: #3bb195; --catalogue-cs_pagination_border: #537ab8; } .bl, .bl__component { --color1: #3bb195; --color2: #006bb1; --color3: #e95a5b; --blJobFiltersButtonAlertBackground: var(--color1); --blJobFiltersButtonAlertBackground_Hover: var(--color3); --blJobFiltersButtonInfoBackground: #e5e4e1; } .bl .blCart--job, .bl__component .blCart--job { --blCartTitleColor: var(--color2); } #tarteaucitronRoot { --popupAllowBtnBackground: #006bb1; --popupAllowBtnBackground_Hover: #3bb195; } body, td, pre, input[type='text'], textarea, select { color: #33312d; font-size: 1.8rem; line-height: 1.4; font-family: "Lato", Arial, Tahoma, Verdana, Helvetica, sans-serif; } body { padding-top: 12rem; } @media (max-width: 1024px) { body { padding-top: 6rem; } } .u-wrapper { width: 100%; max-width: 120rem; margin: 0 auto; text-align: left; } @media (max-width: 1500px) { .u-wrapper { max-width: 110rem; } } @media (max-width: 1350px) { .u-wrapper { max-width: 96%; } } .blCart-informationRequest form { position: relative; top: auto; opacity: 1; pointer-events: all; } .svgSprite svg symbol circle, .svgSprite svg symbol path { overflow: visible; fill: inherit; stroke: inherit; } .cms_bloc_text { margin-bottom: 1rem; } @media (max-width: 750px) { .cms_bloc_text table tr { display: flex; flex-direction: column; } } .cms_bloc_text table .cms_bloc_text_gauche, .cms_bloc_text table .cms_bloc_text_droite { width: 48%; } @media (max-width: 750px) { .cms_bloc_text table .cms_bloc_text_gauche, .cms_bloc_text table .cms_bloc_text_droite { width: 100%; } } .cms_bloc_text table .cms_bloc_text_milieu { width: 4%; } .cms_bloc_text .cms_bloc_text_media_gauche, .cms_bloc_text .cms_bloc_text_media_droite { display: flex; margin-bottom: 3rem; } @media (max-width: 750px) { .cms_bloc_text .cms_bloc_text_media_gauche, .cms_bloc_text .cms_bloc_text_media_droite { flex-direction: column; } } .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_texte, .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_texte { width: 55%; } @media (max-width: 750px) { .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_texte, .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_texte { width: 100%; } } .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { width: 45%; } @media (max-width: 750px) { .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { width: 100%; } } .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media img, .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media img { max-width: 100%; height: auto; } @media (max-width: 750px) { .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { max-width: 100%; padding: 0; } } @media (max-width: 750px) { .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite { margin: 0; width: 100%; display: block; } } .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media { padding: 0 5rem 4rem 0; } @media (max-width: 750px) { .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media { padding: 0; padding-bottom: 2rem; } } .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_texte { order: 1; } .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { padding: 0 0 4rem 5rem; order: 2; } @media (max-width: 750px) { .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { padding: 0; order: 1; padding-bottom: 2rem; } } .cms_bloc_form .cms_bloc_form_container { overflow: hidden; } @media (max-width: 750px) { .cms_bloc_form .cms_bloc_form_container { width: 100%; } } .cms_bloc_form .cms_bloc_form_field { margin-bottom: 2rem !important; } .cms_bloc_form .cms_bloc_form_field > .label, .cms_bloc_form .cms_bloc_form_field > .value { color: #33312d !important; } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_field > .label, .cms_bloc_form .cms_bloc_form_field > .value { display: block; width: 100%; } } .cms_bloc_form .cms_bloc_form_field_antispam > .label, .cms_bloc_form .cms_bloc_form_field_file > .label { transform: translateY(0) scale(1) !important; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_antispam > .label { width: 100% !important; padding-right: 0; text-align: left; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit { padding-left: 0; text-align: center; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit button[type='submit'] { padding: 2rem 4rem; font-weight: 700; letter-spacing: 0.4rem; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; appearance: none; outline: none; display: inline-block; padding: 1.4rem 3rem; color: #ffffff; font-size: 1.4rem; font-weight: 700; text-decoration: none; text-transform: uppercase; background: #3bb195; transition: background 0.4s ease; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit button[type='submit']:hover { background-color: #e95a5b; } @media (max-width: 750px) { .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit button[type='submit'] { padding: 1.2rem 2.4rem; } } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit button[type='submit'] { padding: 1rem 2rem; font-size: 1.2rem; } } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_antispam > .value { width: 100% !important; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_antispam > .value input { width: 100%; margin-top: 1rem; text-align: left !important; } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_checkbox > p, .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_radio > p { display: block; width: 100%; } } .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 16rem; } @media (max-width: 750px) { .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 14rem; } } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 12rem; } } @media (max-width: 440px) { .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 10rem; } } .cms_bloc_form .cms_bloc_form_field_radio_value .label, .cms_bloc_form .cms_bloc_form_field_checkbox_value .label { margin-left: 0.4em; } .content ul, .content ol { position: relative; padding: 0.5rem 0; } .content ul, .content ol { list-style-type: none; } .content .cms_bloc ul.sitemap li, .content .cms_bloc .bl-productItemElement--description ul li, .content .cms_bloc.csTabs__soustext ul li, .content .cms_bloc.csTabsComposant .csTabsComposant__content ul li, .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li, .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li, .content .cms_bloc.cms_bloc_text ul li { overflow: auto; padding-top: 2px; padding-bottom: 2px; padding-left: 3rem; line-height: 1.4; text-align: left; } .content .cms_bloc ul.sitemap li:before, .content .cms_bloc .bl-productItemElement--description ul li:before, .content .cms_bloc.csTabs__soustext ul li:before, .content .cms_bloc.csTabsComposant .csTabsComposant__content ul li:before, .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li:before, .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li:before, .content .cms_bloc.cms_bloc_text ul li:before { content: ''; position: relative; display: inline-block; top: 0; left: -1.8rem; width: 0.8rem; height: 0.8rem; margin: 0 -0.4rem 0 0; border-radius: 50%; background-color: #006bb1; } .content .cms_bloc .bl-productItemElement--description ol, .content .cms_bloc.csTabs__soustext ol, .content .cms_bloc.csTabsComposant .csTabsComposant__content ol, .content .cms_bloc.cms_bloc_text ol { counter-reset: section; } .content .cms_bloc .bl-productItemElement--description ol li, .content .cms_bloc.csTabs__soustext ol li, .content .cms_bloc.csTabsComposant .csTabsComposant__content ol li, .content .cms_bloc.cms_bloc_text ol li { overflow: auto; position: relative; padding-top: 2px; padding-bottom: 2px; padding-left: 2.3rem; line-height: 1.4; text-align: left; } .content .cms_bloc .bl-productItemElement--description ol li:before, .content .cms_bloc.csTabs__soustext ol li:before, .content .cms_bloc.csTabsComposant .csTabsComposant__content ol li:before, .content .cms_bloc.cms_bloc_text ol li:before { content: counters(section,".") "."; position: absolute; padding-right: 5px; color: #005c98; transform: translateX(-100%); counter-increment: section; } .content a { color: #537ab8; font-weight: inherit; text-decoration: underline; text-decoration-skip: ink; } .content a:hover { text-decoration: none; } .cms_bloc_title { text-align: center; } .cms_bloc_title h2 { overflow: hidden; margin: 0.6em 0; color: #006bb1; font-family: "Montserrat", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 4rem; font-weight: 600; line-height: 4rem; position: relative; margin-bottom: 4rem; } @media (max-width: 750px) { .cms_bloc_title h2 { font-size: 3.66rem; } } @media (max-width: 600px) { .cms_bloc_title h2 { font-size: 3.35rem; } } @media (max-width: 440px) { .cms_bloc_title h2 { font-size: 3rem; } } @media (max-width: 900px) { .cms_bloc_title h2 { margin-bottom: 3rem; } } @media (max-width: 600px) { .cms_bloc_title h2 { margin-bottom: 2.5rem; } } .cms_bloc_title h2::after { content: ''; display: block; width: 7.2rem; height: 0.4rem; margin: 1rem auto 0; background: #a5c400; } h2.Titre_H2 { overflow: hidden; margin: 0.6em 0; color: #006bb1; font-family: "Montserrat", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 4rem; font-weight: 600; line-height: 4rem; } @media (max-width: 750px) { h2.Titre_H2 { font-size: 3.66rem; } } @media (max-width: 600px) { h2.Titre_H2 { font-size: 3.35rem; } } @media (max-width: 440px) { h2.Titre_H2 { font-size: 3rem; } } h3.Titre_H3 { overflow: hidden; margin: 0.4em 0; color: #3bb195; font-family: "Montserrat", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 1.2em; } @media (max-width: 750px) { h3.Titre_H3 { font-size: 2rem; } } @media (max-width: 600px) { h3.Titre_H3 { font-size: 2rem; } } h4.Titre_H4 { overflow: hidden; margin: 0.4em 0; color: #3bb195; font-size: 2.5rem; font-weight: normal; line-height: 1.2em; } @media (max-width: 750px) { h4.Titre_H4 { font-size: 1.8rem; } } @media (max-width: 600px) { h4.Titre_H4 { font-size: 1.8rem; } } h5.Titre_H5 { overflow: hidden; margin: 0.4em 0; color: #006bb1; font-size: 1.6rem; font-weight: 600; line-height: 1.2em; text-transform: uppercase; } @media (max-width: 750px) { h5.Titre_H5 { font-size: 1.6rem; } } @media (max-width: 600px) { h5.Titre_H5 { font-size: 1.6rem; } } strong.accroche { color: #3bb195; font-size: 2.2rem; font-weight: 400; } @media (max-width: 750px) { strong.accroche { font-size: 1.7rem; } } @media (max-width: 600px) { strong.accroche { font-size: 1.6rem; } } strong.mise_en_avant_1 { color: #3bb195; font-size: 1.8rem; font-weight: bold; } strong.mise_en_avant_2 { color: #537ab8; font-size: 1.8rem; font-weight: bold; } a.bouton_1 { padding: 2rem 4rem; font-weight: 700; letter-spacing: 0.4rem; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; appearance: none; outline: none; display: inline-block; padding: 1.4rem 3rem; color: #ffffff; font-size: 1.4rem; font-weight: 700; text-decoration: none; text-transform: uppercase; background: #3bb195; transition: background 0.4s ease; } a.bouton_1:hover { background-color: #e95a5b; } @media (max-width: 750px) { a.bouton_1 { padding: 1.2rem 2.4rem; } } @media (max-width: 600px) { a.bouton_1 { padding: 1rem 2rem; font-size: 1.2rem; } } a.bouton_2 { padding: 2rem 4rem; font-weight: 700; letter-spacing: 0.4rem; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; appearance: none; outline: none; display: inline-block; padding: 1.4rem 3rem; color: #ffffff; font-size: 1.4rem; font-weight: 700; text-decoration: none; text-transform: uppercase; background: #006bb1; transition: background 0.4s ease; } a.bouton_2:hover { background-color: #e95a5b; } @media (max-width: 750px) { a.bouton_2 { padding: 1.2rem 2.4rem; } } @media (max-width: 600px) { a.bouton_2 { padding: 1rem 2rem; font-size: 1.2rem; } } button.bouton_1 { padding: 2rem 4rem; font-weight: 700; letter-spacing: 0.4rem; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; appearance: none; outline: none; display: inline-block; padding: 1.4rem 3rem; color: #ffffff; font-size: 1.4rem; font-weight: 700; text-decoration: none; text-transform: uppercase; background: #3bb195; transition: background 0.4s ease; } button.bouton_1:hover { background-color: #e95a5b; } @media (max-width: 750px) { button.bouton_1 { padding: 1.2rem 2.4rem; } } @media (max-width: 600px) { button.bouton_1 { padding: 1rem 2rem; font-size: 1.2rem; } } button.bouton_2 { padding: 2rem 4rem; font-weight: 700; letter-spacing: 0.4rem; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; appearance: none; outline: none; display: inline-block; padding: 1.4rem 3rem; color: #ffffff; font-size: 1.4rem; font-weight: 700; text-decoration: none; text-transform: uppercase; background: #006bb1; transition: background 0.4s ease; } button.bouton_2:hover { background-color: #e95a5b; } @media (max-width: 750px) { button.bouton_2 { padding: 1.2rem 2.4rem; } } @media (max-width: 600px) { button.bouton_2 { padding: 1rem 2rem; font-size: 1.2rem; } } span.legende { font-size: 1.4rem; font-style: italic; } @media (max-width: 600px) { span.legende { font-size: 1.2rem; } } span.title { color: #082347; font-size: 2rem; font-weight: bold; } blockquote.citation { overflow: hidden; margin: 1em 0; padding: 2rem; color: #082347; font-size: 1.4rem; font-style: italic; border-left: 0.4rem solid #e95a5b; background: #F4F2F1; } @media (max-width: 600px) { blockquote.citation { margin-right: 0; margin-left: 0; } } .cms_bloc_form { overflow: hidden; } .cms_bloc_form .cms_bloc_form_container, .cms_bloc_form #bl-information-request { width: auto; display: flex; flex-wrap: wrap; margin: 0 -2rem; } .cms_bloc_form .cms_bloc_form_container fieldset, .cms_bloc_form #bl-information-request fieldset { width: 100%; } .cms_bloc_form .cms_bloc_form_container fieldset legend, .cms_bloc_form #bl-information-request fieldset legend { padding-left: 0; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field, .cms_bloc_form .cms_bloc_form_container .cs-form-element, .cms_bloc_form #bl-information-request .cms_bloc_form_field, .cms_bloc_form #bl-information-request .cs-form-element { width: 100%; margin: 1rem 2rem; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element, .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element { margin: 0; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element label, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element label, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element label, .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element label { font-size: 1.5rem; padding-left: 0; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_text, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_text, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_text { width: calc(50% - 4rem); } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_text, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_text, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_text { width: 100%; } } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element.select label, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element.captcha label, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element.select label, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element.captcha label, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element.select label, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element.captcha label, .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element.select label, .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element.captcha label { text-align: left; transform: inherit; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element:not(.select).submit input, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element:not(.select).submit input, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element:not(.select).submit input, .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element:not(.select).submit input { padding: 1rem 2rem !important; background-image: none !important; background-color: #a5c400; color: #fff; border: none; border-radius: inherit; margin: auto; transition: 0.4s ease-out; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element:not(.select).submit input:hover, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element:not(.select).submit input:hover, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element:not(.select).submit input:hover, .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element:not(.select).submit input:hover { background-color: #006bb1; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element:not(.select) input[type='text'], .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element:not(.select) textarea, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element:not(.select) input[type='text'], .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element:not(.select) textarea, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element:not(.select) input[type='text'], .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element:not(.select) textarea, .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element:not(.select) input[type='text'], .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element:not(.select) textarea { padding: 0.8rem 0; outline: none; border: 0; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2); display: block; background: transparent; border-radius: inherit; box-shadow: none; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element:not(.select) .cs-form-element-infos, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element:not(.select) .cs-form-element-infos, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element:not(.select) .cs-form-element-infos, .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element:not(.select) .cs-form-element-infos { right: 0; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element:not(.select) textarea, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element:not(.select) textarea, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element:not(.select) textarea, .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element:not(.select) textarea { height: 11rem; width: 100%; resize: none; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element:not(.select)::after, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element:not(.select)::after, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element:not(.select)::after, .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element:not(.select)::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.1rem; background: #006bb1; z-index: 15; transform: scaleX(0); opacity: 0; transform-origin: 0 50%; transition: transform 0.3s ease-out, opacity 0.15s linear; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element:not(.select) input, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element:not(.select) input, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element:not(.select) input, .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element:not(.select) input { display: block; width: 100%; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element:not(.select) label, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element:not(.select) label, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element:not(.select) label, .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element:not(.select) label { text-align: left; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element:not(.select).on label, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element:not(.select).on label, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element:not(.select).on label, .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element:not(.select).on label { transform: translateY(0) scale(0.85); color: #006bb1 !important; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cs-form-element:not(.select).on input::after, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cs-form-element:not(.select).on input::after, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cs-form-element:not(.select).on input::after, .cms_bloc_form #bl-information-request .cs-form-element.cs-form-element:not(.select).on input::after { opacity: 1; transform: scaleX(1); } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_submit, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_submit, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_submit, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_submit { padding-left: 0; text-align: right; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_submit button[type='submit'], .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_submit button[type='submit'], .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_submit button[type='submit'], .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_submit button[type='submit'] { outline: none; cursor: pointer; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_antispam, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_antispam, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_antispam, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_antispam { display: flex; flex-wrap: wrap; align-items: flex-end; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_antispam .cms_bloc_form_field_antispam_text, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_antispam .cms_bloc_form_field_antispam_text, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_antispam .cms_bloc_form_field_antispam_text, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_antispam .cms_bloc_form_field_antispam_text { width: 100%; margin-bottom: 1rem; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_antispam > .label, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_antispam > .label, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_antispam > .label, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_antispam > .label { width: auto; flex: 0 0 auto; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_antispam > .label img, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_antispam > .label img, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_antispam > .label img, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_antispam > .label img { display: block; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_antispam > .value, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_antispam > .value, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_antispam > .value, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_antispam > .value { width: 20rem; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_antispam > .value input, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_antispam > .value input, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_antispam > .value input, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_antispam > .value input { outline: none; border: 0; padding: 0.4rem 0; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2); background: transparent; text-align: center; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_antispam > .value input:focus, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_antispam > .value input:focus, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_antispam > .value input:focus, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_antispam > .value input:focus { border-color: #006bb1; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_text, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_textarea, .cms_bloc_form .cms_bloc_form_container .cs-form-element, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_text, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_textarea, .cms_bloc_form #bl-information-request .cms_bloc_form_field, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_text, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_textarea, .cms_bloc_form #bl-information-request .cs-form-element { margin: 0 2rem; margin-bottom: 1rem; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > label, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .value, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > label, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .value, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field > label, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field > .value, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_text > label, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_text > .value, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_textarea > label, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_textarea > .value, .cms_bloc_form .cms_bloc_form_container .cs-form-element > label, .cms_bloc_form .cms_bloc_form_container .cs-form-element > .value, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_text > label, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_text > .value, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_textarea > label, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_textarea > .value, .cms_bloc_form #bl-information-request .cms_bloc_form_field > label, .cms_bloc_form #bl-information-request .cms_bloc_form_field > .value, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_text > label, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_text > .value, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_textarea > label, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_textarea > .value, .cms_bloc_form #bl-information-request .cs-form-element > label, .cms_bloc_form #bl-information-request .cs-form-element > .value { display: block; width: 100%; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > label, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > label, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field > label, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_text > label, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_textarea > label, .cms_bloc_form .cms_bloc_form_container .cs-form-element > label, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_text > label, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_textarea > label, .cms_bloc_form #bl-information-request .cms_bloc_form_field > label, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_text > label, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_textarea > label, .cms_bloc_form #bl-information-request .cs-form-element > label { transform: translateY(2.6rem) scale(1); transform-origin: 0 50%; transition: transform 0.2s ease-out; position: relative; z-index: 25; color: rgba(0, 0, 0, 0.5); pointer-events: none; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > label sup, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > label sup, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field > label sup, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_text > label sup, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_textarea > label sup, .cms_bloc_form .cms_bloc_form_container .cs-form-element > label sup, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_text > label sup, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_textarea > label sup, .cms_bloc_form #bl-information-request .cms_bloc_form_field > label sup, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_text > label sup, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_textarea > label sup, .cms_bloc_form #bl-information-request .cs-form-element > label sup { display: inline-block; vertical-align: top; top: 0.8rem; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .value, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .value, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field > .value, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_text > .value, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_textarea > .value, .cms_bloc_form .cms_bloc_form_container .cs-form-element > .value, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_text > .value, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_textarea > .value, .cms_bloc_form #bl-information-request .cms_bloc_form_field > .value, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_text > .value, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_textarea > .value, .cms_bloc_form #bl-information-request .cs-form-element > .value { position: relative; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .value input[type='text'], .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .value textarea, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .value input[type='text'], .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .value textarea, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field > .value input[type='text'], .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field > .value textarea, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_text > .value input[type='text'], .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_text > .value textarea, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_textarea > .value input[type='text'], .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_textarea > .value textarea, .cms_bloc_form .cms_bloc_form_container .cs-form-element > .value input[type='text'], .cms_bloc_form .cms_bloc_form_container .cs-form-element > .value textarea, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_text > .value input[type='text'], .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_text > .value textarea, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_textarea > .value input[type='text'], .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_textarea > .value textarea, .cms_bloc_form #bl-information-request .cms_bloc_form_field > .value input[type='text'], .cms_bloc_form #bl-information-request .cms_bloc_form_field > .value textarea, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_text > .value input[type='text'], .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_text > .value textarea, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_textarea > .value input[type='text'], .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_textarea > .value textarea, .cms_bloc_form #bl-information-request .cs-form-element > .value input[type='text'], .cms_bloc_form #bl-information-request .cs-form-element > .value textarea { padding: 0.4rem 0; outline: none; border: 0; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2); display: block; background: transparent; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .value textarea, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .value textarea, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field > .value textarea, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_text > .value textarea, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_textarea > .value textarea, .cms_bloc_form .cms_bloc_form_container .cs-form-element > .value textarea, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_text > .value textarea, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_textarea > .value textarea, .cms_bloc_form #bl-information-request .cms_bloc_form_field > .value textarea, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_text > .value textarea, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_textarea > .value textarea, .cms_bloc_form #bl-information-request .cs-form-element > .value textarea { height: auto; resize: none; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text > .value::after, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea > .value::after, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field > .value::after, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_text > .value::after, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_textarea > .value::after, .cms_bloc_form .cms_bloc_form_container .cs-form-element > .value::after, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_text > .value::after, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_textarea > .value::after, .cms_bloc_form #bl-information-request .cms_bloc_form_field > .value::after, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_text > .value::after, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_textarea > .value::after, .cms_bloc_form #bl-information-request .cs-form-element > .value::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.1rem; background: #006bb1; z-index: 15; transform: scaleX(0); opacity: 0; transform-origin: 0 50%; transition: transform 0.3s ease-out, opacity 0.15s linear; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text.on > .label, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea.on > .label, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.on > .label, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_text.on > .label, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_textarea.on > .label, .cms_bloc_form .cms_bloc_form_container .cs-form-element.on > .label, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_text.on > .label, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_textarea.on > .label, .cms_bloc_form #bl-information-request .cms_bloc_form_field.on > .label, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_text.on > .label, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_textarea.on > .label, .cms_bloc_form #bl-information-request .cs-form-element.on > .label { transform: translateY(0) scale(0.85); color: #006bb1 !important; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_text.on > .value::after, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_textarea.on > .value::after, .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.on > .value::after, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_text.on > .value::after, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_textarea.on > .value::after, .cms_bloc_form .cms_bloc_form_container .cs-form-element.on > .value::after, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_text.on > .value::after, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_textarea.on > .value::after, .cms_bloc_form #bl-information-request .cms_bloc_form_field.on > .value::after, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_text.on > .value::after, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_textarea.on > .value::after, .cms_bloc_form #bl-information-request .cs-form-element.on > .value::after { opacity: 1; transform: scaleX(1); } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_select > label, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_select > label, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_select > label, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_select > label { display: none; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_select .value, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_select .value, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_select .value, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_select .value { width: 100%; } .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field.cms_bloc_form_field_select .value select, .cms_bloc_form .cms_bloc_form_container .cs-form-element.cms_bloc_form_field_select .value select, .cms_bloc_form #bl-information-request .cms_bloc_form_field.cms_bloc_form_field_select .value select, .cms_bloc_form #bl-information-request .cs-form-element.cms_bloc_form_field_select .value select { padding: 0.3rem 0; border: none; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2); } @media (max-width: 440px) { .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field:not(.cms_bloc_form_field_antispam), .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field:not(.cms_bloc_form_field_antispam), .cms_bloc_form #bl-information-request .cms_bloc_form_field:not(.cms_bloc_form_field_antispam), .cms_bloc_form #bl-information-request .cms_bloc_form_field:not(.cms_bloc_form_field_antispam) { width: 100%; display: block; } } #zone-header { z-index: 10; position: fixed; top: 0; left: 0; width: 100%; background: #ffffff; box-shadow: 0 -2rem 1rem 2rem rgba(0, 0, 0, 0.1), 0 0.1rem 0.4rem rgba(0, 0, 0, 0.3), 0 0 4rem rgba(0, 0, 0, 0.1) inset; } @media (max-width: 1024px) { #zone-header { display: flex; align-items: center; height: 6rem; } } @media (min-width: 1025px) { #zone-header.onScrollHeader .zone-header-sup { height: 0; transform: translateY(-100%); } } #zone-header .u-wrapper { display: flex; align-items: center; justify-content: space-between; max-width: 135rem; } @media (max-width: 1500px) { #zone-header .u-wrapper { max-width: 110rem; } } @media (max-width: 1350px) { #zone-header .u-wrapper { max-width: 96%; } } #zone-header .zone-header-sup { overflow: hidden; height: 3rem; background: #e5e4e1; transition: 0.5s; } @media (max-width: 1024px) { #zone-header .zone-header-sup { display: none; } } #zone-header h1 { padding: 0.78rem 0; color: rgba(51, 49, 45, 0.5); font-size: 1.2rem; font-weight: normal; line-height: 1.2; } @media (max-width: 1024px) { #zone-header h1 { display: none; } } #zone-header .logo { z-index: 5; display: inline-block; vertical-align: middle; margin: 2rem 0; margin-right: 3rem; transition: all 0.2s ease-in-out; } @media (max-width: 1350px) { #zone-header .logo { margin-right: 2rem; } } @media (max-width: 1024px) { #zone-header .logo { margin: 0; } } #zone-header .logo img { display: block; max-height: 5rem; } @media (max-width: 1350px) { #zone-header .logo img { max-height: 4.5rem; } } #zone-header .logo:hover { transform: translateX(0.4rem); } #zone-diaporama { position: relative; overflow: hidden; z-index: 1; } .pageHome #zone-diaporama { height: 68rem; } @media (max-width: 1024px) { .pageHome #zone-diaporama { height: 60rem; } } @media (max-width: 900px) { .pageHome #zone-diaporama { height: 55rem; } } @media (max-width: 750px) { .pageHome #zone-diaporama { height: 50rem; } } @media (max-width: 600px) { .pageHome #zone-diaporama { height: 47.5rem; } } @media (max-width: 440px) { .pageHome #zone-diaporama { height: 45rem; } } .pageType #zone-diaporama { height: 25rem; } #zone-diaporama .cms_bloc_media { height: 100%; } #zone-diaporama .cms_bloc_media .diaporama-item { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 5; } #zone-diaporama .cms_bloc_media .diaporama-item--hasContent::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; } #zone-diaporama .cms_bloc_media .diaporama-item .u-wrapper { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-height: 100%; } #zone-diaporama .cms_bloc_media .diaporama-item h2 { color: white; font-size: 4rem; font-weight: 400; } .breadcrumb { position: relative; padding: .5rem 0; background: #e5e4e1; } #breadCrumb { width: 100%; font-size: 1.2rem; } #breadCrumb ol { width: 100%; display: block; } #breadCrumb li:last-of-type a { text-decoration: none; color: #33312d; } #breadCrumb a { font-size: 1.2rem; color: #006bb1; text-decoration: none; letter-spacing: .1rem; } #zone-page { z-index: 5; position: relative; padding: 7rem 0; } #zone-page .cms_bloc_link_tyr .row .card { background-color: #006bb1; } #zone-page .cms_bloc_link_tyr .row .card:hover { background-color: #131313; } #zone-page .cms_bloc_link_tyr .row .card-title { color: #ffffff; } .pageType #zone-page { overflow: hidden; padding: 0 0 7rem; } #zone-page #breadCrumb, #zone-page #breadcrumb { font-size: .9em; } #zone-page .u-wrapper { position: relative; margin: 0 auto; padding: 2rem 0; } #zone-page .page { display: flex; align-items: flex-start; justify-content: space-between; } #zone-page main { order: 1; flex: 1 1 auto; } #zone-page aside { order: 2; flex: 0 0 auto; } #zone-page aside:not(:empty) { width: 30rem; margin-left: 3rem; } #zone-page aside:not(:empty) + main { width: calc(100% - 30rem - 3rem); } #zone-page aside:empty + main { width: 100%; } #zone-footer { overflow: hidden; position: relative; padding: 2rem 0; background: #084168; } #zone-footer .u-wrapper { position: relative; display: flex; align-items: center; justify-content: space-between; color: #a1b9ca; font-size: 0.9rem; text-transform: uppercase; } @media (max-width: 1350px) { #zone-footer .u-wrapper { flex-direction: column; justify-content: center; } } #zone-footer .u-wrapper a { position: relative; color: #a1b9ca; font-size: 0.9rem; text-decoration: none; transition: 0.3s ease; } #zone-footer .u-wrapper a:hover { opacity: 0.5; } .socialLinks { display: flex; } .socialLinks, .socialLinks > li { margin: 0; padding: 0; list-style-type: none; } .socialLinks > li { margin: 0 .2rem; } .socialLinks a { display: inline-flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; text-align: center; overflow: hidden; font-size: 0; color: inherit; border-radius: 50%; background: rgba(255, 255, 255, 0.05); text-decoration: none; } .socialLinks a svg { height: 2rem; width: 2rem; fill: currentColor; } .socialLinks a:hover { background: #537ab8; color: #fff; } .socialLinks a.facebookLink:hover { background: #3c5a99; } .socialLinks a.twitterLink:hover { background: #5ea9dd; } .socialLinks a.googleLink:hover { background: #d74536; } .socialLinks a.youtubeLink:hover { background: #e62117; } .socialLinks a.pinterestLink:hover { background: #cb2026; } .socialLinks a.viadeoLink:hover { background: #f4982b; } .socialLinks a.linkedinLink:hover { background: #1a85bc; } .sitemapPrint .sitemapPrint-list { display: flex; align-items: baseline; margin: 0; padding: 0; list-style-type: none; } .sitemapPrint .sitemapPrint-item { display: block; } .sitemapPrint .sitemapPrint-item:nth-child(n + 2) { margin-left: 0.1rem; } .sitemapPrint .sitemapPrint-link { position: relative; display: flex; align-items: center; height: 3rem; padding: 0 2rem; color: inherit; font-size: 0.9rem; text-decoration: none; text-transform: uppercase; background: #edecea; transition: 0.3s ease; } .sitemapPrint .sitemapPrint-link::before { content: ''; position: absolute; top: 50%; left: auto; width: 0; height: 0; border: solid transparent; border-left-color: #006bb1; border-width: 0.4rem; transition: 0.3s ease; transform: translateY(-50%); pointer-events: none; } .sitemapPrint .sitemapPrint-link:hover { color: #ffffff; background: #e95a5b; } .sitemapPrint .sitemapPrint-link:hover::before { border-left-color: #ffffff; } .sitemapPrint .sitemapPrint-linkIcon { display: inline-block; width: 1em; height: 1em; margin-right: 0.4em; } .sitemapPrint .sitemapPrint-linkIcon svg { width: 100%; height: 100%; color: inherit; fill: currentColor; } .sitemapPrint .sitemapPrint-linkLabel { display: inline-block; padding-left: 1rem; } .accroche-footer { position: relative; } .accroche-footer::before { content: ''; z-index: -2; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #ebebeb; } .accroche-footer::after { content: ''; z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; background: #084168; } .accroche-footer .u-wrapper { position: relative; display: flex; align-items: center; justify-content: center; height: 12.5rem; padding: 4rem; color: #ffffff; font-size: 1.7rem; font-weight: 700; letter-spacing: 0.2rem; text-transform: uppercase; background: #3bb195; } .accroche-footer .cms_bloc { margin: 0 auto; } .footer-sup { overflow: hidden; position: relative; padding: 5rem 0 0; background: #084168; } .footer-sup .u-wrapper { border-bottom: 0.1rem solid rgba(161, 185, 202, 0.3); } .footer-sup-text-footer { max-width: 28rem; color: #a1b9ca; font-size: 1.2rem; text-align: justify; } .footer-sup-list { display: flex; justify-content: space-between; margin: 0; padding: 0; } @media (max-width: 1350px) { .footer-sup-list { flex-wrap: wrap; } } .footer-sup-item { position: relative; display: inline-flex; vertical-align: top; flex-direction: column; max-width: 38rem; margin: 0.6em; padding: 0; list-style-type: none; transition: 0.3s ease-in-out; } @media (max-width: 1350px) { .footer-sup-item { flex-grow: 1; width: 100%; max-width: 100%; } } .footer-sup-item .logo { z-index: 5; display: inline-block; vertical-align: middle; transition: all 0.2s ease-in-out; } @media (max-width: 1350px) { .footer-sup-item .logo { margin-right: 2rem; } } @media (max-width: 1024px) { .footer-sup-item .logo { margin: 0; } } .footer-sup-item .logo img { display: block; max-height: 6rem; } .footer-sup-item .logo:hover { transform: translateX(0.4rem); } @media (max-width: 1350px) { .footer-sup-item:nth-child(2) { margin: 2.5rem 0; padding: 2.5rem 0; border-bottom: 0.1rem solid rgba(161, 185, 202, 0.1); border-top: 0.1rem solid rgba(161, 185, 202, 0.1); } } .scrollToTop-link { z-index: 1313; position: fixed; display: inline-flex; align-items: center; justify-content: center; right: 3rem; bottom: 4rem; width: 5rem; height: 5rem; margin: 0 1rem 0 0; padding: 0.25em; border-radius: 0rem; background: #006bb1; box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3); transition: 0.3s ease; cursor: pointer; } @media (max-width: 750px) { .scrollToTop-link { right: 1rem; bottom: 8rem; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .scrollToTop-link { display: none; } } @media (max-width: 600px) { .scrollToTop-link { display: none; } } .scrollToTop-link::before { content: ''; display: block; width: 0; height: 0; border: 0 solid transparent; border-bottom: 0.8rem solid #ffffff; border-left-width: 0.8rem; border-right-width: 0.8rem; transition: 0.3s ease; } .scrollToTop-link:hover { background-color: #e95a5b; } .scrollToTop-link:hover::before { border-bottom-color: #33312d; } .scrollToTop-link.show { visibility: visible; opacity: 1; transform: translateY(0); } .scrollToTop-link.hide { visibility: hidden; opacity: 0; transform: translateY(0.8rem); } .offres-emploi #zone-page { padding: 6rem 0; } @media (max-width: 900px) { .offres-emploi #zone-page { padding: 5rem 0; } } @media (max-width: 600px) { .offres-emploi #zone-page { padding: 4rem 0; } } .bl .blJobSearch__result .cms_bloc_title { display: none; } .bl .bl-listProductList { margin: 0; padding: 0; } .pageType:not(.marque-employeur) .bl .bl-listProductList { display: grid; grid-gap: 2rem; grid-template-columns: repeat(3, 1fr); margin: 4rem 0 0 0; } @media (max-width: 750px) { .pageType:not(.marque-employeur) .bl .bl-listProductList { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .pageType:not(.marque-employeur) .bl .bl-listProductList { grid-template-columns: repeat(1, 1fr); } } .bl .bl-listProductList .bl-listProductItem { overflow: hidden; position: relative; display: block; height: auto; margin: 0; padding: 2rem 3rem !important; border: none !important; border-radius: 0.6rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.15); } .bl .bl-listProductList .bl-listProductItem:last-child { margin-bottom: 0; } .bl .bl-listProductList .bl-listProductItem::before { content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--catalogue-cs_list_item_background); transition: background-color 0.4s ease; } .bl .bl-listProductList .bl-listProductItem:hover::before { background-color: var(--catalogue-cs_list_item_background_hover); } .bl .bl-listProductList .bl-listProductItem:hover .bl-listProductItemElement { color: var(--catalogue-cs_list_item_color_hover); } .bl .bl-listProductList .bl-listProductItem:hover .bl-listProductItemElement > div svg, .bl .bl-listProductList .bl-listProductItem:hover .bl-listProductItemElement > div i { color: var(--catalogue-cs_list_item_color_hover) !important; fill: var(--catalogue-cs_list_item_color_hover) !important; } .bl .bl-listProductList .bl-listProductItem:hover .bl-listProductItemElement--title a { color: var(--catalogue-cs_list_item_color_hover) !important; } .bl .bl-listProductList .bl-listProductItem:hover .bl-listProductItemElement--more a { color: var(--catalogue-cs_button_color_hover); background: var(--catalogue-cs_button_background_hover); } .bl .bl-listProductList .bl-listProductItemElement { z-index: 1; color: var(--catalogue-cs_list_item_color); font-size: 1.5rem; line-height: 1.2; transition: color 0.4s ease !important; } .bl .bl-listProductList .bl-listProductItemElement--jobEstablishment, .bl .bl-listProductList .bl-listProductItemElement--jobContract, .bl .bl-listProductList .bl-listProductItemElement--jobSalary, .bl .bl-listProductList .bl-listProductItemElement--jobPlace { display: flex; align-items: center; margin-top: 0.75rem; } .bl .bl-listProductList .bl-listProductItemElement > div:not(:last-child) { margin-bottom: 0.5rem; } .bl .bl-listProductList .bl-listProductItemElement > div svg, .bl .bl-listProductList .bl-listProductItemElement > div i { flex: none; margin-right: 0.75rem; color: var(--catalogue-cs_list_item_svg) !important; fill: var(--catalogue-cs_list_item_svg) !important; transition: fill 0.4s ease, color 0.4s ease; } .bl .bl-listProductList .bl-listProductItemElement > div svg { width: 1.2rem; height: 1.2rem; } .bl .bl-listProductList .bl-listProductItemElement--title { margin: 0 0 1.5rem 0 !important; color: var(--catalogue-cs_list_item_title) !important; font-family: var(--fontFamily-title); text-transform: none; } .bl .bl-listProductList .bl-listProductItemElement--title h3 { font-size: 2rem; } .bl .bl-listProductList .bl-listProductItemElement--title a { color: var(--catalogue-cs_list_item_title) !important; transition: color 0.4s ease; } .bl .bl-listProductList .bl-listProductItemElement--title a:hover { color: var(--catalogue-cs_list_item_title_hover) !important; opacity: 1; } .bl .bl-listProductList .bl-listProductItemElement--title a::before { content: ''; z-index: 25; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bl .bl-listProductList .bl-listProductItemElement--main { display: block; width: 100%; } @media (max-width: 900px) { .bl .bl-listProductList .bl-listProductItemElement--knowmore, .bl .bl-listProductList .bl-listProductItemElement--right, .bl .bl-listProductList .bl-listProductItemElement--more { width: 100%; } } .bl .bl-listProductList .bl-listProductItemElement--knowmore a, .bl .bl-listProductList .bl-listProductItemElement--right a, .bl .bl-listProductList .bl-listProductItemElement--more a { margin: 1.5rem 0 0 0; padding: 1rem 2.5rem; border: 0.1rem solid var(--catalogue-cs_button_border); border-radius: 0; color: var(--catalogue-cs_button_color) !important; background: transparent; pointer-events: none; } @media (max-width: 900px) { .bl .bl-listProductList .bl-listProductItemElement--knowmore a, .bl .bl-listProductList .bl-listProductItemElement--right a, .bl .bl-listProductList .bl-listProductItemElement--more a { width: 100%; } } .bl .bl-listProductList .bl-listProductItemElement--knowmore a svg, .bl .bl-listProductList .bl-listProductItemElement--right a svg, .bl .bl-listProductList .bl-listProductItemElement--more a svg { display: none; } .cms_bloc .blFilter--job { overflow: hidden; border-radius: 0.3rem; box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.2); } .offres-emploi #zone-page { padding: 6rem 0; } @media (max-width: 900px) { .offres-emploi #zone-page { padding: 5rem 0; } } @media (max-width: 600px) { .offres-emploi #zone-page { padding: 4rem 0; } } .bl .blJobSearch__result .cms_bloc_title { display: none; } .bl .bl-listProductList { margin: 0; padding: 0; } .pageType:not(.marque-employeur) .bl .bl-listProductList { display: grid; grid-gap: 2rem; grid-template-columns: repeat(3, 1fr); margin: 4rem 0 0 0; } @media (max-width: 750px) { .pageType:not(.marque-employeur) .bl .bl-listProductList { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .pageType:not(.marque-employeur) .bl .bl-listProductList { grid-template-columns: repeat(1, 1fr); } } .bl .bl-listProductList .bl-listProductItem { overflow: hidden; position: relative; display: block; height: auto; margin: 0; padding: 2rem 3rem !important; border: none !important; border-radius: 0.6rem; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.15); } .bl .bl-listProductList .bl-listProductItem:last-child { margin-bottom: 0; } .bl .bl-listProductList .bl-listProductItem::before { content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--catalogue-cs_list_item_background); transition: background-color 0.4s ease; } .bl .bl-listProductList .bl-listProductItem:hover::before { background-color: var(--catalogue-cs_list_item_background_hover); } .bl .bl-listProductList .bl-listProductItem:hover .bl-listProductItemElement { color: var(--catalogue-cs_list_item_color_hover); } .bl .bl-listProductList .bl-listProductItem:hover .bl-listProductItemElement > div svg, .bl .bl-listProductList .bl-listProductItem:hover .bl-listProductItemElement > div i { color: var(--catalogue-cs_list_item_color_hover) !important; fill: var(--catalogue-cs_list_item_color_hover) !important; } .bl .bl-listProductList .bl-listProductItem:hover .bl-listProductItemElement--title a { color: var(--catalogue-cs_list_item_color_hover) !important; } .bl .bl-listProductList .bl-listProductItem:hover .bl-listProductItemElement--more a { color: var(--catalogue-cs_button_color_hover); background: var(--catalogue-cs_button_background_hover); } .bl .bl-listProductList .bl-listProductItemElement { z-index: 1; color: var(--catalogue-cs_list_item_color); font-size: 1.5rem; line-height: 1.2; transition: color 0.4s ease !important; } .bl .bl-listProductList .bl-listProductItemElement--jobEstablishment, .bl .bl-listProductList .bl-listProductItemElement--jobContract, .bl .bl-listProductList .bl-listProductItemElement--jobSalary, .bl .bl-listProductList .bl-listProductItemElement--jobPlace { display: flex; align-items: center; margin-top: 0.75rem; } .bl .bl-listProductList .bl-listProductItemElement > div:not(:last-child) { margin-bottom: 0.5rem; } .bl .bl-listProductList .bl-listProductItemElement > div svg, .bl .bl-listProductList .bl-listProductItemElement > div i { flex: none; margin-right: 0.75rem; color: var(--catalogue-cs_list_item_svg) !important; fill: var(--catalogue-cs_list_item_svg) !important; transition: fill 0.4s ease, color 0.4s ease; } .bl .bl-listProductList .bl-listProductItemElement > div svg { width: 1.2rem; height: 1.2rem; } .bl .bl-listProductList .bl-listProductItemElement--title { margin: 0 0 1.5rem 0 !important; color: var(--catalogue-cs_list_item_title) !important; font-family: var(--fontFamily-title); text-transform: none; } .bl .bl-listProductList .bl-listProductItemElement--title h3 { font-size: 2rem; } .bl .bl-listProductList .bl-listProductItemElement--title a { color: var(--catalogue-cs_list_item_title) !important; transition: color 0.4s ease; } .bl .bl-listProductList .bl-listProductItemElement--title a:hover { color: var(--catalogue-cs_list_item_title_hover) !important; opacity: 1; } .bl .bl-listProductList .bl-listProductItemElement--title a::before { content: ''; z-index: 25; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bl .bl-listProductList .bl-listProductItemElement--main { display: block; width: 100%; } @media (max-width: 900px) { .bl .bl-listProductList .bl-listProductItemElement--knowmore, .bl .bl-listProductList .bl-listProductItemElement--right, .bl .bl-listProductList .bl-listProductItemElement--more { width: 100%; } } .bl .bl-listProductList .bl-listProductItemElement--knowmore a, .bl .bl-listProductList .bl-listProductItemElement--right a, .bl .bl-listProductList .bl-listProductItemElement--more a { margin: 1.5rem 0 0 0; padding: 1rem 2.5rem; border: 0.1rem solid var(--catalogue-cs_button_border); border-radius: 0; color: var(--catalogue-cs_button_color) !important; background: transparent; pointer-events: none; } @media (max-width: 900px) { .bl .bl-listProductList .bl-listProductItemElement--knowmore a, .bl .bl-listProductList .bl-listProductItemElement--right a, .bl .bl-listProductList .bl-listProductItemElement--more a { width: 100%; } } .bl .bl-listProductList .bl-listProductItemElement--knowmore a svg, .bl .bl-listProductList .bl-listProductItemElement--right a svg, .bl .bl-listProductList .bl-listProductItemElement--more a svg { display: none; } .bl .bl-paginationCount { font-size: 1.4rem; opacity: 0.6; } .bl .bl-paginationControl { display: flex; align-items: center; justify-content: center; width: fit-content; margin: 0 auto; } .bl .bl-paginationLinks--start, .bl .bl-paginationLinks--end { display: none; } .bl .bl-paginationLinks--pages { display: flex; justify-content: center; } .bl .bl-paginationLinks--pages > span, .bl .bl-paginationLinks--pages > a { display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; margin: 0; border: 0.1rem solid var(--catalogue-cs_pagination_border); color: var(--catalogue-cs_pagination_color); text-decoration: none; background: transparent; pointer-events: none; } .bl .bl-paginationLinks--pages > span:not(:last-child), .bl .bl-paginationLinks--pages > a:not(:last-child) { border-right: none; } .bl .bl-paginationLinks--pages > span.is-active, .bl .bl-paginationLinks--pages > a.is-active { border-color: var(--catalogue-cs_pagination_background_active); background-color: var(--catalogue-cs_pagination_background_active); } .bl .bl-paginationLinks--pages > a { pointer-events: all; transition: border-color 0.4s ease, background-color 0.4s ease, color 0.4s ease; } .bl .bl-paginationLinks--pages > a:hover { border-color: var(--catalogue-cs_pagination_background_hover); color: var(--catalogue-cs_pagination_color_hover); background-color: var(--catalogue-cs_pagination_background_hover); } .blCart .bl-subscribe { overflow: visible; } .blCart .cs-form-abstract fieldset#fieldset-informationrequestgroup { margin: 3rem auto 0 !important; padding: 2rem 3rem !important; border: none !important; border-radius: 0.6rem; background: transparent !important; box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.15); } .blCart .cs-form-abstract fieldset#fieldset-informationrequestgroup .submit input.submit { padding: 2rem 4rem; font-weight: 700; letter-spacing: 0.4rem; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; appearance: none; outline: none; display: inline-block; padding: 1.4rem 3rem; color: #ffffff; font-size: 1.4rem; font-weight: 700; text-decoration: none; text-transform: uppercase; background: #3bb195; transition: background 0.4s ease; width: fit-content; margin: 3rem auto 0 !important; background: var(--blJobFiltersButtonAlertBackground) !important; } .blCart .cs-form-abstract fieldset#fieldset-informationrequestgroup .submit input.submit:hover { background-color: #e95a5b; } @media (max-width: 750px) { .blCart .cs-form-abstract fieldset#fieldset-informationrequestgroup .submit input.submit { padding: 1.2rem 2.4rem; } } @media (max-width: 600px) { .blCart .cs-form-abstract fieldset#fieldset-informationrequestgroup .submit input.submit { padding: 1rem 2rem; font-size: 1.2rem; } } .blCart .cs-form-abstract fieldset#fieldset-informationrequestgroup .submit input.submit:hover { opacity: 1 !important; background: var(--blJobFiltersButtonAlertBackground_Hover) !important; } .blCart .cs-form-abstract fieldset#fieldset-informationrequestgroup .cs-form-element { flex-direction: column; } .blCart .cs-form-abstract fieldset#fieldset-informationrequestgroup .cs-form-element > label { width: fit-content; margin: 0; text-align: left; } .blCart .blCart-informationRequestInfo { margin-top: 2rem; font-size: 1.4rem; opacity: 0.75; } .bl .bl-product .bl-productItemElementShareTitle { display: block; font-weight: bold; } @media (max-width: 750px) { .bl .bl-product .bl-productItemElementShareTitle { width: 100%; margin-bottom: 0.75rem; text-align: center; } } .bl .bl-product .bl-productItemElement--section-resume { flex-direction: column; } .bl .bl-product .bl-productItemElement--section-resume > a { margin: 2rem 0 0 !important; } .bl .bl-product .bl-productItemElement--jobShare { display: flex; } @media (max-width: 750px) { .bl .bl-product .bl-productItemElement--jobShare { flex-direction: column; align-items: flex-start; } } @media (max-width: 750px) { .bl .bl-product .bl-productItemElement--jobShare .bl-productItemElementShare { width: 100%; } } .bl .bl-product .bl-productItemElement--jobShare .bl-productItemElementShare a { transition: background-color 0.4s ease, border-color 0.4s ease; } @media (max-width: 750px) { .bl .bl-product .bl-productItemElement--jobShare .bl-productItemElementShare a { display: block; width: 100%; margin: 0.25rem 0; } } .bl .bl-product .bl-productItemElement--jobShare .bl-productItemElementShare a:hover { border-color: var(--color3); background-color: var(--color3); } .bl .bl-product .bl-productItemElement--jobShare .bl-productItemElementShare--print { flex: 2; } .bl .bl-product .bl-productItemElement--jobShare .bl-productItemElementShare--print a { margin: 2.5rem 0 0 0; border-color: var(--color2); background-color: var(--color2); } @media (min-width: 751px) { .bl .bl-product .bl-productItemElement--jobShare .bl-productItemElementShare--print a { display: block; width: fit-content; margin: 0 0 0 auto; } } .bl .bl-product .bl-productItemElement--jobShare .bl-productItemElementShare--print a:hover { border-color: var(--color3); background-color: var(--color3); } .bl { margin: 0 auto; } /* components */ .sticky { position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%; filter: drop-shadow(0 -0.2rem 1rem rgba(0, 0, 0, 0.15)); } @media (min-width: 751px) { .sticky { right: 0; top: 50%; left: auto; bottom: auto; width: 6rem; transform: translateY(-50%); filter: drop-shadow(-0.2rem 0 1rem rgba(0, 0, 0, 0.15)); } } .sticky-stickyList { display: grid; grid-template-columns: repeat(2, 1fr); list-style: none; margin: 0; padding: 0; width: 100%; } @media (min-width: 751px) { .sticky-stickyList { display: flex; flex-direction: column; width: 6rem; } } .sticky-stickyList li { margin: 0; } .sticky-stickyList li:first-child { display: none; } .sticky-stickyList li:nth-child(2) { border-right: 0.1rem solid #385687; } @media (min-width: 751px) { .sticky-stickyList li:nth-child(2) { display: none; } } .sticky-stickyList a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: 6rem; padding: 0.75rem; text-decoration: none; color: #ffffff; background: #537ab8; transition: background 0.3s ease; } @media (min-width: 751px) { .sticky-stickyList a { width: 6rem; } } .sticky-stickyList a:hover { background: #e95a5b; } .sticky-stickyList a svg { height: 2.6rem; width: 2.6rem; fill: #ffffff; flex-shrink: 0; } @media (min-width: 751px) { .sticky-stickyList a svg { height: 3rem; width: 3rem; } } .sticky-stickyList a p { margin-top: 0.5rem; margin-bottom: 0; font-size: 1rem; line-height: 1; text-align: center; } @media (min-width: 751px) { .sticky-stickyList a .sticky-item-textMobile { display: none; } } .sticky-stickyList a .sticky-item-textDesktop { margin-top: 0; margin-bottom: 0; padding-top: 0; display: none; } @media (min-width: 751px) { .sticky-stickyList a .sticky-item-textDesktop { display: block; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding-top 0.3s ease; } } @media (min-width: 751px) { .sticky-stickyList a:hover .sticky-item-textDesktop { max-height: 4rem; padding-top: 0.5rem; } } .bigTitle { position: relative; text-align: center; margin: 2rem 0; } .bigTitle .bigTitle-title { font-size: 1.2rem; text-transform: uppercase; color: #082347; background: #ffffff; padding: 0.5rem 1rem; display: inline-flex; font-weight: normal; letter-spacing: 0.2rem; } .bigTitle .bigTitle-description { font-family: "Montserrat", Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #006bb1; text-transform: uppercase; font-size: 3.5rem; font-weight: 600; } @media (max-width: 750px) { .bigTitle .bigTitle-description { font-size: 3.25rem; } } @media (max-width: 600px) { .bigTitle .bigTitle-description { font-size: 3rem; } } .bigTitle::after { content: ''; height: 0.3rem; width: 6rem; background: #006bb1; display: block; margin: auto; margin-top: 1rem; } .smallTitle { font-size: 1.8rem; color: #ffffff; font-weight: bold; margin-bottom: 2rem; } .footerMenu { position: relative; } .footerMenu::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; border-top: 0.1rem solid #084168; z-index: 1; } .footerMenu--col2 .menu-list--niv1 { position: relative; column-count: 2; } .footerMenu ul { position: relative; } .footerMenu ul::before { content: ''; position: absolute; bottom: 0rem; left: 0; width: 100%; border-top: 0.1rem solid #084168; z-index: 1; } .footerMenu li { display: inline-block; position: relative; width: 18rem; margin-right: 1rem; padding: 0.5rem 0 0; list-style-type: none; border-bottom: 0.1rem solid rgba(161, 185, 202, 0.5); } @media (max-width: 900px) { .footerMenu li { border: 0; } } @media (max-width: 440px) { .footerMenu li { width: 100%; } } .footerMenu li:first-child { border-top: 0; } .footerMenu li a { position: relative; text-decoration: none; min-height: 2rem; display: block; padding-left: 1.5rem; transition: 0.3s ease; padding-bottom: 0.3rem; color: #a1b9ca; text-transform: uppercase; font-size: 1.1rem; font-weight: 700; } .footerMenu li a::before { content: ''; height: 0.7rem; width: 0.7rem; position: absolute; left: 0; top: 40%; transform: translateY(-50%) rotate(45deg); border-top: 0.2rem solid #ffffff; border-right: 0.2rem solid #ffffff; } .footerMenu li a:hover { color: #e95a5b; } .footerAddress { position: relative; display: flex; justify-content: flex-start; } @media (max-width: 600px) { .footerAddress { flex-direction: column; } } .footerAddress .footerAddress-title { letter-spacing: 0.2rem; font-weight: 700; font-size: 1.3rem; text-transform: uppercase; margin-bottom: 1rem; color: #ffffff; } .footerAddress .footerAddress-col:first-child { margin-right: 2rem; } @media (max-width: 600px) { .footerAddress .footerAddress-col:first-child { margin-bottom: 2rem; } } .footerAddress .footerAddress-wrapper { position: relative; padding-left: 2rem; line-height: 1.5; margin: 0 0 1rem; font-size: 1.3rem; color: #a1b9ca; } .footerAddress .footerAddress-icon { position: absolute; top: 0; left: 0; } .footerAddress .footerAddress-icon svg { position: relative; width: 1.5rem; height: 1.5rem; fill: #ffffff; } .footerAddress .footerAddress-text { font-family: "Lato", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 1.3rem; } .footerAddress .footerAddress-text a { color: #ffffff; text-decoration: none; transition: 0.3s ease; } .footerAddress .footerAddress-text a:hover { color: #e95a5b; } .footerAddress-container { font-family: "Montserrat", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: 300; font-size: 1.2rem; } .partenaires { position: relative; background: #ebebeb; padding-bottom: 4rem; } .partenaires-img { max-height: 9.6rem; transition: 0.4s ease-out; } .partenaires .bigTitle { margin: 0 0; padding: 4rem 0 1rem; } .partenaires .bigTitle-title { background: transparent; font-weight: 700; font-size: 2rem; font-family: "Montserrat", Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #817773; } .partenaires .bigTitle::after { width: 0; } .partenaires-container { position: relative; display: flex; justify-content: center; align-items: center; background: #ffffff; min-height: 15rem; } .partenaires-container::before { content: ''; position: absolute; border: 0.1rem solid transparent; height: 90%; width: 95%; top: 5%; left: 2.5%; z-index: 1; transition: 0.3s ease; } .partenaires-container:hover::before { border: 0.1rem solid #006bb1; } .partenaires .swiper-wrapper { display: flex; align-items: center; } .partenaires .swiper-slide { position: relative; text-align: center; } .partenaires .swiper-slide img { transition: 0.4s ease-out; height: auto; } .partenaires-button-container { position: relative; } @media (max-width: 1350px) { .partenaires-button-container { display: none; } } .partenaires-button-container .partenaires-button-prev, .partenaires-button-container .partenaires-button-next { position: absolute; height: 4rem; width: 4rem; bottom: 5rem; cursor: pointer; } .partenaires-button-container .partenaires-button-prev::before, .partenaires-button-container .partenaires-button-next::before { content: ''; position: absolute; top: auto; bottom: 1rem; right: -0.5rem; background-image: none; overflow: hidden; display: inline-block; font-size: 0.9rem; width: 3.5em; height: 2.8em; border-top: 0.1rem solid rgba(51, 49, 45, 0.5); border-right: 0.1rem solid rgba(51, 49, 45, 0.5); transform: rotate(-113deg) skew(40deg); transition: 0.4s ease-out; } .partenaires-button-container .partenaires-button-prev { left: -5rem; } .partenaires-button-container .partenaires-button-prev::before { right: -0.5rem; transform: rotate(-115deg) skew(40deg); } .partenaires-button-container .partenaires-button-prev:hover::before { right: 0.5rem; } .partenaires-button-container .partenaires-button-next { right: -5rem; } .partenaires-button-container .partenaires-button-next::before { left: -0.5rem; transform: rotate(65deg) skew(40deg); } .partenaires-button-container .partenaires-button-next:hover::before { left: 0.5rem; } /*# sourceMappingURL=common.css.map */ .mcDiaporama { height: 100% !important; } .mcDiaporama .mcDiaporama-wrapper, .mcDiaporama .bx-wrapper, .mcDiaporama .bx-viewport, .mcDiaporama .mcDiaporama-list, .mcDiaporama .mcDiaporama-item { width: 100% !important; height: 100% !important; } .mcDiaporama .mcDiaporama-list { margin: 0; padding: 0; } .mcDiaporama .mcDiaporama-img { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover; object-position: center"; -o-object-position: center; object-position: center; } .mcDiaporama .mcDiaporama-item { z-index: 5; position: relative; color: #ffffff; } .mcDiaporama .mcDiaporama-item::before { content: ''; z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mcDiaporama .mcDiaporama-item > div, .mcDiaporama .mcDiaporama-item > a { z-index: 10; position: relative; display: block; width: 100%; height: 100%; } .mcDiaporama .mcDiaporama-item--hasLink a { color: inherit; text-decoration: none; } .mcDiaporama h2 { width: 65%; margin: auto; padding: 0.8rem 1rem; color: #ffffff; font-family: "Montserrat", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 4.7rem; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase; background: rgba(0, 107, 177, 0.9); } @media (max-width: 1024px) { .mcDiaporama h2 { font-size: 4.15rem; } } @media (max-width: 900px) { .mcDiaporama h2 { font-size: 3.88rem; } } @media (max-width: 750px) { .mcDiaporama h2 { width: 80%; font-size: 3.66rem; } } @media (max-width: 600px) { .mcDiaporama h2 { width: 90%; font-size: 3.35rem; } } @media (max-width: 440px) { .mcDiaporama h2 { font-size: 3rem; } } .mcDiaporama p { width: 50%; margin: auto; padding: 1rem 1rem 1.5rem; color: #ffffff; font-family: "Dancing Script", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 4rem; line-height: 0.8; text-align: center; background: #3bb195; } @media (max-width: 1024px) { .mcDiaporama p { font-size: 3.8rem; } } @media (max-width: 900px) { .mcDiaporama p { font-size: 3.6rem; } } @media (max-width: 750px) { .mcDiaporama p { width: 75%; font-size: 3.4rem; } } @media (max-width: 600px) { .mcDiaporama p { width: 85%; font-size: 3.2rem; } } @media (max-width: 440px) { .mcDiaporama p { font-size: 3rem; } } .mcDiaporama .button { z-index: 1; display: inline-block; margin: 0.5em 0; padding: 1em 2em; border: 0.15em solid #a5c400; border-radius: 0.3em; color: white; font-size: 1.2rem; font-weight: 700; letter-spacing: 0.4rem; text-decoration: none; text-transform: uppercase; background: #a5c400; transition: all 0.25s ease-out; transition-property: border, background, color; } .mcDiaporama .button:hover { color: white; background: rgba(165, 196, 0, 0.3); } .mcDiaporama .u-wrapper { position: absolute; top: 50%; left: 50%; max-height: 100%; transform: translateX(-50%) translateY(-50%); } /*# sourceMappingURL=mc-diaporama.css.map */ .ma-container.maAside { position: relative; line-height: 1.3; } .ma-container.maAside .maAside-image img[src*=".gif"] { height: auto !important; } .ma-container.maAside .maAside-title { font-size: 1.6em; font-weight: 300; margin-bottom: .6em; } .ma-container.maAside .maAside-container { height: auto; padding: 2rem; padding-bottom: 4rem; background: #f8f8f8; border: 1px solid #ededed; } .ma-container.maAside .maAside-date { font-size: .75em; text-transform: uppercase; font-weight: normal; margin: .4em 0; } .ma-container.maAside .maAside-newstitle { margin: 0.5em 0; font-size: 1.2em; font-weight: 400; } .ma-container.maAside .maAside-newstitle a { font: inherit; color: #537ab8; text-decoration: none; } .ma-container.maAside .maAside-resume { font-size: .9em; font-weight: normal; line-height: 1.4; } .ma-container.maAside .maAside-knowmore { display: inline-block; margin: 0.5em 0; font-size: .9em; font-weight: 600; } .ma-container.maAside .maAside-knowmore a { color: #537ab8; } .ma-container.maAside .maAside-allnewslink { position: absolute; top: 0.6rem; right: 0; } .ma-container.maAside .maAside-allnewslink a { color: #537ab8; font-size: .8em; font-weight: normal; } .ma-container.maAside .maAside-pagination { position: absolute; bottom: 2.6rem; left: 2rem; height: 1.2rem; } .ma-container.maAside .maAside-pagination .maAside-pager .bx-pager-item { display: inline-block; width: 1.2rem; height: 1.2rem; margin-right: .4rem; } .ma-container.maAside .maAside-pagination .maAside-pager .bx-pager-item a { display: inline-block; text-indent: -999rem; width: 1.2rem; height: 1.2rem; border-radius: 100%; background: #c8c8c8; } .ma-container.maAside .maAside-pagination .maAside-pager .bx-pager-item a.active { background: #006bb1; } .ma-container.maAside .bx-controls-direction { position: absolute; bottom: 2rem; right: 2rem; } .ma-container.maAside .bx-controls-direction a { display: inline-block; width: 2.6rem; height: 2.6rem; margin-left: .6rem; } .ma-container.maAside .bx-controls-direction a::before { content: ''; display: inline-block; width: 1rem; height: 1rem; margin: 0.7rem 0 0; line-height: 2.4rem; transform: rotate(-45deg); } .ma-container.maAside .bx-controls-direction a.bx-prev { padding-left: 0.9rem; } .ma-container.maAside .bx-controls-direction a.bx-prev::before { border-top: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; } .ma-container.maAside .bx-controls-direction a.bx-next { padding-left: 0.5rem; } .ma-container.maAside .bx-controls-direction a.bx-next::before { border-bottom: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; } .ma-container.maAllNews ul { margin: 0; padding: 0; list-style-type: none; padding: 1rem 0; } .ma-container.maAllNews .maAllNews-news { *zoom: 1; padding-left: 0; padding: 1rem 0; border-bottom: 1px solid #eee; } .ma-container.maAllNews .maAllNews-news:before, .ma-container.maAllNews .maAllNews-news:after { content: ' '; display: table; } .ma-container.maAllNews .maAllNews-news:after { clear: both; } .ma-container.maAllNews .maAllNews-news--hasPicture { display: flex; } .ma-container.maAllNews .maAllNews-image { display: inline-block; vertical-align: top; margin: .5rem 2rem 0 0; flex-grow: 0; flex-shrink: 0; max-width: 50%; } .ma-container.maAllNews .maAllNews-image a { display: block; } .ma-container.maAllNews .maAllNews-image a img { max-width: 100%; } .ma-container.maAllNews .maAllNews-image a img[src*=".gif"] { height: auto !important; } .ma-container.maAllNews div.ma-news-right { display: inline-block; vertical-align: top; flex-grow: 1; flex-shrink: 1; } .ma-container.maAllNews .maAllNews-date { font-size: .9em; text-transform: uppercase; font-weight: normal; margin: .4rem 0; } .ma-container.maAllNews .maAllNews-newstitle { font-size: 1.4em; margin-bottom: 0.4em; line-height: 1.3; } .ma-container.maAllNews .maAllNews-newstitle, .ma-container.maAllNews .maAllNews-newstitle a { font-weight: 400; text-decoration: none; } .ma-container.maAllNews .maAllNews-resume { font-weight: normal; line-height: 1.4; } .ma-container.maAllNews .maAllNews-knowmore { display: inline-block; margin: 0.5rem 0; font-size: .8em; font-weight: 600; } .ma-container.maAllNews .maAllNews-pagination { display: flex; align-items: baseline; padding: 1rem 0 0; } .ma-container.maAllNews .maAllNews-links { font-size: .8em; } .ma-container.maAllNews .maAllNews-links a, .ma-container.maAllNews .maAllNews-links span { padding: .4em; display: inline-block; } .ma-container.maAllNews .maAllNews-links--prev, .ma-container.maAllNews .maAllNews-links--next { flex: 1 1 20%; } .ma-container.maAllNews .maAllNews-links--next { text-align: right; } .ma-container.maAllNews .maAllNews-links--pages { text-align: center; flex: 1 1 60%; } .ma-container.maAllNews .maAllNews-links--pages span, .ma-container.maAllNews .maAllNews-links--pages a { padding: .2em; font-weight: bold; } .ma-container.maDetail .maDetail-date { margin: .4rem 0; text-transform: uppercase; font-size: 1.2rem; font-weight: normal; } .ma-container.maDetail .maDetail-resume { margin: .6rem 0; font-weight: 600; } .ma-container.maDetail .maDetail-image { margin: 1.4rem 0; } .ma-container.maDetail .maDetail-image img { max-width: 100%; } .actualites .maMain-newsContent--hasPicture .maMain-resume { text-align: justify; } /*# sourceMappingURL=ma.css.map */ .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page figure { position: relative; } @media (max-width: 800px) { .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page figure { width: calc(33.33% - 1rem) !important; } } @media (max-width: 750px) { .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page figure { width: calc(50% - 1rem) !important; } } @media (max-width: 600px) { .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page figure { width: calc(100% - 1rem) !important; } } .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page figcaption { bottom: 0; left: 0; width: 100%; padding: 1rem !important; } .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page figcaption .title { text-transform: uppercase; font-weight: bold; } .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page figcaption .title, .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page figcaption .description { color: #082347; text-align: left; } @media (max-width: 900px) { .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page.col3 figure { width: calc(50% - 1rem); } } @media (max-width: 600px) { .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page.col3 figure { margin: 0 0 2rem 0; width: 100%; } } .pswp .pswp__img { padding: 3rem; } .pswp .pswp__caption { background: #006bb1; } .pswp .pswp__caption__center { max-width: 120rem; } .pswp .pswp__caption__center .title { text-transform: uppercase; font-weight: bold; } .pswp .pswp__caption__center .title, .pswp .pswp__caption__center .description { color: #ffffff; text-align: left; } /*# sourceMappingURL=gp.css.map */ .toggleMenu { margin: 0; padding: 0; border: 0; background: none; cursor: pointer; appearance: none; outline: none; position: fixed; top: 0; right: 0; width: 6rem; height: 6rem; font-size: 1rem; transform: translate3d(0, 0, 0); color: white; background: #006bb1; transition: 0.3s ease; } .toggleMenu-content { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .toggleMenu .toggleMenu-lines { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: auto; margin-top: 0.2em; margin-bottom: 0.4em; transform: translateZ(0); color: inherit; stroke-width: 2px; stroke: currentColor; transition: transform 0.3s ease-out, background 0.3s linear; overflow: visible; } .toggleMenu .toggleMenu-lines .toggleMenu-line { transform-origin: 50% 50%; transition: transform 0.3s ease-out; display: block; height: 0.2rem; background: white; width: 2rem; } .toggleMenu .toggleMenu-lines .toggleMenu-line:first-child { transform-origin: 50% 0.1em; } .toggleMenu .toggleMenu-lines .toggleMenu-line:last-child { transform-origin: 50% 0; } .toggleMenu .toggleMenu-lines .toggleMenu-line:first-child, .toggleMenu .toggleMenu-lines .toggleMenu-line:last-child { content: ''; transform: translateZ(0) rotate(0); } .toggleMenu .toggleMenu-lines .toggleMenu-line:nth-child(2) { margin: 0.4em 0; transform: translateZ(0); margin-top: 0.5em; } .toggleMenu-label { text-transform: uppercase; font-size: 0.9rem; font-weight: bold; color: inherit; margin-top: 0.5em; line-height: 1; display: flex; } .toggleMenu.is-on .toggleMenu-line { transform: rotate(180deg); } .toggleMenu.is-on .toggleMenu-line:first-child { transform: translateZ(0) translateY(0.5rem) rotate(45deg); } .toggleMenu.is-on .toggleMenu-line:last-child { transform: translateZ(0) translateY(-0.7rem) rotate(-45deg); } .toggleMenu.is-on .toggleMenu-line:nth-child(2) { transform: translateZ(0) scaleX(0); } .toggleMenu.is-on { color: white; background: #006bb1; } @media (min-width: 1025px) { .toggleMenu { display: none; } } @media (max-width: 1024px) { body.is-menuon { overflow: hidden; } } .menu--horizontal.menu--flex, .menu--horizontal.menu--inline, .menu--horizontal.menu--table { height: 5.2rem; background: transparent; } @media (max-width: 1350px) { .menu--horizontal.menu--flex, .menu--horizontal.menu--inline, .menu--horizontal.menu--table { height: 4.8rem; } } .menu--horizontal.menu--flex .menu-list, .menu--horizontal.menu--inline .menu-list, .menu--horizontal.menu--table .menu-list { width: 100%; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-list, .menu--horizontal.menu--inline .menu-list, .menu--horizontal.menu--table .menu-list { position: static; display: none; width: 100%; flex: 0 0 auto; } } .menu--horizontal.menu--flex .menu-list--niv1, .menu--horizontal.menu--inline .menu-list--niv1, .menu--horizontal.menu--table .menu-list--niv1 { background: transparent; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-list--niv1, .menu--horizontal.menu--inline .menu-list--niv1, .menu--horizontal.menu--table .menu-list--niv1 { background: #0062a2; } } .menu--horizontal.menu--flex .menu-list--niv2, .menu--horizontal.menu--inline .menu-list--niv2, .menu--horizontal.menu--table .menu-list--niv2 { background: #005992; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-list--niv2, .menu--horizontal.menu--inline .menu-list--niv2, .menu--horizontal.menu--table .menu-list--niv2 { background: rgba(0, 0, 0, 0.1); } } .menu--horizontal.menu--flex .menu-list--niv3, .menu--horizontal.menu--inline .menu-list--niv3, .menu--horizontal.menu--table .menu-list--niv3 { background: #004c7e; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-list--niv3, .menu--horizontal.menu--inline .menu-list--niv3, .menu--horizontal.menu--table .menu-list--niv3 { background: rgba(0, 0, 0, 0.1); } } .menu--horizontal.menu--flex .menu-list--niv1, .menu--horizontal.menu--inline .menu-list--niv1, .menu--horizontal.menu--table .menu-list--niv1 { height: 100%; display: flex; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-list--niv1, .menu--horizontal.menu--inline .menu-list--niv1, .menu--horizontal.menu--table .menu-list--niv1 { display: block; height: auto; } } .menu--horizontal.menu--flex .menu-list--niv2, .menu--horizontal.menu--inline .menu-list--niv2, .menu--horizontal.menu--table .menu-list--niv2 { width: 30rem; min-width: 20rem; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-list--niv2, .menu--horizontal.menu--inline .menu-list--niv2, .menu--horizontal.menu--table .menu-list--niv2 { width: inherit; } } .menu--horizontal.menu--flex .menu-list--niv3, .menu--horizontal.menu--inline .menu-list--niv3, .menu--horizontal.menu--table .menu-list--niv3 { min-width: 18rem; } .menu--horizontal.menu--flex .menu-item--niv1, .menu--horizontal.menu--inline .menu-item--niv1, .menu--horizontal.menu--table .menu-item--niv1 { position: relative; color: #006bb1; background-image: linear-gradient(to bottom, transparent, transparent 50%, #005c98 50%, #005c98); background-position: 100% 0; background-size: 100% 200%; transition: 0.4s ease; transition: 0.3s ease; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item--niv1, .menu--horizontal.menu--inline .menu-item--niv1, .menu--horizontal.menu--table .menu-item--niv1 { color: #ffffff; } } .menu--horizontal.menu--flex .menu-item--niv1:hover, .menu--horizontal.menu--inline .menu-item--niv1:hover, .menu--horizontal.menu--table .menu-item--niv1:hover { color: #ffffff; background-position: 0 100%; } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv1:hover, .menu--horizontal.menu--inline .menu-item--niv1:hover, .menu--horizontal.menu--table .menu-item--niv1:hover { background: #006bb1; } } .menu--horizontal.menu--flex .menu-item--niv1.is-selected, .menu--horizontal.menu--inline .menu-item--niv1.is-selected, .menu--horizontal.menu--table .menu-item--niv1.is-selected { color: #ffffff; } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv1.is-selected, .menu--horizontal.menu--inline .menu-item--niv1.is-selected, .menu--horizontal.menu--table .menu-item--niv1.is-selected { background: #006bb1; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item--niv1.is-selected, .menu--horizontal.menu--inline .menu-item--niv1.is-selected, .menu--horizontal.menu--table .menu-item--niv1.is-selected { background: #3bb195; } } .menu--horizontal.menu--flex .menu-item--niv2, .menu--horizontal.menu--inline .menu-item--niv2, .menu--horizontal.menu--table .menu-item--niv2 { position: relative; color: #ffffff; background-image: linear-gradient(to bottom, transparent, transparent 50%, #005c98 50%, #005c98); background-position: 100% 0; background-size: 100% 200%; transition: 0.4s ease; transition: 0.3s ease; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item--niv2, .menu--horizontal.menu--inline .menu-item--niv2, .menu--horizontal.menu--table .menu-item--niv2 { color: #ffffff; } } .menu--horizontal.menu--flex .menu-item--niv2:hover, .menu--horizontal.menu--inline .menu-item--niv2:hover, .menu--horizontal.menu--table .menu-item--niv2:hover { color: #ffffff; background-position: 0 100%; } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv2:hover, .menu--horizontal.menu--inline .menu-item--niv2:hover, .menu--horizontal.menu--table .menu-item--niv2:hover { background: #004c7e; } } .menu--horizontal.menu--flex .menu-item--niv2.is-selected, .menu--horizontal.menu--inline .menu-item--niv2.is-selected, .menu--horizontal.menu--table .menu-item--niv2.is-selected { color: #ffffff; } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv2.is-selected, .menu--horizontal.menu--inline .menu-item--niv2.is-selected, .menu--horizontal.menu--table .menu-item--niv2.is-selected { background: #004c7e; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item--niv2.is-selected, .menu--horizontal.menu--inline .menu-item--niv2.is-selected, .menu--horizontal.menu--table .menu-item--niv2.is-selected { background: #004c7e; } } .menu--horizontal.menu--flex .menu-item--niv3, .menu--horizontal.menu--inline .menu-item--niv3, .menu--horizontal.menu--table .menu-item--niv3 { position: relative; color: #ffffff; background-image: linear-gradient(to bottom, transparent, transparent 50%, #005c98 50%, #005c98); background-position: 100% 0; background-size: 100% 200%; transition: 0.4s ease; transition: 0.3s ease; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item--niv3, .menu--horizontal.menu--inline .menu-item--niv3, .menu--horizontal.menu--table .menu-item--niv3 { color: #ffffff; } } .menu--horizontal.menu--flex .menu-item--niv3:hover, .menu--horizontal.menu--inline .menu-item--niv3:hover, .menu--horizontal.menu--table .menu-item--niv3:hover { color: #ffffff; background-position: 0 100%; } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv3:hover, .menu--horizontal.menu--inline .menu-item--niv3:hover, .menu--horizontal.menu--table .menu-item--niv3:hover { background: #003a5f; } } .menu--horizontal.menu--flex .menu-item--niv3.is-selected, .menu--horizontal.menu--inline .menu-item--niv3.is-selected, .menu--horizontal.menu--table .menu-item--niv3.is-selected { color: #ffffff; } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv3.is-selected, .menu--horizontal.menu--inline .menu-item--niv3.is-selected, .menu--horizontal.menu--table .menu-item--niv3.is-selected { background: #003a5f; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item--niv3.is-selected, .menu--horizontal.menu--inline .menu-item--niv3.is-selected, .menu--horizontal.menu--table .menu-item--niv3.is-selected { background: #003a5f; } } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv1, .menu--horizontal.menu--inline .menu-item--niv1, .menu--horizontal.menu--table .menu-item--niv1 { display: block; flex: 1 1 auto; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item, .menu--horizontal.menu--inline .menu-item, .menu--horizontal.menu--table .menu-item { display: block; } .menu--horizontal.menu--flex .menu-item--hasChildClickable, .menu--horizontal.menu--inline .menu-item--hasChildClickable, .menu--horizontal.menu--table .menu-item--hasChildClickable { display: flex; flex-wrap: wrap; } .menu--horizontal.menu--flex .menu-item--hasChildClickable > a, .menu--horizontal.menu--inline .menu-item--hasChildClickable > a, .menu--horizontal.menu--table .menu-item--hasChildClickable > a { flex: 1 1 auto; width: calc(100% - 4.6rem); } .menu--horizontal.menu--flex .menu-item--hasChildClickable > button, .menu--horizontal.menu--inline .menu-item--hasChildClickable > button, .menu--horizontal.menu--table .menu-item--hasChildClickable > button { flex: 0 0 auto; width: 4.6rem; padding: 0; } .menu--horizontal.menu--flex .menu-item--hasChildClickable > ul, .menu--horizontal.menu--inline .menu-item--hasChildClickable > ul, .menu--horizontal.menu--table .menu-item--hasChildClickable > ul { width: 100%; } } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item, .menu--horizontal.menu--inline .menu-item, .menu--horizontal.menu--table .menu-item { display: block; } .menu--horizontal.menu--flex .menu-item--hasChildClickable > button, .menu--horizontal.menu--inline .menu-item--hasChildClickable > button, .menu--horizontal.menu--table .menu-item--hasChildClickable > button { display: none; } } .menu--horizontal.menu--flex .menu-item--niv1, .menu--horizontal.menu--inline .menu-item--niv1, .menu--horizontal.menu--table .menu-item--niv1 { text-align: left; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item--niv1, .menu--horizontal.menu--inline .menu-item--niv1, .menu--horizontal.menu--table .menu-item--niv1 { height: auto; opacity: 0; transition: transform 0s ease-in-out 0.2s, opacity 0.2s linear; transform: translateX(-2rem); } } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv1 > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1 > .menu-list, .menu--horizontal.menu--table .menu-item--niv1 > .menu-list { opacity: 0; transition: opacity 0.2s linear, transform 0.2s ease-in-out, top 0s linear 0.2s; transform: translateY(-2rem); } .menu--horizontal.menu--flex .menu-item--niv1:hover > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1:hover > .menu-list, .menu--horizontal.menu--table .menu-item--niv1:hover > .menu-list { opacity: 1; transition: opacity 0.2s linear, transform 0.2s ease-in-out, top 0s linear 0s; transform: translateY(0); } .menu--horizontal.menu--flex .menu-item--niv1:not(.menu-item--reverse) .menu-item > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1:not(.menu-item--reverse) .menu-item > .menu-list, .menu--horizontal.menu--table .menu-item--niv1:not(.menu-item--reverse) .menu-item > .menu-list { opacity: 0; transition: opacity 0.2s linear, transform 0.2s ease-in-out, left 0s linear 0.2s; transform: translateX(-2rem); } .menu--horizontal.menu--flex .menu-item--niv1:not(.menu-item--reverse) .menu-item:hover > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1:not(.menu-item--reverse) .menu-item:hover > .menu-list, .menu--horizontal.menu--table .menu-item--niv1:not(.menu-item--reverse) .menu-item:hover > .menu-list { opacity: 1; transition: opacity 0.2s linear, transform 0.2s ease-in-out, left 0s linear 0s; transform: translateX(0); } .menu--horizontal.menu--flex .menu-item--niv1.menu-item--reverse .menu-item > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1.menu-item--reverse .menu-item > .menu-list, .menu--horizontal.menu--table .menu-item--niv1.menu-item--reverse .menu-item > .menu-list { opacity: 0; transition: opacity 0.2s linear, transform 0.2s ease-in-out, right 0s linear 0.2s; transform: translateX(2rem); } .menu--horizontal.menu--flex .menu-item--niv1.menu-item--reverse .menu-item:hover > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1.menu-item--reverse .menu-item:hover > .menu-list, .menu--horizontal.menu--table .menu-item--niv1.menu-item--reverse .menu-item:hover > .menu-list { opacity: 1; transition: opacity 0.2s linear, transform 0.2s ease-in-out, right 0s linear 0s; transform: translateX(0); } } .menu--horizontal.menu--flex .menu-item--niv1::after, .menu--horizontal.menu--inline .menu-item--niv1::after, .menu--horizontal.menu--table .menu-item--niv1::after { content: ''; position: absolute; top: 50%; right: 0; width: 0.1rem; height: 60%; background: rgba(51, 49, 45, 0.2); transform: translateY(-50%); } .menu--horizontal.menu--flex .menu-item--niv1:last-child::after, .menu--horizontal.menu--inline .menu-item--niv1:last-child::after, .menu--horizontal.menu--table .menu-item--niv1:last-child::after { content: ''; width: 0; } .menu--horizontal.menu--flex .menu-item--niv2, .menu--horizontal.menu--flex .menu-item--niv3, .menu--horizontal.menu--inline .menu-item--niv2, .menu--horizontal.menu--inline .menu-item--niv3, .menu--horizontal.menu--table .menu-item--niv2, .menu--horizontal.menu--table .menu-item--niv3 { text-align: left; } .menu--horizontal.menu--flex .menu-item--contact, .menu--horizontal.menu--inline .menu-item--contact, .menu--horizontal.menu--table .menu-item--contact { color: #edecea; transition: all 0.3s ease-in-out; background-color: #537ab8 !important; } .menu--horizontal.menu--flex .menu-item--contact:hover, .menu--horizontal.menu--inline .menu-item--contact:hover, .menu--horizontal.menu--table .menu-item--contact:hover { background-color: #e95a5b !important; transition: all 0.3s ease-in-out; color: #082347 !important; } .menu--horizontal.menu--flex.is-on .menu-item--niv1, .menu--horizontal.menu--inline.is-on .menu-item--niv1, .menu--horizontal.menu--table.is-on .menu-item--niv1 { opacity: 1; transform: translateX(0); } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(1), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(1), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(1) { transition: transform 0.2s ease-in-out 0.1933333333s, opacity 0.2s linear 0.1933333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(2), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(2), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(2) { transition: transform 0.2s ease-in-out 0.2533333333s, opacity 0.2s linear 0.2533333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(3), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(3), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(3) { transition: transform 0.2s ease-in-out 0.3133333333s, opacity 0.2s linear 0.3133333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(4), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(4), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(4) { transition: transform 0.2s ease-in-out 0.3733333333s, opacity 0.2s linear 0.3733333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(5), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(5), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(5) { transition: transform 0.2s ease-in-out 0.4333333333s, opacity 0.2s linear 0.4333333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(6), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(6), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(6) { transition: transform 0.2s ease-in-out 0.4933333333s, opacity 0.2s linear 0.4933333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(7), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(7), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(7) { transition: transform 0.2s ease-in-out 0.5533333333s, opacity 0.2s linear 0.5533333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(8), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(8), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(8) { transition: transform 0.2s ease-in-out 0.6133333333s, opacity 0.2s linear 0.6133333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(9), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(9), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(9) { transition: transform 0.2s ease-in-out 0.6733333333s, opacity 0.2s linear 0.6733333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(10), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(10), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(10) { transition: transform 0.2s ease-in-out 0.7333333333s, opacity 0.2s linear 0.7333333333s; } .menu--horizontal.menu--flex .menu-link, .menu--horizontal.menu--inline .menu-link, .menu--horizontal.menu--table .menu-link { padding: 0 1rem; text-decoration: none; font-size: inherit; line-height: 1.2em; color: inherit; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link, .menu--horizontal.menu--inline .menu-link, .menu--horizontal.menu--table .menu-link { height: auto; display: block; text-align: left; } } .menu--horizontal.menu--flex .menu-link--niv1, .menu--horizontal.menu--inline .menu-link--niv1, .menu--horizontal.menu--table .menu-link--niv1 { font-size: 1.25rem; letter-spacing: 0.2rem; } @media (max-width: 1350px) { .menu--horizontal.menu--flex .menu-link--niv1, .menu--horizontal.menu--inline .menu-link--niv1, .menu--horizontal.menu--table .menu-link--niv1 { font-size: 1.1rem; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--niv1, .menu--horizontal.menu--inline .menu-link--niv1, .menu--horizontal.menu--table .menu-link--niv1 { font-size: 1.25rem; } } .menu--horizontal.menu--flex .menu-link--niv2, .menu--horizontal.menu--inline .menu-link--niv2, .menu--horizontal.menu--table .menu-link--niv2 { font-size: 1.25rem; letter-spacing: 0.2rem; } @media (max-width: 1350px) { .menu--horizontal.menu--flex .menu-link--niv2, .menu--horizontal.menu--inline .menu-link--niv2, .menu--horizontal.menu--table .menu-link--niv2 { font-size: 1.1rem; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--niv2, .menu--horizontal.menu--inline .menu-link--niv2, .menu--horizontal.menu--table .menu-link--niv2 { font-size: 1.25rem; } } .menu--horizontal.menu--flex .menu-link--niv3, .menu--horizontal.menu--inline .menu-link--niv3, .menu--horizontal.menu--table .menu-link--niv3 { font-size: 1.25rem; letter-spacing: 0.2rem; } @media (max-width: 1350px) { .menu--horizontal.menu--flex .menu-link--niv3, .menu--horizontal.menu--inline .menu-link--niv3, .menu--horizontal.menu--table .menu-link--niv3 { font-size: 1.1rem; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--niv3, .menu--horizontal.menu--inline .menu-link--niv3, .menu--horizontal.menu--table .menu-link--niv3 { font-size: 1.25rem; } } .menu--horizontal.menu--flex .menu-link--niv1, .menu--horizontal.menu--inline .menu-link--niv1, .menu--horizontal.menu--table .menu-link--niv1 { text-transform: uppercase; } @media (max-width: 1350px) { .menu--horizontal.menu--flex .menu-link--niv1, .menu--horizontal.menu--inline .menu-link--niv1, .menu--horizontal.menu--table .menu-link--niv1 { padding: 0 0.75rem; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--niv1, .menu--horizontal.menu--inline .menu-link--niv1, .menu--horizontal.menu--table .menu-link--niv1 { padding: 0.75em 1em; padding-left: 1rem; } } .menu--horizontal.menu--flex .menu-link--niv2, .menu--horizontal.menu--inline .menu-link--niv2, .menu--horizontal.menu--table .menu-link--niv2 { padding: 1rem; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--niv2, .menu--horizontal.menu--inline .menu-link--niv2, .menu--horizontal.menu--table .menu-link--niv2 { padding: 0.8em 1em; padding-left: 2rem; } } .menu--horizontal.menu--flex .menu-link--niv3, .menu--horizontal.menu--inline .menu-link--niv3, .menu--horizontal.menu--table .menu-link--niv3 { padding: 1rem; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--niv3, .menu--horizontal.menu--inline .menu-link--niv3, .menu--horizontal.menu--table .menu-link--niv3 { padding: 0.9em 1em; padding-left: 3rem; } } .menu--horizontal.menu--flex .menu-link--toggleSubMenu, .menu--horizontal.menu--inline .menu-link--toggleSubMenu, .menu--horizontal.menu--table .menu-link--toggleSubMenu { appearance: none; border: 0; color: inherit; outline: none; margin: 0; background: none; position: relative; text-align: inherit; color: inherit; width: 100%; } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-link--toggleSubMenu.menu-link--niv1 svg, .menu--horizontal.menu--inline .menu-link--toggleSubMenu.menu-link--niv1 svg, .menu--horizontal.menu--table .menu-link--toggleSubMenu.menu-link--niv1 svg { transform: rotate(90deg); } } .menu--horizontal.menu--flex .menu-link--toggleSubMenu:not(.menu-link--niv1), .menu--horizontal.menu--inline .menu-link--toggleSubMenu:not(.menu-link--niv1), .menu--horizontal.menu--table .menu-link--toggleSubMenu:not(.menu-link--niv1) { padding-right: 3rem; } .menu--horizontal.menu--flex .menu-link--toggleSubMenu:not(.menu-link--niv1) svg, .menu--horizontal.menu--inline .menu-link--toggleSubMenu:not(.menu-link--niv1) svg, .menu--horizontal.menu--table .menu-link--toggleSubMenu:not(.menu-link--niv1) svg { position: absolute; top: calc(50% - 0.6rem); right: 1rem; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--toggleSubMenu:not(.menu-link--niv1) svg, .menu--horizontal.menu--inline .menu-link--toggleSubMenu:not(.menu-link--niv1) svg, .menu--horizontal.menu--table .menu-link--toggleSubMenu:not(.menu-link--niv1) svg { right: 1.7rem; } } .menu--horizontal.menu--flex .menu-link--toggleSubMenu svg, .menu--horizontal.menu--inline .menu-link--toggleSubMenu svg, .menu--horizontal.menu--table .menu-link--toggleSubMenu svg { color: inherit; stroke: currentColor; stroke-width: 1px; height: 1.2rem; width: 1.2rem; stroke-width: 1px; transition: transform 0.2s ease-in-out; margin-left: 1em; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--toggleSubMenu svg, .menu--horizontal.menu--inline .menu-link--toggleSubMenu svg, .menu--horizontal.menu--table .menu-link--toggleSubMenu svg { height: 1.4rem; width: 1.4rem; transform: rotate(0); position: absolute; top: calc(50% - 0.7rem); right: 1.6rem; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--toggleSubMenu, .menu--horizontal.menu--inline .menu-link--toggleSubMenu, .menu--horizontal.menu--table .menu-link--toggleSubMenu { padding-right: 4.6rem; } .menu--horizontal.menu--flex .menu-link--toggleSubMenu.is-on + .menu-list, .menu--horizontal.menu--inline .menu-link--toggleSubMenu.is-on + .menu-list, .menu--horizontal.menu--table .menu-link--toggleSubMenu.is-on + .menu-list { display: block; } .menu--horizontal.menu--flex .menu-link--toggleSubMenu.is-on svg, .menu--horizontal.menu--inline .menu-link--toggleSubMenu.is-on svg, .menu--horizontal.menu--table .menu-link--toggleSubMenu.is-on svg { transform: rotate(90deg); } } @media (max-width: 1024px) { .menu--horizontal.menu--flex, .menu--horizontal.menu--inline, .menu--horizontal.menu--table { overflow: auto; position: fixed; top: -1000rem; left: 0; width: 100%; height: calc(100% - 6rem); opacity: 0; background: rgba(0, 0, 0, 0.6); transition: opacity 0.4s linear, top 0s linear 0.4s; transform-origin: 50% 0; } .menu--horizontal.menu--flex.is-on, .menu--horizontal.menu--inline.is-on, .menu--horizontal.menu--table.is-on { top: 6rem; opacity: 1; transition: opacity 0.4s linear, top 0s linear 0s; } } .nav-mobileRdv { display: none; } @media (max-width: 1024px) { .nav-mobileRdv { display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; color: white; background: #006bb1; text-decoration: none; flex-shrink: 0; } .nav-mobileRdv svg { width: 2.4rem; height: 2.4rem; fill: white; } } #zone-menu { display: flex; align-items: center; justify-content: flex-end; } @media (max-width: 1024px) { #zone-menu { padding-right: calc(6rem - 2% + 1rem); } } #zone-menu .link { display: flex; align-items: center; justify-content: center; margin-left: 1rem; padding: 1.25rem 1.25rem; color: #ffffff; font-size: 1rem; font-weight: 700; letter-spacing: 0.15rem; text-align: center; text-decoration: none; text-transform: uppercase; background: #006bb1; transition: background 0.4s ease, transform 0.4s ease; } @media (max-width: 1350px) { #zone-menu .link { margin-left: 0.5rem; padding: 1rem 1rem; font-size: 0.8rem; } } @media (max-width: 750px) { #zone-menu .link { display: none; } } #zone-menu .link svg { display: none; } @media (max-width: 1350px) { #zone-menu .link svg { position: relative; display: block; width: 2.8rem; height: 2.8rem; fill: #ffffff; } } @media (max-width: 1350px) { #zone-menu .link span { display: none; } } #zone-menu .link:hover { color: #33312d; background-color: #e95a5b; transform: translateY(-0.4rem); } /*# sourceMappingURL=menu.css.map */ .cs-popup { position: fixed; width: 100%; height: 100%; text-align: center; top: 0; left: 0; transition: .4s ease; z-index: 131313; background: rgba(255, 255, 255, 0.8); opacity: 0; pointer-events: none; } .cs-popup.show { opacity: 1; pointer-events: all; } .cs-popup.closedPopup { opacity: 0; pointer-events: none; } .cs-popup-close::before { content: '\2715'; position: absolute; top: -4rem; right: 2rem; cursor: pointer; color: #ffffff; background: #005389; padding: 1rem 2rem; border-top-left-radius: .3rem; border-top-right-radius: .3rem; transition: .3s ease; } .cs-popup-close:hover::before { color: black; background: #ffffff; } .cs-popup-bloc { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1); padding: 2rem; text-align: left; font-size: 1.5rem; transition: .3s ease; background: #ffffff; border: 1rem solid #f2f2f2; color: #000000; } .cs-popup-bloc.closedBloc { opacity: 0; pointer-events: none; transform: translate(-50%, -40%); } @media (max-width: 750px) { .cs-popup-bloc { max-width: 90%; width: 90%; } } .cs-popup-content { max-height: 60rem; overflow: auto; } @media (max-width: 1350px) { .cs-popup-content { max-height: 40rem; } } .cs-popup .cms_bloc_text { padding-top: 0; } .cs-popup .cms_bloc_text .cms_bloc_media { padding-bottom: 0 !important; position: relative; min-width: 30rem; height: 25rem; } .cs-popup .cms_bloc_text .cms_bloc_media .diaporama-item { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100%; width: 100%; } @media (max-width: 750px) { .cs-popup .cms_bloc_text .cms_bloc_media { min-width: 100%; margin: 0 !important; max-width: 100% !important; padding: 0 !important; } } .cs-popup .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .cs-popup .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { min-width: auto; height: auto; } @media (max-width: 1350px) { .cs-popup .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .cs-popup .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { margin: 0 !important; padding: 0 !important; } } @media (max-width: 1350px) { .cs-popup .cms_bloc_text .cms_bloc_text_media_gauche, .cs-popup .cms_bloc_text .cms_bloc_text_media_droite { display: flex; flex-wrap: wrap; } .cs-popup .cms_bloc_text .cms_bloc_text_media_gauche .media_container, .cs-popup .cms_bloc_text .cms_bloc_text_media_droite .media_container { order: 2; width: 100%; margin: 2rem 0 0 0; } .cs-popup .cms_bloc_text .cms_bloc_text_media_gauche .media_container img, .cs-popup .cms_bloc_text .cms_bloc_text_media_droite .media_container img { display: block; max-height: 100%; height: auto; width: 100%; } .cs-popup .cms_bloc_text .cms_bloc_text_media_gauche .text_container, .cs-popup .cms_bloc_text .cms_bloc_text_media_droite .text_container { order: 1; width: 100%; } } /*# sourceMappingURL=popup.css.map */ @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-BlackItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraBold.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraBold.woff") format("woff"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Light.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Thin.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Thin.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-LightItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-SemiBold.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraLightItalic.woff") format("woff"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Bold.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Italic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ThinItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ThinItalic.woff") format("woff"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-MediumItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraLight.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraLight.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Medium.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-BoldItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Regular.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-ExtraBoldItalic.woff") format("woff"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Black.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Montserrat-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Dancing Script'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-SemiBold.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Dancing Script'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-Regular.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Dancing Script'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-Medium.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Dancing Script'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-Bold.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/DancingScript-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-BoldItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-Black.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-LightItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-Italic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-BlackItalic.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-Light.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-Regular.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-Bold.woff2") format("woff2"), url("https://www.icrb.fr/default/CMS/css/tpl4/../../../../../../lib/CMS/fonts/googlefonts/Lato-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } .encarts { z-index: 5; overflow: hidden; position: relative; margin-top: -4rem; padding: 7rem 0 8rem; background: #e5e4e1; } .encarts-list { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 5em 0 -4rem; padding: 0; } @media (max-width: 900px) { .encarts-list { flex-direction: column; flex-wrap: nowrap; } } .encarts-item { position: relative; display: inline-flex; vertical-align: top; flex-grow: 1; align-items: flex-start; justify-content: flex-start; margin-bottom: 5rem; padding: 0; padding: 0 3rem; list-style-type: none; transition: 0.3s ease-in-out; } @media (max-width: 1350px) { .encarts-item { width: 50%; } } @media (max-width: 900px) { .encarts-item { width: 100%; padding: 0; } } .encarts-item:hover .encartPicture-link { transform: translateY(-0.4rem); } .encarts-item:hover .encartPicture-rdv { background: #e95a5b; transform: translateY(40%) translateX(-50%) scale(1.1); } .encarts .new-site { position: absolute; z-index: 5; background: white; padding: 1rem; bottom: 18rem; font-size: 1.3rem; width: 80%; left: 50%; transform: translateX(-50%); font-style: italic; } @media (max-width: 750px) { .encarts .new-site { bottom: 16rem; } } @media (max-width: 440px) { .encarts .new-site { width: 95%; } } .encarts-text-bottom { margin-top: 3rem; text-align: center; font-size: 2rem; } .actualites { overflow: hidden; position: relative; padding: 7.5rem 0 6.7rem; border-bottom: 0.1rem solid #e5e4e1; } @media (max-width: 600px) { .actualites { padding: 5rem 0; } } .actualites::after { content: ''; z-index: -1; position: absolute; top: 54%; left: 48%; width: 100%; height: 55%; background: #e5e4e1; transform: translateY(-50%); } .actualites .bigTitle-title { background: rgba(229, 228, 225, 0.8); } .actualites .bigTitle::after { width: 0; } .actualites-container { padding: 5rem 6rem 0; } @media (max-width: 800px) { .actualites-container { padding: 2rem 0 0; } } @media (max-width: 600px) { .actualites-container { padding: 0; } } .actualites .maMain-image { position: relative; width: 100%; max-width: 56rem; height: 40rem; margin-right: 4rem; float: left; } @media (max-width: 1500px) { .actualites .maMain-image { max-width: calc(60% - 4rem); } } @media (max-width: 800px) { .actualites .maMain-image { max-width: 100%; float: none; } } .actualites .maMain-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover; object-position: center"; -o-object-position: center; object-position: center; } .actualites .maMain-newsContent--hasPicture .maMain-date, .actualites .maMain-newsContent--hasPicture .maMain-newstitle, .actualites .maMain-newsContent--hasPicture .maMain-resume, .actualites .maMain-newsContent--hasPicture .maMain-knowmore { padding-left: 55%; } @media (max-width: 800px) { .actualites .maMain-newsContent--hasPicture .maMain-date, .actualites .maMain-newsContent--hasPicture .maMain-newstitle, .actualites .maMain-newsContent--hasPicture .maMain-resume, .actualites .maMain-newsContent--hasPicture .maMain-knowmore { padding-left: 0; } } .actualites .maMain-date { padding-top: 2rem; color: #9a918d; font-size: 1.1rem; font-weight: 700; } .actualites .maMain-newstitle { display: block; margin-bottom: 1rem; color: #006bb1; font-size: 2.8rem; font-weight: 700; } .actualites .maMain-newstitle a { display: block; margin-bottom: 1rem; color: #006bb1; text-decoration: none; } .actualites .maMain-resume { font-size: 1.4rem; } .actualites .maMain-knowmore a { display: inline-block; margin-top: 3rem; padding: 1.5rem 3.5rem; color: #ffffff; font-size: 1.1rem; font-weight: 700; text-decoration: none; text-transform: uppercase; background: #3bb195; transition: 0.3s ease; } .actualites .maMain-knowmore a:hover { background-color: #e95a5b; } .actualites .maMain-allnewslink { padding-top: 7rem; text-align: center; } @media (max-width: 800px) { .actualites .maMain-allnewslink { padding-top: 6rem; } } @media (max-width: 600px) { .actualites .maMain-allnewslink { padding-top: 4rem; } } .actualites .maMain-allnewslink a { margin: 0; padding: 0; border: 0; background: none; cursor: pointer; appearance: none; outline: none; display: inline-block; padding: 1.4rem 3rem; color: #ffffff; font-size: 1.4rem; font-weight: 700; text-decoration: none; text-transform: uppercase; background: #3bb195; transition: background 0.4s ease; } .actualites .maMain-allnewslink a:hover { background-color: #e95a5b; } .actualites-button-container { z-index: 5; position: relative; } @media (max-width: 800px) { .actualites-button-container { display: none; } } .actualites-button-container .actualites-button-prev, .actualites-button-container .actualites-button-next { position: absolute; bottom: 28rem; width: 4rem; height: 5rem; background: #006bb1; transition: 0.3s ease; cursor: pointer; } .actualites-button-container .actualites-button-prev::before, .actualites-button-container .actualites-button-prev::after, .actualites-button-container .actualites-button-next::before, .actualites-button-container .actualites-button-next::after { content: ''; position: absolute; width: 0.2rem; height: 1rem; background: #ffffff; } .actualites-button-container .actualites-button-prev:hover, .actualites-button-container .actualites-button-next:hover { background: #e95a5b; } .actualites-button-container .actualites-button-prev { left: 0; } .actualites-button-container .actualites-button-prev::before { top: 50%; right: 50%; transform: rotate(-45deg) translateX(-50%); } .actualites-button-container .actualites-button-prev::after { top: 2rem; right: 50%; transform: rotate(45deg) translateX(-50%); } .actualites-button-container .actualites-button-next { right: 0; } .actualites-button-container .actualites-button-next::before { top: 50%; right: 45%; transform: rotate(45deg) translateX(-50%); } .actualites-button-container .actualites-button-next::after { top: 1.7rem; right: 45%; transform: rotate(-45deg) translateX(-50%); } .encartPicture { display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding-top: 30.1rem; } @media (max-width: 750px) { .encartPicture { border: none; padding-top: 25rem; } } .encartPicture-container-image { z-index: 5; position: absolute; top: -2rem; left: 50%; width: calc(100% + 4rem); height: 32.2rem; transform: translateX(-50%); } @media (max-width: 1350px) { .encartPicture-container-image { width: calc(100% + 2rem); top: -1rem; } } @media (max-width: 750px) { .encartPicture-container-image { width: 100%; top: 0; height: 25rem; } } .encartPicture-container-image img, .encartPicture-container-image svg { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover; object-position: center"; -o-object-position: center; object-position: center; } .encartPicture-link { position: relative; width: 100%; margin: 0 auto; text-decoration: none; transition: 0.3s ease-in-out; } .encartPicture-link::before { content: ''; position: absolute; top: 0; right: 1rem; bottom: 0; left: 1rem; border-radius: 100rem / 10rem; box-shadow: 0 1rem 1.5rem rgba(0, 0, 0, 0.3); } @media (max-width: 750px) { .encartPicture-link::before { content: none; } } .encartPicture-link::after { content: ''; z-index: 20; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0.1rem solid #006bb1; } @media (max-width: 750px) { .encartPicture-link::after { content: none; } } .encartPicture-title { display: inline-block; z-index: 5; position: absolute; top: 50%; left: 50%; padding: 1rem; width: 80%; text-align: center; text-transform: uppercase; font-size: 1.4rem; font-weight: 700; line-height: 1.2; color: #ffffff; background: #006bb1; transform: translateX(-50%) translateY(-50%); } @media (max-width: 1350px) { .encartPicture-title { font-size: 1.4rem; } } @media (max-width: 900px) { .encartPicture-title { font-size: 1.4rem; } } @media (max-width: 600px) { .encartPicture-title { font-size: 1.4rem; } } .encartPicture-title span { text-transform: none; font-weight: normal; } .encartPicture-title span:first-child { font-family: "Dancing Script", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 2.8rem; } @media (max-width: 1350px) { .encartPicture-title span:first-child { font-size: 2.25rem; } } @media (max-width: 900px) { .encartPicture-title span:first-child { font-size: 2.1rem; } } @media (max-width: 600px) { .encartPicture-title span:first-child { font-size: 2rem; } } .encartPicture-title span:last-child { font-size: 1.4rem; } .encartPicture-rdv { z-index: 5; position: absolute; top: 82.5%; left: 50%; padding: 1.8rem 2rem; min-width: 26rem; text-align: center; text-transform: uppercase; font-family: "Montserrat", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 1.5rem; font-weight: 700; color: #ffffff; background: #3bb195; transition: 0.3s ease; transform: translateX(-50%) translateY(50%); } @media (max-width: 750px) { .encartPicture-rdv { width: 22rem; padding: 1.8rem 1.5rem; min-width: 22rem; font-size: 1.4rem; } } .encartPicture-text { width: 100%; padding: 6rem 5rem 4rem; text-align: center; font-size: 1.6rem; color: #33312d; background: #ffffff; } @media (max-width: 750px) { .encartPicture-text { width: 90%; box-shadow: 0 0rem 3.5rem rgba(0, 0, 0, 0.2); padding: 6rem 1.5rem 4rem; } } /*# sourceMappingURL=home.css.map */