/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


#content a{color:inherit !important;text-decoration:underline}

p{margin:10px 0 5px}
ul{
	margin:0px 0 15px;
	padding-left:18px
}

.breadcrumbs{color:#999}
.breadcrumbs .current-item{color:#fff}

.grid-container {
  /* grid-gap: 20px; */
  /* grid-template-areas:
    "rien image1 image1 rien rien rien rien rien" "rien image1 image1 image2 image2 image2 image3 image3" "rien image1 image1 image2 image2 image2 image3 image3"
    "image4 image4 image4 image2 image2 image2 image3 image3" "image4 image4 image4 image5 image5 image6 image6 rien" "image4 image4 image4 image5 image5 image6 image6 rien"
    "rien image7 image7 image5 image5 image6 image6 rien" "rien image7 image7 image5 image5 image8 image8 image8" "rien image7 image7 image5 image5 image8 image8 image8"
    "rien rien rien image5 image5 image8 image8 image8" "rien rien rien image5 image5 rien rien rien"; */

  grid-template-columns: repeat(9, 1fr) !important;
  grid-template-rows: repeat(12, 1fr) !important;
  /* 
  display: grid !important; */
}

.grid-container .grid-metier1 {
  grid-column: 2 / 4;
  grid-row: 1 /4;
  height: 100%;
  background-color: red;
}

.grid-container .grid-metier2 {
  /* grid-area: image2; */
  grid-column: 4 / 7;
  grid-row: 2/5;
}

.grid-container .grid-metier3 {
  /* grid-area: image3; */
  grid-column: 7 / 9;
  grid-row: 2/5;
  height: 100%;
  background-color: blue;
}

.grid-container .grid-metier4 {
  grid-column: 1 / 4;
  grid-row: 4/7;
}

.grid-container .grid-metier5 {
  grid-column: 4 / 6;
  grid-row: 5/12;
  height: 100%;
  background-color: green;
}

.grid-container .grid-metier6 {
  grid-column: 6 / 8;
  grid-row: 5/8;
  height: 100%;
  background-color: yellow;
}

.grid-container .grid-metier7 {
  grid-column: 2 / 4;
  grid-row: 7/10;
  height: 100%;
  background-color: pink;
}

.grid-container .grid-metier8 {
  grid-column: 6 / 9;
  grid-row: 8/11;
}

.grid-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#treuil-diagram {
  margin: auto;
  width: 1000px; /* Prend toute la largeur disponible */
  height: 1000px;
}

#treuil-diagram a circle {
  stroke: #fff;
  stroke-width: 4px;
  cursor: pointer;
}

#treuil-diagram a:hover circle {
  stroke: #ffd700; /* Effet doré au survol */
}

#treuil-diagram text {
  pointer-events: none; /* Empêche les interactions avec le texte */
  font-family: Arial, sans-serif;
  font-weight: bold;
}

#treuil-diagram line {
  stroke: #ccc;
  stroke-dasharray: 5, 5; /* Pointillé pour les liens */
}

.scroll-to-top img {
  cursor: pointer;
}

.contact-form #form-field-subject{
	background-color:#A5C143 !important;
	border-color:#A5C143 !important;
}

/* Appliquer uniquement aux liens vers certains fichiers */
#content a[href$=".pdf"],
#content a[href$=".doc"],
#content a[href$=".docx"],
#content a[href$=".zip"] {
    position: relative;
	color:inherit;
	text-decoration:none !important;
}

/* Icône après ces liens */
#content a[href$=".pdf"]::after,
#content a[href$=".doc"]::after,
#content a[href$=".docx"]::after,
#content a[href$=".zip"]::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: -25px;

	/* masque basé sur ton SVG */
	-webkit-mask: url('/wp-content/themes/hello-theme-child-master/assets/download.svg') no-repeat center;
	-webkit-mask-size: cover;
	mask: url('/wp-content/themes/hello-theme-child-master/assets/download.svg') no-repeat center;
	mask-size: cover;

	background-color: currentColor; /* ici la magie : hérite de color */
    background-size: cover; /* tu avais mis "conver", une petite faute */
}

.elementor-45 .elementor-element.elementor-element-a75fd01.elementor-element a[href$=".pdf"]::after,
.elementor-45 .elementor-element.elementor-element-a75fd01.elementor-element a[href$=".doc"]::after,
.elementor-45 .elementor-element.elementor-element-a75fd01.elementor-element a[href$=".docx"]::after,
.elementor-45 .elementor-element.elementor-element-a75fd01.elementor-element a[href$=".zip"]::after{
	right:0;
	left:-25px;
}

#content a.elementor-button-link::after{
	right:0px !important;
}

strong, b{font-weight:900}


footer a{color:#fff}