@import url("/css/navbar.css"); /*navigation et footer */

body, table, tr, input, select, td, div  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
div#page 	{ width: 770px; margin: 0px; padding: 0px; position: absolute;}
div#tete 	{ width: 770px; margin: 0px; padding: 0px; position: absolute;}	
div#ibtete 	{ width: 780px; margin: 0px; padding: 0px; position: relative;}

H1
{
    COLOR: #006699;
    FONT-SIZE: 14px;
	display:inline;
}

H2
{
    COLOR: #000000;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
	display:inline;
}

H3
{
    COLOR: #990000;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;	
	display:inline;
}

H4
{
    COLOR: #FFFFFF;
	FONT-WEIGHT:normal;
    FONT-SIZE: 11px;
	display:inline;
}



.txtblanc9
{
    COLOR: white;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 9px
}
.txtblanc10
{
    COLOR: white;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 10px
}
.txtnoir9
{
    COLOR: black;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 9px
}
A.txtnoir9:link
{
    COLOR: black;
	text-decoration:none;
}
A.txtnoir9:hover
{
    COLOR: black;
	text-decoration:underline;
}
A.txtnoir9:visited
{
    COLOR: black;
	text-decoration:underline;
}
.txtnoir10
{
    COLOR: black;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 10px
}
A.txtnoir10:link
{
    COLOR: black;
	text-decoration:none;
}
A.txtnoir10:hover
{
    COLOR: black;
	text-decoration:underline;
}
A.txtnoir10:visited
{
    COLOR: black;
	text-decoration:underline;
}

.txtnoir11bis
{
    COLOR: black;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 11px;
	text-decoration:none;
}

.txtnoir11bis:hover
{
    COLOR: black;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 11px;
	text-decoration:underline;
}

.txtnoir11
{
    COLOR: black;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 11px
}
.txtrouge11
{
    COLOR: #FF0000;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 11px
}
.txtnoir12
{
    COLOR: black;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 12px
}

.txtrougegras13
{
    COLOR: FF0000;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 13px
}
.contenu_article
{
    COLOR: black;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 12px;
	LINE-HEIGHT: 150%;
	text-align: justify;
}

A.contenu_article
	{
		COLOR: #006699;
	}

.contenu_article_2
	{
		COLOR: black;
		FONT-FAMILY: Arial,Helvetica, sans serif;
		FONT-SIZE: 12px;
		LINE-HEIGHT: 150%;
		text-align: justify;
	}

A.contenu_article_2
	{
		COLOR: #006699;
		text-decoration:none;
	}

.txtvertroll10
{
    COLOR: #356000;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 10px;
	TEXT-DECORATION: NONE;
}

.txtvertroll10:hover
{
    COLOR: #356000;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 10px;
	TEXT-DECORATION: underline;
}

.txtrouge12
{
    COLOR: #f00000;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 12px
}
.txtbleu9
{
    COLOR: #006699;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 9px
}
.txtbleu10
{
    COLOR: #006699;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 10px;
	TEXT-DECORATION: NONE;
}

.txtbleu10:hover
{
    COLOR: #006699;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 10px;
	TEXT-DECORATION: underline;
}

.txtbleu11bis
{
    COLOR: #006699;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 11px;
	TEXT-DECORATION: NONE;
}

.txtbleu11bis:hover
{
    COLOR: #006699;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 11px;
	TEXT-DECORATION: underline;
}

.txtbleu11
{
    COLOR: #006699;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 11px
}
.txtgris9
{
    COLOR: #8d8d8d;
    FONT-FAMILY: Arial,Helvetica, sans serif;
    FONT-SIZE: 9px
}

.inputxt
{
    COLOR: black;
	FONT-SIZE: 10px;
    FONT-FAMILY: Arial,Helvetica,sans serif
}
.txtnoir14 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.textverdana12 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000}
.textverdana12bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000 }
.textverdana10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000 }
.textverdana10normal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000 }
.textverdana13bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000 }
.textverdana11 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000;text-decoration:none; }
.textverdana11bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000 }
A.textverdana11bold:link {color: #000000 ; text-decoration:none; }
A.textverdana11bold:hover {color: #000000 ; text-decoration:none; }
A.textverdana11bold:visited { color: #000000 ; text-decoration:none; }

.textverdana11boldbleu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #006699 }
A.textverdana11boldbleu:link {color: #006699 ; text-decoration:none; }
A.textverdana11boldbleu:hover {color: #006699 ; text-decoration:none; }
A.textverdana11boldbleu:visited { color: #006699 ; text-decoration:none; }

.textverdana14boldbleu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #006699 }
A.textverdana14boldbleu:link {color: #006699 ; text-decoration:none; }
A.textverdana14boldbleu:hover {color: #006699 ; text-decoration:none; }
A.textverdana14boldbleu:visited { color: #006699 ; text-decoration:none; }

.textverdana10bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000 }
.textverdana10bold:hover { font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; font-size: 11px; font-weight: bold; color: #000000 }
.txtnoir14arialbold { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000 }
.txtnoir12arialbold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000 }
.txtnoir9bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.txtbleu12bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #006699;
}
.txtblanc12bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.lien_footer
{
	font-family : Verdana;
    COLOR: #999999;
    FONT-SIZE: 9px;
}
A.lien_footer:link
{
    COLOR: #999999;
    FONT-SIZE: 9px;
    TEXT-DECORATION: none;
}
A.lien_footer:hover
{
    COLOR: #999999;
    TEXT-DECORATION: none;
}
A.lien_footer:visited
{
    COLOR: #999999;
    FONT-SIZE: 9px;
    TEXT-DECORATION: none;
}

.skybox{
position: absolute;
left: 785px;
top: 0px;
width: 160px;
}

/* HOMEPAGE */

.txt_small_bleu { color : #006699; font-size: 9px; }
.txt_bigsmall_bleu { color : #006699; font-size: 8px; }
.txt_normal_bleu { color : #006699; font-size: 11px; }
.txt_small { font-size: 10px; color : #000; text-decoration : none;}
.txt_normal { font-size: 11px; color : #000; text-decoration : none;}
.txt_titre_bleu { font-size:12px; font-weight: bold; color:#4992b6; text-decoration : none;}


#home {width:790px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif;}
#home_centre {width:480px; float:left;}
#home_droite {width:300px; float:left;}

#recherche {width:458px; height:105px; float:left; background-color:#faf9df; border:1px solid #97ce03; padding:10px 0 0 10px; font-size:11px;}

#produits {width:150px; height:85px; float:left; margin :10px 10px 10px 0px; display:inline; }

#produits .fond {width:148px; float:left; background-color:#fff; border-left:1px solid #cccccc; padding:10px 0 0 0; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; font-size:10px;}

#produits .fond_bleu {width:148px; height:65px; float:left; background-color:#fff; border-left:1px solid #4992b6; border-bottom: 1px solid #4992b6; border-right: 1px solid #4992b6; font-size:10px;}

#produits .titre {background:url(/images/home/fond_titre_produit.gif) no-repeat; width : 150px; height : 18px; font-size:12px; font-weight: bold; color:#4992b6; padding : 2px 0 0 12px;}

#produits .photo {float:left; padding : 0 5px 10px 5px;}

#produits .txt {float:left; width : 94px; padding-bottom : 10px;}
#produits .txt_bleu {color : #006699; }

#coup_coeur {width:312px; height:89px; margin : 10px 0 0 0; float:left;}

#sommaire {width:340px; float:left; background-color:#fff; border:1px solid #cccccc; padding:10px 0 10px 10px; font-size:11px; margin-top : 10px;}

#actuellement {width:107px; float:left; background-color:#fff; border:1px solid #006699; margin : 10px 0 0 10px; font-size:11px; text-align : center;}

#ib {width:107px; float:left; background-color:#fff; border:1px solid #006699; margin : 10px 0 20px 10px; font-size:11px; text-align : center;}

#encart_bleu {width:288px; float:left; background-color:#fff; border:1px solid #006699; padding:10px 0 10px 10px; margin : 10px 0 10px 0; font-size:11px;}

#encart_vert {width:288px; float:left; background-color:#faf9df; border:1px solid #97ce03; padding:10px 0 10px 10px; font-size:11px;}

#encart_vert .titre {width:130px; float:left;}
#encart_vert .txt {float:left;}

#investir {width:300px; float:left; margin : 10px 0 0 0 ;font-size:11px;}
#investir .titre {background:url(/images/home/fond_titre_investir.gif) no-repeat; width : 300px; height : 18px; font-size:12px; font-weight: bold; color:#000000; padding : 2px 0 0 0px;}
#investir .fond {width:298px; float:left; background-color:#fff; border-left:1px solid #cccccc; padding:10px 0 8px 0; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc;}
#investir .fond2 {width:281px; float:left; background-color:#fff; border-left:1px solid #cccccc; padding:10px 8px 8px 8px; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc;}
#simuler_investissement {width:97px; float:left; padding : 0 0 0 5px;}
#loi_choisir2 {width:136px; float:left; padding : 10px 0 0 0px;}
#loi_choisir {width:97px; float:left;}
#financer_projet {width:93px; float:left;}
#financer_projet2 {width:136px; float:left; padding : 10px 0 0 9px;}
#partenaires {width:790px;float:left;margin-top:5px;}
#partenaires ul {list-style-image:none;list-style-position:inside;list-style-type:none;padding:0px;margin:0px;}
#partenaires ul li {background : url(/images/home/fond-partenaires.gif) no-repeat; width:86px;height:49px;float:left;}
#partenaires ul li img{margin:3px 0px 0px 4px;}
/* HOMEPAGE - rubrique Maroc */

#produits_maroc {width:125px; height:85px; float:left; margin :10px 10px 10px 0px; display:inline; }

#produits_maroc .fond_bleu {width:123px; height:65px; float:left; background-color:#fff; border-left:1px solid #4992b6; border-bottom: 1px solid #4992b6; border-right: 1px solid #4992b6; font-size:10px;}

#produits_maroc .titre {background:url(/images/home/fond_titre_produit2.gif) no-repeat; width : 125px; height : 18px; font-size:12px; font-weight: bold; color:#4992b6; padding : 2px 0 0 12px;}

#coup_coeur2 {width:200px; height:89px; margin : 10px 0 0 0; float:left;}

/* FORMULAIRE */

.legende {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	width: 100%;
	border-bottom: 1px solid #006699;
	margin-bottom: 6px;
	position:relative;
	text-align: left;
	padding-left:2px;
	margin-top: 14px;
}

.input {
	font: normal 11px Arial, Helvetica, sans-serif;
	border: 1px inset #006699;
	padding-left: 2px;
}

.input:focus {
	background: #eaf3f7;
	color: #333333;
	border: 1px outset #333333;
}

.txtbleu {
	color : #006699; }
.textarea { border: 1px inset #006699; }