<html> <head> 
<meta http-equiv="content-type" content="text/html; charset=windows-1252"> 
<meta http-equiv="content-language" content="fr"> 
<title>feuille de style</title> 
<style>{  
}
td           { font-size: 36 pt; font-family: Candara; color: #073e87}
p            { font-size: 12 pt; font-family: Candara }
h1           { font-size: 16 pt; font-family: Candara }
h2           { font-size: 14 pt; font-family: Candara }
a:link       { text-decoration: none }
a:visited    { text-decoration: none }
a:hover      { text-decoration: underline }
body {
	width:100%;
	min-height:100vh;
	position:relative;
	 left:0;
    top:0;
    right:0;
    bottom:0;
color:black;
background-color:white;
background-image:linear-gradient(rgba(0,32,96,0.5), rgba(122,207,252,0.5));
background-repeat:no-repeat;
}
.agrandir{
 width: auto;
 height: 30px;
 margin: 0 auto;
 transition: transform .4s;
}

.agrandir:hover {
 transform: scale(11.5);
}

 .taille_bouton {
	 width:300px;
	 height: 200px;
 }

         .ui-tooltip-content::after, .ui-tooltip-content::before {
            content: "";
            position: absolute;
            border-style: solid;
            display: block;
            left: 90px;
			max-width: 100%;
			white-space: nowrap;
         }
         .ui-tooltip-content::before {
            bottom: -10px;
            border-color: #AAA transparent;
            border-width: 10px 10px 0;
         }
         .ui-tooltip-content::after {
            bottom: -7px;
            border-color: white transparent;
            border-width: 10px 10px 0;
			
         }

</style>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

<table border="0" width="100%">
  <tr>
    <td width="100%">td : arial 10</td>
  </tr>
</table>
<p>p : arial 10</p>

</body>

</html>