/*--------------------------------------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;} 
ol,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:#e9e9e9;/*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;}

/*--------------------------------------Elements de l'en-tete--------------------------------------*/

#entete											{}

#menuacces										{background-color:#335ca4;padding:0.5em 0;height:1.3em;}
	#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:-8.8em;}
	#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;}
	#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;background-color:#fff;/*min-height:500px*/}
									
	#identification								{width:100em;margin:0 auto;display:block; padding:0;}
	#bienvenue									{float:left;font-size:1.1em;margin:0.6em 0 0 1em;}
	#votrecompte								{float:right;font-size:1.1em;margin:0.6em 1em 0 0;}
	
#colonnes										{clear:both;text-align:left;background-color:#fff;padding-top:0;}

#colonne650										{float:left;width:65em;margin:0 1em 0 0.9em;}

	#article, #rubrique							{margin:0 0.8em;}
	#rubrique h3									{font-size:1.6em;}
	#rubrique p, #rubrique ul						{font-size:1.4em;}
	#rubrique ul, #article ul						{margin-left:3em;list-style:disc;}
	#rubrique ul li, #article ul li					{margin-bottom:0.5em;}
	#rubrique a									{color:#335ca4;}
	#rubrique a:hover							{color:#000;}
	#article a									{color:#335ca4;}
	#article a:hover								{color:#000;}
	#surtitre-article							{font-size:1.2em;color:#335ca4;margin-top:1em;}
	#titre-article, #titre-rubrique				{font-size:2.6em;margin-bottom:0.3em;color:#CC0033; font-weight: bold}
	#titre-rubrique								{padding-bottom:0.5em;margin-bottom:1em;border-bottom:0.05em solid #ccc;}
	#soustitre-article							{background-color:#ebebeb;text-align:right;padding:0.2em;margin-bottom:2em;}
	#chapeau-article							{font-size:1.4em;font-weight:bold;margin-bottom:2em;line-height: 1.5em }
	#corps-article								{font-size:1.4em; line-height: 1.5em}
	#corps-article h3							{font-size:1.5em; font-weight: bold; margin:1.2em 0;}
	#corps-article p								{margin-bottom:1em;}
	#ps-article									{line-height: 2em; font-size:1.4em;margin-bottom:1em;padding:1em;background-color:#afb8cb;border-top:0.1em solid #364e7d;}
	#barre-fonctions							{float:right;clear:left;margin-left:2em;}



#colonne460										{float:left;width:46em;margin:0 1em;}
									
	#alaune										{margin:0 0.8em;}
	#illus-alaune								{margin:0.5em 1em 0.5em 0;float:left;}
	#alaune	h2									{padding:0 0.8em;font-size:1.8em;background-image:url(imgsquelette/alaune.gif);}
	#alaune	h3									{margin:0.4em 0;font-size:2em;font-weight:bold;}
	#alaune	h3 a								{text-decoration:none;color:#c03;}
	#alaune	h3 a:hover							{text-decoration:underline;color:#000;}
	#alaune	p									{font-size:1.2em;}
	.actualites									{margin:0 0.8em 2em 0.8em;}
	.actualites h3								{font-size:1.6em;font-weight:bold;}
	.actualites h3 a							{text-decoration:none;color:#000;}
	.actualites h3 a:hover						{text-decoration:underline;color:#c03;}
	 a.source									{font-size:0.8em;color:#666;text-decoration:none;}
	.surtitre									{font-size:1.2em;color:#335ca4;margin-top:1em;}
	.corps										{font-size:1.2em;}

#colonne320										{float:left;width:32em;margin:0 1em 0 0;}
* html #colonne320								{float:left;width:32em;margin:0;} /* IE6 est un imbécile */
									
	.boite320									{border:1px solid #b7b7b7;margin-bottom:1.5em;}
	.boite320 h3									{margin:0;padding:0.2em;font-size:1.8em;font-weight:bold;background:url(imgsquelette/boite320-h3.gif);}
	.boite320 p									{margin:0;padding:0.4em;font-size:1.2em;}
	.boite320 p a								{text-decoration:none;color:#335ca4;font-weight:bold;}
	.boite320 ul									{margin:0;padding:0.4em;font-size:1.2em;color:#74b72a;}
	.boite320 ul li								{margin-top:0.3em;}
	.boite320 ul li a								{color:#000;text-decoration:none;}
	.boite320 ul li a:hover							{color:#666;}
	.boite320 ul.listepuce320 li					{padding-left:1.5em;background-image:url(imgsquelette/puceliste.gif);background-repeat:no-repeat;background-position:top left;}
	.boite320 .bloc-lien							{display:block;color:#000;margin-left:1.5em;padding-top:0.5em;width:16.1em;height:2.2em;background-image:url(imgsquelette/bloc-lien.jpg);background-repeat:no-repeat;text-align:center;vertical-align:middle;}
	
	.boite320pub								{border:1px solid #b7b7b7;margin-bottom:1.5em;background-color:#ebebeb;color:#690;text-align:center;}
	.boite320pub a								{text-decoration:none;color:#690;}
	
#colonne320-a									{float:left;width:32em;margin:0 0.5em 0 1em;}
#colonne320-b									{float:left;width:32em;margin:0 0 0 0.5em;}

	.titre-mot									{font-size:2.6em;color:#c03; font-weight: bold;padding-bottom:0.5em;margin-bottom:1em;border-bottom:0.05em solid #ccc;}
	.mot										{margin:0 0.8em;}
	.mot ul										{font-size:1.4em;/*margin-left:3em;list-style:disc;*/}
	.mot ul li										{margin-bottom:0.8em;}
	.mot a										{color:#335ca4;}
	.mot a:hover									{color:#000;}
	
	

#colonne180										{float:left;width:18em;margin:0 0.9em 0 0;}
* html #colonne180								{float:right;width:18em;margin:0;clear:left;} /* IE6 est un imbécile... */

	.boite180									{margin-bottom:1em;text-align:center;}
	.boite180grise								{margin-bottom:1em;background-color:#ebebeb;text-align:center;}
	#colonne180 h3								{font-size:1.2em;font-weight:bold;text-align:center;color:#fff;padding:0.2em;background-color:#364e7d;}
	#colonne180 p								{font-size:1.2em;padding:1em;text-align:left;}
	#colonne180 a								{color:#666;font-size:0.8em;}
	#colonne180 a:hover							{color:#000;}
	.chiffre									{color:#c03;font-size:5.9em;font-family: Impact, sans serif;}
	#colonne180 p.blog							{padding-left:5em;background-image:url(imgsquelette/picto-blog.gif);background-repeat:no-repeat;background-position:left center;}
	#colonne180 p.blog a							{text-decoration:none;font-weight:bold;color:#000;font-size:1em;}
	#colonne180 p.blog a:hover					{color:#666;}
	.nominations								{float:left;margin:0 1em 0.5em 0;}
	#colonne180 form								{padding:1em;text-align:left;font-size:1.2em}
	#colonne180 form input							{vertical-align:middle;}
	.titre-rouge								{font-size:1.2em;font-weight:bold;margin-top:0.5em;color:#f00;}
	#colonne180 .boite180 ul.listepuce180			{padding:0.8em;}
	#colonne180 .boite180 ul.listepuce180 li		{margin-top:0.3em;text-align:left;padding-left:1.5em;background-image:url(imgsquelette/puceliste.gif);background-repeat:no-repeat;background-position:top left;}
	#colonne180 .boite180 ul.listepuce180 li a		{font-size:1.2em;text-decoration:none;color:#000;}
	#colonne180 .boite180 ul.listepuce180 li a:hover	{color:#666;}
	
#prive 											{text-align:right; clear:both; width:100em;}
#prive 	a:link										{margin:0 1em}
	

/*--------------------------------------Elements du pied de page--------------------------------------*/

#pied											{font-size:100%;clear:both;}
	#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:32em;margin:0 0.8em;}
	* html #menubas-3								{float:right;width:32em;margin:0;} /* IE6 est un imbécile */
	#menubas-3 form								{margin-top:1em;}
	.recherchebas								{width:21em;padding:0.2em;border:0;background-color:#fff;}
	.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:32em;}

#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: 12em;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;}
