/* Theme Name: Twenty Twenty-Four Child 02 Template: twentytwentyfour Author: Pix-e Developpement Author URI: https://pix-e.fr Description: Thème ENOV Version: 1 */ .entry-content{margin-top:0; margin-block-start:0!important} .slick-sr-only,.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important} .numTel{white-space:nowrap} .numTel a{text-decoration:none} .numTel a:hover{text-decoration:underline} .fixed{position:fixed} .flex{display: flex;} .inline-block{display: inline-block;} .flex *{flex: 1} .up{text-transform: uppercase;} .bold{font-weight: bold;} .bottomFixed.fixed{position:fixed!important} .bottomFixed{bottom: 1.5em!important; top: unset!important} .rightFixed{right: 1em!important; left: unset!important} .zindexTop{z-index: 20!important} .ligneVerticale{top:-2.2em;position:absolute;width:2px;height:100%;z-index:10;margin:0 0 0 2.35em} .ligneVerticale.claire{background-color:#316c79} .ligneVerticale.fonce{background-color:#1c4751} header{position:sticky;z-index:21;background-color:#FFF;width:100%;top: 0px;} header .ligneVerticale{position:absolute;width:2px;background-color:#316c79;height:.67em;top:92px} .current-menu-item{text-decoration:underline} main{position:relative} .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#316c79;color:#FFF} .wp-block-navigation__responsive-container.is-menu-open{background-image:url(imgs/waves-1-topm.svg);background-repeat:no-repeat;text-align:left} .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:start} .wp-block-navigation-item__label{font-weight: 700} .bgBeige{background-color:#fff5e2} .relative{position:relative} .wp-element-button:hover, .wp-block-button__link:hover{background-color: #fff5e2;border-color: #316c79;color: #316c79;} .stripes{position:absolute;left:-12px;top:50%;transform:translateY(-50%)} .stripes hr{border:0;width:42px;transform:rotate(-35deg);border-bottom:2px solid #1c4751} .stripes.yellow hr{border-color:#ffa803} .stripes.vert hr{border-color:#316c79} .fullheight > div{height:100%!important} .withShadow{box-shadow:0 3px 6px -4px rgba(0,0,0,0.29),0 6px 20px 0 rgba(0,0,0,0.29)} .btnwithShadow a{box-shadow:0 6px 6px -6px rgba(0,0,0,0.29),0 6px 20px 0 rgba(0,0,0,0.29)} .has-medium-font-size p.wp-block-post-excerpt__excerpt,.taxonomy-post_tag a,.taxonomy-post_tag span,.meta-articles p,.meta-articles a{font-size:var(--wp--preset--font-size--medium)!important} .meta-articles p,.meta-articles a{font-size:var(--wp--preset--font-size--small)!important} .wp-block-navigation-submenu ul li a{font-size:0.9em} .is-style-fill{width:max-content!important} .is-style-fill.pico::after{content:"";position:absolute;left:-3em;top:50%;transform:translateY(-50%);display:inline-block;width:3em;z-index:0;height:2px;border-bottom:2px solid #316c79} .bt,button{text-align:center;text-decoration:none;display:inline-block;padding:0 6px 1px;height:auto!important;font-weight:700} .bt,.bt.internal{font-family:"Sofia Sans Semi Condensed",sans-serif!important;font-size:.91em!important;background-color:#fff;color:#1c4751;border:2px solid #316c79;border-radius:1em} .btnBeigeBorderVert a{background-color:#fff5e2;color:#316c79;border:2px solid #316c79;border-radius:20px} .pico.beige::before{background-color:#FFF5E2} .pico.vert::before{background-color:#316c79} .pico.jaune::before{border-color:#fab938;background-color:#1c4751;left:-2.85rem} .pico::before{content:"";background-color:#fff;border:2px solid #316c79;border-radius:1em;width:17px;height:17px;display:inline-block;position:absolute;left:-3.95rem;z-index:20;top:50%;transform:translateY(-20%)} .wp-block-button.pico::before{transform:translateY(-50%)} .chiffres{position:relative;padding:4rem} .chiffres > .slick-list > .slick-track > .slick-slide{max-width:350px;margin:0 4em} .chiffres .slick-slide:not(:first-child)::after{background-repeat:no-repeat;background-image:url(imgs/separateur.svg);height:230px;width:20px;background-position:center;position:absolute;top:50%;content:"";margin-left:-5rem;margin-top:-115px} .slick-track{position:relative;display:flex;justify-content:center} .slick-dots li button .slick-dot-icon{color:#1c4751!important} .slick-dots{/*position:absolute;bottom:20px;left:50%;display:block;padding:0;margin:0;width:100%;list-style:none;text-align:center;transform:translatex(-50%)*/ margin:0 auto !important;} .slick-dots li.slick-active button .slick-dot-icon:before{margin-top:-3px;margin-left:-2px;font-size:50px!important} .slick-dots li button .slick-dot-icon:before{position:absolute;top:0;left:0;content:"•";font-family:slick;font-size:40px;line-height:1;text-align:center;transition:all .05s linear} .slick-dots li.slick-active button .slick-dot-icon{color:#000;opacity:1} .slick-dots li button .slick-dot-icon{color:#000;opacity:.25} .slick-dots li button{display:block;height:20px;width:20px;margin-top:-4px;margin-left:-4px;line-height:0;font-size:0;color:transparent;border:0;background:0 0;cursor:pointer} .slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0} .slick-list{overflow:visible!important;margin:unset!important;width:100%!important} .slick-list:focus{outline:0!important} .slick-list:focus-visible{outline:2px} .wp-block-column{word-break:keep-all} .wp-block-navigation.no-wrap{width:fit-content} .waves1{width:100%;background-repeat:no-repeat;background-size:cover;background-image:url(imgs/waves-1-top.svg);position:relative;height:140px;z-index:9;top:-2px;margin-block-start:0!important} .waves2{width:100%;background-repeat:no-repeat;background-size:cover;background-image:url(imgs/waves-1-under.svg);position:relative;height:185px;z-index:8;margin-top:-130px;margin-block-start:-130px!important} .waves3{width:100%;background-repeat:no-repeat;background-size:cover;background-image:url(imgs/waves-2-top.svg);position:relative;height:163px;z-index:9;top:-4px;margin-block-start:0!important} .waves4{width:100%;background-repeat:no-repeat;background-size:cover;background-image:url(imgs/waves-2-under.svg);position:relative;height:230px;z-index:8;margin-top:-142px;margin-block-start:-142px!important} .wavesBeigeUp{width:100%;background-repeat:no-repeat;background-size:cover;background-image:url(imgs/Fichier-43vague-1-parcours-desktop.svg);position:relative;height:100px;z-index:8;margin-top:-142px} .wavesdoubleOrangeBeige{width:100%;background-repeat:no-repeat;background-size:cover;background-image:url(imgs/Fichier-44vague-2-parcours-desktop.svg);position:relative;height:226px;margin-top:0;transform:rotate(180deg);margin-block-start:0!important} .wavesClair{width:100%;background-repeat:no-repeat;background-size:cover;background-image:url(imgs/Fichier-45vague-3-parcours-desktop.svg);position:relative;height:200px;z-index:8;margin-bottom:-135px} .wavesDoubleOrangeBlue{width:100%;background-repeat:no-repeat;background-size:cover;background-image:url(imgs/Fichier-51vague-1-a-propos-desktop.svg);position:relative;height:255px;z-index:8;margin-bottom:-185px} .wavesOrange{width:100%;background-repeat:no-repeat;background-size:cover;background-image:url(imgs/Fichier-55vague-3-pour-qui-etudiant-desktop.svg);position:relative;height:255px;z-index:8;margin-bottom:-185px} .wavesFoncer{width:100%;background-repeat:no-repeat;background-size:cover;background-image:url(imgs/Fichier-56vague-2-pour-qui-etudiant-desktop.svg);position:relative;height:225px;z-index:8;margin-bottom:-40px} .wavesfooter{width:100%;background-repeat:no-repeat;background-size:cover;background-image:url(imgs/Fichier-35Footer-commun-desktop.svg);position:relative;height:230px;top:-2px;left:-1px} .marginNegatif{margin-top:-20px!important} .marginBottom{margin-bottom:-125px!important} .marginBottomNegatif{margin-bottom:-5px!important} .marginNegatif.suiteQui{margin-top:-4.2em!important} .cible{position:relative} .cible::before{content:"";background-image:url(imgs/cible.svg);width:47px;height:46px;display:inline-block;position:absolute;left:-3.5em;z-index:20;top:.35em} .relative{position:relative} .shadowBox h3{margin:0;padding-bottom:.4em;border-bottom:1px solid #1c4751} .color-alt{color:#316c79} .bgWhite.shadowBox{background-color:#fff;color:#1c4751;box-shadow:16px -16px #316c79} .bgWhiteGreen.shadowBox{background-color:#fff;color:#316c79;box-shadow:16px -16px #1c4751} .bgLightGreen.shadowBox{background-color:#316c79;color:#fff;box-shadow:16px -16px #1c4751} .bgDarkGreen hr{border:0;border-bottom:1px solid #fff} .bgLightGreen.shadowBox h3{border-color:#fff} .backShadowGreen{background-color:#1c4751;border-radius:32px} details summary::-webkit-details-marker,details summary::marker{display:none;content:""} .faq{margin-top:0!important} .faq details.question summary:after{content:url(imgs/arrow-faq.svg);color:#FFA803;position:absolute;line-height:0;right:1em;transform-origin:center;transition:200ms linear;transform:rotate(180deg)} .faq details.question[open] summary:after{transform:rotate(270deg)} .faq .question summary{background-color:#316c79;position:relative;z-index:1;padding:20px;border-radius:50px;color:#fff;font-size:25px!important;font-family: "Sofia Sans Semi Condensed", sans-serif} .faq .question > div{background-color:#1c4751;border-radius:0 0 50px 50px;padding-top:3em;margin-top:-2em;width:99.9%;margin-left:.05%} .faq .question > div *{color:#FFF!important} .faq.sumaryBgWhite .question >div{background-color:#FFF;padding:2.5em 1.5em 1.5em} .faq.sumaryBgWhite .question > div *{color:#1c4751!important} .flex > .shadowBox{flex:1} .pbm{padding-top:2rem!important;padding-bottom:2rem!important} .ptt{padding-top:.5rem} .pal{padding:0 2rem} .mrxl{margin-right:6rem} .bRadius22{border-radius:22px} .w500p{flex-basis:500px !important} .txtRS{background:url(imgs/footer-txt-desktop.png) no-repeat center;width:500px;height:50px;display:block} .fleche::after{content:"";background:url(imgs/footer-fleche.svg) no-repeat center;position:absolute;width:70px;display:inline-block;transform:scaleX(-1) rotate(-25deg);height:58px;margin-top:-2.5em;margin-bottom:1.25em;right:-3em} .apres-enov{margin-top:0!important} ul.is-layout-grid li{ display: flex; } footer{margin-top:-1.3em;position:relative} #ecoindex-badge{left:unset!important;right:.5em!important;bottom:.5em!important} .card_personne{position:relative} .card_personne > div{border-radius:25px} .card-bloc-texte{border-radius:0 0 25px 25px} .card_personne figure{position:absolute;top:-69px;left:50%;transform:translateX(-50%);z-index:10} .wp-block-latest-posts.is-grid{justify-content:center;gap:100px} .wp-block-latest-posts__list > li{background-color:#faebd7;border-radius:25px;padding:20px;max-width:300px;display:flex;flex-direction:column} .wp-block-latest-posts__post-title{font-weight:900;text-decoration:none} .wp-block-latest-posts__post-excerpt{order:1;padding-bottom:1em;border-bottom:1px solid} .wp-block-latest-posts__post-author{order:2} .wp-block-latest-posts__post-date{order:3} .wp-site-blocks{padding-top:0;padding-bottom:0} .partenaires.wp-block-gallery.has-nested-images figure.wp-block-image img{width: 150px} .partenaires.wp-block-gallery.has-nested-images figure.wp-block-image {text-align: center;} .calendrier a.wp-block-button__link{line-height: 1em; display: flex; padding-left: 35px!important} .calendrier a.wp-block-button__link::before{content: "";position: absolute;width: 60px;height: 60px;background: url(/wp-content/themes/twentytwentyfour-child02/imgs/jen-rendez-vous.png) no-repeat; background-size: auto;left: -42px;top:-10px;background-size: 60px;border: 4px solid #FFA803;border-radius: 50%;} @media screen and (max-width: 1536px) { /*body,a:where(:not(.wp-element-button)){font-size:clamp(18px,0.915rem + ((1vw - 3.2px) * 0.766),20px)} h1{font-size:clamp(1.93rem, 1.93rem + ((1vw - 0.2rem) * 2.45), 2.8rem)}*/ .txtRS{background:url(imgs/footer-txt-mobile.png) no-repeat center;margin-left:3em;margin-top:-1em;width:152px} .w500p{flex-basis:152px !important} .marginNegatif.suiteQui{margin-top:-4.5em!important} .waves4{height:185px;margin-top:-125px} } @media screen and (max-width: 1081px) { .numTel{min-width:115px;margin:0!important} .header{padding-left:.4rem!important} header .ligneVerticale{height:.8em;top:96px} .txtRS{margin-left:1em;} .pico::before{left:-4rem} .pico.jaune::before{left: -2.95rem} .btnForma.mobile{display: block !important; margin: 0 auto; margin-bottom: 1em} .btnForma.mobile svg{fill:#1C4751; padding: 0 0.5em} .btnForma.mobile[aria-expanded="true"] svg{transform:rotateX(190deg) rotateY(0deg)} #hiddenContent{display: none} } @media screen and (max-width:1024px){ .chiffres{padding:2rem 2rem 4rem 2rem!important} .chiffres .slick-slide{min-height:unset;width:300px!important;margin:0 auto!important} } @media screen and (max-width: 916px) { .header{padding-left:.13rem!important} header .ligneVerticale{height:.7em;top:93px} } @media screen and (max-width: 821px) { .wp-block-navigation-submenu ul li a{font-size:1.1em; font-weight: 400} header .wp-block-navigation-item__content{font-size:1.2em} .is-style-fill.pico::after{left:-3em;width:3.2em} .cible::before{left: -2.7em} .blocExplication .slick-list{width:500px!important} .blocExplication .slick-track{gap:0!important;display:flex!important} .blocExplication .slick-track:before{content:"";display:table} .blocExplication .slick-track:after{content:"";display:table} .slick-slide:not(:first-child)::after{display:none} .slick-track{display:flex} .slick-list{overflow:hidden!important;margin:auto!important;width:100%!important} .is-position-sticky.fixed{position: fixed!important} .formation .flex, ul.filtres{display: block !important} .formation dl .flex, .formation dl dd, .formation dl dt{display: inline-block !important} ul.filtres {text-align: center;width: 100%} ul.filtres li{display: inline-block !important; margin: 0.5em;} .catalogue{margin: 0!important; padding:0!important } } @media screen and (max-width: 481px) { .sr-only-mobile{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important} .entry-content p, .entry-content a, .entry-content li {font-size: 17px!important} .single-post .fixed.ligneVerticale.claire{display:none} .header{padding-left:0!important} header .ligneVerticale{display: none;} .imgmobile{padding:0!important} .blockTxtLBImgRT{flex-direction:column-reverse;gap:0!important} .blockTxtLBImgRT > div:nth-child(1):not(.imgmobile){padding:2rem!important;padding-left:4rem!important} .numTel{background:transparent;margin-left:.5rem!important;min-width:unset} .numTel a{text-indent:-300rem;background:url(imgs/telephone.svg) no-repeat;display:block;width:24px;text-align:center} .header > div:nth-child(2) nav{justify-content:flex-end!important} .bgbeige{background-color:#fff!important} .is-style-fill.pico::after{left:-2.2em;width:2.4em} .btn-info{width:100%!important} .pico::before,.pico.jaune::before{left:-2.48rem} .blocExplication .slick-list{width:auto!important;overflow:hidden!important} .waves1{background-image:url(imgs/waves-1-topm.svg);height:72px;top:-2px} .waves2{background-image:url(imgs/waves-1-underm.svg);height:72px;margin-top:-72px;margin-bottom:8em;margin-block-start:-72px!important} .waves3{background-image:url(imgs/waves-2-topm.svg);height:55px;top:-4px} .waves4{background-image:url(imgs/waves-2-underm.svg);height:98px;margin-top:-55px;margin-block-start:-55px!important} .wavesClair{background-image:url(imgs/Fichier-40vague-3-parcours-mobile.svg);height:114px;margin-bottom:-35px} .wavesOrange{background-image:url(imgs/Fichier-52vague-1-pour-qui-etudiant-mobile.svg);height:114px} .wavesdoubleOrangeBeige{background-image:url(imgs/Fichier-39vague-2-parcours-mobile.svg);height:114px;margin-top:-35px} .wavesFoncer{background-image:url(imgs/Fichier-53vague-2-pour-qui-etudiant-mobile.svg);height:107px;margin-top:-55px} .wavesfooter{height:63px} .suiteQui .has-background-gradient{background:unset} .paddingMobile{padding:2rem 2rem 2rem 4rem !important} .listeQui{padding:2rem!important;padding-left:4rem!important;margin-top:2rem!important} .marginBottom{margin-bottom:-50px!important} .pourQui{padding:4rem!important;padding-right:.5rem!important} .cible::before{left:-3.5rem;top:.25rem} .bgLightGreen.shadowBox,.bgWhiteGreen.shadowBox,.bgWhite.shadowBox{padding:1rem!important} .backShadowGreen{border-radius:30px} .question summary{border-radius:30px} .shadowBox{margin-right:2rem!important;margin-top:2rem!important} .faq{padding:1.5rem .5rem 1.5rem 2.5rem !important;margin-top:0!important} .faq details div div{padding:0 1rem 1rem} .faq .question > div *,.faq .question summary{font-size:1em!important} .prerequis{padding:2rem 2rem 2rem 4rem !important} .blocCardMobile{padding-top:100px!important} .contentfooter{padding:3rem!important} .wp-block-group{position:relative!important} .ligneVerticale{position:absolute;/*margin:0 0 0 1.885em*/} .card_personne div:first-child{padding-top:40px!important} .wp-block-cover{min-height:430px!important} .contentfooter > div:first-child > div{flex-direction:row-reverse!important} .w500p{flex-basis:152px !important} .txtRS{background:url(imgs/footer-txt-mobile.png) no-repeat center;margin-left:0em;margin-top:-1em;width:152px} .fleche::before{content:"";background:url(imgs/footer-fleche.svg) no-repeat center;position:absolute;width:50px;height:40px;margin-top:-1.5em;margin-bottom:.75em;display:inline-block;transform:rotateX(190deg) rotateY(0deg);right:94%;top:76px} .fleche::after{width:50px;height:40px;margin-top:-1.5em;margin-bottom:.75em;right:-.5em;transform:rotate(-25deg) translateX(-50%);right:86%;top:-27px} .wp-block-navigation__responsive-container-open{color:#FFA803!important} iframe{position: relative;z-index: 10} .marginNegatif,.marginNegatif.suiteQui{margin-top:-1px!important} .calendrier a.wp-block-button__link{padding-left: 0px!important; text-indent: -1000px} .bottomFixed{bottom: 2.8em!important} .page-id-3119 .blockTxt{gap: 0!important; padding: 0} .page-id-3119 .blockTxt .wp-block-column{padding-left: 2em!important;} .page-id-3119 .wp-elements-65edf2d06b5aaf814b2481d7650298f9{padding-right: 2em!important;} .page-id-3119 .bgWhite.shadowBox{margin: 0 1rem!important; padding: 0 1rem 1rem !important} .page-id-3119 .wp-container-core-columns-is-layout-4.suiteQui {gap: 1rem!important} .page-id-3119 .catalogue{margin-top: 1em!important; background-color: transparent!important;} .page-id-3119 .has-global-padding{padding-left: 1rem!important;padding-right: 1rem!important} .page-id-3119 .col1 h2 + div.has-global-padding{padding-left: 0!important;padding-right: 0!important} ul.liste li.formation {padding: 1em!important} .page-id-3119 .catalogue .withShadow{box-shadow: 0!important} ul.liste li.formation .col1 .small div:last-child{border-left: 0 !important; padding-left: 0!important; padding-bottom: 1rem} .btnForma.partage{max-width: 80px!important} } @media screen and (max-width: 320px) { .wp-image-10{width: 188px} .contentfooter{padding: 1em !important} .txtRS{margin-left: -3rem} .blockTxtLBImgRT > div:nth-child(1):not(.imgmobile){padding-right: 1rem !important;padding-left: 3rem !important} .pico::before, .pico.jaune::before {left: -1.6rem;} .is-style-fill.pico::after{left:-1.2em;width:1.2em} .chiffres .slick-slide{width: 240px!important} } @media screen and (min-width: 1921px) { .waves1{background:unset transparent;height:0;top:0} .waves2{background:unset transparent;height:0;margin-top:0; margin-block-start: 0!important} .waves3{background:unset transparent;height:0;top:0} .waves4{background:unset transparent;height:0;margin-top:0; margin-block-start: 0!important} .wavesBeigeUp{background:unset transparent;height:0;margin-top:0} .wavesdoubleOrangeBeige{background:unset transparent;height:0;margin-top:0;transform:unset} .wavesClair{background:unset transparent;height:0;margin-bottom:0} .wavesDoubleOrangeBlue{background:unset transparent;height:0;margin-bottom:0} .wavesOrange{background:unset transparent;height:0;margin-bottom:0} .wavesFoncer{background:unset transparent;height:0;margin-bottom:0} .wavesfooter{background:unset transparent;height:0;top:0;left:0} footer{margin-top:0} footer .wp-block-columns{padding-top:1em} .marginNegatif,.marginNegatif.suiteQui{margin-top:0!important} .marginBottom{margin-bottom:0!important} .marginBottomNegatif{margin-bottom:0!important} } /* * Copyright © 2006 2025. Kortic (URL : https://www.kortic.com/bloc-de-notation-5-etoiles-accessible-et-marquage-seo.html) * licence Creative Commons CC BY-NC-SA 4.0 * https://creativecommons.org/licenses/by-nc-sa/4.0/deed.fr */ /* Définition des variables personnalisées pour les images embarquées */ [class*="five-rate-"], .rating-scale, figure[class*="notation"] { --rating-mask-full: url('data:image/svg+xml,\ \ \ '); --rating-mask-half: url('data:image/svg+xml,\ \ \ '); --rating-mask-empty: url('data:image/svg+xml,\ \ \ '); --foreground-outline: var(--primary-color, #FFF); } figure.mask-bullets[class*="notation"] { --rating-mask-empty: url('data:image/svg+xml,\ \ \ '); --rating-mask-full: url('data:image/svg+xml,\ \ \ '); --foreground-outline: rgb(102,156,49); } @media (prefers-color-scheme: dark) { figure.mask-bullets[class*="notation"] { --foreground-outline: yellowgreen; } } :root[class*="contrast"] [class*="five-rate-"], :root[class*="contrast"] .rating-scale, :root[class*="contrast"] figure[class*="notation"] { --foreground-outline: var(--basic-color, black); } @media (prefers-color-scheme: dark) { :root[class*="contrast"] [class*="five-rate-"], :root[class*="contrast"] .rating-scale, :root[class*="contrast"] figure[class*="notation"] { --foreground-outline: var(--basic-color, white); } } @media (max-width: 63.9375rem) { [class*="five-rate-"], .rating-scale { --size-small: 1rem; --size-medium: 1.5rem; --size-large: 2rem; } } @media (min-width: 64rem) { [class*="five-rate-"], .rating-scale { --size-small: 1.5rem; --size-medium: 2rem; --size-large: 2.5rem; } } [class*="five-rate-"] { display: inline-flex; flex: none; flex-flow: row; text-align: center; margin: auto; white-space: nowrap; } [class*="rate-value"] { width: var(--size-medium); height: var(--size-medium); font-size: var(--font-size, 1rem); position: relative; margin: 0 !important; } [class*="rate-value"]:before, [class*="rate-value"]:after { -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; position: absolute; content: ''; inset: 0; } [class*="rate-value"]:before { background-color: #FFF; -webkit-mask-image: var(--rating-mask-empty); mask-image: var(--rating-mask-empty); } [class*="five-rate-"].larger [class*="rate-value"] { width: var(--size-large); height: var(--size-large); display: inline-block; } [class*="five-rate-"].smaller [class*="rate-value"] { width: 21px; height: 21px; display: inline-block; padding: 0 0.125em; } [class*="five-rate-"] button [aria-hidden="true"] { white-space: nowrap; overflow: hidden; width: 0 !important; height: 0 !important; text-indent: -6.25rem; line-height: 0; padding: 0 !important; margin: 0 !important; font-size: 0; } .rate-value-half:before { -webkit-mask-image: var(--rating-mask-half); mask-image: var(--rating-mask-half); background-color: var(--yellow, #FFA803); } /* ajout d'une bordure de contraste en mode clair pour les demies étoiles */ .rate-value-half:after { -webkit-mask-image: var(--rating-mask-empty); mask-image: var(--rating-mask-empty); background-color: var(--foreground-outline); } @media (prefers-color-scheme: dark) { /* bordure de contraste en arrière en mode dark */ .rate-value-half:before { z-index: 1; } .rate-value-half:after { z-index: 0; } } .rate-value-full:before { -webkit-mask-image: var(--rating-mask-full); mask-image: var(--rating-mask-full); background-color: var(--yellow, #FFA803); } .five-rate-active:focus-within button:before { -webkit-mask-image: var(--rating-mask-full); mask-image: var(--rating-mask-full); background-color: var(--link-color, rgb(93,63,224)); } /* Gestion des changements visuels à la navigation clavier = :hover */ .five-rate-active button:focus ~ [class*="rate-value"]:before { -webkit-mask-image: var(--rating-mask-empty); mask-image: var(--rating-mask-empty); background-color: var(--foreground-outline); } @media (prefers-color-scheme: light) { /* ajout d'une bordure de contraste en mode clair */ .rate-value-full:after, .five-rate-active:focus-within button:after { -webkit-mask-image: var(--rating-mask-empty); mask-image: var(--rating-mask-empty); background-color: var(--foreground-outline); } .five-rate-active:focus-within button:after { background-color: transparent; } } @media (any-hover: hover) { .five-rate-active:hover button:before { -webkit-mask-image: var(--rating-mask-full); mask-image: var(--rating-mask-full); background-color: var(--link-color, rgb(93,63,224)); } .five-rate-active:hover button:after { background-color: transparent; } .five-rate-active button:hover ~ [class*="rate-value"]:before { -webkit-mask-image: var(--rating-mask-empty); mask-image: var(--rating-mask-empty); background-color: var(--foreground-outline); } } .five-rate-inactive * {cursor: default !important;} .temoignages, .membres{margin-left: 1.5em; margin-right: 1.5em; margin-top: 0; position: relative;} .temoignages .slick-list,.membres .slick-list{overflow: hidden!important} .temoignages,.equipe {text-align: center;} .temoignages blockquote,.equipe p{text-align: center;color: #FFF; font-weight: 400} .temoignages cite::before{content: '';display: block;margin: 0 auto 1em;width: 10px;height: 10px;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;background-color: #FFF;} .equipe h2{color: #FFF; text-transform: none;font-size: 22px; font-weight: bold;margin-bottom: 1.75em; text-align: left;margin-left: 2em; font-family: "Sofia Sans"} .equipe img{border-radius: 50%; border: 3px solid #FAE8C3; max-width: 100%;} .equipe a{color: #FFF;font-size: 1em;font-weight: 900;} ul.filtres{list-style: none;display: flex; gap: 1em; justify-content: center;flex-wrap:wrap;} ul.filtres button,ul.filtres a, button.btnForma, a.btnForma{padding: 0.5em; background-color: #F5F5F5; color: #1C4751; border: 0; box-shadow: 0px 3px 6px #00000029;border-radius: 5px;cursor: pointer;font-family: "Sofia Sans",sans-serif !important; font-weight: normal;} ul.filtres button[aria-pressed="true"], ul.filtres a[aria-current="true"]{color: #F5F5F5; background-color: #1C4751} ul.filtres button[aria-pressed="true"], button.btnForma:focus, a.btnForma:focus, ul.filtres a:focus;{outline-offset: 4px} .btnForma.partage{width: 90px; max-width: 90px;} .vamiddle{vertical-align: middle} .btnForma.mobile{display: none;} a.btnForma.vamiddle{line-height: 44px; font-weight: bold;} ul.unstyled {list-style: none; padding: unset; margin: unset;} ul.liste li.formation{background: #FFF5E2;border-radius: 2em; padding: 2em 2em 1em; margin-bottom: 1em} ul.liste li.formation .flex{gap: 2em} ul.liste li.formation .flex .col1, ul.liste li.formation .col1 .small div:first-child {flex: 1.6} ul.liste li.formation .col1 .small div:last-child{border-left: 1px solid #316C79; padding-left: 1em} ul.liste li.formation .col1 .small div:last-child ul{list-style: none} ul.liste li.formation .flex .col1 ul{list-style: disc;} ul.liste li.formation h2{margin: 0 0 .5em; font-size: 2rem; text-transform: uppercase;} ul.liste li.formation .wp-block-list li{font-size: 18px} ul.liste li.formation h3.wp-block-heading.has-medium-font-size{ font-size: 18px!important} ul.liste li.formation h3{margin: 0; padding: 0; font-size: 1em; font-weight: normal;text-transform: none;} p.small, ul.small li{font-size:1rem} [role="tablist"] { min-width: 100%; gap: 0!important;margin-top:0;} [role="tab"]:first-child{border-radius: 7px 0 0 0} [role="tab"]:last-child{border-radius: 0 7px 0 0} [role="tab"].inter, [role="tabpanel"].inter{background: #316C79;} [role="tab"].intra, [role="tabpanel"].intra{background: #1C4751;} [role="tab"],[role="tab"]:focus,[role="tab"]:hover {display: inline-block;position: relative;margin: 0;border: 0;color: #FFF;font-size: 1.25em;outline: none;font-weight: bold;overflow: hidden;cursor: pointer;} [role="tab"][aria-selected="true"] {margin-top: 0;} [role="tab"].focus {display: inline-block;margin: 0;padding: 8px;font-family: var(--wp--preset--font-family--body);font-size: 1.11111em} [role="tab"].focus.inter:hover,[role="tab"].focus.inter:focus,[role="tab"].focus.inter:active {border-bottom: 2px solid #316C79;padding-bottom: 6px} [role="tab"].focus.intra:hover,[role="tab"].focus.intra:focus,[role="tab"].focus.intra:active {border-bottom: 2px solid #1C4751;padding-bottom: 6px} [role="tab"].focus:focus-visible{border-color: #FFF} [role="tabpanel"] {padding: 1em 1.5em 0.5em; margin-bottom: 1em; font-size: 18px; border-radius: 0 0 7px 7px; color: #FFF;overflow: auto;box-shadow: 0px 3px 6px #00000029;} [role="tabpanel"].is-hidden {display: none} [role="tabpanel"] p {margin: 0} [role="tabpanel"] dt, [role="tabpanel"] dd {font-weight: bold;display: inline;} [role="tabpanel"] dd{padding: 0; margin: 0} [role="tabpanel"] .btblock {display: block; margin: 1em 0} hr{color: #FFF; margin: 1em 0 0.75em} .slick-next,.slick-prev{position:absolute;top:50%;display:block;padding:0;width:38px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;border:none;transform:translate(0,-50%)} .slick-next:focus .slick-next-icon,.slick-next:focus .slick-prev-icon,.slick-next:hover .slick-next-icon, .slick-next:hover .slick-prev-icon,.slick-prev:focus .slick-next-icon,.slick-prev:focus .slick-prev-icon, .slick-prev:hover .slick-next-icon,.slick-prev:hover .slick-prev-icon{opacity:1} .slick-next:focus,.slick-prev:focus{top:calc(50% - 1px)} .slick-next:focus .slick-next-icon,.slick-next:focus .slick-prev-icon,.slick-prev:focus .slick-next-icon, .slick-prev:focus .slick-prev-icon{color:#316C79;font-size:14px;margin-left:-2px} .slick-next.slick-disabled,.slick-prev.slick-disabled{cursor:default} .slick-next.slick-disabled .slick-next-icon,.slick-next.slick-disabled .slick-prev-icon, .slick-prev.slick-disabled .slick-next-icon,.slick-prev.slick-disabled .slick-prev-icon{opacity:0} .slick-next .slick-next-icon,.slick-next .slick-prev-icon,.slick-prev .slick-next-icon, .slick-prev .slick-prev-icon{display:block;color:#FFF;font-size:16px;line-height:1;background-color: #7FA4AC;line-height: 38px; border-radius:50%} .slick-prev{left:-25px} [dir=rtl] .slick-prev{left:auto;right:-25px} .slick-prev .slick-prev-icon:before{content:"<"} [dir=rtl] .slick-prev .slick-prev-icon:before{content:">"} .slick-next{right:-25px} [dir=rtl] .slick-next{left:-25px;right:auto} .slick-next .slick-next-icon:before{content:">"} [dir=rtl] .slick-next .slick-next-icon:before{content:"<"}