/**
 * Large devices (desktops, less than 1200px)
 **/
@media (max-width: 1400px) {
  .page-accueil .shop .row { margin:0 -50px; }

  /*====== Slick Media Query ======*/
  .page-accueil .slider .slick-dots { top: 4px; right: 15px; }
  .page-accueil .slick-next { right: -65px; }
  .page-accueil .slick-prev { left: -65px; }
  /*====== End Slick Media Query ======*/
}

@media (max-width: 1199px) {
  body { font-size: 16px; }
  h2.title .primary { font-size: 34px; }
  h2.title .secondary { font-size: 18px; }
  .btn, input[type="submit"], button[type="submit"] { padding:15px 30px; font-size:16px; }

  .filters .action .hide { padding-right:80px; }
  .filters .action .hide i { width:55px; height:55px; line-height:55px; }

  .separator.up { display:none; }
  .separator.down { display:none; }

  /*====== Slick Media Query ======*/
  .page-accueil .slider .slick-dots { top: 4px; right: 15px; }
  .page-accueil .formations .slick-dots { left: -398px; top: -258px; }
  .page-accueil .slick-next { right: -65px; }
  .page-accueil .slick-prev { left: -65px; }
  /*====== End Slick Media Query ======*/

  .comments .scoreboard { padding:40px; }
  .comments .scoreboard .left { font-size:50px; }
  .comments .scoreboard .total { font-size:24px; }

  #header .left .btn { display:none; }
  #header .top .inner { padding:20px 0; }
  #header .top .center { padding: 10px; }
  #header .top .center img { max-width: 55% }
  #header .bottom ul { font-size:18px; }
  #header .bottom ul li { margin:0 8px; }

  .view-search p { display: none }
  .search_results { padding: 0 20px }
  .search_results .product { margin: 0 0 26px 0; background: #fff; text-align: center; }
  .search_results .product .pimg { padding-bottom: 20px; }
  .search_results .product h3 { background: #f5f5f5; padding: 5px }
  .search_results .product .pimgprice { padding: 8px 0 15px 0 !important }
  .view-search p { display: none }


  .page-accueil .slider .caption { font-size:18px; padding:20px 50px 20px 20px; }
  .page-accueil .shop { padding: 60px 0 }
  .page-accueil .shop .grid { padding:40px 0; }
  .page-accueil .formations .swiper-pagination, .page-accueil .projets .swiper-pagination { left:-50px; }
  .page-accueil .rellax { display:none; }
  .page-accueil .publications { padding:60px 0 60px 0; }
  .page-accueil .formations .formation.accueil { padding: 0 30px }
  .page-accueil .formations .inner { max-height: unset }
  .page-accueil .formations .swiper-container { height: unset; }
  .page-accueil .formations .swiper-pagination { display:none; }
  .page-accueil .formations .more, .page-accueil .projets .more {  }
  .page-accueil .formations .more .primary, .page-accueil .projets .more .primary { margin-top:10px; display:none; }
  .page-accueil .formations .view-formations { position: relative; }
  .page-accueil .formations .swiper-nav { display: block; }
  .page-accueil .formations .swiper-nav div { width: 22px; height:40px; background-size: 22px 40px; text-indent: -9999px; position: absolute; top: 42% }
  .page-accueil .formations .swiper-nav .formation-prev { background: transparent url('/themes/innoralis/assets/css/../img/arrow-left.png') no-repeat left center; left: -10px; }
  .page-accueil .formations .swiper-nav .formation-next { background: transparent url('/themes/innoralis/assets/css/../img/arrow-right.png') no-repeat right center; right: -10px; }

  .page-accueil .publications .col-md-4 { padding:0 15px; }
  .page-accueil .actualites .swiper-container { height:520px; }
  .page-accueil .intro { padding:60px 0; }
  .page-accueil .intro h2 { font-size:40px; }
  .page-accueil .intro h3 { font-size:20px; }
  .page-accueil .newsletter { padding:60px 0; }
  .page-accueil .newsletter h2 { font-size:40px; }
  .page-accueil .newsletter h3 { font-size:20px; }

  #block-nosvaleurs { padding-top: 12px; }
  #block-nosvaleurs h2 { margin-top: 30px; margin-bottom: 16px; }
  #block-nosvaleurs .valeurs { flex-wrap: wrap; }
  #block-nosvaleurs .valeur { width: 49%; }
  #block-nosvaleurs .valeur img { max-width: 23%; }

  .page-about .competences .wrapper { margin-top:60px; }
  .page-about .competences ol:before { background-size:880px auto; }
  .page-about .competences h3 { font-size:14px; padding:15px 5px; min-height:100px; }
  .page-about .competences .content { padding:15px 5px; }

  .product.accueil h3 a { padding:20px 10px 10px 10px; }
  .product.accueil h3 a::before { width:40px; height:40px; line-height:40px; background-size:15px; top:-20px; }

  .product.full h2 { font-size:26px; }
  .product.full h2::after { margin:15px 0 30px 0; height:4px; }
  .product.full .header .meta { font-size:13px; position: absolute; top: 0; }
  .product.full .header h1 { font-size:30px; }
  .product.full .header .variations .js-form-type-number label { font-size:20px; }
  .product.full .header .tags { width:50%; text-align:center; }
  .product.full .swiper-container .swiper-slide.swiper-video iframe { min-height: 401px; }

  .formation.accueil h3, .projet.accueil h3 { font-size:30px; }
  .formation.accueil .description, .projet.accueil .description {}
  .formation.accueil .meta, .projet.accueil .meta { font-size:15px;  }
  .formation.accueil .meta .btn, .projet.accueil .meta .btn { padding:10px; }
  .formation.accueil .meta .place, .projet.accueil .meta .place { background-size:20px; padding-left:30px; }

  .actualite.accueil .inner { padding:30px; }
  .actualite.accueil h3 { font-size:25px; }
  .actualite.accueil .description { font-size:15px; }
  .actualite.accueil .meta .date { font-size:16px; }

  .formation.full .programme, .projet.full .programme { display: none; }

  #popup {  }
  #popup .wrapper { border-radius:50px; padding:15px; }
  #popup .inner { border-radius:50px; padding: 30px; }

  .product.shop .form_cart .button--see {
    font-size: 14px;
    padding: 5px;
    margin-bottom: 1em;
  }
  .product.shop .form-actions .button--add-to-cart {
    font-size: 18px;
  }
  .product.shop .js-form-type-number {
    width: 100px;
  }
  .product.shop .js-form-type-number input {
    padding: 15px 30px 5px 30px;
    font-size: 16px;
    top: 2px;
  }
}

@media (min-width: 992px) {
  .swiper-container .swiper-video a {
    width: 506px;
    height: 506px;
    position: absolute;
    left: 0;
    cursor: pointer;
  }

  /*====== Slick Media Query ======*/
  .page-accueil .slider .slick-dots { top: 4px; right: 15px; }
  .page-accueil .formations .slick-dots { left: -363px; top: -217px; }
  .page-accueil .slick-next { right: -65px; }
  .page-accueil .slick-prev { left: -65px; }
  /*====== End Slick Media Query ======*/

  #header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 1000;
    border-bottom: 1px solid #DDD;
  }
  #header.sticky + #main {
    padding-top: 102px;
  }
  #header .bottom ul li:last-child {
    display: none;
  }
}

@media (min-width: 768px) {
  .cart-form .form-actions #edit-submit { transform: translateY(-407px); }

  /*====== Slick Media Query ======*/
  .page-accueil .slick-next { right: -65px; }
  .page-accueil .formations .slick-dots { left: -368px; top: -214px; }
  .page-accueil .slick-prev { left: -65px; }
  /*====== End Slick Media Query ======*/
}


/**************************************************************************************************************
 * Medium devices (tablets, less than 992px)
 **/
@media (max-width: 991px) {
  #main { padding-top: 70px }
  #main #messages .wrapper.status { padding: 50px 30px; }
  .banner { visibility:visible; padding:80px 0;  }
  .banner h1 { font-size:40px; }
  .swiper-pagination-bullet { width:30px; height:30px; }
  .swiper-pagination-bullet::before { width:8px; height:8px; }

  /*====== Slick Media Query ======*/
  .page-accueil .slider .slick-dots { top: 4px; right: 15px; }
  .page-accueil .formations .slick-dots { left: -400px; top: -260px; }
  .page-accueil .slick-next { right: -65px; }
  .page-accueil .slick-prev { left: -65px; }
  /*====== End Slick Media Query ======*/

  .ui-dialog.ui-front { width: 92% !important; padding:15px 3%; left: 0; top: 100px }
  #drupal-modal { max-height: unset; padding: 20px; border-radius: 10px; background: #fff }
  #drupal-modal h2 { background-size: 42px; padding: 5px 5px 5px 60px;  }
  #drupal-modal .title { text-align: center; }
  #drupal-modal .subtitle { text-align: center; }
  #drupal-modal .price { text-align: center; }
  #drupal-modal table { width: 100% }
  #drupal-modal table tr { display: block; }
  #drupal-modal table td { display: block; position: relative; text-align:center; }

  .filters .fieldset-wrapper { padding:0; margin-top:0; }
  .filters .js-form-type-checkbox label { left:0; }
  .filters .bottom .btn { padding:15px 30px; }
  .filters .bottom { margin-top:30px; }

  .videos iframe { height:500px; }

  #header { visibility: visible; }
  #header .top .inner { padding:10px 0; }
  #header .center { text-align: left !important; }
  #header .bottom { position: absolute; padding: 0 !important; background: #562d86; top: 110px }
  #block-innoralis-main-menu { display: none; }
  #block-innoralis-main-menu ul {   }
  #block-innoralis-main-menu ul li { display: block; padding: 20px 10px 20px 5px; border-bottom: 1px solid #e6e6e6; width:100% }
  #block-innoralis-main-menu ul li a { color: #fff !important; }
  #block-innoralis-main-menu ul li a.is-active {   }
  #block-menuburger { display: block; width: 30px; height: 36px; background: transparent url('/themes/innoralis/assets/css/../img/burger-menu.png') no-repeat center center; margin-left: 15px; }

  #breadcrumb { visibility: visible; padding: 5px 0; }
  #breadcrumb li { font-size: 13px; line-height: 13px; font-weight: 100; }
  #footer .footer-top .row .left { display:none; }
  #footer .footer-top .contact { justify-content: center; }
  #footer .footer-top .contact::before { width:80%; transform:translateX(-50%); left:50%; }
  #footer .footer-bottom { text-align:center; }
  #footer .footer-bottom .left { text-align:center; }
  #footer .footer-bottom .right { text-align:center; }
  #footer .logo img { max-width:55% }

  .page-accueil .slider { visibility: visible; }
  .page-accueil .slider .caption { font-size:16px; }
  .page-accueil .formations .swiper-pagination, .page-accueil .projets .swiper-pagination { left:-30px; }
  .page-accueil .formations .more, .page-accueil .projets .more { flex-direction:row; justify-content:space-evenly; margin-top:10px; }
  .page-accueil .formations .more .btn, .page-accueil .projets .more .btn {  }
  .page-accueil .formations .more .primary, .page-accueil .projets .more .primary { margin-top:0; }
  .page-accueil .intro iframe { max-height:400px; }
  .page-accueil .newsletter { padding:20px 0 60px 0; }
  .page-accueil .shop { padding: 40px 0 }
  .shop .product.accueil .pimg h3 { min-height: 120px; font-size:14px; line-height: 18px; }

  .page-about .authors .left { padding:30px 40px 30px 40px; }
  .page-about .authors h3 { font-size:24px; }
  .page-about .authors .job { font-size:15px; margin-bottom:15px; }
  .page-about .authors .cv { font-size:15px; }
  .page-about .videos .container { padding-top:0; padding-bottom:0; }
  .page-about .competences .number { width:90px; height:90px; font-size:26px; border-width:5px; }
  .page-about .competences ol { flex-direction:column; }
  .page-about .competences ol:before { content:none; }
  .page-about .competences ol > li { display:flex; flex-direction:row; width:100%; margin:15px 0; align-items:flex-start; background: none !important }
  .page-about .competences ol li .wrapper .h3 { min-height: 80px; padding:10px 5px }
  .page-about .competences ol .number { width:70px; height:70px; margin:0 20px 0 0;  }
  .page-about .competences h3 { font-size:10px; padding:10px 5px; min-height:60px; }
  .page-about .competences ul strong { font-size:14px; }
  .page-about .competences ul > li { line-height:1em; }
  .page-about .competences .content ul { font-size:12px; }
  .page-about .intro .inner { position:relative; padding: 0; }
  .page-about .intro .inner.right:before { display: none }
  .page-about .intro .inner.left:before { display: none }


  .page-contact .form .inner { padding:30px 100px; }
  .page-contact .form .box { padding:20px; }

  .shop .product.accueil .prod_img_1 { border-right: 1px solid #aaa; border-left: 1px solid #aaa; border-top: 1px solid #aaa; }
  .shop .product.accueil img { border: none; max-width: 90%; }

  .product.full h1 { font-size: 26px; line-height: 29px !important; }
  .product.full .header .left { visibility:visible; }
  .product.full .header .right { visibility:visible; }
  .product.full .header .sketchfab iframe { height:450px; }
  .product.full .author .left { padding:40px 10px 40px 12px; }
  .product.full .author .concepteur { position: relative }
  .product.full .author .concepteur_id h3 { min-height: 60px; width: 65%; font-size: 22px; line-height: 26px }
  .product.full .author .cv ul { margin-left: 4px }
  .product.full .author .concepteur_job { width: 65%; }
  .product.full .author .concepteur_photo { position: absolute; top: 0; right: 0; width: 33%; }
  .product.full .share { display: none; }
  .product.full .main { width: 100%; }
  .product.full .thumbs { width: 100%; }
  .product.full .header .thumbs .swiper-container { padding-bottom: 20px; }
  .product.full .header .swiper-container .swiper-wrapper.thumb { display: none; }
  /*.product.full .header .swiper-container img { max-height: 40vh; }
  .product.full .header .swiper-container iframe { max-height: 40vh; }*/
  .product.full .header .swiper-container .swiper-wrapper .swiper-slide iframe#video_ { height: 100%; }
  .product.full .header .swiper-container .swiper-pagination { display: block; }
  .product.full .floating-area { position: relative; top: unset; }
  .product.full .floating-area .subtitle.sticky_addtocart_price { position: fixed; width: 100%; bottom: 32px; left: 0; background-color: rgba(255, 255, 255, 0.9); z-index: 2; padding: 8px 10px 4px 10px; box-shadow: 0px 0px 15px 5px rgb(153 153 153 / 70%); }
  .product.full .floating-area .subtitle.sticky_addtocart_price .price { text-align: center; width: 100%; font-size: 20px; }
  .product.full .floating-area .subtitle.sticky_addtocart_price .product_ref { display: none; }
  .product.full .floating-area .variations.sticky_addtocart { position: fixed; width: 100%; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.9); z-index: 2; padding: 0 10px 8px 10px; }
  .product.full .floating-area .variations.sticky_addtocart .js-form-type-number { margin: 0 }
  .product.full .floating-area .variations.sticky_addtocart .js-form-type-number label { display: none;  }
  .product.full .floating-area .variations.sticky_addtocart .js-form-type-number .input-group { padding: 8px 20px; background: #fff; }
  .product.full .floating-area .variations.sticky_addtocart .js-form-type-number .input-group .btn { width: 26px; height: 26px; line-height: 21px; font-size: 21px; }
  .product.full .floating-area .variations .form-actions div { float: left; margin: 0 15px 0 0 }
  .product.full .floating-area .variations .form-actions div input.form-submit { padding: 12px 12px 12px 30px; background: #5BACA6 url('/themes/innoralis/assets/css/../img/panier.png') no-repeat 8px center; background-size:16px }
  .product.full .floating-area .variations .form-actions .btn-link { float: left; padding: 12px 12px 12px 30px; background: #5BACA6 url('/themes/innoralis/assets/css/../img/heart-white.png') no-repeat 8px center; background-size:16px }
  .product.full .description { margin: 0; padding: 12px 0; border-top: 1px solid #e6e6e6; line-height: 19px; }
  .product.full .technique { margin: 0; padding: 12px 0; border-top: 1px solid #e6e6e6; line-height: 19px; }
  .product.full .infos_livraison { padding: 0;}
  .product.full .swiper-container .swiper-slide.swiper-video iframe { min-height: 388px; }

  .projet.full .header .left .projet_image { clip-path: none; margin: 0 0 22px 0; }


  #block-reassurance .liste_reassurances { flex-wrap: wrap; column-gap: 3%; }
  #block-reassurance .liste_reassurances .reassurance { width: 29%; font-size: 14px; }
  #block-reassurance .liste_reassurances .reassurance img { max-width: 70%; }


  .formation.accueil h3, .projet.accueil h3 { font-size:24px; }
  .formation.accueil .meta .btn, .projet.accueil .meta .btn { padding:5px 10px; }
  .formation.teaser .inner, .projet.teaser .inner { padding:30px 30px 100px 30px; }
  .formation.teaser h2, .projet.teaser h2 { font-size:20px; font-weight:600; }
  .formation.teaser .meta, .projet.teaser .meta { font-size:14px; }
  .formation.teaser .meta .address, .projet.teaser .meta .address { background-size:20px; padding-left:30px; }
  .formation.teaser .meta .date, .projet.teaser .meta .date { background-size:20px; padding-left:30px; }
  .formation.teaser .description, .projet.teaser .description { font-size:15px; }

  .formation.full .header, .projet.full .header { visibility: visible !important; }
  .formation.full .header::before, .projet.full .header::before { content: none; }
  .formation.full .header .col-lg-5.right::before, .projet.full .header .col-lg-5.right::before { content: ''; position: absolute; right: 0; top: 0; width: 200%; height: 100%; background: linear-gradient(to bottom,#5d3d95 0%,#9dc9c8 100%); clip-path: polygon(0 15%,100% 0,100% 100%,0 100%); box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1),inset 0px 0px 10px rgba(0,0,0,0.1); z-index: -1; }
  .formation.full .header .left, .projet.full .header .left { padding-bottom: 20px; }
  .formation.full .header .right, .projet.full .header .right { padding: 150px 15px 100px 15px; }
  .formation.full .header .inscriptions .bar, .projet.full .header .inscriptions .bar {  visibility: visible !important; }
  .formation.full .programme .picto, .projet.full .programme .picto { z-index: 0; }
  .formation.full .programme .container, .projet.full .programme .container { padding-right: 15px; position: relative; z-index: 1; }
  .formation.full .programme .container li { border-radius: 36px; }
  .formation.full .author .col-md-4.right img, .projet.full .author .col-md-4.right img { width: 100%; }
  .formation.full .author .left { padding: 40px 20px 40px 54px; }
  .formation.full .author .more { margin-top: 50px; }
  .formation.full .author .more .btn { background-size: 24px; background-position: 26px center; padding-left: 60px; }
  .formation.full .steps .wrapper { border-radius: 40px; }
  .formation.full .steps .wrapper:after { content:""; display: table; clear: both; }
  .formation.full .steps h2 span, .projet.full .steps h2 span { min-width: 140px; }
  .formation.full .steps ul { margin-bottom: 0; }
  .formation.full .steps ul:after { content:""; display: table; clear: both; }
  .formation.full .steps ul li { Width: 49%; float: left; }
  .formation.full .variations .form { padding: 0 15px; }
  .formation.full .variations .form .commerce-order-item-dc-ajax-add-cart-form { flex-wrap: wrap; }
  .formation.full .variations .form .form-wrapper { width: 100%; }
  .formation.full .variations .form .form-wrapper input { max-width: unset; }
  .formation.full .variations .form .js-form-item { margin-right: 0; }

  .formation.related .inner, .projet.related .inner { padding:30px 30px 60px 30px; }
  .formation.related h3, .projet.related h3 { font-size:20px; }
  .formation.related .inner, .projet.related .inner { }
  .formation.related .meta, .projet.related .meta { font-size:12px; }
  .formation.related .meta .address,
  .formation.related .meta .date, .projet.related .meta .date { background-size:20px; padding-left:26px;}
  .formation.related .tags span, .projet.related .tags span { margin:15px 0; font-size:10px; }
  .suggestions .arrows { top: 40px; }


  .actualite.accueil .right { display:none; }

  .product.teaser:before { width:100%; }
  .product.teaser .caption { opacity:1; }
  .product.teaser .caption a { font-size:16px; }

  .projet.full .precommande .achat { align-items: center; flex-direction: column; }
  .projet.full .variations .form .commerce-order-item-dc-ajax-add-cart-form { justify-content: center !important; }

  /*.scrollhorizontal { overflow-y: auto; margin: 30px 0 40px 0; padding: 0 0 10px 0; position: relative; }*/

  .cart table,
  .cart thead,
  .cart tbody,
  .cart th,
  .cart td,
  .cart tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .cart table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .cart table tr {
    border: 1px solid #ccc;
    margin-bottom: 1em;
  }

  .cart table td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 5px 5px 5px 50%;
    text-align: left;
  }

  .cart table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
  }

  .cart td:nth-of-type(1),
  .cart td:nth-of-type(2) {
    padding: 5px;
    text-align: center;
  }
  .language_fr .cart td:nth-of-type(3):before {
    content: "Tarif :";
  }
  .language_fr .cart td:nth-of-type(4):before {
    content: "Quantité :";
  }
  .language_fr .cart td:nth-of-type(5):before {
    content: "Total :";
  }
  .language_en .cart td:nth-of-type(3):before {
    content: "Price :";
  }
  .language_en .cart td:nth-of-type(4):before {
    content: "Quantity :";
  }
  .language_en .cart td:nth-of-type(5):before {
    content: "Total :";
  }
  .language_de .cart td:nth-of-type(3):before {
    content: "Anzahl :";
  }
  .language_de .cart td:nth-of-type(4):before {
    content: "Gesamt :";
  }
  .language_de .cart td:nth-of-type(5):before {
    content: "Entfernen :";
  }

  .cart-form table .views-field-edit-quantity .js-form-type-number input {
    padding: 5px 20px 5px 20px;
  }

  .checkout-progress ul li i { margin: 0 3px; }

  .field--name-field-type .js-form-type-radio { display: inline-block; }
  .field--name-field-type .js-form-type-radio label { border-radius: unset; }
  .commerce-checkout-flow .js-form-type-radio label { padding:15px 5px; font-size: 14px !important; }
}




/**************************************************************************************************************
 * Small devices (landscape phones, less than 768px)
 **/
@media (max-width: 767px) {
  .banner { padding: 18px 0; }
  .banner h1 { font-size: 28px; margin:0; line-height: 30px; letter-spacing: 0; }
  .publication.full .banner h1 { font-size: 28px; margin:0; line-height: 30px; letter-spacing: 0; }

  /*====== Slick Media Query ======*/
  .page-accueil .slider .slick-dots { top: 4px; right: 15px; }
  .page-accueil .slick-next { right: -65px; }
  .page-accueil .slick-prev { left: -65px; }
  /*====== End Slick Media Query ======*/

  #breadcrumb ol { width: auto; display: inline; display: flex; align-content: center; margin-top: 0; padding: 12px 0; margin-bottom: 0; -webkit-overflow-scrolling: touch; overflow-x: scroll }
  #breadcrumb ol li { list-style: none; margin-right: 4px; white-space: nowrap; margin-bottom: 0; padding-left: 0; }

  .filters .action .hide { padding-right:60px; }
  .filters .action .hide i { width:42px; height:42px; line-height:42px; }
  .filters .fieldset-wrapper { padding:0 30px 0 0; margin-top:0; }
  .filters .js-form-type-checkbox label { left:30px; }
  .filters .expanded { max-height:1000px; }

  .node-gamme .field_body { text-align: center; }
  .comments .comment { padding:30px; }
  .comments .comment .author { margin-bottom:15px; }
  .comments .comment .right { position:static; }
  .comments .comment .right .starrating { position:absolute; top:15px; right:15px; }
  .videos iframe { height:400px; }

  #header { position: fixed; z-index: 100; }
  #header .messages { display: none; }
  #header .bottom { padding:15px 0; }
  #header .top .row { align-items:center; }
  #header .top .left { display: none; background: #ccc; border-bottom: 1px solid #fff; width: 100%; max-width: unset; position: fixed; top: 72px; height: 38px; } /* langues */
  #header .top .left a { color: #fff; }
  #block-selecteurdelangue { text-align: center; }
  #header .top .center { order:1; width:45% } /* logo */
  #header .top .center a { display: block; }
  #header .top .center a img { display: block; margin: 0; max-width: 95%; }
  #header .top .right { order:2; flex: 0 0 55%; max-width: 55%; } /* menu */


  #footer .footer-top { text-align:center; }
  #footer .footer-top .logo { margin-bottom:30px;  }
  #footer .footer-top h2 { font-size:20px; margin-bottom:15px; }
  #footer .footer-bottom p { line-height:2em; }
  #block-cart .summary a { margin-right:0 }

  .formation.accueil .right, .projet.accueil .right { display:none; }
  .formation.accueil .meta .date, .projet.accueil .meta .date { display:block; }
  .formation.accueil .meta .place, .projet.accueil .meta .place { border-right:1px solid #fff; }

  .formation.full .steps ul, .projet.full .steps ul { display: block; }
  .formation.full .steps li, .projet.full .steps li { padding: 90px 0 70px 0; width: 250px; display: block; margin: auto; }
  .formation.full .steps li::after, .projet.full .steps li::after { transform: rotate(90deg); top: inherit; bottom: 30px; right: 0; left: 0; margin: 0 auto; }
  .formation.full .steps .wrapper, .projet.full .steps .wrapper { padding: 40px 80px; }
  .formation.full .header .inscriptions .min {  transform: translateX(0); }

  .page-accueil .newsletter .inner { padding:30px 0; }
  .page-accueil .newsletter h2 { font-size:30px; }
  .page-accueil .newsletter h3 { font-size:16px; }
  .page-accueil .newsletter a { padding:10px 20px; font-size:15px; }
  .page-accueil .publications .row { margin:0 -15px; }
  .page-accueil .publications .more { margin-top: 30px; }
  .page-accueil .slider .caption { min-height: 52px; width: 100%; padding:10px; font-size:14px; line-height: 16px; text-align: center; }
  .page-accueil .slider .swiper-pagination { bottom: 52px; left: 50% !important; transform: translatex(-50%); }
  .page-accueil .slider .swiper-pagination-bullet:before { background: #fff; }

  .page-accueil .shop .row { margin: 0 25px; }
  .page-accueil .shop .row .col-md-3 { margin-bottom: 20px; }
  .page-accueil .actualites .wrapper { padding-top:0; padding-left:0; }
  .page-accueil .actualites .swiper-pagination { display:none; }
  .page-accueil .actualites .wrapper::before { width:100%; }
  .page-accueil .newsletter .inner { border-radius:50px; }


  #block-nosvaleurs .valeur img { max-width: 30%; }
  #block-nosvaleurs .valeurs { flex-wrap: wrap; }
  #block-nosvaleurs .valeur { width: 100%; }


  .page-about h2 { font-size:25px; }
  .page-about h2:after { height:4px; margin:15px 0 30px 0; }
  .page-about .ambitions h3 { font-size:18px line-height: 19px; }
  .page-about .authors .right { display:none; }
  .page-about .competences .wrapper { margin-top:15px; width:calc(100% - 120px); }
  .page-about .competences h3 { padding:15px 30px; font-size:14px; }
  .page-about .competences h3:before { border-width: 10px 15px 10px 0; border-color: transparent #ccc transparent transparent; left:-15px; top:50%; transform:translate(0, -50%); }
  .page-about .competences .idee h3:before { border-color:transparent #562d86 transparent transparent; }
  .page-about .competences .recherche h3:before { border-color:transparent #675395 transparent transparent; }
  .page-about .competences .developpement h3:before { border-color:transparent #828ead transparent transparent; }
  .page-about .competences .industrialisation h3:before { border-color:transparent #8ea8b7 transparent transparent; }
  .page-about .competences .produit h3:before { border-color:transparent #a0cfc7 transparent transparent; }
  .page-about .partenariats .logos { padding:20px; }
  .page-about .partenariats .logos li { padding:0 15px; width:33.33333333%; }
  .page-about .qualite .left { text-align:center; margin-bottom:30px; }

  .page-contact .form .inner { padding:30px 50px; border-radius:30px; }
  .page-contact .form .box { padding:20px; border-radius:30px; }
  .page-contact .map .point-wrapper img { margin-left:20px; }
  .page-contact .map .point-wrapper .point { width:15px; height:15px; min-width:15px; min-height:15px; }

  .page-faq .wrapper .container { padding:40px; }

  .pager li.item a { padding:20px 8px; }
  .pager .btn { font-size: 15px; border-radius: 12px; padding: 8px; }
  .pager .btn i { margin: 0 }

  .publication.accueil { margin-bottom:30px; }
  .publication.accueil .image { text-align:center; }

  .btn { padding: 13px 10px; font-size:14px; line-height: normal; }
  input[type="submit"] { padding:10px 20px; font-size:15px; }
  .btn i { margin-left:15px; }

  .shop .product.accueil img { max-width: 80%; }
  .product.full .header h1 { font-size: 28px; line-height: 30px !important; border-top: 1px solid #e6e6e6; display: inline-block; padding-top: 0.4em; }
  .product.full .floating-area .variations .js-form-type-select { padding: 0; border: 0 none; }
  .product.full .floating-area .variations .js-form-type-select:before { top: 0; }
  .product.full .floating-area .variations .js-form-type-select label { top: 8px; }
  /*.product.full .header .swiper-container img { max-height: 40vh; }
  .product.full .header .swiper-container iframe { max-height: 40vh; }*/
  .product.full .swiper-container .swiper-slide.swiper-video iframe { width: 100% }
  .product.full .floating-area .variations .js-form-type-number { margin: 20px 0 0 0; }
  .product.full .floating-area .variations .js-form-type-number label { display: inline-block; margin: 0; font-size: 16px; left: 0; top: -25px; width: 100%; text-align: center; }
  .product.full .floating-area .variations .js-form-type-number .input-group input { border: 0 none; border-radius: unset; margin: 0; max-width: 35px; padding: 0; font-size: 14px; }
  .product.full .floating-area .variations .js-form-type-number .input-group { border: 1px solid #d9d9d9; border-radius: 40px; padding: 5px 10px; }
  .product.full .floating-area .variations .js-form-type-number .input-group .btn { border: 0 none; box-shadow: none; }
  .product.full .author .concepteur_photo { position: absolute; top: 0; right: 0; width: 30%; max-width: 120px; }
  .product.shop .pimgprice { padding: 0; }
  .swiper-pagination-bullet { display: inline-block !important }
  .comments .scoreboard { padding: 40px 20px  }
  .comments .scoreboard .right { justify-content: space-between; }
  .comments .scoreboard .percent:first-child .number { width: 20px; height:20px; background: transparent url(/themes/innoralis/assets/css/../img/etoile.png) no-repeat; text-indent: -9999px  }
  .comments .scoreboard .percent { min-width: 20px }
  .projet.full .precommande { flex-direction: column; }
  .product.full .swiper-container .swiper-slide.swiper-video iframe { min-height: 506px; }

  .publication.full .banner .meta .left {
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
  }
  .publication.full .banner .meta .right {
    text-align: center;
    border-left: 0 none;
    padding: 0;
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .user-register-form .js-form-type-radio label,
  .user-form .js-form-type-radio label { padding:15px 5px; font-size: 14px !important; }

  .field--type-address .address-container-inline { flex-direction: column !important; }
  .field--type-address .address-container-inline .form-item { width: 100% !important; margin: 0; margin: 0 0 15px 0 !important; }

  .page-checkout .sidebar { padding: 0 0 30px 0; }
  .page-checkout .sidebar:before { content: none; }
  .page-checkout .sidebar { order: 1; }
  .page-checkout .main { order: 2; }
  .page-checkout .accordions { padding: 0; }

  #user .profile .perso .content .info { flex-direction: column; border-bottom: 1px solid #d9d9d9; }
  .profile .sidebar { order: 2; }
  .profile .main { order: 1; }
  #user .profile .sidebar .help { margin-top: 20px; }
  #user .profile h1 { padding: 20px 0; }
}




/*****************
 ************* Extra small devices (portrait phones, less than 544px)
 **/
@media (max-width: 575px) {
  .swiper-pagination-bullet { width:20px; height:20px; }
  .swiper-pagination-bullet::before { width:5px; height:5px; }

  /*====== Slick Media Query ======*/
  .page-accueil .slider .slick-dots { top: 4px; right: 15px; }
  .page-accueil .slick-next { right: -2px; }
  .page-accueil .slick-prev { left: -2px; }
  /*====== End Slick Media Query ======*/

  .filters .action { flex-direction:column; }
  .filters .action .btn { margin:10px 0;  }

  #footer .footer-top .contact { flex-direction:column; }
  #footer .footer-top .contact ul { margin:15px 0 0 0; }

  .page-shop .results .row { margin:0 -10px; }
  .page-shop .results .col-6 { padding-left:5px; padding-right:5px; }
  .page-faq .wrapper { padding-bottom:0; }
  .page-faq .wrapper .container { padding:0 15px; }

  .product.accueil { text-align:center; }
  .product.teaser { margin-bottom:10px; }

  .formation.accueil h3, .projet.accueil h3 { font-size:21px; }
  .formation.full .comments .title, .projet.full .comments .title { display: inherit; }
  .formation.teaser .inner, .projet.teaser .inner { padding:20px 20px 80px 20px; }
  .formation.teaser .tags, .projet.teaser .tags { margin:20px 0; }

  .page-about .partenariats .logos li { width:50%; }

  .product.full .container { overflow: hidden; }
  .product.full .floating-area .variations.sticky_addtocart .js-form-type-number .input-group { padding: 0 6px 8px 6px; }
  .product.full .floating-area .variations .form-actions div input.form-submit { font-size: 14px}
  .product.full .floating-area .variations .form-actions div input.form-submit.is-disabled { padding: 12px; background-image: none }
  .product.full .floating-area .variations .form-actions input.form-submit#edit-wishlist { padding: 12px; background-image: none }
  .product.full .floating-area .variations .form-actions div { margin: 0 8px 0 0; }
  .product.full .floating-area .variations.sticky_addtocart .js-form-type-number .input-group { padding: 8px 10px }
  .product.full .author { padding: 0 }
  .product.full .author .left { padding: 20px 10px 24px 12px }
  .product.full .author .wrapper { margin-top: 60px }
  .product.full .author .concepteur_job div { font-size: 15px }
  .product.full .swiper-container .swiper-slide.swiper-video iframe { min-height: 360px; }

  .cart-form .form-actions { flex-direction: column; }
  .cart-form .form-actions #edit-submit { margin-bottom: 1em; }

  .accordions .accordion .header .label { margin-right: 2em; min-width: auto; }
  .accordions .accordion .header .action { transform: translateY(25%) !important; }
  .accordions .accordion .header { padding: 10px 30px 30px 30px !important; justify-content: space-between !important; }

  .page-checkout .form-actions { flex-direction: column; }

  .commerce-wishlist-form .wishlist-item { display: flex; flex-flow: wrap; }
  .commerce-wishlist-default-user-form [data-drupal-selector=edit-header] { display: flex; flex-direction: column; padding: 20px 0;}
  .commerce-wishlist-default-user-form [data-drupal-selector=edit-header] input { margin: 0 0 20px 0 }
}

@media (min-width: 576px) {
  .commerce-wishlist-default-user-form,
  .wishlist-empty-page {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .commerce-wishlist-default-user-form,
  .wishlist-empty-page {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .commerce-wishlist-default-user-form,
  .wishlist-empty-page {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .commerce-wishlist-default-user-form,
  .wishlist-empty-page {
    max-width: 1140px;
  }
}