@import url(layout.css);
/* ------------------------------------------------------------
	2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */

body { background : #EAEAEA; font-size:12px;
font-family: verdana,geneva,sans-serif; color:#696969; font-weight:normal; font-size:11px;background-image:url(images/bg_body.png);background-position:top center;background-repeat:no-repeat;}
body strong{
color:#27436C;
}

h1 {color:#FF226C;margin:0;text-decoration:none; }
h2 {color:#ed3935;font-size:18px;margin:0;text-decoration:none; }
h3 {color:#333333;font-size:14px;margin:0;text-decoration:none; }
h4 {color:#737373;font-size:14px;margin:0;text-decoration:none; }
h5 { }
h6 { }

p { margin:0; }
img { border:none; }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { font-style:italic; margin:0 0 0 5px; padding:8px 10px 5px 50px; background:transparent url(images/quote.png) no-repeat scroll 0 0; color:#313131; font-weight:bold; text-align:justify;}
cite { }

ul { }
ol { }
dl { }

form { }
fieldset {border : none; padding:0;}
input { width:170px; height:13px; padding:5px; background-color:transparent; border:none; background-image:url(images/input_comm.png); color:#000000; }
input.submit { width:193px; height:25px; padding:5px; background-color:transparent; border:none; background-image:url(images/submit_comm.png); color:#CCCCCC; }
textarea{ width:352px; height:87px; padding:10px; background-color:transparent; border:none; background-image:url(images/textarea_comm.png); color:#CCCCCC;}
label { color:#333333; display:block; width:150px; float:left; }

a { color:#313131; }
a:link { color:#313131;}
a:visited { color:#313131; }
a:hover { }
a:focus { }
a[hreflang]:after { }
a img { border: none; }
 
code { display:block; padding:10px; margin:0 5px; width:510px; background-color:#000000; color:#CCCCCC; overflow:auto; border-left:5px solid #FF226C; clear:both; font-size:12px; line-height:14px; font-family:"Courier New", Courier, monospace;}
pre { }
#pub_droite{ width:283px; margin:10px auto 0 auto; overflow-x:hidden;}
hr { }
 
/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 
#page { }
#top_page{ background-image:url(images/top_global5.png); width:1012px; height:15px;}
/*#top_page{ background-color:#c4c4c4; width:1012px; height:10px;}*/
#bottom_page{ background-image:url(images/bottom_page2.png); width:1012px; height:45px; clear:both; margin:0 auto;}

 
/* ------------------------------------------------------------
	4. HAUT DE PAGE
------------------------------------------------------------- */
#webmaster{background-image:url(images/refe.png);text-align:left;height:37px;}
#webmaster div{width:1012px; margin:0 auto;}
#webmaster img{display:block; margin:5px; height:26px; width:30px; float:left;}
	#webmaster h1, #webmaster h2 {	display:inline; color:#666666; font-size:11px; height:37px;line-height:37px;  padding:0; margin:0; }	
	.sponsors{ width:500px; margin:0 auto 20px auto;}

#top { text-align:left; margin-top:-10px;}
#top h1 { background:url("../images/logo-TFI.JPG") no-repeat; }

#menu { padding:0 0 0 10px; background-image:url(images/bg_prelude.png); clear:both; height:30px; margin:0; }
	#menu #prelude{ width:540px; float:left;}
		#menu #prelude a { text-decoration:none; color:#FFFFFF; width:95px; height:23px; line-height:23px; display:block; float:left; text-align:center; font-size:12px; }
		#menu #prelude a.long {  width:127px; }
			#menu #prelude a:hover { color:#ff0170; background-image:url(images/bg_a_link_court.png); }
			#menu #prelude a.long:hover { color:#ff0170; background-image:url(images/bg_a_link.png); }
			#menu form{ display:block; width:390px; float:left; color:#ff0170; margin-left:70px;}
				#menu form label{ display:block; width:140px; height:20px; padding:2px; float:left; }
				#menu form #content_input{border:none; width:224px; color:#FF0170;background-color:transparent; background-image:url(images/bg_search.png); height:20px; padding:2px; float:left;}
				#menu form #content_input input#searchbox{border:none; width:195px; color:#FF0170; height:20px; padding:2px; float:left; background-image:none;}
				#menu form #content_input input#searchbutton {border:none; width:195px; color:#FF0170;background-color:#1f1f1f; background-image:url(images/bg_submit.png); color:#ff6900; width:24px; height:20px; border:none; background-color:#1f1f1f;}
				
				
#menu2 { padding:0 0 0 10px; background-image:url(images/bg_prelude.png); clear:both; height:30px; margin:0; }
	#menu2 #prelude{ width:540px; float:left;}
		#menu2 #prelude a { text-decoration:none; color:#FFFFFF; width:95px; height:23px; line-height:23px; display:block; float:left; text-align:center; font-size:12px; }
		#menu2 #prelude a.long {  width:127px; }
			#menu2 #prelude a:hover { color:#ff0170; background-image:url(images/bg_a_link_court.png); }
			#menu2 #prelude a.long:hover { color:#ff0170; background-image:url(images/bg_a_link.png); }				
				

				#espace_clients{
					width:185px; height:76px; padding-left:2px;
				}
				#espace_clients table{
					width:260px; height:80px;
				}
				#espace_clients table tr{
					height:20px; 
				}
				
			
				#espace_clients .inputs {
				background : url('../images/input_comm_court1.png') no-repeat;
				width: 80px;
				height: 15px;
				border:0px;
				}
			
				#espace_clients .bouton3 {
				padding: 0;
				float:left;
				background: none;
				width:90px;
				height:20px;
				background-image:none;
				border: none;
				}
				
				#espace_clients .bouton2 {
				bottom: 1px;
				float:left;
				padding: 0;
				background: none;
				padding-right:3px;
				}



.presAccueil{ padding-left:12px; text-align:justify; color:#5c5c60; font-weight:bold; font-family:shruti; font-size:15px;}
		.presAccueil span{float:left; padding-top:7px; color:#EA463B; font-weight:normal;}
		.presAccueil .logo_mini{background-image:url("../images/logo_mini.png"); height:32px; width:43px; float:left;}
		.presAccueil .trait{ border-bottom:2px solid; width:440px; height:35px;}

/* ------------------------------------------------------------
	NewsLetter / Demande de renseignements
------------------------------------------------------------- */




#newsletter {
 padding-top:75px;
 width:310px;
 float:right;
}
#newsletter {width:290px; height:60px; padding:0;}
#newsletter a{width:290px; height:75px;  background:url("images/renseignements.png") no-repeat; position:absolute; margin-top:50px;}
#newsletter a:hover {background-image:url("images/renseignements1.png"); } 

	
				
/* ------------------------------------------------------------
	5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */

/*#wrapper { margin:0; padding:0;background-image:url(images/bg_trans1.png); }*/
#wrapper { margin:0; padding:0;background-image:url(images/bg_trans2.png); }
#main { }
#content {  }

#content-info { }
#content-info h2 { }
#content-info p { }

.content-inner { }

.pagination { color:#CCCCCC; text-align:center;  }
#navlinks { }


/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */
.top_post{ background-image:url(images/top_post2.png); width:671px; height:10px; margin:5px 10px 0 10px; padding:0;}
.top_post_gris{ background-image:url(images/top_post_gris.png); width:671px; height:10px; margin:5px 10px 0 10px; padding:0;}
.post { background-color:#FFFFFF; width:641px; font-size:12px; padding:0 15px; margin:0 10px; }
.post_gris { background:url("images/bg_chart.png") repeat-x; width:641px; font-size:12px; padding:0 15px; margin:0 10px; }

.post_adsence{background-color:#FFFFFF; width:641px; font-size:12px; padding:0 15px; margin:0 10px; overflow-x: auto;}
	.post h2 a{ color:#ED3935; font-size:16px; text-decoration:none; margin:0; font-family:"Century Gothic"; font-weight:bold}
	.post h2 .Titre { color:#104273; font-size:20px; text-decoration:none; margin:0; font-family:"Century Gothic"; font-weight:bold}
	.post h2 span{ font-size:12px; color:#999999; font-weight:bold;}
		.post h2 span a{ font-size:12px; color:#999999; font-weight:bold;}
	.post h3, .post h4 {clear : both;}
.bottom_post{ background-image:url(images/bottom_post2.png); width:671px; height:7px; margin:0 10px 5px 10px; padding:0;}
.bottom_post_gris{ background-image:url(images/bottom_post_gris.png); width:671px; height:7px; margin:0 10px 5px 10px; padding:0;}

.post.first { margin:0 10px;}
.post.odd { margin:0 10px; }

.day-date { font-size:12px; color:#999999; }
.post-title { margin:0 0 10px 0; border:none;}
.post-info { }
.post-tags{list-style:none; display:block; margin-bottom:10px; }
	 ul.post-tags li { display:inline; }
		.post-tags li a {
			background-image:url(images/tags.png);
			background-repeat:no-repeat;
			line-height:16px;
			padding-left:20px;
			text-decoration:none; }
.post-excerpt { }
.post-content { margin-top:15px; }
.post-content a img{ border: none;}
.post-content a:hover img{ border: none;}
.read-it { }

.footnotes { }
.footnotes h4 { }

.post-info-co { color:#999999; margin:0; text-align:right;}
.post-info-co  a , .post-info-co  a.comment_count , .post-info-co  a.pings_count ,.post-info-co  a.attach_count{color:#999999; text-decoration:none; }
	.post-info-co  a , .post-info-co  a.comment_count , .post-info-co  a.pings_count ,.post-info-co  a.attach_count{ text-decoration:underline; }


#attachments {background:#FFFFFF none repeat scroll 0 0; padding:10px;}
#attachments h3 {color:#FF226C;margin:0;text-decoration:none;}
#attachments ul { margin-left:10px; }
#attachments ul li { }
#attachments li.audio { }
#attachments li.package { }
#attachments li.text { }



/* ------------------------------------------------------------
	7. COMMENTAIRES, PINGS
------------------------------------------------------------- */
#content form { color:#CCCCCC; }
.gravatar_img{ background-image:url(images/gravatar_comm.png); width:100px; height:100px; padding:9px 7px; }
#comments { color:#b5b4b4; }
#pings { }
#pr { color:#dc0062; font-size:16px; text-align:center; }
#comment-form { }

#comments h3 { }
#pings h3 {color:#FF226C;font-size:18px;margin:0;text-decoration:none; }
#pr h3 { }
#comment-form h3 { color:#dc0062; }

#comments dl { }
#comments dt { }
#comments dd { }
#comments .first { }
#comments .odd { }
#comments .me { }
.buttons{ width:193px; margin-left:378px;}
#pings dl { }
#pings dt { }
#pings dd { }
#pings .first { }
#pings .odd { }
#pings .me { }

#pr dl { }
#pr dd { }

#comment-form fieldset { }
.field { }
.field label { }
.field input { }
.field textarea { }

#comment-form input[type=submit] { }
#comment-form input[type=reset] { }

.form-help { }

#ping-url { background-image:url(images/h3_bg_trackback.png); width:550px; height:33px; line-height:33px; padding-left:24px; }
#comments-feed {  width:541px; padding:0 15px; margin:0 10px;  }


/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */

#sidebar {  }
#sidebar .links a ,
#sidebar .topnav-arch a ,
#sidebar .topnav-home a{
		 display:block; height:23px; line-height:23px; color:#acacac; border-bottom:1px solid #4b4b4b; width:160px;  margin:0 auto; padding:0 5px; font-size:12px; text-decoration:none; }

#sidebar .categories a {display:block; height:23px; color:#acacac; border-bottom:1px solid #232222;   margin:0 auto; padding:0 5px; font-size:12px; text-decoration:none; width:140px; float:left;}
.categories ul, .selected ul{ clear:both;}
.categories li { display:block; height:24px; line-height:24px;}

#sidebar .links a:hover ,
#sidebar .categories a:hover ,
#sidebar .topnav-arch a:hover ,  
#sidebar .topnav-home a:hover { 
		background-color:#232222; text-decoration:underline;  }

#sidebar .selected a, #sidebar .lastposts a{
		display:block;  color:#acacac; border-bottom:1px solid #232222; width:160px;  margin:0 auto; padding:5px; font-size:12px; text-decoration:none; }

#sidebar .selected a:hover, #sidebar .lastposts a:hover{
	background-color:#232222; text-decoration:underline;  }

.social a , #lasted_posts a {	display:block; height:24px;  color:#626262; border-bottom:1px solid #626262; width:250px; margin:0 auto; padding:5px; font-size:12px; text-decoration:none; }
.social a:hover , #lasted_posts a:hover{background-color:#232222; text-decoration:none; }
.social ul , #lasted_posts ul { list-style:none; list-style-image:none; color:#CCCCCC; }
.social li , #lasted_posts li { list-style-image:none; }

.social2 {height:55px;}
.social2 a { display:block; height:15px;  color:#585a5a; width:170px;  margin:0 auto; padding:5px; font-size:12px; text-decoration:none; }
.social2 a:hover {color:#003399;  text-decoration:none;}
.social2 ul { list-style:none; list-style-image:none; color:#CCCCCC; }
.social2 li { list-style-image:none; float:left; width:170px; }



#blognav { }
#blogextra { }

#sidebar h2 { color:#dc0062; font-size:18px; font-weight:normal; font-family: "Century Gothic"; margin:10px 0 0 0; clear:both;}
#sidebar h3 { height:23px; color:#ffffff; border-bottom:1px solid #232222; width:160px; margin:0 auto; padding:0 5px; font-size:12px;}
#sidebar ul { }
#sidebar ul { list-style:none; list-style-image:none; color:#CCCCCC; }
#sidebar li { list-style-image:none; }



/* boites du menu des widgets livres avec Dotclear */
#search { }
#search form { }
#search input[type=text] { } /* ou #search #q */
#search input[type=submit] { } /* ou #search .submit */

#topnav { }

.topnav-arch { }

.topnav-home { }

.selected { }
.lang { }
.categories { }
.syndicate { }
.lastposts { display:none; }
.lastcomments { }
.text { }
.links { }

.tags { }
.tags ul {text-align:justify; }
.tags li { }
/* a completer separement ou globalement pour le sidebar et la page 
spécifique des tags avec les differentes class des tags en fonction 
de leur frequence - voir 9/ classes communes */


/* ------------------------------------------------------------
	9. FOOTER
------------------------------------------------------------- */

#footer { background-image:url(images/footer.png); color:#626262; background-position:bottom center; margin:30px 0 0 0; text-align:left; border-top:4px solid #2e2e2e; clear:both; }
#footer #illu_footer{  margin:0 auto; width:1012px; background-position:right top; background-repeat:no-repeat;}
#footer .colone { width:260px; margin: 0 5px; float:left; }
#footer .colone h2 {  color:#ED3935; font-size:16px; font-weight:normal; font-family: Geneva, Arial, Helvetica, sans-serif; margin:10px 0 0 0;  }

#pro{ line-height:10px; width:1012px; height:12px; margin:0 auto;}
#pro a { font-size:9px;}

/* ------------------------------------------------------------
	10. CLASSES COMMUNES
------------------------------------------------------------- */

/* class sur les liens rss (on peut y placer l'icone
feed.png a piocher dans le theme par defaut par ex.) */

.feed { padding-left:16px;background : transparent url(images/feed.png) no-repeat left center; }


/* tags dans le sidebar et dans la page les regroupant
(exemple ici pour un nuage) */
.tags ul li, .dc-tags #content ul li {display:inline;}

.dc-tags #content ul li a, 
.tags ul li a { color:#acacac;display:inline;	width:auto;	padding-left:0;	padding-right:4px;	background:transparent;line-height:1.5em;}

.tags ul li a:hover {background-image :none;text-align:justify;}
.dc-tags .tag0, .tags .tag0 { font-size: 85%; color:#039FAF; }
.dc-tags .tag10, .tags .tag10 { font-size: 90%;color:#FF7600; }
.dc-tags .tag20, .tags .tag20 { font-size: 95%; color:#DE2159;}
.dc-tags .tag30, .tags .tag30 { font-size: 100%; color:#039FAF;}
.dc-tags .tag40, .tags .tag40 { font-size: 105%;color:#FF7600;  }
.dc-tags .tag50, .tags .tag50 { font-size: 110%;color:#87A800; }
.dc-tags .tag60, .tags .tag60 { font-size: 115%; color:#FF0099;}
.dc-tags .tag70, .tags .tag70 { font-size: 120%; color:#039FAF;}
.dc-tags .tag80, .tags .tag80 { font-size: 125%;color:#DE2159; }
.dc-tags .tag90, .tags .tag90 { font-size: 130%; color:#DE2159;}
.dc-tags .tag100, .tags .tag100 { font-size: 135%; color:#FF0099; }

/* messages d'erreur */
.error {
	border : 1px solid #c44;
	background : #df0;
	padding : 0.5em;
	}
.error ul {
	padding-left : 20px;
	}
.error li {
	list-style : square;
	}
	
/* exemples de ceux que j'ajoute souvent */
.left { float: left; margin-right : 1em; }
.right { float: right; margin-left : 1em; }
.center { margin-left : auto; margin-right : auto; }
.left-text { text-align : left; }
.right-text { text-align : right; }
.center-text { text-align : center; }
.little-text { font-size : .8em;}
.little-upper-text { font-size : .8em; text-transform : uppercase; }


/* ------------------------------------------------------------
	11. PAGES SPECIFIQUES
	j'indique le marqueur du body, a completer pour cibler 
	plus precisement (cf l'exemple ci-dessus pour les tags)
------------------------------------------------------------- */

.dc-home { }
.dc-post { }
.dc-categories { }
.dc-category { }
.dc-archive { }
.dc-archive-month { }
.dc-tags { }
.dc-tag { }
.dc-404 { }
.dc-search { }


/* ---------------------------------------------------
  12. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
	ici ceux le plus souvent necessaires
--------------------------------------------------- */
.post, .post-content, .footnotes, .attachments, 
.post-info-co, #comments, #footer {
    clear:both;
    }
	

/* Meun Haut*/

img {
border: 0;
}

form {
margin: 0;
padding: 0;
}

.clear {
clear: both;
}

.gauche {
float: left;
margin: 0 12px 8px 0;
}

.droite {
float: right;
margin: 0 0 8px 12px;
}

.no_border {
border: none;
background: none;
padding: 0;
}

#newsletterform input {
font-family : Verdana, Arial, Helvetica, sans-serif;
padding : 2px;
color: #575958;
font-size : 11px;
border : 1px solid #575958;
font-weight: normal;
background : #FFFFFF;
}


/******************** LIENS ********************/ 

a {
color : #575958;
font-weight: bold;
text-decoration: none;
}

a:hover {
color : #313131;
font-weight: bold;
font-size:16px
font-family:"Century Gothic"
text-decoration: underline;
}

#menu_haut_fond {
		height: 44px;
		background : url('images/menu_haut_fond.png') no-repeat bottom;
		}
	
			#menu_haut {
			padding: 0;
			margin: 0;
			height: 35px;
			width: 999px;
			list-style-type : none;
			position: relative;
			left:35px;
			}
	
				#menu_haut li {
				float: left;
				}
				
	
				#menu_haut #recherche {
				float: left;
				width: 280px;
				
				height: 35px ;
				background : url('../images/menu_haut_recherche3.png') no-repeat;
				position: relative;
				}
	
					#menu_haut #recherche .input {
					position: absolute;
					top: 11px;
					left: 80px;
					border: none;
					padding: 0;
					background: none;
					width: 142px;
					}
	
					#menu_haut #recherche .boutonGo {
					position: absolute;
					top: 6px;
					right: 0px;
					border: none;
					padding: 0;
					background: none;
					}



#menu_haut .sousmenu2
{
 list-style-type: none;
 margin-top: -3px;
 border: 0;
}
#menu_haut .sousmenu2 li
{
 float: none;
 padding: 0;
 border: 0;
 height:25px;
 width:128px;
}
#menu_haut .sousmenu2 li span{
display:none;
}

#menu_haut .sousmenu2 li  #analyse_conseil {
 height:25px;
 width:128px;
}

#menu_haut .sousmenu2 li  #gestion_patrimoine a{
z-index:inherit;
 background: transparent url("images/nosmetiers/Gestion_Patrimoine.png") no-repeat;
 height:25px;
 width:128px;
 position:absolute;
}
#menu_haut .sousmenu2 li #gestion_patrimoine a:hover {
 background: transparent url("images/nosmetiers/Gestion_Patrimoine_hover.png") no-repeat;
}
#menu_haut .sousmenu2 li  #formation a{
z-index:inherit;
 background: transparent url("images/nosmetiers/Formation.png") no-repeat;
 height:25px;
 width:128px;
 position:absolute;
}
#menu_haut .sousmenu2 li #formation a:hover {
 background: transparent url("images/nosmetiers/Formation_hover.png") no-repeat;
}
#menu_haut .sousmenu2 li  #conseils_financiers a{
z-index:inherit;
 background: transparent url("images/nosmetiers/Conseils_Financiers.png") no-repeat;
 height:25px;
 width:128px;
 position:absolute;
}
#menu_haut .sousmenu2 li #conseil_financiers a:hover {
 background: transparent url("images/nosmetiers/Conseils_Financiers_hover.png") no-repeat;
}
#porto a{
 z-index:inherit;
 background: transparent url("images/nosmetiers/porto.png") no-repeat;
 height:25px;
 width:128px;
 position:absolute;
}
#porto a:hover {
 background: transparent url("images/nosmetiers/porto_hover.png") no-repeat;
}
#menu_haut .sousmenu2 li
{
 float: none;
 padding: 0;
 border: 0;
}	
#menu_haut .sousmenu2
{
 display: none;
 list-style-type: none;
 padding: 0;
 border: 0;
}
#menu_haut li:hover > .sousmenu2 { display: block; position:absolute; }			













#menu_haut .sousmenu3
{
 list-style-type: none;
 margin-top: -128px;
 border: 0;
}
#menu_haut .sousmenu3 li
{
 float: none;
 padding: 0;
 border: 0;
 height:25px;
 width:128px;
}
#menu_haut .sousmenu3 li span{
display:none;
}

#menu_haut .sousmenu3 li  #analyse_conseil {
 height:25px;
 width:128px;
}

#menu_haut .sousmenu3 li  #analyse_conseil a{
z-index:inherit;
 background: transparent url("images/nosmetiers/Analyse_Conseil.png") no-repeat;
 height:25px;
 width:128px;
 position:absolute;
}
#menu_haut .sousmenu3 li #analyse_conseil a:hover {
 background: transparent url("images/nosmetiers/Analyse_Conseil_hover.png") no-repeat;
}
#menu_haut .sousmenu3 li  #formation a{
z-index:inherit;
 background: transparent url("images/nosmetiers/formation.png") no-repeat;
 height:25px;
 width:128px;
 position:absolute;
}
#menu_haut .sousmenu3 li #formation a:hover {
 background: transparent url("images/nosmetiers/formation_hover.png") no-repeat;
}
#menu_haut .sousmenu3 li  #accomp_portefeuille a{
z-index:inherit;
 background: transparent url("images/nosmetiers/portefeuille.png") no-repeat;
 height:25px;
 width:128px;
 position:absolute;
}
#menu_haut .sousmenu3 li #accomp_portefeuille a:hover {
 background: transparent url("images/nosmetiers/portefeuille_hover.png") no-repeat;
}
#porto a{
 z-index:inherit;
 background: transparent url("images/nosmetiers/porto.png") no-repeat;
 height:25px;
 width:128px;
 position:absolute;
}
#porto a:hover {
 background: transparent url("images/nosmetiers/porto_hover.png") no-repeat;
}
#menu_haut .sousmenu3 li
{
 float: none;
 padding: 0;
 border: 0;
}	
#menu_haut .sousmenu3
{
 display: none;
 list-style-type: none;
 padding: 130px;
 border: 0;
}
#menu_haut li:hover > .sousmenu3 { display: block; position:absolute; }	












#menu_haut .sousmenu4
{
 list-style-type: none;
 margin-top: -130px;
 border: 0;
}
#menu_haut .sousmenu4 li
{
 float: none;
 padding: 0;
 border: 0;
 height:25px;
 width:128px;
}
#menu_haut .sousmenu4 li span{
display:none;
}

#menu_haut .sousmenu4 li  #analyse_conseil {
 height:25px;
 width:128px;
}

#menu_haut .sousmenu4 li  #analyse_conseil a{
z-index:inherit;
 background: transparent url("images/nosmetiers/Analyse_Conseil.png") no-repeat;
 height:25px;
 width:128px;
 position:absolute;
}
#menu_haut .sousmenu4 li #analyse_conseil a:hover {
 background: transparent url("images/nosmetiers/Analyse_Conseil_hover.png") no-repeat;
}
#menu_haut .sousmenu4 li  #formation a{
z-index:inherit;
 background: transparent url("images/nosmetiers/formation.png") no-repeat;
 height:25px;
 width:128px;
 position:absolute;
}
#menu_haut .sousmenu4 li #formation a:hover {
 background: transparent url("images/nosmetiers/formation_hover.png") no-repeat;
}
#menu_haut .sousmenu4 li  #accomp_portefeuille a{
z-index:inherit;
 background: transparent url("images/nosmetiers/portefeuille.png") no-repeat;
 height:25px;
 width:128px;
 position:absolute;
}
#menu_haut .sousmenu4 li #accomp_portefeuille a:hover {
 background: transparent url("images/nosmetiers/portefeuille_hover.png") no-repeat;
}
#porto a{
 z-index:inherit;
 background: transparent url("images/nosmetiers/porto.png") no-repeat;
 height:25px;
 width:128px;
 position:absolute;
}
#porto a:hover {
 background: transparent url("images/nosmetiers/porto_hover.png") no-repeat;
}
#menu_haut .sousmenu4 li
{
 float: none;
 padding: 0;
 border: 0;
}	
#menu_haut .sousmenu4
{
 display: none;
 list-style-type: none;
 padding: 127px;
 border: 0;
}
#menu_haut li:hover > .sousmenu4 { display: block; position:absolute; }	
	
/*------------------------------ Bloc Haut droit --------------------------- */



#container_droite {
				width: 189px;
				padding-left:-2px;
				padding-right:2px;
				text-align:left;
				
				}
#container_droite_grand {
				width: 290px;
				float:left;
				
				}
				
					.bloc_droite_haut {
					height: 30px;
					}
							
					.bloc_droite_haut p {
					margin: 0;
					padding: 12px 25px 0 25px;
					color: #FFFFFF;
					font-weight: bold;
					}
					/*#container_droite .bloc_droite_haut p {
					margin: 0;
					padding: 9px 25px 0 25px;
					color: #FFFFFF;
					font-weight: bold;
					}
							
						.bloc_droite_gris .bloc_droite_haut {
						background : url('images/bloc_droite_gris_haut2.png') no-repeat;
						}
						
						padding: 0px 2px 2px 12px;
						
						*/
						.bloc_droite_gris_grand .bloc_droite_haut {
						background : url('images/bloc_droite_gris_haut1.png') no-repeat;
						}
				
					.bloc_droite_fond {
					padding: 0px 0px 0px 12px;
					font-family: Tahoma, Geneva, sans-serif;
					font-size: 11px;
					width:269px;
					}
																
						.bloc_droite_gris .bloc_droite_fond {
						background : url('images/bloc_droite_gris_fond2.png') repeat-y;
						}
						.bloc_droite_gris_grand .bloc_droite_fond {
						
						background : url('images/bloc_droite_gris_fond1.png') repeat-y;
						}

					.bloc_droite_bas {
					height: 20px;
					}
							
						.bloc_droite_gris .bloc_droite_bas {
						background : url('images/bloc_droite_gris_bas2.png') no-repeat;
						}
						.bloc_droite_gris_grand .bloc_droite_bas {
						background : url('images/bloc_droite_gris_bas1.png') no-repeat;
}
	
#myTable{
	color:#333333;
	margin:0; 
	padding:0;
}
#myTable tr td{
padding:0;
margin:0;
}
#myTable div {
	border:1px solid #CCCCCC;
	border-bottom:0px;
	background-color:#EEEEEE;
	height:18px;
	float:left;
	width:263px;
}
#myTable div.altRow {
	background-color:#FFFFFF;
}
#myTable div.RowTitre {
    text-align:left;
	color: #333333;
	font-weight:bold;
	font-size:11px;
	background-color:#D5D8D9;
}

#myTable div span{
float:left;
text-align:left;
}
#myTable div .flag   {padding-left:3px;width:30px;}
#myTable div .symbol {width:70px;}
#myTable div .valeur {width:50px;}
#myTable div .var 	 {width:15px;}
#myTable div .change1{width:50px; color:#CC0000;}
#myTable div .change2{width:50px; color:#008800;}
#myTable div .rest1  {width:45px; text-align:right; color:#CC0000;}
#myTable div .rest2  {width:45px; text-align:right; color:#008800;}


#myTable div a {
	color:#333333;
	font-weight:normal;
}
#myTable div a:hover {
	font-weight:bold;
}
#myTable div span img{
height:15px;
}

/************************************ Heuressss ******************************/
#TableHeures{
	padding: 0;
	margin: 0;
	margin-left:60px;
	height: 20px;
}
.heure{
	font-size:14px;
	float:left;
	width:90px;
}
.ville{
	top:0px;
	font-weight:bold;
}
#heures{
	text-decoration:none;
	list-style-type : none;
	position: relative;
	
}
	
#heures li {
				float: left;
				width:21px;
				text-align:center;
				background : url('images/heure1.png') no-repeat;
				}
#blogWebCal {
	width:270px;
	margin:0;
	overflow:hidden;
	padding:0 10px;
}
#Webtv {width:290px; height:60px; padding:0;}
#Webtv a{width:290px; height:60px;  background:url("images/webtv3.png") no-repeat; position:absolute; margin-top:-15px;}
#Webtv a:hover {background-image:url("images/webtv3_hover.png"); } 

.Graph {
	background:url("images/bg_chart.png")repeat-x;
	width : 540px;
	height:240px;
	padding-left:60px;
}
.Googlechart{
	background:url("images/bg_chart.png") repeat-x;
	padding-left:20px;
	float: left; 
	height:240px; 
}
.Googlechart span{
	font-family:tahoma;
	position: absolute;
	font-size:13px;
	color:#CCCCCC;
}
#channels{padding-left:20px; margin-top:10px;height:34px;background:#c1c1c1 url(images/nav_bg.png) repeat-x 0 0}
#channels ul{ list-style:none;margin:0;padding:5px 0 0 5px}
#channels li{width:100px;margin:0;padding:0;float:left;background:transparent url(images/nav_divider.png) no-repeat right 8px;}
#channels li.cat1{}
#channels li a{margin:0;padding:6px 11px 11px 10px;font-size:11px;font-weight:bold;text-decoration:none;float:left;color:#313131; padding-left:20px;}
#channels li a:hover{text-decoration:underline}
#channels li.active{margin-left:-1px}
#channels li.active a{background-color:#3e3e3e;padding:6px 10px 11px 10px;color:#fff}
#channels li b{}

.bloc_info {background: url(images/bloc_info.png) no-repeat; float:left; height:160px; padding-left:3px; color:#333333;}
.bloc_info span{width:20px;font-weight:bold;}
.bloc_info tr{height:20px;}


/* ------------------------------------------------------------
	Calendrier
------------------------------------------------------------- */
#CalendrierMenu {width:641px; height:26px; padding:0;}
#CalJours, #CalSemaines, #AgendaSocs, #StatEcos, #JoursFers{float:left;width:140px; height:16px;}
#CalendrierMenu #CalJours a{width:130px; height:16px;  background:url("images/cal.gif") no-repeat; position:absolute; }
#CalendrierMenu #CalJours a:hover {background-image:url("images/cal_hover.gif"); }  
#CalendrierMenu #CalSemaines a{width:130px; height:16px;background:url("images/CalSemaine.gif") no-repeat;position:absolute;}
#CalendrierMenu #CalSemaines a:hover {background-image:url("images/CalSemaine_hover.gif"); } 
 
#CalendrierMenu #AgendaSocs a{width:130px; height:16px;  background:url("images/Agenda.gif") no-repeat; position:absolute;}
#CalendrierMenu #AgendaSocs a:hover {background-image:url("images/Agenda_hover.gif"); }  
#CalendrierMenu #StatEcos a{width:130px; height:16px;  background:url("images/stat.gif") no-repeat; position:absolute;}
#CalendrierMenu #StatEcos a:hover {background-image:url("images/stat_hover.gif"); }  
#CalendrierMenu #JoursFers a{width:130px; height:16px;  background:url("images/ferier.gif") no-repeat; position:absolute;}
#CalendrierMenu #JoursFers a:hover {background-image:url("images/ferier_hover.gif"); }

.MonCalendrier {
background-image:url("images/header_lines_calendrier.gif");
border-left:0px solid #0059b0;
border-right:0px solid #cbcbcb;
border-bottom:1px solid #cbcbcb;
font-size: 11px;
color:#333333;
text-decoration: none;
width:639px;
padding:0px;
border-spacing:0px;
border-collapse:collapse; 
margin:0px; 
font-family:Trebuchet MS;
}
.MonCalendrier  tr{
	height:0px;
}
.ec_bg1_tr{
background-color:#FFFFFF;
height:21px;
}
.ec_bg2_tr{
background-color:#EEEEEE;
height:21px;
}
.ec_header {
background-color:transparent;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
height:20px;
text-decoration:none;
}
.ec_td_date,.ec_td_date2,.ec_td_time,.ec_td_currency,.ec_td_importance,.ec_td_actual,.ec_td_after_actual,.ec_td_forecast,.ec_td_after_forecast,.ec_td_previous,.ec_td_revised,.ec_td_after_previous{
 text-align: center;vertical-align:middle;
} 
tr.ec_bg1_tr td, tr.ec_bg2_tr td {
border-bottom:0 solid #CBCBCB;
}
.ec_td_date {
border-left:1px solid #CBCBCB;
font-weight:bold;
width:11%;
}
.ec_td_date2 {
border-left:1px solid #CBCBCB;
font-weight:bold;
width:200px;
}
.ec_td_time {
width:6%;
}
.ec_td_currency {
width:10%;
}
.ec_td_after_currency  {
width:1%;
}
.ec_td_importance {
width:7%;
}
.ec_td_after_importance  {
width:1%;
}
.ec_td_event {
vertical-align:middle;
width:43%;
font-weight:normal;
}
.ec_td_actual {
font-weight:bold;
width:5%;
}
.ec_td_forecast {
width:6%;
}
.ec_td_previous {
width:6%;
}
.ec_td_revised {
border-right:1px solid #CBCBCB;
width:2%;
}
img#ec_importance1 {
background:url("images/imp_1.png") no-repeat scroll center center transparent;
height:15px;
width:51px;
}
img#ec_importance2 {
background:url("images/imp_2.png") no-repeat scroll center center transparent;
height:15px;
width:51px;
}
img#ec_importance3 {
background:url("images/imp_3.png") no-repeat scroll center center transparent;
height:15px;
width:51px;
}
img.revised_icon {
background:url("images/revised.png") no-repeat scroll center center transparent;
height:9px;
width:9px;
}
img {
border:0 none;
padding:0;
}
.bloc2c{
background-color:#FFFFFF;
height:20px;
padding:4px;
width:100%;
font-weight:bold;
font-size:12px;
}



.left2#body DIV#sidebar2 {
	FLOAT: left; 
}

.left2#body DIV#sidebar2 UL#menu4 {
background-color:none;
float:left;
width:130px;
}

.left2#body DIV#sidebar2 UL#menu4 LI A {
float:left;
		width:120px; padding-left:5px; padding-right:5px;
		DISPLAY: block; 
		FONT-SIZE: 11px; 
		PADDING-BOTTOM: 5px;  COLOR: #555; 
}

.left2#body DIV#sidebar2 UL#menu4 LI A:hover {
	BORDER-BOTTOM-COLOR: #ff0000; PADDING-BOTTOM: 5px; COLOR: #333; BACKGROUND-COLOR: #e8e8e8
}
.lkhat {
background:url("../images/khat.png") no-repeat scroll 0 0 transparent;
height:7px;
margin-left:50px;
margin-top:10px;                                                                                                                                                    
width:600px;
}

#formulaire_gestion{ width: 85%;}
#formulaire_gestion p{ margin: 2px 0;}
#formulaire_gestion fieldset legend { padding: 0 10px; border-right: #CCC 1px solid; font-size: 1.2em;	color: #000000;}
#formulaire_gestion fieldset { margin-bottom: 10px; border: #CCC 1px solid; }
.gestion label { display: block; width: 39%; float: left; padding-right: 1%; 
				 text-align: right; letter-spacing: 1px; }
.gestion input, .gestion select { 	margin-left: 1%; width: 38%; border: #CCC 1px solid;}
.gestion select { height:20px;}
.gestion input:hover, .gestion select:hover, .gestion input:focus, .gestion select:focus { 	border: #999 1px solid;	background-color: #DDEEFF;}

.INPUTS { color:#999; font-family:Tahoma; font-size:11px; font-weight:bold; background:none; height:10px;}

.bouton_gestion{ BORDER-RIGHT: #151515 1px solid; BORDER-TOP: #151515 1px solid; BORDER-LEFT: #151515 1px solid; BORDER-BOTTOM: #151515 1px solid;  FONT-SIZE: 12px; FONT-FAMILY: Tahoma; font-weight: bold; BACKGROUND-COLOR: #c0c0c0; cursor: pointer; background-image:none; height:20px; color:#333333; padding:0px;}
.textpetitnoir {color: #000000; font-size: 7pt; margin:5px 5px 5px 5px}   
.textpetitvert {color: #1A7917; font-size: 8pt; margin:5px 5px 5px 5px          }
.textpetitrouge {color: #FF0000; font-size: 8pt; margin:5px 5px 5px 5px}


.none1{ clear:both; !important border:0px; background-repeat:no-repeat; !important width: 180px;}