/** 
* Feuille de styles editeur
* 
* @client INPES
* @project DUS
* @author Kaliop 
* 
*
*
*/
#debug {
  display: none;
}
/* 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;
}
.vjs-default-skin ul li:before {
  display: none !important;
}
/* 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('fonts/icono/vjs.eot');
  src: url('fonts/icono/vjs.eot?#iefix') format('embedded-opentype'), url('fonts/icono/vjs.woff') format('woff'), url('fonts/icono/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 {
  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 #fff;
  -moz-box-shadow: 0 0 2em #fff;
  box-shadow: 0 0 2em #fff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  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;
  /* 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 {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  /* background-color-with-alpha */
  background-color: #111;
  background-color: rgba(17, 17, 17, 0.95);
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  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;
}
@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: 3em;
  line-height: 3em;
  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;
}
.vjs-default-skin .vjs-control:hover:before,
.vjs-default-skin .vjs-control:focus:before {
  color: #ceb94e;
}
.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;
  /* assuming volume starts at 1.0 */
  width: 100%;
  background: #ceb94e 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;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */
  left: 4.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: 0.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;
  /* updated by javascript during playback */
  width: 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: #ceb94e 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 */;
}
/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-default-skin.vjs-live .vjs-live-display {
  display: block;
}
/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time,
.vjs-default-skin .vjs-time-divider,
.vjs-default-skin .vjs-duration,
.vjs-default-skin .vjs-remaining-time {
  display: inline-block;
  float: none;
}
.vjs-default-skin .vjs-current-time div,
.vjs-default-skin .vjs-time-divider div,
.vjs-default-skin .vjs-duration div,
.vjs-default-skin .vjs-remaining-time div {
  line-height: 3em;
}
.vjs-default-skin .vjs-remaining-time {
  display: none;
}
/* 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 {
  display: block;
  z-index: 2;
  position: absolute;
  top: 41%;
  left: 50%;
  width: 85px;
  height: 70px;
  margin: -35px 0 0 -35px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* background-color-with-alpha */
  background-color: #111;
  background-color: rgba(17, 17, 17, 0.95);
  /* border-radius */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-default-skin:hover .vjs-big-play-button:before,
.vjs-default-skin .vjs-big-play-button:focus:before {
  color: #ceb94e;
}
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  line-height: 70px;
  text-align: center;
  font-size: 41px;
}
/* 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: #111;
  background-color: rgba(17, 17, 17, 0.95);
  /* 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;
  left: 2px;
  right: 2px;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.6em;
  text-align: center;
  margin-bottom: 0.1em;
  font-weight: bold;
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #fff;
}
.video-js .vjs-captions {
  color: #fff;
}
.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;
}
/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #ccc;
  background-color: #333;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460;
}
/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
/** 
* Feuille de styles editeur
* 
*
* @summary 
*   RESET
*   PARTIE CENTRALE : CONTENT 
*   ___ CONTENT => Mise en forme 
*   ___ CONTENT => Forms 
*
*/
/* VARIABLES / MIXINS 
---------------------------------------------------------------------------------------------------*/
/* VARIABLES => path */
/* VARIABLES => couleurs */
/* tout savoir sur l'alcool */
/* l'alcool est vous */
/* l'alcool et vos proches */
/* actualites */
/* parlons-en / questions/reponses */
/* forums / temoignages */
/* idees recues / a lire a voir */
/* a la une */
/* tout savoir sur l'alcool */
/* l'alcool est vous */
/* l'alcool et vos proches */
/* actualites */
/* parlons-en / questions/reponses */
/* forums / temoignages */
/* idees recues / a lire a voir */
/* a la une */
/* a la une */
/* a la une */
/* a la une */
/* MIXINS => fonts */
@font-face {
  font-family: 'alternate_gothic_fs_no_3Rg';
  src: url('../../../../adalis_socle/design/common/stylesheets/fonts/AlternateGothicNo3-webfont.eot');
  src: url('../../../../adalis_socle/design/common/stylesheets/fonts/AlternateGothicNo3-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../adalis_socle/design/common/stylesheets/fonts/AlternateGothicNo3-webfont.woff') format('woff'), url('../../../../adalis_socle/design/common/stylesheets/fonts/AlternateGothicNo3-webfont.ttf') format('truetype'), url('../../../../adalis_socle/design/common/stylesheets/fonts/AlternateGothicNo3-webfont.svg#alternate_gothic_fs_no_3Rg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icono_ais';
  src: url('../../../../adalis_socle/design/common/stylesheets/fonts/icono/ais.eot');
  src: url('../../../../adalis_socle/design/common/stylesheets/fonts/icono/ais.eot?#iefix') format('embedded-opentype'), url('../../../../adalis_socle/design/common/stylesheets/fonts/icono/ais.woff') format('woff'), url('../../../../adalis_socle/design/common/stylesheets/fonts/icono/ais.ttf') format('truetype'), url('../../../../adalis_socle/design/common/stylesheets/fonts/icono/ais.svg#ais') format('svg');
  font-weight: normal;
  font-style: normal;
}
.font_default {
  font-family: arial, verdana, sans-serif;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.font_alt {
  font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
.font_ico {
  font-family: 'icono_ais' !important;
  display: inline-block;
  speak: none;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none !important;
  font-size: 12px;
  line-height: 1;
}
.ico {
  font-family: 'icono_ais' !important;
  display: inline-block;
  speak: none;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none !important;
  font-size: 12px;
  line-height: 1;
}
/* MIXINS => util */
.mx_box_sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mx_clear:after {
  content: "";
  display: table;
  height: 0;
  clear: both;
}
.mx_hidden {
  position: absolute;
  left: -300em;
}
.mx_absolute_0 {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mx_shadow_none {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.mx_deco_shadow {
  position: relative;
  padding: 20px;
  background: #FFF;
}
.mx_deco_shadow:before,
.mx_deco_shadow:after {
  content: " ";
  position: absolute;
  clear: both;
  bottom: 18px;
  width: 50%;
  height: 10px;
  z-index: -10;
}
.mx_deco_shadow:before {
  left: 50px;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
}
.mx_deco_shadow:after {
  right: 50px;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
}
/* VARIABLES / MIXINS 
---------------------------------------------------------------------------------------------------*/
/* VARIABLES => path */
/* VARIABLES => couleurs */
/* tout savoir sur les drogues */
/* les drogues est vous */
/* les drogues et vos proches */
/* actualites */
/* parlons-en / questions/reponses */
/* forums / temoignages */
/* idees recues / a lire a voir */
/* a la une */
/* a la une */
/* a la une */
/* a la une */
@media screen {
  /** 
* Feuille de styles editeur
* 
*
* @summary 
*   RESET
*   PARTIE CENTRALE : CONTENT 
*   ___ CONTENT => Mise en forme 
*   ___ CONTENT => Forms 
*
*/
  /* RESET 
---------------------------------------------------------------------------------------------------*/
  html {
    margin: 0;
    padding: 0 0 4px 0;
    background: #fbfbfb;
    font-size: 100%;
    color: #666;
    line-height: 1.4em;
    font-family: arial, verdana, sans-serif;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
  }
  html * {
    margin: 0;
    padding: 0;
    border: none;
    line-height: 1.4em;
    vertical-align: baseline;
  }
  body {
    font-size: 0.75em;
    background: url('../../../../adalis_socle/design/common/images//bkgd/bkgd_body.png') repeat left top;
  }
  img,
  table,
  td,
  blockquote,
  code,
  pre,
  textarea,
  input,
  iframe,
  object,
  embed {
    max-width: 100%;
  }
  img {
    height: auto;
    vertical-align: middle;
  }
  textarea,
  table,
  td,
  th,
  code,
  pre,
  samp {
    word-wrap: break-word;
  }
  code,
  pre,
  samp {
    white-space: pre-line;
  }
  input,
  select,
  textarea {
    color: #666;
    font-size: 1em;
    font-family: arial, verdana, sans-serif;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  ::-webkit-input-placeholder {
    color: #999;
    font-size: 0.9em;
    opacity: 1 !important;
  }
  ::-moz-placeholder {
    color: #999;
    font-size: 0.9em;
    opacity: 1 !important;
  }
  input:-moz-placeholder {
    color: #999;
    font-size: 0.9em;
    opacity: 1 !important;
  }
  input.placeholder {
    color: #999;
    font-size: 0.9em;
  }
  /* PARTIE CENTRALE : CONTENT 
---------------------------------------------------------------------------------------------------*/
  /* ---------------  CONTENT => Mise en forme */
  [class^="rwd-"],
  [class*=" rwd-"] {
    display: none !important;
  }
  /* Mise en forme => titres */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 1em 0 0.2em 0;
    font-weight: normal;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    color: #484f60;
    line-height: 1;
  }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    text-decoration: none;
    color: #484f60;
    line-height: 1;
  }
  h1 a:hover,
  h2 a:hover,
  h3 a:hover,
  h4 a:hover,
  h5 a:hover,
  h6 a:hover,
  h1 a:focus,
  h2 a:focus,
  h3 a:focus,
  h4 a:focus,
  h5 a:focus,
  h6 a:focus {
    color: #ff5000;
  }
  h1 .social_mark,
  h2 .social_mark,
  h3 .social_mark,
  h4 .social_mark,
  h5 .social_mark,
  h6 .social_mark {
    float: right;
  }
  h1:first-child,
  h2:first-child,
  h3:first-child,
  h4:first-child,
  h5:first-child,
  h6:first-child {
    margin-top: 0;
  }
  h1 {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left bottom repeat-x;
    font-size: 2.7em;
    line-height: 1;
  }
  h1 small {
    display: block;
    font-family: arial, verdana, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 0.5em;
    font-weight: normal;
    text-transform: none;
  }
  h1 a {
    color: #484f60 !important;
  }
  h2 {
    font-size: 1.7em;
  }
  h2.title_section {
    margin: 10px 0 15px 0 !important;
    font-family: arial, verdana, sans-serif !important;
    color: #ff5000 !important;
    font-size: 1em !important;
    font-weight: bold;
    text-transform: uppercase;
  }
  h3 {
    margin-bottom: 0.5em;
    font-size: 1.5em;
  }
  h4 {
    margin-bottom: 0.5em;
    font-size: 1.3em;
  }
  h5 {
    margin-bottom: 0.5em;
    font-size: 1.2em;
    font-family: arial, verdana, sans-serif;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
  }
  h6 {
    margin-bottom: 0.5em;
    font-size: 1.1em;
    font-family: arial, verdana, sans-serif;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
  }
  header + h2,
  header + h3,
  header + h4,
  header + h5,
  header + h6 {
    margin-top: 0 !important;
  }
  h2:first-child,
  h3:first-child,
  h4:first-child,
  h5:first-child {
    margin-top: 0;
  }
  /* Mise en forme => meta */
  .meta {
    margin: 0;
    color: #999;
  }
  .meta strong {
    color: #ff5000;
    font-weight: normal;
  }
  .meta .ais {
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-size: 1.1em;
  }
  .meta .ais strong {
    font-weight: bold;
  }
  .author,
  .theme {
    color: #ff5000 !important;
  }
  .social_mark {
    position: relative;
    display: inline-block;
    min-width: 20px;
    padding: 0 2px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #ff5000;
    line-height: 17px;
    color: #fff;
    vertical-align: top;
    font-weight: bold;
    text-align: center;
    font-size: 0.9em;
  }
  .social_mark:after {
    content: " ";
    position: absolute;
    top: auto;
    right: auto;
    bottom: -5px;
    left: 5px;
    border: 7px solid #fff;
    border-width: 5px;
    border-color: transparent transparent transparent #ff5000;
  }
  .correct {
    color: #57a900;
  }
  .wrong {
    color: #d1411a;
  }
  /* Mise en forme => paragraphes et listes */
  p {
    margin-bottom: 1.5em;
  }
  ul,
  ul li {
    list-style: none;
    background: none;
  }
  ol {
    list-style-type: decimal;
    list-style-position: inside;
  }
  ul,
  ol {
    margin: 0 0 1.5em 1em;
  }
  ul ul,
  ol ul,
  ul ol,
  ol ol {
    margin: 0.7em 0 0.7em 1em;
  }
  ul li,
  ol li {
    overflow: hidden;
    margin-bottom: 0.5em;
  }
  .content ul li {
    position: relative;
    padding-left: 20px;
  }
  .content ul li:before {
    content: ">";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 8px;
    color: #999;
  }
  ul.no_style {
    margin-left: 0;
  }
  ul.no_style li {
    margin: 0;
    padding: 0;
  }
  ul.no_style li:before {
    display: none;
  }
  .list_attributes li {
    margin-bottom: 0;
    padding-left: 15px;
  }
  .domains_group p,
  .domains_group ul {
    display: inline-block;
    margin-bottom: 10px;
  }
  .content .domains,
  .content .legende {
    margin: 0 0 0 10px;
    vertical-align: middle;
  }
  .content .domains li,
  .content .legende li {
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
  }
  .content .domains li .tooltip,
  .content .legende li .tooltip {
    display: none;
    position: absolute;
    z-index: 99;
    bottom: 20px;
    left: -10px;
    padding: 5px;
    background: #fbfbfb;
    border: 1px solid #eee;
    text-transform: uppercase;
    font-size: 11px;
    white-space: nowrap;
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  .content .domains li:before,
  .content .legende li:before {
    content: "" !important;
    position: relative;
    width: 12px;
    height: 12px;
    top: auto;
    left: auto;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #999;
  }
  .content .domains li:hover .tooltip,
  .content .legende li:hover .tooltip {
    display: block;
  }
  .content .domains li.domaine_1:before,
  .content .legende li.domaine_1:before {
    background: #ff5000;
  }
  .content .domains li.domaine_2:before,
  .content .legende li.domaine_2:before {
    background: #57a900;
  }
  .content .domains li.domaine_3:before,
  .content .legende li.domaine_3:before {
    background: #5d9fb9;
  }
  .content .domains li.domaine_4:before,
  .content .legende li.domaine_4:before {
    background: #a474a6;
  }
  .content .domains li.domaine_5:before,
  .content .legende li.domaine_5:before {
    background: #ffa200;
  }
  .content .domains li.domaine_6:before,
  .content .legende li.domaine_6:before {
    background: #ceb94e;
  }
  .content .domains li.domaine_7:before,
  .content .legende li.domaine_7:before {
    background: #00a0a7;
  }
  .content .domains li.domaine_8:before,
  .content .legende li.domaine_8:before {
    background: #ff6de4;
  }
  .content .legende {
    clear: both;
  }
  .content .legende li {
    display: inline-block;
    width: 30%;
    margin: 0 0 5px 0;
  }
  .feedback {
    position: relative;
    margin-bottom: 2em;
    padding: 10px;
    background: #57a900;
    color: #FFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  }
  .feedback.error {
    background: #ff5000;
  }
  .feedback.info {
    background: #00a0a7;
  }
  .feedback h2 {
    margin: 0 0 0.5em 0;
    color: #FFF;
  }
  .feedback a {
    color: #FFF !important;
  }
  /* Mise en forme => liens */
  a {
    color: #666;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
  }
  .content a {
    color: #ff5000;
  }
  a:hover,
  a:focus {
    text-decoration: underline;
  }
  .link,
  .btn {
    margin: 0 0 5px 0;
    font-size: 1.3em;
    text-align: right;
  }
  .link a,
  .btn a,
  .link span,
  .btn span {
    display: inline-block;
    padding: 2px 15px;
    background-color: #ff5000;
    color: #fff !important;
    text-decoration: none;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
  }
  .link a:hover,
  .btn a:hover,
  .link span:hover,
  .btn span:hover,
  .link a:focus,
  .btn a:focus,
  .link span:focus,
  .btn span:focus {
    background-color: #666;
  }
  .link a .ico,
  .btn a .ico,
  .link span .ico,
  .btn span .ico {
    font-size: 13px;
    margin-right: 5px;
  }
  .link a + a,
  .btn a + a {
    margin-left: 5px;
  }
  .btn {
    clear: both;
    font-size: 1.5em;
  }
  .btn a,
  .btn span {
    border: 1px solid #999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  }
  .btn a .ico,
  .btn span .ico {
    margin-left: -5px;
  }
  .bouton {
    display: inline-block;
    padding: 2px 15px;
    border: 1px solid #999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #ff5000;
    color: #fff !important;
    text-decoration: none !important;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-size: 1.3em;
    font-weight: normal;
  }
  .bouton:hover,
  .bouton:focus {
    background-color: #666;
  }
  .bouton img {
    margin-right: 5px;
    vertical-align: middle;
  }
  .btn_map span {
    display: inline-block;
    width: 17px;
    margin-left: 10px;
    padding: 0 0 5px 0;
    line-height: 26px;
    background: url('../../../../adalis_socle/design/common/images//pictos/picto_map.png') no-repeat center center;
    text-align: center;
    color: #FFF;
    font-size: 0.8em;
    font-weight: bold;
    vertical-align: bottom;
  }
  .btn.close {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
  }
  .btn.close a {
    display: block;
    padding: 1px;
    border-color: #ccc;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background: #FFF !important;
    color: #999 !important;
  }
  .file {
    text-decoration: none !important;
    position: relative;
    padding-left: 20px;
  }
  .file:before {
    content: "";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
    color: #999;
    font-size: 13px;
    vertical-align: middle;
  }
  .file:hover,
  .file:focus {
    color: #666;
  }
  .video {
    position: relative;
    display: block;
  }
  .video:after {
    content: "►";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    font-size: 50px;
    color: #FFF;
  }
  .video:hover:after {
    color: #f4ff1c;
  }
  /* Mise en forme => citation */
  blockquote {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 1.5em 0;
    padding: 0 0 0 60px;
    font-style: italic;
    color: #999;
    font-size: 1.5em;
    line-height: 1;
  }
  blockquote:before {
    content: '"';
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    font-size: 40px;
    color: #eee;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  blockquote p {
    margin-bottom: 0.5em;
  }
  blockquote cite {
    font-style: normal;
    font-size: 0.7em;
    color: #484f60;
  }
  blockquote.simple {
    padding: 0;
    color: #666;
    font-size: 1em;
    line-height: 1.4em;
  }
  blockquote.simple:before {
    display: none;
  }
  /* Mise en forme => encadre */
  .factbox {
    width: 50%;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 1.5em 30px;
    padding: 10px;
    border: 1px solid #eee;
  }
  .factbox ul,
  .factbox ol {
    margin-left: 0;
  }
  .factbox_2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 1.5em 0;
    padding: 10px;
    border: 1px solid #eee;
    border-top: 4px solid #ff5000;
  }
  .factbox_2 ul,
  .factbox_2 ol {
    margin-left: 0;
  }
  /* Mise en forme => images */
  figure {
    position: relative;
    margin: 0 0 15px 0;
  }
  figure figcaption {
    display: block;
    margin: 5px 0 0 0;
    font-size: 0.75em;
    text-align: left;
    font-weight: bold;
  }
  figure figcaption cite {
    display: block;
    font-style: normal;
  }
  /* Mise en forme => videos */
  .media {
    position: relative;
    width: 100%;
    height: 0 !important;
    padding-bottom: 56.25%;
    margin: 0 0 20px 0;
    text-align: center;
  }
  .media iframe,
  .media object,
  .media embed,
  .media .video-js {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    text-align: left;
  }
  .media_player {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
  }
  .media_player object {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  /* Mise en forme => tableaux */
  /* tableaux de données */
  table {
    margin-bottom: 1.5em;
    border-collapse: collapse;
    width: 100%;
  }
  table caption {
    text-align: left;
    font-weight: bold;
    font-family: arial, verdana, sans-serif;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-size: 1.1em;
  }
  table tr:nth-child(2n) {
    background: #eee;
  }
  table th,
  table td {
    padding: 5px 10px;
    border: 1px solid #fff;
  }
  table th {
    background: #666;
    text-align: left;
    color: #fff;
    font-size: 1.1em;
    font-weight: normal;
  }
  /* tableaux de mise en page */
  table.table_form {
    margin-bottom: 0;
  }
  table.table_form tr {
    background: none !important;
  }
  table.table_form td {
    padding: 0 0 1em 0;
    background: none;
    border: 0;
    vertical-align: top;
    font-size: 1em;
  }
  table.table_form td + td {
    padding-left: 20px;
  }
  table.table_form h2,
  table.table_form h3,
  table.table_form h4 {
    margin: 0 0 1em 0;
  }
  /* Mise en forme => positionnement */
  .left,
  .object-left,
  .right,
  .object-right,
  .center,
  .object-center {
    display: table;
    table-layout: fixed;
  }
  .left,
  .object-left {
    float: left;
    margin-right: 20px;
  }
  .right,
  .object-right {
    float: right;
    margin-left: 20px;
  }
  .center,
  .object-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .center figure,
  .object-center figure {
    display: block;
  }
  .text-right {
    text-align: right;
  }
  .text-center {
    text-align: center;
  }
  .text-justify {
    text-align: justify;
  }
  /* Mise en forme => outils de mise en page */
  hr {
    clear: both;
    height: 1px;
    margin: 20px 0;
    padding: 0;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left bottom repeat-x;
  }
  .clear_spacer {
    clear: both;
  }
  .horschamp {
    position: absolute;
    left: -300em;
  }
  .hidden {
    display: none;
  }
  .visible {
    display: block;
  }
  .clear {
    clear: both;
  }
  /* ---------------  CONTENT => Forms */
  /* Forms => general */
  .form {
    position: relative;
    overflow: hidden;
  }
  .form h2,
  .form h3,
  .form h4 {
    margin: 15px 0;
    padding: 0;
    background: none !important;
    font-family: arial, verdana, sans-serif;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-size: 1em !important;
    text-transform: uppercase;
    font-weight: bold;
  }
  .form h4 {
    color: #ff5000;
  }
  .form ul {
    margin: 0;
  }
  .form ul li {
    padding: 0;
  }
  .form ul li:before {
    display: none;
  }
  .form p {
    margin: 10px 0;
  }
  .form.directory {
    float: right;
    min-width: 355px;
    margin: 0;
  }
  /* Forms => champs */
  .form .field {
    position: static;
    overflow: hidden;
    clear: both;
    margin: 0 10px 1em 10px;
    background: none;
  }
  .form label,
  .form .label {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 26%;
    padding: 3px 5px 3px 0;
    vertical-align: top;
    line-height: 1.2;
  }
  .form label span,
  .form .label span {
    color: #d1411a;
  }
  .form .text input,
  .form select,
  .form textarea {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 72%;
    height: 25px;
    padding: 4px 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 0.9em;
    color: #666;
  }
  .form .text input:focus,
  .form select:focus,
  .form textarea:focus {
    outline: 0;
  }
  .form .text input.disabled,
  .form select.disabled,
  .form textarea.disabled {
    background: #eee;
    border: 1px solid #eee;
    border-bottom: 1px solid #ccc;
  }
  .form .text input option,
  .form select option,
  .form textarea option {
    padding: 2px 7px;
  }
  .form textarea {
    height: 170px;
    line-height: 1;
  }
  .form textarea.large {
    width: 100%;
  }
  .form select {
    background: #fff url('../../../../adalis_socle/design/common/images//pictos/picto_select.png') no-repeat center right;
    cursor: pointer;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
  }
  .form select::-ms-expand {
    display: none;
  }
  .form input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 17px;
    width: 17px;
    background: url('../../../../adalis_socle/design/common/images//pictos/picto_search.png') no-repeat center center;
  }
  /* champs large */
  .form .large label {
    display: block;
    width: auto;
    text-align: left;
  }
  .form .large .text input,
  .form .large select,
  .form .large textarea {
    width: 100%;
  }
  /* champs short */
  .form .short .text input,
  .form .short select,
  .form .short textarea {
    width: 30%;
  }
  /* champs horizontal */
  .form .horizontal {
    margin: 0 0 1em 0;
  }
  .form .horizontal label {
    display: inline-block;
    width: 40%;
    text-align: left;
  }
  .form .horizontal input,
  .form .horizontal select,
  .form .horizontal textarea {
    width: auto;
  }
  .form .horizontal select {
    min-width: 100px;
  }
  .form .horizontal .info {
    margin-left: 42% !important;
  }
  .form .horizontal p {
    margin-bottom: 10px;
  }
  /* champs inline */
  .form .inline {
    overflow: hidden;
    float: left;
    clear: none;
    width: auto;
  }
  .form .inline + .inline {
    margin-left: 1.5em;
  }
  .form .inline label {
    width: auto;
    margin: 0 5px;
    vertical-align: middle;
    font-family: arial, verdana, sans-serif;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-size: 1em;
  }
  .form .inline input,
  .form .inline select,
  .form .inline textarea {
    width: auto;
    margin-right: 10px;
  }
  .form .inline select {
    min-width: 100px;
  }
  .form .inline select[name="country"] {
    min-width: 150px;
    margin-right: 0;
  }
  .form .inline.text input {
    width: auto;
    margin: 0;
  }
  /* champs checkbox */
  .form .checkbox label {
    display: inline;
    margin: 0;
    vertical-align: middle;
    font-family: arial, verdana, sans-serif;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-size: 1em;
  }
  .form .checkbox input {
    margin: -1px 5px 0 5px;
    vertical-align: middle;
  }
  /* champs fiche callback */
  .form.callback .label,
  .form.callback label {
    padding: 7px 5px 3px 0;
    width: 15%;
  }
  .form.callback .btn {
    position: relative;
    top: 1px;
  }
  .form.callback .btn a {
    padding: 0 15px;
  }
  /* Forms => fieldset */
  .form fieldset {
    clear: both;
    margin-bottom: 2em;
  }
  .form fieldset legend {
    width: 20%;
    display: block;
    float: left;
    margin: 3px 5px 0 0;
    padding: 0;
    border-width: 0;
    font-size: 1em;
    font-size: 1.15em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form fieldset ul {
    overflow: hidden;
  }
  .form fieldset.inline {
    float: none;
    margin-left: 10px;
  }
  .form fieldset.inline legend {
    width: 26%;
    margin-right: 0;
    padding-right: 5px;
    font-size: 1em;
  }
  .form fieldset.inline .field {
    margin: 0;
    display: inline;
  }
  /* Forms => boutons */
  .form .submit {
    clear: both;
    margin: 1em 0;
    text-align: right;
  }
  .form .submit.inline {
    clear: none;
    margin: 8px 0 0 0;
  }
  .form .submit.upper {
    margin: -3em 10px 3em 10px;
  }
  .form .submit input,
  .form .submit a {
    display: inline-block;
    padding: 3px 15px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background-color: #ff5000;
    border: 1px solid #999;
    -webkit-appearance: none !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-size: 1.5em;
    line-height: 1.2;
  }
  .form .submit input:hover,
  .form .submit a:hover,
  .form .submit input:focus,
  .form .submit a:focus {
    background-color: #666;
  }
  .form .submit input.large,
  .form .submit a.large {
    width: 100%;
  }
  /* champs .x2 */
  .form .x2:after {
    content: "";
    position: absolute;
    left: auto;
    top: 0;
    bottom: 30px;
    width: 1px;
    background: #eee;
    right: -4.2%;
  }
  .form .x2 + .x2:after {
    left: -4.3%;
    right: auto;
  }
  .form .x2 .btn {
    text-align: center;
  }
  .form .x2 .btn a {
    display: block;
  }
  .form .x2 .text {
    margin: 0 0 1em 0;
  }
  .form .x2 .text label {
    width: 35%;
  }
  .form .x2 .text input,
  .form .x2 .text select {
    width: 60%;
  }
  /* champs fields */
  .form .fields {
    clear: none;
    margin: 0 0 1em 0;
    max-width: 300px;
  }
  .form .fields label {
    display: block;
    width: auto;
    margin-bottom: 10px;
  }
  .form .fields .text {
    width: 85%;
  }
  .form .fields .submit {
    width: auto;
    float: right;
    margin: 0;
    padding: 4px;
    border: 1px solid #999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #ff5000;
  }
  .form .fields .submit:hover,
  .form .fields .submit:focus {
    background-color: #666;
  }
  /* Forms => erreurs */
  .form .error input,
  .form .error select,
  .form .error textarea {
    border-color: #ff5000;
  }
  .form .error label,
  .form .error label span {
    color: #ff5000;
  }
  .form .info {
    margin: 0 0 10px 0;
    color: #ff5000;
    font-size: 0.9em;
  }
  .form .info2 {
    color: #ff5000;
  }
  .form .field small {
    color: #999;
    font-style: italic;
  }
  .form .field .info {
    margin-left: 26%;
  }
  /* Forms => exceptions */
  .form.login .x2 .text label {
    width: 40%;
    text-align: left;
  }
  .form.login .x2 .text input {
    width: 45%;
  }
  .form.login .x2 .text .info {
    margin-left: 41%;
  }
  .form.login .x2 .submit {
    margin: -53px 0 50px 0;
  }
  .form.login .x2 .submit input {
    padding: 4px;
  }
}
@media screen and (max-width: 40em) {
  .content .legende li {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 40em) {
  /**
*
* @summary
*   LAYOUT
*   ___ LAYOUT => Grid
*   ___ LAYOUT => Header
*   ___ LAYOUT => Footer
*
*/
  /* LAYOUT => Grid
---------------------------------------------------------------------------------------------------*/
  .overflow {
    width: 96%;
    max-width: 980px;
    margin: 0 auto;
  }
  .overflow:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
  }
  .content {
    position: relative;
    clear: both;
    z-index: 2;
    width: 96%;
    max-width: 980px;
    margin: 0 auto;
  }
  .content:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
  }
  .col.small {
    width: 32.5%;
    float: right;
  }
  .col.medium {
    width: 65.3%;
    float: left;
  }
  .col.large {
    float: none;
    clear: both;
  }
  .col .x2 {
    position: relative;
    width: 48%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .col .x2 + .x2 {
    float: right;
  }
  .col .x2.textcenter {
    text-align: center;
  }
  .nav_mobile,
  .nav_mobile_btn {
    display: none;
  }
  /* LAYOUT => Header
---------------------------------------------------------------------------------------------------*/
  #header {
    position: relative;
    z-index: 3;
    margin-bottom: 35px;
    background: #fbfbfb;
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  #header:before {
    content: "";
    position: absolute;
    z-index: -1;
    height: 25px;
    width: 100%;
    background: #484f60;
  }
  #header p {
    margin: 0;
  }
  #header ul,
  #header li {
    margin: 0;
    padding: 0;
    background: none;
  }
  #header a {
    text-decoration: none;
  }
  .site_id img {
    width: calc(100% - 20px);
    margin-top: 35px;
  }
  /* ---------------  HEADER => shortcuts */
  #header .shortcuts {
    height: 25px;
    overflow: hidden;
    margin: 0 0 25px 0;
    background: #484f60;
    font-size: 0.9em;
    color: #FFF;
  }
  #header .shortcuts a {
    line-height: 25px;
    color: #FFF;
  }
  #header .shortcuts a:hover,
  #header .shortcuts a:focus {
    text-decoration: underline;
  }
  #header .shortcuts .selected a {
    background: #999;
  }
  #header .shortcuts .skiplink {
    display: inline;
  }
  #header .shortcuts .skiplink a {
    padding: 3px 10px;
  }
  #header .shortcuts .skiplink a:hover,
  #header .shortcuts .skiplink a:focus {
    background: #ff5000;
  }
  #header .shortcuts ul {
    display: inline;
    float: left;
  }
  #header .shortcuts ul li {
    display: inline;
  }
  #header .shortcuts ul a {
    padding: 6px 40px;
  }
  #header .shortcuts .pro {
    float: right;
  }
  #header .shortcuts .pro .pro_btn {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
  #header .shortcuts .pro .pro_btn a:before {
    content: "";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    margin-right: 7px;
  }
  #header .shortcuts .pro .login {
    padding-left: 40px;
  }
  #header .shortcuts .pro .login:before {
    content: "";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    margin-right: 7px;
  }
  #header .shortcuts .pro .login a {
    padding: 6px 2px;
  }
  /* ---------------  HEADER => title / logo */
  #header .site_id {
    float: left;
    width: 30%;
    margin: 0;
    font-size: 1em;
    background: none;
  }
  #header .site_id .tel {
    display: none;
  }
  /* ---------------  HEADER => main navigation */
  #header .nav {
    width: 67.5%;
    float: right;
  }
  #header #search {
    position: relative;
    z-index: 10;
    float: right;
    width: 161px;
    margin-bottom: 30px;
  }
  #header #search * {
    border: none;
    background: none;
    -webkit-appearance: none;
  }
  #header #search .text {
    width: 130px;
    padding: 0 3px;
    border: 1px solid #999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 25px;
    background-color: #eee;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  }
  #header #search .submit {
    float: right;
    padding: 4px;
    border: 1px solid #999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #ff5000;
  }
  #header #search .submit:hover,
  #header #search .submit:focus {
    background-color: #666;
  }
  #header #main_nav {
    position: relative;
    z-index: 1;
    float: right;
    clear: both;
    display: table;
    width: 100%;
  }
  #header #main_nav .nav_item {
    position: relative;
    overflow: visible;
    display: table-cell;
    border-top: 5px solid #ff5000;
    text-align: center;
  }
  #header #main_nav .nav_item > a {
    display: inline-block;
    padding: 10px 5px 15px 5px;
    font-size: 1.4em;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    color: #484f60;
  }
  #header #main_nav .nav_item > a:hover,
  #header #main_nav .nav_item > a:focus {
    color: #ff5000;
  }
  #header #main_nav .nav_item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #eee;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
    background: -o-linear-gradient(top, #fff 0%, #eee 100%);
    background: -ms-linear-gradient(top, #fff 0%, #eee 100%);
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#eee);
  }
  #header #main_nav .nav_item.hasChild > a:after {
    content: "v";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    color: #ff5000;
    margin-left: 8px;
    font-size: 14px;
  }
  #header #main_nav .nav_item:first-child:before {
    display: none;
  }
  #header #main_nav .nav_item.color_1 {
    border-color: #ffa200;
  }
  #header #main_nav .nav_item.color_1 > a:hover,
  #header #main_nav .nav_item.color_1 > a:focus {
    color: #ffa200;
  }
  #header #main_nav .nav_item.color_1 > a:hover:after,
  #header #main_nav .nav_item.color_1 > a:focus:after {
    color: #ffa200;
  }
  #header #main_nav .nav_item.color_1.open > a {
    color: #ffa200;
  }
  #header #main_nav .nav_item.color_1.open > a:after {
    color: #ffa200;
  }
  #header #main_nav .nav_item.color_1.selected > a {
    color: #ffa200;
  }
  #header #main_nav .nav_item.color_1.selected > a:after {
    color: #ffa200;
  }
  #header #main_nav .nav_item.color_2 {
    border-color: #ff7e00;
  }
  #header #main_nav .nav_item.color_2 > a:hover,
  #header #main_nav .nav_item.color_2 > a:focus {
    color: #ff7e00;
  }
  #header #main_nav .nav_item.color_2 > a:hover:after,
  #header #main_nav .nav_item.color_2 > a:focus:after {
    color: #ff7e00;
  }
  #header #main_nav .nav_item.color_2.open > a {
    color: #ff7e00;
  }
  #header #main_nav .nav_item.color_2.open > a:after {
    color: #ff7e00;
  }
  #header #main_nav .nav_item.color_2.selected > a {
    color: #ff7e00;
  }
  #header #main_nav .nav_item.color_2.selected > a:after {
    color: #ff7e00;
  }
  #header #main_nav .nav_item.color_3 {
    border-color: #ff6c00;
  }
  #header #main_nav .nav_item.color_3 > a:hover,
  #header #main_nav .nav_item.color_3 > a:focus {
    color: #ff6c00;
  }
  #header #main_nav .nav_item.color_3 > a:hover:after,
  #header #main_nav .nav_item.color_3 > a:focus:after {
    color: #ff6c00;
  }
  #header #main_nav .nav_item.color_3.open > a {
    color: #ff6c00;
  }
  #header #main_nav .nav_item.color_3.open > a:after {
    color: #ff6c00;
  }
  #header #main_nav .nav_item.color_3.selected > a {
    color: #ff6c00;
  }
  #header #main_nav .nav_item.color_3.selected > a:after {
    color: #ff6c00;
  }
  #header #main_nav .nav_item.color_4 {
    border-color: #ff5000;
  }
  #header #main_nav .nav_item.color_4 > a:hover,
  #header #main_nav .nav_item.color_4 > a:focus {
    color: #ff5000;
  }
  #header #main_nav .nav_item.color_4 > a:hover:after,
  #header #main_nav .nav_item.color_4 > a:focus:after {
    color: #ff5000;
  }
  #header #main_nav .nav_item.color_4.open > a {
    color: #ff5000;
  }
  #header #main_nav .nav_item.color_4.open > a:after {
    color: #ff5000;
  }
  #header #main_nav .nav_item.color_4.selected > a {
    color: #ff5000;
  }
  #header #main_nav .nav_item.color_4.selected > a:after {
    color: #ff5000;
  }
  #header #main_nav .subnav {
    background-color: #fff;
    zoom: 1;
    background-color: transparent\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6ffffff, endColorstr=#e6ffffff)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6ffffff, endColorstr=#e6ffffff);
    background-color: hsla(0, 0%, 100%, 0.9);
    text-align: left;
  }
  #header #main_nav .subnav li {
    font-weight: bold;
    padding: 7px 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 1.1em;
  }
  #header #main_nav .subnav li li {
    padding: 3px 0;
    border: 0;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.2;
  }
  #header #main_nav .subnav li a {
    display: block;
    color: #484f60;
    line-height: 1.2;
  }
  #header #main_nav .subnav li a:hover,
  #header #main_nav .subnav li a:focus {
    color: #ff5000;
  }
  /* ---------------  HEADER => actions */
  .js_active #main_nav .subnav {
    display: none;
    position: absolute;
    left: 0;
    right: -120px;
  }
  .js_active #main_nav .open .subnav {
    display: block;
  }
  .js_active #header .skiplink {
    position: absolute;
    left: -5000em;
  }
  .js_active #header .skiplink.open {
    position: relative;
    left: auto;
  }
  /* LAYOUT => Footer
---------------------------------------------------------------------------------------------------*/
  #footer {
    position: relative;
    z-index: 1;
    clear: both;
    -moz-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
    background: #FFF;
  }
  #footer p {
    margin: 0;
  }
  #footer ul {
    margin: 0;
  }
  #footer li {
    margin: 0;
    padding: 0;
    background: none;
  }
  #footer strong {
    display: block;
    margin: 20px 0 5px 0;
    font-weight: normal;
    font-size: 1.4em;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
  }
  #footer .social {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #388a36;
    background: #67ab1f url("../../../../adalis_socle/design/common/images//bkgd/bkgd_footer.png") repeat-x top;
    color: #fff;
  }
  #footer .social:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
  }
  #footer .social .site_id {
    float: left;
    max-width: 30%;
  }
  #footer .social .follow {
    float: right;
    max-width: 60%;
  }
  #footer .social .follow * {
    vertical-align: middle;
  }
  #footer .social .follow ul,
  #footer .social .follow p,
  #footer .social .follow strong {
    margin: 0;
    display: inline-block;
  }
  #footer .social .follow strong {
    margin-right: 10px;
  }
  #footer .social .follow li {
    display: inline-block;
    margin-right: 5px;
  }
  #footer .social .follow img {
    width: 20px;
    height: 20px;
  }
  #footer .social .follow .facebook {
    display: block;
  }
  #footer .shortcuts {
    overflow: hidden;
    background: #fff;
  }
  #footer .shortcuts a:hover,
  #footer .shortcuts a:focus {
    text-decoration: underline;
  }
  #footer .shortcuts .block {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #footer .shortcuts .block ul {
    font-size: 0.8em;
    margin-bottom: 15px;
  }
  #footer .shortcuts .block li {
    margin-bottom: 0.3em;
  }
  #footer .shortcuts .block a {
    line-height: 1.2;
  }
  #footer .shortcuts .block + .block {
    padding-left: 3%;
  }
  #footer .shortcuts .legal {
    clear: both;
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #eee;
  }
  #footer .shortcuts .legal * {
    vertical-align: middle;
  }
  #footer .shortcuts .legal ul {
    float: left;
  }
  #footer .shortcuts .legal ul li {
    display: inline-block;
    margin-right: 40px;
  }
  #footer .shortcuts .legal ul + ul {
    float: right;
    margin-top: 10px;
  }
  #footer .shortcuts .legal ul + ul li {
    display: inline-block;
    margin: 0 0 0 20px;
  }
  .content footer .social img {
    height: 20px;
  }
}
@media screen {
  /**
* Feuille de style structure
*
*
* @summary
*   PAGE LAYOUT
*   EN TETE DE PAGE : HEADER
*   ___ HEADER    => shortcuts
*   ___ HEADER    => title / logo
*   ___ HEADER    => main navigation
*   ___ HEADER    => actions
*   PARTIE CENTRALE : CONTENT
*   ___ CONTENT => Blocs
*   ___ CONTENT => Vues
*   ___ CONTENT => Navigation
*   ___ CONTENT => Full
*   ___ CONTENT => Comportements
*   PIED DE PAGE : FOOTER
*
*/
  /* PARTIE CENTRALE : CONTENT
---------------------------------------------------------------------------------------------------*/
  /* ---------------  CONTENT => Block */
  /* Block => general  */
  .content .block {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 20px;
    background: #FFF;
    margin-bottom: 25px;
    padding: 10px 20px !important;
    border-top: 5px solid #ff5000;
  }
  .content .block:before,
  .content .block:after {
    content: " ";
    position: absolute;
    clear: both;
    bottom: 18px;
    width: 50%;
    height: 10px;
    z-index: -10;
  }
  .content .block:before {
    left: 50px;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
  }
  .content .block:after {
    right: 50px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
  }
  .content .block.no_style {
    border-top: 0;
  }
  .content .block > h2:first-child {
    margin: 0 0 0.2em 0;
    line-height: 1.4;
    font-size: 1.5em;
    color: #ff5000;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
  }
  .content .small .block,
  .content .x2 .block {
    padding: 5px 10px 10px 10px !important;
  }
  .content .small .block:before,
  .content .x2 .block:before {
    display: none;
  }
  .content .small .block:after,
  .content .x2 .block:after {
    bottom: 15px;
    left: 20%;
    right: 20%;
    width: auto;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
  }
  .content .block.actu h1 {
    font-size: 2.2em;
  }
  /* ---------------  CONTENT => View */
  /* View => general */
  .view {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .view .ill {
    margin: 0;
  }
  .view h3 {
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left bottom repeat-x;
    font-size: 2em;
  }
  .view .desc {
    overflow: hidden;
  }
  .view .intro {
    margin: 0;
  }
  .btn + .view {
    margin-top: 50px;
  }
  .btn.close + .view {
    margin-top: 0;
  }
  /* View => types de view */
  /* View resume */
  .content .resume {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 25px;
    padding: 20px 20px 10px 20px;
    position: relative;
    padding: 20px;
    background: #FFF;
  }
  .content .resume:before,
  .content .resume:after {
    content: " ";
    position: absolute;
    clear: both;
    bottom: 18px;
    width: 50%;
    height: 10px;
    z-index: -10;
  }
  .content .resume:before {
    left: 50px;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
  }
  .content .resume:after {
    right: 50px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
  }
  .content .resume .ill {
    float: left;
    margin-right: 15px;
  }
  .content .resume h3 {
    margin-bottom: 10px;
    padding-bottom: 15px;
    font-family: arial, verdana, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #ff5000;
  }
  .content .resume h3 a {
    color: #ff5000;
  }
  .content .resume .btn_map {
    position: absolute;
    right: 20px;
    top: 5px;
    margin: 0;
  }
  .content .resume .btn_map + h3 {
    padding-right: 150px;
  }
  .content .resume .form {
    float: left;
    margin: 0 10px 10px 50px;
  }
  .content .resume .form + .intro {
    margin-top: 10px;
  }
  .content .resume .ill + .form {
    margin-left: 0;
  }
  .content .resume .link {
    margin-top: 10px;
  }
  .content .resume .link a:before {
    content: "";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    margin-right: 8px;
    font-size: 13px;
  }
  .content .block .resume {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0 0 20px 0;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left bottom repeat-x;
  }
  .content .block .resume h3 {
    margin-bottom: 5px;
    padding: 0;
    background: none;
  }
  .content .block .resume h3 + .meta {
    margin-bottom: 5px;
  }
  .content .block.resume .intro {
    overflow: hidden;
  }
  /* View box */
  .content .box {
    float: left;
    width: 31%;
  }
  .content .box:nth-child(3n-1) {
    margin-left: 3%;
    margin-right: 3%;
  }
  .content .box:nth-child(3n-2) {
    clear: both;
  }
  .content .box h3 {
    padding: 0;
    background: none;
    font-size: 1.7em;
  }
  .content .box h3 a {
    color: #666;
  }
  .content .box .ill {
    margin-bottom: 15px;
  }
  /* View list */
  .content .list > .ill {
    margin: 5px 0 10px 0;
    border-bottom: 5px solid #ff5000;
  }
  .content .list h3 a {
    color: #484f60;
  }
  .content .list ul {
    margin: 0;
    padding: 0;
  }
  .content .list li {
    overflow: hidden;
    margin: 0;
    padding: 0 0 10px 0;
  }
  .content .list li:before {
    display: none;
  }
  .content .list li a {
    overflow: hidden;
    color: #666;
  }
  .content .list li a > strong {
    text-decoration: underline;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.1em;
  }
  .content .list li a .social_mark {
    float: right;
    padding: 1px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #999;
  }
  .content .list li a .social_mark:after {
    border-left-color: #999;
  }
  .content .list li a .intro {
    display: block;
    line-height: 1.2;
  }
  .content .list li a .ill {
    max-width: 80px;
    float: left;
    margin-right: 15px;
    min-height: 95px;
  }
  .content .list li .meta {
    display: block;
    margin-top: 4px;
  }
  .content .list li .vignette {
    min-height: 125px;
    margin: 0;
  }
  .content .list li .alire {
    display: table-cell;
  }
  .content .list li + li {
    padding: 10px 0;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left top repeat-x;
  }
  .content .color_7 .list a > strong {
    font-size: 1em;
  }
  .content .list_form fieldset {
    overflow: hidden;
    margin: 0;
    padding: 0 0 10px 0;
  }
  .content .list_form fieldset legend {
    width: 75%;
    font-size: 1em;
  }
  .content .list_form fieldset li {
    padding: 0;
    background: none;
    font-size: 1.2em;
  }
  .content .list_form fieldset + fieldset {
    padding: 10px 0;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left top repeat-x;
  }
  /* View table */
  .content .table tr {
    background: none;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left bottom repeat-x;
  }
  .content .table th,
  .content .table td {
    padding: 12px 5px;
    border: 0;
    vertical-align: middle;
  }
  .content .table th {
    min-width: 90px;
    padding-top: 0;
    background: none;
    color: #ff5000;
    text-transform: uppercase;
    font-weight: bold;
  }
  .content .table th a {
    color: #ff5000;
    text-decoration: none;
  }
  .content .table a {
    color: #666;
  }
  .content .table .link {
    font-size: 1em;
    font-weight: bold;
  }
  .content .table .date {
    display: block;
    min-width: 150px;
    font-size: 0.9em;
  }
  .content .table .sortable a:after {
    content: "v";
    margin-left: 10px;
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    color: #999;
    font-size: 8px;
  }
  .content .table .no_max {
    display: block;
    margin: 0 auto 20px auto;
    padding: 3px 25px;
    background: #999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    outline: 0;
  }
  .content .table .no_max:hover,
  .content .table .no_max:focus {
    background: #484f60;
  }
  .content .table .no_max:before {
    content: "^";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    margin-right: 10px;
  }
  .content .table.max_items tr:nth-child(n+5) {
    display: none;
  }
  .content .table.max_items .no_max:before {
    content: "v";
  }
  /* View comment */
  .content .comment {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left bottom repeat-x;
  }
  .content .comment .meta {
    margin-bottom: 5px;
    font-weight: bold;
  }
  .content .comment:last-child {
    background-image: none;
  }
  .content .comment_form {
    position: relative;
    border-top: 5px solid #999;
    margin: 20px -20px 0 -20px;
    padding: 20px 20px 0 20px;
  }
  /* View form */
  .content .view.form {
    clear: both;
  }
  /* View article */
  .content .article {
    overflow: hidden;
  }
  .content .article h3 {
    position: relative;
    clear: both;
    padding-top: 8px;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left bottom repeat-x;
  }
  .content .article h3:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left bottom repeat-x;
  }
  .content .article h3 a {
    color: #484f60;
  }
  .content .article .btn {
    text-align: left;
  }
  /* View contact */
  .content .contact p,
  .content .contact label {
    margin: 0 0 0.7em 0;
  }
  .content .contact figure {
    margin: 10px 15px 15px 15px;
  }
  .content .contact .field {
    margin: 0;
    text-align: left !important;
  }
  .content .contact .field + .field {
    margin-top: 7px;
  }
  .content .contact .field select {
    width: 100%;
  }
  .content .contact .btn {
    clear: none;
    margin: 0;
  }
  .content .contact .chat_offline span {
    background-color: #666;
    cursor: text;
  }
  .content .contact .tabs_section {
    clear: both;
    min-height: 105px;
  }
  .content .contact .desc * {
    text-align: center;
  }
  /* View map */
  .content .map {
    border: 1px solid #999;
    overflow: hidden;
  }
  .content .map .gmap {
    width: 100%;
    height: 300px;
  }
  .content .map img {
    max-width: none;
    width: auto;
  }
  /* block visio */
  .content .visio {
    padding: 10px !important;
  }
  .content .visio .visio_content {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 390px;
  }
  .content .visio .visio_content .view {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    background: #FFF;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .content .visio .visio_content .view.active {
    opacity: 1;
    z-index: 10;
  }
  .content .visio .visio_content .view .ill {
    margin-bottom: 10px;
    border-bottom: 5px solid #ff5000;
  }
  .content .visio .visio_content .view .desc {
    background: #FFF;
  }
  .content .visio .visio_content .view .desc h3 {
    margin: 0;
    padding: 0;
    background: none;
    font-size: 2.7em;
    line-height: 1;
  }
  .content .visio .visio_content .view .desc h3 a {
    color: #484f60;
    line-height: 1;
  }
  .content .visio .visio_content .view .desc .intro {
    margin-right: 150px;
  }
  .content .visio .visio_content .view .desc .link {
    position: absolute;
    right: 0;
    bottom: 10px;
    margin: 0;
    font-size: 1em;
  }
  .content .visio .visio_content .view .desc .link a {
    margin-top: -50px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
    background: -o-linear-gradient(top, #fff 0%, #eee 100%);
    background: -ms-linear-gradient(top, #fff 0%, #eee 100%);
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#eee);
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-family: arial, verdana, sans-serif;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    color: #666 !important;
    font-weight: normal;
  }
  .content .visio .visio_content .view .desc .link a:before {
    content: ">";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    margin-right: 5px;
    font-size: 8px;
  }
  .content .visio .visio_nav p {
    position: absolute;
    z-index: 2;
    top: 130px;
    left: 20px;
    right: 20px;
    margin: 0;
  }
  .content .visio .visio_nav p a {
    display: block;
    float: left;
    color: #FFF;
    text-decoration: none;
    outline: 0;
  }
  .content .visio .visio_nav p a .ico {
    font-size: 30px;
  }
  .content .visio .visio_nav p a.nav_next {
    float: right;
  }
  .content .visio .visio_nav p a:hover,
  .content .visio .visio_nav p a:focus {
    color: #999;
  }
  .content .visio .visio_nav ul {
    position: absolute;
    z-index: 2;
    top: 240px;
    right: 20px;
    margin: 0;
  }
  .content .visio .visio_nav ul li {
    display: inline;
    margin: 0;
    padding: 0;
  }
  .content .visio .visio_nav ul li:before {
    display: none;
  }
  .content .visio .visio_nav ul a {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #ccc;
    background: #FFF;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
    background: -o-linear-gradient(top, #fff 0%, #eee 100%);
    background: -ms-linear-gradient(top, #fff 0%, #eee 100%);
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#eee);
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    text-indent: -3000em;
    outline: 0;
  }
  .content .visio .visio_nav ul .selected a,
  .content .visio .visio_nav ul a:hover,
  .content .visio .visio_nav ul a:focus {
    background: #999;
    border-color: #666;
  }
  .content .visio_alt .visio_content {
    width: 300px;
    height: 230px;
    margin: 0 auto;
  }
  .content .visio_alt .visio_content .view .desc h3 {
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-size: 1.7em;
    font-weight: normal;
  }
  .content .visio_alt .visio_content .view .ill {
    position: relative;
    padding: 20px;
    background: #FFF;
    margin: 0 30px 0 0;
    padding: 0;
    border: 0;
  }
  .content .visio_alt .visio_content .view .ill:before,
  .content .visio_alt .visio_content .view .ill:after {
    content: " ";
    position: absolute;
    clear: both;
    bottom: 18px;
    width: 50%;
    height: 10px;
    z-index: -10;
  }
  .content .visio_alt .visio_content .view .ill:before {
    left: 50px;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
  }
  .content .visio_alt .visio_content .view .ill:after {
    right: 50px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
  }
  .content .visio_alt .visio_content .view:after,
  .content .visio_alt .visio_content .view:before {
    display: none;
  }
  .content .visio_alt .visio_nav p {
    top: 160px;
  }
  .content .visio_alt .visio_nav p a {
    color: #999;
  }
  .content .visio_alt .visio_nav p a:hover,
  .content .visio_alt .visio_nav p a:focus {
    color: #484f60;
  }
  .content .visio_alt .visio_nav ul {
    position: absolute;
    top: auto;
    bottom: 20px;
    right: 20px;
  }
  .content .visio_video {
    padding: 10px !important;
  }
  /* ---------------  CONTENT => Navigation

/* Navigation => general */
  .content .nav p,
  .content .nav ul {
    margin: 0;
  }
  .content .nav li {
    overflow: visible;
    position: relative;
    margin-bottom: 0.5em;
    line-height: 1.2;
  }
  .content .nav a {
    line-height: 1.2;
  }
  /* Navigation => Fil d'ariane */
  .content .toolsbox {
    clear: both;
  }
  .content .toolsbox .breadcrumbs {
    margin: -20px 0 10px 0;
    text-transform: uppercase;
  }
  .content .toolsbox .breadcrumbs a {
    display: inline;
    color: #666;
  }
  .content .toolsbox .breadcrumbs a:after {
    content: ">";
    margin: 0 5px 0 7px;
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    color: #999;
    font-size: 9px;
  }
  .content .toolsbox .breadcrumbs a:hover,
  .content .toolsbox .breadcrumbs a:focus {
    color: #ff5000;
    text-decoration: none;
  }
  .content .toolsbox .breadcrumbs img {
    vertical-align: baseline;
  }
  /* Navigation => pagination */
  .content .pagination {
    clear: both;
    margin: 20px 0;
    color: #999;
  }
  .content .pagination .pages {
    text-align: right;
  }
  .content .pagination .pages li {
    display: inline;
    margin: 0;
    padding: 0 5px;
  }
  .content .pagination .pages li:before {
    display: none;
  }
  .content .pagination .pages li a,
  .content .pagination .pages li strong {
    display: inline-block;
    font-weight: normal;
    color: #999;
    text-decoration: none;
  }
  .content .pagination .pages li a:hover,
  .content .pagination .pages li strong:hover,
  .content .pagination .pages li a:focus,
  .content .pagination .pages li strong:focus {
    color: #000;
  }
  .content .pagination .pages li strong {
    color: #000;
  }
  .content .pagination .pages li.picto {
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    font-size: 13px;
  }
  /* Navigation => pagination alpha */
  .content .pagination.alpha {
    margin: 20px -20px -10px -20px;
    padding-top: 20px;
    border-top: 2px solid #e9e6e1;
  }
  .content .pagination.alpha .info {
    margin: 20px 0;
    text-align: center;
  }
  .content .pagination.alpha .info h3 {
    margin-bottom: 5px;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    font-size: 2em;
    color: #ff5000;
  }
  .content .pagination.alpha .pages {
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-size: 2em;
    display: table;
    width: 100%;
    text-align: center;
  }
  .content .pagination.alpha .pages li {
    display: table-cell;
    padding: 0;
  }
  .content .pagination.alpha .pages li a,
  .content .pagination.alpha .pages li strong,
  .content .pagination.alpha .pages li span {
    padding: 15px 7px;
    display: inline-block;
    line-height: 1.4;
  }
  .content .pagination.alpha .pages li a {
    color: #ff5000;
  }
  .content .pagination.alpha .pages li a:hover,
  .content .pagination.alpha .pages li a:focus {
    color: #FFF;
    background: #ff5000;
  }
  .content .pagination.alpha .pages li span {
    color: #999;
  }
  .content .pagination.alpha .pages li strong {
    position: relative;
    color: #FFF;
    background: #ff5000;
  }
  .content .pagination.alpha .pages li strong:after {
    content: " ";
    position: absolute;
    top: auto;
    right: auto;
    bottom: -10px;
    left: 7px;
    border: 7px solid #fff;
    border-width: 5px;
    border-color: #ff5000 transparent transparent transparent;
  }
  /* Navigation => summary */
  .content .summary {
    font-size: 1.2em;
  }
  .content .summary li:before {
    content: "";
    top: 2px;
    font-size: 13px;
  }
  .content .summary a {
    color: #ff5000;
  }
  .content .x2 .summary h3 {
    font-size: 1.7em;
    padding-bottom: 5px;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left bottom repeat-x;
  }
  /* Navigation => facets */
  .content .facets {
    margin: 20px 0;
    padding-bottom: 20px;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left bottom repeat-x;
  }
  .content .facets p {
    margin-bottom: 1em;
    font-size: 0.9em;
    font-weight: bold;
  }
  .content .facets li {
    padding: 0;
    margin-bottom: 15px;
  }
  .content .facets li:before {
    display: none;
  }
  .content .facets li strong {
    display: inline-block;
    width: 19%;
    vertical-align: top;
  }
  .content .facets li ul {
    display: inline-block;
    width: 80%;
  }
  .content .facets li li {
    display: inline-block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 49%;
    margin-bottom: 0;
    padding-right: 2%;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .content .facets li a {
    position: relative;
    padding-left: 20px;
    color: #666;
    text-decoration: none;
    line-height: 1.4;
  }
  .content .facets li a:before {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #999;
    background: #eee;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
  }
  .content .facets li .selected a:before,
  .content .facets li a:active:before,
  .content .facets li a:focus:before {
    background: #ff5000;
  }
  .content .list_criteres {
    display: none;
  }
  /* Navigation => sitemap */
  .content .sitemap {
    font-size: 1.2em;
  }
  .content .sitemap h3 {
    margin: 0 0 10px 0;
    font-family: arial, verdana, sans-serif;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25em;
  }
  .content .sitemap ul {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left bottom repeat-x;
  }
  .content .sitemap h3 + h3 {
    padding: 10px 0;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left top repeat-x;
  }
  .content .sitemap li:before {
    top: 4px;
  }
  .content .sitemap a {
    color: #666;
  }
  /* Navigation => onglets */
  .content .tabs,
  .content .alcoometre_tabs {
    clear: both;
    border-bottom: 1px solid #ccc;
  }
  .content .tabs:after,
  .content .alcoometre_tabs:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
  }
  .content .tabs ul,
  .content .alcoometre_tabs ul {
    display: table;
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }
  .content .tabs li,
  .content .alcoometre_tabs li {
    display: table-cell;
    margin: 0;
    padding: 0;
  }
  .content .tabs li:before,
  .content .alcoometre_tabs li:before {
    display: none;
  }
  .content .tabs a,
  .content .alcoometre_tabs a {
    position: relative;
    display: block;
    padding: 2px;
    border: 1px solid #eee;
    border-bottom: 0;
    text-align: center;
  }
  .content .tabs a img,
  .content .alcoometre_tabs a img {
    width: 80%;
  }
  .content .tabs a:hover,
  .content .alcoometre_tabs a:hover,
  .content .tabs a:focus,
  .content .alcoometre_tabs a:focus {
    background: #eee;
  }
  .content .tabs li.on a,
  .content .alcoometre_tabs li.on a,
  .content .tabs .selected a,
  .content .alcoometre_tabs .selected a {
    border-color: #ccc;
    background: #eee;
  }
  .content .tabs li.on a:after,
  .content .alcoometre_tabs li.on a:after,
  .content .tabs .selected a:after,
  .content .alcoometre_tabs .selected a:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #eee;
  }
  .content .tabs li:first-child a,
  .content .alcoometre_tabs li:first-child a {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
  }
  .content .tabs li:last-child a,
  .content .alcoometre_tabs li:last-child a {
    border-radius: 0 3px 0 0;
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
  }
  .content .tabs a img {
    max-width: 50px;
  }
  .content .tabs_section {
    padding: 10px 6px;
    background: #eee;
  }
  .content .tabs_section h3:after {
    display: none;
  }
  /* ---------------  CONTENT => Full */
  /* Full => header & footer */
  .content header .toolsbox {
    position: relative;
    z-index: 2;
    margin: -5px 0 0.2em 0;
    font-size: 1.5em;
    color: #ff5000;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
  }
  .content header .toolsbox .tools {
    float: right;
    margin-top: -2px;
  }
  .content header .toolsbox .tools a {
    padding-left: 5px;
  }
  .content header .ill_pano {
    margin: -21px 0 20px 0;
  }
  .content header .ill_pano img {
    width: 100%;
  }
  .content header .ill {
    float: left;
    width: 250px;
    margin-right: 20px;
  }
  .content header h1 + .meta {
    margin-top: -10px;
  }
  .content header .meta {
    margin-bottom: 20px;
    color: #999;
  }
  .content header .meta > span + span:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    margin: 0 15px;
    background: #666;
    vertical-align: bottom;
  }
  .content header .meta .social_mark {
    margin-right: 5px;
  }
  .content header .summary {
    position: relative;
    z-index: 2;
    float: right;
    width: 40%;
    margin: 0 0 30px 30px;
  }
  .content header .summary a {
    color: #999;
  }
  .content header .summary strong {
    color: #666;
  }
  .content header .map {
    float: right;
    margin: 0 0 15px 20px;
  }
  .content header .map .gmap {
    width: 250px;
    height: 150px;
  }
  .content header .map + .intro {
    min-height: 150px;
  }
  .content footer {
    clear: both;
    margin-top: -1px;
    padding: 20px 0 0 0;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left top repeat-x;
  }
  .content footer .social p {
    float: left;
    margin: 0 20px 0 0;
  }
  .content footer .social img {
    height: 20px;
  }
  .content footer:first-child {
    background: none;
    padding: 0;
  }
  .content .btn + footer {
    margin-top: 20px;
  }
  /* Full => Editorial */
  .content .editorial:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
  }
  .content .editorial .intro {
    font-weight: bold;
  }
  .content .editorial .conclusion {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 20px 10px 0 10px;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left top repeat-x;
    background-color: #eee;
  }
  /* Full => Results */
  .content .results:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
  }
  .content .results .pagination {
    position: relative;
    padding: 20px;
    background: #FFF;
  }
  .content .results .pagination:before,
  .content .results .pagination:after {
    content: " ";
    position: absolute;
    clear: both;
    bottom: 18px;
    width: 50%;
    height: 10px;
    z-index: -10;
  }
  .content .results .pagination:before {
    left: 50px;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
  }
  .content .results .pagination:after {
    right: 50px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
  }
  /* Full => Home */
  .home .content .x2 .no_style li {
    min-height: 100px;
  }
  .home .content .x2:nth-child(even) {
    float: right;
  }
  .home .content .x2:nth-child(odd) {
    float: left;
    clear: both;
  }
  /* Full => alcoometre */
  #alcoometre-wrapper {
    margin: 10px 0;
  }
  #alcoometre-wrapper li:before {
    display: none;
  }
  #alcoometre-wrapper p {
    margin: 0;
  }
  #alcoometre-wrapper .header {
    padding: 0 !important;
  }
  #alcoometre-wrapper .header .tabs {
    border-bottom: 0;
  }
  #alcoometre-wrapper .header .tabs a {
    padding: 10px;
  }
  #alcoometre-wrapper .main {
    padding: 15px;
    border: 1px solid #eee;
  }
  #alcoometre-wrapper .content .content_int {
    padding: 0 !important;
  }
  #alcoometre-wrapper .content .content_int .nav_page {
    margin: 0;
  }
  #alcoometre-wrapper .content .content_int .nav_page ul {
    padding: 0;
  }
  #alcoometre-wrapper .content .content_int .post_it {
    top: -12px;
    right: 0;
  }
  #alcoometre-wrapper .content .content_int .already_registered {
    padding-left: 0;
  }
  #alcoometre-wrapper .content .content_int .block_two_col.right {
    margin-left: 0;
  }
  /* ---------------  CONTENT => Comportements */
  /* Comportements => dropdown */
  .dropdown {
    position: relative;
    z-index: 99;
    min-width: 280px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
  }
  .dropdown a {
    color: #fff;
  }
  .dropdown .dropdown_header {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 4px 8px;
    background: #ff5000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    outline: 0;
  }
  .dropdown .dropdown_header:after {
    content: url(@{img_path}/pictos/picto_select.png);
    float: right;
    margin-right: 5px;
  }
  .dropdown .dropdown_content {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 5px 0 10px 0;
    background: #cc4000;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    color: #FFF;
  }
  .dropdown .dropdown_content ul {
    margin: 0;
  }
  .dropdown .dropdown_content li {
    margin: 0;
    padding: 0;
    background: none;
  }
  .dropdown .dropdown_content a {
    display: block;
    padding: 7px 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .dropdown .dropdown_content a:hover {
    background: #b33800;
  }
  .js_active .dropdown .dropdown_content {
    position: absolute;
    left: -300em;
  }
  .js_active .dropdown.open {
    z-index: 98 !important;
  }
  .js_active .dropdown.open .dropdown_content {
    left: 0;
    right: 0;
    margin-top: -5px;
  }
  /* Comportements => toggle_block */
  .js_active .toggle_block .toggle_header {
    cursor: pointer;
  }
  .js_active .toggle_block .toggle_content {
    display: none;
    margin: 10px 0 30px 0;
  }
  .js_active .toggle_block.open .toggle_content {
    display: block;
  }
  /* Comportements => tabs section */
  .tabs_section {
    display: none;
  }
  .tabs_section.active {
    display: block;
  }
  /* Comportements => accordion */
  .js_active .accordion .accordion_header {
    cursor: pointer;
  }
  .js_active .accordion .accordion_header:before {
    content: ">";
    margin: 0 7px 0 3px;
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    color: #ff5000;
  }
  .js_active .accordion .accordion_header.active:before {
    content: "v";
    margin: 0 5px 0 1px;
  }
  .js_active .accordion .accordion_section {
    display: none;
  }
  .js_active .accordion .accordion_section.open {
    display: block;
  }
  /* Comportements => flexslider */
  .flexslider {
    position: relative;
    margin: 0;
    border: 0;
  }
  .flexslider ul li {
    margin: 0;
    padding: 0;
  }
  .flexslider ul li:before {
    display: none;
  }
  .flexslider .slides {
    z-index: 2;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .flexslider .flex-direction-nav {
    margin: 0;
  }
  .flexslider .flex-direction-nav li {
    position: static;
  }
  .flexslider .flex-direction-nav a {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 25px;
    margin: -10px 0 0 0;
    padding: 0;
    font-size: 0.1em;
    color: transparent;
    text-indent: 0;
    text-align: center;
    opacity: 1;
    outline: 0;
  }
  .flexslider .flex-direction-nav a:before {
    content: "\3c";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    font-size: 25px;
    color: #999;
  }
  .flexslider .flex-direction-nav .flex-prev {
    left: 5px;
  }
  .flexslider .flex-direction-nav .flex-next {
    right: 5px;
  }
  .flexslider .flex-direction-nav .flex-next:before {
    content: "\3e";
  }
  .carrousel {
    margin: 0 26px 0 30px;
  }
  .carrousel .slides li {
    margin: 5px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
    background: -o-linear-gradient(top, #fff 0%, #eee 100%);
    background: -ms-linear-gradient(top, #fff 0%, #eee 100%);
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#eee);
    line-height: 1;
    cursor: pointer;
  }
  .carrousel .slides li a {
    display: block;
    padding: 2px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #666;
  }
  .carrousel .slides .flex-active-slide {
    border-color: #f4ff1c;
  }
  .carrousel .flex-direction-nav .flex-prev {
    left: -30px;
  }
  .carrousel .flex-direction-nav .flex-next {
    right: -26px;
  }
  .carrousel .flex-direction-nav .flex-next:before {
    content: "\3e";
  }
  /* Comportements => modal */
  .modal {
    z-index: 110;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    width: 650px;
    -ms-overflow-y: auto;
    overflow-y: auto;
    max-height: 70%;
    margin-left: -325px;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    background: #FFF;
  }
  .modal .close {
    position: absolute;
    top: 6px;
    right: 10px;
    color: #000;
  }
  .overlay {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
  }
  .js_active .modal {
    top: -800px;
  }
  .js_active .modal.visible {
    top: 15%;
  }
  .js_active .overlay {
    display: none;
  }
  .js_active .overlay.visible {
    display: block;
  }
  /* Comportements => ui-autocomplete */
  .ui-autocomplete {
    z-index: 99;
    max-width: 300px;
    max-height: 300px;
    overflow-y: auto;
    margin: 0;
    padding: 4px 5px;
    border: 1px solid #ccc;
    background: #FFF;
  }
  /* DECLINAISON COULEUR
---------------------------------------------------------------------------------------------------*/
  .content .color_1 {
    border-color: #ffa200;
  }
  .content .color_1 > h2:first-child,
  .content .color_1 header .toolsbox,
  .content .color_1 .table th,
  .content .color_1 .table th a,
  .content .color_1 .form h2,
  .content .color_1 .form h3 {
    color: #ffa200;
  }
  .content .color_1 .view .ill {
    border-color: #ffa200 !important;
  }
  .content .color_2 {
    border-color: #ff7e00;
  }
  .content .color_2 > h2:first-child,
  .content .color_2 header .toolsbox,
  .content .color_2 .table th,
  .content .color_2 .table th a,
  .content .color_2 .form h2,
  .content .color_2 .form h3 {
    color: #ff7e00;
  }
  .content .color_2 .view .ill {
    border-color: #ff7e00 !important;
  }
  .content .color_3 {
    border-color: #ff6c00;
  }
  .content .color_3 > h2:first-child,
  .content .color_3 header .toolsbox,
  .content .color_3 .table th,
  .content .color_3 .table th a,
  .content .color_3 .form h2,
  .content .color_3 .form h3 {
    color: #ff6c00;
  }
  .content .color_3 .view .ill {
    border-color: #ff6c00 !important;
  }
  .content .color_4 {
    border-color: #ff5000;
  }
  .content .color_4 > h2:first-child,
  .content .color_4 header .toolsbox,
  .content .color_4 .table th,
  .content .color_4 .table th a,
  .content .color_4 .form h2,
  .content .color_4 .form h3 {
    color: #ff5000;
  }
  .content .color_4 .view .ill {
    border-color: #ff5000 !important;
  }
  .content .color_5 {
    border-color: #00a0a7;
  }
  .content .color_5 > h2:first-child,
  .content .color_5 header .toolsbox,
  .content .color_5 .table th,
  .content .color_5 .table th a,
  .content .color_5 .form h2,
  .content .color_5 .form h3 {
    color: #00a0a7;
  }
  .content .color_5 .view .ill {
    border-color: #00a0a7 !important;
  }
  .content .color_6 {
    border-color: #ff5000;
  }
  .content .color_6 > h2:first-child,
  .content .color_6 header .toolsbox,
  .content .color_6 .table th,
  .content .color_6 .table th a,
  .content .color_6 .form h2,
  .content .color_6 .form h3 {
    color: #ff5000;
  }
  .content .color_6 .view .ill {
    border-color: #ff5000 !important;
  }
  .content .color_7 {
    border-color: #00a0a7;
  }
  .content .color_7 > h2:first-child,
  .content .color_7 header .toolsbox,
  .content .color_7 .table th,
  .content .color_7 .table th a,
  .content .color_7 .form h2,
  .content .color_7 .form h3,
  .content .color_7 .resume h3,
  .content .color_7 .resume h3 a {
    color: #00a0a7;
  }
  .content .color_7 .view .ill {
    border-color: #00a0a7 !important;
  }
  .content .color_8 {
    border-color: #00a0a7;
  }
  .content .color_8 > h2:first-child,
  .content .color_8 header h2,
  .content .color_8 header .toolsbox,
  .content .color_8 .table th,
  .content .color_8 .table th a,
  .content .color_8 .form h3 {
    color: #00a0a7;
  }
  .content .color_8 .view .ill {
    border-color: #00a0a7 !important;
  }
  .jeunes {
    background: #FFF;
  }
  .jeunes:after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    background: #ecfde5;
  }
  .jeunes #header:after {
    content: "";
    position: absolute;
    top: 25px;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;
    background: #47e701;
  }
  .jeunes #header #main_nav .nav_item {
    border: 0;
  }
  .jeunes #header #main_nav .nav_item a {
    padding: 15px;
    color: #484f60;
  }
  .jeunes #header #main_nav .nav_item a:hover,
  .jeunes #header #main_nav .nav_item a:focus {
    color: #484f60;
    text-decoration: underline;
  }
  .jeunes #header #main_nav .nav_item a:hover:after,
  .jeunes #header #main_nav .nav_item a:focus:after {
    color: #ff5000;
  }
  .jeunes #header #main_nav .nav_item.open > a {
    color: #484f60;
    text-decoration: none;
  }
  .jeunes #header #main_nav .nav_item.open > a:after {
    color: #ff5000;
  }
  .jeunes #header #main_nav .nav_item.selected > a {
    color: #999;
    text-decoration: none;
  }
  .jeunes #header #main_nav .nav_item.selected > a:after {
    color: #999;
  }
  .jeunes #header #main_nav .nav_item:before {
    content: "";
    position: absolute;
    display: block !important;
    top: -80px;
    right: 0;
    bottom: 0;
    left: -1px;
    z-index: -1;
    width: auto;
    border-left: 1px solid #fff;
    background: #f4ff1c;
  }
  .jeunes #header #main_nav .nav_item.color_1:before {
    background: #f4ff1c;
  }
  .jeunes #header #main_nav .nav_item.color_2:before {
    background: #c2ff1b;
  }
  .jeunes #header #main_nav .nav_item.color_3:before {
    background: #72ff1c;
  }
  .jeunes #header #main_nav .nav_item.color_4:before {
    background: #47e701;
  }
  .jeunes #header #main_nav .subnav {
    color: #484f60;
  }
  .jeunes #header #main_nav .subnav a {
    padding: 0;
  }
  .jeunes #header #main_nav .color_1 .subnav {
    background: rgba(244, 255, 28, 0.9);
  }
  .jeunes #header #main_nav .color_2 .subnav {
    background: rgba(194, 255, 27, 0.9);
  }
  .jeunes #header #main_nav .color_3 .subnav {
    background: rgba(114, 255, 28, 0.9);
  }
  .jeunes #header #main_nav .color_4 .subnav {
    background: rgba(71, 231, 1, 0.9);
  }
  .jeunes .content:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -40px;
    right: 100px;
    bottom: 0;
    width: 559px;
    border-right: 1px solid #fff;
    background: #feffe8 url(@{img_path}/bkgd/bkgd_jeunes.png) repeat-y;
  }
  .jeunes .content .block {
    border-top: 0 !important;
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  .jeunes .content .block:before,
  .jeunes .content .block:after {
    display: none;
  }
  .jeunes .content .block header .toolsbox {
    color: #484f60;
  }
  .jeunes .content .block header .toolsbox .tools {
    margin-top: 1px;
  }
  .jeunes .content .block h1 + .ill {
    margin-top: 0;
  }
  .jeunes .content .block > h2:first-child,
  .jeunes .content .block header h1,
  .jeunes .content .block .visio h3,
  .jeunes .content .block .list h3,
  .jeunes .content .block .visio_content h3 {
    position: relative;
    z-index: 1;
    padding: 1px;
    background: none;
    color: #fff !important;
    font-size: 2em;
    line-height: 1;
  }
  .jeunes .content .block > h2:first-child a,
  .jeunes .content .block header h1 a,
  .jeunes .content .block .visio h3 a,
  .jeunes .content .block .list h3 a,
  .jeunes .content .block .visio_content h3 a {
    color: #fff !important;
    line-height: 1;
  }
  .jeunes .content .block > h2:first-child:after,
  .jeunes .content .block header h1:after,
  .jeunes .content .block .visio h3:after,
  .jeunes .content .block .list h3:after,
  .jeunes .content .block .visio_content h3:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 4px;
    left: 0;
    background: #ff5000;
    z-index: -1;
  }
  .jeunes .content .block .visio_alt .visio_content h3 a {
    color: #666 !important;
  }
  .jeunes .content .block .visio_alt .visio_content h3:after {
    display: none;
  }
  .jeunes .content .block > h2:first-child,
  .jeunes .content .block header h1 {
    margin: 0 -10px 10px -10px;
    padding: 0 10px;
  }
  .jeunes .content .block header h1 {
    margin: -5px -20px 20px -20px;
    padding: 0 20px;
    font-size: 2.7em;
  }
  .jeunes .content .block header .toolsbox + h1 {
    margin: 0 0 20px 0;
    padding: 0;
    clear: right;
  }
  .jeunes .content .block h2.title_section {
    padding: 0;
    color: #ff5000 !important;
  }
  .jeunes .content .block h2.title_section:after {
    display: none;
  }
  .jeunes .content .block .view .ill {
    border: 0 !important;
  }
  .jeunes .content .results .resume {
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }
  .jeunes .content .results .resume:after,
  .jeunes .content .results .resume:before {
    display: none;
  }
  .jeunes .content .block .results .resume {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .jeunes .content .visio_video header h1 {
    margin: -5px -10px 20px -10px;
  }
  .jeunes .content .color_1 > h2:first-child,
  .jeunes .content .color_1 header h1,
  .jeunes .content .color_1 .visio h3,
  .jeunes .content .color_1 .list h3 {
    color: #484f60 !important;
  }
  .jeunes .content .color_1 > h2:first-child:after,
  .jeunes .content .color_1 header h1:after,
  .jeunes .content .color_1 .visio h3:after,
  .jeunes .content .color_1 .list h3:after {
    background: #f4ff1c;
  }
  .jeunes .content .color_1 > h2:first-child a,
  .jeunes .content .color_1 header h1 a,
  .jeunes .content .color_1 .visio h3 a,
  .jeunes .content .color_1 .list h3 a {
    color: #484f60 !important;
  }
  .jeunes .content .color_1 .table th,
  .jeunes .content .color_1 .table th a,
  .jeunes .content .color_1 .form h3 {
    color: #f4ff1c;
  }
  .jeunes .content .color_2 > h2:first-child:after,
  .jeunes .content .color_2 header h1:after,
  .jeunes .content .color_2 .visio h3:after,
  .jeunes .content .color_2 .list h3:after {
    background: #c2ff1b;
  }
  .jeunes .content .color_2 .table th,
  .jeunes .content .color_2 .table th a,
  .jeunes .content .color_2 .form h3 {
    color: #c2ff1b;
  }
  .jeunes .content .color_3 > h2:first-child:after,
  .jeunes .content .color_3 header h1:after,
  .jeunes .content .color_3 .visio h3:after,
  .jeunes .content .color_3 .list h3:after {
    background: #72ff1c;
  }
  .jeunes .content .color_3 .table th,
  .jeunes .content .color_3 .table th a,
  .jeunes .content .color_3 .form h3 {
    color: #72ff1c;
  }
  .jeunes .content .color_4 > h2:first-child:after,
  .jeunes .content .color_4 header h1:after,
  .jeunes .content .color_4 .visio h3:after,
  .jeunes .content .color_4 .list h3:after {
    background: #47e701;
  }
  .jeunes .content .color_4 .table th,
  .jeunes .content .color_4 .table th a,
  .jeunes .content .color_4 .form h3 {
    color: #47e701;
  }
  .jeunes .content .color_5 > h2:first-child:after,
  .jeunes .content .color_5 header h1:after,
  .jeunes .content .color_5 .visio h3:after,
  .jeunes .content .color_5 .list h3:after {
    background: #ff6de4;
  }
  .jeunes .content .color_5 .table th,
  .jeunes .content .color_5 .table th a,
  .jeunes .content .color_5 .form h3 {
    color: #ff6de4;
  }
  .jeunes .content .color_6 > h2:first-child,
  .jeunes .content .color_6 header h1,
  .jeunes .content .color_6 .visio h3,
  .jeunes .content .color_6 .list h3 {
    color: #484f60 !important;
  }
  .jeunes .content .color_6 > h2:first-child:after,
  .jeunes .content .color_6 header h1:after,
  .jeunes .content .color_6 .visio h3:after,
  .jeunes .content .color_6 .list h3:after {
    background: #fec00d;
  }
  .jeunes .content .color_6 > h2:first-child a,
  .jeunes .content .color_6 header h1 a,
  .jeunes .content .color_6 .visio h3 a,
  .jeunes .content .color_6 .list h3 a {
    color: #484f60 !important;
  }
  .jeunes .content .color_6 .table th,
  .jeunes .content .color_6 .table th a,
  .jeunes .content .color_6 .form h3 {
    color: #fec00d;
  }
  .jeunes .content .color_7 > h2:first-child:after,
  .jeunes .content .color_7 header h1:after,
  .jeunes .content .color_7 .visio h3:after,
  .jeunes .content .color_7 .list h3:after {
    background: #1690ff;
  }
  .jeunes .content .color_7 .table th,
  .jeunes .content .color_7 .table th a,
  .jeunes .content .color_7 .form h3 {
    color: #1690ff;
  }
  .jeunes .content .color_8 > h2:first-child:after,
  .jeunes .content .color_8 header h1:after,
  .jeunes .content .color_8 .visio h3:after,
  .jeunes .content .color_8 .list h3:after {
    background: #bbbbbb;
  }
  .jeunes .content .color_8 .table th,
  .jeunes .content .color_8 .table th a,
  .jeunes .content .color_8 .form h3 {
    color: #bbbbbb;
  }
  .jeunes #footer .social {
    background: #56a900;
    filter: none;
  }
  /*for firefox because table-cell/position absolute bug*/
  @-moz-document url-prefix() {
    .jeunes #header #main_nav .nav_item {
      display: inline-block;
      margin-left: -2px;
    }
  }
}
@media screen and (max-width: 960px) and (min-width: 40em) {
  /** 
* Feuille de style pour les ecrans compris entre 960px et 640px
* 
* @client INPES
* @project AIS
* @author Kaliop 
* 
*/
  #debug {
    display: none;
  }
  /* COMMON
---------------------------------------------------------------------------------------------------*/
  body {
    -webkit-text-size-adjust: none;
  }
  .rwd-m {
    display: block !important;
  }
  .object-left,
  .object-right {
    max-width: 50%;
  }
  /* NAV
---------------------------------------------------------------------------------------------------*/
  .content .pagination.alpha .pages li span {
    display: none;
  }
  /* COMPONENTS
---------------------------------------------------------------------------------------------------*/
  .content .block.visio .visio_content .view .ill {
    overflow: hidden;
    height: 280px;
  }
  .content .block.visio .visio_content .view .ill img {
    width: 100%;
  }
  /* LAYOUT 
---------------------------------------------------------------------------------------------------*/
  #header .shortcuts {
    margin-bottom: 10px;
  }
  #header .nav {
    float: none;
    width: 100%;
    margin-top: 30px;
  }
  #header #search {
    width: 300px;
  }
  #header #search .text {
    width: 268px;
  }
  /* PARTIE CENTRALE : CONTENT 
---------------------------------------------------------------------------------------------------*/
  .content .col header .ill {
    max-width: 50%;
  }
  .content .list > .ill img {
    width: 100%;
  }
  /* ---------------  CONTENT => jeunes */
  .jeunes {
    background: #ecfde5;
  }
  .jeunes:after {
    display: none;
  }
  .jeunes #header:after {
    display: none;
  }
  .jeunes #header .overflow {
    width: 100%;
  }
  .jeunes #header .site_id {
    margin-left: 20px;
  }
  .jeunes #header .nav #search {
    margin-right: 20px;
  }
  .jeunes #header #main_nav .nav_item:before {
    top: 0;
  }
  .jeunes #content:before,
  .jeunes #content:after {
    display: none;
  }
}
@media screen and (max-width: 960px) and (min-width: 40em) and (max-width: 800px) {
  .col {
    width: 100% !important;
    float: none !important;
    clear: both;
    margin: 0 0 25px 0;
  }
  .small .block {
    position: relative;
    width: 48%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .small .block:nth-of-type(2n+2) {
    float: right;
  }
}
@media screen and (max-width: 960px) and (min-width: 40em) and (max-width: 700px) {
  #header #main_nav .nav_item > a {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 40em) {
  /**
* Feuille de style pour les ecrans infértieurs a 640px
*
* @client INPES
* @project AIS
* @author Kaliop
*
*/
  #debug {
    display: none;
  }
  /* MIXINS
---------------------------------------------------------------------------------------------------*/
  .mx_box_sizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* COMMON
---------------------------------------------------------------------------------------------------*/
  body {
    -webkit-text-size-adjust: none;
  }
  .rwd-s {
    display: block !important;
  }
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.8em;
  }
  h3 {
    font-size: 1.6em;
  }
  h4 {
    font-size: 1.5em;
  }
  h5 {
    font-size: 1.3em;
  }
  h6 {
    font-size: 1.3em;
  }
  ul,
  ol {
    margin-left: 0;
  }
  .factbox,
  .factbox-content,
  blockquote {
    margin: 0 0 1.5em 0;
  }
  .factbox,
  .factbox-content {
    padding-left: 15px;
  }
  table.table_form td {
    display: block;
    width: auto !important;
    padding: 0;
    margin: 0;
  }
  table.table_form td + td {
    padding: 0;
  }
  .file {
    display: block;
    margin-right: 0;
  }
  .left,
  .right,
  .center {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .object-left,
  .object-right,
  .object-center {
    display: table;
    table-layout: fixed;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  figure {
    display: block;
  }
  a {
    word-wrap: break-word;
  }
  a:hover,
  a:focus {
    text-decoration: none;
  }
  .content .btn.close a {
    background: none !important;
  }
  .link,
  .btn {
    font-size: 1.3em !important;
  }
  .link a,
  .btn a {
    padding: 2px 10px;
    border: 0;
  }
  .link a .ico,
  .btn a .ico {
    margin-left: 0 !important;
  }
  .link a + a,
  .btn a + a {
    margin-top: 5px;
  }
  /* FORMS
---------------------------------------------------------------------------------------------------*/
  .form .field {
    margin: 15px 0;
  }
  .form .field .info {
    margin-left: 0;
  }
  .form .text label,
  .form .text .label {
    display: block;
    width: auto;
  }
  .form .text input,
  .form .text select,
  .form .text textarea {
    width: 100%;
  }
  .form.directory {
    float: none;
    min-width: 0;
  }
  .form .submit {
    text-align: center;
  }
  .form .submit.upper {
    margin: 15px 0;
  }
  .form .submit input {
    -webkit-appearance: none !important;
  }
  .form .submit input + *,
  .form .submit a + * {
    margin-top: 5px;
  }
  .form .short .text input,
  .form .short select,
  .form .short textarea {
    width: 100%;
  }
  .form fieldset.inline {
    margin: 0;
  }
  .form fieldset.inline legend {
    float: none;
    width: 100%;
    padding: 0;
  }
  .form fieldset.inline .field {
    display: block;
    margin-bottom: 10px;
  }
  .form .x2 .text label {
    width: 100%;
  }
  .form .x2 .text input,
  .form .x2 .text select {
    width: 100%;
  }
  .form .inline {
    float: none;
  }
  .content .col .block .form h2 {
    background: none !important;
  }
  /* COMPONENTS
---------------------------------------------------------------------------------------------------*/
  .content .block.visio,
  .content .block .visio {
    padding: 0 !important;
  }
  .content .block.visio .visio_content,
  .content .block .visio .visio_content {
    width: 100%;
  }
  .content .block.visio .visio_content .view,
  .content .block .visio .visio_content .view {
    border: 0 !important;
    background: none !important;
  }
  .content .block.visio .visio_content .view .ill,
  .content .block .visio .visio_content .view .ill {
    margin: 0 !important;
  }
  .content .block.visio .visio_content .view .ill:before,
  .content .block .visio .visio_content .view .ill:before,
  .content .block.visio .visio_content .view .ill:after,
  .content .block .visio .visio_content .view .ill:after {
    display: none;
  }
  .content .block.visio .visio_content .view .desc,
  .content .block .visio .visio_content .view .desc {
    padding: 10px;
  }
  .content .block.visio .visio_content .view .desc h3 a:after,
  .content .block .visio .visio_content .view .desc h3 a:after {
    display: none !important;
  }
  .content .block.visio .visio_content .view .desc .intro,
  .content .block .visio .visio_content .view .desc .intro {
    margin-right: 0;
  }
  .content .block.visio .visio_content .view .desc .link,
  .content .block .visio .visio_content .view .desc .link {
    right: 10px;
  }
  .content .block.visio .visio_content .view .desc .link a,
  .content .block .visio .visio_content .view .desc .link a {
    background: #00a0a7 !important;
    color: #FFF !important;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    border: 0 !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }
  .content .block.visio .visio_content .view .desc .link a:before,
  .content .block .visio .visio_content .view .desc .link a:before {
    display: none;
  }
  .content .block.visio .visio_nav p,
  .content .block .visio .visio_nav p {
    top: 65px;
    left: 10px;
    right: 10px;
  }
  .content .block.visio .visio_nav ul,
  .content .block .visio .visio_nav ul {
    display: none;
  }
  .content .block .visio_alt {
    margin-top: -10px;
  }
  .content .block .visio_alt .visio_content {
    height: 120px;
  }
  .content .block .visio_alt .visio_content .view {
    padding: 0 !important;
  }
  .content .block .visio_alt .visio_content .view .ill {
    margin-right: 10px !important;
  }
  .content .block .visio_alt .visio_content .view .desc {
    padding: 0;
  }
  .content .block .visio_alt .visio_nav p {
    top: auto;
    bottom: 10px;
    left: auto;
    right: 10px;
  }
  .content .block .visio_alt .visio_nav p a {
    margin-left: 20px;
  }
  .rwd_toggle {
    background: #eee !important;
  }
  .rwd_toggle .rwd_toggle_header {
    position: relative;
    width: 100%;
    padding: 5px 10px;
    background: #999;
    color: #fff;
    cursor: pointer;
    outline: 0;
    font-size: 1.5em;
    text-align: left;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
  }
  .rwd_toggle .rwd_toggle_header:after {
    content: "v";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: auto;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    font-size: 15px;
  }
  .rwd_toggle .rwd_toggle_content {
    display: none;
    padding: 10px;
  }
  .rwd_toggle.open .rwd_toggle_header:after {
    content: "^";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: auto;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    font-size: 15px;
  }
  .rwd_toggle.open .rwd_toggle_content {
    display: block;
  }
  /* modal */
  .modal {
    left: 0;
    width: 100%;
    max-height: 100%;
    margin-left: 0;
    padding: 30px 10px 10px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .js_active .modal {
    display: none;
  }
  .js_active .modal.visible {
    display: block;
    top: 0;
  }
  /* NAVIGATION
---------------------------------------------------------------------------------------------------*/
  .breadcrumbs {
    display: none;
  }
  .content .pagination .pages {
    text-align: center;
    font-size: 1.5em;
  }
  .content .pagination .pages li {
    display: none;
    margin: 0 3px;
  }
  .content .pagination .pages li.picto {
    display: inline-block;
  }
  .content .pagination .pages li a,
  .content .pagination .pages li strong {
    display: inline-block;
    width: 32px;
    line-height: 32px;
    border: 1px solid #ddd;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #FFF;
  }
  .content .results .pagination {
    padding: 0;
    background: none;
  }
  .content .results .pagination:before,
  .content .results .pagination:after {
    display: none;
  }
  .content .results + .pagination {
    margin: 20px 0 0 0;
  }
  .content .results + .btn {
    margin-top: 30px;
  }
  .content .pagination + .btn {
    margin-top: 20px;
  }
  .content .summary,
  .content .sitemap {
    font-size: 1em;
  }
  .content .map .gmap {
    height: 200px;
  }
  .content .pagination.alpha .pages {
    font-size: 1em;
  }
  .content .pagination.alpha .pages li {
    display: inline-block;
    margin: 0;
  }
  .content .pagination.alpha .pages li a,
  .content .pagination.alpha .pages li strong {
    width: auto;
    padding: 3px 8px;
    border: 0;
    line-height: 1;
  }
  .content .pagination.alpha .pages li a:after,
  .content .pagination.alpha .pages li strong:after {
    bottom: -9px;
    left: 8px;
  }
  .content .pagination.alpha .pages li span {
    display: none;
  }
  .content .facets {
    padding-bottom: 0;
    background: none;
  }
  .content .facets li strong {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 1.2em;
  }
  .content .facets li li {
    display: block;
    width: 100%;
    margin: 10px 0;
    padding-right: 0;
  }
  /* LAYOUT
---------------------------------------------------------------------------------------------------*/
  html,
  body {
    height: 100%;
    position: relative;
    background: #FFF;
  }
  body {
    width: 100%;
    margin: 0 auto;
  }
  .content {
    padding: 0 10px;
  }
  .content:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
  }
  .col:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
  }
  .body_overflow {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    left: 0;
    height: 100%;
    padding-top: 43px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    background: #eee;
  }
  .nav_mobile {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    visibility: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    top: 0;
    right: 0;
    width: 280px;
    height: 100%;
    border-left: 1px solid #ccc;
    background: #fff;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .nav_mobile .skiplink,
  .nav_mobile .site_id {
    display: none;
  }
  .nav_mobile ul {
    margin: 0;
  }
  .nav_mobile li {
    display: block !important;
    margin: 0 !important;
    border-bottom: 1px solid #eee;
  }
  .nav_mobile li:before {
    display: none;
  }
  .nav_mobile a {
    position: relative;
    display: block;
    padding: 10px;
    color: #666;
    text-decoration: none;
  }
  .nav_mobile .shortcuts a {
    background: #484f60;
    color: #FFF;
  }
  .nav_mobile .shortcuts a:after {
    content: "";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    float: right;
  }
  .nav_mobile .shortcuts .profiles .selected {
    display: none !important;
  }
  .nav_mobile .shortcuts .pro .pro_btn a:after {
    content: "";
    margin-right: 2px;
  }
  .nav_mobile .shortcuts .pro .login a:after {
    content: "";
  }
  .nav_mobile .shortcuts .pro .login a + a {
    margin-top: -15px;
  }
  .nav_mobile .shortcuts .pro .login a + a:after {
    content: "x";
  }
  .nav_mobile #main_nav_rwd {
    margin: 0;
  }
  .nav_mobile #main_nav_rwd a {
    padding: 15px 10px;
    color: #FFF;
  }
  .nav_mobile #main_nav_rwd strong {
    display: block;
    padding: 5px 10px;
    color: #FFF;
    background-color: #000;
    zoom: 1;
    background-color: transparent\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000, endColorstr=#26000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000, endColorstr=#26000000);
    background-color: hsla(0, 0%, 0%, 0.15);
    font-weight: normal;
  }
  .nav_mobile #main_nav_rwd .hasChild > a:after {
    content: ">";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: auto;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    font-size: 15px;
  }
  .nav_mobile #main_nav_rwd .nav_item.color_1 {
    background: #ffa200;
  }
  .nav_mobile #main_nav_rwd .nav_item.color_2 {
    background: #ff7e00;
  }
  .nav_mobile #main_nav_rwd .nav_item.color_3 {
    background: #ff6c00;
  }
  .nav_mobile #main_nav_rwd .nav_item.color_4 {
    background: #ff5000;
  }
  .nav_mobile #main_nav_rwd .subnav {
    display: none;
  }
  .nav_mobile #main_nav_rwd .subnav li {
    border: 0;
    border-top: 1px solid #eee;
  }
  .nav_mobile #main_nav_rwd .hasChild.open > a:after {
    content: "v";
  }
  .nav_mobile #main_nav_rwd .hasChild.open .subnav {
    display: block;
  }
  .nav_mobile #search {
    position: relative;
    background: #999;
  }
  .nav_mobile #search p {
    margin: 0;
  }
  .nav_mobile #search p:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: 15px;
    left: 10px;
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    color: #FFF;
    font-size: 16px;
  }
  .nav_mobile #search .text {
    position: relative;
    width: 80%;
    padding: 15px 0 15px 40px;
    background: none;
    outline: 0;
    color: #FFF;
  }
  .nav_mobile #search .submit {
    position: relative;
    float: right;
    padding: 15px 7px;
    background: none;
  }
  .nav_mobile #search input.placeholder {
    color: #fff;
  }
  .nav_mobile #search ::-webkit-input-placeholder {
    color: #fff;
  }
  .nav_mobile #search :-moz-placeholder {
    color: #fff;
  }
  .nav_mobile #search ::-moz-placeholder {
    color: #fff;
  }
  .nav_mobile #search :-ms-input-placeholder {
    color: #fff;
  }
  .nav_mobile_btn {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    line-height: 43px;
    width: 50px;
    border-left: 1px solid #e1e1e1;
    background: none;
    color: #eee;
    cursor: pointer;
    outline: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .nav_mobile_btn:after {
    content: "☰";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 45px;
    font-size: 26px;
    color: #999;
  }
  .open_nav_mobile .body_overflow,
  .open_nav_mobile .rwd_visible_s .contact,
  .open_nav_mobile .nav_mobile_btn {
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
    overflow-y: hidden;
  }
  .open_nav_mobile .body_overflow {
    overflow-y: hidden;
  }
  .open_nav_mobile .nav_mobile {
    visibility: visible;
  }
  /* LAYOUT : Header
---------------------------------------------------------------------------------------------------*/
  .rwd_visible_s .contact {
    position: absolute;
    z-index: 99;
    width: 100%;
    background: #eee;
    border-bottom: 1px solid #ccc;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .rwd_visible_s .contact .tabs {
    text-align: center;
  }
  .rwd_visible_s .contact .tabs ul {
    display: table;
    width: 80%;
    margin: 0;
  }
  .rwd_visible_s .contact .tabs li {
    display: table-cell;
    padding: 5px;
  }
  .rwd_visible_s .contact .tabs img {
    max-width: 32px;
  }
  .rwd_visible_s .contact .tabs .selected {
    background: #e1e1e1;
  }
  .rwd_visible_s .contact .tabs_section {
    overflow: hidden;
    display: block;
    height: 0;
    background: #e1e1e1;
    text-align: center;
  }
  .rwd_visible_s .contact .tabs_section h3 {
    display: none;
  }
  .rwd_visible_s .contact .tabs_section p {
    margin-bottom: 0.5em;
  }
  .rwd_visible_s .contact .tabs_section .btn {
    margin: 0;
    text-align: center;
    font-size: 1.5em !important;
  }
  .rwd_visible_s .contact .tabs_section .field {
    max-width: none;
    margin: 0;
  }
  .rwd_visible_s .contact .tabs_section .field select {
    width: 95%;
    margin-bottom: 7px;
  }
  .rwd_visible_s .contact .tabs_section .field .text {
    width: 85%;
  }
  .rwd_visible_s .contact .tabs_section .field .submit {
    margin-right: 2.5%;
  }
  .rwd_visible_s .contact .tabs_section.active {
    height: 80px;
    padding: 15px 0;
  }
  .rwd_visible_s .contact .tabs_section#tabs_section3 a.link-mobile {
    display: none;
  }
  .rwd_visible_s .contact .tabs_section#tabs_section3.active a.link-mobile {
    display: block;
    text-decoration: underline;
    margin-top: 10px;
  }
  .rwd_visible_s .contact .idz_offline .btn a {
    background-color: #666;
    cursor: text;
  }
  .rwd_visible_s .contact .idz_busy a {
    color: #999;
  }
  #header {
    margin-bottom: 15px;
    padding: 10px 15px;
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    background: #FFF;
  }
  #header .shortcuts,
  #header .nav {
    display: none;
  }
  #header .site_id {
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: none;
  }
  #header .site_id a {
    display: block;
    float: left;
    width: 50%;
  }
  #header .site_id a:first-child {
    width: 54%;
    background: url("../../../../adalis_socle/design/common/images//logos/logo_mobile.png") no-repeat center center;
    background-size: 100%;
  }
  #header .site_id a:first-child img {
    visibility: hidden;
  }
  #header .site_id .tel {
    width: 35%;
    float: right;
  }
  /* LAYOUT : Footer
---------------------------------------------------------------------------------------------------*/
  #footer ul {
    margin-left: 0;
  }
  #footer .social {
    display: none;
  }
  #footer .shortcuts .block {
    display: none;
  }
  #footer .shortcuts .legal {
    text-align: center;
  }
  #footer .shortcuts .legal li {
    display: inline-block;
    margin: 0 5px;
  }
  #footer .shortcuts .legal ul + ul {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #388a36;
    background: #67ab1f url("../../../../adalis_socle/design/common/images//bkgd/bkgd_footer.png") repeat-x bottom;
    color: #FFF;
  }
  #footer .shortcuts .legal ul + ul a {
    color: #FFF;
  }
  /* PARTIE CENTRALE : CONTENT
---------------------------------------------------------------------------------------------------*/
  /* ---------------  CONTENT => Block */
  .content .col header .toolsbox {
    font-size: 1.3em;
  }
  .content .col header .toolsbox .tools a {
    display: none;
  }
  .content .col header .toolsbox .tools a + a + a {
    display: block;
  }
  .content .col header .ill {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }
  .content .col header .meta {
    padding-left: 10px;
    border-left: 3px solid #eee;
  }
  .content .col header .meta > span {
    display: block;
    margin-bottom: 3px;
  }
  .content .col header .meta > span:before {
    display: none !important;
  }
  .content .col header .summary {
    overflow: hidden;
    float: none;
    width: auto;
    margin: 0 0 1.5em 0;
    background: #eee;
  }
  .content .col header .summary h3 {
    position: relative;
    margin: 0 !important;
    background: #999 !important;
    cursor: pointer;
  }
  .content .col header .summary h3:after {
    content: "v";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: auto;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    font-size: 15px;
  }
  .content .col header .summary ul {
    display: none;
    padding: 0;
  }
  .content .col header .summary ul li {
    margin: 10px;
  }
  .content .col header .summary ul li:before {
    top: 0;
  }
  .content .col header .summary.open h3:after {
    content: "^";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: auto;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    font-size: 15px;
  }
  .content .col header .summary.open ul {
    display: block;
  }
  .content .col header .map {
    float: none;
    margin: 0 0 15px 0;
  }
  .content .col header .map .gmap {
    width: 100%;
  }
  .content .col header .map + .intro {
    min-height: 0;
  }
  .content footer .social {
    margin: 0 -5px;
  }
  .content footer .social > p {
    display: none;
  }
  .content footer .social .addthis_button_facebook_share {
    overflow: hidden;
    width: 105px;
  }
  .content footer .social .addthis_button_tweet {
    overflow: hidden;
    width: 80px;
  }
  .content footer .social .addthis_button_google_plusone {
    overflow: hidden;
    width: 60px;
  }
  .content .block,
  .jeunes .content .block {
    margin-bottom: 20px;
    padding: 10px !important;
  }
  .content .block:before,
  .jeunes .content .block:before,
  .content .block:after,
  .jeunes .content .block:after {
    display: none;
  }
  .content .block > h2:first-child,
  .jeunes .content .block > h2:first-child,
  .content .block .list h3,
  .jeunes .content .block .list h3,
  .content .block .summary > h3:first-child,
  .jeunes .content .block .summary > h3:first-child {
    margin: -10px -10px 10px -10px;
    padding: 5px 10px;
    background: #eee;
    color: #FFF !important;
    font-size: 1.5em;
  }
  .content .block > h2:first-child a,
  .jeunes .content .block > h2:first-child a,
  .content .block .list h3 a,
  .jeunes .content .block .list h3 a,
  .content .block .summary > h3:first-child a,
  .jeunes .content .block .summary > h3:first-child a {
    color: #FFF !important;
  }
  .content .small .block,
  .content .x2 .block {
    padding: 10px !important;
  }
  .jeunes .content .small .block,
  .jeunes .content .x2 .block {
    padding: 10px !important;
  }
  .content .view h3 {
    margin: 0;
    padding-bottom: 0;
    background: none;
  }
  .content .view .desc {
    overflow: visible;
  }
  .content .view .desc:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
  }
  .content .resume,
  .jeunes #content .resume {
    margin-bottom: 10px;
    padding: 10px 30px 10px 10px !important;
    border: 0;
  }
  .content .resume .ill,
  .jeunes #content .resume .ill {
    width: 50px;
    margin: -8px 10px -8px -8px;
  }
  .content .resume .meta + .ill,
  .jeunes #content .resume .meta + .ill {
    display: none;
  }
  .content .resume .desc,
  .jeunes #content .resume .desc {
    overflow: hidden;
  }
  .content .resume .toolsbox,
  .jeunes #content .resume .toolsbox {
    display: none;
  }
  .content .resume h3,
  .jeunes #content .resume h3,
  .content .resume h1,
  .jeunes #content .resume h1 {
    position: static;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
    font-family: arial, verdana, sans-serif !important;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased !important;
    background: none !important;
    color: #666;
  }
  .content .resume h3:after,
  .jeunes #content .resume h3:after,
  .content .resume h1:after,
  .jeunes #content .resume h1:after {
    display: none;
  }
  .content .resume h3 a,
  .jeunes #content .resume h3 a,
  .content .resume h1 a,
  .jeunes #content .resume h1 a {
    display: block;
    color: #666 !important;
    line-height: 1.2;
  }
  .content .resume h3 a:after,
  .jeunes #content .resume h3 a:after,
  .content .resume h1 a:after,
  .jeunes #content .resume h1 a:after {
    content: ">";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: auto;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    font-size: 15px;
  }
  .content .resume p,
  .jeunes #content .resume p {
    margin: 0;
  }
  .content .resume .btn_map,
  .jeunes #content .resume .btn_map {
    overflow: hidden;
    right: auto;
    top: 5px;
    right: 10px;
    width: 17px;
    height: 30px;
  }
  .content .resume .btn_map a,
  .jeunes #content .resume .btn_map a {
    color: #FFF;
  }
  .content .resume .btn_map span,
  .jeunes #content .resume .btn_map span {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
  }
  .content .resume .btn_map + h3,
  .jeunes #content .resume .btn_map + h3 {
    margin-bottom: 10px !important;
  }
  .content .resume .btn_map + h3 + .intro,
  .jeunes #content .resume .btn_map + h3 + .intro {
    display: block;
  }
  .content .resume .btn_map + h3 + .intro br,
  .jeunes #content .resume .btn_map + h3 + .intro br {
    display: block;
  }
  .content .resume .meta,
  .jeunes #content .resume .meta {
    line-height: 1.2;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
  }
  .content .resume .meta a,
  .jeunes #content .resume .meta a {
    color: #999 !important;
  }
  .content .resume .meta span,
  .jeunes #content .resume .meta span {
    display: inline !important;
  }
  .content .resume .meta span + span + span,
  .jeunes #content .resume .meta span + span + span {
    display: none !important;
  }
  .content .resume .intro,
  .jeunes #content .resume .intro {
    display: none;
  }
  .content .resume .link,
  .jeunes #content .resume .link {
    display: none;
  }
  .content .resume br,
  .jeunes #content .resume br {
    display: none;
  }
  .content .resume:before,
  .jeunes #content .resume:before,
  .content .resume:after,
  .jeunes #content .resume:after {
    display: none;
  }
  .content .resume .form,
  .jeunes #content .resume .form {
    float: none;
    margin: 0;
  }
  .content .resume .form .field,
  .jeunes #content .resume .form .field {
    display: inline-block;
    width: 49%;
    margin: 5px 0;
    overflow: visible;
  }
  .content .resume .form .intro,
  .jeunes #content .resume .form .intro {
    display: inline;
  }
  .content .resume .form + .intro,
  .jeunes #content .resume .form + .intro {
    display: block;
  }
  .content .resume .form + .intro p,
  .jeunes #content .resume .form + .intro p {
    margin-bottom: 5px;
  }
  .content .resume .form + .intro.hidden,
  .jeunes #content .resume .form + .intro.hidden {
    display: none;
  }
  .content .block .resume {
    padding: 10px;
    padding-right: 30px;
    margin: 0 -10px;
    border-bottom: 10px solid #eee;
    background: none;
  }
  .content .block .resume h3 {
    margin: 0 !important;
    text-transform: none;
  }
  .content .block .resume:first-child {
    border-top: 10px solid #eee;
  }
  .content .block .results {
    margin: -10px 0;
  }
  .content .list > .ill {
    margin: -10px -10px 0 -10px;
  }
  .content .list > .ill img {
    width: 100%;
  }
  .content .list > .ill + h3 {
    margin-top: 0;
  }
  .content .list > ul li {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: url("../../../../adalis_socle/design/common/images//bkgd/border.png") left bottom repeat-x !important;
  }
  .content .list > ul li a {
    position: relative;
    display: block;
    padding-right: 30px;
    text-decoration: none;
  }
  .content .list > ul li a .social_mark {
    display: none;
  }
  .content .list > ul li a strong {
    text-decoration: none;
  }
  .content .list > ul li a:after {
    content: ">";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: auto;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    font-size: 15px;
  }
  .content .list > ul li a:after {
    right: 0;
  }
  .content .list > ul li .meta {
    display: none;
  }
  .content .article .btn {
    text-align: right;
  }
  .content .list_form fieldset legend {
    width: 65%;
  }
  .content .list_form fieldset legend p {
    margin: 0;
  }
  .content .table td {
    padding: 0;
  }
  .content .table br {
    display: none;
  }
  .content .table .date {
    display: inline;
  }
  .content .table .footable-visible {
    position: relative;
    padding-left: 30px;
  }
  .content .table .footable-visible:after {
    content: "+";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 20px;
    padding: 0 0 5px 0;
    line-height: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    font-size: 20px;
    background-color: #ddd;
    cursor: pointer;
  }
  .content .table .footable-visible a {
    position: relative;
    display: block;
    padding: 10px 30px 10px 0;
  }
  .content .table .footable-visible a:after {
    content: ">";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: auto;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    font-size: 15px;
  }
  .content .table .footable-sortable:after {
    content: "v";
    left: 0;
    top: 3px;
    padding: 0;
    line-height: 1;
    background: none;
    font-size: 15px;
  }
  .content .table .footable-sortable a {
    padding: 0;
  }
  .content .table .footable-sortable a:after {
    display: none;
  }
  .content .table .footable-detail-show {
    background: none;
  }
  .content .table .footable-detail-show .footable-visible:after {
    content: "-";
  }
  .content .table .footable-sorted:after {
    content: "v";
  }
  .content .table .footable-sorted-desc:after {
    content: "^";
  }
  .content .table .footable-row-detail-cell {
    padding: 0 10px 10px 30px;
  }
  .content .table .footable-row-detail-name {
    display: inline;
    font-weight: bold;
  }
  .content .table .footable-row-detail-value {
    display: inline;
    padding-left: 5px;
  }
  .content .table .footable-row-detail-value br {
    display: none;
  }
  .content .x2 .summary h3 {
    margin-bottom: 0 !important;
  }
  .content .x2 .summary li {
    margin: 0;
    padding: 0;
  }
  .content .x2 .summary li:before {
    display: none;
  }
  .content .x2 .summary a {
    display: block;
    padding: 10px 30px 10px 0;
    background: url("../../../../adalis_socle/design/common/images//bkgd/border.png") left bottom repeat-x !important;
    color: #666;
  }
  .content .x2 .summary a:after {
    content: ">";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: auto;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    font-size: 15px;
  }
  .content .x2 .summary a:after {
    right: 0;
  }
  .content .contact .tabs_section {
    min-height: 0;
  }
  .content .contact h3 {
    margin-bottom: 10px;
  }
  .content .contact .left {
    float: left;
    display: table;
    margin: 0 30px 0 0;
  }
  .content .contact .btn {
    margin-bottom: 10px;
  }
  .content .map {
    border: 2px solid #fff;
    margin: 0 -10px -10px -10px;
  }
  .content .editorial h2.title_section,
  .jeunes .content .editorial h2.title_section {
    background: none !important;
  }
  .content .block.no_style h2.title_section {
    padding: 0;
    background: none !important;
    color: #ff5000 !important;
  }
  .content .comment_form {
    border-top-color: #eee;
    margin: 20px -10px 0 -10px;
    padding: 10px 10px 0 10px;
  }
  .content .view.login br {
    display: none;
  }
  .content .view.login .x2 .text input {
    width: 100%;
  }
  .content .view.login .x2 .text .info {
    margin-left: 0;
  }
  .content .view.login .x2 .submit {
    margin: 0;
  }
  .content .col.small .block {
    display: none;
  }
  .content .col.small .block.color_6 {
    display: block;
  }
  .content .col.main > .x2 {
    display: none;
  }
  .home .content .col.small {
    display: block;
  }
  .home .content .col.small .block.color_8 {
    display: none;
  }
  .home .content .col.main .x2 {
    display: block;
  }
  /* ---------------  CONTENT => alcoometre */
  .content .alcoometre_tabs {
    margin: 0 -10px;
  }
  .content .alcoometre_tabs ul {
    width: 95%;
  }
  .content .alcoometre_tabs a img {
    max-width: 100%;
    width: auto;
  }
  #alcoometre-wrapper * {
    max-width: 100%;
  }
  #alcoometre-wrapper .main {
    padding: 0;
    border: 0;
  }
  #alcoometre-wrapper .content {
    padding: 0;
  }
  #alcoometre-wrapper .content h2,
  #alcoometre-wrapper .standfirst,
  #alcoometre-wrapper .padder,
  #alcoometre-wrapper .evaluer .block_attention .item_attention {
    padding: 0 !important;
  }
  #alcoometre-wrapper .content.evaluer .block_two_col.right {
    width: auto !important;
  }
  #alcoometre-wrapper .post_it {
    position: relative !important;
    top: auto !important;
  }
  /* ---------------  CONTENT => declinaison de couleurs */
  .color_1 .list h3,
  .color_1 > h2:first-child,
  .color_1 .summary > h3:first-child,
  .color_1 .btn a,
  .color_1 .link a {
    background: #ffa200 !important;
  }
  .jeunes .color_1 .list h3,
  .jeunes .color_1 > h2:first-child,
  .jeunes .color_1 .summary > h3:first-child,
  .jeunes .color_1 .btn a,
  .jeunes .color_1 .link a {
    background: #f4ff1c !important;
  }
  .color_2 .list h3,
  .color_2 > h2:first-child,
  .color_2 .summary > h3:first-child,
  .color_2 .btn a,
  .color_2 .link a {
    background: #ff7e00 !important;
  }
  .jeunes .color_2 .list h3,
  .jeunes .color_2 > h2:first-child,
  .jeunes .color_2 .summary > h3:first-child,
  .jeunes .color_2 .btn a,
  .jeunes .color_2 .link a {
    background: #c2ff1b !important;
  }
  .color_3 .list h3,
  .color_3 > h2:first-child,
  .color_3 .summary > h3:first-child,
  .color_3 .btn a,
  .color_3 .link a {
    background: #ff6c00 !important;
  }
  .jeunes .color_3 .list h3,
  .jeunes .color_3 > h2:first-child,
  .jeunes .color_3 .summary > h3:first-child,
  .jeunes .color_3 .btn a,
  .jeunes .color_3 .link a {
    background: #72ff1c !important;
  }
  .color_4 .list h3,
  .color_4 > h2:first-child,
  .color_4 .summary > h3:first-child,
  .color_4 .btn a,
  .color_4 .link a {
    background: #ff5000 !important;
  }
  .jeunes .color_4 .list h3,
  .jeunes .color_4 > h2:first-child,
  .jeunes .color_4 .summary > h3:first-child,
  .jeunes .color_4 .btn a,
  .jeunes .color_4 .link a {
    background: #47e701 !important;
  }
  .color_5 .list h3,
  .color_5 > h2:first-child,
  .color_5 .summary > h3:first-child,
  .color_5 .btn a,
  .color_5 .link a {
    background: #00a0a7 !important;
  }
  .jeunes .color_5 .list h3,
  .jeunes .color_5 > h2:first-child,
  .jeunes .color_5 .summary > h3:first-child,
  .jeunes .color_5 .btn a,
  .jeunes .color_5 .link a {
    background: #ff6de4 !important;
  }
  .color_6 .list h3,
  .color_6 > h2:first-child,
  .color_6 .summary > h3:first-child,
  .color_6 .btn a,
  .color_6 .link a {
    background: #ff5000 !important;
  }
  .jeunes .color_6 .list h3,
  .jeunes .color_6 > h2:first-child,
  .jeunes .color_6 .summary > h3:first-child,
  .jeunes .color_6 .btn a,
  .jeunes .color_6 .link a {
    background: #fec00d !important;
  }
  .color_7 .list h3,
  .color_7 > h2:first-child,
  .color_7 .summary > h3:first-child,
  .color_7 .btn a,
  .color_7 .link a {
    background: #00a0a7 !important;
  }
  .jeunes .color_7 .list h3,
  .jeunes .color_7 > h2:first-child,
  .jeunes .color_7 .summary > h3:first-child,
  .jeunes .color_7 .btn a,
  .jeunes .color_7 .link a {
    background: #1690ff !important;
  }
  .color_8 .list h3,
  .color_8 > h2:first-child,
  .color_8 .summary > h3:first-child,
  .color_8 .btn a,
  .color_8 .link a {
    background: #00a0a7 !important;
  }
  .jeunes .color_8 .list h3,
  .jeunes .color_8 > h2:first-child,
  .jeunes .color_8 .summary > h3:first-child,
  .jeunes .color_8 .btn a,
  .jeunes .color_8 .link a {
    background: #bbbbbb !important;
  }
  /* ---------------  CONTENT => jeunes */
  .jeunes:before,
  .jeunes:after {
    display: none;
  }
  .jeunes .body_overflow {
    background: #ecfde5;
  }
  .jeunes .nav_mobile #main_nav_rwd .nav_item a {
    color: #484f60;
  }
  .jeunes .nav_mobile #main_nav_rwd .nav_item.color_1 {
    background: #f4ff1c;
  }
  .jeunes .nav_mobile #main_nav_rwd .nav_item.color_2 {
    background: #c2ff1b;
  }
  .jeunes .nav_mobile #main_nav_rwd .nav_item.color_3 {
    background: #72ff1c;
  }
  .jeunes .nav_mobile #main_nav_rwd .nav_item.color_4 {
    background: #47e701;
  }
  .jeunes #header:after {
    display: none;
  }
  .jeunes #content header .toolsbox {
    margin-bottom: 10px !important;
  }
  .jeunes #content header h1 {
    margin: -10px -10px 10px -10px !important;
    padding: 5px 10px !important;
    font-size: 2em !important;
  }
  .jeunes #content header .ill_pano {
    margin-left: -10px;
    margin-right: -10px;
  }
  .jeunes #content .block .resume {
    margin-bottom: 0;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left bottom repeat-x;
    border: 0;
  }
  .jeunes #content .block .resume:first-child {
    border-top: 0;
  }
  .jeunes #content .block.visio {
    padding: 0 !important;
  }
  .jeunes #content .block.visio h3 {
    margin: -12px -10px 5px -10px;
    padding: 5px 10px;
    font-size: 1.5em;
  }
  .jeunes #content:after,
  .jeunes #content:before,
  .jeunes #content col:after {
    display: none;
  }
}
@media screen and (max-width: 40em) and (min-width: 550px) {
  .small .block,
  .x2 {
    position: relative;
    width: 48%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .small .block:nth-of-type(2n+2),
  .x2 + .x2 {
    float: right;
  }
}
@media screen and (max-width: 40em) and (max-width: 550px) {
  .x2,
  .x3 {
    float: none !important;
    width: 100% !important;
  }
}
@media screen {
  /** 
* 
* @summary 
*   RESPONSIVE => Fluid screen (design between breakpoints)
*
*/
}
@media screen and (min-width: 960px) {
  .rwd_hidden_l {
    display: none;
  }
  .rwd_visible_l {
    display: block;
  }
  .rwd_visible_m {
    display: none;
  }
  .rwd_visible_s {
    display: none;
  }
}
@media screen and (max-width: 960px) and (min-width: 40em) {
  .rwd_hidden_m {
    display: none;
  }
  .rwd_visible_l {
    display: none;
  }
  .rwd_visible_m {
    display: block;
  }
  .rwd_visible_s {
    display: none;
  }
}
@media screen and (max-width: 40em) {
  .rwd_hidden_s {
    display: none;
  }
  .rwd_visible_l {
    display: none;
  }
  .rwd_visible_m {
    display: none;
  }
  .rwd_visible_s {
    display: block;
  }
}
@media print {
  /** 
* Feuille de style pour l'impression
* 
* @client INPES
* @project AIS
* @author Kaliop 
* 
*
* @summary 
*   NON IMPRIMABLE
*   RESET
*   EN TETE DE PAGE : HEADER & FIL D'ARIANE 
*   PARTIE CENTRALE : CONTENT 
*   ___ CONTENT => Mise en forme 
*   ___ CONTENT => Blocs 
*   ___ CONTENT => Listes de resultats
*   ___ CONTENT => Colonnes 
*   ___ CONTENT => Zone principale 
*   PIED DE PAGE : FOOTER
*
*/
  /* NON IMPRIMABLE 
---------------------------------------------------------------------------------------------------*/
  #header .alt_nav,
  #header .shortcuts,
  #main_nav,
  .nav_mobile,
  .nav_mobile_btn,
  .rwd_visible_s,
  .front_sticky,
  .toolsbox .tools,
  .col.small,
  #footer,
  #block_vf,
  footer,
  .breadcrumbs,
  .nav,
  .visio_nav,
  .social_mark,
  .form,
  .results_options,
  .link,
  .file,
  .btn,
  .btn_map,
  .btn_top,
  .btn_back,
  .dropdown,
  .action,
  .actions,
  .tools,
  .block_settings,
  .pertinence,
  .mask,
  .modal,
  .flex-control-nav,
  .flex-direction-nav,
  .template,
  #idz_btn,
  #debug {
    display: none;
  }
  /* RESET 
---------------------------------------------------------------------------------------------------*/
  body {
    margin: 0;
    padding: 0;
    font-family: Georgia,times,serif;
    font-size: 10pt;
    color: #000;
  }
  body * {
    margin: 0;
    padding: 0;
    border: none;
  }
  a {
    text-decoration: none;
    color: #000;
  }
  ul,
  ol {
    list-style-position: inside;
  }
  table,
  td,
  blockquote,
  code,
  pre,
  textarea,
  input,
  iframe,
  object,
  embed,
  video {
    max-width: 100% !important;
  }
  img,
  iframe,
  object,
  embed {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
  }
  textarea,
  table,
  td,
  th,
  code,
  pre,
  samp {
    word-wrap: break-word;
  }
  code,
  pre,
  samp {
    white-space: pre-line;
  }
  /* EN TETE DE PAGE : HEADER & FIL D'ARIANE 
---------------------------------------------------------------------------------------------------*/
  /* HEADER => zone de titre */
  #header .site_id {
    overflow: hidden;
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    font-size: 1em;
    font-family: arial;
  }
  #header .site_id img {
    text-align: center;
  }
  #header .site_id .tel {
    display: none;
  }
  /* PARTIE CENTRALE : CONTENT 
---------------------------------------------------------------------------------------------------*/
  .home .col.small {
    display: block;
  }
  /* ---------------  CONTENT => Mise en forme */
  /* Mise en forme => titres */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: arial, sans-serif;
    font-weight: normal;
    color: #ff5000;
    margin: 1.5em 0 1em 0;
  }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: #666;
    text-decoration: none;
  }
  h1 {
    font-size: 2em;
    margin-top: 0;
    color: #000;
  }
  h2 {
    font-size: 1.7em;
  }
  h3 {
    font-size: 1.3em;
  }
  h4 {
    font-size: 1.1em;
  }
  h5 {
    font-size: 1.1em;
  }
  h6 {
    font-size: 1em;
  }
  h2:first-child {
    margin-top: 0 !important;
  }
  header h2 {
    margin: 0 0 5px 0;
    font-size: 1em;
    text-transform: uppercase;
  }
  /* Mise en forme => meta */
  .meta {
    margin: 0;
    font-size: 0.9em;
  }
  /* Mise en forme => paragraphes et listes */
  .content p {
    margin-bottom: 1em;
  }
  .content ul,
  .content ol {
    margin-bottom: 1em;
  }
  .content ul ul,
  .content ul ol,
  .content ol ul,
  .content ol ol {
    margin: 0.5em 0 0.5em 1em;
  }
  /* Mise en forme => liens */
  .content .file a {
    text-decoration: none;
    color: #000;
  }
  /* Mise en forme => citation */
  blockquote {
    overflow: hidden;
    margin: 1.5em 0;
    padding: 20px 20px 10px 20px;
    border: 1px solid #999;
    font-style: italic;
  }
  blockquote p {
    margin-bottom: 0.5em;
  }
  blockquote cite {
    float: right;
    color: #172530;
    font-style: normal;
  }
  /* Mise en forme => encadre */
  .factbox-content {
    position: relative;
    margin: 1.5em 0;
    padding: 20px 20px 10px 20px;
    border: 1px solid #999;
  }
  /* Mise en forme => images */
  figure {
    position: relative;
  }
  figure figcaption {
    padding: 2px 0;
    font-style: italic;
    font-size: 0.9em;
  }
  figure .action {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -28px;
  }
  /* Mise en forme => tableaux */
  /* tableaux de données */
  table {
    width: 100%;
    margin-bottom: 1.5em;
    border-collapse: collapse;
  }
  table caption {
    margin-bottom: 1em;
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
  }
  table th {
    padding: 0.5em;
    border: 1px solid #666;
  }
  table td {
    padding: 0.5em;
    border: 1px solid #666;
  }
  /* tableaux de mise en page */
  table.table_form {
    margin-bottom: 0;
  }
  table.table_form tr {
    background: none !important;
  }
  table.table_form td {
    padding: 0 0 1em 0;
    background: none;
    border: 0;
    vertical-align: top;
    font-size: 1em;
  }
  table.table_form td + td {
    padding-left: 20px;
  }
  table.table_form h2,
  table.table_form h3,
  table.table_form h4 {
    margin: 0 0 1em 0;
  }
  /* Mise en forme => positionnement */
  .left,
  .object-left {
    float: left;
    margin-right: 20px;
  }
  .right,
  .object-right {
    float: right;
    margin-left: 20px;
  }
  .center,
  .object-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .center figure,
  .object-center figure {
    display: block;
  }
  .text-right {
    text-align: right;
  }
  .text-center {
    text-align: center;
  }
  .text-justify {
    text-align: justify;
  }
  /* Mise en forme => outils de mise en page */
  .clear_spacer,
  hr {
    clear: both;
  }
  .sep {
    clear: both;
    margin: 0;
    padding: 0;
    border-top: 1px dotted #ccc;
  }
  .horschamp {
    position: absolute;
    left: -300em;
  }
  /* ---------------  CONTENT => Block */
  .content .medium .block {
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
  .col .x2 {
    position: relative;
    width: 48%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .col .x2 + .x2 {
    float: right;
  }
  /* block visio */
  .content .visio .visio_content .view .ill {
    width: 200px;
    float: left;
    margin: 0 20px 10px 0;
  }
  .content .visio .visio_content .view .desc {
    overflow: hidden;
  }
  .content .visio .visio_content .view .desc h3 {
    margin-top: 0;
  }
  /* ---------------  CONTENT => View */
  /* View => general */
  .view {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
  }
  /* View => resume */
  .resume,
  .box {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
  .resume h3,
  .box h3,
  .resume h3 a,
  .box h3 a {
    margin: 0 0 5px 0;
    color: #ff5000;
  }
  .resume .ill,
  .box .ill {
    overflow: hidden;
    float: left;
    width: 100px;
    margin-right: 15px;
  }
  .resume .desc,
  .box .desc {
    overflow: hidden;
  }
  .resume .intro,
  .box .intro {
    margin: 0;
  }
  .resume .date,
  .box .date {
    display: block;
  }
  /* View => list */
  .list h3,
  .list h3 a {
    margin: 0 0 5px 0;
    color: #ff5000;
  }
  .list ul[style] {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
  }
  .list li {
    display: block;
    list-style: none;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
  }
  .list li strong {
    display: block;
    font-size: 1.2em;
  }
  .list_form .form {
    display: block;
  }
  .list_form fieldset {
    overflow: hidden;
    margin: 0;
    padding: 0 0 10px 0;
  }
  .list_form fieldset legend {
    width: 76%;
    font-size: 1em;
  }
  .list_form fieldset li {
    padding: 0;
    background: none;
    font-size: 1.2em;
  }
  /* View table */
  .table tr {
    background: none;
  }
  .table th,
  .table td {
    padding: 12px 5px;
    border: 0;
    vertical-align: middle;
    text-align: left;
  }
  .table th {
    min-width: 90px;
    padding-top: 0;
    background: none;
    color: #ff5000;
    text-transform: uppercase;
    font-weight: bold;
  }
  .table th a {
    color: #ff5000;
    text-decoration: none;
  }
  .table a {
    color: #666;
  }
  .table .date {
    display: block;
    min-width: 150px;
    font-size: 0.9em;
  }
  /* View => sitemap */
  .sitemap {
    display: block;
  }
  /* Full => Editorial */
  .content header .toolsbox {
    margin: 0;
    color: #ff5000;
    text-transform: uppercase;
    font-weight: bold;
  }
  .content header .ill_pano {
    margin: -21px 0 20px 0;
  }
  .content header .ill {
    float: left;
    width: 250px;
    margin-right: 20px;
  }
  .content header h1 + .meta {
    margin-top: -10px;
  }
  .content header .meta {
    margin-bottom: 20px;
    color: #999;
  }
  .content header .meta > span + span:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    margin: 0 15px;
    background: #666;
    vertical-align: bottom;
  }
  .content header .meta .social_mark {
    margin-right: 5px;
  }
  .content header .map {
    float: right;
    margin: 0 0 15px 20px;
  }
  .content header .map .gmap {
    width: 250px;
    height: 150px;
  }
  .content .editorial {
    overflow: hidden;
    float: none;
    bottom: 0;
    padding: 0;
  }
  .content .editorial header {
    overflow: hidden;
  }
  .content .editorial .visuel {
    width: 200px;
    float: left;
    margin: 0 15px 5px 0;
  }
  .content .editorial .intro {
    margin-bottom: 10px;
    font-size: 1.2em;
  }
  .btn.caracteristic {
    display: block;
    float: right;
  }
  .btn.caracteristic span {
    position: relative;
    padding: 7px 7px 7px 30px;
    border: 3px solid #999;
    background: #FFF;
    color: #999;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
  }
  .btn.caracteristic span:before {
    content: "\e602";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 16px;
  }
  .btn.caracteristic span.interdit:before {
    content: "\e602";
    font-size: 14px;
    top: 6px;
  }
  .btn.caracteristic span.prescription:before {
    content: "\e603";
    font-size: 20px;
    left: 3px;
    top: 3px;
  }
  .btn.caracteristic span.reglemente:before {
    content: "\e604";
  }
  .btn.caracteristic span.autorise:before {
    content: "\e605";
  }
  .cjc #header .site_id img {
    max-width: 150px;
  }
}
@media screen {
  /*--------------------------------
                      VARIABLES
--------------------------------*/
  /*--------------------------------
            BUTTON FLOATING CHAT
--------------------------------*/
  /* ------ GLOBAL ------ */
  .item-reset {
    margin: 0 16px 18px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    background: #4481eb;
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.19);
  }
  .item-reset,
  .item-reset button.button-action,
  .item-reset .button-header-title,
  .item-reset p.button-content-message {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    line-height: 1.2;
  }
  .button-wrapper,
  button.button-action {
    border-radius: 20px;
  }
  .button-header-title,
  p.button-content-message {
    color: #fff;
  }
  /* ------ CONTAINER ------ */
  .dimelo_chat_mode_offline .item-reset {
    background: #A1A1A1;
  }
  /* ------ WRAPPER ------ */
  .button-wrapper {
    max-width: 205px;
  }
  .button-inner-wrapper {
    padding: 20px 24px;
  }
  /* ------ HEADER ------ */
  .button-header {
    position: relative;
    margin: 0 0 25px 0;
  }
  .button-header svg {
    fill: #fff;
  }
  /* --- Button --- */
  .button-header-control {
    position: absolute;
    top: -13px;
    right: -12px;
  }
  button.button-control-quit {
    padding: 8px;
    border: 0 none;
    border-radius: 10px;
    background: transparent;
  }
  button.button-control-quit:hover,
  button.button-control-quit:focus:before,
  button.button-control-quit:active:before {
    background: #3d74d4;
  }
  /* --- Icon --- */
  .button-header-icon {
    margin: 0 0 20px;
  }
  /* --- Title --- */
  .button-header-title {
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
  }
  /* ------ CONTENT ------ */
  .button-content-message {
    margin: 0 0 25px;
  }
  /* ------ BUTTONS ------ */
  .button-actions {
    margin: 0;
    white-space: normal;
    text-decoration: none;
    cursor: pointer;
  }
  button.button-action {
    width: 100%;
    padding: 15px 10px;
    position: relative;
    border: 2px solid #fff;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: #4481eb;
  }
  button.button-action:focus:before,
  button.button-action:active:before,
  button.button-action:hover:before {
    content: '';
    position: absolute;
    display: block;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.12);
  }
}
@media screen {
  /* DIS
---------------------------------------------------------------------------------------------------*/
  body {
    background-image: url('../images/bkgd/bkgd_body.png');
  }
  /* helpers */
  .btn a {
    border: 0;
  }
  .btn.caracteristic span {
    position: relative;
    padding: 7px 7px 7px 30px;
    border: 3px solid #999;
    background: #FFF;
    color: #999 !important;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
  }
  .btn.caracteristic span:before {
    content: "\e602";
    font-family: 'icono_ais' !important;
    display: inline-block;
    speak: none;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none !important;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 20px;
  }
  .btn.caracteristic span.interdit:before {
    content: "\e602";
    font-size: 18px;
    top: 10px;
  }
  .btn.caracteristic span.prescription:before {
    content: "\e603";
    font-size: 25px;
    left: 3px;
    top: 3px;
  }
  .btn.caracteristic span.reglemente:before {
    content: "\e604";
  }
  .btn.caracteristic span.autorise:before {
    content: "\e605";
  }
  .btn_map span {
    background-image: url('../images/pictos/picto_map.png');
  }
  /* Formulaire */
  .form {
    padding-top: 10px;
  }
  .form select {
    background-image: url('../images/pictos/picto_select.png');
  }
  .form .number label {
    width: 65%;
  }
  .form .number input {
    width: 5em;
    margin-right: 10px;
  }
  .form fieldset.block legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 110%;
    float: none;
    margin: -10px -20px 20px -20px;
    padding: 5px 20px;
    background: #00a0a7;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1.4;
    color: #fff !important;
  }
  .form fieldset.block .text textarea {
    height: 50px;
  }
  .form .fields.big {
    position: relative;
    max-width: 450px;
    margin: 30px auto;
  }
  .form .fields.big label {
    display: inline-block;
    float: left;
    width: 30%;
    margin: -2px 20px 0 0;
    padding: 0;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-align: right;
    text-transform: uppercase;
    font-size: 2em;
    color: #ff5000;
    line-height: 1;
  }
  .form .fields.big input {
    height: 40px;
  }
  .form .fields.big .text {
    width: 55%;
  }
  .form .fields.big .submit {
    position: absolute;
    right: 0;
    padding: 10px;
  }
  .form .submit a,
  .form .submit input {
    border: 0;
  }
  .form .fields .submit {
    border: 0;
  }
  .form.search_pro .text input,
  .form.search_pro select,
  .form.search_pro textarea {
    max-width: 300px;
  }
  .form.search_pro .submit {
    margin-top: -38px;
  }
  /* Layout => header */
  #header {
    padding-bottom: 30px;
  }
  #header:before {
    height: 30px;
  }
  #header .site_id img {
    margin-top: 0;
  }
  #header .overflow {
    position: relative;
  }
  #header .shortcuts {
    height: 30px;
    margin-right: 200px;
    margin-bottom: 35px;
  }
  #header .shortcuts .pro {
    line-height: 30px;
  }
  #header #search {
    position: absolute;
    width: 150px;
    top: 7px;
    right: 0;
  }
  #header #search .text {
    width: 135px;
    height: 16px;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }
  #header #search .submit {
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
    height: 17px;
    padding: 3px;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }
  #header .nav {
    width: 70%;
  }
  #header #main_nav .nav_item {
    border: 0;
  }
  #header #main_nav .nav_item a {
    padding: 20px 10px;
    color: #fff;
  }
  #header #main_nav .nav_item a:hover,
  #header #main_nav .nav_item a:focus {
    color: #fff !important;
  }
  #header #main_nav .nav_item a:after {
    color: #FFF !important;
  }
  #header #main_nav .nav_item.open > a {
    color: #fff !important;
  }
  #header #main_nav .nav_item.selected > a {
    color: #fff !important;
  }
  #header #main_nav .subnav {
    color: #fff;
  }
  #header #main_nav .subnav li a {
    padding: 0;
    color: #fff;
  }
  #header #main_nav .subnav li a:hover,
  #header #main_nav .subnav li a:focus {
    color: #484f60 !important;
  }
  .js_active #main_nav .subnav {
    left: 1px;
  }
  .js_active #main_nav .nav_item:first-child .subnav {
    left: 0;
  }
  /* Layout => footer */
  #footer .social {
    border: 0;
    background: #ff5000;
  }
  /* Content => block */
  .content .block {
    border-top: 0 !important;
  }
  .content .block > h2:first-child,
  .content .block header h1,
  .content .block .surtitre .toolsbox,
  .content .block .list h3,
  .content .block .summary:first-child h3 {
    margin: -5px -10px 10px -10px;
    padding: 5px 10px;
    background: #00a0a7 !important;
    font-size: 1.5em;
    line-height: 1.4;
    color: #fff !important;
  }
  .content .block > h2:first-child a,
  .content .block header h1 a,
  .content .block .surtitre .toolsbox a,
  .content .block .list h3 a,
  .content .block .summary:first-child h3 a {
    color: #fff !important;
  }
  .content .block > .title_section:first-child,
  .content .block .title_section {
    padding: 0;
    color: #ff5000 !important;
    background: none !important;
  }
  .content .block header .toolsbox {
    margin: 0;
  }
  .content .block header .tools {
    position: absolute;
    top: 3px;
    right: 0;
    margin: 0;
  }
  .content .block header.surtitre .toolsbox,
  .content .block header h1 {
    margin: -10px -20px 20px -20px;
    padding: 5px 20px;
  }
  .content .block header.surtitre h1 {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    background: none !important;
    font-size: 2.5em;
    line-height: 1;
    color: #484f60 !important;
  }
  .content .block header.surtitre .tools {
    right: 15px;
  }
  .content .block header .ill_pano {
    margin: 20px -20px;
  }
  .content .block header h1 + .ill_pano {
    margin-top: -20px;
  }
  .content .block.visio {
    padding: 0 !important;
  }
  .content .block.visio .visio_content .view .ill {
    margin: 0;
  }
  .content .block.visio .visio_content .view .desc h3 {
    padding: 3px 10px;
    background: #00a0a7;
    font-size: 2.2em;
    line-height: 1.4;
    color: #fff !important;
  }
  .content .block.visio .visio_content .view .desc h3 a {
    color: #fff !important;
  }
  .content .block.visio .visio_content .view .desc .intro {
    padding: 10px;
  }
  .content .block.visio .visio_content .view .desc .link {
    right: 10px;
  }
  .content .block.actu h1 {
    font-size: 1.5em;
  }
  .content .block .summary:first-child {
    font-size: 1em;
  }
  .content .block .view .ill {
    border: 0 !important;
  }
  .content .block .view.list > .ill {
    margin: -5px -10px 5px -10px;
  }
  .content .small .block > h2:first-child,
  .content .small .block header h1,
  .content .small .block .visio h3,
  .content .small .block .list h3,
  .content .small .block .visio_content h3 {
    text-align: center;
  }
  .content .resume h3 {
    color: #ff5000;
  }
  .content .resume.ais_www h3 {
    color: #57A900 !important;
  }
  .content .resume.ais_www h3 a {
    color: #57A900 !important;
  }
  .content .resume.ais_www a {
    color: #57A900 !important;
  }
  .content .resume.ais_jeune h3 {
    color: #57A900 !important;
  }
  .content .resume.ais_jeune h3 a {
    color: #57A900 !important;
  }
  .content .resume.ais_jeune a {
    color: #57A900 !important;
  }
  .content .resume.dis_www h3 {
    color: #ff5000 !important;
  }
  .content .resume.dis_www h3 a {
    color: #ff5000 !important;
  }
  .content + footer {
    margin-bottom: 10px;
  }
  /* Content => specifics */
  .content .contact {
    margin: -10px;
  }
  .content .contact figure {
    clear: both;
    margin: 0;
    padding: 10px;
    background: #74ccd2;
    line-height: 120px;
  }
  .content .contact h3 {
    margin-bottom: 5px;
    padding-bottom: 0;
    background: none;
    text-transform: none;
    font-size: 1.8em;
  }
  .content .contact h3:after {
    display: none;
  }
  .content .contact .desc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 140px;
    padding: 10px;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left bottom repeat-x;
    background-position: top left;
    text-align: center;
  }
  .content .contact .desc * {
    text-align: center;
  }
  .content .contact .form {
    padding-top: 0;
  }
  .content .contact figure:first-child + .desc {
    background: none;
  }
  .content .contact .tabs {
    border: 0;
    padding: 8px;
  }
  .content .contact .tabs ul {
    width: 100%;
  }
  .content .contact .tabs li + li {
    border-left: 1px solid #fff;
  }
  .content .contact .tabs a {
    border: 0;
    background: #74ccd2;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
  }
  .content .contact .tabs a:hover,
  .content .contact .tabs a:focus {
    background: #9bdade;
  }
  .content .contact .tabs .selected a {
    background: #c1e8eb;
  }
  .content .contact .tabs .selected a:after {
    display: none;
  }
  .content .contact .tabs_section {
    padding: 10px 30px;
    background: #FFF;
    text-align: center;
  }
  .content .contact .tabs_section * {
    text-align: center;
  }
  .content .search_dico figure {
    margin-bottom: 0;
    padding: 20px 10px;
  }
  .content .search_dico .desc {
    margin-right: 15px;
    text-align: center;
  }
  .content .search_dico .desc .fields .text {
    width: 80%;
  }
  .content .list li .vignette {
    min-height: 125px;
    margin: 0 10px 0 0;
  }
  .dico {
    margin-bottom: 150px;
  }
  .dico:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
  }
  .dico .nav {
    text-align: right;
    font-size: 1em;
  }
  .dico .nav li {
    padding: 0 450px 0 0;
    margin: 0;
    cursor: pointer;
  }
  .dico .nav li:before {
    display: none;
  }
  .dico .nav li > a {
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-size: 2.1em;
    color: #666;
  }
  .dico .nav li > a:hover,
  .dico .nav li > a:focus {
    color: #ff5000;
    text-decoration: none;
  }
  .dico .view {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 20px;
    background: #FFF;
    position: absolute;
    width: 350px;
    right: 50px;
    top: -15px;
    margin: 0 !important;
    padding: 20px 30px;
    text-align: left;
  }
  .dico .view:before,
  .dico .view:after {
    content: " ";
    position: absolute;
    clear: both;
    bottom: 18px;
    width: 50%;
    height: 10px;
    z-index: -10;
  }
  .dico .view:before {
    left: 50px;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
  }
  .dico .view:after {
    right: 50px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
  }
  .dico .view .desc {
    margin-bottom: 15px;
  }
  .dico .view .btn {
    text-align: center;
  }
  .dico .show {
    z-index: 99;
  }
  .dico .show .view {
    display: block;
  }
  .dico .show > a {
    color: #ff5000 !important;
  }
  .dico .show:after {
    content: "▶";
    position: absolute;
    z-index: 10;
    top: -2px;
    right: 390px;
    color: #ff5000;
    text-shadow: 2px 0 4px #e2dfdb;
    font-size: 30px;
    line-height: 1;
  }
  .cjc_search {
    background: #00a0a7;
    padding: 5px 20px;
    width: 50%;
    margin: 0 0 20px 0;
  }
  .cjc_search p {
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-size: 1.5em;
    line-height: 1.4;
    color: #fff !important;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .feedback {
    position: relative;
    margin-bottom: 2em;
    padding: 10px;
    background: #57a900;
    color: #FFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  }
  .feedback.error {
    background: #ff5000;
  }
  .feedback.info {
    background: #00a0a7;
  }
  .feedback h2 {
    margin: 0 0 0.5em 0;
    color: #FFF;
  }
  .feedback a {
    color: #FFF !important;
  }
  /* Comportements => dropdown_block */
  .content .dropdown_block {
    margin-bottom: 0;
    padding: 10px 20px 0 20px !important;
  }
  .content .dropdown_block:after,
  .content .dropdown_block:before {
    display: none;
  }
  .content .dropdown_block > .dropdown_header:first-child,
  .content .dropdown_block .dropdown_header {
    cursor: pointer;
    margin: 0 !important;
    padding-bottom: 10px !important;
    background: url('../../../../adalis_socle/design/common/images//bkgd/border.png') left bottom repeat-x !important;
  }
  .content .dropdown_block > .dropdown_header:first-child:after,
  .content .dropdown_block .dropdown_header:after {
    content: url(../images/pictos/picto_resize.png);
    position: absolute;
    right: 5px;
    bottom: 5px;
  }
  .content .dropdown_block .dropdown_content {
    margin-top: 15px;
  }
  #editorial + footer {
    position: relative;
    padding: 20px;
    background: #FFF;
    margin-bottom: 25px;
    margin-top: 0;
  }
  #editorial + footer:before,
  #editorial + footer:after {
    content: " ";
    position: absolute;
    clear: both;
    bottom: 18px;
    width: 50%;
    height: 10px;
    z-index: -10;
  }
  #editorial + footer:before {
    left: 50px;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
  }
  #editorial + footer:after {
    right: 50px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
  }
  .js_active .dropdown_block .dropdown_content {
    display: none;
  }
  .js_active .dropdown_block.open {
    margin: 25px 0;
    padding: 20px !important;
  }
  .js_active .dropdown_block.open:after,
  .js_active .dropdown_block.open:before {
    display: block;
  }
  .js_active .dropdown_block.open .dropdown_header:after {
    bottom: 0;
  }
  .js_active .dropdown_block.open .dropdown_content {
    display: block;
  }
  #header #main_nav .nav_item.color_1,
  #header #main_nav .color_1 .subnav {
    background: #ffa200;
  }
  .content .color_1 header h1,
  .content .color_1 .surtitre .toolsbox,
  .content .color_1.visio .visio_content .view .desc h3 {
    background: #ffa200;
  }
  #header #main_nav .nav_item.color_2,
  #header #main_nav .color_2 .subnav {
    background: #ff7e00;
  }
  .content .color_2 header h1,
  .content .color_2 .surtitre .toolsbox,
  .content .color_2.visio .visio_content .view .desc h3 {
    background: #ff7e00;
  }
  #header #main_nav .nav_item.color_3,
  #header #main_nav .color_3 .subnav {
    background: #ff6c00;
  }
  .content .color_3 header h1,
  .content .color_3 .surtitre .toolsbox,
  .content .color_3.visio .visio_content .view .desc h3 {
    background: #ff6c00;
  }
  #header #main_nav .nav_item.color_4,
  #header #main_nav .color_4 .subnav {
    background: #ff5000;
  }
  .content .color_4 header h1,
  .content .color_4 .surtitre .toolsbox,
  .content .color_4.visio .visio_content .view .desc h3 {
    background: #ff5000;
  }
  /* DIS RESPONSIVE
---------------------------------------------------------------------------------------------------*/
}
@media screen and (max-width: 960px) {
  .btn.caracteristic {
    margin-top: 10px;
    text-align: center;
  }
  .btn.caracteristic span {
    display: block;
  }
  .form .fields.big label {
    display: block;
    width: auto;
    margin-bottom: 10px;
  }
  .form.search_pro .text input,
  .form.search_pro select,
  .form.search_pro textarea {
    max-width: none;
  }
  .form.search_pro .submit {
    margin: 10px;
  }
  .form .number label {
    width: auto;
  }
  .content .block > h2:first-child,
  .content .block header h1,
  .content .block .surtitre .toolsbox,
  .content .block .list h3,
  .content .block .summary:first-child h3 {
    margin: -10px -10px 10px -10px;
    padding: 5px 10px;
  }
  .content .block header.surtitre .toolsbox,
  .content .block header h1 {
    margin: -10px -10px 10px -10px;
    padding: 5px 10px;
  }
  .content .block header .ill_pano {
    margin: 10px -10px;
  }
  .content .block header h1 + .ill_pano {
    margin-top: -10px;
  }
  .dico {
    margin-bottom: 30px;
  }
  .dico .nav {
    text-align: left;
  }
  .dico .nav li {
    padding: 10px;
    background: #FFF;
  }
  .dico .view {
    position: relative;
    display: block;
    float: none;
    width: auto;
    right: auto;
    top: auto;
    padding: 0;
  }
  .dico .view:after,
  .dico .view:before {
    display: none;
  }
  .dico .view .desc {
    margin: 0;
  }
  .dico .view .ill {
    display: none;
  }
  .dico .view .btn {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  #header .site_id a:first-child {
    background-image: url("../images/logos/logo_mobile.png");
  }
  #header .nav {
    width: 100%;
  }
}
@media screen and (max-width: 40em) {
  .rwd_visible_s .contact {
    background: #999;
  }
  .nav_mobile_btn {
    color: #999;
  }
  .nav_mobile_btn:after {
    color: #FFF;
  }
  .content .block.visio .visio_content {
    height: 300px;
  }
  .content .block.visio .visio_content .view .desc h3 {
    margin: -10px -10px 10px -10px;
    padding: 5px 10px;
    font-size: 1.5em;
    line-height: 1;
  }
  .content .block.visio .visio_content .view .desc .intro {
    padding: 0;
  }
  .home .content .col.main .x2 + .x2 + .x2 {
    display: none;
  }
  .home .content .col.main .x2 + .x2 + .x2 + .x2 {
    display: block;
  }
}

@media screen {
  .advert-campaign {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: rgba(102, 102, 102, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .advert-campaign--inner {
    margin: 10px;
    max-width: 500px;
    width: 100%;
    padding-bottom: 5px;
    text-align: center;
    background-color: #fff;
  }
  .advert-campaign--image {
    position: relative;
    img {
      height: 236px;
      width: 100%;
      object-fit: cover;
      object-position: 0 0;
    }
  }
  .advert-campaign--inner .advert-heading {
    margin-bottom: 15px;
    margin-top: 0;
    padding: 7px 10px 9px;
    background-color: #FF7E00;
    h3 {
      font-size: 28px;
      color: #fff;
      margin-bottom: 0px;
      text-transform: none;
      white-space: nowrap;
      .advert-campaign-link {
        color: #fff;
      }
    }
  }
  .advert-campaign--inner p {
    font-size: 13px;
    margin-bottom: 1em;
  }
  .advert-campaign--inner .answer {
    width: 95%;
    margin: auto;
  }
  .advert-campaign--inner .answer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
  }
  .advert-campaign--inner .answer .redirect-campaign {
    border-radius: 3px;
    padding: 10px 15px;
    color: #fff;
    font-size: 10px;
    font-family: 'alternate_gothic_fs_no_3Rg', sans-serif;
  }
  .advert-campaign--inner .answer .redirect-campaign:hover {
    text-decoration: underline;
  }
  .advert-campaign--inner .answer a {
    float: right;
  }
  .advert-campaign--inner .answer .btn a {
    font-size: 18px;
  }
  .advert-campaign--inner .answer .redirect-campaign {
    background-color: #FF5000;
  }
  .advert-campaign--inner .answer .close-campaign {
    background-color: #666666;
  }
  .close-campaign {
    background-image: url('../images/pictos/picto_close.png');
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
    height: 29px;
    width: 29px;
    border-radius: 15px;
  }
  .campaign-deny {
    align-self: flex-start;
    text-decoration: underline;
  }
}

@media screen and (max-width: 960px) {
  .advert-campaign--inner {
    max-width: 380px;
    width: 90%;
  }
  .advert-campaign--inner .advert-heading h3 {
    font-size: 23px;
    white-space: nowrap;
  }
  .campaign-deny {
    font-size: 15px;
  }
}

@media screen and (max-width: 410px) {
  .advert-campaign--inner {
    max-width: 360px;
    width: 90%;
  }
  .advert-campaign--inner .advert-heading h3 {
    font-size: 20px;
  }
}