t/*******************START CSS NEED*********************/
.no-padding{padding: 0;}
.no-padding-right{padding-right: 0;}
.no-padding-left{padding-left: 0;}
.no-padding-top{padding-top: 0;}
.no-padding-bottom{padding-bottom: 0;}

.no-margin{margin: 0;}
.no-margin-right{margin-right: 0;}
.no-margin-left{margin-left: 0;}
.no-margin-top{margin-top: 0;}
.no-margin-bottom{padding-bottom: 0;}

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

.color-orange,.color-orange:hover{ color: #f88822;}
.color-vert,.color-vert:hover{color: #7cc938;}
.color-bleu,.color-bleu:hover{color: #00aeee;}
.color-move,.color-move:hover{color: #9e2461;}

.active-orange,.active-orange:hover{ 
    color: #f88822 !important;
    pointer-events: none;
    cursor: default;
}
.active-vert,.active-vert:hover{
    color: #7cc938 !important;
    pointer-events: none;
    cursor: default;
}
.active-bleu,.active-bleu:hover{
    color: #00aeee !important;
    pointer-events: none;
    cursor: default;
}
.active-move,.active-move:hover{
    color: #9e2461 !important;
    pointer-events: none;
    cursor: default;
}

.background-orange{background: #f88822;}
.background-vert{background: #7cc938;}
.background-bleu{background: #00aeee;}
.background-move{background: #9e2461;}
.background-bleu-fonce{background: #3A3A68;}

.border-orange{ border-color: #f88822;}
.border-vert{  border-color: #7cc938;}
.border-bleu{  border-color: #00aeee;}
.border-move{  border-color: #9e2461;}

.color-black{
    color: #000;
}
.count-result-search{
    margin: 30px 0;
    border-bottom: 1px solid;
    float: left;
}
.chevron-left-orange{
    content: url(images/chevron-left-orange.png);
    position: absolute;
    left: 0;
    top: 6px;
}
.chevron-right-orange{
    content: url(images/chevron-right-orange.png);
    position: absolute;
    right: 0;
    top: 6px;
}
.chevron-breadrump-orange{
    content: url(images/chevron-right-orange.png);
    width: 7px;
}
.chevron-left-vert{
    content: url(images/chevron-left-vert.png);
    position: absolute;
    left: 0;
    top: 6px;
}
.chevron-right-vert{
    content: url(images/chevron-right-vert.png);
    position: absolute;
    right: 0;
    top: 6px;
}
.chevron-breadrump-vert{
    content: url(images/chevron-right-vert.png);
    width: 7px;
}
.chevron-left-bleu{
    content: url(images/chevron-left-bleu.png);
    position: absolute;
    left: 0;
    top: 6px;
}
.chevron-right-bleu{
    content: url(images/chevron-right-bleu.png);
    position: absolute;
    right: 0;
    top: 6px;
}
.chevron-breadrump-bleu{
    content: url(images/chevron-right-bleu.png);
    width: 7px;
}

.chevron-breadrump-move{
    content: url(images/chevron-right-move.png);
    width: 11px;
    top: 4px;
    position: relative;
}
.titre-page{
    font-weight: bold;
    font-size: 23px;
    text-transform: uppercase;
    line-height: 1.4;
}
.clear{clear: both;}
.position-relative{position: relative;}
.bloc-text-filiere a{color:#000;}
#scrollTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 0; /* Place the button at the bottom of the page */
    right: 20px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #f88822; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    /*padding: 10px;*/ /* Some padding */
    padding: 0 12px 10px 12px;
    border-radius: 0;
    min-height: 50px;
}

#scrollTop:hover {
    background-color: #9e2461; /* Add a dark-grey background on hover */
    transition:0.5s all ease;
}

html {
    margin-top: 0 !important;
}
/*******************END CSS NEED*********************/

/******************CSS PAGE HOME*****************************/
.nav-main{
    padding: 0 0;
    background: #f1efef;
    border-radius: 50px;
}
.loop {
    width: 28px;
    content: url(images/loop.png);
    background-repeat: no-repeat;
    margin: 0;
    padding-top: 5px;
    padding-right: 3px;
}
.menu-formation,.menu-exploitation {
     padding: 7px 16px !important;
    float: none !important;
    height: auto;
    border-radius: 50px;
    color: #fff !important;
    font-weight: bold;
    font-size: 14px !important;
    transition: all 0.3s linear;
    /*display: none;*/
}
.menu-formation {
    background: #00aeee;
}
.menu-formation:hover {
    background: #278aaf;
}

.menu-exploitation:hover{
    background: #901653;
}
.panier {
    width: 24px;
    content: url(images/panier.png);
    background-repeat: no-repeat;
    margin: 0;
    padding-top: 0;
    margin-top: -2px;
    margin-right: 0;
    margin-bottom: -3px;
    transition: all 0.3s linear;
}
.btn-exploitation{
    float: left;
    margin: 0 0px 0 10px;
    height: 32px;
    line-height: 32px;
    background: #9e2461;
    border-radius: 50px;
    padding: 0 2px !important;
    display: none;
}

.bg-home{
  /*background: url("images/bg-home.jpg") center no-repeat;*/
  background-size: cover !important;
  width: 100%;
  /*height: 829px;*/
}
.bloc-enseignement{
    position: absolute; left: 50%;
}
.row-enseignement{
    position: relative; left: -50%;
}
.categorie-orange,.categorie-vert,.categorie-violet,.categorie-mauve,.categorie-orange:focus,.categorie-vert:focus,.categorie-violet:focus,.categorie-mauve:focus{
    color: #fff !important;
    font-size: 18px;
    font-weight: bold;
    min-height: 60px;
    max-height: 60px;
    line-height: 60px;
    transition: all 0.3s linear;
}
.categorie-bleu,.categorie-bleu:focus{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    min-height: 60px;
    max-height: 60px;
    line-height: 60px;
    transition: all 0.3s linear;
}
.categorie-violet {
    background: #600060;
}
.categorie-mauve {
    background: #9a6286;
}
.categorie-orange{
    background: #f88822;
}
.categorie-vert{
    background: #7cc938;
}
.categorie-bleu{
    background: #00aeee;
}
.categorie-orange:hover,.categorie-vert:hover,.categorie-bleu:hover{
    color: #fff;
}
/*.categorie-orange:hover{
    min-height: 70px;
    max-height: 70px;
    line-height: 70px;
}

.categorie-vert:hover{
    min-height: 70px;
    max-height: 70px;
    line-height: 70px;
}
.categorie-bleu:hover{
    min-height: 70px;
    max-height: 70px;
    line-height: 70px;
}*/
.portfolio-nav .selected{
    min-height: 70px;
    max-height: 70px;
    line-height: 70px;
}
.type-categorie-grocampus .type-vert{
    background: #7cc938;
    width: 33px;
    height: 33px;
    float: left;
}
.type-categorie-grocampus .type-orange{
    background: #f88822;
    width: 33px;
    height: 33px;
    float: left;
}
.type-categorie-grocampus .type-bleu{
    background: #00aeee;
    width: 33px;
    height: 33px;
    float: left;
}
.img-categ-grocampus{
    background: #fff;
    clear: both;
}
.row-categ-grocampus{
    margin: auto;
    margin-top: 7%;
    margin-bottom: 7%;
    max-width: 1050px;
}
.title_welcome{
    margin-top: 11%;
    font-family: 'cabo-font';
    color: #fff;
    font-size: 33.5px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
}
.categ-grocampus{
    padding: 0 5px;
    margin-bottom: 30px;
    /*max-width: 150px;*/
    max-width: 131px;
    position: initial !important;
}
.nom-categorie-grocampus{
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    background: #393a68;
    color: #fff;
    padding: 6px 15px;
    min-height: 78px;
    line-height: 1.5;
    max-height: 78px;
    overflow-wrap: break-word;
    display: flex;
    justify-content: center;
    align-items: center;
}
.portes-ouverte {
    padding: 45px 0;
}
.portes-ouverte h2 {
    font-weight: bold;
    line-height: 1;
    font-size: 2.5em;
    color: #f88822;
}
.portes-ouverte p {
    color: #000;
    line-height: 24px;
    margin: 0 0 0;
}
.logo-footer{
    display: initial;
}
.certificat-footer{
    margin: 20px 0 10px 0;
}
.adresse-footer{
    font-size: 17px;
    padding: 0 15px;
}
.infos-compus{
    padding-top: 15px;
}
.infos-compus p{
    line-height: 1.5;
    padding: 0 12px;
    font-size: 10px;
}
.infos-compus p a{color: #5a5a5a;}
.link-compus{
    margin-top: 20px;
}
.link-contact{
    margin-top: 10px;
}
.link-contact a{
    color: #5a5a5a;
    font-weight: bold;
    font-size: 18px;
}
.link-contact a:hover{text-decoration: underline;}
.infos-compus h4,.link-compus h4{font-size: 14px;}
.group-link-compus li{
    margin-top: 0;
    line-height: 1.5;
    float: none;
    font-size: 11px;
}
.group-link-compus li a{
    color: #5a5a5a;
}
.group-link-compus li a:hover{
    text-decoration: underline;
}
.certificat-footer li{
    float: left;
    margin-right: 5px;
}
.certificat-footer img{
    display: initial;
    max-width: 42px;
}
.mentien-legal{clear: both;}
.mentien-legal a,.plan-site a{
    color: #5a5a5a;
    font-size: 14px;
    display: block;
    line-height: 1.5;
}
.mentien-legal a:hover,.plan-site a:hover{
    text-decoration: underline;
}
/******************END PAGE HOME*****************************/


/******************START PAGE LYCEE*****************************/

.parallax-level{
    z-index: 1 !important;
    background-position: center top !important;
    background-size: initial !important;
}
.page-top-level{
    padding: 210px 0 !important;
}
.left-bloc-level{
    margin-top: -60px;
    background: #fff;
    z-index: 10;
}
.bloc-content-level{
    background: url("images/fleur.png");
    width: 100%;
    background-size: 100%;
}
.padding-bloc-content-level{
    padding: 30px 0 30px 0 ;
}
.content-level{
    padding-left: 25px;
}
.content-level-orange{
    border-left: 10px solid #f88822;
}
.content-level-vert{
    border-left: 10px solid #7cc938;
}
.content-level-bleu{
    border-left: 10px solid #00aeee;
}

.bloc-field-single blockquote p{
    padding-bottom: 0;
}
.bloc-field-single-orange blockquote{
    border-left: 5px solid #f88822;
    padding-top: 0;
    margin: 15px 0;
    padding-bottom: 0;
}

.bloc-field-single-vert blockquote{
    border-left: 5px solid #7cc938;
    padding-top: 0;
    margin: 15px 0;
    padding-bottom: 0;
}
.bloc-field-single-bleu blockquote{
    border-left: 5px solid #00aeee;
    padding-top: 0;
    margin: 15px 0;
    padding-bottom: 0;
}

.group-link-compus-orange{
    border-left: 4px solid #f88822;
    padding-left: 8px;
}
.group-link-compus-vert{
    border-left: 4px solid #7cc938;
    padding-left: 8px;
}
.group-link-compus-bleu{
    border-left: 4px solid #00aeee;
    padding-left: 8px;
}
.group-link-compus-move{
    border-left: 4px solid #9e2461;
    padding-left: 8px;
}
.content-level h1{
    font-weight: bold;
    padding-bottom: 15px;
    font-size: 2.7em;
}
.content-level p{
    color:#000;
    font-weight: 400;
    line-height: 1.5;
    text-align: justify;
}
.all-icon{
    margin-top: 30px;
    margin-bottom: 30px;
}
.icon-level{
    text-align: center;
}
.icon-level img{
    display: initial;
    max-width: 90px;
    max-height: 90px;
    border-radius: 50%;
    transition: 0.5s all ease;
}
.icon-level a:hover img{
    transform:rotate(360deg);
}
.icon-level a p{
    color: #1a1a1a;
    font-weight: bold; 
}
.contact-level h1{
    font-weight: bold;
    padding-bottom: 0;
    font-size: 19px;
    border-bottom: 1px solid;
    float: left;
    text-transform: uppercase;
    margin-bottom: 7px;
}
.infos-contact-level h2{
    font-weight: bold;
    color: #1a1a1a;
    padding-bottom: 5px;
    font-size: 1.5em;
}
.infos-contact-level p{
    color: #000;
    line-height: 1.5;
}
.infos-contact-level{
    margin-top: 0;
    clear: both;
}

.row-filiere-orange{ background: #f88822;}
.row-filiere-vert{background: #7cc938;}
.row-filiere-bleu{background: #00aeee;}

.row-filiere{
    max-width: 350px;
    margin: auto;
    margin-right: 0;
    height: 80px;
    max-height: 80px;
    line-height: 80px;
    transition:0.5s all ease;
}
.bloc-title-filiere{
    width: 90%;
    float: left;
    padding-left: 8px;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.bloc-chevron-filiere{
    width: 10%;
    height: 80px;
    max-height: 80px;
    background: #000;
    float: left;
    text-align: center;
}
.titre-page-diplome h1 {
     text-transform: initial !important; 
}
.level-filiere{
    margin-top: 60px;
}
.level-filiere ul li{
    margin-bottom: 25px;
}

.level-filiere ul li .bloc-title-filiere span{
   position: relative;
   z-index: 9;
}
.overlay-filiere {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #393967;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}
.level-filiere ul li a:hover .overlay-filiere {
  width: 100%;
}

/******************END PAGE LYCEE*****************************/

/******************START PAGE FILIERE*****************************/
.page-top-titre{
    position: relative;
    z-index: 2;
}
.titre-page-top-icon{
    float: left;
    max-height: 90px;
    line-height: 90px;
    padding: 0 60px;
    padding-left: 0;
}
.titre-page-top-icon img{
    max-width: 90px;
    max-height: 90px;
    border-radius: 50%;
    float: left;
    margin-left: -50px;
    margin-right: 40px;
}
.titre-page-top-icon h1{
    float: left;
    color: #fff;
    line-height: 90px;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: bold;
}
.titre-page-search{
    padding-left: 30px;
}
.padding-titre-top-page{
    padding-left: 60px;
}
.titre-page-diplome{
    width: 100%;
    padding-right: 0;
}
.icon-similaire-page-filiere{
    position: absolute;
    right: 0;
    top: 90px;
}
.bloc-filiere h1{
    padding-bottom: 15px;
    color: #1a1a1a;
}
.type-filiere{
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
}
.bloc-filiere ul li,.tous-bloc-filiere ul li,.bloc-filiere-tax ul li,.tous-bloc-filiere-tax ul li{
    font-size: 15px;
    font-weight: lighter;
    position: relative;
}
.bloc-filiere ul li a,.tous-bloc-filiere ul li a,.bloc-filiere-tax ul li a,.tous-bloc-filiere-tax ul li a{
    color:#000;
    padding-left: 18px;
}
.bloc-filiere ul li a:hover,.tous-bloc-filiere ul li a:hover,.bloc-filiere-tax ul li a:hover,.tous-bloc-filiere-tax ul li a:hover{
    text-decoration: underline;
}
.bloc-filiere ul li a img,.tous-bloc-filiere ul li a img,.bloc-filiere-tax ul li a img,.tous-bloc-filiere-tax ul li a img{
    float: left;
    margin: 7px 5px 0 0;
}
.chevron-list{
    content: url(images/chevron-list.png);
    width: 11px;
    position: absolute;
    left: 0;
    top: 6px;
}
.categorie-filiere{
    border-bottom: 1px solid rgba(204, 204, 204, 0.61);
    font-size: 15px;
    color: #1a1a1a;
    font-weight: bold;
    margin: 20px 0;
}
.categorie-filiere a{
    font-size: 15px;
    color: #1a1a1a;
    font-weight: bold;
}

.bloc-filiere{
    margin-top: 70px;
}
.bloc-filiere-first{
    margin-top: 0;
}
.bloc-filiere-options{
    padding-bottom: 20px;
}
.bottom-filiere{
    border-top: 1px solid rgba(204, 204, 204, 0.61);
    padding: 5px 0;
}
.bottom-filiere a{
   font-size: 15px;
}
.bottom-filiere a.active-categ{
    font-weight: bold;
    text-transform: uppercase;
}
.tous_filiere{
    margin-top: 30px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.61);
    padding-top: 45px;
}
.tous_filiere h1{
    text-transform: uppercase;
    padding-bottom: 0;
    margin-top: 30px;
    padding: 3px 15px;
    margin-bottom: 20px;
    color: #fff;
}
.titre-bloc-filiere-first{margin-top: 0 !important;}
.tous_filiere h3{
    color: #1a1a1a;
    font-weight: bold;
    padding-bottom: 10px;
}
.tous-bloc-filiere-first{margin-top: 0 !important;}
.tous-bloc-filiere{
    margin-top: 0;
}
.tous_filiere:last-child{
    padding-bottom: 0;
    border-bottom: none;
}
/******************END PAGE FILIERE*****************************/


/******************START PAGE SINGLE FORMATIONS****************************/
.page-top-single-formation{
    padding: 100px 0; 
}
.bg-icon-formation{
    width: 100%;
    min-height: 346px;
    margin-top: 60px;
}
.titre-single-formation{
    padding-top: 50px;
    padding-bottom: 30px;
    color: #1a1a1a;
}
.titre-single-formation span{
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 600;
}
.description-single-formation,.description-single-formation p{
    line-height: 1.5;
    font-size: 15px;
    color: #000;
    width: 90%;
    padding-bottom: 20px;
}
.niveau-formation-exist{
    color: #000;
    font-size: 15px;
    text-shadow: 0 1px 0;
    padding-bottom: 30px;
    display: none;
}
.niveau-formation-exist a:hover{text-decoration: underline;}
.icon-link{
    content: url("images/icon-link.png");
    float: left;
    margin-top: 0;
    margin-right: 6px;
}
.row-diplome {
    line-height: 25px;
}
.row-diplome .bloc-chevron-filiere{
    line-height: 80px;
}
.row-diplome .bloc-title-filiere {
    padding-top: 5px;
    height: 80px;
}
.row-diplome p{
    line-height: 1.5;
    color: #fff;
    font-weight: lighter;
    position: relative;
    z-index: 9;
}
.img-categ-grocampus img{width: 100%;}
/******************END PAGE SINGLE FORMATIONS*****************************/


/******************END PAGE SINGLE FILIERE*****************************/

.grand-titre-single p{
    line-height: 1.5;
    font-size: 17px;
    color: #1a1a1a;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
}
.bloc-field-single{
    margin-top: 20px;
    clear: both;
}
.bloc-field-single h1{
    font-weight: bold;
    font-size: 1.9em;
    color: #1a1a1a;
    padding-bottom: 10px;
}
.bloc-field-single p{
    line-height: 1.5;
    color: #000;
}
.bloc-field-single ul{
    margin-bottom: 0;
    margin-top: 10px;
}
.bloc-field-single ul li{
    font-size: 15px;
    font-weight: lighter;
    position: relative;
    color: #000;
    background: url(images/chevron-list.png) no-repeat left 2px;
    padding: 0 0px 0 20px;
    line-height: 1.5;
    margin-top: 5px;
}
.bloc-field-single table{
    /*width: 100% !important;*/
    border: 1px solid #626262;
    border-collapse: separate;
    border-spacing: 0;
    /* margin-top: 20px; */
    padding: 23px;
}
.bloc-field-single table tr td:first-child{
    border-left: none;
    padding-left: 0;
}
.bloc-field-single table tr td{
    border-left: 1px solid #626262;
    text-align: center;
    padding: 10px 0;
    color: #000;
    vertical-align: initial;
    padding-left: 12px;
    border-bottom: 1px solid;
}


.bloc-field-single table tr:last-child td{border-bottom:none;}

.bloc-field-single table tr td p span{
    font-size: 15px !important;
}
.grand-titre-single{
    margin: 27px 0px 15px;
}

.description-single-formation{margin-top: 0; text-align: justify;}
.description-single-formation blockquote{
    padding-top: 0;
    margin: 15px 0;
    padding-bottom: 0;
}
.temoignages h4{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 20px;
}
.content-temoignage{
    background: #ebebeb;
    max-width: 500px;
    padding: 20px 60px;
    font-style: italic;
    border-radius: 10px;
}
.cote-left{
    content: url(images/cote-left.png);
    position: absolute;
    top: -12px;
    left: 15px;
    width: 40px;
}
.cote-right{
    content: url(images/cote-right.png);
    position: absolute;
    bottom: -12px;
    right: 15px;
    width: 40px;
}
.temoignages{
    margin-bottom: 30px;
}
.temoignages:last-child{
    margin-bottom: 0;
}
.margin-left-temoignage{
    margin-left: 90px;
}
.galerie_filiere{
    margin-top: 100px;
    margin-bottom: 50px;
}
.galerie_filiere h3{
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1.4;
    margin-bottom: 15px;
}
.pp_details{display: none !important;}
.gallery-widget a:hover:before {
    width: 100%;
}
.gallery-widget a:before {
    content: "";
    background-color: #000;
    height: 200%;
    left: -22px;
    opacity: 0.9;
    position: absolute;
    top: -85%;
    width: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.picto-filtre{margin-bottom: 30px;}
.picto-filtre img{
    height: 100px;
    width: 100px;
}
/******************END PAGE SINGLE FILIERE*****************************/

div.wpcf7 .ajax-loader {
    position: absolute;
    right: 7px;
    top: 10px;
}
.row_contact_select:after {
    position: absolute;
    right: 4px;
    top: 6px;
    height: 1px;
    width: 16px;
    content: url(images/icons/down-pointer.png);
    z-index: 1;
}
.no-result{
    min-height: 189px;
    padding: 20px 0;
}

.mot_directeur_orange{
    border: 6px solid #f88822;
    padding: 20px;
    text-align: justify;
}
.mot_directeur_vert{
    border: 6px solid #7cc938;
    padding: 20px;
    text-align: justify;
}
.mot_directeur_bleu{
    border: 6px solid #00aeee;
    padding: 20px;
    text-align: justify;
}
.mot_directeur h3{
    margin-bottom: 13px;
    font-weight: bold;
}
.mot_directeur img{
    width: 60px;
    height: 60px;
    border-radius: 50px;
    float: left;
    margin: 10px;
}


.exploitation_au_coeur h1{
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    padding: 60px 0;
    font-size: 30px;
}

.bloc_formation_lie_exploitations{
    max-width: 780px;
    margin: auto;
    text-align: center;
    padding-bottom: 30px;
}
.bloc_formation_lie_exploitations p{
    color: #000;
    font-weight: 600;
}
.bloc_formation_lie_exploitations img{
    display: initial;
    box-shadow: 1px 1px 1px rgba(154, 148, 148, 0.27);
    max-width: 130px;
    width: 130px;
    max-height: 130px;
    height: 130px;
    transition: 0.3s all ease;
    margin-bottom: 9px;
}

.bloc_formation_lie_exploitations a:hover img{
    box-shadow: 1px 1px 1px rgba(154, 148, 148, 0.66);
}

.exploitations_salaries {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 15px;
}
.exploitations_salaries h2{
    font-weight: 600;
}
.sous_titre_exploitation{
    padding-top: 16px;
    font-size: 18px;
    color: #000;
    padding-bottom: 20px;
}


.wrapper-exploitations {
/*  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);*/
  max-width: 920px;
  margin: auto;
}
.item_1 {
  grid-column: 1;
  grid-row: 1 / 3;
}
.item_2 { 
  grid-column: 2;
  grid-row: 1 / 5;
}
.item_3 {
  grid-column: 3;
  grid-row: 1 / 3;
}
.item_4 {
  grid-column: 1;
  grid-row: 3/5;
}
.item_5 {
  grid-column: 3;
  grid-row: 3/5;
}
.item_6 {
  grid-column: 1;
  grid-row: 5/7;
}
.item_7 {
  grid-column: 2;
  grid-row: 5/7;
}
.item_salarie{
    overflow-wrap: break-word;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    min-height: 275px;
    margin-bottom: 15px;
    background-position: center;
    background-repeat: no-repeat;
}
.item_salarie span{
    background: rgba(142, 48, 94, 0.78);
    width: 150px;
    height: 150px;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    overflow-wrap: break-word;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all ease;
}

.item_salarie:hover span {
    /*width: 100%;
    height: 100%;
    border-radius: 0;*/
    transform: scale(1.2);
}
.content-single-exploitation{
    margin-top: 50px;
}
.content-single-exploitation h1{
    color: #9e2461;
    text-transform: uppercase;
}
.img-logo-support{
    display: inherit;
    width: 100%;
    margin-top: 100px;
}
.item_salarie_exploitation {
    margin-right: 9px;
    min-height: 150px;
}
.item_salarie_exploitation:nth-child(4) {
    margin-right: 0px;
}
.item_salarie_exploitation span {
    width: 100px;
    height: 100px;
    font-size: 16px;
}
/*************************************************************************************************/
/**                                        RESPONSIVE                                            **/
/*************************************************************************************************/

/*********xs*********/
@media (max-width: 320px) {

}
@media (max-width: 767px) {
    .type-categorie-grocampus{
        display: none;
    }
    .categorie-orange,.categorie-vert,.categorie-bleu,.categorie-orange:focus,.categorie-vert:focus,.categorie-bleu:focus,.categorie-violet,.categorie-violet:focus,.categorie-mauve,.categorie-mauve:focus{
        padding: 0;
        display:none;
    }
    .contact-form input, .contact-form textarea, .contact-form select{margin-bottom: 15px;}
    .categ-grocampus {
        padding: 30px;
        margin: auto;
        margin-bottom: 0;
        max-width: 100%;
    }
    .bloc-enseignement{
        position: initial; left:0;
    }
    .row-enseignement{
        position: initial; left: 0;
    }
    .row-categ-grocampus {
        margin-top: 9%;
        margin-bottom: 9%;
        max-height: 700px;
    }
    .social {
        width: 100%; 
        padding-top: 10px;
        margin-left: 0;
    }
    .btn-exploitation {
        margin-top: 0;
        margin-left: 0;
        width: 100%;
        text-align: center;
        display: none;
    }
    .responsive-menu .logo img {
        width: 200px;
    }
    .logo {
        padding-left: 0;
    }
    .nom-categorie-grocampus {
        font-size: 9px;
    }
    .owl-nav {
        position: initial;
        margin-bottom: 0;
    }
    .owl-nav > div.owl-next:before {
        content: "\f178";
    }
    .owl-nav > div:before {
        content: "\f177";
    }
    .owl-nav > div {
        margin-top: -24px;
    }
    .mentien-legal {
         position: initial; 
    }

    .parallax-level {
         background-size: cover !important; 
        background-attachment: initial !important;
    }
    .page-top-level {
        padding: 100px 0 !important;
    }
    .padding-bloc-content-level {
        padding: 50px 0px;
    }
    .all-icon {
        margin-bottom: 0;
    }
    .level-filiere {
        margin-top: 0;
    }
    .row-filiere {
        margin-right: auto;
    }
    .titre-page-top-icon{
        max-height: 75px;
        line-height: 75px;
    }
    .titre-page-top-icon img{
        max-width: 75px;
        max-height: 75px;
        margin-left: -40px;
    }
    .titre-page-top-icon h1{
        line-height: 75px;
        font-size: 15px;
    }
    .icon-similaire-page-filiere img{
        max-height: 50px;
        max-width: 50px;
    }
    .icon-similaire-page-filiere {
        top: 95px;
    }
    .icon-similaire-page-filiere .icon-level {
        padding: 0;
    }
    .categorie-filiere {
        margin-top: 80px;
    }
    .description-single-formation, .description-single-formation p {
         width: 100%; 
    }
    .bg-icon-formation ul{
        margin-top: 40px;
    }
    .margin-left-temoignage {
        margin-left: 0;
    }
    .bloc-field-single table tr td:first-child {
        border-left: none;
    }
    .bloc-field-single table {
        width: 100% !important;
    }
    .titre-page-diplome h1 {
        line-height: 1.5;
        font-size: 15px;
        margin: 17px 0;
        float: none;
    }
    .titre-page-diplome{
        padding-right: 10px;
    }
    .titre-page-diplome img {
        margin-right: 10px;
    }
    .bloc_centre_infos {
        margin-bottom: 20px;
    }
    .title-contact {
        margin-bottom: 25px;
    }
    .titre-page-search{
        padding-left: 0;
        line-height: 1.5 !important;
        padding: 11px;
    }
    .count-result-search {
        font-size: 27px;
    }
    .no-result {
        min-height: 0;
    }
    .header-search {
        width: 100%;
    }
    .header-search input, .header-search input:focus,.header-search:hover input {
        opacity: 1;
        width: 100%;
        position: inherit;
        right: 0;
        padding-left: 10px;
        border-radius: 0;
    }
    .header-search button {
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
    }

    .item_1 {
      grid-column: 1/4;
    }
    .item_2 { 
        grid-column: 1/5;
        grid-row: 5/ 3;
    }
    .item_3 {
        grid-column: 1/5;
        grid-row: 7/5;
    }
    .item_4 {
      grid-column: 1/5;
      grid-row: 7/9;
    }
    .item_5 {
        grid-column: 1/5;
        grid-row: 9/11;
    }
    .item_6 {
        grid-column: 1/5;
        grid-row: 11/13;
    }
    .item_7 {
        grid-column: 1/5;
        grid-row: 13/15;
    }
    .exploitations_salaries {
        margin: 30px 0;
    }
    .categorie-filiere-exploitation,.breadcrump-single-exploitation{margin-top: 5px;}
    .content-single-exploitation {
        margin-top: 0;
    }
    .exploitation_au_coeur h1 {
        padding: 33px 0;
    }

}


/********small********/
@media screen and (min-width: 768px) and (max-width: 991px) {
    .contact-form input, .contact-form textarea, .contact-form select{margin-bottom: 15px;}
    .bloc_centre_infos span {
        font-size: 13px;
    }
    .clear-sm{clear: both;}
    .categ-grocampus {
        padding: 20px;
        margin: auto;
        margin-bottom: 0;
        max-width: 100%;
    }
    .row-categ-grocampus {
        margin-top: 9%;
        margin-bottom: 9%;
    }
    .social {
        width: 100%; 
        padding-top: 10px;
        margin-left: 0;
    }
    .btn-exploitation {
        margin-top: 0;
        margin-left: 10px;
    }
    .responsive-menu .logo img {
        width: 100%;
    }
    .logo {
        padding-left: 0;
        width: auto;
    }
    .btn-menu{
        float: left;
    }
    .owl-nav {
        position: initial;
        margin-bottom: 0;
    }
    .owl-nav > div.owl-next:before {
        content: "\f178";
    }
    .owl-nav > div:before {
        content: "\f177";
    }
    .owl-nav > div {
        margin-top: -24px;
    }
    .parallax-level {
         background-size: cover !important; 
        background-attachment: initial !important;
    }
    .page-top-level {
        padding: 140px 0 !important;
    }
    .row-filiere {
         max-width: 100%;
        height: 60px;
        max-height: 60px;
        line-height: 60px;
    }
    .icon-similaire-page-filiere img{
        max-height: 50px;
        max-width: 50px;
    }
    .icon-similaire-page-filiere {
        top: 110px;
    }
    .icon-similaire-page-filiere .icon-level {
        padding: 0;
    }
    .icon-similaire-page-filiere .icon-level a p {
      font-size: 11px;
    }
    .niveau-formation-exist {
        font-size: 13px;
    }
    .row-diplome .bloc-title-filiere{
        padding-left: 10px;
    }
    .row-diplome p {
        font-size: 13px;
    }
    .titre-page-diplome h1{
        font-size: 20px !important;
    }
    .categorie-orange, .categorie-vert, .categorie-bleu, .categorie-orange:focus, .categorie-vert:focus, .categorie-bleu:focus {
        font-size: 14px;
    }
    .no-result {
        min-height: 0;
    }
    .header-search {
        width: 100%;
    }
    .header-search input, .header-search input:focus,.header-search:hover input {
        opacity: 1;
        width: 100%;
        position: inherit;
        right: 0;
        padding-left: 10px;
        border-radius: 0;
    }
    .header-search button {
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
    }
    .titre-page-search{
        padding-left: 0;
        line-height: 1.5 !important;
        padding: 11px;
    }
    .bloc-title-filiere {
        font-size: 10px;
    }
    .bloc-chevron-filiere {
        height: 60px;
        max-height: 60px;
    }
    .padding-bloc-content-level {
        padding: 30px 40px;
    }
}

/******medium******/
@media screen and (min-width: 992px) {
	#menu-item-996 { 
		display: none;
	} 
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .social {
        width: auto;
    }
    .btn-menu{
        float: left;
    }
    .btn-exploitation {
        margin-top: 0;
        margin-left: 10px;
        float: left;
    }
    header.stick.sticky .btn-exploitation {
        margin-top: 0;
    }
    .row-categ-grocampus {
        margin-top: 10%;
        margin-bottom: 0;
    }
    .page-top-level {
        padding: 187px 0 !important;
    }
    .titre-page-diplome h1{
        font-size: 27px !important;
    }
    nav .nav-main ul li a {
        padding: 0px 5px;
        font-size: 14px;
    }
    .logo img {
       max-width: 280px;
    }
    header.sticky .logo img {
        max-width: 297px;
    }
    .logo {
        padding-left: 0;
    }
    .certificat-footer img {
        max-width: 38px;
    }
    .no-result {
        padding: 115px 0;
    }
    .titre-page-search{
        padding-left: 0;
        line-height: 1.5 !important;
        padding: 11px;
    }
    .bloc-title-filiere {
        font-size: 12px;
    }
    .padding-bloc-content-level {
        padding: 30px 60px;
    }
    
}


/*@media only screen and (max-width: 1280px) and (min-width: 1120px){

}*/
@media (min-width: 1200px){
    .padding-titre-top-page{
        padding-left: 0;
    }
    .menus nav{
        margin-right: 0;
    }
    .blog-post.columns-2 .colon_blog {
        max-height: 462px;
        min-height: 462px;
    }
    .item_salarie_exploitation {
        max-width: 24%;
    }
    .item_salarie{
        margin-right: 15px;
        max-width: 48%;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1350px) {

}
@media screen and (min-width: 1920px) {

}

.content-cadre-de-vie table {
    width: 100% !important;
    border: 2px solid #000 !important;
    border-collapse: separate;
    border-spacing: 0;
    /* margin-top: 20px; */
    border-bottom: none;
    padding: 0 !important;
}
.content-cadre-de-vie table tr td:first-child {
    border-left: none;
    padding-left: 12px;
}
.content-cadre-de-vie table tr td {
    border-left: 2px solid #000;
    text-align: left;
    padding: 6px;
    color: #000;
    vertical-align: initial;
    padding-left: 12px;
    border-bottom: 2px solid;
    font-size: 12px;
}
#searchform{
    display: none;
}
.blog-post .colon_blog img{
    width: auto !important;
    margin: 0 auto !important;
}
.blog-post .colon_blog h3{
    margin-top: 15px !important; 
}
.image-article img {
    width: auto !important;
}
img.img-responsive.image1 {
    max-width: 80px;
}
img.img-responsive.image2 {
    max-width: 35px;
}