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

/* --------------------
----- TEXT & 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;
	font-weight: bolder;
}

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

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

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