﻿/*-------------------------------------------------------------------------------------*/
/* feuille de style valeurs CHU SE  + footer du site internet 2019                     */
/*-------------------------------------------------------------------------------------*/


footer {
    background-color: #0077A6; /*cbe8bf;/*EAEAEA;/*58c1d9;/*c1ebeb;/*#001d42;2e3b4e;*/
    color: #fff;
    font-size: 0.9rem;
    text-align: center;
    width: 100%;
}

footer div {
    text-align: center;
}

    footer a, .a {
        font-size: 1.0rem;
        text-decoration: none;
        color: #FFFFFF; /*#017bff;*/
        transition: all 0.3s ease-in;
    }

footer h5, footer .h5 {
    font-size: 1.25rem;
    text-shadow: 1px 1px 2px grey;
    color: #FFFFFF;
}

footer h6, footer .h6 {
    font-size: 1rem;
    text-shadow: 1px 1px 2px grey;
    color: #FFFFFF;
}

#valeursCHUSE
.d-flex {
    justify-content: center;
}

.d-flex img {
    width: 100%;
    max-width: 5rem;
}


#partie1
nav :before {
    padding-left: 1.5rem;
    display: inline-block;
    content: "<i class='fa fa-brain' aria-hidden='true' style='vertical-align:middle;'></i>&nbsp;";
}

#partenaires_1
img {
    max-width: 8rem;
}

#partenaires_2
img {
    max-width: 8rem;
}

#membres_1
/* img {
		max-width:15%;
		} */
p {
    font-size: 0.7rem;
}


/*-------------------------------------------------------------------------------------*/
/* dimensionnement des zones en fonction du média                                      */
/*-------------------------------------------------------------------------------------*/

@media screen and (min-width: 576px) {
    footer

    #NousContacter {
        padding-left: 1em;
        padding-right: 1em;
        border-right: 1px dotted #3a5100;
    }

    #LiensUtiles {
        padding-left: 1em;
        padding-right: 1em;
        border-right: 1px dotted #3a5100;
    }

    #monGHTLoire {
        padding-left: 0em;
        padding-right: 0em;
        margin-bottom: 1em;
    }
}

/*-------------------------------------------------------------------------------------*/
/* dimensionnement des zones en fonction du média                                      */
/*-------------------------------------------------------------------------------------*/
@media screen and (max-width: 575px) {

    footer
    #NousContacter {
        padding-left: 0em;
        padding-right: 0em;
        margin-bottom: 1em;
        border-bottom: 1px dotted #3a5100;
    }

    #LiensUtiles {
        padding-left: 0em;
        padding-right: 0em;
        margin-bottom: 1em;
        border-bottom: 1px dotted #3a5100;
    }

    #monGHTLoire {
        padding-left: 0em;
        padding-right: 0em;
        margin-bottom: 1em;
        border-bottom: 1px dotted #3a5100;
    }

    #partenaires_1
    img {
        max-width: 3rem;
        font-size: 0.5rem;
    }

    #partenaires_2
    img {
        max-width: 3rem;
    }

    #membres_1
    /* img {
			max-width:1.5rem;
		} */
    p {
        font-size: 0.4rem;
    }
}
