/*
Theme Name: ISIAM 2020
Theme URI: http://synergie-media.com
Description: Le theme est en version Beta. Ce theme est pour seul but d'améliorer l'experience utilisateur.
Author: Fahd Idaghdour
Author URI: http://fahdos.com/
Version: 2.1
*/


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


/* ==========================================================================
   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: #444;}
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;}
.intern { padding: 0 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;}

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: #2a8168;
  border-bottom: solid 4px #297962;
  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;}
.btn-step { margin-right: 10px; border-radius: 3px; }

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-size: 16px; letter-spacing: 0.05rem; text-transform: uppercase; color:#363a47; position: relative; width: 100%; margin-top: -6px; margin-bottom: 36px;}
.bloc-title.full-w{margin-top: 14px;}
.bloc-title::before { content: ''; position: absolute; left: 0; bottom: -6px; width: 45px; height: 2px; background: #2a8168; }

.bloc-title a { color: #2a8168; font-size: 11px; text-transform: uppercase; font-weight: normal; margin-left: 25px;}

.ancre { width: 100%; height: 1px; display: block; }

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

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

.logo { position: relative; padding: 20px 0 0; float: left; margin-right: 30px; z-index: 998;}
.logo a{ float: left;}
.logo a img{ display: block;}
.h-left-top, .h-left-bottom { width: 730px; float: right; 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{
  margin-top: 23px;
}
.h-left-top ul.social-top{
  float: right;
}
.h-left-top ul.social-top li{
  display: inline-block;
  float: left;
  margin-left: 10px;
}
.h-left-top ul.social-top li a{
  float: left;
}
.h-left-top ul.social-top li img{
  width: 23px;
  display: block;
  border-radius: 50%;
}

.search input[type="text"] {
  width: 215px;
  float: left;
  padding: 5px 10px 6px 10px;
  color: #363a47;
  background: #fff;
  border: 1px solid #dedede;
  border-right: 0;
  font-family: 'Open Sans', serif;
}
.search input[type="submit"] {
  height: 31px;
  width: 41px;
  background: #2a8168;
  color: #fff;
  border: none;
  font-weight: 600;
  font-size: 14px;
  font-family: 'Open Sans', serif;
}
.search input[type="submit"]:hover {
  background: #297962;
  transition: all 200ms ease-out;
}

.h-left-bottom form { float: right; position: relative; margin-top: 25px; margin-left: 15px;}
.h-left-bottom form:before { content: ""; position: absolute; right: 41px; top: 50%; margin-top: -5px; width: 0; height: 0; border-right: 5px solid #2a8168; border-top: 5px solid transparent; border-bottom: 5px solid transparent; z-index: 999;}
.h-left-bottom .vous-etes-content{
  min-height: 31px;
  min-width: 116px;
  position: relative;
  margin-top: 25px;
  float: right;
  padding-top: 31px;
  background: url('https://isiam.ma/wp-content/uploads/2022/12/you-are.png') top left no-repeat;
  cursor: pointer;
}
.h-left-bottom ul{
  min-width: 100%;
  float: left;
  position: absolute;
  left: 0;
  top: 30px;
  display: none;
  padding: 7px 0 2px;
  background-color: #fff;
  border: 1px solid #dedede;
  z-index: 9999;
}
.h-left-bottom ul li {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  margin-bottom: 5px;
  line-height: 19px;
}

.h-left-bottom ul li a { display: block; padding: 0 9px; color: #666;}
.h-left-bottom ul li a:hover { color: #297962;}

header nav {
  width: 100%;
  background: #2a8168;
  border-bottom: solid 5px #297962;
  float: left;
  padding: 0;
  margin-top: -61px;
}

header nav .home a { text-indent: -9999em; width: 19px; height: 100%; padding: 20px 30px 15px; text-shadow: none; border-left: 0; background: url('img/home.png') center 21px no-repeat;}
header nav .home a:hover, header nav .home.current_page_item a { background: rgba(255, 255, 255, 0.1) url('img/home.png') center 21px no-repeat !important;}
nav ul { text-align: center; float: right;}
.menu li { float: left; position: relative; }
.menu li a {
  display: block;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  border-left: 1px solid #297962;
  padding: 20px 20px 15px;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
}
.menu li a:hover, .menu li:hover a {background-color: rgba(255, 255, 255, 0.1);}
.menu li .sub-menu { display: none;width: 260px; padding: 0; position: absolute; background: #297962; left: 0; top: 54px; z-index: 9999;}
.menu li .sub-menu li { width: 100%; margin: 0; padding-bottom: 0; text-align: left;}
.menu li .sub-menu li a { width: 100%; padding: 8px 10px; display: block; background: #297962; font-weight: 400; text-transform: inherit;}
.menu li .sub-menu li a:hover, .menu li .sub-menu li:hover a,
.menu li .sub-menu li.current_page_item a, .menu li .sub-menu li.current-menu-item a,
.menu li .sub-menu li.current-menu-parent a{ background: rgba(255, 255, 255, 0.1);}
.menu li:hover .sub-menu { display: block;}
.menu li .sub-menu:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.menu li .sub-menu:after {
  border-bottom-color: #297962;
  border-width: 7px;
  margin-left: -7px;
}
.menu li .sub-menu li .sub-menu{display: none;padding: 0}
.menu li .sub-menu li .sub-menu li a{background: none;color:#fff;}
.menu li .sub-menu li .sub-menu li a:hover, .menu li .sub-menu li .sub-menu li.current-menu-item a,
.menu li .sub-menu li .sub-menu li.current_page_item a, .menu li.current-menu-ancestor a,
.menu li.current-menu-item a, .menu li.current_page_item a{background-color: rgba(255, 255, 255, 0.1);}
.menu li .sub-menu li:hover .sub-menu { display: block;left: 100%; top: 0;}
.menu li .sub-menu li .sub-menu:after {display: none;}


.header .mob {display: block;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999; margin-top: 0;}
.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: 5px 0; float: inherit;}
.header .mob li a {font-size: 16px; border: none; padding: 15px;}
.header .mob .menu {display: flex; flex-direction: column;}
header nav.mob .home a:hover, header nav.mob .home.current_page_item a {background: none !important; text-indent: inherit; width: inherit;}


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

.slider {width: 900px; float: right; 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%; max-height: 100%; display: block;
    height: auto;
}
.caption-content{
  display: none;
  width: 66.6%;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(37,129,104,.7);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
  padding: 20px 25px;
  color: #fff;
}
.caption-content p{
  margin: 10px 0 0 0;
}
.caption-content .caption-title{
  font-size: 20px;
  font-weight: 600;
  padding: 0;
  margin: 0;
}


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

.home-links{float: left;}
.home-links, .home-links .quick-link{width: 280px;}
.home-links .quick-link li{width: 100%; float: left; margin-bottom: 12px; border-radius: 3px;}
.quick-link li:last-child{margin-bottom: 0;}
.quick-link li:nth-child(3) {background:#39ABDA ;}
.quick-link { width: 280px; float: right;}
.quick-link li {
  width: 100%;
  min-height: 66px;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  background: #297962;
border-radius: 3px;
}
.quick-link a {
  width: 100%;
  height: 67px;
  display: table;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  padding: 0 10px;border-radius: 3px;
border-left: 3px solid #ddd;
border-right: 3px solid #ddd;
transition: all .25s ease-in-out;
}
.home-links .quick-link li:nth-child(3) a { background: none; }
/*.quick-link li:nth-child(2) a { background: #9fcb3a;}
.quick-link li:nth-child(3) a { background: #39ABDA ;}
.quick-link li:nth-child(4) a { background: #e64c3c;}*/
.quick-link a:hover {
border-left: 3px solid #046347;
border-right: 3px solid #046347;
transition: all .25s ease-in-out;
}
.home-links .quick-link li:nth-child(3) a:hover { 
border-left: 3px solid #11749c;
border-right: 3px solid #11749c;}
.quick-link a span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}



.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 {}

/* ==========================================================================
   Main left ;)
   ========================================================================== */
.main-left { width: 900px; float: left; padding: 0 27px 0 0;}

/* ==========================================================================
   Actu + event + other ;)
   ========================================================================== */
.homeactu {padding: 40px 20px;}
.homeactu .row {display: flex;}
.actu { flex: auto;}
.homeactu .bloc-title { font-size: 15px; font-weight: 400 !important;}
.homeactu .bloc-title a { font-weight: 300 !important;}
.homeactu .bloc-title a:hover {text-decoration: underline;}
.homeactu .sidebar h3 { font-weight: normal; font-size: 13px;}
.actu h3 { font-weight: normal; font-size: 15px;}
.actu .list-post {display: grid;grid-gap: 25px;grid-template-columns: 1fr 1fr 1fr;}
.post-thumb {padding: 0;}
.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; border-radius: 5px;}
.bloc-ev { border-bottom: 1px solid #eee; width: 100%; margin-bottom: 15px; padding-bottom: 15px; padding-left: 55px; position: relative;}
.bloc-ev .date { position: absolute; top: 5px; left: 0; width: 45px; height: 40px; color: #fff; text-align: center; padding: 5px 9px; line-height: 15px; background: #2a8168; font-size: 13px; }
.bloc-ev h3, .bloc-ev p { font-size: 12px;}
.bloc-ev p { color: #2a8168; margin-top: 7px; margin-bottom: 0; }


.etudier {width: 100%; float: left; }
.etudier .list-etudier {display: grid;grid-gap: 20px;grid-template-columns: 1fr 1fr 1fr 1fr;}
.e-bloc {display: block; position: relative; border-radius: 5px; overflow: hidden; }
.e-bloc img { width: 100%; display: block; border-radius: 5px 5px 0 0; max-width: 100%; height:auto;}
.e-bloc:nth-child(2n) { margin-right: 0px;}
.e-bloc h3 { font-weight: 600; width: 100%; padding: 10px 15px; background: #20AA9D; color: #fff; font-size: 14px; text-transform: uppercase;}

.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: 476px; float: left;}
.home-video { float: right; width: 100%; position: relative; padding-bottom: 270px; 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;}

.partners{width: 100%; float: left; margin: 40px 0;}
.side-partners{padding: 2px 0 3px;}
.side-partners .slider-partners{text-align: center;}
.side-partners .slider-partners li{display: inline-block; float: none !important;}
.side-partners .bx-wrapper img{display: inline-block;}
.side-partners .bx-wrapper .bx-controls-direction a{width: 13px;height: 21px; left: 0; margin-top: -10px; background: url('img/controls.png') no-repeat; }
.side-partners .bx-wrapper .bx-controls-direction .bx-next{ right: 0; left: inherit; background-position: -13px 0;}

.temoignages { width: 100%; float: left;}
.temoignages .bloc-ev { padding-left: 65px; margin-bottom: 20px; padding-bottom: 20px;}
.temoignages .bloc-ev:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.temoignages .bloc-ev a:hover { color: #2a8168;}
.temoignages .bloc-ev img{ float: left; width: 50px; height: 50px; margin-left: -65px;}
.temoignages .bloc-ev h3{ min-height: 24px; font-size: 13px;}
.temoignages .bloc-ev p{ font-size: 12px; color: #444;}
.temoignages .bloc-ev span.prom{ display: block; border-bottom: 3px solid #ececec; margin-bottom: 3px; padding-bottom: 5px; font-size: 12px; color: #777777;}

span.read-more{ color: #2a8168; font-size: 11px; text-transform: uppercase; margin-bottom: 0; margin-left: 20px; display: inline-block;}

.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 { padding: 10px; height: 275px; margin-bottom: 30px; margin:0 3px 15px 3px !important; width: 233px}
.actu.archive .post-thumb:hover { background: #f6f6f6;}
.actu.archive h3 {line-height: 20px;}
.actu.archive {margin-top: 0 !important; padding-top: 35px !important; }*/

.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 { float: left;width: 100%;padding-bottom: 20px;}
.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;}



/* ==========================================================================
   Post
   ========================================================================== */
.post { float: left; width: 100%; color: #515151; font-size: 14px; 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: #2a8168; margin-top: 40px;}
.post h3 { font-size: 17px;}
.post h4 { font-size: 16px; color: #333; }
.post ul {list-style: none; margin-bottom: 20px; clear: both;}
.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 ul.blocks-gallery-grid {list-style: none !important;}
.post ul.blocks-gallery-grid li {margin: 0;list-style: none;background: none; padding: 0 10px;}
.post ul.blocks-gallery-grid li img {margin: 0;}
.wp-block-columns .wp-block-columns {margin-bottom: 0;}

.post h2 { text-indent: 15px; position: relative }
.post h2::before { content: ""; position: absolute; left: 0; width: 5px; height: 20px; background: #2ad2a1; top: 2px;; }

.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; padding-left: 0; }
.post .actu { width: 100%; margin-top: 30px;}
.post .actu h3 { font-size: 13px; font-weight: normal;}

.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: #38bd97; padding: 10px; 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; width: 100%; margin-bottom: 36px; color: #363a47;}
.post .actu .bloc-title a { color: #2a8168; font-size: 11px; font-weight: normal; margin-left: 25px; 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;}

.prog-list .bloc-title{margin-left:0;}

.breadcrumb .post { float: inherit; font-size: inherit; line-height: inherit; padding-bottom: inherit; }
.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: 175px; width: 215px; position: relative;
border-radius: 2px;
overflow: hidden;
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: 100%; width: 100%;}

.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%;}



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

.sidebar { float: right; width: 265px; padding: 0 0 45px 0;}
.sidebar .quick-link { width: 100%; margin-bottom: 40px;}
.sidebar .quick-link a { padding: 0 20px; font-size: 12px;}
.sidebar .coordonne {font-size: 13px; width: 100%; background: #f6f6f6 url('img/side-map.png') top center no-repeat; padding: 20px 10px 0 10px; margin-bottom: 30px; border-radius: 3px;}
.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; text-align: justify;}
.sidebar hr { width: 100%; border: none; border-top: 1px solid #eee; margin-bottom: 30px;}

.temoignange { width: 100%; float: left; padding: 30px 0;}
.temoignange h2 { margin-left: 20px;}
.sidebar .temoignages span.read-more{margin-left: 0;}
.tem ul {text-align: center; margin-bottom: 40px;}
.tem li {display: inline-table; width: 245px; padding: 20px; font-size: 13px;}
.tem img { width: 150px; height: 150px; border-radius: 50%;}
.tem h3 { font-size: 15px; font-weight: 600;}
.tem p span { color: #999;}
.tem .prof { font-size: 13px; height: 56px; overflow: hidden;}
.tem a {display: block; margin-top: 15px; color: #2C82C9;}
.tem a:hover { text-decoration: underline;}
.tem .btn { display: initial;}
.list-tem {}
.list-tem ul { padding-top: 0;}
.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 li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.list-tem img { width: 100px; height: 100px; position: absolute; top: 0; left: 0;}
.tem-content span { display: block; width: 100%; font-size: 13px; color: #999;}
.tem-content p { font-size: 13px;}
.tem-content p iframe { width: 100%;}
.profession { color: #2a8168 !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: #2a8168; float: left; width: 100%; padding: 20px 0;}
footer .cont  { float: left; width: 700px;}
footer p { color: #dae5e2; 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 .social a {display: inline-flex;}
footer .social img {max-height: 32px; filter: invert(1); margin: 0 3px; opacity: 0.5;}
footer .social a:hover img {opacity: 1;}

.footer-top { float: left; width: 100%; padding: 30px 0; border-top: 1px solid #e7e7e7; background-color: #f6f6f6;}
.footer-top .menu-footer {}
.footer-top .menu-footer li {float: left; width: 20%; position: relative; padding-right: 10px; font-weight: 600;  font-size: 13px; }
.footer-top .menu-footer li a { color: #2a8168; text-transform: uppercase; display: block; margin-bottom: 8px;}
.footer-top .menu-footer li ul {width: 100%; float: left; margin-top: 3px;}
.footer-top .menu-footer li ul li { width: 100%; padding-left: 0; padding-right: 0; font-weight: 400; font-size: 12px; }
.footer-top .menu-footer li ul li a { color: #363a47; text-transform: inherit; margin-bottom: 4px;}
.footer-top .menu-footer li ul li a:hover { color: #2a8168;}

.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; float: left; }
.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;}

/* ==========================================================================
   Table
   ========================================================================== */

.post table{width: 100% !important;background: #fff;table-layout: auto;border: none;font-size: 13px;text-align: center;font-weight: 600;}
.post table tr:nth-child(odd){background: #f7f7f7;}
.post table th{width:50%;height: 45px;background: #2a8168;color:#fff;border: 1px solid #297962;padding: 5px 10px;font-size: 14px;text-transform: uppercase;}
.post table td{width:50%;min-height: 45px;border: 1px solid #ddd;padding:10px;}

.post table tr.cycle{background: #38bd97;color: #fff;text-transform: uppercase;}
.post table tr.cycle td{border: 1px solid #38bd97;}

.post table tr.exams{color: #cd3d42;}

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



/* Pagenavi
   ========================================================================== */

.post .wp-pagenavi{padding: 10px 20px 10px 0 !important;}
.post .wp-pagenavi span.current, .post .wp-pagenavi a:hover{background: #2a8168 !important;border-color: #2a8168 !important; border-radius: 0 !important;}
.post .wp-pagenavi a, .post .wp-pagenavi span.pages, .post .wp-pagenavi span.extend{border-radius: 0 !important;}

/* 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 0 0;}
.breadcrumb a {
  text-decoration: none;
  color: #297962;
  }
.breadcrumb a:first-child {
  margin-left: 0;
  }
.breadcrumb a:hover,
.breadcrumb a:focus {
  color: #333;
  }
.breadcrumb a:active {
  color: #666;
  }



.distinctions .prog-list { width: 48%; margin: 1%; margin-bottom: 20px;}
.distinctions .prog-list article { margin-top: 30px; width: 100%; min-height: 125px;}
.distinctions .prog-list img { display: block; width: 100%;}
.distinctions .bloc-title::before{ top:-10px;}
.distinctions .bloc-title { text-transform: none; text-align: justify; font-size: 13px; }


 /* 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: #2a8168;
}
.accordion-title:hover {}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;}
.accordion-content {padding: 0 0 10px; font-size: 13px;}






/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/** THEME
===================================*/



.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  top: 24px;
  right: 30px;
}

/* LOADER */

.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;
}

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  text-indent: -9999px;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  outline: 0;
  border: 2px solid #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fff;
  opacity: 0.7;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  left: 0;
  background: url(img/arrows.png) no-repeat;
}

.bx-wrapper .bx-next {
  right: 0;
  background: url(img/arrows.png) -40px 0 no-repeat;
}

.bx-wrapper .bx-prev:hover {
  opacity: .8;
}

.bx-wrapper .bx-next:hover {
  opacity: .8;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  outline: 0;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  z-index: 9998;
  background-color: rgba(37,129,104,.6);
  opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.bx-wrapper:hover .bx-controls-direction a {
    opacity: 1;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.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:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  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:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.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;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.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%; // This is the aspect ratio
    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: 1222px) {

.main-left{ width: 73%;padding-right: 0;}
}
@media only screen and (max-width: 1050px) {

.row { max-width: 820px; }
.main-left{ width: 67%;padding-right: 0;}
.menu li a { padding: 20px 8px 15px;font-size: 13px;font-weight: 500;}
.menu li .sub-menu{top: 54px;}
.h-left-top, .h-left-bottom { width: 50%;}
.slider { width: 100%;}
.slider img { display: block; width: 100%; height: auto;}
.home-links{width: 100%;}
.quick-link { width: 100% !important; margin-top: 20px;}
.home-links .quick-link li { width: 24.25%; float: left; margin-left: 1%; margin-bottom: 0; font-size: 12px;}
.home-links .quick-link li:first-child {margin-left:0;}
.sidebar .quick-link li { width: 100%; margin: 0 0 10px 0;}
.sidebar .quick-link a{ padding: 0 38px;}
.actu { width: 100%; }
.event { margin-top: 30px; width: 100%;}
.spot { width: 100%; margin-bottom: 4%;}
.e-bloc img { display: block; width: 100%;}
.etudier {width: 100%;}
.sidebar{width: 33%;padding: 0 0 45px 30px;}
.home-video { padding-bottom: 300px;}
.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-top{padding: 30px 20px;}
footer{ padding: 20px;}
footer .cont { width: 565px;}
.prog-list article { margin-top: 0;}
.post {width: 100%;}
.tem li { width: 395px;}
.etudier .list-etudier { grid-template-columns: 1fr 1fr;}
}

#emc-widget-container {padding-top: 20px;}
#emc-widget-container form {}
#emc-widget-container input, #emc-widget-container select {flex-grow: 1;}
#emc-widget-container label {flex: 0 0 250px;}
#form > div {display: flex; margin-bottom: 10px;}
#emc-widget-container button { background: #2a8168; border: none; border-radius: 5px; padding:15px 25px; margin-top: 15px; color: #fff; text-transform: uppercase; }
#emc-widget-container {}
#emc-widget-container {}




@media only screen and (max-width: 815px) {
  .reconnaissance, .slider {display: none;}
  .header{margin-bottom: 50px;background: url('img/bg-header.png') bottom center repeat-x;}
  .FP{margin-bottom: 0px;}
  .mob {display: block;}
  .hamburger { display: inline-block; }
  .row, .main-left, .post, .sidebar, .avance-bloc, footer .cont, footer p { width: 100%;}
  .caption-content{display: none;}
  .main-left{padding-right: 0;padding-left: 0;}
  .bloc-title{margin-left: 0;}
  .home-links .quick-link li{width: 100%; margin: 0 0 10px 0; font-size: 13px;}
  .home-links .quick-link li:last-child{margin-bottom: 0;}
  .sidebar .quick-link a{ padding: 0 33px;}
  .sidebar, .footer-top, .ecoles, .h-left-bottom, .h-left-top form, header nav, .pin, .discover {display: none;}
  .logo { width: 117px;float: inherit; margin: 20px auto 0 auto; padding: 0 0 17px 0;}
  .h-left-top { width: 100%; margin-top: 0; margin-bottom: 20px;}
  .h-left-top ul.social-top{float: none;text-align: center;}
  .h-left-top ul.social-top li{display: inline-block; float: none; margin: 0 5px;}
  .h-left-top .blue { width: 100%; border-radius: 3px; border:1px solid #2183b1;}
  .quick-link li { width: 96%; margin: 5px auto; float: inherit;}
  .home-video { padding-bottom: 215px;}
  .post-thumb { height:auto !important;width: 100%; margin-bottom: 30px;}
  .post-thumb img { }
  .actu h3 { font-weight: 600; font-size: 15px;}
  .post-thumb span { margin-bottom: 3px;}
  .etudier, .spot { margin: 0 auto;}
  .spot { margin-bottom: 5%;}
  footer .social { width: 100%; text-align: center; margin-top: 20px;}
  footer .social a { margin: 10px;}

  .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;}
  .prog-list .left, .prog-list .right { width: 100%; margin: 10px auto; padding: 0;}
  .tem li { width: 96%;}
  .gal ul li {width: 45%;}
  .breadcrumb {display: none;}
  .seob .vidshow, .seob .seohome {
    flex: 0 0 100%;
    padding: 0;}
  .seob .vidshow {
    order: 2;}
.seob .seohome {margin-bottom: 30px;}
.seob .row {
    flex-direction: column;}
.actu .list-post {
    grid-gap: 50px;
    grid-template-columns: 1fr;
}

.etudier .list-etudier { grid-template-columns: 1fr ;}


#form > div {flex-direction: column;}
#emc-widget-container label {flex: initial;}
	.menu {display: flex; flex-direction: column;}
}
@media only screen and (max-width: 877px) {
  .distinctions .prog-list { width: 100%; margin-bottom: 20px;}
  .e-bloc h3{font-size: 11px;}
}
@media only screen and (max-width: 430px) {
  .e-bloc{width: 100%; margin-right: 0; margin-bottom: 5% !important;}
  .e-bloc:last-child{margin-bottom: 0 !important;}
  .e-bloc h3{font-size: 13px;}
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; top: 12px; right: 12px;}
}
@media only screen and (max-width: 371px) {
  .quick-link a{padding: 0 50px;}
}

.wp-caption-text { font-size: 11px; text-align: center !important; line-height: 17px; font-weight: bold;}
.gallery-item { padding: 5px; margin-bottom: 20px; }
.gallery-item img { margin-bottom: 10px !important; width: 100%; padding: 5px;
    border: 1px solid rgba(100, 173, 152, 0.28) !important;
    border-radius: 3px; }
.wp-caption img, .distinctions .prog-list img { width: 100%; padding: 5px; margin-bottom: 10px;
    border: 1px solid rgba(100, 173, 152, 0.28) !important;
    border-radius: 3px; }
#gallery-2 .gallery-item { margin-bottom: 0 }

p.nomargin { width: 100%; clear: both; float: left; margin-top: -23px; }
.wpcf7 {    padding: 20px!important;
    background: #f6f6f6;
    border: 1px solid #eee;
    border-radius: 3px;}


.sent-ok{width: 100%;line-height: 32px;margin-left: 0;background: #dff0d8;border-color: #cae6be;color: #3c763d;font-size: 0.9375em;font-weight: 600;padding: 0.4em 0.9375em;border-radius: 2px;border: 1px solid;box-sizing: border-box;}


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

span.wpcf7-list-item { display: block !important; }