body {background : transparent;font-family : verdana, arial, sans-serif;font-size : 10px;margin : 0;}
body.principal {
/* background-image:url('img/fond.jpg');
background-image:url('cmd/coop.php?assombrir=2&src=GPA_Maisons/MSPI/Photos_de_chantier/Image5.jpg');
background-image:url('cmd/coop.php?assombrir=2&src=GPA_Maisons/MSPI/Photos_MF/MSPI-MF-11.jpg');
background-image:url('cmd/coop.php?assombrir=2&src=GPA_Maisons/MSPI/Photos_MF/MSPI-MF-14.jpg');
background-image:url('cmd/coop.php?assombrir=2&src=diapo/MSPI-MF-14.jpg')
background-image:url('cmd/coop.php?assombrir=2&src=GPA_Maisons/MSPI/Photos_MF/MSPI-MF-14.jpg');
 */ /* 10 14fenetre  */ 

background-color : #111111;
color: white;/* 
background-size:100% 100%;
background-repeat: no-repeat;   
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat; */
/* background-position:center;  */
 }

/* SÉLECTION DU TEXTE */
::-moz-selection {background: #604A7F; color: #fff;}
::selection {background: #604A7F; color: #fff;}

 
/* FIRST ajout Liste Projets */ 
.listingaa   {		FONT-SIZE: 12px; FONT-WEIGHT: bold;margin-left:5px;padding-left : 1em; }

.listingbb { 	FONT-SIZE: 12px; FONT-WEIGHT: bold;margin-left:5px; padding-left : 1em; 
border-top-left-radius:0.5em;
border-top-right-radius:0.5em;
border-bottom-left-radius:0.5em;
border-bottom-right-radius:0.5em;
BACKGROUND-REPEAT: repeat;	BACKGROUND-IMAGE: url(img/semi_trans.png); 
} 



/* */ 
.titre { }
.date {	FONT-SIZE: 9px;   }

/* deuxieme ajout */  
#listing a span {
	position: absolute;
	margin-left: +0px;
	margin-top: -2px;height:18px;
}
#listing a span img {
	width: 150px;
	background-color:#CCCCCC;
	visibility: hidden;	/* CACHER toutes */ 
} 
#listing a:hover span img { /* image contenu dans le aref */
	visibility: visible; /* AFFICHER qd au dessus */ 
  margin-top: -15px;  /* RÉGLAGE décalage hauteur */ 
  margin-left: -1px;  /* RÉGLAGE décalage gauche */ 
	COLOR: #bce954;  /*  vert #bce954ff9900  orange: #FF8001 */ 
	border: 1px solid #666666;
}

/* FIN Spéciale Liste Projets*/


a:link {display : inline;padding-left : 0;color : white;text-decoration : none;font-size : 8pt;}
a:visited {display : inline;padding-left : 0;color : white;text-decoration : none;font-size : 8pt;}
a:hover {color :#bce954;text-decoration : underline;font-size : 8pt;} /* background-color : #818273;   */ 
a:active {color : #FF8000;;text-decoration : none;font-size : 8pt;}


a:link.LM {display : block;color : gray;padding-left : 3em;text-decoration : none;font-size : 8pt;}
a:visited.LM {display : block;color : gray;padding-left : 3em;text-decoration : none;font-size : 8pt;}
a:hover.LM {color : #bce954;padding-left : 2em;text-decoration : underline;font-size : 8pt;} /* background-color : #818273;   */ 
a:active.LM {color : #FF8000;;text-decoration : none;font-size : 8pt;}

a:link.accueil_lien {display : inline;padding-left : 1em;color : white;text-decoration : none;font-size : 8pt;}
a:visited.accueil_lien {display : inline;padding-left : 1em;color : white;text-decoration : none;font-size : 8pt;}
a:hover.accueil_lien {color : #bce954;padding-left : 1em;text-decoration : underline;font-size : 8pt;}
a:active.accueil_lien {color : #FF8000;text-decoration : none;font-size : 8pt;}




a:link.petit_lien {display : block;color : #828282;text-decoration : none;font-size : 8pt;}
a:visited.petit_lien {display : block;color : #828282;text-decoration : none;font-size : 8pt;}
a:hover.petit_lien {color : #bce954;text-decoration : underline;font-size : 8pt;  }
a:active.petit_lien {color : #FF8000;;text-decoration : none;font-size : 8pt;}

a:link.inline {display : inline;color : silver;text-decoration : none;font-size : 8pt;}
a:visited.inline {display : block;color : silver;text-decoration : none;font-size : 8pt;}
a:hover.inline {color : #bce954;text-decoration : underline;font-size : 8pt; }
a:active.inline {color : #FF8000;;text-decoration : none;font-size : 8pt;}

  /* 505C68 gris/gris */ 
a:link.couleur1{color:#505C68;text-decoration:underline;font-size:10pt;}
a:visited.couleur1{color:#505C68;text-decoration:underline;font-size:10pt;}
a:hover.couleur1{color:red;text-decoration:underline;font-size:10pt;}
a:active.couleur1 {color:red;text-decoration:none;font-size:10pt;}

/*		vert clair liens nomination		*/
a:link.couleur2{color:#0065CB;text-decoration:underline;font-size:10pt;}
a:visited.couleur2{color:#0065CB;text-decoration:underline;font-size:10pt;}
a:hover.couleur2{color:#80FF80;text-decoration:underline;font-size:10pt;}
a:active.couleur2 {color:green;text-decoration:none;font-size:10pt;}

/*		Purple  bleuFoncé		*/
a:link.admin{color:#FE8D1D;text-decoration:none;font-size:10pt;display:inline}
a:visited.admin{color:#FE8D1D;text-decoration:none;font-size:10pt;}
a:hover.admin {color:#FF0080;text-decoration:none;font-size:10pt;}
a:active.admin{color:#FF0080;text-decoration:underline;font-size:10pt;}
.imgD{
   float: right;
   margin-left: 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */

}
h1, h2{ 
 /*   color: white;st louis blues */
  background-color: transparent;
  border-bottom-style: inset;
  border-bottom-width: 1px;
  width: 98%;
  height: 32px;
  
} 
 h3, h4, h5, h6 { 
 /*   color: white;st louis blues */
  background-color: transparent;
  border-bottom-style: inset;
  border-bottom-width: 1px;
  width:72%;
  height: 22px;
  
} 
/* ======================================================================================= */





 /* Fieldset  */
fieldset {
	margin: 10px 0;
	padding: 10px 10px;
	font-size:12px;
	border: 1px dotted;
}

legend{
	color: gray;
/* 	font-weight: bold; */
	padding-left: 20px; 
/* 	background-image: url('img/tick.gif');  */
	background-repeat: no-repeat; 
}

.help {
	cursor:help; 
}


/* ======================================================================================= */
/* utilisé dans photos pour le choix HORIZONTAL PLANCHE SELECTIO */ 
.mini_info{
/* 	font: bold 0.7em sans-serif; */
		font-size: 8pt;
  color: gray;
}
.mini_infob{ 	font: bold 0.7em sans-serif; 
		font-size: 8pt;
  color: #C1C8CF;
}

/* le menu dans v  vision dun dossier     */ 
.Menuh a:hover{ BACKGROUND-REPEAT: repeat;	BACKGROUND-IMAGE: url(img/semi_trans.png);}
.Menuv a:hover{ BACKGROUND-REPEAT: repeat;	BACKGROUND-IMAGE: url(img/semi_trans.png);}
.Menuh{/*  
	position: relative;
 width: 80px; 
  display: inline; 
  text-align: center; 
	float: left;*/}
.Menuv {
	position: relative;
  width: 120px;
  display: inline; 
	float: left;
	padding: 0px 0px;
	margin: 4px 0px 0px 20px;
	font: bold 0.7em sans-serif; 
		font-size: 11pt;
		color: #003882;
	/* -moz-user-select: none;
	-khtml-user-select: none; */
  /* 
	cursor: pointer;
  border-bottom-style: inset;
  border-bottom-color: silver;
  border-bottom-width: 1px; */ 
} 
/* ======================================================================================= */