@media (min-width: 992px) {
    .t4-component, .component {
        padding-top: 0rem !important;
    }
  }
  
  @media (min-width: 992px){
          .item-page .pull-left img, .item-page .pull-right img {
                  max-width: 600px;
          }
  }
  
  .layout-home .t4-sticky.t4-palette-primary {
      background-color: #2e3d96 !important;
  }
  
  #t4-hero {
             background-color: initial !important;
      padding-top: 2rem;
      padding-bottom: 2rem;
  }
  
  #t4-hero .bg-overlay:before {
      background-color: initial !important;
  }
  
  .breadcrumb {
     background-color: #ffffff !important;
  }
  .hidden {
      display: none;
      visibility: hidden;
  }
  
  p {
      text-align: justify;
  }
  
  .breadcrumb .pathway {
      color: #303030;
      font-weight: bold;
  }
  
  .breadcrumb-item + .breadcrumb-item::before {
      content: ">" !important;
  }
  
  .t4-mainbody {
          min-height: 300px;
  }
  
  .t4-footnav .container {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
  }
  
  .copyright {
          font-size : 12px;
  }
  
  .t4-footer .container {
             padding-top: 1rem;
      padding-bottom: 2rem;
  }
  
  .t4-megamenu .navbar-nav > li {
      padding-left: 0.625em !important;
      padding-right: 0.625em !important;
  }
  
  @media (min-width: 992px) {
    .nav-breakpoint-lg .t4-megamenu .navbar-nav > li > a,
    .nav-breakpoint-lg .t4-megamenu .navbar-nav > li > .nav-link {
      padding-left: 0em !important;
      padding-right: 0.625em !important;
    }
  }
  
  .category-desc {
      border: 0px !important;
            padding: 0em !important;
  }
  
  .section-title {
      font-size: 32px;
      padding-bottom: 12px;
      margin: 0 0 24px;
      position: relative;
      text-align: center;
  }
  
  .section-title:before {
      background-color: #2e3d96;
      content: "";
      display: block;
      height: 3px;
      position: absolute;
      left: 50%;
      bottom: 0;
      margin-left: -30px;
      width: 60px;
  }
  
  .testimonial {
      text-align: center;
  }
  
  .testimonial .author-name {
      display: block;
      font-weight: 600;
      letter-spacing: 0.5px;
      margin-bottom: 6px;
      text-transform: uppercase;
  }
  
  .testimonial .testimonial-text {
      font-size: 14px;
      padding-left: 0.1em;
      padding-right: 0.1em%;
  }
  
  .testimonial .author-img img {
      border-radius: 50%;
          max-width: 100%;
      width: auto\9;
      height: auto;
      vertical-align: middle;
      border: 0;
  }
  
  .t4-section-1-1 .container,
  .t4-section-5-1 .container,
  .t4-section-6-1 .container {
              padding: 20px 0;
  }	
  
  .t4-section-1 .container {
              padding: 68px 0 !important;
  }	
  
  .wrapper { 
  width: 980px; 
  margin: 30px auto; 
  position: relative;
  }
  
  .compteur { 
  background-color: #f6f7f8; 
  padding: 20px 0; 
  border-radius: 5px;
  /*margin-bottom: 24px;
  margin-left: 50px;*/
  margin: 2em;
  }
  
  .count-title { 
  font-size: 40px; 
  font-weight: normal;  
  margin-top: 10px; 
  margin-bottom: 0; 
  text-align: center; 
  color: #163f87;
  }
  
  .count-text { 
  font-size: 20px; 
  font-weight: normal;  
  margin-top: 10px; 
  margin-bottom: 0; 
  text-align: center; 
  }
  
  .fa-4x { 
  margin: 0 auto; 
  float: none; 
  display: table; 
  color: #163f87; 
  }
  
  .style-gortec, .style-gortec ul {
      list-style: none;
      margin: 0;
      padding: 0;
  }
  
  .style-gortec li strong {
      background-color: #133877;
      border-radius: 50%;
      color: #fff;
      font-size: 12px;
      display: block;
      height: 24px;
      line-height: 24px;
      position: absolute;
      top: 6px;
      left: 0;
      text-align: center;
      width: 24px;
  }
  
  .style-gortec li .line-icon {
      background: #133877;
      display: block;
      width: 1px;
      height: 110%;
      position: absolute;
      top: 34px;
      left: 12px;
  }
  
  .style-gortec li {
      margin-bottom: 36px;
      padding-left: 52px;
      position: relative;
  }
  
  .well {
      min-height: 24px;
      padding: 10px;
      margin-top: 24px;
      margin-bottom: 24px;
      background-color: #fff;
      border: 1px solid #e0e0e0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
  }
  
  .well-lien {
          min-width: 250px;
                  padding-bottom: 30px;
  }
  
  ul.staff {
      list-style: none;
      margin: 0!important;
      padding: 0;
  }
  ul.staff li:last-child {
      border-bottom: 0;
  }
  
  ul.staff li {
      border-bottom: 1px dotted #e0e0e0;
      display: block;
      /*padding-top: 12px;*/
      padding-bottom: 12px;
      overflow: hidden;
  }
  
  ul.staff li img {
      border: 1px solid #e0e0e0;
      float: left;
      padding: 3px;
      margin-right: 12px;
      margin-top: 5px;
  }
  
  .wellimg {
      border: 1px solid #e0e0e0;
      float: left;
      padding: 3px;
      margin-right: 12px;
      margin-top: 5px;
  }
  
  .chevrons {
          display: flex;
          flex-direction: column;
          height: 100%;
          width: 100%;
          min-width: 480px;
          padding: 50px 0px 0px 0px;
  }
  
  .l_chevron {
          display: flex;
          border-radius: 6px;
          overflow: hidden;
          margin: auto;
          text-align: center;
          top: 50%;
          width: 100%;
          max-width: 1200px;
          height: 105px;
          transform: translateY(-50%);
          /*box-shadow: 0 1px 1px rgba(0,0,0,1),
                                                          0 4px 14px rgba(0,0,0,0.7);*/
          z-index: 1;
          background-color: #f6f7f8;
          font-size: 14px;
  }
  
  .l_chevron div {
                  position: relative;
                  display: flex;
                  flex-grow: 1;
                  text-decoration: none;
                  margin: auto;
                  height: 100%;
                  padding-left: 70px;
                  padding-right: 0;
                  color: #163f87;
  }
  
  .l_chevron div:first-child {
          padding-left: 28px;
  }
  
  
  
  .l_chevron div:last-child {
          padding-right: 28px;
  }
  
  .l_chevron div:after {
          content: "";
          position: absolute;
          display: inline-block;
          width: 105px;
          height: 105px;
          top: 0;
          right: -52px;
          background-color: #f6f7f8;
          border-top-right-radius: 5px;
          transform: scale(0.707) rotate(45deg);
          box-shadow: 1px -1px rgba(0,0,0,0.25);
          z-index: 1;
  }
  
                  
  .l_chevron__inner {
          display: flex;
          flex-direction: column;
          margin: auto;
          z-index: 2;
  }
  
  .l_chevron__title {
          font-weight: bold;
  }
  
  blockquote {
      padding: 0 0 0 15px;
      margin: 0 0 24px;
      border-left: 5px solid #e0e0e0;
  }
  
  blockquote.pull-right {
      float: right;
      padding-right: 15px;
      padding-left: 0;
      border-right: 5px solid #e0e0e0;
      border-left: 0;
  }
  
  .panel.panel-primary {
      border-color: #3498db;
  }
  
  .panel {
      border: 1px solid #e0e0e0;
      margin-bottom: 24px;
  }
  
  .panel.panel-primary .panel-heading {
      background-color: #3498db;
      color: #fff;
  }
  
  .panel .panel-heading {
      background-color: #e0e0e0;
      padding: 12px 24px;
  }
  
  .panel .panel-heading h3 {
      margin: 0;
      /*font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
      font-size: 18px;
  }
  
  .panel .panel-body {
      padding: 12px 24px;
  }
  
  @media (min-width: 767px)
  .row-fluid .thumbnails {
      margin-left: 0;
      position: relative;
      /* left: 15%; */
  }
  
  
  @media (min-width: 1200px)
  .row-fluid .thumbnails {
      margin-left: 0;
  }
  .thumbnails .thumbnail strong {
      min-height: 6em;
          padding: 24px 0 2px 0;
  }
  
  .thumbnails .thumbnail strong {
      background-color: #f6f7f8;
      color: #303030;
      /*display: block;*/
      padding: 6px 0;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 0.8em;
  }
  
  .thumbnails .thumbnail strong:hover {
      min-height: 6em;
          padding: 24px 0 2px 0;
  }
  
  .thumbnails .thumbnail.essai1.actived strong,
  .thumbnails .thumbnail.essai1 strong:hover, 
  .thumbnails .thumbnail.essai1 strong:focus, 
  .thumbnails .thumbnail.essai1 strong:active {
      background-color: #3498db !important;
      color: white;
      /*display: block;*/
          display: flex;
          align-items: center;
          justify-content: center;
      padding: 6px 0;
      min-height: 6em;
      text-decoration: none !important;
  }
  
  .thumbnails .thumbnail.essai2.actived strong,
  .thumbnails .thumbnail.essai2 strong:hover, 
  .thumbnails .thumbnail.essai2 strong:focus, 
  .thumbnails .thumbnail.essai2 strong:active {
      background-color: #5bc0de !important;
      color: white;
      /*display: block;*/
          display: flex;
          align-items: center;
          justify-content: center;
      padding: 6px 0;
      min-height: 6em;
      text-decoration: none !important;
  }
  
  .thumbnails .thumbnail.actived strong,
  .thumbnails .thumbnail strong:hover, 
  .thumbnails .thumbnail strong:focus, 
  .thumbnails .thumbnail strong:active {
      background-color: #163f87;
      color: white;
      /*display: block;*/
          display: flex;
          align-items: center;
          justify-content: center;
      padding: 6px 0;
      min-height: 6em;
      text-decoration: none !important;
  }
  
  
  .thumbnails .thumbnail:hover {
      border-color: #909090;
  }
  
  .thumbnails .thumbnail_staff:hover {
      border-color: #909090;
  }
  .thumbnail>a, .thumbnail_staff>a
  {
             text-decoration: none;
  }
  .thumbnails .thumbnail {
      border-radius: 1em;
      text-align: center;
          
  }
  
  .thumbnails .thumbnail_staff {
      border-radius: 1em;
      /*text-align: justify;*/
          width: inherit;
          
  }
  
  .thumbnail {
      display: block;
      padding: 4px;
      line-height: 24px;
      border: 1px solid #ddd;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
          width: -webkit-fill-available;
		  width: -moz-available;
          /*margin-bottom: 1rem;*/
  }
  
  .thumbnail_staff {
      display: block;
      padding: 4px;
      line-height: 24px;
      border: 1px solid #ddd;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
          width: -webkit-fill-available;
          /*margin-bottom: 1rem;*/
  }
  .welld {
          padding: 5px;
  }
  
  .carousel {
      position: relative;
      margin-bottom: 24px;
      line-height: 1;
  }
  
  .carousel .carousel-inner {
      min-height: 400px;
  }
  
  .carousel-inner {
      overflow: hidden;
      width: 100%;
      position: relative;
  }
  
  .testimonial.style-2 {
      overflow: hidden;
      text-align: left;
  }
  
  .testimonial.style-2 .author-img {
      border: 0;
      float: left;
      margin-top: 24px;
      margin-right: 36px;
      width: 80px;
  }
  .testimonial .author-img {
      border: 1px solid #e0e0e0;
      border-radius: 50%;
      display: inline-block;
      padding: 3px;
      overflow: hidden;
      width: 100px;
  }
  
  .testimonial.style-2 .testimonial-text {
      text-align: justify;
  }
  .testimonial.style-2 .testimonial-text {
      color: #606060;
      font-style: italic;
      padding-left: 0;
      padding-right: 0;
      line-height: 1.5;
      text-align: left;
  }
  /*.testimonial .testimonial-text {
      font-size: 18px;
      padding-left: 10%;
      padding-right: 10%;
  }*/
  
  .testimonial-text p{
      margin-bottom: 0.2rem;
  }
  
  .carousel-indicators {
      bottom: 0;
      right: 50%;
      top: auto;
  }
  
  .carousel-indicators {
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 5;
      margin: 0;
      list-style: none;
  }
  
  .fa.fa-question-circle.fa-blue {
      color: #163f87;
  }
  .faq-block .fa {
      color: #909090;
      font-weight: normal;
      font-size: 16px;
      margin-right: 6px;
      margin-bottom: 5px;
      vertical-align: middle;
  }
  
  .stades2 {
          background-color: lavender;
  }
  .stades3 {
          background-color: aliceblue;
  }
  .stades4 {
          background-color: honeydew;
  }
  
  .table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th {
      background-color: #f5f5f5
  }
  
  /*-=-=-=-=-=-=-=-=-=-=-=- */
  /* TimeLine */
  /*-=-=-=-=-=-=-=-=-=-=-=- */
  .hexa{
    border: 0px;
    float: left;
    text-align: center;
    height: 35px;
    width: 60px;
    font-size: 22px;
    background: #3498db;
    color: #3c3c3c;
    position: relative;
    margin-top: 15px;
  }
  
  .hexa:before{
    content: ""; 
    position: absolute; 
    left: 0; 
    width: 0; 
    height: 0;
    border-bottom: 15px solid #3498db;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    top: -15px;
  }
  
  .hexa:after{
    content: ""; 
    position: absolute; 
    left: 0; 
    width: 0; 
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 15px solid #3498db;
    bottom: -15px;
  }
  
  .timeline {
    position: relative;
    padding: 0;
    width: 100%;
    margin-top: 20px;
    margin-left: 0px;
    list-style-type: none;
  }
  
  .timeline:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: ' ';
    display: block;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    background: rgb(213,213,213);
    background: -moz-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
    background: -webkit-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
    background: -o-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
    background: -ms-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
    background: linear-gradient(to bottom, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
    z-index: 5;
  }
  
  .timeline li {
    padding: 2em 0;
    /*padding: 0.5em 0;*/
  }
  
  .timeline .hexa{
    width: 16px;
    height: 10px;
    position: absolute;
    background: #3498db;
    z-index: 5;
    left: 0;
    right: 0;
    margin-left:auto;
    margin-right:auto;
    top: -30px;
    margin-top: 0;
  }
  
  .timeline .hexa:before {
    border-bottom: 4px solid #3498db;
    border-left-width: 8px;
    border-right-width: 8px;
    top: -4px;
  }
  
  .timeline .hexa:after {
    border-left-width: 8px;
    border-right-width: 8px;
    border-top: 4px solid #3498db;
    bottom: -4px;
  }
  
  .direction-l,
  .direction-r {
    float: none;
    width: 100%;
    text-align: center;
  }
  
  .flag-wrapper {
    text-align: center;
    position: relative;
  }
  
  .flag {
    position: relative;
    display: inline;
    background: rgb(255,255,255);
    font-weight: 600;
    z-index: 15;
    padding: 6px 10px;
    text-align: left;
    border-radius: 5px;
  }
  
  .direction-l .flag:after,
  .direction-r .flag:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -15px;
    height: 0;
    width: 0;
    margin-left: -8px;
    border: solid transparent;
    border-bottom-color: rgb(255,255,255);
    border-width: 8px;
    pointer-events: none;
  }
  
  .direction-l .flag {
    -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
    -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
    box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  }
  
  .direction-r .flag {
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  }
  
  .time-wrapper {
    display: block;
    position: relative;
    margin: 4px 0 0 0;
    z-index: 14;
    line-height: 1em;
    vertical-align: middle;
    color: #fff;
  }
  
  .direction-l .time-wrapper {
    float: none;
  }
  
  .direction-r .time-wrapper {
    float: none;
  }
  
  .time {
    background: #3498db;
    display: inline-block;
    padding: 8px;
  }
  
  .timeline .desc {
    position: relative;
    margin: 1em 0 0 0;
    padding: 1em;
    background: rgb(254,254,254);
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
    box-shadow: 0 0 1px rgba(0,0,0,0.20);
    z-index: 15;
  }
  
  .direction-l .desc,
  .direction-r .desc {
    position: relative;
    margin: 1em 1em 0 1em;
    padding: 1em;
    z-index: 15;
  }
  
  @media(min-width: 768px){
    .timeline {
      width: 660px;
      margin: 0 auto;
      margin-top: 20px;
    }
	
	.timeline li {
    /* padding: 2em 0; */
    padding: 0.5em 0;
	}
  
    .timeline li:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }
    
    .timeline .hexa {
      left: -28px;
      right: auto;
      top: 8px;
    }
  
    .timeline .direction-l .hexa {
      left: auto;
      right: -28px;
    }
  
    .direction-l {
      position: relative;
      width: 310px;
      float: left;
      text-align: right;
    }
  
    .direction-r {
      position: relative;
      width: 310px;
      float: right;
      text-align: left;
    }
  
    .flag-wrapper {
      display: inline-block;
    }
    
    .flag {
      font-size: 18px;
    }
  
    .direction-l .flag:after {
      left: auto;
      right: -16px;
      top: 50%;
      margin-top: -8px;
      border: solid transparent;
      border-left-color: rgb(254,254,254);
      border-width: 8px;
    }
  
    .direction-r .flag:after {
      top: 50%;
      margin-top: -8px;
      border: solid transparent;
      border-right-color: rgb(254,254,254);
      border-width: 8px;
      left: -8px;
    }
  
    .time-wrapper {
      display: inline;
      vertical-align: middle;
      margin: 0;
    }
  
    .direction-l .time-wrapper {
      float: left;
    }
  
    .direction-r .time-wrapper {
      float: right;
    }
  
    .time {
      padding: 5px 10px;
    }
  
    .direction-r .desc {
      margin: 1em 0 0 0.75em;
    }
  }
  
  @media(min-width: 992px){
    .timeline {
      width: 800px;
      margin: 0 auto;
      margin-top: 20px;
    }
  
    .direction-l {
      position: relative;
      width: 380px;
      float: left;
      text-align: right;
    }
  
    .direction-r {
      position: relative;
      width: 380px;
      float: right;
      text-align: left;
    }
  }
  /*-=-=-=-=-=-=-=-=-=-=-=- */
  /* Fin de TimeLine */
  /*-=-=-=-=-=-=-=-=-=-=-=- */
  .blog .item-content .page-header > h2, .blog-featured .item-content .page-header > h2 {
      font-size: 1.75rem !important;
  }
  
  .item-intro > h4
  {
             font-size: inherit !important;
      color: inherit;
  }
  
  .ag-format-container {
    width: 1142px;
   margin: 0 auto;
  }
  
  
  body {
    background-color: #fff;
  }
  .ag-courses_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  
    padding: 50px 0;
  }
  .ag-courses_item {
    -ms-flex-preferred-size: calc(33.33333% - 30px);
    flex-basis: calc(33.33333% - 30px);
  
    margin: 0 15px 30px;
  
    overflow: hidden;
  
    border-radius: 28px;
  }
  .ag-courses-item_link {
    display: block;
    padding: 30px 20px;
    background-color: #f6f7f8;
  
    overflow: hidden;
  
    position: relative;
  }
  .ag-courses-item_link:hover,
  .ag-courses-item_link:hover .ag-courses-item_title {
    text-decoration: none;
    color: white;
  }
  .ag-courses-item_title:hover {
    /*color: white;*/
  }
  .ag-courses-item_link:hover .ag-courses-item_bg {
    -webkit-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    /*color: white;*/
     
  }
  
  .ag-courses-item:hover .ag-courses-item_title {
    color: white;
  }
  
  .ag-courses-item_title {
    min-height: 50px;
    margin: 0 0 25px;
  
    overflow: hidden;
  
    font-weight: bold;
    font-size: 1.2em;
    color: #303030;
  
    z-index: 2;
    position: relative;
    
    display: grid;
    align-content: center;
    justify-content: center;
  }
  
  .ag-courses-item_bg {
    height: 128px;
    width: 128px;
    background-color: #3498db;
  
    z-index: 1;
    position: absolute;
    top: -75px;
    right: -75px;
  
    border-radius: 50%;
  
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
  }
  .ag-courses_item:nth-child(2n) .ag-courses-item_bg {
    background-color: #5bc0de;
  }
  .ag-courses_item:nth-child(3n) .ag-courses-item_bg {
    background-color: #163f87;
  }
  /*
  .ag-courses_item:nth-child(4n) .ag-courses-item_bg {
    background-color: #952aff;
  }
  .ag-courses_item:nth-child(5n) .ag-courses-item_bg {
    background-color: #cd3e94;
  }
  .ag-courses_item:nth-child(6n) .ag-courses-item_bg {
    background-color: #4c49ea;
    
  }*/
  
  
  
  @media only screen and (max-width: 979px) {
    .ag-courses_item {
      -ms-flex-preferred-size: calc(50% - 30px);
      flex-basis: calc(50% - 30px);
    }
    .ag-courses-item_title {
      font-size: 24px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .ag-format-container {
      width: 96%;
    }
  
  }
  @media only screen and (max-width: 639px) {
    .ag-courses_item {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
    }
    .ag-courses-item_title {
      min-height: 72px;
      line-height: 1;
  
      font-size: 1.2em;
    }
    .ag-courses-item_link {
      padding: 22px 40px;
    }
    .ag-courses-item_date-box {
      font-size: 16px;
    }
  }
  
  .lead-testimonial-cont {
              width: 100%;
              max-width: 1170px;
              min-width: 1170px;
              height: 400px;
              margin: 0 auto;
              background-color: #fff;
              padding: 30px;
              position: relative;
          }
          .lead-testimonial-cont:after {
                  position: absolute;
              content: '';
              bottom: -31px;
              left: 50%;
              transform: translateX(-50%);
              background-image: url(http://demosoft.indicsoft.com/SalmanDemo/onspon-html/other-pages/image/tstmnl-box-shadow.png);
              width: 840px;
              height: 31px;
          }
          .lead-testimonial-cont:before {
              /*content: 'By: Salman Raza';
              font-family: 'Roboto', cursive;*/
              position: absolute;
              bottom: -25px;
              left: 50%;
              transform: translateX(-50%);
              color: rgba(0, 0, 0, 0.9);
              font-size: 10px;
              letter-spacing: 5px;
              font-weight: 500;
              white-space: nowrap;
              color: #545454;
              text-transform: uppercase;
          }
          .lead-testimonial-cont > h2 {
                  position: absolute;
                  text-align: center;
                  margin: -55px 0 0 0;
                  font-size: 14px;
                  left: 10px;
                  font-weight: 400;
                  text-transform: uppercase;
                  letter-spacing: 3px;
                  color: #444;
          }
          .lead-tstmnl-slider {
              width: 100%;
              height: 400px;
              float: left;
              overflow: hidden;
          }
          .lead-tstmnl-slide {
                  width: 100%;
                  max-width: 1140px;
                  height: 100%;
                  float: left;
          }
          .lead-tstmnl-slide:focus {outline: none;}
          .lead-tstmnl-slide .lead-tstmnl-img {
                  float: left;
                  width: 120px;
                  height: 120px;
                  border-radius: 100%;
                  border:3px solid #2e3d96;
                  overflow: hidden;
                  margin:8px 20px 0 0;
          }
          .lead-tstmnl-slide .lead-tstmnl-img img {width: 100%;}
          .lead-tstmnl-text-cont {
                  float: left;
                  width: 82.8%;
                  height: 168px;
                  position: relative;
          }
          .lead-tstmnl-comment {
                  float: left;
                  display: block;
                  width: 97.5%;
                  position: relative;
                  padding: 20px 25px;
                  max-height: 400px;
                  overflow: hidden;
                  font-size: 18px;
                  font-style: italic;
                  line-height: 24px;
          }
          .lead-tstmnl-comment:before,
          .lead-tstmnl-comment:after {
                  position: absolute;
                  content: '';
                  width: 20px;
                  height: 20px;
                  background-image: url(http://demosoft.indicsoft.com/SalmanDemo/onspon-html/other-pages/image/tstmnl-quate.png);
          }
          .lead-tstmnl-comment:before{top: 0; left: 0;}
          .lead-tstmnl-comment:after {bottom: 0;right: 0;background-position: 20px 0;}
          .lead-tstmnl-nm-dsg {
                  position: absolute;
                  bottom: -1;
                  /*left: 0;*/
                  padding-left: 0px;
          }
          .lead-tstmnl-nm-dsg li {display: inline-block;float: left;/*padding: 0 5px;*/font-size: 15px; line-height: 14px;letter-spacing: 0.5px;color: #3498db;}
          .lead-tstmnl-nm-dsg li:first-child{/*padding-left: 10px;*/font-weight: 700;color: #2e3d96;font-size: 20px;}
          .slick-dots button {display: none;}
          .lead-tstmnl-slider .slick-dots {position: absolute; bottom: 5px; right: 50px;}
          .lead-tstmnl-slider .slick-dots li {
                  list-style: outside none none;
                  display: inline-block;
                  cursor: pointer;
                  width: 16px;
                  height: 16px;
                  border-radius: 100%;
                  margin: 0px 10px 0px 0px;
                  background-color: #eee;
                  position: relative;
          }
          .lead-tstmnl-slider .slick-dots li.slick-active {background-color: #2e3d96;}
          
          
          .media h4 {
      color: #163f87 !important;
  }
  .media h4 {
      font-size: 16px;
      margin: 0 0 6px;
      text-transform: uppercase;
  }
  
  .media .media-body {
      padding-top: 12px;
      padding-right: 2px;
  }
  
  .media-body {
      color: #666666 !important;
  }
  
  .media .media-img {
      margin-right: 18px;
  }
  
  .media .card-body {
      padding-top: 12px;
      padding-right: 2px;
      padding-bottom: 0;
  }
  
  .no-decoration {
      text-decoration: none !important;
  }
  
  .media {
      background-color: #fff;
      border-bottom: 1px solid #e0e0e0;
      border-right: 1px solid #e0e0e0;
      overflow: hidden;
  }
  
  @media (max-width: 991px) {
          .media {
                  margin-bottom: 1em !important;
          }
  }
  
  .section-desc {
      color: #909090;
      font-size: 18px;
      margin: 0 20% 72px;
      text-align: center;
  }
  
  .imgnewsletter {
      max-width: 45% !important;
  }
  
  .ja-module .module-title {
      font-weight: 600;
      font-size: 16px;
      margin: 0 0 24px;
      text-transform: uppercase;
      border-bottom: 1px solid #e0e0e0;
      color: #303030;
      letter-spacing: 1px;
      padding: 0 0 8px;
      
  }
  
  .ja-module p {
              text-align: center !important;
  }
  
  .img-wrap, .para-wrap {
      text-align: center;
  }
  
  .img-wrap {
      margin-bottom: 12px;
  }
  
  .social-links-gortec {
      margin: 24px 0 0;
      padding: 0;
      text-align: left;
      list-style: none;
  }
  
  .social-links-gortec li, .social-links-gortec li a {
      display: inline-block;
  }
  
  .social-links-gortec li a {
      width: 32px;
      height: 32px;
      border-radius: 2px;
      text-align: center;
      line-height: 32px;
  }
  
  div[class*="[gortec]about-us"] {
    /*background: #ffff00;*/
  }
  
  div[class*="[gortec]about-us"] li{
          padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      list-style: none;
          border-bottom: 1px solid #909090;
      /*margin-bottom: 6px;*/
      padding-bottom: 6px;
  }
  
  div[class*="[gortec]about-us"] ul{
          width: 100%
  }
  
  div[class*="[gortec]about-us"] li > a {
      color: #888 !important;
      text-transform: inherit !important;
      display: inline-block;
  }
  .bot-sl .ja-module .nav>li>a:active,.bot-sl .ja-module .nav>li>a:focus,.bot-sl .ja-module .nav>li>a:hover {
      color: #fff
  }
  div[class*="[gortec]about-us"] li > a:active,
  div[class*="[gortec]about-us"] li > a:focus,
   div[class*="[gortec]about-us"] li > a:hover {
    text-decoration: none !important;
    border-bottom: 0 !important;
         color: #163f87 !important;
      left: 3px  !important;
  }
  
  div[class*="[gortec]about-us"] li:last-child {
      border-bottom: 0;
  }
  
  .t4-footer .nav > li:before {
      content: unset;
  }
  
  .t4-footer .nav > li {
      font-size : 16px;
  }
  
  .t4-footer .nav > li> a {
    display: block;
    padding: 0rem 0rem;
}
  
  .t4-footer .nav > li>a:active, .t4-footer .nav > li>a:focus, .t4-footer .nav > li>a:hover {
      color: #163f87;
      display: inline-block;
      position: relative;
      left: 0;
      -webkit-transition: left 0.2s ease;
      -o-transition: left 0.2s ease;
      transition: left 0.2s ease;
     
  }
  
  .items-row .item .item-image img,
  .blog-item-content .item-image img {
      max-width: 10em;
  }
  
  #Mod152 .module-title span::after {
      content: unset;
  }
  
  #mbBottom svg {
          fill: #999 !important;
  }
  
  
  .thumb-wrap-journal {
          /*display: block;*/
      display: flex;
          align-items: center;
          justify-content: center;
      height: 100%;
      margin-bottom: 5px;
      overflow: hidden;
  }
  
  .hovereffect {
  width:100%;
  height:100%;
  float:left;
  overflow:hidden;
  position:relative;
  text-align:center;
  cursor:default;
  }
  
  .hovereffect .overlay {
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
  opacity:0;
  background-color: rgba(19, 56, 119, 0.56);
  -webkit-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out
  }
  
  .hovereffect img {
  display:block;
  position:relative;
  /*-webkit-transition:all .4s linear;
  transition:all .4s linear;*/
  }
  
  .hovereffect h2 {
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  position:relative;
  /*font-size:17px;*/
  font-size:1.2em !important;
  background:rgba(0,0,0,0.6);
  -webkit-transform:translatey(-100px);
  -ms-transform:translatey(-100px);
  transform:translatey(-100px);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  padding:10px;
  }
  
  .hovereffect a.info {
  text-decoration:none;
  display:inline-block;
  text-transform:uppercase;
  color:#fff;
  /*border:1px solid #fff;*/
  background-color:transparent;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  margin:50px 0 0;
  padding:7px 14px;
  }
  
  .hovereffect a.info:hover {
  /*box-shadow:0 0 5px #fff;*/
  }
  
  .hovereffect:hover img {
  /*-ms-transform:scale(1.2);
  -webkit-transform:scale(1.2);
  transform:scale(1.2);*/
  }
  
  .hovereffect:hover .overlay {
  opacity:1;
  filter:alpha(opacity=100);
  }
  
  .hovereffect:hover h2,.hovereffect:hover a.info {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-transform:translatey(0);
  -webkit-transform:translatey(0);
  transform:translatey(0);
  }
  
  .hovereffect:hover a.info {
  -webkit-transition-delay:.2s;
  transition-delay:.2s;
  }
  
  .card {
    flex-direction: row;
    /*align-items: center;*/
	align-items: flex-start;
    border-radius: 1em;
	height: -webkit-fill-available;
  }
  .card-title {
    font-weight: bold;
  }
  .card img {
    /*width: 30%;*/
	max-height: 120px;
    max-width: 100px;

    border-top-right-radius: 0;
    border-bottom-left-radius: calc(0.25rem - 1px);
  }
  
  /*Utilisé dans les vignettes en page d'acceuil*/
  .card.media img {
    width: 30%;
	max-height: unset;
    max-width: unset;
	border-top-right-radius: 0;
    border-bottom-left-radius: calc(0.25rem - 1px);
  }
  
  @media only screen and (max-width: 768px) {
    a {
      /*display: none;*/
    }
    .card-body {
      padding: 0.5em 1.2em;
    }
    .card-body .card-text {
      margin: 0;
    }
    .card.media img {
      width: 50%;
    }
  }
  @media only screen and (max-width: 1200px) {
    .card.media img {
      width: 40%;
    }
  }
  
  .thumbnail_staff .card {
  margin-left : -15px;
  margin-right : -15px;
  border : 0
  }
  
  .lead-tstmnl-img {
      float: left;
      width: 120px;
      height: 120px;
      border-radius: 100%;
      border: 3px solid #2e3d96;
      overflow: hidden;
      margin: 8px 20px 0 0;
  }
  
  .btn.btn-secondary,
  .btn.btn-gortec {
      background: #5bc0de !important;
      opacity: 1;
      padding: 10px 18px 10px 18px;
      box-shadow: none;
      border: 0px solid RGBA(0,0,0,1) !important;
      border-radius: 3px;
      font-family: 'louis_george_caferegular','Arial','sans-serif','Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol";';
      color: #ffffff;
      font-size: 87.5%;
      text-shadow: 1px 1px 0px RGBA(0,0,0,0.17);
      line-height: 1.5;
      font-weight: normal;
      font-style: normal;
      text-decoration: none;
      text-align: center;
      letter-spacing: 1px;
      word-spacing: normal;
      text-transform: none;
      font-weight: bold;
  }
  
  .btn.btn-secondary:hover,
  .btn.btn-gortec:hover {
      background: #139fb1 !important;
  }
  
  .category-desc {
      margin-top: 1rem !important;
  }
  
  div#n2-ss-3 .n2-font-8713cf7f0b3c0af7ff53de05f10877a4-paragraph {
      font-size: 1rem ! important;   
  }
  
  .t4-off-canvas-header .logo-img,
  .logo-image .logo-img {
          border-radius: 0.4em !important;
  }
  
#Mod123,
#Mod124 {
position: sticky;
position: -webkit-sticky;
top: 150px;
    margin-bottom: 2em;
}

#Mod123 .nav li a:before,
#Mod124 .nav li a:before {
content: "";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-align: left;
position: absolute;
left: -18px;
}

#Mod123 .nav {
padding-left : 2rem;
}

#Mod123 .divider {
padding-left : 0rem;
}

#Mod123 .divider:before {
    content: "\f078";
    display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    position: absolute;
    left: -18px;
}

.module-title {
color: #2e3d96;
}

#Mod153 > div > div > nav > ul > li.nav-item.item-179.default,
#Mod126 > div > div > nav > ul > li.nav-item.item-199.default{
display: none
}

a, a:hover {
color: #5bc0de;
}

.t4-megamenu .dropdown-menu ul > .active a.nav-link, 
.t4-megamenu .dropdown-menu ul > .active a.dropdown-item,
.t4-megamenu .dropdown-menu ul > li a.nav-link:hover,
.t4-megamenu .dropdown-menu ul > li a.dropdown-item:hover
{
    color: #5bc0de !important;
}

.t4-megamenu .dropdown-menu .mega-nav > .active a.nav-link, 
.t4-megamenu .dropdown-menu .mega-nav > .active a.dropdown-item {
    color: #5bc0de !important;
}

.hero-content {
overflow: hidden;
}



/*Faire tenir le menu sur une ligne en fonction de la taille de l'écran*/

@media (min-width: 992px) {
	@media (max-width: 1234px) {
	
		.t4-megamenu .navbar-nav > li {
		padding-left: 0em !important;
		padding-right: 0em !important;
		}

		.navbar {
		   /*padding: 0.1rem 0.1em;*/
		}
		
		.navbar-brand {
			margin-right: 0em;
		
		}
		
		#t4-header > div > div > div.t4-col {
			padding-right: 1px !important;
			padding-left: 10px !important;
		}
	
	}
	
	@media (max-width: 1199px) {
		.navbar-brand {
			margin-right: -3em;
		
		}
		
		#t4-header > div > div > div.t4-col {
			/*padding-right: 1px !important;
			padding-left: 5px !important;*/
		}
		
	}
    	
  }
  
  @media (min-width: 992px) and (max-width: 1199px){
	.t4-section-1-1 .container {
		max-width: fit-content;
	}
  }
  
  @media (min-width: 992px) and (max-width: 1640px){
	.t4-section-1-1 .container {
		max-width: fit-content;
	}
  }
  
  .trials .blog .blog-item-content::after, 
  .trials .blog-featured .blog-item-content::after {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  .publi-trial-name {
color: #2e3d96;
font-weight: bolder;
}

.blockquote-rc {
    padding: 0 0 0 15px;
    margin: 0 0 24px;
    border-left: 5px solid #2e3d96;
}

@media (max-width: 575px){
.t4-section-5-1 .container {
    padding: 0 1rem;
}
}

.cc_div .c-bn {
    padding: 1em 1em !important;
}

#c-bns.swap button:last-child {
    background: #5bc0de;
}

#c-bns button:first-child, #s-bns button:first-child {
    background: #5bc0de;
}

.t4-offcanvas .t4-off-canvas-header .close span {
    color: #fff;
}

.pagination-wrap nav {
    display: flex;
}