@media only screen and (max-width: 320px){
  .author {
    width: 100%;
    text-align: center;
  }
  .top_bar section#block-block-7 {
    width: 55%;
  }
  .top_bar section.block-locale {
    width: 43%;
  }
  .top_bar .language-switcher-locale-url li a {
    font-size: 12px;
  }
  .fakeLoader .spinner6 {
    top: 59% !important;
    left: 38.8% !important;
  }
  .fakeLoader:after {
    width: 89%;
    bottom: 24%;
  }
  .pagination {
    display: inline-block !important;
    width: 100%;
  }

  /* ===============================================================
  SECTION HEADER
  ===============================================================*/
  .top_bar {
    margin-top: 50px;
    position: relative !important;
  }
  .top_bar .user-login a {
    position: relative;
    padding: 6px 20px;
  }
  .top_bar section#block-block-7 p {
    text-align: left;
  }
  .box_navi .seance .block-seance {
    height: auto;
  }
  .box_navi .seance .block-seance .seance-ouverte, .box_navi .seance .block-seance .seance-fermee {
    width: 47.5%;
    font-size: 10px;
  }
  .box_navi .seance .block-seance .items-seance {
    width: 100%;
    width: 96%;
    margin-left: 2%;
    margin-top: 2%;
    max-width: 100%;
  }
  ol.breadcrumb {
    padding: 0;
  }
  ol.breadcrumb li a {
    font-size: 1rem;
  }
  /* ===============================================================
  SECTION SLIDER
  ===============================================================*/
  .box_slider,
  .region-brvm-slider .view-sliderhome {
    overflow: visible;
    height: auto;
  }
  .region-brvm-slider .views_slideshow_cycle_main {
    top: 0;
    width: 100%;
  }
  .region-brvm-slider .views-slideshow-controls-top {
    float: none;
    width: 100%;
    height: auto;
    display: none;
  }
  .region-brvm-slider .views_slideshow_cycle_main .views-field-title, .region-brvm-slider .views_slideshow_cycle_main .views-field-field-descriptif-slidehome, .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node {
    text-shadow: none;
    color: #222222;
  }
  .region-brvm-slider .views_slideshow_cycle_main .views-field-title a {
    color: #161C5C;
    font-size: 18px;
  }
  .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node a {
    background: #f6b600;
    color: #ffffff;
  }
  .views-slideshow-cycle-main-frame-row {
    width: 100%;
    height: 490px;
  }
  .region-brvm-slider .views_slideshow_cycle_main {
    max-height: 420px !important;
  }
  .region-brvm-slider .views_slideshow_cycle_main .views-field-title, .region-brvm-slider .views_slideshow_cycle_main .views-field-field-descriptif-slidehome, .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node {
    left: 1rem;
  }
  .region-brvm-slider .views_slideshow_cycle_main .views-field-title {
    top: 18rem;
  }
  .region-brvm-slider .views_slideshow_cycle_main .views-field-field-descriptif-slidehome {
    top: 9rem;
    width: 94%;
  }
  .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node {
    top: 12rem;
  }
  .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node a {
    width: 88%;
    text-align: center;
    display: inline-block;
  }


  /* ===============================================================
  SECTION SLIDER
  ===============================================================*/
  .box_contain .pre-footer .block-title {
    font-size: 1.6rem;
  }
  .box_contain .pre-footer .panel-pane.pane-block {
    width: 100%;
    margin: 0 0 20px 0;
  }


  /* ===============================================================
  SECTION CONTENT
  ===============================================================*/
  .region-sidebar-first.well {
    margin-bottom: 20px;
  }

  /*----------------------------------------------------
  RAPPORT
  ----------------------------------------------------*/
  .righttside .about-content .region-content .view-id-rapports .views-table tr .views-field-nothing strong {
    font-size: 1.2rem;
  }
  .righttside .about-content .region-content p, .righttside .about-content .region-content p span {
    font-size: 1rem;
    text-align: left;
  }

  .righttside .about-content .region-content .view-id-rapports .views-table tr .views-field-field-fichier {
    background: url('../images/im_download.png') center 38% no-repeat;
  }
  .righttside .about-content .region-content .view-id-rapports .views-table tr .views-field-field-fichier a {
    bottom: 40%;
  }
  .box_contain .block-resultat .row .col-md-12 {
    padding-right: 15px !important;
  }


  /*----------------------------------------------------
  RAPPORT
  ----------------------------------------------------*/
  .view-id-bureaux .views-row {
    width: 100%;
    margin-left: 0;
  }

  .bulletin .views-field-field-fichier-boc a,
  .view-id-avis .views-field-field-fichier-avis a,
  .view-id-publications .views-field-field-fichier-publication a,
  .view-id-bulletin .views-field-field-fichier a,
  .view-id-paiement_de_dividendes .views-field-field-communique-dividende a {
    display: inline-block;
    width: 39px;
    font-size: 0;
    height: 39px;
    background: url('../images/im_download.png') center no-repeat;
    position: relative;
    top: -10px;
  }
  .bulletin tr,
  .view-id-avis tr,
  .view-id-publications tr,
  .view-id-bulletin tr,
  .view-id-paiement_de_dividendes tr {
    background: #f7f7f7 !important;
    color: #222222 !important;
  }

  .region-sidebar-first.well ul.menu li a {
    font-size: 14px;
  }


  /*----------------------------------------------------
  INTERVENANTS
  ----------------------------------------------------*/
  .righttside .views-box-container .views-row .bloc_country {
    height: auto;
  }
  .righttside .views-box-container .views-row {
    width: 100%;
    margin: 0 0 20px 0;
  }

  .page-cours-actions .about-content table:before,
  .page-cours-obligations .about-content table:before {
    content: 'Défilez vers la gauche pour voir plus de details ...';
    display: inline-block;
    width: 100%;
    background: #F9B423;
    padding: 10px;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
  }


  /*----------------------------------------------------
  PHOTOTHEQUE
  ----------------------------------------------------*/
  .node-type-phototheque .about-content .field-slideshow-wrapper .field-slideshow-carousel ul {
    padding-left: 0 !important;
  }
  .node-type-phototheque .about-content .field-slideshow-wrapper .field-slideshow-carousel .field-slideshow-pager .jcarousel-item {
    width: 116px !important;
  }
  .page-mediacentre-actualites .view-id-actualites .views-row .views-field-nothing .field-content a {
    width: 100%;
  }

  .modal-forms-modal-content {
    width: 100% !important;
    top: 7%;
  }
  .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-un-cv-ajax-wrapper,
  .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-une-lettre-de-motivation-ajax-wrapper {
    width: 100%;
  }
  .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-un-cv-ajax-wrapper .form-managed-file, .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-une-lettre-de-motivation-ajax-wrapper .form-managed-file {
    right: 10%;
  }
  .modal-forms-modal-content form.webform-client-form {
    width: 100%;
  }
  .view-videotheque img {
    width: 100%;
    height: auto;
  }
  .view-videotheque .views-row {
    margin-bottom: 20px;
  }


  /*----------------------------------------------------
  SERVICES
  ----------------------------------------------------*/
  .page-services-catalogue-de-services .pane-block.pane-block-6 {
    top: -0.7rem;
    width: 100%;
    float: none;
    text-align: center;
  }
  .page-services-catalogue-de-services .pane-block.pane-block-6 p {
    text-align: center;
  }
  .page-services-catalogue-de-services .content-service .description_catalogue {
    padding: 21px 6px 6px 6px;
  }
  .page-services-catalogue-de-services .content-service .description_catalogue p, .page-services-catalogue-de-services .content-service .description_catalogue span {
    position: relative;
    bottom: -2px !important;
  }


  /*----------------------------------------------------
  CONTACT
  ----------------------------------------------------*/
  .view-id-bureaux .views-row {
    height: auto;
    padding: 20px 5px;
  }
  .views-field-field-visuel-slidehome img,
  img[alt="architecture"],
  .views-field-field-visuel-evenement img,
  .views-field-field-image-album img,
  .field-name-field-image-actualite img {
    width: 100% !important;
    height: auto !important;
  }

  .pagination {
    margin: 20px 0 20px 0 !important;
  }


  .about-content table {
    display: block;
    overflow-x: auto;
  }



  .region-footer section {
    float: none;
  }

  }/* ------------------------- END 320px ----------------------------*/

  @media only screen and (min-width: 321px) and (max-width: 480px){
    #cboxLoadedContent {
      width: 100% !important;
    }
    .author {
      width: 100%;
      text-align: center;
    }
    .top_bar section#block-block-7 {
      width: 55%;
    }
    .top_bar section.block-locale {
      width: 42%;
    }
    .fakeLoader .spinner6 {
      top: 59% !important;
      left: 38.8% !important;
    }
    .fakeLoader:after {
      width: 89%;
      bottom: 24%;
    }
    .pagination {
      display: inline-block !important;
      width: 100%;
    }

    /* ===============================================================
    SECTION HEADER
    ===============================================================*/
    .top_bar {
      margin-top: 50px;
      position: relative;
    }
    .top_bar .user-login a {
      position: relative;
      padding: 6px 20px;
    }
    .top_bar section#block-block-7 p {
      text-align: left;
    }
    .box_navi .seance .block-seance {
      height: auto;
    }
    .box_navi .seance .block-seance .seance-ouverte, .box_navi .seance .block-seance .seance-fermee {
      /*width: 100%;*/
    }
    .box_navi .seance .block-seance .items-seance {
      max-width: 100%;
      padding: 10px;
      float: none;
    }
    .box_navi .seance .block-seance .items-seance {
      width: 100%;
      width: 96%;
      margin-left: 2%;
      margin-top: 2%;
    }
    ol.breadcrumb {
      padding: 0;
    }
    ol.breadcrumb li a {
      font-size: 1rem;
    }
    /* ===============================================================
    SECTION SLIDER
    ===============================================================*/
    .box_slider,
    .region-brvm-slider .view-sliderhome {
      overflow: visible;
      height: auto;
    }
    .region-brvm-slider .views_slideshow_cycle_main {
      top: 0;
      width: 100%;
    }
    .region-brvm-slider .views-slideshow-controls-top {
      float: none;
      width: 100%;
      height: auto;
      display: none;
    }
    .region-brvm-slider .views_slideshow_cycle_main .views-field-title, .region-brvm-slider .views_slideshow_cycle_main .views-field-field-descriptif-slidehome, .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node {
      text-shadow: none;
      color: #222222;
    }
    .region-brvm-slider .views_slideshow_cycle_main .views-field-title a {
      color: #161c5c;
      font-size: 18px;
    }
    .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node a {
      background: #f6b600;
      color: #ffffff;
    }
    .views-slideshow-cycle-main-frame-row {
      width: 100%;
      height: 490px;
    }
    .region-brvm-slider .views_slideshow_cycle_main {
      max-height: 420px !important;
    }
    .region-brvm-slider .views_slideshow_cycle_main .views-field-title, .region-brvm-slider .views_slideshow_cycle_main .views-field-field-descriptif-slidehome, .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node {
      left: 1rem;
    }
    .region-brvm-slider .views_slideshow_cycle_main .views-field-title {
      top: 20rem;
      width: 92%;
      max-height: 70px;
      overflow: hidden;
    }
    .region-brvm-slider .views_slideshow_cycle_main .views-field-field-descriptif-slidehome {
      top: 9rem;
      width: 92%;
    }
    .region-brvm-slider .views_slideshow_cycle_main .views-field-field-visuel-slidehome {
      max-height: 125px;
      overflow: hidden;
    }
    .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node {
      top: 12rem;
    }
    .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node a {
      width: 94%;
      text-align: center;
      display: inline-block;
    }


    /* ===============================================================
    SECTION SLIDER
    ===============================================================*/
    .box_contain .pre-footer .block-title {
      font-size: 1.6rem;
    }
    .box_contain .pre-footer .panel-pane.pane-block {
      width: 100%;
      margin: 0 0 20px 0;
    }


    /* ===============================================================
    SECTION CONTENT
    ===============================================================*/
    .region-sidebar-first.well {
      margin-bottom: 20px;
    }

    /*----------------------------------------------------
    RAPPORT
    ----------------------------------------------------*/
    .righttside .about-content .region-content .view-id-rapports .views-table tr .views-field-nothing strong {
      font-size: 1.2rem;
    }
    .righttside .about-content .region-content p, .righttside .about-content .region-content p span {
      font-size: 1rem;
      text-align: justify;
    }

    .righttside .about-content .region-content .view-id-rapports .views-table tr .views-field-field-fichier {
      background: url('../images/im_download.png') center 30% no-repeat;
    }
    .righttside .about-content .region-content .view-id-rapports .views-table tr .views-field-field-fichier a {
      bottom: 40%;
    }
    .box_contain .block-resultat .row .col-md-12 {
      padding-right: 15px !important;
    }


    /*----------------------------------------------------
    RAPPORT
    ----------------------------------------------------*/
    .view-id-bureaux .views-row {
      width: 100%;
      margin-left: 0;
    }

    .bulletin .views-field-field-fichier-boc a,
    .view-id-avis .views-field-field-fichier-avis a,
    .view-id-publications .views-field-field-fichier-publication a,
    .view-id-bulletin .views-field-field-fichier a,
    .view-id-paiement_de_dividendes .views-field-field-communique-dividende a {
      display: inline-block;
      width: 39px;
      font-size: 0;
      height: 39px;
      background: url('../images/im_download.png') center no-repeat;
      position: relative;
      top: -10px;
    }
    .bulletin tr,
    .view-id-avis tr,
    .view-id-publications tr,
    .view-id-bulletin tr,
    .view-id-paiement_de_dividendes tr {
      background: #f7f7f7 !important;
      color: #222222 !important;
    }

    .region-sidebar-first.well ul.menu li a {
      font-size: 14px;
    }


    /*----------------------------------------------------
    INTERVENANTS
    ----------------------------------------------------*/
    .righttside .views-box-container .views-row .bloc_country {
      height: auto;
    }
    .righttside .views-box-container .views-row {
      width: 100%;
      margin: 0 0 20px 0;
    }


    .page-cours-actions .about-content table:before,
    .page-cours-obligations .about-content table:before {
      content: 'Défilez vers la gauche pour voir plus de details ...';
      display: inline-block;
      width: 100%;
      background: #F9B423;
      padding: 10px;
      color: #ffffff;
      font-weight: bold;
      font-size: 12px;
    }


    /*----------------------------------------------------
    PHOTOTHEQUE
    ----------------------------------------------------*/
    .node-type-phototheque .about-content .field-slideshow-wrapper .field-slideshow-carousel ul {
      padding-left: 0 !important;
    }
    .node-type-phototheque .about-content .field-slideshow-wrapper .field-slideshow-carousel .field-slideshow-pager .jcarousel-item {
      width: 138px !important;
    }
    .page-mediacentre-actualites .view-id-actualites .views-row .views-field-nothing .field-content a {
      width: 100%;
    }

    .modal-forms-modal-content {
      width: 100% !important;
      top: 7%;
    }
    .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-un-cv-ajax-wrapper,
    .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-une-lettre-de-motivation-ajax-wrapper {
      width: 100%;
    }
    .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-un-cv-ajax-wrapper .form-managed-file, .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-une-lettre-de-motivation-ajax-wrapper .form-managed-file {
      right: 10%;
    }
    .modal-forms-modal-content form.webform-client-form {
      width: 100%;
    }

    .view-videotheque img {
      width: 100%;
      height: auto;
    }

    .view-videotheque .views-row {
      margin-bottom: 20px;
    }


    /*----------------------------------------------------
    SERVICES
    ----------------------------------------------------*/
    .page-services-catalogue-de-services .pane-block.pane-block-6 {
      top: -0.7rem;
      width: 100%;
      float: none;
      text-align: center;
    }
    .page-services-catalogue-de-services .pane-block.pane-block-6 p {
      text-align: center;
    }
    .page-services-catalogue-de-services .content-service .description_catalogue {
      padding: 21px 6px 6px 6px;
    }

    .page-services-catalogue-de-services .content-service .description_catalogue {
      top: 338px;
    }
    .page-services-catalogue-de-services .content-service .description_catalogue p, .page-services-catalogue-de-services .content-service .description_catalogue span {
      position: relative;
      bottom: -62px;
    }


    /*----------------------------------------------------
    CONTACT
    ----------------------------------------------------*/
    .view-id-bureaux .views-row {
      height: auto;
      padding: 20px 5px;
    }
    .views-field-field-visuel-slidehome img,
    img[alt="architecture"],
    .views-field-field-visuel-evenement img,
    .views-field-field-image-album img,
    .field-name-field-image-actualite img,
    .view-id-catalogue img {
      width: 100% !important;
      height: auto !important;
    }

    .pagination {
      margin: 20px 0 20px 0 !important;
    }



    /*=================================================================
    TABLE
    =================================================================*/
    .about-content table {
      display: block;
      overflow-x: auto;
    }
    .view-bulletin table,
    .view-publications table {display: table !important}

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
      vertical-align: inherit !important;
    }


    /*=================================================================
    FOOTER
    =================================================================*/
    .box_contain .pre-footer .pane-block.pane-block-1 .pane-title,
    .box_contain .pre-footer .pane-block.pane-block-2 .pane-title,
    .box_contain .pre-footer .pane-block.pane-block-3 .pane-title,
    .box_contain .pre-footer .pane-block.pane-block-4 .pane-title {
      text-align: left;
      padding-left: 100px;
    }




    /*=========================================================
    MARCHE
    ==========================================================*/
    .page-cours-actions .about-content .table > tbody > tr > td .icone-seance, .page-cours-obligations .about-content .table > tbody > tr > td .icone-seance, .page-indices .about-content .table > tbody > tr > td .icone-seance,
    .page-cours-actions .about-content .table > tbody > tr > td .text-good, .page-cours-obligations .about-content .table > tbody > tr > td .text-good, .page-indices .about-content .table > tbody > tr > td .text-good,
    .page-cours-actions .about-content .table > tbody > tr > td .text-bad, .page-cours-obligations .about-content .table > tbody > tr > td .text-bad, .page-indices .about-content .table > tbody > tr > td .text-bad,
    .page-cours-actions .about-content .table > tbody > tr > td .text-nul, .page-cours-obligations .about-content .table > tbody > tr > td .text-nul, .page-indices .about-content .table > tbody > tr > td .text-nul {
      width: 100%;
      left: 0;
    }

    .region-footer section {
      float: none;
    }

    .front #colorbox {
      width: 96% !important;
      margin-left: 9px;
    }
    .front #colorbox .cboxIframe {
      width: 100% !important;
      padding: 75px 5px 27px 0 !important;
    }
    .front #colorbox #cboxContent #cboxClose {
      right: 20px !important;
      top: 17px !important;
    }

    }/* ------------------------- END 480px ----------------------------*/

    @media only screen and (min-width : 480px) and (max-width : 767px){
      #cboxLoadedContent {
        width: 100% !important;
      }
      .fakeLoader .spinner6 {
        top: 80% !important;
        left: 43.8% !important;
      }
      .pagination {
        display: inline-block !important;
        width: 100%;
      }

      /* ===============================================================
      SECTION HEADER
      ===============================================================*/
      .slicknav_menu {
        max-height: 100% !important;
        overflow: auto !important;
      }
      .top_bar {
        margin-top: 50px;
      }
      .box_navi .seance .block-seance {
        height: auto;
      }
      .box_navi .seance .block-seance .seance-ouverte, .box_navi .seance .block-seance .seance-fermee {
        width: 100%;
      }
      .box_navi .seance .block-seance .items-seance {
        width: 100%;
        width: 96%;
        margin-left: 2%;
        margin-top: 2%;
      }
      ol.breadcrumb {
        padding: 0;
      }
      ol.breadcrumb li a {
        font-size: 1rem;
      }
      /* ===============================================================
      SECTION SLIDER
      ===============================================================*/
      .box_slider,
      .region-brvm-slider .view-sliderhome {
        overflow: visible;
        height: auto;
      }
      .region-brvm-slider .views_slideshow_cycle_main {
        top: 0;
        width: 100%;
      }
      .region-brvm-slider .views-slideshow-controls-top {
        float: none;
        width: 100%;
        height: auto;
        display: none;
      }
      .region-brvm-slider .views_slideshow_cycle_main .views-field-title, .region-brvm-slider .views_slideshow_cycle_main .views-field-field-descriptif-slidehome, .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node {
        text-shadow: none;
        color: #222222;
      }
      .region-brvm-slider .views_slideshow_cycle_main .views-field-title a {
        color: #161C5C;
      }
      .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node a {
        background: #f6b600;
        color: #ffffff;
      }
      .views-slideshow-cycle-main-frame-row {
        width: 100%;
        height: 490px;
      }
      .region-brvm-slider .views_slideshow_cycle_main {
        max-height: 464px;
      }
      .region-brvm-slider .views_slideshow_cycle_main .views-field-title, .region-brvm-slider .views_slideshow_cycle_main .views-field-field-descriptif-slidehome, .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node {
        left: 1.9rem;
      }
      .region-brvm-slider .views_slideshow_cycle_main .views-field-title {
        top: 28rem;
      }
      .region-brvm-slider .views_slideshow_cycle_main .views-field-field-descriptif-slidehome {
        top: 5rem;
        width: 94%;
      }
      .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node {
        top: 9rem;
      }
      .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node a {
        width: 92%;
        text-align: center;
        display: inline-block;
        text-transform: uppercase;
        font-weight: bold;
      }


      /* ===============================================================
      SECTION PRE-FOOTER
      ===============================================================*/
      .box_contain .pre-footer .block-title {
        font-size: 1.8rem;
      }
      .box_contain .pre-footer .panel-pane.pane-block {
        width: 45%;
        margin: 0 10px 60px 10px;

      }
      .box_contain .pre-footer .panel-pane.pane-block .pane-content .espace_pro_link {
        left: 0;
        padding: 10px;
        display: inline-block;
        width: 100%;
        font-weight: bold;
        text-transform: uppercase;
      }

      .box_contain .block-resultat table thead th {
        font-size: 1.5rem;
      }
      .box_contain .block-resultat table td {
        font-size: 1.2rem;
      }

      .box_contain .block-resultat table td .icone-seance {
        top: 0;
      }

      /* ===============================================================
      SECTION CONTENT
      ===============================================================*/
      .region-sidebar-first.well {
        margin-bottom: 20px;
      }

      /*----------------------------------------------------
      RAPPORT
      ----------------------------------------------------*/
      .righttside .about-content .region-content .view-id-rapports .views-table tr .views-field-nothing strong {
        font-size: 2rem;
      }
      .righttside .about-content .region-content p, .righttside .about-content .region-content p span {
        font-size: 2.5rem;
        text-align: justify;
      }

      .righttside .about-content .region-content .view-id-rapports .views-table tr .views-field-field-fichier {
        background: url('../images/im_download.png') center 30% no-repeat;
      }
      .righttside .about-content .region-content .view-id-rapports .views-table tr .views-field-field-fichier a {
        bottom: 20%;
      }
      .box_contain .block-resultat .row .col-md-12 {
        padding-right: 15px !important;
      }


      /*----------------------------------------------------
      RAPPORT
      ----------------------------------------------------*/
      .view-id-bureaux .views-row {
        width: 100%;
        margin-left: 0;
      }

      .bulletin .views-field-field-fichier-boc a,
      .view-id-avis .views-field-field-fichier-avis a,
      .view-id-publications .views-field-field-fichier-publication a,
      .view-id-bulletin .views-field-field-fichier a,
      .view-id-paiement_de_dividendes .views-field-field-communique-dividende a {
        display: inline-block;
        width: 39px;
        font-size: 0;
        height: 39px;
        background: url('../images/im_download.png') center no-repeat;
        position: relative;
        top: -10px;
      }
      .bulletin tr,
      .view-id-avis tr,
      .view-id-publications tr,
      .view-id-bulletin tr,
      .view-id-paiement_de_dividendes tr {
        background: #f7f7f7 !important;
        color: #222222 !important;
      }

      .region-sidebar-first.well ul.menu li a {
        font-size: 14px;
      }


      /*----------------------------------------------------
      INTERVENANTS
      ----------------------------------------------------*/
      .righttside .views-box-container .views-row .bloc_country {
        height: 270px;
      }
      .righttside .views-box-container .views-row {
        width: 45%;
        margin: 0 10px 20px 10px;
      }

      .page-cours-actions .about-content table:before,
      .page-cours-obligations .about-content table:before {
        content: 'Défilez vers la gauche pour voir plus de details ...';
        display: inline-block;
        width: 100%;
        background: #F9B423;
        padding: 10px;
        color: #ffffff;
        font-weight: bold;
        font-size: 12px;
      }


      /*----------------------------------------------------
      PHOTOTHEQUE
      ----------------------------------------------------*/
      .view-id-phototheque .views-row {
        width: 45%;
      }
      .node-type-phototheque .about-content .field-slideshow-wrapper .field-slideshow-carousel .field-slideshow-pager .jcarousel-item {
        width: 127px !important;
      }
      .page-mediacentre-actualites .view-id-actualites .views-row .views-field-nothing .field-content a {
        width: 100%;
      }

      .node-type-phototheque .about-content .field-slideshow-wrapper .field-slideshow img {
        min-width: 100% !important;
      }

      .jcarousel-clip ul {
        margin-left: 5% !important;
      }
      .node-type-phototheque .about-content .field-slideshow-wrapper .field-slideshow-controls .prev,
      .node-type-phototheque .about-content .field-slideshow-wrapper .field-slideshow-controls .next {
        bottom: 14%;
      }


      .page-mediacentre-actualites .view-id-actualites .views-row {
        width: 50%;
        float: left;
        clear: inherit !important;
      }
      .page-mediacentre-actualites .view-id-actualites .views-row .views-field-nothing .field-content a {
        font-weight: bold;
        text-transform: uppercase;
        padding: 5px;
      }
      #colorbox {
        height: 528px !important;
        overflow: auto;
      }



      .modal-forms-modal-content {
        width: 70% !important;
        top: 7%;
        position: static;
      }
      #modalContent {
        left: 2% !important;
      }
      .modal-forms-modal-content form.webform-client-form .webform-submit {
        padding: 12px;
        font-weight: bold;
        text-transform: uppercase;
        width: 100%;
        font-size: 1.2rem;
      }
      .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-un-cv-ajax-wrapper,
      .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-une-lettre-de-motivation-ajax-wrapper {
        width: 100%;
      }
      .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-un-cv-ajax-wrapper .form-managed-file, .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-une-lettre-de-motivation-ajax-wrapper .form-managed-file {
        right: 10%;
      }
      .modal-forms-modal-content form.webform-client-form {
        width: 100%;
      }

      .modal-forms-modal-content form.webform-client-form .webform-component-file label {
        font-size: 1.2rem;
      }


      /*----------------------------------------------------
      SERVICES
      ----------------------------------------------------*/
      .page-services-catalogue-de-services .view-id-catalogue .views-row {
        width: 50%;
      }
      .page-services-catalogue-de-services .pane-block.pane-block-6 {
        top: -0.7rem;
        width: 100%;
        float: none;
        text-align: center;
      }
      .page-services-catalogue-de-services .pane-block.pane-block-6 p {
        text-align: center;
      }
      .page-services-catalogue-de-services .content-service .description_catalogue {
        padding: 0 6px 6px 6px;
      }

      .page-services-catalogue-de-services .content-service .description_catalogue {
        top: 338px;
      }
      .page-services-catalogue-de-services .content-service .description_catalogue p, .page-services-catalogue-de-services .content-service .description_catalogue span {
        position: relative;
        bottom: -62px;
      }


      /*----------------------------------------------------
      CONTACT
      ----------------------------------------------------*/
      .view-id-bureaux .views-row {
        height: auto;
        padding: 20px 5px;
      }
      .views-field-field-visuel-slidehome img,
      img[alt="architecture"],
      .views-field-field-visuel-evenement img,
      .views-field-field-image-album img,
      .field-name-field-image-actualite img,
      .view-id-catalogue img {
        width: 100% !important;
        height: auto !important;
      }

      .pagination {
        margin: 20px 0 20px 0 !important;
      }



      /*=================================================================
      TABLE
      =================================================================*/
      .about-content table:not(.view-bulletin table) {
        display: block !important;
        overflow-x: auto !important;
      }

      .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        vertical-align: inherit !important;
      }


      /*=================================================================
      FOOTER
      =================================================================*/
      .box_contain .pre-footer .pane-block.pane-block-1 .pane-title,
      .box_contain .pre-footer .pane-block.pane-block-2 .pane-title,
      .box_contain .pre-footer .pane-block.pane-block-3 .pane-title,
      .box_contain .pre-footer .pane-block.pane-block-4 .pane-title {
        text-align: left;
        padding-left: 86px;
        font-weight: bold;
      }




      /*=========================================================
      MARCHE
      ==========================================================*/
      .page-cours-actions .about-content .table > tbody > tr > td .icone-seance, .page-cours-obligations .about-content .table > tbody > tr > td .icone-seance, .page-indices .about-content .table > tbody > tr > td .icone-seance,
      .page-cours-actions .about-content .table > tbody > tr > td .text-good, .page-cours-obligations .about-content .table > tbody > tr > td .text-good, .page-indices .about-content .table > tbody > tr > td .text-good,
      .page-cours-actions .about-content .table > tbody > tr > td .text-bad, .page-cours-obligations .about-content .table > tbody > tr > td .text-bad, .page-indices .about-content .table > tbody > tr > td .text-bad,
      .page-cours-actions .about-content .table > tbody > tr > td .text-nul, .page-cours-obligations .about-content .table > tbody > tr > td .text-nul, .page-indices .about-content .table > tbody > tr > td .text-nul {
        top: -2%;
      }
      .page-cours-actions .about-content .table > tbody > tr > td, .page-cours-obligations .about-content .table > tbody > tr > td, .page-indices .about-content .table > tbody > tr > td {
        font-size: 1.5rem;
      }

      }/* ------------------------- END 992px ----------------------------*/


      @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){

        #cboxLoadedContent {
          width: 100% !important;
        }
        .box_navi .logo img {
          width: 100%;
        }

        .box_navi .seance .block-seance {
          height: auto;
        }
        .box_navi .seance .block-seance .seance-ouverte, .box_navi .seance .block-seance .seance-fermee {
          width: 100%;
        }
        .box_navi .seance .block-seance .items-seance {
          width: 100%;
          width: 96%;
          margin-left: 2%;
          margin-top: 2%;
        }

        .box_navi .region-navigation ul.menu li a {
          font-size: 1.2rem;
        }
        .box_navi .region-box-social ul.menu li:nth-child(4) {
          display: none;
        }
        .box_contain .pre-footer .panel-pane.pane-block {
          width: 22.2%;
        }
        .box_contain .pre-footer .panel-pane.pane-block .pane-title {
          padding: 20px 28px;
        }

        .views-field-field-visuel-slidehome img,
        img[alt="architecture"],
        .views-field-field-visuel-evenement img,
        .views-field-field-image-album img,
        .field-name-field-image-actualite img,
        .view-id-catalogue img {
          width: 100% !important;
          height: auto !important;
        }

        .region-brvm-slider .views_slideshow_cycle_main .views-field-title {
          top: 8rem;
        }

        .box_contain .block-resultat table td {
          font-size: 0.854rem;
        }

        .front #colorbox .cboxIframe {
          width: 100% !important;
          padding: 110px 5px 27px 0 !important;
        }
      }/*----------------------------- END 768 landscap -------------------- */

      @media only screen and (min-width: 768px) and (max-width: 1023px){

        .front #colorbox .cboxIframe {
          width: 58% !important;
          padding: 110px 5px 27px 0 !important;
        }
        .fakeLoader .spinner6 {
          top: 51% !important;
          left: 43.8% !important;
        }
        .fakeLoader:after {
          width: 52%;
          bottom: 40%;
        }
        .pagination {
          display: inline-block !important;
          width: 100%;
        }

        /* ===============================================================
        SECTION HEADER
        ===============================================================*/
        .slicknav_menu {
          max-height: 100% !important;
          overflow: auto !important;
        }
        .top_bar {
          margin-top: 50px;
        }
        .box_navi .logo img {
          width: 100%;
        }
        .box_navi .seance .block-seance {
          height: auto;
        }
        .box_navi .seance .block-seance .seance-ouverte, .box_navi .seance .block-seance .seance-fermee {
          width: 100%;
        }
        .box_navi .seance .block-seance .items-seance {
          width: 100%;
          width: 96%;
          margin-left: 2%;
          margin-top: 2%;
        }
        ol.breadcrumb {
          padding: 0;
        }
        ol.breadcrumb li a {
          font-size: 1rem;
        }
        /* ===============================================================
        SECTION SLIDER
        ===============================================================*/
        .box_slider,
        .region-brvm-slider .view-sliderhome {
          overflow: visible;
          height: auto;
        }
        .region-brvm-slider .views_slideshow_cycle_main {
          top: 0;
          width: 100%;
        }
        .region-brvm-slider .views-slideshow-controls-top {
          float: none;
          width: 100%;
          height: auto;
          display: none;
        }
        .region-brvm-slider .views_slideshow_cycle_main .views-field-title, .region-brvm-slider .views_slideshow_cycle_main .views-field-field-descriptif-slidehome, .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node {
          text-shadow: none;
          color: #222222;
        }
        .region-brvm-slider .views_slideshow_cycle_main .views-field-title a {
          color: #161C5C;
        }
        .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node a {
          background: #f6b600;
          color: #ffffff;
        }
        .views-slideshow-cycle-main-frame-row {
          width: 100%;
          height: 490px;
        }
        .region-brvm-slider .views_slideshow_cycle_main {
          max-height: 564px;
        }
        .region-brvm-slider .views_slideshow_cycle_main .views-field-title, .region-brvm-slider .views_slideshow_cycle_main .views-field-field-descriptif-slidehome, .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node {
          left: 1.9rem;
        }
        .region-brvm-slider .views_slideshow_cycle_main .views-field-title {
          top: 31rem;
        }
        .region-brvm-slider .views_slideshow_cycle_main .views-field-field-descriptif-slidehome {
          top: 5rem;
          width: 94%;
        }
        .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node {
          top: 9rem;
        }
        .region-brvm-slider .views_slideshow_cycle_main .views-field-view-node a {
          width: 92%;
          text-align: center;
          display: inline-block;
          text-transform: uppercase;
          font-weight: bold;
        }


        /* ===============================================================
        SECTION PRE-FOOTER
        ===============================================================*/
        .box_contain .pre-footer .block-title {
          font-size: 1.8rem;
        }
        .box_contain .pre-footer .panel-pane.pane-block {
          width: 45%;
          margin: 0 10px 60px 10px;

        }
        .box_contain .pre-footer .panel-pane.pane-block .pane-content .espace_pro_link {
          /*top: 4.5rem;*/
          max-height: 40px;
          left: 0;
          right: 0;
          padding: 10px;
          display: inline-block;
          width: 100%;
          font-weight: bold;
          text-transform: uppercase;
        }

        .box_contain .block-resultat table thead th {
          font-size: 1rem;
        }
        .box_contain .block-resultat table td {
          font-size: 1.2rem;
        }

        .box_contain .block-resultat table td .icone-seance {
          top: 0;
        }

        /* ===============================================================
        SECTION CONTENT
        ===============================================================*/
        .region-sidebar-first.well {
          margin-bottom: 20px;
        }

        /*----------------------------------------------------
        RAPPORT
        ----------------------------------------------------*/
        .righttside .about-content .region-content .view-id-rapports .views-table tr .views-field-nothing strong {
          font-size: 2rem;
        }
        .righttside .about-content .region-content p, .righttside .about-content .region-content p span {
          font-size: 2.5rem;
          text-align: justify;
        }

        .righttside .about-content .region-content .view-id-rapports .views-table tr .views-field-field-fichier {
          background: url('../images/im_download.png') center 30% no-repeat;
        }
        .righttside .about-content .region-content .view-id-rapports .views-table tr .views-field-field-fichier a {
          bottom: 20%;
        }
        .box_contain .block-resultat .row .col-md-12 {
          padding-right: 15px !important;
        }


        /*----------------------------------------------------
        RAPPORT
        ----------------------------------------------------*/
        .view-id-bureaux .views-row {
          width: 100%;
          margin-left: 0;
        }

        .bulletin .views-field-field-fichier-boc a,
        .view-id-avis .views-field-field-fichier-avis a,
        .view-id-publications .views-field-field-fichier-publication a,
        .view-id-bulletin .views-field-field-fichier a,
        .view-id-paiement_de_dividendes .views-field-field-communique-dividende a {
          display: inline-block;
          width: 39px;
          font-size: 0;
          height: 39px;
          background: url('../images/im_download.png') center no-repeat;
          position: relative;
          top: -10px;
        }
        .bulletin tr,
        .view-id-avis tr,
        .view-id-publications tr,
        .view-id-bulletin tr,
        .view-id-paiement_de_dividendes tr {
          background: #f7f7f7 !important;
          color: #222222 !important;
        }

        .region-sidebar-first.well ul.menu li a {
          font-size: 14px;
        }


        /*----------------------------------------------------
        INTERVENANTS
        ----------------------------------------------------*/
        .righttside .views-box-container .views-row .bloc_country {
          height: 270px;
        }
        .righttside .views-box-container .views-row {
          width: 45%;
          margin: 0 10px 20px 10px;
        }

        .page-cours-actions .about-content table:before,
        .page-cours-obligations .about-content table:before {
          content: 'Défilez vers la gauche pour voir plus de details ...';
          display: inline-block;
          width: 100%;
          background: #F9B423;
          padding: 10px;
          color: #ffffff;
          font-weight: bold;
          font-size: 12px;
        }


        /*----------------------------------------------------
        PHOTOTHEQUE
        ----------------------------------------------------*/
        .view-id-phototheque .views-row {
          width: 45%;
        }
        .node-type-phototheque .about-content .field-slideshow-wrapper .field-slideshow-carousel .field-slideshow-pager .jcarousel-item {
          width: 127px !important;
        }
        .page-mediacentre-actualites .view-id-actualites .views-row .views-field-nothing .field-content a {
          width: 100%;
        }

        .node-type-phototheque .about-content .field-slideshow-wrapper .field-slideshow img {
          min-width: 100% !important;
        }

        .jcarousel-clip ul {
          margin-left: 5% !important;
        }
        .node-type-phototheque .about-content .field-slideshow-wrapper .field-slideshow-controls .prev,
        .node-type-phototheque .about-content .field-slideshow-wrapper .field-slideshow-controls .next {
          bottom: 14%;
        }


        .page-mediacentre-actualites .view-id-actualites .views-row {
          width: 50%;
          float: left;
          clear: inherit !important;
        }
        .page-mediacentre-actualites .view-id-actualites .views-row .views-field-nothing .field-content a {
          font-weight: bold;
          text-transform: uppercase;
          padding: 5px;
        }
        #colorbox {
          height: 528px !important;
          overflow: auto;
        }



        .modal-forms-modal-content {
          width: 70% !important;
          top: 7%;
          position: static;
        }
        #modalContent {
          left: 2% !important;
        }
        .modal-forms-modal-content form.webform-client-form .webform-submit {
          padding: 12px;
          font-weight: bold;
          text-transform: uppercase;
          width: 100%;
          font-size: 1.2rem;
        }
        .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-un-cv-ajax-wrapper,
        .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-une-lettre-de-motivation-ajax-wrapper {
          width: 100%;
        }
        .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-un-cv-ajax-wrapper .form-managed-file, .modal-forms-modal-content form.webform-client-form #edit-submitted-joindre-une-lettre-de-motivation-ajax-wrapper .form-managed-file {
          right: 10%;
        }
        .modal-forms-modal-content form.webform-client-form {
          width: 100%;
        }

        .modal-forms-modal-content form.webform-client-form .webform-component-file label {
          font-size: 1.2rem;
        }


        /*----------------------------------------------------
        SERVICES
        ----------------------------------------------------*/
        .page-services-catalogue-de-services .view-id-catalogue .views-row {
          width: 50%;
        }
        .page-services-catalogue-de-services .pane-block.pane-block-6 {
          top: -0.7rem;
          width: 100%;
          float: none;
          text-align: center;
        }
        .page-services-catalogue-de-services .pane-block.pane-block-6 p {
          text-align: center;
        }
        .page-services-catalogue-de-services .content-service .description_catalogue {
          padding: 0 6px 6px 6px;
        }

        .page-services-catalogue-de-services .content-service .description_catalogue {
          top: 338px;
        }
        .page-services-catalogue-de-services .content-service .description_catalogue p, .page-services-catalogue-de-services .content-service .description_catalogue span {
          position: relative;
          bottom: -62px;
        }


        /*----------------------------------------------------
        CONTACT
        ----------------------------------------------------*/
        .view-id-bureaux .views-row {
          height: auto;
          padding: 20px 5px;
        }
        .views-field-field-visuel-slidehome img,
        img[alt="architecture"],
        .views-field-field-visuel-evenement img,
        .views-field-field-image-album img,
        .field-name-field-image-actualite img,
        .view-id-catalogue img {
          width: 100% !important;
          height: auto !important;
        }

        .pagination {
          margin: 20px 0 20px 0 !important;
        }



        /*=================================================================
        TABLE
        =================================================================*/
        .about-content table:not(.view-bulletin table) {
          display: block;
          overflow-x: auto;
        }

        .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
          vertical-align: inherit !important;
        }


        /*=================================================================
        FOOTER
        =================================================================*/
        .box_contain .pre-footer .pane-block.pane-block-1 .pane-title,
        .box_contain .pre-footer .pane-block.pane-block-2 .pane-title,
        .box_contain .pre-footer .pane-block.pane-block-3 .pane-title,
        .box_contain .pre-footer .pane-block.pane-block-4 .pane-title {
          text-align: left;
          padding-left: 86px;
          font-weight: bold;
        }




        /*=========================================================
        MARCHE
        ==========================================================*/
        .page-cours-actions .about-content .table > tbody > tr > td .icone-seance, .page-cours-obligations .about-content .table > tbody > tr > td .icone-seance, .page-indices .about-content .table > tbody > tr > td .icone-seance,
        .page-cours-actions .about-content .table > tbody > tr > td .text-good, .page-cours-obligations .about-content .table > tbody > tr > td .text-good, .page-indices .about-content .table > tbody > tr > td .text-good,
        .page-cours-actions .about-content .table > tbody > tr > td .text-bad, .page-cours-obligations .about-content .table > tbody > tr > td .text-bad, .page-indices .about-content .table > tbody > tr > td .text-bad,
        .page-cours-actions .about-content .table > tbody > tr > td .text-nul, .page-cours-obligations .about-content .table > tbody > tr > td .text-nul, .page-indices .about-content .table > tbody > tr > td .text-nul {
          top: -2%;
        }
        .page-cours-actions .about-content .table > tbody > tr > td, .page-cours-obligations .about-content .table > tbody > tr > td, .page-indices .about-content .table > tbody > tr > td {
          font-size: 1.5rem;
        }
      }

      .slicknav_menu {display:none;}

      @media screen and (max-width: 992px){
      }

      /* HACKS POUR ECRAN IMAC */
      @media only screen and (min-width : 90.063em) {
      }





      .slicknav_menu {
        display:none;
      }

      @media screen and (max-width: 50em) {
        /* #menu is the original menu */
        .js #block-system-main-menu ul {
          display:none;
        }

        .js .slicknav_menu {
          display:block;
        }
      }
      .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
          background: #f9b423 !important;
      }


/** Hacks */
.text-right, table.table td.text-right, table.table th.text-right{text-align: right !important;}

#node-8 .rtecenter, #node-62193 .rtecenter{background: #141B63;margin: 15px 0 6px 0 !important;text-align: center;text-transform: uppercase;color: #FFF;font-size: 15px !important;padding: 10px 0 4px 0 !important;}
#node-8 table, #node-62193 table{width: 100% !important;}
#node-8 table tr, #node-62193 table tr{background: #F0F0F0;}

#node-8 .top, #node-62193 .top{width: 50% !important;margin: auto;}

#node-8 table tr th, #node-62193 table tr th{text-align: center;padding: 7px 9px;color: #637B8A;font-size: 14px;background: #FFF;}
#node-8 table tr td, #node-62193 table tr td{padding: 8px 0;text-align: center;color: #000;font-weight: bold;font-size: 13px;}
#node-8 table tr td a, #node-62193 table tr td a{color: #000;display: block;width: 97%;padding: 10px 6px;margin: 0 12px;background: #ADD7FF;border: 1px solid #000;}

#node-8 .first, #node-8 .second, #node-62193 .first, #node-62193 .second{width: 48% !important;float: left;margin-left: 11px;}
#node-8 .first tr td a, #node-8 .second tr td a, #node-62193 .first tr td a, #node-62193 .second tr td a{margin: 0 7px;}
#node-8 .second tr td a, #node-62193 .second tr td a{padding: 4px 6px;}
#node-8 .first tr td a, #node-62193 .first tr td a{padding: 65px 0;}
#node-8 .top tr td a, #node-62193 .top tr td a{margin: 0 7px;}

.language-switcher-locale-url .en,
.language-switcher-locale-url .pt-pt {
  display: none !important;
}