/* Integration Jean 23 */
/* Auteur : Quentin Doublet */


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

/* STYLES CSS GLOBAL */

.carre-rouge:after {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #c4281b;
    display: inline-block;
    margin-left: 7px;
}

.carre-bleu:after {
    content: "";
    width: 9px;
    height: 9px;
    background-color: #1c4074;
    display: inline-block;
    margin-left: 7px;
}

#menuPrincipal nav,
#header-secondary-outer {
    box-shadow: 0px 10px 15px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0px 10px 15px rgba(0, 0, 0, .2);
    -o-box-shadow: 0px 10px 15px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, .2);
}

.introJesuis h1,
.introJesuis h1 strong {
    font-family: "Museo Sans";
    font-size: 35px !important;
    line-height: 35px;
}

.introJesuis h1 strong {
    font-weight: 700;
}

h2,
h2 strong {
    font-family: "Museo Sans";
    font-size: 33px;
    text-transform: uppercase !important;
    line-height: 43px;
}

h3 {
    font-size: 25px !important;
    text-transform: uppercase !important;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-weight: 900;
    letter-spacing: inherit !important;
}

.colorTextRed {
    color: #c4281b;
}

.colorTextBlue {
    color: #1c4074;
}

.colorTextWhite {
    color: #fff;
}

.backgroundRed {
    background-color: #c4281b;
}

.backgroundBlue {
    background-color: #1c4074;
}

.textNormal,
.textNormal strong {
    color: #000;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 17px;
    line-height: 25px;
}

.textNormalWhite,
.textNormalWhite strong,
.textNormalWhite b {
    color: #fff;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 17px;
    line-height: 25px;
}

.textNormal div p,
.textNormal div p strong {
    color: #000;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 17px;
    line-height: 25px;
}

.textNormalWhite div p,
.textNormalWhite div p strong {
    color: #fff;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 17px;
    line-height: 25px;
}

.textNormalgris {
    color: #767676;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 17px;
    line-height: 25px;
}

/* BTNS Site */
.nectar-button.button span,
.sjb-page .btn-primary,
.wpcf7-submit,
html body[data-form-submit="regular"] input[type="submit"] {
    font-family: 'DIN Pro Condensed Medium';
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: normal !important;
}

.nectar-button.small.regular.accent-color.regular-button.button,
.wpcf7-submit,
html body[data-form-submit="regular"] input[type="submit"] {
    background-color: #fff !important;
    margin-top: 15px;
}

.button-red,
.wpcf7-submit,
html body[data-form-submit="regular"] input[type="submit"] {
    border: solid 2px #c4281b !important;
    border-radius: 0px !important;
    -o-transition: border 0.3s ease-in !important;
    -ms-transition: border 0.3s ease-in !important;
    -moz-transition: border 0.3s ease-in !important;
    -webkit-transition: border 0.3s ease-in !important;
    /* ...and now override with proper CSS property */
    transition: border 0.3s ease-in !important;
}

.button-red:hover,
.button-red:focus,
.button-red:active,
.wpcf7-submit:hover,
.wpcf7-submit:focus,
.wpcf7-submit:active,
html body[data-form-submit="regular"] input[type="submit"]:hover,
html body[data-form-submit="regular"] input[type="submit"]:focus,
html body[data-form-submit="regular"] input[type="submit"]:active {
    border: solid 2px #1c4074 !important;
}

.button-red span,
.button-red i:before,
.wpcf7-submit,
html body[data-form-submit="regular"] input[type="submit"] {
    color: #c4281b !important;
    -o-transition: color 0.3s ease-in !important;
    -ms-transition: color 0.3s ease-in !important;
    -moz-transition: color 0.3s ease-in !important;
    -webkit-transition: color 0.3s ease-in !important;
    /* ...and now override with proper CSS property */
    transition: color 0.3s ease-in !important;
}

.button-red:hover span,
.button-red:hover i:before,
.button-red:active span,
.button-red:active i:before,
.button-red:focus span,
.button-red:focus i:before,
html body[data-form-submit="regular"] input[type="submit"]:hover {
    color: #1c4074 !important;
}

.button-blue {
    border: solid 2px #1c4074 !important;
    -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;
    /* ...and now override with proper CSS property */
    transition: border 0.3s ease-in;
}

.button-blue:hover,
.button-blue:focus,
.button-blue:active {
    border: solid 2px #c4281b;
}

.button-blue span,
.button-blue i {
    color: #1c4074 !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;
}

.button-blue {
    border: solid 2px #1c4074;
    -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;
    /* ...and now override with proper CSS property */
    transition: border 0.3s ease-in;
}

.button-blue:hover,
.button-blue:focus,
.button-blue:active {
    border: solid 2px #c4281b;
}

.button-blue span,
.button-blue i {
    color: #1c4074 !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;
}

.button-blue:hover span,
.button-red:hover i,
.button-blue:focus span,
.button-red:focus i,
.button-blue:active span,
.button-red:active i {
    color: #c4281b !important;
}

.align-right {
    text-align: right;
}

.button-white.nectar-button {
    -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;
}

.button-white.nectar-button span {
    -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;
}

.button-white.nectar-button:hover {
    opacity: 1 !important;
    background-color: #fff !important;
}

.button-white.nectar-button:hover span {
    color: #1c4074 !important;
}

/* BTN GO TO THE TOP */
#to-top {
    background-color: #c4281b;
}

/************* PAGE PROJET EDUCATIF *************/

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

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

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

.section-projetEducatif p {
    padding-top: 40px;
}

.section-imageCitation {
    position: relative;
}

.text-citation {
    position: absolute;
    top: 310px;
    left: 350px;
    color: #fff;
    font-family: 'DIN Pro Condensed Bold';
    font-size: 17px;
    padding-right: 20px;
    line-height: 18px;
}

.text-citation p {
    padding-bottom: 0px !important;
}

.text-citation strong {
    color: #1c4074;
    font-family: 'DIN Pro Condensed Medium';
    font-weight: 500;
    font-size: 17px;
    text-transform: uppercase;
}

.section-grisCadre {
    background-color: #eeeeee;
    margin-top: 0px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.section-grisCadre .padding-blocGris-left {
    padding: 40px 100px 40px 80px !important;
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-right-J23-e1548169668133.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.section-grisCadre .padding-blocGris-right ul li,
.section-grisCadre .padding-blocGris-left ul li,
.lastSection-ProjetEducatif ul li {
    color: #000;
    font-family: 'DIN Pro Condensed Medium';
    font-size: 17px;
}

.section-grisCadre .padding-blocGris-right ul,
.section-grisCadre .padding-blocGris-left ul,
.lastSection-ProjetEducatif ul {
    padding-left: 0px;
}

.icon-default-style.icon-salient-thin-line.accent-color {
    color: #c4281b !important;
}

.lastSection-ProjetEducatif {
    margin-top: 70px;
    padding-bottom: 70px !important;
}

.lastSection-ProjetEducatif .img-PE-last {
    padding-left: 40px;
    padding-right: 40px;
}

.PE-h3-2 {
    margin-top: 80px;
}

/************* BTNS FIXES *************/

#titreEtLiens a {
    width: 140px;
    height: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    position: fixed;
    right: 0;
    z-index: 1000;
    text-decoration: none;
    box-shadow: 0px 19px 35px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 19px 35px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 19px 35px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 19px 35px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 19px 35px rgba(0, 0, 0, 0.2);
    -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;
}

#titreEtLiens .bleu {
    top: 180px;
}

#titreEtLiens .rouge {
    top: 320px;
}

#titreEtLiens .bleu:hover,
#titreEtLiens .bleu:focus,
#titreEtLiens .bleu:active {
    background: #1c4074;
}

#titreEtLiens .rouge:hover,
#titreEtLiens .rouge:active,
#titreEtLiens .rouge:focus {
    background: #c4281b;
}

#titreEtLiens a p {
    color: #fff;
    font-family: 'DIN Pro Condensed Light';
    text-transform: uppercase;
    font-size: 17px;
    line-height: 20px;
}

#titreEtLiens a p span {
    color: #fff;
    font-family: 'DIN Pro Condensed Medium';
    text-transform: uppercase;

}

#titreEtLiens a i {
    color: #fff;
    float: left;
    font-size: 40px;
    padding-right: 40px;
}

#titreEtLiens i {
    background: none !important;
}

#titreEtLiens .perspective{
    top: 390px;
    background: #fff;
    padding-right: 5px;
    display: flex;
    align-items: center;
}

.donCacher {
    display: none !important;
}

.home .donCacher {
    display: block !important;
}

/************* PAGE FORMATIONS ISCV *************/

/* Boutton Formations */

.boutons-formations .button-jesuis p {
    color: #1c4074;
    font-size: 25px;
    font-family: 'DIN Pro Condensed Bold';
    text-transform: uppercase;
    width: 240px;
    margin: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    border: solid 2px #1c4074;
    line-height: 1.8;
    -o-transition: color 0.3s ease-in, border 0.2s ease-in;
    -ms-transition: color 0.3s ease-in, border 0.2s ease-in;
    -moz-transition: color 0.3s ease-in, border 0.2s ease-in;
    -webkit-transition: color 0.3s ease-in, border 0.2s ease-in;
    /* ...and now override with proper CSS property */
    transition: color 0.3s ease-in, border 0.2s ease-in;
}

.boutons-formations .button-jesuis p i {
    color: #c4281b;
    font-size: 30px;
    vertical-align: top;
    padding-left: 7px;
    padding-top: 3px;
    -o-transition: color 0.3s ease-in, border 0.2s ease-in;
    -ms-transition: color 0.3s ease-in, border 0.2s ease-in;
    -moz-transition: color 0.3s ease-in, border 0.2s ease-in;
    -webkit-transition: color 0.3s ease-in, border 0.2s ease-in;
    /* ...and now override with proper CSS property */
    transition: color 0.3s ease-in, border 0.2s ease-in;
}

.boutons-formations .button-jesuis p:hover,
.boutons-formations .button-jesuis p:active,
.boutons-formations .button-jesuis p:focus {
    color: #c4281b;
    border: solid 2px #c4281b;
}

.boutons-formations .button-jesuis p:hover i,
.boutons-formations .button-jesuis p:active i,
.boutons-formations .button-jesuis p:focus i {
    color: #1c4074;
}

.menu-autres-formations-container,
.menu-bac3-container,
.menu-bac2-container {
    position: relative;
    width: 240px;
    margin: 0 auto;
}

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

#menu-autres-formations {
    z-index: 200;
}

#menu-bac3 {
    z-index: 300;
}

#menu-bac2 {
    z-index: 400;
}

#menu-autres-formations li,
#menu-bac3 li,
#menu-bac2 li {
    padding-bottom: 5px;
    padding-top: 8px;
    list-style: none;
    text-align: center;
}

#menu-autres-formations li a,
#menu-bac3 li a,
#menu-bac2 li a {
    color: #fff;
    display: block;
    text-decoration: none;
}

#menu-autres-formations li:hover,
#menu-bac3 li:hover,
#menu-bac2 li:hover,
#menu-autres-formations li:active,
#menu-bac3 li:active,
#menu-bac2 li:active,
#menu-autres-formations li:focus,
#menu-bac3 li:focus,
#menu-bac2 li:focus {
    background-color: rgba(255, 255, 255, 0.8);
    color: #1c4074;
}

#menu-autres-formations li:hover a,
#menu-bac3 li:hover a,
#menu-bac2 li:hover a,
#menu-autres-formations li:focus a,
#menu-bac3 li:focus a,
#menu-bac2 li:focus a,
#menu-autres-formations li:active a,
#menu-bac3 li:active a,
#menu-bac2 li:active a {
    color: #1c4074;
}

/* Contenu page */

.h1-formations,
.h1-formations strong {
    font-family: "Museo Sans";
    text-transform: uppercase;
    color: #1c3f74;
    font-size: 48px;
    text-align: left;
    padding-bottom: 20px;
    z-index: 10 !important;
}

.h1-formations:after {
    content: "";
    width: 14px;
    height: 14px;
    background-color: #c4281b;
    display: inline-block;
    margin-left: 5px;
}

.formations-iscv {
    padding: 50px;
    padding-top: 40px !important;
    background-color: #fff;
    box-shadow: 0px 19px 19px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 19px 19px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 19px 19px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 19px 19px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 19px 19px rgba(0, 0, 0, 0.2);
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/trame-3-e1548263119104.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.page-id-2889 .container-wrap,
.page-id-2891 .container-wrap,
.page-id-2887 .container-wrap,
.page-id-2899 .container-wrap,
.page-id-2893 .container-wrap,
.page-id-2879 .container-wrap,
.page-id-2895 .container-wrap,
.page-id-2897 .container-wrap,
.page-id-3044 .container-wrap,
.page-id-3070 .container-wrap,
.page-id-3072 .container-wrap {
    background-color: #eeeeee;
}

.boutons-formations {
    z-index: 300 !important;
}

.boutons-formations .button-jesuis {
    padding-bottom: 20px !important;
    padding-top: 20px;
}

.formations-iscv .text-citation {
    top: 220px;
    left: 40px;
    right: 190px;
    font-size: 27px;
    line-height: 29px;
    font-family: 'DIN Pro Condensed Light';
}

.formations-h4 h4 {
    font-family: 'DIN Pro Condensed Bold';
    color: #c4281b;
    font-size: 24px;
    font-weight: 700;
}

.formations-listes ul li,
.formations-listes ul li strong {
    color: #000;
    font-family: 'DIN Pro Condensed Medium';
    font-size: 17px;
}

.formations-listes ul {
    padding-left: 0px !important;
    padding-right: 20px;
}

.formations-listes .wpb_column.column_container.vc_column_container:nth-child(1),
.formations-listes .wpb_column.column_container.vc_column_container:nth-child(2) {
    padding-right: 15px;
    border-right: solid 3px #c4281b;
}

.formations-listes .wpb_column.column_container.vc_column_container:nth-child(3),
.formations-listes .wpb_column.column_container.vc_column_container:nth-child(2) {
    padding-left: 15px;
}

.formations-listes .wpb_column.column_container.vc_column_container:nth-child(1) {
    padding-top: 35px;
    padding-left: 30px;
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/forme-bloc-gris-J23-e1554275418825.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.formations-listes .wpb_column.column_container.vc_column_container:nth-child(2) {
    padding-top: 35px;
}

.formations-listes .wpb_column.column_container.vc_column_container:nth-child(3) {
    padding-top: 35px;
    padding-right: 30px;
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-right-J23-e1548169668133.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.formations-listes {
    margin-bottom: 60px !important;
    margin-top: 40px;
}

.programme-formation {
    background-color: #1c3f74;
    padding: 30px 40px 30px 40px;
}

.programme-formation ul li,
.programme-formation ul li strong {
    color: #fff;
    font-family: 'DIN Pro Condensed Medium';
    font-size: 17px;
}

.programme-formation ul {
    padding-left: 0px !important;
}

.programme-formation .icon-default-style.icon-salient-thin-line.accent-color {
    color: #fff !important;
}

.formations-apres p {
    padding-bottom: 0px;
}

.formations-apres ul li {
    color: #000;
    font-family: 'DIN Pro Condensed Medium';
    font-size: 17px;
}

.formations-apres ul {
    padding-left: 0px !important;
}

.formations-apres {
    padding-left: 25px;
}

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

.programme-apres {
    padding-bottom: 50px !important;
}

/* infos pictos */

.duree,
.dates {
    display: inline-block;
    vertical-align: top;
}

.duree {
    margin-right: 117px;
}

.align-bloc {
    padding-top: 20px;
}

.align-bloc img,
.align-bloc p {
    display: inline-block;
}

.align-bloc img {
    width: 55px !important;
    padding-right: 10px;
    border-right: solid 3px #c4281b;
    margin-right: 10px;
    vertical-align: top;
}

.duree .align-bloc p {
    font-family: 'DIN Pro Condensed Medium';
    font-size: 20px;
    text-transform: uppercase;
    color: #1c4074;
    margin-bottom: 0px !important;
    line-height: 22px;
}

.duree .align-bloc p span {
    font-family: "Museo Sans";
    font-size: 30px;
}

.dates .align-bloc p {
    font-family: 'DIN Pro Condensed Medium';
    font-size: 20px;
    text-transform: uppercase;
    color: #1c4074;
    margin-bottom: 0px !important;
    line-height: 22px;
    width: 140px;
}

.dates .align-bloc img {
    padding-bottom: 5px;
    padding-top: 5px;
}

.rythme .align-bloc p {
    font-family: 'DIN Pro Condensed Medium';
    font-size: 16px;
    color: #1c4074;
    margin-bottom: 0px !important;
    line-height: 22px;
    width: 130px;
}

.rythme,
.effectif {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.effectif .align-bloc img {
    border: none !important;
    margin: auto;
    height: 30px !important;
    width: auto !important;
    padding: 0px !important;
    margin: auto;
    display: block;
}

.maxi-mini {
    text-align: center;
    display: inline-block;
    width: 70px;
    vertical-align: top;
}

.effectif p,
.effectif span {
    font-family: 'DIN Pro Condensed Medium';
    font-size: 13px;
    color: #1c4074;
    margin-bottom: 0px !important;
    line-height: 15px;
}



.effectif .align-bloc {
    padding-top: 0px !important;
}

.infos-picto {
    padding-top: 20px;
}

.text-petit {
    font-size: 13px !important;
}

.MCO{
    display: flex;
}

.mco-align {
    width: 140px;
    text-align: center;
}

.mco-align2 {
    width: 80px;
    text-align: center;
    padding-left: 10px;
    border-left: solid 3px #c4281b;
    margin-left: 10px;
}

/************* PAGE FORMATIONS LYCEE *************/

.button-lyceeFormation {
    color: #1c4074;
    font-size: 25px;
    font-family: 'DIN Pro Condensed Bold';
    text-transform: uppercase;
    width: 240px;
    margin: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    border: solid 2px #1c4074;
    line-height: 1.8;
    -o-transition: color 0.3s ease-in, border 0.2s ease-in;
    -ms-transition: color 0.3s ease-in, border 0.2s ease-in;
    -moz-transition: color 0.3s ease-in, border 0.2s ease-in;
    -webkit-transition: color 0.3s ease-in, border 0.2s ease-in;
    /* ...and now override with proper CSS property */
    transition: color 0.3s ease-in, border 0.2s ease-in;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    text-decoration: none;
    display: block
}

.button-lyceeFormation:hover,
.button-lyceeFormation:active,
.button-lyceeFormation:focus {
    color: #c4281b;
    border: solid 2px #c4281b;
    text-decoration: none;
}

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

.fondgrisFormation {
    background-color: #eeeeee;
    padding: 25px 35px;
    padding-left: 35px;
    position: absolute;
    left: -50px;
    padding-left: 50px;
}

.toggle-blocks {
    text-align: center;
    background-color: #1c4074;
    padding: 60px 20px;
    -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;
}

.toggle-blocks:hover,
.toggle-blocks:active,
.toggle-blocks:focus {
    background-color: #c4281b;
    cursor: pointer;
}

.active-block {
    background-color: #c4281b;
}

.toggle-blocks i {
    color: #fff;
    font-size: 25px;
}

.toggle-blocks .vc_column-inner {
    display: table-cell;
    vertical-align: middle;
}

.formations-lycee ul {
    color: #1c4074;
    font-family: 'DIN Pro Condensed Medium';
    font-size: 17px;
    font-weight: bold;
    padding-left: 0px;
    padding-bottom: 40px;
}

.infos-formationLycee {
    padding-top: 200px;

}

.align-infosLycee {
    display: inline-block;
}

.objectif-lycee {
    width: 50%;
    text-align: center;
    padding: 20px 10px;
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-right-J23-e1548169668133.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

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

.objectif-lycee p {
    padding: 0 25px;
}

.effectif-lycee {
    width: 170px;
    padding-left: 40px;
    margin-left: 40px;
    border-left: solid 3px #c4281b;
    vertical-align: top;
    margin-top: 40px;
}

.effectif-lycee img {
    padding-top: 15px;
    width: 70px !important;
    margin: 0px !important;
}

.padding-p-em p {
    margin: 0 !important;
    padding: 0 !important;
}

.apres-lycee1.effectif-lycee {
    margin-top: 5px !important;
    width: 220px !important;
}

.apres-lycee2.effectif-lycee {
    margin-top: 25px !important;
    width: 220px !important;
}

/************* PAGE ACTU BLOG *************/

.iscv {
    background-color: #c4281b;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 20px !important;
    border: none !important;
    text-transform: uppercase;
    letter-spacing: normal !important;
    color: #fff;
    padding: 5px 10px !important;
    left: -20px;
    text-decoration: none;
    -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;
}

.blog .post-area.masonry.classic_enhanced .posts-container article .meta-category a.iscv:hover,
.archive .post-area.masonry.classic_enhanced .posts-container article .meta-category a.iscv:hover,
.single-post article .meta-category a.iscv:hover,
.blog .post-area.masonry.classic_enhanced .posts-container article .meta-category a.iscv:active,
.archive .post-area.masonry.classic_enhanced .posts-container article .meta-category a.iscv:active,
.single-post article .meta-category a.iscv:active,
.blog .post-area.masonry.classic_enhanced .posts-container article .meta-category a.iscv:focus,
.archive .post-area.masonry.classic_enhanced .posts-container article .meta-category a.iscv:focus,
.single-post article .meta-category a.iscv:focus {
    text-decoration: none;
    background-color: #1c4074 !important;
    color: #fff;
}

.lycee,
.page .blog-recent .lycee {
    background-color: #1c4074;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 20px !important;
    border: none !important;
    text-transform: uppercase;
    letter-spacing: normal !important;
    color: #fff !important;
    padding: 5px 10px !important;
    text-decoration: none !important;
    -o-transition: background 0.3s ease-in !important;
    -ms-transition: background 0.3s ease-in !important;
    -moz-transition: background 0.3s ease-in !important;
    -webkit-transition: background 0.3s ease-in !important;
    /* ...and now override with proper CSS property */
    transition: background 0.3s ease-in !important;
}

.blog .post-area.masonry.classic_enhanced .posts-container article .meta-category a.lycee:hover,
.archive .post-area.masonry.classic_enhanced .posts-container article .meta-category a.lycee:hover,
.single-post article .meta-category a.lycee:hover,
.blog .post-area.masonry.classic_enhanced .posts-container article .meta-category a.lycee:active,
.archive .post-area.masonry.classic_enhanced .posts-container article .meta-category a.lycee:active,
.single-post article .meta-category a.lycee:active,
.blog .post-area.masonry.classic_enhanced .posts-container article .meta-category a.lycee:focus,
.archive .post-area.masonry.classic_enhanced .posts-container article .meta-category a.lycee:focus,
.single-post article .meta-category a.lycee:focus,
.blog-recent .lycee:hover,
.blog-recent .lycee:focus,
.blog-recent .lycee:active {
    text-decoration: none !important;
    background-color: #c4281b !important;
    color: #fff !important;
}

body .blog-recent[data-style*="classic_enhanced"] .meta-category a:hover {
    border: none !important;
    background-color: #c4281b !important;
}

.blog .post-area.masonry.classic_enhanced .masonry-blog-item .article-content-wrap,
.archive .post-area.masonry.classic_enhanced .masonry-blog-item .article-content-wrap {
    padding: 10px !important;
}

.category-iscv h3 {
    color: #c4281b !important;
}

.category-lycee h3 {
    color: #1c4074 !important;
}

.excerpt.textNormal {
    color: #000 !important;
}

.more-link span {
    font-family: 'DIN Pro Condensed Medium';
    font-size: 20px !important;
    text-transform: uppercase;
    letter-spacing: normal !important;
    text-decoration: none !important;
    background-color: #fff !important;
}

.more-link {
    text-decoration: none !important;
    padding-bottom: 10px;
}

.category-iscv .more-link span {
    border: solid 2px #c4281b;
    color: #c4281b;
    -o-transition: color 0.3s ease-in, border 0.2s ease-in;
    -ms-transition: color 0.3s ease-in, border 0.2s ease-in;
    -moz-transition: color 0.3s ease-in, border 0.2s ease-in;
    -webkit-transition: color 0.3s ease-in, border 0.2s ease-in;
    /* ...and now override with proper CSS property */
    transition: color 0.3s ease-in, border 0.2s ease-in;
}

.category-iscv .more-link span:hover,
.category-iscv .more-link span:active,
.category-iscv .more-link span:focus {
    border: solid 2px #1c4074 !important;
    color: #1c4074 !important;
    background: none !important;
}

.blog article.post.masonry-blog-item .more-link span:hover,
.archive article.post.masonry-blog-item .more-link span:hover,
.blog article.post.masonry-blog-item .more-link span:active,
.archive article.post.masonry-blog-item .more-link span:active,
.blog article.post.masonry-blog-item .more-link span:focus,
.archive article.post.masonry-blog-item .more-link span:focus {
    background: #fff !important;
}

.category-lycee .more-link span {
    border: solid 2px #1c4074;
    color: #1c4074;
    -o-transition: color 0.3s ease-in, border 0.2s ease-in;
    -ms-transition: color 0.3s ease-in, border 0.2s ease-in;
    -moz-transition: color 0.3s ease-in, border 0.2s ease-in;
    -webkit-transition: color 0.3s ease-in, border 0.2s ease-in;
    /* ...and now override with proper CSS property */
    transition: color 0.3s ease-in, border 0.2s ease-in;
}

.category-lycee .more-link span:hover,
.category-lycee .more-link span:active,
.category-lycee .more-link span:focus {
    border: solid 2px #c4281b !important;
    color: #c4281b !important;
    background: none !important;
}

.masonry.classic_enhanced .masonry-blog-item .entire-meta-link {
    height: 85% !important;
}

.blog .container-wrap {
    background-color: #eeeeee;
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/trame-4-e1548766916517.png);
    background-repeat: no-repeat;
    background-position: top left;
}

article {
    box-shadow: 0px 10px 15px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0px 10px 15px rgba(0, 0, 0, .2);
    -o-box-shadow: 0px 10px 15px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, .2);
}

.blog article,
.archive article {
    margin: 10px !important;
    width: 31% !important;
    position: inherit !important;
    top: 0 !important;
    left: 0 !important;
}

.posts-container {
    padding: 40px !important;
    height: auto !important;
}

.blog .post-area,
.archive .post-area {
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-right-J23-e1548169668133.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.blog .posts-container,
.archive .posts-container {
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/forme-bloc-gris-J23-e1554275418825.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.archive .row.page-header-no-bg {
    display: none !important;
}

.archive .container-wrap {
    background-color: #eeeeee;
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/trame-4-e1548766916517.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.red-color-btn {
    border: solid 2px #c4281b !important;
    color: #c4281b !important;
}

/****************** ARTICLE SINGLE ******************/

.apss-theme-4 .apss-single-icon .fa {
    padding-top: 2px !important;
    height: 36px !important;
    line-height: 36px !important;
}

.apss-theme-4 .apss-single-icon a:hover .apss-icon-block::after {
    background: none !important;
}

.single-post .row.heading-title.hentry {
    display: none !important;
}

.single-post .container-wrap {
    background-color: #eeeeee;
}

.single-post .post.regular .content-inner {
    background-color: #fff;
}

.article-postActu {
    padding: 25px;
    padding-top: 0px !important;
}

.single-post .meta-category a {
    position: absolute;
    top: 20px;
    left: 20px;
}

.single-post .content-inner {
    padding-bottom: 0px !important;
}

.apss-single-icon a div {
    background-color: #1c4074 !important;
    -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;
}

.apss-single-icon a:hover div,
.apss-single-icon a:active div,
.apss-single-icon a:focus div {
    background-color: #c4281b !important;
}

.apss-single-icon a div i {
    color: #fff !important;
}

.apss-single-icon a:hover div i,
.apss-single-icon a:focus div i,
.apss-single-icon a:active div i {
    color: #fff !important;
}

.apss-theme-4 .apss-single-icon a {
    margin: 4px !important;
}

#sidebar li {
    margin: 0px !important;
}

#sidebar {
    text-align: center;
}

#sidebar li a {
    margin: 0px;
    color: #000;
    font-family: 'DIN Pro Condensed Medium';
    font-size: 17px;
    -o-transition: color 0.3s ease-in, border 0.2s ease-in;
    -ms-transition: color 0.3s ease-in, border 0.2s ease-in;
    -moz-transition: color 0.3s ease-in, border 0.2s ease-in;
    -webkit-transition: color 0.3s ease-in, border 0.2s ease-in;
    /* ...and now override with proper CSS property */
    transition: color 0.3s ease-in, border 0.2s ease-in;
    text-decoration: none !important;
}

#sidebar li a:hover,
#sidebar li a:active,
#sidebar li a:focus {
    color: #c4281b !important;
}

#sidebar h4 {
    color: #1c4074;
    font-size: 25px !important;
    text-transform: uppercase !important;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-weight: 900;
    letter-spacing: inherit !important;
}

#sidebar ul {
    padding: 0px;
}

#sidebar div:nth-child(1) {
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/forme-bloc-gris-J23-e1554275418825.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 40px;
}

#sidebar div:nth-child(2) {
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-right-J23-e1548169668133.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-bottom: 30px;
}

.article-postActu p {
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 17px !important;
}

/************************** Page RSULTATS PRESENTATION *****************************/

/************** LYCEE ***************/

.section-projetEducatif.section-presentation {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/L-e1548860532487.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 105px;
    padding-left: 90px;
    margin-top: 41px;
    padding-right: 10px;
}

.text-citation-2 {
    font-family: 'DIN Pro Condensed Light' !important;
    text-transform: uppercase;
    font-size: 23px;
    width: 157px;
    line-height: 23px;
    color: #fff;
    position: absolute;
}

.section-imageCitation .text-citation-2 {
    top: 360px;
    left: 350px;
}

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

.wpb_row.vc_row-fluid.vc_row.standard_section.section-resultat-lycee {
    margin-bottom: 160px !important;
}

.section-resultat-lycee .bloc-rouge-resultats {
    background-color: #c4281b;
    padding: 70px 90px 70px 90px;
}

.graph-resultats-lycee {
    position: absolute !important;
    width: 530px !important;
    left: -350px;
    top: 100px;
    display: block;
    max-width: 600px !important;
}

.section-resultat-iscv .graph-resultats-lycee {
    top: 160px !important;
}

.text-label-num {
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

#section-numerique .row-bg-wrap {
    background-color: #eeeeee;
    padding-bottom: 40px !important;
    padding-top: 40px !important;
}

#section-numerique {
    padding-bottom: 40px !important;
    padding-top: 40px !important;
}

.section-iscv {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/03/C-e1553101522242.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-left: 50px;
    margin-top: 41px;
    padding-right: 10px;
    background-size: 36% !important;
}

.text-citation-3 {
    font-family: 'DIN Pro Condensed Light' !important;
    text-transform: uppercase;
    font-size: 23px;
    width: 157px;
    line-height: 23px;
    color: #fff;
    position: absolute;
    top: 340px;
    left: 360px;
}

.section-resultat-iscv .bloc-rouge-resultats {
    background-color: #c4281b;
    padding: 70px 90px 190px 90px;
}

.section-resultat-iscv ul li,
.section-resultat-iscv ul li strong {
    color: #000;
    font-family: 'DIN Pro Condensed Medium';
    font-size: 17px;
}

.wpb_row.vc_row-fluid.vc_row.standard_section.section-resultat-lycee.section-resultat-iscv {
    margin-top: 40px !important;
}

.options-lycee.options-iscv {
    margin-top: 190px !important;
    margin-bottom: 220px !important;
}

.section-formations-gris p {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.section-formations-gris .padding-blocGris-left {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.section-formations-gris .wpb_raw_code.wpb_content_element.wpb_raw_html {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.section-formations-gris .textNormal,
.section-formations-gris h3 {
    padding-left: 80px;
}

.vc_col-sm-6.padding-blocGris-right.section-formations-gris.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-5 {
    margin-bottom: 40px !important;
}

.bloc-gris-rouge {
    background-color: #c4281b;
    padding: 130px 90px;
    margin: 50px 0px;
     !important;
}

/************************** Page CONTACT *****************************/

.contact-formulaire p {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 10px !important;
}

.contact-formulaire .rgpdMentions.textNormal {
    font-size: 14px !important;
    color: #000 !important;
    margin-top: 20px;
    line-height: 16px !important;
}

body .wpcf7-form p span {
    color: #000 !important;
}

.contact-bloc-red {
    margin-top: 40px !important;
    background-color: #c4281b;
    padding: 30px 30px;
    color: #fff;
}

.contact-bloc-red h3 {
    font-size: 27px !important;
    line-height: 30px !important;
}

.bloc-download {
    margin-bottom: 50px !important;
}

.contact-bloc-red.contact-bloc-blue {
    background-color: #1c4074;
    margin-top: 0px !important;
}

.bloc-download-lycee {
    margin-top: 50px !important;
}

.wpcf7-display-none,
.wpcf7-not-valid-tip {
    font-family: 'DIN Pro Condensed Medium' !important;
    color: #000;
}

/******************************* POP-UP WARNING *****************************/

.sg-popup-content {
    border-width: inherit !important;
    padding: 30px 30px !important;
    text-align: center;
    color: #fff;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 17px;
    line-height: 25px;
}

#containerInternational.taxe-app {
    margin-top: 50px !important;
}

/******************************* POP-UP WARNING *****************************/

#footer-outer[data-custom-color="true"] #footer-widgets a:not(.nectar-button):hover,
#RS-white a i {
    opacity: 1 !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;
}

#footer-outer,
#footer-outer div,
#footer-outer div strong,
#footer-outer div b {
    font-family: 'DIN Pro Condensed Medium' !important;
}

#footer-outer div a {
    text-decoration: none !important;
}

#footer-outer div a:hover {
    color: #c4281b !important;
    text-decoration: none !important;
}

#RS-white a:hover i {
    color: #c4281b !important;
}

#footer-outer {
    z-index: 1000 !important;
}

/******************************* EMPLOIS *****************************/
.job-info h4,
.sjb-archive-page .sjb-page .list-data .job-info h4 span,
.job-title,
.company-name {
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 25px !important;
}

.sjb-page .list-data .job-info h4 a:hover {
    color: #1c4074;
}

.job-description p {
    font-family: 'DIN Pro Condensed Medium' !important;
    color: #000 !important;
    font-size: 17px !important;
}

.job-type,
.job-location,
.job-date {
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 17px !important;
}

.job-type i,
.job-location i,
.job-date i {
    color: #000 !important;
}

.sjb-search-button input {
    border: solid 2px #c4281b !important;
    -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;
    /* ...and now override with proper CSS property */
    transition: border 0.3s ease-in;
}

.sjb-search-button input:hover,
.sjb-search-button input:focus,
.sjb-search-button input:active {
    border: solid 2px #1c4074 !important;
}

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

.sjb-page {
    margin-bottom: 50px;
    margin-top: 20px;
}

.jobpost-form {
    display: none !important;
}

.sjb-page i {
    color: #c4281b !important;
}

.sjb-page p {
    padding-bottom: 0px !important;
}

.sjb-page .btn-primary,
html body[data-form-submit="regular"] input[type="submit"] {
    background-color: #fff !important;
    margin-top: 0px !important;
    border: solid 2px #c4281b !important;
    border-radius: inherit !important;
}

.sjb-page .btn-primary,
html body[data-form-submit="regular"] input[type="submit"] {
    color: #c4281b !important;
    -o-transition: color 0.3s ease-in, border 0.3s ease-in !important;
    -ms-transition: color 0.3s ease-in, border 0.3s ease-in !important;
    -moz-transition: color 0.3s ease-in, border 0.3s ease-in !important;
    -webkit-transition: color 0.3s ease-in, border 0.3s ease-in !important;
    /* ...and now override with proper CSS property */
    transition: color 0.3s ease-in, border 0.3s ease-in !important;
}

.sjb-page .btn-primary:active,
.sjb-page .btn-primary:hover,
.sjb-page .btn-primary:focus,
html body[data-form-submit="regular"] input[type="submit"]:hover,
html body[data-form-submit="regular"] input[type="submit"]:focus,
html body[data-form-submit="regular"] input[type="submit"]:active {
    color: #1c4074 !important;
    border: solid 2px #1c4074 !important;
}

.jobdescription a {
    color: #c4281b;
}

/******************************* SLIDER ACTUS *****************************/

#containerActualites .col .column_container .wpb_wrapper {
    position: relative;
}

.flickity-page-dots .dot::before {
    background: none !important;
}

.blog-recent.columns-3 div:nth-child(3n+3) {
    margin-right: 1% !important;
}

.blog-recent[data-style*="classic_enhanced"].columns-3 .span_4 {
    margin-right: 1% !important;
    margin-left: 1% !important;
}

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

.post-featured-img {
    height: 220px !important;
    box-sizing: border-box !important;
}

.post-featured-img img {
    object-position: center center !important
}

/******************************* EDITO HISTORIQUE *****************************/
.timeline-date,
.timeline-express-read-more-link,
.cd-timeline-img.cd-picture span,
.cd-timeline-content::before {
    display: none !important;
}

.cd-timeline-img.cd-picture {
    width: 14px;
    height: 14px;
    margin-left: -8px;
    border-radius: 0px;
    border: none;
    box-shadow: none;
}

#cd-timeline::before {
    border-left: dotted 2px #1c4074;
    width: 0px !important;
}

#cd-timeline {
    padding-top: 0px !important;
}

.cd-timeline-content {
    top: 0px !important;
    background-color: #eeeeee !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border-radius: 0px !important;
    padding: 0px !important;
}

.cd-timeline-block h2 {
    padding-left: 30px;
    padding-top: 30px;
    font-size: 35px !important;
    text-transform: uppercase !important;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-weight: 700;
    letter-spacing: inherit !important;
    color: #1c4074;
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/02/angle-bleu-2-e1551286267496.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.cd-timeline-block p{
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    color: #000;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 17px;
    line-height: 25px;
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/02/angle-bleu-1-e1551286177315.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.cd-timeline-block h2 {
    padding-left: 30px;
    padding-top: 30px;
    font-size: 35px !important;
    text-transform: uppercase !important;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-weight: 700;
    letter-spacing: inherit !important;
    color: #c4281b;
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/04/forme-bloc-gris-J23-e1554275418825.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.cd-timeline-block p {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    color: #000;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 17px;
    line-height: 25px;
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-right-J23-e1548169668133.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.titre-timeline {
    margin-bottom: 0px !important;
    margin-top: 120px;
}

.img-gaetan {
    position: relative;
}

.img-gaetan img {
    position: absolute;
    top: 30px;
}

.edito {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
}

.edito-gaetan {
    font-family: 'DIN Pro Condensed Light';
    color: #1c4074;
    font-size: 27px;
    line-height: 32px;
}

.edito-gaetan p strong {
    font-family: 'DIN Pro Condensed Medium';
    color: #1c4074;
    font-size: 27px;
    line-height: 32px;
}

.edito-gaetan-signature {
    font-family: 'DIN Pro Condensed Light';
    color: #1c4074;
    font-size: 22px;
    line-height: 24px;
}

.edito-gaetan-signature p strong {
    font-family: 'DIN Pro Condensed Light';
    color: #1c4074;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
}


.edito-gaetan-signature p {
    padding: 0px !important;
    margin: 0px !important;
}

.edito-gaetan {
    margin-bottom: 15px !important;
}

/******************************* TELECHARGEMENTS *****************************/
.download-space img {
    max-width: 100px !important;
    display: block;
}

.download-space a {
    font-family: 'DIN Pro Condensed Light';
    color: #1c4074;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    text-decoration: none !important;
    -o-transition: color 0.3s ease-in !important;
    -ms-transition: color 0.3s ease-in !important;
    -moz-transition: color 0.3s ease-in !important;
    -webkit-transition: color 0.3s ease-in !important;
    /* ...and now override with proper CSS property */
    transition: color 0.3s ease-in !important;
}

.download-space a:hover,
.download-space a:focus,
.download-space a:active {
    color: #c4281b !important;
}

.download-space-first {
    margin-top: 60px !important;
}

/******************************* TELECHARGEMENTS *****************************/
.item.effect-pufrobo h2 {
    top: 30px;
    top: 10%;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s !important;
    transition: opacity 0.35s, transform 0.35s !important;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    font-family: 'DIN Pro Condensed Light';
    font-size: 19px !important;
    line-height: 19px;
    text-transform: uppercase;
    z-index: 10000 !important;
}

.item.effect-pufrobo:hover h2 {
    opacity: 1;
}

.item.effect-pufrobo div.figc {
    -o-transition: background 0.3s ease-in !important;
    -ms-transition: background 0.3s ease-in !important;
    -moz-transition: background 0.3s ease-in !important;
    -webkit-transition: background 0.3s ease-in !important;
    /* ...and now override with proper CSS property */
    transition: background 0.3s ease-in !important;
}

.item.effect-pufrobo:hover div.figc,
.item.effect-pufrobo:focus div.figc,
.item.effect-pufrobo:active div.figc {
    background: rgba(0, 0, 0, 0.3) !important;
}

.item.effect-pufrobo.tile h2::after {
    height: 2px !important;
}

#images-J23 {
    margin-bottom: 40px !important;
    margin-top: 40px !important;
}

.lb-number {
    display: none !important;
}

.lightbox .lb-image {
    border: none !important;
    border-radius: inherit !important;
}

/******************************* LOCATION ESPACES *****************************/

.section-projetEducatif.section-location {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/03/E-e1552056499793.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 46px;
    padding-left: 90px;
    margin-top: 41px;
    padding-right: 10px;
}

.formulaire-location {
    margin-top: 30px !important;
}

.projet-educatif.location {
    background: none !important;
}

.text-citation.citation-location {
    font-family: 'DIN Pro Condensed Light' !important;
    text-transform: uppercase;
    font-size: 23px;
    width: 157px;
    line-height: 25px;
    position: absolute;
    top: 120px;
    left: 90px;
    color: #fff;
    font-family: 'DIN Pro Condensed Bold';
    padding-right: 20px;
}

/******************************* MENU ACTU ET EMPLOIS *****************************/

.blog #ajax-content-wrap,
.category-lycee #ajax-content-wrap,
.category-iscv #ajax-content-wrap,
.date #ajax-content-wrap {
    background-color: #eeeeee !important;
}

.pageActus.btn-actus .w25 {
    display: inline-block !important;
}

.category-lycee .container-wrap,
.category-iscv .container-wrap,
.single .container-wrap,
.date .container-wrap {
    padding-top: -0px !important;
}

.category-lycee .actus-lyceeBTN,
.category-iscv .actus-iscvBTN {
    border: solid 2px #c4281b !important;
    color: #c4281b !important;
}

.btn-actus {
    padding-bottom: 30px !important;
}

.single .post-area,
.single #sidebar {
    margin-top: 30px !important;
}

h3 .job-title {
    display: none !important;
}

.sjb #ajax-content-wrap .container-wrap {
    min-height: 0 !important;
    background-color: #fff !important;
}

/******************************* REVUE DE PRESSE *****************************/

.revue-article {
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .08) !important;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 4px;
}

.revue-titre-link,
.revue-image {
    display: inline-block;
    vertical-align: top;
}

.revue-titre-link {
    width: 65%;
    padding: 20px;
}

.revue-titre-link h3 a {
    text-decoration: none !important;
}

.revue-titre-link .nectar-button {
    margin-top: 10px;
}

.revue-image {
    width: 300px;
    overflow: hidden;
    display: inline-block;
    height: 170px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

#revue-presse {
    margin-top: 130px;
    margin-bottom: 60px;
}

.page-template-page-presse .container-wrap {
    background-color: #eeeeee;
}

.revue-titre-link h3 a:hover,
.revue-titre-link h3 a:focus,
.revue-titre-link h3 a:active {
    color: #c4281b !important;
}

/******************************* INSCRPTIONS ISCV FORM *****************************/

.ebd_results {
    margin-top: 40px !important;
    background-color: #c4281b;
    padding: 25px 30px;
    color: #fff;
}

.ebd_results a {
    text-transform: uppercase !important;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-weight: 900;
    letter-spacing: inherit !important;
    color: #fff;
    text-decoration: none !important;
    font-size: 27px !important;
    transition: all .5s ease-in !important;
}

.ebd_results a {
    margin-bottom: 5px;
    margin-top: 5px;
}

.ebd_results a:hover,
.ebd_results a:active,
.ebd_results a:focus {
    text-decoration: underline !important;
}

/******************************* MECENAT *****************************/

#chapelle {
    margin-top: 80px;
}

.mecenatImg1 {
    padding-top: 100px;
    padding-right: 50px;
}

.imgsMecenat {
    position: relative;
}

.mecenatImg2 {
    position: absolute !important;
    max-width: 600px !important;
    width: 530px !important;
    top: 360px;
    left: 90px;
}

.mecenatImg3 {
    margin-right: 0px !important;
    width: 430px;
}

.textMecenat {
    padding-left: 40px;
}

.page-id-3455 .ebd_results,
.page-id-2092 .ebd_results,
#ouInfosISCV .ebd_results,
.page-id-4042 .ebd_results {
    display: none !important;
}

#donSection {
    padding-top: 60px !important;
    padding-bottom: 40px !important;
    margin-bottom: 100px !important;
    margin-top: 40px;
}

.mecenatImgDon {
    position: absolute !important;
}

.text-citation.text-don {
    width: 180px;
    left: 430px;
    top: 570px;
}

/******************************* CDI *****************************/

.section-projetEducatif.section-cdi {
    background-image: url(https://jean23-herbiers.com/wp-content/uploads/2019/03/C-e1553101522242.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 46px;
    padding-left: 90px;
    margin-top: 41px;
    padding-right: 10px;
}

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

.cdi-ouverture-text {
    padding: 0px 80px 40px 0px !important;
    background: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-right-J23-e1548169668133.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.cdi-ouverture-text p {
    padding-bottom: 10px !important;
}

.cdiImg {
    padding-right: 30px !important;
}

.section-grisCadre .padding-blocGris-right.espaces-right {
    padding: 30px 0 0 0 !important;
}

#titreEtLiens .ta {
    top: 250px;
}

#titreEtLiens .ta span {
    font-size: 14px;
}

#titreEtLiens .ta i {
    font-size: 35px;
}

.page-id-5383 #titreEtLiens .ta {
    display: block;
}

.text-taxe p {
    color: #000;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-size: 17px;
    line-height: 25px;
    padding-bottom: 0!important;
}

.text-taxe h3, .text-taxe h3 strong, .form-ta h3 {
    font-size: 25px !important;
    text-transform: uppercase !important;
    font-family: 'DIN Pro Condensed Medium' !important;
    font-weight: 900;
    letter-spacing: inherit !important;
    color: #1c4074;
}

.form-ta .label.textNormal{
    padding-bottom: 0!important;
}

.formTA p{
    padding-bottom: 0!important;
}

.formTA .contact-bloc-red a{
    color: #fff!important;
    text-decoration: none!important;
}

.formTA .contact-bloc-red a:hover{
    color: #1c4074!important;
}

.job-features{
    display: none;
}

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

.jpo-textes p{
    padding: 0;
}

.jpo-btns a{
    text-decoration: none!important;
    text-align: center;
}

.jpo-btns .contact-bloc-red{
    transition: all 0.3s ease-in !important;
}

.jpo-btns .contact-bloc-red:hover{
    opacity: 0.8;
}

.jpo-iframe iframe{
    width: 100%;
    height: 800px;
}

.home-banner{
    margin-top: 40px;
}

.home-banner a{
    font-size: 30px;
    font-family: "Museo Sans"!important;
    margin-bottom: 30px;
    display: block;
}

/*****************************************************************************
/////////////////////////////////////////////////////////////////////////////
                            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) {}

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

    .boutons-formations .vc_col-sm-3 {
        width: 27% !important;
    }

    .objectif-lycee {
        text-align: left;
        background: none !important;
    }

    .objectif-lycee h3 {
        background: none !important;
        padding-left: 0px;
    }

    .objectif-lycee p {
        padding: 0px;
    }

    .effectif-lycee {
        border: none !important;
    }

    .effectif-lycee.apres-lycee1 {
        margin-top: 40px !important;
        width: 200px !important;
        margin-left: 0px !important;
    }

    .effectif-lycee.apres-lycee2 {
        margin-top: 40px !important;
        width: 200px !important;
        margin-left: 0px !important;
    }

    .section-imageCitation .text-citation {
        position: absolute;
        top: 250px;
        left: 280px;
        color: #fff;
        font-family: 'DIN Pro Condensed Bold';
        font-size: 13px;
        padding-right: 20px;
        line-height: 15px;
    }

    .section-imageCitation .text-citation p {
        padding-bottom: 0px !important;
    }

    .section-imageCitation .text-citation strong {
        color: #1c4074;
        font-family: 'DIN Pro Condensed Medium';
        font-weight: 500;
        font-size: 14px;
        text-transform: uppercase;
    }

    .formations-iscv .text-citation {
        top: 170px;
        left: 35px;
        right: 140px;
        font-size: 22px;
        line-height: 25px;
        font-family: 'DIN Pro Condensed Light';
    }

    .section-imageCitation .text-citation-2 {
        top: 285px;
        left: 290px;
        padding-right: 20px !important;
    }

    .text-citation.citation-location {
        font-family: 'DIN Pro Condensed Light' !important;
        text-transform: uppercase;
        font-size: 23px;
        width: 157px;
        line-height: 25px;
        position: absolute;
        top: 90px;
        left: 70px;
        color: #fff;
        font-family: 'DIN Pro Condensed Bold';
        padding-right: 20px;
    }

    .mecenatImg2 {
        position: absolute !important;
        max-width: 600px !important;
        width: 410px !important;
        top: 300px;
        left: 0px;

    }

    .text-citation.text-don {
        font-size: 15px !important;
        width: 150px;
        left: 270px;
        top: 445px;
    }

}

/* Breakpoint Global : mobile + tablette portrait/payasage + latetop  */
@media only screen and (max-width: 1299px) {

    .h1-formations,
    .h1-formations strong {
        line-height: 58px;
    }

    .blog article,
    .archive article {
        width: 30% !important;
    }

    .btn-actus a.button-lyceeFormation {
        font-size: 22px !important;
        width: 200px !important;
    }

    .toggle-blocks h3 {
        line-height: 23px !important;
        font-size: 20px !important;
    }

    .projet-educatif {
        background-image: none !important;
    }

    .lastSection-ProjetEducatif .row-bg-wrap {
        background-image: none !important;
    }

    .PE-h3-2 {
        margin-top: 20px !important;
    }

    #containerArtistiques {
        padding-top: 30px !important;
    }

    .section-projetEducatif.section-presentation {
        padding-bottom: 40px;
    }

    .textNormal.paddingPE {
        margin-bottom: 60px !important;
    }


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

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



    .section-iscv {
        background-size: 10% !important;
    }

    .boutons-formations .one-fourths.vc_col-sm-3 {
        width: 100% !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .boutons-formations .vc_col-sm-3 .button-jesuis {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }

    .boutons-formations {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }

    .formations-listes .wpb_column.column_container.vc_column_container:nth-child(1),
    .formations-listes .wpb_column.column_container.vc_column_container:nth-child(2) {
        border-right: none !important;
    }

    .infos-picto {
        padding-bottom: 25px;
    }

    .formations-apres {
        padding-bottom: 70px;
    }

    .boutons-inscriptions .vc_col-sm-6 {
        text-align: center;
        margin: 0px !important;
    }

    .btn-actus a.button-lyceeFormation {
        margin-top: 0px !important;
    }

    .btn-actus .w25 {
        width: 100% !important;
    }

    .vc_col-sm-3.toggle-blocks.wpb_column.column_container {
        width: 100% !important;
        padding: 10px;
    }

    .toggle-blocks h3,
    .toggle-blocks i {
        margin: 0 !important;
        padding: 0 !important;
    }

    .toggle-blocks i {
        line-height: 0px !important;
        height: 0px !important;
    }

    .toggle-blocks h3 {
        line-height: 20px !important;
    }

    .section-projetEducatif {
        margin-top: 0px !important;
    }

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

    .lastSection-ProjetEducatif {
        margin-top: 60px !important;
    }

    .graph-resultats-lycee {
        position: inherit !important;
        left: inherit !important;
        right: inherit !important;
    }

    .section-resultat-lycee .bloc-rouge-resultats {
        padding: 20px !important;
    }

    .wpb_row.vc_row-fluid.vc_row.standard_section.section-resultat-lycee {
        margin-bottom: 60px !important;
    }

    .img-gaetan img {
        position: inherit;
        margin: 0px !important;
    }

    .revue-image {
        width: 100%;
        height: auto;
        max-height: 320px;
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 4px;
    }

    .revue-image img {
        width: 100%;
        height: auto;
    }

    .revue-titre-link {
        width: 100% !important;
    }

    .revue-titre-link h3 a {
        line-height: 30px;
    }

    .mecenatImg1 {
        padding-top: 0px;
        margin-left: 0px !important;
        padding-right: 90px;
    }

    .mecenatImg2 {
        position: absolute !important;
        max-width: 600px !important;
        width: 530px !important;
        top: 260px;
        left: 83px;
    }

    #chapelle .section-projetEducatif {
        margin-top: 270px !important;
        margin-bottom: 40px !important;
    }

    .mecenatImgDon {
        position: inherit !important;
    }

    .text-citation.text-don {
        top: 470px;
    }

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

/* Breakpoint Global : Mobile + Phablet  */
@media only screen and (max-width: 824px) {
    .cd-timeline-img.cd-picture {
        margin-left: 0px !important;
        left: 12px;
    }
}

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

    .h1-formations,
    .h1-formations strong {
        font-size: 25px;
        line-height: 32px !important;
    }

    .h1-formations::after {
        content: "";
        width: 9px;
        height: 9px;
        background-color: #c4281b;
        display: inline-block;
        margin-left: 5px;
    }

    .dates,
    .effectif {
        margin-top: 20px;
    }

    #titreEtLiens a p {
        display: none;
    }

    #titreEtLiens a {
        width: 51px;
        height: 54px;
        padding-top: 9px;
    }

    .formations-iscv {
        padding-left: 15px;
        padding-right: 15px;
        background: #fff;
    }

    .formations-apres {
        padding-bottom: 0px;
    }

    .formations-listes .wpb_column.column_container.vc_column_container:nth-child(3) {
        padding-bottom: 20px;
    }

    .blog article,
    .archive article {
        width: 100% !important;
    }

    .objectif-lycee {
        text-align: left;
        background: none !important;
    }

    .objectif-lycee h3 {
        background: none !important;
        padding-left: 0px;
    }

    .objectif-lycee p {
        padding: 0px;
    }

    .effectif-lycee {
        border: none !important;
        padding: 20px 10px;
    }

    .align-infosLycee {
        width: 100% !important;
        margin: 0 !important;
    }

    .objectif-lycee {
        padding-top: 40px !important;
    }

    .fondgrisFormation {
        left: 0px;
    }

    .toggle-blocks {
        margin-bottom: 5px !important;
    }

    .fondgrisFormation {
        position: inherit !important;
        margin-bottom: 0px !important;
    }

    .infos-formationLycee {
        padding-top: 0px !important;
    }

    .textNormal.textMecenat {
        padding-left: 0px !important;
    }
    
    .home-banner{
    margin-top: 20px;
}

.home-banner a{
    font-size: 20px;
    font-family: "Museo Sans"!important;
    margin-bottom: 10px;
    display: block;
}
}


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

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

    .blog article,
    .archive article {
        width: 45.5% !important;
    }

    .effectif-lycee.apres-lycee1 {
        width: 170px !important;
    }

    .effectif-lycee.apres-lycee2 {
        width: 170px !important;
    }

    .section-imageCitation .text-citation {
        position: absolute;
        top: 360px;
        left: 370px;
    }

    .formations-iscv .text-citation {
        top: 260px;
        left: 50px;
        right: 250px;
        font-size: 31px;
        line-height: 34px;
        font-family: 'DIN Pro Condensed Light';
    }

    .section-imageCitation .text-citation-2 {
        top: 390px;
        left: 400px;
    }

    .text-citation.citation-location {
        font-family: 'DIN Pro Condensed Light' !important;
        text-transform: uppercase;
        font-size: 23px;
        width: 157px;
        line-height: 25px;
        position: absolute;
        top: 120px;
        left: 100px;
        color: #fff;
        font-family: 'DIN Pro Condensed Bold';
        padding-right: 20px;
    }

}


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

    .text-citation {
        position: absolute;
        top: 250px;
        left: 270px;
        color: #fff;
        font-family: 'DIN Pro Condensed Bold';
        font-size: 13px;
        padding-right: 20px;
        line-height: 15px;
    }

    .section-imageCitation .text-citation p {
        padding-bottom: 0px !important;
    }

    .section-imageCitation .text-citation strong {
        color: #1c4074;
        font-family: 'DIN Pro Condensed Medium';
        font-weight: 500;
        font-size: 14px;
        text-transform: uppercase;
        padding-left: 20px;
    }

    .formations-iscv .text-citation {
        top: 215px;
        left: 40px;
        right: 180px;
        font-size: 27px;
        line-height: 29px;
        font-family: 'DIN Pro Condensed Light';
    }

    .section-imageCitation .text-citation-2 {
        top: 275px;
        left: 285px;
        padding-right: 20px !important;
    }

    .text-citation.citation-location {
        font-family: 'DIN Pro Condensed Light' !important;
        text-transform: uppercase;
        font-size: 23px;
        width: 157px;
        line-height: 25px;
        position: absolute;
        top: 80px;
        left: 60px;
        color: #fff;
        font-family: 'DIN Pro Condensed Bold';
        padding-right: 20px;
    }

    .text-citation.text-don {
        top: 370px !important;
        width: 150px !important;
        left: 330px !important;
    }

    .mecenatImg1 {
        padding-right: 150px;
    }

    .mecenatImg2 {
        top: 200px;
        left: 63px;
    }

    #chapelle .section-projetEducatif {
        margin-top: 200px !important;
    }
}

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


    .section-formations-gris h3,
    .section-formations-gris .textNormal {
        padding-left: 25px;
    }

    .bloc-gris-rouge {
        padding: 75px 90px;
    }

    .section-iscv {
        background-size: 14% !important;
        background-position: top 3% left 7% !important;
    }

    .infos-formationLycee {
        padding-top: 340px;
    }

    .section-imageCitation .text-citation {
        position: absolute;
        top: 190px;
        left: 210px;
        color: #fff;
        font-family: 'DIN Pro Condensed Bold';
        font-size: 9px;
        padding-right: 20px;
        line-height: 11px;
    }

    .section-imageCitation .text-citation p {
        padding-bottom: 0px !important;
    }

    .section-imageCitation .text-citation strong {
        color: #1c4074;
        font-family: 'DIN Pro Condensed Medium';
        font-weight: 500;
        font-size: 10px;
        text-transform: uppercase;
        padding-left: 20px;
    }

    .formations-iscv .text-citation {
        top: 160px;
        left: 35px;
        right: 130px;
        font-size: 19px;
        line-height: 22px;
        font-family: 'DIN Pro Condensed Light';
    }

    .section-grisCadre .padding-blocGris-left,
    .section-grisCadre .padding-blocGris-right {
        padding: 40px 30px !important;

    }

    .section-imageCitation .text-citation-2 {
        top: 205px;
        left: 215px;
        padding-right: 60px !important;
        font-size: 16px;
        line-height: 17px;
    }

    .text-citation.citation-location {
        font-family: 'DIN Pro Condensed Light' !important;
        text-transform: uppercase;
        font-size: 23px;
        width: 157px;
        line-height: 25px;
        position: absolute;
        top: 60px;
        left: 40px;
        color: #fff;
        font-family: 'DIN Pro Condensed Bold';
        padding-right: 20px;
    }

    #chapelle .section-projetEducatif {
        padding: 0px !important;
    }

    #chapelle .section-projetEducatif h2 {
        padding-left: 30px !important;
        padding-top: 40px !important;
    }

    .text-citation.text-don {
        top: 255px !important;
        width: 120px !important;
        left: 210px !important;
        font-size: 12px;
        line-height: 13px;
    }

    .text-citation.text-don strong {
        font-size: 13px;
    }

    .mecenatImg1 {
        padding-right: 140px;
    }

    .mecenatImg2 {
        top: 140px;
        left: 0px;
    }

    #chapelle .section-projetEducatif {
        margin-top: 100px !important;
    }

    .section-projetEducatif.section-cdi {
        padding-top: 46px;
        padding-left: 0px;
        margin-top: 41px;
    }

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

    .cdi-ouverture-text {
        padding: 0px 40px 40px 0px !important;
        background: url(https://jean23-herbiers.com/wp-content/uploads/2019/01/forme-bloc-gris-right-J23-e1548169668133.png);
        background-repeat: no-repeat;
        background-position: right bottom;
    }

    .cdiCitation .text-citation {
        font-size: 20px !important;
        top: 50px !important;
    }
}

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