<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
link rel="meta" href="http://www.regie-laval.org/labels.rdf" type="application/rdf+xml" title="ICRA labels" />
<meta http-equiv="pics-Label" content='(pics-1.1 "http://www.icra.org/pics/vocabularyv03/" l gen true for "http://regie-laval.org" r (n 3 s 3 v 3 l 3 oa 2 ob 2 oc 2 od 2 oe 2 of 2 og 2 oh 2 c 3) gen true for "http://www.regie-laval.org" r (n 3 s 3 v 3 l 3 oa 2 ob 2 oc 2 od 2 oe 2 of 2 og 2 oh 2 c 3))' />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> 
<title>Effets sur les liens</title> 
<style type="text/css"> 
body { 
background-color:#FEE7E2; /*couleur de fond de page*/ 
font:13px "Trebuchet MS", Arial, Verdana;/*taille et forme de la police*/ 
color:#555555; /*couleur de la police d'écriture*/ 

} 

.cadredumenugauche a:link {color: red ; } 
.cadredumenugauche a:hover {border: 0px solid #000000; color: #00FBFF; text-decoration: underline ;} 
a:link {color: #663366 ; text-decoration: underline ;} 
a:visited {color: #663366 ; } a:hover { color: #FF9933 ; text-decoration: underline  ; } 

.cadredumenugauche p.titre {color: red ; text-decoration: underline overline ;} 

/***** BODY *****/
body { background: #FFFFFF; font-family: Georgia; }

/***** ACCUEIL *****/
.gauche {
float:left;
width: 10%;
text-align:center; 
   width:150px; 
   background-color:#F8D1E8; 
   border:1px solid #000; /* cadre menu */ 
   color:#FFFFFF; 
   height: auto; 
   padding-top: 5px; 
   padding-right: 5px; 
   padding-bottom: 5px; 
   padding-left: 5px; 
}
.droite {
float:right;
width: 10%;
text-align:center; 
   width:150px; 
   background-color:#F8D1E8; 
   border:1px solid #000; /* cadre menu */ 
   color:#FFFFFF; 
   height: auto; 
   padding-top: 5px; 
   padding-right: 5px; 
   padding-bottom: 5px; 
   padding-left: 5px;
}
/* Texte sur la page d'accueil :
Cet annuaire contient...
*/

#moncadre { 
   width:800px; 
   padding:10px; 
   background-color:#FFFF00; 
   border-left:1px solid #000000; /* couleur du cadre */ 
   border-right:1px solid #000000; 
   border-bottom:1px solid #000000; 
   border-top:1px solid #000000; 
   margin: auto; 

} 

.cadredumenugauche { 
   float:left; 
   text-align:center; 
   width:150px; 
   background-color:#E4E4E4; 
   border:1px solid #000; /* cadre menu */ 
   color:#666666; 
   height: auto; 
   padding-top: 5px; 
   padding-right: 5px; 
   padding-bottom: 5px; 
   padding-left: 5px; 
} 
.categories { 
   float:left; 
   text-align:left; 
   width:130px; 
   padding: 10px; 
   background-color:#FFFFFF; 
   border:0px solid #FFFFFF; /* cadre menu */ 
   color:#666666; 
   height: auto; 
   margin-top: auto; 
   margin-right: auto; 
   margin-bottom: auto; 
   margin-left: auto; 
   list-style-position: outside; 
   list-style-type: circle; 
} 
.cadredumenudroite { 
   float:right; 
   text-align:left; 
   width:150px; 
   padding:5px; 
   background-color:#E4E4E4; 
   border:1px solid #000; /* cadre menu */ 
   color:#666666; 
   height: auto; 
} 
.categories2 { 
   float:left; 
   text-align:left; 
   width:130px; 
   padding:10px; 
   background-color:#FFFFFF; 
   border:0px solid #FFFFFF; /* cadre menu */ 
   color:#666666; 
   height: auto; 
   margin-top: auto; 
   margin-right: auto; 
   margin-bottom: auto; 
   margin-left: auto; 
} 
#cadrehaut { 
height:100px; 
background-color:#FFCCCC; 
margin-bottom:10px; 
} 

#cadrebas { 
   width:200px; 
   background-color:#DEDEDE; 
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif,; 
   text-align:center; 
   color: #999999; 
   clear: both; 
   margin-top: 10px; 
   margin-right: auto; 
   margin-bottom: auto; 
   margin-left: auto;    
} 

#cadrecentrale { 
   margin-left:180px; 
   min-height:150px; 
   margin-right:180px; 
   border-left:1px dashed #000; /* couleur du cadre */ 
   border-right:1px dashed #000; 
   border-bottom:1px dashed #000; 
   border-top:1px dashed #000; 
   background-color:#00FBFF; 
   height: auto; 
} 
  </style> 
</head> 

<body> 
<div id="moncadre"> 
<div id="cadrehaut">Barre de Navigation</div> 
<div class="cadredumenugauche"> 
  <p class="titre"><a href="index.php">Menu Gauche</a></p> 
  <div class="categories"> 
   <ul class=""> 
     <li><a href="index.php">mon lien</a></li> 
     <li>mon lien</li> 
     <li>mon lien</li> 
   </ul> 
   </div> 
  </div> 
<div class="cadredumenudroite"> 
  <p>Menu Droite</p> 
  <div class="categories2">Placez ici le contenu de la nouvelle balise Div</div> 
     </div> 
<div id="cadrecentrale"> 
  <p>Categories de l'annuaire  </p> 
  </div> 
</div> 
<div id="cadrebas">2007</div> 
</body> 
</html>