/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}

/* BALISES HTML */
html {
	overflow-y:hidden;

}
html, body {
	background-color: #FBECE1;
	font-size: 0.72em;
	font-family: Arial, Helvetica, sans-serif;

	margin: 0; padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	height: 100%;
	width: 100%;
}
html {
	overflow: auto;
}
a img {
	border: none;
}

/* CONTENEUR GLOBAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tableau{
	height: 100%;
	width: 1020px;      /* ici la largeur fixe de l'element a center */
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */

}
#tableau-td {
	vertical-align: middle;

}
#conteneur {
	position: relative;
	/*left: 50%;
	top: 50%;
	margin-left: -510px;
	margin-top: -257px;
	*/
	width: 1020px;
	height: 515px;


	background-image: url(images/home_bg_conteneur.gif);
	background-color: #fff;

	z-index: 1;
}

/* LOGO */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#logo {
	position: absolute;
	top: 16px;
	left: 0px;
}

/* MENU HAUT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menuhaut {
	position: absolute;
	top: 0px;
	left: 189px;
}

/* RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#recherche {
	position: absolute;
	top: 0px;
	left: 826px;

	width: 181px;
	height: 29px;

	padding: 9px 0px 0px 13px;

	background-image: url(images/home_bg_recherche.gif);
}
#recherche input {
	border: 1px solid #BFDCE2;
	width: 128px;
	height: 17px;


	font-size: 10px;
	display: inline;
	text-align: center;

	vertical-align: middle;
}
#recherche img {
	vertical-align: middle;
}

/* MENU OUTILS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menuoutils {
	position: absolute;
	top: 38px;
	left: 826px;
}
/* ZONE DECOUVREZ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#decouvrez {
	position: absolute;
	top: 38px;
	left: 189px;

	width: 634px;
	height: 103px;

	background: url(images/home_fond_decouvrez.jpg) no-repeat;
}

#decouvrez #decouv750 {
	float: left;
	margin: 33px 0px 0px 56px;
}


#decouvrez #grandsite{
	float: right;
	margin: 27px 0px 0px 0;
}



/* FLASH */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#flash {
	position: absolute;
	top: 141px;
	left: 0px;

	width: 823px;
	height: 181px;

	background: url("images/bg_flash.jpg") no-repeat;

	z-index: 80;
}
#slideshow .noscript-message { /* Stylage du noscript si javascript est désactivé... */
	background: #FFEBBE;
	border: 2px solid #EDB400;
	margin: 60px 10px 15px 69px;
	width: 40%;
	padding: 10px;
	font-size: 0.8em;
	max-height: 50px;
	overflow: auto;
	color: #B92F1B;
}

/* PHOTO */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#photo {
	position: absolute;
	top: 141px;
	left: 824px;
}
/* VIE PRATIQUE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#viepratique {
	position: absolute;
	top: 322px;
	left: 0px;

	width: 263px;
	height: 160px;
}
#viepratique h2 {
	position: absolute;
	top: 0px;
	left: 0px;
}
#menuviepratique {
	position: absolute;
	top: 35px;
	left: 0px;
}

/* UNE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#une {
	position: absolute;
	top: 322px;
	left: 453px;

	width: 370px;
	height: 159px;

	background-image: url(images/home_bg_une.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
#une h2 {
	position: absolute;
	top: 47px;
	left: 0px;

	z-index: 90;
}
#une h3 {
	position: absolute;
	top: 25px;
	left: 22px;
}
#une h3 a {
	font-size: 12px;
	font-weight: bold;
	color: #00698F;
	text-decoration: none;
}
#une h3 a:hover {
	text-decoration: underline;
	color: #B92F1B;
}
#une div.une {

	/*
	position: absolute;
	top: 47px;
	left: 19px;
		width: 162px;
	height: 106px;
	*/

	float: left;
	margin: 47px 0px 0px 20px!important;
	margin: 47px 0px 0px 10px;

	overflow: hidden;

	z-index: 89;
}

.block_texte_une {
	float: left;
	margin: 47px 0px 0px 10px;

	height: 102px;
	overflow: hidden;
}

.vertical {
	width: 240px;

}
.horizontal {
	width: 154px;

}

.sansphoto {
	margin:  47px 10px 0px 22px!important;
	padding: 0px 0px 0px 0px!important;
	padding: 47px 0px 0px 0px;
	float: none;

}
#une p {
	/*
	position: absolute;
	top: 65px;
	left: 191px;

	*/
}
#une p a {
	font-size: 11px;
	color: #00748D;
	text-decoration: none;
}
#une p a:hover {
	text-decoration: underline;

}
#une .dateactu {
	/*
	position: absolute;
	top: 51px;
	left: 191px;
	*/

	width: 164px;
	height: 11px;


	font-weight: normal;
	font-style: italic;


}
/* ACTUALITES */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#actualite {
	position: absolute;
	top: 322px;
	left: 833px;

	width: 179px;
	height: 159px;

	background-image: url(images/home_bg_actu.jpg);
	background-repeat: repeat-y;
}
#actualite h2 {
	position: absolute;
	top: 57px;
	left: 0px;
}
#lesactus {
	position: absolute;
	top: 25px;
	left: 27px;

	width: 138px;
	height: 122px;

	overflow: hidden;
}
#lesactus h3 a {
	font-size: 11px;
	font-weight: bold;

	color: #00698F;
	text-decoration: none;
}
.dateactu {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;

	color: #00698F;
	text-decoration: none;
}
#lesactus h3 a {
	font-size: 12px;
}
#lesactus h3 a:hover {
	text-decoration: underline;
	color: #B92F1B;
}

.texteactu, .texteactu a {
	font-size: 11px;
	color: #69A7A8;
	text-decoration: none;
}
.chapo {
	font-weight: bold;
	margin: 1em 0em 1em 0em;
}
.texteactu a:hover {
	text-decoration: underline;
}
.separation_actus {
	margin: 4px 0px 2px 0px;
}

p.toute {
	position: absolute;
	top: 143px;
	left: 27px;

	z-index: 99;
}



/* CARTE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#carte {
	position: absolute;
	top: 322px;
	left: 263px;
}

/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
	position: absolute;
	top:482px;
	left: 0px;

	width: 1020px;
	height: 33px;

	background-image: url(images/home_footer.gif);
}
#footer img {
	float: right;
	margin: 1px 21px 0 0;
}

/* Divers */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.clear {
	clear: both;

}
/* Pour affichage correct PNG */
.format_png { behavior: url(win_png.htc); }