.blog{

}


.youtube{

}

.youtube h4, .youtube a:hover{
    color: #ff0000;
} 

.tests{

}
.tests h4, .tests a:hover{
    color: #08b3ea;
} 

.streams h4, .streams a:hover {
    color: #ffd80f;
}

.podcasts h4, .podcasts a:hover{
    color: #08d608;
} 
.stadia_card{
    border-radius: 10px;
    transition: all 0.2s;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0);
    padding-top: 10px;
    padding-bottom: 10px;
}
.stadia_card:hover{
    transform: scale(1.02);
    background-color: rgba(255,255,255,.05);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
}
.zone{
    background-color: #2D2E31;
    border-radius: 10px;
    padding:20px;
    margin-bottom:10px;
    transition: all 0.3s ease-out;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
}
.zone:hover{
    transform: scale(1.015);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.5);
}
.networks .zone{
 font-weight: bold;
}

.networks .zone:hover{
opacity: 1;
}
.discord, .discord a{
    background-color:#5f74b9;
}

.twitter, .twitter a{
    background-color:#0289be;
}

.facebook, .facebook a{
    background-color:#294274;;
}

.instagram, .instagram a{
    background-color:#66298a;
}

.discord:hover, .instagram a:hover{
 background-color:#6E85D3;
}

.twitter:hover, .instagram a:hover{
    background-color:#00ACEE;
}

.facebook:hover, .instagram a:hover{
    background-color:#34518C;
}

.instagram:hover, .instagram a:hover{
    background-color:#7D32AA;
}
.networks a:hover{
    color:white ;
}
 

.div_youtube{
    background-position-y: 55%;
    background-size: cover;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.3);
}
.ratio>svg {
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    opacity: 0.7;
}
.yt_titre{
    background-position-y: 55%;
    background-size: cover;
}


.endirect ul{ 
    padding:0px;
}
.endirect li a{ 
    font-weight: 900; 
    font-size: 1rem;
    text-align: justify;
}
.endirect li{
    background-color: rgba(232,234,237,0.051);
    color: rgb(150, 150, 150);
    margin-top:20px;
    margin-bottom:20px; 
    list-style: none;
    border-radius: 0.25rem;
    padding: 0.625rem;
    font-size: 0.7rem;
}

.forums ul{ 
    padding:0px;
}
.forums li a{ 
    font-weight: 900;
    font-size: 1rem;
    text-align: justify;
}
.forums li{
    background-color: rgba(232,234,237,0.051);
    color: rgb(150, 150, 150);
    margin-top:20px;
    margin-bottom:20px; 
    list-style: none;
    border-radius: 0.25rem;
    padding: 0.625rem;
    font-size: 0.7rem;
}

.alaune{
    position: relative;
    background-color: #2D2E31;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
    padding: 30px;
    border-radius: 0px 0px 10px 10px;
    font-size: 1.5em;
    font-weight: 700;
}
.auteur{
    color: rgb(150, 150, 150); 
    font-size: 0.7rem;
}

.auteur a{
    color: rgb(189, 187, 187);
    font-size: 0.7rem;
    font-weight: 500;
}



.podcasts .description{
    font-size: 1rem;
} 

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0;
}

    h4{
        margin-top: 25px;
        margin-bottom: 20px;
        padding: 5px;
    }

@media (max-width: 992px)
{
    .alaune{
        margin:0px;
    }
}










.planning .content {
    border-radius: 5px;
    margin:0px;
    padding: 0px;
    height: 100%;
}

.legend{
    background-color: rgba(232,234,237,0.051);
    color: rgb(255, 255, 255);
    border-radius: 0.5rem;
    padding: 5;
    font-size: 1rem;
    text-align: center;
    padding: 5px;
    opacity: 0.5;
  transition: all .3s ease-out;
}
.legend:hover{
    opacity: 1;
}


.stream{
    background-color: rgba(232,234,237,0.051);
    color: rgb(150, 150, 150);
    margin-top:10px;
    border-radius: 0.5rem;
    padding: 0;
    font-size: 0.7rem;
    height:400px;
    border:0px solid rgba(255, 255, 255, 0.164);
    background-size: cover;
    background-position: center;
    background-blend-mode: soft-light;
    transition: all .3s ease-out;
}
.stream.align-left{
    background-position: left;
}
.stream.align-right{
    background-position: right;
}
.stream:hover{
    background-blend-mode: unset;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.8);
    transform: scale(1.2);
}
.sleep:hover{
    background-blend-mode: soft-light;
    transform:none;

}
.demi{
    height:200px; 
}

.planning  h3{
    color: white;
    margin:0px;
    padding: 0px;
    font-size: 1.3rem;
    margin-top: 30px;
}
.planning  h4{
    color: white;
    margin: 0px;
    padding: 0px;
    font-size: 1.3rem;
    font-weight: bold;
    text-shadow: 0px 0px 7px black;
    background-color: #00000094;
    text-align: center;
}

.planning .content{

}
.horraire{
    background-color: #000000ce;
    margin: 0px;
    padding: 0px;
    color:white;
    font-size: 1rem;
    text-align: center;
    font-weight: 800;
    border-radius: 6px 6px 0 0;
}
.planning .streamer{
    background-color: #00000096;
    margin: 0px;
    padding: 10px;
    color: white;
    font-size: 0.8rem;
    text-align: center;
    font-weight: bold;
    border-radius: 0 0 6px 6px;
}

.planning .sleep{
    background-image:url(https://singularityhub.com/wp-content/uploads/2019/02/learning-while-sleeping-neuroscience-shutterstock-686222875.png);
    background-color:#2c2c2c;
}
.planning .surprise{
    background-image:url(https://ssl.gstatic.com/stadia/gamers/assets/home-featured-new-releases-2021-01@2x.webp);
    background-color:#2c2c2c;
    background-position-x: -115px;
}
.planning .letsplay{
   border-color:#c3a90e;
   background-color:#c3a90e;
}
.planning .commu{
    border-color:#118349;
    background-color:#118349;
   
}
.planning .actu{
    border-color:#b60c33;
    background-color:#b60c33;
   
}
.planning .dossier{
    border-color:#751e6b;
    background-color:#751e6b;
}


@media (max-width: 992px){
    
    .stream{

        height:150px;
        padding:0px;
    }
    .stream:hover{
        transform: none;
    }
    .demi{
        height:75px;
    }
    
    .planning  h4{
        text-shadow: 0px 0px 7px black;
        background-color: transparent;
        display:inline;
        width: auto;
        margin:0px;
        padding: 5px;
        height:100%;
    }
    
    .horraire{
        text-shadow: 0px 0px 7px black;
        display:inline;
        width: auto;
        margin:0px;
        padding: 5px;
        border-radius: 0 5px 5px 0;
        margin-left:-12px;
        height:100%;
    }
    .planning .streamer{
        text-shadow: 0px 0px 7px black;
        background-color: transparent;
        width: 100%;
        margin:0px;
        padding: 5px;
        height:100%;
        text-align: left;
    }
}