/*
##################################
          Bandeau   Left
##################################
*/

div#bandeauleft {
	background: url(/images/common/nav/fond-band.jpg);
	float: left;
	width: 827px;
	height: 172px;
	background-color: White;
}

#bandeauleft div.logo {
	display: inline;
	float: left;
	width: 284px;
}
#bandeauleft div.bandhaut {
	padding-top: 12px

}
#bandeauleft div.parrainage {

	float: right;

}

/*
##################################
          Newsletter
##################################
*/

#bandeauleft div.newsletter {
	background: url(/images/fr/nav/band-news-fond.gif) left bottom	no-repeat;
	float: left;
	width: 310px;
	height: 48px;

}
#bandeauleft div.newsletter img {
	padding: 5px 0px 0px 12px;
	float: left;

}
#bandeauleft div.newsletter form {
	padding: 18px 12px 0px 0px;
	float: right;
}

#bandeauleft .chps {
	border: 1px solid #CFCDCE;
	margin-right: 8px;
	margin-bottom: 3px;
		font-size: 9px;
}

/*
##################################
   Lien Home Navig Anim
##################################
*/

#bandeauleft div.home {
	background: url(/images/fr/nav/band-bottom-fond.gif) left bottom no-repeat;
}

#bandeauleft a.home {
  vertical-align: top;
  background: url(/images/fr/nav/nav-home.gif) right bottom no-repeat;
  float: left;
  width: 86px;
  height: 32px;
  background-color:transparent;
}

#bandeauleft a.home span {
  display: none;
}

#bandeauleft a.home:hover {
  background-image: url(/images/fr/nav/nav-home-hover.gif);
}

#bandeauleft a.consveto {
  vertical-align: top;
  background: #04768D url(/images/fr/nav/band-conseil-veto.gif) no-repeat scroll left top;
  float: left;
  width: 198px;
  height: 32px;
  background-color: #04768D;
}

#bandeauleft a.consveto span {
  display: none;
}

/*
##################################
          Search Bar
##################################
*/

div#searchbar {
	background: url(/images/fr/nav/searchbar-fond.gif) left top no-repeat;
	height: 38px;
	clear: both;

}

#searchbar form {

	background-repeat: no-repeat;
	float: left;
	padding: 7px 0px 0px 180px;
}

#searchbar form input.go {
	/*padding-left: 20px;*/
}
/*
#searchbar form input{
	border:1px solid #C8C8C8;
}*/
#searchbar form select {
	border:1px solid #C8C8C8;
}

#searchbar  a.ad span {
	display: none;
}

#searchbar div.ad {
	float: right;
	width: 152px;
	height: 38px;
	overflow:hidden;
	background-color:transparent;
}



/*
##################################
  Bandeaux droit
##################################
*/
div#bandeauright {
	background-image: none;
	padding: 12px  0px 0px 0px;
	float: right;
	width: 150px;

	clear: right;
	border-right: 1px solid #CBCBCB;
	background-image: url(/images/fr/nav/band-panier-fond.gif);
}

#bandeauright ul,#bandeauright  li {
	margin: 0;
	padding: 0;
}

#bandeauright li {
	float: left;
	list-style: none;
}

#bandeauright a {
	display: block;
	width: 150px;
	background-repeat: no-repeat;
	background-color:transparent;
}

#bandeauright li a span {
	display: none;
}

#bandeauright a.servcli {
	height: 23px;
	background-image: url(/images/fr/nav/band-servclient.gif);
}

#bandeauright a.servcli:hover {
	background-image: url(/images/fr/nav/band-servclient-hover.gif);
}

#bandeauright a.moncpte {
	height: 22px;
	background-image: url(/images/fr/nav/band-moncompte.gif);
}

#bandeauright a.moncpte:hover {
	background-image: url(/images/fr/nav/band-moncompte-hover.gif);
}

li#bandpanier {
	padding: 0px 0px 0px 8px;
	height: 84px;
	color: #7E7E7E;
	font-weight: bold;
	font-size: 10px;
}
li#bandpanier a {

	color: #7E7E7E;
	text-decoration: none;
}

#bandeauright a.panier {
	margin-top: 32px;
	height: 16px;
	width: 135px;
	margin-bottom: 5px;
	background-image: url(/images/fr/nav/band-caddy.gif);
}

#bandeauright a.panier:hover {
	background-image: url(/images/fr/nav/band-caddy-hover.gif);
}

#bandeauright a.boutique {

	height: 32px;
	background: url(/images/fr/nav/band-boutique.gif) left top no-repeat;
}

#bandeauright a.boutique:hover {
	background-image: url(/images/fr/nav/band-boutique-hover.gif);
}

/*
##################################
  Nanig Anim
##################################
*/
div#animnav {
	margin-top: 13px;
	float: right;
	font-size: 0px;
	height: 72px;
	clear: right;
}

#animnav ul,#animnav  li {
	margin: 0;
	padding: 0;
}

#animnav li {
	float: left;
	list-style: none;
}

#animnav li a span {
	display: none;
}

#animnav a {
	float: left;
	display: block;
	width: 78px;
	height: 100px;
}

#animnav a.cha {
	background-image: url(/images/fr/nav/nav-cha.gif);
}

#animnav a.cha:hover, #animnav a.cha-on {
	background-image: url(/images/fr/nav/nav-cha-hover.gif);
}

#animnav a.fur {
	background-image: url(/images/fr/nav/nav-fur.gif);
}

#animnav a.fur:hover, #animnav a.fur-on {
	background-image: url(/images/fr/nav/nav-fur-hover.gif);
}

#animnav a.poi {
	background-image: url(/images/fr/nav/nav-poi.gif);
}

#animnav a.poi:hover , #animnav a.poi-on {
	background-image: url(/images/fr/nav/nav-poi-hover.gif);
}

#animnav a.ois {
	width: 77px;
	background-image: url(/images/fr/nav/nav-ois.gif);
}

#animnav a.ois:hover, #animnav a.ois-on {
	width: 77px;
	background-image: url(/images/fr/nav/nav-ois-hover.gif);
}

#animnav a.ron {
	background-image: url(/images/fr/nav/nav-ron.gif);
}

#animnav a.ron:hover,#animnav a.ron-on {
	background-image: url(/images/fr/nav/nav-ron-hover.gif);
}

#animnav a.che {
	width: 77px;
	background-image: url(/images/fr/nav/nav-che.gif);
}

#animnav a.che:hover,#animnav a.che-on {
	width: 77px;
	background-image: url(/images/fr/nav/nav-che-hover.gif);
}

#animnav a.chi {
	width: 77px;
	background-image: url(/images/fr/nav/nav-chi.gif);
}

#animnav a.chi:hover , #animnav a.chi-on  {
	width: 77px;
	background-image: url(/images/fr/nav/nav-chi-hover.gif);
}

#animnav a.bio {
	width: 77px;
	background-image: url(/images/fr/nav/nav-bio.gif);
}
#animnav a.bio:hover , #animnav a.bio-on  {
	width: 77px;
	background-image: url(/images/fr/nav/nav-bio-hover.gif);
}