html {color: #212124;font-size: 15px;}
body {max-width: 2000px;color: #000;
font-family: Barlow,sans-serif;
}


table {
    color: #000;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 3px;
    background-color: #F2f2f2;
 }
#pref th, #autpro th, th {
    background-color: rgba(18, 50, 65, 0.67);
    color: #FEFEFE;
    font-size: 15px;
}
#page {
    margin: 2px 15px;
}
td, th {
    border: 1px solid #AAA;
    padding-left: 0px;
    margin:0px;
}
td {/*color:#333; */
    font-size: 12px;
    height: auto;
    padding-left: 4px;
    padding-right: 4px;
    }
.tdcentre { 
    text-align:center;
    }
th {color:#000;
    background-color:#ddd;
    font-weight:bold;
    font-size: 12px;
    height: auto;
    }
.idfactacompte {
    color: #f00;
    background-color: #ccc;
    border: 2px solid #fff;
}
.erreursaisie {
    font-size:110%;
    border:1px solid#000;
    padding: 5px;
    box-shadow: 5px 5px 12px #777;
    color: #fff;
    background-color: #f00;
  }
.erreur {
    font-size:110%;
    border:1px solid#000;
    padding: 5px;
    
    box-shadow: 5px 5px 12px #777;
    color: #fff;
    background-color: #f00;
  }
.btsubmit, .bouton {
                cursor:pointer;
                font-weight:bold;
                border:1px solid #777;
                -ms-border-radius: 4px;
                border-radius:4px;
                background-color:#eaeaea;
                color:#444;
                color:#022739;
                background-color: #ffc;
                color: #1c6d6d;
                height: auto;
                padding:2px;
                display: inline-block;
            }
.bouton:hover { cursor:pointer;
                border:1px solid #fff;
                background-color:#666;
                color:#fff; box-shadow: 0px 0px 0px 1px #777;
            }
.btsubmit:hover { cursor:pointer;
                border:1px solid #fff;
                background-color:#666;
                color:#fff;
                 box-shadow: 0px 0px 0px 1px #777;
            }
.btmaj  {
    width: auto;
    position: fixed;
    font-size: 16px;
    padding: 5px;
    top: 1%;
    right: 5%;
    border-radius: 10px;
    android: radius: 10px;
    z-index: 9999999999999999999;
}


button {        border:1px solid #777;
                height: auto;
            }
button:hover {  cursor:pointer;
                background-color:#666;
                color:#fff;
                border:1px solid #fff;
                box-shadow: 0px 0px 0px 1px #777;
            }
.btinfo {font-size:12px;width: 90px;padding: 1px 3px 1px 3px;}
h1, h2, h3, th, .cadremenu {
            color:#322e2e;
            background-color:#ABCADA;

            /*#9DBCCB*#C5E6F5;  */
           /* background: linear-gradient(top, #334953, #556b75,#334953);
            background: -moz-linear-gradient(top,#334953, #556b75,#334953);
            background: -ms-linear-gradient(top,#334953, #556b75,#334953);
            background: -webkit-linear-gradient(top, #334953, #556b75,#334953);
            background: linear-gradient(top, #334953, #556b75,#334953); */
            }
h1, h2, h3, th, .cadremenu {
    color: #082783;
    background-color: #D3DAF2;
    border-bottom: 1px solid#444;
     /*   background: -webkit-linear-gradient(top, #eeefFf, #D3DAF2 );  */
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(86, 99, 164, 0.6);
}
h2          {font-size:14px;min-height: 25px;}
h5          {font-size:12px;color:#4a4a4a;}
h1 { 
    background-color: #D5D5D5;
    color: #000;
    border-bottom: 1px solid#444;
    line-height: unset;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 17px;
    margin: 2px;
    padding-left: 10px;
    border-radius: 0px;
    max-width: 100%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(86, 99, 164, 0.6);
}

.valider {
             background: url("ikonvalid.png");
             background-repeat:no-repeat;
             border: none;
             width: 23px; /* largeur à spécifier */
             height: 23px; /* longueur à spécifier */
             cursor:pointer;
             }
.archiver {
             background: url("ikonarchive.png");
             background-repeat:no-repeat;
             border: none;
             width: 23px; /* largeur à spécifier */
             height: 23px; /* longueur à spécifier */
             cursor:pointer;
             }
.voir {
             background: url("ikonvoir.png");
             background-repeat:no-repeat;
             border: none;
             width: 23px; /* largeur à spécifier */
             height: 23px; /* longueur à spécifier */
             cursor:pointer;
             }
 
.tr1 {color:#111;background-color:#fefefe;}
.tr2 {color:#000;background-color:#e7e7e7;}
.tr1:hover {color:#000;background-color:#d7d7d7;}
.tr2:hover {color:#000;background-color:#d7d7d7;}
.trtotal {color:#000;background-color:#c7c7c7;}
.entretien {background-color:EEEE91;}
.pose {background-color:91EEEE;}
.controle {background-color:EE91EE;}
.classa:link, .classa:visited {
              cursor: pointer;font-weight:  normal;
              border-width: 0px 2px 3px 1px;
              border-style: solid;
              border-color: #DDD #AAA #AAA #DDD;
              color: #3A3A3A;
              background-color: #FFF;
              padding: 1px 15px;
              border-radius: 3px;
              }
label {
              cursor: pointer;font-weight:  normal;
              border-width: 0px 2px 3px 1px;
              border-style: solid;
              border-color: #DDD #AAA #AAA #DDD;
              color: #3A3A3A;
              background-color: #FFF;
              padding: 1px 15px;
              border-radius: 3px;
              }
.classa:hover {color:#111;}
label:hover {color:#111;}
.texteinfo {font-size: medium;}
.tablo15pix {padding-left: 15px;padding-right: 15px;}
#agenda a:hover span {
   border: 3px solid #fff;
   background-color: #1375A8;
   color: #fff;
   box-shadow: 0px 0px 8px 4px #777;
}
#agenda a:hover span {
  border: 3px solid #fff;
  background-color: #F8F8F8;
  color: #212020;
  box-shadow: 0px 0px 8px 4px #777;
  z-index: 99;
  width: auto;
  font-size: 11px;
}
.stylecolonne {
    min-height: 300px;
    margin-left: 5px;
    float: left;
    width: 31%;
    margin: 1%;
    min-width: 220px;
}
#pointers_map h2 {
   background-color: #F3E0A9;
   color: black;
   text-align:center;
   border: 1px solid darkgray;
   padding-top: 5px;
   font-weight:600;
}
#pointers_map p {
   font-weight:600;
}
.bthautop {
    width: auto;
    position: fixed;
    font-size: 16px;
    padding: 5px;
    top: 1px;
    right: 5%;
    border-radius: 10px;
    android: radius: 10px;
    z-index: 9999999999999999999;
}
.divbloqueehaut {
    position: fixed;
    top: 60px;
    right: 40px;
    color: #000;
    padding:8px 2px;
    font-size: 14px;
    font-weight: 500;
    background-color: #ddd;
    z-index:9999;
    border: 1px solid#555;
    box-shadow: 5px 5px 12px #777;
}
.divbloqueehaut:hover {
    color: #000;
    background-color:#FBF898;
}
.btbloc {     cursor: pointer;
    font-size:110%;
    border:1px solid#f00;
    padding: 5px;
    color: #f00;
    background-color: #fff;
    box-shadow: 5px 5px 12px #777;
}
.btbloc:hover {     cursor: pointer;
    color: #fff;
    background-color: #f00;
}

/*a span {
  display: none;
  }
a:hover span  {
    height:auto;
    font-size:10px;
    color:#111;
    text-decoration:none;
    display: inline;
    line-height: 130%;
    font-weight:normal;
    position: absolute;
    margin-top:3em;
    padding:5px;
    left:  auto;
    width: auto;
    min-width: 100px;
    max-width: 200px;
    margin-left:-200px;
    z-index:1000;
    background:#ABCADA;  
    text-align: left;
    moz-border-radius: 5px 5px 5px 5px;
    webkit-border-radius: 5px 5px 5px 5px;
    khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #777;
}
*/
@media print
{    
    .hidden-print, .no-print, .no-print *
    {
        display: none !important;
    }
}