body { background: linear-gradient(rgb(69, 72, 77) 0%, rgb(0, 0, 0) 100%); }
@font-face { font-family: bestari; src: url("https://tracksclub.org/bestari/bestari_bold-webfont.woff") format("woff"), url("Bestari regular.otf") format("otf"); font-weight: normal; font-style: normal; }
@font-face { font-family: bestari_it; src: url("https://tracksclub.org/bestari/bestari_bold_italic-webfont.woff") format("woff"), url("Bestari Bold Italic.otf") format("otf"); font-weight: normal; font-style: normal; }
p.wrong { color: red; }
.true {


  color:green;
  font-style: italic;
  font-size: 0.75em;

}
  #loader-overlay {
    position: fixed;
    z-index: 9999; /* Toujours au-dessus */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff; /* blanc ou autre couleur */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Animation de chargement (spinner) */
  .spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
  }

  @keyframes spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
  }
html, body { overflow-x: hidden; }
form h2 p { color: white; }
#details .tusdatos .formchange { display: none; }
label.arrow { margin-left: 6px; height: 17px; }
label.error { height: 17px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(153, 24, 44); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(153, 24, 44); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(153, 24, 44); margin-left: 9px; padding: 1px 5px 0px; font-size: small; }
.block_img li { text-align: center; }
.block_img li p { margin-bottom: 3px; }
.arrowError { position: absolute; width: 6%; transform: rotate(91deg); right: 30%; }
.bebida li { list-style: none; font-size: xxx-large; }
.bebida ul { font-size: xxx-large; }
.close { }
.month2 ul { margin-bottom: 10%; }
.month, .month2 { border: solid; color: white; padding: 10px; background-color: black; }
.month li, .month2 li { list-style: none; margin: auto; text-align: center; font-weight: bolder; font-size: larger; }
.month .info, .movil, .month2 .info { display: none; }
.month.display .info, .month.display .ano, .month.display .monthBis, .month.display .weeks, .clicksem.disp .graphDisp, .month2.display .info { display: block; }
.month.display .nomsEv, .month2.display .nomsEv { display: block; }
.nomsEv .formResult { display: none; }
.canvasGraph { width: 50px; }
.month .monthBis, .month .ano, .month .weeks, .graphDisp { display: none; }
.nomsEv.out .formResult, .formResult.out { display: block; color: white; }
.pub { background-color: grey; text-align: center; }
.info2 li { border: solid; display: none; }
.consult { text-align: center; font-size: larger; font-weight: bolder; margin-bottom: 30px; }
.consult a { font-size: medium; }
.info2.out li { display: block; }
.tusdatos { border: 13px solid; }
#details .tusdatos li { margin-top: 20px; }
.djs li { }
#details .tusdatos h3 { }
.titulotema{
        /* border:solid; */
        margin: auto;
        border-color: darkred;
        background-color: white;
        color: black;
    
    }
#dj_res{
        margin-top: 20px;
        border-top: solid;
    
    }
.concour {

  font-size:2em;

}
.djs .tusdatos li { border: medium; }
#details .tusdatos a { color: yellow; }
#blocked { position: absolute; z-index: 9999; margin-top: 14%; }
#blocked form { background: none; border: medium; box-shadow: none; }
#blocked form ul li { padding: 0px; }
#blocked form ul li label { border: solid; background-color: grey; text-align: center; font-size: xxx-large; margin-left: 0px; color: black; text-shadow: none; border-radius: 20px; padding-top: 16px; margin-top: 0px; }
#blocked form ul li input { height: 45px; margin-top: 0px; border-radius: 20px; }
#blocked form button { background-color: red; border: solid; border-radius: 60px; height: 40px; margin-left: 0px; color: seashell; }
form h2 { font-family: bestari; margin-top: 6%; margin-bottom: 8%; }
.tiles { background: none; border: 1px dashed rgb(255, 255, 255); width: 400px; margin: 4% auto 0px; transform-style: preserve-3d; }
.asMenu li ul li a { font-family: bestari; font-size: medium; font-weight: bold; }
.asMenu ul.supp { z-index: 15; }
.tiles::after { visibility: hidden; font-size: 0px; content: " "; clear: both; height: 0px; }
.tiles div { float: left; background: red; width: 40px; height: 40px; box-shadow: rgb(0, 0, 0) 0px 0px 10px inset; }
* { margin: 0px; padding: 0px; }
.bouton_serv a { color: rgb(110, 1, 12); }
.resultTick { border-style: solid; border-color: currentcolor; border-image: url("images/borderImg.png") 30 round; border-width: 10px; background-color: white; color: black; }
.djs .touch { border: solid; }
.bouton_serv { border: solid; background-color: rgb(78, 78, 78); display: block; }
strong { color: green; font-size: 40px; margin-left: 50%; margin-top: 10%; }
label.arrow { margin-left: 6px; height: 17px; }
label.error { height: 17px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(153, 24, 44); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(153, 24, 44); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(153, 24, 44); margin-left: 9px; padding: 1px 5px 0px; font-size: small; }
.arrowError { width: 10%; }
#details .back { position: relative; }
#details .back p { font-size: 10px; position: absolute; }
#open_preferences_center { margin-top: 102px; }
.container_block { margin-left: 50px; }
ul, ol { list-style: none; }
table { border-spacing: 0px; }
a img, fieldset { border: medium; }
.check h1 { text-align: center; }
#ristourn p { font-size: 20px; color: rgb(222, 185, 18); }
#ristourn h4 { font-size: 45px; margin-bottom: 10%; margin-top: 5%; color: rgb(222, 185, 18); animation: 700ms infinite rist; transform-origin: right bottom; }
@keyframes rist { 
  0% { color: white; }
  50% { color: rgb(222, 185, 18); }
  100% { color: black; }
}
#prix h2 { font-size: 4em; color: white; }
#prix h3 { font-size: 2em; }
.clear { clear: both; }
.radio h1 { text-align: center; border: solid; margin-top: 10%; margin-right: 40%; margin-left: 40%; }
.asHeader h7 a, .asHeader h9 a { color: white; float: right; padding: 5px; margin-top: 100px; background-color: black; }
#shopping-cart { margin: 40px; }
#product-grid { margin: 40px; }
#shopping-cart table { width: 100%; background-color: rgb(240, 240, 240); }
#shopping-cart table td { background-color: rgb(255, 255, 255); }
.txt-heading { color: rgb(33, 26, 26); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(224, 224, 224); overflow: auto; }
#btnEmpty { background-color: rgb(255, 255, 255); border: 1px solid rgb(208, 0, 0); padding: 5px 10px; color: rgb(208, 0, 0); float: right; text-decoration: none; border-radius: 3px; margin: 10px 0px; }
.btnAddAction { padding: 5px 10px; margin-left: 5px; background-color: rgb(239, 239, 239); border: 1px solid rgb(224, 224, 224); color: rgb(33, 26, 26); float: right; text-decoration: none; border-radius: 3px; cursor: pointer; }
#product-grid .txt-heading { margin-bottom: 18px; }
.product-item { float: left; background: rgb(255, 255, 255); margin: 30px 30px 0px 0px; border: 1px solid rgb(224, 224, 224); }
.product-image { height: 155px; width: 250px; background-color: rgb(255, 255, 255); }
.clear-float { clear: both; }
.demo-input-box { border-radius: 2px; border: 1px solid rgb(204, 204, 204); padding: 2px 1px; }
.tbl-cart { font-size: 0.9em; }
.tbl-cart th { font-weight: normal; }
.product-title { margin-bottom: 20px; }
.product-price { float: left; }
.cart-action { float: right; }
.product-quantity { padding: 5px 10px; border-radius: 3px; border: 1px solid rgb(224, 224, 224); }
.product-tile-footer { padding: 15px 15px 0px; overflow: auto; }
.cart-item-image { width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgb(224, 224, 224); padding: 5px; vertical-align: middle; margin-right: 15px; }
.no-records { text-align: center; clear: both; margin: 38px 0px; }
#caddie { list-style: none; }
#cadie { text-align: right; }
#cadie li { display: block; margin-bottom: 20px; }
#cadie .nombre_cad { margin-top: -10px; text-align: left; }
#caddie img { margin-top: -10px; }
.asHeader h7 a img { width: 10%; margin-left: 50px; }
.asHeader h9 a { float: right; padding: 10px; text-align: right; border: solid; background-color: rgb(190, 189, 185); color: rgb(85, 77, 0); }
input { outline: currentcolor; }
textarea { resize: none; }
html { height: 100%; }
body { font-style: normal; font-variant-caps: normal; font-width: normal; font-size: 18px; line-height: normal; font-family: Arial, Helvetica, sans-serif; font-size-adjust: none; font-kerning: auto; font-variant-alternates: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-position: normal; font-variant-emoji: normal; font-feature-settings: normal; font-optical-sizing: auto; font-variation-settings: normal; color: rgb(255, 255, 255); font-weight: 700; background: url("images/nbackgroundB.png") no-repeat fixed rgb(0, 0, 0); max-width: 100%; }
.noentry h3 { font-size: 2em; border: solid; margin-left: 30%; margin-right: 30%; text-align: center; background: rgba(0, 0, 0, 0.5); border-radius: 10px; }
form { font-size: 1em; border: 10px outset rgb(145, 51, 2); text-align: center; margin-left: 20%; margin-right: 20%; border-radius: 20px; box-shadow: rgb(9, 10, 9) 5px 5px; background-color: black; padding: 10px; }
input, textarea { text-align: right; margin-top: 20px; margin-left: 10%; border: 4px solid black; }
#client { width: 50%; }
form button, #form button { width: 200px; height: 120px; background: url("images/roue_2.PNG") left top no-repeat rgba(0, 0, 0, 0); font-size: 1.5em; border: medium; color: yellow; text-shadow: black 2px 2px; }
.activeT .asColumn2n { display: block; animation-name: turn, slideD; animation-duration: 0.5s, 0.5s; animation-iteration-count: 1, 1; animation-fill-mode: forwards, forwards; animation-timing-function: ease-in-out, ease-in-out; animation-delay: 0.5s, 1s; }
.activeT .asColumn1n { display: block; animation-name: slideG, turn; animation-duration: 0.5s, 0.5s; animation-iteration-count: 1, 1; animation-fill-mode: forwards, forwards; animation-timing-function: ease-in-out, ease-in-out; animation-delay: 0.5s, 1s; }
@keyframes turn { 
  0% { transform: rotateY(20deg); }
  80% { transform: rotateY(180deg); }
  100% { transform: rotateY(360deg); }
}
@keyframes slideG { 
  0% { transform: translateX(0%); }
  50% { transform: translateX(25%); }
  100% { transform: translateX(50%); }
}
@keyframes slideD { 
  0% { transform: translateX(0%); }
  50% { transform: translateX(-25%); }
  100% { transform: translateX(-50%); }
}
form button:hover, #form button:hover { color: red; animation: 300ms ease-in-out forwards rotOut; }
@keyframes rotOut { 
  0% { transform: rotate(20deg); }
  80% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}
label { color: rgb(242, 226, 230); text-shadow: rgb(160, 0, 13) 3px 3px; }
p { padding-bottom: 12px; }
a { color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; }
.asWrap { margin: 0px auto; }
.asHeader { margin: 0px; }
.asHeader h1 { padding-top: 24px; }
.asHeader h1 a { font-size: 36px; color: rgb(255, 255, 255); }
#butradio { font-size: 1.6em; border-radius: 100px; padding: 10px; background-color: rgb(18, 17, 17); box-shadow: rgb(179, 181, 181) 0px 0px 4px 4px; border: outset rgb(252, 0, 6); font-weight: 600; color: white; position: relative; margin-top: -10%; margin-left: 120px; }
#butradio:hover { background-color: white; color: rgb(18, 17, 17); background-image: radial-gradient(circle, white, rgb(150, 152, 152), rgb(252, 0, 6)); }
.firstCat ul li, .secondCat ul li { border: solid black; color: black; background-color: wheat; text-align: center; }
.secondCat img, .firstCat img { width: 33%; }
#cerveza, #licores, #refrescos { display: none; }
#cerveza.display, #licores.display, #refrescos.display { display: block; }
.containerCalcul { background: rgb(0, 0, 0); padding: 25px; width: 350px; border-radius: 10px; }
.calc-text { margin-bottom: 20px; padding-left: 5px; }
.barcanvas { background-color: grey; }
.calc-text p { width: 100%; font-size: 3.5rem; text-align: end; background: none; color: rgb(255, 255, 255); border: medium; outline: currentcolor; overflow-wrap: break-word; word-break: break-all; }
button { background: rgb(51, 49, 49); color: rgb(255, 255, 255); font-size: 1.5rem; border: outset; border-radius: 70%; cursor: pointer; height: 65px; width: 65px; }
button:active, button:focus { filter: brightness(120%); }
button:hover { background-color: whitesmoke; }
.calc-keys { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px 10px; }
.key-zero { grid-column-start: span 2; grid-column-end: auto; width: 100%; border-radius: 30px; }
.key-operate { background: rgb(255, 149, 1); }
.key-others { background: rgb(166, 166, 166); color: rgb(0, 0, 0); }
.asHeader span { font-size: 16px; color: rgb(255, 255, 255); }
.asHeader img { background-color: rgb(0, 0, 0); }
#radio_log img { float: right; width: 70%; margin-top: 10%; margin-right: 15%; z-index: 5; }
#prog_mes, th { border: solid; text-align: center; }
#prog_mes, td { border-left-width: medium; border-left-style: solid; border-left-color: currentcolor; border-right-width: medium; border-right-style: solid; border-right-color: currentcolor; }
#prog_mes, th, td { width: 14%; }
td img { max-width: 20%; }
#prog_mes { width: 100%; }
#prog_mes h5 { font-size: 1.7em; }
#comprar li h4 { font-size: 0.7em; margin-right: 20%; margin-left: -10px; background-image: linear-gradient(to right, rgb(31, 31, 31), rgb(0, 0, 0)); }
#comprar select { margin-right: 20%; margin-left: -10%; }
.place button { font-family: bestari_it; color: black; border-width: 5px; border-radius: 10px; font-weight: bold; font-size: 20px; margin-left: 80px; margin-bottom: -180px; position: absolute; z-index: 1; box-shadow: black 10px 10px; }
.asMenu { background: linear-gradient(to right bottom, rgb(76, 76, 76) -1%, black 100%); border: 4px solid rgb(14, 13, 13); border-radius: 5px; position: fixed; top: 0px; left: 10%; z-index: 99; box-shadow: dimgrey 1px -4px 14px 11px; margin: 10px; padding-right: 25px; }
.asMenu li { z-index: 10; position: relative; list-style: none; }
.asMenu a { position: relative; text-align: center; font-size: 36px; color: rgb(255, 255, 255); z-index: 10; }
nav ul { list-style: none; padding: 0px; margin: 0px; color: white; }
nav ul ul { margin: 0px; padding: 0px 0px 15px; border-radius: 10px; border: solid; outline: white; background-image: linear-gradient(rgb(32, 32, 32), black); }
nav ul li { padding: 0px; }
nav ul li li { padding: 0px; }
nav ul li a { float: left; padding: 10px; color: rgb(255, 255, 255); font-size: 0.95em; margin: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; letter-spacing: 1px; }
nav ul li ul li a { padding: 15px 0px; float: none; text-align: center; }
nav ul li a:hover { color: rgb(255, 255, 255); text-decoration: none; }
nav ul li.selected a, nav ul li.selected a:hover { color: rgb(255, 255, 255); font-weight: bold; }
nav ul li a:hover, nav ul li.sfHover a { color: rgb(255, 255, 255); }
nav ul li a.sf-with-ul:hover, nav ul li.sfHover a { color: rgb(255, 255, 255); }
nav ul li.sfHover ul a, nav ul ul { }
nav ul li.sf-with-ul.selected ul li a, nav ul li.selected.sfHover li a, nav ul li.sfHover a a, nav ul li.selected li a { font-weight: normal; }
nav ul li li a:hover { color: rgb(255, 255, 255); margin-left: 0px; }
#emoj { max-width: 50px; max-height: 37px; }
.emojlayout { }
ul.dropdown_menu-10.supp { position: absolute; z-index: 9999; right: 80%; }
.sf-menu, .sf-menu * { list-style: none; }
.sf-menu { line-height: 1; }
.sf-menu ul { position: absolute; padding: 3px; }
.sf-menu ul li {
        /* width: 112%; */
    
    }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 15px; z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: auto; top: 0px; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0px; }
@media screen and (min-width: 740px) {
  .movil { display: none; }
}
.dropdown { display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; }
.dropdown_menu { position: absolute; top: 0%; width: 100%; perspective: 1000px; display: none; z-index: 10; }
.dropdown_menu li { color: white; display: none; opacity: 0; }
.dropdown:hover .dropdown_menu--animated { display: block; }
.dropdown:hover .dropdown_menu li { display: block; }
.dropdown:hover .dropdown_menu li { display: block; }
.dropdown_menu { animation: 300ms ease-in-out forwards downOut; transform-origin: center top; }
@keyframes downOut { 
  0% { transform: scaleY(0); }
  80% { transform: scaleY(1.1); }
  100% { transform: scaleY(1); }
}
#supp { z-index: 12; }
.dropdown_item-1, .dropdown_item-10 { animation: 420ms ease-in-out forwards rotateZ; transform-origin: center top; }
.dropdown_item-2, .dropdown_item-11 { animation: 480ms ease-in-out forwards rotateZ; transform-origin: center top; }
.dropdown_item-3, .dropdown_item-12 { animation: 540ms ease-in-out forwards rotateZ; transform-origin: center top; }
.dropdown_item-4 { animation: 600ms ease-in-out forwards rotateZ; transform-origin: center top; }
.dropdown_item-5 { animation: 660ms ease-in-out forwards rotateZ; transform-origin: center top; }
.dropdown_item-6 { animation: 720ms ease-in-out forwards rotateZ; transform-origin: center top; }
@keyframes rotateZ { 
  0% { transform: scale(0); }
  80% { transform: scale(1.2); }
  100% { opacity: 1; transform: scale(1); }
}
.dropdown_item-1:hover, .dropdown_item-2:hover, .dropdown_item-3:hover, .dropdown_item-4:hover, .dropdown_item-5:hover, .dropdown_item-6:hover, dropdown_item-10:hover, dropdown_item-11:hover { animation: 300ms ease-in-out forwards ScaleZ; }
@keyframes ScaleZ { 
  0% { transform: scale(1); }
  80% { transform: scale(1.4); }
  100% { opacity: 1; transform: scale(1.2); }
}
.asHeaderPic { border: 10px outset rgb(55, 55, 55); border-radius: 40px; height: 210px; padding: 14px; margin-top: 50px; }
.asContent { padding-bottom: 20px; padding-top: 10px; background: none; }
.asContentBis { padding-bottom: 20px; padding-top: 9px; background: url("images/sub_fond.jpeg") repeat fixed rgb(0, 0, 0); border-radius: 20px; border-style: outset; border-color: rgb(55, 55, 55); border-width: 10px; }
.asColum index { margin: 0px; }
.index h3 { margin-bottom: 50px; margin-top: -50px; }
.menuradio { background-image: linear-gradient(to right, rgb(197, 166, 104), white); color: black; border-color: black; border-width: 4px; border-style: outset; margin: 0px 10%; }
.menuradio h2 { font-size: 2em; text-align: center; }
.menuradio ul { margin-right: 15%; text-align: right; margin-top: 5%; }
.menuradio .hora { font-size: 2em; }
.menuradio img { width: 20%; }
.marquee-rtl { position: absolute; width: 45%; margin: 20% 0% 0px 7%; border: 10px solid rgb(240, 240, 255); overflow: hidden; box-shadow: rgb(204, 204, 204) 0px 0.25em 0.5em, rgb(204, 204, 204) 0px 0px 1em 0.25em inset; }
.marquee-rtl > :first-child { display: inline-block; padding-right: 2em; padding-left: 100%; white-space: nowrap; animation: 15s linear infinite defilement-rtl; }
@keyframes defilement-rtl { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { transform: translate3d(-100%, 0px, 0px); }
}
.pasado { text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(100, 0, 0); margin-top: 5%; padding-top: 40px; }
.pasado h4 { font-size: 2em; background: rgba(0, 0, 0, 0.5); margin-bottom: 40px; }
.img_display { margin-top: 20px; display: inline-block; margin-left: 7%; margin-right: 3%; }
.img_display p { font-size: 0.5em; }
.img_display a img { border: 7px outset black; display: block; }
.video_display { margin-top: 5%; padding-top: 40px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(100, 0, 0); }
.iframe iframe { border: 7px outset black; }
.fotos { display: inline-block; text-align: center; }
.fotos img { max-width: 450px; }
.asContentBg p { text-align: center; }
.asContentBg h4 { text-align: center; }
.asContentBg h5 { text-align: center; font-size: 40px; color: rgb(212, 202, 206); }
.asContentBg h6 {
        text-align: center;
        font-size: 2em;
        /* padding-top: 20px; */
        font-weight: bold;
    
    }
.asContentBg img { max-width: 400px; }
#entrada { text-align: center; }
#entrada img { max-width: 20%; margin-left: 30%; }
#entrada h3 { font-size: 2.5em; font-family: bestari; font-weight: bold; border: 8px solid; border-radius: 10px; background-color: rgba(0, 0, 0, 0.5); box-shadow: black 10px 5px; margin: 10px 30%; }
.asContentBg #fb { border: medium; width: 50%; }
#photo li { font-size: 2em; list-style: none; text-align: center; }
#photo ul { background-color: rgba(0, 0, 0, 0.5); }
form #enlace { height: 150px; list-style: none; text-align: right; }
form #enlace li { height: 30px; margin-top: 0px; float: left; display: inline; }
form #enlace li input { float: right; margin-top: -30px; }
#curri li { text-align: left; font-size: 1.7em; }
#curri label { display: block; }
#curri input, #curri select { height: 43px; font-size: x-large; }
#curri select { margin-left: 60px; font-size: 1em; }
#curri button { margin-left: 100px; }
#present_index { box-shadow: rgb(9, 10, 9) 5px 5px; border: 5px inset rgb(177, 79, 4); text-align: center; background-color: rgba(0, 0, 0, 0.5); margin: 10% 15%; letter-spacing: 3px; line-height: 1.3; font-size: 1.5em; padding: 20px 30px; font-family: "Arial Black"; }
#present_index .asContentBgTop { font-family: Chalkduster; font-size: 3em; margin-bottom: 50px; }
.logo_radio img { margin-left: 10%; }
.asContentBgTop h2 { font-size: 3em; text-align: center; font-family: bestari, sans-serif; color: rgb(226, 222, 230); text-shadow: black 4px 4px; margin: 0px 13%; box-shadow: black 5px 5px; background: rgba(0, 0, 0, 0.7); }
.asContentBgTop h3 { font-size: 5em; text-align: center; font-family: bestari; }
.asContentBgTop h4 { font-size: 2em; text-align: center; background-color: black; }
.asContentBg h2 { font-size: 2em; text-align: center; color: rgb(212, 202, 206); }
.asContentBg iframe { margin-left: 20%; width: 60%; }
.asContentBgTop h6 { font-size: 4em; text-align: center; color: rgb(212, 202, 206); }
.asContentBgTop p { text-align: center; color: rgb(182, 0, 9); font-size: 1.2em; }
.asContentBgbot form { font-size: 2em; border: solid; margin-left: 30%; margin-right: 30%; text-align: center; background: black; border-radius: 10px; }
.asContentBgbot form h4 { color: rgb(205, 194, 255); }
.asContentBgbot form select { font-size: 2em; width: 150px; }
.asContentBgbot button { font-size: 1em; color: white; margin-top: 10%; margin-bottom: 10%; background-color: rgb(9, 9, 9); border: 5px outset rgb(19, 149, 13); padding: 3px 5px; border-radius: 30px; box-shadow: rgb(179, 181, 181) 0px 0px 4px 4px; font-weight: bold; }
.detail { border: solid; text-align: center; margin: 10%; }
.detail img { max-width: 40%; }
.dispo { font-size: 1em; color: white; margin-bottom: 10%; background-color: rgb(9, 9, 9); border: 5px outset rgb(191, 65, 4); padding: 3px 5px; border-radius: 10px; box-shadow: rgb(254, 203, 145) 4px 4px; font-weight: bold; float: right; margin-right: 20%; }
.asContentBgbot button:hover { background-image: radial-gradient(circle, rgb(85, 3, 7), rgb(125, 100, 3), rgb(186, 188, 188)); }
.asFirstColumnBox { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(100, 0, 0); padding-bottom: 20px; }
.asSecondColumnBox { padding-top: 25px; }
.asColumnFirst { margin-left: 10px; }
.asColumnFirst #titre { color: rgb(255, 253, 215); }
button.foto_past { border-width: 2px; border-color: red; font-size: 1.5em; font-weight: bold; padding: 3px; margin-left: 20px; background-color: black; color: white; margin-top: 10px; margin-bottom: 20px; z-index: 50; position: relative; }
button.foto_past:hover { animation: 300ms ease-in-out forwards ScaleB; z-index: 60; }
@keyframes ScaleB { 
  0% { transform: scale(1); }
  80% { transform: scale(1.4); }
  100% { transform: scale(1.2); }
}
#semana { margin-bottom: 30px; }
#space1 .asColumn { margin-bottom: 100px; }
.portes #porteD, .portes #porteG, .portes #roueCentre, .portes_movil #porteD, .portes_movil #porteG, .portes_movil #roueCentre { position: absolute; display: none; }
.portes #porteG, .portes_movil #porteD { background: white; }
.awake, .bubble { position: absolute; z-index: 98; }
#myCanvas { position: absolute; }
canvas { border-color: white; background: none; display: block; }
.bubble { border: 11px solid white; background: black; z-index: 1001; border-radius: 45px; display: none; }
.bubble p { color: white; }
#animated-text { margin: 20px; }
.on .bubble { display: block; animation: 420ms ease-in-out forwards bubbleOpen; transform-origin: left center; }
.bubble.off { display: block; animation: 420ms ease-in-out forwards bubbleClose; transform-origin: left center; }
@keyframes bubbleOpen { 
  0% { transform: scale(0); }
  80% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
@keyframes bubbleClose { 
  0% { transform: scale(1); }
  20% { transform: scale(1.1); }
  100% { transform: scale(0); }
}
.awake { background: rgb(254, 251, 251); padding: 10px; color: black; border: solid; }
.awake p { margin: 0px; padding: 0px; }
.asColumn { background: black; display: none; }
@keyframes clignote { 
  0% { background-color: black; }
  25% { background-color: white; }
  50% { background-color: black; }
  75% { background-color: white; }
  100% { background: none; }
}
@keyframes ouvreG { 
  0% { transform: translateX(0%); }
  50% { transform: translateX(100%); }
  100% { transform: translateX(200%); }
}
@keyframes fermeG { 
  0% { transform: translateX(200%); }
  50% { transform: translateX(100%); }
  100% { transform: translateX(0%); }
}
@keyframes ouvreD { 
  0% { transform: translateX(0%); }
  50% { transform: translateX(-100%); }
  100% { transform: translateX(-200%); }
}
@keyframes fermeD { 
  0% { transform: translateX(-200%); }
  50% { transform: translateX(-100%); }
  100% { transform: translateX(0%); }
}
@keyframes ouvreB { 
  0% { transform: translateY(0%); }
  50% { transform: translateY(100%); }
  100% { transform: translateY(200%); }
}
@keyframes fermeB { 
  0% { transform: translateY(200%); }
  50% { transform: translateY(100%); }
  100% { transform: translateY(0%); }
}
@keyframes ouvreT { 
  0% { transform: translateY(0%); }
  50% { transform: translateY(-50%); }
  100% { transform: translateY(-100%); }
}
@keyframes fermeT { 
  0% { transform: translateY(-100%); }
  50% { transform: translateY(-50%); }
  100% { transform: translateY(0%); }
}
.asColumn.display { position: absolute; display: block; z-index: 119; }
.asColumn.display.ferm { position: absolute; display: block; }
.asColumn li { list-style: none; font-family: Copperplate; font-weight: bold; margin-left: 20px; font-size: 25px; }
.asColumn p { font-family: Copperplate; font-size: 18px; color: rgb(224, 228, 230); padding-left: 10px; }
.asColumn img { border: medium; }
.asColumn#details img { }
.asColumn h2 { text-align: center; color: rgb(255, 255, 255); font-size: 30px; padding-bottom: 10px; position: relative; z-index: 2; font-family: Bestari; margin-left: 10px; margin-bottom: 30px; }
.asColumn h3 { text-align: center; font-size: 40px; color: rgb(255, 253, 215); font-family: "Telugu MN"; }
.asColumn h4 { font-family: Bestari; text-align: left; font-size: 23px; margin-left: 5px; color: white; }
.asColumn .jour_sem { text-align: center; }
.asColumn .event_sem { margin-top: 50px; }
.info { display: none; margin-top: 30px; }
.in-view .info { display: block; }
.info li:first-child, .info li:only-child { font-size: 2em; }
.info li:last-child { margin-top: 30px; font-size: 1.5em; line-height: 0.8; }
.in-view .info li:last-child { display: block; animation: 300ms linear forwards fermeD; }
.in-view .info li:first-child, .in-view .info li:only-child { display: block; animation: 300ms linear forwards fermeG; }
.asColumn1n ul, .asColumn2n ul { text-align: center; }
.asColumn1n li, .asColumn2n li { text-shadow: rgb(0, 0, 0) -2px 2px; }
.asColumn1n, .asColumn2n { background: url("images/buttontracks.png") center top no-repeat rgb(255, 255, 255); border-radius: 10px; height: 180px; overflow: hidden; z-index: 98; position: relative; border: solid rgb(124, 122, 100); }
.asColumn1n.background, .asColumn2n.background { animation: 1500ms linear infinite forwards clignotBackground; }
@keyframes clignotBackground { 
  0% { background: url("images/buttontracks.png") center top no-repeat rgb(210, 177, 0); }
  20% { background: url("images/buttontracks.png") center top no-repeat rgb(255, 255, 255); }
  40% { background: url("images/buttontracks.png") center top no-repeat rgb(210, 177, 0); }
  60% { background: url("images/buttontracks.png") center top no-repeat rgb(255, 255, 255); }
  80% { background: url("images/buttontracks.png") center top no-repeat rgb(210, 177, 0); }
  100% { background: url("images/buttontracks.png") center top no-repeat rgb(255, 255, 255); }
}
.asColumn1n { box-shadow: black -2px 2px; }
.asColumn2n { box-shadow: black 2px 2px; }
.asColumn1n row, .asColumn2n row { border: solid; color: white; }
svg { position: absolute; }
.hoy { margin-top: 26px; font-size: 2em; }
li.hoy h2 { margin-top: 19px; }
.bubble a { color: rgb(183, 81, 0); font-size: larger; }
li.hoy:last-child { margin-top: 26px; list-style: none; }
li.diasem { font-size: xxx-large; }
#animated-text { font-size: xx-large; }
.asColumn1n ul h2:last-child, .asColumn2n ul h2:last-child { color: white; text-align: center; margin-top: -26px; font-weight: bold; font-size: 2em; }
.asColumn1n.in-view ul h2:last-child, .asColumn2n.in-view ul h2:last-child, .in-view .hoy:last-child { display: block; animation: 300ms linear forwards ouvreG; }
.in-view .hoy:first-child { display: block; animation: 300ms linear forwards ouvreD; }
.dataOp { display: none; }
#estud { font-size: 0.8em; }
.todos { font-family: "Comic Sans MS"; border: outset rgb(252, 63, 7); padding-left: 10px; text-align: center; background-color: black; margin: 50px 10%; border-radius: 10px; box-shadow: black 10px 10px; }
a .todos li { text-align: center; font-size: 1.7em; font-family: Copperplate, sans-serif; }
a .todos .def { margin-bottom: 20px; }
a .todos .def li { margin-top: 50px; }
a .todos li h4 { margin-right: 20px; font-size: 0.8em; color: white; font-weight: bold; border: inset black; background-image: url("images/back_all.JPEG"); background-size: cover; border-radius: 20px; background-repeat: no-repeat; background-attachment: fixed; }
a .todos li h4 p { font-family: "Bradley Hand"; text-align: center; margin-left: 30%; border: solid; }
#event { margin-left: 120px; text-align: left; font-size: 1.4em; }
#todo_titre { font-family: bestari; font-size: 2em; margin-left: 30%; margin-right: 30%; }
a .todos .prix div#rotate { margin-bottom: 100px; position: absolute; }
div#rotate { transform: rotate(25deg); background-color: black; z-index: 99; position: relative; }
#details h2 { text-align: center; }
#details .prix { font-size: 20px; }
.todos .prix { margin-bottom: 150px; color: white; opacity: 0; display: block; animation: 300ms ease-in-out forwards details; transform-origin: right top; right: 0px; }
.todos img { max-width: 70%; }
a .todos { color: white; }
.semana .prix { font-size: 14px; text-align: center; padding-bottom: 5px; margin-top: -53px; }
.prix { position: absolute; border: 5px outset rgb(216, 153, 64); background-color: black; border-radius: 72px; padding-bottom: 11px; padding-right: 17px; padding-left: 24px; overflow-x: hidden; color: white; display: block; animation: 300ms ease-in-out forwards details; box-shadow: black 2px 2px; font-size: 22px; z-index: 3; right: 0px; }
.semana .spe_md { font-size: 12px; }
#index { background-color: rgba(0, 0, 0, 0.5); padding: 10px 5px; border: 5px outset rgb(252, 63, 7); box-shadow: black 5px 4px; text-align: center; margin: 10%; }
#index h5 { color: rgb(12, 98, 12); }
#index .asContentBgTop h2 { margin-top: 20px; }
#index p { margin-top: 20px; }
.asColumnbis { box-shadow: black 5px 5px; background-color: rgb(0, 0, 0); margin-top: 50px; border-width: 10px; border-style: solid; border-color: transparent; border-image: url("images/borderImg.png") 30 round; text-align: center; }
.asColumnbis h3 { font-size: 2em; margin: 30px 0px; }
.asColumnbis .band { border: solid; background-color: black; }
.asColumnbis .band p { text-align: right; font-size: 15px; }
.asColumnbis .band h4 { font-size: 20px; padding: 10px 0px; }
.asColumnbis .band h4 p1 { font-style: italic; }
.asColumnbis li { font-size: 1.5em; list-style: none; }
.ticket li { list-style: none; }
.ticket { border: solid black; background-color: gold; color: black; }
.prevent #ticket img { border: medium; z-index: 10; width: 25%; }
.prevent script { z-index: 1; }
.prevent #ticket { position: absolute; margin-top: -15%; margin-left: 10%; }
.deno li { float: left; margin-left: 20px; }
#prix #chupi { float: left; margin-left: 70px; font-size: 1.2em; }
#prix .cadre { margin-bottom: 10%; }
.asColumnbis2 { box-shadow: black 5px 5px; margin-left: 15%; background-color: rgba(0, 0, 0, 0.5); border: solid rgb(191, 65, 4); text-align: center; margin-right: 15%; margin-bottom: 20%; padding-top: 50px; padding-bottom: 50px; }
#tombola { margin-left: 40%; width: 200px; height: 200px; }
#audiowrap { margin-left: 10%; }
.playradio { margin-right: 10%; margin-left: 10%; background-color: rgb(64, 61, 74); border: 4px solid black; border-radius: 10px; height: 50%; }
audio { width: 100%; }
.djtema { background-color: black; }
.djtema img { width: 40%; }
.djtema li { font-size: 1.5em; }
#resultat { margin-left: 40%; width: 200px; height: 200px; background-color: white; margin-top: -200px; background-size: 200px 200px; background-repeat: no-repeat; border: solid; position: absolute; z-index: 3; }
.asColumnbis .prevent li { margin-right: 20%; list-style: none; }
a .asColumnbis2 { text-shadow: black 1px 1px 2px, blue 0px 0px 25px, darkblue 0px 0px 5px; color: white; transition: font-size 0.5s, text-shadow 0.5s; font-size: 1.3em; }
a .asColumnbis2:hover { font-size: 1.6em; text-shadow: rgb(13, 13, 13) 3px 3px 4px, rgb(235, 0, 6) 0px 0px 27px, rgb(22, 0, 54) 0px 0px 7px; }
.asColumnbis img { width: 50%; }
#details { background-color: black; top: 50px; text-align: center; list-style: none; font-size: 1.4em; padding-bottom: 100px; z-index: 99; border-width: 40px; border-style: solid; border-color: transparent; border-image: url("images/borderImg.png") 30 round; }
#details h2 { font-size: 3em; margin-top: 20px; margin-bottom: 30px; color: rgb(216, 153, 64); text-shadow: rgb(255, 255, 255) 4px 4px 4px; }
#details h3 { font-size: 3em; margin-bottom: 40px; }
#details h4 { font-family: "Comic Sans MS"; font-size: 2.5em; margin-left: 30px; }
#details p { margin-left: -30px; }
#details h2 { opacity: 0; display: block; animation: 300ms ease-in-out forwards details; transform-origin: left top; }
@keyframes details { 
  0% { opacity: 0; transform: skew(80deg, 80deg); }
  80% { transform: skew(30deg, 30deg); }
  100% { opacity: 1; transform: skew(0deg, 0deg); }
}
#details li { margin-bottom: 20px; }
#details #last_lineop p { font-size: 2em; margin-top: 10%; }
#details #ticket img { border: medium; }
#details .dispo { position: absolute; margin-top: -100px; margin-left: 20px; font-size: 0.8em; display: block; animation: 700ms ease-in-out forwards dispo; transform-origin: right bottom; }
@keyframes dispo { 
  0% { opacity: 0; transform: skew(80deg, 80deg); }
  80% { transform: skew(30deg, 30deg); }
  100% { opacity: 1; transform: skew(0deg, 0deg); }
}
#details .line_op ul { border-radius: 5px; box-shadow: rgb(0, 0, 0) 4px 4px; border-width: 8px; border-style: outset; border-color: rgb(84, 80, 86); margin-top: 10%; text-align: center; background: white; }
#details .line_op ul h5, #details .line_op li p { color: black; }
#details .line_op li { margin: 30px 50px; font-size: 0.9em; }
#line_time { padding: 5px; border: 3px groove rgb(151, 138, 23); background-color: black; }
#line_dj { padding: 5px; border: 3px double rgb(252, 63, 7); }
.line_op ul #line_dj { display: block; opacity: 0; animation: 1200ms ease-in-out forwards an_dj; transform-origin: left center; }
@keyframes an_dj { 
  0% { opacity: 0; transform: scaleY(0); }
  80% { transform: scaleY(1.2); }
  100% { opacity: 1; transform: scaleY(1); }
}
.asReadMore { text-align: left; margin-left: 30px; }
.asReadMore a { color: rgb(252, 45, 7); font-weight: bold; position: relative; z-index: 3; }
.asSecondColumnBox h2 { text-align: center; padding-bottom: 20px; }
.asMiniGallery { text-align: center; margin: 0px auto; padding-bottom: 10px; }
.asMiniGallery a { padding: 3px; }
.asMiniGallery a img { max-width: 120px; max-height: 350px; }
#video_foto.asColumnbis { margin: 5% 10% 5% 2%; }
.asVideo { }
.asAuthor { padding-bottom: 25px; text-align: right; }
.asAuthor span { font-size: 18px; }
.asFooter { padding-bottom: 15px; text-align: center; font-size: 11px; }
.asFooter a { font-weight: normal; }
.asFooter a:hover { text-decoration: underline; }
.asFooterRight { padding-right: 7px; }
.asFooterRight a { margin-left: 25px; }
#slider-wrapper { width: 1113px; height: 210px; margin: 0px auto; border-radius: 20px; }
#slider { position: relative; width: 1100px; height: 210px; border-radius: 20px; z-index: -10; }
#slider img { top: 0px; left: 0px; display: none; width: 1100px; height: 210px; border-radius: 20px; z-index: -10; position: relative; }
#slider a { border: 0px; display: block; position: relative; z-index: -10; }
.nivo-controlNav { position: absolute; left: 440px; bottom: -42px; }
.nivo-controlNav a { background: url("images/bullets.png") no-repeat; text-indent: -9999px; border: 0px; margin-right: 3px; float: left; display: none; }
.nivo-controlNav a.active { background-position: 0px -22px; }
.nivo-directionNav a { display: block; width: 30px; height: 30px; background: url("images/arrows.png") no-repeat; text-indent: -9999px; border: 0px; }
a.nivo-nextNav { background-position: -30px 0px; right: 15px; }
a.nivo-prevNav { left: 15px; }
.nivo-caption { text-shadow: none; font-family: Helvetica, Arial, sans-serif; }
.nivo-caption a { color: rgb(239, 233, 209); text-decoration: underline; }
.asFooter li { list-style: none; font-size: 9px; }
.asFooter ul { text-align: center; border: 3px solid; background: rgba(255, 255, 255, 0.7); padding: 10px; color: black; }
.list_fin a, .list_fin { font-size: 2em; text-align: center; color: black; }
.asFooter li { margin-top: 12px; display: inline; }
.asFooter ul #priv, .asFooter ul #term { color: rgb(144, 39, 25); font-size: 20px; text-decoration: none; font-weight: bold; padding-left: 0px; }
.asFooterRight img { width: 30%; }
.asFooterRight { text-align: center; margin-top: 20px; margin-right: 40px; }
#priv { float: left; margin-left: 20px; }
#term { float: right; }
#priv, #term { list-style: none; }
#term { }
#butradio_mob { display: none; }
#image img { width: 10%; border: medium; }
#prix { box-shadow: black 5px 5px; border: solid; text-align: center; list-style: none; }
#prix li { text-align: right; margin-right: 12%; margin-bottom: 20px; font-size: 2em; }
#term_pol { background-color: rgba(0, 0, 0, 0.7); }
#term_pol li { list-style: none; margin: 5%; }
#term_av { border: solid; font-size: 30px; background-color: rgba(0, 0, 0, 0.7); }
#term_av li { list-style: none; margin-left: 10%; }
#term_pol p { margin: 5%; }
#cookieNotice { border: solid; background-color: black; margin-bottom: 20%; position: fixed; font-size: 30px; margin-right: 10%; height: 30%; z-index: 99999; }
.btn-primary { border: 3px solid white; font-size: 20px; margin-left: 40%; background-color: red; color: white; }
.btn-primary:hover { background-color: white; color: red; border-color: red; }
#modo_pagos { border: 4px solid black; background-color: white; color: black; width: 80%; height: 30%; }
#modo_pagos li label { color: black; text-shadow: none; }
#modo_pagos li { display: block; width: 50%; margin-top: 30px; }
#modo_pagos li input { float: left; margin-top: 5px; }
#modo_pagos img { margin-left: 250px; margin-top: -20px; width: 30%; }
table { border: solid black; background-color: white; color: black; }
#recap .asContentBg td { text-align: right; padding-right: 20px; }
#recap a { color: blue; text-shadow: black 2px 2px; }
#recap #myCheck { margin-left: -10%; margin-right: 20px; }
#compra { border: solid; background-color: white; color: black; position: absolute; height: 20%; font-size: 50px; margin-right: 10%; text-align: center; }
table td { border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: black; }
.jey { display: none; }
.djs form li { border: medium; }
.prev, .next { border: solid; }
.prev { float: left; }
.next { float: right; }
#pantalla { border: groove; position: absolute; display: none; background-color: black; }
#details .jey .infodj { border: 8px solid rgb(117, 117, 117); color: black; background-color: ghostwhite; margin-top: 10px; border-radius: 51px; }
#pantalla .infodj { font-size: large; }
.hiddenj { display: none; }
.jey .hiddenj ul li { display: inline; }
.jey .hiddenj ul li img { border: medium; }
.rueda1, .rueda2, .rueda4 { position: absolute; border: medium; z-index: -3; }
.rueda3 { position: absolute; border: medium; z-index: -4; }
@media only screen and (max-device-width: 540px) {
  .rueda1 { }
  .rueda2 { margin-top: 11%; margin-left: -20%; }
  .rueda3 { margin-top: 37%; }
  .rueda4 { margin-top: 84%; }
}
@media only screen and (min-device-width: 950px) {
  .rueda1, .rueda2, .rueda3, .rueda4 { position: fixed; }
  .rueda1 { top: 18%; right: 1%; }
  .rueda2 { top: 30%; right: 52%; }
  .rueda3 { top: 40%; right: 37%; }
  .rueda4 { top: 73%; right: 16%; }
  .portes.activeP #porteG { display: block; animation-name: translateCol, clignote, ouvreT; animation-duration: 0.5s, 0.5s, 0.5s; animation-iteration-count: 1, 1, 1; animation-fill-mode: forwards, forwards, forwards; animation-timing-function: ease-in-out, ease-in-out, ease-in-out; animation-delay: 0s, 0.5s, 1s; z-index: 1000; }
  .portes.ferm #porteG { display: block; animation-name: fermeT, clignote, translateColClose; animation-duration: 0.5s, 0.5s, 0.5s; animation-iteration-count: 1, 1, 1; animation-fill-mode: forwards, backwards, forwards; animation-timing-function: ease-in-out, ease-in-out, ease-in-out; animation-delay: 0s, 0.5s, 1s; z-index: 1000; }
  .portes.ferm1 #porteG { display: block; animation-name: fermeT, clignote; animation-duration: 0.5s, 0.5s; animation-iteration-count: 1, 1; animation-fill-mode: forwards, backwards; animation-timing-function: ease-in-out, ease-in-out; animation-delay: 0s, 0.5s; z-index: 1000; }
  .portes.ferm1 #porteD { display: block; animation-name: fermeB; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: ease-in-out; z-index: 1001; }
  .portes.ferm1 #roueCentre { display: block; animation-name: fermB, rotClose; animation-duration: 0.5s, 0.5s; animation-iteration-count: 1, 1; animation-fill-mode: forwards, forwards; animation-timing-function: ease-in-out, linear; animation-delay: 0s, 0.5s; z-index: 1002; }
  .portes.activeP #porteD { display: block; animation-name: translateCol, ouvreB; animation-duration: 0.5s, 0.5s; animation-iteration-count: 1, 1; animation-fill-mode: forwards, forwards; animation-timing-function: ease-in-out, ease-in-out; animation-delay: 0s, 1s; z-index: 1001; }
  .portes.ferm #porteD { display: block; animation-name: fermeB, translateColClose; animation-duration: 0.5s, 0.5s; animation-iteration-count: 1, 1; animation-fill-mode: forwards, forwards; animation-timing-function: ease-in-out, ease-in-out; animation-delay: 0s, 1s; z-index: 1001; }
  .portes.activeP #roueCentre { display: block; animation-name: translateCol, rotOpen, ouvreB; animation-duration: 0.5s, 0.5s, 0.5s; animation-iteration-count: 1, 1, 1; animation-fill-mode: forwards, forwards, forwards; animation-timing-function: ease-in-out, linear, ease-in-out; animation-delay: 0s, 0.5s, 1s; z-index: 1002; }
  .portes.ferm #roueCentre { display: block; animation-name: fermB, rotClose, translateColClose; animation-duration: 0.5s, 0.5s, 0.5s; animation-iteration-count: 1, 1, 1; animation-fill-mode: forwards, forwards, forwards; animation-timing-function: ease-in-out, linear, ease-in-out; animation-delay: 0s, 0.5s, 1s; z-index: 1002; }
}
@keyframes translateCol { 
  0% { transform: translateY(100%); }
  80% { transform: translateY(50%); }
  100% { transform: translateY(0%); }
}
@keyframes translateColClose { 
  0% { transform: translateY(0%); }
  80% { transform: translateY(50%); }
  100% { transform: translateY(100%); }
}
.rueda1.in-view img, .rueda2.in-view img, .rueda3.in-view img, .rueda4.in-view img { display: block; animation: 1000ms linear forwards rotOpen; }
.rueda1.out-view img, .rueda2.out-view img, .rueda3.out-view img, .rueda4.out-view img { display: block; animation: 1000ms linear forwards rotClose; }
@keyframes rotOpen { 
  0% { }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}
@keyframes rotClose { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(-180deg); }
  100% { transform: rotate(-360deg); }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  body { background-repeat: repeat-y; background-position: center center; background-attachment: scroll; max-width: 100%; }
  html, body { overflow: hidden scroll; }
  .hoy { font-size: 23px; padding-top: 22px; margin-right: -9px; }
  li.hoy:last-child { margin-left: 0px; }
  #radio_log img { margin-right: -15%; width: 120%; }
  .asMenu { background: url("images/menu_bg_pad.png") 0px 0px no-repeat; }
  .asMenu li ul li a { font-size: 9px; }
  .marquee-rtl { font-size: 3em; margin: 50% 8% 0px 5%; width: 65%; }
  .menuradio h2 { font-size: 50px; }
}
@media screen and (max-width: 740px) {
  body { font-size: 0.8em; background-repeat: repeat-y; background-position: center center; background-attachment: scroll; max-width: 100%; }
  .asMenu { background: none; }
  .asMenu li ul:first-child { width: 191px; display: block; position: fixed; margin-top: 2%; right: 85%; }
  .asMenu ul li a { font-size: 4em; }
  .asMenu ul li { height: 40px; }
  nav ul li ul { color: rgb(255, 255, 255); margin-left: -192px; }
  .asHeader h9 { float: none; display: block; margin-top: 61px; }
  .asHeader h9 a { font-size: 3em; }
  .asHeader img { margin-top: 0%; margin-bottom: 5%; margin-left: 0px; width: 50%; }
  .asHeader .radio_log img { position: relative; margin-top: 20%; }
  .asHeader h1 { font-size: 4em; position: absolute; text-align: left; margin-left: 0px; margin-top: 0px; }
  .asHeader span { position: absolute; margin-top: 30%; font-size: 4em; margin-right: -40%; }
  .playradio { width: 90%; margin-left: 50px; height: 60%; }
  audio {
            width: 106%;
            /* margin-left: 5%; */
        
        }
  .asColumn { margin-left: 3%; margin-bottom: 20px; }
  .asColumn p a { font-size: 3em; }
  .marquee-rtl { width: 95%; height: 100px; font-size: 6em; margin: 45% 0px 0px 5%; border: 10px solid rgb(240, 240, 255); overflow: hidden; box-shadow: rgb(204, 204, 204) 0px 0.25em 0.5em, rgb(204, 204, 204) 0px 0px 1em 0.25em inset; }
  .logoradio img { margin-left: 11%; }
  .asContentBgTop h3 { max-width: 95%; margin-top: 20px; }
  .asContentBgTop { margin-bottom: 0px; padding: 0px; }
  #slider-wrapper, #slider, #slider img, #slider a, .nivoSLider, .asHeaderPic { display: none !important; }
  .asContent { font-size: 2em; }
  .asContentBis { margin-right: 37%; margin-left: 20px; margin-top: 10%; }
  .asContentBgTop h2 { font-size: 3em; }
  .asContentBgTop h3 { font-size: 2em; }
  .asContentBg h4 { }
  .asContentBg p { }
  #dj_res { margin-bottom: 20%; }
  #dj_res audio { padding-top: 2px; font-size: 4em; }
  .asContentBg h5 { margin-top: 10%; }
  .menuradio { margin-right: 0px; margin-left: 0px; }
  .asHeader { text-align: center; }
  .asHeader h1 a { font-size: 2em; float: right; }
  .asHeader span { margin-bottom: -20%; margin-left: -60%; }
  .asFooter, .asFooter a, asFooterLeft p { color: white; text-align: center; }
  .asFooterRight a img { }
  .asFooterRight { margin-top: 50px; margin-left: 13%; }
  #priv { float: left; margin-left: 22%; }
  #term { float: right; }
}
.webp body { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: var(--bg-size); }
.no-webp body { background: var(--bg-image-jpg) var(--bg-pos) fixed / var(--bg-size) no-repeat; }



/**********************************************************media-max-width-540px*****/
@media screen and (max-width: 540px) {
  html, body { overflow-x: hidden; }
  .info li:last-child, .info li:first-child, .info li:only-child { font-size: 22px; }
  .info li:last-child { margin-top: 0px; margin-left: 0px; }
  .info li:first-child { margin-top: -20px; }
  #curri input, #curri select { margin-top: 0px; }
  .asColumn1n, .asColumn2n { background: url("images/buttontracks_movil.png") center top no-repeat rgb(255, 255, 255); height: 100px; }
  .hoy { font-size: 0.8em; margin-top: 7px; }
  li.hoy:first-child { margin-top: 0px; }
  .awake p { font-size: large; }
  #first { margin-top: 23px; }
  .nav ul ul { right: 159px; }
  #blocked { margin-top: 30%; }
  .promot .asContentBg { margin-top: 10%; }
  #blocked form ul li label { font-size: large; margin-left: 30px; }
  .promot { margin-top: 10%; }
  li.diasem { font-size: 22px; margin-top: 37px; }
  .hoy:first-child { margin-top: 68px; }
  #animated-text { font-size: large; }
  .bubble a { font-size: medium; }
  .bubble li { background-color: ghostwhite; border-radius: 32px; text-align: center; margin-bottom: 12px; }
  .bubble input, .bubble textarea { margin-left: 0px; }
  .asColumn1n ul h2:last-child, .asColumn2n ul h2:last-child { font-size: 1.2em; margin-top: -2px; margin-left: -21px; }
  @keyframes clignotBackground { 
  0% { background: url("images/buttontracks_movil.png") center top no-repeat rgb(210, 177, 0); }
  20% { background: url("images/buttontracks_movil.png") center top no-repeat rgb(255, 255, 255); }
  40% { background: url("images/buttontracks_movil.png") center top no-repeat rgb(210, 177, 0); }
  60% { background: url("images/buttontracks_movil.png") center top no-repeat rgb(255, 255, 255); }
  80% { background: url("images/buttontracks_movil.png") center top no-repeat rgb(210, 177, 0); }
  100% { background: url("images/buttontracks_movil.png") center top no-repeat rgb(255, 255, 255); }
}
  body { font-size: 0.8em; background-attachment: scroll; background-image: url("images/newbackground.png"); max-width: 100%; }
  :root { --bg-image-webp: url("./images/background_movil.webp"); --bg-image-png: url("./images/background_movil.png"); }
  form button { font-size: 15px; margin-left: 25%; }
  form h2 { font-size: 20px; margin-right: 30px; }
  form { margin-left: 30px; margin-right: 30px; }
  #open_preferences_center { margin: 8px; }
  #titulotema{font-size:24px;}
  #titulotema a {font-size:18px; }
  .portes_movil.activeP #porteD { display: block; animation-name: translateCol, clignote, ouvreG; animation-duration: 0.5s, 0.5s, 0.5s; animation-iteration-count: 1, 1, 1; animation-fill-mode: forwards, forwards, forwards; animation-timing-function: ease-in-out, ease-in-out, ease-in-out; animation-delay: 0s, 0.5s, 1s; z-index: 1000; }
  .portes_movil.activeP #porteG { display: block; animation-name: translateCol, ouvreD; animation-duration: 0.5s, 0.5s; animation-iteration-count: 1, 1; animation-fill-mode: forwards, forwards; animation-timing-function: ease-in-out, ease-in-out; animation-delay: 0s, 1s; z-index: 1001; }
  .portes_movil.activeP #roueCentre { display: block; animation-name: translateCol, rotOpen, ouvreD; animation-duration: 0.5s, 0.5s, 0.5s; animation-iteration-count: 1, 1, 1; animation-fill-mode: forwards, forwards, forwards; animation-timing-function: ease-in-out, linear, ease-in-out; animation-delay: 0s, 0.5s, 1s; z-index: 1002; }
  .portes_movil.ferm #porteD { display: block; animation-name: fermeG, clignote, translateColClose; animation-duration: 0.5s, 0.5s, 0.5s; animation-iteration-count: 1, 1, 1; animation-fill-mode: forwards, forwards, forwards; animation-timing-function: ease-in-out, ease-in-out, ease-in-out; animation-delay: 0s, 0.5s, 1s; z-index: 1000; }
  .portes_movil.ferm #porteG { display: block; animation-name: fermeD, translateColClose; animation-duration: 0.5s, 0.5s; animation-iteration-count: 1, 1; animation-fill-mode: forwards, forwards; animation-timing-function: ease-in-out, ease-in-out; animation-delay: 0s, 1s; z-index: 1001; }
  .portes_movil.ferm #roueCentre { display: block; animation-name: fermeD, rotClose, translateColClose; animation-duration: 0.5s, 0.5s, 0.5s; animation-iteration-count: 1, 1, 1; animation-fill-mode: forwards, forwards, forwards; animation-timing-function: ease-in-out, linear, ease-in-out; animation-delay: 0s, 0.5s, 1s; z-index: 1002; }
  .portes_movil.ferm1 #porteD { display: block; animation-name: fermeG, clignote; animation-duration: 0.5s, 0.5s; animation-iteration-count: 1, 1; animation-fill-mode: forwards, forwards; animation-timing-function: ease-in-out, ease-in-out; animation-delay: 0s, 0.5s; z-index: 1000; }
  .portes_movil.ferm1 #porteG { display: block; animation-name: fermeD; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; animation-timing-function: ease-in-out; animation-delay: 0.5s; z-index: 1001; }
  .portes_movil.ferm1 #roueCentre { display: block; animation-name: fermeD, rotClose; animation-duration: 0.5s, 0.5s; animation-iteration-count: 1, 1; animation-fill-mode: forwards, forwards; animation-timing-function: ease-in-out, linear; animation-delay: 0s, 0.5s; z-index: 1002; }
  .asHeader { float: none; display: block; margin-top: 0px; }
  #ristourn h4 { font-size: 30px; }
  .sin_desc { font-size: 20px; margin-right: 15%; }
  .asHeader img { float: none; }
  .asHeader h1 a { font-size: 50px; margin-bottom: 0px; float: none; }
  .asHeader h1 span { font-size: 20px; margin-top: 20%; display: inline; }
  .asHeader h1 { position: absolute; margin-top: 10%; margin-bottom: -40%; padding: 0px; }
  .asHeader h9 a { font-size: 11px; margin-top: 0px; }
  .asHeader h7 a { position: absolute; top: -20px; left: 3px; font-size: 20px; border: solid; }
  .test { list-style: none; }
  .movil { display: block; float: right; right: 35px; top: 61px; }
  .movil img { max-width: 50%; border: solid black; background: white; }
  .nav { left: 78%; justify-content: center; align-items: center; position: fixed; }
  .droptest {
            position: absolute;
            top: 50px;
            left: -60%;
            width: 100%;
            display: none;
            opacity: 0;
        
        }
  .nav:hover .droptest { display: none; }
  .nav.responsive:hover .droptest { display: block; opacity: 0; }
  .droptest { animation: 300ms ease-in-out forwards down2Out; transform-origin: center top; }
  @keyframes down2Out { 
  0% { transform: scaleY(0); opacity: 1; }
  80% { transform: scaleY(1.1); }
  100% { transform: scaleY(1); opacity: 1; }
}
  .asColumn { box-sizing: border-box; overflow: hidden; text-align: center; font-weight: 700; }
  .asColumn li h2 { font-size: 10px; }
  .asColumn.in-view li h2 { font-size: 30px; }
  .asColumn1n ul p, .asColumn1n ul .nombre, .asColumn1n ul h3, .asColumn1n ul .asReadMore, #rotate, .asColumn2n ul p, .asColumn2n ul .nombre, .asColumn2n ul h3, .asColumn2n ul .asReadMore, #rotate { display: none; }
  .asColumn1n.in-view ul p, .asColumn1n.in-view ul .nombre, .asColumn1n.in-view ul h3, .asColumn1n.in-view ul .asReadMore, .asColumn1n.in-view #rotate, .asColumn2n.in-view ul p, .asColumn2n.in-view ul .nombre, .asColumn2n.in-view ul h3, .asColumn2n.in-view ul .asReadMore { display: block; }
  #index p { font-size: 13px; }
  #index h2 { font-size: 40px; }
  .asMenu li ul.sf-menu {
            margin-top: 12px;
        
        }
  .asMenu li a { }
  .asMenu li ul li a { font-size: x-small; }
  .asMenu li ul li { height: 41px; border: solid; background-color: black; border-radius: 10px; }
  .asMenu li ul li ul li { border: medium; background-color: transparent; }
  .asMenu li ul li ul li a { padding-top: 10px; font-size: smaller; }
  nav ul li { padding-bottom: 10px; }
  #nov { }
  .asHeader img { margin-top: 4%; }
  .playradio { width: 90%; height: 45%; margin-left: 10px; }
  .playradio strong { margin-top: 100px; position: absolute; font-size: 20px; margin-left: 10px; }
  audio {
            width: 75%;
            /* margin-left: 10px; */
        
        }
  .menuradio { margin-right: 0px; margin-left: 0px; }
  .menuradio ul { margin-right: 0px; }
  .marquee-rtl { height: 27px; width: 290px; font-size: 20px; position: absolute; margin-top: 147px; margin-left: 3px; border: 10px solid rgb(240, 240, 255); border-radius: 5px; overflow: hidden; box-shadow: rgb(204, 204, 204) 0px 0.25em 0.5em, rgb(204, 204, 204) 0px 0px 1em 0.25em inset; }
  .asContent { background-attachment: scroll; }
  #asContentRadio { margin-top: 40px; width: 90%; margin-left: 20px; }
  #asContentRadio h3 { margin-left: 20px; font-size: 35px; }
  .asContentBis { max-width: 350px; margin-top: 30px; margin-left: 20px; }
  .asContentBgTop { }
  .asContentBgTop h2 { text-align: center; font-size: 25px; padding: 5px; }
  .asContentBgTop h4 { font-size: 1em; }
  .asContentBgTop h6 { font-size: 30px; }
  .asContentBg h2 { font-size: 25px; }
  #butradio { display: none; }
  #butradio_mob { display: block; max-width: 100px; max-height: 100px; font-size: 20px; border-radius: 100px; padding: 10px; background-color: rgb(18, 17, 17); box-shadow: rgb(179, 181, 181) 0px 0px 4px 4px; border: outset rgb(252, 0, 6); font-weight: 600; color: white; position: absolute; margin-top: -30%; margin-left: 40px; }
  #butradio_mob:hover { background-color: white; color: rgb(18, 17, 17); background-image: radial-gradient(circle, white, rgb(150, 152, 152), rgb(252, 0, 6)); }
  #curri form { }
  #curri li { font-size: 17px; }
  #curri li input { }
  #fb { border-style: none; }
  #curri button { font-size: 20px; margin-left: 50px; margin-top: 89px; }
  asContentBg { margin-top: 0px; }
  #photo .img_display img { width: 90%; }
  .asColumn h2 { font-size: 30px; }
  .asColumn h2 li { padding-left: 0px; }
  .asColumn p { font-size: 20px; margin-left: 15px; }
  .asColumn p { }
  .asReadMore a { font-size: 20px; }
  .asColumn p a img { max-width: 50%; }
  .asColumn p img, .asColumn li img { max-width: 80%; }
  .asColumnbis h3 { font-size: 26px; }
  .asColumn h3 { font-size: 30px; }
  .asColumnbis { }
  .asColumnbis li { font-size: 19px; list-style: none; }
  .asColumnbis .prevent h4 { font-size: 15px; }
  .asColumnbis .prevent h3 { font-size: 19px; }
  .asColumnbis .prevent li { margin-right: -20px; margin-left: -100px; }
  a .todos li { font-size: 20px; text-align: center; }
  a .todos #rotate .spe_md { font-size: 10px; margin-right: 10px; }
  #rotate .spe_md { font-size: 10px; margin-right: 10px; }
  #rotate.semana .prix { width: 60px; }
  a .todos #rotate .mardi { margin-left: 40px; margin-top: -90px; }
  .todos { max-width: 100%; margin: 10px; }
  a .todos li h2 { font-size: 40px; }
  a .todos li img { max-width: 40%; }
  #photo a button.foto_past { font-size: 20px; }
  #photo .img_display p { margin-left: 0px; }
  a .todos #todo_titre { font-size: 35px; }
  a .todos #event { font-size: 30px; }
  .place button { position: relative; float: none; margin-top: 20px; background-color: rgba(5, 5, 5, 0.5); color: white; padding: 3px; z-index: 3; margin-left: 10px; }
  .todos #rotate .prix { margin-top: -120px; position: absolute; font-size: 16px; margin-left: 80px; text-align: center; padding-bottom: 8px; z-index: 1; }
  a .todos li h4 { font-size: 10px; background-size: 40% 40%; backface-visibility: hidden; background-repeat: repeat-y; margin: 10px 15px 0px 0px; padding: 0px; }
  #event { font-size: 40px; margin: 0px; }
  #todo_titre { font-size: 40px; margin: 0px; }
  #details h6 { font-size: 33px; }
  #details { max-width: 98%; margin-left: 10px; margin-right: 10px; margin-top: 40px; text-align: center; list-style: none; padding-bottom: 50px; border-width: 11px; }
  #details li { font-size: 20px; }
  .asContent #details li a img { display: block; margin-top: 50px; margin-left: 10px; }
  #details h2 { font-size: 20px; color: rgb(216, 153, 64); text-shadow: rgb(255, 255, 255) 2px 2px 2px; }
  #details h3 { font-size: 40px; margin-bottom: 40px; background: none; }
  #details h4 { font-size: 35px; margin-left: 0px; }
  #details #last_lineop p { font-size: 20px; text-align: center; margin-left: 5px; }
  #details #rotate .prix { font-size: 15px; height: 60px; width: 100px; margin-top: -300px; margin-right: 90px; }
  #details .dispo { margin-top: 20px; position: relative; margin-left: 40px; font-size: 15px; }
  #prix { margin: 0px; }
  #prix li { font-size: 20px; margin-left: -30px; }
  #prix .deno li { margin-left: -10px; }
  #prix h2 { background: none; font-size: 30px; margin-top: -10px; margin-bottom: 40px; }
  #cookieNotice { margin-top: -15%; height: 70%; font-size: 20px; margin-left: 40px; padding: 5px; }
  table { font-size: 13px; width: 100%; }
  #modo_pagos { font-size: 15px; width: 100%; margin-left: -20px; }
  #modos_pagos li label { margin-right: -10px; }
  #modo_pagos img { margin-left: 140px; }
  #recap .wrong { margin-left: 20px; }
  #compra { font-size: 30px; height: auto; }
  #form h4 { margin-right: 30px; text-align: center; font-size: 20px; }
  #continu { margin-right: 20px; }
  .asFooter { }
  .col_f .list_fin { font-size: 8px; margin-right: 25px; color: black; width: 50px; font-weight: bold; }
  .asFooter ul { }
  .list_fin a { font-size: 14px; color: black; width: 50px; font-weight: bold; }
  .asFooter ul #priv, .asFooter ul #term { font-size: 12px; }
  #term { }
  #priv { margin-left: 5px; }
  .asFooterRight a img { width: 29px; }
  .asFooterRight { position: relative; margin-top: 20px; }
  .jey .hiddenj ul li { }
  button a { font-size: 0.5em; }
}