@charset "iso-8859-1";
/* auteur: joe */
/* Date de création: 25/07/2016 */
<style type="text/css" title="mic" media="all">
<!--
a:link
{
	color: #ffffff;
	font-size: 20px;
	text-decoration:none;
	
	
}
a:visited
{
color: #ffffff;
	font-size: 20px;
	text-decoration:none;
	
	}
a:hover
{
text-shadow: 0px 12px 7px #FFFF00;
text-decoration:none;
color:#000000;
	font-size: 20px;
	background-color:#FFFFFF;
	
}
a:active
{
	color: #FFFFFF;
	font-size: 20px;
	text-decoration:none;
	
}
a.info {
    color:#FFFFFF;
	     text-decoration: none;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
     word-wrap: break-word;
}
a.info span {
   position: absolute;
   transform:scale(0) rotate(-12deg);
        margin-top:5%;
     margin-left:-35px;
	 border-radius:3px;
     box-shadow:0 0 2px rgba(0,0,0,.5);
   transition:all .30s;
    
}
a.info:hover {
background:rgba(0,0,0,.4);
     

   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
     word-wrap: break-word;
}
a.info:hover span, a:focus span{
transform:scale(1) rotate(0);        
   display: inline; /* On affiche l'infobulle. */
   position: absolute;

   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */

   top: 1%; /* On positionne notre infobulle. */
   left: 10%;
color:white;
   background:#000000;
    padding: 3px;
height:85%;
width:100%;
   border: 1px solid green;
   border-left: 4px solid green;
}

a.md {
    color:#FFFFFF;
	     text-decoration: none;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
     word-wrap: break-word;
	 }
a.md:hover {
background:rgba(0,0,0,.4);

cursor: pointer; /* On change le curseur par défaut par un curseur d'aide. */
word-wrap: break-word;
}
a.ifi {
    color:#FFFFFF;
	   
   border-bottom: 1px gray dotted; /* On souligne le texte. */
     word-wrap: break-word;
	 }
a.ifi:hover {
color:#000000;
background:#FFFFFF;
cursor: pointer;
word-wrap: break-word;
}
a.ifi2 {
    color:red;
	   
   border-bottom: 1px gray double; /* On souligne le texte. */
     word-wrap: break-word;
	 letter-spacing:20px;
	   line-height:20pt;
	 }
a.ifi2:hover {
color:red;
font-family:"arial black";
background:#000000;
font-size:40px;
border-bottom: 50px red dotted; /* On souligne le texte. */
letter-spacing:25px;
cursor: pointer;
word-wrap: break-word;
  line-height:50pt;
}
#menu-deroulant, #menu-deroulant ul {
    padding: 0;
    margin-right: 10%;
    list-style: none;
	
	
}
#menu-deroulant {
/* on centre le menu dans la page */
    text-align: right;
	color:#000000;
	
}
#menu-deroulant li {
/* on place les liens du menu horizontalement */
    display: inline-block;
}
#menu-deroulant ul li {
/* on enlève ce comportement pour les liens du sous menu */
    display: inherit;

	
}

#menu-deroulant a {
    text-decoration: underline;
    display: block;
	color:#ffffff;
	background:black;
	letter-spacing:50px;
		}
#menu-deroulant a:hover 
{
        color : #000000; /* Noir */
        background : #ffffff; /* Blanc*/
		}
#menu-deroulant ul {
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
    left: -999em;
    text-align: left;
    z-index: 500;
	
}
#menu-deroulant li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left: auto;
}

.deroul {
    position: absolute;
  top: 2%;
  left: 1%;
  width: 98%;
   letter-spacing:200px;
}
.fixed1 {
    position: fixed;
  top: 0%;
  left: 0%;
  z-index:5;
  width: 100%;
  color:yellow;
   background:black;
  text-shadow: 0px 12px 7px #ffffff;
  font-family:"arial black";
  font-size:15px;
    border: 1px solid #bbbbbb;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
   }
   .mi {
    position: absolute;
  top: 50%;
  left: 90%;
  width: 10%;

}
 
.fixed {
    position: fixed;
  bottom: 0%;
  left: 0%;
    z-index:10;
  width: 100%;
  height:13%;
  background:black;
  text-shadow: 0px 12px 7px #ffffff;
  font-family:"arial black";
    border: 1px solid #bbbbbb;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

   }
   .baro {
  position: absolute;
  margin-left:60%;
  margin-top:45%;
   background:black;
  background-size: contain;
  color:#ffffff;
     word-wrap: break-word;
	 letter-spacing:12px;
}
.ifi {
  position: absolute;
  margin-left:40%;
  margin-top:15%;
   background:black;
  background-size: contain;
  color:#ffffff;
     word-wrap: break-word;
	 letter-spacing:12px;
}

.contenueifi {
position : relative;
float:left;
margin-left:1%;
margin-top:2%;
   background:black;
  background-size: contain;
  color:#ffffff;
  font-size:20px;
  letter-spacing:12px;
    word-wrap: break-word;
}
.contenueifid {
position : relative;
float:left;
margin-left:1%;
margin-top:2%;
width:45%;
   background:#FF0000;
  background-size: contain;
  color:#000000;
  font-size:24px;
  letter-spacing:12px;
    word-wrap: break-word;
}
.contenueifi2 {
position : relative;
float:left;
margin-left:45%;
margin-top:17%;
width:60%;
   background:red;
  background-size: contain;
  color:#ffffff;
  font-size:14px;
  letter-spacing:12px;
    word-wrap: break-word;
}
.contenueifi3 {
position : relative;
float:left;
margin-left:1%;
margin-top:2%;
width:45%;
   background:#ffffff;
  background-size: contain;
  color:#000000;
  font-size:12px;
  letter-spacing:12px;
    word-wrap: break-word;
}
  .contenueifi4 {
position : relative;
float:left;
margin-left:1%;
margin-top:2%;
width:45%;
   background:#000000;
  background-size: contain;
  color:#ffffff;
  font-size:12px;
  letter-spacing:3px;
    word-wrap: break-word;
}
.contenue {
  position: relative;
  float:left;
  margin-left: 1%;
 width: 49%;
   background:black;
  background-size: contain;
  color:#ffffff;
  font-family:"arial black";
    word-wrap: break-word;
}
.contenue1 {
  position: relative;
  float:left;
  left: 0%;
  margin-left:1%;
 width: 99%;
background:black;
  background-size: contain;
  color:#ffffff;
  font-family:"arial black";
    word-wrap: break-word;
}
.contenue2 {
  position: relative;
  float:left;
  left: 0%;
  margin-left:1%;
 width: 99%;
   background:#000000;
  background-size: contain;
  color:#ffffff;
  font-family:"new roman";
  font-style:italic;
    word-wrap: break-word;
}
.b {
position:relative;
float:left;
margin-left:1%;
width:100%;
   background:black;
  background-size: contain;
    word-wrap: break-word;
	background-image:url("barometre.png");
}

.b1{
position:absolute;
height:70%;
margin-left:15%;
width:30%;
   background:black;
  background-size: contain;
    word-wrap: break-word;
	color:#ffffff;
	letter-spacing:6px;
	
}
.contenueok {
   background:black;
  background-size: contain;
  color:#ffffff;
  font-family:"arial black";
  text-shadow: 0px 12px 7px;
    word-wrap: break-word;
}
.contenueok1 {
margin-left:17%;
width:70%;
   background:black;
  background-size: contain;
  color:yellow;
  font-size:15px;
letter-spacing:5px;
font-style:italic;
 
    word-wrap: break-word;
}
.contenue3 {
  position: relative;
  float:left;
  margin-left:5%;
 width: 22%;
   background:black;
  background-size: contain;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}
.contenue3bis {
  position: relative;
  float:left;
  Margin-top:10%;
  margin-left:75%;
 width: 22%;
   background:black;
  background-size: contain;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}
.contenue4 {
  position: relative;
  float:left;
  margin-left:1%;
 width: 45%;
   background:black;
  background-size: contain;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}
.contenue5 {
  position: relative;
  float:left;
  margin-left:5%;
 width: 20%;
   background:black;
  background-size: contain;
  line-height:10pt;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}
.contenue6 {
  position: relative;
  float:left;
  margin-left:1%;
 width: 85%;
   background:black;
  background-size: contain;
  line-height:10pt;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}
.contenue7 {
  position: relative;
  float:left;
  margin-left:10%;
 width: 45%;
background:black;
  background-size: contain;
  line-height:10pt;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}
.contenue5bis {
  position: relative;
  float:right;
  margin-left:1%;
 width: 35%;
   background:black;
  background-size: contain;
  line-height:10pt;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}
.contenue8 {
  position: relative;
  float:left;
  margin-left:5%;
 width: 70%;
   background:black;
  background-size: contain;
  line-height:10pt;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}
.contenuepb {
  position: relative;
  float:left;
  margin-left:5%;
 width: 25%;
   background:black;
  background-size: contain;
  line-height:10pt;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}
.contenuebonneannee {
  position: relative;
  float:left;
 width: 50%;
 margin-left:50%;
   background:black;
  background-size: contain;
  line-height:15pt;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
  cursor: pointer;
}
.investdecortg {
  position: relative;
  float:right;
   width: 100%;
   background:black;
  background-size: contain;
  letter-spacing:100px;
  line-height:10pt;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}
.investdecortd {
  position: relative;
  float:right;
  margin-right:10%;
   width: 30%;
   background:black;
  background-size: contain;
  letter-spacing:50px;
  line-height:20pt;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}
.investdecortl {
  position: relative;
  float:left;
   width: 100%;
   background:black;
  background-size: contain;
  letter-spacing:100px;
  line-height:10pt;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}
.invest {
  position: relative;
  float:right;
 margin-left:60%;
  width: 100%;
   background:black;
  background-size: contain;
  letter-spacing:100px;
  line-height:10pt;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}
.investdecort {
  position: relative;
  float:right;
   width: 60%;
   background:black;
  background-size: contain;
  letter-spacing:100px;
  line-height:10pt;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}

.annee {
  position: relative;
  float:left;
  margin-left:5%;
 width: 20%;
   background:black;
  background-size: contain;
  line-height:5pt;
  color:#ffffff;
  font-family:"arial black";
  word-wrap: break-word;
}
.circle{
    margin:50px;
    width:500px;
       height:500px;
	   background-image:url("image site.png");
    text-align:center;
    border-radius:500px;
    <strong>line-height: 450px; /* 500 - 50 */</
	
}
.ic {
  position: absolute;
  margin-top:20%;
 height:20%; 
 width: 35%;
   background:red;
  background-size: contain;
  letter-spacing:8px;
  line-height:12pt;
  color:#ffffff;
  word-wrap: break-word;
}
#element
{
	text-shadow: 0px 12px 7px #FFFF00;
	font-family:impact;
	color: #ffffff;
	font-size: 90px;
	padding-top:1%;
	background:black;
	border:bottom;
	boder-size:1px;
} 
#element1
{
	text-shadow: 0px 12px 7px #FFFF00;
	font-family:impact;
	color: #ffffff;
	font-size: 100px;
	padding-top:1%;
	border:bottom;
	boder-size:1px;
	letter-spacing:12px;
	line-height:50pt;
} 
.md
{
text-shadow: 0px 12px 7px red;
	font-size: 20px;
	background:#FFFF00;
}
.i1
{
position:relative;
float:left;
margin-left:55%;
margin-top:1%;
text-shadow: 0px 24px 14px #FF0033;
font-family:impact;
color: #FFFF00;
font-size:25px;
letter-spacing:10px;
  line-height:10pt;
}
.a
{
position:relative;
float:left;
margin-left:58%;
margin-top:5%;
width:20%;
font-family:"arial-black";
color: #FFFFFF;
letter-spacing:5px;
}
.a1
{
position:relative;
float:left;
margin-left:1%;
margin-top:2%;
width:30%;
font-family:"arial-black";
color: #FFFFFF;
letter-spacing:5px;
}
.i2
{
position:relative;
float:right;
margin-left:55%;
margin-top:5%;
text-shadow: 0px 24px 14px #FF0033;
font-family:impact;
color: red;
font-size:25px;
letter-spacing:5px;
  line-height:10pt;
}
.i4
{
position:relative;
Float:right;
margin:left:95%;
margin-top:10%;
text-shadow: 0px 24px 14px #FF0033;
font-family:impact;
color: red;
font-size:25px;
letter-spacing:5px;
  line-height:10pt;
}
.i3
{
position:relative;
float:left;
margin-left:100%;
margin-top:1%;
text-shadow: 0px 24px 14px #FFFF00;
font-family:impact;
color: #FFFF00;
font-size:25px;
letter-spacing:10px;
  line-height:10pt;
}
.moz
{
position:relative;
float:left;
width:48%;
height:99%;
text-shadow: 0px 24px 14px #FFFF00;
font-family:impact;
background-image:url("quartier part dieu 2 face.png");
color: #FFFF00;
font-size:25px;
letter-spacing:100px;

}
.moz1
{
position:relative;
float:left;
width:100%;
height:100%;
text-shadow: 0px 24px 14px #FFFF00;
font-family:impact;
background-image:url("quartier part dieu 2 face.png");
color: #FFFF00;
font-size:25px;
letter-spacing:100px;

}
-->
</STYLE>