/*-------------------------------------------------------------- # Custom CSS --------------------------------------------------------------*/ /* Theme Name: FlexiPOW Text Domain: flexipow Theme URI: https://flexipow.phil-o-web.com/ Version: 2.3 Requires at least: 6.0 Tested up to: 6.4 Requires PHP: 7.4 Author: Phil-o-web Author URI: https://www.phil-o-web.com/ Description: ACF blocks theme with custom full site editing. Esay to use, easy to customize and dig custom developpements. */ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ body { margin: 0; -webkit-font-smoothing: auto; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; text-decoration: none!important; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 2.5rem; } hr { box-sizing: content-box; height: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { margin: 0; padding: 0; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } video { max-width: 100%; } b, strong { font-weight: bold; } iframe { max-width: 100%; } pre { overflow: hidden; font-size: 0.8rem !important; font-family: Arial; white-space: pre-wrap; } a.screen-reader-text { display: none; } .dropdown:hover>.dropdown-menu { display: block; } .colonne_inner, .colonne_content { height: 100%; } .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img.alignleft { display: block; float: left; margin-right: 15px; } img.alignright { display: block; float: right; margin-left: 15px; } img.aligncenter { display: block; margin: 0 auto; } header#masthead { width: 100vw; max-width: 100%; } #content.site-content { padding-top: 0; padding-bottom: 0; } .forcefullwidthcolumn { max-width: 100%!important; flex: 0 0 100%!important; } @media (min-width: 768px) { .navbar-nav .dropdown-menu { margin-top: -2px; } } /*-------------------------------------------------------------- # Bootstrap correction --------------------------------------------------------------*/ @media (max-width: 768px) { .container.flexible_section_inner { max-width: 100%; } } /*-------------------------------------------------------------- # Singles --------------------------------------------------------------*/ #single_post { overflow-x: hidden; } /*-------------------------------------------------------------- # Jarallax --------------------------------------------------------------*/ .jarallax { position: relative; z-index: 0; } .jarallax > .jarallax-img { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } /*-------------------------------------------------------------- # JS classes --------------------------------------------------------------*/ .linkable, .scrollable, .blanklinkable { cursor: pointer; } /*-------------------------------------------------------------- # Shortcode YT embed --------------------------------------------------------------*/ .youtube-video-place-inner { position: relative; cursor: pointer; } .play-youtube-button { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%,-50%); } .videocontainer-verticalcentering { height: 100%; } .videocontainer-verticalcentering .embed-responsive { position: absolute; left: 0; right: 0; top: 50%; margin-top: -28.1%; padding-bottom: 56.2%; height: 0; overflow: hidden; } .videocontainer-verticalcentering .embed-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-------------------------------------------------------------- # Readmore --------------------------------------------------------------*/ .read-more-content { display: none; } a.powread-more { cursor: pointer; } /*-------------------------------------------------------------- # Default custom classes --------------------------------------------------------------*/ .ratio_16_9 { display: block; aspect-ratio: 16 / 9; overflow: hidden; } .ratio_1_1 { display: block; aspect-ratio: 1 / 1; overflow: hidden; } .ratio_4_3 { display: block; aspect-ratio: 4 / 3; overflow: hidden; } .ratio_16_9 img, .ratio_1_1 img, .ratio_4_3 img { width: 100%; } /* COLORS */ :root { --white : #FFFFFF; --black : #000000; --bleu1 : #2d2d80; --bleu2 : #4b9bdc; --orange : #f55f05; --vert : #bec800; } .acf-block-body { --white : #FFFFFF!important; --black : #000000!important; --bleu1 : #2d2d80!important; --bleu2 : #4b9bdc!important; --orange : #f55f05!important; --vert : #bec800!important; } .white { color: #FFFFFF!important; } .bg-white { background-color: #FFFFFF!important; } .border-white { border-color: #FFFFFF!important; } .black { color: #000000!important; } .bg-black { background-color: #000000!important; } .border-black { border-color: #000000!important; } .bleu1 { color: #2d2d80!important; } .bg-bleu1 { background-color: #2d2d80!important; } .border-bleu1 { border-color: #2d2d80!important; } .bleu2 { color: #4b9bdc!important; } .bg-bleu2 { background-color: #4b9bdc!important; } .border-bleu2 { border-color: #4b9bdc!important; } .orange { color: #f55f05!important; } .bg-orange { background-color: #f55f05!important; } .border-orange { border-color: #f55f05!important; } .vert { color: #bec800!important; } .bg-vert { background-color: #bec800!important; } .border-vert { border-color: #bec800!important; } #primary { animation: bodyfadeInAnimation ease 2s; animation-iteration-count: 1; animation-fill-mode: forwards; } @keyframes bodyfadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } /* TYPOS */ body { font-family: 'Poppins', serif; color: rgb(48,48,48); line-height: 1.5; font-size: 1rem; font-weight: 300; background-color: #FFFFFF; } h1, h2 { font-family: 'Oswald', serif; color: rgb(48,48,48); font-weight: 500; } h3, h4, h5, h6 { font-family: 'Oswald', serif; color: rgb(48,48,48); font-weight: 500; } a, a:visited { color: #2d2d80; text-decoration: none; transition: all 0.5s ease; } a:hover { color: #4b9bdc; } h2.flexible_section_title { font-size: 2rem; color: #000000; text-align: text-center; text-transform: inherit; } /* HEADER */ body:not(.block-editor-iframe__body):not(.wp-admin) { padding-top: 130px; } #main_header_logo { height: 120px; } @media (max-width: 578px) { #main_header_logo { height: 100px; } } #top_banner { min-height: 20px; background-color: #f55f05; color: #ffffff; margin-bottom: 0px; } #top_banner p { padding-bottom: 0px; margin-bottom: 0px; } #logo_desktop { display: block; } #logo_mobile { display: none; }#menu-main li a { font-weight: bold; font-size: 1.1rem; } #menu-main li { padding: 0 12px; } #rsheader { padding-right: 20px; } #rsheader li { padding: 0 10px; } #rsheader li:last-child { padding-right: 0; } #rsheader li a { color: var(--bleu2)!important; transition: all 0.5s ease; } #rsheader li a:hover { color: var(--bleu1)!important; } #menu-item-4563 a { display: inline-block; padding: 6px 25px; border-radius: 20px; font-size: 0.9rem; border: 1px solid var(--bleu1); background: var(--bleu1); color: var(--white)!important; transition: all 0.5s ease; } #menu-item-4563 a:hover { background: var(--white); color: var(--bleu1)!important; } #menu-item-4562 a { display: inline-block; padding: 6px 25px; border-radius: 20px; font-size: 0.9rem; border: 1px solid var(--orange); background: var(--orange); color: var(--white)!important; transition: all 0.5s ease; } #menu-item-4562 a:hover { background: var(--white); color: var(--orange)!important; } #menu-first-menu li a { font-size: 1.2rem; } #menu-first-menu li .dropdown-menu a { font-size: 1rem; } .dropdown-item { color: var(--bleu1); } #sidebarCollapse { font-size: 2rem; } /* RESPONSIVE MENU & SIDEBAR */ #sidebarCollapse { display: none; } #sidebar { display: none; width: 300px; max-width: 90%; height: 100vh; position: fixed; top: 0px; left: -300px; z-index: 999999; background: #2d2d80; transition: all 0.3s ease; } #sidebar.active { left: 0; } .overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(255,255,255,0.6); z-index: 999998; opacity: 0; transition: all 0.5s ease-in-out; top: 0; } .overlay.active { display: block; opacity: 1; } #dismiss { width: 35px; height: 35px; position: absolute; top: 10px; right: 10px; } #sidebar .dropdown-menu.show { position: relative!important; top: auto!important; left: auto!important; transform: none!important; } header#masthead #sidebar, header#masthead #sidebar .navbar-nav li a { color: #ffffff!important; } header#masthead #sidebar .navbar-nav li a:hover { color: #4b9bdc!important; } #sidebar ul.navbar-nav li { padding-bottom: 5px; } #sidebar .dropdown-menu { position: relative; top: auto; left: auto; z-index: 1; background: none!important; float: none; min-width: inherit; padding: 0.5rem 0; margin: 0; font-size: 0.9rem; color: #ffffff; text-align: left; list-style: none; background-color: none; border: none; border-radius: 0; } #sidebar .dropdown-menu li a { font-weight: normal!important; white-space: normal; overflow-wrap: break-word; font-size: 0.85rem; } #sidebar .dropdown-menu li, #sidebar .dropdown-menu li:hover { background: none!important; padding-bottom: 2px; } #sidebar .dropdown-menu li .dropdown-menu li:hover, #sidebar .dropdown-menu li .dropdown-menu a:hover, #sidebar .dropdown-item:hover { background: none!important; background-color: none!important; } #sidebar #sidebar-logo { max-width: 80%; } @media (max-width: 768px) { body:not(.block-editor-iframe__body):not(.wp-admin) { padding-top: 120px; } #sidebarCollapse { display: block; } .navbar-collapse { display: none; } #sidebar { display: block; } #logo_desktop { display: none; } #logo_mobile { display: block; } header#masthead { padding-top: 10px; padding-bottom: 10px; } } /* FOOTER */ #footer { overflow-x: hidden; background-color: #2d2d80; color: #FFFFFF; padding-top: 40px; padding-bottom: 40px; } #footer * { color: #FFFFFF; } .footer_row_1_col_2_content_1.menu ul li { padding: 4px 0px; } .footer_row_1_col_2_content_1.menu ul li a { display: inline-block; font-size: 1rem; font-weight: normal; color: #ffffff; transition: all 0.5s ease; } .footer_row_1_col_2_content_1.menu ul li a:hover { color: #4b9bdc!important; } .footer_row_1_col_2_content_1.menu ul li .nav-link { padding: 0!important; } .footer_row_1_col_3_content_1.rsbar li a { display: inline-block; text-align: center; aspect-ratio: 1 / 1; position: relative; font-size: 1rem; color: #ffffff!important; transition: all 0.5s ease; } .footer_row_1_col_3_content_1.rsbar li a:hover { color: #4b9bdc!important; } .footer_row_1_col_3_content_1.rsbar li a i { display: inline-block; color: #ffffff!important; transition: all 0.5s ease; } .footer_row_1_col_3_content_1.rsbar li a:hover i { color: #4b9bdc!important; } .footer_row_2_col_2_content_1.menu ul li { padding: 0px 15px; } .footer_row_2_col_2_content_1.menu ul li:last-child { padding-right: 0!important; } .footer_row_2_col_2_content_1.menu ul li:first-child { padding-left: 0!important; } .footer_row_2_col_2_content_1.menu ul li a { display: inline-block; font-size: 0.9rem; font-weight: normal; color: #ffffff; transition: all 0.5s ease; } .footer_row_2_col_2_content_1.menu ul li a:hover { color: #4b9bdc!important; } .footer_row_2_col_2_content_1.menu ul li .nav-link { padding: 0!important; } #footer .logo img { height: 160px; } /* 404 PAGE */ .error404 { } .error404_inner { } .error404_content { } /* SEARCH PAGE */ .search-result h2 { font-size: 1.2rem; } /* CSE Styles */ .bouton_bleu { display: inline-block; padding: 6px 25px; border-radius: 20px; font-size: 1.1rem; border: 1px solid var(--bleu1); background: var(--bleu1); color: var(--white)!important; transition: all 0.5s ease; } .bouton_bleu:hover { background: var(--white); color: var(--bleu1)!important; } .bouton_blanc { display: inline-block; padding: 6px 25px; border-radius: 20px; font-size: 1.1rem; border: 1px solid var(--bleu2); background: var(--white); color: var(--bleu1)!important; transition: all 0.5s ease; } .bouton_blanc:hover { background: var(--bleu2); color: var(--bleu1)!important; } .bouton_orange { display: inline-block; padding: 6px 25px; border-radius: 20px; font-size: 1.1rem; border: 1px solid var(--orange); background: var(--orange); color: var(--white)!important; transition: all 0.5s ease; } .bouton_orange:hover { background: var(--white); color: var(--orange)!important; } .border_bleu1 { border-left: 40px solid var(--bleu1); padding-left: 16px; border-radius: 20px 0 0 20px; } .border_bleu2 { border-left: 40px solid var(--bleu2); padding-left: 16px; border-radius: 20px 0 0 20px; } .titre_niveau { background: url(https://dev.ecolejulesrichard.fr/wp-content/uploads/2025/07/icon-clock.png) no-repeat 0% 0%; background-size: auto 100%; color: #FFFFFF; padding-left: 46px; } .titre_qui { background: url(https://dev.ecolejulesrichard.fr/wp-content/uploads/2025/07/icon-peoples.png) no-repeat 0% 0%; background-size: auto 100%; color: #FFFFFF; padding-left: 46px; } .titre_metiers { background: url(https://dev.ecolejulesrichard.fr/wp-content/uploads/2025/07/icon-metiers.png) no-repeat 0% 0%; background-size: auto 100%; color: #FFFFFF; padding-left: 46px; } .titre_plus { background: url(https://dev.ecolejulesrichard.fr/wp-content/uploads/2025/07/icon-plus.png) no-repeat 0% 0%; background-size: auto 100%; color: #FFFFFF; padding-left: 46px; } .titre_integration { background: url(https://dev.ecolejulesrichard.fr/wp-content/uploads/2025/07/icon-entrance.png) no-repeat 0% 0%; background-size: auto 100%; color: #FFFFFF; padding-left: 46px; } .heropage { } .heropage2 { } .surlignage_bleu1 { } .surlignage_bleu2 { } .surlignage_blanc { } .titre_bleu1 { } .titre_bleu2 { } .titre_blanc { } .titre_orange { } .surlignage_orange { } /* PAGINATION */ .paginationholder a { display: inline-block; padding: 0.4rem 0.9rem; border: 1px solid #FFFFFF; color: var(--bleu1); cursor: pointer; border-radius: 50%; } .paginationholder a:hover { } .paginationholder a.jp-current, .paginationholder a.mixitup-control-active { background: var(--bleu1); color: #FFFFFF; } nf-field-label .nf-label-span, .nf-field-label label { font-weight: normal!important; } .nf-form-content label { font-size: 1rem!important; } .nf-form-content input[type=submit] { cursor: pointer; } .nf-form-content input[type=submit]:hover, .nf-form-content input[type=submit]:focus { } .nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea { } .nf-error.field-wrap .nf-field-element:after { } .nf-form-content input { border: 1px solid var(--bleu1); padding: 6px 10px; } /* CUSTOM CSS */ h2 { font-size: 2.5rem; } h2.flexible_section_title { font-size: 2.5rem!important; text-transform: uppercase!important; } .heropage { background: var(--bleu1) url(https://dev.ecolejulesrichard.fr/wp-content/uploads/2025/07/EJR-paris-icone-couleur-rvb.svg) no-repeat 95% 40%; padding-top: 60px!important; padding-bottom: 60px!important; background-size: auto 150px; } .heropage2 h1 { font-size: 3.5rem; } .colonne_inner img { border-radius: 20px; } .border_jr { border-radius: 20px; } .item_actus_visuel img { border-radius: 20px 20px 0 0; } .alignlink { padding-bottom: 70px; position: relative; } .alignlink a.alignedlink { display: block; position: absolute; bottom: 0px; left: 0px; } .col_icon img { width: 120px; height: auto; padding: 20px; border: 2px solid #FFFFFF; border-radius: 50%; } .col_icon2 img { width: 80px; height: auto; padding: 20px; border: 2px solid var(--bleu1); border-radius: 50%; } .col_icon2 strong { color: var(--bleu1); font-size: 1.1rem; } .col_icon2 em { color: var(--bleu1); } .col_icon3 img { width: 60px; height: auto; padding: 6px; border-radius: 50%; border: 1px solid var(--bleu1); float: left; margin-right: 15px; } .col_icon3 h3 { margin: 0 0 30px 0; padding-top: 15px; } .surlignage_bleu1, .titre_bleu1 { position: relative; display: inline-block; z-index: 1; padding-left: 10px; padding-right: 10px; } .surlignage_bleu1::before, .titre_bleu1::before { content: ''; position: absolute; top: 65%; left: 0; right: 0; height: 40%; background-color: var(--bleu1); z-index: -1; border-radius: 100px; } .surlignage_bleu2, .titre_bleu2 { position: relative; display: inline-block; z-index: 1; padding-left: 10px; padding-right: 10px; } .surlignage_bleu2::before, .titre_bleu2::before { content: ''; position: absolute; top: 65%; left: 0; right: 0; height: 40%; background-color: var(--bleu2); z-index: -1; border-radius: 100px; } .surlignage_blanc, .titre_blanc { position: relative; display: inline-block; z-index: 1; padding-left: 10px; padding-right: 10px; } .surlignage_blanc::before, .titre_blanc::before { content: ''; position: absolute; top: 65%; left: 0; right: 0; height: 40%; background-color: #FFFFFF; z-index: -1; border-radius: 100px; } .surlignage_orange, .titre_orange { position: relative; display: inline-block; z-index: 1; padding-left: 10px; padding-right: 10px; } .surlignage_orange::before, .titre_orange::before { content: ''; position: absolute; top: 65%; left: 0; right: 0; height: 40%; background-color: var(--orange); z-index: -1; border-radius: 100px; } #field_powbd573ead33af4edc { padding-bottom: 0!important; } #field_powbd573ead33af4edc_inner { color: #FFFFFF; padding-top: 40px; padding-bottom: 40px; } #field_powbd573ead33af4edc_inner h2, #field_powbd573ead33af4edc_inner h3 { color: #FFFFFF; } #field_pow22d3f88881f14208_inner { color: #FFFFFF; padding-bottom: 40px; } .formbac_top { background: var(--vert); border-radius: 40px 40px 0 0; } .formbac_bottom { background: var(--vert); border-radius: 0 0 40px 40px; } .formpostbac_top { background: var(--orange); border-radius: 40px 40px 0 0; } .formpostbac_bottom { background: var(--orange); border-radius: 0 0 40px 40px; } .formpro_top { background: var(--bleu2); border-radius: 40px 40px 0 0; } .formpro_bottom { background: var(--bleu2); border-radius: 0 0 40px 40px; } .formpro_bottom a { color: #FFFFFF!important; } .item_formation { border-radius: 40px; cursor: pointer; transition: all 0.5s ease; color: #FFFFFF; } .item_formation.type_bac { background: var(--vert); border: 2px solid var(--white); color: #FFFFFF!important; transition: all 0.5s ease; } .item_formation.type_bac:hover { border: 2px solid var(--vert); } .item_formation.type_postbac { background: var(--orange); border: 2px solid var(--white); color: #FFFFFF!important; transition: all 0.5s ease; } .item_formation.type_postbac:hover { border: 2px solid var(--orange); } .item_formation.type_pro { background: var(--bleu2); border: 2px solid var(--white); color: #FFFFFF!important; transition: all 0.5s ease; } .item_formation.type_pro:hover { border: 2px solid var(--bleu2); } .item_formation h4 { min-height: 100px; color: #FFFFFF; } .item_formation_visuel img { border-radius: 40px; } .item_formation2 { border-radius: 20px; cursor: pointer; } .item_formation2 a { padding: 6px 25px; border-radius: 20px; font-size: 1.1rem; } .item_formation2.bg-vert a { background: var(--vert); border: 2px solid var(--white); color: #FFFFFF!important; transition: all 0.5s ease; } .item_formation2.bg-vert a:hover { border: 2px solid var(--vert); background: #FFFFFF; color: var(--vert)!important; } .item_formation2.bg-orange a { background: var(--orange); border: 2px solid var(--white); color: #FFFFFF!important; transition: all 0.5s ease; } .item_formation2.bg-orange a:hover { border: 2px solid var(--orange); background: #FFFFFF; color: var(--orange)!important; } .item_formation2.bg-bleu2 a { background: var(--bleu2); border: 2px solid var(--white); color: #FFFFFF!important; transition: all 0.5s ease; } .item_formation2.bg-bleu2 a:hover { border: 2px solid var(--bleu2); background: #FFFFFF; color: var(--bleu2)!important; } .item_formation2 { position: relative; overflow: hidden; background-size: auto 100%!important; min-height: 400px; transition: all 0.5s ease; } .item_formation2:hover { background-size: auto 120%!important; } .item_formation2_inner { position: absolute; bottom: 0; left: 0; border-radius: 0 0 20px 20px; min-height: 120px; width: 100%; } .item_formation2 .item_formation2_more { position: absolute; bottom: -100px; left: 50%; transform: translate(-50%,0); transition: all 0.5s ease; } .item_formation2:hover .item_formation2_more { bottom: 20px; } .item_formation.type_bac a { display: inline-block; padding: 4px 20px; border-radius: 20px; color: #FFFFFF!important; border: 1px solid #FFFFFF; background: var(--vert); transition: all 0.5s ease; } .item_formation.type_bac a:hover { color: var(--vert)!important; background: var(--white); } .item_formation.type_postbac a { display: inline-block; padding: 4px 20px; border-radius: 20px; color: #FFFFFF!important; border: 1px solid #FFFFFF; background: var(--orange); transition: all 0.5s ease; } .item_formation.type_postbac a:hover { color: var(--orange)!important; background: var(--white); } .item_formation.type_pro a { display: inline-block; padding: 4px 20px; border-radius: 20px; color: #FFFFFF!important; border: 1px solid #FFFFFF; background: var(--bleu2); transition: all 0.5s ease; } .item_formation.type_pro a:hover { color: var(--bleu2)!important; background: var(--white); } /* formations */ .formationsubheader .hero_image_outer, .formationsubheader .hero_image_outer img { border-radius: 20px; } @media (max-width: 576px) { h3, .h3 { font-size: 1.4rem!important; } h1, .h1 { font-size: 1.8rem!important; } h2, .h2 { font-size: 1.6rem!important; } h2.flexible_section_title { font-size: 2.2rem!important; } .surlignage_bleu2::before, .titre_bleu2::before, .surlignage_blanc::before, .titre_blanc::before, .surlignage_orange::before, .titre_orange::before { display: none; } .heropage { background: var(--bleu1); } } /*-------------------------------------------------------------- # Custom CSS --------------------------------------------------------------*/ /* FLEXIPOW generated - page 3826 */ /* block pow69aff3105777e */ #field_pow69aff3105777e { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } .flexible_section_inner.container #slider_pow69aff3105777e { overflow: hidden; } #slider_pow69aff3105777e { width: 100%; height: auto; } #slider_pow69aff3105777e .swiper-slide { position: relative; overflow: hidden; } #slider_pow69aff3105777e .swiper-slide-inner-content { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 50px; margin: 0px 0px 0px 0px; } @media only screen and (max-width: 576px) { #slider_pow69aff3105777e { height: auto; } #slider_pow69aff3105777e .swiper-slide-inner-content { width: 100%; } } .acf-block-preview #field_pow69aff3105777e .swiper-wrapper { width: 1110px; max-width: 100%; height: px; } .acf-block-preview #field_pow69aff3105777e .swiper-slide { height: px; } #field_pow69aff3105777e { overflow-x: hidden; } /* block pow69aff408cce0d */ #field_pow69aff408cce0d { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } #field_pow69aff408cce0d_inner { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } #field_pow69aff408cce0d .colonne1 {background-color: rgba(255,255,255,0.5);} #field_pow69aff408cce0d .colonne1 h1, #field_pow69aff408cce0d .colonne1 h2, #field_pow69aff408cce0d .colonne1 h3, #field_pow69aff408cce0d .colonne1 h4, #field_pow69aff408cce0d .colonne1 h5 { color: rgb(48,48,48); } #field_pow69aff408cce0d_inner .colonne1 .colonne_inner { position: absolute; top: -350px; left: 50%; z-index: 999; width: 1000px; max-width: 100%; transform: translate(-50%,0); } #field_pow69aff408cce0d_inner .colonne1 .colonne_inner h1 { font-size: 3.5rem; color: #FFFFFF; } @media (max-width: 576px) { #field_pow69aff408cce0d_inner .colonne1 .colonne_inner { position: relative; top: auto; left: auto; z-index: 0; width: auto; transform: none; } #field_pow69aff408cce0d_inner .colonne1 .colonne_inner h1 { font-size: 3rem; color: var(--bleu1); } } /* block powa4474e80b89d4860 */ #shapedivider_powa4474e80b89d4860_bottom { position: absolute; bottom: 0px; left: 0; width: 100%; overflow: hidden; line-height: 0; margin-bottom: -1px; } #shapedivider_powa4474e80b89d4860_bottom svg { position: relative; display: block; width: calc(150% + 1.3px); height: 100px; } #shapedivider_powa4474e80b89d4860_bottom .shape-fill { fill: rgb(255,255,255); } @media (max-width: 767px) { #shapedivider_powa4474e80b89d4860_bottom { bottom: ; } #shapedivider_powa4474e80b89d4860_bottom svg { width: calc(150% + 1.3px); height: 100px; } } @media (max-width: 568px) { #shapedivider_powa4474e80b89d4860_bottom { bottom: ; } #shapedivider_powa4474e80b89d4860_bottom svg { width: calc(150% + 1.3px); height: 60px; } } #field_powa4474e80b89d4860 { padding-top: 40px; padding-bottom: 140px; margin-top: 0px; margin-bottom: 0px; background-color: #2d2d80; position: relative; } #field_powa4474e80b89d4860_inner { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } #field_powa4474e80b89d4860 .colonne1 .colonne_inner {color: #ffffff;} #field_powa4474e80b89d4860 .colonne1 h1, #field_powa4474e80b89d4860 .colonne1 h2, #field_powa4474e80b89d4860 .colonne1 h3, #field_powa4474e80b89d4860 .colonne1 h4, #field_powa4474e80b89d4860 .colonne1 h5 { color: #4b9bdc; } /* block pow69b00182c92f3 */ #field_pow69b00182c92f3 { padding-top: 80px; padding-bottom: 80px; margin-top: 0px; margin-bottom: 0px; } #field_pow69b00182c92f3_inner { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } /* block pow84ddc9b005ca43a6 */ #field_pow84ddc9b005ca43a6 { padding-top: 40px; padding-bottom: 40px; margin-top: 0px; margin-bottom: 0px; } #field_pow84ddc9b005ca43a6_inner { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } /* block pow2f353d23e3be4a03 */ #field_pow2f353d23e3be4a03 { padding-top: 0px; padding-bottom: 40px; margin-top: 0px; margin-bottom: 0px; } #field_pow2f353d23e3be4a03_inner { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } #field_pow2f353d23e3be4a03 .grid_post_thumbnail { display: block; width: 100%; overflow: hidden; } #field_pow2f353d23e3be4a03 .grid_post_thumbnail img { width: 100%; height: auto; } /* block pow34d7ff1087cf428b */ #shapedivider_pow34d7ff1087cf428b_bottom { position: absolute; bottom: 0px; left: 0; width: 100%; overflow: hidden; line-height: 0; margin-bottom: -1px; transform: rotate(180deg); } #shapedivider_pow34d7ff1087cf428b_bottom svg { position: relative; display: block; width: calc(150% + 1.3px); height: 100px; } #shapedivider_pow34d7ff1087cf428b_bottom .shape-fill { fill: rgb(75,155,220); } @media (max-width: 767px) { #shapedivider_pow34d7ff1087cf428b_bottom { bottom: ; } #shapedivider_pow34d7ff1087cf428b_bottom svg { width: calc(150% + 1.3px); height: 100px; } } @media (max-width: 568px) { #shapedivider_pow34d7ff1087cf428b_bottom { bottom: ; } #shapedivider_pow34d7ff1087cf428b_bottom svg { width: calc(150% + 1.3px); height: 60px; } } #field_pow34d7ff1087cf428b { padding-top: 0px; padding-bottom: 80px; margin-top: 0px; margin-bottom: 0px; position: relative; } #field_pow34d7ff1087cf428b_inner { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } /* block powf8e234f6407f4dd6 */ #shapedivider_powf8e234f6407f4dd6_bottom { position: absolute; bottom: 0px; left: 0; width: 100%; overflow: hidden; line-height: 0; margin-bottom: -1px; transform: rotate(180deg); } #shapedivider_powf8e234f6407f4dd6_bottom svg { position: relative; display: block; width: calc(150% + 1.3px); height: 100px; transform: rotateY(180deg); } #shapedivider_powf8e234f6407f4dd6_bottom .shape-fill { fill: rgb(255,255,255); } @media (max-width: 767px) { #shapedivider_powf8e234f6407f4dd6_bottom { bottom: ; } #shapedivider_powf8e234f6407f4dd6_bottom svg { width: calc(150% + 1.3px); height: 100px; } } @media (max-width: 568px) { #shapedivider_powf8e234f6407f4dd6_bottom { bottom: ; } #shapedivider_powf8e234f6407f4dd6_bottom svg { width: calc(150% + 1.3px); height: 60px; } } #field_powf8e234f6407f4dd6 { padding-top: 40px; padding-bottom: 80px; margin-top: 0px; margin-bottom: 0px; background-color: rgb(75,155,220); position: relative; } #field_powf8e234f6407f4dd6_inner { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } #field_powf8e234f6407f4dd6 .component_1 { } .value_outer { display: block; width: 200px; height: 200px; background: var(--bleu1); text-align: center; border-radius: 50%; padding-top: 50px; margin: 0 auto 15px auto; } .value p { display: inline; } .value { font-weight: bold; } /* block pow69b167c8bfa30 */ #field_pow69b167c8bfa30 { padding-top: 80px; padding-bottom: 40px; margin-top: 0px; margin-bottom: 0px; } #field_pow69b167c8bfa30_inner { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } #field_pow69b167c8bfa30 .grid_post_thumbnail { display: block; width: 100%; overflow: hidden; } #field_pow69b167c8bfa30 .grid_post_thumbnail img { width: 100%; height: auto; } /* block powd41b6d0b0a634c25 */ #field_powd41b6d0b0a634c25 { padding-top: 40px; padding-bottom: 40px; margin-top: 0px; margin-bottom: 0px; } #field_powd41b6d0b0a634c25_inner { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } /* block pow1511b709b4c74ba5 */ #field_pow1511b709b4c74ba5 { padding-top: 0px; padding-bottom: 40px; margin-top: 0px; margin-bottom: 0px; } #field_pow1511b709b4c74ba5_inner { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } /* block pow69b284cecd7cb */ #shapedivider_pow69b284cecd7cb_top { position: absolute; top: 0px; left: 0; width: 100%; overflow: hidden; line-height: 0; margin-bottom: -1px; } #shapedivider_pow69b284cecd7cb_top svg { position: relative; display: block; width: calc(150% + 1.3px); height: 100px; } #shapedivider_pow69b284cecd7cb_top .shape-fill { fill: rgb(255,255,255); } @media (max-width: 767px) { #shapedivider_pow69b284cecd7cb_top { top: ; } #shapedivider_pow69b284cecd7cb_top svg { width: calc(150% + 1.3px); height: 100px; } } @media (max-width: 568px) { #shapedivider_pow69b284cecd7cb_top { top: ; } #shapedivider_pow69b284cecd7cb_top svg { width: calc(150% + 1.3px); height: 60px; } } #field_pow69b284cecd7cb { padding-top: 100px; padding-bottom: 40px; margin-top: 0px; margin-bottom: 0px; background-color: rgb(75,155,220); position: relative; } #field_pow69b284cecd7cb_inner { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } #field_pow69b284cecd7cb .grid_post_thumbnail { display: block; width: 100%; overflow: hidden; } #field_pow69b284cecd7cb .grid_post_thumbnail img { width: 100%; height: auto; }