body {font-size:100%;cursor:default;}
   h3 {letter-spacing: -1px;}
   .row {margin:0;}
   header #lfappresents,.sidebar #lfappresents,.carousel #lfappresents {background:url("/img/lfap.png");width:245px;height:20px;margin:10px;z-index:2;}
   header #mobilecompatible {background:url("/img/compatible_mobile_tablette.png");width:280px;height:32px;margin:10px;}
   header {background: #2976A5;top: 0;left: 0;width:100%;margin-bottom:5px;z-index: 2201;}
   .hidehead {position: fixed;top: 0;left: 0;width:100%; z-index: 2201;}
   .hidehead:hover {opacity:1;}
   .hidehead #bigheader {display:none;}
   .hidehead .container {padding:0;}

   header #logo {background:url("/img/lafranceapoil_3.png") no-repeat scroll center center;margin:15px 15px 0;max-width:80%;height:50px;background-size:contain;clear:left;}
   header #logosmall {display:none;background:url("/img/lafranceapoil_3.png") no-repeat scroll center center;background-size:contain; height:42px;padding:5px 40px;position: relative;margin-right:30px;}
   header .joinmobile {display:none;padding:6px 10px;text-transform:uppercase;margin:5px 0 0 0;font-size:14px;letter-spacing:-1px;}
   
   .hidehead #logosmall {display:block;}
   .hidehead #lfappresents,.hidehead #mobilecompatible,.hidehead #logo {display:none;}
 
   #headjoin .btn-success{font-family: 'Open Sans';font-size: 20px;letter-spacing: -1px;font-weight:bolder;margin-left:5px;padding:10px 30px 10px 30px;text-shadow: 1px 1px 1px #000;}
   #headlogin .btn-warning{font-family: 'Open Sans';font-size: 20px;letter-spacing: -1px;}
   .sidebar {width:300px;height:100%;padding:0px;position:fixed;left:0px;right:auto;top:0px;z-index:2000;overflow-y:hidden;}
   .sidebar p {font-family:'Open Sans';font-size:14px;padding:0 20px;}
   .sidebar-nav {margin:auto;float:none;display:block;padding:8px;width:90%;text-align:center;}
   .sidebar-nav li {float:inherit !important;display:block;margin:8px;cursor:pointer;}
   .nav li.acces a,.sidebar-nav li.login a {border:0 !important;}
   .sidebar #logo {background:url("/img/lfap_extreme_square.png") no-repeat scroll center center;background-size:cover;margin:25px auto 20px;width:240px;height:240px;}

   header #nav {clear:left;background:#000;text-align:left;overflow:hidden; }
   /*header #nav .container {padding:5px 0 0;}
   .hidehead #nav .container {padding:5px 0 0;}*/
   .navbar {border:0;margin-bottom:0;overflow: hidden; max-height: 40px;}
   .navbar-nav {margin:auto;width:100%;float:none;display:inline-block;padding:0px 8px;}
   .navbar-nav li {float:;display:inline-block;margin:3px;}
   .nav li a {font-size:17px;letter-spacing:-1px;font-family:'Open Sans',sans-serif;border-radius: 5px;line-height:25px;padding:6px 20px;font-weight:normal;}
   .nav li.logo a {border-radius:0;line-height:inherit;padding:0px;font-weight:normal;}
   .nav li.home a {padding:6px 10px;font-size:24px;line-height:16px;}
   .nav li.acces,.nav li.login {float:right;text-transform: uppercase;}
   .nav li.acces a {padding:6px 40px;border:0;}
   .nav li a .badge {padding:2px 7px 3px 5px;font-size: 11px;font-weight: 600;vertical-align: text-top;border-radius: 6px;margin:0 0 0px 10px;line-height:22px;}
   .nav li.login {line-height:0px !important;text-align: center;vertical-align: text-top;}
   .nav li.login a {padding:2px 5px 10px 5px;letter-spacing: 0px;}
   .nav li.login .logintext {line-height:0px !important;display:block;font-size:9px;}
   .nav li a.flag,.nav li a.flag:hover {background:transparent !important;padding-left:0px;margin-left:5px;padding-right:0px;margin-right:0px;}
    .headermessage {font-size:14px;}


   .carousel {padding:0 10px 15px;max-width:1920px;margin:auto;}
   .carousel-caption {text-align:right;right:5%;bottom:0;font-family:'Open Sans';font-weight:bold;margin-bottom:0;padding-bottom:0.5vw;}
   .carousel-caption h1,.carousel-caption h2 {font-weight:bold;font-size:2.5vw;line-height:2vw;margin:0;}
   .containercontent .carousel-caption h2 {color:white;border:0;font-size:1.5vw;line-height:1.5vw;margin:0;}
   .carousel-caption h1 { color:yellow;margin:20px 0; }
   .carousel-caption .btn {font-size: 1.5vw;letter-spacing:-1px;text-shadow: 1px 1px 1px #000;font-weight:bold;margin:15px 0;padding:5px 25px;}
 
   .carousel-full {padding:0;}

   .container,.containercontent { width:100%;padding:0 10px;margin:auto;}
   .col-xs-6,.col-sm-4,.col-md-3,.col-lg-2 { padding-right:5px;padding-left:5px;}

   .thumbnail {padding:2px;border:0;}
   .thumbnail img{width:100%;height:auto;cursor:pointer;}
   .thumbnail video {width:100%;height:auto;cursor:pointer;}

    /* MODAL */
   .modal {width:auto;margin-top:0;}
   .modal-backdrop{opacity:1 !important;}
   .modal.fade .modal-dialog {-moz-transition: none !important;-o-transition: none !important;-webkit-transition: none !important;transition: none !important;-moz-transform: none !important;-ms-transform: none !important;-o-transform: none !important;-webkit-transform: none !important;transform: none !important;}
   .modal-dialog {width:720px;max-width:90%;}
   .modal-body {padding:5px;}
   .modal .thumb,.modal .thumbstar  {cursor:default;}
   .modal input {height:50px;border:solid 1px black;}
  
   .containercontent h1 {border-bottom:0px;font-size:32px;font-family: 'Open Sans';letter-spacing:-2px;padding: 5px 0px;margin: 10px 0 20px 0;line-height: 40px;text-align:center;}
   .containercontent h1.index {border-bottom:0px;font-size:2vw;font-family: 'Open Sans';letter-spacing:-3px;padding: 5px 0px;margin: 10px 0 20px 0;line-height: 60px;text-align:center;}
   .containercontent h2 {border-bottom:solid 1px;font-size:26px;font-family: 'Open Sans';letter-spacing:-2px;padding: 5px 0;margin: 20px 0 20px 5px;line-height: 26px;}
   .containercontent h2 span {border-bottom:solid 3px;line-height: 16px;}
   .containercontent h2 .more a {padding:5px 8px;font-size:13px;letter-spacing:0px;text-decoration:none;border-radius: 5px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;margin-right:0px;}
   .containercontent h2 b {padding-left:25px;font-size:13px;font-weight: normal;letter-spacing: 0;line-height:14px;}

   .containercontent h2 .input-group {display: flex;}
   .containercontent h2 input.search {font-size:12px;padding:5px;width:75px;color:#333;}
   .containercontent h2 input.search:focus {width:200px;}

   .containercontent h2 a.fafiltre {margin:5px 8px;font-size:13px;line-height:20px;letter-spacing:0px;text-decoration:none;}
   .containercontent h2 a.fafiltre i {font-size:18px;}
   
   .containercontent .sorting {font-size:14px;letter-spacing: 0px;}

   .containercontent .submore {font-family: 'Open Sans';margin:auto;width:75%;text-align:center;padding:15px 20px;margin-bottom:30px;font-size:13px;text-align:center;text-transform:uppercase;}

   .thumb,.thumbstar {margin:0;padding:0;cursor:pointer;}
   .thumb .hd {background:url("/img/hd2.png") no-repeat scroll center center;display:block;width:30px;height:20px;position:absolute;top:8px;right:17px;}
   .thumb .shd {background:url("/img/shd2.png") no-repeat scroll center center;display:block;width:30px;height:25px;position:absolute;top:8px;right:17px;}
   .thumb .uhd {background:url("/img/uhd.png") no-repeat scroll center center;display:block;width:30px;height:25px;position:absolute;top:8px;right:17px;}
   .thumb .new {background-image: url(/img/corner_new.png);display: block;width: 77px;height: 53px;position: absolute;top: 0px;left: 4px;opacity: 1;}
   .thumb .new2 {background:#2976A5;display:block;padding:4px 6px;position:absolute;top:6px;left:12px;color:#fff;font-size:12px;font-weight:500;font-family:'Open sans',sans-serif;border-radius:4px;}
   .thumb .new3 {background:#000;display:block;padding:4px 6px;position:absolute;top:6px;left:12px;color:#fff;font-size:12px;font-weight:500;font-family:'Open sans',sans-serif;border-radius:4px;text-transform:uppercase;}
   .thumb .bareback {background:#c00;display:block;padding:4px 6px;position:absolute;top:6px;left:12px;color:#fff;font-size:12px;font-weight:500;font-family:'Open sans',sans-serif;border-radius:4px;text-transform:uppercase;}
   .thumb .bareback1 {background:#c00;display:block;padding:4px 6px;position:absolute;top:33px;left:12px;color:#fff;font-size:12px;font-weight:500;font-family:'Open sans',sans-serif;border-radius:4px;text-transform:uppercase;}
   .thumb .new3 img {width:auto;height:19px;margin:-3px 0;}
   .thumb .demain {background-image: url(/img/corner_demain.png);display: block;width: 77px;height: 53px;position: absolute;top: 0px;left: 4px;opacity: 1;}
   .thumb .soon {background-image: url(/img/corner_soon.png);display: block;width: 77px;height: 53px;position: absolute;top: 0px;left: 4px;opacity: 1;}
   .thumb .soon2 {background:#666;display:block;padding:4px 6px;position:absolute;top:6px;left:12px;color:#fff;font-size:12px;font-weight:500;font-family:'Open sans',sans-serif;border-radius:4px;}
   .thumb .camlive {background:#fa3e3e;display:block;padding:4px 6px;position:absolute;top:6px;left:12px;color:#fff;font-size:14px;font-weight:500;font-family:Helvetica;border-radius:4px;}
   
   .thumb .video_duree {color: #fff;display: block;position: absolute;bottom: 65px;right: 10px;background-color: rgba(0,0,0,0.7);padding: 6px;font-size: 12px;border-radius: 4px;}
   .thumb .video_pouce {color: #fff;display: block;position: absolute;bottom: 65px;left: 10px;background-color: rgba(0,0,0,0.7);padding: 6px;font-size: 11px;border-radius: 4px;}
   .bloc3perline .video_duree {bottom: 70px;right:15px;}
   .bloc3perline .video_pouce {bottom: 70px;left:15px;}

   .bloc3perline { display:block;}
   

   .barreexclu {display:table;height:6px;width:100%;padding:0;margin:0;position: relative;top: 0px;left: 0px;margin-top: -6px;}

   .thumb .overlay,.thumb .overlayperm{background-color:rgba(0,0,0,0.5);pointer-events:none;display:none;width:100%;height:90%;position:absolute;top:0;left:0;right:0;text-align:center;z-index:15;margin:0;padding:0;cursor:pointer;}
   .overlaypromo{display:block;width:100%;height:100%;max-height:75%;position:absolute;top:0;left:0;right:0;padding:2px 12px 18px 12px;}
   .first .overlaypromo {max-height:88%;}
   .overlaypromo2{display:block;width:100%;height:100%;text-align:center;z-index:15;margin:0;padding:0;padding:5% 10px 10%;}
   .overlaypromo2 h3{margin:0;line-height:35px;font-size:30px;font-weight:bold;}
   .overlaypromo2 p{margin:10px;line-height:25px;font-size:18px;}

  .overlayperm2{background-color:rgba(0,0,0,0.3);display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;text-align:center;z-index:15;margin:0;padding:15% 0;cursor:pointer;font-size:16px;}
  .overlayperm2 #overlayperm2mute{background-color:rgba(0,0,0,0.3);display:block;width:45px;height:45px;position:absolute;top:10px;right:10px;text-align:center;z-index:17;margin:0;padding:3px 1px;cursor:pointer;font-size:16px;border-radius:25px;font-size:30px;color:#999;}
  .overlayperm2:hover #overlayperm2mute{background-color:rgba(0,0,0,0.5);color:#ccc;}
  .overlayperm2 #overlayperm2mute:hover{background-color:rgba(0,0,0,0.7);color:#fff;}


  .thumb:hover .overlay,.thumb .overlayperm{display:block;}
  /*.thumb .overlaytitre{display:block;width:100%;height:20px;position:absolute;bottom:0;left:0;right:0;padding:0px 12px 52px 12px;}*/
  .thumb .overlaytitre{display:block;width:100%;height:20px;position:;bottom:0;left:0;right:0;padding:0px 0px 35px 0px;}
  .thumb .overlaytitre2{display:block;width:100%;height:100%;background:url("/img/bg_trans_black.png") repeat center center;text-align:center;z-index:15;margin:0;padding:0;padding:7px 10px 30px;color:white;line-height:0;font-size:11px;}
  .thumbstar .overlaytitre{display:block;width:100%;height:20px;position:absolute;bottom:0;left:0;right:0;padding:0px 7px 52px 7px;}
  .thumbstar .overlaytitre2{display:block;width:100%;height:100%;background:url("/img/bg_trans_black.png") repeat center center;text-align:center;z-index:15;margin:0;padding:0;padding:15px 10px 15px;color:white;line-height:0;font-size:11px;}
  .overlaypromo2 .btn-success{font-family: 'Open Sans';font-size: 20px;letter-spacing: -1px;font-weight:bold;padding:10px 30px 10px 30px;text-shadow: 1px 1px 1px #000;}
  .thumb .overlaytitre2 .video_title {line-height:11px;overflow: hidden;font-weight:bold;font-size:11px;text-align:left;height:11px;}
  .thumb .overlaytitre2 .video_title .fa-star {color:yellow;}
  .thumb .overlaytitre2 .video_title i {font-weight:normal;font-size:11px;}
  .thumbstar .overlaytitre2 .video_title i {font-weight:normal;font-size:11px;}

  .firsthuge .thumb .overlaytitre {padding:0px 7px 101px 7px;}
  .first .thumb .overlaytitre{display:block;width:100%;height:20px;position:;padding:0px 0px 0px 0px;}
  .first .thumb .overlaytitre2 {padding:10px;}
  .thumb a,.thumb a:hover {text-decoration:none;}
  

  .slogan,.slogan2,.slogan4 {font-family:'Open Sans',sans-serif;clear:both;font-size:2.5vw;font-weight:bold;text-align:center;letter-spacing:-3px;cursor:pointer;line-height:3vw;margin:20px 0;padding:20px;border-radius: 6px;}
  .slogan2 { margin:0;padding:0;}
  .slogan strong {font-size:3vw;line-height:4vw;letter-spacing:-5px;text-decoration: underline;}
  .slogan .btn-success,.slogan2 .btn-success {font-size:1.5vw;}
  .slogan .btn-success,.slogan2 .btn-success,.slogan4 .btn-success { letter-spacing:-0.1vw;font-weight:bold;text-shadow: 1px 1px 1px #000;}
  .slogan2 .btn-success {padding:20px;width:95%;text-transform:uppercase;}

  @media (min-width: 1441px){
    .slogan4 {font-size:24px;} .slogan4 strong {font-size:30px;} .slogan4 .btn-success {font-size:30px;}
  }
  @media (max-width: 1440px){
    .slogan4 {font-size:1.7vw;} .slogan4 strong {font-size:2.5vw;} .slogan4 .btn-success {font-size:2.2vw;}
  }
  @media (max-width:1279px){
    .slogan4 {font-size:1.7vw;} .slogan4 strong {font-size:2.5vw;} .slogan4 .btn-success {font-size:2.2vw;}
  }
  @media (max-width:1023px) {
    .slogan4 {font-size:2.5vw;} .slogan4 strong {font-size:3vw;} .slogan4 .btn-success {font-size:2.8vw;}
  }
  @media (max-width: 767px) {
    .slogan4 {font-size:1.7vw;} .slogan4 strong {font-size:2.5vw;} .slogan4 .btn-success {font-size:2.2vw;}
  }


   #videoinfos {font-size:11px;}
   #videoinfos .description {font-size:12px;}

  .btn-group{box-shadow:1px 1px 2px #999;border-radius:6px;}
  button.downloadbutton,li.downloadbutton { display:block;font-size:18px;letter-spacing:-1px;font-weight:bold;text-shadow: 1px 1px 2px #000;padding:8px 5px 8px 15px;}
  ul.dropdown-menu {margin-left:0px;padding:0;margin-top:-1px;width:100%;}
  li.downloadbutton{font-size:15px;text-align:right;padding:5px;}
  li.downloadbutton:hover{text-decoration: underline;cursor: pointer;}
  .jwcontrols .jwlogo {max-width:20%;bottom:-20px !important;}

  .video-js .vjs-big-play-button {top:44% !important;left:48% !important;border:0 !important;}
  .video-js .vjs-watermark {top:auto !important;bottom:30px !important;left:auto !important;right:5px !important;max-width:25%;padding:5px;margin:5px;}
  .video-js .vjs-watermark img {width:100%;}
  .vjs-has-started .vjs-control-bar,.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {opacity:1 !important;}
  .video-js .vjs-control-bar{display:flex !important;}
  .video-js .vjs-fullscreen-control {display: none;}
  .vjs-poster {background-size:cover !important;}

  @media (max-width:600px){
    #videoinfos {max-height:120px;overflow:hidden;}
    #videoinfosmore {text-align:center;font-size:11px;text-transform:uppercase;}
  }

  .video_download_membres {padding-top:10px;}
  .video_download_membres input[type="submit"] {display:block;border-radius:4px;font-size:14px;text-align:left;margin:5px auto;padding:5px 10px 5px 10px;font-weight:normal;border:0;cursor:pointer;width:100%;}
  .video_download input[type="submit"] {display:block;border-radius:4px;font-size:15px;text-align:left;margin:5px 2px 5px 2px;padding:8px 10px 8px 5px;font-weight:normal;font-weight:bold;border:0;font-size:13px;cursor:pointer;}
  .video_download_membres .addvideo {display:block;clear:right;border-radius:4px;margin:5px auto;padding:5px 10px 5px 10px;font-weight:normal;border:0;cursor:pointer;font-size:15px;letter-spacing:-1px; text-align:left;}
  .video_download_membres .addvideo b {border-radius:90px;-moz-border-radius:90px;-webkit-border-radius:90px;display:inline;margin:0px;margin-right:5px;font-size:14px;padding:0 6px 0 6px;font-weight:bold;text-shadow:none;}




  #trailerheader{width:100%;background:#000000;height:15px;font-family: 'Open Sans';font-size:13px;color:#FFFFFF;margin:0;padding:0 5px 0 5px;line-height:30px;position:absolute;width:100%;height:30px;z-index:5;display:block;top:0px;cursor:pointer;}
  #promopacks{display:none;position:absolute;top:40px;right:25px;background-color:rgba(0,0,0,0.5);color:#fff;font-weight:bold;font-size:13px;border-radius:5px;padding:3px 10px;z-index:3;line-height:13px;width:190px;font-family:'Open sans',sans-serif;text-align:right;}
  #promopacks:hover{background-color:rgba(0,0,0,0.7);}

  .clear {clear:both;}


  #playerlmds {width: 100%;display: inline-block;opacity: 1;background-color: rgb(0,0,0);}
  #playerlmds iframe {position: absolute;height: 100%;width: 100%;}
  .lmds_thumb{width:100%;}
  #lmds .pull-right,#lmds .pull-left i  {color:#f00;}
  #lmds .pull-left i {line-height:1px;font-size:14px;}
  #lmds .thumb .overlaytitre {padding:0 7px 44px 7px;}
  #lmds .thumb .overlaytitre2 {padding:11px 9px;}
  .video_duree,.video_note {display:inline;}

  #disclaimer {max-width:720px;margin:auto;margin-top:50px;text-align:center;font-family: 'open sans';background:black;padding:10px;}
  #disclaimer #logo img {max-width:200px;}
  #disclaimer h1 {font-weight:bold;font-size: 24px;letter-spacing: -2px;color:white;}
  #disclaimer p {font-weight:normal;font-size: 15px;letter-spacing: 0px;color:grey;}
  #disclaimer a {display:inline-block;background:#1077BE;border:solid 1px #1077BE;font-weight:bold;font-size: 24px;letter-spacing: -2px;color:white;padding:10px 50px;text-decoration:none;}
  #disclaimer a:hover {border:solid 1px white;}

  .player{margin:5px;background:url(/img/player.jpg) no-repeat center;background-size:contain;width:95%;height:35px;margin:auto;position:absolute;bottom:30px;left:auto;z-index:3201;}
  #form{margin:auto;width:95%;text-align:center;padding-top:0;}
  @media (max-width:600px) {
    #form{padding-top:5%;}
  }
  #formcell{background:url(/img/bg_trans_black.png);opacity:1;width:100%;max-width:600px;padding:3% 5%;color:#fff;border-radius:8px;margin:auto;}
  #formcell input[type=text]{padding:20px;}

  .overlaypromo2mp{padding:1% 10px 10%;}
  .overlaypromo2 #allopass {max-width:800px;margin:1% auto;background:black;opacity:1;color:#e7e7e7;text-align:center;font-family:'Open Sans';cursor:default;padding:1% 1%;line-height:15px;}
  .overlaypromo2 #allopass h6 {margin:2% auto;text-align:center;font-size:24px;font-weight:normal;color:#ccc;letter-spacing:-1px;}
  .overlaypromo2 #allopass h6 span {font-size:24px;padding:0 5px;color:#666666;}
  .overlaypromo2 #unlock_vod {/*width:62%;float:left;margin:0px 0px 0px 20px;*/}
  .overlaypromo2 #unlock_forfait {/*width:30%;float:left;margin:0px 0px 0px 20px;*/}
  .overlaypromo2 #allopass div h7 {margin:0px auto;padding:5px auto;text-align:center;font-size:16px;text-transform:uppercase;font-weight:normal;color:#fff;}
  .overlaypromo2 #allopass div h7 strong {color:#ffff00;}
  .overlaypromo2 .unlock_vod,.unlock_forfait {border-top:solid 1px #666666;background:#000;opacity:1.0;margin:0;padding:5px 0 10px 0;font-size:15px;font-weight:normal;text-align:center;}
  .overlaypromo2 #unlock_vod_mp {/*width:57%;float:left;margin:0px 3px*/}
  .overlaypromo2 #unlock_vod_pack {/*width:40%;float:left;margin:0px 3px*/}
  .overlaypromo2 #unlock_vod_pack.full {width:80%;float:none;margin:0px auto;}
 .overlaypromo2  #allopass div h8 {margin:0px auto; padding:5px auto;text-align:center;font-size:14px;text-transform:normal;font-weight:bold;color:#fff;letter-spacing:0px;}
  .overlaypromo2 #allopass div h8 span {font-weight:normal;font-size:15px;color:#999;padding-right:3px;}
  .overlaypromo2 .unlock_vod p {margin:5px;padding:0;}
  .overlaypromo2 .unlock_vod_mp_call {margin:5px;padding:0;font-size:14px;}
  .overlaypromo2 .unlock_vod_mp_numtel {margin:0;padding:0;font-size:24px;color:#ffff00;font-weight:bold;letter-spacing:-1px;}
  .overlaypromo2 .unlock_vod_mp_infos_numtel,.unlock_vod .codes_infos {font-size:11px;color:#999999;font-style:italic;padding:0 0 10px 0;}
  .overlaypromo2 .unlock_vod_packs {font-size:11px;line-height:14px;}
  .overlaypromo2 #unlock_vod_pack a {display:block;width:auto;/*background:#ffcc33;*/background:#458AFC;border:solid 1px #458AFC; border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;padding:8px 15px;margin:15px 5px 0 5px;font-size:13px;color:#fff;letter-spacing:-1px;cursor:pointer;text-decoration:none;  }
  .overlaypromo2 #unlock_vod_pack a:hover {/*background:#ffdd33;*/border:solid 1px #fff;}
  .overlaypromo2 .unlock_vod_packs_yellow {color:#ffcc33;padding:0;margin:0;}
  .overlaypromo2 .unlock_vod input[type="text"] {padding:5px 10px;margin:3px;text-transform:uppercase;font-size:14px;color:#333;border:solid 1px #666666;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-align:center;vertical-align:middle;}
  .overlaypromo2 .unlock_vod input[type="submit"] {display:inline-block;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#458AFC;border:solid 1px #458AFC;color:#fff;font-size:15px;text-align:left;margin:3px;padding:5px 10px;font-weight:bold;text-shadow: 1px 1px 1px #333;cursor:pointer;vertical-align:middle;}
  .overlaypromo2 .unlock_vod input[type="submit"]:hover {border:solid 1px #fff;}
  .overlaypromo2 #unlock_vod #mp_msg {font-size:12px;color:red;}
  .overlaypromo2 .unlock_forfait {padding:3px 10px;}.unlock_forfait p {padding:0;margin:2px;}
  .overlaypromo2 #unlock_forfait h7 i {font-size:11px;font-style:normal;}
  .overlaypromo2 .unlock_forfait a {display:block;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#70A91D;border:solid 1px #70A91D;color:#fff;font-size:15px;text-align:center;margin:15px 5px 5px 5px;padding:8px 20px;font-weight:bold;text-shadow: 1px 1px 1px #333;cursor:pointer;vertical-align:middle;text-decoration:none;}
  .overlaypromo2 .unlock_forfait p {line-height:20px;text-align:justify;}
  .overlaypromo2 .unlock_forfait span {font-weight:normal;color:#eee;}
  .overlaypromo2 .unlock_forfait a:hover {border:solid 1px #fff;}
  .overlaypromo2 .unlock_forfait .login {font-size:10px;padding:6px;background:#111111;color:#ccc;}
  .overlaypromo2 .unlock_forfait input {font-size:10px;padding:2px 3px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:2px;border:solid 1px #999;}
  .overlaypromo2 .unlock_forfait input[type="text"],.unlock_forfait input[type="password"] {background:#e7e7e7;color:#666666;}
  .overlaypromo2 .unlock_forfait input[type="submit"] {background:#ccc;color:#333;}
  .overlaypromo2 span.aboexpire {font-size:12px;color:#ff0000;}

  .overlaypromo2 .audiotelfr {display:block;width:220px;margin:auto;text-align:left; font-size:20px; font-weight:bold; letter-spacing:-1px; color:#000; padding-left:5px; background-image:url(/img/audiotelfr.png); background-size:cover;background-repeat:none;line-height:27px;}

  .formules {max-width:1380px;margin:0 auto !important;}
  .formules .joinemail {padding:10px 15px;font-size:15px;width:590px;max-width:85%;text-align:center;margin:0px;}
  .joinpass {padding:10px 15px;font-size:15px;width:590px;max-width:84%;text-align:center;margin:0px;background:#eee;border:solid 1px #ccc;}
  .formules label {display:inline;cursor:pointer;}
  .formuleabo {margin:0 5px 15px;border:solid 1px;border-radius:8px;padding:0;text-align:center;}
  .formuleabo:hover {border:solid 3px;margin:0 3px 15px;}
  .formuleabohead {font-size:18px;letter-spacing:-1px;font-weight:bold;border-radius:6px;padding:5px;line-height:60px;}
  .formuleabo:hover .formuleabohead {font-size:18px;letter-spacing:-1px;font-weight:bold;border-radius:4px;padding:5px;padding-top:3px;}
  .formuledetail {font-size:14px;letter-spacing:0px;font-weight:normal;padding:5px 15px;line-height: 25px;}
  .formuleprice {font-size:18px;letter-spacing:-1px;font-weight:bold;padding:0px 5px;min-height:60px;}
  .formuleprice strong {font-size:24px;}
  .formulepricedetail {font-size:14px;letter-spacing:0px;font-weight:normal;padding:5px;}
  .formuledetail .formulepricedetail {margin:0 5px;}
  .formulepromo {font-family:'Open Sans';padding:0 10px;background:yellow;color:red;font-size:13px;font-weight:bold;margin:0px 10px 0;line-height:30px;border-top-left-radius:6px;border-top-right-radius:6px;text-align:center}
  .formulepromotext {font-family:'Open Sans';padding:5px;background:yellow;color:red;font-size:13px;font-weight:bold;border-radius:5px;display: inline-block;margin-top: 5px;}
  .formulenopromo {font-family:'Open Sans';padding:0 10px;background:transparent;color:transparent;font-size:13px;font-weight:bold;margin:0px 10px 0;line-height:30px;border-top-left-radius:6px;border-top-right-radius:6px;text-align:center}
  .formules button[type=submit] {font-family:'Open Sans';width:600px;max-width:90%;margin:auto;text-align:center;font-size:12px;letter-spacing:0px;border-radius:6px;border:0;padding:5px;}
  .formules button[type=submit] strong {font-size:24px;letter-spacing:-1px;}

  .benefits {padding:0 20px;font-family: 'Open Sans';font-size: 14px;text-align:center;}
  .benefit {padding:10px 20px !important;}
  .benefits h3 {letter-spacing:-1px;}


  #pagination {clear:both;height:70px;margin:5px auto;text-align:center;}
  #pagination .pag {display:inline;margin:3px;padding:6px 8px 6px 8px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;text-decoration:none;}
  #pagination .pag {background:#FFFFFF;border:solid 1px #D0D0D0;color:#666666;}
  #pagination .pag:hover {font-weight:bold;}
  #pagination .pag:hover {color:#2976A5;}
  #pagination .pagactiv {display:inline;margin:3px;padding:6px 8px 6px 8px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;}
  #pagination .pagactiv {background:#FFFFFF;border:solid 1px #D0D0D0;color:#000000;}

  #footer {font-family: 'Open Sans',sans-serif;font-size:12px !important;line-height:20px;font-weight:normal;}
  #footer .logo {max-width:90%;}
  

  #back-to-top {position: fixed;bottom:40px;right:40px;z-index: 9999;width: 32px;height: 32px;text-align: center;line-height: 30px;background:rgba(0,0,0,0.7);color: #ccc;font-size:20px;font-weight:bold;cursor: pointer;border: 0;border-radius: 5px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;}
  #back-to-top:hover {background: #000;color:#fff;}
  #back-to-top.show {opacity: 1;}
  @media (max-width:768px) {
   #back-to-top {position: fixed;bottom:5px;right:5px;width:42px;height:42px;line-height:38px;}
  }
 

  .glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
  }
  @-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
  }

 @media (min-width:1590px) {
   .thumblive img {max-height:210px;}
  }
  @media (max-width:1024px) {
   .slogan {letter-spacing:-1px;}
   .slogan strong {letter-spacing:-2px;}
  }
  @media (max-width:1440px) {
   .slogan {letter-spacing:-2px;}
   .slogan strong {letter-spacing:-4px;}
  }
  @media (max-width:768px) {
   .slogan {letter-spacing:0px;font-size:16px;}
   .slogan strong {letter-spacing:-1px;font-size:6vw;line-height:7vw;text-transform:uppercase;}
  }
  @media (max-width:1590px) {
   .thumblive img {max-height:280px;}
  }

  @media (min-width:1280px) {
   #videoinfos {font-size:12px;}
   #videoinfos .description {font-size:14px;}
  }
  @media (max-width:1280px) {
   .first .thumb .overlaytitre {padding:0px 0px 0px 0px;}
   .containercontent h1.index {font-size:30px;}
  }
  @media (max-width:1024px) {
   #lfappresents,#mobilecompatible,.sidebar {display:none !important;} /**/
   header #mobilecompatible,header #mobilecompatible_fr,header #mobilecompatible_en {display:none;}
   .containercontent {padding:15px 25px 15px 25px !important;width:100%;}
   .containercontent h1.index {font-size:26px;}
   .hidehead #bigheader #logosmall {height:20px;margin:5px 15px;}
   .first .thumb .overlaytitre2 {padding:5px;}
   #headjoin .btn-success{font-weight:bolder;margin-left:5px;padding:10px 16px 10px 16px;}
  }
  /*@media (min-width:768px) {
    .hidehead #bigheader #logosmall {display:block;}
  }*/
  @media (max-width:900px) {
  //.containercontent h2 .pull-right {line-height:60px;}
  }
  @media (max-width:767px) {
   .sidebar {display:none !important;}
   header {display:block !important;}
   header #mobilecompatible,header #mobilecompatible_fr,header #mobilecompatible_en {display:none;}
   header .joinmobile {display:block;float:right;font-size:18px;margin:10px;}
   body.topmargin, .modal-backdrop, .modal {margin-top:75px !important;}
   body.topmargin .modal-backdrop {margin-top:59px !important;}
   body.topmargin .modal {margin-top:59px !important;padding-top:15px;}
   .hidehead #bigheader {display:block;height:38px;}
   /*.hidehead #bigheader #logosmall {height:20px;margin:5px 15px;} */
   .navbar {max-height: none;}
   .navbar-collapse #logosmall {display:none !important;}
   .slogan {display:none !important;}
   .searchbox {display:none !important;}
   #logo,#logosmall { float:left; width:60% !important;clear:none !important;margin:15px 5px 0 5px !important;}
   .navbar-toggle { float:left;margin:5px 0 5px 5px;padding: 9px 10px 9px 0;}
   .navbar {min-height: 0px;}
   .navbar-collapse li,.navbar-collapse li.acces,.navbar-collapse li.login {float:none !important;display:block;}
   .containercontent {padding:15px !important;width:100%;}
   .containercontent h2 .pull-right {line-height:60px;}
   .thumb .overlaytitre {padding:0px 7px 62px 7px;}
   .thumb .overlaytitre2 {padding:7px 10px 33px;}
   .thumbstar .overlaytitre {padding:0px 7px 52px 7px;}
   .thumbstar .overlaytitre2 {padding:15px 10px 15px;}
   #headjoin .btn-success,#headlogin .btn-warning{font-weight:bolder;margin-left:5px;padding:15px 10px 5px 10px;margin-top:10px;}
   .input-group {position: relative;display: block;border-collapse: separate;max-width: 100%;}
   .input-group .form-control, .input-group-addon, .input-group-btn {display: block;float: left;padding: 14px 10px !important;width: auto;}
  }
  @media (max-width:600px) {
   .sidebar {display:none !important;}
   header {display:block !important;}
   header #mobilecompatible,header #mobilecompatible_fr,header #mobilecompatible_en {display:none;}
   header .joinmobile {display:block;float:right;font-size:14px;margin:5px 0 0 0 ;}
   body.topmargin, .modal-backdrop, .modal {margin-top:55px !important;}
   body.topmargin .modal-backdrop {margin-top:55px !important;}
   body.topmargin .modal {margin-top:55px !important;padding-top:15px;}
   .hidehead #bigheader {display:block;height:38px;}
   .hidehead #bigheader #logosmall {height:20px;margin:5px 15px;}
   .container,.containercontent {padding-right:0px;padding-left:0px;padding:5px 5px 0 5px !important;}
   header .container {padding:5px 5px 0 5px !important;}
   .navbar-toggle { float:left;margin:5px 0 5px 0px;padding: 9px 10px 9px 0;}
   .containercontent {padding:5px 0px !important;}
    .col-xs-12,.col-md-12,.col-xs-6 {padding-left:1px !important;padding-right:1px !important;}
   .containercontent h1 {font-size:26px;line-height: 26px;margin: 5px 0 10px 0;}
   .containercontent h2 {font-size:20px;line-height: 20px;margin:5px 5px 10px 5px;}
   .containercontent h2 .pull-right {line-height:60px;}
   .containercontent h2 span {line-height: 20px;border-bottom:0;}
   #logo {max-width:45% !important;background-size:contain;height:40px !important;margin:5px 5px 0 0px !important;}
   #logosmall {max-width:45% !important;background-size:contain;height:15px !important;margin:15px 5px 0 0px !important;}
   .thumb .overlaypromo,.thumb .overlaypromo2,.slogan,.searchbox {display:none;}
   .thumb .overlaytitre2 .video_title {font-size:13px !important;line-height:16px !important;height:16px !important;max-height:16px;}
  .thumbnail {margin-bottom:10px;}
  .col-xl-5ths {padding-left:5px !important;padding-right:5px !important;}
  .thumbstar .overlaytitre{padding:0px 3px 42px 3px !important;}
   .formuleabo,.formuleabo.focus {margin:0 0 15px 0;}
   .thumb .new2 {left:8px !important;font-size:10px;}
   .thumb .hd,.thumb.shd2,.thumb .video_duree,.thumb .video_pouce,#contentstars .pull-right {right:5px !important;display:none;}
  .blocvideomore .new, .blocvideomore .new2,.blocvideomore .thumb .new3,.blocvideomore  .thumb .hd,.blocvideomore .thumb .shd,.blocvideomore .thumb .shd2,.blocvideomore .video_duree,.blocvideomore .video_pouce,.blocvideomore .thumb .starring,.blocvideomore .thumb .video_date {display:none;}
  .blocvideomore .thumb .overlaytitre2 .video_title {font-size:12px !important;line-height:14px !important;height:28px !important;max-height:28px;white-space:normal !important;}
  .blocvideomore .thumb .overlay {height:70% !important;display:block !important;background-size:20% !important;}

  .formuleabo,.formuleabo.focus{width: 31%;float:left;margin: 0px 3px 15px !important;padding: 10px 2px 0;}
  .formuleabo input[type="radio"] {display:none;}
  .formuleaboside {float: left;font-size: 18px;letter-spacing:-1px;line-height:16px !important;text-align:center !important;max-width:99% !important;}
  .formuledetail{text-align:center !important;padding: 10px 0 5px !important;line-height:10px !important;font-size: 10px;letter-spacing:0px;font-weight:normal;height:50px;}
  .formulepromo{display:none;}
  .formuleprice{float:none;clear:left;padding:0;font-size: 14px;letter-spacing:-1px;font-weight:normal; padding:0 10px !important;}
  .formuleprice strong {font-size: 24px;line-height: 28px;}
  .formuleblock h2 {border-bottom:0;}


  }
  @media (min-width:1281px) {
   .navbar .visible-xl {display:inline-block !important;}
  }


.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths,.col-xl-5ths {position: relative;min-height: 1px;padding-right: 10px; padding-left: 10px;}
.col-xs-5ths {width: 20%;float: left;}
@media (min-width: 768px) {.col-sm-5ths {width: 20%;float: left;}}
@media (min-width: 992px) {.col-md-5ths {width: 20%;float: left;}}
@media (min-width: 1200px) {.col-lg-5ths {width: 20%;float: left;}}
@media (min-width: 1600px) {.col-xl-5ths {width: 20%;float: left;}}

.col-xs-6ths,.col-sm-6ths,.col-md-6ths,.col-lg-6ths,.col-xl-6ths {position: relative;min-height: 1px;padding-right: 10px; padding-left: 10px;}
.col-xs-6ths {width: 16.6%;float: left;}
@media (min-width: 768px) {.col-sm-6ths {width: 16.6%;float: left;}}
@media (min-width: 992px) {.col-md-6ths {width: 16.6%;float: left;}}
@media (min-width: 1200px) {.col-lg-6ths {width: 16.6%;float: left;}}
@media (min-width: 1600px) {.col-xl-6ths {width: 16.6%;float: left;}}


.col-xl-7ths,{width: 60%;float: left;}
@media (min-width: 768px) {.col-sm-7ths {width: 60%;float: left;}}
@media (min-width: 992px) {.col-md-7ths {width: 60%;float: left;}}
@media (min-width: 1200px) {.col-lg-7ths {width: 60%;float: left;}}
@media (min-width: 1600px) {.col-xl-7ths {width: 60%;float: left;}}

.col-xl-8ths,{width: 12.5%;float: left;}
@media (min-width: 768px) {.col-sm-8ths {width: 12.5%;float: left;}}
@media (min-width: 992px) {.col-md-8ths {width: 12.5%;float: left;}}
@media (min-width: 1200px) {.col-lg-8ths {width: 12.5%;float: left;}}
@media (min-width: 1600px) {.col-xl-8ths {width: 12.5%;float: left;}}

@media (min-width: 600px) and (max-width:768px) {.col-xs-12 {width: 50% !important;float: left;}.col-xs-13 {width: 100% !important;float: left;}.col-xs-6 {width: 33% !important;float: left;}}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 5px;
    padding-left: 5px;
}

@media screen and (max-width: 768px) {.visible-xs-inline {display: inline-block; !important}.visible-sm-inline {display: inline-block; !important}}
@media screen and (min-width: 768px) {.visible-xs-inline {display: none; !important}.visible-sm-inline {display: none; !important}}