body {	
	background-color: #CCCCCC;
	background-image:url(../images/bg.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: smaller;	
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px
	}
a   {	
	color: #3366CC;	
	text-decoration: none
	}
H1  {
	background-color:#90ACD6;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
	
    }
	
	H2  {
	background-color:#90ACD6;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-right: 2px;
    }
H3  {
	background-color:#90ACD6;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-right: 55px;
	margin-left: 45px;
    }
	
	H5  {
	background-color:#90ACD6;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
	width: 100%;
	
    }
	
	H6  {
	background-color:#90ACD6;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:justify;
	color:#FFFFFF;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width:100%;
    }

.Noirlien   {	
	color: #000000;	
	text-decoration: none
	}
	.blanclien   {	
	color: #ffffff;	
	text-decoration: none
	}
.Info
	{
	background-color:#CCCCCC;
	background-image:url(../images/fond_info3.jpg);
	border-width:1px; 
	border-style: inset; 
	border-radius: 20px;
	border-color:#90ACD6; 
	width:180;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	padding-bottom:3px;
	}
	.InfoP
	{
	
	width:180;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	padding-bottom:3px;
	}

	
	
	.imageIndex
	{
	align:left;
	background-color:#CCCCCC;
	border-width:1px; 
	border-style: inset; 
	border-color:#90ACD6; 
	width:42;
	Height:36;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
	
	/*text-align:right;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	padding-bottom:0px;
	}
<!-- CSS du menu déroulant -->
	
dl, dt, dd, ul, li 
{
margin: 0;
padding: 0;
list-style-type: square;
}

#menu 
{
position: relative;
top: 1em;
left: 8px;
width: 11em;
}
#menu dt {
cursor: pointer;
background: #90ACD6;
height: 20px;
line-height: 20px;
margin: 1px 0;
padding-left:3em;
padding-right: 1em;
border: 1px solid gray;
text-align: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
#menu dd 
{
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width: 15em;
background: #90ACD6;
border: 1px solid gray;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size:13px;
padding-left: 2px;
padding-right: 2px;

}

#menu ul {
padding: 2px;
list-style-type: square;
}
#menu li {
text-align: left;
font-size: 90%;
height: 15px;
line-height: 15px;
list-style-type: square;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}
#menu dt a:hover 
{
color:#FFFFFF;
}
#menu li a:hover {
color:#FFFFFF;
text-decoration: underline;
}
<!-- Fin CSS du menu déroulant -->
.contenu
    {
	background-color:#EFF1FA;
	border-width:1px; 
	border-style: inset; 
	border-color:#90ACD6; 
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	vertical-align:top;
	text-align:justify;
	}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}

.fondcorp {
background-image:url(../images/secure.gif);
background-position:center;
background-repeat:no-repeat;
}

CSS :
body {
font: 1em black verdana, sans-serif;
background-color: #ccccff;
}
#cadre { /* taille du cadre, à titre d'exemple */
width: 30em;
background-color: #ccccff;
border-color: #000000;
margin-left:30px;
margin-right:5px;

}
#cadrePresident { /* taille du cadre, à titre d'exemple */
width: 12em;
background-color: #ffffff;
margin-right: 5px;
margin-left: 5px;

}

/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit, #topleft,#topright, #bottomleft, #bottomright {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:0px; /* correction d'un bug IE */

}
/* propriétés spécifiques à chaque coin */
#hautgauche {

background: url(../images/hautgauche.gif);

}
#hautdroit {
float: right;
background: url(../images/hautdroit.gif);

}
#basgauche {
background: url(../images/basgauche.gif);
}
#basdroit {
float: right;
background: url(../images/basdroit.gif);
}


/* propriétés spécifiques à chaque coin pour le cadre Président */

#topleft {

background: url(../images/topleft.gif);

}
#topright {
float: right;

background: url(../images/topright.gif);

}
#bottomleft {
background: url(../images/bottomleft.gif);
}
#bottomright {
float: right;
background: url(../images/bottomright.gif);
}



#contenu2  {
color: black;
margin: 0.5em; /*gestion des espaces interparagraphes */
margin-left: 10px;
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
}
.list2 {
	font-size: 10pt;
	
	list-style-position: outside;
	list-style-image: url(../images/puce2.gif);
	text-align: justify;
	text-indent: 0%;
	white-space: normal;
	display: list-item;
	list-style-type: times-roman;
	letter-spacing: normal;
	vertical-align: middle;
	word-spacing: normal;
    line-height: 6mm;
}
.Info3
	{
	background-color:#CCCCCC;
	border-width:1px; 
	border-style: inset; 
	border-radius: 20px;
	border-color:#90ACD6; 
	width:177;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 6px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	font-style:normal;
	font-weight:normal;
	padding-bottom:3px;
	}
.Info33
	{
	background-color:#CCCCCC;
	background-image:url(../images/fond_info3.jpg);
	border-width:1px; 
	border-style: inset; 
	border-radius: 20px;
	border-color:#90ACD6; 
	width:100%;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 0px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	font-style:normal;
	font-weight:normal;
	padding-bottom:3px;
	}



.Info4
	{
	background-color:#EDF1F1;
	border-width:1px; 
	border-style: inset; 
	border-color:#90ACD6; 
	width:90%;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 3px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	padding-bottom:3px;
	padding-left:3px;
	}
	
	.Info5
	{
	background-color:#EDF1F1;
	border-width:1px; 
	border-style: inset; 
	border-radius: 20px;
	border-color:#90ACD6; 
	width:100%;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 0px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	padding-bottom:3px;
	
	}
	
	.Infotab
	{
	background-color:#E3EEF5;
	border-width:0px; 
	border-style: inset; 
	border-radius: 20px;
	border-color:#90ACD6; 
	width:100%;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	font-style:normal;
	font-weight:normal;
	padding-bottom:3px;
	
	}
.Infotab1
	{
	background-color:#E3EEF5;
	border-width:0px; 
	border-style: inset; 
	border-radius: 20px;
	border-color:#90ACD6; 
	width:100%;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	padding-bottom:3px;
	
	}

.list3 {
	font-size: 8pt;
	
	list-style-position: outside;
	list-style-image: url(../images/puce2.gif);
	text-align: center;
	text-indent: 0%;
	white-space: normal;
	display: list-item;
	list-style-type: times-roman;
	letter-spacing: normal;
	vertical-align: middle;
	word-spacing: normal;
    line-height: 6mm;
}
/* Spiffybox

/* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(../images/cadrepr.png);
	  background-repeat:no-repeat; margin-right:0px;}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:150px !important; /* IE Win = width - padding */
     height:170px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:0px; /* use to position the box */
	  margin-right:10px; 
      margin:5px auto}

    /* set the top-right image */
    .cssbox_head{
	 /*background-position:top right;
    /* pull the right image over on top of border */
     /* margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-top:5px}

    /* set the top-left image */ .cssbox_head h2{ background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:25px 0 15px 40px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ .cssbox_body{ background-position:bottom left; margin-right:25px; /* interior-padding right */ padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */

.cssboxtexte{

      background: transparent url(../images/cadredocs2.png);
	  background-repeat:no-repeat; margin-right:0px;
   
    /* intended total box width - padding-right(next) */
      width:100% !important; /* IE Win = width - padding */
     height: 150px; 
	 padding-top:7px;
    /* the gap on the right edge of the image (not content padding) */
      padding-right:0px; /* use to position the box */
	  padding-left: 0px;
	  margin-right:40px; 
      margin:5px auto}
	  
 .cssboxtexte2{

      background: transparent url(../images/cadreMotPr.png);
	  background-repeat:no-repeat; margin-right:0px;
   
    /* intended total box width - padding-right(next) */
      width:100% !important; /* IE Win = width - padding */
     height: 87px; 
	 padding-top:7px;
    /* the gap on the right edge of the image (not content padding) */
      padding-right:0px; /* use to position the box */
	  padding-left: 0px;
	  margin-right:5px; 
      margin:5px auto}

.cssboxpays{

      background: transparent url(../images/CadrePays.png);
	  background-repeat:no-repeat; margin-right:2px;
   
    /* intended total box width - padding-right(next) */
     /* width:100% !important; /* IE Win = width - padding */
     height: 450px; 
	 padding-top:7px;
    /* the gap on the right edge of the image (not content padding) */
      padding-right:0px; /* use to position the box */
	  padding-left: 5px;
	  margin-right:5px; 
      margin: auto}

.cssboxbreve{

      background: transparent url(../images/Contenbreve.png);
	  background-repeat:no-repeat; margin-right:2px;
   
    /* intended total box width - padding-right(next) */
      width:100% !important; /* IE Win = width - padding */
     height: 550px; 
	 padding-top:7px;
    /* the gap on the right edge of the image (not content padding) */
      padding-right:0px; /* use to position the box */
	  padding-left: 0px;
	  margin-right:0px; 
      margin:10px auto}