body {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; background: url(images/bg1.gif) #ececec repeat-y center 50%; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 11px/15px Verdana, Arial, Helvetica, sans-serif; COLOR: #666; PADDING-TOP: 3px
}
a {
	  color:#999999
}
A:hover
{	color: #000000 
}

#main {
	WIDTH: 776px; 
}
#header {
	width:894px; margin-bottom:3px; 
	background:url(images/tete.gif) center;
	height: 148px;
}
#nav {
	FONT-SIZE: 11px;
	padding-top: 0px;
	PADDING-BOTTOM: 0px;
	WIDTH: 762px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	LETTER-SPACING: 1px;
	HEIGHT: 30px;
	margin-bottom: -5px;

}
#accueil {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: url(images/men_bing.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 134px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 30px
}
#accueil A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 134px; PADDING-TOP: 0px; HEIGHT: 30px; TEXT-DECORATION: none
}
#accueil IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; HEIGHT: 100%; BORDER-RIGHT-WIDTH: 0px
}
 HTML A:hover {
	VISIBILITY: visible
}
#accueil A:hover IMG {
	VISIBILITY: hidden
}
#accueil SPAN {
	VISIBILITY: hidden
}

#lettre_info {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: url(images/men1_bing.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 166px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 30px
}
#lettre_info A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 166px; PADDING-TOP: 0px; HEIGHT: 30px; TEXT-DECORATION: none
}
#lettre_info IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; HEIGHT: 100%; BORDER-RIGHT-WIDTH: 0px
}
 HTML A:hover {
	VISIBILITY: visible
}
#lettre_info A:hover IMG {
	VISIBILITY: hidden
}
#lettre_info SPAN {
	VISIBILITY: hidden
}

#commander {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: url(images/men2_bing.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 127px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 30px
}
#commander A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 127px; PADDING-TOP: 0px; HEIGHT: 30px; TEXT-DECORATION: none
}
#commander IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; HEIGHT: 100%; BORDER-RIGHT-WIDTH: 0px
}
 HTML A:hover {
	VISIBILITY: visible
}
#commander A:hover IMG {
	VISIBILITY: hidden
}
#commander SPAN {
	VISIBILITY: hidden
}

#espace {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: url(images/men3_bing.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 143px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 30px
}
#espace A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 143px; PADDING-TOP: 0px; HEIGHT: 30px; TEXT-DECORATION: none
}
#espace IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; HEIGHT: 100%; BORDER-RIGHT-WIDTH: 0px
}
 HTML A:hover {
	VISIBILITY: visible
}
#espace A:hover IMG {
	VISIBILITY: hidden
}
#espace SPAN {
	VISIBILITY: hidden
}

#contact {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; BACKGROUND-IMAGE: url(images/men4_bing.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 192px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 30px
}
#contact A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 192px; PADDING-TOP: 0px; HEIGHT: 30px; TEXT-DECORATION: none
}
#contact IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; HEIGHT: 100%; BORDER-RIGHT-WIDTH: 0px
}
 HTML A:hover {
	VISIBILITY: visible
}
#contact A:hover IMG {
	VISIBILITY: hidden
}
#contact SPAN {
	VISIBILITY: hidden
}
#main_black {
	PADDING-BOTTOM: 0px;
	padding-top:1px;
	WIDTH: 896px;
	BACKGROUND-COLOR: #f9f4d8;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
}

#main_white {
	PADDING-BOTTOM: 5px;
	WIDTH: 750px;
	BACKGROUND-COLOR: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
	padding-top:5px
}
#left_col {
	CLEAR: left;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	WIDTH: 225px;
	PADDING-TOP: 5px;
	TEXT-ALIGN: left;
	background-image: url(images/bg_right1.gif);
	background-repeat: repeat-y;
	background-position: right;
}
#right_col1 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	WIDTH: 640px;
	PADDING-TOP: 15px;
	TEXT-ALIGN: justify;

	background-repeat: repeat-y;
	background-position: right;
}
#right_col {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	WIDTH: 500px;
	PADDING-TOP: 15px;
	TEXT-ALIGN: justify;
	background-image: url(images/bg_right.gif);
	background-repeat: repeat-y;
	background-position: right;
}
#right_col_heading {
	CLEAR: both; PADDING-LEFT: 0px; FLOAT: left;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold; color:#FF0000
}

yasser
{
font-size: 10pt ; 
color: black ;
}

.line-height
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
font-style: normal ;
line-height: 2em;
color: #000 ;
}
.line-height1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
font-style: normal ;
line-height: 1.3em ;
color: #000 ;
}
.large 
{
line-height:3em ;
color: #666600 ; 
font-size: 15pt ;
background-color: #FFFFFF ;
}
#forme {
	PADDING-RIGHT: 22px; PADDING-LEFT: 22px; WIDTH: 700px; PADDING-TOP: 10px
}
#lettre{
	background-color:#dedadb;
	width:587px;
	padding-bottom: 25px;
}
/**---------------------------**/
#navig {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#yvnav {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 0px; BACKGROUND:  #999999 repeat-x left bottom; PADDING-BOTTOM: 1em; MARGIN: 0px; BORDER-LEFT: #000000 1px solid; PADDING-TOP: 1em; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left; width:760px
}
#yvnav LI A {
BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1.5em; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1.5em; FONT-SIZE:11px; PADDING-BOTTOM: 0.5em; BORDER-LEFT: #000000 1px solid; COLOR: #000; PADDING-TOP: 0.5em; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
#yvnav LI A:hover {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #dedadb
}
#yvnav LI {
	DISPLAY: inline; FONT-WEIGHT: bold; MARGIN: 0px 2px 0px 0px; LIST-STYLE-TYPE: none
}
/** Login Form **/
#logContainerG {
	background: url('images/bottom_shadow_login.gif') repeat-x;
	width: 894px;
}
#logContainer {
	width:610px;
	margin-left:auto;
	margin-right:auto;
	background: url('images/menbg.gif') repeat-x;
}
#logLeft, #logRight {
	width:17px;
	height:46px;
}
#logLeft {
	float:left;
	background: url('images/menleft.gif') no-repeat;
	width: 25px;
}
#logRight {
	float:right;
	background: url('images/menright.gif') no-repeat; width: 25px;
}
#log_form {
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
	width: 550px;
}
#logContent {
	height:38px;
}
#logContent form {
	text-align:center;
	padding-top:7px;
}
#logContent form, #logContent input, #logContent select {
	font-size:9px;
}
#logContent legend {
	display:none;
}
/** Form inscription **/
#fin_ombre {
	background-image: url(images/bg_right_bottom.gif);
	background-repeat: repeat-y;
	background-position: right; height:90px; 
 
}
/****fin droite**/
#fin_droite {

	PADDING-LEFT: 0px;
	FLOAT: right;
	WIDTH: 140px;
	PADDING-TOP: 0px;
	TEXT-ALIGN: center;
}
.menagence {
background:url(images/tabLabelBG.png) top right no-repeat ; color:#006633; font-weight:bolder; width:196px; padding:8px; margin:5px; padding-right:15px; padding-top:7px; text-align:right;text-decoration:none; cursor:pointer;
}

p.menagence:hover{
background:url(images/tabLabelBG_rol.png) top right no-repeat ; color:#990000; visibility:visible
}
a.menvert  {
padding:7px; color:#FFFFFF; text-decoration:none; 
}

a.menvert:hover { padding:7px;
color:#FFFFFF;  background:url(images/span.gif)
}
#rect {
	padding:0px; display:block;
	FLOAT: left;
/*	background:url(images/blank.png);*/
	MARGIN-left: 2px;
	margin-top:0px;
	text-decoration:none; color:#FFFFFF;
	border: 0px;
}
#rect span {
padding-right:4px; padding-top:0px; padding-left:4px; text-decoration:none
}
#rect a span { 
padding-right:4px; padding-top:0px; padding-left:4px; color:#FFFFFF; text-decoration:none
}
#rect a:hover span {
background:url(images/span.gif); padding:4px; color:#006600
}
#rect a img.fff{
background:url(images/por_active_cap_lft.gif); visibility:hidden
}
#rect a:hover img.fff{
background:url(images/por_active_cap_lft.gif); visibility:visible
}
#rect a img.fff1{
background:url(images/por_active_cap_lft.gif); visibility:hidden
}
#rect a:hover img.fff1{
background:url(images/por_active_cap_rt.gif); visibility:visible
}
#rect1 {
	padding:0px; display:block;
	FLOAT: left;
/*	background:url(images/blank.png);*/
	MARGIN-left: 0px;
	margin-top:0px;
	text-decoration:none; color:#FFFFFF;
	border: 0px;
}
#rect1 a span { 
background:url(images/span.gif); padding:4px; color:#006600
}