@charset "UTF-8";
.non-mobile {
    display: none;
}

h1 {
    font-size: 36px;
}

footer .colones2 {
    flex-direction: column;
    text-align: center;
    padding-top: 48px;
}

.photo_directeur{
    float:left;
    margin-right:0px; 
    margin-top: 0; 
    width:100%;
    height:auto;
    margin-bottom:20px;
}

.wrap-ligne, .section-images-fenetre,
.liste-actualites, .actualite-informations, .liste-partenaires, .section-joindre .colones, .section-type .colones,
.section-joindre .informations-conteneur, .colones-emplois-services, .liste-etablissements,
footer .colones {
    flex-direction: column;
}

.wrap-ligne > div,
.wrap-ligne > div:first-child:nth-last-child(1),
.wrap-ligne > div:first-child:nth-last-child(2),
.wrap-ligne > div:first-child:nth-last-child(2) ~ div,
.wrap-ligne > div:first-child:nth-last-child(3),
.wrap-ligne > div:first-child:nth-last-child(3) ~ div,
.wrap-ligne > div:first-child:nth-last-child(4),
.wrap-ligne > div:first-child:nth-last-child(4) ~ div,
.wrap-ligne > div:first-child:nth-last-child(5),
.wrap-ligne > div:first-child:nth-last-child(5) ~ div {
    width: 100%;
}

.section-joindre .colone-informations, .section-joindre .colone-formulaire, .colones-emplois-services > div,
.footer-outils, .liste-actualites .actualite, .liste-etablissements .etablissement,
.colone-social,
.footer-apropos {
    width: auto;
    max-width: 100%;
}

.footer-apropos {
    padding-bottom: 32px;
}

footer .colone-social {
    display: flex;
    justify-content: space-around;
    padding-top: 0;
}

footer .colones2 .information {
    display: inline-block;
}

.actualite-informations .localisation {
    padding-left: 50px;
}

.section-joindre .wrap, .section-joindre .colone-formulaire, .section-joindre .colones,
.section-actualites .wrap {
    padding-left: 0;
    padding-right: 0;
}

.actualite .description, .actualites-entente,
.section-joindre .colone-informations, .citation,
.actualite-informations {
    padding-left: 20px;
    padding-right: 20px;
}

.actualite .bouton {
    margin: 0 20px;
}

.section-titre .titre {
    font-size: 48px;
}

.section-accueil-colones {
    height: 110vw;
    margin: 0;
}

.section-accueil-colones:first-child {
    margin-top: 90px;
}

.section-accueil-colones:last-child {
    margin-bottom: 90px;
}

.actualite .image {
    height: 96vw;
}

.liste-partenaires > div {
    margin: 12px 0;
    text-align: center;
}

.section-partenaires {
    padding-bottom: 68px;
}

.section-joindre .informations-conteneur .informations-personnel {
    padding-bottom: 36px;
}

.lien-conditions {
    display: block;
    margin-bottom: 20px;
}

.colones-emplois-services > div {
    margin-top: 48px;
}

.colones-emplois-services {
    margin-top: 0;
}

.section-partenaires .titre {
    text-align: center;
}

header .colone-gauche img.logo-sebiq {
    margin-right: 10px;
}

.entete-conteneur .colone-gauche img.logo-ib {
    height: 42px;
    width: auto;
}

.sous-menu-programmes {
    left: 0;
    margin: 0;
    max-width: 100%;
}

header .entete-conteneur .colone-droite {
    width: 100%;
    align-items: flex-start;
}

.btn-utilisateur-conteneur {
    align-self: center;
}

.btn-mobile-fermer-smenu {
    position: absolute;
    left: 8px;
    top: 8px;
    background: url(/images/fermer.svg) center no-repeat;
    padding: 14px;
    background-size: 90% auto;
    display: block;
}

.section-type .colones > div {
    padding-left: 0;
    padding-right: 0;
    padding-top: 28px;
}

.section-type .colones > div:first-child {
    padding-top: 0;
}

.section-actualites-details .actualite-informations {
    flex-direction: column;
}

.section-actualites-details .titre {
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    max-width: 500px;
    font-size:28px;
}
.paragraphe{
    clear:both;
}
.act_acc{
    margin-bottom:0;
    margin-top:146px;
}

.section-actualites-details .bouton {
    text-align: center;
    padding: 11px 20px;
}

.section-etablissements .titre {
    display: block;
}

.section-etablissements select {
    display: block;
    width: 100%;
    max-width: 300px;
    margin-right: 0px;
}

.pagination {
    font-size: 20px;
    line-height: 35px;
}

.pagination a, .pagination span {
    padding: 0px 5px;
    margin-right: 5px;
}

.pagination .actif {
    font-size: 30px;
    line-height: 38px;
}

.section-accueil-colones .titre, .section-accueil .colone-titre {
    height: auto;
}

.sous-menu-programmes {
    top: 77px;
}

.sous-menu-programmes-conteneur.single {
    background: unset;
}

main .wrap {
    margin: 0;
}

.section-images-fenetre {
    flex-direction: row;
}

.section-images-fenetre > div {
    max-width: fit-content;
    min-width: 220px;
    flex-grow: 1;
    margin: 0px 5px;
}