* {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 18px;
    /*border: 3px solid red;*/
}

/* !important pour indiquer que c'est l'information a suivre, pour contrer le par défaut de bootstrap */
/* attention, quelques propriétés sont contredites ou spécifiées en inline css pour une question de fonctionnalité ou lisibilité, p.ex couleur des liens */

/*général*/
.logo {
    margin-right: auto;
}

.header {
    background-color: #177444;
    display: flex !important;
    padding: 0px 1vw;
    align-items: center;
}

ul {
    list-style-type: none;
}

img {
    padding: 10px;
    border-radius: 70px;
}


/*pour annuler le radius appliqué aux images*/
.card-img-top {
    border-radius: 0px;
}

.links {
    list-style-type: none;
    display: flex;
    gap: 20px;
}

a {
    text-decoration: none !important;
    color: #ebfff4 !important;
}

.card {
    padding: 30px;
    border: none !important;
    box-shadow: 10px solid black;
    box-shadow: 2px 2px 50px grey !important;
}

.home {
    border: 0.5px solid grey !important;
    box-shadow: none !important;
    background-color: white !important;
}


/*fin de général*/

.introduction {
    padding: 0px 30px;
}

.texte{
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 10px 20px 10px 50px!important;
}

.title {
    font-weight: 900;
    font-size: 48px;
}

.details {
    font-size: 18px;
    color: #177444;
    padding: 15px 0px 20px;
}

 form.none {
    margin: 0px;
    padding: 0px;
 }

/* standardisations des sous-titres */
.lastactus, .sgtitle, #ligues, .titre_ligue {
    font-size: 36px;
    font-weight: 900;
    color: #1f2937;
    text-align: center;
    margin: 100px auto 50px;
}


/* réglages pour les cartes d'actualités */

.informations {
    display: flex;
    justify-content: center;
}

/* style des boutons dans les cartes d'actualtés et style du bouton sous le carousel*/
.savoirplus {
    display: flex;
    justify-self: center;
    background-color: #177444;
    border-radius: 7px;
    border: none;
    padding: 5px 25px;
    color: white;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
}


/* pour centrer le bouton sous le carousel d'actualités*/
.underbutton {
    display: flex;
    justify-content: center;
    padding-bottom: 50px;
    gap: 20px;
}

/* contenus LIGUES*/
.ligues {
    text-align: left;
    background-color: #e5e7eb;
    padding: 50px;
    margin-bottom: 100px;
}

.motsligues {
    margin-bottom: 100px;
    text-align: left;
    max-width: 67vw;
    margin: auto;
}

/* titre LIGUES */
#ligues {
    padding-bottom: 70px;
    margin: 0px;
}

.titre_ligue {
    margin: 0px;
    color: #ebfff4;
}

.text-bg-success {
    min-height: 700px;
}

/* style pour le lien vers le contact*/
.finalcontact {
    background-color: #177444;
    font-size: 18px;
    color: #E7E6F7;
    margin: 100px 15px ;
    border-radius: 30px;
}

/* container du call to action */
.moreinfo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}


/* bouton pour accéder à la page de contact */
.finalsign {
    background-color: #177444;
    border: 2px solid #ebfff4;
    border-radius: 7px;
    padding: 5px 25px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    color: #ebfff4;
    align-self: center;
}

/* centrer le bouton */
.button {
    display: flex;
    justify-content: flex-start;
    color: #ebfff4 !important;
}


.cta {
    font-weight: 900;
    color: #ebfff4;
    padding: 10px 0px 0px; 
    margin-bottom: 0px;
}


.explanation {
    padding: 25px 0px;
    color: #ebfff4;
}


/*footer*/
.footer {
    display: flex;
    background-color: #edf7f1;
    color: #177444;
    padding: 30px 0px;
    justify-content: space-evenly;
}

.images {
    display: flex;
    justify-content: center;
}


/* style pour le formulaire de contact */

/* css pour le formulaire */
        .responsive-form {
            max-width: 600px;
            width: 100%;
            border-radius: 4px;
            border: 2px solid #177444;
            background-color: #f2f2f2;
            padding: 20px;
            display: flex !important;
            justify-self: center !important;
            justify-content: center;
            margin: 50px auto 100px;
        }

        form {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        label {
            min-width: 48%;
            margin-bottom: 10px;
        }

        input[type=text],
        select,
        #email {
            min-width: 45%;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 10px;
        }

        textarea {
            min-width: 45%;
            height: 150px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 10px;
        }

        input[type=submit] {
            width: 100%;
            background-color: #177444;
            color: white;
            padding: 14px;
            margin: 8px 0;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        @media screen and (max-width: 600px) {

            label,
            input[type=text],
            input[type=submit],
            #email,
            select,
            textarea {
                flex: 100%;
                min-width: 100%;
            }
        }

        .formrow {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .formulaire {
            margin: 70px 20px 0px;
        }

        /* css pour les cartes */
        .contact {
            margin: 60px auto;
            display: flex;
            justify-content: center;
        }


        .bloc-carte iframe {
            width: 100%; /* carte responsive en largeur */
            height: 400px; /* hauteur visible */
            display: block;
            margin: 0 auto; /* centrage horizontal */
        }