/* Integration Jean 23 */
/* Auteur : Manuel Pinard */


/**************************************** SOMMAIRE ***************************************/
/* @Import des autres feuilles de styles utiles*/
@import './knacss/knacss.css';
@import './knacss/grillade-grid.css';
@import './knacss/grillade-flex.css';
@import './iconMoon.css';
@import './fontFace.css';


/* STYLES CSS GLOBAL */
#boxed {
    box-shadow: none !important;
}

#to-top {
    right: 10% !important;
}

/* Top Header */
#top-header-widget-area {
    overflow: hidden;
    position: relative;
}

#top-header-widget-area .widget_text .widgetTitle {
    display: none;
}

/* Hack button */
html .nectar-button {
    background: none !important;
}

/* HELPERS */
.upp {
    text-transform: uppercase;
}

.colorWhite {
    color: #FFF !important;
}

.button-white {
    border: solid 2px #FFF;
    -o-transition: border 0.3s ease-in;
    -ms-transition: border 0.3s ease-in;
    -moz-transition: border 0.3s ease-in;
    -webkit-transition: border 0.3s ease-in;
    transition: border 0.3s ease-in;
}


/************* MENU Echo / Goodies / eleves *************/

#header-secondary-outer {
    transform: none !important;
    background: #FFF !important;
}

#menu-rapide {
    height: 100px;
    padding-top: 10px;
    overflow: hidden;
    text-align: right;
}

#menu-rapide a p,
#menu-rapide a i {
    color: #1c4074;
}

#menu-rapide i {
    background: none;
}

#menu-rapide a:nth-child(1) {
    width: 28%;
}

#menu-rapide a:nth-child(2) {
    width: 28%;
}

#menu-rapide a:nth-child(3) {
    width: 22%;
}

#menu-rapide a:nth-child(4) {
    width: 19%;
}

#menu-rapide p {
    font-size: 18px;
    font-family: 'DIN Pro Condensed Light';
    text-transform: uppercase;
    text-align: left !important;
    -o-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in;
    -moz-transition: color 0.3s ease-in;
    -webkit-transition: color 0.3s ease-in;
    /* ...and now override with proper CSS property */
    transition: color 0.3s ease-in;
    padding-left: 20px;
    line-height: 25px;
    padding-bottom: 0 !important;
    position: relative;
    top: 20px;
}

#menu-rapide p span {
    font-family: 'DIN Pro Condensed Bold';
    color: #1c4074;
    -o-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in;
    -moz-transition: color 0.3s ease-in;
    -webkit-transition: color 0.3s ease-in;
    /* ...and now override with proper CSS property */
    transition: color 0.3s ease-in;
}

#menu-rapide a i {
    font-size: 45px;
    -o-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in;
    -moz-transition: color 0.3s ease-in;
    -webkit-transition: color 0.3s ease-in;
    /* ...and now override with proper CSS property */
    transition: color 0.3s ease-in;
}

#menu-rapide a {
    padding-left: 20px;
    height: 80px;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
}

#menu-rapide a:hover p,
#menu-rapide a:hover p span,
#menu-rapide a:hover i {
    color: #c4281b;
}

#menu-rapide a i,
#menu-rapide a p {
    display: inline-block;
}

/* Icones des réseaux sociaux - bleu / header */

#RS-bleu a {
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #1c4074;
    margin-top: 10px;
    -o-transition: background 0.3s ease-in;
    -ms-transition: background 0.3s ease-in;
    -moz-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    /* ...and now override with proper CSS property */
    transition: background 0.3s ease-in;
}

#RS-bleu a:hover {
    background-color: #c4281b;
}

#RS-bleu a i {
    color: #fff;
    font-size: 20px !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    top: 0 !important;
    text-decoration: none;
}

/* Icones des réseaux sociaux - blanc / footer */

#RS-white a {
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #FFF;
    margin-top: 10px;
    -o-transition: background 0.3s ease-in;
    -ms-transition: background 0.3s ease-in;
    -moz-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    /* ...and now override with proper CSS property */
    transition: background 0.3s ease-in;
}

#RS-white a:hover {
    background-color: #c4281b;
}

#RS-white a i {
    color: #1c4074;
    font-size: 15px !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    top: 0 !important;
    text-decoration: none;

}

/* Texte je suis */
.nectar-split-heading .heading-line {
    overflow: visible !important;
}

.jeSuis {
    color: #fff;
    text-align: center;
    font-family: "Museo Sans";
    font-size: 70px;
    font-weight: 700;
    text-transform: uppercase;
}

/************* JPO *************/

#containerJPO {
    position: relative;
    padding: 0 !important;
    height: 500px;
    z-index: 1000;
}

#portesOuvertes {
    text-align: center;
    background-image: url('/img/trame-j23.png');
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 180px;
    padding: 0 15px;
    position: absolute;
    top: 0;
    right: 0;
    height: 501px;
}

#portesOuvertes h4 {
    padding-top: 110px;
    color: #fff;
    font-family: "Museo Sans";
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 8px;
    border-bottom: 2px solid #fff;
    margin-bottom: 15px;
}

#portesOuvertes p {
    color: #fff;
    font-size: 20px;
    padding-bottom: 3px;
    font-family: 'DIN Pro Condensed Light';
}

#portesOuvertes p span,
#portesOuvertes p span sup {
    color: #fff;
    font-size: 23px;
    font-family: 'DIN Pro Condensed Medium';
}

.heuresJPO {
    margin-bottom: 10px;
}


/************* Boutton jeSuis *************/

#containerJeSuis {
    margin-top: 50px;
}

.button-jesuis,
.button-jesuis2,
.button-jesuis3 {
    text-align: center;
    padding-bottom: 76px;
}

.button-jesuis p,
.button-jesuis2 p,
.button-jesuis3 p {
    color: #fff;
    cursor: pointer;
    font-size: 25px;
    font-family: 'DIN Pro Condensed Light';
    text-transform: uppercase;
    width: 285px;
    margin: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    border: solid 2px #fff;
    line-height: 1.8;
    -o-transition: background 0.3s ease-in, border 0.2s ease-in;
    -ms-transition: background 0.3s ease-in, border 0.2s ease-in;
    -moz-transition: background 0.3s ease-in, border 0.2s ease-in;
    -webkit-transition: background 0.3s ease-in, border 0.2s ease-in;
    /* ...and now override with proper CSS property */
    transition: background 0.3s ease-in, border 0.2s ease-in;
}

.button-jesuis2 p,
.button-jesuis3 p {
    color: #1c4074 !important;
    border: solid 2px #1c4074;
    background: #FFF;
}

.button-jesuis p i {
    color: #fff;
    font-size: 30px;
    vertical-align: top;
    padding-left: 7px;
}

.button-jesuis2 p i,
.button-jesuis3 p i {
    color: #1c4074;
    font-size: 30px;
    vertical-align: top;
    padding-left: 7px;
}


.menu-menu-jesuis-container {
    position: relative;
    z-index: 999;
    width: 285px;
    margin: 0 auto;
}

#menu-menu-jesuis {
    position: absolute;
    font-size: 25px;
    font-family: 'DIN Pro Condensed Light';
    text-transform: uppercase;
    width: 285px;
    background-color: rgba(196, 40, 27, 0.8);
    border: solid 2px #c4281b;
    border-top: none;
    display: none;
    margin: 0;
    padding: 0;
}

#menu-menu-jesuis-1,
.menuStickyPage #menu-menu-jesuis {
    position: absolute;
    font-size: 25px;
    font-family: 'DIN Pro Condensed Light';
    text-transform: uppercase;
    width: 285px;
    background-color: #FFF;
    border: solid 2px #1c4074;
    border-top: none;
    display: none;
    margin: 0;
    padding: 0;
}

#menu-menu-jesuis li,
#menu-menu-jesuis-1 li {
    padding-bottom: 5px;
    padding-top: 8px;
    list-style: none;
    text-align: center;
    height: 40px;
    line-height: 20px;
}

#menu-menu-jesuis li a {
    color: #fff;
    display: block;
    text-decoration: none;
}

#menu-menu-jesuis-1 li a,
.menuStickyPage #menu-menu-jesuis li a {
    color: #1c4074 !important;
    display: block;
    text-decoration: none;
}

#menu-menu-jesuis li:hover {
    background-color: rgba(255, 255, 255, 0.8);
    color: #1c4074;
}

#menu-menu-jesuis-1 li:hover,
.menuStickyPage #menu-menu-jesuis li:hover {
    background-color: rgba(196, 40, 27, 0.8);
}

#menu-menu-jesuis li:hover a {
    color: #1c4074;
}

#menu-menu-jesuis-1 li:hover a,
.menuStickyPage #menu-menu-jesuis li:hover a {
    color: #FFF !important;
}

.button-jesuis p.listederoulee {
    background-color: rgba(196, 40, 27, 0.8);
    border: solid 2px #c4281b;
}

/* Image J de 23 */
#containerJimg .img-with-aniamtion-wrap {
    width: 320px;
    position: absolute;
    top: -118px;
    left: -60px;
}

/************* Menu de navigation principal *************/
#menuPrincipal .container {
    max-width: 100% !important;
}

#menuPrincipal {
    z-index: 700;
}

#menuPrincipal nav {
    height: 60px;
    background: #eeeeee;
}

#menuPrincipal nav .sf-menu {
    float: left;
}

/* Premier niveau */
#menuPrincipal nav .sf-menu .menu-item {
    align-items: center;
    float: left;
    padding: 10px;
}

#menuPrincipal nav .sf-menu > .menu-item:hover {
    background: #dddddd;
    font-size: 13px;
}

#menuPrincipal nav .sf-menu > .menu-item > a {
    height: 40px;
    width: 115px;
    font-family: "Museo Sans";
    color: #1c4074;
    font-size: 12px;
    line-height: 13px;
    text-transform: uppercase;
    display: block;
    border-left: 3px solid #c4281b;
    text-decoration: none;
    text-transform: uppercase;
    display: table-cell;
    /* comportement visuel de cellule */
    vertical-align: middle;
    cursor: pointer;

}

#menuPrincipal nav .sf-menu > .menu-item > a b {
    font-family: "Museo Sans";
    color: #1c4074;
}

#menuPrincipal nav .sf-menu > .menu-item b {
    color: #1c4074;
    white-space: nowrap;
}

/* Deuxième niveau */
#menuPrincipal nav .sf-menu > .menu-item .sub-menu {
    transition: visibility 0s, opacity 0.5s linear;
    background: #eeeeee !important;
    padding: 0 !important;
    width: 135px !important;
}

/* Troisième niveau */
#menuPrincipal nav .sf-menu > .menu-item > .sub-menu > .menu-item > .sub-menu {
    left: 155px !important;
}

#menuPrincipal nav .sf-menu > .menu-item > .sub-menu li {
    padding: 0 !important;
    width: 135px;
}

#menuPrincipal nav .sf-menu > .menu-item > .sub-menu li a {
    text-decoration: none;
    font-family: 'DIN Pro Condensed Medium';
    font-size: 16px;
    padding: 10px 10px;
    color: #1c4074;
    -o-transition: background 0.3s ease-in, color 0.3s ease-in;
    -ms-transition: background 0.3s ease-in, color 0.3s ease-in;
    -moz-transition: background 0.3s ease-in, color 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in, color 0.3s ease-in;
    transition: background 0.3s ease-in, color 0.3s ease-in;
}

#menuPrincipal nav .sf-menu > .menu-item > .sub-menu li a:hover {
    background: #1c4074 !important;
    color: #fff !important;
}

/* Menu responsive */

.mobile-icon {
    float: right;
}

/* Titre H1 page accueil */
.containerSloganJean23 {
    margin: 20px 0 30px 0 !important;
}

.containerSloganJean23 h1 {
    font-size: 25px;
    text-transform: uppercase;
    color: #1c4074;
}

.containerSloganJean23 strong {
    margin-left: -130px;
    font-family: "Museo Sans";
}

.sloganJean23 {
    border-left: solid 6px #c4281b;
    padding-left: 10px;
    font-family: 'DIN Pro Condensed Black';
    color: #1c4074;
    text-transform: none;
    font-size: 45px;
    margin-top: 10px;
    display: inline-block;
    text-align: left;
}


.page-id-551 #containerProjetEducatif {
    background: none !important;
}

/* Container Actualités HomePage */
#containerActualites {
    padding-bottom: 30px !important;
}

#containerActualites h2 {
    width: 100% !important;
    margin: 30px 0;
}

.itemTitreActus {
    font-weight: 600;
}

#containerActualites .wpb_wrapper {
    max-width: 1100px;
    margin: 0 auto !important;
}

.flickity-slider {
    z-index: 999;
}

.nectar-flickity .flickity-viewport {
    overflow: hidden !important;
    /*max-width: 1000px !important;*/
    margin: 0 auto !important;
}

.flickity-page-dots {
    position: relative !important;
    bottom: 0 !important;
    position: absolute !important;
    vertical-align: middle;
    top: 0;
    left: -30px;
    width: 1155px;
}

.flickity-page-dots li:before {
    box-shadow: none !important;
}

.flickity-page-dots li:first-child {
    background: url('/img/arrowSliderLeft.png') center center no-repeat;
    background-size: contain;
    left: -48% !important;
    top: 50%;
    opacity: 1 !important;
}

.flickity-page-dots li:last-child {
    background: url('/img/arrowSliderRight.png') center center no-repeat;
    background-size: contain;
    right: -48% !important;
    top: 50%;
    opacity: 1 !important;
}

/* Container educatif HomePage */

.itemCitationHome {
    margin-top: 50px;
}

.itemCitationHome p {
    font-family: 'DIN Pro Condensed Light' !important;
    text-transform: uppercase;
    font-size: 23px;
    width: 157px;
    line-height: 23px;
}

/* Container formations homePage */
#containerFormations {
    padding-top: 50px !important;
}

#containerFormations h2 > strong {
    font-weight: 600 !important;
    font-size: 35px !important;
}

.colFormation .itemTextP,
.colFormation1 h3 {
    max-width: 320px;
    line-height: 15px;

}

.colFormation1,
.colFormation2 {
    position: relative;
}

.colFormation1 img {
    max-width: 80% !important;
    position: relative;
}

.colFormation2 img {
    max-width: 80% !important;
    position: relative;
}

.colFormation1 .text-citation {
    top: 150px !important;
    left: 250px !important;
    width: 130px;
    line-height: 21px;
}

.colFormation2 .text-citation {
    top: 150px !important;
    left: 350px !important;
    width: 137px;
    line-height: 21px;
}

.itemTextH3 {
    margin-top: 30px;
}

.colFormation2 .itemTextP,
.colFormation2 .itemTextH3,
.colFormation2 .button {
    margin-left: 110px;
}

/* Container Mécénat HomePage */
#containerMecenat {
    color: #FFF !important;
    padding-top: 130px !important;
}

.colMecenat1 {
    padding: 60px;
}

.colMecenat2 {
    position: relative;
}

.colMecenat2 .img-with-aniamtion-wrap img {
    max-width: 380px;
}



/* Container Entreprises HomePage */
#containerEntreprises {
    color: #FFF !important;
    margin-top: 60px;
    margin-bottom: 40px !important;
}

.colEntreprises2 {
    background: url('/img/bgContainerSportif.png') bottom right no-repeat;
    height: 480px;
}

.colEntreprises1 {
    position: relative;
    z-index: 100;
}

.colEntreprises1 img {
    max-width: 70% !important;
}



/* Container Menu secondaire */
#containerMenus {
    z-index: 999;
    height: 200px;
}

#menuPrincipal .span_3 .button-jesuis2 {
    visibility: hidden;
}

#menuPrincipal .span_3 .widget_nav_menu {}




/* Container Menu secondaire Futur Lyceen */

.introJesuis {
    position: absolute;
    bottom: 50px;
    right: 100px;
    width: 250px;
    text-align: left;
    border-left: 2px solid #FFF;
    padding-left: 10px;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    padding: 10px 0px 10px 20px;
}


/* Container Formations Futur Lyceen */
#containerFormationsFuturLyceen .titreBigBleu {
    margin: 30px 0;
    font-size: 35px;
    line-height: 45px !important;
}

.titreBigBleu > strong {
    width: 100% !important;
    font-size: 35px;
    line-height: 45px !important;
}

/* Container Artistiques Futur Lyceen */
#containerArtistiques {
    color: #FFF !important;
    padding-top: 130px !important;
}

.colArtistique1 {
    padding: 60px;
}

.colArtistique2 {
    position: relative;
}

.colArtistique2 .img-with-aniamtion-wrap img {
    max-width: 350px;
}



/* Container International Futur Lyceen */
#containerInternational {
    margin-top: 80px;
}

#containerInternational b {
    font-family: "Museo Sans" !important;
}

.colinternational1 img {
    max-width: 80% !important;
}

.colinternational1 .text-citation {
    top: 85px !important;
    left: 290px !important;
    width: 100px;
    line-height: 21px;
}

.titreH2Bleu h2 {
    color: #1c4074;
}

.colinternational2 {
    margin-left: 0 !important;
}

/* Container Sportif Futur Lyceen */
.colSportif2 {
    background: url('/img/bgContainerSportif.png') bottom right no-repeat;
    height: 480px;
}

.colSportif2 .itemTextP {
    width: 320px;
    font-size: 12px;
    line-height: 17px;
}

.colSportif1 {
    position: relative;
    z-index: 100;
}

.colSportif1 img {
    max-width: 70% !important;
}

/* Container Maison Lyceen */
#containerMaisonLyceens {
    margin-top: 80px;
}

.colMaisonLyceens h2 {
    width: 100% !important;
    font-weight: 600;
}

.colMaisonLyceens2 img {
    max-width: 90% !important;
}

.colMaisonLyceens2 {
    position: relative;
}



/* Footer */

#footer-widgets .span_4:nth-child(3) {
    text-align: right;
    float: right;
    padding-top: 20px;
}

#footer-outer .widget {
    margin-bottom: 0 !important;
}

.widgetAdresseJean23 {
    border-left: 4px solid #c4281b;
    padding-left: 10px;
    margin-top: 10px;
}

.widgetContactEGT,
.widgetContactISCV {
    line-height: 20px;
}

/* Signature */

html #footer-outer #copyright {
    border-top: none !important;
    padding: 0 0 10px 0 !important;
}

#copyright .container {
    border-top: 1px solid #FFF !important;
}

#footer-outer .row {
    padding: 30px 0 !important
}

.widgetMenuFooter {
    text-align: left !important;
}

.widgetMenuFooter ul {
    padding-left: 0 !important;
}

.widgetMenuFooter ul li {
    margin-left: 0 !important;
    margin-right: 5px !important;
}

.widgetMenuFooter ul li a {
    text-decoration: none !important;
}

.widgetMenuFooter ul li a:after {
    content: "-";
    margin-left: 5px;
}

.widgetMenuFooter ul li:last-child a:after {
    content: '';
}

#copyright .span_12 > p {
    width: 300px;
    margin: 20px auto 0;
    clear: both;
}

#copyright .span_12 > p > a > span {
    position: relative;
    top: -7px;
    display: inline-block;
}

#copyright .span_12 > p > a {
    text-decoration: none !important;
}

/*.colArtistique2 .img-with-aniamtion-wrap:last-child {
    position: absolute;
    left: 30px;
    top: 60px;
}*/

.img-inscriptions{
    width: 100%!important;
}
/*****************************************************************************
/////////////////////////////////////////////////////////////////////////////
                            Règles RESPONSIVE
/////////////////////////////////////////////////////////////////////////////
***************************************************************************/

/*******************************
   --- Global Responsive ---
*******************************/

/* Breakpoint Global : Desktop and full  */
@media only screen and (min-width: 1300px) {
    #menuPrincipal .slide-out-widget-area-toggle {
        display: none;
    }

    .page-id-551 #containerIntroHome .row-bg-overlay {
        background: url('/img/bgContainerMenuHome.jpg') no-repeat;
        background-position: 85% 10px;
    }

    .page-id-2664 #containerMenus {
        background: url('/img/bgContainerActusTop.jpg') no-repeat;
        background-position: 70% 95px;
    }

    .page-id-2664 #containerInternational .row-bg-overlay {
        background: url('/img/bgContainerInternationnal.jpg') no-repeat;
        background-position: 100% 95px;
    }

    .page-id-2664 #containerSportif .row-bg-overlay {
        background: url('/img/bgContainerSportif.jpg') no-repeat;
        background-position: 30% 0px;
    }

    .page-id-551 #containerEntreprises .row-bg-overlay {
        background: url('/img/bgContainerSportif.jpg') no-repeat;
        background-position: 30% 0px;
    }

    .colMecenat1 {
        padding: 60px;
        width: 40% !important;
    }

    #footer-widgets .span_4:first-child {
        max-width: 27%;
    }

    #footer-widgets .span_4:nth-child(2) {
        max-width: 20%;
    }

    #footer-widgets .span_4:nth-child(3) {
        width: 40%;
    }

    .colEntreprises2 .itemTextP {
        width: 350px;
        font-size: 12px;
        line-height: 17px;
    }

    .colMaisonLyceens2 .img-with-aniamtion-wrap:first-child {
        position: absolute;
        right: 50px;
        top: -30px;
    }

    .colSportif1 .img-with-aniamtion-wrap:first-child {
        position: absolute;
        right: -50px;
        top: 30px;
    }

    .colSportif1 .img-with-aniamtion-wrap:last-child {
        position: absolute;
        left: 40px;
        top: 140px;
    }


    .colMecenat2 .img-with-aniamtion-wrap:first-child {
        position: absolute;
        left: 0px;
        top: -100px;
    }

    .colMecenat2 .img-with-aniamtion-wrap:last-child {
        position: absolute;
        left: 210px;
        top: 90px;
    }

    .colEntreprises1 .img-with-aniamtion-wrap:first-child {
        position: absolute;
        right: -50px;
        top: 30px;
    }

    .colEntreprises1 .img-with-aniamtion-wrap:last-child {
        position: absolute;
        left: 40px;
        top: 140px;
    }

}

/* Breakpoint Global : tablette portrait, latetop and full  */
@media only screen and (min-width: 1001px) {
    .page-id-551 #containerFormations .row-bg-overlay {
        background: url('/wp-content/uploads/2019/01/trame-2-e1548174513903.png') left center no-repeat;
    }

    /*#containerArtistiques .row-bg-overlay{
      background: url('/img/bgContainerArtistiques4.jpg') top center no-repeat;
      background-size: contain;
  }*/
    .slide-out-widget-area-toggle {
        display: none;
    }

    #menu-item-3681,
    #menu-item-3682,
    #menu-item-3683,
    #menu-item-5342{
        display: none;
    }

    #containerActualites .wpb_wrapper {
        background: url('/img/Background-top-actualites.png') top right no-repeat;
        background-size: 30px;
        background-position-y: 30px;
    }

    .nectar-flickity {
        background: url('/img/Background-bottom-actualites.png') bottom left no-repeat;
        background-size: 30px;
        background-position-y: 100%;
    }

}

/* Breakpoint Global latetop : pc portable + tablette paysage  */
@media only screen and (min-width: 1001px) and (max-width: 1299px) {

    #containerFormations h2,
    #containerFormations h2 strong {
        font-size: 35px !important;
    }

    #menuPrincipal .slide-out-widget-area-toggle {
        display: none;
    }

    .colFormation .text-citation {
        left: 200px !important;
        top: 105px !important;
    }

    .colArtistique2 {
        text-align: center;
    }

    .colArtistique2 .img-with-aniamtion-wrap img {
        display: inline !important;
    }

    .colSportif2 .itemTextP {
        width: 255px;
    }

    .colEntreprises1 img {
        max-width: 81% !important;
    }

    .colEntreprises1 .img-with-aniamtion-wrap {
        text-align: center;
    }

    /*.colSportif1 img {
        max-width: 97% !important;
    }*/

    .colSportif1 .img-with-aniamtion-wrap {
        text-align: center;
    }

    .colEntreprises1,
    .colEntreprises2 {
        float: left;
    }

    .colArtistique2 .img-with-aniamtion-wrap,
    .colMecenat2 .img-with-aniamtion-wrap {
        margin: auto !important;
        margin-top: 25px !important;
    }

}

/* Breakpoint Global : mobile + tablette portrait/payasage + latetop  */
@media only screen and (max-width: 1299px) {
    #containerMenus .vc_col-sm-2 {
        min-height: 0 !important;
    }


    #containerJimg .img-with-aniamtion-wrap {
        display: none;
    }

    .mobile-icon .lines:before,
    .mobile-icon .lines:after,
    .mobile-icon .lines-button:after {
        background: #1c4074 !important;
    }

    #containerMenus .vc_col-sm-10,
    #containerMenus .vc_col-sm-10 #top {
        width: 100% !important;
    }

    .off-canvas-menu-container li a {
        text-decoration: none;
    }

    .colFormation2 img {
        display: block !important;
    }

    .colFormation2 .itemTextH3,
    .colFormation2 .itemTextP {
        margin: 0 !important;
    }

    .colFormation2 .itemTextH3 {
        margin-top: 25px !important;
    }

    .colFormation .wpb_content_element,
    .colFormation h3 {
        max-width: 360px;
    }

    /*.colMecenat2 .img-with-aniamtion-wrap, .colEntreprises1 .img-with-aniamtion-wrap, .colArtistique2 .img-with-aniamtion-wrap, .colSportif1 .img-with-aniamtion-wrap, .colMaisonLyceens2 .img-with-aniamtion-wrap{
    position: relative !important;
  }*/
    .colEntreprises2 {
        background: #C6260D;
        /*width: 100% !important;*/
        margin-bottom: 20px;
    }

    .colEntreprises2 {
        height: 350px !important;
    }

    .colFormation2 .nectar-button {
        margin: 20px 0 0 0;
    }

    .colFormation2 .itemTextP {
        margin-top: 15px !important;
    }

    /****************************** JE SUIS LYCEEN ***********************/

    .projetEducatif .section-imageCitation .text-citation {
        top: 230px;
        left: 265px;
    }

    .colinternational1.Institut-scv .text-citation {
        top: 85px !important;
        left: 220px !important;
    }

    .section-imageCitation .text-citation.citationCoeur {
        top: 238px !important;
        left: 270px !important;
    }

    #top nav {
        padding-left: 30px;
    }
    
    #menu-rapide{
        padding-top: 30px;
    }
        
    #menu-rapide p {

    font-size: 13px;
    font-family: 'DIN Pro Condensed Light';
    text-transform: uppercase;
    text-align: left !important;
    -o-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in;
    -moz-transition: color 0.3s ease-in;
    -webkit-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
    padding-left: 5px;
    line-height: 17px;
    padding-bottom: 0 !important;
    position: relative;
    top: 8px;

}
    
    #menu-rapide a i {
    font-size: 30px;
    }

}

/* Breakpoint Global : Mobile + Phablet + tablette portrait  */
@media only screen and (max-width: 1000px) {
    header#top .span_9 {
        position: relative !important;
        right: 50% !important;
    }

    #containerMenus .span_12 > .instance-4 {
        display: none;
    }

    #containerMenus {
        display: none;
    }

    .colArtistique1 {
        padding-bottom: 20px !important;
    }

    .slide-out-widget-area-toggle {
        display: block !important;
        position: absolute;
        top: 40% !important;
        right: 0;
        width: 30px;
    }

    header#top {
        top: 40px !important;
    }

    .off-canvas-menu-container > .menu > li a {
        cursor: pointer;
    }

    .menuGoodies {
        display: none;
    }

    .itemRSHeader {
        width: 40% !important;
        text-align: left;
    }

    #top-header-widget-area {
        padding: 20px 0;
    }

    #header-outer {
        display: none;
    }

    #copyright .widgetMenuFooter,
    .widgetRSFooter {
        float: none;
        width: 100%;
        text-align: center;
    }

    .widgetMenuFooter ul {
        text-align: center;
    }

    .widgetMenuFooter li a {
        font-size: 12px;
    }

    #footer-widgets .span_4:nth-child(1) {
        width: 57%;
        padding-left: 10% !important;
        margin-bottom: 5px !important;
    }

    #footer-outer #copyright p {
        margin-top: 20px !important;
    }

    #footer-widgets .span_4:nth-child(2) {
        width: 37%;
        margin-bottom: 5px !important;
    }

    #footer-widgets .span_4:nth-child(3) {
        width: 100% !important;
        text-align: center;
    }

    #containerMecenat .img-with-aniamtion-wrap,
    #containerArtistiques .img-with-aniamtion-wrap {
        text-align: center;
        margin-bottom: 30px;
    }

    .colSportif1 .right.img-with-aniamtion-wrap,
    .colEntreprises1 .right.img-with-aniamtion-wrap {
        text-align: center;
    }

    .right.img-with-aniamtion-wrap {
        max-width: 100% !important;
    }

    .colSportif1 img {
        max-width: 90% !important;
        display: inline-block;
    }

    .colEntreprises1 img {
        max-width: 100% !important;
    }

    .colinternational1 .text-citation {
        top: 100px !important;
        left: 340px !important;
    }

    .colMecenat2 .img-with-aniamtion-wrap:first-child,
    .colEntreprises1 .img-with-aniamtion-wrap:last-child,
    .colArtistique2 .img-with-aniamtion-wrap:last-child,
    /*.colSportif1 .img-with-aniamtion-wrap:first-child*/
        {
        display: none;
    }


    .colFormation2 img {
        width: 400px;
    }

    .projetEducatif .section-imageCitation .text-citation {
        top: 350px;
        left: 385px;
    }

    .Institut-scv img.img-with-animation.skip-lazy.animated-in {
        margin: auto;
        width: 400px;
    }

    .Institut-scv .text-citation {
        left: 343px !important;
        top: 90px !important;
    }

    .colFormation .text-citation {
        left: 320px !important;
        top: 120px !important;
    }

    .colSportif.colSportif1 .wpb_wrapper .img-with-aniamtion-wrap:last-child {
        display: none;
    }

    .colinternational1.Institut-scv .text-citation {
        top: 85px !important;
        left: 350px !important;
    }

    .section-imageCitation .text-citation.citationCoeur {
        top: 350px !important;
        left: 395px !important;
    }

    .imageJeSuisEntreprise {
        width: 300px !important;
    }

    .imageTaxeApprentissage {
        margin-left: 0;
        margin: auto;
    }

    .parentEleveblocFormations .colFormation.colFormation1 .text-citation {
        left: 320px !important;
        top: 160px !important;
    }

    .parentEleveblocFormations .colFormation.colFormation2 .text-citation {
        left: 345px !important;
        top: 131px !important;
    }

    .parentEleveblocVieScolaire img {
        margin-left: 0 !important;
        margin: auto !important;
    }

    .ancienEleveblocVisite img {
        margin-left: 0 !important;
        margin: auto !important;
    }

    #menu-rapide a:nth-child(1) {
        width: inherit;
    }

    #menu-rapide a:nth-child(2) {
        width: inherit;
    }

    #menu-rapide a:nth-child(3) {
        width: inherit;
        display: none;
    }

    #menu-rapide a:nth-child(4) {
        width: inherit;
        display: none;
    }
}

/* Breakpoint Global : Mobile + Phablet  */
@media only screen and (max-width: 690px) {

    #containerFormations h2 > strong {
        font-size: 27px !important;
    }

    #portesOuvertes {
        display: none;
    }

    body.material #header-secondary-outer {
        display: block;
        height: auto !important;
    }

    .itemRSHeader {
        display: none;
    }

    .colinternational1 .text-citation {
        top: 80px !important;
        left: 250px !important;
    }

    #footer-widgets .span_4:nth-child(1) {
        width: 100%;
        padding-left: 0 !important;
        margin-bottom: 15px !important;
    }

    #footer-widgets .span_4:nth-child(2) {
        width: 100%;
        margin-bottom: 5px !important;
    }

    .widgetAdresseJean23 {
        text-align: center !important;
        border: inherit !important;
    }

    #media_image-2 {
        text-align: center !important;
    }

    .projetEducatif .section-imageCitation .text-citation {
        top: 230px;
        left: 250px;
    }

    .colinternational1.Institut-scv .text-citation {
        top: 85px !important;
        left: 260px !important;
    }

    .section-imageCitation .text-citation.citationCoeur {
        top: 225px !important;
        left: 255px !important;
    }

    .parentEleveblocFormations .colFormation.colFormation1 .text-citation {
        left: 200px !important;
        top: 115px !important;
    }

    .parentEleveblocFormations .colFormation.colFormation2 .text-citation {
        left: 245px !important;
        top: 115px !important;
    }

    .parentEleveBlocAccompagnement .imgAccompagnement {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin: auto !important;
    }
    
    #portesOuvertes,
    #containerJimg {
        width: 100%;
        height: 180px;
        display: block;
    }
    
    #portesOuvertes h4{
        padding-top: 30px;
    }
    
    .heuresJPO, #portesOuvertes p{
        display: none;
    }

}

/*******************************
   --- Exclusion Only ---
*******************************/

/* Breakpoint Tablette portrait */
@media only screen and (min-width: 691px) and (max-width: 1000px) {

    #portesOuvertes,
    #containerJimg {
        width: 100%;
        height: 180px;
        display: none;
    }
    
    #portesOuvertes h4{
        padding-top: 30px;
    }
    
    .heuresJPO, #portesOuvertes p{
        display: none;
    }

    #containerFormations .row-bg-overlay {
        background: none !important;
    }

    .colSportif {
        margin-bottom: 25px !important;
    }

}


/* Breakpoint Phablet only  */
@media only screen and (min-width: 480px) and (max-width: 690px) {

    #containerFormations h2,
    #containerFormations h2 strong {
        font-size: 32px !important;
    }

    .colFormation .text-citation {
        left: 244px !important;
        top: 115px !important;
    }

}

/* Breakpoint Mobile only  */
@media only screen and (max-width: 479px) {

    #containerFormations h2,
    #containerFormations h2 strong {
        font-size: 25px !important;
    }

    h2,
    h2 strong {
        font-size: 30px !important;
    }

    .colFormation1 .text-citation {
        left: 140px !important;
        top: 75px !important;
        font-size: 13px !important;
        width: 120px;
        line-height: 13px;
    }

    .colFormation2 .text-citation {
        left: 175px !important;
        top: 85px !important;
        font-size: 13px !important;
        width: 120px;
        line-height: 13px;
    }

    .colSportif2 .itemTextP {
        font-size: 10px !important;
        width: 215px !important;
    }

    .colinternational1 .text-citation {
        top: 60px !important;
        left: 200px !important;
    }

    .boutonSinscrire .wpb_wrapper .nectar-button.jumbo.regular.m-extra-color-gradient-2.button.button-blue {
        padding-left: 15px;
        padding-right: 15px;
    }

    .projetEducatif .section-imageCitation .text-citation {
        top: 150px;
        left: 184px;
    }

    .projetEducatif .section-imageCitation .text-citation .wpb_wrapper p {
        font-size: 18px;
    }

    .colinternational.colinternational1 .wpb_wrapper .img-with-aniamtion-wrap .inner img {
        margin-left: 0 !important;
        margin: auto !important;
    }

    .colinternational.colinternational2 .wpb_wrapper .wpb_text_column.wpb_content_element.vc_custom_1548928110309.itemTextP.textNormal {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .colinternational1.Institut-scv .text-citation {
        top: 41px !important;
        left: 183px !important;
    }

    .offreStage-Alternance {
        width: 371px !important;
    }

    .offreStage-Alternance .wpb_wrapper {
        padding-top: 40px;
    }

    .section-imageCitation .text-citation.citationCoeur {
        top: 155px !important;
        left: 187px !important;
    }

    .section-imageCitation .text-citation.citationCoeur p {
        font-size: 18px;
    }

    .parentEleveblocFormations .colFormation.colFormation1 .text-citation {
        left: 150px !important;
        top: 85px !important;
    }

    .parentEleveblocFormations .colFormation.colFormation2 .text-citation {
        left: 150px !important;
        top: 65px !important;
    }

    body.material .nectar-button.jumbo:not([class*="see-through"]) {
        padding: 20px 3px;
    }
}