/*CSS*/
body {
	color: White; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	background-color: black;
	margin-top: 0;
	
}
td {
	font-size: 10pt;
	padding: 0 35px;
}
p {
	font-size: 10pt;  
	margin-bottom: 7px; 
	margin-top: 0;
}
a{
	color: #76defc; 
	text-decoration: none;
}
a:hover {
	text-decoration: none;  
	color: White;
}


/**************************************************************Haut de page*****************************************************************************************/
#contenue {
	width:760px; 
}
#tete  {
	width:760px; 
}
#tete   ul {
	margin: 0; 
	padding-left: 0; 
	height: 35px; 
	line-height: 35px; 
	display: block; 
	list-style: none; 
	background-color: #4d4d4d; 
	background-image: url(block.jpg); 	  
	background-repeat: no-repeat;
}
#tete   li {
	display: inline; 
	background-color: #222222;  
	float: right;
}
#tete  li a {
	height: 35px; 
	line-height: 35px; 
	display: block; 
	padding-left: 27px; 
	padding-right: 27px; 
	border-left: 1px solid Black;  
	float: left;
	background-color: #444444;
}
#tete  li a:visited{
	background-color: #444444; 
	text-decoration: none;
}

#tete  li a:hover{
	background-color: #76defc; 
	text-decoration: none;
} 

#tete  li a:active{
	background-color: #76defc; 
	text-decoration: none;
}
/*******************************************************************Banniere************************************************************************************/
.banniere {
	height:99px; 
	background-image: url(logo_nordonline.jpg);  
	background-repeat: no-repeat;  
	background-color: #ffffff;
	border-left: 3px solid lavender;
	border-top: 3px solid lavender;
	border-bottom: 3px solid lavender;
	
}

/******************************************************************Millieu de page*************************************************************************************/
#contenu {
	width:760px;
}

#contenu a {
	color: white;
}
#contenu a:hover {
	color: #76defc;
}
span.infos {
	float: left;
}
#bonjour {
	font-size: 20px;
	color: lavender; 
}

#text { 
	padding: 20px 40px 20px 40px; 
	border-bottom: 1px solid lavender; 
	border-top: 1px solid lavender; 
	background-color: #3f3f44;
}

#textconfiance { 
	padding: 0px 0px 0px 0px; 
	border-bottom: 1px solid lavender; 
	border-top: 1px solid lavender; 
	background-color: #3f3f44;
	width: 760px;
	height: auto;
}

#textconfiance2 { 
	border-bottom: 1px solid lavender; 
	border-top: 1px solid lavender; 
	background-color: #3f3f44;
	width: 760px;
	
}

#textconfiance3 { 
	border-bottom: 1px solid lavender; 
	border-top: 1px solid lavender; 
	background-color: #3f3f44;
	width: 760px;
	
}


#realisations { 
	padding: 10px 0px 10px 0px; 
	border-bottom: 1px solid lavender; 
	border-top: 1px solid lavender; 
	background-color: #3f3f44;
	width: 760px;
	height: auto;
	
}
#text p {
	margin-bottom: 1em;
}
/*******************************************************************Bas de page************************************************************************************/
#pied {
	width:760px; 
	margin-top:27px;   
	border-top: 4px solid #4d4d4d;
	text-align: right;  
	padding-top: 5px;
	color: #76defc;
}


#pied p {
	font-size: 11px; 
	line-height: 14px; 
	margin: 0;  
	
}
#pied a {
	font-size: 12px;	
	font-weight: normal;	
	text-decoration: none;  
	color: White;
}
#pied a:hover {
	color: #76defc; 
	text-decoration: none; 
}