body{
    font-family: 'Ubuntu', sans-serif;
    margin:0;
    background:#282828; 
}
header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:25px;
}
header img{
    filter: invert(1);
    padding:10px;
}
header img:hover{
    
    filter: invert(1);
}
header img:active{
    transition:0.5s;
    z-index:-1;
    background:#000;
    border-radius:200px;
    
}
header h3{
    color:#fff;
}
header a{
    text-decoration:none;
}
.container{
    margin-left:29.5%;
    margin-right:29.5%;
    color:#fff;
}
.title{
    background:#0000006d;
    padding:12px;
    border-radius:20px;
}
.title h1{
    margin-left:20px;
}
.imgetdetails{
    display:flex;
    justify-content:center;
    align-items:center;
}
.imgetprix{
    display:grid;
}
.imgetprixgratuit p{
    text-align:center;
    font-size:1.5rem;
    margin-bottom:0;
    background:rgb(53, 160, 53);
    padding:9px;
    border-radius: 10px;
    margin-top:1.5vh;
}
.imgetprixpayant p{
    text-align:center;
    font-size:1.5rem;
    margin-bottom:0;
    background:rgb(69, 131, 188);
    padding:9px;
    border-radius: 10px;
}
.apercuetdetails{
    padding-left:35px;
    display:grid;
    justify-content:center;
}
.details h3{
    margin-top:0;
}
.apercu{
    display:grid;
    padding-bottom:20px;
    background:#0000006d;
    padding:20px;
    border-radius:20px;
}
.apercu img{
    padding-top:10px;
}
#slider {
    position:relative;
    width:340px;
    height:202.58px;
    overflow:hidden;
    z-index:4;
}
#slider ul {
    position: relative;
    list-style:none;
    height:100%;
    width:10000%;
    padding:0;
    margin:0;
    transition:all 750ms ease;
    left:0;
}
#slider ul li {
    position:relative;
    height:100%;
    float:left;
}
#slider ul li img{
    width:340px;;
    height:202.58px;
}
#prev,#next{
   
    text-align: center;
    color: rgb(255, 255, 255);
    text-decoration: none;
    position: absolute;
    top: 50%;
    border-radius:50px;;
    font-size: 2rem;
    padding:10px;
    transform: translateY(-50%);
    transition:0.5s;
}

#prev, #next:hover{
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}
#slider #prev{
    font-size:1.5rem;
}
#slider #next{
    right:1px;
    font-size:1.5rem;
}
#slider #prev:hover, #slider #next:hover {
    background-color: rgba(255, 255, 255, 0.395);
    transition:0.5s;
    color:#000;
}
.description{
    background:#0000006d;
    padding:12px;
    border-radius:20px;
}
.description h3{
    padding-left:15px;
    padding-right:15px;
}
.description p{
    padding-left:15px;
    padding-right:15px;
}
.link{
    text-decoration:none;
    color:#fff;
}
.dlonsteam{
    border-radius:5px;
    padding:15px;
    text-align:center;
    background:linear-gradient(100deg,rgb(2, 24, 121),rgb(75, 107, 166));
}
.dlonsteam a{
    text-decoration:none;
    color:#fff;
}
.dlonsteam:hover{
    background:linear-gradient(100deg,rgb(2, 18, 92),rgb(50, 76, 123));
    cursor:pointer;
}
.dlonsteam:active{
    background:linear-gradient(100deg,rgb(2, 24, 121),rgb(75, 107, 166));
}
.graphnote{
    padding:30px;
    border-radius:20px;
    margin-top:3vh;
}
.textallcritik{
    text-align:center;
}
.allcritik{
    display:flex;
    justify-content:space-around;;
    align-items:center;
}
.critik{
    padding:10px;
    border-radius:10px;
    color:#000;
    text-decoration:none;
    border:solid;
    border-color:#fff;
    border-width:3px;
    color:rgb(255, 255, 255);
    margin-bottom:10vh;
}
.allcritik a{
    text-decoration:none;
}
.critik:hover{
    background:#ffffff2b;
}