/*   
Theme Name: E-Tourisme 2025
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.2
*/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&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;}

.grecaptcha-badge { visibility: hidden; }

/* ==========================================================================
   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: 60px 20px; width: 100%; float: left;}
.main-slide {padding: 20px 20px 40px 20px;}
.gray { background: #f6f6f6;}
.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;}

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: #f02f42;
  border-bottom: solid 4px #da2638;
  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-size: 16px; letter-spacing: 0.05rem; text-transform: uppercase; color:#004a8e; position: relative; width: 100%; padding-left: 30px; margin-bottom: 25px;}
.bloc-title::before { content: ''; position: absolute; left: 0; top: 3px; width: 5px; height: 18px; background: #f25459; }

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

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

.header {
  width: 100%;
  min-height: 100px;
  margin-bottom: 10px;
  float: left;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}

.logo { padding: 20px 0; float: left; margin-right: 30px; width: 350px;}
.h-left-top, .h-left-bottom { width: 480px; float: right;}
.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: 15px;
}
.h-left-bottom{
  margin-bottom: 15px;
}
.h-left-top ul.social-top{
  float: right;
}
.h-left-top ul.social-top li{
  display: inline-block;
  float: left;
}
.h-left-top ul.social-top li a{
  float: left;
}
.h-left-top ul.social-top li img{
  width: 23px;
  display: block;
}

.h-left-top a {float: right;}
.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;
  border-radius: 3px 0 0 3px;
}
.search input[type="submit"] {
  height: 31px;
  width: 41px;
  background: #f25459;
  color: #fff;
  border: none;
  font-weight: 600;
  font-size: 14px;
  font-family: 'Open Sans', serif;
  border-radius: 0 3px 3px 0;
}
.search input[type="submit"]:hover {
  background: #e65358;
  transition: all 200ms ease-out;
}

.h-left-bottom form { float: right; margin-top: 13px; margin-left: 15px;}
.h-left-bottom .vous-etes-content{
  min-height: 31px;
  min-width: 116px;
  position: relative;
  margin-top: 13px;
  float: right;
  padding-top: 31px;
  background: url('img/vous-etes.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: #004a8e;}

header nav { 
  width: 100%;
  background: #F02F42;
  border-bottom: solid 5px #e02a3c;
  float: left;
  padding: 0;
}

header nav .home { float: left;}
nav ul { text-align: center;}
.menu li { display: inline-block; position: relative; }
.menu li a {
  display: block;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  padding: 18px 38px 14px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
}
.menu li a:hover, .menu li:hover a {background: rgba(255, 255, 255, 0.1);}
.menu li .sub-menu { display: none;width: 260px; padding: 4px 0 0 0; position: absolute; background: #e7575c; left: 0; top: 53px; 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: #e7575c; 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: 25%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.menu li .sub-menu:after {
  border-bottom-color: #e65358;
  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: 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;}


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

.slider {width: 100%; float: left;}
.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;
}

.slider .bx-viewport {max-height: 444px !important;}
.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;
}
.caption-content{
  width: 60%;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border-top: 3px solid #f25459;
  padding: 20px 25px;
  color: #fff;
}
.caption-content p{
  margin: 10px 0 0 0;
}
.caption-content .caption-title{
  font-size: 19px;
  font-weight: 600;
  padding: 0 0 10px 0;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}



.temsec .row {display: flex;}
.temsec .tem {flex: 0 0 75%;}
.temsec .temslider {display: grid;grid-gap: 20px;grid-template-columns: 1fr 1fr 1fr; margin-bottom: 0px;}
.temsec .temslider img {width: 75px; height: 75px;}
.temsec .temslider h3 { margin-bottom: 10px; font-size: 14px;}
.temsec .temslider p {}
.temsec .temslider p span {display: block; width: 100%; margin-left: 0;margin-top: 10px;}
.temsec .temslider li { padding: 20px 0; }
.temsec .parten {flex: 0 0 25%; padding-left: 40px;}

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

.home-links{margin-top: 20px; float: left;}
.home-links, .home-links .quick-link{width: 100%;}
.home-links ul {display: grid;grid-gap: 20px;grid-template-columns: 1fr 1fr 1fr 1fr;}
.home-links .quick-link li{border-radius: 5px; font-size: 15px;}

.quick-link { width: 210px; float: right;}
.quick-link li {
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  width: 100%;
  background: #f25459;
  border-radius: 5px;
  display: flex; align-items: center;
}
.quick-link a {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  padding: 19px 5px;
  display: block;
  width: 100%;
}
.quick-link li:nth-child(1) { background: #165776;}
.quick-link li:nth-child(2) { background: #165776;}
.quick-link li:nth-child(3) { background: #165776;}
.quick-link li:nth-child(4) { background: #F02F42;}
.quick-link li:nth-child(5) { border-color: #A48A7B;}

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

/* ==========================================================================
   Actu + event + other ;)
   ========================================================================== */
.actu { width: 100%; float: left;}
.event { width: 100%; float: left;}
.actu h3, .event h3 { font-weight: 600; font-size: 14px; color: #363a47; border-bottom: 1px solid #f3f3f3; padding-bottom: 10px; margin-bottom: 10px;}
.actu .post-thumb p{ color: #777777; line-height: 23px; margin: 0;}
.post-thumb { }
.post-thumb img { width: 100%; display: block; margin-bottom: 15px; height: auto; border-radius: 5px; }
.post-thumb span { font-size: 12px; color: #f25459; margin-bottom: 0px; display: block;}
.post-thumb a { display: block;}
.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: #f25459; font-size: 13px; }
.bloc-ev h3, .bloc-ev p { font-size: 12px;}
.bloc-ev p { color: #f25459; margin-top: 7px; margin-bottom: 0; }

.gray .actu .list-post {display: grid;grid-gap: 20px;grid-template-columns: 1fr 1fr 1fr;}
.gray .actu .list-post .post-thumb {width: initial; float: initial;margin: 0; position: relative;}
.gray .actu .list-post h3 { width: 100%;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; position: absolute;}
.gray .actu .list-post .post-thumb p {margin-top: 50px;}

.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: rgb(240 47 66); 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: 100%; float: left;}
.home-video { float: right; width: 100%; position: relative; padding-bottom: 155px; 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; max-width: 80%;}
.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: #f25459;}
.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: #777777;}
.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: #f25459; 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.archive .list-post {display: grid;grid-gap: 20px;grid-template-columns: 1fr 1fr;}
.actu.archive h3 {border: 0;}

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



.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: 100%; 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: #e65358;}
.post h3 { font-size: 17px; color: #004a8e; }
.post h4 { font-size: 16px; color: #333; }
.post ul {list-style: none; margin-bottom: 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 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%; padding-top: 20px; }
.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 { padding: 10px; width: 100%;}
.avance-bloc.full{ width: 100%;}
.avance-bloc li {font-size: 13px;}
.avance-bloc h3 { width: 100%; background: #e65358; padding: 10px; color: #fff; font-weight: normal; text-align: center;}
.avance .row { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr;}

.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:#004a8e; position: relative; width: 100%; padding-left: 30px; margin-bottom: 25px; margin-left: -30px;}
.post .actu .bloc-title::before { content: ''; position: absolute; left: 0; top: 3px; width: 5px; height: 18px; background: #f25459; }
.post .actu .bloc-title a { color: #f25459; 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;}


.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: 149px; width: 182px; 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: 334px; padding: 0 30px 45px;}
.sidebar .quick-link { width: 100%; margin-bottom: 30px;}
.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;}
.sidebar .spot img {max-width: 100%; border-radius: 5px; height: auto; width: 100%; display: block;}


.temoignange { width: 100%; float: left; padding: 30px 0;}
.temoignange h2 { margin-left: 20px;}
.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: #222;}
.tem-content p { font-size: 13px;}
.tem-content p iframe { width: 100%;}
.profession { color: #e65358 !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: #fff; float: left; width: 100%; padding: 20px 0;}
footer .cont  { float: left; width: 700px;}
footer p { color: #333; margin-bottom: 5px; font-size: 12px; font-weight: 300; width: 700px; float: left;}
footer p strong { font-weight: 600; text-transform: uppercase; color: #000;}
footer .social { float: right;}
footer .social a{ margin-left: 3px;}

.footer-top { float: left; width: 100%; padding: 30px 0; }
.footer-top .menu-footer {}
.footer-top .menu-footer li {float: left; width: 25%; position: relative; padding-left: 30px; padding-right: 10px; font-weight: 600;  font-size: 13px; }
.footer-top .menu-footer li::before {content: '';position: absolute;left: 0;top: 0;width: 5px;height: 18px;background: #f25459;}
.footer-top .menu-footer li a { color: #636363; 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::before {display: none;}
.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: #004a8e;}

.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%;background: #fff;table-layout: auto;border: none;font-size: 13px;text-align: center;font-weight: 600; margin-bottom: 30px;}
.post table tr:nth-child(odd){background: #f7f7f7;}
.post table th{width:50%;height: 45px;color:#fff;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 th.cycle {background: #9fcb3a;}
.post table th.cycle2 {background: #f25459;}

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


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

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

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

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

.post .wp-pagenavi{padding: 10px 20px 10px 0 !important;}
.post .wp-pagenavi span.current, .post .wp-pagenavi a:hover{background: #e65358 !important;border-color: #e65358 !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: #e65358;
  }
.breadcrumb a:first-child {
  margin-left: 0;
  }
.breadcrumb a:hover,
.breadcrumb a:focus {
  color: #333;
  }
.breadcrumb a:active {
  color: #666;
  }
.breadcrumb .post {float: inherit; font-size: inherit;}

 /* 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 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: 1200px;
  display: block;
  width: 100%;
  height: auto;
}

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



.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 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: 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;
}

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



#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: #f25459; border: none; border-radius: 5px; padding:15px 25px; margin-top: 15px; color: #fff; text-transform: uppercase; }
#emc-widget-container {}
#emc-widget-container {}


/* ==========================================================================
   Media Queries
   ========================================================================== */


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

.row { max-width: 100%; }
.header .row {padding: 0 20px;}
.main-left{ width: 67%; }
.menu li a {padding: 16px 22px 8px; font-size: 13px;}
.logo { padding: 30px 0 20px 0; }
.h-left-top, .h-left-bottom { width: 50%;}
.slider { width: 100%;}
.slider img { display: block; width: 100%; height: auto;}
.quick-link { width: 100%;}
.sidebar .quick-link li { width: 100%; margin: 0 0 10px 0;}
.actu { width: 100%; }
.event { margin-top: 30px; width: 100%;}
.spot { width: 100%;}
.etudier {width: 100%;}
.sidebar{width: 33%;padding: 0 0 45px 30px;}
.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;}
.etudier .list-etudier { grid-template-columns: 1fr 1fr;}
.footer-top{padding: 30px 20px;}
footer{ padding: 20px;}
footer .cont { width: 565px;}
.prog-list article { margin-top: 0;}
.post {width: 100%;}
}

@media only screen and (max-width: 815px) {
  .row, .main-left, .post, .sidebar, .avance-bloc, footer .cont, footer p { width: 100%;}
	.avance .row {  grid-template-columns: 1fr;}
  .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: 14px;}
  .sidebar, .footer-top, .ecoles, .h-left-bottom, .h-left-top form, header nav, .pin, .discover {display: none;}
  .logo { float: inherit; margin: 20px auto 0 auto; padding: 0 0 17px 0; width: 240px;}
  .h-left-top { width: 100%; margin-top: 0; margin-bottom: 20px; text-align: center;}
  .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;}
  .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 { float: inherit; margin: 0 auto;}
  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;}
	.breadcrumb {font-size: 12px;}
	.share-btn {display: none;}
  .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;}
.temsec {display: none;}
.home-links ul {grid-template-columns: 1fr 1fr; grid-gap: 20px;}
.h-left-top a {float: initial;}
.slider {display: none;}
.header {margin-bottom: 0; background: #f6f6f6;}
.actu.archive .list-post {grid-gap: 0px;
    grid-template-columns: 1fr ;
}
.gray .actu .list-post {
    grid-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr;
}
	 .prog-list .left, .prog-list .right { width: 100%; margin: 10px auto;}
	
	#form > div {flex-direction: column;}
#emc-widget-container label {flex: initial;}
}
@media only screen and (max-width: 768px) {
  .home-links ul {grid-template-columns: 1fr; grid-gap: 0px;}
}
@media only screen and (max-width: 430px) {
  .e-bloc{width: 100%; margin-right: 0; margin-bottom: 5% !important;}
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; top: 12px; right: 12px;}
}
@media only screen and (max-width: 371px) {
  .e-bloc h3{font-size: 11px;}
}

.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 10px 20px; float: left; } .reconnaissance img {display: block; max-width: 100%; margin: 0 auto; border: 1px solid #20AA9D;}