@charset "utf-8";
@import url('default.css');
/* Trail Drome */

#partenaire {
background: #FFF url(../img/fr/onglet_partenaire.gif) left top no-repeat;
margin: 47px 0 0 0;
padding: 26px 0 0 0;
text-align: center;
}
/**************************************/
/***** Navigation page d'accueil ******/
/**************************************/
div#navIndex {
	background: transparent;
	border: 0;
	height: 294px;
	margin: 0 0 0 0;
	padding: 154px 0 0 0;
	width: 152px;
}

div#navIndex ul#menu {
	background: transparent url(../img/fr/navIndex.png) top left no-repeat;
	height: 253px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 152px;
	}

div#navIndex ul#menu li {
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	}
	
ul#menu li, ul#menu a {
/*border: 1px solid red;*/
	height: 21px;
	display: block;
	}
div#navIndex ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#navIndexAccueil {top: 0; width: 152px;}
#navIndexActualite {top: 21px; width: 152px;}
#navIndexPresentation {top: 42px; width: 152px;}
#navIndexParcours {top: 63px; width: 152px;}
#navIndexInscription {top: 84px; width: 152px;}
#navIndexContact {top: 105px; width: 152px;}
#navIndexVideo {top: 126px; width: 152px;}
#navIndexPresse {top: 147px; width: 152px;}
#navIndexPartenaire {top: 168px; width: 152px;}
#navIndexArchive {top: 189px; width: 152px;}
#navIndexOrganisation {top: 210px; width: 152px;}
#navIndexLien {top: 231px; width: 152px;}

#navIndexAccueil a:hover {background: transparent url(../img/fr/navIndex.png) 0 -253px no-repeat;}
#navIndexActualite a:hover {background: transparent url(../img/fr/navIndex.png) 0 -274px no-repeat;}
#navIndexPresentation a:hover {background: transparent url(../img/fr/navIndex.png) 0 -295px no-repeat;}
#navIndexParcours a:hover {background: transparent url(../img/fr/navIndex.png) 0 -316px no-repeat;}
#navIndexInscription a:hover {background: transparent url(../img/fr/navIndex.png) 0 -337px no-repeat;}
#navIndexContact a:hover {background: transparent url(../img/fr/navIndex.png) 0 -358px no-repeat;}
#navIndexVideo a:hover {background: transparent url(../img/fr/navIndex.png) 0 -379px no-repeat;}
#navIndexPresse a:hover {background: transparent url(../img/fr/navIndex.png) 0 -400px no-repeat;}
#navIndexPartenaire a:hover {background: transparent url(../img/fr/navIndex.png) 0 -421px no-repeat;}
#navIndexArchive a:hover {background: transparent url(../img/fr/navIndex.png) 0 -442px no-repeat;}
#navIndexOrganisation a:hover {background: transparent url(../img/fr/navIndex.png) 0 -463px no-repeat;}
#navIndexLien a:hover {background: transparent url(../img/fr/navIndex.png) 0 -484px no-repeat;}

/***************************************/
/***** Navigation pages interieur ******/
/***************************************/
div#nav {
	background: transparent;
	border: none;
	float: left;
	height: 294px;
	margin: 0;
	padding: 181px 0 0 0;
	width: 152px;
}

div#nav ul#menu {
	height: 252px;
	width: 152px;
	background: transparent url(../img/fr/nav.png) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#nav ul#menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	}
	
ul#menu li, ul#menu a {
/*border: 1px solid red;*/
	height: 21px;
	display: block;
	}
div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
#navAccueil {top: 0; width: 152px;}
#navActualite {top: 21px; width: 152px;}
#navPresentation {top: 42px; width: 152px;}
#navParcours {top: 63px; width: 152px;}
#navInscription {top: 84px; width: 152px;}
#navContact {top: 105px; width: 152px;}
#navVideo {top: 126px; width: 152px;}
#navPresse {top: 147px; width: 152px;}
#navPartenaire {top: 168px; width: 152px;}
#navArchive {top: 189px; width: 152px;}
#navOrganisation {top: 210px; width: 152px;}
#navLien {top: 231px; width: 152px;}

#navAccueil a:hover {background: transparent url(../img/fr/nav.png) 0 -252px no-repeat;}
#navActualite a:hover {background: transparent url(../img/fr/nav.png) 0 -273px no-repeat;}
#navPresentation a:hover {background: transparent url(../img/fr/nav.png) 0 -294px no-repeat;}
#navParcours a:hover {background: transparent url(../img/fr/nav.png) 0 -315px no-repeat;}
#navInscription a:hover {background: transparent url(../img/fr/nav.png) 0 -336px no-repeat;}
#navContact a:hover {background: transparent url(../img/fr/nav.png) 0 -357px no-repeat;}
#navVideo a:hover {background: transparent url(../img/fr/nav.png) 0 -378px no-repeat;}
#navPresse a:hover {background: transparent url(../img/fr/nav.png) 0 -399px no-repeat;}
#navPartenaire a:hover {background: transparent url(../img/fr/nav.png) 0 -420px no-repeat;}
#navArchive a:hover {background: transparent url(../img/fr/nav.png) 0 -441px no-repeat;}
#navOrganisation a:hover {background: transparent url(../img/fr/nav.png) 0 -462px no-repeat;}
#navLien a:hover {background: transparent url(../img/fr/nav.png) 0 -483px no-repeat;}

/***************************************/
/*****       Titre des pages      ******/
/***************************************/
h2#hActualite {
background: transparent url(../img/fr/h_actualite.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hParcours {
background: transparent url(../img/fr/h_course_chocrando.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hCourseElite {
background: transparent url(../img/fr/h_course_elite.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hCourseRando {
background: transparent url(../img/fr/h_course_rando.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hInscription {
background: transparent url(../img/fr/h_inscription.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hContact {
background: transparent url(../img/fr/h_contact.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hImage {
background: transparent url(../img/fr/h_image.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hMention {
background: transparent url(../img/fr/h_mention.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hPresse {
background: transparent url(../img/fr/h_presse.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hPartenaire {
background: transparent url(../img/fr/h_partenaire.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hPartenaire {
background: transparent url(../img/fr/h_partenaire.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
#hPresentation {
background: transparent url(../img/fr/h_presentation.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hArchive {
background: transparent url(../img/fr/h_archive.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hOrganisation {
background: transparent url(../img/fr/h_organisation.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hLien {
background: transparent url(../img/fr/h_lien.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}