html, body{
scrollbar-face-color:#EBF5FF;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;
color: #444;
	margin: 0px auto 0px auto;
	padding: 0;
    background: #fff url(../img_src/bg_main.png) 50% 0 repeat-y;
font: bold 10pt arial , arabic transparent , andalus;
}
#wrapper {
    position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height:103px;
    background: transparent url(../img_src/bg.png) 0 0 repeat-x;
}
#baner{
margin-top :43px;
}
A:link
{
color:navy;
text-decoration:none;
}
A :hover
{
color:gren;
text-decoration:underline;
}
A:visited {
color:red;
text-decoration:none;
}

FIELDSET {
font: bold 12pt arial , arabic transparent , andalus;
PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 5px; 
	PADDING-TOP: 0px;
	color:#000;
	text-align:justify;

}
LEGEND {
	PADDING-RIGHT: 12px; 
	PADDING-LEFT: 12px; 
	color: red;
	font: bold 18pT arial , arabic transparent , andalus;
}
table
{
font: bold 10pt arial , arabic transparent , andalus;

}
#sign-in
{
background-image: url(../img_src/bg-register2.jpg);
BACKGROUND-REPEAT: no-repeat; 
text-align: right;
font: bold 13px Arial;
text-decoration: none;
COLOR: #00000; 
}
#register
{
background-image: url(../img_src/);
BACKGROUND-REPEAT: no-repeat; 
text-align: right;
text-decoration: none;
COLOR: #00000; 
font: bold 13pt arial , arabic transparent , andalus;

}
#bord1 { border-style:double; border-width:3; border-color:#95C665;} 
#bord1a { border-style:double; border-width:3; border-color:#5959AB; background:#95C665;}
#bord2b { border-style:double; border-width:3; border-color:#5959AB;}
#info
{
background-image: url(../img_src/bg-info3.jpg);
BACKGROUND-REPEAT: no-repeat; 
text-align: center;
font: bold 13px Arial;
text-decoration: none;
COLOR: #00000; 
}
#message{
	BORDER-RIGHT: #7093DB 1px solid; 
	BORDER-TOP: #7093DB 1px solid; 
	FONT-SIZE: 12px; 
	BORDER-LEFT: #7093DB 1px solid; 
	BORDER-BOTTOM: #7093DB 1px solid; 
	font: bold 13pt arial , arabic transparent , andalus;
}
#error_down
{
background-color:#E6E8FA;
width:500;
height:100;
padding:10;
text-align: right;


}
.cuntry{
float:left;
position: relative;
width:55; 
height:39;
}
.textboxlogin {
	BORDER-RIGHT: #7093DB 1px solid; 
	BORDER-TOP: #7093DB 1px solid; 
	FONT-SIZE: 12px; 
	BORDER-LEFT: #7093DB 1px solid; 
	WIDTH: 110px; 
	COLOR: #3366ff; 
	BORDER-BOTTOM: #7093DB 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
}
.btnlogin {
float:left;
margin:5;
	BORDER-RIGHT: #666666 1px solid; 
	BORDER-TOP: #7093DB 1px solid; 
	BORDER-LEFT: #7093DB 1px solid; 
	WIDTH: 45px; 
	COLOR: #3366ff; 
	BORDER-BOTTOM: #7093DB 1px solid; 
	font: bold 13px Arial, arabic transparent;
	HEIGHT: 25px; 
	BACKGROUND-COLOR: #E6E8FA;
	cursor: hand;
}
.glossymenu{
margin: 0px 0;
padding: 0;
width: 190px; /*width of menu*/
border: Opx solid #9A9A9A;
border-bottom-width: 0;
text-align: right;
}

.glossymenu a.menuitem{
background:  url(../img_src/glossyback.gif) repeat-x bottom left;
font: bold 14pt arial , arabic transparent , andalus;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-right: 15px;
text-decoration: none;

}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../img_src/glossyback2.gif) repeat-x bottom left;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #fff;
padding-right: 10px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: bold 13px arial , arabic transparent , andalus;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: ;
color: red;
}
.erreur{
background-image:url(../img_src/erreur.gif);
background-repeat:no-repeat;
padding-left:150px;
padding-top:5px;
padding-bottom:20px;
color:red;
font-weight:bolder;
text-align:right;
position:relative;
}
#livre
{
background :url(../icons/background/datbglvrs.jpg); 
padding:15px;
}
.resumlvrs
{
text-align:justify;
height:100;
color:navy;
padding:12px;
}
#bord1a
{
border-style:double;
border-width:1;
border-color:#5959AB;
}
#bord1
{
border-style:solid;
border-width:1;
border-color:#95C665;
}
/*----------------------------------------------------------------------------------------------------*/
/*==================================================================*/
.thumbnail{
position: relative;
z-index: 50;
background :url(../icons/background/bg-foto.png);

}

.thumbnail:hover{
position: relative;
z-index: 50;
background :url(../icons/background/bg-fotoa.png);
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -0px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 5;
padding: 15px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 80px; /*position where enlarged image should offset horizontally */
TOP: 10px;
text-align:justify;
width:200;

}

/*==================================================================*/
#footer {
    clear: both;
	padding: 0;
	color: #ccc;
	width: 775;
    height: 92px;
	background: #27333a url(../img_src/footer-bg.png) 0 0 repeat-x;
	text-align: center;
}
#footer p {
	padding-top: 7px;
    margin: 0;
	font-size: 10px;
	line-height: 14px;
}

#footer a:link, #footer a:visited, #footer a:active {
	font-size: 11px;
	color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
	color:#ccc;
}