@import url('diweb.css');

body
{   
 font-family: Calibri;
  font-size: 1.1em;
}

/*Version 1*/
.gridview
{
    
    border-bottom: 2px solid #999;
    margin-top: 6px;
    font-family:Arial; 
    text-align: center; }



.gridview .gvListeHeader th,.gridview .gvListeHeader td
{ 
    padding: 2px 5px;
    background: #CACACA url(bg-header2.jpg) repeat-x left top;
    
    border-bottom: 1px solid #999;
    border-right: 1px solid #CACACA;
    color:#783f81; 
    background-size: 100% 100% ;     
    text-align:center;     
    font-weight:bold;
    font-size: 9pt;
    text-transform:uppercase;
    vertical-align:middle;

}

.gridview .gvListeHeader th.min,.gridview .gvListeHeader td.min
{ 
    font-size: 8pt;
    text-transform:uppercase;
}


.gridview .gvListeHeader:first-child th:first-child,.gridview .gvListeHeader:first-child td:first-child,table.griview thead tr.gvListeHeader:first-child th:first-child,table.griview thead tr.gvListeHeader:first-child td:first-child
{
    border-radius: 8px  0 0 0;
    -moz-border-radius-: 8px  0 0 0;
    -webkit-border-radius: 8px  0 0 0;
}
.gridview .gvListeHeader:first-child th:last-child,.gridview .gvListeHeader:first-child td:last-child,table.griview thead tr.gvListeHeader:first-child th:last-child,table.griview thead tr.gvListeHeader:first-child td:last-child
{
    border-radius: 0 8px 0 0;
    -moz-border-radius-: 0 8px 0 0;
    -webkit-border-radius: 0 8px 0 0;
    border-right:none;
}

.gridview td {
    background-color: #FFF; 
    padding: 2px 5px;
    border-right: 1px solid #CCC;
    color:#783f81;    
    font-size: 9pt;    
    text-align:left;
    vertical-align:middle;
}

.alignR{
     
    text-align:right !important; }

.gridview .gvListeAltern td{
    background-color: #f7e5f9; /* F4EDD0;*/       
}
.gridview tr .hover,.gridview td .hover
{
   background: #CACACA url(bg-header2.jpg) repeat-x left top;
    cursor: pointer;
    color: #783f81;
    font-weight:bold;
    
}

/*.gridview tr {
    background-color: #fff;    
    color:#44112F;
}*/



.gvListePager td
{
    padding: 2px;
    border: none;    
}

.gvListePager td.select
{
   font-weight:bold;    
    color: #FFFFFF;
}

.gvListeSelected td
{   
     font-weight: bold;
}


.gvListeEdit>td
{
      border-bottom: 2px solid #555;
       border-top: 2px solid #555;
}

.scrollgridview
{
overflow-x:hidden;
overflow-y :auto;
height:200px;
border:1px solid #333333;
}

.gvListeFooter > td
{ 
	padding: 2px 5px;
   
    border-bottom: 1px solid #999;
    border-right: 1px solid #CACACA;
    color:#FFF;
background: #cb60b3;
background: -moz-linear-gradient(top,  #c146a1 0%, #783f81 50%, #823E6B 64%, #cb60b3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(50%,#c146a1), color-stop(64%,#823E6B), color-stop(100%,#db36a4));
background: -webkit-linear-gradient(top,  #c146a1 0%,#783f81 50%,#823E6B 64%,#cb60b3 100%);
background: -o-linear-gradient(top,  #c146a1 0%,#783f81 50%,#823E6B 64%,#cb60b3 100%);
background: -ms-linear-gradient(top,  #c146a1 0%,#783f81 50%,#823E6B 64%,#cb60b3 100%);
background: linear-gradient(to bottom,  #c146a1 0%,#783f81 50%,#823E6B 64%,#cb60b3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c146a1', endColorstr='#cb60b3',GradientType=0 );

}
.gvListeFooter > td td
{ 
    background-color: inherit;
}

/*Version 2*/

.gridviewV2
{
    
    /*border-bottom: 2px solid #999;
    margin-top: 6px;*/
    font-family:Arial; 
    text-align: center; 

}

.gridviewV2 .gvListeHeaderV2 th,.gridviewV2 .gvListeHeaderV2 td
{ 
   
    padding: 5px 10px 5px 10px ;
    
    border-bottom: 1px solid #999;
    border-right: 1px solid #CACACA;
    background-color:#783f81; 
    color:#FFF; 
    background-size: 100% 100% ;     
    text-align:center;     
    font-weight:bold;
    font-size: 14px;
    text-transform:uppercase;
    vertical-align:middle;

}
.gridviewV2 td {
    color: #000; 
    padding: 2px 5px;
    background-color:#F6EFF7;    
    font-size: 9pt;    
    text-align:left;
    vertical-align:middle;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

.gridviewV2 > td {
    border-right: 1px solid #CCC;
}
 
.gridviewV2 .gvListeAlternV2 td{
    background-color: #EEE9ED; /* F4EDD0;*/       
}

.gridviewV2 .groupheader td{
    font-weight:bold;
    font-size: 14px;
     background-color:#956F9B; 
    color:#FFF; 
}
.gvListeFooterV2 > td
{ 
    border-top: 3px solid #333333;
    background-color: #EEE9ED; /* F4EDD0;*/   

}

.DatalistV2
{    
   
    font-family:Ubuntu; 
    text-align: center; }



.DatalistV2 .gvListeHeaderV2 td
{ 
   
    padding: 5px 10px 5px 10px ;
    
    border-bottom: 1px solid #999;
    border-right: 1px solid #CACACA;
    background-color:#783f81; 
    color:#FFF; 
    background-size: 100% 100% ;     
    text-align:center;     
    font-weight:bold;
    font-size: 12px;
    text-transform:uppercase;
    vertical-align:middle;

}
.DatalistV2 td {
    color: #000; 
    padding: 2px 2px;
    border-right: 1px solid #CCC;
    background-color:#F6EFF7;    
    font-size: 9pt;    
    text-align:left;
    vertical-align:middle;
}
 
.DatalistV2 .gvListeAlternV2 td{
    background-color: #EEE9ED; 
}

 /*Table css*/
   .table_libelle
 {
   padding: 4px 5px;
    back ground: #fff url('fondDegrade.jpg') repeat-x left top;
    
    border-bottom: 1px solid #999;
    border-right: 1px solid #CACACA;
    font-weight: bold;
    color:#FFFFFF;
    background-color: #823E6B ;  
    background-image: url('fondDegrade1.jpg') ;
    background-size: 100% 100% ;     
    text-align:center; 
    font-size: 0.9em;
 }
 
 .table_text
 {
      border: 1px solid #BBB;
     background-color: #FFF;  
     text-align:right; 
    font-size: 0.9em;
     color:#923C25;
 }
 
 .table_text_center
 {
      border: 1px solid #BBB;
     background-color: #FFF;  
     text-align:center; 
    font-size: 0.9em;
     color:#923C25;
 }
 
  /*Filtre*/
 
 .Filtre
 {
     width:100%
 }
 .Filtre thead tr
 {
    
      border:none;
 }
 .Filtre thead td,.Filtre thead th,.Filtre .thead
 {
   /* border-bottom: 1px solid #999;
    border-right: 1px solid #CACACA;*/
    border-style: none;
    border-color: inherit;
    border-width: medium;
    font-weight: 700;
    color:#FFFFFF;
    background-color: #823E6B ;    
    background-image: url('fondDegrade1.jpg') ;
    background-size: 100% 100%;    
        
    text-align:center; 
    font-size: 0.9em;
 }
 .Filtre tbody td,.Filtre .tbody
 {
     background-color: #fffcd4 ; 
     text-align:center; 
    font-size: 0.9em;
     border:none;
 }
    /*Fin Filtre*/
    
    
    
    
/*/ **************************************************ONGLET *************************************************/


.onglet .ajax__tab_header 
{
    background:url(../../img/folder_bg.gif) repeat-x;
}
.onglet .ajax__tab_hover .ajax__tab_outer,
.onglet .ajax__tab_active .ajax__tab_outer 
{
    background:url(../../img/folder_left.gif) no-repeat left top;
}
.onglet .ajax__tab_hover .ajax__tab_inner,
.onglet .ajax__tab_active .ajax__tab_inner 
{
    background:url(../../img/folder_right.gif) no-repeat right top;
}

.ajax__tab_default .ajax__tab_header 
{
	font-size:12px;
	font-weight:bold;
	color:#000;
    font-family:sans-serif;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_outer,
.ajax__tab_default .ajax__tab_header .ajax__tab_outer,
.ajax__tab_default .ajax__tab_hover .ajax__tab_outer
{
    height:47px;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_inner,
.ajax__tab_default .ajax__tab_header .ajax__tab_inner,
.ajax__tab_default .ajax__tab_hover .ajax__tab_inner
{
    height:47px;
    margin-left:16px; 
    cursor:pointer;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_tab,
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_header .ajax__tab_tab
{
	margin:16px 16px 0px 0px;
}
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_active .ajax__tab_tab 
{
	color:#FFF;
}

.ajax__tab_default .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #c4d561;
    border-top:0;
    padding:8px;
    background-color:#ffffff;
}

.classSelect {
border:1px solid #333333 !important;
color:#000000;
font-size:12px;

}

hr
{
    display:block;
    height:3px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
    background-color: #555;
}

.styled-select {
   wi dth: 240px;
   hei ght: 34px;
   overflow: hidden;
   backgr ound: url(new_arrow.png) no-repeat right #ddd;
}


/*/ ************************************************** POPUP *************************************************/

.popupPanel
{
    border: 2px solid #555;
    padding: 10px;
}
.popupPanel table
{
    margin-left: auto;
    margin-right: auto;
}
.popupPanel table caption
{
    padding-top: 10px;
    font-weight: bold;
    font-size: 1.05em;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-color: #f4edd0 ;
	background-repeat:repeat-x ;
	color:#44112f;
	font-weight:bold;
}

.collapsePanelHeader a {color:#FFF;}
.collapsePanelHeader a:hover {text-decoration:none;background:none;}

.collapsePanelContainer 
{
    border-style:outset;
    border-width:2pt;
    border-color:#f4edd0;
	
}




.autocomplete_completionListElement
        {
            visibility: hidden;
            margin: 0px ;
            padding-left: 0px ;
            background-color: inherit;
            color: windowtext;
            /*border: buttonshadow;
            border-width: 1px;
            border-style: solid;*/
            cursor: default;
            overflow: auto;
            max-height: 200px;
            text-align: left;
            list-style-type: none;
            font-family: courier new;
            font-size: 8pt;
        }
        .autocomplete_highlightedListItem
        {
            background-color: #e3ec6e;
            color: black;
            padding: 1px;
        }
        .autocomplete_listItem
        {
            background-color: window;
            color: windowtext;
            padding: 1px;
        }
        
        

/*#region CollapsiblePanelV2*/
.collapsePanelContainer2 .collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelContainer2 .collapsePanelHeader{
	width:100%;
	height:30px;
	background-color: #F6EFF7 ;
	background-repeat:repeat-x ;
	color:#44112f;
	font-weight:bold;
}

.collapsePanelContainer2 .collapsePanelHeader a {color:#FFF;}
.collapsePanelContainer2 .collapsePanelHeader a:hover {text-decoration:none;background:none;}

.collapsePanelContainer2 
{
    border-style:solid;
    border-width:2pt;
    border-color:#F6EFF7;
	
}

/*#endregion*/