html, body
{
	margin:0px;
	padding:0px;
}
html
{
	
}
body
{
	background:#fff;
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3b3b3b;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background:#0080bd;
	text-align:left;
}


a
{
	color:#830984;
	text-decoration:none;
}
a:hover
{
	color:#830984;
	text-decoration:underline;
}
a img{border:0px;}


h2 .cache_pour_access
{
	/*display:none;*/
}


object{
	z-index:0;
	position:relative;
}
/*********************************    layers   **************************************/
#page_web{
	
}

	#ligne_haut
	{
		height:290px;
		width:100%;
		background:#D8EBFF url(images/fond_ligne_haut.gif) repeat-x top;
	}
	#ligne_haut_centre
	{
		height:290px;
		width:970px;
		margin-left:auto;
		margin-right:auto;
	}
		#ligne_haut_gauche
		{
			float:left;
			width:702px;
		}
			#bandeau
			{
				width:692px;
				height:146px;
				padding-left:10px;
				background:url(images/logo.jpg) no-repeat left;
			}
				#bandeau a
				{
					display:block;
					width:692px;
					height:146px;
					
				}
				#bandeau h1
				{
					display:none;
				}
			#menu_principal
			{
				width:702px;
				height:144px;
				z-index: 1000000000000;
			}
				#menu_principal #menu_principal_haut
				{
					width:692px;
					height: 130px;
					background:url(images/fond_menu_principal_haut.gif) no-repeat top;
					padding-left:10px;
				}
					#menu_principal #menu_principal_haut ul, #menu_principal #menu_principal_haut li
					{
						margin:0px;
						padding:0px;
					}
						#menu_principal #menu_principal_haut li
						{
							list-style:none;
							display:block;
							width:220px;
							float:left;
							padding:2px 10px 0px 0px;
			
						}
						#menu_principal #menu_principal_haut li a
						{
							padding-left:10px;
			
						}
							#menu_principal #menu_principal_haut li ul li
							{
								padding:0px 0px 0px 0px;
							}
							#menu_principal #menu_principal_haut li #titre
							{
								height:35px;
								clear:both;
				
							}
							#menu_principal #menu_principal_haut li #description
							{
								text-align:justify;
								padding-left:10px;
								padding-right:10px;
							}
								#menu_principal #menu_principal_haut li.menu_principal_1 #description
								{
									color:#386b83;
					
								}
								#menu_principal #menu_principal_haut li.menu_principal_2 #description
								{
									color:#5e8918;
					
								}
								#menu_principal #menu_principal_haut li.menu_principal_3 #description
								{
									color:#977248;
									
								}
							

								#nav, #nav ul {
									padding: 0;
									margin: 0;
									list-style: none;
								}
								
								#nav a {
									display: block;
								}
								
								#nav li {
									float: left;
									width: 220px;
								}
								
								#nav li ul {
									position: absolute;
									width: 220px;
									left: -999em;
									top:181px;
									min-height: 93px;
									height: auto !important;
									height: 93px; 
									background:#165fac;
								}
									#nav li ul li {
										
										color:white;	
										margin:0px;
										padding:0px;
										font-size:0px;
									}
										#nav li ul li a{
											background:#165fac;
											display:block;
											color:white;
											font-size:11px;
											margin:0px;
											padding:3px 5px 0px 5px;
											font-weight:bold;
											margin:0px 4px 2px 4px;
										}
											#nav li ul li a:hover{
												background:#0697d6;
												color:#165fac;
												text-decoration:none;
											}
												#menu_principal #menu_principal_haut li.menu_principal_1 ul li a:hover
												{
													color:#fff;
													background:#0697d6;
												}
												#menu_principal #menu_principal_haut li.menu_principal_2 ul li a:hover
												{
													color:#fff;
													background:#9cd225;
												}
												#menu_principal #menu_principal_haut li.menu_principal_3 ul li a:hover
												{
													color:#fff;
													background:#ffa415;
												}
								
								#nav li:hover ul {
									left: auto;
								}
								#nav li:hover ul, #nav li.sfhover ul {
									left: auto;
								}



				#menu_principal #menu_principal_bas
				{
					width:702px;
					height:8px;
					background:url(images/fond_menu_principal_bas.gif) no-repeat;
					font-size:0;
				}

		#ligne_haut_droite
		{
			float:right;
			width:262px;
		}
			#menu_secondaire
			{
				width:252px;
			}
				#menu_secondaire #nav_secondaire 
				{
					padding:0px;
					margin:0px;
					
				}
				#menu_secondaire #nav_secondaire li
				{
					list-style:none;
					width:238px;
					font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
					font-size:15px;
					color:#ffffff;
					padding:0px;
					margin:0px;
					padding-left:14px;
				}
					#menu_secondaire #nav_secondaire li a
					{
						color:#ffffff;
						font-size:14px;
					}
					#menu_secondaire #nav_secondaire li img
					{
						padding-right:11px;

					}
						#menu_secondaire #nav_secondaire li.menu_1
						{
							height:26px;
							line-height:26px;
							padding-top:12px;
							background:url(images/fond_menu1.gif) no-repeat;;
						}

						#menu_secondaire #nav_secondaire li.menu_2
						{
							height:27px;
							line-height:27px;
							background:url(images/fond_menu2.gif) no-repeat;
						}
						#menu_secondaire #nav_secondaire li.menu_3
						{
							height:31px;
							line-height:31px;
							background:url(images/fond_menu3.gif) no-repeat;
						}
						#menu_secondaire #nav_secondaire li.menu_4
						{
							height:30px;
							line-height:30px;
							background:#037bcc;
						}
						#menu_secondaire #nav_secondaire li.menu_5
						{
							height:25px;
							line-height:25px;
							background:#037bcc;
						}
						#menu_secondaire #nav_secondaire li.menu_6
						{
							height:30px;
							line-height:30px;
							background:#037bcc;
						}
						#menu_secondaire #nav_secondaire li.menu_7
						{
							height:26px;
							padding-top:7px;
							background:#89b9eb;
						}
							#menu_secondaire #nav_secondaire li.menu_7 form
							{
								padding:0px;
								margin:0px;
							}
							#menu_secondaire #nav_secondaire li.menu_7 label
							{
								font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
								font-size:12px;
								color:#ffffff;
							}
							#menu_secondaire #nav_secondaire li.menu_7 input
							{
								width:111px;
								background:#cae0f6;
								border:1px solid #79a3ce;
							}
							#menu_secondaire #nav_secondaire li.menu_7 input.submitBt
							{
								width:24px;
								background:#89b9eb;
								border:0px;
								color:white;
								font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
								font-weight:bold;
							}

	#ligne_milieu
	{
		min-height: 400px;
		height: auto !important;
		height: 400px;
		width:100%;
		background:white;
		z-index:0;
	}
	#ligne_milieu_centre
	{
		min-height: 400px;
		height: auto !important;
		height: 400px;
		width:970px;
		margin-left:auto;
		margin-right:auto;
	}
	#ligne_milieu_centre_interieur
	{
		min-height: 380px;
		height: auto !important;
		height: 380px;
		width:950px;
		margin-left:auto;
		margin-right:auto;
		padding:10px;
	}		


	#ligne_bas
	{
		height:73px;
		width:100%;
		background:#1ac1ff url(images/fond_ligne_bas.gif) repeat-x;
	}
	#ligne_bas_centre
	{
		height:73px;
		width:970px;
		margin-left:auto;
		margin-right:auto;
	}
		#outils
		{
			height:28px;
			line-height:28px;
			text-align:center;
			color:white;
			font-size:13px;
			font-weight:bold;
		}
			#outils ul, #outils li
			{
				padding:0px;
				margin:0px;
			}
				#outils li
				{
					display:inline;
					list-style:none;
					padding-left:27px;
					padding-right:27px;
					border-right:1px solid #0e74a4;
				}
					#outils li.sans_bordure
					{
						border-right:0px;
					}
					#outils li a
					{
						color:white;
					}
		
		#footer
		{
			height:45px;
			line-height:45px;	
			padding-left:10px;
			padding-right:10px;
		}
/*********************************    spécifique  **************************************/


/*********************************    spécifique spip **************************************/
p.spip 
{
	margin-bottom:15px;
}




.spip_documents_left{
	margin-right:15px;
}
	.spip_documents img{
		padding:3px;
		border:1px solid #99b7df;
	}
.spip_documents_right{
	margin-left:15px;
}
.spip_documents_center{
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

h3.spip, .intertitre
{
	color:#830984;
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
	display:block;
}

/******************************** formulaires *********************************/
div.spip_forms{
border-left:0px;
}

div.spip_forms fieldset {
	border:1px solid #0080bd;
}
div.spip_forms fieldset legend{
	font-weight:bold;
}
div.spip_forms textarea {
	width:500px;
	height:70px;
}
div.spip_forms .spip_form_label{
	display:block;
	width:200px;
	float:left;
}
div.spip_forms .spip_form_label_obligatoire{
	color:#ca3300;
	font-style:italic;
}
div.spip_forms table.spip_barre { display: none; }

/* ---- Mise en forme du mini calendrier ---- */


#calendrier-mini a{
	color:#9b9b9b;
	font-weight:bold;
}
#calendrier-mini a .nav-mois{
	color:#86b916;
}

		#calendrier-mini h3,
		#calendrier-mini h3 a {
			font-size: 16px;
			font-weight: bold;
			color: #8B8B8B;
		}

		#calendrier-mini .nav-mois {
			font-weight: normal;
		}
		#calendrier-mini #calendar caption {
			font-weight: bold;
		}
		#calendrier-mini #calendar th {
			width: 27px;
			height: 22px;
			text-align: center;
			color: #626262;
		}
		#calendrier-mini #calendar th a {
			color: #626262;
		}
		#calendrier-mini #calendar tbody td {
			width: 27px;
			height: 22px;
			text-align: center;
		}
		#calendrier-mini #calendar tbody td.libre {
			background: url(images/fond-agenda-libre.gif) top left no-repeat;
		}
		#calendrier-mini #calendar tbody td.occupe {
			background: url(images/fond-agenda-occupe.gif) top left no-repeat;
		}
		#calendrier-mini #calendar tbody td.occupe a {
			display: block;
			width: 27px;
			color: white;
		}

		.liste-agenda h4 {
			margin-top: 10px;
			font-weight: bold;
		}
		.liste-agenda p.date {
			font-weight: bold;
		}
		.liste-agenda p.lieu {
			font-weight: bold;
			clear: both;
			color: #555;
		}
		.liste-agenda p.desc {
			clear: both;
		}
		.liste-agenda p.sep {
			clear: left;
			border-top: 1px solid #DDD;
			height: 1px;
			font-size: 1%;
			margin-top: 20px;
		}

/* meteo */
#meteos
{
	padding-top:10px;
}
#meteo
{
	float:left;
	width:84px;
}
	#date
	{
		color:#099ddb;
		font-size:11px;
		font-weight:bold;
		text-align:center;
	}
	#degres
	{
		float:left;
		width:31px;
		color:#508ac5;
		font-size:11px;
		font-weight:bold;
		text-align:right;
	}
	#icon
	{
		float:right;
		width:52px;
		padding-top:10px;
		text-align:center;
	}