* {margin:0; padding:0; border:0; list-style-type:none}

html {
	background-image:url(../images/fond-degrade.jpg);
	background-repeat:repeat-x;
	background-color:#014AB4;
}

body {
	width:955px;
	margin-right:auto;
	margin-left:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.bandeau {
	width:955px;
	font-size:1px;
	clear:both;
}
		.logo {
			width:189px;
			height:210px;
			float:left;
		}
		.animation {
			width:766px;
			height:210px;
			float:left;
			background-image:url(../images/animation.jpg);
			background-repeat:no-repeat;
		}
.menu-horizontal {
	width:955px;
	height:32px;
	background-color:#FFF;
	float:left;
	font-size:0.71em;
	font-weight:bold;
	z-index:2;
}
.conteneur-principal {
	width:955px;
	background-color:#FFFFFF;
	float:left;
}
	.conteneur-principal h2 {
		font-size:18px;
		margin-left:100px;
		clear:both;
	}
	.conteneur-principal li {
		font-size:12px;
		margin-bottom:5px;
	}
	
	.conteneur-principal-plan {
		width:955px;
		background-color:#FFFFFF;
		float:left;
	}
		.conteneur-principal-plan h2 {
			font-size:16px;
			margin-left:10px;
			margin-top:15px;
			margin-bottom:10px;
			float:left;
		}
		.conteneur-principal-plan ul {
			margin-left:40px;
			clear:both;
		}
		.conteneur-principal-plan ul li {
			font-size:12px;
			margin-bottom:5px;
		}
		.conteneur-principal-plan ul li ul {
			font-size:12px;
			margin-left:40px;
			margin-bottom:5px;
			margin-top:10px;
		}
		.conteneur-principal-plan a:link {color:#0066CC;text-decoration:underline}
		.conteneur-principal-plan a:visited {color:#0066CC;text-decoration:underline}
		.conteneur-principal-plan a:hover {color:#0066CC;text-decoration:none}
		.conteneur-principal-plan a:zctive {color:#0066CC;text-decoration:underline}

.colonne-gauche {
	width:222px;
	float:left;
	background-color:#FFF;
	margin-left:9px;
	margin-top:10px;
}

		.recherche {
			width:222px;
			height:34px;
			background-image:url(../images/fond-recherche.jpg);
			background-repeat:no-repeat;
		}
				.champ-texte {
					width:180px;
					height:22px;
					margin:6px 4px 0 6px;
					float:left;
					line-height:20px;
					font-size:12px;
				}
				.bouton-ok {
					width:24px;
					height:22px;
					background-image:url(../images/bouton-ok.jpg);
					background-repeat:no-repeat;
					margin-top:6px;
				}
			
		
		.informations {
			width:220px;
			border:#025EE3 1px solid;
			margin-top:10px;
		}
				.informations h1 {
					font-size:14px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					margin:5px;
				}
				.informations ul {
					margin-left:5px;
					margin-bottom:5px;
				}
						.informations ul ul {
							margin-left:15px;
							margin-bottom:5px;
						}
				.informations li {
					font-size:11px;
					margin-top:5px;
					margin-bottom:10px;
				}
				.informations a:link {color:#0C52B7; text-decoration:none}
				.informations a:visited {color:#0C52B7; text-decoration:none}
				.informations a:hover {color:#0C52B7; text-decoration:underline}
				.informations a:active {color:#0C52B7; text-decoration:none}
		
		.service-public {
			width:220px;
			height:146px;
			border:1px solid #025EE3;
			margin-top:10px;
		}

	.colonne-milieu {
		width:514px;
		float:left;
		background-color:#FFF;
		margin-left:18px;
		margin-top:10px;
	}
			.colonne-milieu h2 {
				font-size:16px;
				color:#333333;
				margin-top:10px;
			}
	
			.date-meteo {
				width:514px;
				height:34px;
				background-image:url(../images/fond-date-meteo.jpg);
				background-repeat:no-repeat;
			}
					.date-meteo h1 {
						font-size:11px;
						padding:10px 0 0 10px;
					}
					.date-meteo a:link {color:#006699; text-decoration:none}
					.date-meteo a:visited {color:#006699; text-decoration:none}
					.date-meteo a:hover {color:#000; text-decoration:underline}
					.date-meteo a:active {color:#006699; text-decoration:none}
			
			.actualites {
				width:514px;
				margin-top:10px;
				margin-bottom:10px;
				float:left;
			}
					.actualites h1 {
						font-size:14px;
						color:#0C52B7;
						padding-bottom:10px;
					}
					.actualites p {
						font-size:11px;
						padding:5px 0 5px 0;
					}
					.actualites span {
						font-size:11px;
					}
					.visuel-actualites {
						width:175px;
						height:122px;
						margin-right:10px;
						float:left;
						border:#006699 solid 1px;
					}
					a.actu {color:#0C52B7; text-decoration:underline}
					a.actu:visited {color:#0C52B7; text-decoration:underline}
					a.actu:hover {color:#0C52B7; text-decoration:underline}
					a.actu :active {color:#0C52B7; text-decoration:underline}
					
	.colonne-droite {
		width:158px;
		float:left;
		background-color:#FFF;
		border:1px #025EE3 solid;
		margin-left:18px;
		margin-top:10px;
		margin-bottom:10px;
	}
			.colonne-droite h1 {
				font-size:11px;
				text-align:center;
				color:#666666;
				margin-bottom:10px;
			}

.pied {
	width:955px;
	height:43px;
	background-image:url(../images/fond-pied.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-bottom:20px;
	margin-top:1px;
}
		.pied p {
			font-size:11px;
			width:920px;
			margin-left:auto;
			margin-right:auto;
			margin-top:15px;
		}

/******************* ARTICLE *********************/

.contenu-article {
	width:514px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}
		.contenu-article h1 {
			font-size:14px;
			color:#0C52B7;
			padding-bottom:10px;
		}
		.contenu-article h2 {
			font-size:14px;
			color:#000;
			padding-bottom:10px;
		}
		.contenu-article p {
			font-size:12px;
			padding:5px 0 5px 0;
		}
		.contenu-article img {
			margin:0 10px 5px 0;
		}
		.contenu-article-visuel {
			width:175px;
			height:122px;
			margin-right:10px;
			float:left;
			border:#006699 solid 1px;
		}

.fil-ariane {
	width:514px;
	height:34px;
	background-image:url(../images/fond-date-meteo.jpg);
	background-repeat:no-repeat;
}
		.fil-ariane h1 {
			font-size:11px;
			padding:5px 0 0 10px;
		}
.fil-ariane-plan {
	width:514px;
	height:34px;
	background-image:url(../images/fond-date-meteo.jpg);
	background-repeat:no-repeat;
	float:left;
}
	.fil-ariane-plan h1 {
		font-size:11px;
		padding:10px 0 0 10px;
	}
	
.recherche-plan {
	width:222px;
	height:34px;
	background-image:url(../images/fond-recherche.jpg);
	background-repeat:no-repeat;
	float:left;
}
		.champ-texte-plan {
			width:180px;
			height:22px;
			margin:6px 4px 0 6px;
			line-height:20px;
			float:left;
		}
		.bouton-ok-plan {
			width:24px;
			height:22px;
			background-image:url(../images/bouton-ok.jpg);
			background-repeat:no-repeat;
			margin-top:6px;
			float:left;
		}
.pagination {
	font-size: 0.77em;
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
}

/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */
 
/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

.fleche-couleur {
	width:3px;
	height:5px;
	margin-right:5px;
	margin-bottom:2px;
}
a.rouge {color:#AC0202; text-decoration:underline}
a.rouge:visited {color:#AC0202; text-decoration:underline}
a.rouge:hover {color:#AC0202; text-decoration:underline}
a.rouge :active {color:#AC0202; text-decoration:underline}

a.violet {color:#C703D9; text-decoration:underline}
a.violet:visited {color:#C703D9; text-decoration:underline}
a.violet:hover {color:#C703D9; text-decoration:underline}
a.violet :active {color:#C703D9; text-decoration:underline}

a.bleu {color:#017AEA; text-decoration:underline}
a.bleu:visited {color:#017AEA; text-decoration:underline}
a.bleu:hover {color:#017AEA; text-decoration:underline}
a.bleu :active {color:#017AEA; text-decoration:underline}

a.vert {color:#179702; text-decoration:underline}
a.vert:visited {color:#179702; text-decoration:underline}
a.vert:hover {color:#179702; text-decoration:underline}
a.vert :active {color:#179702; text-decoration:underline}

a.jaune {color:#E8C003; text-decoration:underline}
a.jaune:visited {color:#E8C003; text-decoration:underline}
a.jaune:hover {color:#E8C003; text-decoration:underline}
a.jaune :active {color:#E8C003; text-decoration:underline}