/* 
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:#fff;text-decoration:underline}

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

.grid-container {
  grid-template-columns: repeat(9, 1fr) !important;
  grid-template-rows: repeat(12, 1fr) !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 */
}

#go-on-top img {
  cursor: pointer;
}

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


.contact-form #form-field-subject{
	background-color:#b2a02d !important;
	border-color:#b2a02d !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}
footer a:hover{color:#B2A02D}