/*
html       { font-family: verdana,arial,sans-serif; font-size: 11px; }
body       { font-family: verdana,arial,sans-serif; font-size: 11px; color: #000000; background: #FFFFFF url(../_common_picts/top.jpg); background-repeat: no-repeat}
body.light { font-family: verdana,arial,sans-serif; font-size: 11px; color: #000000; background: #FFFFFF; }
 */




/* =====================*/
/* Fonts
/* =====================*/

@font-face
{
    font-family: 'orbitron_regular';
    src: url('../_common/public_fonts/Orbitron-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face
{
    font-family: 'orbitron_bold';
    src: url('../_common/public_fonts/Orbitron-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face
{
    font-family: 'quicksand_regular';
    src: url('../_common/public_fonts/Quicksand-Regular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face
{
    font-family: 'quicksand_light_regular';
    src: url('../_common/public_fonts/Quicksand_light_regular.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face
{
    font-family: 'quicksand_medium';
    src: url('../_common/public_fonts/Quicksand-Medium.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face
{
    font-family: 'source_sans_pro_regular';
    src: url('../_common/public_fonts/SourceSansPro-Regular.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face
{
    font-family: 'roboto_light';
    src: url('../_common/public_fonts/Roboto-Light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}




/* =====================*/
/* =====================*/
/* =====================*/








body.bd_manage{}

table      { font-family: verdana,arial,sans-serif; font-size: 11px; }


h1         { font-family: verdana,arial,sans-serif; font-size: 24px; }
h2         { font-family: verdana,arial,sans-serif; font-size: 18px; }
h3         { font-family: verdana,arial,sans-serif; font-size: 16px; }
h4         { font-family: verdana,arial,sans-serif; font-size: 14px; }
h5         { font-family: verdana,arial,sans-serif; font-size: 12px; }
th.light   { font-weight: bold; vertical-align: middle; text-align: left;
             color: #000000; background: transparent; width: 200px;}
th.list    { vertical-align: top; text-align: left;  color: #FFFFFF; height: 30px; }
th.header    { vertical-align: middle; 
             text-align: center;  
             color: #000000; 
             font-size: 12px; 
             height: 18px; 
             background: #FFC64D; 
           }
th.th_header    { vertical-align: middle;
             text-align: center;
             color: #000000;
             font-size: 12px;
             height: 18px;
             background: #FFC64D;
           }
th.th_smart    { vertical-align: middle;
             text-align: center;  
             color: #FFFFFF; 
             font-size: 12px; 
             height: 18px; 
             background: #000000; 
           }
th.gray    { vertical-align: middle; 
             text-align: center;  
             color: #000000; 
             font-size: 12px; 
             height: 18px; 
             background: #C0C0C0; 
           }
th.black    {  background: #000000;            }
th.title    {  font-family: vera,verdana,arial,sans-serif;  font-size: 16px;    background: #000000;       }



           
hr.basic  {   background: #FDCF60; 
            height: 5px;
         }

.w20     { width: 20px;            }
.w80     { width: 80px;            }
.w100   { width: 100px;           }
.w125   { width: 125px;           }
.w150   { width: 150px;           }
.w200   { width: 200px;           }
.w300   { width: 300px;           }
.w400   { width: 400px;           }
.w600   { width: 600px;           }
.w800   { width: 800px;           }
tr         { font-family: verdana,arial,sans-serif; font-size: 11px; }
tr.medium  { font-weight: bold; vertical-align: middle; text-align: left; color: #000000; background: #FFE0E0;}
tr.yellow  { background: #FFFFC0;}
tr.white   { background: #FFFFFF;}
tr.gray        { background: #D0D0D0;}
tr.lightgray   { background: #E0E0E0;}
td.medium  { font-weight: normal; vertical-align: middle; text-align: left; color: #000000; background: #FFE0E0;}
/* td         { font-family: verdana,arial,sans-serif; font-size: 11px; font-weight: normal; color: #000000; vertical-align: top; } */
td.fixed80     { height: 80px;  vertical-align: bottom;}
td.m       { vertical-align: middle; }
td.barre      { background: #B7BFF1; text-align: center; }
td.light      { background: #E0E0E0; }
td.dark       { background: #A0A0A0; }
td.right       { text-align: right;  }
td.td_disabled   { background: #C0C0C0;
                color: #8060E0; 
                font-style: italic; 
              }
td.lightgray  { background: #F0F0F0;}
td.white      { background: #FFFFFF; }
td.white_entry { background: #F2F2F2; width: 200px;
                border-collapse: collapse; 
                border: thin solid;
                border-right: hidden; 
                border-bottom: hidden;
               }
td.red        { background: #FF0000; }
td.lightyellow     { background: #F0F0C0; }
td.lightorange     { background: #FFC984; }
td.orange     { background: #FEA944; }
td.green      { background: #C0FFC0; }
td.light_red   { background: #FFC0C0; }
td.light_green { background: #C0FFC0; }
td.yes         { background: #F8A59C; text-align: center; vertical-align: middle; }
td.no        { background: #DBF6AC; text-align: center; vertical-align: middle; }
td.odd     { background: #E0E0E0;}
td.even    { background: #C8C8C8;}


td.middle    { vertical-align: middle; }
td.bottom    { vertical-align: bottom; }
td.footer  { background: #D3DCE3; text-align: center; 
                border-collapse: collapse; 
                border: thin solid;
                border-left: hidden; 
                border-right: hidden; 
                border-bottom: hidden;
            }
            
td.option     { background: #F7DC93; text-align: center; vertical-align: middle; }
td.unterminated_uncleared  { background: #FF0000; }
td.unterminated_cleared    { background: #FFD700; }
td.terminated_uncleared    { background: #D7CDE5; }
td.terminated_cleared      { background: #CDDDE5; }


                

td.calendar_empty   { background: #FFFFFF; }
td.calendar_day     { background: #606080; text-align: center; vertical-align: middle; width: 28px; color: #FFFFFF; }


td.bord_droite {
                border-collapse: collapse; 
                border: thin solid;
                border-left: hidden; 
                border-top: hidden; 
                border-bottom: hidden;
               }

td.titre       { font-family: verdana,arial,sans-serif; font-size: 18px; color: #000000; font-weight: bold; text-align: center; }

td.body
{
    background: #F8F0FF;
    border-style:       solid; 
    border-width:       2px; 
    text-align: left;     
}
td.td_bouton_module  {
                background: #DDCB9B; 
                vertical-align: middle; 
                text-align: center; 
                border-color: #404040; 
                border-style: solid; 
                border-width: 1px; 
                font-size: 14px; 
              }

           

td.bouton  { 
                background: #C0C0C0; 
                vertical-align: middle; 
                text-align: center; 
                border-color: #404040; 
                border-style: solid; 
                border-width: 1px; 
                font-size: 14px; 
              }
td.bouton_selected 
            { 
                background: #CEACC8; 
                vertical-align: middle; 
                text-align: center; 
                border-color: #404040; 
                border-style: solid; 
                border-width: 1px; 
            }


td.td_min_max     {  min-width: 50px;
                  max-width: 200px;
                }         

td.td_w20             {  width: 20px;
                  min-width: 20px;
                  max-width: 20px;
                }         

           

table.intro { border-color: #C09812; border-style: solid; border-width: 3px; }
ul         { font-family: verdana,arial,sans-serif; font-size: 11px; color: #000000;}
LI.square  { list-style-type: square; margin-left: 50px; line-height: 200%; text-align: justify; text-indent: 1em  }

input.calendar_week
{
    text-align: center; 
    color     : #000000;
    background: #C0C0FF;
    border    : 0px;
    width     : 2em;
}

input.calendar_sun
{
    text-align: center; 
    color     : #FF0000;
    background: #C0C0FF;
    border    : 0px;
    width     : 2em;
}

input.calendar_wholeweek
{
    text-align: center; 
    color     : #000000;
    background: #8080FF;
    border    : 0px;
    width     : 2em;
}



input
{
    margin: 2px;
    margin-top: 0px;
}

input.submit
{
    color     : #000000;
    background: #B7BFF1;
    border    : 2px #C0C0C0 outset;
    text-align: center;
}

input.submit-button
{
    color     : #000000;
    background: #B7BFF1;
    border    : 2px #C0C0C0 outset;
    width     : 10em;
    text-align: center; 
}

input.submit-button_wide
{
    color     : #000000;
    background: #B7BFF1;
    border    : 2px #C0C0C0 outset;
    text-align: center; 
}

input.submit-button15
{
    color     : #000000;
    background: #B7BFF1;
    border    : 2px #C0C0C0 outset;
    width     : 15em;
    text-align: center; 
}

input.submit-light
{
    color     : #000000;
    background: #E0E0E0;
    border    : 1px #C0C0C0 outset;
    width     : 10em;
}

input.in_normal
{
    color     : #000000;
    background: #CCCCFF;
    border    : 1px #C0C0C0 outset;
    width     : auto;
}

input.small
{
    font-size : 11px; 
}

input.menu
{
    color     : #000000;
    background: #E4CD9C;
    border    : thin solid;
    width     : 7em;
                  border-left-width: 0px; 
                  border-top-width:   0px; 
}

input.temperature
{
    text-align: center; 
    color     : #FF0000;
    background: #C0C0FF;
    border    : 0px;
    width     : 5em;
}

input.in_yellow
{
    background: #FFFF00;
}


button.transparent
{
    background-color:   transparent;

    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;


    border : 2px;
    border-color: #C0C0C0;
    border-style: solid;

}
button.transparent:hover
{
    border-color: #A0FFA0;
}


p          { font-size: 11px; font-weight: normal; color: #000000; text-align: justify; margin-left: 20px; margin-right: 20px; text-decoration : none;}


                

table.red       { 
                    border: 5px solid #FF0000; 
                    background: #C0C0C0;  
                }

table.choix     { 
                    width: 300px;
                    border: 2px solid #000000; 
                    background: #DFDFE8;  
                }

table.choix_small     { 
                    border: 2px solid #000000; 
                    background: #E5E5F2;  
                    border-color: #C0C0C0;
                    cellpadding: 20px;
                }

table.choix_wide     { 
                    width: 500px;
                    background: #DFDFE8;  
                }

table.page      { 
                    width: 900px;
                    background: #AFAFAF;  
                }



img.middle { vertical-align: middle }
img.float_right { float:right; }



table.menu  { COLOR: #000000; 
              width: 100%; 
              spacing: 2px;
              padding: 4px; 
             }


LI.my_list      { list-style-type: square; 
                  margin-left:     2em;
                  margin-right:    2em;
                  line-height:     200%; 
                  text-align:      justify;
                  text-indent:     0em  }
pre             { margin-left:20px; margin-right:20px; background-color: #E0E0E0 }



div.my_head2_dialog    { font-family: verdana,arial,sans-serif; 
                  width: 80%;
                  font-size: 16px; 
                  font-weight: bold; 
                  color: #000000; 
                  background: #E0E0E0;  
                }

div.disabled   {  color: #7050D0; 
                font-style: italic; 
              }
    
div.hidden
{
    display : none;
}


       

div.my_dialog_bar
{
    border-radius: 4px;
    border: 1px solid #a0a0a0; 
    background: #c0c0c0 url("__skin/ui-bar-bg.png")  50% 50% repeat-x; 
    padding: .4em 1em;   
    font-weight: bold; 
    color: #222;    
}


input.my_dialog_submit
{
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
    padding: .4em 1em;   
    font-weight: normal;
    color: #555;    
    font-size: 11px;     
}


iframe.float_right { float:right; }


.acquisition 
{
    width: 250px;
    background: #EBCEF6; 
    text-align: left;
    padding: 2px; 

}

.measure 
{
    width: 250px;
    background: #CEECF6; 
    text-align: left;
    padding: 2px; 
}




div.test1
{
    background: #FFC0C0; 
      clear:both;
      margin:5px;
      padding:5px;
    width: 550px;
}

div.gauche
{
    background: #BFFFC0; 
      float:left;
      margin:5px;
      padding:5px;
      border:solid thin red;
      text-align:center;
      width:200px;
}

div.droite
{
     background: #FFBFC0; 
     float:left;
      margin:5px;
      padding:5px;
      border:solid thin red;
      text-align:center;
      width:200px;
}


/*
div             { font-family: verdana,arial,sans-serif; font-size: 11px; color: #550000;}
 */
div.titre       { font-family: verdana,arial,sans-serif; font-size: 16px; color: #000000; font-weight: bold; }



div.fixed       { font-family:Courier New, Courier, Prestige, monospace; font-size: 11px;  }
             


div.my_description { font-family: verdana,arial,sans-serif; 
                  font-size: 11px; 
                  font-weight: normal; 
                  color: #000000; 
                  text-align: justify; 
                  margin-left: 5 em; 
                  margin-right:5 em; 
                  line-height: 2 em;
                }                     

div.entry     {   color: #000000; 
                  text-align: justify; 
                  background: #C0C0C0; 
                  display: inline-block;
                  border-style: inset; 
                  border-width: 2px; 
                  padding: 4px;
                  padding-left: 6px;
                  min-width: 100px;
                  margin: 2px;
                }          
                
div.cell_basic {    color: #000000; 
                    text-align: justify; 
                    background: #FDCF60; 
                    width: 150px;
                    display: inline-block;
                    padding: 2px;
                    padding-top: 6px;
                    padding-left: 6px;
                    margin: 2px;
                    margin-top: 0px;
                    height: 20px;
                    border-style:       solid; 
                    border-width:         1px; 
                    border-top-width:     0px; 
                    border-left-width:    0px; 
                }                            

div.cell_light    {    color: #000000; 
                    text-align: justify; 
                    background: #FFF9BB; 
                    min-width: 250px;
                    display: inline-block;
                    padding: 2px;
                    padding-top: 6px;
                    padding-left: 6px;
                    margin: 2px;
                    margin-top: 0px;
                }                            

div.liste {    
                    color: #000000; 
                    text-align: justify; 
                    background: #FFF9BB; 
                    width: 300px;
                    display: inline-block;
                    padding: 2px;
                    padding-top: 6px;
                    padding-left: 6px;
                    margin: 2px;
                    margin-top: 0px;
                    border-style:       solid; 
                    border-width:         1px; 
                }                            

div.comment {    
                    color: #000000; 
                    text-align: justify; 
                    background: #C0C0C0; 
                    width: 300px;
                    display: inline-block;
                    padding: 2px;
                    padding-top: 6px;
                    padding-left: 6px;
                    margin: 2px;
                    margin-top: 0px;
                    border-style:       solid; 
                    border-width:         1px; 
                }                            


div.tiny        { font-family: verdana,arial,sans-serif; 
                  font-size: 9px; 
                  color: #000000; 
                }
div.ident
{
    margin-left: 35px;
    margin-bottom: 10px;
}

div.listing     { margin-left:20; margin-right:20; background-color: #E0E0E0 }
div.sql         { 
                    margin-left:20; 
                    margin-right:20; 
                    font-size: 10px; 
                    font-style: italic; 
                    text-align: left;
                    background-color: #F0F0F0;
                    white-space: pre;
                    border-style:       solid; 
                    border-width: 2px; 
                }

div.e_mail         { 
                    margin-left:20; 
                    margin-right:20; 
                    font-size: 10px; 
                    text-align: left;
                    background-color: #F0F0F0;
                    border-style:       solid; 
                    border-width: 2px; 
                }

div.my_titre_noir   { font-family: verdana,arial,sans-serif; 
                  font-size:   14px; 
                  font-weight: bold; 
                  color:       #FFFFFF; 
                  background: #000000;  
                  text-align: center; 
                  text-decoration:    none; 
                }
                
div.my_titre1   { font-family: verdana,arial,sans-serif; 
                  font-size:   32px; 
                  font-weight: bold; 
                  color:       #000000; 
                  text-align: center; 
                  text-decoration:    none; 
                }

div.my_titre2   { font-family: verdana,arial,sans-serif; 
                  font-size:   20px; 
                  font-weight: bold; 
                  color:       #000000; 
                  text-align:  left; 
                  text-decoration:    none; 
                }



                


div.category    { font-size: 17px; font-weight: bold;   color: #000000; text-align: center; vertical-align: middle; margin-left:50; margin-right:50; }
div.discret     { font-size: 9px;  font-weight: normal; color: #808080; vertical-align: middle; margin-left:50; margin-right:50; }
div.legend      { font-size: 9px;  font-weight: normal; }

div.dv_tile    {    color: #000000; 
            text-align: center; 
            vertical-align: top; 
            background: #FFF9BB; 
            min-width: 180px;
            min-height: 180px;
            display: inline-block;
            padding: 2px;
            padding-top: 6px;
            padding-left: 6px;
            margin: 2px;
            margin-top: 0px;
        }

span.sp_lightgray  { background: #F0F0F0;}
span.sp_normal     { background: #FDCF60;}

span.sp_cell {    color: #000000;
            text-align: justify;
            width: 150px;
            padding: 1px;
            margin: 1px;
            height: 12px;
            border-style:       solid;
            border-width:         1px;
            border-top-width:     0px;
            border-left-width:    0px;
        }


span.sp_cell_adjust_lightgray  { background: #F0F0F0;}
span.sp_cell_adjust {    color: #000000;
            text-align: justify;
            width: 150px;
            padding: 1px;
            margin: 1px;
            height: 12px;
            border-style:       solid;
            border-width:         1px;
            border-top-width:     0px;
            border-left-width:    0px;
            background: #FDCF60;
        }


                
div.div_screen_center
{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 2px; 
    border: 4px solid #000000; 
    border-radius: 10px;
    width: 700px;
    height: 500px;
    background: #FBFCEA; 
}


div.div_dialog
{
   padding: 2px; 
    border: 4px solid #000000; 
    border-radius: 10px;
    background: #FBFCEA; 
}
                   
form.fm_basic
{
    display: inline;
}

img.manage_icon
{
    width: 52px;
}

div.manage_first_level_header
{
    font-family: verdana,arial,sans-serif;
    color: #3b4246;

    font-size: 25px;
    font-weight: bold;
    text-decoration : none;
    text-align: left;
    font-style: normal;
    margin-left:0px;
}

.white_space_nowrap
{
    white-space: nowrap;
}