/*Basis*/
.co-bsh-smallDrop {
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.2);
}
.co-bsh-bigDrop {
  box-shadow: 0 0.9rem 2.5rem 0 rgba(0, 0, 0, 0.3);
}
.co-card-shadow {
  box-shadow: 0 0.1rem 0.6rem rgba(0, 0, 0, 0.3);
}
.co-mixin-appearance {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.co-mixin-hide-offcanvas {
  position: absolute;
  left: -9999px;
  appearance: none;
}
.co-mixin-clearfix:before,
.co-mixin-clearfix:after {
  content: " ";
  display: table;
}
.co-mixin-clearfix:after {
  clear: both;
}
.co-mixin-nolist {
  list-style: none;
  padding: 0;
}
.co-mixin-nolist li {
  list-style-type: none;
}
.co-mixin-nobreak {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.co-focus-underline69 {
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.co-focus-underline69:focus,
.co-focus-underline69:active {
  box-shadow: inset 0 -0.3rem 0 0 rgba(0, 0, 0, 0.3);
}
.co-content-before,
.co-content-after {
  margin: 0 0 1.5rem;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #696969;
}
.co-accessibilityMsg {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.co-wrapperFull {
  position: relative;
  width: 100%;
}
.co-wrapperFull:before,
.co-wrapperFull:after {
  content: " ";
  display: table;
}
.co-wrapperFull:after {
  clear: both;
}
.co-wrapperStandard {
  position: relative;
  width: 100%;
  max-width: 135rem;
  margin: 0 auto !important;
  padding: 0 2rem;
}
.co-wrapperStandard:before,
.co-wrapperStandard:after {
  content: " ";
  display: table;
}
.co-wrapperStandard:after {
  clear: both;
}
.co-wrapperMedium {
  position: relative;
  width: 100%;
  max-width: 98rem;
  margin: 0 auto !important;
  padding: 0 2rem;
}
.co-wrapperMedium:before,
.co-wrapperMedium:after {
  content: " ";
  display: table;
}
.co-wrapperMedium:after {
  clear: both;
}
.co-bgBlueSky {
  background-color: #E1F4FB;
  color: #002855;
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .co-wrapperStandard,
  .co-wrapperMedium {
    padding: 0 1rem;
  }
}
.icon-info:before {
  content: "\e936";
}
/*.co-column-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.co-column-50 {
    width: ~"calc(50% - 2rem)";
}*/
/*Pour le futur - style de base commun entre les 2 sites - trop d'impact présentement*/
/*
*,
*:before,
*:after {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    margin: 0;
    padding: 0;
    font-family: @font;
    font-size: 1.4rem;    
    line-height: 1.6;
}

h1, .h1style,
h2, .h2style,
h3, .h3style,
h4, .h4style,
h5, .h5style,
h6, .h6style {
    line-height: 1.2;
    color: @col-bluenight;
    font-weight: @normal;
}

.h1style,
h1 {
    margin: 0 0 2rem 0;
    font-size: 3.2rem;
}

.h2style,
h2 {
    margin: 0 0 1.5rem 0;
    font-size: 2.8rem;
}

.h3style,
h3 {
    margin: 0 0 1.5rem 0;
    font-size: 2.4rem;
}

.h4style,
h4 {    
    margin: 0;
    font-size: 1.8rem;
}

.h5style,
h5 {   
    margin: 0;
    font-size: 1.8rem;
}

.h6style,
h6 {    
    margin: 0;
    font-size: 1.6rem;
}

p {
    color: @col-grey69;
    font-size: 1.4rem;
    line-height: 1.6;
}


a {
    color: @col-blueelectric;
    text-decoration: none;

    &:hover,
    &:focus {
        text-decoration: underline;
        
    } 
}

*/
/* BOUTON CIRCLE */
.co-btn-circle {
  display: block;
  width: 4rem;
  height: 4rem;
  padding: 0;
  border: 0.3rem solid transparent;
  border-radius: 50%;
  font-family: 'TScomUIicons';
  font-size: 3.4rem;
  line-height: 1;
  text-align: center;
  color: #FFFFFF;
  background: #0071B3;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  transition: background 0.2s linear, border 0.2s linear;
}
.co-btn-circle:disabled,
.co-btn-circle.disabled {
  opacity: 0.7;
}
.co-btn-circle:enabled:hover,
.co-btn-circle:enabled:focus {
  color: #0071B3;
  background-color: #FFFFFF;
}
.co-btn-circle:enabled:hover {
  border: 0.3rem solid #FFFFFF;
  box-shadow: 0 0.9rem 2.5rem 0 rgba(0, 0, 0, 0.3);
}
.co-btn-circle:enabled:focus {
  border: 0.3rem solid #3FBBEF;
}
.co-btn-circle.prev:before {
  content: "\e915";
}
.co-btn-circle.next:before {
  content: "\e916";
}
.co-btn-circle2 {
  display: block;
  width: 4rem;
  height: 4rem;
  padding: 0;
  border: 0.3rem solid transparent;
  border-radius: 50%;
  font-family: 'TScomUIicons';
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  color: #0071B3;
  background: #EEEEEE;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  transition: background 0.2s linear, border 0.2s linear;
}
.co-btn-circle2:disabled,
.co-btn-circle2.disabled {
  opacity: 0.7;
}
.co-btn-circle2:enabled:hover,
.co-btn-circle2:enabled:focus {
  color: #FFFFFF;
  background-color: #0071B3;
}
.co-btn-circle2:enabled:hover {
  border: 0.3rem solid #FFFFFF;
  box-shadow: 0 0.9rem 2.5rem 0 rgba(0, 0, 0, 0.3);
}
.co-btn-circle2:enabled:focus {
  border: 0.3rem solid #3FBBEF;
}
.co-btn-circle2.icon:before {
  content: "\e95e";
}
.co-btn-circle3 {
  display: block;
  width: 4rem;
  height: 4rem;
  padding: 0;
  border: 0.3rem solid transparent;
  border-radius: 50%;
  font-family: 'TScomUIicons';
  font-size: 3.4rem;
  line-height: 1;
  text-align: center;
  color: #0071B3;
  background: #FFFFFF;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  transition: background 0.2s linear, border 0.2s linear;
}
.co-btn-circle3:disabled,
.co-btn-circle3.disabled {
  opacity: 0.7;
}
.co-btn-circle3:enabled:hover,
.co-btn-circle3:enabled:focus {
  color: #FFFFFF;
  background-color: #0071B3;
}
.co-btn-circle3:enabled:hover {
  border: 0.3rem solid #FFFFFF;
  box-shadow: 0 0.9rem 2.5rem 0 rgba(0, 0, 0, 0.3);
}
.co-btn-circle3:enabled:focus {
  border: 0.3rem solid #3FBBEF;
}
.co-btn-circle3.prev:before {
  content: "\e915";
}
.co-btn-circle3.next:before {
  content: "\e916";
}
/* BOUTON LINK */
.co-btn-link {
  padding: 0;
  border: 0;
  border-bottom: 0.1rem solid transparent;
  font-size: 1.4rem;
  color: #0071B3;
  background-color: transparent;
}
.co-btn-link:disabled,
.co-btn-link.disabled {
  color: rgba(0, 113, 179, 0.4);
}
.co-btn-link:enabled:hover,
.co-btn-link:enabled:focus {
  border-bottom: 0.1rem solid #0071B3;
}
/* BOUTON FORM */
.co-btn {
  display: inline-block;
  position: relative;
  float: none;
  margin-right: 0;
  padding: 1rem 2rem;
  border: 0.3rem solid transparent;
  border-radius: 0.3rem;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.2;
  transition: all 0.2s ease;
  text-decoration: none;
}
.co-btn-whiterabbit {
  color: #FFFFFF;
  background-color: #008200;
  min-width: 15rem;
}
.co-btn-whiterabbit:hover,
.co-btn-whiterabbit:focus {
  color: #008200;
  text-decoration: none;
  background-color: #FFFFFF;
}
.co-btn-whiterabbit:hover {
  border: 0.3rem solid #C2C2C2;
  box-shadow: 0 0.9rem 2.5rem 0 rgba(0, 0, 0, 0.3);
}
.co-btn-whiterabbit:focus {
  border: 0.3rem solid #00CF00;
}
.co-btn-whiterabbit:disabled,
.co-btn-whiterabbit.disabled {
  color: #FFFFFF;
  background: rgba(0, 130, 0, 0.4);
  cursor: no-drop;
}
.co-btn-level1 {
  color: #FFFFFF;
  background-color: #0071B3;
}
.co-btn-level1:hover,
.co-btn-level1:focus {
  color: #0071B3;
  text-decoration: none;
  background-color: #FFFFFF;
}
.co-btn-level1:hover {
  border: 0.3rem solid #C2C2C2;
  box-shadow: 0 0.9rem 2.5rem 0 rgba(0, 0, 0, 0.3);
}
.co-btn-level1:focus {
  border: 0.3rem solid #3FBBEF;
}
.co-btn-level1:disabled,
.co-btn-level1.disabled {
  color: #FFFFFF;
  background: rgba(0, 113, 179, 0.4);
}
.co-btn-level2 {
  color: #FFFFFF;
  background-color: #696969;
}
.co-btn-level2:hover,
.co-btn-level2:focus {
  color: #696969;
  text-decoration: none;
  background-color: #FFFFFF;
}
.co-btn-level2:hover {
  border: 0.3rem solid #C2C2C2;
  box-shadow: 0 0.9rem 2.5rem 0 rgba(0, 0, 0, 0.3);
}
.co-btn-level2:focus {
  border: 0.3rem solid #3FBBEF;
}
.co-btn-level2:disabled,
.co-btn-level2.disabled {
  color: #FFFFFF;
  background: rgba(105, 105, 105, 0.4);
}
.co-btn-level3 {
  color: #0071B3;
  background-color: #EEEEEE;
}
.co-btn-level3:hover,
.co-btn-level3:focus {
  color: #0071B3;
  text-decoration: none;
  background-color: #FFFFFF;
}
.co-btn-level3:hover {
  border: 0.3rem solid #C2C2C2;
  box-shadow: 0 0.9rem 2.5rem 0 rgba(0, 0, 0, 0.3);
}
.co-btn-level3:focus {
  border: 0.3rem solid #3FBBEF;
}
.co-btn-level3:disabled,
.co-btn-level3.disabled {
  color: #FFFFFF;
  background-color: #696969;
  opacity: 0.4;
}
.co-btn-level4 {
  color: #0071B3;
  background-color: #FFFFFF;
}
.co-btn-level4:hover,
.co-btn-level4:focus {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #0071B3;
}
.co-btn-level4:hover {
  border: 0.3rem solid #FFFFFF;
  box-shadow: 0 0.9rem 2.5rem 0 rgba(0, 0, 0, 0.3);
}
.co-btn-level4:focus {
  border: 0.3rem solid #3FBBEF;
}
.co-btn-level4:disabled,
.co-btn-level4.disabled {
  color: #0071B3;
  opacity: 0.7;
  background: #FFFFFF;
}
.co-btn-level4:disabled:hover,
.co-btn-level4.disabled:hover {
  color: #0071B3;
  opacity: 0.4;
  background: #FFFFFF;
}
.co-btn-cancel {
  color: #0071B3;
  background-color: #FFFFFF;
}
.co-btn-cancel:hover,
.co-btn-cancel:focus {
  color: #0071B3;
  text-decoration: none;
  background-color: #FFFFFF;
}
.co-btn-cancel:hover {
  border: 0.3rem solid #C2C2C2;
  box-shadow: 0 0.9rem 2.5rem 0 rgba(0, 0, 0, 0.3);
}
.co-btn-cancel:focus {
  border: 0.3rem solid #3FBBEF;
}
.co-btn-cancel:disabled,
.co-btn-cancel.disabled {
  color: #0071B3;
  opacity: 0.4;
  background: rgba(255, 255, 255, 0.4);
}
/* BOUTON CLOSE */
.co-btn-close {
  padding: 0.1rem;
  border: 0;
  color: #0071B3;
  background-color: transparent;
}
.co-btn-close:before {
  font-family: 'TScomUIicons';
  content: "\E919";
  font-size: 4rem;
  line-height: 1;
}
.co-btn-close:enabled:hover,
.co-btn-close:enabled:focus {
  box-shadow: inset 0 -0.3rem 0 0 rgba(0, 0, 0, 0.3);
}
/* TEXT ASIDE A BUTTON */
.co-btn-aside-text {
  padding-left: 1rem;
  padding-top: 1rem;
}
/*Component*/
.tileShow-section {
  margin-bottom: 2rem;
  /*à changer pour 135rem éventuellement*/
}
.tileShow-section p {
  color: #696969;
  font-size: 1.4rem;
  line-height: 1.6;
}
.tileShow-section .co-content-after {
  margin-top: 1rem;
  margin-bottom: 0;
}
.tileShow-section .tileShow-wrapper {
  max-width: 102rem;
  margin: 0 auto;
  padding: 2rem;
}
.tileShow-section .tileShow-content {
  position: relative;
  overflow-x: visible;
  width: 100%;
  margin-bottom: 0;
}
.tileShow-section .tileShow-tiles {
  overflow: hidden;
}
.tileShow-section .tileShow-tiles ul.list-tiles {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  transform: translateX(0%);
  transition: transform 0.8s ease-in-out;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper {
  flex: 1;
  list-style-type: none;
  margin: 0.3rem 0.5rem 1.5rem;
  padding-top: 0;
  background-color: #FFFFFF;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper .tile {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  padding: 0;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper > a {
  text-decoration: none;
  font-weight: 400;
  text-align: left;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper > a:hover {
  outline: solid 0.3rem #C2C2C2;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper > a:focus {
  outline: solid 0.3rem #3FBBEF;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper > a h3 {
  color: #0071B3;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper > a a {
  font-weight: 600;
  color: #0071B3;
  text-decoration: underline;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper > a a:hover,
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper > a a:focus {
  text-decoration: none;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper > a a.icon-chevronRGTA,
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper > a a.TS-link-arrowAfter {
  text-decoration: none;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper > a a.icon-chevronRGTA:hover,
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper > a a.TS-link-arrowAfter:hover,
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper > a a.icon-chevronRGTA:focus,
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper > a a.TS-link-arrowAfter:focus {
  text-decoration: underline;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper .img-wrapper {
  width: 100%;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper .img-wrapper img[data-src] {
  max-width: 100%;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper .img-wrapper img[src] {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper .text-wrapper {
  padding: 1rem 2rem;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper .text-wrapper h3 {
  font-size: 2rem;
  margin-bottom: 0;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper .text-wrapper .text {
  margin-top: 0.5rem;
  margin-bottom: 0;
  color: #696969;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper .text-wrapper .text p:first-child {
  margin-top: 0.5rem;
}
.tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper .text-wrapper .text p:last-child {
  margin-bottom: 0.5rem;
}
.tileShow-section.blueTheme {
  background-color: #0071B3;
}
.tileShow-section.blueTheme .co-content-before,
.tileShow-section.blueTheme .co-content-after,
.tileShow-section.blueTheme .widget-title {
  color: #FFFFFF;
}
.tileShow-section.blueTheme .co-content-before p,
.tileShow-section.blueTheme .co-content-after p,
.tileShow-section.blueTheme .widget-title p,
.tileShow-section.blueTheme .co-content-before a,
.tileShow-section.blueTheme .co-content-after a,
.tileShow-section.blueTheme .widget-title a,
.tileShow-section.blueTheme .co-content-before span,
.tileShow-section.blueTheme .co-content-after span,
.tileShow-section.blueTheme .widget-title span,
.tileShow-section.blueTheme .co-content-before h1,
.tileShow-section.blueTheme .co-content-after h1,
.tileShow-section.blueTheme .widget-title h1,
.tileShow-section.blueTheme .co-content-before h2,
.tileShow-section.blueTheme .co-content-after h2,
.tileShow-section.blueTheme .widget-title h2,
.tileShow-section.blueTheme .co-content-before h3,
.tileShow-section.blueTheme .co-content-after h3,
.tileShow-section.blueTheme .widget-title h3,
.tileShow-section.blueTheme .co-content-before h4,
.tileShow-section.blueTheme .co-content-after h4,
.tileShow-section.blueTheme .widget-title h4,
.tileShow-section.blueTheme .co-content-before h5,
.tileShow-section.blueTheme .co-content-after h5,
.tileShow-section.blueTheme .widget-title h5,
.tileShow-section.blueTheme .co-content-before h6,
.tileShow-section.blueTheme .co-content-after h6,
.tileShow-section.blueTheme .widget-title h6 {
  color: #FFFFFF;
}
.tileShow-section.blueTheme .tileShow-navigation-arrow .prev,
.tileShow-section.blueTheme .tileShow-navigation-arrow .next {
  background-color: #FFFFFF;
  color: #0071B3;
}
.tileShow-section.blueTheme .tileShow-navigation-arrow .prev:enabled:hover,
.tileShow-section.blueTheme .tileShow-navigation-arrow .next:enabled:hover,
.tileShow-section.blueTheme .tileShow-navigation-arrow .prev:enabled:focus,
.tileShow-section.blueTheme .tileShow-navigation-arrow .next:enabled:focus {
  color: #FFFFFF;
  background-color: #0071B3;
}
.tileShow-section.blueTheme .tileShow-navigation-arrow .prev:enabled:hover,
.tileShow-section.blueTheme .tileShow-navigation-arrow .next:enabled:hover {
  border: 0.3rem solid #FFFFFF;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.2);
}
.tileShow-section.blueTheme .tileShow-navigation-arrow .prev:enabled:focus,
.tileShow-section.blueTheme .tileShow-navigation-arrow .next:enabled:focus {
  border: 0.3rem solid #FFFFFF;
}
.tileShow-section.whiteTheme {
  background-color: #FFFFFF;
}
.tileShow-section.greyTheme {
  background-color: #EEEEEE;
}
.tileShow-section.image-first.default {
  background-color: #FFFFFF;
}
.tileShow-section.image-first.default.not-clickable {
  background-color: #EEEEEE;
}
.tileShow-section.text-first.default {
  background-color: #EEEEEE;
}
.tileShow-section.text-first ul.list-tiles li.tile-wrapper {
  /*pour IE*/
}
.tileShow-section.text-first ul.list-tiles li.tile-wrapper .tile {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
}
.tileShow-section.text-first ul.list-tiles li.tile-wrapper .img-wrapper {
  flex: 0 0 auto;
}
.tileShow-section.text-only.default {
  background-color: #EEEEEE;
}
.tileShow-section.text-only ul.list-tiles li.tile-wrapper .img-wrapper {
  display: none;
}
.tileShow-section .tileShow-navigation-arrow .prev,
.tileShow-section .tileShow-navigation-arrow .next {
  position: absolute;
  top: calc(50% - 2.5rem);
}
.tileShow-section .tileShow-navigation-arrow .prev {
  left: -2rem;
}
.tileShow-section .tileShow-navigation-arrow .next {
  right: -2rem;
}
.tileShow-section .btn-skip {
  position: absolute;
  top: 0.2rem;
  display: block;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
}
.tileShow-section .btn-skip:focus {
  opacity: 1;
  overflow: visible;
  padding: 0.5rem;
  pointer-events: all;
  background-color: #FFFFFF;
}
.tileShow-section .btn-skip.start {
  left: 0.5rem;
}
.tileShow-section .btn-skip.end {
  right: 0.5rem;
}
.tileShow-section .tileShow-bar-wrapper {
  display: none;
  width: 100%;
  position: absolute;
  top: calc(100% - .3rem);
}
.tileShow-section .tileShow-bar {
  opacity: 0;
  transform: translateX(0%);
  transition: opacity 0.5s ease-in-out, transform 0.8s ease-in-out;
  height: 0.3rem;
  width: 0;
  border-radius: 0.3rem;
  background-color: #CCCCCC;
}
.tileShow-section .tileShow-content:hover .tileShow-bar {
  opacity: 1;
}
.tileShow-section .nbTiles-9 .tileShow-tiles ul.list-tiles {
  width: calc((9/3) * 100%);
}
.tileShow-section .nbTiles-9 .tileShow-bar {
  width: calc(100%/(9/3));
}
.tileShow-section .nbTiles-8 .tileShow-tiles ul.list-tiles {
  width: calc((8/3) * 100%);
}
.tileShow-section .nbTiles-8 .tileShow-bar {
  width: calc(100%/(8/3));
}
.tileShow-section .nbTiles-7 .tileShow-tiles ul.list-tiles {
  width: calc((7/3) * 100%);
}
.tileShow-section .nbTiles-7 .tileShow-bar {
  width: calc(100%/(7/3));
}
.tileShow-section .nbTiles-6 .tileShow-tiles ul.list-tiles {
  width: calc((6/3) * 100%);
}
.tileShow-section .nbTiles-6 .tileShow-bar {
  width: calc(100%/(6/3));
}
.tileShow-section .nbTiles-5 .tileShow-tiles ul.list-tiles {
  width: calc((5/3) * 100%);
}
.tileShow-section .nbTiles-5 .tileShow-bar {
  width: calc(100%/(5/3));
}
.tileShow-section .nbTiles-4 .tileShow-tiles ul.list-tiles {
  width: calc((4/3) * 100%);
}
.tileShow-section .nbTiles-4 .tileShow-bar {
  width: calc(100%/(4/3));
}
.tileShow-section .nbTiles-3 .tileShow-tiles ul.list-tiles {
  width: calc((3/3) * 100%);
}
.tileShow-section .nbTiles-3 .tileShow-bar {
  width: calc(100%/(3/3));
}
.tileShow-section .nbTiles-3 .tileShow-navigation-arrow,
.tileShow-section .nbTiles-3 .tileShow-bar-wrapper,
.tileShow-section .nbTiles-3 btn-skip {
  display: none;
}
.tileShow-section .nbTiles-4 .tileShow-tiles ul.list-tiles,
.tileShow-section .nbTiles-4 .tileShow-bar {
  transition: transform 0.6s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .tileShow-section .btn-skip {
    display: none;
  }
  .tileShow-section .tileShow-tiles {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.2rem;
    width: 100%;
  }
  .tileShow-section .tileShow-tiles ul.list-tiles li.tile-wrapper > a:hover {
    outline: 0;
  }
  .tileShow-section .tileShow-navigation-arrow,
  .tileShow-section .tileShow-bar-wrapper {
    display: none;
  }
  .tileShow-section .nbTiles-9 .tileShow-tiles ul.list-tiles {
    width: calc((9/3.25) * 100%);
  }
  .tileShow-section .nbTiles-8 .tileShow-tiles ul.list-tiles {
    width: calc((8/3.25) * 100%);
  }
  .tileShow-section .nbTiles-7 .tileShow-tiles ul.list-tiles {
    width: calc((7/3.25) * 100%);
  }
  .tileShow-section .nbTiles-6 .tileShow-tiles ul.list-tiles {
    width: calc((6/3.25) * 100%);
  }
  .tileShow-section .nbTiles-5 .tileShow-tiles ul.list-tiles {
    width: calc((5/3.25) * 100%);
  }
  .tileShow-section .nbTiles-4 .tileShow-tiles ul.list-tiles {
    width: calc((4/3.25) * 100%);
  }
}
@media screen and (max-width: 767px) {
  .tileShow-section .tileShow-wrapper {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .tileShow-section .nbTiles-9 .tileShow-tiles ul.list-tiles {
    width: calc((9/2.25) * 100%);
  }
  .tileShow-section .nbTiles-8 .tileShow-tiles ul.list-tiles {
    width: calc((8/2.25) * 100%);
  }
  .tileShow-section .nbTiles-7 .tileShow-tiles ul.list-tiles {
    width: calc((7/2.25) * 100%);
  }
  .tileShow-section .nbTiles-6 .tileShow-tiles ul.list-tiles {
    width: calc((6/2.25) * 100%);
  }
  .tileShow-section .nbTiles-5 .tileShow-tiles ul.list-tiles {
    width: calc((5/2.25) * 100%);
  }
  .tileShow-section .nbTiles-4 .tileShow-tiles ul.list-tiles {
    width: calc((4/2.25) * 100%);
  }
  .tileShow-section .nbTiles-3 .tileShow-tiles ul.list-tiles {
    width: calc((3/2.25) * 100%);
  }
}
@media screen and (max-width: 480px) {
  .tileShow-section .nbTiles-9 .tileShow-tiles ul.list-tiles {
    width: calc((9/1.25) * 100%);
  }
  .tileShow-section .nbTiles-8 .tileShow-tiles ul.list-tiles {
    width: calc((8/1.25) * 100%);
  }
  .tileShow-section .nbTiles-7 .tileShow-tiles ul.list-tiles {
    width: calc((7/1.25) * 100%);
  }
  .tileShow-section .nbTiles-6 .tileShow-tiles ul.list-tiles {
    width: calc((6/1.25) * 100%);
  }
  .tileShow-section .nbTiles-5 .tileShow-tiles ul.list-tiles {
    width: calc((5/1.25) * 100%);
  }
  .tileShow-section .nbTiles-4 .tileShow-tiles ul.list-tiles {
    width: calc((4/1.25) * 100%);
  }
  .tileShow-section .nbTiles-3 .tileShow-tiles ul.list-tiles {
    width: calc((3/1.25) * 100%);
  }
}