body {
	background-color: #DCEBFE;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 
scrollbar-face-color:#566E9C;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C0C0C0;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#BE2543;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#E0E0E0;

}
td {
	vertical-align: top;
}
#conteneur {
	position: relative;
	margin: auto;
	width: 970px;
}
a:link, a:visited {
	color: #194270;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #BC2641;
	font-weight: bold;
	text-decoration: none;
}

a:active {
	color: #BC2641;
	font-weight: bold;
	text-decoration: underline;
}

a.image, a.image:active, a.image:visited { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 177px; /* largeur de l'image réactive */
     height: 27px; /* hauteur de l'image réactive */
     background-image: url(images/button1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
	  text-decoration: none;
	  line-height: 25px;
	font-weight:bold;
	font-size: 14px;
     }
	 
a.image:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/button1ro.gif); /* source de l'image d'arrivée */
	   text-decoration: none;
     } 




h1 {
	color: #BE2543;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}

h2 {
	color: #18416F;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}

p, td {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.btcontent {
	background-color: #FFFFFF;
	background-image: url(images/bkcontent.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	
}

.btcopyrights {
	background-color: #DFECFF;
	border: #BC2643;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-style: solid;
	border-top-width: 2px;
	color: #26293C;
	font-size: 10px;
	font-style: italic;
	width:285px;
}

.btinfobox {
position: relative;
	background-color: #DFECFF;
	border: #BC2643;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-style: solid;
	border-top-width: 2px;
	width:285px;
	text-align: justify;
	padding: 10px 10px 10px 10px;
	
	
}

.btinfobox2 {
	background-color: #FFFFFF;
	background-image: url(images/bkinfobox2.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	border: 2px #6A82AE solid;
	padding: 15px;
	margin-left: 25px;
	width: 470px;
}

.btmain {
	background-image: url(images/bknav.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	border-bottom-width: 0px;
	border-color: #000000 #566E9C;
	border-left-width: 12px;
	border-right-width: 12px;
	border-style: double;
	border-top-width: 0px;
}

.btnavbk {
	background-image: url(images/bknav.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

.tit {
	font-size: 25px;
	font-style: italic;
	color: #00006E;
	font-weight: bold;
	text-align: left;
	margin-right: 10px;
}

.mark {
	margin-right: 15px;
	}
	
	
/* LE MENU EN ROLLOVER */

ul#menu
{
	margin: 0 0 0 0px;
	padding: 0px;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 19px 0px 5px 190px;
	padding: 0px ;
	
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 168px ;
	height: 26px;
	line-height: 26px ;
	color: #00006E;
	text-indent: 25px; /* On décale le texte de 40px du bord gauche */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none ;
	background: url(images/butbout.gif) no-repeat 0 0; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	}

ul#menu li a:hover
{
	background: url(images/butbout.gif) no-repeat 0 -26px; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	color: #BC2641;
}

/* FIN MENU */


/* LE MENU2 EN ROLLOVER */

ul#menu2, ul#menu2b
{
	margin: 0 10px 0 0px;
	padding: 0px;
	list-style-type: none ;
	float: left;
	
	/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu2 li, ul#menu2b li
{
	margin: 19px 0px 5px 0px;
	padding: 0px ;
	display: inline;
	
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu2 li a, ul#menu2b li a
{
	display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 235px ;
	height: 26px;
	line-height: 26px ;
	color: black;
	text-indent: 25px; /* On décale le texte de 40px du bord gauche */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none ;
	background: url(images/butbout2.gif) no-repeat 0 0; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	}

ul#menu2 li a:hover, ul#menu2b li a:hover
{
	background: url(images/butbout2.gif) no-repeat 0 -26px; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
	color: white;
}

/* FIN MENU */


a.news {
  background: none; 
  	margin-left: 45px;
	color: #194270;
	font-weight: bold;
	text-decoration: underline;
}
a:hover.news {
margin-left: 45px;
	color: #BC2641;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
a.news span.pophaut, a:link.news span.pophaut 
{display: block;
  position: absolute; 
  top:-100.5em;
  left:-100.5em; background-image: none; clear: both; }
a:hover.news span.pophaut {
  display: block;
  position: absolute;
  float:left;
  top:-8em;
  left:-0.6em;
  z-index: 20;
  background: White;
  color: Black;
  border: 3px solid #194270;
  width:560px;
/*  height:260px;*/
  text-align:center;
  padding: 10px 5px 0px 0px;
     min-height: 260px;
     }
  
  
  .popup {
  	float:left;
	text-align:left; 
	font-size:14px; 
	padding:10px; 
	vertical-align:top;
	color: Black;
	width:360px;
			}

.butt {
	color:#DCEBFE;background-color:#566E9C;font-size:10px;font-family:verdana;font-weight:bold;border-width:1;width:140px;text-align:center;border-color:#DAB9A7;
}

 /*--------- Lightbox -----------*/
#lightbox{
    background-color:#FFFFFF;
    padding: 3px;
    border-bottom: 1px solid #bc2643;
    border-right: 1px solid #bc2643;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #000000;
    padding-top: 0.5em;
}

#closeButton{ top:2px; right: 2px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(../overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #FFFFFF;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/