body {
    color: #4b4b4b;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px; /* 16px;*/
    line-height: 24px;
    margin:0;
}
input
{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
textarea
{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:13px;
  border: 1px solid #e2e2e;
}   
.btnHidden{display:none;}

h1,h2,h3,h4,h5,h6, p{margin:0;}

a{color:inherit;}
a:hover{text-decoration:none;}
a.button{text-decoration:none;}
.floatLeft{float:left;}
.clear{clear:both;}



.ui-multiselect{border: 1px solid #e2e2e2;height:24px; line-height:24px;color:#474747 ;padding:0 !important; background:#fff;border-radius:0 !important;}
    .ui-multiselect span.ui-icon {
    margin-top:6px !important;}

.listbox, select{
    border-radius: 3px;
    color: #4b4b4b;
    border:1px solid #909090;
    transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    padding:4px 6px;}

.button {
  border: 0 none;
  padding: 6px 10px;
  text-transform: uppercase;
   background-color:#f49813;
  color:#fff;
  border-radius:3px;
  cursor:pointer;
}

.button:hover{background-color:#d78816;color:#fff;}

.btn_action{  background: #FFFFFF url(../images/arrow-down.png) no-repeat right center;
    border: 1px solid #dce0e6;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 13px;
    height: 20px;
    line-height: 1.42857;
    padding: 4px 20px 0px 8px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
   margin-bottom:2px;text-decoration:none;}

.zip_btn{background:#eee url(../images/smallicons-zip.png) no-repeat left center; padding-left:20px;color:black;}
.powerpoint_btn{background:#eee url(../images/smallicons-powerpoint.png) no-repeat left center; padding-left:20px;color:black;}
.raz_btn{background:#eee url(../images/smallicons-raz.png) no-repeat left center; padding-left:20px;color:black;}
.excel_btn{background:#eee url(../images/smallicons-excel.png) no-repeat left center; padding-left:20px;color:black;}
.pdf_btn{background:#eee url(../images/smallicons-pdf.png) no-repeat left center; padding-left:20px;color:black;}
fieldset{border:1px dotted #6C7880;}
.btn_delete{background-color:#e8524e;}
        
/*******************PAGE LOGIN*******************/
.bg_login{}
.pg_login{
  max-width: 1120px;margin:0 auto;
}
.pg_login .logo { margin:0 auto; display:table;}
.pg_login .logo img{display:table-cell;vertical-align:middle}
.pg_login .logo p{display:table-cell;color:#f49813;letter-spacing: 1px;    text-transform: uppercase;font-size:0.875em;line-height:18px;}

.pg_login h1{font-family: 'Architects Daughter', cursive;text-align:center; color:#fff;font-size:3.375em; line-height:58px;margin-bottom:25px;font-weight:normal;}

.pg_login .image_login {
  background: rgba(0, 0, 0, 0) url("../images/Photo--GLASSTEC--FIVES--02.jpg") no-repeat scroll 0 0 / cover ;
  min-height: 350px;
  padding: 25px;
  position: relative;
}.pg_login .image_login img{width:100%;}
.pg_login .contenu_login {
  background: #fff none repeat scroll 0 0;
  border-radius: 3px;
  display: table;
  margin: 0 auto;
  padding: 1% 2%;
  width: 80%;
  position: absolute;
  bottom: 30px;
  left: 8%;
}
    .pg_login .contenu_login p {
    display:table-cell;}
.pg_login .contenu_login .titre {
  color: #f49813;
  font-size: 1.125em;
}
.pg_login .contenu_login .label{color: #717275;   padding-bottom:5px;}


.pg_login .text_login{
  border: 1px solid #909090;
  border-radius: 3px;
  color: #4b4b4b;
  padding: 25px;
  margin-top:-20px;
}
.pg_login .text_login .add-on {
background-color:#fead00;color:#fff; height:32px; line-height:32px; display:inline-block; text-align:center; width:8%;
}
.div_button {
text-align:right;}

.textbox{
    border-radius: 3px;
    box-shadow: none;
    color: #4b4b4b;
    font-weight: inherit;
    height: 20px;
    line-height: 20px;
    position: relative;
    border:1px solid #909090;
    transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    padding:4px 6px;
}
/******************PAGE DE VALIDATION DE COMPTE********/
.pg_login.registration
{
  width:500px;
  margin-left:-250px;margin-top:-250px;
}
.text_login.registration
{
  width:450px;
  margin-left:20px;
}

#main-menu {
  border: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  width: auto;
  z-index: 9999;
}
	  #main-menu ul {
		  width:12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
	  }
    #main-menu li a {
    color:#4d4d4d;text-transform:uppercase;letter-spacing:1px;padding:0 36px;transform: translate3d(0px, 0px, 0px);
    transition: all 0.15s ease-in-out 0s;line-height:60px;}
        #main-menu li a:hover {
        background:none !important;}

    #main-menu li a::after {
  background: #f49813 none repeat scroll 0 0;
  bottom: 2px;
  content: "";
  height: 1px;
  left: 10px;
  opacity: 0;
  position: absolute;
  right: 10px;
  transform: translateY(-10px);
  transition: height 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
        #main-menu li a:hover::after {
        height:2px; opacity:1; transform:translateY(0px)}
#main-menu li.logo {
  padding: 25px 80px;
}
#main-menu li.logo img {
  position: absolute;
  top: -20px;
  max-width:150px;
  left:0;
}
    #main-menu li.logo a:hover {
    background:none;}
    /* Scroll to fixed menu*/
    
    #stickyheader 
    {
      width: 100%;
      height: 40px;
      position:fixed;
      z-index:99;
    }
    #stickyalias 
    {
      display: none;
      height: 10px;
    }
    #unstickyheader 
    {
      /*margin-bottom: 15px;*/
      position:absolute;top:0; left:0;
    }
    .menu_right{float:right;top:-45px;position:relative;padding-right:30px;}
    .menu_right a img{vertical-align:middle; padding:0 0 0 10px;}
 /*.menu_right a{text-decoration:none;}*/
 
    
#popupContent{padding:10px 10px 10px 10px; }

.section-header-popup {
  clear: both;
  padding-left: 70px;
  /*padding-top: 10px;*/
  padding-bottom: 10px;
}
.section-header-popup h1.pageTitle {
  font-weight: normal;
  /*padding: 15px 0;*/
  color:#f49813;
  /*font-family: 'Architects Daughter', cursive;*/
}

.section-header {
  clear: both;
  padding-left: 70px;
  padding-top: 70px;
}
.section-header h1.pageTitle {
  font-weight: normal;
  margin-left: 125px;
  padding: 15px 0;
  color:#f49813;
  /*font-family: 'Architects Daughter', cursive;*/
}
.section-header h1.pageTitle img{vertical-align:middle;}
.section-header .pageButton {
  position: absolute;
  right: 30px;
  top: 85px;
}
/*****************PRODUCT LIST***********************************************************/
.content {
display:table; width:100%; border-collapse:separate; border-spacing:30px;}
.searchPanel {
  background: #eee none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  color: #4b4b4b;
  font-size: 0.825em;
  margin: 0 30px 0 30px ;
  padding: 25px;
  position: relative;
  transition: all 0.15s ease-in-out 0s;
}
.searchPanel p {display:inline;

}
.nb_clients {
height:20px; color:#f49813; font-size:24px; line-height:28px; margin-bottom:25px;text-align:center;}
#listPanel
  {
  	float:left;
  	width:330px;
  	/*border:solid 1px #dce0e6;*/
  	height:1000px;
  } 
  
#listPanel h2,  h2.bandeau_titre{background-color:#363e55; color:#fff; font-size:14px;text-align:center;line-height:30px;margin-bottom:2px;}

#detailPanel{margin-left:350px;}
.tab_detail_product td{border:1px solid #ddd;}
.tab_detail_product td table td{border:0px solid #fff;}
.tab_detail_product p{padding-bottom:5px;color:#6c7880;}
.tab_detail_product p span{ color:#363e55; font-weight:bold;}
.tab_detail_product .simple_text{font-weight:normal;}

.btn_lang{float:right;margin-top:-32px}
.btn_lang .Actif{opacity : 1}
.btn_lang .Inactif{opacity : 0.5}
.btn_lang .Actif:hover,.btn_lang .Inactif:hover{opacity:0.8;}

/*.bloc_jury td{ border:1px solid #007F5E;}*/
.bloc_jury td table td{border:0px solid #fff;}
.bloc_jury h2.bandeau_titre{background-color:#007F5E;}

.bloc_prestataire td{ border:1px solid #007B7F;}
.bloc_prestataire td table td{border:0px solid #fff;}
.bloc_prestataire h2.bandeau_titre{background-color:#007B7F;}

  #scrollbox{   
    width:100%;   
    height:1500px;    
    overflow:auto; 
    overflow-x:hidden;   
  } 
  .thumbnail
  {
    width:310px;
    height:85px;
    border:solid 1px #dddddd;
    margin:1px;
    float:left;
    /*text-align:center;*/
    cursor:pointer;
  }
  .active
  {
  	background-color:#eee;
  }
  .thumbnail label
  {
  	height:25px;
  	font-size:14px;
  }
  .thumbnail p
  {
    margin:2px;
  	font-size:10px;
    text-align:left;
  }
.thumbnail .numero
{
  float:left;
  font-size:14px;
}
.thumbnail .name
{
  float:left;
  font-size:14px;
  margin-left:10px;
  width: 220px;
  overflow:hidden;
}

.thumbnail .icons
{
  float:left;
  margin-left:2px;
  width: 45px;
  padding:2px;
}

#searchBar
{
  width:100%;
  float:left;
  margin:2px;
  padding:2px;
  background-color:#eee;
}

/* Formulaires*/
.topBar
{
  padding:3px;
  background-color:#888888;
  height:25px;
  width:98%;
  font-weight:bold;
}
.bodyBar
{
  background-color:#dce0e6;
  width:98%;
  padding:3px;
  padding-bottom:10px;
}
.bottomBar
{
  width:98%;
  padding:3px;
  padding-bottom:10px;
}

.ui-widget.ui-widget-content {
  border: 0 none;
}
.ui-tabs {
  padding:0;
}
.ui-tabs .ui-tabs-nav {
  background: #eee ;
  border: 0 none;
  margin: 0;
  padding: 0;
  border-radius:0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: #f49813 none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #fff;
  font-weight: normal;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a.ui-button:link, a.ui-button:visited, .ui-button {
  color: #fff;
  text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #f49813;
  font-weight: normal;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #f49813;
  font-weight:bold;

}
.ui-widget-content {
  color: #4b4b4b;
}
/* Evite la barre blanche à l'affichage des jquery dialog */
/* override jquery ui overlay style */
.ui-widget-overlay {
    background-image: none !important; /* FF fix */
    background: #000 url(images/new-ui-overlay.png) 50% 50% repeat-x;
    opacity: .3;
}

/* Highlighted rows, borders http://www.red-team-design.com/wp-content/uploads/2011/10/practical-css3-tables-with-rounded-corners-demo.html */
table {
border-spacing: 0;
/*width: 100%;*/
}
.bordered {
    border: 0;
}
    .bordered:hover {
        cursor: pointer;
    }
.bordered tr:hover {
    background: none repeat scroll 0 0 #eee;
    transition: all 0.1s ease-in-out 0s;
}
.bordered td, .bordered th {
  padding: 5px 2px;
  border-bottom: 1px dotted #ccc;
}
.bordered th {
    background-color: #4b4b4b;
    border-top: medium none;
    color:#fff;
}
.bordered td:first-child, .bordered th:first-child {
    border-left: medium none;
}
.bordered th:first-child {

}

.bordered th a
{
  text-decoration:none;
  color: #fff;
}
/* Highlighted rows, borders */

/* DatePicker  */
.ui-datepicker
{
  font-size:12px;
}

.clear{clear:both;}

/*Style des image button  */
.btnImageButton{background-repeat:no-repeat;background-color:transparent;border:0;cursor:pointer;}
.imgDelete{background-image:url(../images/trash-red.svg);width:16px;height:16px;}
.imgSearch{background-image:url(../images/loupe.png);width:20px;height:16px;}
.imgRenew{background-image:url(../images/renew.png);width:20px; height:20px;}
.imgDeleteLogo{background-image:url(../images/trash-red.svg);}
.btnEdit{background-image:url(../images/magnifier.svg);}

#main .fotorama__caption__wrap{background-color:#eee; width:100%}

.bordered tr.Pager table td span {
  border-radius: 3px;
  color: #4b4b4b;
  padding: 3px 6px;
}
.bordered tr.Pager table td a {
  background: #f49813;
  border-radius: 3px;
  color: #fff;
  padding: 3px 6px;
  text-decoration:none;
}
    .bordered tr.Pager table td a:hover {
    background:#d78816;}
.bordered tr.Pager td {
border:0;}
#leftPanel
{
  width:20%;
  float:left;
}
#leftContainer
{
  float:left;
  width:90%;
  border:solid 1px #eee;
  margin-bottom:5px;
  padding:5px;
}
/*#leftContainer li{list-style:square;padding:2px;}
#leftContainer ul{margin: 0;padding: 0;}*/

#handle
{
  width:5px;
  background-color:#aaaaaa;
  float:right;
  height:100%;
}
#mainPanel
{
  float:left;
  width:80%;
}

.rowStyle
{
  background-color:#dce0e6;
}
.alternatingRowStyle
{
  background-color:#eee;
}

.disabled
{
  background-color:#9fa2a3;
}
.disabledFournisseur
{
  background-color:#C9C9C9;
}

.disabledLabel { background-color:#E3E3E3; }
.fontLabel { background-color:#FFFFFF; }
.fontLabelDisabled { background-color:#E3E3E3; }
.thumbnailLogo { height:35px; }

.divTitreLangue {	width:410px;float:left;margin-left:3px; }

.dashboard_column{float:left; width:32%;margin-right:1%;}
.dashboard_column h2{
    background-color: #363e55;
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 28px;
    margin-bottom: 2px;
    text-align: center;
    text-transform:uppercase;
}
.dashboard_column h3{background-color:#eee;text-align:center; padding:3px;font-weight:400;}
.dashboard_column .bloc_nombres{text-align:center; font-weight:bold; font-size:20px;float:left;border-right:1px dotted #dce0e6; line-height:50px; padding-right:5px;width:50px;}
.dashboard_column .bloc_textes{text-align:center; float:left;padding-left:5px; line-height:50px;}
.dashboard_column .dashboardProduit{margin-top:2px;border:1px solid #dce0e6; padding:3px;}
.dashboard_column .dashboardBouton{margin-top:2px;border:1px solid #dce0e6; padding:10px; text-align:center;height:96px;margin-bottom:2px;}
.dashboard_column .dashboardBouton span{font-style:italic; font-size:12px;}

.pointer{ cursor:pointer;}

.right_tab{color:#666; text-align:right; padding-right:5px;}
.sous-titre{background-color:#eee; text-align:left; font-weight:bold;padding-left:5px;}

.ui-accordion .ui-accordion-content {
    padding: 1em 1.5em;
}

.redstar{color:#D10011;margin-left:2px;font-size:12px;font-weight:bold;}

.lnr.blue {
color:#30a4ed;font-size:1.2em;}

table {
margin-bottom:10px;}

.table1 input, .table1 select {
margin:5px;}
.HeaderStyle {
color:#f49813;}
    .HeaderStyle .textbox, .HeaderStyle select {
    border-color:#f49813;color:#f49813}

/* File Upload */
.progress{
  width:50%;
  margin-top:3px;
}

.smallComment{
  font-size:10px;
}

.progress{
  z-index:2147483647 !important;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -33px; /* make this half your image/element height */
  margin-left: -50px; /* make this half your image/element width */
  text-align:center;
  width:100px;
  height:66px;
  background-color:white;
  border:solid 1px #aaaaaa;
  padding:10px;
  display:none;
}

.sm-simple ul li, .sm-simple-vertical li {border:0}

.listPanel {
  width:600px;
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #909090;
  border-radius: 3px;
  display:table-cell;
  padding: 25px;
  font-size: 0.825em;
}
  .contentPanel{
    display:table-cell;
     /*background: #eee none repeat scroll 0 0;*/
  /*border-radius: 3px;*/
  /*padding: 25px;*/
  font-size: 0.825em;
  color:#fff;
  vertical-align:top;
   
  }
#contentBody {
background: #eee none repeat scroll 0 0;
border-radius: 3px;
padding: 25px;
}
  #contentHeader {
  
  /*margin: 0 0 25px;*/
  text-align: center;
}
#contentHeader h2 {
    font-weight: normal;
    background-color:#f49813;
    padding:10px 5px;
}
#contentBodySalon {
  background: #fff none repeat scroll 0 0;
  border-radius: 3px;
  padding: 25px;
  border: 1px solid #909090;
  color:#4b4b4b;
}
  #ContentPlaceHolder1_grdContacts .textbox{
    width:100px;
  }
  .divTable{

  }
  .divRow{
    clear:both;
    display:flex;
  }
  .divCell{
    float:left;
    padding:2px;
  }
    .divCell:first-child{
    width:100px;
  }

.souligne { text-decoration: underline; }

.logohome{cursor:pointer;}

/*  Couleurs statuts Affaires */

.couleurAffGagne {background-color:lightgreen;}
.couleurAffEtude {background-color:lightblue;}
.couleurAffPerdu {background-color:lightcoral;}

/*  Couleurs statuts Commandes  */

.couleurCommFait {background-color:lightgreen;}
.couleurCommEncours {background-color:lightblue;}
.couleurCommAFaire {background-color:lightcoral;}
.couleurCommADefinir {background-color:lightgray;}

.petiteCase {
  padding:0;
  padding-left:5px;
  padding-right:5px;
  margin:0; 
  font-size:12px;

}

/* Activites */

.ajoutTache {
    float: right;
    background-color: gray
}

.couleurActivite {
    border: 1px solid black;
    height: 20px;
    width: 50px;
}

.activiteHeader {
    display: flex;
    justify-content: space-around;
    padding: 5px;
}

.fileinput-button {
    background: #ffc72c;
    padding: 0.5em 1em;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.fileinput-button input {
    font-size: 14px !important;
        width: 100%;
        height: 100%;

}
button.ui-button {
  outline:none !important;
}