/* implantation */


/* Scope implantation */
.page-implantation .card-rep{
	background: #fff;
	border-radius: 14px;
	padding: 14px 16px;
	margin-bottom: 14px;
  
	display: flex;
	flex-direction: column;
	gap: 6px;
  
	border: 1px solid rgba(0,0,0,.08);
	box-shadow: 0 8px 20px rgba(0,0,0,.06);
  
	position: relative;
	transition: transform .15s ease, box-shadow .15s ease;
  }
  
  .page-implantation .card-rep:hover{
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(0,0,0,.10);
  }
  
  /* Nom + barre couleur */
  .page-implantation .card-rep .nom{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	padding-right: 18px;
	position: relative;
  }
  
  /* Barre couleur à droite du nom */
  .page-implantation .card-rep .nom::after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 26px;
	border-radius: 999px;
	background: var(--rep-color, #171d49);
  }
  
  /* Téléphone */
  .page-implantation .card-rep .tel{
	font-size: 14px;
	opacity: .75;
	padding-left: 2px;
  }

  .page-implantation .card-rep .tel::before{
	content: "📞";
	margin-right: 6px;
	opacity: .6;
  }

  .page-implantation .implantation-list .card-rep{
	width: 80%;
	max-width: 260px;           /* 🔥 réduit la taille des cartes */
	padding: 10px 14px;         /* ↓ moins haut */
	border-radius: 12px;
  }
  
  .page-implantation .implantation-list .card-rep .nom{
	font-size: 16px;            /* ↓ */
  }
  
  .page-implantation .implantation-list .card-rep .tel{
	font-size: 13px;            /* ↓ */
  }

  .page-implantation .flexbox-item-left.implantation-list{
	flex: 0 0 40%;
	max-width: 40%;
  }
  .page-implantation .flexbox-item-right{
	flex: 0 0 60%;
	max-width: 60%;
  }

  .page-implantation .implantation-list{
	display: grid;
	grid-template-columns: repeat(2, minmax(220px, 1fr));
	gap: 14px;
	align-content: start;
  }
  

  .page-implantation .color-1 { --rep-color: #3333CC; } /* canchel */
  .page-implantation .color-2 { --rep-color: #3399CC; } /* faraud */
  .page-implantation .color-3 { --rep-color: #669966; } /* pays basque */
  .page-implantation .color-4 { --rep-color: #F6E17A; } /* pyrenne */
  .page-implantation .color-5 { --rep-color: #33CC99; } /* centre */
  .page-implantation .color-6 { --rep-color: #FF7F00; } /* paca */
  .page-implantation .color-7 { --rep-color: #CC3333; } /* montagne */
  .page-implantation .color-8 { --rep-color: #8533CC; } /* alsace */
  .page-implantation .color-9 { --rep-color: #80CCC0; } /* antilles */
  
  .page-implantation .color-siege { --rep-color: #D4D9DD; } /* Siège */















	.rectangle1 {
	margin-left: 190px;
	float: left;
	width: 80px;
	height: 40px;
	background-color: #58d80f ;
	margin-bottom : 20px;
	}

	.rectangle2 {
	margin-left: 190px;
	float: left;
	width: 80px;
	height: 40px;
	background: #570ce2;
	margin-bottom : 20px;
	}

	.rectangle3 {
	margin-left: 190px;
	float: left;
	width: 80px;
	height: 40px;
	background: #e49f0b;
	margin-bottom : 20px;
	}

	.rectangle4 {
	margin-left: 190px;
	float: left;
	width: 80px;
	height: 40px;
	background: #23f5ea;
	margin-bottom : 20px;
	}

	.rectangle5 {
	margin-left: 190px;
	float: left;
	width: 80px;
	height: 40px;
	background: rgb(219, 216, 13);
	margin-bottom : 20px;
	}

	.rectangle6 {
	margin-left: 190px;
	float: left;
	width: 80px;
	height: 60px;
	background: #d80f0f;
	margin-bottom : 20px;
	}
	
	.rectangle7 {
	margin-left: 190px;
	float: left;
	width: 80px;
	height: 40px;
	background: #f738e3;
	margin-bottom : 20px;
	}
	
	.rectangle8 {
	margin-left: 190px;
	float: left;
	width: 80px;
	height: 60px;
	background: #cccccc;
	}

	.rectangle9 {
		margin-left: 190px;
		float: left;
		width: 80px;
		height: 40px;
		background: #baf96f;
		margin-bottom : 20px;
	}

	.rectangle10 {
		margin-left: 190px;
		float: left;
		width: 80px;
		height: 40px;
		background: #d27f6c;
		margin-bottom : 20px;
	}

	.rectangle11 {
		margin-left: 190px;
		float: left;
		width: 80px;
		height: 40px;
		background: #b46cd2;
		margin-bottom : 20px;
	}

	.representant {
	text-align: left;
	font-family: 'Lora', serif;
	font-size : 16px;
	font-weight : bold;
	margin-bottom : 20px;
	}
	
	.representant-retour-chariot{
		display : block ;
	}
	
	.map img {
	width: 75%;
	}


/* Ajustement PDF / object dans la colonne droite */
.page-implantation .flexbox-item-right object {
    width: auto;         /* On laisse la largeur s'adapter... */
    max-width: 100%;     /* ...sans dépasser la colonne */
    height: 70vh;        /* LA CLÉ : La hauteur fera 70% de l'écran maximum */
    display: block;
    margin: 0 auto;
}