section.carte-block {
	position: relative;
	padding: 60px 0 100px;
}

.carte {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-l);
    align-items: center;
    justify-content: flex-end;
}

.carte__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-l);
}

.carte__map {
    position: relative;
}

.carte__map:before {
	position: absolute;
    top: 50%;
    left: 37%;
    z-index: 1000;
    /* content: "Zone d'activit\0000E9"; */
    max-width: 40%;
	font-family: var(--font-bold);
    font-size: var(--font-h4);
    line-height: 120%;
    text-align: center;
    color: var(--fourth-color);
}


.carte__radius {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.carte__radius:before {
    position: absolute;
    top: 0%;
    left: 0%;
    transition: background-color .3s;
    content: "";
    height: 100%;
    width: 100%;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22464%22%20height%3D%22475%22%20viewBox%3D%220%200%20464%20475%22%20fill%3D%22none%22%3E%3Cg%20mask%3D%22url(%23p)%22%3E%3Cpath%20d%3D%22m219.183%2073.831-7.146%203.467h-.123l-.01.007h-6.135l-9.729%205.634s-8.346%206.345-9.041%208.459c-.695%202.117-2.78%206.349-2.78%206.349v9.163c-4.478.989-7.97%201.42-10.68%201.536q-.852.037-1.604.038c-5.608%200-7.198-1.486-7.275-1.563l-22.824%201.556-.003-.003-.13.01-11.902-5.602-7.96-8.655c-5.184-3.068-4.583-3.684-3.387-3.713q.11-.006.225-.007c.439%200%20.934.07%201.257.123l-5.921-1.998v13.342c0%203.527%206.261%2014.808%206.261%2014.808l4.173%2011.281.695%2011.281%203.478%2011.281h-.137l.004.003h-17.236l-6.613-9.717s-.052-.004-.144-.004q-.089.001-.221.007c-.975.049-3.116.351-4.169%201.953-1.394%202.117%204.173.708-1.394%202.117-4.717%201.196-3.934%201.883-8.255%202.065-.796.039-1.775.056-3.007.056-7.651%200-13.913-3.526-13.913-3.526L61.1%20137.275c-.491.432-4.166%203.762-4.812%207.709-.698%204.231-4.871%205.641-4.871%205.641l-.053-.025-.08.028-9.042-4.227s-7.433-2.381-12.326-2.381a13%2013%200%200%200-.523.011c-1.33.066-2.414.347-3.015.953-2.783%202.819-9.04%205.641-9.04%205.641l-.113-.007-.024.01s-1.952-.126-4.24-.126c-.653%200-1.334.011-2.004.039-2.625.112-5.058.476-5.058%201.454v6.556h16.728l-.394%201.199h2.447l-.93%203.996-.127-.035-.007.042s-4.706-1.304-7.079-1.304h-.172c-.495.032-.85.133-.976.347l-.364.607q.237.058.473.136c1.05.358%201.783.614%202.359.873.565.26%201.039.554%201.38%201.031.22.312.336.648.41.95.052.214.098.484.14.789.685.511.067.848%201.116.848l.207-.004q.273-.014.65-.045.082-.006.154-.007.074-.005.14-.004c2.689%200-1.326%206.247-1.783%206.938-.084.13-.343.189-.726.196q-.121.01-.26.011c-.807%200-2.06-.179-3.351-.358-1.292-.175-2.615-.354-3.552-.354q-.089-.001-.172.004-.128.005-.239.017c-1.362.154-5.12.498-7.563.719l-.204.119%2015.169%208.329-.863%201.757-.046.108-.024-.007-.11-.038-.227-.039-.018.168c-.003.218.042.565.169%201.049l.389.525c.242.186.628.375%201.123.519.976.291%202.341.414%203.73.414h.085c2.804%200%205.735-.466%206.23-.568.705-.14%203.538-.673%206.447-.673%202.173.021%204.398.238%205.984%201.465%201.029.873%203.801%201.623%206.942%202.503%203.156.905%206.74%202.037%209.705%204.161%201.58%201.161%204.689%201.876%208.04%202.205%203.356.344%206.96.368%209.701.414%201.846.035%203.236.056%204.145.252.257.067.485.109.808.351.157.123.372.361.442.715l.003.004.063.129.281.474c.242.382.59.865.972%201.398.766%201.07%201.681%202.321%202.324%203.52.424.806.768%201.567.782%202.436%200%201.129-.322%202.104-.645%202.889-.327.775-.653%201.416-.723%201.704l-.021.108c-.01.467-.088.789-.085%201.066.021.333.032.41.239.603.225.196.906.508%202.348.578%201.442.078%203.05.106%204.549.106%202.997%200%205.552-.106%205.555-.106h.029l11.034.13-1.428%201.693c-.007.011-.685.814-1.555%201.725-.885.922-1.892%201.928-2.843%202.464-.288.148-.576.291-1.021.302-.043%200-.372.063-.734.21-.397.151-.877.372-1.344.631-.934.491-1.857%201.234-1.994%201.508l-.003.003c-.035.621-.365%201.059-.6%201.315a.04.04%200%200%201-.018.017q.183.084.425.179c1.765.694%203.081%201.991%203.987%203.096.905%201.111%201.397%202.043%201.421%202.085l.299.572-.369.526c-.003%200-.281.392-.642.939a30%2030%200%200%200-1.13%201.809c-.19.333-.334.649-.362.736-.038.491-.196.768-.354%201.125-.179.362-.397.733-.611%201.077a23%2023%200%200%201-.41.631c.378.515.989%201.339%201.782%202.394a379%20379%200%200%200%205.546%207.19c4.415%205.591%209.918%2012.182%2014.123%2016.098.14.129.284.263.424.396%20143.326-30.215%2098.819-185.53%2097.865-188.8%22%20fill%3D%22%23BCC7E0%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/cover no-repeat;
    background-color: var(--fifth-color);
}

.active-carte .carte__radius:before, .carte__map:hover .carte__radius:before {
    background-color: var(--first-color);
}

.carte__radius:after {
    position: absolute;
    top: 0%;
    left: 0%;
    transition: background .3s;
    content: "";
    height: 100%;
    width: 100%;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22464%22%20height%3D%22475%22%20viewBox%3D%220%200%20464%20475%22%20fill%3D%22none%22%3E%3Cg%20mask%3D%22url(%23r)%22%3E%3Cpath%20d%3D%22M349.357%2070.38c-.617-2.773-2.13-7.19-2.685-7.19a.1.1%200%200%200-.031.007c-.699.235-.972%203.288-1.899%204.463-.927%201.174-2.32%203.996-6.956%205.64-4.637%201.648-9.273%201.883-9.273%201.883s-1.067.599-1.842.599c-.313%200-.576-.098-.709-.365-.464-.943-3.942-4.23-2.085-7.284%201.853-3.057-3.594-4.039-3.829-5.683-.232-1.644.93-5.405-2.085-6.58s-2.899-6.306-7.535-7.01c-4.637-.706-10.666-2.353-10.666-2.353s.231-3.993-1.159-3.993c-1.389%200-9.735-.235-10.434-.47-.695-.235-6.605-4.27-7.535-5.914-.927-1.647%205.914-10.538%202.667-10.538-2.232%200-6.872%201.224-9.708%201.224-1.288%200-2.204-.256-2.348-.989-.463-2.348-1.389-6.58-2.32-9.871-.926-3.289-6.247-3.888-6.247-3.888s-17.948%203.183-19.342%206.71c-1.39%203.523-7.651%206.345-6.261%2015.508%201.393%209.167-.197%2021.858-.197%2021.858v7.053l-6.061%203.523-11.515%207.05-.12.06c.955%203.27%2045.462%20158.585-97.868%20188.8%204.023%203.786%207.427%207.575%209.877%2011.183%202.523%203.733%204.064%207.274%204.075%2010.534l-.015.571a37%2037%200%200%200-.059%202.16c0%202.068.13%204.073.133%205.63a13%2013%200%200%201-.084%201.612c-.074.477-.147.912-.491%201.378-.215.301-.671.575-1.113.575h-.035c-.716-.032-1.12-.375-1.576-.775-1.183-1.136-1.695-2.888-2.201-4.767-.473-1.869-.842-3.874-1.263-5.297-.232-.859-.562-1.494-.702-1.644-.453.066-1.035.347-1.562.767-.565.438-1.06%201.024-1.326%201.501a2%202%200%200%200-.225.532c.579.628%201.421%201.767%202.281%202.973.913%201.283%201.78%202.57%202.166%203.218.295.512.379.989.481%201.459.094.469.186.95.361%201.472.358%201.041%201.025%202.303%202.871%203.853%201%20.841%202.309%202.394%203.875%204.431%201.554%202.026%203.32%204.508%205.068%207.099%203.502%205.188%206.921%2010.769%208.448%2014.043.435.953.726%201.676.828%202.356l.017.263c-.007.185-.014.438-.217.753-.186.309-.618.509-.909.509h-.049c-.513-.028-.699-.2-.927-.34l-.656-.544c-.453-.427-.99-1.002-1.604-1.7-1.229-1.388-2.759-3.26-4.384-5.262-3.236-3.993-6.872-8.525-8.942-10.545q-.217-.211-.408-.385c-.028.263-.059.561-.084.897a116%20116%200%200%200-.256%204.365c-.151%203.484-.267%207.936-.355%2012.353-.172%208.831-.231%2017.532-.231%2018.103%200%20.4-.06%201.094-.148%202.03-.087.922-.207%202.033-.322%203.109-.208%201.932-.418%203.744-.457%204.091-.007.758-.091%209.325-.435%2019.604C257.256%20337.877%20349.652%20221.369%20349.652%2083.33c0-4.34-.112-8.656-.295-12.95%22%20fill%3D%22%23BCC7E0%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/cover no-repeat;
    background: #79c6ff;
	animation: bgc 2.5s infinite
}

.active-carte .carte__radius:after, .carte__map:hover .carte__radius:after {
    background-color: var(--fifth-color);
	animation: initial;
}

.carte__points {
	position: absolute;
    z-index: 100;
    height: 100%;
    width: 100%;
}

.carte__points img {
	height: 40%;
    width: 59%;
    object-fit: contain;
    position: absolute;
    top: 14.4%;
    left: 6%;
}

.carte__map>img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    display: block;
}

@media (min-width: 768px) {
    .carte>* {
        flex: 1;
    }
	
	.carte__content {
		max-width: 80%;
	}
	
	.carte-block.carted:before {
		position: absolute;
		right: clamp(calc(50vw - 835px), 0px, 0px);
		z-index: -1;
		content: "";
		background: url(/wp-content/themes/webline/assets/diagonale.svg) top right / contain no-repeat;
		height: 88%;
		width: 50vw;
	}
}

@media (max-width: 768px) {
    .carte>* {
        width: 100%;
    }
	
	.carte-block.carted:before {
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		z-index: -1;
		content: "";
		background: url(/wp-content/themes/webline/assets/diagonale.svg) center / contain no-repeat;
		height: 50%;
		width: 80%;
	}
}

@keyframes bgc {
	50% {
		background-color: #a2d7ff;
	}
}