@media screen and (min-width: 2400px) {
    #header-title-wrapper .header-title {width: calc(39vw - ((100vw - 1450px) / 2) );}
}

@media screen and (min-width: 2800px) {
    #header-title-wrapper .header-entete-img {width: 55%;}
    #header-title-wrapper .header-title {width: calc(44vw - ((100vw - 1450px) / 2) );}
}

/* medium desktop screen */
@media screen and (min-width: 1600px) and (max-width: 1900px) {

}

@media screen and (min-width: 1300px) and (max-width: 1599px) {
}

@media screen and (min-width: 1024px) and (max-width: 1299px) {
    body {font-size: 12px;}
    .home-banner-slider {height: 450px;}
    .home-banner-content {font-size: 12px;}
}	

@media screen and (max-width: 1600px) {
    
}

/* mobile */
@media screen and (max-width: 1450px) {
    .quicklink-item a span {font-size: 0.8em;}
}

@media screen and (max-width: 1320px) {
    .quicklink-item a span {font-size: 0.7em; letter-spacing: 1px;}
}

@media screen and (max-width: 1299px) {
    
}

@media screen and (max-width: 1140px) {
    .quicklink-item a span {letter-spacing: 0px;}
}

@media screen and (max-width: 1023px) {
	input, select, textarea {font-size: 16px!important;}
    .container { max-width: calc(100% - min(60px, 10%)); }
    body > .menu-menu-principal-container { max-width: calc(100% - min(60px, 10%)); }

    .e-con-inner .e-con-inner {max-width: 100%!important;}

    .home-banner-slider {height: 400px;}
    .home-banner-content {font-size: 10px;}

    /* header */
    .menu-secondaire, .menu-principal, .header-gov-opt {display: none}
    .menu-mobile {display: flex}
    .header-search-wrapper {display: block!important; margin-right: 25px; max-width: 100%; position: relative; transform: unset;}
    .header-mobile-search {display: flex; flex-direction: row; justify-content: flex-end;}
    .header-search-submit i {font-size: 30px;}
    .header-mobile-search {max-width: calc(100% - 80px); padding-left: 35px;}
    #header-title-wrapper .header-title, .subsite-header .subsite-header-title {font-size: 0.85em;}
    .ecole-name h2 {font-size: 2.8em;}

    /* alerts */
    #header-alert-container .alert-title-wrapper {width: 240px; font-size: 0.7em;}
    #header-alert-container .alert-message {font-size: 1.2em;}

    .fildariane {margin-bottom: 45px; padding-left: 20px; padding-right: 20px;}

    /* home */
    .list-post-short-wrapper {flex-direction: column;}
    .list-post-short-wrapper>a {width: 100%;}
    .list-post-short-wrapper>a:not(:last-child) {margin-bottom: 30px;}

    /* ehdaa */
    .ehdaa-container {margin-left: 0;}

    /* pdf */
    .embed-pdf, .elementor-widget-csscc_pdf_embed {height: unset;}


}
@media screen and (max-width: 867px) {
    .home-banner-content {font-size: 10px;}
    .home-banner-name {margin-top:1.5em;}
}

@media screen and (min-width: 767px) and (max-width: 940px){
    .quicklink-front { padding:20px 5px; }
}

@media screen and (min-width: 767px) and (max-width: 1024px){
    .quicklink-item a span {font-size: 0.65em;}

    .ariane-block {width: 30px; border: 5px solid var(--main-light-blue); font-size: 11px; }
    .fildariane a:last-child .ariane-block {border: 4px solid #fff; outline: var(--main-dark-blue) solid 1px ;}
    .ariane-title {font-size: 10px; line-height: 1.1em; width: 75px;}
}

@media screen and (min-width: 768px) {
    .bg-mobile {background-image: none!important;}
}



@media screen and (max-width: 767px) {
	body {font-size: 18px;}
    .container { max-width: calc(100% - min(40px, 8%)); }
    body > .menu-menu-principal-container { max-width: calc(100% - min(40px, 8%)); }


    .home-banner-slider {height: 380px;}
    .home-banner-content {font-size: 10px;}

    /* header */
    .header-entete-img, .subsite-entete-img {display: none;}
    #header-title-wrapper, .subsite-header {height: unset; padding-top: 40px; padding-bottom: 40px; background-position: 35% 80%;}
    #header-title-wrapper .header-title, .subsite-header .subsite-header-title {width: 100%; text-align: center;}

    /* nouvelles */
    .container-archives {flex-direction: column;}
    .archives-right {width: 100%; margin-left: unset; margin-top: 50px;}

    /* contact */
    .form-row {flex-direction: column;}
    .form-col {width: 100%;}
    .form-col + .form-col {margin-left: 0; margin-top: 12px;}

    /* home */
    #header-alert-container.has-multiple .header-alert-slide > .container > div {margin-right: 48px;}
    #header-alert-controls .alert-slider-controls {flex-direction: column;justify-content:center;}

    #header-alert-container .header-alert-slide .alert-wrapper {flex-direction: column;}
    #header-alert-container .header-alert-slide .alert-wrapper .alert-title-wrapper {width: 80%; display: flex; gap:2em; padding: 0 0 0 20px; margin-bottom: 1.5em;}
    #header-alert-container .header-alert-slide .alert-wrapper .alert-title-wrapper h4 {margin-bottom: 3px;}
    #header-alert-container .header-alert-slide .alert-wrapper .alert-title-wrapper h4 span {text-decoration: none;}

    .alert-message {font-size: 1em; line-height: 0.9em;}
    .home-banner-content {width: 100%;}
    .quicklinks-home {height: 500px; margin: 0;}
    .quicklink-item a span {font-size: 0.8em !important;}
    .home-banner-content {padding: 3em min(30px, 3%); /*text-align: left; align-items: flex-start;*/}
    .home-banner-nav {left: 50%; transform: translateX(-50%);}
    .home-banner-img {display: none;}
    .article-short {flex-direction: column; width: 100%;}
    .article-short-img, .article-short img, .article-short-content {width: 100%;}
    .article-short-content { border-left: 2px solid #fbf7f2;}
    .home-list-job-avantage .elementor-image-box-wrapper {display: flex; flex-direction: row; align-items: center;}
    .home-list-job-avantage .elementor-image-box-wrapper .elementor-image-box-content {padding-left: 15px;}

    /* ehdaa */
    .ehdaa-container {position: relative;}
    .ehdaa-sidebar {position: absolute; height: 100%; left: 0; top: 0; transform: translateX(-100%); transition: all 0.35s; z-index: 1; width: 290px;}
    .ehdaa-sidebar.active {transform: translateX(0);}
    #ehdaa-sidebar-mobile-btn {display: block;}
    .ehdaa-content {width: 100%;}
}

@media screen and (max-width: 600px) { 
    
}

@media screen and (max-width: 500px) {
    body {font-size: 14px;}
    .elementor-widget-text-editor ul, #header-title-wrapper + .container ul {flex-direction: column; align-items: unset;}
    .elementor-widget-text-editor ul li, #header-title-wrapper + .container ul li {width: auto; margin-bottom: 30px;}
    .header-search-wrapper {width: 100%;}
    .home-banner-title h2 {font-size: 2.2em;}
    .alert-title-wrapper {font-size: 0.7em;}
    .alert-slider-controls {flex-direction: column; justify-content: center;}
    .header-alert .tns-outer {width: calc(100% - 55px);}
    .alert-slider-controls>div:not(:last-child) {margin-right: 0; margin-bottom: 10px;}

    .ariane-block {width: 30px; border: 5px solid var(--main-light-blue); font-size: 11px; }
    .fildariane a:last-child .ariane-block {border: 4px solid #fff; outline: var(--main-dark-blue) solid 1px ;}
    .ariane-title {font-size: 10px; line-height: 1.1em; width: 75px;}

    .home-banner-slider {height: 300px;}
    .home-banner-content {font-size: 9.5px;}
    .home-banner-name {margin:1em 0;}
}

@media screen and (max-width: 400px) { 
    .home-banner-content {padding: 1em min(30px, 3%); font-size: 9px;
    .home-banner-slider {height: 200px;}
    .home-banner-name {margin:0.75em 0;}

    #header-title-wrapper .header-title h1, .subsite-header .subsite-header-title h1 {font-size: 2em;}
}