@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* placeholder: proportions vidéo youtube responsive */
/* placeholder : width de 100vw */
/* changer delay selon position dans la liste*/
/* changer width selon position dans la liste */
/* line 4, ../sass/repertoire-complet-clinique.scss */
#block-repertoirecompletdescliniques {
  background: #e4e8ea;
  background: -moz-linear-gradient(top, #fff 50%, #e4e8ea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(100%, #e4e8ea));
  background: -webkit-linear-gradient(top, #fff 50%, #e4e8ea 100%);
  background: -o-linear-gradient(top, #fff 50%, #e4e8ea 100%);
  background: linear-gradient(to bottom, #fff 50%, #e4e8ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fff, endColorstr=#e4e8ea);
  padding: 0 25px;
  margin-left: -25px;
  margin-right: -25px;
}
/* line 9, ../sass/repertoire-complet-clinique.scss */
#block-repertoirecompletdescliniques .message {
  max-width: 100%;
  margin: 0 -25px 0;
  background-color: #556BA3;
  padding: 25px;
  color: white;
}
/* line 15, ../sass/repertoire-complet-clinique.scss */
#block-repertoirecompletdescliniques .message .message-txt {
  font-size: 1em;
  text-transform: uppercase;
  margin-top: 0.25em;
  font-weight: 500;
}
/* line 21, ../sass/repertoire-complet-clinique.scss */
#block-repertoirecompletdescliniques .message h2 {
  color: white;
  font-size: 1.43em;
  margin: 0;
}
/* line 26, ../sass/repertoire-complet-clinique.scss */
#block-repertoirecompletdescliniques .message .label {
  display: block;
  font-weight: normal;
}
/* line 30, ../sass/repertoire-complet-clinique.scss */
#block-repertoirecompletdescliniques .message .note {
  margin-top: 35px;
  font-weight: 600;
}
/* line 35, ../sass/repertoire-complet-clinique.scss */
#block-repertoirecompletdescliniques .wrapper-list {
  margin-top: 25px;
  padding: 0 0 40px 0;
}
/* line 38, ../sass/repertoire-complet-clinique.scss */
#block-repertoirecompletdescliniques .wrapper-list ul.list {
  padding: 0;
  margin: 0;
}
/* line 41, ../sass/repertoire-complet-clinique.scss */
#block-repertoirecompletdescliniques .wrapper-list ul.list li {
  margin: 0;
  background-color: transparent;
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
}
/* line 47, ../sass/repertoire-complet-clinique.scss */
#block-repertoirecompletdescliniques .wrapper-list ul.list li a {
  color: #707070;
}
/* line 50, ../sass/repertoire-complet-clinique.scss */
#block-repertoirecompletdescliniques .wrapper-list ul.list li.region {
  font-size: 1.14em;
  color: #B15BA3;
  font-weight: 700;
}
/* line 54, ../sass/repertoire-complet-clinique.scss */
#block-repertoirecompletdescliniques .wrapper-list ul.list li.region ul {
  padding: 0;
  margin: 5px 0 0 0;
  font-weight: normal;
}
/* line 58, ../sass/repertoire-complet-clinique.scss */
#block-repertoirecompletdescliniques .wrapper-list ul.list li.region ul li {
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  /* line 69, ../sass/repertoire-complet-clinique.scss */
  #block-repertoirecompletdescliniques {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
  }
  /* line 73, ../sass/repertoire-complet-clinique.scss */
  #block-repertoirecompletdescliniques .message {
    max-width: 768px;
    margin: 0 auto 0;
    padding: 25px;
  }
  /* line 78, ../sass/repertoire-complet-clinique.scss */
  #block-repertoirecompletdescliniques .wrapper-list {
    max-width: 768px;
    margin: 40px auto 0;
    padding: 0 25px 40px;
  }
  /* line 82, ../sass/repertoire-complet-clinique.scss */
  #block-repertoirecompletdescliniques .wrapper-list ul.list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-width: 200px;
    -webkit-column-width: 200px;
    column-width: 200px;
    -moz-column-gap: 45px;
    -webkit-column-gap: 45px;
    column-gap: 45px;
  }
  /* line 88, ../sass/repertoire-complet-clinique.scss */
  #block-repertoirecompletdescliniques .wrapper-list ul.list li:first-child {
    width: 350px;
  }
  /* line 91, ../sass/repertoire-complet-clinique.scss */
  #block-repertoirecompletdescliniques .wrapper-list ul.list li.region {
    font-size: 1em;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
@media only screen and (min-width: 1024px) {
  /* line 105, ../sass/repertoire-complet-clinique.scss */
  #block-repertoirecompletdescliniques .message {
    margin: 0 auto;
    max-width: 100%;
  }
  /* line 108, ../sass/repertoire-complet-clinique.scss */
  #block-repertoirecompletdescliniques .message h2,
  #block-repertoirecompletdescliniques .message .label,
  #block-repertoirecompletdescliniques .message .message-txt {
    max-width: 768px;
    margin: 0 auto;
  }
  /* line 114, ../sass/repertoire-complet-clinique.scss */
  #block-repertoirecompletdescliniques .message .label {
    margin-top: 0.25em;
  }
}