.content
{
position:relative;
display:block;
 height:94%;
 width:1050px;
 margin:auto;
 border:0px solid #000;
left:50%;
margin-left:-525px;
}

.content_left
{
background-image: url(images/login_left.png);
background-repeat: no-repeat;
float:left;
height:100%;
width:260px;
position:relative;
display:block;
border:0px solid blue;
}
.content_right
{
float:left;
height:10%;
width:260px;
position:relative;
display:block;
border:0px solid green;

}
.content_middle
{
float:left;
width:526px;
height:100%;
border:0px solid red;
position:relative;
display:block;
margin-top:0px;


}
.content_middle_in
{

width:526px;
height:350px;
position:relative;
display:block; 
top:50%;
margin-top:-240px;   
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);    
    
}
.content_middle_in1
{

width:583px;
height:380px;
position:relative;
display:block; 
top:50%;
margin-top:-212px;   
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    
}
.back_center
{

position:relative;
height: 350px;
margin-top:5px;
}
.back_center1
{

border:0px solid #000;
position:relative;
display:block;
height:326px;
margin-top:5px;   
}
.under_back_center
{
    position: relative;
    width: 100%;
    height: 150px;
    text-align: center;

}

.msg1
{
 display:block; 
 position:relative;
 width:526px;
 height:70px;

}


.msg
{
 display:block; 
 position:relative;
 width:526px;
height: 70px;

}

    .login-pass_v0
    {
    display:block;
    position:relative;
    width:500px;
    height:30px; 
    border:0px solid #000;
    margin-top:7px;
    margin-left:10px;
    } 
 .login-pass
    {
    display:block;
    position:relative;
    width: 100%;
    height:30px; 
    margin-top: 50px;
    } 
    .avec_maj
    {
    display:block;
    position:relative;
    width:500px;
    height:60px; 
    border:0px solid #000;
    margin-top:7px;
    margin-left:10px;
    } 
    .button
    {
        display:block;
        position:relative;
         margin-top: 50px; 
        
    }

     .login-pass1
    {
    display:block;
    position:relative;
    width:500px;
    height:30px; 
    border:0px solid #000;
    padding-top:0px;
    margin-left:10px;
    } 

    .login_text
    {

         font-style:italic;
         font-weight:bold;
        font-size:9pt;
        color:#0f3e5e; 
 }
 
 .powerpoint
    {
    display:block;
    background:url(images/ppt.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    text-decoration:none;
    }
 
    .psw_text
    {

         font-style:italic;
         font-weight:bold;
      
        font-size:9pt;
        color:#0f3e5e; 
      
        
    }
    .champ_text
    {
                 
         font-style:italic;
         
      
        font-size:8pt;
        color:#ff1d00;
      
    }
.textbox_text
{
    
    width: 400px;
    height: 44px;
    display: block;
    margin: 0 auto;
    background:#063152;
    color: white;
    font-family:Roboto;    
}
.textbox_text1
{
    width:300px;
    height:22px;
    border:1px solid #38739c;
}
.textbox_text_v0
{    
    width:200px;
    height:22px;
    border:1px solid #38739c;    
}
.textbox_text1_v0
{
    width:300px;
    height:22px;
    border:1px solid #38739c;
}

        .button-aut_v0
    {
       
                  background-image:url(images/back_button_red_hover.png);
                  background-repeat:no-repeat;
             display:block;
 width:123px;
      height:31px; 
      
         color:White;

      font-size:9pt;
     font-weight:bold;
      text-decoration:none;
   
      line-height:31px;
     
      text-align:center; 
      border:none;  
        
        margin-left:200px;
        
    }

        .button-aut
    {
       
    background-image:url(images/back_button.png);
    background-repeat:no-repeat;
    display:block;
    width:400px;
    height:44px; 
    color:White;
    font-family:Roboto;
    text-decoration:none;
    text-align:center; 
    margin: 0 auto;
    cursor: pointer;
 }

     .button-aut1
    {
       
                  background-image:url(images/back_button_red_hover.png);
                  background-repeat:no-repeat;
             display:block;
 width:123px;
      height:31px; 
      
         color:White;
      font-family:;
      font-size:9pt;
     font-weight:bold;
      text-decoration:none;
   
      line-height:31px;
     
      text-align:center; 
      border:none;  
        
        margin-left:10px;
        
    }

        .button-aut1:hover
    {
        
                                   background-image:url(images/back_button_red.png);
                  background-repeat:no-repeat;
             display:block;
width:123px;
      height:31px; 
      
         color:White;
      font-family:;
      font-size:9pt;
      font-weight:bold;
      text-decoration:none;
   
      line-height:31px;
     
      text-align:center;   
        margin-left:10px;
        
        
    }

        .button-aut3
    {
       
                  background-image:url(images/back_button_red_hover.png);
                  background-repeat:no-repeat;
             display:block;
 width:123px;
      height:31px; 
      
         color:White;
      font-family:;
      font-size:9pt;
     font-weight:bold;
      text-decoration:none;
   
      line-height:31px;
     
      text-align:center; 
      border:none;  
        
        margin-left:10px;
        
    }

        .button-aut3:hover
    {
        
                                   background-image:url(images/back_button_red.png);
                  background-repeat:no-repeat;
             display:block;
width:123px;
      height:31px; 
      
         color:White;
      font-family:;
      font-size:9pt;
      font-weight:bold;
      text-decoration:none;
   
      line-height:31px;
     
      text-align:center;   
        margin-left:10px;
        
        
    }

.link
    {
   padding-top: 0px;
    width: 100%;
    height: 30px;
    line-height: 10px;
    margin-top: 50px;
    text-align: center;
    text-decoration: underline !important;
      
    }
         .link_text
    {
 

color:#618cac;
font-family: Lato-Bold;
font-size: 11pt;
text-decoration:None;
line-height:30px; 
font-weight:bold;
}

.link1
    {
     padding-left:8px;
     width:500px;
     height:30px;
     line-height:10px;

    
      
    }
         .link_text1
    {
 

color:#5b8bac;
font-family:Roboto;
font-size:9pt;
text-decoration:none;
line-height:30px; 
font-weight:bold;

}

.msg_style
{
  color:#618cac;
font-family:;
font-size:9pt;  
}
       .button_
    {
        margin-left:120px;
    padding-top:10px;
    width:255px;
    height:30px; 
    border:0px solid #000;
    position:relative;
    display:block;
    
    direction:ltr;
   
    }
.button1
{
    float:left;
    position:relative;
    display:block;
    width:130px;
    height:30px;
    border:0px solid #000;
}
.button2
{
    float:left;
    width:121px;
    height:30px;
    position:relative;
    display:block;
    border:0px solid #000;
}
        .button-aut1
    {
       
      background-image:url(images/back_button_red_hover.png);
      background-repeat:no-repeat;
      display:block;
      width:123px;
      height:31px; 
      color:White;
      font-family:;
      font-size:9pt;
      text-decoration:none;
      line-height:31px;
      text-align:center; 
      border:none;  
      font-weight:bold;
    
    }
        .button-aut1:hover
    {
        
      background-image:url(images/back_button_red.png);
      background-repeat:no-repeat;
      display:block;
      width:123px;
      height:31px; 
      color:White;
  
      font-size:9pt;
      text-decoration:none;
      line-height:31px;
      text-align:center;  
      font-weight:bold; 
          
    }
    /****************************************/
    /********************************************/
body
{
  
    
    background-size: 100% 100%;  
    width:98%;
}
/*   style de la banniére     */
*html .banner  
{
position:relative;
height:60px;
margin:0px; 
z-index:500; 
/*width: expression( document.body.clientWidth > 1280? "100%": "1280px" );*/

}
*+html .banner
{
position:relative;
height:60px;
margin:0px; 
z-index:500; 
width: expression( document.body.clientWidth > 1280? "100%": "1260px" );

}
.banner
{
display:block;
min-width:1260px;
position:relative;
width:100%;
height:60px;
margin:0px; 
border:0px solid red; 
background-image: linear-gradient(to bottom, #FFF, #FFF);
}

#banner_raccourci
{
float:left;
height:auto;
width:50%;
margin-top:-4px;
text-align:center;
}

#banner_raccourci_top
{
vertical-align:middle;
text-align:center;
}

.raccourci
{
    display: block;
    margin: 0 auto;
    margin-top: 23px;
}

/*.raccourci:hover
{
    width:50px;
    height:50px;    
}*/

/*.raccourci:disabled {
    cursor:default;
    margin-top:10px;
    width:33px;
    height:33px;
}*/

#banner_right
{
 height:auto;
 float:right;
 width:35%;
 margin-top:-4px;
}

#banner_left
{
float:left;
width:13%;
height:60px;
margin-left:20px;
}



#banner_right_top_combo
{
    background-image:url(images/back_list_lang.png);
    background-repeat:no-repeat;
    background-position:9px 3px;
    float:left;
    width:200px;
    height:28px;
}

#banner_right_top_reporting
{
    float:left;
    width:35%;
    height:auto;
    vertical-align:middle;
}
#banner_right_bottom{
border-top:1px solid #F0efef;
width:auto;
height:auto/*25px*/;
}
div#banner_right_top
{
/*border-bottom:1px solid #d8d8d8 ;*/
width:auto;
height:30px;
}
#banner_right_top_icone
{
float:left;
width:15%;
height:auto;
padding-left:5px;
padding-top:5px;
border-left:1px solid #f6f6f6;
}
#banner_right_top_combo
{
    float:left;
    width:40%;

}
#banner_right_top_ref
{
    float:left;
    width:15%;
    height:100%;
}
#banner_right_top_vide
{
    float:right;
    width:auto;
    height:28px;
    /*border-right:1px solid #d8d8d8 ;*/
     
}
#banner_right_top_vide_1
{
    float:left;
    width:200px;
    height:28px;
    border-left:1px solid #f6f6f6;
     
}
.label_ref
{
    color: #a5acb4;
    font-family: AvenirNextLTPro;
    line-height: 33px;
    font-weight: bold;
    text-align: center;
    font-size: 7pt;

}
#ref_clt
{
    background-image:url(images/back_ref_gray1.png);
    background-repeat:no-repeat;
    background-position:5px 5px;
    float:left;
      width:174px;
    height:28px;
    /*border-right:1px solid #d8d8d8 ;*/
    text-align:center; 
}
#banner_right_bottom_daily_message{
float:left;
font-family:Trebuchet MS;
font-size:0.8em;
font-weight:bold;

margin-left:10px;


color:#496e89;
overflow:hidden;
}  
.LangList_style
{
    width:150px;
    margin-left:28px;
    margin-top:5px; 
    height:20px;
    color:#1d4f76;
}

/********  Menu  Principale*/
*html #mn
{
width: expression( document.body.clientWidth > 1280? "100%": "1260px" );
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
height:33px; 
border-top:1px solid #7796af;
position:relative;
z-index:100;
}
*+html #mn
{
background-image:url(images/mn.png);
width: expression( document.body.clientWidth > 1280? "100%": "1260px" );
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
height:33px; 
border-top:1px solid #7796af;
position:relative;
z-index:100;
}
/*
#menu
{
background-image:url(images/mn.png);
min-width:1280px;
width:auto;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
height:33px; 
border-top:1px solid #7796af;
border-bottom:0px solid #5185ad;
}
#main_menu
{
width:1280px;

height:22px;
float:left;
margin-top:0px;
border:0px solid gray;
}
*/
/**** style pour le contenu de l'application  ******/
* html #content-s
{
display:block;
width: expression( document.body.clientWidth > 1280? "100%": "1260px" );
margin-top:0px;
min-height : 100%;
overflow:hidden;
}
*+ html #content-s
{
display:block;
width: expression( document.body.clientWidth > 1280? "100%": "1260px" );
margin-top:0px;
height: expression( document.body.clientHeight > "auto"? "100%": "auto" );
overflow:hidden;
border:0px solid red;
}
#content-s
{
display:block;
min-width:1260px;
width:auto;
margin-top:0px;
min-height:600px;
height:auto;
overflow:hidden;
border:0px solid red;
}
#box-on
{
vertical-align:top;
width:20%;
background-color:#EDEDED;
position:relative;
height:auto;
float:right;
}

* html #ctn
{
    min-height: 100%;
    height: auto;
    display: block;
    width: 77%;
    border: 0px solid green;
    overflow: hidden;
    margin-left: 3%;
}
#ctn
{
    min-height: 100%;
    height: auto;
    display: block;
    width: 96.5%;
    overflow: hidden;
    margin-left: 3%;
}

.label_box
{
color:#3f4554;
font-family:;
font-size:9pt;
border:0px solid #000;
}
.label_box_link
{
color:#4e84ab;
font-family:;
text-decoration:undeline;
font-size:9pt;
border:0px solid #000;
}
.box_message_label
{
margin-left:8px;
float:left;
height:25px;
line-height:25px;
width:130px;
}
.box_message_link
{
float:left;
width:30px;
height:25px;
line-height:25px;
text-align:center;
}
.label_box_link_number
{
color:#e6614f;
font-family:AvenirNextLTPro;
font-size:10pt;
text-decoration: blink;
font-weight: 700;
margin-right: 4px;
}
.label_box_link_number:hover
{
color:#4e84ab;
font-family:;
font-size:10pt;
text-decoration:undeline;
font-weight:bold;

border:0px solid #000;
}
.box_message
{
height:25px;
line-height:25px;
width:190px;
border-top:1px solid #f5f5f5;
border-bottom:1px solid #e0dddd;
font-family:;
margin-left:5px;
}

/***contenu    styles pour les control textbox_combobox_button    */
.textbox_style
{

display:block;
padding:0px;
margin:0px;
width:397px;
height:19px;
border:1px solid #87abc6;
font-family:Tahoma;
color:#063251;
font-size:13px;

}
.textbox_style_num
{

display:block;
padding:0px;
margin:0px;
width:50px;
height:19px;
border:1px solid #87abc6;
font-family:Tahoma;
color:#063251;
font-size:13px;

}
.textbox_style_dm
{

display:block;
padding:0px;
margin:0px;
width:197px;
height:24px;
border:1px solid #87abc6;
line-height:24px;
font-family:Tahoma;
color:#063251;
font-size:13px;

}
.listbox_multiple_style
{

display:block;
padding:0px;
margin:0px;
width:399px;
height:38px;
border:1px solid #87abc6;
line-height:24px;
font-family:Tahoma;
color:#063251;
font-size:13px;
}

.txt /*text date*/
{ 

padding:0px;
margin:0px;
width:167px;
height:20px;
border:1px solid #87abc6;
line-height:24px;
font-family:Tahoma;
color:#063251;
font-size:13px;

}
.combobox_style
{

display:block;
padding:0px;
margin:0px;
width:399px;
height:22px;
border:1px solid #87abc6;
font-family:Tahoma;
color:#063251;
font-size:13px;

}
.combobox_style_reg
{

display:block;
padding:0px;
margin:0px;
width:200px;
height:22px;
border:1px solid #87abc6;
font-family:Tahoma;
color:#063251;
font-size:13px;

}
.combobox_style_petit
{

padding:0px;
margin:0px;
width:100px;
height:22px;
border:1px solid #87abc6; 
font-family:Tahoma;
color:#063251;
font-size:13px;
vertical-align:top;

}


.textbox_calender_style
{
    width: 185px;
    height: 19px;
    line-height: 25px;
    height: 19px;
    border: 1px solid #87abc6;

}
.image_calender_style
{
margin-top:5px;
}
.button_search_style
{


font-family:Roboto;
color:#FFF;
text-decoration:none;

}

.agenda_style
{
background:url(images/ag_box.png);
background-repeat:no-repeat;
height:24px;
font-family:Candara;
font-size:13px;
font-weight:bold;
color:#FFF;
margin-top:2px;
padding-left:6PX;
padding-top:4PX;
display:block;
text-decoration:none;
text-align:left;
}

.titre_fiche_style
{
font-family:Candara;
font-size:15px;
font-weight:bold;
color:#FFF;
display:block;
text-decoration:none;
text-align:left;
vertical-align:middle;
margin-left :3px;
}
.titre_fiche_style_p
{
font-family:Candara;
font-size:13px;
font-weight:bold;
color:#FFF;
display:block;
text-decoration:none;
text-align:left;
vertical-align:middle;
margin-left :5px;
}
.button_envoi_style
{
background:url(images/b_s_e.png);
background-repeat:no-repeat;
width:180px;
height:24px;
font-family:Roboto;
color:#FFF;
margin-top:2px;
padding-top:4PX;
display:block;
text-decoration:none;
text-align:center;
}
.button_envoi_large_style
{
background:url(images/b_s_e.png);
background-repeat:no-repeat;
height:24px;
font-family:Candara;
font-size:13px;
font-weight:bold;
color:#FFF;
margin-top:2px;
padding-top:4PX;
display:block;
text-decoration:none;
text-align:center;
}
.button_cancel_style
{

font-family:Roboto;
color:#FFF;
text-decoration:none;

}
/*.button_search_style:hover
{
background-repeat:no-repeat;
width:117px;
height:24px;
font-family:Candara;
font-size:13px;
font-weight:bold;
color:#FFF;
/*margin-top:2px;
/*padding-top:4PX;*/
/*display:block;
text-decoration:none;
text-align:center;
}*/
/*.button_cancel_style:hover
{
background:url(images/b_s_hover.png);
background-repeat:no-repeat;
width:117px;
height:24px;
font-family:Candara;
font-size:13px;
font-weight:bold;
color:#FFF;
/*margin-top:2px;
/*padding-top:4PX;*/
/*display:block;
text-decoration:none;
/*text-align:center;
}*/
.button_radio_style
{
color: #4B4B4B;
font-family: Roboto;
font-size:10pt; 
}

 .button_radio_style_space
{
color:#3f4554;
font-family:;
font-size:10pt; 
}

 .button_radio_style_space label { margin-right : 155px }  

.link_style
{
color:#4B4B4B;
font-family:;
font-size:9pt;
text-decoration:none;
font-style:italic;
font-weight:bold;
}
.link_style_bleu
{
color:#1dcaff;
font-family:Arial;
font-size:12pt;
text-decoration:none;
line-height:30px; 
margin-bottom:24px;
font-weight:bold;
}
.link_style1
{
color:#1a5784;
font-family:;
font-size:10pt;
text-decoration:none;
line-height:30px; 
font-style:italic;
font-weight:bold;
}
.link_style2
{
color:#083658;
font-family:;
font-size:10pt;
text-decoration:none;
line-height:30px; 
font-style:italic;
}
.trait_style
{
 margin-top:10px;
 color:#a5c9e4;
 width:99%;   
}
.label_style
{
color: #4B4B4B;
font-family: Roboto;
font-size:9pt;
border:0px solid #000;
line-height:30px;
}
.label_bleu_style
{
color: #494949;
font-family:Candara;
font-size:9pt;
border:0px solid #000;
line-height:30px;
font-weight:bold;
}
.label_message_style
{
color:Red;
font-family:;
font-size:12pt;
margin-left:10px;
border:0px solid #000;
}
.textbox_big_style
{
min-width: 397px;
min-height: 38px;
border:1px solid #87abc6;
font-family:Tahoma;
color:#063251;
font-size:13px;
}
.tr_big_style
{
height:49px;
}

table.tb2
{
margin-left:1%;
font-size:100%;   
}

table.tb1
{
margin-top:25px;
margin-left:1%;
font-size:100%;  
}
table.tb1_ecart
{
margin-top:2px;
margin-left:1%;
font-size:100%;  
}
/****************** style of control barre ************/
.control_ecart
{
background:  url(images/bc_button1.png) repeat-x;   
border-bottom: solid 1px #fff;
border-radius: 5px 5px 0px 0px;   
overflow:hidden;
width:99%;
height:24px;
line-height:2px;

margin-left:5px;
}
.control
{
background:  url(images/bc_button1.png) repeat-x;   
border-bottom: solid 1px #fff;
border-radius: 5px 5px 0px 0px;   
overflow:hidden;
width:99%;
height:24px;
line-height:25px;
margin-top:10px;
margin-left:5px;
}
.control1
{
background:  url(images/b_s_big1.png);    
overflow:hidden;
width:99%;
height:24px;
line-height:25px;
margin-left:5px;
}
.control2
    {
background-image: url(images/b_s_2.png);   
overflow:hidden;
width:99%;
height:24px;
line-height:25px;
margin-left:5px;
    }
/*** button control**/ .constats_actions
{
   display:block;
   background-repeat:no-repeat;
   background-position:6px 5px;
   float:left;
   width:13%;
   height:25px;
   line-height:25px;
   margin-left:5px;
   padding-left:22px;
   text-decoration:none; 
   
}

.plan_audit
{
    display:block;
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    text-decoration :none;
}
.consultate
{
    display:block;
    background-repeat :no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
   text-decoration:none;
}

.qualification
{
    display:block;
  
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}
.profil
{
    display:block;
     background:url(images/profil.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}



.search
{
    display:block;
     background:url(images/search_icone.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
  width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}



.restaurate
{
    display:block;
  
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
 width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}

.doc
{
    display:block;
     background:url(images/doc.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
  width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}

.evaluate
{
    display:block;
     background:url(images/evaluer.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
 width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}
.edit
{
    display:block;
    background:url(images/edit.png);
    background-repeat:no-repeat;
    background-position:3px -2px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:30px;
    text-decoration:none;
    font-family: Roboto;
    color: #09a5b2;
}

.vlegende
{
    display:block;
    background:url(images/update.gif);
    background-repeat:no-repeat;
    background-position:3px -2px;
    float:left;
    width:11.4%;
    height:25px;
    line-height: 18px;
    margin-left: 5px;
    padding-left: 20px;
    margin-top: 5px;
    font-family: Roboto;
    color: #09a5b2;
}

.editer
{
    display:block;
    background:url(images/editer.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:Gisha;
    font-size:5pt;
    color:#012f51;
    text-decoration:none;
}

.consulter
{
    display:block;
    background:url(images/consulter.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
 width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:Gisha;
    font-size:5pt;
    color:#012f51;
    text-decoration:none;
}
.mail
{
    display:block;
    background:url(images/mail.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
  width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:Gisha;
    font-size:5pt;
    color:#012f51;
    text-decoration:none;
}


.update
{
    display:block;
  
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
 width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}

.approb
{
    display:block;
    
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
 width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;
   
    
  
}
.verif
{
    display:block;
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:13% !important;
    width:15.5%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;
   

  
}
.fournisseur
{
    display:block;
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:280px;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;
}

.add
{
   display: block;
    background: url(images/add.png);
    background-repeat: no-repeat;
    background-position: 6px 5px;
    float: left;
    width: 20%;
    height: 25px;
    line-height: 25px;
    margin-left: 5px;
    padding-left: 22px;
    text-decoration: none;
}
.rediffusion
{
   display: block;
    background: url(images/repeat.png);
    background-repeat: no-repeat;
    background-position: 6px 5px;
    float: left;
    width: 10%;
    height: 25px;
    line-height: 25px;
    margin-left: 5px;
    padding-left: 22px;
    text-decoration: none;
}

.add_small
{
    display:block;
    background:url(images/add.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    text-decoration :none;
}

.delete
{
    display:block;
    background:url(images/delete.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    text-decoration:none;
}

.email
{  
    display:block;
    background:url(images/mail_icon.png);
    background-repeat:no-repeat;
    background-position:6px 2px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    text-decoration:none;
    
    }
.delete_ecart
{
    display:block;
    background:url(images/delete.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:20%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    text-decoration:none;
}

.validate
{
    display:block;
    background:url(images/validate.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    text-decoration:none;
}
.invitation
{
    display:block;
    background:url(images/email.png);
    background-repeat:no-repeat;
    background-position:4px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    text-decoration:none;
}
.apercu
{
    display:block;
    background:url(images/apercu.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;
}
.overview
{
    display:block;
    background:url(images/apercu.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    text-decoration:none;
}


.reclamation
{
    display:block;
    background-position:1px 5px;
    float:left;
    width:15%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;
}


.rec
{
    display:block;

    background-position:1px 5px;
    float:left;
  width:11%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;
}

.traç
{
    display:block;
    
    float:left;
 width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;
}

.visualiser
{
      display:block;
    
    float:left;
 width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;  
    
    
    
    
}


.send_rapport
{
        display:block;
    
    float:left;
 width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:25px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;    
    
    
    
    
}
.ajout_grand
{
    
    display:block;
    background:url(images/add.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.8%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;   
}




.cancel
{
    display:block;
     background:url(images/cancel.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}
.autre
{
    display:block;
    float:left;
    width:10%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}
.annuler
{
    display:block;
    background:url(images/cancel.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}
.back
{
    display:block;
    background:url(images/retour.png);
    background-repeat:no-repeat;
    background-position:1px 1px;
    float:left;
   width:9%;
    height:25px;
    line-height:25px;
    margin-left:5px;
        padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;

}
.back_fiche
{
    display:block;
    background:url(images/retour.png);
    background-repeat:no-repeat;
    background-position:1px 1px;
    float:left;
   width:15%;
    height:25px;
    line-height:25px;
    margin-left:5px;
        padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;

}
.return
{
    display:block;
    background:url(images/retour.png);
    background-repeat:no-repeat;
    background-position:1px 1px;
    float:left;
   width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;
}

.attachments
{
    display:block;
    background:url(images/attachments.png);
    background-repeat:no-repeat;
    background-position:0px 5px;
    float:left;
    width:13%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;
    border:0px solid green;
}
.attachment
{
    display:block;
    background:url(images/attachments.png);
    background-repeat:no-repeat;
    background-position:0px 5px;
    float:left;
    width:13%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;
    border:0px solid green;
}
.attachements
{
    display:block;
    background:url(images/attachments.png);
    background-repeat:no-repeat;
    background-position:0px 5px;
    float:left;
    width:13%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;
    border:0px solid green;
   
}
.attachment
{
    display:block;
    background:url(images/attachments.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:19%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;
}
.piece
{
    display:block;
    background:url(images/attachments.png);
    background-repeat:no-repeat;
    background-position:0px 5px;
    float:left;
    width:13%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    font-family:;
    font-size:10pt;
    color:#012f51;
    text-decoration:none;
    border:0px solid green;
}


.rattacher
{
    display:block;
     background:url(images/rattacher.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
 width:20%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}

.rattacher_grand
{
    display:block;
     background:url(images/rattacher.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
 width:20%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}
.select
{
    display:block;
     background:url(images/rattacher.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
     width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}
.closed
{
    display:block;
     background:url(images/closed.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
   width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}
.fermer
{
    display:block;
     background:url(images/closed.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
   width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
  
    text-decoration:none;
}

fieldset 
{
    border:1px solid #85accb;
    width:98%;
    margin-left:6px;
          
          
} /*this is the border color*/
legend 
{
    font-family:Vijaya;
    font-size:17px;
    font-weight:bold;
    
    color:#1f4b6f;
    
}
.linkbutton:focus /*linkbutton*/
{
outline:0;
}


.button_search_style:focus
{
  outline:0;  
}

span{

}
.smallbutton /*linkbutton*/
{
font-family:Vijaya;
font-size:9pt;
color:#3d729b;
text-decoration:none;
font-weight:bold;
}

/***** style  de filtre et de titre de fonctionnalité***/
.block_filter
{
margin-top: 0px;
padding-top: 5px;
width: 99%;
border-bottom: 1px solid #faf9f9;
margin-left: auto;
margin-right: auto;
}
.block_filter_in
{
    width: 100%;
    border-bottom: 1px solid #b7d3e9;
    margin: auto;
}
.block_filter_in_label_style
{
background-repeat:no-repeat;
background-position:0px 0px;
color:#5690be;
font-family:Lucida Sans Typewriter;
font-weight:bold;
font-size:10pt;
padding-left:10px;
}
.title_functionality_style
{
padding-left:20px;
font-family:Candara;
font-size:11pt;
color:#494949; 
font-weight:bold;
}
.title_functionality
{
display:block;
background:url(images/star.png);
background-repeat:no-repeat;
background-position:6px 7px;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:10px;
height:35px;
line-height:35px;
padding-left:22px;
}

/**** styles pour les Gridview  ***********/

.block_grid
{
margin-left:8px;
background-color:#FFFFFF;
border-radius: 0px 0px 5px 5px ;
border:1px solid #e0e0e0;
height:auto;
margin-bottom:13px;
text-align:center;
width:99%;
}
.mGrid  /* STYLE DE LA GRID EN GENERAL DéFINIT LES TAILLES DE GRIDVIEW*/
{     
background-color: #fafafa;   
border: 1px solid #ebebeb;   
border-collapse:collapse;   
height:auto;
width:99%;
overflow:hidden;
margin:auto;
padding:0px;
}
.mGrid tr.row:hover, .mGrid tr.alt:hover /* définit la couleur de la ligne en hover*/
{
 background-color:#dde2e6;   
} 
.mGrid tr.grs /* définit la couleur de la ligne en hover*/
{
 background-color:#aab5bd;  
} 
.mGrid tr
{
height:22px; 
}     
.mGrid .row td a /*définit le style de la premiere colonne au quel on modefit une ligne de la gridview (couleur row)*/   
{
background:url(images/edit1.png);
background-repeat:no-repeat;
color:#3f4554;
text-decoration:none;
font-size:8pt;
font-weight:bold;
font-family:Lucida Sans;
padding-left:16px;
text-align:left; 
}


.mGrid .alt td a /*définit le style de la premiere colonne au quel on modefit une ligne de la gridview (couleur alt)*/      
{
background:url(images/edit1.png);
background-repeat:no-repeat;
color:#3f4554;
text-decoration:none;
font-size:8pt;
font-weight:bold;
font-family:Lucida Sans;
padding-left:16px;
text-align:left; 
}
.mGrid .grs td a /*définit le style de la premiere colonne au quel on modefit une ligne de la gridview (couleur alt)*/      
{
background:url(images/edit1.png);
background-repeat:no-repeat;
color:#3f4554;
text-decoration:none;
font-size:8pt;
font-weight:bold;
font-family:Lucida Sans;
padding-left:16px;

text-align:left; 

}

.grs
{
background-color:#aab5bd !important; 
}

/*.pgr
{

    padding:10px;
    background: #5e92bb;
height:23px;
  
    text-align:left;
    border:0px solid #000;
    

}*/


#nb_pager
{
 width:auto;
 float:left; 
 margin-right:5px;
  margin-left:5px;  

}
.pn
{

      float:left;    
}

.p
{
    
      background-image:url(images/prev1.png);
      background-repeat:no-repeat;
      display:block;
      width:16px;
      height:16px; 
      float:left;    
      margin-left: 3px;
    
    
}
.n
{
    
      background-image:url(images/next1.png);
      background-repeat:no-repeat;
      display:block;
      width:16px;
      height:16px;     
      float:left; 
    
    
}
.f
{

      background-image:url(images/first1.png);
      background-repeat:no-repeat;
      display:block;
      width:16px;
      height:16px;     
      float:left; 
    
}
.l
{

      background-image:url(images/last1.png);
      background-repeat:no-repeat;
      display:block;
      width:16px;
      height:16px;     
      float:left; 
      margin-left: 2px;
    
}


#saved_link
{
   
    color: #fff;
    width:200px;
    float:right;
    margin-right:5px;
    font-family:;
    font-size:8pt;
    position:relative;
    margin-top :0px;
    text-align:right;
    
}
.mGrid td 
{
color: #063251;  
font-size:8pt;
font-family:Lucida Sans;
text-align:left;
border:0px solid #000;
padding-bottom:0px;
padding-left:5px;

}
.mGrid td #nb_pager
{
position:relative;
color: #fff;  
font-size:9pt;
font-family:Lucida Sans;
text-align:left;
margin-top: 2px;
}
.mGrid .alt {background:#f1f1f1;}  

/*.mGrid .pgr td a{color:#dedede;text-decoration:none;font-size:9pt;} 
.mGrid .pgr a:hover { color: #FFF; font-weight:bold; font-size:9pt;}  */
.mGrid th 
{
padding-left:5px;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
height :35px !important;
text-align:left; 
font-family:Trebuchet MS;
text-decoration:none;
color:#0e3758;
font-size:12px;
text-align:left;
}

.mGrid td.td_des_g 
{  
 width:30.14022140221402%;
 padding-right:10px;
}
.mGrid th.th_des a  
{
text-decoration:none;
color:#fff;
font-size:12px;
width:22.14022140221402%; 
}
.mGrid td.td_des 
{  
 width:20.14022140221402%;
 padding-right:5px;
}
.mGrid th.th_des_taud a  
{
text-decoration:none;
color:#fff;
font-size:12px;
width:15.14022140221402%; 
}
.mGrid td.td_des_taud
{  
 width:15.14022140221402%;
/*max-width:300px; */  
}
.mGrid td.td_des_aud 
{  
 width:37.14022140221402%;
/*max-width:300px; */  
}
.mGrid td.td_des_S
{  
 width:5.14022140221402%;
/*max-width:300px; */  
}
.mGrid th.th_other a  
{
 width:12em; 
text-decoration:none;
color:#fff;
font-size:12px;
}
.mGrid td.td_other 
{  
width:11.07011070110701%;
}
.mGrid th.th_otherc a  
{
 width:12em; 
text-decoration:none;
color:#fff;
font-size:12px;
}
.mGrid td.td_otherc
{ 
text-align:center;
width:11.07011070110701%;
}
.mGrid th.th_date a  
{
text-decoration:none;
color:#fff;
font-size:12px;
}
.mGrid td.td_date 
{ 
width:7.380073800738007%;  
}
.mGrid th.th_num a  
{
text-decoration:none;
color:#fff;
font-size:12px;
}
.mGrid td.td_num 
{   
width:5.211726384364821%;
}

.mGrid th.th_numc a  
{
text-decoration:none;
color:#fff;
font-size:12px;
}
.mGrid td.td_numc 
{   
text-align:center;
width:6%;
}

.mGrid th.th_check a  
{
text-decoration:none;
color:#fff;
font-size:12px;
border:1px solid #000;
width:30px;   
}
.mGrid td.td_check 
{  
width:30px;   
}

/**** les msg d'erreurs *******/

.message_style
{
 color:#cd0000;
 margin-right :20px;
 font-family:;
 font-size:12px;   
    
}
champ_style
{
 color:#cd0000;
 font-family:;
 font-size:12px; 
}
.libel
{
 color:#cd0000;
 font-family:;
 font-size:12px; 
}
td.td_label
{
 width:200px;   
  vertical-align:middle;
  height:23px;
     border:0px solid #000;
}
td.td_label_l
{
 width:230px;   
  vertical-align:middle;
  height:23px;
     border:0px solid #000;
}
td.td_label_g
{
 width:300px;   
  vertical-align:middle;
  height:23px;
     border:0px solid #000;
}
.titre
{
 font-family:;
 font-size:11pt;
 color: #3b75a1;
 font-weight:bold;
 margin-left:10px;    
}

.titre1
{
 font-size:11pt;
 color: Red;
 font-weight:bold;
 margin-left:10px;  
 text-decoration: none;  
}
.titre1doc
{
 font-size:11pt;
 color: Red;
 font-weight:bold;
 text-decoration: none;  
}
td.td_label
{
 width:230px;   
 vertical-align:middle;
 height:23px;
 border:0px solid #000;
}
td.td_textbox
{
 width:430px;   
 vertical-align:middle;
 height:23px;
 border:0px solid #000;
}

td.td_point
{
 width:5px; 
  vertical-align:middle; 
   height:23px;
   border:0px solid #000; 
}
td.td_button
{
width:105px;
vertical-align:middle;
height:30px; 
border:0px solid #000;
}

td.td_button_g
{
width:130px;
vertical-align:middle;
height:30px; 
border:0px solid #000;
}
td.td_button_gl
{
width:230px;
vertical-align:middle;
height:30px; 
border:0px solid #000;
}

.txt_nombre /*text nombre*/
{ 

padding:0px;
margin:0px;
width:189px;
height:24px;
border:1px solid #87abc6;
line-height:24px;
font-family:Tahoma;
color:#063251;
font-size:13px;

}



/***********************Menu_Pricipal******************************************/
/***********************Menu_Pricipal******************************************/
/***********************Menu_Pricipal******************************************/

body {behavior:url(csshover.htc);}
/*body{behavior: url("csshover.htc");}*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

/*Style du menu*/


/*style des lien du menu*/
 div#menu ul li a,div#menu ul li span
 {
    background-color: #46779C;
    color: White;
    display: block;
    line-height: 1.35em;
    padding: 4px 8px;
    text-decoration: none;
    white-space: normal;
    height : 35px;
    margin-left: 1px;
    font-family: lato-regular;
    font-size: 9pt;
    }
 div#menu ul li a:hover,div#menu ul li span:hover
 {
    background-color: #09A5B2;
    border: 1px #4e667d solid;
    color: White;
    display: block;
      white-space: normal;
    /*line-height: 1.35em;
    padding: 4px 8px;
    text-decoration: none;
    white-space: nowrap;
    font-size :small;
    height : 14px;*/
     height : 35px;
    margin-left: 1px;
    }
    
 div#menu ul {padding:0; margin:0;list-style-type: none; }
 div#menu ul li {float:left; margin-right:-1px;background:none; position:relative;z-index: 300;}
 div#menu ul li ul {display: none; width:152px; }
 
 
 
 /* specific to non IE browsers */
 div#menu ul li a,div#menu ul li span  {}
 div#menu ul li:hover a, div#menu ul li:hover span  {}

/*style du sous menu*/
 div#menu ul li:hover ul {display:block; position:absolute; left:0px;}
 div#menu ul li:hover li:hover a,div#menu ul li:hover li:hover span  {background:#d4d8db ; color:#0c293f;}
 div#menu ul li:hover li:hover li:hover a,div#menu ul li:hover li:hover li:hover span {background:#d4d8db; color:#0c293f;}
 div#menu ul li:hover ul li:hover li:hover li:hover a , div#menu ul li:hover ul li:hover li:hover li:hover span{background:#d4d8db; color:#0c293f;}




/*style des liens du sous menu*/


 div#menu ul li:hover ul li span, div#menu ul li:hover ul li a
  {
    display:block; background:#1c4d73; color:#d9d9d9; width:140px;
    position:relative;                 
    color: White;
    height:auto;
    padding-top:7px;
    padding-bottom:7px;
    padding-left:4px;
    width:146px;
    background-color:#1c4d73;
    border-right:1px solid #063251;
    border-left:1px solid #063251;
    font-family:Candara;
    font-weight:bold;
    font-size:9pt; 
    text-decoration:none; 
                
                     
}
 div#menu ul li:hover ul li a:hover {background:#d4d8db; color:#0c293f;}

/*style du sous sous menu*/
  div#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:160px; top:0;}

/*style des liens du sous sous menu*/
  div#menu ul li:hover ul li:hover ul li a ,  div#menu ul li:hover ul li:hover ul li span{display:block; width:146px; background:#1c4d73; color:#fff;}
  div#menu ul li:hover ul li:hover ul li a:hover {background:#d4d8db; color:#0c293f;}
 
  div#menu ul li:hover ul li:hover ul li:hover ul li a ,  div#menu ul li:hover ul li:hover ul li:hover ul li span {display:block; width:140px; background:#09A5B1; color:#fff;}
  div#menu ul li:hover ul li:hover ul li:hover ul li a:hover {background:#d4d8db; color:#0c293f;}
 
 div#menu ul li ul li ul
 {
     border-bottom:0px solid red;
 }
  div#menu ul li  ul li:hover ul 
 {
     border-bottom:0px solid #6f8ea5;
 }
  div#menu ul li ul
 {
      padding-right:6px; 
 }
   div#menu ul li  ul li:hover ul li ul  /* Tier 2 */
{
border-bottom:0px solid yellow;
padding-right:6px;
}
   div#menu ul li  ul li ul li:hover ul  /* Tier 2 */
{
border-bottom:0px solid #6f8ea5;
padding-right:0px;
}
 
 
 
 div#menu ul li  ul li ul li /* Tier 2 */
{
 display:none;
}

 div#menu ul li  ul li:hover ul li /* Tier 2 */
{
display:block;
}
 div#menu ul li  ul li:hover ul li ul li /* Tier 2 */
{
display:none;
}
 div#menu ul li  ul li ul li:hover ul li /* Tier 2 */
{
display:block;
} 


 
 div#menu ul li:hover ul li a ,  div#menu ul li:hover ul li:hover ul li a , div#menu ul li:hover ul li span ,  div#menu ul li:hover ul li:hover ul li span
{

    background :#09A5B2  url(images/triangle.png) 140px 12px no-repeat;   
}

div#menu  ul li:hover ul li:hover a , div#menu ul li:hover ul li:hover ul li:hover a,div#menu  ul li:hover ul li:hover span , div#menu ul li:hover ul li:hover ul li:hover span
{

    background :#d4d8db  url(images/triangle.png) 140px 12px no-repeat;   
}
div#menu li.AspNet-Menu-Leaf a, /* leaves */
div#menu li.AspNet-Menu-Leaf span
{
     background-image: none !important;
}
#menu
{
width:96%;
height:96%;
display: inline-block;
position: relative;
z-index: 100;
}





/******************menu_reporting****************************************************/
/********************menu_reporting***************************************************/
/********************menu_reporting***************************************************/
 div#menu_rep ul li a,div#menu_rep ul li span{display:block;}
 div#menu_rep ul {padding:0; margin:0;list-style-type: none; }
 div#menu_rep ul li {float:left; margin-right:1px; background:none;position:relative;/*z-index: 10000;*/}
 div#menu_rep ul li ul {display: none; margin-left:-3px;}
 
 
 
 /* specific to non IE browsers */
 div#menu_rep ul li a, div#menu_rep ul li span {}
 div#menu_rep ul li:hover a ,div#menu_rep ul li:hover span {}

/*style du sous menu*/
div#menu_rep ul li:hover ul {display:block; position:absolute; top:29px; left:0; width:200px;}

 
div#menu_rep ul li:hover li:hover a,div#menu_rep ul li:hover li:hover span   {background:#6eafe0 ; color:#eee;}

div#menu_rep ul li:hover li:hover li:hover a,div#menu_rep ul li:hover li:hover li:hover span {background:#6eafe0 ; color:#eee;}

div#menu_rep ul li:hover ul li:hover li:hover li:hover a,div#menu_rep ul li:hover ul li:hover li:hover li:hover span {background:#6eafe0 ; color:#eee;}

/*style des liens du sous menu*/
*+ html div#menu_rep ul li:hover ul li a,div#menu_rep ul li:hover ul li span 
{
    display:block;
    position:relative;
    color: #4f96cd;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:0px;
    margin-top:-1px;
    margin-bottom:-1px;
    width:200px;
    background-color:#efefef ;
    border-bottom:2px solid #c6e2f8;
    border-right:1px solid #c6e2f8;
    border-left:1px solid #c6e2f8;
    font-family:Candara;
    font-weight:bold;
    font-size:9pt;
    text-indent:4px; 
    text-decoration:none;  
}

div#menu_rep ul li:hover ul li a,div#menu_rep ul li:hover ul li span 
{
    display:block;
    position:relative;
    color: #fff !important;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:1px;
    width:200px;
    background-color:#efefef ;
    border-right:1px solid #008cba;
    border-left:1px solid #008cba;
    font-family     : ''  !important;
    font-size :0.8vw;
    text-indent:4px; 
    text-decoration:none;                 
}
div#menu_rep ul li:hover ul li a:hover {background:#6eafe0 ; color:#eee;}

/*style du sous sous menu*/
div#menu_rep ul li:hover ul li:hover ul {display:block; position:absolute; left:202px; top:0;}

/*style des liens du sous sous menu*/
div#menu_rep ul li:hover ul li:hover ul li a,div#menu_rep ul li:hover ul li:hover ul li span  {display:block; width:250px; background:#6eafe0; color:#4f96cd;}
div#menu_rep ul li:hover ul li:hover ul li a:hover {background:#6eafe0 ; color:#eee;}
 
div#menu_rep ul li:hover ul li:hover ul li:hover ul li a,div#menu_rep ul li:hover ul li:hover ul li:hover ul li span {display:block; width:140px; background:#6eafe0; color:#4f96cd;}
div#menu_rep ul li:hover ul li:hover ul li:hover ul li a:hover {background:#6eafe0 ; color:#eee;}
 
 div#menu_rep  ul li ul li ul
 {
     border-bottom:0px solid #6eafe0;
 }
  div#menu_rep  ul li  ul li:hover ul 
 {
     border-bottom:4px solid #6eafe0;
 }
  div#menu_rep  ul li ul
 {
     border-bottom:4px solid #6eafe0;
     padding-right:2px; 
     z-index: 10000;
 }
 
div#menu_rep ul li  ul li ul li /* Tier 2 */
{
 display:none;
}

div#menu_rep ul li  ul li:hover ul li /* Tier 2 */
{
display:block;
}
div#menu_rep ul li  ul li:hover ul li ul li /* Tier 2 */
{
display:none;
}
div#menu_rep ul li  ul li ul li:hover ul li /* Tier 2 */
{
display:block;
} 


#mn
{
 
background-color: #46779C;
min-width:1260px;
width:auto;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
height:46px; 
border-top:1px solid #7796af;
position: relative;
}
 
div#menu_rep ul li a  div.report
{
    
   /* background-image:url(images/repporting.png); */
    background-repeat:no-repeat;
    width:137px;
    height:29px;
    display:block;
    position:relative;
    vertical-align:middle;
}


div#menu_rep ul li:hover ul li a ,  div#menu_rep ul li:hover ul li:hover ul li a  
{
border-top:1px solid #008cba;
background :#32373e  url(images/triangle1.png) 190px 9px no-repeat;
/*border-top:1px solid #137eff;
background :#eee;*/
}
div#menu_rep ul li:hover ul li:first-child a ,  div#menu_rep ul li:hover ul li:hover ul li a ,div#menu_rep ul li:hover ul li span ,  div#menu_rep ul li:hover ul li:hover ul li span 
{
border-top:1px solid #008cba;
/*border-top:1px solid #137eff;*/

}
div#menu_rep  ul li:hover ul li:hover a , div#menu_rep ul li:hover ul li:hover ul li:hover a,div#menu_rep  ul li:hover ul li:hover span , div#menu_rep ul li:hover ul li:hover ul li:hover span
{
background :#000000 url(images/triangle1.png) 190px 9px no-repeat;
    /*background :#137eff;
    color:#fff !important;*/
   
}

div#menu_rep li.AspNet-Menu-Leaf a, /* leaves */
div#menu_rep li.AspNet-Menu-Leaf span
{
        background-image: none !important;
}
 .button_afficher_big_style
{
background:url(images/b_s_big.png);
background-repeat:no-repeat;
width:117px;
height:30px;
font-family:Roboto;
color:#FFF;
margin-top:2px;
padding-top:4PX;
line-height:20px;
display:block;
text-decoration:none;
text-align:center;
font-size: 11px;
border: 0;
}

.button_afficher_big_style1
{
background:url(images/b_s_big1.png);
background-repeat:no-repeat;
width:117px;
height:30px;
font-family:Roboto;
color:#FFF;
margin-top:2px;
padding-top:4PX;
line-height:20px;
display:block;
text-decoration:none;
text-align:center;
font-size: 11px;
border: 0;
}
.matrice
{
    display:block;
    background:url(images/matrice.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    text-decoration:none; 
 }
.title_functionality_style_collapse
{
padding-left:5px;
font-family:Candara;
font-size:11pt;
color:#494949; 
font-weight:bold;
}
.panel_collapse
{
	padding-bottom:5px;
}
.panel_collapse_g
{
	padding-bottom:20px;
}
.repeater_link
{
background:url(images/edit1.png);
background-repeat:no-repeat;
color:#3f4554;
text-decoration:none;
font-size:8pt;
font-weight:bold;
font-family:Lucida Sans;
padding-left:16px;
text-align:left; 
} 

.dragHandle {
	width:16px;
	height:16px;
	/*background-color:Blue;*/
	background-image:url(images/fleche.png);
	/*cursor:red;*/
	border:outset thin white;	
}
.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}
.reorder_list
{
padding-left:20px;
}
.reorder_list li {
	list-style:none;
	margin:2px;
	background-image:url(images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}
td.td_label_align_top
{
 width:200px;   
  vertical-align:top;
  height:23px;
     border:0px solid #000;
}
td.td_point_align_top
{
 width:5px; 
  vertical-align:top; 
   height:23px;
   border:0px solid #000; 
}
.add_petit
{
    display:block;
    background:url(images/add.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:15%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    text-decoration :none;
}
.copier
{
    display:block;
    background:url(images/copier.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:9%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    text-decoration:none;
}
.coller
{
    display:block;
    background:url(images/coller.png);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:9%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    text-decoration:none;
}
td.td_label_enq
{
  width:200px;   
  vertical-align:text-top;
  height:23px;
  border:0px solid #000;
}
.txt_multiline
{ 

padding:0px;
margin:0px;
width:300px;
height:50px;
border:1px solid #87abc6;
line-height:24px;
font-family:Tahoma;
color:#063251;
font-size:13px;

}

.txt-margin 
{ 

padding:0px;
margin-left:20px;
width:168px;
height:24px;
border:1px solid #87abc6;
line-height:24px;
font-family:Tahoma;
color:#063251;
font-size:13px;

}

.save
{
    display:block;
    background:url(images/saveitem.gif);
    background-repeat:no-repeat;
    background-position:6px 5px;
    float:left;
    width:11.4%;
    height:25px;
    line-height:25px;
    margin-left:5px;
    padding-left:22px;
    text-decoration:none;
}

.watermarked
{
    background-color: #E1E1E1;
    border: 0px;
    color: Gray;
    padding: 2px 0 0 2px;
}
.watermarked:hover
{
    background-color: #E1E1E1 !important;
    border: 0px !important;
    color: Gray !important;
    padding: 0px 0 0 2px !important;
}
div#menu ul li a img
{
  margin: auto;
  display: block;  
}

.acceuil_msg_day
{
  width: 99%;
  margin: 0.5%;
  height:100%;
}
#parent_container
{
    height: 4em;
    width: 97%;
    background: #fff;
    margin-left: 3%;
}

#container {
  position: relative;
  height: 99.5%;
  width: 100% ;
  padding-left : 0.1%;
  padding-top:0.5%;
}


    
#container > div {
  display: inline-block;
  width: 65px;
  height: 3em;
    border: 1px solid  #034f84; 
  text-align: center;
  position:relative;
}

.div_container
{

  width: 100%;
  height: 100%;
  position: absolute;

}

.container_name
{  
   font-family: Roboto;
    font-size:7pt;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    color: #6c757e;
}

.container_image
{
        width:16px;
        height:16px;
        position: absolute;
        margin: auto; 
        top: 0; 
        left: 0;
        right: 0; 
        bottom: 16px;
}


.mGrid td {
      padding: 2px; }
.mGrid th  {
      color: #fff;
      background: #46779C;
      font-size: 12px; 
      text-align: left;}
.mGrid .alt_acceuil {
      background: #e5e5e5 }
.mGrid .pgr {background-color:#BFB9B9 ; height: 18px;}
.mGrid .pgr table { margin: 3px 0; }
.mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }  
.mGrid .pgr a { color: White; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }

.table_acceuil{
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-spacing: 0.5em;
}

.table_acceuil  td {
    overflow: hidden;
    height:50%;
}

#area_acceuil
{
    display : inline-block;
    width: 3%;
    height:100%;
    background: #09a5b2;
    position: relative;  
}

#first,#second,#first1
{
    width: 100%; 
    height: 97%;
    background:#fff;
}

.banner_right_top_utilitaire {
    float: left;
    width: 16%;
    height: auto;
    padding-left: 0px;
    padding-top: 5px;
}

.item_header
{
  color: #6c757e;
  font-family: Roboto;
  font-size: 9pt;
  display:block;
  margin-top: 5%;
  margin-left: 10%;
  text-decoration: none;

}

.connected 
{
    color: #646464;
      font-size: 12.5px;
    font-family: lato-bold;
    margin-top: 0.7%;
    position: absolute; 
     margin-left: 0.5%;   
}

.image_connected
{
   height: 20px;
    width: 20px;
    border-width: 0px;
    margin-top: -15px;
    margin-bottom: 3.5px;
}
.image_user_connected
{
    height: 35px;
    width: 35px;
    border-width: 0px;
    margin-top:-10px;
   border-radius:50%;
}    
    
 #img_cont {
  display: table;
  width: 90%;
  margin: 20px auto;
  height: 7%;
}

*#img_cont img {
  height:40px;
  width:34px;
  margin-left: 1.3%;
}

.msg_container
{
width: 99%; 
overflow: auto; 
overflow-x: hidden; 
max-height: 54%;    
}

.msg_publication
{
    float: right; 
    margin-top: 1.5%;
}

.msg_area
{
    width: 99%;
}

.day_msg
{
    margin: 2%; 
    margin-left: 3%; 
    max-height: 6%;
}
.day_msg_area
{
margin: 2%;
margin-left: 3%;    
}

#text_reporting
{
    position: absolute;
    margin-left: 44px;
    margin-top: 0.3%;
    color: #fff;
    font-family: Roboto;
    font-size: 10pt;
    letter-spacing: 0.7pt;
 }
 
 
 .text_name_indicator
 {
     font-family: Lato-Bold;
     Font-Size: 13pt;
     color:#6c757e;
     Width:100%;
     display:block; 
     margin-left: 2%;
     margin-top: 3%;
 }
 
     
 /**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: ;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 25px;
	height: 32px;
	text-indent: -9999px;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: ;
	display: block;
	font-size: .85em;
	padding: 10px;
}
  
  
  .btn_indic_acceuil
  {
      float: right; 
      margin-right: 3%;
      margin-top:2%;
  }
  
  .slide
  {
      cursor:pointer;
  }
  
  
  .Div_recherche
  {
    display: inline;
    width: 100px;
    height: 24px;
    position: absolute;
    background-color: #e6614f;
    text-align: center;
    margin-left: 25%;
      }
      
      .Div_annuler
      {
    display: inline;
    position: absolute;
    width: 100px;
    height: 24px;
    margin-left: 37%;
    background-color: #716E6E;
    text-align: center;
       }
   .Div_annuler_22
      {
    display: inline;
    position: absolute;
    width: 100px;
    height: 24px;
    margin-left: 37%;
    background-color: #e6614f;
    text-align: center;
       }
  .Div_recherche2
  {

    width: 95px;
    position: relative;
    background-color: #e6614f;
    text-align: center;

    }
      
    .Div_annuler2
    {
    width: 95px;
    position: relative;
    background-color: #716E6E;
    text-align: center;
    }
      
      .Div_add
      {
    display: inline;
    position: absolute;
    width: 100px;
    height: 24px;
    background-color: #09A5B1;
    text-align: center;
    margin-left: 13%;    
       
       }
        .Div_add_22
      {
    display: inline;
    position: absolute;
    width: 100px;
    height: 24px;
    background-color: #e6614f;
    text-align: center;
    margin-left: 13%;    
       
       }
        .Div_add2
      {

        width: 100px;
        height: 24px;
        background-color: #09A5B1;
        text-align: center;
       }
      .button_Ajout_style
      {
        width: 100px;
        height: 24px;
        background-color: #09A5B1;
        font-family:Roboto;
        color:#FFF;
        text-decoration:none;
        cursor:pointer;
      }
      .tr_empty
      {
          height:10px;
      }
      
         .footer
        {
        border-top: 1px solid #DBDBEA;
        position:relative;
        text-align:center;
        }
        
        .footer > span  
        {
            display: block;
            font-family: lato-bold;
            margin-top: 15px;               
         }
         
         .button_valid_style
         {
                font-family: Roboto;
                color: #FFF;
                text-decoration: none;
                background-color: #09a5b2;
                position: relative;
                display: block;
                width: 100px;
                text-align: center;
             
           }
            .button_add_style
         {
                font-family: Roboto;
                color: #FFF;
                text-decoration: none;
                background-color: #228B22;
                position: relative;
                display: block;
                width: 100px;
                text-align: center;
             
           }
           
             .button_g_valid_style
         {
                 font-family: Roboto;
                color: #FFF;
                text-decoration: none;
                background-color: #09a5b2;
                position: relative;
                display: block;
                width: 115px;
                text-align: center;
             
           }

           .button_Annule_style
         {
                 font-family: Roboto;
                color: #FFF;
                text-decoration: none;
                background-color: #716E6E;
                position: relative;
                display: block;
                width: 100px;
                text-align: center;
             
             }
            
         .button_conforme_style
         {
                 font-family: Roboto;
                color: #FFF;
                text-decoration: none;
                background-color: #09a5b2;
                position: relative;
                display: block;
                width: 100px;
                text-align: center;             
           }
         
         .button_report_style
         {
                 display: inline-block;
                 width: 100px;
                 background-color: #e6614f;
                 float: right;
                 font-family: Roboto;
                 color: #FFF;
                 text-decoration: none;
                 text-align: center;
                 vertical-align: middle;
                 font-size: 14px;
                 line-height: 24px;
                 margin-top: 7px;
             }
         .button_non_conforme_style
         {
                 font-family: Roboto;
                color: #FFF;
                text-decoration: none;
                background-color: #CC1212;
                position: relative;
                display: block;
                width: 140px;
                text-align: center;             
           }
           
         .button_non_evalue_style
         {
                font-family: Roboto;
                color: #FFF;
                text-decoration: none;
                background-color: #1515AA;
                position: relative;
                display: block;
                width: 140px;
                text-align: center;             
           }
           
          .button_delete_style
         {
                font-family: Roboto;
                color: #FFF;
                text-decoration: none;
                background-color: Red;
                position: relative;
                display: block;
                width: 100px;
                text-align: center;             
           }
           
           input:-webkit-autofill {
                -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
                -webkit-text-fill-color: #333;
            }
    .txt1 /*text date*/
    { 

        padding:0px;
        margin:0px;
        width:130px;
        height:20px;
        border:1px solid #87abc6;
        line-height:24px;
        font-family:Tahoma;
        color:#063251;
        font-size:13px;
        }
        
        
    .Etat_audit
    {
            display: inline-block;
            font-weight: bold;
          
            background:#E6614F;
            color: #fff;
     
            text-align: center;
        
        }
        
        
        .ajax__calendar_container
        {
            z-index:1;
            
            }
            
            .test_crystal
            {
                background-color:red;
                }
     /* top list  securite*/
     .ultop
     {
    top: auto !important;
  /*  top: 0 !important;*/
    bottom: 0 !important;
     }
   .ultopMenu
     {
    top: auto !important;
  /*  top: 0 !important;*/
    bottom: 0 !important;
     }
     .banner_groupe
    {
    float: left;
    height: auto;
    margin-top: 3px;
    width: 50%;
    text-align: center;
    }
    .listgroupe
    { 
    width: 150px;
    float: left;
    margin-left:45px;   
    height: 22px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    }
    .lkqc
    {
    background-position: 0% 0%;
    float: right;
    margin-right: 130px;
    /* text-decoration:none; 
    background-image: url(images/Warning-rec.png);*/
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    color: #ffffff;
    padding: 1px 20px;
    text-decoration: none;
    background-image: linear-gradient(to bottom, #d93434, #b82b2b);
    background-color: #d93434;
    background-repeat: repeat;
    background-attachment: scroll;
}
     .lkqc:hover 
     {
      background: #3cb0fd;
      background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
      background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
      background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
      background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
      background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
      text-decoration: none;
    }


/***********Affectation**********/

/*.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-minus:before {
    content: "\2212";
}

/*.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 35%;
    padding-left: 20px;
}*/
.input-group_b {
    position: relative;
    display: table;
    border-collapse: separate;

}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon {
    padding: 0px 4px !important;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    color: #6f6f6f;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 0;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

/*.panel {
    margin-bottom: 21px;
    background-color: #f7f7f7;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    margin-bottom: 10px !important;
    
}*/
/*.panel-heading {
    padding: 2px 15px !important;
    height: 25px !important;
}
*/
.btn-success {
    color: #ffffff;
    background-color: #43ac6a;
    border-color: #3c9a5f;
}
/*
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 13px;
    line-height: 1.4;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
} */
/*
.btn {
    padding: 1px 4px !important;
}
*/
/*.panel-body {
    padding: 15px;
}*/

  /* Dropdown Button */
.dropbtn 
{
    background-color: #09A5B1;
    padding: 0px 24px 3px 24px;
    color: white;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown 
{
   /* position: absolute;*/
    display: inline-block;
    margin-left: 13%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content 
{
    display: none;
    position: absolute;
    background-color: rgba(9, 165, 177, 0.76);
    min-width: 125px;
    top: 25px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a 
{
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: rgb(9, 165, 177)}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
.dropdown-contentReun 
{
    background-color: #f5f5f5 !important;
}
.dropdown-contentReun a:hover 
{
    background-color: #d4d8db !important;
}
.dropdownReun 
{
    margin-left: 0;
}
.buttonAffect {
    border: none;
    display: inline-block;
    outline: 0;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: white;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    background-color: #4CAF50; /* Green */
    font-size: 16px;
    margin-left: 540px;
}
.buttonAffect:hover 
{
   background-color: rgba(76, 175, 80, 0.82);
   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.itemcenter
{
text-align: center!important;
margin-left: 15px;
} 


.itemcentercheckbox
{
text-align: center!important;
margin-left: 30px;
} 

.divRisque {
    border: 2px solid #a0a0a0;
    border-radius: 5px;
}
.imgvisual {
    background: url(images/update.gif) !important;
    background-repeat: no-repeat !important;
    color: #3f4554 !important;
    text-decoration: none !important;
    font-size: 8pt;
    font-weight: bold;
    font-family: Lucida Sans;
    padding-left: 19px !important;
    text-align: left;
}
#ctl00_ContentPlaceHolder1_CalendarExtender3_container
{
    visibility: visible;
    position: absolute;
    left: 304px;
    top: 218px;
    z-index: 1000;
}

.CheckBoxList
{
         position:relative;
         width:250px;
         height:10px;
         overflow:scroll;
         font-size:small;
}
.DivCheckBoxList
{
          
         background-color:White;
         width:250px;
         position:absolute;
         height:200px;
         overflow-y:auto;
         overflow-x:hidden;
         border-style:solid;
         border-color:Gray;
         border-width:1px;
}
.DivClose
{
         display:none;
         position:absolute;
         width:250px;
         height:220px;
         border-style:solid;
         border-color:Gray;
         border-width:1px;
         background-color:#99A479;
}

.LabelClose
{
         vertical-align:text-top;
         position:absolute;
         bottom:0px;
         font-family:Verdana;
}

.dropmenuScroll
{
  height: 300px;
  max-height: 300px;
  overflow-y: scroll;
   position:absolute;
}

.titre3
{
/* font-family:  oswald   !important; */
   letter-spacing: 1px !important; 
color: White;
   font-size:1vw !important;
   font-weight :bold;
}
.titre3_bleuTurq
{
/* font-family:  oswald   !important; */
   letter-spacing: 1px !important; 
color: #09A5B1 !important;
   font-size:1vw !important;
   font-weight :bold;
}
.titre3_noir
{   color: #033c73;
    font-size: 14px !important;
    font-weight: bold;
    line-height: 1.1;
    margin-left: 29px;

}
.titre3_rouge
{

   letter-spacing: 1px !important; 
color: #FF3E41;
   font-size:1vw !important;
    font-weight :bold;
    /*    font-family:  oswald   !important; */
}
.titre3_orange
{

   letter-spacing: 1px !important; 
   color: #ffb313   ;
   font-size:12pt !important;
   font-weight :bold;
   font-family:  arial   !important; 
  /* text-transform: capitalize;*/
}
.titre3_bleu
{  color: #033c73;
    font-size: 14px !important;
    font-weight: bold;
    line-height: 1.1;
    margin-left: 29px;
}
.titre3_greenlight
{
   letter-spacing: 1px !important; 
color: #90ee90;
   font-size:1vw !important;
    font-weight :bold;
       /*  font-family:  oswald   !important; */
}
.Ctitre3_bleu
{

   letter-spacing: 1px !important; 
 color: #5a829e;
   font-size:1vw !important;
    font-weight :bold;
       /*  font-family:  oswald   !important; */
}
.spanpers
{
    position: relative !important;
}
.classtop
{
  padding-top: 10px;
}
.txtlabel
{
 margin-top: 10px;
}
.buttonVisualiser {
    display: block;
    width: 100%;
    border: none;
    background-color: #f44336;
    color: white;
    padding: 0px 28px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}
.buttonVisualiserdoc {
    display: block;
    width: 100%;
    border: none;
    background-color: #f44336;
    color: white;
    padding: 5px 28px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
}
.buttonOrigin{
    display: block;
    width: 100%;
    border: none;
    background-color: #09a5b2;
    color: white;
    padding: 5px 28px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
}
.buttonVisualiser:hover {
    background-color: #f44336bf;
    color: white;
}
.buttonorig {
    display: block;
    width: 100%;
    border: none;
    background-color: #09a5b2;
    color: white;
    padding: 5px 28px;
      font-size: 0.9vw !important;
    cursor: pointer;
    text-align: center;
}

.buttonorig:hover {
    background-color: #09a5b2d9;
    color: white;
}
.gicon
{
    font-size: 25px;
}
.paneldoc
{
  min-height: 225px;
  max-height: 650px;
  overflow: auto;
}
.paneldoc1
{
  min-height: 200px;
  max-height: 650px;
  overflow: auto;
}
.input-sm1
{
   height: 32px !important;
   padding: 0px 10px !important;
}
.searchlist
{
    margin-top: 20px;
}
.searchajax
{
   width: 125px;
   height: 19px !important;
}
.widthpopup
{
  min-width: 730px;
  overflow: auto;
  max-height: 800px;
  min-height: 185px;
}
.panel-heading {
    border-bottom: 1px solid transparent !important;
}
.badge1
{
    margin-top: -4px !important; 
    font-size: 0.8vw;
}
.filtbutton
{
    width:15% !important;
}
.filtbutton:hover
{
    width:15% !important;
}
.timage
{
  width: 20px;
}
.classRadioList
{
  line-height: 20px !important;
}
.span_font_success
{
    font-weight :bold ;
    font-size:1vw;
    color:#4BBF73;
}
.span_font_danger
{
    font-weight :bold ;
    font-size:1vw;
    color:#CC1212;
}
.span_font_primary
{
    font-weight :bold ;
    font-size:1vw;
    color:#2fa4e7;
}
.txtlabelRequired
{
   color: red;
   font-style: italic;
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 12px;
   line-height: 1.42857143;
}
.scroleauto
{
    overflow:auto;
}
.btnvalidedoc
{
    padding: 1px 30px !important;
}

.buttonRefuser {
    display: block;
    width: 100%;
    border: none;
    background-color: #f44336;
    color: white;
    padding: 2px 28px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}
.heightpopup
{
    max-height: 800px;
    overflow: auto;
}
.datewidth
{
    min-width:100px;
}

.nav>li>.imguser:hover, .nav>li>.imguser:focus {
    text-decoration: none;
    background-color: #de2b1e;
    height: 35px !important;
    min-height: 35px;
}
.dropdown-menu>li>.usercontent:hover, .imguser>.dropdown-menu>li>.usercontent:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #eee;
}
.nav .open>.imguser, .nav .open>.imguser:hover, .nav .open>.imguser:focus {
    background-color: #eeeeee;
    border-color: #2fa4e7;
    height: 35px !important;
    min-height: 35px;
}
.modal-content-small {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    top: 50%;
    min-height: 135px;
    max-height: 500px;
    overflow: auto;
    min-width: 150px;
    padding: 0;
    border: 1px solid #888;
    width: 25%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}
.modal-content-moy {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    top: 45%;
    min-height: 180px;
    max-height: 500px;
    overflow: auto;
    min-width: 250px;
    padding: 0;
    border: 1px solid #888;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}
.marg-top
{
   padding-bottom: 10px;
}
.btnpopup
{
    float: right;
    margin-top: 20px;
    margin-bottom: 10px;
}
.erreurpopup
{
   top: 35% !important;
   height: 135px !important;
}
.msgerreurpopup
{
    /*margin-top: 25px;*/
    margin-left: 10px;
    font-weight: 700;
}
.filt_reche_liste
{
   width: 95%;
   Height:18px; 
   border-radius:6px;
}
.textconsulter
{
    font-weight: bold; 
    font-size: 10pt;
    color: #E6614F;
    font-family: Verdana;
}
.lableleft
{
  margin-left: -30px;
}
.padding_right
{
    padding-right:15px;
}
.lkconfirm
{
    position: absolute;
    margin-top: -20px;
    margin-left: 120px;
}
.span_font_red
{
    font-weight :bold ;
    font-size:1vw;
    color:#f44336;
}
.classaffectation
{
    width:100% !important;
    font-size: 12px !important; 
    border-radius: 3px !important;
}
.caffectationaddon
{
   min-width: 25px;
}
.caffectationright
{
  margin-right: 45px;
}
.cinfofamille
{
    background-color: #eee !important;
    height: 25px !important;
}
.cplanannule
{
    color:Red;
}
.cplanvalide
{
    color:Blue;
}
.btn-mdanger {
    color: #fff;
    background-color: #ED7F10;
    border-color: #ED7F10;
}
.btn-mdanger.focus, .btn-mdanger:focus {
    color: #fff;
    background-color: rgba(214, 128, 41, 1);
    border-color: rgba(214, 128, 41, 1);
}
.btn-mdanger:hover {
    color: #fff;
    background-color: rgba(214, 128, 41, 1);
    border-color: rgba(214, 128, 41, 1);
}
/*
.ajax__calendar
{
  top: 24 or 38px !important;
}
*/
.date__calendar 
{
  top: 38px !important;
}
.date__calendar_sm 
{
  top: 24px !important;
}
.containerClass .ajax__html_editor_extender_container
 {
   width: 100% !important;
 }
 .ajax__html_editor_extender_container
{
    width: 662px !important;
}
.ajax__html_editor_extender_texteditor ol {
    padding-left: 20px !important;
}
.ajax__html_editor_extender_texteditor ul {
    padding-left: 20px !important;
}
#ctl00_ContentPlaceHolder1_HtmlEditorExtender2_ExtenderContentEditable
{
    height:170px;
}
.cpanelajax
{
   height: 290px !important;
}
#ctl00_ContentPlaceHolder1_HtmlEditorExtender1_ExtenderContentEditable
{
   height:170px;
}
#ctl00_ContentPlaceHolder1_HTMLEditorExtenderText_ExtenderContentEditable
{
   height:170px;  
}
.CAreaText
{
    height:70px !important;
}
.Clegend
{
    width: 660px;
    min-height: 224px;
    margin-left: 30%;
    margin-top: 10%;
}
.hr1
{
    margin-bottom: 5px !important;
    padding-top: 5px;
    border-top: 1px solid #eeeeee;
}
.Popupconge
{
    margin-top: 15%;
    max-height: 500px !important;
}
.Ctaux_gg2
{
    font-size: 15px;
    color: #8e44ad;
    font-weight: bold;
}
.Ctaux_gg4
{
   font-size: 15px;
   color: #46769c;
   font-weight: bold;
}
.input-select
{
    height:60px !important;
}

.input_select{height: 45px !important;}

.Ctextaria
{
    
}
.Ctextaria1{min-height: 61px !important; max-height:300px !important; }
.input-search
{
    height: 19px !important;
}
.addon-search
{
    padding-top: 2px !important;
}
.button_top    
{
  margin-top: 10px;
}
.popup_msg
{
    max-height: 800px;
    margin-top: 40%;
}
.Clegende {
    width: 400px !important;
    min-height: 135px !important;
    margin-left: 30% !important;
    margin-top: 10% !important;
}
 /* The Modal (background) */
.modalLeg {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.CClose
{
   margin-top: -10px;
   color: white;
}
.titre3_orange {
    letter-spacing: 1px !important;
    color: #ffb313;
    font-size: 12pt !important;
    font-weight: bold;
    font-family: arial !important;
    /*text-transform: capitalize;*/
}
.img_indic  {
   width: 96% ! important;
}
.CLblAgenda
{    
    top: 22px;
    font-size: 9pt;
    right: 0;
    bottom: 3px;
    color: white;
}
.CAgendaCenter
{
  text-align: center;
}
.position_dialog
 {
     position:absolute !important;
 }
 .btn-sm1
 {
    height:32px;
 }
 
.width_{width:100%;}
.Cmodal-Autre
 {
   top: -20px;
   min-height: 800px;
   min-width: 740px;
   left: -45px;
 }
 .modalSession 
{
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.Confirmpopup
{
 width: 540px;
 height: 200px;
 margin-left: 30%;
 margin-top: 10%;
}

.prod-default
{font-weight: bold;
    font-size: 2vw;
    color: #1651F7;
    /*margin-left: -80px;*/
    }

.prod-master{   
   font-weight: bold;
    font-size: 1vw;
    color: white;
    /* text-shadow: 2px 2px #8ab3c1; */
    position: absolute;
    margin-top: 40px;
    margin-left: -6%;
}
  @media only screen and (width>1600px)  { .prod-master{    margin-top: 38px;}}
    @media only screen and (width< 1600px)  { .prod-master{    margin-top: 54px;}}
.palet-color
{
    top: 7.5%;
    height: 710px;
    position: absolute;
    z-index:500;
    padding-left: -20px;
    /*margin-right: -30px;*/
    }
.customizer-body-background
{
    background:linear-gradient(141deg, #fff 40%,#29364540 65%, #72849645 75%)
    }
#body
{
    width: 90%;
    height:100%;
    margin-left: 198px;    
    margin-top: 10px;
    background-color: #EDF2F9 ;
    padding-top: 10px;

    }
    @media only screen and (width> 1600px) { 
 #body
  {
      width:94%;
      height:100%}
}
    
    #tooltip {

  display: inline-block;
}

.tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;

  opacity: 1;
  transition: opacity 0.3s;
}

#tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

#tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


 .radioButtonList5 label
 {    
      margin-left: 5px;
      padding-left:15px;
      display:table-cell;
      text-align: left;
      width:325px;
 }



 .radioButtonList label
 {    
      margin-left: 5px;
      padding-left:15px;
      display:table-cell;
      text-align: left;
      width:325px;
 }
 
 .radioButtonList input
 {    
      float: left;      
     
 }

.radioButtonList5 input
 {    
      float: left;      
     
 }
 
    
.c-dropdown {
   float: right;
   position: absolute;
   margin-left: -15px;
   margin-top: 2px;
}
   div.dropdown-multicol{
  width: 30em;
}
div.dropdown-row>a.dropdown-item{
  display:inline-block;
  width: 32%;
}

/* Columns */
div.dropdown-multicol2 {
    width: 600px;
}
div.dropdown-multicol2>div.dropdown-col{
  display:inline-block;
  width: 32%;
}
.JColResizer > tbody > tr > td, 
.JColResizer > tbody > tr > th 
{
  overflow: visible !important;
}
.dropdown {
    margin-left: 10px !important;
}
.dropdown-menu {
    top: auto;
    top: 100% !important;
    margin-bottom: 2px;
    overflow: auto !important;
    min-height: 170px !important;
}
.C-DisplayEntete
{
  font-size: 30px !important;
  cursor: pointer;
  float: right;
  color: white;
}
.C-DisplayEntete:focus {
   outline: unset !important;
   outline-offset: unset !important;
}
.C-DisplayEntete:hover, .C-DisplayEntete:focus {
  color: white !important;
  text-decoration: none !important;
}
.C-DisplayNone
{
  display:none;
}
.C-DisplayBlock
{
  display:block;
}
.C-margin-top-m-10
{
 margin-top: -10px;
}
.textStyle
{
    font-weight: bold;
    font-size: 0.8vw;
    color : Black;
}