@charset "UTF-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color:#777777;
	background:url(../imgs/Financiere-Magenta_content-bg-repeat.jpg) center top repeat-y #FFFFFF;
	margin:0px;
}
div.breaker{ overflow:hidden; clear:both; height:1px; }

a{ text-decoration:none; color:#054C5B; font-weight:bold; }
a:hover{ }
p{ text-align:justify; margin:15px 0px 0px 0px; }
.cadre{ border:1px solid #C10000;}


/* CALAGES DES FONDS */

#mainCell{ background:url(../imgs/Financiere-Magenta_bg.gif) 0px 0px repeat-x transparent; }

div.filigrane{
	display:block; width:951px; height:727px;
	position:absolute; z-index:1; top:139px; left:50%; margin-left:-475px;
	background:url(../imgs/Financiere-Magenta_content-bg.jpg) 0px 0px no-repeat transparent;
}

div.conteneur{
	display:block; float:left; width:951px;
	position:relative; z-index:2;
	margin:0px; padding:0px;
}

/* CALAGES DES FONDS */

/* TOP */
div.top{ position:relative; z-index:3; }

	div.top div.logo{
		display:block; float:left; width:863px; height:111px;
	}

	div.top div.credits{
		background:url(../imgs/Financiere-Magenta_bg-credits.jpg) 0px 0px no-repeat transparent;
		display:block; float:left; width:88px; height:16px; padding-top:95px;
		text-align:right; color:#FFFFFF; font-size:10px; font-family:"Century Gothic", Arial, Helvetica, Verdana, sans-serif;
	}
	
		div.top div.credits a{ color:#FFFFFF; font-weight:normal; }
		
/* TOP */

/* NAV */
div.top div.menu{
	display:block; float:left; width:782px; height:28px;
	padding-left:169px;
}

	div.top div.menu span{
		display:block; float:left;
		background:url(../imgs/Financiere-Magenta_menu-separateur.gif) 0px 0px no-repeat transparent;
		width:1px; height:28px;
		overflow:hidden;
	}
	
	div.top div.menu a.nav{
		background:url(../imgs/Financiere-Magenta_menu-bg.gif) 0px 0px repeat-x transparent; 
		font-weight:normal; color:#FFFFFF; text-transform:uppercase; text-decoration:none; font-size:14px; font-family:"Century Gothic", Arial, Helvetica, Verdana, sans-serif;
		padding:6px 15px 0px;
		display:block; float:left; height:22px;
	}

	div.top div.menu a.nav_sel, div.top div.menu a.nav:hover{
		background:url(../imgs/Financiere-Magenta_menu-bg-over.gif) 0px 0px repeat-x transparent; 
		font-weight:normal; color:#C10000; text-transform:uppercase; text-decoration:none; font-size:14px; font-family:"Century Gothic", Arial, Helvetica, Verdana, sans-serif;
		padding:6px 15px 0px;
		display:block; float:left; height:22px;
	}
/* NAV */


/* CONTENT */
div.content{
	margin:30px 0px 30px;
	position:relative; z-index:4;
}

	div.content div.left{
		display:block; float:left; width:169px;
		position:relative; z-index:5;
	}
	
		div.content div.left h1{
			margin:0px 0px 15px; padding:8px 0px 0px 20px;
			display:block; float:left; width:133px; height:21px;
			background:url(../imgs/Financiere-Magenta_sous-menu-bg.gif) 0px 0px repeat-x #31AFD2;
			font-size:13px; font-weight:bold; text-transform:uppercase; text-align:left; color:#FFFFFF;
		}
		
		table tr td.tab1 { text-align:center; border:2px solid #C10000; }
		table tr td.tab2 { text-align:center; border:1px solid #001C28; }
		table tr td.tab2 span.tableg { font-size:10px; }
		hr { margin-left:-25%; width:150%; border:none; border-bottom: dashed #2EADD1 1px; }
		
		
		div.structureTitre{
			display:block; width:526px; height:65px; padding-top:25px; position:absolute; border:2px solid #C10000;
			text-align:center;
		}
		
		div.structureContainer{
			display:block; width:136px; height:170px; position:absolute; overflow:hidden; background:url(../imgs/structure-bg.gif) 15px 0px no-repeat transparent;
		}
			div.structureH{
				position:relative;
				display:block; float:left; width:96px; padding:15px 20px;
				text-align:center; font-size:11px;
			}
			div.structureBreaker{
				position:relative;
				overflow:hidden; width:136px;  height:1px; clear:both;
				border-top:1px dashed #2EADD1;
			}
			div.structureB{
				position:relative;
				display:block; float:left; width:96px; padding:15px 20px;
				font-size:10px; text-align:center;
			}
		
		div.content div.left a.ssmenuAccordion{ display:block; margin-bottom :2px; font-weight:normal; text-align:left; }
		div.content div.left a.ssmenuAccordion:hover, div.content div.left a.ssmenuAccordionSel{ display:block; margin-bottom :2px; font-weight:normal; color:#C60000; text-align:left; }
		
		div.content div.left a.ssmenu{
			display:block; float:left; width:133px; padding:1px 0px 2px 20px;
			text-align:left; font-weight:normal; color:#777777;
		}
		div.content div.left a.ssmenu_sel, div.content div.left a.ssmenu:hover{
			display:block; float:left; width:133px; padding:1px 0px 2px 20px;
			text-align:left; font-weight:normal; color:#C10000;
			background:url(../imgs/Financiere-Magenta_sous-menu-puce.gif) 0px 1px no-repeat transparent;
		}
		
		div.content div.left a.sssmenu{
			display:block; float:left; width:133px; padding:1px 0px 2px 30px;
			text-align:left; font-weight:normal; color:#777777;

		}
		div.content div.left a.sssmenu_sel, div.content div.left a.sssmenu:hover{
			display:block; float:left; width:133px; padding:1px 0px 2px 30px;
			text-align:left; font-weight:normal; color:#C10000;
			background:url(../imgs/Financiere-Magenta_sous-menu-puce.gif) 10px 1px no-repeat transparent;
		}
		
		div.content div.left div.globe{
			display:block; float:left; width:130px; height:220px; margin-top:15px;
			margin-left:12px;
		}
	
	
	
	div.content div.separateurCol{
		display:block; float:left; width:1px; height:230px;
		background:url(../imgs/Financiere-Magenta_sous-menu-separateur.gif) 0px 0px no-repeat transparent;
		overflow:hidden;
		position:relative; z-index:6;
	}
	
	
	
	div.content div.main{
		display:block; float:left; width:762px;
		padding-left:16px;
		position:relative; z-index:7;
	}
	
		div.content div.main h1{
			font-weight:bold; text-align:left; color:#C10000; text-transform:uppercase; margin:0px; font-size:12px;
		}
		
		div.content div.main h2{
			font-weight:normal; text-align:left; color:#C10000; text-transform:uppercase; margin:0px;; font-size:11px;
		}
		
		div.content div.main ul li, div.content div.main ol li {
			text-align:left;
		}
		
		div.content div.main img.imgR{
			margin:0px 0px 10px 10px;
		}
		div.content div.main img.imgL{
			margin:0px 10px 10px 0px;
		}
		
		div.content div.main span.exemple{ font-size:11px; }
		
		div.content div.main div.bouton{ display:block; float:left; margin-top:30px; }
			div.content div.main div.bouton div{ display:block; float:left; height:34px; }
			div.content div.main div.bouton div.boutonL{
				width:9px; overflow:hidden;
				background:url(../imgs/Financiere-Magenta_bouton-bg-left.png) 0px 0px no-repeat transparent;
			}
			div.content div.main div.bouton div.texte{
				background:url(../imgs/Financiere-Magenta_bouton-bg.png) 0px 0px repeat-x transparent;
				color:#FFFFFF; text-transform:uppercase; font-family:"Century Gothic", Arial, Helvetica, Verdana, sans-serif; font-size:13px; font-weight:normal;
				padding:7px 6px 0px 0px; height:27px;
			}
			div.content div.main div.bouton div.boutonR{
				width:9px; overflow:hidden;
				background:url(../imgs/Financiere-Magenta_bouton-bg-right.png) 0px 0px no-repeat transparent;
			}
		div.content div.main #Girardin{
			display:block; float:left; margin:20px 0px 0px 100px;
		}
		
	/* FORM */
	#contact div.ligne{ display:block; float:left; width:380px; margin-top:5px; }
	#contact div.ligne div{ display:block; float:left; width:120px; padding-top:3px; text-align:left; }
	#contact div.ligne input, #contact div.ligne textarea{ display:block; float:left; width:200px;}

	
/* CONTENT */

/* FORMULAIRE */

input, textarea {
	border:1px solid #001C28;
	background-color:#E6EDF3;
}