/* Theme Name: Hello Elementor Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators. Author: Elementor Team Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash Version: 3.4.4 Stable tag: 3.4.4 Requires at least: 6.0 Tested up to: 6.8 Requires PHP: 7.4 License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Text Domain: hello-elementor Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, */ html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;text-decoration:none!important}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline} .comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw}.alignfull,.alignfull img{width:100vw}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:100%;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)} .site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media(max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;max-width:none;text-align:center;width:100%}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color:currentColor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentColor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{align-items:center;display:flex}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{display:flex;position:relative}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;left:0;min-width:150px;position:absolute;top:100%;z-index:2}.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{left:100%;top:0}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{bottom:100%;top:auto}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{bottom:0;left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;width:100%;z-index:10000}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{background:#fff;margin:0;padding:0;position:absolute;width:100%}.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}.site-navigation-dropdown ul.menu li a{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px}.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}.site-navigation-dropdown ul.menu>li li{max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}@media(max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(min-width:576px)and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important} @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-BlackItalic.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-BlackItalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-Black.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-BoldItalic.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-ExtraBoldItalic.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-ExtraBoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-Bold.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-ExtraBold.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-ExtraLightItalic.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-ExtraLightItalic.woff') format('woff'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-SemiBold.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-MediumItalic.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-ThinItalic.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-ThinItalic.woff') format('woff'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-Thin.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-ExtraLight.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-Regular.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-Light.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-Medium.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-SemiBoldItalic.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-LightItalic.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins/Poppins-Italic.woff2') format('woff2'), url('assets/fonts/Poppins/Poppins-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } body { font-family: 'Poppins', sans-serif; } a { color: #000; } main,.container { max-width: 1665px; margin: auto; } .menu-close-btn { background: none; border: none; font-size: 2rem; position: absolute; top: 40px; right: 15px; cursor: pointer; color: #333; line-height: 1; } .menu-close-btn:hover { color: #ff0000; } /* Bouton */ #menu-toggle { background: none; border: none; font-size: 1.5rem; cursor: pointer; z-index: 1001; position: relative; } /* Menu latéral gauche */ .side-menu { position: fixed; top: 0; left: -300px; /* Masqué par défaut */ width: 300px; height: 100vh; background-color: #fff; box-shadow: 2px 0 5px rgba(0,0,0,0.1); overflow-y: auto; transition: left 0.3s ease-in-out; z-index: 1000; padding: 70px 20px; } .side-menu.open { left: 0; } /* Liste du menu */ .menu-list { list-style: none; padding: 0; margin: 0; } .menu-list li a { display: block; padding: 15px; color: #333; text-decoration: none; } .menu-list li a:hover { background-color: #f0f0f0; } .menu-top{ display: flex; justify-content: flex-end; /* margin-bottom: 20px; */ padding: 15px 20px 0px 20px; max-width: 1665px; margin: auto; width: 100%; padding: 15px 20px 0px 20px; } .header-menu{ display: flex; position: sticky; top: 0px; z-index: 9999; width: 100%; height: 70px; background: #fff; padding: 20px 0px; } .header-menu .header-container{ display: flex; max-width: 1665px; margin: auto; width: 100%; padding: 15px 20px 0px 20px; } .header-menu .header-image img{ width: 150px; float: left; margin: auto; visibility: hidden; margin-top: 20px; transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s; transform: translate3d(-30px, 0, 0); } .header-menu .header-image.visible img{ visibility:visible; transform: translate3d(0, 0, 0); } .menu-top .icon{ stroke: #000; padding: 0 10px; height: 40px; margin: auto; } .menu-top .pin-icon svg{ height: 19px; margin-top: -2px; } .menu-top svg{ width: 25px; height: 17px; } .menu-top .social_menu svg{ width: 30px; height: 29px; margin-top: -5px; } .menu-top .social_menu .facebook-icon svg{ height: 26px; } .menu-top .flag-icon { margin-top: 0px; margin-left: 5px; } .flag-icon { width: 97px; height: 60px!important; background-position: -341px 5px; } .flag-icon svg{ width: 75px; height: auto; align-items: center; stroke: transparent; } .social_menu{ display: flex; padding-right: 32px; } .menu-top .social_menu .icon { margin: 17px 10px; } .toggle-search{ border: none; color: #000; padding: 0; } .menu-top .carte-noir.icon.item{ margin-right: 10px; } .menu-top .enveloppe-noir.icon.item{ margin-left: 10px; margin-right: 10px; } .menu-top .loop.icon.item{ margin-right: 5px; } .menu-top .lang{ padding: 0px 10px; margin-top: 18px; } .menu-top .lang a{ color: #000; font-size: 16px; } .menu-top .toggle-search:hover, .menu-top .toggle-search:focus{ border: none; color:#000 ; background: none; } header.banner { display: contents; /* left: 0; */ /* width: 100%; */ /* z-index: 9; */ /* background-color: white; */ /* display: flex; */ /* padding: 15px 20px 20px 20px; */ /* justify-content: center; */ /* flex-wrap: nowrap; */ /* transition: all 0.2s ease-out; */ /* left: 50%; */ /* transform: translateX(-50%);*/ } .header-left { display: inline-flex; flex: 1 1 10%; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin-top: -35px; } .header-left .text { text-transform: uppercase; letter-spacing: 2px; color: black; font-size: 1rem; } .header-left .open-main-menu { background: none; border: none; text-align: left; display: inline-flex; align-items: center; max-width: 480px; } .header-left .open-main-menu .header-left-title{ min-width:200px; } .header-left .open-main-menu .bars, .text { display: inline-block; vertical-align: middle; } .header-left .open-main-menu .bars { margin-right: 20px; width: 30px; } .header-left .open-main-menu .bars .bar { width: 100%; height: 3px; display: block; } .header-left .open-main-menu .bars .bar:not(:last-child) { margin-bottom: 5px; } .header-image { flex:1 1 10%; text-align: center; margin: auto; } .header-image img{ width: 260px; float: left; } .header-right { /*display: grid; justify-content: flex-end; align-items: center; position: relative; padding-left: 2rem;*/ margin-top: -15px; } #menu-header-icons-menu{ display: flex; gap: 20px; margin-right: 20px; } #menu-header-icons-menu li{ list-style: none; } .bg-re-blue { background-color: #1595bf!important } a.bg-re-blue:focus,a.bg-re-blue:hover,button.bg-re-blue:focus,button.bg-re-blue:hover { background-color: #107191!important } .bg-re-red { background-color: #f34f63!important } a.bg-re-red:focus,a.bg-re-red:hover,button.bg-re-red:focus,button.bg-re-red:hover { background-color: #f01f39!important } .bg-re-yellow { background-color: #ffbb61!important } a.bg-re-yellow:focus,a.bg-re-yellow:hover,button.bg-re-yellow:focus,button.bg-re-yellow:hover { background-color: #ffa52e!important } .sprite-icon { display: inline-block; background-image: url("/wp-content/themes/hello-elementor/assets/icons/sprite.png") ; background-repeat: no-repeat; } .carte-blanc { width:13px; height:19px; background-position: -68px 0; } .carte-noir { width:12px; height:16px; background-position: -88px 3px; } .enveloppe-blanc { width:21px; height:18px; background-position: -113px 0; } .enveloppe-noir { width:19px; height:14px; background-position: -143px 5px; } .facebook-blanc { width:8px; height:18px; background-position: -173px 0; } .facebook-noir { width:11px; height:20px; background-position: -184px 0; } .linkedin-blanc { width:16px; height:18px; background-position: -212px 0; } .linkedin-noir { width:20px; height:20px; background-position: -238px 0; } .loop { width:16px; height:16px; background-position: -266px 3px; } .twitter-blanc { width:14px; height:15px; background-position: -293px 1px; } .twitter-noir { width:18px; height:19px; background-position: -317px 0; } .youtube-blanc { width:19px; height:18px; background-position: -431px 2px; } .youtube-noir { width:28px; height:20px; background-position: -460px 0; } #menu-social-menu{ display: flex; gap: 15px; } .social-menu li a { text-indent: -9999px; display: block } .social-menu ul { list-style: none; } .social-menu li.facebook { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDggMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4xNDUgOC4wMDZINC45MDNWMTZIMS41ODFWOC4wMDZIMFY1LjE4MkgxLjU4MVYzLjM1NEMxLjU4MSAyLjA0NyAyLjIwMiAwIDQuOTMzIDBMNy4zOTQgMC4wMVYyLjc1Mkg1LjYwOEM1LjMxNyAyLjc1MiA0LjkwMyAyLjg5OSA0LjkwMyAzLjUyMlY1LjE4Mkg3LjQzNkw3LjE0NSA4LjAwNloiIGZpbGw9IiMzNTVGOUYiLz4KPC9zdmc+Cg==); width: 7.44px; height: 16px } .social-menu li.instagram { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSI+CjxkZWZzPgo8cmFkaWFsR3JhZGllbnQgaWQ9InJhZGlhbDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeD0iMTkuMzgiIGN5PSI0Mi4wMzUiIGZ4PSIxOS4zOCIgZnk9IjQyLjAzNSIgcj0iNDQuODk5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAuMzMzMzMzLDAsMCwwLjMzMzMzMywwLDApIj4KPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoMTAwJSw4Ni42NjY2NjclLDMzLjMzMzMzMyUpO3N0b3Atb3BhY2l0eToxOyIvPgo8c3RvcCBvZmZzZXQ9IjAuMzI4IiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoMTAwJSwzMi45NDExNzYlLDI0LjcwNTg4MiUpO3N0b3Atb3BhY2l0eToxOyIvPgo8c3RvcCBvZmZzZXQ9IjAuMzQ4IiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoOTguODIzNTI5JSwzMi4xNTY4NjMlLDI3LjA1ODgyNCUpO3N0b3Atb3BhY2l0eToxOyIvPgo8c3RvcCBvZmZzZXQ9IjAuNTA0IiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoOTAuMTk2MDc4JSwyNy44NDMxMzclLDQ0LjMxMzcyNSUpO3N0b3Atb3BhY2l0eToxOyIvPgo8c3RvcCBvZmZzZXQ9IjAuNjQzIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoODMuNTI5NDEyJSwyNC4zMTM3MjUlLDU2Ljg2Mjc0NSUpO3N0b3Atb3BhY2l0eToxOyIvPgo8c3RvcCBvZmZzZXQ9IjAuNzYxIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoODAlLDIyLjM1Mjk0MSUsNjQuMzEzNzI1JSk7c3RvcC1vcGFjaXR5OjE7Ii8+CjxzdG9wIG9mZnNldD0iMC44NDEiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYig3OC40MzEzNzMlLDIxLjU2ODYyNyUsNjcuMDU4ODI0JSk7c3RvcC1vcGFjaXR5OjE7Ii8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icmFkaWFsMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMS43ODYiIGN5PSI1LjU0IiBmeD0iMTEuNzg2IiBmeT0iNS41NCIgcj0iMjkuODEzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAuMzMzMzMzLDAsMCwwLjIyMjEsMCwwLjYxNjMzMykiPgo8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigyNS40OTAxOTYlLDQwLjc4NDMxNCUsNzguODIzNTI5JSk7c3RvcC1vcGFjaXR5OjE7Ii8+CjxzdG9wIG9mZnNldD0iMC45OTkiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigyNS40OTAxOTYlLDQwLjc4NDMxNCUsNzguODIzNTI5JSk7c3RvcC1vcGFjaXR5OjA7Ii8+CjwvcmFkaWFsR3JhZGllbnQ+CjwvZGVmcz4KPGcgaWQ9InN1cmZhY2UxIj4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnVybCgjcmFkaWFsMCk7IiBkPSJNIDExLjMzOTg0NCAxMy45OTYwOTQgTCA0LjY3MTg3NSAxNC4wMDM5MDYgQyAzLjIwNzAzMSAxNC4wMDM5MDYgMi4wMDM5MDYgMTIuODA0Njg4IDIuMDAzOTA2IDExLjMzOTg0NCBMIDEuOTk2MDk0IDQuNjcxODc1IEMgMS45OTYwOTQgMy4yMDcwMzEgMy4xOTUzMTIgMi4wMDM5MDYgNC42NjAxNTYgMi4wMDM5MDYgTCAxMS4zMjgxMjUgMS45OTYwOTQgQyAxMi43OTI5NjkgMS45OTYwOTQgMTMuOTk2MDk0IDMuMTk1MzEyIDEzLjk5NjA5NCA0LjY2MDE1NiBMIDE0LjAwMzkwNiAxMS4zMjgxMjUgQyAxNC4wMDM5MDYgMTIuNzkyOTY5IDEyLjgwNDY4OCAxMy45OTYwOTQgMTEuMzM5ODQ0IDEzLjk5NjA5NCBaIE0gMTEuMzM5ODQ0IDEzLjk5NjA5NCAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnVybCgjcmFkaWFsMSk7IiBkPSJNIDExLjMzOTg0NCAxMy45OTYwOTQgTCA0LjY3MTg3NSAxNC4wMDM5MDYgQyAzLjIwNzAzMSAxNC4wMDM5MDYgMi4wMDM5MDYgMTIuODA0Njg4IDIuMDAzOTA2IDExLjMzOTg0NCBMIDEuOTk2MDk0IDQuNjcxODc1IEMgMS45OTYwOTQgMy4yMDcwMzEgMy4xOTUzMTIgMi4wMDM5MDYgNC42NjAxNTYgMi4wMDM5MDYgTCAxMS4zMjgxMjUgMS45OTYwOTQgQyAxMi43OTI5NjkgMS45OTYwOTQgMTMuOTk2MDk0IDMuMTk1MzEyIDEzLjk5NjA5NCA0LjY2MDE1NiBMIDE0LjAwMzkwNiAxMS4zMjgxMjUgQyAxNC4wMDM5MDYgMTIuNzkyOTY5IDEyLjgwNDY4OCAxMy45OTYwOTQgMTEuMzM5ODQ0IDEzLjk5NjA5NCBaIE0gMTEuMzM5ODQ0IDEzLjk5NjA5NCAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigxMDAlLDEwMCUsMTAwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDggMTAuMzMyMDMxIEMgNi43MTQ4NDQgMTAuMzMyMDMxIDUuNjY3OTY5IDkuMjg1MTU2IDUuNjY3OTY5IDggQyA1LjY2Nzk2OSA2LjcxNDg0NCA2LjcxNDg0NCA1LjY2Nzk2OSA4IDUuNjY3OTY5IEMgOS4yODUxNTYgNS42Njc5NjkgMTAuMzMyMDMxIDYuNzE0ODQ0IDEwLjMzMjAzMSA4IEMgMTAuMzMyMDMxIDkuMjg1MTU2IDkuMjg1MTU2IDEwLjMzMjAzMSA4IDEwLjMzMjAzMSBaIE0gOCA2LjMzMjAzMSBDIDcuMDgyMDMxIDYuMzMyMDMxIDYuMzMyMDMxIDcuMDgyMDMxIDYuMzMyMDMxIDggQyA2LjMzMjAzMSA4LjkxNzk2OSA3LjA4MjAzMSA5LjY2Nzk2OSA4IDkuNjY3OTY5IEMgOC45MTc5NjkgOS42Njc5NjkgOS42Njc5NjkgOC45MTc5NjkgOS42Njc5NjkgOCBDIDkuNjY3OTY5IDcuMDgyMDMxIDguOTE3OTY5IDYuMzMyMDMxIDggNi4zMzIwMzEgWiBNIDggNi4zMzIwMzEgIi8+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMTAwJSwxMDAlLDEwMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAxMSA1LjUgQyAxMSA1Ljc3NzM0NCAxMC43NzczNDQgNiAxMC41IDYgQyAxMC4yMjI2NTYgNiAxMCA1Ljc3NzM0NCAxMCA1LjUgQyAxMCA1LjIyMjY1NiAxMC4yMjI2NTYgNSAxMC41IDUgQyAxMC43NzczNDQgNSAxMSA1LjIyMjY1NiAxMSA1LjUgWiBNIDExIDUuNSAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigxMDAlLDEwMCUsMTAwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDEwIDEyLjMzMjAzMSBMIDYgMTIuMzMyMDMxIEMgNC43MTQ4NDQgMTIuMzMyMDMxIDMuNjY3OTY5IDExLjI4NTE1NiAzLjY2Nzk2OSAxMCBMIDMuNjY3OTY5IDYgQyAzLjY2Nzk2OSA0LjcxNDg0NCA0LjcxNDg0NCAzLjY2Nzk2OSA2IDMuNjY3OTY5IEwgMTAgMy42Njc5NjkgQyAxMS4yODUxNTYgMy42Njc5NjkgMTIuMzMyMDMxIDQuNzE0ODQ0IDEyLjMzMjAzMSA2IEwgMTIuMzMyMDMxIDEwIEMgMTIuMzMyMDMxIDExLjI4NTE1NiAxMS4yODUxNTYgMTIuMzMyMDMxIDEwIDEyLjMzMjAzMSBaIE0gNiA0LjMzMjAzMSBDIDUuMDgyMDMxIDQuMzMyMDMxIDQuMzMyMDMxIDUuMDgyMDMxIDQuMzMyMDMxIDYgTCA0LjMzMjAzMSAxMCBDIDQuMzMyMDMxIDEwLjkxNzk2OSA1LjA4MjAzMSAxMS42Njc5NjkgNiAxMS42Njc5NjkgTCAxMCAxMS42Njc5NjkgQyAxMC45MTc5NjkgMTEuNjY3OTY5IDExLjY2Nzk2OSAxMC45MTc5NjkgMTEuNjY3OTY5IDEwIEwgMTEuNjY3OTY5IDYgQyAxMS42Njc5NjkgNS4wODIwMzEgMTAuOTE3OTY5IDQuMzMyMDMxIDEwIDQuMzMyMDMxIFogTSA2IDQuMzMyMDMxICIvPgo8L2c+Cjwvc3ZnPgo=); width: 20px; height: 20px } .social-menu li.twitter { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4zNjIgMy4yMzhDMTQuMzY5IDMuMzc5IDE0LjM3MiAzLjUxOSAxNC4zNzIgMy42NjJDMTQuMzcyIDggMTEuMDcgMTMuMDAyIDUuMDMyIDEzLjAwMkMzLjE3NyAxMy4wMDIgMS40NTMgMTIuNDU5IDAgMTEuNTI3QzAuMjU4IDExLjU1OCAwLjUxOCAxMS41NzIgMC43ODMgMTEuNTcyQzIuMzIyIDExLjU3MiAzLjczNiAxMS4wNDkgNC44NTkgMTAuMTY4QzMuNDI0IDEwLjE0MiAyLjIxMSA5LjE5MyAxLjc5NCA3Ljg4OEMxLjk5NCA3LjkyNyAyLjE5OSA3Ljk0NyAyLjQxMSA3Ljk0N0MyLjcxMSA3Ljk0NyAzLjAwMSA3LjkwOCAzLjI3NSA3LjgzMkMxLjc3NSA3LjUzMSAwLjY0MiA2LjIwMyAwLjY0MiA0LjYxM1Y0LjU3MkMxLjA4NiA0LjgxOCAxLjU5MSA0Ljk2NyAyLjEzIDQuOTgyQzEuMjQ5IDQuMzk0IDAuNjcgMy4zODggMC42NyAyLjI1QzAuNjcgMS42NDggMC44MzIgMS4wODYgMS4xMTQgMC41OTlDMi43MzIgMi41ODYgNS4xNTIgMy44OTIgNy44OCA0LjAyOUM3LjgyNCAzLjc4OSA3Ljc5NSAzLjUzOSA3Ljc5NSAzLjI4MUM3Ljc5NSAxLjQ2OCA5LjI2NCAwIDExLjA3OCAwQzEyLjAyMSAwIDEyLjg3NSAwLjM5OCAxMy40NzMgMS4wMzVDMTQuMjIgMC44ODggMTQuOTI0IDAuNjE1IDE1LjU1OCAwLjI0QzE1LjMxMiAxLjAwNiAxNC43OTMgMS42NSAxNC4xMTUgMi4wNTRDMTQuNzc5IDEuOTc2IDE1LjQxMiAxLjgwMSAxNiAxLjUzOUMxNS41NiAyLjE5NyAxNS4wMDQgMi43NzUgMTQuMzYyIDMuMjM4WiIgZmlsbD0iIzJDQTlFMCIvPgo8L3N2Zz4K); width: 16px; height: 13px } .social-menu li.linkedin { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiAxNS4yOTNIMTIuNTdWOS43NzNDMTIuNTcgOC4zODcgMTIuMDc0IDcuNDM5IDEwLjgzMiA3LjQzOUM5Ljg4NiA3LjQzOSA5LjMyIDguMDggOS4wNzIgOC42OTVDOC45ODEgOC45MTYgOC45NTkgOS4yMjMgOC45NTkgOS41MzFWMTUuMjkzSDUuNTNDNS41MyAxNS4yOTMgNS41NzQgNS45NDMgNS41MyA0Ljk3N0g4Ljk1OVY2LjQzOEM5LjQxNiA1LjczNCAxMC4yMyA0LjczNCAxMi4wNTEgNC43MzRDMTQuMzA3IDQuNzM0IDE2IDYuMjA5IDE2IDkuMzc5VjE1LjI5M1pNMS45MTcgMy41NjhIMS44OTVDMC43NDQgMy41NjggMCAyLjc3MyAwIDEuNzg1QzAgMC43NzIgMC43NjggMCAxLjkzOSAwQzMuMTEzIDAgMy44MzYgMC43NzIgMy44NTcgMS43ODVDMy44NTcgMi43NzMgMy4xMTMgMy41NjggMS45MTcgMy41NjhaTTAuMjAyIDE1LjI5M0gzLjYzM1Y0Ljk3N0gwLjIwMlYxNS4yOTNaIiBmaWxsPSIjMDk2QjlBIi8+Cjwvc3ZnPgo=); width: 16px; height: 15.29px } .social-menu li.youtube { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyMCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy4xMTIyIDAuNDExMDk0QzE3LjkzNDYgMC42MzI1NzggMTguNTgzMSAxLjI4MDk4IDE4LjgwNDQgMi4xMDM1MkMxOS4yMTU3IDMuNjA1ODYgMTkuMTk5OSA2LjczNzM0IDE5LjE5OTkgNi43MzczNEMxOS4xOTk5IDYuNzM3MzQgMTkuMTk5OSA5Ljg1Mjg5IDE4LjgwNDYgMTEuMzU1NEMxOC41ODMxIDEyLjE3NzggMTcuOTM0NyAxMi44MjYyIDE3LjExMjIgMTMuMDQ3NUMxNS42MDk3IDEzLjQ0MyA5LjYgMTMuNDQzIDkuNiAxMy40NDNDOS42IDEzLjQ0MyAzLjYwNTg2IDEzLjQ0MyAyLjA4NzcgMTMuMDMxOEMxLjI2NTE2IDEyLjgxMDQgMC42MTY4NzUgMTIuMTYyIDAuMzk1MzkxIDExLjMzOTVDMCA5Ljg1Mjg5IDAgNi43MjE1MiAwIDYuNzIxNTJDMCA2LjcyMTUyIDAgMy42MDU4NiAwLjM5NTM5MSAyLjEwMzUyQzAuNjE2NjQxIDEuMjgxMDkgMS4yODA5OCAwLjYxNjc1OCAyLjA4NzU4IDAuMzk1NTA4QzMuNTkwMDQgMCA5LjU5OTc3IDAgOS41OTk3NyAwQzkuNTk5NzcgMCAxNS42MDk3IDAgMTcuMTEyMiAwLjQxMTA5NFpNMTIuNjgzOSA2LjcyMTUyTDcuNjg2MzMgMy44NDMxNlY5LjU5OTg4TDEyLjY4MzkgNi43MjE1MloiIGZpbGw9IiNFRDM1MzciLz4KPC9zdmc+Cg==); width: 19.2px; height: 13.44px } .contactlink_mobile { margin-top: 3px; margin-bottom: 6px; } footer.content-info { background-color: #2c2c2c; padding: 0px 15px; } footer.content-info .footer-container { width: 100%; max-width: 1335px; margin: auto; padding: 15px 0; } footer.content-info .footer-container.first_line{ padding: 5px 0px 15px 0px; } footer svg { width: 25px; height: 19px; fill: #fff; } footer .social_menu .item { margin: 0px 10px; } footer.content-info .logos>img,footer.content-info .logos>svg { width: 190px; } footer .menu-btn-white { border: 1px solid #fff; background-color: #fff; border-radius: 25px; margin-top: 5px; padding: 12px 20px; font-size: 14px; } footer .menu-btn-white a{ color: #000!important; } footer .menu-btn-news { border: 1px solid #fff; border-radius: 25px; padding: 12px 25px; font-size: 14px; } footer .menu-btn-news > a { display: flex; justify-content: flex-end; align-items: center; width: 100%; position: relative; padding-left: 20px; line-height: 14px; font-weight: 500; text-align: left; margin-top: -2px; } footer .menu-btn-news > a::before { position: absolute; left: 0; text-decoration: underline; } footer .menu-btn-white > a.mega-menu-link{ color: #000; } footer.content-info .footer-container .footer-inner { min-width: 30%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media (max-width: 991.98px) { footer.content-info .footer-container .footer-inner { display:block } } footer.content-info .footer-container a:not(.btn) { color: #fff } footer.content-info .logos { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; height: 100px; } footer.content-info .logos>img,footer.content-info .logos>svg { width: 190px; position: absolute; top: 50%; transform: translateY(-50%); } footer.content-info .logos>svg{ height: 100%; } @media (max-width: 991.98px) { footer.content-info .logos { margin:auto; text-align: center; } footer.content-info .logos>img,footer.content-info .logos>svg { position: inherit; } } @media (max-width: 991.98px) { footer.content-info .social-menu { margin-bottom:25px } } footer.content-info .social-menu .menu-social-icons-container { height: 100%; width: 100% } footer.content-info .social-menu { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } footer.content-info .social-menu .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100% } footer.content-info .social-menu .menu li:not(:last-child) { margin-bottom: 0; margin-right: 10px } footer.content-info .header-end-menu .nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .archive-card.popup-item{ border-radius: 25px 25px 0px 0px; text-align: center; } .archive-card.popup-item .popup-button{ background: transparent; border: 2px solid #524f4f; color: #000000; text-decoration: none; border-radius: 25px; margin: auto; padding: 10px 25px; font-weight: 600; } .popup-item .popup-content{ margin: auto; padding: 15px; } .popup-item .popup-content h3{ margin-bottom: 50px; font-size: 20px; line-height: 26px; } .post_sidebar{ padding: 25px; background-color: #f9f9f9; border-radius: 25px; } .post_sidebar .sidebar-btn{ display: inline-block; margin-top: 10px; padding: 8px 12px; background: #524f4f; color: #fff; text-decoration: none; border-radius: 25px; } .post_sidebar p{ font-weight: 600; font-size: 20px; } .bloc-nos-parcours{ margin: 60px 0px; background-color: #f2f2f2; padding: 25px; } .parcours-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } .titre-parcours{ font-size: 28px; font-weight: bold; margin-bottom: 45px; } .parcours-card { max-width: 350px; text-align: left; background: #fff; border: 1px solid #b9b9b9; border-radius: 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); transition: transform 0.2s ease, box-shadow 0.2s ease; display: flex; flex-direction: column; justify-content: space-between; } .parcours-card-title { background: #f2f2f2; color: #000000; border-bottom: 1px solid #b9b9b9; font-size: 18px; font-weight: 600; padding: 25px 20px; border-radius: 10px 10px 0px 0px; margin: 0; } .parcours-card-content { font-size: 16px; color: #444; line-height: 1.5; padding: 20px; flex-grow: 1; } .parcours-card-content ul { list-style: none; padding-left: 0; margin: 0; } .parcours-card-content li { position: relative; padding-left: 25px; margin-bottom: 8px; color: #444; line-height: 1.5; } .parcours-card-content li::before { content: "✔"; position: absolute; left: 0; top: 0; font-weight: bold; font-size: 1rem; } .btn-parcours { border: 1px solid #000; border-radius: 25px; padding: 10px 24px; display: inline-block; color: #000; margin: auto; text-align: center; margin: 20px; } .btn-parcours .icon-rotated i, .btn-parcours .icon-rotated svg { display: inline-block; transform: rotate(-45deg); width: 12px; height: 12px; } @media (max-width: 1024px) { .parcours-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .parcours-grid { grid-template-columns: 1fr; } } @media (min-width: 768px) { footer.content-info .header-end-menu .nav { -webkit-box-pack:end; -ms-flex-pack: end; justify-content: flex-end } } footer.content-info .header-end-menu .nav .menu-item { min-width: 50px; max-width: 80px } @media (max-width: 991.98px) { footer.content-info .social-menu ul { display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 192px; margin: auto } } .footer-menu { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center } .footer-menu ul { list-style: none; padding: 0; margin: 0 } .footer-menu .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: left } @media (max-width: 991.98px) { .footer-menu .menu { display:block; text-align: center } } .footer-menu .menu>li { width: 25% } .footer-menu .menu li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; overflow: hidden; list-style: none } .footer-menu .menu li a { color: #333; display: inline-block; font-size: .75rem } .footer-menu .menu .sub-menu,.footer-menu .menu .sub-menu .sub-menu { margin-bottom: 7px } @media (max-width: 991.98px) { .footer-menu .menu>li { padding-top:1rem } } .footer-menu .menu>li>a { font-weight: 600; margin-bottom: 15px; font-size: .875rem; text-transform: uppercase } @media (max-width: 991.98px) { .footer-menu .menu>li>a { margin-bottom:10px } } .footer-menu .menu>li>ul>li>a { text-transform: uppercase } @media (min-width: 768px) { .footer-menu .menu>li>ul>li>ul { padding-bottom:2rem } } .pre-footer_newsletter{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 800px; margin: 0 auto } .newsletter_contenu{ width: 50%; max-width: 450px; padding: 15px 5rem 15px 0; } .newsletter_form{ width: 50%; max-width: 450px; } .copyright-section { font-size: .7rem } @media (max-width: 991.98px) { .copyright-section { text-align:center } } .copyright-section .menu { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; -webkit-padding-start: 0; padding-inline-start:0} @media (max-width: 991.98px) { .copyright-section .menu { display:block } } .copyright-section .menu .menu-item { font-size: .65rem; text-align: left; list-style-type: none; text-decoration: underline; text-transform: uppercase; padding-right: 1rem } @media (max-width: 991.98px) { .copyright-section .menu .menu-item { text-align:center; margin-bottom: .5rem } } .copyright-section .copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999 } .copyright.mobile{ display: none; padding-left: 30px; margin-top: 0px; } @media (max-width: 991.98px) { .copyright-section .copyright { display:block; text-align: center } .copyright.desktop{ display: none; } .copyright.mobile{ display: block; } } .copyright-section .copyright .logo-licorn { width: 60px; margin-bottom: 5px } .pre-footer { background-color: #f5f5f5 } .pre-footer .pre-footer_menu { border-bottom: 1px solid rgba(0,0,0,.15); padding: 45px 0 } .pre-footer .pre-footer_menu .nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (max-width: 575.98px) { .pre-footer .pre-footer_menu li { width:100%; text-align: center } } @media (max-width: 575.98px) { .pre-footer .pre-footer_menu li:not(:last-child) { margin-bottom:15px } } @media (min-width: 576px) { .pre-footer .pre-footer_menu li:not(:last-child) { border-right:1px solid rgba(0,0,0,.15); margin-right: 25px; padding-right: 25px } } @media (min-width: 768px) { .pre-footer .pre-footer_menu li:not(:last-child) { margin-right:60px; padding-right: 60px } } .pre-footer .pre-footer_menu li a { text-transform: uppercase; font-weight: 900; font-size: 1.625rem; line-height: 1 } .pre-footer .pre-footer_newsletter { padding: 45px 0; margin: 0 auto } .pre-footer .menu li.red>a { color: #f34f63; } .pre-footer .menu li.yellow>a { color: #ffbb61; } .pre-footer .menu li.blue>a { color: #1595bf; } .pre-footer a:hover { text-decoration: underline; } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } main{ /*padding-top: 80px;*/ } /*css menu desktop*/ #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation{ text-align: left; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link{ padding: 0px 17px; font-weight: 600; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link:focus { font-weight: 600; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-menu-btn-download { border: 1px solid #fff; border-radius: 25px; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-menu-btn-download, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-menu-btn-white{ padding: 12px 25px!important; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-menu-btn-download a, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-menu-btn-white a{ font-weight: 600!important;} #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu{ margin-top: 7px; padding-bottom: 35px; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-column.mega-menu-columns-1-of-2:first-of-type{ margin-top: -7px; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-btn-download > a.mega-menu-link { display: inline-flex; /* ou flex selon le contexte */ justify-content: flex-end; /* aligne le texte à droite */ align-items: center; width: 100%; /* ou une largeur spécifique si nécessaire */ text-align: right; position: relative; padding-left: 20px; /* espace pour l'icône */ } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-btn-download > a::before { position: absolute; left: 0; text-decoration: underline; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-menu-btn-white { border: 1px solid #fff; background-color: #fff; border-radius: 25px; margin-top: 15px; } #mega-menu-wrap-primary_navigation .mega-menu-toggle.mega-menu-open ~ button.mega-close{ margin-top: 15px; margin-right: 5px; } .dashicons-arrow-right-alt:before{ content: ""; display: inline-block !important; width: 17px !important; height: 17px !important; background-image: url("/wp-content/themes/hello-elementor/assets/icons/sprite.png")!important; background-position: 0px 0 !important; background-repeat: no-repeat !important; margin-top: 5px !important; } .dashicons-arrow-down-alt:before{ content: ""; display: inline-block !important; width: 17px !important; height: 17px !important; background-image: url("/wp-content/themes/hello-elementor/assets/icons/download.png") !important; background-size: contain !important; background-repeat: no-repeat !important; vertical-align: middle !important; margin-top: 5px !important; } .mobile-actions-grid { border-bottom: 1px solid #565656; margin-bottom: 22px; margin-top: 10px; } .mobile-actions-grid .logos{ width: 200px; margin: 0px 20px; } .mobile-actions-grid .flag-icon svg{ height: 35px; width: 55px; } .mobile-actions-grid .flag-icon { text-align: end; margin-right: 9px; float: right; margin-bottom: 8px; width: 86px; } .mobile-actions-grid .left_menu{ display: flex; gap: 20px; padding: 0px 25px; } .mobile-actions-grid .left_menu svg{ stroke: #fff; } .mobile-actions-grid .right_menu svg { width: 25px; height: 19px; fill: #fff;} .mobile-actions-grid .mobile_menu{ display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 10px; } .mobile-actions-grid .mobile_menu .left_menu{ margin-right: auto; } .mobile-actions-grid .mobile_menu .right_menu { margin-right: 15px; gap: 25px; display: flex; } .mobile-actions-grid .right_menu .lang{ margin-top: -2px; } .mobile-actions-grid .right_menu .lang a{ color: #fff; } .header-menu > .search-icon button{ border: none; color: #000; margin-top: 5px; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-btn-white > a.mega-menu-link{ color: #000; } #mega-menu-wrap-primary_navigation .widget_text { margin-bottom: 30px!important; } #mega-menu-wrap-primary_navigation .widget_text .textwidget{ border-bottom: 1px solid #565656; padding-bottom: 10px; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{ padding: 7px 15px; } #mega-menu-wrap-primary_navigation .mega-indicator{ display: none!important; } .footer-container { display: flex; gap: 60px; /* espace entre left et right */ padding: 40px; } /* LEFT FOOTER */ .left_menu_footer { width: 22%; display: flex; flex-direction: column; font-weight: 600; } .left_menu_footer .menu-footer-container ul.menu { list-style: none; padding: 0; margin: 0 0 20px 0; display: flex; flex-direction: column; gap: 10px; } .copyright { font-size: 12px; color: #c6c6c6; font-weight: 400; margin-top: 24px; padding-bottom:10px; } .copyright.desktop{ margin-top: 50px; } /* RIGHT FOOTER */ .right_menu_footer { width: 78%; } .right_menu_footer .img_logo_footer{ margin-top: 50px; text-align: end; padding-right: 20px; } .right_menu_footer .img_logo_footer img{ margin: 0px 15px; } .right_menu_footer ul.menu { list-style: none; padding: 0; margin: 0; /* display: flex; flex-wrap: wrap;*/ } .right_menu_footer .menu-footer-container{ display: flex; flex-wrap: wrap; gap: 30px; } .menu-footer-column{ flex: 1; min-width: 250px; } .right_menu_footer ul.menu > li { /* width: 33%;*/ margin-bottom: 20px; font-weight: 500; } .footer-container .right_menu_footer .sub-menu > li a{ font-size: 14px; font-weight: 400; color: #c6c6c6; } .right_menu_footer ul.menu li ul.sub-menu { list-style: none; padding: 0; } .right_menu_footer li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children>a { font-size:16px; font-weight: 400; padding-bottom: 5px; display: block; } .right_menu_footer a { font-size: 16px; font-weight: 400; line-height: 24px; color: #c6c6c6; } .left_menu_footer .menu-btn-white > a::before { content: ''; float: right; margin: 3px 0px 0 7px; display: inline-block; background-image: url("/wp-content/themes/hello-elementor/assets/icons/sprite.png"); background-repeat: no-repeat; width: 17px; height: 16px; background-position: 0px 0; } .left_menu_footer .menu-btn-news > a::before { content: ''; float: right; margin: 3px 0px 0 7px; display: inline-block; background-image: url("/wp-content/themes/hello-elementor/assets/icons/sprite.png"); background-repeat: no-repeat; width: 31px; height: 24px; background-position: -28px 0; } @media (max-width: 768px) { .loop { margin-top: 11px; margin-right: 11px; width: 18px; height: 20px; } .header-menu{ padding: 0px; height: 78px; } #mega-menu-wrap-primary_navigation .mega-menu-toggle .mega-toggle-animated-inner, #mega-menu-wrap-primary_navigation .mega-menu-toggle .mega-toggle-animated-inner::before, #mega-menu-wrap-primary_navigation .mega-menu-toggle .mega-toggle-animated-inner::after{ height: 2px!important; width: 30px!important; } .mega-toggle-block-0 #mega-menu-wrap-primary_navigation .mega-menu-toggle .mega-toggle-animated-slider .mega-toggle-animated-inner::after{ top: 19px!important; } #mega-menu-wrap-primary_navigation .mega-menu-toggle .mega-toggle-animated-slider .mega-toggle-animated-inner::before{ top: 9px!important; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link{ padding-left: 25px; border-bottom: 1px solid #565656; height: 50px; padding-top: 5px; font-weight: 500; font-size: 16px; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-icon-right > a.mega-menu-link:before{ margin-top: 12px !important; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-menu-btn-download, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-menu-btn-white{ padding: 0!important; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{ padding-left: 53px!important; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-menu-btn-white{ margin: 5px 20px 15px 20px; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item.mega-menu-btn-white > a.mega-menu-link{ border-bottom:none; color:#000; padding-top: 5px; } .header-menu .header-image img{ width: 200px; margin-top: 20px; visibility: visible; transform: translate3d(0px, 0, 0); } #mega-menu-wrap-primary_navigation { margin: auto; } #mega-menu-wrap-primary_navigation .mega-indicator{ display: block!important; } #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { font-size: 16px; } .footer-container{ display: block; padding: 0px !important; } .footer-container .left_menu_footer, .footer-container .right_menu_footer{ width: 100%; padding: 10px 20px; } .footer-container .right_menu_footer{ padding-left: 30px; } .footer-container .left_menu_footer{ padding-bottom: 5px; } footer.content-info .social_menu { margin: auto; } .right_menu_footer ul.menu > li{ text-align: left; /* width: 50%; padding-right: 10px;*/ } .right_menu_footer .menu-footer-container{ display: block; } .right_menu_footer .img_logo_footer{ text-align: left; display: flex; gap: 5px 35px; margin-top: 30px; flex-wrap: wrap; padding-right: 0; } .right_menu_footer .img_logo_footer a{ flex: 0 0 43%; } .right_menu_footer .img_logo_footer .logo-UE{ flex: 0 0 100%; } .right_menu_footer .img_logo_footer img{ margin: 0px 0px 20px 0px; } footer .social_menu .item{ margin: 0px 12px; } } .header-hero { position: relative; text-align: center; margin-bottom: 40px; } .hero-image { width: 100%; height: auto; display: block; max-height: 600px; object-fit:cover; } .hero-content { position: absolute; top: 60%; left: calc(50% - 120px); transform: translate(-50%, -50%); color: white; max-width: 1140px; text-align: left; } .hero-subtitle { letter-spacing: 2px; color: #ff587f; font-weight: bold; font-size: 65px; line-height: 50px; } .hero-title { font-size: 33px; margin: 0 0 15px; color: #ff587f; font-weight: bold; } .hero-description { font-size: 40px; margin-bottom: 30px; color: #3a1585; font-weight: bold; line-height: 42px; } .hero-button { display: inline-block; padding: 12px 30px; background-color: #ff587f; color: white; text-decoration: none; border-radius: 25px; font-weight: 500; font-size: 18px; transition: background-color 0.3s; } .hero-button::after { content: " →"; /* flèche */ margin-left: 8px; transition: transform 0.3s; } .hero-button:hover { background-color: #ff587f; } .vignettes-container { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px; padding: 0 20px; } .vignette { flex: 1; min-width: 250px; max-width: 350px; padding: 30px; text-align: center; border-top: 4px solid var(--vignette-color); box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: transform 0.3s; } .vignette:hover { transform: translateY(-10px); } .vignette-icon { width: 90px; height: 90px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; } .vignette-icon svg { width: 100%; height: 100%; } .vignette-title { color: var(--vignette-color); margin: 0 0 15px; } .vignette-description { margin-bottom: 20px; color: #666; } .vignette-link { color: var(--vignette-color); font-weight: bold; text-decoration: none; display: inline-block; border-bottom: 2px solid var(--vignette-color); padding-bottom: 3px; } @media (max-width: 768px) { .header-hero img{ max-height: 580px; } .hero-content{ bottom: 40px; margin: auto; width: 100%; text-align: center; top: auto; left: 0; transform: none; display: flex; justify-content: center; } .hero-content .hero-inner{ text-align: center; } .hero-subtitle, .hero-title, .hero-description{ text-align: left; padding-left: 35px; } .hero-title { font-size: 18px; margin-bottom: 10px; } .hero-subtitle{ font-size: 35px; line-height: 35px; } .hero-description{ font-size: 21px; line-height: 21px; margin-bottom: 18px; } .hero-button{ font-size: 15px; } .hero-image{ object-position: top; } .vignettes-container { flex-direction: column; align-items: center; } .vignette { width: 100%; } } .chiffreCle-container { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 20px; max-width: 1200px; margin: 0 auto; padding: 40px 20px; } .chiffreCle-item { text-align: center; padding: 30px 20px; background: white; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); flex: 1; min-width: 220px; max-width: 280px; transition: transform 0.3s ease; } .chiffreCle-item:hover { transform: translateY(-5px); } .chiffreCle-number { font-size: 48px; font-weight: 700; line-height: 1; color: #1595bf; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; } .chiffreCle-title { font-size: 20px; font-weight: 600; color: #333; margin-bottom: 8px; line-height: 1.3; } .chiffreCle-subtitle { font-size: 16px; color: #666; line-height: 1.4; margin: 0; font-weight: 400; } /* Suppression de l'icône si non désirée */ .chiffreCle-icon { display: none; } .titre_chiffreCle{ text-align: center; } /* Responsive */ @media (max-width: 768px) { .chiffreCle-container { flex-direction: column; align-items: center; } .chiffreCle-item { width: 100%; max-width: 350px; } .chiffreCle-number { font-size: 42px; } } .link_actu{ text-align: center; margin-top: 55px; } .link_actu a{ color: #1595bf; border-color: #1595bf; border: 1px solid #1595bf; padding: 11px 50px; margin-top: 25px; border-radius: 5px; font-weight: 600; } .rvbutton { background-color: #C2C2C2; border: 1px solid #ffffff; display: inline-block; color: #303030; font-size: 100%; font-family: inherit; text-decoration: none; } .rvbutton:hover { background-color: #C2C2C2; } .rvbutton:active { position: relative; top: 1px; } .responsivevoice-button { color: #333333; font-size: 12px; text-transform: capitalize; border: none; margin-left: 15px; margin-top: 3px; margin-bottom: 8px; padding-left: 19px; padding-top: 5px; width: calc(100% - 19px); text-align: left; background: #ffffff url(../images/volume.png) center left no-repeat; } .responsivevoice-button:hover { text-decoration: underline; cursor: pointer; }