/*
Components.

Styleguide: 4
*/


/*
.button

Inline-block with padding and centered text ready to be styled as a button.
It has no <code>background</code> or <code>border-radius</code> by default.
Both the <code class="html-tag">button</code> element and the class
<code>button</code> have this base style. The <code>button</code> class can
also be used on labels wrapping various form elements.

Markup: <a class="button" href="#something">Link to something</a>

Styleguide: 4.button
*/

button {
  /* buttons have standard padding that needs to be avoided. */
  padding-top: 0;
  padding-bottom: 0;

  /* And they don't automatically inherit font styles. */
  font-size: inherit;
  font-family: inherit;

  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;

  color: inherit;
  background-color: transparent;
}

button,
.button {
  display: inline-block;
  position: relative;

  /* Has it's own stacking context, to prevent icons and masked inputs
       overflowing stacks outside the button */
  z-index: 0;

  width: auto;
  height: auto;

  /* button elements ignore line-height, centering text automatically. */
  line-height: 2em;
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
  vertical-align: baseline;

  font-family: NeoSans, sans-serif;
  text-overflow: ellipsis;
  text-align: center;
  text-decoration: none;
  /* Overrides default browser style on input type=submit (white-space: pre) */
  white-space: normal;

  background-repeat: no-repeat;
  border-width: 0;

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;

  -webkit-background-origin: padding-box;
  -moz-background-origin: padding;
  -moz-background-origin: padding-box;
  -ms-background-origin: padding-box;
  -o-background-origin: padding-box;
  background-origin: padding-box;
}

.button:hover,
.button:focus {
  /* If button is link, it may have hover styles. */
  text-decoration: none;
}

button:hover,
.button[href]:hover {
  /* Hover styles for button and [href] */
}

button.loading,
.button.loading {
  opacity: 0.4;
}

.button>input[type="radio"],
.button>input[type="checkbox"] {
  display: inline;
  height: auto;
  vertical-align: baseline;
  margin-right: 0.5em;
  /* Stop radio's left edges getting cut off inside buttons. */
  margin-left: 1px;
}


.button>small:first-child {
  display: inline-block;
  margin-right: 0.25em;
}


/* .button-list */

.button-list {
  display: block;

  /* IE support */
  border-top: 1px solid rgba(0, 0, 0, 0.250980);
  border-bottom: 1px solid rgba(0, 0, 0, 0.250980);

  border-top: 1px solid var(--color-grey-4);
  border-bottom: 1px solid var(--color-grey-4);
  padding: 0.75rem 3.75rem 0.75rem 0.75rem;
  text-align: left;
  line-height: inherit;
}

.button-list-white {
  display: block;
  color: #4d4d4d;

  /* IE support */
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;

  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  padding: 0.75rem 3.75rem 0.75rem 0.75rem;
  text-align: left;
  line-height: inherit;
}

.button-list:hover,
.button-list:focus {
  color: rgb(96, 96, 96);
}

.button-list>.text-04+p {
  margin-top: 0;
}

.button-list>p+p {
  margin-top: 0.375rem;
}

ul>li,
ol>li {
  color: #4d4d4d;
}

.button-list::after {
  /* Support Font Awesome, at least for just now, as it comes from the old
       PatternLab */
  display: inline-block;
  font: normal normal normal 25px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  content: "\f138";
  color: black;
  font: Solid 16px/19px Font Awesome 5 Pro;
  position: absolute;
  top: calc(50% - 0.75rem);
  right: 0.9375rem;
}


.function {
  margin-top: 0;
  font-family: Merriweather, serif;
}



.angle-right .fa {
  font-weight: 900;
}

.toggle-text-button {
  text-decoration: none;
}

.toggle-text-button+.drawer {
  margin-bottom: 1rem;
}
#collapse-missions-organisations {
  margin-bottom: 2rem;
}
.toggle-text-button.on>.fa {
  font-weight: 700;
  transform: rotate(90deg);
}


.toggle-text-button>.fa {
  transition: transform .4s ease;
}


.toggle-button.button-list::after {
  content: "\f0d7";
}

.toggle-button.on.button-list::after {
  content: "\f0d8";
}

.button-list+.button-list {
  margin-top: -1px;
  border-top-color: transparent;
}

.text-01+.button-list {
  margin-top: 3.75rem;
}

.text-09+.button-list {
  margin-top: 2rem;
}


.button-list-big {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.button-list-big p {
  font-family: Merriweather, serif;
}


.button-list-small {
  border-bottom-color: transparent;
  border-top-color: transparent;
  height: max-content;
}

.print-icon {
  position: absolute;
  right: -46px;
  top: 10px;
  font-size: 28px;
  color: white;
}

.print-button {
  color: rgba(240, 76, 22, 1);
  border: 1px solid rgba(240, 76, 22, 1);
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px 25px;
  text-decoration: none;
  font-family: NeoSans, sans-serif;

}

.see-more-rss {
  position: absolute;
  right: 0;
  top: -3.6rem;
  width: max-content;
  text-align: right;
  background-color: transparent;
  color: #000000;
  padding: 0;
  font-family: NeoSans, sans-serif;
  text-decoration: none;
}

.see-more-rss>.fa {
  margin-left: 0.25rem;
  font-weight: 900;
}


/*Prevent print button overlap title on mobile*/
@media screen and (max-width: 51.25rem) {
  .print-button {
    top: -44px;
  }
}


.print-button:hover {
  text-decoration: none;
}

.relative {
  position: relative;
}

/*place for imprimer la fiche button*/
.wrap.wrap-940.relative {
  padding-right: 168px;
}

/*
.button > input[type="file"]

File inputs can be wrapped in buttons for custom styling. The caveat: there is
no way to display the selected file name if you do this.

Markup: <label class="button" for="file-input">
  Select file...
  <input type="file" id="file-input" />
</label>

Styleguid forms.button
*/
/*
.thumb > select,
.button > input[type="file"],
.button > input[type="submit"],
.radio-button > input[type="radio"],
.checkbox-button > input[type="checkbox"] {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    z-index: 2;
}

.js .thumb > select,
.js .button > input[type="file"],
.js .button > input[type="submit"],
/*.js .button-select > select,*/
/*
.js .radio-button > input[type="radio"],
.js .checkbox-button > input[type="checkbox"] {
    -webkit-appearance: none;
    opacity: 0;
}
*/