@charset "UTF-8";
/* CSS Document */

body {

	background-attachment:fixed;
	background-position: center;
	background-repeat: repeat;
	-webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
  margin:0;
  padding:0;

	
}

a img {border:none;}

a:hover{
	text-decoration:underline;
	
}

a{
	color: #000;
	text-decoration: none;
}

.select {
	text-decoration:underline;
}

p{
	font-family: GrnD-NorBoo , sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size:13px;
	margin-left:20px;
}

h1{
	font-family: GrnD-NorDem , sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size:18px;
	padding-top:15px;
	margin-left:20px;
}

#global {
    
	margin-left:auto;
	margin-right:auto;
	max-width:750px;
	width:auto;
	}

#menu {
	position: fixed;
	text-align: center;
	width:750px;
	height:125px;
	background-color: rgba(255, 255, 255, 0.6);
	z-index:10;
	
}

#conteneur {
	position: absolute;
	top: 130px;
	width:760px;
	margin-left:-5px;
	text-align:center;
		
}

#conteneur img {
	position: relative;
	margin: 5px;	
}

.logo {
	position: relative;
	float:left;
	margin-top:10px;
	margin-left:20px;
	height:110px;
	
}

#mopourmo {
	font-variant:small-caps;
	font-family: GrnD-NorBol , sans-serif;
	font-size:22px;
}

#menu-links-global {
	float:left;
	width: 550px;
	margin-right:20px;
	margin-top:10px;
}

.premier {
	margin-top:30px; }
.deuxieme {
	margin-top:10px; }
.marge {
    margin-left:15px;}
.langue {
	margin-left:580px;
	margin-top:0px;
	font-family: GrnD-NorBoo , sans-serif;
	font-size:12px;
	}
	
.reseaux {
	float:left;
	width:30px;
	margin-left:20px;
	margin-top:50px;
	text-align:inherit;
	}
.reseaux img {
	margin-bottom:5px;
}

#menu-link1 {
	margin-top:10px;
	font-family: GrnD-NorBoo , sans-serif;
	font-size:12px;
}

#menu-link2 {
	margin-top:3px;
	font-family: GrnD-NorLig , sans-serif;
	font-size:12px;
}


#cadre-explications {
	background-color: rgba(255, 255, 255, 0.5);
	width:750px;
	margin:5px;
	text-align: center;	
}
#cadre-explications a {
	font-family: GrnD-NorBolIt , sans-serif;
	font-weight: normal;
	font-style: normal;
}

#cadre-menus {
	background-color: rgba(255, 255, 255, 0.5);
	width:750px;
	height:180px;
	margin:5px;
	margin-bottom:10px;
	text-align: left;	
}
#cadre-menus img {
	margin:0px;
	float:left;
}
#description {
	margin-left:200px;
	padding-top:30px;
	
}

#cache {
	position:absolute;
	z-index:100;
	background-color: rgba(255, 255, 255, 0.1);
	width:750px;
	height:180px;
}
#cache:hover {
	position:absolute;
	z-index:100;
	background-color: rgba(255, 255, 255, 0.5);
	width:750px;
	height:180px;
}

	


.whaat-name {
	text-align:right;
	margin-top:0px;
	margin-right:10px;
}

/* ------------- mosaique ---------------- */
a.info {
   position: relative;
   float:left;
   margin:0px;
   
}
a.info span {
   display: none; /* On masque l'infobulle. */
   font-size:14px;
   font-family: GrnD-NorDem , sans-serif;
   text-align:center;
}

a.info span h4 {
   margin-top:0px;
   margin-bottom:0px;
   font-family: GrnD-NorLigIt , sans-serif;
	font-weight: normal;
	font-style: normal;
    font-size:13px;
	
}
a.info:hover img {
	filter:alpha(opacity=40); /* ie */
    -moz-opacity:0.4; /* old mozilla browser like netscape */
    -khtml-opacity: 0.4; /* for really really old safari */
    opacity: 0.4; /* css standard, currently it works in most modern browsers like firefox, */
	
}
a.info:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 9; /* On définit une valeur pour l'ordre d'affichage. */
   
}

a.info:hover span {
   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: 80px; /* On positionne notre infobulle. */
   width:243px;
   margin-left:50%;
   left:-123px;
   padding:5px;

}
/* ------------- ligne menus ---------------- */