html { overflow-y:scroll; overflow-x:auto; }
body { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #fff; margin: 0; padding: 0; }
@media screen and (max-width: 1200px) {
tr { color: #000000; font-size: 11px; line-height: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; }
td { color: #000000; font-size: 11px; line-height: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; }
input { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-width: 1px 1px 1px 1px; border-color: #aeaeae #aeaeae #ebe8e8 #ebe8e8; border-style: solid; border-bottom-width: 0; }
select { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-width: 1px 1px 1px 1px; border-color: #aeaeae #aeaeae #ebe8e8 #ebe8e8; border-style: solid; border-bottom-width: 0; }
textarea { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-width: 1px 1px 1px 1px; border-color: #aeaeae #aeaeae #ebe8e8 #ebe8e8; border-style: solid; border-bottom-width: 0; }
.selectrecherche { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-top: 1px solid #005aa9; border-right: 1px solid #005aa9; border-bottom-style: solid; border-bottom-width: 0; border-left-width: 0; }
.textareaTitre { color: #49a290; font-size: 11px; padding:2px 4px 2px 4px; border-radius: 3px 3px 0 0; }
.textareaCadre { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; border-width: 2px 2px 0 0; border-style: solid; border-color: #49a290; border-radius: 3px 3px 0 0; }
.textareaTitreSuivi { color: #e79960; font-size: 9px; padding:2px 4px 2px 4px; border-radius: 3px 3px 0 0; }
.textareaCadreSuivi { color: #000000; font-size: 9px; font-family: Arial, Helvetica, Verdana, sans-serif; border-width: 2px 2px 0 0; border-style: solid; border-color: #e79960; border-radius: 3px 3px 0 0; }
.textareaTitrePortefeuille { color: #c698ce; font-size: 11px; padding:2px 4px 2px 4px; border-radius: 3px 3px 0 0; }
.textareaCadrePortefeuille { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; border-width: 2px 2px 0 0; border-style: solid; border-color: #c698ce; border-radius: 3px 3px 0 0; }
.textareaTitreMachine { color: #dab400; font-size: 11px; padding:2px 4px 2px 4px; border-radius: 3px 3px 0 0; }
.textareaCadreMachine { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; border-width: 2px 2px 0 0; border-style: solid; border-color: #dab400; border-radius: 3px 3px 0 0; }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
tr { color: #000000; font-size: 12px; line-height: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; }
td { color: #000000; font-size: 12px; line-height: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; }
input { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-width: 1px 1px 1px 1px; border-color: #aeaeae #aeaeae #ebe8e8 #ebe8e8; border-style: solid; border-bottom-width: 0; }
select { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-width: 1px 1px 1px 1px; border-color: #aeaeae #aeaeae #ebe8e8 #ebe8e8; border-style: solid; border-bottom-width: 0; }
textarea { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-width: 1px 1px 1px 1px; border-color: #aeaeae #aeaeae #ebe8e8 #ebe8e8; border-style: solid; border-bottom-width: 0; }
.selectrecherche { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-top: 1px solid #005aa9; border-right: 1px solid #005aa9; border-bottom-style: solid; border-bottom-width: 0; border-left-width: 0; }
.textareaTitre { color: #49a290; font-size: 12px; padding:2px 4px 2px 4px; border-radius: 3px 3px 0 0; }
.textareaCadre { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; border-width: 2px 2px 0 0; border-style: solid; border-color: #49a290; border-radius: 3px 3px 0 0; }
.textareaTitreSuivi { color: #e79960; font-size: 10px; padding:2px 4px 2px 4px; border-radius: 3px 3px 0 0; }
.textareaCadreSuivi { color: #000000; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; border-width: 2px 2px 0 0; border-style: solid; border-color: #e79960; border-radius: 3px 3px 0 0; }
.textareaTitrePortefeuille { color: #c698ce; font-size: 12px; padding:2px 4px 2px 4px; border-radius: 3px 3px 0 0; }
.textareaCadrePortefeuille { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; border-width: 2px 2px 0 0; border-style: solid; border-color: #c698ce; border-radius: 3px 3px 0 0; }
.textareaTitreMachine { color: #dab400; font-size: 12px; padding:2px 4px 2px 4px; border-radius: 3px 3px 0 0; }
.textareaCadreMachine { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; border-width: 2px 2px 0 0; border-style: solid; border-color: #dab400; border-radius: 3px 3px 0 0; }
}
@media screen and (min-width: 1501px) {
tr { color: #000000; font-size: 13px; line-height: 14px; font-family: Arial, Helvetica, Verdana, sans-serif; }
td { color: #000000; font-size: 13px; line-height: 14px; font-family: Arial, Helvetica, Verdana, sans-serif; }
input { color: #000000; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-width: 1px 1px 1px 1px; border-color: #aeaeae #aeaeae #ebe8e8 #ebe8e8; border-style: solid; border-bottom-width: 0; }
select { color: #000000; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-width: 1px 1px 1px 1px; border-color: #aeaeae #aeaeae #ebe8e8 #ebe8e8; border-style: solid; border-bottom-width: 0; }
textarea { color: #000000; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-width: 1px 1px 1px 1px; border-color: #aeaeae #aeaeae #ebe8e8 #ebe8e8; border-style: solid; border-bottom-width: 0; }
.selectrecherche { color: #000000; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-top: 1px solid #005aa9; border-right: 1px solid #005aa9; border-bottom-style: solid; border-bottom-width: 0; border-left-width: 0; }
.textareaTitre { color: #49a290; font-size: 13px; padding:2px 4px 2px 4px; border-radius: 3px 3px 0 0; }
.textareaCadre { color: #000000; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; border-width: 2px 2px 0 0; border-style: solid; border-color: #49a290; border-radius: 3px 3px 0 0; }
.textareaTitreSuivi { color: #e79960; font-size: 11px; padding:2px 4px 2px 4px; border-radius: 3px 3px 0 0; }
.textareaCadreSuivi { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; border-width: 2px 2px 0 0; border-style: solid; border-color: #e79960; border-radius: 3px 3px 0 0; }
.textareaTitrePortefeuille { color: #c698ce; font-size: 13px; padding:2px 4px 2px 4px; border-radius: 3px 3px 0 0; }
.textareaCadrePortefeuille { color: #000000; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; border-width: 2px 2px 0 0; border-style: solid; border-color: #c698ce; border-radius: 3px 3px 0 0; }
.textareaTitreMachine { color: #dab400; font-size: 13px; padding:2px 4px 2px 4px; border-radius: 3px 3px 0 0; }
.textareaCadreMachine { color: #000000; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; border-width: 2px 2px 0 0; border-style: solid; border-color: #dab400; border-radius: 3px 3px 0 0; }
}
@media print {
@page { size: landscape; }
}
.tdgris { color: #ffffff; height: 27px; background: linear-gradient( to bottom, #8dac94, #64816c); }
.tableauHG { color: #ffffff; background-color: #57826f; border-radius: 5px 0 0 0; }
.tableauHM { color: #ffffff; background-color: #57826f; border-radius: 0 0 0 0; }
.tableauHD { color: #ffffff; background-color: #57826f; border-radius: 0 5px 0 0; }
.tableauBG { color: #ffffff; background-color: #57826f; border-radius: 0 0 0 5px; }
.tableauBM { color: #ffffff; background-color: #57826f; border-radius: 0 0 0 0; }
.tableauBD { color: #ffffff; background-color: #57826f; border-radius: 0 0 5px 0; }
a.atdgris { color: #ffffff; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.atdgris:visited { color: #ffffff; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.atdgris:active { color: #d2d1d1; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.atdgris:hover { color: #d2d1d1; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
.HG { border-top-left-radius: 5px; }
.HD { border-top-right-radius: 5px; }
.BG { border-bottom-left-radius: 5px; }
.BD { border-bottom-right-radius: 5px; }
.tda { color: #000000; background-color: #fff; }
.tda0 { color: #000000; background-color: #D0F5A9; }
.tda1 { color: #000000; background-color: #F8E0E0; }
.tda000 { color: #000000; background-color: #f1afb5; }
.tda100 { color: #000000; background-color: #c0dda2; }
.tdb { color: #000000; background-color: #e8e8e8; }
.tdb0 { color: #000000; background-color: #A9F5BC; }
.tdb1 { color: #000000; background-color: #F5D0A9; }
.tdb000 { color: #000000; background-color: #f1afb5; }
.tdb100 { color: #000000; background-color: #c0dda2; }
.tdsurvol { color: #ffffff; background-color: #c4c4c4; }
.tdalerte { color: #ffffff; background-color: yellow; }
.tdfantome { color: #ffffff; background-color: #c5beb0; }
.PageNom { color: #979696; font-size: 18px; font-weight: bold; padding-left: 15px; }
.lignebas { border-bottom-color: #999bbc; border-bottom-width: 1px; border-bottom-style: solid; }
.tagNB { color: #979696; font-weight: bold; }
.tagCoul { color: #499424; }
.tagScan { color: #4fa5d1; }
.tagTotal { color: red; }
img { margin:0; padding:0; }
.select { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-width: 1px 1px 1px 1px; border-color: #aeaeae #aeaeae #ebe8e8 #ebe8e8; border-style: solid; }
.textarea { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-width: 1px 1px 1px 1px; border-color: #aeaeae #aeaeae #ebe8e8 #ebe8e8; border-style: solid; }
.inputsubmit { color: #fff; font-size: 9px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #888; margin: 0 1px 0 0; padding: 2px; border-top: 1px solid #aeaeae; border-right: 1px solid #aeaeae; border-right-style: solid; border-right-width: 0; border-bottom-style: solid; border-bottom-width: 0; }
.inputimage { margin: 0; padding: 0; border-style: solid; border-width: 0; }
.grand { font-size: 12px; }
.groupe { font-size: 11px; }
.textareaGD { color: #000000; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-top: 1px solid #aeaeae; border-left: 1px solid #aeaeae; border-right-style: solid; border-right-width: 0; border-bottom-style: solid; border-bottom-width: 0; }
.optionitalique { font-style: italic;Ê}
.inputsubmitR { color: #fff; font-size: 9px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #f00; margin: 0 1px 0 0; padding: 2px; border-top: 1px solid #aeaeae; border-left: 1px solid #aeaeae; border-right-style: solid; border-right-width: 0; border-bottom-style: solid; border-bottom-width: 0; }
.inputsubmitV { color: #fff; font-size: 9px; font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #57826f; margin: 0 1px 0 0; padding: 2px; border-top: 1px solid #aeaeae; border-left: 1px solid #aeaeae; border-right-style: solid; border-right-width: 0; border-bottom-style: solid; border-bottom-width: 0; }
.note { font-size: 9px; }
#petit input { color: #000000; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-width: 1px 1px 1px 1px; border-color: #aeaeae #aeaeae #ebe8e8 #ebe8e8; border-style: solid; }
#petit select { color: #000000; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-width: 1px 1px 1px 1px; border-color: #aeaeae #aeaeae #ebe8e8 #ebe8e8; border-style: solid; }
#petit textarea { color: #000000; font-size: 10px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-width: 1px 1px 1px 1px; border-color: #aeaeae #aeaeae #ebe8e8 #ebe8e8; border-style: solid; }
input[type="text"]:disabled { background-color: #c1c1c1; }
.bouton-rond { color: #ffffff; font-size: 12px; background: linear-gradient( to bottom, #85ac87, #547157); height: 18px; padding: 4px 8px 4px 8px; border: solid 1px #afaeae; border-radius: 5px; height:25px; cursor: pointer; }
.bouton-rond:hover { color: #ffffff; font-size: 12px; background: linear-gradient( to bottom, #797978, #4e4545); height: 18px; padding: 4px 8px 4px 8px; border: solid 1px #afaeae; border-radius: 5px; height:25px; cursor: pointer; }
a.bouton-rond { color: #ffffff; font-size: 12px; background: linear-gradient( to bottom, #85ac87, #547157); height: 18px; padding: 4px 8px 4px 8px; border: solid 1px #afaeae; border-radius: 5px; text-decoration: none; cursor: pointer; }
a.bouton-rond:visited { color: #ffffff; font-size: 12px; background: linear-gradient( to bottom, #85ac87, #547157); height: 18px; padding: 4px 8px 4px 8px; border: solid 1px #afaeae; border-radius: 5px; text-decoration: none; cursor: pointer; }
a.bouton-rond:active { color: #ffffff; font-size: 12px; background: linear-gradient( to bottom, #797978, #4e4545); height: 18px; padding: 4px 8px 4px 8px; border: solid 1px #afaeae; border-radius: 5px; text-decoration: none; cursor: pointer; }
a.bouton-rond:hover { color: #ffffff; font-size: 12px; background: linear-gradient( to bottom, #797978, #4e4545); height: 18px; padding: 4px 8px 4px 8px; border: solid 1px #afaeae; border-radius: 5px; text-decoration: none; cursor: pointer; }
a.bouton-rouge { color: #ffffff; font-size: 12px; background: linear-gradient( to bottom, #F31515, #D51212); height: 18px; padding: 4px 8px 4px 8px; border: solid 1px #afaeae; border-radius: 5px; text-decoration: none; cursor: pointer; }
a.bouton-rouge:visited { color: #ffffff; font-size: 12px; background: linear-gradient( to bottom, #F31515, #D51212); height: 18px; padding: 4px 8px 4px 8px; border: solid 1px #afaeae; border-radius: 5px; text-decoration: none; cursor: pointer; }
a.bouton-rouge:active { color: #ffffff; font-size: 12px; background: linear-gradient( to bottom, #C92728, #B91212); height: 18px; padding: 4px 8px 4px 8px; border: solid 1px #afaeae; border-radius: 5px; text-decoration: none; cursor: pointer; }
a.bouton-rouge:hover { color: #ffffff; font-size: 12px; background: linear-gradient( to bottom, #C92728, #B91212); height: 18px; padding: 4px 8px 4px 8px; border: solid 1px #afaeae; border-radius: 5px; text-decoration: none; cursor: pointer; }
.bouton-petit { color: #ffffff; font-size: 11px; background: linear-gradient( to bottom, #85ac87, #547157); height: 14px; padding: 2px 4px 2px 4px; border: solid 1px #afaeae; border-radius: 4px; height:25px; }
.bouton-petit:hover { color: #ffffff; font-size: 11px; background: linear-gradient( to bottom, #797978, #4e4545); height: 14px; padding: 2px 4px 2px 4px; border: solid 1px #afaeae; border-radius: 4px; height:25px; }
a.bouton-petit { color: #ffffff; font-size: 11px; background: linear-gradient( to bottom, #85ac87, #547157); height: 14px; padding: 2px 4px 2px 4px; border: solid 1px #afaeae; border-radius: 4px; text-decoration: none; }
a.bouton-petit:visited { color: #ffffff; font-size: 11px; background: linear-gradient( to bottom, #85ac87, #547157); height: 14px; padding: 2px 4px 2px 4px; border: solid 1px #afaeae; border-radius: 4px; text-decoration: none; }
a.bouton-petit:active { color: #ffffff; font-size: 11px; background: linear-gradient( to bottom, #797978, #4e4545); height: 14px; padding: 2px 4px 2px 4px; border: solid 1px #afaeae; border-radius: 4px; text-decoration: none; }
a.bouton-petit:hover { color: #ffffff; font-size: 11px; background: linear-gradient( to bottom, #797978, #4e4545); height: 14px; padding: 2px 4px 2px 4px; border: solid 1px #afaeae; border-radius: 4px; text-decoration: none; }
a.bouton-petit_on { color: #ffffff; font-size: 11px; background: linear-gradient( to bottom, #e57269, #cc3a3a); height: 14px; padding: 2px 4px 2px 4px; border: solid 1px #afaeae; border-radius: 4px; text-decoration: none; }
a.bouton-petit_on:visited { color: #ffffff; font-size: 11px; background: linear-gradient( to bottom, #e57269, #cc3a3a); height: 14px; padding: 2px 4px 2px 4px; border: solid 1px #afaeae; border-radius: 4px; text-decoration: none; }
a.bouton-petit_on:active { color: #ffffff; font-size: 11px; background: linear-gradient( to bottom, #797978, #4e4545); height: 14px; padding: 2px 4px 2px 4px; border: solid 1px #afaeae; border-radius: 4px; text-decoration: none; }
a.bouton-petit_on:hover { color: #ffffff; font-size: 11px; background: linear-gradient( to bottom, #797978, #4e4545); height: 14px; padding: 2px 4px 2px 4px; border: solid 1px #afaeae; border-radius: 4px; text-decoration: none; }
.boutonSubmit:disabled { color: #ffffff; font-size: 12px; background: #c1c1c1; height: 18px; padding: 4px 8px 4px 8px; border: solid 1px #afaeae; border-radius: 5px; height:25px; }
.boutonSubmit:disabled:hover { color: #ffffff; font-size: 12px; background: #c1c1c1; height: 18px; padding: 4px 8px 4px 8px; border: solid 1px #afaeae; border-radius: 5px; height:25px; }
.boutonSubmit { color: #ffffff; font-size: 12px; background: linear-gradient( to bottom, #85ac87, #547157); height: 18px; padding: 4px 8px 4px 8px; border: solid 1px #afaeae; border-radius: 5px; height:25px; }
.boutonSubmit:hover { color: #ffffff; font-size: 12px; background: linear-gradient( to bottom, #797978, #4e4545); height: 18px; padding: 4px 8px 4px 8px; border: solid 1px #afaeae; border-radius: 5px; height:25px; }
@media print {
#top { display: none; visibility: hidden; }
}
@media screen {
#top .tddegrade { background: linear-gradient( to bottom, #8eac99, #c4dac7); color: #6b6b69; font-size: 12px; line-height: 20px; }
#top .big { color: #000000; font-size: 56px; line-height: 56px; }
#top a.big { color: #000000; font-size: 56px; line-height: 56px; text-decoration: none; }
#top a.big:visited { color: #000000; font-size: 56px; line-height: 56px; text-decoration: none; }
#top a.big:active { color: #000000; font-size: 56px; line-height: 56px; text-decoration: none; }
#top a.big:hover { color: #000000; font-size: 56px; line-height: 56px; text-decoration: none; }
#top .big2 { color: #8c344e; font-size: 36px; line-height: 36px; }
#top .nom { color: #6b6b69; font-size: 11px; font-weight: bold; }
#top .niveau { color: #6b6b69; font-size: 11px; font-weight: normal; }
#top a { color: #6b6b69; font-size: 11px; text-decoration: none; }
#top a:visited { color: #6b6b69; font-size: 11px; text-decoration: none; }
#top a:active { color: #6b6b69; font-size: 11px; text-decoration: none; }
#top a:hover { color: #6b6b69; font-size: 11px; text-decoration: none; }
#top a.deconnexion { color: #6b6b69; font-size: 11px; font-style: italic; text-decoration: none; }
#top a.deconnexion:visited { color: #6b6b69; font-size: 11px; font-style: italic; text-decoration: none; }
#top a.deconnexion:active { color: #6b6b69; font-size: 11px; font-style: italic; text-decoration: none; }
#top a.deconnexion:hover { color: #6b6b69; font-size: 11px; font-style: italic; text-decoration: none; }
}
.boutonVert { color: #ffffff; font-weight: bold; background: linear-gradient( to bottom, #85ac87, #547157); padding: 8px; text-align: center; }
a.boutonVert { color: #ffffff; font-size: 10px; background: linear-gradient( to bottom, #85ac87, #547157); font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.boutonVert:visited { color: #ffffff; font-size: 10px; background: linear-gradient( to bottom, #85ac87, #547157); font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.boutonVert:active { color: #000000; font-size: 10px; background: linear-gradient( to bottom, #85ac87, #547157); font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.boutonVert:hover { color: #000000; font-size: 10px; background: linear-gradient( to bottom, #85ac87, #547157); font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.bouton { color: #ffffff; font-size: 11px; line-height: 16px; min-height: 24px; min-width: 70px; background: #539ec5; font-family: Arial, Helvetica, Verdana, sans-serif; border-radius: 5px; margin:5px 0 0 0; padding: 6px 15px 6px 15px; text-decoration: none; text-align: center; border: 0px; cursor: pointer; }
a.bouton:visited { color: #ffffff; background: #539ec5; text-decoration: none; }
a.bouton:active { color: #ffffff; background: #4a93b8; text-decoration: none; }
a.bouton:hover { color: #ffffff; background: #4a93b8; text-decoration: none; }
.bouton { display:block; color: #ffffff; font-size: 11px; line-height: 16px; min-height: 14px; min-width: 100px; background: #539ec5; font-family: Arial, Helvetica, Verdana, sans-serif; border-radius: 5px; margin:5px 0 0 0; padding: 6px 15px 6px 15px; text-decoration: none; text-align: center; border: 0px; cursor: pointer; }
.bouton:visited { color: #ffffff; background: #539ec5; text-decoration: none; }
.bouton:active { color: #ffffff; background: #4a93b8; text-decoration: none; }
.bouton:hover { color: #ffffff; background: #4a93b8; text-decoration: none; }
a.boutonRechercher { color: #ffffff; font-size: 11px; line-height: 16px; min-height: 24px; min-width: 70px; background: #00ba68; background-image: url("image/petite-cible.png"); background-size: 16px; background-repeat:no-repeat; background-position:3% 10%; font-family: Arial, Helvetica, Verdana, sans-serif; border-radius: 5px; margin:5px 0 0 0; padding: 6px 15px 6px 15px; text-decoration: none; text-align: center; border: 0px; cursor: pointer; }
a.boutonRechercher:visited { color: #ffffff; background: #00ba68; text-decoration: none; background-image: url("image/petite-cible.png"); background-size: 16px; background-repeat:no-repeat; background-position:3% 10%; }
a.boutonRechercher:active { color: #ffffff; background: #01a05a; text-decoration: none; background-image: url("image/petite-cible.png"); background-size: 18px; background-repeat:no-repeat; background-position:3% 10%; }
a.boutonRechercher:hover { color: #ffffff; background: #01a05a; text-decoration: none; background-image: url("image/petite-cible.png"); background-size: 18px; background-repeat:no-repeat; background-position:3% 10%; }
.boutonRechercher { display:block; color: #ffffff; font-size: 11px; line-height: 16px; min-height: 14px; min-width: 100px; background: #00ba68; background-image: url("image/petite-cible.png"); background-size: 16px; background-repeat:no-repeat; background-position:3% 10%; font-family: Arial, Helvetica, Verdana, sans-serif; border-radius: 5px; margin:5px 0 0 0; padding: 6px 15px 6px 15px; text-decoration: none; text-align: center; border: 0px; cursor: pointer; }
.boutonRechercher:visited { color: #ffffff; background: #00ba68; text-decoration: none; background-image: url("image/petite-cible.png"); background-size: 16px; background-repeat:no-repeat; background-position:3% 10%; }
.boutonRechercher:active { color: #ffffff; background: #01a05a; text-decoration: none; background-image: url("image/petite-cible.png"); background-size: 18px; background-repeat:no-repeat; background-position:3% 10%; }
.boutonRechercher:hover { color: #ffffff; background: #01a05a; text-decoration: none; background-image: url("image/petite-cible.png"); background-size: 18px; background-repeat:no-repeat; background-position:3% 10%; }
a.boutonReset { color: #ffffff; font-size: 11px; line-height: 16px; min-height: 14px; min-width: 70px; background: #d61a14; background-image: url("image/petite-fleche.png"); background-size: 16px; background-repeat:no-repeat; background-position:3% 10%; font-family: Arial, Helvetica, Verdana, sans-serif; border-radius: 5px; margin:5px 0 0 0; padding: 6px 15px 6px 15px; text-decoration: none; text-align: center; border: 0px; }
a.boutonReset:visited { color: #ffffff; background: #d61a14; text-decoration: none; background-image: url("image/petite-fleche.png"); background-size: 16px; background-repeat:no-repeat; background-position:3% 10%; }
a.boutonReset:active { color: #ffffff; background: #bd1813; text-decoration: none; background-image: url("image/petite-fleche.png"); background-size: 18px; background-repeat:no-repeat; background-position:3% 10%; }
a.boutonReset:hover { color: #ffffff; background: #bd1813; text-decoration: none; background-image: url("image/petite-fleche.png"); background-size: 18px; background-repeat:no-repeat; background-position:3% 10%; }
a.boutonNew { color: #ffffff; font-size: 11px; line-height: 16px; min-height: 14px; min-width: 70px; background: #4a87cc; background-image: url("image/petit-plus.png"); background-size: 16px; background-repeat:no-repeat; background-position:3% 10%; font-family: Arial, Helvetica, Verdana, sans-serif; border-radius: 5px; margin:5px 0 0 0; padding: 6px 15px 6px 15px; text-decoration: none; text-align: center; border: 0px; }
a.boutonNew:visited { color: #ffffff; background: #4a87cc; text-decoration: none; background-image: url("image/petit-plus.png"); background-size: 16px; background-repeat:no-repeat; background-position:3% 10%; }
a.boutonNew:active { color: #ffffff; background: #4278b4; text-decoration: none; background-image: url("image/petit-plus.png"); background-size: 18px; background-repeat:no-repeat; background-position:3% 10%; }
a.boutonNew:hover { color: #ffffff; background: #4278b4; text-decoration: none; background-image: url("image/petit-plus.png"); background-size: 18px; background-repeat:no-repeat; background-position:3% 10%; }
a.boutonNew2 { color: #ffffff; font-size: 11px; line-height: 16px; min-height: 14px; min-width: 70px; background: #4a87cc; font-family: Arial, Helvetica, Verdana, sans-serif; border-radius: 5px; margin:1px 0 0 0; padding: 2px 6px 2px 6px; text-decoration: none; text-align: center; border: 1px solid white; }
a.boutonNew2:visited { color: #ffffff; background: #4a87cc; text-decoration: none; }
a.boutonNew2:active { color: #ffffff; background: #4278b4; text-decoration: none; }
a.boutonNew2:hover { color: #ffffff; background: #4278b4; text-decoration: none; }
a.boutonNeutre { color: #ffffff; font-size: 11px; line-height: 16px; min-height: 14px; min-width: 70px; background: #888888; font-family: Arial, Helvetica, Verdana, sans-serif; border-radius: 5px; margin:5px 0 0 0; padding: 6px 15px 6px 15px; text-decoration: none; text-align: center; border: 0px; }
a.boutonNeutre:visited { color: #ffffff; background: #a8a8a8; text-decoration: none; }
a.boutonNeutre:active { color: #ffffff; background: #727272; text-decoration: none; }
a.boutonNeutre:hover { color: #ffffff; background: #727272; text-decoration: none; }
a.bouton-enr { color: #ffffff; font-size: 11px; line-height: 14px; min-height: 18px; background: #00ba68; font-family: Arial, Helvetica, Verdana, sans-serif; border-radius: 5px; margin:0; padding: 4px 10px 4px 10px; text-decoration: none; text-align: center; border: 0px; cursor: pointer; }
a.bouton-enr:hover { background: #01ae62; color: #ffffff; text-decoration: none; }
.bouton-enr { color: #ffffff; font-size: 11px; line-height: 14px; min-height: 18px; background: #00ba68; font-family: Arial, Helvetica, Verdana, sans-serif; border-radius: 5px; margin:0; padding: 4px 10px 4px 10px; text-decoration: none; text-align: center; border: 0px; cursor: pointer; }
.bouton-enr:hover { background: #01ae62; }
.bouton-enr-fermer { color: #ffffff; font-size: 11px; line-height: 14px; min-height: 18px; background: #00ba68; font-family: Arial, Helvetica, Verdana, sans-serif; border-radius: 5px; margin:0; padding: 4px 10px 4px 10px; text-decoration: none; text-align: center; border: 0px; cursor: pointer; }
.bouton-enr-fermer:hover { background: #01ae62; }
.bouton-annuler { color: #ffffff; font-size: 11px; line-height: 14px; min-height: 18px; background: #e3a7a7; font-family: Arial, Helvetica, Verdana, sans-serif; border-radius: 5px; margin:0; padding: 4px 10px 4px 10px; text-decoration: none; text-align: center; border: 0px; cursor: pointer; }
.bouton-annuler:hover { background: #e3a7a7; }
.bouton-enr_liste { color: #ffffff; font-size: 11px; line-height: 14px; min-height: 18px; background: #028e50; font-family: Arial, Helvetica, Verdana, sans-serif; border-radius: 5px; margin:0; padding: 4px 10px 4px 10px; text-decoration: none; text-align: center; border: 0px; cursor: pointer; }
.bouton-enr_liste:hover { background: #027f48; }
.bouton-enr_suiv { color: #ffffff; font-size: 11px; line-height: 14px; min-height: 18px; background: #027945; font-family: Arial, Helvetica, Verdana, sans-serif; border-radius: 5px; margin:0; padding: 4px 10px 4px 10px; text-decoration: none; text-align: center; border: 0px; cursor: pointer; }
.bouton-enr_suiv:hover { background: #026137; }
a.bouton-liste { color: #ffffff; font-size: 11px; background-color: #000000; background-image: url(image/bouton-liste.png); background-repeat: no-repeat; background-position: 2px 2px; height: 14px; border: solid 1px #373737; text-decoration: none; padding: 4px 4px 1px 17px; }
a.bouton-liste:visited { color: #ffffff; font-size: 11px; background-color: #000000; text-decoration: none; display: block; }
a.bouton-liste:active { color: #ffffff; font-size: 11px; background-color: #000000; text-decoration: none; }
a.bouton-liste:hover { color: #ffffff; font-size: 11px; background-color: #000000; text-decoration: none; }
a.blanc { color: #ffffff; text-decoration: none; }
a.blanc:visited { color: #ffffff; text-decoration: none; }
a.blanc:active { color: #ffffff; text-decoration: none; }
a.blanc:hover { color: #ffffff; text-decoration: none; }
a.noir { color: #000000; text-decoration: none; }
a.noir:visited { color: #000000; text-decoration: none; }
a.noir:active { color: #000000; text-decoration: none; }
a.noir:hover { color: #000000; text-decoration: none; }
.bouton-fleche { color: #ffffff; font-size: 11px; background-color: #969696; background-image: url(image/bouton-fleche.gif); background-repeat: no-repeat; background-position: 2px 3px; height: 18px; padding: 4px 8px 4px 19px; border: solid 1px #373737; border-radius: 5px; }
a.bouton-fleche { color: #ffffff; font-size: 11px; background-color: #969696; background-image: url(image/bouton-fleche.gif); background-repeat: no-repeat; background-position: 2px 3px; height: 18px; padding: 4px 8px 4px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
a.bouton-fleche:visited { color: #ffffff; font-size: 11px; background-color: #969696; background-image: url(image/bouton-fleche.gif); background-repeat: no-repeat; background-position: 2px 3px; height: 18px; padding: 4px 8px 4px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
a.bouton-fleche:active { color: #ffffff; font-size: 11px; background-color: #969696; background-image: url(image/bouton-fleche.gif); background-repeat: no-repeat; background-position: 2px 3px; height: 18px; padding: 4px 8px 4px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
a.bouton-fleche:hover { color: #ffffff; font-size: 11px; background-color: #969696; background-image: url(image/bouton-fleche.gif); background-repeat: no-repeat; background-position: 2px 3px; height: 18px; padding: 4px 8px 4px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
.bouton-croix { color: #ffffff; font-size: 11px; background-color: #969696; height: 18px; padding: 4px 8px 4px 19px; border: solid 1px #373737; border-radius: 5px; }
a.bouton-croix { color: #ffffff; font-size: 11px; background-color: #969696; height: 18px; padding: 4px 8px 4px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
a.bouton-croix:visited { color: #ffffff; font-size: 11px; background-color: #969696; height: 18px; padding: 4px 8px 4px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
a.bouton-croix:active { color: #ffffff; font-size: 11px; background-color: #969696; height: 18px; padding: 4px 8px 4px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
a.bouton-croix:hover { color: #ffffff; font-size: 11px; background-color: #969696; height: 18px; padding: 4px 8px 4px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
.bouton-input { color: #ffffff; font-size: 11px; background-color: #969696; background-image: url(image/bouton-carre.png); background-repeat: no-repeat; background-position: 4px 5px; height: 22px; padding: 1px 8px 3px 19px; border: solid 1px #373737; border-radius: 5px; }
a.bouton-input { color: #ffffff; font-size: 11px; background-color: #969696; background-image: url(image/bouton-carre.png); background-repeat: no-repeat; background-position: 4px 5px; height: 22px; padding: 1px 8px 3px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
a.bouton-input:visited { color: #ffffff; font-size: 11px; background-color: #969696; background-image: url(image/bouton-carre.png); background-repeat: no-repeat; background-position: 4px 5px; height: 22px; padding: 1px 8px 3px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
a.bouton-input:active { color: #ffffff; font-size: 11px; background-color: #969696; background-image: url(image/bouton-carre.png); background-repeat: no-repeat; background-position: 4px 5px; height: 22px; padding: 1px 8px 3px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
a.bouton-input:hover { color: #ffffff; font-size: 11px; background-color: #969696; background-image: url(image/bouton-carre.png); background-repeat: no-repeat; background-position: 4px 5px; height: 22px; padding: 1px 8px 3px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
.bouton-test { color: #ffffff; font-size: 11px; background-color: red; background-image: url(image/bouton-carre.png); background-repeat: no-repeat; background-position: 4px 5px; height: 22px; padding: 1px 8px 3px 19px; border: solid 1px #373737; border-radius: 5px; }
a.bouton-test { color: #ffffff; font-size: 11px; background-color: red; background-image: url(image/bouton-carre.png); background-repeat: no-repeat; background-position: 4px 5px; height: 22px; padding: 1px 8px 3px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
a.bouton-test:visited { color: #ffffff; font-size: 11px; background-color: red; background-image: url(image/bouton-carre.png); background-repeat: no-repeat; background-position: 4px 5px; height: 22px; padding: 1px 8px 3px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
a.bouton-test:active { color: #ffffff; font-size: 11px; background-color: red; background-image: url(image/bouton-carre.png); background-repeat: no-repeat; background-position: 4px 5px; height: 22px; padding: 1px 8px 3px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
a.bouton-test:hover { color: #ffffff; font-size: 11px; background-color: red; background-image: url(image/bouton-carre.png); background-repeat: no-repeat; background-position: 4px 5px; height: 22px; padding: 1px 8px 3px 19px; border: solid 1px #373737; border-radius: 5px; text-decoration: none; }
.icone-aide {
alignment-baseline: middle;
}
#operation { color: #959595; font-size: 11px; position: relative; width: 480px; height: 90px; overflow: auto; }
#operation2 { color: #959595; font-size: 9px; position: relative; width: 575px; height: 70px; overflow: auto; }
#operation2 a { color: #959595; font-size: 9px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
#operation2 a:visited { color: #959595; font-size: 9px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
#operation2 a:active { color: #959595; font-size: 9px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; }
#operation2 a:hover { color: #959595; font-size: 9px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; }
td.bordure { border: 1px solid #aeaeae; }
.checkColore { background-color: red; border: 1px solid yellow }
a { color: #000000; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a:visited { color: #000000; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a:active { color: #000000; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; }
a:hover { color: #000000; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; }
a.gris { color: #a8a8a8; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.gris:visited { color: #a8a8a8; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.gris:active { color: #a8a8a8; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.gris:hover { color: #a8a8a8; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
.tdgris { color: #ffffff; background-color: #888888; }
a.tdgris { color: #ffffff; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.tdgris:visited { color: #ffffff; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.tdgris:active { color: #d2d1d1; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.tdgris:hover { color: #d2d1d1; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
.tdgrisclair { background-color: #eee; }
.tdjaune { background-color: #ecd996; }
a.rouge { color: red; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.rouge:visited { color: red; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.rouge:active { color: red; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; }
a.rouge:hover { color: red; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; }
a.langue { color: #000000; font-size: 18px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.langue:visited { color: #000000; font-size: 18px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.langue:active { color: red; font-size: 18px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.langue:hover { color: red; font-size: 18px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
label { font-weight: bold; }
@media screen and (max-width: 1200px) {
.divGestcoListe { float:left; margin-left:0px; text-align:left; border: 0px solid red; }
.divGestcoListeTitre { float:left; margin-left:3px; margin-right:3px; border: 0px solid green; background-color: #bae2da; padding:5px; min-height: 150px; font-weight: bold; text-align:center; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); border-radius: 0 0 6px 6px; }
.divGestcoListeSuivi { float:left; margin-left:0px; text-align:left; border: 0px solid red; }
.divGestcoListeSuiviTitre { float:left; margin-left:3px; margin-right:3px; border: 0px solid green; background-color: #e79960; padding:5px; min-height: 150px; font-weight: bold; text-align:center; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); border-radius: 0 0 6px 6px; }
.divGestcoListePortefeuille { float:left; margin-left:0px; text-align:left; border: 0px solid red; }
.divGestcoListePortefeuilleTitre { float:left; margin-left:3px; margin-right:3px; border: 0px solid green; background-color: #c698ce; padding:5px; min-height: 150px; font-weight: bold; text-align:center; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); border-radius: 0 0 6px 6px; }
.divGestcoListeMachine { float:left; margin-left:0px; text-align:left; border: 0px solid red; }
.divGestcoListeMachineTitre { float:left; margin-left:3px; margin-right:3px; border: 0px solid green; background-color: #dab400; padding:5px; min-height: 150px; font-weight: bold; text-align:center; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); border-radius: 0 0 6px 6px; }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
.divGestcoListe { float:left; margin-left:3px; text-align:left; border: 0px solid red; }
.divGestcoListeTitre { float:left; margin-left:4px; margin-right:4px; border: 0px solid green; background-color: #bae2da; padding:6px; min-height: 165px; font-weight: bold; text-align:center; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); border-radius: 0 0 6px 6px; }
.divGestcoListeSuivi { float:left; margin-left:0px; text-align:left; border: 0px solid red; }
.divGestcoListeSuiviTitre { float:left; margin-left:3px; margin-right:3px; border: 0px solid green; background-color: #e79960; padding:5px; min-height: 150px; font-weight: bold; text-align:center; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); border-radius: 0 0 6px 6px; }
.divGestcoListePortefeuille { float:left; margin-left:3px; text-align:left; border: 0px solid red; }
.divGestcoListePortefeuilleTitre { float:left; margin-left:4px; margin-right:3px; border: 0px solid green; background-color: #c698ce; padding:6px; min-height: 165px; font-weight: bold; text-align:center; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); border-radius: 0 0 6px 6px; }
.divGestcoListeMachine { float:left; margin-left:3px; text-align:left; border: 0px solid red; }
.divGestcoListeMachineTitre { float:left; margin-left:4px; margin-right:4px; border: 0px solid green; background-color: #dab400; padding:6px; min-height: 165px; font-weight: bold; text-align:center; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); border-radius: 0 0 6px 6px; }
}
@media screen and (min-width: 1501px) {
.divGestcoListe { float:left; margin-left:5px; text-align:left; border: 0px solid red; }
.divGestcoListeTitre { float:left; margin-left:5px; margin-right:5px; border: 0px solid green; background-color: #bae2da; padding:7px; min-height: 180px; font-weight: bold; text-align:center; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); border-radius: 0 0 6px 6px; }
.divGestcoListeSuivi { float:left; margin-left:0px; text-align:left; border: 0px solid red; }
.divGestcoListeSuiviTitre { float:left; margin-left:3px; margin-right:3px; border: 0px solid green; background-color: #e79960; padding:5px; min-height: 150px; font-weight: bold; text-align:center; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); border-radius: 0 0 6px 6px; }
.divGestcoListePortefeuille { float:left; margin-left:5px; text-align:left; border: 0px solid red; }
.divGestcoListePortefeuilleTitre { float:left; margin-left:5px; margin-right:3px; border: 0px solid green; background-color: #c698ce; padding:7px; min-height: 180px; font-weight: bold; text-align:center; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); border-radius: 0 0 6px 6px; }
.divGestcoListeMachine { float:left; margin-left:5px; text-align:left; border: 0px solid red; }
.divGestcoListeMachineTitre { float:left; margin-left:5px; margin-right:5px; border: 0px solid green; background-color: #dab400; padding:7px; min-height: 180px; font-weight: bold; text-align:center; writing-mode:tb-rl; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); border-radius: 0 0 6px 6px; }
}
a.menu { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.menu:visited { color: #545454; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
a.menu:active { color: #545454; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; }
a.menu:hover { color: #545454; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: underline; }
.gabarit { display: block; height: 110px; border: 1px solid #cacaca; }
#suivi { color: #2a5cf0; line-height: 16px; }
.LigneTableau { color: #ffffff; font-weight: bold; background: linear-gradient( to bottom, #85ac87, #547157); padding: 8px; text-align: center; }
@media screen and (max-width: 1200px) {
#menu { z-index:5000; top: 0; height:30px; background: linear-gradient( to bottom, #85ac87, #547157); color: #dddddb; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; text-decoration: none; }
#menu ul { z-index:5000; line-height: 30px; margin:0; padding:0; list-style-type:none; text-align:left; border:1px; }
#menu ul .urgence { z-index:5000; height:30px; background-color: #d10505; color: #dddddb; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; text-decoration: none; }
#menu li { z-index:5000; float:left; background: linear-gradient( to bottom, #85ac87, #547157); margin:auto; padding:0; width:105px; height:30px; border-right: 1px solid #f5f5f5; border-bottom: 0px solid white; }
#menu li.urgence { z-index:5000; float:left; background: linear-gradient( to bottom, #d10505, #7d0202); margin:auto; padding:0; width:105px; height:30px; border-right: 1px solid #f5f5f5; border-bottom: 0px solid white; }
#menu li a { z-index:5000; display:block; height: 30px; text-align:left; font-size: 11px; width:95px; color: #dddddb; text-decoration:none; padding: 0 0 0 10px; }
#menu li a:hover { z-index:5000; background: linear-gradient( to bottom, #80807f, #333333); }
#menu li.urgence a:hover { z-index:5000; background: linear-gradient( to bottom, #b00404, #5e0202); }
#menu ul li ul { z-index:5000; display:none; background: linear-gradient( to bottom, #85ac87, #547157); }
#menu ul li ul a { z-index:5000; color: #dadada; background-image: url(); border-top: 1px solid #f5f5f5; border-left: 1px solid white; border-right: 1px solid white; }
/*#menu ul li ul a:hover { color: #dadada; background-color: #707070; border-left: 1px solid red; border-right: 1px solid red; }*/
#menu ul li ul a:hover { z-index:5000; color: #aeaeae; background: linear-gradient( to bottom, #80807f, #333333); width:95px; border-left: 1px solid white; border-right: 0px solid red; }
#menu ul li:hover ul { z-index:5000; display:block; }
#menu ul li.off { z-index:5000; color: #aeaeae; background: linear-gradient( to bottom, #80807f, #919191); border-left: 1px solid white; border-right: 0px solid red; }
#menu li:hover ul li { z-index:5000; float:none; }
#menu li ul { z-index:5000; position:absolute; }
#menu a.utilisateur { z-index:5000; line-height: 30px; color: #aeaeae; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; padding-left: 10px; text-decoration: none; }
#menu a.utilisateur:hover { z-index:5000; text-decoration: none; }
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
#menu { z-index:5000; top: 0; height:35px; background: linear-gradient( to bottom, #85ac87, #547157); color: #dddddb; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; text-decoration: none; }
#menu ul { z-index:5000; line-height: 34px; margin:0; padding:0; list-style-type:none; text-align:left; border:1px; }
#menu ul .urgence { z-index:5000; height:35px; background-color: #d10505; color: #dddddb; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; text-decoration: none; }
#menu li { z-index:5000; float:left; background: linear-gradient( to bottom, #85ac87, #547157); margin:auto; padding:0; width:140px; height:35px; border-right: 1px solid #f5f5f5; border-bottom: 0px solid white; }
#menu li.urgence { z-index:5000; float:left; background: linear-gradient( to bottom, #d10505, #7d0202); margin:auto; padding:0; width:140px; height:35px; border-right: 1px solid #f5f5f5; border-bottom: 0px solid white; }
#menu li a { z-index:5000; display:block; height: 35px; text-align:left; font-size: 12px; width:130px; color: #dddddb; text-decoration:none; background-repeat: no-repeat; padding: 0 0 0 10px; }
#menu li a:hover { z-index:5000; background: linear-gradient( to bottom, #80807f, #333333); }
#menu li.urgence a:hover { z-index:5000; background: linear-gradient( to bottom, #b00404, #5e0202); }
#menu ul li ul { z-index:5000; display:none; background: linear-gradient( to bottom, #85ac87, #547157); }
#menu ul li ul a { z-index:5000; color: #dadada; background-image: url(); border-top: 1px solid #f5f5f5; border-left: 1px solid white; border-right: 1px solid white; }
/*#menu ul li ul a:hover { color: #dadada; background-color: #707070; border-left: 1px solid red; border-right: 1px solid red; }*/
#menu ul li ul a:hover { z-index:5000; color: #aeaeae; background: linear-gradient( to bottom, #80807f, #333333); border-left: 1px solid white; border-right: 0px solid red; }
#menu ul li:hover ul { z-index:5000; display:block; }
#menu ul li.off { z-index:5000; color: #aeaeae; background: linear-gradient( to bottom, #80807f, #919191); border-left: 1px solid white; border-right: 0px solid red; }
#menu li:hover ul li { z-index:5000; float:none; }
#menu li ul { z-index:5000; position:absolute; }
#menu a.utilisateur { z-index:5000; line-height: 34px; color: #aeaeae; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; padding-left: 10px; text-decoration: none; }
#menu a.utilisateur:hover { z-index:5000; text-decoration: none; }
}
@media screen and (min-width: 1501px) {
#menu { z-index:5000; top: 0; height:40px; width:100%; background: linear-gradient( to bottom, #85ac87, #547157); color: #dddddb; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; text-decoration: none; }
#menu ul { z-index:5000; line-height: 38px; margin:0; padding:0; list-style-type:none; text-align:left; border:1px; }
#menu ul .urgence { z-index:5000; height:40px; background-color: #d10505; color: #dddddb; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; text-decoration: none; }
#menu li { z-index:5000; float:left; background: linear-gradient( to bottom, #85ac87, #547157); margin:auto; padding:0; width:160px; height:40px; border-right: 1px solid #f5f5f5; border-bottom: 0px solid white; }
#menu li.urgence { z-index:5000; float:left; background: linear-gradient( to bottom, #d10505, #7d0202); margin:auto; padding:0; width:160px; height:40px; border-right: 1px solid #f5f5f5; border-bottom: 0px solid white; }
#menu li a { z-index:5000; display:block; height: 40px; text-align:left; font-size: 13px; width:150px; color: #dddddb; text-decoration:none; background-repeat: no-repeat; padding: 0 0 0 10px; }
#menu li a:hover { z-index:5000; background: linear-gradient( to bottom, #80807f, #333333); }
#menu li.urgence a:hover { z-index:5000; background: linear-gradient( to bottom, #b00404, #5e0202); }
#menu ul li ul { z-index:5000; display:none; background: linear-gradient( to bottom, #85ac87, #547157); }
#menu ul li ul a { z-index:5000; color: #dadada; background-image: url(); border-top: 1px solid #f5f5f5; border-left: 1px solid white; border-right: 1px solid white; }
/*#menu ul li ul a:hover { color: #dadada; background-color: #707070; border-left: 1px solid red; border-right: 1px solid red; }*/
#menu ul li ul a:hover { z-index:5000; color: #aeaeae; background: linear-gradient( to bottom, #80807f, #333333); border-left: 1px solid white; border-right: 0px solid red; }
#menu ul li:hover ul { z-index:5000; display:block; }
#menu ul li.off { z-index:5000; color: #aeaeae; background: linear-gradient( to bottom, #80807f, #919191); border-left: 1px solid white; border-right: 0px solid red; }
#menu li:hover ul li { z-index:5000; float:none; }
#menu li ul { z-index:5000; position:absolute; }
#menu a.utilisateur { z-index:5000; line-height: 38px; color: #aeaeae; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; padding-left: 10px; text-decoration: none; }
#menu a.utilisateur:hover { z-index:5000; text-decoration: none; }
}
@media print {
#menu { display: none; visibility: hidden; }
#menu ul { display: none; visibility: hidden; text-decoration: none; }
#menu li { display: none; visibility: hidden; text-decoration: none; }
}
#centre { clear:both; }
#liste { text-align:center; }
#liste .tda { color: #000; background-color: #d1d1d1; }
#liste .tdb { color: #000; background-color: #e8e8e8; }
#liste .tdc { color: #000; background-color: #E6F8E0; }
#liste .tdd { color: #000; background-color: #A9F5BC; }
#liste .tdoff { color: #a8a8a8; background-color: #eae7e6; }
#liste .tdsurvol { color: #ffffff; background-color: #cbcbcb; }
#liste .tdalerte { color: #000000; background-color: #ff0; }
#liste .tdspecial { color: #000000; background-color: #ede9a4; }
#liste .tdspecialoff { color: #a8a8a8; background-color: #ede9a4; }
#liste .listeentete { color: #fff; background-color: #57826f; text-align: center; border: solid 0px #495a76; }
#liste .listeentete2 { color: #000000; background-color: #b9b56a; text-align: center; height: 15px; border: solid 0px #495a76; }
#liste .listeentete3 { color: #000000; background-color: #b9b56a; height: 15px; border: solid 0px #495a76; }
#liste .listeenteteGris { color: #fff; background-color: #a8a8a8; text-align: center; border: solid 0px #495a76; }
#liste a.listeentete { color: #ffffff; text-decoration: none; }
#liste a.listeentete:visited { color: #ffffff; text-decoration: none; }
#liste a.listeentete:active { color: #b5b5b5; text-decoration: underline; }
#liste a.listeentete:hover { color: #b5b5b5; text-decoration: none; }
.tdon { color: #61be5a; }
.tdoff { color: #ffffff; }
#footer { position : fixed; /* This is needed for other browsers than IE */
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
height:20px;
position : expression("absolute");
width : expression("100%");
top: expression(document.body.clientHeight - 20 + document.body.scrollTop + this.offsetHeight - this.offsetHeight); /* J'ai mis -20 parce que mon DIV fait 20 pixels de haut. */
left : expression("0px");
background-color: #57826f;
overflow-y:none; overflow-x:none;
}
#footer a { color: #ffffff; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
#footer a:visited { color: #ffffff; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
#footer a:active { color: #0091a9; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
#footer a:hover { color: #0091a9; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; }
.cartouche { color: #fff; border-style: solid; border-width: 1px; }
.soustitre { color: #57826f; font-weight: bold; }
a.soustitre:visited,a.soustitre:active,a.soustitre:hover { color: #57826f; }
.inputsociete { background-color: #eee; font-size: 26px; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-top: 0px solid #aeaeae; border-left: 0px solid #aeaeae; border-right-style: solid; border-right-width: 0; border-bottom-style: solid; border-bottom-width: 0; }
.carre { width:15px; height:15px; margin: 0; padding: 0px; border: 0px; }
.rond { display:block; width:15px; height:15px; margin: 0; padding: 0px; border: 0px; border-radius: 15px; }
.titre-GUIPEL { color: #294d89; }
.titre-VAL { color: #e15119; }
.titre-ASSO { color: #ca54e7; }
.titre-AUTRE { color: #26a200; }
.liste-GUIPEL { color: #294d89; }
.liste-VAL { color: #e15119; }
.liste-ASSO { color: #ca54e7; }
.liste-AUTRE { color: #26a200; }
.bloc-GUIPEL { color: #294d89; }
.bloc-VAL { color: #e15119; }
.bloc-ASSO { color: #ca54e7; }
.bloc-AUTRE { color: #26a200; }
.td-GUIPEL { color: #294d89; }
.td-VAL { color: #e15119; }
.td-ASSO { color: #ca54e7; }
.td-AUTRE { color: #26a200; }
#calquesuivi { height: 135px; width: 940px; left: 0px; top: 0px; position: relative; overflow: auto; visibility: visible; }
#calqueaction { height: 105px; width: 940px; left: 0px; top: 0px; position: relative; overflow: auto; visibility: visible; }
#calquehotline { height: 200px; width: 940px; left: 0px; top: 0px; position: relative; overflow: auto; visibility: visible; }
#calquehistorique { height: 200px; width: 940px; left: 0; top: 0; position: relative; right: 0; bottom: 0; overflow: auto; visibility: visible; }
#calquelog { height: 65px; width: 500px; left: 0; top: 0; position: relative; right: 0; bottom: 0; overflow: auto; visibility: visible; }
#calqueutilisation { height: 600px; width: 98%; left: 0; top: 0; position: relative; right: 0; bottom: 0; overflow: auto; visibility: visible; }
#calquenote { height: 65px; width: 450px; border: solid 1px #cbcbcd; overflow: auto;}
#calqueabonnementnote { background-color: #bee7bb; height: 65px; width: 450px; padding: 4px; border: solid 0px #f00; overflow: auto;}
#calqueabonnementnote2 { background-color: #bee7bb; height: 65px; width: 420px; padding: 4px; border: solid 0px #f00; overflow: auto;}
#calquetest { height: 550px; width: 1320px; border: solid 0px #f00; overflow: auto;}
#calquerequete { height: 350px; width: 800px; left: 0; top: 0; position: relative; right: 0; bottom: 0; overflow: auto; visibility: visible; }
.contactliaison { background-color: #c7c7c7; margin: 5px; }
.contact-tda { color: #000000; background-color: #fff; }
.contact-tdb { color: #000000; background-color: #e2e2e2; }
.contact-tdsurvol { color: #ffffff; background-color: #8b8b8b; }
.contact-pause { color: #ffffff; background-color: #fcfe6f; }
.contact-off-tda { color: #959595; font-style: italic; background-color: #fff; }
.contact-off-tdb { color: #959595; font-style: italic; background-color: #e2e2e2; }
.contact-off-tdsurvol { color: #ffffff; font-style: italic; background-color: #8b8b8b; }
#log { width: 800px; height: 300px; font-size: 9px; overflow: auto; }
#challenge td { font-size: 11px; }
#challenge input { color: #000000; font-size: 9px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-top: 1px solid #aeaeae; border-left: 1px solid #aeaeae; border-right-style: solid; border-right-width: 0; border-bottom-style: solid; border-bottom-width: 0; }
#challenge select { color: #000000; font-size: 9px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-top: 1px solid #aeaeae; border-left: 1px solid #aeaeae; border-right-style: solid; border-right-width: 0; border-bottom-style: solid; border-bottom-width: 0; }
#challenge textarea { color: #000000; font-size: 9px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 1px 0 0; padding: 2px; border-top: 1px solid #aeaeae; border-left: 1px solid #aeaeae; border-right-style: solid; border-right-width: 0; border-bottom-style: solid; border-bottom-width: 0; }
.inputbonne { color: red; font-size: 9px; }
.inputmauvaise { color: #000000; font-size: 9px; }
.delta { color: #000000; font-size: 8px; font-style: italic; }
.inputpetit { color: #000000; font-size: 9px; margin: 0 1px 0 0; padding: 2px; border-top: 1px solid #aeaeae; border-left: 1px solid #aeaeae; border-right-style: solid; border-right-width: 0; border-bottom-style: solid; border-bottom-width: 0; }
.gris0 { color: grey; background-color: #e2e2e2; }
.gris1 { color: grey; background-color: white; }
.noir0 { color: #000000; background-color: #e2e2e2; }
.noir1 { color: #000000; background-color: white; }
.surligne { background-color: yellow; }
#encartbleu td { background-color: #265a94; color: #ffffff; font-size: 11px; }
#encartbleu a { color: #ffffff; text-decoration: none; }
#encartbleu a:visited { color: #ffffff; text-decoration: none; }
#encartbleu a:active { color: #ffffff; text-decoration: underline; }
#encartbleu a:hover { color: #ffffff; text-decoration: underline; }
#encartbleu a.sabonner { text-decoration: underline; font-style:italic; }
#encartbleu a.sabonner:hover { text-decoration: none; font-style:italic; }
#encartblancbleu td { background-color: #ffffff; color: #265a94; font-size: 11px; }
#encartblancbleu a { color: #265a94; text-decoration: none; }
#encartblancbleu a:visited { color: #265a94; text-decoration: none; }
#encartblancbleu a:active { color: #265a94; text-decoration: underline; }
#encartblancbleu a:hover { color: #265a94; text-decoration: underline; }
#encartblancbleu a.sabonner { text-decoration: underline; font-style:italic; }
#encartblancbleu a.sabonner:hover { text-decoration: none; font-style:italic; }
#encartvert td { background-color: #9a9c5f; color: #ffffff; font-size: 11px; }
#encartvert a { color: #ffffff; text-decoration: none; }
#encartvert a:visited { color: #ffffff; text-decoration: none; }
#encartvert a:active { color: #ffffff; text-decoration: underline; }
#encartvert a:hover { color: #ffffff; text-decoration: underline; }
#encartvert a.sabonner { text-decoration: underline; font-style:italic; }
#encartvert a.sabonner:hover { text-decoration: none; font-style:italic; }
#encartblancvert td { background-color: #ffffff; color: #9a9c5f; font-size: 11px; }
#encartblancvert a { color: #9a9c5f; text-decoration: none; }
#encartblancvert a:visited { color: #9a9c5f; text-decoration: none; }
#encartblancvert a:active { color: #9a9c5f; text-decoration: underline; }
#encartblancvert a:hover { color: #9a9c5f; text-decoration: underline; }
@media screen and (max-width: 1200px) {
#affichageCalendrier { display: block; z-index:100000; width: 100%; height: 40px; background-color: #dc7303; font-size: 12px; line-height: 16px; color: #FFFFFF; position: fixed; bottom: 0px; right: 0px; text-align: center; padding-top: 10px; }
}
@media screen and (min-width: 1201px) {
#affichageCalendrier { display: block; z-index:100000; width: 100%; height: 25px; background-color: #dc7303; font-size: 12px; line-height: 16px; color: #FFFFFF; position: fixed; bottom: 0px; right: 0px; text-align: center; padding-top: 10px; }
}
#affichageCalendrier a { color: #FFFFFF; font-size: 12px; text-decoration: underline; }
#affichageCalendrier a:visited { color: #FFFFFF; font-size: 12px; text-decoration: underline; }
#affichageCalendrier a:active { color: #FFFFFF; font-size: 12px; text-decoration: none; }
#affichageCalendrier a:hover { color: #FFFFFF; font-size: 12px; text-decoration: none; }
#affichageCalendrier a.fermer { color: #000000; font-size: 12px; text-decoration: none; }
#affichageCalendrier a.fermer:visited { color: #000000; font-size: 12px; text-decoration: none; }
#affichageCalendrier a.fermer:active { color: #FFFFFF; font-size: 12px; text-decoration: none; }
#affichageCalendrier a.fermer:hover { color: #FFFFFF; font-size: 12px; text-decoration: none; }
.ligneG { border-width: 1px 0px 1px 1px; border-style: solid; border-color: #ecdbd9; border-radius: 5px 0px 0px 5px; color: #8b8b8b; font-weight: bold; }
.ligneM { border-width: 1px 0px 1px 0px; border-style: solid; border-color: #ecdbd9; border-radius: 0px 0px 0px 0px; }
.ligneD { border-width: 1px 1px 1px 0px; border-style: solid; border-color: #ecdbd9; border-radius: 0px 5px 5px 0px; }
.ligne { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #ecdbd9; border-radius: 5px 5px 5px 5px; }
#top .petit-tableau {
color: #ffffff; text-align:center;
background-color: #bae2da;
}
#top a.boutonTop, a.boutonTop:visited {
display:block; width: 140px; height: 20px; line-height: 18px; color: #ececea; cursor:pointer; text-align:center;
background: #b2b2b2;
background-image: -webkit-linear-gradient(top, #909090, #898889);
background-image: -moz-linear-gradient(top, #909090, #898889);
background-image: -ms-linear-gradient(top, #909090, #898889);
background-image: -o-linear-gradient(top, #909090, #898889);
background-image: linear-gradient(to bottom, #909090, #898889);
border: 1px solid #cfcfcf;
-webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; margin: 2px; text-decoration: none;
}
#top a.boutonTop:hover, a.boutonTop:active {
background: #9f9f9f; text-align:center;
background-image: -webkit-linear-gradient(top, #9f9f9f, #818181);
background-image: -moz-linear-gradient(top, #9f9f9f, #818181);
background-image: -ms-linear-gradient(top, #9f9f9f, #818181);
background-image: -o-linear-gradient(top, #9f9f9f, #818181);
background-image: linear-gradient(to bottom, #9f9f9f, #818181);
border: 1px solid #cfcfcf;
text-decoration: none;
}
.question { color: red; font-size: 15px; line-height: 15px; font-family: Arial, Helvetica, Verdana, sans-serif; }
.reponse { color: #000000; font-size: 15px; line-height: 15px; font-family: Arial, Helvetica, Verdana, sans-serif; }