/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px)
{
    .colDesActListe p.valable {text-align: left;}
    .imgFlecheSlotGauche {transform: rotate(-90deg);}
    .imgFlecheSlotDroite {transform: rotate(-90deg);}
    #regleRecap {margin-left: -15px;margin-right: -15px;}
    #newUser {margin-top: 0;}
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px)
{
    /*#Omniris {padding: 190px 0;}*/
    .colImgActListe {
        height:350px; /* voir au début aussi */
    }
    .colSlotNavig {background-color:#F1F1F1;}
    .divUnSlotCol, .divSlotPrec {margin-right:0;}
    .colImgActListeCarre {min-height: 175px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px)
{
    #divHome{text-align:left;}
    .titreTypeClient {
        padding-left: 44px;
    }
    .colImgActListeCarre {min-height: 266px;}
}

@media (min-width:768px)
{
    .libProduit {
        font: 700 15px/22px "Helvetica", sans-serif;
    }

    .colDate {
        width: 140px;
    }
    .colQte {
        width: 76px;
        font-size: 15px;
    }
    input.infoPrix {
        border: none;
        background: none;
    }
    .resetIcone {
        width: 33%;
    }

    .ajouter_panier {
        float: right;
    }

    .bloc {
        /*float:left;*/
        border: 1px solid #fff;
    }
    .premierevisite {
        width: 400px;
        min-width: 400px;
        height: 300px;
        margin-left: 50px;
        float: left;
    }
    .tab_form_compte {
        margin: 0 auto;
        float: left;
    }

    .compte {
        width: 90%;
        margin: 8px auto;
    }

    .tabVotreCompte {
        position: relative;
        top: -8px;
    }

    .formCompte {
        display: block;
        margin: 30px auto;
    }

    .titreBlocCompte {
        padding: 0;
        margin-top: 10px;
    }
    .mobileButton {
        display: none;
    }
    .mobileScroll {
        border: 1px solid #43250b;
    }

    .colPrix {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 15px;
    }

    .colLib {
        padding-left: 8px;
    }
    .txtTabSlotB {
        font: 400 14px/20px "Helvetica", sans-serif;
    }
    .txtTabSlotA {
        font: 400 13px/20px "Helvetica", sans-serif;
    }

    .txtTabSlotB {
        font: 400 13px/20px "Helvetica", sans-serif;
    }

    .txtTabSlotQteB {
        font: 400 14px/22px "Helvetica", sans-serif;
    }

    .txtTabSlotC {
        font: 400 15px/22px "Helvetica", sans-serif;
    }
    .naiResp {
        clear: left;
    }
    .labDay {
        display: block;
        float: left;
        height: 30px;
        margin: 8px 4px 3px 0;
        padding: 5px 5px 0 0;
    }

    .labMonth {
        display: block;
        float: left;
        height: 30px;
        margin: 8px 4px 3px 0;
        padding: 5px 5px 0 0;
    }

    .labYear {
        display: block;
        float: left;
        height: 30px;
        margin: 8px 4px 3px 0;
        padding: 5px 5px 0 0;
    }
    .selectDay,
    .selectMonth {
        margin: 8px 30px 8px 0;
    }

    .selectYear {
        margin: 8px 8px 0 0;
    }

    .imgProduitPopup {
        max-width: 95%;
    }

    .fa-3x {
        font-size: 3em !important;
    }

}

@media (max-height:450px)
{
    #form_cli {
        padding: 0 15px 0 15px;
    }

    .msgPartPhoto {
        margin-top: 8px;
    }
    .validerParticipant {
        margin : 15px 8px 8px 8px;
    }
}

@media (min-width:992px)
{
    .etape_non_active {
        display: inline;
    }

    .fa-chevron-right {
        text-decoration: none;
    }

    .txtTabSlotB {
        font-size: 14px;
    }

    .naiResp {
        float: left;
        display: none;
        clear: none;
    }
    .labDay {
        display: none;
    }

    .labMonth {
        display: none;
    }

    .labYear {
        display: none;
    }
    .selectDay {
        float: left;
        margin: 8px 30px 8px 0;
        padding: 1px;
    }

    .selectMonth {
        float: left;
        margin: 8px 30px 8px 0;
        padding: 1px;
    }

    .selectYear {
        float: left;
        margin: 8px 8px 0 0;
        padding: 1px;
    }

    p.texteTelecharger {
        width: 80%;
    }

}

@media (min-width:1200px)
{
    .labDay {
        display: block;
        float: left;
        width: auto;
        height: 30px;
        margin: 8px 4px 3px 0;
        padding: 5px 5px 0 0;
    }

    .labMonth {
        display: block;
        float: left;
        width: auto;
        height: 30px;
        margin: 8px 4px 3px 8px;
        padding: 5px 5px 0 0;
    }

    .labYear {
        display: block;
        float: left;
        width: auto;
        height: 30px;
        margin: 8px 4px 3px 8px;
        padding: 5px 5px 0 0;
    }

    .selectDay {
        float: left;
        margin: 8px 15px 8px 0;
        padding: 1px;
    }

    .selectMonth {
        float: left;
        margin: 8px 15px 8px 0;
        padding: 1px;
    }

    .selectYear {
        float: left;
        margin: 8px 8px 8px 0;
        padding: 1px;
    }
}

@media (min-width:768px) {
    #Omniris input[type="checkbox"] {
        transform: scale(1.5);
    }
}