/* CSS Document */

/* BALISES HTML GLOBALE */
* {
	margin: 0;
	padding: 0;
}

html, body {
	background-color: #53666d;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #AD6674;
	
	margin: 0; padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	height: 100%;
	width: 100%;
	
	/*background-image: url(images/bg_body.gif);
	background-repeat: repeat-x;*/
}
html {
	overflow: auto;
}

a img {
	border: none;
}

/* STRUCTURE DE LA PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#tableau{ /* Pour centrage vertical */
	height: 100%;
	width: 1000px;      /* 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 { /* Pour centrage vertical */
	vertical-align: middle;
	
}
#conteneur { /* Conteneur global */
	position: relative;
	/*
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -297px;
	*/
	margin-left: auto;
	margin-right: auto;

	width: 1000px;
	height: 576px;
	
	background-color: #fff;
	
	z-index: 1;
}

/* VERSION ANGLAISE */
#version_anglaise {
	position: absolute;
	top: 182px;
	left: 28px;
	
	z-index: 100;

}
#version_anglaise a {
	color: #fff;
	font-size: 10px;
	text-decoration: none;

}
#version_anglaise a:hover {
	text-decoration: underline;
}
#version_anglaise img {
	vertical-align: middle;

}

#block_contenu { /* Block contenu */
	position: absolute;
	top: 268px;
	left: 0px;
	z-index:90;
	background-color: #fff;
}

h1 { /* Element H1 : logo ou flash */
	
}

h2.access {  /* Balise H2 masquee */
	position: absolute;
	color: #FFFFFF;
	z-index: 100;
	font-size: 100%;
	top:-1000px;
}


/* MENU PRINCIPAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul#nav_principale {
	position: absolute;
	top: 176px;
	left: 0px;
	
	width: 1000px;
	height: 124px;
	
	background-image: url(images/bg_nav_principale.jpg);
	background-repeat: no-repeat;
	
	z-index: 90;
	
	list-style-type: none;
}

#rub_1 {
	position: absolute;
	top: 102px;
	left: 36px;
	
	z-index: 90;
}

#rub_11 {
	position: absolute;
	top: 75px;
	left: 125px;
	
	z-index: 90;
}

#rub_12 {
	position: absolute;
	top: 50px;
	left: 209px;
	
	z-index: 90;
}

#rub_13 {
	position: absolute;
	top: 29px;
	left: 326px;
	
	z-index: 90;
}

#rub_25 {
	position: absolute;
	top: 15px;
	left: 423px;
	
	z-index: 90;
}

#rub_29 {
	position: absolute;
	top: 11px;
	left: 516px;
	
	z-index: 90;
}

#rub_30 {
	position: absolute;
	top: 6px;
	left: 615px;
	
	z-index: 90;
}
#rub_32 {
	position: absolute;
	top: 7px;
	left: 732px;
	
	z-index: 90;
}
#rub_36 {
	position: absolute;
	top: 13px;
	left: 825px;
	
	z-index: 90;
}


/* EVENEMENTS */
#block_evenements {
	position: absolute;
	top: 300px;
	left: 0px;
	
	width: 204px;
	height: 201px;
	
	padding: 45px 0px 0px 114px;
		
	background-image: url(images/bg_evenements.jpg);
	background-repeat: no-repeat;
	
	z-index: 80;
	overflow: hidden;
}
#block_evenements h2 {
	color: #85aca7;
	font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 115%;
	font-weight: bold;
	letter-spacing: 0em;
	
	background-image: url(images/bg_h2_evenements.gif);
	background-repeat:  no-repeat;
	
	padding:  0px 0px 0px 29px;
}

.evenements {
	margin: 5px 0px 0px 0px;
	width: 167px;
 
}
.evenements p.date_evenements {
	color: #85aca7;
	font-size: 11px;
	
}
/* Mise en forme textes evenements */
.evenements p.texte_evenements {
	background-image: url(images/bg_texte_evenement.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	
	padding-bottom: 5px;
	
	color: #898081;
	font-size: 70%;
}

/* Mise en forme titres evenement */
.evenements h3 {
	font-size: 70%;
	color: #898081;
	font-weight: bold;
		background-image: url(images/bg_texte_evenement.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	
	padding-bottom: 5px;

}
.suite {
	background-image: url(images/bg_suite.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	
	padding: 0px 0px 0px 15px;
	
	font-size: 11px;

}
.suite a {
	text-decoration: none;
	color: #f8ac82;
}
.suite a:hover {
	text-decoration: underline;
}



/* ACTUS */
#block_actus {
	position: absolute;
	top: 270px;
	left: 318px;
	
	width: 309px;
	height: 242px;
	
	background-image: url(images/bg_a_la_une.gif);
	background-repeat: no-repeat;
	
	z-index: 90;
	
	padding: 18px 0px 0px 30px;
}

#block_actus h2 {
	float: left;
	margin:   0px 0px 10px 0px;
}
#block_actus h3 {
	margin: 0px 0px 0px 83px;
	
	color: #abbeba;
	font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	
	
	background-image: url(images/bg_h2_actus.gif);
	background-repeat:  no-repeat;
	
	padding:  0px 0px 0px 20px;
}
#block_actus p.date_actu {
	color: #85aca7;
	font-size: 11px;
	
	margin: 5px 0px 10px 83px;
}
#block_actus p img {
	padding: 0px 30px 0px 0px;

}
#block_actus p.texte_actu {
	margin: 0px 0px 10px 0px;
	color: #8e8e8e;
	font-size: 11px;
}

#block_actus p.img {
	float: left;
	width: 145px;
}
#block_texteactus {
	float: left;
	width: 145px;
}
/* CARTE */
#carte {
	position: absolute;
	top: 240px;
	left: 657px;
	
	width: 343px;
	height: 288px;
	
	z-index: 100;
	
	background-image: url(images/bg_carte.gif);
	background-position: right;
	background-repeat: no-repeat;
	
}
#carte h2 {
	position: absolute;
	top: 235px;
	left: 156px;
	
	width: 134px;
	
	color: #8bc9e8;
	font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	font-size: 105%;
	font-weight: bold;
	
	background-image: url(images/bg_h2_carte.gif);
	background-repeat:  no-repeat;
	background-position: 0% 50%;
	
	padding:  0px 0px 0px 25px;
	line-height: 0.9em;
	
	z-index: 100;
	
}
#carte h2 span {
	color: #33a1ee;
}

/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { /* Block pied de page */
	position: absolute;
	top: 527px;
	left: 0px;
	
	width: 1000px;
	height: 50px;
	
	background-image: url(images/bg_footer.jpg);
	background-position: top;
	background-repeat: no-repeat;
	
	background-color: #53666d;
	z-index: 99;
}


#footer h2 { /* Balise H2 pied de page masquee */
	position: absolute;
	
	color: #fff;
	z-index: 1;
	font-size: 100%;
	text-align: center;
	margin: -20px 0px 0px -2000px;
	width: 500px;
}

/* MENU DISPOSITION */
ul#disposition  {
	position: absolute;
	top: -28px;
	left: 645px;
	
	width: 345px;
	height: 23px;
	
	list-style-type: none;
	z-index: 99;
}
ul#disposition li  {
	display: inline;
}
ul#disposition li.adispo  {
	display: block;
}
/* LIEN BAS DE PAGE */
ul#nav_baspage {
	position: absolute;
	top: 30px;
	left: 0px;

}
ul#nav_baspage li {
	display: inline;	
}

ul#nav_baspage li a {
	text-decoration: none;
	color: #99b8bb;
	font-size: 11px;
}
ul#nav_baspage li a:hover {
	color: #6e8f9d;
}
ul#nav_baspage li a img {
	vertical-align: middle;
}

#sortir {
	position: absolute;
	top: -22px;
	left: 340px;
	z-index: 99;

}


#pratiquer {
	position: absolute;
	top: -25px;
	left: 440px;
	z-index: 99;

}
/* FORMULAIRE DE RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#recherche {  /* Formulaire */
	position: absolute;
	top: 162px;
	left: 804px;
	
	z-index: 100;
}

#recherche label { /* Label */
	display: none;
}

#recherche input { /* Champ de saisie */
	color: #000;
	border: 1px solid #adbfbc;
	width: 130px;
	font-size: 70%;
	text-align: center;
	width: 148px;
}

#recherche input.boutonok, #newsletter input.boutonok { /* Boutons submit formulaire recherche et newsletter, voir #newsletter input.boutonok */
	border:none;
	background-color:#e32203;
	font-family: Helvetica,Geneva, Arial, sans-serif;
	font-size: 70%;
	color:#FFFFFF;
	height : 14px;
	_height : 16px;	
	width : auto;
	padding: 0px 2px 0px 2px;
	line-height: 14px;
	overflow: visible;
	cursor:pointer;
	text-align:center;
	vertical-align: middle;

}

#recherche input.boutonok:hover, #newsletter input.boutonok:hover {
background-color:#6bbae1;
}

/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#liensevitement { /* Block contenant les liens d'evitement */
	font-size: 60%;
	margin: 0px 0px 0px; 
	text-align: right;
	text-decoration: none;
}

#liensevitement a { /* Les liens d'evitement */
	color: #54676E;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  
/* Rollover des liens d evitement */
	text-decoration: underline;
	color: #FFFFFF;
}


/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* pour "pousser" si presence de float */
/* penser ŕ placer un   pour eviter le bug sous netscape (page ŕ rallonge) */ 
.clear {
	clear: both;
	height: 0px; /* correction page a rallonge sous netscape*/
	line-height: 0px;
	font-size: 1px;
}

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