/*--------------------------------------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.4em;}
	#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;}
	
/*--------------------------------------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;}

	.article									{margin-bottom:2em;}
	.metadata									{font-size:1.1em;margin-bottom:1em;line-height:1.8}
	.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;}
	.actualites h3								{clear:both;font-size:2em;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}
	

/*--------------------------------------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}