body { font-family: arial, sans-serif; background: #f6f6f6; color: #000000; margin: 0px; padding: 120px 0px 0px 0px; font-size: 12px; background-image: url('images/esope-print.png'); background-attachment: fixed; background-position:top left; background-repeat: no-repeat; }
.sans-entete { padding: 0px 0px 0px 0px; background-image: url('images/background.jpg'); background-size:cover; }

h1 { font-size: 20px; font-style: italic; color: #407aa0; margin: 20px 0px 40px 10px; }

form { margin: 0px; padding: 0px; border:none; }
.xhr { font-family: arial, sans-serif; background: #ffffff; color: #000000; margin: 0px; padding: 0px; font-size: 12px; background-image: none; }
.cadreadmin { font-family: arial, sans-serif; background: #f6f6f6; color: #000000; margin: 0px; padding: 0px; font-size: 12px; background-image: url('images/logo-admin.png'); background-attachment: fixed; background-position:top left; background-repeat: no-repeat; }
.cadrebat { font-family: arial, sans-serif; background: #f6f6f6; color: #000000; margin: 0px; padding: 0px; font-size: 12px; background-image: url('images/logo-bat.png'); background-attachment: fixed; background-position:top left; background-repeat: no-repeat; }
.cadrefact { font-family: arial, sans-serif; background: #f6f6f6; color: #000000; margin: 0px; padding: 0px; font-size: 12px; background-image: url('images/logo-fact.png'); background-attachment: fixed; background-position:top left; background-repeat: no-repeat; }

.colonne { width:97%; margin: 40px auto; text-align: left; }
.quart { float: left; width: 25%; text-align: center; }
.findecolonne { clear:both; width: 0px; height: 0px; }

.gros-titre { width:96%; padding: 0px 0.5%; margin: 80px auto 40px auto; text-align: left; font-size: 48px; line-height:0px;font-weight:bold; font-style: italic; color: #407aa0; border-bottom: 20px solid #ffffff; text-shadow: 1px 1px 0px #fff; -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 5px; box-shadow: rgba(0,0,0,0.1) 0 1px 5px; }
.section { width:97%; margin: 40px auto; text-align: left; background: #ffffff; border: 1px solid #aaaaaa; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px;}
.section-titre { padding: 8px 8px 0px 8px; height: 26px; color:#606060; font-size:16px; background-color: #f9f9f9; background-image: url('images/section-titre.png'); text-shadow: 0 1px 0 #fff; cursor: pointer; }
.section-contenu { font-size: 14px; color: #999999; overflow: hidden; }
.section-texte { float: left; padding: 20px; line-height: 16px; font-size: 16px; color: #000; }
.section-texte a { color: #3e779d; text-decoration: none; }
.section-texte a:hover { color: #000; text-decoration: underline; }
.entete { right:0px; top:0px; padding: 4px 4px; text-align: right; line-height: 24px; position: fixed;}
.milieu { position: relative; left:20%; top:240px; width: 60%; }
.piedepage { width:100%; height: 32px; left:0px; bottom:0px; position: fixed;}
.section-boutons { width:97%; height: 120px;margin: 40px auto; text-align: left; border: none; }

.texte { line-height: 16px; font-size: 16px; color: #000; }
.discret { line-height: 14px; font-size: 14px; color: #999999; }

.section-produit { display: inline-block; float: left; margin: 8px; padding: 12px; border: 1px solid #ccc; border-radius: 5px; font-size: 13px; color:#000000; line-height: 16px; text-align: center; }
.section-produit:hover { background-color: #bcddf3; }
.section-produit img { border: 1px solid #ccc; border: none; margin: 0px 0px 10px 0px;}

.section-closing { display: none; float: right; margin-right: 20px; padding: 0px; width: 28px; height: 28px; background-image: url('images/close.png');}

.section-commande { width: 100%; margin: 0px; padding: 0px; border: none; font-size: 13px; color:#000000; line-height: 16px; }
.section-commande tr { background-color: #ffffff; }
.section-commande td { padding: 12px; }
.section-commande td .apercu-produit { border: 1px solid #ccc; border:none; margin: 0px 0px 10px 0px; height: 40px; }

.commande-conteneur { display:block; width: 100%; height: 440px; overflow-y: auto; overflow-x: hidden; }
.commande-data td { border-bottom: 1px solid #ccc; }
.commande-data tr:hover { cursor: pointer; background-color: #bcddf3; }
.commande-titre td { color: #666; font-size:10px; border-bottom: 1px solid #ccc; }

.commande-import tr:first-child { color: #999; font-size:10px; border-bottom: 1px solid #ccc; }
.commande-import td { border-bottom: 1px solid #ccc; }
.commande-import tr:hover { cursor: pointer; background-color: #bcddf3; }

.section-assignation { width: 100%; margin: 0px; padding: 0px; border: none; font-size: 13px; color:#000000; line-height: 16px; }
.section-assignation td { padding: 12px; }

.commande-assignation td { border-right: 1px solid #ccc; cursor: pointer; }
.commande-assignation tr:first-child { color: #999; font-size:10px; }

.commande-assignation-column { background-color: #dce9f2; }

.status0 { color: #aaa; }
.status1 { color: #666; }
.status2 { color: #666; }
.status3 { color: #666; }
.status4 { color: #c66; }
.status10 { color: #6c8; }
.status20 { color: #68c; }
.status100 { color: #aaa; }

.stopcolonnes { clear:both; width: 0px; height: 0px; }

.section-tableau { width:97%; border:0; margin:0; padding:0; }
.section-tr-blanc	 { background-color:rgba(255,255,255,0.1); font-size: 12px; color:#000000; cursor: pointer; }
.section-tr-gris { background-color:rgba(0,0,0,0.1); font-size: 12px; color:#000000; cursor: pointer; }
.section-tr-blanc:hover,.section-tr-blanc-fixe:hover { background-color:rgba(255,255,255,0.6); }
.section-tr-gris:hover,.section-tr-gris-fixe:hover { background-color:rgba(0,0,0,0.05); }
.section-tr-blanc-fixe	{ background-color:rgba(255,255,255,0.1); font-size: 12px; color:#000000; cursor: pointer; }
.section-tr-gris-fixe { background-color:rgba(0,0,0,0.1); font-size: 12px; color:#000000; cursor: pointer; }
.section-td-discret { color: #bbbbbb; font-size: 12px; padding-bottom: 8px; border-bottom: 1px solid #dddddd; }
.section-tableau-sanstri { background-color: #ffffff; color: #ffffff; font-size: 12px; height: 16px; border-bottom: 1px solid #dddddd; padding: 0px 6px; }
.section-tableau-tri { color: #ffffff; font-size: 12px; height: 16px; border-bottom: 1px solid #dddddd; text-align: left; padding: 0px 6px; cursor: pointer; }
.section-tableau-tri:hover { border-top: 1px solid #96d1f8; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); background: -moz-linear-gradient(top, #3e779d, #65a9d7); -webkit-border-radius: 5px 7px 0px 0px; -moz-border-radius: 5px 7px 0px 0px; border-radius: 5px 7px 0px 0px;  -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 10px; font-family: arial, sans-serif; text-decoration: none; }
.section-statut { position: relative; top: -20px; right: 0px; height: 20px; margin-bottom: -24px ; color: #407aa0; border:0; margin:0; padding:0; padding-right: 24px; text-align: right; background-image: url('images/section-minimize.png'); background-position: right center; background-repeat: no-repeat; }

.bouton-confirmation { float: right; width: 30%; padding: 30px 0px; background-color: #63c051; background: -webkit-gradient(linear, left top, left bottom, from(#4da23d), to(#74d662)); background: -moz-linear-gradient(top, #4da23d, #74d662); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,0.2) 0 1px 0; color: #ffffff; font-size: 24px; font-family: arial, sans-serif; text-align: center; text-decoration: none; }
.bouton-confirmation:hover { border-top-color: #316028; background: #4da23d; }

.bouton-update { float: right; width: 30%; padding: 30px 0px; margin-right: 5%;background-color: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); background: -moz-linear-gradient(top, #3e779d, #65a9d7); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,0.2) 0 1px 0; color: #ffffff; font-size: 24px; font-family: arial, sans-serif; text-align: center; text-decoration: none; }
.bouton-update:hover { border-top-color: #28597a; background: #3b769f; }

.bouton-annulation { float: right; width: 30%; padding: 30px 0px; margin-right: 5%; background-color: #b5b5b5; background: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#cccccc)); background: -moz-linear-gradient(top, #bbbbbb, #cccccc); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,0.2) 0 1px 0; color: #ffffff; font-size: 24px; font-family: arial, sans-serif; text-align: center; text-decoration: none; }
.bouton-annulation:hover { border-top-color: #5a5a5a; background: #bbbbbb; }

.gr-bouton { border-top: 1px solid #96d1f8; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); background: -moz-linear-gradient(top, #3e779d, #65a9d7); padding: 4px 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 14px; font-family: arial, sans-serif; text-decoration: none; }
.gr-bouton:hover { border-top-color: #28597a; background: #28597a; }
.gr-bouton:active { border-top-color: #1b435e; background: #1b435e; }

.bouton { border-top: 1px solid #96d1f8; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); background: -moz-linear-gradient(top, #3e779d, #65a9d7); padding: 2px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
.bouton:hover { border-top-color: #28597a; background: #28597a; }
.bouton:active { border-top-color: #1b435e; background: #1b435e; }

.pt-bouton { top: 0px; border-top: 1px solid #96d1f8; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); background: -moz-linear-gradient(top, #3e779d, #65a9d7); padding: 0px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 10px; font-family: arial, sans-serif; text-decoration: none; }
.pt-bouton:hover { border-top-color: #28597a; background: #28597a; }
.pt-bouton:active { border-top-color: #1b435e; background: #1b435e; }

.pt-bouton-cligno { top: 0px; border-top: 1px solid #96d1f8; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); background: -moz-linear-gradient(top, #3e779d, #65a9d7); padding: 0px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 10px; font-family: arial, sans-serif; text-decoration: none blink; }
.pt-bouton-cligno:hover { border-top-color: #28597a; background: #28597a; }
.pt-bouton-cligno:active { border-top-color: #1b435e; background: #1b435e; }

.bouton-rouge { border-top: 1px solid #ff7c9b; background: #be0029; background: -webkit-gradient(linear, left top, left bottom, from(#be0029), to(#ff2050)); background: -moz-linear-gradient(top, #be0029, #ff2050); padding: 2px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
.bouton-rouge:hover { border-top-color: #400000; background: #be0029; }
.bouton-rouge:active { border-top-color: #400000; background: #400000; }

.pt-bouton-rouge { top: 0px; border-top: 1px solid #ff7c9b; background: #be0029; background: -webkit-gradient(linear, left top, left bottom, from(#be0029), to(#ff2050)); background: -moz-linear-gradient(top, #be0029, #ff2050); padding: 0px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 10px; font-family: arial, sans-serif; text-decoration: none; }
.pt-bouton-rouge:hover { border-top-color: #400000; background: #be0029; }
.pt-bouton-rouge:active { border-top-color: #400000; background: #400000; }

.pt-bouton-rouge-cligno { top: 0px; border-top: 1px solid #ff7c9b; background: #be0029; background: -webkit-gradient(linear, left top, left bottom, from(#be0029), to(#ff2050)); background: -moz-linear-gradient(top, #be0029, #ff2050); padding: 0px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 10px; font-family: arial, sans-serif; text-decoration: none blink; }
.pt-bouton-rouge-cligno:hover { border-top-color: #400000; background: #be0029; }
.pt-bouton-rouge-cligno:active { border-top-color: #400000; background: #400000; }

.bouton-gris { margin-right: 8px; line-height: 30px; border-top: 1px solid #a0a0a0; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#707070)); background: -moz-linear-gradient(top, #404040, #707070); padding: 2px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
.bouton-gris:hover { border-top-color: #202020; background: #404040; }
.bouton:active { border-top-color: #202020; background: #202020; }

.pt-bouton-gris { top: 0px; border-top: 1px solid #96d1f8; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#707070)); background: -moz-linear-gradient(top, #404040, #707070); padding: 0px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 10px; font-family: arial, sans-serif; text-decoration: none; }
.pt-bouton-gris:hover { border-top-color: #202020; background: #404040; }
.pt-bouton-gris:active { border-top-color: #202020; background: #202020; }

.bouton-bleu { border-top: 1px solid #556aa1; background: #1f2f5c; background: -webkit-gradient(linear, left top, left bottom, from(#1f2f5c), to(#344986)); background: -moz-linear-gradient(top, #1f2f5c, #344986); padding: 2px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
.bouton-bleu:hover { border-top-color: #202030; background: #1f2f5c; }
.bouton-bleu:active { border-top-color: #202030; background: #000000; }

.pt-bouton-bleu { top: 0px; border-top: 1px solid #556aa1; background: #1f2f5c; background: -webkit-gradient(linear, left top, left bottom, from(#1f2f5c), to(#344986)); background: -moz-linear-gradient(top, #1f2f5c, #344986); padding: 0px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 10px; font-family: arial, sans-serif; text-decoration: none; }
.pt-bouton-bleu:hover { border-top-color: #202030; background: #1f2f5c; }
.pt-bouton-bleu:active { border-top-color: #202030; background: #000000; }

.bouton-noir { border-top: 1px solid #aaaaaa; background: #000000; background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#888888)); background: -moz-linear-gradient(top, #000000, #888888); padding: 2px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
.bouton-noir:hover { border-top-color: #aaaaaa; background: #000000; }
.bouton-noir:active { border-top-color: #aaaaaa; background: #000000; }

.pt-bouton-noir { top: 0px; border-top: 1px solid #aaaaaa; background: #000000; background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#888888)); background: -moz-linear-gradient(top, #000000, #888888); padding: 0px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 10px; font-family: arial, sans-serif; text-decoration: none; }
.pt-bouton-noir:hover { border-top-color: #aaaaaa; background: #000000; }
.pt-bouton-noir:active { border-top-color: #aaaaaa; background: #000000; }

.bouton-orange { border-top: 1px solid #f6c64c; background: #b58500; background: -webkit-gradient(linear, left top, left bottom, from(#b58500), to(#f0b103)); background: -moz-linear-gradient(top, #b58500, #f0b103); padding: 2px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
.bouton-orange:hover { border-top-color: #303020; background: #b58500; }
.bouton-orange:active { border-top-color: #303020; background: #604000; }

.pt-bouton-orange { top: 0px; border-top: 1px solid #f6c64c; background: #b58500; background: -webkit-gradient(linear, left top, left bottom, from(#b58500), to(#f0b103)); background: -moz-linear-gradient(top, #b58500, #f0b103); padding: 0px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 10px; font-family: arial, sans-serif; text-decoration: none; }
.pt-bouton-orange:hover { border-top-color: #303020; background: #b58500; }
.pt-bouton-orange:active { border-top-color: #303020; background: #604000; }

.pt-bouton-orange-cligno { top: 0px; border-top: 1px solid #f6c64c; background: #b58500; background: -webkit-gradient(linear, left top, left bottom, from(#b58500), to(#f0b103)); background: -moz-linear-gradient(top, #b58500, #f0b103); padding: 0px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 10px; font-family: arial, sans-serif; text-decoration: blink; }
.pt-bouton-orange-cligno:hover { border-top-color: #303020; background: #b58500; }
.pt-bouton-orange-cligno:active { border-top-color: #303020; background: #604000; }

.bouton-vert { border-top: 1px solid #58a54d; background: #15550d; background: -webkit-gradient(linear, left top, left bottom, from(#15550d), to(#318626)); background: -moz-linear-gradient(top, #15550d, #318626); padding: 2px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
.bouton-vert:hover { border-top-color: #203020; background: #15550d; }
.bouton-vert:active { border-top-color: #203020; background: #083000; }

.pt-bouton-vert { top: 0px; border-top: 1px solid #58a54d; background: #15550d; background: -webkit-gradient(linear, left top, left bottom, from(#15550d), to(#318626)); background: -moz-linear-gradient(top, #15550d, #318626); padding: 0px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 10px; font-family: arial, sans-serif; text-decoration: none; }
.pt-bouton-vert:hover { border-top-color: #203030; background: #15550d; }
.pt-bouton-vert:active { border-top-color: #203030; background: #083000; }

.bouton-turquoise { border-top: 1px solid #60d9d0; background: #2ca0a0; background: -webkit-gradient(linear, left top, left bottom, from(#228080), to(#3abbbb)); background: -moz-linear-gradient(top, #228080, #3abbbb); padding: 2px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
.bouton-turquoise:hover { border-top-color: #208480; background: #228080; }
.bouton-turquoise:active { border-top-color: #208480; background: #228080; }

.pt-bouton-turquoise { top: 0px; border-top: 1px solid #60d9d0; background: #15550d; background: -webkit-gradient(linear, left top, left bottom, from(#228080), to(#3abbbb)); background: -moz-linear-gradient(top, #228080, #3abbbb); padding: 0px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 10px; font-family: arial, sans-serif; text-decoration: none; }
.pt-bouton-turquoise:hover { border-top-color: #208480; background: #228080; }
.pt-bouton-turquoise:active { border-top-color: #208480; background: #228080; }

.pave { position: relative; float: left; width: 25%; border-top: 1px solid #96d1f8; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); background: -moz-linear-gradient(top, #3e779d, #65a9d7); margin: 20px 2% 40px 2%; padding: 14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 18px; font-family: arial, sans-serif; text-align: center; text-decoration: none; }
.pave:hover { border-top-color: #28597a; background: #28597a; }

.pave-noir { position: relative; float: left; width:  25%; border-top: 1px solid #aaaaaa; background: #000000; background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#888888)); background: -moz-linear-gradient(top, #000000, #888888); margin: 20px 2% 40px 2%; padding: 14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 18px; font-family: arial, sans-serif; text-align: center; text-decoration: none; }
.pave-noir:hover { border-top-color: #aaaaaa; background: #000000; }

.pave-rouge { position: relative; float: left; width:  25%; border-top: 1px solid #ff7c9b; background: #be0029; background: -webkit-gradient(linear, left top, left bottom, from(#be0029), to(#ff2050)); background: -moz-linear-gradient(top, #be0029, #ff2050); margin: 20px 2% 40px 2%; padding: 14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 5px; box-shadow: rgba(0,0,0,0.2) 0 1px 5px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 18px; font-family: arial, sans-serif; text-align: center; text-decoration: none; }
.pave-rouge:hover { border-top-color: #400000; background: #be0029; }


.boite { font-family: arial, sans-serif; font-size: 12px; color: #306080; background-color: #f0f0f0; margin: 4px 0px 12px 8px; padding: 3px 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #aaaaaa; }
.petiteboite { font-family: arial, sans-serif; font-size: 11px; color: #306080; background-color: #f0f0f0; padding: 2px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #aaaaaa;; }
.boite a { font-family: arial, sans-serif; font-size: 12px; color: #306080; }

.boite-rouge { box-shadow: 0px 0px 4px #c44; }

.titreboite { padding:8px; line-height: 40px; font-size: 14px; color: #aaaaaa; }

.notification { width: 10px; height: 10px; font-size:9px; background-color: #aa4040; border: 1px solid #ffffff; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.info { color: #606060; font-size: 12px; }
.infomini { color: #606060; font-size: 10px; }
.infopop { color: #000000; font-size: 14px; }
.secondaire { color: #808080; font-size: 10px;}
.alerte { color: #4040aa; font-size: 13px; }
.alerterouge { padding: 8px; color: #aa4040; font-size: 13px; text-decoration: none blink;}
.alerteverte { padding: 8px; color: #1f6e10; font-size: 13px; text-decoration: none blink;}
.soustitre-100 { color:#aaaaaa; position:relative; width:100px;float:left; }
.soustitre { color:#aaaaaa; font-size: 14px; text-shadow: 0px 1px 0px #ffffff; }

.categorie { color: #000000; font-size: 24px; margin-left: 0px; margin-bottom: -12px; font-weight: bold; }
.mini { color: #808080; font-size: 12px; margin-left: 20px;}
.titredindex { position: relative; left: -6px; top: -10px; color: #cccccc; font-size: 16px; margin-bottom: 20px;}

.message { background: #ffffff; font-size: 12px; color: #000000}
.urgent { background: #ffffff; font-size: 12px; color: #a04040}
.nmessage { background: #ffffff; font-size: 12px; color: #000000}
.nurgent { background: #ffffff; font-size: 12px; color: #a04040}

sup,sub { font-size: 12px; vertical-align: baseline;}

.tabledevis { font-size: 12px; border: solid; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 0px; border-bottom-color: #e04020; border-left-color: #a0a0a0;}
.tablereal { font-size: 12px; border: solid; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 0px; border-bottom-color: #a0b0f0; border-left-color: #a0a0a0;}


.familledeplacement { background: #ea9a2c; color: #000000; font-size: 11px; padding: 1px 6px; }
.familledevis { background: #eca129; color: #000000; font-size: 11px; padding: 1px 6px; }
.famillecollectinfo { background: #eeb023; color: #000000; font-size: 11px; padding: 1px 6px; }
.famillemaquette { background: #f1c01c; color: #000000; font-size: 11px; padding: 1px 6px; }
.familleredaction { background: #f3cf17; color: #000000; font-size: 11px; padding: 1px 6px; }
.famillecomposition { background: #f5dc12; color: #000000; font-size: 11px; padding: 1px 6px; }
.familleweb { background: #f7e50e; color: #000000; font-size: 11px; padding: 1px 6px; }
.famillephoto { background: #f8ed0b; color: #000000; font-size: 11px; padding: 1px 6px; }
.famillescan { background: #f9f409; color: #000000; font-size: 11px; padding: 1px 6px; }
.famillecromalin { background: #fbfb06; color: #000000; font-size: 11px; padding: 1px 6px; }
.famillebat { background: #ee5b62; color: #000000; font-size: 11px; padding: 1px 6px; }
.famillefilm { background: #16c6ee; color: #000000; font-size: 11px; padding: 1px 6px; }
.familleplaque { background: #16c6ee; color: #000000; font-size: 11px; padding: 1px 6px; }
.famillepapier { background: #25c2d2; color: #000000; font-size: 11px; padding: 1px 6px; }
.familleimpression { background: #3abead; color: #000000; font-size: 11px; padding: 1px 6px; }
.famillefaconnage { background: #56b87a; color: #000000; font-size: 11px; padding: 1px 6px; }
.familleexpedition { background: #6ab454; color: #000000; font-size: 11px; padding: 1px 6px; }
.famillelivraison { background: #71b348; color: #000000; font-size: 11px; padding: 1px 6px; }
.famillefacture { background: #78b23c; color: #000000; font-size: 11px; padding: 1px 6px; }

.etat { color: #ffffff; font-size: 11px; padding: 1px 6px; border-radius: 11px; text-shadow: 0px 1px 0px rgba(0,0,0,0.2); }

.ouvert { background: #653479; }
.devis { background: #c2722f; }
.devisvalide { background: #e7a437; }
.maquette { background: #e4be2b; }
.bat { background: #c8542d; }
.batvalide { background: #db3432; }
.realisation { background: #4e8fbc; }
.prefacture { background: #2e9d9d; }
.facture { background: #1f6e10; }
.annule { background: #999999; }


a:link.info,a:visited.info { font-size: 12px; color: #000000; text-decoration:none; }
a:hover.info { color: #606060; }

a:link.infocligno,a:visited.infocligno { font-size: 12px; color: #000000; text-decoration:none blink; }
a:hover.infocligno { color: #606060; }

a:link.infopop,a:visited.infopop { font-size: 12px; color: #204060; font-weight: bold; letter-spacing: 1px; }
a:hover.infopop { background: #8094d4; color:#000000; }

a:link.config,a:visited.config { font-size: 12px; color: #000000; text-decoration:none; }
a:hover.config { color: #404040; }

a:link.configcligno,a:visited.configcligno { font-size: 12px; color: #000000; text-decoration:none blink; }
a:hover.configcligno { color: #404040; }

a:link.raccourci,a:visited.raccourci { color: #000000; font-size: 11px; text-decoration:none;}
a:hover.raccourci { text-shadow: 0 0 3px rgba(255,255,255,1); }

a:link.secondaire,a:visited.secondaire { color: #808080; font-size: 12px; text-decoration:none;}
a:hover.secondaire { text-decoration: underline; color:#000000; }