@font-face{font-family:"Bricolage Grotesque ExtraBold";src:url("/wp-content/themes/sandra-atlani/fonts/BricolageGrotesque-ExtraBold.woff2") format("woff2"),url("/wp-content/themes/sandra-atlani/fonts/BricolageGrotesque-ExtraBold.woff") format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Bricolage Grotesque Regular";src:url("/wp-content/themes/sandra-atlani/fonts/BricolageGrotesque-Regular.woff2") format("woff2"),url("/wp-content/themes/sandra-atlani/fonts/BricolageGrotesque-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"CourierPrime-Regular";src:url("/wp-content/themes/sandra-atlani/fonts/CourierPrime-Regular.woff2") format("woff2"),url("/wp-content/themes/sandra-atlani/fonts/CourierPrime-Regular.woff") format("woff");font-weight:400;font-style:normal}
/*!
Theme Name: Sandra Atlani
Author: Sandra Atlani
url: https://sandra-atlani.fr
Version:1.0
!*/body{font-size:20px;overflow-x:hidden;margin:0;font-family:"CourierPrime-Regular",sans-serif;color:#28282a;background-color:#f5f5f3}html{overflow-x:hidden!important}img{max-width:100%;height:auto}i{font-family:"FontAwesome"}p{margin:0}strong{font-weight:700}.uppercase{text-transform:uppercase}.has-noir-color{color:#000000}.has-noir-background-color{background-color:#000000}.has-darker-color{color:#28282a}.has-darker-background-color{background-color:#28282a}.has-dark-color{color:#1C1C1D}.has-dark-background-color{background-color:#1C1C1D}.has-blanc-color{color:#ffffff}.has-blanc-background-color{background-color:#ffffff}.has-whiter-color{color:#f5f5f5}.has-whiter-background-color{background-color:#f5f5f5}.has-gris-clair-color{color:#f5f5f3}.has-gris-clair-background-color{background-color:#f5f5f3}.has-gris-color{color:#4B4B4B}.has-gris-background-color{background-color:#4B4B4B}.has-background{margin:0 1em;border-radius:25px}.scrollToTopBtn{background-color:#28282a;border:none;color:white;cursor:pointer;font-size:18px;line-height:60px;width:48px;position:fixed;bottom:40px;right:20px;z-index:100;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all 0.8s ease;transition:all 0.8s ease}.scrollToTopBtn:hover{opacity:0.8}.scrollToTopBtn span{display:inline-block}.showBtn{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}body{font-size:18px;overflow-x:hidden;margin:0;font-family:"CourierPrime-Regular",sans-serif}html{overflow-x:hidden!important}img{max-width:100%;height:auto}i{font-family:"FontAwesome"}p{margin:0}i{font-style:normal}a{-webkit-transition:ease-in-out all 0.3s;transition:ease-in-out all 0.3s}body p{font-size:clamp(16px,5vw,18px)}body h1{font-size:clamp(30px,9.375vw,60px)!important}body h2{font-size:clamp(25px,7.8125vw,60px)}body h3{font-size:clamp(20px,6.25vw,50px)}body h4{font-size:clamp(18px,5.625vw,40px)}body h5{font-size:clamp(16px,5vw,24px)}body h6{font-size:clamp(16px,5vw,20px)}h1,h2,h3,h4,h5,h6{font-family:"Bricolage Grotesque ExtraBold",sans-serif;font-weight:700;text-transform:uppercase;margin-bottom:0;margin-top:0}:where(figure){margin:0 0 0em!important}.wp-block-button__link,.wpcf7-form input[type=submit],.wpcf7-form textarea[type=submit]{margin-top:15px;background-color:#f5f5f3;color:#1C1C1D;border-color:#1C1C1D!important;padding:8px 15px;border:1px solid;font-family:"CourierPrime-Regular",sans-serif;text-decoration:none;border-radius:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wp-block-button__link:after,.wpcf7-form input[type=submit]:after,.wpcf7-form textarea[type=submit]:after{content:"";display:inline-block;width:20px;height:20px;margin-left:10px;position:relative;background-image:url(/wp-content/themes/sandra-atlani/img/arrow-right-dark.svg);background-size:contain;background-repeat:no-repeat}.wp-block-button__link:hover,.wpcf7-form input[type=submit]:hover,.wpcf7-form textarea[type=submit]:hover{background-color:#1C1C1D;color:#ffffff}.wp-block-button__link:hover:after,.wpcf7-form input[type=submit]:hover:after,.wpcf7-form textarea[type=submit]:hover:after{background-image:url(/wp-content/themes/sandra-atlani/img/arrow-right.svg)}.wp-block-button__link.has-darker-background-color{background-color:#28282a;border-color:#28282a!important}.wp-block-button__link.has-blanc-background-color{background-color:#ffffff;color:#28282a;border-color:#ffffff!important;margin-left:35px}.wp-block-button__link.has-blanc-background-color:after{background-image:url(/wp-content/themes/sandra-atlani/img/arrow-right-darker.svg)}.wp-block-button__link.has-blanc-background-color:hover{background-color:#28282a;border-color:#28282a!important}section{padding:0 4em}@media screen and (max-width:1300px){section{padding:0 3em}}@media screen and (max-width:768px){section{padding:0 2em}}@media screen and (max-width:560px){section{padding:0 1em}}:where(.wp-block-columns){margin-bottom:0em}.wp-block-button__link.has-blanc-background-color{margin-left:0}.has-background{margin:0!important}body a{color:#1C1C1D;-webkit-text-emphasis:none;text-emphasis:none}body a:hover{color:#1C1C1D}.main{padding-top:30px}#bigName,.bigName{white-space:nowrap;font-size:10vw!important;font-weight:700;line-height:1;overflow:hidden;color:#1C1C1D}.relative{position:relative}.bottom{position:absolute;bottom:0}.skills{overflow:hidden;white-space:nowrap}.skills .skill-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap;-webkit-animation:scroll-text 100s linear infinite;animation:scroll-text 100s linear infinite}.skills .skill-item .titre-competence{display:inline-block;padding-right:1em;font-size:7vw;font-weight:700;line-height:1;color:#1C1C1D;font-family:"Bricolage Grotesque ExtraBold",sans-serif;text-transform:uppercase}@-webkit-keyframes scroll-text{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes scroll-text{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.projets-container{padding-bottom:100px}.projets-container .projets-list-container .projets-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2em}.projets-container .projets-list-container .projets-list article{width:calc(50% - 1em)}.projets-container .projets-list-container .projets-list article .projet-thumbnail{width:100%;height:100%}.projets-container .projets-list-container .projets-list article .projet-details h2{font-size:1.5em}.projets-container .projets-list-container .projets-list article .projet-details h2 a{text-decoration:none;color:#1C1C1D;font-size:1.5em;font-weight:700;line-height:1;text-transform:uppercase;font-family:"Bricolage Grotesque ExtraBold",sans-serif}.projet-header{margin-top:3em}.projet-thumbnail{margin:0 auto;text-align:center}.projet-title{margin-top:30px}.projet-nav{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;margin-top:3em;padding-top:2em;border-top:1px solid #1C1C1D;gap:1em}.projet-nav-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5em;color:#28282a;text-decoration:none;font-size:0.95em;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.projet-nav-link:hover{opacity:0.7}.projet-nav-link.is-disabled{visibility:hidden}.projet-nav-arrow{font-size:1.2em;font-weight:700}.projet-nav-prev .projet-nav-arrow{margin-right:0.25em}.projet-nav-next .projet-nav-arrow{margin-left:0.25em}.wpcf7-form .wpcf7-form-control-wrap{position:relative;display:inline-block;width:100%}.wpcf7-form input,.wpcf7-form textarea{background-color:transparent;border:2px solid #1C1C1D;border-radius:0;padding:10px 20px;font-size:1.2em;font-weight:700;line-height:1;text-transform:uppercase;font-family:"Bricolage Grotesque ExtraBold",sans-serif;color:#1C1C1D;width:100%;margin-bottom:20px;resize:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.wpcf7-form input:focus,.wpcf7-form textarea:focus{border-color:#1C1C1D;border-color:#000;border-width:3px;background:#fafafa!important}.wpcf7-form input::-webkit-input-placeholder,.wpcf7-form textarea::-webkit-input-placeholder{color:#1C1C1D;font-size:1.2em;font-weight:700;line-height:1;text-transform:uppercase;font-family:"Bricolage Grotesque ExtraBold",sans-serif}.wpcf7-form input::-moz-placeholder,.wpcf7-form textarea::-moz-placeholder{color:#1C1C1D;font-size:1.2em;font-weight:700;line-height:1;text-transform:uppercase;font-family:"Bricolage Grotesque ExtraBold",sans-serif}.wpcf7-form input:-ms-input-placeholder,.wpcf7-form textarea:-ms-input-placeholder{color:#1C1C1D;font-size:1.2em;font-weight:700;line-height:1;text-transform:uppercase;font-family:"Bricolage Grotesque ExtraBold",sans-serif}.wpcf7-form input::-ms-input-placeholder,.wpcf7-form textarea::-ms-input-placeholder{color:#1C1C1D;font-size:1.2em;font-weight:700;line-height:1;text-transform:uppercase;font-family:"Bricolage Grotesque ExtraBold",sans-serif}.wpcf7-form input::placeholder,.wpcf7-form textarea::placeholder{color:#1C1C1D;font-size:1.2em;font-weight:700;line-height:1;text-transform:uppercase;font-family:"Bricolage Grotesque ExtraBold",sans-serif}.wpcf7-form input[type=submit],.wpcf7-form textarea[type=submit]{width:auto;margin-left:auto}.wpcf7-form input[type=submit]:hover,.wpcf7-form textarea[type=submit]:hover{cursor:pointer}.wpcf7-form .reply{font-size:0.8em;font-style:italic;text-align:right;margin-top:-20px}.midName{letter-spacing:-0.01em}.autres-collaborations a{text-decoration:none;color:#1C1C1D}.autres-collaborations a:hover{color:#1C1C1D;text-decoration:underline}.error-404-container{min-height:70vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:3em 1.5em}.error-404-content{text-align:center;max-width:480px}.error-404-icon{margin-bottom:1.5em}.error-404-icon svg circle{fill:#1C1C1D}.error-404-title{font-family:"Bricolage Grotesque ExtraBold",sans-serif;font-size:1.75rem;font-weight:700;color:#1C1C1D;margin:0 0 0.75em;text-transform:uppercase}.error-404-message{color:#4B4B4B;font-size:1rem;line-height:1.5;margin:0 0 2em}.error-404-actions .btn-home{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5em;padding:0.75em 1.5em;background-color:#1C1C1D;color:#ffffff;text-decoration:none;font-size:0.95rem;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.error-404-actions .btn-home:hover{opacity:0.85}.error-404-actions .btn-home svg{-ms-flex-negative:0;flex-shrink:0}header#masthead{background-color:#ffffff;font-family:"Bricolage Grotesque Regular",sans-serif;font-weight:400;background-color:#f5f5f3;border-bottom:1px solid #1C1C1D;position:fixed;z-index:999;top:0px;-webkit-transition:top 0.85s ease-in-out;transition:top 0.85s ease-in-out;width:100%;padding:15px 0}header#masthead.nav-up{top:-40px}header#masthead.nav-up .header-logo{top:70px}header#masthead section{padding:0!important}#masthead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#masthead .brand img{max-width:280px}#masthead .brand a{color:#1C1C1D;text-decoration:none}#masthead .brand a:hover{color:#28282a;text-decoration:none}#masthead nav{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 2em;width:100%;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:20px}#masthead nav .nLogo{padding-top:50px;display:inline-block}#masthead nav .containerMenu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:0}#masthead .containerMenu{padding:0}#masthead .containerMenu #navbarSupportedContent{width:100%}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;list-style-type:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li{position:relative;margin-right:10px;padding:10px 0;margin:0 10px}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li a{color:#28282a;width:100%;height:100%;display:inline-block;position:relative;text-decoration:none}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li a:active,#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li a:hover{text-decoration:none;color:#28282a}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li a.dropdown-toggle{position:relative}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li a.dropdown-toggle:after{content:"";display:block;display:inline-block;background-image:url(/wp-content/themes/sandra-atlani/img/arrow-down.svg);background-size:contain;background-repeat:no-repeat;height:17px;width:17px;position:relative;cursor:pointer;top:2px;margin-left:15px}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li.active a{color:#28282a}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li.consulting{background-color:#28282a;border-radius:5px;min-width:160px;text-align:center}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li.consulting a{color:#28282a}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li.formations{background-color:#28282a;border-radius:5px;min-width:160px;text-align:center}.menu-social{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;padding:0 15px}.menu-social .social{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:20px}.social-search .search img,.social-search .social img{min-width:25px}#masthead .containerMenu #navbarSupportedContent ul.dropdown-menu{list-style:none;padding-top:30px;padding-bottom:30px;background-color:#fff}#masthead .containerMenu #navbarSupportedContent ul.dropdown-menu li{margin-right:0;color:#28282a;position:relative;background-color:white}#masthead .containerMenu #navbarSupportedContent ul.dropdown-menu li a:hover{color:#28282a!important}#masthead .containerMenu #navbarSupportedContent ul.dropdown-menu li.current_page_item.active a{color:#28282a!important;text-decoration:none}footer{background-color:#28282a;color:#ffffff;padding:20px 0}footer a,footer p{color:#ffffff;text-decoration:none}footer a:hover,footer p:hover{color:#ffffff}footer a:hover{text-decoration:underline}.mob{display:none!important}.tablet{display:none}#mobile{display:none}@media (min-width:992px){.desktop{display:block}}@media screen and (min-width:20px) and (max-width:1090px){body.mob-nav-active .closeMenu{display:inline-block!important}body.mob-nav-active .closeMenu:hover{cursor:pointer}body.mob-nav-active .description-menu,body.mob-nav-active .imgRight{display:none}body.mob-nav-active .closeMenu{display:block}header#masthead{position:relative}#masthead .navSup{padding:2em}.navbar-toggler{right:0px;top:-20px;position:absolute;width:auto;z-index:9;width:100%!important;outline:none;cursor:pointer}.navbar-toggler:focus{outline:none}#masthead .brand img{max-width:150px}.closeMenu.mob{padding:15px 20px 10px 20px;color:#fff;z-index:9999;position:fixed;left:10px;top:30px;display:none!important;line-height:normal}.closeMenu.mob img{width:20px}#navbarContent{clear:both}.navbar-toggler{width:auto}.navbar-toggler svg{position:absolute;right:30px;top:25px}#masthead .header-logo .navbar-brand{margin-left:20px}.nav-fostrap{width:100%;height:100%;display:block;position:fixed;left:-100%;top:0px;margin:0;border:0;border-radius:0;overflow-y:auto;overflow-x:hidden;height:100%;-webkit-transition:left 0.25s ease;transition:left 0.25s ease;display:inline-block!important;background-color:#28282a;z-index:999}.nav-fostrap .uperMenu{text-align:center}.nav-fostrap .uperMenu .site-title{color:#ffffff;padding-top:20px}.nav-fostrap .navbar{margin:0!important}.nav-fostrap .uperMenu{padding-top:20px}#masthead .uperMenu .site-title{color:#ffffff;font-size:40px}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li a{color:#ffffff}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li.active a{color:#fafafa}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu){-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li.consulting{background-color:transparent}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li.consulting a span{color:#28282a!important}#menu-menu-principal>.dropdown,#menu-menu-principal>li{position:relative;list-style:none}#menu-menu-principal>.dropdown a,#menu-menu-principal>li a{padding:10px 0;text-decoration:none;color:#000}#menu-menu-principal>.dropdown a:hover,#menu-menu-principal>li a:hover{color:#28282a}#menu-menu-principal>.menu-item>ul.dropdown-menu>li.show>a.dropdown-item>span{color:#28282a;padding:0px}#menu-menu-principal>.menu-item>ul.dropdown-menu>li.show>a.dropdown-item>span:after{content:unset}#menu-menu-principal>.menu-item>ul.dropdown-menu>li.menu-item>a.dropdown-item>span{font-size:15px;padding-left:0px;text-decoration:underline}.nav .big-nav>ul.dropdown-menu>li>ul.dropdown-menu{position:relative;min-height:unset!important}.nav-fostrap.visible{left:0px;-webkit-transition:left 0.25s ease;transition:left 0.25s ease}.nav-bg-fostrap{display:inline-block;darkerical-align:middle;width:100%;height:50px;margin:0;position:absolute;top:0px;left:0px;padding:12px 0 0 10px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);box-shadow:0 2px 5px 0 rgba(0,0,0,0.26)}.navbar-fostrap{display:inline-block;darkerical-align:middle;height:50px;cursor:pointer;margin:0;position:absolute;top:0;right:0;padding:12px;padding-top:12px;padding-right:12px;text-align:right;padding-right:55px;padding-top:10px;width:auto}#masthead .containerMenu #navbarSupportedContent ul.dropdown-menu{position:relative;padding-left:0px;padding-top:0}#masthead .containerMenu #navbarSupportedContent ul.dropdown-menu li a{color:#28282a}#masthead .containerMenu #navbarSupportedContent ul.dropdown-menu:before{content:unset}#masthead .containerMenu #navbarSupportedContent ul:not(.dropdown-menu) li a.dropdown-toggle:after{margin-left:35px}#masthead .navbar #navbarSupportedContent{padding-top:40px}#masthead .navbar #navbarSupportedContent ul li a{color:#ffffff;text-decoration:none}#masthead .header-logo,header.nav-up{top:0;left:0;padding:0}#masthead .navbar #navbarSupportedContent ul li:after{content:unset}.mob{display:block!important}#masthead .navbar #navbarSupportedContent ul li{text-align:center}#masthead .containerMenu #navbarSupportedContent li.current-page-ancestor ul.dropdown-menu li a{color:#28282a}#masthead nav{padding:10px 20px}#masthead{background-color:#28282a}.wp-block-button__link,.wpcf7-form input[type=submit],.wpcf7-form textarea[type=submit]{font-size:16px}.wp-block-button__link:after,.wpcf7-form input[type=submit]:after,.wpcf7-form textarea[type=submit]:after{width:20px;height:20px}.has-background{margin:0}.uperMenu{padding-bottom:40px}.uperMenu .custom-logo-link img{max-width:150px}.projets-container .projets-list-container .projets-list article{width:100%}.autres-collaborations a{margin-bottom:20px;display:inline-block}.scrollToTopBtn{bottom:80px}.bottom{position:unset}}@media screen and (min-width:320px) and (max-width:768px){.mob{display:block!important}.desktop{display:none!important}.reverseMob{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:darkerical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}@media screen and (min-width:769px) and (max-width:1153px){body h1.wp-block-heading.h2{font-size:35px!important}}@media screen and (min-width:320px) and (max-width:1153px){#bigName,.bigName{font-size:8vw!important}}