/* mixin */
/* typo rem ou px pour les vieux navigateur */
/* generic functions */
/* typos */
@import url(https://fonts.googleapis.com/css?family=Amaranth:400,700);
@font-face {
  font-family: 'sacem-regular';
  src: url('../webfont/proximanova-regular-webfont.eot');
  src: url('../webfont/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../webfont/proximanova-regular-webfont.woff') format('woff'), url('../webfont/proximanova-regular-webfont.ttf') format('truetype'), url('../webfont/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
  font-weight: normal !important;
  font-style: normal !important;
}
@font-face {
  font-family: 'sacem-bold';
  src: url('../webfont/proximanova-bold-webfont.eot');
  src: url('../webfont/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../webfont/proximanova-bold-webfont.woff') format('woff'), url('../webfont/proximanova-bold-webfont.ttf') format('truetype'), url('../webfont/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
  font-weight: normal !important;
  font-style: normal !important;
}
@font-face {
  font-family: 'sacem-semibold';
  src: url('../webfont/proximanova-semibold-webfont.eot');
  src: url('../webfont/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../webfont/proximanova-semibold-webfont.woff') format('woff'), url('../webfont/proximanova-semibold-webfont.ttf') format('truetype'), url('../webfont/proximanova-semibold-webfont.svg#proxima_nova_rgsemibold') format('svg');
  font-weight: normal !important;
  font-style: normal !important;
}
@font-face {
  font-family: 'sacem-light';
  src: url('../webfont/proximanova-light-webfont.eot');
  src: url('../webfont/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('../webfont/proximanova-light-webfont.woff') format('woff'), url('../webfont/proximanova-light-webfont.ttf') format('truetype'), url('../webfont/proximanova-light-webfont.svg#proxima_novalight') format('svg');
  font-weight: normal !important;
  font-style: normal !important;
}
/*!
* base sites sacem
*/
/* ----------------------------- */
/* == soft reset                 */
/* ----------------------------- */
/* switching box model for all elements */
.borderBoxMod {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.borderBoxMod * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* soft reset */
html,
body {
  margin: 0;
  padding: 0;
}
img {
  vertical-align: middle;
  border: 0;
}
audio,
canvas,
video {
  display: inline-block;
}
figure {
  margin: 0;
}
ul li {
  list-style-type: none;
}
input {
  margin: 0;
  color: #666;
}
input:focus::-webkit-input-placeholder {
  border-color: transparent;
}
address {
  margin: 0;
  padding: 0;
}
/* ----------------------------- */
/* == typography                 */
/* ----------------------------- */
/* base font-size corresponds to 10px and is adapted to rem unit */
html {
  font-size: 62.5%;
  /* pas de mixin .font-size() ici */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  min-width: 960px;
  background-color: #fff;
  color: #666666;
  font-family: "sacem-regular", arial, sans-serif;
  line-height: 1.2;
}
body > * {
  font-size: 12px;
  font-size: 1.2rem;
}
/* corrige un bug chrome */
h1,
.h1-like {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
}
h2,
.h2-like {
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
}
h3,
.h3-like {
  font-size: 20px;
  font-size: 2rem;
  font-family: "sacem-bold", arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}
h4,
.h4-like {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "sacem-bold", arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}
h5,
.h5-like {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}
h6,
.h6-like {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}
.ttl {
  font-family: "sacem-bold", arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}
.lowerCase {
  text-transform: none;
}
/* section title */
section .borderTtl {
  display: table;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  font-size: 26px;
  font-size: 2.6rem;
  box-sizing: border-box;
  margin-bottom: 30px;
  line-height: 36px;
}
section .borderTtl span {
  padding: 0 20px;
  display: inline-block;
}
section .borderTtl span strong {
  font-family: "sacem-bold", arial, sans-serif;
  font-size: 44px;
  font-size: 4.4rem;
}
section .borderTtl.white {
  /* titres blanc souvent utilisés pour les sections avec image */
  color: #FFF;
}
section .borderTtl.white strong {
  color: #FFF;
}
section .borderTtl:before,
section .borderTtl:after {
  content: "";
  display: table-cell;
  width: 50%;
  background: url("../img/bgd-border-ttl.png") repeat-x left 66%;
  opacity: 0.3;
}
section .borderTtl.cPlus:before,
section .borderTtl.cPlus:after {
  background-image: url("../img/common/bgd-border-ttl-plus.png");
}
section .borderTtl.cMediaT:before,
section .borderTtl.cMediaT:after {
  background-image: url("../img/common/bgd-border-ttl-mediaT.png");
}
section .borderTtl.white:before,
section .borderTtl.white:after {
  background-image: url("../img/common/bgd-border-ttl-white.png");
}
/* nLine = titre avec un nombre de ligne inconu (texte dynamique) */
section .borderTtl.singleLine:before,
section .borderTtl.singleLine:after,
section .borderTtl.nLine:before,
section .borderTtl.nLine:after {
  background-position: left 44%;
  /* bordure des titres avec n line toujours centré */
}
section .borderTtl.nLine {
  white-space: normal;
  /* retour à la ligne auto */
}
section .borderTtl.tripleLine:before,
section .borderTtl.tripleLine:after {
  background-position: left 40%;
}
.pIntro {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Amaranth", arial, sans-serif;
}
.cPlus,
.cPlus a {
  color: #e0005b !important;
}
strong.meaChiffre {
  font-size: 30px;
  font-size: 3rem;
  display: block;
  text-transform: uppercase;
  margin: 5px 0;
  line-height: 27px;
}
strong.meaChiffre span {
  font-family: "sacem-bold", arial, sans-serif;
}
strong {
  font-weight: normal;
  /* seul la typo bold les éléments */
}
a {
  color: #666666;
  text-decoration: none;
}
a.underL {
  text-decoration: underline;
}
/* ----------------------------- */
/* == hiding content             */
/* ----------------------------- */
/* hiding content */
.visually-hidden {
  position: absolute;
  left: -7000px;
  overflow: hidden;
}
/* ----------------------------- */
/* == skip links styling         */
/* ----------------------------- */
.skip-links {
  position: absolute;
}
.skip-links a {
  position: absolute;
  left: -7000px;
  padding: 0.5em;
  background: black;
  color: white;
  text-decoration: none;
}
.skip-links a:focus {
  position: static;
}
/* ----------------------------- */
/* == browsers consistency       */
/* ----------------------------- */
/* avoid top margins on first content element */
p,
ul,
ol,
dl,
blockquote,
pre,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
/* avoid margins on nested elements */
ul,
li p,
li ul,
li,
ol {
  margin: 0;
  padding: 0;
}
/* max values */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video {
  max-width: 100%;
  height: auto;
}
/* scripts */
body > script {
  display: none !important;
}
/* ----------------------------- */
/* ==layout and modules          */
/* ----------------------------- */
/* float layout */
/* module, gains superpower "BFC" Block Formating Context */
.mod:before,
.mod:after {
  clear: both;
  content: " ";
  display: table;
}
/* blocks that needs to be placed under floats */
.clear,
.line,
.row {
  clear: both;
}
br.clear {
  font-size: 0;
  height: 0;
}
/* blocks that must contain floats */
.clearfix:after,
.line:after {
  content: "";
  display: table;
  clear: both;
}
/* table layout */
.row {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.row > *,
.col {
  display: table-cell;
  vertical-align: middle;
}
/* table */
.table {
  display: table;
}
.table .tableCell {
  display: table-cell;
}
.table .tableCell.vMiddle {
  vertical-align: middle;
}
.table .tableCell.vBottom {
  vertical-align: bottom;
}
.table .tableCell.vTxtBottom {
  vertical-align: text-bottom;
}
/* alignments (blocks and inline) */
/* ------------------------------ */
/* left elements */
.left {
  float: left;
}
/* right elements */
.right {
  float: right;
}
/* inversion float for arabic version */
html[dir=rtl] .left {
  float: right;
}
html[dir=rtl] .right {
  float: left;
}
/* generiques class */
.inblList {
  font-size: 0 /* fix strange spacing in inline-block list */;
}
.inbl,
.inblList > li {
  display: inline-block;
  vertical-align: top;
}
.tableList {
  display: table;
}
.tableList li {
  display: table-cell;
}
.inbl > *,
.inblList > li > * {
  font-size: 12px;
  font-size: 1.2rem;
}
.txtLeft {
  text-align: left;
}
.txtRight {
  text-align: right;
}
.txtCenter {
  text-align: center;
}
.txtUpp {
  text-transform: uppercase;
}
.txtLow {
  text-transform: lowercase;
}
.txtTransformInherit {
  text-transform: none !important;
}
.relPos {
  position: relative;
}
.txtB {
  font-family: "sacem-bold", arial, sans-serif;
}
.txtSB {
  font-family: "sacem-semibold", arial, sans-serif;
}
.txtN {
  font-family: "sacem-regular", arial, sans-serif;
}
.txtU {
  text-decoration: underline;
}
.txtI {
  font-style: italic;
}
.txtMl {
  font-size: 12px !important;
  font-size: 1.2rem !important;
  color: #999 !important;
}
.cursorP {
  cursor: pointer;
}
.hide {
  display: none;
}
form input[type=button]:disabled,
form input[type=submit]:disabled {
  opacity: 0.4;
}
.bgdDefault {
  background-color: #f0f0f0;
}
.noBorder {
  border: none !important;
}
.borderLwhite {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.noBoxShadow {
  box-shadow: none !important;
}
.mentionLegales {
  font-style: italic;
  font-size: 14px !important;
  font-size: 1.4rem !important;
}
.btn {
  cursor: pointer;
}
.copyright {
  font-size: 12px !important;
  font-size: 1.2rem !important;
  color: #999999;
}
.bgdInfoWhite {
  background: url(../img/common/bgd-infos.png) 0 center no-repeat;
  padding-left: 45px;
}
span.btn.univMt {
  background-color: #b657d9;
  display: inline-block;
}
span.btn.univMt:hover {
  background-color: #c881e2 !important;
}
span.btn.univMt a {
  color: #FFF;
  background: url(../img/arrow-right.png) right center no-repeat;
}
span.btn.univMt.prev {
  padding-right: 15px;
  background: #999;
}
span.btn.univMt.prev a {
  padding-right: 0;
  padding-left: 28px;
  background: url(../img/arrow-left.png) 0 center no-repeat;
}
span.btn.univMt.prev:hover {
  background-color: #b3b3b3 !important;
}
.defaultGreyLink {
  color: #666;
  background: url(../img/common/puce-arrow-grey.png) 0 4px no-repeat;
  padding-left: 13px;
  display: inline-block;
  font-family: "sacem-regular", arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
.defaultGreyLink:hover {
  color: #808080 !important;
}
.cMediaT,
.cMediaT a {
  color: #b657d9 !important;
}
.pushService {
  background-color: #FFF;
  margin: 0 auto;
  width: 600px;
}
.pushService p {
  font-family: "Amaranth", arial, sans-serif;
}
/* sprite */
.spIcoDoc {
  background: url(../img/common/sp-ico-doc.png) no-repeat;
  height: 36px;
  padding-left: 35px;
  font-family: "sacem-bold", arial, sans-serif;
  font-size: 16px;
  text-align: left;
}
.spIcoDoc.pdf {
  background-position: 0 0;
}
.spIcoDoc.doc {
  background-position: 0 -100px;
}
.spIcoDoc.xls {
  background-position: 0 -200px;
}
.spIcoDoc.ppt {
  background-position: 0 -300px;
}
.spIcoDoc span {
  font-family: "sacem-regular", arial, sans-serif;
}
/* documents download */
.downloadFile {
  font-family: "sacem-bold", arial, sans-serif;
  font-size: 16px;
  text-align: left;
}
.downloadFile a {
  background: url(../img/common/sp-ico-doc.png) no-repeat;
  padding-left: 40px;
  min-height: 40px;
  display: block;
}
.downloadFile.pdf a {
  background-position: 0 0;
}
.downloadFile.doc a {
  background-position: 0 -100px;
}
.downloadFile.xls a {
  background-position: 0 -200px;
}
.downloadFile.ppt a {
  background-position: 0 -300px;
}
.downloadFile span {
  font-family: "sacem-regular", arial, sans-serif;
}
.citation {
  font-family: "Amaranth", arial, sans-serif;
}
.citation:before,
.citation:after {
  background: url(../img/common/sp-quote.png) no-repeat;
  width: 32px;
  height: 25px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.citation:before {
  background-position: 0 0;
}
.citation:after {
  background-position: 0 -30px;
}
.citation.big {
  font-size: 34px;
  font-size: 3.4rem;
}
.citation.big:before,
.citation.big:after {
  background: url(../img/common/sp-big-quote.png) no-repeat;
  width: 53px;
  height: 47px;
}
.citation.big:before {
  background-position: 0 0;
}
.citation.big:after {
  background-position: 0 -53px;
}
/* ----------------------------- */
/* == width helpers              */
/* .. use only when needed       */
/* ----------------------------- */
/* blocks widths (percentage and pixels) */
.contentCenter {
  width: 960px;
  margin: 0 auto;
}
.wAuto {
  width: auto;
}
.w66 {
  width: 66%;
}
.w33 {
  width: 33%;
}
.w260p {
  width: 260px;
}
.w304p {
  width: 304px;
}
/* taille bloc contextuel */
.w386p {
  width: 386px;
}
/* taille bloc contextuel alternatif */
.w468p {
  width: 468px;
}
/* bloc 2 colonnes */
.w550p {
  width: 550px;
}
/* taille bloc gauche alternatif */
.w510p {
  width: 510px;
}
.w632p {
  width: 632px;
}
/* taille bloc gauche */
.w632p.center {
  margin: auto;
}
.w600center {
  width: 600px;
  margin: 0 auto;
}
.w775center {
  width: 775px;
  margin: 0 auto;
}
.w840center {
  width: 840px;
  margin: 0 auto;
}
/* ----------------------------- */
/* == spacing helpers            */
/* .. use only when needed       */
/* ----------------------------- */
/* spacing helpers
*/
.m-reset,
.ma0 {
  margin: 0px !important;
}
.p-reset,
.pa0 {
  padding: 0px !important;
}
.ma1,
.mas {
  margin: 10px;
}
.ma2,
.mam {
  margin: 20px;
}
.ma3,
.mal {
  margin: 30px;
}
.pa1,
.pas {
  padding: 10px;
}
.pa2,
.pam {
  padding: 20px !important;
}
.pa3,
.pal {
  padding: 30px;
}
.mt0,
.mtn {
  margin-top: 0px !important;
}
.mt1,
.mts {
  margin-top: 10px;
}
.mt2,
.mtm {
  margin-top: 20px;
}
.mt3,
.mtl {
  margin-top: 30px;
}
.mr0,
.mrn {
  margin-right: 0px !important;
}
.mr1,
.mrs {
  margin-right: 10px;
}
.mr2,
.mrm {
  margin-right: 20px;
}
.mr3,
.mrl {
  margin-right: 30px;
}
.mb0,
.mbn {
  margin-bottom: 0px !important;
}
.mb05 {
  margin-bottom: 5px !important;
}
.mb1,
.mbs {
  margin-bottom: 10px !important;
}
.mb2,
.mbm {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px;
}
.mb3,
.mbl {
  margin-bottom: 30px !important;
}
.ml0,
.mln {
  margin-left: 0px !important;
}
.ml1,
.mls {
  margin-left: 10px;
}
.ml2,
.mlm {
  margin-left: 20px;
}
.ml3,
.mll {
  margin-left: 30px;
}
.pt0,
.ptn {
  padding-top: 0px !important;
}
.pt1,
.pts {
  padding-top: 10px;
}
.pt2,
.ptm {
  padding-top: 20px;
}
.pt3,
.ptl {
  padding-top: 30px;
}
.pr0,
.prn {
  padding-right: 0px !important;
}
.pr1,
.prs {
  padding-right: 10px;
}
.pr15 {
  padding-right: 15px;
}
.pr2,
.prm {
  padding-right: 20px;
}
.pr3,
.prl {
  padding-right: 30px;
}
.pb0,
.pbn {
  padding-bottom: 0 !important;
}
.pb1,
.pbs {
  padding-bottom: 10px;
}
.pb2,
.pbm {
  padding-bottom: 20px;
}
.pb3,
.pbl {
  padding-bottom: 30px;
}
.pl0,
.pln {
  padding-left: 0px !important;
}
.pl1,
.pls {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pl2,
.plm {
  padding-left: 20px;
}
.pl3,
.pll {
  padding-left: 30px;
}
/* ----------------------------- */
/* == iefix                      */
/* ----------------------------- */
/* inline-block fix IE 7*/
.ie7 .inbl,
.ie7 .inblList > li {
  display: inline;
}
/* hasLayout for IE7 */
.ie7 .clearfix,
.ie7 .line,
.ie7 .mod,
.ie7 .row,
.ie7 .col {
  zoom: 1;
}
.ie8 img {
  width: auto;
  /* @bugfix for IE8 */
}
/* ----------------------------- */
/* == common styles sacem          */
/* ----------------------------- */
/* bloc generique */
/* grille simple en pourcentage */
.grid5 > .blc {
  width: 20%;
  float: left;
}
.grid4 > .blc {
  width: 25%;
  padding: 20px;
  float: left;
  font-size: 14px;
  font-size: 1.4rem;
}
.grid4 > .blc p {
  font-size: 14px;
  font-size: 1.4rem;
}
.grid3 > .blc {
  width: 33%;
  float: left;
}
.grid4 > .blc {
  width: 25%;
  float: left;
}
.grid2 > .blc {
  width: 50%;
  float: left;
  padding-left: 12px;
}
.grid2 > .blc:first-child {
  padding-right: 12px;
  padding-left: 0;
}
.grid2 > .blc .pIntro {
  font-size: 22px;
  font-size: 2.2rem;
}
/* grille simple en pixel */
.pxGrid3 {
  font-size: 16px;
  font-size: 1.6rem;
}
.pxGrid3 .blc {
  width: 304px;
  float: left;
  margin-right: 24px;
}
.pxGrid3 .blc p {
  line-height: 20px;
}
.pxGrid3 .blc p.small {
  font-size: 14px;
  font-size: 1.4rem;
}
.pxGrid3 .blc:last-of-type {
  margin-right: 0px;
}
.pxGrid4 {
  font-size: 16px;
  font-size: 1.6rem;
}
.pxGrid4 .blc {
  width: 222px;
  float: left;
  margin-right: 24px;
}
.pxGrid4 .blc p {
  line-height: 20px;
}
.pxGrid4 .blc p.small {
  font-size: 14px;
  font-size: 1.4rem;
}
.pxGrid4 .blc:last-of-type {
  margin-right: 0px;
}
/* header */
header {
  /* header univers */
}
header .searchPortailArea {
  background: url(../img/common/bgd-search-area-header.gif) 0 0 repeat-x;
}
header .searchPortailArea form {
  position: relative;
}
header .searchPortailArea form input[type="text"] {
  width: 100%;
  background: transparent;
  color: #FFF;
  padding: 0 60px 0 20px;
  height: 40px;
  border: none;
  font-size: 18px;
  font-size: 1.8rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
header .searchPortailArea form input[type="text"]::-webkit-input-placeholder {
  color: #999;
}
header .searchPortailArea form input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}
header .searchPortailArea form input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}
header .searchPortailArea form input[type="text"]:-ms-input-placeholder {
  color: #999;
}
header .searchPortailArea form:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 8px;
  right: 20px;
  bottom: -8px;
  background: url(../img/common/arrow-search-header.png) 0 0 no-repeat;
}
header .sitesArea a {
  padding-right: 18px;
  background: url(../img/common/sp-arrow-menu.png) right -40px no-repeat;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
}
header .sitesArea a img {
  opacity: 0;
  transition: all 0.9s;
  z-index: 0;
  bottom: -15px;
  right: -5px;
  position: absolute;
}
header .sitesArea a.active {
  background-position: right 15px;
}
header .sitesArea a.active img {
  opacity: 1;
  position: absolute;
  bottom: -5px;
}
header .supraNav {
  min-height: 38px;
  background-color: #f5f5f5;
  /* supra nav en mode fixed */
}
header .supraNav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
}
header .supraNav .contentCenter > * {
  height: 38px;
  line-height: 38px;
}
header .supraNav .logo {
  padding: 0 15px 0 0;
}
header .supraNav .sitesArea {
  padding: 0 15px;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
header .supraNav .toolsList li {
  padding: 0 15px;
  border-left: 1px solid #FFF;
  height: 38px;
}
header .supraNav .toolsList li:last-child {
  border-right: 1px solid #FFF;
}
header .supraNav .toolsList #langChoice {
  width: 35px;
  overflow-x: hidden;
  background: url("../img/common/sp-arrow-menu.png") no-repeat scroll right -40px transparent;
}
header .supraNav .toolsList #langChoice select {
  min-width: 80px;
  background-color: transparent;
  border: none;
  font-size: 12px;
  font-size: 1.2rem;
  color: #666666;
  font-family: "sacem-regular", arial, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-appearance: none;
}
header .supraNav .toolsList #langChoice select option {
  background-color: #ffffff;
  color: #000;
}
header .subSupraNav {
  background: #4d4d4d;
  display: block;
  height: 0px;
  overflow: hidden;
  box-sizing: border-box;
  transition: all 0.9s;
  z-index: 1;
  position: relative;
  font-family: "sacem-bold", arial, sans-serif;
  -moz-box-shadow: inset 0px 0px 15px 1px #0b0b0b;
  -webkit-box-shadow: inset 0px 0px 15px 1px #0b0b0b;
  -o-box-shadow: inset 0px 0px 15px 1px #0b0b0b;
  box-shadow: inset 0px 0px 15px 1px #0b0b0b;
}
header .subSupraNav .contentCenter {
  opacity: 0;
  transition: all 0.9s;
}
header .subSupraNav.active {
  height: 92px;
  box-sizing: border-box;
  padding: 20px;
}
header .subSupraNav.active .contentCenter {
  opacity: 1;
}
header .subSupraNav li {
  border-left: 1px solid #5e5e5e;
  padding: 10px 70px 10px 10px;
  min-height: 32px;
}
header .subSupraNav li a {
  color: #FFF;
  opacity: 0.5;
  font-size: 14px;
  font-size: 1.4rem;
}
header .subSupraNav li.active a {
  opacity: 1;
}
header .univNav {
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  z-index: 1;
  /* header d'univers réduit */
}
header .univNav .logo {
  width: 231px;
  color: #FFF;
  padding: 21px 0 0 0;
}
header .univNav .logo .modTitle h1,
header .univNav .logo .modTitle div {
  display: block;
  font-size: 32px;
  font-size: 3.2rem;
  text-transform: uppercase;
  font-family: "sacem-bold", arial, sans-serif;
  line-height: 100%;
}
header .univNav .logo .modTitle h1 a,
header .univNav .logo .modTitle div a {
  color: #FFF;
}
header .univNav .logo .modTitle h1 span,
header .univNav .logo .modTitle div span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "sacem-regular", arial, sans-serif;
  text-transform: none;
  margin-top: -3px;
}
header .univNav .logo .modBackToHome {
  display: none;
  margin-top: 5px;
  font-size: 13px;
  font-size: 1.3rem;
}
header .univNav .logo .modBackToHome a {
  display: block;
  background: url(../img/common/bgd-back-to-sacem.png) 0 3px no-repeat;
  padding: 0 0 0px 55px;
  min-height: 64px;
  font-size: 13px;
  font-size: 1.3rem;
  color: #FFF;
}
header .univNav .logo .modBackToHome a span {
  margin-top: 10px;
  display: inline-block;
}
header .univNav .logo .modBackToHome a strong {
  text-transform: uppercase;
  font-family: "sacem-bold", arial, sans-serif;
  display: inline;
}
header .univNav .logo:hover .modBackToHome {
  display: block;
}
header .univNav .logo:hover .modTitle {
  display: none;
}
header .univNav nav {
  width: 729px;
  background: #FFF;
  padding: 25px 0 25px 0;
  overflow: hidden;
}
header .univNav nav li {
  padding: 10px 28px 10px 10px;
  font-size: 14px;
  font-size: 1.4rem;
  border-right: 1px solid #d9d9d9;
}
header .univNav nav li.active a {
  color: #fd5d61;
}
header .univNav nav li a,
header .univNav nav li .wrapper {
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
}
header .univNav nav li.userAccount {
  border-left: 1px solid #d9d9d9;
  border-right: none;
  position: relative;
  padding: 4px 0 0 20px;
}
header .univNav nav li.userAccount > div {
  cursor: pointer;
  background: url(../img/sp-bgd-connexion.png) 0 3px no-repeat;
  padding: 7px 0 0 45px;
  min-height: 40px;
  position: relative;
}
header .univNav nav li.userAccount > div:after {
  background: url(../img/common/bgd-arrow-subsupranav.png) 0 0 no-repeat;
  width: 19px;
  height: 14px;
  content: "";
  position: absolute;
  bottom: -30px;
  opacity: 0;
  left: 7px;
}
header .univNav nav li.userAccount > div.opened {
  background-position: 0 -117px;
}
header .univNav nav li.userAccount > div.opened:after {
  opacity: 1;
}
header .univNav nav li.userAccount > div.opened .wrapper,
header .univNav nav li.userAccount > div.opened a {
  color: #fd5d61;
}
header .univNav nav li.userAccount > div.in-espace-perso {
  background-position: 0 -117px;
}
header .univNav nav li.userAccount > div.in-espace-perso .wrapper {
  color: #fd5d61;
}
header .univNav nav li.userAccount > div.active {
  background-position: 0 -117px;
}
header .univNav nav li.userAccount > div.active .wrapper,
header .univNav nav li.userAccount > div.active a {
  color: #fd5d61;
}
header .univNav nav li.userAccount:hover > div {
  background-position: 0 -117px;
}
header .univNav nav li.userAccount:hover > div a,
header .univNav nav li.userAccount:hover > div .wrapper {
  color: #fd5d61;
}
header .univNav nav li.search {
  margin-left: 20px;
  padding: 15px;
  display: none;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
}
header .univNav nav li strong {
  text-transform: uppercase;
  display: block;
  font-family: "sacem-bold", arial, sans-serif;
  font-weight: normal;
}
header .univNav.reduced {
  overflow: hidden;
}
header .univNav.reduced.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5000;
}
header .univNav.reduced nav {
  padding: 0;
}
header .univNav.reduced .logo {
  padding: 0;
}
header .univNav.reduced .logo span {
  display: none;
}
header .univNav.reduced .logo .modTitle {
  margin-top: 5px;
}
header .univNav.reduced .logo .modBackToHome {
  margin-top: 7px;
}
header .univNav.reduced .logo .modBackToHome a {
  background-size: 34px 34px;
  background-position: 0 0px;
  padding: 0 0 0 45px;
  min-height: 34px;
}
header .univNav.reduced .logo .modBackToHome a strong {
  font-size: 13px;
  font-size: 1.3rem;
}
header .univNav.reduced .logo .modBackToHome a span {
  margin-top: 0;
  padding-top: 3px;
}
header .univNav.reduced li.userAccount {
  padding: 0 0 0 20px;
}
header .univNav.reduced li.userAccount > div {
  padding: 11px 0 0 42px;
  background-position: 0 8px;
}
header .univNav.reduced li.userAccount > div a:after {
  bottom: -5px;
  left: 62%;
}
header .univNav.reduced li.userAccount > div.opened,
header .univNav.reduced li.userAccount > div.active {
  background-position: 0 -112px;
}
header .univNav.reduced li.userAccount:hover > div {
  background-position: 0 -112px;
}
header .univNav.reduced li.search {
  display: inline-block;
}
/* hover sur la nav et la supranav que pour le desktop */
.no-touch .univNav nav li:hover a {
  color: #fd5d61;
}
.no-touch .subSupraNav li:hover a {
  opacity: 1;
}
/* tools */
.backToTop {
  position: fixed;
  top: 46%;
  right: 20px;
  width: 67px;
  height: 67px;
  cursor: pointer;
  display: none;
  background: url(../img/common/back-to-top.png) 0 0 no-repeat;
  z-index: 4000;
}
/* sections */
.globalContent .toolsBar {
  margin: 20px 0 10px 0;
}
.globalContent .toolsBar li {
  margin-left: 20px;
}
.globalContent .toolsBar .right {
  width: 304px;
}
.globalContent section {
  padding: 40px 0;
  /*&:first-of-type{padding:0 0 40px 0}*/
}
.globalContent section p {
  font-size: 16px;
  font-size: 1.6rem;
}
.globalContent section.bgdSection {
  background-color: #f0f0f0;
  /* attention penser à mettre une couleur de background au titre */
}
.globalContent section.bgdSection .sectionTtl span,
.globalContent section.bgdSection .sectionTtlSingleLine span {
  background-color: #f0f0f0;
}
.globalContent section .toolsBar {
  margin-top: 0;
  padding-top: 20px;
}
.globalContent section .intro {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Amaranth", arial, sans-serif;
  width: 650px;
  margin: 0 auto;
}
.globalContent section .intro-large {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Amaranth", arial, sans-serif;
  width: 800px;
  margin: 0 auto;
}
.globalContent .contentCenter + section {
  padding-top: 0;
}
/* Info bulle */
.infoBulle {
  margin-right: 4px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: text-bottom;
  font-family: "sacem-regular", arial;
}
.infoBulle:before {
  display: none;
  content: " ";
  background: url(../img/common/arrow-info-bulle.png) center 0 no-repeat;
  height: 22px;
  width: 37px;
  position: absolute;
  bottom: -22px;
  left: -7px;
  z-index: 11;
  text-align: center;
}
.infoBulle p {
  font-family: "sacem-regular", arial;
}
.infoBulle.active:before {
  display: block;
}
.infoBulle.active span {
  display: block;
  display: inherit;
}
.infoBulle > span {
  width: 500px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  position: absolute;
  top: 30px;
  left: -255px;
  color: #666666;
  background-color: #ffffff;
  padding: 30px 15px 15px;
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 10;
  cursor: default;
}
.infoBulle > span img.js-close-infoBulle {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
/* colonne template */
.leftCol {
  width: 220px;
  margin-right: 25px;
  /* push */
}
.leftCol .filterMenu.white {
  background: #FFF;
}
.leftCol .accordeonMenu > li {
  border-top: 1px solid #64cdfa;
}
.leftCol .accordeonMenu > li h2,
.leftCol .accordeonMenu > li h3 {
  color: #FFF;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: none;
  padding: 20px;
  background-color: #fd5d61;
  position: relative;
  cursor: pointer;
}
.leftCol .accordeonMenu > li:first-child {
  border-top: 0;
}
.leftCol .accordeonMenu > li div.sub {
  background: #FFF;
  padding: 20px;
  display: none;
}
.leftCol .accordeonMenu > li div.sub li {
  margin-top: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
.leftCol .accordeonMenu > li div.sub li:first-child {
  margin-top: 0;
}
.leftCol .accordeonMenu > li div.sub li a {
  font-size: 14px;
  font-size: 1.4rem;
}
.leftCol .accordeonMenu > li div.sub li.active a,
.leftCol .accordeonMenu > li div.sub li:hover a {
  color: #fd5d61;
}
.leftCol .accordeonMenu > li div.sub li .bgdNb {
  top: -8px;
}
.leftCol .accordeonMenu > li.active h2:after,
.leftCol .accordeonMenu > li.active h3:after {
  width: 25px;
  height: 13px;
  content: "";
  background: url(../img/ico-cursor-quizz.png) 0 0 no-repeat;
  position: absolute;
  bottom: -13px;
  left: 20px;
}
.leftCol .accordeonMenu > li.active div.sub {
  display: block;
}
.leftCol .push {
  margin-top: 20px;
  background: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
}
.leftCol .push p {
  font-size: 14px;
  font-size: 1.4rem;
}
.leftCol .push .ttl {
  font-family: "Amaranth", arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
.leftCol .push .bulletList li {
  font-size: 14px;
  font-size: 1.4rem;
}
.mainCol {
  width: 715px;
}
/* generic bloc */
/* section avec slider */
section.slider {
  width: 100%;
  height: 430px;
  overflow: hidden;
  color: #FFF;
  padding: 0;
  position: relative;
  visibility: hidden;
}
section.slider .pIntro {
  width: 480px;
}
section.slider .pushTtl {
  margin-bottom: 20px;
}
section.slider ul.slick-slider {
  width: auto;
  overflow: hidden;
}
section.slider ul.slick-slider li {
  width: 100%;
  float: left;
  height: 350px;
  padding: 40px 0;
  background-position: center 0 !important;
  /* doit surclasser le js */
  background-repeat: no-repeat !important;
  /* doit surclasser le js */
  background-size: cover !important;
  /* doit surclasser le js */
}
section.slider ul.slick-slider li .pIntro {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: left;
  text-shadow: 0px 0px 1px #afafaf;
}
section.slider ul.slick-slider ul.slick-dots {
  position: absolute;
  bottom: 30px;
  z-index: 10;
  text-align: center;
}
section.slider ul.slick-slider ul.slick-dots li {
  height: 20px;
  width: 20px;
  padding: 0;
  float: none;
}
section.slider ul.slick-slider ul.slick-dots li button:before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: block;
  opacity: 1;
}
section.slider ul.slick-slider ul.slick-dots li.slick-active button:before {
  background-color: #fd5d61;
  border: 1px solid #fd5d61;
  opacity: 1;
}
.whiteBlc,
.borderBlc,
.bgdUniv {
  padding: 20px;
  background: #FFF;
}
.whiteBlc strong,
.borderBlc strong,
.bgdUniv strong {
  font-family: "sacem-bold", arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  /*text-transform:uppercase;*/
}
.whiteBlc .calendarArea,
.borderBlc .calendarArea,
.bgdUniv .calendarArea {
  width: 284px;
}
.whiteBlc .descriptionArea,
.borderBlc .descriptionArea,
.bgdUniv .descriptionArea {
  width: 612px;
}
.bgdUniv {
  padding: 0;
}
.bgdUniv ol.numList > li:before {
  border-color: #FFF;
  color: #FFF;
}
.bgdUniv .bulletList li span,
.bgdUniv .bulletList li {
  color: #FFF;
}
.bgdUniv ol.numList .bulletList {
  margin: 0px 0 20px 50px;
}
.borderBlc {
  background: none;
  border: 1px solid #d9d9d9;
}
/* generic list */
ol.numList {
  counter-reset: listInc;
  margin-bottom: 10px;
}
ol.numList > li {
  list-style-type: none;
  counter-increment: listInc;
  /* on incrémente le compteur à chaque nouveau li */
  margin-bottom: 20px;
  padding-left: 35px;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
}
ol.numList > li:before {
  position: absolute;
  top: -5px;
  left: 0;
  content: counter(listInc);
  /* on affiche le compteur */
  background: transparent;
  border: 2px solid #666666;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #fd5d61;
  font-family: "sacem-bold", arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  width: 22px;
  height: 20px;
  padding-top: 2px;
  text-align: center;
}
ol.numList .bulletList {
  margin: 10px 0 0 50px;
}
.noteList li {
  font-size: 12px;
  font-size: 1.2rem;
  color: #999999;
  margin-bottom: 5px;
}
.checkList li {
  margin-bottom: 15px;
  background: url(../img/common/arrow-valid-list.png) 0 4px no-repeat;
  padding-left: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: top;
}
.checkList li:last-child {
  margin-bottom: 0;
}
.checkList .bulletList {
  padding-left: 20px;
  margin-bottom: 20px;
}
.checkList .bulletList li {
  background: none;
  padding: 0;
}
/* Styles pour l'overlay par defaut */
.overlay-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 5001;
  top: 0;
  left: 0;
}
.overlay-mask.overlay-mask--hidden {
  visibility: hidden;
}
.overlay-mask .overlay-welcome {
  display: block;
  box-sizing: border-box;
  position: fixed;
  left: 50%;
  top: 50%;
  font-size: 16px;
  font-size: 1.6rem;
  max-width: 600px;
  box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px;
}
.overlay-mask .overlay-welcome .overlay-welcome__close {
  position: absolute;
  text-transform: uppercase;
  right: 7px;
  top: 5px;
  font-size: 18px;
  font-size: 1.8rem;
}
.overlay-mask .overlay-welcome .bTop {
  border-top: 1px solid #d9d9d9;
  padding-top: 20px;
  margin-top: 20px;
}
.overlay-mask .overlay-welcome table.regTab {
  border-spacing: 0px;
}
.overlay-mask .overlay-welcome table.regTab tr td {
  margin: 0;
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 20px 10px 20px;
  color: #666666;
}
.overlay-mask .overlay-welcome table.regTab tr td.title {
  background: #f0f0f0;
  font-family: "Sacem-bold", arial;
  text-transform: uppercase;
  border-bottom: none;
  font-size: 13px;
  font-size: 1.3rem;
}
.overlay-mask .overlay-welcome table.regTab tr td.mtt {
  color: #999999;
  font-size: 18px;
  font-size: 1.8rem;
}
.overlay-mask .overlay-welcome .grid2 .blc {
  text-align: left;
}
.overlay-mask .overlay-welcome .grid2 .blc:first-child {
  text-align: right;
}
/* footer */
footer {
  background: #4d4d4d url(../img/common/bgd-center-footer.gif) center 0 repeat-y;
  min-height: 150px;
  color: #FFF;
  -moz-box-shadow: inset 0px 2px 5px 0px #333;
  -webkit-box-shadow: inset 0px 2px 5px 0px #333;
  -o-box-shadow: inset 0px 2px 5px 0px #333;
  box-shadow: inset 0px 2px 5px 0px #333;
}
footer a {
  color: #FFF;
}
footer strong {
  font-weight: normal;
  color: #cccccc;
}
footer p {
  margin-bottom: 10px;
}
footer p + p {
  margin-bottom: 30px;
}
footer .ttl {
  text-transform: uppercase;
  font-family: "sacem-bold", arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 20px;
}
footer .ttl .light {
  font-family: "sacem-regular", arial, sans-serif;
  color: #cccccc;
}
footer ul,
footer li {
  margin: 0;
  padding: 0;
}
footer input {
  height: 40px;
  vertical-align: middle;
}
footer input[type=text] {
  padding: 0 20px;
  background-color: #cccccc;
  border: none;
  width: 220px;
}
footer input[type=button] {
  padding: 0 15px;
  margin-left: -7px;
  border: none;
  height: 40px;
  cursor: pointer;
}
footer .adrArea p {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: arial, verdana;
}
footer .adrArea p + p {
  font-size: 14px;
  font-size: 1.4rem;
}
footer .rsArea li {
  margin-left: 23px;
  vertical-align: middle;
}
footer .rsArea li:first-child {
  margin-left: 0;
}
footer .illus {
  float: left;
}
footer .contentCenter {
  padding: 30px 0;
  min-height: 150px;
}
footer .contextual {
  width: 270px;
  margin: 0 30px 0 0;
}
footer .contextual img {
  margin-bottom: 15px;
}
footer .content {
  margin: 15px 0 0 82px;
  width: 488px;
}
footer .content .left {
  width: 180px;
}
footer .content .left:first-child {
  margin-right: 125px;
}
footer .content .cntMenuList {
  margin-bottom: 30px;
  overflow: hidden;
}
footer .content .cntMenuList li {
  list-style-type: none;
  background: url(../img/common/puce-arrow.png) 0 center no-repeat;
  padding-left: 10px;
}
footer .content .cntMenuList li a {
  color: #cccccc;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
/* page Home actualités */
.pushBlc figure {
  position: relative;
}
.listThematique {
  padding: 30px 0;
}
.listThematique .contentCenter {
  width: 845px;
}
.listThematique h3 {
  text-transform: none;
  margin-bottom: 15px;
}
.listThematique ul > li {
  margin-bottom: 5px;
  width: 265px;
  float: left;
  margin-right: 24px;
}
.listThematique ul li:nth-child(3n+3) {
  margin-right: 0px;
}
.lastActu figure {
  border: 1px solid #D9D9D9;
}
.lastActu figure figcaption {
  min-height: 70px;
}
.lastActu figure figcaption.border {
  border: none;
}
.lastActu figure figcaption h3 {
  text-transform: none;
  font-size: 20px;
  font-size: 2rem;
}
.lastActu figure figcaption p {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.lastActu .spBorder {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #ccc;
}
.mediaTempo h2,
.mediaTempo h3 {
  color: #b657d9;
}
.mediaTempo .pam {
  padding: 5px;
}
.mediaTempo h3 {
  line-height: 20px;
}
.mediaTempo .pushService p {
  line-height: 18px;
}
.mediaTempo .blc + .blc {
  padding: 15px;
}
/* page single article actualité */
.titleArticle .contentCenter {
  position: relative;
}
.titleArticle .borderTtl span strong {
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 34px;
}
.titleArticle .eventActu {
  font-family: "Amaranth", arial, sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #999999;
}
.titleArticle .iconsShareArticle {
  float: right;
  margin: 10px 0;
}
.titleArticle .iconsShareArticle li {
  margin-left: 30px;
}
.articleActualite .dateActu {
  font-size: 14px;
  font-size: 1.4rem;
}
.articleActualite .leftCol h3 {
  font-size: 14px;
  font-size: 1.4rem;
}
.articleActualite .leftCol figure {
  position: relative;
}
.articleActualite .leftCol h4 {
  text-transform: none;
}
.articleActualite .mainCol h3 {
  color: #fd5d61;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
}
.articleActualite .mainCol p {
  margin-bottom: 20px;
}
.articleActualite .mainCol p.introActu {
  font-size: 20px;
  font-size: 2rem;
}
.articleActualite .mainCol p strong {
  font-family: "sacem-bold";
}
.articleActualite .mainCol a {
  color: #fd5d61;
}
.articleActualite .mainCol a:hover {
  text-decoration: underline;
}
.articleActualite .mainCol ul {
  margin-bottom: 40px;
  /* simple liste pour le cms */
}
.articleActualite .mainCol ul li {
  margin-bottom: 5px;
  padding-left: 12px;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
}
.articleActualite .mainCol ul li:before {
  content: "•";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  color: #fd5d61;
  font-size: 20px;
  font-size: 2rem;
  width: 10px;
  height: 16px;
  line-height: 18px;
  display: block;
  font-family: arial, sans-serif;
}
.articleActualite .mainCol img {
  max-width: 715px;
}
.articleActualite .mainCol .downloadFile {
  width: 304px;
  padding-left: 15px;
  margin-bottom: 20px;
  border-left: 1px solid #d9d9d9;
}
.articleActualite .mainCol .downloadFile a {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fd5d61;
  padding-left: 40px;
  margin-bottom: 10px;
  display: block;
  background-image: url(../img/common/sp-ico-download.png);
  background-repeat: no-repeat;
}
.articleActualite .mainCol .downloadFile a strong {
  font-family: "sacem-bold";
  color: #666;
}
.articleActualite .mainCol .downloadFile.file a {
  background-position: 0 0;
}
.articleActualite .mainCol .downloadFile.pdf a {
  background-position: 0 -95px;
}
.articleActualite .mainCol figure {
  margin-bottom: 45px;
}
.articleActualite .mainCol figure.left {
  margin-right: 25px;
}
.articleActualite .mainCol figure.right {
  margin-left: 25px;
}
.articleActualite .mainCol figure .imgLighBox {
  position: relative;
}
.articleActualite .mainCol figure .imgLighBox .hoverImg {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url(../img/ico-loupe-img.png);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}
.articleActualite .mainCol figure .imgLighBox .hoverImg a {
  width: 100%;
  height: 100%;
  display: block;
}
.articleActualite .mainCol figure .imgLighBox:hover .hoverImg {
  display: block;
}
.articleActualite .mainCol figure figcaption {
  text-align: center;
  margin-top: 15px;
}
.articleActualite .mainCol figure figcaption a {
  color: #999999;
}
.articleActualite .mainCol figure iframe {
  margin-bottom: 0;
}
.articleActualite .mainCol iframe {
  margin-bottom: 30px;
  max-width: 715px;
  display: block;
}
.articleActualite .mainCol table {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}
.articleActualite .mainCol table td {
  padding: 10px 0 10px 0;
  border: 5px solid #FFFFFF;
}
.articleActualite .mainCol table thead td {
  text-align: center;
  color: #ffffff;
  background: #4b4b4b;
  font-weight: bold;
  padding: 5px 0;
}
.articleActualite .mainCol table tbody td {
  padding-bottom: 5px;
  border-bottom: 1px solid #4b4b4b;
}
.articleActualite .mainCol table .hidden {
  visibility: hidden;
}
.articleActualite .mainCol table .fckgraytd {
  padding-bottom: 5px;
  padding-left: 5px;
  color: #ffffff;
  background: #4b4b4b;
  font-weight: bold;
  border: 5px solid #FFFFFF;
  border-bottom: none;
  border-top: none;
}
.articleActualite .clear {
  clear: both;
}
.articleActualite .slider {
  width: 632px;
  margin-left: 40px;
}
.articleActualite .slider figure.left {
  margin-right: 0;
  margin-bottom: 0;
}
.articleActualite .slider figure img {
  width: auto !important;
  height: auto;
  margin: 0 auto;
}
.articleActualite .slider figure .imgLighBox {
  line-height: 400px;
  text-align: center;
  width: 632px;
}
.articleActualite .slider figure .imgLighBox .hoverImg {
  height: auto;
}
.articleActualite .slider figure .imgLighBox a {
  width: 632px;
  height: auto;
  vertical-align: middle;
  display: inline-block;
}
.articleActualite .slider-nav {
  width: 653px;
  margin-left: 40px;
}
.articleActualite .slider-nav div.slick-track div {
  width: 140px !important;
  overflow: hidden;
  margin-right: 24px;
  cursor: pointer;
}
.articleActualite .slider-nav div.slick-track div.focus img,
.articleActualite .slider-nav div.slick-track div:hover img {
  opacity: 1;
}
.articleActualite .slider-nav div.slick-track div img {
  opacity: 0.5;
  max-width: 140px;
}
.articleActualite .slider-nav button {
  background: url(../img/common/sp-arrow-slick-carousel.png) 0 0 no-repeat;
  height: 25px;
  width: 25px;
}
.articleActualite .slider-nav button.slick-prev {
  left: -35px;
}
.articleActualite .slider-nav button.slick-next {
  background-position: bottom;
  right: -15px;
}
.articleActualite .slider-nav button.slick-prev:before,
.articleActualite .slider-nav button.slick-next:before {
  content: " ";
}
.articleActualite .slider-nav .slick-slide {
  line-height: 181px;
}
.articleActualite .slider-nav .slick-slide img {
  display: inline-block;
  vertical-align: middle;
}
.articleActualite .slider-nav .slick-current img {
  opacity: 1 !important;
}
/* actu liste article */
.actus .accordeonMenu .sub {
  border: 1px solid #d9d9d9;
  border-top: none;
}
.listeActus .mod {
  border: 1px solid #d9d9d9;
}
.listeActus h4 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 20px;
  color: #999999;
  font-family: "sacem-regular", arial, sans-serif;
  text-transform: none;
}
.listeActus h2 {
  margin-bottom: 10px;
  font-family: "sacem-bold", arial, sans-serif;
  text-transform: uppercase;
}
.listeActus .illus {
  width: 245px;
  height: auto;
  text-align: center;
  position: relative;
}
.listeActus .desc {
  padding: 20px;
  width: 427px;
  height: 141px;
  overflow: hidden;
}
.listeActus .desc.extend {
  width: 674px;
  border: 1px solid #d9d9d9;
  background-color: #FFF;
}
.listeActus p {
  font-size: 16px;
  font-size: 1.6rem;
}
.tagImg {
  position: absolute;
  padding: 5px 15px;
  z-index: 40;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  background-color: #fd5d61;
  color: #fff;
  top: 10px;
}
.tagImg:hover {
  border: 1px solid #fd5d61;
  background-color: #ffffff;
}
.tagImg:hover a {
  color: #fd5d61;
}
.tagImg.posRight {
  right: 10px;
}
.tagImg.posLeft {
  left: 10px;
}
.tagImg a {
  display: block;
  color: #fff;
}
.tagSiteImg {
  position: absolute;
}
.tagSiteImg.posRight {
  right: 0px;
}
.tagSiteImg.posLeft {
  left: 0px;
}
/* Magnigic popup */
body .mfp-bg {
  z-index: 10000;
}
body .mfp-wrap {
  z-index: 10000;
}
body .mfp-wrap .mfp-content {
  z-index: 10000;
}
/* mentions legales */
.pageMentionsLegales h3 {
  margin-bottom: 10px;
  color: #fd5d61;
}
.pageMentionsLegales h2 {
  margin-bottom: 10px;
  color: #fd5d61;
  font-family: "sacem-bold", arial, sans-serif;
  text-transform: uppercase;
}
.pageMentionsLegales .ttl {
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 30px;
}
.pageMentionsLegales ul {
  /* simple liste pour le cms */
}
.pageMentionsLegales ul li {
  margin-bottom: 5px;
  padding-left: 12px;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
}
.pageMentionsLegales ul li:before {
  content: "•";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  color: #fd5d61;
  font-size: 20px;
  font-size: 2rem;
  width: 10px;
  height: 16px;
  line-height: 18px;
  display: block;
  font-family: arial, sans-serif;
}
.pageMentionsLegales ul ul {
  padding-left: 10px;
}
.pageMentionsLegales ul ul li:before {
  content: "";
}
.pageMentionsLegales > ul {
  margin-bottom: 40px;
}
.pageMentionsLegales strong {
  font-family: "sacem-bold", arial, sans-serif;
}
.pageMentionsLegales p {
  margin-bottom: 10px;
}
/* Mentions CNIL/cookies */
.cookie {
  width: 100%;
  height: 70px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left;
  background: #636263;
  background: rgba(99, 98, 99, 0.9);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  color: #FFFFFF;
  z-index: 9999;
}
.cookie a {
  text-decoration: underline;
}
.cookie a:hover {
  text-decoration: none;
}
.cookie a {
  color: #FFFFFF;
}
.cookie_btn {
  background: url(../img/common/cross-circle.png);
  border: none;
  background-repeat: no-repeat;
  cursor: pointer;
  width: 38px;
  height: 38px;
}
/* ----------------------------- */
/* ==forms                       */
/* ----------------------------- */
/* forms items */
form,
fieldset {
  border: none;
  margin: 0;
}
input,
button,
select,
label {
  color: #666;
  display: inline-block;
  vertical-align: middle;
}
legend {
  border: 0;
  white-space: normal;
}
textarea {
  overflow: auto;
  /* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
  min-height: 5em;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  resize: vertical;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  /* clickable input types in iOS */
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Corrects excess space around these inputs in IE8/9 */
}
input[type="search"] {
  -webkit-appearance: textfield;
}
/* 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: #666;
  font-family: "sacem-regular", arial, sans-serif;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #666;
  font-family: "sacem-regular", arial, sans-serif;
}
/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input:focus {
  outline-style: none;
}
/* container pour les elements placés dans le champ : prix ttc, img etc */
.fieldContentEl {
  position: relative;
  display: inline-block;
}
.fieldContentEl input.date {
  background-image: url(../img/ico-calendar.png);
  background-position: 90% center;
  background-repeat: no-repeat;
}
.fieldContentEl .infoIntoField {
  text-transform: uppercase;
  position: absolute;
  right: 20px;
  top: 8px;
}
.fieldContentEl input[type="text"] {
  padding-right: 40px !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.radioLabel {
  margin-right: 10px;
}
/* test curstom form */
.customForm {
  /* Aspect des labels */
  /* Aspect des checkboxes */
  /* Cachons la case à cocher */
  /* on prépare le label */
  /* :before sert à créer la case à cocher */
  /* Aspect général de la coche */
  /* Aspect si "pas cochée" */
  /* Aspect si "cochée" */
  /* aspect désactivée */
  /* styles de la coche (si cochée/désactivée) */
  /* aspect au focus de l'élément */
  /* bouton radio */
  /* :before sert à créer la case à cocher */
  /* select */
  /* for Webkit's CSS-only solution */
  /* Since we removed the default focus styles, we have to add our own */
  /* Select arrow styling */
  /* formulaire avec un style blanc */
}
.customForm label,
.customForm p,
.customForm span {
  font-size: 14px;
  font-size: 1.4rem;
}
.customForm [type="checkbox"]:not(:checked),
.customForm [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.customForm [type="checkbox"]:not(:checked) + label,
.customForm [type="checkbox"]:checked + label {
  position: relative;
  /* permet de positionner les pseudo-éléments */
  padding-left: 25px;
  /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;
  /* affiche un curseur adapté */
}
.customForm [type="checkbox"]:checked + label {
  color: #fd5d61;
}
.customForm [type="checkbox"]:not(:checked) + label:before,
.customForm [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 14px;
  height: 14px;
  /* dim. de la case */
  border: 1px solid #666;
  background: transparent;
}
.customForm [type="checkbox"]:checked + label:before {
  border: 1px solid #fd5d61;
}
.customForm [type="checkbox"]:not(:checked) + label:after,
.customForm [type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 1px;
  left: 3px;
  font-size: 14px;
  color: #666;
  transition: all .2s;
  /* on prévoit une animation */
  font-family: console;
}
.customForm [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  /* coche invisible */
  transform: scale(0);
  /* mise à l'échelle à 0 */
}
.customForm [type="checkbox"]:checked + label:after {
  opacity: 1;
  /* coche opaque */
  transform: scale(1);
  /* mise à l'échelle 1:1 */
  color: #fd5d61;
}
.customForm [type="checkbox"]:disabled + label {
  color: #bbb;
}
.customForm [type="checkbox"]:disabled:not(:checked) + label:before,
.customForm [type="checkbox"]:disabled:checked + label:before {
  border-color: #bbb;
  background-color: #ddd;
}
.customForm [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.customForm [type="checkbox"]:checked:focus + label:before {
  border: 1px dotted #fd5d61;
}
.customForm [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #666;
}
.customForm [type="radio"]:not(:checked),
.customForm [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
.customForm [type="radio"]:not(:checked) + label,
.customForm [type="radio"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}
.customForm [type="radio"]:checked + label {
  color: #fd5d61;
}
.customForm [type="radio"]:not(:checked) + label:before,
.customForm [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 14px;
  height: 14px;
  /* dim. de la case */
  border: 1px solid #666;
  background: transparent;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
}
.customForm [type="radio"]:checked + label:before {
  border: 1px solid #fd5d61;
}
.customForm [type="radio"]:not(:checked) + label:after,
.customForm [type="radio"]:checked + label:after {
  content: '●';
  position: absolute;
  top: 0px;
  left: 2px;
  font-size: 18px;
  line-height: 14px;
  color: #fd5d61;
  transition: all .2s;
  /* on prévoit une animation */
  font-family: console;
}
.customForm [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  /* coche invisible */
  transform: scale(0);
  /* mise à l'échelle à 0 */
}
.customForm [type="radio"]:checked + label:after {
  opacity: 1;
  /* coche opaque */
  transform: scale(1);
  /* mise à l'échelle 1:1 */
  color: #fd5d61;
}
.customForm [type="radio"]:disabled + label {
  color: #666;
}
.customForm [type="radio"]:disabled:not(:checked) + label:before,
.customForm [type="radio"]:disabled:checked + label:before {
  border-color: #bbb;
  background-color: #ddd;
}
.customForm [type="radio"]:disabled:checked + label:after {
  color: #999;
}
.customForm [type="radio"]:checked:focus + label:before {
  border: 1px dotted #fd5d61;
}
.customForm [type="radio"]:not(:checked):focus + label:before {
  border: 1px dotted #666;
}
.customForm [type="text"],
.customForm [type="email"],
.customForm [type="password"] {
  background: #f0f0f0;
  border: none;
  padding: 10px 20px 10px 14px;
  font-family: "sacem-regular", arial, sans-serif;
}
.customForm .customSelect {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border: none;
  background: #f0f0f0;
  /*border:1px solid @colorUniv;*/
}
.customForm .customSelect select {
  display: inline-block;
  border: none;
  padding: 4px 3px 3px 5px;
  margin: 0;
  outline: none;
  /* remove focus ring from Webkit */
  line-height: 1.2;
  background: #f0f0f0;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  padding: 10px 0 10px 10px;
  box-sizing: border-box;
}
.customForm .customSelect select option {
  background: #FFF;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .customForm .customSelect select {
    padding: 10px 30px 10px 10px;
  }
}
.customForm .customSelect select:focus {
  outline: none;
}
.customForm .customSelect:after {
  content: "";
  background: #F0F0F0 url(../img/arrow-select.png) 0 center no-repeat;
  width: 11px;
  height: 37px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 10px 0 4px;
  color: white;
  pointer-events: none;
  padding-bottom: 1px;
}
.customForm .no-pointer-events .customSelect:after {
  content: none;
}
.customForm.white {
  /* case à cocher */
  /* select */
}
.customForm.white [type="checkbox"] + label,
.customForm.white [type="checkbox"]:checked + label {
  color: #FFF;
}
.customForm.white [type="checkbox"]:not(:checked) + label:before,
.customForm.white [type="checkbox"]:checked + label:before {
  border-width: 1px;
  border-style: solid;
  border-color: #fff4f4;
  background-color: #FFF;
}
.customForm.white [type="checkbox"]:disabled + label {
  color: #ddd;
  cursor: inherit;
}
.customForm.white [type="checkbox"]:disabled + label:before {
  background-color: #ddd;
  color: #999;
  border-color: #bbb;
}
.customForm.white [type="checkbox"]:checked:disabled + label:after {
  color: #999;
}
.customForm.white [type="checkbox"]:checked + label:after {
  color: #fd5d61;
}
.customForm.white .customSelect {
  border: 1px solid #FFF;
  background: none;
}
.customForm.white .customSelect select {
  color: #FFF;
  background: transparent;
}
.customForm.white .customSelect select option {
  color: #666;
}
.customForm.white .customSelect:after {
  background: #fd5d61 url(../img/common/arrow-select-white.png) 0 center no-repeat;
}
.customForm.black .customSelect {
  border: 1px solid #666;
  background: none;
}
.customForm.black .customSelect select {
  color: #666;
  background: transparent;
}
.customForm.black .customSelect select option {
  color: #666;
}
.customForm.black .customSelect:after {
  background: url(../img/common/arrow-select-black.png) 0 center no-repeat;
}
.customForm.cPlus {
  /* case à cocher */
}
.customForm.cPlus input[type="checkbox"]:checked + label:before {
  border-width: 1px;
  border-style: solid;
  border-color: #ff7ab0;
  background-color: #FFF;
}
.customForm.cPlus input[type="checkbox"]:checked + label {
  color: #e0005b;
}
.customForm.cPlus input[type="checkbox"]:checked + label:after {
  color: #e0005b;
}
.vMiddle {
  vertical-align: middle;
}
/* ----------------------------- */
/* config societaires styles              */
/* ----------------------------- */
/* ----------------------------- */
/* SDRM styles              */
/* ----------------------------- */
.bgdUniv {
  background-color: #fd5d61;
}
.cUniv,
.cUniv a {
  color: #fd5d61 !important;
}
.cMediaT,
.cMediaT a {
  color: #b657d9 !important;
}
.bTop {
  border-top: 1px solid #d9d9d9;
}
.bgdInfo {
  background: url(../img/link-info-bulle.png) left top no-repeat;
  cursor: pointer;
  min-height: 22px;
  line-height: 25px;
  display: inline-block;
  padding-left: 25px;
}
/* btn & title */
.backLink,
.backLink:hover {
  color: #fd5d61;
  background: url(../img/arrow-univ-left.png) 0 center no-repeat;
  padding-left: 25px;
  height: 21px;
  line-height: 21px;
  display: inline-block;
  font-family: "sacem-bold", arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
.backLinkWhite,
.backLinkWhite:hover {
  color: #FFF;
  background: url(../img/arrow-left.png) 0 center no-repeat;
  padding-left: 25px;
  height: 21px;
  line-height: 21px;
  display: inline-block;
  font-family: "sacem-bold", arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
span.btn {
  padding: 5px 10px;
}
span.btn a {
  padding-right: 28px;
  font-family: "sacem-bold", arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  /*height:21px;*/
  line-height: 21px;
  display: inline-block;
  vertical-align: middle;
}
span.btn.univ {
  background-color: #fd5d61 !important;
  display: inline-block;
}
span.btn.univ:hover {
  background-color: #fe8f92 !important;
}
span.btn.univ a {
  color: #FFF;
  background: url(../img/arrow-right.png) right center no-repeat;
}
span.btn.univ.prev {
  background-color: #999999 !important;
}
span.btn.univ.prev a {
  padding-left: 28px;
  padding-right: 0px;
  background: url(../img/arrow-left.png) left center no-repeat;
}
span.btn.univ.none {
  background-color: #999999 !important;
}
span.btn.univ.none a {
  padding-left: 0px;
  padding-right: 0px;
  background: none;
}
span.btn.univInverse {
  background-color: #FFF;
  display: inline-block;
}
span.btn.univInverse a {
  color: #fd5d61;
  background: url(../img/arrow-univ-right.png) right center no-repeat;
}
span.btn.big {
  padding: 10px 15px;
}
span.btn.big a {
  font-size: 20px;
  font-size: 2rem;
  line-height: 22px;
}
span.btn.more {
  background-color: #fd5d61;
  display: inline-block;
  color: #FFF;
  font-family: "sacem-bold", arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0;
}
span.btn.more a {
  color: #FFF;
  padding: 0;
  position: relative;
  padding: 12px 45px 10px 45px;
  text-align: center;
  height: 21px;
  line-height: 21px;
}
span.btn.more a:before,
span.btn.more a:after {
  position: absolute;
  content: "";
  top: 16px;
  background: url(../img/common/arrow-more.png) 0 0 no-repeat;
  width: 15px;
  height: 10px;
}
span.btn.more a:before {
  left: 15px;
}
span.btn.more a:after {
  right: 15px;
}
span.btn.grey {
  background-color: #999;
  display: inline-block;
}
span.btn.grey a {
  color: #FFF;
  background: url(../img/arrow-right.png) right center no-repeat;
}
/*header d'univers*/
header {
  /* reset des class aussi utilisées avec le proxy */
}
header .right {
  margin: inherit;
  padding: inherit;
  background-color: inherit;
  border-width: 0;
  border-style: inherit;
  border-color: inherit;
  width: auto;
  padding: 10px 0;
  position: absolute;
  display: inline-block;
}
header nav {
  height: 105px;
}
header nav .right {
  padding: 0;
}
header .univNav {
  background: #FFF url(../img/bgd-univ-header.gif) 0 0 repeat-y;
  height: 105px;
}
header .univNav .logo {
  padding-top: 20px;
}
header .univNav .logo .modLogo a {
  height: 70px;
  width: 165px;
  display: block;
  background: url(../img/logo-sdrm.png) 0 0 no-repeat;
}
header .univNav .logo .modLogo a span {
  display: none;
}
header .univNav ul.left {
  margin-left: 0px;
}
header .univNav nav li {
  width: 180px;
  padding-right: 0px !important;
  /* marge interne pour répartir la nav sur toute la largeur */
}
header .univNav nav li:first-child {
  padding-left: 40px;
}
header .univNav nav li:last-child {
  border-right: none;
}
header .univNav nav li:hover a,
header .univNav nav li.active a,
header .univNav nav li .active a {
  color: #fd5d61;
}
header .univNav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
}
header .toolsList #langChoice {
  width: 35px;
  overflow-x: hidden;
  background: url(../img/common/sp-arrow-menu.png) right -50px no-repeat;
}
header .toolsList #langChoice select {
  min-width: 80px;
  background-color: transparent;
  border: none;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "sacem-regular", arial, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-appearance: none;
}
/* Footer */
footer .adrArea p {
  font-size: 12px;
  font-size: 1.2rem;
}
footer .adrArea p + p {
  font-size: 12px;
  font-size: 1.2rem;
}
footer .ttl {
  margin-bottom: 10px;
}
footer .content {
  width: 640px !important;
  margin-left: 20px;
}
footer .content .left {
  width: 210px;
  margin-right: 40px;
}
footer .content .left:first-child {
  margin-right: 45px;
}
footer .content .left:last-child {
  width: 135px;
  margin-right: 0px;
}
footer .content .cntMenuList li {
  background-position: 0 5px;
}
footer .content .cntMenuList li a {
  line-height: 18px;
}
/* title */
section .borderTtl.singleLine {
  color: #fd5d61;
  font-size: 34px;
  font-size: 3.4rem;
  font-family: "sacem-bold", arial, sans-serif;
}
section .borderTtl.singleLine.white {
  color: #FFF;
}
section .borderTtl.singleLine.cPlus {
  color: #e0005b;
}
section .borderTtl span strong {
  color: #fd5d61;
}
section .borderTtl:before,
section .borderTtl:after {
  background-image: url("../img/bgd-border-ttl.png");
}
section .borderTtl.nLine span {
  min-width: 800px;
}
.pushTtl {
  padding: 10px 20px;
  background: #FFF;
  color: #fd5d61;
  font-size: 40px;
  font-size: 4rem;
  display: inline-block;
}
/* Mises en avant */
.home .pIntro {
  font-size: 22px;
  font-size: 2.2rem;
  margin: auto;
  text-align: center;
}
.home .meaSdrm {
  background: url(../img/bgd-sdrm-1.jpg) center 0 no-repeat;
  background-size: cover;
  color: #fff;
}
.home .meaSdrm .pIntro {
  width: 650px;
}
.home .meaSdrm .checkList li {
  margin-bottom: 5px;
}
.home .autorisation .borderTtl {
  margin-bottom: 40px;
}
.home .autorisation .pIntro {
  width: 670px;
}
.home .autorisation .spIcoSdrm {
  margin-top: 50px;
}
.home .autorisation .spIcoSdrm a {
  display: block;
  padding-top: 90px;
  color: #fd5d61;
  font-family: "sacem-bold", arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  background: url('../img/sp-ico-sdrm.png') no-repeat scroll transparent;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
.home .autorisation .spIcoSdrm a:hover {
  opacity: 0.7;
}
.home .autorisation .spIcoSdrm a span {
  padding: 5px 25px;
  background: url('../img/arrow-univ-right.png') no-repeat scroll right center transparent;
}
.home .autorisation .spIcoSdrm .cdVinyle a {
  background-position: center top;
}
.home .autorisation .spIcoSdrm .dvdBluray a {
  background-position: center -368px;
}
.home .autorisation .spIcoSdrm .supportMultimedia a {
  background-position: center -735px;
}
.home .meaGouvernance {
  background: url(../img/bgd-sdrm-2.jpg) center 0 no-repeat;
  background-size: cover;
}
.home .meaGouvernance .pIntro {
  width: 655px;
}
.home .meaGouvernance .whiteBlc {
  padding: 30px 30px 15px;
}
.home .meaGouvernance .whiteBlc h3 {
  font-size: 16px;
  font-size: 1.6rem;
}
.home .meaGouvernance .spIcoDoc.pdf {
  line-height: 36px;
}
.home .meaGouvernance .spIcoDoc.pdf a:hover {
  color: #808080 !important;
}
/* Liste */
.bulletList {
  margin-left: 18px;
}
.bulletList.large {
  min-width: 200px;
}
.bulletList li {
  list-style-type: disc;
  color: #fd5d61;
  margin-bottom: 0px;
  font-size: 14px;
  font-size: 1.4rem;
}
.bulletList li span {
  color: #666666;
}
.bulletList li:last-of-type {
  margin-bottom: 0px;
}
.bulletList.cPlus li {
  list-style-type: disc;
  color: #e0005b;
  margin-bottom: 10px;
}
.bulletList.cPlus li span {
  color: #666666;
}
/* Info bulle */
.infoBulle span {
  width: 309px;
  left: -145px;
  line-height: 18px;
}
/* overlay GGmap */
.overlay-mask .overlay-welcome {
  background-color: #ffffff;
  max-width: 735px;
  padding: 40px;
  padding-right: 30px;
  font-size: 13px;
  font-size: 1.3rem;
}
.overlay-mask .overlay-welcome .grid2 .blc {
  box-sizing: border-box;
  width: 35%;
}
.overlay-mask .overlay-welcome .grid2 .blc iframe {
  width: 100%;
}
.overlay-mask .overlay-welcome .grid2 .blc + .blc {
  width: 65%;
  padding-left: 30px;
  box-sizing: border-box;
}
/* PAGE 404 */
.page404 {
  background: url(../img/common/bgd-404.jpg) center 0 no-repeat;
  background-size: cover;
}
.page404 header .univNav {
  background: #fd5d61 url(../img/bgd-univ-header.gif) -370px 0 repeat-y;
}
.page404 header .univNav .logo {
  margin-bottom: 10px;
}
.page404 section {
  padding-top: 0;
}
.page404 section .borderTtl.singleLine {
  font-size: 44px;
  font-size: 4.4rem;
  margin-bottom: 90px;
  margin-top: 55px;
}
.page404 h3 {
  font-size: 30px;
  font-size: 3rem;
}
/* PAGE Coming soon */
.pageComingSoon {
  background: url(../img/bgd-coming-soon.jpg) center 0 no-repeat;
  background-size: cover;
}
.pageComingSoon header .univNav {
  background: #f15256 url(../img/bgd-univ-header.gif) 0 0 repeat-y;
  color: #FFF;
}
.pageComingSoon header .univNav a {
  color: #ffbfb2;
}
.pageComingSoon header .univNav .logo {
  background-color: #fd5d61;
  padding: 25px 30px 25px 0;
  height: inherit;
}
.pageComingSoon header .univNav .logo:hover .modBackToHome {
  display: none;
}
.pageComingSoon header .univNav .logo:hover .modTitle {
  display: block;
}
.pageComingSoon header .univNav .logo .modLogo .bgdlogo {
  height: 70px;
  width: 165px;
  display: block;
  background: url(../img/logo-sdrm.png) 0 0 no-repeat;
}
.pageComingSoon header .univNav .logo .modLogo .bgdlogo span {
  display: none;
}
.pageComingSoon header .univNav .contentCenter {
  background-color: #f15256;
  position: relative;
}
.pageComingSoon header .univNav .ttlHeader {
  width: 698px;
  float: left;
  font-size: 20px;
  font-size: 2rem;
  font-family: "sacem-bold", arial, sans-serif;
  height: 112px;
  line-height: 112px;
}
.pageComingSoon section {
  padding-top: 0;
}
.pageComingSoon section .borderTtl.singleLine {
  font-size: 44px;
  font-size: 4.4rem;
  margin-bottom: 100px;
  margin-top: 55px;
}
.pageComingSoon .pIntro {
  font-size: 30px;
  font-size: 3rem;
  font-family: "Amaranth", arial, sans-serif;
  color: #ffffff;
  margin-bottom: 100px;
}
/* print styles */
* {
  box-shadow: none !important;
}
/* header print */
.supraNav {
  background-color: #FFF !important;
}
.supraNav .sitesArea,
.supraNav .toolsList {
  display: none !important;
}
header .univNav {
  background-color: #ffffff !important;
  background-image: none !important;
}
header .univNav .contentCenter nav {
  display: none !important;
}
header .univNav .contentCenter .bgdUniv {
  padding: 0 !important;
  color: #fd5d61 !important;
  background-color: #FFF !important;
}
header .univNav .logo:hover .modTitle {
  display: block !important;
}
header .univNav .logo:hover .modBackToHome {
  display: none !important;
}
header .univNav.reduced .logo {
  height: 75px;
}
header .univNav.reduced.fixed {
  position: inherit !important;
}
header .univNav.reduced.fixed .modTitle h1 {
  font-size: 32px !important;
  font-size: 3.2rem !important;
}
.globalContent section {
  background: none !important;
  padding-bottom: 0 !important;
}
/* Forms */
input[type='text'] {
  border: 1px solid #cccccc !important;
}
/* bouton masqué */
.globalContent .toolsBar,
.btn {
  display: none !important;
}
/* supr des background img sur section */
.bgdImg {
  background: none !important;
}
/* texte blanc devient gris foncé */
section p,
section a,
.bgdUniv *,
.bgdUniv a {
  color: #666 !important;
}
/*.accordeonList .sub{
    height:auto !important;
    opacity:1 !important; ne fonctionne pas sur chrome à creuser...
    p{color:#666 !important;}
}*/
.inbenta-interface #logo {
  display: none !important;
}
#inbenta-contents.row {
  width: inherit !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  position: inherit !important;
}
footer,
.contextualPush,
.meaQuestion form {
  display: none !important;
}