img{ border:0; }

a, a:hover{ text-decoration:none; }

form{ margin:0; padding:0; }

body{ margin:0; padding:0 0 35px 0; background:#750000; font-size:14px; color:#000; font-family:'Montserrat',sans-serif; font-weight:300; text-align:center; }

.both{ clear:both; }

.container{ width:98%; max-width:1200px; margin:0 auto; }

header{ height:160px; background:url('../img/header-back.jpg') no-repeat; background-size:100%; box-shadow:0px 0px 20px 0px rgba(0,0,0,0.75); }
 #logo{ float:left; display:block; margin:2px 0 0 0; width:183px; height:157px; background:url('../img/logo.png') no-repeat; }
 #menu-drop{ display:none; }
 #menu{ float:right; line-height:155px; text-align:right; }
  #menu a{ margin-left:10px; padding:5px 15px; font-size:20px; color:#FFF; border-radius:20px; }
  #menu a:hover{ background:url('../img/noir-25pc.png'); }
  #menu a.selected{ background:url('../img/blanc-25pc.png'); }
  #menu a.selected:hover{ background:url('../img/blanc-25pc.png'); }

#header_print{ display:none; }

#live{ display:none; padding:5px 0; background:#0F0F0F; box-shadow:0px 0 20px 0px rgba(0,0,0,0.75); }
 #live-button{ float:right; width:212px; height:120px; }
  #live-button span{ display:block; width:212px; height:120px; background:url('../img/play.png?1529058165') center center no-repeat; opacity:.8; }
  #live-button span:hover{ opacity:1; }
 #live-logo{ float:left; margin:15px 20px 0 0; width:90px; height:90px; border-radius:45px; }
 #live-title{ padding:35px 0 0 0; color:#FFF; font-size:20px; text-align:left; }
  #live-title span{ font-size:70px; line-height:10px; color:#E80C0C; vertical-align:top; }
 #live-name{ min-height:60px; color:#FFF; font-size:28px; font-weight:500; text-align:left; }
  #live-name a{ color:#FFF; }
 #live-button-small{ display:none; width:212px; height:120px; }
  #live-button-small span{ display:block; width:212px; height:120px; background:url('../img/play.png?1529058165') center center no-repeat; opacity:.8; }

h1, h2, h3{ margin:0; padding:0 0 20px 0; font-size:24px; font-weight:500; }

#content-accueil{ padding:40px 0; background:#F2EDE9; text-align:left; box-shadow:inset 0px 20px 20px -20px rgba(0,0,0,1); }
 #accueil-info{ display:block; margin:0 0 20px 0; padding:10px 20px; text-align:center; background:#fff; font-size:18px; }
  #accueil-info a{ color:#000; }
  #accueil-info a:hover{ color:#C69C6D; }
 #accueil-events-container{ float:left; width:30%; padding-bottom:60px; overflow:hidden; white-space:nowrap; }
  #accueil-events_type{ padding-left:5px; padding-bottom:10px; }
  #accueil-events_type_bar{ margin-bottom:20px; width:200px; height:6px; background:#C69C6D; font-size:0; border-radius:3px; }
  #accueil-events div{ margin:0 0 25px 0; padding-left:5px; font-size:16px; }
   #accueil-events div .hour_start{ display:inline-block; width:50px; }
   #accueil-events div .replay{ display:inline-block; width:18px; height:18px; background:url('../img/accueil-icone-replay.png') no-repeat; vertical-align:top; }
   #accueil-events div a{ color:#000; }
 #accueil-event-container{ float:left; margin:0 5%; width:35%; padding-bottom:60px; }
  #accueil-event_type{ padding-left:5px; padding-bottom:10px; }
  #accueil-event_type_bar{ margin-bottom:20px; width:200px; height:6px; background:#C69C6D; font-size:0; border-radius:3px; }
  #accueil-event_hour_start{ padding:0 0 0 25px; font-size:26px; }
  #accueil-event_hour_start_spacer{ padding:0 0 10px 40px; color:#000; font-size:18px; }
  #accueil-event_title{ padding:0 0 0 45px; line-height:90px; color:#000; font-size:18px; background:#FFF; border-radius:45px; font-weight:500; }
   #accueil-event_title a{ display:block; height:90px; color:#000; }
    #accueil-event_title img{ margin:0 20px 0 -46px; width:90px; height:90px; vertical-align:top; border-radius:45px; }
  #accueil-event_hour_end_spacer{ padding:10px 0 0 40px; font-size:18px; }
  #accueil-event_hour_end{ padding:0 0 0 25px; font-size:26px; }
 #accueil-infos-container{ float:left; width:25%; padding-bottom:60px; }∂
  #accueil-infos_type{ padding-left:5px; padding-bottom:10px; }
  #accueil-infos_type_bar{ margin-bottom:20px; width:260px; height:6px; background:#C69C6D; font-size:0; border-radius:3px; }
  #accueil-infos{ font-size:18px; line-height:28px; }
   #accueil-infos .youtube{ display:block; margin:10px 0 0 0; padding:0 0 0 50px; height:40px; background:url('../img/youtube.svg') left no-repeat; background-size:40px 40px; line-height:40px; font-size:18px; color:#000; }
   #accueil-infos .youtube:hover{ color:#C69C6D; }
   #accueil-infos .rss{ display:block; margin:10px 0 0 0; padding:0 0 0 50px; height:40px; background:url('../img/rss.svg') left no-repeat; background-size:40px 40px; line-height:40px; font-size:18px; color:#000; }
   #accueil-infos .rss:hover{ color:#C69C6D; }
 #accueil-soutenir{ float:left; display:block; width:30%; }
  #accueil-soutenir div{ display:inline-block; width:320px; text-align:center; }
   #accueil-soutenir .entete{ display:block; margin-bottom:20px; width:320px; height:140px; background:url('../img/accueil-soutenir.png') top center no-repeat; }
   #accueil-soutenir .bar{ display:block; margin:20px auto; width:200px; height:6px; background:#C69C6D; border-radius:3px; }
   #accueil-soutenir b{ font-weight:500; }
 #accueil-social{ float:left; margin:0 5%; display:block; width:30%; text-align:center; }
  #accueil-social .discord{ display:inline-block; width:320px; height:110px; background:url('../img/accueil-discord.png') top center no-repeat; }
  #accueil-social .twitter{ display:inline-block; margin-bottom:15px; width:320px; height:110px; background:url('../img/accueil-twitter.png') top center no-repeat; }
  #accueil-social .facebook{ display:inline-block; margin-bottom:15px; width:320px; height:110px; background:url('../img/accueil-facebook.png') top center no-repeat; }
  #accueil-social .instagram{ display:inline-block; margin-bottom:15px; width:320px; height:110px; background:url('../img/accueil-instagram.png') top center no-repeat; }
  #accueil-social .replay{ display:inline-block; margin-bottom:15px; width:320px; height:110px; background:url('../img/accueil-replay.png') top center no-repeat; }
 #accueil-extra{ float:left; display:block; width:30%; text-align:right; }
  #accueil-extra .communication{ display:inline-block; margin-bottom:15px; width:320px; height:257px; }
  #accueil-extra .alexa{ display:inline-block; width:320px; height:257px; background:url('../img/accueil-alexa.png') top center no-repeat; }

#content-agenda-menu{ margin-top:20px; padding:20px 0 30px 0; font-size:0; }
 #content-agenda-menu .date{ float:left; width:200px; line-height:40px; font-size:18px; color:#F2EDE9; }
  #content-agenda-menu .date a{ color:#F2EDE9; }
  #content-agenda-menu a.prev{ float:left; width:30px; height:40px; background:url('../img/prev.svg') -5px center no-repeat; background-size:30px auto; filter:invert(1); opacity:0.91; }
  #content-agenda-menu a.next{ float:right; width:30px; height:40px; background:url('../img/next.svg') 5px center no-repeat; background-size:30px auto; filter:invert(1); opacity:0.91; }
  #content-agenda-menu a.prev:hover, #content-agenda-menu a.next:hover{ filter:invert(1) brightness(70%); }
  #content-agenda-menu span.prev{ float:left; width:30px; height:40px; background:url('../img/prev.svg') -5px center no-repeat; background-size:30px auto; filter:invert(1) brightness(10%); opacity:0.91; }
  #content-agenda-menu span.next{ float:right; width:30px; height:40px; background:url('../img/next.svg') 5px center no-repeat; background-size:30px auto; filter:invert(1) brightness(10%); opacity:0.91; }
 #content-agenda-menu .subscribe{ float:right; width:170px; display:inline-block; padding:0 15px; line-height:40px; background:#F2EDE9; border-radius:20px; color:#000; font-size:18px; }
 #content-agenda-menu a.period{ display:inline-block; margin:0 5px; padding:0 15px; line-height:40px; background:url('../img/blanc-25pc.png'); border-radius:20px; color:#000; font-size:18px; }
 #content-agenda-menu a.period:hover{ background:url('../img/noir-25pc.png'); color:#F2EDE9; }
 #content-agenda-menu span.period{ display:inline-block; margin:0 5px; padding:0 15px; line-height:40px; background:#F2EDE9; border-radius:20px; color:#000; font-size:18px; }
 #content-agenda-menu .subscribe:hover{ opacity:0.8; }
#content-agenda-day{ padding:0 0 40px 0; }
 #content-agenda-day .event{ margin:0 0 20px 0; min-height:90px; background:#F2EDE9; border-radius:45px; text-align:right; }
  #content-agenda-day .event .logo{ float:left; margin:0 20px 0 -1px; width:90px; height:90px; border-radius:45px; }
  #content-agenda-day .event .name{ float:left; line-height:90px; font-size:24px; font-weight:500; color:#000; }
  #content-agenda-day .event .name .streamer_logo{ margin:0; width:30px; height:30px; border-radius:15px; vertical-align:middle; }
  #content-agenda-day .event .hour{ padding:0 45px 0 0; line-height:90px; font-size:18px; color:#000; }
 #content-agenda-day .past{ opacity:0.5; }
 #content-agenda-day p{ margin:0 0 20px 0; line-height:90px; background:#F2EDE9; border-radius:45px; font-size:18px; opacity:0.5; }
#content-agenda-week{ padding:0 0 60px 0; }
 #content-agenda-week .days{ display:flex; flex-direction:row; overflow:hidden; }
  #content-agenda-week .hour_index{ position:relative; margin-top:23px; width:30px; font-size:12px; }
   #content-agenda-week .hour_index span{ display:block; height:50px; text-align:left; color:#C69C6D; }
   #content-agenda-week .hour_index span:after{ content:' '; border:1100px solid #750000; border-top-width:1px; border-bottom-width:0px; position:absolute; margin-top:0.5em; z-index:2; }
  #content-agenda-week .day{ position:relative; flex-grow:1; background:#550506; border-left:#750000 1px solid; }
   #content-agenda-week .day .day_index{ position:absolute; width:100%; height:30px; background:#804243; color:#F2EDE9; font-size:14px; display:flex; justify-content:center; align-items:center; }
   #content-agenda-week .day .event{ position:absolute; width:100%; /*border-top:#550506 1px solid;*/ display:flex; justify-content:center; align-items:center; overflow:hidden; z-index:2; }
    #content-agenda-week .day .event .logo{ margin-left:5px; width:40px; height:40px; border-radius:20px; }
    #content-agenda-week .day .event .name{ padding:0 5px; font-size:13px; font-weight:500; z-index:5; }
     #content-agenda-week .day .event .streamers{ display:block; padding-top:5px; }
     #content-agenda-week .day .event .streamers img{ width:30px; height:30px; border-radius:15px; }
     #content-agenda-week .day .event .repeat{ display:block; padding-top:5px; }
     #content-agenda-week .day .event .repeat img{ width:30px; height:30px; border-radius:15px; }
    #content-agenda-week .day .event .hour{ display:none; }
   #content-agenda-week .day .past{ /*opacity:0.4 !important;*/ filter:brightness(50%); }
#content-agenda-subscription{ padding:0 0 20px 0; }
 #content-agenda-subscription h1{ text-align:left; color:#F2EDE9; }
 #content-agenda-subscription p{ margin:0; padding:0 0 20px 0; font-size:16px; text-align:left; color:#F2EDE9; }
 #content-agenda-subscription .program{ display:inline-block; margin:0 10px 20px 10px; padding:0 25px 0 0; height:90px; background:#F2EDE9; border-radius:45px; text-align:left; cursor:pointer; opacity:0.5; }
  #content-agenda-subscription .program img{ float:left; margin:0 15px 0 -1px; width:90px; height:90px; border-radius:45px; }
  #content-agenda-subscription .program .name{ font-size:18px; line-height:90px; color:#000; }
 #content-agenda-subscription .selected{ opacity:1; }
 #agenda-subscription-ics{ display:block; width:100%; margin:0; padding:5px 10px; background:#550506; border:#960B0E 1px solid; font-size:18px; color:#F2EDE9; outline:none; }

#content-programs{margin-top:20px; padding:20px 0 0 0; }
 .programs-program{ float:left; display:block; margin:0 0 20px 0; width:49%; height:160px; background:#F2EDE9; border-radius:80px; text-align:left; }
 .programs-program:nth-child(even){ float:right; }
  .programs-program img{ float:left; margin:0 20px 0 -1px; width:160px; height:160px; border-radius:80px; }
  .programs-program .name{ padding:35px 0 10px 0; font-size:24px; font-weight:500; color:#000; }
  .programs-program .live{ font-size:18px; color:#000; }

#content-program-menu{ margin-top:20px; padding:5px 0 25px 0; font-size:0; height:90px; }
 #content-program-menu .prev{ float:left; margin-right:20px; width:30px; height:90px; background:url('../img/prev.svg') center no-repeat; background-size:50px auto; filter:invert(1); opacity:0.91; }
 #content-program-menu .next{ float:right; margin-left:20px; width:30px; height:90px; background:url('../img/next.svg') center no-repeat; background-size:50px auto; filter:invert(1); opacity:0.91; }
 #content-program-menu .prev:hover, #content-program-menu .next:hover{ filter:invert(1) brightness(70%); }
 #content-program-menu .programs_container{ height:190px; overflow:hidden; }
 #content-program-menu .programs{ width:1200px; height:160px; text-align:center; margin-left:50%; transform:translateX(-50%); }
  #content-program-menu .programs .current{ position:relative; margin:0 10px; margin:30px 0 0 0; display:inline-block; width:160px; height:160px; border-radius:90px; vertical-align:top; }
  #content-program-menu .programs .other{ position:relative; margin:0 10px; display:inline-block; width:90px; height:90px; vertical-align:top; }
   #content-program-menu .programs .other img{ width:90px; height:90px; border-radius:45px; }
   #content-program-menu .programs .other img:hover{ opacity:0.8; }
#content-program{ padding:20px 0 20px 0; background:#F2EDE9; text-align:left; }
 #content-program h1{ float:left; }
 #content-program .live{ float:right; font-size:18px; }
 #content-program .name{ padding:20px 0; background:#F2EDE9; text-align:left; }
 #content-program .description{ clear:both; padding:50px 0 20px 0; font-size:18px; line-height:30px; }
 #content-program .description_empty{ clear:both; }
 #content-program .rss{ float:right; padding-left:15px; padding-right:50px; background:url('../img/rss.svg') right no-repeat; background-size:40px 40px; line-height:40px; font-size:18px; color:#000; }
 #content-program .rss:hover{ color:#C69C6D; }
 #content-program .rss_audio{ float:right; padding-right:50px; background:url('../img/rss.svg') right no-repeat; background-size:40px 40px; line-height:40px; font-size:18px; color:#000; }
 #content-program .rss_audio:hover{ color:#C69C6D; }
 #content-program .youtube{ display:block; margin:0 0 20px 0; padding:0 20px 0 50px; height:40px; background:url('../img/youtube.svg') left no-repeat; background-size:40px 40px; line-height:40px; font-size:18px; color:#000; }
 #content-program .youtube:hover{ color:#C69C6D; }
 #content-program .spotify{ display:block; margin:0 0 20px 0; padding:0 20px 0 50px; height:40px; background:url('../img/spotify.svg') left no-repeat; background-size:40px 40px; line-height:40px; font-size:18px; color:#000; }
 #content-program .spotify:hover{ color:#C69C6D; }
 #content-program .streamers{ padding-bottom:10px; }
  #content-program .streamer{ float:left; margin:0 30px 10px 0; line-height:90px; font-size:18px; color:#000; }
   #content-program .streamer img{ margin:0 15px 0 0; width:90px; height:90px; border-radius:45px; vertical-align:middle; }
  #content-program .streamer:hover{ color:#C69C6D; }
 #content-program .videos{ margin:0 -10px 20px -10px; display:flex; flex-direction:row; justify-content:space-between; }
  #content-program .video{ flex-grow:1; width:204px; margin:0 0 10px 0; padding:0 10px; font-size:14px; color:#000; }
  #content-program .video:hover{ color:#C69C6D; }
   #content-program .video img{ margin:0 0 10px 0; max-width:100%; }
 #content-program .recipes h2{ padding-top:20px; border-top:#C69C6D 1px solid; }
 #content-program .recipe{ margin:0 0 20px 0; display:flex; flex-direction:row; }
  #content-program .recipe h3{ margin:0; padding:0 0 20px 0; font-size:20px; font-weight:500; color:#F62323; text-transform:uppercase; }
  #content-program .recipe h4{ margin:0 0 -15px 0; padding:0; font-size:18px; font-weight:500; color:#CC9966; text-transform:uppercase; }
  #content-program .recipe .ingredients img{ margin:0 0 20px 0; }
  #content-program .recipe .instructions{ padding:0 0 0 40px;  }
 #content-program .products{ margin:0 -13px 20px 0; }
  #content-program .product{ float:left; display:inline-block; margin:0 13px 0 0; width:160px; height:225px; font-size:14px; color:#000; }
  #content-program .product:hover{ color:#C69C6D; }
   #content-program .product img{ margin:0 0 10px 0; width:160px; height:160px; }
 #content-program .foxcraft_connexion{ clear:both; padding:0 0 20px 0; font-size:18px; }
  #content-program .foxcraft_connexion b{ clear:both; padding:0 0 20px 0; font-size:18px; font-weight:500; }
 #content-program #foxcraft_map{ margin:0 0 20px 0; width:100%; height:700px; }
 #content-program .foxcraft_commandes{ margin:0 0 20px 0; width:100%; }
  #content-program .foxcraft_commandes th{ padding:5px 20px; font-size:18px; font-weight:500; text-align:left; }
  #content-program .foxcraft_commandes td{ padding:5px 20px; background:#FAFAFA; text-align:left; }
   #content-program .foxcraft_commandes td span{ color:#750000; font-weight:500; }
  #content-program .foxcraft_commandes tr:nth-child(even) td{ background:none; }
 #content-program .foxcraft_asavoir{ clear:both; padding:0 0 20px 0; font-size:18px; }
  #content-program .foxcraft_asavoir b{ clear:both; padding:0 0 20px 0; font-size:18px; font-weight:500; }
  #content-program .foxcraft_asavoir span{ color:#C69C6D; }

#content-streamer-menu{ margin-top:20px; padding:5px 0 25px 0; font-size:0; height:90px; }
 #content-streamer-menu .prev{ float:left; margin-right:20px; width:30px; height:90px; background:url('../img/prev.svg') center no-repeat; background-size:50px auto; filter:invert(1); opacity:0.91; }
 #content-streamer-menu .next{ float:right; margin-left:20px; width:30px; height:90px; background:url('../img/next.svg') center no-repeat; background-size:50px auto; filter:invert(1); opacity:0.91; }
 #content-streamer-menu .prev:hover, #content-streamer-menu .next:hover{ filter:invert(1) brightness(70%); }
 #content-streamer-menu .streamers_container{ height:190px; overflow:hidden; }
 #content-streamer-menu .streamers{ width:1200px; height:160px; text-align:center; margin-left:50%; transform:translateX(-50%); }
  #content-streamer-menu .streamers .current{ position:relative; margin:0 10px; margin:30px 0 0 0; display:inline-block; width:160px; height:160px; border-radius:90px; vertical-align:top; }
  #content-streamer-menu .streamers .other{ position:relative; margin:0 10px; display:inline-block; width:90px; height:90px; vertical-align:top; }
   #content-streamer-menu .streamers .other img{ width:90px; height:90px; border-radius:45px; }
   #content-streamer-menu .streamers .other img:hover{ opacity:0.8; }
#content-streamer{ padding:20px 0 20px 0; background:#F2EDE9; text-align:left; }
 #content-streamer h1{ float:left; }
 #content-streamer .live{ float:right; font-size:18px; }
 #content-streamer .name{ padding:20px 0; background:#F2EDE9; text-align:left; }
 #content-streamer .description{ clear:both; padding:50px 0 20px 0; font-size:18px; line-height:30px; }
 #content-streamer .description_empty{ clear:both; }
 #content-streamer .programs{ padding-bottom:10px; }
  #content-streamer .program{ float:left; margin:0 30px 10px 0; line-height:90px; font-size:18px; color:#000; }
   #content-streamer .program img{ margin:0 15px 0 0; width:90px; height:90px; border-radius:45px; vertical-align:middle; }
  #content-streamer .program:hover{ color:#C69C6D; }
  #content-streamer .social{ padding:0 0 20px 0; font-size:0; color:#000; }
   #content-streamer .social a{ display:inline-block; margin:0 15px 10px 0; height:35px; line-height:35px; font-size:18px; color:#000; }
   #content-streamer .social a:hover{ color:#C69C6D; }
   #content-streamer .social a span{ display:inline-block; width:35px; height:35px; margin:0 5px 0 0; filter:invert(1) brightness(5%); vertical-align:top; }
   #content-streamer .social a:hover span{ filter:invert(1) brightness(50%); }
   #content-streamer .social .twitter span{ background:url('../img/twitter.svg') no-repeat; }
   #content-streamer .social .facebook span{ background:url('../img/facebook.svg') no-repeat; }
   #content-streamer .social .instagram span{ background:url('../img/instagram.svg') no-repeat; }
   #content-streamer .social .steamid span{ background:url('../img/steam.svg') no-repeat; }
   #content-streamer .social .nintendo span{ background:url('../img/nintendo.svg') no-repeat; }
   #content-streamer .social .xbox span{ background:url('../img/xbox.svg') no-repeat; }
   #content-streamer .social .psn span{ background:url('../img/psn.svg') no-repeat; }
   #content-streamer .social .battlenet span{ background:url('../img/battlenet.svg') no-repeat; }
   #content-streamer .social .uplay span{ background:url('../img/uplay.svg') no-repeat; }
   #content-streamer .social .origin span{ background:url('../img/origin.svg') no-repeat; }
   #content-streamer .social .gog span{ background:url('../img/gog.svg') no-repeat; }
   #content-streamer .social .pokemongo span{ background:url('../img/pokemongo.svg') no-repeat; }
  #content-streamer .config_stream{ display:inline-block; padding:0 50px 20px 0; color:#000; vertical-align:top; line-height:30px; }
  #content-streamer .preferences{ display:inline-block; padding:0 50px 20px 0; color:#000; vertical-align:top; }
   #content-streamer .preferences div{ line-height:30px; }
    #content-streamer .preferences div span{ font-weight:500; }
  #content-streamer .oeuvres_culturelles{ display:inline-block; padding:0 0 20px 0; color:#000; vertical-align:top; }
   #content-streamer .oeuvres_culturelles div{ line-height:30px; }
    #content-streamer .oeuvres_culturelles div span{ font-weight:500; }
 #content-streamer .products{ margin:0 -13px 20px 0; }
  #content-streamer .product{ float:left; display:inline-block; margin:0 13px 0 0; width:160px; height:225px; font-size:14px; color:#000; }
  #content-streamer .product:hover{ color:#C69C6D; }
   #content-streamer .product img{ margin:0 0 10px 0; width:160px; height:160px; }

#content-streamers-menu{ margin-top:20px; padding:20px 0 30px 0; font-size:0; }
 #content-streamers-menu a.order{ display:inline-block; margin:0 5px; padding:0 15px; line-height:40px; background:url('../img/blanc-25pc.png'); border-radius:20px; color:#000; font-size:18px; }
 #content-streamers-menu a.order:hover{ background:url('../img/noir-25pc.png'); color:#F2EDE9; }
 #content-streamers-menu span.order{ display:inline-block; margin:0 5px; padding:0 15px; line-height:40px; background:#F2EDE9; border-radius:20px; color:#000; font-size:18px; }
#content-streamers{  }
 .streamers-streamer{ margin:0 0 20px 0; min-height:160px; background:#F2EDE9; border-radius:80px; text-align:right; }
  .streamers-streamer .streamer-logo{ float:left; margin:0 20px 0 -1px; width:160px; height:160px; border-radius:80px; }
  .streamers-streamer .identity{ float:left; text-align:left; }
   .streamers-streamer .name{ display:block; padding:15px 0 10px 0; font-size:24px; font-weight:500; color:#000; }
   .streamers-streamer .programs{ font-size:0; color:#000; }
    .streamers-streamer .programs img{ margin:0 10px 0 0; width:90px; height:90px; border-radius:45px; }
    .streamers-streamer .programs img:hover{ opacity:0.8; }
  .streamers-streamer .social{ padding:20px 70px 20px 0; font-size:0; color:#000; }
   .streamers-streamer .social a{ display:inline-block; width:35px; height:35px; margin:0 0 0 5px; filter:invert(1) brightness(5%); }
   .streamers-streamer .social a:hover{ filter:invert(1) brightness(50%); }
   .streamers-streamer .social .twitter{ background:url('../img/twitter.svg') no-repeat; }
   .streamers-streamer .social .facebook{ background:url('../img/facebook.svg') no-repeat; }
   .streamers-streamer .social .instagram{ background:url('../img/instagram.svg') no-repeat; }
   .streamers-streamer .social .steamid{ background:url('../img/steam.svg') no-repeat; }
   .streamers-streamer .social .nintendo{ background:url('../img/nintendo.svg') no-repeat; }
   .streamers-streamer .social .xbox{ background:url('../img/xbox.svg') no-repeat; }
   .streamers-streamer .social .psn{ background:url('../img/psn.svg') no-repeat; }
   .streamers-streamer .social .battlenet{ background:url('../img/battlenet.svg') no-repeat; }
   .streamers-streamer .social .uplay{ background:url('../img/uplay.svg') no-repeat; }
   .streamers-streamer .social .origin{ background:url('../img/origin.svg') no-repeat; }
   .streamers-streamer .social .gog{ background:url('../img/gog.svg') no-repeat; }
   .streamers-streamer .social .pokemongo{ background:url('../img/pokemongo.svg') no-repeat; }
  .streamers-streamer .live{ padding:0 70px 0 0; font-size:18px; color:#000; }

#content-viewers{ padding:40px 0 20px 0; }
 #content-viewers #viewers_chatrank_podium{ margin-left:-21px; }
  #content-viewers #viewers_chatrank_podium .viewer_chatrank{ float:left; display:block; margin:0 0 20px 21px; width:386px; height:200px; background:#000; border-radius:20px; font-size:0; }
   #content-viewers #viewers_chatrank_podium .viewer_chatrank .rank{ float:left; display:inline-block; width:80px; height:200px; line-height:205px; font-size:38px; font-weight:500; background:#000; color:#F2EDE9; border-radius:19px 0 0 19px; text-align:center; }
   #content-viewers #viewers_chatrank_podium .viewer_chatrank div{ background-repeat:no-repeat; margin-left:80px; height:200px; background-size:cover; border-radius:0 20px 20px 0; background-position:center; }
    #content-viewers #viewers_chatrank_podium .viewer_chatrank .name{ display:block; font-size:24px; line-height:80px; background:url('../img/blanc-50pc.png'); border-radius:0 20px 0 0; font-weight:500; overflow:hidden; }
    #content-viewers #viewers_chatrank_podium .viewer_chatrank .level{ display:block; margin:10px 10px 0 10px; padding:2px 0; font-size:20px; text-align:center; background:url('../img/blanc-25pc.png'); }
    #content-viewers #viewers_chatrank_podium .viewer_chatrank .title{ display:block; margin:10px; padding:2px 0; font-size:20px; text-align:center; background:url('../img/blanc-25pc.png'); }
    #content-viewers #viewers_chatrank_podium .viewer_chatrank .xp{ display:block; margin:0 10px; padding:2px 0; font-size:16px; text-align:center; background:url('../img/blanc-25pc.png'); }
 #content-viewers #viewers_search{ margin-bottom:20px; padding:0 20px; width:300px; height:40px; line-height:40px; font-size:18px; border:0; border-radius:20px; outline:none; }
 #content-viewers #viewers_chatrank{ text-align:left; margin-left:-20px; }
  #content-viewers #viewers_chatrank .viewer_chatrank{ float:left; display:block; margin:0 0 20px 20px; width:590px; height:40px; line-height:40px; background:#F2EDE9; border-radius:20px; font-size:0; }
   #content-viewers #viewers_chatrank .viewer_chatrank .rank{ float:left; display:inline-block; margin-left:-1px; width:40px; font-size:18px; font-weight:500; background:#000; color:#F2EDE9; border-radius:20px; text-align:center; }
   #content-viewers #viewers_chatrank .viewer_chatrank .name{ display:inline-block; padding-left:10px; font-size:18px; font-weight:500; overflow:hidden; }
   #content-viewers #viewers_chatrank .viewer_chatrank .title{ float:right; display:inline-block; padding:0 20px 0 5px; font-size:14px; text-align:center; }
   #content-viewers #viewers_chatrank .viewer_chatrank .xp{ float:right; display:inline-block; padding:0 5px; font-size:14px; text-align:center; }
   #content-viewers #viewers_chatrank .viewer_chatrank .level{ float:right; display:inline-block; padding:0 5px; font-size:14px; font-weight:500; text-align:center; }
#content-viewers-vip_rules{ padding:20px 0 20px 0; }
 #content-viewers-vip_rules h1{ text-align:left; color:#F2EDE9; }
 #content-viewers-vip_rules h2{ text-align:left; color:#F2EDE9; }
 #content-viewers-vip_rules p{ margin:0; padding:0 0 20px 0; font-size:16px; text-align:left; color:#F2EDE9; }

#content-soutenir{ padding:40px 0 40px 0; }
 #content-soutenir h1{ font-size:36px; color:#F2EDE9; }
 #content-soutenir p{ margin:0; padding:0; font-size:18px; color:#F2EDE9; text-align:left; }
 #content-soutenir h2{ font-size:34px; color:#F2EDE9; }
 #content-soutenir .signature{ height:175px; background:url('../img/signature.png') top right no-repeat; }
 #content-soutenir .boutons{ margin:0 0 50px 0; }
  #content-soutenir .twitch{ float:left; display:inline-block; width:235px; height:90px; padding:0 0 0 25px; background:#F2EDE9 url('../img/twitch.svg') 170px center no-repeat; background-size:60px 60px; vertical-align:middle; text-align:left; line-height:90px; font-size:24px; font-weight:500; color:#654598; border-radius:45px; }
  #content-soutenir .paypal{ float:right; display:inline-block; width:260px; height:90px; background:#F2EDE9 url('../img/paypal.png') center center no-repeat; border-radius:45px; }
  #content-soutenir .patreon{ display:inline-block; width:380px; height:90px; background:#F2EDE9 url('../img/patreon.png') center center no-repeat; border-radius:45px; }
  #content-soutenir .tipeee{ display:inline-block; width:260px; height:90px; background:#F2EDE9 url('../img/tipeee.png') center center no-repeat; border-radius:45px; }
  #content-soutenir .twitch:hover, #content-soutenir .paypal:hover, #content-soutenir .tipeee:hover{ background-color:#c8c8c8; }
 #content-soutenir .tipeurs{ margin-bottom:50px; font-size:18px; line-height:30px; color:#F2EDE9; }
 #content-soutenir .partners{ margin-bottom:30px; font-size:18px; line-height:30px; color:#F2EDE9; }
  #content-soutenir .partner_twitch{ float:left; display:inline-block; width:301px; height:100px; background:url('../img/partner_twitch.png') center center no-repeat; }
  #content-soutenir .partner_etigris{ float:right; display:inline-block; width:304px; height:100px; background:url('../img/partner_etigris.png') center center no-repeat; }

#content-goodies{ margin-top:20px; padding:20px 0 40px 0; }
 #content-goodies h1{ font-size:36px; color:#F2EDE9; }
 #content-goodies .boutique-produits{ margin:0 -10px 20px -10px; display:flex; flex-direction:row; }
  #content-goodies .boutique-produit{ flex-grow:1; margin:0 0 10px 0; padding:0 10px; font-size:14px; color:#F2EDE9; }
   #content-goodies .boutique-produit .designation{ margin:0 0 10px 0; }
   #content-goodies .boutique-produit .prix{ font-size:38px; margin:0 0 10px 0; }
    #content-goodies .boutique-produit .prix span{ display:inline-block; font-size:12px; font-style:italic; text-align:left; }
   #content-goodies .boutique-produit img{ margin:0 0 10px 0; max-width:100%; border-radius:10px; }
 #content-goodies .panorama_studio_desktop{ padding:0 0 30px 0; }
 #content-goodies .panorama_studio_mobile{ display:none; padding:0; }
  #content-goodies .panorama_studio_mobile img{ width:100%; }
 #content-goodies .backgrounds{ font-size:0; }
  #content-goodies .backgrounds img{ margin:2px; }

#content-vod{margin-top:20px; padding:20px 0 0 0; }
 .vod-program{ float:left; margin:0 0 20px 0; width:49%; height:160px; background:#F2EDE9; border-radius:80px; text-align:left; }
 .vod-program:nth-child(even){ float:right; }
  .vod-program img{ float:left; margin:0 20px 0 -1px; width:160px; height:160px; border-radius:80px; }
  .vod-program .name{ padding:15px 0 10px 0; font-size:24px; font-weight:500; color:#000; }
  .vod-program .vod{ color:#000; }
   .vod-program .vod .youtube{ display:inline-block; margin:0 0 10px 0; padding:0 20px 0 50px; height:40px; background:url('../img/youtube.svg') left no-repeat; background-size:40px 40px; line-height:40px; font-size:18px; color:#000; }
   .vod-program .vod .youtube:hover{ color:#C69C6D; }
   .vod-program .vod .rss{ display:inline-block; margin:0 0 10px 0; padding:0 20px 0 50px; height:40px; background:url('../img/rss.svg') left no-repeat; background-size:40px 40px; line-height:40px; font-size:18px; color:#000; }
   .vod-program .vod .rss:hover{ color:#C69C6D; }
   .vod-program .vod .rss_audio{ display:inline-block; margin:0 0 10px 0; padding:0 20px 0 50px; height:40px; background:url('../img/rss.svg') left no-repeat; background-size:40px 40px; line-height:40px; font-size:18px; color:#000; }
   .vod-program .vod .rss_audio:hover{ color:#C69C6D; }

#content-barometre{ margin-top:20px; padding:20px 0 40px 0; }
 #content-barometre h1{ font-size:36px; color:#F2EDE9; }

#content-confidentialite{ margin-top:20px; padding:20px 0 40px 0; }
 #content-confidentialite h1{ font-size:36px; color:#F2EDE9; }
 #content-confidentialite h2{ font-size:28px; color:#F2EDE9; text-align:left; }
 #content-confidentialite h3{ font-size:20px; color:#F2EDE9; text-align:left; }
 #content-confidentialite p{ padding:0 0 20px 0; font-size:18px; color:#F2EDE9; text-align:left; }

#content-twitch-extension-cu{ margin-top:20px; padding:20px 0 40px 0; }
 #content-twitch-extension-cu h1{ font-size:36px; color:#F2EDE9; }
 #content-twitch-extension-cu p{ padding:0 0 20px 0; font-size:18px; color:#F2EDE9; text-align:left; }

#content-irl{ margin-top:20px; padding:20px 0 40px 0; }
 #content-irl h1{ font-size:36px; color:#F2EDE9; }

footer{ background:#750000; font-size:12px; color:#F2EDE9; font-weight:500; }
 #social{ padding:20px 0 30px 0; font-size:0; }
  #social a{ display:inline-block; margin:0 7px; width:40px; height:40px; filter:invert(1); opacity:0.91; }
  #social a:hover{ filter:invert(1) brightness(70%); }
  #twitter{ background:url('../img/twitter.svg') no-repeat; }
  #facebook{ background:url('../img/facebook.svg') no-repeat; }
  #instagram{ background:url('../img/instagram.svg') no-repeat; }
  #medium{ background:url('../img/medium.svg') no-repeat; }
  #twitch{ background:url('../img/twitch_rond.svg') no-repeat; }
  #youtube{ background:url('../img/youtube.svg') no-repeat; }
 #copyright{ float:left; padding:20px 0 30px 0; }
 #contact{ float:right; padding:20px 0 30px 0; }
  #contact a, #copyright a{ color:#C69C6D; }
  #contact a:hover, #copyright a:hover{ color:#FFF; }

@media screen and (max-width:1240px)
{
 #menu{ /*width:420px;*/ float:none; padding:20px 0 0 0; line-height:60px; text-align:right; }
    #content-agenda-week .day .event .logo{ display:none; }
 #accueil-events-container{ width:47%; }
 #accueil-event-container{ margin:0 0 0 6%; width:47%; }
 #accueil-infos-container{ display:none; }
 #content-viewers #viewers_chatrank_podium{ margin-left:0; }
  #content-viewers #viewers_chatrank_podium .viewer_chatrank{ float:none; margin-left:0; width:auto; }
 #content-viewers #viewers_chatrank{ margin-left:0; }
  #content-viewers #viewers_chatrank .viewer_chatrank{ float:none; margin-left:0; width:auto; }
}

@media screen and (max-width:1020px)
{
header{ background-size:1000px; }
 .programs-program{ float:none; width:100%; }
 .programs-program:nth-child(even){ float:none; }
 #accueil-soutenir{ float:none; padding:0 0 40px 0; width:100%; text-align:center; }
 #accueil-social{ float:none; width:100%; margin-left:0; margin-right:0; text-align:center; }
 #accueil-extra{ float:none; width:100%; text-align:center; }
 .vod-program{ float:none; width:100%; }
 .vod-program:nth-child(even){ float:none; }
   .vod-program .vod .youtube, .vod-program .vod .rss, .vod-program .vod .rss_audio{ margin-bottom:5px; font-size:16px; background-size:30px 30px; line-height:30px; height:30px; }
}

@media screen and (max-width:900px)
{
 #menu-drop{ display:block; position:absolute; width:50px; height:50px; top:5px; right:10px; background:url('../img/menu-drop.svg') no-repeat; filter:invert(1); text-align:right; cursor:pointer; }
 #menu{ display:none; position:absolute; width:auto; line-height:40px; background:#750000; box-shadow:0 0 5px #000; padding:20px; top:60px; right:10px; z-index:99; }
  #menu a{ display:block; margin-left:0; }
  #menu a.selected{ border-radius:30px; }
 #live{ height:240px; }
  #live-button{ display:none; }
  #live-title{ font-size:14px; }
  #live-name{ min-height:65px; font-size:20px; }
  #live-button-small{ display:block; margin:0 auto; }
 h1{ text-align:center; }
 #accueil-events-container{ float:none; width:100%; padding-bottom:10px; }
  #accueil-events_type_bar{ margin-left:auto; margin-right:auto; }
 #accueil-event-container{ float:none; margin:0; width:100%; padding-bottom:40px; }
  #accueil-event_type_bar{ margin-left:auto; margin-right:auto; }
 #content-agenda-menu .date{ float:none; margin:0 auto 20px auto; }
 #content-agenda-menu .subscribe{ float:none; margin:0 5px; width:auto; }
   #content-agenda-day .event img{ margin-right:10px; }
   #content-agenda-day .event .name{ float:none; padding-top:20px; line-height:25px; font-size:18px; text-align:left; }
   #content-agenda-day .event .hour{ padding-right:0; line-height:25px; font-size:16px; text-align:left; }
#content-agenda-week{ padding-bottom:0; }
 #content-agenda-week .days{ display:block; flex-direction:none; }
  #content-agenda-week .hour_index{ display:none; }
  #content-agenda-week .day{ height:auto !important; margin:0 0 20px 0; flex-grow:none; border-left:none; }
   #content-agenda-week .day .day_index{ position:static; line-height:30px; display:block; }
   #content-agenda-week .day .event{ position:static; width:auto; padding:5px 10px; height:auto !important; border-top:#550506 1px solid; display:block; text-align:center !important; }
    #content-agenda-week .day .event .logo{ display:inline-block; margin-left:0; }
    #content-agenda-week .day .event .name{ font-size:18px; }
    #content-agenda-week .day .event .hour{ display:block; }
 #content-agenda-subscription h1{ text-align:center; }
#content-program{ padding:100px 0 10px 0; }
 #content-program .rss{ float:none; display:block; margin-bottom:20px; padding-left:50px; padding-right:0; background-position:left; }
 #content-program .rss_audio{ float:none; display:block; margin-bottom:20px; padding-left:50px; padding-right:0; background-position:left; }
 #content-program .recipe{ display:block; flex-direction:none; }
  #content-program .recipe .ingredients img{ width:100%; }
  #content-program .recipe .instructions{ padding:20px 0 0 0; }
 .streamers-streamer{ border-radius:60px; }
  .streamers-streamer .streamer-logo{ margin-right:10px; width:120px; height:120px; border-radius:60px; }
  .streamers-streamer .identity{ float:none; }
   .streamers-streamer .name{ font-size:18px; }
   .streamers-streamer .programs{ min-height:80px; }
    .streamers-streamer .programs img{ margin:0 5px 5px 0; width:60px; height:60px; border-radius:30px; }
  .streamers-streamer .social{ padding:0 0 10px 0; text-align:center; }
   .streamers-streamer .social a{ margin:0 0 2px 2px; }
  .streamers-streamer .live{ padding:0 0 10px 0; font-size:16px; text-align:center; }
  #content-viewers #viewers_chatrank .viewer_chatrank{ height:80px; line-height:40px; border-radius:40px; }
   #content-viewers #viewers_chatrank .viewer_chatrank .rank{ float:left; margin-left:-3px; width:80px; height:80px; border-radius:40px; line-height:80px; font-size:24px; }
   #content-viewers #viewers_chatrank .viewer_chatrank .name{ display:block; font-size:22px; }
   #content-viewers #viewers_chatrank .viewer_chatrank .title{ padding-right:40px; }
 #content-viewers-vip_rules h1, #content-viewers-vip_rules h2{ text-align:center; }
#content-streamer{ padding:100px 0 10px 0; }
 #content-soutenir .signature{ background-position:top center; }
 #content-soutenir .twitch{ float:none; display:block; margin:0 auto 20px auto; }
 #content-soutenir .paypal{ float:none; display:block; margin:0 auto 20px auto; }
 #content-soutenir .tipeee{ display:block; margin:0 auto; }
 #content-soutenir .partner_twitch{ float:none; display:block; margin:0 auto 20px auto; }
 #content-soutenir .partner_etigris{ float:none; display:block; margin:0 auto; }
}

@media screen and (max-width:630px)
{
#content-program h1{ float:none; text-align:center; }
#content-program h2{ text-align:center; }
 #content-program .live{ float:none; margin-bottom:20px; text-align:center; }
 #content-program .description{ padding-top:0; }
 #content-program .streamer{ float:none; display:block; padding-left:20px; border-radius:45px; color:#000; }
  #content-program .streamer img{ margin-left:-1px; }
 #content-streamers-menu a.order, #content-streamers-menu span.order{ margin:0 5px 10px 5px; }
#content-streamer h1{ float:none; text-align:center; }
#content-streamer h2{ text-align:center; }
 #content-streamer .live{ float:none; margin-bottom:20px; text-align:center; }
 #content-streamer .description{ padding-top:0; }
 #content-streamer .program{ float:none; display:block; padding-left:20px; border-radius:45px; color:#000; }
  #content-streamer .program img{ margin-left:-1px; }
  #content-streamer .social{ padding-left:20px; padding-right:10px; font-size:0; color:#000; }
  #content-streamer .config_stream, #content-streamer .preferences, #content-streamer .oeuvres_culturelles{ display:block; padding-right:0; }
 #content-goodies .boutique-produits{ display:block; margin:0; width:100%; flex-direction:none; }
 #content-program .videos{ display:block; margin:0; width:100%; flex-direction:none; justify-content:center; text-align:center; }
  #content-program .video{ display:block; flex-grow:none; padding:0 0 10px 0; width:100%; }
 #content-program #foxcraft_map{ height:300px; }
  #content-program .foxcraft_commandes th{ display:none; }
  #content-program .foxcraft_commandes td{ display:block; background:#FAFAFA; }
  #content-program .foxcraft_commandes td:first-child{ padding-top:5px; border-radius:15px 15px 0 0; font-weight:500; }
  #content-program .foxcraft_commandes td:last-child{ padding-bottom:5px; margin-bottom:20px; border-radius:0 0 15px 15px; }
  #content-program .foxcraft_commandes tr:nth-child(even) td{ background:#FAFAFA; }
  #content-goodies .boutique-produit{ display:block; flex-grow:none; padding:0 0 10px 0; width:100%; }
 #content-goodies .panorama_studio_desktop{ display:none; padding:0; }
 #content-goodies .panorama_studio_mobile{ display:block; padding:0 0 30px 0; }
  #content-goodies .backgrounds img{ max-width:320px; }
 #copyright{ float:none; }
 #contact{ float:none; }
}

@media print
{
@page{ margin:0; }
body{ margin:1cm; background:none; }
header, footer{ display: none; }
#header_print{ display:block; height:100px; background:url('../img/logo_print.png') no-repeat top center; }
#content-accueil, #content-program, #content-streamer, #content-soutenir{ background:none; }
 .programs-program{ float:none; width:100%; }
 .programs-program:nth-child(even){ float:none; }
 #content-agenda-menu .date, #content-agenda-menu .date a, #content-agenda-menu .subscribe{ color:#000; }
 #content-agenda-menu, #content-agenda-subscription{ display:none; }
#content-program-menu{ display: none; }
 #content-program .description{ padding-top:20px; }
 #content-program .recipes h2{ page-break-before:always; border-top:0 !important; }
  #content-program .recipe .ingredients img{ width:150px; }
#content-streamer-menu{ display: none; }
 #content-streamer .description{ padding-top:20px; }
 .streamers-streamer{ border-radius:60px; }
  .streamers-streamer .streamer-logo{ margin-right:10px; width:120px; height:120px; border-radius:60px; }
  .streamers-streamer .identity{ float:none; }
   .streamers-streamer .name{ font-size:18px; }
   .streamers-streamer .programs{ min-height:80px; }
    .streamers-streamer .programs img{ margin:0 5px 5px 0; width:60px; height:60px; border-radius:30px; }
  .streamers-streamer .social{ padding:0 0 10px 0; text-align:center; }
   .streamers-streamer .social a{ margin:0 0 2px 2px; }
  .streamers-streamer .live{ padding:0 0 10px 0; font-size:16px; text-align:center; }
 #content-soutenir h1, #content-soutenir h2, #content-soutenir p{ color:#000; }
 #content-goodies h1, #content-goodies .boutique-produit{ color:#000; }
}