﻿@charset "utf-8";
/* CSS Document */
/* Raid VTT */

#globalIndex {
background: #FFF url(../img/gb/bg_default.jpg) right top no-repeat;
height: 586px;
margin: 0 auto;
padding: 0;
position: relative;
text-align: left;
width: 990px;
}
#partenaire {
background: #FFF url(../img/gb/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/gb/navIndex.png) top left no-repeat;
	height: 294px;
	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;}
#navIndexElite {top: 63px; width: 152px;}
#navIndexRando {top: 84px; width: 152px;}
#navIndexChoc {top: 105px; width: 152px;}
#navIndexInscription {top: 126px; width: 152px;}
#navIndexContact {top: 147px; width: 152px;}
#navIndexVideo {top: 168px; width: 152px;}
#navIndexPresse {top: 189px; width: 152px;}
#navIndexPartenaire {top: 210px; width: 152px;}
#navIndexArchive {top: 231px; width: 152px;}
#navIndexOrganisation {top: 252px; width: 152px;}
#navIndexLien {top: 273px; width: 152px;}

#navIndexAccueil a:hover {background: transparent url(../img/gb/navIndex.png) 0 -294px no-repeat;}
#navIndexActualite a:hover {background: transparent url(../img/gb/navIndex.png) 0 -315px no-repeat;}
#navIndexPresentation a:hover {background: transparent url(../img/gb/navIndex.png) 0 -336px no-repeat;}
#navIndexElite a:hover {background: transparent url(../img/gb/navIndex.png) 0 -357px no-repeat;}
#navIndexRando a:hover {background: transparent url(../img/gb/navIndex.png) 0 -378px no-repeat;}
#navIndexChoc a:hover {background: transparent url(../img/gb/navIndex.png) 0 -399px no-repeat;}
#navIndexInscription a:hover {background: transparent url(../img/gb/navIndex.png) 0 -420px no-repeat;}
#navIndexContact a:hover {background: transparent url(../img/gb/navIndex.png) 0 -441px no-repeat;}
#navIndexVideo a:hover {background: transparent url(../img/gb/navIndex.png) 0 -462px no-repeat;}
#navIndexPresse a:hover {background: transparent url(../img/gb/navIndex.png) 0 -483px no-repeat;}
#navIndexPartenaire a:hover {background: transparent url(../img/gb/navIndex.png) 0 -504px no-repeat;}
#navIndexArchive a:hover {background: transparent url(../img/gb/navIndex.png) 0 -525px no-repeat;}
#navIndexOrganisation a:hover {background: transparent url(../img/gb/navIndex.png) 0 -546px no-repeat;}
#navIndexLien a:hover {background: transparent url(../img/gb/navIndex.png) 0 -567px 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: 294px;
	width: 152px;
	background: transparent url(../img/gb/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;}
#navElite {top: 63px; width: 152px;}
#navRando {top: 84px; width: 152px;}
#navChoc {top: 105px; width: 152px;}
#navInscription {top: 126px; width: 152px;}
#navContact {top: 147px; width: 152px;}
#navVideo {top: 168px; width: 152px;}
#navPresse {top: 189px; width: 152px;}
#navPartenaire {top: 210px; width: 152px;}
#navArchive {top: 231px; width: 152px;}
#navOrganisation {top: 252px; width: 152px;}
#navLien {top: 273px; width: 152px;}

#navAccueil a:hover {background: transparent url(../img/gb/nav.png) 0 -294px no-repeat;}
#navActualite a:hover {background: transparent url(../img/gb/nav.png) 0 -315px no-repeat;}
#navPresentation a:hover {background: transparent url(../img/gb/nav.png) 0 -336px no-repeat;}
#navElite a:hover {background: transparent url(../img/gb/nav.png) 0 -357px no-repeat;}
#navRando a:hover {background: transparent url(../img/gb/nav.png) 0 -378px no-repeat;}
#navChoc a:hover {background: transparent url(../img/gb/nav.png) 0 -399px no-repeat;}
#navInscription a:hover {background: transparent url(../img/gb/nav.png) 0 -420px no-repeat;}
#navContact a:hover {background: transparent url(../img/gb/nav.png) 0 -441px no-repeat;}
#navVideo a:hover {background: transparent url(../img/gb/nav.png) 0 -462px no-repeat;}
#navPresse a:hover {background: transparent url(../img/gb/nav.png) 0 -483px no-repeat;}
#navPartenaire a:hover {background: transparent url(../img/gb/nav.png) 0 -504px no-repeat;}
#navArchive a:hover {background: transparent url(../img/gb/nav.png) 0 -525px no-repeat;}
#navOrganisation a:hover {background: transparent url(../img/gb/nav.png) 0 -546px no-repeat;}
#navLien a:hover {background: transparent url(../img/gb/nav.png) 0 -567px no-repeat;}

/***************************************/
/*****       Titre des pages      ******/
/***************************************/
h2#hActualite {
background: transparent url(../img/gb/h_actualite.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hCourseChoc {
background: transparent url(../img/gb/h_course_chocrando.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hCourseElite {
background: transparent url(../img/gb/h_course_elite.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hCourseRando {
background: transparent url(../img/gb/h_course_rando.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hInscription {
background: transparent url(../img/gb/h_inscription.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hContact {
background: transparent url(../img/gb/h_contact.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hImage {
background: transparent url(../img/gb/h_image.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hNewsletter {
background: transparent url(../img/com/h-newsletter.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hPresse {
background: transparent url(../img/gb/h_presse.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hPartenaire {
background: transparent url(../img/gb/h_partenaire.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hPartenaire {
background: transparent url(../img/gb/h_partenaire.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
#hPresentation {
background: transparent url(../img/gb/h_presentation.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hArchive {
background: transparent url(../img/gb/h_archive.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hOrganisation {
background: transparent url(../img/gb/h_organisation.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
h2#hLien {
background: transparent url(../img/gb/h_lien.gif) left top no-repeat;
height: 24px;
margin: -36px 0 0 0;
padding: 0;
}
