body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background:url(../images/commun/fond.jpg) left top repeat-x;
	background-color: #B0CA35; /* vert */
}
img
{
	border: 0;
}
#conteneur
{
	position: absolute;
	width: 780px;
	left: 50%;
	margin-left: -375px;
	background-color: #F5F6F8; /* bleu */
}
#header
{
	background:url(../images/commun/bandeau.jpg) left top no-repeat;
	width: 780px;
	height: 234px; /* hauteur bandeau */
	text-align: left;
	background-color: #F5F6F8; /* bleu-gris */
}
#centre
{
	background-color:#FFFFFF;
	margin-left: 150px;
	height: 615px;
}
html>body #centre
{
	height: auto;
	min-height: 615px;
}
#gauche
{
	position: absolute;
	left: 0;
	width: 150px;
	height: 615px;
	background:url(../images/commun/fondg.jpg) left top no-repeat;
}
html>body #gauche
{
	height: auto;
	min-height: 615px;
}
#pied
{
	height: 20px;
	background-color: #F5F6F8; /* bleu-gris */
}

/* éléments header */
#header #cartatootitre
{
	width: 396px;
	height: 110px;
	padding: 0 0 0 230px;
}
.cartatoo
{
	position: relative;
	left: 0;
	top: 20px;
	/*background:url(../images/commun/cartatoo.gif) left top no-repeat;*/
	margin: 0;
	height: 75px;
}
#header #navhaut
{
	width: 620px;
	height: 63px;
	padding: 60px 0 0 156px;
}

.rub1
{
	width: 59px;
	height: 63px;
	float: left;
	margin-left: 2px;
}
div.rub1 a.image1
{
	display: block; /* la balise a doit être en bloc */
	width: 59px;
	height: 63px;
	background:url(../images/commun/rub1.gif) left top no-repeat;
}

.rub2
{
	width: 59px;
	height: 63px;
	float: left;
	margin-left: 2px;
}
div.rub2 a.image2
{
	display: block; /* la balise a doit être en bloc */
	width: 59px;
	height: 63px;
	background:url(../images/commun/rub2.gif) left top no-repeat;
}

.rub3
{
	width: 59px;
	height: 63px;
	float: left;
	margin-left: 2px;
}
div.rub3 a.image3
{
	display: block; /* la balise a doit être en bloc */
	width: 59px;
	height: 63px;
	background:url(../images/commun/rub3.gif) left top no-repeat;
}

.rub4
{
	width: 59px;
	height: 63px;
	float: left;
	margin-left: 2px;
}
div.rub4 a.image4
{
	display: block; /* la balise a doit être en bloc */
	width: 59px;
	height: 63px;
	background:url(../images/commun/rub4.gif) left top no-repeat;
}

.rub5
{
	width: 59px;
	height: 63px;
	float: left;
	margin-left: 2px;
}
div.rub5 a.image5
{
	display: block; /* la balise a doit être en bloc */
	width: 59px;
	height: 63px;
	background:url(../images/commun/rub5.gif) left top no-repeat;
}

.rub11
{
	width: 59px;
	height: 63px;
	float: left;
	margin-left: 2px;
}
div.rub11 a.image11
{
	display: block; /* la balise a doit être en bloc */
	width: 59px;
	height: 63px;
	background:url(../images/commun/rub11.gif) left top no-repeat;
}

.rub15
{
	width: 59px;
	height: 63px;
	float: left;
	margin-left: 2px;
}
div.rub15 a.image15
{
	display: block; /* la balise a doit être en bloc */
	width: 59px;
	height: 63px;
	background:url(../images/commun/rub15.gif) left top no-repeat;
}

.rub17
{
	width: 59px;
	height: 63px;
	float: left;
	margin-left: 2px;
}
div.rub17 a.image17
{
	display: block; /* la balise a doit être en bloc */
	width: 59px;
	height: 63px;
	background:url(../images/commun/rub17.gif) left top no-repeat;
}

.rub18
{
	width: 59px;
	height: 63px;
	float: left;
	margin-left: 2px;
}
div.rub18 a.image18
{
	display: block; /* la balise a doit être en bloc */
	width: 59px;
	height: 63px;
	background:url(../images/commun/rub18.gif) left top no-repeat;
}

.rub19
{
	width: 59px;
	height: 63px;
	float: left;
	margin-left: 2px;
}
div.rub19 a.image19
{
	display: block; /* la balise a doit être en bloc */
	width: 59px;
	height: 63px;
	background:url(../images/commun/rub19.gif) left top no-repeat;
}

/* fin éléments header */

/*voir fichier css de rubrique
#navg
{
	float: left;
	width: 150px;
	text-align: left;
	background:url(../images/commun/fondg_accueil.jpg) left top no-repeat;
	
}*/


/* début navigation gauche */
.fondg
{	
	margin: 10px 0px 0px 4px;
	height: 615px;
}
.rub20
{
	width: 142px;
	height: 40px;
	margin-top: 30px;
}
div.rub20 a.image20
{
	display: block; /* la balise a doit être en bloc */
	width: 142px;
	height: 40px;
	margin-bottom: 30px;
	background:url(../images/commun/rub20.gif) left top no-repeat;
}

.rub21
{
	width: 142px;
	height: 40px;
	margin-top: 30px;
}
div.rub21 a.image21
{
	display: block; /* la balise a doit être en bloc */
	width: 142px;
	height: 40px;
	margin-bottom: 30px;
	background:url(../images/commun/rub21.gif) left top no-repeat;
}

.rub22
{
	width: 142px;
	height: 40px;
	margin-top: 30px;
}
div.rub22 a.image22
{
	display: block; /* la balise a doit être en bloc */
	width: 142px;
	height: 40px;
	margin-bottom: 30px;
	background:url(../images/commun/rub22.gif) left top no-repeat;
}

/* fin navigation gauche */


/* éléments centre */
.content
{
	padding: 10px 0 10px 10px;
}
.noirboldp
{
	font-size: 11px;
	color: #000000;
	font-weight: 600;
}
p
{
	text-align: justify;
}
img.float {
	float: right;
	margin: 3px 3px 3px 10px;
}
/* fin éléments centre */
/* pied */
div.footer {
	/*position: relative;*/
	top: 0px;
	right: 8px;
	width: auto;
	height: 15px;
	text-align: right;
}
ul.footerelem {
	margin: 0px;
	padding: 0;
}
ul.footerelem li {
	display: inline;
	margin: 0px;
	padding: 0;
	border: 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: middle;
}
a.afooter:visited {
		color: #000;
		text-decoration: underline;
}
a.afooter:link {
		color: #000;
		text-decoration: underline;
}
a.afooter:active {
		color: #000;
		text-decoration: underline;
}
a.afooter:hover {
		color: #000;
		text-decoration: none ;
}
/* pied */