body{
					background-color:#FECC00;
					margin:0px;
					font-family:Arial, Helvetica, sans-serif;
					
}
center {
					clear:both;
					display:block;
}
.zonePrincipale {
					background-color:#FFFFFF;
					background-image:url(images/fd_haut.jpg);
					background-repeat:repeat-x;
					background-position:top center;
					
}
/*********************************************************
			le header
*********************************************************/
.zonePrincipale .header {
					margin:0px; padding:0px; 
					width:773px; height:185px; height:126px;
					background-image:url(images/bandeauTitre.jpg);
					background-repeat:no-repeat;
					background-position:0px 63px;
}
.zonePrincipale .header .logo {
					width:373px;width:303px;
					float:right;
}
.zonePrincipale .header .logo  a {
					height:40px; overflow:hidden; width:147px; border:0px solid red;

}
.zonePrincipale .header .logo  a img{padding:0px; margin:0px; border:0px;}

.zonePrincipale .header .logo .menu {
					text-align:right;
					letter-spacing:0.2em;
					font-size:10px; padding-top:2px; 
					
}

.zonePrincipale .header .logo .menu a {
					letter-spacing:normal;
					text-decoration:none;
					color:#000;
					width:inherit; height:inherit;
}

/*********************************************************
			zone de texte
*********************************************************/
.zonePrincipale .zoneTexte {
					margin:0px; padding:0px;
					padding-top:35px;
					margin:0px; 
					text-align:left;
					display:table;
					clear:both;
					width:773px;
					/*width:753px;*/ border:0px solid red;
					
					background-color:#FFFFFF;
}
.zonePrincipale .zoneTexte .colonneGauche, 
.zonePrincipale .zoneTexte .Onecolonne {
					margin:0px; padding:0px;
					margin-right:51px;
					padding-left:10px;/**/
					padding-bottom:15px;
					width:522px;
					float:left;border:0px solid Red;
					display:table-column;
					font-family:Arial, Helvetica, sans-serif;font-size:11px;
}
.zonePrincipale .zoneTexte .Onecolonne { 
					width:600px}

.zonePrincipale .zoneTexte .colonneGauche h1,.zonePrincipale .zoneTexte .colonneGauche h3,
.zonePrincipale .zoneTexte .Onecolonne h1 {
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					color:#000000;
					text-transform:uppercase;
					background-image:url(images/h1_flecheG.gif);
					background-repeat:no-repeat;
					background-position:0px 0px;
					margin:0px; padding:0px;
					padding-left:20px;

}
.zonePrincipale .zoneTexte .colonneGauche h1 img{
					padding-left:15px;
}
.zonePrincipale .zoneTexte .colonneGauche .zoneDescription {
					padding-left:22px; 
}

.zonePrincipale .zoneTexte .colonneGauche .zoneDescription h1{
					background-image:none;
					text-transform:none;
					font-style:oblique;
					font-size:12px;
					padding-left:0px;
					font-weight:bolder;
					letter-spacing:0.1em; 
					

}
.zonePrincipale .zoneTexte .colonneGauche .zoneDescription a {
					color:#0066cc;
					
}
.zonePrincipale .zoneTexte .colonneGauche p,
.zonePrincipale .zoneTexte .Onecolonne p {
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#000000;
					padding-bottom:24px;
}

.zonePrincipale .zoneTexte .colonneGauche .liste,
.zonePrincipale .zoneTexte .Onecolonne .liste {
					padding-left:50px; border:1px solid black; padding-top:2px;
					padding-bottom:3px;
}

.zonePrincipale .zoneTexte .colonneGauche .liste a,
.zonePrincipale .zoneTexte .Onecolonne .liste a	{
					display:block;
					text-decoration:none;
						color:#0066cc;
					font-weight:900;
					margin:0px; padding:0px;
					font-size:16px;
					font-family:Arial, Helvetica, sans-serif;
					background-image:url(images/fleche_noire.gif);
					background-repeat:no-repeat;
					background-position:left center;
					
					margin-left:20px;
					padding-left:22px; padding-top:2px;
					letter-spacing:-0.03em;
}	
.zonePrincipale .zoneTexte .colonneGauche .liste a:hover, 
.zonePrincipale .zoneTexte .Onecolonne .liste a:hover {
					text-decoration:underline;
}

.zonePrincipale .zoneTexte .Onecolonne h2 {


padding-left:22px; font-size:14px}

.lien{
				padding-top:5px;
				padding-bottom:3px;
				font-size:0.95em;  color:#0066cc;
}
/*********************************************************
			les articles generalites
*********************************************************/
.lettrine { float:left; padding-right:10px; padding-bottom:5px;}
.listeArticle .article .description {

}
.listeArticle .article .description  h3{
	background-image:none;
}

.zoneMedia .media a {
				overflow:hidden;
}
.zoneMedia .media a img{
				height:201px;

}
/*********************************************************
			les tableaux
*********************************************************/
.zonePrincipale .zoneTexte .colonneGauche .zoneDescription h2  {
					font-size:12px; padding-top:15px;
}
.zonePrincipale .zoneTexte .colonneGauche .zoneDescription table {
					width:80%;
}
.zonePrincipale .zoneTexte .colonneGauche .zoneDescription th {
					font-size:10px;
					text-transform:uppercase;
					border:1px solid black;
					background-color:#FECC00;
					height:7px;
}
.zonePrincipale .zoneTexte .colonneGauche .zoneDescription td {
					font-size:11px;padding-left:5px; padding-bottom:5px;
}
/*********************************************************
			description rubrique
*********************************************************/
.zonePrincipale .zoneTexte .colonneGauche .infoRubrique {
					padding-left:22px;
}
.zonePrincipale .zoneTexte .colonneGauche .infoRubrique h2{
					background-image:none;
					text-transform:none;
					font-style:oblique;
					font-size:12px;
					padding:0px; margin:0px;
					padding-left:0px;
					font-weight:bolder;
					letter-spacing:0.1em; 
					
					
}
.zonePrincipale .zoneTexte .colonneGauche .infoRubrique h2 p{padding-top:0px; padding-bottom:5px;}
/*********************************************************
			les formulaires
*********************************************************/
.zonePrincipale .zoneTexte  form table{padding-left:50px;}
.submitBouton { float:right; clear:both;margin-bottom:50px}
.blocFormulaire {
				padding-top:7px;
				padding-bottom:10px;
				margin:0px;
				
				margin-bottom:23px;
				margin-left:45px;
				
				float:none; clear:none; display:block;
				
				background-color:#FFFFFF;
				border: 1px solid #FECC00;
				font-family:Arial, Helvetica, sans-serif;
				
				color:#000000;
}
.blocFormulaire table{ padding:0px; margin:0px;}
/*********************************************************
			colonne droite
*********************************************************/

.zonePrincipale .zoneTexte .colonneDroite {
					margin:0px; padding:0px;
					float:right;
					width:180px;border:0px solid Red; display:table-column;
}
.zonePrincipale .zoneTexte .colonneDroite h1{
					color:#0066cc;
					font-weight:900;
					margin:0px; padding:0px;
					font-size:16px;
					font-family:Arial, Helvetica, sans-serif;
					background-image:url(images/fleche_noire.gif);
					background-repeat:no-repeat;
					background-position:0px 5px;
					padding-left:22px; padding-top:2px;
					letter-spacing:-0.03em;
	}
	
.zonePrincipale .zoneTexte .colonneDroite div.bloc{
					padding-bottom:30px; 
}
.zonePrincipale .zoneTexte .colonneDroite div.bloc p{
					margin:0px; padding:0px;padding-left:22px; padding-top:2px;font-size:0.70em;

}
.zonePrincipale .zoneTexte .colonneDroite div.bloc a{
					padding-left:20px;
					color:#0066cc;font-family:Arial, Helvetica, sans-serif;
					font-size:0.8em; margin-top:5px; display:block;
}
	
	
.zonePrincipale .zoneTexte .colonneDroite div.bloc a.telecharger{
					background-image:url(images/icone_telecharger.gif);
					background-repeat:no-repeat;
					padding-left:20px;
					color:#0066cc;font-family:Arial, Helvetica, sans-serif;
					font-size:0.8em; margin-top:5px; display:block;
}

/*********************************************************
			navigation
*********************************************************/

.navigation{
					padding-left:10px;
					padding-right:32px;
					padding-top:15px;
					height:60px;
					font-weight:bold;
					clear:both;
					display:table;
}
.navigation a{
					color:#000;
					text-decoration:none;
}
.navigation a:hover{
					color:#FECC00;
}
.navigationDroite{
					float:right;display:table;
}

.navigationGauche{
					float:left;display:table;color:#000;
}

.navigationGauche a{
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#000000;
					text-transform:uppercase;
					background-image:url(images/h1_flecheD.gif);
					background-repeat:no-repeat;
					background-position:top right;
					margin:0px; padding:0px;
					padding-right:20px; padding-left:2px;
					letter-spacing:0.05em;
					/*border:1px solid #FECC00;*/

}
.navigationDroite a.piedDePage{
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#000000;
					text-transform:uppercase;
					background-image:url(images/h1_flecheG.gif);
					background-repeat:no-repeat;
					background-position:top left;
					margin:0px; padding:0px;
					padding-left:20px;
					letter-spacing:0.05em;
					/*border:1px solid #FECC00;*/
				
}

.navigation .ongletNombreSelect{
					color:#FECC00;
}
/*********************************************************
			footer
*********************************************************/

.planDuSite{
	padding-top:10px;
	padding-left:30px;
	padding-bottom:25px;
}

.planDuSite a{
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#000000;
					text-transform:uppercase;
					background-image:url(images/h1_flecheG.gif);
					background-repeat:no-repeat;
					background-position:top left;
					margin:0px; padding:0px;
					 padding-left:10px;
					letter-spacing:0.05em;
					text-decoration:none;display:block;
}
.planDuSite a:hover{text-decoration:underline;}
.planDuSite a.mere{
					background-image:url(images/fleche_noire.gif);
					font-weight:bolder;
					color:#0066cc;
					padding-left:25px;
					margin-top:10px;
					
}
/*********************************************************
			footer
*********************************************************/
 .footer {
					clear:both;
					margin:0px; padding:0px;
					
					width:793px;
					background-image:url(images/cfd_footer.gif);
					background-repeat:repeat-x;
					background-position:bottom;
				
					display:table; 
					margin-left:5px;
					margin-top:-6px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:7pt;	height:26px;
}

 .footer .menu {
					background-image:url(images/cBG_footer.gif);
					background-repeat:no-repeat;
					background-position:bottom left;
					float:left;
					width:565px; height:26px;
					text-align:center;
					margin:0px; padding:0px;
}
 .footer .menu a {
					color:#38414b;
					text-decoration:none; 	
					font-size:8pt;
					padding-right:3px;
					padding-left:3px; 
	
}
 .footer .signature {
					background-image:url(images/cBD_footer.gif);
					background-position:bottom right;
					background-repeat:no-repeat;
					width:228px; height:26px;
					float:right;text-align:center;	
		
}
 .footer .signature a {
					background-image: url(images/separateur_footer.gif);
					background-repeat: no-repeat;
					background-position:bottom left;
					height:26px;
					
					text-align:center; 
					display:block;
					color:#38414b;
					text-decoration:none;
					font-size:8pt;
}

/**************************/
.menuDeroulant{
		margin:0; padding:0px;
		margin-top:44px;
		width:560px;

		text-align:left;
		padding-left:4px;
		padding-right:0px;
		float:left;
		width:420px;
		}
		
#menu1, #menu2, #menu3, #menu4{ 
		position:absolute; 
		z-index:2;
		visibility:hidden;
		overflow:hidden;
		}
		
/* les éléments de menu */		
	
.blocMenu {
		font-size:12PX;
		text-decoration:none;
		margin-right:15px;
		display:block;display:table; border:0px solid red; float:left;/*width:140px;*/
}
.blocMenu a{display:block; text-decoration:none; color:#000;}

.blocMenu a img{ border:0px;}


/*niveau 2 */
.idMenu {
		margin:0px;padding:0px;

		border:0px;
		padding:0px;
		padding-top:15px;
		background-image:url('images/fd_menu.gif');
		background-repeat:no-repeat;
		width:141px;
}
.idMenu[class] {
  background-image:url('images/fd_menu.png');
}


.idMenu a{ 		
		font-size:12PX;
		text-decoration:none;

		background-repeat:repeat-x;
		color:#000;
		overflow:hidden;
		display:block;
		
		margin-left:30px;


		 margin-bottom:3px;
		 
		 margin-right:7px;
		 padding-top:2px; 
		 padding-bottom:2px;
		 
		 border-bottom:1px dashed #E2EBED;  }
		 
.idMenu a:hover{		
		color:#000; 
		margin:0px; padding:0px;

		padding-top:2px; 
		padding-bottom:1px;
		color:#ffffff;
		font-weight:normal;
		padding-left:30px;
		margin-right:40px; overflow:visible;
		border-bottom:2px solid #E2EBED;}
		
 .bottomMenu { 
		 margin:0px;
	 	padding:0px;
		height:14px;
		width:131px;
		border:0px;
		background-image:url(images/bas_menu.gif);
		background-position:left bottom;
		background-repeat:repeat-x;
		 }
	.bottomMenu[class] {
  background-image:url('images/bas_menu.png');
}
/******************************************** CREABILIS tag cloud iCercle ****************************************/

#iCercle_tagCloud {
	width:790px;
	text-align:center;
}
#iCercle_tagCloud a{
	color:#FFFFFF;
	text-decoration:none;
	padding-right:6px;
	font-size:8px;
	white-space:nowrap;
}
#iCercle_tagCloud a:hover{
	color:#FFFFFF;
}
#iCercle_tagCloud H1,#iCercle_tagCloud H2 ,#iCercle_tagCloud H3 ,#iCercle_tagCloud H4 ,#iCercle_tagCloud H5 ,#iCercle_tagCloud H6 {
	display:inline;
	margin:0;
	padding:0;
	font-size:10px;
}
#iCercle_tagCloud H1 a{
	font-size:10px;
	font-weight:bold;
	
	text-transform:uppercase;
}
#iCercle_tagCloud H2 a{
	color:#FFFFFF;
	font-size:10px;
	font-style:italic;
	text-transform:uppercase;
}
#iCercle_tagCloud H3 a{
	font-size:10px;
}

#iCercle_tagCloud H4 a{
	font-size:10px;
	font-style:italic;
}
#iCercle_tagCloud H5 a{
	font-size:10px;
}

#iCercle_tagCloud a:hover{
	text-decoration:underline;
}
#iCercle_presentationBlocsContainer {
	height:60px;
	overflow:hidden;
}
.iCercle_presentation {
	display:none;
	border-top:1px white solid;
	margin-top:6px;
	margin-bottom:0px;
	width:780px;
	text-align:center;
	font-size:10px;
}
.iCercle_presentation a{
	color:#FFFFFF;
	text-decoration:none;
	padding-right:6px;
}
/******************************************** fin CREABILIS tag cloud iCercle ****************************************/