body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	color: black;
	background-color: white;
	background-image: url("../img/general/background.png");
	text-align: center;
}

input, select {
	color: black; font-size: 11px; font-family: Arial, Helvetica; vertical-align: bottom; line-height: 12pt; background-color:#B2CBEB; font-weight: bold;
}

textarea {
	color: black; font-size: 11px; font-family: Arial, Helvetica; vertical-align: bottom; line-height: 12pt; background-color:#B2CBEB; font-weight: bold;
}

h1{
	color: black; font-style: normal; font-weight: bold; font-size: 18pt; font-family: Arial, Helvetica; line-height: 19pt;
}

h2{
	color: #04559F; font-style: normal; font-weight: normal; font-size: 12pt; font-family: Arial, Helvetica; line-height: 13pt;
}

h3{
	color: black; font-style: normal; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica; line-height: 11pt;
}

h4{
	color: #242424; font-style: normal; font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica; line-height: 11pt;
}

h5{
	color: #4B4B4B; font-style: normal; font-weight: bold; font-size: 10pt; font-family: Arial, Helvetica; line-height: 11pt;
}

a:link {
	color: black; text-decoration: none;
}

a:visited {
	color: black; text-decoration: none;
}

a:hover {
	color: #FF6600; text-decoration: none;
}

#general{
	height: 100%;
	background-image:url("../img/general/bg3d.png");
	background-repeat:repeat-y;
    background-position: center top;
}

#banniere{
	height: 100px;
	width: 1020px;
	background-image:url("../img/general/banniere.gif"); 
}

#separateur{
	height: 2px;
	width: 200px;
	background-image:url("../img/general/separateur.png"); 
}

#menu{
	height: 28px;
	width: 1020px;
	background-image:url("../img/general/menu.png"); 
}

#centre {
	position: absolute;
	width: 1020px;
	height : auto;
}

.menu1, .menu1 ul {
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	margin-left : 200px; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
	line-height : 28px; /* on définit une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

.menu1 {
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
}

.menu1 a {
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */
	background : black; /* couleur de fond */
	color : white; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}

.menu1 li {
	float : left; 
}

.menu1_1 a {
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 120px; /* largeur */
	color : white; /* couleur du texte */
	background-image:url("../img/general/menu.png");
}

.menu1_1 a:hover {
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 120px; /* largeur */
	color : black; /* couleur du texte */
	background-image:url("../img/general/menu2.png");
}

.menu1_1 ul {
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
}

.menu1_1 ul a {
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 200px; /* largeur */
	color : black; /* couleur du texte */
	background : #C4EAFC;
}

.menu1_1 ul a:hover {
	text-decoration : underline; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 200px; /* largeur */
	color : orange; /* couleur du texte */
	background : #C4EAFC;
}

.menu1_1_2 a {
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 120px; /* largeur */
	color : orange; /* couleur du texte */
	background-image:url("../img/general/menu.png");
}

.menu1_1_2 a:hover {
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 120px; /* largeur */
	color : black; /* couleur du texte */
	background-image:url("../img/general/menu2.png");
}

.menu1_1_2 ul {
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
}

.menu1_1_2 ul a {
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 200px; /* largeur */
	color : black; /* couleur du texte */
	background : #C4EAFC;
}

.menu1_1_2 ul a:hover {
	text-decoration : underline; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 200px; /* largeur */
	color : orange; /* couleur du texte */
	background : #C4EAFC;
}

.menu1_2 a {
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 220px; /* largeur */
	color : white; /* couleur du texte */
	background-image:url("../img/general/menu.png");
}

.menu1_2 a:hover {
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 220px; /* largeur */
	color : black; /* couleur du texte */
	background-image:url("../img/general/menu2.png");
}

.menu1_2 ul {
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
}

.menu1_2 ul a {
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 250px; /* largeur */
	color : black; /* couleur du texte */
	background : #C4EAFC;
}

.menu1_2 ul a:hover {
	text-decoration : underline; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 250px; /* largeur */
	color : orange; /* couleur du texte */
	background : #C4EAFC;
}

.menu1_2_2 a {
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 220px; /* largeur */
	color : orange; /* couleur du texte */
	background-image:url("../img/general/menu.png");
}

.menu1_2_2 a:hover {
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 220px; /* largeur */
	color : black; /* couleur du texte */
	background-image:url("../img/general/menu2.png");
}

.menu1_2_2 ul {
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
}

.menu1_2_2 ul a {
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 250px; /* largeur */
	color : black; /* couleur du texte */
	background : #C4EAFC;
}

.menu1_2_2 ul a:hover {
	text-decoration : underline; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	width : 250px; /* largeur */
	color : orange; /* couleur du texte */
	background : #C4EAFC;
}

.menu1 li ul { 
	position: absolute; /* Position absolue */
	width: 150px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoie loin du champ de vision */
}


.menu1 li ul li {
	/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
	border-top : 1px solid #005AAA; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

.menu1 li:hover ul, .menu1 li li:hover ul, .menu1 li.sfhover ul, .menu1 li li.sfhover ul {
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}

.centre-gauche {
	width: 200px;
	height: auto;
	background-image:url("../img/general/menug.png"); 
}

.centre-gauche td {
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
}

.centre-gauche td a {
	margin-left : 10px; /* ni extérieure */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	color : white; /* couleur du texte */
}

.centre-gauche td a:hover {
	margin-left : 10px; /* ni extérieure */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	color : orange; /* couleur du texte */
}

.centre-milieu {
	width: 620px;
	height: auto;
	background-color:white;
}

.milieu_haut {
	width: 620px;
	height: 30px;
	background-image:url("../img/general/fond1.png");
	background-repeat: no-repeat;	
}

.milieu_milieu {
	width: 620px;
	height: auto;
	background-image:url("../img/general/fond2.png"); 
	background-repeat: no-repeat;	
}

.milieu_bas {
	width: 620px;
	height: 30px;
	background-image:url("../img/general/fond3.png"); 
	background-repeat: no-repeat;	
}

.centre-droite {
	width: 200px;
	height: auto;
	background-image:url("../img/general/menud.png"); 
}

.bas {
	width: 1020px;
	height: 30px;
	background-image:url("../img/general/fond4.png"); 
}

.li1 {
	white-space: normal; list-style-type: disc; margin-left: 15pt;
}

.li_red11 {
	color: red; white-space: normal; list-style-type: disc; margin-left: 11pt;
}

.select1 {
	color: black; font-size: 11px; font-family: Arial, Helvetica; vertical-align: bottom; line-height: 12pt; background-color:#B2CBEB; font-weight: bold;
}

.select2 {
	color: black; font-size: 11px; font-family: Arial, Helvetica; vertical-align: bottom; line-height: 12pt; background-color:#B2CBEB; font-weight: bold; border-color:red;
}

.a_menu:link {
	color: orange; text-decoration: none;
}

.a_menu:visited {
	color: orange; text-decoration: none;
}

.a_menu:hover {
	color: orange; text-decoration: underline;
}

.a_menu_left:link {
	color: orange; text-decoration: none;
}

.a_menu_left:visited {
	color: orange; text-decoration: none;
}

.a_menu_left:hover {
	color: orange; text-decoration: none;
}

.a1:link {
	color: black; text-decoration: underline;
}

.a1:visited {
	color: black; text-decoration: underline;
}

.a1:hover {
	color: #FF6600; text-decoration: underline;
}

.a2:link {
	color: black; font-size: 8pt; text-decoration: none;
}

.a2:visited {
	color: black; font-size: 8pt; text-decoration: none;
}

.a2:hover {
	color: #FF6600; font-size: 8pt; text-decoration: none;
}

.a3:link {
	color: purple; text-decoration: none;
}

.a3:visited {
	color: purple; text-decoration: none;
}

.a3:hover {
	color: purple; text-decoration: underline;
}

.a4:link {
	color: #FF6600; text-decoration: none;
}

.a4:visited {
	color: #FF6600; text-decoration: none;
}

.a4:hover {
	color: #FF6600; text-decoration: none;
}

.a5:link {
	color: black; font-size: 9pt; text-decoration: none;
}

.a5:visited {
	color: black; font-size: 9pt; text-decoration: none;
}

.a5:hover {
	color: #FF6600; font-size: 9pt; text-decoration: none;
}

.a6:link {
	color: #FF6600; font-size: 8pt; text-decoration: none;
}

.a6:visited {
	color: #FF6600; font-size: 8pt; text-decoration: none;
}

.a6:hover {
	color: #FF6600; font-size: 8pt; text-decoration: none;
}

.a7:link {
	color: #7C4E8C; font-size: 8pt; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none;
}

.a7:visited {
	color: #7C4E8C; font-size: 8pt; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none;
}

.a7:hover {
	color: #7C4E8C; font-size: 8pt; font-family: Arial, Helvetica; font-weight: bold; text-decoration: underline;
}

.a8:link {
	color: black; font-size: 10pt; font-family: Arial, Helvetica; font-weight: bold; text-decoration: underline;
}

.a8:visited {
	color: black; font-size: 10pt; font-family: Arial, Helvetica; font-weight: bold; text-decoration: underline;
}

.a8:hover {
	color: #FF6600; font-size: 10pt; font-family: Arial, Helvetica; font-weight: bold; text-decoration: underline;
}

.a9:link {
	color: black; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none;
}

.a9:visited {
	color: black; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none;
}

.a9:hover {
	color: #FF6600; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none;
}

.a10:link {
	color: black; font-size: 8pt; font-family: Arial, Helvetica; font-weight: bold; text-decoration: underline;
}

.a10:visited {
	color: black; font-size: 8pt; font-family: Arial, Helvetica; font-weight: bold; text-decoration: underline;
}

.a10:hover {
	color: #FF6600; font-size: 8pt; font-family: Arial, Helvetica; font-weight: bold; text-decoration: underline;
}

.submit1{
	border: none; font-size: 10pt; background-color: #1D64A8; color: white; font-family: Courrier;
}

.submit2{
	border: none; font-size: 10pt; background-color: orange; color: black; font-family: Courrier;
}


.black4 {
	color: black; font-size: 6pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 8pt
}

.black5 {
	color: black; font-size: 5pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 6pt
}

.black6 {
	color: black; font-size: 6pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 7pt
}

.black7 {
	color: black; font-size: 7pt; font-family: Arial, Helvetica; line-height: 8pt;
}

.black8 {
	color: black; font-size: 8pt; font-family: Arial, Helvetica; line-height: 9pt;
}

.black8B {
	color: black; font-size: 8pt; font-family: Arial, Helvetica; line-height: 9pt; font-weight: bold;
}

.black9 {
	color: black; font-size: 9pt; font-family: Arial, Helvetica; line-height: 10pt;
}

.black9B {
	color: black; font-size: 9pt; font-family: Arial, Helvetica; line-height: 10pt; font-weight: bold;
}

.black10 {
	color: black; font-size: 10pt; font-family: Arial, Helvetica; line-height: 11pt;
}

.black10B {
	color: black; font-size: 10pt; font-family: Arial, Helvetica; line-height: 11pt; font-weight: bold;
}

.black11 {
	color: black; font-size: 11pt; font-family: Arial, Helvetica; line-height: 12pt;
}

.black12 {
	color: black; font-size: 12pt; font-family: Arial, Helvetica; line-height: 13pt;
}

.blue8 {
	color: blue; font-size:8pt; font-family: Arial, Helvetica; line-height: 9pt;
}

.blue2_7B {
	color: #1D64A8; font-size:7pt; font-family: Arial, Helvetica; line-height: 8pt; font-weight: bold;
}

.blue2_9B {
	color: #1D64A8; font-size:9pt; font-family: Arial, Helvetica; line-height: 10pt; font-weight: bold;
}

.blue3_10B {
	color: #00AEEF; font-size:10pt; font-family: Arial, Helvetica; line-height: 11pt; font-weight: bold;
}

.blue_10 {
	color: blue; font-size:10pt; font-family: Arial, Helvetica; line-height: 11pt;
}

.blue10 {
	color: blue; font-size:10pt; font-family: Arial, Helvetica; line-height: 11pt;
}

.red8B {
	color: red; font-size: 8pt; font-family: Arial, Helvetica; line-height: 9pt; font-weight: bold;
}

.red10 {
	color: red; font-size:10pt; font-family: Arial, Helvetica; line-height: 11pt;
}

.red12B {
	color: red; font-size:12pt; font-family: Arial, Helvetica; line-height: 13pt; font-weight: bold;
}

.purple10 {
	color: purple; font-size:10pt; font-family: Arial, Helvetica; line-height: 11pt;
}

.grey12B{
	color: #4B4B4B; font-size: 12pt; font-family: Arial, Helvetica; line-height: 13pt; font-weight: bold;
}