body {
	/*width: 670px;*/
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(../z_images/z_styles/smra68-fond-body.gif);
	background-repeat: repeat-y;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	letter-spacing: 0px;
	font-size: 1em;
}


img {
	border:none;
}

/**********************************************************************************/
/* déco des liens
/**********************************************************************************/

a {
	color: #076320; 
	text-decoration: none;
}

a:hover {
	color: #076320; 
	text-decoration: underline;
}

/**********************************************************************************/

#conteneur {
	margin: 0px;
	/*margin-left: auto;
	margin-right: auto;*/
	padding: 0px 0px 20px 0px;
	line-height: 1.4;
	width: 969px;
	background-repeat: no-repeat;
	background-position: 318px 10px;
	/*background-color: #f5f9f6;*/
}

#logoentete {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 83px;
	width: 322px;
	/*float: left;*/
	position: absolute;
	left: 0px;
	top: 0px;
}

#logoentete h1 {
	margin: 0px;
	padding: 0px;
	display:none;
	font-size: 65%;
}

#logoentete h2 {
	margin: 0px;
	padding: 0px;
	display:none
}

#friseentete {
	margin:0px;
	margin-left:3px;
	margin-top: 3px;
	padding: 0px 0px 0px 22px;
	width: 609px;
	position: absolute;
	top: 0px;
	left: 322px;
}

#friseentete .p1 {
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-size: 65%;
}


/**********************************************************************************/
/* déco des liens de la zone frise
/**********************************************************************************/

#friseentete a {
	color: #999999; 
	text-decoration: none;
}

#friseentete a:hover {
	color: #666666; 
}

/***********************************************************************************
Bloc texte central*/

#principal {
	margin: 0px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	clear: both;
	margin-right:180px;
}

#principal h1 {
	margin: 15px 0px 5px 350px;
	color:#5BA228;
	padding: 0px 0px 0px 50px;
	font-size: 130%;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../z_images/z_styles/smra68-deco_gauche1.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#principal h2 {
	margin: 8px 0px 8px 330px;
	color:#38559F;
	padding: 0px 0px 0px 40px;
	font-size: 130%;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../z_images/z_styles/smra68-deco_gauche3.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	font-variant:small-caps
	}

#principal h3 {
	margin: 8px 0px 5px 360px;
	color:#2F4F4F;
	padding: 0px 0px 0px 0px;
	font-size: 95%;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#principal h4 {
	margin: 8px 0px 8px 380px;
	color:#38559F;
	padding: 0px 0px 0px 0px;
	font-size: 92%;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	}

#principal h5 {
	margin: 16px 50px 2px 400px;
	color:black;
	padding: 2px 0px 2px 10px;
	font-size: 80%;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e8fabb;
	}

#principal h6 {
	margin: 1px 50px 2px 410px;
	color:black;
	padding: 0px 0px 5px 10px;
	font-size: 75%;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
#principal ul.niv1ul {
	list-style-type: none;
	color: #2F4F4F;
	margin: 0px;
	padding: 0px;
}

#principal li.niv1li {
	margin: 4px 0px 4px 370px;
	padding: 0px 0px 0px 12px;
	background-image: url(../z_images/z_styles/smra68-fleche-droite.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#principal ul.niv2ul {
	list-style-type: none;
	color:black;
	margin:0px;
	padding:0px;
}

#principal li.niv2li {
	margin: 2px 0px 2px 378px;
	padding: 0px 0px 0px 10px;
	background-image: url(../z_images/z_styles/smra68-fleche-droite-noire.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

#principal ul.niv3ul {
	list-style-type: none;
	color:black;
	margin:0px;
	padding:0px;
}

#principal li.niv3li {
	margin: 0px 50px 0px 400px;
	padding: 1px 0px 1px 20px;
	background-image: url(../z_images/z_styles/smra68-puce-deco.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#e8fabb;
}

#principal ul.niv4ul {
	list-style-type:none;
	color:black;
	margin:0px;
	padding:0px;
}

#principal li.niv4li {
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 400px;
	padding: 0px 0px 0px 12px;
	background-image: url(../z_images/z_styles/smra68-fleche-droite-noire.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-style:italic;
}

#principal ul.niv5ul {
	list-style-type: none;
	color:black;
	margin:0px;
	padding:0px;
}

#principal li.niv5li {
	margin: 0px 50px 0px 400px;
	padding: 1px 0px 1px 40px;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#e8fabb;
	background-image: url(../z_images/z_styles/smra68-fleche-droite-noire.gif);
	background-repeat: no-repeat;
	background-position: 20px 5px;
}

#principal li.niv6li {
	margin: -6px 0px 0px 380px;
	padding: 0px 0px 0px;
	font-size: 75%;
	color: #686868;
}

#principal ul.niv7ul {
	list-style-type: none;
	color:black;
	margin:0px;
	padding:0px;
}

#principal li.niv7li {
	margin: 2px 20px 2px 345px;
	padding: 0px 0px 0px 10px;
	background-image: url(../z_images/z_styles/smra68-fleche-droite.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}


#principal .p1 {
	margin: 5px 0px 5px 345px;
	padding: 0px 0px 0px;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	color:black;
	text-align:justify;
}

#principal .p2 {
	margin: 5px 0px 0px 420px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	text-align: justify;
}

#principal .p3 {
	margin: 0px;
	margin-left: 345px;
	padding :2px 0px 2px 12px;
	font-size: 75%;
	color: #000000;
	background-image: url(../z_images/z_styles/smra68-fleche-droite.gif);
	background-repeat: no-repeat;
	background-position : left;
}

#principal .p4 {
	margin: 8px 0px 5px 340px;
	color:#38559F;
	padding: 0px 0px 0px 20px;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../z_images/z_styles/smra68-fleche-droite.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	}


#principal .pcentre {
	margin: 0px 0px 0px 345px;
	padding: 0px 0px 0px;
	text-align:center;
}

#principal p.plegendegrande {
	margin: 0px 0px 5px 340px;
	color: #666666;
	font-size:80%;
	text-align:center;
}

#principal p.plegendepetite {
	margin: 2px 0px 5px 345px;
	color: #666666;
	font-size:60%;
	text-align:center;
}
#principal p.interligne {
	margin: 2px 0px 5px 345px;
	font-size:20%;
	text-align:center;
}

#principal .imgdroite {
	margin: 5px 10px 5px 5px;
	float:right;
}

#principal .imggauche {
	margin: 5px 10px 5px 340px;
	float:left;
}

#principal p.signature {
	margin: 2px 0px 5px 500px;
	color: #666666;
	font-size:80%;
	text-align:left;
}



/***********************************************************************************/
/* Gestion des tableaux */
/***********************************************************************************/

#principal table {
/* pour tous les tableaux */
	color:#000000;
	margin:0px;
	padding:0px;
	width:420px;
	margin-left: 355px;
}

#principal table.tabletableau {
/* pour le tableau en entier sans bordure */
	border-spacing:0px;
	border-collapse:collapse;
}

#principal table.tabletableaubord {
/* pour le tableau en entier avec bordure */
	border-color:#000000;
	border-style:solid;
	border-width:1px;
}

/* pour chaque cellule */

#principal td {
/* deco générale de toutes les cellules */
	/* mettre en gras la police */
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;
}

#principal td.tdjaune{
	/* cellule fond jaune */
	background-color: transparent;
	font-size: 75%;
}
#principal td.tdorange{
	/* cellule fond jaune */
	background-color: #E1F3FF;
	font-size: 75%;
}

#principal td.tdvert{
	/* cellule fond vert */
	background-color: #DCEADD;
	font-size: 75%;
}
#principal td.tdbordbleu{
	/* cellule fond jaune */
	border-color: #959595;
	border-style: double;
	font-size: 75%;
}
#principal td.tdcellule1 {
/*class pour 1 colonne */
	width:420px;
	font-size: 75%;	
}

#principal td.tdcellule2 {
/*class pour 2 colonnes cellules dans un tableau à 2 colonnes */
	width:210px;
	font-size: 75%;	
}

#principal td.tdcellule2bord {
/*class pour 2 colonnes cellules dans un tableau à 2 colonnes avec bordures */
	width:210px;
	font-size: 75%;	
	border-color:#000000;
	border-style:solid;
	border-width:1px;
}

#principal td.tdcellule3 {
/*class pour 3 cellules dans un tableau à 3 colonnes */
	width:140px;
	font-size: 75%;	
}

#principal td.tdcellule3bord {
/*class pour 3 cellules dans un tableau à 3 colonnes avec bordure*/
	width:140px;
	font-size: 75%;	
	border-color:#000000;
	border-style:solid;
	border-width:1px;
}

#principal td.tdcellule4 {
/*class pour 4 colonnes cellules dans un tableau à 4 colonnes */
	width:105px;
	font-size: 75%;	
}

#principal td.tdcellule4bord {
/*class pour 4 colonnes cellules dans un tableau à 4 colonnes avec bordures */
	width:105px;
	font-size: 75%;	
	border-color:#000000;
	border-style:solid;
	border-width:1px;
}

#principal td.tdcontact{
	width:140px;
	color:#000000;
	vertical-align:middle;
	text-align:right;
	font-size: 85%;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:10px;
}


/**********************************************************************************
Colonne à droite*/

#menudroite {
	position: absolute;
	top: 46px;
   left: 795px;
	width: 159px;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
}
#menudroite.pespacesimple {
	margin: 8px;
}
#menudroite h1 {
	margin: 10px 5px 0px 5px;
	padding: 0px 0px 0px 25px;
	color: #666666;
	font-size: 105%;
	background-image: url(../z_images/z_styles/smra68-deco_gauche4.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
}
#menudroite h2 {
	margin: 10px 5px 0px 6px;
	padding: 0px 0px 0px 25px;
	color: #38559F;
	font-size: 105%;
	background-image: url(../z_images/z_styles/smra68-deco_gauche5.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
}
#menudroite h3 {
	margin: 10px 5px 0px 0px;
	padding: 2px 0px 0px 25px;
	color: Black;
	font-size: 105%;
	background-image: url(../z_images/z_styles/smra68-deco_gauche4.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
	background-color: #e8fabb;
}

#menudroite p.p1droite {
	font-size: 105%;
	margin: 0px 6px 2px 6px;
	padding: 0px 0px 0px 0px;
}
#menudroite p.p2droite {
	font-size: 105%;
	margin: 2px 6px 2px 6px;
	padding: 0px 0px 0px 0px;
	text-align:center;
}
#menudroite p.p3droite {
	font-size: 105%;
	color: Black;
	margin: 0px 4px 0px 0px;
	padding: 0px 5px 2px 5px;
	background-color: #e8fabb;
}
#menudroite p.p4droite {
	font-size: 105%;
	color: Black;
	margin: 0px 4px 0px 0px;
	padding: 2px 8px 2px 10px;
	background-image: url(../z_images/z_styles/smra68-fleche-droite.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #e8fabb;
}
#menudroite p.p5droite {
	font-size: 105%;
	color: #38559F;
	margin: 0px 6px 2px 6px;
	padding: 0px 0px 0px 0px;
}
#menudroite p.p6droite {
	font-size: 105%;
	color: #006666;
	margin: 0px 6px 2px 6px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#menudroite p.imagedroite {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	text-align:center;
}
#menudroite p.legendedroite {
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-size:80%;
}


/**********************************************************************************
Menu à gauche*/

#zonelien {
	position: absolute;
	top: 94px;
	right: 21px;
	left: 10px;
	width: 250px;
	height: 489px;
	background-repeat: no-repeat;
	background-position: left top;
}

#zonelien li {
	margin: 0px;
	width: auto;
	padding-top: 2px;
	padding-right: 0px;
	padding-left: 14px;
	background-image: url(../z_images/z_styles/smra68-fleche-gauche.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 2px;
}

#bloclien1 h3 {
	margin: 0px;
	padding: 0px;
	background-image: url(../z_images/z_styles/smra68-deco_gauche2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
	margin-left: 10px;
	padding-bottom: 5px;
}
	
#bloclien1 ul {
	width: auto;
	padding-right: 10px;
	padding-left: 10px;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#bloclien2 h3 {
	margin: 0px;
	padding: 0px;
	background-image: url(../z_images/z_styles/smra68-deco_gauche2.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 5px;
}

#bloclien2 ul {
	width: auto;
	padding-right: 10px;
	padding-left: 10px;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#bloclien3 h3 {
	margin: 0px;
	padding: 0px;
	background-image: url(../z_images/z_styles/smra68-deco_gauche2.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 5px;
}

#bloclien3 ul {
	width: auto;
	padding-right: 10px;
	padding-left: 10px;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#bloclien4 h3 {
	margin: 0px;
	padding: 0px;
	background-image: url(../z_images/z_styles/smra68-deco_gauche2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 5px;
}

#bloclien4 ul {
	width: auto;
	padding-right: 10px;
	padding-left: 10px;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#adresse {
	margin: 0px;
	padding: 0px;
	margin-top:15px;
	text-align: center;
	letter-spacing: 1px;
}

#adresse a {
	color: #CC3333;
}


/**********************************************************************************
Pied de page*/


#zonepied {
	margin: 20px 0px 0px 345px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	width: 609px;
	position: relative;
}

#zonepied p.plegendepetite {
	color: #666666;
	font-size:60%;
	text-align:center;
	margin-bottom: 30px;
}

#zonepied p.piedcontact {
	text-align: center;
	color: #005701;
	font-size:80%;
}

#imgpied {
	position: absolute;
	top: 10px;
	right: 25px;
	text-align: center;
}

/**********************************************************************************
Zones intermédiaires pour image fond*/


#imgfondgauche {
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 94px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	height: 489px;
	width: 10px;
}


#imgfondmilieu {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 250px;
	top: 94px;
	height: 489px;
	width: 70px;
}

.motcouleur {
	color: #38559F;
	font-weight:bold;
}
.motcouleurgrand {
	color: #38559F;
	font-weight:bold;
	font-size: 140%;
}
.motgrand {
	font-weight:bold;
	font-size: 140%;
}
/************************************************************/
