/* fichier coins2.css gestion des coins carrés site cpx
 */

body {
  background: #B3DFB4;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 1em;
  margin: 0;
  padding: 0;
  padding-top: 8px;
  color: #000;
}

h2 {
margin-left : 2px;
margin-right : 2px;
}

ul {
margin-left : 2px;
margin-right : 2px;
}

p {
  margin: 0;
  margin-bottom: 1em;
}


.cadre {
width:100%;
margin:0 auto;
margin-top : 3px;
margin-left : 3px;
margin-rightt : 3px;

background-color: #DAFBFF;
}

.hautgauche, .hautdroit, .basgauche, .basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
.hautgauche {
background: url(images/hg_vc.gif);
}
.hautdroit {
float: right;
background: url(images/hd_vc.gif);
}
.basgauche {
background: url(images/bg_vc.gif);
}
.basdroit {
float: right;
background: url(images/bd_vc.gif);
}
#contenu p {
margin: 0.8em; /*gestion des espaces interparagraphes */
}
/* Les diff?rentes class d'alignement pour la balise div */
div.center {
  text-align: center;
}
div.right {
  text-align: right;
}
div.left {
  text-align: left;
}

#content {
  float: left;
  padding: 0 16px;
/*  margin-top: -4px;*/
/*  width: 80%;*/
  text-align: left;
  margin: 36px;
}

.bas {
clear:both;
height: 19px;
background-color: #DAFBFF;
}
.haut {
height: 19px;
background-color: #DAFBFF;
}

.clear {
  clear: both;
}

