/* line 2, ../sass/base/_base.scss */
body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    overflow-x: hidden;
}

/* line 4, ../sass/module/_header.scss */
.header {
    height: auto;
    background: url("../img/bg.jpg") center top repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

@media (max-width: 300px) {
    /* line 12, ../sass/module/_header.scss */
    .header {
        height: auto;
    }
}

/* line 19, ../sass/module/_header.scss */
.header-logo {
    margin-top: 55px;
    text-align: center;
}

/* line 24, ../sass/module/_header.scss */
.header-logo-img {
    display: block;
    margin: 0 auto;
    max-width: 43%;
    height: auto;
    padding-right: 18px;
    padding-left: 18px;
}

@media (max-width: 1024px) {
    /* line 34, ../sass/module/_header.scss */
    .header-logo-img {
        max-width: 100%;
    }
}

/* line 39, ../sass/module/_header.scss */
.header-msg-baseline {
    color: #000F50;
    margin-top: 0px;
    text-align: center;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

/* line 48, ../sass/module/_header.scss */
.header-commencerRecherche {
    color: #000F50;
    margin-top: 0px;
    text-align: center;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

/* line 57, ../sass/module/_header.scss */
.header-fleche {
    text-align: center;
    fill: #000F50;
}

/* line 62, ../sass/module/_header.scss */
.div_header_menu {
    display: inline;
    float: left;
    margin-left: 10px;
    position: fixed;
    z-index: 10;
}

/* line 70, ../sass/module/_header.scss */
.div_header_picto {
    display: inline;
    float: right;
}

/* line 75, ../sass/module/_header.scss */
.header_picto_right {
    margin-right: 3px;
    width: 40px;
    height: 40px;
}

@media (max-width: 750px) {
    /* line 83, ../sass/module/_header.scss */
    .header_picto_right {
        margin-right: 3px;
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 350px) {
    /* line 93, ../sass/module/_header.scss */
    .header_picto_right {
        margin-right: 3px;
        width: 25px;
        height: 25px;
    }
}

/* line 101, ../sass/module/_header.scss */
.header_picto_right_marge {
    margin-right: 15px;
    width: 40px;
    height: 40px;
}

@media (max-width: 750px) {
    /* line 109, ../sass/module/_header.scss */
    .header_picto_right_marge {
        margin-right: 15px;
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 350px) {
    /* line 118, ../sass/module/_header.scss */
    .header_picto_right_marge {
        margin-right: 15px;
        width: 25px;
        height: 25px;
    }
}

/* line 126, ../sass/module/_header.scss */
.div_header_menu_inside {
    z-index: 1000000;
    font-weight: bold;
    font-size: 12px;
    background: #f1f1f1;
    position: absolute;
    text-align: center;
}

/* line 136, ../sass/module/_header.scss */
.div_header_menu_inside ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

/* line 144, ../sass/module/_header.scss */
.div_header_menu_inside li {
    display: block;
    padding: 15px 20px 15px 20px;
    border-bottom: #dddddd 1px solid;
}

/* line 151, ../sass/module/_header.scss */
.div_header_menu_inside li:hover {
    display: block;
    background: #ffffff;
    padding: 15px 20px 15px 20px;
    border-bottom: #dddddd 1px solid;
}

/* line 159, ../sass/module/_header.scss */
.div_header_menu_inside ul li a {
    text-decoration: none;
    margin: 0px;
    color: #000F50;
    font-size: 12px;
    opacity: 0.7;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

/* line 171, ../sass/module/_header.scss */
.div_header_menu_inside ul li a:hover {
    color: #000F50;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    text-decoration: none;
}

/* line 181, ../sass/module/_header.scss */
.div_header_menu_inside a {
    text-decoration: none;
    color: #000F50;
    font-size: 12px;
    opacity: 0.7;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

/* line 192, ../sass/module/_header.scss */
.div_header_menu_inside a:hover {
    text-decoration: none;
    color: #000F50;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

/* line 201, ../sass/module/_header.scss */
.header-menu {
    cursor: pointer;
}

/* line 205, ../sass/module/_header.scss */
.header_bg {
    background-color: #DEDEDE;
    opacity: 0.8;
}

/* line 4, ../sass/module/_feature.scss */
.feature_container {
    height: auto;
    background-color: #000F50;
    padding-bottom: 20px;
}

/* line 10, ../sass/module/_feature.scss */
.feature_titre {
    margin-left: 20%;
    padding-top: 50px;
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
}

@media (max-width: 1024px) {
    /* line 21, ../sass/module/_feature.scss */
    .feature_titre {
        font-size: 15px;
    }
}

/* line 26, ../sass/module/_feature.scss */
.feature_titre_point {
    color: #4c5481;
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
}

@media (max-width: 1024px) {
    /* line 34, ../sass/module/_feature.scss */
    .feature_titre_point {
        font-size: 15px;
    }
}

/* line 38, ../sass/module/_feature.scss */
.feature_titre_svg {
    width: 20px;
    height: 20px;
}

/* line 43, ../sass/module/_feature.scss */
.feature_titre_actif_svg {
    width: 40px;
    height: 40px;
}

/* line 48, ../sass/module/_feature.scss */
.feature_titre_point_name {
    display: inline-block;
    width: 150px;
}

/* line 53, ../sass/module/_feature.scss */
.feature_veux {
    display: inline-block;
    color: white;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
    padding-left: 5px;
    padding-right: 5px;
}

/* line 63, ../sass/module/_feature.scss */
.feature_aide {
    display: inline-block;
    color: white;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
    padding-left: 5px;
    padding-right: 5px;
}

@media (max-width: 1024px) {
    /* line 74, ../sass/module/_feature.scss */
    .feature_veux {
        display: block;
    }
}

@media (max-width: 1024px) {
    /* line 80, ../sass/module/_feature.scss */
    .feature_aide {
        display: block;
    }
}

/* line 86, ../sass/module/_feature.scss */
.veuxItem {
    cursor: pointer;
    clear: both;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media (max-width: 1024px) {
    /* line 93, ../sass/module/_feature.scss */
    .veuxItem {
        font-size: 14px;
    }

    /* line 97, ../sass/module/_feature.scss */
    .veuxItem svg {
        width: 30px;
    }
}

@media (max-width: 375px) {
    /* line 103, ../sass/module/_feature.scss */
    .veuxItem {
        font-size: 12px;
    }

    /* line 107, ../sass/module/_feature.scss */
    .veuxItem svg {
        width: 25px;
    }
}

/* line 113, ../sass/module/_feature.scss */
.aideItem {
    cursor: pointer;
    clear: both;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media (max-width: 1024px) {
    /* line 120, ../sass/module/_feature.scss */
    .aideItem {
        font-size: 14px;
    }

    /* line 124, ../sass/module/_feature.scss */
    .aideItem svg {
        width: 30px;
    }
}

@media (max-width: 375px) {
    /* line 130, ../sass/module/_feature.scss */
    .aideItem {
        font-size: 12px;
    }

    /* line 134, ../sass/module/_feature.scss */
    .aideItem svg {
        width: 25px;
    }
}

/* line 140, ../sass/module/_feature.scss */
.icone {
    background-color: #0088dc;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
    width: 180px;
    padding: 5px 5px 5px 2px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media (max-width: 1400px) {
    /* line 151, ../sass/module/_feature.scss */
    .icone {
        display: block;
        width: 120px;
        height: 100px;
        font-size: 14px;
        margin-top: 10px;
    }

    /* line 159, ../sass/module/_feature.scss */
    .icone svg {
        width: 30px;
    }

    /* line 163, ../sass/module/_feature.scss */
    .iconeGauche {
        display: block;
        width: 120px;
        height: 100px;
        font-size: 14px;
        margin-left: 0px;
    }

    /* line 171, ../sass/module/_feature.scss */
    .iconeGauche svg {
        width: 30px;
    }
}

@media (max-width: 375px) {
    /* line 177, ../sass/module/_feature.scss */
    .icone {
        display: block;
        width: 80px;
        height: 100px;
        font-size: 12px;
        margin-top: 10px;
    }

    /* line 185, ../sass/module/_feature.scss */
    .icone svg {
        width: 25px;
    }

    /* line 188, ../sass/module/_feature.scss */
    .iconeGauche {
        display: block;
        width: 80px;
        height: 100px;
        font-size: 12px;
        margin-left: 0px !important;
    }

    /* line 196, ../sass/module/_feature.scss */
    .iconeGauche svg {
        width: 25px;
    }
}

/* line 206, ../sass/module/_feature.scss */
.icone_picto_svg {
    margin: auto;
    display: block;
}

/* line 211, ../sass/module/_feature.scss */
.text_under_picto {
    text-align: center;
}

/* line 215, ../sass/module/_feature.scss */
#feature_aide_id {
    padding-bottom: 50px;
}

/* line 219, ../sass/module/_feature.scss */
.icones {
    padding-bottom: 10px;
}

/* line 223, ../sass/module/_feature.scss */
.lisere {
    height: 30px;
    background-color: #000F50;
}

/* line 228, ../sass/module/_feature.scss */
#departement_contacts_left {
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
}

/* line 236, ../sass/module/_feature.scss */
#departement_contacts_left img {
    border: 8px solid white;
}

@media (max-width: 1024px) {
    /* line 242, ../sass/module/_feature.scss */
    #departement_contacts_left {
        padding-right: 10px;
    }
}

/* line 250, ../sass/module/_feature.scss */
#departement_contacts_center {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 1024px) {
    /* line 257, ../sass/module/_feature.scss */
    #departement_contacts_center {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* line 266, ../sass/module/_feature.scss */
.departement_contacts_right {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

@media (max-width: 1024px) {
    /* line 274, ../sass/module/_feature.scss */
    .departement_contacts_right {
        padding-left: 10px;
    }
}

/* line 282, ../sass/module/_feature.scss */
#departement_contacts_name_poste {
    display: block;
}

/* line 286, ../sass/module/_feature.scss */
#departement_contacts_name {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* line 291, ../sass/module/_feature.scss */
.departement_contacts {
    height: auto;
    background-color: #00b4c8;
}

/* line 297, ../sass/module/_feature.scss */
.icone:hover {
    background-color: #00b4c8;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* line 306, ../sass/module/_feature.scss */
.feature_picto {
    float: left;
    padding-left: 5px;
    padding-top: 15px;
    width: 20%;
}

@media (max-width: 1024px) {
    /* line 314, ../sass/module/_feature.scss */
    .feature_picto {
        font-size: 14px;
    }
}

/* line 320, ../sass/module/_feature.scss */
.feature_picto_B {
    padding-top: 15px;
}

@media (max-width: 1024px) {
    /* line 326, ../sass/module/_feature.scss */
    .feature_picto_A img {
        width: 30px;
    }
}

@media (max-width: 1024px) {
    /* line 333, ../sass/module/_feature.scss */
    .feature_picto_B img {
        width: 30px;
    }

    /* line 336, ../sass/module/_feature.scss */
    .feature_picto_B .feature_picto_B_retour {
        display: none;
    }
}

/* line 341, ../sass/module/_feature.scss */
.retour {
    cursor: pointer;
}

/* line 345, ../sass/module/_feature.scss */
.picto_fleche_droite {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* line 349, ../sass/module/_feature.scss */
.feature_departement_name {
    color: white;
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    padding-left: 5px;
}

@media (max-width: 1024px) {
    /* line 358, ../sass/module/_feature.scss */
    .feature_departement_name {
        font-size: 18px;
    }
}

/* line 363, ../sass/module/_feature.scss */
.feature_titre_point svg {
    vertical-align: middle;
}

/* line 367, ../sass/module/_feature.scss */
.header-menu-retour {
    cursor: pointer;
}

/* line 371, ../sass/module/_feature.scss */
.feature_titre_point_name {
    vertical-align: top;
}

/* line 1, ../sass/layout/_grid.scss */
.cont {
    overflow: hidden;
    *zoom: 1;
}

/* line 3, ../sass/module/_bloc-partenaire.scss */
.blocPartenaire {
    margin-top: 60px;
    margin-bottom: 60px;
    background-color: white;
}

@media (max-width: 750px) {
    /* line 11, ../sass/module/_bloc-partenaire.scss */
    .blocPartenaire {
        margin-top: 40px;
        margin-bottom: 45px;
        background-color: white;
    }
}

@media (max-width: 350px) {
    /* line 20, ../sass/module/_bloc-partenaire.scss */
    .blocPartenaire {
        margin-top: 30px;
        margin-bottom: 35px;
        background-color: white;
    }
}

/* line 28, ../sass/module/_bloc-partenaire.scss */
.blocPartenaire-text {
    color: #bfcdca;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    margin-top: 15px;
}

@media (max-width: 750px) {
    /* line 38, ../sass/module/_bloc-partenaire.scss */
    .blocPartenaire-text {
        color: #bfcdca;
        font-size: 25px;
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        margin-top: 15px;
    }
}

@media (max-width: 350px) {
    /* line 49, ../sass/module/_bloc-partenaire.scss */
    .blocPartenaire-text {
        color: #bfcdca;
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        margin-top: 15px;
    }
}

/* line 59, ../sass/module/_bloc-partenaire.scss */
.partner-logo {
    height: 60px;
    text-align: center;
    display: inline-block;
}

@media (max-width: 750px) {
    /* line 67, ../sass/module/_bloc-partenaire.scss */
    .partner-logo {
        height: 40px;
        text-align: center;
        display: inline-block;
    }
}

@media (max-width: 350px) {
    /* line 77, ../sass/module/_bloc-partenaire.scss */
    .partner-logo {
        height: 35px;
        text-align: center;
        display: inline-block;
    }
}

/* line 85, ../sass/module/_bloc-partenaire.scss */
.partner-logo-reduced {
    height: 40px;
    text-align: center;
    display: inline-block;
}

@media (max-width: 750px) {
    /* line 93, ../sass/module/_bloc-partenaire.scss */
    .partner-logo-reduced {
        height: 30px;
        text-align: center;
        display: inline-block;
    }
}

@media (max-width: 350px) {
    /* line 103, ../sass/module/_bloc-partenaire.scss */
    .partner-logo-reduced {
        height: 25px;
        text-align: center;
        display: inline-block;
    }
}

/* line 111, ../sass/module/_bloc-partenaire.scss */
.partner-img {
    height: 100%;
    width: auto !important;
}

/* line 3, ../sass/module/_footer.scss */
.blocFooter {
    height: 75px;
    background-color: #00B4C8;
}

/* ajout Style TEE le 2022/12/05 */

.dispositif {
    display: flex !important;
    margin-bottom: 25px;
    padding-top: 50px;
    border-top: white 1px solid;
}

.dispositif:first-child{
    border-top: 0;
    padding-top: 0;
}

.dispositif:last-child{
    margin-bottom: 0;
}

.dispositif:nth-child(2n) {
    flex-direction: row-reverse;
}


.dispositif > div {
    width: 50%;
    max-width: 900px;
}

.dispositif > div > h2 {
    text-align: center;
}

.agenda {
    display: flex;
}

svg.bi.bi-calendar-event {
    margin-right: 10px;
}

@media screen and (max-width: 900px) {
    .dispositif {
        flex-direction: column;
    }

    .dispositif > div {
        width: 100%;
    }

    .contact_icons {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 20px;
        height: 120px;
    }

}