/* Orchestra Framework — base interne dédiée à index.html.
   Remplace uniquement les usages nécessaires de l'ancien Bootstrap. */
:root {
  --container-xl: 1170px;
  --gutter: 15px;
}
* {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: none;
}
img,
svg,
video,
canvas,
audio,
iframe {
  max-width: 100%;
}
img {
  vertical-align: middle;
  border: 0;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
[type="button"],
[type="submit"] {
  cursor: pointer;
}
.container {
  width: var(--container-xl);
  max-width: calc(100% - 30px);
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--gutter);
  padding-left: var(--gutter);
}
.row {
  margin-right: calc(var(--gutter) * -1);
  margin-left: calc(var(--gutter) * -1);
}
.row::before,
.row::after,
.container::before,
.container::after {
  display: table;
  content: "";
}
.row::after,
.container::after {
  clear: both;
}
[class*="col-md-"] {
  position: relative;
  min-height: 1px;
  padding-right: var(--gutter);
  padding-left: var(--gutter);
}
@media (min-width: 981px) {
  .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 { float: left; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
}
@media (max-width: 980px) {
  .container { max-width: 100%; }
  [class*="col-md-"] { width: 100%; float: left; }
}
.clearfix::before,
.clearfix::after {
  display: table;
  content: "";
}
.clearfix::after {
  clear: both;
}
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.pull-left { float: left; }
.pull-right { float: right; }
.hide { display: none !important; }
.show { display: block !important; }
.img-responsive { display: block; max-width: 100%; height: auto; }
