.cms_18 section#main{
    width: 100%!important;
    padding-left: 0!important;
    padding-right: 0!important;
}

.contentTable hr{
    margin-top: 0.3rem;
    border-top: 2px solid #09a7d7;
}

.page_abons_bleu{
    background: #DBF0FE!important;
}

.contentTable {
    display: flex;
    align-items: center;
    justify-content: space-around;
    /*max-width: 710px;*/   
    margin: 50px auto 0px auto;
}

table { 
    width: 100%; 
    border-collapse: collapse; 
}

.table-abons{
    font-family: Poppins;
    color: #FFF;
    font-size: .75rem;
}

.titleTable-abons{
    font: Italic 18px/24px Queen of Camelot;
    color: #01B9FF;
    padding-bottom: 15px;
}

.table .title-left{
    text-align: left;
}

.table thead th, tbody th, tbody td{
    background:#046380;
}

.table tbody tr.title-match td{
    background: #DBF0FE;
    color: #37517E;
}

.table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid #fff;
}

.paris-termines tr.title-match td{
    border:0!important;
}

.table td, .table th{
    padding: 0 .75rem 0 .75rem;
}

.table thead th{
    text-align: center;
    font-weight: initial;
}

.table .show-older{
    background:#fff;
    color:#37517E;
    font-weight: lighter;
}

.table .show-older a{
    font-weight: lighter;
}

.paris-termines{
    width: 674px;
}

.page_abons .zoneOblique::before {
  position: absolute!important;
  content: "";
  top: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 100%!important;
  background: inherit!important;
  transform-origin: top right!important;
  transform: skewY(-5deg)!important;
  z-index: -1!important;
}

.page_abons .zoneOblique::after {
  position: absolute!important;
  content: "";
  top: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 100%!important;
  background: inherit!important;
  transform-origin: top left!important;
  transform: skewY(0deg)!important;
  z-index: -1!important;
}

.page_abons .zoneOblique {
  position: sticky!important;
  background: #046380!important;
  margin-top: 0px!important;
  margin-bottom: -11px!important;
  min-height: 400px!important;
  padding-bottom: 40px!important;
  background: linear-gradient(#233652, #046380)!important;
}

.page_abons .zoneOblique .container {
  width: 100%!important;
}

.page_abons .zoneOblique {
    margin-top: 0px!important;
}

.title-abons{
    color: #FFF;
    font: Italic 32px/43px Queen of Camelot;
    padding-top: 40px;
}

.tiretB-abons{max-width: 129px;height: 6px;background: rgb(241, 245, 252);margin: 15px auto;border-radius: 3px;display: block;}

.serviceBloc {
    max-width: 950px;
    margin: 15px auto 15px auto;
    overflow: hidden;
}

.serviceText {
    font: Italic bold 15px/27px Poppins;
    color: #FFFFFF;
    margin: 25px auto;
    display: flex;
}

.serviceText img{
    padding-right: 15px;
}

a.btnBorder-abons {
    background: #01B9FF;
    color:#37517E;
}
a:hover {
    text-decoration: none;
}
.btnBorder-abons {
        /*shadow start*/
        margin: 40px;
        background-color: rgb(68,68,68); /* Needed for IEs */
    
        -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
        -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
        box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
    
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
        -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
        zoom: 1;
        /*shadow end*/
    height: 48px;
    border: 1px solid #01B9FF;
    border-radius: 8px;
    font: Italic 19px/15px Queen of Camelot;
    letter-spacing: 0.85px;
    color:#37517E;
    background: #01B9FF;
    display: inline-block;
    vertical-align: middle;
    padding: 15px;
    max-width: 196px;
    text-align: center;
    cursor: pointer;
}

.titlebleu-abons {
    font: Italic 32px/43px Queen of Camelot;
    letter-spacing: 1.86px;
}

.subtitle-abons {
    font: Bold 25px/33px Poppins;
    color: #01B9FF;
    letter-spacing: 1.86px;
    margin: 50px auto 15px auto;
}

.blocProtocole-abons {
    /*padding: 100px 0;*/
}

.znProtocole-abons{
    max-width: 765px;
    margin: 100px auto 40px auto;
    overflow: hidden;
}

.contentPage-abons p{
    font: 14px/25px Poppins;
    letter-spacing: 0;
    color: #000000!important;
}
.contentPage-abons strong{
    font: 14px/25px Poppins;
    letter-spacing: 0;
    color: #000000!important;
    font-weight: bolder!important;
}

.abons-card .card{
    min-height: 229px;
}

.abons-card2 .card{
    min-height: 250px;
}

.abons-card .card, .abons-card2 .card{
    border: none;
    border-radius: 6px;
    box-shadow: 0px 2px 4px -1px;
    margin: 15px;
}

p.card-text{
    font-size: .85rem;
}

.card-title{
    color: #01B9FF;
    padding-bottom: 10px;
    font-size: 20px;
    text-transform: none !important;
}

.card2 {
    box-sizing: inherit;
    max-width: 765px;
    text-align: center;
    align-content: center;
    display: inline flow-root list-item;
    padding-top: 20px;
    overflow: hidden;
    margin: 0 auto;
}

.btn-abons{
    padding-top: 20px;
}

a.btnBorder-abons{
    font: Italic 19px/15px Queen of Camelot;
}

.fr-abons{
    vertical-align: baseline;
    width: 13px;
}

.title-match span{
    padding-right: 6px;
}

.paris-termines-content{
    margin: 15px auto 0px auto !important;
}

.qty-abons{
    display: none;
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

    .paris-termines, .paris-termines td {
        width: 100%!important;
    }
    
}

@media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px) {
  .shopping_link {
    width: 100%;
    float: left;
  }
  .fourth {
    padding-bottom: 20px;
  }
}

u.btnBorder-abons.button.go_shopping.shopping_btn:hover {
    color: #01b9ff!important;
    background: #FFF;
    border: 2px solid #01b9ff;
}

@media only screen and (max-width: 399px) {
  .table-abons {    
    font-size: 0.45rem;
  }
  .table {
    max-width: 90%;
   }
}

.fr-abons {
    vertical-align: baseline;
    width: 1em;
}

@media only screen and (max-width: 399px){
  .table {
      max-width: 100%;
  }
}
.blocPaye {
    background: #dbf0fe;
    padding: 50px 0;
}
.titlebleu-abons {
    font: italic 32px/43px Queen of Camelot;
    letter-spacing: 1.86px;
    color: #146481;
}
.tiretB {
    max-width: 112px;
    height: 6px;
    background: #37517e;
    margin: 15px auto;
    border-radius: 3px;
    display: block;
}
#cms .tiretB {
    margin-top: 37px;
    margin-bottom: 25px;
    max-width: 140px!important;
}
.blocPaye .tiretB, .blocPay, .copyright.text-center {
    background: #146481!important;
}
.card-title {
    font-weight: 600!important;
}
.card-subtitle, .card-text:last-child {
    margin-bottom: 0;
}
p.card-text {
    font-size: .85rem;
    color: #146481;
    font-weight: 500!important;
    font-family: Poppins,Verdana,sans-serif;
}
.card-title{
    font-family: Poppins,Verdana,sans-serif;  
}
.faqcontent .card.lightcard .card-header{
  border-bottom: none!important;
}
.lightcardbody{
  border-top: none!important;
}
.col-md-6 {
    float: left;
    width: 50%;
}
.cms_abonnement .zoneOblique .container > .serviceBloc,
.cms_18 .zoneOblique .container > .serviceBloc{
  overflow: inherit;
}
.serviceText{
  position: relative;
  text-align: left;
}
.serviceText:before{
  content: '';
  background: url(../img/chek.png);
  background-size: 30px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  margin-right: 10px;
  position: absolute;
  left: -36px;
}
.serviceText img{
  position: absolute;
  display: none;
}
@media (min-width: 768px){
  .col-md-6 {
      float: left;
      width: 50%;
  }
}
@media (min-width: 576px){
  .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
      padding-right: 15px;
      padding-left: 15px;
  }
}
.serviceBloc {
    max-width: 950px;
    margin: 15px auto 15px auto;
    overflow: hidden;
}
.page_abons .zoneOblique .container {
    width: 100%!important;
}
@media (max-width: 600px){

  .cms_18 .zoneOblique .container > .serviceBloc,
  .cms_abonnement .zoneOblique .container > .serviceBloc {
    overflow: inherit;
    padding-left: 15px;
  }
}
@media (max-width: 767px){
  .col-md-6 {
      float: left;
      width:100%;
  }
  .serviceBloc > div:first-child > div:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .serviceBloc > div:last-child > div:first-child{
    margin-top: 0;
    padding-top: 0;
  }
}