/*!
Video.js Default Styles (http://videojs.com)
Version 4.3.0
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc;
}
/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url('../modules/assets/css/font/vjs.eot');
  src: url('../modules/assets/css/font/vjs.eot?#iefix') format('embedded-opentype'), url('../modules/assets/css/font/vjs.woff') format('woff'), url('../modules/assets/css/font/vjs.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */

  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}
/* FontAwsome button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff;
}
.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */

}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */

  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */

  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-load-progress {
  background: #646464 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.4);
}
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em /* Minor adjustment */;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
  float: left;
}
.vjs-default-skin .vjs-duration {
  float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 3em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em;
}
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */

  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */

  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */

  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */

}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */

  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */

  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */

  font-size: 10px;
  /* Allow poster to be vertially aligned. */

  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/

  /* Provide some basic defaults for fonts */

  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */

  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */

  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #ffffff /* Subtitles are white */;
}
.video-js .vjs-captions {
  color: #ffcc66 /* Captions are yellow */;
}
.vjs-tt-cue {
  display: block;
}
/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
:root{--color-main: #636363;--color-dark: #071e22;--color-dark-rgb: 7,30,34;--color-black: #000000;--color-black-rgb: 0,0,0;--color-light: #eeeeee;--color-light-rgb: 238,238,238;--color-medium: #777582;--color-pink: #ed2345;--color-pink-rgb: 237,35,69;--color-medium-pink: #c8005d;--color-medium-pink-rgb: 200,0,93;--color-dark-pink: #820068;--color-light-pink: #fcd7dd;--color-light-pink-rgb: 252, 215, 221;--color-light-blue: #edf3f9;--color-grey: #F1F1F6;--color-attention-bg: #fd83ab;--color-attention-fg: #fc4c6a;--url-steps-bg: url("/modules/spw-dtic-cg-templates/img/vague.svg");--url-arrow-right: url("/modules/spw-dtic-cg-templates/img/arrow-right.png");--url-arrow-right-large: url("/modules/spw-dtic-cg-templates/img/arrow-right-large.png");--url-404: url("/modules/spw-dtic-cg-templates/img/404.png");--url-404-mobile: url("/modules/spw-dtic-cg-templates/img/404_mobile.png");--url-astronaut: url("/modules/spw-dtic-cg-templates/img/astronaut.png")}.ioddaContentWrapper{display:flex}.typeioddant_procedure.alternate--home .scroll{display:inline}.alternate--home section #steps{margin-top:120px}@media only screen and (max-width: 991px){.alternate--home section #steps{margin-top:0px}}section#steps{padding:40px 0;position:relative;margin-left:calc(-1*(100vw - 100%)/2)}section#steps.wave{background:rgba(0,0,0,0) var(--url-steps-bg) no-repeat;background-size:70%;background-position:center left -50%}section#steps.wave .cg-img{text-align:center}section#steps.wave .cg-img img{width:50%}@media(max-width: 767px){section#steps.wave{background-position:top 25% left -50%}section#steps.wave .img{text-align:inherit}}section#steps.block{margin-left:inherit;text-align:left}section#steps.block h1{text-align:left}section#steps.block ul{margin:inherit;padding-inline-start:unset}section#steps.block ul li{background:none;padding-left:0}section#steps.block ul li:before{font-family:"Font Awesome 5 Free";font-weight:700;content:"";font-size:1.25rem;margin-right:1.5rem;color:var(--color-pink);left:0px;-webkit-transition:all .3s;transition:all .3s}section#steps h1{text-align:left}section#steps ul{margin:60px 0 80px 0px;list-style:none}section#steps ul li{margin-bottom:30px;padding-left:40px;font-size:1.125rem;font-weight:700;line-height:28px;background:rgba(0,0,0,0) var(--url-arrow-right) top 5px left no-repeat}section#steps ul li a{color:var(--color-dark)}section#steps ul li a:hover{color:var(--color-pink)}@media only screen and (min-width: 992px){section#steps{min-height:700px}section#steps.block{min-height:inherit}}@media only screen and (max-width: 991px){section#steps{position:relative;background-position:right 35% center;background-size:auto 350px}section#steps h1{text-align:center}section#steps ul{margin-bottom:60px;margin-left:50%;padding:0}section#steps ul li{font-size:1rem}section#steps .btn{display:table;margin:0 auto}section#steps .img{position:absolute;left:0;height:100%}section#steps .img img{position:absolute;top:calc(40% - 150px);left:60px;height:300px}section#steps.block .btn{margin:0}}@media only screen and (max-width: 767px){section#steps{background-position:top 220px right 100%;background-size:600px auto}section#steps .img{position:relative;margin:30px 0 100px}section#steps .img img{position:relative;left:0;width:200px;height:auto}section#steps.block .btn{display:inline-block}section#steps.block h1{padding:0}section#steps h1{padding:0 12.5vw}section#steps ul{margin:40px 0 10px}section#steps ul li{display:none}section#steps ul li:nth-child(-n+4){display:inline-block}section#steps.wave .btn-demarche{height:35px;padding:0 12px;line-height:35px}}.template_iodda-recherche main{padding-top:0}.template_iodda-recherche #searchText-row .demarcheFigure{text-align:center;position:relative;top:-100px;display:block}@media only screen and (max-width: 767px){.template_iodda-recherche #searchText-row .demarcheFigure{display:none}}.template_iodda-recherche .search-container{padding:3rem 0 10rem;background:rgba(0,0,0,0) url("../modules/spw-iodda-core/css/../img/pink-wave-steps.png") no-repeat;background-size:cover}.template_iodda-recherche .search-container .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.template_iodda-recherche .search-container .container>div{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}.template_iodda-recherche .search-container .container>div p{margin-right:4rem}.template_iodda-recherche .search-container .container>div:nth-of-type(2){padding-left:10rem}.template_iodda-recherche .search-container .container>div #block-introductiondemarches{margin-bottom:3rem}.template_iodda-recherche .search-container .container>div img{height:480px}.template_iodda-recherche aside{background-color:#fff;position:relative;padding:2rem;margin:0 4px 0 0;-webkit-box-flex:1;-ms-flex:1 1 33%;flex:1 1 33%;min-width:33%;-webkit-box-shadow:0 3px 20px 0 rgba(0,6,9,.14);box-shadow:0 3px 20px 0 rgba(0,6,9,.14)}.template_iodda-recherche aside .js-form-item-recherche{display:none}.template_iodda-recherche aside:after{position:absolute;right:50px;top:-115px;content:"";display:block;height:184px;width:117px;background:rgba(0,0,0,0) url("../modules/spw-iodda-core/css/../img/abc3.png") no-repeat;background-size:contain}.template_iodda-recherche aside .facets{margin-bottom:2rem}@media only screen and (max-width: 991px){.template_iodda-recherche aside .facets{width:100%}}.template_iodda-recherche aside .facets input+label .isOpen{padding-bottom:.7rem;margin-bottom:1rem;border-bottom:1px #e1e1e1 solid;padding-right:1.5rem}.template_iodda-recherche aside .facets .facet-item{display:block;min-width:100%;max-width:100%;padding:1rem;margin-top:-1rem;margin-bottom:-1rem}.template_iodda-recherche aside .facets .facet-item.isOpen{border:1px #e1e1e1 solid;border-radius:1.5rem;margin-top:0;margin-bottom:1rem}.template_iodda-recherche aside .facets .facet-item .facet-item__value{line-height:1.5rem}.template_iodda-recherche aside .facets .facet-item input+label:before{font-family:"Font Awesome 5 Free";position:relative;font-weight:700;font-size:.8125rem;line-height:15px;content:"";display:inline-block;width:16px;height:16px;color:#fff;top:-2px;border-radius:4px;background:#fff;margin-right:1rem;padding-left:1px;border:1px solid #636363}.template_iodda-recherche aside .facets .facet-item input[type=radio]+label:before{border-radius:10px;content:"";font-size:.5rem;padding-left:3px}.template_iodda-recherche aside .facets .facet-item input:checked+label:before{color:var(--color-pink)}.template_iodda-recherche aside .facets li{margin:0;padding:0}.template_iodda-recherche aside .facets li::before{content:""}.template_iodda-recherche aside h2{font-size:1.25rem;margin:1rem 0}.template_iodda-recherche aside .form-checkboxes .js-form-item{margin-bottom:0rem}.template_iodda-recherche aside #edit-field-formality-type--wrapper .fieldset-wrapper{max-height:300px;overflow-y:scroll}.template_iodda-recherche aside #edit-field-thematique--wrapper>ul{margin:0;padding:0}.template_iodda-recherche aside #edit-field-thematique--wrapper ul li{padding-left:0}.template_iodda-recherche aside #edit-field-thematique--wrapper ul li:before{content:""}.template_iodda-recherche .item-list ul li{padding:0;margin:0 0 2.5rem}.template_iodda-recherche .item-list ul li:before{content:none}.template_iodda-recherche .item-list ul li a{color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.125rem}.template_iodda-recherche .item-list ul li a:hover{color:var(--color-pink)}.template_iodda-recherche .item-list ul li a:before{font-family:"Font Awesome 5 Free";font-weight:700;content:"";font-size:1.25rem;margin-right:.5rem;color:var(--color-pink);left:0px;-webkit-transition:all .3s;transition:all .3s}@media only screen and (max-width: 991px){.template_iodda-recherche .search-container{padding-bottom:3rem}.template_iodda-recherche .search-container .container>div{-webkit-box-flex:1;-ms-flex:1 1 75%;flex:1 1 75%}.template_iodda-recherche .search-container .container>div:nth-of-type(2){-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%;padding-left:3rem}.template_iodda-recherche .search-container .container>div:nth-of-type(2) img{height:320px}.template_iodda-recherche aside{-webkit-box-shadow:none;box-shadow:none;padding:0;margin:0}.template_iodda-recherche aside:after{content:none}}@media only screen and (max-width: 767px){.template_iodda-recherche .search-container .container{position:relative;display:block}.template_iodda-recherche .search-container .container>div p{margin-right:0}.template_iodda-recherche .search-container .container>div:nth-of-type(2) img{right:30px;top:0;position:absolute;height:100px}}@media only screen and (max-width: 374px){.template_iodda-recherche .search-container .container>div:nth-of-type(2) img{right:15px;height:90px}}.typeioddant_procedure h1{max-width:85%}@media only screen and (max-width: 991px){.typeioddant_procedure h1{max-width:100%}}.typeioddant_procedure .ioddaContentWrapper{display:flex}.typeioddant_procedure .contentWrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:60px}@media only screen and (max-width: 991px){.typeioddant_procedure .contentWrapper{display:block;position:relative}.typeioddant_procedure .typeioddant_procedure .contentWrapper,.node--type-acteur-et-institution .typeioddant_procedure .contentWrapper,.typespwcgnt_actualite .typeioddant_procedure .contentWrapper,.typespwgwnt_presse .typeioddant_procedure .contentWrapper,.typespwgwnt_ordreDuJour .typeioddant_procedure .contentWrapper,.typespwgwnt_discours .typeioddant_procedure .contentWrapper,.typespwcgnt_agenda .typeioddant_procedure .contentWrapper,.path-faqs .typeioddant_procedure .contentWrapper{display:block;position:relative;padding-bottom:120px}.typeioddant_procedure .contentWrapper aside{margin-left:0}}.typeioddant_procedure .contentWrapper .content{padding-right:2rem}@media only screen and (max-width: 991px){.typeioddant_procedure .contentWrapper .content{padding-right:0}}.typeioddant_procedure .contentWrapper .content .tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width: 991px){.typeioddant_procedure .contentWrapper .content .tabs{margin-left:-1rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.typeioddant_procedure .contentWrapper .content .tabs a{display:block;-webkit-box-flex:1;-ms-flex:auto;flex:auto;text-align:center;color:#000;border-right:1px #000 solid;line-height:2rem}@media only screen and (max-width: 991px){.typeioddant_procedure .contentWrapper .content .tabs a{-webkit-box-flex:unset;-ms-flex:unset;flex:unset;padding:0 1rem;margin-bottom:5px}}.typeioddant_procedure .contentWrapper .content .tabs a:last-of-type{border:none}.typeioddant_procedure .contentWrapper .content h2,.typeioddant_procedure .contentWrapper .content .h2{margin-top:3rem}.typeioddant_procedure .contentWrapper .content .forms ul,.typeioddant_procedure .contentWrapper .content .liens ul{padding:0}.typeioddant_procedure .contentWrapper .content .forms ul li,.typeioddant_procedure .contentWrapper .content .liens ul li{padding:0;margin-bottom:1rem}.typeioddant_procedure .contentWrapper .content .forms ul li:before,.typeioddant_procedure .contentWrapper .content .liens ul li:before{content:none}.typeioddant_procedure .contentWrapper .content .forms ul li.e-signature img.e-signature-img,.typeioddant_procedure .contentWrapper .content .liens ul li.e-signature img.e-signature-img{width:30px;margin-left:7px}.typeioddant_procedure .contentWrapper .content .forms ul li img.german-img,.typeioddant_procedure .contentWrapper .content .liens ul li img.german-img{width:30px;margin-left:7px}.typeioddant_procedure .contentWrapper .content .contact{-webkit-box-shadow:0 3px 20px 0 rgba(0,6,9,.14);box-shadow:0 3px 20px 0 rgba(0,6,9,.14);padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (max-width: 991px){.typeioddant_procedure .contentWrapper .content .contact{display:block}}.typeioddant_procedure .contentWrapper .content .contact ul{margin:0;padding:0}.typeioddant_procedure .contentWrapper .content .contact ul li{padding:0;margin-bottom:1.5rem}.typeioddant_procedure .contentWrapper .content .contact ul li:before{content:none}.typeioddant_procedure .contentWrapper .content .contact>div{-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%;min-width:30%;margin-right:1rem}@media only screen and (max-width: 991px){.typeioddant_procedure .contentWrapper .content .contact>div:first-of-type{margin-right:0}}.typeioddant_procedure .contentWrapper .content .contact>div h3,.typeioddant_procedure .contentWrapper .content .contact>div .h3{margin-top:1rem}.typeioddant_procedure .contentWrapper .content .contact>div:nth-of-type(2) ul{margin:1.5rem 0}.typeioddant_procedure .contentWrapper .content .contact>div:nth-of-type(2) ul li{margin:0 0 .5rem}.typeioddant_procedure .contentWrapper .content .contact>div:nth-of-type(2) ul li a{padding-left:1.5rem;line-height:1.3rem;display:block}.typeioddant_procedure .contentWrapper .content .contact>div:nth-of-type(2) ul li a:before{position:absolute;font-family:"Font Awesome 5 Free",serif;font-weight:700;content:"";font-size:.8rem;margin-right:.7rem;color:var(--color-pink);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;left:0}.typeioddant_procedure .contentWrapper .content .contact :root{--color-main: #636363;--color-dark: #071e22;--color-dark-rgb: 7,30,34;--color-black: #000000;--color-black-rgb: 0,0,0;--color-light: #eeeeee;--color-light-rgb: 238,238,238;--color-medium: #777582;--color-pink: #ed2345;--color-pink-rgb: 237,35,69;--color-medium-pink: #c8005d;--color-medium-pink-rgb: 200,0,93;--color-dark-pink: #820068;--color-light-pink: #fcd7dd;--color-light-pink-rgb: 252, 215, 221;--color-light-blue: #edf3f9;--color-grey: #F1F1F6;--color-attention-bg: #fd83ab;--color-attention-fg: #fc4c6a;--url-steps-bg: url("/modules/spw-dtic-cg-templates/img/vague.svg");--url-arrow-right: url("/modules/spw-dtic-cg-templates/img/arrow-right.png");--url-arrow-right-large: url("/modules/spw-dtic-cg-templates/img/arrow-right-large.png");--url-404: url("/modules/spw-dtic-cg-templates/img/404.png");--url-404-mobile: url("/modules/spw-dtic-cg-templates/img/404_mobile.png");--url-astronaut: url("/modules/spw-dtic-cg-templates/img/astronaut.png")}.typeioddant_procedure .contentWrapper .content .contact .item-contact{margin:2rem 0}.typeioddant_procedure .contentWrapper .content .contact .item-contact div{display:block;word-wrap:break-word;margin-bottom:.8rem;position:relative;line-height:1.3rem}.typeioddant_procedure .contentWrapper .content .contact .item-contact div a{word-break:break-all}.typeioddant_procedure .contentWrapper .content .contact .item-contact div:not(.first){padding-left:1.5rem}.typeioddant_procedure .contentWrapper .content .contact .item-contact div:not(.first):before{position:absolute;font-family:"Font Awesome 5 Free",serif;font-weight:700;content:" ";font-size:.8rem;margin-right:.7rem;color:var(--color-pink);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;left:0}.typeioddant_procedure .contentWrapper .content .contact .item-contact div:not(.first).website:before{font-weight:700;content:""}.typeioddant_procedure .contentWrapper .content .contact .item-contact div:not(.first).mail:before{content:""}.typeioddant_procedure .contentWrapper .content .contact .item-contact div:not(.first).phone:before{content:"";font-weight:700}.typeioddant_procedure .contentWrapper .content .contact .item-contact div:not(.first).address{margin-bottom:0}.typeioddant_procedure .contentWrapper .content .contact .item-contact div:not(.first).address:before{content:""}.typeioddant_procedure .contentWrapper .content .contact .item-contact div:not(.first).last{margin-bottom:0}.typeioddant_procedure .contentWrapper .content .contact .item-contact div:not(.first).last:before{content:""}.typeioddant_procedure .contentWrapper .content .update{margin-top:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;color:#000}.typeioddant_procedure .contentWrapper .content .update div{margin-left:.5rem}.typeioddant_procedure .contentWrapper .content .update div time{color:#000}.typeioddant_procedure .contentWrapper .content .vote{border-top:1px var(--color-light) solid;padding:2rem 0 0;margin:2rem 0 0;line-height:2rem;display:-webkit-box;display:-ms-flexbox;display:flex}.typeioddant_procedure .contentWrapper .content .vote .vud-widget-thumbs{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex}.typeioddant_procedure .contentWrapper .content .vote .vote-current-score,.typeioddant_procedure .contentWrapper .content .vote .reset{display:none}.typeioddant_procedure .contentWrapper .content .vote .down-score,.typeioddant_procedure .contentWrapper .content .vote .up-score{border:none}.typeioddant_procedure .contentWrapper .content .vote .down-score a,.typeioddant_procedure .contentWrapper .content .vote .up-score a{display:block;width:15px;height:20px;font-family:"Font Awesome 5 Free",serif;font-weight:400;font-style:normal;margin:0 0 0 7px;text-decoration:none;font-size:.9375rem;background:none}.typeioddant_procedure .contentWrapper .content .vote .down-score a.inactive,.typeioddant_procedure .contentWrapper .content .vote .up-score a.inactive{color:#d2d2d2}.typeioddant_procedure .contentWrapper .content .vote .down-score a:after,.typeioddant_procedure .contentWrapper .content .vote .up-score a:after{content:""}.typeioddant_procedure .contentWrapper .content .vote .down-score a.down:after,.typeioddant_procedure .contentWrapper .content .vote .up-score a.down:after{content:""}.typeioddant_procedure .contentWrapper .content .vote .down-score a div,.typeioddant_procedure .contentWrapper .content .vote .up-score a div{display:none}.typeioddant_procedure .contentWrapper .content .print .fa-print{padding-right:.7rem}.typeioddant_procedure .contentWrapper aside{-webkit-box-flex:1;-ms-flex:1 1 33%;flex:1 1 33%;min-width:30%;margin-left:30px}@media only screen and (max-width: 991px){.typeioddant_procedure .contentWrapper aside{margin-top:6rem}}.typeioddant_procedure .contentWrapper aside h2,.typeioddant_procedure .contentWrapper aside .h2{font-size:1.25rem}.typeioddant_procedure .contentWrapper aside>div{margin-bottom:3rem}.typeioddant_procedure .contentWrapper aside>div ul{padding:0}.typeioddant_procedure .contentWrapper aside>div ul li{padding:0;margin-bottom:1rem}.typeioddant_procedure .contentWrapper aside>div ul li:before{content:none}.typeioddant_procedure .contentWrapper aside>div.publics{-webkit-box-shadow:0 3px 20px 0 rgba(0,6,9,.14);box-shadow:0 3px 20px 0 rgba(0,6,9,.14);padding:30px 100px 30px 30px;position:relative}.typeioddant_procedure .contentWrapper aside>div.publics:after{position:absolute;right:45px;bottom:0;content:"";display:block;height:210px;width:72px;background:rgba(0,0,0,0) url("../modules/spw-iodda-core/css/../img/perso.png") no-repeat}@media only screen and (max-width: 991px){.typeioddant_procedure .contentWrapper aside>div.publics:after{height:150px;background-size:contain;right:25px}}.typeioddant_procedure .contentWrapper aside>div.publics h2,.typeioddant_procedure .contentWrapper aside>div.publics .h2{margin:0 0 .5rem}.typeioddant_procedure .contentWrapper aside>div.publics ul{margin:0}.typeioddant_procedure .contentWrapper aside>div.publics ul li{margin:0;font-style:italic;line-height:1.2rem}.demarche.demarche-item :root{--color-main: #636363;--color-dark: #071e22;--color-dark-rgb: 7,30,34;--color-black: #000000;--color-black-rgb: 0,0,0;--color-light: #eeeeee;--color-light-rgb: 238,238,238;--color-medium: #777582;--color-pink: #ed2345;--color-pink-rgb: 237,35,69;--color-medium-pink: #c8005d;--color-medium-pink-rgb: 200,0,93;--color-dark-pink: #820068;--color-light-pink: #fcd7dd;--color-light-pink-rgb: 252, 215, 221;--color-light-blue: #edf3f9;--color-grey: #F1F1F6;--color-attention-bg: #fd83ab;--color-attention-fg: #fc4c6a;--url-steps-bg: url("/modules/spw-dtic-cg-templates/img/vague.svg");--url-arrow-right: url("/modules/spw-dtic-cg-templates/img/arrow-right.png");--url-arrow-right-large: url("/modules/spw-dtic-cg-templates/img/arrow-right-large.png");--url-404: url("/modules/spw-dtic-cg-templates/img/404.png");--url-404-mobile: url("/modules/spw-dtic-cg-templates/img/404_mobile.png");--url-astronaut: url("/modules/spw-dtic-cg-templates/img/astronaut.png")}.demarche.demarche-item .item-contact{margin:2rem 0}.demarche.demarche-item .item-contact div{display:block;word-wrap:break-word;margin-bottom:.8rem;position:relative;line-height:1.3rem}.demarche.demarche-item .item-contact div a{word-break:break-all}.demarche.demarche-item .item-contact div:not(.first){padding-left:1.5rem}.demarche.demarche-item .item-contact div:not(.first):before{position:absolute;font-family:"Font Awesome 5 Free",serif;font-weight:700;content:" ";font-size:.8rem;margin-right:.7rem;color:var(--color-pink);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;left:0}.demarche.demarche-item .item-contact div:not(.first).website:before{font-weight:700;content:""}.demarche.demarche-item .item-contact div:not(.first).mail:before{content:""}.demarche.demarche-item .item-contact div:not(.first).phone:before{content:"";font-weight:700}.demarche.demarche-item .item-contact div:not(.first).address{margin-bottom:0}.demarche.demarche-item .item-contact div:not(.first).address:before{content:""}.demarche.demarche-item .item-contact div:not(.first).last{margin-bottom:0}.demarche.demarche-item .item-contact div:not(.first).last:before{content:""}.demarche .e-signature img.e-signature-img{width:30px;margin-left:7px}.demarche img.german-img{width:30px;margin-left:7px}.template_iodda-recherche .search-form input{border:1px solid var(--color-grey)}.template_iodda-recherche .search-form .results{box-shadow:0 3px 20px 0 rgba(0,6,9,.14)}.template_iodda-recherche .search-form .translate{position:relative;top:-10px;left:10px}.template_iodda-recherche .search-form .iodda_search-form_loader{width:50px;--b: 8px;aspect-ratio:1;border-radius:50%;padding:1px;background:conic-gradient(rgba(0, 0, 0, 0) 10%, var(--color-pink)) content-box;-webkit-mask:repeating-conic-gradient(rgba(0, 0, 0, 0) 0deg, #000 1deg 20deg, rgba(0, 0, 0, 0) 21deg 36deg),radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));-webkit-mask-composite:destination-in;mask-composite:intersect;animation:l4 1s infinite steps(10)}@keyframes l4{to{transform:rotate(1turn)}}.path-agenda .view>.filter,.path-search .view>.filter,.template_iodda-recherche .view>.filter{display:none}@media only screen and (max-width: 991px){.path-agenda .view>.filter,.path-search .view>.filter,.template_iodda-recherche .view>.filter{display:block;position:relative}.path-agenda .view>.filter i,.path-search .view>.filter i,.template_iodda-recherche .view>.filter i{width:22px;height:22px;font-size:1.375rem;color:var(--color-pink);background:linear-gradient(var(--color-medium-pink) 0%, var(--color-pink) 100%);background-clip:content-box;text-fill-color:rgba(0,0,0,0);position:absolute;top:-3rem;right:0}.path-agenda .view-filters,.path-agenda.path-search aside,.path-agenda.template_iodda-recherche aside,.path-search .view-filters,.path-search.path-search aside,.path-search.template_iodda-recherche aside,.template_iodda-recherche .view-filters,.template_iodda-recherche.path-search aside,.template_iodda-recherche.template_iodda-recherche aside{-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;-ms-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;transition:all .3s ease-in 0s;opacity:0;visibility:hidden;z-index:9999;position:fixed;top:0;left:0;display:flex;box-orient:vertical;box-direction:normal;flex-direction:column;align-items:center;width:100vw;height:100vh;background:#fff;padding:2rem 2rem 4rem}.filter-open .path-agenda .view-filters,.filter-open .path-agenda.path-search aside,.filter-open .path-agenda.template_iodda-recherche aside,.filter-open .path-search .view-filters,.filter-open .path-search.path-search aside,.filter-open .path-search.template_iodda-recherche aside,.filter-open .template_iodda-recherche .view-filters,.filter-open .template_iodda-recherche.path-search aside,.filter-open .template_iodda-recherche.template_iodda-recherche aside{opacity:1;visibility:visible;overflow:scroll}.path-agenda .view-filters .js-form-item,.path-agenda.path-search aside .js-form-item,.path-agenda.template_iodda-recherche aside .js-form-item,.path-search .view-filters .js-form-item,.path-search.path-search aside .js-form-item,.path-search.template_iodda-recherche aside .js-form-item,.template_iodda-recherche .view-filters .js-form-item,.template_iodda-recherche.path-search aside .js-form-item,.template_iodda-recherche.template_iodda-recherche aside .js-form-item{margin:1.5rem 0 !important}.path-agenda .view-filters .js-form-item input,.path-agenda .view-filters .js-form-item .select-styled,.path-agenda.path-search aside .js-form-item input,.path-agenda.path-search aside .js-form-item .select-styled,.path-agenda.template_iodda-recherche aside .js-form-item input,.path-agenda.template_iodda-recherche aside .js-form-item .select-styled,.path-search .view-filters .js-form-item input,.path-search .view-filters .js-form-item .select-styled,.path-search.path-search aside .js-form-item input,.path-search.path-search aside .js-form-item .select-styled,.path-search.template_iodda-recherche aside .js-form-item input,.path-search.template_iodda-recherche aside .js-form-item .select-styled,.template_iodda-recherche .view-filters .js-form-item input,.template_iodda-recherche .view-filters .js-form-item .select-styled,.template_iodda-recherche.path-search aside .js-form-item input,.template_iodda-recherche.path-search aside .js-form-item .select-styled,.template_iodda-recherche.template_iodda-recherche aside .js-form-item input,.template_iodda-recherche.template_iodda-recherche aside .js-form-item .select-styled{height:40px;line-height:40px}.path-agenda .view-filters .js-form-item.js-form-item-date,.path-agenda .view-filters .js-form-item.js-form-item-date-fin,.path-agenda.path-search aside .js-form-item.js-form-item-date,.path-agenda.path-search aside .js-form-item.js-form-item-date-fin,.path-agenda.template_iodda-recherche aside .js-form-item.js-form-item-date,.path-agenda.template_iodda-recherche aside .js-form-item.js-form-item-date-fin,.path-search .view-filters .js-form-item.js-form-item-date,.path-search .view-filters .js-form-item.js-form-item-date-fin,.path-search.path-search aside .js-form-item.js-form-item-date,.path-search.path-search aside .js-form-item.js-form-item-date-fin,.path-search.template_iodda-recherche aside .js-form-item.js-form-item-date,.path-search.template_iodda-recherche aside .js-form-item.js-form-item-date-fin,.template_iodda-recherche .view-filters .js-form-item.js-form-item-date,.template_iodda-recherche .view-filters .js-form-item.js-form-item-date-fin,.template_iodda-recherche.path-search aside .js-form-item.js-form-item-date,.template_iodda-recherche.path-search aside .js-form-item.js-form-item-date-fin,.template_iodda-recherche.template_iodda-recherche aside .js-form-item.js-form-item-date,.template_iodda-recherche.template_iodda-recherche aside .js-form-item.js-form-item-date-fin{float:left}}@media only screen and (max-width: 991px)and (max-width: 767px){.path-agenda .view-filters .js-form-item.js-form-item-date,.path-agenda .view-filters .js-form-item.js-form-item-date-fin,.path-agenda.path-search aside .js-form-item.js-form-item-date,.path-agenda.path-search aside .js-form-item.js-form-item-date-fin,.path-agenda.template_iodda-recherche aside .js-form-item.js-form-item-date,.path-agenda.template_iodda-recherche aside .js-form-item.js-form-item-date-fin,.path-search .view-filters .js-form-item.js-form-item-date,.path-search .view-filters .js-form-item.js-form-item-date-fin,.path-search.path-search aside .js-form-item.js-form-item-date,.path-search.path-search aside .js-form-item.js-form-item-date-fin,.path-search.template_iodda-recherche aside .js-form-item.js-form-item-date,.path-search.template_iodda-recherche aside .js-form-item.js-form-item-date-fin,.template_iodda-recherche .view-filters .js-form-item.js-form-item-date,.template_iodda-recherche .view-filters .js-form-item.js-form-item-date-fin,.template_iodda-recherche.path-search aside .js-form-item.js-form-item-date,.template_iodda-recherche.path-search aside .js-form-item.js-form-item-date-fin,.template_iodda-recherche.template_iodda-recherche aside .js-form-item.js-form-item-date,.template_iodda-recherche.template_iodda-recherche aside .js-form-item.js-form-item-date-fin{float:none}}@media only screen and (max-width: 991px){.path-agenda .view-filters .js-form-item.js-form-item-date-fin,.path-agenda.path-search aside .js-form-item.js-form-item-date-fin,.path-agenda.template_iodda-recherche aside .js-form-item.js-form-item-date-fin,.path-search .view-filters .js-form-item.js-form-item-date-fin,.path-search.path-search aside .js-form-item.js-form-item-date-fin,.path-search.template_iodda-recherche aside .js-form-item.js-form-item-date-fin,.template_iodda-recherche .view-filters .js-form-item.js-form-item-date-fin,.template_iodda-recherche.path-search aside .js-form-item.js-form-item-date-fin,.template_iodda-recherche.template_iodda-recherche aside .js-form-item.js-form-item-date-fin{padding-left:60px;padding-top:28px;max-width:200px !important}}@media only screen and (max-width: 991px)and (max-width: 767px){.path-agenda .view-filters .js-form-item.js-form-item-date-fin,.path-agenda.path-search aside .js-form-item.js-form-item-date-fin,.path-agenda.template_iodda-recherche aside .js-form-item.js-form-item-date-fin,.path-search .view-filters .js-form-item.js-form-item-date-fin,.path-search.path-search aside .js-form-item.js-form-item-date-fin,.path-search.template_iodda-recherche aside .js-form-item.js-form-item-date-fin,.template_iodda-recherche .view-filters .js-form-item.js-form-item-date-fin,.template_iodda-recherche.path-search aside .js-form-item.js-form-item-date-fin,.template_iodda-recherche.template_iodda-recherche aside .js-form-item.js-form-item-date-fin{padding:0;max-width:150px !important}}@media only screen and (max-width: 991px){.path-agenda .view-filters .js-form-submit,.path-agenda.path-search aside .js-form-submit,.path-agenda.template_iodda-recherche aside .js-form-submit,.path-search .view-filters .js-form-submit,.path-search.path-search aside .js-form-submit,.path-search.template_iodda-recherche aside .js-form-submit,.template_iodda-recherche .view-filters .js-form-submit,.template_iodda-recherche.path-search aside .js-form-submit,.template_iodda-recherche.template_iodda-recherche aside .js-form-submit{display:none}.path-agenda .view-filters .filter,.path-agenda.path-search aside .filter,.path-agenda.template_iodda-recherche aside .filter,.path-search .view-filters .filter,.path-search.path-search aside .filter,.path-search.template_iodda-recherche aside .filter,.template_iodda-recherche .view-filters .filter,.template_iodda-recherche.path-search aside .filter,.template_iodda-recherche.template_iodda-recherche aside .filter{z-index:9999;display:block !important;color:#fff;position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(to left, var(--color-medium-pink) 0%, var(--color-pink) 100%);padding:1rem .5rem;text-align:center}}@media only screen and (max-width: 991px){.path-search .view>.filter i,.template_iodda-recherche .view>.filter i{top:.2rem}}.template_iodda-recherche main{padding-top:0}.template_iodda-recherche main.pagecontent{background:rgba(0,0,0,0) url("../modules/spw-iodda-core/css/../img/pink-wave-steps.png") no-repeat;background-size:cover}.template_iodda-recherche main.pagecontent .item-list ul{padding:0;margin:0 0 0 0;list-style:none}.template_iodda-recherche main.pagecontent section.searchContentWrapper{padding-top:0px;padding-left:40px}@media only screen and (max-width: 991px){.template_iodda-recherche main.pagecontent section.searchContentWrapper{padding-left:20px}}@media only screen and (max-width: 374px){.template_iodda-recherche main.pagecontent section.searchContentWrapper{padding-left:10px}}.template_iodda-recherche main.pagecontent section.searchContentWrapper .view-header{margin-bottom:20px}.template_iodda-recherche main.pagecontent section.searchContentWrapper .view-header .showSearchFinished{width:100%;height:20px;border-radius:20px;background:repeating-linear-gradient(135deg, var(--color-pink) 0 10px, #fff 0 20px) 0/0% no-repeat,repeating-linear-gradient(135deg, #ddd 0 10px, #fff 0 20px) 0/100%;animation:l3 2s infinite}@keyframes l3{100%{background-size:100%}}.template_iodda-recherche main.pagecontent section.searchContentWrapper .view-header .hideMe{-webkit-animation:cssAnimation 2s forwards;animation:cssAnimation 2s forwards}@keyframes cssAnimation{0%{opacity:1}90%{opacity:1}100%{opacity:0}}@-webkit-keyframes cssAnimation{0%{opacity:1}90%{opacity:1}100%{opacity:0}}/*# sourceMappingURL=spw-iodda.css.map */
/* Typography
  ========================================================================== */
/* -----------------------------------------------------
   Footer
   ----------------------------------------------------- */
#footer {
  color: white;
  font-weight: 600;
}
#footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer ul li {
  position: relative;
}
#footer ul li:before {
  position: absolute;
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: var(--color-pink);
  left: 0;
  top: 8px;
  border-radius: 50%;
}
#footer ul li:has(img)::before, #footer ul li:has(.cg-link)::before {
  display: none;
}
#footer ul li a {
  display: block;
}
#footer a {
  color: white;
  font-weight: 600;
}
#footer a:hover {
  color: white;
  text-decoration: none;
  opacity: 0.7;
}
#footer .top--footer {
  padding: 35px 0px;
  background: #1D1D1D;
}
#footer .top--footer.footerSuperposed {
  padding-top: 8%;
}
#footer .top--footer .row > div:not(:first-child) {
  position: relative;
}
#footer .top--footer .row > div:not(:first-child)::after {
  position: absolute;
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: var(--color-pink);
  top: 0;
  left: -15px;
}
#footer .top--footer h2 {
  line-height: 24px;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0 0 20px;
  color: white;
}
#footer .top--footer nav.menu--sites-generaux ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
#footer .top--footer ul li {
  padding-left: 10px;
  line-height: 20px;
  margin-bottom: 10px;
  max-width: 90%;
}
#footer .top--footer div.websites ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
#footer .top--footer img {
  margin: 5px 0 30px;
}
#footer .bottom--footer {
  background: black;
  padding: 12px 0;
  line-height: 35px;
}
#footer .bottom--footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#footer .bottom--footer ul li {
  margin-left: 40px;
}
#footer .bottom--footer ul li::before {
  width: 4px;
  height: 4px;
  left: -21px;
  top: 14px;
}
#footer .bottom--footer ul li:first-of-type {
  margin: 0;
}
#footer .bottom--footer ul li:first-of-type::before {
  content: none;
}
#footer .bottom--footer ul li a {
  font-weight: bold;
}
#footer .bottom--footer .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#footer .bottom--footer .logo i {
  margin-left: 15px;
  display: block;
  font-size: 1.0625rem;
}
#footer .cgFooterImageWallonie {
  height: 35px;
  width: auto;
  object-fit: contain;
}
@media only screen and (max-width: 1200px) {
  #footer .top--footer.footerSuperposed {
    padding-top: 15%;
  }
}
@media only screen and (max-width: 990px) {
  #footer .top--footer .row > div:not(:first-child)::after {
    content: none;
  }
}
@media only screen and (max-width: 990px) and (min-width: 768px) and (max-width: 990px) {
  #footer .top--footer .row > div {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 990px) {
  #footer .top--footer nav.menu--sites-generaux ul {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 990px) {
  #footer .top--footer div.websites ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
}
@media only screen and (max-width: 990px) {
  #footer .bottom--footer .logo {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #footer .bottom--footer ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #footer .bottom--footer ul li {
    margin-left: 0px;
  }
  #footer .bottom--footer ul li::before {
    left: -29px;
  }
}
@media only screen and (max-width: 767px) {
  #footer .top--footer .row > div:not(:last-child) {
    margin-bottom: 40px;
  }
  #footer .top--footer .row > div::after {
    content: none !important;
  }
  #footer .top--footer .row > div nav.menu--sites-generaux ul {
    margin-bottom: 0px;
    -webkit-columns: 1;
    columns: 1;
  }
  #footer .top--footer div.websites ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
  #footer .top--footer.footerSuperposed {
    padding-top: 20%;
  }
  #footer .bottom--footer {
    padding-bottom: 50px;
  }
  #footer .bottom--footer .logo i {
    font-size: 0.9375rem;
  }
  #footer .bottom--footer ul {
    display: block;
  }
  #footer .bottom--footer ul li {
    display: block;
  }
  #footer .bottom--footer ul li::before {
    content: none;
  }
}

/* -----------------------------------------------------
   Footer scroll
   ----------------------------------------------------- */
footer .scroll.show {
  display: flex !important;
}

footer .scroll {
  z-index: 2;
  color: var(--color-pink);
  display: flex;
  position: fixed;
  bottom: 60px;
  right: 60px;
  background: linear-gradient(180deg, var(--color-medium-pink) 0%, var(--color-pink) 100%);
  color: white;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 2.1875rem;
  letter-spacing: 0.15em;
  visibility: hidden;
  opacity: 0;
}

footer .scroll i {
  margin: 0 0 0 5px;
  font-size: 1rem;
}

footer .scroll.show {
  visibility: visible;
  opacity: 1;
}

footer .img171x {
  height: 43px;
  width: auto;
}

/*# sourceMappingURL=cg_footer.css.map */
.cookieConsent {
    background: black;
    border: none;
    font-size: 1em;
    line-height: 2em;
    color: white;
    opacity: 1;
    padding: 10px 0;
    margin: 0;
    text-shadow: none;
}

.cookieConsent.fixedTop,
.cookieConsent.fixedBottom {
    position: fixed;
    width: 100%;
    z-index: 9999;
    left: 0;
}

.cookieConsent.fixedTop {
    top: 0;
}

.cookieConsent.fixedBottom {
    bottom: 0;
}

.cookieConsent.edit {
    position: static;
}

.cookieConsent.hide {
    display: none;
}

.cookieConsent .message {
    padding: 0 10px;
}

.cookieConsent__buttons {
    text-align: center;
}

.cookieConsent .accept,
.cookieConsent .dismiss {
    color: black !important;
    cursor: pointer;
    -webkit-transition: background-color 0.15s linear;
    -moz-transition: background-color 0.15s linear;
    -o-transition: background-color 0.15s linear;
    transition: background-color 0.15s linear;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-indent: 0;
    border: none;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    height: 2em;
    text-decoration: none;
    text-align: center;
    padding: 0 10px;
    margin: 0 10px;
}

.cookieConsent .accept {
    background-color: rgba(150, 255, 150, 0.8);
}

.cookieConsent .accept:hover {
    background-color: rgba(150, 255, 150, 1);
}

.cookieConsent .dismiss {
    background-color: rgba(255, 150, 150, 0.8);
}

.cookieConsent .dismiss:hover {
    background-color: rgba(255, 150, 150, 1);
}

.cookieConsent a {
    color: #428bca;
}

@media (max-width: 767px) {
    .cookieConsent {
        text-align: justify;
    }
    .cookieConsent__buttons{
        margin: 10px 0;
        width: 100%;
        text-align: center;
    }
}
/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../modules/font-awesome/css/../webfonts/fa-brands-400.eot");
  src: url("../modules/font-awesome/css/../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../modules/font-awesome/css/../webfonts/fa-brands-400.woff2") format("woff2"), url("../modules/font-awesome/css/../webfonts/fa-brands-400.woff") format("woff"), url("../modules/font-awesome/css/../webfonts/fa-brands-400.ttf") format("truetype"), url("../modules/font-awesome/css/../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }
/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../modules/font-awesome/css/../webfonts/fa-regular-400.eot");
  src: url("../modules/font-awesome/css/../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../modules/font-awesome/css/../webfonts/fa-regular-400.woff2") format("woff2"), url("../modules/font-awesome/css/../webfonts/fa-regular-400.woff") format("woff"), url("../modules/font-awesome/css/../webfonts/fa-regular-400.ttf") format("truetype"), url("../modules/font-awesome/css/../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../modules/font-awesome/css/../webfonts/fa-solid-900.eot");
  src: url("../modules/font-awesome/css/../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../modules/font-awesome/css/../webfonts/fa-solid-900.woff2") format("woff2"), url("../modules/font-awesome/css/../webfonts/fa-solid-900.woff") format("woff"), url("../modules/font-awesome/css/../webfonts/fa-solid-900.ttf") format("truetype"), url("../modules/font-awesome/css/../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }