@charset "UTF-8";
/*#0A243C*/
/* #2e3b46; */
/* #4D4C4D  */
/* $menu-color2: #7B5C2E; */
/*$menu-color2: #f2f1ed; */
/* teinte grise */
/*$menu-color2: #B58742;*/
/* doré 1 */
/* doré hover */
/* 607D8B */
html {
  height: 100%; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding: 0; }

/**********************************************************************************/
/* Very Small devices (Smartphone, 768px and lower) */
/* SMARTPHONE */
/* No media queries, default style */
/**********************************************************************************/
.carousel-wrapper {
  width: 90%;
  margin-left: 5%;
  /* margin-left: 5%; */
  margin-top: 2%;
  box-shadow: 1px 2px 5px black; }
  .carousel-wrapper .img-wrapper {
    overflow: hidden; }
    .carousel-wrapper .img-wrapper img {
      width: 100%; }
    @media (min-width: 48em) {
      .carousel-wrapper .img-wrapper img {
        width: 100%;
        min-height: 100%; } }
  .carousel-wrapper .carousel-indicators {
    bottom: 0px; }
    .carousel-wrapper .carousel-indicators li {
      width: 6px;
      height: 6px; }
    @media (min-width: 48em) {
      .carousel-wrapper .carousel-indicators li {
        width: 12px;
        height: 12px; } }
  .carousel-wrapper .carousel-caption {
    padding: 0; }
    .carousel-wrapper .carousel-caption a {
      color: white; }
    .carousel-wrapper .carousel-caption h1 {
      font-size: 1.2em; }
    .carousel-wrapper .carousel-caption p {
      font-size: 1em; }
    .carousel-wrapper .carousel-caption .btn-lg {
      padding: 4px;
      font-size: 12px; }
  @media (min-width: 48em) {
    .carousel-wrapper .carousel-caption {
      padding: 20px; }
      .carousel-wrapper .carousel-caption h1 {
        font-size: 4em; }
      .carousel-wrapper .carousel-caption p {
        font-size: 1.5em; }
      .carousel-wrapper .carousel-caption .btn-lg {
        padding: 10px;
        font-size: 18px; } }
  @media (min-width: 62em) {
    .carousel-wrapper .carousel-caption {
      padding: 20px;
      font-weight: normal; }
      .carousel-wrapper .carousel-caption .btn-lg {
        padding: 15px;
        font-size: 18px; } }
  .carousel-wrapper span.arrow-next, .carousel-wrapper span.arrow-prev {
    background: url("/medias/header/arrow.png") center center no-repeat;
    top: 45%;
    cursor: pointer;
    display: block;
    position: absolute;
    width: 45px;
    height: 70px; }
  .carousel-wrapper a.carousel-control:hover span.arrow-next {
    background-position: -70px -31px; }
  .carousel-wrapper a.carousel-control:hover span.arrow-prev {
    background-position: -10px -31px; }
  .carousel-wrapper a.carousel-control span.arrow-next {
    right: 10px;
    background-position: -310px -31px; }
  .carousel-wrapper a.carousel-control span.arrow-prev {
    left: 10px;
    background-position: -250px -31px; }

body {
  max-width: 100%;
  height: 100%;
  margin: 0 0 80px; }
  body #page {
    min-height: 100%;
    margin: 0 auto -20px; }
  body #main-content {
    float: left;
    text-decoration: none;
    max-width: 100%; }
    body #main-content #title-prog-header {
      -webkit-transform: translateZ(0);
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      body #main-content #title-prog-header::before {
        display: block;
        width: 70%;
        height: 1px;
        content: "";
        border-top: 1px solid #113454;
        margin: 10px 15%; }
      body #main-content #title-prog-header p {
        font-size: 12px; }
    body #main-content header.title-prog {
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    body #main-content header.title-prog-fixed {
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      margin: 0;
      color: white;
      z-index: 16;
      top: 10%;
      background-color: #113454;
      position: fixed;
      width: 100%;
      display: inline-block;
      border-bottom-color: transparent;
      border-bottom: 3px solid white;
      -webkit-transform: translateZ(0);
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      body #main-content header.title-prog-fixed p.titre-sepa {
        display: inline-block;
        height: 1px;
        width: 5%;
        background-color: #113454;
        margin: auto auto; }
      body #main-content header.title-prog-fixed p:nth-of-type(4) {
        width: 0%; }
      body #main-content header.title-prog-fixed p.title {
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        font-weight: normal;
        font-size: 20px;
        margin: 0;
        display: inline-block; }
        body #main-content header.title-prog-fixed p.title:first-of-type {
          -webkit-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s;
          font-size: 28px; }
  body html {
    max-width: 100%; }
  body .row {
    margin: 0; }
  body #footer {
    height: 40px;
    float: left;
    position: relative;
    background-color: #113454;
    bottom: 0px;
    width: 100%;
    color: silver;
    padding: 2% 0 2% 0;
    font-weight: normal;
    font-size: 10px; }
    body #footer a {
      text-decoration: none;
      color: silver; }
  body #content, body #main-content {
    overflow-y: hidden; }
    body #content .title-prog-fixed, body #main-content .title-prog-fixed {
      color: white;
      z-index: 16;
      background-color: #113454;
      position: fixed;
      width: 71%;
      margin-top: 40px;
      display: inline-block;
      border-bottom-color: transparent;
      border-bottom: 3px solid white; }
      body #content .title-prog-fixed .header-wrapper p, body #main-content .title-prog-fixed .header-wrapper p {
        color: white; }
    body #content #wrapper-content-ip, body #content #infosProgramme, body #main-content #wrapper-content-ip, body #main-content #infosProgramme {
      font-weight: normal; }
      body #content #wrapper-content-ip .bloc_descriptif, body #content #infosProgramme .bloc_descriptif, body #main-content #wrapper-content-ip .bloc_descriptif, body #main-content #infosProgramme .bloc_descriptif {
        padding: 3% 10%; }
        body #content #wrapper-content-ip .bloc_descriptif img.img-contact, body #content #infosProgramme .bloc_descriptif img.img-contact, body #main-content #wrapper-content-ip .bloc_descriptif img.img-contact, body #main-content #infosProgramme .bloc_descriptif img.img-contact {
          margin: 0; }
      body #content #wrapper-content-ip .linked-programme, body #content #infosProgramme .linked-programme, body #main-content #wrapper-content-ip .linked-programme, body #main-content #infosProgramme .linked-programme {
        padding: 1% 0;
        background-color: #113454;
        color: white;
        float: left;
        width: 100%;
        font-weight: normal;
        text-align: left; }
        body #content #wrapper-content-ip .linked-programme .aucun_programme, body #content #infosProgramme .linked-programme .aucun_programme, body #main-content #wrapper-content-ip .linked-programme .aucun_programme, body #main-content #infosProgramme .linked-programme .aucun_programme {
          padding: 5px 20px; }
        body #content #wrapper-content-ip .linked-programme .vignettes h2, body #content #infosProgramme .linked-programme .vignettes h2, body #main-content #wrapper-content-ip .linked-programme .vignettes h2, body #main-content #infosProgramme .linked-programme .vignettes h2 {
          font-weight: normal; }
        body #content #wrapper-content-ip .linked-programme .vignettes li, body #content #infosProgramme .linked-programme .vignettes li, body #main-content #wrapper-content-ip .linked-programme .vignettes li, body #main-content #infosProgramme .linked-programme .vignettes li {
          padding: 10px 20px 1% 0; }
          body #content #wrapper-content-ip .linked-programme .vignettes li div.programme-item span, body #content #infosProgramme .linked-programme .vignettes li div.programme-item span, body #main-content #wrapper-content-ip .linked-programme .vignettes li div.programme-item span, body #main-content #infosProgramme .linked-programme .vignettes li div.programme-item span {
            float: left; }
          body #content #wrapper-content-ip .linked-programme .vignettes li div.programme-item a, body #content #infosProgramme .linked-programme .vignettes li div.programme-item a, body #main-content #wrapper-content-ip .linked-programme .vignettes li div.programme-item a, body #main-content #infosProgramme .linked-programme .vignettes li div.programme-item a {
            color: white;
            margin: 5% 0; }
    body #content .item.active, body #main-content .item.active {
      max-height: 30%; }
  body .navbar-header {
    width: 100%;
    float: left; }
    body .navbar-header .logo-header {
      width: 100%;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      body .navbar-header .logo-header .fixed {
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: relative;
        width: 100%;
        margin-top: -12%;
        z-index: 108;
        background-color: white; }
        body .navbar-header .logo-header .fixed img {
          width: 130px; }
        body .navbar-header .logo-header .fixed.scrolled {
          box-shadow: 0 2px 7px rgba(0, 0, 0, 0.26);
          position: fixed;
          height: 40px; }
          body .navbar-header .logo-header .fixed.scrolled .navbar-toggle {
            -webkit-transition: 0.5s linear;
            -moz-transition: 0.5s linear;
            -ms-transition: 0.5s linear;
            -o-transition: 0.5s linear;
            transition: 0.5s linear;
            top: -10%; }
          body .navbar-header .logo-header .fixed.scrolled img {
            height: 40px; }
      body .navbar-header .logo-header:last-child {
        margin-top: 12%; }
      body .navbar-header .logo-header img {
        padding-top: 1%;
        padding-bottom: 1%;
        width: 45%; }
    body .navbar-header .menu-fold {
      z-index: 101;
      margin-left: 27%; }
    body .navbar-header .navbar-toggle {
      position: absolute;
      top: 10%;
      left: 4%;
      width: 55px;
      height: 55px;
      margin: auto;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      body .navbar-header .navbar-toggle .line {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.26);
        border-radius: 2px;
        -webkit-border-radius: 2px;
        display: block;
        width: 100%;
        height: 4px;
        background: #4C4C4C;
        position: absolute;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        transition: all 200ms; }
        body .navbar-header .navbar-toggle .line:nth-child(1) {
          top: 0; }
        body .navbar-header .navbar-toggle .line:nth-child(2) {
          top: 45%;
          transform: translateY(-50%); }
        body .navbar-header .navbar-toggle .line:nth-child(3) {
          bottom: 0; }
      body .navbar-header .navbar-toggle .hamburger.close {
        position: fixed;
        top: 6%;
        left: 35%;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
        body .navbar-header .navbar-toggle .hamburger.close .line:nth-child(1), body .navbar-header .navbar-toggle .hamburger.close.close .line:nth-child(2) {
          top: 0;
          -webkit-transform: translateY(13px) rotate(45deg);
          transform: translateY(13px) rotate(45deg); }
        body .navbar-header .navbar-toggle .hamburger.close .line:nth-child(3) {
          -webkit-transform: translateY(-13px) rotate(-45deg);
          transform: translateY(-13px) rotate(-45deg); }
      body .navbar-header .navbar-toggle i {
        font-size: 30px; }
  body .navbar-programme {
    background-color: #fff;
    max-width: 100%;
    z-index: 99;
    min-height: 30px;
    max-height: 100%;
    color: #113454;
    font-weight: bold;
    border-radius: 0;
    overflow-x: auto;
    /* 1 */
    -webkit-overflow-scrolling: touch;
    /* 2 */
    box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.26);
    -webkit-transform: translateZ(0);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    body .navbar-programme.scrolled {
      position: fixed;
      margin-top: 40px; }
    body .navbar-programme ul.menu-programme-list {
      display: block;
      font-weight: normal;
      margin-top: 10px;
      margin-bottom: 0;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      padding-left: 0; }
      body .navbar-programme ul.menu-programme-list a {
        color: white;
        font-weight: bold;
        width: 100%; }
        body .navbar-programme ul.menu-programme-list a li {
          width: 100%;
          box-sizing: border-box;
          float: left;
          text-align: center;
          font-size: 1.1rem;
          display: inline-block;
          -webkit-transition: 0.5s linear;
          -moz-transition: 0.5s linear;
          -ms-transition: 0.5s linear;
          -o-transition: 0.5s linear;
          transition: 0.5s linear; }
          body .navbar-programme ul.menu-programme-list a li.selected {
            border-bottom: 5px solid #113454;
            -webkit-transition: 0.5s linear;
            -moz-transition: 0.5s linear;
            -ms-transition: 0.5s linear;
            -o-transition: 0.5s linear;
            transition: 0.5s linear; }
          body .navbar-programme ul.menu-programme-list a li.active, body .navbar-programme ul.menu-programme-list a li:hover {
            border-bottom: 5px solid #113454;
            -webkit-transition: 0.5s linear;
            -moz-transition: 0.5s linear;
            -ms-transition: 0.5s linear;
            -o-transition: 0.5s linear;
            transition: 0.5s linear; }
          body .navbar-programme ul.menu-programme-list a li span {
            color: #113454; }
  body #programme #infosProgramme .presProg #descriptif {
    padding: 3% 10%; }
  body #programme #infosProgramme .presProg #avis2i2p {
    padding: 1% 5%;
    background-color: #113454;
    color: white; }
    body #programme #infosProgramme .presProg #avis2i2p ul {
      padding: 0; }
    body #programme #infosProgramme .presProg #avis2i2p h3::after {
      display: block;
      width: 40%;
      height: 1px;
      content: "";
      border-top: 1px solid #ededed;
      margin: 20px 30%; }
  body #vignettes .btn {
    padding: 20px 25px;
    font-size: 14px; }
  body #vignettes .item-vignette {
    margin-bottom: 20px;
    min-height: 100px; }
  body #menu-global {
    position: absolute; }
    body #menu-global .dark-screen {
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      z-index: 110;
      width: 100%;
      min-height: 100%;
      position: fixed;
      background-color: rgba(0, 0, 0, 0.5); }
    body #menu-global .aside-global-menu {
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      margin-left: -220px; }
    body #menu-global #aside-global-menu #sidebar {
      -moz-box-shadow: 1px 2px 5px 0px black;
      -webkit-box-shadow: 1px 2px 5px 0px black;
      -o-box-shadow: 1px 2px 5px 0px black;
      box-shadow: 1px 2px 5px 0px black;
      margin-left: -100%;
      z-index: 150;
      background: #113454;
      background-color: #113454; }
      body #menu-global #aside-global-menu #sidebar.fold {
        margin-left: 0; }
      body #menu-global #aside-global-menu #sidebar .sidebar-menu {
        background: #113454;
        background-color: #113454;
        margin-top: 100px;
        display: block !important; }
        body #menu-global #aside-global-menu #sidebar .sidebar-menu li {
          z-index: 100; }
          body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo {
            -moz-box-shadow: 2px 1px 6px 0px black;
            -webkit-box-shadow: 2px 1px 6px 0px black;
            -o-box-shadow: 2px 1px 6px 0px black;
            box-shadow: 2px 1px 6px 0px black;
            margin-top: -100px;
            width: 40%;
            background-color: white;
            z-index: 100;
            position: fixed; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo .img-logo {
              width: 100px; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo a {
              padding-top: 30px;
              width: 80%;
              color: white; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo .hamburger {
              font-size: 30px;
              margin-top: 10%; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo img {
              width: 20px; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo a.langue {
              width: 20%;
              padding: 1% 0; }
          body #menu-global #aside-global-menu #sidebar .sidebar-menu li a {
            float: left;
            width: 100%; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu li a span {
              font-size: 1.1em; }
          body #menu-global #aside-global-menu #sidebar .sidebar-menu li ul.sub li {
            background-color: #467DAD; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu li ul.sub li span {
              font-size: 1.1em; }
        body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu ul.sub li {
          font-size: 0.9em;
          border-radius: 0;
          -webkit-border-radius: 0; }
          body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu ul.sub li:hover span {
            font-weight: bold; }
          body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu ul.sub li.selected {
            -moz-box-shadow: 0px 3px 10px 0px #000000;
            -webkit-box-shadow: 0px 3px 10px 0px #000000;
            -o-box-shadow: 0px 3px 10px 0px #000000;
            box-shadow: 0px 3px 10px 0px #000000;
            filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=10); }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu ul.sub li.selected span {
              font-weight: bold;
              color: white; }
        body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu a span.glyphicon {
          float: right;
          margin-right: 10px; }
      body #menu-global #aside-global-menu #sidebar .contact-menu {
        width: 100%;
        bottom: 20px;
        text-align: center;
        color: white;
        bottom: 10px; }
        body #menu-global #aside-global-menu #sidebar .contact-menu ul {
          width: 100%;
          list-style-type: none;
          float: left;
          margin: 0;
          padding: 0; }
          body #menu-global #aside-global-menu #sidebar .contact-menu ul li {
            display: inline-block;
            width: 49%;
            line-height: 10px;
            margin: 0;
            float: left; }
            body #menu-global #aside-global-menu #sidebar .contact-menu ul li a {
              font-size: 10px;
              padding: 0;
              color: silver; }
  body #modal-contact {
    max-width: 100%; }
    body #modal-contact .modal-content {
      background-color: #113454;
      color: white;
      width: 100%; }
      body #modal-contact .modal-content .rc-anchor-dark {
        background-color: #113454;
        border: white; }
      body #modal-contact .modal-content input, body #modal-contact .modal-content textarea, body #modal-contact .modal-content select {
        background-color: #113454;
        color: white;
        border: 1px solid white; }
      body #modal-contact .modal-content input[type="text"] {
        width: 85%; }
  body #contact-return {
    display: none;
    position: fixed;
    top: 10%;
    left: 20%;
    padding: 10px;
    z-index: 151; }
    body #contact-return .errorMessage, body #contact-return .successMessage {
      padding: 10px;
      border-radius: 5px;
      -webkit-border-radius: 5px; }
    body #contact-return .errorMessage {
      background-color: #ff9999; }
    body #contact-return .successMessage {
      background-color: #99ff99; }

/**********************************************************************************/
/* Small devices (tablette, 768px and up) */
/* TABLETTE */
/**********************************************************************************/
@media (min-width: 48em) {
  .carousel-wrapper {
    width: 90%;
    margin-left: 5%;
    /* margin-left: 5%; */
    margin-top: 2%;
    box-shadow: 1px 2px 5px black; }
    .carousel-wrapper .img-wrapper {
      overflow: hidden; }
      .carousel-wrapper .img-wrapper img {
        width: 100%; } }
    @media (min-width: 48em) and (min-width: 48em) {
      .carousel-wrapper .img-wrapper img {
        width: 100%;
        min-height: 100%; } }
@media (min-width: 48em) {
    .carousel-wrapper .carousel-indicators {
      bottom: 0px; }
      .carousel-wrapper .carousel-indicators li {
        width: 6px;
        height: 6px; } }
    @media (min-width: 48em) and (min-width: 48em) {
      .carousel-wrapper .carousel-indicators li {
        width: 12px;
        height: 12px; } }
@media (min-width: 48em) {
    .carousel-wrapper .carousel-caption {
      padding: 0; }
      .carousel-wrapper .carousel-caption a {
        color: white; }
      .carousel-wrapper .carousel-caption h1 {
        font-size: 1.2em; }
      .carousel-wrapper .carousel-caption p {
        font-size: 1em; }
      .carousel-wrapper .carousel-caption .btn-lg {
        padding: 4px;
        font-size: 12px; } }
  @media (min-width: 48em) and (min-width: 48em) {
    .carousel-wrapper .carousel-caption {
      padding: 20px; }
      .carousel-wrapper .carousel-caption h1 {
        font-size: 4em; }
      .carousel-wrapper .carousel-caption p {
        font-size: 1.5em; }
      .carousel-wrapper .carousel-caption .btn-lg {
        padding: 10px;
        font-size: 18px; } }
  @media (min-width: 48em) and (min-width: 62em) {
    .carousel-wrapper .carousel-caption {
      padding: 20px;
      font-weight: normal; }
      .carousel-wrapper .carousel-caption .btn-lg {
        padding: 15px;
        font-size: 18px; } }
@media (min-width: 48em) {
    .carousel-wrapper span.arrow-next, .carousel-wrapper span.arrow-prev {
      background: url("/medias/header/arrow.png") center center no-repeat;
      top: 45%;
      cursor: pointer;
      display: block;
      position: absolute;
      width: 45px;
      height: 70px; }
    .carousel-wrapper a.carousel-control:hover span.arrow-next {
      background-position: -70px -31px; }
    .carousel-wrapper a.carousel-control:hover span.arrow-prev {
      background-position: -10px -31px; }
    .carousel-wrapper a.carousel-control span.arrow-next {
      right: 10px;
      background-position: -310px -31px; }
    .carousel-wrapper a.carousel-control span.arrow-prev {
      left: 10px;
      background-position: -250px -31px; }

  body {
    height: 100%;
    margin: 0 0 80px;
    background-image: url("/styles/background.png"); }
    body #main-content {
      float: left; }
      body #main-content #title-prog-header {
        -webkit-transform: translateZ(0); }
        body #main-content #title-prog-header::before {
          display: block;
          width: 70%;
          height: 1px;
          content: "";
          border-top: 1px solid #113454;
          margin: 20px 15%; }
        body #main-content #title-prog-header p {
          font-size: 25px; }
      body #main-content header.title-prog-fixed {
        margin: 0;
        color: white;
        z-index: 16;
        top: 4%;
        background-color: #113454;
        position: fixed;
        width: 100%;
        display: inline-block;
        border-bottom-color: transparent;
        border-bottom: 3px solid white;
        -webkit-transform: translateZ(0);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
        body #main-content header.title-prog-fixed p.titre-sepa {
          display: inline-block;
          height: 1px;
          width: 5%;
          background-color: #113454;
          margin: auto auto; }
        body #main-content header.title-prog-fixed p:nth-of-type(4) {
          width: 0%; }
        body #main-content header.title-prog-fixed p.title {
          -webkit-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s;
          font-weight: normal;
          font-size: 20px;
          margin: 0;
          display: inline-block; }
          body #main-content header.title-prog-fixed p.title:first-of-type {
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            font-size: 28px; }
    body html {
      max-width: 100%; }
    body .row {
      margin: 0; }
    body #footer {
      height: 60px;
      float: left;
      position: relative;
      background-color: #113454;
      bottom: 0;
      width: 100%;
      color: silver;
      padding: 2% 0 2% 0;
      font-size: 12px; }
      body #footer a {
        font-size: 11px;
        text-decoration: none;
        color: silver; }
    body #content .title-prog-fixed, body #main-content .title-prog-fixed {
      color: white;
      z-index: 16;
      top: 0px;
      background-color: #113454;
      position: fixed;
      width: 71%;
      margin-left: 4%;
      display: inline-block;
      border-bottom-color: transparent;
      border-bottom: 3px solid white; }
    body #content #wrapper-content-ip .bloc_descriptif, body #content #infosProgramme .bloc_descriptif, body #main-content #wrapper-content-ip .bloc_descriptif, body #main-content #infosProgramme .bloc_descriptif {
      padding: 3% 10%; }
      body #content #wrapper-content-ip .bloc_descriptif img.img-contact, body #content #infosProgramme .bloc_descriptif img.img-contact, body #main-content #wrapper-content-ip .bloc_descriptif img.img-contact, body #main-content #infosProgramme .bloc_descriptif img.img-contact {
        margin: 0; }
    body #content #wrapper-content-ip .linked-programme, body #content #infosProgramme .linked-programme, body #main-content #wrapper-content-ip .linked-programme, body #main-content #infosProgramme .linked-programme {
      padding: 1% 10%;
      background-color: #113454;
      color: white;
      float: left;
      width: 100%;
      font-weight: normal;
      text-align: center; }
    body .navbar-header {
      width: 100%; }
      body .navbar-header .logo-header {
        width: 100%;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
        body .navbar-header .logo-header .fixed {
          -webkit-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s;
          position: relative;
          width: 100%;
          margin-top: -12%;
          z-index: 108;
          background-image: url("/styles/background.png"); }
          body .navbar-header .logo-header .fixed.scrolled {
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s; }
          body .navbar-header .logo-header .fixed img {
            width: 32%; }
          body .navbar-header .logo-header .fixed.scrolled {
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.26);
            position: fixed; }
            body .navbar-header .logo-header .fixed.scrolled .navbar-toggle {
              -webkit-transition: 0.5s linear;
              -moz-transition: 0.5s linear;
              -ms-transition: 0.5s linear;
              -o-transition: 0.5s linear;
              transition: 0.5s linear;
              top: -20%; }
            body .navbar-header .logo-header .fixed.scrolled img {
              width: 15%; }
        body .navbar-header .logo-header:last-child {
          margin-top: 12%; }
        body .navbar-header .logo-header img {
          padding-top: 1%;
          padding-bottom: 1%;
          width: 45%; }
      body .navbar-header .menu-fold {
        z-index: 101;
        margin-left: 27%; }
      body .navbar-header .navbar-toggle {
        position: absolute;
        top: 10%;
        left: 4%;
        width: 60px;
        height: 100%;
        margin: auto;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
        body .navbar-header .navbar-toggle .line {
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.26);
          border-radius: 2px;
          -webkit-border-radius: 2px;
          display: block;
          width: 100%;
          height: 4px;
          background: #4C4C4C;
          position: absolute;
          -webkit-transition: all 200ms;
          -moz-transition: all 200ms;
          -ms-transition: all 200ms;
          -o-transition: all 200ms;
          transition: all 200ms; }
          body .navbar-header .navbar-toggle .line:nth-child(1) {
            top: 0; }
          body .navbar-header .navbar-toggle .line:nth-child(2) {
            top: 45%;
            transform: translateY(-50%); }
          body .navbar-header .navbar-toggle .line:nth-child(3) {
            bottom: 0; }
        body .navbar-header .navbar-toggle .hamburger.close {
          position: fixed;
          top: 6%;
          left: 35%;
          -webkit-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s; }
          body .navbar-header .navbar-toggle .hamburger.close .line:nth-child(1), body .navbar-header .navbar-toggle .hamburger.close.close .line:nth-child(2) {
            top: 0;
            -webkit-transform: translateY(13px) rotate(45deg);
            transform: translateY(13px) rotate(45deg); }
          body .navbar-header .navbar-toggle .hamburger.close .line:nth-child(3) {
            -webkit-transform: translateY(-13px) rotate(-45deg);
            transform: translateY(-13px) rotate(-45deg); }
        body .navbar-header .navbar-toggle i {
          font-size: 35px; }
    body .navbar-programme {
      background-image: url("/styles/background.png");
      width: 100%;
      z-index: 99;
      min-height: 35px;
      max-height: 100%;
      color: #113454;
      font-weight: bold;
      border-radius: 0;
      overflow-x: hidden;
      box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.26);
      -webkit-transform: translateZ(0);
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      body .navbar-programme.scrolled {
        position: fixed;
        margin-top: 5%; }
      body .navbar-programme ul.menu-programme-list {
        font-weight: 100;
        padding: 0px 0; }
        body .navbar-programme ul.menu-programme-list a {
          color: white;
          font-weight: bold;
          width: 100%; }
          body .navbar-programme ul.menu-programme-list a li {
            width: 100%;
            box-sizing: border-box;
            float: left;
            text-align: center;
            font-size: 1.3rem;
            -webkit-transition: 0.5s linear;
            -moz-transition: 0.5s linear;
            -ms-transition: 0.5s linear;
            -o-transition: 0.5s linear;
            transition: 0.5s linear; }
            body .navbar-programme ul.menu-programme-list a li.selected {
              border-bottom: 5px solid #113454;
              -webkit-transition: 0.5s linear;
              -moz-transition: 0.5s linear;
              -ms-transition: 0.5s linear;
              -o-transition: 0.5s linear;
              transition: 0.5s linear; }
            body .navbar-programme ul.menu-programme-list a li.active, body .navbar-programme ul.menu-programme-list a li:hover {
              border-bottom: 5px solid #113454;
              -webkit-transition: 0.5s linear;
              -moz-transition: 0.5s linear;
              -ms-transition: 0.5s linear;
              -o-transition: 0.5s linear;
              transition: 0.5s linear; }
            body .navbar-programme ul.menu-programme-list a li span {
              color: #113454; }
    body #programme #infosProgramme .presProg #descriptif {
      padding: 3% 10%; }
    body #programme #infosProgramme .presProg #avis2i2p {
      padding: 1% 10%;
      background-color: #113454;
      color: white; }
      body #programme #infosProgramme .presProg #avis2i2p div:first-child {
        padding-left: 20px; }
      body #programme #infosProgramme .presProg #avis2i2p ul {
        padding-left: 40px; }
      body #programme #infosProgramme .presProg #avis2i2p h3::after {
        display: block;
        width: 40%;
        height: 1px;
        content: "";
        border-top: 1px solid #ededed;
        margin: 20px 30%; }
    body #vignettes .btn {
      padding: 20px 35px; }
    body #vignettes .item-vignette {
      margin-bottom: 20px;
      min-height: 100px; }
    body #menu-global {
      position: absolute; }
      body #menu-global .dark-screen {
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        z-index: 110;
        width: 100%;
        min-height: 100%;
        position: fixed;
        background-color: rgba(0, 0, 0, 0.5); }
      body #menu-global .aside-global-menu {
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        margin-left: -220px; }
      body #menu-global #aside-global-menu #sidebar {
        -moz-box-shadow: 1px 2px 5px 0px black;
        -webkit-box-shadow: 1px 2px 5px 0px black;
        -o-box-shadow: 1px 2px 5px 0px black;
        box-shadow: 1px 2px 5px 0px black;
        margin-left: -50%;
        z-index: 150;
        background: #113454;
        background-color: #113454;
        -webkit-transition: 0.7s;
        -moz-transition: 0.7s;
        -ms-transition: 0.7s;
        -o-transition: 0.7s;
        transition: 0.7s; }
        body #menu-global #aside-global-menu #sidebar.fold {
          -webkit-transition: 0.7s;
          -moz-transition: 0.7s;
          -ms-transition: 0.7s;
          -o-transition: 0.7s;
          transition: 0.7s;
          margin-left: 0; }
        body #menu-global #aside-global-menu #sidebar .sidebar-menu {
          background: #113454;
          background-color: #113454;
          margin-top: 125px;
          display: block !important; }
          body #menu-global #aside-global-menu #sidebar .sidebar-menu li {
            z-index: 100; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo {
              margin-top: -125px;
              width: 40%;
              background-color: white;
              z-index: 100;
              position: fixed; }
              body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo a {
                padding-bottom: 10px;
                width: 80%; }
              body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo .hamburger {
                min-height: 100%;
                font-size: 30px;
                margin-top: 30%;
                margin-left: 85%; }
              body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo .img-logo {
                width: 80%; }
              body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo img {
                width: 70%; }
              body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo .langue-wrapper {
                float: right;
                margin-right: 5px;
                margin-top: 10px; }
                body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo .langue-wrapper a.langue {
                  width: 100%;
                  padding: 7% 0; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu li a {
              float: left;
              width: 100%; }
              body #menu-global #aside-global-menu #sidebar .sidebar-menu li a span {
                font-size: 1.1em; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu li ul.sub li {
              background-color: #467DAD; }
              body #menu-global #aside-global-menu #sidebar .sidebar-menu li ul.sub li span {
                font-size: 1.1em; }
          body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu ul.sub li {
            font-size: 0.9em;
            border-radius: 0;
            -webkit-border-radius: 0; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu ul.sub li:hover span {
              font-weight: bold; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu ul.sub li.selected {
              -moz-box-shadow: 0px 3px 10px 0px #000000;
              -webkit-box-shadow: 0px 3px 10px 0px #000000;
              -o-box-shadow: 0px 3px 10px 0px #000000;
              box-shadow: 0px 3px 10px 0px #000000;
              filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=10); }
              body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu ul.sub li.selected span {
                font-weight: bold;
                color: white; }
          body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu a span.glyphicon {
            float: right;
            margin-right: 10px; }
        body #menu-global #aside-global-menu #sidebar .contact-menu {
          width: 100%;
          bottom: 20px;
          text-align: center;
          color: white;
          bottom: 10px; }
          body #menu-global #aside-global-menu #sidebar .contact-menu ul {
            width: 100%;
            list-style-type: none;
            float: left;
            margin: 0;
            padding: 0; }
            body #menu-global #aside-global-menu #sidebar .contact-menu ul li {
              display: inline-block;
              width: 49%;
              line-height: 10px;
              margin: 0;
              float: left; }
              body #menu-global #aside-global-menu #sidebar .contact-menu ul li a {
                font-size: 10px;
                padding: 0;
                color: silver; }

  #contact-return {
    display: none;
    position: fixed;
    top: 10%;
    left: 50%;
    padding: 10px;
    z-index: 151; }
    #contact-return .errorMessage, #contact-return .successMessage {
      padding: 10px;
      border-radius: 5px;
      -webkit-border-radius: 5px; }
    #contact-return .errorMessage {
      background-color: #ff9999; }
    #contact-return .successMessage {
      background-color: #99ff99; } }
/**********************************************************************************/
/* Medium devices (desktops, 992px and up) */
/**********************************************************************************/
@media (min-width: 62em) {
  body {
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    background: transparent;
    background-image: url("/styles/background.png");
    padding: 0 !important;
    height: 100%;
  	/*.vignette-footer {
  		padding: 0;
  		background-color: #3e424d;
  		color: white;
  		width: 99%;

  		h2 {
  			margin: 0 0 0 10px;
  		}
  	}*/
    /*#carousel-index .carousel-inner {
    	border-radius: 3px;
    	margin-bottom: 20px;
    	width: auto;
    }*/ }
    body #page {
      min-height: 100%;
      height: auto !important;
      height: 100%;
      margin: 0 auto -30px; }
      body #page .navbar-programme {
        position: fixed;
        background-image: url("/styles/background.png");
        width: 85%;
        z-index: 100;
        min-height: 23px;
        max-height: 100%;
        color: #113454;
        font-weight: bold;
        border-radius: 0;
        box-shadow: 4px 2px 7px rgba(0, 0, 0, 0.26); }
        body #page .navbar-programme.scrolled {
          position: fixed;
          margin-top: 0; }
        body #page .navbar-programme ul.menu-programme-list {
          font-weight: 100;
          padding: 0;
          -webkit-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s; }
          body #page .navbar-programme ul.menu-programme-list a {
            color: white;
            font-weight: bold;
            width: 100%; }
            body #page .navbar-programme ul.menu-programme-list a li {
              width: 100%;
              box-sizing: border-box;
              float: left;
              text-align: center;
              font-size: 1.5rem;
              -webkit-transition: 0.5s linear;
              -moz-transition: 0.5s linear;
              -ms-transition: 0.5s linear;
              -o-transition: 0.5s linear;
              transition: 0.5s linear; }
              body #page .navbar-programme ul.menu-programme-list a li.selected {
                border-bottom: 5px solid #113454;
                -webkit-transition: 0.5s linear;
                -moz-transition: 0.5s linear;
                -ms-transition: 0.5s linear;
                -o-transition: 0.5s linear;
                transition: 0.5s linear; }
              body #page .navbar-programme ul.menu-programme-list a li.active, body #page .navbar-programme ul.menu-programme-list a li:hover {
                border-bottom: 5px solid #113454;
                -webkit-transition: 0.5s linear;
                -moz-transition: 0.5s linear;
                -ms-transition: 0.5s linear;
                -o-transition: 0.5s linear;
                transition: 0.5s linear; }
              body #page .navbar-programme ul.menu-programme-list a li span {
                color: #113454; }
    body #menu-global {
      float: left;
      margin: 0;
      padding: 0; }
      body #menu-global #aside-global-menu #sidebar {
        margin: 0;
        background: #113454;
        background-color: #113454;
        -moz-box-shadow: 0px 0px 0px 0px black;
        -webkit-box-shadow: 0px 0px 0px 0px black;
        -o-box-shadow: 0px 0px 0px 0px black;
        box-shadow: 0px 0px 0px 0px black; }
        body #menu-global #aside-global-menu #sidebar .sidebar-menu {
          margin-top: 39%;
          float: left;
          width: 100%; }
          body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo {
            box-shadow: none;
            width: 17%;
            margin-top: -8%; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo .img-logo {
              padding-top: 10px;
              width: 80%; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo img {
              width: 20px; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo .langue-wrapper {
              float: right;
              padding: 40px 0 0 0; }
              body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo .langue-wrapper a.langue {
                width: 15%;
                padding: 3% 0; }
                body #menu-global #aside-global-menu #sidebar .sidebar-menu li.logo .langue-wrapper a.langue:first-of-type {
                  margin-top: 30px;
                  width: 0px; }
          body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu ul.sub li {
            border-radius: 0;
            -webkit-border-radius: 0; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu ul.sub li:hover span {
              font-weight: bold; }
            body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu ul.sub li.selected {
              -moz-box-shadow: 0px 3px 10px 0px #000000;
              -webkit-box-shadow: 0px 3px 10px 0px #000000;
              -o-box-shadow: 0px 3px 10px 0px #000000;
              box-shadow: 0px 3px 10px 0px #000000;
              filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=10); }
              body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu ul.sub li.selected span {
                font-weight: bold;
                color: white; }
          body #menu-global #aside-global-menu #sidebar .sidebar-menu .sub-menu a span.glyphicon {
            float: right;
            margin-right: 10px; }
        body #menu-global #aside-global-menu #sidebar .contact-menu {
          width: 100%;
          bottom: 20px;
          text-align: center;
          color: white;
          bottom: 10px; }
          body #menu-global #aside-global-menu #sidebar .contact-menu ul {
            width: 100%;
            list-style-type: none;
            float: left;
            margin: 0;
            padding: 0; }
            body #menu-global #aside-global-menu #sidebar .contact-menu ul li {
              display: inline-block;
              width: 49%;
              line-height: 10px;
              margin: 0;
              float: left; }
              body #menu-global #aside-global-menu #sidebar .contact-menu ul li a {
                font-size: 10px;
                padding: 0;
                color: silver; }
    body #main-content {
      margin-left: 200px;
      overflow: hidden;
      margin: 0 0 0 18%;
      width: 79%; }
      body #main-content .carousel-wrapper {
        width: 90%;
        margin-left: 5%;
        /* margin-left: 5%; */
        margin-top: 2%;
        box-shadow: 1px 2px 5px black; }
        body #main-content .carousel-wrapper .img-wrapper {
          overflow: hidden; }
          body #main-content .carousel-wrapper .img-wrapper img {
            width: 100%; } }
        @media (min-width: 62em) and (min-width: 48em) {
          body #main-content .carousel-wrapper .img-wrapper img {
            width: 100%;
            min-height: 100%; } }
@media (min-width: 62em) {
        body #main-content .carousel-wrapper .carousel-indicators {
          bottom: 0px; }
          body #main-content .carousel-wrapper .carousel-indicators li {
            width: 6px;
            height: 6px; } }
        @media (min-width: 62em) and (min-width: 48em) {
          body #main-content .carousel-wrapper .carousel-indicators li {
            width: 12px;
            height: 12px; } }
@media (min-width: 62em) {
        body #main-content .carousel-wrapper .carousel-caption {
          padding: 0; }
          body #main-content .carousel-wrapper .carousel-caption a {
            color: white; }
          body #main-content .carousel-wrapper .carousel-caption h1 {
            font-size: 1.2em; }
          body #main-content .carousel-wrapper .carousel-caption p {
            font-size: 1em; }
          body #main-content .carousel-wrapper .carousel-caption .btn-lg {
            padding: 4px;
            font-size: 12px; } }
      @media (min-width: 62em) and (min-width: 48em) {
        body #main-content .carousel-wrapper .carousel-caption {
          padding: 20px; }
          body #main-content .carousel-wrapper .carousel-caption h1 {
            font-size: 4em; }
          body #main-content .carousel-wrapper .carousel-caption p {
            font-size: 1.5em; }
          body #main-content .carousel-wrapper .carousel-caption .btn-lg {
            padding: 10px;
            font-size: 18px; } }
      @media (min-width: 62em) and (min-width: 62em) {
        body #main-content .carousel-wrapper .carousel-caption {
          padding: 20px;
          font-weight: normal; }
          body #main-content .carousel-wrapper .carousel-caption .btn-lg {
            padding: 15px;
            font-size: 18px; } }
@media (min-width: 62em) {
        body #main-content .carousel-wrapper span.arrow-next, body #main-content .carousel-wrapper span.arrow-prev {
          background: url("/medias/header/arrow.png") center center no-repeat;
          top: 45%;
          cursor: pointer;
          display: block;
          position: absolute;
          width: 45px;
          height: 70px; }
        body #main-content .carousel-wrapper a.carousel-control:hover span.arrow-next {
          background-position: -70px -31px; }
        body #main-content .carousel-wrapper a.carousel-control:hover span.arrow-prev {
          background-position: -10px -31px; }
        body #main-content .carousel-wrapper a.carousel-control span.arrow-next {
          right: 10px;
          background-position: -310px -31px; }
        body #main-content .carousel-wrapper a.carousel-control span.arrow-prev {
          left: 10px;
          background-position: -250px -31px; }
      body #main-content .img-contact {
        width: 50%;
        margin: 3% 0 0 25%; }
      body #main-content .contenu {
        width: 80%;
        margin: 10%;
        text-align: center; }
      body #main-content header.title-prog {
        margin: 0; }
        body #main-content header.title-prog .titre-sepa {
          height: 1px;
          width: 30%;
          background-color: #113454;
          margin: auto auto; }
        body #main-content header.title-prog p:nth-of-type(4) {
          width: 5%; }
        body #main-content header.title-prog p.title {
          -webkit-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s;
          font-weight: normal;
          font-size: 22px;
          margin-top: 10px; }
          body #main-content header.title-prog p.title:first-of-type {
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            font-size: 32px; }
      body #main-content header.title-prog-fixed {
        color: white;
        z-index: 16;
        top: 0px;
        background-color: #113454;
        position: fixed;
        width: 71%;
        margin-left: 4%;
        display: inline-block;
        border-bottom-color: transparent;
        border-bottom: 3px solid white; }
        body #main-content header.title-prog-fixed p.titre-sepa {
          display: inline-block;
          height: 1px;
          width: 5%;
          background-color: #113454;
          margin: auto auto; }
        body #main-content header.title-prog-fixed p:nth-of-type(4) {
          width: 0%; }
        body #main-content header.title-prog-fixed p.title {
          -webkit-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s;
          font-weight: normal;
          font-size: 20px;
          margin: 0;
          display: inline-block; }
          body #main-content header.title-prog-fixed p.title:first-of-type {
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            font-size: 28px; }
      body #main-content #programme .carousel-wrapper {
        margin-top: 2%;
        margin-left: 5%;
        width: 90%; }
      body #main-content #programme #infosProgramme {
        width: 90%;
        margin-left: 5%; }
        body #main-content #programme #infosProgramme #titres {
          padding: 1px;
          color: white;
          background-color: #113454; }
        body #main-content #programme #infosProgramme .presProg {
          display: inline;
          font-weight: normal;
          width: 100%; }
          body #main-content #programme #infosProgramme .presProg #descriptif {
            width: 62%;
            display: inline-block;
            padding: 0 15px;
            float: left;
            background-image: url("/styles/background.png"); }
            body #main-content #programme #infosProgramme .presProg #descriptif p span {
              font-size: 15px; }
          body #main-content #programme #infosProgramme .presProg #avis2i2p {
            background-color: #113454;
            width: 37%;
            display: inline-block;
            margin: 0 0 1% 1%;
            background-color: #113454;
            color: white;
            font-size: 16px !important;
            padding: 0 0 3% 0; }
            body #main-content #programme #infosProgramme .presProg #avis2i2p h3 {
              margin-left: -40px; }
            body #main-content #programme #infosProgramme .presProg #avis2i2p .prog-contact {
              margin-top: 10%; }
    body #content, body #main-content {
      width: 79%;
      margin: 2% 0 40px 18%;
      /* liste programme par fiscalité, vue onglet fiscalité non statique */ }
      body #content .carousel-wrapper, body #main-content .carousel-wrapper {
        width: 90%;
        margin-left: 5%;
        /* margin-left: 5%; */
        margin-top: 2%;
        box-shadow: 1px 2px 5px black; }
        body #content .carousel-wrapper .img-wrapper, body #main-content .carousel-wrapper .img-wrapper {
          overflow: hidden; }
          body #content .carousel-wrapper .img-wrapper img, body #main-content .carousel-wrapper .img-wrapper img {
            width: 100%; } }
        @media (min-width: 62em) and (min-width: 48em) {
          body #content .carousel-wrapper .img-wrapper img, body #main-content .carousel-wrapper .img-wrapper img {
            width: 100%;
            min-height: 100%; } }
@media (min-width: 62em) {
        body #content .carousel-wrapper .carousel-indicators, body #main-content .carousel-wrapper .carousel-indicators {
          bottom: 0px; }
          body #content .carousel-wrapper .carousel-indicators li, body #main-content .carousel-wrapper .carousel-indicators li {
            width: 6px;
            height: 6px; } }
        @media (min-width: 62em) and (min-width: 48em) {
          body #content .carousel-wrapper .carousel-indicators li, body #main-content .carousel-wrapper .carousel-indicators li {
            width: 12px;
            height: 12px; } }
@media (min-width: 62em) {
        body #content .carousel-wrapper .carousel-caption, body #main-content .carousel-wrapper .carousel-caption {
          padding: 0; }
          body #content .carousel-wrapper .carousel-caption a, body #main-content .carousel-wrapper .carousel-caption a {
            color: white; }
          body #content .carousel-wrapper .carousel-caption h1, body #main-content .carousel-wrapper .carousel-caption h1 {
            font-size: 1.2em; }
          body #content .carousel-wrapper .carousel-caption p, body #main-content .carousel-wrapper .carousel-caption p {
            font-size: 1em; }
          body #content .carousel-wrapper .carousel-caption .btn-lg, body #main-content .carousel-wrapper .carousel-caption .btn-lg {
            padding: 4px;
            font-size: 12px; } }
      @media (min-width: 62em) and (min-width: 48em) {
        body #content .carousel-wrapper .carousel-caption, body #main-content .carousel-wrapper .carousel-caption {
          padding: 20px; }
          body #content .carousel-wrapper .carousel-caption h1, body #main-content .carousel-wrapper .carousel-caption h1 {
            font-size: 4em; }
          body #content .carousel-wrapper .carousel-caption p, body #main-content .carousel-wrapper .carousel-caption p {
            font-size: 1.5em; }
          body #content .carousel-wrapper .carousel-caption .btn-lg, body #main-content .carousel-wrapper .carousel-caption .btn-lg {
            padding: 10px;
            font-size: 18px; } }
      @media (min-width: 62em) and (min-width: 62em) {
        body #content .carousel-wrapper .carousel-caption, body #main-content .carousel-wrapper .carousel-caption {
          padding: 20px;
          font-weight: normal; }
          body #content .carousel-wrapper .carousel-caption .btn-lg, body #main-content .carousel-wrapper .carousel-caption .btn-lg {
            padding: 15px;
            font-size: 18px; } }
@media (min-width: 62em) {
        body #content .carousel-wrapper span.arrow-next, body #content .carousel-wrapper span.arrow-prev, body #main-content .carousel-wrapper span.arrow-next, body #main-content .carousel-wrapper span.arrow-prev {
          background: url("/medias/header/arrow.png") center center no-repeat;
          top: 45%;
          cursor: pointer;
          display: block;
          position: absolute;
          width: 45px;
          height: 70px; }
        body #content .carousel-wrapper a.carousel-control:hover span.arrow-next, body #main-content .carousel-wrapper a.carousel-control:hover span.arrow-next {
          background-position: -70px -31px; }
        body #content .carousel-wrapper a.carousel-control:hover span.arrow-prev, body #main-content .carousel-wrapper a.carousel-control:hover span.arrow-prev {
          background-position: -10px -31px; }
        body #content .carousel-wrapper a.carousel-control span.arrow-next, body #main-content .carousel-wrapper a.carousel-control span.arrow-next {
          right: 10px;
          background-position: -310px -31px; }
        body #content .carousel-wrapper a.carousel-control span.arrow-prev, body #main-content .carousel-wrapper a.carousel-control span.arrow-prev {
          left: 10px;
          background-position: -250px -31px; }
      body #content #title-prog-header::before, body #main-content #title-prog-header::before {
        display: block;
        width: 70%;
        height: 0px;
        content: "";
        border-top: 0px solid black;
        margin: 0px; }
      body #content #title-prog-header.title-prog-fixed, body #main-content #title-prog-header.title-prog-fixed {
        color: white;
        z-index: 16;
        top: 33px;
        background-color: #113454;
        position: fixed;
        width: 71%;
        margin-left: 4%;
        display: inline-block;
        border-bottom-color: transparent;
        border-bottom: 3px solid white; }
        body #content #title-prog-header.title-prog-fixed .header-wrapper, body #main-content #title-prog-header.title-prog-fixed .header-wrapper {
          box-shadow: 1px 2px 5px black; }
          body #content #title-prog-header.title-prog-fixed .header-wrapper p.title, body #main-content #title-prog-header.title-prog-fixed .header-wrapper p.title {
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            padding: 5px;
            color: white; }
      body #content .header-wrapper p.title, body #main-content .header-wrapper p.title {
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        font-weight: normal;
        font-size: 25px;
        color: black;
        margin-bottom: 0; }
      body #content #wrapper-content-ip, body #content #infosProgramme, body #main-content #wrapper-content-ip, body #main-content #infosProgramme {
        width: 90%;
        margin-left: 5%; }
        body #content #wrapper-content-ip .bloc_descriptif, body #content #infosProgramme .bloc_descriptif, body #main-content #wrapper-content-ip .bloc_descriptif, body #main-content #infosProgramme .bloc_descriptif {
          width: 65%;
          display: inline-block;
          float: left;
          padding: 10px;
          padding-top: 30px;
          text-align: center;
          min-height: 400px; }
        body #content #wrapper-content-ip .linked-programme, body #content #infosProgramme .linked-programme, body #main-content #wrapper-content-ip .linked-programme, body #main-content #infosProgramme .linked-programme {
          width: 25%;
          display: inline-block;
          margin: 8% 0 1% 10%;
          padding: 10px 10px 50px 10px;
          background-color: #113454;
          color: white;
          font-size: 15px !important;
          box-shadow: 1px 2px 5px black;
          margin-top: 8px;
          text-align: left; }
          body #content #wrapper-content-ip .linked-programme .aucun-prog, body #content #infosProgramme .linked-programme .aucun-prog, body #main-content #wrapper-content-ip .linked-programme .aucun-prog, body #main-content #infosProgramme .linked-programme .aucun-prog {
            float: left;
            width: 100%;
            padding: 10px 0; }
          body #content #wrapper-content-ip .linked-programme .vignettes li, body #content #infosProgramme .linked-programme .vignettes li, body #main-content #wrapper-content-ip .linked-programme .vignettes li, body #main-content #infosProgramme .linked-programme .vignettes li {
            margin-bottom: 3%;
            padding: 0 2% 0 5%; }
            body #content #wrapper-content-ip .linked-programme .vignettes li div.programme-item, body #content #infosProgramme .linked-programme .vignettes li div.programme-item, body #main-content #wrapper-content-ip .linked-programme .vignettes li div.programme-item, body #main-content #infosProgramme .linked-programme .vignettes li div.programme-item {
              float: left;
              width: 100%;
              border-bottom: 1px solid white; }
              body #content #wrapper-content-ip .linked-programme .vignettes li div.programme-item span, body #content #infosProgramme .linked-programme .vignettes li div.programme-item span, body #main-content #wrapper-content-ip .linked-programme .vignettes li div.programme-item span, body #main-content #infosProgramme .linked-programme .vignettes li div.programme-item span {
                float: left;
                font-size: 26px; }
              body #content #wrapper-content-ip .linked-programme .vignettes li div.programme-item a, body #content #infosProgramme .linked-programme .vignettes li div.programme-item a, body #main-content #wrapper-content-ip .linked-programme .vignettes li div.programme-item a, body #main-content #infosProgramme .linked-programme .vignettes li div.programme-item a {
                color: white;
                float: left;
                margin-left: 5%; }
          body #content #wrapper-content-ip .linked-programme ul, body #content #infosProgramme .linked-programme ul, body #main-content #wrapper-content-ip .linked-programme ul, body #main-content #infosProgramme .linked-programme ul {
            padding: 0; }
            body #content #wrapper-content-ip .linked-programme ul img, body #content #infosProgramme .linked-programme ul img, body #main-content #wrapper-content-ip .linked-programme ul img, body #main-content #infosProgramme .linked-programme ul img {
              max-width: 100%; }
    body .deployed {
      right: 400px; }
    body #contact-wrapper {
      overflow: hidden;
      position: absolute; }
      body #contact-wrapper .contact-cb {
        -webkit-transition: 2s easy;
        -moz-transition: 2s easy;
        -ms-transition: 2s easy;
        -o-transition: 2s easy;
        transition: 2s easy;
        position: fixed;
        top: 20%;
        font-size: 50px;
        width: 40px;
        line-height: 0;
        color: #113454; }
        body #contact-wrapper .contact-cb.wait {
          -webkit-transition: 2s easy;
          -moz-transition: 2s easy;
          -ms-transition: 2s easy;
          -o-transition: 2s easy;
          transition: 2s easy;
          right: 5px; }
          body #contact-wrapper .contact-cb.wait:hover {
            -webkit-transition: 2s easy;
            -moz-transition: 2s easy;
            -ms-transition: 2s easy;
            -o-transition: 2s easy;
            transition: 2s easy;
            right: 5px; }
        body #contact-wrapper .contact-cb.open {
          right: 362px;
          -webkit-transition: 2s easy;
          -moz-transition: 2s easy;
          -ms-transition: 2s easy;
          -o-transition: 2s easy;
          transition: 2s easy; }
        body #contact-wrapper .contact-cb i {
          text-shadow: -1px 0px 1px black; }
      body #contact-wrapper #phone-modal {
        -moz-box-shadow: -1px 1px 5px black;
        -webkit-box-shadow: -1px 1px 5px black;
        -o-box-shadow: -1px 1px 5px black;
        box-shadow: -1px 1px 5px black;
        background-color: white;
        position: absolute;
        top: -40px;
        right: -360px;
        width: 350px;
        min-height: 150px;
        color: #113454;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        /*border: 2px solid $menu-color1;*/ }
        body #contact-wrapper #phone-modal .header-contact-form {
          background-color: #113454;
          color: white;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px; }
        body #contact-wrapper #phone-modal .modal-footer {
          background-color: #113454;
          background: #113454;
          text-shadow: none;
          color: white; }
        body #contact-wrapper #phone-modal hr {
          margin-top: 5px;
          margin-bottom: 10px; }
        body #contact-wrapper #phone-modal .content-call-form-contact {
          display: inline-block;
          width: 100%;
          font-size: 0.4em; }
          body #contact-wrapper #phone-modal .content-call-form-contact form div.formLabelInput {
            display: inline-block;
            width: 49%;
            padding: 3%; }
            body #contact-wrapper #phone-modal .content-call-form-contact form div.formLabelInput label {
              font-weight: 300;
              margin-bottom: 10%; }
            body #contact-wrapper #phone-modal .content-call-form-contact form div.formLabelInput input {
              background-color: white;
              color: #113454;
              border: 1px solid #113454; }
          body #contact-wrapper #phone-modal .content-call-form-contact form .modal-footer {
            padding: 5px; }
    body li.list-item-menu ul.dropdown-menu {
      border: none;
      font-size: 0.9em;
      box-shadow: none;
      width: 100%; }
      body li.list-item-menu ul.dropdown-menu li > a {
        color: #7f8c8d;
        font-size: 1.2rem;
        padding: 0 0 0 10px; }
    body ul a li img {
      margin-right: 20px; }
    body #wrapper.toggled {
      margin-left: -250px; }
    body #wrapper.toggled #sidebar-wrapper {
      width: 250px; }
    body .sidebar-wrapper {
      position: relative;
      text-decoration: none;
      color: #7f8c8d;
      height: 100%;
      border-right: 1px solid #bdc3c7;
      position: fixed;
      padding-left: 0; }
      body .sidebar-wrapper ul {
        list-style-type: none;
        padding-left: 0;
        position: static; }
        body .sidebar-wrapper ul li.list-item-menu {
          font-size: medium;
          font-weight: bold;
          height: 10%;
          padding: 12px 0 12px 20px;
          text-decoration: none; }
        body .sidebar-wrapper ul li.logo-header {
          padding: 15px 0 0 10px;
          font-weight: bold; }
        body .sidebar-wrapper ul a {
          text-decoration: none;
          color: #7f8c8d; }
          body .sidebar-wrapper ul a li.list-item-menu:hover {
            color: #7f8c8d;
            text-decoration: none; }
            body .sidebar-wrapper ul a li.list-item-menu:hover .list-item-menu:hover {
              background-color: #ecf0f1;
              -webkit-transition: 0.5s;
              -moz-transition: 0.5s;
              -ms-transition: 0.5s;
              -o-transition: 0.5s;
              transition: 0.5s;
              padding-left: 30px; }
    body a:hover {
      text-decoration: none; }
    body ul.dropdown-menu li a {
      font-size: 0.8em;
      padding: 0; }
    body .vignette-mid-content {
      width: 25%;
      float: left;
      padding: 0 0 0 2%; }
      body .vignette-mid-content img:hover {
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        transition: 1s; }
      body .vignette-mid-content img {
        padding-right: 0;
        padding-left: 0;
        width: 99%;
        filter: grayscale(50%);
        -webkit-filter: grayscale(50%);
        -moz-filter: grayscale(50%);
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        transition: 1s; }
      body .vignette-mid-content p {
        width: 99%;
        padding: 10px 10px 10px;
        background-color: white; }
    body .row {
      margin-left: 0; }
    body #vignettes {
      width: 90%;
      margin-left: 5%;
      margin-top: 20px;
      margin-bottom: 20px; }
      body #vignettes div.splitter {
        float: left;
        width: 1px;
        min-height: 50px;
        border: 1px solid black; }
      body #vignettes .btn {
        padding: 20px 15%; }
      body #vignettes div:last-of-type {
        border: 0px; }
      body #vignettes .item-vignette {
        padding: 0 10px;
        margin-bottom: 20px;
        min-height: 100px; }
      body #vignettes p {
        font-size: 0.9em;
        margin-top: 5%;
        color: #113454;
        text-align: center;
        font-weight: 100; }
      body #vignettes .vignette-box {
        min-height: 30px;
        padding: 3px 0 0 0;
        color: #113454;
        font-size: 2rem;
        text-align: center; }
        body #vignettes .vignette-box p {
          min-height: 50px; }
        body #vignettes .vignette-box span {
          font-size: 1.3em; }
    body .vignette-separator {
      float: left;
      border: 1px solid white; }
    body #modal-contact {
      max-width: 100%; }
      body #modal-contact .modal-content {
        background-color: #113454;
        color: white; }
        body #modal-contact .modal-content .rc-anchor-dark {
          background-color: #113454;
          border: white; }
        body #modal-contact .modal-content input, body #modal-contact .modal-content textarea, body #modal-contact .modal-content select {
          background-color: #113454;
          color: white;
          border: 1px solid white; }
        body #modal-contact .modal-content input[type="text"] {
          width: 85%; }
    body .navbar-right li {
      cursor: pointer; }
    body .carousel-inner {
      margin-bottom: 0; }
      body .carousel-inner .item.active {
        max-height: 30%; }
      body .carousel-inner .item img {
        min-height: 350px;
        width: 100%; }
    body #modal-form-part1, body #modal-form-part2 {
      float: left;
      width: 49%; }
    body #modal-form-part1 .radio {
      margin: 0 3px;
      float: left;
      display: inline; }
    body #recaptcha-content {
      margin: auto; }
    body #formulaireContact input {
      color: #3e424d; }
      body #formulaireContact input textarea {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        color: #3e424d; }
    body #modal-form-part1 .formLabelInput label, body #modal-form-part2 .formLabelInput label {
      width: 43%;
      font-weight: normal; }
    body #finFormulaireContact .recaptcha-content .rc-anchor-dark {
      background: #113454; }
    body #finFormulaireContact .formLabelInput {
      margin-top: 10px; }
      body #finFormulaireContact .formLabelInput .checkbox {
        display: inline; }
    body .modal-header h2 {
      text-align: center;
      display: inline;
      margin-left: 0 auto; }
    body #footer {
      width: 100%;
      color: silver;
      padding: 1% 0 0 0;
      position: relative;
      margin-top: 0px; }
      body #footer a {
        font-size: 11px;
        text-decoration: none;
        color: silver; }
    body .btn-primary {
      background-color: #467DAD;
      border-color: white; }
    body .btn-primary:hover {
      background-color: #113454;
      border-color: white; }
    body .btn-row {
      text-align: center; }
    body ul.sidebar-menu li a span {
      font-size: 1.1em; }
    body ul.sidebar-menu li ul.sub li {
      background-color: #467DAD; }
      body ul.sidebar-menu li ul.sub li span {
        font-size: 1.1em; }
    body ul.sidebar-menu .logo {
      background-image: url("/styles/background.png"); }
    body ul.sidebar-menu li a.active:hover, body ul.sidebar-menu ul.sidebar-menu li a.active:focus {
      background: #467DAD;
      color: white;
      font-weight: bold; }
    body #contact-return {
      display: none;
      position: fixed;
      top: 10%;
      left: 18%;
      padding: 10px;
      z-index: 20; }
      body #contact-return .errorMessage, body #contact-return .successMessage {
        padding: 10px;
        border-radius: 5px;
        -webkit-border-radius: 5px; }
      body #contact-return .errorMessage {
        background-color: #ff9999; }
      body #contact-return .successMessage {
        background-color: #99ff99; } }

/*# sourceMappingURL=style.css.map */