/* Design par defaut du Site URA© Infograf */
* {
	margin: 0px;
	padding: 0px;
}
body {
	behavior: url("csshover.htc");
}
body {
	width: 880px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #eac579;		/*BURLYWOOD*/
}
div#conteneur {
	background: #fff;		/*WHITE*/
	background: url(images/fond_bleu.gif) no-repeat left top;
	margin: auto;
	margin-top: 10px;
	/*background-image: url("images/fond_bandes_jaunes.gif");*/
	/*background-repeat: repeat-y;*/
	position: absolute;
	width: 786px;
	height: 957px;
	border: 2px solid #808080;		/*GRAY*/
}
div#contenu, div#contenu_image1 {
	/*float: left;	*/
	position: absolute;
	background: #fff;		/*WHITE*/
	height: 680px;
	width: 630px;
	margin: 232px 0 5px 10px;
	border: solid 1px #e31414;		/*RED*/
	padding: 0px;
	overflow: auto;
}
div#contenu_image1 {
  background: url(images/image_site3.jpg) no-repeat left 400px;
}
div#contenu_error {
	/*float: left;	*/
	position: absolute;
	background: #f00;
	height: 680px;
	width: 630px;
	margin: 232px 0 5px 10px;
	border: solid 1px #e31414;		/*RED*/
	padding: 20px;
	overflow: auto;
	font-size: 0.9em;
	color: #fff;		/*WHITE*/
	font-weight: bold;
}
div#contenu_2 {
	/*float: left;	*/
	position: absolute;
	background: #ccc;
	height: 680px;
	width: 630px;
	margin: 232px 0 5px 10px;
	border: solid 1px #e31414;		/*RED*/
	padding: 0px;
	overflow: auto;
}
div#contenu_3, div#contenu_4 {
	/*float: left;	*/
	background: #54a9ff;		/*CORNFLOWERBLUE*/
	/*height: 680px;
	width: 630px;*/
	margin: 10px 0 5px 10px;
	border: solid 1px #e31414;		/*RED*/
	padding: 10px;
	overflow: auto;
	text-align: center;
}
div#contenu_3{
	position: absolute;
}
div#contenu_4{
  width: 45%;
}
div.contenu_3bis{
	/*float: left;	*/
	position: relative;
	background: #54a9ff;		/*CORNFLOWERBLUE*/
	/*height: 680px;
	width: 630px;*/
	margin: 0px 0 5px 0px;
	border: solid 1px #e31414;		/*RED*/
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: auto;
	text-align: center;
}
div#article {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px 10px 10px 10px;
	padding: 5px;
	border: solid 0px #00f;		/*BLUE*/
	text-align: justify;
}
div#article_image_1, div#article_image_2, div#article_image_3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px 10px 10px 10px;
	padding: 5px;
	border: solid 0px #00f;		/*BLUE*/
	text-align: justify;
}
div#article_image_1 {
	background: url(images/souris.gif) no-repeat right -10px;
	height: 180px;
}
div#article_image_2 {
	background: url(images/planete.gif) no-repeat right 0px;
	height: 180px;
}
div#article_image_3 {
	background: url(images/billet_monnaie_flottant.gif) no-repeat right 0px;
	height: 220px;
}
div#article_fieldset {
	background: #54a9ff;		/*CORNFLOWERBLUE*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px 10px 10px 10px;
	padding: 10px;
	border: solid 1px #e31414;		/*RED*/
	text-align: center;
}
div#article_fieldset_2 {
	background: #54a9ff;		/*CORNFLOWERBLUE*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 90px 10px 10px 10px;
	padding: 10px;
	border: solid 1px #e31414;		/*RED*/
	text-align: center;
}
div#article_bas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 435px 10px 10px 10px;
	width: 590px;
	padding: 5px;
	border: solid 0px #00f;		/*BLUE*/
	text-align: justify;
	position: absolute;
}
div#article_droit {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 10px 0 0 345px;
	width: 250px;
	height: 450px;
	padding: 5px;
	border: solid 0px #00f;		/*BLUE*/
	text-align: justify;
}
div#article_droit_2 {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 10px 0 0 350px;
	width: 260px;
	height: 500px;
	padding: 0px;
	border: solid 0px #00f;
	text-align: justify;
}
div#article_droit_2bis {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 10px 0 0 335px;
	width: 260px;
	height: 500px;
	padding: 0px;
	border: solid 0px #00f;
	text-align: justify;
}
div#article_droit_6 {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 10px 0 0 360px;
	width: 250px;
	height: 300px;
	padding: 5px;
	border: solid 0px #00f;
	text-align: justify;
}
div#article_gauche {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 10px 0 0 25px;
	width: 250px;
	height: 400px;
	padding: 5px;
	border: solid 0px #00f;
	text-align: justify;
}
div#article_gauche_2 {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 10px 0 0 0px;
	width: 350px;
	height: 500px;
	padding: 0px;
	border: solid 0px #00f;
	text-align: justify;
}
div#article_gauche_2bis {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 10px 0 0 0px;
	width: 325px;
	height: 500px;
	padding: 0px;
	border: solid 0px #00f;
	text-align: justify;
}
div#article_gauche_3 {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 10px 0 0 25px;
	width: 250px;
	height: 400px;
	padding: 5px;
	border: solid 0px #00f;
	text-align: left;
}
div#article_gauche_4 {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 10px 0 0 25px;
	width: 450px;
	height: 450px;
	padding: 5px;
	border: solid 0px #00f;
	text-align: left;
}
div#article_gauche_5 {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 10px 0 0 25px;
	width: 320px;
	height: 400px;
	padding: 5px;
	border: solid 0px #00f;
	text-align: left;
}
div#article_gauche_6 {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 10px 0 0 10px;
	width: 320px;
	height: 300px;
	padding: 5px;
	border: solid 0px #00f;
	text-align: left;
}
div#menu_droit {
	/*background: red;*/
	position: absolute;
	margin: 232px 0px 0 655px;
	width: 120px;
	/*float: left;*/
}
div#footer {
	position: absolute;
	width: 760px;
	margin: 930px 4px 5px 5px;
	border: 0px solid #808080;		/*GRAY*/
	/*float: left;*/
	background: url(images/barre_footer_gris.gif) repeat-x;
	font-size: 0.9em;
}
div#chemin {
	position: absolute;
	/*float: left;*/
	font-size: 0.6em;
	color: #808080;		/*GRAY*/
	text-decoration: none;
	width: 760px;
	margin: 212px 4px 5px 11px;
	border: 0px solid #808080;		/*GRAY*/
}
div#compteur {
	display: block;
	position: absolute; 
	width: 118px;
	height: 14px;
	padding: 4px 0 0 0;
	margin: 170px 0 0 649px;
	border: 1px groove #000080;
	font-size: 0.6em;
	text-align: center;	
	color: #808080;		/*GRAY*/
}
div#copyright {
	position: absolute;
	width: 760px;
	margin-top: 975px;
	text-align: center;
	font-size: 0.7em;
	color: #808080;		/*GRAY*/
}
/*******************************************************************/
/*                                         ELEMENTS TABLEAU INTRUSION                         */
/*******************************************************************/
.tableau_intrusion {
  width: 100%;
  border: 3px groove #00f;
}
.tableau_intrusion td {
  border: 1px solid #00f;
  padding: 0 2px 0 2px;
  font-size: 0.7em;
}
.tableau_intrusion th {
  text-align: center;
  background: #00f;
  color: #fff;
}
.tableau_intrusion a, .tableau_intrusion a:visited {
  text-decoration: none;
  color: #fff;
}
.tableau_intrusion a:hover {
  text-decoration: underline;
  color: #fff;
}
.effet_intrusion  a {
	text-decoration: none;
	color: #000;
}
.effet_intrusion  a:hover {
	text-decoration: underline;
	color: gray;
	cursor: pointer;
}
/******************************************************************************/
/*                                                                          RECU DE PAIEMENT                                             */
/******************************************************************************/
#recu {
  width: 170px;
  height: 200px;
  border: 1px solid #222;
  margin: 30px 0 0 50px;
  text-align: left;
  font-size: 12px;
  padding: 30px 5px 20px 5px;
}
/******************************************************************************/
/*                                                                          REFERENCEMENT                                                  */
/******************************************************************************/
.referencement {
	position: absolute;
	margin-top: 1048px;
	width: 760px;
}
/******************************************************************************/
/*                                                                          ELEMENTS DIVERS                                                                             */
/******************************************************************************/
.petit {
	font-size: 0.6em;
	color: #808080;		/*GRAY*/
}
.petit_noir {
	font-size: 0.6em;
}
.petit a {
	text-decoration: none;
	color: #808080;		/*GRAY*/
}
.petit a:hover {
	color: #f00;		/*RED*/
}
.sans-lien {
	border: none;
	padding: 0;
	margin: 0;
	margin-right: 3px;
}
.menu_select {
	display: block;
	width: 100px; /* Largeur visible du bouton */
	height: 17px;
	font-size: 10px;
	color: #00f;		/*BLUE*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px; /* Cette ligne permet de positionner le texte de votre bouton sur l’horizontal */
	padding-top: 4px; /* Cette ligne permet de positionner le texte de votre bouton sur le vertical */
	/*background: #ff9933;*/
	background: url(images/menuBouton.png);
	cursor: url(images/cursor_06.cur),progress;
}
.menu_select_plaquette {
	
	display: block;
	position: relative;
	font-size: 10px;
  font-weight: bold;
  color: #00f;
  padding-left: 5px; /* Cette ligne permet de positionner le texte de votre bouton sur l’horizontal */
	padding-top: 3px; /* Cette ligne permet de positionner le texte de votre bouton sur le vertical */
	width: 95px; /* Largeur visible du bouton */
	height: 17px;
	overflow: hidden; /* Permet de cacher la partie débordante de l’image */
	float: left;
	border-right: solid 1px #000000; /* Cette ligne est pour l’esthétique, elle sépare les boutons d’une bordure */
	background: url(images/menuBouton.png);
	cursor: url(images/cursor_06.cur),progress;
}
#copyright a{
	text-decoration: none;
	color: #808080;		/*GRAY*/
}
#copyright  a:hover{
	text-decoration: underline;
	color: #808080;		/*GRAY*/
}
#chemin a{
	color: #808080;		/*GRAY*/
}
.cache {
	display: none;
}
.gras {
	font-weight: bold;
}
.recou {
	margin-top: -50px;
}
.surligne {
	background: #f00;		/*RED*/
	color: #fff;		/*WHITE*/
	font-weight: bold;
	text-decoration: blink;
	padding: 5px;
}
.surligne_bleu {
	background: #54a9ff;		/*CORNFLOWERBLUE*/
	color: #fff;		/*WHITE*/
	font-weight: bold;
	text-decoration: blink;
	padding: 5px;
}
p.titre_chapitre {
	display: block;
	margin: auto;
	margin-top: 10px;
	font-weight: bold;
	text-align: center;
	border-top-style: double;
	border-top-width: 3px;
	border-top-color: black;
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-bottom-color: #000;		/*BLACK*/
}
.table {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.table div{
	margin-right: auto;
	margin-left: auto;
}
.tableau {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #36f;		/*ROYALBLUE*/
	margin: 10px 1px 5px 1px;
}
table.tableau td {
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #36f;		/*ROYALBLUE*/
}
.tableau2 {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #36f;		/*ROYALBLUE*/
	margin: auto;
}
table.agenda {
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #36f;		/*ROYALBLUE*/
	text-align: center;
}
table.agenda td{
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #36f;		/*ROYALBLUE*/
	text-align: center;
}
table.agenda  tr {
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #36f;		/*ROYALBLUE*/
	text-align: center;
}
table.agenda th{
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #36f;		/*ROYALBLUE*/
	text-align: center;
}
table.agenda_entree td{
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #36f;		/*ROYALBLUE*/
	text-align: left;
	font-size: 1em;
}
table.agenda_entree tr {
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #36f;		/*ROYALBLUE*/
	text-align: center;
}
table.agenda_entree th{
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #36f;		/*ROYALBLUE*/
	text-align: center;
}
fieldset.agenda_entree {
	padding-left: 10px;
	padding-right: 10px;
}
legend.agenda_entree {
	font-size: 0.8em;
}
table.agenda_show td {
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #36f;		/*ROYALBLUE*/
	text-align: left;
	font-size: 0.8em;
}
table.agenda_show  tr{
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #36f;		/*ROYALBLUE*/
	text-align: left;
	font-size: 0.9em;
}
table.agenda_show th {
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #36f;		/*ROYALBLUE*/
	text-align: left;
	font-size: 0.9em;
	background: gray;
	color: white;
}
table.agenda_mini {
	padding-left: 3px;
	padding-right: 3px;
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #36f;		/*ROYALBLUE*/
	text-align: center;
	font-size: 0.7em;
}
table.agenda_mini td{
	padding-left: 2px;
	padding-right: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #36f;		/*ROYALBLUE*/
	text-align: center;
	/*font-size: 0.7em;*/
}
table.agenda_mini  tr {
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #36f;		/*ROYALBLUE*/
	text-align: center;
	/*font-size: 0.7em;*/
}
table.agenda_mini th{
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #36f;		/*ROYALBLUE*/
	text-align: center;
	/*font-size: 0.7em;*/
}
.heures {
	text-decoration: underline;
	padding-top: 15px;
}
.timestamp {
	color: red;
}
.timestamp a, a:hover {
	color: gray;
}

legend {
	margin-left: 20px;
	border: 2px groove #fff;		/*WHITE*/
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	background: #36f;		/*ROYALBLUE*/
	font:0.8§em;
	color: #fff;		/*WHITE*/
}
fieldset {
	padding-left: 10px;
	padding-right: 10px;
}
table.tableau2 td {
	padding-left: 3px;
	padding-right: 3px;
	border: 0px solid #36f;		/*ROYALBLUE*/
}
table.tableau2 tr {
	padding-left: 3px;
	padding-right: 3px;
	border: 0px solid #36f;		/*ROYALBLUE*/
}
table.tableau2  th{
	padding-left: 3px;
	padding-right: 3px;
	border: 0px solid #36f;		/*ROYALBLUE*/
}
div.TV {
	margin-left: 45px;
}
._titre {
	font-weight: bold;
	text-decoration: underline;
}
P.bla {
	margin-left:	25px;
	line-height:	1.4;
}
H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	font-variant: normal;
	color: #808080;		/*GRAY*/
	text-align: left;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.texttitle {
	font-size:13px;
	color:#447f9d;		/*STEELBLUE*/
	font-weight:bold;
}
div.connexion {
	position: absolute;
	font-size: 0.6em;
	color: #808080;		/*GRAY*/
	margin-left: 10px;
	margin-top: 15px;
}
div.connexion a {
	text-decoration: none;
	color: #808080;		/*GRAY*/
}
div.connexion a:hover {
	text-decoration: underline;
	color: #808080;		/*GRAY*/
}
a img {
  border: none;
}
a.sanslien {
	text-decoration: none;
	color: #000;		/*BLACK*/
}
a.sanslien:hover {
	text-decoration: underline;
}
.visiteurs {
	display: block;
	width: 200px;
	height: 30px;
	padding-top: 7px;
	background: url(images/bt_visiteurs.gif) no-repeat;
	color: #fff;		/*WHITE*/
	font-size: 0.9em;
	text-align: center;
	
}
.visiteurs a {
	text-decoration: none;
	color: #fff;		/*WHITE*/
}
.visiteurs a:hover {
	text-decoration: underline;
}
input[type="submit"], input[type="reset"] {
	background: #3366FF;		/*ROYALBLUE*/
	font:0.9em "Trebuchet MS", Verdana, sans-serif;
	color: #fff;		/*WHITE*/
}
input[type="text"], select, option {
	text-align: left;
	color: #000;		/*BLACK*/
}
.left input[type="text"] {
	text-align: left;
}
div.left {
	text-align: left;
}
.bouton {
	background:#36f;		/*ROYALBLUE*/
	font:0.9em "Trebuchet MS", Verdana, sans-serif;
	color: #fff;		/*WHITE*/
	padding: 2px;
}
.image {
	position: absolute;
	background-image:url(images/souris.gif);
	background-repeat:no-repeat;
	margin: 0px 0 0 440px;

}
.param_admin {
	font-weight: bold;
	font-size: 0.8em;
}
/******************************************************************************/
/*                   ELEMENTS LISTE DEROULANTE NAVIGATION RAPIDE                                */
/******************************************************************************/
.liste_deroulante {
	position: absolute;
	margin: 15px 5px 0 639px;
}
.liste_deroulante_titre option, select {
	font-size: 0.7em;
	color: #00f;		/*BLUE*/
}
.liste_deroulante_menu {
	background-color: #808080;		/*GRAY*/
	font-size: 1em;
	color: #fff;		/*WHITE*/
	border: 1px solid #00f;		/*BLUE*/
	text-align: left;
}
.liste_deroulante_menu option:hover {
	background-color: #808080;		/*GRAY*/
}
.liste_deroulante_liste {
	font-size: 0.8em;
	color: #00f;		/*BLUE*/
	cursor: pointer;
	margin-left: 15px;
	text-align: left;
}
.liste_deroulante_menu_option {
	background-color: #808080;		/*GRAY*/
	font-size: 1em;
	color: #fff;		/*WHITE*/
	border: 1px solid #00f;		/*BLUE*/
	cursor: pointer;
	text-align: left;
}
.liste_deroulante_liste select:hover {
	text-decoration: underline;
	background-color: #fff;		/*WHITE*/
}
/******************************************************************************/
/*                                                                           ELEMENTS CONTENU                                                                        */
/******************************************************************************/
.normal {
	list-style-image: url(images/bullet.gif);
	margin: 0 10px 0 30px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.normalsans {
	list-style-type: none;
	list-style-image: none;
	margin: 0 15px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
p.titre {
	margin: 10px 0 0 10px;
	font-weight: bold;
}
p.titre2 {
	font-weight: bold;
	border-top-style: double;
	border-top-width: 3px;
	border-top-color: #000;		/*BLACK*/
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-bottom-color: #000;		/*BLACK*/
	margin-bottom: 15px;
}
p.titre3 {
	font-weight: bold;
	text-decoration: underline;
	margin: 5px 0 5px 0;
}
p.titre4 {
	display: block;
	margin: 10px 0 30px 40px;
	font-weight: bold;
	width: 200px;
	text-align: center;
	border-top-style: double;
	border-top-width: 3px;
	border-top-color: #000;		/*BLACK*/
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-bottom-color: #000;		/*BLACK*/
}
p.titre5 {
	font-weight: bold;
	border-top-style: double;
	border-top-width: 3px;
	border-top-color: #000;		/*BLACK*/
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-bottom-color: #000;		/*BLACK*/
	margin-bottom: 10px;
	margin-right: 50px;
	padding-left: 20px;
}
p.titre5bis {
	font-weight: bold;
	border-top-style: double;
	border-top-width: 3px;
	border-top-color: #000;		/*BLACK*/
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-bottom-color: #000;		/*BLACK*/
	margin-bottom: 15px;
	margin-right: 50px;
	padding-left: 20px;
	margin-left: 10px;
}
.letrine {
	color: #000;		/*BLACK*/
	font-weight: bold;
}
/******************************************************************************/
/*                                                            ELEMENTS PLAN DE SITE                                                    */
/******************************************************************************/
.normal_plan {
	list-style: square;
	margin: 0 0 0 70px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.normal_plan a {
	text-decoration: none;
	color: #000;		/*BLACK*/
}
.normal_plan a:hover {
	text-decoration: underline;
}
.normalsans_plan {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titre_plan {
	font-weight: bold;
	text-decoration: none;
	margin: 15px 0 0 40px;
}
.titre_plan  a {
	text-decoration: none;
	color: #000;		/*BLACK*/
}
.titre_plan a:hover {
	text-decoration: underline;
}
/******************************************************************************/
/*                                                            ELEMENTS CHARTE                                                              */
/******************************************************************************/
.normal_charte {
	list-style: square;
	margin: 0px 40px 0 70px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	text-align: justify;
}
.normalsans_charte {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 20px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
p.titre_charte {
	display: block;
	margin: 10px 0 30px 40px;
	font-weight: bold;
	width: 450px;
	text-align: center;
	border-top-style: double;
	border-top-width: 3px;
	border-top-color: #000;		/*BLACK*/
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-bottom-color: #000;		/*BLACK*/
}
/******************************************************************************/
/*                                                            ELEMENTS ARTICLE                                                             */
/******************************************************************************/
.normal_article {
	list-style-image: url(images/bullet.gif);
	margin: 20px 10px 0 30px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.normal_article li {
	margin-top: 5px;
	font-weight: bold;
}
.normalsans_article {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 20px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
p.titre_article {
	display: block;
	margin: 10px 0 30px 40px;
	font-weight: bold;
	width: 450px;
	text-align: center;
	border-top-style: double;
	border-top-width: 3px;
	border-top-color: #000;		/*BLACK*/
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-bottom-color: #000;		/*BLACK*/
}
p.article {
	margin-top: 5px;
	text-align: justify;
}
/******************************************************************************/
/*                                                            ELEMENTS INFOBULLE                                                         */
/******************************************************************************/
a.infobulle_1 {
	position: relative;
	text-decoration: none;
	border-bottom: 0px #808080 dotted;		/*GRAY*/
}
a.infobulle_1 span {
	display: none;
}
a.infobulle_1:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
}
a.infobulle_1:hover span {
	display: inline;
	position: absolute;
	top: 2em;
	left: 2.5em;
	background: url(images/infobulle_bleue.png) repeat;
	text-align: center;
	color: #fff;		/*WHITE*/
	padding: 2px;
}
a.infobulle_2 {
	position: relative;
	border-bottom: 0px #808080 dotted;		/*GRAY*/
}
a.infobulle_2 span {
	display: none;
	font-size: 0.7em;
}
a.infobulle_2:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
}
a.infobulle_2:hover span {
	display: inline;
	position: absolute;
	top: 2em;
	left: 2.5em;
	background: url(images/infobulle_bleue.png) repeat;
	text-align: center;
	color: #fff;		/*WHITE*/
	padding: 2px;
}
a.infobulle_3 {
	position: relative;
	border-bottom: 0px #808080 dotted;		/*GRAY*/
}
a.infobulle_3 span {
	display: none;
	font-size: 1em;
}
a.infobulle_3:hover {
	background: none; /* correction d'un bug IE */
	z-index: 500;
}
a.infobulle_3:hover span {
	display: inline;
	position: absolute;
	top: 2em;
	left: 2.5em;
	background: url(images/infobulle_bleue.png) repeat;
	text-align: center;
	color: #fff;		/*WHITE*/
	padding: 2px;
}
/******************************************************************************/
/*                                                                          ELEMENTS NEWS                                                                                */
/******************************************************************************/
h6 {									/*** Corps du texte des News ***/
	background-color: #09c;		/*LIGHTSEAGREEN*/	/* Couleur du fond des titres des News */
	color: #fff;		/*WHITE*/					/* Couleur du texte des titres des News */
	font-size: 0.7em;				/* Taille du texte des titres des News */
	text-align: center;				/* Centrage du texte des titres des News */
	margin-bottom: 0px;				/* Marge supérieure du texte des titres des News */
}
.news p {
	/*background-color: #0099cc;	/* Couleur de fond des News */
	margin: 0px;					/* Marge supérieure des News */
	font-size: 0.6em;			/* Taille du texte des News */
	padding: 2px;				/* Marge intérieure dans la fenêtre des news */
	border-bottom: 1px solid #09c;		/*LIGHTSEAGREEN*/		/* Couleur marge BAS des news */
	border-left: 1px solid #09c;		/*LIGHTSEAGREEN*/			/* Couleur marge GAUCHE des news */
	border-right: 1px solid #09c;		/*LIGHTSEAGREEN*/		/* Couleur marge DROITE des news */
	text-align: justify;
}

.news {
	width: 120px;				/* Taille de la fenêtre des News */
	margin: auto;				/* Centrage de la fenêtre des News dans le Body */
}
/******************************************************************************/
/*                                                                          ELEMENTS MENU                                                                                */
/******************************************************************************/
/* Design par defaut des menus du Site URA© Infograf */

/* Position du menu, la position peux être en relative */
#menu {
	position: absolute;
	left: 10px;
	top: 170px;
}
/* On enlève les puces, le padding et le margin */
#menu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none; /* Cette ligne enlève les puces */
}
/* Dimension des boutons, couleur de background, disposition initiale sur une ligne
NOTE: affecte la class "drop" */
li.drop {
	display: block;
	position: relative;
	width: 100px; /* Largeur visible du bouton */
	height: 20px;
	overflow: hidden; /* Permet de cacher la partie débordante de l’image */
	float: left;
	border-right: solid 1px #000000; /* Cette ligne est pour l’esthétique, elle sépare les boutons d’une bordure */
}
/* L’effet hover affiche la hauteur automatiquement par rapport au nombre de LI
NOTE: affecte la class "drop" */
li.drop:hover {
	height: auto;
}
/* Bordure qui sépare chaques boutons
NOTE: affecte le dernier niveau des boutons */
#menu ul li ul li {
	border-top: solid 1px #000000; /* Cette ligne est pour l’esthétique, elle sépare les boutons d’une bordure */
}
/* Permet de corriger les espaces entre chaque LI dans EXPLORER
NOTE: affecte le dernier niveau des boutons */
*html #menu ul li ul li {
	float: left;
}
/* On met nos liens du menu en block et donne un style au texte des boutons */
#menu a {
	display: block;
	width: 100px; /* Largeur visible du bouton */
	height: 20px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #e31414;
	text-decoration: none;
}
/* effet hover des liens */
#menu a:hover {
	color: #0000ff;
}
/* Permet d’insérer un background VIA le FIX PNG */
#menu span {
	display: block;
	position: relative;
	width: 200px; /* 2x la largeur visible du bouton */
	height: 20px; /* Soustrayez le "padding-top" de la hauteur initiale de votre bouton */
	padding-left: 5px; /* Cette ligne permet de positionner le texte de votre bouton sur l’horizontal */
	padding-top: 3px; /* Cette ligne permet de positionner le texte de votre bouton sur le vertical */
	background-repeat: no-repeat;
	cursor: pointer;
	/*font-weight: bold;*/
	/* background-image:url(menuBouton.png); CETTE LIGNE EST ÉCRITE DANS LE FICHIER "ALPHACSS.PHP" */
	/* le background sera générer dynamiquement dépendant du navigateur */
}
#menu span table {
	margin-top: -5px;
	padding : 0;
}
/* On décale la tag SPAN de 100 px vers la gauche - pour ne pas perdre le texte dans la zone
hidden on lui met un padding-left de 105px */
#menu a:hover span {
	left: -100px;
	padding-left: 105px;
}
/*******************************************************************/
/* ELEMENTS DE FAQ*/
/*******************************************************************/
table.faq {
	margin: auto;
	border: 1px solid #09c;
	width: 95%;
	text-align: center;
	border-collapse: collapse;
	font-size: 0.9em;
}
table.faq a {
  text-decoration: none;
}
table.faq th {
	color: #fff;
	background: #09c;
}
tr.bordure td{
	border: 1px solid #09c;
}
table.enregistrement_faq {
	margin: auto;
	border-style: none;
	text-align: right;
	font-size: 0.9em;
}
.enregistrement_faq input {
	padding: 0px 2px 0px 2px;
}
table.edit_faq {
	margin: auto;
	margin-bottom: 15px;
	width: 95%;
	border-collapse: collapse;
	font-size: 0.9em;
}
table.edit_faq th {
	color: #fff;
	border: 1px solid #09c;
	background: #09c;
	font-size: 0.9em;
}
table.edit_faq td {
	border: 1px solid #09c;
	padding: 5px;
}
.repondre_edit_faq {
	text-align: center;
	font-size: 0.8em;
}
form.forum textarea{
	border: none;
}
tr.bouton td {
	text-align: center;
	border-style: none;
}
.bouton_hidden {
	text-align: center;
	border-style: none;
}
.faq_select {
	/* background: url("images/fond_faq_select.gif") no-repeat 0px 0px; */
  background-color: #ff7f50;
	cursor: url(images/cursor_06.cur), auto;
}
.petit_lien {
	font-size: 0.8em;
	font-weight: bold;
}
#faq_gauche {
	position: absolute;
  margin-left: 40px;
	width: 115px;
	height: 550px;
	border-style: none;
  font-size: 0.8em;
}
#faq_droit {
	position: absolute;
	margin-left: 160px;
	width: 375px;
	height: 550px;
	border-style: none;
  font-size: 0.8em;
}
/********************************************************************************/
/*                                               EMEMENT DE POPUP
/********************************************************************************/
a.info {
  position: relative;
}
a.info:hover {
   background: none; 
   z-index: 500; 
}
a.info span {display: none;}
a.info:hover span {
   display: inline; 
   position: absolute;
   white-space: nowrap; /* Empeche le passage à la ligne à chaque mot */
   font-size: 10px;
   font-weight: normal;
   color: white;
   /*width: 150px;*/
   top: 20px; 
   left: -150px;
   background: #ff7f50;
   padding: 3px;
   border: 1px solid #09c;
   border-top: 4px solid #09c;
}
/********************************************************************************/
/*                                               EMEMENT DE TARIF
/********************************************************************************/
th.tarif {
  background: #09c;
  text-align: center;
  font-size: 1.2em;
  color: #fff;
}
.tableau_tarif {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid #36f;		/*ROYALBLUE*/
	margin: 10px 1px 5px 1px;
}
table.tableau_tarif td {
	padding-left: 3px;
	padding-right: 3px;
	border: 0px solid #36f;		/*ROYALBLUE*/
}
/********************************************************************************/
/*                                               EMEMENT DE XML
/********************************************************************************/
.xml_petit {
  font-size: 0.7em;
  color: #808080;
}
a.xml_sanslien {
	text-decoration: none;
  font-weight: bold;
	color: #000;		/*BLACK*/
}
a.xml_sanslien:hover  {
	text-decoration: underline;
  font-weight: bold;
	color: #0000ff;		/*BLUE*/
}
a.xml_sanslien:visited {
  font-weight: bold;
	color: #000;		/*BLACK*/
}
.xml_title {
  font-size: 1.2em;
  padding: 5px;
  border: 3px groove blue;
  color: #0000ff;
}
