@charset "utf-8";
/*

TRM consultant
Stylesheet
by BRX
www.opalyse.fr

COLORS

#808d77		gris vert foncé
#d2dbcc		gris vert
#aa5326		orange foncé
#f0930b		orange

*/

@import "brx_layout.css";

/* HTML TAGS */
* {
	font-family:Helvetica, Arial, sans-serif;
}

body.home {
	background:#222222 url(../../img/bg_body.jpg) left top repeat-x;
}
body.int {
	background:#222222 url(../../img/bg_body.jpg) left top repeat-x;
}

p		{font-size:11px;color:#60635d;}
ul,ol	{font-size:11px;padding:0 10px 0 30px;list-style:none;color:#60635d;}
h1		{font-size:24px;color:#ffffff;width:960px;margin:10px 0 5px 0;}
h2		{font-size:22px;color:#aa5326;}
h3		{font-size:20px;color:#808d77;}
h4		{font-size:16px;color:#808d77;}
h5		{font-size:14px;color:#808d77;}
h6		{font-size:12px;color:#aa5326;}

a:link,a:visited {color:#aa5326;text-decoration:underline;}
a:hover {text-decoration:underline;}
a img {border:none;}

/* MATRICE */
#page {
}
	
	#head_home {
		background:url(../../img/bg_head_home.jpg) left bottom no-repeat;
	}
	#head {
		background:url(../../img/bg_head.jpg) left top no-repeat;
	}
	#logo {
		margin: 15px 0 0 0;
	}
		#menu {
			background:url(../../img/bg_menu.jpg) left top repeat-x;
		}
		
		#menu,#menu2 {
			padding:0;
			list-style:none;
		}
			#menu li {
				float:left;
				margin:0 2px 0 0;
				position:relative;
				z-index:10000;
			}
			#menu li a {
				display:block;
				width:80px;
				height:40px;
				line-height:40px;
				font-size:16px;
				font-family:"Helvetica Condensed", Helvetica, sans-serif;
				text-align:center;
				color:#d2dbcc;
				text-decoration:none;
			}
			#menu li.sep {
				width:20px;
				height:40px;
				margin:0;
				background:url(../../img/sep.jpg) center 5px no-repeat;
			}
			#menu li a:hover {
				color:#f0930b;
				text-decoration:none;
				z-index:30;
			}
			#menu li a.actif {
				color:#f0930b;
			}
			#menu li a.actif:hover {
				text-decoration:none;
			}
			#menu li a img {
				display:block;
				float:left;
			}
			#menu li a span {
				display:block;
				float:left;
			}
			#menu li#menu_left_end {
				display:block;
				float:left;
				margin:0;
				background:none;
			}
			#menu li#menu_right_end {
				display:block;
				float:right;
				margin:0;
			}
			
			/* sous menu 1 */
			ul#menu li ul {
				position:absolute;
				left:-10000em;
				top:40px;
				width:158px;
				padding:0;
				list-style:none;
				border:#808d77 1px solid;
				background-color:#d2dbcc;
				z-index:101;
			}
			ul#menu li ul li {
				clear:both;
				width:160px;
				position:relative;
			}
			ul#menu li:hover ul, ul#menu li.sfhover ul {
				z-index:120;
				left:auto;
			}
			ul#menu li ul li a {
				font-weight:normal;
				text-align:left;
				text-indent:3px;
				font-size:12px;
				line-height:20px;
				height:20px;
				width:158px;
				color:#60635d;
				background:none;
				font-family:Arial, Helvetica, sans-serif;
			}
			ul#menu li ul li a:hover {
				background:#222;
				border-left:1px;
				color:#f0930b;
			}
			
			/* sous menu 2 */
			ul#menu li ul li ul {
				margin:0 0 0 -10000em;
				width:158px;
				padding:0;
				list-style:none;
				border:#808d77 1px solid;
				background-color:#d2dbcc;
				z-index:101;
			}
			ul#menu li ul li ul li{
				clear:both;
				width:160px;
			}
			ul#menu li ul li:hover ul, #menu li ul li.sfhover ul  {
				margin:-40px 0 0 158px;
			}
			ul#menu li ul li ul li a {
				font-weight:normal;
				text-align:left;
				text-indent:3px;
				font-size:11px;
				width:158px;
				color:#60635d;
			}
			ul#menu li ul li ul li a:hover {
				background:#222;
				border-left:1px;
				color:#f0930b;
			}
				
			
		#home_blocks {
			width:940px;
			height:160px;
			margin:30px auto 20px auto;
		}
		
		#box1,#box2,#box3,#box4 {
			width:220px;
			height:160px;
			float:left;
		}
		#box1 {
			background:url(../../img/bg_box1.png) left top no-repeat;
			margin:0 20px 0 0;
			text-decoration:none;
		}
		#box2 {
			background:url(../../img/bg_box2.png) left top no-repeat;
			margin:0 20px 0 0;
			text-decoration:none;
		}
		#box3 {
			background:url(../../img/bg_box3.png) left top no-repeat;
			margin:0 20px 0 0;
			text-decoration:none;
		}
		#box4 {
			background:url(../../img/bg_box4.png) left top no-repeat;
			text-decoration:none;
		}
		#box1 p,#box2 p,#box3 p,#box4 p {
			margin:75px 20px 10px 20px;
			color:#fff;
		}
		
		#contenu {
			background:url(../../img/bg_contenu.jpg) left top repeat-y;
		}
		
		.col_top {
			display:block;
			position:absolute;
			top:0px;
		}
		
		#leftcol {
			/*background:url(../../img/bg_leftcol.png) 0px 15px repeat-y;*/
		}
		#leftcol h2,#leftcol h3,#leftcol h4,#leftcol h5,#leftcol h6,#leftcol p,#leftcol ul,#leftcol ol {
			margin:0 10px 10px 25px;
		}
		#leftcol h6 {
			display:inline;
		}
		.titre_une {
			font-weight:bold;
			color:#aa5326;
		}
		div.une a:hover p {
			text-decoration:underline;
		}
		#leftcol ul {
			list-style:disc;
		}
		.left_sep {
			width:270px;
			height:2px;
			background:url(../../img/left_sep.jpg) left top no-repeat;
			margin:20px 10px 20px 20px;
		}
		#leftcol ul li a.file_desc {
			position:relative;
			display:block;
			text-decoration:none;
			z-index:9990;
		}
		#leftcol ul li a.file_desc span {
			position:absolute;
			left:-10000em;
			top:0px;
			display:block;
			width:180px;
			height:auto;
			background-color:#808d77;
			z-index:9999;
		}
		#leftcol ul li a.file_desc span p {
			color:#ffffff;
			margin:5px;
			padding:0;
		}
		#leftcol ul li a.file_desc:hover {
			background-color:#c7d0c2;
		}
		#leftcol ul li a.file_desc:hover span {
			left:70px;
		}
		
		div.texte {
			margin:0 20px 0 0;
		}	
		.texte ul {
			list-style:url(../../img/puce.jpg) inside;
		}
		
		#rightcol {
			/*background:url(../../img/bg_rightcol.png) 0px 15px repeat-y;*/
		}
		#rightcol h2,#rightcol h3,#rightcol h4,#rightcol h5,#rightcol h6,#rightcol p,#rightcol ul,#rightcol ol {
			margin:0 20px 10px 10px;
		}
		#rightcol p,#rightcol ul,#rightcol ol {
			font-size:13px;
		}
		#rightcol h3 {
			font-style:italic;
		}
		
		div#end_cols {
			height:15px;
			width:960px;
			background:url(../../img/end_cols.jpg) left top no-repeat;
			clear:both;
		}
		
#foot {
	background:url(../../img/bg_foot.jpg) left top no-repeat;
	color:#9a9a9a;
	font-weight:bold;
}
	#foot p.adresse {
		width:970px;
		text-align:center;
		font-weight:bold;
		color:#f0930b;
		height:18px;
	}
	#foot_menu {
		width:380px;
		margin:0 auto;
		height:18px;
	}
	#legal {
		width:210px;
		margin:0 auto;
		height:18px;
		/*background-color:#996633;*/
	}
	#foot_menu li, #legal li {
		/*float:left;*/
		display:inline;
	}
	#foot_menu li a, #legal li a {
		color:#9a9a9a;
		font-weight:bold;
		text-decoration:none;
	}
	#foot_menu li a:hover, #legal li a:hover {
		text-decoration:underline;
		color:#f0930b;
	}
	#opalyse {
		display:block;
		width:200px;
		position:absolute;
		left:50%;
		bottom:-5px;
		margin:0 0 0 -100px;
		color:#444;
		font-size:7pt;
		text-align:center;
		text-decoration:none;
		font-weight:normal;
	}
		#opalyse:hover {
			text-decoration:underline;
		}
	
.reset {
	clear:both;
	visibility:hidden;
}

.img_left,.pos0 {
	display:block;
	float:left;
	margin:10px 10px 1px 10px;
	border:1px solid #808d77;
}
.img_right,.pos1 {
	display:block;
	float:right;
	margin:10px 0px 1px 10px;
	border:1px solid #808d77;
}	

.alert {
	font-weight:bold;
	color:#FF0000;
	background-color:#FFFFCC;
	padding:3px;
	border:1px dotted #FF0000;
	width:600px;
	margin:0 auto;
}
.alert2 {
	font-weight:bold;
	color:#FF0000;
	background-color:#FFFFCC;
	padding:3px;
	border:1px dotted #FF0000;
	margin:0 auto;
}
.alert_sign {
	display:block;
	float:left;
	margin:0 5px 5px 0;
}

.news {
	width:100%;
	position:relative;
	border-bottom:1px dotted #cfd2d7;
	min-height:150px;
	height:auto !important;
	height:150px;
	background:#CCCCCC;
}
.news h3 {
	/*background-color:#cfd2d7;*/
}

.plus {
	display:block;
	position:absolute;
	bottom:0;
}

.emphasize {
	font-weight:bold;
	color:#fc7639;
}

p.faq_q {
	background:#daf2fe url(../../img/faq_q.jpg) left top no-repeat;
	padding:3px 3px 3px 32px;
	margin:10px 0 0 0;
	cursor:pointer;
	font-weight:bold;
}
p.faq_r {
	background:#e5feda url(../../img/faq_r.jpg) left top no-repeat;
	padding:3px 3px 3px 32px;
	
}


/* ACCES CLIENTS */
#account_summary {
	width:306px;
	font-size:10px;
	margin:0 auto 10px auto;
}
#account_summary tr td.account_intitule {
	background-color:#B8D9ED;
	width:50%;
	padding:2px;
	text-indent:3px;
}
#account_summary tr td.account_infos {
	background-color:#E0F5FE;
	width:50%;
	padding:2px;
}
#download_summary {
	width:600px;
	font-size:12px;
	margin:0 auto 10px auto;
}
	#download_summary tr td.download_intitule {
		background-color:#B8D9ED;
		width:85%;
		padding:5px;
	}
	#download_summary tr td.download_infos {
		background-color:#E0F5FE;
		width:15%;
		padding:5px;
		text-align:center;
	}


/* MGFX TABS styles */


.onglets {
	margin-left:0;
	margin-bottom:0;
}
.onglets li {
	background-color:#34509b;
	display:inline;
	float:none;
	list-style:none;
	padding:5px;
	outline: none;
}
.onglets li a {
	color:#fff;
	display:inline;
	height:auto;
	padding:5px 15px;
	text-decoration:none;
	width:auto;
	outline: none;
}
.onglets li.active {
	background-color:#4499cf;
}
.onglets li a.active {
	color:#fff;
}
.tabbed_content {
	width:620px;
	height:auto;
	position:relative;
	border:1px dotted #a6a6a6;
	padding:5px;
}

.red {
	font-weight:bold;
	color:red;
}

.orange {
	font-weight:bold;
	color:orange;
}

.green {
	font-weight:bold;
	color:green;
}

.ancre {
	display:none;
}
