#smMenuPizzas{
    margin-top: 20px;
}

#smMenuPizzas span{
    color: #FFFFFF;
    background-color: #FFFFFF;
    border-radius: 3px;
    padding: 10px 4px;
    display: block;
    font-weight: bold;
}

#smMenuPizzas span:hover{
    cursor: pointer;
}

#smMenuPizzas div{
    
    padding: 0px;
}

#smMenuPizzas #classiques,#smMenuPizzas #speciales{
    padding-right: 2px;
    padding-bottom: 4px;
}

#smMenuPizzas #gourmandes,#smMenuPizzas #vegan{
    padding-left: 2px;
    padding-bottom: 4px;
}

#smMenuPizzas #classiques span{
    color: #ff5c5c;
}
#smMenuPizzas #classiques.active span{
    background-color: #ff5c5c;
}

#smMenuPizzas #gourmandes span{
    color: #93da62;
}
#smMenuPizzas #gourmandes.active span{
    background-color: #93da62;
}

#smMenuPizzas #speciales span{
    /*background-color: #be86b6;*/
    color: #be86b6;
}
#smMenuPizzas #speciales.active span{
    background-color: #be86b6;
}

#smMenuPizzas #incontournables span{
    color: #ffbd4a;
}
#smMenuPizzas #incontournables.active span{
    background-color: #ffbd4a;
}

#smMenuPizzas #vegan span{
    color: #0f7c36;
}

#smMenuPizzas #vegan.active span{
    background-color: #0f7c36;
}

#smMenuPizzas #formuleMidi.active span{
    background-color: #f44336;
}
#smMenuPizzas #formuleMidi span{
    color: #f44336;
}

#smMenuPizzas div.active span{
    color: #FFFFFF !important;
}

.infoVegan, .infoDispo{
    display: none;
}

/*.infoDispo::before{
    content: "epuise";
    background-image: url('../images/epuise.png');
    height: 43px;
    width: 49px;
    background-size: contain;
    position: absolute;
    top: 15px;
    left: 30px;
    -ms-transform: rotate(20deg);  
    -webkit-transform: rotate(20deg);
    transform: rotate(-20deg);
    color:#FFFFFF;
}*/

.pizzaElement[data-cat="3"] .infoVegan{
    display: block;
    background-image: url('../images/vegan.png');
    height: 43px;
    width: 49px;
    background-size: contain;
    position: absolute;
    top: 15px;
    left: 30px;
    -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari */
    transform: rotate(-20deg)
}

.infoDispo[data-dispo="false"]{
    display: block;
    background-image: url('../images/epuise.png');
    height: 82px;
    width: 111px;
    background-size: contain;
    position: absolute;
    top: 60px;
    left: 70px;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(-20deg);
}

.rdp_pizzas_liste .infoDispo[data-dispo="false"]{
    top: 47px;
    left: 56px;
}

.taillePizza{
    font-size: 28px;
    font-family: "Roboto";
}

@media (min-width: 992px){
    .pizza-card img,.pizza-card .fakeImage{
        margin-bottom: 25px;
    }
        
    .random .img-desc-resize-detail,
    .random .fakeImage{
        width: 180px;
        border-radius: 90px;
        height: 180px;
    }
    
    .random .pizza-card{
        /*height: 320px;*/
    }
    
    #desserts .random .pizza-card{
        /*height: 216px;*/
    }
    
    .random .pizza-card .illustration {
        height: 170px;
    }
    
    .fakeImage.textConteneur{
        display: flex;
        /*flex-direction: column;*/
        flex: 1;
    }

    .fakeImage .textContenu{
        margin: auto;
        flex: 1;
        flex-grow: 1;
    }
}

@media (max-width: 991px){
    .pizza-card{
        height: 150px;
    }

    .pizza-card .illustration,.pizza-card .fakeImage{
        float: left;
        height: 150px;
        width: 150px;
    }
    
    .rdp_platform_homepage .infoDispo[data-dispo="false"],
    .rdp_pizzas_liste .infoDispo[data-dispo="false"]{
        top: 34px;
        left: 38px;
        height: 70px;
        width: 95px;
    }
    
    #navbar{
        position: absolute;
        width: calc(100% - 72px);
        right: 20px;
    }
    
    #teglia .illustration,#caldo .illustration{
        height: 210px;
    }
    
    .textConteneur{
        display: flex;
        /*flex-direction: column;*/
        height: 100%;
        flex: 1;
    }

    .textContenu{
        margin: auto;
        flex: 1;
        flex-grow: 1;
    }
}

@media (max-width: 410px){
    .pizza-card{
/*        height: 130px;
        padding: 5px;*/
    }

    .pizza-card img,.pizza-card .fakeImage{
        float: left;
        height: 80px;
        width: 80px;
        margin-top: 20px;
    }
    
    .rdp_platform_homepage .infoDispo[data-dispo="false"],
    .rdp_pizzas_liste .infoDispo[data-dispo="false"]{
        top: 40px;
        left: 25px;
        height: 51px;
        width: 70px;
    }

    .pizza-price{
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 11px;
    }
    
    .pizzaElement[data-cat="3"] .infoVegan{
        height: 39px;
        width: 44px;
        background-size: contain;
        position: absolute;
        top: 15px;
        left: 18px;
    }
    
    .textConteneur{
        margin-top:5px;
    }
}