<style type="text/css" media="screen">


</style>
[if IE]>
<style type="text/css" media="screen">
#navigation a .hover {
  cursor: pointer;
}
</style>
<![endif]



body {
    font-family: helvetica;
}


/*navigation haut globale */


#navigation {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
	height: 25px;
	position: relative;
	display: block;
	background-image: url(../img/menu.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*navigation individuelle */
#navigation a.accueil {
	background-position: -801px 0;
	width: 82px;
}

#navigation .highlight a.accueil:hover,
#navigation a.accueil .hover {
	background-position: -801px -25px;
	width: 82px;
}

#navigation a.toutsavoir {
	background-position: -10px 0;
	width: 90px;
}

#navigation .highlight a.toutsavoir:hover,
#navigation a.toutsavoir .hover {
	background-position: -10px -25px;
	width: 90px;
}

#navigation a.laboutique {
	background-position: -98px 0px;
	width: 96px;
}
#navigation .highlight a.laboutique:hover,
#navigation a.laboutique .hover {
	background-position: -98px -25px;
}

#navigation a.decouvrez {
	background-position: -194px 0;
	width: 167px;
}

#navigation .highlight a.decouvrez:hover,
#navigation a.decouvrez .hover {
	background-position: -194px -25px;
}

#navigation a.lesvins {
	background-position: -361px 0;
	width: 72px;
}

#navigation .highlight a.lesvins:hover,
#navigation a.lesvins .hover {
	background-position: -361px -25px;
}

#navigation a.nosrecettes {
	background-position: -433px 0;
	width: 103px;
}

#navigation .highlight a.nosrecettes:hover,
#navigation a.nosrecettes .hover {
	background-position: -433px -25px;
}

#navigation a.leschateaux {
	background-position: -433px 0;
	width: 103px;
}
#navigation .highlight a.leschateaux:hover, #navigation a.leschateaux .hover {
	background-position: -536px -25px;
}
#navigation a.leschateaux {
	background-position: -536px 0;
	width: 107px;
}
#navigation a.telecharger {
	background-position: -643px 0;
	width: 97px;
}
#navigation .highlight a.telecharger:hover, #navigation a.telecharger .hover {
	background-position: -643px -25px;
}
#navigation a.contact {
	background-position: -740px 0;
	width: 76px;
}
#navigation .highlight a.contact:hover, #navigation a.contact .hover {
	background-position: -740px -25px;
}

#navigation a.galerie {
	background-position: -885px 0;
	width: 115px;
}
#navigation .highlight a.galerie:hover, #navigation a.galerie .hover {
	background-position: -885px -25px;
}

#navigation a.organigramme {
	background-position: -1010px 0;
	width: 200px;
}
#navigation .highlight a.organigramme:hover, #navigation a.organigramme .hover {
	background-position: -1010px -25px;
}




/*navigation bas globale */



#navigationfooter {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#navigationfooter li {
  float: left;
}

#navigationfooter a * {
  display: none;
}

#navigationfooter a,
#navigationfooter a .hover {
	height: 25px;
	position: relative;
	display: block;
	background-image: url(../img/menufooter.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*navigation bas individuelles*/


#navigationfooter a.credits {
	background-position: 0 0;
	width: 55px;
}
#navigationfooter .highlight2 a.credits:hover, #navigationfooter a.credits .hover {
	background-position: 0 -25px;
	
}
#navigationfooter .highlight2 a.legal:hover, #navigationfooter a.legal .hover {
	background-position: -55px -25px;
}
#navigationfooter a.legal {
	background-position: -55px 0;
	width: 60px;
}
#navigationfooter .highlight2 a.liens:hover, #navigationfooter a.liens .hover {
	background-position: -115px -25px;
}
#navigationfooter a.liens {
	background-position: -115px 0;
	width: 52px;
}
#navigationfooter .highlight2 a.faq:hover, #navigationfooter a.faq .hover {
	background-position: -167px -25px;
}
#navigationfooter a.faq {
	background-position: -167px 0;
	width: 48px;
}
#navigationfooter .highlight2 a.adherents:hover, #navigationfooter a.adherents .hover {
	background-position: -215px -25px;
}
#navigationfooter a.adherents {
	background-position: -215px 0;
	width: 145px;
}


#navigationfooter .highlight2 a.public:hover, #navigationfooter a.public .hover {
	background-position: -350px -25px;
}
#navigationfooter a.public {
	background-position: -350px 0;
	width: 145px;
}
#navigationfooter .highlight2 a.english:hover, #navigationfooter a.english .hover {
	background-position: -500px -25px;
}
#navigationfooter a.english {
	background-position: -500px 0;
	width: 63px;
	margin-left: 582px;
	position: absolute;
}
#navigationfooter a.francais {
	background-position: -572px 0;
	width: 63px;
	margin-left: 582px;
	position: absolute;
}
#navigationfooter .highlight2 a.francais:hover, #navigationfooter a.francais .hover {
	background-position: -572px -25px;
}
#navigationfooter a.anglais {
	background-position: -500px 0;
	width: 63px;
	margin-left: 582px;
	position: absolute;
}
#navigationfooter .highlight2 a.anglais:hover, #navigationfooter a.anglais .hover {
	background-position: -500px -25px;
}




/* cepages global */
#cepages {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
}

#cepages li {
	float: left;
}

#cepages a * {
  display: none;
}

#cepages a,
#cepages a .hover {
	height: 200px;
	position: relative;
	display: block;
	background-image: url(../img/cepages.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0px;
	width: 180px;
}
/* cepages individuel */

#cepages .highlight3 a.bloc3:hover, #cepages a.bloc3 .hover {
	background-position: -400px -200px;
}
#cepages a.bloc3 {
	background-position: -400px 0;
	margin-right: 50px;
}


#cepages .highlight3 a.bloc1:hover, #cepages a.bloc1 .hover {
	background-position: 0px -200px;
}
#cepages a.bloc1 {
	margin-right: 50px;
	margin-left: 10px;
}

#cepages .highlight3 a.bloc2:hover, #cepages a.bloc2 .hover {
	background-position: -200px -200px;
}
#cepages a.bloc2 {
	background-position: -200px 0;
	margin-right: 50px;
}






/* logo */
#fadelogo  a.logo 
   {
	background-position: -98px -25px;
}



#fadelogo  a.logo {
	background-position: 0 0;
	width: 385px;
	height: 70px;
}
  {
	background-position: 0 -70px;
	width: 385px;
	height: 70px;
}
#fadelogo .highlight a.logo:hover, #fadelogo a.logo .hover {
	background-position: 0px -70px
}
#fadelogo {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#fadelogo li {
	float: left;
}
#fadelogo a * {
	display: none;
}
#fadelogo a, #fadelogo a .hover {
	height: 70px;
	position: relative;
	display: block;
	background-image: url(../img/logoentre2mers.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}








