@charset "UTF-8";
/* Variables background */
/* Variables couleur fonts */
/* Variables border */
@font-face {
  font-family: "icomoon";
  src: url("../../../fonts/icomoon.eot?csfgoe");
  src: url("../../../fonts/icomoon.eot?csfgoe#iefix") format("embedded-opentype"), url("../../../fonts/icomoon.ttf?csfgoe") format("truetype"), url("../../../fonts/icomoon.woff?csfgoe") format("woff"), url("../../../fonts/icomoon.svg?csfgoe#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-connexion-outline:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-advertising:before {
  content: "";
}

.icon-arrow-to-right:before {
  content: "";
}

.icon-arrow-diag-up:before {
  content: "";
}

.icon-loupe:before {
  content: "";
}

.icon-marteau:before {
  content: "";
}

.icon-hautparleur:before {
  content: "";
}

.icon-flechebouton:before {
  content: "";
}

.icon-oeil:before {
  content: "";
}

.icon-emploi:before {
  content: "";
}

.icon-evenements:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-rss:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-linkedin:before {
  content: "";
}

.icon-chevron:before {
  content: "";
}

.icon-profil:before {
  content: "";
}

.icon-bulles:before {
  content: "";
}

.icon-croix:before {
  content: "";
}

.icon-power:before {
  content: "";
}

.icon-burger:before {
  content: "";
}

.icon-google:before {
  content: "";
}

.icon-enveloppe:before {
  content: "";
}

.icon-print:before {
  content: "";
}

.icon-24h:before {
  content: "";
}

.icon-news:before {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-email:before {
  content: "";
}

.icon-pointebulle:before {
  content: "";
}

.icon-chevronbis:before {
  content: "";
}

.icon-fax:before {
  content: "";
}

.icon-commentaire:before {
  content: "";
}

.icon-reponse:before {
  content: "";
}

.icon-bdd:before {
  content: "";
}

.icon-enquete:before {
  content: "";
}

.icon-technipedia:before {
  content: "";
}

.icon-euro:before {
  content: "";
}

.icon-batiment:before {
  content: "";
}

.icon-connexion:before {
  content: "";
}

.icon-cv:before {
  content: "";
}

.icon-outils:before {
  content: "";
}

.icon-salaries:before {
  content: "";
}

.icon-dirigeant:before {
  content: "";
}

.icon-gestion:before {
  content: "";
}

.icon-partenaire:before {
  content: "";
}

.icon-malette:before {
  content: "";
}

.icon-hautparleur2:before {
  content: "";
}

.icon-filtechno:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-arrowup:before {
  content: "";
}

.icon-arrowdown:before {
  content: "";
}

.icon-doblearrow:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-multiuser:before {
  content: "";
}

.icon-moins:before {
  content: "";
}

.icon-pouce:before {
  content: "";
}

.icon-travel:before {
  content: "";
}

.icon-description:before {
  content: "";
}

.icon-calendrier:before {
  content: "";
}

/* variable background */
/* variable  couleur fonts */
/* reseaux sociaux icons font spécifiques*/
/* variable border */
body {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  color: #000000;
  font-size: 14px;
  margin: 65px 0 0;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.clearBoth {
  clear: both;
  width: 0;
  height: 0;
}

.clearFix {
  *zoom: 1;
}
.clearFix:before, .clearFix:after {
  content: " ";
  display: block;
}
.clearFix:after {
  clear: both;
}

.bold {
  font-weight: bold;
}

img {
  max-width: 100%;
  border: 0;
}

nav, section, header, footer, article, figure, figcaption {
  display: block;
}

@viewport {
  width: device-width;
  zoom: 1;
}
.displayNone {
  display: none;
}

.contentSite {
  cursor: auto;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1256px;
  margin: 0 auto;
  padding: 0 20px;
}
.contentSite > :first-child {
  margin-top: 40px;
}

.mainContainer {
  float: left;
  width: 72.0757825371%;
  margin: 0 3.2125205931% 0 0;
}

.topPubHeader {
  text-align: center;
  overflow: hidden;
}

.pubHPCentral {
  margin: 0 0 60px 0;
  text-align: center;
}

.blocPavePub {
  margin-bottom: 40px;
}

.pubX61 {
  text-align: center;
  margin: 10px 0;
}

[class*=artType].firstElement {
  margin-left: 0;
}

[class*=artType] a {
  text-decoration: none;
  color: #000000;
}
[class*=artType] a:first-child {
  display: block;
}

[class*=artTypeB] > a {
  *zoom: 1;
}
[class*=artTypeB] > a:before, [class*=artTypeB] > a:after {
  content: " ";
  display: block;
}
[class*=artTypeB] > a:after {
  clear: both;
}

.chapoArt {
  margin: 0 0 10px 0;
  padding: 0;
}

.contenuArt:hover .titreArt {
  color: #e73f12;
}

.imgContainer {
  overflow: hidden;
}

.etiquetteArt {
  position: relative;
  z-index: 10;
  margin: 0 5px 12px 0;
  font-weight: bold;
  display: inline-block;
  padding: 2px 6px;
  color: #ffffff;
  background-color: #737373;
  text-decoration: none;
}
.etiquetteArt > a {
  color: #ffffff;
  text-decoration: none;
}
.etiquetteArt.abonne {
  background-color: #e73f12;
  text-transform: uppercase;
}

a.etiquetteArt {
  color: #ffffff;
  text-decoration: none;
}

.etiquetteArtBig {
  background-color: #737373;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  margin: 0 5px 12px 0;
  padding: 2px 6px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  z-index: 10;
}

.verrouiller {
  border-left: 10px solid #e73f12;
}

.sponsorBy {
  float: right;
  font-size: 9px;
  color: #000000;
}
.sponsorBy img {
  vertical-align: middle;
}
.sponsorBy:after {
  clear: both;
}

.dateTagArt {
  color: #737373;
  font-size: 12px;
}
.dateTagArt .dateArt {
  color: #737373;
}
.dateTagArt a {
  text-decoration: none;
}
.dateTagArt a:hover {
  text-decoration: underline;
}
.dateTagArt .tagArt {
  position: relative;
  z-index: 10;
  color: #737373;
  font-weight: bold;
}

.tagRelatif {
  font-size: 12px;
}
.tagRelatif .titreTagRelatif {
  color: #737373;
  margin: 0;
}
.tagRelatif .tagArt2 {
  color: #737373;
  font-weight: bold;
  text-decoration: none;
}
.tagRelatif .tagArt2:hover {
  text-decoration: underline;
}

.mediaArt {
  margin: 0 0 30px;
  overflow: hidden;
  text-align: center;
}
.mediaArt img {
  height: auto;
  max-width: 100%;
}
.mediaArt .infosImg {
  margin: 8px 0 0;
  font-size: 14px;
  color: #737373;
  text-align: left;
}
.mediaArt .infosImg .creditImg,
.mediaArt .infosImg .legende {
  margin: 0;
}
.mediaArt .infosImg .legende ~ .creditImg {
  margin-top: 5px;
}

.chapo {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 35px;
}

.encadreType1 {
  *zoom: 1;
  margin: 0 0 40px 0;
  padding-bottom: 10px;
  border: 1px solid #cccccc;
}
.encadreType1:before, .encadreType1:after {
  content: " ";
  display: block;
}
.encadreType1:after {
  clear: both;
}
.encadreType1 a {
  text-decoration: none;
}
.encadreType1 a:hover {
  text-decoration: underline;
}
.encadreType1 p {
  margin: 0 0 3px;
  padding: 0;
}
.encadreType1 .icon-flechebouton {
  margin: 2px 3px 0 -3px;
  font-size: 12px;
  color: #e73f12;
}
.encadreType1 [class^=colTitre] {
  margin: 0;
  padding: 0 20px;
}
.encadreType1 [class^=colTitre] .encadreTitre1 {
  float: left;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  width: 59.8360655738%;
  overflow-wrap: break-word;
}
.encadreType1 [class^=colTitre] a {
  font-size: 16px;
  font-weight: normal;
}
.encadreType1 .col2, .encadreType1 .col3, .encadreType1 .colTypeB {
  float: left;
  margin: 13px 0 17px 0;
}
.encadreType1 .col2 a, .encadreType1 .col3 a, .encadreType1 .colTypeB a {
  font-weight: bold;
}

.tableWrapper {
  display: table;
  table-layout: fixed;
}
.tableWrapper .colTitre,
.tableWrapper .colContent {
  display: table-cell;
  vertical-align: top;
}
.tableWrapper .colContent .col2 {
  width: 50%;
}
.tableWrapper .colContent .col3 {
  padding: 0 10px 0 0;
  width: 33.3%;
}
.tableWrapper a {
  color: #000000;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -o-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.marchesPublics {
  border-top: 5px solid #e36606;
}
.marchesPublics [class^=colTitre] .icon-hautparleur {
  float: left;
  margin: 9px 0 0 0;
  font-size: 70px;
  color: #737373;
}
.marchesPublics [class^=colTitre] .encadreTitre1 {
  margin: 13px 0 10px 4.0983606557%;
  width: 59.8360655738%;
  overflow-wrap: break-word;
}
.marchesPublics .colTitre {
  max-width: 260px;
}
.marchesPublics .col2 {
  padding: 5px 20px;
  border-left: 1px solid #cccccc;
}

.offresDEmploi {
  border-top: 5px solid #06e3d5;
}
.offresDEmploi .colTitre {
  max-width: 320px;
}
.offresDEmploi .colTitre .icon-emploi {
  float: left;
  margin: 9px 0 0 0;
  font-size: 70px;
  color: #737373;
}
.offresDEmploi .colTitre .encadreTitre1 {
  margin: 13px 0 10px 4.0983606557%;
  width: 59.8360655738%;
  overflow-wrap: break-word;
}
.offresDEmploi .logoBlock {
  float: left;
  margin: 0 16px 0 0;
}
.offresDEmploi .offreBlock {
  float: left;
  margin: 0 20px 0 0;
  display: block;
}
.offresDEmploi .offreBlock .icon-flechebouton {
  margin: 2px 3px 0 -13px;
}
.offresDEmploi .offreBlock .ville {
  margin: 0 0 3px;
  text-transform: uppercase;
}
.offresDEmploi .col2 {
  padding: 5px 0 5px 0;
}
.offresDEmploi .col2 .logoBlock {
  width: 18.7301587302%;
}
.offresDEmploi .col2 .offreBlock {
  width: 69.8412698413%;
}
.offresDEmploi .col2 p {
  margin: 3px 0 3px;
}
.offresDEmploi .col3 {
  padding: 5px 0 5px 0;
}
.offresDEmploi .col3 .logoBlock {
  width: 19.0938511327%;
}
.offresDEmploi .col3 .offreBlock {
  width: 68.932038835%;
}
.offresDEmploi .col3 p {
  margin: 3px 0 3px;
}

.salonsEvents {
  border: 1px solid #cccccc;
  width: 100%;
  border-top: 5px solid #fdcd13;
}
.salonsEvents .colTitre {
  width: 24.6913580247%;
}
.salonsEvents .colTitre .icon-evenements {
  float: left;
  margin: 9px 0 0 0;
  font-size: 60px;
  color: #737373;
}
.salonsEvents .colTitre .encadreTitre1 {
  margin: 13px 0 10px 3.1746031746%;
  width: 69.8412698413%;
  overflow-wrap: break-word;
}
.salonsEvents .calendar {
  float: left;
  margin: 0 16px 0 0;
  padding: 5px 2px;
  display: block;
  height: 40px;
  width: 40px;
  text-align: center;
  text-transform: uppercase;
  background-color: #cccccc;
}
.salonsEvents .salonBlock {
  float: left;
  margin: 0 20px 0 0;
  display: block;
}
.salonsEvents .salonBlock .icon-flechebouton {
  margin: 2px 3px 0 0;
}
.salonsEvents .salonBlock .ville {
  margin: 0 0 3px 0;
  text-transform: uppercase;
  color: #e73f12;
}
.salonsEvents .salonBlock .txtMainColor {
  margin: 0 0 3px 0;
  color: #e73f12;
  font-weight: normal;
}
.salonsEvents .col2 {
  padding: 5px 0;
}
.salonsEvents .col2 .salonBlock {
  width: 75.0819672131%;
}
.salonsEvents .col2 p {
  margin: 4px 0 3px;
}
.salonsEvents .col3 {
  padding: 5px 0;
}
.salonsEvents .col3 .salonBlock {
  width: 72.6643598616%;
}
.salonsEvents .col3 p {
  margin: 4px 0 3px;
}

.blocSearch {
  margin-bottom: 40px;
  padding: 10px;
  background-color: #fab700;
}
.blocSearch .titreAvecIcon {
  margin-bottom: 3px;
}
.blocSearch .titreAvecIcon .titreType5 {
  margin-left: 2px;
}
.blocSearch .titreAvecIcon .titreType5 span {
  font-weight: bold;
}
.blocSearch input[type=text] {
  margin: 0 1.7857142857% 5px 0;
  padding: 3px 7px;
  width: 60.7142857143%;
  display: inline-block;
  vertical-align: middle;
  border: none;
}
.blocSearch .boutonType1 {
  margin: 0 0 5px 0;
  padding: 3px 9px;
  width: 35.7142857143%;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}

.ie .blocSearch .boutonType1 {
  padding: 6px 9px 4px;
}

@media only screen and (max-device-width: 737px), (max-width: 737px) {
  .is-noMobile {
    display: none;
  }
}

.is-mobile {
  display: none;
}
@media only screen and (max-device-width: 737px), (max-width: 737px) {
  .is-mobile {
    display: block;
  }
}

.is-noDesktop {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .is-noDesktop {
    display: block;
  }
}

@media only screen and (max-width: 1024px) {
  .is-desktop {
    display: none;
  }
}

.breadcrumb {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
@media only screen and (max-device-width: 737px), (max-width: 737px) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb li {
  display: inline-block;
}
.breadcrumb li a {
  color: #000000;
  text-decoration: none;
}
.breadcrumb li [class^=icon-] {
  font-size: 11px;
  margin-left: 5px;
}
.breadcrumb li p {
  margin: 0px;
}

.sidebar {
  float: left;
  width: 24.7116968699%;
}
.sidebar .middle1Fixe {
  position: fixed;
  top: 43px;
  margin: 0 auto;
  z-index: 90;
}
.sidebar .blocTypeCol {
  margin-bottom: 40px;
}
.sidebar .blocAbo {
  background-color: #e9e9e9;
  text-align: center;
  padding: 12px 0 30px 0;
}
.sidebar .blocAbo .titreBlocAbo {
  font-size: 21px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.sidebar .blocAbo a {
  display: block;
  width: 135px;
  margin: 15px auto 0;
  padding: 3px 0;
}
.sidebar .blocPlusLus-type1 {
  list-style: none;
  padding: 0;
  margin: 0 0 40px;
}
.sidebar .blocPlusLus-type1 li {
  *zoom: 1;
  margin: 15px 0 0;
}
.sidebar .blocPlusLus-type1 li:before, .sidebar .blocPlusLus-type1 li:after {
  content: " ";
  display: block;
}
.sidebar .blocPlusLus-type1 li:after {
  clear: both;
}
.sidebar .blocPlusLus-type1 li a {
  text-decoration: none;
}
.sidebar .blocPlusLus-type1 li a .imgContainer {
  float: left;
  font-size: 0;
  margin: 0 10px 0 0;
}
.sidebar .blocPlusLus-type1 li a .titleArtPlusLus {
  margin: 0;
  font-size: 16px;
  color: #000000;
}
.sidebar .blocPlusLus-type1 li a:hover .titleArtPlusLus {
  text-decoration: underline;
}
.sidebar .blocPlusLus-type2 {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-top: 5px solid #737373;
  padding-bottom: 10px;
}
.sidebar .blocPlusLus-type2 .titreAvecIcon {
  margin: 0;
  padding: 0 0 3px 12px;
  border-bottom: 1px solid #cccccc;
}
.sidebar .blocPlusLus-type2 .titreAvecIcon [class^=icon-] {
  color: #737373;
}
.sidebar .blocPlusLus-type2 .titreAvecIcon .titreType5 {
  font-weight: bold;
  vertical-align: top;
  padding: 8px 0 0 2px;
}
.sidebar .blocPlusLus-type2 ul {
  padding: 0 15px 7px;
  margin: 0;
  list-style-type: none;
}
.sidebar .blocPlusLus-type2 ul li {
  *zoom: 1;
  padding: 8px 0 7px;
  border-bottom: 1px solid #cccccc;
}
.sidebar .blocPlusLus-type2 ul li:before, .sidebar .blocPlusLus-type2 ul li:after {
  content: " ";
  display: block;
}
.sidebar .blocPlusLus-type2 ul li:after {
  clear: both;
}
.sidebar .blocPlusLus-type2 ul li span {
  display: block;
  float: left;
  background-color: #e73f12;
  width: 5.9259259259%;
  height: 17px;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 0;
  margin-top: 2px;
  text-decoration: none;
  text-transform: none;
  text-align: center;
}
.sidebar .blocPlusLus-type2 ul li a {
  margin-left: 3.7037037037%;
  width: 86.6666666667%;
  display: block;
  float: left;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
.sidebar .blocPlusLus-type2 ul li a:hover {
  text-decoration: underline;
}
.sidebar .blocPlusLus-type2 ul li:last-child {
  border: none;
  padding-bottom: 0;
}
.sidebar .blocTagEdit {
  list-style: none;
  padding: 0;
  margin: 0 0 40px;
}
.sidebar .blocTagEdit li {
  *zoom: 1;
  margin: 15px 0 0;
}
.sidebar .blocTagEdit li:before, .sidebar .blocTagEdit li:after {
  content: " ";
  display: block;
}
.sidebar .blocTagEdit li:after {
  clear: both;
}
.sidebar .blocTagEdit li a {
  text-decoration: none;
}
.sidebar .blocTagEdit li a .imgContainer {
  float: left;
  font-size: 0;
  margin: 0 10px 0 0;
}
.sidebar .blocTagEdit li a .titleTagEdit {
  margin: 0;
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}
.sidebar .blocTagEdit li a:hover .titleTagEdit {
  color: #e73f12;
}
.sidebar .blocNosOuvrages {
  list-style: none;
  padding: 0;
  margin-bottom: 40px;
}
.sidebar .blocNosOuvrages li {
  *zoom: 1;
  margin: 15px 0 0;
}
.sidebar .blocNosOuvrages li:before, .sidebar .blocNosOuvrages li:after {
  content: " ";
  display: block;
}
.sidebar .blocNosOuvrages li:after {
  clear: both;
}
.sidebar .blocNosOuvrages li a {
  text-decoration: none;
}
.sidebar .blocNosOuvrages li a img {
  float: left;
  margin: 0 15px 0 0;
}
.sidebar .blocNosOuvrages li a .titreOuvrage {
  margin: 0;
  font-size: 20px;
  font-family: "rockinghambold";
  color: #000000;
}
.sidebar .blocNosOuvrages li a:hover .titreOuvrage {
  text-decoration: underline;
}
.sidebar .blocNosOuvrages li.btnPosC .boutonType1 {
  margin: 0;
}
.sidebar .offresEmploiSidebar {
  border: 1px solid #cccccc;
  padding: 15px 6.6666666667%;
  margin-bottom: 40px;
}
.sidebar .offresEmploiSidebar .titreType11 {
  position: relative;
  padding: 3px 0 15px 37px;
}
.sidebar .offresEmploiSidebar .titreType11 [class^=icon-] {
  position: absolute;
  left: -6px;
  top: 0;
  font-size: 35px;
}
.sidebar .offresEmploiSidebar .listOffresEmploiSid {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar .offresEmploiSidebar .listOffresEmploiSid li {
  padding: 15px 0;
  border-bottom: 1px solid #cccccc;
  *zoom: 1;
}
.sidebar .offresEmploiSidebar .listOffresEmploiSid li:before, .sidebar .offresEmploiSidebar .listOffresEmploiSid li:after {
  content: " ";
  display: block;
}
.sidebar .offresEmploiSidebar .listOffresEmploiSid li:after {
  clear: both;
}
.sidebar .offresEmploiSidebar .listOffresEmploiSid li [class^=icon-] {
  color: #e8412c;
  display: block;
  float: left;
  font-size: 10px;
  width: 2.8776978417%;
  margin: 3px 0 0;
}
.sidebar .offresEmploiSidebar .listOffresEmploiSid li a {
  *zoom: 1;
  color: #000000;
  display: block;
  float: left;
  margin: 0 0 0 0.7194244604%;
  width: 96.4028776978%;
}
.sidebar .offresEmploiSidebar .listOffresEmploiSid li a:before, .sidebar .offresEmploiSidebar .listOffresEmploiSid li a:after {
  content: " ";
  display: block;
}
.sidebar .offresEmploiSidebar .listOffresEmploiSid li a:after {
  clear: both;
}
.sidebar .offresEmploiSidebar .listOffresEmploiSid li a .txtOffre {
  float: left;
  width: 65.2985074627%;
  margin: 0 0 0 1.4925373134%;
}
.sidebar .offresEmploiSidebar .listOffresEmploiSid li a .txtOffre .titreOffre {
  margin: 0;
  font-weight: bold;
}
.sidebar .offresEmploiSidebar .listOffresEmploiSid li a .txtOffre .recruteurOffre {
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
}
.sidebar .offresEmploiSidebar .listOffresEmploiSid li a .imgOffre {
  float: left;
  width: 12.6865671642%;
  margin: 0 0 0 19.776119403%;
}
.sidebar .offresEmploiSidebar .listOffresEmploiSid li a .imgOffre img {
  max-width: 100%;
}
.sidebar .offresEmploiSidebar .listOffresEmploiSid li a:hover .txtOffre .titreOffre, .sidebar .offresEmploiSidebar .listOffresEmploiSid li a:hover .txtOffre .recruteurOffre {
  text-decoration: underline;
}
.sidebar .offresEmploiSidebar .linkAll {
  margin: 10px 0 0;
  text-align: right;
}
.sidebar .offresEmploiSidebar .linkAll [class^=icon-] {
  display: inline-block;
  color: #e8412c;
  font-size: 10px;
  margin: 3px 0 0;
}
.sidebar .offresEmploiSidebar .linkAll a {
  text-decoration: none;
  color: #e8412c;
}
.sidebar .offresEmploiSidebar .linkAll a:hover {
  text-decoration: underline;
}
.sidebar .blocNosPartenaires {
  padding: 15px 20px 20px;
  background-color: #ececec;
}
.sidebar .blocNosPartenaires .listNosPartenaires {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  background-color: #ffffff;
  text-align: center;
}
.sidebar .blocNosPartenaires .listNosPartenaires li a {
  text-decoration: none;
  display: block;
  padding: 15px 10px;
}
.sidebar .blocNosPartenaires .listNosPartenaires li a img {
  max-width: 100%;
}
.sidebar .blocNosPartenaires .listNosPartenaires li a .titrePartenaire {
  color: #000000;
  margin: 10px 0 0;
  font-size: 14px;
  font-weight: bold;
}

/* *************************************** */
/* ====== COMPATIBILITE NAVIGATEUR ======= */
/* IE */
.ie .sidebar .blocAbo a {
  padding: 4px 0 2px;
}

.pagination {
  margin-top: 50px;
  border-top: 1px solid #cccccc;
  padding-top: 20px;
  font-weight: bold;
  text-align: center;
}
.pagination a {
  display: inline-block;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  text-decoration: none;
  min-width: 30px;
  text-align: center;
  color: #737373;
  text-decoration: none;
}
.pagination a:hover, .pagination a.active {
  background-color: #737373;
  border: 1px solid #737373;
  color: #ffffff;
}
@media only screen and (max-device-width: 737px), (max-width: 737px) {
  .pagination a.number {
    display: none;
  }
}
.pagination .paginUnit {
  margin: 0 11.5473441109% 28px;
}
.pagination .paginUnit a {
  font-size: 16px;
  padding: 4px 5px;
}
.pagination .paginUnit a:not(:first-child) {
  margin: 0 0 12px 0.8823529412%;
}
.pagination .paginUnit a.flechPrev {
  margin-right: 3.3333333333%;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.pagination .paginUnit a.flechNext {
  margin-left: 4.2424242424%;
}
.pagination .paginUnit a [class^=icon-] {
  font-size: 13px;
}
.pagination .paginUnit span {
  margin: 0 0 0 1.2121212121%;
  color: #737373;
}
.pagination .paginLots {
  margin: 0 11.5473441109% 48px;
}
.pagination .paginLots a {
  padding: 5px 5px;
}
.pagination .paginLots a:not(:first-child) {
  margin: 0 0 12px 0.8823529412%;
}

.blocRecherche {
  background-color: #666666;
  font-size: 0;
}
.blocRecherche input[type=text] {
  margin: 9px 0 9px 2.25%;
  padding: 3px 2.5%;
  width: 87.75%;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #e9e9e9;
  font-size: 12px;
}
.blocRecherche button {
  width: 9.75%;
  border: none;
  background: none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.blocRecherche button [class*=icon-] {
  color: #ffffff;
  font-size: 20px;
}

.relatifArt {
  float: left;
  width: 28.5714285714%;
  margin-right: 2.8571428571%;
}
.relatifArt a {
  text-decoration: none;
}
.relatifArt .infosArt {
  padding: 1px 0 1px 10px;
  border-left: 3px solid #000000;
  margin: 0 0 13px;
}
.relatifArt .infosArt .auteur {
  display: block;
  color: #e73f12;
  margin: 0 0 15px;
  font-weight: bold;
  text-transform: uppercase;
}
.relatifArt .infosArt .datesArt {
  font-size: 12px;
  margin: 0 0 15px;
}
.relatifArt .infosArt .datesArt .publiTime {
  display: block;
}
.relatifArt .sommaireDossier {
  margin: 0 0 60px;
}
.relatifArt .sommaireDossier .titreType5 {
  font-weight: bold;
  margin: 0 0 6px;
}
.relatifArt .sommaireDossier .titreType5 .icon-chevron {
  display: none;
}
.relatifArt .sommaireDossier ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.relatifArt .sommaireDossier ul li {
  *zoom: 1;
  padding: 0 0 10px;
}
.relatifArt .sommaireDossier ul li:before, .relatifArt .sommaireDossier ul li:after {
  content: " ";
  display: block;
}
.relatifArt .sommaireDossier ul li:after {
  clear: both;
}
.relatifArt .sommaireDossier ul li .icon-flechebouton {
  font-size: 10px;
  display: block;
  float: left;
  color: #e73f12;
  margin-top: 4px;
}
.relatifArt .sommaireDossier ul li p {
  margin: 0 0 0 2px;
}
.relatifArt .sommaireDossier ul li p.active {
  color: #e73f12;
}
.relatifArt .sommaireDossier ul li a {
  width: 94%;
  display: block;
  float: left;
  color: #000000;
  margin-left: 2px;
}
.relatifArt .sommaireDossier ul li a.active {
  color: #e73f12;
}
.relatifArt .sommaireDossier ul li a:hover {
  text-decoration: underline;
}
.relatifArt .sommaireDossier .miniPagin {
  *zoom: 1;
}
.relatifArt .sommaireDossier .miniPagin:before, .relatifArt .sommaireDossier .miniPagin:after {
  content: " ";
  display: block;
}
.relatifArt .sommaireDossier .miniPagin:after {
  clear: both;
}
.relatifArt .sommaireDossier .miniPagin a {
  display: block;
  color: #737373;
  font-size: 12px;
}
.relatifArt .sommaireDossier .miniPagin a.precArt {
  float: left;
}
.relatifArt .sommaireDossier .miniPagin a.suivArt {
  float: right;
}
.relatifArt .commArt {
  position: relative;
  background-color: #e9e9e9;
  padding: 10px 10px 15px 20px;
  border-radius: 5px;
  margin: 0 0 30px;
}
.relatifArt .commArt .titreType5 {
  margin: 0;
  cursor: pointer;
  font-weight: bold;
}
.relatifArt .commArt .icon-pointebulle {
  position: absolute;
  bottom: -13px;
  left: 15px;
  color: #e9e9e9;
}
.relatifArt .commArt .blocComments {
  display: none;
  position: fixed;
  z-index: 90;
  right: -480px;
  top: 41px;
  overflow: auto;
  width: 430px;
  max-height: 94%;
  padding: 20px;
  background-color: #e9e9e9;
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.relatifArt .commArt .blocComments > :last-child {
  margin-bottom: 61px;
}
.relatifArt .commArt .blocComments .titreType9 {
  *zoom: 1;
}
.relatifArt .commArt .blocComments .titreType9:before, .relatifArt .commArt .blocComments .titreType9:after {
  content: " ";
  display: block;
}
.relatifArt .commArt .blocComments .titreType9:after {
  clear: both;
}
.relatifArt .commArt .blocComments .titreType9 .icon-croix {
  display: block;
  float: right;
  cursor: pointer;
  font-weight: bold;
  font-size: 25px;
}
.relatifArt .commArt .blocComments .formComments {
  *zoom: 1;
  margin: 15px 0 0;
  border-top: 1px solid #cccccc;
  padding: 20px 0 25px;
}
.relatifArt .commArt .blocComments .formComments:before, .relatifArt .commArt .blocComments .formComments:after {
  content: " ";
  display: block;
}
.relatifArt .commArt .blocComments .formComments:after {
  clear: both;
}
.relatifArt .commArt .blocComments .formComments .errorMessage {
  color: #e30614;
  font-size: 12px;
  margin: 0 0 12px;
}
.relatifArt .commArt .blocComments .formComments input[type=text], .relatifArt .commArt .blocComments .formComments textarea {
  font-size: 14px;
  width: 100%;
  padding: 10px;
  border: 1px solid #cccccc;
}
.relatifArt .commArt .blocComments .formComments input[type=text].active, .relatifArt .commArt .blocComments .formComments textarea.active {
  border: 1px solid #000000;
}
.relatifArt .commArt .blocComments .formComments input[type=text] {
  margin: 0 0 10px;
  height: 40px;
}
.relatifArt .commArt .blocComments .formComments textarea {
  margin: 0 0 13px;
  height: 180px;
  font-family: Arial, Helvetica, sans-serif;
}
.relatifArt .commArt .blocComments .boutonType1 {
  display: block;
  float: right;
  cursor: pointer;
  padding: 2px 10px 3px;
  font-size: 14px;
}
.relatifArt .commArt .blocComments .commentNiv1 .infoComment, .relatifArt .commArt .blocComments .commentNiv2 .infoComment {
  margin: 0 0 5px;
}
.relatifArt .commArt .blocComments .commentNiv1 .infoComment .icon-commentaire, .relatifArt .commArt .blocComments .commentNiv2 .infoComment .icon-commentaire {
  color: #737373;
  font-size: 17px;
  vertical-align: middle;
}
.relatifArt .commArt .blocComments .commentNiv1 .infoComment .icon-reponse, .relatifArt .commArt .blocComments .commentNiv2 .infoComment .icon-reponse {
  position: absolute;
  left: 21px;
  top: 9px;
  color: #737373;
  font-size: 28px;
}
.relatifArt .commArt .blocComments .commentNiv1 .infoComment .authorComment, .relatifArt .commArt .blocComments .commentNiv2 .infoComment .authorComment {
  color: #e73f12;
  text-transform: uppercase;
  margin: 0 0 0 4px;
}
.relatifArt .commArt .blocComments .commentNiv1 .infoComment .dateComment, .relatifArt .commArt .blocComments .commentNiv2 .infoComment .dateComment {
  font-size: 12px;
  color: #737373;
}
.relatifArt .commArt .blocComments .commentNiv1 .contentComment, .relatifArt .commArt .blocComments .commentNiv2 .contentComment {
  margin: 0 0 5px;
}
.relatifArt .commArt .blocComments .commentNiv1 .actionComment, .relatifArt .commArt .blocComments .commentNiv2 .actionComment {
  font-size: 12px;
  color: #e73f12;
  margin: 0;
}
.relatifArt .commArt .blocComments .commentNiv1 .actionComment .replyComment, .relatifArt .commArt .blocComments .commentNiv1 .actionComment .signalComment, .relatifArt .commArt .blocComments .commentNiv2 .actionComment .replyComment, .relatifArt .commArt .blocComments .commentNiv2 .actionComment .signalComment {
  color: #e73f12;
  text-decoration: none;
}
.relatifArt .commArt .blocComments .commentNiv1 .actionComment .replyComment:hover, .relatifArt .commArt .blocComments .commentNiv1 .actionComment .signalComment:hover, .relatifArt .commArt .blocComments .commentNiv2 .actionComment .replyComment:hover, .relatifArt .commArt .blocComments .commentNiv2 .actionComment .signalComment:hover {
  text-decoration: underline;
}
.relatifArt .commArt .blocComments .commentNiv1 {
  margin: 15px 0 0;
  border-top: 1px solid #cccccc;
  padding: 15px 0 0;
}
.relatifArt .commArt .blocComments .commentNiv1:first-child {
  margin: 35px 0 0;
}
.relatifArt .commArt .blocComments .commentNiv2 {
  position: relative;
  padding: 15px 0 0 60px;
}
.relatifArt .commArt .blocComments #suiteComm {
  *zoom: 1;
  margin: 15px 0 61px;
  border-top: 1px solid #cccccc;
  padding: 15px 0 0;
}
.relatifArt .commArt .blocComments #suiteComm:before, .relatifArt .commArt .blocComments #suiteComm:after {
  content: " ";
  display: block;
}
.relatifArt .commArt .blocComments #suiteComm:after {
  clear: both;
}
.relatifArt .commArt .blocComments #suiteComm ~ [class^=commentNiv] {
  display: none;
}
.relatifArt .toolBar {
  margin: 0 0 35px;
}
.relatifArt .toolBar a:not(:first-child) {
  margin-left: 7.2%;
}

.toolBar {
  margin: 0 0 35px;
}
.toolBar a {
  display: inline-block;
  max-height: 22px;
  margin: 5px 0 0;
  text-decoration: none;
}
.toolBar a:first-child {
  width: 18px;
}
.toolBar a:not(:first-child) {
  margin-left: 4.1666666667%;
}
.toolBar a [class^=icon] {
  vertical-align: middle;
}
.toolBar a .icon-facebook {
  color: #4c5f92;
  font-size: 22px;
}
.toolBar a .icon-twitter {
  color: #26c3f0;
  font-size: 22px;
}
.toolBar a .icon-linkedin {
  color: #007cb9;
  font-size: 16px;
}
.toolBar a .icon-google {
  color: #dd4839;
  font-size: 23px;
}
.toolBar a .icon-enveloppe {
  color: #737373;
  font-size: 22px;
}
.toolBar a .icon-print {
  color: #737373;
  font-size: 22px;
}

.blocEnCeMoment {
  display: table;
  margin: 0 0 10px;
  width: 100%;
  border: 1px solid #cccccc;
}
.blocEnCeMoment .titreEnCeMoment {
  display: table-cell;
  background-color: #e8412c;
  color: #ffffff;
  padding: 10px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
  width: 12.3407643312%;
}
.blocEnCeMoment .listEnCeMoment {
  display: table-cell;
  list-style: none;
  vertical-align: middle;
  padding: 0;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}
.blocEnCeMoment .listEnCeMoment li {
  display: inline-block;
  padding: 5px 0;
}
.blocEnCeMoment .listEnCeMoment li a {
  color: #333333;
  padding: 0 15px;
  border-right: 1px solid #cccccc;
  text-decoration: none;
}
.blocEnCeMoment .listEnCeMoment li:last-child a {
  border: none;
}

.blocCtaNewsletter {
  background-color: #e8412c;
  color: #ffffff;
  padding: 20px 15px;
  margin: 50px 0 0;
}
.blocCtaNewsletter + [class^=artType] {
  margin-top: 40px;
}
.blocCtaNewsletter .titreCtaNewsletter {
  font-size: 22px;
  font-family: "rockinghamregular";
  text-transform: uppercase;
  display: block;
  margin: 0 0 10px;
}
.blocCtaNewsletter .titreCtaNewsletter span {
  font-family: "rockinghambold";
}
.blocCtaNewsletter input[type=text] {
  padding: 10px;
  border: none;
  width: 70%;
  display: inline-block;
  vertical-align: top;
  height: 40px;
}
.blocCtaNewsletter input[type=text].error {
  color: #e30614;
}
.blocCtaNewsletter input[type=submit] {
  font-size: 16px;
  font-weight: bold;
  padding: 0 8px;
  border: 1px solid #ffffff;
  border-radius: 5px;
  text-transform: uppercase;
  background-color: transparent;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 6px;
  height: 40px;
  cursor: pointer;
}
.blocCtaNewsletter input[type=submit]:hover {
  background-color: #ffffff;
  color: #e8412c;
}

.confirmCtaNewsletter {
  background-color: #e8412c;
  color: #ffffff;
  padding: 20px 15px 25px;
  margin: 50px 0 0;
  text-align: center;
  font-family: "rockinghambold";
}
.confirmCtaNewsletter + [class^=artType] {
  margin-top: 40px;
}
.confirmCtaNewsletter .bienvenue {
  font-size: 35px;
  margin: 0;
}
.confirmCtaNewsletter .confirmInscrit {
  margin: 5px 0 0;
  font-size: 19px;
}

body.hasArche header {
  width: 100%;
  max-width: 1256px;
  margin-left: auto;
  margin-right: auto;
}
body.hasArche header.headerFixe {
  max-width: none;
}
body.hasArche header .ulPrincipale {
  width: 100%;
}
body.hasArche #oas_TopRight {
  height: 0;
}
body.hasArche #oas_Top1 {
  padding-bottom: 40px;
}
body.hasArche .contentSite {
  background-color: #ffffff;
}
body.hasArche .contentSite > :first-child {
  margin-top: 0px;
}
body.hasArche .bandeauService {
  width: 100%;
  max-width: 1256px;
  margin-left: auto;
  margin-right: auto;
}
body.hasArche .bandeauService .contentSite {
  background-color: #e9e9e9;
}

.pubRight {
  position: absolute;
  top: 214px;
  margin-left: 628px;
  left: 50%;
}

#oas_x90 + .artTypeB2 {
  border-top: none;
}

.jqGoogleAdServe {
  padding: 15px 0;
}

#sky {
  width: 120px;
  position: fixed;
  right: 0;
  top: 0;
  margin-top: -15px;
}

.boutonType1 {
  color: #ffffff;
  padding: 7px 11px;
  border-radius: 5px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: 0 2px 1px 0 rgba(5, 6, 6, 0.33);
  display: inline;
  border: none;
  cursor: pointer;
  background-color: #000000;
}

.boutonType6 {
  color: #ffffff;
  padding: 7px 11px;
  border-radius: 5px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: 0 2px 1px 0 rgba(5, 6, 6, 0.33);
  display: inline;
  border: none;
  cursor: pointer;
  background-color: #e73f12;
  -webkit-appearance: none;
}

/* mon compte */
.boutonTypeLien {
  text-decoration: none;
  color: #000000;
  font-size: 16px;
}
.boutonTypeLien [class^=icon-] {
  color: #e8412c;
  font-size: 10px;
  margin: 6px 5px 0 0;
  float: left;
}
.boutonTypeLien:hover {
  text-decoration: underline;
}

.plusArtBtnPos {
  float: left;
  margin: 0 0 50px 2.471169687%;
  width: 48.1054365733%;
}
.plusArtBtnPos .boutonType1 {
  display: inline-block;
  font-size: 16px;
  margin: 0 0 0 3.4246575342%;
}

.btnPosC {
  text-align: center;
}
.btnPosC .boutonType1, .btnPosC .boutonType6 {
  box-shadow: 0 2px 2px 1px #cccccc;
  display: inline-block;
  margin: 0 0 55px 0;
  font-size: 16px;
}

.zonePlus {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 9.9397590361%;
  height: 31px;
}
.zonePlus .decoRond,
.zonePlus .decoRond2 {
  margin: 5px 5px 1px 5px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-left: none;
  background-color: #737373;
  border-radius: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  color: #ffffff;
}
.zonePlus .decoRond.moins,
.zonePlus .decoRond2.moins {
  line-height: 16px;
}

.playDiapo {
  display: block;
  margin: 20px auto;
  text-align: center;
  width: 36.5714285714%;
  background-color: #e8412c;
  border: 0 none;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .playDiapoD {
    display: none;
  }
}

.boutonTriTable {
  color: #ffffff;
  padding: 7px 11px;
  border-radius: 5px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: 0 2px 1px 0 rgba(5, 6, 6, 0.33);
  display: inline;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  padding: 10px 15px;
  text-align: left;
  box-shadow: none;
  background-color: #e73f12;
  border: 2px solid #e73f12;
}
.boutonTriTable:hover, .boutonTriTable--active {
  background-color: #ffffff;
  color: #e73f12;
}
@media only screen and (min-device-width: 900px), (min-width: 900px) {
  .boutonTriTable {
    padding: 10px 20px;
  }
}

p.error {
  font-size: 11px;
  color: #e30614;
  margin: 0;
}

input[type=text].error, select.error {
  border: 1px solid #e30614;
}

.inputRadio {
  float: left;
  display: block;
  margin: 6px 0 15px 0;
  padding: 0;
}

.labelRadio {
  float: left;
  display: block;
  margin: 5px 0 15px 2px;
  padding: 0;
  width: 80px;
}

.labelChTxt {
  float: left;
  display: block;
  margin: 0 0 12px 0;
  padding: 7px 10px 0 0;
  width: 31.0502283105%;
  text-align: right;
}

.labelChNews {
  display: block;
  margin: 0 0 15px;
}

.inputText {
  float: left;
  display: block;
  margin: 0 0 12px 0;
  padding: 5px 10px;
  width: 37.3287671233%;
  border: 1px solid #cccccc;
}

.selectText {
  float: left;
  display: block;
  margin: 0 0 12px 0;
  padding: 5px 10px 5px 0;
  width: 37.3287671233%;
  border: 1px solid #cccccc;
}

.champsObligatoires {
  padding: 0;
  font-size: 11px;
  font-style: italic;
}

.labelChbx:after {
  clear: both;
}

.errorsLeft {
  float: left;
  display: block;
  margin: 0 0 12px 0;
  padding: 0 20px;
  width: 15.9817351598%;
  font-size: 11px;
  color: #e73f12;
}

.errorsLeft.isInvalid {
  color: #e73f12;
}

.inputText.isInvalid {
  border: 1px solid #e73f12;
}

.connexion .sidebar {
  margin-top: 40px;
}

.titreBlocConnex {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.titreBlocConnex [class^=icon-] {
  margin: 0 15px 0 0;
  color: #cccccc;
  font-size: 40px;
  vertical-align: middle;
}

.connexBloc {
  *zoom: 1;
}
.connexBloc:before, .connexBloc:after {
  content: " ";
  display: block;
}
.connexBloc:after {
  clear: both;
}
.connexBloc .connexBlocG {
  float: left;
  width: 25.1428571429%;
  margin: 0 0 0 14.2857142857%;
  padding: 0 0 15px;
}
.connexBloc .connexBlocG input[type=text], .connexBloc .connexBlocG input[type=password] {
  padding: 7px 5px;
  border: 1px solid #cccccc;
  width: 100%;
  color: #737373;
  font-size: 14px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.connexBloc .connexBlocG input[type=text] {
  margin: 15px 0 0;
}
.connexBloc .connexBlocG input[type=password] {
  margin: 20px 0 0;
}
.connexBloc .connexBlocG input[type=submit] {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  margin: 0;
}
.connexBloc .connexBlocG .mdpPerdu {
  color: #737373;
  font-size: 12px;
  display: inline-block;
  margin: 5px 0 0;
}
.connexBloc .connexBlocG .btnPosC {
  margin: 30px 0 0;
}
.connexBloc .connexBlocD {
  float: left;
  width: 44.5714285714%;
  margin: 0 0 0 5.1428571429%;
  padding: 0 0 15px 5.1428571429%;
  border-left: 1px solid #cccccc;
  background-position: 40px 18px;
  background-repeat: no-repeat;
  background-image: url("/images/fond_pas_abo_connexion.png");
  background-size: 89%;
}
.connexBloc .connexBlocD .btnPosC {
  margin: 151px 0 0;
}
.connexBloc .connexBlocD .btnPosC .boutonType6 {
  margin: 0;
}

.titreResetPass {
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 10px;
}

.descResetPass {
  font-size: 16px;
  margin: 0;
}

.formResetPass {
  margin: 35px 0 0;
}
.formResetPass input[type=text] {
  padding: 7px 5px;
  border: 1px solid #cccccc;
  width: 54.2857142857%;
  color: #737373;
  font-size: 14px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.formResetPass input[type=submit] {
  cursor: pointer;
  background-color: #e73f12;
  color: #ffffff;
  padding: 7px 5px;
  font-weight: bold;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  text-transform: uppercase;
  border: none;
  margin: 0 0 0 20px;
}
.formResetPass p.error {
  margin: 10px 0 0;
}

.artTypeA1 {
  position: relative;
  margin: 0 0 40px 0;
  background-color: #e9e9e9;
}
.artTypeA1 .imgContainer {
  float: left;
  width: 49.4233937397%;
}
.artTypeA1 .contenuArt {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 51.8945634267%;
  padding: 30px;
  height: 340px;
  overflow: hidden;
  background-color: #ffffff;
}
.artTypeA1 .contenuArt .titreArt {
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 35px;
  font-weight: bold;
}
.artTypeA1 .contenuArt .chapoArt {
  font-size: 21px;
  margin: 0 0 10px 0;
  padding: 0;
}
.artTypeA1 .contenuArt .dateTagArt {
  font-size: 14px;
}

.mainContainer {
  min-height: 900px;
}
.mainContainer.clearfix {
  *zoom: 1;
}
.mainContainer.clearfix:before, .mainContainer.clearfix:after {
  content: " ";
  display: block;
}
.mainContainer.clearfix:after {
  clear: both;
}

.mainContainer .artTypeA1 .imgContainer {
  width: 50.2857142857%;
}
.mainContainer .artTypeA1 .contenuArt {
  right: 15px;
  top: 15px;
  width: 52%;
  padding: 20px;
  height: 263px;
}
.mainContainer .artTypeA1 .contenuArt .titreArt {
  margin: 0 0 12px 0;
}
.mainContainer .artTypeA1 .contenuArt .chapoArt {
  margin: 0 0 10px 0;
}

.artTypeA2 {
  position: relative;
  float: left;
  width: 48%;
  margin: 0 0 25px 4%;
}
.artTypeA2:first-child {
  margin: 0 0 25px;
}
.artTypeA2 .imgContainer {
  width: 100%;
  font-size: 0;
}
.artTypeA2 .contenuArt {
  position: relative;
  margin: -25px 0 0 7.1428571429%;
  padding: 20px 20px 0;
  background-color: #ffffff;
}
.artTypeA2 .contenuArt .titreArt {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 22px;
  font-weight: bold;
}
.artTypeA2 .contenuArt .chapoArt {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px;
}
.artTypeA2 .dateTagArt {
  margin: 0 0 0 11.9047619048%;
}

.artTypeA3 {
  position: relative;
  float: left;
  width: 29.6052631579%;
  margin: 0 0 55px 5.5921052632%;
}
.artTypeA3 .imgContainer {
  width: 100%;
  font-size: 0;
}
.artTypeA3 .contenuArt {
  position: relative;
  margin: -12px 0 0 5.5555555556%;
  padding: 20px 20px 0;
  background-color: #ffffff;
}
.artTypeA3 .contenuArt .etiquetteArt {
  margin-bottom: 12px;
}
.artTypeA3 .contenuArt .titreArt {
  margin: 0;
  font-size: 22px;
  font-weight: bold;
}
.artTypeA3 .contenuArt .chapoArt {
  font-size: 14px;
  margin: 8px 0;
}
.artTypeA3 .dateTagArt {
  padding-left: 20px;
  margin-left: 5.5555555556%;
}

.artTypeA4 {
  position: relative;
  float: left;
  width: 49.4233937397%;
  margin: 0 0 50px;
}
.artTypeA4 .imgContainer {
  width: 100%;
  font-size: 0;
}
.artTypeA4 .contenuArt {
  position: relative;
  margin: -33px 0 0 4.6666666667%;
  padding: 20px 20px 0;
  background-color: #ffffff;
}
.artTypeA4 .contenuArt .titreArt {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 26px;
  font-weight: bold;
}
.artTypeA4 .contenuArt .chapoArt {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px;
}
.artTypeA4 .dateTagArt {
  margin: 0 0 0 8.3333333333%;
}

.artTypeB3 {
  float: left;
  margin: 0 0 40px 2.471169687%;
  width: 48.1054365733%;
}
.artTypeB3 .imgContainer {
  float: left;
  width: 35.9589041096%;
  font-size: 0;
}
.artTypeB3 .contenuArt {
  margin: 0;
  padding: 0;
}
.artTypeB3 .contenuArt .titreArt {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 22px;
  font-weight: bold;
}
.artTypeB3 .contenuArt .chapoArt {
  margin: 0 0 10px 0;
  padding: 0;
}
.artTypeB3 .contenuArt.siImg {
  width: 60.6164383562%;
  margin: 0 0 0 3.4246575342%;
  float: left;
}
.artTypeB3.verrouiller .contenuArt {
  margin: 0 0 0 3.4246575342%;
}

.artTypeB1 {
  float: left;
  width: 30.9714285714%;
  margin: 0 0 40px 3.5428571429%;
}
.artTypeB1 .imgContainer {
  width: 100%;
  font-size: 0;
}
.artTypeB1 .contenuArt {
  width: 100%;
  padding: 20px 0 0;
}
.artTypeB1 .contenuArt .titreArt {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 22px;
  font-weight: bold;
}
.artTypeB1.verrouiller {
  border: 0;
}
.artTypeB1.verrouiller .imgContainer {
  border-left: 10px solid #e73f12;
}

.artTypeB2 {
  margin: 0 0 40px 0;
}
.artTypeB2.verrouSsImage {
  border-left: 10px solid #e73f12;
  padding-left: 1.5%;
}
.artTypeB2 .imgContainer {
  float: left;
  width: 24%;
  font-size: 0;
}
.artTypeB2 .contenuArt {
  margin: 0;
}
.artTypeB2 .contenuArt.siImg {
  float: left;
  width: 73.1428571429%;
  margin: 0 0 0 2.2857142857%;
}
.artTypeB2 .contenuArt .titreArt {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 22px;
  font-weight: bold;
}
.artTypeB2 .contenuArt .chapoArt {
  margin: 0 0 10px 0;
  padding: 0;
}
.artTypeB2 .dateTagArt {
  margin: 7px 0 0;
}
.artTypeB2 .dateTagArt.siImg {
  margin: 7px 0 0 26.2857142857%;
}
.artTypeB2 a.verrouiller .contenuArt {
  margin: 0 0 0 2.2857142857%;
}
.artTypeB2 a.verrouiller + .dateTagArt {
  padding-left: 10px;
}
.artTypeB2 a.verrouiller + .dateTagArt:not(.siImg) {
  margin: 7px 0 0 2.2857142857%;
}

.titreType1 {
  margin: 0 0 30px 0;
  padding: 20px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: bold;
  color: #e73f12;
  border-top: 5px solid #e73f12;
}
.titreType1 span {
  font-weight: normal;
}

.titreType2 {
  margin: 0 0 30px 0;
  padding: 20px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: bold;
  color: #000000;
  border-top: 5px solid #000000;
}

.titreType3 {
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 45px;
}

.titreType4 {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 21px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.titreType5 {
  text-transform: uppercase;
  font-size: 16px;
}

.titreAvecIcon {
  margin: 0;
}
.titreAvecIcon [class^=icon-] {
  font-size: 35px;
  margin-bottom: 3px;
}
.titreAvecIcon .titreType5 {
  display: inline-block;
}

.titreType6 {
  margin: 0 0 30px 0;
  padding: 0;
  font-size: 45px;
  text-transform: uppercase;
  color: #e73f12;
  font-weight: bold;
}

.titreType7 {
  margin: 0 0 30px;
  font-size: 45px;
  font-weight: bold;
}

.titreType8 {
  margin: 0;
  font-size: 28px;
  text-transform: uppercase;
  color: #e73f12;
}

.titreType9 {
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0;
}

.titreType10 {
  color: #e8412c;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 1px solid #cccccc;
  margin: 0;
}

.titreType11 {
  margin: 0;
  text-transform: uppercase;
  border-bottom: 1px solid #cccccc;
  padding: 0 0 2px;
  font-size: 16px;
  font-weight: bold;
}

.titreType12 {
  margin: 0;
  border-top: 3px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 12px 0 15px;
  font-size: 24px;
  font-weight: bold;
}

.titreType13 {
  margin: 0;
  background-color: #000000;
  padding: 15px;
  font-size: 18px;
  text-transform: uppercase;
  color: #ffffff;
}

.tableType1 {
  margin: 30px 0 0;
  border-collapse: collapse;
  width: 100%;
  font-size: 16px;
  border-top: 1px solid #cccccc;
}
.tableType1 tr.border {
  border-bottom: 1px solid #cccccc;
}
.tableType1 tr td {
  padding: 10px;
}
.tableType1 tr td:first-child {
  font-weight: bold;
}
.tableType1 tr td [class*=icon-] {
  color: #e73f12;
  font-size: 10px;
  margin: 0 5px 0 0;
}
.tableType1 tr td a {
  text-decoration: none;
  color: #000000;
}
.tableType1 tr td a:hover {
  color: #e73f12;
}

.tableResponsive {
  margin: 30px 0 0;
  width: 100%;
  display: table;
  table-layout: fixed;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -o-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
@media only screen and (max-width: 900px) {
  .tableResponsive {
    word-wrap: normal;
    -moz-hyphens: manual;
    -webkit-hyphens: manual;
    -o-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }
}
@media only screen and (min-width: 901px) {
  .tableResponsive {
    margin: 0;
  }
}
.tableResponsive--bordered {
  border-right: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
}
.tableResponsive__head {
  background-color: #e9e9e9;
  color: #e73f12;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}
@media only screen and (min-width: 901px) {
  .tableResponsive__head {
    font-size: 14px;
  }
}
@media only screen and (max-width: 900px) {
  .tableResponsive__head {
    display: none;
  }
  .tableResponsive__head + .tableResponsive {
    margin-top: 10px;
  }
}
.tableResponsive__head.tableResponsive--bordered {
  border-top: 1px #cccccc solid;
}
.tableResponsive__headM {
  padding: 10px 5px 10px 10px;
  width: 50%;
  display: table-cell;
  background-color: #e9e9e9;
  color: #e73f12;
  font-weight: bold;
}
@media only screen and (min-width: 901px) {
  .tableResponsive__headM {
    display: none;
  }
}
.tableResponsive__head .tableResponsive__cell {
  border-bottom: none;
  padding-top: 18px;
  padding-bottom: 18px;
}
.tableResponsive__cell {
  padding: 10px 5px 10px 10px;
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  border-bottom: 1px #cccccc solid;
}
@media only screen and (min-width: 901px) {
  .tableResponsive__cell {
    font-size: 16px;
    padding: 10px 10px 10px 20px;
  }
}
@media only screen and (max-width: 900px) {
  .tableResponsive__cell {
    padding: 0;
    display: table;
    table-layout: fixed;
  }
}
@media only screen and (max-width: 900px) {
  .tableResponsive__cell[class*=col-cell-] {
    width: 100%;
  }
}
@media only screen and (max-width: 900px) {
  .tableResponsive__cell:first-child {
    border-top: 1px #cccccc solid;
  }
}
@media only screen and (min-width: 901px) {
  .tableResponsive__cell:first-child {
    font-weight: bold;
    font-size: 15px;
    padding-left: 30px;
  }
}
.tableResponsive__content {
  margin: 0;
}
@media only screen and (max-width: 900px) {
  .tableResponsive__content {
    padding: 10px 5px 10px 10px;
    display: table-cell;
    vertical-align: baseline;
  }
}

header {
  background-color: #fab700;
  padding: 0;
  margin: 0;
}
header.headerFixe {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 90;
}
.desktop header.headerFixe .navPrincipale .ulPrincipale li:hover .sousMenu {
  display: none;
}
header .menuToggle1, header .colRS {
  display: none;
}
header .colRS {
  float: left;
  margin: 8px 0;
  padding: 0 0 0 0;
  width: 24.48%;
  border-right: 1px solid #737373;
}
header .colRS [class^=icon-] {
  color: #737373;
}
header .colRS a {
  padding: 0 8px;
}
header .suivreRS {
  display: none;
  font-size: 12px;
  color: #737373;
  padding: 8px 5px 0 0;
  float: left;
  margin: 3px 0 0 0;
}
header .contentHeader {
  *zoom: 1;
  width: 100%;
  max-width: 1256px;
  margin: 0 auto;
  padding: 0 20px;
}
header .contentHeader:before, header .contentHeader:after {
  content: " ";
  display: block;
}
header .contentHeader:after {
  clear: both;
}
header .contentHeader .logo {
  float: left;
  margin: 20px 0;
  padding: 0;
  font-size: 0;
}
header .contentHeader .logo a {
  display: block;
}
header .contentHeader .blocConnexion {
  float: right;
  margin-top: 50px;
  width: 49.7611464968%;
  text-align: right;
}
header .contentHeader .blocConnexion .boutonType1 {
  margin-left: 4.7058823529%;
}
@media only screen and (max-width: 1130px) {
  header .contentHeader .blocConnexion .boutonType1.btnAccount span {
    display: none;
  }
  header .contentHeader .blocConnexion .boutonType1.btnAccount:before {
    content: "";
    font-family: "icomoon" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (max-width: 1130px) {
  header .contentHeader .blocConnexion .boutonType1.btnAccountIcon span {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  header .contentHeader .blocConnexion .boutonType1.deconnexion {
    display: none;
  }
}
header .contentHeader.contentHeaderFixe {
  background-color: #fab700;
}
header .contentHeader.contentHeaderFixe .menuToggle1 {
  display: block;
  float: left;
  margin: 0 10px 0 -20px;
  padding: 10px 10px 11px;
  color: #ffffff;
  background-color: #737373;
  cursor: pointer;
}
header .contentHeader.contentHeaderFixe .menuToggle1 [class^=icon-] {
  font-size: 20px;
  float: left;
}
header .contentHeader.contentHeaderFixe .menuToggle1 .txtMenu {
  font-size: 12px;
  float: left;
  margin: 4px 0 0 3px;
}
header .contentHeader.contentHeaderFixe .logo {
  margin: 0;
  line-height: 40px;
}
header .contentHeader.contentHeaderFixe .logo a {
  max-width: 139px;
}
header .contentHeader.contentHeaderFixe .logo a img {
  vertical-align: middle;
}
header .contentHeader.contentHeaderFixe .blocConnexion {
  margin: 0;
  width: 49.7611464968%;
}
header .contentHeader.contentHeaderFixe .blocConnexion .boutonType6, header .contentHeader.contentHeaderFixe .blocConnexion .boutonType1 {
  display: inline-block;
  margin: 7px 2px 7px 10px;
  padding: 4px 11px;
}
header .contentHeader.contentHeaderFixe .suivreRS {
  display: block;
}
header .contentHeader.contentHeaderFixe .colRS {
  display: block;
}
header .navPrincipale {
  background-color: #000000;
}
header .navPrincipale .ulPrincipale {
  width: 100%;
  max-width: 1256px;
  margin: 0 auto;
  padding: 0 20px;
  *zoom: 1;
  list-style: none;
}
header .navPrincipale .ulPrincipale:before, header .navPrincipale .ulPrincipale:after {
  content: " ";
  display: block;
}
header .navPrincipale .ulPrincipale:after {
  clear: both;
}
header .navPrincipale .ulPrincipale li {
  float: left;
  padding: 0;
  position: relative;
}
header .navPrincipale .ulPrincipale li:hover {
  background-color: #cccccc;
}
header .navPrincipale .ulPrincipale li:hover a {
  color: #000000;
}
header .navPrincipale .ulPrincipale li:hover a span {
  border-right: 1px solid transparent;
}
.desktop header .navPrincipale .ulPrincipale li:hover .sousMenu {
  display: block;
}
header .navPrincipale .ulPrincipale li a {
  display: block;
  padding: 7px 0 8px;
  text-decoration: none;
  color: #ffffff;
}
header .navPrincipale .ulPrincipale li a span {
  display: block;
  padding: 0 10px 3px;
  border-right: 1px solid #737373;
  height: 15px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}
header .navPrincipale .ulPrincipale li .zonePlus {
  display: none;
}
header .navPrincipale .ulPrincipale li .sousMenu {
  display: none;
  border: 1px solid #cccccc;
  border-top: none;
  background-color: #ffffff;
  position: absolute;
  z-index: 999;
  left: 0px;
  top: 30px;
  width: 270px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  padding: 0;
  margin: 0;
  list-style-type: none;
}
header .navPrincipale .ulPrincipale li .sousMenu li {
  float: none;
}
header .navPrincipale .ulPrincipale li .sousMenu li a {
  padding: 7px 10px 8px;
}
header .navPrincipale.navPrincipaleFixe {
  position: fixed;
  top: 41px;
  left: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 90;
  background-color: transparent;
}
header .navPrincipale.navPrincipaleFixe .mqContainerUl {
  width: 100%;
  max-width: 1256px;
  margin: 0 auto;
  padding: 0 20px 0 0;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale {
  display: none;
  width: 332px;
  margin: 0;
  padding: 0;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li {
  background-color: #ffffff;
  width: 332px;
  position: relative;
  border-left: 1px solid #cccccc;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li:hover, header .navPrincipale.navPrincipaleFixe .ulPrincipale li:hover > a, header .navPrincipale.navPrincipaleFixe .ulPrincipale li:hover .zonePlus {
  background-color: #cccccc;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li a {
  padding-right: 40px;
  display: block;
  background-color: #ffffff;
  width: 100%;
  color: #000000;
  border-bottom: 1px solid #e9e9e9;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li a span {
  padding: 0 10px;
  height: 100%;
  border: none;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li .zonePlus {
  display: block;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li .sousMenu {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  border: none;
  background-color: #ffffff;
  box-shadow: none;
  display: none;
  overflow: hidden;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li .sousMenu li {
  border-left: none;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li .sousMenu li a {
  padding-left: 20px;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li .sousMenu li:hover a, header .navPrincipale.navPrincipaleFixe .ulPrincipale li .sousMenu li:hover .zonePlus {
  background-color: #e9e9e9;
}

.jqBurgerMenu {
  display: none;
}

.ulServiciel {
  width: 100%;
  max-width: 1256px;
  margin: 0 auto;
  padding: 0 20px;
  *zoom: 1;
  list-style: none;
  padding: 0;
  background-color: #000000;
}
.ulServiciel:before, .ulServiciel:after {
  content: " ";
  display: block;
}
.ulServiciel:after {
  clear: both;
}
.ulServiciel.jqBurgerMenu {
  width: 332px;
  margin: 0;
}
.ulServiciel li {
  float: left;
  padding: 0;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ffffff;
}
.ulServiciel li a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 11px 10px;
  font-size: 14px;
  font-weight: bold;
}
.ulServiciel li:hover a {
  color: #fab700;
}

.blocRecherche.jqBurgerMenu {
  width: 332px;
}

.colRS {
  display: block;
  margin: 0;
  padding: 0 20px 0 0;
  width: 37.8184713376%;
}
.colRS a {
  display: block;
  float: left;
  padding: 5px 8px;
  text-decoration: none;
}
.colRS a:first-child {
  padding-left: 10px;
}
.colRS a.twLink {
  margin-top: 2px;
}
.colRS [class^=icon-] {
  font-size: 20px;
}

footer {
  height: 63px;
  display: block;
  background-color: #000000;
}
@media (max-width: 800px) {
  footer {
    height: auto;
  }
  footer .colMarqGrp {
    float: none;
    width: 50%;
    margin: 10px auto;
  }
}
footer .contentFooter {
  width: 100%;
  max-width: 1256px;
  margin: 0 auto;
  padding: 0 20px;
  padding: 13px 0 4px 0;
  color: #ffffff;
}
footer .contentFooter a {
  color: #ffffff;
}
footer .contentFooter .colRS {
  float: left;
  width: 39.0304026294%;
}
footer .contentFooter .colRS [class^=icon-] {
  color: #cccccc;
}
footer .contentFooter .colMarqGrp {
  float: left;
  display: block;
  margin: 0;
  padding: 1px 1.5923566879% 0 0;
  width: 27.9375513558%;
}
@media (max-width: 480px) {
  footer .contentFooter .colMarqGrp {
    margin-left: 0;
    margin-right: 0;
  }
}
footer .contentFooter .colMarqGrp span {
  float: left;
  margin: 3px 0 0 0;
}
footer .contentFooter .colMarqGrp .ipdLogo {
  float: left;
  margin: 0 0 0 13px;
}
footer .contentFooter .colLinks {
  float: left;
  display: block;
  margin: 0;
  padding: 10px 0;
  width: 32.5390304026%;
  text-align: right;
  font-size: 12px;
}
footer .contentFooter .colLinks a {
  text-decoration: none;
}
footer .contentFooter .colLinks a:hover {
  text-decoration: underline;
}

#bandeauCookies {
  z-index: 10000;
  background-color: #ffffff;
  text-align: center;
  font-size: 11px;
  color: #000000;
  width: 100%;
}
#bandeauCookies a {
  color: #000000;
}
#bandeauCookies div {
  font-family: Arial, Helvetica, sans-serif;
  padding: 7px 0;
  line-height: 16px;
}
#bandeauCookies.nodisplay {
  display: none;
}
#bandeauCookies.top {
  border-bottom: 1px solid #cccccc;
  position: fixed;
  top: 0;
  left: 0;
}
#bandeauCookies.bottom {
  border-top: 1px solid #cccccc;
  position: fixed;
  bottom: 0;
  left: 0;
}
#bandeauCookies .btOk {
  font-family: Tahoma, Geneva, sans-serif;
  padding: 1px 4px 2px 5px;
  background-color: #e73f12;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  margin-left: 5px;
}
#bandeauCookies .plus {
  white-space: nowrap;
  margin-left: 50px;
}
#bandeauCookies .fleche {
  display: inline-block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #000000;
}
#bandeauCookies .fermer {
  font-weight: bold;
  margin-left: 10px;
  text-decoration: none;
}

.headerTop {
  background-color: #ffffff;
  position: absolute;
  width: 100%;
  top: 0;
}
.headerTop .contentHeaderTop {
  width: 100%;
  max-width: 1256px;
  margin: 0 auto;
  padding: 0 20px;
}
.headerTop .contentHeaderTop .navHauteGauche {
  width: 89.8089171975%;
  float: left;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.headerTop .contentHeaderTop .navHauteGauche li {
  display: inline-block;
}
.headerTop .contentHeaderTop .navHauteGauche li a {
  color: #737373;
  font-size: 12px;
  text-decoration: none;
  padding: 15px 10px 15px 0;
  display: block;
}
.headerTop .contentHeaderTop .navHauteDroite {
  padding: 0;
  margin: 0;
  list-style-type: none;
  *zoom: 1;
  float: right;
  width: 8.8375796178%;
  padding: 0;
}
.headerTop .contentHeaderTop .navHauteDroite:before, .headerTop .contentHeaderTop .navHauteDroite:after {
  content: " ";
  display: block;
}
.headerTop .contentHeaderTop .navHauteDroite:after {
  clear: both;
}
.headerTop .contentHeaderTop .navHauteDroite li {
  float: left;
  padding: 8px 0;
}
.headerTop .contentHeaderTop .navHauteDroite li .zoneIcon {
  margin: 0;
  padding: 0;
  width: 39px;
  height: 34px;
  line-height: 37px;
  text-align: center;
}
.headerTop .contentHeaderTop .navHauteDroite li .zoneIcon [class*=icon-] {
  font-size: 26px;
  color: #666666;
}
.headerTop .contentHeaderTop .navHauteDroite li .zoneIcon.croix {
  background-color: #666666;
}
.headerTop .contentHeaderTop .navHauteDroite li .zoneIcon.croix [class*=icon-] {
  font-size: 14px;
  color: #ffffff;
}
.headerTop .contentHeaderTop .navHauteDroite li .zoneIcon.croix [class*=icon-]:before {
  content: "";
}
.headerTop .contentHeaderTop .navHauteDroite li.loupe {
  margin-right: 4.7169811321%;
  cursor: pointer;
  position: relative;
}
.headerTop .contentHeaderTop .navHauteDroite li.loupe .blocRecherche {
  display: none;
  position: absolute;
  right: 0;
  top: 39px;
  width: 400px;
}
.headerTop .contentHeaderTop .navHauteDroite li a {
  color: #737373;
  display: block;
  margin: 0;
  padding: 5px 0 5px 7px;
}
.headerTop .contentHeaderTop .navHauteDroite li a .borderFr {
  border-right: 1px solid #737373;
  padding: 0 7px 0 0;
  height: 10px;
}

.homePage .encadreType1 {
  margin: 0 0 60px 0;
}

.bandeauService {
  background-color: #e9e9e9;
  padding: 30px 0;
}
.bandeauService .boutonType6 {
  display: inline-block;
  font-size: 16px;
}
.bandeauService .colG {
  float: left;
}
.bandeauService .colD {
  float: left;
}
.bandeauService .colD .contentText {
  margin: 10px 0 15px;
  height: 115px;
}
.bandeauService .colD .contentText p {
  margin: 0 0 15px 0;
}
.bandeauService .magazineServ {
  display: block;
  float: left;
  margin: 0;
  padding: 20px;
  background-color: #ffffff;
  width: 29.7364085667%;
}
.bandeauService .magazineServ .colG {
  margin: 0 1.3850415512% 0 4.9861495845%;
  padding: 0;
}
.bandeauService .magazineServ .colD {
  width: 54.0166204986%;
}
.bandeauService .newsletterServ {
  display: block;
  float: left;
  margin: 0 0 0 5.6013179572%;
  padding: 20px;
  background-color: #ffffff;
  width: 29.7364085667%;
}
.bandeauService .newsletterServ .colG {
  margin: 0 2.7700831025% 0 0;
  padding: 0;
}
.bandeauService .newsletterServ .colD {
  width: 52.3545706371%;
}
.bandeauService .adjudicationServForm {
  display: block;
  float: left;
  margin: 0 0 0 5.2718286656%;
  padding: 20px;
  background-color: #ffffff;
  width: 29.6540362438%;
}
.bandeauService .adjudicationServForm .colG {
  margin: 20px 2.7777777778% 0 1.3888888889%;
  padding: 0;
}
.bandeauService .adjudicationServForm .colG .icon-marteau {
  font-size: 95px;
  color: #737373;
}
.bandeauService .adjudicationServForm .colD {
  width: 66.1111111111%;
}
.bandeauService .adjudicationServForm .colD input[type=text] {
  margin: 0 0 15px 0;
  padding: 3px 5px;
  border-radius: 0;
  border: 1px solid #cccccc;
  font-size: 12px;
  width: 84.8739495798%;
}

.pageListe > :first-child {
  margin-top: 15px;
}
.pageListe .breadcrumb {
  margin-bottom: 30px;
}
.pageListe .descTitreList {
  margin: 0 0 15px;
}
.pageListe .descTitreList a {
  color: #000000;
}
.pageListe .blocSerieTags {
  text-align: center;
  padding: 0;
  margin: 0 0 45px 0;
  list-style-type: none;
}
.pageListe .blocSerieTags li:not(:first-child) {
  margin-left: 18px;
}
.pageListe .encadreType1 {
  margin: 0 0 40px;
}

.profilePage .sidebar {
  margin-top: 40px;
}
.profilePage .formCategorie {
  margin: 0 0 40px 0;
  display: block;
  clear: both;
}
.profilePage .titreCategorie {
  margin: 0 0 20px 31.0502283105%;
}
.profilePage .titreCategorie span {
  font-size: 16px;
  font-weight: bold;
}
.profilePage .codeAccesCat {
  margin: 0 0 40px 0;
  display: block;
  clear: both;
}
.profilePage .codeAccesCat .label2Lines {
  margin: -3px 0 12px 0;
  padding: 0 10px 0 0;
}
.profilePage .protectNiveauMdp {
  float: left;
  width: 37.3287671233%;
}
.profilePage .protectNiveauMdp div {
  background-color: #cccccc;
  margin: 8px 0 0 0;
  display: inline-block;
  height: 10px;
  width: 33.3333333333%;
  border-left: 2px solid #ffffff;
}
.profilePage .protectNiveauMdp div:first-child {
  border-left: 0;
}
.profilePage .protectNiveauMdp div.nivOk {
  background-color: #ada200;
}
.profilePage .champsObligatoires {
  margin: -8px 0 15px 31.0502283105%;
  width: 37.3287671233%;
  text-align: right;
}
.profilePage .typeChbx {
  float: left;
  margin: 1px 5px 15px 14.9543378995%;
}
.profilePage .labelChbx {
  margin: 3px 0 15px 0;
}
.profilePage .labelChbx:after {
  clear: both;
}
.profilePage .loiInfo {
  margin: 0 0 35px 0;
}
.profilePage .loiInfo a {
  color: #000000;
}
.profilePage .loiInfo .desinscription {
  display: inline-block;
  border: 1px solid #cccccc;
  height: 10px;
  width: 10px;
}
.profilePage .loiInfo p {
  margin: 0 0 5px;
  font-size: 12px;
}
.profilePage .labelRadio {
  display: inline-block;
  float: none;
}
.profilePage .inputRadio {
  display: inline-block;
  float: none;
}

.accountPage .sidebar {
  margin-top: 40px;
}
.accountPage .encadreType1 {
  font-size: 16px;
}
.accountPage .encadreType1 .boutonType6 {
  float: right;
  margin: 25px 20px 16px 0;
}
.accountPage .encadreType1 .boutonType6:hover {
  text-decoration: none;
}
.accountPage .encadreType1 [class^=icon-] {
  font-size: 35px;
  float: left;
  margin: 5px 10px 3px -5px;
  color: #cccccc;
}
.accountPage .encadreType1 .icon-bulles {
  margin: 10px 10px 3px -5px;
}
.accountPage .encadreType1 .titreEncadre {
  margin: 10px 0 10px;
  padding: 0;
  font-size: 24px;
  font-weight: bold;
}
.accountPage .encadreType1 .colTxt {
  float: left;
  margin: 0;
  padding: 0 0 20px 20px;
  width: 75.3424657534%;
}

.inscrNl {
  margin: 40px auto 80px;
  max-width: 1215px;
  min-height: 1000px;
  background-image: url("/images/fond_inscription_news.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.inscrNl .colGinscrNl {
  float: left;
  width: 45.2674897119%;
  margin: 50px 0 0 4.9382716049%;
}
.inscrNl .colGinscrNl .titreInscrNl {
  margin: 0;
  font-size: 45px;
  font-weight: bold;
}
.inscrNl .colGinscrNl .descInscrNl {
  margin: 20px 0 0;
  font-size: 24px;
  font-weight: bold;
}
.inscrNl .colDinscrNl {
  box-shadow: 0 0 5px 2px rgba(102, 102, 102, 0.75);
  float: left;
  width: 40.329218107%;
  padding: 45px 5.3497942387%;
  margin: 50px 0 150px 7.4074074074%;
  position: relative;
  background-color: #e9e9e9;
  /*&:before{
      border-right: 70px solid transparent;
      border-top: 70px solid transparent;
      content: "";
      left: -1px;
      position: absolute;
      top: -1px;
  }*/
}
.inscrNl .colDinscrNl .titreFormInscrNl {
  margin: 0;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.inscrNl .colDinscrNl .titreFormInscrNl + input[type=text] {
  margin: 30px 0 0;
}
.inscrNl .colDinscrNl input[type=text], .inscrNl .colDinscrNl select {
  width: 100%;
  margin: 15px 0 0;
  padding: 8px;
  border: 1px solid #cccccc;
  text-transform: uppercase;
  color: #000000;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.inscrNl .colDinscrNl .errorsLeft {
  padding: 0;
  width: 100%;
  float: none;
}
.inscrNl .colDinscrNl .ctCodePost, .inscrNl .colDinscrNl .ctCountry {
  width: 37.5%;
  float: left;
}
.inscrNl .colDinscrNl .ctSociete {
  width: 58.3333333333%;
  margin: 0 0 0 4.1666666667%;
  float: left;
}
.inscrNl .colDinscrNl .champsObligatoires {
  margin: 2px 0 0;
  text-align: right;
}
.inscrNl .colDinscrNl .ctCxOffresPromos {
  margin: 10px 0 0;
}
.inscrNl .colDinscrNl .ctAccepteCGU {
  margin: 5px 0 0;
}
.inscrNl .colDinscrNl .ctAccepteCGU label {
  font-weight: bold;
}
.inscrNl .colDinscrNl .ctAccepteCGU a {
  color: #000000;
}
.inscrNl .colDinscrNl .ctAccepteCGU a:hover {
  text-decoration: none;
}
.inscrNl .colDinscrNl input[type=checkbox] {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.inscrNl .colDinscrNl input[type=checkbox] + label {
  margin: 0 0 0 2px;
  display: inline-block;
  vertical-align: top;
  width: 91.6666666667%;
  font-size: 12px;
}
.inscrNl .colDinscrNl .boutonType6 {
  font-size: 22px;
  font-weight: bold;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  margin: 25px 0 0;
  padding: 15px 11px;
  width: 100%;
  cursor: pointer;
}
.inscrNl .colDinscrNl .cnilTxt {
  margin: 20px 0 0;
  font-size: 10px;
}

.pageRR .sidebar {
  margin-top: 40px;
}
.pageRR .enteteRecherche {
  padding: 0 0 15px;
  margin: 0 0 40px;
  border-bottom: 1px solid #cccccc;
  *zoom: 1;
}
.pageRR .enteteRecherche:before, .pageRR .enteteRecherche:after {
  content: " ";
  display: block;
}
.pageRR .enteteRecherche:after {
  clear: both;
}
.pageRR .enteteRecherche .titreRecherche {
  float: left;
  width: 70.8571428571%;
  font-size: 20px;
  font-weight: normal;
  margin: 0;
}
.pageRR .enteteRecherche .titreRecherche span {
  color: #e73f12;
  font-weight: bold;
}
.pageRR .enteteRecherche .triRecherche {
  padding: 0;
  margin: 5px 0 0;
  list-style-type: none;
  float: right;
  *zoom: 1;
}
.pageRR .enteteRecherche .triRecherche:before, .pageRR .enteteRecherche .triRecherche:after {
  content: " ";
  display: block;
}
.pageRR .enteteRecherche .triRecherche:after {
  clear: both;
}
.pageRR .enteteRecherche .triRecherche li {
  float: left;
  font-size: 14px;
}
.pageRR .enteteRecherche .triRecherche li.triPertinence {
  margin-left: 20px;
}
.pageRR .enteteRecherche .triRecherche li .icon-chevron {
  color: #e73f12;
}
.pageRR .enteteRecherche .triRecherche li a {
  text-decoration: none;
  color: #000000;
}
.pageRR .enteteRecherche .triRecherche li a.active, .pageRR .enteteRecherche .triRecherche li a:hover {
  color: #e73f12;
}
.pageRR .encadreType1 {
  margin: 0 0 40px;
}

.pageArticle > :first-child {
  margin-top: 15px;
}
.pageArticle .breadcrumb {
  margin-bottom: 35px;
}
.pageArticle .ctTitreDossier {
  margin: 0 0 30px;
  font-weight: bold;
  text-transform: uppercase;
  display: table;
  height: 80px;
  width: 100%;
}
.pageArticle .ctTitreDossier .dossier {
  color: #ffffff;
  background-color: #e73f12;
  font-size: 18px;
  display: table-cell;
  vertical-align: middle;
  width: 9.9522292994%;
  text-align: center;
}
.pageArticle .ctTitreDossier .titreDossier {
  background-color: #e9e9e9;
  font-size: 22px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 1.5923566879%;
  text-align: center;
}
.pageArticle .navDossier {
  position: relative;
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0 30px;
  background-color: #e9e9e9;
}
.pageArticle .navDossier a {
  text-decoration: none;
  color: #000000;
}
.pageArticle .navDossier a .nbPage {
  color: #000000;
  font-size: 16px;
}
.pageArticle .navDossier .previousArt {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 13px;
  height: 30px;
}
.pageArticle .navDossier .previousArt [class^=icon-], .pageArticle .navDossier .previousArt [class*=" icon-"] {
  font-size: 32px;
}
.pageArticle .navDossier .nextArt {
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 13px;
  height: 30px;
}
.pageArticle .navDossier .nextArt [class^=icon-], .pageArticle .navDossier .nextArt [class*=" icon-"] {
  font-size: 32px;
}
.pageArticle .navDossier .titreCurrentArt {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  padding: 10px 6%;
  border-top: none;
  border-bottom: none;
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
.pageArticle .navDossier .nbPage {
  display: inline-block;
  margin: 0 0 0 15px;
}
.pageArticle .corpsArt {
  float: left;
  width: 68.5714285714%;
  margin: 0 0 75px;
}
.pageArticle .corpsArt table {
  max-width: 100%;
}
.pageArticle .corpsArt.pageDossier {
  margin: 0;
}
.pageArticle .corpsArt .chapo p {
  margin: 0 0 20px;
}
.pageArticle .corpsArt .textArt {
  font-size: 18px;
  line-height: 28px;
}
.pageArticle .corpsArt .textArt p {
  margin: 0 0 20px;
}
.pageArticle .corpsArt .textArt h2, .pageArticle .corpsArt .textArt .sousTitre {
  font-size: 18px;
  font-weight: bold;
  color: #e73f12;
  margin: 55px 0 15px;
}
.pageArticle .corpsArt .textArt .horsText {
  background-color: #e9e9e9;
  border-left: 3px solid #737373;
  font-size: 16px;
  padding: 11px;
  margin: 35px 0;
}
.pageArticle .corpsArt .textArt .horsText span {
  text-transform: uppercase;
}
.pageArticle .corpsArt .textArt .horsText a {
  text-decoration: none;
  color: #000000;
}
.pageArticle .corpsArt .textArt .horsText a:hover {
  text-decoration: underline;
}
.pageArticle .corpsArt .textArt .citation {
  margin: 28px 8.3333333333%;
}
.pageArticle .corpsArt .textArt .citation h3 {
  margin: 0;
  font-style: italic;
  line-height: 32px;
  font-size: 20px;
}
.pageArticle .corpsArt .textArt .horsTexteCenter {
  margin: 0 auto;
  width: 85%;
  font-style: italic;
  font-weight: bold;
  font-size: 18px;
}
.pageArticle .contenuPasEncoreAbonne {
  font-size: 18px;
  line-height: 28px;
  position: relative;
}
.pageArticle .contenuPasEncoreAbonne .texteCache {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #ffffff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffffff", GradientType=0);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
}
.pageArticle .txtLireTotal {
  margin: 45px 0 0;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  background-color: #e73f12;
  color: #ffffff;
  padding: 10px 0;
}
.pageArticle .txtLireTotal span {
  text-transform: uppercase;
}
.pageArticle .connexBloc {
  margin: 20px 0 0;
  padding: 0 0 20px;
  border-bottom: 1px solid #cccccc;
}
.pageArticle .connexBloc .connexBlocG {
  margin: 0;
  width: 35%;
}
.pageArticle .connexBloc .connexBlocD {
  width: 57.5%;
  margin: 0 0 0 7.5%;
}
.pageArticle .blocArtPrint {
  margin: 30px 0 0 0;
}
.pageArticle .blocArtPrint .verrouiller {
  padding: 10px 1.6666666667%;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.pageArticle .blocArtPrint .verrouiller .visuelMag {
  float: left;
  width: 14.0350877193%;
}
.pageArticle .blocArtPrint .verrouiller .contenuArtPrint {
  float: left;
  width: 78.9473684211%;
  margin-left: 3.1578947368%;
}
.pageArticle .blocArtPrint .verrouiller .contenuArtPrint p {
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 0 9px 0;
}
.pageArticle .blocArtPrint .verrouiller .contenuArtPrint a {
  display: block;
  text-decoration: none;
  color: #000000;
}
.pageArticle .blocArtPrint .verrouiller .contenuArtPrint a.decouvrir {
  color: #e73f12;
  font-size: 22px;
  font-weight: bold;
}
.pageArticle .blocArtPrint .verrouiller .contenuArtPrint a .icon-chevron {
  color: #e73f12;
  font-size: 16px;
}
.pageArticle .blocArtPrint .verrouiller .contenuArtPrint a:hover {
  text-decoration: underline;
}
.pageArticle .ranking__table {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-top: 30px;
}
.pageArticle .ranking__table + .ranking__table {
  margin-top: 50px;
}
.pageArticle .ranking__table__filter {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.pageArticle .ranking__table__filter li {
  display: inline-block;
  cursor: pointer;
  text-align: left;
  margin-bottom: 10px;
}
.pageArticle .ranking__table__filter li.ranking__table__labelTri {
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  margin-right: 20px;
}
.pageArticle .ranking__table__filter li:not(:first-child) {
  width: 100%;
  max-width: 205px;
  margin-right: 10px;
}
.pageArticle .ranking__table__filter li:last-child {
  margin-right: 0;
}
.pageArticle .ranking__table .tableResponsive__head {
  margin: 10px 0 0 0;
}
.pageArticle .ranking__table .tableResponsive__head .sorting_double:before {
  font-family: "icomoon";
  content: "";
}
.pageArticle .ranking__table .tableResponsive__head .sorting_asc:before {
  font-family: "icomoon";
  content: "";
}
.pageArticle .ranking__table .tableResponsive__head .sorting_desc:before {
  font-family: "icomoon";
  content: "";
}
.pageArticle .ranking__legend {
  color: #666666;
  margin: 30px 0 10px;
  max-width: 400px;
  *zoom: 1;
}
.pageArticle .ranking__legend:before, .pageArticle .ranking__legend:after {
  content: " ";
  display: block;
}
.pageArticle .ranking__legend:after {
  clear: both;
}
.pageArticle .ranking__legend--col3 {
  margin-bottom: 30px;
  max-width: initial;
}
.pageArticle .ranking__legend--col3 .col1-3 {
  float: left;
  width: 33.3333333333%;
}
.pageArticle .ranking__legend--col3 .moreResultCol {
  font-size: 17px;
  text-align: center;
}
.pageArticle .ranking__legend--col3 .moreResultCol:hover {
  cursor: pointer;
}
.pageArticle .ranking__legend--col3 .moreResultCol .zonePlus {
  position: relative;
  z-index: 5;
  top: auto;
  display: inline-block;
  right: auto;
  height: 46px;
  width: 46px;
  margin-right: 15px;
}
.pageArticle .ranking__legend--col3 .moreResultCol .zonePlus .decoRond2 {
  margin: 0;
  padding: 7px 0 0 0;
  width: 46px;
  height: 46px;
  border: 1px solid #737373;
  background-color: #ffffff;
  border-radius: 24px;
  line-height: 20px;
}
.pageArticle .ranking__legend--col3 .moreResultCol .zonePlus .decoRond2 [class^=icon-], .pageArticle .ranking__legend--col3 .moreResultCol .zonePlus .decoRond2 [class*=" icon-"] {
  display: block;
  font-size: 30px;
  color: #e73f12;
}
.pageArticle .ranking__legend--col3 .moreResultCol .zonePlus .decoRond2.moins {
  line-height: 16px;
}
.pageArticle .ranking__legend--col3 .moreResultTxt {
  display: inline-block;
  vertical-align: top;
  margin-top: 12px;
  color: #000000;
}
.pageArticle .ranking__legend .txtRight {
  text-align: right;
}

.pageContact .enteteContact {
  padding: 25px 5.1428571429% 30px 3.4285714286%;
  border: 1px solid #cccccc;
  *zoom: 1;
}
.pageContact .enteteContact:before, .pageContact .enteteContact:after {
  content: " ";
  display: block;
}
.pageContact .enteteContact:after {
  clear: both;
}
.pageContact .enteteContact img {
  max-width: 360px;
  float: left;
}
.pageContact .enteteContact .listEnteteContact {
  float: left;
  width: 22.5563909774%;
  margin: 0 0 0 4.3859649123%;
  padding: 0;
  list-style: none;
}
.pageContact .enteteContact .listEnteteContact li {
  font-size: 16px;
  margin: 5px 0 0;
}
.pageContact .enteteContact .listEnteteContact li:first-child {
  margin: 0;
}
.pageContact .enteteContact .listEnteteContact li [class*=icon-] {
  margin-right: 8px;
  vertical-align: middle;
  color: #737373;
}
.pageContact .enteteContact .listEnteteContact li .icon-enveloppe {
  font-size: 20px;
}
.pageContact .enteteContact .listEnteteContact li .icon-phone {
  font-size: 8px;
  padding: 2px;
  border-radius: 100%;
  border: 1px solid #737373;
}
.pageContact .enteteContact .listEnteteContact li.mail {
  text-transform: uppercase;
}
.pageContact .enteteContact .listEnteteContact li.mail + li p {
  margin: 10px 0 0;
}
.pageContact .expliRemOuQuest {
  font-size: 16px;
  margin: 20px 0 0;
}
.pageContact .expliRemOuQuest a {
  color: #000000;
}
.pageContact .titreType1 {
  margin: 45px 0 0;
}
.pageContact .tableType1 + .titreType1 {
  margin: 55px 0 0;
}

.page404 .sidebar {
  margin-top: 40px;
}
.page404 .txt404 {
  margin: 0;
  font-size: 16px;
  line-height: 25px;
}
.page404 .list404 {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 25px;
}
.page404 .list404 li {
  margin: 0 0 0 20px;
}
.page404 .list404 li:first-child {
  margin: 0;
}
.page404 .form404 {
  margin: 50px 0 0;
}
.page404 .form404 label {
  display: block;
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 15px;
}
.page404 .form404 input[type=text] {
  border: 1px solid #cccccc;
  padding: 5px;
  width: 54.2857142857%;
  display: inline-block;
}
.page404 .form404 input[type=submit] {
  margin: 0 0 0 20px;
  cursor: pointer;
}

.pageCgu, .pageAbout {
  margin-bottom: 50px;
}
.pageCgu .sidebar, .pageAbout .sidebar {
  margin-top: 40px;
}
.pageCgu .titreCgu1,
.pageCgu .titreAbout1, .pageAbout .titreCgu1,
.pageAbout .titreAbout1 {
  font-size: 32px;
  font-weight: bold;
  margin: 0;
}
.pageCgu .titreCgu2, .pageAbout .titreCgu2 {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0 5px;
}
.pageCgu .titreCgu3, .pageAbout .titreCgu3 {
  text-decoration: underline;
  font-size: 15px;
}
.pageCgu .txtCgu1, .pageAbout .txtCgu1 {
  margin: 15px 0 0;
  line-height: 20px;
}
.pageCgu .txtCgu2, .pageAbout .txtCgu2 {
  margin: 0;
  line-height: 20px;
}
.pageCgu .listCgu2, .pageAbout .listCgu2 {
  line-height: 20px;
  margin: 5px 0 0;
  padding: 0;
  list-style-position: inside;
}
.pageCgu .listCgu2 li:first-child, .pageAbout .listCgu2 li:first-child {
  list-style: none;
}
.pageCgu .listCgu3, .pageAbout .listCgu3 {
  list-style-type: none;
  margin: 5px 0 0;
  padding: 0;
}
.pageCgu .mainContainer a, .pageAbout .mainContainer a {
  text-decoration: underline;
  color: #000000;
}
.pageCgu .notify, .pageAbout .notify {
  margin: 30px 0;
  padding: 10px;
  border: 1px solid #000000;
}

.magazine {
  *zoom: 1;
}
.magazine:before, .magazine:after {
  content: " ";
  display: block;
}
.magazine:after {
  clear: both;
}
.magazine .visuelMag {
  float: right;
  border: 1px solid #cccccc;
  margin: 0 0 20px 2.8571428571%;
}
.magazine .textMag, .magazine .textMagType2, .magazine .textMagType1 {
  font-size: 20px;
  line-height: 35px;
}
.magazine .textMagType1 {
  margin: 0;
}
.magazine .textMagType2 {
  margin: 20px 0 0;
}
.magazine .textMagType3 {
  font-size: 12px;
}
.magazine .titreArtDraft {
  color: #000000;
  font-size: 16px;
}
.magazine .titreArtDraft [class^=icon-] {
  color: #e8412c;
  font-size: 10px;
  margin: 6px 5px 0 0;
}

.classificationAnnee {
  position: relative;
  z-index: 1;
  margin: 25px 0;
  padding: 20px 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  *zoom: 1;
}
.classificationAnnee:before, .classificationAnnee:after {
  content: " ";
  display: block;
}
.classificationAnnee:after {
  clear: both;
}
.classificationAnnee .textIntro {
  float: left;
  font-size: 20px;
  margin: 6px 0 0 20px;
}
.classificationAnnee .selectDateArchive_List {
  font-size: 16px;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1;
  right: 10px;
  width: 19.2%;
  list-style: none;
  border: 1px solid #cccccc;
  overflow: hidden;
  background-color: #ffffff;
}
.classificationAnnee .selectDateArchive_List:hover .unselected, .classificationAnnee .selectDateArchive_List:hover .selected {
  display: block;
}
.classificationAnnee .selectDateArchive_List:hover .unselected:hover, .classificationAnnee .selectDateArchive_List:hover .selected:hover {
  background-color: #e73f12;
}
.classificationAnnee .selectDateArchive_List:hover .unselected:hover a, .classificationAnnee .selectDateArchive_List:hover .selected:hover a {
  color: #ffffff;
}
.classificationAnnee .selectDateArchive_List .decoFakeSelect {
  background-color: #e9e9e9;
  position: absolute;
  right: 0;
  top: 0;
  height: 28px;
  width: 30px;
  text-align: center;
}
.classificationAnnee .selectDateArchive_List .decoFakeSelect .triangle {
  margin: 10px 0 0 0;
  display: inline-block;
  width: 1px;
  height: 1px;
  border-top: 7px solid #737373;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
}
.classificationAnnee .selectDateArchive_List li {
  margin: 0;
  padding: 0;
  height: 28px;
}
.classificationAnnee .selectDateArchive_List li a {
  display: block;
  margin: 0;
  padding: 5px;
  text-decoration: none;
  color: #000000;
}
.classificationAnnee .selectDateArchive_List li.unselected {
  display: none;
}
.classificationAnnee + .titreType7 {
  margin: 0;
}

.pageListMag {
  margin-bottom: 40px;
}

.listMmag {
  list-style: none;
  margin: 0;
  padding: 0;
}
.listMmag li {
  float: left;
  margin: 55px 0 0 7.4285714286%;
  width: 18.9714285714%;
}
.listMmag li:first-child, .listMmag li.noMargin {
  margin-left: 0;
}
.listMmag li a {
  display: block;
  color: #000000;
  text-decoration: none;
}
.listMmag li a .numDateMag {
  font-size: 10px;
  margin: 0;
}
.listMmag li a figure {
  margin: 10px 0 0 0;
  border: 1px solid #cccccc;
  height: 224px;
  line-height: 224px;
}
.listMmag li a figure img {
  width: 98%;
  max-width: 100%;
  vertical-align: middle;
}
.listMmag li a .titreEdition {
  margin: 10px 0;
  font-size: 17px;
  overflow-wrap: break-word;
  height: 82px;
  overflow: hidden;
}
.listMmag li a.boutonType1 {
  color: #ffffff;
  font-size: 12px;
  text-align: center;
}
.listMmag li a:hover .numDateMag, .listMmag li a:hover .titreEdition {
  color: #e73f12;
}

.contenuGalerie {
  margin-bottom: 70px;
}

.galerieImagePrincipal {
  position: relative;
}
.galerieImagePrincipal .galeriePrev {
  bottom: 0;
  height: 50px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
}
.galerieImagePrincipal .galerieNext {
  bottom: 0;
  height: 50px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.galerieImagePrincipal .diapo {
  display: block;
  position: relative;
  width: 100%;
}
.galerieImagePrincipal .diapo figure {
  margin: 0;
}
.galerieImagePrincipal .diapo figure img {
  width: 100%;
}
.galerieImagePrincipal .diapo .legendeImage {
  color: #737373;
  display: inline-block;
  margin: 10px 0 0;
  text-decoration: none;
  width: 65.7142857143%;
  min-height: 30px;
}
.galerieImagePrincipal .diapo .infoSupImage {
  bottom: -8px;
  position: absolute;
  right: 0px;
  width: 21.7142857143%;
  z-index: 999;
  color: #e8412c;
  text-align: right;
  margin: 0 0 10px 0;
  min-height: 30px;
}
.galerieImagePrincipal .diapo .infoSupImage .compteurImage {
  display: block;
}
@media only screen and (max-device-width: 737px), (max-width: 737px) {
  .galerieImagePrincipal .diapo .infoSupImage .compteurImageTD {
    display: none;
  }
}
.galerieImagePrincipal .diapo .infoSupImage .creditImage {
  color: #737373;
}
.galerieImagePrincipal .nonActive {
  display: none;
}

.galerieThumbs {
  margin-bottom: 70px;
}
.galerieThumbs .active {
  border: 3px solid #e8412c;
  display: inline-block;
}

/* variables */
/* variable background */
/* variable  couleur fonts */
/* reseaux sociaux icons font spécifiques*/
/* variable border */
/* large 1024px */
@media (max-width: 1024px) {
  .headerTop {
    display: none;
  }

  header {
    margin: 0;
    position: fixed;
    top: 0;
    z-index: 90;
    width: 100%;
  }
  header .contentToggle1 {
    display: none;
    padding: 0 0 10px;
    background-color: #ffffff;
  }
  header .navPrincipale {
    background-color: #ffffff;
  }
  header .navPrincipale .ulPrincipale {
    padding: 0 0 10px;
  }
  header .navPrincipale .ulPrincipale li {
    position: relative;
    float: none;
  }
  header .navPrincipale .ulPrincipale li:hover {
    background-color: #e9e9e9;
  }
  header .navPrincipale .ulPrincipale li a {
    margin: 0;
    color: #000000;
  }
  header .navPrincipale .ulPrincipale li a span {
    padding: 0 10px;
    border: none;
    text-transform: none;
    font-size: 14px;
    font-weight: normal;
  }
  header .navPrincipale .ulPrincipale li .zonePlus {
    display: block;
  }
  header .navPrincipale .ulPrincipale li .sousMenu {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    border: none;
    background-color: #ffffff;
    box-shadow: none;
    display: none;
    overflow: hidden;
  }
  header .navPrincipale .ulPrincipale li .sousMenu li {
    border-left: none;
  }
  header .navPrincipale .ulPrincipale li .sousMenu li a {
    padding-left: 20px;
  }
  header .contentSuivreChronik {
    *zoom: 1;
    background-color: #ffffff;
  }
  header .contentSuivreChronik:before, header .contentSuivreChronik:after {
    content: " ";
    display: block;
  }
  header .contentSuivreChronik:after {
    clear: both;
  }
  header .contentSuivreChronik:before {
    border-top: 1px solid #cccccc;
    content: "";
    display: block;
    margin: 0 10px;
  }
  header .contentSuivreChronik .suivreRS {
    display: block;
    margin-left: 10px;
  }
  header .contentSuivreChronik .colRS {
    display: block;
    border: none;
    width: 60%;
  }
  header .contentHeader {
    padding: 0;
  }
  header .contentHeader .menuToggle1 {
    display: block;
    font-size: 60px;
    position: absolute;
    left: 10px;
    top: 8px;
    cursor: pointer;
  }
  header .contentHeader .menuToggle1 .txtMenu {
    display: none;
  }
  header .contentHeader .logo {
    margin: 0;
    padding: 5px 0;
    float: none;
    text-align: center;
  }
  header .contentHeader .logo img {
    width: 40%;
  }
  header .contentHeader .blocConnexion {
    float: none;
    margin: 0;
    width: auto;
    position: absolute;
    right: 14px;
    top: 20px;
  }
  header .contentHeader .blocConnexion .boutonType6 {
    display: none;
  }
  header .contentHeader .blocConnexion .boutonType1 {
    background-color: inherit;
    box-shadow: inherit;
    color: #000000;
    font-size: 35px;
    padding: 0;
  }
  header .contentHeader .blocConnexion .deconnexion {
    margin-top: 0;
  }

  .topPubHeader {
    position: fixed;
    top: 56px;
    z-index: 10;
    padding: 0 10px 20px;
    background-color: #ffffff;
  }
  .topPubHeader + .contentSite {
    margin-top: 215px;
  }

  footer .contentFooter .colRS {
    width: 30%;
  }
  footer .contentFooter .colMarqGrp {
    width: 30%;
  }
  footer .contentFooter .colLinks {
    width: 35%;
  }

  .offresDEmploi .colTitre .encadreTitre1 {
    width: 56%;
  }
  .offresDEmploi .col2 .offreBlock {
    width: 66%;
  }
  .offresDEmploi .col3 .offreBlock {
    width: 63%;
  }

  .artTypeA1 {
    min-height: 380px;
  }
  .artTypeA1 .contenuArt .titreArt {
    max-height: 165px;
    overflow: hidden;
  }

  .artTypeA2 {
    margin-left: 2%;
  }

  .encadreType1 .colTitre .encadreTitre1 {
    font-size: 18px;
  }
  .encadreType1.marchesPublics .colTitre .encadreTitre1 {
    font-size: 15px;
    width: 50%;
  }

  .salonsEvents .colTitre .encadreTitre1 {
    width: 68%;
  }
  .salonsEvents .col2 .salonBlock {
    width: 69%;
  }
  .salonsEvents .col3 .salonBlock {
    width: 66%;
  }

  .bandeauService .contentSite > div, .bandeauService .contentSite > form {
    min-height: 290px;
  }
  .bandeauService .colG {
    width: 29%;
  }
  .bandeauService .adjudicationServForm .colG .icon-marteau {
    font-size: 68px;
  }
  .bandeauService .colD .contentText {
    height: auto;
  }

  .accountPage .colTxt {
    width: 74%;
  }

  .pageRR .triRecherche li.triPertinence {
    margin-left: 0;
  }

  .inscrNl {
    margin-top: 215px;
  }
  .inscrNl .colDinscrNl .boutonType6 {
    font-size: 18px;
  }

  .pageStatic .enteteContact img {
    width: 25%;
  }
  .pageStatic .enteteContact .listEnteteContact {
    width: 30%;
  }

  .pageArticle .relatifArt .toolBar a:not(:first-child) {
    margin-left: 3.3816425121%;
  }
  .pageArticle .relatifArt .miniPagin a span {
    display: none;
  }
  .pageArticle .relatifArt .commArt .blocComments {
    top: 210px;
  }
  .pageArticle .relatifArt .commArt .blocComments > :last-child {
    margin-bottom: 230px;
  }
  .pageArticle .relatifArt .commArt .blocComments #suiteComm {
    margin-bottom: 230px;
  }
  .pageArticle .mainContainer {
    width: 100%;
    float: none;
  }
  .pageArticle .connexBloc .connexBlocG {
    float: none;
    width: auto;
  }
  .pageArticle .connexBloc .connexBlocD {
    float: none;
    width: auto;
    border: none;
    padding: 0;
    margin: 20px 0 0;
  }

  .connexBloc .connexBlocG {
    margin: 0;
    width: 30%;
  }

  .connexBlocD {
    background-size: 87%;
    background-position: 40px 38px;
  }

  .titreType7 {
    font-size: 40px;
  }

  .listMmag li a .titreEdition {
    height: 100px;
  }
  .listMmag li a figure {
    height: 190px;
    line-height: 185px;
  }

  .pageContact .enteteContact img {
    max-width: 80%;
    float: none;
    display: block;
    margin-bottom: 15px;
    width: 80%;
  }
  .pageContact .enteteContact .listEnteteContact {
    width: 100%;
    float: none;
  }
}
/* medium 800px */
@media (max-width: 800px) {
  header .contentHeader .menuToggle1 {
    font-size: 45px;
  }
  header .contentHeader .blocConnexion .boutonType1 {
    font-size: 25px;
  }

  header .navPrincipale .mqContainerUl {
    height: 800px;
  }

  .topPubHeader {
    top: 40px;
  }

  footer .contentFooter .colRS {
    float: none;
    width: 150px;
    padding: 0;
    margin: 0 auto;
  }
  footer .contentFooter .colMarqGrp {
    float: none;
    padding: 10px 5px 0;
    width: 300px;
    margin: 0 auto;
  }
  footer .contentFooter .colLinks {
    float: none;
    text-align: left;
    width: 300px;
    margin: 0 auto;
    padding: 10px 5px;
  }

  .mainContainer {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 50px;
    min-height: auto;
  }

  [class^=artType] .chapoArt, [class^=artType] .dateTagArt {
    display: none;
  }

  .inscrNl {
    background: none;
  }
  .inscrNl .colGinscrNl {
    float: none;
    width: auto;
    margin: 0 2%;
  }
  .inscrNl .colDinscrNl {
    float: none;
    width: auto;
    margin: 20px 2% 0;
  }

  .plusArtBtnPos {
    width: 100%;
    text-align: center;
    margin: 0 0 50px 0;
  }
  .plusArtBtnPos .boutonType1 {
    margin: 0;
  }

  .offresDEmploi .colTitre .icon-emploi {
    font-size: 35px;
  }
  .offresDEmploi .col2 .offreBlock, .offresDEmploi .col3 .offreBlock {
    width: 60%;
  }

  .encadreType1 .colTitre .encadreTitre1 {
    font-size: 14px;
  }

  .artTypeA1 .contenuArt .titreArt {
    max-height: 125px;
  }

  .salonsEvents .colTitre .icon-evenements {
    font-size: 30px;
  }
  .salonsEvents .colTitre .encadreTitre1 {
    width: 75%;
  }
  .salonsEvents .col2 .salonBlock, .salonsEvents .col3 .salonBlock {
    width: 55%;
  }

  .bandeauService .contentSite > div, .bandeauService .contentSite > form {
    min-height: inherit;
  }
  .bandeauService .magazineServ, .bandeauService .newsletterServ, .bandeauService .adjudicationServForm {
    float: none;
    margin: 0;
    width: auto;
  }
  .bandeauService .magazineServ .colG, .bandeauService .newsletterServ .colG, .bandeauService .adjudicationServForm .colG {
    width: 20%;
    margin: 0;
  }
  .bandeauService .magazineServ .colG .icon-marteau, .bandeauService .newsletterServ .colG .icon-marteau, .bandeauService .adjudicationServForm .colG .icon-marteau {
    font-size: 100px;
  }

  .pageArticle .ranking__table li:not(:first-child) {
    width: auto;
  }
  .pageArticle .ranking__table li.ranking__table__labelTri {
    margin-right: 10px;
  }
  .pageArticle .ranking__legend {
    width: 50%;
    margin-top: 20px;
    font-size: 14px;
  }
  .pageArticle .ranking__legend--col3 {
    width: 100%;
  }
  .pageArticle .ranking__legend--col3 .col1-3, .pageArticle .ranking__legend--col3 .moreResultCol {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    text-align: left;
  }
  .pageArticle .ranking__legend--col3 .col1-3 .zonePlus, .pageArticle .ranking__legend--col3 .moreResultCol .zonePlus {
    width: 30px;
    height: 31px;
  }
  .pageArticle .ranking__legend--col3 .col1-3 .zonePlus .decoRond2, .pageArticle .ranking__legend--col3 .moreResultCol .zonePlus .decoRond2 {
    margin: 5px 5px 1px 5px;
    width: 32px;
    height: 32px;
    border-radius: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #ffffff;
  }
  .pageArticle .ranking__legend--col3 .col1-3 .zonePlus .decoRond2 [class^=icon-], .pageArticle .ranking__legend--col3 .col1-3 .zonePlus .decoRond2 [class*=" icon-"], .pageArticle .ranking__legend--col3 .moreResultCol .zonePlus .decoRond2 [class^=icon-], .pageArticle .ranking__legend--col3 .moreResultCol .zonePlus .decoRond2 [class*=" icon-"] {
    font-size: 18px;
  }
  .pageArticle .ranking__legend--col3 .col1-3 .zonePlus .decoRond2.moins, .pageArticle .ranking__legend--col3 .moreResultCol .zonePlus .decoRond2.moins {
    line-height: 16px;
  }
}
/* small 480px */
@media (max-width: 480px) {
  header .contentHeader .menuToggle1 {
    top: 3px;
    font-size: 25px;
  }
  header .contentHeader .blocConnexion {
    top: 7px;
    width: 28%;
  }
  header .contentHeader .blocConnexion .boutonType1 {
    font-size: 16px;
  }
  header .contentHeader .blocConnexion .deconnexion {
    display: none;
  }

  header .navPrincipale .mqContainerUl {
    height: 400px;
  }
  header + .contentSite {
    top: 30px;
  }

  .profilePage .inputText {
    width: 65%;
  }
  .profilePage select {
    width: 48%;
  }
  .profilePage .labelRadio {
    width: 26%;
  }
  .profilePage .titreCategorie {
    margin: 0 0 20px 0;
  }
  .profilePage .champsObligatoires {
    width: 40%;
  }
  .profilePage .typeChbx {
    margin: 1px 5px 15px 1.2%;
  }

  .artTypeA1 {
    min-height: auto;
  }

  .topPubHeader {
    top: 32px;
  }
  .topPubHeader + .contentSite {
    margin-top: 115px;
  }

  .contentSite {
    padding: 0 10px;
  }

  section[class*=artTypeA] > a {
    *zoom: 1;
  }
  section[class*=artTypeA] > a:before, section[class*=artTypeA] > a:after {
    content: " ";
    display: block;
  }
  section[class*=artTypeA] > a:after {
    clear: both;
  }

  .titreType1, .titreType2 {
    font-size: 18px;
    margin: 0 0 25px;
    padding: 10px 0 0;
  }

  .titreType3 {
    font-size: 35px;
  }

  .artTypeB1, .artTypeA4, .artTypeB3 {
    float: none;
    width: auto;
    margin: 0 0 20px;
  }

  .artTypeA4 .imgContainer {
    width: 36%;
    margin: 0 3.5% 0 0;
  }
  .artTypeA4 .contenuArt {
    padding: 0;
    position: relative;
    top: inherit;
    right: inherit;
    background-color: inherit;
  }
  .artTypeA4.verrouiller .contenuArt {
    margin: 0 0 0 3.5%;
  }

  .artTypeB1 .imgContainer {
    float: left;
    width: 33.3333333333%;
  }
  .artTypeB1 .contenuArt {
    float: left;
    width: 61.6666666667%;
    margin: 0 0 0 3.3333333333%;
    padding: 0;
    *zoom: 1;
  }
  .artTypeB1 .contenuArt:before, .artTypeB1 .contenuArt:after {
    content: " ";
    display: block;
  }
  .artTypeB1 .contenuArt:after {
    clear: both;
  }
  .artTypeB1 .contenuArt .etiquetteArt {
    float: left;
    font-size: 12px;
    margin: 0 2.7027027027% 0 0;
  }
  .artTypeB1 .contenuArt .titreArt {
    font-size: 14px;
    line-height: 20px;
  }

  .artTypeA4 .imgContainer {
    float: left;
    width: 33.3333333333%;
    margin: 0;
  }
  .artTypeA4 .contenuArt {
    *zoom: 1;
    float: left;
    width: 61.6666666667%;
    margin: 0 0 0 3.3333333333%;
    padding: 0;
  }
  .artTypeA4 .contenuArt:before, .artTypeA4 .contenuArt:after {
    content: " ";
    display: block;
  }
  .artTypeA4 .contenuArt:after {
    clear: both;
  }
  .artTypeA4 .contenuArt .etiquetteArt {
    float: left;
    font-size: 12px;
    margin: 0 2.7027027027% 0 0;
  }
  .artTypeA4 .contenuArt .titreArt {
    font-size: 14px;
    line-height: 20px;
  }

  .artTypeB3 .contenuArt {
    *zoom: 1;
  }
  .artTypeB3 .contenuArt:before, .artTypeB3 .contenuArt:after {
    content: " ";
    display: block;
  }
  .artTypeB3 .contenuArt:after {
    clear: both;
  }
  .artTypeB3 .contenuArt .etiquetteArt {
    float: left;
    font-size: 12px;
    margin: 0 2.7027027027% 0 0;
  }
  .artTypeB3 .contenuArt .titreArt {
    font-size: 14px;
    line-height: 20px;
  }

  .artTypeB2 {
    margin: 0 0 25px 0;
  }
  .artTypeB2 .imgContainer {
    width: 33.3333333333%;
  }
  .artTypeB2 .contenuArt {
    *zoom: 1;
  }
  .artTypeB2 .contenuArt:before, .artTypeB2 .contenuArt:after {
    content: " ";
    display: block;
  }
  .artTypeB2 .contenuArt:after {
    clear: both;
  }
  .artTypeB2 .contenuArt.siImg {
    width: 61.6666666667%;
    margin: 0 0 0 3.3333333333%;
  }
  .artTypeB2 .contenuArt .etiquetteArt {
    float: left;
    font-size: 12px;
    margin: 0 2.7027027027% 0 0;
  }
  .artTypeB2 .contenuArt .titreArt {
    font-size: 14px;
    line-height: 20px;
  }

  .offresDEmploi, .marchesPublics, .salonsEvents, .bandeauService {
    display: none;
  }

  .homePage .plusArtBtnPos {
    float: none;
    margin: 0 0 35px;
    width: auto;
  }

  .accountPage .colTxt {
    padding: 0 0 0 20px;
  }

  .contentSite > *:first-child {
    margin-top: 20px;
  }

  .carouselBloc, .noCarouselBloc {
    margin: 0 0 30px;
  }
  .carouselBloc .artTypeA1, .noCarouselBloc .artTypeA1 {
    margin: 0;
  }
  .carouselBloc .artTypeA1 .imgContainer, .noCarouselBloc .artTypeA1 .imgContainer {
    width: auto;
    float: none;
  }
  .carouselBloc .artTypeA1 .contenuArt, .noCarouselBloc .artTypeA1 .contenuArt {
    position: relative;
    top: inherit;
    right: inherit;
    height: auto;
    width: auto;
    padding: 20px;
  }
  .carouselBloc .artTypeA1 .contenuArt .titreArt, .noCarouselBloc .artTypeA1 .contenuArt .titreArt {
    font-size: 22px;
    max-height: inherit;
  }
  .carouselBloc .artTypeA3, .noCarouselBloc .artTypeA3 {
    float: none;
    width: auto;
    margin: 0 0 30px;
  }
  .carouselBloc .artTypeA3 .contenuArt, .noCarouselBloc .artTypeA3 .contenuArt {
    margin: 0;
  }
  .carouselBloc .artTypeA2, .noCarouselBloc .artTypeA2 {
    margin: 0;
    float: none;
    width: auto;
  }
  .carouselBloc .artTypeA2 .imgContainer, .noCarouselBloc .artTypeA2 .imgContainer {
    float: none;
  }
  .carouselBloc .artTypeA2 .contenuArt, .noCarouselBloc .artTypeA2 .contenuArt {
    position: relative;
    margin: 0;
  }
  .carouselBloc .owl-controls .owl-dots .owl-dot, .noCarouselBloc .owl-controls .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 8px 0 0;
  }
  .carouselBloc .owl-controls .owl-dots .owl-dot.active, .noCarouselBloc .owl-controls .owl-dots .owl-dot.active {
    background-color: #fab700;
  }
  .carouselBloc .owl-controls .owl-dots .owl-dot span, .noCarouselBloc .owl-controls .owl-dots .owl-dot span {
    background-color: #e9e9e9;
    border-radius: 100%;
    display: block;
    height: 12px;
    width: 12px;
  }
  .carouselBloc .owl-controls .owl-dots .owl-dot.active span, .noCarouselBloc .owl-controls .owl-dots .owl-dot.active span {
    background-color: #000000;
  }
  .carouselBloc .owl-controls .owl-dots .owl-dot.active span, .noCarouselBloc .owl-controls .owl-dots .owl-dot.active span {
    color: red;
  }

  .noCarouselBloc section.artTypeA3 {
    width: 100%;
  }

  .pagination .paginUnit {
    margin: 0 0 28px 0;
  }

  .inscrNl {
    margin-top: 112px;
  }

  .pageStatic .enteteContact img, .pageStatic .enteteContact .listEnteteContact {
    width: auto;
    float: none;
  }
  .pageStatic .enteteContact .listEnteteContact {
    margin: 15px 0 0;
  }

  .pageContact .tableType1 tr td {
    width: 100%;
    display: block;
  }

  .contentTable {
    overflow: auto;
  }

  .magazine .visuelMag {
    float: none;
    margin: 0 0 20px;
  }
  .magazine .ulThemaMag li {
    width: 100%;
    margin-right: 0;
  }

  .titreType8 {
    font-size: 20px;
  }

  .titreType7 {
    font-size: 30px;
    margin: 0 0 20px;
  }

  .connexBloc .connexBlocG {
    float: none;
    width: auto;
  }
  .connexBloc .connexBlocD {
    float: none;
    width: auto;
    margin: 20px 0 0;
    border: none;
    padding: 0;
  }

  .classificationAnnee .textIntro {
    width: auto;
    margin: 0 0 30px;
    font-size: 16px;
    float: none;
    text-align: center;
  }
  .classificationAnnee .selectDateArchive_List {
    top: 45px;
    right: inherit;
    width: 100px;
    left: 100px;
  }

  .titreType7 {
    font-size: 25px;
  }

  .listMmag li {
    width: 46%;
    margin: 55px 4% 0 0;
  }
  .listMmag li a figure {
    height: 275px;
    line-height: 270px;
  }

  .pageArticle .titreType7 {
    margin-top: 10px;
    font-size: 21px;
  }
  .pageArticle .mainContainer .relatifArt, .pageArticle .mainContainer .corpsArt {
    float: none;
    width: 100%;
  }
  .pageArticle .galerieImagePrincipal .diapo .legendeImage {
    font-size: 10px;
    margin-bottom: 20px;
  }
  .pageArticle .galerieImagePrincipal .diapo .infoSupImage {
    font-size: 10px;
  }
  .pageArticle .relatifArt .infosArt {
    border: none;
    padding: 0;
  }
  .pageArticle .relatifArt .infosArt .auteur {
    margin: 0 0 5px;
    font-size: 12px;
  }
  .pageArticle .relatifArt .infosArt .datesArt {
    text-transform: uppercase;
    font-size: 10px;
  }
  .pageArticle .relatifArt .toolBar {
    margin: 0 0 15px;
  }
  .pageArticle .relatifArt .toolBar a:not(:first-child) {
    margin-left: 6.6666666667%;
  }
  .pageArticle .relatifArt .sommaireDossier {
    margin: 0 0 15px;
  }
  .pageArticle .relatifArt .sommaireDossier .titreType5 {
    padding: 10px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
  }
  .pageArticle .relatifArt .sommaireDossier .titreType5 .icon-chevron {
    display: block;
    width: 25px;
    float: right;
    color: #e73f12;
    font-size: 25px;
    margin-top: -3px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .pageArticle .relatifArt .sommaireDossier .titreType5 .icon-chevron.toClose {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .pageArticle .relatifArt .sommaireDossier ul {
    display: none;
  }
  .pageArticle .relatifArt .commArt .blocComments {
    width: 100%;
    right: -480px;
    top: 95px;
  }
  .pageArticle .relatifArt .commArt .blocComments > :last-child {
    margin-bottom: 115px;
  }
  .pageArticle .relatifArt .commArt .blocComments #suiteComm {
    margin-bottom: 115px;
  }
  .pageArticle .blocArtPrint .verrouiller img {
    margin-right: 2%;
  }
  .pageArticle .blocArtPrint .verrouiller .contenuArtPrint {
    width: 100%;
    float: none;
  }

  .pageRR .enteteRecherche .titreRecherche {
    float: none;
    width: auto;
  }
  .pageRR .enteteRecherche .triRecherche {
    float: none;
    margin: 15px 0 0;
  }

  .mainContainer .artTypeA1 {
    margin: 0;
  }
  .mainContainer .artTypeA1 .imgContainer {
    width: auto;
    float: none;
  }
  .mainContainer .artTypeA1 .contenuArt {
    position: relative;
    top: inherit;
    right: inherit;
    height: auto;
    width: auto;
    padding: 15px 0;
  }
  .mainContainer .artTypeA1 .contenuArt .titreArt {
    font-size: 22px;
    max-height: inherit;
  }
}
/* xsmall 320px */
@media (max-width: 320px) {
  .topPubHeader {
    top: 30px;
  }

  .inscrNl {
    margin-top: 100px;
  }
  .inscrNl .colGinscrNl .titreInscrNl {
    font-size: 38px;
  }
  .inscrNl .colGinscrNl .descInscrNl {
    font-size: 18px;
  }
  .inscrNl .colDinscrNl {
    padding-top: 25px;
  }
  .inscrNl .colDinscrNl .titreFormInscrNl {
    font-size: 25px;
  }

  .connexBlocD {
    background-position: center 38px;
  }

  .descResetPass {
    font-size: 14px;
  }

  .formResetPass {
    margin: 25px 0 0;
  }
  .formResetPass input[type=text] {
    width: 65%;
  }

  .listMmag li a .titreEdition {
    font-size: 14px;
  }
  .listMmag li a figure {
    height: 180px;
    line-height: 175px;
  }

  .pageRR .enteteRecherche .titreRecherche {
    font-size: 18px;
  }
}
input[type=text], input[type=password] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

header {
  margin: 0;
  background-color: #000000;
}
header .contentHeader .logo img {
  max-width: 100%;
  border: 0;
  vertical-align: middle;
}
header .contentHeader h1 .baseline {
  font-weight: normal;
}
header .contentHeader .baseline {
  display: inline-block;
  color: #cbcbcb;
  text-decoration: none;
  vertical-align: middle;
  margin-left: 40px;
  max-width: 360px;
  line-height: 28px;
  padding-top: 5px;
}
header .contentHeader .baseline__36 {
  display: inline-block;
  font-size: 36px;
}
header .contentHeader .baseline__19 {
  display: inline-block;
  font-size: 19px;
}
header .contentHeader.contentHeaderFixe {
  background-color: #000000;
  padding: 0 20px;
}
header .contentHeader.contentHeaderFixe .menuToggle1 {
  margin-right: 15px;
  background-color: #e73f12;
}
header .contentHeader.contentHeaderFixe .logo {
  line-height: normal;
}
header .contentHeader.contentHeaderFixe .logo a {
  padding: 5px;
  max-width: 40px;
}
header .contentHeader.contentHeaderFixe .baseline {
  display: none;
}
header .contentHeader.contentHeaderFixe .suivreRS, header .contentHeader.contentHeaderFixe .colRS {
  display: none;
}
header .contentHeader.contentHeaderFixe .blocConnexion [class^=boutonType] {
  font-size: 13px;
}
header .contentHeader.contentHeaderFixe .blocConnexion .boutonType1.btnAccountIcon .icon-connexion {
  font-size: 13px;
}
header .contentHeader .deconnexion {
  display: inline-block;
  text-decoration: none;
  margin: 0 0 0 10px;
  vertical-align: middle;
}
header .contentHeader .deconnexion .icon-croix {
  color: #000000;
  font-size: 10px;
  background-color: #ffffff;
  border-radius: 50%;
  padding: 5px 4px 4px 5px;
}
header .contentHeader .blocConnexion .boutonType1.btnAccountIcon {
  background-color: #ffffff;
  color: #000000;
}
header .contentHeader .blocConnexion .boutonType1.btnAccountIcon .icon-connexion {
  vertical-align: middle;
  margin-right: 5px;
  font-size: 18px;
}
header .contentHeader .blocConnexion .boutonType1.btnAccountIcon span {
  vertical-align: middle;
}
header .navPrincipale {
  background-color: #ffffff;
  /* menu au scroll */
}
header .navPrincipale .ulPrincipale {
  min-height: 36px;
  font-size: 0;
}
header .navPrincipale .ulPrincipale li {
  margin: 0;
  padding: 0;
  min-height: 36px;
  background-image: url(/images/separateur.png);
  background-repeat: no-repeat;
  background-position: 0 9px;
}
header .navPrincipale .ulPrincipale li:nth-child(1), header .navPrincipale .ulPrincipale li:nth-child(2), header .navPrincipale .ulPrincipale li:nth-child(5) {
  width: 20.7236842105%;
}
header .navPrincipale .ulPrincipale li:nth-child(3), header .navPrincipale .ulPrincipale li:nth-child(4) {
  width: 18.9144736842%;
}
header .navPrincipale .ulPrincipale li a {
  color: #000000;
  padding: 0 10px;
  text-align: center;
  height: auto;
}
header .navPrincipale .ulPrincipale li a span {
  height: auto;
  display: inline-block;
  border: none;
  font-size: 14px;
  vertical-align: middle;
  padding: 10px 0;
}
header .navPrincipale .ulPrincipale li:hover {
  border: none;
  background-color: #ffffff;
}
header .navPrincipale .ulPrincipale li:hover a {
  color: #e73f12;
}
header .navPrincipale .ulPrincipale li:hover a span {
  border: none;
}
header .navPrincipale .ulPrincipale li:last-child a {
  background-image: url(/images/separateur.png);
  background-repeat: no-repeat;
  background-position: right 9px;
}
header .navPrincipale.navPrincipaleFixe {
  border-bottom: none;
}
header .navPrincipale.navPrincipaleFixe .blocRecherche input[type=text] {
  margin: 13px 0 14px 10px;
  padding: 4px 10px;
  width: 275px;
}
header .navPrincipale.navPrincipaleFixe .blocRecherche button {
  width: auto;
  margin-left: 10px;
  padding: 1px 5px;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li {
  width: 100%;
  padding: 0;
  background-image: none;
  border-left: 1px solid #e9e9e9;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li a {
  padding: 0 20px;
  text-align: left;
  height: auto;
  font-size: 16px;
  font-weight: bold;
  border-bottom: none;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li a span {
  display: block;
  padding: 11px 0 12px;
  border-top: 1px solid #cccccc;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li:hover a {
  background-color: #e73f12;
  color: #ffffff;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li:hover a span {
  border-top: 1px solid transparent;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li:hover + li a span {
  border-top: 1px solid transparent;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li:first-child a span {
  border-top: 1px solid transparent;
}
header .navPrincipale.navPrincipaleFixe .ulPrincipale li:last-child a {
  background-image: none;
}
header .navPrincipale.navPrincipaleFixe .ulServiciel {
  width: 100%;
}
header .navPrincipale.navPrincipaleFixe .ulServiciel li {
  border-bottom: none;
}
header .navPrincipale.navPrincipaleFixe .ulServiciel li a {
  text-transform: uppercase;
  padding: 12px 20px;
  font-weight: normal;
}
header .navPrincipale.navPrincipaleFixe .ulServiciel li:hover a {
  color: #fab700;
}

iframe {
  max-width: 100% !important;
}

.headerTop .contentHeaderTop {
  margin: 10px auto 0;
}
.headerTop .contentHeaderTop .headerTopLeft {
  width: 17.6809210526%;
  padding: 0;
  margin: 0;
  list-style-type: none;
  float: left;
}
.headerTop .contentHeaderTop .headerTopLeft li {
  display: inline-block;
  vertical-align: middle;
  color: #666666;
  font-size: 12px;
  margin-right: 10px;
}
.headerTop .contentHeaderTop .headerTopLeft li a {
  color: #666666;
  text-decoration: none;
}
.headerTop .contentHeaderTop .headerTopLeft li a [class^=icon-] {
  color: #cccccc;
  font-size: 20px;
}
.headerTop .contentHeaderTop .navHauteGauche.headerTopCenter {
  width: 64.6381578947%;
  float: left;
  margin-top: 5px;
  text-align: center;
}
.headerTop .contentHeaderTop .navHauteGauche.headerTopCenter li {
  padding: 0;
}
.headerTop .contentHeaderTop .navHauteGauche.headerTopCenter li a {
  text-transform: uppercase;
  padding: 0 15px;
  font-size: 14px;
  color: #737373;
  display: block;
}
.headerTop .contentHeaderTop .navHauteDroite {
  width: 17.6809210526%;
}
.headerTop .contentHeaderTop .navHauteDroite li {
  padding: 0;
  float: none;
}
.headerTop .contentHeaderTop .navHauteDroite li.loupe {
  padding: 0;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
}
.headerTop .contentHeaderTop .navHauteDroite li.loupe .zoneIcon {
  width: 100%;
  font-size: 0;
  line-height: normal;
  height: auto;
  text-align: right;
}
.headerTop .contentHeaderTop .navHauteDroite li.loupe .zoneIcon [class*=icon-] {
  color: #cccccc;
  margin-right: 10px;
}
.headerTop .contentHeaderTop .navHauteDroite li.loupe .zoneIcon .icon-loupe {
  display: inline-block;
  vertical-align: top;
}
.headerTop .contentHeaderTop .navHauteDroite li.loupe .zoneIcon .recherche {
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
  color: #666666;
  font-size: 12px;
}
.headerTop .contentHeaderTop .navHauteDroite li.loupe .zoneIcon .recherche.displayNone {
  display: none;
}
.headerTop .contentHeaderTop .navHauteDroite li.loupe .zoneIcon.croix {
  background-color: transparent;
}
.headerTop .contentHeaderTop .navHauteDroite li.loupe .zoneIcon.croix .icon-loupe {
  background-color: #666666;
  color: #ffffff;
  padding: 12px 13px;
  margin-right: 73px;
}
.headerTop .contentHeaderTop .navHauteDroite li.loupe .blocRecherche {
  right: 73px;
  top: 38px;
}
.headerTop .contentHeaderTop .navHauteDroite li.loupe .blocRecherche button {
  padding: 1px 5px 1px 7px;
}

.navBasse {
  max-width: 1255px;
  padding: 0 20px;
  margin: 0 auto;
}
.navBasse ul {
  list-style-type: none;
  background-color: #e9e9e9;
  padding: 0;
  margin: 30px 0 0;
  font-size: 0;
}
.navBasse ul li {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 9px 0;
}
.navBasse ul li a {
  color: #000000;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 4px 30px;
  border-right: 1px solid #cccccc;
  text-align: center;
  display: block;
}
.navBasse ul li:hover a {
  color: #e73f12;
}
.navBasse ul li:first-child {
  background-color: #e73f12;
  position: relative;
  padding: 6px 0;
}
.navBasse ul li:first-child a {
  color: #ffffff;
  font-size: 18px;
  border-right: none;
  padding: 4px 20px;
}
.navBasse ul li:first-child .sharpEnd {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 12px;
  border-color: transparent transparent transparent #e73f12;
  position: absolute;
  right: -12px;
  top: 1px;
}
.navBasse ul li:last-child a {
  border-right: none;
}

footer .contentFooter {
  padding: 13px 20px 4px 10px;
}
footer .contentFooter .colRS {
  width: 29.1940789474%;
}
footer .contentFooter .colLinks {
  width: 41.5296052632%;
  text-align: center;
}
footer .contentFooter .colLinks .linkDash {
  padding: 0 4px 0 6px;
}
footer .contentFooter .colLinks .carriageReturn--onlyMob {
  display: none;
}
footer .contentFooter .colMarqGrp {
  width: 29.1940789474%;
  padding: 1px 0 0 20px;
  text-align: right;
}
footer .contentFooter .colMarqGrp .ipdLogo, footer .contentFooter .colMarqGrp span {
  float: none;
}
footer .contentFooter .colMarqGrp a, footer .contentFooter .colMarqGrp span {
  display: inline-block;
  vertical-align: top;
}
footer .contentFooter .colMarqGrp span {
  margin-top: 7px;
}

.bandeauService {
  margin-top: 40px;
}
.bandeauService .contentSite > div[class*=Serv] {
  padding: 15px 15px 15px 20px;
}
.bandeauService .adjudicationServForm .colG {
  margin: 20px 3.125% 69px 0;
}
.bandeauService .adjudicationServForm .colD {
  width: 67.6923076923%;
}
.bandeauService .colD .contentText {
  height: 100px;
  color: #666666;
}
.bandeauService .colD .contentText p {
  margin: 0 0 12px 0;
}

.sidebar .blocAbo a {
  width: 170px;
  padding: 5px 0;
}
.sidebar .blocPlusLus-type2 {
  border-top: 5px solid #e73f12;
  padding: 15px 20px;
}
.sidebar .blocPlusLus-type2 .titreType10 {
  color: #000000;
  padding-bottom: 2px;
}
.sidebar .blocPlusLus-type2 ul {
  padding: 6px 0 15px;
}
.sidebar .blocPlusLus-type2 ul li {
  border-bottom: none;
  padding: 10px 0;
}
.sidebar .blocPlusLus-type2 ul li span {
  width: 4.6511627907%;
  background-color: transparent;
  font-size: 20px;
  color: #e73f12;
  padding: 0;
  height: auto;
}
.sidebar .blocPlusLus-type2 ul li a {
  font-weight: normal;
  margin-top: 2px;
  margin-left: 7.7519379845%;
  width: 87.5968992248%;
}
.sidebar .blocPlusLus-type2 ul li a:hover {
  text-decoration: none;
  color: #e73f12;
}
.sidebar .blocTypeCol + .titreType11 {
  padding-bottom: 2px;
}
.sidebar .blocRssLink a .icon-rss, .sidebar .blocRssLink a span {
  display: inline-block;
  vertical-align: bottom;
}
.sidebar .blocRssLink a .icon-rss {
  color: #666666;
  font-size: 20px;
}
.sidebar .blocRssLink a span {
  padding-left: 10px;
  color: #000000;
  text-decoration: none;
}

.connexBloc .titreBlocConnex {
  font-size: 22px;
}
.connexBloc .connexBlocG {
  width: 33.6757990868%;
  margin: 0 0 0 4.5662100457%;
  padding: 0 0 15px;
}
.connexBloc .connexBlocG input[type=text] {
  margin-top: 50px;
}
.connexBloc .connexBlocG input[type=password] {
  margin-top: 40px;
}
.connexBloc .connexBlocG .btnPosC {
  margin-top: 58px;
}
.connexBloc .connexBlocD {
  width: 57.0776255708%;
  margin: 0 0 0 4.5662100457%;
  padding: 0 0 40px 4.5662100457%;
  background-position: 35px 70px;
  background-size: 87%;
}
.connexBloc .connexBlocD .titreBlocConnex {
  line-height: 40px;
  text-align: center;
}
.connexBloc .connexBlocD .titreBlocConnex .icon-news {
  display: none;
}
.connexBloc .connexBlocD .btnPosC {
  margin-top: 234px;
}

.txtLireTotal + .connexBloc .titreBlocConnex {
  font-size: 16px;
}

/*page article/liste : bloc inscription newsletter */
.blocCtaNewsletter, .confirmCtaNewsletter {
  background-color: #eceded;
}

.blocCtaNewsletter .titreCtaNewsletter {
  font-size: 18px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  color: #e73f12;
}
.blocCtaNewsletter .titreCtaNewsletter span {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: bold;
}
.blocCtaNewsletter input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background-color: #e73f12;
  padding: 0 11px;
  border: 1px solid #e73f12;
}
.blocCtaNewsletter input[type=submit]:hover {
  background-color: transparent;
}

.confirmCtaNewsletter {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  text-align: left;
  padding: 25px 200px 25px 15px;
  background-image: url(/images/cta-news-bg.png);
  background-repeat: no-repeat;
  background-position: 97% bottom;
  min-height: 110px;
}
.confirmCtaNewsletter .bienvenue {
  font-size: 18px;
  font-weight: bold;
  color: #e73f12;
}
.confirmCtaNewsletter .confirmInscrit {
  font-size: 14px;
  color: #000000;
}
.confirmCtaNewsletter .confirmInscrit span {
  font-weight: bold;
}

.salonsEvents {
  border: 1px solid #cccccc;
  padding: 15px 0;
}
.salonsEvents .tableWrapper {
  width: 100%;
}
.salonsEvents .colTitre {
  width: 26.3591433278%;
  padding-right: 10px;
}
.salonsEvents .colTitre .icon-evenements {
  margin-top: 4px;
  margin-bottom: 16px;
  font-size: 50px;
}
.salonsEvents .colTitre .encadreTitre1 {
  margin-top: 0;
  margin-bottom: 16px;
}
.salonsEvents .colTitre .allEvents {
  clear: both;
}
.salonsEvents .col3 {
  margin-top: 4px;
}
.salonsEvents .calendar {
  margin-right: 10px;
  background-color: #e73f12;
  color: #ffffff;
}
.salonsEvents .salonBlock .eventCity {
  font-size: 13px;
  text-transform: uppercase;
  color: #e73f12;
  margin: 0 0 4px;
}
.salonsEvents .salonBlock .icon-flechebouton {
  margin: 2px 0 0;
}

.verrouiller, .artTypeB2.verrouSsImage {
  border-left: 10px solid #fab700;
}

.etiquetteArt {
  background-color: #e73f12;
}
.etiquetteArt--publiRedac {
  background-color: #000000;
}

.dateTagArt .dateArt, .dateTagArt .tagArt {
  color: #666666;
}

.pageArticle .corpsArt {
  margin-bottom: 50px;
}
.pageArticle .contenuPasEncoreAbonne .texteCache {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 90%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(90%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 90%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 90%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 90%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 90%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26", endColorstr="#ff7701", GradientType=0);
  /* IE6-9 */
}
.pageArticle > .blocCtaNewsletter,
.pageArticle > .confirmCtaNewsletter {
  width: 49.3421052632%;
  margin-left: 22.6973684211%;
  margin-right: 27.3026315789%;
  margin-bottom: 30px;
}
.pageArticle .mainContainer .blocCtaNewsletter, .pageArticle .mainContainer .confirmCtaNewsletter {
  width: 68.5714285714%;
  margin-left: 31.4285714286%;
  margin-right: 0;
  margin-bottom: 30px;
}
.pageArticle .mainContainer .clearBoth + .blocCtaNewsletter,
.pageArticle .mainContainer .clearBoth + .confirmCtaNewsletter {
  margin-top: 0;
}
.pageArticle .mainContainer .artTypeB2 + .clearBoth + .blocCtaNewsletter,
.pageArticle .mainContainer .artTypeB2 + .clearBoth + .confirmCtaNewsletter {
  margin-top: 50px;
}
.pageArticle .pubX61 {
  margin-top: 0;
  margin-bottom: 60px;
}
.pageArticle .tableResponsive__head {
  background-color: #eceded;
}
.pageArticle .tableResponsive__headM {
  background-color: #eceded;
}

.relatifArt .sommaireDossier ul li p.active {
  width: 94%;
  float: left;
  margin-left: 2px;
}

.corpsArt .textArt a {
  color: #000000;
}

.contenuGalerie .playDiapo {
  background-color: #e73f12;
}
.contenuGalerie .galerieImagePrincipal .diapo .infoSupImage {
  color: #e73f12;
  padding-right: 5px;
  width: 34.2857142857%;
  padding-left: 10px;
}
.contenuGalerie .galerieImagePrincipal .diapo .legendeImage {
  width: 34.2857142857%;
  padding-left: 10px;
}
.contenuGalerie .galerieThumbs a {
  border: 3px solid #ffffff;
}
.contenuGalerie .galerieThumbs a.active {
  border: 3px solid #e73f12;
}
.contenuGalerie .bx-wrapper .bx-prev {
  background-image: url(/images/galerie/control-left.png);
}
.contenuGalerie .bx-wrapper .bx-next {
  background-image: url(/images/galerie/control-right.png);
}
.contenuGalerie .bx-wrapper .bx-viewport {
  min-height: 100px !important;
}

/* titres */
.titreType1 {
  border-color: #fab700;
  color: #000000;
}

/* page mon compte */
.accountPage .titreType6 {
  margin-bottom: 20px;
}
.accountPage .deconnexion {
  display: block;
  text-decoration: none;
  color: #000000;
  margin-bottom: 20px;
}
.accountPage .deconnexion span, .accountPage .deconnexion .icon-croix {
  display: inline-block;
  vertical-align: middle;
}
.accountPage .deconnexion span {
  font-weight: bold;
}
.accountPage .deconnexion:hover .icon-croix {
  color: #e73f12;
}
.accountPage .encadreType1 {
  margin: 0 0 30px 0;
  padding-bottom: 20px;
}
.accountPage .encadreType1 .titreEncadre {
  margin: 12px 0 15px;
}
.accountPage .encadreType1 .icon-flechebouton {
  color: #e73f12;
  font-size: 10px;
  margin: 4px 5px 0 0;
}
.accountPage .encadreType1 .visuNews {
  float: left;
  margin: 20px 0 0 2.2857142857%;
  width: 9.7142857143%;
}
.accountPage .encadreType1 .colTxt {
  width: 100%;
  padding: 0 2.2857142857%;
  float: none;
  position: relative;
}
.accountPage .encadreType1 .colTxt .contentColTxt {
  width: 64.7482014388%;
  float: left;
  font-size: 16px;
}
.accountPage .encadreType1 .colTxt .boutonTypeLien {
  float: right;
}
.accountPage .encadreType1 .colTxt .contentNews {
  width: 83.4285714286%;
  float: left;
}
.accountPage .encadreType1 .colTxt .contentNews .inscritNews {
  color: #01a105;
  font-size: 12px;
  margin-left: 3.6571428571%;
}
.accountPage .encadreType1 .colTxt .boutonType6 {
  box-shadow: none;
  float: none;
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0;
  font-size: 16px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.accountPage .encadreType1 .colTxt .newsName {
  padding: 6px 0 0 25px;
  font-size: 12px;
  color: #01a105;
}
.accountPage .encadreType1 .colTxt .ssTitreAccount {
  margin: 1px 0;
  color: #fab700;
  font-weight: bold;
}
.accountPage .encadreType1 .colTxt .ssTitreAccount [class^=icon-] {
  float: none;
  color: #fab700;
  font-size: 42px;
  margin: 0 5px 0 0;
}
.accountPage .encadreType1 .colTxt .ssTitreAccount span, .accountPage .encadreType1 .colTxt .ssTitreAccount [class^=icon-] {
  display: inline-block;
  vertical-align: middle;
}
.accountPage .encadreType1 .colTxt.magazine {
  float: left;
  width: 87.9862700229%;
  margin: 17px 0 10px 0;
}
.accountPage .encadreType1 .colTxt.magazine .contentColTxt, .accountPage .encadreType1 .colTxt.magazine .titreEncadre {
  float: left;
  width: 54.6163849155%;
  padding: 0;
}
.accountPage .encadreType1 .colTxt.magazine .boutonTypeLien {
  margin-top: 25px;
}

.pageContact .titreType1 {
  border-color: #e73f12;
}
.pageContact .expliRemOuQuest {
  font-size: 16px;
  margin: 20px 0 0;
}
.pageContact .tableType1 tr.border {
  border-top: 1px solid #cccccc;
  border-bottom: none;
}
.pageContact .sepaQuestion {
  font-size: 16px;
  border-top: 5px solid #e73f12;
  padding: 20px 0 0;
  margin: 45px 0;
  font-weight: bold;
  text-align: center;
}
.pageContact .sepaQuestion a {
  color: #000000;
}

.pageCgu .titreCgu1, .pageCgu .titreCgu2 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 25px;
}
.pageCgu .titreCgu2 {
  color: #e73f12;
}
.pageCgu .txtCgu {
  font-size: 14px;
}
.pageCgu .mainContainer a {
  color: #000000;
}

.profilePage .typeChbx {
  margin-top: 15px;
}
.profilePage .labelChbx {
  float: left;
  margin-top: 13px;
}
.profilePage .selectText {
  padding: 5px 10px 5px 0 !important;
  min-height: 28px !important;
  border-radius: 0 !important;
  border: 1px solid #cccccc !important;
}

/* boutons */
.boutonType6, .btnPosC .boutonType6 {
  color: #000000;
  background-color: #fab700;
}

.boutonType1, .boutonType6, .btnPosC .boutonType1, .btnPosC .boutonType6 {
  -webkit-appearance: none;
  padding: 10px 15px;
  box-shadow: none;
}

/* page sommaire magazine */
.magazine .boutonType6 {
  margin-bottom: 60px;
  display: inline-block;
}
.magazine .ulThemaMag {
  padding: 0;
  margin: 20px 0;
  list-style-type: none;
}
.magazine .ulThemaMag li {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  width: 46.8571428571%;
  margin: 0 2.8571428571% 14px 0;
}
.magazine .ulThemaMag .boutonTypeLien [class^=icon-], .magazine .ulThemaMag .titreArtDraft [class^=icon-] {
  margin: 4px 5px 0 0;
}

/* large 1024px */
@media only screen and (max-width: 1024px) {
  .navBasse {
    display: none;
  }

  .topPubHeader {
    padding: 20px 10px 0;
  }
  .topPubHeader + .contentSite {
    margin-top: 200px;
  }

  header {
    margin: 0;
  }
  header .contentHeader .menuToggle1 {
    max-height: 90px;
    top: 0;
    left: 0;
    padding: 15px 20px;
    color: #ffffff;
  }
  header .contentHeader .blocConnexion {
    right: 0;
    top: 0;
    margin-left: 0;
  }
  header .contentHeader .blocConnexion .boutonType1.btnAccountIcon {
    display: inline-block;
    background-color: transparent;
    padding: 20px 20px;
    margin-left: 0;
  }
  header .contentHeader .blocConnexion .boutonType1.btnAccountIcon .icon-connexion {
    color: #ffffff;
    font-size: 50px;
    margin-right: 0;
  }
  header .contentHeader .blocConnexion .boutonType1.btnAccountIcon .icon-connexion::before {
    content: "";
  }
  header .contentHeader .blocConnexion .deconnexion {
    margin: 0 20px 0 0;
  }
  header .contentHeader .blocConnexion .deconnexion .icon-croix {
    font-size: 16px;
    padding: 7px;
  }
  header .contentHeader .logo {
    padding: 10px 0;
  }
  header .contentHeader .logo img {
    width: 71px;
  }
  header .contentHeader .logo .baseline {
    max-width: 250px;
    margin-left: 15px;
    line-height: 14px;
  }
  header .contentHeader .logo .baseline__36 {
    font-size: 22px;
  }
  header .contentHeader .logo .baseline__19 {
    font-size: 12px;
  }
  header .blocRecherche input[type=text] {
    margin: 13px 0 14px 10px;
    padding: 4px 10px;
    width: 715px;
    width: calc(100% - 55px);
  }
  header .blocRecherche button {
    width: auto;
    margin-left: 10px;
    padding: 1px 5px;
  }
  header .navPrincipale .mqContainerUl .ulPrincipale {
    margin: 0;
    padding: 0;
    height: auto;
    width: 100%;
  }
  header .navPrincipale .mqContainerUl .ulPrincipale li {
    width: 100%;
    padding: 0;
    background-image: none;
    border-left: 1px solid #e9e9e9;
  }
  header .navPrincipale .mqContainerUl .ulPrincipale li a {
    padding: 0 10px;
    text-align: left;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    border-bottom: none;
  }
  header .navPrincipale .mqContainerUl .ulPrincipale li a span {
    text-transform: uppercase;
    display: block;
    padding: 11px 0 12px;
    border-top: 1px solid #cccccc;
  }
  header .navPrincipale .mqContainerUl .ulPrincipale li:first-child a span {
    border-top: 1px solid transparent;
  }
  header .navPrincipale .mqContainerUl .ulPrincipale li:last-child a {
    background-image: none;
  }
  header .navPrincipale .mqContainerUl .ulServiciel {
    width: 100%;
  }
  header .navPrincipale .mqContainerUl .ulServiciel li {
    border-bottom: none;
  }
  header .navPrincipale .mqContainerUl .ulServiciel li a {
    text-transform: uppercase;
    padding: 12px 10px;
    font-weight: normal;
  }
  header .navPrincipale .mqContainerUl .ulServiciel li.abonnezVs {
    background-color: #fab700;
    color: #000000;
  }
  header .navPrincipale .mqContainerUl .ulServiciel li.abonnezVs a {
    color: #000000;
  }
  header .navPrincipale .mqContainerUl .ulServiciel li.abonnezVs:hover a {
    color: #ffffff;
  }
  header .contentSuivreChronik {
    border-bottom: 1px solid #cccccc;
  }
  header .contentSuivreChronik::before {
    border-top: none;
  }

  footer .contentFooter .colRS {
    width: 20%;
  }
  footer .contentFooter .colLinks, footer .contentFooter .colMarqGrp {
    width: 40%;
  }

  .salonsEvents .tableWrapper {
    display: block;
  }
  .salonsEvents .colTitre {
    display: block;
    width: 100%;
    padding-right: 20px;
  }
  .salonsEvents .colTitre .icon-evenements, .salonsEvents .colTitre .encadreTitre1 {
    display: block;
    float: left;
    margin-bottom: 0;
  }
  .salonsEvents .colTitre .encadreTitre1 {
    width: 400px;
    margin-top: 15px;
    margin-left: 10px;
    font-size: 24px;
  }
  .salonsEvents .colTitre .allEvents {
    clear: none;
    float: right;
    margin-top: 21px;
  }
  .salonsEvents .colContent {
    display: table;
    width: 100%;
    padding: 0 20px;
    margin-top: 15px;
  }
  .salonsEvents .col3 {
    display: table-cell;
  }

  .connexion .mainContainer {
    width: 100%;
  }
  .connexion .connexBloc .connexBlocD {
    background-position: 70px 70px;
    background-size: 70%;
  }

  .sidebar {
    width: 100%;
  }
  .sidebar .blocTypeCol {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) and (min-device-width: 801px), only screen and (max-width: 1024px) and (min-width: 801px) {
  .bandeauService .magazineServ .colG, .bandeauService .magazineServ .colD, .bandeauService .newsletterServ .colG, .bandeauService .newsletterServ .colD, .bandeauService .adjudicationServForm .colG, .bandeauService .adjudicationServForm .colD {
    width: 100%;
  }
  .bandeauService .magazineServ .colG, .bandeauService .newsletterServ .colG, .bandeauService .adjudicationServForm .colG {
    text-align: center;
  }
  .bandeauService .magazineServ .colD, .bandeauService .newsletterServ .colD, .bandeauService .adjudicationServForm .colD {
    margin-top: 10px;
  }
  .bandeauService .magazineServ .colG {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .bandeauService .newsletterServ .colG {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .bandeauService .adjudicationServForm .colG {
    margin-top: 50px;
    margin-bottom: 19px;
  }
  .bandeauService .adjudicationServForm .colD .contentText {
    height: 140px;
  }
}
@media only screen and (max-width: 1024px) {
  .pageArticle .mainContainer .blocCtaNewsletter,
.pageArticle .mainContainer .confirmCtaNewsletter,
.pageArticle > .blocCtaNewsletter,
.pageArticle > .confirmCtaNewsletter {
    width: 68.5975609756%;
    margin-left: 31.4024390244%;
    margin-right: 0;
  }
  .pageArticle .ctTitreDossier .dossier {
    width: 100px;
  }
  .pageArticle .ctTitreDossier .titreDossier {
    -moz-width: calc(100% - 100px);
    -webkit-width: calc(100% - 100px);
    -o-width: calc(100% - 100px);
    -ms-width: calc(100% - 100px);
    width: calc(100% - 100px);
  }
}
@media only screen and (max-width: 1024px) {
  .pageContact .enteteContact {
    padding: 25px 20px 30px 30px;
  }
  .pageContact .enteteContact img {
    max-width: 93px;
    float: left;
    display: block;
    margin-bottom: 15px;
    width: 14.1552511416%;
  }
  .pageContact .enteteContact .listEnteteContact {
    width: 85.8447488584%;
    margin-left: 0;
    padding-left: 30px;
    float: left;
  }
  .pageContact .enteteContact .listEnteteContact + .listEnteteContact {
    margin-top: 20px;
  }
}
/* medium 800*/
@media (max-width: 800px) {
  header {
    margin: 0;
  }
  header .contentHeader .menuToggle1 {
    max-height: 70px;
    padding: 10px 20px;
  }
  header .contentHeader .menuToggle1 .icon-burger {
    font-size: 40px;
  }
  header .contentHeader .blocConnexion .boutonType1.btnAccountIcon {
    padding: 15px 20px;
  }
  header .contentHeader .blocConnexion .boutonType1.btnAccountIcon .icon-connexion {
    font-size: 40px;
  }
  header .contentHeader .blocConnexion .deconnexion .icon-croix {
    font-size: 10px;
    padding: 5px 4px 4px 5px;
  }
  header .contentHeader .logo {
    padding: 10px 0;
  }
  header .contentHeader .logo img {
    width: 51px;
  }
  header .contentHeader .logo .baseline {
    display: none;
  }
  header .navPrincipale .mqContainerUl {
    height: 250px;
  }

  footer {
    min-height: 200px;
  }
  footer .contentFooter {
    padding: 20px 20px 30px;
  }
  footer .contentFooter .colMarqGrp, footer .contentFooter .colLinks {
    width: 100%;
    display: block;
    float: none;
    text-align: center;
  }
  footer .contentFooter .colMarqGrp {
    margin-top: 20px;
    padding: 0;
  }
  footer .contentFooter .colMarqGrp span {
    font-size: 12px;
  }
  footer .contentFooter .colMarqGrp .ipdLogo {
    margin-left: 5px;
  }
  footer .contentFooter .colLinks {
    margin-top: 10px;
  }
  footer .contentFooter .colRS {
    width: 100%;
    text-align: center;
  }
  footer .contentFooter .colRS a {
    display: inline-block;
    float: none;
  }
  footer .contentFooter .colRS [class^=icon-] {
    font-size: 30px;
  }

  .salonsEvents .colTitre .icon-evenements {
    font-size: 30px;
  }
  .salonsEvents .colTitre .encadreTitre1 {
    width: auto;
    font-size: 18px;
    margin-top: 10px;
  }
  .salonsEvents .colTitre .allEvents {
    width: 100%;
    float: left;
    margin-top: 10px;
  }
  .salonsEvents .col3 .calendar {
    float: none;
    margin-right: 0;
  }
  .salonsEvents .col3 .salonBlock {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-top: 10px;
  }
  .salonsEvents .tableWrapper .colContent .col3 {
    padding-right: 20px;
  }

  .connexion .connexBloc .connexBlocD {
    padding-left: 4.5572916667%;
    margin-left: 4.5572916667%;
    width: 47.9166666667%;
  }
  .connexion .connexBloc .connexBlocG {
    width: 42.8385416667%;
    padding-left: 0;
  }

  .bandeauService .contentSite > div[class*=Serv] {
    padding-bottom: 30px;
  }
  .bandeauService .magazineServ .colG, .bandeauService .newsletterServ .colG, .bandeauService .adjudicationServForm .colG {
    width: 25%;
    margin-right: 5%;
  }
  .bandeauService .magazineServ .colD, .bandeauService .newsletterServ .colD, .bandeauService .adjudicationServForm .colD {
    width: 60%;
  }
  .bandeauService .adjudicationServForm .colG {
    margin-bottom: 35px;
  }

  .pageArticle .mainContainer .blocCtaNewsletter,
.pageArticle .mainContainer .confirmCtaNewsletter,
.pageArticle > .blocCtaNewsletter,
.pageArticle > .confirmCtaNewsletter {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .pageArticle .confirmCtaNewsletter {
    padding-right: 140px;
  }

  /* page sommaire magazine */
  .magazine figure {
    margin-right: 0;
  }

  .pageContact .enteteContact img {
    margin-bottom: 50px;
  }
}
@media only screen and (max-device-width: 640px), (max-width: 640px) {
  .connexion .connexBloc .connexBlocD, .connexion .connexBloc .connexBlocG {
    padding-left: 0;
    width: 100%;
  }
  .connexion .connexBloc .connexBlocD, .connexion .connexBloc .connexBlocG {
    margin-top: 30px;
    margin-left: 0;
    border-left: none;
    padding-left: 0;
    width: 100%;
  }

  /*page mon compte */
  .accountPage .encadreType1 .visuNews {
    width: 13.5451505017%;
  }
  .accountPage .encadreType1 .colTxt.magazine {
    width: 83.6120401338%;
  }
  .accountPage .encadreType1 .colTxt.magazine .contentColTxt, .accountPage .encadreType1 .colTxt.magazine .titreEncadre {
    width: 100%;
    float: none;
  }
  .accountPage .encadreType1 .colTxt .contentColTxt {
    width: 100%;
  }
  .accountPage .encadreType1 .colTxt .boutonType6 {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    float: right;
    margin: 30px 0 0;
  }
  .accountPage .encadreType1 .colTxt .boutonTypeLien {
    margin-top: 10px;
  }
  .accountPage .titreType7 {
    font-size: 25px;
  }
  .accountPage .listMmag li {
    width: 46%;
    margin: 55px 4% 0 0;
  }
  .accountPage .listMmag li a figure {
    height: 275px;
    line-height: 270px;
  }

  .classificationAnnee .textIntro {
    width: auto;
    margin: 0 0 30px;
    font-size: 16px;
    float: none;
    text-align: center;
  }
  .classificationAnnee .selectDateArchive_List {
    top: 45px;
    right: inherit;
    width: 100px;
    left: 50%;
    margin-left: -50px;
  }

  .galerieImagePrincipal .galerieNext, .galerieImagePrincipal .galeriePrev {
    display: none;
  }
}
/* small 480px */
@media (max-width: 480px) {
  header {
    margin: 0;
  }
  header .contentHeader .menuToggle1 {
    max-height: 60px;
    padding: 15px 20px;
  }
  header .contentHeader .menuToggle1 .icon-burger {
    font-size: 30px;
  }
  header .contentHeader .blocConnexion .boutonType1.btnAccountIcon {
    padding: 15px 20px;
  }
  header .contentHeader .blocConnexion .boutonType1.btnAccountIcon .icon-connexion {
    font-size: 30px;
  }
  header .contentHeader .logo {
    padding: 10px 0;
  }
  header .contentHeader .logo img {
    width: 41px;
  }
  header .contentHeader .logo .baseline {
    display: none;
  }
  header .navPrincipale .mqContainerUl {
    height: 250px;
  }

  footer .contentFooter .colLinks .linkDash--noMob {
    display: none;
  }
  footer .contentFooter .colLinks .carriageReturn--onlyMob {
    display: inline;
  }
  footer .contentFooter .colLinks .margTopMob {
    margin-top: 10px;
    display: inline-block;
  }

  .topPubHeader + .contentSite {
    margin-top: 130px;
  }

  .connexion .connexBloc .connexBlocD {
    background-position: center 70px;
  }
  .connexion .connexBloc .connexBlocD .btnPosC {
    margin-top: 190px;
  }

  .pageArticle .blocCtaNewsletter, .pageArticle .confirmCtaNewsletter {
    min-width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .pageArticle .confirmCtaNewsletter {
    padding-right: 125px;
  }

  /* page sommaire magazine */
  .magazine figure {
    max-width: 135px;
    margin: 0 auto;
  }
  .magazine .ulThemaMag li {
    width: 100%;
  }

  /*page mon compte */
  .accountPage .encadreType1 .visuNews {
    width: 100%;
    margin: 20px auto 0;
    display: block;
    max-width: 81px;
    float: none;
  }
  .accountPage .encadreType1 .colTxt.magazine {
    width: 100%;
    margin-top: 0;
  }
  .accountPage .encadreType1 .colTxt .ssTitreAccount [class^=icon-] + span {
    max-width: 200px;
  }
  .accountPage .encadreType1 .colTxt .ssTitreAccount + .contentColTxt {
    margin-top: 5px;
  }

  .profilePage select {
    width: 65%;
  }
  .profilePage .labelChbx {
    max-width: 260px;
  }

  .pageContact .enteteContact img {
    max-width: 93px;
    float: none;
    margin: 0 auto;
    width: 100%;
  }
  .pageContact .enteteContact .listEnteteContact {
    width: 100%;
    padding-left: 0;
    float: none;
    margin-top: 20px;
  }

  .carouselBloc .owl-controls .owl-dots .owl-dot.active, .noCarouselBloc .owl-controls .owl-dots .owl-dot.active {
    background-color: transparent;
  }
}