*{margin:0; padding:0; border:0;}
a{text-decoration:none; color:#005e72; font-size:8pt} /*/bleu/*/
a:hover{text-decoration:underline; color:#699a0a;} /*/vert/*/

body {

a, input{position: relative;z-index: 1;} 
background-image:url(fichier.png)!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true sizingMethod='scale', src='images/fichier.png');
img.png {
behavior: url(png.htc);
}


background-repeat:repeat-y; 



	width: 887px;
	margin:0 auto;
	font: normal 10pt Tahoma, Verdana, sans-serif, Arial;
	color:#005e72; /*/bleu/*/
	background: #ededed; 
}
body {
color:#005e72; /*/bleu/*/
background-color:white;
background-image:url(images/roses.jpg);
}

/*///////////////////////////////////  GLOBAL  //////////////////////////*/
#global {
	margin:0 auto;
	float:left;
	width:900px;
	background:#ffffff url(images/centre.png) repeat-y left top;
}

/*///////////////////////////////////  HEADER  //////////////////////////*/
#header {
	width:900px;
	height:301px;
	font-weight:bold;
	text-transform:uppercase;
	background:#ffffff url(images/haut.png) no-repeat left top; 
}

/*///////////////////////////////////  MENU  A GAUCHE //////////////////////////*/

#menu {
	float:left;
	display:inline;
	width:177px;
	text-align:left;
	margin:0 0 0 50px;
}
#menu h2 {
	width:177px;
	height:30px;
	line-height:30px;
	font-size:10pt;
	margin:0;
	padding:0 0 0 10px;
	color:#005e72; /*/bleu/*/
	background: url(images/bandereau2.png) no-repeat left top;
}
#menu ul {
	margin:0 0 15px 0;
	width:162px;
	font-size:10pt;
	list-style:none;
}

#menu ul li {
	width:177px;
}

#menu ul li a {
	display:block;
	margin:0px;
	padding:0 0 0 20px;
	width:177px;
	height:29px;
	line-height:29px;
	text-decoration:none;
	color:#004c80; /*/bleu-ocean/*/
	background: url(images/bandereau.png) no-repeat left top;
}

#menu ul li a:hover {
	text-decoration:none;
	color:#38f5ff; /*/bleu-ciel/*/
}


/*///////////////////////////////////  CORPS  //////////////////////////*/
#corps {
	margin:0 40px 0 225px;
	padding:10px;
}

.floatl {
	float:left;
	padding-right:1em;
	margin:0;
}


#corps h1 {
	color:#678900; /*/ vert pour indication/*/
	margin:0 10px 10px;
	padding:0 5px;
	font: bold 10pt Tahoma,Verdana,sans-serif, Arial;
}
#corps p {
	color:#593309;/*/ texte couleur maron/*/
	text-indent:15px;
	margin:5px 5px 5px 0;
}
#corps p a {
	color:#699a0a; /*/vert/*/
}

#corps p.right {
	margin-right:15px;
	text-align:right;
	font-weight:bold;
	font-size:9px;
	letter-spacing:1px;
	color:#593309; /*/ texte couleur maron/*/
}

/*///////////////////////////////////  FOOTER  //////////////////////////*/
p#footer {
	clear:both;
	width:900px;
	height:70px;
	padding-top:30px;
	font-size:9px;
	text-align:center;
	color:#005e72; /*/bleu/*/
	background:#ffffff url(images/bas.png) no-repeat left top;
}

p#footer a{
color:#699a0a; /*/vert/*/
}

/*///////////////////////////////////  infobulle  //////////////////////////*/
{
   font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
   font-family: Tahoma, Verdana, Arial, serif;
}
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 */
}
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: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}

/*///////////////////////////////////  fin  infobulle  //////////////////////////*/
/*///////////////////////////////////  FONCTION  //////////////////////////*/
<span class="blink">important</span>
CSS > span { text-decoration:blink; } // Pour IE.

<span class="blink"> { text-decoration: blink; }</span>
<span class="blink">important</span>
 
// Javascript pour IE :
 
function blink()    {
     if(IE){
 
         spans=document.getElementsByTagName('span');
         x = spans.length;
for(var i=0; i<x; i++)
             if(spans.getAttribute('class')=='blink')
                   if(span.visibility=="hidden")
                       span.visiblity="visible";
                   else
                       span.visiblity="hidden";
         }
         setTimeout("blink",1000);
    {
 
window.onload=blink;
BLINK }
visibility: expression((function(){
if (!window.IEBlink) {
window.IEBlink = "visible";
setInterval(function() {
window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
var blinks = document.getElementsByTagName("blink");
for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
{, 700)
}
return "";
{(());
/*fonction pour annuler les fenêtres Popup qui s'ouvrent automatiquement dans internet explorer.*/ 
#void{ __fastcall TForm1::BrowserNewWindow2(TObject *Sender,
      LPDISPATCH *ppDisp, VARIANT_BOOL *Cancel)
}
   *Cancel = TRUE;
{
/*commande DE contrôle  pour imprimer une page dans les navigateurs Web*/
#Browser{->ExecWB(OLECMDID_PRINT, OLECMDEXECOPT_DONTPROMPTUSER);

}

