body {
  
  /*background-image: url("bg.gif");*/
  background-color: #ffffff;
  color: #044371;
  font-family: verdana, arial, "sans-serif";
  margin:0px 0px 0px 0px;
  padding:0px 10px 0px 10px;
  
}
/* link */
/*
A:link    {  }    lien non-visité 
A:visited {  }   /* lien visité   
A:hover   {  } /* lien survolé   
A:active  {  }   /* lien activé    */
a:link {
	color:#044371;
	text-decoration:none;
}
a:visited {
	color:#044371;
	text-decoration:none;
}
a:hover {
	color:#044371;
	text-decoration:underline;
}
a:active {
	color:#044371;
	text-decoration:underline;
}

/* footer et footer link*/
.footer {
	font-size:10px;
}	

.footer a:link {
	color:#044371;
	text-decoration:none;
}
.footer a:visited {
	color:#044371;
	text-decoration:none;
}
.footer a:hover {
	color:#044371;
	text-decoration:underline;
}
.footer a:active {
	color:#044371;
	text-decoration:underline;
}

/* footer et footer link*/
/*.menu {
	font-size:12px;
	font-weight:bold;
	text-transform:none;
	color:#044371;
}	*/
.menu {
	background-image: url("nagl3.png");
	background-color: #044371;
	font-size:12px;
	font-weight:bold;
	text-transform:none;
	color:#ffffff;
	
}	

.menu a:link {
	color:#ffffff;
	text-decoration:none;
}
.menu a:visited {
	color:#ffffff;
	text-decoration:none;
}
.menu a:hover {
	background-image: url("bg.gif");
	background-color: #ffffff;
	color:#044371;
	text-decoration:underline;
}
.menu a:active {
	color:#000000;
	text-decoration:underline;
}


/* Entete de boite */
.entete {
	background-image: url("nagl1.png");
	background-color: #526D88;
	border:0px solid #4985b4;
	padding:5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
	}
.entete2 {
	background-image: url("nagl3.png");
	background-color: #6E8CAC ;
	border:0px solid #6E8CAC;
	padding:5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
	}	
.entete3 {
	/* background-image: url("nagl2.png");*/
	background-image: url("bleu.gif");
	background-color: #003399;
	padding:2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	/*text-transform:uppercase;*/
	color:#ffffff;
	}	
.entete4 {
	background-image: url("red.gif");
	/* background-image: url("titre_rouge.gif"); */
	background-color:#FF0000;
	padding:2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	/*text-transform:uppercase;*/
	color:#ffffff;
	}
	
/* Boite pour Entete (car pas de bordure haute) */
.boiteblanc 
{
	border-right:1px solid #6E8CAC;
	border-bottom:1px solid #6E8CAC;
	border-left:1px solid #6E8CAC;
	background:#ffffff;
	padding:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #044371;
	}
.boitevide {
	border-right:1px solid #6E8CAC;
	border-bottom:1px solid #6E8CAC;
	border-left:1px solid #6E8CAC;
	padding:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #044371;
	}

/* encadrement - similaire aux boites mais avec une bordure haute */
.cadrevide {
background-image: url("bg.gif");
	border-top:2px solid #6E8CAC;
	border-right:2px solid #6E8CAC;
	border-bottom:2px solid #6E8CAC;
	border-left:2px solid #6E8CAC;
	padding:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	}
.cadrevide1 {
	border-top:1px solid #6E8CAC;
	border-right:1px solid #6E8CAC;
	border-bottom:1px solid #6E8CAC;
	border-left:1px solid #6E8CAC;
	padding:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #6E8CAC;
	}
.cadrevideblanc {
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	padding:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #6E8CAC;
	}
.cadreblanc 
{
	border-top:1px solid #6E8CAC;
	border-right:1px solid #6E8CAC;
	border-bottom:1px solid #6E8CAC;
	border-left:1px solid #6E8CAC;
	background:#ffffff;
	padding:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #044371;
	}
.cadreavertissement 
{
	border-top:2px solid red;
	border-right:2px solid red;
	border-bottom:2px solid red;
	border-left:2px solid red;
	background:#ffffff;
	padding:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: red;
	}
/* These styles define font attributes */
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	
	}
	
.Small {
	
	font-size: 10px;
	}

/************** .feature styles ***************/

.feature{
	padding: 10px 10px 10px 10px;
	font-size: 80%;
	text-align: justify;
	color: #ffffff;
	background:#000000;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 0 3px 3px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/* These styles define the but */
 .but {
	background-image: url("nagl3.png");
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:12px;
	white-space:nowrap;
	text-align:center;
	color:#FFFFFF;
	}  
.but a {
	/*float:center;*/
	border-style:none;
	padding:5px 5px;
	text-decoration:none;
	font-size:12px;
	color:#FFFFFF;
	
	}  
.but a:hover {
	color:#ffffff;
	/*border-bottom-width:0;*/
	text-decoration:underline;
	}
	
.but a:active {
	color:#ffffff;
	/*border-bottom-width:0;*/
	}
 
.but2 {
	background-image: url("nagl.png");
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:12px;
	white-space:nowrap;
	text-align:center;
	color:#FFFFFF;
	}  
.but2 a {
	/*float:center;*/
	border-style:none;
	padding:5px 5px;
	text-decoration:none;
	font-size:12px;
	color:#FFFFFF;
	
	}  
.but2 a:hover {
	color:#ffffff;
	/*border-bottom-width:0;*/
	text-decoration:underline;
	}
	
.but2 a:active {
	color:#ffffff;
	/*border-bottom-width:0;*/
	}
 
 .butred {
	background-image: url("red.gif");
	/* background-image: url("titre_rouge.gif"); */
	background-color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:12px;
	white-space:nowrap;
	text-align:center;
	color:#FFFFFF;
	}  
.butred a {
	float:center;
	border-style:none;
	padding:5px 5px;
	text-decoration:none;
	font-size:12px;
	
	color:#FFFF00;
	
	}  
.butred a:hover {
	color:#ffffff;
	border-bottom-width:0;
	}
 
/* AJOUT URIS */

/* These styles define the buttons in the navigation bar */
 .navbar {
	
	text-transform:small-caps;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:12px;
	white-space:nowrap;
	color:#FFFFFF;
	}  
.navbar a {
	float:left;
	border-style:none;
	border-right:0px solid #666666;
	padding:0px 5px;
	text-decoration:none;
	font-size:12px;
	color: #ffFFFF;
	
	}  
.navbar strong {
	float:left;
	border-style:none;
	border-right:1px solid #cccccc;
	padding:7px 20px;
	text-decoration:none;
	background:#4985b4 ;
	color:#ffffff;
	}
.navbar a:visited {
	color:#ffffff;
	border-bottom-width:0;
	text-decoration:none;
	}
.navbar a:hover {
	color:#ffffff;
	border-bottom-width:0;
	text-decoration:underline;
	}
.navbar a:active {
	color:#ffffff;
	border-bottom-width:0;
	text-decoration:none;
	}