.elementor-8974 .elementor-element.elementor-element-2d1a43e5:not(.elementor-motion-effects-element-type-background), .elementor-8974 .elementor-element.elementor-element-2d1a43e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#326F33;}.elementor-8974 .elementor-element.elementor-element-2d1a43e5 > .elementor-background-overlay{background-image:url("https://yannagro.com/wp-content/uploads/2026/07/liberer-le-potentiel-des-agriculteurs_i1200.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;opacity:0.22;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8974 .elementor-element.elementor-element-2d1a43e5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:45px 0px 45px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8974 .elementor-element.elementor-element-774b884c{--spacer-size:25px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:1025px){.elementor-8974 .elementor-element.elementor-element-2d1a43e5 > .elementor-background-overlay{background-attachment:scroll;}}/* Start custom CSS for text-editor, class: .elementor-element-a0b21cd */span {color:#ffffff;}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-201128f6 */span {color:#ffffff;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e6b5356 */.elementor-custom-grid-table {
  width: 100%;
  border-collapse: collapse;
  background: transparent !important;
}

.elementor-custom-grid-table td.grid-cell {
  width: 25%;
  vertical-align: top;
  padding: 20px 25px;
  background: transparent !important;
  border: none !important;
}

.elementor-custom-grid-table h3 {
  color: #052f17;
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.elementor-custom-grid-table p {
  color: #052f17;
  font-size: 1rem;
  margin: 0;
  line-height: 1.5;
  opacity: 0.9;
}

/* Adaptation responsive pour tablettes et mobiles */
@media screen and (max-width: 1024px) {
  .elementor-custom-grid-table,
  .elementor-custom-grid-table tbody,
  .elementor-custom-grid-table tr, 
  .elementor-custom-grid-table td.grid-cell {
    display: block;
    width: 100%;
  }
  .elementor-custom-grid-table td.grid-cell {
    padding: 15px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46b10e2e */.image-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.image-container img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}

.texte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .texte-overlay {
    opacity: 1;
}

.image-container:hover img {
    transform: scale(1.05);
}

.texte-overlay h3, h6 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ffffff;
}

.texte-link a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f4d97d;
    font-weight: bold;
}

.texte-overlay p {
    font-size: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f35acc9 */.image-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.image-container img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}

.texte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .texte-overlay {
    opacity: 1;
}

.image-container:hover img {
    transform: scale(1.05);
}

.texte-overlay h3, h6 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ffffff;
}

.texte-link a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f4d97d;
    font-weight: bold;
}

.texte-overlay p {
    font-size: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f9a540 */.image-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.image-container img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}

.texte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .texte-overlay {
    opacity: 1;
}

.image-container:hover img {
    transform: scale(1.05);
}

.texte-overlay h3, h6 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ffffff;
}

.texte-link a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f4d97d;
    font-weight: bold;
}

.texte-overlay p {
    font-size: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9233f2 */.image-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.image-container img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}

.texte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .texte-overlay {
    opacity: 1;
}

.image-container:hover img {
    transform: scale(1.05);
}

.texte-overlay h3, h6 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ffffff;
}

.texte-link a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f4d97d;
    font-weight: bold;
}

.texte-overlay p {
    font-size: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42275b86 */.image-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.image-container img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}

.texte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .texte-overlay {
    opacity: 1;
}

.image-container:hover img {
    transform: scale(1.05);
}

.texte-overlay h3, h6 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ffffff;
}

.texte-link a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f4d97d;
    font-weight: bold;
}

.texte-overlay p {
    font-size: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da82109 */.image-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.image-container img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}

.texte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .texte-overlay {
    opacity: 1;
}

.image-container:hover img {
    transform: scale(1.05);
}

.texte-overlay h3, h6 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ffffff;
}

.texte-link a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f4d97d;
    font-weight: bold;
}

.texte-overlay p {
    font-size: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-316f0273 */.image-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.image-container img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}

.texte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .texte-overlay {
    opacity: 1;
}

.image-container:hover img {
    transform: scale(1.05);
}

.texte-overlay h3, h6 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ffffff;
}

.texte-link a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f4d97d;
    font-weight: bold;
}

.texte-overlay p {
    font-size: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9ba8f4e */.image-container {
    position: relative;
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.image-container img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
}

.texte-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-container:hover .texte-overlay {
    opacity: 1;
}

.image-container:hover img {
    transform: scale(1.05);
}

.texte-overlay h3, h6 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #ffffff;
}

.texte-link a {
    margin-bottom: 5px;
    font-size: 12px;
    color: #f4d97d;
    font-weight: bold;
}

.texte-overlay p {
    font-size: 1rem;
}/* End custom CSS */