/*GENERAL*/
input{
    border:1px solid grey;
}
option{
    border:1px solid grey;
}

body{
    background: rgb(237,104,58)!important;
    background: linear-gradient(90deg, rgba(237,104,58,0.1) 0%, rgba(235,82,130,0.1) 100%)!important;
}

.color{
    background-color:red !important;
}


.boutonLien{
color:white;
}

.boutonLien:hover{
    color:white;
}

/*WIZARD*/

.wizard{
    color:#B5B5C3;
}

.wizard:hover{
    color:#B5B5C3;
}
/*inscription-partie gauche PRADL*/
.divPrincipal{
    padding-top:20px;
    padding-bottom: 20px;
    padding-left:20px;
    background-color:white;
}
.pradlfooter{
    display:flex;
    width:100%;
    background-color: #eb5282;
    justify-content:center;
    align-items:center;
    height:20vh;
}

.pradlGauche{
    background-color: #eb5282;
    height:100%;
}

.pradlGaucheResp{
    background-color: #eb5282;
    

}

.pradlGaucheLien{
    text-decoration:none;
    color:gray;
}

.praldGaucheLien :hover{
    color:gray;
}

.btnGauche{
    width:75%;
}

.cardResume{
    display:flex;
}

.paddingResponsive{
    padding:20px;
}

.responsivePradl{
    height:100%;
    position:absolute; 
}

.pradlTitre{
    margin-top: 10px;
    margin-bottom: 10px;
}

.pradl{
    background-color: #eb5282;
    height:100%;
    
}

.footerPradl{
    display:block;
    padding-top:25px;
}

.boutonInscription{
    color:#eb5282;
}

.boutonInscription:hover{
    color:white;
}

.formCitoyenBlue{
    background-color:  #eb5282;
    color:white;
}
/*tableau de bord.php*/
.dossier{
    color:#eb5282;
    border: 1px solid {#eb5282};
    border-radius:30px;
    width:25%;
}

.liste{
    display:block;
}

.liste2{
    display:none;
}

/*include-ticket.php*/
.titre:after{
    content:"" !important;
}
.sous-titre{
    font-weight: normal;
}

/*Page Annuaire*/

.contact{
    display:block !important;
}

.contact2{
    display:none !important;
}

/*Page suivi*/

.suivi{
    display:block;
}

.suivi2{
    display:none;
}

/*page login.php*/

.background{
    background-color: white;
}

/*RESPONSIVE*/

@media (max-width: 992px) {  
    .cardResume{
        display:block; 
    }
    .paddingResponsive{
        padding:10px;
    }
    .responsivePradl{
        height:85%;
    }
    .footerPradl{
        padding-top:10px;
    }


}

@media (max-width: 766px) {
    .responsivePradl{
        height:25%;
    }
    .pradlGauche{
        height:30%;
    }

    .footerPradl{
        display:none;
    }

    .pradlTitre{
        margin-top:0px;
    }
  

    .liste{
        display:none;
    }
    
    .liste2{
        display:block;
    }
    .btnGauche{
        width:50%;
    }
    
}  

@media (max-width: 500px) {
    .responsivePradl{
        height:15%;
    }

    .footerPradl{
        display:none;
    }

    .divPrincipal{
        padding-top:5px;
        padding-bottom:5px;
        padding-left:5px;
        background-color:white;
    }

    .liste{
        display:none;
    }
    
    .liste2{
        display:block;
    }
    .btnGauche{
        width:40%;
    }
    
    }