/**** Média-queries ****/

@media only screen and (max-width: 1270px) {

    main section#content .bloc-welcome .content {
        height: 420px !important;
    }

    header#main-header .container #search {
        width: 33%;
    }

    header#main-header .container #search input.search-field {
        width: 45%;
    }

    main section#content section#newsletter-milan-jeunesse .contenu .form-mail form {
        max-width: 93%;
        top: 20%;
    }

    main section#content section#newsletter-milan-jeunesse .contenu .form-mail form input {
        margin-bottom: 3px;
    }

    footer .content .footer .linkFooter,
    footer .content .footer .imgLogo {
        display: block;
        text-align: center;
        float: none;
    }
}

@media only screen and (max-width: 1199px){

    .btn-connexion {
        margin-left: 15px;
    }

    header .container .row img.logo {
        margin-top: 15px;
    }

    header#main-header .container #search {
        width: 30%;
        margin-left: 0;
    }

    header#main-header .container .row a.btn-teacher {
        margin-right: 0;
    }

    header#main-header .container #search input.search-field {
        width: 27%;
    }

    header#main-header .container .user-box {
        width: 155px;
        margin-left: 0;
    }

    header#main-header .container button.btn-1j1a-back {
        padding: 15px 55px 15px 15px !important;
    }

    main section#content section#newsletter-milan-jeunesse .contenu {
        padding: 60px 23px 62px 60px;
    }

    main section#content section#newsletter-milan-jeunesse .contenu .text h2 {
        font-size: 38px;
        line-height: 30px;
    }

    main section#content section#newsletter-milan-jeunesse .form-mail::before {
        background-size: 85%;
        bottom: 42%;
    }

    main section#content section#newsletter-milan-jeunesse .form-mail::after {
        background-size: 85%;
        bottom: 72%;
    }

    main section#content section#newsletter-milan-jeunesse .contenu .form-mail form {
        top: 22%;
    }

    body.page-template-page-contacter-votre-delegue .contact-delegue .text form {
        flex-direction: column !important;
        background-size: cover !important;
        border-radius: 15px;
    }

    body.page-template-page-contacter-votre-delegue .contact-delegue .text form input {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1024px) {

    header#main-header .container .logo-desktop {
        padding-right: 25px;
    }

    header#main-header .container .row a.btn-teacher {
        padding: 15px 45px 18px 15px;
    }

    header#main-header .container .row a.btn-teacher:before {
        right: 15px;
    }

    header .container .row #search {
        width: 25%;
    }

    header#main-header .container .user-box {
        width: 170px;
    }

    header#main-header .container .row button.btn-teacher::before {
        right: 10px;
    }

    header#main-header .container .row button.btn-1j1a-back::before {
        right: 15px;
    }

    a#back-top.afficher {
        display: none !important;
    }

    main #left-menu-sticky-wrapper {
        width: 20%;
    }

    main aside#left-menu ul.row {
        padding: 0 15px;
    }

    /*main header#page-header::after {*/
    /*    width: 44% !important;*/
    /*    left: 62% !important;*/
    /*}*/

    main section#content {
        width: 80%;
    }

    body.single main #single-content {
        padding: 0 90px !important;
    }

    main section#content .bloc-welcome .content .text span.title {
        font-size: 36px !important;
    }

    main section#content .bloc-seance .row {
        margin: 30px !important;
    }

    main section#content .bloc-seance .content {
        padding: 20px;
    }

    main section#content .bloc-seance .content .part2 .pos-2,
    main section#content .bloc-seance .content .part2 .pos-3 {
        padding: 15px;
    }

    main section#content .bloc-parcours-emc {
        margin-bottom: 20px !important;
        padding: 30px !important;
    }

    main section#content .bloc-info-presse {
        background-size: cover !important;
        padding: 40px !important;
    }

    main section#content .bloc-info-presse.info-1 {
        bottom: -28px !important;
    }

    main section#content .bloc-realise-journal {
        top: -18px !important;
    }

    main section#content .bloc-realise-journal .illustration-journal {
        top: 5% !important;
        right: 50% !important;
    }

    main section#content .bloc-realise-journal .text {
        align-items: center !important;
    }

    main section#content .bloc-acces-emc {
        top: -30px !important;
        padding: 55px !important;
    }

    main section#content .bloc-acces-emc .text {
        width: auto !important;
    }

    main section#content .bloc-acces-emc .illustration-emc {
        width: 400px !important;
        background-size: contain;
    }

    main section#content .bloc-rdv {
        margin-top: 0 !important;
    }

    main section#content .utilisation1j1aClasse {
        padding: 30px;
    }

    main section#content section#actus-semaine {
        margin-bottom: 30px !important;
    }

    main section#content section#actus-semaine .row-padding {
        padding: 0 105px !important;
    }

    main section#content .recevoir-actu {
        padding: 30px !important;
    }

    main section#content .recevoir-actu img.illustration-recevoir-actu {
        right: 58% !important;
        top: 0 !important;
    }

    main section#content .recevoir-actu .text {
        width: auto !important;
        margin-top: 70px !important;
    }

    main section#content section#explication1j1a .content {
        padding: 30px !important;
    }

    main section#content section#explication1j1a .content .text {
        padding-left: 55px;
    }

    main section#content section#newsletter-milan-jeunesse .contenu .text h2 {
        font-size: 38px;
        text-align: center;
    }

    main section#content section#marketing-hs .content {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center !important;
    }

    main section#content section#marketing-hs .content .image {
        margin-bottom: 50px !important;
    }

    main section#content section#marketing-hs .image .bkg-tache {
        width: 404px !important;
    }

    main section#content section#marketing-hs .content .text {
        padding: 0 16px;
        max-width: 100% !important;
        text-align: center !important;
    }

    main section#content section#marketing-hs .content .text h2,
    main section#content section#marketing-hs .content .text span {
        font-size: 38px;
    }

    main section.videos .row-padding,
    main section#remontee-tag .row-padding {
        padding: 0 65px !important;
    }

    body.single main #single-content.videos {
        padding: 0 !important;
    }

    body.page-template-page-hebdo main section#content .listSeancePedagogique a.detail {
        float: none !important;
        margin-bottom: 15px;
    }

    body.page-template-page-hebdo main section#content .searchSeancePedagogique form .form-group {
        margin-right: 12px !important;
    }

    body.page-template-page-hebdo main section#content .listSeancePedagogique .content .poster {
        padding-right: 20px !important;
    }

    body.page-template-page-hebdo main section#content .listSeancePedagogique .content .contenuSemaine {
        padding-left: 20px !important;
    }

    body.page-template-page-parcours-emi main section#content .bloc-hp-ens {
        padding: 0 30px;
    }

    .parcours-single .parcours-item.parcours-1 .part-items header h3 {
        padding-left: 6% !important;
        padding-top: 3% !important;
    }

    #parcours-emi-single .navigation {
        padding-left: 30px !important;
    }

    #parcours-emi-single .navigation button {
        margin-right: 18px !important;
        font-size: 16px !important;
    }

    #parcours-emi-single .navigation button:after {
        right: -15px !important;
    }

    .parcours-single .parcours-item .intro {
        margin: 0 30px !important;
        margin-bottom: 40px !important;
    }

    .single-parcours_emi footer .contact-delegue {
        display: none !important;
    }

    #parcours-emi-single .parcours-item.parcours-4 .content .item {
        width: auto !important;
    }

    #parcours-emi-single .parcours-item.parcours-4 .content .item h2,
    #parcours-emi-single .parcours-item.parcours-4 .content .item h2 span {
        font-size: 22px;
    }

    #parcours-emi-single .parcours-item.parcours-4 .content .item img {
        padding: 0 !important;
    }

    body.page-template-page-journal main section#content section.explicationPlateforme .content {
        padding: 72px 30px !important;
    }

    body.page-template-page-journal main section#content .videosCreations .content h3 {
        text-align: center !important;
    }

    body.page-template-page-journal main section#content .espaceEnf .content .card {
        width: 280px !important;
        margin-bottom: 15px;
    }

    body.page-template-page-journal main section#content .videosCreations .content .item {
        background-position: center !important;
        border-radius: 15px !important;
        padding: 20px;
        width: 360px !important;
        height: auto !important;
    }

    body.page-template-page-journal main section#content section.marketing .content .content-left span.title  {
        font-size: 35px !important;
    }

    body.page-template-page-journal main section#content section.marketing .content .content-left {
        width: 62% !important;
        padding: 40px 30px !important;
    }

    body.page-template-page-journal main section#content section.marketing .content .content-right {
        width: 30% !important;
        background-size: contain !important;
    }

    body.page-template-page-1j1a-cestquoi main .decouvrir-offre-enseignant .contenu .contenu-item {
        flex-wrap: wrap;
    }

    footer .content {
        width: 80% !important;
    }

    footer .contact-delegue img.illustration-contact-delegue {
        width: 40% !important;
    }

    footer .contact-delegue .text {
        width: 52% !important;
        padding: 0 30px 30px !important;
    }

    footer .contact-delegue .text form {
        height: auto !important;
        display: block !important;
        padding: 10px !important;
        border-radius: 25px !important;
        text-align: center !important;
    }

    footer .contact-delegue .text form input {
        margin-right: 0 !important;
        margin-bottom: 15px !important;
    }

    footer section#footer-newsletter .rgpd-form .longText {
        display: none;
    }

    footer section#footer-newsletter .rgpd-form #btnMoreLess {
        display: inline;
        text-decoration: underline;
    }

    footer section#footer-newsletter.newsletter-enseignants .contenu::before {
        width: 50% !important;
        bottom: 39% !important;
        left: 50% !important;
    }

    footer section#footer-newsletter .contenu .form-mail {
        border-radius: 15px !important;
    }

    footer section#footer-newsletter .contenu .form-mail form  {
        width: 100%;
        top: 15% !important;
    }

    footer section#footer-newsletter .contenu .form-mail form input {
        margin-bottom: 10px !important;
    }

    footer section#footer-newsletter .form-mail {
        /*height: auto !important;*/
        background-size: cover !important;
    }

    footer section#footer-newsletter .contenu .form-mail form {
        width: auto;
        margin: 0 20px;
    }

    footer section#footer-newsletter.newsletter-famille .form-mail::before {
        width: 160px;
        height: 200px;
        bottom: 82%;
    }

    footer section#footer-newsletter.newsletter-famille .form-mail::after {
        width: 80px;
        height: 61px;
        bottom: 90%;
    }

    footer section#footer-newsletter .contenu {
        height: 260px;
        padding-top: 40px !important;
        padding-bottom: 30px !important;
    }

    body[class*="tag-videos"] .videos-list header h3,
    body[class*="tag-videos"] .videos-list header .cat-link {
        margin-top: 10px !important;
    }

    /* Page connexion & création de compte   */
    body.page-template-page-login main section#content section#login-page form#login-form {
        width: 50% !important;
    }

    body.page-template-page-create-account main section#content section#create-account-page form#create-account-form {
        margin-bottom: 50px !important;
    }

    /* Page contacter votre délégué   */

    body.page-template-page-contacter-votre-delegue .text {
        padding: 0 !important;
    }

    main section#content .bloc-seance .linkDownload {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    body[class*="tag-podcasts"] #content .list-article article .visuel .content-visuel span {
        font-size: 15px !important;
    }

    body[class*="tag-podcasts"] #content .list-article .list-post-4x article .visuel .content-visuel img {
        width: 40px !important;
    }

    .parcours-single.parcours-single-podcastsmemepasvrai .fiches {
        display: block;
        width: 100%;
    }

    #commentaires ol li p {
        margin-left: 0;
        font-size: 17px;
        margin-top: 15px;
    }

    #commentaires ol li p::before, #commentaires ol li p::after {
        display: none;
    }

}

@media only screen and (max-width: 991px) {

    span.title {
        line-height: 38px !important;
        font-size: 28px !important;
    }

    #alaune article h1,
    #alaune article h1 a {
        font-size: 36px !important;
    }

    iframe {
        border: 1px solid transparent;
        background-color: transparent;
        width: 100%;
    }

    header#main-header {
        height: 60px;
        box-shadow: 0 2px 31px 0 rgba(0,0,0,0.08);
    }

    header#main-header.sticky {
        height: 60px;
    }

    header#main-header .container {
        box-shadow: none;
    }

    header#main-header .container .logo img {
        max-width: 70px;
    }

    header#main-header .container .row,
    header#main-header.sticky .container .row {
        padding: 11px 16px;
    }

    header#main-header.sticky .container .row img.logo-1j1a {
        width: 60px;
        margin-top: 0;
    }

    header#main-header .container .user-box {
        margin-top: 0 !important;
        float: right;
        width: 80px;
    }

    .user-box .btn-connexion .btn-display {
        padding: 2px !important;
    }

    header#main-header .container .user-box .btn-connexion {
        display: inline-block !important;
        float: right;
        margin-right: 24px;
        position: relative !important;
    }

    header#main-header .container .user-box .btn-connexion img {
        padding: 0 !important;
    }

    header#main-header .container .btn-connexion span {
        display: none;
    }

    header#main-header .container .logo-desktop,
    header#main-header .container form button.btn-teacher {
        display: none;
    }

    header#main-header .container .menu-burger form button.btn-teacher {
        display: block;
        padding: 15px 84px 18px 15px;
        margin: 20px 0;
    }

    header#main-header .container button.btn-1j1a-back {
        padding: 8px 40px 8px 15px !important;
        margin-top: 0 !important;
    }

    header#main-header .container form button.btn-1j1a-back,
    header#main-header .container .menu-burger nav#menu-left .otherbtn form button.btn-1j1a-back {
        display: block !important;
    }

    header#main-header .container .menu-burger nav#menu-left .otherbtn form button.btn-1j1a-back {
        color: #0B2D46;
    }

    header#main-header .container .menu-burger nav#menu-left .otherbtn form button.btn-1j1a-back,
    header#main-header .container .menu-burger nav#menu-left .otherbtn a.btn-abonner {
        margin-bottom: 16px !important;
        width: 100%;
        text-align: center;
    }

    header#main-header .container .menu-burger nav#menu-left .otherbtn a.btn-abonner {
        float: none;
        padding: 10px 0;
        display: inline-block;
    }

    header#main-header .container form button.btn-1j1a-back br {
        display: none;
    }

    header#main-header .container button.btn-1j1a-back::before {
        bottom: 14px !important;
        right: 13px !important;
    }

    header#main-header .container .logo-on-scroll {
        display: block;
        float: left;
        width: 10%;
        padding-right: 0 !important;
    }

    header#main-header .container .row #search {
        display: none;
    }

    form.btn-retour span.nameBtn {
        display: none !important;
    }

    form.mobile-only {
        display: block !important;
    }

    header#main-header .container form.btn-retour button.btn-1j1a-back {
        margin-top: 0 !important;
        padding: 20px !important;
        margin-right: 0 !important;
    }

    header#main-header .container .row button.btn-teacher.btn-1j1a-back::before {
        background: url("../img/Arrow_blue.svg") no-repeat ;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        bottom: 12px !important;
        right: 14px !important;
    }

    header#main-header.sticky .container button.btn-1j1a-back {
        margin-top: 0;
    }

    header#main-header div.header,
    header#main-header .container a.btn-abonner::before {
        display: none;
    }

    header#main-header .container .btn-icon-burger {
        position: relative;
        cursor: pointer;
        float: left;
        padding-right: 16px;
        padding-top: 5px;
    }

    header#main-header .container .btn-icon-burger span {
        display: block;
        height: 4px;
        width: 26px;
        background-color: #0B2D46;
        margin: 5px auto;
        border-radius: 12px;
    }

    header#main-header .container .btn-icon-burger span:nth-child(2) {
        width: 19px;
        margin: 0;
    }

    header#main-header .container img.logo-1j1a {
        display: block;
        width: 60px;
        position: relative;
        float: left;
    }

    header#main-header .container a.btn-abonner,
    header#main-header.sticky .container a.btn-abonner {
        margin: 0 !important;
    }

    header#main-header .container .row a.btn-teacher {
        display: none;
    }

    header#main-header .container a.btn-teacher.btn-1j1a-back {
        padding: 0;
        width: 37px;
        height: 37px;
        margin-top: 0;
        display: block !important;
    }

    header#main-header .container .row a.btn-teacher.btn-1j1a-back::before {
        bottom: 12px;
        right: 11px;
    }

    header#main-header .container a.btn-teacher span.nameBtn {
        display: none;
    }

    header#main-header .container #burger .menu-burger,
    header#main-header.sticky .container #burger .menu-burger {
        display: flex;
        flex-direction: column;
        width: 220px;
        padding: 24px 33px 0 23px;
    }

    header#main-header .container #burger .btn-icon-burger,
    header#main-header .container #burger .menu-burger #search,
    header#main-header .container #burger .menu-burger a.btn-teacher {
        display: block;
    }

    header#main-header .container #burger .menu-burger #search {
        margin-top: 0;
        margin-bottom: 10px;
        width: 100%;
    }

    header#main-header .container #burger .menu-burger form.search-form {
        text-align: center;
    }

    header#main-header .container #burger .menu-burger form.search-form button {
        display: none;
    }

    header#main-header .container .row #search form input.search-field {
        padding: 11px 13px 11px 45px;
        width: 76%;
    }

    header#main-header .container #burger .menu-burger form.btn-teacher {
        display: block;
        position: relative;
    }

    header#main-header .container #burger .menu-burger form.btn-teacher:before {
        content: "";
        background: url("../img/illustre-btn-enseignant-mobile.png");
        width: 114px;
        height: 65px;
        position: absolute;
        top: -21%;
        left: 46%;
        z-index: 300;
    }

    /*header#main-header .container #burger .menu-burger form button.btn-1j1a-back {*/
    /*    display: none !important;*/
    /*}*/

    header#main-header .container #burger.menu-activated #menu-overlay,
    header#main-header.sticky .container #burger.menu-activated #menu-overlay {
        display: block;
    }

    header#main-header .container #burger.menu-activated .menu-burger,
    header#main-header.sticky .container #burger.menu-activated #menu-overlay {
        transform: translateX(0);
        height: 100vh;
    }

    header#main-header .menu-burger.enseignant {
        width: 280px !important;
        padding: 16px !important;
    }

    header#main-header .menu-burger nav#menu-left {
        margin-bottom: 20px;
    }

    header#main-header .menu-burger.enseignant nav#menu-left {
        margin-top: 15px;
    }

    header#main-header .menu-burger nav#menu-left ul.row {
        padding: 0;
        margin-bottom: 25px;
    }

    header#main-header.sticky .menu-burger nav#menu-left ul.row {
        height: auto;

    }

    header#main-header .menu-burger nav#menu-left ul.enseignant {
        height: auto;
    }

    header#main-header .container .menu-burger.enseignant nav#menu-left ul li {
        width: 248px;
    }

    header#main-header .container .menu-burger.enseignant nav#menu-left ul li ul.sous-menu li {
        padding-left: 0;
        border-bottom: none;
        border-left: 0;
    }

    header#main-header .container #burger .menu-burger a.btn-teacher {
        padding: 15px 84px 18px 15px;
        font-size: 20px;
    }

    header#main-header .container .menu-burger a.btn-teacher::after {
        content: '';
        width: 114px;
        height: 65px;
        background: url('../img/enseignants.png')no-repeat;
        background-size: cover;
        position: absolute;
        right: 13px;
        bottom: 73%;
    }

    header#main-header .container .menu-burger a.btn-connexion {
        margin-left: 0;
        text-align: left;
        font-size: 20px;
        margin-top: 33px;
        background: transparent;
        color: #01496D;
        font-family: "Source Sans SemiBold", sans-serif;
        text-transform: initial;
    }

    header#main-header .container .menu-burger a.btn-connexion img {
        width: 24px;
        margin-right: 20px;
        margin-left: 5px;
    }

    header#main-header .container .menu-burger nav#menu-left .otherbtn {
        background: rgba(254,166,46,0.20);
        border-radius: 8px;
        text-align: center;
        padding: 24px 16px;
    }

    header#main-header .container .menu-burger nav#menu-left .otherbtn a.btn-1j1a-back {
        display: block;
        margin-bottom: 20px;
    }

    header#main-header .container .menu-burger nav#menu-left .otherbtn a.btn-delegue br {
        display: none;
    }

    header#main-header .container .menu-burger nav#menu-left .otherbtn .social {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }

    main aside#left-menu,
    main.container #left-menu-sticky-wrapper {
        display: none;
    }

    main section#content,
    footer .content {
        width: 100% !important;
    }

    body.page main #single-content {
        padding: 0 90px !important;
    }

    main header#page-header {
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        margin-bottom: 8px !important;
        justify-content: center !important;
    }

    main header#page-header::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 0;
        border-bottom: 30px solid #fff;
        border-left: 55px solid transparent;
        border-right: 55px solid transparent;
        width: 88%;
    }

    main header#page-header.blue::before {
        display: none !important;
    }

    main header#page-header nav {
        width: 100% !important;
        text-align: left !important;
        margin-left: 16px !important;
    }

    main header#page-header h1 {
        margin-bottom: 65px !important;
        font-size: 38px !important;
    }

    body.single main #single-content.videos {
        padding: 0 16px !important;
    }

    body.single-post main header#page-header::before,
    body.paged main header#page-header::before {
        display: none;
    }

    body.single main #single-content article .btn-single-video {
        display: flex;
        justify-content: center;
    }

    body.page-template-page-parcours-emi .etape-etude-actu {
        margin-bottom: 70px !important;
    }

    body.page-template-page-parcours-emi main header#page-header h1 {
        margin: 0 !important;
    }

    body.page-template-page-parcours-emi .etape-etude-actu h2 {
        font-size: 24px !important;
    }

    body.page-template-page-parcours-essentiels main header#page-header::after,
    body.page-template-page-parcours-emi main header#page-header::after {
        display: block !important;
        background-position: center !important;
    }

    body.page-template-page-parcours-emi .etape-etude-actu .contenu {
        flex-direction: column !important;
        align-items: center !important;
        width: 220px !important;
        margin: 0 auto !important;
        background-position: center !important;
    }

    body.archive #content .first-article {
        max-width: 100%;
        width: auto !important;
        padding: 20px 10px !important;
    }

    body.archive #content .first-article article {
        width: 100%;
        margin: 0 auto;
    }

    body.archive #content .list-article .list-post-4x article .visuel,
    main section#content section#actus-semaine .list-post-4x article .visuel{
        margin-right: 3% !important;
        width: 40%;
    }

    body.archive #content .list-article .list-post-4x article .content-text,
    main section#content section#actus-semaine .list-post-4x article .content-text {
        width: 60%;
    }

    body.archive main section#content .list-article .list-post-4x article .date {
        line-height: 40px !important;
    }

    body.search main section#content .list-article .list-post-4x {
        grid-template-columns: 1fr 1fr 1fr !important;
    }

    body.archive main section#content .list-article .list-post-4x,
    body.category main section#content .list-article .list-post-4x {
        display: block !important;
        padding: 0 10px !important;
    }

    body.tag-videos main header#page-header h1 {
        margin-bottom: 15px !important;
    }

    body.tag-videos main header#page-header img {
        margin-bottom: 50px;
    }

    body.category main header#page-header h1 {
        font-size: 42px !important;
    }

    body.category #content .first-article {
       margin-top: -55px !important;
    }

    body.category #content .first-article h1,
    body.archive #content .first-article h1 {
        font-size: 24px !important;
    }

    body.category #content .first-article time.date,
    body.archive #content .first-article time.date {
        font-size: 18px !important;
    }

    main header::after {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
        display: block !important;
    }

    main header#page-header::after {
        display: none !important;
    }

    body.tag main header#page-header {
        padding-bottom: 50px !important;
    }

    section .row-padding {
        padding: 0 16px !important;
    }

    main section#content #alaune {
        display: block;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    main section#content #alaune aside#col-right-play {
        margin-bottom: 16px;
    }

    main section#content #alaune aside#col-right-play .play .bkg-blue,
    main section#content #alaune aside#col-right-marketing .marketing .bkg-orange {
        display: none;
    }

    main section#content #alaune aside#col-right-play .play {
        background-color: #e1eefc;
        border-radius: 20px;
        padding: 10px;
    }

    main section#content #alaune aside#col-right-play .play .content-play {
        /*flex-direction: row;*/
        justify-content: center;
    }

    main section#content #alaune aside#col-right-play .play .content-play a#btn-play {
        position: relative;
    }

    main section#content #alaune aside#col-right-play .play .content-play a.link-bloc-aside-home span {
        bottom: 0;
    }

    main section#content #alaune aside#col-right-marketing .marketing {
        background-color: #fff8d5;
        border-radius: 20px;
    }

    main section#content #alaune aside#col-right-marketing .marketing .content-marketing img {
        width: 85%;
    }

    main section#content #alaune aside#col-right-marketing .marketing .content-marketing .desc,
    main section#content #alaune aside#col-right-marketing .marketing .content-marketing .price {
        display: none;
    }

    main section#content #alaune aside#col-right-marketing .marketing a.btn {
        margin-bottom: 16px;
        margin-top: 0;
    }

    main section#content section#selection-pour-toi .content {
        display: block;
    }

    main section#content section#selection-pour-toi .content .item {
        margin-bottom: 16px;
    }

    main section#content section#actus-semaine .row-padding {
        padding: 0 30px !important;
    }

    main section#content section#actus-semaine .list-post-4x {
        display: block;
    }

    main section#content section#actus-semaine .list-post-4x article,
    body.archive main section#content .list-article .list-post-4x article {
        display: flex;
        flex-direction: row;
        margin: 10px 0 !important;
    }

    body.archive main section#content .list-article .list-post-4x article {
        border-bottom: 1px solid rgba(11, 45, 70, 0.15);
    }

    main section#content section#actus-semaine .list-post-4x article:nth-child(5),
    main section#content section#actus-semaine .list-post-4x article:nth-child(6) {
        border-bottom: 1px solid rgba(11, 45, 70, 0.15);
    }

    main section#content section#actus-semaine .list-post-4x article .visuel {
        width: 45%;
        margin-right: 16px;
    }

    main section#content section#hp-bloc-enseignant .content {
        height: 100%;
    }

    main section#content section#hp-bloc-enseignant .content .row-padding {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    main section#content section#hp-bloc-enseignant .content img {
        width: 100%;
        top: 30px;
    }

    main section#content section#hp-bloc-enseignant .content .link-teacher h2,
    main section#content section#hp-bloc-enseignant .content .link-teacher span {
        font-size: 36px;
    }

    main section#content section#hp-bloc-enseignant .content .link-teacher {
        padding-left: 0;
    }

    main section#content section#hp-bloc-enseignant .content .link-teacher a#btn-space-teacher {
        margin: 30px auto;
    }

    main section#content section#videos {
        background: none;
    }

    main section#content section#videos .title-section-video {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    main section.slideshow-round .title-section {
        display: block;
        text-align: center;
    }

    main .cycle-pager {
        display: block !important;
        width: 200px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        text-align: center !important;
    }

    main .cycle-pager span {
        font-size: 60px !important;
        color: #bcc2c6 !important;
        margin: 0 5px !important;
    }

    main .cycle-pager span.cycle-pager-active {
        color: #0B2D46 !important;
    }

    section.slideshow-round.videos .title-section h2 {
        margin-right: 0 !important;
    }

    section.slideshow-round article.cycle-slide,
    section#remontee-tag article.article-tag.cycle-slide {
        width: 184px !important;
    }

    section.slideshow-round.videos .other-btn-video {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    section.slideshow-round.videos .other-btn-video a {
        margin: 10px 0 !important;
    }

    main section#content section#videos .other-btn-video {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

    main section#content section#videos .other-btn-video #btn-all-video,
    main section#content section#videos .other-btn-video #btn-ask-question {
        float: none;
        margin-right: 0;
    }

    main section#content section#videos .other-btn-video #btn-ask-question {
        margin-top: 16px;
    }

    main section#content section#marketing-hs .content {
        flex-direction: column-reverse;
        height: 100%;
    }

    main section#content section#marketing-hs .content .text p {
        text-align: left;
    }

    main section#content section#marketing-hs .image {
        margin: 0 auto;
        position: relative;
    }

    main section#content section#marketing-hs .content .text span {
        display: block;
        text-align: left;
    }

    main section.videos .row-padding,
    main section#remontee-tag .row-padding {
        padding: 0 55px !important;
    }

    main section#content .bloc-parcours-emc {
        text-align: center;
        padding: 30px !important;
    }

    main section#content section#explication1j1a .content {
        flex-direction: column;
        padding: 16px;
        height: 100%;
    }

    main section#content section#explication1j1a .content iframe,
    main section#content section#explication1j1a .content .text {
        width: 100%;
    }

    main section#content section#explication1j1a .content .text {
        padding-left: 0;
        margin-top: 30px;
    }

    main section#content section#explication1j1a .content .text .grp-btn {
        text-align: center;
    }

    main section#content section#explication1j1a .content .text a#btn-je-decouvre,
    main section#content section#explication1j1a .content .text a.btn-abonner {
        display: inline-block;
        margin-bottom: 36px;
    }

    /* commentaires */
    #commentaires {
        width: 100%;
    }

    main section#content .bloc-hp-ens.bloc-seance a.openCom, main #single-content #single-comments button.openCom {
        margin-bottom: 15px;
    }

    /* Footer */
    footer section#footer-newsletter .contenu {
        height: 100%;
        position: relative;
        margin-bottom: 7% !important;
    }

    footer section#footer-newsletter .contenu .text,
    footer section#footer-newsletter .form-mail {
        width: 100%;
        float: none;
    }

    footer section#footer-newsletter .contenu .text {
        margin-bottom: 21%;
    }

    footer section#footer-newsletter .form-mail {
        background-size: cover !important;
        background-position: center !important;
        top: 35px !important;
    }

    footer section#footer-newsletter .contenu .form-mail form {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: 20% !important;
    }

    footer section#footer-newsletter .contenu .form-mail form input {
        margin-bottom: 15px ;
    }

    footer section#footer-newsletter .rgpd-form {
        position: relative;
        margin: 0 auto;
        bottom: 40px !important;
    }

    footer section#footer-newsletter.newsletter-famille .form-mail::before {
        background-size: 100%;
        width: 220px !important;
        height: 265px !important;
    }

    footer section#footer-newsletter.newsletter-famille .form-mail::after  {
        bottom: 90%;
        width: 100px !important;
        height: 90px !important;
    }

    footer .content #footer-tag #content-tag-mobile {
        display: flex !important;
        width: 100% !important;
    }

    footer .content #footer-tag #content-tag-mobile .column-tag {
        margin: 12px !important;
    }

    footer .content .footer p {
        text-align: center;
        float: none;
    }

    a#back-top {
        display: none;
    }

    /* Page home enseignant */
    main section#content .bloc-welcome .content {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-evenly;
        height: 100vh !important;
        padding: 0 20px;
        width: auto !important;
    }

    main section#content .bloc-welcome .content .text,
    main section#content .bloc-welcome .content img {
        float: none !important;
        max-width: 100% !important;
        position: initial !important;
        padding: 0 !important;
    }

    main section#content .bloc-seance .content {
        height: 100% !important;
    }

    main section#content .bloc-welcome .content .text a.login {
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    main section#content .bloc-seance h2,
    main section#content .bloc-seance h2 time.date,
    main section#content .bloc-seance h2 span.number {
        text-align: center !important;
    }

    main section#content .bloc-seance .content .part1,
    main section#content .bloc-seance .content .part2 {
        display: block !important;
    }

    main section#content .bloc-seance .content .part1 .couv-1j1a,
    main section#content .bloc-seance .content .part1 .poster-semaine {
        margin-right: 0 !important;
    }

    main section#content .bloc-seance .content .part1 .couv-1j1a {
        border-bottom: 1px solid rgba(1, 73, 109, 0.15);
        margin-bottom: 40px !important;
        align-items: center;
        width: 100% !important;
    }

    main section#content .bloc-seance .content .part1 .couv-1j1a .visuel {
        max-width: 50%;
    }

    main section#content .bloc-seance .content .part1 .couv-1j1a time.date {
        display: none;
    }

    main section#content .bloc-seance .content .part2 .infos-semaine,
    main section#content .bloc-seance .content .part2 .video-semaine {
        text-align: center;
        margin-bottom: 39px;
    }

    main section#content .bloc-seance .content .part2 .video-semaine {
        margin-bottom: 0;
        padding-bottom: 39px;
    }

    main section#content .bloc-seance .content .part2 .pos-2,
    main section#content .bloc-seance .content .part2 .pos-3 {
        margin: 0 auto;
    }
    main section#content .bloc-info-presse.info-2 .text {
        margin-right: 0 !important;
    }

    main section#content .bloc-info-presse .visuel {
        flex: auto !important;
        margin-bottom: 16px;
    }

    main section#content .bloc-info-presse.info-1 .text {
        margin-left: 0 !important;
    }

    main section#content .bloc-info-presse {
        flex-direction: column !important;
    }

    main section#content .bloc-info1-presse,
    main section#content .bloc-info2-presse {
        background-size: cover !important;
        margin-bottom: -23px;
        display: block !important;
        padding: 60px 15px 49px !important;
        text-align: left;
    }
    main section#content .bloc-info1-presse img,
    main section#content .bloc-info2-presse img {
        display: block !important;
        margin: 16px auto !important;
    }

    main section#content .bloc-info1-presse .text {
        margin-left: 0 !important;
    }

    main section#content .bloc-realise-journal {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        align-items: center !important;
    }

    main section#content .bloc-realise-journal .illustration-journal {
        position: initial !important;
    }

    main section#content .bloc-realise-journal .text {
        display: block !important;
        text-align: center !important;
        padding-bottom: 50px !important;
    }

    main section#content .bloc-realise-journal .text h2 {
        padding: 0 !important;
    }

    main section#content .bloc-acces-emc {
        flex-direction: column-reverse;
        height: 100% !important;
        padding: 50px 15px !important;
    }

    main section#content .bloc-acces-emc {
        background-size: cover !important;
    }

    main section#content .bloc-acces-emc .illustration-emc {
        margin-bottom: 32px;
    }

    main section#content .bloc-acces-emc .text {
        width: auto !important;
    }

    main section#content .bloc-acces-emc .text h2 {
        text-align: center !important;
    }

    main section#content .bloc-rdv {
        margin: 0 !important;
    }

    main section#content .bloc-rdv a.cycle-prev,
    main section#content .bloc-rdv a.cycle-next {
        display: block !important;
    }

    main section#content .utilisation1j1aClasse {
        height: 100% !important;
        padding: 0 20px !important;
    }

    main section#content .utilisation1j1aClasse .contenu {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100% !important;
    }

    main section#content .utilisation1j1aClasse .contenu hr {
        display: inline-block !important;
        margin-top: 35px;
        margin-bottom: 35px;
        border: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        width: 100%;
    }

    main section#content .utilisation1j1aClasse .contenu iframe {
        width: 100% !important;
        border-right: none !important;
    }

    main section#content .utilisation1j1aClasse .link {
        padding-bottom: 35px;
    }

    main section#content section#actus-semaine .row-padding {
        padding: 0 30px !important;
    }

    main section#content .recevoir-actu {
        background-size: cover !important;
        text-align: center;
        height: 100% !important;
        padding: 0 20px 80px!important;
    }

    main section#content .recevoir-actu img.illustration-recevoir-actu {
        float: none !important;
        position: initial !important;
        display: block !important;
        margin: 0 auto !important;
    }

    main section#content .recevoir-actu .text {
        width: 100% !important;
        float: none !important;
        margin-top: 16px !important;
    }

    main section#content .recevoir-actu .text .btns {
        display: block !important;
    }

    main section#content .recevoir-actu .text .btns .social {
        margin-right: 0 !important;
        margin-top: 32px !important;
    }

    footer section#footer-newsletter.newsletter-enseignants {
        top: 0 !important;
        display: block !important;
        height: 100% !important;
    }

    footer section#footer-newsletter.newsletter-enseignants .contenu::before {
        bottom: 55% !important;
        left: 25% !important;
        width: 100% !important;
    }

    footer section#footer-newsletter.newsletter-enseignants .contenu .text {
        width: auto !important;
        margin-bottom: 0 !important;
        padding-top: 150px;
    }

    footer .contact-delegue {
        padding: 50px 20px !important;
        text-align: center;
    }

    footer .contact-delegue img.illustration-contact-delegue {
        width: auto !important;
        float: none !important;
        padding: 0 !important;
    }

    footer .contact-delegue .text {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        text-align: left;
    }

    footer .contact-delegue .text form {
        display: flex !important;
        flex-direction: column !important;
        height: 115px !important;
    }

    footer .contact-delegue .text form input {
        margin-bottom: 15px;
        margin-right: 0 !important;
    }

    /* Page Mon journal de classe */

    body.page-template-page-journal main section#content section.explicationPlateforme {
        background-size: cover !important;
    }

    body.page-template-page-journal main section#content section.explicationPlateforme .content {
        flex-direction: column-reverse !important;
        padding: 30px 16px 72px 16px !important;
    }

    body.page-template-page-journal main section#content section.explicationPlateforme .content .text,
    body.page-template-page-journal main section#content section.explicationPlateforme .content iframe {
        width: 100% !important;
        margin-right: 0 !important;
    }

    body.page-template-page-journal main section#content section.explicationPlateforme .content iframe {
        margin-bottom: 30px !important;
    }

    body.page-template-page-journal main section#content section.explicationPlateforme .content .text a {
        display: block;
        width: fit-content;
        margin: 0 auto;
    }

    body.page-template-page-journal main section#content .espaceEnf .content .card {
        margin-bottom: 60px;
    }

    body.page-template-page-journal main section#content .videosCreations {
        /*flex-direction: column !important;*/
        /*background-color: #ebebeb;*/
        padding: 0 10px;
        margin: 0 !important;
    }

    body.page-template-page-journal main section#content .videosCreations .content {
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        background: none !important;
        margin: 0 auto !important;
    }

    body.page-template-page-journal main section#content .videosCreations .content .item {
        margin-bottom: 15px;
    }

    body.page-template-page-journal main section#content .videosCreations .content h3 {
        text-align: center;
    }

    body.page-template-page-journal main section#content .videosCreations .content iframe {
        max-width: 100%;
    }

    body.page-template-page-journal main section#content section.marketing {
        padding: 40px 16px;
        height: 100% !important;
        background-size: cover !important;
    }

    body.page-template-page-journal main section#content section.marketing .content {
        display: flex;
        flex-direction: column-reverse;
    }

    body.page-template-page-journal main section#content section.marketing .content .content-left,
    body.page-template-page-journal main section#content section.marketing .content .content-right {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }

    body.page-template-page-journal main section#content section.marketing .content .content-left a {
        display: block;
        margin: 0 auto;
        width: fit-content;
    }

    /* Page 1j1a c'est quoi ? */
    body.page-template-page-hebdo main header#page-header::after,
    body.page-template-page-journal main header#page-header::after,
    body.page-template-page-1j1a-cestquoi main header#page-header::after {
        display: block !important;
    }

    body.page-template-page-1j1a-cestquoi main div.galaxie span.title {
        text-align: center !important;
        margin: 0 15px 30px 15px !important;
    }

    body.page-template-page-1j1a-cestquoi main .decouvrir-offre-enseignant p {
        max-width: 100% !important;
        margin: 0 30px 40px !important;
    }

    body.page-template-page-1j1a-cestquoi main .decouvrir-offre-enseignant .contenu .contenu-item {
        height: 100% !important;
        background-size: cover !important;
        flex-wrap: wrap;
    }

    /* Page single */
    body.single main #single-content {
        padding: 0 16px !important;
    }

    body.single main #single-content article.video .subcontent,
    body.single main #single-content article aside.videos-others {
        float: none;
        width: auto;
    }

    body.single footer section#footer-newsletter {
        display:none;
    }

    /* Page Hebdo */
    body.page-template-page-hebdo main section#content .listSeancePedagogique .content {
        flex-direction: column !important;
        align-items: center !important;
    }

    body.page-template-page-hebdo main section#content .listSeancePedagogique .content .poster {
        margin-bottom: 25px !important;
        border-right: none !important;
    }

    body.page-template-page-hebdo main section#content .listSeancePedagogique .content .poster .visuel {
        margin: 0 auto !important;
    }

    body.page-template-page-hebdo main section#content .listSeancePedagogique .content .contenuSemaine .infoSemaine {
        flex-direction: column-reverse !important;
    }

    body.page-template-page-hebdo main section#content .listSeancePedagogique span.subtitle {
        font-size: 16px !important;
    }

    body.page-template-page-hebdo main section#content .listSeancePedagogique span.title {
        font-size: 24px !important;
    }

    body.search main section#content .list-article .list-post-4 {
        grid-template-columns: 1fr 1fr 1fr;
    }

    /* Page single video*/
    body.single main #single-content.videos article,
    body.single main #single-content.videos aside.videos-others {
        float: none!important;
        width: auto !important;
        margin-bottom: 35px !important;
    }

    /* Page vidéos */

    body[class*="tag-videos"] .videos-list header h3 {
        display: block;
        text-align: center;
        padding-top: 10px;
    }

    body[class*="tag-videos"] .list-video-article .first-article article img {
        width: 100% !important;
    }

    body[class*="tag-videos"] .videos-list .cycle-pager {
        display: block !important;
        margin-bottom: 32px !important;
    }

    body[class*="tag-videos"] .videos-list .content-remontee-tag,
    body[class*="single-parcours_"] .parcours-single .parcours-1 .parcours-single-article .content-remontee-tag {
        height: 450px;
    }

    body[class*="single-parcours_"] .parcours-single .parcours-1 .parcours-single-article .content-remontee-tag {
        text-align: center;
    }

    body[class*="tag-videos"] .videos-list .content-remontee-tag article {
        height: 100%;
    }

    body[class*="tag-videos"] .videos-list .content-remontee-tag .item,
    body[class*="single-parcours_"] .parcours-single .parcours-1 .parcours-single-article .content-remontee-tag .item {
        width: 100% !important;
        height: 100% !important;
    }

    body[class*="tag-videos"] #content .list-video-article article .visuel,
    body[class*="single-parcours_"] .parcours-single .parcours-1 .parcours-single-article .content-remontee-tag article .visuel {
        background-color: #ffffff;
    }

    body[class*="tag-videos"] .videos-list .content-remontee-tag .cycle-carousel-wrap,
    body[class*="single-parcours_"] .parcours-single .parcours-1 .parcours-single-article .content-remontee-tag .cycle-carousel-wrap {
        max-width: 100% !important;
    }

    body[class*="tag-videos"] .videos-list .cat-link {
        position: relative;
        display: block !important;
        text-align: center;
        float: none;
        right: 0 !important;
    }

    a.cycle-prev,
    a.cycle-next {
        display: none;
    }

    .single-parcours_essentiels main header#page-header {
        padding-bottom: 0 !important;
    }

    .single-parcours_essentiels main header#page-header h1,
    .single-parcours_emi main header#page-header h1 {
        margin-bottom: 40px !important;
    }

    body[class*="single-parcours_"] .parcours-single .parcours-1 .part-items.part-1 .content-remontee-tag {
        flex-direction: column;
        align-items: center;
    }

    body.page-template-page-parcours-essentiels section#parcours-emc-list {
        padding: 64px 0 !important;
    }

    #parcours-emi-single .parcours-item.parcours-5 .content {
        flex-direction: column !important;
        align-items: center !important;
    }

    #parcours-emi-single .parcours-item.parcours-5 .content .item {
        border-bottom: 1px solid rgba(1,73,109,0.15) !important;
    }

    #parcours-emi-single .parcours-item.parcours-4 .content-decryptage {
        flex-direction: column !important;
    }

    #parcours-emi-single .parcours-item.parcours-4 .content-decryptage .item {
        margin-bottom: 25px !important;
    }

    .parcours-single .parcours-item h2 {
        text-align: center !important;
        padding-top: 30px !important;
    }

    #parcours-emi-single .parcours-item.parcours-2 .content.row-padding,
    #parcours-emi-single .parcours-item.parcours-3 .content.row-padding {
        display: block !important;
    }

    #parcours-emi-single .parcours-item.parcours-2 .content img,
    #parcours-emi-single .parcours-item.parcours-3 .content img,
    #parcours-emi-single .parcours-item.parcours-2 .content .text,
    #parcours-emi-single .parcours-item.parcours-3 .content .text {
        float: none !important;
        width: 100% !important;
    }

    #parcours-emi-single .parcours-item.parcours-2 .content img,
    #parcours-emi-single .parcours-item.parcours-3 .content img {
        margin-bottom: 32px !important;
        border-radius: 6px !important;
    }

    #parcours-emi-single .parcours-item.parcours-2 .content .text,
    #parcours-emi-single .parcours-item.parcours-3 .content .text {
        align-items: center !important;
    }

    body.page-template-page-hebdo main section#content .listSeancePedagogique a.detail {
        float: right !important;
    }

    body.page-template-page-contacter-votre-delegue .contact-delegue {
        margin-bottom: 60px;
        padding: 10px;
    }

    body.page-template-page-contacter-votre-delegue .contact-delegue img.illustration-contact-delegue,
    body.page-template-page-contacter-votre-delegue .text {
        width: 100%;
    }

    /* Modal mailpoet */
    #modal-inscription-mailpoet .mailpoet {
        width: 100%;
    }

    .swiper-pagination,
    .swiper-pagination-rdv,
    .swiper-pagination-videos{
        text-align: center;
        display: block;
    }

    .swiper-button-prev,
    .swiper-button-next {
        display: none !important;
    }

    .bloc-hp-ens.bloc-parcours-emc.essentiels .swiper-button-prev,
    .bloc-hp-ens.bloc-parcours-emc.essentiels .swiper-button-next {
        display: block !important;
    }

    .bloc-hp-ens.bloc-parcours-emc.essentiels span.swiper-pagination-bullet {
        margin: 0 1px 5px !important;
        width: 10px !important;
        height: 10px !important;
    }

    body.error404 #single-content.page-404 .left {
        width: 40%;
    }
    body.error404 #single-content.page-404 .right {
        width: 60%;
    }
}

@media only screen and (max-width: 768px) {

    figure.wp-block-gallery ul.blocks-gallery-grid {
        flex-direction: column;
    }

    figure.wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item {
        width: 100%;
    }

    time.date {
        line-height: 25px !important;
    }

    main header#page-header::before {
        width: 86% !important;
    }

    main section#content #alaune aside#col-right-play .play .content-play img {
        /*max-width: 50%;*/
        margin-bottom: 15px;
    }

    main section#content section#marketing-hs .content {
        padding: 30px 0 !important;
    }

    main section#content section#selection-pour-toi {
        margin-bottom: 40px !important;
    }

    main section#content section#actus-semaine {
        margin-bottom: 0;
    }

    main section#content section#actus-semaine .items .newsletter .link-newsletter img {
        max-width: 45%;
    }

    main section#content section#videos .title-section-video h2 {
        margin-right: 0;
    }

    main section#content section#explication1j1a .content .text .grp-btn {
        display: flex;
        flex-direction: row;
    }

    main section#content section#explication1j1a .content .text a#btn-je-decouvre,
    main section#content section#explication1j1a .content .text a.btn-abonner {
        width: 100%;
    }

    body.single-post main #single-content article h1.post_title {
        font-size: 36px;
    }

    body.search main section#content .list-article .list-post-4x article h1 a,
    body.category main section#content .list-article .list-post-4x article h1 a,
    body.tag main section#content .list-article .list-post-4x article h1 a,
    main section#content section#actus-semaine .list-post-4x article h1 a {
        font-size: 18px;
    }

    body.search main section#content .list-article .list-post-4x article .date,
    body.category main section#content .list-article .list-post-4x article .date,
    body.tag main section#content .list-article .list-post-4x article .date,
    main section#content section#actus-semaine .list-post-4x article .date {
        font-size: 14px;
    }

    main article .category span, main article .category a.link-category {
        font-size: 12px;
    }

    main section#content .recevoir-actu .text .btns a.inscription-actu {
        display: block;
    }

    main section#content section#actus-semaine .items .newsletter .link-newsletter {
        flex-direction: row;
        justify-content: center;
    }

    body.page-template-page-hebdo main section#content .listSeancePedagogique .content {
        display: block !important;
    }

    body.page-template-page-hebdo main section#content .listSeancePedagogique .content .poster .visuel {
        width: auto !important;
        background-size: cover !important;
    }

    body.page-template-page-hebdo main section#content .searchSeancePedagogique form {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    body.page-template-page-hebdo main section#content .searchSeancePedagogique form .form-group {
        margin-bottom: 15px;
    }

    body.single main #single-content article .post-data .left {
        float: none;
    }

    body.single main #single-content article .post-data .left {
        margin-bottom: 16px;
    }

    body.single main #single-content article .post-data a.single-article-pdf-link {
        text-decoration: none;
    }

    body.single main #single-content article .post-data a.single-article-pdf-link:before {
        position: unset;
        background: url('../img/pdf-arrow.gif') no-repeat 160px 0;
        line-height: 40px;
    }

    .post-data a.numCom {
        font-size: 18px !important;
    }

    .post-data a.numCom::before {
        width: 21px !important;
        height: 21px !important;
    }

    #commentaires #respond form #textareaContainer textarea,
    #commentaires #respond form .champContainer input {
        width: auto;
    }

    #commentaires #respond form .form-submit button {
        width: 100%;
    }

    footer section#footer-newsletter .rgpd-form {
        bottom: 30px !important;
    }

    footer section#footer-newsletter.newsletter-famille .form-mail::before {
        height: 220px !important;
        width: 180px !important;
    }

    footer section#footer-newsletter.newsletter-enseignants .contenu::before {
        bottom: 57% !important;
        width: 100% !important;
        left: 0 !important;
    }

    footer .content .footer .linkFooter {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 10px 0;
    }

    footer .content .footer .linkFooter a {
        padding: 10px;
    }

    /* Page search   */
    body.search #content {
        margin: 0 16px;
        width: auto !important;
    }

    body.search main section#content .list-article .list-post-4 {
        grid-template-columns: 1fr 1fr !important;
    }

    body.search #content #search-filter-block,
    body.search #content .list-post-4x {
        padding-left: 0;
    }

    body.search main section#content .list-article .list-post-4x {
        grid-template-columns: 1fr 1fr !important;
    }

    body[class*="single-parcours_"] .parcours-single .parcours-1 .part-items header {
        text-align: center !important;
    }

    .parcours-single .parcours-item.parcours-1 .part-items header h3 {
        padding-left: 6% !important;
    }

    #parcours-emi-single .navigation {
        display: flex !important;
        overflow-x: scroll;
        padding: 15px 0;
        margin: 0 0 55px 0!important;
    }

    #parcours-emi-single .navigation button {
        padding: 11px 15px !important;
        border-radius: 30px !important;
    }

    #parcours-emi-single .navigation button:after {
        display: none !important;
    }

    body.page-template-page-login main section#content section#login-page {
        margin-bottom: 100px !important;
    }

    body.page-template-page-login main section#content section#login-page form#login-form {
        width: auto !important;
        margin: 0 25px !important;
        padding: 25px 0 !important;
    }

    body.page-template-page-login main section#content section#login-page form .form-group.submit {
        flex-direction: column !important;
        align-items: center !important;
    }

    body.page-template-page-login main section#content section#login-page form .form-group.submit a {
        margin-bottom: 20px;
    }

    body.page-template-page-login main section#content section#login-page::after {
        height: 180px !important;
        width: 153px !important;
        top: 90% !important;
        right: 0 !important;
    }

    body.page-template-page-create-account main section#content section#create-account-page form#create-account-form .line .form-group {
        width: 100% !important;
    }

    body.page-template-page-create-account main section#content section#create-account-page form#create-account-form .part-etablissement .line:nth-child(2) {
        flex-direction: column !important;
        margin-bottom: 35px !important;
    }

    body.page-template-page-create-account main section#content section#create-account-page form#create-account-form .part-etablissement .line .city {
        margin-bottom: 35px !important;
    }

    /* Modal Mailpoet   */
    #modal-inscription-mailpoet .mailpoet .modal-content .modal-body form#formMailPoet {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #modal-inscription-mailpoet .mailpoet .modal-content .modal-body form#formMailPoet input {
        margin-bottom: 15px;
    }

    #modal-inscription-mailpoet .mailpoet .modal-content .modal-body p::after {
        display: none;
    }

    #modal-inscription-mailpoet .mailpoet .modal-content .modal-body h4,
    #modal-inscription-mailpoet .mailpoet .modal-content .modal-body p {
        text-align: center;
        width: 100%;
    }



    body.error404 #single-content.page-404 .left,
    body.error404 #single-content.page-404 .right {
        width: 100%;
        clear: both;
        text-align: center;
    }

}

@media only screen and (max-width: 520px) {
    #modal-parcours-essentiels .modal-dialog,
    #modal-seance-hebdo .modal-dialog {
        width: 100%;
    }
}

@media only screen and (max-width: 425px) {

    .btn {
        font-size: 16px !important;
    }

    main header#page-header::before {
        width: 74% !important;
    }

    body.page main #single-content {
        padding: 0 45px !important;
    }

    body.search main section#content .list-article .list-post-4x {
        grid-template-columns: 1fr !important;
    }

    main section#content .bloc-parcours-emc {
        padding: 0 !important;
    }

    body.search main section#content .list-article .list-post-4 {
        grid-template-columns: 1fr !important;
    }

    main section#content .bloc-realise-journal .text {
        width: 100% !important;
    }

    .parcours-single .parcours-item.parcours-1 .part-items header h3 {
        padding-left: 12% !important;
    }

    body.page-template-page-parcours-emi main header#page-header p {
        max-width: 100% !important;
    }

    body.page-template-page-1j1a-cestquoi main .decouvrir-offre-enseignant p {
        margin: 0 !important;
    }

    footer section#footer-newsletter .contenu {
        margin-bottom: 10% !important;
    }

    footer section#footer-newsletter.newsletter-famille .form-mail::before {
        height: 100% !important;
        background-size: contain !important;
    }

    footer section#footer-newsletter.newsletter-famille .form-mail::after {
        width: 65px !important;
        height: 55px !important;
    }

    footer section#footer-newsletter .contenu .form-mail form input {
        width: 100% !important;
    }

    body[class*="tag-podcasts"] #content .list-article .list-post-4x article .visuel .content-visuel {
        display: none;
    }

    #modal-inscription-mailpoet .mailpoet .modal-content .modal-body {
        margin: 72px 20px 0;
    }

    #modal-seance-hebdo .modal-dialog .modal-content .modal-body .buttons,
    #modal-parcours-essentiels .modal-dialog .modal-content .modal-body .buttons {
        display: flex;
        flex-direction: column;
    }

    body.page-template-page-journal main section#content section.explicationPlateforme .content iframe {
        height: auto;
    }

    section.slideshow-round.videos .content-section .swiper .swiper-slide,
    main section#content .bloc-rdv article.swiper-slide,
    main section#content section#actus-semaine .content-section-actu-semaine article.swiper-slide,
    main section#content section#remontee-tag .content-remontee-tag article.swiper-slide,
    body[class*="tag-videos"] .videos-list .swiper .swiper-wrapper .swiper-slide,
    body main #single-content .latestNews .swiper article.swiper-slide,
    main section#content section#actus-semaine .content-section-actu-semaine article.swiper-slide
    {
        width: 100% !important;
    }

    .wpvq .wpvq-single-page {
        padding: 24px 31px 42px;
    }

    .wpvq .wpvq-single-page .wpvq-question::before {
        width: 50px;
        height: 50px;
        background-size: contain;
    }
}

@media only screen and (max-width: 320px) {

    a.link {
        font-size: 16px !important;
    }

    main header#page-header::before {
        width: 65% !important;
    }

    main section#content .bloc-parcours-emc .row-padding {
        padding: 0 55px !important;
    }

    body.single main #single-content article .post-data a.numCom {
        margin-left: 40px;
    }

    main section.videos .row-padding, main section#remontee-tag .row-padding  {
        padding: 0 70px !important;
    }

    body main #single-content .latestNews .content-latest-news {
        max-width: 100% !important;
    }
}


/**************************************************************************************/
/* Version Cordova (Google / Apple)  */
body:not(.cordova) .loader-cordova,
body.cordova header#main-header .container #burger .btn-icon-burger,
body.cordova header#main-header .container .row a.btn-abonner,
body.cordova header#main-header .container #burger .menu-burger a.btn-teacher,
body.cordova main section#content #alaune aside#col-right-play,
body.cordova main section#content #alaune aside#col-right-marketing,
body.cordova section.slideshow-round.videos,
body.cordova main section#remontee-tag,
body.cordova main section#content section#explication1j1a,
body.cordova footer section#footer-newsletter.newsletter-famille,
body.cordova footer #footer-tag h2,
body.cordova footer #footer-tag .footer-swiper,
body.cordova footer #footer-tag .btn-tag4-plus,
body.cordova footer .content .footer .linkFooter,
body.cordova  main header#page-header::before,
body.cordova main section#content .bloc-hp-ens.bloc-seance a.openCom,
body.cordova main #single-content #single-comments button.openCom,
body.cordova main #single-content #single-comments span.nbrCommentaires.no-comments,
body.cordova.single main #single-content .tag,
body.cordova.single main #single-content .latestNews,
body.cordova.single main #single-content.videos aside .btns .btn-yellow,
body.cordova #commentaires ol.comment-list .reply span.safe-comments-report-link a span,
body.cordova header#main-header .container .logo-on-scroll,
body.cordova.page-template-page-famille-accueil .cordova-app.btn-1j1a-back,
body.cordova.home .cordova-app.btn-1j1a-back,
body.cordova.single main #single-content article .post-data .right,
body.cordova .grecaptcha-badge,
body.cordova header#main-header .container .row a.btn-teacher.btn-1j1a-back,
body.cordova header#main-header .container .user-box,
body.cordova header#main-header .container #burger .menu-burger,
body.cordova header#main-header.sticky .container #burger .menu-burger,
body.cordova main section#content section#actus-semaine .items .newsletter,
body.cordova main section#content section#hp-bloc-enseignant,
body.cordova main section#content section#marketing-hs,
body.cordova.single main #single-content article .btn-single-video .btn-quiz,
body.cordova .paragraphe-seo.row-padding.videos,
body.cordova #commentaires ol.comment-list .reply,
body.cordova header#main-header .container .logo-desktop {
    display: none !important;
}

body.cordova .cordova-app,
body.cordova footer .content .footer .linkFooter.cordova-app {
    display: block !important;
}

body.cordova footer .content .footer .linkFooter.cordova-app {
    margin-top: 0 !important;
}

body.cordova:not(.home):not(.page-template-page-famille-accueil) {
    padding-bottom: 30px !important;
}

body.cordova header#main-header {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    box-shadow: 0 7px 10px 6px rgb(0 0 0 / 40%) !important;
    z-index: 1000 !important;
    background: #e9f2fd none !important;
}

body.cordova.archive main header#page-header #breadcrumb {
    margin-bottom: 10px !important;
}

body.cordova.archive main header#page-header h1 {
    margin-bottom: 40px !important;
}

body:not(.page-template-page-famille-accueil):not(.home).cordova .cordova-app.btn-1j1a-back {
    position: fixed !important;
    bottom: 50px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: inline-block !important;
    font-size: 23px !important;
    z-index: 100 !important;
    border-top-left-radius: 120px !important;
    border-top-right-radius: 120px !important;
    width: 60px !important;
    background-color: #01496D !important;
    color: #FEDA2E !important;
    border: 0 !important;
}

body.cordova main header#page-header {
    padding-bottom: 0 !important;
}

body.cordova main header#page-header {
    padding-bottom: 0 !important;
}

body.cordova #content .list-article {
    margin-bottom: 30px !important;
}

body.cordova header#main-header .container .logo img {
    max-width: 100% !important;
}

body.category.cordova #content .first-article, body.archive #content .first-article {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

body.single-post.cordova main #single-content article h1.post_title,
body.category.cordova #content .first-article h1, body.archive #content .first-article h2 {
    font-size: 31px !important;
    line-height: 33px !important;
}

/* Menu cordova (App Google / Apple) */
body.cordova header#main-header .container .row, header#main-header.sticky .container .row {
    padding: 0 !important;
}

body.cordova header#main-header,
body.cordova .menu-mobile-cordova.cordova-app {
    height: 70px !important;
}

body.cordova .menu-mobile-cordova.cordova-app {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: -4px;
    position: relative;
}

.menu-mobile-cordova ul {
    display: flex !important;
    justify-content: space-around !important;
    width: 100% !important;
    align-items: center !important;
    padding: 0 5px !important;
    top: 13px !important;
    position: relative !important;
}

.menu-mobile-cordova ul li {
    width: auto !important;
    padding: 0 !important;
    border-left-width: 0 !important;
}

.menu-mobile-cordova ul li a.menu {
    line-height: 21px !important;
    padding: 0 !important;
    margin-right: 0 !important;
    font-size: 16px !important;
}

.menu-mobile-cordova ul li a.menu:before {
    top: -24px !important;
    left: 50% !important;
    background-size: contain !important;
    width: 24px !important;
    height: 24px !important;
    transform: translateX(-50%) !important;
}

.menu-mobile-cordova ul li a.menu.menu-home:before {
    background: url(../img/logo.png) no-repeat !important;
    background-size: contain !important;
    height: 40px !important;
    width: 40px !important;
    top: -22px !important;
}

.cordova-app.btn-1j1a-back {
    padding: 4px 8px !important;
}

body.cordova.single main #single-content #single-comments.no-comment {
    display: none !important;
}
body.cordova.single main #single-content article .post-content,
body.cordova.single main #single-content article {
    margin-bottom: 0 !important;
}

body:not(.page-template-page-famille-accueil):not(.home).cordova footer .content .footer p {
    padding-bottom: 50px !important;
}
/**************************************************************************************/