/*
Theme Name: Divi-child
Description: Theme enfant de Divi. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: Divi
Version: 1.0
*/

/* -----------
--------- MENU
-------------*/

.contact-btn-menu {
	background-color: #497b3a !important;
	padding: 10px 5px 5px 5px;
	align-self: center;
	margin-bottom: 5px !important;
}

.contact-btn-menu a{
	color: white !important;
}

.et-menu-nav,
#menu-principal {
  align-items: center;
}

/* Sous-menu */
.sub-menu.sub-menu {
  display: block !important;
  column-count: 2 !important;
  column-gap: 40px !important;
  column-fill: balance !important;
  width: 620px !important;
  margin: 0 !important;
  padding: 20px 24px !important;
  background: #fff !important;
  border: 1px solid black !important;
  border-radius: 0 !important;
}

.sub-menu.sub-menu > li {
  display: block !important;
  width: 100% !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  break-inside: avoid !important;
}

.sub-menu.sub-menu > li:nth-child(6) {
  break-before: column !important;
}

.sub-menu.sub-menu > li > a {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  color: #1a1a1a !important;
}

.sub-menu.sub-menu .menu-icon svg {
  width: 26px !important;
  height: 26px !important;
  flex-shrink: 0 !important;
}

ul.sub-menu li.current-menu-item > a {
    color: #2e7d32 !important;
}

ul.sub-menu li.current-menu-item svg path,
ul.sub-menu li.current-menu-item svg * {
    fill: #2e7d32 !important;
}

ul.sub-menu li:hover > a {
    background-color: transparent !important;
}

ul.sub-menu li:hover svg path,
ul.sub-menu li:hover svg * {
    fill: #000000 !important; /* ou la couleur d'origine si pas noir pur */
}

/* --------------------
----- TEXTES & TITRAGES--
---------------------*/

.souligne-h1{
	text-decoration: underline;
	text-decoration-color: #497b3a;
	text-decoration-thickness: 10px;
	text-decoration-skip-ink: none;
}

.souligne-h2{
	text-decoration: underline;
	text-decoration-color: #c73b34;
	text-decoration-thickness: 5px;
	text-decoration-skip-ink: none;
}

h1{
	margin-bottom: 15px;
}

p{
	margin-bottom: 15px;
}

.texte-fond-vert{
	display: inline;
    background-color: #497b3a;
    padding: 1px 2px;
    box-decoration-break: clone;
	color: white;
}

.texte-fond-rouge{
	display: inline;
    background-color: #c73b34;
    padding: 1px 2px;
    box-decoration-break: clone;
	color: white;
}

.texte-fond-jaune{
	display: inline;
    background-color: #e6b932;
    padding: 1px 2px;
    box-decoration-break: clone;
	color: blakc;
	font-weight: bolder;
}

.souligne-vert{
	text-decoration: underline;
	text-decoration-color: #497b3a;
	text-decoration-thickness: 3px;
	text-decoration-skip-ink: none;
	font-weight: bolder;
}

p a{
	color: black;
	font-weight: bolder; 
	text-decoration: underline;
}

ul.liste-puce-svg,
ul.liste-puce-svg li {
    list-style: none !important;
    list-style-type: none !important;
}

.liste-puce-svg li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
}

.liste-puce-svg li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 18px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.583 19.961'%3E%3Cpath fill='%23fff' d='M8.187,19.961v-9.454L0,5.77v9.474l8.187,4.717ZM17.583,15.244V5.77l-8.187,4.737v9.454l8.187-4.717Z'/%3E%3Cpolygon fill='%23fff' points='8.772 0 8.811 0 16.958 4.737 8.791 9.461 .625 4.737 8.772 0'/%3E%3Cpolygon fill='%23fff' points='8.187 19.961 0 15.244 0 5.77 8.187 10.507 8.187 19.961'/%3E%3Cpolygon fill='%23fff' points='17.583 15.244 9.396 19.961 9.396 10.507 17.583 5.77 17.583 15.244'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.titre-avec-icone {
    display: flex;
    align-items: center;
    gap: 12px;
}

.titre-avec-icone svg {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

.titre-avec-icone h3 {
    margin: 0;
}

ul.liste-puce-check,
ul.liste-puce-check li {
    list-style: none !important;
    list-style-type: none !important;
}

.liste-puce-check li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
}

.liste-puce-check li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15em;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12 9 17 20 6'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* --------------------
----- FOND HEADER -----
---------------------*/

.fond-header {
  background-image: radial-gradient(circle farthest-corner at 100% 81%, #4a6741 2%, transparent 2%),
  radial-gradient(circle farthest-corner at 3% 50%, #febb05 5%, transparent 5%),
  radial-gradient(circle farthest-corner at 100% 0%, #ffe6e6 11%, #fff0 11%),
  radial-gradient(circle farthest-corner at 41% 10%, #e4ffd3 11%, transparent 11%) !important;
}