/* CSS Document */

span
{
    margin-right:5px
}

TD
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:regular;
color:0E2A7B;
}

form
{    BORDER:0px;
    FONT-SIZE: 12px;
    COLOR: #566CAB;
    FONT-FAMILY: 'tahoma', Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR:#E8F3FE;   }
 
 body
 {
 BACKGROUND-COLOR:#E8F3FE;  
    }   
    input
{
	FONT-WEIGHT: none;
	FONT-SIZE: 11px;
	COLOR: #0E2A7B;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR:  #FEFBD7;
	TEXT-DECORATION: none;
	border: 1px solid #2567c4;
	padding: 2px
}


select
{
background-color: #FEFBD7;
border: 1px solid #2567C4;
COLOR: #FEFBD7;
font-family:Verdana, Arial, Helvetica, sans-serif

font-size:11px;
COLOR: #0E2A7B;
}

 button {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:regular;
    border: 0px solid #efefef;
    }
   
   textarea{
        background-color:#FFFFFF;
		border: 1px solid #2567C4;
		font-family:Arial, Helvetica, sans-serif;

		
		font-size:12px;
		COLOR: #0E2A7B;
		
		}

a
{
	font-family:tahoma;
 	line-height:1.8; 
	font-size:10; 
	text-align:justify;
	color:7D91FA;
	text-decoration:underline;
}

a:hover
{
	font-family:tahoma;
 	line-height:1.8; 
	font-size:10; 
	text-align:justify;
	color:FF9900;
	text-decoration:none;
}

a:active
{
    FONT-SIZE: 11px;
    COLOR: #272727;
    LINE-HEIGHT: 12pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: underline
}

a:visited
{
    FONT-SIZE: 11px;
    COLOR: #272727;
    LINE-HEIGHT: 12pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: justify;
    TEXT-DECORATION: none;
}



.formelm
{
    BORDER-RIGHT: #94b3df 1px solid;
    BORDER-TOP: #94b3df 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: #94b3df 1px solid;
    COLOR: #94b3df;
    BORDER-BOTTOM: #94b3df 1px solid;
    FONT-FAMILY: 'Arial (Arabic)', Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: white
}

/***** menu CSS *****/
/*
Menu related selectors
*/
.jsdomenudiv {
	background-color: #FFFFFF;
    background-image: url(../images/office_xp_menu_left.png);
	background-repeat: repeat-y;
	border: 1px solid #8A867A;
	cursor: default;
	padding-bottom: 1px;
	padding-top: 1px;
	position: absolute; /* Do not alter this line! */
	visibility: hidden;
	z-index: 10;
	TEXT-DECORATION: none;
}

.jsdomenuitem {
	background: transparent;
	border: none;
	color: #000000;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 3px;
	position: relative; /* Do not alter this line! */
	TEXT-DECORATION: none;
}

.jsdomenuitemover {
	background-color: #C1D2EE;
	
	color: #000000;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 3px;
	position: relative; /* Do not alter this line! */
	TEXT-DECORATION: none;
}


.jsdomenubaritemclick {
	background-color: #EFEDDE;
	border: 1px solid #8A867A;
	color: #000000;
	display: inline;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 23px;
	padding-right: 9px;
	padding-top: 2px;
	    TEXT-DECORATION: none
	position: relative; /* Do not alter this line! */
	
}



.menu{

}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */

.menu a:hover
{
    background-color: #C1D2EE;
	
	color: #000000;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 3px;
	
	position: relative; /* Do not alter this line! */
	TEXT-DECORATION: none;
	}
.menu a
{
    background-color: #Transparent;
	
	color: #000000;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 3px;
	
	position: relative; /* Do not alter this line! */
	TEXT-DECORATION: none;
	}
	
/******************** Grid View************************/

.gridview .actions div {
	float: right;
	padding-right: 2px;
	text-align: right;
	width: 95px;
}

.gridview .edit td,.gridview .create td {
	background: #DAFFCD;
	padding: 4px;
	border-bottom: solid 2px #FFFFFF;
	border-top: solid 2px #FFFFFF;
}


.gridview td {
	background: #D7E6F4;
	border-bottom: solid 1px #C5DBF7;
	color: #333333;
	font: small "Segoe UI", Segoe, sans-serif;
	padding: 5px 4px;
}

.gridview td a{
	color: #0066CC;
	font: bold small "Segoe UI",Segoe,sans-serif;
	padding: 2px;
	text-decoration: none;
}
.gridview td a:hover {
	color: #333333;
	font-weight: bold;
}
.gridview th {
	background: #4168BD;
	color: #FFFFFF;
	font: small "Segoe UI", Segoe, sans-serif;
	letter-spacing: 0;
	padding: 4px;
	text-align: left;
	/*background-image:url(../images/bg01.gif)*/
}


.gridview th a{
	color: #FFFFFF;
	font: bold small "Segoe UI",Segoe,sans-serif;
}
.gridview th a:hover{
	color: #00FF00;
}

.gridview tr.header {
	background: #C5DBF7;
}
.gridview,.detailsview {
	width: 100%;
}

.gridview tr.even td,.detailsview tr.even td{
	background: #FFFFFF;
}

.gridview tr.SelectedRow td
{
 background-color: #FEFBD7;
	border-bottom: solid 1px #C5DBF7;
	color: #000000;
	font: small "Segoe UI", Segoe, sans-serif;
	padding: 5px 4px;   
}

/* The Header*/

.Header {background: #3380E6;
	background-image:url(../images/bgtdh.gif);
	background-repeat:repeat-x;
	color: #FFFFFF;
	font: small "Segoe UI", Segoe, sans-serif;
	letter-spacing: 0;
	padding: 4px;
	text-align: left;}