/*--------------------------------------Reset--------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td 		{margin:0;padding:0;} 
table 											{width:100%;} 
td 												{padding:0.5em;}
fieldset,img 									{border:0;} 
address,caption,cite,code,dfn,em,strong,th,var 	{font-style:normal;font-weight:normal;} 
ul												{list-style:none;} 
caption,th 										{text-align:left;} 
h1,h2,h3,h4,h5,h6 								{font-size:100%;font-weight:300;} 
q:before,q:after 								{content:'';} 
abbr,acronym 									{border:0;}
:focus 											{outline:0;}

/*--------------------------------------Balises html--------------------------------------*/

html											{font-size:100%;min-height:100%;}
body											{font-size:62.5%;font-family:Arial, Verdana, sans serif;color:#000;background-color:#DFDCD1;
												/*background-image:url(imgsquelette/fondpage.gif);background-position:center;background-repeat:repeat-y*/}
acronym											{border-bottom:1px dotted;}
strong											{font-weight:bold;}
a:link, a:visited								{color:#335ca4;}
a:hover											{color:#000;}
code											{font-size:1.2em;margin:1em 0;background-color:#ffc;padding:0.5em;display:block;}

/*--------------------------------------Elements de l'en-tete--------------------------------------*/

#entete											{}

#menuacces										{background-color:#335ca4;padding:0.5em 0;height:1.3em; width:100em; margin:0 auto;}
	#menuacces-int								{width:100em;margin:0 auto;color:#fff;}
	#slogan										{float:left;margin-left:1em;}
	#accessibilite								{float:right;margin-top:-0.2em;margin-right:1em;}
	#accessibilite img							{vertical-align:top;}
	#accessibilite a							{color:#fff;text-decoration:none;}
	#accessibilite a:hover						{color:#ccc;}
	
#titre											{width:100em;height:12.5em;margin:0 auto;clear:left;background:#fff;}
	#titre img									{}
	#blocrecherche 								{float:right;margin-right:1em;margin-top:-7.4em;}
	#blocrecherche form							{margin:0;padding:0;}
	.recherche-texte							{margin:0;padding:0.2em;border-top:1px solid #001e5a;border-right:0;border-bottom:1px solid #001e5a;border-left:1px solid #001e5a;background-color:#fff;}
	.recherche-bouton							{margin:0;padding:0.1em;border-top:1px solid #001e5a;border-right:1px solid #001e5a;border-bottom:1px solid #001e5a;border-left:1px solid #001e5a;background-color:#fff;}
	
	
#navigation										{background-color:#001e5a; width:100em; margin:0 auto;}
	#navigation-int								{width:100em;margin:0 auto;height:2.5em;}
	#navigation-int a							{text-align:center;width:7.9em;text-decoration:none;font-weight:bold;color:#fff;font-size:1.2em;}
	#navigation-int a:hover						{color:#ccc;}
	
/* ------------------------------------- Menu deroulant -------------------------------------------*/	
	
#nav, #nav ul									{margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:2.4em;font-size:1em;}
#nav a											{display:block;padding:0px 1.3em;border:1px solid #001e5a;border:none;color:#fff;
												text-decoration:none;background-color:#001e5a;z-index:9;width:auto;}
#nav a:hover									{background-color:#001e5a;color:#FFF;font-weight:bold;}
#nav ul li a:hover								{font-weight:normal;}
#nav li											{float:left;position:relative;border-bottom:1px solid #001e5a;}
#nav ul											{position:absolute;display:none;width:11em;top:2.5em;z-index:10;}
#nav li ul a									{width:11em;height:auto;float:left;text-align:left;padding:0 0.8em 0.4em 0.8em;
												font-weight:normal;font-size:1.2em;background-color:#335ca4;}
#nav ul ul										{top:auto;}	
#nav li ul ul 									{left:12em;margin:0px 0 0 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul							{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul		{display:block;}	
	
	
/*--------------------------------------Elements du conteneur--------------------------------------*/

#conteneur										{width:100em;margin:0 auto;padding-top:2em;background-color:#fff;/*min-height:500px*/}
									
	#identification								{margin:0 1.8em;display:block;}
	#bienvenue									{float:left;font-size:1.1em;margin:0.6em 0;}
	#votrecompte								{float:right;font-size:1.1em;margin:0.6em 0;}
	
#colonnes										{clear:both;text-align:left;background-color:#fff;}


#colonne460										{float:left;width:64em;margin:0 1em;}

	.surtitre									{font-weight:bold;margin:0.5 0em;}
	.soustitre									{font-weight:bold; color:#666; margin:1em 0;border-bottom:1px solid #CCC; padding:0.5em 0;}
	
	.chapo									{font-weight:bold;margin:0.5em 0;}
	.article									{margin-bottom:2em;}
	.ps											{border-top:1px solid #CCC;}
	.notes										{background-color: #EFECE0; padding:0.5em;}
	.metadata									{font-size:0.9em;margin-bottom:1em;line-height:1.5}
	.metadata img								{vertical-align:bottom;}
	.corpsarticle								{font-size:1.2em;/*margin-bottom:1em;*/}
	#textearticle ul								{margin-left:3em;margin-bottom:1em;list-style-type:disc;}
	#textearticle ul li							{margin-bottom:0.3em;}
	#textearticle ol								{margin-left:3em;list-style-position:inside;}
	#textearticle								{font-size:1.2em;}
	#textearticle p								{margin-bottom:1em;}
	.suite										{width:6em;text-align:center;margin-top:0.8em;padding:0.2em;font-size:1.1em;background-color:#335ca4;border:1px solid #001e5a;}
	.suite:hover								{background-color:#001e5a;}
	.suite a										{text-decoration:none;color:#fff;}
	.actualites									{margin:0 0.8em 2em 0.8em; font-size:1.2em}
	.actualites h3								{clear:both;font-size:1.6em;font-weight:bold;padding-bottom:0.3em;margin-bottom:0.3em;border-bottom:1px solid #e6e6e6;}
	.actualites h3 a								{text-decoration:none;color:#000;}
	.actualites h3 a:hover						{color:#c03;}
	#titrepage									{font-size:2.4em;margin-bottom:0.7em;padding-bottom:0.3em;border-bottom:1px solid #ccc;}
	.pagination									{font-size:1.2em;padding-top:1em;border-top:1px solid #eee;}
	
	#barrefonctions								{float:right;clear:both;display:block;}
	
#colonne320										{float:left;width:31em;margin:0 1em 0 0;}
* html #colonne320								{float:left;width:31em;margin:0;} /* IE6 est un imbécile */
									
	#colonne320 h2								{font-size:1.8em;border-bottom:1px solid #e6e6e6;padding-bottom:0.2em;margin-bottom:1em;}
	#colonne320 ul								{font-size:1.2em;margin-bottom:2em;list-style-type:disc;margin-left:2em;}	
	.boite320pub								{border:1px solid #b7b7b7;margin-bottom:1.5em;background-color:#ebebeb;color:#690;text-align:center;}
	.boite320pub a								{text-decoration:none;color:#690;}
	
	
#prive 												{text-align:right; clear:both; width:78em;}
#prive 	a:link										{margin:0 1em}


/*--------------------------------------Listing rubrique--------------------------------------*/

	#rubrique ul							{font-size:1.1em;margin-left:1em;margin-bottom:1em;list-style-type:none;}
	#rubrique ul li							{margin-bottom:0.8em; margin-left:3em;}
	#rubrique a, #rubrique a:visited		{text-decoration:none;color:#000;}
	#rubrique a:hover						{text-decoration:underline;color:#c03;}
	#rubrique img.calendrier 				{vertical-align:bottom; padding:0 0.5em 0 0;}
	#rubrique H3 							{font-size:1.5em;}
	
	
.texteencadre-spip {background:#EBEBEB none repeat scroll 0 0;border :1px solid #CCC;color:#000033; margin:1em 0;padding:0.25em;position:relative;}
	

/*--------------------------------------Elements du pied de page--------------------------------------*/

#pied											{font-size:100%;clear:both; width:100em; margin:0 auto;}
	#pied p										{margin-bottom:1em;}
	#pied a										{color:#fff;}
	#pied a:hover								{color:#ccc;}

#menubas										{background-color:#999483;height:25em;}
	#menubas-int								{width:100em;margin:0 auto;}
	#menubas-int ul li								{font-size:1.2em;border-bottom:1px solid #ccc;padding:0.3em 0;}
	#menubas-int ul li a							{text-decoration:none;color:#fff;}
	#menubas-int ul li a:hover						{color:#ccc;}
	#menubas-int p								{text-align:right;}
	#menubas-int h2								{font-family:Century Gothic, sans serif;font-size:2.4em;font-weight:bold;margin:0 0 0.5em 0.24em;padding-top:0.5em;}
	#menubas-int h3								{font-family:Century Gothic, sans serif;font-size:1.8em;font-weight:normal;color:#fff;padding-bottom:0.8em;border-bottom:1px solid #ccc;}
	#menubas-1, #menubas-3						{float:left;width:25em;margin:0 0.8em;}
	* html #menubas-3								{float:right;width:25em;margin:0;} /* IE6 est un imbécile */
	#menubas-3 form								{margin-top:1em;}
	.recherchebas								{width:19em;padding:0.2em;border:0;background-color:#fff;font-size:1.1em;}
	.recherchebas-bouton						{width:1em;margin-left:1em;border:0;background-image:url(imgsquelette/recherchebas-bouton.gif);background-color:#999483;background-repeat:no-repeat;background-position:right;}
	#menubas-2									{float:left;width:26em;}

#mentions										{background-color:#666;clear:left;}
	#mentions-int								{width:100em;margin:0 auto;padding:0.5em 0;}
	#mentions-int p								{text-align:center;color:#fff;}
	
/*--------------------------------------Menu deroulant--------------------------------------*/	
	


#menuDeroulant {height: 21px;list-style-type: none;margin: 0.5em 0 0 0;padding: 0;border: 0;position:absolute;}
#menuDeroulant li {float: left;width: 9.7em;margin: 0;padding: 0;border: 0;}
#menuDeroulant li a:link, #menuDeroulant li a:visited {display: block;height: 1%;color: #fff;margin: 0;padding:0;text-decoration: none;}
#menuDeroulant li a:hover {color:#ccc;}
#menuDeroulant li a:active {}
#menuDeroulant .sousMenu {display: none;list-style-type: none;margin: 0.4em 0 0 0;padding: 0;border: 0;}
#menuDeroulant .sousMenu li {float: none;margin: 0;padding: 0;border: 0;}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited {border-bottom:1px dotted #ccc;text-align:left;display: block;color: #fff;margin: 0;padding:0.5em 0.9em;text-decoration: none;background: #335ca4;font-size:1.2em;font-weight:normal;}
#menuDeroulant .sousMenu li a:hover {background-image: none;background-color: #001e5a;color:#fff;}
#menuDeroulant li:hover > .sousMenu {display: block;}

/*--------------------------------------ADMIN SPIP --------------------------------------*/	


.spip-admin-bloc {display:inline; width:400px;float:right; margin:0.5em;}

/*--------------------------------------fenetre conenxion abonnes --------------------------------------*/	


#mask { position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;} 
#boxes .window {position:absolute;left:0;top:0;width:600px;height:500px;display:none;z-index:9999;padding:20px;}
#boxes #dialog {width:45em;height:30em;padding:0;background-color:#FFF;border:1em solid #335ca4;}
#boxes #dialog H3 {font-size:3em; padding:0em 0 0.3em 0; background-color:#335ca4; color:#FFF;}
#boxes .d-header {padding:2em 1em; font-size:1.2em}
#boxes .d-header H4{font-size:2em; margin:0; display:block; clear:both; color:#335ca4}
#boxes .close {font-size:1.5em;padding:1em 0;}
#boxes form input {font-size:1.1em;padding:5px; border:1px solid #335ca4}