*{ margin:0;  padding:0;}
html{
  overflow-y: scroll;
}
body{
  margin:0;
  padding:0;
  color: #000000;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 14px;
}

a{color:inherit;outline-style:none;}
a img{border:0}
a:hover{ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);  -ms-filter: "alpha(opacity=80)"; filter : alpha(opacity=80);opacity:0.80;}
#header a:hover{ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);  -ms-filter: "alpha(opacity=100)"; filter:alpha(opacity=100);opacity:1; }
h1, h2,h3,h4,h5,h6{ font-family:Helvetica,Arial,sans-serif; }
.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both;}
/***********************LOGIN***********/
.pg_login{ width:600px;  position: absolute; 
    top:50%; 
    left:50%; 
    margin-top:-313px; 
    margin-left:-275px;}
.pg_login h1
{
    background:#000;
    border-radius:5px;
    color:#e1a377;
    font-size:1.45em;
    margin:0 0 12px;
    padding:15px 5px;
    text-align:center;
    } 
    .registration{width:600px;margin-left:-300px;}
.container_login
{
    border: 1px solid #ccc;
    border-radius: 5px;    
    padding: 12px;
    background:url(../images/bg-main.jpg) repeat-y center top;
   
  
    font-size:13px;
    }
    
.container_login .logo
{
    float:left; 
    margin-right:10px;
    }
    

 
.container_login .contenu h2
{
 margin-bottom:10px;
    }
    
.container_login .contenu h2 span
{
   
    color:#007f5e; 
    line-height:30px;  
    text-transform:uppercase; 
   
    }
    
.container_login .contenu dt
{
    clear:both;
    width:130px; 
    font-weight:bold; 
    float:left;
    text-align:right;
    margin-right:5px;
    line-height:30px;
    }
    
.container_login .contenu dd
{
    float:right;
    }
    
.textbox, .grdTextbox
{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    min-height: 30px;
 /*  line-height:30px;*/ 
    overflow: auto;
    padding: 0 3px;
    color: #555555;margin-bottom:2px;
}
.required{border:1px solid #D10011 !important;background-color: #fff  !important;}
.errorNumeric{position:absolute;background-color:#FEDFDF;border:1px solid red;width:150px;padding:2px;border-radius: 3px;}
.textbox:disabled{background-color: #F8F8F8 !important;border:1px solid #CCCCCC !important;}
textarea.textbox{font-size:13px;line-height:20px;}
.listbox
{
   /* border: 1px solid #E2E2E2;
    color: #5B5B5B;
    font-style: italic;
    border-radius: 6px;
    box-shadow: 4px 3px 0 #CDCDCD;
     padding: 3px 12px;
     margin-bottom:7px;margin-right:7px;*/
     background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 12px;
    height: 27px;
    line-height: 1.42857;
    padding: 4px 8px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;margin-bottom:2px;
     
 }
 .listbox option{padding-right:20px;} 
 .listbox:disabled{background-color: #F8F8F8 !important;border:1px solid #CCCCCC !important;} 
.datebox, .unitBox, .valueBox{display:inline; width:auto;} 
 
#main .chosen-container-multi .chosen-choices{border: 1px solid #CCCCCC; border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;margin-bottom:2px;}
.chosen-choices .disabled{background-color: #F8F8F8 !important;border:1px solid #CCCCCC !important;}
.chosen-disabled .chosen-choices{background-color: #F8F8F8 !important;border:1px solid #CCCCCC !important;}
.button
{
    /*background: none repeat scroll 0 0 #95e691;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #D2D2D2;
    border-radius: 6px;
    box-shadow: 4px 3px 0 #CDCDCD;
    display: inline-block;
    padding: 3px 12px;*/
    background-color : #000000;
    border: medium none;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);
    color: #e1a377;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    text-decoration: none;
    display: inline-block;
    padding: 0px 12px;
    font-weight:bold;
    cursor:pointer;
    }
.noHelpLabel{margin-left:20px;position:relative;}
.button:hover
{    
   background: #e1a377; color:#000;
}

.aspNetDisabled, .aspNetDisabled:hover
{    
   background-color : #888888;
   color: #e1a377;
   /*cursor:wait;*/
} 
.button:disabled
{ 
	background-color : #888888;
   color: #e1a377;
   /*cursor:wait;*/
}
.button:disabled:hover
{
  background-color : #888888;
  color: #e1a377;
}
    
.button_line{text-align:right;}
.link_button
{
    background:#fff; 
    padding-left:20px; 
    font-size:14px;
    border:0;
    cursor:pointer;height:18px; }    
    
.link_button:hover{text-decoration:underline}
.btn_add{ background:#fff url(../images/icon_more.png) no-repeat left center; color:#00346b;  }
.btn_delete{ background:#fff url(../images/delete_icon.png) no-repeat left center; color:#d3031c;  }
.btnImageButton{background-repeat:no-repeat;background-color:transparent;border:0;cursor:pointer;}
.imgSmallDelete{background-image:url(../images/smallicons-delete.png);width:24px; height:16px;}

.checkbox_line, .radiobutton_line{/*background-color:#eee; padding:5px 10px;box-shadow: 4px 3px 0 #CDCDCD;border-radius: 6px; margin-bottom:7px;*/ 
                background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    overflow: auto;
    padding: 5px 3px;
    color: #555555;margin-bottom:2px;}
.checkbox label{margin-left:5px;margin-right:20px;}
.radiobutton label{margin-left:5px;margin-right:20px;}
.checkbox_line .imgCategorie{float:right;padding-top:2px; padding-right:5px;}
.disabled{background-color: #F8F8F8 !important;border:1px solid #CCCCCC !important;}
.radiobutton label{margin-left:5px;margin-right:20px;}
.btn_right{float:right; margin-top:-10px;}

.btn_action{  background: #FFFFFF url(../images/arrow-down.png) no-repeat right center;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 13px;
    height: 22px;
    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;}
   
#main .menu ul.dropit-submenu {border: 1px solid #CCCCCC;  border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555; font-size: 13px;margin-top:2px;} 
#main .menu ul.dropit-submenu a{font-size: 13px;color:#555} 
/*******************************************************************************************************/
    
#page
{
  margin:0 auto;
  width:940px;
}

.box_shadow{background:url(../images/box_shadow.png) no-repeat center bottom; padding-bottom:22px;}



/*#header{background:url(../images/bg-bandeau.jpg) no-repeat center top;height:200px;}*/
#header {height:200px;}
#header .logo-sial-innovation{padding:15px; width:170px;}
#header .text-plateform{border-left:5px solid #e1a377; padding:0 15px;margin:15px 0;font-size:30px;/*width:300px;*/}
#header .Welcome{border-left:5px solid #007f5e;  padding:0 15px;color:#007f5e; font-size:16px;}
#header .Welcome #lblNomExposant{background-color:#fff;}

/*#header .logo-sial-salon{width:208px;} A REMETTRE POUR FOND DE LOGO*/
/*#header .logo-sial-salon{width:420px;background:url(../images/sial-paris-logo.jpg) no-repeat left center}*/ /*A REMETTRE POUR FOND DE LOGO*/

#header .logo-sial-salon img{border:5px solid #CCCCCC;}

ul#menu{background-color:#000; height:30px;padding:0 10px;}
ul#menu li{float:left; list-style:none; text-transform:uppercase;line-height:30px; text-shadow:1px 1px 0 #000000, 1px 2px 0 #555555;}

ul#menu li a{color:#fff;text-decoration:none; padding:8px 8px 12px 8px;}
ul#menu li a:hover,ul#menu li.active{background:#e1a377 url(../images/arrow.png) no-repeat bottom center; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);  -ms-filter: "alpha(opacity=100)";filter : alpha(opacity=100);opacity:1;}
ul#menu li.first,ul#menu li.last{min-width:30px;font-size:18px;}
ul#menu li.first a,ul#menu li.last a{ padding-bottom:8px;}

#main{padding:15px;background:/*url(../images/bg-main.jpg) repeat-y top center*/#f3f3f3; }

ul#menu li a.alertNoProduct
{
  color:#888888 !important;
}
ul#menu li a.alertNoProduct:hover{background:#666;}
.bloc_dashboard .content .newProduct a.alertNoProduct, a.alertEnd
{
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);  -ms-filter: "alpha(opacity=10)";filter : alpha(opacity=10);opacity:0.1;}
.bloc_dashboard .content .newProduct a.alertNoProduct:hover
{
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);  -ms-filter: "alpha(opacity=20)";filter : alpha(opacity=20);opacity:0.2;color:#555;}

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

#main h1{font-size:18px;color: #007F5E;line-height: 1.4;
    margin-bottom: 0.5em;
    text-transform: uppercase;border-bottom:2px solid #ccc;}
#main h1 .product_name{font-size:14px; text-transform:capitalize; color:#000;}
.grdProducts{width:100%;}   
.grdProducts th{line-height:30px; border:1px solid #ccc;background-color: #E3E3E3;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0) 100%);
    background-position: 50% 50%;font-size:13px;} 
.grdProducts td {line-height:20px; border:1px solid #ccc;padding:5px;text-align:center;background-color:#fff;} 
.grdProducts .th_first { border-radius: 10px 0 0 0;}
.grdProducts .th_last {  border-radius:  0  10px 0 0;}

#main.main_modif h1{float:left;}

#main .udpVarietes{/*width:100%;height:400px;overflow:auto;*/}
#main .udpVarietes fieldset{ border:1px dotted #e1a377; margin-bottom:10px;padding:5px;}
#main .udpVarietes fieldset legend{font-weight:bold; color:#e1a377;padding:2px 10px;background-color:#fff;}
#main .udpVarietes fieldset .photo{border-left:3px solid #e1a377;padding-left:5px;}
#main .udpVarietes fieldset .photo .commentaire{color:#555; font-style:italic;}

#main #divDocuments{/*width:100%;height:400px;overflow:auto;*/}
#main #divDocuments fieldset{ border:1px dotted #e1a377; margin-bottom:10px;padding:5px;}
#main #divDocuments fieldset legend{font-weight:bold; color:#e1a377;padding:2px 10px;background-color:#fff;}
/*#main #divDocuments fieldset .photo{border-left:3px solid #e1a377;padding-left:5px;}*/
#main #divDocuments fieldset .commentaire{color:#555; font-style:italic;}
/*#divDocuments .td_left{width:210px;}*/
/*#main, #mainHeader, #mainMenu
{
  position:relative;
  
  margin:auto;
}
#headerContent h1{float:left;}
#mainContent
{
	padding-top:45px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
  height:1000px;
}
h1.pageTitle{font-size: 20px;padding-top:5px;padding-bottom:10px;color:#d45f19}

#pageButton
{
  float:right;
  padding-top:5px;
  padding-bottom:10px;
}

.title
{
  font-size: 20px;
  padding-top:5px;
  padding-bottom:10px;
  float:left;
}
*/
.btnHidden{display:none;}

/* 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;
}
#main .ajax__tab_xp .ajax__tab_body{border:0;}

#main .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer{background:#fff; border:0;  margin-bottom:-1px;border-radius: 5px 5px 0 0;margin:0 2px 0 0; }
#main .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner,
#main .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab,
#main .ajax__tab_xp .ajax__tab_header .ajax__tab_tab,
#main .ajax__tab_xp .ajax__tab_header .ajax__tab_outer,
#main .ajax__tab_xp .ajax__tab_header .ajax__tab_inner,
#main .ajax__tab_xp .ajax__tab_header
{background:none;}

#main .ajax__tab_panel
{min-height:300px;}

#main .ajax__tab_xp .ajax__tab_header,#main .ajax__tab_xp .ajax__tab_body{ /*height:43px;*/}
#main .ajax__tab_xp .ajax__tab_header .ajax__tab_outer{height:46px;padding-right:0;}
#main .ajax__tab_xp .ajax__tab_header .ajax__tab_inner{background-color:#ccc;border:0;margin:0 2px 0 0;border-radius: 5px 5px 0 0; }
#main .ajax__tab_xp .ajax__tab_header .ajax__tab_tab{line-height:35px;height:35px;text-transform:uppercase;}
#main .ajax__tab_active a{color:#000;}
#main .ajax__tab_default .ajax__tab_tab{text-align:left; text-transform:uppercase;}
.td_left{text-align:left; padding-right:5px;padding-bottom: 10px;color:#666;height:26px;width:250px;}
.td_right{text-align:right; padding-right:5px;height:26px;}
.contact{padding-right:20px;}
td.contact
{
  width:135px;
}
.smallComment
{
    color: #666;
    font-size:11px;
}

    
.important_text{float:left;}
.dropit{float:right;margin-bottom:5px;}
.dropit .dropit-submenu{left:auto; right:0;}

#main .menu ul.dropit-submenu a{text-decoration:none;}
#main .menu ul.dropit-submenu a:hover{background-color:#e1a377;color:#000;}
    
    
.divCoordonnees{margin-right:15px; width:45%; padding:10px; border-left:1px dotted #e1a377;} 
    
.legend_icon{margin:5px 0; text-align:center; font-size:12px; color:#555;}
.legend_icon img{margin-right:5px;}
    
.container{background-color:#fff;padding:15px;}  

.container h2{color:#e1a377; font-size:15px;margin-bottom:5px;}  
.container .text{font-size:13px;text-align:justify;}
.container .link {margin-top:5px;font-size:13px;}
.container .link a{color:#d3031c;}
.container hr{border:0; border-bottom:1px dotted #e1a377; margin:15px 0;}

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

.bargraph-background
{
	width:50px;
	height:13px;
	background-color:#D10011;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
}
.bargraph
{
	height:13px;
	background-color:#007F5E;
	border-radius: 5px;
}

.infoPourcentage{color:#fff; margin-top:-17px; font-size:10px; font-weight:bold;display:block;}

.leftSide{float:left;width:63%;background-color:#fff;padding:10px; text-align:center;}
.rightSide{float:right;width:30%;padding:10px;background-color:#fff;text-align:center;}
.leftSide .texte, .rightSide .texte{height:100px;text-align:left;}
.leftSide img, .rightSide img{border:1px solid #ccc;}

.leftSide h2, .rightSide h2{color: #555;    font-size: 15px;   border:2px solid #E1A377;text-align:center;line-height:2em;    text-transform: uppercase;}

.bloc_dashboard{width:36%;float:left; margin-right:2%; }
.bloc_dashboard h2{
    background-color: #E3E3E3;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0) 100%);
    background-position: 50% 50%;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    line-height: 30px;text-align:center;
}
.bloc_dashboard .content{ background-color:#fff;border:1px solid #ccc;border-top:none; padding:10px;min-height:361px;}
.bloc_dashboard .content .newProduct{border:1px dotted #ccc; padding:5px;margin-bottom:5px;}
.bloc_dashboard .content .newProduct img{border-right:1px dotted #ccc; float:left;margin-right:10px; padding:17px 0;}
.bloc_dashboard .content  h3.newProduct{text-transform:uppercase;font-size:18px;vertical-align:middle;color:#555;}
.bloc_dashboard .content .newProduct a{text-decoration:none;}
.bloc_dashboard .content .newProduct a:hover{color:#f6c100;}
.bloc_dashboard .content  h3.newProduct span{padding-top:10px;}
.bloc_dashboard .content .nbProduct{border:1px dotted #ccc; padding:5px;margin-bottom:5px;}
.bloc_dashboard .content .nbProduct .number{width:76px;color:#ccc; font-size:50px;border-right:1px dotted #ccc; float:left;margin-right:10px; text-align:center;}
.bloc_dashboard .content .nbProduct .text{color:#555; font-size:18px;padding-top:9px;}

.bloc_dashboard .content .messages{border:1px dotted #ccc; padding:5px;margin-bottom:5px;}
.bloc_dashboard .content .messages .number{width:76px;color:#ccc; font-size:50px;border-right:1px dotted #ccc; float:left;margin-right:10px; text-align:center;}
.bloc_dashboard .content .messages .number .text_info{font-size:14px;}

.bloc_dashboard.informations{width:24%;margin-right:0;}
.bloc_dashboard.informations .content .info{border:1px dotted #ccc; padding:5px;margin-bottom:5px;font-size:18px; font-weight:bold; text-transform:uppercase;}
.bloc_dashboard.informations .content .info img{margin-bottom:5px;}
.bloc_dashboard.informations .content .info a{text-decoration:none; color:#555;}
.bloc_dashboard.informations .content .help{border:1px dotted #ccc; padding:5px;margin-bottom:5px;font-size:15px; text-align:center;}
.bloc_dashboard.informations .content .help .number{text-align:center; border-bottom:1px dotted #ccc; }

.bloc_dashboard .content li{margin-bottom:10px;}
.bloc_dashboard .content .nbProduct .prime{color:#FF6900;font-weight:bold;}

.bloc_dashboard .click_validate{ font-size: 12px;color: #95D600;font-weight: bold;text-decoration:none;margin-top:5px;}

.btnSuite{float:right;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 15px;
    line-height: 1.42857;
    margin-bottom: 2px;
    padding: 8px 16px;
    text-decoration: none;
    text-align:center;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;cursor:pointer;}
.btnSuite:hover{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);  -ms-filter: "alpha(opacity=80)";filter : alpha(opacity=80);opacity:0.8;border:1px solid #94d63b; color:#4b911c}


.titreRecapRose{color: #E1A377;    font-weight: bold;margin-bottom:10px;font-size:18px;}

.recap_table th {
    background-color: #E3E3E3;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0) 100%);
    background-position: 50% 50%;
    border: 1px solid #CCCCCC;
    font-size: 13px;
    line-height: 20px;
    text-align:left;padding:2px 5px;
}
.recap_table th img {float:right; cursor:pointer;}
.recap_table th img:hover {filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);  -ms-filter: "alpha(opacity=80)";filter : alpha(opacity=80);opacity:0.8}
.recap_table td {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-top: none;
    line-height: 20px;
    padding: 5px;
    text-align: left;
}
.recap_table .variantes td{border:0;}
.recap_table .variantes td.titre_variante{border-right:1px solid #ccc; color:#E1A377; font-weight:bold;}
.recap_table .variantes td table td{border-bottom:1px dotted #E1A377;}
.recap_table .variantes td table td.title{border-right:1px dotted #E1A377;}

ul.text{margin-left:10px;}
.dates{font-weight:bold; color:#D10011;}
.dates_textes{font-style:italic; color:#555;}
.help .texteInfo{font-size:15px; color:#555;}

#box_help{position:absolute;top:0px;width:940px;height:800px;background-color:#CCCCCC;/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);  -ms-filter: "alpha(opacity=90)";filter : alpha(opacity=90);opacity:0.9;*/display:none;z-index:100;}
#helpHeader{background-color:#555;line-height:30px;text-align:right;}
.LeftArrow{float:left;width:5%;margin-top:225px;text-align:center;}
.RightArrow{float:left;width:5%;margin-top:225px;text-align:center;}
.SlideContent{margin-top:10px;float:left;width:90%;}
.SlideContent h1 {
    border-bottom: 2px solid #555;
    color:#555;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    margin-left: 10px;
}
.SlideContent .text ul{font-size:18px;margin-left:20px;}
.SlideContent .text{float:left;width:560px;}
.SlideContent .floatRight{float:right;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);  -ms-filter: "alpha(opacity=100)";filter : alpha(opacity=100);opacity:1;}

.SlideContent .text span{font-size:14px; font-style:italic;}

/*.cgv{text-decoration:underline;}*/

input[type=image]:hover {filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);  -ms-filter: "alpha(opacity=80)";filter : alpha(opacity=80);opacity:0.8}

.ui-widget{   font-size: 14px;}

.consigne
{
    margin-top:40px;
    margin-bottom:10px;
    width:580px;
    text-align:left;
}

.Welcome {
  background: #eee;
  padding: 5px 15px;
  background-color: #fff;
  color: #000;
  opacity: 0.8;
  font-size: 18px;
  position: absolute;
  bottom: 0;
  right: 0;
}
  .Welcome span
  {
  opacity:1;}


.lnr-pencil
{
  cursor:pointer;
}