/* inputform.css */
@charset "UTF-8";
@charset "iso-8859-15";

/* Le reste de votre CSS va ici */


@font-face {
    font-family: 'Poppins-Light';
    src: url('../fonts/Poppins/Poppins-Light.ttf');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins/Poppins-Bold.ttf');
    font-weight: normal;
    font-style: normal;
  }
  .poppins_semibold{font-family: 'Poppins-SemiBold';}
  .poppins_regular{font-family: 'Raleway';}
  .poppins_medium{font-family: 'Raleway';}
  body {
      font-family: 'Raleway', Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 1.5;
      color: #525252;
      -webkit-font-smoothing: antialiased;
      background:#F3F3F3;
  }
  /*  Loading Screen
  ---------------------*/

  
  .loading-overlay {
      background: #FFF;
      color: #424242;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 111111;
  }
  .loading-overlay .brand {
      margin: 0 auto;
      margin-top: 10%;
      width:96px;
  }
  .loader {
      margin: 0 auto;
      margin-top: 100px;
      font-size: 6px;
      position: relative;
      text-indent: -9999em;
      border-top: 1.1em solid rgba(194, 193, 193, 0.5);
      border-right: 1.1em solid rgba(199, 197, 197, 0.5);
      border-bottom: 1.1em solid rgba(203, 203, 203, 0.5);
      border-left: 1em solid #E64331;
      -webkit-animation: load8 1.1s infinite linear;
      animation: load8 1.1s infinite linear;
  }
  .loader, .loader:after {
      border-radius: 50%;
      width: 10em;
      height: 10em;
  }
  @-webkit-keyframes load8 {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }
  @keyframes load8 {
      0% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }
  .clear {
      clear: both;
  }
  a, a:hover {
      color: inherit;
      text-decoration: none;
  }
  .m-a {
      margin: 1rem !important;
  }
  .m-t {
      margin-top: 1rem !important;
  }
  .m-r {
      margin-right: 1rem !important;
  }
  .m-b {
      margin-bottom: 1rem !important;
  }
  .m-l {
      margin-left: 1rem !important;
  }
  .m-x {
      margin-right: 1rem !important;
      margin-left: 1rem !important;
  }
  .m-y {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
  }
  .m-a-lg {
      margin: 3rem !important;
  }
  .m-t-lg {
      margin-top: 3rem !important;
  }
  .m-r-lg {
      margin-right: 3rem !important;
  }
  .m-b-lg {
      margin-bottom: 3rem !important;
  }
  .m-l-lg {
      margin-left: 3rem !important;
  }
  .m-x-lg {
      margin-right: 3rem !important;
      margin-left: 3rem !important;
  }
  .m-y-lg {
      margin-top: 1rem !important;
      /* margin-bottom: 3rem !important; */
  }
  .m-a-md {
      margin: 1.5rem !important;
  }
  .m-t-ml {
      margin-top: 2rem !important;
  }
  .m-t-md {
      margin-top: 0.6rem !important;
  }
  .m-r-md {
      margin-right: 1.5rem !important;
  }
  .m-b-md {
      margin-bottom: 0.5rem !important;
  }
  .m-l-md {
      margin-left: 1.5rem !important;
  }
  .m-x-md {
      margin-right: 1.5rem !important;
      margin-left: 1.5rem !important;
  }
  .m-y-md {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important;
  }
  .m-a-sm {
      margin: 0.5rem !important;
  }
  .m-t-sm {
      margin-top: 1.5rem !important;
  }
  .m-r-sm {
      margin-right: 0.5rem !important;
  }
  .m-b-sm {
      margin-bottom: 0.5rem !important;
  }
  .m-l-sm {
      margin-left: 0.5rem !important;
  }
  .m-x-sm {
      margin-right: 0.5rem !important;
      margin-left: 0.5rem !important;
  }
  .m-y-sm {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
  }
  .m-a-xs {
      margin: 0.25rem !important;
  }
  .m-t-xs {
      margin-top: 0.25rem !important;
  }
  .m-r-xs {
      margin-right: 0.25rem !important;
  }
  .m-b-xs {
      margin-bottom: 0.25rem !important;
  }
  .m-l-xs {
      margin-left: 0.25rem !important;
  }
  .m-x-xs {
      margin-right: 0.25rem !important;
      margin-left: 0.25rem !important;
  }
  .m-y-xs {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important;
  }
  .m-t-n{
      margin-top: -15px !important;
  }
  .m-t-n-lg {
      margin-top: -68px !important;
  }
  .m-t-n-2lg{
      margin-top: -130px;
  }
  .m-t-xxl{
      margin-top: 150px !important;
  }
  .p-a {
      padding: 1rem !important;
  }
  .p-t {
      padding-top: 1rem !important;
  }
  .p-r {
      padding-right: 1rem !important;
  }
  .p-b {
      padding-bottom: 1rem !important;
  }
  .p-l {
      padding-left: 1rem !important;
  }
  .p-x {
      padding-right: 1rem !important;
      padding-left: 1rem !important;
  }
  .p-x-7 {
      padding-right: 7px !important;
      padding-left: 7px !important;
  }
  .p-x-13 {
      padding-right: 13px !important;
      padding-left: 13px !important;
  }
  .p-x-14 {
      padding-right: 14px !important;
      padding-left: 14px !important;
  }
  .p-x-30 {
      padding-right: 30px !important;
      padding-left: 30px !important;
  }
  .p-x-40 {
      padding-right: 40px !important;
      padding-left: 40px !important;
  }
  .p-y {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
  }
  .p-a-lg {
      padding: 3rem !important;
  }
  .p-t-lg {
      padding-top: 3rem !important;
  }
  .p-r-lg {
      padding-right: 3rem !important;
  }
  .p-b-lg {
      padding-bottom: 3rem !important;
  }
  .p-l-lg {
      padding-left: 3rem !important;
  }
  .p-x-lg {
      padding-right: 3rem !important;
      padding-left: 3rem !important;
  }
  .p-y-lg {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
  }
  .p-a-md {
      padding: 1.5rem !important;
  }
  .p-t-md {
      padding-top: 1.5rem !important;
  }
  .p-r-md {
      padding-right: 1.5rem !important;
  }
  .p-b-md {
      padding-bottom: 1.5rem !important;
  }
  .p-l-md {
      padding-left: 1.5rem !important;
  }
  .p-x-md {
      padding-right: 1.5rem !important;
      padding-left: 1.5rem !important;
  }
  .p-y-md {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
  }
  .p-y-80 {
      padding-top: 80px !important;
      padding-bottom: 80px !important;
  }
  .p-a-sm {
      padding: 0.5rem !important;
  }
  .p-t-sm {
      padding-top: 0.5rem !important;
  }
  .p-r-sm {
      padding-right: 0.5rem !important;
  }
  .p-b-sm {
      padding-bottom: 0.5rem !important;
  }
  .p-l-sm {
      padding-left: 0.5rem !important;
  }
  .p-x-sm {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important;
  }
  .p-y-sm {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;
  }
  .p-a-xs {
      padding: 0.25rem !important;
  }
  .p-t-xs {
      padding-top: 0.25rem !important;
  }
  .p-r-xs {
      padding-right: 0.25rem !important;
  }
  .p-b-xs {
      padding-bottom: 0.25rem !important;
  }
  .p-l-xs {
      padding-left: 0.25rem !important;
  }
  .p-x-xs {
      padding-right: 0.25rem !important;
      padding-left: 0.25rem !important;
  }
  .p-y-xs {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important;
  }
  .padding {
      padding: 1.5rem 1.5rem;
  }
  .margin {
      margin-bottom: 1.5rem;
  }
  .padding-out {
      margin: -1.5rem -1.5rem;
  }
  .no-padding {
      padding: 0px;
  }
  .no-padding_gallerie {
      padding: 0px;
  }
  .no-paddingleft {
      padding-left: 0px;
  }
  .no-paddingright {
      padding-right: 0px;
  }
  .text_left{text-align:left}
  img {
      object-fit: contain;
      object-position: center;
  }
  .proxima-regular{
      font-family: 'ProximaNovaSoft-Regular';
  }
  .proxima-bold{
      font-family: 'ProximaNovaSoft-Bold';
  }
  .fs-10 {
      font-size: 10px;
  }
  .fs-11 {
      font-size: 11px;
  }
  .fs-12 {
      font-size: 12px;
  }
  .fs-13 {
      font-size: 13px;
  }
  .fs-14 {
      font-size: 14px;
  }
  .fs-15 {
      font-size: 15px;
  }
  .fs-16 {
      font-size: 16px;
  }
  .fs-18 {
      font-size: 18px;
  }
  .fs-19 {
      font-size: 19px;
  }
  .fs-20{
      font-size: 20px;
  }
  .fs-21{
      font-size: 21px;
  }
  .fs-22{
      font-size: 22px;
  }
  .fs-23{
      font-size: 23px;
  }
  .fs-24 {
      font-size: 24px;
  }
  .fs-25 {
      font-size: 25px;
  }
  .fs-34 {
      font-size: 34px;
  }
  .fs-35 {
      font-size: 35px;
  }
  .fs-37 {
      font-size: 37px;
  }
  .letter-spacing-1{
      letter-spacing: 1px;
  }
  .letter-spacing-2{
      letter-spacing: 2px;
  }
  .letter-spacing-3{
      letter-spacing: 3px;
  }
  .letter-spacing-4{
      letter-spacing: 4px;
  }
  .l-h-32 {
      line-height: 32px;
      vertical-align: middle;
  }
  .capitalize {
      text-transform: capitalize;
  }
  .uppercase {
      text-transform: uppercase;
  }
  .extralight {
      font-weight: 200 !important;
  }
  .semibold {
      font-weight: 600 !important;
  }
  .relative {
      position: relative;
      overflow: hidden;
  }
  .absolute{
      position: absolute;
  }
  .white-bg {
      background-color: #fff !important;
  }
  .gray-bg,.gray-bg:focus{
      background: #f0f0f0;
  }
  .form-control.gray-bg,.form-control.gray-bg:placeholder{
      color: #7d7d7d;
  }
  .border-radius-0{
      border-radius:0px !important;
  }
  .border-radius-3 {
      border-radius: 3px;
  }
  .rounded{
      border-radius: 100%;
      object-fit: cover;
  }
  .v-center {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) !important;
  }
  .display_block{ display:block;}
  .display_none{ display:none;}
  figure {
      position: relative;
  }
  .c-white{
      color:#fff;
  }
  .c-blue {
      color: rgba(90,148,235,1);
  }
  .c-orange {
      color: rgba(207,162,11,1);
  }
  
  .btn:hover {
      cursor: pointer;
  }
  .truncate {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: top;
      white-space: nowrap;
  }
  .pointer{
      cursor:pointer;
  }
  .full-width{
      width: 100%;
      position: relative !important ;
      display: inline-block !important ;
  }
  .width_img100{
      width:100%;
  }
  img.cover{
      height: 100%;
      width: 100%;
      object-fit:  cover;
  }
  img.contain{
      height: 100%;
      width: 100%;
      object-fit:  contain;
  }
  .mxw-600{
      max-width: 600px;
  }
  .mxw-700{
      max-width: 700px;
  }
  .nowrap{
      white-space: nowrap;
  }
  .h-450{
      height: 450px !important;
  }
  .h-211{
      height: 211px !important;
  }
  .h-215{
      height: 215px !important;
  }
  .h-225{
      height: 225px;
  }
  .h-280{
      height: 280px;
  }
  .bl:before {
      content: "";
      background: #d6d2d2;
      height: 1px;
      width: 30px;
      display: block;
      margin: 0 auto;
      margin-top: -15px;
      margin-bottom: 8px;
  }
  /******************* Form validation *************/
  .form-group {
      margin-bottom: 6px;
      position: relative;
  }
  .required-field {
      color: #DC1A23 !important;
      font-size: 8px;
      position:relative;
      margin-left:5px;
      margin-right:5px;
      top:-5px;
  }
  
  label.error {
      background: #DC1A23 !important;
      color: #fff;
      font-size: 12px;
      border-bottom-right-radius: 3px;
      position: absolute;
      right: 11px;
      padding: 1px 3px;
      bottom: -30px;
      border-top-left-radius: 3px;
      z-index: 11;
      width: auto;
  }
  .input-group label.error {
      bottom: 0px;
      z-index: 9999;
      width: 15%;
  }
  .form-control.error {
      border-left: solid 1px #DC1A23;
  }
  .form-control.minimal {
      height: inherit !important;
      padding: 5px !important;
  }
  
  .alert {
      margin-bottom: 0px;
  }
  .alert p {
      margin-bottom: 0px;
  }
  .borderless {
      border: none;
  }
  .borderless:disabled {
      background: transparent;
      cursor: default;
  }
  #birthday-error {
      margin-right: 15px;
  }
  /******************************* md-check ************************************/
  .md-check {
      cursor: pointer;
      padding-left: 1.25rem;
      margin: 0 ;
      display: inline-block;
      position: relative; 
      margin-right: 15px;
  }
  .md-check input {
      position: absolute;
      cursor: pointer;
      z-index: 1;
      opacity: 0;
      margin-left: -1.25rem; }
  .md-check input:checked + i:before {
      border-width: 0;
      background-color: inherit; }
  .md-check input:checked + span .active {
      display: inherit; }
  .md-check input[type="radio"] + i,
  .md-check input[type="radio"] + i:before {
      border-radius: 50%; }
  .md-check input[type="checkbox"]:checked + i:after {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      left: 6px;
      top: 2px;
      display: table;
      width: 6px;
      height: 12px;
      border: 2px solid;
      border-top: 0;
      border-left: 0;
      content: ' '; }
  .md-check input[type="radio"]:checked + i:after {
      position: absolute;
      left: 6px;
      top: 6px;
      display: table;
      width: 6px;
      height: 6px;
      background: #fff;
      border-radius: 50%;
      content: ' '; }
  .md-check input[disabled] + i:before,
  fieldset[disabled] .md-check input + i:before {
      opacity: 0.5; }
  .md-check input[disabled]:checked + i:before {
      opacity: 0.5; }
  .md-check > i {
      width: 0;
      height: 18px;
      line-height: 1;
      margin-left: -20px;
      margin-top: 1px;
      float: left;
      display: inline-block;
      vertical-align: middle;
      margin-right: 28px;
      position: relative; }
  .md-check > i:before {
      content: "";
      position: absolute;
      width: 18px;
      height: 100%;
      border: 2px solid #9e9e9e;
      border-radius: 2px;
      -webkit-transition: all 0.2s;
      transition: all 0.2s; }
  .md-check > i.no-icon:after {
      display: none !important; }
  
  /******************************* Modal ************************************/
  .modal {
      z-index: 999999;
      top: 15%;
  }
  .modal-backdrop {
      z-index: 99999;
      background-color: rgba(0,0,0,0.7);
  }
  .modal-header, .modal-footer {
      background: #f1f1f1;
      position: relative;
      padding:10px 15px;
  }
  h4.modal-title {
      color: #000;
      font-size: 20px;
  }
  .modal-header .close {
      background: #949494;
      color: #fff;
      padding: 2px 6px;
      border-radius: 2px;
  }
  .modal-body h6 {
      font-size: 16px;
      font-weight: 400;
  }
  .modal-body ul {
      list-style: none;
      padding: 0px;
  }
  .modal-body ul > li:before {
      content: "\f138";
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-right: 5px;
  }
  
  /*************** NavBar ***********/
  .rd-navbar-static.rd-navbar-top-panel.rd-navbar-light .rd-navbar-top-panel{
      background-color: #4d4d4d !important;
  }
  .rd-navbar-top-panel.rd-navbar-light .rd-navbar-top-links a:hover{
      background-color: #ADADAD !important;
  }
  .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a:after, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li > a:after, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li > a:after{
      background:#75C04E
  }
  .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li + li, .rd-navbar-floated.rd-navbar-static .rd-navbar-nav > li + li, .rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li + li {
       padding: 12px 10.67px;
      float: left;
  }
  /****************************************/
  .title_social_lin_h{font-family: 'Raleway'; font-size:11px; color:#fff; text-transform:uppercase; padding-left:28px; float:right;}
  .flag_header{ margin-left:5px; margin-right:5px; width:20px !important;}
  .social-links {
      list-style:none;
      float: right !important;
      height: 32px;
      line-height:32px;
      width: 100%;
      font-size: 13px;
      color: #646464;
      font-weight: 300;
  }
  .social-links a {
      line-height: 32px;
      float:right;
      display: inline-block !important;
      background: rgb(59 89 152);
      height: 32px;
      width: 36px;
      text-align: center !important;
      padding:0 !important;
      /*margin:0 !important;*/
      font-size: 11px !important;
      color: #fff !important;
      overflow: hidden;
  
  }
  .social-links a span {
      display: block;
      position: relative;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease, -webkit-transform .3s ease
  }
  .social-links a span .hover {
    left:0px;
      position: absolute;
      top: 100%;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
  }
  .social-links a i {
      display: inline-block;
      color: #fff;
      font-size: 11px;
      padding: 8px 0px;
  }
  .social-links a:hover span {
      display: inline-block;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }
  .social-links a.facebookreseau{
      background-color: #3B5998;
  }
  .social-links a.twitter{
      background-color: #55ACEE;
  }
  .social-links a.youtube{
      background-color: #CC181E;
  }
  .social-links a.rss{
      background-color: #F29738;
  }
  .social-links a.google-plus{
      background-color: #DD4B39;
  }
  .social-links a.instagram{
      background-color: #D22691;
  }
  /****************************************/
  .lang-link {
      overflow: hidden;
  }
  li.dropdown.lang {
      width: auto !important;
      height:98px;
          margin-right: 21px;
  }
  li.dropdown.lang .dropdown-toggle::after {
      border-top: .3em solid;
      border-right: .3em solid transparent;
      border-left: .3em solid transparent;
  }
  
  .lang .dropdown-menu, .lang-dropdown {
      padding: 0px !important;
      left: 0px;
      top: 0px;
      background-color: #BEC0C4;
      border: none;
      min-width:300px !important;
      width: 300px !important;
      height:30px;
      max-width:300px;
  }
  .lang-dropdown li {
      float: right;
      width:100px;
      display:inline-block;
      padding: 0px;
  }
  .lang-dropdown li a {
      padding: 0.5px 11px !important;
  }
  i.category-color-dot {
      position: absolute;
      width: 6px;
      height: 6px;
      display: block;
      border-radius: 100%;
      top: 0px;
      left: 45%;
      z-index: 9;
  }
  
  
  /*---homepage---*/
  
  
  .titre_home1r{font-family: 'Raleway'; font-weight:700; padding-left:30px;  margin-bottom:17px;background:#429cc9;width:100%;height:50px;line-height:50px;}
  .titre_home1r h1{font-size:16px !important; color:#fff; text-align:left !important}
  .titre_home1r i{font-size:14px !important; color:#fff; padding-right:15px;text-align:left !important}
  
  .titre_home2r{font-family: 'Raleway'; font-weight:700;  padding-left:30px;  margin-bottom:17px;background:#75C04E;width:100%;height:50px;line-height:50px;}
  .titre_home2r h1{font-size:16px !important; color:#fff; text-align:left !important}
  .titre_home2r i{font-size:14px !important; color:#fff; padding-right:15px;text-align:left !important}*
  
  .titre_home3r{font-family: 'Raleway'; font-weight:700;  padding-left:30px; background:#7D4DB9;width:100%;height:50px;line-height:50px;}
  .titre_home3r h1{font-size:16px !important; color:#fff; text-align:left !important}
  .titre_home3r i{font-size:14px !important; color:#fff; padding-right:15px;text-align:left !important}
  
  .bloc_homeprojet{ margin-left:15px; min-height:98px; width:100%;  }
  .slogan_projet{ width:auto; height:15px; display:inline-block; border-radius:3px;font-family: 'Raleway'; line-height:15px; }
  .slogan_projet span{ padding-left:8px; padding-right:8px; text-transform:uppercase; color:#fff; font-size:9px; }
  .titre_stabs{ color:#242424; line-height:1.3; padding-top:5px;font-family: 'Raleway'; overflow:hidden; height:55px}
  .titre_sprojet{ color:#242424; line-height:1.3; padding-top:5px;font-family: 'Raleway';text-align: left;}
  .date_sprojet{ color:#575757; line-height:1.3; padding-top:15px; font-size:11px;text-align: left;}
  .read_more_hprojet{float:left;width:100%;bottom:0;/* background:#fafafa; */border-top: solid 1px #f4f4f4;width:100%;height: 32px;/* padding-left:30px; *//* padding-right:15px; */line-height: 31px;color:#9fa5ad;font-size:12px;text-transform:uppercase;}
  .read_more_hprojet:hover{ background:#BEC0C4; color:#fff;}
  .projet_home figure img{ height:100px !important; max-height:100px !important; min-height:auto !important}
  
  .corp{ float:left; width:100%; height:auto; background:#f4f4f4; min-height:200px; }
  /*--actualite_home---*/
  .title_sercice_h{ position:absolute; background:url(../img/service_title.png) left top no-repeat; width:249px; height:49px; z-index:111; margin-left:-10px; margin-top:20px; font-size:16px; color:#fff; line-height:43px;font-family: 'Raleway'; font-weight:700;  padding-left:30px;}
  .title_sercice_h2{ position:absolute; background:url(../img/service_title2.png) left top no-repeat; width:249px; height:49px; z-index:111; margin-left:-10px; margin-top:20px; font-size:16px; color:#fff; line-height:43px; font-family: 'Raleway'; font-weight:700;  padding-left:30px;}
  .title_espace_h{ position:absolute; background:url(../img/espace_title.png) left top no-repeat; width:243px; height:48px; z-index:111; margin-left:-10px; margin-top:20px; font-size:16px; color:#fff; line-height:43px; font-family: 'Raleway'; font-weight:700;  padding-left:30px;}
  .title_espace_h2{ position:absolute; background:url(../img/espace_title2.png) left top no-repeat; width:243px; height:48px; z-index:111; margin-left:-10px; margin-top:20px; font-size:16px; color:#fff; line-height:43px; font-family: 'Raleway'; font-weight:700; padding-left:30px;}
  .bloc_homeactg{ min-height:auto; width:100%;  }
  .titre_acthg{ color:#242424; line-height:1.3; padding-top:15px; font-size:14px;font-family: 'Raleway'; height:55px; overflow:hidden;background:#fff;padding-left:15px;text-align: left;}
  .date_acthgt{ color:#575757; line-height:1.3; padding-top:8px; font-size:11px;height:25px;overflow:hidden}
  .p_acthgt,.p_acthgt p{ color:#575757; line-height:1.5; padding-top:8px; font-size:12px;font-family: 'Raleway'; }
  .p_acthgt{height:70px; overflow:hidden}
  .hr_act_h{ float:left; width:100%; border-top-color:#F5F5F5}
  .bloc_homeavis{ margin-left:5%; min-height:41px; width:100%;border-bottom:solid 1px #ccc  }
  .bloc_homeavis:last-child{border-bottom:none;}
  
  .bloc_homeact{margin-left:5%;min-height: 32px;width:100%;border-bottom:solid 1px #ccc}
  .bloc_homeact:last-child{border-bottom:none;}
  .titre_sact{ color:#242424; line-height:1.3; padding-top:5px; overflow:hidden; height: 40px;}
  .p_sact{ color:#575757; line-height:1.3; padding-top:15px;font-size:12px;font-family: 'Raleway'; overflow:hidden; height: 45px; text-align:left}
  .espaceg_img figure img{ height:245px !important; max-height:245px !important; min-height:auto !important}
  .espacep_img figure img{ height:85px !important; max-height:85px !important; min-height:auto !important}
  
  .title_tabs_right2{border-radius: 8px;float:left;width:100%;min-height: 57px;/* background:#429CC9; */background: linear-gradient(to left,#565454, #e32f33);color:#fff;font-size: 16px;font-family: 'Raleway';font-weight:700;padding-left:15px;line-height: 0.8;padding-top:12px;text-align: left;}
  .title_tabs_right2 span{font-family: 'Poppins-Light';}
  .title_tabs_right3{border-radius: 8px;float:left;width:100%;min-height: 38px;background: linear-gradient(to left,#565454, #e32f33);color:#fff;font-size:16px;font-family: 'Raleway';font-weight:700;padding-left:15px;line-height: 0.8;padding-top:12px;text-align: left;}}
  .title_tabs_right3 span{font-family: 'Poppins-Light';}
  
  .title_tabs_right{float:left;width:100%;min-height: 38px;background: #e22128;background: linear-gradient(to left,#565454, #e32f33);border-radius: 11px;color:#fff;font-size: 15px;font-family: 'Raleway';font-weight:700;padding-left:15px;line-height: 0.8;padding-top:12px;text-align: left;}
  .title_tabs_right span{font-family: 'Poppins-Light';}
  .tabs_tabs_right{ float:left; width:100%; min-height:313px; background:#fff; margin-top:12px;}
  .bloc_homeright{ min-height:98px; width:auto; margin-bottom:0px;  }
  .date_sright{ color:#575757; line-height:1.3; padding-top:5px; font-size:11px;}
  #tabs_right{ margin:15px;}
  #tabs_right_content{ margin:15px; margin-top:15px; }
  #tabs_right .nav-link{border:none;}
  #tabs_right .nav-link:hover,#tabs_right .nav-link.active { border:none; border-bottom: solid 2px #e11419;}
  #tabs_right .nav-link { padding:1em 0.38em !important; font-size:11px}
  .calender_right{float:left;width:100%;height:280px;/* background:#1F93CD; */}
  .table_calender{width:95%; height:200px; background:#fff; top:220px; position:absolute; z-index:111}
  .act_h_img figure img{ height:90px !important; max-height:90px !important; min-height:auto !important}
  
  /*----end actualiehome---*/
  
  /*----bg_galerieh----*/
  .bg_galerieh{float:left; width:100%; min-height:472px; background:#3F4246 url(../img/bg_galerie.png) top center no-repeat; background-size: cover; background-position: center;}
  .img_galerieh{ padding:5px}
  .title_galerieh{ width:100%; height:50px; margin-top:30px; font-size:18px; color:#fff; font-family: 'Raleway'; font-weight:700; margin-bottom:35px;}
  .read_all_gallery{ text-align:right;color:#fff; font-family: 'Raleway'; font-size:11px; text-transform:uppercase; float:right; padding-top:5px;}
  .read_all_gallery a{ color:#fff; width:auto; display:block; height:40px; padding-left:15px; padding-right:15px; background:#093EB6; line-height:40px;}
  .read_all_gallery a:hover{ color:#fff; background:#DE0303}
  .bloc_imggalerie1{ padding-left:1px; padding-right:0px;}
  .bloc_imggalerie2{ padding-left:6px; padding-right:0px; padding-bottom:6px}
  .img_galerie1{ margin-top:0px; width:100%}
  .img_galerie2{ margin:0px}
  .icone_galery2{ font-size:1.2rem;     position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -15px;
      margin-top: 20px;
      width: 30px;
      height: 30px;}
  .img_geleryg figure{ height:294px;}
  .img_geleryp figure{ height:144px;}
  /*----end bg_galerieh----*/
  /*--hfooter--*/
  .hfooter{ float:left; width:100%; background:#F4F4F4;}
  .home_hf{float:left;width:100%;min-height:175px;background: #f8f8f8;margin-top:12px;}
  #sport_home{min-height:254px; height:254px; }
  #sport_home .owl-controls{ position:absolute; top:-55px; right:15px}
  #other_act{min-height:254px;}
  #other_act .owl-controls{ position:absolute; top:-55px; right:15px}
  .bloc_homehf{ min-height:98px; margin-bottom:15px; margin-top:15px;  }
  .bloc_homehf figure img{ height:135px !important; max-height:135px !important; min-height:auto !important}
  .img_sport figure img{ height:135px !important; max-height:135px !important; min-height:auto !important}
  .img_other_act{ min-height:135px; margin-bottom:15px; margin-top:15px;  }
  .img_other_act figure img{ height:135px !important; max-height:135px !important; min-height:auto !important}
  
  
  .img_link figure img{ height:90px !important; max-height:90px !important; min-height:auto !important}
  .paddinglink{ padding-left:5px !important; padding-right:5px !important}
  
  .pull-left1{float:right;padding-left:88px;}
  #liens_utiles .owl-controls{ position:absolute; bottom:141px; right:8px}
  .lien_utile{ margin-left:15px; margin-right:15px;}
  .img_link{ border:none;}
  #tabs1_carroussel .owl-controls{ position:absolute; top:-125px; right:5px}
  #tabs2_carroussel .owl-controls{ position:absolute; top:-125px; right:5px}
  #tabs3_carroussel .owl-controls{ position:absolute; top:-125px; right:5px}
  #tabs4_carroussel .owl-controls{ position:absolute; top:-125px; right:5px}
  
  .meteo_bg{ background:#033758; height:210px; float:left; width:100%; position:relative}
  .description_meteo{ position:absolute !important; z-index:1;  width:40%; color:#fff;font-family: 'Poppins-Light'; font-size:13px; left:60%; margin-top:15px;}
  .description_meteo span{ font-family:'Raleway'; font-size:18px;} 
  
  .home_right_block{ float:left; width:100%; min-height:auto; background:#fff; margin-top:0px; }
  
  .home_sondage{ float:left; width:100%; min-height:198px;/*margin-top:12px !important; */ background-color:#fff}
  .home_sondage p{/* font-size: 100% !important; */padding:15px;color:#242424;width:100%;padding-bottom:5px;font-family:'Raleway' !important;text-align: left;}
  .checkbox_sondage_tot{ float:left; width:100%; padding-left:15px; padding-right:15px;}
  .read_more_hsondage{margin-top: 8px;position:relative;bottom: 8px;right: 14px;border-radius: 25px;padding: 0px 29px;background: #de3135;/* width:100% !important; */font-weight: 600;height: 28px;line-height: 20px;color:#fff;font-size:12px;float: right;text-align:center;text-transform:uppercase;margin-top:0px;border:0 !important;outline:none !important}
  .read_more_hsondage:hover{ background:#BEC0C4; color:#fff; border:0 !important; outline: none !important} 
  #sondage_home .owl-controls{ position:absolute; top:-55px; right:15px}
  
  /*--end hfooter--*/
  /*--end homepage---*/
  
  /*---footer--*/
  /* Effect slide in: same word slide in */
  .cl-effect-in a {
      overflow: hidden;
      padding: 0 4px;
      height: 1em;
  }
  .cl-effect-in a span {
      position: relative;
      display: inline-block;
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
  }
  .cl-effect-in a span::before {
      position: absolute;
      top: 100%;
      content: attr(data-hover);
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  .cl-effect-in a:hover span, .cl-effect-in a:focus span {
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      transform: translateY(-100%);
  }
  .footer {
      min-height: auto;
      /* background-color: #565454; */
      background: linear-gradient(to top,#1a1a1a, #982225 );
      color: #fff;
      float:left;
      width:100%;
  }
  
  section.footer ul {
      padding: 0px;
      margin: 0px;
      margin-top: 20px;
      list-style: none;
      font-size: 12px;
      color:#BED1F9;
      font-family: 'Raleway';
  }
  .footer h4 {
      font-size: 14px;
       color:#fff;
       font-family: 'Raleway'; font-weight:700; 
  }
  .footer p {
      font-size: 12px;
       color:#BED1F9;
       font-family: 'Raleway';
  }
  .footer p span {
      font-size: 11px;
       color:#fff;
       font-family: 'Raleway';
       text-transform:uppercase
  }
  
  .footer a {
      font-size: 12px;
      display: inline-block;
      line-height: 15px;
      height: 15px;
      -webkit-transition: color .4s ease;
      transition: color .4s ease;
      position: relative;
  }
  
  .footer a span {
      display: inline-block;
      position: relative;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease, -webkit-transform .3s ease;
  }
  .footer a span:before {
      color: #fff;
      content: attr(data-hover);
      position: absolute;
      top: 100%;
      left: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  .footer-bar {
      /* background: #281a1b; */
      background: linear-gradient(to top,#1a1a1a, #281a1b );
      min-height: 50px;
      margin-top:80px;
  }
  .footer .social-links a{
    height: 30px;
    width: 30px;
    line-height: 29px;
    border-radius: 101%;
    margin-right: 10px !important;
  }
  
  .footer ul li.cl-effect-in a,
  .footer ul li.cl-effect-in span{
      width: 100%;
  }
  .msg_newsletter{ padding-top:5px; font-size:10px; color:#00B522; width:100%; display:block }
  .input_newsletter{ height:40px; background:#fff; width:100%; padding-left:10px;outline:none !important}
  .btn_newsletter{ right:15px; margin-top:0px; position:absolute; width:100px; background:#125576; color:#fff; font-size:12px; border:none; height:40px; outline:none !important; text-transform:uppercase}
  
  .copyright-gremda {
      float: left;
      margin-top: 16px !important;
      font-size: 12px;
      font-size:12px;font-family: 'Raleway';
      color:#BED1F9;
  }
  .copyright-wg {
      line-height: 50px;
      font-size: 12px;
      font-size:12px;font-family: 'Raleway';
      color:#BED1F9;
      text-align:right !important;
  }
  .copyright-wg a {
      color: #BED1F9
  }
  .copyright-wg a:hover {
      color: #edb244
  }
  
  /*---end footer--*/
  
  
  .displaydesctop{display:block}
  .displaymobile{display:none}
  @media (max-width: 1199px){
  .rd-navbar-brand .pull-right.logo_tunisie{ display:none !important}
  .rd-navbar-brand .pull-left.logo {  margin-left:38%;}
  .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-brand {display:flex !important}
  .rd-navbar-static.rd-navbar-top-panel .rd-navbar-top-panel-toggle{display:flex !important;float: left !important;
      height: 42px !important;}
  .rd-navbar-brand .pull-left.logo {
         margin-top: -49px !important;
      margin-left: 91px !important;
      height: 47px!important;
  }
  .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-nav li a{text-align:left}
  
  .displaydesctop{display:none}
  .displaymobile{display:block}
  }
  @media (max-width: 992px){
  .no-paddingright{ padding-right:15px; }
  .no-paddingleft{ padding-left:15px; }
  .bloc_homeright{  width:auto;  }
  .bloc_homeright .no-padding{ padding-left:15px; padding-right:15px;}
  .bloc_homeact{ margin-left:0px; margin-right:15px;}
  figure.effect-julia img{ width:100%; object-fit: cover;}
  .bloc_homeprojet{ margin-left:0px }
  .ls-bg{ width:100% !important; margin-left:0 !important; height:auto !important; margin-top:0 !important}
  .slide_home,.homepage-slider,.white-bg,.bloc_homeactg{float:left !important;width:100% !important; }
  }
  @media (max-width: 480px){
      .bloc_imggalerie1{ padding-left:15px; padding-right:15px;}
      .bloc_imggalerie2{ padding-left:15px; padding-right:15px;}
      .img_galerie2{ width:100%}
  }
  
  /*----page---*/
  section.page-content {
      min-height: 400px;
  }
  .content_page{direction: ltr;}
  .page-content .page-header {
      height: 190px;
      padding-bottom: 30px;
      background-position: center center !important;
      background-size: cover !important;
      background: url(../img/bg_contact.jpg);
      background-repeat: no-repeat;
      color: #fff;
      /* filter: contrast(116%) brightness(92%) saturate(2);*/
  }
  .pattern {
      /*background: rgba(16,23,35,0.8);*/
      height: 100%;
  }
  .page-content .page-header h1 {
      font-size: 36px;
      color: #fff;
      text-shadow: 1px 1px 4px #000000;
      font-weight: 600;
      padding-top: 80px;
  }
  .page-content .page-header h6 {
      font-size: 18px;
      color: #fff;
      font-weight: 200;
  }
  /*---end pages---*/
  
  /*---contact---*/
  .icon-container{ width:70px; margin:0 auto; display:inline-block}
  .icon-container img {
      height: 70px;
      border:solid 1px #3E3E3E;
      padding:15px;
      color:#3F3F3F;
      margin-top:40px;
      margin-bottom:20px;
  }
  .page_contact h1 {
           font-size: 36px;
      font-family: 'Raleway';
      font-weight: 700;
      width: 100%;
      text-align: center;
      padding-top: 80px;
      color: #1f93cd;
      width: 100%;
  }
  .page_contact p {
      font-size: 16px;
      color: #141312;
      font-family: 'Poppins-Light';
      width:100%;
      text-align:center
  }
  
  .page_tous h1 {
      font-size: 36px;
      color: #141312;
      font-family: 'Raleway'; font-weight:700; 
      width:100%;
      text-align:center;
      padding-top:0px;
  }
  
  
  .icone1_contact{ width:75px;  text-align:left;  left:0; float:left;}
  #icone1_contact path, #icone1_contact rect  {
      fill: #3e3e3e;
  }
  .map_text{ position:absolute; width:300px; height:320px; left:15%; margin-top:-390px; background:rgba(0,0,0,0.7); z-index:1111}
  .map_title{ width:100%; height:60px; background:#093EB6; padding-left:15px; padding-right:15px; line-height:60px; color:#fff; font-family: 'Poppins-Light'; font-size:18px; }
  .map_title span.pull-right{text-align:right; font-family: 'Poppins-Light' !important; font-size:16px; }
  .map_content1{ color:#f53e43; font-size:12px; padding-left:15px; padding-top:15px; text-transform:uppercase}
  .map_content2{ color:#fff; font-family: 'Poppins-Light';  font-size:12px; padding-left:15px; padding-top:15px;}
  .map_content2 span{font-family: 'Raleway'; font-weight:700; }
  
  .icone2_contact{ width:20px; height:20px; text-align:left; margin-top:20px;  left:0; float:left;}
  #icone2_contact path, #icone2_contact rect  {
      fill: #fff;
  }
  
  .service-box-icon{ }
  .form_contact{ background:url(../img/contact_form.jpg) top center no-repeat; background-size: cover; background-position: center; min-height:747px;}
  .form_contact_text h1 {
      padding-top:80px;
      font-size: 36px;
      color: #141312;
      font-family: 'Raleway'; font-weight:700; 
      width:100%;
      text-align:center
  }
  .form_contact_text p {
      font-size: 16px;
      color: #141312;
      font-family: 'Poppins-Light';
      width:100%;
      text-align:center
  }
  .btn-blue {
      -webkit-border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;
      -moz-border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;
      border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;
      background-image: -webkit-linear-gradient(bottom, #02334d, #017a9c);
      background-image: -moz-linear-gradient(bottom, #02334d, #017a9c);
      background-image: -o-linear-gradient(bottom, #02334d, #017a9c);
      background-image: -ms-linear-gradient(bottom, #02334d, #017a9c);
      background-image: linear-gradient(to top, #02334d, #017a9c);
      border: solid 1px #017a9c;
      color: #fff !important;
      padding: 8px;
      font-weight: 200;
      font-size: 18px;
  }
  .btn-blue:hover {
      color: #fff;
      background-image: -webkit-linear-gradient(bottom, #017a9c, #02334d);
      background-image: -moz-linear-gradient(bottom, #017a9c, #02334d);
      background-image: -o-linear-gradient(bottom, #017a9c, #02334d);
      background-image: -ms-linear-gradient(bottom, #017a9c, #02334d);
      background-image: linear-gradient(to top, #017a9c, #02334d);
  }
  .btn-black {
  background: #565454;
  color: #fff !important;
  border-radius:0;
  height:40px;
  font-size: 12px;
  text-transform:uppercase
  }
  .btn-black:hover {
      color: #fff;
      background: #952224;
  }
  .btn-lg {
      padding: 8px 40px;
  }
  .form-control{ border-radius:0 !important} 
  .inputcontact{ height:40px !important; margin-top:15px !important; float:left; width:100%}
  .input_contact{ height:40px !important; max-height:40px !important;  border:solid 1px #aaa !important}
  .bloc_input_contact{ height:70px; max-height:70px;}
  
  .bloc_textarea_contact{ height:210px; max-height:210px;}
  .textareacontact{ min-height:40px !important; margin-top:15px !important; float:left; width:100%}
  .textarea_contact{ height:170px !important; max-height:170px !important;  border:solid 1px #aaa !important}
  
  .form textarea{
    height: 120px
  }
  .form .input--fumi{
    border: 1px solid #e5e5e5;
  }
  .input__field--fumi {
       padding: 1.5em 1em 0.25em 4.15em !important;
   }
  .form .icone--fumi {
      padding: 14px 0 0 8.5px;
  }
  /*---end contact----*/
  
  /*---page_realisation---*/
  .page_realisation{ min-height:250px; margin-top:15px;}
  .right_realisation{ min-height:250px; background:#fff; }
  .slogan_realisation{ width:auto; height:15px; display:inline-block; border-radius:3px;font-family: 'Raleway'; line-height:15px; margin:15px; float:left;}
  .slogan_realisation span{padding-left:8px; padding-right:8px; text-transform:uppercase; color:#fff; font-size:9px; }
  .titre_realisation{ float:left; width:100%;color:#242424; line-height:1.2;  padding-left:15px; padding-right:15px; height:50px;font-family: 'Raleway'; font-weight:700;  font-size:14px; overflow:hidden; }
  .titre_realisationp{ float:left; width:100%;color:#242424; line-height:1.2;  padding-left:15px; padding-right:15px; height:50px;font-family: 'Raleway'; font-weight:700;  font-size:18px; overflow:hidden; }
  /*.title_realisation{ overflow: hidden; position: relative; line-height: 1.2; max-height: 3.6em; text-align: justify; margin-right: -0.5em; padding-right: 1em;}
  .title_realisation:before { content: '...'; position: absolute; right: 0.4em; bottom: 0;}
  .title_realisation:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em;}*/
  .date_realisation{ float:left; width:100%; height:20px; color:#575757; line-height:1.3; padding-top:5px; padding-left:15px; padding-right:15px; font-size:11px;font-family: 'Raleway'; }
  .desc_realisation{float:left; width:100%; min-height:85px; height:85px;padding-left:15px; padding-right:15px; padding-top:10px; color:#575757;font-size:12px;font-family: 'Raleway'; }
  .desc_realisationtrunc{ overflow: hidden; position: relative; line-height: 1.2; max-height: 5.8em; text-align: justify; margin-right: -0.5em; padding-right: 1em;}
  .desc_realisationtrunc:before { content: '...'; position: absolute; right: 0.4em; bottom: -0.2em;}
  .desc_realisationtrunc:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em;}
  
  .read_more_realisation{ background:#093EB6; border-top: solid 1px #f4f4f4; width:100% !important; height:40px;  line-height:40px; color:#fff; font-size:12px;  text-align:center; text-transform:uppercase; display:inline-block;bottom:0; max-width:100%; padding-left:15px; padding-right:15px; float:left; margin-top:10px;}
  .read_more_realisation:hover{ background:#BEC0C4; color:#fff;}
  
  .raidus_icone_realisation{ border-radius:500px; border:solid 1px #fff; width:23px; height:23px; display:inline-block;margin-top:8px; float:left; margin-right:8px; line-height:23px;}
  
  .ajax_realisation{ background:#093EB6; border-top: solid 1px #f4f4f4; width:auto !important; height:40px;  line-height:40px; color:#fff; font-size:12px;  text-align:center; text-transform:uppercase; display:inline-block;bottom:0; max-width:100%; padding-left:50px; padding-right:50px; margin-top:15px; text-decoration:none !important; color:#fff !important;}
  .ajax_realisation:hover{ background:#BEC0C4; color:#fff;}
  .realisation_img figure{ height:250px;}
  
  #no_more_realisation{ display:none}
  #no_more_realisation a{ background:#BEC0C4; border-top: solid 1px #f4f4f4; width:auto !important; height:40px;  line-height:40px; color:#fff !important; font-size:12px;  text-align:center; text-transform:uppercase; display:inline-block;bottom:0; max-width:100%; padding-left:50px; padding-right:50px; margin-top:15px; text-decoration:none !important;  }
  /*--end page_realisation---*/
  
  /*---page_actualites---*/
  .page_actualites{  min-height:278px; margin-top:15px;}
  .right_actualites{ min-height:210px;  }
  .date_pacttot{ position:absolute; width:50px; height:83px; float:left; border-bottom:solid 1px #00B522}
  .date_pact{ height:50px; width:50px; float:left; border-radius:3px; line-height:50px; text-align:center; color:#fff;font-family: 'Raleway'; font-size:28px;}
  .text_pact{ float:left; width:100%; height:34px; line-height:34px;line-height:34px; text-align:center; color:#242424;font-family: 'Raleway'; font-size:18px;}
  
  .bloc_act_detailh{ float:left; width:100%; height:85px; padding-left:85px;}
  .slogan_actualites{ width:auto; height:15px; display:inline-block; border-radius:3px;font-family: 'Raleway'; line-height:15px;}
  .slogan_actualites span{padding-left:8px; padding-right:8px; text-transform:uppercase; color:#fff; font-size:9px; }
  .titre_actualites{ color:#242424; line-height:1.2; height:65px; padding-top:5px;  border-bottom:solid 1px #818181; overflow:hidden;font-family: 'Raleway'; font-weight:700; font-size:14px; }
  .titre_actualitesp{ color:#242424; line-height:1.2; height:65px; padding-top:5px;  border-bottom:solid 1px #818181; overflow:hidden;font-family: 'Raleway'; font-weight:700; font-size:18px; }
  .title_actualites{ height:50px; overflow:hidden;}
  .desc_actualites{ float:left; width:100%; height:76px; overflow:hidden; margin-top:15px;font-family: 'Raleway';}
  .desc_actualitetrunc{ overflow: hidden; position: relative; line-height: 1.3; max-height: 6.2em; text-align: justify; margin-right: -0.5em; padding-right: 1em;}
  .desc_actualitetrunc:before { content: '...'; position: absolute; right: 0.4em; bottom: -0.2em;}
  .desc_actualitetrunc:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em;}
  .desc_actualitesp{ float:left; width:100%; min-height:76px; overflow:hidden; margin-top:15px;font-family: 'Raleway';}
  
  .other_actualites{ background:#fff; height:auto; margin-top:12px; float:left; width:100%}
  .img_act figure{ height:262px;}
  .ajax_actualites{ background:#093EB6; border-top: solid 1px #f4f4f4; width:auto !important; height:40px;  line-height:40px; color:#fff !important; font-size:12px;  text-align:center; text-transform:uppercase; display:inline-block;bottom:0; max-width:100%; padding-left:50px; padding-right:50px; margin-top:15px; text-decoration:none !important;  margin-bottom:3rem}
  .ajax_actualites:hover{ background:#BEC0C4; color:#fff;}
  
  #no_more_news{ display:none}
  #no_more_news a{ background:#BEC0C4; border-top: solid 1px #f4f4f4; width:auto !important; height:40px;  line-height:40px; color:#fff !important; font-size:12px;  text-align:center; text-transform:uppercase; display:inline-block;bottom:0; max-width:100%; padding-left:50px; padding-right:50px; margin-top:15px; text-decoration:none !important; margin-bottom:3rem }
  
  .page_association{  min-height:158px; margin-top:15px;}
  .right_associations{ min-height:150px; border-bottom:solid 1px #818181; margin-top:15px; }
  .titre_associations{ color:#242424; line-height:1.3; min-height:30px; padding-top:5px;  font-family: 'Raleway'; font-size:14px;}
  .right_association{ min-height:50px;  }
  .titre_association{ color:#242424; line-height:1.3; min-height:50px; padding-top:5px;  border-bottom:solid 1px #818181;font-family: 'Raleway'; font-weight:700; }
  .titre_association span{ font-size:12px !important;font-family: 'Raleway'; padding-top:10px !important; float:left; width:100%}
  .desc_association{ float:left; width:100%; height:60px; overflow:hidden;  font-family: 'Raleway';padding-top:15px; font-size:12px; }
  .desc_associationtrunc{ overflow: hidden; position: relative; line-height: 1.3; max-height: 3.5em; text-align: justify; margin-right: -0.5em; padding-right: 1em;}
  .desc_associationtrunc:before { content: '...'; position: absolute; right: 0.4em; bottom: -0.2em;}
  .desc_associationtrunc:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em;}
  .btn_association{ float:right; background:#E64331; width:auto !important; height:40px;  line-height:40px; color:#fff !important; font-size:12px;  text-align:center; text-transform:uppercase; display:inline-block;bottom:0; max-width:100%; padding-left:20px; padding-right:20px; margin-top:15px; text-decoration:none !important}
  .btn_association:hover{ background:#BEC0C4; color:#fff;}
  .img_associaction figure{ height:165px; max-height:165px}
  /*--end page_realisation---*/
  
  /*---loading--*/
  
  [class^="face"] {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  
  .face1 {
    background-image:url(../img/logo.png);
    background-repeat:no-repeat;
    z-index: 200;
    backface-visibility: hidden;
  }
  
  .face2 {
    background-image:url(../img/logo.png);
    background-repeat:no-repeat;
    z-index: 100;
  }
  
  @keyframes anim {
    0% {
      transform: rotateY(0deg);
    }
    100% {
      transform: rotateY(360deg);
    }
  }
  /*--end loading--*/
  
  
  /*---espace1--*/
  .tabs_espace1{ margin:0 !important; border-bottom:none !important }
  .tabs_espace1 .nav-item{ margin:0 auto; z-index: padding:0 ; width: auto; float:none !important; display:inline-flex !important; font-size:12px;}
  .tabs_espace1 .nav-item{  background:none; width:12% !important; max-width:12% !important; padding-left:0% !important; padding-right:0% !important; position:relative;}
  
  .tabs_espace1 .nav-item .nav-link{ border-color:transparent !important; background:#f1f1f1 !important;border-radius:0 !important;padding:15px; height:130px; line-height:1.2; width:100%}
  .tabs_espace1 .nav-item .nav-link:hover{background:#E11218 !important; color:#fff; }
  .tabs_espace1 .nav-item .nav-link.active{background:#E11218 !important; color:#fff; }
  .tabs_espace1 .nav-item .nav-link span{ width:100%; margin:0 auto; float:left;}
  
  .tabs_espace1 .nav-item .nav-link div.icone_carret{ position:absolute; width:77%; height:30px;top:118px;  }
  .tabs_espace1 .nav-item .nav-link div.icone_carret i, .tabs_espace1 .nav-item .nav-link:hover div.icone_carret i{ display:none !important;}
  .tabs_espace1 .nav-item .nav-link.active div.icone_carret i{ display:block !important; margin:0 auto; width:30px; height:30px; font-size: 30px; float: none; left:0; color:#E11218 }
  
  .icone1_tabs{ width:50px; height:50px; text-align:left; margin-top:0px;}
  .tabs_espace1 .nav-item .nav-link:hover #icone1_tabs path, .tabs_espace1 .nav-item .nav-link:hover #icone1_tabs rect ,.tabs_espace1 .nav-item .nav-link.active #icone1_tabs path, .tabs_espace1 .nav-item .nav-link.active #icone1_tabs rect {fill: #fff;}
  
  .tabs_espace1 .nav-item .nav-link #icone1_tabs path, .tabs_espace1 .nav-item .nav-link #icone1_tabs rect {fill: #E11218;}
  /*--end espace1--*/
  
  /*---espace2--*/
  .tabs_espace2{ margin:0 !important; border-bottom:none !important }
  .tabs_espace2 .nav-item{ margin:0 auto; z-index: padding:0 ; width: auto; float:none !important; display:inline-flex !important; font-size:14px;}
  .tabs_espace2 .nav-item{  background:none; width:24% !important; max-width:24% !important; padding-left:0% !important; padding-right:0% !important; margin-top:5px;}
  
  .tabs_espace2 .nav-item .nav-link{ border-color:transparent !important; background:#f1f1f1 !important;border-radius:0 !important;padding:15px; height:70px; line-height:1.2; width:100%}
  .tabs_espace2 .nav-item .nav-link:hover{background:#E11218 !important; color:#fff; }
  .tabs_espace2 .nav-item .nav-link.active{background:#E11218 !important; color:#fff; }
  .tabs_espace2 .nav-item .nav-link span.icone_esp2{ float:left;}
  .tabs_espace2 .nav-item .nav-link span.title_esp{ width:100%; }
  
  
  .tabs_espace2 .nav-item .nav-link i{ display:none !important; bottom:13px; position:absolute !important; margin:0 auto; width:50px; height:50px; font-size: 30px; float: none; margin-left: 5%;}
  
  .icone2_tabs{ width:50px; height:50px; text-align:left; margin-top:-10px;}
  .tabs_espace2 .nav-item .nav-link:hover #icone2_tabs path, .tabs_espace2 .nav-item .nav-link:hover #icone2_tabs rect ,.tabs_espace2 .nav-item .nav-link.active #icone2_tabs path, .tabs_espace2 .nav-item .nav-link.active #icone2_tabs rect {fill: #fff;}
  
  .tabs_espace2 .nav-item .nav-link #icone2_tabs path, .tabs_espace2 .nav-item .nav-link #icone2_tabs rect {fill: #E11218;}
  /*--end espace2--*/
  
  
  /*.dropdown-header {
     color: #333333;
   
  }
  
  .dropdown-header:hover  {
     color: #f00 !important;
     padding-left: 10px;
  }*/
  .fancy-link {
     color: #333333;
     text-decoration: none;
     transition: all 0.3s linear;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
  }
  
  .fancy-link:hover {
     color: #F44336;
     padding-left: 10px;
  }
  .img_galleryy{ width:100%; height:100%; object-fit: cover;}
  
  /*-recherche**/
  #wrap {
    display: inline-block;
    position: relative;
    height: 50px;
    float: right;
    padding: 0;
    position: relative;
    width:100%;
  }
  
  #search_header input[type="text"] {
      
    height: 50px;
    font-size: 15px;
    display: inline-block;
    border: none;
    outline: none;
    color: #555;
    padding: 3px;
    padding-right: 60px;
    width: 0px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
  }
  
  #search_header input[type="text"]:focus:hover {
  }
  
  #search_header input[type="text"]:focus {
    width: 300px;
    z-index: 1;
    background:#fff;
    cursor: text;
  }
  #search_header input[type="submit"] {
    height: 50px;
    width: 50px;
    display: inline-block;
    color:#fff;
    float: right;
    background:#196e98 url(../img/search.png) center center no-repeat;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 1;
    cursor: pointer;
    transition: opacity .4s ease;
    outline:none
  }
  
  #search_header input[type="submit"]:hover {
    opacity: 0.8;
  }
  /*--end recherche***/
  .ui-switch {
      cursor: pointer;
      position: relative;
      display: inline-block;
      width: 32px;
      height: 18px;
      border-radius: 30px;
      background-color: #1F93CD;
      margin: 0;
      margin-right: 15px;
      margin-top: 15px;
      float: left;
  }
  .ui-switch.danger {
      background-color: #C30;
  }
  .ui-switch input {
      position: absolute;
      opacity: 0;
  }
  .ui-switch input:checked + i:before {
      top: 50%;
      bottom: 50%;
      left: 50%;
      right: 5px;
      border-width: 0;
      border-radius: 5px;
      
  }
  .ui-switch input:checked + i:after {
      margin-left: 0px;
  }
  .ui-switch i:before {
      content: "";
      position: absolute;
      top: -1px;
      bottom: -1px;
      left: -1px;
      right: -1px;
      background-color: #e1e1e1;
      border: 1px solid #e1e1e1;
      border-radius: 30px;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      margin-left: 0
  }
  .ui-switch i:after {
      content: "";
      position: absolute;
      background-color: #fff;
      width: 16px;
      top: 1px;
      bottom: 1px;
      border-radius: 50%;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
      -webkit-transition: margin 0.3s;
      transition: margin 0.3s;
      margin-left: 15px
  }
  .titre{
          font-size: 18px;
      font-weight: bold;
      text-align: left;
      
  }
  .titresondage{
      text-align: left;
      margin-right: 6px;
  }
  .blog-item-content h2 {margin: 0;font-weight: bold; font-size: 18px;line-height: 1.5; padding-top: 0px !important;height:30px;color: #14639b; text-align: left;}
      .select label.error{bottom: -35px ;left:0;font-size: 0}
      .select select.error{border-color:#ff0 !important !}
  .select-hidden {
    display: none;
    visibility: hidden;
  }
  
  .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #fff;
    width: 100%;
    height: 50px;
      text-align: left;
      line-height: 40px;
  }
  
  .select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border:solid 1px #1E56A3;
    color:#1E56A3;
      border-radius: 5px;
    padding: 8px 15px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  .select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #1E56A3 transparent transparent transparent;
    position: absolute;
    top: 25px;
    right: 10px;
    /*border:1px solid rgba(0,44,82,.5) !important*/
  }
  .select-styled:hover {
    background-color: #1E56A3;
    color: #fff;
  }
  .select-styled:active, .select-styled.active {
    background-color: #1E56A3;
      color: #fff;
  }
  .select-styled:active:after, .select-styled.active:after {
    top: 18px;
    border-color: transparent transparent #fff transparent;
  }
  
  .select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
      height: 325px;
    list-style: none;
    background-color: #fff;
      border-color: rgba(0,44,82,.5);
       overflow: hidden;
      overflow-y: scroll;
  }
  .select-options li {
    margin: 0;
    padding: 0px 0;
    text-indent: 15px;
    border: 1px solid #ccdaff;
    border-top: 0;
   
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
      color: #1E56A3;
      z-index: 9999;
      background: #fff
  }
  .select-options li:hover {
    color: #fff;
    background: #1E56A3;
  }
  .select-options li[rel="hide"] {
    display: none;
  }
  .tabs nav ul{width: 75%}
      .tabs nav ul li {
      position: relative;
      z-index: 1;
      display: block;
      margin: 0;
      text-align: center;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      }
      .bloc_input_contact{ margin-bottom:25px;}
      .input__field{height: 50px}
      #recrutement-form input::placeholder {color: #B4397A !important}
  #recrutement-form input,#recrutement-form select,#recrutement-form textarea{border: solid 1px #B4397A !important;outline:none}
  #recrutement-form .select-styled{color: #B4397A !important;border: solid 1px #B4397A !important}
  #recrutement-form .select-styled.active,#recrutement-form .select-styled:hover{background: #B4397A !important; color: #fff !important;}
  #recrutement-form .select-styled:after{ border-color: #B4397A transparent transparent transparent;}
  #recrutement-form .select-options li{color: #B4397A}	
  #recrutement-form .select-options li:hover{background: #B4397A;color: #fff;}	
  #section-fillup-3 .page_contact h1{color: #B4397A !important}	
  #recrutement-form .espClient,#partenaire-form .espClient,#contact-form .espClient  {margin-right: 15px;float: right; margin-top: 20px;}
  .tabs nav ul li {
      -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
      -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
      box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
  }
  .select-options li:first-child{display: none;}
      .select_civilite .select-options{height: 123px;}
      .select_mobilite .select-options{height: 82px;}
  #partenaire-form .espClient{background: #468FEB !important}
  #partenaire-form .espClient:hover{background: #3674BC  !important}
  #recrutement-form .espClient{background: #B4397A !important}
  #recrutement-form .espClient:hover{background: #9B2C67  !important}
  #recrutement-form label,#recrutement-form b{color: #B4397A !important}
  
  
  .blog-item {margin-bottom: 15px;/* color: #131414!important; *//* border:solid 2px #14639b!important; */float:left;width:100%;padding: 10px;border-radius: 8px;box-shadow: 0px 0px 4px 0px;}
                      .date_box { float: left; width: 100%; height: 0px; text-align: center; font-size: 11px;line-height: 25px; color: #fff;}
                      .date_eve_post {position: absolute;margin-top: -35px; margin-left: 10px; width: 85px;height: 22px; border-radius: 3px; background: #196E98;}
                      
                      .blog-item-content .metadata { color: #737373; margin: 0px 0 0px;font-size: 14px;text-align: left;}
                      
                      .blog-item-content p { margin-top: 10px; height: 25px;}
                      .blog-item-content p { padding-bottom: 18px;font-size: 14px;}
                      .blog-item2-img i{font-size:2rem;color:#cf1d16!important;padding-top:0px;}
                      .blog-item2-img i:hover{color:#14639b!important}
                      
  
  
  /*---historique----*/
  .bloc_historique{ width:95%; margin:2.5%; min-height:50px;}
  .historique_img figure{ height:200px;}
  .right_historique{ min-height:100px; background:#fff; }
  .titre_historique{ float:left; width:100%;color:#242424; line-height:1.2;height:35px;font-family: 'Raleway'; font-size:14px; overflow:hidden; }
  .desc_historique{float:left; width:100%; min-height:55px; padding-top:10px; color:#575757;font-size:12px;font-family: 'Raleway'; display:inline-block; padding-bottom:15px; }
  
  /*--etablissement--*/
      .ABs-accordion{
          margin-bottom: 40px;
      }
      .ABs-accordion .ui-accordion-header { 
          display: block; 
          cursor: pointer; 
          position: relative;
          border-bottom: 1px solid #d9d9d9;
          color:#03395b;
          font-size: 14px;
          padding: 20px 0 20px 40px;
          -webkit-transition: border-width 0.8s ease-in-out; 
          -moz-transition: border-width 0.8s ease-in-out; 
          -o-transition: border-width 0.8s ease-in-out; 
          -ms-transition: border-width 0.8s ease-in-out; 
          transition: border-width 0.8s ease-in-out;
          margin: 0 !important;
          font-family: 'Raleway'; font-weight:700; 
          outline:none
      }
  
      .ABs-accordion .ui-accordion-header-active {
          border-bottom: 0px;
      }
  
      .ABs-accordion .ui-accordion-content { 
          border-top: 0; 
          overflow: auto; 
          border-bottom: 1px solid #d9d9d9;
          padding-bottom: 20px;
      }
  
      .ABs-accordion .ui-accordion-header-icon{
          display: block;
          position: absolute;
          left: 0;
          top: 20px;
          width: 24px;
          height: 24px;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          border-radius: 0;
          text-align: center;
          line-height: 24px;
          font-size: 14px;
      }
  
      .ABs-accordion .ui-icon-triangle-1-e{
          background: #E11518;
          color: #fff;
          font-size:16px;
      }
  
      .ABs-accordion .ui-icon-triangle-1-e:before{
          content: "\002b";
      }
      .ABs-accordion .ui-icon-triangle-1-e:after{
          border-left: 10px solid #E11518;
          border-top: 12px inset rgba(255,255,255,0);
          border-bottom: 12px inset rgba(255,255,255,0);
          position: absolute;
          right: -10px;
          top: 0;
          display: block;
          content: "";
      }
      .ABs-accordion .ui-icon-triangle-1-s{
          background: #E11518;
          color: #fff;
      }
      .ABs-accordion .ui-icon-triangle-1-s:before{
          content: "\2212";
      }
      .ABs-accordion .ui-icon-triangle-1-s:after{
          border-top: 10px solid #E11518;
          border-left: 12px inset rgba(255,255,255,0);
          border-right: 12px inset rgba(255,255,255,0);
          position: absolute;
          bottom: -10px;
          left: 0;
          display: block;
          content: "";
      }
  /********** Animation Box *************************************************************/
      .ABs-animo,
      .ABs-animo-children > *{
          visibility: hidden;
      }
  /********** Children *************************************************************/
      .ABs_children,
      .ABs_children li{
          list-style: none !important;
          margin-left: 0 !important;
      }
      .btgrid .row{ margin-left:0 !important; margin-right:0 !important}
  .titre_g_page{text-align:left !important; font-size:20px;font-family: 'Poppins-Bold';}
  
  /*--table--*/
  .table1{width:100%;}
  .table1 th,.table1 td{ padding:10px; border:solid 1px #ddd;}
  .table1 th{width:50%; background:#dce1ad; }
  .table1 td{width:50%; }
  .table1 tr:nth-child(even) {background: #E1E2E4}
  .table1 tr:nth-child(odd) {background: #F8F8F8}
  
  .table2{width:100%;}
  .table2 th,.table2 td{ padding:10px; border:solid 0px #ddd;}
  .table2 th{width:50%; background:#EDEDED; }
  .table2 td{width:50%; }
  .table2 tr:nth-child(even) {background: #fff}
  .table2 tr:nth-child(odd) {background: #EDEDED}
  
  .img_drapeau{ float:right; width:85px;}
  .img_drapeau img{  width:85px;}
  .text_drapeau{ text-align: left; float:right; width:auto; height:auto; line-height:1.4; color:#000; font-family:Arial; padding-left:15px; font-size:12px;font-weight:700}
  .text_drapeau span{ font-size:16px; font-weight:bold}
  .text_logo_site{ text-align: center; float:right; width:auto; height:auto; line-height:1.2; color:#000000; font-family:Arial; padding-left:15px; margin-top:-40px; font-size:14px;}
  .text_logo_site span{ font-size:16px; font-weight:bold}
  .font_lang_title{ font-family: 'Raleway'; font-weight:700; }
  .font_lang_text{ font-family:'Raleway';}
  .font_lang_btn{ font-family:'Raleway';}
  .btn_slide_tot{ left:45px; width:100%}
  .titre_btn{  float: left;  margin-top: 0px; margin-left: 35px; font-size:13px !important;}
  .btn_slide_tot{left:45px; width:300px; height:23px; color:#fff;  text-align:right; line-height:23px; }
  .title_btnn{ position:absolute !important;padding-left: 10px; margin-top: -23px;}
  
  
  /*--conseil--*/
  .title_conseil{ color:#141312; font-size:35px; font-family: 'Raleway'; font-weight:700; border-bottom:solid 4px #bfc0c4; height:70px; line-height:1.2; width:100%; float:left;}
  .text_conseil1{ float:left; width:100%; padding-top:30px; height:230px; overflow:hidden; color:#575757; font-size:14px;}
  .title_conseil2{ float:left; width:100%; text-align:center; height:60px; color:#75C04E; font-size:35px; font-family: 'Raleway'; font-weight:700; margin-top:100px;}
  .text_conseil2{ float:left; width:100%; text-align:center; height:70px; color:#fff; font-size:16px; }
  .content_conseil2 .btgrid .row .col-md-6:last-child{ background:rgba(255,255,255,0.5)}
  .title_conseil3{ color:#141312; font-size:35px;font-family: 'Raleway'; font-weight:700;  height:50px; line-height:1.2; width:100%; float:left; text-align:center}
  .text_conseil3{ float:left; width:100%; text-align:center; height:70px; color:#575757; font-size:16px; }
  
  .eventsCalendar-currentTitle .monthTitle{font-family: 'Raleway' !important;}
  
  #qst_sondage{display:block}
  #rep_sondage{display:none}
  .extraBar {
      margin-top:1.8rem;
      border-top: 1px solid #a4a4a4;
      border-bottom: 1px solid #a4a4a4;
      color: #000;
      line-height: 40px;
      font-size: 14px;
      text-align:right;
  }
  .extraBar span i{ float:right; line-height:40px;}
  
  /*--meter--*/
  .meter {
              height: 10px;  /* Can be anything */
              position: relative;
              margin:0; /* Just for demo spacing */
              background: #f7f7f7;
              padding: 0px;
              -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
              -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
              box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
          }
          .meter > span {
              display: block;
              height: 100%;
                 -webkit-border-top-right-radius: 8px;
              -webkit-border-bottom-right-radius: 8px;
                     -moz-border-radius-topright: 8px;
                  -moz-border-radius-bottomright: 8px;
                         border-top-right-radius: 8px;
                      border-bottom-right-radius: 8px;
                  -webkit-border-top-left-radius: 20px;
               -webkit-border-bottom-left-radius: 20px;
                      -moz-border-radius-topleft: 20px;
                   -moz-border-radius-bottomleft: 20px;
                          border-top-left-radius: 20px;
                       border-bottom-left-radius: 20px;
              background-color: rgb(43,194,83);
              background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0, rgb(43,194,83)),
                color-stop(1, rgb(84,240,84))
               );
              background-image: -moz-linear-gradient(
                center bottom,
                rgb(43,194,83) 37%,
                rgb(84,240,84) 69%
               );
              -webkit-box-shadow:
                inset 0 2px 9px  rgba(255,255,255,0.3),
                inset 0 -2px 6px rgba(0,0,0,0.4);
              -moz-box-shadow:
                inset 0 2px 9px  rgba(255,255,255,0.3),
                inset 0 -2px 6px rgba(0,0,0,0.4);
              box-shadow:
                inset 0 2px 9px  rgba(255,255,255,0.3),
                inset 0 -2px 6px rgba(0,0,0,0.4);
              position: relative;
              overflow: hidden;
          }
          .meter > span:after, .animate > span > span {
              content: "";
              position: absolute;
              top: 0; left: 0; bottom: 0; right: 0;
              background-image:
                 -webkit-gradient(linear, 0 0, 100% 100%,
                    color-stop(.25, rgba(255, 255, 255, .2)),
                    color-stop(.25, transparent), color-stop(.5, transparent),
                    color-stop(.5, rgba(255, 255, 255, .2)),
                    color-stop(.75, rgba(255, 255, 255, .2)),
                    color-stop(.75, transparent), to(transparent)
                 );
              background-image:
                  -moz-linear-gradient(
                    -45deg,
                    rgba(255, 255, 255, .2) 25%,
                    transparent 25%,
                    transparent 50%,
                    rgba(255, 255, 255, .2) 50%,
                    rgba(255, 255, 255, .2) 75%,
                    transparent 75%,
                    transparent
                 );
              z-index: 1;
              -webkit-background-size: 50px 50px;
              -moz-background-size: 50px 50px;
              background-size: 50px 50px;
              -webkit-animation: move 2s linear infinite;
              -moz-animation: move 2s linear infinite;
                 -webkit-border-top-left-radius: 8px;
              -webkit-border-bottom-left-radius: 8px;
                     -moz-border-radius-topright: 8px;
                  -moz-border-radius-bottomright: 8px;
                         border-top-left-radius: 8px;
                      border-bottom-left-radius: 8px;
                  -webkit-border-top-right-radius: 20px;
               -webkit-border-bottom-right-radius: 20px;
                      -moz-border-radius-topleft: 20px;
                   -moz-border-radius-bottomleft: 20px;
                          border-top-right-radius: 20px;
                       border-bottom-right-radius: 20px;
              overflow: hidden;
          }
  
          .animate > span:after {
              display: none;
          }
  
          @-webkit-keyframes move {
              0% {
                 background-position: 0 0;
              }
              100% {
                 background-position: 50px 50px;
              }
          }
  
          @-moz-keyframes move {
              0% {
                 background-position: 0 0;
              }
              100% {
                 background-position: 50px 50px;
              }
          }
  
  
          .red > span {
              background-color: #f0a3a3;
              background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
              background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
              background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
              float:left;
          }
  
          .nostripes > span > span, .nostripes > span:after {
              -webkit-animation: none;
              -moz-animation: none;
              background-image: none;
          }
  /*--end meter--*/
  
  .read_all_sondage{text-align:right;color:#fff;font-family: 'Raleway';font-size:12px !important;text-transform:uppercase;float:right;padding-top:0px;margin-right: 0px;margin-top: 9px;}
  .read_all_sondage a{color: #585454 !important;width:auto;display:block;border-radius: 9px;height: 22px;margin-top: -4px;padding-left:15px;padding-right:15px;background:#fff;line-height: 21px;cursor:pointer}
  .read_all_sondage a:hover{ color:#fff !important; background:#1F93CD}
  
  .uk-lightbox-content iframe{ border:0 !important; padding:25px !important}
  
  
  .titre_sprojet a, .titre_acthg a, .titre_sact a, .title_sercice_h a, .title_realisation a, .title_actualites a{color:#242424; font-size:14px;}
  .titre_stabs a{color:#242424; font-size:13px;}
  .titre_sprojet a:hover,.titre_acthg a:hover,.titre_sact a:hover, .title_sercice_h a:hover, .title_realisation a:hover, .title_actualites a:hover, .titre_stabs a:hover{color:#03395b}
  .slide_bg div div .no-paddingright{ padding-right:15px !important}
  
  /*--plan_site--**/
  
  
  
  /*--end plan_site--*/
  .title_8{ font-size:24px !important; text-align:left !important;color: #141312;font-family: 'Raleway'; font-weight:700; }
  
  .table td, .table th { vertical-align:middle !important}
  
  .table_header5{width:100%; }
  .table_header5 th,.table_header5 td{ padding:10px; border:solid 1px #ddd;}
  .table_header5 th:first-child{width:20%; background:#74B0CD; }
  .table_header5 td:first-child{width:20%;}
  .table_header5 th{width:20%; background:#74B0CD; color:#fff;font-size:15px;}
  .table_header5 td{width:20%;font-size:15px }
  .table_header5 tr:nth-child(even) {background: #fff}
  .table_header5 tr:nth-child(odd) {background: #F8F8F8}
  
  
  .table_header{width:100%; }
  .table_header th,.table_header5 td{ padding:10px; border:solid 1px #ddd;}
  .table_header th:first-child{ background:#74B0CD; }
  .table_header th{ background:#74B0CD; color:#fff;font-size:15px;}
  .table_header td{font-size:15px }
  .table_header tr:nth-child(even) {background: #fff}
  .table_header tr:nth-child(odd) {background: #F8F8F8}
  
  .table_style{width:100%; }
  .table_style th,.table_style td{ padding:10px; border:solid 1px #ddd;}
  .table_style th:first-child{ background:#74B0CD; }
  .table_style th{ background:#74B0CD; color:#fff;font-size:15px;}
  .table_style td{font-size:15px }
  .table_style tr:nth-child(even) {background: #fff}
  .table_style tr:nth-child(odd) {background: #F8F8F8}
  
  .table_sheader{width:100%; }
  .table_sheader th,.table_sheader td{ padding:10px; border:solid 1px #ddd;}
  .table_sheader th:first-child{ background:#74B0CD; }
  .table_sheader th{ background:#74B0CD; color:#fff;font-size:15px;}
  .table_sheader td{font-size:15px;padding:10px;}
  .table_sheader tr:nth-child(even) {background: #fff}
  .table_sheader tr:nth-child(odd) {background: #F8F8F8}
  
  .table_sheaderleft{width:100%; }
  .table_sheaderleft th,.table_sheaderleft td{ padding:10px; border:solid 1px #fff;vertical-align:middle !important}
  .table_sheaderleft th:first-child{ background:#74B0CD; }
  .table_sheaderleft th{ background:#74B0CD; color:#fff;font-size:15px;}
  .table_sheaderleft td:first-child{ background:#74B0CD; color:#fff;}
  .table_sheaderleft td{font-size:15px;}
  .table_sheaderleft tr:nth-child(even) {background: #fff}
  .table_sheaderleft tr:nth-child(odd) {background: #F8F8F8}
  
  /* Animation de transition */
@keyframes fade-in-left {
    0% {
      opacity: 0;
      transform: translateX(-20px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  @keyframes fade-in-right {
    0% {
      opacity: 0;
      transform: translateX(20px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  /* Appliquer l'animation aux blocs yesser */
  .yesser {
    opacity: 0; /* Masquer initialement les blocs */
  }
  
  /* Classe pour l'animation */
  .yesser.animate {
    animation-fill-mode: forwards; /* Maintenir l'état final de l'animation */
    animation-duration: 1s; /* Durée de l'animation */
  }
  
  /* Appliquer l'animation fade in de gauche à droite aux blocs d'index pair */
  .yesser.animate.fade-in-right {
    animation-name: fade-in-right;
  }
  
  /* Appliquer l'animation fade in de droite à gauche aux blocs d'index impair */
  .yesser.animate.fade-in-left {
    animation-name: fade-in-left;
  }
  /*sirin*/
  .content{
    height:500px !important
  }