/* texte */

.GrdTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #990000;
	text-decoration: none;
}
.TxtBlanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.Titre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
}
.Texte {
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 12px;
	color: #000000;
	text-align: left;
}
.TexteCentre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: orange;
	text-align: center;
}
.Titre3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
}
.Titre4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}
.TexteCentrer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-align: center;
}
.TexteDroite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}
.Titre5 {
	background-image:url(picts/carrer.jpg);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 20px;
	color: #000066;
}
.Titre6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	padding-left: 30px;
}
.Titre7 {
	font-family: Courier New;
	font-size: xx-large 15px;
	margin-left: 40px;
	margin-top:50px;
	text-align: center;
	color:#990000;
}
.Titre8 {
	font-family: Courier New;
	font-size: x-large 15px;
	margin-left: 5px;
	text-align: left;
	color: #000000;
}
.img {
	border:0px;
}


/*************************************************************************************************
****************************** éléments du desing ************************************************
**************************************************************************************************/
.cadre {
	width:500px;
	height:auto;
	background-color: #FFFFCC;
	border:dashed 1px #990000;
	font-size:14px;
	margin-top:30px;
	padding:10px;
}

a img {
 /* bordur sur immages avec liens */
	border:0px;
} 

a { 
	text-decoration:none;
	color:#000099;
}
a:hover { 
	text-decoration: none;
	color:#FF9900;
}
hr { 
/* ligne horizontale grise */
color: grey;
background-color: grey;
height: 1px;
width: 800px;
border: 0px;
clear: both;
margin-top: 20px;
}

h1 h2 h3 h4 h5 {
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #990000;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6699CC;
}
.listeVilles {
	width:70px; 
	margin:2px; 
	display:block; 
	float:left;
}
.listeVilles2 {
	width:200px; 
	margin:2px; 
	display:block; 
	float:left;
}
ul#listeRegions {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul#listeRegions li {
	float:left; 
	width:225px; 
	height:20px; 
	text-align: left;
	background:#d3d6ea;
	border:#0099FF dashed 1px;
	margin-left:10px;
	margin-top:3px;
	line-height:20px;
	padding-left:10px;
}
ul#listeRegions li:hover {
	background: #FFCC00;
	color:#d3d6ea;
}

ul#listeVilles {
	list-style-type:none;
	/*width:530px;*/
	height:auto;
	margin:0px;
	padding:0px;
}
ul#listeVilles li {
	list-style-type:none;
	height:26px;
	width:500px;
	margin:1px;
	padding:0px;
}
ul#listeVilles2   {
	list-style-type:none;
	width:532px;
	height:25px;
	margin:3px;
	padding:0px;
}
ul#listeVilles2 li {
	list-style-type:none;
	float:left;
	height:auto;
	width:215px;
	margin:2px;
	padding:1px;
}

/* info bulle */

a.info {
   position: relative;
  /* color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted;  on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
   border-bottom: 1px gray dotted; /* on souligne le texte */

}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   /* white-space: nowrap; /* pas de retour à la ligne non-désiré */
   height: 265px;
   width: 182px;
   top: -150px; /* on positionne notre infobulle */
   left: 200px;
   background:url(picts/info_bulles.png);
   color: green;
   padding: 10px;

/*   border: 1px solid green;
   border-left: 4px solid green;*/
}
li ul ol {
	margin-bottom: 10px;
	padding:0px;
}
</style>