@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);



html {
  position: relative;
  min-height: 100%;
}

body {
  height:100%;

  background: #fff;
  background-position:top center; 
  background-size: cover;
  background-repeat: no-repeat;

  font:400 14px 'Open Sans', sans-serif !important;

}

:focus, :active {
    outline: 0;
}

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

a.lien-vide { padding:0; margin:0; text-decoration:none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Helpers Class */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.align-justify {
  /*
  text-align: justify;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  hyphens: manual;
  */  
  text-align: justify;
  text-justify: distribute;
  text-align-last: left;
}

.bt_scroll{
  width:40px; height:40px;
  position:fixed;
  bottom:45px;right:0px;
  margin:auto;
  z-index:1010;
  display:none;
  cursor:pointer;
}

.text-justify {
  text-align: justify;
  text-justify: distribute;
  text-align-last: left;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Bootstrap Helpers */
.col-centered{
    float: none;
    margin: 0 auto;
}

.btn { white-space:normal !important; word-wrap:break-word; }

.img-responsive {
  width:100%; height:auto; 
}


label {
  font-weight:bold;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


.up { background: transparent url(../img/bt_scrollup.png); }

.clear { clear:both; }
.texte-blanc { color:#fff; }
.text-center { text-align: center; }
.left { float:left; }
.right { float:right; }

.transform-y {
  -webkit-transform: translateX(0%) translateY(-50%) ;
  -moz-transform: translateX(0%) translateY(-50%) ;
  -ms-transform: translateX(0%) translateY(-50%) ;
  -o-transform: translateX(0%) translateY(-50%) ;
  transform: translateX(0%) translateY(-50%) ;
}

.transform-middle {
  -webkit-transform: translateX(-50%) translateY(-50%) ;
  -moz-transform: translateX(-50%) translateY(-50%) ;
  -ms-transform: translateX(-50%) translateY(-50%) ;
  -o-transform: translateX(-50%) translateY(-50%) ;
  transform: translateX(-50%) translateY(-50%) ;
}

.transform-top {
  -webkit-transform: translateX(0%) translateY(0%) ;
  -moz-transform: translateX(0%) translateY(0%) ;
  -ms-transform: translateX(0%) translateY(0%) ;
  -o-transform: translateX(0%) translateY(0%) ;
  transform: translateX(0%) translateY(0%) ;
}

.transform-bottom {
  -webkit-transform: translateX(0%) translateY(-100%) ;
  -moz-transform: translateX(0%) translateY(-100%) ;
  -ms-transform: translateX(0%) translateY(-100%) ;
  -o-transform: translateX(0%) translateY(-100%) ;
  transform: translateX(0%) translateY(-100%) ;
}

.shadow-box {
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
}

h1 {
  color:#000;
  font:700 26px 'Open Sans', sans-serif;
  padding:5px 0; margin:5px 0;
  text-transform: uppercase;
}

h2 {
	color:#000;
	font:700 28px 'Open Sans', sans-serif;
  padding:0; margin:5px 0;
  /*text-transform: uppercase;*/
}

h2.rouge {
  background:#cf1f25; color:#fff;
  font:700 23px 'Open Sans', sans-serif;
  padding:5px; margin:5px 0;
  display:inline-block;
  width:auto;
  /*text-transform: uppercase;*/
}


h3 {
  color:#000;
  padding:5px 15px 10px 5px; margin:10px 0;
  display:inline-block;
  background: #ffffff;

  font:700 20px 'Open Sans', sans-serif !important;
  letter-spacing: .025em;

  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

h4 {
  color:#000;
  font:700 16px 'Open Sans', sans-serif;
  padding:0; margin:0;
  text-transform: uppercase;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - -  strike blanche ------ texte -----  */
.strike {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap; 
  margin:0 0 10px 0;
}

.strike > span {
    position: relative;
    display: inline-block;
    font:700 18px 'Open Sans',Arial;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #fff;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}


.strike-black > span:before,
.strike-black > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #000;
}


/* ---------------------------------------------------------- LIEN a --*/
a { color:#cf1f25; font:700 14px 'Open Sans', sans-serif; }
a:hover { text-decoration: none;  color:#90181e; }

a.lien-box { 
	color:#fff; 
	width:auto; height: auto;
	display:inline-block;
	padding:5px 8px; margin:5px 0;
	background-color: #cf1f25;
}
a.lien-box:hover { 
	background-color: #90181e;
}

a.accueil-article-lien { color:#000; font:400 14px 'Open Sans', sans-serif; text-decoration: none; }
a.accueil-article-lien:hover { text-decoration: none;  color:#cf1f25; }

a.alaune-zone-lien { color:#000; font:400 14px 'Open Sans', sans-serif; text-decoration: none; }
a.alaune-zone-lien:hover { text-decoration: none;  color:#cf1f25; }
a.alaune-zone-lien:hover h2 { text-decoration: none;  color:#cf1f25; }

a.connexion-lien { color:#fff; font:600 12px 'Open Sans', sans-serif; text-decoration: none; padding:0px 3px; margin:0 5px; background:#6e1216;}
a.connexion-lien:hover { text-decoration: none;  color:#fff; background: #000; }

a.titre-region-lien { color:#fff; font:400 14px 'Open Sans', sans-serif; text-decoration: none; padding:3px; border:solid 1px transparent;}
a.titre-region-lien:hover { text-decoration: none;  border:solid 1px #fff;}


.lien-numero-digital { background:#cf1f25; color:#fff; font:600 18px 'Open Sans',Arial; text-decoration:none; padding:5px 10px;}
.lien-numero-digital:hover { background:#8f161a; color:#fff; font:600 18px 'Open Sans',Arial; }


ul{
  list-style: none;
   list-style-image: url("../img/liste-fleche.png");
}

ul li {
  margin:10px 0;
}


ul.list-premium {
  list-style: none;
  list-style-image: url("../img/liste-fleche.png");
  text-align:left;
}

ul.list-premium li {
  margin:10px 0;
  font:700 14px 'Open Sans', sans-serif;
}


hr.tiret {
  border: 0; 
  background-color: #c8a151;
  padding:0; margin:10px auto;
  width:5%; height: 2px; 
}

hr.ligne-noire {
  width:100%;
  padding:0 20px;
  margin:auto;
  border-top: 1px solid #000;
}


.premium-titre {
  width:auto; height:auto;
  display:inline-block;
  font:700 14px 'Open Sans',Arial;
  background:#f00;color:#fff;
  text-align:center;
  padding:5px; margin:0 0 10px 0;
}

/* ---------------------------------------------------------- blockquote --*/
blockquote {
  background: #fcfcfc;
  border: 1px dashed #c8a151;
  color: #000;
  font:600 14px 'Open Sans', sans-serif;
  font-style: italic;
  margin:0 auto 10px auto;
  padding: 30px;
}

blockquote h2{
  color:#2b5b8b;
  font:700 18px 'Open Sans', sans-serif;
  padding:10px 0 0 0; margin:0;
  text-decoration: uppercase;

}

blockquote hr{
  border: 0; 
  background-color: #c8a151;
  padding:0; margin:20px auto;
  width:20%; height: 2px; 
}

blockquote p {
  margin:5px 0;
}


.row-wrapper-principal{
    margin-top : 35px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Zone Header */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a.lien-annonceslegales { border:solid 1px rgba(255,255,255,.5); padding:5px; margin:10px 20px; color:#fff; }
a.lien-annonceslegales:hover { background: #fff; color:#cf1f25; }

a.lien-nos-formules { display:block; width:120px; text-align:center; border:solid 1px rgba(255,255,255,.5); padding:5px; margin:0 auto; color:#fff; }
a.lien-nos-formules:hover { background: #fff; color:#cf1f25; }

.bt-fermer {  
  background:url(../img/bt_fermer.png);
  background-position:0px 0px; 
  width:36px; height:36px; padding:0; margin:0;
  position:absolute; 
  right:-18px; top:-18px;
  z-index: 4500; 
  cursor:pointer;
}

.zone-loading {
  background:#fff;
  z-index:3010;
  position:fixed;

  width:50%; height:auto;
  padding:25px;

  top:50%; left:50%;
  -webkit-transform: translateX(-50%) translateY(-50%) ;
  -moz-transform: translateX(-50%) translateY(-50%) ;
  -ms-transform: translateX(-50%) translateY(-50%) ;
  -o-transform: translateX(-50%) translateY(-50%) ;
  transform: translateX(-50%) translateY(-50%) ;

  font:700 16px 'Open Sans', Arial;
  color: #000;
  text-align:center;
}


.black-support {
  width:100%; height:100%; 
  z-index:3000; position:fixed; 
  background-color: rgba(0,0,0,0.5);
  background:url(../img/back_noir.png) top repeat;
  margin:0; display:none;
}


.zone-chargement {
  background:transparent;
  z-index:3010;
  position:absolute;

  padding:0; margin:0;
  width:80%; max-width:1170px; height:auto;

  top:50px; left:50%;
  -webkit-transform: translateX(-50%) translateY(0%) ;
  -moz-transform: translateX(-50%) translateY(0%) ;
  -ms-transform: translateX(-50%) translateY(0%) ;
  -o-transform: translateX(-50%) translateY(0%) ;
  transform: translateX(-50%) translateY(0%) ;
}

.call-recherche,
.call-contact {
  padding:15px;
  font: 700 13px 'Open Sans',Arial;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;  
}

.call-recherche:hover,
.call-contact:hover {
  cursor: pointer;
  background-color: #ce1f25;
}

header {
  width:100%; height:auto;
  background-color: #fff; 
  margin:0 0 15px 0;
}

.header-logo { margin:0; }

.header-connexion {
  margin:0 0 20px 0;
  text-align: right;
}

.connexion-wrapper { 
  display:flex; justify-content: space-around; align-items: start; 
}

.header-actions {
  text-align: right;
}

/* - - Barre Haute - Rechercher - Connectez-vous - Twitter - Facebook --*/
.container-barre-haute {
  background-color: #631700; 
}

.barre-haute {
  width:100%; max-width:1170px; height:auto;
  background: transparent; 
  margin:auto;padding:10px 0;
  font:400 12px 'Open Sans', sans-serif !important;
  color:#fff;
}

.icon-twitter, .icon-facebook { width:auto; height:20px; margin:0 5px 0 0; }

.recherche-zone { text-align:left; }

.connexion-zone { display:inline-block; margin:0 0 0 10px;padding-left:10px; }
.reseaux-zone { display:inline-block; }

.header-reseaux-sociaux {  padding:100px 0 15px 0; }

/* - - Logo + Abonnez-vous --*/
.container-logo {
  background-color: #cf1f25; 
  background-image:linear-gradient(#90181e, #cf1f25);
}

.logo {
  width:100%; max-width:1170px; height:auto;
  background-color: transparent; 
  margin:auto;
}

.logo img { width:70%; height:auto; margin:0 0 15px 0; }
.logo-zone {text-align:left;}

.abonnez-vous-zone {
  padding:0;
  margin:0;
  text-align:right;
  height:auto;
  border:solid 1px #f00;
}

.abonnez-vous-zone img {
  width:80%; height:auto;
  padding:0; margin:0;
}

.connexion-infos-abo {
  width:auto; height:auto;
  display:inline-block;
  color:#fff;background:#e22329;
  padding:10px;margin:5px 0;
  font:400 12px 'Open Sans',Arial;
}

.connexion-infos-abo a {
  width:auto; height:auto;
  display:inline-block;
  color:#fff;background:#fb6e00;
  padding:10px;margin:5px 0;
  font:700 12px 'Open Sans',Arial;
}

.connexion-infos-abo a:hover {
  color:#fff;background:#e15500;
}

.connexion-infos-abo hr {
  border: 0; height: 1px; background: #d9777b; 
  padding:0; margin:5px 0;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  Form CONNEXION */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.connexion-erreur {
  width:60%;height:auto;float:right;
  background:#ff0000;
  padding:5px;
  text-align:center;
}

.connexion-infos{
  width:60%;height:auto;
  float:right;
  background:#91181e;
  padding:5px; margin:10px 0 0 0;
  text-align:center;
  color:#fff; font:600 14px 'Open Sans',Arial;
}


.connexion-noty-fermer {
  width:40px; height:40px;
  position: fixed;
  top:0%; left:100%;
  z-index: 10002;
  background: transparent;
  cursor:pointer;
}

.connexion-noty-contenu {
  width:100%; max-width:500px; height:auto;
  position: fixed;
  top:50%; left:50%;
  z-index: 10001;
  background-color: #cf1f25; 
  background-image:linear-gradient(#90181e, #cf1f25);
  color:#fff; font:600 14px 'Open Sans',Arial;
  padding:25px;
}

.connexion-noty-back {
  width:100%;height:100%;
  position: absolute;
  top:0; left:0;
  z-index: 10000;
  background-image: url(../img/background-voile.png);
}

.bouton-connexion {
  display: inline-block;
  width:auto;
  background:transparent; color:#fff;
  padding:3px;
  border:none;
  font:700 14px 'Open Sans', sans-serif;
}

.bouton-connexion img {
  width:auto; height:18px;
  margin:0 5px 0 0;
  position: relative;
  top:-2px;
}


.bouton-recherche {
  display: inline-block;
  width:auto;
  background:transparent; color:#fff;
  padding:3px;
  border:none;
  font:700 12px 'Open Sans', sans-serif;
  cursor: pointer;
}

.bouton-recherche:hover {
  background:#000;
}

.bouton-recherche img {
  width:auto; height:18px;
  margin:0 10px 0 0;
  position: relative;
  top:-2px;
}

.recherche-icon-fermer,
.connexion-icon-fermer {
  width:auto; height:15px;
  margin:0 0 0 5px !important;
  position: relative !important;
  top:-1px !important;
  display:none;
}

.form-recherche,
.form-connexion {
  margin:5px 0;
  color:#fff;
  font:700 12px 'Open Sans', sans-serif;
}

.form-form-connexion {
  margin:10px 0;
  width:100%;
}

.form-btn-submit {
  background:#8a0010; color:#fff;
  padding:10px 10px; margin:10px 0 0 0;
  border:none;
  font:700 14px 'Open Sans', sans-serif;
}

.form-btn-submit:hover {
  background:#000;
}

.form-btn-oublie {
  background:#8a0010; color:#fff;
  padding:5px; margin:0;
  border:none;
  font:700 10px 'Open Sans', sans-serif;
}

.form-btn-oublie:hover {
  background:#000;
}

.form-input {
  display:inline-block;
  border:none;
  font:700 12px 'Open Sans', sans-serif;
  padding:5px;margin:5px; color:#333;
}

.form-select {
  display:inline-block;
  border:none;
  font:700 12px 'Open Sans', sans-serif;
  padding:5px;
  color:#333;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  user */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.user-connecte {
  color:#fff;
  font:700 12px 'Open Sans', sans-serif;
}

.abonnement-infos{
  width:100%;height:auto;
  background:#ffcc00;
  padding:0px; margin:10px 0 0 0;
  text-align:center;
  color:#000; font:600 16px 'Open Sans',Arial;
}

/* .abonnement-infos-icon { }*/


.bt-renouvelement-abo {
  display:inline-block;
  padding:5px; margin:10px 0;
  color:#fff; background-color: #ff7200;
  font:600 12px 'Open Sans',Arial;
}

.bt-renouvelement-abo:hover {
  color:#fff; background-color: #c35a05;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ACCUEIL */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.row-pub {
  margin:25px 0;
}

.row-pub img { width:100%; max-width:728px; height:auto; }


.alaune-titre {
  display: inline-block;
  padding:5px; margin:0 0 10px 0;
  background: #cf1f25; color:#fff;
  font:700 18px 'Open Sans', sans-serif;
}

/* .alaune-zone  { } */

.alaune-zone h2 {
  font:700 28px 'Open Sans', sans-serif;
  color:#000;
  border:none;
}

.alaune-contenu {
  padding:10px 10px 45px 10px; 
  border:solid 1px #fff; 
  margin:10px 0; 
  position:relative; 
  height:auto;
  color:#000;
  font:400 14px 'Open Sans', sans-serif;
}

/* .alaune-zone:hover { background: url(../img/stripes.png); } */

.alaune-zone h2:hover { color:#cf1f25; }
.article-lien:hover { background:#cf1f25; color:#fff; }
.article-commentaires:hover { color:#cf1f25; cursor: pointer; }

/* - - - - - - - - - - - - - - - - - - EDITO */
.edito-wrapper {
  width:100%; height:auto;
  padding:0; margin:10px auto 0 auto;
  background-color: #eee;
}

.edito-numero-en-cours {
  width:100%; height:auto;
  padding:20px; margin:10px auto 0 auto;
  background-color: #fff;
  border:solid 1px #eee;
}

.edito-numero-en-cours h2{
  font:700 18px 'Open Sans', sans-serif;
  color:#000;
  padding:5px 0; margin:0;
}

.edito-contenu {
  width:100%; height:auto;
  padding:0 20px 20px 20px; margin:auto;
  background-repeat: no-repeat;
  background-color: #eeeeee;
}

.edito-contenu h2{
  font:700 18px 'Open Sans', sans-serif;
  color:#000;
  padding:5px 0 10px 0; margin:0 0 10px 0;
  border-bottom:solid 1px #ddd;
}


.edito-numero {
  font:700 16px 'Open Sans', sans-serif;
  color:#000;
  padding:0 0 10px 0; margin:0 0 10px 0;
  border-bottom : solid 1px #ccc;
} 

.edito-soustitre {
  font:700 16px 'Open Sans', sans-serif;
  color:#000;
  padding:0 0 10px 0; margin:0 0 10px 0;
  border-bottom : solid 1px #fff;
} 


.edito-signature {
  font:700 14px 'Open Sans', sans-serif;
  color:#000;
  padding:0 0 10px 0; margin:0 0 10px 0;
  text-align: right;
} 

.numero-accueil {
  float:left;
  width:75px;height:98px;
  margin: 2px;
  
  background: #eee;
  background-position:top center; 
  background-size: cover;
  background-repeat: no-repeat;

  cursor:pointer;
  position: relative;

  transition: all 0.15s linear;
}

.numero-accueil:hover .numero-acheter {
  display:block;
}

.numero-acheter {
  background-color: #cf1f25;
  background-color: rgba(207,31,37,0.8);
  width:100%; height:auto;
  
  font:700 12px 'Open Sans', sans-serif;
  color:#fff;
  padding:15px 0;
  
  position:absolute;
  top:50%; left:0;
  z-index:10;
  -webkit-transform: translateX(0%) translateY(-50%) ;
  -moz-transform: translateX(0%) translateY(-50%) ;
  -ms-transform: translateX(0%) translateY(-50%) ;
  -o-transform: translateX(0%) translateY(-50%) ;
  transform: translateX(0%) translateY(-50%);

  display:none;
  transition: all 0.15s linear;
}

.numero-acheter a { font:600 10px 'Open Sans',Arial; color:#fff; text-decoration: none; background:transparent;}
.numero-acheter a:hover { background:#000; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ARTICLE accueil */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.titre-region {
  background: #333; color:#fff;
  font:700 18px 'Open Sans', sans-serif;
  padding:15px;
}


.article-liste-zone {
  border:solid 1px #000; 
  padding:25px;
  margin:20px 0;
  text-align:left;
}

.article-liste-titre {
  display: inline-block;
  padding:5px; margin:0 0 10px 0;
  background: #cf1f25; color:#fff;
  font:700 14px 'Open Sans', sans-serif;
}

.article-liste-item {
  position:relative;
  border-bottom:solid 1px #ccc;
  margin:15px 0 30px 0;
  width:100%;
  cursor: pointer;
} 

.article-liste-item .article-lien,
.article-liste-item .badge {
  font:700 8px 'Open Sans', sans-serif;
}

.article-liste-item .article-commentaires img {
  width:20px; height:auto;
}

.article-liste-item:hover {    
  background: url(../img/stripes.png);
}

.article-liste-item:hover h2 {    
  color:#cf1f25;
}
/*
.article-liste-item:hover .article-lien,
.article-liste-item:hover .badge {
    background:#cf1f25; color:#fff;
  }

.article-liste-item:hover .article-commentaires {
    color:#cf1f25;
  }
*/
.article-liste-item h2 {
  font:700 12px 'Open Sans', sans-serif;
  padding:0px;
} 

.article-liste-date {
  padding:0; margin:0;
  background: transparent; color:#000;
  font:700 10px 'Open Sans', sans-serif;
}

.article-liste-region {
  padding:0px; margin:0;
  color:#000;
  font:700 10px 'Open Sans', sans-serif;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - RESULTATS page  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.resultats-liste-item {
  position:relative;
  border-bottom:solid 1px #ccc;
  margin:0 0 15px 0;
  width:100%;
  cursor: pointer;

} 

.resultats-liste-item .resultats-lien,
.resultats-liste-item .badge {
  font:700 8px 'Open Sans', sans-serif;
}

.resultats-liste-item .resultats-commentaires img {
  width:25px; height:auto;
}

.resultats-liste-item:hover {    
  background: url(../img/stripes.png);
}

.resultats-liste-item:hover h2 {    
  color:#cf1f25;
}

.resultats-liste-item:hover .resultats-lien,
.resultats-liste-item:hover .badge 
.resultats-liste-item:hover .article-lien {
    background:#cf1f25; color:#fff;
}

.resultats-liste-item h2 {
  font:700 20px 'Open Sans', sans-serif;
  padding:0px 0 5px 0;
} 

.resultats-liste-date {
  padding:0; margin:0;
  background: transparent; color:#000;
  font:700 10px 'Open Sans', sans-serif;
}

.resultats-liste-region {
  padding:0px; margin:0;
  color:#000;
  font:700 14px 'Open Sans', sans-serif;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  NORMAL page */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.normal-page-contenu {
  width:100%;
  padding:0 0 20px 0px;
  margin:0px 0 20px 0;
  position: relative;
}

.normal-menu {
  width:95%;
  padding:10px 0px;
  margin:0px 0 20px 0;
  position: relative;
}

.normal-menu ul {
  width:100%;
  padding:0;
  margin:0px 0 20px 0;
  position: relative;
}

.normal-menu ul li {
  padding:5px;
  margin:0px 0 10px 0;
  background : #efefef;
  position: relative;
}

.normal-menu ul li:hover,
.normal-menu ul li.menu-on {
  color:#fff; background : #cf1f25;
}


.titre-rouge { 
  color:#fff; 
  width:auto; height: auto;
  display:inline-block;
  padding:5px 8px; margin:10px 0;
  background-color: #cf1f25;
  font:700 23px 'Open Sans', sans-serif;
}

.titre-gris { 
  color:#fff; 
  width:auto; height: auto;
  display:inline-block;
  padding:5px 8px; margin:10px 0;
  background-color: #ddd;
  font:700 14px 'Open Sans', sans-serif;
}

.titre-jaune { 
  color:#000; 
  width:auto; height: auto;
  display:inline-block;
  padding:5px 8px; margin:10px 0;
  background-color: #ffe451;
  font:400 16px 'Open Sans', sans-serif;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  ARTICLE page */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.lire-article{
  width:100%; height:200px;
  padding:35px 15px;
  border:solid 1px #fff;
  text-align:center;
  font:700 20px 'Open Sans',Arial;
  background-image: url(../img/lire-article-back.png);
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

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

.acces-libre-titre {
  width:auto;
  display:inline-block;
  padding:5px; margin:0; 
  background:#ffcc00; color:#fff;  
  font:600 12px 'Open Sans', sans-serif;
}

.article-connexion-compte {
  width:100%; height:auto;
  padding:10px 25px;
  margin:10px 0;
  
  background-color: #cf1f25; 
  background-image:linear-gradient(#90181e, #cf1f25);

  text-align:center;
  color:#fff;
  font:600 12px 'Open Sans', sans-serif;
}

.article-connexion-compte h2 {
  color:#fff;
  font:700 23px 'Open Sans', sans-serif;
  margin:0;
}

.article-connexion-compte hr {
  border: 0; 
  background-color: #fff;
  padding:0; margin:10px auto;
  width:25%; height: 1px; 
}


/* - - - - - - - - - - - - - - - - - - - - form connexion article */
.article-connexion-form  {
  margin:15px 0 0 0;
}

.article-connexion-form .form-input {
  border:none;
  font:700 12px 'Open Sans', sans-serif;
  padding:5px;margin:0 0 15px 0; color:#333;
  border:solid 1px #ccc;
  width:100%;
}

.article-connexion-form .form-btn-submit {
  background:#90181e; color:#fff;
  padding:10px 10px; margin:0;
  border:none;
  font:700 10px 'Open Sans', sans-serif;
  width:40px; height:40px;
  border-radius : 0px;
}



.row-article-page {
  margin:50px 0 20px 0;
}

.row-retour-partage {
  padding-bottom:0px;
}

.article-page-contenu {
  width:100%;
  padding: 10px 10px 20px 10px;
  margin:0px 0 20px 0;
  /*border-bottom : solid 1px #ccc;*/
  position: relative;
}

/* - - commentaires - - */
.article-page-commentaires {
  background:#eee;
  padding:20px;
}

.article-page-commentaires h2 {
  color:#000;
  font:700 20px 'Open Sans', sans-serif;
}


.commentaires-item {
  width:100%; height:auto;
  background:#fefefe;
  padding:20px;
  margin:20px 0;
    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    flex-wrap: wrap;

    align-items: stretch;
    align-content: stretch;

    border:solid 2px #ddd;
}

.commentaires-avatar {
  width:50px; height:50px;
  padding:0; margin:0;
    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.commentaires-avatar img { width:100%; height:auto;  }

.commentaires-contenu {

  width:100%; max-width:500px; height:auto;
  padding:10px; margin:0 0 0 10px;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    border-left:solid 1px #ccc;
}

.commentaires-pseudo {
  color:#000;
  font:700 14px 'Open Sans', sans-serif;
  margin:0;
}

.article-page-abonnement {
  width:100%; height:auto;
  padding:25px;
  margin:10px 0;
  background: #f09d00;
  text-align:center;
  color:#fff;
  font:600 16px 'Open Sans', sans-serif;
}

.article-page-abonnement h2 {
  color:#fff;
  font:700 23px 'Open Sans', sans-serif;
  margin:0;
}

.article-page-abonnement hr {
  border: 0; 
  background-color: #fff;
  padding:0; margin:10px auto;
  width:25%; height: 1px; 
}

.article-page-abonnement:hover {
  background: #f09d00;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  EDITOS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.liste-editos {
  margin:10px 0;
  width:100%; height:auto;
  padding:0px;
}

.liste-editos-infos {
  font:700 12px 'Open Sans', sans-serif;
  color:#000;
  padding:0; margin:0;
  position:relative;
}

.liste-editos-lire {
  position:absolute;
  bottom:0; right:0;
  padding:5px; border:solid 1px #cf1f25;
  color: #cf1f25;
}


div.liste-editos-infos h2.titre-liste-editos {
  padding:0; margin:0;
  font:700 16px 'Open Sans', sans-serif;
}

.liste-editos-soustitre {
  font:700 12px 'Open Sans', sans-serif;
  color:#000;
  padding:0; margin:0;
}

.liste-editos:hover {
  background: url(../img/stripes.png);
}

/* .liste-editos:hover .liste-editos-infos h2.titre-liste-editos { color:#cf1f25; } */

.liste-editos:hover .liste-editos-infos .liste-editos-lire{
  background-color: #cf1f25; color:#fff;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  Creez votre compte PROMO */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.creation-compte-promo {
  width:100%; height:auto;
  padding:25px;
  margin:10px 0;
  background-color: #cf1f25; 
  background-image:linear-gradient(#90181e, #cf1f25);
  text-align:center;
  color:#fff;
  font:600 12px 'Open Sans', sans-serif;
}

.creation-compte-promo h2 {
  color:#fff;
  font:700 23px 'Open Sans', sans-serif;
  margin:0;
}

.creation-compte-promo hr {
  border: 0; 
  background-color: #fff;
  padding:0; margin:10px auto;
  width:25%; height: 1px; 
}

.creation-compte-promo:hover {
  background: #90181e;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  FORMULEs */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.btn-offre {
  margin:0 10px 0 0;
  color:#fff;  background:#c91e24 !important;
}

.btn-offre:hover {
  color:#fff !important;
  background:#91181e !important;
}

.formule-container {
  font:600 18px 'Open Sans',Arial;
  margin:10px 0;
}

.formule-produit {
  margin:10px auto;
}

.formule-produit-zone {
  width:90%;height:auto;
  background:#ffcc00;
  padding:25px;margin:auto;
}

.formule-produit-prix {
  font:600 23px 'Open Sans',Arial;
}

.formule-produit-infos-plus {
  font:400 12px 'Open Sans',Arial;
}

.formule-produit-detail {
  font:600 14px 'Open Sans',Arial;
}

.commande-container{
  width:100%; height:auto;
  padding:25px; margin:0px auto 0 auto;
  background-color: #ffcc00;
  font:400 16px 'Open Sans',Arial;
  color:#000;
  text-align:center;
}

.commande-container h2 {
  font:700 20px 'Open Sans',Arial;
  color:#000;
  padding:0; margin:0 0 10px 0;
}

.commande-container .prix {
  font:700 23px 'Open Sans',Arial;
  color:#fff;
  padding:5px 8px; margin:0;
  background-color: #f00;
}

.commande-icon {width:100%;height:auto;}

.box-pas-encore-de-compte{
  width:100%; height:auto;
  padding:25px; margin:10px 0;
  background:#fff;
}

.box-pas-encore-de-compte .strike > span:before,
.box-pas-encore-de-compte .strike > span:after {
    background: #ccc;
} 

.box-pas-encore-de-compte .bouton-inscription {
  margin:25px 0;
}

.commande-redirection {
  padding:25px; margin:15px auto;
  background:#f00; color:#fff;
  font:700 18px 'Open Sans',Arial;
  text-align:center;
}


.commande-user-infos {
  padding:25px; margin:10px 0;
  border:solid 1px #ccc;
  font:400 16px 'Open Sans',Arial;
  color:#000;
}

.commande-user-paypal {
    width:50%; height:auto;
    background:#f00; color:#fff;
    font:700 18px 'Open Sans',Arial;
    text-align: center;
    position:absolute;
    top:50%; left:50%;
}

.commande-btn-acheter{
  padding:10px 5px; margin:auto;
  font:400 23px 'Open Sans',Arial;
  color:#fff;
}

.commande-titre-infos {
  padding:5px 5px 5px 10px; margin:0 0 15px 0 ;
  font:400 16px 'Open Sans',Arial;
  color:#fff;
  background-color: #bf1616;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  Event */  
  .event-zoom {
    position:absolute;
    top:50%; left:50%;
    z-index:10;

    display:inline-block;
    width:auto; height:auto;

    padding:15px;
    font:400 14px 'Open Sans',Arial;
    background-color:#d32027;
    background-color:rgba(211, 32, 39, 0.8);
    color:#fff;

    text-align: center;
    border-radius: 10px;
  }

  .event-zoom a {
    color:#fff;
  }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  Noty */
#noty {
  display:block;
  position:fixed; top:10px; left:50%; z-index:9000;

  text-align: center;
  font-size: 20px;
  line-height: 40px;

  width:80%; max-width:1140px;

  -webkit-transform: translateX(-50%) translateY(0%) ;
  -moz-transform: translateX(-50%) translateY(0%) ;
  -ms-transform: translateX(-50%) translateY(0%) ;
  -o-transform: translateX(-50%) translateY(0%) ;
  transform: translateX(-50%) translateY(0%) ;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

.noty-success{
  border: 2px solid #06d552;
  border-top: none;
  color:#fff; font:600 14px 'Open Sans',Arial;
  background-color: #06d552;
}

.noty-error{
  border: 2px solid  #d83737;
  border-top: none;
  color: #fff;
  background-color: #d83737;
}

#form-contact-ok {
  display:none;
  padding:15px;
  border:solid 5px #ccc;
}


/* - - - - - - - - - - - - - - - - - - - - - Noty */
  #commentaires-noty,
  #courrier-noty,
  #courrier-commentaires-noty,
  #oublie-noty,
  #inscription-noty,
  #contact-noty,
  #contact-annonceur-noty
  {
    display:block;
    position:fixed;
    top:10px; left:50%;
    z-index:9000;

    text-align: center;
    font-size: 18px;
    line-height: 40px;

    width:80%; max-width:1140px;

    -webkit-transform: translateX(-50%) translateY(0%) ;
    -moz-transform: translateX(-50%) translateY(0%) ;
    -ms-transform: translateX(-50%) translateY(0%) ;
    -o-transform: translateX(-50%) translateY(0%) ;
    transform: translateX(-50%) translateY(0%) ;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  
  .commentaires-noty-success,
  .courrier-commentaires-noty-success,
  .courrier-noty-success,
  .oublie-noty-success,
  .inscription-noty-success,
  .contact-noty-success,
  .contact-annonceur-noty-success
  {
    border: 2px solid #04ff60;
    border-top: none;
    color: #ffffff;
    background-color: #04ff60;
  }

  .commentaires-noty-error,
  .courrier-commentaires-noty-error,
  .courrier-noty-error,
  .oublie-noty-error,
  .inscription-noty-error,
  .contact-noty-error,
  .contact-annonceur-noty-error  
  {
    border: 2px solid  #d83737;
    border-top: none;
    color: #fff;
    background-color: #d83737;
  }
  


  /* - - - - - Noty achats rapides - - */
  #ar-noty
  {
    display:block;
    position:absolute;
    top:10px; left:50%;
    z-index:9000;
    padding:10px 0px;

    text-align: center;
    font-size: 18px;
    line-height: 40px;

    width:80%; max-width:350px;

    -webkit-transform: translateX(-50%) translateY(0%) ;
    -moz-transform: translateX(-50%) translateY(0%) ;
    -ms-transform: translateX(-50%) translateY(0%) ;
    -o-transform: translateX(-50%) translateY(0%) ;
    transform: translateX(-50%) translateY(0%) ;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  
  .ar-noty-success
  {
    border: 2px solid #04ff60;
    border-top: none;
    color: #000;
    background-color: #04ff60;
  }

  .ar-noty-error
  {
    border: 2px solid  #d83737;
    border-top: none;
    color: #fff;
    background-color: #d83737;
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  Media Queries */
@media only screen and (max-width: 1280px) { 

}

@media only screen and (max-width: 1140px) { 

}


@media only screen and (max-width: 990px) { 
  .logo-zone {text-align:center;}
  .logo img { width:60%; height:auto; margin:0 auto 10px auto; }

  .header-reseaux-sociaux {  padding:0px 0 15px 0; margin:0 0 25px 0;}

  .commande-icon {width:50%;height:auto;}
}

@media only screen and (max-width: 767px) { 

  .header-connexion {
    margin:0;
    text-align:center;
  }

  .form-form-connexion,
  .header-actions {
    text-align:center;
  }

  .connexion-erreur,
  .connexion-infos {
    width:80%;float:none;
    margin:10px auto 0 auto;  
  }

  .btn-offre {
    width:100% !important;
    margin:10px 0 0 0;
  }

  .btn-memento-wrapper {
     margin:25px 0;
  }

  .abonnement-infos-icon {
    float: none;
    margin: 0 auto;
  }
    
}



@media only screen and (max-width: 610px) { 

  .container-logo { padding:0; }

  .header-logo { display:flex; justify-content: space-between; align-items: center; }
  .header-logo img { max-width:180px !important; }
  .header-logo .lien-annonceslegales { display:block !important; margin: 0 !important; font-size: 11px !important; }
  .header-connexion .lien-annonceslegales { display:none; }

  .connexion-wrapper { justify-content: center; }

  a.lien-menu-haut { font-size: 10px !important; }
  a.lien-nos-formules { font-size: 11px !important; }

}




@media only screen and (max-width: 400px) { 

  .header-logo img { max-width:100px !important; }
  /* .logo img { width:100%; height:auto; } */

  .recherche-zone { text-align:center; margin:0 0 15px 0; }

  .form-recherche .form-input { width:100%;  }



}