@charset "UTF-8";
/*tl.scss*/
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,700&display=swap");
/*
POINTS DE RUPTURE
320px
480px	screens between 321px and 480px
640px	screens between 481px and 640px
768px	screens between 641px and 768px
960px	screens between 769px and 960px
1024px	screens between 961px and 1024px
1280px	screens between 1025px and 1280px
1440px	screens between 1281px and 1440px
1600px	screens between 1441px and 1600px
1920px	ultra large screens
*/
/*
COMPATIBILITES :
HACKS CSS :
• "declaration:argument\9" CIBLE IE9 et INFERIEURS
•  "declaration:argument\0" CIBLE IE8 et IE7
"calc" COMPATIBLE A PARTIR D'IE9
*/
/*F_variables.scss*/
.clear {
  /*mixin CLEAR*/
  display: block;
  clear: both;
  height: 0px;
  content: "\00a0";
  visibility: hidden; }

.float-right {
  float: right !important; }

.float-left {
  float: left !important; }

.flex {
  display: flex; }
  .flex .flex-grow-1 {
    flex-grow: 1; }

.flex-shrink {
  flex-shrink: 1; }

.mt1 {
  margin-top: 10px; }

.mt2 {
  margin-top: 20px; }

.mt3 {
  margin-top: 30px; }

.mb1 {
  margin-bottom: 10px; }

.mb2 {
  margin-bottom: 20px; }

.mb3 {
  margin-bottom: 30px; }

.ml1 {
  margin-left: 10px; }

.ml2 {
  margin-left: 20px; }

.ml3 {
  margin-left: 30px; }

.mr1 {
  margin-right: 10px; }

.mr2 {
  margin-right: 20px; }

.mr3 {
  margin-right: 30px; }

.video-box {
  position: relative; }
  .video-box.is-large {
    padding-bottom: 56%; }
  .video-box iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.statics:empty {
  display: none; }

.ovh {
  overflow: hidden; }

.visu-full-special {
  margin-top: 0;
  background: #54358b;
  background: linear-gradient(to right, #54358b 0%, #bd2e2a 100%);
  text-align: center; }

figure.left {
  float: left;
  width: 33%;
  margin-right: 1.5rem;
  margin-bottom: 1rem;
  margin-top: .4em;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  figure.left figcaption {
    margin-top: .5em;
    padding-bottom: .5em;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.9em; }

.icon-pdf:before {
  display: inline-block;
  align-self: center;
  text-align: center;
  vertical-align: -.4em;
  margin-right: .5em;
  content: '';
  background-image: url(/img/pdf-file-format-symbol.svg);
  background-size: 2.5rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 2.5rem;
  height: 2.5rem; }

.icon-pdf.is-white:before {
  background-image: url(/img/pdf-file-format-symbol-white.svg); }

.icon-button.icon-pdf:before, .has-accordion .icon-pdf.accordion-toggle-button:before {
  display: inline-block;
  content: '';
  background-image: url(/img/pdf-file-format-symbol.svg);
  background-size: 2.5rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 4rem;
  height: 4rem; }
  .icon-button.icon-pdf:before.is-primary, .has-accordion .icon-pdf.accordion-toggle-button:before.is-primary {
    background-image: url(/img/pdf-file-format-symbol-white.svg); }
  .icon-button.icon-pdf:before.is-outlined, .has-accordion .icon-pdf.accordion-toggle-button:before.is-outlined {
    background-image: url(/img/pdf-file-format-symbol.svg); }

.fix-art .widget {
  margin-top: 3rem; }

.fix-art .board {
  position: static !important; }
  .fix-art .board .ausom .ausom-tit {
    font-weight: 500;
    text-align: center;
    padding-right: 15px;
    padding-top: 15px; }

ul.ausom-l1 > li > span:hover, ul.ausom-l1 > li > span:active, ul.ausom-l1 > li > span:focus {
  background: #922611; }

.block-citation {
  padding: 1.5rem;
  box-shadow: 0 0px 2px #849aa3;
  background: #FFF; }
  .block-citation figure.left:first-child {
    background-color: #c4d1d4; }
  .block-citation p:first-of-type {
    margin-top: 0; }

.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

.bloc-like {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.bloc-pvao {
  display: flex;
  margin-bottom: 15px; }
  .bloc-pvao:after {
    /* annulation .arts-home */
    display: none !important; }
  .bloc-pvao_visu img {
    width: 150px;
    height: 150px;
    object-fit: cover; }
  .bloc-pvao_content {
    flex: 1;
    padding: 15px; }
  .bloc-pvao_cartouche {
    display: flex; }
    .bloc-pvao_cartouche_left {
      flex: 1 1 auto; }
    .bloc-pvao_cartouche_right {
      flex: 0 0 auto; }
  .bloc-pvao_title {
    color: #922611;
    font-size: 1.8em;
    font-weight: 700; }
  .bloc-pvao_surtitre {
    color: #922611;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 500; }

/*
@import url(https://fonts.googleapis.com/css?family=Raleway:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);
*/
/*
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);
*/
/* CSS Document */
@font-face {
  font-family: 'FontAwesome';
  src: url("fontawesome-webfont.eot?v=4.6.3");
  src: url("fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("fontawesome-webfont.woff?v=4.6.3") format("woff"), url("fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("stovg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("icomoon/fonts/icomoon.eot?7kze49");
  src: url("icomoon/fonts/icomoon.eot?7kze49#iefix") format("embedded-opentype"), url("icomoon/fonts/icomoon.ttf?7kze49") format("truetype"), url("icomoon/fonts/icomoon.woff?7kze49") format("woff"), url("icomoon/fonts/icomoon.svg?7kze49#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/*!
* www.KNACSS.com V4.4.4 (23 janvier 2016) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address inconsistent styling of `abbr[title]`.
 * 1. Correct styling in Firefox 39 and Opera 12.
 * 2. Correct missing styling in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Address inconsistent styling of b and strong.
 * 1. Correct duplicate application of `bolder` in Safari 6.0.2.
 * 2. Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+.
 */
b,
strong {
  font-weight: inherit;
  /* 1 */ }

b,
strong {
  font-weight: bolder;
  /* 2 */ }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address inconsistent styling of `hr`.
 * 1. Correct `box-sizing` set to `border-box` in Firefox.
 * 2. Correct `overflow` set to `hidden` in IE 8/9/10/11 and Edge 12.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * 1. Correct inheritance and scaling of font-size for preformatted text.
 * 2. Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct font properties not being inherited.
 * 2. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * Address `appearance` set to `searchfield` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* ----------------------------- */
/* == soft reset                 */
/* ----------------------------- */
/* switching to border-box model for all elements */
html {
  box-sizing: border-box; }

* {
  box-sizing: inherit; }

ul,
ol {
  padding-left: 2em; }

img {
  vertical-align: middle; }

/* height auto only for non SVG images */
img:not([src$=".svg"]) {
  height: auto; }

blockquote,
figure {
  margin-left: 0;
  margin-right: 0; }

/* ----------------------------- */
/* == typography                 */
/* ----------------------------- */
html {
  /* set base font-size to equiv "10px", which is adapted to rem unit */
  font-size: 62.5%;
  /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
  /* thanks to @guardian, @victorbritopro and @eQRoeil */
  font-size: calc(1em * .625); }

body {
  font-size: 1.4rem;
  background-color: #fff;
  color: #000;
  font-family: sans-serif;
  line-height: 1.5; }

a {
  color: #333; }

a:hover,
a:focus,
a:active {
  color: #000; }

/* font-sizing for content */
p,
.p-like,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details,
figure {
  margin-top: 0.75em;
  margin-bottom: 0;
  line-height: 1.5; }

h1,
.h1-like {
  font-size: 3.2rem;
  font-family: sans-serif; }

h2,
.h2-like {
  font-size: 2.8rem;
  font-family: sans-serif; }

h3,
.h3-like {
  font-size: 2.4rem; }

h4,
.h4-like {
  font-size: 2rem; }

h5,
.h5-like {
  font-size: 1.8rem; }

h6,
.h6-like {
  font-size: 1.6rem; }

/* alternate font-sizing */
.smaller {
  font-size: 0.6em; }

.small {
  font-size: 0.8em; }

.big {
  font-size: 1.2em; }

.bigger {
  font-size: 1.5em; }

.biggest {
  font-size: 2em; }

code,
pre,
samp,
kbd {
  /* IE fix */
  white-space: pre-line;
  white-space: pre-wrap;
  font-family: consolas, courier, monospace;
  line-height: normal; }

em,
.italic,
address,
cite,
i,
var {
  font-style: italic; }

/* ----------------------------- */
/* == browsers consistency       */
/* ----------------------------- */
/* avoid top margins on first content element */
p:first-child,
.p-like:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
.h1-like:first-child,
h2:first-child,
.h2-like:first-child,
h3:first-child,
.h3-like:first-child,
h4:first-child,
.h4-like:first-child,
h5:first-child,
.h5-like:first-child,
h6:first-child,
.h6-like:first-child {
  margin-top: 0; }

/* avoid margins on nested elements */
li p,
li .p-like,
li ul,
li ol {
  margin-top: 0;
  margin-bottom: 0; }

/* max values */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video,
svg {
  max-width: 100%; }

/* margin-bottom on tables */
table {
  margin-bottom: 2rem; }

/* ----------------------------- */
/* ==layout and modules          */
/* ----------------------------- */
/* module, gains superpower "BFC" Block Formating Context */
.mod,
.bfc {
  overflow: hidden; }

/* blocks that needs to be placed under floats */
.clear,
.line,
.row {
  clear: both; }

/* blocks that must contain floats */
.clearfix::after,
.line::after {
  content: "";
  display: table;
  clear: both;
  border-collapse: collapse; }

/* simple blocks alignment */
.left {
  margin-right: auto; }

.right {
  margin-left: auto; }

.center {
  margin-left: auto;
  margin-right: auto; }

/* text and contents alignment */
.txtleft {
  text-align: left; }

.txtright {
  text-align: right; }

.txtcenter {
  text-align: center; }

/* floating elements */
.fl {
  float: left; }

img.fl {
  margin-right: 1rem; }

.fr {
  float: right; }

img.fr {
  margin-left: 1rem; }

img.fl,
img.fr {
  margin-bottom: 0.5rem; }

/* table layout */
.row {
  display: table;
  table-layout: fixed;
  width: 100%; }

.row > *,
.col {
  display: table-cell;
  vertical-align: top; }

/* no table-cell for script tag when body is a .row */
body > script {
  display: none !important; }

/* inline-block */
.inbl {
  display: inline-block;
  vertical-align: top; }

/* flexbox layout
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
[class*="flex-container"],
.flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.flex-container-h {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

.flex-container-v {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.flex-item-fluid {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flex-item-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.flex-item-medium {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0; }

.flex-item-last {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }

.flex-item-center {
  margin: auto; }

/* ---------------------------------- */
/* ==Grillade                         */
/* ---------------------------------- */
/* grid container */
[class*="grid-"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -2rem;
  /* inline-block fallback for IE9 generation */
  letter-spacing: -0.31em; }

/* grid childs */
[class*="grid-"] > * {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(100% * 1 / 4 - 2rem - .01px);
  min-width: 0;
  margin-left: 2rem;
  /* inline-block fallback for IE9 generation */
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal; }

[class*="grid-2"] > * {
  width: calc(100% * 1 / 2 - 2rem - .01px); }

[class*="grid-2"] > .flex-item-double {
  width: calc(100% * 2 / 2 - 2rem - .01px); }

[class*="grid-3"] > * {
  width: calc(100% * 1 / 3 - 2rem - .01px); }

[class*="grid-3"] > .flex-item-double {
  width: calc(100% * 2 / 3 - 2rem - .01px); }

[class*="grid-4"] > * {
  width: calc(100% * 1 / 4 - 2rem - .01px); }

[class*="grid-4"] > .flex-item-double {
  width: calc(100% * 2 / 4 - 2rem - .01px); }

[class*="grid-5"] > * {
  width: calc(100% * 1 / 5 - 2rem - .01px); }

[class*="grid-5"] > .flex-item-double {
  width: calc(100% * 2 / 5 - 2rem - .01px); }

[class*="grid-6"] > * {
  width: calc(100% * 1 / 6 - 2rem - .01px); }

[class*="grid-6"] > .flex-item-double {
  width: calc(100% * 2 / 6 - 2rem - .01px); }

[class*="grid-7"] > * {
  width: calc(100% * 1 / 7 - 2rem - .01px); }

[class*="grid-7"] > .flex-item-double {
  width: calc(100% * 2 / 7 - 2rem - .01px); }

[class*="grid-8"] > * {
  width: calc(100% * 1 / 8 - 2rem - .01px); }

[class*="grid-8"] > .flex-item-double {
  width: calc(100% * 2 / 8 - 2rem - .01px); }

[class*="grid-10"] > * {
  width: calc(100% * 1 / 10 - 2rem - .01px); }

[class*="grid-10"] > .flex-item-double {
  width: calc(100% * 2 / 10 - 2rem - .01px); }

[class*="grid-12"] > * {
  width: calc(100% * 1 / 12 - 2rem - .01px); }

[class*="grid-12"] > .flex-item-double {
  width: calc(100% * 2 / 12 - 2rem - .01px); }

/* Responsive grid */
@media (max-width: 640px) {
  [class*="-small-4"] > * {
    width: calc(100% * 1 / 4 - 2rem - .01px); }
  [class*="-small-4"] > .flex-item-double {
    width: calc(100% * 1 / 2 - 2rem - .01px); }
  [class*="-small-3"] > * {
    width: calc(100% * 1 / 3 - 2rem - .01px); }
  [class*="-small-3"] > .flex-item-double {
    width: calc(100% * 2 / 3 - 2rem - .01px); }
  [class*="-small-2"] > * {
    width: calc(100% * 1 / 2 - 2rem - .01px); }
  [class*="-small-2"] > .flex-item-double {
    width: calc(100% - 2rem - .01px); }
  [class*="-small-1"] > * {
    width: calc(100% - 2rem - .01px); }
  [class*="-small-1"] > .flex-item-double {
    width: calc(100% - 2rem - .01px); } }

@media (max-width: 320px) {
  [class*="-tiny-2"] > * {
    width: calc(100% * 1 / 2 - 2rem - .01px); }
  [class*="-tiny-2"] > .flex-item-double {
    width: calc(100% - 2rem - .01px); }
  [class*="-tiny-1"] > * {
    width: calc(100% - 2rem - .01px); }
  [class*="-tiny-1"] > .flex-item-double {
    width: calc(100% - 2rem - .01px); } }

.grid-2-1 > *:nth-child(odd) {
  width: calc(66.66666666666666% - 2rem - .01px); }

.grid-2-1 > *:nth-child(even) {
  width: calc(33.33333333333333% - 2rem - .01px); }

@media (max-width: 640px) {
  .grid-2-1 > *:nth-child(n) {
    width: calc(100% - 2rem - .01px); } }

.grid-1-2 > *:nth-child(odd) {
  width: calc(33.33333333333333% - 2rem - .01px); }

.grid-1-2 > *:nth-child(even) {
  width: calc(66.66666666666666% - 2rem - .01px); }

@media (max-width: 640px) {
  .grid-1-2 > *:nth-child(n) {
    width: calc(100% - 2rem - .01px); } }

.grid-3-1 > *:nth-child(odd) {
  width: calc(75% - 2rem - .01px); }

.grid-3-1 > *:nth-child(even) {
  width: calc(25% - 2rem - .01px); }

@media (max-width: 640px) {
  .grid-3-1 > *:nth-child(n) {
    width: calc(100% - 2rem - .01px); } }

.grid-1-3 > *:nth-child(odd) {
  width: calc(25% - 2rem - .01px); }

.grid-1-3 > *:nth-child(even) {
  width: calc(75% - 2rem - .01px); }

@media (max-width: 640px) {
  .grid-1-3 > *:nth-child(n) {
    width: calc(100% - 2rem - .01px); } }

.grid-3-2 > *:nth-child(odd) {
  width: calc(60% - 2rem - .01px); }

.grid-3-2 > *:nth-child(even) {
  width: calc(40% - 2rem - .01px); }

@media (max-width: 640px) {
  .grid-3-2 > *:nth-child(n) {
    width: calc(100% - 2rem - .01px); } }

.grid-2-3 > *:nth-child(odd) {
  width: calc(40% - 2rem - .01px); }

.grid-2-3 > *:nth-child(even) {
  width: calc(60% - 2rem - .01px); }

@media (max-width: 640px) {
  .grid-2-3 > *:nth-child(n) {
    width: calc(100% - 2rem - .01px); } }

.grid-4-1 > *:nth-child(odd) {
  width: calc(80% - 2rem - .01px); }

.grid-4-1 > *:nth-child(even) {
  width: calc(20% - 2rem - .01px); }

@media (max-width: 640px) {
  .grid-4-1 > *:nth-child(n) {
    width: calc(100% - 2rem - .01px); } }

.grid-1-4 > *:nth-child(odd) {
  width: calc(20% - 2rem - .01px); }

.grid-1-4 > *:nth-child(even) {
  width: calc(80% - 2rem - .01px); }

@media (max-width: 640px) {
  .grid-1-4 > *:nth-child(n) {
    width: calc(100% - 2rem - .01px); } }

.pull {
  margin-right: auto; }

.push {
  margin-left: auto; }

/* ----------------------------- */
/* ==tables                      */
/* ----------------------------- */
table,
.table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  vertical-align: top; }

.table {
  display: table; }

#recaptcha_table,
table.table-auto {
  table-layout: auto; }

td,
th {
  vertical-align: top;
  min-width: 2rem;
  cursor: default; }

/* ----------------------------- */
/* ==forms                       */
/* ----------------------------- */
/* thanks to HTML5boilerplate,
* github.com/nathansmith/formalize and www.sitepen.com
*/
/* buttons */
.btn {
  display: inline-block; }

/* forms items */
form,
fieldset {
  border: none; }

input,
button,
select,
label,
.btn {
  font-family: inherit;
  font-size: inherit; }

button,
input,
optgroup,
select,
textarea {
  color: #000; }

label {
  display: inline-block;
  cursor: pointer; }

legend {
  border: 0;
  white-space: normal; }

textarea {
  min-height: 5em;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  resize: vertical; }

select {
  -webkit-appearance: menulist-button; }

/* if select styling bugs on WebKit */
/* select { -webkit-appearance: none; } */
/* 'x' appears on right of search input when text is entered. This removes it */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

::-webkit-input-placeholder {
  color: #777; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #777; }

.btn:focus,
input[type="button"]:focus,
button:focus {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* unstyled forms */
button.unstyled,
input[type="button"].unstyled,
input[type="submit"].unstyled,
input[type="reset"].unstyled {
  padding: 0;
  border: none;
  line-height: 1;
  text-align: left;
  background: none;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

button.unstyled:focus,
input[type="button"].unstyled:focus,
input[type="submit"].unstyled:focus,
input[type="reset"].unstyled:focus {
  box-shadow: none;
  outline: none; }

/* ---------------------------------- */
/* ==state helpers                    */
/* ---------------------------------- */
/* invisible for all */
.is-hidden,
[hidden] {
  display: none; }

/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
.visually-hidden {
  position: absolute !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important; }

.is-disabled,
[disabled] {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
  -webkit-filter: grayscale(1);
  filter: grayscale(1); }

ul.is-unstyled,
ul.unstyled {
  list-style: none;
  padding-left: 0; }

/* ---------------------------------- */
/* ==visual helpers                   */
/* .. use them with parcimony !       */
/* ---------------------------------- */
/* blocks widths (percentage and pixels) */
.w10 {
  width: 10%; }

.w20 {
  width: 20%; }

.w25 {
  width: 25%; }

.w30 {
  width: 30%; }

.w33 {
  width: 33.3333%; }

.w40 {
  width: 40%; }

.w50 {
  width: 50%; }

.w60 {
  width: 60%; }

.w66 {
  width: 66.6666%; }

.w70 {
  width: 70%; }

.w75 {
  width: 75%; }

.w80 {
  width: 80%; }

.w90 {
  width: 90%; }

.w100 {
  width: 100%; }

.w50p {
  width: 50px; }

.w100p {
  width: 100px; }

.w150p {
  width: 150px; }

.w200p {
  width: 200px; }

.w300p {
  width: 300px; }

.w400p {
  width: 400px; }

.w500p {
  width: 500px; }

.w600p {
  width: 600px; }

.w700p {
  width: 700px; }

.w800p {
  width: 800px; }

.w960p {
  width: 960px; }

.mw960p {
  max-width: 960px; }

.w1140p {
  width: 1140px; }

.mw1140p {
  max-width: 1140px; }

.wauto {
  width: auto; }

/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n = small, medium, large, none
*/
.man,
.ma0 {
  margin: 0; }

.pan,
.pa0 {
  padding: 0; }

.mas {
  margin: 1rem; }

.mam {
  margin: 2rem; }

.mal {
  margin: 4rem; }

.pas {
  padding: 1rem; }

.pam {
  padding: 2rem; }

.pal {
  padding: 4rem; }

.mtn,
.mt0 {
  margin-top: 0; }

.mts {
  margin-top: 1rem; }

.mtm {
  margin-top: 2rem; }

.mtl {
  margin-top: 4rem; }

.mrn,
.mr0 {
  margin-right: 0; }

.mrs {
  margin-right: 1rem; }

.mrm {
  margin-right: 2rem; }

.mrl {
  margin-right: 4rem; }

.mbn,
.mb0 {
  margin-bottom: 0; }

.mbs {
  margin-bottom: 1rem; }

.mbm {
  margin-bottom: 2rem; }

.mbl {
  margin-bottom: 4rem; }

.mln,
.ml0 {
  margin-left: 0; }

.mls {
  margin-left: 1rem; }

.mlm {
  margin-left: 2rem; }

.mll {
  margin-left: 4rem; }

.mauto {
  margin: auto; }

.mtauto {
  margin-top: auto; }

.mrauto {
  margin-right: auto; }

.mbauto {
  margin-bottom: auto; }

.mlauto {
  margin-left: auto; }

.ptn,
.pt0 {
  padding-top: 0; }

.pts {
  padding-top: 1rem; }

.ptm {
  padding-top: 2rem; }

.ptl {
  padding-top: 4rem; }

.prn,
.pr0 {
  padding-right: 0; }

.prs {
  padding-right: 1rem; }

.prm {
  padding-right: 2rem; }

.prl {
  padding-right: 4rem; }

.pbn,
.pb0 {
  padding-bottom: 0; }

.pbs {
  padding-bottom: 1rem; }

.pbm {
  padding-bottom: 2rem; }

.pbl {
  padding-bottom: 4rem; }

.pln,
.pl0 {
  padding-left: 0; }

.pls {
  padding-left: 1rem; }

.plm {
  padding-left: 2rem; }

.pll {
  padding-left: 4rem; }

/* ----------------------------- */
/* ==desktop and HD devices      */
/* ----------------------------- */
@media (min-width: 961px) {
  /* rules for big resources and big screens like: background-images, font-faces, etc. */ }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  /* style adjustments for high density devices */ }

/* ---------------------------------- */
/* ==Responsive large                 */
/* ---------------------------------- */
@media (min-width: 961px) {
  /* layouts for large screens */
  .large-hidden {
    display: none !important; }
  .large-visible {
    display: block !important; }
  .large-no-float {
    float: none; }
  .large-inbl {
    display: inline-block;
    float: none;
    vertical-align: top; }
  .large-row {
    display: table;
    table-layout: fixed;
    width: 100% !important; }
  .large-col {
    display: table-cell;
    vertical-align: top; }
  /* widths for large screens */
  .large-w25 {
    width: 25% !important; }
  .large-w33 {
    width: 33.3333% !important; }
  .large-w50 {
    width: 50% !important; }
  .large-w66 {
    width: 66.6666% !important; }
  .large-w75 {
    width: 75% !important; }
  .large-w100,
  .large-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0; }
  /* margins for large screens */
  .large-man {
    margin: 0 !important; } }

/* ---------------------------------- */
/* ==Responsive medium                */
/* ---------------------------------- */
@media (min-width: 641px) and (max-width: 960px) {
  /* layouts for medium screens */
  .medium-hidden {
    display: none !important; }
  .medium-visible {
    display: block !important; }
  .medium-no-float {
    float: none; }
  .medium-inbl {
    display: inline-block;
    float: none;
    vertical-align: top; }
  .medium-row {
    display: table;
    table-layout: fixed;
    width: 100% !important; }
  .medium-col {
    display: table-cell;
    vertical-align: top; }
  /* widths for medium screens */
  .medium-w25 {
    width: 25% !important; }
  .medium-w33 {
    width: 33.3333% !important; }
  .medium-w50 {
    width: 50% !important; }
  .medium-w66 {
    width: 66.6666% !important; }
  .medium-w75 {
    width: 75% !important; }
  .medium-w100,
  .medium-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0; }
  /* margins for medium screens */
  .medium-man,
  .medium-ma0 {
    margin: 0 !important; } }

/* ---------------------------------- */
/* ==Responsive small                 */
/* ---------------------------------- */
@media (min-width: 321px) and (max-width: 640px) {
  /* quick reset in small resolution and less */
  .w600p,
  .w700p,
  .w800p,
  .w960p,
  .mw960p {
    width: auto;
    float: none; }
  /* layouts for small screens */
  .small-hidden {
    display: none !important; }
  .small-visible {
    display: block !important; }
  .small-no-float {
    float: none; }
  .small-inbl {
    display: inline-block;
    float: none;
    vertical-align: top; }
  .small-row {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important; }
  .small-col {
    display: table-cell !important;
    vertical-align: top !important; }
  /* widths for small screens */
  .small-w25 {
    width: 25% !important; }
  .small-w33 {
    width: 33.3333% !important; }
  .small-w50 {
    width: 50% !important; }
  .small-w66 {
    width: 66.6666% !important; }
  .small-w75 {
    width: 75% !important; }
  .small-w100,
  .small-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0; }
  /* margins for small screens */
  .small-man,
  .small-ma0 {
    margin: 0 !important; }
  .small-pan,
  .small-pa0 {
    padding: 0 !important; } }

/* ---------------------------------- */
/* ==Responsive tiny                  */
/* ---------------------------------- */
@media (max-width: 320px) {
  /* quick tiny resolution reset */
  .mod,
  .col,
  fieldset {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0; }
  .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .w300p,
  .w400p,
  .w500p {
    width: auto;
    float: none; }
  .row {
    display: block !important;
    width: 100% !important; }
  /* layouts for tiny screens */
  .tiny-hidden {
    display: none !important; }
  .tiny-visible {
    display: block !important; }
  .tiny-no-float {
    float: none; }
  .tiny-inbl {
    display: inline-block;
    float: none;
    vertical-align: top; }
  .tiny-row {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important; }
  .tiny-col {
    display: table-cell !important;
    vertical-align: top !important; }
  th,
  td {
    display: block;
    width: auto;
    text-align: left; }
  thead {
    display: none; }
  /* widths for tiny screens */
  .tiny-w25 {
    width: 25% !important; }
  .tiny-w33 {
    width: 33.3333% !important; }
  .tiny-w50 {
    width: 50% !important; }
  .tiny-w66 {
    width: 66.6666% !important; }
  .tiny-w75 {
    width: 75% !important; }
  .tiny-w100,
  .tiny-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0; }
  /* margins for tiny screens */
  .tiny-man,
  .tiny-ma0 {
    margin: 0 !important; }
  .tiny-pan,
  .tiny-pa0 {
    padding: 0 !important; } }

/* quick print reset */
@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  body {
    width: auto;
    margin: auto;
    font-family: serif;
    font-size: 12pt; }
  p,
  .p-like,
  h1,
  .h1-like,
  h2,
  .h2-like,
  h3,
  .h3-like,
  h4,
  .h4-like,
  h5,
  .h5-like,
  h6,
  .h6-like,
  blockquote,
  ul,
  ol {
    color: #000;
    margin: auto; }
  .print {
    display: block; }
  .no-print {
    display: none; }
  /* no orphans, no widows */
  p,
  .p-like,
  blockquote {
    orphans: 3;
    widows: 3; }
  /* no breaks inside these elements */
  blockquote,
  ul,
  ol {
    page-break-inside: avoid; }
  /* page break before main headers
  h1,
  .h1-like {
    page-break-before: always;
  }
  */
  /* no breaks after these elements */
  h1,
  .h1-like,
  h2,
  .h2-like,
  h3,
  .h3-like,
  caption {
    page-break-after: avoid; }
  a {
    color: #000; }
  /* displaying URLs
  a[href]::after {
    content: " (" attr(href) ")";
  }
  */
  a[href^="javascript:"]::after,
  a[href^="#"]::after {
    content: ""; } }

/* ----------------------------- */
/* ==misc rules                  */
/* ----------------------------- */
/* styling skip links */
.skip-links {
  position: absolute; }

.skip-links a {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0.5em;
  background: black;
  color: white;
  text-decoration: none; }

.skip-links a:focus {
  position: static;
  overflow: visible;
  clip: auto; }

@media (max-width: 640px) {
  /* you shall not pass */
  div,
  textarea,
  table,
  td,
  th,
  code,
  pre,
  samp {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; } }

@media (max-width: 640px) {
  .no-wrapping {
    word-wrap: normal;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual; } }

/* Google Gmap3 bug fix on images */
.gm-style img {
  height: 100%; }

:not(.gm-style) img {
  height: auto; }

.gm-style img,
.gmnoscreen img,
.gmnoprint img {
  max-width: none !important; }

/* ----------------------------- */
/* ==minor stylings              */
/* ----------------------------- */
/* styling elements */
code,
kbd,
mark {
  border-radius: 2px; }

kbd {
  padding: 0 2px;
  border: 1px solid #999; }

code {
  padding: 2px 4px;
  background: rgba(0, 0, 0, 0.04);
  color: #b11; }

pre code {
  padding: 0;
  background: none;
  color: inherit;
  border-radius: 0; }

mark {
  padding: 2px 4px; }

sup,
sub {
  vertical-align: 0; }

sup {
  bottom: 1ex; }

sub {
  top: 0.5ex; }

blockquote {
  position: relative;
  padding-left: 3em; }

blockquote::before {
  content: "\201C";
  position: absolute;
  left: 0;
  top: 0;
  font-family: georgia, serif;
  font-size: 5em;
  line-height: 0.9;
  color: rgba(0, 0, 0, 0.3); }

blockquote > footer {
  margin-top: .75em;
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.7); }

blockquote > footer::before {
  content: "\2014 \0020"; }

q {
  font-style: normal; }

q,
.q {
  quotes: "“\00a0" "\00a0”"; }

q:lang(fr),
.q:lang(fr) {
  quotes: "«\00a0" "\00a0»"; }

hr {
  display: block;
  clear: both;
  height: 1px;
  margin: 1em 0 2em;
  padding: 0;
  border: 0;
  color: #ccc;
  background-color: #ccc; }

/* tables */
table,
.table {
  border: 1px solid #ccc; }

caption {
  padding: 1rem;
  color: #555;
  font-style: italic; }

td,
th {
  padding: 0.3em 0.8em;
  border: 1px #aaa dotted;
  text-align: left; }

/* ----------------------------- */
/* ==own stylesheet              */
/* ----------------------------- */
/* Here should go your own CSS styles */
/* You can also link them with a LESS @import */
/* @import "my-styles.less"; */
/*
POINTS DE RUPTURE
320px
480px	screens between 321px and 480px
640px	screens between 481px and 640px
768px	screens between 641px and 768px
960px	screens between 769px and 960px
1024px	screens between 961px and 1024px
1280px	screens between 1025px and 1280px
1440px	screens between 1281px and 1440px
1600px	screens between 1441px and 1600px
1920px	ultra large screens
*/
/*
COMPATIBILITES :
HACKS CSS :
• "declaration:argument\9" CIBLE IE9 et INFERIEURS
•  "declaration:argument\0" CIBLE IE8 et IE7
"calc" COMPATIBLE A PARTIR D'IE9
*/
/*F_variables.scss*/
.box-alert {
  margin: 2rem;
  padding: 1rem 2rem;
  border: solid 1px transparent; }
  .box-alert_title {
    font-size: 1.2em;
    font-weight: bold;
    opacity: .8;
    border-bottom: dashed 1px transparent;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-color: inherit; }
  .box-alert.error {
    background: #fbdc8f;
    border-color: #e9a908; }

/*OVERRIDE KNACSS*/
/*
html {
	font-family: 'Raleway', Verdana, Arial, Helvetica, sans-serif;
}
body {
	font-family: 'Raleway', Verdana, Arial, Helvetica, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6	{
	font-family: 'Raleway', Verdana, Arial, Helvetica, sans-serif;
}
*/
a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

/*F_OVERRIDE KNACSS*/
/*GENERALITES*/
/*F_INHIBER ZOOM SUR FOCUS*/
/*FORMULAIRES : BAD FORMAT*/
form span.bad {
  /*PLACE DIRECTEMENT SOUS LES INPUT*/
  position: relative;
  background-color: #ffffff;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  margin: 0;
  visibility: hidden;
  color: #ff0000;
  font-size: 0.7857em; }

.insc form span.bad {
  position: absolute;
  right: 0px;
  bottom: 0px; }

form span.bad:before {
  font-family: 'FontAwesome';
  content: "\f071\00a0";
  /*exclamation-triangle*/ }

form span.bad.vis {
  visibility: visible; }

form span.bad.block {
  /*OBLIGER A PASSER A LA LIGNE*/
  display: block; }

form input.bad,
form textarea.bad {
  /*S'AJOUTE AUX INPUT - TEXTAREA*/
  border: 1px solid #ff0000 !important; }

/*F_FORMULAIRES : BAD FORMAT*/
/*FORMULAIRES : ALERTE*/
.form-alerte {
  position: absolute;
  display: block;
  display: none \9;
  width: 50%;
  top: 0;
  left: 25%;
  margin: 0;
  padding: 0.25em 1.75em;
  background: #ff0000;
  color: #ffffff;
  text-align: center;
  font-size: 1.2857em;
  font-weight: bold;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition: transform 0.3s ease; }
  .form-alerte.hide {
    transform: scaleY(0);
    display: none \9; }
  .form-alerte.show {
    transform: scaleY(1);
    display: block \9; }

.form-alerte > a.close {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #ffffff;
  color: #ff0000;
  -moz-border-radius: 0 0 0 10px;
  -webkit-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
  padding: 0 0.25em; }
  .form-alerte > a.close:before {
    font-size: 0.8571em; }

/*F_FORMULAIRES : ALERTE*/
/*CHAMP DE SAISIE GENERIQUE*/
.champsai {
  margin: 0.05em 0;
  padding: 0.75em 1em;
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-size: 0.8571em;
  font-weight: 600;
  color: #7d7d7d; }

/*F_CHAMP DE SAISIE GENERIQUE*/
/*COMPORTEMENT PLACEHOLDER*/
::-webkit-input-placeholder {
  text-transform: uppercase;
  opacity: 1; }

:-moz-placeholder {
  text-transform: uppercase;
  opacity: 1; }

/* Firefox 18- */
::-moz-placeholder {
  text-transform: uppercase;
  opacity: 1; }

/* firefox 19+ */
:-ms-input-placeholder {
  text-transform: uppercase;
  opacity: 1; }

/* ie */
input:-moz-placeholder {
  text-transform: uppercase;
  opacity: 1; }

/*F_COMPORTEMENT PLACEHOLDER*/
/*CITATION*/
.citation {
  position: relative;
  padding: 1em 2em 2em 2em; }

aside .citation {
  padding: 0.5em 1em 0 1em; }

.citation:before,
.citation:after {
  position: absolute;
  z-index: 1;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: contain;
  content: "\00a0"; }

.citation:before {
  left: 0px;
  top: 0px;
  background-image: url("../img/citation-ouvrant.png");
  background-position: center top; }

.citation:after {
  right: 0px;
  bottom: 15px;
  background-image: url("../img/citation-fermant.png");
  background-position: center bottom; }

aside .citation:before,
aside .citation:after {
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  content: "\00a0"; }

.citation p {
  position: relative;
  z-index: 10;
  margin: 0;
  font-style: italic;
  line-height: 1.15em;
  color: #222222; }

.citation span {
  position: relative;
  z-index: 10;
  display: block;
  margin: 0; }

/*F_CITATION*/
/*NOM-PRENOM*/
.nom-prenom {
  color: #cf323b;
  text-transform: uppercase; }
  .nom-prenom a {
    color: #cf323b; }

/*F_NOM-PRENOM*/
/*ICONS RESEAUX SOCIAUX*/
*[resoc]:before {
  font-family: 'icomoon';
  font-weight: normal; }

*[resoc="FB"]:before {
  content: "\e903"; }

*[resoc="TW"]:before {
  content: "\e90c"; }

*[resoc="IN"]:before {
  content: "\e904"; }

*[resoc="IN2"]:before {
  content: "\e91a"; }

*[resoc="RSS"]:before {
  content: "\e90b"; }

*[resoc="GOO"]:before {
  /*content: "\e913";*/
  content: "\e916"; }

*[resoc="YOU"]:before {
  content: "\e915"; }

*[resoc="VIA"]:before {
  font-family: 'FontAwesome';
  content: "\f2a9"; }

*[resoc="YOU"]:before {
  content: "\ea9d"; }

*[resoc="INS"]:before {
  content: "\ea92"; }

/*F_ICONS RESEAUX SOCIAUX*/
/*BUTTONS*/
.btn {
  border: none;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 8px;
  padding-left: 20px;
  text-transform: uppercase;
  line-height: 1em;
  color: #ffffff; }
  .btn:before, .btn:after {
    position: relative;
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: middle;
    top: -2px;
    font-family: 'icomoon';
    font-weight: normal;
    font-weight: 200; }

.btn a {
  color: #ffffff; }

.burger-abo .btn {
  margin-left: 10px; }

.btn.btn-fdro:after {
  margin-left: 10px;
  content: "\e909"; }

.btn.btn-fgau:before {
  margin-right: 10px;
  content: "\e909";
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.btn.btn-checkdro:after {
  margin-left: 10px;
  content: "\e909"; }

.btn.btn-plusgau:before {
  margin-right: 10px;
  font-family: 'FontAwesome';
  content: "\f067";
  /*plus*/ }

.btn.btn-plusdro:after {
  margin-left: 10px;
  font-family: 'FontAwesome';
  content: "\f067";
  /*plus*/ }

.btn.btn-trans,
.btn.btn-trans a {
  background-color: transparent;
  color: #989898; }

.btn.btn-blanc,
.btn.btn-blanc a {
  background-color: #ffffff;
  color: #4f4f4f; }

.btn.btn-gris,
.btn.btn-gris a {
  background-color: #e6e6e6;
  color: #4f4f4f; }

.btn.btn-rouge {
  background-color: #cf323b; }

.btn.btn-jaune {
  background-color: #eab81f; }

.btn.btn-bleu {
  background-color: #0070b4; }

.btn.btn-bleusombre {
  background-color: #025588; }

.btn.btn-ash {
  background-color: #006490; }

.btn.btn-guidrec {
  background-color: #fc4521; }

.btn.btn-tourgroup {
  background-color: #005CA9; }

.btn:hover,
.btn:active {
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  -moz-box-shadow: 0px 0px 2px 1px #666666;
  -webkit-box-shadow: 0px 0px 2px 1px #666666;
  -o-box-shadow: 0px 0px 2px 1px #666666;
  box-shadow: 0px 0px 2px 1px #666666; }

.btn.btn-trans:hover,
.btn.btn-trans:hover a,
.btn.btn-trans:active,
.btn.btn-trans:active a {
  color: #000000; }

.btn.btn-blanc:hover,
.btn.btn-blanc:hover a,
.btn.btn-blanc:active,
.btn.btn-blanc:active a {
  color: #989898; }

.btn.btn-gris:hover,
.btn.btn-gris:hover a,
.btn.btn-gris:active,
.btn.btn-gris:active a {
  color: #989898; }

.btn.btn-rouge:hover,
.btn.btn-rouge:active {
  -moz-box-shadow: 0px 0px 2px 1px #cf323b;
  -webkit-box-shadow: 0px 0px 2px 1px #cf323b;
  -o-box-shadow: 0px 0px 2px 1px #cf323b;
  box-shadow: 0px 0px 2px 1px #cf323b; }

.btn.btn-jaune:hover,
.btn.btn-jaune:active {
  -moz-box-shadow: 0px 0px 2px 1px #eab81f;
  -webkit-box-shadow: 0px 0px 2px 1px #eab81f;
  -o-box-shadow: 0px 0px 2px 1px #eab81f;
  box-shadow: 0px 0px 2px 1px #eab81f; }

.btn.btn-bleu:hover,
.btn.btn-bleu:active {
  -moz-box-shadow: 0px 0px 2px 1px #0070b4;
  -webkit-box-shadow: 0px 0px 2px 1px #0070b4;
  -o-box-shadow: 0px 0px 2px 1px #0070b4;
  box-shadow: 0px 0px 2px 1px #0070b4; }

.btn.btn-bleusombre:hover,
.btn.btn-bleusombre:active,
.btn.btn-cBleuFonceAja:hover,
.btn.btn-cBleuFonceAja:active {
  -moz-box-shadow: 0px 0px 2px 1px #025588;
  -webkit-box-shadow: 0px 0px 2px 1px #025588;
  -o-box-shadow: 0px 0px 2px 1px #025588;
  box-shadow: 0px 0px 2px 1px #025588; }

.btn.btn-ash:hover,
.btn.btn-ash:active {
  -moz-box-shadow: 0px 0px 2px 1px #006490;
  -webkit-box-shadow: 0px 0px 2px 1px #006490;
  -o-box-shadow: 0px 0px 2px 1px #006490;
  box-shadow: 0px 0px 2px 1px #006490; }

.btn.btn-guidrec:hover,
.btn.btn-guidrec:active {
  -moz-box-shadow: 0px 0px 2px 1px #cf323b;
  -webkit-box-shadow: 0px 0px 2px 1px #cf323b;
  -o-box-shadow: 0px 0px 2px 1px #cf323b;
  box-shadow: 0px 0px 2px 1px #cf323b; }

.btn.btn-tourgroup:hover,
.btn.btn-tourgroup:active {
  -moz-box-shadow: 0px 0px 2px 1px #005CA9;
  -webkit-box-shadow: 0px 0px 2px 1px #005CA9;
  -o-box-shadow: 0px 0px 2px 1px #005CA9;
  box-shadow: 0px 0px 2px 1px #005CA9; }

/*F_BUTTONS*/
/*ICON STAR*/
.star:before {
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  margin-right: 5px;
  font-family: 'icomoon';
  font-weight: normal;
  content: "\e918";
  /*fa-star*/ }

.star.jaune:before {
  color: #eab81f; }

/*F_ICON STAR*/
/*CLOSE*/
.close:hover {
  cursor: pointer;
  text-decoration: none; }

.close:before {
  font-family: 'icomoon';
  font-weight: normal;
  content: "\e902"; }

/*F_CLOSE*/
.loupe:before {
  display: inline-block;
  font-family: 'FontAwesome';
  content: "\f002";
  /*search*/ }

.loupe.moins:before {
  content: "\f010";
  /*search-minus*/ }

.loupe.plus:before {
  content: "\f00e";
  /*search-plus*/ }

/*ICON LOUPE*/
/*F_ICON LOUPE*/
@media (min-width: 961px) {
  .iframe-vid {
    width: 80%;
    margin: 0 10% 1em 10%; } }

@media (min-width: 641px) and (max-width: 960px) {
  .iframe-vid {
    width: 90%;
    margin: 0 5% 1em 5%; } }

@media (max-width: 640px) {
  .iframe-vid {
    width: 100%;
    margin: 0 0 1em 0; } }

/*PAGINATION*/
.pagin {
  text-align: center; }

.pagin a {
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  margin: 0 0.1em;
  vertical-align: middle;
  padding: 0.25em 0.5em;
  font-size: 1.0714em;
  line-height: 1em;
  border: 1px solid rgba(0, 0, 0, 0);
  text-decoration: none; }
  .pagin a:hover {
    color: #cf323b; }

.pagin a.on {
  font-weight: 600;
  color: #cf323b;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.pagin a.pre:before {
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  top: 2px;
  margin-right: 0.25em;
  font-family: 'icomoon';
  content: "\e909";
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.pagin a.sui:after {
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  margin-left: 0.25em;
  font-family: 'icomoon';
  content: "\e909"; }

/*F_PAGINATION*/
/*F_GENERALITES*/
/*ELEMENTS APPARAISSANT A PLUSIEURS ENDROITS DIFFERENTS*/
/*DIV OPAQUE*/
div#OPAQUE {
  position: fixed;
  display: block;
  display: none \9;
  z-index: 100000;
  left: 0;
  top: 0;
  width: 100%;
  /*height: 8000px;*/
  height: 0px;
  background-color: rgba(0, 0, 0, 0.75);
  transform: scaleY(0);
  transform-origin: 0 0;
  transition: .5s ease-in-out; }
  div#OPAQUE.show {
    height: 100%;
    display: block \9;
    transform: scaleY(1); }

/*F_DIV OPAQUE*/
/*ALERTE COOKIES*/
.cookies {
  position: fixed;
  z-index: 1000;
  left: 0px;
  bottom: 0px;
  display: block;
  width: 100%;
  background-color: #eeeeee;
  padding: 0 50px 0 0;
  padding: 0 0.5em;
  font-size: 0.8571em;
  line-height: 1.25em;
  text-align: center;
  -moz-box-shadow: 0px 0px 5px 0px #666666;
  -webkit-box-shadow: 0px 0px 5px 0px #666666;
  -o-box-shadow: 0px 0px 5px 0px #666666;
  box-shadow: 0px 0px 5px 0px #666666; }

@media (max-width: 640px) {
  .cookies {
    font-size: 0.7149em; } }

.cookies a.close {
  position: absolute;
  right: 1em;
  top: 0.25em;
  z-index: 100; }
  .cookies a.close:before {
    font-size: 1.0714em; }

.cookies.hide {
  display: none \9;
  transform: scaleY(0);
  transform-origin: 0 100%;
  transition: transform 0.3s ease; }

.cookies .btn {
  position: relative;
  vertical-align: middle;
  height: 24px;
  padding: 0.5em;
  overflow: hidden; }

/*F_ALERTE COOKIES*/
/*IDENTIFICATION*/
.ident {
  position: fixed;
  display: none;
  z-index: 100001;
  background-color: #ffffff;
  padding: 2em; }
  .ident:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

.ident > a.close {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #cf323b; }
  .ident > a.close:before {
    font-size: 1.12em; }

@media (min-width: 961px) {
  .ident {
    width: 800px;
    height: 430px;
    overflow: scroll;
    top: 30px;
    left: calc(50% - 400px); } }

@media (max-width: 960px) and (min-width: 641px) {
  .ident {
    width: 600px;
    height: 350px;
    overflow: auto;
    top: 20px;
    left: calc(50% - 300px);
    font-size: 0.85em; } }

@media (max-width: 640px) {
  .ident {
    width: 96%;
    height: 350px;
    overflow: scroll;
    top: 10px;
    left: 2%;
    font-size: 0.65em; } }

.ident .int {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 3.2143em;
  color: #303030;
  font-weight: 600; }

.ident .col1,
.ident .col2 {
  padding-top: 0.5em;
  padding-bottom: 1em; }

@media (min-width: 641px) {
  .ident .col1 {
    float: left;
    width: calc(50% - 1px);
    padding-right: 1em;
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .ident .col2 {
    float: right;
    width: 50%;
    padding-left: 1em; } }

@media (max-width: 640px) {
  .ident .col1,
  .ident .col2 {
    display: block; }
  .ident .col2 {
    border-top: 1px solid rgba(0, 0, 0, 0.1); } }

.ident .sout {
  margin: 0 0 0.5em 0;
  font-size: 1.7857em;
  color: #303030;
  font-weight: 600; }

.ident form {
  margin: 0 0 1em 0; }

/*
.ident form table	{
	width: 100%;
	margin: 0 0 1em 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.ident form table td	{
	padding: 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
*/
/*.ident form table input[type="text"]	{*/
.ident form input.sai,
.ident form textarea.sai {
  padding: 1em;
  width: 100%;
  border: none;
  font-size: 0.8571em;
  font-weight: 500;
  color: #7d7d7d;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.ident form label {
  margin: 0; }

.ident a.oubli {
  color: #ababab;
  text-decoration: underline; }
  .ident a.oubli:hover {
    text-decoration: none; }

.ident .txt {
  margin: 0 0 1em 0;
  font-size: 1.0714em;
  font-weight: 500;
  color: #4a4a4a; }
  .ident .txt:after {
    display: block;
    margin: 1em 0 0 0;
    width: 20%;
    height: 3px;
    overflow: hidden;
    background-color: #cf323b;
    content: "\00a0"; }

.ident .btn {
  background-color: #cf323b; }
  .ident .btn:hover, .ident .btn:active {
    cursor: pointer;
    text-decoration: none;
    -moz-box-shadow: 0px 0px 2px 1px #cf323b;
    -webkit-box-shadow: 0px 0px 2px 1px #cf323b;
    -o-box-shadow: 0px 0px 2px 1px #cf323b;
    box-shadow: 0px 0px 2px 1px #cf323b; }

/*
.ident a.minscris	{
	font-size: $t13;
	font-weight:600;
	text-transform: uppercase;
	color: $cRouWktl;
	&:after	{
		position: relative;
		vertical-align: middle;
		top: -2px;
		font-family: 'icomoon';
		font-weight: normal;
		font-weight: 200;
		position: relative;
		display: inline-block;
		vertical-align: middle;
		margin-left: 10px;
		content: "\e909";
	}
}
*/
.ident .leg {
  font-size: 0.75em;
  margin: 0 0 0.25em 0; }

.captcha {
  margin: 0; }

/*F_IDENTIFICATION*/
/* ADBLOCK */
#ADB_DETECT {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000; }
  #ADB_DETECT .close {
    color: #fff;
    background: rgba(200, 200, 200, 0.5);
    border-radius: 100%;
    height: 63px;
    width: 63px;
    text-align: center;
    font-size: 2.1429em;
    line-height: 63px;
    z-index: 10001;
    position: fixed;
    left: 40px;
    top: 40px; }

.adb-block {
  position: fixed;
  z-index: 10000;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: auto;
  width: 90%;
  max-height: 90%;
  max-width: 960px;
  padding: 40px 50px;
  color: #050505; }
  .adb-block .adb-logo {
    margin-bottom: 40px;
    max-height: 70px; }
  .adb-block .adb-sout {
    margin: 0 0 0.5em 0;
    color: #cccdcf;
    font-weight: 600;
    font-size: 3em;
    line-height: .975em; }
  .adb-block .adb-txt {
    margin: 0 0 1em 0;
    font-weight: 500;
    font-size: 1.12em;
    line-height: 1.210em; }
  .adb-block .adb-solutions {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 40px; }
    .adb-block .adb-solutions > div {
      margin-right: 2%;
      flex: 1; }
      .adb-block .adb-solutions > div:last-child {
        margin-right: 0; }
    .adb-block .adb-solutions p {
      font-size: 1.1429em;
      line-height: 1.4em; }
  .adb-block .btn {
    background-color: #cf323b;
    border: 3px solid #cf323b;
    font-weight: 600;
    border-radius: 50px;
    margin-top: 10px;
    font-size: 1.7143em;
    padding: 20px 25px;
    min-width: 300px; }
    .adb-block .btn:hover, .adb-block .btn:focus {
      cursor: pointer;
      text-decoration: none;
      -moz-box-shadow: 0px 0px 2px 1px #cf323b;
      -webkit-box-shadow: 0px 0px 2px 1px #cf323b;
      -o-box-shadow: 0px 0px 2px 1px #cf323b;
      box-shadow: 0px 0px 2px 1px #cf323b; }
  .adb-block .adb-desactive .btn {
    background: #fff;
    color: #cf323b; }
  .adb-block .adb-links {
    display: flex;
    justify-content: space-between; }
    .adb-block .adb-links a {
      font-size: 1.1429em;
      line-height: 1.4em;
      display: inline-block;
      text-decoration: underline; }
      .adb-block .adb-links a:first-child {
        margin-right: 10px; }
      .adb-block .adb-links a:hover, .adb-block .adb-links a:focus {
        text-decoration: none; }

@media (max-width: 1540px) {
  #ADB_DETECT .close {
    top: 10px; } }

@media (max-width: 960px) {
  .adb-block {
    max-width: 800px;
    padding: 30px 40px; }
    .adb-block .adb-sout {
      font-size: 3.2143em; }
    .adb-block .adb-txt {
      font-size: 1.2857em; }
    .adb-block .adb-solutions {
      margin-bottom: 30px; }
    .adb-block .adb-solutions p,
    .adb-block .adb-links a {
      font-size: 1em; }
    .adb-block .btn {
      font-size: 1.5714em;
      padding: 15px 20px;
      width: 100%;
      min-width: 0;
      margin-top: 10px; } }

@media (max-width: 640px) {
  #ADB_DETECT .close {
    left: auto;
    right: 5px; }
  .adb-block {
    width: 96%;
    max-width: none;
    max-height: 96%;
    padding: 20px; }
    .adb-block .adb-sout {
      font-size: 2.5em; }
    .adb-block .adb-txt {
      font-size: 1.1429em; }
    .adb-block .adb-solutions {
      flex-direction: column; }
      .adb-block .adb-solutions > div + div {
        margin: 30px 0 0 0; }
    .adb-block .adb-links {
      flex-direction: column; }
      .adb-block .adb-links > a + a {
        margin: 20px 0 0 0; }
    .adb-block .adb-solutions p,
    .adb-block .adb-links a {
      font-size: 1em; }
    .adb-block .btn {
      font-size: 1.12em;
      padding: 20px;
      margin-top: 5px; } }

/*F_ADBLOCK*/
/*F_RECHERCHE*/
/*SUIVEZ-NOUS*/
/*footer .foot-in > div > div:nth-of-type(3) */
footer form.newsl {
  color: #ffffff; }

nav.burger form.newsl {
  color: #ffffff;
  padding: 10px 20px;
  margin: 30px 0; }

.widget form.newsl {
  color: #4a4a4a;
  background-color: #f3f3f3;
  padding: 5px 20px 20px 20px; }

/*footer */
form.newsl strong {
  display: block;
  margin: 0 0 10px 0;
  font-weight: 600; }

footer form.newsl strong,
nav.burger form.newsl strong {
  font-size: 1.1429em; }

.widget form.newsl strong {
  position: relative;
  padding: 0 0 0 67px;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.25em; }
  .widget form.newsl strong:before {
    position: absolute;
    width: 67px;
    height: 65px;
    left: -10px;
    bottom: 0px;
    content: url("../img/widget-newsl-ico.png"); }

/*footer */
form.newsl p {
  margin: 0 0 5px 0; }

/*footer */
form.newsl p label {
  margin: 0; }

/*footer */
form.newsl span {
  display: block;
  width: 90%;
  margin: 10px auto 0 auto;
  padding: 0px 10px; }

footer form.newsl span,
nav.burger form.newsl span {
  border: 1px solid #ababab; }

.widget form.newsl span {
  background-color: #ffffff; }

/*footer */
form.newsl input[type="checkbox"] {
  margin-right: 10px; }

/*footer */
form.newsl input[type="text"],
form.newsl input[type="email"] {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  width: 84%;
  background-color: none;
  background-color: transparent;
  border: none;
  padding: 5px 10px;
  font-size: 0.8571em; }

footer form.newsl input[type="text"],
nav.burger form.newsl input[type="text"],
footer form.newsl input[type="email"],
nav.burger form.newsl input[type="email"] {
  color: #ffffff; }

.widget form.newsl input[type="text"],
.widget form.newsl input[type="email"] {
  color: #cf323b;
  font-weight: 600; }

/*footer */
form.newsl label.nlgo {
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  margin: 0;
  vertical-align: middle;
  width: 12%;
  text-align: right;
  padding: 5px; }
  form.newsl label.nlgo:before {
    position: relative;
    margin: 0;
    vertical-align: middle;
    font-family: 'icomoon';
    font-weight: normal;
    content: "\e909"; }

footer form.newsl label.nlgo:before,
nav.burger form.newsl label.nlgo:before {
  color: #ffffff; }

.widget form.newsl label.nlgo:before {
  color: #cf323b; }

/*F_SUIVEZ-NOUS*/
/*CAROUSEL - DIAPORAMA*/
/*CAS 1 SEULE PHOTO : PAS DE CAROUSEL MAIS UN DIV.art-photo*/
.main-carousel .carousel-cell,
.main-carousel .carousel-cell img {
  width: 100%; }

/*http://flickity.metafizzy.co/*/
.flickity-page-dots {
  display: none; }

.main-carousel .carousel-cell figure,
.art-photo figure {
  position: relative;
  margin-top: 0;
  overflow: hidden; }

.main-carousel .carousel-cell figure img,
.art-photo figure img {
  width: 100%; }

.main-carousel .carousel-cell figure figcaption,
.art-photo figure figcaption {
  position: absolute;
  display: block;
  left: 0px;
  bottom: -100px;
  width: 100%;
  height: 100px;
  padding: 5px 20px;
  background-color: rgba(0, 0, 0, 0.55);
  transform: translate(0px, 100px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

.main-carousel .carousel-cell figure:hover figcaption,
.art-photo figure:hover figcaption {
  bottom: 0px;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

@media (min-width: 641px) {
  .main-carousel .carousel-cell figure figcaption,
  .art-photo figure figcaption {
    font-size: 1.0714em; } }

@media (max-width: 640px) {
  .main-carousel .carousel-cell figure figcaption,
  .art-photo figure figcaption {
    font-size: 0.9286em; } }

.main-carousel .carousel-cell figure figcaption p,
.art-photo figure figcaption p {
  /*TITRE*/
  margin: 0;
  color: #ffffff; }

.main-carousel .carousel-cell figure figcaption em,
.art-photo figure figcaption em {
  /*CREDIT*/
  display: block;
  font-style: normal;
  color: #8d8d8d; }

/*F_CAROUSEL - DIAPORAMA*/
/*SLIDER SLIPPRY*/
/*LE SLIDER SE TROUVE DANS UN UL AUQUEL ON AJOUTE UNE CLASS diapo-slippry*/
ul.diapo-slippry figcaption {
  position: absolute;
  display: block;
  left: 0px;
  bottom: -100px;
  width: 100%;
  padding: 5px 20px;
  background-color: rgba(0, 0, 0, 0.55);
  transform: translate(0px, 100px);
  transition: 0.5s ease; }

ul.diapo-slippry:hover figcaption {
  bottom: 0px;
  transform: translate(0px, 0px);
  transition: 0.5s ease; }

@media (min-width: 641px) {
  ul.diapo-slippry figcaption {
    font-size: 1.0714em; } }

@media (max-width: 640px) {
  ul.diapo-slippry figcaption {
    font-size: 0.9286em; } }

ul.diapo-slippry figcaption p {
  /*TITRE*/
  margin: 0;
  color: #ffffff; }

ul.diapo-slippry figcaption em {
  /*CREDIT*/
  display: block;
  font-style: normal;
  color: #8d8d8d; }

.sy-pager {
  display: none !important; }

/*
chevron-left · Unicode: f053
chevron-right · Unicode: f054
*/
/*F_SLIDER SLIPPRY*/
/*F_ELEMENTS APPARAISSANT A PLUSIEURS ENDROITS DIFFERENTS*/
/*VISU*/
div.visu {
  position: relative;
  background-color: #f6f6f6;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 50px; }
  div.visu:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

/*18.11.2016 : d.desgue : ON N'UTILISE PLUS CETTE FONCTION. DANS SCRIPT.JS, ON CONSERVE LA POSSIBILITE D'Y ACCEDER*/
/*
div.visu.hide	{
	transform: translate(50%,0);
	transition-duration: 0.5s;
	transition-timing-function: ease;
}
div.visu.show	{
	transform: translate(0,0);
	transition-duration: 0.5s;
	transition-timing-function: ease;
}
*/
/*@media (min-width: 1200px) {*/
@media (min-width: 1240px) {
  div.visu {
    /*width: 1200px;*/
    width: 1240px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto; }
  div.visu-publi-redac {
    width: 870px; } }

@media (max-width: 1239px) {
  div.visu {
    padding-right: 10px;
    padding-left: 10px; } }

.visu-col {
  position: relative; }
  .visu-col:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

@media (min-width: 641px) {
  .visu-cols-2-1 {
    position: relative;
    padding-right: 300px; }
    .visu-cols-2-1:after {
      /*mixin CLEAR*/
      display: block;
      clear: both;
      height: 0px;
      content: "\00a0";
      visibility: hidden; }
  .visu-col.visu-col1 {
    position: relative;
    float: left;
    width: calc(100% - 40px); }
  .visu-col.visu-col2 {
    position: relative;
    float: right;
    width: 300px;
    margin-right: -300px; } }

@media (max-width: 640px) {
  .visu-col {
    margin-bottom: 30px; } }

/*F_VISU*/
footer {
  background-color: #303030;
  color: #ffffff; }

/*@media (min-width: 1200px) {*/
@media (min-width: 1240px) {
  footer .foot-in {
    /*width: 1200px;*/
    width: 1240px;
    margin-right: auto;
    margin-left: auto;
    padding: 50px 0 0 0; } }

/*@media (max-width: 1199px) {*/
@media (max-width: 1239px) {
  footer .foot-in {
    padding: 20px; } }

footer .foot-in > div:after {
  /*mixin CLEAR*/
  display: block;
  clear: both;
  height: 0px;
  content: "\00a0";
  visibility: hidden; }

/*F_STRUCTURE*/
/*ALERTES*/
.alertes {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  margin-left: 30px;
  vertical-align: middle;
  padding: 0 0 0 18px;
  border: 1px solid #ffffff; }

@media (max-width: 768px) {
  .alertes {
    margin-left: 0px; }
  .alertes span {
    display: none; } }

.alertes.alertes-on {
  border: 1px solid #43c0b2; }

.alertes a.alertes-tools {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  visibility: hidden;
  width: 45px;
  height: 40px;
  overflow: hidden;
  border-left: 1px solid #43c0b2;
  color: #43c0b2;
  text-align: center; }
  .alertes a.alertes-tools:before {
    position: relative;
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: middle;
    top: -2px;
    font-family: 'FontAwesome';
    font-weight: normal;
    content: "\f013";
    /*font-size: 3rem;*/
    font-size: 2.1429em; }

.alertes.alertes-on a.alertes-tools {
  visibility: visible; }

.alertes > span {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  text-transform: uppercase;
  font-weight: 600;
  color: #6b6a6a; }
  .alertes > span:before {
    position: relative;
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: middle;
    font-family: 'FontAwesome';
    content: "\f02c";
    font-size: 2em;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

.alertes > span:hover,
.alertes a.alertes-tools:hover {
  cursor: pointer; }

.alertes i {
  position: absolute;
  display: block;
  top: 2px;
  left: 7px;
  width: 21px;
  height: 21px;
  background-color: #43c0b2;
  font-weight: 700;
  font-size: 0.8571em;
  font-style: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 10px; }

/**/
/*

.alertes-det	{
	position: absolute;
	z-index: 100;
	display: none;
	right: 5px;
	top: 10px;
	border: 1px solid #d3d3d3;
	padding: 25px;
	background-color: #f1f1f1;
	-moz-box-shadow: 0px 0px 5px 0px #aaa;
	-webkit-box-shadow: 0px 0px 5px 0px #aaa;
	-o-box-shadow: 0px 0px 5px 0px #aaa;
	box-shadow: 0px 0px 5px 0px #aaa;
}
*/
.alertes-det {
  position: absolute;
  z-index: 100;
  display: block;
  display: none \9;
  right: 5px;
  top: 10px;
  border: 1px solid #d3d3d3;
  padding: 25px;
  background-color: #f1f1f1;
  -moz-box-shadow: 0px 0px 5px 0px #aaa;
  -webkit-box-shadow: 0px 0px 5px 0px #aaa;
  -o-box-shadow: 0px 0px 5px 0px #aaa;
  box-shadow: 0px 0px 5px 0px #aaa;
  display: none \9;
  /*transform: scaleY(0);*/
  transform: translate(0, -30px) scaleY(0);
  /*transform-origin: 50% 0;*/
  transform-origin: 0 0;
  transition: 0.3s ease; }

.alertes-det.show {
  display: block \9;
  /*transform: scaleY(1);*/
  transform: translate(0, 0) scaleY(1); }

.alertes-det a.gerer {
  position: absolute;
  top: 1em;
  right: 1em;
  color: #cf323b; }
  .alertes-det a.gerer:before {
    font-family: 'icomoon';
    font-size: 1.52em;
    font-style: normal;
    content: "\e912"; }
  .alertes-det a.gerer:hover {
    text-decoration: none; }

/*

.alertes-det:before {
	position: absolute;
	top: -14px;
	display: block;
	margin: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	content: "\00a0";
	border-style: solid;
	border-width: 0 14px 14px 14px;
	border-color: transparent transparent #f1f1f1 transparent;
}
*/
.alertes-det:before {
  position: absolute;
  top: -10px;
  display: block;
  margin: 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
  content: "\00a0";
  /*background-color:#f1f1f1;*/
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+0,f1f1f1+50,aaaaaa+100 */
  background: #f1f1f1;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, rgba(241, 241, 241, 0) 0%, #f1f1f1 50%, #aaaaaa 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(241, 241, 241, 0) 0%, #f1f1f1 50%, #aaaaaa 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(241, 241, 241, 0) 0%, #f1f1f1 50%, #aaaaaa 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#aaaaaa', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */ }

@media (min-width: 769px) {
  .alertes-det:before {
    right: 140px; } }

@media (max-width: 768px) {
  .alertes-det:before {
    right: 45px; } }

.alertes-det dl dt {
  margin: 0 0 10px 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: 600;
  color: #666666; }

.alertes-det dl dd {
  margin: 0 0 5px 0;
  padding: 0;
  color: #000000; }

.alertes-det dl dd i {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: top;
  margin-right: 10px;
  width: 21px;
  height: 21px;
  background-color: #cf323b;
  font-weight: 700;
  font-size: 0.8571em;
  font-style: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 10px; }

.alertes-det dl dd i[prop="ZERO"] {
  background-color: #cdcdcd; }

.alertes-det dl dd a {
  color: #000000; }

.alertes-det dl hr {
  color: #d3d3d3;
  background-color: #d3d3d3;
  margin: 1em 0 1em 0; }

/**/
/*GERER MES ALERTES*/
/*
.alertes-ger	{
	position: absolute;
	display: none;
	z-index: 1000;
	right: 0px;
	top: 0px;
	width: 100%;
	background-color: #212121;
	color: #ffffff;
	a	{
		color: #ffffff;
	}
}
*/
.alertes-ger {
  position: absolute;
  display: block;
  display: none \9;
  z-index: 1000;
  right: 0px;
  top: 0px;
  width: 100%;
  height: auto;
  background-color: #212121;
  transform: scaleY(0);
  transform-origin: 0 0;
  transition: transform 0.5s ease;
  color: #ffffff; }
  .alertes-ger a {
    color: #ffffff; }

.alertes-ger.show {
  display: block \9;
  transform: scaleY(1);
  transition: transform 1s ease; }

/*
.alertes-ger a.close	{
	position: absolute;
	right: 20px;
	top: 0px;
	z-index: 101;
	&:hover	{
		cursor: pointer;
		text-decoration: none;
	}
	&:before	{
		font-family: 'icomoon';
		font-size: 2rem;
		font-weight: normal;
		content: "\e902";
	}
}
*/
.alertes-ger a.close {
  position: absolute;
  right: 20px;
  top: 0px;
  z-index: 101; }
  .alertes-ger a.close:before {
    font-size: 1.12em; }

.alertes-ger-int {
  margin: 20px 0;
  text-align: center;
  font-weight: 600;
  font-size: 1.6429em;
  text-transform: uppercase; }
  .alertes-ger-int:before {
    position: relative;
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    margin-right: 10px;
    vertical-align: middle;
    font-family: 'icomoon';
    font-weight: normal;
    content: "\e912";
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

.alertes-ger-txt {
  width: 75%;
  margin: 20px auto;
  text-align: center;
  font-size: 1.1429em;
  color: #999999; }

.alertes-ger-txt .star {
  /*font-size: 0.75em;*/ }

.alertes-ger form .star {
  /*font-size: 0.85em;*/ }
  .alertes-ger form .star:before {
    margin-right: 10px;
    margin-left: 10px; }

.alertes-ger .suggere {
  font-style: italic;
  font-size: 0.75em; }
  .alertes-ger .suggere:before {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    margin-right: 10px;
    font-family: 'icomoon';
    font-weight: normal;
    content: "\e914";
    /*fa-long-arrow-left*/
    -ms-transform: rotate(-132deg);
    /* IE 9 */
    -webkit-transform: rotate(-132deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-132deg); }

.alertes-ger form {
  position: relative; }
  .alertes-ger form:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

@media (min-width: 961px) {
  .alertes-ger form {
    padding: 0 0 100px 0; } }

@media (max-width: 960px) {
  .alertes-ger form {
    padding: 0 0 50px 0; } }

.alertes-ger form dl label {
  margin: 1px;
  padding: 2px 8px;
  border-radius: 10px; }
  .alertes-ger form dl label:hover {
    margin: 0px;
    border: 1px solid #cf323b; }

.alertes-ger form dl [type="checkbox"]:checked + label {
  background-color: #cf323b; }

.alertes-ger form .btn {
  position: absolute;
  z-index: 101;
  right: 20px;
  bottom: 20px; }

@media (min-width: 961px) {
  .alertes-ger dl {
    margin: 0;
    padding: 0 5em;
    width: 25%;
    float: left;
    min-height: 430px;
    border-left: 1px solid #333333; }
  .alertes-ger dl:nth-of-type(1) {
    border-left: none; } }

@media (min-width: 641px) and (max-width: 960px) {
  .alertes-ger dl {
    margin: 0 0 5em 0;
    padding: 0 2.5em;
    width: 50%;
    float: left;
    min-height: 430px;
    border-left: 1px solid #333333; }
  .alertes-ger dl:nth-of-type(even) {
    border-left: none; } }

@media (max-width: 640px) {
  .alertes-ger dl {
    margin: 0 0 30px 0;
    padding: 0 2.5em; } }

.alertes-ger dl dt {
  font-weight: 600;
  font-size: 1.3571em;
  /*19*/
  text-transform: uppercase; }

@media (min-width: 961px) {
  .alertes-ger dl dt {
    margin: 0 0 20px 0; } }

@media (max-width: 960px) {
  .alertes-ger dl dt {
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #333333; } }

@media (min-width: 961px) {
  .alertes-ger dl dd {
    margin: 0 0 10px -10px; } }

@media (max-width: 960px) {
  .alertes-ger dl dd {
    margin: 0 0 10px 20px; } }

.connecte-det {
  position: absolute;
  z-index: 100;
  display: block;
  display: none \9;
  list-style-type: none;
  right: 5px;
  top: 10px;
  border: 1px solid #d3d3d3;
  padding: 0.5em 1em;
  margin: 0;
  color: #ffffff;
  /*BGCOLOR DEFINI DANS LES CSS CLIENTS RESPECTIVES*/
  -moz-box-shadow: 0px 0px 5px 0px #aaa;
  -webkit-box-shadow: 0px 0px 5px 0px #aaa;
  -o-box-shadow: 0px 0px 5px 0px #aaa;
  box-shadow: 0px 0px 5px 0px #aaa;
  /*transform: scaleY(0);*/
  transform: translate(0, -30px) scaleY(0);
  transform-origin: 0 0;
  transition: 0.3s ease; }
  .connecte-det:before {
    position: absolute;
    top: -14px;
    right: 45px;
    display: block;
    margin: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    content: "\00a0";
    border-style: solid;
    border-width: 0 14px 14px 14px;
    /*COULEURS DEFINIES DANS LES CSS CLIENTS RESPECTIVES*/ }
  .connecte-det a {
    color: #ffffff; }

.connecte-det.show {
  display: block \9;
  /*transform: scaleY(1);*/
  transform: translate(0, 0) scaleY(1); }

.connecte-det li {
  margin: 0.25em 0;
  padding: 0.15em 0.5em;
  border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .connecte-det li:first-of-type {
    border-top: none; }

/*FOOTER*/
footer .foot-in > div {
  margin-left: -20px; }

footer .foot-in > div > div {
  float: left;
  margin-left: 20px;
  margin-bottom: 20px; }

footer .foot-in > div > div:nth-of-type(1) {
  width: calc(100% * 1 / 2 - 20px); }

footer .foot-in > div > div:nth-of-type(2),
footer .foot-in > div > div:nth-of-type(3) {
  width: calc(100% * 1 / 4 - 20px); }

footer .foot-in > div > div:nth-of-type(3) {
  background-color: #262626;
  padding: 20px; }

footer .foot-in > div > div:nth-of-type(1) ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

footer .foot-in > div > div:nth-of-type(1) ul li {
  margin: 0 0 5px 0;
  padding: 0 0 0 1em; }

footer .foot-in > div > div:nth-of-type(1) ul li a {
  color: #ffffff; }

footer .foot-in > div > div:nth-of-type(1) ul li:before {
  margin-left: -1em;
  content: "• ";
  content: "— ";
  /*&mdash;*/
  content: "– ";
  /*&ndash;*/ }

footer .foot-in > div > div:nth-of-type(1) ul li {
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: top;
  width: calc(50% - 0.25em); }

@media (min-width: 461px) and (max-width: 768px) {
  footer .foot-in > div > div:nth-of-type(1) {
    float: none;
    width: calc(100% - 20px); }
  footer .foot-in > div > div:nth-of-type(2),
  footer .foot-in > div > div:nth-of-type(3) {
    width: calc(100% * 1 / 2 - 20px); } }

@media (min-width: 321px) and (max-width: 460px) {
  footer .foot-in > div > div:nth-of-type(1),
  footer .foot-in > div > div:nth-of-type(2),
  footer .foot-in > div > div:nth-of-type(3) {
    float: none;
    width: calc(100% - 20px); }
  footer .foot-in > div > div:nth-of-type(1) ul li {
    display: block;
    width: 100%;
    text-align: center; } }

@media (max-width: 320px) {
  footer .foot-in > div {
    margin-left: 0; }
  footer .foot-in > div > div {
    float: none;
    margin-left: 0; }
  footer .foot-in > div > div:nth-of-type(1),
  footer .foot-in > div > div:nth-of-type(2),
  footer .foot-in > div > div:nth-of-type(3) {
    width: 100%; }
  footer .foot-in > div > div:nth-of-type(1) ul li {
    display: block;
    width: 100%; } }

/**/
footer .foot-in > div > div:nth-of-type(1) p.mentions {
  position: relative;
  vertical-align: top;
  color: #ffffff; }

footer .foot-in > div > div:nth-of-type(1) p.mentions a {
  display: block;
  margin: 0 0 0.5em 0;
  color: #ffffff; }

@media (min-width: 961px) {
  footer .foot-in > div > div:nth-of-type(1) p.mentions {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    margin: 0 1em 0 0;
    width: calc(33.33333% - 1.25em); } }

@media (min-width: 769px) and (max-width: 960px) {
  footer .foot-in > div > div:nth-of-type(1) p.mentions {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    margin: 0 1em 0 0;
    width: calc(50% - 1.25em); } }

@media (min-width: 481px) and (max-width: 768px) {
  footer .foot-in > div > div:nth-of-type(1) p.mentions {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    margin: 0 1em 0 0;
    width: calc(33.33333% - 1.25em); } }

@media (max-width: 480px) {
  footer .foot-in > div > div:nth-of-type(1) p.mentions {
    margin: 0 0 1em 0; } }

/**/
/*DIV 1 : GROUPE LOGO*/
footer p.groupe-logo {
  position: relative;
  margin: 0 0 25px 0;
  padding: 25px 0;
  border-top: 1px solid #464646;
  border-bottom: 1px solid #464646; }

/*footer p.groupe-logo img.foot-logo	{*/
footer p.groupe-logo span.foot-logo {
  position: relative;
  margin: 0;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  width: 180px;
  height: auto; }

footer p.groupe-logo span.foot-logo img {
  width: 100%; }

footer a.wktlresoc {
  color: #ffffff;
  margin-left: 0.5em; }
  footer a.wktlresoc:hover {
    color: #D0D0D0; }

footer a.wktlresoc[resoc]:before {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  font-size: 1.12em; }

footer p.groupe-logo:after {
  position: absolute;
  /*display: block;*/
  right: 0px;
  bottom: -9px;
  width: calc(31% + 9px);
  height: calc(100% + 9px);
  background-image: url("../img/visuel_footer.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "\00a0"; }

@media (min-width: 961px) {
  footer p.groupe-logo:after {
    display: block; } }

@media (min-width: 729px) and (max-width: 960px) {
  footer p.groupe-logo:after {
    display: none; } }

@media (min-width: 481px) and (max-width: 728px) {
  footer p.groupe-logo:after {
    display: block; } }

@media (max-width: 480px) {
  footer p.groupe-logo:after {
    display: none; } }

/*F_DIV 1 : GROUPE LOGO*/
/*DIV 2 : RESEAUX SOCIAUX*/
/*footer .foot-in > div > div:nth-of-type(2) */
ul.resocs {
  list-style-type: none;
  margin: 0;
  padding: 0; }

footer ul.resocs li {
  /*margin-top: 40px;*/
  padding: 0; }

@media (min-width: 961px) {
  footer ul.resocs li {
    margin: 40px 0 0 0; } }

@media (max-width: 961px) {
  footer ul.resocs li {
    margin: 0 0 30px 0; } }

/*
	@media (max-width:460px)	{
	footer ul.resocs li	{
		margin-top: 0px;
		margin-bottom: 20px;
	}
	}
*/
/*
footer ul.resocs li:before	{
	position: relative;
@include INLINEBLOCK;
	vertical-align: middle;
	width: 100px;
	height: 25px;
	content: "\00a0";
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
	footer ul.resocs li.resocs-officiel:before	{
		background-image: url('../img/picto_officiel_afafaf.png');
	}
	footer ul.resocs li.resocs-marine:before	{
		background-image: url('../img/picto_marine_afafaf.png');
	}
	footer ul.resocs li.resocs-logistique:before	{
		background-image: url('../img/picto_logistique_afafaf.png');
	}
*/
footer ul.resocs li:before {
  position: relative;
  /*@include INLINEBLOCK;*/
  vertical-align: middle;
  width: 145px;
  /*height: 25px;*/
  content: "\00a0"; }

footer ul.resocs li.resocs-officiel:before {
  content: url("../img/picto_officiel_afafaf.png"); }

footer ul.resocs li.resocs-marine:before {
  content: url("../img/picto_marine_afafaf.png"); }

footer ul.resocs li.resocs-logistique:before {
  content: url("../img/picto_logistique_afafaf.png"); }

@media (min-width: 961px) {
  footer ul.resocs li:before {
    display: inline-block;
    height: 25px; } }

@media (min-width: 729px) and (max-width: 960px) {
  footer ul.resocs li:before {
    display: block; } }

@media (min-width: 481px) and (max-width: 728px) {
  footer ul.resocs li:before {
    display: inline-block;
    height: 25px; } }

@media (max-width: 480px) {
  footer ul.resocs li:before {
    display: block; } }

footer ul.resocs li a[resoc] {
  color: #afafaf; }

footer ul.resocs li a[resoc]:hover {
  color: #ffffff; }

footer ul.resocs li a[resoc]:before {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  font-size: 1.12em; }

/*F_DIV 2 : RESEAUX SOCIAUX*/
/*DIV 3 : SUIVEZ-NOUS*/
/*F_DIV 3 : SUIVEZ-NOUS*/
/**/
p.foot-slug {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #ffffff;
  font-weight: bold; }

p.foot-copy {
  margin: 0;
  padding: 20px 0;
  text-align: center;
  color: #666666;
  text-transform: uppercase; }

@media (max-width: 1199px) {
  p.foot-copy {
    padding: 0; } }

/*F_FOOTER*/
/*CONTENU*/
/*ARIANE*/
.ariane {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 0.7857em;
  font-weight: 600;
  text-transform: uppercase;
  color: #cf323b; }

.ariane li {
  margin: 0;
  padding: 0;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/ }

.ariane a {
  color: #393939; }
  .ariane a:after {
    content: "\00a0›\00a0";
    /*› 	&rsaquo; 	&#8250;*/
    padding: 0 5px; }
  .ariane a:hover {
    text-decoration: none;
    color: #aaaaaa; }

.ariane li:last-of-type a {
  color: #cf323b; }
  .ariane li:last-of-type a:hover {
    color: #aaaaaa; }
  .ariane li:last-of-type a:after {
    display: none; }

/*
.ariane  li:last-of-type a:hover	{
	color: #aaaaaa;
}
.ariane  li:last-of-type a:after	{
	display: none;
}
*/
/*F_ARIANE*/
/*A VOIR*/
div.avoir {
  position: relative;
  margin: 25px 0;
  padding: 5px 0; }

@media (max-width: 768px) {
  div.avoir {
    display: none; } }

div.avoir ul {
  list-style-type: none;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1); }

@media (min-width: 769px) {
  div.avoir ul {
    display: table;
    background-color: #ffffff;
    margin: 0;
    padding: 15px 0; } }

@media (max-width: 768px) {
  div.avoir ul {
    margin: 0 0 0 5px;
    padding: 0; } }

div.avoir ul > li {
  margin: 0;
  padding-top: 0;
  padding-right: 25px;
  padding-bottom: 0;
  font-size: 1.0714em;
  color: #303030; }

@media (min-width: 769px) {
  div.avoir ul > li {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
    border-left: 1px solid #cf323b;
    text-align: center; }
  div.avoir ul > li:first-of-type {
    border-left: none;
    padding-left: 110px; } }

@media (max-width: 768px) {
  div.avoir ul > li {
    text-align: left;
    padding-left: 120px; }
  div.avoir ul > li:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05); } }

div.avoir ul > li a {
  color: #303030; }

div.avoir > p {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 80px;
  background-color: #cf323b;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  overflow: hidden; }
  div.avoir > p:after {
    position: absolute;
    display: block;
    right: 0;
    top: calc(50% - 64px);
    margin: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    content: "\00a0";
    border-style: solid;
    border-width: 64px 0 64px 16px;
    border-color: #f6f6f6 #f6f6f6 #f6f6f6 #cf323b; }

div.avoir > p > span {
  position: absolute;
  display: block;
  left: 15px; }

/*
div.avoir > p:after	{
	position: absolute;
	display: block;
	right: -25px;
	top: 0px;
	width: 25px;
	height: 100%;
	margin: 0 auto;
	content: "\00a0";
	background-image: url('../img/_TRIANGLE_DROITE.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
*/
@media (min-width: 769px) {
  div.avoir > p {
    height: 100%; }
  div.avoir > p > span {
    top: calc(50% - 0.6em); } }

@media (max-width: 768px) {
  div.avoir > p {
    height: 2.5em; }
  div.avoir > p > span {
    top: calc(50% - 0.7em); } }

/*F_A VOIR*/
/*PAGE DOSSIER*/
.doss-top {
  margin-bottom: 20px; }

@media (min-width: 961px) {
  .doss-top {
    padding-right: 12.5%;
    padding-left: 12.5%; } }

.doss-diapo {
  padding: 20px;
  background-image: url("../img/bg-bloc-art-une.png");
  background-image: url("../img/cream_pixels_@2X.png"); }

.doss-part1 {
  position: relative;
  margin-bottom: 20px;
  padding: 0 20px 20px 20px;
  background-image: url("../img/bg-bloc-art-une.png");
  background-image: url("../img/cream_pixels_@2X.png"); }

.doss-part2 {
  clear: left; }

.doss-aside {
  margin-top: 20px; }

/*TOP*/
.doss-top {
  text-align: center; }

.doss-rub {
  text-transform: uppercase;
  color: #cf323b; }

.doss-surt {
  font-size: 1.1429em;
  text-transform: uppercase;
  color: #393939; }

.doss-tit {
  margin: 0.5em 0;
  font-size: 2.5em;
  line-height: 1.15em;
  color: #393939;
  font-weight: normal; }
  .doss-tit:after {
    display: block;
    width: 6.5%;
    height: 5px;
    margin: 10px auto;
    background-color: #393939;
    content: "\00a0"; }

.doss-sout {
  margin: 0;
  color: #393939; }

.doss-meta {
  margin: 0;
  font-size: 0.9286em;
  color: #aaaaaa; }

/*F_TOP*/
/*DIAPO*/
/*F_DIAPO*/
/*PART1*/
.doss-part1-top {
  position: relative;
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1); }

@media (min-width: 961px) {
  .doss-part1-top {
    margin: -130px 20px 20px 20px;
    z-index: 10; } }

@media (max-width: 960px) {
  .doss-part1-top {
    margin: 0 0 20px 0; } }

.doss-part1-top .tit {
  font-size: 2em;
  line-height: 1.25em; }

.doss-part1-top .chapo {
  font-size: 1.1429em; }

.doss-part1-sommaire {
  position: relative;
  padding: 0 20px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1); }

@media (min-width: 961px) {
  .doss-part1-sommaire {
    margin: 0 20px 20px 20px; } }

@media (max-width: 960px) {
  .doss-part1-sommaire {
    margin: 0 0 20px 0; } }

.doss-part1-sommaire .bloc-int {
  font-size: 1.7857em;
  /*25*/ }

.doss-part1-sommaire .chapo {
  font-size: 1.1429em;
  margin-bottom: 20px; }

.doss-part1-sommaire ul li figure {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  margin: 0 0.5em;
  width: 12.5%; }

.doss-part1-sommaire ul li .content {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.3571em;
  font-weight: 500;
  line-height: 1.25em; }

.doss-part1-sommaire ul li figure + .content {
  width: calc(82.5% - 1em); }

/*F_PART1*/
/*PART2*/
.doss-tags {
  /*COMPLEMENT DE bloc*/
  border: 1px solid #cf323b;
  padding: 1em 20px; }
  .doss-tags:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

article.art .doss-tags.payant {
  visibility: hidden; }

.doss-tags .int {
  margin: 0;
  font-size: 1.1429em;
  font-weight: 600;
  color: #cf323b; }

.doss-tags .tag {
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  padding: 0 1em;
  margin: 0 5px 0 0;
  background-color: rgba(0, 0, 0, 0.1);
  color: #424242;
  font-weight: 600; }

.doss-tags dl .tag {
  margin: 0 5px 5px 0; }

.doss-tags dl dt {
  margin: 0 0 5px 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 0.9286em;
  font-weight: 500;
  text-transform: uppercase;
  color: #cf323b; }

.doss-tags dl dd {
  margin: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0; }

@media (min-width: 769px) {
  .doss-tags dl {
    float: left;
    width: 33.33333%; }
  .doss-tags dl dt {
    padding-left: 20px; }
  .doss-tags dl:first-of-type dt {
    padding-left: 0; }
  .doss-tags dl dd {
    padding-left: 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .doss-tags dl:first-of-type dd {
    padding-left: 0;
    border-left: none; } }

/**/
.doss-auth {
  /*COMPLEMENT DE bloc*/ }
  .doss-auth:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

.doss-auth .int {
  margin: 0 0 10px 0;
  font-size: 1.1429em;
  font-weight: 600;
  color: #cf323b; }
  .doss-auth .int:before {
    position: relative;
    display: block;
    margin-bottom: 10px;
    width: 8%;
    height: 4px;
    background-color: #cf323b;
    content: "\00a0"; }

.doss-auth ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .doss-auth ul li {
    position: relative;
    padding: 0; }

@media (min-width: 961px) {
  .doss-auth ul li {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: top;
    margin: 0 20px 10px 0;
    width: 33.33333%;
    width: calc(50% - 1em - 20px); } }

@media (max-width: 960px) {
  .doss-auth ul li {
    display: block;
    margin: 0 0 10px 0; } }

.doss-auth ul li img {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: top;
  width: 90px;
  height: 90px;
  margin-right: 0.5em; }

.doss-auth ul li .cont {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  margin: 0;
  vertical-align: top;
  width: calc(98% - 90px - 0.5em);
  max-height: 90px;
  overflow: hidden; }

.doss-auth ul li .cont span {
  display: block;
  line-height: 1.25em; }

.doss-auth ul li .cont span.nom-prenom {
  font-size: 0.9286em; }

.doss-auth ul li .cont span:nth-of-type(2) {
  font-style: italic;
  color: #222222; }
  .doss-auth ul li .cont span:nth-of-type(2) a {
    color: #222222; }

.doss-auth .btn {
  position: absolute;
  left: calc(90px + 1em);
  bottom: 0;
  font-size: 0.7857em;
  padding-right: 0;
  padding-left: 0; }

/*F_PART2*/
/*F_PAGE DOSSIER*/
/*ARTICLE*/
.art-diapo,
.art-photo {
  margin-bottom: 20px; }

article .img-article {
  width: 100%; }
  article .img-article ficaption {
    color: #9c9c9c; }

article.art {
  color: #393939;
  background-color: #ffffff;
  padding: 1em; }

@media (min-width: 961px) {
  article.art:not(.art-publi-redac) {
    float: right;
    width: calc(100% - 280px);
    margin-right: 20px; }
  article.art-publi-redac {
    float: left;
    width: calc(100% - 280px);
    margin-right: 20px; } }

article.art h2 {
  font-size: 2em;
  font-weight: 500;
  line-height: 1.25em; }

article.art h3 {
  font-size: 1.7857em;
  color: #cf323b;
  font-weight: 700; }

article.art h4 {
  font-size: 1.2857em;
  font-weight: 700; }

article.art h5 {
  font-size: 1.1429em;
  font-weight: 700; }

article.art .cont {
  font-size: 1.1429em; }

article.art .cont.payant {
  visibility: hidden; }

article.art .cont .meme-sujet {
  background-color: rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.5em 1em 0.5em 30px;
  font-size: 1.1429em;
  font-weight: 500;
  line-height: 1em;
  color: #cf323b; }
  article.art .cont .meme-sujet:before {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    top: -2px;
    margin-left: -20px;
    font-family: 'FontAwesome';
    font-size: 2em;
    font-weight: normal;
    content: "\f105";
    /*angle-right*/ }

article.art .cont .meme-sujet a {
  text-decoration: underline;
  color: #cf323b; }
  article.art .cont .meme-sujet a:hover {
    text-decoration: none; }

article.art .cont .audio {
  margin: 1em 0; }

article.art .cont .video {
  margin: 1em 0; }

article.art .cont .credit {
  display: block;
  font-size: 0.8571em;
  font-weight: 500;
  color: #8d8d8d; }

article.art .cont .citation {
  margin: 20px 0;
  text-align: center; }
  article.art .cont .citation:before, article.art .cont .citation:after {
    width: 40px;
    height: 40px; }

article.art .cont .citation p {
  font-size: 2.1429em;
  line-height: 1.25em; }

article.art .cont .citation span.nom-prenom {
  font-size: 0.9286em; }

article.art .cont ol li {
  list-style-type: none;
  counter-increment: list;
  position: relative; }
  article.art .cont ol li:after {
    content: counter(list) "-";
    position: absolute;
    left: -2.25em;
    top: -2px;
    width: 2em;
    text-align: right;
    color: #cf323b;
    font-weight: 700; }

/**/
.auteur {
  /*COMPLETE bloc*/ }

article.art .auteur.payant {
  visibility: hidden; }

.auteur .cont {
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.auteur img {
  position: relative;
  vertical-align: top;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  margin-right: 20px;
  width: 65px;
  height: 65px; }

.auteur .descri {
  position: relative;
  vertical-align: top;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  margin: 0;
  width: calc(100% - 85px - 1em); }

.auteur .follow {
  float: right;
  font-weight: 600;
  color: #000000; }
  .auteur .follow:before {
    font-family: 'FontAwesome';
    color: #4db7ea;
    content: "\f099\00a0";
    /*twitter*/ }
  .auteur .follow a {
    color: #000000; }

.auteur .pseudo {
  display: block;
  font-size: 1.0714em;
  font-weight: 600; }

.auteur .pseudo + span {
  display: block;
  font-size: 0.9286em;
  font-weight: 500;
  color: #cccccc; }

.auteur .txt {
  line-height: 1.25em; }

.auteur .meta {
  margin: 0;
  font-size: 0.9286em;
  color: #cccccc; }

.auteur .actions {
  color: #697882; }

.auteur .actions a {
  color: #697882;
  margin-right: 20px; }
  .auteur .actions a:hover {
    text-decoration: none; }

.auteur .actions a.repondre:hover {
  color: #333333; }

.auteur .actions a.retwitt:hover {
  color: #4db7ea; }

.auteur .actions a.aime:hover {
  color: #cf323b; }

.auteur .actions a:before {
  font-family: 'FontAwesome';
  margin-right: 5px; }

.auteur .actions a.repondre:before {
  content: "\f112";
  /*reply*/ }

.auteur .actions a.retwitt:before {
  content: "\f079";
  /*retweet*/ }

.auteur .actions a.aime:before {
  content: "\f004";
  /*heart*/ }

.auteur em {
  color: #cf323b; }

/**/
.board {
  display: block;
  background-color: #ffffff; }

@media (min-width: 961px) {
  .board:not(.board-publi-redac) {
    position: absolute;
    z-index: 100;
    left: 0px;
    top: 0px;
    width: 220px; } }

@media (max-width: 960px) {
  /*

		.board	{
			position: fixed;
			bottom: 0;
			z-index: 100;
			left: 0px;
			-moz-box-shadow: 0px 0px 5px 0px #aaa;
			-webkit-box-shadow: 0px 0px 5px 0px #aaa;
			-o-box-shadow: 0px 0px 5px 0px #aaa;
			box-shadow: 0px 0px 5px 0px #666;
		}
	*/
  .board {
    position: relative; }
  .board:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; } }

/*AU SOMMAIRE*/
.ausom {
  margin-bottom: 20px;
  background-color: #cf323b;
  color: #ffffff; }
  .ausom a {
    color: #ffffff; }

p.ausom-int {
  position: relative;
  vertical-align: middle;
  margin: 0;
  padding: 0.2em 1em;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.3em; }
  p.ausom-int:before {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    position: relative;
    vertical-align: middle;
    margin-right: 10px;
    font-family: 'icomoon';
    font-weight: normal;
    content: "\e915";
    font-size: 1.8em; }

.ausom ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0.9286em; }

ul.ausom-l1 > li {
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #a91313; }

ul.ausom-l1 > li > span {
  display: block;
  padding: 1.25em 1em;
  font-weight: 600;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.1); }

ul.ausom-l1 > li > span:before {
  position: relative;
  display: block;
  float: right;
  margin-left: 1em;
  vertical-align: middle;
  font-family: 'icomoon';
  font-weight: normal;
  text-align: center;
  width: 20px;
  content: "\e909"; }

ul.ausom-l1 > li.ausom-l1-li-on > span::before {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

ul.ausom-l2 {
  display: none;
  list-style-type: none;
  margin: 0.5em 0 0.5em 1em;
  padding: 0;
  border-left: 1px solid #ffffff; }

ul.ausom-l2 > li {
  margin: 0.5em 1em 0.5em 1em;
  padding: 0.5em 0em;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  ul.ausom-l2 > li:before {
    position: relative;
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: middle;
    margin: 0 0.5em 0 -1.5em;
    width: 1em;
    font-family: 'FontAwesome';
    font-weight: normal;
    content: "\f111"; }

ul.ausom-l2 > li:nth-of-type(1) {
  border-top: none; }

ul.ausom-l2 > li a {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  width: 100%;
  line-height: 1.25em;
  font-size: 1.2em; }

/*F_AU SOMMAIRE*/
/*SOCIAL*/
.board table.social {
  border-collapse: collapse;
  background-color: #ffffff;
  margin: 0; }

@media (min-width: 961px) {
  .board table.social {
    width: 100%; } }

@media (max-width: 960px) {
  /*

		.board table.social	{
			width: 49%;
		}
		.board table.social:nth-of-type(1)	{
			float: left;
		}
		.board table.social:nth-of-type(2)	{
			float: right;
		}
	*/
  .board table.social {
    width: 100%; }
  .board table.social.resocs {
    position: fixed;
    z-index: 1001;
    /*AU-DESSUS DES 1000 DES COOKIES*/
    left: 0px;
    bottom: 0px;
    max-width: 620px; } }

.board table.social td {
  /*padding: 12px 0;*/
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0; }

@media (max-width: 320px) {
  .board table.social td {
    /*RE-ECRIRE KNACKS QUI MET UN DISPLAY BLOCK*/
    display: table-cell; } }

.board table.social td a[resoc],
.board table.social td .star,
.board table.social td .mail {
  font-size: 1.1429em;
  color: #ffffff;
  display: block;
  text-align: center;
  margin: 0;
  /*padding: 0.5em 2em 0.5em 1em;
	margin: 0 0 0 -0.5em;*/
  width: 100%;
  height: 2.75em;
  overflow: hidden;
  padding: 0.7em 0; }

.board table.social td a[resoc]:hover {
  text-decoration: none; }

/*
.board table.social td a[resoc="FB"]	{
	color: #3d7ccb;
}
.board table.social td a[resoc="TW"]	{
	color: #48d6f4;
}
.board table.social td a[resoc="IN"]	{
	color: #1f92eb;
}
.board table.social td a[resoc="VIA"]	{
	color: #ff903f;
}
*/
.board table.social td.fb {
  background-color: #3d7ccb; }

.board table.social td.tw {
  background-color: #48d6f4; }

.board table.social td.in {
  background-color: #1f92eb; }

.board table.social td.via {
  background-color: #ff903f; }

.board table.social td.googleplus {
  background-color: #e64545; }

.board table.social td.star:before {
  color: #ffce0a; }

.board table.social td.mail:before {
  color: #676767;
  font-family: 'FontAwesome';
  content: "\f0e0";
  /*envelope*/ }

.board table.social td :hover {
  cursor: pointer; }

.board table.social td.cont-redac {
  display: block;
  padding: 12px;
  font-size: 0.9286em;
  font-weight: 600;
  text-transform: uppercase;
  color: #393939; }

/*F_SOCIAL*/
/*OUTILS*/
.board .outils {
  color: #393939; }

@media (min-width: 961px) {
  .board .outils {
    width: 100%; } }

@media (max-width: 960px) {
  /*
		.board .outils	{
			width: 49%;
			clear: right;
			float: right;
		}
	*/
  .board .outils {
    width: 100%; } }

.board .outils a.print,
.block-left-somm .outils a.print {
  display: block;
  margin: 10px 0;
  font-size: 0.9286em;
  font-weight: 600;
  text-transform: uppercase;
  color: #393939; }
  .board .outils a.print:before,
  .block-left-somm .outils a.print:before {
    margin-right: 0.5em;
    font-family: 'FontAwesome';
    font-size: 1.5em;
    content: "\f02f";
    /*print*/ }

.board .outils table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff; }

.board .outils table td {
  vertical-align: middle;
  padding: 0;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.board .outils table button {
  background-color: transparent;
  border: none; }

.board .outils table button:before {
  font-family: 'FontAwesome';
  font-size: 2em; }

.board .outils table button.txt-plus:before {
  content: "\f067";
  /*plus*/ }

.board .outils table button.txt-moins:before {
  content: "\f068";
  /*minus*/ }

.board .outils table td#raz:hover {
  cursor: pointer; }

/*F_OUTILS*/
/*CONTACT REDACTION*/
/*REPREND LES CARACTERISTIQUES DE .ident*/
/*F_CONTACT REDACTION*/
/*AUTEURS*/
.board .auteurs {
  clear: both;
  background-color: #ffffff;
  margin: 1em 0 0 0; }

.board .auteurs .int {
  margin: 0;
  font-size: 1.5em;
  font-weight: 600;
  color: #cf323b; }
  .board .auteurs .int:before {
    display: block;
    margin: 0 0 5px 0;
    width: 70px;
    height: 4px;
    content: "\00a0";
    background-color: #cf323b; }

.board .auteurs ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.board .auteurs ul li {
  padding: 10px 0;
  margin: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.board .auteurs ul li:first-child {
  border-top: none; }

.board .auteurs ul li img {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: top;
  width: 50px;
  height: 50px;
  margin-right: 0.5em; }

.board .auteurs ul li .cont {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  margin: 0;
  vertical-align: top;
  width: calc(98% - 50px - 0.5em);
  max-height: 50px;
  overflow: hidden; }

.board .auteurs ul li .cont span {
  display: block;
  line-height: 1.25em; }

.board .auteurs ul li .cont span.nom-prenom {
  font-size: 0.9286em; }

.board .auteurs ul li .cont span:nth-of-type(2) {
  font-style: italic; }

/*F_AUTEURS*/
/*BLOC ARTICLE PAYANT*/
.bloc.payant {
  position: relative;
  padding: 6em 2em 1.5em 2em;
  background-color: #e9a908;
  color: #ffffff;
  text-align: center; }
  .bloc.payant:before, .bloc.payant:after {
    position: absolute;
    font-family: 'icomoon'; }
  .bloc.payant:before {
    top: 20px;
    font-size: 2.5em;
    content: "\e915";
    left: calc(50% - 0.5em); }
  .bloc.payant:after {
    top: 12px;
    font-size: 1.5em;
    content: "\e907";
    right: calc(50% - 1.35em);
    background-color: #e9a908;
    padding: 0 0.1em;
    line-height: 1.35em; }

.bloc.payant p {
  margin: 2em 0 0 0; }

.bloc.payant strong {
  padding: 1em 0;
  font-size: 1.7857em;
  font-weight: normal;
  line-height: 1.25em; }

.bloc.payant img {
  width: 50%; }

.bloc.payant .txt {
  font-size: 1.0714em;
  font-weight: 700;
  text-transform: uppercase; }
  .bloc.payant .txt a {
    color: #ffffff;
    text-decoration: underline; }
    .bloc.payant .txt a:hover {
      text-decoration: none; }

/*F_BLOC ARTICLE PAYANT*/
/*F_ARTICLE*/
/*F_CONTENU*/
/*BLOCS*/
.bloc {
  position: relative;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 30px;
  margin-left: 0;
  background-color: #ffffff; }

.bloc-int {
  position: relative;
  display: block;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  font-size: 2.5em;
  color: #cf323b; }
  .bloc-int:before {
    position: relative;
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: middle;
    left: -15px;
    width: 55px;
    height: 8px;
    background-color: #cf323b;
    content: "\00a0"; }

aside .bloc-int:before,
.visu-cols-2-1 .visu-col.visu-col2 .bloc-int:before {
  display: none; }

/*LES PLUS LUS*/
/*RAPATRIÉ DE tl.scss le 10.12.2016*/
/*UTILISE SUR TL ET TOURISME DE GROUPE*/
.pluslus {
  /*COMPLETE .bloc*/
  padding: 20px 20px 20px 0;
  border: 1px solid rgba(0, 0, 0, 0.1); }

aside .pluslus {
  padding: 0;
  border: none; }

.pluslus ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.pluslus ul li {
  position: relative;
  vertical-align: top;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0.5em;
  padding-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 20px; }

@media (min-width: 769px) {
  .pluslus ul li {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    width: calc(33.3333333333% - 20px - 0.25em); }
  .pluslus ul li:nth-of-type(1),
  .pluslus ul li:nth-of-type(2),
  .pluslus ul li:nth-of-type(3) {
    margin-bottom: 0.5em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); } }

@media (max-width: 768px) {
  .pluslus ul li {
    display: block;
    width: calc(100% - 20px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0.5em; } }

/*AFFICHAGE EN COLDRO 300PX = ID CI-DESSUS*/
aside .pluslus ul li {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-bottom: 0.5em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  aside .pluslus ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0; }

/**/
.pluslus ul li img {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: top;
  width: 80px;
  height: 80px;
  margin-right: 0.5em; }

.pluslus ul li .cont {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  margin: 0;
  max-height: 6em;
  overflow: hidden;
  vertical-align: top;
  width: calc(100% - 80px - 1.5em);
  font-size: 1.0714em;
  line-height: 1.25em;
  font-weight: 600; }

.pluslus ul li .cont a {
  color: #393939; }

@media (min-width: 769px) and (max-width: 960px) {
  .pluslus ul li .cont {
    display: block;
    width: 100%;
    height: auto; } }

/*AFFICHAGE EN COLDRO 300PX = ID CI-DESSUS*/
aside .pluslus ul li .cont {
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  width: calc(100% - 80px - 1.5em); }

/*F_LES PLUS LUS*/
/*F_BLOCS*/
/*WIDGETS*/
/*EVENEMENTS*/
.eves {
  /*COMPLEMENT DE widget*/ }

.widget.eves ul {
  list-style-type: none;
  padding: 0; }

nav.burger .widget.eves ul {
  margin: 1em; }

aside .widget.eves {
  background-color: #ffffff; }

.widget.eves ul li {
  position: relative;
  height: 67px;
  overflow: hidden;
  padding: 10px;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  background-color: #ffffff; }

/*nav.burger .widget.eves ul li	{
	background-color: rgba(255,204,204,0.95);
}*/
.widget.eves ul li:hover {
  -moz-box-shadow: 8px 8px 12px 0px #aaa;
  -webkit-box-shadow: 8px 8px 12px 0px #aaa;
  -o-box-shadow: 8px 8px 12px 0px #aaa;
  box-shadow: 2px 2px 3px 0px #aaa; }

.widget.eves ul li:first-child {
  margin-top: 0px; }

/*
.widget.eves ul li:after	{
	display: block;
	clear: both;
	height: 0px;
	content: "\00a0";
	visibility: hidden;
}
*/
/*
.widget.eves ul li figure	{
	position: relative;
	display: none;
	vertical-align: middle;
	margin: 0;
	height: 50px;
	overflow: hidden;
	width: calc(80% - 0.25em);
	text-align: center;
}
.widget.eves ul li:hover figure	{
	display: inline-block;
	background-color: #9F3;
}
*/
.widget.eves ul li figure {
  position: absolute;
  display: block;
  left: -1000px;
  top: 0px;
  margin: 0;
  width: 80%;
  height: 50px;
  overflow: hidden;
  text-align: center;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease;
  -moz-box-shadow: 8px 8px 12px 0px #aaa;
  -webkit-box-shadow: 8px 8px 12px 0px #aaa;
  -o-box-shadow: 8px 8px 12px 0px #aaa;
  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.1); }

.widget.eves ul li:hover figure {
  left: 0px;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

/*
.widget.eves ul li .date	{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 50px;
	overflow: hidden;
	width: calc(20% - 0.25em);
	margin: 0;
	padding: 0 0.75em;
	text-align: center;
	color: #cf323b;
	color: $cRouWktl;
	text-transform: uppercase;
	font-weight: 600;
}
*/
.widget.eves ul li .date {
  position: absolute;
  display: block;
  left: 0px;
  top: 10px;
  margin: 0;
  height: 50px;
  width: 20%;
  overflow: hidden;
  padding: 0 0.75em;
  text-align: center;
  color: #cf323b;
  text-transform: uppercase;
  font-weight: 600;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

.widget.eves ul li:hover .date {
  left: 80%;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

.widget.eves ul li .date span {
  position: relative;
  display: block; }

.widget.eves ul li .date span:nth-of-type(1) {
  font-size: 2em;
  line-height: 1em;
  top: -3px; }

.widget.eves ul li .date span:nth-of-type(2) {
  border-top: 1px solid #cf323b; }

/*
.widget.eves ul li .eve	{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 50px;
	overflow: hidden;
	width: calc(80% - 0.25em);
	margin: 0;
	padding: 0.25em 0.5em;
	padding: 0 0.5em;
	text-align: left;
	line-height: 1em;
	font-weight: 500;
}
.widget.eves ul li:hover .eve	{
	display: none;
}
*/
.widget.eves ul li .eve {
  position: absolute;
  display: block;
  right: 0;
  height: 50px;
  overflow: hidden;
  width: 80%;
  margin: 0;
  padding: 0.15em 0;
  text-align: left;
  line-height: 1em;
  font-weight: 500;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

.widget.eves ul li:hover .eve {
  right: -1000px;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

.widget.eves ul li .eve span {
  display: block; }

.widget.eves ul li .eve span:nth-of-type(1) {
  color: #333333; }

.widget.eves ul li .eve span:nth-of-type(2) {
  font-size: 0.7857em;
  color: #999999;
  text-transform: uppercase; }

/*F_EVENEMENTS*/
/*NEWSLETTERS*/
.widget.newsl {
  /*COMPLEMENT DE widget*/
  background-color: #ffffff; }

.widget-newsl-int {
  margin: 0 0 0 0;
  color: #383838;
  font-size: 1.5em;
  line-height: 1.25em;
  font-weight: 600; }

/*
.widget.newsl .cont	{
	margin: 0;
	padding: 5px 10px;
}
.widget.newsl .cont *[RESOC]	{
	margin-right: 10px;
	font-size: 2rem;
	font-size: $t28;
	color: #737373;
}
.widget.newsl .cont *[RESOC]:hover	{
	text-decoration: none;
	color: #383838;
}
*/
/*F_NEWSLETTERS*/
/*RESEAUX SOCIAUX*/
.widget.resocs {
  /*COMPLEMENT DE widget*/
  background-color: #ffffff; }

.widget.resocs .cont {
  margin: 0;
  padding: 5px 10px; }

.widget.resocs .cont *[RESOC] {
  margin-right: 10px;
  font-size: 2em;
  color: #737373; }

.widget.resocs .cont *[RESOC]:hover {
  text-decoration: none;
  color: #383838; }

/*F_RESEAUX SOCIAUX*/
/*F_WIDGETS*/
/*ESPACE INSCRIPTION*/
.insc .int {
  margin: 0;
  font-size: 3.2143em;
  color: #303030;
  font-weight: 600; }

.insc .sout {
  margin: 0;
  font-size: 1.7857em;
  color: #303030;
  font-weight: 600; }
  .insc .sout:after {
    display: block;
    margin: 0;
    width: 50px;
    height: 3px;
    overflow: hidden;
    background-color: #cf323b;
    content: "\00a0"; }

.insc .widget-int {
  /*UTILISE DANS LES FORMULAIRES AVEC CLASS insc POUR TITRAGE DES DIFFERENTES PARTIES DU FORMULAIRE*/
  font-size: 1.8rem; }

.insc fieldset {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1em;
  margin: 0;
  background-color: #ffffff; }

.insc .col-lab {
  margin-top: 0;
  position: relative;
  font-size: 0.9286em;
  font-weight: 500;
  color: #cf323b;
  text-transform: uppercase; }

.insc .col-sai {
  margin-top: 0;
  position: relative; }

@media (min-width: 769px) {
  .insc .col-lab,
  .insc .col-sai {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    margin-bottom: 0.5em;
    vertical-align: middle; }
  .insc .col-lab {
    text-align: right;
    margin-right: 1em;
    width: 40%; }
  .insc .col-sai {
    width: calc(60% - 1.5em); } }

@media (max-width: 768px) {
  .insc .col-lab,
  .insc .col-sai {
    display: block; }
  .insc .col-lab {
    margin-bottom: 0; }
  .insc .col-sai {
    margin-bottom: 0.5em; } }

.insc input[TYPE="radio"] {
  margin-right: 0.5em; }

/*
.insc fieldset > label	{
	margin: 0;
	font-size: $t12;
	font-weight:600;
	color: #7d7d7d;
}
*/
/*
.insc .champsai	{
	margin: 0.05em 0;
	padding: 0.75em 1em;
	border: 1px solid rgba(0,0,0,0.25);
	font-size: $t12;
	font-weight:600;
	color: #7d7d7d;
}
*/
.insc .champsai.wide {
  width: 440px; }

.insc .champsai.small {
  width: 60px;
  margin-right: 1em; }

.insc .leg {
  font-size: 0.9286em;
  font-weight: 500;
  color: #8b8b8b; }

.insc .col-lab .leg {
  font-size: 1em; }

.insc .btn {
  background-color: #cf323b; }
  .insc .btn:hover, .insc .btn:active {
    cursor: pointer;
    text-decoration: none;
    -moz-box-shadow: 0px 0px 2px 1px #cf323b;
    -webkit-box-shadow: 0px 0px 2px 1px #cf323b;
    -o-box-shadow: 0px 0px 2px 1px #cf323b;
    box-shadow: 0px 0px 2px 1px #cf323b; }

.insc .txt {
  font-size: 1.0714em;
  font-weight: 500;
  color: #4a4a4a; }

.insc .conditions input[TYPE="checkbox"] {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  margin-right: 0.5em; }

.insc .conditions .txt {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  width: calc(100% - 30px - 1em); }

.messages-service {
  position: fixed;
  z-index: 1000;
  display: block;
  display: none \9;
  width: 300px;
  top: 250px;
  left: calc(50% - 150px);
  margin: 0;
  padding: 0.25em 1.75em;
  background: #ff8000;
  color: #ffffff;
  text-align: center;
  font-size: 1.2857em;
  font-weight: bold;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -moz-box-shadow: 0px 0px 2px 1px #666666;
  -webkit-box-shadow: 0px 0px 2px 1px #666666;
  -o-box-shadow: 0px 0px 2px 1px #666666;
  box-shadow: 0px 0px 2px 1px #666666;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition: 0.3s ease; }
  .messages-service.hide {
    transform: scaleY(0);
    display: none \9; }
  .messages-service.show {
    transform: scaleY(1);
    display: block \9; }

.messages-service > a.close {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #ffffff;
  color: #ff8000;
  -moz-border-radius: 0 0 0 10px;
  -webkit-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
  padding: 0 0.25em; }
  .messages-service > a.close:before {
    font-size: 0.8571em; }

/* ajout style element MN */
.insc .doc {
  font-style: italic; }

.insc .bold {
  font-weight: 700; }

.insc .list-checkbox input {
  margin-right: 5px; }

.insc .check-princ {
  font-weight: 700;
  width: 100%; }

.insc .check-sec {
  margin-left: 15px;
  width: 100%; }

.insc select {
  height: 35px;
  padding: 0 15px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-size: 0.8571em;
  font-weight: 600;
  color: #7d7d7d; }

.insc .body-table {
  display: table;
  width: 100%; }

.insc .row {
  display: table-row;
  border-spacing: 10px; }

.insc .cell {
  display: table-cell; }

.insc .row .cell:first-child {
  /* width:400px;margin-right: 15px; margin-bottom: 15px;*/
  min-width: 40%;
  padding-right: 15px;
  padding-bottom: 15px; }

.insc .list-column {
  display: block;
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3; }

.insc .list-column li {
  list-style-type: none; }

.insc .no-label {
  margin-left: 41%; }

.insc .champsai.wide.medium {
  width: 220px; }

.insc input[type=checkbox].bad, .insc input[type=radio].bad {
  -webkit-box-shadow: 0px 0px 0px 1px red;
  -moz-box-shadow: 0px 0px 0px 1px red;
  box-shadow: 0px 0px 0px 1px red; }

/*
.insc .passalert	{
	font-size: $t25;
	font-weight:500;
	text-align: center;
	color: $cRouWktl;
}
*/
/*F_ESPACE INSCRIPTION*/
/* ----------------------------------------------------------------------------*/
/*STYLE PAGES STATIQUES TL et général */
.statics {
  background-color: #fff;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.statics h1 {
  margin: 0.5em 0;
  font-size: 2.5em;
  line-height: 1.15em;
  color: #393939;
  font-weight: normal; }

.statics h2 {
  font-size: 2em;
  font-weight: 500;
  line-height: 1.25em; }

.statics h3 {
  font-size: 1.7857em;
  color: #cf323b;
  font-weight: 700; }

.statics h4 {
  font-size: 1.2857em;
  font-weight: 700; }

.statics h5 {
  font-size: 1.1429em;
  font-weight: 700; }

.statics p {
  color: #393939;
  margin-top: 0.75em;
  margin-bottom: 0;
  line-height: 1.5; }

.statics p.meme-sujet {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.5em 1em 0.5em 30px;
  font-size: 1.1429em;
  font-weight: 500;
  line-height: 1em;
  color: #cf323b; }

.statics p.meme-sujet:before {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  top: -2px;
  margin-left: -20px;
  font-family: 'FontAwesome';
  font-size: 2em;
  font-weight: normal;
  content: "\f105"; }

.statics span.credits {
  display: block;
  font-size: 0.8571em;
  font-weight: 500;
  color: #8d8d8d; }

.statics p.meme-sujet a {
  text-decoration: underline;
  color: #cf323b; }

.statics p.meme-sujet a:hover {
  text-decoration: none; }

.statics p.citation {
  font-size: 2.1429em;
  line-height: 1.25em;
  font-style: italic;
  text-align: center;
  position: relative;
  padding: 1em 2em 0 2em; }

.statics p.citation:after {
  width: 40px;
  height: 40px; }

.statics p.citation:before,
.statics p.citation:after {
  position: absolute;
  z-index: 1;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: contain;
  content: "\00a0"; }

.statics p.citation:before {
  left: 0;
  top: 0;
  background-image: url("/img/citation-ouvrant.png");
  background-position: center top; }

.statics p.citation:after {
  right: 0;
  bottom: 0;
  background-image: url("/img/citation-fermant.png");
  background-position: center bottom; }

.statics p.encart {
  border: solid 1px #cf323b;
  padding: 15px; }

.statics p.nom-prenom {
  font-size: 0.9286em;
  color: #cf323b;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0px; }

.statics a {
  color: #cf323b; }

.statics ul {
  color: #cf323b; }

.statics li {
  color: black; }

.statics ol li {
  list-style-type: none;
  counter-increment: list;
  position: relative; }

.statics ol li:after {
  content: counter(list) "-";
  position: absolute;
  left: -2.25em;
  top: -2px;
  width: 2em;
  text-align: right;
  color: #cf323b;
  font-weight: 700; }

.statics span.credit {
  display: block;
  font-size: 0.8571em;
  font-weight: 500;
  color: #8d8d8d; }

@media (max-width: 640px) {
  a {
    word-break: normal; } }

/* moteur de recherche */
.rech-avancee form {
  background-color: #fff;
  border: 0px;
  margin-bottom: 20px;
  padding-bottom: 55px;
  position: relative; }

.rech-avancee select {
  font-size: 0.9em; }

.rech-avancee .box-header {
  background-color: #3d3d3d;
  color: #fff;
  text-transform: uppercase;
  padding: 5px 10px; }

.rech-avancee .box-header:after, .rech-avancee form:after {
  content: '';
  display: block;
  clear: both; }

.rech-avancee .box-header h2 {
  font-weight: 400;
  letter-spacing: 2px;
  float: left;
  font-size: 1em;
  margin-bottom: 0px; }

.rech-avancee .box-header select {
  float: right; }

.rech-avancee .box-actu, .rech-avancee .box-hebdo, .rech-avancee .box-magazine, .rech-avancee .box-date {
  border: solid 1px #00b0b5;
  padding: 15px;
  width: 30%;
  float: left;
  margin: 20px 5px 5px 20px;
  min-height: 115px; }

.rech-avancee .actu-rub {
  margin-top: 10px; }

/*.rech-avancee .box-date {height:auto; min-height: auto;}
*/
.rech-avancee label {
  margin: 0 0 0 5px;
  font-weight: 700;
  color: #00b0b5; }

.rech-avancee form input[type="submit"] {
  background-color: #00b0b5;
  color: #fff;
  text-transform: uppercase;
  border: 0px;
  position: absolute;
  bottom: 15px;
  right: 15px; }

.rech-avancee form input[type="text"] {
  border: solid 1px #cacaca;
  height: 30px;
  font-size: 0.8em;
  color: #545454; }

.rech-avancee form .box-date input[type="text"] {
  width: 85%;
  margin-bottom: 10px; }

.rech-avancee form .box-date input[type="text"] + label:before {
  content: none; }

.rech-avancee form .box-date label[for="date_from"], .rech-avancee form .box-date label[for="date_to"] {
  margin: 0 5px 10px 5px;
  width: 20px; }

.rech-avancee .actu-rub select {
  width: 100%; }

.rech-avancee form input[type="submit"]:focus {
  font-size: inherit; }

@media (max-width: 1200px) {
  .rech-avancee .box-actu, .rech-avancee .box-hebdo, .rech-avancee .box-magazine, .rech-avancee .box-date {
    width: 90%;
    float: none;
    min-height: auto; }
  .rech-avancee form {
    padding-bottom: 50px; }
  .rech-avancee form .box-date input[type="text"] {
    width: 100%; } }

/*ICON VERROU en attente du sso*/
.verrou {
  background-color: #eab81f;
  text-align: center;
  padding: 7px;
  color: #ffffff;
  line-height: 1.5em;
  display: none;
  /* en attente du SSO */ }
  .verrou:before {
    font-family: 'icomoon';
    font-size: 1.5em;
    font-weight: normal;
    content: "\e907";
    /*lock*/ }

/*F_ICON VERROU*/
@media screen and (min-width: 768px) {
  .mobile-only {
    display: none; } }

.columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .columns .column {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin: 1.5rem 0;
    flex: 1; }
  .columns.l-3 .column {
    width: 33.33%; }

.center-content {
  display: flex; }
  .center-content > * {
    margin-left: auto;
    margin-right: auto; }

.button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  align-self: baseline;
  height: 4rem;
  padding: 0 .75em;
  background-color: transparent;
  border: solid 1px transparent;
  border-radius: 3px;
  text-decoration: none !important;
  font-weight: 500;
  line-height: 4rem;
  white-space: nowrap; }
  .button:hover, .button:focus, .button.active {
    text-decoration: none !important; }
  .button.is-s {
    height: 2rem; }
  .button.button-abo {
    background-color: #e9a908;
    transition: background-color .2s ease-in-out; }
    .button.button-abo:hover, .button.button-abo:focus, .button.button-abo.active {
      background-color: #ffd000; }
  .button.is-outlined {
    background: transparent;
    transition: border-color ease-in-out .3s;
    border-color: #849aa3; }
    .button.is-outlined:hover, .button.is-outlined:active, .button.is-outlined:focus {
      border-color: #922611; }
  .button.is-primary {
    background: #ba2d35;
    color: #FFF;
    transition: background-color ease-in-out .2s, color ease-in-out .2s, border-color ease-in-out .2s; }
    .button.is-primary:hover, .button.is-primary:active, .button.is-primary:focus {
      background: #922611;
      color: #FFF !important; }
    .button.is-primary.is-outlined {
      background: inherit;
      border-color: #922611;
      color: #922611; }
      .button.is-primary.is-outlined.is-transparent {
        border-color: transparent; }
      .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:active, .button.is-primary.is-outlined:focus {
        border-color: #ba2d35;
        color: #ba2d35 !important; }
  .button.is-white {
    background-color: white; }
  .button.is-grey, .teaser-magazine .button {
    background-color: #888;
    color: #FFF; }

.icon-button, .has-accordion .accordion-toggle-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  padding: .5rem;
  background-color: transparent;
  border: solid 1px transparent;
  color: inherit;
  text-align: center; }
  .icon-button i, .has-accordion .accordion-toggle-button i, .icon-button .inner-icon, .has-accordion .accordion-toggle-button .inner-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    font-style: normal; }
  .icon-button.is-white, .has-accordion .is-white.accordion-toggle-button {
    color: #FFF; }
  .icon-button span, .has-accordion .accordion-toggle-button span {
    margin-right: .75em; }

[class^="icon"] {
  font-style: normal; }
  [class^="icon"]:before, [class^="icon"]:after {
    font-style: normal; }

.icon-download:before {
  font-family: 'FontAwesome';
  font-size: 2rem;
  content: "\f019"; }

.icon-contact:before {
  vertical-align: middle;
  width: 4rem;
  height: 4rem;
  font-family: 'icomoon';
  font-size: 2rem;
  font-style: normal;
  content: "\e91b"; }

.button .button, .button .icon-button, .button .has-accordion .accordion-toggle-button, .has-accordion .button .accordion-toggle-button {
  position: relative;
  display: flex;
  margin: -1px;
  margin-right: .75em;
  margin-left: -1.25rem; }

.button .icon-button, .button .has-accordion .accordion-toggle-button, .has-accordion .button .accordion-toggle-button {
  padding: 0; }

.buttons {
  display: flex;
  align-items: center; }
  .buttons > * + * {
    margin-left: .5em; }
  .buttons.w-sep > * + * {
    position: relative;
    margin-left: 0rem; }
    .buttons.w-sep > * + *:before {
      position: absolute;
      left: 0;
      height: 1.4rem;
      border-left: solid 1px;
      opacity: 0.5;
      content: ''; }

.button-menu span {
  display: none; }

.button-menu:before {
  text-transform: none;
  font-family: 'icomoon';
  font-weight: 400;
  line-height: 1em;
  content: "\e906"; }

.has-accordion {
  position: relative; }
  .has-accordion .accordion-toggle-button {
    position: absolute;
    right: 0; }
    .has-accordion .accordion-toggle-button:before {
      text-align: center;
      font-family: 'icomoon';
      font-weight: normal;
      content: "\e909"; }
  .has-accordion .accordion {
    max-height: 0;
    transition: max-height ease-in-out .3s;
    overflow: hidden; }
  .has-accordion.on .accordion-toggle-button:before {
    transform: rotate(90deg); }
  .has-accordion.on .accordion {
    max-height: 30em; }

[class^="icon"].is-primary {
  color: #ba2d35; }

.icon-home:before {
  font-family: 'icomoon';
  font-weight: normal;
  content: "\e919"; }

.icon-home span {
  margin-left: .5em; }

.icon-wo-txt span {
  font-size: 0; }

/*
components/notifications*/
.notification {
  background-color: #FFF;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  position: relative; }
  .notification .content {
    color: currentColor; }
  .notification.is-info {
    background-color: #ffdd57;
    color: #333; }
    .notification.is-info.is-light {
      background-color: #f7d8aa;
      color: #121212; }

/* ----------------------------- */
/* ==Podcasts                    */
/* ----------------------------- */
.podcast {
  display: flex;
  background: #FFF;
  border: solid 1px #dcdcdc;
  margin-bottom: 2rem; }
  .podcast .article-media {
    flex: 0 0 33%;
    margin: 0;
    margin-right: 5px; }
  .podcast-masthead {
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 300;
    letter-spacing: 1px; }
    .podcast-masthead > span {
      padding-right: 13px;
      margin-right: 8px;
      border-right: 1px solid #dcdcdc; }
      .podcast-masthead > span span {
        color: #ba2d35; }
      .podcast-masthead > span:last-child {
        border-right: 0;
        padding-right: 0; }
  .podcast-masthead-title {
    font-weight: 500; }
  .podcast .article-content {
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .podcast-content {
    flex: 1;
    max-height: 155px;
    padding: 10px 15px 0;
    margin: 8px 0;
    overflow-y: auto;
    color: #000; }
  .podcast .article-title {
    font-size: 2.8rem;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 500;
    line-height: 1;
    color: #000;
    position: relative; }
    .podcast .article-title:after {
      content: '';
      display: block;
      width: 50px;
      height: 6px;
      margin: 15px auto 0;
      background: #C53117; }
  .podcast audio {
    width: 100%; }

/* ----------------------------- */
/* ==Podcasts Ausha              */
/* ----------------------------- */
.article-list .podcast-ausha {
  width: 100%;
  margin-top: 1rem; }

.podcast-ausha_title {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #ba2d35; }

.podcast-ausha header, .podcast-ausha_footer {
  background: white;
  position: relative;
  z-index: auto;
  padding-inline: 15px;
  border-radius: 4px 4px 0 0;
  margin-inline: 0.9375rem; }

.podcast-ausha header {
  box-shadow: #FFF 0 10px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
  margin-bottom: -15px;
  padding-top: 15px; }

.podcast-ausha_footer {
  padding-bottom: 15px;
  box-shadow: #FFF 0 -10px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
  margin-top: -20px;
  margin-bottom: 30px; }

.podcast-ausha_masthead {
  margin-top: -5px;
  padding: 5px 2px;
  border-bottom: 1px solid #dcdcdc;
  display: flex; }
  .podcast-ausha_masthead_item {
    padding-right: 13px;
    margin-right: 8px;
    border-right: 1px solid #dcdcdc; }
    .podcast-ausha_masthead_item span {
      color: #ba2d35; }
    .podcast-ausha_masthead_item.bold {
      font-weight: bold; }
  .podcast-ausha_masthead .duration {
    margin-left: auto; }

.liste-biblio ul {
  list-style: none;
  padding: 0; }

.teaser-magazine {
  text-align: center; }
  .teaser-magazine_titre {
    margin: 0; }
  .teaser-magazine .button {
    height: 3rem; }
  .teaser-magazine_couv {
    margin-top: 1rem;
    margin-bottom: 0;
    position: relative; }
    .teaser-magazine_couv_img {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
  .teaser-magazine .ico-online-reader {
    transition: background ease-in-out .3s; }
    .teaser-magazine .ico-online-reader, .teaser-magazine .ico-online-reader img {
      z-index: 1;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%; }
    .teaser-magazine .ico-online-reader:hover {
      background-color: rgba(255, 255, 255, 0.2); }
    .teaser-magazine .ico-online-reader img {
      object-fit: scale-down; }
  .teaser-magazine .issue-date {
    color: #757575;
    font-size: 1.4rem;
    margin: .5em 0; }

.magazine_s_box {
  min-width: calc(3rem + 150px);
  max-width: calc(3rem + 200px); }

/* TODO classer cette partie dans un autre endroit / composant ? */
.pagin {
  margin-top: 30px;
  border-top: solid 1px #c0c0c0;
  padding-top: 30px !important; }

.header-biblio {
  margin-bottom: 30px;
  border-bottom: solid 1px #c0c0c0;
  padding-bottom: 30px !important; }

.teaser-magazine {
  margin-left: auto;
  margin-right: auto; }
  .teaser-magazine_titre {
    text-transform: uppercase;
    font-weight: normal;
    color: #444; }
  .teaser-magazine.magazine_med .teaser-magazine_couv_img {
    width: 200px;
    height: 282px;
    object-fit: contain;
    background: #FFF; }
  .teaser-magazine.magazine_s .teaser-magazine_couv_img {
    width: 150px;
    height: 212px;
    object-fit: contain;
    background: #FFF; }

.logo-biblio a {
  display: inline;
  font-size: 3em;
  color: #484848;
  padding-right: 20px; }

.liste-biblio {
  text-align: center; }
  .liste-biblio .h2 {
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    display: inline-flex;
    align-items: center; }
    .liste-biblio .h2:before, .liste-biblio .h2:after {
      margin: 0 1rem;
      content: '';
      width: 60px;
      height: 1px;
      background-color: #818181;
      display: block; }

.h1 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 300; }

.h2 {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 2.5rem; }

.h3 {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 2rem; }

/*OVERRIDE KNACSS*/
html {
  font-family: 'Raleway', Verdana, Arial, Helvetica, sans-serif; }

body {
  /*background-color: #ffffff;*/
  background-color: #f6f6f6;
  font-family: 'Raleway', Verdana, Arial, Helvetica, sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Raleway', Verdana, Arial, Helvetica, sans-serif; }

h1 {
  margin: 0.5em 0;
  color: #393939;
  font-size: 2em;
  font-weight: normal;
  line-height: 1.15em; }

/*F_OVERRIDE KNACSS*/
/*HEADER*/
@media screen and (min-width: 768px) {
  .mobile-only {
    display: none; } }

nav ul, nav ol, nav li {
  padding: 0;
  margin: 0;
  list-style: none; }

nav a {
  color: inherit; }
  nav a:hover, nav a:focus, nav a.active {
    color: inherit;
    text-decoration: none; }

button {
  color: inherit; }

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 16px;
  padding-left: 16px; }
  .navbar-left, .navbar-center, .navbar-right {
    display: flex;
    flex: 0 1 33.33%;
    align-items: center; }
  .navbar-center {
    flex: 1;
    justify-content: center; }
  .navbar-right {
    justify-content: flex-end;
    max-width: 33.33%;
    overflow: hidden; }

@media screen and (max-width: 767px) {
  body {
    padding-top: 90px; } }

@media screen and (min-width: 768px) {
  body {
    padding-top: 240px; } }

.header {
  position: absolute;
  top: 0;
  z-index: 100;
  width: 100%;
  font-weight: 600; }
  .header.sticky {
    position: fixed; }

.header-top {
  height: 40px;
  background: #f6f6f6;
  color: #333333; }
  @media screen and (max-width: 767px) {
    .header-top {
      display: none; } }
  .header-top a {
    color: inherit; }
  .header-top-links a + a {
    margin-left: .75em; }
    .header-top-links a + a:before {
      display: inline-block;
      vertical-align: baseline;
      width: 1.1ex;
      height: 1.1ex;
      margin-right: .75em;
      background-color: #99B2BF;
      border-radius: 50%;
      text-decoration: none !important;
      content: ''; }
  .header-top-links a:hover, .header-top-links a:focus {
    text-decoration: underline; }

.button-abo {
  color: #333; }
  @media (max-width: 500px) {
    .button-abo {
      display: none; } }
.header-baseline {
  margin-top: 5px;
  text-align: center;
  white-space: nowrap; }
  @media screen and (min-width: 768px), print {
    .header-baseline {
      font-size: 1.6rem; } }
  .sticky .header-baseline {
    display: none; }

.header-hero {
  padding: 1rem;
  border-bottom: solid 1px #922611;
  color: #FFF; }
  @media screen and (max-width: 767px) {
    .header-hero .navbar-left {
      display: none; } }
.header-menu-box {
  max-width: 100%;
  background: #FFF;
  border-bottom: solid 1px #922611; }
  @media screen and (max-width: 767px) {
    .header-menu-box {
      display: none; } }
.header-menu {
  display: flex;
  position: relative;
  align-items: stretch;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto; }
  .header-menu .menu-item {
    display: flex;
    align-items: stretch;
    height: 50px;
    position: relative;
    padding: 0 0.5em;
    text-transform: uppercase;
    font-size: 1.2rem;
    white-space: nowrap; }
    .header-menu .menu-item > a {
      margin-bottom: -3px;
      border-bottom: solid 5px transparent;
      padding-top: 5px;
      display: flex;
      align-items: center;
      transition: color .3s ease-in-out; }
    .header-menu .menu-item:hover > a, .header-menu .menu-item.active > a, .header-menu .menu-item:focus > a {
      color: #922611; }
    .header-menu .menu-item.on > a {
      border-bottom-color: #922611; }
    .header-menu .menu-item.is-highlighted > a {
      color: #922611;
      font-weight: bold; }

.has-drop-down {
  position: relative; }
  .has-drop-down .drop-down, .has-drop-down .accordion {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 100;
    opacity: 0;
    transform: translate(-50%, -5px);
    transition: opacity .3s ease-out, transform .3s ease-out;
    pointer-events: none; }
  .has-drop-down:hover {
    color: #FFF; }
    .has-drop-down:hover .drop-down, .has-drop-down:hover .accordion {
      display: block;
      opacity: 1;
      transform: translate(-50%, 0);
      pointer-events: auto; }

.drop-down, .accordion {
  padding: .5em;
  background: #303030;
  color: #C7C7C7; }
  .drop-down a, .accordion a {
    display: block;
    padding: 0.5em;
    white-space: nowrap; }
    .drop-down a:hover, .accordion a:hover, .drop-down a:focus, .accordion a:focus, .drop-down a.active, .accordion a.active {
      color: #FFF; }

.header .couv {
  margin-top: 10px; }

.header .couv, .burger .couv {
  display: flex;
  flex: 0;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
  text-align: center;
  white-space: nowrap; }
  .header .couv img, .burger .couv img {
    width: auto;
    height: 95px;
    max-width: initial;
    border: solid 1px #999;
    white-space: normal; }

.header-logo {
  flex: 0 0 50%;
  margin-right: 15px;
  margin-left: 15px; }
  @media screen and (min-width: 768px), print {
    .header-logo {
      padding: 10px;
      flex: 1 0 300px;
      text-align: center; }
      .header-logo img {
        max-width: 300px;
        margin-bottom: 5px; } }
  @media screen and (max-width: 767px) {
    .header-logo img {
      width: auto;
      max-width: 100%;
      max-height: 60px; } }
  .sticky .header-logo img {
    width: auto;
    max-width: 100%;
    max-height: 60px; }

.header {
  background: #922611;
  background: radial-gradient(circle, #C53117 0%, #922611 100%);
  transition: transform .3s, max-height .3s; }

.header.hidden {
  transform: translateY(-100%);
  transition: none; }

.header.sticky .couv {
  display: none; }

.search {
  position: relative; }

#TOPRECHFORM {
  position: absolute;
  top: 0;
  left: 100%;
  white-space: nowrap; }

.rech-input-text,
#search-input {
  height: 3rem;
  background-color: transparent;
  border: solid 1px transparent;
  border-bottom-color: #D8D8D8;
  outline: 0;
  color: #FFF; }

.button-burger-close {
  color: inherit; }
  .button-burger-close span {
    font-size: 2rem; }

.burger .rech {
  display: flex;
  align-items: center; }
  .burger .rech .rech-input-text {
    flex-grow: 1; }

#search-input {
  max-width: 0;
  background-color: transparent;
  border: solid 1px transparent;
  border-bottom-color: inherit;
  outline: 0;
  opacity: 0;
  color: inherit;
  transition: max-width .3s ease-in-out, opacity .3s ease-in-out; }
  #search-input + button {
    opacity: 0;
    pointer-events: none; }
  #search-input:focus {
    display: inline-block;
    max-width: 20rem;
    opacity: 1; }
    #search-input:focus + button {
      opacity: 1;
      pointer-events: auto; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/*--keyframe pointer --*/
#header-login {
  display: flex;
  flex-shrink: 2;
  align-items: center;
  animation-delay: 1s;
  animation-duration: .3s;
  animation-name: fadeIn;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn; }
  #header-login span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  #header-login .flex {
    flex: 0 2 calc(100% - 3rem);
    width: calc(100% - 3rem);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      #header-login .flex {
        max-width: 5rem; } }
    @media screen and (max-width: 767px) {
      #header-login .flex {
        display: none; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    #header-login .flex-shrink {
      display: none; } }
@media screen and (max-width: 767px) {
  .button.connect span {
    display: none; } }

.header-menu .icon-home {
  color: #922611;
  font-size: 1.8rem; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .header-menu .icon-home {
      display: none; } }
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header-menu > :last-child .drop-down, .header-menu > :last-child .accordion {
    right: 0;
    left: auto;
    transform: translate(0, 0); } }

.header-menu .accordion-toggle-button {
  display: none; }

.burger {
  position: fixed;
  width: 100vw;
  top: 0;
  bottom: 0;
  z-index: 1000;
  padding: .5em;
  background: #303030;
  color: #C7C7C7;
  transform: translateX(-100%);
  transition: transform .3s ease-out;
  overflow-y: auto; }
  .burger.active {
    transform: translateX(0); }
  .burger-l1 > li > a {
    display: block;
    padding: 0.5em;
    height: 4rem;
    border-top: solid 1px #666;
    white-space: nowrap;
    text-transform: uppercase; }
    .burger-l1 > li > a:hover, .burger-l1 > li > a:focus, .burger-l1 > li > a.active {
      color: #FFF; }

.accordion {
  padding: 0 0 0 10px; }
  .accordion a {
    overflow: hidden; }

/* slider */
.actu-slider {
  position: relative;
  margin-right: 3rem;
  margin-left: 3rem;
  margin-bottom: 3rem;
  background: #F0F0F0;
  background-color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .actu-slider button {
    padding: 0; }

.slider-button {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 3rem;
  height: 100%;
  box-sizing: border-box;
  background-color: #FFF;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: solid 1px #902718;
  pointer-events: all; }

.slider-button.disabled {
  display: none; }

.slider-button-prev {
  left: -3rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23902718'%3E%3Cpath d='M15 8.25H5.87l4.19-4.19L9 3 3 9l6 6 1.06-1.06-4.19-4.19H15v-1.5z'/%3E%3C/svg%3E");
  background-size: 18px 18px; }

.slider-button-next {
  right: -3rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23902718'%3E%3Cpath d='M9 3L7.94 4.06l4.19 4.19H3v1.5h9.13l-4.19 4.19L9 15l6-6z'/%3E%3C/svg%3E");
  background-size: 18px 18px; }

/* affichage article slider */
.actu-art {
  display: flex;
  align-self: stretch;
  height: 100%;
  text-align: left; }
  @media (max-width: 640px) {
    .actu-art_img {
      display: none; } }
  @media (min-width: 640px) {
    .actu-art_img {
      flex: 0 0 300px;
      max-width: 33%; } }
  .actu-art_content {
    padding: 3rem;
    background: #FFF; }
  .actu-art .surt {
    color: #922611;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .3em; }
  .actu-art .tit {
    color: #922611;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.3; }
  .actu-art a {
    color: inherit; }
    .actu-art a:focus, .actu-art a:hover, .actu-art a:active {
      text-decoration: underline; }

.glide__bullets {
  user-select: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  bottom: 5px;
  width: 100%; }

.glide__bullet {
  display: block;
  cursor: pointer;
  color: #ccc;
  border-radius: 50%;
  background: #ccc;
  border: 0;
  width: 12px;
  height: 12px;
  margin: 7px; }
  .glide__bullet--active, .glide__bullet:hover, .glide__bullet:focus {
    background: #FFF;
    border: solid 1px #902718; }

.actu-art_img:empty + .actu-art_content .actu-art_txt {
  margin-left: 20px; }

/*end slider*/
.abo div.connecte > span {
  color: #666666; }
  .abo div.connecte > span:hover {
    color: #922611; }

.connecte-det {
  background-color: #922611; }
  .connecte-det:before {
    border-color: transparent transparent #922611 transparent; }

.ariane li:last-of-type a {
  color: #922611; }

/*F_HEADER*/
/*PAGINATION*/
.pagin a:hover {
  color: #922611; }

.pagin a.on {
  color: #922611; }

/*F_PAGINATION*/
/*CONTENU*/
.visu .col2 {
  display: flex;
  justify-content: space-between;
  padding: 0px;
  margin-top: 0px; }
  .visu .col2 section.bloc.arts-home.arts1 {
    width: calc(50% - 10px); }
    .visu .col2 section.bloc.arts-home.arts1 .bloc-col2 {
      display: flex;
      height: 220px;
      padding: 1em; }
      .visu .col2 section.bloc.arts-home.arts1 .bloc-col2 img {
        width: auto;
        height: 100%;
        max-width: 170px;
        margin-right: 15px; }
      .visu .col2 section.bloc.arts-home.arts1 .bloc-col2 .tt {
        margin-right: 20px;
        color: #922611;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1.3; }
      .visu .col2 section.bloc.arts-home.arts1 .bloc-col2 .bt a {
        display: block;
        width: 160px;
        padding: 5px 15px;
        margin-bottom: 15px;
        background-color: #922611;
        color: #fff;
        text-align: center;
        font-size: 1em;
        text-transforme: uppercase; }

.visu-col.visu-col1 {
  width: calc(100% - 30px); }
  .visu-col.visu-col1 .blocs-liste-nl {
    padding: 15px;
    margin-bottom: 15px; }
    .visu-col.visu-col1 .blocs-liste-nl ul {
      padding: 0px; }
      .visu-col.visu-col1 .blocs-liste-nl ul a {
        display: block;
        padding: 10px;
        border-top: solid 1px #dadada;
        text-decoration: none; }
        .visu-col.visu-col1 .blocs-liste-nl ul a:last-child {
          border-bottom: solid 1px #dadada; }
        .visu-col.visu-col1 .blocs-liste-nl ul a:hover {
          background-color: #f7f7f7; }
        .visu-col.visu-col1 .blocs-liste-nl ul a li {
          list-style-type: none; }
    .visu-col.visu-col1 .blocs-liste-nl .doss-rub {
      display: block;
      padding: 10px;
      color: #922611; }
      .visu-col.visu-col1 .blocs-liste-nl .doss-rub span {
        display: block;
        font-size: 1.5em;
        font-weight: 700; }
  .visu-col.visu-col1 section.bloc.arts-home.arts1.liste-art-nl:before {
    position: absolute;
    top: -26px;
    right: -4px;
    z-index: 1;
    content: url(../img/coin.png); }
  .visu-col.visu-col1 section.bloc.arts-home.arts1 {
    position: relative; }
    .visu-col.visu-col1 section.bloc.arts-home.arts1 .cont .img-compl {
      margin-right: 10px; }
    .visu-col.visu-col1 section.bloc.arts-home.arts1 .cont a.bt-suite {
      position: relative;
      padding-left: 26px;
      color: #922611; }
      .visu-col.visu-col1 section.bloc.arts-home.arts1 .cont a.bt-suite:after {
        position: absolute;
        top: -5px;
        left: 0px;
        content: url(../img/PDF_file_icon.png); }
    .visu-col.visu-col1 section.bloc.arts-home.arts1 .bloc-liste-nl {
      display: flex;
      flex-wrap: wrap; }
      .visu-col.visu-col1 section.bloc.arts-home.arts1 .bloc-liste-nl ul {
        position: relative;
        width: 33%;
        padding: 0px 10px 0 0;
        padding-bottom: 15px;
        border-right: solid 22px #fff;
        color: #922611;
        font-weight: 700; }
        .visu-col.visu-col1 section.bloc.arts-home.arts1 .bloc-liste-nl ul:after {
          position: absolute;
          bottom: 0px;
          width: 100%;
          height: 1px;
          background-color: black;
          content: ''; }
        .visu-col.visu-col1 section.bloc.arts-home.arts1 .bloc-liste-nl ul li {
          color: #a2a2a2;
          font-weight: 600;
          list-style-type: none; }
    .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl {
      position: relative; }
      .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl h1 {
        position: relative;
        z-index: 10;
        margin: 20px 0 0 0;
        color: #922611;
        text-align: center; }
      .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl .tit-date {
        display: block;
        text-align: center; }
      .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl .newsletter {
        display: flex;
        flex-wrap: wrap;
        padding: 20px;
        margin-top: solid 1px #922611; }
        .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl .newsletter .article-nl {
          width: 100%;
          padding: 50px 15px 50px 15px;
          border-top: solid 1px #dcdcdc;
          border-bottom: solid 1px #dcdcdc; }
          .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl .newsletter .article-nl a.compl-nl {
            color: #922611;
            text-decoration: underline; }
          .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl .newsletter .article-nl .col-gauche .cont-flex {
            display: flex; }
          .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl .newsletter .article-nl .col-gauche h2 {
            margin-top: 0px;
            font-size: 1.8em;
            line-height: 31px; }
          .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl .newsletter .article-nl .col-gauche .surt {
            color: #922611;
            font-size: 1.1em;
            font-weight: 700;
            letter-spacing: .4ex; }
          .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl .newsletter .article-nl .col-gauche img.img-compl {
            float: left;
            max-width: 150px;
            padding-right: 15px;
            padding-bottom: 5px; }
          .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl .newsletter .article-nl .col-gauche a {
            color: #922611;
            font-weight: 700; }
          .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl .newsletter .article-nl .col-droite img {
            padding-bottom: 15px;
            margin-bottom: 10px;
            border-bottom: solid 1px #922611; }
          .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl .newsletter .article-nl:last-child {
            border-bottom: 0px; }
          .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl .newsletter .article-nl:first-child {
            border-top: 0px; }
        .visu-col.visu-col1 section.bloc.arts-home.arts1 .bg-nl .newsletter .pub-newsletter {
          padding: 20px;
          margin: auto;
          text-align: center; }
  .visu-col.visu-col1 section.liste-nl div.select-annee {
    background-color: transparent;
    border: 0px;
    overflow: inherit; }
    .visu-col.visu-col1 section.liste-nl div.select-annee a {
      padding: 8px 15px;
      margin-right: 15px;
      background-color: #fff;
      border: solid 1px #d8d8d8;
      border-radius: 5px;
      font-weight: 700; }
      .visu-col.visu-col1 section.liste-nl div.select-annee a.on {
        background-color: #922611;
        color: #fff; }
    .visu-col.visu-col1 section.liste-nl div.select-annee h1 {
      font-weight: 400; }
  .visu-col.visu-col1 section.liste-nl div {
    margin-bottom: 20px; }

/* end visu-col.visu-col1*/
@media screen and (max-width: 960px) {
  .visu-col.visu-col1 section.bloc.arts-home.arts1 .bloc-liste-nl {
    padding: 15px; }
    .visu-col.visu-col1 section.bloc.arts-home.arts1 .bloc-liste-nl ul {
      width: 50%; }
  .visu-col.visu-col1 div {
    padding-top: 15px; }
  .visu-col.visu-col1 section.bloc.arts-home.arts1.liste-art-nl .bg-nl .newsletter .article-nl {
    width: 100%;
    border-top: solid 1px #e6e6e6;
    border-right: 0px; } }

div.visu {
  padding-top: 0px;
  margin-top: 20px; }

/*A VOIR*/
/*TRANSFERE DANS styles.css*/
/*F_A VOIR*/
/*F_CONTENU*/
/*PAGES EVENEMENT*/
/*ACCUEIL*/
.evenement-top {
  margin-bottom: 20px;
  text-align: center; }

.evenement-top .doss-meta {
  margin: 1em 0;
  text-transform: uppercase; }

.organisateur {
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  padding: 1em 3em;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center; }

.organisateur img {
  position: relative;
  vertical-align: middle;
  margin: 0 1em; }

.evenement {
  position: relative;
  margin: 0 0 50px 0; }

ul.evenement-nav {
  list-style-type: none;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  display: table;
  width: auto;
  padding: 0.75em 5em;
  margin: 0 auto;
  background-color: #922611;
  text-align: center; }

ul.evenement-nav.detail {
  /*AFFICHAGE DANS PAGE DETAIL*/
  width: 100%;
  margin: 0 auto 1em 0; }

ul.evenement-nav li {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  display: table-cell;
  vertical-align: middle;
  padding: 0.1em 1em;
  margin: 0 0.5em;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.9286em;
  font-weight: 700;
  line-height: 1.25em; }
  ul.evenement-nav li a {
    color: #ffffff; }
  ul.evenement-nav li a:hover {
    text-decoration: none; }

ul.evenement-nav li.on,
ul.evenement-nav li:hover {
  background-color: #ffffff;
  color: #383838; }

ul.evenement-nav li.on a,
ul.evenement-nav li:hover a {
  color: #383838; }

.evenement .btn {
  position: absolute;
  bottom: -1.5em;
  left: calc(50% - 70px);
  z-index: 10; }

.evenement-parts {
  /*COMPLEMENT DE bloc*/
  padding: 20px 20px 20px 0;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.evenement-parts .cont {
  text-align: center; }

.evenement-parts .cont img {
  position: relative;
  vertical-align: middle;
  margin: 1em 2em; }

/*F_ACCUEIL*/
/*F_PAGES EVENEMENT*/
/*PAGES MAGAZINE*/
.contner-somm {
  padding: 25px;
  background: #fff;
  border: solid 1px #e2e2e2; }

.mag {
  /*	COMPLETE bloc*/
  padding: 1em;
  background-image: url("../img/cream_pixels_@2X.png");
  background-position: left top;
  background-repeat: repeat;
  border: 1px solid rgba(0, 0, 0, 0.1); }

/*BLOC D'ENTREE*/
.mag-bloc1 {
  margin: 0 0 40px 0; }
  .mag-bloc1:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

.mag-bloc1 .surt {
  position: relative;
  margin: 0 0 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #922611; }
  .mag-bloc1 .surt:before {
    position: relative;
    vertical-align: middle;
    margin-right: 10px;
    font-family: 'icomoon';
    font-size: 2em;
    font-weight: normal;
    content: "\e915"; }

.mag-bloc1 .surt span {
  position: relative;
  vertical-align: middle;
  width: calc(100% - 40px);
  text-transform: uppercase;
  font-weight: 700; }

.mag-bloc1 figure {
  position: relative;
  vertical-align: top;
  margin: 0 0 0 0;
  /*@include INLINEBLOCK;*/
  /*width: 30%;*/ }

.mag-bloc1 .cont {
  position: relative;
  vertical-align: top;
  /*@include INLINEBLOCK;*/
  /*width: calc(100% - 29.87012987013% - 1.5em);*/ }

.bloc-left-somm {
  position: relative;
  z-index: 10;
  float: left;
  max-width: 270px;
  min-height: 360px;
  padding-right: 15px;
  margin-right: 30px;
  border-right: solid 1px #d6d6d6; }

.mag-bloc1 .bloc-left-somm {
  width: 200px;
  min-height: 260px; }

.bloc-left-somm a {
  width: 100%; }

.contner-somm .mag-bloc1 .cont .surt {
  margin-bottom: 0px;
  border-bottom: 0px;
  font-size: 1.7em; }

.contner-somm .mag-bloc1 .cont .surt:before {
  content: none; }

.contner-somm .mag-bloc1 p.txt {
  font-size: 1.7143em;
  font-weight: 500; }

.mag-bloc1 .cont .tit-mag {
  font-size: 2.5em; }

.mag-bloc1 .cont strong {
  color: #383838;
  font-weight: 500;
  line-height: 1.1em; }

.mag-bloc1 .btn, .bloc-left-somm .btn {
  position: relative;
  min-width: 150px;
  padding-right: 40px;
  text-align: left; }
  .mag-bloc1 .btn:after, .bloc-left-somm .btn:after {
    position: absolute;
    top: 0.75em;
    right: 1em; }

@media (min-width: 961px) {
  .mag-bloc1 .cont strong {
    font-size: 3.2143em; } }

@media (max-width: 960px) {
  .mag-bloc1 .cont strong {
    font-size: 1.7143em; } }

/*F_BLOC D'ENTREE*/
/*SOMMAIRE*/
.mag-som {
  margin: 20px 30px; }

.mag-som .bloc-int {
  font-size: 1.7857em;
  /*25*/ }

.mag-som ul {
  list-style-type: none;
  padding: 0; }

.mag-som ul li, .mag-som article {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.25em 0;
  border-bottom: solid 1px #e0e0e0;
  padding-bottom: 15px; }
  .mag-som ul li:after, .mag-som article:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

.mag-som figure {
  float: left;
  flex: 0 0 250px;
  max-width: 30%;
  margin-top: 0.75rem;
  margin-right: 2rem; }

.mag-som .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1.3571em;
  font-weight: 500;
  line-height: 1.25em;
  overflow: hidden; }
  .mag-som .content:first-child {
    margin-left: calc(20px + 30%); }
  @media (min-width: 1024px) {
    .mag-som .content {
      padding-right: 5rem; } }
  .mag-som .content span {
    display: block;
    font-size: 0.842em;
    /*19->16*/
    color: #999999;
    text-transform: uppercase; }

.mag-som {
  margin: 20px 30px; }

.mag-som .bloc-int {
  padding: 0;
  font-size: 1.7857em;
  /*25*/ }

.mag-som ul {
  list-style-type: none; }

.mag-som ul li {
  position: relative;
  padding: 0.25em 0;
  padding-bottom: 15px;
  border-bottom: solid 1px #e0e0e0; }
  .mag-som ul li:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

.mag-som ul li figure {
  position: relative;
  display: block; }

.mag-som ul li .content {
  position: relative;
  padding: 0;
  margin: 0;
  font-size: 1.3571em;
  font-weight: 500;
  line-height: 1.25em; }

div.mag-atl p.mag-atl-titre {
  padding-left: 10px;
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1em; }

div.mag-atl p.mag-atl-sstitre {
  margin-bottom: 5px;
  color: #000;
  text-align: center; }

div.mag-atl a.btn-somm {
  margin-right: 10px;
  margin-left: 20px;
  background-color: #922611;
  color: #fff; }

div.mag-atl a.btn-abo {
  background-color: #E9A908;
  color: #922611; }

div.mag-atl a.btn-archives {
  width: 88%;
  margin-top: 10px;
  margin-left: 20px;
  background-color: #922611;
  color: #fff;
  text-align: center; }

div.mag-atl img.mag-atl-img {
  position: relative;
  left: 20%;
  height: 230px; }

@media (min-width: 961px) {
  .mag-som ul {
    margin: 0 0 0 3em; }
  .mag-som ul li {
    display: block;
    padding-bottom: 15px;
    margin: 0.5em 0;
    border-bottom: solid 1px #e0e0e0; }
  .mag-som ul li figure {
    float: left;
    width: 12.5%;
    margin: 0 1em 0 0; } }

@media (max-width: 960px) {
  .mag-som ul {
    margin: 0 0 0 1em; }
  .mag-som ul li {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: top;
    width: calc(49% - 1.25em);
    margin: 0 0 0.5em 1em; }
  .mag-som ul.edito li {
    /*EXCEPTION CAR IL N'Y A QU'1 SEUL ELEMENT ET PAS DE VISUEL*/
    width: 100%; }
  .mag-som ul li figure {
    margin: 0 0 0.5em 0; } }

.mag-som ul li .content span {
  display: block;
  color: #999999;
  color: #333333;
  text-transform: uppercase;
  font-size: 0.842em;
  /*19->16*/ }

/*F_SOMMAIRE*/
/*PAGE LISTE*/
.mag-bnd {
  position: relative;
  display: block;
  padding: 0.5em 0;
  margin: 0 0 2em 0;
  text-align: center; }

.mag-bnd[prop="off"] {
  background-color: #cf323b; }

.mag-bnd[prop="mar"] {
  background-color: #00538c; }

.mag-bnd[prop="log"] {
  background-color: #a52232; }

.mag-bnd:before {
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  width: 90%;
  height: 4em;
  content: "\00a0";
  /*ESPACE*/
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain; }

.mag-bnd[prop="off"]:before {
  background-image: url("../img/editos-logo-officiel.png"); }

.mag-bnd[prop="mar"]:before {
  background-image: url("../img/editos-logo-marine.png"); }

.mag-bnd[prop="log"]:before {
  background-image: url("../img/editos-logo-logistiques.png"); }

/**/
.mag-kiosque {
  padding: 1em;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.mag-kiosque:after {
  display: table;
  content: '';
  clear: both; }

.mag-kiosque .surt {
  position: relative;
  padding: 0 0 0.5em 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #922611; }

.mag-kiosque .surt span {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  width: calc(100% - 40px);
  text-transform: uppercase;
  font-weight: 700; }

.mag-kiosque figure {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: top;
  margin: 0 0 0 0;
  /*width: 33%;*/ }
  .mag-kiosque figure img {
    max-width: 200px; }

.mag-bloc1 figure img, .mag-kiosque figure img {
  width: 200px; }

.mag-kiosque a.couv {
  min-height: 300px; }

.mag-kiosque .cont {
  position: relative;
  vertical-align: top;
  /*@include INLINEBLOCK;*/
  /*width: calc(100% - 33% - 1.5em);*/ }

.mag-kiosque .cont .surt {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px;
  font-size: 1.9em;
  font-weight: 500; }

.mag-kiosque .edito_tit {
  color: #383838;
  font-weight: 500;
  line-height: 1.1;
  margin: 0 0 0.25em 0; }
  @media (min-width: 961px) {
    .mag-kiosque .edito_tit {
      font-size: 2.57144em; } }
  @media (max-width: 960px) {
    .mag-kiosque .edito_tit {
      font-size: 1.7143em; } }
.mag-kiosque .cont .txt {
  margin-top: 5px;
  color: #383838;
  font-weight: 500;
  line-height: 1.25em;
  margin-bottom: 1.6rem; }
  @media (min-width: 961px) {
    .mag-kiosque .cont .txt {
      font-size: 1.7143em; } }
  @media (max-width: 960px) {
    .mag-kiosque .cont .txt {
      font-size: 1.0714em; } }
/**/
ul.mag-dernum {
  padding: 0;
  margin: 0 0 0 -2em;
  list-style-type: none; }

ul.mag-dernum li.liste-min img.img-min-vignette {
  height: 160px; }

ul.mag-dernum li {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  width: calc(20% - 2.25em);
  width: calc(33.33333% - 2.25em);
  margin: 0 0 1em 2em;
  color: #383838;
  text-align: center;
  font-size: 1.0714em;
  line-height: 1.25em; }

@media (max-width: 960px) {
  ul.mag-dernum li {
    /*width: calc(50% - 2.25em);*/ } }

ul.mag-dernum li figure {
  margin: 0 0 0.25em 0; }

ul.mag-dernum li .meta {
  margin: 0; }

ul.mag-dernum li .txt {
  margin: 0;
  font-weight: 700; }

.bt-voir-plus {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 50%;
  transform: translateX(-50%); }

/*F_PAGE LISTE*/
/*F_PAGES MAGAZINE*/
/*CLASSEMENT*/
.classement {
  padding: 1em;
  margin-bottom: 30px;
  background-color: #ffffff;
  background-image: url("../img/bg-bloc-art-une.png");
  background-image: url("../img/cream_pixels_@2X.png");
  background-position: center center;
  background-repeat: repeat;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #383838; }

.classement figure {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: top;
  width: 33%;
  margin: 0 1em 0 0; }
  .classement figure img {
    width: 100%; }

.classement .cont {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: top;
  width: calc(100% - 33% - 1.5em); }

.classement .tit {
  position: relative;
  margin: 0 0 1em 0;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.25em; }

.classement .txt {
  position: relative;
  margin: 0; }

/*RECHERCHER ENTREPRISE*/
.class-rech {
  /*COMPLETE bloc*/
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #383838; }

.class-rech form {
  margin: 0 0 2em 0; }

.class-rech form ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }
  .class-rech form ul li {
    position: relative;
    padding: 0; }

.class-rech form ul li.champ-sais {
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

@media (min-width: 961px) {
  .class-rech form ul li {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: top; }
  .class-rech form ul li.champ-sais {
    margin: 0 1em 0 0; }
  .class-rech form ul li.champ-sais:nth-of-type(1) {
    width: calc(66.66666% - 1.5em); }
  .class-rech form ul li.champ-sais:nth-of-type(2) {
    width: calc(33.33333% - 1.25em - 48px); } }

@media (max-width: 960px) {
  .class-rech form ul li.champ-sais:nth-of-type(1) {
    display: block;
    margin: 0 0 0.5em 0; }
  .class-rech form ul li.champ-sais:nth-of-type(2) {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: top;
    width: calc(100% - 1.5em - 48px);
    margin: 0 1em 0.5em 0; }
  .class-rech form ul li:nth-of-type(3) {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: top;
    width: 48px; } }

.class-rech form input[type="text"],
.class-rech form select {
  position: relative;
  width: 100%;
  height: 46px;
  padding: 1em;
  margin: 0;
  border: none; }

.class-rech form select {
  z-index: 1;
  background-color: transparent;
  appearance: none;
  text-transform: uppercase;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none; }
  .class-rech form select option {
    text-transform: none; }

.class-rech form select + span {
  position: absolute;
  top: 0.75em;
  right: 0.5em;
  z-index: 0;
  padding: 0;
  margin: 0; }
  .class-rech form select + span:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    content: "\f078"; }

.class-rech form input[TYPE="button"] + label {
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  width: 48px;
  height: 48px;
  margin: 0;
  background-color: #922611;
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }
  .class-rech form input[TYPE="button"] + label:before {
    position: relative;
    vertical-align: middle;
    padding: 1em 0 0 0;
    margin: 0;
    color: #ffffff;
    font-family: 'icomoon';
    font-size: 2em;
    font-weight: normal;
    content: "\e905"; }

.int {
  margin: 0;
  text-transform: uppercase;
  font-weight: 500; }

.class-rech em {
  /*LEGENDE DU TABLEAU*/
  display: block;
  color: #525252;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7857em;
  font-style: normal;
  line-height: 1em; }

.class-rech table {
  position: relative;
  width: 100%;
  margin: 0 0 2em 0;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  table-layout: auto; }
  .class-rech table th,
  .class-rech table td {
    position: relative;
    vertical-align: middle;
    padding: 0.5em 1em;
    border: none;
    text-align: left;
    font-weight: normal; }

.class-rech table tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

.class-rech table tr:nth-of-type(1) {
  background-color: #922611;
  color: #ffffff; }

.class-rech table td:nth-of-type(1) {
  text-transform: uppercase; }

@media (min-width: 961px) {
  .class-rech table th,
  .class-rech table td {
    width: auto; } }

@media (max-width: 960px) {
  .class-rech table th,
  .class-rech table td {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    padding: 0 0.5em;
    margin: 0; }
  .class-rech table th:nth-of-type(1),
  .class-rech table td:nth-of-type(1) {
    width: calc(50% - 0.25em); }
  .class-rech table th:nth-of-type(2),
  .class-rech table td:nth-of-type(2) {
    width: calc(15% - 0.25em); }
  .class-rech table th:nth-of-type(3),
  .class-rech table td:nth-of-type(3) {
    width: calc(35% - 0.25em); }
  .class-rech table th:nth-of-type(4),
  .class-rech table td:nth-of-type(4) {
    width: calc(28% - 0.25em); }
  .class-rech table th:nth-of-type(5),
  .class-rech table td:nth-of-type(5) {
    width: calc(28% - 0.25em); }
  .class-rech table th:nth-of-type(6),
  .class-rech table td:nth-of-type(6) {
    width: calc(28% - 0.25em); }
  .class-rech table th:nth-of-type(7),
  .class-rech table td:nth-of-type(7) {
    width: calc(16% - 0.25em); }
  .class-rech table th:nth-of-type(2),
  .class-rech table th:nth-of-type(3),
  .class-rech table th:nth-of-type(5),
  .class-rech table th:nth-of-type(6),
  .class-rech table th:nth-of-type(7) {
    border-left: 1px solid rgba(255, 255, 255, 0.25); }
  .class-rech table th:nth-of-type(1),
  .class-rech table th:nth-of-type(2),
  .class-rech table th:nth-of-type(3) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
  .class-rech table td:nth-of-type(2),
  .class-rech table td:nth-of-type(3),
  .class-rech table td:nth-of-type(5),
  .class-rech table td:nth-of-type(6),
  .class-rech table td:nth-of-type(7) {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .class-rech table td:nth-of-type(1),
  .class-rech table td:nth-of-type(2),
  .class-rech table td:nth-of-type(3) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .class-rech table {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 0.8571em; }
  .class-rech table td {
    font-size: 0.8571em; }
  .class-rech table td:nth-of-type(1) {
    font-weight: bold; } }

/*F_RECHERCHER ENTREPRISE*/
/*SAVOIR PLUS*/
.savoir {
  padding: 20px 20px 0 20px;
  margin: 0;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #383838;
  list-style-type: none; }
  .savoir li {
    padding: 0;
    margin: 0 0 1em 0;
    font-size: 1.1429em;
    font-weight: 500; }

.savoir li a {
  padding: 0.25em 1em;
  background-color: rgba(0, 0, 0, 0.05);
  color: #383838; }
  .savoir li a:before {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    margin: 0 0.5em 0 0;
    font-family: 'icomoon';
    font-weight: normal;
    content: "\e909"; }

/*F_SAVOIR PLUS*/
/*F_CLASSEMENT*/
/*BLOCS*/
/*BLOC LISTE ART UNE*/
/*QUELQUES CLASS COMMUNES AVEC arts-home*/
.liste-art-une {
  /*COMPLETE .bloc*/
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .liste-art-une:before {
    position: absolute;
    right: 0px;
    bottom: -16px;
    width: 300px;
    height: 15px;
    content: url("../img/ombre-bloc-art-une.png"); }
  .liste-art-une:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

.liste-art-une .art-photo figure figcaption {
  height: auto; }

.liste-art-une .btn {
  float: right;
  margin-top: 1em; }

/*F_BLOC LISTE ART UNE*/
/*BLOC ARTICLE EN UNE*/
.art-une {
  /*COMPLETE .bloc*/
  padding: 20px;
  background-image: url("../img/bg-bloc-art-une.png");
  background-image: url("../img/cream_pixels_@2X.png");
  background-position: left top;
  background-repeat: repeat;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .art-une:before {
    position: absolute;
    right: 0px;
    bottom: -16px;
    width: 300px;
    height: 15px;
    content: url("../img/ombre-bloc-art-une.png"); }
  .art-une:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

.art-une figure {
  margin: 0 0 20px 0; }

.art-une figure img {
  width: 100%; }

.art-une .sommaire {
  position: relative;
  vertical-align: top;
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1); }

@media (min-width: 961px) {
  .art-une .sommaire {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    top: -130px;
    width: calc(68% - 40px);
    margin: 0 20px -130px 20px; } }

@media (max-width: 960px) {
  .art-une .sommaire {
    top: 0px;
    display: block;
    width: 100%;
    margin: 0 0 20px 0; } }

/*
.art-une .sommaire .surt,
.doss-part1-sommaire > .surt	{
	position: relative;
	margin: 0 0 20px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	color: #cf323b;
	color: $bgRouScm;
	text-transform: uppercase;
	font-weight: 700;
}
*/
.art-une .sommaire .surt,
.doss-part1-sommaire > .surt,
.plistedoss-surt {
  position: relative;
  margin: 0 0 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #922611; }
  .art-une .sommaire .surt:before,
  .doss-part1-sommaire > .surt:before,
  .plistedoss-surt:before {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    margin-right: 10px;
    font-family: 'icomoon';
    font-size: 2em;
    font-weight: normal;
    content: "\e915"; }
  .art-une .sommaire .surt span,
  .doss-part1-sommaire > .surt span,
  .plistedoss-surt span {
    position: relative;
    vertical-align: middle;
    width: calc(100% - 35px);
    text-transform: uppercase;
    font-weight: 700; }
  .art-une .sommaire .surt a,
  .doss-part1-sommaire > .surt a,
  .plistedoss-surt a {
    color: #922611; }

.plistedoss-surt {
  padding: 0 0.25em;
  background-color: #ffffff;
  font-size: 0.7857em; }

.art-une .sommaire .tit,
.liste-art-une .tit {
  position: relative;
  margin: 0 0 15px 0;
  color: #383838;
  font-size: 2.9286em;
  font-weight: 400;
  line-height: 1em; }

.art-une .sommaire .tit a {
  color: #383838; }

.art-une .sommaire ul,
.doss-part1-sommaire ul {
  position: relative;
  padding: 0 0 20px 0;
  margin: 0;
  border-left: 1px solid #922611;
  list-style-type: none; }

.art-une .sommaire ul:after,
.doss-part1-sommaire ul:after {
  position: absolute;
  bottom: 0px;
  left: -1px;
  display: block;
  width: 10px;
  height: 50px;
  margin-top: 20px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  content: "\00a0";
  /*ESPACE*/ }

.art-une .sommaire ul li,
.doss-part1-sommaire ul li {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ }

.art-une .sommaire ul li:before,
.doss-part1-sommaire ul li:before {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  width: 3%;
  margin: 0 0 0 -7px;
  color: #922611;
  font-family: 'icomoon';
  font-weight: normal;
  content: "\e917";
  /*content: "•";*/
  /*font-family: 'FontAwesome';*/ }

.art-une .sommaire ul li figure {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  width: 20%;
  margin: 0 0.5em; }

.art-une .sommaire ul li .content {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  width: calc(75% - 1em);
  padding: 0;
  margin: 0;
  font-size: 1.3571em;
  font-weight: 500;
  line-height: 1.25em; }

.art-une .sommaire ul li .content span,
.art-une .sommaire ul li .content a,
.doss-part1-sommaire ul li .content span,
.doss-part1-sommaire ul li .content a {
  display: block; }

.art-une .sommaire ul li .content span,
.doss-part1-sommaire ul li .content span {
  color: #999999;
  color: #333333;
  text-transform: uppercase;
  font-size: 0.842em;
  /*19->16*/ }

.art-une .chapo {
  position: relative;
  vertical-align: top;
  margin: 0 0 50px 0;
  color: #3b3b3b;
  font-size: 1.7857em;
  line-height: 1.25em; }
  .art-une .chapo a {
    color: #3b3b3b; }

@media (min-width: 961px) {
  .art-une .chapo {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    width: calc(32% - 0.25em); } }

@media (max-width: 960px) {
  .art-une .chapo {
    display: block;
    width: 100%; } }

.art-une button {
  position: absolute;
  right: 20px;
  bottom: 20px; }

/*F_BLOC ARTICLE EN UNE*/
/*BLOCS ARTICLES PAR 1, 2 OU 3*/
.arts-home {
  /*COMPLETE .bloc*/ }
  .arts-home:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

.home .arts1,
.home .arts2,
.home .arts3 {
  /*COMPLETE .bloc*/
  background-color: transparent; }
  .home .arts1 .cont,
  .home .arts2 .cont,
  .home .arts3 .cont {
    position: relative; }

.home .arts1 figure,
.home .arts2 figure,
.home .arts3 figure {
  position: relative; }
  .home .arts1 figure img,
  .home .arts2 figure img,
  .home .arts3 figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.home .arts1 figure {
  padding-bottom: 45.8%; }

.home .arts2 figure, .home .arts3 figure {
  padding-bottom: 62%; }

.arts2.plistedoss,
.arts3.plistedoss {
  /*CLASS COMPLEMENTAIRE LORSQU'ON AFFICHE CES ELEMENTS SUR UNE PAGE LISTE DOSSIER*/ }

@media (min-width: 961px) {
  .arts2,
  .arts3 {
    /*COMPLETE .bloc*/
    display: table;
    margin-left: -2em;
    /*margin-left: -2rem;*/ } }

@media (min-width: 961px) {
  .arts1 > div,
  .arts2 > div,
  .arts3 > div {
    padding: 1em; } }

.arts1 > div {
  position: relative;
  display: block;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden; }

.arts2 > div,
.arts3 > div {
  position: relative;
  background-color: transparent;
  /*background-color: #ffffff;*/ }

.arts2 > div:before,
.arts3 > div:before {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 99.25%;
  height: 99.4%;
  background-color: #ffffff;
  content: "\00a0"; }

/*
.arts2.plistedoss > div,
.arts3.plistedoss > div	{
	background-image: url('../img/bg-bloc-art-une.png');
	background-image: url('../img/cream_pixels_@2X.png');
	background-position: left top;
	background-repeat: repeat;
}
*/
.arts2.plistedoss > div:before,
.arts3.plistedoss > div:before {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 99.25%;
  height: 99.4%;
  background-image: url("../img/bg-bloc-art-une.png");
  background-image: url("../img/cream_pixels_@2X.png");
  background-position: left top;
  background-repeat: repeat;
  content: "\00a0"; }

.arts2.plistedoss > div.nodoss:before,
.arts3.plistedoss > div.nodoss:before {
  background-color: #ffffff;
  background-image: none; }

@media (min-width: 961px) {
  .arts2 > div,
  .arts3 > div {
    display: table-cell;
    vertical-align: top;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    border-left: 2em solid transparent;
    /*border-left: 2rem solid #ffffff;*/
    /*border-left: 2em solid #ffffff;*/
    /*border-left: 2em solid $cGrcAsh;*/ }
  .arts2 > div {
    width: 50%; }
    .arts2 > div:nth-of-type(2) {
      left: 4px; }
  .arts3 > div {
    width: 33.33333%; }
    .arts3 > div:nth-of-type(2) {
      left: 2px; }
    .arts3 > div:nth-of-type(3) {
      left: 4px; } }

@media (max-width: 960px) {
  .arts2 > div,
  .arts3 > div {
    margin: 20px 0 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1); }
    .arts2 > div:first-of-type,
    .arts3 > div:first-of-type {
      margin: 0; } }

@media (max-width: 960px) {
  .arts-home.similaires figure img {
    width: auto;
    max-height: 75px; } }

.arts-home figure img {
  margin-top: 0px;
  margin-bottom: 10px; }

/**/
figure.portrait {
  vertical-align: top;
  float: left; }
  figure.portrait img {
    margin: 0; }
  figure.portrait + p {
    margin-top: -.3em; }

.arts1 .cont {
  vertical-align: top; }

@media (min-width: 761px) {
  .arts1 figure {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    /*width: calc(50% - 3rem);*/
    /*margin: 0 1rem 0 0;*/
    margin: 0 1em 0 0; }
  .arts1 .cont {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    width: 100%; }
  .arts1 figure + .cont {
    /*EN PRESENCE D'UNE TOF*/ } }

@media (max-width: 760px) {
  .arts1 figure {
    display: block;
    margin: 0 0 0 0; }
  .arts1 .cont {
    display: block;
    width: 100%;
    padding: 0 1em 1em 1em; } }

/**/
.arts2 > div figure {
  position: relative;
  margin: 0 0 1em 0; }

/**/
@media (max-width: 960px) {
  .arts2 .cont {
    padding: 1em; }
  .arts3 .cont {
    padding: 1em; } }

/*COMPORTEMENT .arts2 .cont SPECIFIQUE EN CAS D'AFFICHAGE SUR PAGE LISTE DOSSIER*/
.arts2.plistedoss .cont {
  padding: 1em;
  margin: 1em;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1); }

@media (min-width: 961px) {
  .arts2.plistedoss figure + .cont {
    /*top: -7em;
		margin: 0 1em;*/
    margin: -7em 1em 2em 1em; } }

/*F_COMPORTEMENT .arts2 .cont SPECIFIQUE EN CAS D'AFFICHAGE SUR PAGE LISTE DOSSIER*/
/**/
.verrou:before {
  font-family: 'Raleway', Verdana, Arial, Helvetica, sans-serif;
  content: "A"; }

.enimages .verrou {
  width: 21px;
  height: 21px;
  font-size: 0.6em;
  line-height: 9px; }

.itv .verrou {
  position: absolute;
  z-index: 100;
  width: 32px;
  height: 32px;
  font-size: 0.8em; }

.pluslus .verrou {
  padding-bottom: 4px;
  margin-right: 5px;
  font-size: 0.5em; }

.arts-home .surt,
.liste-art-une .surt
.plistedoss-surt,
.liste-art-une .surt {
  display: block;
  margin: 0;
  color: #999999;
  text-transform: uppercase;
  font-size: 0.7857em; }

.arts-home .cat-dossier {
  float: left;
  padding: 2px 10px 0px 10px;
  margin-right: 10px;
  background-color: #cf323b;
  border-right: solid 1px #cf323b;
  color: #fff; }

.arts-home .tit {
  display: block;
  padding: 0;
  margin: 3px 0 10px 0;
  color: #303030;
  font-size: 1.7857em;
  font-weight: 400;
  line-height: 1.25em; }

.arts-home:not(.home-publi-redac) .tit:after {
  display: block;
  width: 40px;
  height: 3px;
  margin: 5px 0 0 0;
  background-color: #cf323b;
  content: "\00a0";
  overflow: hidden;
  /*ESPACE*/ }

.arts-home .tit a {
  color: #303030; }

.arts-home .chapo,
.liste-art-une .chapo {
  display: block;
  margin: 0;
  color: #393939;
  font-size: 1.1429em; }
  .arts-home .chapo a,
  .liste-art-une .chapo a {
    color: #393939; }

/*F_BLOCS ARTICLES PAR 1, 2 OU 3*/
/*INTERVIEW*/
.itv {
  /*COMPLETE .bloc*/
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.itv .bloc-int {
  left: -20px; }

.itv figure.perso {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: top;
  margin-top: 20px;
  margin-left: 20px;
  background-image: url("../img/bg-bloc-art-une.png");
  background-image: url("../img/cream_pixels_@2X.png");
  background-position: left top;
  background-repeat: repeat; }

.itv.portrait figure.perso {
  width: 30%; }

.itv.paysage figure.perso {
  width: 50%; }

.itv figure.perso img {
  position: relative;
  top: -20px;
  left: -20px;
  z-index: 10;
  width: 100%; }

.itv .cont {
  position: relative;
  vertical-align: top; }

.itv.portrait .cont {
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  width: calc(70% - 20px - 0.5em); }

@media (min-width: 769px) {
  .itv.paysage .cont {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    width: calc(50% - 20px - 0.5em); } }

@media (max-width: 768px) {
  .itv.paysage .cont {
    display: block;
    width: 100%;
    margin-left: 0; } }

@media (max-width: 768px) {
  .itv .citation {
    margin-top: 0; } }

@media (min-width: 961px) {
  .itv.portrait .citation p {
    font-size: 2.9286em; }
  .itv.paysage .citation p {
    font-size: 1.5714em; } }

@media (min-width: 769px) and (max-width: 960px) {
  .itv.portrait .citation p {
    font-size: 2.5em; }
  .itv.paysage .citation p {
    font-size: 1.5em; } }

@media (max-width: 768px) {
  .itv.portrait .citation p {
    font-size: 2em; }
  .itv.paysage .citation p {
    font-size: 1.5714em; } }

.itv > .cont > .btn {
  margin-bottom: 20px; }

/**/
.itv ul.persos {
  display: block;
  padding: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  list-style-type: none; }

/*@media (min-width: 769px) and (max-width: 1199px) {*/
@media (min-width: 961px) and (max-width: 1199px) {
  .itv ul.persos {
    position: relative;
    width: 100%;
    margin-top: 1em; } }

@media (min-width: 1200px) {
  .itv.portrait ul.persos {
    position: absolute;
    right: 20px;
    bottom: 75px;
    width: calc(70% - 60px); } }

.itv ul.persos li {
  position: relative;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0; }

/*@media (min-width: 769px) {*/
@media (min-width: 961px) {
  .itv ul.persos li {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: top;
    padding-left: 0.5em;
    margin-left: 0.5em;
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .itv ul.persos li:nth-of-type(1) {
    padding-left: 0;
    margin-left: 0;
    border-left: none; }
  .itv.portrait ul.persos li {
    width: calc(50% - 1em - 5px); }
  .itv.paysage ul.persos li {
    width: calc(33.33333% - 1em - 5px); } }

@media (max-width: 960px) {
  .itv ul.persos li {
    display: block;
    padding-top: 0.25em;
    margin-top: 0.25em;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .itv ul.persos li:nth-of-type(1) {
    padding-top: 0;
    margin-top: 0;
    border-top: none; }
  .itv.portrait ul.persos li {
    width: 100%; }
  .itv.paysage ul.persos li {
    width: 100%; } }

.itv ul.persos li img {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: top;
  width: 90px;
  height: 90px;
  margin-right: 0.5em; }

.itv ul.persos li .cont {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: top;
  width: calc(98% - 90px - 0.75em);
  max-height: 6em;
  margin: 0;
  overflow: hidden; }

.itv ul.persos li .cont span {
  display: block;
  line-height: 1.25em; }

.itv ul.persos li .cont span.nom-prenom {
  font-size: 0.9286em; }

.itv ul.persos li .cont span:nth-of-type(2) {
  color: #222222;
  font-style: italic; }

.itv ul.persos li .cont span:nth-of-type(2) a {
  color: #222222; }

/*F_INTERVIEW*/
/*CITATION DU JOUR*/
.citation-jour {
  /*COMPLETE .bloc*/
  border: 1px solid rgba(0, 0, 0, 0.1); }

.citation-jour .bloc-int {
  padding-top: 20px; }

aside .citation-jour {
  border: none; }

.citation-jour .cont {
  padding: 0 10%;
  text-align: center; }

aside .citation-jour .cont {
  padding: 0; }

.visu-col.visu-col2 .citation-jour .bloc-int {
  padding-top: 0px;
  font-size: 1.5714em; }

.visu-col.visu-col2 .citation-jour .citation p {
  font-size: 1.7857em; }

.visu-cols-2-1 .citation-jour .citation p {
  font-size: 2em; }

.citation .nom-prenom {
  padding-top: 5px;
  font-size: 0.9em;
  font-weight: 500; }

/*F_CITATION DU JOUR*/
/*LES PLUS LUS*/
/*RAPATRIÉ DANS tl.scss le 10.12.2016*/
/*UTILISE SUR TL ET TOURISME DE GROUPE*/
/*F_LES PLUS LUS*/
/*EN IMAGES*/
.bloc.enimages {
  /*COMPLETE .bloc*/
  position: relative;
  background-color: transparent; }

.enimages ul {
  padding: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: -20px;
  list-style-type: none; }

.enimages ul li {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: top;
  width: calc(33.3333333333% - 20px - 0.25em);
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 20px;
  background-color: rgba(0, 0, 0, 0.76); }

@media (max-width: 768px) {
  .enimages ul {
    margin-left: 0; }
  .enimages ul li {
    display: block;
    width: 100%;
    margin-bottom: 1em;
    margin-left: 0; } }

.enimages.media-photo,
.enimages.media-video,
.enimages.media-son {
  /*CLASS POSEES LORSQUE LE BLOC EST AFFICHE SUR LA PAGE LISTE MEDIAS*/ }

.enimages.media-photo figure:before {
  position: absolute;
  top: 37%;
  left: 43%;
  z-index: 10;
  color: rgba(255, 255, 255, 0.8);
  font-family: 'FontAwesome';
  font-size: 3em;
  content: "\f083"; }

.enimages.media-video figure:before {
  position: absolute;
  top: 37%;
  left: 43%;
  z-index: 10;
  color: rgba(255, 255, 255, 0.8);
  font-family: 'Icomoon';
  font-size: 3em;
  content: "\e908"; }

.enimages.media-son li {
  padding-top: 4em; }

.enimages.media-son li:before {
  position: absolute;
  position: relative;
  top: 0.25em;
  left: 43%;
  z-index: 10;
  margin: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  color: rgba(255, 255, 255, 0.8);
  font-family: 'FontAwesome';
  font-size: 3em;
  color: rgba(255, 255, 255, 0.8);
  content: "\f025";
  /*headphones*/ }

.enimages ul li figure img {
  width: 100%; }

.enimages ul li .cont {
  position: relative;
  display: block;
  height: 120px;
  padding: 10px 20px 15px 20px;
  color: #ffffff;
  font-size: 1.2857em;
  line-height: 1.25em;
  overflow: hidden; }

.enimages ul li .cont a {
  color: #ffffff; }

@media (min-width: 769px) and (max-width: 960px) {
  .enimages ul li .cont {
    font-size: 1.25em; } }

/*F_EN IMAGES*/
/*LES EDITOS*/
.bloc.editos {
  /*COMPLETE .bloc*/
  background-color: transparent; }

.editos ul {
  padding: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  list-style-type: none; }

.editos ul li {
  position: relative;
  padding: 0;
  margin-top: 0;
  margin-right: 0;
  background-color: #ffffff; }

@media (min-width: 769px) {
  .editos ul {
    margin-left: -20px; }
  .editos ul li {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: top;
    width: calc(33.3333333333% - 20px - 0.25em);
    margin-bottom: 0;
    margin-left: 20px; } }

@media (max-width: 768px) {
  .editos ul {
    margin-left: 0; }
  .editos ul li {
    display: block;
    width: 100%;
    margin-bottom: 1em;
    margin-left: 0; } }

.editos ul li em {
  position: relative;
  display: block;
  height: 5em;
  padding: 0.5em 0;
  margin: 0;
  text-align: center; }

.editos ul li em[prop="off"] {
  background-color: #cf323b; }

.editos ul li em[prop="mar"] {
  background-color: #00538c; }

.editos ul li em[prop="log"] {
  background-color: #a52232; }

.editos ul li em:before {
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  width: 90%;
  height: 4em;
  content: "\00a0";
  /*ESPACE*/
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain; }

.editos ul li em[prop="off"]:before {
  background-image: url("../img/editos-logo-officiel.png"); }

.editos ul li em[prop="mar"]:before {
  background-image: url("../img/editos-logo-marine.png"); }

.editos ul li em[prop="log"]:before {
  background-image: url("../img/editos-logo-logistiques.png"); }

/*
	.editos ul li em[prop="off"]	{
		background-color: #cf323b;
		background-color: $bgRouScm;
		background-image: url('../img/editos-logo-officiel.png');
	}
	.editos ul li em[prop="mar"]	{
		background-color: #00538c;
		background-color: $cBleuMar;
		background-image: url('../img/editos-logo-marine.png');
	}
	.editos ul li em[prop="log"]	{
		background-color: #a52232;
		background-color: $cRouLog;
		background-image: url('../img/editos-logo-logistiques.png');
	}
*/
.editos ul li .cont {
  position: relative;
  display: block;
  height: 170px;
  padding: 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  color: #3d3d3d;
  text-align: center;
  overflow: hidden; }

.editos ul li .cont a {
  color: #3d3d3d; }

@media (min-width: 769px) and (max-width: 960px) {
  .editos ul li .cont {
    height: 220px; } }

@media (max-width: 768px) {
  .editos ul li .cont {
    height: auto;
    margin: 0 0 1em 0; } }

.editos ul li .cont span {
  display: block; }

.editos ul li .cont span.tit {
  font-size: 1.3571em;
  line-height: 1.25em; }
  .editos ul li .cont span.tit:after {
    display: block;
    width: 33%;
    height: 1px;
    margin: 5px auto;
    background-color: rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    font-size: 1.0714em;
    content: "\00a0";
    /*ESPACE*/ }

.editos ul li .cont span.sign {
  font-size: 1.0714em;
  text-transform: uppercase; }

/*F_LES EDITOS*/
/*ACCUEIL BIBLIO*/
.bloc.accbiblio {
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.accbiblio ul {
  padding: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  color: #ffffff;
  list-style-type: none; }

.accbiblio ul li {
  position: relative;
  margin-top: 0;
  margin-right: 0;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase; }
  .accbiblio ul li a {
    color: #ffffff; }

@media (min-width: 769px) {
  .accbiblio ul {
    margin-bottom: 0;
    margin-left: -20px; }
  .accbiblio ul li {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: top;
    width: calc(50% - 20px - 0.25em);
    padding: 40px;
    margin-bottom: 20px;
    margin-left: 20px; } }

@media (max-width: 768px) {
  .accbiblio ul {
    margin-left: 0; }
  .accbiblio ul li {
    display: block;
    width: 100%;
    padding: 1em 0;
    margin-bottom: 1em;
    margin-left: 0; } }

.accbiblio ul li.off {
  background-color: #cf323b; }

.accbiblio ul li.mar {
  background-color: #00538c; }

.accbiblio ul li.log {
  background-color: #a52232; }

.accbiblio ul li.sup {
  background-color: #902718; }

.accbiblio ul li.fra {
  background-color: #e20613; }

.accbiblio ul li:before {
  display: block;
  width: 90%;
  height: 4em;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "\00a0"; }

@media (min-width: 769px) {
  .accbiblio ul li:before {
    margin: 0 auto 2em auto; } }

@media (max-width: 768px) {
  .accbiblio ul li:before {
    margin: 0 auto 1em auto; } }

.accbiblio ul li.off:before {
  background-image: url("../img/editos-logo-officiel.png"); }

.accbiblio ul li.mar:before {
  background-image: url("../img/editos-logo-marine.png"); }

.accbiblio ul li.log:before {
  background-image: url("../img/editos-logo-logistiques.png"); }

.accbiblio ul li.sup:before {
  background-image: url("../img/picto_officiel_sup_blanc.png"); }

.accbiblio ul li.fra:before {
  background-image: url("../img/picto_officiel_france-route_blanc.png"); }

.accbiblio ul li .btn {
  color: #ffffff; }
  .accbiblio ul li .btn:hover {
    color: #ffffff; }

/*F_ACCUEIL BIBLIO*/
/*RESULTAT RECHERCHE*/
.resrech {
  padding: 1em;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.resrech .bloc-int {
  left: -20px; }

.resrech .arts-home .verrou {
  right: auto;
  left: 0px; }

@media (max-width: 1100px) {
  .arts1 figure + .cont {
    width: 100%;
    padding: 10px; } }

/*F_RESULTAT RECHERCHE*/
/*OUTILS METIERS*/
.bloc.outils {
  /*COMPLETE .bloc*/
  background-color: transparent; }

.outils ul {
  padding: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 30px;
  margin-left: -20px;
  list-style-type: none; }

.outils ul li {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: top;
  padding: 20px;
  margin-left: 20px;
  background-image: url("../img/bg-bloc-art-une.png");
  background-image: url("../img/cream_pixels_@2X.png");
  border: 1px solid rgba(0, 0, 0, 0.1); }

.outils ul.ul1 li {
  width: calc(50% - 20px - 0.25em);
  min-height: 375px; }

.outils ul.ul2 li {
  width: calc(33.3333333333% - 20px - 0.25em);
  min-height: 170px; }

@media (max-width: 768px) {
  .outils ul {
    margin-left: 0; }
  .outils ul.ul1 li,
  .outils ul.ul2 li {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0; }
  .outils ul.ul1 li {
    min-height: auto; } }

/*AFFICHAGE EN COLDRO 300PX = ID CI-DESSUS*/
aside .outils ul {
  margin-left: 0; }

aside .outils ul.ul1 li,
aside .outils ul.ul2 li {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  margin-left: 0; }

/**/
.outils ul.ul1 li {
  min-height: auto; }

.outils .surt {
  display: block;
  margin: 0;
  color: #922611;
  color: #393939;
  text-transform: uppercase;
  font-size: 0.9286em;
  /*13*/ }

.outils .tit {
  color: #393939;
  font-size: 1.5em;
  line-height: 1.25em; }

.outils .tit a {
  color: #393939; }

.outils figure {
  margin: 0;
  text-align: center; }

.outils figure img {
  width: 100%; }

/*F_OUTILS METIERS*/
/*QUIZ - SONDAGE*/
.quiz,
.sondage {
  /*COMPLETE .bloc*/
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1); }

aside .quiz,
.visu-cols-2-1 .visu-col.visu-col2 .quiz,
aside .sondage,
.visu-cols-2-1 .visu-col.visu-col2 .sondage {
  padding: 10px;
  border: none; }

.quiz .bloc-int,
.sondage .bloc-int {
  left: -20px; }

aside .quiz .bloc-int,
.visu-cols-2-1 .visu-col.visu-col2 .quiz .bloc-int,
aside .sondage .bloc-int,
.visu-cols-2-1 .visu-col.visu-col2 .sondage .bloc-int {
  left: 0; }

.quiz form:after,
.sondage:after {
  /*mixin CLEAR*/
  display: block;
  clear: both;
  height: 0px;
  content: "\00a0";
  visibility: hidden; }

.quiz form,
.quiz .cont,
.sondage,
.sondage .cont {
  /*CLASS cont UTILISEE POUR AFFICHER LES RESULTATS*/ }
  .quiz form .tit,
  .quiz .cont .tit,
  .sondage .tit,
  .sondage .cont .tit {
    color: #3d3d3d;
    font-size: 1.0714em;
    font-weight: 600;
    line-height: 1.25em; }

.quiz form .tit em {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  margin-left: -30px;
  color: #922611;
  font-size: 1.5em;
  font-style: normal; }
  .quiz form .tit em:after {
    content: " - "; }

.quiz form ul,
.sondage ul {
  padding: 0;
  list-style-type: none; }
  .quiz form ul li,
  .sondage ul li {
    position: relative;
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: top;
    width: 30%; }

.quiz form ul li.quizbad {
  /*MAUVAISE REPONSE*/
  opacity: 0.20; }

.quiz form ul li.quizrep {
  /*REPONSE DONNEE*/ }
  .quiz form ul li.quizrep:before {
    position: absolute;
    top: -0.1em;
    left: -1.25em;
    display: block;
    width: 90%;
    color: #922611;
    font-family: 'FontAwesome';
    content: "\f192";
    /*dot-circle-o*/ }

/*AFFICHAGE EN COLDRO 300PX = ID CI-DESSUS*/
aside .quiz form ul li,
.visu-cols-2-1 .visu-col.visu-col2 .quiz form ul li,
aside .sondage ul li,
.visu-cols-2-1 .visu-col.visu-col2 .sondage ul li {
  display: block;
  width: 90%;
  margin: 0 0 0.5em 0; }

aside .quiz form ul li.quizbad,
.visu-cols-2-1 .visu-col.visu-col2 .quiz form ul li.quizbad {
  display: none; }

/**/
.quiz form input[type="radio"],
.sondage input[type="radio"] {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  top: 2px;
  vertical-align: top;
  width: 30px; }

.quiz form,
.sondage .label {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: top;
  width: calc(95% - 30px);
  padding: 0;
  margin: 0;
  color: #737373;
  line-height: 1.25em; }

.sondage .cont .label {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  padding: 0;
  margin: 0 0 0.25em 0;
  color: #737373;
  line-height: 1.25em; }

.quiz form .btn, .sondage .btn {
  float: right; }

.sondage .pourcent,
.quiz .pourcent {
  /*CONTENEUR AFFICHAGE POURCENTAGE*/
  position: relative;
  margin: 0 0 1em 0;
  background-color: #f3f3f3; }
  .sondage .pourcent span,
  .quiz .pourcent span {
    /*AFFICHAGE POURCENTAGE VISUEL*/
    position: relative;
    display: block;
    height: 2.5em;
    background-color: #922611;
    overflow: hidden; }
    .sondage .pourcent span:after,
    .quiz .pourcent span:after {
      position: absolute;
      top: 0;
      right: -13px;
      z-index: 100;
      width: 25px;
      height: 150%;
      margin: 0;
      background-color: #f3f3f3;
      transform: rotate(25deg);
      content: "\00a0";
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg); }
  .sondage .pourcent em,
  .quiz .pourcent em {
    /*AFFICHAGE POURCENTAGE CHIFFRE*/
    position: absolute;
    position: relative;
    top: 0;
    left: 0.25em;
    z-index: 1000;
    color: #ffffff;
    text-shadow: 1px 1px 1px #922611;
    /*DECAL HORIZ - DECAL VERTI - RAYON FLOU*/ }

.sondage .btn.vres:after {
  font-size: 1.5714em;
  font-style: normal;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  top: -2px;
  vertical-align: middle;
  top: -2px;
  margin-left: 10px;
  color: #fff;
  font-family: 'FontAwesome';
  font-size: 1.2em;
  font-weight: normal;
  content: "\f080";
  /*bar-chart*/ }

/*F_QUIZ - SONDAGE*/
/*F_BLOCS*/
/* COL - RIGHT */
/*WIDGETS*/
.widget {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 30px;
  margin-left: 0; }

@media (max-width: 640px) {
  /*DANS CETTE LARGEUR LE ASSIDE QUI CONTIENT LES WIDGETS PASSE SOUS LE VISU*/
  .widget,
  aside .bloc {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto; } }

.widget-int {
  /*INTITULE*/
  position: relative;
  display: block;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  color: #922611;
  font-size: 1.5714em;
  /*35*/
  line-height: 1.25em; }

.bloc-int {
  color: #922611;
  font-size: 1.7857em;
  font-weight: 400; }
  .bloc-int:before {
    background-color: #922611; }

/*EVENEMENTS*/
.eves {
  /*COMPLEMENT DE widget*/ }

.widget.eves ul {
  padding: 0;
  list-style-type: none; }

nav.burger .widget.eves ul {
  margin: 1em; }

aside .widget.eves {
  background-color: #ffffff; }

.widget.eves ul li {
  position: relative;
  height: 67px;
  padding: 10px;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  background-color: #ffffff;
  overflow: hidden; }

/*nav.burger .widget.eves ul li	{
	background-color: rgba(255,204,204,0.95);
}*/
.widget.eves ul li:hover {
  -moz-box-shadow: 8px 8px 12px 0px #aaa;
  -webkit-box-shadow: 8px 8px 12px 0px #aaa;
  -o-box-shadow: 8px 8px 12px 0px #aaa;
  box-shadow: 2px 2px 3px 0px #aaa; }

.widget.eves ul li:first-child {
  margin-top: 0px; }

/*
.widget.eves ul li:after	{
	display: block;
	height: 0px;
	visibility: hidden;
	content: "\00a0";
	clear: both;
}
*/
/*
.widget.eves ul li figure	{
	position: relative;
	display: none;
	vertical-align: middle;
	width: calc(80% - 0.25em);
	height: 50px;
	margin: 0;
	text-align: center;
	overflow: hidden;
}
.widget.eves ul li:hover figure	{
	display: inline-block;
	background-color: #9F3;
}
*/
.widget.eves ul li figure {
  position: absolute;
  top: 0px;
  left: -1000px;
  display: block;
  width: 80%;
  height: 50px;
  margin: 0;
  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease;
  overflow: hidden;
  -moz-box-shadow: 8px 8px 12px 0px #aaa;
  -webkit-box-shadow: 8px 8px 12px 0px #aaa;
  -o-box-shadow: 8px 8px 12px 0px #aaa; }

.widget.eves ul li:hover figure {
  left: 0px;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

/*
.widget.eves ul li .date	{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: calc(20% - 0.25em);
	height: 50px;
	padding: 0 0.75em;
	margin: 0;
	color: #cf323b;
	color: $bgRouScm;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	overflow: hidden;
}
*/
.widget.eves ul li .date {
  position: absolute;
  top: 10px;
  left: 0px;
  display: block;
  width: 20%;
  height: 50px;
  padding: 0 0.75em;
  margin: 0;
  color: #922611;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease;
  overflow: hidden; }

.widget.eves ul li:hover .date {
  left: 80%;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

.widget.eves ul li .date span {
  position: relative;
  display: block; }

.widget.eves ul li .date span:nth-of-type(1) {
  top: -3px;
  font-size: 2em;
  line-height: 1em; }

.widget.eves ul li .date span:nth-of-type(2) {
  border-top: 1px solid #922611; }

/*
.widget.eves ul li .eve	{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: calc(80% - 0.25em);
	height: 50px;
	padding: 0.25em 0.5em;
	padding: 0 0.5em;
	margin: 0;
	text-align: left;
	font-weight: 500;
	line-height: 1em;
	overflow: hidden;
}
.widget.eves ul li:hover .eve	{
	display: none;
}
*/
.widget.eves ul li .eve {
  position: absolute;
  right: 0;
  display: block;
  width: 80%;
  height: 50px;
  padding: 0.15em 0;
  margin: 0;
  text-align: left;
  font-weight: 500;
  line-height: 1em;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease;
  overflow: hidden; }

.widget.eves ul li:hover .eve {
  right: -1000px;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

.widget.eves ul li .eve span {
  display: block; }

.widget.eves ul li .eve span:nth-of-type(1) {
  color: #333333; }

.widget.eves ul li .eve span:nth-of-type(2) {
  color: #999999;
  text-transform: uppercase;
  font-size: 0.7857em; }

/*F_EVENEMENTS*/
/*ABONNEZ-VOUS*/
.abovous, .widget.newsl,
.widget.resocs,
.widget.resocs,
.telappli,
.evejour,
aside .citation-jour,
aside .pluslus,
.annemp,
aside .quiz,
.map,
.agenda,
aside .widget.eves,
.unede,
.carrefour,
.visu-col.visu-col2 section.bloc.pluslus,
.widget.img {
  /*COMPLEMENT DE widget*/
  padding: 10px;
  background-color: #ffffff;
  border: solid 1px #dcdcdc; }

.widget.abovous {
  margin-bottom: 20px; }

.widget.abovous .widget-int {
  font-weight: normal; }

.widget.abovous li a.img {
  width: 50%;
  height: 170px;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 1px 1px 12px #9a9a9a;
  text-align: center; }

.widget.abovous .sy-slide {
  padding: 15px; }

.widget.abovous span {
  display: inherit;
  margin-top: 15px;
  color: #922611;
  text-align: center;
  font-weight: 700; }

.widget.abovous .sy-prev, .widget.abovous .sy-next {
  display: block;
  opacity: 1; }

.widget.abovous a.btn {
  padding: 10px 5px 10px 5px;
  margin-top: 20px;
  text-align: center; }

.widget.abovous .sy-caption-wrap {
  display: none; }

.widget.resocs .cont .tw {
  color: #55acee; }

.widget.resocs .cont .yt {
  color: #bb0000; }

.widget.resocs .cont .rss {
  color: #ff6600; }

.widget.resocs .cont .in {
  color: #0177b5; }

/*F_ABONNEZ-VOUS*/
/* CARREFOUR */
.widget.carrefour .sur-tt {
  margin-bottom: 5px;
  color: #fff;
  text-align: center;
  font-size: 0.9286em;
  font-weight: 400; }

.widget.carrefour {
  position: relative;
  padding-top: 30px;
  padding-bottom: 25px;
  background-color: #922611;
  text-align: center; }

.widget.carrefour img {
  margin-bottom: 8px; }

.widget.carrefour a.btn.btn-fdro {
  background-color: #a52232; }

.widget.carrefour p {
  position: absolute;
  top: 19px;
  left: -5px;
  z-index: 1;
  color: #922611;
  text-transform: uppercase;
  font-weight: 700;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -webkit-transform: rotate(-45deg);
  /* Chrome, Safari, Opera */ }

.widget.carrefour span {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0;
  height: 0;
  border-color: yellow transparent transparent transparent;
  border-style: solid;
  border-width: 80px 80px 0 0; }

/* FIN CARREFOUR */
/*A LA UNE DE*/
.unede {
  /*COMPLEMENT DE widget*/
  background-color: #ffffff; }

.unede .top {
  margin: 0; }

.unede .top img {
  width: 100%; }

.unede .cont {
  margin: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.unede .cont a {
  display: block;
  padding: 40px 30px;
  margin: 0;
  background-color: rgba(128, 128, 128, 0.75);
  color: #ffffff;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.25em; }

/*F_A LA UNE DE*/
/*NEWSLETTERS*/
.widget.newsl {
  /*COMPLEMENT DE widget*/
  background-color: #ffffff; }

.widget-newsl-int {
  margin: 0 0 0 0;
  color: #383838;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.25em; }

.widget.newsl .cont {
  padding: 5px 10px;
  margin: 0; }

.widget.newsl .cont *[RESOC] {
  margin-right: 10px;
  color: #737373;
  font-size: 2em;
  /*font-size: 2rem;*/ }

.widget.newsl .cont *[RESOC]:hover {
  color: #383838;
  text-decoration: none; }

/*F_NEWSLETTERS*/
/*TELECHARGEZ APPLI*/
.telappli {
  /*COMPLEMENT DE widget*/
  display: none;
  background-color: #ffffff; }

.telappli .app1 {
  background-color: #cf323b; }

.telappli .app2 {
  background-color: #a52232; }

.telappli .app3 {
  background-color: #1c77b5; }

.telappli .app4 {
  background-color: #00538c; }

.telappli .app1, .telappli .app2, .telappli .app3, .telappli .app4 {
  padding: 15px;
  margin-bottom: 10px; }

.telappli .app1 .img-logo, .telappli .app2 .img-logo, .telappli .app3 .img-logo, .telappli .app4 .img-logo {
  width: 45%; }

.telappli .img-store {
  padding-right: 15px;
  padding-left: 15px; }

.telappli .first {
  display: block;
  background-color: #ffffff;
  border-right: solid 1px rgba(255, 255, 255, 0.3); }

/*F_TELECHARGEZ APPLI*/
/*ANNONCES EMPLOI*/
.annemp {
  /*COMPLEMENT DE widget*/ }

.annemp ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.annemp ul li {
  padding: 0;
  padding-bottom: 10px;
  margin: 0 0 10px 0;
  border-bottom: solid 1px #dedede;
  color: #cf323b; }

.annemp ul em {
  /*CDD, CDI...*/
  display: block;
  color: #922611;
  text-transform: uppercase;
  font-size: 0.9286em;
  font-style: normal;
  font-weight: 600; }

.annemp ul a {
  display: block;
  padding-bottom: 3px;
  color: #393939;
  font-size: 0.9286em;
  font-weight: 600;
  line-height: 1.25em; }

.annemp ul .meta {
  /*font-size: 0.92857em;*/
  /*13*/
  color: #a5a5a5;
  font-size: 0.8571em;
  /*13*/
  font-weight: 400;
  line-height: 1.2em; }

/*F_ANNONCES EMPLOI*/
/*EVENEMENT DU JOUR*/
.evejour {
  /*COMPLEMENT DE widget*/
  background-color: #ffffff; }

.evejour .cont {
  padding: 10px; }

.evejour .eve {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  width: calc(82% - 0.25em);
  margin: 0;
  text-align: left;
  font-size: 1.0714em;
  font-weight: 600;
  line-height: 1em; }

.evejour .eve span {
  display: block; }

.evejour .eve span:nth-of-type(1),
.evejour .eve span:nth-of-type(1) a {
  color: #383838; }

.evejour .eve span:nth-of-type(2) {
  color: #999999;
  text-transform: uppercase;
  font-size: 0.7857em; }

.evejour .date {
  position: relative;
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/
  vertical-align: middle;
  width: calc(18% - 0.25em);
  margin: 0;
  color: #922611;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  overflow: hidden; }

.evejour .date span {
  position: relative;
  display: block; }

.evejour .date span:nth-of-type(1) {
  top: -3px;
  font-size: 2em;
  line-height: 1em; }

.evejour .date span:nth-of-type(2) {
  border-top: 1px solid #922611; }

/*F_EVENEMENT DU JOUR*/
/*MAP*/
.map {
  /*COMPLEMENT DE widget*/
  background-color: #ffffff; }

.map .cont {
  /*CARTE MAP*/
  text-align: center; }

.map .txt {
  position: relative;
  padding: 10px;
  margin: 0;
  box-shadow: 2px 2px 3px 0px #aaa;
  text-align: left;
  font-size: 1.0714em;
  font-weight: 600;
  line-height: 1em;
  -moz-box-shadow: 8px 8px 12px 0px #aaa;
  -webkit-box-shadow: 8px 8px 12px 0px #aaa;
  -o-box-shadow: 8px 8px 12px 0px #aaa; }

/*F_MAP*/
/*AGENDA*/
.agenda {
  /*COMPLEMENT DE widget*/
  background-color: #ffffff; }

.agenda ul {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.agenda ul li {
  padding: 0;
  margin: 15px 0; }
  .agenda ul li:before {
    position: relative;
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: top;
    width: 30px;
    color: #922611;
    font-family: 'icomoon';
    font-size: 1.25em;
    content: "\e901";
    /*calendar*/ }

.agenda ul li p {
  display: inline-block;
  /*display: inline\9;
	zoom: 1\9;*/ }

.agenda ul li span {
  display: block; }

.agenda .date {
  color: #922611;
  font-size: 1.0714em;
  font-weight: 600;
  line-height: 1.25em; }

.agenda .eve {
  color: #383838;
  font-weight: 600;
  line-height: 1.25em; }

.agenda .eve a {
  color: #383838;
  font-size: 1.12em; }

.agenda .lieu {
  color: #a7a7a7;
  font-size: 0.9286em;
  line-height: 1em; }

/*F_AGENDA*/
/*PHOTOS*/
.photos {
  /*COMPLEMENT DE widget*/ }

.photos .cont {
  background-color: rgba(0, 0, 0, 0.76); }

.photos figure {
  position: relative; }

.photos figure:before {
  position: absolute;
  position: relative;
  top: 40%;
  left: 46%;
  display: block;
  padding: 0.5em 1em;
  color: rgba(255, 255, 255, 0.8);
  color: #ffffff;
  font-family: 'FontAwesome';
  font-size: 3em;
  font-size: 1.5em;
  font-size: 1.5714em;
  line-height: 1.15em;
  content: "\f083";
  /*camera-retro*/ }

/*F_PHOTOS*/
/*WIDGET FIL ACTU*/
section.bloc.pluslus .widget-int {
  color: #ffffff; }

section.bloc.pluslus dl {
  padding: 0;
  margin: 1em 0 0 0; }
  section.bloc.pluslus dl dt,
  section.bloc.pluslus dl dd {
    position: relative;
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: top;
    font-weight: 600; }

section.bloc.pluslus dl dt {
  width: 35px;
  padding: 0.25em 1em 0.25em 0;
  margin: 0 0.75em 0 0;
  text-align: right;
  font-size: 0.9286em; }

section.bloc.pluslus dl dd {
  width: calc(100% - 35px - 1em);
  padding: 0 0 0 1em;
  margin: 0 0 1em 0;
  border-left: 1px solid #922611; }

/*F_WIDGET FIL ACTU*/
/*WIDGET IMG*/
/* block widget img */
.widget.img {
  padding: 15px 0px 5px 0px; }

.widget.img p {
  padding-left: 15px; }

.widget.img figure {
  position: relative; }

.widget.img figcaption {
  position: absolute;
  bottom: 0px;
  display: none; }

.widget.img figure:hover > figcaption {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px;
  background-color: black;
  opacity: 0.8;
  color: #fff; }

.widget.img a {
  width: 100%;
  padding-top: 15px;
  text-align: center; }

/*F-WIDGET_IMG*/
/*WIDGET CERCLE*/
.visu-col.visu-col2 .widget.cercle {
  padding: 10px; }

.visu-col.visu-col2 .widget.cercle .widget-int {
  color: #fff; }

.visu-col.visu-col2 .widget.cercle .btn.btn-trans, .visu-col.visu-col2 .widget.cercle.btn.btn-trans a {
  width: 50%;
  padding: 0 0;
  color: #fff; }

.widget.cercle li {
  padding: 1em 0 0 0;
  margin: 1em 0 0 0;
  border-top: 1px dashed rgba(255, 255, 255, 0.5); }
  .widget.cercle li:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

.widget.cercle li:first-child {
  padding-top: 0px;
  margin-top: 0px; }

.widget.cercle li:first-of-type {
  border-top: none; }

.widget.cercle li figure {
  /*float: left;*/
  margin: 0; }

.widget.cercle .nom-prenom,
.widget.cercle .fonction {
  padding: 0 0 0 90px; }

.widget.cercle .txt {
  clear: both; }

/*F_WIDGET CERCLE*/
/*F_WIDGETS*/
/*BLOC CERCLE*/
.visu-cols-2-1 .cercle {
  /*COMPLETE bloc*/
  padding: 10px;
  padding: 20px 20px 20px 0;
  background-color: #f3781e;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.visu-cols-2-1 .bloc.cercle .bloc-int {
  color: #fff; }

.visu-cols-2-1 .bloc.cercle .btn.btn-trans, .visu-cols-2-1 .bloc.cercle.btn.btn-trans a {
  padding: 0.25em 0;
  margin: 0 0 1em 0;
  background-color: #ca5c0c;
  color: #fff; }

.cercle .top {
  text-align: center; }

.cercle ul.cont {
  margin: 0;
  list-style-type: none; }

.cercle li {
  position: relative;
  color: #ffffff; }
  .cercle li a {
    color: #fff;
    line-height: 1.25em; }

.cercle li figure {
  text-align: center; }
  .cercle li figure:before {
    position: absolute;
    left: 43%;
    z-index: 10;
    color: rgba(255, 255, 255, 0.8);
    font-size: 3em; }
    .cercle li figure:before:hover {
      cursor: pointer; }

.cercle li.media-video figure:before {
  font-family: 'Icomoon';
  content: "\e908"; }

.cercle li.media-photo figure:before {
  font-family: 'FontAwesome';
  content: "\f083"; }

.cercle li.media-son figure:before {
  font-family: 'FontAwesome';
  content: "\f025"; }

.bloc.cercle li figure:before {
  top: 17%; }

.widget.cercle li figure:before {
  top: 25%; }

.center {
  text-align: center; }

.btn.mgb {
  margin-bottom: 2px; }

.cercle .txt {
  margin: 0;
  font-size: 1.1429em;
  font-weight: 600; }

@media (min-width: 961px) {
  .bloc.cercle ul.cont {
    padding: 0; }
  .bloc.cercle li {
    display: inline-block;
    /*display: inline\9;
	zoom: 1\9;*/
    vertical-align: top;
    width: calc(33.33333% - 0.25em);
    padding: 0 2em;
    margin: 0;
    border-right: 1px dashed rgba(255, 255, 255, 0.5);
    text-align: center; }
  .bloc.cercle li:last-of-type {
    border-right: none; }
  .bloc.cercle li figure {
    margin: 0 0 1em 0; } }

@media (max-width: 960px) {
  .bloc.cercle ul.cont {
    padding: 0 1em; }
  .bloc.cercle li {
    padding: 1em 0 0 0;
    margin: 1em 0 0 0;
    border-top: 1px dashed rgba(255, 255, 255, 0.5); }
    .bloc.cercle li:after {
      /*mixin CLEAR*/
      display: block;
      clear: both;
      height: 0px;
      content: "\00a0";
      visibility: hidden; }
  .bloc.cercle li:first-of-type {
    border-top: none; }
  .bloc.cercle li figure {
    float: left;
    margin: 0; }
  .bloc.cercle li figure img {
    width: 80px;
    /*height: 80px;*/ }
  .bloc.cercle .nom-prenom,
  .bloc.cercle .fonction,
  .bloc.cercle .txt {
    padding: 0 0 0 90px; } }

/*F_BLOC CERCLE*/
/* amélioration des tailles font sur mobile */
@media (max-width: 375px) {
  .doss-tit {
    font-size: 1.8em; }
  article.art h2 {
    font-size: 1.5em; }
  article.art h3 {
    line-height: 1em; }
  article.art .cont .citation p {
    font-size: 1.5em; }
  .art-une .sommaire .tit, .liste-art-une .tit {
    font-size: 1.9em; }
  .art-une .sommaire .tit {
    margin-bottom: 0px; }
  .art-une .chapo {
    font-size: 1.5em; }
  .art-une .sommaire .surt, .doss-part1-sommaire > .surt, .plistedoss-surt {
    font-size: 0.7em; }
  .doss-part1-sommaire ul li .content,
  .art-une .sommaire ul li .content {
    font-size: 1em; }
  .itv.portrait .citation p {
    margin-top: 20px;
    font-size: 1.3em; }
  .doss-part1-top .tit {
    font-size: 1.9em; }
  .doss-part1-sommaire .bloc-int {
    line-height: 1em; }
  .doss-part1 .bloc-int:before {
    left: -34px;
    width: 28px;
    content: ''; }
  .widget, aside .bloc {
    max-width: none; } }

@media (max-width: 768px) {
  header.sticky .abo {
    margin-top: -1px; } }

/* end mobile */
/*page partenaire*/
.partenaire .doss-tit, .partenaire article.art h2, .partenaire .arts-home .tit a {
  color: #f3781e; }

.partenaire .doss-tit:after {
  background-color: #f3781e; }

.partenaire .arts-home .tit:after {
  background-color: #f3781e; }

/*end page partenaire */
/* ajout logo sur les articles */
.marque-OT {
  margin-bottom: 20px;
  margin-bottom: 20px;
  margin-bottom: 20px;
  margin-bottom: 30px;
  background-color: #cf323b;
  background-color: #00538c;
  background-color: #a52232;
  text-align: center; }

.marque-mm {
  text-align: center; }

.marque-lm {
  text-align: center; }

/* pub */
.pub, [class^=pub-] {
  display: flex;
  justify-content: center; }

aside.visu-col.visu-col2 .pub-carre {
  text-align: center; }

.pub-header, .pub-intra, .pub-carre {
  margin: 30px 0; }

.pub-mobile {
  display: none; }

.pub-carre-mobile {
  display: none;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center; }

/*.pub-footer, .pub-habillage {background-color:red;}
*/
@media (max-width: 768px) {
  .pub-header {
    display: none; }
  .pub-carre-mobile {
    display: block; }
  .pub-header.pub-mobile {
    display: block; } }

/* widget datepicker */
.widget.block-datepicker {
  padding: 10px;
  background-color: #fff;
  border: solid 1px #dcdcdc; }

.widget.block-datepicker .ui-datepicker-inline {
  width: 100%; }

.widget.block-datepicker .ui-state-highlight, .widget.block-datepicker .ui-widget-content .ui-state-highlight, .widget.block-datepicker .ui-widget-header .ui-state-highlight {
  background: #e41a1a;
  border: 1px solid #a51111;
  color: #ffffff; }

/* amélioration responsive sur-top */
@media (max-width: 1090px) {
  header.surtop > ul:nth-of-type(1), header.surtop > ul:nth-of-type(2) {
    padding-left: 5px; } }

/* taille font dans les articles */
article.art {
  margin-bottom: 20px; }

article.art h2 {
  font-size: 1.7em; }

article.art h3 {
  margin-bottom: 0px;
  font-size: 1.5em; }

article.art h4 {
  font-size: 1.2em; }

article.art h5 {
  font-size: 1em; }

article.art h6 {
  font-size: 0.8em; }

article.art .nbp {
  color: #969696;
  font-size: 0.9em;
  font-style: italic; }

article.art .chapeau {
  font-size: 1.7em;
  font-weight: normal; }

article.art .chapeau b {
  font-weight: normal; }

article.art h2 .chapeau {
  font-size: inherit; }

article.art .intertitre, article.art .intertitre b {
  color: #922611;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em; }

article.art .stitenc {
  color: #922611; }

article.art .miseajour {
  margin-top: 20px; }

article.art .sources {
  color: #a2a2a2;
  font-size: 0.9em;
  font-style: italic; }

article.art .texte1 {
  margin-bottom: 20px; }

article.art .texte1[type="enc"], .encadre {
  padding: 15px;
  margin: 20px 0 20px 0;
  background-color: #f1edec;
  border: solid 1px #ad2e2e; }

article.art .texte1[type="enc"] p, article.art .texte1[type="enc"] p b {
  font-weight: normal; }

article.art .texte1[type="enc"] .stitenc {
  color: #922611; }

article.art .texte1[type="enc"] .intertitre b {
  font-weight: normal; }

article.art .cont h2 {
  font-size: 28px; }

article.art .cont a {
  text-decoration: underline; }

article.art .cont a:hover {
  color: #cf323b; }

article.art .doss-tags {
  margin-top: 20px; }

article.art .encadre h2 {
  color: #3a3a3a;
  color: #cf323b;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2em; }

article.art .bt-somm:before {
  padding-right: 10px;
  font-family: 'icomoon';
  font-size: 1.5em;
  content: "\e915"; }

/* modification footer */
footer ul.resocs li.resocs-officiel:before {
  content: url("../img/picto_officiel_afafaf.png"); }

footer ul.resocs li.resocs-logistique:before {
  content: url("../img/picto_logistique_afafaf.png"); }

footer ul.resocs li.resocs-france:before {
  content: url("../img/picto_officiel_france-route.png"); }

footer ul.resocs li.resocs-supplay:before {
  content: url("../img/picto_officiel_sup.png"); }

footer p.groupe-logo span.foot-logo {
  margin-right: 20px; }

footer .foot-copy a {
  padding: 0 10px 0 10px;
  color: #afafaf;
  text-transform: none; }

p.foot-copy {
  margin-bottom: 20px; }

footer .foot-in .tit-li-foot {
  margin: 5px 0px 5px 0px;
  text-transform: uppercase; }

footer .foot-in form input[type="text"], .bloc-news-burger form input[type="text"] {
  padding: 5px 10px; }

footer .foot-in form p, .bloc-news-burger form p {
  margin-top: 0px; }

footer .foot-in form input[type="button"], .bloc-news-burger form input[type="button"] {
  padding: 5px 10px;
  margin-top: 10px;
  background-color: #262626;
  border: solid 1px #fff;
  border-style: none;
  color: #fff; }

footer .foot-in form input[type="button"]:hover, .bloc-news-burger form input[type="button"]:hover {
  background-color: #922611; }

.bloc-news-burger {
  width: 100%;
  margin-left: 20px;
  font-size: 0.9em; }

footer ul.resocs li a.resocs-logo {
  margin-right: 10px; }

@media (min-width: 961px) {
  footer ul.resocs li:before {
    display: none;
    height: 25px; } }

footer ul.resocs li:before {
  display: none; }

.bloc-news-burger .btn-news {
  display: block;
  padding: 10px;
  margin-top: 15px;
  border: solid 1px #fff;
  cursor: pointer;
  color: #fff;
  text-align: center;
  font-size: 1.2em; }

.bloc-news-burger .btn-news a {
  text-decoration: underline; }

.bloc-news-burger strong {
  font-size: 1.2em; }

.bloc-news-burger .btn-news:hover {
  background-color: #922611; }

.burger .bloc-news-burger {
  width: 88%; }

/* a voir */
div.avoir ul > li a:hover,
div.avoir ul > li a:active,
div.avoir ul > li a:focus,
.art-une .sommaire .tit a:hover,
.art-une .chapo a:hover,
.art-une .sommaire ul li .content a:hover,
.doss-part1-sommaire ul li .content a:hover,
.arts-home .tit a:hover,
.arts-home .chapo a:hover,
.liste-art-une .chapo a:hover,
.liste-art-une .tit a:hover,
.pluslus ul li .cont a:hover {
  color: #922611;
  text-decoration: none;
  transition: all 0.3s ease-in-out; }

a:hover img {
  opacity: 0.8;
  transition: all 0.5s ease-in-out; }

ul.ss-menu > li.abos > div .btn:hover {
  background-color: #f53d48;
  transition: all 0.5s ease-in-out; }

.btn.btn-rouge:hover, .btn.btn-rouge:active {
  background-color: #a52232;
  transition: all 0.5s ease-in-out; }

.btn.btn-trans:hover, .btn.btn-trans:hover a, .btn.btn-trans:active, .btn.btn-trans:active a {
  box-shadow: 0px 0px 0px 0px #fff;
  color: #922611;
  transition: all 0.3s ease-in-out; }

/* board article */
.board .auteurs {
  padding-left: 10px; }

.doss-meta {
  color: #717171; }

/* board sommaire dossier */
p.ausom-int:before {
  font-size: 1em; }

p.ausom-int {
  padding: 15px;
  font-size: 1.2em; }

.ausom .ausom-tit {
  padding: 15px;
  font-weight: 500;
  text-align: center;
  font-size: 1.2em; }

/* amelioration moblie */
@media (max-width: 640px) {
  .visu-col.visu-col1 {
    width: 100%; }
  footer {
    padding-bottom: 50px; }
  footer .tit-li-foot, footer ul.resocs {
    text-align: center; }
  footer ul.resocs li:before {
    width: auto; }
  nav.burger ul.burger-l1 > li > span {
    margin-right: 40px; }
  .board table.social, .board .outils, .mag-som ul li {
    width: 100%; }
  ul.mag-dernum li {
    width: 40%; }
  .mag-som {
    margin: 0px; } }

/* page 404 */
h1.page-404 {
  margin-bottom: 5px;
  color: #922611;
  font-size: 3.5em; }

p.page-404 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 2em; }

a.page-404 {
  padding: 5px 15px;
  margin-top: 20px;
  background-color: #fff;
  border: solid 1px #922611;
  color: #922611;
  font-weight: 700;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; }

a.page-404:hover {
  background-color: #922611;
  color: #fff; }

/* end 404 */
/* style pour nouveau template d'article */
.new-cont-art {
  min-height: 500px;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #fff;
  overflow: hidden; }
  .new-cont-art .board:not(.board-publi-redac) {
    left: 0px !important; }
  .new-cont-art .doss-tit:after {
    background-color: #922611; }
  .new-cont-art article.art figure.pic {
    text-align: center; }
  .new-cont-art article.art a.bt-suite {
    position: relative;
    display: block;
    display: block;
    padding-left: 26px;
    margin-top: 20px;
    margin-top: 20px;
    color: #922611;
    font-weight: 700; }
    .new-cont-art article.art a.bt-suite:after {
      position: absolute;
      top: -5px;
      left: 0px;
      content: url(../img/PDF_file_icon.png); }
  .new-cont-art .visu-col-left img {
    margin-bottom: 10px;
    text-align: center; }
    .new-cont-art .visu-col-left img.img-complement {
      display: block;
      margin-right: auto;
      margin-bottom: 20px;
      margin-left: auto; }
  @media (min-width: 961px) {
    .new-cont-art .board:not(.board-publi-redac) {
      position: static !important; } }
section.art-video {
  padding: 20px;
  margin: 0 20px 20px 20px;
  border: dashed 1px #922611;
  text-align: center; }

@media (min-width: 961px) {
  article.art:not(.art-publi-redac) {
    width: calc(100% - 230px);
    min-height: 500px;
    padding-top: 0px;
    padding-right: 0px;
    margin-right: 0px; }
  article.art-publi-redac {
    width: calc(100% - 320px);
    min-height: 500px;
    padding-top: 0px;
    padding-right: 0px;
    margin-right: 0px; } }

@media (max-width: 960px) {
  section.art-video iframe {
    max-width: 100%; } }

/* style general */
.fright {
  float: right;
  margin-bottom: 30px; }

.clr {
  display: block;
  clear: both; }

/* icon video sur liste */
figure.type-video:before {
  position: absolute;
  top: 37%;
  left: 43%;
  z-index: 10;
  color: rgba(255, 255, 255, 0.8);
  font-family: 'Icomoon';
  font-size: 3em;
  content: "\e908"; }

figure.type-video {
  position: relative; }

/* style article position 1 */
.art1-home > div {
  border: 1px solid #922611; }

.art1-home.home-publi-redac > div {
  border: none !important; }

.art1-home:not(.home-publi-redac) .tit a {
  color: #922611; }

/* recherche avancee */
.rech-avancee .box-actu, .rech-avancee .box-hebdo, .rech-avancee .box-magazine, .rech-avancee .box-date {
  border: solid 1px #922611; }

.rech-avancee label {
  color: #922611; }

.rech-avancee form input[type="submit"] {
  height: 35px;
  background-color: #922611; }

.rech-avancee form.rech input[type="text"] + label {
  background-color: #fff; }

/* end recherche avancee */
/* liste agenda */
#agenda-events-data .surt .date {
  color: #cf323b;
  font-size: 1.5em; }

#agenda-events-data figure {
  width: calc(35% - 3em); }

#agenda-events-data .cont {
  width: calc(70% - 3em); }

/*F_tl.scss*/
/* verrou caché en attente du SSO */
.arts-home .verrou,
.liste-art-une .verrou,
.bloc-int .verrou,
.enimages .verrou {
  display: none;
  /* en attente du SSO */
  z-index: 10;
  float: left;
  width: 30px;
  height: 30px;
  padding: 7px 5px 5px 5px;
  margin-right: 10px;
  font-size: 0.4em;
  line-height: 15px; }

/* bouton de connexion */
/*#TOPABO {display: none;}*/
/* en attente du SSO */
/* CL Supply chain homepage menu */
#SupplyMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin-bottom: 50px;
  background-color: #922611;
  list-style-type: none;
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center; }

@media (min-width: 980px) {
  #SupplyMenu {
    flex-wrap: nowrap;
    justify-content: space-evenly;
    height: 80px; } }

#SupplyMenu li {
  padding: 0.1em 0.8em;
  font-size: 17px; }

#SupplyMenu li:first-of-type {
  -ms-flex-item-align: start;
  flex-grow: 1;
  align-self: flex-start;
  width: 100%;
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1; }

#SupplyMenu li:first-of-type img {
  margin: 0 !important; }

@media (min-width: 980px) {
  #SupplyMenu li:first-of-type {
    text-align: left; } }

@media (min-width: 1024px) {
  #SupplyMenu li {
    white-space: nowrap; } }

#SupplyMenu li a {
  position: relative;
  color: #fff; }

#SupplyMenu li a:hover {
  text-decoration: none; }

#SupplyMenu li a:hover::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #cf3d25;
  content: ""; }

#SupplyMenu li:first-child a:hover::after {
  content: none; }

.mag-atl {
  height: 410px;
  padding: 10px;
  background-color: #f7d8aa; }

.mag-atl img.img-min-vignette {
  height: 160px; }

a.hovery {
  display: inline-block;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 8px;
  padding-left: 20px;
  border: none;
  text-transform: uppercase;
  font-family: inherit;
  font-size: inherit;
  line-height: 1em; }
  a.hovery:hover {
    text-decoration: none !important; }

.pos-btn-actu-art2 {
  position: relative;
  left: 76%; }

.pos-btn-rouge-actu_container {
  margin-bottom: 40px;
  text-align: center; }

.pos-btn-rouge_container {
  text-align: center; }
  .pos-btn-rouge_container .btn {
    width: 46%;
    margin: 10px 30px 10px 30px; }

#NEWSLETTER .bloc-news {
  width: 365px; }
  #NEWSLETTER .bloc-news figure {
    width: 100%; }
  #NEWSLETTER .bloc-news a {
    display: block;
    width: 100%;
    text-align: center; }

p#NEWSLETTER {
  margin-top: 30px;
  margin-bottom: 20px; }

#NEWSLETTER .cont a {
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  text-align: center; }

.btn.btn-gris {
  width: 290px;
  margin-bottom: 10px;
  background-color: #C0BBBB; }

.btn.btn-grisf {
  width: 290px;
  background-color: #666666; }

.tags {
  margin-bottom: 1rem; }

.tag {
  color: #000;
  font-weight: 500;
  letter-spacing: .5px;
  display: inline-block;
  line-height: 1.5em;
  background: #ffd000;
  padding-left: .5em;
  padding-right: .5em;
  margin-right: .5em;
  border-radius: 3px; }

img.supp_img_taille {
  position: relative !important;
  left: 15% !important;
  width: auto !important;
  border: solid 1px #C0BBBB; }

.mag-atl p.widget-int:before {
  position: absolute;
  top: -5px;
  left: -10px;
  width: 9px;
  height: 30px;
  background-color: #CF3D25;
  content: ''; }

p.news-margin {
  margin-bottom: 10px; }

.margin-tit-news {
  margin-top: 10px !important;
  margin-bottom: -15px !important; }

/* modification sommaire pour scm */
ul.ausom-l1 li > span:before {
  content: none; }

ul.ausom-l1 li.active {
  background-color: rgba(0, 0, 0, 0.28); }

ul.ausom-l1 li a {
  display: flex;
  align-items: center; }

ul.ausom-l1 li [class^="icon-"] {
  display: flex;
  vertical-align: middle; }

/* page liste books*/
.liste-books .cont-liste {
  display: flex;
  margin-top: 20px; }
  .liste-books .cont-liste .col-left {
    width: 20%; }
    .liste-books .cont-liste .col-left img {
      display: block;
      float: none;
      margin: 0px;
      margin-right: auto;
      margin-left: auto; }
  .liste-books .cont-liste .col-right {
    width: 80%; }

/* MAGALI page article tableau */
article.art.col-unique {
  float: none;
  width: 100%; }
  article.art.col-unique p.tit {
    padding: 5px;
    background-color: #f7f6f6;
    border-bottom: 1px solid #922611;
    font-size: 1.3em; }
  article.art.col-unique ul.divListe {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    align-content: stretch;
    padding: 5px; }
    article.art.col-unique ul.divListe li {
      display: block;
      flex-grow: 0;
      flex-shrink: 0;
      padding-right: 30px;
      padding-bottom: 20px; }
      article.art.col-unique ul.divListe li a {
        position: relative;
        display: block;
        padding-left: 25px;
        color: #922611;
        font-weight: 700; }
        article.art.col-unique ul.divListe li a:before {
          position: absolute;
          left: 0px;
          display: block;
          width: 20px;
          height: 25px;
          background: url(../img/PDF_file_icon.png) no-repeat;
          background-size: 95%;
          content: ''; }
  article.art.col-unique .inter-titre {
    padding: 15px;
    background-color: #e8e8e8;
    border-top: 1px solid #922611;
    text-align: center;
    font-weigt: 700; }
  article.art.col-unique .divTable {
    display: table;
    width: 100%; }
    article.art.col-unique .divTable .divTableBody {
      display: table-row-group; }
      article.art.col-unique .divTable .divTableBody .divTableRow {
        display: table-row; }
        article.art.col-unique .divTable .divTableBody .divTableRow.TableHead {
          background-color: #e8e8e8;
          border-bottom: 1px solid #922611; }
          article.art.col-unique .divTable .divTableBody .divTableRow.TableHead .divTableCell {
            border: 0px;
            font-weight: 700; }
        article.art.col-unique .divTable .divTableBody .divTableRow.une-ligne {
          display: inline;
          text-align: center; }
        article.art.col-unique .divTable .divTableBody .divTableRow .divTableCell {
          display: table-cell;
          padding: 10px 5px;
          border-top: 1px solid #922611; }
          article.art.col-unique .divTable .divTableBody .divTableRow .divTableCell.vide {
            border-top: 0px; }
            article.art.col-unique .divTable .divTableBody .divTableRow .divTableCell.vide ~ div {
              border-top: 1px solid #d7d7d7; }
          article.art.col-unique .divTable .divTableBody .divTableRow .divTableCell a.link-pdf {
            position: relative;
            display: block;
            padding-left: 25px;
            color: #922611;
            font-weight: 700; }
            article.art.col-unique .divTable .divTableBody .divTableRow .divTableCell a.link-pdf:before {
              position: absolute;
              left: 0px;
              display: block;
              width: 20px;
              height: 25px;
              background: url(../img/PDF_file_icon.png) no-repeat;
              background-size: 72%;
              content: ''; }
          article.art.col-unique .divTable .divTableBody .divTableRow .divTableCell:first-child {
            font-weight: 700; }

/* page article tableau */
/* MAGALI liste appel d'offre */
.visu-col.visu-col1 .liste-2-col section.bloc.arts-home.arts1 > div {
  height: 100%; }

/* nouvelle présentation home */
.ico-gratuit img, .ico-payant img {
  height: 15px; }

.widget.magazine {
  padding: 10px;
  background-color: #fff;
  border: solid 1px #dcdcdc; }
  .widget.magazine .bt {
    margin-top: 20px; }
    .widget.magazine .bt a {
      display: block;
      width: 100%;
      padding: 10px 20px;
      margin-bottom: 10px;
      border-radius: 3px;
      color: #fff;
      text-align: center;
      font-size: 1.8rem; }
      .widget.magazine .bt a:hover {
        opacity: 0.8; }
      .widget.magazine .bt a:first-child {
        background-color: #922611; }
      .widget.magazine .bt a:last-child {
        background-color: #eab81f; }
    .widget.magazine .bt .widget-int {
      text-align: center; }

.visu-cols-2-1 .visu-col.visu-col1 .arts1.home .video iframe {
  display: block;
  width: 100%;
  height: auto;
  min-height: 200px;
  margin: auto;
  margin-bottom: 20px; }

.visu-cols-2-1 .visu-col.visu-col1 .arts1.home .image {
  width: 100%; }

.visu-cols-2-1 .visu-col.visu-col1 .arts1.home .cont .tit {
  margin-top: 5px;
  margin-bottom: 5px; }
  .visu-cols-2-1 .visu-col.visu-col1 .arts1.home .cont .tit a {
    color: #922611;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1rem; }

.visu-cols-2-1 .visu-col.visu-col1 .arts1.home .cont .chapo {
  margin-top: 5px;
  font-size: 1.2em; }

.visu-cols-2-1 .visu-col.visu-col1 .arts1.home .cont .surt {
  font-size: 0.8em; }

.visu-cols-2-1 .visu-col.visu-col1 .arts1.home .cont .image {
  width: 100%;
  margin-bottom: 20px; }

.visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 864px) {
    .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex {
      display: block; } }
  .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col3 {
    width: calc(33% - 15px);
    margin-bottom: 30px; }
    @media (max-width: 864px) {
      .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col3 {
        width: 100%; } }
    .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col3 .tit {
      margin-top: 5px;
      margin-bottom: 5px;
      line-height: 2.5rem; }
      .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col3 .tit a {
        color: #922611;
        font-size: 2.4rem;
        font-weight: 700; }
    .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col3 .chapo {
      font-size: 1.2em;
      line-height: 2.5rem; }
    .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col3 .surt {
      font-size: 0.8em; }
    .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col3 .image {
      width: 100%;
      margin-bottom: 20px; }
  .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col-2 {
    width: calc(50% - 15px);
    padding: 1em;
    margin-bottom: 30px; }
    @media (max-width: 864px) {
      .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col-2 {
        width: 100%; } }
    .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col-2 > div {
      width: 100%; }
      .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col-2 > div .tit {
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 2.5rem; }
        .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col-2 > div .tit a {
          color: #922611;
          font-size: 2.4rem;
          font-weight: 700; }
    .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col-2 .chapo {
      font-size: 1.2em;
      line-height: 2.5rem; }
    .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col-2 .surt {
      font-size: 0.8em; }
    .visu-cols-2-1 .visu-col.visu-col1 .arts1.cont-flex .col-2 .image {
      width: 100%;
      margin-bottom: 20px; }

/* end liste appel d'offre */
@media (max-width: 1024px) {
  body.scm .logo-atl {
    width: 140px; }
  header.top .fl {
    margin-top: 31px; }
  header.top form#TOPRECHFORM.rech {
    left: calc(50% - 600px); } }

@media (max-width: 930px) {
  header.top form#TOPRECHFORM.rech {
    left: calc(50% - 430px);
    width: 190px; }
  body.scm .logo-atl {
    margin: 6px 0 0 5px; } }

@media (min-width: 961px) {
  article.art.art-table {
    float: none;
    width: 100%; } }

@media (max-width: 640px) {
  .visu .col2 {
    display: block; }
    .visu .col2 section.bloc.arts-home.arts1 {
      width: 100%; } }

@media (max-width: 768px) {
  header.top .more {
    display: none; }
  header.top form#TOPRECHFORM.rech {
    display: none; } }

/* Edito dans liste NL */
.bloc-edito {
  padding: 0 !important;
  border-top: none !important; }
  .bloc-edito .col-gauche {
    padding-bottom: 20px;
    padding-left: 20px;
    margin-top: 20px;
    border-left: solid 1px #922611; }

.newsletter {
  position: relative; }

.col-sommaire div.ausom {
  padding-top: 0; }

@media (min-width: 960px) {
  .col-sommaire {
    position: absolute;
    width: 220px; }
    .col-sommaire.sticky {
      position: fixed;
      top: 20px;
      max-height: calc(100vh - 40px);
      overflow: auto; }
    .col-sommaire.stickedToBottom {
      bottom: 0; }
  .nl--liste-articles {
    margin-left: 240px; } }

.nl--liste-articles .tit-2 {
  font-weight: normal;
  color: #922611;
  text-align: center; }

.tag-edito-tt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 !important;
  padding-bottom: 5px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 2em;
  line-height: 1.25em; }
  .tag-edito-tt span {
    padding-right: 1rem;
    padding-bottom: 5px;
    border-bottom: solid 5px #922611; }

/* TODO Patch podcasts à gérer */
.article-list .podcast .article-content {
  padding: 15px; }

/*# sourceMappingURL=scm.css.map */