/* 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: 619px;
	height: 103px;
	
	background-image: url(images/home_fond_decouvrez.jpg);
}
#decouvrez img {
	margin: 33px 0px 0px 56px;
}
/* FLASH */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#flash {
	position: absolute;
	top: 141px;
	left: 0px;
	
	width: 823px;
	height: 181px;
	
	background-color: #CCCCCC;
	
	z-index: 80;
}

/* 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);
}

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

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