/*.alt{display:none;}*/
.grey_border{border-bottom:1px solid #ccc;}
.clearFix{clear:both;}
img{border:0px;}
a{text-decoration:none; outline:none;}
span.bleupfg{color:#5cb9cb}

body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd
{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
ul,li
{
	list-style:none;
}

#main
{
	margin-left:auto;
	margin-right:auto;
	width:818px;
}
#header
{
	width:818px;
}
#header h1#logo
{
	background:url(/img/logo/logo_planetfinacegroupe.gif) no-repeat;
	float:left;
	width:290px;
	height:70px;
	margin:10px 0 0 0;
	padding:0px;
	cursor:pointer;
}
#header h1#logoEN
{
	background:url(/img/logo/logo_planetfinacegroupe_en.gif) no-repeat;
	float:left;
	width:290px;
	height:70px;
	margin:10px 0 0 0;
	padding:0px;
	cursor:pointer;
}

#header #minidon{
	/*background:url(/img_temp/bouton_don_mini.jpg) no-repeat;*/
	float:left;
	width:200px;
	height:70px;
	margin:10px 10px 0 0 ;
	padding:0px;
	cursor:pointer;
}

#header #minidon_en{
	/*background:url(/img_temp/bouton_don_mini_en.jpg) no-repeat;*/
	float:left;
	width:200px;
	height:70px;
	margin:10px 10px 0 0 ;
	padding:0px;
	cursor:pointer;
}

#header #services
{
	float:left;
	width:818px;
	height:202px;
}

#header #services.visuel5{background:url(/img_temp/home_fr_ma.jpg) no-repeat;}
#header #services.visuel_en_5{background:url(/img_temp/home_en_ma.jpg) no-repeat;}
#header #services.visuel6{background:url(/img_temp/home_fr_ms.jpg) no-repeat;}
#header #services.visuel_en_6{background:url(/img_temp/home_en_ms.jpg) no-repeat;}


.lien_map_grand {float:left; width:800px; height:125px;}

/*Marie Alexandrine*/
#header #services.visuel5 .lien_map  			{ float:left; width:350px; height:45px;}
#header #services.visuel5 .lien_petit_gauche 	{ float:left; width:390px; height:45px; }
#header #services.visuel5 .lien_petit_droite 	{ float:left; width:60px;  height:45px;}

/*Mohamed Said*/
#header #services.visuel6 .lien_map  			{ float:left;	width:300px;	height:45px;}
#header #services.visuel6 .lien_petit_gauche 	{ float:left;	width:320px;	height:45px;}
#header #services.visuel6 .lien_petit_droite 	{ float:left;	width:180px;	height:45px;}


#header #help
{
	color:white;
	width:800px;
	height:100px;
	text-align:center;
	
}


#header #help p
{
	font-size:11px;
	margin:10px 0 0 0;
}

#content
{
	width:818px;
	float:left;
	margin-top:0;
	height:370px;
}

#content #primarynav
{
	width:162px;
	float:left;
	height:327px;
	margin-top:9px;
}

#content #maintext
{
	width:449px;
	float:left;
	background:url(/img/design/bg_maintext_planetfinance2.gif) no-repeat center;
	height:370px;
}

#content #sidebar dl#news_list
{
	width:207px;
	font-size:12px;
	margin:0 10px 0 0px;
}

#content #sidebar dl#news_list dt
{
	/*width:170px;*/
	color:#000;
	font-weight:bold;
	margin:0px 0 0 0;
}
#content #sidebar dl#news_list dt a
{
	color:#000;
	
} 
#content #sidebar dl#news_list dt a:hover
{
	color:#000;
	text-decoration:underline;
} 

#content #sidebar dl#news_list dt span
{
	color:#53a3b2;
	/*font-weight:normal;*/
}

#content #sidebar dl#news_list dd
{
	/*width:170px;*/
	color:#666366;
}


#content #sidebar
{
	width:207px;
	float:left;
	/*background:url(/img/design/bg_sidebar_actualites_planetfinance.gif) no-repeat 0px 9px;*/
	height:370px;
}


#content #sidebar ul#partner_list 
{
	margin-left:15px;
}

#content #sidebar ul#partner_list li
{
	width:175px;
	text-align:center;
	padding-bottom:4px;
	padding-top:4px;
	float:left;
}
#content #sidebar ul#partner_list li.first
{
	padding-top:0px;
}

#content #sidebar ul#partner_list li a
{
	width:175px;
	text-align:center;
	float:left;
}

#content #sidebar ul#partner_list li#item1 a{background:url(/img/logo/logo_planetfinancegroupe.jpg) no-repeat center; height:22px;}
#content #sidebar ul#partner_list li#item2 a{background:url(/img/logo/logo_planetrating.jpg) no-repeat center; height:34px;}
#content #sidebar ul#partner_list li#item3 a{background:url(/img/logo/logo_planis.jpg) no-repeat center; height:28px;}
#content #sidebar ul#partner_list li#item4 a{background:url(/img/logo/logo_microcred.jpg) no-repeat center; height:21px;}
#content #sidebar ul#partner_list li#item5 a{background:url(/img/logo/logo_planetgarantee.jpg) no-repeat center; height:26px;}
#content #sidebar ul#partner_list li#item6 a{background:url(/img/logo/logo_financite.jpg) no-repeat center; height:29px;}
#content #sidebar ul#partner_list li#item7 a{background:url(/img/logo/logo_microfit.gif) no-repeat center; height:35px;}
#content #sidebar ul#partner_list li#item8 a{background:url(/img/logo/logo_formation_microfinance.gif) no-repeat center; height:39px;}

div#bandeau{
	clear:both;
	padding:5px 0 0 0;
	display:block;
}


#bandeau #filinfo
{
	color:white;
	width:800px;
	text-align:center;
}

#bandeau #filinfo label
{
	color:#53a3b2;
	font-size:14px;
	margin-right:5px;
	margin-left:5px;
}

#content #maintext h2
{
	border-bottom:1px solid #ceeaef;
	height:30px;
	display:block;
	margin:20px 0 15px 25px;
	width:407px;
}
#content #maintext p
{
text-align:justify;
/*line-height:19px;*/
margin:12px auto 10px auto;
font-size:12px;
width:350px;
color:#666366;
}
#content #maintext h3
{
font-size:15px;
text-align:center;
margin:22px 0 25px 0;
}

#content #sidebar h2
{
	border-bottom:1px solid #ccc;
	height:20px;
	display:block;
	margin:15px 0 10px 0px;
	
}
#content #sidebar h2#actualites{background:url(/img/titre/FR/titre_actualites_microfinance.gif) no-repeat left top;}
#content #sidebar h2#actualitesEN{background:url(/img/titre/EN/news_microfinance.gif) no-repeat left top;}
h2#activites{background:url(/img/titre/FR/titre_activites.gif) no-repeat left top;}


#form_reseau{
	clear:both;
	margin:0 0 0 162px;
	text-align:center;
	padding:5px 0 10px 0;
	width:449px;
}

#sidebar #mini_google_map{
	width:207px; 
	margin-top:8px;
	
}
#sidebar #mini_google_map img{
display:block;
margin:0;
padding:0;
	
}

	#makeMeScrollable
	{
		width:816px;
		height: 56px;
		position: relative;
		background:url(/img/design/bg_planetfinance_activite.gif) no-repeat top right;
	}
	#makeMeScrollable div.scrollableArea *
	{
		display: block;
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
	}
	div.bouton_news
	{
		margin:0;
		/*float:left;*/
	}	
	div.bouton_news a
	{
		/*background:url(/img/lien/FR/voir_actualites_planetfinance.gif) no-repeat;*/
		/*height:35px;*/
		/*width:189px;*/
		display:block;
		margin:0 0 0 0px;
		text-decoration:none;
		color:#53a3b2;
		font-size:11px;
		font-weight:bold;
		text-decoration:underline;
	}
	
	
	#googleMap{
		width:650px;
		height:370px;
		background-color:#fff;
		float:left;
		display:none;
		background:#FFFFFF url(/img/bg_google_map_big.gif) top left no-repeat;
		margin:0 0 0 0px;
		position:relative;	
	}
	
	#googleMapReseau{
		width:650px;
		height:370px;
		background-color:#fff;
		float:left;
		display:none;
		margin:0 0 0 0px;
		position:relative;	
	}
	
	#maps{
	width:620px;
	height:330px;
	margin:21px 0 0 20px;
	padding:0; 
	/*position:absolute;*/
	
	}
	#btonCloseMap{
		position:absolute;
		z-index:500;
		margin:0px 0 0 0px;
	}
	#textOverMap{
		background:transparent url(/img/bg_textOverMap.gif) top left no-repeat;
		position:absolute;
		z-index:500;
		width:598px;
		height:33px;
		overflow:hidden;
		margin:314px 0 0 20px;
		color:#444444;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:13px;
		padding:4px 11px 0 11px;
	}
	
	#textOverMap a{
		color:#444444;
		text-decoration:underline;
		font-weight:bold;
		background:transparent url(/img/picto_linkBlank.gif) right 3px no-repeat;
		padding-right:14px;
	}
	#textOverMap a:hover{
		text-decoration:none;
	}
	#btonActionplanetfinanceas, #btonActionGlobal{
		display:block;
		position:absolute;
		z-index:2;
		margin:27px 0px 0 410px;
	}
	#btonActionplanetfinanceas{
		display:none;
	}
	#etatActionplanetfinanceas{
		display:block;
		position:absolute;
		z-index:2;
		margin:52px 0px 0 538px;
		clear:both;
		float:none;
		background-color:#dbdad6;
		color:#666366;
		font-size:10px;
		width:70px;
		padding:3px 5px;
	}
	
	#btonActionplanetfinanceas a, #btonActionGlobal a{
		color:#333;
		font-size:11px;
		font-weight:bold;
		text-transform:uppercase;
		margin:20px 0 0 0;
	}
	
	.popupMap {
		font-family:Arial, Helvetica, sans-serif;
		width:350px;
	}
	.popupMap h1{
		font-size:13px;
		font-weight:bold;
		color:#53a3b2;
	}
	.popupMap p{
		font-size:12px;
		font-weight:normal;
		color:#666366;
	}
	.popupMap a{
		font-size:12px;
		color:#53a3b2;
		text-decoration:underline;
	}
	
	
	
#slider{
	width: 818px;
	background:transparent url(/img/bg_scrollable.gif) top left no-repeat;
	height:56px;
	padding:0px 0 0 0;
	/*position:relative;*/
}

#sliderEN{
	width: 818px;
	background:transparent url(/img/bg_scrollable_EN.gif) top left no-repeat;
	height:56px;
	padding:0px 0 0 0;
	/*position:relative;*/
}

#sliderReseau{
	width: 650px;
	background:transparent url(/img/bg_scrollable_small.gif) top left no-repeat;
	height:56px;
	padding:0px 0 0 0;
}

#titreActivites img{
display:block;
margin:0;
padding:0;
}

div.scrollable {
	/* required settings */
	float:left;
	position:relative;
	overflow:hidden;
	width: 575px;
	height:42px;
	margin:14px 0 0 0px;
}

div.scrollableReseau{
	/* required settings */
	float:left;
	position:relative;
	overflow:hidden;
	width: 400px;
	height:42px;
	margin:14px 0 0 0px;
}
/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	/* decoration */
	margin-left:0px;
}
/* single scrollable item */
div.scrollable div.items div {
	float:left;
	/* custom decoration */
	text-align:center;
	width:145px;
	padding:0;
	font-size:30px;
	margin:0 0px;
}
#btonNosActivites{
	float:left;
	width:180px;
	height:37px;
	/*background-color:#999900;*/
	margin:9px 0px 0 0;
}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:20px;
	height:37px;
	background:url(/img/previcon.gif) no-repeat;
	float:left;
	margin:9px 0px 0 0;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -37px;	
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(/img/nexticon.gif);
	clear:right;	
}



div.scrollableNews {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 207px;
	height:110px;
}
/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollableNews div.items {
	/* this cannot be too large */
	height:20000em;
	position:absolute;
	clear:both;
	/* decoration */
	margin-left:0px;
}
/* single scrollable item */
div.scrollableNews div.items div {
	/* custom decoration */
	width:207px;
	height:110px;
	padding:0;
	margin:0 0px;
}


