@charset "UTF-8";
body {
    padding-top: 78px;
}

a{
    color: black;
}

a:hover{
    color: black;
    text-decoration: none;
}

#notifications{
    left: -240px;
    width: 440px;
}

.end-10{
    right: 10px;
}

.navbar-brand img{
    height: 40px;
}

footer {
    background-color: #383838;
}

#confidentialite ul{
    list-style-position: inside;
}

#recherche a:hover{
    text-decoration: none;
}
#proprietaire,
footer a,
footer a:hover,
footer a:active,
footer a:focus {
    color:white;
    text-decoration: none;

}

footer a{
    color: #FFFFFF;
}

/*page comment ça marche ?*/
#ccm img{
    width: 226px;
}

.zoom{
    display: none;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 10%;
    width: 80vw
}

.input-group-text {
    border-right-width: 0;
}

input.border, button.btn.btn-light {
    border-color: black !important;
}

.rounded-15{
    border-radius: 15px;
    border-color: #ccc !important;
}

label:first-letter{
    text-transform: uppercase;
}

.form-control, .form-select, .input-group-text, .form-check-input, .border-black {
    border-color: #000 !important;
}

#connexion form{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.form-group, .form-check{
    padding-top: 1rem;
}

.plus{
    position: relative;
    top: -5px;
    left: 5px;
}

.photo-petstar{
    height: 170px;
    width: 170px;
    border: 5px solid white;
    border-radius: 10px;
}

.photo-petstar-border{
    border: 5px solid black;
    border-radius: 10px;
}

.photo-petstar>div{
    top: -5px;
    left: 5px;
    margin: 5px;
}

.photo-petstar>div, .mini{
    height: 150px;
    width: 150px;
}

#nouvelle-photo{
    cursor: pointer;
}

#petstar .mini{
    width: 150px;
}

.mini, .suppr{
    right: 5px;
    top: 5px;
}

.mini+.modify{
    left: -5px;
    top: 5px;
}

.suppr:hover, .modify:hover{
    cursor: pointer;
}

#petstar .mini:not(.position-absolute):hover{
    cursor: zoom-in;
}

#inscription input[type=radio]{
    margin-top: 10px;
}

#inscription .img-role{
    width: 200px;
}

#img-cadre{
    cursor: move;
    zindex: 1000;
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%,-50%);*/
    max-height: 100vh;
    /*transform: scale(1);*/
}

#fond-cadre{
    max-width: 100%;
    border-width: calc((100vh - 300px)/2) calc((100vw - 300px)/2);
    border-style: solid;
    border-color: #383838;
}

#draggable-action{
    /*z-index: 2000;*/
}

#retrait-panier{
    cursor: pointer;
}

.li-pdf{
    list-style-type: none;
}

#plus-date{
    cursor: pointer;
}

#ajouter-contact{
    cursor: pointer;
}

.ls-m-3{
    letter-spacing: -0.3em;
}

.border-black{
    border-color: #000 !important;
}