/***************************************************************************************/
/************************* GENERALITES **********************************/
/***************************************************************************************/

@font-face {
    font-family: 'SofiaPro';
    src: url('../fonts/SofiaPro-Regular.woff2') format('woff2'),
        url('../fonts/SofiaPro-Regular.woff') format('woff'),
        url('../fonts/SofiaPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SofiaPro';
    src: url('../fonts/SofiaPro-Bold.woff2') format('woff2'),
        url('../fonts/SofiaPro-Bold.woff') format('woff'),
        url('../fonts/SofiaPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'SofiaProCondensed';
    src: url('../fonts/SofiaProCondensedW00-SemiBd.woff2') format('woff2'),
        url('../fonts/SofiaProCondensedW00-SemiBd.woff') format('woff'),
        url('../fonts/SofiaProCondensedW00-SemiBd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SofiaProCondensed';
    src: url('../fonts/SofiaProCondensedW00-Black.woff2') format('woff2'),
        url('../fonts/SofiaProCondensedW00-Black.woff') format('woff'),
        url('../fonts/SofiaProCondensedW00-Black.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('../fonts/DINPro-CondensedBold.woff2') format('woff2'),
        url('../fonts/DINPro-CondensedBold.woff') format('woff'),
        url('../fonts/DINPro-CondensedBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Bold.woff2') format('woff2'),
        url('../fonts/Helvetica-Bold.woff') format('woff'),
        url('../fonts/Helvetica-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Oblique.woff2') format('woff2'),
        url('../fonts/Helvetica-Oblique.woff') format('woff'),
        url('../fonts/Helvetica-Oblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-BoldOblique.woff2') format('woff2'),
        url('../fonts/Helvetica-BoldOblique.woff') format('woff'),
        url('../fonts/Helvetica-BoldOblique.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}


body{
    background: rgba(232, 232, 232, 0.75);
    font-family: 'Helvetica';
}
body header#header{
    background:#fcfcfd !important;
    background-color:#fcfcfd !important;
}
.clear{clear:both;}
figure{margin:0;}
.carad{
  padding-top: 15px;
}
a#logo img{
    height: 70px;
    margin-top: 10px;
}
.btn_evect{
  display: inline-block;
  padding:5px 15px; 
  border-radius: 4px;
  margin-right: 10px;
  margin-top: 10px;
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 14px;
}
.btn_vert{
  color:#fff;
  background: linear-gradient(90deg,#8c1010,#d6142e) !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.btn_vert:hover{
  text-decoration: none;
  color:#e6e6e6;
  background: linear-gradient(90deg,#740e0e,#c1122a) !important;
}
.btn_vert.btn_notif.red{
  background: linear-gradient(90deg,#9b3030,#b93e3e) !important;
}
.btn_vert.btn_notif.red:hover{
  background: linear-gradient(90deg,#732424,#9b3030) !important;
}
.btn_vert.btn_blanc{
  background: linear-gradient(90deg,#f2f0e9,#faf9f4) !important;
  font-family: 'Roboto' !important;
  font-weight: bold !important;
  font-size: 14px !important;
  color:#727272;
}
.btn_vert.btn_blanc i{
  font-size: 14px;
}
.btn_vert i{
  vertical-align: middle;
}
.hlfpafoot{
  margin-top: 25px;
}
button{
  border:none;
}
#inter{
  background:#fff;
  margin-top: 15px;
  padding-top: 15px;
}
.left h1.ongrey{
    font-family: 'SofiaProCondensed';
    font-size: 22px;
    line-height: 18px;
    display: block;
    font-weight: normal;
    text-align: center;
    margin-top: 20px;
}
.left h1.ongrey a{
    color: #d6142e;
}
.left.white{
  background:#fff;
}
.intropage{
  color:#727272;
  font-size: 12px;
  text-align: center;
  margin: 10px 0;
}
.intropage a{
  color: #d6142e;
  text-decoration: underline;
}


/*********************************************************************
/************************ NAVBAR ***************************/
/**********************************************************************/

.navbar{
    padding: 0;
    background: #d6142e;
    background: linear-gradient(90deg, #8c1010 0%, #d6142e 100%);
    position: absolute;
    width: 100%;
    z-index: 999;
    top: 0;
    left: 15px;
}
.navbar-brand{
    padding-top: 0px;
    height: 35px;
}
.navbar-brand img{
    width: 120px;
}
.navbar-toggler{
    border: none;
}
.goaccount{
    color:#fff;
    font-size: 24px;
    padding-top: 6px;
    padding-right: .75rem;
}
.navbar-collapse li.nav-item {
    border-top: solid 1px #e0baba;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 25px;
}
.navbar-collapse li.nav-item .nav-link{
    color:#fff;
    padding-left: 15px;
    padding-right: 15px;
    font-family: SofiaProCondensed; 
    font-size: 20px;
    position: relative;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color: #fff;
}
.navbar-nav .dropdown-menu{
    background: none;
    padding:0;
    border: none;
}
.navbar-nav .dropdown-item.active, 
.navbar-nav .dropdown-item:active,
.navbar-nav .dropdown-item:focus {
    background-color: none;
}
.navbar-nav .dropdown-menu .dropdown-item{
    color: #ffffff;
    font-family: 'Helvetica';
    padding-left: 30px;
    margin-top: 5px;
    font-size: 14px;
    padding: 0 0 0 30px;
}
.navbar-nav .dropdown-toggle::after{
    display: none;
}
.navbar .socialmenu a{
    color:#fff;
    font-size: 16px;
    margin-left: 15px;
}
.navbar .socialmenu{
    border-top: solid 1px #e0baba;
    padding-top: 15px;
    padding-bottom: 15px;
}


.navbar-nav .dropdown-menu .titre {
    color: #e0baba;
    font-size: 17px;
    font-family: 'SofiaProCondensed';
}
.navbar-nav .dropdown-toggle .material-icons{
    font-size: 24px;
    color: #e0baba;
    vertical-align: middle;
    position: absolute;
    right: 7px;
    top: 9px;
}

#nav-icon3{
  width: 24px;
  height: 18px;
  position: relative;
  margin: 10px auto 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon3 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
  top: 0px;
}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 8px;
}
#nav-icon3 span:nth-child(4) {
  top: 16px;
}
#nav-icon3.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}
#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}


.nav-sujet{
    padding:15px;
    color:#fff;
}
.nav-sujet .title{
    font-family: SofiaProCondensed;
    font-size: 20px;
}
.nav-sujet .sujet{
    font-family: 'Helvetica';
    padding-left: 30px;
    margin-top: 5px;
    font-size: 14px;
}
.nav-sujet .sujet a{
    color:#fff;
}


.ssmenu{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
}
.ssmenu a{
    /*text-transform: uppercase;*/
    color:#1d1c1c;
    font-family: 'SofiaProCondensed';
    font-size: 18px;
    margin-top: 46px;
	widht: 100%;
	
	body {
    padding-top: 160px;
}
body header#header {
   position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
    margin-bottom: 0px;
}
}
.pbmobile{
  overflow: hidden;
  width: 100%;
  height: 100px;
  background: #ededed;
  -webkit-transition: all 0.10s ease-in-out;
  -moz-transition: all 0.10s ease-in-out;
  -o-transition: all 0.10s ease-in-out;
  transition: all 0.10s ease-in-out;
}
.pbmobile.fixeed {
  position: fixed;
  top: 0;
  z-index: 9;
}

/**********************************************************************/
/************************ ACTU A LA UNE ***************************/
/**********************************************************************/

#actualaune{
  background: #fff;
}
#actualaune h1,
#inter.article h1{
  margin-bottom: 0;
  margin-top: 5px;
  font-size: 26px;
  line-height: 26px;
}
#inter.article h1{
  margin-top: 0px;
}
#actualaune .infos_article:before{
  content:"A LA UNE";
  font-weight: bold;
  position: absolute;
  top: 12px;
  line-height: 0;
  left: 0;
  color:#faf9f9;
  font-size: 90px;
  z-index: 1;
  font-family: 'SofiaProCondensed';
}
#actualaune .infos_article{
  overflow: hidden;
  padding:15px;
  position: relative;
}
.agenda_semaine .sujet,
.modal .sujet,
.infos_article .sujet,
#inter.article .infos_article .sujet{
  z-index: 2;
  position: relative;
  font-family: 'Helvetica';
  font-weight: bold;
  font-size: 13px;
  background: linear-gradient(90deg,#8c1010,#d6142e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff;
}
.infos_article .time,
#inter.article .infos_article .time,
#inter.article .infos_article .comme{
  color:#686868;
  z-index: 2;
  position: relative;
  font-family: 'Helvetica';
  font-size: 11px;
  font-weight: normal;
}
#inter.article .infos_article b{
  color:#000;
  font-weight: normal;
}
.infos_article .titre,
#inter.article .titre{
  color:#000000;
  z-index: 2;
  position: relative;
  font-family: 'SofiaPro';
  font-size: 26px;
  line-height: 26px;
  font-weight: bold;
}


/**********************************************************************/
/************************ CALENDRIER ***************************/
/**********************************************************************/

.agenda_semaine .unevent{
  margin-top: 15px;
  padding-bottom: 10px;
  border-bottom:solid 1px #dddddd;
}
.agenda_semaine .unevent .titre h2{
    position: relative;
    z-index: 2;
    background: linear-gradient(90deg, #8c1010,#d6142e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    font-size: 21px;
    font-family: 'SofiaProCondensed';
    font-weight: bold;
    margin-bottom: 5px;
}
.agenda_semaine .unevent .titre p{
  margin-bottom: 5px;
  font-size: 14px;
}
.agenda_semaine .unevent .descr p{
  margin-bottom: 5px;
}

/**********************************************************************/
/************************ ARTICLE ***************************/
/**********************************************************************/

#inter.article .titre{
  margin-bottom: 10px;
}
#inter.article .infos_article{
  margin-bottom: 15px;
}
#inter.article img.img_illus{
  width: 100%;
  margin-bottom: 15px;
}
#inter.article #socialshare{
  margin-top:15px;
}
#inter.article .contenu{
    padding-bottom: 15px;
}
#inter.article .chapo{
  font-weight: bold;
  font-size: 16px;
  font-family: 'Helvetica';
  border-bottom: solid 1px #ececec;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#inter.article .chapo p{
  margin-bottom: 0px;
}
#inter.article .container{
  /*padding-bottom: 15px;*/
}
#inter.article .container img,
#inter.article .container iframe{
  max-width: 100%;
}
#inter.article .container .contenu img{
  margin-bottom: 10px;
  margin-top: 10px;
}
#inter.article .container .contenu .classement table img{
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0;
}
#inter.article .container .contenu p{
  margin-bottom: 0px;
}
#inter.article .container .legende_img{
  margin-bottom: 10px;
  font-size: 13px;
  text-align: center;
  font-style: italic;
}
#inter.article .container #moneytagnative img{
  margin-left: 0 !important;
}
#inter.article .container .lireaussi{
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 10px;
    margin-top: 15px;
}
#inter.article .container .lireaussi em{
  font-style: normal;
}
#inter.article .container .lireaussi:before {
  content: "À LIRE AUSSI";
  position: absolute;
  top: -15px;
  line-height: 90px;
  left: 0;
  color: rgba(239, 239, 239, 0.7);
  font-weight: bold;
  font-size: 60px;
  z-index: 1;
  white-space: nowrap;
  font-family: 'SofiaProCondensed';
}
#inter.article .container .lireaussi .accroche {
  position: relative;
  color: #000;
  z-index: 2;
  font-size: 13px;
}
#inter.article .container .lireaussi .accroche i{
  position: relative;
  top: 1px;
  font-size: 14px;
}
#inter.article .container .lireaussi a ,
.left.page > .row > .col-12 a,
#inter.article .container .contenu a {
  font-family: 'SofiaProCondensed';
  font-weight: bold;
  font-size: 18px;
  position: relative;
  color: #000;
  z-index: 2;
  background: url(../img/bg_link.jpg) center 15px repeat-x;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  padding-left: 5px;
  padding-right: 5px;
}
#inter.article .container .lireaussi a:hover,
.left.page > .row > .col-12 a:hover,
#inter.article .container .contenu a:hover {
  background: url(../img/bg_link.jpg);
  text-decoration:none;
}
.left.page > .row > .col-12 img{
  max-width: 100%;
}
#inter.article .joueurlie{
  position: relative;
  height: 110px;
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 10px;
}
#inter.article .joueurlie:before {
  content: "JOUEUR LIÉ";
  position: absolute;
  top: 20px;
  line-height: 90px;
  left: 15px;
  color: #b3e1bb;
  font-weight: bold;
  font-size: 60px;
  z-index: 1;
  white-space: nowrap;
  font-family: 'SofiaProCondensed';
}
#inter.article .joueurlie.plusieurs:before {
  content: "JOUEURS LIÉS";
}
#inter.article .joueurlie .illus {
  position: relative;
  z-index: 2;
  padding-right: 0;
  width: 100px;
  padding-left: 30px;
}
#inter.article .joueurlie .illus img{
  max-width: 100px;
  position: absolute;
  left: 20px;
}
#inter.article .joueurlie .illus img.img1{
  left: 60px;
}
#inter.article .joueurlie .illus img.img2{
  left: 100px;
}
#inter.article .joueurlie .illus img.img3{
  left: 140px;
}
#inter.article .joueurlie .illus img.img4{
  left: 180px;
}
#inter.article .img_illus{
  max-width: 100% !important;
  margin-left: 0 !important;
}
#inter.article .joueurlie .verslien {
  position: absolute;
  bottom: 0;
  right: 0;
}
#inter.article .joueurlie span.liens {
  color: #000;
  display: inline-block;
  margin-top: 80px;
  z-index: 2;
  position: relative;
  margin-left: -10px;
  font-size: 13px;
}
#inter.article .joueurlie a.lienfiche {
  color: #000;
  font-size: 13px;
  font-weight: bold;
}
#inter.article .joueurlie span.liens i{
  font-size: 13px;
  position: relative;
  top: 1px;
}
#inter.article .articles_autour{
  margin-top:20px;
}
#inter.article .articles_autour .recent,
#inter.article .articles_autour .ancien{
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: solid 1px #ececec;
}
#inter.article .articles_autour .recent i.material-icons,
#inter.article .articles_autour .ancien i.material-icons{
  font-size: 13px;
  position: relative;
  top: 1px;
}
#inter.article .articles_autour .accroche{
  font-size: 13px;
}
#inter.article .articles_autour .titre{
  font-family: 'SofiaProCondensed';
  font-weight: bold;
  font-size: 18px;
  position: relative;
  background: url(../images/bg_link.jpg) center 15px repeat-x;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  color: #000;
  padding-left: 5px;
  padding-right: 5px;
}
#inter.article .articles_autour .titre:hover{
  background: url(../images/bg_link.jpg);
  text-decoration:none;
}
#inter.article .articles_autour .recent{
  text-align: right;
}
#inter.article .slider_img {
  position: relative;
}
#inter.article .slider_img .slick-arrow{
  position: absolute;
  top: 50%;
  margin-top: -60px;
  background: none;
  border: none;
  color: #fff;
  z-index: 9;
  left: 10px;
  cursor: pointer;
  font-size: 40px;
}
#inter.article .slider_img .slick-next.slick-arrow{
  right: 10px;
  left: auto;
}
#inter.article .slider_img .slick-dots{
  list-style: none;
  padding-left: 0;
  text-align: center;
}
#inter.article .slider_img .slick-dots li{
  display: inline-block;
  position: relative;
  cursor: pointer;
}
#inter.article .slider_img .slick-dots li button{
  position: relative;
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
#inter.article .slider_img .slick-dots li:before{
    font-size: 35px;
    font-size: 'Roboto';
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #309b45;
    -webkit-font-smoothing: antialiased;
}
#inter.article .slider_img .slick-dots li.slick-active:before{
    opacity: 1;
}
#socialshare{
  margin-top: 20px;
  padding-left: 13px;
  padding-right: 12px;
}
#socialshare.enhaut{
  margin-bottom: 15px;
}
#socialshare>.col-4{
  padding-left: 2px;
  padding-right: 3px;
}
#socialshare .share{
  width: 100%;
  display: block;
  color:#fff;
  line-height: 32px;
  text-align: center;
  border-radius: 2px;
  background:red;
  opacity: 1;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#socialshare .share:hover{
  text-decoration:none;
  opacity: 0.7;
}
#socialshare .share.fb{
  background: rgb(59,89,152);
  background: linear-gradient(90deg, rgba(59,89,152,1) 0%, rgba(109,132,180,1) 100%);
}
#socialshare .share.tw{
  background: rgb(29,161,242);
  background: linear-gradient(90deg, rgba(29,161,242,1) 0%, rgba(99,191,247,1) 100%);
}
#socialshare .share.mail{
  background: rgb(221,75,57);
  background: linear-gradient(90deg, rgba(221,75,57,1) 0%, rgba(236,93,75,1) 100%);
}
#socialshare .share.whatsapp{
  background: #25d366;
  background: linear-gradient(90deg, rgba(37,207,67,1) 0%, rgba(97,253,125,1) 100%);
}
#inter.article table td, #inter.article table th {
    border: 1px solid #ddd;
}
#inter.article table td.fr-thick, #inter.article table th.fr-thick {
    border-width: 2px;
}
#inter.article table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: #f5f5f5;
}

.photoillus{
  position: relative;
}
.photoillus .credit{
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-size: 12px;
  font-style: italic;
}

/**********************************************************************/
/************************ PAGINATION ***************************/
/**********************************************************************/

.pagin{
    margin-top: 15px;
    border-bottom: solid 1px #ececec;
}
.pagin .page-item.active .page-link{
    background: #d6142e;
    background: linear-gradient(90deg, #8c1010 0%, #d6142e 100%);
    color: #fff;
    border-color: #d6142e;
}
.pagin .page-link{
    color: #686868;
}
/**********************************************************************/
/************************ ACTU IMAGEES ***************************/
/**********************************************************************/

.actusimagees .img{
  padding-right: 0;
}
.actusimagees .uneactu{
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #e2e2e2;
}
.actusimagees .titre{
  font-family: 'SofiaProCondensed';
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  font-weight: normal;
  margin-top: 5px;
}


/**********************************************************************/
/************************ FIL INFOS ***************************/
/**********************************************************************/

#filinfos{
  position: relative;
  background: #fff;
  padding:15px;
  margin-top: 15px;
  overflow: hidden;
    margin-bottom: 15px;
}
#filinfos:before{
  content:"INFOS";
  position: absolute;
  top: -25px;
  line-height: 90px;
  left: 0;
  color:#faf9f9;
  font-weight: bold;
  font-size: 90px;
  z-index: 1;
  font-family: 'SofiaProCondensed';
}
#filinfos h2{
  width: 100%;
}
#filinfos .naviga{
  /*margin-top: 15px;*/
}
#filinfos .naviga .evol{
  font-size: 14px;
}
#filinfos .naviga .evol,
#filinfos .naviga .disabled{
  color:#a3a3a3;
}
#filinfos .naviga .material-icons{
  cursor: pointer;
  position: relative;
  top: 6px;
}
#filinfos .naviga .material-icons.disabled{
  cursor: no-drop;
}

.titre_module{
  position: relative;
  z-index: 2;
  background: linear-gradient(90deg, #8c1010,#d6142e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff;
  font-size: 21px;
  font-family: 'SofiaProCondensed';
  font-weight: bold;
}
a.module_more{
  font-size: 14px;
  position: relative;
  z-index: 2;
  color: #000000;
  font-family: 'Helvetica';
  font-size: 12px;
  font-weight: normal;
  float: right;
  margin-top: 17px;
}
a.module_more i{
  font-size: 12px;
}

#filinfos ul{
  list-style: none;
  padding-left: 0;
}
#filinfos ul li{
  /*margin-top: 20px;*/
    margin-top: 5px;
    border-bottom: solid 1px #ececec;
    margin-bottom: 5px;
    padding: 5px 0;
}
#filinfos ul li .titre{
  font-family: 'SofiaProCondensed';
  font-size: 17px;
  line-height: 15px;
  font-weight: normal;
  display: block;
}
#filinfos ul li.important .titre{
  color:#d6142e;
}
#filinfos ul li.urgent .titre{
  color:#9e2729;
}

/**********************************************************************/
/************************ BLOC BILLETTERIE ***************************/
/**********************************************************************/

.blocbilletterie{
  background: url(../images/bg_billetterie.jpg) center center no-repeat;
  width: 100%;
  margin-top: 30px;
  padding: 15px;
  position: relative;
  background-size: cover;
  overflow: hidden;
}
.blocbilletterie:before{
  content:"A L'AFFICHE";
  font-weight: bold;
  position: absolute;
  top: 12px;
  line-height: 0;
  left: 0;
  color:#fff;
  opacity: 0.09;
  font-size: 90px;
  z-index: 1;
  font-family: 'SofiaProCondensed';
}
.blocbilletterie .uppercase{
  font-family: 'Helvetica';
  font-size: 12px;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
  color:#fff;
}
.blocbilletterie table{
  margin-bottom: 10px;
}
.blocbilletterie table,
.blocbilletterie td,
.blocbilletterie tr{
  vertical-align: middle;
  border:none;
  color:#fff;
  font-size: 30px;
  font-family: 'Roboto Condensed';
  font-weight: bold;
  text-transform: uppercase;
}
.blocbilletterie .versus{
  font-size: 11px;
  color:#818181;
}
.blocbilletterie img{
  width: 50px;
}
.blocbilletterie td.logo{
  width: 60px;
  padding-left: 0;
}
.blocbilletterie .date{
  color:#686868;
  font-family: 'Helvetica';
  font-size: 16px;
}
.blocbilletterie .boutons a{
  display: inline-block;
  padding:5px 15px; 
  color:#fff;
  background: #000;
  border-radius: 4px;
  margin-right: 10px;
  margin-top: 10px;
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 14px;
}
.blocbilletterie .boutons a.more{
  color:#686868;
  background: #fff;
}
.blocbilletterie .boutons a.more:hover{
  background: #efefef;
  text-decoration: none;
}

/**********************************************************************/
/************************ BLOC BOUTIQUE & FRANCE BLEU***************************/
/**********************************************************************/

.blocboutique,
.blocFranceBleu{
  width: 100%;
  margin-top: 30px;
  position: relative;
  overflow: hidden;
  background: #000;
  color:#fff;
}
.blocboutique:before,
.blocFranceBleu:before{
  content:"BOUTIQUE";
  font-weight: bold;
  position: absolute;
  top: 12px;
  line-height: 0;
  left: 0;
  color:#fff;
  opacity: 0.09;
  font-size: 90px;
  z-index: 1;
  font-family: 'SofiaProCondensed';
}
.blocFranceBleu:before{
  content:"#FranceBleuEvect";
}
.blocboutique .infos h3,
.blocFranceBleu .infos h3{
  margin-top: 15px;
  font-family: 'SofiaProCondensed';
  font-weight: bold;
  font-size: 36px;
  line-height: 36px;
}
.blocFranceBleu .infos h3 span{
  font-size: 30px;
}
.blocboutique .infos .descr,
.blocFranceBleu .infos .descr{
  font-family: 'Helvetica';
  font-size: 14px;
}
.blocFranceBleu .infos .descr a{
  color:#fff;
  padding-left: 2px;
  padding-right: 2px;
  font-weight: bold;
  border-bottom: solid 2px #0c3f97;
}
.blocFranceBleu .logoFB{
  position: absolute;
  right: 30px;
  width: 70px;
  top: 15px;
  z-index: 3;
}
.blocFranceBleu .infos .descr a:hover{
  color:#fff;
  background:#0c3f97;
  text-decoration: none;
}
.blocboutique .infos .btn_evect,
.blocFranceBleu .infos .btn_evect{
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 15px;
  margin-bottom: 25px;
}
.blocFranceBleu .infos .btn_evect{
  padding-left: 15px;
  padding-right: 15px;
}
.blocboutique .infos ,
.blocFranceBleu .infos {
  padding-left: 30px;
  padding-right: 30px;
}

/**********************************************************************/
/************************ SUJET HOMEPAGE ***************************/
/**********************************************************************/

.subject{
  padding-top: 70px;
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px;
}
.subject .titre{
  color: #3cae54;
  opacity: 0.5;
  line-height: 27px;
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 15px;
  font-family: 'Roboto Condensed';
  position: relative;
  padding-left: 10px;
  z-index: 3;
}

.subject .articles .carte{ 
  background: #fff;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
}
.subject .articles .carte:hover{ 
  text-decoration: none;
}
.subject .articles .carte .titre_article{ 
  padding:15px;
  font-family: 'SofiaProCondensed';
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  color: #000;
}
.subject .articles .carte.plusdinfos .iconplus{ 
  margin-top: 35px;
  margin-bottom: 30px;
}
.subject .articles .carte.plusdinfos .iconplus i{ 
  font-size: 70px;
}
.subject .articles .carte.plusdinfos .lien{
  margin-bottom: 5px;
}
.subject .articles .carte.plusdinfos .lien i{ 
  font-size: 12px;
}
.subject .slider_cartes .slick-arrow{ 
  display: none !important;
}
.subject .slider_cartes .slick-list{ 
  padding-left: 30px !important;
  padding-right: 30px !important;
}

/**********************************************************************/
/************************ FOOTER ***************************/
/**********************************************************************/

footer#footer{
  margin-top: 40px;
  padding-top: 15px;
  background: white;
  font-family: 'Helvetica';
  font-size: 12px;
  border-bottom: solid 2px #d6142e;
}
footer#footer .logo{
  margin-bottom: 25px;
}
footer#footer ul{
  list-style: none;
  padding-left: 0;
}
footer#footer ul li{ 
  display: inline-block;
}
footer#footer ul li a{ 
  color:#000;
}
footer#footer .partenaires,
footer#footer .partenaires a{ 
  color:#dfdada;
}
footer#footer .partenaires a:hover{ 
  color:#8a8989;
}
footer#footer h3{ 
  font-size: 20px;
  font-family: 'SofiaProCondensed';
}
footer#footer .newsletter{ 
  background:url(../images/arobase.jpg) top center no-repeat;
  margin-top: 20px;
  padding-top: 75px;
}
footer#footer .newsletter input{ 
  border-radius: 0;
  background:#f4f3f3;
  border:none;
  font-size: 12px;
}
footer#footer .newsletter button{ 
  background:#d6142e;
  color:#fff;
  cursor: pointer;
  border:none;
}
footer#footer .newsletter button i{ 
  line-height: 33px;
}
footer#footer .sociauxfoot{ 
  margin-top: 25px;
  border-top: solid 1px #f0f0f0;
  padding-top: 10px;
}
footer#footer .socialfoot{
  font-size: 30px;
  display: inline-block;
  margin-right: 30px;
}
footer#footer .sociauxfoot .facebook{ 
  color:#4b5abc;
}
footer#footer .sociauxfoot .twitter{ 
  color:#2692d1;
}
footer#footer .sociauxfoot .instagram{ 
  color:#f17c2d;
}
footer#footer .sociauxfoot .youtube{ 
  color:#e92e33;
}
footer#footer .copy{ 
  font-family: 'Helvetica';
  font-size: 12px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 15px;
}
footer#footer .copy a{ 
  color:#000;
}

/**********************************************************************/
/************************ TOUTES LES ACTUS ***************************/
/**********************************************************************/

.ttesactus .date,
h2.recap_m{
    position: relative;
    z-index: 2;
    background: linear-gradient(90deg,#8c1010,#d6142e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    font-size: 21px;
    font-family: 'SofiaProCondensed';
    font-weight: bold;
    margin-top: 20px;
}
.logo_club img{ 
  max-width: 100px;
  display: block;
  margin: 10px auto;
}

/**********************************************************************/
/************************ PHOTOTHEQUE ***************************/
/**********************************************************************/

.phototheque .preview{
    color: #686868;
    margin-top: 5px;
    font-size: 12px;
    margin-bottom: 0;
}
.phototheque.mosaique{
  padding-right: 30px;
}
.phototheque.mosaique .une{
  padding-right: 0px;
  margin-bottom: 15px;
}


/**********************************************************************/
/************************ CONTACT ***************************/
/**********************************************************************/

.contact form{
  font-size: 14px;
}
.contact input,
.contact textarea{
  font-size: 14px;
}
.contact button{
  border:none;
}



/**********************************************************************/
/************************ QUANTCAST ***************************/
/**********************************************************************/

.qc-cmp-button {
background-color: #4caf50 !important;
border-color: #4caf50 !important;
}
.qc-cmp-button:hover {
background-color: transparent !important;
border-color: #4caf50 !important;
}
.qc-cmp-alt-action,
.qc-cmp-link {
color: #4caf50 !important;
}
.qc-cmp-button.qc-cmp-secondary-button:hover
{
border-color: transparent !important;
background-color: #4caf50 !important;
}
.qc-cmp-button {
color: #fff !important;
}
.qc-cmp-button.qc-cmp-secondary-button {
color: #666464 !important;
}
.qc-cmp-button.qc-cmp-button.qc-cmp-secondary-button:hover {
color:#ffffff !important;
}
.qc-cmp-button.qc-cmp-secondary-button {
border-color: #eee !important;
background-color: #eee !important;
}
.qc-cmp-ui,
.qc-cmp-ui .qc-cmp-main-messaging,
.qc-cmp-ui .qc-cmp-messaging,
.qc-cmp-ui .qc-cmp-beta-messaging,
.qc-cmp-ui .qc-cmp-title,
.qc-cmp-ui .qc-cmp-sub-title,
.qc-cmp-ui .qc-cmp-purpose-info,
.qc-cmp-ui .qc-cmp-table,
.qc-cmp-ui .qc-cmp-table-header,
.qc-cmp-ui .qc-cmp-vendor-list,
.qc-cmp-ui .qc-cmp-vendor-list-title {
color: #000 !important;
}
.qc-cmp-ui a,
.qc-cmp-ui .qc-cmp-alt-action,
.qc-cmp-toggle-status  {
color: #4caf50 !important;
}
.qc-cmp-ui {
background-color: #fff !important;
}
.qc-cmp-publisher-purposes-table .qc-cmp-table-header {
background-color: #fff !important;
}
.qc-cmp-publisher-purposes-table .qc-cmp-table-row {
background-color: #fff !important;
}
.qc-cmp-vendor-list .qc-cmp-vendor-row {
background-color: #fff !important;
}
.qc-cmp-vendor-list .qc-cmp-vendor-row-header {
background-color: #fff !important;
}
.qc-cmp-table {
border: 1px solid #000000 !important;
}
.qc-cmp-table-row {
border-top: 1px solid #000000 !important;
}
.qc-cmp-vendor-list {
border: 1px solid #000000 !important;
}
.qc-cmp-vendor-row {
border-top: 1px solid #000000 !important;
}
.qc-cmp-arrow-down {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='#000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpolyline points='2 5 8 11 14 5'/%3E %3C/svg%3E") center no-repeat;
}
.qc-cmp-toggle-status {
color: #000000 !important;
}
.qc-cmp-table-header {
color: #000000;
}
.qc-cmp-small-toggle.qc-cmp-toggle-on,
.qc-cmp-toggle.qc-cmp-toggle-on {
background-color: #000 !important;
border-color: #000 !important;
}
.qc-cmp-button {
background-color: #4caf50 !important;
border-color: #4caf50 !important;
}
.qc-cmp-button:hover {
background-color: transparent !important;
border-color: #4caf50 !important;
}
.qc-cmp-alt-action,
.qc-cmp-link {
color: #4caf50 !important;
}
.qc-cmp-button {
color: #fff !important;
}
.qc-cmp-button.qc-cmp-secondary-button {
color: #ddd !important;
}
.qc-cmp-button.qc-cmp-button.qc-cmp-secondary-button:hover {
color:#ffffff !important;
}
.qc-cmp-button.qc-cmp-secondary-button {
border-color: #ddd !important;
background-color: transparent !important;
}
.qc-cmp-button.qc-cmp-secondary-button:hover {
background-color: #ddd !important;
}
.qc-cmp-ui,
.qc-cmp-ui .qc-cmp-main-messaging,
.qc-cmp-ui .qc-cmp-messaging,
.qc-cmp-ui .qc-cmp-beta-messaging,
.qc-cmp-ui .qc-cmp-title,
.qc-cmp-ui .qc-cmp-sub-title,
.qc-cmp-ui .qc-cmp-purpose-info,
.qc-cmp-ui .qc-cmp-table,
.qc-cmp-ui .qc-cmp-table-header,
.qc-cmp-ui .qc-cmp-vendor-list,
.qc-cmp-ui .qc-cmp-vendor-list-title {
color: #000 !important;
}
.qc-cmp-ui {
background-color: #fff !important;
}
.qc-cmp-publisher-purposes-table .qc-cmp-table-header {
background-color: #fafafa !important;
}
.qc-cmp-publisher-purposes-table .qc-cmp-table-row {
background-color: #ffffff !important;
}

.qc-cmp-persistent-link {
right: auto !important;
left: 0px;
background-color: #0097D7 !important;
position: relative !important;
float: left;
padding: 0 15px;
}



/********************************************************************************************/
/******************************************* INTERSTITIEL ****************************************/
/********************************************************************************************/

#interst .modal-body{
  padding:0;
}
#interst .modal-dialog{
  max-width: 90%;
  width: 800px;
  margin: 30px auto;
}
#interst button{
  position: absolute;
  border-radius: 0;
  background: #000;
  border: none;
  cursor: pointer;
  width: 100%;
  left: 0;
  bottom: -36px;
}