#mainmenu {
	position: relative;
	height: 40px;
	background: #ff7600 url('/images/new_menu_bg.gif') repeat-x top left;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#bottomframe {
	position: relative;
	clear:both;
	padding: 0;
	margin: 0;
	height: 50px;
	width: 780px;
	border-bottom: 1px solid #b5b9b3;
	background: url('/images/bottomframe_bg.gif') no-repeat bottom left;
}

/*
------------------ HEADER --------------------
---------------------------------------------------
*/

#header h1{
	font-size: 1px;
	margin: 0;
	width: 500px;
	height: 20%;
	visibility: hidden;
}
#header h2{
	font-size: 1px;
	margin: 0;
	width: 500px;
	height: 20%;
	visibility: hidden;
}



/*
-------------- MAIN FRAME  ----------------
---------------------------------------------------
*/

#mainframe h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin: 0 0 20px 0;
	height: 30px;
	text-align: left;
	/* background: url('/images/bk_titre.gif') repeat-y top left; */
	color: #bf2343; /*fff fcf600 bf2343*/
	/*border-top: #bf2343 1px solid;*/

}

#mainframe h2:first-letter {
	background-color: #bf2343;
	color: #fff;
	/* margin: 0 2px 0 47px; */
	margin : 0 2px 0 0;
	padding: 6px 3px 6px 3px;
}

#mainframe h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	margin: 20px 0 8px 0;
	padding: 0 0 0 22px;
	text-align: left;
	/*text-decoration: underline;*/
	color: #bf2343;
	font-weight: bold;
	background: url('/images/menu_puce_on.gif') no-repeat left center;
	border-bottom: 1px solid #bf2343;
}

#mainframe p {
	margin: 10px 10px 10px 0;
	text-align: justify;
	text-indent: 15px;
}

#mainframe ol {
	margin: 10px 10px 10px 0;
	text-align: justify;
}

#mainframe ul#sitemap, #mainframe ul#sitemap li ul {
	list-style: none;
}

#mainframe ul#sitemap li {
	font-size: 16px;
	padding: 5px 0;
}

#mainframe ul#sitemap li ul li {
	font-size: 12px;
	padding: 2px 0;
}

#mainframe form {
	display: inline;
	padding: 0 5px;
}

#mainframe form p {
	text-indent: 0;
	margin: 5px 0 5px 0;
}

#mainframe form label {
	float: left;
	width: 150px;
	padding-top: 5px;
}

#mainframe form table {
	margin: 0 0 0 150px;
	padding: 0;
	border: 0;
}

#mainframe table.maintable {
	border: 2px solid #bf2343;
	border-collapse: collapse;
	margin: 10px 0 10px 0;
}
#mainframe table.maintable th {
	border: 1px solid #bf2343;
	padding: 5px;
	background-color: #e7a192;
	text-align: left;
}
#mainframe table.maintable td {
	border: 1px solid #bf2343;
	padding: 5px;
	text-align: left;
}

#mainframe img.nouveau {
	position: absolute;
	right:0;
	top: 22px;
	border: 0;
	margin: 5px 10px;
	padding: 0;
}

#mainframe p.quote {
	padding-left: 30px;
	text-indent: 0;
}
#mainframe p.info {
	background: url('/images/info.gif') center no-repeat;
	background-color: #F8FAFC ;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	color:#5E6273;
	border-top: 2px solid #B5D4FE ;
	border-bottom: 2px solid #B5D4FE;
	text-indent: 0;
}
#mainframe p.warning {
	background: url('/images/warning.gif') center no-repeat;
	background-color: #FBEEF1;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	color:#8E6A64;
	border-top: 2px solid #FEABB9;
	border-bottom: 2px solid #FEABB9;
	text-indent: 0;
}
#mainframe p.alert {
	background: url('/images/alert.gif') center no-repeat;
	background-color: #FFF6BF;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	color:#996666;
	border-top: 2px solid #ffd324 ;
	border-bottom: 2px solid #ffd324;
	text-indent: 0;
}

#mainframe dl.details {
	width: 170px;
	margin: 0;
	padding: 0 10px 15px 10px;
	background: #f3c4a8 url('/images/_mt_bottom.gif') no-repeat bottom left; /* ccc */
	float: right;
}
#mainframe dl.details dt {
	margin: 0 0 5px 0;
	padding: 15px 10px 5px 10px;
	font-size: 12px;
	color: #fff;
	border-bottom: 1px solid #ffe9bf;
	background: #bf2343 url('/images/_box_top.gif') no-repeat top left; /* 999 */
	text-align: center;
	font-weight: bold;
}
#mainframe dl.details dd {
	margin: 0;
	padding: 0 10px 2px 20px;
	background: url('/images/_arrow.gif') no-repeat 10px 3px;
}

/* Intéractif */

#mainframe .liste_interactif {
	margin: 0;
	padding: 0 0 0 0;
}

#mainframe .liste_interactif li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#mainframe .liste_interactif a:link, #mainframe .liste_interactif a:visited, #mainframe .liste_interactif a:hover {
	float: left;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: black;
	margin: 0 2px 0 0;
	padding: 4px 6px;
	border: 1px outset #eeeeee;
	height: 120px;
	width: 160px;
	background-color: #eeeeee;
}

#mainframe .liste_interactif a:hover {
	background-color: #bf2343; /* #f89b2c; */
	color: #fff;
}

.liste_interactif #iguestbook {
	background-image: url('/images/iguestbook.png');
	background-repeat: no-repeat;
	background-position:50% 70%;
}

.liste_interactif #iphotos {
	background-image: url('/images/iphotos.png');
	background-repeat: no-repeat;
	background-position:50% 70%;
}

.liste_interactif #ivideos {
	background-image: url('/images/ivideos.png');
	background-repeat: no-repeat;
	background-position:50% 70%;
}

.spacer {clear:left}

/* Parcours */

#mainframe .liste_parcours {
	margin: 0;
	padding: 0 0 23px 0;
}
#mainframe .liste_parcours li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#mainframe .liste_parcours a:link, #mainframe .liste_parcours a:visited {
     float: left;
     font-weight: bold;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	margin: 0 5px 4px 22px;
     padding: 4px 6px;
	border: 1px outset;
}

#mainframe .liste_parcours a:hover {
	margin: 1px 4px 3px 23px;
	border: 1px inset;
}

.liste_parcours #parcours_2009vtt1:link, .liste_parcours #parcours_2009vtt1:visited, .liste_parcours #parcours_2009vtt1:hover {
	background-color: #f89b2c;
	color: #fff;
}
.liste_parcours #parcours_2009vtt2:link, .liste_parcours #parcours_2009vtt2:visited, .liste_parcours #parcours_2009vtt2:hover {
	background-color: #fef209;
	color: #fff;
}
.liste_parcours #parcours_2009vtt3:link, .liste_parcours #parcours_2009vtt3:visited, .liste_parcours #parcours_2009vtt3:hover {
	background-color: #15ae5e;
	color: #fff;
}
.liste_parcours #parcours_2009vtt4:link, .liste_parcours #parcours_2009vtt4:visited, .liste_parcours #parcours_2009vtt4:hover {
	background-color: #073098;
	color: #fff;
}
.liste_parcours #parcours_2009vtt5:link, .liste_parcours #parcours_2009vtt5:visited, .liste_parcours #parcours_2009vtt5:hover {
	background-color: #ea2127;
	color: #fff;
}

.liste_parcours #parcours_2009cyclo1:link, .liste_parcours #parcours_2009cyclo1:visited, .liste_parcours #parcours_2009cyclo1:hover {
	background-color: #00a74c;
	color: #fff;
}
.liste_parcours #parcours_2009cyclo2:link, .liste_parcours #parcours_2009cyclo2:visited, .liste_parcours #parcours_2009cyclo2:hover {
	background-color: #073098;
	color: #fff;
}
.liste_parcours #parcours_2009cyclo3:link, .liste_parcours #parcours_2009cyclo3:visited, .liste_parcours #parcours_2009cyclo3:hover {
	background-color: #f12b38;
	color: #fff;
}

.liste_parcours #parcours_2010vtt1:link, .liste_parcours #parcours_2010vtt1:visited, .liste_parcours #parcours_2010vtt1:hover {
	background-color: #ff9400;
	color: #fff;
}
.liste_parcours #parcours_2010vtt2:link, .liste_parcours #parcours_2010vtt2:visited, .liste_parcours #parcours_2010vtt2:hover {
	background-color: #ffff15;
	color: #fff;
}
.liste_parcours #parcours_2010vtt3:link, .liste_parcours #parcours_2010vtt3:visited, .liste_parcours #parcours_2010vtt3:hover {
	background-color: #00ff00;
	color: #fff;
}
.liste_parcours #parcours_2010vtt4:link, .liste_parcours #parcours_2010vtt4:visited, .liste_parcours #parcours_2010vtt4:hover {
	background-color: #0000ff;
	color: #fff;
}
.liste_parcours #parcours_2010vtt5:link, .liste_parcours #parcours_2010vtt5:visited, .liste_parcours #parcours_2010vtt5:hover {
	background-color: #ff0000;
	color: #fff;
}

.liste_parcours #parcours_2010cyclo1:link, .liste_parcours #parcours_2010cyclo1:visited, .liste_parcours #parcours_2010cyclo1:hover {
	background-color: #00a74c;
	color: #fff;
}
.liste_parcours #parcours_2010cyclo2:link, .liste_parcours #parcours_2010cyclo2:visited, .liste_parcours #parcours_2010cyclo2:hover {
	background-color: #073098;
	color: #fff;
}
.liste_parcours #parcours_2010cyclo3:link, .liste_parcours #parcours_2010cyclo3:visited, .liste_parcours #parcours_2010cyclo3:hover {
	background-color: #f12b38;
	color: #fff;
}


/* Partenaires */

#mainframe .img_partenaires img {
	padding: 3px;
}

/* Livre d'or */

#mainframe table.livredor {
	padding: 5px;
	border-spacing: 0px;
}

#mainframe table tr.fline td {
	padding: 2px 8px;
	background-color: #bf2343;
	color: #fff;
}

#mainframe table tr.sline td {
	background-color: #f3c4a8;
	padding: 5px 8px;
	text-align: justify;
}

#mainframe table tr.space td {
	height: 15px;
}

#mainframe table tr td.name{
	font-size: 12px;
	font-weight: bold;
}

#mainframe table tr td.date{
	text-align: right;
}

/*
-------------- MAIN MENU  -----------------
---------------------------------------------------
*/

#mainmenu ul {
	padding: 0 5px 0 5px;
	margin: 5px 0 0 0;
	list-style: none;
}

#mainmenu ul li {
	float: left;
}

#mainmenu ul li a {
	position: relative;
	overflow: hidden;
	z-index: 10;
	float: left;
	display: block;
	height: 25px;
	text-align: center;
	color: #fff;
	font-size: 11px;
	padding: 7px 20px 0 20px;
	font-weight: bold;
}

#mainmenu li.background {
	background: url('/images/menu_bg_selecteur_right.png') no-repeat top right !important;
	background: url('/images/menu_bg_selecteur_right.gif') no-repeat top right;
	z-index: 8;
	position: absolute;
	visibility: hidden;
}

#mainmenu .background .left {
	background: url('/images/menu_bg_selecteur.png') no-repeat top left !important;
	background: url('/images/menu_bg_selecteur.gif') no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}


/*
----  BOTTOM FRAME  ----
---------------------------------
*/

/* Bottom menu */
#bottomframe a:link, #bottomframe a:visited {
	color: #bf2343;
	text-decoration: none;
	font-weight: bold;
}
#bottomframe a:hover {
	color: #bf2343;
	text-decoration: underline;
	font-weight: bold;
}


#bottommenu {
	padding-top: 27px;
	text-indent: 0;
}
#bottommenu ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 0 0;
	text-align: right;
}
#bottommenu ul li {
	display: inline;
	padding: 0 10px;
}