@charset "ISO-8859-1";

@media all{
/*-------------------------------------------------------------*/
/* Les liens du site web                                       */
A:link    {color: #6666aa; text-decoration: none}
A:visited {color: #6666aa; text-decoration: none}
A:hover   {color: #888899; text-decoration: none}
A:active  {color: #6666aa; text-decoration: none}
/*-------------------------------------------------------------*/
}

@media all {
HTML,BODY {margin: 0px;
           background-color: #ffffff;
           font-family: Arial, Helvetica, sans-serif;
           font-size: 10pt;
           font-weight: normal;
           background-image: url("images/fond.jpg");}

DIV.titreLogin {position:absolute;
                left: 0px;
                top: 0px;
                width: 950px;
                margin: 10px;
                height: 50px;
                vertical-align: middle;
                background-image: url("images/departement_EI_1000_50.jpg");
                border: solid 1px black}

DIV.titreCharge {position:absolute;
                 left: 0px;
                 top: 0px;
                 width: 950px;
                 margin: 10px;
                 height: 50px;
                 vertical-align: middle;
                 background-image: url("images/charge_1000_50.jpg");
                 border: solid 1px black}

DIV.titreDiplome {position:absolute;
                  left: 0px;
                  top: 0px;
                  width: 950px;
                  margin: 10px;
                  height: 50px;
                  vertical-align: middle;
                  background-image: url("images/diplome_1000_50.jpg");
                  border: solid 1px black}   
                  
DIV.titreSemestre {position:absolute;
                  left: 0px;
                  top: 0px;
                  width: 950px;
                  margin: 10px;
                  height: 50px;
                  vertical-align: middle;
                  background-image: url("images/semestre_1000_50.jpg");
                  border: solid 1px black}                                   

TABLE.titre {vertical-align: top;
             color: white;
             font-size: 24pt;
             width: 100%;
             height: 100%;
             text-align: center;
             background-color : #555555}

DIV.corps {font-size: 10pt;
           position:absolute;
           left: 0px;
           top: 94px;
           width: 950px;
           margin: 10px;
           background-color : #aaaaaa}

DIV.outils {position:absolute;
            left: 0px;
            top: 58px;
            margin: 10px;
            padding: 1px;
            background-color : #aaaaaa;
            text-align: left;
            font-size: 10pt}
            
            

DIV.divNoDetec {position: absolute; 
                left: 640px; 
                top: 20px; 
                width: 300px; 
                height: 50px; 
                text-align: right}
            
DIV.divMap {position: absolute; 
            left: 20px; 
            top: 90px; 
            width: 520px; 
            height: 250px; 
            background-image: url("images/carteBackground.jpg")}            
            
DIV.divForm {position: absolute; 
             left: 20px; 
             top: 350px; 
             width: 520px; 
             height: 250px; 
             vertical-align: middle;
             background-image: url("images/carteBackground.jpg")}            

DIV.divStats {position: absolute; 
              left: 550px; 
              top: 90px; 
              width: 400px; 
              height: 510px; 
              vertical-align: middle;
              background-image: url("images/statsBackground.jpg")}  

DIV.remarques {position: absolute; 
               left: 20px; 
               top: 610px; 
               width: 922px; 
               vertical-align: middle;
               padding: 3px;}  

DIV.explications {position: absolute; 
                  left: 50px; 
                  top: 50px; 
                  width: 922px; 
                  height: 1450px; 
                  text-align: justify;
                  padding: 5px;
                  padding-left: 15px;
                  padding-right: 15px;
                  background-color: #bbbbbb;
                  border: 1px solid black}  
              
              
TD.cellStatsNains {font-size: 10pt;
                   border-bottom: 1px solid black;
                   padding-left: 6px;
                   padding-top: 3px;
                   padding-right: 6px;
                   padding-bottom: 3px}
                   
TABLE.gridDetecTable {position: absolute; 
                      left: 18px; 
                      top: 55px; 
                      border-left: 1px solid black;
                      border-top: 1px solid black}

TD.gridDetecCell {border-right: 1px solid black; 
                  border-bottom: 1px solid black; 
                  width: 20px; 
                  height: 20px; 
                  text-align: center; 
                  vertical-align: middle; 
                  font-size: 8pt;
                  background-color: rgb(80%,70%,30%)}

TD.gridDetecTopCellHeader {border-right: 1px solid gray; 
                           border-bottom: 1px solid black; 
                           width: 20px; 
                           height: 20px; 
                           text-align: center; 
                           vertical-align: middle; 
                           font-size: 8pt;
                           color: gray;
                           background-color: black}
                        
TD.gridDetecLeftCellHeader {border-right: 1px solid black; 
                            border-bottom: 1px solid gray; 
                            width: 20px; 
                            height: 20px; 
                            text-align: center; 
                            vertical-align: middle; 
                            font-size: 8pt;
                            color: gray;
                            background-color: black}

}

TABLE.box {border: solid 1px black;
           background-color: #bbbbbb; 
           font-size: 10pt}
                 
TD.titreBox {background-color: black; 
             color: white; 
             font-size: 10pt; 
             font-weight: bold; 
             padding: 3px}   

.bouton {border-left: 1px solid white;
         border-top: 1px solid white;
         border-right: 1px solid black;
         border-bottom: 1px solid black;
         background-color: #bbbbbb;
         color: black;
         text-align: center;
         }









/*@media print {
DIV.outils {position:absolute;
            left: 0px;
            top: 58px;
            margin: 10px;
            padding: 1px;
            background-color : white;
            text-align: left;
            font-size: 10pt}
}

@media screen {
TD.widthSetting {background-color: #aaaaaa}
}

@media print {
TD.widthSetting {background-color: white}
}

@media all {
TABLE.general {background-color: #5555ff}

TD.case_1_1 {border-left : 2px solid black;
             border-top : 2px solid black;
             font-size: 20pt;
             font-weight: bold;
             background-color: #bbbccb;
             padding-left: 3px}

TD.case_1_2a9 {border-top : 2px solid black;
               font-size: 20pt;
               font-weight: bold;
               background-color: #bbbccb;
               border-right : 2px solid black;
               padding-left: 3px}

TD.case_2_1a2 {border-left : 2px solid black;
               font-size: 10pt;
               font-weight: bold;
               background-color: #bbbccb;
               padding-left: 3px}

TD.case_2_3a9 {font-size: 10pt;
               text-align: left;
               background-color: #bbbccb;
               border-right: 2px solid black;
               padding-left: 3px}

TD.case_3_1a2 {border-left: 2px solid black;
               font-size: 10pt;
               font-weight: bold;
               background-color: #bbbccb;
               padding-left: 3px}

TD.case_3_3a9 {font-size: 10pt;
               text-align: left;
               background-color: #bbbccb;
               border-right: 2px solid black;
               padding-left: 3px}
                
TD.case_4_1a2 {border-left: 2px solid black;
               border-bottom: 1px solid black;
               font-size: 10pt;
               font-weight: bold;
               background-color: #bbbccb;
               padding-left: 3px}

TD.case_4_3 {font-size: 10pt;
             border-bottom: 1px solid black;
             text-align: left;
             background-color: #bbbccb;
             padding-left: 3px}                

TD.case_4_4a7 {font-size: 10pt;
               border-bottom: 1px solid black;
               text-align: center;
               background-color: #bbbccb;
               padding-left: 3px}                

TD.case_4_8a9 {font-size: 10pt;
               border-bottom: 1px solid black;
               text-align: left;
               background-color: #bbbccb;
               border-right: 2px solid black;
               padding-left: 3px}                

TD.case_5_1 {font-size: 10pt;
             text-align: center;
             font-weight: bold;
             border-bottom: 1px solid black;
             border-left: 2px solid black;
             padding: 2px;
             background-color : #dddeed}

TD.case_5_2a3 {font-size: 10pt;
               font-weight: bold;
               text-align: left;
               border-bottom: 1px solid black;
               padding: 2px;
               background-color : #dddeed}

TD.case_5_4a7 {font-size: 10pt;
               text-align: center;
               border-bottom: 1px solid black;
               vertical-align: bottom;
               padding: 2px;
               background-color : #dddeed}

TD.case_5_8 {font-size: 10pt;
             text-align: center;
             vertical-align: bottom;
             border-bottom: 1px solid black;
             border-left: 1px solid black;
             padding: 2px;
             background-color : #dddeed}

TD.case_5_9 {font-size: 10pt;
             text-align: center;
             vertical-align: bottom;
             border-bottom: 1px solid black;
             border-right: 2px solid black;
             padding: 2px;
             background-color : #dddeed}

TD.case_6av_1 {font-size: 10pt;
               text-align: center;
               border-left: 2px solid black;
               background-color: #bbbccb}

TD.case_6av_2a3 {font-size: 10pt;
                 text-align: left;
                 padding-left: 2px;
                 background-color : #dddeed}

TD.case_6av_4a7 {font-size: 10pt;
                 text-align: center;
                 border-left: 1px solid black;
                 border-bottom: 1px solid black;
                 background-color: #cccddc}

TD.case_6av_8 {font-size: 10pt;
               text-align: center;
               border-left: 1px solid black;
               background-color: #aaabba}                 

TD.case_6av_9 {font-size: 10pt;
               text-align: center;
               border-right: 2px solid black;
               background-color : #dddeed}

TD.case_w_1 {font-size: 1pt;
             text-align: center;
             border-left: 2px solid black;
             background-color: #bbbccb}

TD.case_w_2a9 {font-size: 1pt;
               text-align: center;
               border-right: 2px solid black;
               background-color : #dddeed}

TD.case_x_1a3 {font-size: 10pt;
               text-align: right;
               font-weight: bold;
               padding-right: 3px;
               border-top: 1px solid black;
               border-left: 2px solid black;
               border-bottom: 1px solid black;
               background-color : #dddeed}
               
TD.case_x_4a7 {font-size: 10pt;
               text-align: center;
               border-top: 1px solid black;
               border-left: 1px solid black;
               border-bottom: 1px solid black;
               background-color: #cccddc}              

TD.case_x_8 {font-size: 10pt;
             text-align: center;
             border-top: 1px solid black;
             border-left: 1px solid black;
             border-bottom: 1px solid black;
             background-color: #aaabba}              

TD.case_x_9 {font-size: 10pt;
             text-align: center;
             border-top: 1px solid black;
             border-right: 2px solid black;
             border-bottom: 1px solid black;
             background-color : #dddeed}              

TD.case_y_1a9 {font-size: 10pt;
               text-align: left;
               border-left: 2px solid black;
               border-right: 2px solid black;
               border-bottom: 2px solid black;
               padding: 3px;
               color: red;
               background-color : #dddeed}              
}

@media screen {
TD.case_z_1a3 {font-size: 10pt;
               background-color: #aaaaaa}              
}        

@media print {
TD.case_z_1a3 {font-size: 10pt;
               background-color: white}              
}        


@media all {
TD.case_z_4a6 {font-size: 10pt;
               text-align: right;
               border-left: 2px solid black;
               border-bottom: 2px solid black;
               padding: 5px;
               background-color : #dddeed}              

TD.case_z_7a9 {font-size: 10pt;
               text-align: center;
               border-left: 2px solid black;
               border-right: 2px solid black;
               border-bottom: 2px solid black;
               padding: 5px;
               background-color : #dddeed}              

TD.pasDeCharge {font-size: 10pt;
                text-align: center;
                border-left: 2px solid black;
                border-right: 2px solid black;
                padding: 20px;
                background-color : #dddeed}



TD.fauxLogin {text-align: center;
              color: red;
              font-size: 10pt;
              padding: 5px}   

TD.nouveauLogin {text-align: center;
                 color: black;
                 font-size: 10pt}   

TD.nouveauPassword {text-align: center;
                    color: green;
                    font-size: 10pt}   

FORM.login {border: solid 1px black; 
            width: 220px; 
            background-color: #bbbccb; 
            position: absolute; 
            top: 220px; 
            left: 365px}
             
FORM.changerMotDePasse {border: solid 1px black; 
                        width: 310px; 
                        background-color: #bbbccb; 
                        padding: 3px}             
                 
INPUT.bouton {color: #000000;
              background-color: #ddddee;
              border-left: solid 1px white;
              border-top: solid 1px white;
              border-right: solid 1px black;
              border-bottom: solid 1px black}                      

TABLE.bienvenue {width: 500px;
                 border: solid 1px black;
                 background-color: #bbbccb; 
                 font-size: 10pt;
                 position: absolute;
                 top: 0px; 
                 left: 225px}
                 
TD.titreBienvenue {background-color: #7F7F8F; 
                   color: #dddddd; 
                   font-size: 12pt; 
                   font-weight: bold; 
                   padding: 3px}   
                   
TABLE.admin {background-color: #bbbccb;
             border: solid 1px black;
             font-size: 10pt}
             
TD.titreAdmin {background-color: #7F7F8F;
               color: #dddddd;
               font-size: 12pt;
               font-weight: bold; 
               padding: 3px}
               
TD.corpsAdmin {background-color: #bbbccb;
               font-size: 10pt;
               padding: 3px}                                                             


             
A.menu {background-color: #ddddee;
        border-left: solid 1px white;
        border-top: solid 1px white;
        border-right: solid 1px black;
        border-bottom: solid 1px black;
        font-size: 10pt;
        font-weight: bold;
        padding-top: 2px;
        padding-right: 10px;
        padding-bottom: 2px;
        padding-left: 10px}
              
} */