.has-light-blue-background-color:has(.points-container){position:relative}.has-light-blue-background-color:has(.points-container):before{content:"";background:linear-gradient(to bottom, white, transparent);width:100%;height:100px;display:block;position:absolute;top:0;left:0;z-index:0;pointer-events:none}.has-light-blue-background-color:has(.points-container) *{z-index:1}.points-container{position:relative;background-image:url("../img/UI/Element_Graphique_MAP.png");background-size:cover;background-repeat:no-repeat;background-position:bottom;min-height:100vh;margin-bottom:-150px}.points-container::after{content:"";background:linear-gradient(to top, white, transparent);width:100%;height:150px;display:block;position:absolute;bottom:0;left:0;z-index:1;pointer-events:none}.points-container ul{list-style:none;padding:0;margin:0}.points-container .point-item{position:absolute}.points-container .point-item:hover{z-index:10}.points-container .point-item a{text-decoration:none;font-family:"Raleway",sans-serif}.points-container .point-item a div{background-color:#fff;color:var(--wp--preset--color--primary);padding:16px;border-radius:10rem;box-shadow:0 0 10px rgba(0,0,0,.1);font-size:2.5rem;display:block;transition:all .4s ease;position:relative;width:232px;text-align:center;width:0;height:0;overflow:hidden;will-change:transform,border-radius}.points-container .point-item a div h3{font-size:0;transition:font-size .3s ease}.points-container .point-item a div.loaded{width:232px;padding:16px;height:auto;overflow:initial}.points-container .point-item a div.loaded h3{font-size:1.5rem}.points-container .point-item a:before{content:"";position:absolute;bottom:-100px;left:50%;transform:translateX(-50%);width:2px;height:100px;background-color:#fff;z-index:1;transition:background-color .3s ease}.points-container .point-item a:after{content:"";position:absolute;bottom:-100px;left:50%;transform:translateX(-50%);width:40px;height:15px;background-color:#fff;border-radius:50%;z-index:1;transition:background-color .3s ease}.points-container .point-item a:hover div{background-color:var(--wp--preset--color--primary);color:#fff;border-radius:0;border-bottom-right-radius:16px;border-bottom-left-radius:16px}.points-container .point-item a:hover h3{color:#fff}.points-container .point-item a:hover:before,.points-container .point-item a:hover:after{background-color:var(--wp--preset--color--primary)}.points-container .point-item a:hover figure{transform:translateX(-50%) translateY(0);opacity:1;height:150px}.points-container .point-item h3{margin:0;transition:color .3s ease}.points-container .point-item figure{width:232px;height:0;border-top-left-radius:1rem;border-top-right-radius:1rem;margin:0;overflow:hidden;transition:all .4s cubic-bezier(1, 0, 0, 1);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;z-index:0;padding:16px;background-color:var(--wp--preset--color--primary);padding-bottom:0;will-change:opacity,height,transform}.points-container .point-item figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px;display:block}.points-container .point-1{bottom:30%;left:10%}.points-container .point-1 a:after{transform:translateX(-50%) rotate(10deg)}.points-container .point-2{top:30%;left:30%}.points-container .point-2 a:after{transform:translateX(-50%) rotate(-5deg)}.points-container .point-3{top:50%;left:40%}.points-container .point-3 a:after{transform:translateX(-50%) rotate(-11deg)}.points-container .point-4{top:35%;left:50%}.points-container .point-4 a:after{transform:translateX(-50%) rotate(25deg)}.points-container .point-5{top:25%;left:60%}.points-container .point-5 a:after{transform:translateX(-50%) rotate(-28deg)}.points-container .point-6{top:65%;left:80%}.points-container .point-6 a:after{transform:translateX(-50%) rotate(10deg)}.points-container .point-7{top:60%;left:70%}.points-container .point-7 a:after{transform:translateX(-50%) rotate(10deg)}.points-container .point-8{top:35%;left:72%}.points-container .point-8 a:after{transform:translateX(-50%) rotate(10deg)}