@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Creation Theme
Theme URI: http://www.fran6art.com/
Description: The first theme created by BM.
Version: 0.1
Author: BM
 
Creation Theme by BM 
 
*/

*{
margin: 0;
padding: 0;
}

body {
font-family: "Gill Sans MT", Century Gothic, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: left;
text-decoration:none;
background: #ffffff;
zzbackground: #000;
margin: 0;

}

.spacer {
clear: both;
height: 0;
}

div#wrap {
margin: 0 auto;
width: 1000px;
background-color:#fff;}

	a{
margin:0;
padding:0;

f}
		
	a:link {	
text-decoration: none;
color: inherit;
}
	a:visited {
text-decoration: none;
color: inherit;
}
	a:hover {
text-decoration: none;
border-bottom: 1px dotted;
color: inherit;
}
a:active {
color: inherit;
}
	
blockquote 
{ font-size:90%; 
 padding-left:25px;} 	
 
span.hautdepage {
	font-size:80%;
	color: #666;
	border-bottom: 1px dotted #666;
	}

img a {
	border: none !important;
	text-decoration: none!important;
	
		}
	
.intro {padding:0 20px 0 20px;}

.rubrique-accueil {
}
.rubrique-accueil ul li {
display:inline!important;
}
.rubrique-accueil h4 {
display:inline!important;
}

.txt_accueil_infos {
	padding:2px 0 0 0 ;}

.txt_accueil_infos li.toggleSubMenu
{font-size:1.1em; font-weight:bold;}
.txt_accueil_infos ul.subMenu li
{padding:4px 0 0px 12px!important; font-size:0.9em!important;font-weight:normal!important;
line-height:120%!important;}
.txt_accueil_infos .lirelarticle {padding:3px 0 0 12px;font-size:105%;}


		.infos-accueil{
			float:left;
			height:120px;
			width:460px;
			margin:0 5px 5px 5px; 
			padding:5px 20px 5px 20px;
			zzbackground-color:#C93!important;
			border: 3px #000;
			color:#FFF;
			overflow:hidden;}
			


.infos-accueil-bib {
			float:left;
			zzheight:100px;
			width:500px;
margin:0 5px 5px 5px; 
padding:5px 5px 5px 5px;


			zzbackground-image: url(images/bloc-info-bib.gif); 
			background-color:#94338b!important;
			border: 3px #000;
			color:#FFF;
			overflow:hidden;}
			
.infos-accueil-pro {
			float:left;
			zzheight:60px;
			width:500px;
			margin:0 5px 5px 5px; 
			padding:5px 5px 5px 5px;
			zzbackground-image: url(images/bloc-info-pro.gif); 
			background-color:#6163ab!important;
			border: 3px #000;
			color:#FFF;
			overflow:hidden;}
			
			
		.infos-accueil-grpe-travail {
			float:left;
			zzheight:60px;
			width:500px;
			margin:0 5px 5px 5px; 
			padding:5px 5px 5px 5px;
			zzbackground-image: url(images/bloc-info-grp-travail.gif); 
			background-color:#0e9edb!important;
			border: 3px #000;
			color:#FFF;
			overflow:hidden;}
			
	.infos-accueil-culture {
			float:left;
			zzheight:60px;
			width:500px;
			margin:0 5px 5px 5px; 
			padding:5px 5px 5px 5px;
			zzbackground-image: url(images/bloc-info-culture.gif); 
			background-color:#adbd52!important;
			border: 3px #000;
			color:#FFF;
			overflow:hidden;}
			
	.infos-accueil-asso {
			float:left;
			zzheight:60px;
			width:500px;
			margin:0 5px 5px 5px; 
			padding:5px 5px 5px 5px;
			zzbackground-image: url(images/bloc-info-asso.gif); 
			background-color:#30c0cd!important;
			border: 3px #000;
			color:#FFF;
			overflow:hidden;}
			
			
			
			
			
	.texte_liste_infos {padding: 10px 20px 0px 20px;}
	.texte_liste_infos p {font-size:1em;line-height:1em;}


/*legende images*/

p wp-caption-text {
font-size:90%;}
	
/*nouvelles règles rubrique*/


	#clic_bib, #clic_pro, #clic_culture, #clic_asso {
	height: 75px;
	width: 133px;
	margin: 0; padding:0;
	background: none;
	border: none;
	}
	#clic_bib h2, #clic_pro h2, #clic_culture h2, #clic_asso h2 {
	zzcolor: #000;
	font-size: 13px;
	border: none !important;
	vertical-align:bottom;
	text-align: left;
	}
	
	#clic_bib a, #clic_pro a, #clic_culture a {
	border: none !important;
	text-decoration: none;
	background: none;
	
	}
	#clic_asso a {
	border: none;
	text-decoration: none;
	background: none;
	}
	
	.img_ss_menu, .img_ss_menu a {
		border: none !important;
		margin:0;padding:0 !important;
		text-decoration: none !important;
		}
   
   
	.img_ss_menu h2, .img_ss_menu h2 a {
	font-family:"Gill Sans MT", Century Gothic, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #fff;
	text-align: center;
	text-decoration:none; 
	border: none !important;
	text-decoration: none !important;
	margin:0 !important; 
	padding:0 !important;
	}


.ssmenu {
	margin:0 !important; padding:0 !important;}
.ssmenu h2 {
	text-align: left;
	font-size:0.8em;
	zzcolor: #FFF;
	padding:0;
	}




#troiscolonnes_general {
height:100%; 
background-image: url(images/fonds_troiscolonnes_general.gif); 
background-repeat:repeat-y; 
background-position: bottom;
margin-bottom: 10px;
}

#deuxcolonnes_general {
height:100%; 
background-image: url(images/fonds_deuxcolonnes_general.gif); 
background-repeat:repeat-y; 
background-position: bottom;
margin-bottom: 10px;
}


#troiscolonnes_culture {
height:100%; 
background-image: url(images/fonds_troiscolonnes_culture.gif); 
background-repeat:repeat-y; 
background-position: bottom;
margin-bottom: 10px;
}

#deuxcolonnes_culture {
height:100%; 
background-image: url(images/fonds_deuxcolonnes_culture.gif); 
background-repeat:repeat-y; 
background-position: bottom;
margin-bottom: 10px;
}


#troiscolonnes_bib {
height:100%; 
background-image: url(images/fonds_troiscolonnes_bib.gif); 
background-repeat:repeat-y; 
background-position: bottom;
margin-bottom: 10px;
}

#deuxcolonnes_bib {
height:100%; 
background-image: url(images/fonds_deuxcolonnes_bib.gif); 
background-repeat:repeat-y; 
background-position: bottom;
margin-bottom: 10px;
}

#troiscolonnes_asso {
height:100%; 
background-image: url(images/fonds_troiscolonnes_asso.gif); 
background-repeat:repeat-y; 
background-position: bottom;
margin-bottom: 10px;
}

#deuxcolonnes_asso {
height:100%; 
background-image: url(images/fonds_deuxcolonnes_asso.gif); 
background-repeat:repeat-y; 
background-position: bottom;
margin-bottom: 10px;
}

#troiscolonnes_pro {
height:100%; 
background-image: url(images/fonds_troiscolonnes_pro.gif); 
background-repeat:repeat-y; 
background-position: bottom;
margin-bottom: 10px;
}

#deuxcolonnes_pro {
height:100%; 
background-image: url(images/fonds_deuxcolonnes_pro.gif); 
background-repeat:repeat-y; 
background-position: bottom;
margin-bottom: 10px;
}




#degradegauche
{
	background: url(images/degradegauche.png); 
	background-repeat: repeat-x; 
	height: 25px; 
	width:170px;
}

#degradedroite
{
	background: url(images/degradegauche.png); 
	background-repeat: repeat-x; 
	height: 25px; 
	width:265px;
}


.culture2 {
	margin:0 275px 0 175px;padding:0;
	background:url(images/fond_rubrique_culture.gif);
	background-color: #acbd4c;
	background-position: top;}
	
		div#droite2 {
			float:right;
			zzwidth: 240px;
			width: 265px;
			margin-left: 9px;
						}

/*fin nouvelles règles rubriques*/
	
		/*page de documents */
		#wrap_documents {
			width: 600px;
			height: 350px;
			margin: 0 auto;
			border: 1px dotted;
			list-style-type: none;
			}
		
/*fin page de documents*/

/*page rss*/
.flux_rss {margin-top: -20px;}

.flux_rss h2 {font-size: 1.2em;font-weight: normal; 	text-transform:uppercase;; letter-spacing: 1px; margin-top: 20px !important;}
.flux_rss h3 {font-size: 1.1em;color: #222; font-weight: 500; 	text-transform:uppercase; letter-spacing: 1px; margin-top: 10px; margin-left: 10px; font-size: 1.3em;}
.flux_rss h4 {color: #333; font-weight: normal; margin-top: 7px; margin-left: 20px; font-size: 1.1em;}
.flux_rss h5 {color: #555; font-weight: normal; margin-top: 5px; margin-left: 30px;font-size: 1em;}
.flux_rss a {text-decoration: none; border-bottom: 1px dotted #999;}

/*fin page rss*/

/*menu montant*/

p.bouton
{font-weight: bold;
font-size: 4em;
}

/* 1: bib*/

button#gobib 
{		border:none !important;
		background: none;
		margin:0 0 -4px -3px;padding:0;
		height: 72px;
width: 133px;
zztext-align:right;
text-decoration:none;}
		
		button#gobib a {text-decoration:none; border:none !important; padding:0; margin:0;}

		
		
		button#godescentbib 
{		border:none;
		background: none;
		text-align:right;}
				
div#menubib1 {
	font-family:"Gill Sans MT",  Century Gothic, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
zzbackground: url(images/bloc_menu_bib.png);
zzbackground-color: #94328a;
border:none;
height: 72px;
width: 133px;
margin:0;
	}				
div#menubib1 a {
	border: none !important;
	text-decoration: none;}
					
div#menubib1 img {
	border: none !important;
	text-decoration: none;
	padding:0;margin:0;}
	
	
	
	div#menubib1 h1
	{	font-family:"Gill Sans MT",  Century Gothic, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	zzcolor: #fff;
	text-align: center;
	margin:0;
	padding:0;}
	
	div#menubib1 h1 a {
					border: none !important;
					text-decoration: none;}
			
#menubib2 {
	margin:0;
	padding:0;
	height:77px;
	zzbackground-color: #94328a;}
	
	
	
	
/* 2: pro*/



button#gopro 
{border:none;
		background: none;
		text-align:right;
		width: 133px;
				}
		
		button#gopro a
{border:none;
		background: none;
		text-align:right;
				}
		
		
		button#godescentpro 
{		border:none;
		background: none;
		text-align:right;}
				
div#menupro1 {
	font-family:"Gill Sans MT",  Century Gothic, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
zzbackground: url(images/bloc_menu_pro.png);
zzbackground-color: #6062aa;
margin:0;
border:none;
height: 72px;
width: 133px;
	}				
	
	div#menupro1 img {
	border: none !important;
	text-decoration: none;
	padding:0;margin:0;}
	
	
	
	
	
div#menupro1 a {
	border: none !important;
	text-decoration: none;}
			
				
div#menupro1 h1
	{	font-family:"Gill Sans MT",  Century Gothic, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color: #fff;
	text-align: center;
	margin:0;
	padding:0;}
	
	div#menupro1 h1 a {
					border: none !important;
					text-decoration: none;}
			
#menupro2 {
	margin:0;
	padding:0;
	height:65px;
	zzbackground-color: #6062aa;}
	
	



/*****/

/* 3: culture*/

button#goculture 
{		border:none;
		background: none;
		text-align:right;
		width: 133px;}

		
		
		
		button#godescentculture
{		border:none;
		background: none;
		text-align:right;}
				
div#menuculture1 {
	font-family:"Gill Sans MT",  Century Gothic, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
zzbackground: url(images/bloc_menu_culture.png);
zzbackground-color: #acbd4c;
margin:0;
border:none;
height: 72px;
width: 133px;
	}
	
	
	div#menuculture1 img {
	border: none !important;
	text-decoration: none;
	padding:0;margin:0;}
	
	
	
div#menuculture1 a {
	border: none !important;
	text-decoration: none;}
			
				
div#menuculture1 h1
	{	font-family:"Gill Sans MT",  Century Gothic, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color: #fff;
	text-align: center;
	margin:0;
	padding:0;}
	
	div#menuculture1 h1 a {
					border: none !important;
					text-decoration: none;}
			
#menuculture2 {
	margin:0;
	padding:0;
	height:65px;
	zzbackground-color:#b9cb69;zzbackground-color: #acbd4c; }
	
	
	
	
/******/

 button#carte_avant{background:none; border:none;}
 button#carte_avant1{display:none;}
 
 button#carte_avant2{display:none;}
 
button#carte_reset{display:none;}

/******/


/* 4: asso*/

button#goasso 
{		border:none;
		background: none;
		text-align:right;
		width: 133px;
}
		
		
		
		
		button#godescentasso
{		border:none;
		background: none;
		text-align:right;}
				
div#menuasso1 {
	font-family:"Gill Sans MT",  Century Gothic, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
zzbackground: url(images/bloc_menu_asso.png);
zzbackground-color: #00b2c2;
margin:0;
border:none;
height: 72px;
width: 133px;
	}
	
	


	div#menuasso1 img {
	border: none !important;
	text-decoration: none;
	padding:0;margin:0;}
	
	

div#menuasso1 a {
	border: none !important;
	text-decoration: none;}
			
				
div#menuasso1 h1
	{	font-family:"Gill Sans MT",  Century Gothic, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color: #fff;
	text-align: center;
	margin:0;
	padding:0;}
	
	div#menuasso1 h1 a {
					border: none !important;
					text-decoration: none;}
			
#menuasso2 {
	margin:0;
	padding:0;
	height: 85px;
	zzbackground-color: #00b2c2;}
	
	
/******/


	
	
		button#gobib1,button#gobib2,button#gopro1,button#gopro2,button#goculture1,button#goculture2,button#goasso1,button#goasso2,button#go4 {
			display: none;}

	/*page d'archive */
	/* fond blanc pour le menu */ 
	div#menu_archive h2 {margin-top: 15px; font-weight:bold;}
div#menu_archive  ul {padding: 0; width: 400px; margin:0px;}

div#menu_archive strong.archivebib {
font-size: 1.2em; letter-spacing: 2px; padding-top: 10px; border-bottom: 1px solid; color: #93338c;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 


/* Rajout d'une petite fleche pour les sous menu */ 

div#menu_archive  ul li {position:relative; list-style: none; zzborder-bottom:1px solid;	font-size: 1em;}
div#menu_archive  ul li ul li {position:relative; list-style: none; zzborder-bottom:1px solid;	font-size: 1em;}

div#menu_archive  ul ul {position:relative; top: -1px; left: 10px; zzdisplay:none}
div#menu_archive  ul ul ul {position:relative; top: -1px; left: 10px; zzdisplay:none }
div#menu_archive  ul li ul li ul li {position:relative; top: -1px; text-decoration: none !important;
	border: none !important;}



/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu_archive  li a {text-decoration: none; zzborder-left: 8px solid #BBB;}
div#menu_archive  ul li:hover ul, div#menu_archive  ul li:hover ul {display:block;}

div#menu_archive li#archivebib {
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing:2px;
	padding-top: 10px;
	border-bottom: 1px solid;
	color: #93338c;
	}
	
div#menu_archive li#archive_pro {
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing:2px;
	padding-top: 10px;
	border-bottom: 1px solid;
	color: #6062aa;
}



div#menu_archive li#archive_pro ul.subMenu {
	font-size: 1em;
	font-weight: normal;
	letter-spacing: normal;
	padding-top: 5px !important;
	border-left: none;
	border-bottom: none;
	color: #000 !important;

}

div#menu_archive li#archive_pro ul.subMenu ul li {
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing: normal;
	padding-top: 0 !important;
	border-left: none;
	border-bottom: none;
	color: #000 !important;
				padding-left: -10px !important;

			margin-left: -10px !important;

}
div#menu_archive li#archive_pro ul.subMenu ul li ul li {
			margin-left: 0px !important;

}


div#menu_archive li#archive_culture {
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing:2px;
	padding-top: 10px;
	border-bottom: 1px solid;
	zzcolor:#b9cb69; color: #acbd4c; 
	}
	
div#menu_archive li#archive_asso {
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing:2px;
	padding-top: 10px;
	border-bottom: 1px solid;
	color: #00b2c2;
	}
	
div#menu_archive li#archive_agenda {
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing:2px;
	padding-top: 10px;
	border-bottom: 1px solid;
	color: #000;
	}
	
div#menu_archive li#archive_agenda ul  {
	font-size: 0.8em !important;
	letter-spacing:none;
	color: #000;
	}
	
div#menu_archive ul.subMenu {
		color: #000 !important;
		width: 400px;
		font-size: 1em;
		letter-spacing:normal; 
		list-style-type: square;		}
		
div#menu_archive ul.subMenu li ul.subMenu {
		color: #000 !important;
		width: 450px;
		font-size: 0.8em;
		letter-spacing:normal; 
		text-decoration: none;	
		border-left: none;
			}

div#menu_archive li#archive_agenda {
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing:2px;
	padding-top: 10px;
	border-bottom: 1px solid;
	color: #000;
	}
	
	
		div#menu_archive li#archive_agenda ul  {
	font-size: 0.8em !important;
	letter-spacing:none;
		color: #000;
	}
	
	
	
	div#menu_archive ul.subMenu {
		color: #000 !important;
		width: 400px;
		font-size: 1em;
		letter-spacing:normal; 
			list-style-type: square;		}
		
		div#menu_archive ul.subMenu li ul.subMenu {
		color: #000 !important;
		width: 450px;
		font-size: 0.8em;
		letter-spacing:normal; 
		text-decoration: none;	
		border-left: none;
			}
			
			
			
			
				
	div#archive_docs li#archivebib ul li {
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing:normal;
	margin-left: 20px;
	border-bottom: none;
	color: #000;
	}
	
					
	
	div#archive_docs li#archive_pro ul li ul li {
	font-size: 0.8em !important;
	font-weight: normal !important;
	letter-spacing:normal;
	padding-left: 20px !important;
	border-bottom: none;
	color: #000;
	}
	
	
	
	div#archive_docs li#archive_culture ul li ul li {
	font-size: 1em !important;
	font-weight: normal !important;
	letter-spacing:normal;
	margin-left: 20px;
	border-bottom: none;
	color: #000;
	}
	
		div#archive_docs li#archive_asso ul li {
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing:normal;
	margin-left: 20px;
	border-bottom: none;
	color: #000;
	}
	
	
	
/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu_archive  li a:hover {border-left-color: red;}
div#menu_archive  ul ul li a:hover {border-left-color: #00FF00;}
div#menu_archive  ul ul ul li a:hover {border-left-color: #0000FF;}


div#menu_archive  h3 {
	padding-top: 10px;
	border-bottom: 1px solid;
		}
div#menu_archive  h4 {
	padding-top: 6px;
		}
	
	
div#menu_archive  h3.archive {
	font-size: 1em;
	padding-top: 0 !important;
	margin-top: 0;
	border-bottom: none !important;
	text-transform:none;
	font-weight: normal;
	padding-left: 10px;
	letter-spacing:normal;
	}
	
div.separateur
	{text-decoration: none !important;
	border: none !important;
	padding-left: 10px;}

li.subMenu {
	list-style-type:none;}

div.archive_agenda {width: 400px; padding-left: 15px;}
div.archive_agenda h4 {zzfont-size: 1em; padding: 0; margin: 0; font-weight:normal;}
div.archive_agenda p.adresse {display: none;}
div.archive_agenda p.date {font-size: 0.8em; padding: 0; margin: 0; display: inline-block; }
div.archive_agenda h2.tout {font-size: 1em; letter-spacing:normal; font-weight:normal; margin:0 !important; font-variant: normal !important;}
div.archive_agenda .notes_tout {display: none; margin: 0; padding: 0;}
div.archive_agenda p.separation {margin: 0px 0 5px 0;}



/*fin page d'archive */






	/* INFObulle2 */	
a.info_bulle2
{				
font-weight: normal;
	  color: #222;  
  text-decoration : none; 
  		font-size: 100%;
line-height: 120%;

  
  /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */

  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle2:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

/* Rend invisible tout notre bloc span */
a.info_bulle2 span.info_bulle2 
{								   
  position: absolute;
  
  top        :  -2000em;
  left       :  -2000em;
  width      :  0px;
  height     :  0px;
  overflow   :  hidden; 
} 

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle2:hover span.info_bulle2, a.info_bulle2:focus span.info_bulle2
{
text-align	:left;
padding: 5px;
top			:  5px;
border		: 1px dotted #F60;
  left		:  -170px;
	color: #000;
width:  150px;
  height:  auto;
  overflow:  visible;
} 

a.info_bulle2:active span.info_bulle2 {border: none;}

span.header
{
   display         : block; 
   height          : 0;  /* Hauteur correspondant à celle de notre image */
   line-height     : 220%;  /* Propriété qui centrera le texte verticalement */
   text-align      : center;
   font-size       : 0.8em; 
   font-weight     : normal;
} 

span.content
{
   display     : block; 
   zzbackground  : transparent url('./centre.gif') repeat-y;
   padding     : 0 3px;
} 

span.footer
{
   display     : block; 
   height      : auto; 
   zzbackground  : url('./bot.gif') no-repeat bottom left; 
   font-size   : 0; /* Corrige l'espacement inutile sous IE */
}     


/*FIN INFOBULLE */

	
/*sidebar du footer*/
#Menu_sup {
	margin: 5px 0;
	color: #008bbb;

	}
	#menu_sup_contact ul { 
	text-align: center;}
	#menu_sup_autres ul { 
	text-align: left;}
	
#Menu_sup li { 
color: #008bbb;
font-size: 1.1em; list-style-type: none;
	display: inline;
	margin: Opx 3px;
	
	}
	#Menu_sup li a { 
color: inherit;
text-decoration:none;}

#Menu_sup li a:hover { 
border-bottom: dotted 1px #000;}
#Menu_sup li a:active { 
color: #000;
}
.menu_sup_contact {
		float:left;
		width: 170px;}
		
	.menu_sup_contact li {
		font-size: 1.3em;
			text-transform:uppercase;

		letter-spacing: 2px;
	}
	
	.menu_sup_autres {
		float:left;
		width: 795px;
		margin-left: 35px;}
		
/*fin de la sidebar du footer*/

/*annuaire*/


/*fin de l'annuaire*/

#header {
font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
float: left;
width: 1000px;
padding: 0;
}
#header h1 {
padding: 0 20px 0 0;
font-size: 2em;
text-align: left;
}
 
#header p {
padding: 0;
font-size: 1em;
text-align: left;
}
/* content droite*/
	
div#articledroite {
	float: right !important;
	zzwidth: 240px;
	width: 200px !important;
	padding-left: 5px;
	mmoverflow:hidden;
}


div.contenu_articledroite {
	padding: 10px 5px 0px 8px;
	zzborder-left: dotted 1px #000000 !important;
	
}

div#articledroite p {
	font-family: Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #111;
	font-size: 0.9em;
}
div#articledroite p.lienpop {
	font-family:Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:normal;
	color:#0000CC;
	text-decoration:underline;
	font-weight: bold;
}

div#articledroite span.lien {
	color:#444;
	text-decoration: none;
	border-bottom: 1px dotted #444;
	}
	
div#articledroite p.petit {
	color: #444;
	font-size: 0.8em;
	margin-left: 8px;
	}

div#articledroite h1 {
	font-family: Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif !important;
	font-weight:bold;
	color:#CC0000;
	font-size: 1.2em;
	text-align:left;
	}
div#articledroite h2 {
	font-family: Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:bold;
	color:#FF5500;
	font-size: 1.1em;
	text-align:left;
	margin-bottom: 3px;
}


/* fin content droite */


/*ado*/
ul.subMenuAdo {
	list-style-type:none!important;
	text-transform: none !important;
	position: relative;
}
ul.subMenuAdo li {
		list-style-type:none!important;
	font-size:0.9em!important;
	padding:1px 0 0 0!important;
	margin:0!important;
	text-transform: none !important;
	font-weight:normal;
}

}
ul.togglesubMenuAdo {
		list-style-type:none!important;
	padding:0;
	margin:0;
	}
ul.navigationAdo {
		list-style-type:none!important;
	color:#000!important;
	font-size:1em;
}




ul.navigationAdo li {
	list-style-type:none !important;
	font-size:1.25em;
	zzcolor: #C03;
	text-transform: uppercase;
	padding: 2px 0 2px 0;
}


/* partenaire */

#partenaires {width: 830px; float: left; margin-top: 35px; font-family: "Gill Sans MT", "Trebuchet MS", Lucida Grande, Verdana, Arial, sans-serif;
}
#partenaires h1 {font-size: 1.6em; margin-bottom: 10px; 	text-transform:uppercase; font-weight: normal;}
#partenaires h2 {font-size: 1.5em; margin-top: 20px; font-weight: 600; letter-spacing: 1px;}
#partenaires p {font-size: 1.1em; margin-bottom: 10px;}

#partenaires a {border: none;}
.partenaire {width:360px; margin: 10px 10px 10px 0px; float: left;}
.partenaire_contenu {margin-left: 20px;}


/* plan */

div.plan {margin-left: 15px; padding: 20px 20px 0 50px; font-size: 1em;	}

div.plan h2 {
		font-size: 1.5em;
		zzcolor: #003333 !important;
		font-weight: bold;
		font-family: "Gill Sans MT", "Trebuchet MS", Lucida Grande, Verdana, Arial, sans-serif;
	}

	
	div.plan ul li {
		list-style-type: square;
		border-left: none;
		padding-left: 8px;
		margin-top: 2px;
		font-size: 1.2em;
		text-decoration:none !important;
		zzcolor: #F60;
		margin-left: 0;
	}

div.plan li a:link, a:visited {
			color: inherit;
}

	div.plan ul li ul li {
		list-style-type: disc;
		border-left: none;
		padding-left: 8px;
		font-size: 1em;
		text-decoration:none;
		zzcolor: #F30;
		margin-left: 0.2em;
	}
	
	div.plan ul li ul li a:link, a:visited {
			zzcolor: #F00;
			}
div.plan ul li ul li ul li {
		list-style-type: none;
		border-left: none;
		padding-left: 8px;
		font-size: 0.9em;
		text-decoration:none;
		zzcolor: #C33;
		margin-left: 0.4em;
	}
	
div.plan ul li ul li ul li a:link, a:visited {
		color: inherit;
			}
			
/* javascript HL */
.annuaireHL {
	width:100%;
	margin: 15px auto;
	float:left;
}
.colonneHL {
	float:left;
	width:24%;
	padding: 0 3%;
	margin-top:20px;
	font-size:90%;
}

.colonneHL .titre-alpha {
	border:1px dotted;
	padding: 3%;
	font-size:140%;
	letter-spacing:110%;}
	
p.wp-caption-text {
	font-size:0.9em!important;
	
	}
	.annuaireHL h1 {
	zzpadding: 0 15px;
}
.annuaireHL p {
	zzpadding: 0 15px;
	}
annuaireHL img {
	zzpadding: 0 15px;}
	
.annuaireHL ul.subMenuHL {
	display: inline;
	padding:0 !important;
	zzmargin: 0 0 0 160px!important;
	margin: 0 0 0 0!important;
	zztop:-25px;
	zzborder-left:1px solid #000;
	text-transform: none !important;
	position: relative;
	color:#000!important;
}
.annuaireHL ul.subMenuHL li {
	font-size:1em!important;
	padding:5px 0 0 0!important;
	margin:0!important;
	zzcolor:#C03;
	text-transform: none !important;
	font-weight:normal;
}
.annuaireHL ul.subMenuHL li a {
	display:block;
	font-size:100%!important;
	padding:0 0 0 10px!important;
	margin:0!important;
	color:#000;
	text-transform: none !important;
	font-weight:normal;
	text-decoration:underline;
	border:none;
}
ul.togglesubMenuHL {
	padding:0;
	margin:0;
	}
.annuaireHL ul.navigationHL {
		color:#903!important;
	list-style-type:none !important;
}


.annuaireHL ul.navigationHL strong {
	list-style-type:none !important;
	font-weight: normal;
	text-transform:none;
	color: #000; 
	font-size:80%;
}



.annuaireHL ul.navigationHL li {
	list-style-type:none !important;
	font-size:1.25em;
	zzcolor: #C03;
	text-transform: uppercase;
	padding: 2px 0 2px 0;
}

.annuaireHL em {
	font-weight: normal!important;
}
.annuaireHL p.alpha {
	zzdisplay:inline;
	font-size:140%;
	font-variant:normal;
	padding-left:30px;
	padding-top: 5px;
	padding-bottom: -5px;
}
.annuaireHL span.accroche {
	font-weight: normal !important;
	text-transform:none;
}
.annuaireHL span {
	zzdisplay:block;
	margin-left:0px;
	zzcolor: #C03 !important;
color: #906 !important;
	font-size:110%;
	text-transform:uppercase;
	text-decoration:none;
	zzborder-bottom: 1px dotted #999;
}
.annuaireHL a {
	color: inherit;
	font-size:110%!important;
	zzcolor:#C03;
	text-decoration:none;
	border-bottom: 1px dotted #999;
}
/* agenda */
			
			
			#wrap_agenda{
				margin: 0 auto;
		width: 800px;
		background-color:#fff;}
		#agenda_tete {
			background:url(images/AGENDA_fond_tete.png);
			background-repeat:no-repeat;
			width: 800px;
			margin: 0;
			height: 130px;}


#agenda_pied {
			background: url(images/AGENDApied.gif);
			background-repeat:no-repeat;
			width: 800px;
			margin: 0;
			height: 97px;}

		#content_agenda {
float: left;
width: 800px;
	background: url(images/AGENDA_fond.gif);
	margin: 0;}
	
	#article_agenda {
		margin-top: 30px;
		margin-left: 145px;
		margin-right:180px;}
		
	#article_agenda	.fermer {
	font-size:0.85em; 
	margin-top: 20px;
	margin-left:0px; 
	text-align:left;
	text-transform:uppercase;
	}
		.notes_tout {
		margin-left: 30px;
		line-height: 135%;
		font-size:1em;}
		
		#article_agenda p.adresse {
		margin-left: 0;
		font-size:1em;}
	
			#article_agenda p.date {
		margin: 8px 0px 2px 30px;
		font-size:1em;}
		
			#article_agenda p.separation {
		margin: 10px 0 10px 0;
		font-size:1.1em;}
		
				#article_agenda a:active {
		border-bottom: 1px dotted !important;}
		
		
				#article_agenda span.lieu {
		font-size:1em;
			text-transform:uppercase;
 }
	
	#article_agenda h2.tout{
		margin-left: 30px;
		font-size: 1.2em !important;
		font-weight: normal;
			text-transform:uppercase;
}
		
		#article_agenda h2.single{
		margin-left: 0;
		font-size: 1.3em !important;
		font-weight: normal;
			text-transform:uppercase;
}
		
		#article_agenda p.separation{
		margin-top: 20px;	
		}
			#article_agenda p.single {
		margin-left: 0;
		font-size:1em;}
		
	
		
		#article_agenda h4.adresse{
		margin-left: 0;
		font-size: 1.2em !important;
		font-weight: normal;
		}
	


.evenements p a {
border-bottom: 1px dotted #999;
}

			
			/* navigation */
#navmenu {margin-bottom:10px;text-transform:uppercase;font-family:helvetica,arial,sans-serif;font-size:10px;font-weight:bold;text-align:left;}
#navmenu ul {margin: 0; padding: 0;list-style-type: none; list-style-image: none;}
#navmenu li {display: inline; }
#navmenu ul li a {text-decoration:none;  margin: 0;padding: 5px 20px 5px 20px;}
#navmenu ul li a:hover {}

#content {
float: left;
width: 1000px;
	background-color:#fff;
	margin: 10px 0 10px 0;
}

.postmetadata {
font-size: 0.8em;
color: #999;
list-style-type: none;
}

.postmetadata ul li {
font-size: inherit;
color: inherit;
list-style-type: none;
}

ul post-categories {
	text-decoration: none;
}
.post_content {
font-size: 1em;}
.post {
	}
	
.post-bib {
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 2px dotted #93338c;
	}	
	
.post-pro {
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 2px dotted #6062aa;
	}	
	
.post-culture {
	padding-bottom: 8px;
	margin-bottom: 8px;
	zzborder-bottom: 2px dotted #b9cb69;
	border-bottom: 2px dotted #acbd4c;
	}
	
.post-asso {
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 2px dotted #00b2c2;
	}
	
	
h1.liste {
	font-size: 1.1em;}
	

.post_content a {
color: inherit;
border-bottom: 1px dotted #000;
}
 
.post_content a:hover {
color: #000;

background: #ddd;
}

.post_content a {
color: inherit;
}
 

 .post_content ul li {
font-size: 1em;
text-decoration: none;
}




.comments-template{
	margin: 20px 0 0 0;
	font-size: 0.9em;
}
 
.comments-template ol{
	margin: 10px;
	padding: 0 0 0 15px;
	list-style: none;
}
 
.comments-template ol p{
	font-size: 0.9em;
}
 
.comments-template ol li{
	margin: 10px 0 0 0;
	line-height: 15px;
	padding: 0 0 10px;
}
 
.comments-template h2, .comments-template h3{
	font-size: 1.2em;
}
 
.commentmetadata{
	font-size: 0.9em;
}
 
.comments-template p.nocomments{
	padding: 0;
}
 
.comments-template textarea {
	font-size: 0.9em;
}
 
.cadre_commentaires {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
 


.sidebar a:hover {
text-decoration: none;
border-bottom: 1px dotted;
}

.sidebar h2 {
font-size: 1.2em;
}
.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px;
}
.sidebar ul li{
}


#footer {
margin-top: 15px;
font-size: 0.8em;
zzbackground-color:#A8A0A0;
background-color: #4286AC;
padding: 10px 10px 0 10px;
clear: both;
width: 980px;
}

#footer p{
text-align: left;
color: #fff;
padding: 0;
}

#footer li {
display: inline;
text-decoration: none;
padding: 0;
}
#footer ul {
display: inline;
text-decoration: none;
}
	


	h3.hdp {
	text-align:center;
	margin: 10px 0;
	font-family:Lucida Grande, "Trebuchet MS", "Gill Sans MT", Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration:none;
	font-size:12px;
	color:#0000FF;
	}
	
		
	
	
/* bandeau & navigation */
	
	/* bandeau */

		div#bandeau {
			width: 999px;
			height: 270px;
			zzheight: 225px;
			overflow:hidden;
			background-color:#fff;
			border-bottom: 2px solid #FFF;
			zzmargin-bottom: 4px;
			zzbackground-image:url(images/bandeautest.gif);
			zzbackground-image:url(bandeau_bib93.png);
			background-image:url(ACCUEIL_bandeau.gif);
			zzbackground-position:left;
			background-repeat:no-repeat;
			
	 		
			}
		
		
		div#bandeau h1 {
			font-family: Lucida Grande, "Trebuchet MS", "Gill Sans MT", Verdana, Arial, sans-serif;
			color: #990033;
			letter-spacing: 5px;
			font-size:24px;
			font-weight:bold;
			zztext-align:center;
			text-align:left;
			padding: 30px 0 10px 0;
			line-height: 40px;	
			vertical-align: middle;		
			}

	/* navigation */

	div#navigation {
			height: 70px;
			zzmargin-top: -40px;
			margin-top: -70px;
			position: relative;
			zzborder-left: 2px solid #777;
			}
	div.navigationboite_contact {
					float: left;
			height: 35px;
			width: 170px;
			margin:0;padding:5px 0 0 0;
			zzwidth: 120px;
			zzwidth:109px;
			overflow: visible;
			zzposition:static;			
						}

	div.navigationboite_prune {
			zzbackground-color:#94328a;
			background: url(images/bloc_menu_bib.png);
			background-repeat:no-repeat;
			float: left;
			zzheight: 35px;
			height: 70px;
			zzwidth: 130px;
			zzwidth: 127px;
			width: 132px;
			zzpadding-top: 5px;
			overflow: visible;
			zzposition:static;			
						}
						
	div.navigationboite_aubergine {
			zzbackground-color:#6062aa;
			background:url(images/bloc_menu_pro.png);
			background-repeat:no-repeat;
			float: left;
			zzheight: 35px;
			zzwidth: 130px;
			zzwidth: 127px;
			height: 70px;
			width: 131px;
			zzpadding-top: 5px;
			overflow: visible;
			zzposition:static;			
						}
						
	div.navigationboite_moutarde {
			zzbackground-color:#acbd4c; 

			background:url(images/bloc_menu_culture.png);
			background-repeat:no-repeat;
			float: left;
			zzheight: 35px;
			height: 70px;
			zzwidth: 130px;
			zzwidth: 127px;
			width: 132px;
			zzpadding-top: 5px;
			overflow: visible;
			zzposition:static;			
						}			
						
						
	div.navigationboite_glauque {
			zzbackground-color:#00b2c2;
			background:url(images/bloc_menu_asso.png);
			background-repeat:no-repeat;
			float: left;
			zzheight: 35px;
			zzheight: 120px;
			zzwidth: 130px;
			zzwidth: 127px;
			height: 70px;
			width: 131px;
			zzpadding-top: 40px;
			overflow: visible;
			zzposition:static;			
						}		
						
				
	div.trait {
			width: 2px;
			margin: 0 1px 0 2px;
			padding: 0 0 -10px 0;
			height: 40px;
			background-image:url(images/trait-nav3.gif);
			background-repeat:repeat-y;
			float: left;
			}
	
		div#navigation li {
	float: left;
	zzcolor: #333;
	color: #FFF;
	font-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	line-height: 15px;
	vertical-align: text-bottom;
	text-align: center;
	text-decoration:none !important;
	font-weight:bold;
	font-size: 0.9em;
	list-style: none;
	font-stretch:condensed;
 						}
						
	div.navigationboite li a:visited {
		text-decoration: none;
	}
	
		
/* CSS Document */


span.auteur
{	text-transform:uppercase;}

.lirelasuite {
	text-align: right;
	margin-right:10px;
	font-size: 100%;
	text-transform:uppercase;}



    ul.menu        {list-style-type: none !important;
                    margin : 0 !important;
                    padding: 0 !important;}
        ul.menu li     {    
		float: left !important;
        zzwidth: 120px !important;
		zzwidth: 109px!important;
		zzwidth: 127px;
		width: 131px;
		margin: 0 !important;
        border: 0 !important;    }   
        
		ul.menu ul     {    
		display: none !important;
        list-style-type: none !important;
        margin: 0 !important;
        padding: 0 !important;
                            
							    }
        ul.menu ul li  {    float: none !important;
                            padding-top: 5px !important;  
							line-height: 20px!important;;
							zzcolor: #333;
							font-size: 0.9em;

							}
        ul.menu li a:link, ul.menu li a:visited
                        {   display: block !important;
                         	zzbackground-color:#6CC;
							zzbackground-color:#6dd;
							color: #FFF !important;
							background-color: inherit;
							margin: 0 !important;
                            padding: 0 4px !important;
                            text-decoration: underline; 
}
			
		li.prune {background-color:#94328a; margin-top: 8px;}
		li.aubergine {background-color:#6062aa;  margin-top: 8px;}
		li.moutarde {zzbackground-color:#b9cb69; background-color: #acbd4c; margin-top: 8px;}
		li.glauque {background-color:#00b2c2;  margin-top: 8px;}
							
							div.prune {background-color:#94328a; margin-top: 8px;}
		div.aubergine {background-color:#6062aa;  margin-top: 8px;}
		div.moutarde {zzbackground-color:#b9cb69; background-color: #acbd4c;  margin-top: 8px;}
		div.glauque {background-color:#00b2c2 !important;  margin-top: 8px;}	
							
							
							
							
        ul.menu li a:hover
                        {   background: #eee!important;
							color:#000 !important;
							border-bottom: 1px #CCC dotted;
							}
		 ul.menu li a:active
                        {   background: #333333 !important;
							color:#fff !important;   }
							
	
        
		ul.menu li:hover > ul
                        {   zzposition:fixed !important;
							position: absolute;
							height: 230px;
							display: block !important;
						    }
		
		
			/* recherche */
		
		div#navigationrecherche {
			float: right;
			zzwidth: 310px;
			width: 294px;
			zzpadding: 0 10px 0 10px;
			border: solid 1px #000000;
			}
		#searchdiv {
			margin: 0;
			padding: 0;
			}
			
			
	form#searchform {padding:0;}
		#searchform {
			position: absolute;
			top: 0px;
			left: 0px;
			zzfloat: right;
			zzwidth: 270px;
			width: 260px;
			margin: 0; 
			padding: 0 5px;
			zzbackground-color:#000000;
			zzbackground-color: #6E4F07;
			zzbackground-color: #0f9fdb; 
			zzbackground: url(images/bloc_menu_recherche.png);
			background-repeat:no-repeat;
			border-left: 2px solid #FFF;
			height: 70px;
			zzheight: 40px;
			zzbackground-color: #0f9fdb;
			
			}
	
	#searchform label  {
			float: left;
			font-size: 10px;
			margin: 1px 0 0 0;
			color: #c00;
zzfont-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-family: "Gill Sans MT", "Trebuchet MS", Century Gothic, Lucida Grande, Verdana, Arial, sans-serif;			}
		
		#searchform input#s {
			zzfloat: left;
			position: absolute;
			left: 85px;
			width: 110px;
			height: 13px;
			margin: 44px 5px 0px 10px;
			padding: 4px 2px 2px 2px;
			border-top: 1px solid #666666;
			border-right: 1px solid #DDDDDD;
			border-left: 1px solid #666666;
			border-bottom: 1px solid #DDDDDD;

			}
		#searchform input#sbutt {
			float: right;
			background: #0099FF;
			color: #fff;
			margin: 5px 0 0 0;
			font-size: 10px;
			font-family: Century Gothic, Lucida Grande, "Trebuchet MS", Calibri, "Gill sans MT", Arial, Helvetica, sans-serif;
			zzpadding: 2px;
			border: 1px solid #000;
			font-weight: bold;
			}
			
			
			
			
			#bouton_hop {
				position: absolute;
				left: 220px;
				top: 44px;
				width: 35px;
				height: 20px;
				margin: 0;
				padding: 0;
				}
		#searchsubmit{
			
	font-family: "Gill Sans MT", Century Gothic, Lucida Grande, Verdana, Arial, sans-serif;			text-decoration: none;
			font-size: 12px;
			zzmargin-top: 44px;
			inline: block;
			text-align: center;
			line-height: 16px;
			vertical-align: top;
			padding: 1px;
			float: left;
			background-image:url(images/hop.png);
			width: 35px;
			height: 20px;
			}
			
				#hop{
			background: #fff;
			border: #ccc;
			width: 35px;
			height: 20px;
			font-size: 12px; line-height:20px;
			}
			
			
		li#search{
zzfont-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-family: "Gill Sans MT", "Trebuchet MS", Century Gothic, Lucida Grande, Verdana, Arial, sans-serif;			text-decoration: none;
			margin-top: 45px;
			margin-left: 10px;
			font-size: 12px;
			line-height: 30px;
			vertical-align:middle;
			display:inline;
			}
		
			
		#searchform label span {
			float: left;
zzfont-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-family: "Gill Sans MT", "Trebuchet MS", Century Gothic, Lucida Grande, Verdana, Arial, sans-serif;			color:#eee !important;
			font-size: 11px;
			margin-right: 5px;
			text-align:center;
			font-weight:normal;
			vertical-align: middle;
			line-height: 10px;
			}
		#s {
			width: 90px;
			padding: 2px;
			margin-top: 45px;
			border-top: 1px solid #666666;
			border-right: 1px solid #DDDDDD;
			border-left: 1px solid #666666;
			border-bottom: 1px solid #DDDDDD;
			}
		#s2 {
			width: 140px;
			font-size: 11px;
			padding: 3px;
			margin: 0;
			border-top: 1px solid #666666;
			border-right: 1px solid #DDDDDD;
			border-left: 1px solid #666666;
			border-bottom: 1px solid #DDDDDD;
			}
		
		#name, #email, #url {
			background: #fff;
			color: #555;
			font-size: 12px;
zzfont-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-family: "Gill Sans MT", "Trebuchet MS", Century Gothic, Lucida Grande, Verdana, Arial, sans-serif;			padding: 4px;
			margin-top: 45px;
			border-top: 1px solid #666666;
			border-right: 1px solid #DDDDDD;
			border-left: 1px solid #666666;
			border-bottom: 1px solid #DDDDDD;
			}
		#words {
			background: #fff;
			width: 100px;
			color: #555;
			font-size: 12px;
			font-family: Century Gothic, Lucida Grande, "Trebuchet MS", Calibri, "Gill sans MT", Arial, Helvetica, sans-serif;
			padding: 4px;
			margin-top: 45px;
			border-top: 1px solid #666666;
			border-right: 1px solid #DDDDDD;
			border-left: 1px solid #666666;
			border-bottom: 1px solid #DDDDDD;
			}

/* content */

	

	/* content gauche */

		div#gauche {
			float:left;
			zzwidth: 195px;
			width: 170px;
			zzwidth: 180px;
			zzmargin-right: 5px;
			}
			
		div.points_gauche_accueil {
			background-image:url(images/points_gauche_accueil.gif);
			width: 140px;
			height: 306px;
			float:left;
			margin-left: 2px;
			}
			
				div.points_gauche_asso {
			background-image: url(images/points_gauche_asso.gif);
			width: 140px;
			height: 306px;
			float:left;
			margin-left: 2px;
			}
			
			div.points_gauche_bib {
			background-image: url(images/points_gauche_bib.gif);
			width: 140px;
			height: 302px;
			float:left;
			margin-left: 2px;
			}
				div.points_gauche_culture {
			background-image: url(images/points_gauche_culture.gif);
			width: 140px;
			height: 306px;
			float:left;
			margin-left: 2px;
			}
			
					div.points_gauche_pro {
			background-image: url(images/points_gauche_pro.gif);
			width: 140px;
			height: 306px;
			float:left;
			margin-left: 2px;
			}
			
			div#gauche h1.noir {
	color:#888;
	}
		
	iframe {
zzfont-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-family: "Gill Sans MT", "Trebuchet MS", Century Gothic, Lucida Grande, Verdana, Arial, sans-serif;
			}
	
		div#gauche ul {
zzfont-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-family: "Gill Sans MT", "Trebuchet MS", Century Gothic, Lucida Grande, Verdana, Arial, sans-serif;			font-size: 0.9em;
			font-weight: normal;
			
							}
		div#gauche ul a:link {
							}
		div#gauche li {
				text-decoration: none;	
				list-style-type:none;
				
				}
		
		div#gauche h3 {
			text-align: left;
			}
		
		div.gauchetitre {
			zzmargin: -30px 8px 0px 0;
			margin: -32px 0px 0px 0;
			position: relative;
			padding: 0 0px 10px 5px;
		background-color: #FFF;
			}
		div.gauchetitre h1 {
			font-weight:bold;
			color: #008bbb;
			font-size: 1.4em;
			background:#fff;
			}

div.gauchetitre h1.agenda {
			font-weight:bold;
				text-transform:uppercase;
			letter-spacing: 7px;
			color: #008bbb;
			font-size: 1.5em;
			text-align:center;
			text-decoration:underline;
			background:#fff;
			margin-bottom: 15px;
			}
			
		div.gauchetitre h1 a:link, a:visited {
							color: inherit;
		}
			
		
		div.gauchetitre h2 {
zzfont-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-family: "Gill Sans MT", "Trebuchet MS", Century Gothic, Lucida Grande, Verdana, Arial, sans-serif;			font-weight: normal !important;
			color:#660;
			font-size: 1.3em !important;
			text-align:left;
			background:#fff;
			}
			
				div.gauchetitre h2 a:link, a:visited {
		
			color: inherit;
			}
			
			.gauchetitre p
{ color: #008BC5;
	font-size: 1em;
}




.gauchetitre a {
border-bottom: none;
}

			
		div.contenugauche {
			margin: 8px 5px 8px 0;
			padding: 0px;
			background:#eee;
			border: solid 1px #000000;
			}
		
		div.sous_menu {
			background:#fff;
			border: solid 1px #000000;
			}
			
		div.contenugauche p {
			font-family: Lucida Grande, "Calibri", "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
			font-weight:200;
			font-size:13px;
			color:#099;
			}
		div.contenugauche span.titre {
			font-family: Lucida Grande, "Calibri", "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
			font-weight:bold;
			font-size:16px;
			letter-spacing: 1px;
			color:#099;
			}
		div.contenugauche span.date{
			font-family:  Lucida Grande, "Calibri", "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
			font-weight:bold;
			font-size:14px;
			letter-spacing: 2px;
			border: solid 1px #eee;
			}
		div.contenugauche span.evenement{
			font-family: Lucida Grande, "Calibri", "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
			font-weight:bold;
			font-size:14px;
			letter-spacing: 1px;
			}
span.renvoi {
			font-family: Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
			font-weight:bold;
			font-size:0.8em;
			background-color:none;
			}
	div.gauche_menu {
		margin:0;
		padding: 0;
		text-align: right;
		border-right: 1px dotted #066;
		padding-right: 10px;
	}
	div.gauche_menu h1 {
		font-size: 1.1em;
		color: #F60;
	}
	div.gauche_menu h2 {
		font-size: 1em;
		color: #F60;
		text-indent: 1em;
	}
	
		div.gauche_menu h3 {
		font-size: 0.8em;
		color: #099;
		text-indent: 1.5em;
	}
	

	div.gauche_menu ul li {
		margin-top: 4px;
		font-size: 1.2em;
		font-weight:normal;
		text-decoration:none;
		color: #F60;
		margin-left: 0;
	}

div.gauche_menu li a:link, a:visited {
			color: inherit;
}

	div.gauche_menu ul li ul li {
		font-size: 0.9em;
		text-decoration:none;
		color: #F30;
		margin-left: 0.2em;
	}
	
	div.gauche_menu ul li ul li a:link, a:visited {
			zzcolor: #F00;
			}
div.gauche_menu ul li ul li ul li {
		font-size: 0.9em;
		text-decoration:none;
		color: #C33;
		margin-left: 0.4em;
	}
	
div.gauche_menu ul li ul li ul li a:link, a:visited {
		color: inherit;
			}
	



/* content centre*/
		div#centre {
			background:url(images/fond_centre_accueil.gif);
			background-position: top;
		float:left;
			width: 550px;
			margin-left: 0;
			margin-top: 8px;
			
			}
			
/* content centre version accueil*/

			#boite_ressources {
				float: left;
				margin: 5px 3px 8px 25px;
				width: 242px;
				height: 225px;
							background:  url(images/bib_ressources.gif); 
							background-repeat:no-repeat;
							background-position: top;

				}
			
				#boite_grpe_travail {
				float: left;
				margin: 5px 3px 8px 25px;
				width: 242px;
				height: 225px;
				zzbackground:  url(images/bib_ressources.gif); 
				background:  url(images/bib_grpe_travail.gif); 
				background-repeat:no-repeat;
				background-position: top;
				}
			
			
			
				
			#boite_verba {
				float: right;
				margin: 5px 25px 8px 3px;
				width: 242px;
				height: 225px;
				zzbackground-color:#63c2c5;
				background:  url(images/fond_apropos.jpg); 
				background-repeat:no-repeat;
				background-position: top;
				}
				
				
				
				#boite_pros_accueil{
				float: right;
				margin: 5px 25px 8px 3px;
				width: 242px;
				height: 225px;
				zzbackground-color:#63c2c5;
				background:  url(images/fond_pros_accueil.png); 
				background-repeat:no-repeat;
				background-position: top;
				}
				
				
				#boite_pros_events-asso{
				float: right;
				margin: 5px 25px 8px 3px;
				width: 242px;
				height: 225px;
				background:  url(images/fond_pros_events-assos.png); 
				background-repeat:no-repeat;
				background-position: top;
				}
				
				
						#boite_infos_pros{
				float: right;
				margin: 5px 25px 8px 3px;
				width: 242px;
				height: 225px;
				background:  url(images/bib-infos-pros.gif); 
				background-repeat:no-repeat;
				background-position: top;
				}
				
				
				
				
				
				
				
				
				
			.contenu_boite {
				margin-left: 25px;
				margin-right: 6px;
				margin-top: 8px;
				overflow:hidden;
				}
				.contenu_boite h1 {
				color: #fff;
				font-size: 15px;
				text-decoration:underline;
				margin-bottom: 8px;
					text-transform:uppercase;
}
				
				.contenu_boite h1.titreseul{
					margin-top: 40px;
					font-size: 14px;
						text-transform:uppercase;

					color: #fff;
					margin-left: 55px;
					}
					
				.contenu_boite h2 {
				color: #fff;
				font-size: 13px;
				text-decoration:none;
				margin-bottom: 4px;}
				.contenu_boite p {
				color: #fff;
				font-size: 13px;
				text-decoration:none;
				margin-bottom: 4px;}
				
				
				
				
			#boite_info {
				float: left;
				margin: 0px 3px 15px 25px;
				width: 242px;
				height: 225px;
				zzbackground-color:#ac68a8;
				zzbackground:  url(images/fonds_infos.jpg); 
				background: url(images/fond_bib_accueil.png);
				background-repeat:no-repeat;
				background-position: top;
				}
	
	#boite_carte {
				float: right;
				margin: 0px 25px 15px 3px;
				width: 242px;
				height: 225px;
				background: url(images/carte_ssd.gif);
				 background-repeat:no-repeat;
				background-position: top;}
		
			
			
#boite_asso {
				float: right;
				margin: 0px 25px 15px 3px;
				width: 242px;
				height: 225px;
				background: url(images/bib-activites-asso.gif);
				 background-repeat:no-repeat;
				background-position: top;}
			
			
			
			span.rouge {
				color:#EF4D18;
			}
			span.bleu {
				color: #36C;
			}
			
			div#centre h1.general {
			font-family:Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
			font-weight: normal;
			font-size: 1.4em;
			zzcolor:#006699;
			color:#6E4F07;
			padding: 0;
			text-align:left;
			margin: 10px 0 0 0;
						}
				div.centre_edito {
				margin: 5px 8px 8px 8px;
				zzborder: solid 1px #000000;
				}
				
			div.centre_edito h1 {
				
				font-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
				font-weight: bold;
				font-size: 2em;
				margin: 0;
				overflow:hidden;
				line-height: 120%;
				color:#069;
				}
			
			div.centre_edito h2 {
				
				font-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
				font-weight: bold;
				font-size: 1.2em !important;
				margin: 0;
				zzcolor:#099;
				color: #F30;

				}
				div.centre_edito h2 a {
				color: inherit;

				}
			
				
					div.centre_edito p.signature {
				font-family: "Gill Sans MT","Trebuchet MS",   Lucida Grande, Verdana, Arial, sans-serif;
				font-size: 1em;
				font-style:italic;
				line-height: 120%;
				text-align:left;
				zzcolor:#555;
				color:#000;
				font-weight:normal;
				}
				
				div.centre_edito p {
				font-family: "Gill Sans MT","Trebuchet MS",   Lucida Grande, Verdana, Arial, sans-serif;
				font-size: 1.1em;
				line-height: 120%;
				zzcolor:#555;
				color:#000;
				font-weight:normal;
				}
				
			div.contenucentre {
				margin: 8px 5px 8px 5px;
				border: solid 1px #000000;
				height: 100px;
				}
			div.contenucentre a:hover {
			background-color:#eee;
			color:#000;
			text-shadow:#CC6600;
			border-bottom: 1px dotted;

					}
			
			div.textecentre {
				float: left;
				width: 260px;
				height: 88px;
				margin: 0;
				padding: 2px 0px 8px 3px;
				overflow: hidden;
				}

	
	
		
		
			div.textecentre p {
				font-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
				font-size: 1em;
				line-height: 120% !important;
				color:#555;
				font-weight:normal;
				overflow:hidden;
				}
			div.textecentre p a:link, a:visited {	
				text-decoration: none;
				color: inherit;
					}
			div.textecentre p a:hover {	
				text-decoration: none;
				color:#000;
				background-color:#eee;
				border-bottom: 1px dotted #F00;
					}
			div.textecentre p a:active {	
				text-decoration: none;
				color:#fff;
				background-color:#000000;
				border: 1px dotted #F00;
					}		
					
			div.contenucentreimage {
				margin: 0;
				height: 100px;
				border-left: 1px solid #000000;
				float: right;
				}
			div.contenucentre img {
				height: 100px;
				width: 240px;
				}

	
	/* content droite */
	 .police_bib{color:#94328a;}
			 .police_pro{color:#6062aa;}
			.police_culture{zzcolor:#b9cb69; color: #acbd4c; }
			.police_asso{color:#00b2c2;}

.fond_bib ul li 
{ background-color: #94328a; 
	padding: 3px 3px;
border: 2px solid #94328a;
	margin-right: 8px;
color: #FFF;}

.fond_bib ul li a:hover, a:active
{ background-color: #eee;
color: #000 !important;
	}
	
.fond_bib span.actif {
background-color: #FFF;
color: #94328a !important;
}	



.fond_pro ul li 
{ background-color: #6062aa; 
	padding: 3px 2px;
border: 2px solid #6062aa;
font-size: 12px;
margin-right: 4px;

color: #FFF;}

.fond_pro ul li a:hover, a:active
{ background-color: #eee;
color: #000 !important;
	}
	
.fond_pro span.actif {
background-color: #FFF;
color: #6062aa !important;
}	



.fond_asso ul li 
{ background-color: #00b2c2; 
	padding: 3px 2px;
border: 2px solid #00b2c2;
font-size: 12px;
margin-right: 4px;

color: #FFF;}

.fond_asso ul li a:hover, a:active
{ background-color: #eee;
color: #000 !important;
	}
	
.fond_asso span.actif {
background-color: #FFF;
color: #00b2c2 !important;
}	

.ssmenu_rubrique {
	width: 460px;
	margin-bottom: 15px;
	}
	
	.ssmenu_rubrique_gauche {
	float: left;
	width: 20px;
}
.ssmenu_rubrique_droite {
	float: left;
	width: 435px;
	margin: 0;
	padding: 0 0 0 5px;
}

.ssmenu_rubrique ul {
	list-style: none;
	list-style-type:none;
	margin:0;
	padding:0;}
.ssmenu_rubrique ul li {
	zzdisplay:inline-block;
	display: inline;
	max-width: 100px;
	min-width:15px;
	font-size: 9px;
	line-height: 12px;
list-style: none;
	list-style-type:none;
	text-transform: uppercase;
	margin:0;
	padding:0;
	}	
	
.ssmenu_rubriquebib {
}

span.gros {font-size: 110%;} 


		div#droite {
			float:right;
			zzwidth: 240px;
			width: 270px;
			}
			
			#droite_fondblanc {
	background-color: #FFF;
				padding-left: 9px;

}


		div.points_droite_haut_general
		{
			background-image:url(images/points_droite_haut_general.gif);
			width: 265px;
			margin-top: 8px;
			margin-left: -5px;
			margin-bottom: -15px;
			height: 65px;
			float: left;
			}
			div.points_droite_haut_asso
		{
			background-image:url(images/points_droite_haut_asso.gif);
			width: 265px;
			margin-top: 8px;
			margin-left: -5px;
			margin-bottom: -15px;
			height: 65px;
			float: left;
			}
			
					div.points_droite_haut_bib
		{
			background-image:url(images/points_droite_haut_bib.gif);
			width: 265px;
			margin-top: 8px;
			margin-left: -5px;
			margin-bottom: -15px;
			height: 65px;
			float: left;
			}
				div.points_droite_haut_culture
		{
			background-image:url(images/points_droite_haut_culture.gif);
			width: 265px;
			margin-top: 8px;
			margin-left: -5px;
			margin-bottom: -15px;
			height: 65px;
			float: left;
			}
			div.points_droite_haut_pro
		{
			background-image:url(images/points_droite_haut_pro.gif);
			width: 265px;
			margin-top: 8px;
			margin-left: -5px;
			margin-bottom: -15px;
			height: 65px;
			float: left;
			}
			
			
			div.points_droite_bas_accueil
		{
			background-image: url(images/points_droite_bas_accueil.gif);
			width: 265px;
			height: 50px;
			margin-left: 0;
			margin-top: -5px;
			float: right;
			}
			
			div.points_droite_bas_asso
		{
			background-image: url(images/points_droite_bas_asso.gif);
			width: 265px;
			height: 50px;
			margin-left: 0;
			margin-top: 15px;
			float: right;
			}
			
			div.points_droite_bas_bib
		{
			background-image: url(images/points_droite_bas_bib.gif);
			width: 265px;
			height: 50px;
			margin-left: 0;
			margin-top: 15px;
			float: right;
			}
			
				div.points_droite_bas_culture
		{
			background-image: url(images/points_droite_bas_culture.gif);
			background-repeat:repeat-y;
		width: 265px;
			min-height: 60px;
			margin-left: 0;
			margin-top: 15px;
			float: right;
			height: 100px;
			}
			
						div.points_droite_bas_pro
		{
			background-image: url(images/points_droite_bas_pro.gif);
			width: 265px;
			height: 50px;
			margin-left: 0;
			margin-top: 15px;
			float: right;
			}


		div.contenudroite {
			padding: 5px 0 15px 0;
			zzborder: solid 1px #000000;
			}
		.droite_plus {
			margin-top: 10px;
			}
			.droite_plus h1{
			font-size: 15px;
			text-decoration: underline;
				text-transform:uppercase;
			line-height: 90%;
			letter-spacing: 1px;
			zzmargin-top: 28px;
			margin-top:15px;
			margin-bottom: 5px;}
		

		.droite_plus p {font-size: 1em;}
		div.tetexte {
			margin: 0;
			zzwidth: 238px;
			width: 263px;
			zzbackground-color:#FFAF00;
			zzbackground-color:#EF4D18;
			}
			
			.boiteinfos_texte {
				zzoverflow: auto;
				overflow: visible;
				height: 180px;
				padding-left: 7px;
				
				}
			.boiteinfos_texte p {
				font-size: 0.95em;
				line-height: 105%;
				
				}
		
			.pastille_haut {
				width: 265px;
				height: 45px;}
			.aconsulter {
						zzmargin-top: 50px;
						background-color:#FFF;
						padding-bottom: 15px;
						
						
}
			.aconsulter h1{
			font-size: 1.2em;
			text-decoration: underline;
	text-transform:uppercase;
			letter-spacing: 1px;
			margin-bottom: 5px;}
		
			
			.aconsulter h2{
			font-size: 1.1em;
			text-decoration: none;
			font-weight: normal;
	text-transform:uppercase;
			letter-spacing: 1px;
			margin-top: 10px;
			margin-bottom: 5px;}
		
		.aconsulter p {
			padding-left: 20px; 
			font-size: 0.9em;}
		
		
/* pied */

	div#pied {
		background-color:#333333;
	}
	


/* CSS ARTICLE */


/* content centre*/
div#article {
	float:left;
	zzwidth: 590px;
	width: 554px;
	margin: 0 10px;
	padding: 0 8px;
}

div#rubrique {
	float:left;
	zzwidth: 590px;
	width: 550px;
	margin-top: 8px;
	padding: 0;
	float:left;
}


div#rubrique img {
	font-size:80%;
}
div#rubrique p.wp-caption-text {
	font-size:80%;
}


div#rubrique_fond {
	float:left;
	width: 830px;
	margin-top: 8px;
	padding: 0;
	float:left;
}

div#rubrique_fond a {
	border-bottom: 1px dotted #000;
	
}

div#rubrique_fond img {
	padding: 5px 0 5px 0;
	
}


.bib {
	margin:0;padding:0;
	background:url(images/fond_rubrique_bib.gif);
	background-color: #94328a;
	background-position: top;}
.pro {
	margin:0;padding:0;
	background:url(images/fond_rubrique_pro.gif);
	background-color: #6062aa;
	background-position: top;}
.culture {
	margin:0;padding:0;
	background:url(images/fond_rubrique_culture.gif);
	background-color: #acbd4c;
	background-position: top;}
.asso {
	margin:0;padding:0;
	background:url(images/fond_rubrique_asso.gif);
	background-color: #00b2c2;
	background-position: top;}
	
.bib_infos {
	margin:0;padding:0;
	background:url(images/fond_rubrique_bib_infos.gif);
	background-position: top;}
.pro_infos {
	margin:0;padding:0;
	background:url(images/fond_rubrique_pro_infos.gif);
	background-position: top;}
.culture_infos {
	margin:0;padding:0;
	background:url(images/fond_rubrique_culture_infos.gif);
	background-position: top;}
.asso_infos {
	margin:0;padding:0;
	background:url(images/fond_rubrique_asso_infos.gif);
	background-position: top;}

.culture_fond {
	margin:0;padding:0;
	background:url(images/fond_rubrique_culture_fonds.gif);
	background-position: top;}
.bib_fond {
	margin:0;padding:0;
	background:url(images/fond_rubrique_bib_fonds.gif);
	background-position: top;}
.pro_fond {
	margin:0;padding:0;
	background:url(images/fond_rubrique_pro_fonds.gif);
	background-position: top;}
.general_fond {
	margin:0;padding:0;
	background:url(images/fond_rubrique_general_fonds.gif);
	background-position: top;}
	
.texte_rubrique {padding: 40px 55px 0px 35px;}

.texte_rubrique h1 {
	font-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
		text-transform:uppercase;
	color:#aaa !important;
	text-align:left;
	margin: 5px 0 10px 0;
}

.texte_rubrique h2 {
	font-weight: normal;
	margin-top: 0;
	text-align:left;
	letter-spacing: 2px;
	text-transform:uppercase;
	font-size: 1.25em;
	color: #FFF;
	}
	
.texte_rubrique h3 {
	font-weight: normal;
	margin-top: 0;
	text-align:left;
	letter-spacing: 2px;
	font-variant: normal;
	font-size: 1.2em;
	color: #FFF;
	}

.texte_rubrique p {
	font-weight: normal;
	margin-top: 8px;
	text-align:left;
	font-size: 1.1em;
	color: #FFF;
	}

.menu_rubrique {
	padding: 10px 35px 40px 55px; 
			
}
	
.menu_rubrique h1{
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	margin-top: 8px;
	text-align:left;
	text-transform:uppercase;
	color: #FFF;
}

.menu_rubrique p {
		color: #OOO !important;
		font-size: 0.9em;
	text-transform:uppercase;
}

.texte_rubrique_ressources {
	zzpadding: 40px 55px 0px 35px;
	padding: 10px 55px 0px 35px;}

.texte_rubrique_ressources h1 {
font-weight: normal;
text-transform:uppercase;
font-size: 1.3em;
letter-spacing: 2px;
text-align:left;
	margin: 5px 0 10px 0;
}

.texte_rubrique_ressources h2 {
	font-weight: normal;
	margin-top: 0;
	text-align:left;
	letter-spacing: 2px;
	text-transform:uppercase;
 margin-top: 15px;
	font-size: 1.2em;
		color: #000;
	}

.texte_rubrique_ressources h3 {
	font-weight: normal;
margin-top: 15px;
font-weight: 600; 
text-align:left;
zztext-transform:uppercase;
letter-spacing: 2px;
	font-variant: normal;
	font-size: 1.3em;
	}

.texte_rubrique_ressources h4 {font-size:1.2em; font-weight: bold; letter-spacing:1px; margin-top:12px;}

.texte_rubrique_ressources h5 {font-size:1.1em; font-weight: 600; letter-spacing:1px; margin-top:8px;}


.texte_rubrique_ressources p {
	font-weight: normal;
	margin-top: 8px;
	text-align:left;
	font-size: 1.1em;
	color: #000;
	}

.menu_rubrique_ressources {
	padding: 10px 35px 40px 55px; 
			
}
	
.menu_rubrique_ressources h1{
	color: #FFF;
	font-size: 17px;
	font-weight: normal;
	margin-top: 8px;
	text-align:left;
		text-transform:uppercase;

	color: #000;
}

.menu_rubrique_ressources p {
		color: #ccc !important;
		font-size: 0.9em;
			text-transform:uppercase;

}





.texte_rubrique_infos {padding: 20px 50px 0px 40px;
}

.texte_rubrique_infos h1 {
	font-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-align:left;
	margin: 5px 0 10px 0;
}

.texte_rubrique_infos h2 {
	font-weight: normal;
	margin-top: 0;
	text-align:left;
	letter-spacing: 1px;
	text-transform:uppercase;
	font-size: 1.3em;
	}

.texte_rubrique_infos p {
	font-weight: normal;
	margin-top: 8px;
	text-align:left;
	font-size: 1.2em;
	}

.texte_rubrique_infos ul {
		list-style-type: none !important;
		margin: 0;
		padding:0;
		list-style:none;

	}	
	.texte_rubrique_infos ul li {
	display: inline-block;
	text-align:center;
	list-style-type: none !important;
	border: 2px solid;
	text-transform:uppercase;
	font-size: 9px;
	padding: 2px 2px;
	zzmargin-bottom: 15px;
	margin:0px;
}





.texte_single {padding: 10px 50px 0px 40px;}
.texte_single p {font-size:1.1em;}
.texte_single h2 {font-size:1.4em; font-weight: normal; letter-spacing: 1px; margin-top: 15px;}
.texte_single h3 {font-size:1.3em; font-weight: 600; margin-top: 12px; margin-bottom:3px;}
.texte_single h4 {font-size:1.1em; font-weight: 600; letter-spacing: 0.5px; margin-top: 8px;}
.texte_single h5 {font-size:1.1em; font-weight: normal; letter-spacing: 0.5px; margin-top: 4px;}
.texte_single ul li {
	display: inline-block;
	text-align:center;
	list-style-type: none !important;
	border: 2px solid;
	text-transform:uppercase;
	font-size: 9px;
	padding: 2px 2px;
	zzmargin-bottom: 15px;
	margin:0px;}
.texte_single ul {
		list-style-type: none !important;
		margin: 0;
		padding:0;
		list-style:none;
	}	




.categorie {font-size:0.9em; }
.categorie ul {list-style-type:none; list-style:none;}


.texte_page {padding: 20px 55px 0px 35px !important;}

.texte_page h1 {
	font-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color:#000 !important;
	text-align:left;
	margin: 5px 0 10px 0;
}

.texte_page h2 {
	font-weight: normal;
	margin-top: 0;
	padding-top:15px !important;
	text-align:left;
	letter-spacing: 2px;
	text-transform:uppercase;
	font-size: 1.3em;
	color: #000;
	}
	
	.texte_page h3 {
	font-weight: normal;
	margin-top: 0;
		padding-top:10px !important;
	text-align:left;
	letter-spacing: 2px;
	text-transform:uppercase;
	font-size: 1.2em;
	color: #000;
	}


	.texte_page h4 {
	font-weight: bold;
	margin-top: 0;
	padding: 7px 0 1px 0 !important;
	text-align:left;
	font-size: 1.1em;
	color: #000;
	}
	
		.texte_page h5 {
	font-weight: normal;
	padding: 5px 0 0.5px 0 !important;
	text-align:left;
	font-size: 1.1em;
	color: #000;
	}
	
	
	
	
.texte_page p {
	font-weight: normal;
	margin-top: 8px;
	text-align:left;
	font-size: 1.1em;
	color: #000;
	}


span.gras {padding-top:10px; font-size:110%; color:222;border-bottom:dotted 1px; font-weight: bold;}

#rubrique_fond  h3.ressources {
	margin-top: 18px;
	text-transform:uppercase;
	font-weight: normal;
	text-align:left;
	font-size: 1.2em;
	color: #000;
	}
	
#rubrique_fond h4.ressources {
	margin-top: 12px;
	font-weight: bold;
	text-align:left;
	font-size: 1.2em;
	color: #000;
	}
	
#rubrique_fond 	h5.ressources {
	color:#000;
	text-decoration: none;
	zzborder-bottom: 1px dotted #000;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 7px;

}
	
#rubrique_fond span.type_ressource {
	zzcolor:#036;
	color: #069;
	font-weight: normal;
	font-size: 0.9em;
	text-align: justify;
	}

#rubrique_fond p.ressource_descriptif {
	zzcolor:#036;
	color: #000;
	font-weight: normal;
	font-size: 1em;
	text-align: justify;
	}
	
	#rubrique_fond p.ressource_comment {
	zzcolor:#036;
	color: #000;
	font-weight: normal;
	font-size: 1em;
	text-align: justify;
	font-style:italic;
	}


#rubrique_fond span.lien {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	}
#rubrique_fond span.lien2 {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	}
	
#rubrique_fond p.hdp_centre {
	color:#C30;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	zztext-align:center;
	font-size:0.8em;
	margin-bottom: 5px;
	margin-top:8px;
	}











div#article h1 {
	font-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 2em;
	color:#aaa !important;
	text-align:left;
	margin: 5px 0 10px 0;
}

div#article h2 {
	font-weight: normal;
	margin-top: 10px;
	text-align:left;
	font-size: 1.4em;
	color: #F30;
	}
	
div#article h3 {
	margin-top: 7px;
	font-weight: normal;
	text-align:left;
	font-size: 1.2em;
	color: #F33;
	}
	
	div#article h3.ressources {
	margin-top: 18px;
	font-weight: normal;
	text-align:left;
	font-size: 1.3em;
	color: #F33;
	}
	
div#article h4 {
	margin-top: 5px;
	font-weight: bold;
	text-align:left;
	font-size: 1em;
	color: #000;
	}
	
	div#article h4.ressources {
	margin-top: 12px;
	font-weight: bold;
	text-align:left;
	font-size: 1.2em;
	color: #000;
	}

	
div#article h2 a:link, a:visited {
		}
div#article p {
	zzcolor:#036;
	zzcolor: #444;
	color: #000;
	font-weight: normal;
	font-size: 1.1em;
	text-align: justify;
	}
	
	div#article h5.ressources {
	color:#000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	font-size: 1.1em;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 7px;

}
	
div#article span.type_ressource {
	zzcolor:#036;
	color: #069;
	font-weight: normal;
	font-size: 0.9em;
	text-align: justify;
	}
	

div#article p.ressource_descriptif {
	zzcolor:#036;
	color: #000;
	font-weight: normal;
	font-size: 1em;
	text-align: justify;
	}
	
	div#article p.ressource_comment {
	zzcolor:#036;
	color: #000;
	font-weight: normal;
	font-size: 1em;
	text-align: justify;
	font-style:italic;
	}


div#article span.lien {
	color:#C30;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	}
div#article span.lien2 {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	}
	
div#article p.hdp_centre {
	color:#C30;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	zztext-align:center;
	font-size:0.8em;
	margin-bottom: 5px;
	margin-top:8px;
	}

	
	div#article p.menu {
	zzcolor:#036;
	font-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	zzcolor: #444;
	color: #000;
	font-weight: normal;
	font-size: 1.1em;
	text-align: justify !important;
	}
	
	div#article ul li {
	text-decoration: none !important;
	list-style-type:none;
	zzcolor: #444;
	color: #000;
}


div#article ul li a:link, a:visited {
	text-decoration: none !important;
}

div.sous_menu_rubriques {
		font-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;

margin:0;
	padding:0;
	border: none;
	font-size: 0.8em;
	}
div.sous_menu_rubriques p {
	font-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	text-indent: 0;
	color:#222 !important;
	font-weight: 400;
	text-align:left;
	line-height: 130%;
	margin-top: 5px;}


	span.chapo {
zzfont-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-family: "Gill Sans MT", "Trebuchet MS", Century Gothic, Lucida Grande, Verdana, Arial, sans-serif;	font-size: 1.1em !important;
	color:#036 !important;
	text-indent: 0 !important;
	font-weight: 400!important;
	text-align:left;
	line-height: 130% !important;
}



div#article p a:link, a:visited {
}

div.chapo {
	margin: 0;
	padding: 0;
	}

div.chapo p {
zzfont-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-family: "Gill Sans MT", "Trebuchet MS", Century Gothic, Lucida Grande, Verdana, Arial, sans-serif;	font-size: 1em !important;
	zzcolor:#444  !important;
	color: #000 !important;
	text-indent: 0 !important;
	font-weight: bold!important;
	text-align:left;
	line-height: 140% !important;
}
	
div.chapo h2 {
zzfont-family: Century Gothic, Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-family: "Gill Sans MT", "Trebuchet MS", Century Gothic, Lucida Grande, Verdana, Arial, sans-serif;	font-size: 1.4em !important;
	color:#F63  !important;
	text-indent: 0 !important;
	font-weight: normal !important;
	text-align:left;
	line-height: 200% !important;
}

div.chapo h2 a:link, a: visited {
		zzcolor:#F63;
	}
	div.chapo h3 {
	font-family: "Gill Sans MT", "Trebuchet MS", Century Gothic, Lucida Grande, Verdana, Arial, sans-serif;	
	font-size: 1.1em !important;
	color:#F30 !important;
		}
		
		
	div.chapo h3 a {
		color: #000;
		}

	div.chapo ul li {
	display: inline;
	list-style-type: none;
	color: inherit;}
	

/* content gauche */
	div#articlegauche {
	float:left;
	zzwidth: 124px;
	width: 170px;
	zzmargin-right: 5px;
}






/* rubriques*/


	




/* article courant*/

div.texte_article h2 {
	font-family: Lucida Grande, "Gill Sans MT", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color:#F60 !important;
	text-align:left;
	margin-top: 5px;
}

div.texte_article h2 a {
	
	color: inherit;
	
}


div.texte_article h2.orange {
	background: #FF6633 !important;
}
div.texte_article h2.vert {
	background: #66FFCC !important;
}
div.texte_article h2.bleu {
	background: #66CCFF !important;
 div.puce {
 float:left;
 padding: 0;
 margin: 5px 5px 5px 0;
}
div.texte_article imagearticle {
	width: 562px;
	border: 1px solid #000;
	margin: 8px 0 10px 0;
}
div.texte_article imagearticle img {
	width: 562px;
	display:block;
}

div.texte_article p a:link, a:visited {
	zzcolor:#00CCCC !important;
}

	

/* archive */
.simple_acat { padding: 3px; text-decoration:none; color: #777; }

#header2 {
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	list-style-type: none;
}