.txt-article{
	font-size: 1em !important;
}

.titre-article{
	font-size: 2em !important;
}

.soustitre-article{
	font-size: 1.5em !important;
}

.vignette{
    border-style: solid;
    border-width: 0px;
    box-shadow: 1px 1px 5px #aaa; 
    border-radius: 10px;
    border-color: black;
    padding: 2%;
    margin-top: 2%;
    margin-bottom: 2%;
}
.vignette:hover{
    border-width: 0px;
    box-shadow: 1px 1px 20px #aaa;
}
.disabled{
    pointer-events: none;
    cursor: default;
}
.bt-next{
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgba(200,200,200,1)" viewBox="0 0 16 16"><path fill="rgba(0,0,0,1)" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>');
    width: 4em !important;
    height: 4em !important;
    margin: 6px !important;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-style: none;
}
.bt-prev{
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgba(150,150,150,1)" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill="rgba(0,0,0,1)" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/></svg>');
    width: 4em !important;
    height: 4em !important;
    margin: 6px !important;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-style: none;
}
.logo-sapin{
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8.416.223a.5.5 0 0 0-.832 0l-3 4.5A.5.5 0 0 0 5 5.5h.098L3.076 8.735A.5.5 0 0 0 3.5 9.5h.191l-1.638 3.276a.5.5 0 0 0 .447.724H7V16h2v-2.5h4.5a.5.5 0 0 0 .447-.724L12.31 9.5h.191a.5.5 0 0 0 .424-.765L10.902 5.5H11a.5.5 0 0 0 .416-.777z"/></svg>');
    width: 1.6em !important;
    height: 2em !important;
    margin: 1px !important;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-style: none;
}
.clic:hover{
    cursor: pointer;
}
a{
    text-decoration: none;
    color: initial;
}
a:hover{
    text-decoration: none;
    color: initial;
}
.menu-admin-1 a{
    color: #0d6efd;
    text-decoration: underline;
}

@media print {
  .noprint{
    display:none;
  }
}

/****************
style gestock
****************/
/****************
menu choix agence
****************/
.menu-choixagence{
    color: white;
    background-color: #343a40;
    font-size: 1.2em;
    font-weight: bold;
    top:5px;
    padding: 0.5%;
}

.tobegin{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: darkred;
    text-decoration: underline;
}
.option-accueil{
    background-color: #217b48;
    border: 1px solid #343a40;
    border-radius: 10px;
    font-size: 1.5em;
}
.option-accueil:hover{
    color: white;
    text-decoration: underline;
}
.titre-page{
    background-color: #237b4b;
    border: 1px solid #343a40;
    border-radius: 10px;
    padding: 1%;
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 2%;
    text-decoration: underline;
    font-size: 1.5em;
    text-align: center;
}
.entete-tableau{
    background-color: #343a40;
    color: white;
}
.no-view{
    display: none;
}
.bt-ajout{
    cursor: pointer;
    position: absolute;
    width: 25px;
    margin-top: 7px;
}