html,body{margin:0;padding:0;width:100%;background-color:white}

table{border:0px;}

font{font:Helvetica,Arial,sans-serif;}

font.top {color:WHITE;text-decoration:none;font-size:14px;font-weight:lighter;}
font.middle {color:BLACK;text-decoration:none;font-size:18px;font-weight:bold;}
font.middleSelected {color:GRAY;text-decoration:none;font-size:18px;font-weight:bold;}
font.texteGeneral {color:BLACK;text-decoration:none;font-size:18px;font-weight:lighter;}
font.texteMessagesTitre {color:RED;text-decoration:none;font-size:14px;font-weight:lighter;}
font.texteMessages {color:BLACK;text-decoration:none;font-size:14px;font-weight:lighter;}
font.title {color:BLACK;text-decoration:none;font-size:25px;font-weight:lighter;}
font.subtitle {color:BLACK;text-decoration:none;font-size:20px;font-weight:lighter;}
font.footer_head {color:WHITE;text-decoration:none;font-size:14px;font-weight:bold;}
font.footer_item {color:GRAY;text-decoration:none;font-size:14px;font-weight:lighter;}
font.mediaTitre {color:BLACK;text-decoration:none;font-size:25px;font-weight:bold;}
font.mediaTexte {color:BLACK;text-decoration:none;font-size:14px;font-weight:lighter;}

a.top:link {color:GRAY;text-decoration:none;font-size:14px;font-weight:lighter;}
a.top:active {color:GRAY;text-decoration:none;font-size:14px;font-weight:lighter;}
a.top:visited {color:GRAY;text-decoration:none;font-size:14px;font-weight:lighter;}
a.top:hover {color:WHITE;text-decoration:none;font-weight:lighter;font-size:14px;}

a.middleSelected:link {color:BLACK;text-decoration: underline;}
a.middleSelected:active {color:BLACK;text-decoration:underline;}
a.middleSelected:visited {color:BLACK;text-decoration:underline;}
a.middleSelected:hover {color:WHITE;text-decoration:underline;}

a.middle:link {color:BLACK;text-decoration:none;}
a.middle:active {color:BLACK;text-decoration:none;}
a.middle:visited {color:BLACK;text-decoration:none;}
a.middle:hover {color:WHITE;text-decoration:none;}
a.bordered:hover img {border:solid 1px black;height:20px;width:20px;}

a.textGeneral:link {color:BLACK;text-decoration: none;}
a.textGeneral:active {color:BLACK;text-decoration:none;}
a.textGeneral:visited {color:BLACK;text-decoration:none;}
a.textGeneral:hover {color:GRAY;text-decoration:none;}

a.footer:link {color:GRAY;text-decoration:none;font-size:14px;font-weight:lighter;}
a.footer:active {color:GRAY;text-decoration:none;font-size:14px;font-weight:lighter;}
a.footer:visited {color:GRAY;text-decoration:none;font-size:14px;font-weight:lighter;}
a.footer:hover {color:WHITE;text-decoration:none;font-weight:bold;font-size:14px;}

a.mediaTitre:link {color:BLACK;text-decoration:none;font-size:25px;font-weight:bold;}
a.mediaTitre:active {color:BLACK;text-decoration:none;font-size:25px;font-weight:bold;}
a.mediaTitre:visited {color:BLACK;text-decoration:none;font-size:25px;font-weight:bold;}
a.mediaTitre:hover {color:GRAY;text-decoration:none;font-weight:bold;font-size:25px;}

div.menu_top {width:100%;margin:0;border:1px;height:25px;background-color:black;text-align:right;}
div.header_img {background-size:cover;margin:0;background-color:black;background-image:url(http://www.metiscentrenord.com/images/header.jpg);background-repeat:repeat;display:block;overflow:auto;height:300px;padding-left:0px;padding-right:0px;}
div.message{background-color: white; width: 480px; height:220px; overflow:auto;border: 0px solid black;position:absolute;z-index:10;top:50px;right:20px;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;}
div.menu_centre {margin:0;border:2px;background-color:blue;background:url(http://www.metiscentrenord.com/images/banner2.jpg);background-repeat:repeat;padding-left:150px;padding-right:150px;}
div.pages {height:900px;margin:0;border:0px;background-color:white;padding-left:150px;padding-right:150px;padding-top:30px;}
div.footer {height:300px;margin:0;padding-top:30px;padding-bottom:30px;background-color:black;padding-left:150px;padding-right:150px;}

td.menu_centre{padding-left:10px;padding-right:10px;}

	#menu
	{
		width:520px;      
		height: auto;      
		list-style-type: none;  
		margin: 0 auto;    
		padding: 0;      
		border: 0;
		}
	#menu > li
	{
		float: left;
		width: 120px;
		margin: 5px;
		padding: 0;
		border: 0;
	}
	#menu li a{
		display: block;         
		color: gray;       
	        background-color: rgb(0, 0, 0);
		margin: 0;
		padding: 4px 8px;
		border:1px solid gray;
		text-decoration: none;
	}
	#menu li a:hover {
		background-color: rgb(0,0,0);
		color: white;
	}
	#menu .menuderoulant
	{
		display: none;
		list-style-type: none;
		margin: 0;   
		padding: 0;
		border: 0;
		position:absolute;
	}
	#menu .menuderoulant li
	{
		float: none;
		margin: 0;
		padding: 0;
		border: 0;
		width: 140px;
 		border-top: 1px solid transparent;
		border-right: 1px solid transparent;
	}
	#menu .menuderoulant li a
	{
		display: block;
		color: gray;
		margin: 0;
		border: 0;
		text-decoration: none;       
	        background-color:rgb(0, 0, 0);
	}
	#menu .menuderoulant li a:hover
	{
		background-color:rgb(0,0,0);
		color:white;
	}
	#menu .menuderoulant li a:visited {
		background-color:rgb(0, 0, 0);
		color:gray;
	}
	#menu li:hover > .menuderoulant { display: block; }