/* ------------------ */
/* == Variables       */
/* ------------------ */
/* Primary Colors */
/* icons font*/
/* Default value of helpers ( margin & padding) */
/* ------------------ */
/* == Fonts           */
/* ------------------ */
@font-face {
  font-family: 'Cafeta';
  src: url("../fonts/Cafeta.eot");
  src: url("../fonts/Cafeta.eot?#iefix") format("embedded-opentype"), url("../fonts/Cafeta.woff") format("woff"), url("../fonts/Cafeta.ttf") format("truetype");
  font-style: normal; }
@font-face {
  font-family: 'AthelasBold';
  src: url("../fonts/AthelasBold.eot");
  src: url("../fonts/AthelasBold.eot?#iefix") format("embedded-opentype"), url("../fonts/AthelasBold.woff") format("woff"), url("../fonts/AthelasBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
/* ------------------ */
/* == Mixins          */
/* ------------------ */
/* ------------------ */
/* == Global          */
/* ------------------ */
html, body {
  width: 100%;
  min-height: 100%; }

body {
  font-family: arial;
  font-weight: 300;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  min-width: 320px;
  position: relative;
  overflow-x: hidden; }

p {
  font-size: 15px;
  margin-bottom: 10px; }

a {
  text-decoration: none; }
  a:hover, a:focus {
    text-decoration: none;
    outline: none; }

button:focus {
  outline: none; }

b, strong {
  font-weight: bold; }

em {
  font-style: italic;
  margin-bottom: 10px; }

ul, ol {
  list-style: none;
  padding-left: 0; }

img {
  max-width: 100%;
  height: auto; }

.img-container {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.img-ratio {
  position: relative;
  overflow: hidden; }
  .img-ratio:before {
    content: "";
    display: block;
    padding-top: 56.25%; }
  .img-ratio img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0; }
  .clearfix:after {
    clear: both; }

.no-margin {
  margin: 0 !important; }

.no-padding {
  padding: 0 !important; }

.no-border {
  border: 0 !important; }

.margin-bot-15 {
  margin-bottom: 15px; }

.margin-bot-30 {
  margin-bottom: 30px; }

.margin-top-30 {
  margin-top: 30px; }

.no-margin-top {
  margin-top: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-top-border {
  border-top: 0 !important; }

.no-btm-border {
  border-bottom: 0 !important; }

/* padding and margin helpers */
.pad-left-5, .pad-5 {
  padding-left: 5px !important; }

.pad-right-5, .pad-5 {
  padding-right: 5px !important; }

.pad-h-5 {
  padding-right: 5px !important;
  padding-left: 5px !important; }

.pad-top-5, .pad-5 {
  padding-top: 5px !important; }

.pad-bottom-5, .pad-5 {
  padding-bottom: 5px !important; }

.pad-v-5 {
  padding-bottom: 5px !important;
  padding-top: 5px !important; }

.mar-top-5, .mar-5 {
  margin-top: 5px !important; }

.mar-bottom-5, .mar-5 {
  margin-bottom: 5px !important; }

.mar-v-5 {
  margin-bottom: 5px !important;
  margin-top: 5px !important; }

.mar-left-5, .mar-5 {
  margin-left: 5px !important; }

.mar-right-5, .mar-5 {
  margin-right: 5px !important; }

.mar-h-5 {
  margin-right: 5px !important;
  margin-left: 5px !important; }

.pad-left-10, .pad-10 {
  padding-left: 10px !important; }

.pad-right-10, .pad-10 {
  padding-right: 10px !important; }

.pad-h-10 {
  padding-right: 10px !important;
  padding-left: 10px !important; }

.pad-top-10, .pad-10 {
  padding-top: 10px !important; }

.pad-bottom-10, .pad-10 {
  padding-bottom: 10px !important; }

.pad-v-10 {
  padding-bottom: 10px !important;
  padding-top: 10px !important; }

.mar-top-10, .mar-10 {
  margin-top: 10px !important; }

.mar-bottom-10, .mar-10 {
  margin-bottom: 10px !important; }

.mar-v-10 {
  margin-bottom: 10px !important;
  margin-top: 10px !important; }

.mar-left-10, .mar-10 {
  margin-left: 10px !important; }

.mar-right-10, .mar-10 {
  margin-right: 10px !important; }

.mar-h-10 {
  margin-right: 10px !important;
  margin-left: 10px !important; }

.pad-left-15, .pad-15 {
  padding-left: 15px !important; }

.pad-right-15, .pad-15 {
  padding-right: 15px !important; }

.pad-h-15 {
  padding-right: 15px !important;
  padding-left: 15px !important; }

.pad-top-15, .pad-15 {
  padding-top: 15px !important; }

.pad-bottom-15, .pad-15 {
  padding-bottom: 15px !important; }

.pad-v-15 {
  padding-bottom: 15px !important;
  padding-top: 15px !important; }

.mar-top-15, .mar-15 {
  margin-top: 15px !important; }

.mar-bottom-15, .mar-15 {
  margin-bottom: 15px !important; }

.mar-v-15 {
  margin-bottom: 15px !important;
  margin-top: 15px !important; }

.mar-left-15, .mar-15 {
  margin-left: 15px !important; }

.mar-right-15, .mar-15 {
  margin-right: 15px !important; }

.mar-h-15 {
  margin-right: 15px !important;
  margin-left: 15px !important; }

.pad-left-20, .pad-20 {
  padding-left: 20px !important; }

.pad-right-20, .pad-20 {
  padding-right: 20px !important; }

.pad-h-20 {
  padding-right: 20px !important;
  padding-left: 20px !important; }

.pad-top-20, .pad-20 {
  padding-top: 20px !important; }

.pad-bottom-20, .pad-20 {
  padding-bottom: 20px !important; }

.pad-v-20 {
  padding-bottom: 20px !important;
  padding-top: 20px !important; }

.mar-top-20, .mar-20 {
  margin-top: 20px !important; }

.mar-bottom-20, .mar-20 {
  margin-bottom: 20px !important; }

.mar-v-20 {
  margin-bottom: 20px !important;
  margin-top: 20px !important; }

.mar-left-20, .mar-20 {
  margin-left: 20px !important; }

.mar-right-20, .mar-20 {
  margin-right: 20px !important; }

.mar-h-20 {
  margin-right: 20px !important;
  margin-left: 20px !important; }

.pad-left-25, .pad-25 {
  padding-left: 25px !important; }

.pad-right-25, .pad-25 {
  padding-right: 25px !important; }

.pad-h-25 {
  padding-right: 25px !important;
  padding-left: 25px !important; }

.pad-top-25, .pad-25 {
  padding-top: 25px !important; }

.pad-bottom-25, .pad-25 {
  padding-bottom: 25px !important; }

.pad-v-25 {
  padding-bottom: 25px !important;
  padding-top: 25px !important; }

.mar-top-25, .mar-25 {
  margin-top: 25px !important; }

.mar-bottom-25, .mar-25 {
  margin-bottom: 25px !important; }

.mar-v-25 {
  margin-bottom: 25px !important;
  margin-top: 25px !important; }

.mar-left-25, .mar-25 {
  margin-left: 25px !important; }

.mar-right-25, .mar-25 {
  margin-right: 25px !important; }

.mar-h-25 {
  margin-right: 25px !important;
  margin-left: 25px !important; }

.pad-left-30, .pad-30 {
  padding-left: 30px !important; }

.pad-right-30, .pad-30 {
  padding-right: 30px !important; }

.pad-h-30 {
  padding-right: 30px !important;
  padding-left: 30px !important; }

.pad-top-30, .pad-30 {
  padding-top: 30px !important; }

.pad-bottom-30, .pad-30 {
  padding-bottom: 30px !important; }

.pad-v-30 {
  padding-bottom: 30px !important;
  padding-top: 30px !important; }

.mar-top-30, .mar-30 {
  margin-top: 30px !important; }

.mar-bottom-30, .mar-30 {
  margin-bottom: 30px !important; }

.mar-v-30 {
  margin-bottom: 30px !important;
  margin-top: 30px !important; }

.mar-left-30, .mar-30 {
  margin-left: 30px !important; }

.mar-right-30, .mar-30 {
  margin-right: 30px !important; }

.mar-h-30 {
  margin-right: 30px !important;
  margin-left: 30px !important; }

.pad-left-35, .pad-35 {
  padding-left: 35px !important; }

.pad-right-35, .pad-35 {
  padding-right: 35px !important; }

.pad-h-35 {
  padding-right: 35px !important;
  padding-left: 35px !important; }

.pad-top-35, .pad-35 {
  padding-top: 35px !important; }

.pad-bottom-35, .pad-35 {
  padding-bottom: 35px !important; }

.pad-v-35 {
  padding-bottom: 35px !important;
  padding-top: 35px !important; }

.mar-top-35, .mar-35 {
  margin-top: 35px !important; }

.mar-bottom-35, .mar-35 {
  margin-bottom: 35px !important; }

.mar-v-35 {
  margin-bottom: 35px !important;
  margin-top: 35px !important; }

.mar-left-35, .mar-35 {
  margin-left: 35px !important; }

.mar-right-35, .mar-35 {
  margin-right: 35px !important; }

.mar-h-35 {
  margin-right: 35px !important;
  margin-left: 35px !important; }

.pad-left-40, .pad-40 {
  padding-left: 40px !important; }

.pad-right-40, .pad-40 {
  padding-right: 40px !important; }

.pad-h-40 {
  padding-right: 40px !important;
  padding-left: 40px !important; }

.pad-top-40, .pad-40 {
  padding-top: 40px !important; }

.pad-bottom-40, .pad-40 {
  padding-bottom: 40px !important; }

.pad-v-40 {
  padding-bottom: 40px !important;
  padding-top: 40px !important; }

.mar-top-40, .mar-40 {
  margin-top: 40px !important; }

.mar-bottom-40, .mar-40 {
  margin-bottom: 40px !important; }

.mar-v-40 {
  margin-bottom: 40px !important;
  margin-top: 40px !important; }

.mar-left-40, .mar-40 {
  margin-left: 40px !important; }

.mar-right-40, .mar-40 {
  margin-right: 40px !important; }

.mar-h-40 {
  margin-right: 40px !important;
  margin-left: 40px !important; }

.pad-left-45, .pad-45 {
  padding-left: 45px !important; }

.pad-right-45, .pad-45 {
  padding-right: 45px !important; }

.pad-h-45 {
  padding-right: 45px !important;
  padding-left: 45px !important; }

.pad-top-45, .pad-45 {
  padding-top: 45px !important; }

.pad-bottom-45, .pad-45 {
  padding-bottom: 45px !important; }

.pad-v-45 {
  padding-bottom: 45px !important;
  padding-top: 45px !important; }

.mar-top-45, .mar-45 {
  margin-top: 45px !important; }

.mar-bottom-45, .mar-45 {
  margin-bottom: 45px !important; }

.mar-v-45 {
  margin-bottom: 45px !important;
  margin-top: 45px !important; }

.mar-left-45, .mar-45 {
  margin-left: 45px !important; }

.mar-right-45, .mar-45 {
  margin-right: 45px !important; }

.mar-h-45 {
  margin-right: 45px !important;
  margin-left: 45px !important; }

.pad-left-50, .pad-50 {
  padding-left: 50px !important; }

.pad-right-50, .pad-50 {
  padding-right: 50px !important; }

.pad-h-50 {
  padding-right: 50px !important;
  padding-left: 50px !important; }

.pad-top-50, .pad-50 {
  padding-top: 50px !important; }

.pad-bottom-50, .pad-50 {
  padding-bottom: 50px !important; }

.pad-v-50 {
  padding-bottom: 50px !important;
  padding-top: 50px !important; }

.mar-top-50, .mar-50 {
  margin-top: 50px !important; }

.mar-bottom-50, .mar-50 {
  margin-bottom: 50px !important; }

.mar-v-50 {
  margin-bottom: 50px !important;
  margin-top: 50px !important; }

.mar-left-50, .mar-50 {
  margin-left: 50px !important; }

.mar-right-50, .mar-50 {
  margin-right: 50px !important; }

.mar-h-50 {
  margin-right: 50px !important;
  margin-left: 50px !important; }

.pad-left-55, .pad-55 {
  padding-left: 55px !important; }

.pad-right-55, .pad-55 {
  padding-right: 55px !important; }

.pad-h-55 {
  padding-right: 55px !important;
  padding-left: 55px !important; }

.pad-top-55, .pad-55 {
  padding-top: 55px !important; }

.pad-bottom-55, .pad-55 {
  padding-bottom: 55px !important; }

.pad-v-55 {
  padding-bottom: 55px !important;
  padding-top: 55px !important; }

.mar-top-55, .mar-55 {
  margin-top: 55px !important; }

.mar-bottom-55, .mar-55 {
  margin-bottom: 55px !important; }

.mar-v-55 {
  margin-bottom: 55px !important;
  margin-top: 55px !important; }

.mar-left-55, .mar-55 {
  margin-left: 55px !important; }

.mar-right-55, .mar-55 {
  margin-right: 55px !important; }

.mar-h-55 {
  margin-right: 55px !important;
  margin-left: 55px !important; }

.pad-left-60, .pad-60 {
  padding-left: 60px !important; }

.pad-right-60, .pad-60 {
  padding-right: 60px !important; }

.pad-h-60 {
  padding-right: 60px !important;
  padding-left: 60px !important; }

.pad-top-60, .pad-60 {
  padding-top: 60px !important; }

.pad-bottom-60, .pad-60 {
  padding-bottom: 60px !important; }

.pad-v-60 {
  padding-bottom: 60px !important;
  padding-top: 60px !important; }

.mar-top-60, .mar-60 {
  margin-top: 60px !important; }

.mar-bottom-60, .mar-60 {
  margin-bottom: 60px !important; }

.mar-v-60 {
  margin-bottom: 60px !important;
  margin-top: 60px !important; }

.mar-left-60, .mar-60 {
  margin-left: 60px !important; }

.mar-right-60, .mar-60 {
  margin-right: 60px !important; }

.mar-h-60 {
  margin-right: 60px !important;
  margin-left: 60px !important; }

/* ------------------ */
/* == Typography      */
/* ------------------ */
/* -------------- */
/* == Header      */
/* ---------------*/
header .logo {
  text-align: center;
  width: 245px; }
  @media (min-width: 768px) {
    header .logo {
      float: left; } }
  @media (max-width: 767px) {
    header .logo {
      margin-right: auto;
      margin-left: auto; } }
header ul li {
  display: inline-block; }
header .navbar-default {
  background-color: #005b9c;
  color: #ffffff;
  border-radius: 0; }
  header .navbar-default .navbar-nav li {
    padding: 0px 6px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    header .navbar-default .navbar-nav li:hover, header .navbar-default .navbar-nav li.active, header .navbar-default .navbar-nav li.active > a, header .navbar-default .navbar-nav li.active > a:hover, header .navbar-default .navbar-nav li.active > a:focus {
      background-color: #082967;
      color: #ffffff; }
    header .navbar-default .navbar-nav li:first-child {
      font: normal normal normal 14px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: relative;
      font-size: 18px;
      height: 50px; }
      header .navbar-default .navbar-nav li:first-child:before {
        content: "\f015";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 18px;
        height: 18px; }
      @media (max-width: 767px) {
        header .navbar-default .navbar-nav li:first-child:before {
          display: none; } }
      @media (min-width: 768px) {
        header .navbar-default .navbar-nav li:first-child a {
          font: 0/0 serif;
          text-shadow: none;
          color: transparent; } }
    header .navbar-default .navbar-nav li a {
      color: #ffffff;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 13px; }
      header .navbar-default .navbar-nav li a:hover {
        color: #ffffff; }
  header .navbar-default .navbar-brand .fa {
    color: #ffffff; }
header .cordonnees {
  float: right; }
  header .cordonnees .list-media {
    clear: both;
    float: right; }
    header .cordonnees .list-media li:hover {
      opacity: 0.5; }
  header .cordonnees .head-info {
    clear: both; }
    header .cordonnees .head-info h4 {
      color: #0d63a7;
      font-weight: bold;
      font-size: 16px; }
      header .cordonnees .head-info h4 strong {
        color: #000000;
        font-size: 20px; }
        @media (max-width: 767px) {
          header .cordonnees .head-info h4 strong {
            display: block; } }
        header .cordonnees .head-info h4 strong i {
          font-size: 32px;
          padding: 0px 4px; }
    header .cordonnees .head-info .input-group-addon {
      padding-left: 5px;
      padding-right: 5px; }
  header .cordonnees .top-bar {
    background-color: #821724;
    /*padding: 10px;*/
    float: right;
    position: relative;
    overflow: hidden; }
    header .cordonnees .top-bar:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0px;
      background: #fff;
      z-index: 9999;
      width: 0;
      border-right: 43px solid #821724;
      height: 0;
      border-bottom: 50px solid transparent; }
    header .cordonnees .top-bar li {
      position: relative;
      padding: 10px 20px; }
      header .cordonnees .top-bar li ~ li:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 30px;
        width: 1px;
        background-color: #560a13; }
      header .cordonnees .top-bar li a {
        color: white;
        font-size: 15px;
        padding-right: 20px;
        padding-left: 20px; }
        header .cordonnees .top-bar li a i {
          font-size: 20px;
          padding-right: 12px; }
        header .cordonnees .top-bar li a:hover {
          text-decoration: underline; }
    @media (min-width: 768px) {
      header .cordonnees .top-bar {
        padding-left: 50px; } }
    @media (max-width: 767px) {
      header .cordonnees .top-bar {
        float: none; }
        header .cordonnees .top-bar:before {
          display: none; }
        header .cordonnees .top-bar li {
          padding: 10px; }
          header .cordonnees .top-bar li a {
            padding-left: 5px;
            padding-right: 5px; } }
header #imaginary_container {
  margin-bottom: -8px; }
@media (min-width: 768px) {
  header .stylish-input-group {
    width: 240px; } }
header .stylish-input-group .input-group-addon {
  height: 31px;
  padding: 0;
  background: white; }
  header .stylish-input-group .input-group-addon span {
    color: #a8a9ab; }
header .stylish-input-group .form-control {
  border-left: 0;
  box-shadow: 0 0 0;
  border-color: #ccc;
  height: 31px; }
header .stylish-input-group button {
  border: 0;
  left: -235px;
  background: transparent; }

/* ------------------ */
/* == Footer          */
/* ------------------ */
footer {
  border-top: 14px solid #821724;
  background-color: #082967;
  transition: uppercase; }
  footer .upper-foot {
    padding: 50px 0; }
  footer .fa {
    font-size: 27px; }
   .fa .fa-mobile {
    font-size: 27px; } 
    .fa .fa-fax {
    font-size: 27px; }
  footer .fa-envelope {
    font-size: 25px; }
  footer .title-foot {
    color: #00aaec;
    text-transform: uppercase;
    font-weight: bold; }
  footer .social-media ul {
    padding-bottom: 5px; }
    footer .social-media ul li {
      display: inline-block; }
      footer .social-media ul li:hover {
        opacity: 0.5; }
  footer .social-media .form-g-width {
    width: 270px; }
    footer .social-media .form-g-width .input-subscribe {
      width: 68%;
      display: inline-block; }
    footer .social-media .form-g-width .btn-subscribe {
      height: 34px;
      background-color: #286090;
      outline: none; }
      footer .social-media .form-g-width .btn-subscribe:hover {
        color: #286090;
        background-color: white; }
  footer .social-media h5 {
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 20px; }
  footer .social-media .title-foot-bloc2 {
    padding: 4px 0px 9px 0px; }
  footer .list-for-b1 {
    list-style-type: disc;
    padding-left: 18px; }
    footer .list-for-b1 li {
      /*line-height: 200%;*/
      color: #ffffff;
      font-size: 21px; }
      footer .list-for-b1 li a {
        color: #ffffff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 15px; }
  footer .Coordonnees {
    color: #ffffff; }
    footer .Coordonnees .foot-info {
      padding: 0px 0px 15px 0px; }
  footer .copright p {
    text-align: center;
    color: #ffffff; }

/* ------------------- */
/* == Content          */
/* ------------------- */
.section {
  padding: 40px 0; }
  .section#section-academie {
    background: url("../img/bg/bg-section-academie.jpg") 0 0 no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
    .section#section-academie h2 {
      margin-bottom: 50px; }
    .section#section-academie p {
      font-size: 19px;
      color: #120c15; }
  .section#section-gallery {
    background: #e9e9e9; }
    .section#section-gallery h2 {
      margin-bottom: 30px; }
  .section#section-agenda h2 {
    margin-bottom: 25px; }
  .section h2 {
    font-family: "AthelasBold", sans-serif; }

.main-content .backpage a {
  color: #a9a9a9; }
.main-content .title-page {
  text-transform: uppercase;
  color: #1e5dba;
  font-family: "AthelasBold", sans-serif;
  font-size: 38px;
  line-height: 1.2; }
  @media only screen and (max-width: 767px) {
    .main-content .title-page {
      font-size: 30px; } }
  .main-content .title-page:before {
    content: "";
    background: #1e5dba;
    width: 7px;
    height: 30px;
    display: inline-block;
    margin-right: 15px; }
  .main-content .title-page.color-green {
    color: #8dc63f; }
  .main-content .title-page.color-blue {
    color: #00aaec; }
  .main-content .title-page.color-red {
    color: #821724; }
  .main-content .title-page.color-darkblue {
    color: #1e5dba; }
  .main-content .title-page.color-crimson {
    color: #e34f50; }
.main-content .form-contact {
  margin: 15px 0px 60px 0px; }
.main-content .btn-galerie-green {
  background-color: #8dc63f; }
.main-content .btn-galerie-blue {
  background-color: #1e5dba; }
.main-content .btn-galerie-red {
  background-color: #e34f50; }
.main-content .btn-galerie-yallow {
  background-color: #ffb400; }
.main-content .btn-galerie {
  text-align: center;
  padding: 12px 0px; }
  .main-content .btn-galerie a {
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff; }
    .main-content .btn-galerie a:hover {
      color: #000000; }
.main-content .gallery-img {
  border: 6px solid #a9a9a9;
  display: inline-block;
  border-radius: 8px;
  margin-bottom: 20px; }
.main-content .gallery-filter {
  margin-bottom: 20px; }
  .main-content .gallery-filter .btn-item-galerie {
    padding: 0px 4px; }
.main-content .rg-galerie {
  text-align: center;
  margin-bottom: 20px; }
  .main-content .rg-galerie img {
    width: 220px;
    height: 164px; }
.main-content .pagination-content {
  width: 50%;
  margin: 0 auto; }
  .main-content .pagination-content.pag-actualite {
    float: right;
    width: auto; }
  .main-content .pagination-content .pagination li a {
    border: none;
    color: #082967;
    font-weight: bold; }
    .main-content .pagination-content .pagination li a:hover {
      color: #ffffff;
      background-color: #821724; }
  .main-content .pagination-content .pagination li:hover {
    background-color: #821724; }
.main-content .form-group {
  overflow: hidden; }
  .main-content .form-group label {
    font-size: 16px;
    float: left; }
  .main-content .form-group .form-control {
    border-color: #dddddd;
    border-radius: 0;
    box-shadow: none;
    color: #666666;
    height: auto;
    float: right;
    width: 290px; }
    .main-content .form-group .form-control:focus {
      border-color: #005b9c;
      box-shadow: none; }
  .main-content .form-group .form-control-date {
    width: 90px; }
  .main-content .form-group .fcd-margin {
    margin-left: 10px;
    margin-right: 10px; }
  .main-content .form-group .btn-envyoer {
    background-color: #005b9c;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 120px;
    font-size: 16px;
    box-sizing: border-box;
    float: right;
    width: 290px;
    border: none; }
    .main-content .form-group .btn-envyoer:hover {
      color: #005b9c;
      background-color: #ffffff;
      border: 1px solid #005b9c;
      box-sizing: border-box; }
.main-content .check-filiere {
  width: 50%;
  margin-left: auto;
  margin-right: auto; }
  .main-content .check-filiere label {
    font-size: 16px; }
.main-content .wrp-form {
  padding-top: 40px; }
.main-content .wrp-info {
  padding-left: 80px; }
  .main-content .wrp-info .tit-wrapper {
    color: #005b9c;
    font-size: 18px;
    font-weight: bold; }
  .main-content .wrp-info .tit-e-wrapper {
    color: #005b9c; }
  .main-content .wrp-info .tit-aft-wrapper {
    color: #791420; }
  .main-content .wrp-info p {
    font-size: 16px; }
.main-content .rmq-info {
  color: #005b9c;
  font-size: 16px; }
.main-content .no-padding-left {
  padding-left: 0; }
.main-content .bloc-formation {
  border: 2px solid #d3d3d3;
  overflow: hidden;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  @media (max-width: 991px) {
    .main-content .bloc-formation {
      margin-bottom: 10px; } }
  .main-content .bloc-formation.bloc-f1:hover, .main-content .bloc-formation.bloc-f1.active {
    background-color: #8dc63f;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
    .main-content .bloc-formation.bloc-f1:hover h1, .main-content .bloc-formation.bloc-f1.active h1 {
      color: #ffffff; }
  .main-content .bloc-formation.bloc-f1 h1 {
    color: #83b83a; }
  .main-content .bloc-formation.bloc-f2:hover, .main-content .bloc-formation.bloc-f2.active {
    background-color: #1e5dba;
    color: white;
    transition: all .3s; }
    .main-content .bloc-formation.bloc-f2:hover h1, .main-content .bloc-formation.bloc-f2.active h1 {
      color: #ffffff; }
  .main-content .bloc-formation.bloc-f2 h1 {
    color: #1e5dba; }
  .main-content .bloc-formation.bloc-f3:hover, .main-content .bloc-formation.bloc-f3.active {
    background-color: #e34f50;
    transition: all .3s; }
    .main-content .bloc-formation.bloc-f3:hover h1, .main-content .bloc-formation.bloc-f3.active h1 {
      color: #ffffff; }
  .main-content .bloc-formation.bloc-f3 h1 {
    color: #b6182b; }
  .main-content .bloc-formation > a {
    display: block;
    padding: 30px 44px 22px 30px;
    position: relative;
    *zoom: 1; }
    .main-content .bloc-formation > a:before, .main-content .bloc-formation > a:after {
      display: table;
      content: "";
      line-height: 0; }
    .main-content .bloc-formation > a:after {
      clear: both; }
  .main-content .bloc-formation h4 {
    float: left;
    margin: 0;
    color: #000000;
    font-size: 17px; }
  .main-content .bloc-formation h1 {
    float: left;
    clear: both;
    margin: 0;
    font-size: 28px; }
  .main-content .bloc-formation img {
    float: right;
    margin-top: -33px; }
.main-content .info-continue-f img {
  width: 100%;
  margin-top: 10px;
  height: 320px; }
.main-content .info-continue-f p {
  font-size: 16px;
  color: #120c15; }
.main-content .info-continue-f ul {
  list-style-type: disc;
  padding-left: 20px; }
  .main-content .info-continue-f ul li {
    font-size: 16px; }
.main-content .info-continue-f.info-intiale h3 {
  color: #821724;
  font-size: 19px;
  font-weight: bold;
  text-transform: uppercase; }
.main-content .info-continue-f.info-intiale p {
  font-size: 16px;
  margin: 30px 0px; }
.main-content .info-continue-f.info-distance h4 {
  font-size: 19px;
  font-weight: bold;
  text-transform: uppercase;
  color: #120c15; }
.main-content .info-continue-f.info-distance p {
  font-size: 16px; }
.main-content .info-continue-f.info-distance .title-list-info {
  color: #1e5dba; }
.main-content .wrap-btnp {
  height: auto; }
  .main-content .wrap-btnp.wrap-btndistsnce {
    background-color: #e34f50; }
    .main-content .wrap-btnp.wrap-btndistsnce a:hover, .main-content .wrap-btnp.wrap-btndistsnce a.active {
      background-color: #ffffff;
      color: #e34f50;
      transition: all .3s ease-in-out; }
  .main-content .wrap-btnp.wrap-btninitial {
    background-color: #8dc63f; }
    .main-content .wrap-btnp.wrap-btninitial a:hover, .main-content .wrap-btnp.wrap-btninitial a.active {
      background-color: #ffffff;
      color: #8dc63f;
      transition: all .3s ease-in-out; }
  .main-content .wrap-btnp a {
    text-transform: uppercase;
    color: #ffffff;
    display: inline-block;
    margin: 20px 0px;
    font-size: 18px;
    width: 100%;
    padding: 30px 60px;
    border: 1px solid;
    text-align: center; }
.main-content .nav-actualites .t-element-actus {
  border-left: 6px solid #ffc000;
  text-transform: uppercase;
  border-bottom: 1px solid #000000;
  font-size: 16px;
  padding-left: 10px;
  line-height: 200%;
  color: #005b9c;
  font-weight: bold; }
.main-content .nav-actualites .list-actus-top {
  padding: 20px 40px 40px 40px; }
.main-content .nav-actualites ul {
  background-color: #f7f9fb;
  padding: 20px 40px 40px 40px;
  list-style-type: disc;
  margin-bottom: 40px; }
  .main-content .nav-actualites ul li {
    padding: 2px 0px; }
    .main-content .nav-actualites ul li a {
      color: #000000;
      font-size: 12px; }
.main-content .thumbnail-actus {
  margin-bottom: 20px; }
  .main-content .thumbnail-actus img {
    width: 100%; }
  .main-content .thumbnail-actus .date-actus {
    float: left;
    border: 5px solid #8dc63f;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 10px;
    margin-top: 20px; }
    .main-content .thumbnail-actus .date-actus b {
      font-size: 30px; }
  .main-content .thumbnail-actus .caption {
    padding-left: 80px;
    margin: 30px 0px;
    padding-left: 30px;
    margin: 5px 0px;
    overflow: hidden; }
    .main-content .thumbnail-actus .caption h3 {
      color: #005b9c;
      font-size: 16px;
      font-weight: bold; }
    .main-content .thumbnail-actus .caption p {
      font-size: 12px; }
    .main-content .thumbnail-actus .caption a {
      padding-top: 10px;
      margin-top: 15px;
      color: #8dc63f;
      border-top: 1px solid;
      font-size: 13px;
      float: right;
      font-weight: bold; }

.calendar {
  background: #e9e9e9;
  padding: 20px;
  margin-bottom: 23px;
  height: 100%;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px; }
  .calendar.active {
    background: #8dc63f; }
    .calendar.active .date, .calendar.active p {
      color: #ffffff; }
  .calendar .date {
    font-family: "Cafeta", sans-serif;
    font-size: 49px;
    color: #821724;
    line-height: 1;
    float: left;
    margin-right: 15px; }
    .calendar .date small {
      font-size: 28px;
      display: block; }
  .calendar p {
    text-align: justify;
    overflow: hidden; }

.bloc-twitter {
  background: url("../img/bg-twitter.png") no-repeat 0 0;
  padding: 74px 30px 48px 68px;
  width: 540px;
  height: 500px;
  position: relative;
  margin-top: -60px; }
  .bloc-twitter h2 {
    margin-bottom: 13px !important; }
  @media only screen and (max-width: 767px) {
    .bloc-twitter {
      background: #005b9c;
      width: 100%;
      height: auto;
      margin-top: 0;
      padding-left: 30px; } }
  .bloc-twitter:before {
    content: "";
    background: url("../img/twitter-logo.png") 0 0 no-repeat;
    width: 129px;
    height: 107px;
    position: absolute;
    top: -20px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .bloc-twitter h2 {
    font-family: "AthelasBold", sans-serif;
    font-size: 38px;
    color: #00aaec;
    padding-left: 80px; }
    @media only screen and (max-width: 767px) {
      .bloc-twitter h2 {
        font-size: 30px; } }
  .bloc-twitter blockquote {
    border: 0;
    padding: 0;
    position: relative; }
    .bloc-twitter blockquote:before {
      content: "";
      background: url("../img/quote-start.png") 0 0 no-repeat;
      width: 57px;
      height: 44px;
      position: absolute;
      top: -66px;
      left: 0; }
    .bloc-twitter blockquote:after {
      content: "";
      background: url("../img/quote-start.png") 0 0 no-repeat;
      width: 57px;
      height: 44px;
      position: absolute;
      bottom: -70px;
      right: 20px; }
    .bloc-twitter blockquote p {
      font-size: 25px;
      line-height: 1.2;
      text-align: justify;
      color: #ffffff; }
      @media only screen and (max-width: 767px) {
        .bloc-twitter blockquote p {
          font-size: 18px; } }

.testimonial {
  text-align: center; }
  .testimonial .profil img {
    width: 110px;
    height: 110px;
    border: 8px solid #1386b0;
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-right: 15px; }
  .testimonial .profil span {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle; }
    .testimonial .profil span small {
      font-size: 15px;
      font-weight: normal; }

.slideshow .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(18, 12, 21, 0.66);
  padding: 12px 70px 12px 30px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  color: #ffffff; }
.slideshow .item {
  max-height: 420px;
  overflow: hidden; }
.slideshow .owl-dots {
  position: absolute;
  right: 5px;
  bottom: 10px; }
  .slideshow .owl-dots .owl-dot.active span {
    background-color: #005b9c; }
  .slideshow .owl-dots .owl-dot span {
    margin: 5px 4px; }

.slider-infos {
  border: 1px solid #d3d3d3;
  padding: 16px 20px;
  text-align: center; }
  .slider-infos h2 {
    font-size: 25px;
    font-weight: bold;
    color: #821724;
    text-align: center;
    margin-top: 0;
    padding: 0 20px; }
  .slider-infos p {
    font-size: 11px;
    line-height: 1.2;
    text-align: justify;
    color: #120c15;
    margin-bottom: 0; }
  .slider-infos .owl-item img {
    width: auto;
    display: inline-block;
    margin-bottom: 15px; }
  .slider-infos .owl-nav .owl-prev {
    background: url("../img/slider-prev.png") left top no-repeat !important;
    font-size: 0;
    color: transparent;
    height: 23px;
    width: 13px;
    position: absolute;
    top: 50%;
    left: 5px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .slider-infos .owl-nav .owl-next {
    background: url("../img/slider-next.png") left top no-repeat !important;
    font-size: 0;
    color: transparent;
    height: 23px;
    width: 13px;
    position: absolute;
    top: 50%;
    right: 5px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.gallery {
  margin-top: 40px; }
  .gallery .owl-nav .owl-prev {
    background: url("../img/caroussel-prev.png") left top no-repeat !important;
    font-size: 0;
    color: transparent;
    height: 13px;
    width: 14px;
    position: absolute;
    top: 50%;
    left: -30px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .gallery .owl-nav .owl-next {
    background: url("../img/caroussel-next.png") left top no-repeat !important;
    font-size: 0;
    color: transparent;
    height: 13px;
    width: 14px;
    position: absolute;
    top: 50%;
    right: -30px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

/* ------------------- */
/* == Buttons          */
/* ------------------- */
.btn {
  color: #ffffff;
  border: 0;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

/* --------------- */
/* == Forms        */
/* --------------- */
.datepicker {
  text-align: center;
  background-color: #f7f9fb; }
  .datepicker > div {
    display: inline-block; }
  .datepicker .datepicker-days table th {
    padding: 8px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .datepicker .datepicker-days table th {
        padding: 4px; } }
    .datepicker .datepicker-days table th.dow {
      color: #557ca1;
      text-transform: uppercase;
      font-weight: normal; }
  .datepicker .datepicker-days table td {
    padding: 7px; }
    .datepicker .datepicker-days table td.active {
      background: #b7d46c;
      color: #fff !important;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      border-radius: 100%; }
  .datepicker .datepicker-days table tr td.day {
    color: #9e9f9f; }
  .datepicker .datepicker-switch {
    text-align: center; }
  .datepicker .prev,
  .datepicker .next,
  .datepicker .datepicker-switch {
    color: #557ca1; }
  .datepicker .prev:hover,
  .datepicker .next:hover {
    color: black; }
a.btn-collapse:hover {
    color: #8dc63f;
}
/*# sourceMappingURL=main.css.map */