html {

/**/
scrollbar-DarkShadow-Color:#999999; /* Gris Ombre bas droite */
/**/ 
scrollbar-3dLight-Color:#977900; /* Marron cadre*/
/**/ 
scrollbar-Arrow-Color:#977900; /* Marron Fleche*/
/**/ 
scrollbar-Base-Color:#FFCC00; 
/**/ 
scrollbar-Face-Color:#FFCC00; /* Orange Intérieur barre */
/**/ 
scrollbar-Highlight-Color:#FFFFFF; /* Blanc Ombre Haut gauche */
/**/
scrollbar-Shadow-Color:#663300; /* Marron fonce Cadre bas droite */
/**/
scrollbar-Track-Color:#FFCC00; /* FOND */
}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-color: #FFCC00;
	color: #977900;
	background-image: url(IMAGES/fond4.gif);
}
h1, h2, h3, h4, h5, p {
    padding: 0px;
	margin: 0px;
}
h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	}
h3 {
	font-size: 12px;
	margin: 5px;
	padding: 0;
	}
.StyleLien {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
}
a {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}
a:link {
	text-decoration: none;
	color: #0000CC;
}
a:visited {
	text-decoration: none;
	color: #6666FF;
	
}
a:hover {
	text-decoration: underline;
	color: #8282FF;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}

.Style1 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 9px;
}
.Style2 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 9px;
	font-weight: bold;
}
.Style3 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
}
.Style4 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
}
.Style5 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
}
.Style6 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
}
.Style7 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #0000CC;
}
.Style8 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.Style9 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	background-color: #669900;
	color: #FFFFFF;
}
.Style10 {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	color: #FFCC00;
}
.Style11 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
}
.Style12 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.Style13 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	font-weight: bold;
	background-color: #0000CC;
	color: #FFFFFF;
}

.Style14 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #0000CC;
}
.Style15 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	color: #0000CC;
	font-weight: bold;
}
.Style16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000CC;
	font-weight: bold;
}
.Style17 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 9px;
	font-weight: bold;
	color: #0000CC;
	line-height: 15px;
}
.Style18 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #977900;
	line-height: 15px;
}
.Style19 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #977900;
	line-height: 15px;
	font-weight: bold;
}
.Style20 {

	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: #977900;
	line-height: 15px;
	font-weight: normal;
}
.Style21 {

	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #977900;
	line-height: 15px;
}
.Style22 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.Style23 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #977900;
	line-height: normal;
	font-weight: bold;
}
.Table1 {
	border: 1px solid;
	font-size: 10px;
	background-color: #F5F4FF;
}

#header {
	background-color:#0000CC;
	width:620px;
	margin:auto;
	border-color: #274EB7;
	border-style: solid;
	border-width: 2px;
	}
#conteneur1 {
	width:600px;
	margin:auto;
	border-color: #274EB7;
	border-style: solid;
	border-width: 2px;
	padding-left: 10px;
	padding-right: 10px;
	}
#Footer {
	
}

#divbox1 {
	text-align: center;
	}
.divbox2 {
	border-width: 2px;
	border-style: solid;
	border-color: #274EB7;
	background-color: #FFEFAE;
	font-size: 11px;
	padding: 10px;
	margin-bottom: 10px;
	}
.defdivrht {
	text-align: right;
	padding: 10px;
}
.defdivlft {
	padding: 10px;
	text-align: left;
}
.article {
	padding: 10px;
	height: 100px;
	display: inline-block;
	vertical-align: middle;
	}
.alignvert {
	vertical-align: middle;
	display: inline;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 12px;

	margin-bottom: 5px;
;
}
.spacer {
	clear: both;

}
.image {
	float:left;
	margin-right: 20px;
}

.img-shadow {
	float:left;
	/* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  background: url(IMAGES/shadowAlpha.png) no-repeat bottom right !important;
	background: url(IMAGES/shadow.gif) no-repeat bottom right;
	margin-right: 10px;
}
.img-shadow img {
	display: block;
	/* [disabled]position: relative; */
	border: 1px solid #a9a9a9;
	/* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;
}
.txtimg {
	display: inline;
	float: right;
	padding-left: 10px;
}