html, body {
 margin: 0;
 padding: 0;
 }
 
 body {
 background-color: #FFF0F3;
 font-family: Arial, sans-serif;
 font-size: 100%;
 }
 
 h1 {
 font-size: 300%;
 color: #C72C48;
 text-align: center;
 }
 
 h2 {
 font-size: 175%;
 color: #F27D8E;
 padding-left: 30px;
 }
 
 h3 {
 font-size: 115%;
 color: #F49CA1;
 padding-left: 60px;
 }
 
 p {
 color: #6F549C;
 padding-left: 30px;
 padding-right: 0px;
 }

 ul,li,td {
 list-style: square;
 color: #6F549C;
 padding-left: 40px;
 }
 
 #auteur {
 text-align: right;
 padding-right: 40px;
 } 
 
 .logo {
 text-align: center;
 width: 300px; 
 }
 
 .iframe {
 display: #000000;
 width: 480px;
 margin: 0 auto 0px auto
 }
 
 a:link {
 color: #9B84CC;
 text-decoration: none;
 }
 
 a:visited {
 color: #9B84CC;
 }
 
 a:hover {
 color: #D8C9FF;
 text-decoration: none;
 }
 
 a:active, a:focus {
 color: 000000;
 }