@charset "UTF-8";
.bg-pillet-dev{background-color:#A8958C}.bg-pillet-geo{background-color:#50BEFA}.bg-pillet-sa{background-color:#ACD6BA}.bgWhite{background-color:white}.bgSecondaryColor{background-color:var(--secondary-color)}.bgThirdColor{background-color:var(--third-color)}.pillet-dev{color:#A8958C}.pillet-geo{color:#50BEFA}.pillet-sa{color:#ACD6BA}.white{color:white !important}.text-color{color:var(--text-color)}.Bureau .bgProjectBoxes{background-color:#e4e4e4}.whiteSVG svg{fill:white}
.whiteSVG svg path{fill:white}
.whiteSVG svg rect{fill:white}.clear{clear:both}a{text-decoration:none;color:var(--main-color)}
a:hover{text-decoration:underline}.btn-primary{border:0;background-color:var(--main-color);font-family:"Overpass",sans-serif;font-size:15px;font-weight:700;border-radius:0}
.btn-primary:hover{background-color:var(--secondary-color);color:var(--main-color)}.btn-secondary{border:0;background-color:var(--secondary-color);font-family:"Overpass",sans-serif;font-size:15px;font-weight:700;border-radius:0;color:var(--text-color) !important}
.btn-secondary:hover{background-color:var(--main-color);color:var(--text-color)}.btn-beaver{border:0;background-color:var(--secondary-color);font-family:"Overpass",sans-serif;font-size:15px;font-weight:700;border-radius:0;color:var(--text-color) !important}
.btn-beaver:hover{background-color:var(--main-color);color:white !important}.btn-third{border:0;background-color:var(--third-color);font-family:"Overpass",sans-serif;font-size:15px;font-weight:700;border-radius:0;color:var(--text-color) !important}
.btn-third:hover{background-color:var(--main-color);color:var(--text-color)}.main-color{color:var(--main-color)}body{font-family:"Roboto",sans-serif;color:var(--text-color);background-color:var(--background-color);margin:0;padding:0}h1{font-family:"Overpass",sans-serif;color:var(--main-color);font-size:36px;font-weight:700;line-height:40px}h2{font-family:"Overpass",sans-serif;color:var(--main-color);font-size:36px;font-weight:700;line-height:40px}h3{font-family:"Overpass",sans-serif;font-size:21px;font-weight:700;line-height:26px}h4{font-family:"Roboto",sans-serif;font-size:18px;font-weight:400;line-height:25px;margin-bottom:1.2rem}h5{font-family:"Roboto",sans-serif;font-size:15px;font-weight:200;text-transform:uppercase;line-height:25px}h6{font-family:"Overpass",sans-serif;font-size:18px;font-weight:700;line-height:25px}p,li{font-size:18px;font-weight:200;line-height:25px}p.light{font-size:15px;font-weight:200}.pagination .page-item:first-child .page-link{border-radius:0}
.pagination .page-item:last-child .page-link{border-radius:0}
.pagination .page-item .page-link{color:var(--main-color);border:0;text-decoration:none}
.pagination .page-item.active .page-link{color:var(--secondary-color);background-color:var(--third-color);border-color:var(--third-color)}
.pagination .next svg path{stroke:var(--third-color)}@media (max-width:991.98px){h1{font-family:"Overpass",sans-serif;color:var(--main-color);font-size:25px;font-weight:700;line-height:30px}h2{font-family:"Overpass",sans-serif;color:var(--main-color);font-size:23px;font-weight:700;line-height:26px}p,li{font-size:16px;font-weight:200;line-height:25px}.nav-link{font-family:"Roboto",sans-serif;font-weight:300;text-transform:uppercase;font-size:15px;padding-right:0px !important}}
.navbar-toggler span{font-family:"Roboto",sans-serif;font-weight:300;text-transform:uppercase;font-size:15px}.form-floating>label,.form-select{font-style:italic;opacity:0.6}.uppercase{text-transform:uppercase}.pilletHR{border:1px dashed var(--main-color);background-color:transparent;opacity:1}[data-editable]{overflow:hidden;max-height:80vh}
[data-editable] div{width:100% !important}.main-color-stripes{background-image:linear-gradient(120deg,var(--main-color) 10%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 50%,var(--main-color) 50%,var(--main-color) 60%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);background-size:5.77px 10px}.main-color-stripes30{background-image:linear-gradient(120deg,rgba(172,214,186,0.3) 10%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 50%,rgba(172,214,186,0.3) 50%,rgba(172,214,186,0.3) 60%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);background-size:5.77px 10px}.white-stripes{background-image:linear-gradient(120deg,rgb(255,255,255) 10%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 50%,rgb(255,255,255) 50%,rgb(255,255,255) 60%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%) !important;background-size:5.77px 10px}.white-stripes25{background-image:linear-gradient(120deg,rgba(255,255,255,0.25) 10%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0.25) 60%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);background-size:5.77px 10px}.border-top-main-color{border-top:2px solid var(--main-color)}.followUS a{color:white;float:left;margin-right:8px;transition:0.5s}
.followUS a:hover{scale:1.1;transition:0.5s}
.followUS p{display:inline-block;font-family:"Overpass",sans-serif;font-size:15px;font-weight:700;line-height:14px;padding:10px 8px 6px 8px}.welcome{display:flex;height:100vh;justify-content:center;align-items:center}.heroHome{position:relative;height:100%;width:100%}
.heroHome img{width:100%;height:100%;object-fit:cover}
.heroHome video{width:100%;height:100%;object-fit:cover}
.heroHome .headline{position:absolute;width:75%;bottom:100px;left:0;z-index:3;background-color:black;padding:20px 20px}
.heroHome h1{color:white;font-size:26px;z-index:2;font-weight:700}
.heroHome p{color:white;font-size:12px;font-weight:300;text-transform:uppercase}.presentation{background-image:url("../../themes/pillet/assets/img/backbone_51766_033_HD.jpg");background-size:cover}.snapThis{scroll-snap-align:start}.fullHeight{min-height:100vh}.topHeader{position:relative;width:100%;height:80px}
.topHeader .logoWrapper img{width:auto;height:80px}.topImg{position:absolute;width:100%;height:100%;object-fit:cover}.parallaxImg{width:100%}.logoWrapper a img,.logoWrapper a svg,.headline a img,.headline a svg{scale:1;transition:0.5s}
.logoWrapper a:hover img,.logoWrapper a:hover svg,.headline a:hover img,.headline a:hover svg{scale:1.1;transition:1s}.logo{height:100%;width:80px;background-color:var(--main-color);padding:0 30px}
.logo svg{width:100%;height:100%;fill:white}
.logo svg rect{fill:white;stroke:rgba(0,0,0,0)}
.logo svg path{fill:white;stroke:rgba(0,0,0,0)}.TopContainer{position:absolute}.leftStripe{width:40px;height:80px;overflow:hidden}.logoContainer{width:100%;height:80px}@media (min-width:575.98px){.logoContainer{width:540px}.leftStripe{width:calc((100vw - 540px) / 2)}.heroHome .headline{position:absolute;width:70%;bottom:calc(50% - 180px);left:0;z-index:3;background-color:black;padding:77px 80px 77px 80px}.heroHome h1{color:white;font-size:36px;z-index:2;font-weight:700}.heroHome p{color:white;font-size:15px;font-weight:300;text-transform:uppercase}}
@media (min-width:767.98px){.logoContainer{width:720px;height:180px}.leftStripe{width:calc((100vw - 720px) / 2);height:180px;overflow:hidden}.rightStripe{width:100% !important}.heroHome .headline{width:735px;bottom:calc(50% - 180px);left:0;padding:77px 150px 77px 255px}.logo{width:180px}.topHeader{position:relative;width:100%;height:180px}.topHeader .logoWrapper img{width:auto;height:180px}}
@media (min-width:991.98px){.logoContainer{width:960px}.leftStripe{width:calc((100vw - 960px) / 2)}.heroHome .headline{width:735px;bottom:calc(50% - 180px);left:0;padding:77px 150px 77px 255px}}
@media (min-width:1199.98px){.logoContainer{width:1140px}.leftStripe{width:calc((100vw - 1140px) / 2)}.heroHome .headline{width:735px;bottom:calc(50% - 180px);left:0;padding:77px 150px 77px 255px}}
@media (min-width:1399.98px){.logoContainer{width:1320px}.leftStripe{width:calc((100vw - 1320px) / 2)}.heroHome .headline{width:735px;bottom:calc(50% - 180px);left:0;padding:77px 150px 77px 255px}}
.rightStripe{width:220px;background-image:linear-gradient(120deg,var(--main-color) 10%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 50%,var(--main-color) 50%,var(--main-color) 60%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);background-size:5.77px 10px;background-position:left center;-webkit-mask-image:url("../../themes/pillet/assets/img/hachure/stripe-mask.png");mask-image:url("../../themes/pillet/assets/img/hachure/stripe-mask.png");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left;mask-position:left}
.rightStripe svg{height:180px}
.rightStripe svg rect{fill:var(--main-color);stroke:rgba(0,0,0,0)}.pictoLinkdein{width:30px;height:30px;float:left;margin-right:2px}
.pictoLinkdein img{margin:8px}footer .linkedinBtn a{color:white;float:left;margin-right:8px;transition:0.5s}
footer .linkedinBtn a:hover{scale:1.1;transition:0.5s}
footer .linkedinBtn p{display:inline-block;font-family:"Overpass",sans-serif;font-size:15px;font-weight:700;line-height:14px;padding:10px 8px 6px 8px}
footer .footerContact{text-align:right}
footer .footerContact a.contactus{font-size:27px;color:black;background-color:white;font-family:"Overpass",sans-serif;font-weight:700;text-decoration:none;padding:8px 10px 6px 10px;transition:0.2s}
footer .footerContact a.contactus:hover{transition:0.5s;background-color:black;color:white}
footer .footerContact .smallPicto{float:right;padding:5px;transition:0.2s}
footer .footerContact a:hover .smallPicto{transition:0.5s;scale:1.2}.signature{color:var(--text-color);opacity:0.7}
.signature a{color:var(--text-color);text-decoration:none}
.signature a:hover{color:var(--main-color);text-decoration:none;opacity:1}#ProjectFilter{background-color:var(--secondary-color)}
#ProjectFilter select{background-color:var(--secondary-color);border:0;color:#777;font-size:15px}
#ProjectFilter .nice-select{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--secondary-color);border-radius:0px;border:solid 0px #e8e8e8;color:#777}
#ProjectFilter .form-select{width:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.719' height='7.835' viewBox='0 0 8.719 7.835'%3E%3Cg id='Groupe_488' data-name='Groupe 488' transform='translate(228.34 -159.532)'%3E%3Cpath id='Trac%C3%A9_225' data-name='Trac%C3%A9 225' d='M-223.983 167.367a.412.412 0 0 1-.233-.072.68.68 0 0 1-.2-.218l-3.844-6.7a.57.57 0 0 1-.019-.566.484.484 0 0 1 .468-.283h7.646a.491.491 0 0 1 .47.283.55.55 0 0 1-.021.566l-3.846 6.7a.652.652 0 0 1-.2.218A.408.408 0 0 1-223.983 167.367Z' transform='translate(0 0)' fill='%23777'/%3E%3C/g%3E%3C/svg%3E");background-size:8.7px 7.8px}
#ProjectFilter input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:1em;width:1em;border-radius:50em;background:url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;background-size:contain;opacity:0;pointer-events:none}
#ProjectFilter input[type=search]:focus::-webkit-search-cancel-button{opacity:0.3;pointer-events:all}
#ProjectFilter input[type=search].dark::-webkit-search-cancel-button{filter:invert(1)}#projects a{color:var(--text-color);text-decoration:none;transition:1s}
#projects a:hover h3{color:var(--main-color) !important}
#projects a:hover img{transition:1s}.catSquareWrapper{width:20px}.square{width:20px;height:20px}
.square.pillet-developpement-sa{background-color:#A8958C}
.square.pillet-sa{background-color:#ACD6BA}
.square.pillet-geotechnique-sa{background-color:#50BEFA}.projetCard{border:1px solid var(--main-color)}
.projetCard .tagLink{color:white}
.projetCard .tagLink:hover{color:var(--main-color) !important}
.projetCard p{font-weight:300;font-style:italic;font-size:15px;margin:0;padding:0}
.projetCard p.tag{font-style:normal;float:left}.contentImg img{max-width:100%;height:auto}.search{display:table}
.search input{background:none;border:none;outline:none;width:28px;min-width:0;padding:0;z-index:1;position:relative;line-height:18px;margin:8px 0;font-size:14px;-webkit-appearance:none;transition:all 0.6s ease;cursor:pointer;color:var(--text-color)}
.search input + div{position:relative;height:28px;width:100%;margin:-28px 0 0 0}
.search input + div svg{display:block;position:absolute;height:28px;width:160px;right:0;top:0;fill:none;stroke:#777;stroke-width:1.5px;stroke-dashoffset:271.908;stroke-dasharray:59 212.908;transition:all 0.6s ease}
.search input:not(:placeholder-shown),.search input:focus{width:160px;padding:0 4px;cursor:text}
.search input:not(:placeholder-shown) + div svg,.search input:focus + div svg{stroke-dasharray:150 212.908;stroke-dashoffset:300}.ss-search-form__results{position:absolute;min-width:350px;right:0;background-color:var(--nav_bg_color);z-index:2001}
.ss-search-form__results mark{background-color:transparent;padding:0;color:var(--main-color)}.ss-result a{color:var(--main-color);text-decoration:none}
.ss-result mark{background-color:transparent;padding:0;color:var(--main-color)}.ss-autocomplete-result:hover{background-color:rgba(0,0,0,0.2)}.ss-autocomplete-result__content,.ss-show-all-results{padding:8px 16px}
.ss-autocomplete-result__content a,.ss-show-all-results a{text-decoration:none;color:var(--text-color);font-size:15px}
.ss-autocomplete-result__content a:hover,.ss-show-all-results a:hover{color:var(--main-color)}
.ss-autocomplete-result__content h4,.ss-show-all-results h4{margin:0;letter-spacing:0}.ss-show-all-results{padding:8px 16px 0 16px}.ss-autocomplete-result__badge{font-size:12px;text-transform:uppercase;font-weight:300}.nodisplay{display:none}#projectpagination .next svg,#projectpagination .previous svg{width:7px;height:11px}
#projectpagination .page-link{position:relative;display:block;color:var(--primary-color);text-decoration:none;background-color:var(--secondary-color);border:0px solid var(--secondary-color);transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
#projectpagination .page-link:hover{color:var(--main-color)}
#projectpagination .page-item:first-child .page-link{border-top-left-radius:0;border-bottom-left-radius:0}
#projectpagination .page-item:last-child .page-link{border-top-right-radius:0;border-bottom-right-radius:0}
#projectpagination .active .page-link{background-color:var(--third-color)}.entities{border-top:1px solid var(--main-color);border-bottom:1px solid var(--main-color)}
.entities div div{max-width:33%}.fiche-projet p{margin:0}.projectState{border-bottom:1px solid var(--main-color)}
.projectState h4{margin:0}.mapWrapper{border-bottom:1px solid var(--main-color)}.tagsWrapper a{display:inline-block;text-decoration:none;color:var(--main-color);border:1px solid var(--main-color);padding:3px 4px;margin:3px 1px 3px 0}
.tagsWrapper a:hover{background-color:var(--main-color);color:var(--background-color);transition:0.8s}.mandataireWrapper h4,.prestataireWrapper h4{margin:30px 0 0 0;padding:0}.inheritHeight{min-height:inherit}.teamWrapper .teamPicture{border:2px solid var(--main-color);border-radius:50%;overflow:hidden}
.teamWrapper .teamPicture.pilletsa{border-color:#ACD6BA}
.teamWrapper .teamPicture.pilletdeveloppementsa{border-color:#A8958C}
.teamWrapper .teamPicture.pilletgeotechniquesa{border-color:#50BEFA}
.teamWrapper .teamPicture img{transform:translateY(10px);scale:1.5}
.teamWrapper img{border:2px solid var(--main-color)}.prestataireWrapper{height:200px;margin:30px;overflow-y:scroll}
.prestataireWrapper::-webkit-scrollbar-track{margin:5px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:var(--background-color)}
.prestataireWrapper::-webkit-scrollbar{width:5px;background-color:var(--background-color)}
.prestataireWrapper::-webkit-scrollbar-thumb{border-radius:0px;background-color:var(--main-color)}.navMargin{margin-top:54px}.navbar.bg-dark{background-color:var(--nav_bg_color) !important}
.navbar.bg-dark .nav-link{color:var(--text-color)}
.navbar.bg-light{background-color:var(--nav_bg_color) !important}
.navbar.bg-light .nav-link{color:var(--third-color)}
.navbar .nav-item .nav-link{font-family:"Roboto",sans-serif;font-weight:300;text-transform:uppercase;font-size:15px;padding-right:30px}
.navbar .nav-item .nav-link:hover{color:var(--main-color)}
.navbar .nav-item .nav-link.active{color:var(--sedondary-color);font-weight:700}
.navbar .submitLink{margin-left:10px;opacity:0.4;transition:all 1s}
.navbar .submitLink svg{margin-top:6px}
.navbar .submitLink:hover{opacity:1}.bureaupillet .submitLink svg{margin-top:6px;fill:rgb(34,34,34)}
.bureaupillet .submitLink svg path{fill:rgb(34,34,34)}
.bureaupillet .submitLink:hover{opacity:1}.pillet-nav{position:fixed;right:0;top:calc(50% - 118px);z-index:1000}
.pillet-nav ul{position:relative;list-style-type:none}
.pillet-nav ul .mainItem{width:55px;height:59px;background-color:#444;transition:0.5s;position:relative}
.pillet-nav ul .mainItem:hover{background-color:#777}
.pillet-nav ul .mainItem div{display:inline-block;position:absolute;z-index:-5;right:55px;top:0;padding-right:14px;padding-left:20px;text-align:right;line-height:59px;width:auto;background-color:#777;opacity:0;visibility:hidden;transform:translateX(200px);transition:all 0.7s ease-in-out;color:white}
.pillet-nav ul .mainItem:hover div{opacity:1;visibility:visible;transform:translateX(0)}
.pillet-nav .nav-dev:hover{background-color:#A8958C !important}
.pillet-nav .nav-dev:hover .dropdown-menu{background-color:#A8958C}
.pillet-nav .nav-dev:hover .dropdown-item:hover{background-color:rgba(0,0,0,0.2)}
.pillet-nav .nav-dev:hover div{background-color:#A8958C}
.pillet-nav .nav-geo:hover{background-color:#50BEFA !important}
.pillet-nav .nav-geo:hover .dropdown-menu{background-color:#50BEFA}
.pillet-nav .nav-geo:hover .dropdown-item:hover{background-color:rgba(0,0,0,0.2)}
.pillet-nav .nav-geo:hover div{background-color:#50BEFA}
.pillet-nav .nav-beaver{background-color:#777 !important}
.pillet-nav .nav-sa.active{background-color:#ACD6BA !important}
.pillet-nav .nav-dev.active{background-color:#A8958C !important}
.pillet-nav .nav-geo.active{background-color:#50BEFA !important}
.pillet-nav .nav-sa:hover{background-color:#ACD6BA !important}
.pillet-nav .nav-sa:hover .dropdown-menu{background-color:#ACD6BA}
.pillet-nav .nav-sa:hover .dropdown-item:hover{background-color:rgba(0,0,0,0.2)}
.pillet-nav .nav-sa:hover div{background-color:#ACD6BA}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.embed-container iframe,
.embed-container object,
.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.slick-dots li button:before{font-family:"slick";font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:0.25;color:white !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.projectSummary{grid-area:summary;background-color:red}.projectEntites{grid-area:entities;background-color:pink}.projectStatus{grid-area:status;background-color:yellow}.projectMap{grid-area:map;background-color:lavender}.projectTag{grid-area:tag;background-color:blue}.projectDiaporama{grid-area:diaporama;background-color:white}.projectPilotage{grid-area:pilotage;background-color:orange}.projectAdjudication{grid-area:adjudication;background-color:green}.gridContainer{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto;grid-template-areas:"summary summary summary summary diaporama diaporama diaporama diaporama diaporama diaporama diaporama diaporama" "entities entities . . diaporama diaporama diaporama diaporama diaporama diaporama diaporama diaporama"}.newsList a{text-decoration:none}
.newsList a h4{color:white;text-decoration:none}
.newsList a h3{color:var(--main-color);text-decoration:none}