/* **************** Dédut animation **************** */
@keyframes wheelHueColor {
    from, to { color: hsl(20, 70%, 60%); }
    90%      { color: hsl(20, 70%, 40%); }
}

.enligne{
    display: inline-block;
}

.textdanime {
    color: hsla(360, 80%, 24%, 1);
}

.backgroundanime {
    color: hsl(360, 10%, 80%);
    animation: wheelHueColor 1s infinite;
    background-color: currentColor;
}
/* ***************** Fin animation ***************** */
div#siteinternet div, div#bopagelogin div, div#bopagetableaudebord div{
    margin-top: 15px;
}
.btnplusfrt{
    width: 26px;
}
.bordgris{
    border: 1px solid #969696;
}
.fondgris{
    background-color: #CCCCCC;
}
.bordbleuclair{
    border: 1px solid #3BB9F5;
}
.coinsarrondis1{
    border-radius: 15px;
    padding: 10px 10px;
}
.coinsarrondis2{
    border-radius: 8px;
    padding: 6px 6px;    
}
.imagearticleadmin{
    width: 125px;
}
@media (max-width: 576px) {
    section#articleidx div.row div:nth-of-type(3),
    section#articleidx div.row div:nth-of-type(4),
    section#articleidx div.row div:nth-of-type(5),
    section#articleidx div.row div:nth-of-type(6){
        border-top: 1px solid #CCC;
    }
}
/*
    section#articleidx div.row div{
        text-align: left;
    }
    section#articleidx div.row div:nth-of-type(1), 
    section#articleidx div.row div:nth-of-type(2){
        width: 20%!important;
    }
    section#articleidx div.row div:nth-of-type(3), 
    section#articleidx div.row div:nth-of-type(4), 
    section#articleidx div.row div:nth-of-type(5){
        width: 10%!important;
    }
    section#articleidx div.row div:nth-of-type(6){
        width: 20%!important;
    }
    section#articleidx div.row div:nth-of-type(7){
        width: 10%!important;
        text-align: center;
    }
*/    
.texteagauche{
    text-align: left;
}
.texteaucentre{
    text-align: center;
}
.texteadroite{
    text-align: right;
}
.decal_haut8{
    margin-top: 8px;
}
.decal_gauche8{
    margin-left: 8px;
}
.decal_gauche28{
    margin-left: 28px;
}
table.table-striped label{
    display: inline-block;
    font-weight: bolder;
    text-decoration: underline;
    width: 120px;
}
.iconecreerarticle{
    margin-bottom: 2px;    
}
.iconecreerarticle a i{
    font-size: 22px;    
}
.souligne{
    text-decoration: underline;
}
.gras{
    font-weight: bold;
}
.italique{
    font-style: italic;
}
div#gestarticles div.col-sm-3{
    text-align: center;
}
.attvali{
    
}
.valid{
    
}
.attpaie{
   color: #662002; 
   font-weight: bold;
}
.paye{
    color: #11ab54;
    font-weight: bold;
}
.annul{
    color: #CCC;
    font-weight: bold;
}
table.premletmaj tr td::first-letter {
    text-transform: uppercase;
}
.messageDeSucces{
	border:1px solid #40FF00;
	background-color:#D0F5A9;
	padding:5px;
	color:#000;
}
.messageDeConfirmation{
	border:1px solid #fc0;
	background-color:#ff9;
	padding:5px;
	color:#000;
}
.messageDerreur
{
	border:1px solid #f00;
	background-color:#fcc;
	padding:5px;
	color:#000;
	margin: 15px 8px 15px 8px;
	text-align: justify;
}
.messageDalerte{
	border:1px solid #61380B;
	background-color:#F8E0E0;
	padding:5px;
	color:#B12222;
}
.texteDalerte{
	color:#F8E0E0;
	font-weight: bold;
}
div.card-body i.bi{
    font-size: xx-large!important;
}
.photomodifutil{
    width: 85px;
}
.iconesadmin{
    font-size: x-large;
}
.colonnumart{
    flex: 0.3 0 0%;
}
.petitstkavl{
    font-size: small;
}
.boutontransparent{
    border: 0 solid transparent;
    background-color: transparent;
}
.gris{
    color: #CCC;
}
.liena{
    color: #4154F1;
}
.textebarre{
  text-decoration: line-through;
}
.texterougefonce{
  color: rgb(111, 4, 32);
}
form#ebrechercheindexfrm div{
    display: inline-block;
}
.widthcentpourcent{
    width: 100%;
}
.tabdetailsarticles{
    border-collapse: collapse;
}
.tabdetailsarticles thead{
    background-color: #a19f9f;
}
.tabdetailsarticles tbody tr{
    border-bottom: 1px solid #ccc;
}
.libelletotal{
    font-size: 18px;
    font-weight: bold;
}
.lienaccueillogin{
    font-size: x-large;
    margin-bottom: 18px;
}
.bordbasgris{
    border-bottom: 1px solid #ccc;
    padding: 4px 0;
}
div#conteneursociete div.row:nth-child(2n+1) {
    background-color: #D6E1F4;
}
.logosociete{
    width: 120px;
}
.messagesend{
    color: #11ab54;
    font-size: large;
}