@font-face {
  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/EckhardtSlabserifJNL.eot?#iefix-8uzrdv") format("embedded-opentype"), url("/fonts/EckhardtSlabserifJNL.ttf?-8uzrdv") format("truetype"), url("/fonts/EckhardtSlabserifJNL.woff?-8uzrdv") format("woff"), url("/fonts/EckhardtSlabserifJNL.svg?-8uzrdv#EckhardtSlabserifJNL") format("svg");
}
@font-face {
  font-family: "Libre-Baskerville-Regular";
  font-style: normal;
  font-weight: normal;
  src: url('/fonts/LibreBaskerville-Regular.eot');
  src: url('/fonts/LibreBaskerville-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/LibreBaskerville-Regular.woff') format('woff'), url('/fonts/LibreBaskerville-Regular.ttf') format('truetype'), url('/fonts/LibreBaskerville-Regular.svg#LibreBaskerville-Regular') format('svg');
}
@font-face {
  font-family: "Libre-Baskerville-Italic";
  font-style: normal;
  font-weight: normal;
  src: url('/fonts/LibreBaskerville-Italic.eot');
  src: url('/fonts/LibreBaskerville-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/LibreBaskerville-Italic.woff') format('woff'), url('/fonts/LibreBaskerville-Italic.ttf') format('truetype'), url('/fonts/LibreBaskerville-Italic.svg#LibreBaskerville-Italic') format('svg');
}
@font-face {
  font-family: "Open-Sans";
  font-style: normal;
  font-weight: normal;
  src: url('/fonts/OpenSans-CondLight-webfont.eot'), url('/fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-CondLight-webfont.woff') format('woff'), url('/fonts/OpenSans-CondLight-webfont.ttf') format('truetype'), url('/fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open-Sans-Bold";
  font-style: normal;
  font-weight: normal;
  src: url('/fonts/OpenSans-CondBold-webfont.eot'), url('/fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-CondBold-webfont.woff') format('woff'), url('/fonts/OpenSans-CondBold-webfont.ttf') format('truetype'), url('/fonts/OpenSans-CondBold-webfont.svg#open_sanscondensed_light') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* POLICES */
.Baskerville {
  font-family: 'Libre Baskerville', serif;
  font-style: normal;
}
#loadingAuto {
  background: transparent url('/media/img/loading2.gif') center center no-repeat;
  background-size: 100%;
  position: fixed;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100px !important;
  height: 100px !important;
  z-index: 10;
}
/* GENERAL */
div.effect {
  -o-transition-property: all;
  -o-transition: 0.2s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.2s ease-in-out;
  transition-property: all;
  transition: 0.2s ease-in-out;
}
.ombre {
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#555', Direction=135, Strength=2);zoom: 1;*/

}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
p {
  margin: 0px;
}
#blocAlerte,
.blocAlerte {
  width: 100%;
  float: left;
  position: relative;
  padding: 30px;
  margin: 0 0 20px 0;
  background-color: #eb2136;
  color: #ffffff;
  text-align: left;
  line-height: 22px;
}
#blocAlerte.maxWidth,
.blocAlerte.maxWidth {
  max-width: 1160px;
  float: none;
  display: inline-block;
}
#blocAlerte.center,
.blocAlerte.center {
  text-align: center;
}
#blocAlerte.marginMobile,
.blocAlerte.marginMobile {
  margin: 0;
}
#blocAlerte #closeAlerte,
.blocAlerte #closeAlerte,
#blocAlerte .closeAlerte,
.blocAlerte .closeAlerte {
  position: absolute;
  z-index: 2;
  right: 15px;
  top: 15px;
  color: #ffffff;
  font-size: 16px;
}
#blocAlerte #closeAlerte:hover,
.blocAlerte #closeAlerte:hover,
#blocAlerte .closeAlerte:hover,
.blocAlerte .closeAlerte:hover {
  color: #ffffff;
}
#blocAlerte h1,
.blocAlerte h1 {
  float: left;
  color: #FFF;
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
#blocAlerte h1.fontEckhardt,
.blocAlerte h1.fontEckhardt {
  line-height: 70px;
  font-size: 70px;
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: 500;
}
#blocAlerte .contentGrid,
.blocAlerte .contentGrid {
  width: 100%;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 500px));
  grid-auto-rows: auto;
  justify-content: center;
}
#blocAlerte .contentGrid .gridAlerte,
.blocAlerte .contentGrid .gridAlerte {
  max-width: 500px;
  width: 100%;
  display: inline-block;
  text-align: left;
  line-height: normal;
  font-size: 24px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocAlerte .contentGrid .gridAlerte.T16,
.blocAlerte .contentGrid .gridAlerte.T16 {
  line-height: normal;
  font-size: 16px;
}
#blocAlerte .contentGrid .gridAlerte a,
.blocAlerte .contentGrid .gridAlerte a {
  text-decoration: underline;
}
#blocAlerte a,
.blocAlerte a {
  color: #000000;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocAlerte a:hover,
.blocAlerte a:hover {
  color: #716b6b;
}
#blocAlerte a em,
.blocAlerte a em {
  font-family: "Libre-Baskerville-Regular";
}
a {
  text-decoration: none;
  cursor: hand;
  transition: color 0.5s ease-in-out;
  cursor: pointer;
}
.bloc_video {
  width: 620px;
  height: 390px;
}
html,
body {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0px;
  padding: 0;
  /*font-size: 1rem;*/

  font-size: 0px;
  /* evite les espacements verticaux sur display:inline-block */

  font-family: 'Libre Baskerville', serif;
  font-style: normal;
  color: #000000;
  -webkit-text-size-adjust: none;
}
body {
  overflow-x: hidden;
}
h1 {
  font-size: 40px;
  line-height: 40px;
  font-weight: lighter;
  display: inline;
}
h2 {
  font-size: 30px;
  line-height: 30px;
  font-weight: lighter;
  display: inline;
}
h3 {
  font-size: 20px;
  line-height: 20px;
  font-weight: lighter;
  display: inline;
}
.T16 {
  font-size: 16px;
}
.T17 {
  font-size: 17px !important;
}
.T20 {
  font-size: 20px !important;
}
.T22 {
  font-size: 22px;
}
.T28 {
  font-size: 28px;
}
.Eckhardt {
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: 500;
}
.Eckhardt b {
  font-weight: lighter;
}
.openSans {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}
.rouge,
a.rouge,
a.rouge:hover,
a.rouge.active,
a.rouge:focus {
  color: #ee1c2f !important;
}
.gris {
  color: #716a6b !important;
}
.ui-autocomplete-loading {
  background: #ffffff url('https://general.adwm.info/img/loading.gif') right center no-repeat;
}
ul.ui-autocomplete {
  max-width: 187px;
  max-height: 250px;
  overflow-x: scroll;
  overflow-x: hidden;
  outline: none;
}
ul.ui-autocomplete li {
  height: 35px;
  font-family: "Libre-Baskerville-Regular";
  font-size: 14px;
  text-transform: lowercase;
}
ul.ui-autocomplete li.ui-menu-item {
  background: #fff;
  padding: 10px 10px;
}
ul.ui-autocomplete li.ui-menu-item:hover {
  background: #e5e5e5;
  border: none;
  outline: none;
}
.autocompletion-loading {
  position: absolute;
  right: 0px;
  top: 10px;
  z-index: 2;
  color: #383636;
}
/*** tooltipster custom ***/
.tooltipster-content {
  font-size: 13px;
  font-family: 'Libre Baskerville', serif;
  font-style: normal;
  font-weight: 100;
}
.tooltipster-content a {
  color: #ffffff;
}
.g-recaptcha {
  display: inline-block;
  margin: 10px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .autocompletion-loading {
    position: absolute;
    right: 0px;
    top: 40px;
    z-index: 2;
    color: #383636;
  }
}
.fullBlock,
.fullBlock2,
.fullBlock3 {
  width: 100%;
  height: auto;
  position: relative;
}
.fullBlock.bgGris,
.fullBlock2.bgGris,
.fullBlock3.bgGris {
  background-color: #f9f9f9;
}
.fullBlock.bgGrisClair,
.fullBlock2.bgGrisClair,
.fullBlock3.bgGrisClair {
  background-color: #fbfbfb;
}
.fullBlock.paddingHB50,
.fullBlock2.paddingHB50,
.fullBlock3.paddingHB50 {
  padding: 50px 0;
}
.fullBlock.top10,
.fullBlock2.top10,
.fullBlock3.top10 {
  margin: 10px 0 0 0;
}
.fullBlock.top20,
.fullBlock2.top20,
.fullBlock3.top20 {
  margin: 20px 0 0 0;
}
.fullBlock.bgNoir,
.fullBlock2.bgNoir,
.fullBlock3.bgNoir {
  background-color: #000000;
}
.fullBlock {
  float: left;
  text-align: left;
}
.fullBlock2 {
  display: inline-block;
  text-align: center;
}
.fullBlock3 {
  display: inline-block;
  text-align: right;
}
.pageContent {
  float: left;
  width: 100%;
  background-color: #FFF;
  padding: 30px;
}
.autoBlock,
.autoBlock2 {
  width: auto;
  height: auto;
  display: inline-block;
  position: relative;
}
.autoBlock.verticalMiddle,
.autoBlock2.verticalMiddle {
  vertical-align: middle;
}
.autoBlock {
  text-align: left;
}
.autoBlock2 {
  margin: 0 auto;
  text-align: center;
}
.autoBlock2.verticalAlign {
  vertical-align: middle;
}
@font-face {
  font-family: "TRP";
  font-style: normal;
  font-weight: normal;
  src: url("/fonts/TRP.eot?#iefix-8uzrdv") format("embedded-opentype"), url("/fonts/TRP.ttf?-8uzrdv") format("truetype"), url("/fonts/TRP.woff?-8uzrdv") format("woff"), url("/fonts/TRP.svg?-8uzrdv#TRP") format("svg");
}
[class^="icon-"],
[class*=" icon-"] {
  -moz-osx-font-smoothing: grayscale;
  font-family: "TRP";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}
.icon-croix:before {
  content: "\e600";
}
.icon-add_circle:before {
  content: "\e600";
}
.icon-close:before {
  content: "\e602";
}
.icon-close_circle:before {
  content: "\e604";
}
.icon-down_circle:before {
  content: "\e606";
}
.icon-up_circle:before {
  content: "\e608";
}
.icon-user:before {
  content: "\e609";
}
#blocAvoir {
  width: 100%;
  padding: 20px 20px 20px 105px;
  margin: 0 0 20px 0;
  display: inline-block;
  position: relative;
  background-color: #ee1425;
  color: #ffffff;
  font-size: 14px;
}
#blocAvoir:before {
  content: "";
  width: 75px;
  height: 60px;
  position: absolute;
  left: 20px;
  top: 20px;
  background: transparent url('/media/img/pictoAvoir.png') left top no-repeat;
  background-size: 100%;
  margin: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocAvoir #btnClose {
  width: 14px;
  height: 14px;
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 20px;
  background: transparent url('/media/img/pictoCroix.png') left top no-repeat;
  background-size: 100%;
  margin: 0;
  filter: alpha(opacity=75);
  opacity: 0.75;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocAvoir #btnClose:hover {
  filter: alpha(opacity=75);
  opacity: 1;
}
#blocAvoir strong {
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif !important;
  font-weight: 600 !important;
  font-size: 20px;
}
#blocAvoir #btnReduit {
  width: auto;
  float: right;
  position: relative;
  z-index: 5;
  padding: 0 40px 0 0;
  margin: 15px 0 0 0;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  filter: alpha(opacity=75);
  opacity: 0.75;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocAvoir #btnReduit:hover {
  filter: alpha(opacity=75);
  opacity: 1;
}
#blocAvoir #btnReduit:after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  background: transparent url('/media/img/arrow.png') left top no-repeat;
  background-size: 100%;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocAvoir #btnReduit.open {
  margin: 0;
  top: 45px;
}
#blocAvoir #btnReduit.open span {
  display: none;
}
#blocAvoir #btnReduit.open:after {
  transform: rotate(180deg);
}
#blocAvoir #blocReduit {
  width: auto;
  display: none;
  position: relative;
}
#blocAvoir #blocReduit b {
  line-height: 30px;
  font-size: 30px;
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: 500;
}
#blocAvoir #blocReduit hr {
  width: 100%;
  height: 1px;
  line-height: 1px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  margin: 25px 0;
  padding: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal {
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: center;
  font-family: "Libre-Baskerville-Regular";
  /*.police(400);
	.T(18);*/

  /** VARIABLES
	===================================*/

  /** RESET AND LAYOUT
	===================================*/

  /** THEME
	===================================*/

  /* PAGER */

  /* DIRECTION CONTROLS (NEXT / PREV) */

  /* AUTO CONTROLS (START / STOP) */

  /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

}
#blocGlobal a {
  color: #ffffff;
}
#blocGlobal strong {
  font-family: 'Libre Baskerville', serif;
  font-style: normal;
  font-weight: 700;
}
#blocGlobal input:focus,
#blocGlobal textarea:focus {
  outline: none;
}
#blocGlobal .btn {
  width: auto;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  padding: 0 20px;
  margin: 0 0 5px 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  text-transform: uppercase;
  color: #ffffff !important;
  font-family: "Open-Sans-Bold";
  font-weight: 500;
  outline: medium none;
  border: none;
  cursor: pointer;
}
#blocGlobal .btn.rouge {
  background-color: #eb2136;
}
#blocGlobal .btn.rouge:hover {
  background-color: #BC1A2B;
}
#blocGlobal .btn.noir {
  background-color: #000000;
}
#blocGlobal .btn.noir:hover {
  background-color: #5A5656;
}
#blocGlobal .btn.gris {
  background-color: #716b6b;
}
#blocGlobal .btn.gris:hover {
  background-color: #5a5656;
}
#blocGlobal .btn.center {
  margin: 0 auto !important;
}
#blocGlobal .btn.specialPadding {
  padding: 0 10px;
}
#blocGlobal .btnBack {
  position: absolute;
  z-index: 5;
  padding: 0;
  margin: 0;
  left: 0;
  top: 80px;
  width: auto;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  font-size: 16px;
  padding: 0 20px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.7);
}
#blocGlobal .btnBack:hover {
  background-color: #000000;
}
#blocGlobal .btnBack i {
  margin: 0 12px 0 0;
}
#blocGlobal .maxWidth1120,
#blocGlobal .maxWidth1120Absolute {
  max-width: 1120px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
}
#blocGlobal .maxWidth1120.wider1170,
#blocGlobal .maxWidth1120Absolute.wider1170 {
  max-width: 1170px;
}
#blocGlobal .maxWidth1120,
#blocGlobal .maxWidth1160,
#blocGlobal .maxWidth1180,
#blocGlobal .maxWidth950,
#blocGlobal .maxWidth960 {
  display: inline-block;
  position: relative;
}
#blocGlobal .maxWidth1120.on,
#blocGlobal .maxWidth1160.on,
#blocGlobal .maxWidth1180.on,
#blocGlobal .maxWidth950.on,
#blocGlobal .maxWidth960.on {
  height: auto;
  line-height: normal;
  filter: alpha(opacity=75);
  opacity: 1;
  overflow: visible;
}
#blocGlobal .maxWidth1120.off,
#blocGlobal .maxWidth1160.off,
#blocGlobal .maxWidth1180.off,
#blocGlobal .maxWidth950.off,
#blocGlobal .maxWidth960.off {
  height: 0px;
  line-height: 0px;
  filter: alpha(opacity=75);
  opacity: 0;
  overflow: hidden;
}
#blocGlobal .maxWidth1120 .imgSpecs,
#blocGlobal .maxWidth1160 .imgSpecs,
#blocGlobal .maxWidth1180 .imgSpecs,
#blocGlobal .maxWidth950 .imgSpecs,
#blocGlobal .maxWidth960 .imgSpecs {
  display: inline-block;
  vertical-align: middle;
}
#blocGlobal .maxWidth1120 .imgSpecs.width100,
#blocGlobal .maxWidth1160 .imgSpecs.width100,
#blocGlobal .maxWidth1180 .imgSpecs.width100,
#blocGlobal .maxWidth950 .imgSpecs.width100,
#blocGlobal .maxWidth960 .imgSpecs.width100 {
  width: 100px;
}
#blocGlobal .maxWidth1120 .imgSpecs img,
#blocGlobal .maxWidth1160 .imgSpecs img,
#blocGlobal .maxWidth1180 .imgSpecs img,
#blocGlobal .maxWidth950 .imgSpecs img,
#blocGlobal .maxWidth960 .imgSpecs img {
  width: 100%;
}
#blocGlobal .maxWidth1120 .infosSpecs,
#blocGlobal .maxWidth1160 .infosSpecs,
#blocGlobal .maxWidth1180 .infosSpecs,
#blocGlobal .maxWidth950 .infosSpecs,
#blocGlobal .maxWidth960 .infosSpecs {
  display: inline-block;
  vertical-align: middle;
}
#blocGlobal .maxWidth1120 .infosSpecs.specialWidth,
#blocGlobal .maxWidth1160 .infosSpecs.specialWidth,
#blocGlobal .maxWidth1180 .infosSpecs.specialWidth,
#blocGlobal .maxWidth950 .infosSpecs.specialWidth,
#blocGlobal .maxWidth960 .infosSpecs.specialWidth {
  width: 80%;
}
#blocGlobal .maxWidth1160 {
  max-width: 1160px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
}
#blocGlobal .maxWidth1180 {
  max-width: 1180px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
}
#blocGlobal .maxWidth960 {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 300px));
  grid-auto-rows: auto;
  justify-content: center;
  position: relative;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .maxWidth960 .capsuleRbrq {
  width: 300px;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  text-align: center;
  color: rgba(113, 107, 107, 0.75);
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .maxWidth960 .capsuleRbrq:hover {
  color: #716b6b;
  background-color: #ffffff;
}
#blocGlobal .maxWidth960 .capsuleRbrq:hover:before {
  transform: scale(1.2);
  filter: alpha(opacity=75);
  opacity: 1;
}
#blocGlobal .maxWidth960 .capsuleRbrq:before {
  content: "";
  display: block;
  position: relative;
  margin: 0 auto 10px auto;
  filter: alpha(opacity=75);
  opacity: 0.75;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .maxWidth960 .capsuleRbrq#acces-et-horaires:before {
  width: 60px;
  height: 68px;
  background: transparent url('/media/img/pictoAcces.png') left top no-repeat;
  background-size: 100%;
}
#blocGlobal .maxWidth960 .capsuleRbrq#tarifs-et-reservation:before {
  width: 75px;
  height: 60px;
  background: transparent url('/media/img/pictoTarifs.png') left top no-repeat;
  background-size: 100%;
}
#blocGlobal .maxWidth960 .capsuleRbrq#abonnement-et-cartes:before {
  width: 75px;
  height: 60px;
  background: transparent url('/media/img/pictoAbonnement.png') left top no-repeat;
  background-size: 100%;
}
#blocGlobal .maxWidth960 .capsuleRbrq#librairie-2:before {
  width: 70px;
  height: 50px;
  background: transparent url('/media/img/pictoLibrairie.png') left top no-repeat;
  background-size: 100%;
}
#blocGlobal .maxWidth960 .capsuleRbrq#restaurant-2:before {
  width: 60px;
  height: 47px;
  background: transparent url('/media/img/pictoRestaurant.png') left top no-repeat;
  background-size: 100%;
}
#blocGlobal .maxWidth960 .capsuleRbrq#accessibilite:before {
  width: 40px;
  height: 62px;
  background: transparent url('/media/img/pictoAccessibilite.png') left top no-repeat;
  background-size: 100%;
}
#blocGlobal .maxWidth950 {
  max-width: 950px;
  width: 100%;
  text-align: left;
  margin: 0 auto;
  padding: 30px;
  line-height: 22px;
  color: #232323;
  background-color: #ffffff;
}
#blocGlobal .maxWidth950.width785 {
  max-width: 785px;
}
#blocGlobal .maxWidth950 p {
  margin: 10px 0;
}
#blocGlobal .maxWidth950 h1 {
  width: 100% !important;
  display: inline !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  font-size: 27px !important;
  color: #eb2136 !important;
  line-height: 30px !important;
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  text-align: left !important;
}
#blocGlobal .maxWidth950 h1.noMargin {
  margin: 0;
}
#blocGlobal .maxWidth950 h1 span.center {
  width: 100%;
  display: inline-block;
  text-align: center;
}
#blocGlobal .maxWidth950 h2 {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #232323;
  line-height: normal;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
#blocGlobal .maxWidth950 h2.logos img {
  float: none;
}
#blocGlobal .maxWidth950 h2 img {
  float: right;
}
#blocGlobal .maxWidth950 h2 span {
  width: 100%;
  display: inline-block;
}
#blocGlobal .maxWidth950 h2 span.auto {
  width: auto;
}
#blocGlobal .maxWidth950 h2 span span {
  display: inline;
}
#blocGlobal .maxWidth950 h4 {
  width: 100%;
  display: inline;
  margin: 0;
  padding: 0;
  font-weight: lighter;
  font-size: 14px;
}
#blocGlobal .maxWidth950 hr {
  padding: 0;
  margin: 0;
}
#blocGlobal .maxWidth950 hr.special {
  width: 100%;
  float: left;
  margin: 20px 0;
}
#blocGlobal .maxWidth950 .fa-angle-right {
  color: #ff0000;
}
#blocGlobal .maxWidth950 a {
  color: #383636;
}
#blocGlobal .maxWidth950 a:hover {
  color: #716b6b;
}
#blocGlobal .maxWidth950 img.alignright {
  float: right;
  margin: 0 0 0 10px;
}
#blocGlobal .maxWidth950 img.alignleft {
  float: left;
  margin: 0 10px 0 0;
}
#blocGlobal .maxWidth950 iframe,
#blocGlobal .maxWidth950 object,
#blocGlobal .maxWidth950 embed {
  width: 100%;
  border: none;
}
#blocGlobal .maxWidth950 .gallery {
  width: 100%;
  float: left;
  text-align: center;
}
#blocGlobal .maxWidth950 .gallery .gallery-item {
  width: 174px;
  display: inline-block;
  margin: 0 auto 20px auto;
  text-align: center;
}
#blocGlobal .maxWidth950 .gallery img {
  border: 2px solid #cfcfcf;
}
#blocGlobal .maxWidth950 .floatRight {
  width: 50%;
  float: right;
  text-align: left;
  margin: 10px 0 0 0;
}
#blocGlobal .maxWidth950 .floatRight img {
  width: 90%;
  float: right;
}
#blocGlobal .maxWidth950 .floatRight span {
  color: #eb2136;
}
#blocGlobal .maxWidth950 .floatRight h3 {
  width: 100%;
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px;
  color: #232323;
  line-height: normal;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
#blocGlobal .maxWidth950 em {
  font-family: "Libre-Baskerville-Regular";
  font-style: italic;
}
#blocGlobal .maxWidth950 .adhesion {
  width: 50%;
  float: left;
  text-align: left;
}
#blocGlobal .maxWidth950 .adhesion.paddingL30 {
  padding: 0 0 0 30px;
}
#blocGlobal .maxWidth950 .adhesion h1 {
  font-size: 28px !important;
  padding: 0 52% 0 0 !important;
  float: left;
  position: relative;
}
#blocGlobal .maxWidth950 .adhesion h1:before {
  content: "";
  width: 55%;
  height: 336px;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent url('/media/img/pictoCarte.png') left top no-repeat;
  background-size: 100%;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .maxWidth950 .adhesion select {
  width: auto;
  height: 40px;
  display: inline-block;
  background: #716b6b url("/media/img/chevron-down.png") no-repeat scroll 95% center;
  color: #ffffff;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  outline: medium none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  vertical-align: top;
  margin: 20px 5px 10px 5px;
  padding: 0 30px 0 5px;
}
#blocGlobal .maxWidth950 .adhesion select:hover,
#blocGlobal .maxWidth950 .adhesion select:focus {
  background-color: #5a5656;
}
#blocGlobal .maxWidth950 .adhesion .btn {
  width: auto;
  height: 40px;
  line-height: 40px;
  float: right;
  color: #ffffff;
  font-size: 16px;
  padding: 0 20px;
  margin: 20px auto 5px auto !important;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  text-transform: uppercase;
  color: #ffffff !important;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 500;
  outline: medium none;
  border: none;
  cursor: pointer;
  background-color: #716b6b;
}
#blocGlobal .maxWidth950 .adhesion .btn:hover {
  background-color: #5a5656;
}
#blocGlobal .maxWidth950 .adhesion .btn.noFloat {
  float: none;
}
#blocGlobal .maxWidth950 .adhesion .btn.forceFont {
  font-family: 'Open Sans Condensed', sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
}
#blocGlobal .maxWidth950 .adhesion .btn.bgRouge {
  background-color: #e3032d;
  font-size: 16px;
  font-family: 'Open Sans Condensed', sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
}
#blocGlobal .capsuleEdito {
  width: 100%;
  display: inline-block;
  position: relative;
  margin: 10px 0 0 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  line-height: 24px;
}
#blocGlobal .capsuleEdito.forceLineHeight {
  line-height: 16px;
}
#blocGlobal .capsuleEdito img {
  max-width: 165px;
  width: 100%;
  float: left;
  margin: 0 10px 10px 0;
}
#blocGlobal .capsuleEdito .fa-angle-right {
  color: #ff0000;
}
#blocGlobal .capsuleEdito a {
  color: #383636;
}
#blocGlobal .capsuleEdito a:hover {
  color: #716b6b;
}
#blocGlobal .capsuleEdito .rouge {
  color: #ff0000;
}
#blocGlobal .capsuleEdito .noir {
  color: #000000;
}
#blocGlobal .capsuleEdito .rouge,
#blocGlobal .capsuleEdito .noir {
  font-family: "Open-Sans-Bold";
  font-size: 16px;
  text-transform: uppercase;
  line-height: 0px;
}
#blocGlobal .capsuleEdito .rouge.specialTitle,
#blocGlobal .capsuleEdito .noir.specialTitle {
  line-height: 16px !important;
}
#blocGlobal .capsuleEdito .rouge em,
#blocGlobal .capsuleEdito .noir em {
  font-family: "Open-Sans-Bold";
}
#blocGlobal .capsuleEdito section {
  line-height: 24px;
}
#blocGlobal .capsuleEdito section .offresLink {
  width: 100%;
  float: left;
  position: relative;
  margin: 10px 0;
}
#blocGlobal .capsuleEdito section .pictoLink {
  color: #ff0000;
  float: left;
  margin: 0 5px 0 0;
}
#blocGlobal .capsuleEdito em {
  font-family: "Libre-Baskerville-Regular";
}
#blocGlobal hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #eeeeee currentcolor currentcolor;
  border-image: none;
  border-style: solid none none;
  border-width: 1px 0 0;
  margin-bottom: 20px;
  margin-top: 20px;
}
#blocGlobal .maxWidth1120Absolute {
  position: absolute;
  text-align: left;
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
  top: 50%;
  transform: translateY(-50%);
}
#blocGlobal #blocEntete {
  width: 100%;
  height: 110px;
  /*display:inline-block;*/

  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  text-align: center;
  font-size: 16px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
  /*** menu caché ***/

  /*** nouveau menu ***/

}
#blocGlobal #blocEntete.noBackground {
  background: none;
  background-color: #ffffff;
}
#blocGlobal #blocEntete.noBackground ul#nav > li a:not(.noCss) {
  color: #000000;
}
#blocGlobal #blocEntete.noBackground ul#nav > li .pictoUser:before,
#blocGlobal #blocEntete.noBackground ul#nav > li .pictoUser:hover:before {
  width: 16px;
  height: 16px;
  background: transparent url('/media/img/pictoUserBlack.png') no-repeat scroll center center / auto 100%;
}
#blocGlobal #blocEntete.noBackground ul#nav > li .pictoUser:after,
#blocGlobal #blocEntete.noBackground ul#nav > li .pictoUser:hover:after {
  width: 16px;
  height: 16px;
  background: transparent url('/media/img/pictoUserRouge.png') no-repeat scroll center center / auto 100%;
}
#blocGlobal #blocEntete.noBackground ul#nav > li .pictoPanier:before,
#blocGlobal #blocEntete.noBackground ul#nav > li .pictoPanier:hover:before {
  width: 16px;
  height: 16px;
  background: transparent url('/media/img/pictoBagBlack.png') no-repeat scroll center center / auto 100%;
}
#blocGlobal #blocEntete.noBackground ul#nav > li .pictoPanier:after,
#blocGlobal #blocEntete.noBackground ul#nav > li .pictoPanier:hover:after {
  width: 16px;
  height: 16px;
  background: transparent url('/media/img/pictoBagRouge.png') no-repeat scroll center center / auto 100%;
}
#blocGlobal #blocEntete.noBackground ul#nav > li .pictoBurger:before,
#blocGlobal #blocEntete.noBackground ul#nav > li .pictoBurger:hover:before {
  width: 16px;
  height: 16px;
  background: transparent url('/media/img/pictoBurgerBlack.png') no-repeat scroll center center / auto 100%;
}
#blocGlobal #blocEntete.noBackground ul#nav > li .pictoBurger:after,
#blocGlobal #blocEntete.noBackground ul#nav > li .pictoBurger:hover:after {
  width: 16px;
  height: 16px;
  background: transparent url('/media/img/pictoBurgerRouge.png') no-repeat scroll center center / auto 100%;
}
#blocGlobal #blocEntete.noBackground ul#nav > li ul.menu li ul.sub-menu li a {
  color: #ffffff !important;
}
#blocGlobal #blocEntete.noBackground #logoEntete {
  background: transparent url('/media/img/logo_TRP2.png') left top no-repeat;
  background-size: 100%;
}
#blocGlobal #blocEntete ul#nav {
  width: auto;
  list-style: none;
  text-align: left;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 20px 0 0 20px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete ul#nav > li {
  width: auto;
  height: auto;
  line-height: normal;
  display: flex;
  position: relative;
  vertical-align: middle;
  margin: 0 25px 0 0;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  color: #ffffff;
  text-transform: uppercase;
}
#blocGlobal #blocEntete ul#nav > li a:not(.noCss) {
  color: #ffffff;
}
#blocGlobal #blocEntete ul#nav > li a:not(.noCss):hover {
  color: #BC1A2B;
}
#blocGlobal #blocEntete ul#nav > li:nth-child(5) {
  margin-left: auto;
}
#blocGlobal #blocEntete ul#nav > li #logo {
  width: 140px;
  height: 82px;
  display: flex
					position:relative;
  z-index: 10;
  background: transparent url('/media/img/logo_TRP.png') left top no-repeat;
  background-size: 100%;
  top: 12px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete ul#nav > li.menu .fa-bars {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete ul#nav > li.compte {
  max-width: 150px;
}
#blocGlobal #blocEntete ul#nav > li a {
  display: flex;
  align-items: center;
}
#blocGlobal #blocEntete ul#nav > li .pictoUser {
  padding: 0 0 0 18px;
}
#blocGlobal #blocEntete ul#nav > li .pictoBurger {
  padding: 0 22px 0 0;
}
#blocGlobal #blocEntete ul#nav > li .pictoUser:before,
#blocGlobal #blocEntete ul#nav > li .pictoPanier:before {
  content: "";
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  margin: 0 auto;
  text-align: center;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete ul#nav > li .pictoBurger:before {
  content: "";
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  margin: 0 auto;
  text-align: center;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete ul#nav > li .pictoUser:hover:before,
#blocGlobal #blocEntete ul#nav > li .pictoPanier:hover:before,
#blocGlobal #blocEntete ul#nav > li .pictoBurger:hover:before {
  opacity: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete ul#nav > li .pictoUser:after,
#blocGlobal #blocEntete ul#nav > li .pictoPanier:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  margin: 0 auto;
  text-align: center;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete ul#nav > li .pictoBurger:after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  margin: 0 auto;
  text-align: center;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete ul#nav > li .pictoUser:hover:after,
#blocGlobal #blocEntete ul#nav > li .pictoPanier:hover:after,
#blocGlobal #blocEntete ul#nav > li .pictoBurger:hover:after {
  opacity: 1;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete ul#nav > li .pictoUser:before,
#blocGlobal #blocEntete ul#nav > li .pictoUser:hover:before {
  width: 16px;
  height: 16px;
  background: transparent url('/media/img/pictoUserWhite.png') no-repeat scroll center center / auto 100%;
}
#blocGlobal #blocEntete ul#nav > li .pictoUser:after,
#blocGlobal #blocEntete ul#nav > li .pictoUser:hover:after {
  width: 16px;
  height: 16px;
  background: transparent url('/media/img/pictoUserRouge.png') no-repeat scroll center center / auto 100%;
}
#blocGlobal #blocEntete ul#nav > li .pictoPanier:before,
#blocGlobal #blocEntete ul#nav > li .pictoPanier:hover:before {
  width: 16px;
  height: 16px;
  background: transparent url('/media/img/pictoBagWhite.png') no-repeat scroll center center / auto 100%;
}
#blocGlobal #blocEntete ul#nav > li .pictoPanier:after,
#blocGlobal #blocEntete ul#nav > li .pictoPanier:hover:after {
  width: 16px;
  height: 16px;
  background: transparent url('/media/img/pictoBagRouge.png') no-repeat scroll center center / auto 100%;
}
#blocGlobal #blocEntete ul#nav > li .pictoBurger:before,
#blocGlobal #blocEntete ul#nav > li .pictoBurger:hover:before {
  width: 16px;
  height: 12px;
  background: transparent url('/media/img/pictoBurgerWhite.png') no-repeat scroll center center / auto 100%;
}
#blocGlobal #blocEntete ul#nav > li .pictoBurger:after,
#blocGlobal #blocEntete ul#nav > li .pictoBurger:hover:after {
  width: 16px;
  height: 12px;
  background: transparent url('/media/img/pictoBurgerRouge.png') no-repeat scroll center center / auto 100%;
}
#blocGlobal #blocEntete ul#nav > li .pictoPanier .compteur-panier {
  min-width: 24px;
  height: 15px;
  line-height: 15px;
  background-color: #ee1425;
  color: #ffffff;
  position: absolute;
  z-index: -1;
  right: -38px;
  text-align: center;
  font-size: 12px;
  -moz-border-radius: 0.75em;
  -webkit-border-radius: 0.75em;
  border-radius: 0.75em;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 400;
}
#blocGlobal #blocEntete ul#nav > li .cacher {
  display: inline-block;
  vertical-align: middle;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete ul#nav > li .menu {
  display: block;
  padding: 0;
  margin: 0;
}
#blocGlobal #blocEntete ul#nav > li .menu li {
  display: inline-block;
  position: relative;
}
#blocGlobal #blocEntete ul#nav > li .menu li:first-child {
  margin-left: 0;
}
#blocGlobal #blocEntete ul#nav > li .menu li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}
#blocGlobal #blocEntete ul#nav > li .menu li a {
  padding: 0 15px;
}
#blocGlobal #blocEntete ul#nav > li .menu li ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: auto;
  /*230px*/

  position: absolute;
  left: 0px;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
  background: rgba(0, 0, 0, 0.8);
}
#blocGlobal #blocEntete ul#nav > li .menu li ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 5px 0;
}
#blocGlobal #blocEntete ul#nav > li .menu li ul li a {
  font-weight: normal;
  display: block;
  color: #ffffff;
  font-size: 16px;
}
#blocGlobal #blocEntete ul#nav > li .menu ul ul {
  left: 169px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}
#blocGlobal #blocEntete ul#nav > li .menu li > ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}
#blocGlobal #blocEntete #logoEntete {
  width: 140px;
  height: 82px;
  position: absolute;
  z-index: 10;
  background: transparent url('/media/img/logo_TRP.png') left top no-repeat;
  background-size: 100%;
  right: 20px;
  top: 12px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete .aside {
  max-width: 320px;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 2000;
  width: 0px;
  min-width: 0px;
  -o-transition-property: all;
  -o-transition: 1s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 1s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 1s ease-in-out;
  transition-property: all;
  transition: 1s ease-in-out;
  text-transform: uppercase;
  overflow: hidden;
}
#blocGlobal #blocEntete .aside.in {
  max-width: 320px;
  width: 100%;
}
#blocGlobal #blocEntete .aside #boxscroll {
  width: 320px;
  height: 100%;
  overflow: auto;
}
#blocGlobal #blocEntete .aside .asideContent {
  width: 100%;
  display: inline-block;
  padding: 30px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
}
#blocGlobal #blocEntete .aside .asideContent .menu-close {
  width: 15px;
  height: 15px;
  line-height: 10px;
  float: right;
  position: relative;
  cursor: pointer;
  font-size: 20px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  background-image: url("/media/img/cross-menu.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  padding: 0 60px 0 0;
  margin: 25px 0 0 0;
  text-align: left;
}
#blocGlobal #blocEntete .aside .asideContent .menu-close:before {
  content: "";
  opacity: 1;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  right: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  background: transparent url('/media/img/cross-menu.svg') no-repeat scroll center center / auto 100%;
}
#blocGlobal #blocEntete .aside .asideContent .menu-close:hover:before {
  opacity: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  background: transparent url('/media/img/cross-menu.svg') no-repeat scroll center center / auto 100%;
}
#blocGlobal #blocEntete .aside .asideContent .menu-close:after {
  content: "";
  opacity: 0;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  right: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete .aside .asideContent .menu-close:hover:after {
  opacity: 1;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete .aside .asideContent .menu-close span {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  vertical-align: middle;
}
#blocGlobal #blocEntete .aside .asideContent .menu-close:hover {
  color: #716b6b;
}
#blocGlobal #blocEntete .aside .asideContent ul#menu {
  width: auto;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 40px 0 0 0;
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li {
  width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 15px 0 0 0;
  font-size: 19px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  color: #000000;
  text-transform: uppercase;
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a {
  color: #000000;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a:hover {
  color: #eb2136;
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .fa-twitter,
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .fa-facebook-f,
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .fa-instagram,
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .icon-dailymotion,
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .fa-linkedin,
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .icon-podcast,
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .icon-ventscontraires {
  color: #b2a6a6;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  margin: 20px 15px 0 0;
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .fa-twitter:hover,
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .fa-facebook-f:hover,
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .fa-instagram:hover,
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .icon-dailymotion:hover,
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .fa-linkedin:hover,
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .icon-podcast:hover,
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .icon-ventscontraires:hover {
  color: #D8D2D2;
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .icon-dailymotion:before {
  content: "\e601";
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .icon-podcast:before {
  content: "\e605";
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a .icon-ventscontraires:before {
  content: "\e607";
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li a.smallFont {
  font-size: 16px;
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li ul.ssmenu {
  width: auto;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0;
  display: none;
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li ul.ssmenu > li {
  width: 100%;
  height: auto;
  display: inline-block;
  position: relative;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 100;
  margin: 0;
  padding: 0 0 0 30px;
  overflow: hidden;
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li ul.ssmenu > li a {
  color: #232323;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li ul.ssmenu > li a:hover {
  color: #000000;
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li ul.ssmenu > li a.smallFont {
  font-size: 16px;
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li ul.ssmenu > li .fa-arrow-right {
  position: absolute;
  top: 3px;
  left: -30px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocEntete .aside .asideContent ul#menu > li ul.ssmenu > li:hover .fa-arrow-right {
  left: 10px;
}
#blocGlobal #blocEntete #blocRecherche {
  width: 100%;
  height: 120px;
  position: absolute;
  background-color: #eb2136;
  padding: 30px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  z-index: 999;
}
#blocGlobal #blocEntete #blocRecherche.cacher {
  top: -300px;
}
#blocGlobal #blocEntete #blocRecherche.show {
  top: 0;
}
#blocGlobal #blocEntete #blocRecherche input::-moz-placeholder,
#blocGlobal #blocEntete #blocRecherche input::-webkit-input-placeholder,
#blocGlobal #blocEntete #blocRecherche input:-ms-input-placeholder {
  color: #ffffff;
}
#blocGlobal #blocEntete #blocRecherche input[type="search"] {
  width: 95%;
  float: left;
  background-color: #eb2136;
  border-bottom: solid 1px #ffffff;
  border-left: none;
  border-top: none;
  border-right: none;
  box-shadow: none;
  color: #ffffff;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  height: auto;
  text-transform: uppercase;
  padding: 0 10px 10px 10px;
  -webkit-appearance: none;
  -webkit-appearance: textfield;
}
#blocGlobal #blocEntete #blocRecherche input[type="submit"] {
  float: left;
  background-image: url("/media/img/search.svg");
  background-repeat: no-repeat;
  background-color: #eb2136;
  border: medium none;
  height: 38px;
  text-indent: -99999px;
  width: 5%;
}
#blocGlobal #blocEntete #overlayRecherche {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 900;
}
#blocGlobal #blocEntete #overlayRecherche.cacher {
  display: none;
}
#blocGlobal #blocEntete #overlayRecherche.show {
  display: inline;
}
#blocGlobal .bx-wrapper {
  max-width: 1730px !important;
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
#blocGlobal .bx-wrapper img {
  max-width: 100%;
  width: 100%;
}
#blocGlobal .bx-wrapper .bx-viewport {
  /* fix other elements on the page moving (in Chrome) */

  -webkit-transform: translateZ(0);
}
#blocGlobal .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('/images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
#blocGlobal .bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
#blocGlobal .bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
#blocGlobal .bx-wrapper .bx-prev {
  left: 10px;
  background: url('/images/controlsBxSlider.png') no-repeat 0 -32px;
  display: none;
}
#blocGlobal .bx-wrapper .bx-next {
  right: 10px;
  background: url('/images/controlsBxSlider.png') no-repeat -43px -32px;
  display: none;
}
#blocGlobal .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
#blocGlobal .bx-wrapper .bxslider {
  list-style: none;
  margin: 0;
  padding: 0;
}
#blocGlobal .bx-wrapper .bxslider li .contentPh {
  position: relative;
}
#blocGlobal .bx-wrapper .bxslider li .img-responsive {
  display: none;
}
#blocGlobal .bx-wrapper .bx-caption {
  max-width: 320px;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2%;
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  padding: 30px;
  text-align: center;
  font-size: 14px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .bx-wrapper .bx-caption .dateSpec,
#blocGlobal .bx-wrapper .bx-caption h2,
#blocGlobal .bx-wrapper .bx-caption .txtSlide {
  width: 100%;
  display: inline-block;
  position: relative;
  margin: 0 0 20px 0;
}
#blocGlobal .bx-wrapper .bx-caption .dateSpec a:hover,
#blocGlobal .bx-wrapper .bx-caption h2 a:hover,
#blocGlobal .bx-wrapper .bx-caption .txtSlide a:hover {
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  color: #b2a6a6;
}
#blocGlobal .bx-wrapper .bx-caption .txtSlide {
  font-size: 16px;
}
#blocGlobal .bx-wrapper .bx-caption .dateSpec {
  font-size: 18px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 100;
  text-transform: uppercase;
}
#blocGlobal .bx-wrapper .bx-caption h2 {
  padding: 0;
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 40px;
  font-size: 40px;
}
#blocGlobal .bx-wrapper .bx-pager,
#blocGlobal .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
#blocGlobal .bx-wrapper .bx-pager.bx-default-pager a {
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #ffffff !important;
}
#blocGlobal .bx-wrapper .bx-pager.bx-default-pager a:hover,
#blocGlobal .bx-wrapper .bx-pager.bx-default-pager a.active,
#blocGlobal .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #ffffff;
}
#blocGlobal .bx-wrapper .bx-pager-item,
#blocGlobal .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
#blocGlobal .bx-wrapper .bx-prev:hover,
#blocGlobal .bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
#blocGlobal .bx-wrapper .bx-next:hover,
#blocGlobal .bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
#blocGlobal .bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
#blocGlobal .bx-wrapper .bx-controls-auto {
  text-align: center;
}
#blocGlobal .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('/images/controlsBxSlider.png') -86px -11px no-repeat;
  margin: 0 3px;
}
#blocGlobal .bx-wrapper .bx-controls-auto .bx-start:hover,
#blocGlobal .bx-wrapper .bx-controls-auto .bx-start.active,
#blocGlobal .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
#blocGlobal .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('/images/controlsBxSlider.png') -86px -44px no-repeat;
  margin: 0 3px;
}
#blocGlobal .bx-wrapper .bx-controls-auto .bx-stop:hover,
#blocGlobal .bx-wrapper .bx-controls-auto .bx-stop.active,
#blocGlobal .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
#blocGlobal .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
#blocGlobal .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
#blocGlobal .contenuPage {
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 14px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  /*** audio ***/

  /*** responsive column ***/

  /* clearfix */

}
#blocGlobal .contenuPage.bgGrisClair {
  background-color: #e2dede;
  padding: 50px 10px;
}
#blocGlobal .contenuPage.bgGrisClair.padding0 {
  padding: 0 10px;
}
#blocGlobal .contenuPage.bgGrisClair h1 {
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 5;
  padding: 0;
  left: 0;
  right: 0;
  text-align: center;
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: 500;
  font-size: 70px;
  line-height: normal;
  text-transform: uppercase;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  color: #000000;
  margin: 100px auto 50px auto;
}
#blocGlobal .contenuPage.bgGris {
  background-color: #b2a6a6;
  padding: 40px 10px;
}
#blocGlobal .contenuPage.bgGrisFonce {
  background-color: #252525;
  padding: 60px 10px;
}
#blocGlobal .contenuPage.fondVisuelSpectacle {
  width: 100%;
  float: left;
  position: relative;
  min-height: 500px;
  overflow: hidden;
  text-align: center;
  background-color: #000000;
}
#blocGlobal .contenuPage.fondVisuelSpectacle.heightSpectacle h1 {
  margin: 15% auto 0 auto;
}
#blocGlobal .contenuPage.fondVisuelSpectacle.noDisplay {
  display: none;
}
#blocGlobal .contenuPage.fondVisuelSpectacle img {
  width: 100%;
  position: fixed;
  left: 0;
}
#blocGlobal .contenuPage.fondVisuelSpectacle h1 {
  max-width: 730px;
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 5;
  padding: 0;
  margin: 10% auto 0 auto;
  padding: 0 0 90px 0;
  line-height: normal;
  text-align: center;
  color: #ffffff;
  line-height: 70px;
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: 500;
  font-size: 70px;
  text-transform: uppercase;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage.fondVisuel {
  min-height: 400px;
}
#blocGlobal .contenuPage.fondVisuel2 {
  min-height: 600px;
}
#blocGlobal .contenuPage.fondVisuel,
#blocGlobal .contenuPage.fondVisuel2 {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  text-align: left;
  background-color: #000000;
}
#blocGlobal .contenuPage.fondVisuel.noDisplay,
#blocGlobal .contenuPage.fondVisuel2.noDisplay {
  display: none;
}
#blocGlobal .contenuPage.fondVisuel img,
#blocGlobal .contenuPage.fondVisuel2 img {
  width: 100%;
  position: fixed;
  left: 0;
}
#blocGlobal .contenuPage.fondVisuel h1,
#blocGlobal .contenuPage.fondVisuel2 h1 {
  max-width: 730px;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  padding: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  line-height: normal;
  text-align: center;
  color: #ffffff;
  line-height: 70px;
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: 500;
  font-size: 70px;
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage .podcast {
  width: 100%;
  float: left;
  background-color: #716b6b;
  color: #ffffff;
  font-size: 15px;
  text-align: left;
  padding: 20px 13px;
}
#blocGlobal .contenuPage .podcast.noPadding {
  padding: 0;
}
#blocGlobal .contenuPage .podcast .libelle {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  box-sizing: border-box;
  display: block;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  margin: 0;
  padding: 7px 10px;
  position: absolute;
  text-transform: uppercase;
  top: 10px;
  z-index: 5;
  font-size: 16px;
}
#blocGlobal .contenuPage .podcast a.txt {
  width: auto;
  display: inline-block;
  color: #cfcfcf;
  margin: 10px 0 0 0;
}
#blocGlobal .contenuPage .podcast .date {
  width: auto;
  display: inline-block;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
  margin: 40px 0 0 0;
}
#blocGlobal .contenuPage .podcast .date.noMargin {
  margin: 0;
}
#blocGlobal .contenuPage .podcast .date .fa-volume-up {
  font-size: 22px;
}
#blocGlobal .contenuPage .audio {
  width: 100%;
  float: left;
  background-color: #0E1316;
  text-align: left;
  padding: 5px 13px;
}
#blocGlobal .contenuPage .audio .audioplayer audio {
  width: 100% !important;
  visibility: visible !important;
  height: auto !important;
  float: left;
}
#blocGlobal .contenuPage #titleNoVisuel {
  width: 100%;
  display: inline-block;
  position: relative;
  margin: 75px 0;
  text-align: center;
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: normal;
  text-transform: uppercase;
}
#blocGlobal .contenuPage #titleNoVisuel h1 {
  margin: 0;
  padding: 0;
  line-height: normal;
  color: #000000;
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: 500;
  font-size: 70px;
  text-transform: uppercase;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage #rechToggle {
  width: 100%;
  height: 40px;
  line-height: 40px;
  position: absolute;
  z-index: 6;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: none;
  font-size: 19px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  text-align: center;
  text-transform: uppercase;
}
#blocGlobal .contenuPage #txtEntier,
#blocGlobal .contenuPage .txtEntier {
  width: 100%;
  float: left;
  display: none;
  /*margin: 20px 0 0 0;*/

  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage .suite-txt {
  width: auto;
  display: none;
  /*margin: 20px 0 0 0;*/

  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage #voirPlus,
#blocGlobal .contenuPage .voirPlus,
#blocGlobal .contenuPage .next-txt {
  width: auto;
  float: left;
  margin: 10px 0 0 0;
  padding: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  color: #000000;
  font-size: 20px;
}
#blocGlobal .contenuPage #voirPlus:hover,
#blocGlobal .contenuPage .voirPlus:hover,
#blocGlobal .contenuPage .next-txt:hover {
  color: #eb2136;
}
#blocGlobal .contenuPage .next-txt {
  width: 70%;
  float: none;
  display: inline-block;
  position: relative;
  margin: 0;
}
#blocGlobal .contenuPage form#formSpecEvt,
#blocGlobal .contenuPage #formTexte {
  position: absolute;
  z-index: 5;
  top: -100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage form#formSpecEvt #choixRech,
#blocGlobal .contenuPage #formTexte #choixRech {
  width: 100%;
  height: auto;
  display: inline-block;
  font-size: 0px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage form#formSpecEvt #choixRech #datepicker,
#blocGlobal .contenuPage #formTexte #choixRech #datepicker {
  max-width: 130px;
  width: 100%;
  height: 40px;
  display: inline-block;
  outline: medium none;
  border: none;
  background-color: #716b6b;
  color: #ffffff;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  padding: 0 10px;
  margin: 0 5px 10px 5px;
  background: #716b6b url("/media/img/chevron-down.png") no-repeat scroll 95% center;
  line-height: normal;
  text-align: left;
  vertical-align: top;
}
#blocGlobal .contenuPage form#formSpecEvt #choixRech #datepicker:hover,
#blocGlobal .contenuPage #formTexte #choixRech #datepicker:hover,
#blocGlobal .contenuPage form#formSpecEvt #choixRech #datepicker:focus,
#blocGlobal .contenuPage #formTexte #choixRech #datepicker:focus {
  background-color: #5a5656;
}
#blocGlobal .contenuPage form#formSpecEvt #choixRech .btn,
#blocGlobal .contenuPage #formTexte #choixRech .btn {
  margin: 0 5px 10px 5px;
}
#blocGlobal .contenuPage form#formSpecEvt #choixRech select,
#blocGlobal .contenuPage #formTexte #choixRech select {
  max-width: 170px;
  width: 100%;
  height: 40px;
  display: inline-block;
  background: #716b6b url("/media/img/chevron-down.png") no-repeat scroll 95% center;
  color: #ffffff;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  outline: medium none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  vertical-align: top;
  margin: 0 5px 10px 5px;
  padding: 0 0 0 5px;
}
#blocGlobal .contenuPage form#formSpecEvt #choixRech select:hover,
#blocGlobal .contenuPage #formTexte #choixRech select:hover,
#blocGlobal .contenuPage form#formSpecEvt #choixRech select:focus,
#blocGlobal .contenuPage #formTexte #choixRech select:focus {
  background-color: #5a5656;
}
#blocGlobal .contenuPage form#formSpecEvt #choixRech label,
#blocGlobal .contenuPage #formTexte #choixRech label {
  width: auto;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  color: #716b6b;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}
#blocGlobal .contenuPage form#formSpecEvt #choixRech #pictoRech,
#blocGlobal .contenuPage #formTexte #choixRech #pictoRech {
  height: 40px;
  margin: 0 5px 10px 5px;
  padding: 0 0 0 20px;
  position: relative;
  background-color: #e2dede;
}
#blocGlobal .contenuPage form#formSpecEvt #choixRech #pictoRech:before,
#blocGlobal .contenuPage #formTexte #choixRech #pictoRech:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 5;
  background: transparent url('/media/img/pictoRech.png') left top no-repeat;
  background-size: 100%;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage form#formSpecEvt #choixRech input#libTexte,
#blocGlobal .contenuPage #formTexte #choixRech input#libTexte,
#blocGlobal .contenuPage form#formSpecEvt #choixRech input#rechTexte,
#blocGlobal .contenuPage #formTexte #choixRech input#rechTexte {
  width: auto;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555555;
  display: inline-block;
  font-size: 14px;
  height: 34px;
  line-height: 22px;
  padding: 6px 12px;
  margin: 0 5px 10px 5px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  font-family: 'Libre Baskerville', serif;
  font-style: normal;
  font-weight: 400;
}
#blocGlobal .contenuPage form#formSpecEvt #choixRech input#artiste,
#blocGlobal .contenuPage #formTexte #choixRech input#artiste {
  width: auto;
  vertical-align: middle;
  background-image: none;
  color: #716b6b;
  display: inline-block;
  border: none;
  background: transparent;
  font-size: 16px;
  height: 40px;
  line-height: normal;
  padding: 6px 12px;
  margin: 0 5px 10px 5px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
}
#blocGlobal .contenuPage form#formSpecEvt #choixRech input#rechTexte,
#blocGlobal .contenuPage #formTexte #choixRech input#rechTexte {
  height: 40px;
  margin: 0 0 5px 30px;
}
#blocGlobal .contenuPage form#formSpecEvt #choixRech#formTexte select,
#blocGlobal .contenuPage #formTexte #choixRech#formTexte select {
  float: left;
  margin-right: 20px;
}
#blocGlobal .contenuPage .maxWidth1140 {
  max-width: 1140px;
  width: 100%;
  height: auto;
  display: inline-block;
  position: relative;
  margin: 30px auto 0 auto;
}
#blocGlobal .contenuPage .maxWidth1140 .capsule {
  width: 262px;
  height: auto;
  display: inline-block;
  position: relative;
  margin: 0 8px 20px 8px;
  padding: 30px 10px 35px;
  text-align: left;
  color: #000000;
  background-color: #ffffff;
  font-size: 14px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  text-align: center;
  vertical-align: top;
}
#blocGlobal .contenuPage .maxWidth1140 .capsule a {
  color: #000000;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage .maxWidth1140 .capsule a:hover {
  color: #716b6b;
}
#blocGlobal .contenuPage .maxWidth1140 .capsule img,
#blocGlobal .contenuPage .maxWidth1140 .capsule iframe,
#blocGlobal .contenuPage .maxWidth1140 .capsule object {
  width: 100%;
  height: auto;
  display: inline-block;
}
#blocGlobal .contenuPage .maxWidth1140 .capsule .date {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}
#blocGlobal .contenuPage .maxWidth1140 .capsule .cycle {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 16px;
  text-transform: uppercase;
}
#blocGlobal .contenuPage .maxWidth1140 .capsule h2 {
  width: 100%;
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  text-transform: uppercase;
  display: inline-block;
  margin: 10px 0;
  padding: 0;
  color: #eb2136;
}
#blocGlobal .contenuPage .maxWidth1140 .capsule img {
  margin: 30px 0;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec {
  width: 262px;
  height: auto;
  display: inline-block;
  position: relative;
  vertical-align: top;
  text-align: center;
  margin: 0 8px 20px 8px;
  padding: 0 0 30px 0;
  font-size: 14px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec.bgBlanc {
  background-color: #ffffff;
  color: #000000;
  text-align: center;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec.bgRouge {
  background-color: #eb2136;
  color: #ffffff;
  padding: 30px;
  text-align: left;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec.bgRouge:hover {
  background-color: #bc1a2b;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec.bgRouge a {
  color: #ffffff;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec.bgRouge .fa {
  font-size: 22px;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec.bgRouge .share {
  background-color: #ffffff;
  box-sizing: border-box;
  color: #eb2136;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  height: 30px;
  left: 10px;
  margin: 20px 0 0 0;
  padding: 4px 0;
  position: relative;
  text-align: center;
  width: 30px;
  display: inline-block;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec.bgRouge .share:before {
  border-bottom: 5px solid transparent;
  border-right: 5px solid #ffffff;
  border-top: 5px solid transparent;
  content: " ";
  height: 0;
  left: -5px;
  position: absolute;
  top: 10px;
  width: 0;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec img,
#blocGlobal .contenuPage .maxWidth1140 .autourSpec iframe,
#blocGlobal .contenuPage .maxWidth1140 .autourSpec object {
  width: 100%;
  height: auto;
  display: inline-block;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec .libelle {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  box-sizing: border-box;
  display: block;
  font-family: "Open-Sans-Bold";
  padding: 7px 10px;
  position: absolute;
  text-transform: uppercase;
  left: 10px;
  top: 10px;
  z-index: 5;
  color: #ffffff;
  font-size: 16px;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec .contenantTxt {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  padding: 0 15px;
  text-align: left;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec .contenantTxt.center {
  text-align: center;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec .contenantTxt .cycle {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 16px;
  text-transform: uppercase;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec .contenantTxt h1 {
  width: 100%;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  margin: 20px 0 10px 0;
  padding: 0;
  color: #eb2136;
  text-transform: uppercase;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec .contenantTxt h2 {
  width: 100%;
  font-family: "Libre-Baskerville-Regular";
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  margin: 10px 0;
  padding: 0;
  color: #000000;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec .contenantTxt p {
  float: left;
  margin: 10px 0 0 0;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec .contenantTxt a {
  color: #888888;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec .contenantTxt section {
  line-height: 20px;
}
#blocGlobal .contenuPage .maxWidth1140 .autourSpec img {
  margin: 0 0 10px 0;
}
#blocGlobal .contenuPage .gridSpec,
#blocGlobal .contenuPage .grid {
  margin: 30px auto 0 auto;
}
#blocGlobal .contenuPage .gridSpec:after,
#blocGlobal .contenuPage .grid:after {
  content: '';
  display: block;
  clear: both;
}
#blocGlobal .contenuPage .gridSpec .grid-item,
#blocGlobal .contenuPage .grid .grid-item,
#blocGlobal .contenuPage .gridSpec .element-item,
#blocGlobal .contenuPage .grid .element-item {
  width: 262px;
  height: auto;
  float: left;
  position: relative;
  margin: 0 12px 25px 12px;
  padding: 30px 10px 35px;
  text-align: left;
  color: #000000;
  background-color: #ffffff;
  font-size: 14px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  text-align: center;
}
#blocGlobal .contenuPage .gridSpec .grid-item a,
#blocGlobal .contenuPage .grid .grid-item a,
#blocGlobal .contenuPage .gridSpec .element-item a,
#blocGlobal .contenuPage .grid .element-item a {
  color: #000000;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage .gridSpec .grid-item a:hover,
#blocGlobal .contenuPage .grid .grid-item a:hover,
#blocGlobal .contenuPage .gridSpec .element-item a:hover,
#blocGlobal .contenuPage .grid .element-item a:hover {
  color: #716b6b;
}
#blocGlobal .contenuPage .gridSpec .grid-item img,
#blocGlobal .contenuPage .grid .grid-item img,
#blocGlobal .contenuPage .gridSpec .element-item img,
#blocGlobal .contenuPage .grid .element-item img,
#blocGlobal .contenuPage .gridSpec .grid-item iframe,
#blocGlobal .contenuPage .grid .grid-item iframe,
#blocGlobal .contenuPage .gridSpec .element-item iframe,
#blocGlobal .contenuPage .grid .element-item iframe,
#blocGlobal .contenuPage .gridSpec .grid-item object,
#blocGlobal .contenuPage .grid .grid-item object,
#blocGlobal .contenuPage .gridSpec .element-item object,
#blocGlobal .contenuPage .grid .element-item object {
  width: 100%;
  height: auto;
  display: inline-block;
}
#blocGlobal .contenuPage .gridSpec .grid-item .date,
#blocGlobal .contenuPage .grid .grid-item .date,
#blocGlobal .contenuPage .gridSpec .element-item .date,
#blocGlobal .contenuPage .grid .element-item .date {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}
#blocGlobal .contenuPage .gridSpec .grid-item .cycle,
#blocGlobal .contenuPage .grid .grid-item .cycle,
#blocGlobal .contenuPage .gridSpec .element-item .cycle,
#blocGlobal .contenuPage .grid .element-item .cycle {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 16px;
  text-transform: uppercase;
}
#blocGlobal .contenuPage .gridSpec .grid-item h2,
#blocGlobal .contenuPage .grid .grid-item h2,
#blocGlobal .contenuPage .gridSpec .element-item h2,
#blocGlobal .contenuPage .grid .element-item h2 {
  width: 100%;
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  text-transform: uppercase;
  display: inline-block;
  margin: 10px 0;
  padding: 0;
  color: #eb2136;
}
#blocGlobal .contenuPage .gridSpec .grid-item img,
#blocGlobal .contenuPage .grid .grid-item img,
#blocGlobal .contenuPage .gridSpec .element-item img,
#blocGlobal .contenuPage .grid .element-item img {
  margin: 30px 0;
}
#blocGlobal .contenuPage .gridSpec .grid-item2,
#blocGlobal .contenuPage .grid .grid-item2,
#blocGlobal .contenuPage .gridSpec .element-item,
#blocGlobal .contenuPage .grid .element-item {
  width: 549px;
  height: auto;
  float: left;
  position: relative;
  margin: 0 12px 25px 12px;
  text-align: left;
  color: #000000;
  background-color: #ffffff;
  font-size: 0px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  text-align: center;
}
#blocGlobal .contenuPage .gridSpec .grid-item2 .video,
#blocGlobal .contenuPage .grid .grid-item2 .video,
#blocGlobal .contenuPage .gridSpec .element-item .video,
#blocGlobal .contenuPage .grid .element-item .video {
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: center;
  background-color: #000000;
}
#blocGlobal .contenuPage .gridSpec .grid-item2 .video:before,
#blocGlobal .contenuPage .grid .grid-item2 .video:before,
#blocGlobal .contenuPage .gridSpec .element-item .video:before,
#blocGlobal .contenuPage .grid .element-item .video:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage .gridSpec .grid-item2 .video:after,
#blocGlobal .contenuPage .grid .grid-item2 .video:after,
#blocGlobal .contenuPage .gridSpec .element-item .video:after,
#blocGlobal .contenuPage .grid .element-item .video:after {
  content: "";
  width: 58px;
  height: 58px;
  position: absolute;
  z-index: 5;
  background: transparent url('/media/img/btPlay.png') left bottom no-repeat;
  background-size: 100%;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  margin: 0 auto;
  text-align: center;
}
#blocGlobal .contenuPage .gridSpec .grid-item2 .video img,
#blocGlobal .contenuPage .grid .grid-item2 .video img,
#blocGlobal .contenuPage .gridSpec .element-item .video img,
#blocGlobal .contenuPage .grid .element-item .video img {
  width: 427px;
}
#blocGlobal .contenuPage .gridSpec .grid-item2 .legende,
#blocGlobal .contenuPage .grid .grid-item2 .legende,
#blocGlobal .contenuPage .gridSpec .element-item .legende,
#blocGlobal .contenuPage .grid .element-item .legende {
  width: 100%;
  display: inline-block;
  position: relative;
  background-color: #000000;
  color: #ffffff;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 18px;
  padding: 12px;
  text-transform: uppercase;
  text-align: left;
}
#blocGlobal .contenuPage .gridSpec .grid-item2 .legende img,
#blocGlobal .contenuPage .grid .grid-item2 .legende img,
#blocGlobal .contenuPage .gridSpec .element-item .legende img,
#blocGlobal .contenuPage .grid .element-item .legende img {
  width: 100%;
}
#blocGlobal .contenuPage .gridSpec .grid-item3,
#blocGlobal .contenuPage .grid .grid-item3,
#blocGlobal .contenuPage .gridSpec .element-item,
#blocGlobal .contenuPage .grid .element-item {
  width: 262px;
  height: auto;
  float: left;
  position: relative;
  margin: 0 12px 25px 12px;
  padding: 0 0 30px 0;
  font-size: 14px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage .gridSpec .grid-item3.bgBlanc,
#blocGlobal .contenuPage .grid .grid-item3.bgBlanc,
#blocGlobal .contenuPage .gridSpec .element-item.bgBlanc,
#blocGlobal .contenuPage .grid .element-item.bgBlanc {
  background-color: #ffffff;
  color: #000000;
  text-align: center;
}
#blocGlobal .contenuPage .gridSpec .grid-item3.bgRouge,
#blocGlobal .contenuPage .grid .grid-item3.bgRouge,
#blocGlobal .contenuPage .gridSpec .element-item.bgRouge,
#blocGlobal .contenuPage .grid .element-item.bgRouge {
  background-color: #eb2136;
  color: #ffffff;
  padding: 30px;
  text-align: left;
}
#blocGlobal .contenuPage .gridSpec .grid-item3.bgRouge:hover,
#blocGlobal .contenuPage .grid .grid-item3.bgRouge:hover,
#blocGlobal .contenuPage .gridSpec .element-item.bgRouge:hover,
#blocGlobal .contenuPage .grid .element-item.bgRouge:hover {
  background-color: #bc1a2b;
}
#blocGlobal .contenuPage .gridSpec .grid-item3.bgRouge a,
#blocGlobal .contenuPage .grid .grid-item3.bgRouge a,
#blocGlobal .contenuPage .gridSpec .element-item.bgRouge a,
#blocGlobal .contenuPage .grid .element-item.bgRouge a {
  color: #ffffff;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage .gridSpec .grid-item3.bgRouge .fa,
#blocGlobal .contenuPage .grid .grid-item3.bgRouge .fa,
#blocGlobal .contenuPage .gridSpec .element-item.bgRouge .fa,
#blocGlobal .contenuPage .grid .element-item.bgRouge .fa {
  font-size: 22px;
}
#blocGlobal .contenuPage .gridSpec .grid-item3.bgRouge .share,
#blocGlobal .contenuPage .grid .grid-item3.bgRouge .share,
#blocGlobal .contenuPage .gridSpec .element-item.bgRouge .share,
#blocGlobal .contenuPage .grid .element-item.bgRouge .share {
  background-color: #ffffff;
  box-sizing: border-box;
  color: #eb2136;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  height: 30px;
  left: 10px;
  margin: 20px 0 0 0;
  padding: 4px 0;
  position: relative;
  text-align: center;
  width: 30px;
  display: inline-block;
}
#blocGlobal .contenuPage .gridSpec .grid-item3.bgRouge .share:before,
#blocGlobal .contenuPage .grid .grid-item3.bgRouge .share:before,
#blocGlobal .contenuPage .gridSpec .element-item.bgRouge .share:before,
#blocGlobal .contenuPage .grid .element-item.bgRouge .share:before {
  border-bottom: 5px solid transparent;
  border-right: 5px solid #ffffff;
  border-top: 5px solid transparent;
  content: " ";
  height: 0;
  left: -5px;
  position: absolute;
  top: 10px;
  width: 0;
}
#blocGlobal .contenuPage .gridSpec .grid-item3 img,
#blocGlobal .contenuPage .grid .grid-item3 img,
#blocGlobal .contenuPage .gridSpec .element-item img,
#blocGlobal .contenuPage .grid .element-item img,
#blocGlobal .contenuPage .gridSpec .grid-item3 iframe,
#blocGlobal .contenuPage .grid .grid-item3 iframe,
#blocGlobal .contenuPage .gridSpec .element-item iframe,
#blocGlobal .contenuPage .grid .element-item iframe,
#blocGlobal .contenuPage .gridSpec .grid-item3 object,
#blocGlobal .contenuPage .grid .grid-item3 object,
#blocGlobal .contenuPage .gridSpec .element-item object,
#blocGlobal .contenuPage .grid .element-item object {
  width: 100%;
  height: auto;
  display: inline-block;
}
#blocGlobal .contenuPage .gridSpec .grid-item3 .libelle,
#blocGlobal .contenuPage .grid .grid-item3 .libelle,
#blocGlobal .contenuPage .gridSpec .element-item .libelle,
#blocGlobal .contenuPage .grid .element-item .libelle {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  box-sizing: border-box;
  display: block;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 7px 10px;
  position: absolute;
  text-transform: uppercase;
  left: 10px;
  top: 10px;
  z-index: 5;
  color: #ffffff;
  font-size: 16px;
}
#blocGlobal .contenuPage .gridSpec .grid-item3 .contenantTxt,
#blocGlobal .contenuPage .grid .grid-item3 .contenantTxt,
#blocGlobal .contenuPage .gridSpec .element-item .contenantTxt,
#blocGlobal .contenuPage .grid .element-item .contenantTxt {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  padding: 0 15px;
}
#blocGlobal .contenuPage .gridSpec .grid-item3 .contenantTxt .cycle,
#blocGlobal .contenuPage .grid .grid-item3 .contenantTxt .cycle,
#blocGlobal .contenuPage .gridSpec .element-item .contenantTxt .cycle,
#blocGlobal .contenuPage .grid .element-item .contenantTxt .cycle {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 16px;
  text-transform: uppercase;
}
#blocGlobal .contenuPage .gridSpec .grid-item3 .contenantTxt h2,
#blocGlobal .contenuPage .grid .grid-item3 .contenantTxt h2,
#blocGlobal .contenuPage .gridSpec .element-item .contenantTxt h2,
#blocGlobal .contenuPage .grid .element-item .contenantTxt h2 {
  width: 100%;
  font-family: 'Libre Baskerville', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  margin: 10px 0;
  padding: 0;
  color: #000000;
}
#blocGlobal .contenuPage .gridSpec .grid-item3 img,
#blocGlobal .contenuPage .grid .grid-item3 img,
#blocGlobal .contenuPage .gridSpec .element-item img,
#blocGlobal .contenuPage .grid .element-item img {
  margin: 0 0 10px 0;
}
#blocGlobal .contenuPage .gridSpec .grid-item4,
#blocGlobal .contenuPage .grid .grid-item4,
#blocGlobal .contenuPage .gridSpec .element-item,
#blocGlobal .contenuPage .grid .element-item {
  max-width: 1120px;
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  margin: 0 12px 25px 12px;
  text-align: left;
  color: #000000;
  background-color: #ffffff;
  font-size: 0px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  text-align: center;
}
#blocGlobal .contenuPage .gridSpec .grid-item4 .video,
#blocGlobal .contenuPage .grid .grid-item4 .video,
#blocGlobal .contenuPage .gridSpec .element-item .video,
#blocGlobal .contenuPage .grid .element-item .video {
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: center;
  background-color: #000000;
}
#blocGlobal .contenuPage .gridSpec .grid-item4 .video:before,
#blocGlobal .contenuPage .grid .grid-item4 .video:before,
#blocGlobal .contenuPage .gridSpec .element-item .video:before,
#blocGlobal .contenuPage .grid .element-item .video:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage .gridSpec .grid-item4 .video:after,
#blocGlobal .contenuPage .grid .grid-item4 .video:after,
#blocGlobal .contenuPage .gridSpec .element-item .video:after,
#blocGlobal .contenuPage .grid .element-item .video:after {
  content: "";
  width: 58px;
  height: 58px;
  position: absolute;
  z-index: 5;
  background: transparent url('/media/img/btPlay.png') left bottom no-repeat;
  background-size: 100%;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  margin: 0 auto;
  text-align: center;
}
#blocGlobal .contenuPage .gridSpec .grid-item4 .video img,
#blocGlobal .contenuPage .grid .grid-item4 .video img,
#blocGlobal .contenuPage .gridSpec .element-item .video img,
#blocGlobal .contenuPage .grid .element-item .video img {
  width: 427px;
}
#blocGlobal .contenuPage .gridSpec .grid-item4 .legende,
#blocGlobal .contenuPage .grid .grid-item4 .legende,
#blocGlobal .contenuPage .gridSpec .element-item .legende,
#blocGlobal .contenuPage .grid .element-item .legende {
  width: 100%;
  display: inline-block;
  position: relative;
  background-color: #000000;
  color: #ffffff;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 18px;
  padding: 12px;
  text-transform: uppercase;
  text-align: left;
}
#blocGlobal .contenuPage .gridSpec .grid-item4 .legende img,
#blocGlobal .contenuPage .grid .grid-item4 .legende img,
#blocGlobal .contenuPage .gridSpec .element-item .legende img,
#blocGlobal .contenuPage .grid .element-item .legende img {
  width: 100%;
}
#blocGlobal .contenuPage ul#pagination,
#blocGlobal .contenuPage ul.pagination {
  width: auto;
  display: inline-block;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  font-size: 18px;
}
#blocGlobal .contenuPage ul#pagination > li,
#blocGlobal .contenuPage ul.pagination > li {
  width: auto;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  background-color: #232323;
  color: #ffffff;
  margin: 0 10px 0 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  padding: 0 12px;
}
#blocGlobal .contenuPage ul#pagination > li:not(.fa-angle-left):not(.fa-angle-right),
#blocGlobal .contenuPage ul.pagination > li:not(.fa-angle-left):not(.fa-angle-right) {
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
}
#blocGlobal .contenuPage ul#pagination > li.sel,
#blocGlobal .contenuPage ul.pagination > li.sel {
  background-color: #eb2136;
}
#blocGlobal .contenuPage ul#pagination > li.sel:hover,
#blocGlobal .contenuPage ul.pagination > li.sel:hover {
  background-color: #bc1a2b;
}
#blocGlobal .contenuPage ul#pagination > li.dot,
#blocGlobal .contenuPage ul.pagination > li.dot {
  background-color: #E2DEDE;
  color: #000000;
}
#blocGlobal .contenuPage ul#pagination > li.dot:hover,
#blocGlobal .contenuPage ul.pagination > li.dot:hover {
  background-color: #E2DEDE;
}
#blocGlobal .contenuPage ul#pagination > li:hover,
#blocGlobal .contenuPage ul.pagination > li:hover {
  background-color: #5a5656;
}
#blocGlobal .contenuPage ul#pagination > li .stylePagination,
#blocGlobal .contenuPage ul.pagination > li .stylePagination {
  padding: 7px 12px 0 12px;
  vertical-align: middle;
  line-height: 36px;
}
#blocGlobal .contenuPage ul#pagination > li .fa-angle-left,
#blocGlobal .contenuPage ul.pagination > li .fa-angle-left,
#blocGlobal .contenuPage ul#pagination > li .fa-angle-right,
#blocGlobal .contenuPage ul.pagination > li .fa-angle-right {
  font-size: 22px;
  vertical-align: middle;
  line-height: 36px;
}
#blocGlobal .contenuPage #lienProgrammation {
  color: #ffffff;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage #lienProgrammation.blanc:hover {
  color: #ffffff;
}
#blocGlobal .contenuPage #lienProgrammation:hover {
  color: #000000;
}
#blocGlobal .contenuPage #lienProgrammation.noir {
  color: #000000;
}
#blocGlobal .contenuPage .lienVoirLire {
  color: #ffffff;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage .lienVoirLire:hover {
  color: #eb2136;
}
#blocGlobal .contenuPage .title {
  width: 100%;
  display: inline-block;
  text-align: center;
}
#blocGlobal .contenuPage .title h1 {
  color: #ffffff;
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
#blocGlobal .contenuPage .title h1.noir {
  color: #000000;
}
#blocGlobal .contenuPage .title h1.btToggle {
  max-width: 1160px;
  margin: auto;
  padding: 0;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
#blocGlobal .contenuPage .title h1.btToggle .text {
  display: flex;
  margin-left: auto;
  position: relative;
  flex-wrap: wrap;
}
#blocGlobal .contenuPage .title h1.btToggle:after {
  content: "";
  width: 30px;
  height: 30px;
  display: flex;
  position: relative;
  background: transparent url('/media/img/btClose.png') left top no-repeat;
  background-size: 100%;
  margin-left: auto;
  filter: alpha(opacity=75);
  opacity: 0.75;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage .title h1.btToggle.closeLink:after {
  transform: rotate(45deg);
}
#blocGlobal .contenuPage .title h1.btToggle.openLink:after {
  transform: rotate(0);
}
#blocGlobal .contenuPage #annulationsReports {
  max-width: 1160px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage #annulationsReports.on {
  height: auto;
  line-height: normal;
  filter: alpha(opacity=75);
  opacity: 1;
  overflow: visible;
}
#blocGlobal .contenuPage #annulationsReports.off {
  height: 0px;
  line-height: 0px;
  filter: alpha(opacity=75);
  opacity: 0;
  overflow: hidden;
}
#blocGlobal .contenuPage #annulationsReports li {
  width: 100%;
  min-height: 50px;
  text-align: left;
}
#blocGlobal .contenuPage #annulationsReports li a {
  width: 100%;
  min-height: 50px;
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff;
  margin: 10px 0 0 0;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal .contenuPage #annulationsReports li a .col1 {
  width: 40%;
  float: left;
  color: #ee1425;
  padding: 10px;
  line-height: 30px;
  font-size: 30px;
  /* font-family: "ff-more-web-pro-condensed",serif;
	font-style: normal;
	font-weight: @taille;*/

  font-family: "EckhardtSlabserifJNL";
  font-style: normal;
  font-weight: 500;
}
#blocGlobal .contenuPage #annulationsReports li a .col2 {
  width: 20%;
  float: left;
  text-transform: uppercase;
  text-decoration: line-through;
  padding: 10px;
  font-size: 20px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
}
#blocGlobal .contenuPage #annulationsReports li a .col3 {
  width: 30%;
  float: left;
  text-transform: uppercase;
  padding: 10px;
  font-size: 20px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
}
#blocGlobal .contenuPage #annulationsReports li a .col3.rouge {
  color: #ee1425;
}
#blocGlobal .contenuPage #annulationsReports li a .col3.orange {
  color: #ff7800;
}
#blocGlobal .contenuPage #annulationsReports li a .etat {
  width: 85px;
  height: 50px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 10px;
  margin-left: auto;
  font-size: 20px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
}
#blocGlobal .contenuPage #annulationsReports li a .etat.bgRouge {
  background-color: #ee1425;
}
#blocGlobal .contenuPage #annulationsReports li a .etat.bgOrange {
  background-color: #ff7800;
}
#blocGlobal #blocFooter {
  width: 100%;
  display: inline-block;
  background-color: #716b6b;
  padding: 30px 15px 0 15px;
  position: relative;
  text-align: center;
  color: #ffffff;
}
#blocGlobal #blocFooter #top {
  background-color: #232323;
  border: medium none;
  color: #ffffff;
  padding: 0 10px 5px 10px;
  position: absolute;
  z-index: 5;
  right: 1%;
  top: -60px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocFooter #top:hover {
  background-color: #383636;
}
#blocGlobal #blocFooter #top .fa-angle-up {
  font-size: 32px;
}
#blocGlobal #blocFooter #contenantFooter {
  width: 90%;
  display: inline-block;
  margin: 0 auto;
}
#blocGlobal #blocFooter #contenantFooter .footer {
  width: 50%;
  float: left;
  text-align: left;
  padding: 0 15px 30px 15px;
}
#blocGlobal #blocFooter #contenantFooter .footer.right {
  float: right;
}
#blocGlobal #blocFooter #contenantFooter .footer span {
  font-size: 14px;
  line-height: 25px;
}
#blocGlobal #blocFooter #contenantFooter .footer img#logoFooter {
  max-width: 150px;
  width: 100%;
  margin: 0 0 20px 0;
}
#blocGlobal #blocFooter #contenantFooter .footer ul#lienFooter {
  width: auto;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #blocFooter #contenantFooter .footer ul#lienFooter > li {
  width: 50%;
  height: auto;
  margin: 0 0 20px 0;
  float: left;
  text-align: left;
  font-size: 16px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
#blocGlobal #blocFooter #contenantFooter .footer ul#lienFooter > li a {
  color: #ffffff;
}
input[type='radio'].checkboxGris,
input[type='checkbox'].checkboxGris {
  display: none;
  visibility: hidden;
}
input[type='radio'].checkboxGris + label,
input[type='checkbox'].checkboxGris + label {
  width: auto;
  height: 40px !important;
  line-height: 40px!important ;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  padding: 0 20px!important ;
  margin: 0 5px 10px 5px!important ;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  text-transform: uppercase;
  color: #ffffff !important;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 700;
  outline: medium none;
  border: none;
  cursor: pointer;
  background-color: #716b6b;
}
input[type='radio'].checkboxGris + label:hover,
input[type='checkbox'].checkboxGris + label:hover {
  background-color: #5a5656;
}
input[type='radio'].checkboxGris + label.specialMarginR,
input[type='checkbox'].checkboxGris + label.specialMarginR {
  margin: 0 1px 10px 5px !important ;
}
input[type='radio'].checkboxGris + label.specialMarginL,
input[type='checkbox'].checkboxGris + label.specialMarginL {
  margin: 0 5px 10px 0!important ;
}
input[type='radio'].checkboxGris:checked + label,
input[type='checkbox'].checkboxGris:checked + label {
  background-color: #eb2136;
}
@media screen and (min-width: 1400px) {
  #blocGlobal {
    /*.bx-wrapper {
  			.bx-viewport {
  				-webkit-box-shadow: none;
  				box-shadow: none;
  				left: 0;
  				height:640px !important;
  				padding: none;
  				background-color: #000;
  				border: none;
  				overflow: hidden;
  				
  				.bx-caption {
  					top: 200px;
  					transform: none;
  				}
  			}
  		}*/
  
  }
}
@media (min-width: 1730px) {
  #blocGlobal .bx-wrapper .bx-viewport {
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
    height: 640px !important;
    padding: none;
    background-color: #000;
    border: none;
    overflow: hidden;
  }
  #blocGlobal .bx-wrapper .bx-viewport .bxslider li .contentPh {
    height: 640px;
  }
}
@media (max-width: 1730px) and (min-width: 1120px) {
  #blocGlobal .bx-wrapper .bx-viewport {
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
    height: 640px !important;
    padding: none;
    background-color: #000;
    border: none;
    overflow: hidden;
  }
  #blocGlobal .bx-wrapper .bx-viewport .bxslider li .contentPh {
    height: 640px;
  }
}
@media (max-width: 1120px) and (min-width: 960px) {
  #blocGlobal .bx-wrapper .bx-viewport {
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
    height: 560px !important;
    padding: none;
    background-color: #000;
    border: none;
    overflow: hidden;
  }
  #blocGlobal .bx-wrapper .bx-viewport .bxslider li .contentPh {
    height: 560px;
  }
}
@media (max-width: 1130px) {
  #blocAlerte .contentGrid,
  .blocAlerte .contentGrid {
    grid-template-columns: repeat(auto-fit, minmax(100%, 100%));
  }
  #blocAlerte .contentGrid .gridAlerte,
  .blocAlerte .contentGrid .gridAlerte {
    max-width: 100%;
    font-size: 18px;
  }
  #blocAlerte .contentGrid .gridAlerte.T16,
  .blocAlerte .contentGrid .gridAlerte.T16 {
    line-height: normal;
    font-size: 14px;
  }
}
@media (max-width: 960px) and (min-width: 640px) {
  #blocAlerte .contentGrid,
  .blocAlerte .contentGrid {
    grid-template-columns: repeat(auto-fit, minmax(100%, 100%));
  }
  #blocAlerte .contentGrid .gridAlerte,
  .blocAlerte .contentGrid .gridAlerte {
    max-width: 100%;
    font-size: 18px;
  }
  #blocAlerte .contentGrid .gridAlerte.T16,
  .blocAlerte .contentGrid .gridAlerte.T16 {
    line-height: normal;
    font-size: 14px;
  }
  #blocGlobal .bx-wrapper .bx-viewport {
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
    height: 480px !important;
    padding: none;
    background-color: #000;
    border: none;
    overflow: hidden;
  }
  #blocGlobal .bx-wrapper .bx-viewport .bxslider li .contentPh {
    height: 480px;
  }
}
@media screen and (max-width: 1100px) {
  #blocGlobal .contenuPage #dateCalendrier .dateCellule {
    width: 20px;
  }
}
/*** sauvegarde jour/mois calendrier version intermédiaire ***/
/***@media screen and (max-width: 1100px) {
	#blocGlobal{
		.contenuPage{

			#dateCalendrier{
				max-width: 750px;
				width: 100%;
				
				#dateMois{
					width: 100%;
					height: 30px;
					line-height: 30px;
					display: inline-block;
					position: relative;
					padding: 0;
					margin: 0 auto;
					.T(20);
					.openSans(700);
					text-align: center;
					background-color: #978d8d;
					
					#moisD{
						display: none;
					}
				}
				.dateCellule{
					display: none;
				}
				#datePrecedent,#dateSuivant{
					display: inline;
					position: absolute;
					top: -44px;
				}
				#datePrecedent{
					left: 0;
				}
				#dateSuivant{
					right: 0;
				}
			}
		}
	}
}***/
@media screen and (max-width: 1000px) {
  #blocGlobal #blocEntete #nav > li:nth-child(5) {
    display: none;
  }
  #blocGlobal #blocEntete #nav > li:nth-child(6) {
    margin-left: auto;
  }
  #blocGlobal #blocFooter #top {
    top: 0;
  }
  #blocGlobal .contenuPage #annulationsReports li a {
    justify-content: center;
  }
  #blocGlobal .contenuPage #annulationsReports li a .col1,
  #blocGlobal .contenuPage #annulationsReports li a .col2,
  #blocGlobal .contenuPage #annulationsReports li a .col3 {
    width: 100%;
    text-align: center;
    padding: 5px 10px;
  }
  #blocGlobal .contenuPage #annulationsReports li a .col1.noDisplay,
  #blocGlobal .contenuPage #annulationsReports li a .col2.noDisplay,
  #blocGlobal .contenuPage #annulationsReports li a .col3.noDisplay {
    display: none;
  }
  #blocGlobal .contenuPage #annulationsReports li a .etat {
    margin: 5px auto 0 auto;
  }
}
@media screen and (max-width: 750px) {
  #blocGlobal .maxWidth950 .floatRight {
    width: 100%;
    float: left;
  }
  #blocGlobal .maxWidth950 .floatRight img {
    width: 100%;
    float: none;
  }
  #blocGlobal .maxWidth950 .adhesion {
    width: 100%;
  }
  #blocGlobal .maxWidth950 .adhesion.paddingL30 {
    padding: 0;
  }
  #blocGlobal .maxWidth950 .adhesion h1 {
    padding: 0 !important;
  }
  #blocGlobal .maxWidth950 .adhesion h1:before {
    content: "";
    position: relative;
    display: block;
    margin: 0 auto;
    width: 127px;
    height: 168px;
  }
  #blocGlobal .capsuleEdito img {
    max-width: 165px;
    width: 100%;
    float: none;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  #blocGlobal .contenuPage.bgGrisClair {
    padding: 10px;
  }
  #blocGlobal .contenuPage.bgGrisClair h1 {
    font-size: 32px;
    margin: 140px auto 50px auto;
  }
  #blocGlobal .contenuPage.bgGrisClair.padding20 {
    padding: 20px;
  }
  #blocGlobal .contenuPage.fondVisuelSpectacle.heightSpectacle h1 {
    margin: 0 auto;
  }
  #blocGlobal .contenuPage.fondVisuelSpectacle h1 {
    font-size: 32px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    padding: 0;
    left: 0;
    right: 0;
    text-align: center;
  }
  #blocGlobal .contenuPage.fondVisuel h1,
  #blocGlobal .contenuPage.fondVisuel2 h1 {
    font-size: 32px;
    line-height: 30px;
  }
  #blocGlobal .contenuPage #titleNoVisuel {
    margin: 100px 0 30px 0;
  }
  #blocGlobal .contenuPage #rechToggle {
    display: inline-block;
  }
  #blocGlobal .contenuPage form#formSpecEvt {
    top: 0;
  }
  #blocGlobal .contenuPage form#formSpecEvt #choixRech {
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px;
  }
  #blocGlobal .contenuPage #dateCalendrier #dateMois,
  #blocGlobal .contenuPage #dateCalendrier #datePrecedent,
  #blocGlobal .contenuPage #dateCalendrier #dateSuivant {
    display: none;
  }
  #blocGlobal .contenuPage #dateCalendrier #dateMois #moisD {
    display: none;
  }
  #blocGlobal .contenuPage #dateCalendrier .dateCellule {
    display: none;
  }
  #blocGlobal .contenuPage #dateCalendrier #versionMobile {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
  }
  #blocGlobal .contenuPage #dateCalendrier #versionMobile #datepicker {
    width: 60%;
    height: 40px;
    display: inline-block;
    line-height: normal;
    outline: medium none;
    border: none;
    text-align: center;
    background-color: #716b6b;
    color: #ffffff;
    font-family: 'Open Sans Condensed', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    -o-transition-property: all;
    -o-transition: 0.5s ease-in-out;
    -moz-transition-property: all;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition-property: all;
    -webkit-transition: 0.5s ease-in-out;
    transition-property: all;
    transition: 0.5s ease-in-out;
    padding: 0 10px;
    margin: 0;
  }
  #blocGlobal .contenuPage #dateCalendrier #versionMobile #datepicker:hover,
  #blocGlobal .contenuPage #dateCalendrier #versionMobile #datepicker:focus {
    background-color: #5a5656;
  }
  #blocGlobal #blocFooter #contenantFooter {
    width: 100%;
  }
  #blocGlobal #blocFooter #contenantFooter .footer {
    width: 100%;
    text-align: center;
  }
  #blocGlobal #blocFooter #contenantFooter .footer ul#lienFooter > li {
    text-align: center;
  }
  #blocGlobal input::-moz-placeholder {
    color: #000000;
  }
}
@media screen and (max-width: 640px) {
  .fullBlock.versionMobile,
  .fullBlock2.versionMobile,
  .fullBlock3.versionMobile {
    display: none;
  }
  #blocAlerte.marginMobile,
  .blocAlerte.marginMobile {
    margin: 40px 0 0 0;
  }
  #blocAvoir {
    padding: 95px 20px 20px 20px;
  }
  #blocAvoir:before {
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
  }
  #blocAvoir #btnClose {
    width: 14px;
    height: 14px;
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 20px;
    background: transparent url('/media/img/pictoCroix.png') left top no-repeat;
    background-size: 100%;
    margin: 0;
    filter: alpha(opacity=75);
    opacity: 0.75;
    -o-transition-property: all;
    -o-transition: 0.5s ease-in-out;
    -moz-transition-property: all;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition-property: all;
    -webkit-transition: 0.5s ease-in-out;
    transition-property: all;
    transition: 0.5s ease-in-out;
  }
  #blocAvoir #btnClose:hover {
    filter: alpha(opacity=75);
    opacity: 1;
  }
  #blocAvoir strong {
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 600 !important;
    font-size: 20px;
  }
  #blocAvoir #btnReduit {
    width: auto;
    float: right;
    position: relative;
    z-index: 5;
    padding: 0 40px 0 0;
    margin: 15px 0 0 0;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    filter: alpha(opacity=75);
    opacity: 0.75;
    -o-transition-property: all;
    -o-transition: 0.5s ease-in-out;
    -moz-transition-property: all;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition-property: all;
    -webkit-transition: 0.5s ease-in-out;
    transition-property: all;
    transition: 0.5s ease-in-out;
  }
  #blocAvoir #btnReduit:hover {
    filter: alpha(opacity=75);
    opacity: 1;
  }
  #blocAvoir #btnReduit:after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background: transparent url('/media/img/arrow.png') left top no-repeat;
    background-size: 100%;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    -o-transition-property: all;
    -o-transition: 0.5s ease-in-out;
    -moz-transition-property: all;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition-property: all;
    -webkit-transition: 0.5s ease-in-out;
    transition-property: all;
    transition: 0.5s ease-in-out;
  }
  #blocAvoir #btnReduit.open {
    margin: 0;
    top: 45px;
  }
  #blocAvoir #btnReduit.open span {
    display: none;
  }
  #blocAvoir #btnReduit.open:after {
    transform: rotate(180deg);
  }
  #blocAvoir #blocReduit {
    width: auto;
    display: none;
    position: relative;
  }
  #blocAvoir #blocReduit b {
    line-height: 30px;
    font-size: 30px;
    /* font-family: "ff-more-web-pro-condensed",serif;
  	font-style: normal;
  	font-weight: @taille;*/
  
    font-family: "EckhardtSlabserifJNL";
    font-style: normal;
    font-weight: 500;
  }
  #blocAvoir #blocReduit hr {
    width: 100%;
    height: 1px;
    line-height: 1px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
    margin: 25px 0;
    padding: 0;
    -o-transition-property: all;
    -o-transition: 0.5s ease-in-out;
    -moz-transition-property: all;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition-property: all;
    -webkit-transition: 0.5s ease-in-out;
    transition-property: all;
    transition: 0.5s ease-in-out;
  }
  #blocGlobal {
    /***.bx-wrapper .bx-pager,
  		.bx-wrapper .bx-controls-auto {
  		  bottom: -30px;
  		}***/
  
  }
  #blocGlobal #blocEntete {
    /*** menu caché ***/
  
    /***.aside {
  				max-width: 260px;
  				width: 100%;
  				position: fixed;
  				top: 0;
  				bottom: 0;
  				background-color: #ffffff;
  				z-index: 2000;
  				width: 0px;
  				min-width: 0px;
  				overflow: hidden;
  				transition: 0.35s width ease, 0.35s min-width ease;
  				text-transform: uppercase;
  
  				&.in {
  					max-width: 260px;
  					width: 100%;
  				}
  				#boxscroll{
  					width: 260px;
  				}
  			}***/
  
    /*** recherche cachée ***/
  
  }
  #blocGlobal #blocEntete ul#nav {
    margin: 20px 0 0 15px;
  }
  #blocGlobal #blocEntete ul#nav > li {
    margin: 0 10px 0 0;
  }
  #blocGlobal #blocEntete ul#nav > li .fa-shopping-basket {
    margin: 0 !important;
  }
  #blocGlobal #blocEntete ul#nav > li .cacher {
    display: none;
  }
  #blocGlobal #blocEntete #logoEntete {
    width: 115px;
    height: 67px;
    right: 15px;
  }
  #blocGlobal #blocEntete #blocRecherche input[type="search"] {
    width: 90%;
  }
  #blocGlobal #blocEntete #blocRecherche input[type="submit"] {
    width: 10%;
  }
  #blocGlobal .maxWidth960 {
    grid-gap: 15px;
  }
  #blocGlobal .contenuPage.paddingHB {
    padding: 100px 10px 40px 10px;
  }
  #blocGlobal .contenuPage .maxWidth1140 .capsule {
    width: 45%;
    height: auto;
    display: inline-block;
    position: relative;
    margin: 0 5px 20px 5px;
    padding: 30px 10px 35px;
    text-align: left;
    color: #000000;
    background-color: #ffffff;
    font-size: 14px;
    -o-transition-property: all;
    -o-transition: 0.5s ease-in-out;
    -moz-transition-property: all;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition-property: all;
    -webkit-transition: 0.5s ease-in-out;
    transition-property: all;
    transition: 0.5s ease-in-out;
    text-align: center;
    vertical-align: top;
  }
  #blocGlobal .contenuPage .maxWidth1140 .capsule img,
  #blocGlobal .contenuPage .maxWidth1140 .capsule iframe,
  #blocGlobal .contenuPage .maxWidth1140 .capsule object {
    width: 50%;
  }
  #blocGlobal .bx-wrapper {
    margin: 120px auto 0 auto;
  }
  #blocGlobal .bx-wrapper .bx-viewport {
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
    padding: none;
    background-color: #000;
    border: none;
    overflow: hidden;
  }
  #blocGlobal .bx-wrapper .bx-viewport .bxslider li {
    position: relative;
  }
  #blocGlobal .bx-wrapper .bx-viewport .bxslider li .contentPh {
    position: relative;
    height: 320px;
  }
  #blocGlobal .bx-wrapper .bx-viewport .bxslider li .img-responsive {
    visibility: hidden;
    display: block;
    height: 320px;
  }
  #blocGlobal .bx-wrapper .bx-viewport .bxslider li .bx-caption {
    max-width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    right: inherit;
    background: #000000;
    top: none;
    transform: none;
  }
}
@media screen and (max-width: 1120px) {
  .grid-item4,
  .element-item {
    width: 549px !important;
  }
  .grid-item4 .video img,
  .element-item .video img {
    width: 100% !important;
  }
}
@media screen and (max-width: 570px) {
  .grid-item2,
  .grid-item4,
  .element-item {
    width: 262px !important;
  }
  .grid-item2 .video img,
  .grid-item4 .video img,
  .element-item .video img {
    width: 100% !important;
  }
}
#contentColorBox {
  float: left;
  min-width: 600px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
}
#contentColorBox h2 {
  float: left;
  width: 100%;
}