/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

/*HOME ET DRAPEAUX*/
.TopPage{					
  width: 98%;
  height: 28px;
  padding: 0px 0px;
  border-style:solid;   
  border-width:0px; 
  border-color:#269ad9;

  text-align:left;
  font-family:Verdana, Geneva, Arial;
  font-weight:bold;
  font-size:13px;
  
  position : absolute; top:7px; left:15px;
}

/*TABLEAUX ET DRAPEAUX*/
.home
{
	width:100%; 
	border:0px;	
	border-style:solid; 
	border-color:red;	
}

/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

/*MENU*/

.Menu{					
  background-color: #d3e1e8;
  width: 100%;
  height: 51px;
  padding: 0px 0px;
  border-style:solid; 
  border-width:0px; 
  border-color:#269ad9;

  color:navy;
  text-align:center;
  font-family:Verdana, Geneva, Arial;
  font-weight:bold;
  font-size:13px;
  
  position : absolute; top:18px; left:0px;
}

.MENUtr{
	height:20px;
}
.subMENU{
	height:25px;
}


.search{
  padding: 0px 0px;
  border-style:solid; 
  border-width:0px;
  position : absolute; top:35px; right:5px
}


/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

.Main{					
  background-color:white;
  width: 100%;
  padding: 0px 0px;
  border-style:solid; 
  border-width:0px; 
  border-color:#269ad9;

  color:navy;
  text-align:center;
  font-family:Verdana, Geneva, Arial;
  font-weight:bold;
  font-size:13px;

  position : absolute; top:75px; left:0px; right:0px;
}


/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

/*VINCENT CHERTIER*/

.perso {
  width: 99%;
  text-align:center;
  padding: 0px 0px;
  border-style:none; 
  
  position : absolute ; top : 97.5%;
}

/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

* { font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */ font-family: Tahoma` Verdana` Arial` serif; }
.info { position: relative; color: black; text-decoration: none; /*border-bottom: 1px gray dotted; on souligne le texte */ }
.info span { display: none; /* on masque l'infobulle */ }
.info:hover { background: none; /* correction d'un bug IE */ z-index: 500; /* on définit une valeur pour l'ordre d'affichage */ }
.info:hover span { 
	display: inline; /* on affiche l'infobulle */ 
	position: absolute; /* essayer avec float*/
	/*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: 15px; /* on positionne notre infobulle */ 
	left: 30px;
	
	background: #CCCCFF; 
	color: #0060a1;
	width:200px;
	padding: 0px; 
	border: 1px solid #0060a1; 
	border-left: 1px solid #0060a1;
	
	text-align:left;
	
	filter:alpha(opacity=85); /* Internet Explorer 6     */ -moz-opacity: 0.85; /* Mozilla 1.6 et infér.   */ opacity: 0.85; /* CSS3 et Mozilla récents */
}

.titre{					
	background-color: #0060a1;
	width: 100%;
	height: 100%;
	padding: 0px 0px;
	border-style:solid; 
	border-width:0px; 
	border-color:#000099;

	color:white;
	font-family:Verdana, Geneva, Arial;
	font-weight:bold;
	font-size:11px;
  
	filter:alpha(opacity=85); /* Internet Explorer 6     */ -moz-opacity: 0.85; /* Mozilla 1.6 et infér.   */ opacity: 0.85; /* CSS3 et Mozilla récents */
}


.portrait {
   margin: 0px;
   border: 0px solid white;
}

.portrait:hover {
   margin: 0px;
   border: 0px solid #ffb02f;

}


.img-shadow {
  float:left;
  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  background: url(/Toolkit/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/Toolkit/img/shadow.gif) no-repeat bottom right;
}
.img-shadow img {
  display: block;
  position: relative;
  border: 0px solid #a9a9a9;
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;
}