/* 
================================
Feuille de styles pour MMV Financials
Version 1.0
Date: 2008.12.15
Auteur: Jean Sylvain
================================
La série de skins est composée des éléments suivants

*/   


/****************************************************************************************/
/* Section générale */
/* Les styles de cette section s'appliquent à toutes les variantes des skins SPAQ */
/****************************************************************************************/

/* cadre principal */

.div-topgauche{left:0px;background-image:url(top_gauche.gif);	background-repeat:repeat-y; background-color:Aqua;}
.div-topheader{	width:931px; height:96px;background-color:Black;}
.div-topdroit1{background-image:url(images/header.gif);width:637px; height:96px;background-color:Blue;}
.div-topdroitmenu{width:96px;background-color:red;}


Body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:white;
	font-family:Arial;
	font-size:11px;
	font-style:normal;
	color:Black;
}


/* definit le style du contenu variable */
/*.content{ vertical-align:text-top;	font-family:Arial;	font-size:small;color:#000000; } */

/**Styles  généraux   ****************************************************************************************/
p 
{
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #011929;
	line-height: 18px;	
}

img.spacer {
	margin:0px;
	border: 0px solid black;
	padding: 0px;
}

a:link {
	color: #808285;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #808285;
}
a:hover {
	text-decoration: none;
	color: #808285;
}
a:active {
	text-decoration: underline;
	color: #808285;
}

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

/************************************************************************************************************/
/**  MENUS																									*/										 
/**																											*/
/************************************************************************************************************/
/****************************************************************************************/
/* MENU PRINCIPAL								    	*/
/* Classes spécifiques au menu horizontal principal					*/	
/****************************************************************************************/

/* Classe définissant le background du menu principal */

.TabList {}
.TabList ul {
	float: left;
	padding: 10px;
	margin: 0px;
}


/** Menu superieur droit **/

#nav0
{ 
	background-color:Transparent;	
}
#nav0 .TabList {
	
}

#nav0 ul 
{ 
	/*padding: 0px 0px 0px -6px;*/
	padding: 0px 0px 0px 0px;
	margin: 17px 0px 0px 0px; 
	list-style:none;
	width:auto;
}

#nav0 li 
{ 
	list-style:none;
	text-align:right;
	text-transform:uppercase;
	display:block;	
}
	
#nav0 li a 
{	padding:0px 4px 0px 4px; 
	color:#008ab0;
	font-size:11px;
	font-family:Century Gothic;
	text-decoration:none;
}
#nav0 li a:link{color:#008ab0;}
#nav0 li a:visited {color:#008ab0;}
#nav0 li.SelectedTab a:visited, #nav0 li.SelectedTab a:active
{
	float:none;
	text-align: right;
	/*color:#fff; 
	background-color: #407da6;*/
font-weight:normal
}

.MenuSecTop{
   background-image:url(images/bt_top_growth.gif);
   background-repeat:no-repeat;
   height:33px;
   width:211px;
   }
.MenuSecMiddle{
   background-image:url(images/bt_background.gif);
   background-repeat:repeat-y;
   width:218px;
   height:auto;
   float:left;
   padding-left:15px;
   }
.TopR ul {
list-style:none outside none;
margin:17px 0 0;
padding:0;
width:auto;
}
skin.css (line 105)
.TabList ul {
float:left;
margin:0;
padding:10px;
}
.MenuSecMiddle a, .MenuSecMiddle a:visited  {
	font-size:12px;
	color: #464646;
	line-height: 22px;
	font-family: verdana;
	text-decoration: none;
   }
.MenuSecMiddle a:hover 
{
	color:#005288;	
}

.MenuSecBottom{
   background-image:url(images/bt_bas_growth.gif);
   background-repeat:no-repeat;
   height:33px;
   width:211px;
   float:left;
   }

/** Utilise dans le skin MMV2 pour la bulle de gauche-bas **/

.MenuSecMiddleBottom{
   background-image:url(images/bt_background.gif);
   background-repeat:repeat-y;
   width:211px;
   float:left;
  }


.MenuSecMiddleBottom a {
	font-size:x-small;
	color:#1b0a10;
	font-family: verdana;
	text-decoration: none;
	vertical-align: middle; 
	text-align: center;
   }

.MenuSecMiddleBottom a:hover 
{
	color:#005288;	
}

td.MenuSecMiddleBottom a {
	font-size:x-small;
	color:#1b0a10;
	font-family: verdana;
	text-decoration: none;
	vertical-align: middle; 
	text-align: center;
   }

/** Menu inférieur **/
#nav4{	background-color:Transparent;}
#nav4 ul 
{ 
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	background-color:Transparent; 
}

#nav4 li 
{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	vertical-align:top;
	text-transform:capitalize;
}

#nav4 a 
{	
	color: #808285;
	text-decoration:underline;
}

#nav4 a:hover 
{	
	text-decoration:none;
}


/***************************************************************************************/
/* Cette classe formatte la balise DIV pour creer un bouton NEXT                       */
/***************************************************************************************/

.nextbottom
{
	background-image:url(images/bt_next_values_h.gif);
	background-repeat:no-repeat;
	width:223px;
	height:31px;
	padding-left:5px;
	padding-top:5px;
}
.nextbottom a
{
	color:#005288;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}

.nextbottom a:hover
{
	text-decoration:none;
	color:#000000;
}

/****************************************************************************************/
/* FIN DE LA SECTION DU MENU PRINCIPAL													*/
/****************************************************************************************/

/* definit les styles deja utilises par EAU cube */
.liens_bas_page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808285;
}
.deuxpoints, .deuxpoints a, .deuxpoints a:hover, .deuxpoints a:link
{
	color: #ffffff;
}
.txt_noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #011929;
	/*line-height: 22px;*/
}
.txt_bleu {
	color: #005288;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*line-height: 22px;*/
}


/* Nouveau style pour bulle de page d'accueil */
.txt_bleu_Accueil {
	color: #005288;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 10px;
}


/* definit le style des menus */
.lienTitre
{
	text-align:center;
}
.lienTitre a
{
	color:#005288;	
	text-decoration:none;
	font-size: 12px;
}
.lienTitre a:hover
{
	color:#000000;	
	text-decoration:none;
	font-size: 12px;
}
.lienTitreActive
{
	background:url(images/bt_partners.gif);
	text-align:center;
	
}
.lienTitreActive a,.lienTitreActive a:hover
{
	color:#fff;	
	text-decoration:none;
	font-size: 12px;
} 
.MenuRight a
{
	text-decoration:none;
	font-size:12px;
	font-family: Century Gothic;
	color:#005288;
}
.MenuRight a:hover
{
	color:#464646;
	text-decoration:none;
}


/* Controle la taille et l'affichage de l'entete des pages */

.TopL_edge
{
	background:url(images/top_gauche.gif);
}



.TopL
{
	background:url(images/top_gauche.gif);
	width:196px;
}


.TopM
{
	background:url(images/header.gif);
	width:637px; 
	height:96px;
	text-align:right;
}

.TopMiddle
{
	width:931px; 
	height:96px;
 }
 
.TopR
{
	background:url(images/top_droite.gif);
	width:98px;
}

.TopR_edge
{
	background:url(images/top_droite.gif);
}

.SidebannerImage
{
	background:url(images/bkg_page.gif);
	height:142px;

}

/* Permet d'afficher le fond du TopImagePane */
.bannerimage
{
	background-image:url(images/bkg_page.gif);
	width:931px;	
}
/************************************************************/


.SideBannerHome
{
	background-image:url(images/bkg_Accueil.gif);
	width:931px;
	height:324px;	
}


.BannerHome
{
	background-image:url(images/bkg_Accueil.gif);
	height:326px;	
}


/* Classes utilises par les skins mmv4x */

.WhoWeAreImage1
{
	width:931px;
	background-image: url(images/about_who_we_are_2.jpg);
	background-position: left bottom; 
	background-repeat: no-repeat;
}

.WhoWeAreImage2
{
	width:931px;
	background-image: url(images/about_values_2.jpg);
	background-position: left bottom; 
	background-repeat: no-repeat;
}

.WhoWeAreImage3
{
	width:931px;
	background-image: url(images/about_expertise_2.jpg);
	background-position: left bottom; 
	background-repeat: no-repeat;
}

.WhoWeAreImage4
{
	width:931px;
	background-image: url(images/about_history_2.jpg);
	background-position: left bottom; 
	background-repeat: no-repeat;
}

.WhoWeAreImage5
{
	width:931px;
	background-image: url(images/about_past_actions_2.jpg);
	background-position: left bottom; 
	background-repeat: no-repeat;
}
.WhoWeAreImage6
{
	width:931px;
	background-image: url(images/about_financial_sponsors_2.jpg);
	background-position: left bottom; 
	background-repeat: no-repeat;
}




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

.HomeBulles1
{
	background:url(images/bulle_gauche_new.jpg);
	width:425px;
	height:102px;
	vertical-align:top;
	background-repeat:no-repeat;
}


.HomeBulles2
{
	background:url(images/bulle_droite.jpg);
	width:516px;
	height:102px;
	vertical-align:middle;
	padding:10px;
	background-repeat:no-repeat;
}

.BackMenu
{
	background:url(images/bkg_menu.gif);
	height:30px;	
}

.MiddleBackMenu
{
	background:url(images/bkg_menu.gif);
	height:30px;
	width:931px;	
}


#nav1 ul 
{ 
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	list-style:none;	
	float:left; 
	width:auto; 
	background-color:Transparent; 
	height:30px;
}

#nav1 li 
{
	height:22px;
	font-size:12px;
	float:left; 
	list-style:none; 
	vertical-align:baseline;
}
	
#nav1 li:first-child {background: transparent;}

#nav1 li a 
{	
	padding: 4px 20px 5px 20px;
	font-family: Century Gothic;
	font-size:11px;
	color: #005288;
	float:left;
	text-transform:uppercase;
	text-decoration:none; 
	text-align:center; 
}


#nav1 li a:link { color:#005288;}
#nav1 li a:visited {color:#005288;}
#nav1 li a:hover {color: WHITE;}
#nav1 .SelectedTab 
{

	color: White;
	background-image: url(images/menu_h.gif);
	background-color: Transparent; 
	background-repeat:repeat-x;
}
#nav1 .selectedTab a:link {color: WHITE;}
#nav1 .selectedTab a:visited {	color: WHITE;}
#nav1 .DisabledTab { color:#ccc;}


/*--------- dnn menu style ----------*/
/* main menu td */
.main_dnnmenu_bar 
{
	cursor:pointer;
	background-color:transparent;
	height:20px;
	vertical-align:middle;
	font-size: 11px; 
	font-family: Century Gothic;
	font-weight:normal;
}


/*  Main Menu Normal  */
.main_dnnmenu_rootitem  
{	
	color: #005288;
	font-size: 11px; 
	font-family: Century Gothic;
	text-align:center; 
	height:22px;
	line-height:25px;
	padding: 0px 20px 0px 20px;
	text-transform:uppercase; 
}

/*  Main menu hover  */
.main_dnnmenu_rootitem_hover
{  
	color:#ffffff;
	font-size: 11px; 
	font-family: Century Gothic;
	text-align:center;
	padding:0px 20px 0px 20px;
	text-transform:uppercase; 
}

/*  Main menu selected  */
.main_dnnmenu_rootitem_selected
{
	color: #ffffff;
	font-weight: bold;
	background-image:url(images/menu_h.gif);
	background-repeat:repeat-x;
	font-size: 11px; 
	font-family: Century Gothic;
	text-align:center;	
	padding:0px 20px 0px 20px;
	text-transform:uppercase;
	
	
}

/*  SUB Menu Normal */
.main_dnnmenu_submenu 
{
	border:1px solid #C0D6E5;
	margin:2px;
}

.main_dnnmenu_submenu td
{
	background-color:#edf2f5;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000000;
	padding: 0px 5px;
	margin:0px;
}

/*  SUB Menu hover & selected */
.main_dnnmenu_itemhover td,.main_dnnmenu_itemselected td   
{  

	color: #005288;
}

.main_dnnmenu_break
{
	height: 2px;
	background-color: #D5E0FF;
}

/* Module Action Menus */
.ModuleTitle_SubMenu
{
	
	border:1px solid #C0D6E5;
	/*padding: 0px 25px;*/
}

.ModuleTitle_SubMenu td{
	background-color:#F8FAFF;
	white-space: nowrap;
} 

.ModuleTitle_MenuIcon {
	background-color:#F8FAFF; 
	border:none;
	padding: 0px 2px;
}

.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{
	background: #CE0D0D url(../images/menu_hover.gif) repeat-x top left;
	color: #fff;
}

.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
	height: 2px;
	background-color: #D5E0FF;
}


/* Cette section controle les images affichées en background dans la section
   ABOUT du site.   La classe choisie dépend du nom de la page (sans espaces)
   et correspond aux classes ci-dessous.....*/

.casestudies
{
	/*Page Case studies */
	background-image: url(images/about_past_actions_2.jpg);
	background-repeat: no-repeat;
	width: 404px;
	height: 317px;
	background-position: 0px 250px;
	vertical-align: top;
	}
	
.Whoweare
	{
	/*Page Who we are */
	background-image: url(images/about_who_we_are_2.jpg);
	background-repeat: no-repeat;
	width: 404px;
	height: 317px;
	background-position: 0px 250px;
	vertical-align: top;
	}
	
.Values
	{
	/*Page Values */
	background-image: url(images/about_values_2.jpg);
	background-repeat: no-repeat;
	width: 404px;
	height: 317px;
	background-position: 0px 250px;
	vertical-align: top;
	}	

.Expertise
	{
	/*Page EXPERTISE */
	background-image: url(images/about_expertise_2.jpg);
	background-repeat: no-repeat;
	width: 404px;
	height: 317px;
	background-position: 0px 250px;
	vertical-align: top;
	}
	
.History
	{
	/*Page History */
	background-image: url(images/about_history_2.jpg);
	background-repeat: no-repeat;
	width: 404px;
	height: 317px;
	background-position: 0px 250px;
	vertical-align: top;
	}


.FinancialSponsors
	{
	/*Page Case Studies */
	background-image: url(images/about_financial_sponsors_2.jpg);
	background-repeat: no-repeat;
	width: 404px;
	height: 317px;
	background-position: 0px 250px;
	vertical-align: top;
	}
		

.ExperiencedFinancing
	{
	/*Page Who we are */
	background-image: url(images/about_who_we_are_2.jpg);
	background-repeat: no-repeat;
	width: 404px;
	height: 317px;
	background-position: 0px 250px;
	vertical-align: top;
	}
								

#HometextPane{
   background:#0a6fac url(images/blue.jpg) top left repeat-x;
   padding:10px;
   color:#FFFFFF;
}
tr.para td p
{
text-align:justify;
	 font-family:tahoma;;
	font-size: 0.8em;
	color: #808080;
	line-height: 12px;
     word-spacing:0.2em;
    
}
tr.para td .txt_bleu {
color:#0A5385;
font-family:Arial,Helvetica,sans-serif;
font-size:1.0em;
}