@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
/*Footer*/
.Footer{	
    --color-footer: var(--color-noir);		
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}
/* Footer Partie Haute SVG*/
.Footer_Svg{
    z-index: 10; 
    opacity: 1; 		
    fill: var(--color-footer);
    margin-bottom: -5px;		
}
/*Footer Texte défilement horizontale*/
.Footer_TexteDefilement{
    width: 150%;
    height: 130px;		
    font-size: 70px;
    display: flex;
    align-items: top;
    justify-content: left;
    background-color: var(--color-footer);
    color: var(--color-footer);
    -webkit-text-stroke: 2px var(--color-box);
    font-family: "wild_worldbold";
    font-weight: 800;
    padding-left: 30px;
    overflow: hidden;	
}	
@keyframes footer_texte_defile{
    0%{
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
    }
    100%{
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
    }
}
.Footer_TexteDefilement>p{    
    line-height: 130px;
    overflow-x: visible;
    white-space: nowrap;
    animation: footer_texte_defile 15s linear infinite;
    -webkit-animation: footer_texte_defile 15s linear infinite;
    -moz-animation: footer_texte_defile 15s linear infinite;
}	
/*Footer content*/
.Footer_Content{
    display: flex;
    align-items: center;
    justify-content: center;		
    background-color: var(--color-footer);
    padding: 75px 0px;
}
/*Footer informations*/
.footer_informations{
    width: 40%;
    display: flex;	
    align-items: flex-start;
    justify-content: space-between;
}
.footer_composant_information{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 10px;
}
.footer_composant_information>div{
    font-weight: 400;
    font-family: "Poppins";
    color: var(--color-blanc);
    min-height: 30px;
    font-size: 1.0rem;
    user-select: text;
}
.footer_composant_information .name{
    font-size: 1.1rem;
    font-weight: 700 !important;
}
.footer_composant_information .tel{
    font-weight: 400;
    font-family: "Roboto";
    font-size: 1.1rem;    
    margin-top: calc(50% - 20px);
}

/*Image of profil*/
.footer_profil{
    --swProfil: 140px;
    --swProfilImg: calc(--swProfil * 1/8);
    width: var(--swProfil);
    height: var(--swProfil);
    display: flex;
    align-items: center;
    justify-content: center;        
    border-radius: 50%;
    overflow: hidden;
    perspective: 1000px;
    transform-style: preserve-3d;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);
}
.footer_profil>img{
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.footer_profil>.back{
    z-index: 1;
}
.footer_profil>.front{
    z-index: 100;        
}
@media screen and (min-width: 0px) and (max-width: 1200px) {	
    .footer_informations{
        flex-direction: column;
    }
    .footer_composant_information{
        width: 100%;
    }
    .footer_composant_information .tel{
        margin-top: 10px;
    }
}



/*Footer content texte*/ 
.Footer_Texte{
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: left;
    padding: 0px 30px;
    justify-content: top;		
}
.Footer_Texte_Titre{
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;		
    color: var(--color-box);
    width: 100%;
    margin-bottom: 10px;
}
.Footer_Texte_Content{
    font-size: 17px;
    font-family: 'Roboto';
    font-weight: 400;		
    color: var(--color-box);
    width: 100%;
    margin: 5px 0px;
    line-height: 18px;
    text-align: justify;
}
.Footer_Texte_Content>strong{
    font-weight: 600;
}
/*footer conetent right */
.Footer_Content_Right{
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: top;
    padding-left: 30px;	
}
/*Footer réseaux */
.Footer_Reseaux{
    width: 100%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;		
}
.Footer_Reseaux_Content{
    width: 90%;
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: space-around;	
}

.Footer_Reseaux_Content>li{
    list-style: none;
    width: 50%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center; 
    color: var(--color-box);
    cursor: pointer;
    transition: 0.5s ease all;
}
.Footer_Reseaux_Content>li>a{
    text-decoration: none;
    color: var(--color-box);
}
.Footer_Reseaux_Content>li:hover{
    transform: scaleX(1.05);
    transition: 0.5s ease all;
}
.footer_linkedin{
    font-family: 'Archivo Black', sans-serif;
    font-size: 45px;
    font-weight: 900;    
}
.footer_linkedin>span{
    padding: 5px;
    background-color: var(--color-box);
    color: var(--color-footer);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    border-radius: 7px;    
}
.footer_malt>a>svg{
    height: 45px;
}
.footer_fiver>a>svg{
    height: 40px;
}
.Footer_Copyright{
    width: 100%;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;	
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    background-color: var(--color-footer);
    color: var(--color-box);			
}	

@media screen and (min-width: 0px) and (max-width: 1200px) {	
    .Footer_Content{
        flex-direction: column;
        align-items: center;
        justify-content: center;			
    }
    .Footer_Texte{
        width: 80%;
        margin: 30px 0px;
    }
    .Footer_Content_Right{
        width: 80%;
        margin: 30px 0px;
    }
    .Footer_Reseaux_Content{
        flex-direction: column;
        width: 100%;
    }
    .Footer_Reseaux_Content>li{
        width: 100%;
        height: 100px;
    }
}