html,
body {
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
background-color:#CCCCFF; 
}

.global {
     margin-left: auto;
     margin-right: auto;
     width: 800; /* largeur obligatoire pour être centré */
     }

div#navbar2 {
    height: 30px;
    width: 100%;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: #9966CC;
}
div#navbar2 ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #FFF;
    line-height: 30px;
    white-space: nowrap;
}
div#navbar2 li {
    list-style-type: none;
    display: inline;
}
div#navbar2 li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #EEEEEE;
}
div#navbar2 li a:link {
    color: #FFF:
}
div#navbar2 li a:visited {
    color: #CCC;
}
div#navbar2 li a:hover {
    font-weight: bold;
    color: #FFFF99;
    background-color: #663399;
}

h1 {/* couleur violet navy */
font-size :120%; 
font-family:comic sans ms, sans-serif;
color : #663399; 
text-align: center;
}

h2 {/* violet navy */
font-size : 150%; 
font-family:comic sans ms, sans-serif;
color:#663399;
padding-left:15px;
}

h3 {/* violet navy */
font-size : 110%; 
font-family:comic sans ms, sans-serif;
color:#00FF80;
padding-left:15px;
}

h4 {/* navy */
font-size : 95%; 
font-family:comic sans ms, sans-serif;
color:#000080;
padding-left:15px;
}
h5 {/* magenta */
font-size : 95%; 
font-family:comic sans ms, sans-serif;
color:#FF66FF;
padding-left:15px;
}
h6 {/* gris foncé */
font-size : 95%; 
font-family:arial, sans-serif;
color:#888888;
padding-left:15px;
}
a:visited {
font-family:arial, sans-serif;
font-size:90%;
color:navy;
background-color:transparent;
text-decoration:underline;
}
a:hover {
font-family:arial, sans-serif;
font-size:90%;
color:black;
background-color:transparent;
text-decoration:underline;
}
table {
border-color:yellow;
border-style:solid;
border-width:1px;
}
td {
font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:150%;
color:#CCCCCC;
text-align:center;
background-color:transparent;
border-color:silver;
border-style:outset;
border-width:1px;
}


.haut {
text-align:right;
}

.retrait {
margin-left:50px;
}

.retrait2 {
margin-left:80px;
}

.note {
text-align:justify;
background-color:#FFFFCC;
border:1px dotted #CCCCCC;
padding:0.5em;
display : inline ;
}

.plop {
       text-decoration: blink;
}

}
.left {
    float: left;
    width: 100px;
    height: 80%;
    background-color: #0066FF;
}
.zonedroite{
    float: right;
    width:200px;
    height: 45%;
    text align:center;
    background-color:#DDDDDD;
}
.zonegauche{
    float: left;
    width:200px;
    height: 45%;
    text align:center;
    background-color:#DDDDDD;
}
.zonecentre{
   float: none; 
   width:91%;
   height: 20%;
   padding-right: 10px;
   padding-top: 1px;
   margin-left:10px ;
   background-color:#;
}
.zonecentre2{
  float: none;
  width:91%;
  height: 20%;
  padding-right: 10px;
  padding-top: 1px;
  margin-left:10px ;
  background-color:#FFFFFF;
}
.hr {
  clear: both;
  visibility: hidden;
  width:91%;
}

.conteneur1 {
   width: 90%;
   margin-left:10px ;
   margin-right: ;
   background-color: #FFFFCC;
   padding-top: 0px;
   padding-left: 10px;
   padding-right: 10px;
   margin-right: 12px;
   text-align:justify;
}

.conteneur2 {
width: 90%;
margin-left:10px;
margin-right:10px;
background-color: #FFFFCC;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
text-align:justify;
}

.image1 {
float: left;
margin-right: 12px;
margin-left: 1px;
}
.image2 {
float: right;
margin-leftt: 12px;
margin-right: 1px;
}
.carre
{
   list-style-type: square;
}