/* def des couleur pour ce site #94bf32   #95c11f26*/
:root {
    --couleurfond: #3a648c;
    --couleurbase: #4789b2;
    --couleurdeg1: #ffffff;
    --couleurdeg2: #8ac2ff;
--couleurtransp: linear-gradient(var(--couleurdeg1),var(--couleurdeg2));
}
main {
    background: #eaecffad;
}

#leslicense{display:none!important;}

header { background: #227eb9;}

#logo {    position: absolute;
    z-index: 10;
    cursor: pointer;
    left: 50%;
    width: 265px;
    margin-left: -138px;
    margin-top: -3px;
    border: none;
    aspect-ratio: auto;
    height: auto;
    box-shadow: none;
    padding: 0;}
	
	div#topimg {
    width: 100%;    height: 140px;
    overflow: hidden;
      background-image: linear-gradient(0deg, #385a7d, #4597d950), url(image/topimg.webp);    background-size: contain;
    background-repeat: no-repeat;
}

.bt_nivo1 {  line-height: 27px;}
	
section {    top: 230px;}

h1,h2,#page_compagnie {text-align:center; }

.a_produit{       flex-basis: 40%;
    font-size: 25px;
    padding-top: 14px; border: 1px solid var(--couleurbase);
    background: var(--couleurtransp);}
	
	.btq_produit h3 {
    font-size: 27px;
    font-weight: normal;
    margin-top: 30px;
    color: var(--couleurbase);
    border: none;
}



span.btq_vign {    margin-top: 48px;
    padding-top: 0;
    font-family: arial;
    letter-spacing: -0.05em;}
	
.myhover:hover {    background: }

.formcomp {
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 2px;
    background: #eee;    margin-bottom: 25px;
}

.tabcomp td {
    min-width: 40px;
    text-align: left;
    display: inline-block;
    padding: 2px 6px;    border-right: 1px solid #ccc;
    min-height: 40px;font-size: 15px;
}
pt{display:block;font-size:12px;    margin-top: -8px;}

.gs {
    font-size: 14px;
    font-weight: bold !important;
    padding: 4px !important;
}

.ps,.ps2 {
    width: 100px;
    font-size: 11px;
    padding: 2px 0px !important;
}
.ps2 {   width: 120px;}

textarea.ad {    width: 360px;
    height: 76px;
    font-size: 13px;
    font-family: 'Tajawal';
    line-height: 15px;
    padding: 1px;
    border: 1px solid #ccc;}
textarea.ad.ad2 {
    width: 150px;
}
input.bt_petit {
    background: #4368861a;
    border: 1px solid #555;
    padding: 1px;
    border-radius: 2px;
    font-size: 12px;cursor:pointer
}


span.texteaccueil {
    text-align: center;
    display: block;
    font-size: 18px;
    color: var(--couleurbase);
}



.unlogo{    max-width: 70px;
    max-height: 55px;
    vertical-align: middle;
    object-fit: contain;
    aspect-ratio: 4 / 3;
    margin: 0px 0 0 10px;} 
	
	input[type="file"] {
    width: 94px;
    font-size: 10px;
}
.result .center{text-align:center!important;}




.jolich {    border-radius: 5px;
    padding: 3px;
    font-size: 14px;
    text-align: center;
    border: 1px solid var(--couleurfond);
    background: #eee;width: 155px;
    color: var(--couleurfond);
    font-weight: bold;cursor: pointer;opacity:0.6;
    margin: 2px;}.jolich:hover{    background: var(--couleurtransp);
    opacity: 1;}
	
.jolich2{opacity:1;background:var(--couleurtransp);}

.bt_save {    margin: 4px auto;
    padding: 3px 10px !important;
    background: var(--couleurfond) !important;
    cursor: pointer;
    text-align: center;
    vertical-align: baseline;
    color: #fff !important;
    font-size: 15px;
    width: max-content;}


b.btf {    border: 1px solid var(--couleurbase);
    padding: 4px 8px;
    border-radius: 5px;
    background: #eee;
    margin: 15px;cursor: pointer;
    display: inline-block;
    opacity: 0.7;}
b.btfactif,b.btf:hover {
    background: var(--couleurtransp);
    opacity: 1;
}


.etiq {
       border-radius: 4px;
    color: #00000080;
    cursor: pointer;
    border: none;
    padding: 4px;
    font-size: 12px;
}

.etiq_2{background:#00800042;color: green;}
.etiq_4{    background: #7aff0042;    color: #248917;}
.etiq_6{background:#ffa50052;color: #b4681b}
.etiq_8{background:#ff00002b;color: #ff0000a3;}

td.tdmin {
    width: 91px;
    text-align: center;
}

i.annot {
    display: inline-block;
    cursor: pointer;
    min-width: 200px;
}

option.barre  {
    text-decoration: line-through;font-style:italic;
}

.fiche{display: grid;margin:20px 0;line-height: 17px;padding: 4px;
    grid-template-columns: 100px 200px 1fr 100px 200px;
    border: 2px solid var(--couleurdeg2);background: #fff;
    font-size: 12px;border-radius:5px}
.fiche:hover{border:2px solid var(--couleurbase);}

.td{
    padding: 5px 2px;  text-align: left;  
}
.td.tdlarg {
    font-size: 15px;padding: 7px;
    line-height: 16px;
    letter-spacing: -0.02em;z-index:2;
}
.tdbig {    font-size: 17px;}  
.tdbig b {
    font-size: 20px;
}
.tdbig i {
   font-weight:bold;
}
.full{
    grid-column: span 3;z-index:0;
}

.fiche dfn {
    display: block;
    height: 30px;
    font-weight: normal;    font-size: 14px;
}
.anotxt {
    width: 500px;
    padding: 2px;
    font-size: 12px;
    border: 1px solid #fff;border-radius:3px;
}.anotxt:hover {
    border: 1px solid green;
    background: #e2fbe8;
}
.anotxt::placeholder {opacity: 0;}
.anotxt:hover::placeholder {opacity: 1;}

span.av img {
    width: 95%;
    display: block;    margin-top: -5px;transform: scaleX(-1) rotate(0deg);    transition-duration: 500ms;
}
.fiche:hover .av img {
    transform: scaleX(-1) rotate(4deg);
}

.av {
    width: 12%;
    text-align: center;
    display: inline-block;     
}
.av i {
    margin-top: -16px;
    position: relative;
    display: block;
}.av b{font-style:normal}

/*
.a_E175,.a_E145,.a_CRJ,.a_DHC8,.a_AT72,.a_AT42,.a_D328J,.a_D328P,.a_SF34,.a_SF20,.a_B200,.a_B1900 {    transform: scale(0.9);}*/