@charset "utf-8";
/* CSS Document
LES BUGS DE DREAMWEAVER							*/
/* -------------------------------------------
	Les tags HTML
   -------------------------------------------  */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#pageContainer {
	display: block;
	background: #FFFFFF;
	width: 640px;
	margin: 0 auto;
}

table {
	margin: 0;
	padding: 0;
}


/* -------------------------------------------
	Menu Principale ( # == id, . == classe )
   -------------------------------------------  */
.menuBg {
	background-color: #2A4D51;
}

#menu {
	margin: 0px auto 0px;
	padding:20px 0px;
	width: 620px;
	text-align: center;
	color: #FFFFFF;
}

#menu a {
	color: #FFFFFF;
	text-decoration: none;
}
#menu a:hover {
	color: #04BBD1;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#menu ul li {
	display: inline;
}
#menu ul li ul li a {
	text-align: left;
	display: block;
}
#menu ul li #iHack1 {
	position: absolute;
	/*left: 0;*/
	top: 164px;
	width: 108px;
	height: 86px;
	background-color: #CCCCCC;
}

#menu ul li #sub1 {
	position: absolute;
	/*left: 0;*/
	top: 164px;
	zOrder: 100;	
	background-color: #2A4D51;	
	border-bottom: solid 1px #FFFFFF;
	z-index: 500;
	width: 110px;
	height: 80px;
	
}
#menu ul li #sub1 a {
	border-top: solid 1px #FFFFFF;
	padding: 4px 4px 2px;
	margin: 2px 0;
	font-size: 9px;
}
/* -------------------------------------------
	Menu Graphique ( # == id, . == classe )
   -------------------------------------------  */
#menuGraphique {
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 14px 0 0 0;
}
#menuGraphique a {
	color: #919494;
	text-decoration: none;
}
#menuGraphique a:hover {
	color: #04BBD1;
}
#menuGraphique img {
	padding: 0 0 4px 0;
}
/* -------------------------------------------
	Menu Loisirs et Culture ( # == id, . == classe )
   -------------------------------------------  */
#menuLoisirs {
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 16px 16px;
}
#menuLoisirs a {
	color: #000000;
	text-decoration: none;
	padding: 2px 0;
	display: block;
	width: 200px;
	border-bottom: solid 1px #FFFFFF;
}
#menuLoisirs a:hover {
	color: #A3B424;
	border-bottom: solid 1px #A3B424;
}
/* -------------------------------------------
	Message Maire ( # == id, . == classe )
   -------------------------------------------  */
#nom_maire {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #919494;
	vertical-align: top;
}
#mot_du_maire {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #919494;
	width: 290px;
	margin-bottom: 24px;
	padding-left: 16px;
}
/* -------------------------------------------
	Affaires municipales ( # == id, . == classe )
   -------------------------------------------  */
#affairesmun {
	height: 278px;
	width: 214px;
	text-align: left;
	background: top left url(../images/affaires-mun-bg.gif) no-repeat;
}
#topaffairesmun {
	height: 104px;
}
#affairesmun .arrow {
	margin: 0 12px 0 6px;
}
#affairesmun .pdf {
	margin: 0 0 0 4px;
}
#affairesmun a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	width: 214px;
	display: block;
	background: bottom left url(../images/affaire-mun-split.jpg) no-repeat;
}

/* -------------------------------------------
	Meteor ( # == id, . == classe )
   -------------------------------------------  */
#meteor {
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C3913C;
}

#meteor a {
	font: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #C3913C;
	margin: 0;
	padding: 0;
}
#meteor a:hover {
	text-decoration: underline;
}
/* -------------------------------------------
	Services ( # == id, . == classe )
   -------------------------------------------  */
#services {
	background-color: #48512F;
	height: 134px;
}
#services ul {
	list-style-image: url(../images/services-check.jpg);
	margin-left: 15px;
	padding-top: 4px;
}
#services ul li a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
/* -------------------------------------------
	Piscine ( # == id, . == classe )
   -------------------------------------------  */
   
#piscine_text {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #919494;
	margin-bottom: 24px;
	padding-left: 16px;
	padding-right: 16px;
}
#piscine_bas {
	background-color: #3E869C;
	height: 134px;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}
#piscine_bas ul {
	list-style-image: url(../images/piscine-check.jpg);
	margin-left: 15px;
	padding-top: 4px;
}
#piscine_bas ul li a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#piscine_bas ul li a:hover {
	text-decoration: underline;
}
#natation {
	background: url(../images/bg_exotem.jpg) repeat-y;
}
#natation div {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	color: #969696;
	padding: 0 10px 0 10px;
	text-align: left;
}
#natation div a {
	color: #969696;
	text-decoration: none;
}
#natation div a:hover {
	text-decoration: underline;
}
/* -------------------------------------------
	menubas ( # == id, . == classe )
   -------------------------------------------  */
#menubas {
	margin: 0 auto;
	padding: 20px 0 6px 0;
	width: 620px;
	text-align: center;
	color: #919494;
}

#menubas a {
	color: #919494;
	text-decoration: none;
}
#menubas ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#menubas ul li {
	display: inline;
}

/* -------------------------------------------
	copyright ( # == id, . == classe )
   -------------------------------------------  */
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #919494;
}

/*
   -------------------------------------------------- 
   --------------------------------------------------
	LES AUTRES INTERFACES (BREF LES MILIEU DE PAGE)
   -------------------------------------------------- 
   --------------------------------------------------
*/
   
/* -------------------------------------------
	Triathlon ( # == id, . == classe )
   -------------------------------------------  */
.t_texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	color: #919494;
	margin: 4px 16px;
}
.t_texte a {
	font-size: 10pt;
	color: #A3B424;
	text-decoration: none;
}
.t_texte a:hover {
	text-decoration: underline;
}
#tmenu {
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A3B430;
	margin-left: 16px;
}
#tmenu td {

}
#tmenu a {
	font: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #A3B430;
	padding: 0;
	margin: 0;
}
#tmenu a:hover {
	text-decoration: underline;
}
/* -------------------------------------------
	Loisirs ( # == id, . == classe )
   -------------------------------------------  */
.loisirs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-align: left;
	color: #919494;
	margin: 4px 16px;
}
.l_nom {
	font-size: 16pt;
	color: #A3B424;
}
.l_nom2 {
	text-decoration: underline;
}
.l_informat {
	margin: 8px 0 0 0;
	font-style: italic;
	font-size: 10pt;
}
.l_lienhaut {
	float: right;
	clear: left;
}
.l_texte {
}
.l_texte a {
	font-size: 10pt;
	color: #A3B424;
	text-decoration: none;
}
.l_texte a:hover {
	text-decoration: underline;
}

/* -------------------------------------------
	Liens ( # == id, . == classe )
   -------------------------------------------  */
.lien_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 0 0 0;
}
.lien_lien {
	padding: 0 0 16px 0;
	margin: 0px;
}
.lien_lien a {
	font-size: 10pt;
	color: #A3B424;
	text-decoration: none;
}
.lien_lien a:hover {
	text-decoration: underline;
}
.lien_phone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0 0 0 0;
}
/* -------------------------------------------
	Organismes ( # == id, . == classe )
   -------------------------------------------  */
#organismes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	#color: #919494;
}
#organismes caption {
	color: #A4AF34;
	font-size: 12px;
	text-align: left;
	padding-bottom: 24px;
}
/* -------------------------------------------
	Evenements ( # == id, . == classe )
   -------------------------------------------  */
.evenement_link {
	color: #919494;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	text-decoration: none;
}
a.eve_linkOFF {
	color: #919494;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	text-decoration: none;
}
a.eve_link {
	color: #919494;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	text-decoration: none;
}
a.eve_linkON {
	color: #A3B424;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	text-decoration: none;
}
a.eve_link:hover {
	text-decoration: underline;
	color: #A3B424;
}

.e_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A4AF34;
}

.e_date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #919494;
}

.e_site a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A4AF34;
	text-decoration: none;
}
.e_site a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A4AF34;
	text-decoration: underline;
}

/* -------------------------------------------
	Reglement ( # == id, . == classe )
   -------------------------------------------  */
.liens_regles {
	list-style: none;
}
.liens_regles li a {
	text-decoration: none;
	color: #919494;
}
.liens_regles li a:hover {
	text-decoration: none;
	color: #AFBD3F;
}
/* -------------------------------------------
	Triathlon Photos ( # == id, . == classe )
   -------------------------------------------  */
.pics_link {
	display: block;
	margin: 16px 0 24px 24px;
	width: 164px;
}
.pics_link a {
	display: block;
	width: 164px;
}
.picON {
	background: top url(../images/bg-photosON.jpg) no-repeat;
	color: #A4B821;
	text-decoration: none;
}
.picOFF {
	background: top url(../images/bg-photosOFF.jpg) no-repeat;
	color: #969696;
	text-decoration: none;
}
.pics_link img {
	padding: 26px 3px 0 3px;
}
.pics_link .photo_desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 0 0 2px;
}
#carte_comm {
	width: 274px;
	height: 160px;
	background: top url(../images/bg_commanditaires.jpg) no-repeat;
	padding: 3px 2px 3px 3px;
}
#carte_comm img {
	padding: 0;
	margin: 0;
}
/* -------------------------------------------
	Arena ( # == id, . == classe )
   -------------------------------------------  */
.tourbillons {
	border-top: solid 4px #F4D668;
	border-right: solid 4px #F4D668;
	border-bottom: solid 4px #F4D668;
	border-left: solid 4px #F4D668;
	margin: 4px 16px;
}
.amenu {
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A3B430;
	margin-left: 2px;
}
.amenu td {

}
.amenu a {
	font: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #A3B430;
	padding: 0;
	margin: 0;
}
.amenu a:hover {
	text-decoration: underline;
}

#dragons {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
}
#dragons a {
	color: #A3B430;
	text-decoration: none;
}
#dragons a:hover {
	text-decoration: underline;
}
/* -------------------------------------------
	LOISIRS MENU Arena,piscine,triathlon ( # == id, . == classe )
   -------------------------------------------  */
.lois_menu {
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #919494;
	margin: 4px 8px;
}
.lois_menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline;
}
.lois_menu ul li {
	display: inline;
	padding: 0 4px;
	border-right: solid 1px #919494;
}
.lois_menu ul li a {
	color: #A3B430;
	text-decoration: none;
}
.lois_menu ul li a:hover {
	text-decoration: underline;
}
/* -------------------------------------------
	MISC ( # == id, . == classe )
   -------------------------------------------  */
#prog_eau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 136px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#prog_eau a {
	color: #36F;
	text-decoration: none;
}
#prog_eau a:hover {
	text-decoration: underline;
}