/* Integration Jean 23 */
/* Auteur : Pauline */


/**************************************** SOMMAIRE ***************************************/

/* STYLES CSS GLOBAL */

.titreH2Bleu {
    font-family: "Museo Sans" !important;
}

.historique-ae {
    margin-top: 50px !important;
    margin-bottom: 100px !important;
}

.poursuite-ea {
    margin-top: 0px !important;
}

.inscription-fe {
    margin-top: 50px !important;
    margin-bottom: 50px ! important;
}

.inscriptionCol-fe {
    padding-top: 50px !important;
}

.vieEtu-fe {
    margin-bottom: 50px !important;
}

.offres-fe {
    margin-bottom: 150px !important;
}

.iscv-fe {
    margin-top: 50px !important;
}

.art-lyceen {
    margin-top: 150px !important;
}

.cdi-lyceen {
    padding-bottom: 30px !important;
}

.amphi-entreprise {
    margin-top: 150px !important;
    margin-bottom: 50px !important;
}

#containerArtistiques.formation-entreprise {
    padding-top: 50px !important;
}

#containerArtistiques.formation-fe {
    padding-top: 70px !important;
}

#containerArtistiques.espace-options-lycee {
    padding-top: 30px !important;
}

#containerArtistiques.art-lyceen {
    padding-top: 0px !important;
}

.section-projetEducatif.section-vieScolaire {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/v-e1554112809906.png) !important;
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 105px;
    padding-left: 90px;
    margin-top: 41px;
    padding-right: 10px;
}

.text-citation.citation-vieScolaire.citation-location {
    top: 245px !important;
    left: 360px !important;
}

.section-grisCadre .padding-blocGris-left.espaces-eleves {
    padding-right: 0 !important;
}

.espaces-blocstextes {
    padding-right: 80px !important;
}

.wpb_raw_code.wpb_content_element.wpb_raw_html.padding-blocGris-right .spaces-right {
    padding-top: 30px !important;
}



/********************************* LA VIE SCOLAIRE *********************************/
.vie-scolaire-espacesPrivilegies .col.span_12.dark.left {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-right-J23-e1548169668133.png) !important;
    background-repeat: no-repeat;
    background-position: bottom 20% right 7%;
}

.vie-scolaire-espacesPrivilegies p {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.desEspacesPrivilegiesPourNosEleves {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/forme-bloc-gris-J23-e1554275418825.png);
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-top: 25px;
}

/****************************** FUTUR ETUDIANT OU ALTERNANT *********************************/
.Institut-scv.colinternational1 .text-citation {
    top: 100px !important;
    left: 275px !important;
    width: 100px;
    line-height: 21px;
}

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

.inscription-ISCV .text-citation {
    top: 120px !important;
    left: 350px !important;
    width: 137px;
    line-height: 21px;
}

/********************************* PAGE MDL *********************************/

.section-grisCadre .padding-blocGris-left ul li strong {
    color: #000;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 17px;
    line-height: 25px;
}

.section-mdl.section-projetEducatif {
    background-image: url("https://jean23-herbiers.com/wp-content/uploads/2019/01/L-e1548860532487.png");
    background-position: top 22% left 5%;
    background-repeat: no-repeat;
}

.section-imageCitation .text-citation.mdl {
    top: 175px;
}

.second-bloc-mdl {
    position: relative;
}

.second-bloc-mdl-absolute {
    height: 300px;
    width: 300px;
    position: absolute;
    bottom: -50px;
    left: -19px;
}

.second-bloc-mdl-absolute .container-absolute .vc_column-inner .wpb_wrapper .texte-absolute:first-child {
    position: absolute;
    top: 50px;
    left: 28px;
}

.second-bloc-mdl-absolute .container-absolute .vc_column-inner .wpb_wrapper .texte-absolute:last-child {
    position: absolute;
    top: 90px;
    left: 28px;
}


.bloc-bgImage-forme {
    background-image: url("https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-J23-e1548169625482.png") !important;
    background-repeat: no-repeat;
    background-position: top 6% left 44%;
    background-size: auto;
}

.forme-angleRougeB {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-right-J23-e1548169668133.png);
    background-repeat: no-repeat;
    background-position: bottom right 21%;
    background-size: auto;
    width: 50%;
}

.forme-angleRougeB .wpb_wrapper .nectar-fancy-ul ul li:last-child {
    padding-bottom: 25px;
}

.projet-educatif.location.mdl-intro .section-imageCitation {
    margin-top: 75px;
}

.section-grisCadre.bureau-mdl .padding-blocGris-left {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-right-J23-e1548169668133.png) !important;
    background-position: bottom 2% right 14%;
}

.section-grisCadre .padding-blocGris-left.angle-rouge-bottomR .wpb_wrapper,
.section-grisCadre .padding-blocGris-left.angle-rouge-bottomR .wpb_wrapper .absolute-forme-angle.titre-bloc .wpb_wrapper h3,
.lastSection-ProjetEducatif.bloc-bgImage-forme .vc_col-sm-7.img-PE-last.textNormal.forme-angleRougeB.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-9 .wpb_wrapper h3 {
    padding-left: 15px;
}

.section-grisCadre .padding-blocGris-left.angle-rouge-bottomR .wpb_wrapper .absolute-forme-angle.titre-bloc .wpb_text_column.wpb_content_element.textNormal {
    padding-left: 25px;
}

.lastSection-ProjetEducatif.bloc-bgImage-forme .vc_col-sm-7.img-PE-last.textNormal.forme-angleRougeB.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-9 .nectar-fancy-ul {
    padding-left: 35px;
}


/********************************* OUVERTURE A L'INTERNATIONAL *********************************/



.section-imageCitation {
    margin-top: 25px;
}

.blocOuvertureI .ouvertureInternational {
    position: absolute;
    top: 78px !important;
    width: 21%;
    left: 390px;
    line-height: 22px;
}

.blocOuvertureI .ouvertureILettre {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/O-2-e1554457683436.png) !important;
}

.second-bloc-oI img.img-with-animation.skip-lazy.animated-in {
    max-width: 400px;
}

.lastSection-ProjetEducatif.bloc-bgImage-forme.second-bloc-international img.img-with-animation.skip-lazy.animated-in {
    max-width: 300px;
}

.bloc-bgImage-forme .txt-absolute-lyceens-etrangers {
    position: absolute;
    top: 18px;
    width: 49%;
    left: 232px;
}

.objPoursuivisInternational .col.span_12.dark.left .nectar-fancy-ul span strong {
    color: #fff;
}

.bloc-bgImage-forme .txt-absolute-lyceens-etrangers p strong span {
    font-size: 20px;
}

.bloc-bgImage-forme .txt-absolute-lyceens-etrangers p span strong {
    color: #fff;
}

.lastSection-ProjetEducatif.bloc-bgImage-forme.second-bloc-international {
    background-position: top 8% left 53% !important;
}

.forme-angleRougeB.forme-angleRougeB-bloc-international {
    background-position: bottom 1% right 4% !important;
    padding-bottom: 30px !important;
}

.titre-bloc {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/forme-bloc-gris-J23-e1554275418825.png) !important;
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-top: 25px;
}

.forme-angleRougeB.forme-angleRougeB-bloc-international .wpb_text_column.wpb_content_element .wpb_wrapper p {
    padding-left: 25px;
}

.forme-angleRougeB.forme-angleRougeB-bloc-international h3.colorTextBlue {
    width: 230px !important;
}

.lastSection-ProjetEducatif.bloc-bgImage-forme.second-bloc-international .row-bg-wrap {
    background-position: bottom -57%right 10% !important;
}

.lastSection-ProjetEducatif.bloc-bgImage-forme.second-bloc-international .lyceens-etrangers {
    background-color: #e42314;
    position: absolute;
    top: -30px;
    right: 25px;
    width: 286px;
    height: 300px;
    padding: 25px !important;
}

.lastSection-ProjetEducatif.bloc-bgImage-forme.second-bloc-international .lyceens-etrangers .vc_col-sm-12.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-7 .wpb_text_column.wpb_content_element.textNormalWhite p {
    font-size: 14px;
    line-height: 19px;
}

.txt-objectifs-ouvertureI {
    background-image: none !important;
}

/********************************* TRANSPORT ET RESTAURATION *********************************/

/*---------- GLOBAL -------*/
.transport .transport-texte h2::after,
.restauration .restauration-texte h2::after {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #c4281b;
    display: inline-block;
    margin-left: 5px;
}

/*---------- TRANSPORT -------*/
.transport .transport-texte {
    padding: 105px 90px 0px 10px;
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/t-e1554360690160.png);
    background-repeat: no-repeat;
    background-position: top left 5%;
}

.transport .transport-texte .vc_column-inner {
    padding-left: 80px;
}

.transport .bouton-inscription-transport a {
    text-decoration: none;
    border: 2px solid #e42314;
    padding: 5px 60px;
    color: #e42314;
}

.transport .bouton-inscription-transport a:hover {
    border: 2px solid #1c4074;
    color: #fff;
    background-color: #1c4074;
    transition: 0.5s;
}

/*---------- TRAME -------*/
.trame-absolute .image-trame-absolute {
    position: absolute;
    bottom: -71px;
    right: 0;
}

/*---------- RESTAURATION -------*/

.restauration .restauration-texte {
    padding: 105px 10px 0px 90px;
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/R-e1554360910340.png);
    background-repeat: no-repeat;
    background-position: top 3% left 10%;
}

.restauration .restauration-texte .textNormal.paddingPE .wpb_wrapper p {
    padding-top: 55px;
}

.restauration .photo-restauration {
    position: relative;
}

.restauration .texte-restauration-absolute {
    position: absolute;
    top: 90px;
    right: 45px;
    font-size: 18px !important;
    width: 22%;
}

.restauration .texte-restauration-absolute-2 {
    width: 112px;
    position: absolute;
    bottom: 3px;
    right: 19px;
    height: 102px;
}

.restauration .texte-restauration-absolute-2 .wpb_wrapper p {
    color: #fff;
    padding-top: 22px;
    text-align: center;
}

.restauration .texte-restauration-absolute .wpb_wrapper p {
    color: #fff !important;
    line-height: 32px !important;
    font-size: 24px !important;
}

/********************************* PROJET PASTORAL *********************************/
.projetPastoral .projetPastoral-texte h2::after {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #c4281b;
    display: inline-block;
    margin-left: 5px;
}

.projetPastoral .projetPastoral-texte {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/P-e1548164925472.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.projetPastoral .projetPastoral-texte .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper {
    padding-bottom: 90px;
}

.projetPastoral .projetPastoral-texte .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper h2 {
    padding-left: 55px;
    padding-top: 50px;
}

.projetPastoral .projetPastoral-texte-absolute {
    position: absolute;
    top: 68px;
    width: 20%;
    left: 65px;
}

.projetPastoral-bis-texte .objectifsProjetPastoral p span {
    font-size: 25px;
}

.projetPastoral-bis .projetPastoral-bis-texte {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/forme-bloc-gris-J23-e1554275418825.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding-right: 120px;
}

.projetPastoral-bis .projetPastoral-bis-texte .vc_column-inner {
    padding: 25px 0 0 25px;
}

.projetPastoral-bis .projetPastoral-bis-texte .wpb_raw_code.wpb_content_element.wpb_raw_html {
    margin-bottom: 0;
}

.projetPastoral-bis .projetPastoral-bis-texte .wpb_wrapper .nectar-fancy-ul:last-child {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-right-J23-e1548169668133.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-bottom: 25px;
}

.photo-projetPastoral-bis {
    position: relative;
}

.photo-projetPastoral-bis .projetPastoral-texte-photo-absolute {
    position: absolute;
    width: 250px;
    background-color: #e42314;
    top: 174px;
    left: -37px;
    padding: 25px;
}

.photo-projetPastoral-bis .projetPastoral-texte-photo-absolute .wpb_wrapper p:first-child span strong {
    color: #fff;
    font-size: 25px;
}

.photo-projetPastoral-bis img {
    max-width: 300px !important;
}

.containerArtistique-jesuisLyceen .blocOptionsArtistiquesJesuisLycen .colArtistique.colArtistique2.superpositionImage .wpb_wrapper .img-with-aniamtion-wrap:first-child {
    position: absolute !important;
    top: -53px !important;
}

.containerArtistique-jesuisLyceen .blocOptionsArtistiquesJesuisLycen .colArtistique.colArtistique2.superpositionImage .wpb_wrapper .img-with-aniamtion-wrap:last-child {
    position: absolute !important;
    right: 45px !important;
    top: 132px !important;
}

/********************************* LE SPORT A JEAN XXIII *********************************/
.assoSport-intro .assoSport-intro-texte h2::after {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #c4281b;
    display: inline-block;
    margin-left: 5px;
}

.assoSport-intro .assoSport-intro-texte {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/S-e1554373232149.png);
    background-repeat: no-repeat;
    background-position: top left 17%;
    padding-left: 50px;
}

.assoSport-intro .assoSport-intro-texte .wpb_wrapper h2 {
    padding: 80px 0 0 70px;
}

.assoSport-intro .assoSport-intro-texte .wpb_wrapper .wpb_text_column.wpb_content_element.textNormal.paddingPE {
    padding-top: 50px;
    width: 80%;
}

.assoSport-intro-texte-absolute {
    position: absolute;
    top: 192px;
    width: 23%;
    right: 40px;
}

.assoSport-intro-texte-absolute .wpb_wrapper p {
    font-size: 20px;
}

.asso-sport-objectifs .padding-blocGris-right .img-with-aniamtion-wrap.right img {
    max-width: 450px;
}

.photo-sections-sportives-absolute {
    position: relative;
}

.photo-sections-sportives-absolute .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap.right img {
    position: absolute;
    right: -187px;
    z-index: 1000;
    max-width: 550px;
    top: -36px;
}

.sectionSportives-bloc-rouge {
    padding: 50px 100px 50px 235px !important;
}

.sectionSportives-bloc-rouge .vc_column-inner .wpb_wrapper .wpb_text_column.wpb_content_element.textNormal .wpb_wrapper p span strong {
    color: #fff !important;
}

/********************************* LA CULTURE A JEAN XXIII *********************************/

/*------------- ACTIVITES ARTISTIQUES ---------------*/
.activitesArtistiques .activitesArtistiques-intro-texte .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper h2::after,
.optionsArtistiques .wpb_wrapper h2::after {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #c4281b;
    display: inline-block;
    margin-left: 5px;
}

.activitesArtistiques .activitesArtistiques-intro-texte {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/A-e1554389416961.png);
    background-repeat: no-repeat;
    background-position: top left 17%;
    padding-left: 50px;
}

.activitesArtistiques .activitesArtistiques-intro-texte .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper h2 {
    padding: 80px 0 0 70px;
}

.photoActivitesArtistiques {
    position: relative;
}

.photoActivitesArtistiques .activitesArtistiques-texte-absolute {
    position: absolute;
    top: 70px;
    width: 16%;
    right: 60px;
}

.photoActivitesArtistiques .activitesArtistiques-texte-absolute .wpb_wrapper p {
    font-size: 20px;
}


/*------------- OPTIONS ARTISTIQUES ---------------*/

.optionsArtistiques .optionsArtistiques-intro-texte {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/O-2-e1554457683436.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.optionsArtistiques .optionsArtistiques-intro-texte .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper h2 {
    padding: 95px 0 0 70px;
}

.optionsArtistiques .optionsArtistiques-intro-texte .vc_column-inner .wpb_text_column .intro-texte {
    width: 80%;
}

.liens-options-artistiques .vc_col-sm-4.wpb_column.column_container.vc_column_container.col.no-extra-padding {
    width: 23% !important;
}

.liens-options-artistiques .vc_col-sm-4.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-6 {
    margin-left: 10px !important;
}

.liens-options-artistiques .vc_col-sm-4.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-7 {
    margin-left: 37px !important;
}

.optionsArtistiques-intro-texte .liens-options-artistiques a {
    padding: 7px 20px !important;
    text-decoration: none;
    border: 2px solid #1c4074;
}

.optionsArtistiques-intro-texte .liens-options-artistiques a:hover {
    background-color: #1c4074;
    color: #fff !important;
    transition: 0.5s;
}

.photoOptionsArtistiques {
    position: relative;
}

.photoOptionsArtistiques .photoActivitesArtistiques-texteAbsolute {
    position: absolute;
    top: 71px;
    width: 20%;
    left: 68px;
}

.photoOptionsArtistiques .photoActivitesArtistiques-texteAbsolute .wpb_wrapper p {
    font-size: 20px;
}

.optionsArtistiques-intro-texte .wpb_wrapper .wpb_text_column.wpb_content_element.textNormal.paddingPE.intro-texte {
    padding-top: 25px;
}

/*------------- TEMPS FORTS ---------------*/

.temps-fortsArtistiques-bloc-bleu {
    padding: 50px 90px 50px 90px;
}

.temps-fortsArtistiques-bloc-bleu .tempsfortsArtistiques-texte {
    width: 60%;
}

.tempsfortsArtistiques-texte .wpb_wrapper .wpb_text_column.wpb_content_element.textNormal .wpb_wrapper p span strong {
    color: #fff !important;
}

.photo-temps-forts-activititesArtistiques-absolute {
    position: relative;
}

.photo-temps-forts-activititesArtistiques-absolute .img-with-aniamtion-wrap.right .inner img {
    position: absolute;
    top: -33px;
    z-index: 1;
    left: 44px;
}

.trameRelative {
    position: relative;
}

.trameAbsolute {
    position: absolute;
    top: -102px;
    left: -200px
}

/********************************* ORGANIGRAMME *********************************/

.secondRang-hierarchique .img-with-aniamtion-wrap.center .inner > .displayNone-ecranLarge {
    display: none !important;

}

.firstBloc-Organigramme .firstBloc-Organigramme-titre {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/O-2-e1554457683436.png);
    background-repeat: no-repeat;
    padding: 75px;
    background-position: left;
}

.secondRang-hierarchique a,
.photo-directeur a,
.bloc-secondNiveauHierarchique-photos a,
.hierarchieAdministrative a {
    text-decoration: none;
    color: #000;
}

.secondRang-hierarchique a:hover,
.photo-directeur a:hover,
.bloc-secondNiveauHierarchique-photos a:hover,
.hierarchieAdministrative a:hover {
    color: #1c4074;
    transition: 0.5s;
}

.firstBloc-Organigramme .firstBloc-Organigramme-titre h2::after {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #c4281b;
    display: inline-block;
    margin-left: 5px;
}

.firstBloc-Organigramme img {
    max-width: 200px !important;
}

.firstBloc-Organigramme .photo-directeur {
    padding-top: 50px;
}

.photo-directeur .wpb_wrapper p {
    padding-bottom: 0;
    margin-bottom: 0;
}

.photo-directeur .wpb_wrapper p img {
    margin-bottom: 0;
}

.arborescence-Absolute {
    position: absolute !important;
    top: -45px;
    right: 50px;
    max-width: 92%!important;
}

.pedagogie-absolute {
    position: absolute;
    top: -80px;
    left: 46px;
}

.pedagogie-absolute .wpb_wrapper p,
.administratif-absolute .wpb_wrapper p {
    font-size: 23px;
}

.secondRang-hierarchique {
    margin-bottom: 0 !important;
}

.bloc-secondNiveauHierarchique {
    margin-bottom: 10px !important;
}

.secondRang-hierarchique .vc_col-sm-3.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-6.one-fourths.clear-both .wpb_text_column.wpb_content_element,
.secondRang-hierarchique .photo-delphine .wpb_text_column.wpb_content_element {
    margin-bottom: 0 !important;
}

.secondRang-hierarchique .photo-delphine .img-with-aniamtion-wrap.center,
.secondRang-hierarchique .vc_col-sm-3.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-6.one-fourths.clear-both .wpb_wrapper .img-with-aniamtion-wrap.center {
    margin-bottom: 5px !important;
}

.bloc-secondNiveauHierarchique .vc_col-sm-8.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-11 {
    margin-bottom: 5px;
}

.secondRang-hierarchique .photo-delphine .wpb_wrapper {
    margin-left: 54px;
}

.bloc-secondNiveauHierarchique .vc_col-sm-8.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-11 .img-with-aniamtion-wrap.center img {
    padding-right: 50px;
}

.bloc-secondNiveauHierarchique-photos .vc_col-sm-4.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-15 .wpb_wrapper {
    padding-left: 35px;
}

.bloc-secondNiveauHierarchique-photos .vc_col-sm-4.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-16 .wpb_wrapper {
    padding-left: 17px;
}

.bloc-secondNiveauHierarchique-photos .vc_col-sm-2.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-18 .wpb_wrapper {
    padding-left: 20px;
}

.hierarchieAdministrative .vc_col-sm-12.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-19 .wpb_text_column.wpb_content_element {
    text-align: center;
}

.administratif-absolute {
    position: absolute;
    top: 60px;
}

.hierarchieAdministrative .inner img {
    padding-right: 90px;
    padding-left: 29px;
}

.hierarchieAdministrative-bis .col.span_12.left .instance-22 {
    padding-left: 30px;
}

.displayNone-ecranLarge,
.niveauHierarchiqueResponsive {
    display: none;
}

.hierarchieAdministrative-bis-responsive {
    display: none;
}

/******************** FUTUR LYCEEN ********************/

.superpositionImageFuturLyceen .img-with-aniamtion-wrap:last-child {
    position: absolute;
    left: 240px !important;
    top: 150px !important;
}

/******************** JE SUIS UNE ENTREPRISE ********************/
.superpositionImageAlternance .img-with-aniamtion-wrap:last-child {
    position: absolute;
    left: 220px;
    top: 150px;
}

.superpositionImageAccompagnement .img-with-aniamtion-wrap:last-child {
    position: absolute;
    left: 142px;
    top: 172px;
}

/******************** JE SUIS ANCIEN ELEVE ********************/
.superpositionImageHistorique .img-with-aniamtion-wrap:last-child {
    position: absolute;
    left: 147px;
    top: 126px;
}



#donSection .vc_col-sm-7.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-6 h3,
#donSection .vc_col-sm-7.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-6 .wpb_text_column.wpb_content_element.textNormal {
    padding: 0 15px !important;
}

.blocBacTechno.section-grisCadre .padding-blocGris-right {
    padding: 40px 30px !important;
}

/******************** LE LYCEE JEAN XXIII ******************/
.superpositionImageOptions .img-with-aniamtion-wrap:last-child {
    position: absolute;
    left: 200px;
    top: 167px;
}

.bandeauGrisPadding .col.span_12.dark.left .vc_col-sm-6.padding-blocGris-right.blocBacTechno.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-5 {
    padding: 40px 100px 40px 80px !important;
}

/******************** LA SECONDE ******************/

.citationSecondeGetT .text-citation {
    top: 265px;
    left: 40px;
    right: 190px;
}

.citationBacG .text-citation {
    top: 217px;
    left: 31px;
}

/******************** L'ISCV ******************/
.superpositionImageISCV .wpb_wrapper .img-with-aniamtion-wrap:nth-child(2) {
    position: absolute;
    left: 280px !important;
    top: 124px !important;
}

.citationISCV .text-citation-3 {
    top: 340px !important;
    left: 370px !important;
}

.objProjetEducatif.standard_section.section-grisCadre .padding-blocGris-left {
    padding: 40px 100px 40px 80px !important;
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/forme-bloc-gris-J23-e1554275418825.png) !important;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat !important;
    background-position: left top;

}

.objProjetEducatif.standard_section.section-grisCadre .bandeauGrisPadding,
.blocBacTechno {
    padding: 40px 100px 40px 80px !important;
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-right-J23-e1548169668133.png);
    background-repeat: no-repeat !important;
    background-position: right bottom;
}

.bacGeneral .padding-blocGris-left {
    padding: 40px 100px 40px 80px !important;
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/forme-bloc-gris-J23-e1554275418825.png) !important;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat !important;
    background-position: left top;
}

.vie-scolaire-espacesPrivilegies .padding-blocGris-left,
.section-formations-gris .padding-blocGris-left {
    background: none !important;
}



.superpositionImage .wpb_wrapper .img-with-aniamtion-wrap:first-child,
.superpositionImageFuturLyceen .wpb_wrapper .img-with-aniamtion-wrap:first-child,
    {
    position: absolute;
    top: -100px;
}

.superpositionImageAlternance .wpb_wrapper .img-with-aniamtion-wrap:first-child {
    position: absolute;
    top: -90px;
}

.superpositionImageAccompagnement .wpb_wrapper .img-with-aniamtion-wrap:first-child {
    position: absolute;
    top: -179px;
    left: -100px;
}

.superpositionImageHistorique .wpb_wrapper .img-with-aniamtion-wrap:first-child {
    position: absolute;
    top: -65px;
    left: -35px;
}

.superpositionImage .wpb_wrapper .img-with-aniamtion-wrap:first-child,
    {
    position: absolute;
    top: -75px;
    left: 35px;
}

.um.um-directory.um-4867 .um-members-edit-btn {
    display: none !important;
}

.um-member-card .um-member-name p {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    font-weight: bold !important;
}

.um-form {
    font-family: 'DIN Pro Condensed Medium' !important;
}

.um-field-label label {
    font-size: 18px !important;
    line-height: 22px !important;
    color: #1c4074 !important;
    ;
}

.um-form input[type="text"],
.um-form input[type="tel"],
.um-form input[type="number"],
.um-form input[type="password"],
.um-field-area #commentaire {
    font-size: 17px !important;
}

.um-field-radio-option {
    font-size: 18px !important;
}

.superpositionImageOptions .img-with-animation.skip-lazy.imgArtiste1.animated-in {
    position: absolute !important;
    top: -46px !important;
}

.superpositionImageOptions .img-with-animation.skip-lazy.imgArtiste2.animated-in {
    position: absolute !important;
    left: 33px !important;
}

.post-content-wrap .grav-wrap,
.post-content-wrap .text a {
    display: none;
}

.container.main-content .post-area.featured_img_left .meta-category a.lycee {
    color: #fff !important;
}

.marginAutoInR {
    margin: auto !important;
}

.blocVieEtudiante .colArtistique.colArtistique2 .imageEtudiantouAlternant {
    position: absolute;
    top: 70px;
    right: 126px;
}

#containerArtistiques .img-with-animation.skip-lazy.imgBloc-formationContinue.animated-in {
    margin-top: 30px;
}

#containerMaisonLyceens .blocAmphitheatre .colMaisonLyceens.colMaisonLyceens1 .wpb_wrapper h2 strong {
    font-size: 28px !important;
}

#containerMaisonLyceens .blocAmphitheatre .colMaisonLyceens.colMaisonLyceens1 {
    padding: 5% 0% !important;
}

.ancienEleveblocContact .colFormation.colFormation1 {
    padding-left: 9%;
}

#pagination {
    text-align: center;
    font-family: 'DIN Pro Condensed Medium' !important;
}

.section-formations-gris.pageISCV-blocNiveauFormations .padding-blocGris-left {
    padding-top: 0px !important;
}

.superpositionImageISCV .wpb_wrapper .img-with-aniamtion-wrap:first-child .inner img {
    position: absolute !important;
    top: -65px !important;
}

.titreOuvertureInter-jesuisLyceen strong {
    font-size: 32px !important;
}

.superpositionImageFuturLyceen .wpb_wrapper .img-with-aniamtion-wrap:first-child img {
    position: absolute;
    top: -83px;
}

.post-content .meta-category, .row.blog-recent.columns-3 .meta-category  {
    display: none;
}


/*****************************************************************************
                            ANCIENS ELEVES
***************************************************************************/
.pm-group-card-box,
.pm-user-card-cover.pm-dbfl,
#pm-coverimage-mask,
#pg-profile-groups-tab,
#notification_tab,
img.pm-cover-image {
    display: none;
}

#message_user {
    text-transform: uppercase;
    color: #c4281b;
    font-size: 20px;
}

#new_message_btn {
    color: #c4281b;
}

.pmagic .pm-blog-desc-wrap #chat_message_form .pm_msg_rf .pm-user-description-row {
    background-color: #1c4074;
    border-radius: 10px;
    padding: 0.8em;
    color: #fff;
}

.pmagic .pm-user-image {
    margin-top: 35px !important;
}

#pg_group_tabs,
.pm-group-view.pm-dbfl,
#pg-profile-tabs,
.pm-login-box,
.pm-login-box .pm-login-header.pm-dbfl.pm-bg.pm-border-bt h4,
form.pmagic-form.pm-dbfl #fieldset_3 {
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 17px !important;
}

.pm-user-card-title.pm-dbfl.pm-pad10.pm-bg-lt.pm-clip a {
    font-size: 20px;
    color: #c4281b;
}

.pm-login-box .pm-login-header.pm-dbfl.pm-bg.pm-border-bt h4 {
    color: #c4281b;
}

.pm-section-wrapper .pm-user-description-row .pm-card-label.pm-difl {
    color: #1c4074;
}

.pm-section-wrapper .pm-user-description-row .pm-card-value.pm-difl,
#sections .pm-card-value.pm-difl {
    color: black;
}

form.pmagic-form.pm-dbfl #fieldset_3 .pm-field-input {
    color: #1c4074;
}

#mentions h2 {
    margin-bottom: 35px;
}

.icon-salient-thin-line::before{
    display: none;
}

/*****************************************************************************
/////////////////////////////////////////////////////////////////////////////
                            Règles RESPONSIVE
/////////////////////////////////////////////////////////////////////////////
***************************************************************************/

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

/* Breakpoint Global : Desktop and full  */
@media only screen and (min-width: 1300px) {}

/* Breakpoint Global : tablette portrait, latetop and full  */
@media only screen and (min-width: 1001px) {

    .text-citation.textNormal.txt-absolute-lyceens-etrangers .wpb_wrapper p {
        font-size: 12px;
    }

}

/* Breakpoint Global latetop : pc portable + tablette paysage  */
@media only screen and (min-width: 1001px) and (max-width: 1299px) {
    .sectionSportives-bloc-rouge .vc_column-inner {
        width: 100%;
    }
}

/* Breakpoint Global : mobile + tablette portrait/payasage + latetop  */
@media only screen and (max-width: 1299px) {
    .parentEleveBlocAccompagnement .superpositionImageAccompagnement .img-with-animation.skip-lazy.imgArtiste1.imgAccompagnement.animated-in {
        position: absolute;
        top: 80px;
        left: 50px;
    }

    .colMaisonLyceens.colMaisonLyceens2 .parentEleve-imgTransport {
        margin-top: 20px !important;
    }

    .historique-ae {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .visite-ae {
        margin-top: 0px !important;
    }

    .projet-educatif {
        padding-bottom: 0px !important;
    }

    .offres-fe {
        margin-bottom: 100px !important;
    }

    .inscription-fe {
        margin-bottom: 30px ! important;
    }

    .art-lyceen {
        margin-top: 50px !important;
    }

    .amphi-entreprise {
        margin-top: 80px !important;
    }

    .options-lycee {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .options-lycee.options-iscv.iscv-statutsposs {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .entreprise-iscv {
        margin-top: 30px !important;
    }

    .blocOuvertureI .ouvertureInternational {
        position: absolute;
        top: 50px !important;
        width: 24%;
        left: 310px;
        line-height: 22px;
        font-size: 17px;
    }

    .forme-angleRougeB {
        background-position: bottom right 2% !important;
    }

    .section-imageCitation .text-citation.mdl {
        top: 115px;
        font-size: 15px;
        line-height: 20px;
    }



    /******************** LE SPORT A JEAN XXIII ********************/
    .assoSport-intro-texte-absolute {
        top: 127px;
        right: 35px;
    }

    /******************** LA CULTURE A JEAN XXIII  *****************/
    .photoActivitesArtistiques .activitesArtistiques-texte-absolute {
        top: 55px;
        width: 20%;
        right: 35px;
    }

    .photoOptionsArtistiques .photoActivitesArtistiques-texteAbsolute {
        top: 34px !important;
        left: 55px;
    }

    .photo-temps-forts-activititesArtistiques-absolute .img-with-aniamtion-wrap.right .inner img {
        top: -15px !important;
    }

    .liens-options-artistiques .vc_col-sm-4.wpb_column.column_container.vc_column_container.col.no-extra-padding {
        width: 29% !important;
    }

    #containerMaisonLyceens .blocAmphitheatre .colMaisonLyceens.colMaisonLyceens1 {
        padding: 5% !important;
    }


}

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

    #containerInternational h2.titrePoursuiteEtudes {
        font-size: 28px !important;
    }

    .superpositionImageFuturLyceen .wpb_wrapper .img-with-aniamtion-wrap:last-child img {
        display: none !important;
    }

    .superpositionImageFuturLyceen .wpb_wrapper .img-with-aniamtion-wrap:first-child img {
        position: initial !important;
        margin: auto !important;
    }

    .espace-options-lycee.iscv-statutsposs .colArtistique.colArtistique1 {
        padding-right: 20px !important;
    }

    .superpositionImageISCV .wpb_wrapper .img-with-aniamtion-wrap:first-child .inner img {
        position: absolute !important;
        top: -33px !important;
        left: 145px !important;
    }

    .superpositionImageISCV .wpb_wrapper .img-with-aniamtion-wrap:last-child {
        display: none !important;
    }

    .superpositionImageHistorique .wpb_wrapper .img-with-aniamtion-wrap:last-child {
        display: none !important;
    }

    .parentEleveBlocAccompagnement .superpositionImageAccompagnement .wpb_wrapper .img-with-animation.skip-lazy.imgArtiste2.animated-in {
        display: none !important;
    }

    #containerArtistiques .img-with-animation.skip-lazy.imgBloc-formationContinue.animated-in {
        margin-top: 0px !important;
    }

    #containerMaisonLyceens .blocAmphitheatre .colMaisonLyceens.colMaisonLyceens1 .wpb_wrapper h2 strong {
        font-size: 22px !important;
    }

    #containerMaisonLyceens .blocAmphitheatre .colMaisonLyceens.colMaisonLyceens2 .img-with-aniamtion-wrap.center img {
        width: 350px;
        margin-top: 24px;
    }

    #containerMaisonLyceens .blocAmphitheatre .colMaisonLyceens.colMaisonLyceens1 {
        padding: 5% !important;
    }

    .blocVieEtudiante .colArtistique.colArtistique2 .imageEtudiantouAlternant {
        position: absolute;
        top: 70px;
        right: 60px;
    }

    .containerArtistique-jesuisLyceen .blocOptionsArtistiquesJesuisLycen .colArtistique.colArtistique2.superpositionImage .wpb_wrapper .img-with-aniamtion-wrap:last-child {
        display: none !important;
    }

    #containerProjetEducatif .section-projetEducatif .vc_column-inner .wpb_wrapper .nectar-button.small.regular.m-extra-color-gradient-2.button.button-red {
        margin-bottom: 50px !important;
    }

    .titreVieEtudiante .titreNosFormations strong {
        font-size: 25px !important;
    }

    .citationISCV .text-citation-3 {
        top: 268px !important;
        left: 290px !important;
    }

    .citationHomePage .text-citation {
        top: 225px !important;
        left: 265px !important;
    }

    #containerActualites img {
        width: 100% !important;
    }

    .colMecenat.colMecenat2 .vc_column-inner .wpb_wrapper div.img-with-aniamtion-wrap:last-child .inner img.displayNinR.imgArtiste2,
    .colEntreprises.colEntreprises1 .vc_column-inner .wpb_wrapper div.img-with-aniamtion-wrap:last-child .inner img.displayNinR {
        display: none !important;
    }

    .text-citation.citation-vieScolaire.citation-location {
        top: 195px !important;
        left: 275px !important;
    }

    .section-imageCitation .text-citation.mdl {
        top: 126px;
        line-height: 18px;
        font-size: 15px;
    }

    .projetPastoral .projetPastoral-texte-absolute {
        top: 22px;
    }

    .photo-sections-sportives-absolute .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap.right img {
        max-width: 560px !important;
        top: 0px !important;
    }

    /***************** LA CULTURE A JEAN XXIII **************/

    .activitesArtistiques {
        padding-bottom: 0px !important;
    }

    .optionsArtistiques {
        padding-top: 35px !important;
    }

    /***************** ORGANIGRAMME  **************/
    .secondRang-hierarchique .photo-delphine .wpb_wrapper {
        margin-left: 28px;
    }

    .secondRang-hierarchique .instance-8 {
        margin-left: 0;
    }

    .firstBloc-Organigramme .instance-3 {
        margin-left: -30px;
    }

    .pedagogie-absolute {
        left: -60px;
    }

    .bloc-secondNiveauHierarchique-photos .vc_col-sm-4.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-16 .wpb_wrapper,
    .bloc-secondNiveauHierarchique-photos .vc_col-sm-4.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-15 .wpb_wrapper {
        padding-left: 0px;
    }

    /************* FUTUR ETUDIANT OU ALTERNANT ***************/

    .restauration .texte-restauration-absolute {
        top: 47px;
        right: 37px;
    }

    .restauration .texte-restauration-absolute-2 {
        bottom: -14px;
        right: -7px;
    }

    .Institut-scv.colinternational1 .text-citation {
        top: 40px !important;
        left: 180px !important;
        width: 100px;
        line-height: 21px;
    }

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

    .Institut-scv.colinternational1 .text-citation {
        top: 75px !important;
        left: 210px !important;
        width: 100px;
        line-height: 21px;
    }

    .inscription-ISCV .text-citation {
        top: 95px !important;
        left: 175px !important;
        width: 137px;
        line-height: 21px;
    }

    .citationSecondeGetT .text-citation {
        top: 200px;
    }

    .citationBacG .text-citation {
        top: 168px;
        left: 20px;
    }

    .citationBacG .text-citation p {
        font-size: 20px !important;
    }

    .superpositionImageOptions .img-with-animation.skip-lazy.imgArtiste1.animated-in {
        position: absolute !important;
        top: 15px !important;
        left: 80px;
    }

    .superpositionImageHistorique .wpb_wrapper .img-with-aniamtion-wrap:first-child {
        position: inherit;
        top: -19px;
    }

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

    .blocOptionsArtistiquesJesuisLycen .colArtistique.colArtistique2.superpositionImage .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap .inner .img-with-animation.skip-lazy.imgArtiste1.animated-in {
        position: absolute;
        top: 38px;
        left: 152px;
    }

    #containerArtistiquesFuturLyceen .superpositionImageFuturLyceen.colArtistique2 .wpb_wrapper .img-with-aniamtion-wrap:first-child {
        margin-top: 25px !important;
    }

    .titreActivitesArtistiques,
    .blocArtistiqueFuturLyceen {
        padding: 60px;
        padding-right: 15px;
    }

    .superpositionImageAlternance .img-with-animation.skip-lazy.imgArtiste1.animated-in {
        position: absolute;
        top: 110px;
    }

    .titreOuvertureInter-jesuisLyceen strong,
    .titreAssoSport-jesuisLyceen strong,
    #containerProjetEducatif .titreProjetEduc-jesuisEtudiant .wpb_wrapper h2 strong {
        font-size: 29px !important;
    }

    .titreActivitesArtistiques h2 strong {
        font-size: 29px !important;
    }

    .futurLyceen-blocSport .colSportif.colSportif1 .imgArtiste2 {
        display: none !important;
    }

    #containerFormationsFuturLyceen .titreNosFormations.titreBigBleu strong,
    #containerArtistiques .titreNosFormations strong,
    #containerSportif .carre-bleu strong {
        font-size: 29px !important;
    }

    #containerInternational .titreNosFormations strong,
    .futurLyceen-titreblocFormations strong {
        font-size: 29px !important;
    }

    .futurEtudiant-blocISCV .text-citation {
        top: 75px !important;
        left: 215px !important;
    }

    .formationsISCV .text-citation {
        left: 300px !important;
    }

    .inscription-ISCV .text-citation {
        top: 95px !important;
        left: 190px !important;
    }

    #containerSportif .colSportif.colSportif1 .wpb_wrapper .img-with-aniamtion-wrap .inner img.imgArtiste2 {
        display: none !important;
    }

    .colMecenat.colMecenat2 .vc_column-inner .wpb_wrapper div.img-with-aniamtion-wrap:last-child .inner img.displayNinR.imgArtiste2 {
        display: none !important;
    }





}

/* Breakpoint Global : Mobile + Phablet + tablette portrait  */
@media only screen and (max-width: 1000px) {
    
    .superpositionImageAlternance .wpb_wrapper .img-with-aniamtion-wrap:last-child {
        position: initial!important;
    }
    
    .superpositionImageAlternance .wpb_wrapper .img-with-aniamtion-wrap:last-child img {
        margin: auto!important;
    }

    #containerArtistiques .superpositionImageHistorique .jesuisAncienEleve-imageBlocHistorique {
        display: inline !important;
    }

    .blocOptionsArtistiquesJesuisLycen .colArtistique.colArtistique2.superpositionImage .wpb_wrapper .img-with-aniamtion-wrap:last-child img {
        margin: auto !important;
    }

    .homepage-blocMecenat .colMecenat.colMecenat2 .imgArtiste1 {
        margin: auto !important;
    }

    .homepage-blocMecenat .colMecenat.colMecenat2 .imgArtiste2.displayNinR {
        display: none !important;
    }

    .right.img-with-aniamtion-wrap {
        text-align: center !important;
    }

    .blocVieEtudiante .colArtistique.colArtistique2 .imageEtudiantouAlternant {
        position: initial !important;
    }

    #containerProjetEducatif .blocVieEtudiante .colArtistique.colArtistique2 {
        margin-bottom: 10px !important;
    }

    .containerArtistique-jesuisLyceen .blocOptionsArtistiquesJesuisLycen .colArtistique.colArtistique2.superpositionImage .wpb_wrapper .img-with-aniamtion-wrap:last-child {
        display: block !important;
    }

    .containerArtistique-jesuisLyceen .blocOptionsArtistiquesJesuisLycen .colArtistique.colArtistique2.superpositionImage .wpb_wrapper .img-with-aniamtion-wrap:last-child {
        position: initial !important;
    }

    .blog-recent {
        background: none !important;
    }


    .citationHomePage .text-citation .wpb_wrapper p:first-child {
        font-size: 18px !important;
    }

    .citationHomePage .text-citation .wpb_wrapper p:last-child strong {
        font-size: 15px !important;
        margin-left: 30px !important;
    }

    .blocVieEtudiante .colArtistique.colArtistique2 .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap.right .inner img.imageEtudiantouAlternant {
        margin-left: 0px !important;
    }

    .colFormation.colCitation .text-citation.text-citation-futurLyceen1 {
        left: 305px !important;
        top: 170px !important;
    }

    .colFormation .text-citation.text-citation-futurLyceen1 {
        left: 375px !important;
        top: 170px !important;
    }

    #containerArtistiques .colArtistique.colArtistique2.superpositionImageFuturLyceen .img-with-aniamtion-wrap:last-child img {
        display: none !important;
    }

    .text-citation.citation-vieScolaire.citation-location {
        top: 230px !important;
        left: 372px !important;
    }

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

    .citationHomePage .text-citation {
        top: 355px !important;
        left: 400px !important;
    }

    .colFormation.colFormation1 .text-citation-homepage-blocformation2 {
        top: 161px !important;
        left: 300px !important;
    }

    .colFormation.colFormation1 .text-citation-homepage-blocformation2 p {
        font-size: 18px !important;
    }

    .colFormation.colFormation2 .text-citation-homepage-blocformation {
        left: 300px !important;
        top: 160px !important;
    }

    .colFormation.colFormation2 .text-citation-homepage-blocformation p {
        font-size: 18px !important;
    }

    .colEntreprises.colEntreprises2.col.padding-5-percent {
        padding: 3% !important;
    }

    .colMecenat.colMecenat2 .wpb_wrapper div.img-with-aniamtion-wrap:last-child img {
        position: absolute !important;
        top: 150px !important;
        left: -25px !important;
    }

    .art-lyceen {
        margin-bottom: 50px !important;
    }

    #containerArtistiques.formation-entreprise {
        padding-top: 0px !important;
    }

    .section-projetEducatif {
        padding-left: 20px !important;
    }

    .section-imageCitation .text-citation.mdl {
        top: 183px;
        line-height: 26px;
        font-size: 18px;
    }

    .section-mdl.section-projetEducatif {
        background-position: left top 25% !important;
    }

    .padding-blocGris-right.second-bloc-mdl .img-with-aniamtion-wrap.right .inner img {
        width: 335px;
    }

    .second-bloc-mdl-absolute {
        bottom: -34px;
        left: 25px;
    }

    .padding-blocGris-right.second-bloc-mdl.second-bloc-oI .img-with-aniamtion-wrap.right,
    .section-projetEducatif.ouvertureILettre .vc_column-inner .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html,
    .containerActualitesArticles {
        text-align: center !important;
    }

    .bloc-bgImage-forme .txt-absolute-lyceens-etrangers {
        position: absolute;
        top: 44px;
        width: 49%;
        left: 260px;
    }

    .img-PE-last.textNormal.forme-angleRougeB.forme-angleRougeB-bloc-international {
        width: 100% !important;
    }

    .containerActualitesArticles span.post-featured-img,
    .post-featured-img {
        height: 45% !important;
        text-align: center;
    }

    .masonry.classic_enhanced .masonry-blog-item .article-content-wrap,
    .blog-recent[data-style*="classic_enhanced"] .article-content-wrap {
        padding: 10% 17% !important;
    }

    .blocOuvertureI .ouvertureInternational {
        position: absolute;
        top: 82px !important;
        width: 28%;
        left: 425px;
        line-height: 30px;
    }

    .lastSection-ProjetEducatif.bloc-bgImage-forme.second-bloc-international .col.span_12.dark.left .inner > img.img-with-animation.skip-lazy.animated-in {
        max-width: 300px !important;
    }

    .lastSection-ProjetEducatif.bloc-bgImage-forme.second-bloc-international .lyceens-etrangers {
        background-color: #e42314;
        position: absolute;
        top: -30px;
        right: 60px;
        width: 275px;
        height: 300px;
        padding: 25px !important;
    }

    .padding-blocGris-left.angle-rouge-bottomR .nectar-fancy-ul {
        padding-bottom: 25px;
    }

    .vc_col-sm-6.padding-blocGris-left.angle-rouge-bottomR.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-4 {
        background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-right-J23-e1548169668133.png) !important;
        background-position: bottom 2% right 16% !important;
    }

    /******************** TRANSPORT ET RESTAURATION ********************/

    .bouton-inscription-transport {
        text-align: center;
    }

    .restauration {
        margin-top: 70px !important;
    }

    .restauration .texte-restauration-absolute-2 {
        bottom: 15px;
        right: 34px;
    }

    .restauration .texte-restauration-absolute {
        top: 98px;
    }

    /******************** PROJET PASTORAL ********************/
    .projetPastoral-bis {
        padding-top: 0px !important;
    }

    .projetPastoral .projetPastoral-texte .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper {
        padding-bottom: 0px !important;
    }

    .projetPastoral .projetPastoral-texte-absolute {
        top: 75px;
    }

    .photo-projetPastoral-bis {
        margin-bottom: 115px !important;
    }

    .photo-projetPastoral-bis img {
        width: 250px;
    }

    .photo-projetPastoral-bis .projetPastoral-texte-photo-absolute {
        left: 300px;
    }

    .projetPastoral-bis-texte {
        padding-right: 0px !important;
    }

    .projetPastoral-bis .projetPastoral-bis-texte .vc_column-inner {
        padding: 34px 0 0 45px;
    }

    .projetPastoral .projetPastoral-texte .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper h2 {
        padding-left: 55px;
        padding-top: 91px;
        padding-bottom: 65px;
    }

    /******************** LE SPORT A JEAN XXIII ********************/

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

    .photoSport .img-with-aniamtion-wrap .inner img.img-with-animation.skip-lazy.animated-in {
        max-width: 500px !important;
    }

    .assoSport-intro-texte-absolute {
        top: 179px !important;
        right: 83px !important;
    }

    .asso-sport-objectifs .nectar-fancy-ul {
        padding-right: 10px;
    }

    .asso-sport-objectifs .padding-blocGris-right .img-with-aniamtion-wrap.right {
        text-align: center;
    }

    .assoSport-intro-texte .vc_column-inner .wpb_text_column.wpb_content_element.textNormal.paddingPE {
        margin: auto !important;
    }

    .sectionSportives-bloc-rouge {
        padding: 50px 100px 50px 261px !important;
    }

    .photo-sections-sportives-absolute .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap.right img {
        right: 372px;
        max-width: 400px !important;
        top: 98px !important;
    }

    /******************** LA CULTURE A JEAN XXIII ********************/


    .activitesArtistiques {
        padding-bottom: 0px !important;
    }

    .optionsArtistiques {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .photoOptionsArtistiques {
        padding-top: 35px;
    }

    .temps-forts-activititesArtistiques {
        padding-top: 0px !important;
    }

    .photoActivitesArtistiques .activitesArtistiques-texte-absolute {
        top: 80px;
        right: 40px;
    }

    .photoActivitesArtistiques .activitesArtistiques-texte-absolute .wpb_wrapper p {
        line-height: 30px;
    }

    .activitesArtistiques-intro-texte {
        padding-left: 0px !important;
    }

    .liens-options-artistiques {
        text-align: center;
        padding-bottom: 35px;
    }

    .photoOptionsArtistiques .photoActivitesArtistiques-texteAbsolute {
        top: 85px;
        left: 75px;
    }

    .photo-temps-forts-activititesArtistiques-absolute .img-with-aniamtion-wrap.right .inner,
    .temps-fortsArtistiques-bloc-bleu .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap .inner {
        text-align: center;
    }

    .photo-temps-forts-activititesArtistiques-absolute .img-with-aniamtion-wrap.right .inner img {
        position: inherit;
    }

    .photoOptionsArtistiques .photoActivitesArtistiques-texteAbsolute {
        top: 90px !important;
    }

    /******************** ORGANIGRAMME ********************/
    .photo-directeur {
        text-align: center;
    }

    .secondRang-hierarchique .col.span_12.dark.left {
        display: flex;
    }

    .secondRang-hierarchique .photo-delphine .wpb_wrapper {
        margin-left: 0px;
    }

    .firstBloc-Organigramme {
        padding-bottom: 35px !important;
    }

    .bloc-niveauHierarchique .vc_col-sm-6.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-5 .img-with-aniamtion-wrap,
    .hierarchieAdministrative .img-with-aniamtion-wrap {
        display: none !important;
    }

    .pedagogie-absolute {
        position: absolute;
        top: -37px;
        left: 255px;
    }

    .bloc-secondNiveauHierarchique .instance-10,
    .bloc-secondNiveauHierarchique-photos .col.span_12.dark.left .instance-13,
    .bloc-secondNiveauHierarchique .instance-11 .img-with-aniamtion-wrap.center,
    .hierarchieAdministrative-bis {
        display: none !important;
    }

    .niveauHierarchiqueResponsive {
        display: block !important;
        margin-top: -185px !important;
    }

    .displayNone-ecranLarge {
        display: block;
    }


    .col.no-extra-padding.instance-11 .img-with-aniamtion-wrap.center img {
        padding-right: 85px;
        padding-top: 0px;
    }

    .bloc-secondNiveauHierarchique-photos .instance-14 {
        display: flex;
    }

    .bloc-secondNiveauHierarchique-photos .instance-14 .instance-15,
    .bloc-secondNiveauHierarchique-photos .instance-14 .instance-16,
    .bloc-secondNiveauHierarchique-photos .instance-14 .instance-17 {
        width: 30%;
        padding-right: 55px !important;
    }

    .bloc-niveauHierarchique {
        margin-bottom: 0;
    }

    .col.no-extra-padding.instance-11 .img-with-aniamtion-wrap.center img {
        padding-right: 83px !important;
    }

    .bloc-secondNiveauHierarchique-photos .vc_col-sm-4.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-15 .wpb_wrapper,
    .bloc-secondNiveauHierarchique-photos .vc_col-sm-4.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-16 .wpb_wrapper {
        padding-left: 0px;
    }

    .hierarchieAdministrative-bis-responsive {
        display: block;
    }

    body .vc_row-fluid .vc_col-sm-2 {
        margin-left: 0;
    }

    .administratif-absolute {
        top: 20px;
    }

    .secondRang-hierarchique .img-with-aniamtion-wrap.center .inner > .displayNone-ecranLarge {
        display: block !important;
    }

    /************* FUTUR ETUDIANT OU ALTERNANT ***************/


    .inscription-ISCV .text-citation {
        top: 95px !important;
        left: 300px !important;
        width: 137px;
        line-height: 21px;
    }

    .Institut-scv.colinternational1 .text-citation {
        top: 90px !important;
        left: 350px !important;
        width: 100px;
        line-height: 21px;
    }

    .formationsISCV .text-citation {
        top: 95px !important;
        left: 339px !important;
        width: 100px;
        line-height: 21px;
    }

    /************* PARENT D'ELEVE ***************/

    #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a,
    #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a b {
        font-family: 'DIN Pro Condensed Bold' !important;
    }

    .citationSecondeGetT .inner,
    .citationBacG .inner {
        text-align: center !important;
    }

    .citationSecondeGetT .img-with-animation.skip-lazy.animated-in,
    .citationBacG .img-with-animation.skip-lazy.animated-in {
        width: 350px !important;
    }

    .citationSecondeGetT .text-citation {
        top: 230px;
        left: 88px;
    }

    .citationSecondeGetT .text-citation p {
        font-size: 24px !important;
    }

    .citationBacG .text-citation {
        top: 195px;
        left: 97px;
    }

    .citationBacG .text-citation p {
        font-size: 19px !important;
    }

    .imgVieScolaire .inner {
        text-align: center;
    }

    .imgVieScolaire .img-with-animation.skip-lazy.animated-in {
        width: 500px;
    }

    .imgVieScolaire .text-citation {
        top: 245px !important;
        left: 380px !important;
    }

    .vie-scolaire-espacesPrivilegies .col.span_12.dark.left {
        background-position: bottom 5% right 9%;
    }

    .citationISCV .inner {
        text-align: center;
    }

    .citationISCV .inner .img-with-animation.skip-lazy.animated-in {
        width: 450px;
    }

    .citationISCV .text-citation-3 {
        top: 280px !important;
        left: 375px !important;
    }

    .containerArtistiquesFuturLyceen .colArtistique.colArtistique1 {
        padding: 30px;
    }

    .superpositionImageOptions .img-with-animation.skip-lazy.imgArtiste1.animated-in {
        position: inherit !important;
    }

    .inscription-ISCV .text-citation.text-citation2 {
        top: 115px !important;
        left: 250px !important;
        width: 137px;
        line-height: 21px;
    }

    .jesuisAncienEleve-imageBlocHistorique {
        margin-left: 63px !important;
    }
    
    .none-1000{
        display: none!important;
    }
    
    .fabienne .fabienne-photo{
        margin-bottom: 0px;
    }
    
    .triple-1000{
        width: 33%!important;
    }
    
    .bloc-secondNiveauHierarchique .instance-12{
        margin-bottom: 0px!important;
    }

}

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

        #containerInternational h2.titrePoursuiteEtudes {
            font-size: 27px !important;
        }

        .pmagic .pm-group-view .pm-profile-title {
            margin: 0px !important;
            margin-top: 150px !important;
        }

        .jesuisAncienEleve-imageBlocHistorique {
            margin-left: 50px !important;
        }

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

        .colFormation.colCitation .text-citation.text-citation-futurLyceen1 {
            left: 240px !important;
            top: 120px !important;
        }

        .formationsISCV .text-citation {
            top: 80px !important;
            left: 245px !important;
            width: 100px;
            line-height: 21px;
        }

        .Institut-scv.colinternational1 .text-citation {
            top: 75px !important;
            left: 250px !important;
            width: 100px;
            line-height: 21px;
        }

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

        .text-citation.citation-vieScolaire.citation-location {
            top: 185px !important;
            left: 265px !important;
        }

        .vie-scolaire-espacesPrivilegies.section-grisCadre .padding-blocGris-left {
            padding-left: 25px !important;
        }

        .section-imageCitation .text-citation.mdl {
            top: 109px !important;
            line-height: 20px;
            font-size: 15px;
        }

        .section-grisCadre {
            padding-top: 50px !important;
            padding-bottom: 50px !important;
        }

        .second-bloc-mdl-absolute {
            bottom: -94px !important;
            left: 0 !important;
        }

        .lastSection-ProjetEducatif .img-PE-last {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .blocOuvertureI .ouvertureInternational {
            position: absolute;
            top: 50px !important;
            width: 34%;
            left: 270px;
            line-height: 25px;
        }

        .vc_col-sm-6.padding-blocGris-left.angle-rouge-bottomR.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-4 {
            background-position: bottom 2% right !important;
        }

        .forme-angleRougeB {
            background-position: bottom right;
        }

        .colFormation.colFormation1 .text-citation-homepage-blocformation2 {
            top: 90px !important;
            left: 200px !important;
        }

        .colFormation.colFormation2 .text-citation-homepage-blocformation {
            left: 210px !important;
            top: 100px !important;
        }

        .citationHomePage .text-citation {
            top: 230px !important;
            left: 255px !important;
        }

        .inscription-ISCV .text-citation.text-citation2 {
            top: 95px !important;
            left: 220px !important;
        }



        /******************** TRANSPORT ET RESTAURATION ********************/

        .bouton-inscription-transport a {
            padding: 5px 50px;
        }

        .restauration .texte-restauration-absolute {
            top: 40px;
            right: 30px;
        }

        .restauration .restauration-texte {
            padding: 105px 10px 0px 45px;
        }

        .transport .transport-texte {
            padding: 105px 0px 0px;
        }

        .transport .wpb_text_column.wpb_content_element.textNormal.paddingPE .wpb_wrapper p:last-child {
            text-align: center;
        }

        .restauration .texte-restauration-absolute-2 {
            bottom: -16px;
            right: -10px;
        }

        .transport .transport-texte .vc_column-inner {
            padding-left: 0px;
        }

        /******************** PROJET PASTORAL ********************/
        .projetPastoral .projetPastoral-texte-absolute {
            top: 20px;
        }

        .photo-projetPastoral-bis .projetPastoral-texte-photo-absolute {
            left: 197px;
        }

        /******************** LE SPORT A JEAN XXIII ********************/
        .assoSport-intro-texte-absolute {
            top: 115px !important;
            right: 35px !important;
        }

        .assoSport-sectionSportives {
            padding-top: 0px !important;
            margin-bottom: 275px !important;
        }

        .photo-sections-sportives-absolute .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap.right img {
            right: 26px !important;
            top: 352px !important;
        }

        .sectionSportives-bloc-rouge {
            padding-left: 25px !important;
            padding-right: 25px !important;
        }

        .photo-sections-sportives-absolute .vc_column-inner .wpb_wrapper .img-with-aniamtion-wrap.right img {
            right: 26px !important;
            top: 352px !important;
        }

        .photoSport .img-with-aniamtion-wrap .inner img.img-with-animation.skip-lazy.animated-in {
            max-width: 400px !important;
        }

        /******************** LA CULTURE A JEAN XXIII ********************/

        .photoActivitesArtistiques .activitesArtistiques-texte-absolute {
            top: 45px;
            right: 35px;
        }

        .photoOptionsArtistiques .photoActivitesArtistiques-texteAbsolute {
            top: 30px;
            left: 65px;
        }

        .liens-options-artistiques .vc_col-sm-4.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-7 {
            margin-left: 0px !important;
        }

        .photoOptionsArtistiques .photoActivitesArtistiques-texteAbsolute {
            top: 30px !important;
        }

        /******************** ORGANIGRAMME ********************/

        .niveauHierarchiqueResponsive {
            margin-top: -174px;
            width: 350px;
            padding-left: 4px;
        }

        .secondRang-hierarchique .vc_col-sm-3 {
            padding-right: 5px;
        }

        .bloc-secondNiveauHierarchique-photos .instance-14 .instance-15,
        .bloc-secondNiveauHierarchique-photos .instance-14 .instance-16,
        .bloc-secondNiveauHierarchique-photos .instance-14 .instance-17 {
            width: 30%;
            padding-left: 0px;
        }

        .bloc-secondNiveauHierarchique-photos img {
            width: 100px;
            /*margin-right: 120px;*/
        }

        .pedagogie-absolute {
            left: 258px;
        }

        .secondRang-hierarchique .col.span_12.dark.left .vc_col-sm-3 {
            text-align: center;
        }

        .pedagogie-absolute {
            left: 170px;
        }

        .niveauHierarchiqueResponsive,
        .bloc-secondNiveauHierarchique,
        .bloc-secondNiveauHierarchique .vc_col-sm-2.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-13 {
            display: none !important;
        }

        .bloc-secondNiveauHierarchique-photos .vc_col-sm-4 {
            text-align: center;
        }

        .bloc-secondNiveauHierarchique-photos .instance-14 .instance-15,
        .bloc-secondNiveauHierarchique-photos .instance-14 .instance-16,
        .bloc-secondNiveauHierarchique-photos .instance-14 .instance-17 {
            padding-right: 0px !important;
            margin-right: 0px !important;
        }

        .bloc-secondNiveauHierarchique-photos .vc_column-inner {
            margin: auto;
        }

        .bloc-secondNiveauHierarchique-photos .vc_column-inner img {
            padding-right: 5px;
        }

        /******************** FUTUR ETUDIANT OU ALTERNANT ********************/

        .Institut-scv .text-citation {
            left: 215px !important;
            top: 75px !important;
        }

        .inscription-ISCV .text-citation {
            left: 190px !important;
            top: 95px !important;
        }

        .citationSecondeGetT .text-citation {
            top: 215px;
            left: 70px;
        }

        .citationBacG .text-citation {
            top: 205px;
            left: 55px;
        }

        .citationISCV .text-citation-3 {
            top: 258px !important;
            left: 280px !important;
        }

        .pm-user-card.pm-difl.pm-border.pm-radius5.pm33 {
            width: 100% !important;
        }
        
        .triple-1000{
            text-align: center;
            width: 100%!important;
        }
        
        .hierarchieAdministrative-bis-responsive{
            text-align: center;
        }

    }

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

        .colFormation.colFormation1 .text-citation-homepage-blocformation2 p,
        .colFormation.colFormation2 .text-citation-homepage-blocformation p {
            font-size: 14px !important;
        }

        #containerFormationsFuturLyceen h2 {
            font-size: 24.5px !important;
        }

        .navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-white.fixed-top .container .button2.button-blue {
            margin-left: auto !important;
            margin-right: 15px !important;
            margin-top: 5px !important;
        }

        .navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-white.fixed-top .container .navbar-brand.w20 {
            margin-bottom: 25px !important;
        }


        .section-grisCadre .padding-blocGris-left {
            padding: 0px !important;
        }


        .section-grisCadre.entreprise-iscv .bloc-gris-rouge {
            padding: 50px 60px;
            margin: 0px !important;
            margin-bottom: 25px !important;
        }

        .espace-options-lycee.iscv-statutsposs .colArtistique.colArtistique1 {
            margin-bottom: 0px !important;
        }

        .superpositionImageISCV .wpb_wrapper .img-with-aniamtion-wrap:first-child .inner img {
            position: initial !important;
        }

        .edito {
            padding: 0px !important;
        }

        .jesuisAncienEleve-imageBlocHistorique {
            margin-left: 35px !important;
        }

        .ancienEleveblocContact .colFormation.colFormation1 {
            padding-left: 0%;
        }

        .parentEleveAccompagnement .wpb_text_column.wpb_content_element .vc_custom_1557737191315.itemTextP.textNormalWhite {
            padding: 0px !important;
            margin-bottom: 0px !important;
        }

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

        #containerProjetEducatif .blocVieEtudiante .colArtistique.colArtistique2 {
            margin-bottom: 0px !important;
        }

        .colFormation.colCitation .text-citation.text-citation-futurLyceen1 {
            left: 140px !important;
            top: 70px !important;
        }

        .colFormation2 .text-citation.text-citation-futurLyceen1 {
            left: 140px !important;
            top: 69px !important;
        }

        .inscription-ISCV .text-citation.text-citation2 {
            top: 50px !important;
            left: 120px !important;
        }

        .introEditoHistorique,
        .paddingInResponsive {
            padding: 0 15px !important;
        }

        .colFormation.colFormation2 .text-citation-homepage-blocformation {
            left: 150px !important;
        }

        .colFormation.colFormation1 .text-citation-homepage-blocformation2 {
            top: 63px !important;
            left: 145px !important;
        }

        .colFormation.colFormation2 .text-citation-homepage-blocformation {
            top: 64px !important;
        }



        .colFormation.colFormation2 .wpb_wrapper {
            padding-right: 15px !important;
        }

        .citationHomePage .text-citation {
            top: 135px !important;
            left: 182px !important;
        }

        .citationHomePage .wpb_wrapper .img-with-aniamtion-wrap .inner img {
            width: 300px !important;
            margin-left: 15px !important;
        }

        .itemCitationHome p {
            font-size: 18px !important;
        }

        .text-citation.citation-vieScolaire.citation-location {
            top: 141px !important;
            left: 185px !important;
            font-size: 21px;
        }

        .vie-scolaire-espacesPrivilegies.section-grisCadre .padding-blocGris-left .espaces-blocstextes {
            padding-right: 0 !important;
        }

        .section-imageCitation .text-citation.mdl {
            top: 81px !important;
            font-size: 13px;
            line-height: 14px;
        }

        .second-bloc-mdl-absolute {
            bottom: -178px;
            left: -21px !important;
            width: 260px;
        }

        .lastSection-ProjetEducatif .img-PE-last {
            padding-left: 0px !important;
            padding-right: 0px !immportant;
        }

        .padding-blocGris-left.angle-rouge-bottomR {
            padding: 0px !important;
        }

        .blocOuvertureI .ouvertureInternational {
            position: absolute;
            top: 30px !important;
            width: 34%;
            left: 220px;
            line-height: 20px;
        }

        .section-grisCadre .col.span_12.dark.left {
            padding: 0px 15px;
        }

        .lastSection-ProjetEducatif.bloc-bgImage-forme.second-bloc-international .col.span_12.dark.left .inner > img.img-with-animation.skip-lazy.animated-in {
            margin: auto;
        }

        .lastSection-ProjetEducatif.bloc-bgImage-forme.second-bloc-international .lyceens-etrangers {
            display: block !important;
            position: inherit !important;
            margin: auto !important;
        }

        .wpb_row.vc_row-fluid.vc_row.inner_row.standard_section.vc_custom_1554189203427.second-bloc-mdl-absolute.colorTextWhite {
            display: block;
            position: inherit;
            width: 230px;
        }

        .wpb_row.vc_row-fluid.vc_row.inner_row.standard_section.vc_custom_1554189203427.second-bloc-mdl-absolute.colorTextWhite .wpb_text_column.wpb_content_element.texte-absolute.textNormal {
            padding-right: 25px;
        }

        .section-projetEducatif.ouvertureILettre h2 strong {
            font-size: 30px !important;
        }

        .lastSection-ProjetEducatif.bloc-bgImage-forme.second-bloc-international .col.span_12.dark.left .inner > img.img-with-animation.skip-lazy.animated-in {
            max-width: 275px !important;
            margin-bottom: 25px !important;
        }

        .lastSection-ProjetEducatif.bloc-bgImage-forme.second-bloc-international {
            padding-top: 0px !important;
        }

        .lastSection-ProjetEducatif.bloc-bgImage-forme img.img-with-animation.skip-lazy.animated-in {
            max-width: 300px !important;
            margin: auto;
        }

        .lastSection-ProjetEducatif.bloc-bgImage-forme .vc_col-sm-7.img-PE-last.textNormal.forme-angleRougeB.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-9 .nectar-fancy-ul {
            padding-left: 15px;
        }

        .forme-angleRougeB {
            background-position: bottom right !important;
        }

        .forme-angleRougeB {
            padding-left: 10px !important;
            margin-right: 10px !important;
        }

        .forme-angleRougeB.forme-angleRougeB-bloc-international .vc_column-inner .wpb_wrapper {
            padding: 15px;
        }

        .forme-angleRougeB .nectar-fancy-ul ul li:last-child {
            padding-bottom: 35px;
        }

        .introJesuis {
            padding-left: 35px;
        }

        .introJesuis h1 strong {
            font-size: 30px !important;
        }

        .lastSection-ProjetEducatif .img-PE-last {
            padding-left: 15px !important;
        }

        .padding-blocGris-left.angle-rouge-bottomR {
            padding-right: 15px !important;
        }

        /******************** TRANSPORT ET RESTAURATION ********************/

        .restauration .texte-restauration-absolute .wpb_wrapper p {
            line-height: 20px !important;
            font-size: 18px !important;
        }

        .restauration .texte-restauration-absolute-2 {
            bottom: -33px;
            right: -34px;
        }

        .restauration .restauration-texte {
            padding: 105px 10px 0px 10px;
            margin-top: 70px;
        }

        .transport-texte,
        .restauration-texte,
        .photo-restauration {
            padding-left: 15px;
            padding-right: 15px;
        }

        .restauration .texte-restauration-absolute {
            top: 29px;
            right: 20px;
            width: 24%;
        }

        .trame-absolute {
            display: none;
        }

        /******************** PROJET PASTORAL ********************/
        .projetPastoral .projetPastoral-texte-absolute {
            top: 15px;
            left: 53px;
        }

        .projetPastoral .projetPastoral-texte-absolute .wpb_wrapper p {
            line-height: 19px;
            font-size: 13px;
        }

        .photo-projetPastoral-bis .projetPastoral-texte-photo-absolute {
            left: 130px !important;
        }

        .projetPastoral-texte-photo-absolute {
            display: block;
            position: inherit !important;
            margin: auto !important;
        }

        .photoSport .img-with-aniamtion-wrap .inner img.img-with-animation.skip-lazy.animated-in {
            max-width: 350px !important;
        }

        .restaurationChapelle .textMecenat,
        .restaurationChapelle .img-with-animation.skip-lazy.mecenatImg3.animated-in,
        .mecenatImg1,
        .introGaetan {
            padding: 0 15px !important;
        }

        .vc_col-sm-8.contact-formulaire.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-4,
        .espacesLocations {
            padding: 0 15px !important;
        }

        /******************** LE SPORT AU LYCEE JEAN XXIII ********************/

        .assoSport-intro-texte-absolute {
            top: 90px !important;
            right: -2px !important;
        }

        .assoSport-intro-texte-absolute .wpb_wrapper p {
            font-size: 16px;
        }

        .photo-sections-sportives-absolute .img-with-aniamtion-wrap.right .inner img.img-with-animation.skip-lazy.animated-in {
            position: inherit;
            max-width: 350px !important;
            margin-top: 25px;
        }

        .assoSport-sectionSportives {
            margin-bottom: 50px !important;
        }

        /******************** LA CULTURE AU LYCEE JEAN XXIII ********************/
        .photoActivitesArtistiques .activitesArtistiques-texte-absolute {
            top: 30px;
            right: 25px;
        }

        .photoActivitesArtistiques .activitesArtistiques-texte-absolute .wpb_wrapper p,
        .photoOptionsArtistiques .photoActivitesArtistiques-texteAbsolute .wpb_wrapper p {
            font-size: 15px;
        }

        .photoOptionsArtistiques .photoActivitesArtistiques-texteAbsolute {
            top: 30px;
            left: 40px;
        }

        .temps-fortsArtistiques-bloc-bleu {
            padding: 50px;
        }

        .photoActivitesArtistiques .activitesArtistiques-texte-absolute .wpb_wrapper p {
            line-height: 25px;
        }

        .liens-options-artistiques .vc_col-sm-4.wpb_column.column_container.vc_column_container.col.no-extra-padding {
            width: 50% !important;
        }

        /******************** ORGANIGRAMME ********************/

        .firstBloc-Organigramme-titre {
            padding-left: 10px !important;
        }

        .bloc-secondNiveauHierarchique-photos,
        .secondRang-hierarchique {
            margin-bottom: 70px !important;
        }

        .administratif-absolute {
            top: -32px;
            left: 100px;
        }

        .pedagogie-absolute {
            position: inherit;
            text-align: center;
        }

        .bloc-secondNiveauHierarchique-photos .wpb_wrapper .wpb_row.vc_row-fluid.vc_row.inner_row.standard_section {
            padding-left: 0px !important;
        }

        /**************** FUTUR ETUDIANT OU ALTERNANT ***************/

        .formationsISCV .text-citation {
            top: 35px !important;
            left: 183px !important;
        }

        .inscription-ISCV .text-citation {
            left: 130px !important;
            top: 70px !important;
        }

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

        .Institut-scv.colinternational1 .text-citation {
            top: 44px !important;
            left: 182px !important;
            width: 100px;
            line-height: 21px;
        }


        #donSection .nectar-button.large.regular.m-extra-color-gradient-2.button.button-red {
            margin: 0 40px !important;
        }

        .bandeauGrisPadding .col.span_12.dark.left .vc_col-sm-6.padding-blocGris-right.blocBacTechno.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-5,
        .objProjetEducatif.standard_section.section-grisCadre .padding-blocGris-left,
        .objProjetEducatif.standard_section.section-grisCadre .padding-blocGris-left {
            padding: 0px !important;
        }

        .objProjetEducatif.standard_section.section-grisCadre .padding-blocGris-left {
            padding-top: 35px !important;
        }

        .citationSecondeGetT .text-citation {
            top: 170px;
            left: 25px;
        }

        .citationBacG .text-citation {
            top: 165px;
            left: 25px;
        }

        .citationBacG .text-citation p {
            font-size: 18px !important;
        }

        .bloc-download-lycee,
        .contactFormInscriptionLycee {
            padding: 0 15px !important;
        }

        .citationISCV .text-citation-3 {
            top: 197px !important;
            left: 191px !important;
        }

        .citationISCV .text-citation-3 p {
            font-size: 14px !important;
        }

        .padding-blocGris-right.section-formations-gris {
            padding: 0px !important;
        }

        .resultatEnseignementSup h3,
        .resultatEnseignementSup img,
        .sjb-container,
        .section-imageCitation.cdiCitation,
        .formulaireContactDemandeInfo,
        .titreNosFormations,
        .titre-timeline,
        .objProjetEducatif {
            padding: 0 15px !important;
        }

        .edito .img-gaetan {
            padding-right: 1% !important;
            padding-top: 2% !important;
        }

        .section-mdl h2 strong,
        .section-cdi h2 strong,
        .ancienEleveHistorique h2 strong {
            font-size: 29px !important;
        }

        .titreNosFormations strong {
            font-size: 28px !important;
        }

        .parentEleveAccompagnement h2 strong {
            font-size: 27px !important;
        }

        .alternance h2 strong {
            font-size: 25px !important;
        }

        .projetPastoral-bis-texte {
            padding-right: 15px !important;
        }

        .optionsArtistiques .optionsArtistiques-intro-texte,
        .section-projetEducatif.section-cdi,
        .section-projetEducatif {
            background-position: top left 15% !important;
        }

        .section-ProjetEducatif,
        .firstBloc-Organigramme .firstBloc-Organigramme-titre {
            background-position: left 15% top !important;
        }

        .cdiCitation .text-citation.citation-location {
            left: 33px !important;
        }

        .blocBacTechno,
        .bacGeneral .padding-blocGris-left {
            background-image: none !important;
        }

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

        #containerFormationsFuturLyceen .colFormation.colFormation2 .imageJeSuisEntreprise {
            margin: auto !important;
        }

        #containerFormationsFuturLyceen .colFormation.colFormation1 .wpb_wrapper .nectar-button.small.regular.m-extra-color-gradient-2.button.button-blue {
            width: 100% !important;
        }



    }

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

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


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

    /* Breakpoint Mobile only  */

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

        .colFormation2 .text-citation.text-citation-futurLyceen1 {
            left: 170px !important;
            top: 69px !important;
        }

        .lastSection-ProjetEducatif .img-PE-last {
            width: 90% !important;
        }

        .restauration .texte-restauration-absolute-2 {
            bottom: -59px;
            right: 4px;
        }

        .transport .transport-texte {
            padding-left: 25px;
            padding-right: 25px;
        }

        .restauration .restauration-texte {
            padding-left: 25px;
            padding-right: 15px;
        }

        .photo-transport {
            padding-left: 15px;
            padding-right: 15px;
        }

        .projetPastoral-texte {
            padding: 0px 25px;
        }

        .photo-projetPastoral {
            padding: 0px 10px;
        }

        .projetPastoral-bis {
            padding-top: 0px !important;
        }

        .projetPastoral-bis .projetPastoral-bis-texte {
            background-position: top left 5%;
        }

        .projetPastoral-bis .projetPastoral-bis-texte .wpb_wrapper .wpb_text_column.wpb_content_element.textNormal:last-child {
            background-position: bottom right 3%;
            padding-bottom: 35px;
        }

        .photoSport .img-with-aniamtion-wrap .inner img.img-with-animation.skip-lazy.animated-in {
            max-width: 300px !important;
        }

        .assoSport-intro-texte-absolute .wpb_wrapper p {
            font-size: 16px;
            line-height: 20px;
        }

        .assoSport-intro-texte-absolute {
            top: 80px !important;
            right: 22px !important;
        }

        .assoSport-intro .assoSport-intro-texte .wpb_wrapper h2 {
            padding: 80px 0 0 10px;
        }

        .photo-sections-sportives-absolute .img-with-aniamtion-wrap.right .inner img.img-with-animation.skip-lazy.animated-in {
            max-width: 300px !important;
        }

        .photo-sections-sportives-absolute .img-with-aniamtion-wrap.right .inner {
            text-align: center;
        }

        .activitesArtistiques-intro-texte,
        .optionsArtistiques-intro-texte,
        .photo-temps-forts-activititesArtistiques-absolute {
            padding: 0px 25px !important;
        }

        .activitesArtistiques .activitesArtistiques-intro-texte .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper h2,
        .optionsArtistiques .optionsArtistiques-intro-texte .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper h2 {
            padding: 80px 0 10px 0px;
        }

        .photoOptionsArtistiques,
        .photoActivitesArtistiques {
            padding: 0 15px !important;
        }

        .photoOptionsArtistiques .photoActivitesArtistiques-texteAbsolute {
            top: 22px;
            left: 40px;
        }

        .photoActivitesArtistiques .activitesArtistiques-texte-absolute {
            top: 25px;
            right: 20px;
        }

        .photoActivitesArtistiques .activitesArtistiques-texte-absolute .wpb_wrapper p,
        .photoActivitesArtistiques-texteAbsolute .wpb_wrapper p {
            line-height: 15px;
        }

        .photoOptionsArtistiques {
            padding-top: 25px !important;
        }

        .colFormation.colFormation1 .wpb_wrapper,
        .colinternational.colinternational2 .wpb_wrapper .wpb_text_column.wpb_content_element.vc_custom_1548943216955.itemTextP.textNormal,
        .colinternational.colinternational2 .wpb_text_column.wpb_content_element.vc_custom_1549013563050.itemTextP.textNormal,
        .colinternational.colinternational2 .wpb_text_column.wpb_content_element.vc_custom_1548928110309.itemTextP.textNormal,
        .colinternational.colinternational2,
        .colFormation.colFormation2 .wpb_wrapper {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        .colinternational.colinternational2 .wpb_wrapper .nectar-button {
            margin-left: 15px;
        }

        .colinternational.colinternational2 .wpb_wrapper .titreH2Bleu.carre-rouge {
            padding-left: 2px;
        }

        .colinternational.colinternational2 .titreH2Bleu {
            padding-left: 4px;
        }

        #formationsISCVbloc .col.span_12.dark.left .vc_col-sm-6.colFormation.colFormation2.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-6 {
            padding-left: 15px !important;
        }

        .colArtistique.colArtistique2 .imgAccompagnement {
            margin-top: 0 !important;
            margin-left: 0px !important;
        }

        .vc_col-sm-6.colFormation.colFormation1.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-8 .vc_custom_heading.carre-rouge.vc_custom_1549015905437,
        .vc_col-sm-6.colFormation.colFormation1.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-8 .wpb_text_column.wpb_content_element.vc_custom_1554801002371.itemTextP.textNormalWhite,
        .objProjetEducatif.standard_section.section-grisCadre .bandeauGrisPadding {
            padding-left: 0px !important;
        }

        .wpb_row.vc_row-fluid.vc_row.standard_section .vc_col-sm-12.wpb_column.column_container.vc_column_container.col.centered-text.no-extra-padding.instance-16 .wpb_wrapper .nectar-button.jumbo.regular.m-extra-color-gradient-2 .button.button-blue {
            padding: 4px !important;
        }

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

        .photoOptionsArtistiques .photoActivitesArtistiques-texteAbsolute {
            top: 25px !important;
            left: 40px;
        }

        .vie-scolaire-espacesPrivilegies .col.span_12.dark.left {
            background-position: bottom 4% right 3%;
        }

        .titreVieEtudiante h2 strong {
            font-size: 27px !important;
        }

        .titreVieEtudiante {
            padding: 30px !important;
        }


        .ancienEleveHistorique {
            padding: 30px !important;
            margin-bottom: 70px !important;
        }

        .introGaetan {
            padding-right: 25px !important;
            padding-bottom: 15px !important;
        }


        #containerArtistiques {
            padding-bottom: 0px !important;
        }

        .colArtistique1 {
            padding: 30px !important;
        }

        .superpositionImageAccompagnement .wpb_wrapper .img-with-aniamtion-wrap:first-child {
            display: none !important;
        }

        .parentEleveAccompagnement .wpb_text_column.wpb_content_element.vc_custom_1557737191315.itemTextP.textNormalWhite {
            padding-right: 30px !important;
            padding-left: 15px !important;
        }

        .ancienEleveHistorique {
            margin-bottom: 0px !important;
        }

        .section-projetEducatif {
            background-size: 50%;
        }

        .objProjetEducatif.standard_section.section-grisCadre .bandeauGrisPadding,
        .blocBacTechno {
            padding: 40px 30px 40px 0px !important;
        }


    }