/*************************************************************************/
/*********************** Partie partenaire *******************************/

/*** Disposition des logos ***/
.partenaires { /* div qui contient les logos des partenaires */
    margin-top: 100px;
    margin-bottom: 20px;
    background-color: white;
}

/*** Logo des partenaires ***/
.partenaire_image { /* Taille des logos */
    width: 75px;
    height: 75px;
}


.partenaire_image_Angels { /* Taille des logos */
    width: 150px;
    height: 75px;
}

.logo_partenaires { /* Disposition des logos */
    display: flex;
    flex-wrap: wrap;
}

/*** Responsive ***/
@media (min-width: 480px) {
    .logo_partenaires { /* Disposition des logos */
        justify-content: space-around;
    }
}

@media (max-width: 479px) {
    .logo_partenaires { /* Disposition des logos */
        padding: 0px;
        width: 90%;
        max-width: 479px;
        flex-direction: column;
        padding-left: 40%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

}

/***************************************************************************/
/*************************** Partie contact ********************************/

/*** Style ***/
.footer1 { /* Footer des contacts */
    background-color: #0065B5;
    color: #9C9C9C;
    padding-bottom: 15px;
    text-align: center;
}

.espace_foot{ /* Taille du footer */
    padding-top: 20px;
}

/*** Logo ***/
.logo_reseaux { /* Logos des réseaux */
    width: 33px;
    height: 33px;
    border-radius: 10px;
    margin-top: -5px;
}

.logo_milieu { /* Evite que les logos soient collés */
    margin-left: 5%;
    margin-right: 5%;
}

/*** Liens ***/
.lien_foot { /* Liens des contacts */
    color: lightgray;
    font-size: 20px;
    transition: .5s ease;
    padding: 5px;
}

.lien_foot:focus { /* Quand le lien est activé */
    color: aliceblue;
}

/*** Responsive ***/
@media (min-width: 992px) {
    .widget-body{ /* Logo sur la gauche */
        text-align: justify;
    }
    
    .logo_reseaux { /* Animation du logo */
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    
    .logo_reseaux:hover { /* Logo qui grandit */
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    
    .lien_foot:hover{ /* Quand la souris passe sur un lien */
        text-decoration: none;
        color: white;
        background-color: #0065B5;
    }
    
    .right {
        text-align: right;
    }
}

@media (max-width: 991px) {
    .widget-body{ /* Centrer le texte et les logos */
        text-align: center;
    }  
}

/***************************************************************************/
/*********************** Footer des droits *********************************/

.footer2 { /* Style du footer des droits */
    background-color: navy;
    color: paleturquoise;
    font-family: arial-narrow;
    padding-top: 15px;
}
