/*********************************************************************
 * Author:		Othmane Rahmouni
 * Incept:		10/09/2004
 * Note:		stylesheet for www.HassanRahmouni.com
 *********************************************************************/
	
#Box {
	margin-left: 30px;
	margin-right: 20px;
}
	
#Box #Date{
	position: relative;
	text-align: left;
	border: 3 solid white;
	padding: 2 5 2 5;
	width: 10em;
	background-image: url("pics/green2.gif");
	color: white;
	font: bold 12 arial;
	z-index: 2;}

#Box #Titre{
	position: relative;
	margin-top: 1em;
	margin-left: 3em;
	margin-right: 2em;
	margin-bottom: -0.5em;
	border: 3 solid #FFFFFF;
	text-align: left;
	padding: 5 10 5 100;
	background-image: url("pics/green2.gif");
	color: #FFFFFF;
	font: bold 14 arial;

	}

#Box #Text{
	position: relative;
	margin-top: -0.5em;
	margin-left: 2em;
	text-align: justify;
	padding: 15 20 10 20;
	border: 4px solid #FFFFFF;
	border-right: 1em solid  #FFFFFF;
	background-image: url("pics/green2.gif");
	color: #FFFFFF;
	font: 13 arial;
	z-index: 1;}
	
#Box p{
	text-indent: 1.5cm;
	
}

#Box li
{
	font: 13 arial;
}

#Box H1
{
	font: 22 arial;
	text-align: center;
	font-weight: bold;
}

#Box H2
{
	font: 19 arial;
	text-align: center;
	font-weight: bold;
}

#Box H3
{
	font: 16 arial;
	text-align: left;
	font-weight: bold;
}

 /*********************************************************************/



body
{	
	color: #ffffff;
	font: 13 arial;
	background-image: url("pics/green.gif");
	scrollbar-Face-color: #006600;
    SCROLLBAR-HIGHLIGHT-COLOR: #f0f0f0;
    SCROLLBAR-SHADOW-COLOR: #f0f0f0;
    SCROLLBAR-3DLIGHT-COLOR: #000000;
    SCROLLBAR-ARROW-COLOR: #f0f0f0;
    SCROLLBAR-TRACK-COLOR: #fff8ff;
    margin-bottom: 0px;
    margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
}




 /*********************************************************************/

#Top {
	BACKGROUND-COLOR: transparent;
	border-color: #F1FC97;
	background-image: url("pics/green2.gif");
	border-style: double;
	font-size: 13px;
	padding: 3;
	text-align: center;
}

#Bottom {
	BACKGROUND-COLOR: transparent;
	border-color: #F1FC97;
	background-image: url("pics/green2.gif");
	border-style: double;
	font-size: 11px;
	padding: 3;
	text-align: center;
}

td.LeftTop
{
	background-image: url("pics/corner.gif");
	background-repeat: no-repeat;
	
}


div.titlePart1
{
	font-size: 32px;
	letter-spacing: 2px;

	font-weight: bold;
	font-family: Photoshop Large, Verdana;
	text-indent: 20px;
	text-align: left;
}

div.titlePart2
{
	FONT-SIZE: 22px;
	color: #E8F95C;
    FONT-STYLE: normal;
    font-weight: bold;
    FONT-FAMILY: Lucida Handwriting, Tahoma
    BACKGROUND-COLOR: transparent;
    FONT-VARIANT: normal;
    text-indent: 40px;
    text-align: center;
}

div.titlePart3
{
	FONT-SIZE: 18px;
	
	font-weight: bold;
    FONT-STYLE: italic;
    FONT-FAMILY: Terminal, Tahoma
    BACKGROUND-COLOR: transparent;
    FONT-VARIANT: normal;
    text-indent: 60px;
    text-align: right;
}


 /*********************************************************************/
  
a:link 
{ 
	text-decoration:none; 
	color:#FFCC00;   
} 

a:visited  
{ 
	text-decoration:none; 
	color:#FFCC00;   
} 

a.:hover
{ 
	text-decoration:underline; 
	color:#FFFFFF;   
} 
 
a.:active
{ 
	text-decoration:none; 
	color:#FFCC00;   
} 
 
 
/*********************************************************************/


a.menu:link 
{ 
	text-decoration:none; 
	color:#FFFFFF; 
	background: #006699; 
	font-weight : bold; 
	width: 170px; 
	display:block; 
}

a.menu:active
{
	text-decoration:none;
	color:#006699;
	background: #FFFFFF;
	font-weight:bold;
	width: 170px;
	display:block;
}

a.menu:visited 
{
	text-decoration:none;
	color:#FFFFFF;
	background:#006699;
	font-weight:bold;
	width: 170px;
	display:block;	  
}

a.menu:hover
{
	text-decoration:none;
	color: #006699;
	font-weight:bold;
	width: 170px;
	background: #CCCEEF;
	display:block;	  
}

.Menu
{
	background:navy;
	border-style:solid;
	border-color: #F1FC97;
	border-width:3px;
	width:170px;
	FONT-FAMILY: Times New Roman;
	FONT-SIZE: 14px;
}

/*********************************************************************/

.menu1
{
	background:#663399;
	border-style:solid;
	border-color: #F1FC97;
	border-width:3px;
	width:170px;
	FONT-FAMILY: Times New Roman;
	FONT-SIZE: 14px;
}

a.menu1:link 
{ 
	text-decoration:none; 
	color:#FFFFFF; 
	background: #663399; 
	font-weight : bold; 
	width: 170px; 
	display:block; 
}

a.menu1:active
{
	text-decoration:none;
	color:#663399;
	background: #FFFFFF;
	font-weight:bold;
	width: 170px;
	display:block;
}

a.menu1:visited 
{
	text-decoration:none;
	color:#FFFFFF;
	background:#663399;
	font-weight:bold;
	width: 170px;
	display:block;	  
}

a.menu1:hover
{
	text-decoration:none;
	color: #663399;
	font-weight:bold;
	width: 170px;
	background: #CCCEEF;
	display:block;	  
}


 /*********************************************************************/

.menu2
{
	background:#006600;
	border-style:solid;
	border-color: #F1FC97;
	border-width:3px;
	width:170px;
	FONT-FAMILY: Times New Roman;
	FONT-SIZE: 14px;
}

a.menu2:link 
{ 
	text-decoration:none; 
	color:#FFFFFF; 
	background: #006600; 
	font-weight : bold; 
	width: 170px; 
	display:block; 
}

a.menu2:active
{
	text-decoration:none;
	color:#006600;
	background: #FFFFFF;
	font-weight:bold;
	width: 180px;
	display:block;
}

a.menu2:visited 
{
	text-decoration:none;
	color:#FFFFFF;
	background:#006600;
	font-weight:bold;
	width: 170px;
	display:block;	  
}

a.menu2:hover
{
	text-decoration:none;
	color: #006600;
	font-weight:bold;
	width: 170px;
	background: #CCCEEF;
	display:block;	  
}

 /*********************************************************************/