/* Feuille de style des pages ODS_SV */
/**************
	ELEMENTS
***************/
html {
    overflow:hidden;
}

input::-ms-clear {
  width : 0;
  height: 0;
}

body {
  background-color:#555555;
  font-family: Verdana,Tahoma,Arial;
  font-size: 8pt;
  color: black;
  margin: 0;
  padding: 0;
  
  /*scrollbar-arrow-color: #FFFFFF;
  scrollbar-3dlight-color: #c59bcc;
  scrollbar-highlight-color: #c59bcc;
  scrollbar-face-color: #996d9e;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-darkshadow-color: #c59bcc;
  scrollbar-track-color: #c59bcc;*/
}

img {
	border: none;
}

textarea {  
  font-family: Verdana,Tahoma,Arial;
  font-size: 8pt;
  resize: none;
 }

td {
	font-family: Verdana,Tahoma,Arial;
	font-size: 8pt;	
}

select {
	font-size : 11px;
	font-family: Verdana,Tahoma,Arial;
}

input {
	font-size : 12px;
	font-family: Verdana,Tahoma,Arial;
}

legend {
	font-family: Verdana,Tahoma,Arial;
	font-size: 13px;
	font-weight: bold;
	color: #996D9E;
}

.lienPopupACS{
    font-family: Verdana,Tahoma,Arial;
	font-size: 11px;
	font-weight: bold;
	color: #996D9E;
	text-decoration: underline;
	cursor: pointer;
}

.lienPopupACS:hover
{
    background-color: #CCDDEE;
}

/* conteneur global de l'application */

.conteneur_cache {
	/*visibility:hidden;*/
}

.conteneur {
    background-color: #ffffff;
    width: 990px;
    height: 740px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.conteneursv {
    background-color:#ffffff;
    width:990px;
    height:740px;
}

.conteneurPopup {
    background-color:#ffffff;
}

/* loading general de l'application */

.waitloaded_hidden {
    display: none;
}

.waitloaded_show {
    display: block;
}


.waitloaded
{
    position:absolute;
    width:100%;
    height:100%;
    z-index:100000;
    background-image:url(../Images/transparent.gif);
    cursor:wait;
}

.loader {
	float:right;
	width:120px;
	background:#FFFFFF url(../Images/loading.gif) top right no-repeat;
	border:solid 1px black;
	font-size:10px;
	line-height:35px;
	color:#35BCBA;
}

/*****************
  ID des éléments
******************/

#tablogin 
{
	width: 300px;
	height: 250px;
	background-position: left top;
	background-image: url(../Images/MOD0/login.gif);
	background-repeat: no-repeat;
	color: white;
}
#tablogin td
{
	padding-left: 10px;
	padding-right: 10px;
}

#top
{
	height: 45px;
	color: #FFFFFF;
	background-position: left top;
	background-image: url(../Images/MOD0/BG_Top.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
}


/****************
      CLASS
*****************/
.MenuPrincipal
{
	background-position: left top;
	background-image: url(../Images/CLIENT/MenuPrincipal/BG_MenuPrincipal.png);
	background-repeat: repeat-x;
}

.TitrePrincipal
{
	height: 45px;
	color: #FFFFFF;
	background-position: left top;
	background-image: url(../Images/CLIENT/TitrePrincipal/BG_TitrePrincipal.png);
	background-repeat: no-repeat;
	padding-top: 10px;
}

.label 
{
	font-family: Verdana,Tahoma,Arial;
	font-size: 13px;
	font-weight: bold;
	color: #4A4A4A;
}

.labelRequired
{
	font-family: Verdana,Tahoma,Arial;
	font-size: 13px;
	font-weight: bold;
	color: black;
}

.sousLabel 
{
	font-family: Verdana,Tahoma,Arial;
	font-size: 13px;
	font-weight: normal;
	color: #4A4A4A;
}

/* fin new style OLM */
.tableau
{
	background-color: #ccccff;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.tableau td
{
	border: 1px solid white;
	margin: 0;
	padding: 0;
}

.non_TP
{
	background-color : #D9D9D9;
}

.tab
{
	background-color: #F2F0DB;
	margin: 0;
	padding: 0;
}

.Titre_Bloc
{
	color: #FFFFFF;
	background-position: left top;
	background-image: url(../Images/MOD1/BG_SsTitre_MOD1.gif);
	background-repeat: repeat-x;
}

.Bloc
{
	padding: 5px;
	background-color: #F2F0DB;	
	width: 100%;
	margin: 0;
}
.TBloc
{
	color: #FFFFFF;
	background-position: left top;
	background-image: url(../Images/CLIENT/BG_BLOC.png);
	background-repeat: repeat-x;
	width: 100%;
	margin-top: 5px;
	line-height: 20px;	
}
.TBloc_sans_degrade
{
	color: #FFFFFF;
	background-position: left top;
	background-color: #7f7f7f;
	width: 100%;
	margin-top: 5px;
	line-height: 20px;	
}
.SepareBloc
{
	padding-top: 5px;	
}

.LinkImg {
	cursor : hand;
}

.Titre {
	font-family: Verdana,Tahoma,Arial;
	font-size: 20px;
	color: #FFFFFF;
}

.LabelSmall {
	font-family: Verdana,Tahoma,Arial;
	font-size: 11px;
	color: #515151;
}

.TextRight {
	text-align: right;
}

.TextRight_CouleurFond	/* Pour appliquer à un TextBox qui semblera transparent... */
{
	text-align: right;
	background-color: #ccccff;
}


.fc_required {
	/*color : #970200;*/
	color : #000
} 

.bg_required {
	background-color : #FFFFB0;
}

.bg_norequired {
	background-color : #DADADA;
}

.LabelMiddle_orange
{
	font-family: Verdana,Tahoma,Arial;
	font-size: 11px;
	color: #996D9E;
}

.LabelMiddle13_orange {
	font-family: Lato,Tahoma,Arial;
	font-size: 12px;
	color: #996D9E;
}

.enteteTableau {
	background-color: #996D9E;
	border-color: #000000;
	color: #FFFFFF;
}

a.enteteTableau2 {
    font-weight:bold;
    color:#ffffff;
    text-decoration:underline;
}

.highlight
{
	background-color: #cc99cc;
}

.alert
{
	text-align: center;
    font-weight: bold;
    color: #FD0303;
}

.warning
{
	text-align: center;
    font-weight: bold;
    color: #FD5303;
}

#barre_boutton
{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

.border_inset
{
	border: 1px inset;
}

/*****************************
 CLASS pour le Positionnement
******************************/
.img_middle
{
	vertical-align: middle;
}

.left
{
	float: left;
}

.center
{
	text-align: center;
}

.right
{
    float: right;
}

/*param*/
.legende
{
	width: 200px;
	float: left;
	margin-right: 10px;
}

.ligne2px
{
	margin-top: 2px;
}

.ligne3px
{
	margin-top: 3px;
}

.ligne5px
{
	margin-top: 5px;
	/*height: 5px;*/
}

.ligne7px
{
	margin-top: 7px;
}

.ligne10px
{
	margin-top: 10px;
}

/*concept*/
.listouinon
{
	width: 60px;
}


/*****************************
   CLASS pour CONTROL SERVER
******************************/

/* JUX_ListBox */
.JUX_ListBox_Selected
{
	background-color: #522F57;
	color: White;
	cursor:default;
}

.JUX_ListBox_Default0
{
	background-color: white;
	color: black;
	cursor:default;
}
.JUX_ListBox_Default1
{
	background-color: #F0F0F0;
	color: black;
	cursor:default;
}

/* JUX_Button */
.JUX_Button
{
	color: White;
	font-family: Tahoma;
	font-size: 15px;
}
.JUX_Button_dis
{
	color: #CCCCCC;
	font-family: Tahoma;
	font-size: 15px;
}

/* Pour Gestion POPUP */

.modal::backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
}

.modalBackground
{ 
    background-color:Gray; 
    filter:alpha(opacity=70); 
    opacity:0.7; 
}
.modalPopup
{ 
    background-color:#FFFFFF; 
    border-width:3px; 
    border-style:solid; 
    border-color:Gray; 
    padding:3px; 
} 
.message {
    overflow: auto;
    height: 85px;
    width:98%;
    margin:5px;
}

/* permet de focer la hauteur d'un div en cas de float */

.forceHauteur
{
    clear:both;
    font-size:0px;
    height:0px;
}

.dropDownList 
{
    background-color: White;
    margin: 0px;
    padding: 0px;  
}

.dropDownList li
{
    list-style: none;
    margin: 0px;
    padding: 0px;   
}

.dropDownList li:hover
{
    background-color: #CCDDEE;
    border: 1px solid #6699CC;
}

/*-----------------------------------*/
     /*Tableau defaut/envoi de lot*/
/*-----------------------------------*/
.tab_defaut_lot .col_fichier
{
    width: 150px;
}

.tab_defaut_lot .col_lot
{
    width: 80px;
}

.tab_defaut_lot .col_fse_dre
{
    width: 200px;
}

.tab_defaut_lot .col_mode
{
    width: 150px;
}

.tab_defaut_lot .col_etat
{
    width: 200px;
}

.tab_defaut_lot .col_date_envoi
{
    display:none;
}

.tab_defaut_lot .col_num_fac
{
    display:none;
}

/*--------------------------*/
.tab_envoi_lot .col_fichier
{
    width: 80px;
}

.tab_envoi_lot .col_lot
{
    width: 60px;
}

.tab_envoi_lot .col_fse_dre
{
    width: 150px;
}

.tab_envoi_lot .col_mode
{
    width: 120px;
}

.tab_envoi_lot .col_etat
{
    width: 120px;
}

.tab_envoi_lot .col_date_envoi
{
    display: table-cell;
    width:100px;
}

.tab_envoi_lot .col_num_fac
{
    display: table-cell;
    width:150px;
}