#cadre {
	width:100%;
	background-color: #F0F0F0;
	margin:2px;

}

#cadredroit {
	width:40%;
	background-color: #F0F0F0;
	margin:2px;
	float right;
}
#cadregauche {
	width:40%;
	background-color: #F0F0F0;
	margin:2px;
	float left;
}


.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_gtc.gif);
}
.hautdroit {
float: right;
background: url(images/hd_gtc.gif);
}
.basgauche {
background: url(images/bg_gtc.gif);
}
.basdroit {
float: right;
background: url(images/bd_gtc.gif);
}
/* 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: justify;
  margin: 36px;
}
#content p {
margin: 0.8em; /*gestion des espaces interparagraphes */
}

#col_gauche { /* boite gauche (avec le menu) */
	background-color: #FFF;
/*   position: absolute; /* positionné par rapport à la boite parent (ici .container) */
   /*float left;*/
   left: 5px; /* démarre à 10 pixels de la gauche de la boite parent */
   width: 40%; /* largeur de la boite */
   padding-top: 10px; /* marge intérieure haute */
   /*border:dashed 1px orange*/
  font-size : 0.8em;
    /*background-image: url(images/eau.png); /* fond 1 sous forme d'image */
   } /* encadrement discret de la boite */

#col_droite { /* boite droite (avec le commentaire) */
	background-color: #FFF;
  position: absolute; /* positionné par rapport à la boite parent (ici .container) */
/*float right;*/
  right: 25px; /* démarre à 10 pixels de la droite de la boite parent */
  width: 40%;  /* largeur de la boite */
  /*border:dashed 1px blue;*/
  font-size : 0.8em;
  } /* encadrement discret de la boite */ 

.fd_bl
{
	background-color: #FFF;
 }
.upperleft{
	width : 100%;
	margin-left : auto;
	margin-right : auto;

	background-color : #ececec;
	background-image : url(images/hg_gtc.gif);
	background-repeat : no-repeat;
	background-position : top left;
}

.upperright{
	background-image : url('images/hd_gtc.gif');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft{
	background-image : url('images/bg_gtc.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright{
	background-image : url('images/bd_gtc.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 3% 3% 3% 3%;
}