#sousmenu{background:#F2F2F2;text-align:center;}
#sousmenu a, #sousmenu h1{display:inline-block;vertical-align:middle;padding:4px 4px;margin:8px 6px;text-decoration:none;color:#000;text-transform:uppercase;font-size: 14px;font-weight:normal;}
#sousmenu h1:before{display:none;}
#sousmenu a:hover, #sousmenu a.sel{padding-bottom:3px;color:#0073C7;border-bottom: solid 1px #0073C7;}
#sousmenu .sep{display:inline-block;vertical-align:middle;height: 12px;border-right: solid 1px #000;}

#sousmenu img{max-height:50px;}

.bloc_photo_cli{display:inline-block;vertical-align:top;width:100px;text-align:center;margin-right: 20px;}
.bloc_photo_cli .img{padding:8px;}
.bloc_photo_cli img{max-width:75px;max-height:75px;}
.bloc_photo_cli a{color: #000;font-size: 12px;}

.h2 .before{min-width:120px;}

#bloc_solde, .bloc_solde{margin-top: 15px;padding:8px;border:solid 1px #0073C7;color:#0073C7;text-align:center;font-size:28px;}
#bloc_solde .info_expire{color:#999;font-size:16px;}
#bloc_solde .solde, .bloc_solde .solde{font-weight:bold;}
#bloc_solde .libelle, .bloc_solde .libelle{display:inline-block;vertical-align:middle;margin-right:20px;min-width: 260px;margin-left: 80px;}
#bloc_solde .img, .bloc_solde .img{
   display: inline-block;
   vertical-align: middle;
   border-radius: 60px;
   width: 60px;
   height: 60px;
   line-height: 60px;
   background: #0073C7;
}
#bloc_solde .img img, .bloc_solde .img img{vertical-align: text-bottom;}
#bloc_solde .sprite{vertical-align: text-bottom;}
#btn_depense{
   text-decoration: none;
   background: #0073C7;
   color: #FFF;
   font-size: 22px;
   display: inline-block;
   padding: 2px 20px 6px 20px;
}
#bloc_resa_avis{margin:20px 0px;text-align: center;}
#bloc_resa_avis .bloc{position:relative;width: 378px;display:inline-block;vertical-align:top;margin-top: 15px;border:solid 1px #0073C7;color:#0073C7;text-align:center;}
#bloc_resa_avis .bloc:first-child{margin-right:20px;}
#bloc_resa_avis .bloc a{text-decoration:none;color:#0073C7;display: block;padding:20px 8px;}
#bloc_resa_avis .bloc .titre{display:block;text-align:left;text-transform:uppercase;font-size:22px;}
#bloc_resa_avis .bloc .soustitre{display:block;text-align:left;font-size:18px;margin: 10px 0px 10px 30px;}
#bloc_resa_avis .bloc .last{display:block;color: #000;text-align: right;font-size: 11px;font-style: italic;margin-top: 17px;margin-bottom: -18px;}
#bloc_resa_avis .bloc .todo{
   display:block;
   background: #008655;
   position: absolute;
   color: #FFF;
   padding: 4px 8px;
   font-size: 13px;
   font-weight: bold;
   right: -1px;
   top: -12px;
}

#blocfid_soc{padding:8px;border:solid 1px #0073C7;color:#0073C7;text-align:center;font-size:16px;}
#blocfid_soc a{margin:15px 10px;}


#fidelite_actu{position:relative;text-align:center;height:190px;overflow:hidden;margin-top: 40px;}
#fidelite_actu .fidelite_actu{position:relative;text-align:center;height:190px;}
#fidelite_actu .vignette{position:absolute;display:block;height:190px;margin:0px;}
#fidelite_actu .titre{
   position: relative;
   vertical-align: middle;
   display: inline-block;
   text-decoration: none;
   color: #0073C7;
   padding: 8px 20px;
   font-size: 28px;
   background: rgba(255, 255, 255, 0.75);
   margin-top: 70px;
}
#fidelite_actu a{
   display: inline-block;
   margin-left: -50px;
   position: relative;
   background: #0073C7;
   color: #FFFFFF;
   font-size: 20px;
   padding: 10px 8px;
   text-decoration: none;
   position: relative;
   top: 86px;
}
#fidelite_actu a:hover{
   background: #198ce0;
}

#iframe_fidelite{margin:20px 0px;}
#iframe_fidelite iframe{border:none;width:100%;height: 550px;}
#iframe_fidelite.historique iframe{height: 350px;}

#link_corpo{
   background: #0073c7;
   color: #FFF;
   padding: 8px;
   font-weight: bold;
   border-radius: 4px;
}
table.classic{
   width:100%;
   color: #333;
   margin:10px auto;
   position: relative;
   z-index: 10;
   border-spacing: 0px;
}
#content table.classic a{color:#333;}
table.classic th{
   background-color:#0074c8;
   color:#FFFFFF;
   padding:5px 7px;
   font-family:arial,helvetica,sans-serif;
   font-size: 10pt;
   border-bottom: solid 2px #FFF;
   font-weight: bold;
}
table.classic th.no_border{border-bottom: none;}
table.classic td{
   background-color:#efeded;
   padding: 4px 3px;
   transition:all 0.5s;
}
table.classic tr:nth-child(even) td{background-color:#d4d4d4;}
table.classic.coldiff tr:nth-child(even) td:nth-child(even){background-color:#C5C5C5;}
table.classic.coldiff tr:nth-child(odd) td:nth-child(even){background-color:#e2e1e1;}

table.classic.coldiff tr:first-child th:nth-child(odd){background-color:#128ce4;}
table.classic.coldiff tr:nth-child(odd) th:first-child{background-color:#128ce4;}
#all table.classic.coldiff .total{
   background: #1db765;
   font-size: 16px;
   padding: 4px 8px;
   color: #FFF;
}
#all table.classic.coldiff tr:nth-child(odd) .total{background: #6cd59e;}

.choose_freenight{margin: 97px 0px;}
.choose_freenight input{white-space:normal;width:auto;}

/* Application */
@font-face {
   font-family: 'HaloHandletter';
   src: url('/fonts/HaloHandletter.eot');
   src: url('/fonts/HaloHandletter.eot') format('embedded-opentype'),
   url('/fonts/HaloHandletter.woff2') format('woff2'),
   url('/fonts/HaloHandletter.woff') format('woff'),
   url('/fonts/HaloHandletter.ttf') format('truetype'),
   url('/fonts/HaloHandletter.svg#HaloHandletter') format('svg');
}
.wait{
   display:none;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -16px;
   margin-top: -16px;
}
#btn_jouer{text-align:center;position:relative;width:150px;margin:10px auto;cursor:pointer;}
#btn_jouer .img{
   width:150px;
   text-transform: uppercase;
   background: #0074c8;
   color: #FFF;
   font-size: 25px;
   padding: 8px 0px;
   display: inline-block;
}
#gif_gain{display:none;text-align:center;font:40px "HaloHandletter";color:#0073C7;margin-bottom: 20px;margin: 10px auto;}
#machine_bg{
   position: relative;
   margin: auto;
   width: 385px;
   height: 212px;
   background: url(/img/app/bandit-manchot.png);
   text-align: center;
   padding: 126px 51px 0px 0px;
   transform: translateX(28px);
}
#machine{position:relative;margin:auto;width:266px;height:179px;padding: 0px 10px;background:url(/img/app/machine.png);text-align:center;}
#machine_deco{z-index:50;left:0px;top:0px;margin-left:0px;position:absolute;width:286px;height:179px;background:url(/img/app/machine_deco.png);}
#machine .rouleau{
   width: 33%;
   height: 154px;
   position: relative;
   top: 13px;
   display: inline-block;
   vertical-align: top;
   overflow: hidden;
}
#machine .rouleau .scroll{position:relative;}
#machine .rouleau .bloc{line-height:50px;height: 50px;overflow: hidden;}
#machine .rouleau .bloc img{width:40px;vertical-align: middle;}
#machine .rouleau .sep{background:url(/img/app/sep.png);margin:auto;height:2px;width:30px;}

@media all and (max-width:800px){
   #bloc_resa_avis .bloc:first-child{margin-right:0px;}
   .bloc_home .bloc_article .article.small{margin:10px 7px;}
}
@media all and (max-width:640px){
   .choose_freenight {margin: 54px 0px;}
}
@media all and (max-width:600px){
   .bloc_photo_cli{display:none;}
}
@media all and (max-width:500px){
   #sousmenu .sep{display:block;border:none;height:5px;}
   #sousmenu a, #sousmenu h1{margin:0px;}
}
@media all and (max-width:420px){
   #bloc_resa_avis .bloc{width:280px;}
}