/*   
Theme Name: Universiapolis v2
Theme URI: http://synergie-media.com
Description: Ce theme est pour seul but d'améliorer l'experience utilisateur Universiapolis.
Author: Fahd Idaghdour
Author URI: http://fahdos.com
Version: 2.2
*/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700|Montserrat:300,400,500&display=swap);


/* ==========================================================================
   Reset
   ========================================================================== */

* { padding: 0;margin: 0;box-sizing: border-box;}
html {height: 100%;font-family: sans-serif;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline; }

[hidden], template {display: none;}

a {background: transparent;text-decoration: none;transition: all 200ms ease-out;color: #000;}
a:active, a:hover {color: #666;outline: 0;  transition: all 200ms ease-out;}
ul {list-style: none;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
img {border: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"],  input[type="reset"], input[type="submit"] { -webkit-appearance: button;  cursor: pointer; }
button[disabled],
html input[disabled] {cursor: default;}
button::-moz-focus-inner,
input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
textarea {overflow: auto;}
textarea, input { outline: none; }
table { border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}
p { margin-bottom: 10px;}
fieldset { border: none;}

/* ==========================================================================
   General
   ========================================================================== */
body {font-family: 'Open Sans', serif;font-style: normal; background: #FFF; cursor: auto; line-height: 1.5; font-size: 14px; color: #000; }
.row {  width: 100%;  margin: 0 auto;  max-width: 1200px;  padding: 0;}
.main { padding: 40px 20px; width: 100%; float: left;}
.gray { background: #f6f6f6;}
.homeactu {padding: 0 20px;}
.intern { padding: 20px 20px 20px 20px; width: 100%; float: left;}

/* ==========================================================================
   Utilities
   ========================================================================== */
.left { float: left !important;}
.right { float: right !important;}
.clearfix { clear: both; width: 100%; overflow: hidden;}
.hide { display: none;}
.text-left { text-align: left;}
.text-right { text-align: right;}
.text-center { text-align: center;}
.text-justify {text-align: justify;}
.radius { border-radius: 3px; }
.radius-5 { border-radius: 5px; }
.round { border-radius: 50%;}
small { font-size: 90%; }
ul.inline li { display: inline-block;}

form small { font-size: 12px; }

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.ar {font-family: 'Droid Arabic Kufi', serif !important;}
.btn {
  display: inline-block;
  padding: 15px 15px 12px 15px;
  background: #18b99b;
  border-bottom: solid 4px #16aa8f;
  color: #fff !important;
  line-height: 1;
  text-align: center;
}
 .btn.fb { 
   background: #3b5998;
   border-color: #28437a;
 }
.btn.tw { 
   background: #55acee;
   border-color: #428ac0;
 }

.btn.blue { background: #3dabdf; border-color: #2183b1;}

.btn:hover { opacity: .8;}
.btn.expand { width: 100%; margin-bottom: 10px; }
.btn.large { padding: 14px 20px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500;}
a.white { color: #FFF;}
a.white:hover { color:#C2A40F;}
.upper { text-transform: uppercase;}
section.p40 { padding-top: 40px; padding-bottom: 40px;}
.twitter-tweet { margin: 10px auto !important;}
.bloc-title { font-family: 'Montserrat', serif; font-weight: 500 !important; font-size: 15px; letter-spacing: 0.05rem; text-transform: uppercase; color:#108872; position: relative; width: 100%; padding-left: 15px; margin-bottom: 20px;}
.bloc-title::before { content: ''; position: absolute; left: 0; top: 4px; width: 3px; height: calc(100% - 8px); background: #18b99b; }

.bloc-title a { padding-top: 3px; color: #2781c1; font-size: 12px; font-weight: normal; text-transform: initial; margin-left: 10px; float: right;}

/* ==========================================================================
   Header
   ========================================================================== */

.header {
  width: 100%;
  min-height: 100px;
  float: left;
  background: #fff;}


.logo { padding: 20px 10px 15px 10px; float: left; margin-right: 30px; width: 235px;}
.h-left-top, .h-left-bottom { float: right; width: 734px; margin-bottom: 10px;}
.h-left-top .blue { float: right; border-radius: 0 0 3px 3px; border: 1px solid #2183b1; border-top: none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);}
.h-left-top form { float: right; margin-top: 10px; margin-left: 10px;}
.search input[type="text"] { 
  width: 210px; 
  padding: 10px; 
  background: #f8f8f8; 
  border: none;
  border-radius: 5px;
}
.search input[type="submit"] {
  background: none; border: none;
  font-weight: 600;
  padding: 10px;
  background: #17b99b;
  color: #fff;
  border-radius: 5px;
}

.h-left-bottom ul{
  margin-top: 6px;
  float: right;
  padding-left: 100px;
  background: url('img/vous-etes.png') left center no-repeat;
}
.h-left-bottom.en ul{
  background: url('img/you-are.png') left center no-repeat;
}
.h-left-bottom ul li {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  padding-left: 20px;
}

.h-left-bottom ul li a { display: block;}
.h-left-bottom ul li a:hover {text-decoration: underline;}

header nav { 
  width: 100%;
  background: #18b99b;
  border-bottom: solid 4px #16aa8f;
  float: left;
}

.menu { float: left; width: 100%; padding: 6px 0;}
.menu li { display: inline-block; }
.menu li a { 
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 23px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  display: block;
  border-radius: 5px;
}

.menu li.current-menu-item a, .menu li.current_page_item a, .menu li:hover a {background: rgba(255,255,255,0.1);}
.menu li.candidater-menu {}
.menu li.candidater-menu a { text-shadow:none; padding: 8px 19px; border: 2px solid #bfe4dd; }


.header .mob {display: block;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;}
.header .mob .row {    width: 100%;height: 100%;display: flex;justify-content: center; align-items: center;}
.header .mob ul {width: initial; text-align: center;}
.header .mob li {display: block; margin: 20px 0;}
.header .mob li a {font-size: 16px;}



/* ==========================================================================
   Slider
   ========================================================================== */

.slider {width: 900px; float: left; border-radius: 8px; overflow: hidden; height: 380px;}
.slider li { position: relative;}
.slider li .slide-title {
  width: 100%;
  position: absolute;
  bottom: 20px; left: 0;
  background: rgba(6, 59, 87, 0.7);
  color: #fff;
  padding: 10px;
}
.slide-title h2 {
  font-weight: 300;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 17px;
  line-height: 30px;
}
.slide-title a {
  display: block; float: right;
  padding: 5px 20px; border:1px solid #fff;
  border-radius: 20px; color: #fff;
  font-size: 13px; text-transform: uppercase;
  letter-spacing: 0.05rem;
}

.slider img {width: 100%; height: auto;}


.e-lang{float: right; margin: 0 0 0 10px;}
 .e-lang ul { list-style: none; }
 .e-lang #lang_sel_list ul{border: none !important;}
 .lang_sel_sel{display:none !important;}
 .lang_sel_other{display: block;padding: 8px 10px 8px 10px !important; border: 1px solid #eee; font-family: 'Open Sans',serif; font-size: 14px !important; font-weight: normal;}


/* ==========================================================================
   Quick-link
   ========================================================================== */

.quick-link { width: 280px; float: right;}
.quick-link li {
  margin-bottom: 6px;
  border-radius: 8px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-left: 15px;
  color: #fff;
  transition: all .6s cubic-bezier(0.46, 0, 0.07, 1); 
}
.quick-link a {
  padding: 26px 5px;
  display: block;
  width: 100%;
  color: #fff;
  position: relative;
  z-index: 1;
}
.quick-link a:hover {color: #fff;}
.quick-link li:hover {padding-left: 20px;transition: all .6s cubic-bezier(0.46, 0, 0.07, 1); }

.quick-link li:nth-child(1) { background: #2A8168;}
.quick-link li:nth-child(2) { background: #3e5f90;}
.quick-link li:nth-child(3) { background: #F25459;}
.quick-link li:nth-child(4) { background: #9a3353;}
.quick-link li:nth-child(5) { background: #18b99b;}

.quick-link li:after {content: ""; width: 160px; height: 140px; transform: rotate(25deg); transition: all .6s cubic-bezier(0.46, 0, 0.07, 1); position: absolute; top:-25px; right: -55px; opacity: .3; background: url("img/dotted.png") center center no-repeat; z-index: 0; }
.quick-link li:hover:after {transform: rotate(10deg); transition: all .6s cubic-bezier(0.46, 0, 0.07, 1);}


/* ==========================================================================
   Actu + event + other ;)
   ========================================================================== */
.homeactu .row {display: flex;}
.actu { flex: auto; padding: 30px 0 30px 20px;}
.event { flex: 0 0 360px; padding: 30px 25px 25px 25px; background:#0c9077; }
.archive.event {background: none;}
.homeactu .bloc-title { font-size: 15px; font-weight: 400 !important;}
.homeactu .bloc-title a { font-weight: 300 !important;}
.event .bloc-title {color: #fff;}
.event .bloc-title a {color: #abefe1;}
.homeactu .bloc-title a:hover {text-decoration: underline;}
.event h3 { font-weight: normal; font-size: 13px;}
.actu h3 { font-weight: normal; font-size: 15px;}
.actu .list-post {display: grid;grid-gap: 10px;grid-template-columns: 1fr 1fr 1fr;}
.post-thumb {}
.post-thumb img { width: 100%; display: block; margin-bottom: 15px; height: auto; border-radius: 5px;}
.post-thumb span { font-size: 13px; color: #999; margin-bottom: 15px; display: block;}
.post-thumb a { display: block; padding: 15px; border-radius: 5px;}
.post-thumb a:hover {background: #fff;}
.bloc-ev { width: 100%; margin-bottom: 7px; padding-bottom: 7px; position: relative; background: rgba(255,255,255,.1);padding: 10px;border-radius: 5px;border-left: 4px solid #e1ecea;}
.bloc-ev a {display: block;color: #fff; font-weight: 500; font-family: 'Montserrat',serif;}
.bloc-ev .date {  width: 100%; color: #fff;  font-size: 13px;margin-bottom:5px; }
.bloc-ev h3, .bloc-ev p { font-size: 12px;}
.bloc-ev p { color: #78d0bf; margin-bottom: 0; font-weight: 300; }
.bloc-ev a:hover {padding-left: 10px; transition: all 200ms ease-out;}

.post .actu {padding: 0;}
.post a {color: #0693e3; text-decoration: underline;}



.etudierblocs {display: grid;grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr;}
.e-bloc {position: relative;}
.e-bloc img { display: block; width:100%; max-width: 100%; border-radius: 5px; height: auto;}
.e-bloc h3 { transition: all 200ms ease-out; font-family: 'Montserrat',serif; position: absolute; left: 0; bottom: 20px; padding: 5px 15px; font-weight: 500; width: 100%; text-align: center;}
.e-bloc h3 span { padding: 10px 15px; background: #fff; font-size: 14px; text-transform: uppercase; border-radius: 5px;}
.e-bloc:hover h3 { bottom: 30px; transition: all 200ms ease-out; color: #000;}

.share-btn { width: 100%; float: left; margin: 20px 0 0 0;}
.fb-share, .tw-share { float: left; margin-right: 20px;}
.fb-share { margin-top: -5px;}

.spot { width: 313px; float: left;}
.home-video { float: right; width: 100%; position: relative; padding-bottom: 240px; height: 0;}
.home-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.subscribe { margin-top: 15px; float: right;}
.spot .btn { margin-top: 20px;}

.discover { width: 100%; position: relative; height: auto; margin: 80px 0 0px 0; float: left;}
.discover img.big-img { width: 100%; display: block;}
.discover a {position: absolute; top: 45%; left: 45%; font-weight: 600;}
img.pin {width: 162px; height: 181px;} 
.row.pin { margin-bottom: -200px; z-index: 9999; position: relative;}
section.pin { width: 100%; float: left;}

.actu.archive .post-thumb a:hover {background: #f6f6f6; border-radius: 5px;}
.actu.archive { margin-bottom: 30px;}
.actu.archive h3 {line-height: 20px;}
.actu.archive {}

.actu.event .post-thumb {position: relative;}
.actu.event .post-thumb .date { position: absolute; top: 5px; left: 0; /*width: 45px; height: 40px;*/ color: #fff; text-align: center; padding: 5px 9px; line-height: 15px; background: #18b99b; font-size: 13px; }
.actu.event .post-thumb .date span { color: #fff;}


.search-result article {
    padding: 10px 10px 10px 0;
    float: left;
    border-bottom: 1px solid #eee;
}
.search-result a { display: block;}
.search-result a:hover { color: #999 !important;}
.search-result a p {color: #999; text-align: justify;}


.seob {padding: 50px 20px;}
.seob .row {display: flex; align-items: center;}
.seob .vidshow {flex: 0 0 40%;}
.seob .vidshow img {display: block; width: 100%; max-width: 100%; border-radius: 5px; height: auto;}
.seob .seohome {flex: 0 0 60%; padding-left: 50px;}
.seob .seohome p { margin-bottom: 20px; font-size: 16px; }
.seob .seohome a {}





/* ==========================================================================
   Post
   ========================================================================== */
.post { float: left; width: 900px; color: #515151; font-size: 15px; line-height: 25px; padding-bottom: 30px;}
.post p { text-align: justify; margin-bottom: 20px;}
.post h2, .post h3, .post h4 { margin-bottom: 10px; font-weight: 600;}
.post h2 { font-size: 18px; color: #18b99b;}
.post h3 { font-size: 17px; color: #05354c; }
.post h4 { font-size: 16px; color: #333; }
.post ul {list-style: none; margin-bottom: 20px; margin-left: 20px;}
.post li {background: url("img/puce-list-normal.png") no-repeat scroll 0 11px transparent;
    color: #666666;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 5px;
    padding-left: 16px;
}

.post ol { margin-bottom: 20px; margin-left: 20px;}
.post img { max-width: 100%; display: block; margin-bottom: 20px; height: auto;}

.post ul ul { list-style-type: disc; margin: 10px 0 10px 15px;}
.post ul ul li {background: none;  }
.post ol li { background: none; padding-left: 0; }
.post .actu { width: 100%;}
.post .actu h3 { font-size: 14px; font-weight: normal;}
.post .actu .post-thumb span {margin-bottom: 0;}

.post .bloc-title {background: #f6f6f6; padding: 10px 20px; border-radius: 3px; color: #000;}
.bloc-title::before {background: #18b99b;}

.avance { width: 100%; margin-top: 20px; float: left; clear: both; background: url('img/avance-bg.png') top center no-repeat;}
.avance-title { text-align: center; font-weight: 600; font-size: 22px !important;}
.avance-title span { background: #fff; padding: 2px 15px; }
.avance-bloc {width: 50%; padding: 10px; margin: 10px 0 20px 0; float: left;}
.avance-bloc.full{ width: 100%;}
.avance-bloc li {font-size: 13px;}
.avance-bloc h3 { width: 100%; background: #0BBCCC; padding: 10px; border-radius: 3px; color: #fff; font-weight: normal; text-align: center;}

.post .slider ul { list-style-type: none !important; margin: 0 !important; margin-bottom: 10px;}
.post .slider ul li { background: none; margin: 0; padding: 0;}
.post .slider, .post .slider img { width: 100%;}

.post .actu .bloc-title { font-size: 16px; letter-spacing: 0.05rem; text-transform: uppercase; color:#05354c; position: relative; width: 100%; padding-left: 15px; margin-bottom: 20px;}
.post .actu .bloc-title::before { content: ''; position: absolute; left: 0; top: 4px; width: 3px; height: 16px; background: #18b99b; }
.post .actu .bloc-title a { padding-top: 3px; color: #2781c1; font-size: 12px; font-weight: normal; text-transform: initial; margin-left: 10px; float: right;}

.post input, .post textarea, .post select { padding: 10px; border: 1px solid #ddd; border-radius: 3px;}
 .post textarea { width: 100%;}
 .post select {width: 330px;}

.prog { width: 100%; min-height: 350px; background: url('img/pole.jpg') top right no-repeat;}
.prog h1 {margin-bottom: 40px;}
.prog article { width: 50%; font-size: 14px;}
.prog article p { margin-bottom: 30px;}

.prog-list { margin-top: 20px; margin-bottom: 50px; width: 100%; float: left;}
.prog-list article { margin-top: 40px; float: right;padding-left: 30px;}
.prog-list img { border-radius: 5px; float: left; width: 40%; height: auto;}
.prog-list .btn { margin-top: 20px; float: right;}
.prog-list:nth-child(even) article {float: left;padding-left: 0px; padding-right: 30px;}
.prog-list:nth-child(even) img {float: right; padding-right: 0px;}

.list-partner { width: 100%; float: left; margin-bottom: 40px;}
.list-partner ul { list-style-type: none !important; margin: 0 !important; margin-bottom: 10px;}
.list-partner li { display: block; background: #eaeaea; padding: 0; margin: 10px; float: left; height: 177px; width: 219px; position: relative;
border-radius: 2px;
text-align: center;
    -moz-box-shadow: inset 0 0 2px 2px #dcdcdc;
    -webkit-box-shadow: inset 0 0 2px 2px #dcdcdc;
    box-shadow: inset 0 0 2px 2px #dcdcdc;
}
.list-partner li img { display: block; margin:auto; vertical-align: middle;}
.list-partner li a { display: inline-flex;  overflow: hidden; height: 177px; width: 219px;}

.gal { width: 100%; float: left;}
.gal ul { text-align: center; }
.gal ul li { background: none; padding: 0; position: initial; display: inline-block; width: 30%; padding: 5px;}
.gal li img { display: block; width: 100%; height: auto; padding: 5px; border: 1px solid #eee; background: #f6f6f6; margin: 0;}
.gal li a {display: block; width: 100%;}

.wp-block-gallery ul {margin: 0;}
.wp-block-gallery ul li {padding-left: 0; background: none;}


/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar { float: right; width: 270px;}
.sidebar .quick-link { width: 100%; margin-bottom: 20px;}
.sidebar .coordonne { text-align: center;font-size: 13px; width: 100%; background: #f6f6f6; padding: 20px 10px 0 10px; margin-bottom: 30px; border-radius: 5px;}
.sidebar .coordonne a { margin-top: 20px;}
.sidebar .coordonne p.adresse { font-size: 14px; margin-bottom: 20px;}
.side-actu, .side-event { float: left; width: 100%; margin-bottom: 20px;}
.sidebar .post-thumb { width: 100%; margin-bottom: 20px;}
.side-actu h3, .side-event h3 { font-weight: normal; font-size: 13px;}
.sidebar hr { width: 100%; border: none; border-top: 1px solid #eee; margin-bottom: 30px;}

.side-event .bloc-ev{ background: rgb(23, 185, 155); border-left: none;}


.temoignange { width: 100%; float: left; padding: 50px 0;}
.tem ul {text-align: center; display: grid; margin-bottom: 20px; grid-gap: 10px;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.tem li {font-size: 13px;}
.tem img { width: 120px; height: 120px; border-radius: 10px; }
.tem h3 { font-size: 15px; font-weight: 600; color: #000;}
.tem p span { color: #999;}
.tem .prof { font-size: 13px;overflow: hidden;}
.tem a {display: block; margin-top: 15px; color: #2C82C9;}
.tem li:hover { background: #f6f6f6; border-radius: 5px;}
.tem li:hover img {  border: 2px dashed #92e6d7;}
.tem .btn { display: inline-block;}
.list-tem {}
.list-tem ul { padding-top: 30px;}
.list-tem li {background: none; padding-left: 0; position: relative; padding-left: 120px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee;}
.list-tem img { width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 0; left: 0;}
.tem-content span { display: block; width: 100%; font-size: 13px; color: #222;}
.tem-content p { font-size: 13px;}
.profession { color: #18b99b !important; margin-bottom: 15px; }

.presse { padding-left: 230px; position: relative; min-height: 165px; width: 100%; float: left; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; text-align: left;}
.presse img { display: block; position: absolute; top: 0; left: 0; border: 3px solid #f6f6f6; width: 200px; height: auto;}
.presse p { font-size: 13px;}



/* ==========================================================================
   Footer
   ========================================================================== */

footer { background: #222; float: left; width: 100%; padding: 20px 0;}
footer .cont  { float: left; width: 700px;}
footer p { color: #eee; margin-bottom: 5px; font-size: 12px; font-weight: 300; width: 700px; float: left;}
footer p strong { font-weight: 600; text-transform: uppercase; color: #fff;}
footer .social { float: right;}


.footer-nl { padding: 30px 0; background: #f2f2f2; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; width: 100%; float: left;}
.nl-bloc { width: 312px; height: 110px; background: url(img/nl-bg.png) top left no-repeat; padding: 20px;  margin: 0 auto; }
.footer-nl .ecoles { float: right;}
.footer-nl .ecoles ul {}
.footer-nl .ecoles li { display: inline-block;}
.footer-nl form {}
.footer-nl form .champs { width: 219px;
    height: 36px;
    padding: 8px;
    border-radius: 3px;
    border: 1px solid #ddd;}
.footer-nl form .btn {padding: 10px;
    border: none;
    border-bottom: solid 3px #16aa8f;
    border-radius: 3px;
    float: right;}
.footer-nl .bloc-title { margin-bottom: 10px; font-size: 14px;}



/* ==========================================================================
   Plugins
   ========================================================================== */


.hamburger {
  padding: 7px 0px;
  display: none;
  cursor: pointer;
  float: right;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  position: absolute;
  top: 20px; right: 20px;
  z-index:  9998;
  overflow: visible; }

.hamburger-box {
  width: 25px;
  height: 18px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 23px;
  height: 2px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }
.hamburger-inner::before {
  top: -7px; }
.hamburger-inner::after {
  bottom: -7px; }

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.1s 0.14s ease, opacity 0.1s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  transition-delay: 0.14s;
  background: #fff;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    background: #000;
    opacity: 1;
    transition: top 0.1s ease, opacity 0.1s 0.14s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    background: #000;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }



/* Breadcrumb
   ========================================================================== */


.breadcrumb {
  font-size: 10px;
  color: #999;
  padding: 0 10px 10px 0px;
  width: 100%;
  margin-bottom: 15px;
  text-transform: uppercase;
  }
  .breadcrumb span {
  margin: 0 5px;}
.breadcrumb a {
  text-decoration: none;
  color: #18b99b;
  }
.breadcrumb a:first-child {
  margin-left: 0;
  }
.breadcrumb a:hover,
.breadcrumb a:focus {
  color: #333;
  }
.breadcrumb a:active {
  color: #666;
  }
 

 /* Accordion
    ========================================================================== */
   


/* Accordion Styles */
.accordion {
    margin-bottom: 50px;
}
.accordion h3 { font-size: 14px; font-weight: 400;}
.accordion-title {
    margin: 0;
    padding: 7px 10px;
    cursor: pointer;
    border: 1px solid #ddd;
    background: #f6f6f6;
    font-size: 14px;
    font-weight: 400;
    color: #AE1010;
}
.accordion-title:hover {}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;}
.accordion-content {padding: 0 10px 10px 10px; font-size: 13px;}



/* BX Slider */
.bx-wrapper{position:relative;margin:0 auto;padding:0}.bx-wrapper img{max-width:100%;display:block}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:0;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block}.bx-wrapper .bx-pager.bx-default-pager a{background:0 0;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #fff}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#fff}.bx-wrapper .bx-prev{left:10px;background:url(img/left.png) no-repeat}.bx-wrapper .bx-next{right:10px;background:url(img/right.png) no-repeat}.bx-wrapper .bx-prev:hover{opacity:.5}.bx-wrapper .bx-next:hover{opacity:.5}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:48px;height:48px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}


.google-maps {
    position: relative;
    padding-bottom: 50%; 
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

iframe[id^='oauth2'] { display: none;}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 1250px) {
  .slider {width: 100%; height: inherit; margin-bottom: 20px;}
  .quick-link {width: 100%;}
  .quick-link li {width: 49%; margin: 5px;float: left;}
}

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

.row { max-width: 800px; }
.menu li a {padding: 10px 14px; font-size: 12px;}
.logo { padding: 30px 0 20px 0; width: 215px;}
.h-left-top, .h-left-bottom { width: 554px;}
.h-left-bottom ul { padding-left: 99px;}
.h-left-bottom ul li { font-size: 11px;}
.slider { width: 100%; margin-bottom: 20px;}
.slider img { display: block; width: 100%; height: auto;}
.quick-link { width: 100%;}
.quick-link li { width: 48%; margin: 5px; float: left;}
.sidebar .quick-link li { width: 100%; margin: 0 0 10px 0;}
.actu { width: 100%;}
.post-thumb { width: 243px;}
.event { margin-top: 30px; width: 100%;}
.spot { width: 300px;}
.e-bloc { width: 235px;margin-right: 15px;}
.e-bloc img { display: block; width: 100%;}
.etudier {width: 100%;}
.home-video { padding-bottom: 168px;}
.nl-bloc { float: inherit; margin: 0 auto 30px auto;}
.footer-nl .ecoles { width: 100%; text-align: center;}
.footer-top .menu-footer li { margin-bottom: 30px;}
.footer-top .menu-footer li li { margin-bottom: 0px;}
footer .cont { width: 630px;}
.prog-list article { margin-top: 0;}
.post {width: 520px;}
}

@media only screen and (max-width: 815px) {
  .row, .post, .avance-bloc, footer .cont { width: 100%;}
  .header {min-height: inherit;}
  .slider {display: none;}
 .footer-top, .ecoles, .h-left-bottom, .h-left-top form, header nav, .pin, .discover {display: none;}
  .mob {display: block;}
  .logo { float: inherit; margin: 20px auto 0 auto; padding: 0; width: 180px;}
  .logo img {width: 180px;}
  .h-left-top { width: 100%; margin-bottom: 0px;}
  .h-left-top .blue { width: 100%; border-radius: 3px; border:1px solid #2183b1;}
  .quick-link li { width: 96%; margin: 5px auto; float: inherit;}
  .post-thumb { width: 100%;}
  .hamburger { display: inline-block; }
  .homeactu .row {flex-direction: column;}
  .actu .list-post {grid-template-columns: 1fr;}
  .event {flex: 0 0 100%;}
  .actu {padding: 30px 0;}
  .actu h3 { font-weight: 600; font-size: 15px;}
  .post-thumb span { margin-bottom: 3px;}
  .etudier, .spot { float: inherit; margin: 0 auto;}
  .etudier { width: 100%;}
  .etudierblocs {grid-template-columns: 1fr;}
  .seob .row {flex-direction: column;}
  .seob .vidshow, .seob .seohome {flex: 0 0 100%; padding: 0;}
  .seob .vidshow { order: 2; }
  .seob .seohome {margin-bottom: 30px;}
  .temoignange {display: none;}
  .prog-list img {width: 100%;}
  .prog-list article {width: 100%; margin-top: -60px; padding: 0 20px !important;}
  .prog-list article .bloc-title {background: #fff; font-size: 12px; border-radius: 5px; width: fit-content; padding: 10px 20px; border-radius: 5px; color: #000; margin-bottom: 35px}
   .prog-list article .bloc-title:before {display: none;}
	.breadcrumb {font-size: 12px;}
	.share-btn {display: none;}
  footer { padding: 10px;}
  footer .social { width: 100%; text-align: center; margin-top: 20px;}
  footer .social a { margin: 10px;}
  footer p {width: inherit;}
  .e-bloc { width: 100%;}
  .prog-list .left, .prog-list .right { width: 100%; margin: 10px auto;}
  .tem li { width: 96%;}
  .gal ul li {width: 45%;}
  .e-lang { clear: both; float: left; margin: 0 auto 10px auto; float: inherit; text-align: center; width: 100%; }
.seob {padding: 30px 20px;}
	.sidebar>* {display:none}
.sidebar>.coordonne {display:block; position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px; margin:0; border-radius:0; border: none;}
.sidebar>.coordonne p {display: none;}
	.sidebar>.coordonne a {margin-top: 10px;}

}

 .reconnaissance { width: 100%; padding: 0px 20px 15px 20px; float: left; } .reconnaissance img {display: block; max-width: 100%; margin: 0 auto; border: 1px solid #20AA9D;}