body {
	margin: 0px 0;
	padding: 0;
	background: #FFFFFF;
	/*background: #E1E1E1 url(../css/images/gradbr.png) 0 0 repeat-x;*/
	/*font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font: normal 11px Arial, helvetica, sans-serif;	
	color:#31333B;
	
}

#header {
	width: 850px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	background: url('../custom_files/fond_bureautique_Vierge.jpg') no-repeat;
}


#header_info {
	width: 850px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	background: url('../custom_files/tn_informatique.jpg') no-repeat;
}


#menu {
	width: 850px;
	height: 45px;
	margin: 0 auto;
	background: #666666;
}


#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#menu li {
	display: inline;
}


#menu a {
	display: block;
	float: left;
	margin-left: 10px;
	height : 25px;
	padding: 15px 10px 0px 10px;
	border-bottom: 4px solid #330010;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-color: #990000;
}

#menu a:hover {
	border-bottom-color: #990000;
	background: #990000;
}

#menu .active a {
	border-bottom-color: #990000;
	background: #990000;
}

#content {
	width: 850px;
	margin: 0 auto;
	text-align : justify; 
	background: url('../images/shadow/bgd.gif') repeat-y
	/*background:#000000;*/
}

#right {
	width: 600px;
	margin-left: 0px;
	padding-right: 20px;
	float:right;
	/*background: #ff00ff;*/
	}


#left {
	width: 200px;	
	margin: 0 auto;
	float:left;
	padding-left:5px;
	padding-top:0px;
	

	/*background: #ff0000;*/
}

#footer {
	width: 850px;
	margin: 0px auto;
	padding: 3px 0px;
	height: 25px;
	border-top: 2px solid #FFFFFF;
	background: #9E100E;
}

#footer p {
	margin: 0px;
	padding-top: 5px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
}

#footer a {
	color: #ffffff;
}

#footer a:hover {
	color: #ffffff;
}


 h1,h2 {
 color:#8fa819;font-family: "Trebuchet MS",arial, helvetica, sans-serif;font-weight:bold;font-size:15px;padding-left:12px;
 background: url(../images/arrow.gif) no-repeat left center;
 text-transform: uppercase;
 margin-left:15px;
 }

 h3 {
 color:#B9121B;font-family: "Trebuchet MS",arial, helvetica, sans-serif;
 font-weight:bold;
 font-size:29px;
 }
 
 h4 {
 color:#666666;font-family: "Trebuchet MS",arial, helvetica, sans-serif;
 font-size:16px;
 }
 
.blue {
color:#3f71b6;
font-weight: 800;
}

.bluesquare {
 color:#3f71b6;
 font-weight: 800;
 padding-left:12px;
 background: url(../images/square.gif) no-repeat left center;
}

.redsquare {
 color:#C03000;
 font-weight: 900;
 margin-left:15px;
 padding-left:12px;
 background: url(../images/redsquare.gif) no-repeat left center;
}

.grey {
 color:#666666;
 font-weight: 900;
 margin-left:15px;
 padding-left:12px;
}


a {
color:#3f71b6;
}

a:hover {
color:#3f71b6;
text-decoration :none;
}

hr {
width:100%;
height: 1px;
color:#8fa819;
background-color:#8fa819;

}
 
#resol {
left:1280px;
text-align:left;
position:fixed!important;
position:absolute;
width:300px;
margin:0 auto;
background:transparent;

} 
#resol h1 {
background:none;
font-size:1.5em;
letter-spacing:12px;
padding:0px;margin:0px;
}
#resol h2 {
font-size:0.8em;letter-spacing:1px;
padding:0px;margin:0px;
background:none;
}


a.logged { 
color : #ff6622;
text-decoration : none;
background : none;
font-size : 11pt;
font-weight : bold;
}

a:hover.logged  { 
color : #ffffff;
text-decoration : none;
background : none;
font-size : 10pt;
font-weight : bold;
}



/* CSS Document */
.rhm1{
	width:100%;
	height:42px;
	margin:0 auto;
	background:url(http://www.tn-bureautique.com/images/fond/rhm1_bg.gif) repeat-x;		
}
.rhm1-left{
	background:url(http://www.tn-bureautique.com/images/fond/rhm1_l.gif) no-repeat;
	width:15px;
	height:42px;
	float:left;
}
.rhm1-right{
	background:url(http://www.tn-bureautique.com/images/fond/rhm1_r.gif) no-repeat;
	width:15px;
	height:42px;
	float:right;
}
.rhm1-bg{
	background:url(http://www.tn-bureautique.com/images/fond/rhm1_bg.gif) repeat-x;
	height:42px;
}
.rhm1-bg ul{
	list-style:none;
	margin:0 auto;
}
.rhm1-bg li{
	float:left;
	list-style:none;
}
.rhm1-bg li a{
	float:left;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font:14px 'Lucida Sans', sans-serif;
	font-weight:bold;
	padding:10 0 0 8px;
	height:42px;
	line-height:40px;
	text-align:center;
	cursor:pointer;	
}

.rhm1-bg  span{
	float:left;
	display:block;
	font:11px 'Lucida Sans', sans-serif;
	font-weight:bold;
	color:#000;
	height:42px;
	padding-left:0px;
	margin-top:5px;
}

.rhm1-bg   a{
	text-decoration:none;
	color:#666;
}

.rhm1-bg   a:hover{
	text-decoration:underline;
	font:13px 'Lucida Sans', sans-serif;
	color:#fff;
	font-weight:bold;
}


.rhm1-bg li a span{
	float:left;
	display:block;
	padding:10 32px 0 8px;
}
.rhm1-bg li.current a{
	color:#666;
	background:url(http://www.tn-bureautique.com/images/fond/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li.current a span{
	color:#FFFFFF;
	background:url(http://www.tn-bureautique.com/images/fond/rhm1_hover_r.gif) no-repeat right 5px;
}
.rhm1-bg li a:hover{
	color:#666;
	background:url(http://www.tn-bureautique.com/images/fond/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li a:hover span{
	color:#666;
	background:url(http://www.tn-bureautique.com/images/fond/rhm1_hover_r.gif) no-repeat right 5px;
}





/* MENU CSS Document */

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
background: #990000;
padding: 0px;
height: 47px;
background: url(../images/menu/p/nav-bg.jpg);
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/	
#nav-container a{	
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(../images/menu/p/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #C03000;
background: url(../images/menu/p/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{	
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(../images/menu/p/item-secondary-container-bg.jpg);
background-repeat: repeat-x;
background-color: #3F3F3F;
border-bottom: 1px solid #3F3F3F;
}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(../images/menu/p/item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{	
background-color: #FFFFFF;
background: url(../images/menu/p/item-secondary-bg.jpg);
background-repeat: no-repeat;
color:#CC0000;
}

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title{	
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color: #AAAAAA;
}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}