body {
    background:#FFFFF0;
    margin:0;
    padding:0;
    color:#000;
    font:x-small/1.5em Arial,serif;
    font-size:small;
    text-align:justify;
} html>body {font-size:small;}

h2 {
    font-size: 100%;
    margin:0;
    padding:0;
}
.puce {
	width:9px;
}

/* Insert the custom corners and borders for browsers with JavaScript on */
/* DEFINITION BLOC GAUCHE */
.cb {
	/*margin:0.5em 0;*/
	width:22%;
	/*position:absolute;*/
	float:left;
/*	border:1px solid #000;*/
}

/* TITRE BLOC GAUCHE */
.cb h2 {
	margin:0 0px;
	padding:0.3em 3px;
	background:#9DC8FE;  /*339; /*#efece6;*/
	font:bold 1em/1 Arial, Helvetica, sans-serif;
	color:#339;
	font-size:90%;
}
.titre {
	margin:0 0px;
	padding:0.3em 10px;
	background: #9DC8FE;/*#E7AD08;*/
	font:bold 1em/1 Arial, Helvetica, sans-serif;
	color:#339;
}

.titre .imprimer {
	float:right;
	margin:-17px 2px 0 0;
	}

.titre a {
	color:#339;
}

/* DEFINITION BLOC DROIT */
.cbu {
	/*margin:0.5em 0;*/
	float:right;
	width:78%;
}


/* TITRE BLOC DROIT */
.cbu h1 {
	margin:0 0 8px 5px;
	/*background: #FFCC66;/*#E7AD08;*/
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#000;
	/*font-size:90%;*/
}

.cbu h2 {
	margin:0 0 8px 5px;
	/*background: #FFCC66;/*#E7AD08;*/
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#000;
	/*font-size:90%;*/
}

.cbu h3 {
	margin:0 0 8px 5px;
	/*background: #FFCC66;/*#E7AD08;*/
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000;
	/*font-size:90%;*/
}

/* DEFINITION BLOC CENTRE ACCUEIL*/
.cbi {
	/*margin:0.5em 0;*/
	float:left;
	width:51%;
}


/* TITRE BLOC CENTRE ACCUEIL*/
.cbi h2 {
	margin:0 -10px;
	padding:0.3em 10px;
	/*background: #FFCC66;/*#E7AD08;*/
	font:bold 50px Arial, Helvetica, sans-serif;
	color:#000;
}

.cbi .texte {
	line-height:15px;
	margin-top:9px;
}

.suite {
	float:right;
}

.date {
	float:right;
	font-style: italic;
}

.dateactu {
	font-style: italic;
	font-size:85%;
}

hr {
	display:block;
	height: 1px;
	margin: 0;
	_margin: -7px 0;
	padding: 0;
	color: #339;
	/* border: 0;*/
}


/* DEFINITION BLOC DROIT ACCUEIL*/
.cbo {
	/*margin:0.5em 0;*/
	float:right;
	width:27%;
}

.cbo .derniersarticles {
	line-height:15px;
	text-align:left;
	font-size:85%;
}

/* TITRE BLOC DROIT ACCUEIL */
.cbo h2 {
	margin:0 -10px;
	padding:0.3em 10px;
	background: #FFCC66;/*#E7AD08;*/
	font:bold 50px Arial, Helvetica, sans-serif;
	color:#fff;
}
/* Rules for the top corners and border */
.bt {
	background:url(IMG/box-blue-yellow2.jpg) no-repeat 100% 0;
	margin:0 0 0 12px;
	height:17px;
}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-12px;
	background:url(IMG/box-blue-yellow2.jpg) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background:url(IMG/box-blue-yellow2.jpg) no-repeat 100% 100%;
	margin:0 0 0 12px;
	height:17px;
}
.bb div {
	height:17px;
	width:18px;
	position:relative;
	left:-12px;
	background:url(IMG/box-blue-yellow2.jpg) no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 12px;
	margin:0 0 0 0;
	background:url(IMG/borders-blue-yellow2.jpg) repeat-y 0 0;	
}
/* Insert the right border */
.i2 {
	padding:0 12px 0 0;
	background:url(IMG/borders-blue-yellow2.jpg) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 5px;
}
/* CSS for the box ends here */

/* Just a bit of styling for this example. Adjust as you wish. */

/* Normally only IE (up to version 6) gets these rules */
.i1,
.i2 {
	background-image:url(IMG/borders-blue-yellow2.jpg);
}
.bt,
.bt div,
.bb,
.bb div {
	background-image:url(IMG/box-blue-yellow2.jpg);
}

</style>
<!--[if lt IE 7]>
<style type="text/css">
.i1 {height:1px;}
</style>
<![endif]-->