/* =====================================================================
 * --------------    styles for page   ----------------
 * ===================================================================== */
body
{
	font-family: verdana, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
/*	margin-top: 0px;
	margin-left: 0px; */
	color: #000000;
	padding: 0px;

}
#milieu
{
	text-align: center;
}

td
{
	font-family: verdana, sans-serif;
	font-size: 11px;
	padding: 2px;
}
p
{
	text-align: justify;
	
}	
#page {
	width: 963px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 10px;
	background-color: #ffffff;
	padding: 5px;
}
.content
{
list-style-type:none;
}
.content li{
color: black;
list-style-type:none;
background-image:url('../images/puce.gif');
background-repeat:no-repeat;
background-position: 0% 30%;
padding-left:15px;

}

/* =====================================================================
 * --------------    styles for links   ----------------
 * ===================================================================== */

a:link, a:visited {
	color: #32AEE4;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active {
	color: #32AEE4;
	font-weight: bold;
	text-decoration: underline;
}
	
/* =====================================================================
 * --------------    styles for header   ----------------
 * ===================================================================== */
#header {
	background-image: url(../images_X-NI/fd_bandeau.gif);
	background-repeat: no-repeat;
	width: 777px;
	height: 98px;
	background-position: top right;
	margin: 0px;
}
#logo {
	background-image: url(../images_X-NI/logo.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 98px;
	background-position: 0px 0px;
	margin: 0px;
	
}

#deco
{
	
	background-image: url(../images_X-NI/deco.gif);
	background-repeat: repeat-x;
}
#bandeau
{
	width: 973px;
	border: 0px;
	border-collapse: collapse;
	margin-bottom: 25px;
}
.middle
{
	width: 15px;
}
#donnees
{
	width: 950px;
	border: 0px;
	border-collapse: collapse;
}
.left
{
	width: 200px;
	border: 0px;
	border-collapse: collapse;
	vertical-align: top;
}
		
.fg {
	border-width: 1px;
	border-style: solid;
	border-color: #32AEE4;
	width: 200px;
	background-color:#E6E6E6;
	font-weight: bold;
	text-align: center;
}
.fg2 {
	border-width: 1px;
	border-style: solid;
	border-color: #32AEE4;
	width: 200px;
	background-color:#E6E6E6;
	text-align: center;
	padding-left: 3px;
}
.middle
{
	text-align: center;
}
.bold
{
	font-weight: bold;
}
.orange
{
	color: #F7941D;
	font-weight: bold;
	}
#fd_bleu
{
	background-color:#32AEE4;
	height: 20px;
}
#fr {
	
	display: block;
	height: 30px;
	width: 750px;
	
}
.button1
{
	background-image: url(../images_X-NI/fd_button1.gif);
	background-repeat: no-repeat;
	border: 0px;
	font-size: 10px;
	width: 68px;
	padding-left: 10px;
}

.gauche
{
	text-align: left;
}
#title1
{
	color: #F7941D;
	font-weight: bold;
	font-size: 13px;
	width: 200px;
	padding: 3px;
	height: 20px;
}



/* =====================================================================
 * --------------    styles for page content   ----------------
 * ===================================================================== */

h1 {
	font-size: 16px;
	text-align: left;
	color:#F7941D;
	font-weight: bold;
	padding-left: 5px;
}
/* =====================================================================
 * --------------    styles for the path content   ----------------
 * ===================================================================== */
#path
{
color:#000000;

padding-top:5px;
padding-bottom: 20px;

}
#path a:link, #path a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
#path a:hover, #page a:active {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
/* =====================================================================
 * --------------    styles for the footer content   ----------------
 * ===================================================================== */
#footer
{
	width: 740px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #32AEE4;
	background-color:#E6E6E6;
			
}

#footer_left 
{
	text-align: left;
	width: 75%
}
#footer_right 
{
	text-align: right;
	width: 25%
}
a.footer:link
{
color: #000000;
font-weight: normal;
text-decoration: none;
}
a.footer:visited
{
color: #000000;
font-weight: normal;
text-decoration: none;
}
a.footer:hover
{
color: #000000;
font-weight: normal;
text-decoration: underline;
}

a.top:link
{
background-image:url('../images/fleche.gif');
background-repeat:no-repeat;
background-position: 0% 30%;
padding-left:15px;
color: #000000;
font-weight: normal;
text-decoration: none;
}
a.top:visited
{
background-image:url('../images/fleche.gif');
background-repeat:no-repeat;
background-position: 0% 30%;
padding-left:15px;
color: #000000;
font-weight: normal;
text-decoration: none;
}
a.top:hover
{
background-image:url('../images/fleche.gif');
background-repeat:no-repeat;
background-position: 0% 30%;
padding-left:15px;
color: #000000;
font-weight: normal;
text-decoration: underline;
}
/******************************************************************************/
/*                          STYLES MENU                          */
/******************************************************************************/
#fdmenu
{
background-image:url('../images_X-NI/fd_menu.gif');
background-repeat: repeat-x;
background-position: center center;
//background-position: 12% 12%;//
margin:0px;
width: 750px;

}
#menu {
list-style-type: none;

}
#menu li { float: left;}

.menu1-on
{
	 margin: 0px;
     width: 110px; 
     height: 52px;
     float: left;
     display: block;
     background-image:url('../images_X-NI/onglet1_on.gif');
     background-repeat:no-repeat;
     text-decoration: none;
     color:#ffffff;
     font-weight:bold;
     font-family:verdana;
     font-size:9pt;
     text-align: center;
     padding-top: 12px;
}
.menu2-on
{
	margin-left: -6px;
     width: 101px; 
     height: 52px;
     
     background-image:url('../images_X-NI/onglet2_on.gif');
     background-repeat:no-repeat;
     text-decoration: none;
     color:#ffffff;
     font-weight:bold;
     font-family:verdana;
     font-size:9pt;
     text-align: center;
     padding-top: 12px;
}
.menu3-on
{
	margin-left: -6px;
     width: 116px; 
     height: 52px;
     
     background-image:url('../images_X-NI/onglet3_on.gif');
     background-repeat:no-repeat;
     text-decoration: none;
     color:#ffffff;
     font-weight:bold;
     font-family:verdana;
     font-size:9pt;
     text-align: center;
     padding-top: 12px;
}
.menu4-on
{
	margin-left: -6px;
     width: 50px; 
     height: 52px;
     
     background-image:url('../images_X-NI/onglet4_on.gif');
     background-repeat:no-repeat;
     text-decoration: none;
     color:#ffffff;
     font-weight:bold;
     font-family:verdana;
     font-size:9pt;
     text-align: center;
     padding-top: 12px;
}
.menu1 a:link, .menu1 a:visited, .menu1 a:active {
     margin: 0px;
     width: 110px; 
     height: 52px;
     float: left;
     display: block;
     background-image:url('../images_X-NI/onglet1_on.gif');
     background-repeat:no-repeat;
     text-decoration: none;
     color:#ffffff;
     font-weight:bold;
     font-family:verdana;
     font-size:9pt;
     text-align: center;
     padding-top: 12px;
     }
	 
.menu1 a:hover {
     
	background-image:url('../images_X-NI/onglet1_off.gif');
	color:#000000;
	font-weight:normal;
     background-repeat:no-repeat;
	text-decoration: none;	
}
.menu1-off a:link, .menu1-off a:visited, .menu1-off a:active {
     margin-left: 0px;
     width: 110px; 
     height: 52px;
     float: left;
     display: block;
     background-image:url('../images_X-NI/onglet1_off.gif');
     background-repeat:no-repeat;
     text-decoration: none;
     color:#000000;
     font-weight:normal;
     font-family:verdana;
     font-size:9pt;
     text-align: center;
     padding-top: 12px;
     }
	 
.menu1-off a:hover {
     
	background-image:url('../images_X-NI/onglet1_on.gif');
	color:#ffffff;
	font-weight:bold;
     background-repeat:no-repeat;
	text-decoration: none;	
}



.menu2 a, .menu2 a:visited, .menu2 a:active {
     margin-left: 0px;
     width: 101px; 
     height: 52px;
     float: left;
     display: block;
     background-image:url('../images_X-NI/onglet2_off.gif');
     background-repeat:no-repeat;
     text-decoration: none;
     color:#000000;
     font-weight:normal;
     font-family:verdana;
     font-size:9pt;
     text-align:center;
     padding-top:12px;
     
     }
	 
.menu2 a:hover {
	background-image:url('../images_X-NI/onglet2_on.gif');
     background-repeat:no-repeat;
     text-decoration: none;
     color:#ffffff;
	font-weight:bold;
     }
.menu3 a, .menu3 a:visited, .menu3 a:active {
     margin-left: 0px;
     width: 116px; 
     height: 52px;
     float: left;
     display: block;
     background-image:url('../images_X-NI/onglet3_off.gif');
     background-repeat:no-repeat;
     text-decoration: none;
     color:#000000;
     font-weight:normal;
     font-family:verdana;
     font-size:9pt;
     text-align:center;
     padding-top:12px;
     
     }
	 
.menu3 a:hover {
	background-image:url('../images_X-NI/onglet3_on.gif');
     background-repeat:no-repeat;
     text-decoration: none;
     color:#ffffff;
	font-weight:bold;
     }
.menu4 a, .menu4 a:visited, .menu4 a:active {
     margin-left: 0px;
     width: 50px; 
     height: 52px;
     float: left;
     display: block;
     background-image:url('../images_X-NI/onglet4_off.gif');
     background-repeat:no-repeat;
     text-decoration: none;
     color:#000000;
     font-weight:normal;
     font-family:verdana;
     font-size:9pt;
     text-align:center;
     padding-top:12px;
     
     }
	 
.menu4 a:hover {
	background-image:url('../images_X-NI/onglet4_on.gif');
     background-repeat:no-repeat;
     text-decoration: none;
     color:#ffffff;
	font-weight:bold;
     }
.menu5 a, .menu5 a:visited, .menu5 a:active {
     margin-left: 0px;
     width: 123px; 
     height: 52px;
     float: left;
     display: block;
     background-image:url('../images_X-NI/onglet_last_off.gif');
     background-repeat:no-repeat;
     text-decoration: none;
     color:#000000;
     font-weight:normal;
     font-family:verdana;
     font-size:9pt;
     text-align:center;
     padding-top:12px;
     
     }
	 
.menu5 a:hover {
	background-image:url('../images_X-NI/onglet_last_on.gif');
     background-repeat:no-repeat;
     text-decoration: none;
     color:#ffffff;
	font-weight:bold;
     }