@charset "UTF-8";
/**
 * @file
 *
 * Define all mixins, variables, etc.
 */
/* --------------------------------------------
 * LESS PAR DÉFAUT
 ------------------------------------------- */
/*---------- = Commentaire sous-titre ----------*/
/* commentaire */
/* --------------------------------------------
 * Variables
 ------------------------------------------- */
/* --------------------------------------------
 * Mixins
 ------------------------------------------- */
@media screen and (max-width: 1030px) {
  /* --------------------------------------------
   * Structure
   ------------------------------------------- */
  /*transition*/
  body:not(.no-sidebars) .contenu-fd-blanc,
  .sidebar-second #page-title {
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

  /* page avec colonnes + titre */
  body:not(.no-sidebars) .contenu-fd-blanc {
    padding: 25px 15px 15px; }

  .sidebar-second #page-title {
    padding: 15px 15px 0; }

  /* page avec 2 colonnes */
  .two-sidebars .left-content {
    width: 100%; }
  .two-sidebars .second-side {
    clear: both;
    margin-top: 2em; }

  /* --------------------------------------------
   * blocs generaux
   ------------------------------------------- */
  /*---------- = Onglets ----------*/
  .onglets .list-tabs li {
    width: 166px; }
    .onglets .list-tabs li:not(:last-child) {
      padding-right: 2px; }
  .onglets .list-tabs a {
    min-height: 45px;
    padding: 12px 2px 5px;
    font-size: 12px;
    font-size: 0.75rem; }

  /*---------- = Pagination ----------*/
  .pager {
    font-size: 16px;
    font-size: 1rem; }

  .pager-first, .pager-previous, .pager-next, .pager-last {
    top: 11px;
    font-size: 15px;
    font-size: 0.9375rem; }

  .pager-first {
    left: 10px; }

  .pager-previous {
    left: 90px; }

  .pager-next {
    right: 90px; }

  .pager-last {
    right: 10px; }

  .pager-item a, .pager-current {
    min-height: 23px;
    min-width: 23px;
    padding: 4px; }

  /*---------- = Filtre ----------*/
  .form-item-order-by.form-type-radios {
    font-size: 13px;
    font-size: 0.8125rem; }

  /* --------------------------------------------
   * Colorbox (mdr)
   ------------------------------------------- */
  #colorbox .form-text {
    width: 83.5%; }

  #cboxClose {
    right: -20px; }

  /* --------------------------------------------
   * footer
  ------------------------------------------- */
  #footer > .block, #footer .blockgroup {
    padding: 0 1.7%; }

  #anrt-blocks-newsletter-subscribe-form .form-item {
    width: 80%; }

  /* --------------------------------------------
   * Colonne droite
   ------------------------------------------- */
  .aside #block-anrt-blocks-contextual-news .titre {
    clear: both; }

  /* --------------------------------------------
   * Listes (styles en commun) actus, candidatures, offres
   ------------------------------------------- */
  .list .titre-flottant {
    max-width: 65%; }

  /* --------------------------------------------
   * Liste membre
   ------------------------------------------- */
  .list-members .item, .list-members li {
    min-height: 110px; }
  .list-members .titre {
    font-size: 15px;
    font-size: 0.9375rem; }

  /* --------------------------------------------
   * Liste lettre europeenne (filtre)
   ------------------------------------------- */
  #block-anrt-lists-list-european-letters-filter .form-checkboxes {
    width: 81%; }
  #block-anrt-lists-list-european-letters-filter .form-type-checkbox {
    width: 39%; }
  #block-anrt-lists-list-european-letters-filter .form-item-bundles-european-letter-article {
    width: 57%; }

  /* --------------------------------------------
   * Home
   ------------------------------------------- */
  /*---------- = Slideshow ----------*/
  #hp-slideshow .field-name-field-visuel img {
    max-width: 175%; }
  #hp-slideshow .slide-info {
    padding: 30px 20px 30px 20px; }
  #hp-slideshow .field-name-field-theme {
    margin-top: 12px; }
  #hp-slideshow .slick-dots {
    left: calc(58% + 20px); }

  /*---------- = Actus ----------*/
  #hp-news .field-name-field-chapo {
    width: 93%; }

  /*---------- = Bloc Lettre Europeenne ----------*/
  #hp-euroletter .inner {
    padding: 10px; }
  #hp-euroletter .logo {
    width: 15%; }
  #hp-euroletter .txt {
    width: 39%;
    margin: 0 14px; }
  #hp-euroletter .link a {
    font-size: 14px;
    font-size: 0.875rem; }
  #hp-euroletter .img {
    position: relative;
    width: 14%;
    margin-left: 10px;
    right: 0;
    top: inherit; }
  #hp-euroletter a.achat {
    max-width: 114px; }

  .i18n-en #hp-euroletter a.achat {
    max-width: 124px; }

  /*---------- = Bloc zoom ----------*/
  .block-zoom h3 {
    padding: 0; }

  /*---------- = Bloc dipositif cifre ----------*/
  .bloc-libre .media-element {
    float: none !important;
    display: block;
    margin: 0 auto 15px; }

  /*---------- = Bloc Devenir Membre ----------*/
  .front .block_hp.devenir_membre a {
    font-size: 13px;
    font-size: 0.8125rem; }
    .front .block_hp.devenir_membre a:before {
      width: 52px;
      margin-right: 1.4%;
      background-position: 12px -397px; }

 /* --------------------------------------------
* Page détail événement
------------------------------------------- */
  .section-evenements {
    /*---------- = avec une col droite ----------*/ }
    .section-evenements .breadcrumb {
      width: 81%; }
    .section-evenements.one-sidebar .field-name-field-date {
      clear: right;
      padding-top: 1em;
      margin-right: 0; }

  /* --------------------------------------------
   * Page événement
   ------------------------------------------- */
  /*---------- = filtre ----------*/
  /* thematique */
  #calendar-filter {
    padding-top: 15px;
    /* mot clé */
    /*submit*/
    /*reset*/ }
    #calendar-filter #edit-thematic-filter {
      width: 33%; }
      #calendar-filter #edit-thematic-filter > legend {
        float: none;
        margin-bottom: 4px; }
      #calendar-filter #edit-thematic-filter > .fieldset-wrapper {
        width: 88%; }
      #calendar-filter #edit-thematic-filter .summary {
        display: none; }
    #calendar-filter .form-type-textfield {
      width: 31%; }
      #calendar-filter .form-type-textfield label {
        display: block;
        margin-bottom: 4px; }
      #calendar-filter .form-type-textfield .form-text {
        max-width: 100%; }
    #calendar-filter .form-submit {
      vertical-align: bottom;
      margin: 0 13px 4px 10px; }
    #calendar-filter #edit-reset {
      vertical-align: bottom;
      margin-bottom: 11px; }

  /*---------- = contenu ----------*/
  #calendar.fc .fc-view-container .fc-widget-content td a.fc-more {
    padding-left: 17px; }
    #calendar.fc .fc-view-container .fc-widget-content td a.fc-more:before {
      left: 5px; }

  /* --------------------------------------------
   * Panier , espae membre (commun)
   ------------------------------------------- */
  .page-mon-espace {
    /*---------- = Contenu principal ---------- */
    /* --- tableau --- */ }
    .page-mon-espace thead th {
      font-size: 16px;
      font-size: 1rem; }
    .page-mon-espace tbody td {
      padding: 15px;
      font-size: 14px;
      font-size: 0.875rem; }

  /* --------------------------------------------
   *  espae membre -> profil
   ------------------------------------------- */
  .page-mon-espace th.views-field-status {
    width: 20%; }
  .page-mon-espace th.views-field-commerce-order-total {
    width: 13%; }

  /* --------------------------------------------
  *  espace membre -> panier
  ------------------------------------------- */
  .commerce-line-item-views-form .views-field-edit-quantity {
    width: 21%; }
  .commerce-line-item-views-form .form-text {
    min-height: 32px; }
  .commerce-line-item-views-form .commerce-quantity-plusminus-link a {
    min-width: 32px;
    min-height: 32px; }

  /* --------------------------------------------
  *  page produit
  ------------------------------------------- */
  .section-produits .breadcrumb {
    max-width: 51%; }
  .section-produits.one-sidebar .form-item-quantity, .section-produits.one-sidebar .form-submit {
    float: none; }
  .section-produits.one-sidebar .form-submit {
    margin-top: 20px;
    margin-left: 0; } }
@media screen and (min-device-width: 768px) and (max-width: 1030px) {
  #btn_menu_mobile {
    width: 32px;
    height: 22px;
    position: absolute;
    top: 50px;
    right: 20px;
    background: url(img/btn_menu.png) no-repeat left top;
    z-index: 999; }
    #btn_menu_mobile:hover {
      background-position: left bottom;
      cursor: pointer; }

  #close_menu_mobile {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 10px;
    top: 4px;
    background: url(img/sprite.png) no-repeat 0px -170px; }
    #close_menu_mobile:hover {
      opacity: 0.8;
      cursor: pointer; }

  .navbar_cifrelogo {
    position: relative;
    margin: 10px auto 20px 0px;
    display: block;
    padding: 0; }

  #menu_mobile {
    width: 75%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #046EAB;
    z-index: 999; }
    #menu_mobile.close {
      overflow: hidden; }
    #menu_mobile .inner {
      padding: 15px; }
      #menu_mobile .inner.top {
        padding-bottom: 0; }
      #menu_mobile .inner > ul.language-switcher-locale-url {
        height: 10px;
        padding: 4px 0 14px;
        border-bottom: 1px solid #1D3788; }
        #menu_mobile .inner > ul.language-switcher-locale-url li {
          display: inline-block;
          margin: 0 6px 0 0; }
      #menu_mobile .inner > ul.menu li {
        padding: 0px;
        margin: 0;
        list-style: outside none none; }
        #menu_mobile .inner > ul.menu li a {
          color: #FFFFFF;
          text-decoration: none; }
          #menu_mobile .inner > ul.menu li a:hover {
            color: #E5E5E5;
            text-decoration: underline; }
        #menu_mobile .inner > ul.menu li li:before {
          width: 7px;
          height: 7px;
          display: inline-block;
          position: relative;
          top: -3px;
          left: -8px;
          content: '';
          border-radius: 100%;
          background: #BFCFFF; }
      #menu_mobile .inner > ul.menu > li {
        padding-bottom: 12px;
        margin-bottom: 12px;
        border-bottom: 1px solid #1D3788; }
        #menu_mobile .inner > ul.menu > li:last-of-type {
          padding-bottom: 0;
          margin-bottom: 0;
          border: none; }
        #menu_mobile .inner > ul.menu > li > a {
          color: #BFCFFF;
          font-weight: bold;
          text-transform: uppercase; }
        #menu_mobile .inner > ul.menu > li > ul > li {
          padding: 4px 0 4px 12px; }
          #menu_mobile .inner > ul.menu > li > ul > li > ul > li {
            padding: 2px 0 2px 15px;
            font-size: 14px;
            font-size: 0.875rem; }
            #menu_mobile .inner > ul.menu > li > ul > li > ul > li:before {
              width: 5px;
              height: 5px; }
            #menu_mobile .inner > ul.menu > li > ul > li > ul > li:last-of-type {
              margin-bottom: 6px; }

  /* _______________________________________________
   * media specifique pour le header tablet : pour ne pas casser la version moibil qui a été faite avant
  
  /* --------------------------------------------
   * header
  ------------------------------------------- */
  #header {
    min-height: 76px; }

  #logo {
    width: 16%; }
    #logo img {
      width: 100%; }

  /*#navigation {margin-left: 7px; width: 52.5%; } JPCW*/
  #navigation {
    margin-left: 7px; }

  /*#block-locale-language {right: 32.4%; top: 12px;
    li {margin:0 5px;}
    img {margin:0; padding:0; vertical-align:top;}

  }  JPCW*/
  #block-locale-language {
    display: none; }

  /*.region-header {width:30%;}JPCW*/
  #block-anrt-blocks-connection {
    float: left;
    margin-top: 2px;
    max-width: 223px; }
    #block-anrt-blocks-connection .block-title {
      padding: 4px 8px;
      margin-top: 9px; }

  /*.header-bt-search {margin-top: 19px;} JPCW*/
  .header-bt-search {
    float: none;
    margin: auto;
    width: 50%;
    display: block; }

  /*menu*/
  #navigation .block-menu-block {
    padding-top: 43px; }
  #navigation .menu-block-wrapper > ul.menu > li > a {
    padding: 0 5px 12px;
    font-size: 15px;
    font-size: 0.9375rem; }
  #navigation .menu-block-wrapper > ul.menu > li > ul.menu {
    padding-left: 10px;
    pading-right: 10px;
    width: 100%; } }

/*# sourceMappingURL=media-tablet.css.map */