/*menu*/
@import url("menu.css");

/*style*/
@import url("style.css");

/*style colonne de gauche*/
@import url("gauche.css");

/*style colonne central*/
@import url("centre.css");

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
.img_png, .image_typo, .spip_logo, .spip_logos {
	behavior: url("win_png.htc");
}

body {
	text-align: center;
	font-size: 1em;
	color: #333;
	margin:0;
}

body a {
	text-decoration:none;
	color: #026e94;
}

body a:hover {
	text-decoration: underline;
	color: #026e94;
}

img, table { margin: 0; padding: 0; border: none; }

ul, ol, li { margin: 0; padding: 0; }

ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	display: block;
	overflow: hidden;
	zoom: 1;
	width: 800px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color: #cdf5f0;
}

#newsletter {
	display: block;
	overflow: hidden;
	zoom: 1;
	width: 600px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color: #cdf5f0;
}

#contenu {
	border: 0;
}
/* Fil d'Ariane */
#hierarchie {
	float: right;
	background-image: url('../Images/bg_arianne.gif');
	width: 100%;
}

#hierarchie div{
	margin-left: 160px;
	margin-top: 8px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 3px;
}

#hierarchie a{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

#hierarchie a:hover{
	text-decoration: underline;
}
/* colonage */
#col1{
	float: left;
	display:block;
	width: 146px;
}

#col2{
	float: left;
	display:block;
	overflow:hidden;
	background-color: #e6faf7;
	background-image: url('../Images/centre/colonne2.gif');
	background-repeat: no-repeat;
	width: 620px;
}

#newsletter #col2{
	margin-left: 16px;
	background-image: none;
	width: 563px;
	margin-bottom: 10px;
}

/* Entete */
#entete {width: 100%; margin:0;}

#entete a { text-decoration: none;}

#entete a img{ margin:0;float:left;}

/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	color : #a4ca00;
}

#pied small {
	font-family: Verdana;
	font-size: 10px;
	}

#pied a {
	color : #025257;
}

#pied img { vertical-align: bottom; }

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