


.page_footer--content--item  {
    float: none;
    border: none;
}


.page_footer {
    margin-left: auto;
    margin-right: auto;
    padding-top: 55px;
    padding-bottom: 35px;
    height: 100%;
    border-top: solid 1px #cccccc;
    background-color: #0c778e;
    color: #f4f4f4;
}

.page_footer a,
.page_footer a:hover {
    color: #f4f4f4;
}


.page_footer--content {
    max-width: 1540px;
    padding-left: 60px;
    padding-right: 60px;
    width: calc(-120px + 100%)
}


.page_footer--titre1 {
    padding-bottom: 30px;
    font-size: 20px;
    color: #f4f4f4;
    text-transform: uppercase;
}

.page_footer--texte {
    font-size: 15px;
}

.page_footer--libelle  {
    margin-right: 5px;
    line-height: 25px;
}


/* === SPECIFIQUE === */ 

.footerspecifique {
}

.footerspecifique--content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}


.footerspecifique--content .page_footer--content--item_logo {
    min-width: 140px;
    min-height: 100px;
    background-image: url("../_client/images/logo-footer.png");
    background-size: 130px auto;
    background-position-y: 20px;
    background-repeat: no-repeat;
}

.footerspecifique--content .page_footer--content--item {
    width: auto;
}

.page_footer--content--item_reseauxSociaux {
}

.page_footer--content--item_reseauxSociaux .social-links {
    float: left;
}


.social-links {
    margin-top: 10px;
    margin-right: 10px;
}

.social-links .page_footer--a_icon span {
    font-size: initial;
}

.social-links .page_footer--a_icon > span::before {
    display: block;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.social-links .facebook-icon::before {
    background-image: url('data: image/svg+xml, <svg fill="%23f4f4f4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"/></svg>');
}

.social-links .instagram-icon::before {
    background-image: url('data: image/svg+xml, <svg fill="%23f4f4f4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z"/></svg>');
}


/* ==================================== */
/* =============== MEDIA ============== */

@media (max-width : 1200px) {

    .page_footer {
        padding-top: 20px;
    }

	.footerspecifique--content {
		display: block;
	}

    .footerspecifique--content .page_footer--content--item {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }
    
    .footerspecifique--content .page_footer--content--item_logo {
        background-position: center;
        min-height: 100px;
    }
    
    .page_footer--titre1 {
        padding-bottom: 10px;
    }


    .page_footer--content--item_reseauxSociaux {
        margin-top: 50px;        
    }
    
    .page_footer--content--item_reseauxSociaux > ul {
        text-align: center;
    }
    
    .page_footer--content--item_reseauxSociaux .social-links {
        float: none;
    }
    
    .site_institionnel {
        width: 100%;
    }

}
