/*! wysiwyg.css v0.0.3 | MIT License | github.com/jgthms/wysiwyg.css */.wysiwyg{line-height:1.6}.wysiwyg a{text-decoration:none}.wysiwyg a:hover{border-bottom:1px solid}.wysiwyg abbr{border-bottom:1px dotted;cursor:help}.wysiwyg cite{font-style:italic}.wysiwyg hr{background:#e6e6e6;border:none;display:block;height:1px;margin-bottom:1.4em;margin-top:1.4em}.wysiwyg img{vertical-align:text-bottom}.wysiwyg ins{background-color:lime;text-decoration:none}.wysiwyg mark{background-color:#ff0}.wysiwyg small{font-size:0.8em}.wysiwyg strong{font-weight:700}.wysiwyg sub,.wysiwyg sup{font-size:0.8em}.wysiwyg sub{vertical-align:sub}.wysiwyg sup{vertical-align:super}.wysiwyg p,.wysiwyg dl,.wysiwyg ol,.wysiwyg ul,.wysiwyg blockquote,.wysiwyg pre,.wysiwyg table{margin-bottom:1.4em}.wysiwyg p:last-child,.wysiwyg dl:last-child,.wysiwyg ol:last-child,.wysiwyg ul:last-child,.wysiwyg blockquote:last-child,.wysiwyg pre:last-child,.wysiwyg table:last-child{margin-bottom:0}.wysiwyg p:empty{display:none}.wysiwyg h1,.wysiwyg h2,.wysiwyg h3,.wysiwyg h4,.wysiwyg h5,.wysiwyg h6{font-weight:700;line-height:1.2}.wysiwyg h1:first-child,.wysiwyg h2:first-child,.wysiwyg h3:first-child,.wysiwyg h4:first-child,.wysiwyg h5:first-child,.wysiwyg h6:first-child{margin-top:0}.wysiwyg h1{font-size:2.4em;margin-bottom:.58333em;margin-top:.58333em;line-height:1}.wysiwyg h2{font-size:1.6em;margin-bottom:.875em;margin-top:1.75em;line-height:1.1}.wysiwyg h3{font-size:1.3em;margin-bottom:1.07692em;margin-top:1.07692em}.wysiwyg h4{font-size:1.2em;margin-bottom:1.16667em;margin-top:1.16667em}.wysiwyg h5{font-size:1.1em;margin-bottom:1.27273em;margin-top:1.27273em}.wysiwyg h6{font-size:1em;margin-bottom:1.4em;margin-top:1.4em}.wysiwyg dd{margin-left:1.4em}.wysiwyg ol,.wysiwyg ul{list-style-position:outside;margin-left:1.4em}.wysiwyg ol{list-style-type:decimal}.wysiwyg ol ol{list-style-type:lower-alpha}.wysiwyg ol ol ol{list-style-type:lower-roman}.wysiwyg ol ol ol ol{list-style-type:lower-greek}.wysiwyg ol ol ol ol ol{list-style-type:decimal}.wysiwyg ol ol ol ol ol ol{list-style-type:lower-alpha}.wysiwyg ul{list-style-type:disc}.wysiwyg ul ul{list-style-type:circle}.wysiwyg ul ul ul{list-style-type:square}.wysiwyg ul ul ul ul{list-style-type:circle}.wysiwyg ul ul ul ul ul{list-style-type:disc}.wysiwyg ul ul ul ul ul ul{list-style-type:circle}.wysiwyg blockquote{border-left:4px solid #e6e6e6;padding:0.6em 1.2em}.wysiwyg blockquote p{margin-bottom:0}.wysiwyg code,.wysiwyg kbd,.wysiwyg samp,.wysiwyg pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;background-color:#f2f2f2;color:#333;font-size:0.9em}.wysiwyg code,.wysiwyg kbd,.wysiwyg samp{border-radius:3px;line-height:1.77778;padding:0.1em 0.4em 0.2em;vertical-align:baseline}.wysiwyg pre{overflow:auto;padding:1em 1.2em}.wysiwyg pre code{background:none;font-size:1em;line-height:1em}.wysiwyg figure{margin-bottom:2.8em;text-align:center}.wysiwyg figure:first-child{margin-top:0}.wysiwyg figure:last-child{margin-bottom:0}.wysiwyg figcaption{font-size:0.8em;margin-top:.875em}.wysiwyg table{width:100%}.wysiwyg table pre{white-space:pre-wrap}.wysiwyg th,.wysiwyg td{font-size:1em;padding:.7em;border:1px solid #e6e6e6;line-height:1.4}.wysiwyg thead tr,.wysiwyg tfoot tr{background-color:#f5f5f5}.wysiwyg thead th,.wysiwyg thead td,.wysiwyg tfoot th,.wysiwyg tfoot td{font-size:.9em;padding:.77778em}.wysiwyg thead th code,.wysiwyg thead td code,.wysiwyg tfoot th code,.wysiwyg tfoot td code{background-color:#fff}.wysiwyg tbody tr{background-color:#fff}
/* ========================================================================== CLASSES GENERALES ========================================================================== */
 .hidden {
     display: none !important;
     visibility: hidden;
}
.invisible {
     visibility: hidden;
}
.clearfix {
     *zoom: 1;
}
.clearfix:after {
     content: "";
     display: block;
     clear: both;
}
.center{
     text-align: center;
}
.clear{
     clear: both;
}
.wrapper{
     width:1170px;
     margin:0 auto;
}
.hidden_desk{
     display:none;
}
a, a:visited, a:hover, a:focus{
     color:inherit;
     text-decoration:none;
}
b{
     font-weight:bold;
}
html,body,*{
    box-sizing:border-box !important;
}
body{
     font-family: 'Lato', sans-serif;
     font-size: 14px;
}
img{
     display: block;
     width: 100%;
}
.wrapper{
     width: 1400px;
     margin: 0 auto;
}
a:hover{
     opacity: 0.7;
}
/* ==========================================================================
   COULEURS SUIVANT PARENTS
   ========================================================================== */
.wysiwyg ul {
   list-style: none;
}
/*.wysiwyg ul li:not(.blocks-gallery-item)::before {
  content: "\2022"; 
  color:#ffffff;
  font-weight: bold; 
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
  vertical-align: 1px;
}*/
body.parent-pageid-82 .wysiwyg ul li:not(.blocks-gallery-item)::before,
body.page-id-82 .wysiwyg ul li:not(.blocks-gallery-item)::before{
    color:#cf1077;
}
body.parent-pageid-86 .wysiwyg ul li:not(.blocks-gallery-item)::before,
body.page-id-86 .wysiwyg ul li:not(.blocks-gallery-item)::before{
    color:#fab000;
}
body.parent-pageid-139 .wysiwyg ul li:not(.blocks-gallery-item)::before,
body.page-id-139 .wysiwyg ul li:not(.blocks-gallery-item)::before{
    color:#fab000;
}
body.parent-pageid-141 .wysiwyg ul li:not(.blocks-gallery-item)::before,
body.page-id-141 .wysiwyg ul li:not(.blocks-gallery-item)::before{
    color:#fab000;
}
body.parent-pageid-89 .wysiwyg ul li:not(.blocks-gallery-item)::before,
body.page-id-89 .wysiwyg ul li:not(.blocks-gallery-item)::before{
    color:#b41ab4;
}
body.parent-pageid-26 .wysiwyg ul li:not(.blocks-gallery-item)::before,
body.page-id-26 .wysiwyg ul li:not(.blocks-gallery-item)::before{
    color:#9dc21e;
}
body.parent-pageid-92 .wysiwyg ul li:not(.blocks-gallery-item)::before,
body.page-id-92 .wysiwyg ul li:not(.blocks-gallery-item)::before{
    color:#00c0c2;
}
/* ==========================================================================
   CUSTOM WYSIWYG
   ========================================================================== */
.wysiwyg i,
.wysiwyg em{
	font-style:italic!important;
}
.wysiwyg a{
	text-decoration:underline;
}
/* ==========================================================================
   PAGINATION
   ========================================================================== */

nav.pagination {
  width:100%;
  margin-top: 40px;
  padding-top: 15px;
  padding-bottom: 60px;
  text-align: center;
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  border-top: 1px solid #e2e2e2;
}
nav.pagination .page-numbers.prev,
nav.pagination .page-numbers.next{
  font-size: 16px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 120px;
  text-align: center;
  color: #ffffff;
  background: #292929;
  border-bottom: none;
}
nav.pagination .page-numbers.prev:hover,
nav.pagination .page-numbers.next:hover{
  background: #686868;
  color: #ffffff;
  border-bottom: none;
}
nav.pagination .page-numbers.prev {
  float: left;
}
nav.pagination .page-numbers.next {
  float: right;
}
nav.pagination .page-numbers {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 14px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 20px;
  text-align: center;
  color: #9a9a9a;
  border-bottom: 2px solid #e9e9e9;
}
nav.pagination .page-numbers.current,
nav.pagination .page-numbers:hover {
  border-color: #292929;
  color: #292929;
}

/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */
.breadcrumbs{
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
}
#breadcrumbs {
  list-style: none;
  overflow: hidden;
  color: #ffffff;
  font-family: "Lato", Arial, Helvetica, Sans-serif;
  font-size: 13px;
  text-transform: capitalize;
  opacity:0.8;
}
#breadcrumbs li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  text-transform: capitalize;
}
#breadcrumbs .separator {
  font-size: 13px;
  font-weight: 100;
  color: #ccc;
}
#breadcrumbs:after{
  content:"";
  display:table;
  clear:both;
}
/* ==========================================================================
   BACK
   ========================================================================== */
section.back .wrapper{
     padding:15px 0;
    border-top:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
}
section.back .wrapper a{
     font-size:14px;
     display:inline-block;
     position:relative;
     padding:12px 12px 12px 35px;
     font-size:14px;
     color:#ffffff;
    background:#2b2b2b;
}
section.back .wrapper a:before{
     content:url('../img/picto-arrow-submit-blue.png');
     position:absolute;
     transform:rotate(180deg);
     top:11px;
     left:15px;
}
/* ========================================================================== HEADER ========================================================================== */
header{
     position: relative;
}
header .top{
    background-color: #2b2b2b;
     color: #ffffff;
     padding: 10px 0;
}
header .top .right{
     float:right;
}
header .top li {
     display: inline-block;
    border-left: 1px solid #171717;
     padding: 0 15px 0;
}
header .top li.btn-accueil {
     font-size: 0;
    border: none;
     padding: 0 15px 0 0;
}
header .top li:not(.btn-accueil)::before {
     vertical-align: middle;
     margin-right: 10px;
}
header .top li:first-child a::before{
     content: url('../img/picto-home.png');
}
header .top li.contact:before{
     content: url('../img/picto-contact.png');
}
header .top li.toutatice:before {
     content: url('../img/picto-toutatice.png');
}
header .top li.pronote:before {
     content: url('../img/picto-pronote.png');
}
header .top li.recrutement:before {
     content: url('../img/picto-recrutement.png');
}
header .top li.search-bar{
	display:none;
}
header .top li.search-bar::before {
     content: url('../img/picto-loupe.png');
     margin: 0;
}
header .top .search-bar input{
     display: none;
}
header .bottom{
    background-color: #212121;
     color: #ffffff;
}
header .logo{
     width: 15%;
     display: inline-block;
     margin-top: -14px;
}
header .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header #logo-academie{
    width: 100px;
}
body.home header .logo {
     visibility: hidden;
}
/* ========================================================================== NAVIGATION PRINCIPALE ========================================================================== */
 header .bottom .menu-toggle{
     display: none;
}
header .bottom nav {
     display: inline-block;
     /* padding-left: 120px; */
     width: 84%;
}
header .bottom nav > ul {
     width: 100%;
}
header .bottom nav > ul > li {
     display: inline-block;
     padding-right: 15px;
     font-weight: bold;
     text-transform: uppercase;
     padding-bottom: 15px;
    border-bottom: 3px solid rgba(33, 33, 33, 0);
    position:relative;
    font-size: 12px;
}
header .bottom nav > ul > li.menu-first-level > a{
  pointer-events: none;
}
header .bottom nav > ul > li span {
     font-weight: lighter;
     display: block;
     margin-bottom: 5px;
}
header .bottom nav > ul > li:nth-child(1):hover {
    border-bottom: 3px solid #cf1077;
}
header .bottom nav > ul > li:nth-child(2):hover {
    border-bottom: 3px solid #fab000;
}
header .bottom nav > ul > li:nth-child(3):hover {
    border-bottom: 3px solid #b41ab4;
}
header .bottom nav > ul > li:nth-child(4):hover {
    border-bottom: 3px solid #9dc21e;
}
header .bottom nav > ul > li:nth-child(5):hover {
    border-bottom: 3px solid #00c0c2;
}
header .bottom nav > ul > li:nth-child(6):hover {
    border-bottom: 3px solid #00c0c2;
}
header .bottom nav > ul > li a {
     display: inline-block;
     padding-left: 60px;
     position: relative;
     width: 100%;
}
header .bottom nav > ul > li a:hover {
     opacity: 1;
}
header .bottom nav > ul > li a::before{
     position: absolute;
     z-index: 1;
}
header .bottom nav > ul > li > a::after {
     content: '';
     width: 41px;
     height: 41px;
    border: 1px solid #454545;
     display: inline-block;
     position: absolute;
    border-radius: 50%;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
}
header .bottom nav > ul > li:nth-child(1) > a::before {
    content: url('../img/picto-lycee.png');
    left: 9px;
    top: 3px;}
header .bottom nav > ul > li:nth-child(1):hover > a::before {
    content: url('../img/picto-lycee-white.png');
}
header .bottom nav > ul > li:nth-child(1):hover > a::after {
    background-color: #cf1077;
}
header .bottom nav > ul > li:nth-child(2) > a::before {
    content: url('../img/picto-formation.png');
    top: 6px;
    left: 13px;
}
header .bottom nav > ul > li:nth-child(2):hover > a::before {
     content: url('../img/picto-formation-white.png');
}
header .bottom nav > ul > li:nth-child(2):hover > a::after {
    background-color: #fab000;
}
header .bottom nav > ul > li:nth-child(3) > a::before {
    content: url('../img/picto-entreprise.png');
    top: 3px;
    left: 9px;
}
header .bottom nav > ul > li:nth-child(3):hover > a::before {
     content: url('../img/picto-entreprise-white.png');
}
header .bottom nav > ul > li:nth-child(3):hover > a::after {
    background-color: #b41ab4;
}
header .bottom nav > ul > li:nth-child(4) > a::before {
    content: url('../img/picto-international.png');
    top: 3.4px;
    left: 7.5px;
}
header .bottom nav > ul > li:nth-child(4):hover > a::before {
     content: url('../img/picto-international-white.png');
}
header .bottom nav > ul > li:nth-child(4):hover > a::after {
    background-color: #9dc21e;
}
header .bottom nav > ul > li:nth-child(5) > a::before {
    content: url('../img/ico-feuille.png');
    width: 41px;
    top: 3.4px;
    left: 7.5px;
}
header .bottom nav > ul > li:nth-child(5):hover > a::before {
     content: url('../img/ico-feuille-white.png');
}
header .bottom nav > ul > li:nth-child(5):hover > a::after {
    background-color: #9dc21e;
}
header .bottom nav > ul > li:nth-child(6) > a::before {
    content: url('../img/picto-actualites.png');
    top: 5px;
    left: 12.5px;
}
header .bottom nav > ul > li:nth-child(6):hover > a::before {
     content: url('../img/picto-actualites-white.png');
}
header .bottom nav > ul > li:nth-child(6):hover > a::after {
    background-color: #00c0c2;
}

header .bottom nav > ul > li > ul.sub-menu {
    display:none;
    position: absolute;
    padding: 0;
    width: 100%;
    z-index: 10;
    top:107%;
}
header nav > ul#menu-desktop > li:hover > ul.sub-menu,
header nav > ul#menu-desktop > li:focus > ul.sub-menu,
header nav > ul#menu-desktop > li > ul.sub-menu:hover,
header nav > ul#menu-desktop > li > ul.sub-menu:focus{
    display:block;
}
header ul#menu-desktop > li > ul.sub-menu > li{
    display:inline-block;
    padding:0;
    background:#2b2b2b;
    min-width:100%;
    position:relative;
}
header ul#menu-desktop > li > ul.sub-menu > li a {
  padding: 15px;
  color: #fff;
  font-weight: 400;
  border-bottom: 1px solid rgba(255,255,255,0.3);
}
header ul#menu-desktop > li > ul.sub-menu > li:last-child a{
  border:none;
}
header .bottom nav > ul > li > ul.sub-menu > li > ul.sub-menu{
    display:none;
    position: absolute;
    left: 100%;
    bottom: unset;
    top: 0;
    border-left:1px solid rgba(255,255,255,0.3);
    background: #212121;
}
header .bottom nav > ul > li > ul.sub-menu > li:hover > ul.sub-menu{
    display:block;
}
/* ========================================================================== 
    FOOTER 
   ========================================================================== */
 footer{
    background-color: #212121;
     color: #ffffff;
}
footer .home-partenaires{
    background-color: #ffffff;
     padding: 30px 0;
}
footer .home-partenaires .wrapper{
     text-align: center;
}
footer .home-partenaires .wrapper .slides{
  display: flex;
  align-items: center;
}
footer .home-partenaires .wrapper > div{
  position:relative;
}
footer .home-partenaires a {
     display: inline-block;
     width: 140px;
     vertical-align: middle;
     margin-left: 25px;
}
footer .home-partenaires a:first-child {
     margin-left: 0;
}
footer .home-partenaires a.bretagne img{
     width: 40%;
     display: inline-block;
}
footer .infos {
     display: flex;
     justify-content: space-between;
     padding: 40px 0;
}
footer .bloc_un, footer .bloc_trois{
     display: table-cell;
     width: 20%;
     vertical-align: top;
}
footer .bloc_deux{
     display: table-cell;
     width: 60%;
     vertical-align: top;
     text-align: center;
}
footer .bloc_deux a{
     display: inline-block;
     width: 280px;
}
footer h3{
     font-weight: lighter;
     font-size: 18px;
     color: #808080;
     text-transform: uppercase;
     margin-bottom: 25px;
}
footer .infos p{
     line-height: 20px;
}
footer .bloc_un h3:nth-of-type(2), footer .bloc_trois h3:nth-of-type(2){
     margin-top: 40px;
}
footer nav {
    border-top: 3px solid #2b2b2b;
     color: #808080;
}
footer nav>ul {
     display: block;
     width: 100%;
     font-size: 0;
     text-align: center;
}
footer nav>ul>li {
     display: inline-block;
     font-weight: lighter;
     font-size: 16px;
     text-transform: uppercase;
     padding: 25px 70px 30px 0;
     vertical-align: top;
     text-align: left;
}
footer nav>ul>li.lycee{
    border-top: 3px solid #cf1077;
}
footer nav>ul>li.formation {
    border-top: 3px solid #fab000;
}
footer nav>ul>li.entreprise {
    border-top: 3px solid #b41ab4;
}
footer nav>ul>li.international {
    border-top: 3px solid #9dc21e;
}
footer nav>ul>li.actualite {
    border-top: 3px solid #00c0c2;
}
footer nav>ul>li.pratique {
    border-top: 3px solid #f09300;
}
footer nav>ul>li span{
     display: block;
}
footer nav > ul li ul{
     margin-top: 25px;
}
footer nav > ul li ul li{
     font-weight: initial;
     font-size: 14px;
     text-transform: initial;
     margin: 5px 0;
}
footer .foot-bottom{
    border-top: 1px solid #2b2b2b;
     padding: 20px 0;
}
footer .foot-bottom .wrapper{
     display: table;
}
footer .foot-bottom .bloc_un, footer .foot-bottom .bloc_trois {
     vertical-align: middle;
}
footer .foot-bottom .bloc_un a {
     display: inline-block;
     padding: 0 5px;
    border-right: 1px solid #808080;
}
footer .foot-bottom .bloc_un a:last-child{
    border: none;
}
footer .foot-bottom .bloc_trois{
     vertical-align: middle;
}
footer .foot-bottom .bloc_deux a{
     display: inline-block;
     width: auto;
     margin-left: 20px;
}
footer .foot-bottom .bloc_deux a:first-child{
     margin: 0;
}
footer .social a.facebook::before{
     content: url('../img/picto-fb.png');
     vertical-align: middle;
}
footer .social a.twitter::before {
     content: url('../img/picto-twitter.png');
     vertical-align: middle;
}
footer .social a.instagram::before {
     content: url('../img/picto-insta.png');
     vertical-align: middle;
}
footer .social a.youtube::before {
     content: url('../img/picto-youtube.png');
     vertical-align: middle;
}
footer .foot-bottom .bloc_trois {
     text-align: right;
}
footer .foot-bottom a.right {
     text-align: right;
     padding: 0;
    border: none;
}
/* ========================================================================== HOME ========================================================================== */
 .flexslider {
     overflow: hidden;
     height: 762px;
     width: 100%;
     margin: 0;
    border: none;
}
.home .flexslider .flex-control-nav {
     display: inline-block;
     width: auto;
     position: absolute;
     right: 30px;
    bottom: 190px;
     text-align: center;
     z-index: 5;
}
.home .flexslider li {
     position: relative;
     overflow: hidden;
}
.home .flexslider .flex-control-paging li a {
     width: 12px;
     height: 12px;
     display: block;
    background: rgba(42, 132, 151, 0);
    border: 1px solid #ffffff;
    border-radius: 50%;
}
.home .flexslider .flex-control-paging li a.flex-active {
    background: rgba(42, 132, 151, 1);
}
.home .flexslider .aside{
     position: absolute;
     top: 50%;
     transform: translateY(-95%);
     left: 0;
     z-index: 1;
}
.home .flexslider .aside h2{
     font-weight: bold;
     font-size: 40px;
     margin-left: 35px;
     position: relative;
     z-index: 3;
}
.home .flexslider .aside h2 span{
     display: block;
}
.home .flexslider .aside .text{
     display: block;
     width: 440px;
    background-color: rgba(0, 0, 0, 0.5);
     color: #ffffff;
     padding: 30px 80px 30px 35px;
     position: relative;
     transition: all 0.5s ease;
     z-index: 3;
}
.home .flexslider .aside .text:after{
     content: url('../img/picto-fleche.png');
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 20px;
     transition: all 0.3s ease-in-out;
}
.home .flexslider .aside .text:hover{
     padding: 30px 80px 30px 35px;
}
.home .flexslider .aside .text:hover:after{
     right: 10px;
}
.home .flexslider .aside .cartouche{
    background-color: #000000;
     padding: 15px 20px 10px 35px;
     color: #ffffff;
     display: block;
}
.home .flexslider .aside .cartouche.acces{
     width: 135px;
}
.home .flexslider .aside .cartouche.publication{
     width: 228px;
     margin-top: 3px;
}
.home .flexslider .aside::before{
     content: '';
     width: 150px;
     height: 150px;
    border: 30px solid rgba(0, 192, 194, 0.5);
    border-radius: 50%;
    background: transparent;
     position: absolute;
     left: -88px;
     top: -52px;
     z-index: 2;
}
.home .flexslider::before{
     content: url(../img/bulles.png);
     position: absolute;
    bottom: 0;
     left: 50%;
     transform: translateX(-50%);
     z-index: 1;
     margin-left: -74px;
     margin-bottom: 77px;
}
.home .flexslider::after{
     content: url('../img/logo-home.png');
     position: absolute;
    bottom: -2px;
     left: 50%;
     transform: translateX(-50%);
     z-index: 2;
}
.home section.top .wrapper {
     position: relative;
}
.home section.top h2{
     position: absolute;
     left: 0;
     top: -48px;
     font-size: 22px;
     font-weight: lighter;
     z-index: 3;
}
.home section.top h2 span {
     display: block;
     color: #fab000;
     text-transform: uppercase;
     font-size: 35px;
     font-weight: bold;
}
.home section.top .social_search {
     position: absolute;
     right: 0;
     top: -120px;
     font-weight: lighter;
     font-size: 22px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-family: 'Arial', sans-serif;
     z-index: 3;
}
.home section.top .social_search ul{
     display: inline-block;
     margin-left: 15px;
     vertical-align: middle;
}
.home section.top .social_search ul li {
     display: inline-block;
     font-size: 0;
     margin-right: 10px;
}
.home section.top .social_search ul li:first-child{
     margin-left: 0;
}
.home section.top .social_search ul li a{
     display: inline-block;
}
.home section.top .social_search ul li a::after{
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align:center;
    line-height:60px;
    border: 1px solid #787878;
    border-radius: 50%;
}
.home section.top .social_search ul li a.facebook::after{
    content:url('../img/picto-fb-black.png');
}
.home section.top .social_search ul li a.twitter::after{
    content:url('../img/picto-twitter-black.png');
}
.home section.top .social_search ul li a.instagram::after{
    content:url('../img/picto-insta-black.png');
}
.home section.top .social_search ul li a.youTube::after{
    content:url('../img/picto-youtube-black.png');
}
.home section.top .social_search form{
     margin-top: 25px;
}
.home section.top .social_search form label{
  display:none;
}
.home section.top .social_search input[type=text]{
    border: 1px solid #d8d8d8;
     position: relative;
     padding-left: 35px;
    background: url(../img/picto-loupe-grey.png) no-repeat;
    background-position: 10px center;
     width: 215px;
     height: 30px;
     font-size: 14px;
}
.home section.top .social_search input[type=submit]{
    border: none;
    background: url('../img/picto-arrow-submit.png') no-repeat center;
    background-color: #000000;
     width: 30px;
     height: 30px;
     padding-bottom: 5px;
     cursor: pointer;
}
.home section.formations {
     display: flex;
     justify-content: space-between;
     padding-top: 30px;
}
.home .enseignement {
     width: 25%;
     height: 360px;
     margin-left: 1px;
    background-color: red;
     position: relative;
     overflow: hidden;
}
.home .enseignement::before {
     content: url('../img/motif-formation.png');
     position: absolute;
     top: -35px;
     left: 35px;
     z-index: 4;
}
.home .enseignement:first-child {
     width: 25%;
     margin-left: 0;
}
.home .enseignement>a {
     display: inline-block;
     position: absolute;
     top: 0;
    bottom: 0;
     left: 0;
     right: 0;
     z-index: 1;
}
.home .enseignement>h3{
     color: #ffffff;
    background-color: rgba(0, 0, 0, 0.5);
     padding: 15px 35px;
     position: absolute;
    bottom: 0;
     left: 0;
     right: 0;
     font-size: 17px;
     text-transform: uppercase;
     display: block;
     transition: all 0.5s;
}
.home .enseignement>h3 b{
     display: block;
}
.home .enseignement>h3::after{
     content: url(../img/picto-fleche.png);
     position: absolute;
     top: 50%;
     right: 42px;
     transform: translateY(-50%);
     transition: all 0.3s;
}
.home .enseignement:hover>h3{
     display: none;
}
.home .enseignement .hover{
    background-color: rgba(250, 176, 0, 0.9);
     color: #ffffff;
     position: absolute;
     left: 0;
     right: 0;
     top: 900px;
    bottom: 0;
     z-index: 2;
     padding: 75px 30px 25px;
     transition: all 0.3s;
}
.home .enseignement:hover .hover{
     top: 0;
}
.home .enseignement .hover h3{
     font-size: 25px;
     margin-bottom: 35px;
     text-transform: uppercase;
}
.home .enseignement .hover h3 b{
     display: block;
}
.home .enseignement .hover li{
     display: block;
     width: 100%;
     margin-top: 15px;
}
.home .enseignement .hover li:first-child {
     margin-top: 0;
}
.home .enseignement .hover li a {
     display: block;
     width: 100%;
     position: relative;
}
.home .enseignement .hover li:hover a{
     color: #000000;
}
.home .enseignement .hover li a::after{
     content: url('../img/picto-arrow-submit.png');
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 90px;
}
.home .enseignement .hover li:hover a::after{
     content: url('../img/picto-arrow-submit-black.png');
}
.home section.valeur{
    background: url('../img/bg-valeurs.jpg') no-repeat center;
    background-size: cover;
     padding: 60px 0 85px;
}
.home section.valeur h2 {
     font-size: 22px;
     color: #ffffff;
}
.home section.valeur h2 span {
     display: block;
     font-size: 30px;
     font-weight: bold;
     text-transform: uppercase;
}
.home section.valeur h2::after {
     content: url(../img/motif-actu.png);
     margin-top: 10px;
     display: inline-block;
}
.home section.valeur .content-visuel{
     width: 60px;
     height: 60px;
     display: inline-block;
     margin-bottom: 20px;
}
.home section.valeur .content-visuel img{
     visibility: hidden;
     width: 100%;
     display: block;
}
.home section.valeur ul{
     color: #ffffff;
     display: flex;
     flex-direction: center;
     text-align: center;
     padding-top: 20px;
}
.home section.valeur ul li{
     width: calc(100% / 5);
     padding: 0 20px;
}
.home section.valeur ul p{
     font-weight: lighter;
}
.home section.valeur ul p.title{
     font-size: 17px;
     font-weight: initial;
     margin-bottom: 18px;
}
.home .home-gallerie{
    background-color: #cf1077;
     color: #ffffff;
     padding: 60px 0 30px;
     position: relative;
     overflow: hidden;
}
.home .home-gallerie::before{
     content: url('../img/motif-galerie.png');
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
}
.home .home-gallerie h3{
     font-size: 22px;
     margin-bottom: 25px;
     color: #000000;
}
.home .home-gallerie h3 span{
     display: block;
     font-size: 30px;
     font-weight: bold;
     color: #ffffff;
     text-transform: uppercase;
}
.home .home-gallerie h3::after{
     content: url(../img/motif-actu.png);
     margin-top: 10px;
     display: inline-block;
}
.home .home-gallerie .wrapper{
     display: table;
     position:relative;
}
.home .home-gallerie .bloc_un{
     display: table-cell;
     width: 40%;
     vertical-align: top;
     padding-right: 15px;
}
.home .home-gallerie .bloc_deux {
     display: table-cell;
     width: 60%;
     vertical-align: top;
     padding-left: 15px;
     text-align: right;
}
.home .home-gallerie .pics a{
     display: inline-block;
     width: 49%;
}
.home .home-gallerie .pics a:first-child{
     margin-left: 0;
}
.home .home-gallerie a img{
     display: block;
     width: 100%;
     visibility: hidden;
}
.home .home-gallerie .bloc_deux .picture{
     display: inline-block;
     width: 33%;
}
.home .home-gallerie .bloc_deux a.galerie{
     display: inline-block;
     margin-top: 25px;
     position: relative;
     padding: 0 20px 5px 0;
    border-bottom: 1px solid rgba(228, 38, 141, 0);
}
.home .home-gallerie .bloc_deux a.galerie:hover{
    border-bottom: 1px solid rgba(228, 38, 141, 1);
}
.home .home-gallerie .bloc_deux a.galerie::before{
     content: url(../img/picto-computer-white.png);
     vertical-align: middle;
     margin-right: 10px;
}
.home .home-gallerie .bloc_deux a.galerie::after{
     content: url(../img/picto-arrow-submit-black.png);
     margin-left: 10px;
     position: absolute;
     top: 5px;
     right: 0;
}
/* ========================================================================== SECTION ACCES DIRECT ========================================================================== */
 section.direct {
    background-color: #212121;
     color: #ffffff;
     padding: 45px 0 15px 0;
}
section.direct h2 {
     font-size: 22px;
     color: #ffc230;
     position: relative;
     padding-left: 45px;
}
section.direct h2::before {
     content: url('../img/motif-rond.png');
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
}
section.direct h2::after {
     content: url('../img/fleche-acces-direct.png');
     position: absolute;
    bottom: 0;
     right: 50px;
}
section.direct h2 b {
     display: block;
     font-size: 35px;
     color: #ffffff;
}
section.direct .wrapper {
     display: table;
}
section.direct .titre {
     display: table-cell;
     width: 20%;
}
.home section.direct .titre {
     width: 30%;
     padding-left: 145px;
}
section.direct .liens {
     display: table-cell;
     width: 70%;
     vertical-align: middle;
}
section.direct a {
     width: 33%;
     font-size: 15px;
     display: inline-block;
     margin-bottom: 25px;
}
section.direct a::before {
     content: '';
    background: url('../img/motif-rond.png') no-repeat center;
    background-size: contain;
     width: 17px;
     height: 17px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 10px;
}
section.direct a:hover {
     color: #fab000;
     opacity: 1;
}
section.direct a::after {
     content: url('../img/picto-arrow-submit-grey.png');
     vertical-align: middle;
     margin-left: 20px;
}
/* ========================================================================== SECTION ACTUALITE ========================================================================== */
 section.home-actu {
    background-image: linear-gradient(#00c0c2 240px, transparent 10px);
     overflow: hidden;
     position: relative;
     padding: 60px 0 40px;
}
section.home-actu::before {
     content: url('../img/bulles-actus.png');
     position: absolute;
     top: -7px;
     left: 309px;
}
section.home-actu h2 {
     font-size: 22px;
}
section.home-actu h2 span {
     display: block;
     font-size: 30px;
     font-weight: bold;
     color: #ffffff;
     text-transform: uppercase;
}
section.home-actu h2::after {
     content: url('../img/motif-actu.png');
     margin-top: 10px;
     display: inline-block;
}
section.home-actu .titre a {
     color: #00c0c2;
     margin-top: 90px;
     display: inline-block;
     position: relative;
    border-bottom: 1px solid rgba(200, 200, 200, 0);
     padding-bottom: 5px;
}
section.home-actu .titre a::before {
     content: url('../img/picto-computer-blue.png');
     vertical-align: middle;
     margin-right: 10px;
}
section.home-actu .titre a::after {
     content: url('../img/picto-arrow-submit-blue.png');
     margin-left: 10px;
     position: absolute;
     top: 5px;
     right: -15px;
}
section.home-actu .titre a:hover {
    border-bottom: 1px solid rgba(200, 200, 200, 1);
}
section.home-actu .wrapper {
     display: table;
}
section.home-actu .titre {
     display: table-cell;
     width: 20%;
     padding-top: 55px;
     vertical-align: top;
}
section.home-actu .list-actus {
     display: flex;
}
section.home-actu .actu {
     display:block;
     width: 31%;
     margin-left: 36px;
     text-align: right;
}
section.home-actu .actu:first-child {
     margin-left: 0;
}
section.home-actu .actu .visuel {
     height: 245px;
     position: relative;
     text-align: left;
}
section.home-actu .actu .visuel img {
     width: 100%;
     visibility: hidden;
     display:none;
}
section.home-actu .actu .visuel .date {
     position: absolute;
     left: 0;
    bottom: 0;
    background-color: #212121;
     color: #ffffff;
     font-size: 12px;
     padding: 12px 25px 12px 15px;
     text-align: left;
}
section.home-actu .actu .visuel .date b {
     font-size: 25px;
     display: block;
     margin-bottom: 5px;
}
section.home-actu h3 {
     font-weight: bold;
     font-size: 18px;
     margin: 20px 0 30px;
     text-align: left;
}
section.home-actu .actu p {
     text-align: left;
}
section.home-actu .actu a {
     display: inline-block;
     padding: 15px 20px 15px 45px;
    border-radius: 17px;
    background-color: #efeeee;
     margin-top: 22px;
     position: relative;
}
section.home-actu .actu a::before {
     content: url('../img/picto-consulter.png');
     position: absolute;
     left: 18px;
     top: 14px;
}
/* ==========================================================================
    BLOC TOP
========================================================================== */
section.bloc-top{
     width: 100%;
     height: 465px;
     position: relative;
}
section.bloc-top img{
     display: block;
     width: 100%;
     visibility: hidden;
}
section.bloc-top .aside{
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     display: inline-block;
     padding: 30px 20px 30px 165px;
    background: linear-gradient(to right, rgba(5, 5, 5, 1) 63%, rgba(5, 5, 5, 0.3) 100%);
}
section.bloc-top .aside::before{
     content: '';
     width: 120px;
     height: 120px;
    border-radius: 50%;
    background: transparent;
     position: absolute;
     left: -88px;
     top: -74px;
     z-index: 2;
}
section.bloc-top .aside h1{
     font-size: 35px;
     font-weight: lighter;
     color: #ffffff;
     position: relative;
     text-transform: uppercase;
}
section.bloc-top .aside h1 b{
     display: block;
}
section.bloc-top .aside h1::before{
     position: absolute;
     left: -110px;
     top: 50%;
     transform: translateY(-50%);
}
section.bloc-top .social_bar{
     position: absolute;
     right: 10px;
     top: 10px;
}
section.bloc-top .social_bar p{
     font-size: 22px;
     font-weight: lighter;
     writing-mode: vertical-rl;
     text-orientation: sideways;
     transform: rotate(180deg);
     line-height: 36px;
}
section.bloc-top .social_bar p b{
     color: #ffffff;
     font-weight: bold;
}
section.bloc-top .social_bar ul {
     display: flex;
     flex-direction: column;
     align-items: center;
     margin-bottom: 10px;
}
section.bloc-top .social_bar li{
     display: inline-block;
     font-size: 0;
     margin: 10px 0 0;
}
section.bloc-top .social_bar li:first-child {
     margin: 0;
}
section.bloc-top .social_bar li a {
     display: inline-block;
}
section.bloc-top .social_bar li a::after {
     content: '';
     display: inline-block;
     width: 40px;
     height: 40px;
     text-align:center;
     line-height:60px;
    background: #ffffff;
    border-radius: 50%;
}
section.bloc-top .social_bar li a.facebook::after{
    content:url('../img/picto-fb-black.png');
}
section.bloc-top .social_bar li a.twitter::after{
    content:url('../img/picto-twitter-black.png');
}
section.bloc-top .social_bar li a.instagram::after{
    content:url('../img/picto-insta-black.png');
}
section.bloc-top .social_bar li a.youTube::after{
    content:url('../img/picto-youtube-black.png');
}

section.bloc-top.le-lycee .aside::before,
body.parent-pageid-82 section.bloc-top .aside::before{
    border: 30px solid rgba(207, 16, 119, 0.8);
}
section.bloc-top.le-lycee .aside h1::before,
body.parent-pageid-82 section.bloc-top .aside h1::before{
    content: url(../img/picto-lycee-big.png);
}
section.bloc-top.le-lycee .aside h1 b,
body.parent-pageid-82 section.bloc-top .aside h1 b{
    color: #cf1077;
}

section.bloc-top.les-formations .aside::before,
body.parent-pageid-86 section.bloc-top .aside::before{
    border: 30px solid rgba(250, 176, 0, 0.8);
}
section.bloc-top.les-formations .aside h1::before,
body.parent-pageid-86 section.bloc-top .aside h1::before,
body.parent-pageid-86 section.bloc-top .aside h1::before,
body.parent-pageid-137 section.bloc-top .aside h1::before,
body.parent-pageid-139 section.bloc-top .aside h1::before,
body.parent-pageid-141 section.bloc-top .aside h1::before,
body.parent-pageid-143 section.bloc-top .aside h1::before{
    content: url(../img/picto-formations-big.png);
}
section.bloc-top.les-formations .aside h1 b,
body.parent-pageid-86 section.bloc-top .aside h1 b{
    color: #fab000;
}

section.bloc-top.le-lycee-les-entreprises .aside::before,
body.parent-pageid-89 section.bloc-top .aside::before{
    border: 30px solid rgba(180, 26, 180, 0.8);
}
section.bloc-top.le-lycee-les-entreprises .aside h1::before,
body.parent-pageid-89 section.bloc-top .aside h1::before{
    content: url(../img/picto-entreprises-big.png);
}
section.bloc-top.le-lycee-les-entreprises .aside h1 b,
body.parent-pageid-89 section.bloc-top .aside h1 b{
    color: #fab000;
}

section.bloc-top.le-lycee-linternational .aside::before,
body.parent-pageid-26 section.bloc-top .aside::before{
    border: 30px solid rgba(157, 194, 30, 0.8);
}
section.bloc-top.le-lycee-linternational .aside h1::before,
body.parent-pageid-26 section.bloc-top .aside h1::before{
    content: url(../img/picto-international-big.png);
}
section.bloc-top.le-lycee-linternational .aside h1 b,
body.parent-pageid-26 section.bloc-top .aside h1 b{
    color: #9dc21e;
}

section.bloc-top.les-actualites .aside::before,
body.parent-pageid-92 section.bloc-top .aside::before{
    border: 30px solid rgba(0, 192, 194, 0.8);
}
section.bloc-top.les-actualites .aside h1::before,
body.parent-pageid-92 section.bloc-top .aside h1::before{
    content: url(../img/picto-actualites-big.png);
}
section.bloc-top.les-actualites .aside h1 b,
body.parent-pageid-92 section.bloc-top .aside h1 b{
    color: #9dc21e;
}

section.bloc-top.contact .aside::before{
    border: 30px solid rgba(0, 192, 194, 0.5);
}
section.bloc-top.contact .aside h1::before{
    content: url(../img/picto-international-big.png);
}
section.bloc-top.contact .aside h1 b{
    color: #00c0c2;
}

section.bloc-top.mentions-legales .aside::before{
    border: 30px solid rgba(0, 192, 194, 0.5);
}
section.bloc-top.mentions-legales .aside h1::before{
    content: url(../img/picto-international-big.png);
}
section.bloc-top.mentions-legales .aside h1 b{
    color: #00c0c2;
}

section.bloc-top.politique-de-confidentialite .aside::before{
    border: 30px solid rgba(0, 192, 194, 0.5);
}
section.bloc-top.politique-de-confidentialite .aside h1::before{
    content: url(../img/picto-international-big.png);
}
section.bloc-top.politique-de-confidentialite .aside h1 b{
    color: #00c0c2;
}

section.bloc-top.plan-du-site .aside::before{
    border: 30px solid rgba(0, 192, 194, 0.5);
}
section.bloc-top.plan-du-site .aside h1::before{
    content: url(../img/picto-international-big.png);
}
section.bloc-top.plan-du-site .aside h1 b{
    color: #00c0c2;
}
/* ==========================================================================
    BLOC TITRE
========================================================================== */
section.bloc-titre{
     padding: 25px 0;
     color: #ffffff;
}
section.bloc-titre .wrapper{
     position:relative;
}
section.bloc-titre h2{
     font-size: 30px;
     font-weight: lighter;
     text-transform: uppercase;
}
section.bloc-titre h2 b{
     font-weight: initial;
}
section.bloc-titre h2::before{
     vertical-align: -5px;
     margin-right: 15px;
}

section.bloc-titre.le-lycee,
.parent-pageid-82 section.bloc-titre{
    background:#cf1077;
}
section.bloc-titre.le-lycee h2::before,
.parent-pageid-82 section.bloc-titre h2::before{
    content: url('../img/motif-rond-lycee.png');
}

section.bloc-titre.les-formations,
.parent-pageid-86 section.bloc-titre,
.parent-pageid-137 section.bloc-titre,
.parent-pageid-139 section.bloc-titre,
.parent-pageid-141 section.bloc-titre,
.parent-pageid-143 section.bloc-titre,
.parent-pageid-264 section.bloc-titre,
.page-id-143 section.bloc-titre{
    background:#fab000;
}
section.bloc-titre.les-formations h2::before,
.parent-pageid-86 section.bloc-titre h2::before,
.parent-pageid-137 section.bloc-titre h2::before,
.parent-pageid-139 section.bloc-titre h2::before,
.parent-pageid-141 section.bloc-titre h2::before,
.parent-pageid-143 section.bloc-titre h2::before,
.page-id-143 section.bloc-titre h2::before{
    content: url('../img/motif-rond-formations.png');
}

section.bloc-titre.le-lycee-les-entreprises,
.parent-pageid-89 section.bloc-titre{
    background:#b41ab4;
}
section.bloc-titre.le-lycee-les-entreprises h2::before,
.parent-pageid-89 section.bloc-titre h2::before{
    content: url('../img/motif-rond-entreprises.png');
}

section.bloc-titre.le-lycee-linternational,
.parent-pageid-26 section.bloc-titre{
    background:#9dc21e;
}
section.bloc-titre.le-lycee-linternational h2::before,
.parent-pageid-26 section.bloc-titre h2::before{
    content: url('../img/motif-rond-international.png');
}

section.bloc-titre.les-actualites,
.parent-pageid-92 section.bloc-titre{
    background:#00c0c2;
}
section.bloc-titre.les-actualites h2::before,
.parent-pageid-92 section.bloc-titre h2::before{
    content: url('../img/motif-rond-actualites.png');
}

section.bloc-titre.contact{
    background:#00c0c2;
}
section.bloc-titre.contact h2::before{
    content: url('../img/motif-rond-actualites.png');
}

section.bloc-titre.mentions-legales{
    background:#00c0c2;
}
section.bloc-titre.mentions-legales h2::before{
    content: url('../img/motif-rond-actualites.png');
}

section.bloc-titre.politique-de-confidentialite{
    background:#00c0c2;
}
section.bloc-titre.politique-de-confidentialite h2::before{
    content: url('../img/motif-rond-actualites.png');
}

section.bloc-titre.plan-du-site{
    background:#00c0c2;
}
section.bloc-titre.plan-du-site h2::before{
    content: url('../img/motif-rond-actualites.png');
}

/*section.bloc-titre.offres-demploi{
    background:#b41ab4;
}*/
section.bloc-titre.offres-demploi h2::before{
    content: url('../img/motif-rond-actualites.png');
}

section.bloc-titre{
    background:#00c0c2;
}
section.bloc-titre h2::before{
    content: url('../img/motif-rond-actualites.png');
}


/* ==========================================================================
    BLOC CONTENT
========================================================================== */
section.bloc-content{
    padding: 35px 0 20px;
}

/* ========================================================================== 
    FORMATIONS 
========================================================================== */
section.formations{
  padding: 0;
  position:relative;
}
section.formations .wrapper{
  margin-bottom:40px;
}
section.formations .row{
  width: 900px;
  margin: 5px auto;
  display: flex;
}
section.formations .row > div{
  width:50%;
}
section.formations .enseignement {
     height: 360px;
     margin-left: 5px;
    background-color: red;
     position: relative;
     overflow: hidden;
}
section.formations .enseignement::before {
     content: url('../img/motif-formation.png');
     position: absolute;
     top: -35px;
     left: 35px;
     z-index: 4;
}
section.formations .enseignement>a {
     display: inline-block;
     position: absolute;
     top: 0;
    bottom: 0;
     left: 0;
     right: 0;
     z-index: 1;
}
section.formations .enseignement>h3{
     color: #ffffff;
    background-color: rgba(0, 0, 0, 0.5);
     padding: 15px 35px;
     position: absolute;
    bottom: 0;
     left: 0;
     right: 0;
     font-size: 17px;
     text-transform: uppercase;
     display: block;
     transition: all 0.5s;
}
section.formations .enseignement>h3 b{
     display: block;
}
section.formations .enseignement>h3::after{
     content: url(../img/picto-fleche.png);
     position: absolute;
     top: 50%;
     right: 42px;
     transform: translateY(-50%);
     transition: all 0.3s;
}
section.formations .enseignement:hover>h3{
     display: none;
}
section.formations .enseignement .hover{
    background-color: rgba(250, 176, 0, 0.9);
     color: #ffffff;
     position: absolute;
     left: 0;
     right: 0;
     top: 900px;
    bottom: 0;
     z-index: 2;
     padding: 75px 30px 25px;
     transition: all 0.3s;
}
section.formations .enseignement:hover .hover{
     top: 0;
}
section.formations .enseignement .hover h3{
     font-size: 25px;
     margin-bottom: 35px;
     text-transform: uppercase;
}
section.formations .enseignement .hover h3 b{
     display: block;
}
section.formations .enseignement .hover li{
     display: block;
     width: 100%;
     margin-top: 15px;
}
section.formations .enseignement .hover li:first-child {
     margin-top: 0;
}
section.formations .enseignement .hover li a {
     display: block;
     width: 100%;
     position: relative;
}
section.formations .enseignement .hover li:hover a{
     color: #000000;
}
section.formations .enseignement .hover li a::after{
     content: url('../img/picto-arrow-submit.png');
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 90px;
}
section.formations .enseignement .hover li:hover a::after{
     content: url('../img/picto-arrow-submit-black.png');
}
/*DETAILS*/
section.formations .bandeau{
  display: flex;
  width: 100%;
  padding: 20px;
  background: #212121;
  justify-content: space-between;
      margin-bottom: 50px;
  /*position: absolute;
  top: -166px;*/
}
section.formations .bandeau > p{
  text-align:center;
  padding:10px;
  background:rgba(250,176,0.9);
  color:#eee;
  text-transform:uppercase;
  font-size:20px;
  	display: flex;
	align-items: center;
	justify-content: center;
}
section.formations .bandeau > p.voie{
  width:49%;
}
section.formations .bandeau > p.duree{
  width:19%;
}
section.formations .bandeau > p.pole{
  width:29%;
}
/* ========================================================================== 
     ACTUALITES LISTE
========================================================================== */
.actualites .list-actus {
     display:flex;
     flex-wrap:wrap;
     justify-content:space-between;
     align-items:start;
     padding-top:35px;
}
.actualites .actu {
     display:block;
     width: 24%;
     text-align: right;
     margin-bottom:50px;
}
.actualites .actu:first-child {
     margin-left: 0;
}
.actualites .actu .visuel {
     height: 245px;
     position: relative;
     text-align: left;
}
.actualites .actu .visuel img {
     display: block;
     width: 100%;
     visibility: hidden;
}
.actualites .actu .visuel .date {
     position: absolute;
     left: 0;
    bottom: 0;
    background-color: #212121;
     color: #ffffff;
     font-size: 12px;
     padding: 12px 25px 12px 15px;
     text-align: left;
}
.actualites .actu .visuel .date b {
     font-size: 25px;
     display: block;
     margin-bottom: 5px;
}
.actualites h3 {
     font-weight: bold;
     font-size: 18px;
     margin: 20px 0 30px;
     text-align: left;
}
.actualites .actu p {
     text-align: left;
}
.actualites .actu a {
     display: inline-block;
     padding: 15px 20px 15px 45px;
    border-radius: 17px;
    background-color: #efeeee;
     margin-top: 22px;
     position: relative;
}
.actualites .actu a::before {
     content: url('../img/picto-consulter.png');
     position: absolute;
     left: 18px;
     top: 14px;
}
/* ========================================================================== 
     ACTUALITES DETAIL
========================================================================== */
section.article-detail{
     padding:65px 0 50px 0;
}
section.article-detail .flex{
     display:flex;
}
section.article-detail .flex > .left{
     position:relative;
     width:50%
}
section.article-detail .flex > .left img{
     visibility:hidden;
     width:100%;
}
section.article-detail .flex > .right{
     width:50%;
     padding-left:50px;
}
section.article-detail .right h1{
     font-size:30px;
     font-weight:700;
     position:relative;
     margin-bottom:60px;
}
section.article-detail .right h1:after{
     content:url('../img/liseret-bleu.png');
     position:absolute;
    bottom:-20px;
     left:0;
}
section.article-detail .date {
     position: absolute;
     left: 0;
     top: 0;
    background-color: #212121;
     color: #ffffff;
     font-size: 12px;
     padding: 12px 25px 12px 15px;
     text-align: left;
}
section.article-detail .date b {
     font-size: 25px;
     display: block;
     margin-bottom: 5px;
}
/* ========================================================================== 
     LE LYCEE
========================================================================== */
section.presentation{
     padding:65px 0 50px 0;
}
section.presentation .flex{
     display:flex;
}
section.presentation .flex > .left{
     position:relative;
     width:50%
}
section.presentation .flex > .left img{
     visibility:hidden;
     width:100%;
}
section.presentation .flex > .right{
     width:50%;
     padding-left:50px;
}
section.presentation .right h2{
     font-size:20px;
     font-weight:normal;
     position:relative;
     margin-bottom:60px;
     line-height:1.3;
     padding-left:85px;
     margin-top: 10px;
}
section.presentation .right h2 b{
     display:block;
     font-weight:bold;
}
section.presentation .right h2:before{
     content: url(../img/picto-lycee-big.png);
     display: inline-block;
     width: 66px;
     height: 66px;
    border-radius: 66px;
    border: 2px solid #e5e5e5;
     text-align: center;
     line-height: 100px;
     position: absolute;
     left: 0;
     top: -10px;
}
section.presentation .right h2:after{
     content:"";
     position:absolute;
    bottom:-12px;
     left: 85px;
     display:block;
     width:44px;
     height:3px;
    background:#cf1077;
}
/* ==========================================================================
    CONTACT
========================================================================== */
.contact{
  padding:40px 0 60px 0;
}
.contact .wrapper{
  display:flex;
  flex-wrap:wrap;
}

.contact .wrapper .left{
  width:50%;
  display: block;
  color: white;
  margin-top:7px;
  padding-right:25px;
}
.contact .wrapper .left > div{
  padding:20px;
  background-color: #00c0c2;
  margin-bottom: 25px;
}
.contact .wrapper .left p{
  font-size: 18px;
  margin-bottom: 10px;
}
.contact .wrapper .left iframe{
  width:100%;
}
.contact .wrapper .left p.nom{
  font-weight: bold;
}
.contact .wrapper .right{
  width:50%;
  padding:0 0 0 25px; 
}
button#evf-submit-7 {
  background-color: #00c0c2;
  color: white;
}
button#evf-submit-7:hover {
  opacity:0.8;
}
/* FORMULAIRE CONTACT UNE LIGNE */
.contact .everest-forms input[type=text],
.contact .everest-forms input[type=email],
.contact .everest-forms textarea{
  border-style: none;
  border-bottom: 1px solid grey;
  border-radius: 0;
  transition: 0.2s;
}
.contact .everest-forms input[type=text]:focus,
.contact .everest-forms input[type=text]:active,
.contact .everest-forms input[type=email]:focus,
.contact .everest-forms input[type=email]:active,
.contact .everest-forms textarea:focus,
.contact .everest-forms textarea:active{
  border-style: none;
  border-bottom: 1px solid #00c0c2;
  border-radius: 0;
  transition: 0.2s;
}
.contact .everest-forms textarea{
  outline:none;
  min-height: 170px;
}
.contact .everest-forms .evf-field-container .evf-frontend-row label{
    color: grey;
  transform: translateX(0);
  transition: 0.2s;
}
.contact .everest-forms .evf-field-container .evf-frontend-row label.active{
    color: #00c0c2;
  transform: translateX(10px);
  transition: 0.2s;
}
button#evf-submit-7 {
  margin-top: 40px;
}
.everest-forms .everest-forms-notice::before{
  content: none!important;
}
/* ==========================================================================
   SEARCH RESULTS
   ========================================================================== */ 
.search-results .flex {
     display:flex;
     flex-wrap:wrap;
     justify-content:space-between;
     align-items:start;
     padding-top:35px;
}
.search-results .result {
     display:block;
     width: 24%;
     text-align: right;
     margin-bottom:50px;
}
.search-results .result:first-child {
     margin-left: 0;
}
.search-results .result .visuel {
     height: 245px;
     position: relative;
     text-align: left;
}
.search-results .result .visuel img {
     display: block;
     width: 100%;
     visibility: hidden;
}
.search-results .result .visuel .date {
     position: absolute;
     left: 0;
    bottom: 0;
    background-color: #212121;
     color: #ffffff;
     font-size: 12px;
     padding: 12px 25px 12px 15px;
     text-align: left;
}
.search-results .result .visuel .date b {
     font-size: 25px;
     display: block;
     margin-bottom: 5px;
}
.search-results h3 {
     font-weight: bold;
     font-size: 18px;
     margin: 20px 0 30px;
     text-align: left;
}
.search-results .result p {
     text-align: left;
}
.search-results .result a {
     display: inline-block;
     padding: 15px 20px 15px 45px;
    border-radius: 17px;
    background-color: #efeeee;
     margin-top: 22px;
     position: relative;
}
.search-results .result a::before {
     content: url('../img/picto-consulter.png');
     position: absolute;
     left: 18px;
     top: 14px;
}

/* ==========================================================================
   ESPACE EMPLOI
   ========================================================================== */ 
section.jobs{
    padding:25px 0 100px 0;
    color:#ffffff;
    position:relative;
}
section.jobs .flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
}
section.jobs .job{
    padding:45px 40px 30px 40px;
    background:rgba(0,0,0,0.7);
    width: 23.4%;
	margin-bottom: 30px;
}
section.jobs .job h2{
    font-size:20px;
    font-weight:bold;
    margin-bottom:20px;
    text-transform:uppercase;
    text-align: left;
}
section.jobs .job h2:first-line{
    font-weight:normal;
}
section.jobs .job h2:after{
    content:"";
    display:block;
    width:70px;
    height:3px;
    background:#ffffff;
    margin-top: 10px;
}
section.jobs .job p{
    font-size:18px;
}
section.jobs .job a{
    display:block;
    background:#5c5c5c;
    float:right;
    font-size:16px;
    padding: 7px 18px 8px 18px;
    margin-top:30px;
}
section.jobs .job a:hover{
    background:#7cb635;
}
section.jobs .abs{
    position:absolute;
    font-weight:bold;
    font-size:30px;
    text-align:center;
    left:50%;
    transform:translateX(-50%);
    bottom:90px;
}
section.jobs .abs span{
    display:block;
    font-size:18px;
    font-weight:400;
}
section.jobs .abs a{
    color:#1d63c6;
}
section.job-content{
  padding-top: 25px;
}
/* ========================================================================== 
     Styles responsive 
========================================================================== */
/* Large Devices, Wide Screens */
 @media only screen and (max-width : 1400px) {
     .wrapper{
         width: 1200px;
    }
    header .bottom {
         padding: 35px 0 20px;
    }
    body.home header .logo {
         display: none;
    }
    header .bottom nav {
         display: inline-block;
         padding-left: 0;
         width: 100%;
         text-align: center;
    }
    header .bottom nav > ul > li {
         text-align: left;
    }
    .flexslider {
         height: 655px;
    }
    .home .flexslider .aside {
         transform: translateY(-50%);
         margin-top: -45px;
    }
    .home .flexslider::before {
         margin-bottom: 29px;
    }
    .home section.top .social_search {
         font-size: 18px;
    }
    .home .enseignement>h3 {
         height: 81px;
    }
    .home .enseignement>h3 b {
         width: 235px;
    }
    section.direct .titre {
         padding-left: 0;
    }
    section.direct a {
         width: auto;
         margin: 0 25px 25px 0;
    }
    section.home-actu .actu {
         width: 33%;
         margin-left: 2px;
    }
}
@media only screen and (max-width : 1220px) {
     .wrapper{
         width: 100%;
         padding: 0 20px;
    }
    .home section.formations {
         flex-wrap: wrap;
    }
    .home .enseignement:first-child, .home .enseignement {
         width: 49.9%;
         margin-bottom: 1px;
    }
    .home .enseignement:nth-child(2n + 1) {
         margin-left: 0;
    }
    .home .enseignement>h3 {
         height: auto;
    }
    .home .enseignement>h3 b {
         width: auto;
    }
    header .bottom nav {
         text-align: left;
    }
    header .bottom nav > ul {
         width: 100%;
         display: flex;
         justify-content: space-around;
    }
    header .bottom nav > ul > li {
         padding-right: 40px;
    }
    .home .flexslider .aside {
         margin-top: 14px;
    }
    body.home header .logo {
         width: 210px;
         display: inline-block;
         margin-bottom: 35px;
         margin-top: 0;
         visibility: visible;
    }
    body.home header .wrapper{
         text-align: center;
    }
    .home .flexslider::after, .home .flexslider::before {
         display: none;
    }
    .flexslider {
         height: auto;
    }
    .home .flexslider .flex-control-nav {
        bottom: 25px;
    }
    .home section.top {
         padding: 25px 0;
    }
    .home section.top .wrapper {
         display: flex;
         justify-content: space-between;
    }
    .home section.top h2, .home section.top .social_search {
         position: initial;
    }
    section.home-actu .actu {
         width: 33%;
         margin-left: 0;
    }
    footer nav {
        border-top: none;
    }
    footer nav>ul {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
    }
    footer nav>ul>li {
         width: 33.33%;
    }
    footer .bloc_un, footer .bloc_trois {
         width: 25%;
    }
    footer .bloc_deux {
         width: 50%;
    }
}
/* Medium Devices, Desktops */
 @media only screen and (max-width : 992px) {
    body.home header .wrapper {
         text-align: left;
    }
    header .bottom {
         padding: 20px 0 0;
    }
    header .bottom .wrapper{
         display: flex;
         align-items: center;
         justify-content: space-between;
    }
    header .bottom .menu-toggle {
         display: inline-block;
        border: 1px solid #ffffff;
         width: 40px;
         height: 38px;
         cursor: pointer;
         position: relative;
    }
    header .bottom .menu-toggle span{
        background-color: #ffffff;
         width: 20px;
         height: 2px;
        /* display: block;
         margin: 5px auto;
         */
         position: absolute;
         left: 50%;
         top: 0;
         transform: translateX(-50%);
         transition: all 0.5s;
    }
    header .bottom .menu-toggle span:first-child{
         top: 8px;
    }
    header .bottom .menu-toggle span:nth-of-type(2) {
         top: 50%;
         transform: translate(-50%, -50%);
    }
    header .bottom .menu-toggle span:last-child {
         top: 26px;
    }
    header .bottom .menu-toggle.close span:first-child {
         top: 16px;
         left: 10px;
         transform: rotate(47deg);
    }
    header .bottom .menu-toggle.close span:nth-of-type(2) {
         display: none;
    }
    header .bottom .menu-toggle.close span:last-child {
         top: 16px;
         left: 10px;
         transform: rotate(128deg);
    }
    header .bottom nav{
         display: none;
         position: absolute;
         top: 100px;
         left: 0;
         right: 0;
        background-color: #212121;
         z-index: 6;
    }
    header .bottom nav > ul {
         flex-direction: column;
    }
    header .bottom nav > ul > li {
         padding-right: 0;
         text-align: center;
         margin-bottom: 15px;
    }
    header .bottom nav > ul > li span {
         display: inline-block;
         margin: 0 2px 0 0;
    }
    header .bottom nav > ul > li > a::after, header .bottom nav > ul > li a::before {
         display: none;
    }
    header .bottom nav > ul > li a {
         padding: 0 25px 10px;
         position: relative;
         width: auto;
    }
    header .bottom nav > ul > li.lycee:hover, header .bottom nav > ul > li.formations:hover, header .bottom nav > ul > li.entreprises:hover, header .bottom nav > ul > li.internationnal:hover, header .bottom nav > ul > li.actualites:hover {
        border-bottom: none;
    }
    header .bottom nav > ul > li.lycee:hover a {
        border-bottom: 3px solid #cf1077;
    }
    header .bottom nav > ul > li.formations:hover a {
        border-bottom: 3px solid #fab000;
    }
    header .bottom nav > ul > li.entreprises:hover a {
        border-bottom: 3px solid #b41ab4;
    }
    header .bottom nav > ul > li.internationnal:hover a{
        border-bottom: 3px solid #9dc21e;
    }
    header .bottom nav > ul > li.actualites:hover a{
        border-bottom: 3px solid #00c0c2;
    }
    .home .enseignement {
         margin-left: 0;
    }
    section.home-actu .wrapper {
         display: block;
    }
    section.home-actu .titre {
         display: block;
         width: 100%;
    }
    section.home-actu .list-actus {
         display: block;
         width: 100%;
    }
    section.home-actu {
        background-image: linear-gradient(#00c0c2 404px, transparent 10px);
         padding: 40px 0;
    }
    section.home-actu .titre {
         padding: 0 0 20px;
    }
    section.home-actu .titre a {
         margin-top: 55px;
         color: #ffffff;
    }
    section.home-actu .titre a::before {
         content: url(../img/picto-computer-white.png);
    }
    section.home-actu .titre a::after {
         content: url(../img/picto-arrow-submit.png);
    }
    .home .home-gallerie .wrapper {
         display: block;
    }
    .home .home-gallerie .bloc_un, .home .home-gallerie .bloc_deux {
         display: block;
         width: 100%;
         padding: 0;
    }
    .home .home-gallerie .bloc_deux {
         padding-top: 15px;
    }
    .home .home-gallerie .pics{
         display: flex;
         justify-content: space-between;
    }
    .home .home-gallerie .pics a:first-child {
         width: 49.9%;
    }
    footer .bloc_un, footer .bloc_trois {
         width: 30%;
    }
    footer .bloc_deux {
         width: 40%;
    }
}
/* Small Devices, Tablets */
 @media only screen and (max-width : 768px) {
     .home .flexslider .aside {
         position: initial;
         transform: none;
    }
    .home .flexslider .flex-control-nav {
         display: none;
    }
    .home .flexslider .aside .text {
         width: 100%;
    }
    .home .flexslider .aside::before {
         top: 165px;
    }
    .home section.top {
         padding: 35px 0 0;
    }
    .home section.top .wrapper {
         flex-direction: column-reverse;
    }
    .home section.top .social_search {
         margin-bottom: 45px;
    }
    .home .enseignement:first-child, .home .enseignement {
         width: 100%;
    }
    .home .enseignement:last-child{
         margin-bottom: 0;
    }
    section.direct .wrapper {
         display: block;
    }
    section.direct .titre {
         padding-left: 0;
         margin-bottom: 35px;
         display: block;
         width: 100%;
    }
    section.direct .liens {
         display: block;
         width: 100%;
    }
    section.direct h2::after {
         display: none;
    }
    .home section.valeur {
        background: none;
        background-color: #212121;
    }
    .home section.valeur ul {
         justify-content: center;
         flex-wrap: wrap;
    }
    .home section.valeur ul li {
         width: 33%;
         padding: 20px;
    }
    section.home-actu .list-actus {
         text-align: center;
    }
    section.home-actu .actu {
         width: 70%;
         margin-bottom: 25px;
    }
    footer .infos {
         flex-direction: column;
    }
    footer .bloc_un, footer .bloc_trois {
         display: block;
         width: 100%;
         text-align: center;
    }
    footer .bloc_un{
         order: 2;
         margin-bottom: 25px;
    }
    footer .bloc_deux {
         display: block;
         width: 100%;
         order: 1;
         margin-bottom: 35px;
    }
    footer .bloc_trois{
         order: 3;
    }
    footer nav>ul {
         flex-direction: column;
         align-items: center;
    }
    footer nav>ul>li {
         width: 80%;
         text-align: center;
         padding: 25px 30px 45px;
    }
    footer .foot-bottom .bloc_trois {
         text-align: center;
    }
    .home .enseignement .hover {
         left: initial;
         right: 0;
         top: 0;
        bottom: 0;
         width: 362px;
         margin-left: 88px;
    }
    .home .enseignement:nth-child(even) .hover {
         right: initial;
         left: 0;
         margin-left: 0;
    }
    .home .enseignement>h3{
         display: none;
    }
	.actualites .actu{
		width:100%;
	}
	section.article-detail .flex{
		flex-wrap: wrap;
	}
	section.article-detail .flex > div.left,
	section.article-detail .flex > div.right{
		width:100%;
		padding:0;
	}
}
/* Small Devices, Tablets */
 @media only screen and (max-width : 576px) {
     .home section.valeur ul {
         flex-direction: column;
         align-items: center;
    }
    .home .home-gallerie .pics {
         flex-direction: column;
         align-items: center;
    }
    .home .home-gallerie .pics a, .home .home-gallerie .pics a:first-child {
         width: 100%;
    }
    .home .home-gallerie .pics a{
         margin-top: 5px;
         height: auto;
        background: none !important;
    }
    .home .home-gallerie .pics a:first-child{
         margin-top: 0;
    }
    .home .home-gallerie .bloc_deux .picture {
         display: block;
         width: 100%;
         height: auto;
        background: none !important;
    }
    .home .home-gallerie .bloc_deux .picture img, .home .home-gallerie .pics a img{
         visibility: visible;
    }
    .home .enseignement .hover {
         width: 100%;
    }
}
@media only screen and (max-width : 480px){
     header .top li a{
         font-size: 0;
    }
}
/* ========================================================================== Print Style ========================================================================== */
		
	/* ==========================================================================
	POPUP RGPD
	========================================================================== */
	div#cookie-container-bar{
		display: flex;
		vertical-align: middle;
		justify-content: center;
	}
	div#cookie-container-bar div#cookie-img-bar{
		display: flex;
		vertical-align: middle;
		align-items: center;
	}
	div#cookie-container-bar div#cookie-img-bar img{
		width: 150px;
		height: 150px;
	}
	div#cookie-container-bar div#cookie-text-bar{
		padding: 10px;
		width: 75%;
	}
	div#cookie-container-bar div.cookie-ss-text-bar{
		font-size:0.8em;
		text-align:center
	}
	div#cookie-container-bar div#cookie-text-bar .cli-bar-message{
		text-align: center;
		font-size:16px
	}
	div#cookie-container-bar div#cookie-text-bar .cli-bar-message strong{
		font-size:1.2em
	}
	div#cookie-container-bar div#cookie-buttons-bar{
		display: flex;
	}
	#cookie-law-info-bar{
		text-align: left !important; 
		padding: 15px 15px !important; 
		border-color: rgb(51, 51, 51) !important; 
		border-radius: 15px !important; 
		background-color: rgba(255, 255, 255, 0.97) !important; 
		color: rgb(51, 51, 51); font-family: inherit !important; 
		position: fixed !important; 
		width: 630px !important; 
		height: auto !important; 
		max-height: 500px !important; 
		top: 50% !important; 
		left: 50% !important; 
		transform: translate(-50%, -50%) !important; 
		overflow: auto !important; 
	}

	@media screen and (max-width: 640px) {
		#cookie-law-info-bar{
			padding: 5px 5px !important; 
			width: 100% !important; 
			max-height: 600px !important;
		}
		
		div#cookie-container-bar div#cookie-text-bar{
			padding: 10px;
			width: 100%;
		}
		#wt-cli-accept-all-btn,
		#wt-cli-reject-btn,
		#wt-cli-settings-btn{
			padding:8px 15px!important;
		}
		div#cookie-container-bar{
			flex-wrap: wrap;
		}
		div#cookie-container-bar div#cookie-text-bar{
			font-size: 12px;
		}
	}