html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none
  }

.centpourcent {
  height: 100%;

  }

.fond {
	background-color: #000000;
	height: 100%;
	width: 100%;
	position: absolute;
	visibility: visible;
}
.texte {
	font-family: "Trebuchet MS", Arial;
	font-size: 8pt;
	line-height: 15pt;
	color: #666666;
}
.liens {

	font-family: "Trebuchet MS", Arial;
	font-size: 8pt;
	line-height: 16pt;
	color: #0033CC;
}
.programme {
	font-family: "trebuchet MS";
	font-size: 9pt;
	color: #0066FF;
}

.liens:hover {


	font-family: "Trebuchet MS", Arial;
	font-size: 9pt;
	line-height: 16pt;
	color: #F73500;
}
.liens:link {



	font-family: "Trebuchet MS", Arial;
	font-size: 8pt;
	line-height: 16pt;
	color: #0247E2;
}
.titre {
	font-family: "Trebuchet MS", Arial;
	font-size: 10pt;
	line-height: 16pt;
	color: #666666;
	font-weight: bold;
}
.titre_bleu {
	font-family: "Trebuchet MS", Arial;
	font-size: 10pt;
	line-height: 16pt;
	color: #354286;
	font-weight: bold;
}
a.actualite { /* définition de la classe "test" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 332px; /* largeur de l'image réactive */
     height: 31px; /* hauteur de l'image réactive */
     background-image: url(images/bt_actu.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.actualite:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/bt_actu-over.jpg); /* source de l'image d'arrivée */
     } 
	 
a.video { /* définition de la classe "test" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 332px; /* largeur de l'image réactive */
     height: 31px; /* hauteur de l'image réactive */
     background-image: url(images/bt_video.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.video:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/bt_video-over.jpg); /* source de l'image d'arrivée */
     } 
	 
a.multimedia { /* définition de la classe "test" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 332px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(images/bt_multimed.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.multimedia:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/bt_multimed-over.jpg); /* source de l'image d'arrivée */
     } 
	 
a.web { /* définition de la classe "test" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 332px; /* largeur de l'image réactive */
     height: 31px; /* hauteur de l'image réactive */
     background-image: url(images/bt_web.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.web:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/bt_web-over.jpg); /* source de l'image d'arrivée */
     } 
	 
a.formation { /* définition de la classe "test" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 332px; /* largeur de l'image réactive */
     height: 30px; /* hauteur de l'image réactive */
     background-image: url(images/bt_formation.jpg); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.formation:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/bt_formation-over.jpg); /* source de l'image d'arrivée */
     } 
	 
a.boomerang { /* définition de la classe "test" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 31px; /* largeur de l'image réactive */
     height: 31px; /* hauteur de l'image réactive */
     background-image: url(images/bt_boomerang.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.boomerang:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/bt_boomerang-over.gif); /* source de l'image d'arrivée */
     } 
	 
a.contact { /* définition de la classe "test" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 31px; /* largeur de l'image réactive */
     height: 31px; /* hauteur de l'image réactive */
     background-image: url(images/bt_contact.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.contact:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/bt_contact-over.gif); /* source de l'image d'arrivée */
     }  
	 
	 a.itineraire { /* définition de la classe "test" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 31px; /* largeur de l'image réactive */
     height: 31px; /* hauteur de l'image réactive */
     background-image: url(images/bt_iti.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.itineraire:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/bt_iti-over.gif); /* source de l'image d'arrivée */
     }  
	 
	 	 a.bonus { /* définition de la classe "test" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 31px; /* largeur de l'image réactive */
     height: 31px; /* hauteur de l'image réactive */
     background-image: url(images/bt_bonus.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
	 
a.bonus:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url(images/bt_bonus-over.gif); /* source de l'image d'arrivée */
     }  .bouton_valider {
	font-family: "trebuchet MS";
	font-size: 10pt;
	text-decoration: none;
	background-color: #CCCCCC;
	padding: 2px;
	height: 18px;
	width: 90px;
	border: 1px solid #000000;
	color: #000000;
}
.bouton_valider:link {
	font-family: "trebuchet MS";
	font-size: 10pt;
	text-decoration: none;
	background-color: #CCCCCC;
	padding: 2px;
	height: 18px;
	width: 90px;
	border: 1px solid #000000;
	color: #000000;
}
.bouton_valider:hover {

	font-family: "trebuchet MS";
	font-size: 10pt;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 2px;
	height: 18px;
	width: 90px;
	border: 1px solid #000000;
	color: #EB3003;
}
.texte_petit {

	font-family: "Trebuchet MS", Arial;
	font-size: 7pt;
	line-height: 12pt;
	color: #000000;
}
.programme:link {

	font-family: "trebuchet MS";
	font-size: 9pt;
	color: #0066FF;
}
.programme:hover {


	font-family: "trebuchet MS";
	font-size: 9pt;
	color: #00FF00;
}
.titre_clair {

	font-family: "Trebuchet MS", Arial;
	font-size: 10pt;
	line-height: 16pt;
	color: #CCCCCC;
	font-weight: bold;
}
.titre_rouge {

	font-family: "Trebuchet MS", Arial;
	font-size: 10pt;
	line-height: 16pt;
	color: #E72E00;
	font-weight: bold;
}
.texte_noir {

	font-family: "Trebuchet MS", Arial;
	font-size: 8pt;
	line-height: 15pt;
	color: #000000;
}

.gloss_titre {
	font-family: "trebuchet MS";
	font-size: 10pt;
	font-weight: bold;
	color: #B90D03;
	text-decoration: none;
}
.gloss_txt {

	font-family: "trebuchet MS";
	font-size: 8pt;
	color: #333333;
	text-decoration: none;
}
.gloss_lettre {

	font-family: "trebuchet MS";
	font-size: 14pt;
	font-weight: bold;
	color: #384886;
	text-decoration: none;
}
.glossom {
	font-family: "trebuchet MS";
	font-size: 8pt;
	background-color: #CC1500;
	height: 22px;
	width: 22px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	padding-top: 2px;
	font-weight: bold;
}
.glossom:link {
	font-family: "trebuchet MS";
	font-size: 8pt;
	background-color: #CC1500;
	height: 22px;
	width: 22px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	padding-top: 2px;
	font-weight: bold;
}
.glossom:hover {
	font-family: "trebuchet MS";
	font-size: 8pt;
	background-color: #FFFFFF;
	height: 22px;
	width: 22px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: #CC1500;
	padding-top: 0px;
	border: thin solid #666666;
}