﻿@media print
{    
  .udm
  {
    display: none !important;
  }
}

INPUT.red
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #800080;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #fcf8c2
}
A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #336699;
    TEXT-DECORATION: none
}
A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #191970;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: red;
    TEXT-DECORATION: underline
}
H1
{
    FONT-SIZE: 16pt;
    COLOR: #5b69a6;
    FONT-FAMILY: verdana,sans-serif
}
H2
{
    FONT-SIZE: 14pt;
    COLOR: #5b69a6;
    FONT-FAMILY: verdana,sans-serif
}
H3
{
    FONT-FAMILY: verdana,sans-serif
}
H4
{
    FONT-SIZE: 12px;
    COLOR: red;
    FONT-FAMILY: verdana,sans-serif
}
H6
{
    FONT-SIZE: 10px;
    COLOR: red;
    FONT-FAMILY: arial,sans-serif
}
A.unallocated:link
{
    COLOR: #9ba9e6
}
A.allocated:link
{
    COLOR: #5b69a6
}
A.unallocated:hover
{
    COLOR: red
}
A.allocated:hover
{
    COLOR: red
}
A.blue
{
    FONT-SIZE: 12px;
    COLOR: #5b69a6;
    FONT-FAMILY: arial,sans-serif
}
A.green
{
    FONT-SIZE: 10px;
    COLOR: green;
    FONT-FAMILY: arial,sans-serif
}
A.red
{
    COLOR: red
}
A.white
{
    COLOR: white
}
A.tdbluebill
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: tahoma,sans-serif;
    BACKGROUND-COLOR: #336699;
    TEXT-DECORATION: none
}
TD.blue
{
    BACKGROUND-COLOR: #f0f0ff
}
TD.red
{
    BACKGROUND-COLOR: #fff0f0
}
TD.green
{
    BACKGROUND-COLOR: #ddffdd
}
TD.A
{
    BACKGROUND-COLOR: #ffccff
}
TD.B
{
    BACKGROUND-COLOR: #99cccc
}
TD.C
{
    BACKGROUND-COLOR: #ff9999
}
TD.D
{
    BACKGROUND-COLOR: #ffff99
}
TD.E
{
    BACKGROUND-COLOR: #c0e0ff
}
TD.F
{
    BACKGROUND-COLOR: #ffcc99
}
TD.G
{
    BACKGROUND-COLOR: #ff6666
}
TD.H
{
    BACKGROUND-COLOR: #66ffff
}
TD.I
{
    BACKGROUND-COLOR: #ddffdd
}
TD.J
{
    BACKGROUND-COLOR: #cccccc
}
TD.N
{
    BACKGROUND-COLOR: navy
}
TD.white
{
    BACKGROUND-COLOR: #ffffff
}
TABLE.fwhite
{
    COLOR: white
}

Table.gestion4MCPL, div.syslait {
  font-size: 13px !important;
  empty-cells: show;
}

Table
{
  border-spacing:0px;
  empty-cells: show;
}

.tdblack
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: tahoma,sans-serif;
    BACKGROUND-COLOR: #000000;
    TEXT-DECORATION: none
}
.tdliste
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #ffffff;
    FONT-FAMILY: tahoma,sans-serif;
    BACKGROUND-COLOR: #336699;
    TEXT-DECORATION: none
}
.tdsmall
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    FONT-FAMILY: tahoma,sans-serif;
    BACKGROUND-COLOR: #336699;
    TEXT-DECORATION: none
}
.tdsred
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ff0000;
    FONT-FAMILY: tahoma,sans-serif;
    TEXT-DECORATION: none
}
.tdmgreen
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: green;
    FONT-FAMILY: tahoma,sans-serif;
    TEXT-DECORATION: none
}
.APPLETWIDTH
{
    BACKGROUND-IMAGE: url(../images/sgdl/appletwidth.gif)
}
.CLA
{
    BACKGROUND-COLOR: #ccccff
}
.DEV
{
    BACKGROUND-COLOR: #ccffff
}
.TOT
{
    BACKGROUND-COLOR: #ccff99
}
.MEI
{
    BACKGROUND-COLOR: #99ffcc
}
.BIO
{
    BACKGROUND-COLOR: #ffcccc
}
.CAS
{
    BACKGROUND-COLOR: #cccc99
}
.PED
{
    BACKGROUND-COLOR: #eeff00
}

.InputRight
{
    TEXT-ALIGN: right
}

input[readonly] {
  BACKGROUND-IMAGE: url(../images/sgdl/appletwidth.gif);
}

.InputRightGris
{
    BACKGROUND-IMAGE: url(../images/sgdl/appletwidth.gif);
   TEXT-ALIGN: right
}

.warningMessageClasseSpecial 
{
  font-weight:bold;
  font-size:13px;
  text-align:center;        
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  width:350px;            
  border: 2px solid;
  padding:10px 10px 10px 10px;
  background-repeat: no-repeat;
  background-position: 10px center;
}

.border2, tr.border2 td{
  border: 2px solid;
}

.successMessage, .erreurMessage, .warningMessage 
{
  font-weight:bold;
  font-size:16px;
  text-align:center;        
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;;
  width:900px;            
  border: 2px solid;
  padding:10px 45px 10px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}

.successMessageNoAlign, .erreurMessageNoAlign, .warningMessageNoAlign 
{
  font-weight:bold;
  font-size:16px;
  /*text-align:center;*/        
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;;
  width:900px;            
  border: 2px solid;
  padding:10px 45px 10px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}

.tdSuccessMessage, .tdErreurMessage, .tdWarningMessage
{
  font-weight:bold;
  text-align:center;        
  margin-left: auto;
  margin-right: auto;       
  border: 2px solid;
  padding:5px 5px 5px 5px;
  background-repeat: no-repeat;
  background-position: 10px center;
}

.tdSuccessMessageNoAlign, .tdErreurMessageNoAlign, .tdWarningMessageNoAlign
{
  font-size:12px;
  font-weight:bold;    
  margin-left: auto;
  margin-right: auto;       
  border: 1px solid;
  padding:5px 5px 5px 5px;
  background-repeat: no-repeat;
  background-position: 10px center;
}


.tdSuccessTexte, .tdErreurTexte, .tdWarningTexte
{        
  font-size:12px;
  margin-left: auto;
  margin-right: auto;       
  /*border: 1px solid;*/
  /*padding:5px 5px 5px 5px;*/
  background-repeat: no-repeat;
  background-position: 10px center;
}

.successMessage, .tdSuccessMessage, .tdSuccessMessageNoAlign, .tdSuccessTexte
{
  color: #4F8A10;
  background-color: #DFF2BF;
  /*background-image:url('success.png');*/
}

.erreurMessage, .tdErreurMessage, .erreurMessageNoAlign, .tdErreurMessageNoAlign, .tdErreurTexte
{
  color: #D8000C;
  background-color: #FFBABA;
  /*background-image: url('error.png');*/ 
}

.warningMessage, .tdWarningMessage, .warningMessageClasseSpecial, .tdWarningMessageNoAlign, .tdWarningTexte
{
  color: #9F6000;
  background-color: #FEEFB3;
}

.tdWarningFond {
  background-color: #fffbed; /* #fff9e2;*/
}

.selectedItem
{
  background-color: #FFBABA;
}

.fileMessage
{
  width:500px; 
  padding:0px 15px 15px 15px;   
}

.boite
{
  text-align:center;        
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  width:900px;            
  border: 2px solid;
  padding:0px 15px 15px 15px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-color:lightgray;
}

.boite p 
{
  font-weight:bold;  
  font-size:16px;
}

.hidden {
  display : none;
}

.listFiles
{
  text-align : left;   
  font-size:13px; 
}
.listFiles li
{
  padding:2px 0px 6px 0px;
}

.sectionCommentaire {  
   border: 2px solid;
   padding:10px 10px 10px 10px;
   margin-top:10px;
}

.sectionPetite {  
   width:60%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
   margin-top: 20px;
}
.titreCommentaire { 
  font-weight:bold;
  font-size:16px;
  padding-bottom:5px;
}

.boutonCommentaire {
  padding-top:10px;
}

.titleTableHtml {
  font-weight:bold;
  font-size:16px;
  padding-top:10px;
}

.tableHtml {
  width:100%;       
  margin-bottom:20px;
}

.tableHtml th, .tableHtml td {
  font-size:12px; 
}
th#Datecreation, th#Usager {
  width:120px;
}

.container {
   height: auto;
   overflow: hidden;
}

.right {
    float: right;
}

.left {
    float: none; 
    /* the next props are meant to keep this block independent from the other floated one */
    width: auto;
    overflow: hidden;
}


.borderTop_4MCPL{
  border-top: 1px solid black;
}

.borderBottom_4MCPL{
  border-bottom: 1px solid black;
}

.borderLeft_4MCPL{
  border-left: 1px solid black; 
}

.borderRight_4MCPL{
  border-right: 1px solid black;
}

.padTop_4MCPL {
  padding-top: 10px;
}

.padBottom_4MCPL {
  padding-bottom: 10px;
}

.padLeft_4MCPL {
  padding-left: 5px;
}

.padRight_4MCPL {
  padding-right: 5px;
}

.tableFontSize12 {
  font-size: 12px;
}

.styled-select {
  /*overflow: hidden;*/
  height: 55px;
  /*float: left;*/
  width: 700px;
  margin-right: 10px;
  background : transparent;
  border: solid black 2px;
  /*color: #5b69a6; */
  /*background: url(http://i50.tinypic.com/9ldb8j.png) no-repeat right center #5b69a6;/*#5c5c5c;*/
}

.styled-select select {
  font-size: 25px;
  border-radius: 0;
  border: none;
  background: transparent;
  width: 650px;
  overflow: hidden;
  /*padding-top: 15px;*/
  height: 50px; /*70px;*/
  /*text-indent: 10px;*/
  color: #5b69a6; /*#ffffff;*/
  font-weight: bold;
  text-align: center;
  -webkit-appearance: none;
}

.styled-select optgroup {
    font-size: 14px;
}

.styled-select option.service-small {
  font-size: 14px;
  padding: 5px;
  color:black;
  background-color: white;
  /*background: #5b69a6; /*#5c5c5c;*/
}

.espacementCellule
{
  padding-left:5px;
  padding-right: 5px;
}

.containerClient {
  display: flex;
}
.containerClient > div {
  flex: 1; /*grow*/
}
.containerClient > div > div {
  padding-top:3px;
  padding-bottom:3px;
  padding-right:3px;
  border:2px solid;
}
.divTitreLargeur90 {
  max-width: 90px;
}
.divTitreLargeur100 {
  max-width: 100px;
}
.divTitreLargeur110 {
  max-width: 110px;
}
.divTitreLargeur120 {
  max-width: 120px;
}
.divTitreLargeur130 {
  max-width: 130px;
}
.divTitreLargeur140 {
  max-width: 140px;
}
.divTitreLargeur150 {
  max-width: 150px;
}
.divTitreLargeur160 {
  max-width: 160px;
}
.divTitreLargeur170 {
  max-width: 170px;
}
.divTitreLargeur180 {
  max-width: 180px;
}
.titre {
  font-weight: bold;
  vertical-align: middle;
}
.titreGauche {
  text-align: left;
  font-weight: bold;
  padding-left:3px;
  vertical-align: middle;
}
.titreDroit {
  text-align: right;
  font-weight: bold;
  padding-left:3px;
  vertical-align: middle;
}
.alignerGauche, .leftAlign {
  text-align:left;
}
.alignerDroit, .rightAlign {
  text-align:right;
}
.ecriture09 {
  font-size: 9px;
}
.ecriture10 {
  font-size: 10px;
}
.ecriture11 {
  font-size: 11px;
}
.ecriture12 {
  font-size: 12px;
}
.ecriture13 {
  font-size: 13px;
}
.ecriture14 {
  font-size: 14px;
}
.ecriture15 {
  font-size: 15px;
}
.ecriture16 {
  font-size: 16px;
}
.ecriture17 {
  font-size: 17px;
}
.ecriture18 {
  font-size: 18px;
}
.ecriture19 {
  font-size: 19px;
}
.ecriture20 {
  font-size: 20px;
}
.TableProduit {
  font-size: 13px;
}
.ecritureItalic {
  font-style: italic;
}

