.content, .sidebar{
	margin-top:20px;
}
.jalaccueil a {
    max-height: 66px;
    padding-top: 6px;
}

.jalaccueil a img {
    max-height: 45px;
}

.jalaccueil a:hover, .jalaccueil a:active {
    background-color: #ccc;
}

li#menu-item-16 .jalaccueil a,
li#menu-item-16 .jalaccueil a:hover,
li#menu-item-16 .jalaccueil a:active,
li#menu-item-16,
li#menu-item-16 a:hover {
    background-color: #ebf0f3;
}
li#menu-item-196{
	padding:0;
	max-height: 45px;
}
.custom-widget-area {
    display: grid;
    width: 1040px;
    margin: 0 auto;
    grid-template-columns: repeat(8, 1fr);
    gap: 1px; /* ajustez selon vos besoins */
    margin-top: 5px;
}

.custom-widget {
    background-color: #f4f4f4; /* Couleur de fond des widgets */
    padding: 2px; /* Espacement interne des widgets */
    /* border: 1px solid #ddd;  Bordure des widgets */
}
.custom-widget p {

    padding: 2px 3px; 
	margin:0 0 5px 0
}


#block-17 {
    background-color: #c1cfd8;
}

#block-18, #block-7, #block-20 {
    background-color: #6791a9;
    color: #fff;
}

#block-21, #block-22, #block-23, #block-27 {
    background-color: #2c4f63;
    color: #fff;
}

.accueil-widget-area {
    display: grid;
    width: 1040px;
    margin: 0 auto;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px; /* ajustez selon vos besoins */
    margin-top: 65px;
}

.accueil-area {
    display: grid;
    width: 1040px;
    margin: 45px auto 20px;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px; /* ajustez selon vos besoins */
}

.accueil-widget {
    /* Couleur de fond des widgets */
    padding: 2px; /* Espacement interne des widgets */
    /* border: 1px solid #ddd;  Bordure des widgets */
	border-radius: 8px;
}
.accueil-widget p{
    /* Couleur de fond des widgets */
    padding: 3px 15px; /* Espacement interne des widgets */
    /* border: 1px solid #ddd;  Bordure des widgets */
font-size: 1rem;
}
.accueil-widget h2{
    /* Couleur de fond des widgets */
    padding: 3px 15px 5px 15px; /* Espacement interne des widgets */
    /* border: 1px solid #ddd;  Bordure des widgets */
}
#block-spare, #block-parts, #block-supplier {
    position: relative; /* Assurez-vous que les éléments sont positionnés correctement */
    z-index: 0; /* Assurez-vous que le fond est derrière le contenu */
}

/* Utilisation de linear-gradient pour chaque bloc */

#block-spare {
    background: linear-gradient(to bottom, white 45px, #799db3 45px);
}

#block-parts {
    background: linear-gradient(to bottom, white 45px, #c0ced7 45px);
}

#block-supplier {
    background: linear-gradient(to bottom, white 45px, #c7d7e7 45px);
}

.accueil-area h2 {
    padding: 0 0 0 10px;
    margin: 0;
    font-family: 'Lato', sans-serif;
font-size: 1.5rem;
    font-style: italic;
    line-height: 42px;
    border-bottom: 1px solid #555;
}

.logo-container {
    position: relative;
    display: flex;
    /* justify-content: center;
    align-items: center; */
}

.jalaero-logo {
    opacity: 0;
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
    animation: fadeInShadow 1.5s ease-in-out 0.2s forwards;
}

@keyframes fadeInShadow {
    to {
        opacity: 1;
        filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.4));
    }
}

img.jalaero-logo {
    width: 380px;
	margin-left:-100px;
}
.lightbox-content {
    padding: 0px;
}

.search-link img {
    height:25px;
margin-top:-10px;
}
/* La recherche de merde */
#search-overlay {
    display: none;
    position: fixed;
    top: 30px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

#search-overlay .search-form {
    text-align: center;
    margin-top: 30px;
}

#search-overlay input[type="search"] {
    width: 80%;
    padding: 10px;
    font-size: 18px;
}

#search-overlay input[type="submit"] {
    padding: 10px 20px;
    font-size: 18px;
    background: #333;
    color: #fff;
    border: none;
}
/* Style pour les liens actifs dans le menu, sauf pour les exclusions spécifiées */
.menu-item a[aria-current="page"]:not(.jalaccueil):not(#menu-item-16 a),
.menu-item a[aria-current="page"]:not(.jalaccueil):not(#menu-item-16 a):hover {
    background-color: #2c2c57; /* Couleur de fond spécifique */
    color: #ffffff; /* Exemple de couleur du texte */
    font-weight: bold; /* Exemple de texte en gras */
    text-decoration: underline; /* Exemple de soulignement */
	border-radius:1px;
}

/* Style pour les liens actifs dans le menu au survol, sauf pour les exclusions spécifiées */
.menu-item a[aria-current="page"]:hover:not(.jalaccueil):not(#menu-item-16 a) {
    background-color: #336; /* Couleur de fond au survol */
    color: #fff; /* Exemple de couleur du texte au survol */
	border-radius:8px;
}

/* Exclusion spécifique pour le menu-item-16 et .jalaccueil */
li#menu-item-16 .jalaccueil a,
li#menu-item-16 .jalaccueil a:hover,
li#menu-item-16 .jalaccueil a:active,
li#menu-item-16,
li#menu-item-16 a:hover {
    background-color: #ebf0f3;
}
.zesearch{
	color:#fff;
}
.custom-widget-area .custom-widget a img {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain; /* Utiliser 'cover' si vous préférez que l'image couvre toute la div */
	filter: drop-shadow(0 4px 5px rgba(0, 0, 0, 0.4));
transition: transform 0.3s ease, filter 0.3s ease; /* Transition pour rendre l'animation plus fluide */
}

.custom-widget-area .custom-widget a img:hover {
    animation: bounce 0.6s, shadowFade 0.6s; /* Appliquer l'animation de rebond et de l'ombre */
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

@keyframes shadowFade {
    0%, 20%, 50%, 80%, 100% {
        filter: drop-shadow(0 4px 5px rgba(0, 0, 0, 0.4));
    }
    40% {
        filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
    }
    60% {
        filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.3));
    }
}
h3.entry-title.found {
    color: #ccf;
    font-style: italic;
    padding: 10px;
    background-color: #6791a9;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease; /* Ajoute une transition */
}

h3.entry-title.found:hover {
    background-color: #40708c;
}

h3.entry-title.found a,h3.entry-title.found a:hover {
    color: #fff;
    font-style: italic;
    text-decoration:none;	
}
/* Ajouter un fond gris clair au formulaire */
.wpcf7-form {
    background-color: #fcfcfc;
    padding: 20px;
	border: 1px solid #111;
    border-radius: 5px;
}

/* Alignement des champs sur la même ligne */
.wpcf7-form .form-group {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-right: 2%;
}
.form-group-email.red .wpcf7-form-control.wpcf7-text {
    border: 2px solid red;
    box-sizing: border-box;
}

.wpcf7-form .form-group-phone,.wpcf7-form .form-group-cie {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.wpcf7-form .form-group-email {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}
.wpcf7-form .form-group-question {
    display: inline-block;
    width: 98%;
    vertical-align: top;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
}

.wpcf7-form input[type="radio"] {
    margin-right: 5px;
}

/* Bouton de soumission */
.wpcf7-form .wpcf7-submit {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 20px;
}

.wpcf7-form .wpcf7-submit:hover {
    background-color: #45a049;
}
/*////////////////*/
.column-1,.column-2,.column-3{
	padding:10px 20px 20px;
	color:#000;
	border-radius:12px;
}
.column-1{
 background: #c0ced9;
}
.column-2{
 background: #c0ced8;

}
.column-3{
 background: #c0ced7;
}

.column-1 p,.column-2 p,.column-3 p{
	color:#000;}
.archive-description {
    font-size: 19px; /* Même que .post-content */
    line-height: 1.5; /* Même que .post-content */
    margin: 0 0 20px 0; /* Même que .post-content */
    font-family: 'Lato', sans-serif; /* Même que .post-content */
    color: #444; /* Même que .post-content */
}

/* Assurez-vous que toutes les règles spécifiques de .post-content.entry-content sont incluses */
.archive-description > *:first-child {
    margin-top: 0 !important;
}

.archive-description > *:last-child {
    margin-bottom: 0 !important;
}
.archive-description p,
.archive-description ul,
.archive-description ol {
    margin-bottom: 20px; /* Uniformiser les espacements */
    line-height: 1.5; /* Pour assurer la lisibilité */
}
.archive-description{
	text-align:left;
}
.archive-description h4{
    display: inline-block;
    font-style: italic;
    margin: 30px 10px 10px 0;
    padding: 10px 30% 10px 10px;
    color: white;
    text-align: center;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
}
.archive-description h4.airbus{
	background-color:#0d095b;
	}
.archive-description h4.boeing{
	background-color:#0033A1;
	}
.archive-description h4.bombardier{
	background-color:#000;
	}
.archive-description h4.embraer{
	background-color:#0067b1;
	}

 h1.entry-title {
    display: inline-block;
    font-style: italic;
    margin: 30px 10px 10px 0;
    padding: 10px 30% 10px 10px;
    text-align: center;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
    background: #0073e6; /* Bleu corporate initial */
    background: linear-gradient(to right, #0073e6 0%, transparent 100%);
    background-size: 200% 100%;
    background-position: 0% 0;
    color: #fff; /* Texte blanc pour contraste */
    animation: backgroundSlideIn 0.3s ease-in-out forwards;
}

/* Animation pour l'effet de glissement */
@keyframes backgroundSlideIn {
    from {
        background-position: -100% 0;
    }
    to {
        background-position: 0% 0;
    }
}