/* 
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 */

body{font-family:Montserrat}

#content a{color:#fff;text-decoration:underline}

p{margin:10px 0 5px}
ul{margin:0px 0 15px}

.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;
}

footer a{color:#fff}