/********************************************************************************
Title:      otr-main.css
Author:     nurun.com
Updated:    April 2009

Content:
				- BASE INIT :: Tous les styles des TAG globaux au load
				- HEADER :: Tous les styles se rapportant au header du site FR et EN
				- FOOTER :: Tous les styles se rapportant au footer du site FR et EN

********************************************************************************
	NOTES :
	Le layout principal est géré de cette façon :
	Les z-index des éléments suivant sont relatif au body
	Header : z-index = 4 
	colone de gauche : z-index = 3
	Links bar : z-index = 3
	Map : z-index = 1 (la map est dessous tous les autres objets du DOM)
	Pub : z-index = 2 (La pub (Magic Moments) est au dessus de la map mais dessous les panneaux de gauche
	Footer : z-index = 4 (Même niveau que le header - au dessus de tout les autres)
	
	+----------------------------+
	|        z-index: 4          |
	+----------+-----------------+
	|          | z-index: 3      |
	|          +-----------------+
	|          | z-index: 1 +----|
	|          |            |z-in|
	|z-index: 3|            |dex:|
	|          |            | 2  |
	|          |            +----|
	|          |                 |
	|          |                 |
	+----------+-----------------+
	|        z-index: 4          |
	+----------------------------+
	
********************************************************************************/
	/********************************************************************************
  BASE INIT
********************************************************************************/
body {
	background-color: #eceff0;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

b,strong {
	font-weight: bold;
}

i,em {
	font-style: italic;
}

p {
	color: #676E74;
}

sup {
	font-size: 0.7em;
	vertical-align: super;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

.no-margin {
	margin: 0 !important;
}

.down5 {
	position: relative;
	bottom: -5px;
	z-index: 2;
}

.w34 {
	width: 34px;
}

.w244 {
	width: 244px;
}

.w280 {
	width: 280px;
}

.fs10 {
	font-size: 10px;
}

.fs11 {
	font-size: 11px;
}

.fs12 {
	font-size: 12px;
}

.fs13 {
	font-size: 13px;
}

.fs14 {
	font-size: 14px;
}

.fs15 {
	font-size: 15px;
}

.fs16 {
	font-size: 16px;
}

.fs17 {
	font-size: 17px;
}

.fs18 {
	font-size: 18px;
}

.lnh14 {
	line-height: 14px;
}

.flLeft {
	float: left;
}

.long-desc {
	position: absolute;
	left: -8000px;
	top: -8000px;
}

.upper {
	text-transform: uppercase;
}

.lightblue {
	color: #5590d7;
}

.green {
	color: #3d9100;
}

.fixheight:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.field {
	position: relative;
}

.errorMarker span {
	position: absolute;
	top: 3px;
	right: 5px;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -10000px;
}

.errorMarker span.isValid {
	background: url(../images/validation-valid.png);
}

.errorMarker span.isInvalid {
	background: url(../images/validation-error.png);
}

input {
	color: #181818;
	font-size: 12px;
}

input.example {
	color: #999;
	font-size: 11px;
	font-style: italic;
}

input.text {
	border: 1px solid #e2e9ef;
	border-top: 1px solid #aaadb2;
	padding: 3px 8px 4px;
	line-height: 18px;
}

input.checkbox {
	padding: 0;
	margin: 6px 5px 6px 0;
	float: left;
}

select {
	border: 1px solid #e2e9ef;
	border-top: 1px solid #aaadb2;
	color: #181818;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
}

label {
	font-size: 11px;
	line-height: 24px;
	color: #181818;
	margin-right: 3px;
}

label.input-flag {
	float: left;
	display: inline;
	width: 12px;
	height: 26px;
	background: transparent url(../images/main-layout/s-input-flag.png)
		no-repeat 0 0;
	font-size: 9px;
	line-height: 12px;
	color: #fff;
	padding: 1px 5px 1px 2px;
	font-weight: bold;
	text-align: center;
}

label.input-flag span {
	display: none;
}

label.input-flag.flag-error {
	background-image: url(../images/main-layout/s-input-error-flag.png);
}

.errorMessage h2 {
	font-weight: bold;
	color: #AA0000;
}

.errorMessage p {
	font-size: 0.9em;
	color: #000;
}

/********************************************************************************
  ///// BASE INIT
********************************************************************************/
	/********************************************************************************
  HEADER
********************************************************************************/
#cHeader {
	height: 129px;
	position: relative;
	z-index: 4;
}

#header-wrapper {
	text-align: center;
	background: #1d0f98 url(../images/main-layout/header-bg.gif) repeat-y
		center top;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	height: 92px;
	position: relative;
	z-index: 2;
	/* cette position est relative au parent #cHeader qui est déjà au dessus des autres. à 1, il sera dessous le logo qui sera défini à 2 */
}

#header {
	width: 945px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	top: -4px;
}

#sub-header {
	text-align: center;
	position: relative;
	height: 29px;
	background: #fafafb url(../images/main-layout/sub-header-bg.gif) repeat-x 0 0;
	z-index: 1; /* cette position est relative au parent #cHeader qui est déjà au dessus des autres. à 2, il sera au dessus du wrapper du  menu qui est défini à 1 */
}

#main-nav li#otr-logo{
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	top: 17px;
	text-indent: -8000px;
	overflow: hidden;
	margin: 0 auto 0 40px;
	z-index: 3;
}
  .FR #main-nav li#otr-logo{
    width: 442px;
    height: 54px;
    background-image: url(../images/fr/main-layout/otr-logo.png);
  }
  .EN #main-nav li#otr-logo{
    width: 442px;
    height: 54px;
    background-image: url(../images/en/main-layout/otr-logo.png);
  }
	
#header #header-elements {
	border-top: 4px solid white;
	border-bottom: none !important;
}

#find-a-dealer {
	width: 185px !important;
	position: absolute !important;
	top: 26px !important;
	right: 130px !important;
}


/*	
	#header #header-elements {
	  background-position: 0 0;
	  background-repeat: no-repeat;
	  border-bottom:4px solid #FFFFFF;
	  border-top:4px solid #FFFFFF;	  
	  top: -4px;
	  width: 919px;
	  height: 92px;
	  margin: 0 auto;
	  color: #fff;
	  position: relative;
	}
	  .FR #header #header-elements {
	    background-image: url(../images/fr/main-layout/bgHeader.gif);
	  }
	  .EN #header #header-elements {
	    background-image: url(../images/en/main-layout/bgHeader.gif);
	  }
	
	h1#logo {
	  position: absolute;
	  top: 4px;
	  left: 13px;
	}
	
	h1#logo a {
	  display: block;
	  width: 205px;
	  height: 92px;
	  text-indent: -3000px;
	  overflow: hidden;
	  cursor: pointer;
	}
	
	#welcome {
	  width: 253px;
	  height: 14px;
	  text-indent: -3000px;
	  position: absolute;
	  top: 38px;
	  left: 218px;
	}
		.FR #welcome {
			background: transparent url(../images/fr/main-layout/headerWelcome.gif) no-repeat 0 0;
		}
		.EN #welcome {
			background: transparent url(../images/en/main-layout/headerWelcome.gif) no-repeat 0 0;
		}
	
	#find-a-dealer {
	  width: 175px;
	  position: absolute;
	  top: 26px;
	  right: 130px;
	}
	
	#hd-dl-f-zip {
	  width: 66px;
	  height: 15px;
	  float: left;
	  font-size: 11px;
	  color: #424242;
	  padding: 2px 0 0 6px;
	}
	
	#find-dealer-btn-header {
	  float: right;
	  margin: 9px 0 0 8px;;
	}
	
	#language-switch {
	  width: 47px;
	  position: absolute;
	  top: 35px;
	  right: 36px;
	}

	a#btn-language-switch {
	  width: 47px;
	  height: 11px;
	  background-repeat: no-repeat;
	  display: block;
	  text-indent: -3000px;
	  overflow: hidden;
	  text-decoration: none;
	}
    .FR a#btn-language-switch {
      background-image: url(../images/fr/main-layout/btn_switch.gif);
    } 
    .EN a#btn-language-switch {
      background-image: url(../images/en/main-layout/btn_switch.gif);
    } 
    
  #nav-container {
	  position: absolute;
	  z-index: 2;
	  top: 59px;
	  left: 217px;
	}
	
	#main-nav {
	  width: 713px;
	  height: 29px;
	}
	
	#main-nav li {
	  position: absolute;
	  top: 0;
	  z-index: 2;
	}
	
	#main-nav li a {
	  display: block;
	  height: 30px;
	  text-indent: -3000px;
	  overflow: hidden;
	}
    .FR #main-nav li a {
      background: transparent url(../images/fr/main-layout/mainNav.gif) 0 0 no-repeat;  
    }
    .EN #main-nav li a {
      background: transparent url(../images/en/main-layout/mainNav.gif) 0 0 no-repeat;  
    }

	#main-nav li#home {
	  left: 0; 
	  width: 56px; 
	}
	#main-nav li#home a:hover, 
	body.home #main-nav li#home a {
	  background-position: 0 -29px;
	}
	
	.FR #main-nav li#catalog {
		left: 56px; 
		width: 96px;
	}
	.EN #main-nav li#catalog {
		left: 56px; 
		width: 96px;
	}

	#main-nav li#catalog a {
	  background-position: -70px 0;
	}
	#main-nav li#catalog a:hover,
  body.catalog #main-nav li#catalog a {
	  background-position: -70px -29px;
	}

	#main-nav li#warranty {
	  left: 190px; 
	  width: 129px;
	}
	#main-nav li#warranty a {
	  background-position: -190px 0;
	}
	#main-nav li#warranty a:hover,
	body.warranty #main-nav li#warranty a {
	  background-position: -190px -29px;
	}
	
	#main-nav li#tire-care {
	  left: 319px; 
	  width: 120px;
	}
	#main-nav li#tire-care a {
	  background-position: -319px 0;
	}
	#main-nav li#tire-care a:hover,
	body.tire-care #main-nav li#tire-care a {
	  background-position: -319px -29px
	}
	
	#main-nav li#how-to-buy-tires {
	  left: 439px; 
	  width: 165px;
	}
	#main-nav li#how-to-buy-tires a {
	  background-position: -439px 0;
	}
	#main-nav li#how-to-buy-tires a:hover,
	body.how-to-buy-tires #main-nav li#how-to-buy-tires a {
	  background-position: -439px -29px;
	}
	
	.EN #main-nav li#about-us {
	  left: 604px; 
	  width: 109px;
	}
	.FR #main-nav li#about-us {
	  left: 604px; 
	  width: 109px;
	}
	.EN #main-nav li#about-us a {
	  background-position: -604px 0;
	}
	.FR #main-nav li#about-us a {
	  background-position: -604px 0;
	}

	.EN #main-nav li#about-us a:hover,
	.EN body.about-us #main-nav li#about-us a {
		background-position: -616px -29px;
	}
	.FR #main-nav li#about-us a:hover,
	.FR body.about-us #main-nav li#about-us a {
		background-position: -623px -29px;
	}


		#main-nav .bd {
			background-color: transparent;
			border-width: 0px;
		}
		#main-nav,
		#main-nav li,
		#main-nav li a,
		#main-nav li a:hover {
			border-width: 0px;
		}
/*
*Sub Nav*
*************************************************************************** /

#main-nav li ul li {
	position: static;
	margin: 0 0 2px 0;
	line-height:14px; overflow:hidden;
	font-size: 10px;
}

#nav-container #main-nav li ul li a {
	height: 14px; overflow:hidden;
	display: block;
	padding: 0 9px 0 11px; 
	text-indent: 0;
	color: #4a4a4a;
	cursor: pointer;
	text-decoration: none; 
	background: #fff;
}

#nav-container #main-nav li ul li a span.arrow { display:none;}

#nav-container #main-nav li ul li a span {
	background: url(../images/en/main-layout/arrows.gif) 0 4px no-repeat;
	padding-left:12px;
}

#nav-container #main-nav li ul li a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #0e008a;
	background: transparent url(../images/en/main-layout/bgSubMenuRO.gif) repeat-x;
}

#main-nav li #catalog-sub-menu {
	width: 218px;
}

#main-nav li #catalog-sub-menu ul li a {
	width: 205px;
}

#main-nav li #warranty-sub-menu {
	width: 152px;
}

#main-nav li #warranty-sub-menu ul li a {
	width: 130px;
}

#main-nav li #tire-care-sub-menu {
	width: 133px;
}

#main-nav li #tire-care-sub-menu ul li a {
	width: 111px;
}

#main-nav li #how-to-buy-tires-sub-menu {
	width: 144px;
}

#main-nav li #how-to-buy-tires-sub-menu ul li a {
	width: 122px;
}

#main-nav li #about-us-sub-menu {
	width: 165px;
}

#main-nav li #about-us-sub-menu ul li a {
	width: 143px;
}

*/
	/********************************************************************************
  ///// END HEADER
********************************************************************************/
	/********************************************************************************
  FOOTER
********************************************************************************/
#cFooter {
	background: transparent url(../images/main-layout/footer-bg.gif)
		repeat-x 0 0;
	text-align: center;
	height: 28px;
	padding: 2px 0 1px;
	position: relative;
	z-index: 4;
}

#footer {
	background: none !important; width : 875px !important;
	height: 28px !important;
	padding: 0 35px !important;
	margin: 0 auto !important;
	float: none !important;
	width: 875px !important;
}

#footer-nav-privacy {
	width: 310px;
	height: 12px;
	float: left;
	margin-top: 10px;
}

#footer-nav-contact {
	width: 320px;
	height: 12px;
	float: right;
	margin-top: 10px;
}

/*
	#footer ul {
	  position: relative;
	}
	
	#footer li {
	  position: absolute;
	  top: 0; 
	  float: left;
	}
	
	#footer li a {
	  display: block;
	  height: 12px;
	  text-indent: -3000px;
	  overflow: hidden;
	}
	
	#footer-nav-privacy {
	  width: 310px;
	  height: 12px;
	  float: left;
	  margin-top: 10px;
	}
	  .FR #footer-nav-privacy {
	    width: 395px;
	    background: transparent url(../images/fr/main-layout/footerNavLeft.gif) 0 0 no-repeat;
	  }
	  .EN #footer-nav-privacy {
	    background: transparent url(../images/en/main-layout/footerNavLeft.gif) 0 0 no-repeat;
	  }
	
	#footer-nav-contact {
	  width: 320px;
	  height: 12px;
	  float: right;
	  margin-top: 10px;
	}
	  .FR #footer-nav-contact {
	    width: 368px;
	    background: transparent url(../images/fr/main-layout/footerNavRight.gif) 0 0 no-repeat;
	  }
	  .EN #footer-nav-contact {
	    background: transparent url(../images/en/main-layout/footerNavRight.gif) 0 0 no-repeat;
	  }
	
	#michelin-global-sites {
	  left: 0; 
	  width: 101px; 
	}
	  .FR #michelin-global-sites {width: 126px;}
		.FR #michelin-global-sites a {
		  background: transparent url(../images/fr/main-layout/footerNavLeft.gif) 0 0 no-repeat;
		}
		.EN #michelin-global-sites a {
		  background: transparent url(../images/en/main-layout/footerNavLeft.gif) 0 0 no-repeat;
		}
	#michelin-global-sites a:hover {background-position: 0 -12px;}
	
	
	#copyright {
	  left: 101px; 
	  width: 71px;
	  text-indent: -3000px; 
	}
	  .FR #copyright {left: 134px; width: 74px;}
	
	#terms-of-use {
	  left: 172px; 
	  width: 74px; 
	}
	  .FR #terms-of-use {left: 216px; width: 94px;}
		.FR #terms-of-use a {
		  background: transparent url(../images/fr/main-layout/footerNavLeft.gif) -216px 0 no-repeat;
		}
			.FR #terms-of-use a:hover {background-position: -216px -12px;}
	
	  .EN #terms-of-use a {
		  background: transparent url(../images/en/main-layout/footerNavLeft.gif) -172px 0 no-repeat;
		}
		  .EN #terms-of-use a:hover {background-position: -172px -12px;}
	
	#privacy-policy {
	  left: 246px; 
	  width: 64px; 
	}
	  .FR #privacy-policy {left: 329px; width: 67px;}
		.FR #privacy-policy a {
		  background: transparent url(../images/fr/main-layout/footerNavLeft.gif) -329px 0 no-repeat;
		}
			.FR #privacy-policy a:hover {background-position: -329px -12px;}
		.EN #privacy-policy a {
		  background: transparent url(../images/en/main-layout/footerNavLeft.gif) -246px 0 no-repeat;
		}
			.EN #privacy-policy a:hover {background-position: -246px -12px;}
	
	
	#tire-register {
	  left: 0px; 
	  width: 103px;
	}
		.FR #tire-register {width: 114px;}
		.FR #tire-register a {
		  background: transparent url(../images/fr/main-layout/footerNavRight.gif) 0px 0 no-repeat;
		}
		.EN #tire-register a {
		  background: transparent url(../images/en/main-layout/footerNavRight.gif) 0px 0 no-repeat;
		}
	#tire-register a:hover {background-position: 0px -12px;} 
	  
	#motor-sport {
	  left: 111px; 
	  width: 58px;
	}
		.FR #motor-sport {left: 122px; width: 82px;}
		.FR #motor-sport a {
	    background: transparent url(../images/fr/main-layout/footerNavRight.gif) -122px 0 no-repeat;
	  }
			.FR #motor-sport a:hover {background-position: -122px -12px;}
		.EN #motor-sport a {
	    background: transparent url(../images/en/main-layout/footerNavRight.gif) -111px 0 no-repeat;
	  }
			.EN #motor-sport a:hover {background-position: -111px -12px;}
	
	#contact-us {
	  left: 180px; 
	  width: 56px; 
	}
		.FR #contact-us {left: 210px; width: 75px;}
		.FR #contact-us a {
		  background: transparent url(../images/fr/main-layout/footerNavRight.gif) -210px 0 no-repeat;
		}
			.FR #contact-us a:hover {background-position: -210px -12px;}
		.EN #contact-us a {
		  background: transparent url(../images/en/main-layout/footerNavRight.gif) -180px 0 no-repeat;
		}
			.EN #contact-us a:hover {background-position: -180px -12px;}
	
	#phone-number {
	  left: 246px; 
	  width: 72px;
	  text-indent: -3000px;  
	}
		.FR #phone-number {left: 293px; width: 76px;}



*/
	/********************************************************************************
  ///// END FOOTER
********************************************************************************/
	/********************************************************************************
  LEFT CONTAINER
********************************************************************************/
#cLeft {
	/*background: transparent url(../images/main-layout/panel-right-shadow.png) repeat-y right 0;*/
	float: left;
	width: 420px;
	padding: 0px;
	min-height: 400px;
	position: relative;
	z-index: 3;
	overflow: hidden;
}

#cLeft #cLeft-wrapper {
	height: 100%;
	/*background-color: #d9dfe2;*/
	border-right: 1px solid #fafafb;
	background: #d9dfe2 url(../images/main-layout/left-panel-bg.png)
		repeat-x 0 0;
}

#cLeft div.hr {
	position: relative;
	margin: 8px 0;
	height: 5px;
	font-size: 1px;
	line-height: 1px;
}

#cLeft div.hr div {
	position: absolute;
	top: 0px;
	left: -3px;
	width: 298px;
	height: 5px;
	background: transparent url(../images/hr.png) no-repeat 0 0;
}

/******************************************************************************
    VERTICAL LEFT MENUS
  ******************************************************************************/
.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a:focus,.yui-skin-sam .yui-navset .yui-nav .selected a:hover
	{
	background: transparent none no-repeat 0 0;
	color: #000;
	border: 0;
	text-decoration: none;
}

.yui-skin-sam .yui-navset .yui-nav a,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a
	{
	border-width: 0;
}

#cLeft #vMenus ul.yui-nav {
	float: left;
	width: 84px;
	border-width: 0;
	background: #fff url(../images/vmenus/list-bg.gif) repeat-y right 0;
}

#cLeft #vMenus ul.yui-nav li {
	display: block;
	width: 84px;
	height: 61px;
	overflow: hidden;
	text-indent: -8000px;
	border-width: 0;
	padding: 0;
	margin: 0;
}

#cLeft #vMenus ul.yui-nav li a,#cLeft #vMenus ul.yui-nav li a:focus,#cLeft #vMenus ul.yui-nav li a:hover
	{
	display: block;
	width: 84px;
	height: 61px;
	background: transparent url(../images/fr/vmenus/vmenus-icons.png)
		no-repeat 0 0;
	border-width: 0;
	text-decoration: none;
	padding: 0;
}

.EN #cLeft #vMenus ul.yui-nav li a,.EN #cLeft #vMenus ul.yui-nav li a:focus,.EN #cLeft #vMenus ul.yui-nav li a:hover
	{
	background: transparent url(../images/en/vmenus/vmenus-icons.png)
		no-repeat 0 0;
}

/* Menu overview */
#cLeft #vMenus ul.yui-nav li#vm-overview,#cLeft #vMenus ul.yui-nav li#vm-overview a
	{
	height: 27px;
}

.FR #cLeft #vMenus ul.yui-nav li#vm-overview a {
	background-image: url(../images/fr/vmenus/vmenu-overview.png);
}

.EN #cLeft #vMenus ul.yui-nav li#vm-overview a {
	background-image: url(../images/en/vmenus/vmenu-overview.png);
}

#cLeft #vMenus ul.yui-nav li#vm-overview a:hover {
	background-position: 0 -54px;
}

#cLeft #vMenus ul.yui-nav li#vm-overview.selected a,#cLeft #vMenus ul.yui-nav li#vm-overview.selected a:hover
	{
	background-position: 0 -27px;
}

/* Menu Fuel calculator */
#cLeft #vMenus ul.yui-nav li#vm-fuel a {
	background-position: 0 0;
}

#cLeft #vMenus ul.yui-nav li#vm-fuel a:hover {
	background-position: 0 -732px;
}

#cLeft #vMenus ul.yui-nav li#vm-fuel.selected a,#cLeft #vMenus ul.yui-nav li#vm-fuel.selected a:hover
	{
	background-position: 0 -366px;
}

/* Menu Efficiency tips */
#cLeft #vMenus ul.yui-nav li#vm-efficiency a {
	background-position: 0 -61px;
}

#cLeft #vMenus ul.yui-nav li#vm-efficiency a:hover {
	background-position: 0 -793px;
}

#cLeft #vMenus ul.yui-nav li#vm-efficiency.selected a,#cLeft #vMenus ul.yui-nav li#vm-efficiency.selected a:hover
	{
	background-position: 0 -427px;
}

/* Menu Dealer location */
#cLeft #vMenus ul.yui-nav li#vm-dealer a {
	background-position: 0 -122px;
}

#cLeft #vMenus ul.yui-nav li#vm-dealer a:hover {
	background-position: 0 -854px;
}

#cLeft #vMenus ul.yui-nav li#vm-dealer.selected a,#cLeft #vMenus ul.yui-nav li#vm-dealer.selected a:hover
	{
	background-position: 0 -488px;
}

/* Menu Gas station */
#cLeft #vMenus ul.yui-nav li#vm-gas a {
	background-position: 0 -183px;
}

#cLeft #vMenus ul.yui-nav li#vm-gas a:hover {
	background-position: 0 -915px;
}

#cLeft #vMenus ul.yui-nav li#vm-gas.selected a,#cLeft #vMenus ul.yui-nav li#vm-gas.selected a:hover
	{
	background-position: 0 -549px;
}

/* Menu Magic moments */
#cLeft #vMenus ul.yui-nav li#vm-magic a {
	background-position: 0 -244px;
}

#cLeft #vMenus ul.yui-nav li#vm-magic a:hover {
	background-position: 0 -976px;
}

#cLeft #vMenus ul.yui-nav li#vm-magic.selected a,#cLeft #vMenus ul.yui-nav li#vm-magic.selected a:hover
	{
	background-position: 0 -610px;
}

/* Menu Green guides */
#cLeft #vMenus ul.yui-nav li#vm-guides a {
	background-position: 0 -305px;
}

#cLeft #vMenus ul.yui-nav li#vm-guides a:hover {
	background-position: 0 -1037px;
}

#cLeft #vMenus ul.yui-nav li#vm-guides.selected a,#cLeft #vMenus ul.yui-nav li#vm-guides.selected a:hover
	{
	background-position: 0 -671px;
}

#cLeft #vMenus div.yui-content { /*margin-left: 84px;*/
	float: left;
	border: 0px;
	background-color: transparent;
	height: 0px;
	padding: 0 0 0 18px;
	/*background:  #d9dfe2 url(../images/main-layout/left-panel-bg.png) repeat-x 0 0;*/
}

.yui-navset .yui-content .yui-hidden {
	top: -999999px;
}

#cLeft #vMenus div.tab-content-wrapper {
	overflow-y: auto;
	overflow-x: visible;
	width: 317px;
	position: relative;
	z-index: 1;
	padding-top: 8px;
}

/******************************************************************************
    ///// END VERTICAL LEFT MENUS
  ******************************************************************************/
#nav-overview h1,#nav-fuel-calculator h1,#nav-efficiency-tips h1 {
	display: block;
	height: 20px;
	width: 250px;
	background: transparent none no-repeat 0 0;
	padding: 0;
	margin: 6px 0;
	text-indent: -8000px;
}

#nav-overview h1,#nav-efficiency-tips h1 {
	margin-left: 13px;
}

.FR #nav-overview h1,.FR #nav-fuel-calculator h1,.FR #nav-efficiency-tips h1
	{
	height: 24px;
}

/******************************************************************************
	  TAB :: OVERVIEW
	******************************************************************************/
#nav-overview {
	margin-left: -13px;
	width: 330px;
	height: 730px;
}

#nav-overview div#mm-overview-bg-wrapper {
	position: absolute;
	top: 24px;
	left: 89px;
	z-index: 0 !important;
	width: 330px;
}

.FR #nav-overview div#mm-overview-bg {
	background: transparent url(../images/fr/overview/mm-overview.png)
		no-repeat 0 0;
	width: 330px;
}

.EN #nav-overview div#mm-overview-bg {
	width: 330px;
	background: transparent url(../images/en/overview/mm-overview.png)
		no-repeat 0 0;
}

/*.FR #nav-overview {
			background: transparent url(../images/fr/overview/mm-overview.png) no-repeat 0 24px;
		}
		.EN #nav-overview {
			background: transparent url(../images/en/overview/mm-overview.png) no-repeat 0 24px;
		}*/
.FR #nav-overview h1 {
	background-image: url(../images/fr/overview/h1-overview.png);
}

.EN #nav-overview h1 {
	background-image: url(../images/en/overview/h1-overview.png);
}

.FR #nav-overview div#overview-start {
	width: 101px;
	height: 20px;
	padding: 72px 0 0 109px;
}

.FR #nav-overview div#overview-start a {
	display: block;
	width: 101px;
	height: 20px;
}

.EN #nav-overview div#overview-start {
	width: 67px;
	height: 23px;
	padding: 76px 0 0 119px;
}

.EN #nav-overview div#overview-start a {
	display: block;
	width: 67px;
	height: 23px;
}

/******************************************************************************
	  ///// END TAB :: OVERVIEW
	******************************************************************************/
	/******************************************************************************
	  TAB :: FUEL CALCULATOR
	******************************************************************************/
#destBoth {
	height: 1px;
}

#nav-fuel-calculator { /* /
			border: 1px solid red;
		/*/
	
}

#nav-fuel-calculator h1 {
	display: block;
	height: 20px;
	width: 250px;
	background: transparent none no-repeat 0 7px;
	padding: 0;
	margin: 0;
	text-indent: -8000px;
}

.FR #nav-fuel-calculator h1 {
	background-image:
		url(../images/fr/fuel-calculator/h1-fuel-calculator.png);
}

.EN #nav-fuel-calculator h1 {
	background-image:
		url(../images/en/fuel-calculator/h1-fuel-calculator.png);
}

#nav-fuel-calculator h2 {
	display: block;
	background: transparent none no-repeat 0 7px;
	padding: 8px 0;
	margin: 0;
	/*text-indent: -8000px;*/
	font-size: 10px;
	/*font-weight: bold;*/
	color: #3d9100;
	text-transform: uppercase;
}

/*
		.FR #nav-fuel-calculator h2.hRoute {
			background-image: url(../images/fr/fuel-calculator/h2-your-route.png);
		}
		.EN #nav-fuel-calculator h2.hRoute {
			background-image: url(../images/en/fuel-calculator/h2-your-route.png);
		}
		.FR #nav-fuel-calculator h2.hVehicule {
			background-image: url(../images/fr/fuel-calculator/h2-your-vehicule.png);
		}
		.EN #nav-fuel-calculator h2.hVehicule {
			background-image: url(../images/en/fuel-calculator/h2-your-vehicule.png);
		}
		*/
#nav-fuel-calculator h2.hGasPrice {
	float: left;
	padding: 3px 0;
}

#nav-fuel-calculator h2.hGasPrice label {
	color: #3d9100;
	line-height: 18px;
}

.FR #nav-fuel-calculator h2.hGasPrice {
	width: 95px;
	/*background-image: url(../images/fr/fuel-calculator/h2-gas-price.png);*/
}

.EN #nav-fuel-calculator h2.hGasPrice {
	width: 70px;
	/*background-image: url(../images/en/fuel-calculator/h2-gas-price.png);*/
}

.FR #nav-fuel-calculator h2.hTripEstimate {
	float: left;
	width: 140px;
	/*background-image: url(../images/fr/fuel-calculator/h2-trip-estimate.png);*/
}

.EN #nav-fuel-calculator h2.hTripEstimate {
	float: left;
	width: 100px;
	/*background-image: url(../images/en/fuel-calculator/h2-trip-estimate.png);*/
}

/*
		.FR #nav-fuel-calculator h2.hMichelinGasSavings {
			background-image: url(../images/fr/fuel-calculator/h2-michelin-gas-savings.png);
		}
		.EN #nav-fuel-calculator h2.hMichelinGasSavings {
			background-image: url(../images/en/fuel-calculator/h2-michelin-gas-savings.png);
		}
		*/
#nav-fuel-calculator a.btnEditTripInfo {
	float: right;
	height: 16px;
	text-indent: -8000px;
	overflow: hidden;
	background: transparent none no-repeat 0 0;
	margin: 2px 7px 0 0;
}

.FR #nav-fuel-calculator a.btnEditTripInfo {
	background-image:
		url(../images/fr/fuel-calculator/btn-edit-trip-info.gif);
	width: 146px;
}

.EN #nav-fuel-calculator a.btnEditTripInfo {
	background-image:
		url(../images/en/fuel-calculator/btn-edit-trip-info.gif);
	width: 115px;
}

#nav-fuel-calculator select.carSelector-buton {
	margin: 3px 0;
}

#nav-fuel-calculator div#carsel-mpg {
	height: 15px;
	background-color: #fff;
	padding: 0 8px;
	font-size: 11px;
	width: 264px;
}

#nav-fuel-calculator div#carsel-mpg span.caption {
	padding-left: 5px;
}

#nav-fuel-calculator div#carsel-mpg span.value {
	color: #5590d7;
	font-weight: bold;
}

#nav-fuel-calculator input#doSubmit {
	float: right;
	margin-right: 7px;
}

#nav-fuel-calculator div.tripDetails {
	padding-top: 18px;
	height: 45px;
	width: 287px;
	background: transparent url(../images/bg-trip-estimate.png) no-repeat 0
		bottom;
}

#nav-fuel-calculator div.tripDetails .detailBox {
	float: left;
	width: 90px;
	height: 45px;
	margin-right: 7px;
	text-align: center;
	padding: 0;
}

#nav-fuel-calculator div.tripDetails .detailBox.last {
	margin-right: 0px;
}

#nav-fuel-calculator div.tripDetails .detailBox span {
	text-transform: uppercase;
	/*letter-spacing: -1px;*/
	line-height: 22px;
}

#nav-fuel-calculator div.tripDetails .detailBox span.caption {
	display: block;
	font-size: 10px;
	color: #464646;
	font-weight: bold;
}

#nav-fuel-calculator div.tripDetails .detailBox span.value {
	display: block;
	font-size: 14px;
	color: #5590d7;
	font-weight: bold;
}

#nav-fuel-calculator div#stepsOff,#nav-fuel-calculator div#stepsOn {
	padding-top: 10px;
}

#nav-fuel-calculator div#stepsOff a,#nav-fuel-calculator div#stepsOn a {
	margin-top: 10px;
	font-size: 10px;
	color: #5e6060;
}

#nav-fuel-calculator div#directions {
	font-size: 12px;
}

#nav-fuel-calculator #pubContainer {
	width: 288px;
	height: 160px;
	padding: 5px 0;
}

#nav-fuel-calculator #pubContainer a img {
	border-width: 0px;
}

/***** Gestion des suggestion de départ et destination *****/
#nav-fuel-calculator #suggestion #didYouMean {
	padding: 15px 10px 10px 40px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	background: #fff url(../images/point-red-a-to-9.png) no-repeat 5px 5px;
	width: 230px;
}

#nav-fuel-calculator #suggestion #didYouMean.mean-to {
	background-position: 5px -95px;
}

#nav-fuel-calculator #suggestion span.placemark {
	display: block;
	padding: 5px 10px 5px 40px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	background: #fff;
	width: 230px;
}

#nav-fuel-calculator #suggestion span.placemark.indx1 {
	background-position: 5px -195px;
}

#nav-fuel-calculator #suggestion span.placemark.indx2 {
	background-position: 5px -295px;
}

#nav-fuel-calculator #suggestion span.placemark.indx3 {
	background-position: 5px -395px;
}

#nav-fuel-calculator #suggestion span.placemark.indx4 {
	background-position: 5px -495px;
}

#nav-fuel-calculator #suggestion span.placemark.indx5 {
	background-position: 5px -595px;
}

#nav-fuel-calculator #suggestion span.placemark.indx6 {
	background-position: 5px -695px;
}

#nav-fuel-calculator #suggestion span.placemark.indx7 {
	background-position: 5px -795px;
}

#nav-fuel-calculator #suggestion span.placemark.indx8 {
	background-position: 5px -895px;
}

#nav-fuel-calculator #suggestion span.placemark.indx9 {
	background-position: 5px -995px;
}

/******************************************************************************
	  ///// END TAB :: FUEL CALCULATOR
	******************************************************************************/
	/******************************************************************************
	  TAB :: EFFICIENCY TIPS
	******************************************************************************/
#nav-efficiency-tips {
	margin-left: -13px;
	width: 330px;
	height: 705px;
	position: relative;
}

.FR #nav-efficiency-tips h1 {
	background-image:
		url(../images/fr/efficiency-tips/h1-efficiency-tips.png);
}

.EN #nav-efficiency-tips h1 {
	background-image:
		url(../images/en/efficiency-tips/h1-efficiency-tips.png);
}

#nav-efficiency-tips div#mm-bubble {
	width: 330px;
	height: 196px;
	background: transparent none no-repeat 0 0;
	margin-top: 17px;
}

.FR #nav-efficiency-tips div#mm-bubble {
	background-image: url(../images/fr/efficiency-tips/mm-tips.png);
}

.EN #nav-efficiency-tips div#mm-bubble {
	background-image: url(../images/en/efficiency-tips/mm-tips.png);
}

#nav-efficiency-tips ul.side-list li,#nav-efficiency-tips ul.side-list li a
	{
	display: block;
	font-size: 12px;
	color: #000000;
}

#nav-efficiency-tips ul.side-list li a {
	padding: 0 25px;
	line-height: 26px;
	height: 26px;
	background: transparent url(../images/list-bg-off.png) no-repeat 0 0;
	text-decoration: none;
	margin: -1px 0 0;
	position: relative;
	z-index: 1;
}

#nav-efficiency-tips ul.side-list li a:hover,#nav-efficiency-tips ul.side-list li.selected a
	{
	background: transparent url(../images/list-bg-on.png) no-repeat 0 0;
	color: #3d9100;
	font-weight: bold;
	line-height: 26px;
	z-index: 2;
}

#nav-efficiency-tips ul.side-list li a span.arrow {
	display: -moz-inline-block; /* firefox 2.x fix */
	display: inline-block;
	width: 4px;
	height: 26px;
	margin-left: 10px;
	visibility: hidden;
	overflow: hidden;
	background: transparent url(../images/green-right-arrow.gif) no-repeat
		right 9px;
	vertical-align: middle;
}

#nav-efficiency-tips ul.side-list li a:hover span.arrow,#nav-efficiency-tips ul.side-list li.selected a span.arrow
	{
	visibility: visible;
}

#nav-efficiency-tips div#sub-panels {
	position: absolute;
	width: 428px;
	top: 0px;
	left: 330px;
	/*padding-left: 10px;*/
	padding-top: 19px;
	background: transparent url(../images/sub-panel-bg.png) repeat-y 0 0;
}

#nav-efficiency-tips div#sub-panels div.sp-content-wrapper {
	overflow-x: visible;
	overflow-y: auto;
	/*padding-top: 8px;*/
	padding-right: 10px;
	position: relative;
	margin-left: 28px;
	/*width: 390px;*/
	z-index: 1;
}

#nav-efficiency-tips div#sub-panels h1 {
	background: transparent none no-repeat 0 0;
	color: #3d9100;
	font-size: 14px;
	/*font-weight: bold;*/
	text-transform: uppercase;
	letter-spacing: -0.5px;
	padding: 8px 0 2px;
	text-indent: 0;
	width: auto;
	height: auto;
	margin-left: 0;
}

#nav-efficiency-tips div#sub-panels h2,#nav-efficiency-tips div#sub-panels p
	{
	color: #676e74;
	font-size: 11px;
	text-indent: 0;
}

#nav-efficiency-tips div#sub-panels h2 {
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 0;
}

#nav-efficiency-tips div#sub-panels p {
	padding-bottom: 15px;
	line-height: 16px;
}

#nav-efficiency-tips div#sub-panels p a {
	color: #676e74;
	font-weight: bold;
	text-decoration: underline;
}

#nav-efficiency-tips div#sub-panels p.normal-p {
	padding: 0;
}

#nav-efficiency-tips div#sub-panels div.hr {
	text-align: center;
}

#nav-efficiency-tips div#sub-panels div.hr div {
	position: static;
	margin: 0 auto;
	width: 376px;
	background: transparent url(../images/long-hr.png) no-repeat scroll 0 0;
}

#nav-efficiency-tips div#sub-panels div#nav-fuel-economy {
	padding-bottom: 20px;
}

#nav-efficiency-tips ul#htabs-button {
	display: block;
	padding: 10px 0 25px;
}

#nav-efficiency-tips ul#htabs-button li {
	float: left;
	display: inline; /* Fix double marge de IE */
	margin: 0 5px 0 0;
}

.FR #nav-efficiency-tips ul#htabs-button li {
	margin: 0 4px 0 0;
}

#nav-efficiency-tips ul#htabs-button li a {
	float: left;
	height: 23px;
	line-height: 23px;
	padding: 0 8px;
	background: transparent url(../images/htabs-sprite-bgs.gif) no-repeat
		right 0;
	color: #333;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}

.FR #nav-efficiency-tips ul#htabs-button li a {
	padding: 0 6px;
}

#nav-efficiency-tips ul#htabs-button li a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 23px;
	overflow: hidden;
	background: transparent url(../images/htabs-sprite-bgs.gif) no-repeat 0
		0;
}

#nav-efficiency-tips ul#htabs-button li a:hover {
	background-position: right -23px;
}

#nav-efficiency-tips ul#htabs-button li a:hover span {
	background-position: 0 -23px;
}

#nav-efficiency-tips ul#htabs-button li.selected a,#nav-efficiency-tips ul#htabs-button li.selected a:hover
	{
	background-position: right -46px;
	color: #fff;
}

#nav-efficiency-tips ul#htabs-button li.selected a span,#nav-efficiency-tips ul#htabs-button li.selected a:hover span
	{
	background-position: 0 -46px;
}

/*****
				Ajuster le min-height par section en fonction de la taille de l'image à afficher.
				le minheight fait normalement le height de l'image -11.
				ex. pour la section air-pressure :
				image : 187px X 148px
				p.half-visual - min-height: 148 - 11 = 137px
				ATTENTION :
				Les fix doivent être appliqué spécialement dans le fichier IE_HACK.CSS pour IE
			*****/
#nav-efficiency-tips p.half-visual {
	float: left;
	width: 170px;
	min-height: 95px;
}

#nav-efficiency-tips div.tips-visual {
	clear: both;
	padding-bottom: 40px;
	position: relative;
}

#nav-efficiency-tips div.tips-visual img {
	position: absolute;
	right: 25px;
	z-index: 0;
}

/*****
				Ajuster le top par section en fonction de la taille de l'image à afficher.
				le top fait normalement le (height de l'image -1) * -1.
				ex. pour la section air-pressure :
				image : 187px X 148px
				img.visual - top: (148 - 1) * -1 = -147px 
			*****/
#nav-efficiency-tips div.tips-visual img.visual {
	top: -112px;
}

#nav-efficiency-tips div.tips-visual img.visual-reflect {
	-moz-opacity: 0.5; /* Fix pour version antérieur de firefox */
	opacity: 0.5;
	top: 0px;
}

#nav-efficiency-tips div.tips-visual div.hr {
	position: relative;
	top: 0px;
	left: -5px;
	z-index: 1;
	margin: 0;
}

#nav-efficiency-tips div#htc-balancing div.tips-visual img.visual {
	top: -123px;
}

#nav-efficiency-tips div#htc-balancing p.half-visual {
	min-height: 113px;
}

#nav-efficiency-tips div#htc-rotation div.tips-visual img.visual {
	top: -90px;
}

#nav-efficiency-tips div#htc-rotation p.half-visual {
	min-height: 80px;
}

#nav-efficiency-tips div#htc-alignment div.tips-visual img.visual {
	top: -115px;
}

#nav-efficiency-tips div#htc-alignment p.half-visual {
	min-height: 105px;
}

#nav-efficiency-tips div#htc-air-pressure div.tips-visual img.visual {
	top: -147px;
}

#nav-efficiency-tips div#htc-air-pressure p.half-visual {
	min-height: 137px;
}

#nav-efficiency-tips div.hydroedge {
	margin-left: 130px;
	position: relative;
	min-height: 201px;
}

#nav-efficiency-tips div.hydroedge img.visual {
	position: absolute;
	top: 0px;
	left: -130px;
}

#nav-efficiency-tips div.hydroedge img.visual-reflect {
	position: absolute;
	top: 157px;
	left: -130px;
	-moz-opacity: 0.5; /* Fix pour version antérieur de firefox */
	opacity: 0.5;
}

#nav-efficiency-tips div.inline-video {
	padding-right: 215px;
	position: relative;
	color: #676E74;
	font-size: 11px;
	line-height: 16px;
	min-height: 125px;
	margin-bottom: 15px;
}

#nav-efficiency-tips div.inline-video div#greenx-player {
	position: absolute;
	right: 5px;
	top: 0px;
	width: 205px;
	height: 125px;
}

#nav-efficiency-tips ul {
	color: #676E74;
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 15px;
}

#nav-efficiency-tips ul.square-list {
	margin-left: 20px;
}

#nav-efficiency-tips ul.square-list li {
	list-style-position: outside;
	list-style-type: square;
}

#nav-efficiency-tips ul.link-list {
	padding-top: 15px;
}

#nav-efficiency-tips ul.link-list a {
	color: #676E74;
	font-size: 11px;
	text-decoration: underline;
}

#nav-efficiency-tips ul.link-list li {
	float: left;
	width: 170px;
}

#nav-efficiency-tips ul.link-list li.left-list {
	margin-right: 20px;
}

p.foot-note {
	font-size: 10px;
	font-style: italic;
	width: 288px;
}

#nav-efficiency-tips div#sub-panels h1.greenx-logo {
	background: transparent url(../images/efficiency-tips/greenx-logo.gif)
		no-repeat right 0px;
	padding: 10px 65px 10px 0;
}

/******************************************************************************
	  ///// END TAB :: EFFICIENCY TIPS
	******************************************************************************/
	/********************************************************************************
  ///// END LEFT CONTAINER
********************************************************************************/
	/********************************************************************************
  LINKS BAR
********************************************************************************/
#LinksBar {
	background-color: transparent;
	/* url(../images/main-layout/panel-bottom-shadow.png) repeat-x 0 24px; */
	margin-left: 420px;
	height: 24px;
	position: relative;
	z-index: 3;
	padding: 0;
}

#LinksBar a#lnk-open-panel,#LinksBar a#lnk-close-panel {
	position: absolute;
	width: 26px;
	height: 21px;
	left: 0px;
	top: 2px;
	overflow: hidden;
	text-indent: -8000px;
}

#LinksBar a#lnk-open-panel {
	display: none;
	background: transparent url(../images/main-layout/open-panel.png)
		no-repeat 0 0;
}

#LinksBar a#lnk-close-panel {
	display: block;
	background: transparent url(../images/main-layout/close-panel.png)
		no-repeat 0 0;
}

#LinksBar ul {
	text-align: right;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
	height: 24px;
	display: block;
	background-color: #fafafb;
}

#LinksBar ul li { 
	display: -moz-inline-block;
	display: inline-block;
	float: right;
	background: transparent url(../images/sprite-icons-links.gif) no-repeat
		0 0;
	height: 24px;
	padding: 0 24px;
	text-align: left;
	position: relative;
}

#LinksBar ul li a {
	display: block;
	text-indent: -8000px;
	overflow: hidden;
	height: 24px;
}

.FR #LinksBar ul li a {
	background: transparent url(../images/fr/links-bar/links.gif) no-repeat
		0 7px;
}

.EN #LinksBar ul li a {
	background: transparent url(../images/en/links-bar/links.gif) no-repeat
		0 7px;
}

#LinksBar ul li span.sep {
	display: block;
	position: absolute;
	background: transparent url(../images/sprite-icons-links.gif) no-repeat
		0 -48px;
	overflow: hidden;
	height: 24px;
	width: 24px;
	top: 0px;
	right: 0px;
}

.FR #LinksBar ul li#lnk-print {
	width: 57px;
}

.EN #LinksBar ul li#lnk-print {
	width: 32px;
}

.FR #LinksBar ul li#lnk-print a {
	background-position: 0 7px;
}

.EN #LinksBar ul li#lnk-print a {
	background-position: 0 7px;
}

.FR #LinksBar ul li#lnk-share {
	background-position: 0 -24px;
	width: 55px;
	padding-right: 0;
}

.EN #LinksBar ul li#lnk-share {
	background-position: 0 -24px;
	width: 37px;
	padding-right: 0;
}

.FR #LinksBar ul li#lnk-share a {
	background-position: 0 -23px;
}

.EN #LinksBar ul li#lnk-share a {
	background-position: 0 -23px;
}

.FR #LinksBar ul li#lnk-survey {
	background-position: 0 -24px;
	width: 164px;
	padding-right: 0;
}

.EN #LinksBar ul li#lnk-survey {
	background-position: 0 -24px;
	width: 130px;
	padding-right: 0;
}

.FR #LinksBar ul li#lnk-survey a {
	background-position: 0 -53px;
}

.EN #LinksBar ul li#lnk-survey a {
	background-position: 0 -53px;
}
/********************************************************************************
  ///// END LINKS BAR
********************************************************************************/
	/********************************************************************************
  MAP SHADOW
********************************************************************************/
#vshadow {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 10px;
	overflow: hidden;
}

#vshadow div {
	height: 9999px;
	float: left;
	overflow: hidden;
	width: 1px;
	margin: 0;
	padding: 0;
	background-color: #000;
}

#vshadow .s1,#hshadow .s1 {
	opacity: 0.1;
}

#vshadow .s2,#hshadow .s2 {
	opacity: 0.09;
}

#vshadow .s3,#hshadow .s3 {
	opacity: 0.08;
}

#vshadow .s4,#hshadow .s4 {
	opacity: 0.07;
}

#vshadow .s5,#hshadow .s5 {
	opacity: 0.06;
}

#vshadow .s6,#hshadow .s6 {
	opacity: 0.05;
}

#vshadow .s7,#hshadow .s7 {
	opacity: 0.04;
}

#vshadow .s8,#hshadow .s8 {
	opacity: 0.03;
}

#vshadow .s9,#hshadow .s9 {
	opacity: 0.02;
}

#vshadow .s10,#hshadow .s10 {
	opacity: 0.01;
}

#hshadow {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 5px;
	overflow: hidden;
	width: 100%;
}

#hshadow div {
	width: 100%;
	overflow: hidden;
	height: 1px;
	margin: 0;
	padding: 0;
	background-color: #000;
}

/********************************************************************************
  ///// END MAP SHADOW
********************************************************************************/
	/********************************************************************************
  MAP CONTAINER
********************************************************************************/
#cMap {
	background: transparent url(../images/otr-loader.gif) no-repeat center center;
	margin: 0 0 0 0;
	min-height: 376px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#cMap #cGMap {
	width: 100%;
	height: 100%;
}

/********************************************************************************
  ///// END MAP CONTAINER
********************************************************************************/
	/********************************************************************************
  FLOATING PUB
********************************************************************************/
#floating-pub {
	position: absolute;
	right: 65px;
	bottom: 0;
	width: 316px;
	height: 177px;
	overflow: hidden;
}

#floating-pub div.pub-wrapper,#floating-pub div.closed-state,#floating-pub div.opened-state
	{
	background: transparent none no-repeat 0 0;
	width: 316px;
	height: 177px;
	position: absolute;
	top: 0;
	left: 0;
}

.FR #floating-pub div.closed-state {
	background-image:
		url(../images/fr/pub-magic-moments/winteracademy_closed.png);
}

.EN #floating-pub div.closed-state {
	background-image:
		url(../images/en/pub-magic-moments/winteracademy_closed.png);
}

.FR #floating-pub div.opened-state {
	background-image:
		url(../images/fr/pub-magic-moments/winteracademy_open.png);
}

.EN #floating-pub div.opened-state {
	background-image:
		url(../images/en/pub-magic-moments/winteracademy_open.png);
}

#floating-pub.pub-closed {
	bottom: -128px;
}

#floating-pub.pub-closed div.pub-wrapper.forClosedPub,#floating-pub.pub-closed div.closed-state
	{ /*visibility: visible;
		left: 0;*/
	display: block;
}

#floating-pub.pub-closed div.pub-wrapper.forOpenedPub,#floating-pub.pub-closed div.opened-state
	{ /*visibility: hidden;
		left: -1000px;*/
	display: none;
}

#floating-pub.pub-opened {
	bottom: -1px;
}

#floating-pub.pub-closed div.pub-wrapper.forClosedPub,#floating-pub.pub-opened div.closed-state
	{ /*visibility: hidden;
		left: -1000px;*/
	display: none;
}

#floating-pub.pub-closed div.pub-wrapper.forOpenedPub,#floating-pub.pub-opened div.opened-state
	{ /*visibility: visible;
		left: 0;*/
	display: block;
}

#floating-pub a#doOpenPub {
	float: right;
	width: 65px;
	height: 16px;
	text-indent: -8000px;
	overflow: hidden;
	margin: 2px 2px 0 0;
}

#floating-pub a#doClosePub {
	float: right;
	width: 68px;
	height: 16px;
	text-indent: -8000px;
	overflow: hidden;
	margin: 2px 2px 0 0;
}

#floating-pub a#doGoPubSite {
	clear: both;
	display: block;
	width: 87px;
	height: 17px;
	text-indent: -8000px;
	overflow: hidden;
	margin: 148px 0 0 189px;
}

#floating-pub a#pub-link {
	clear: both;
	display: block;
	width: 88px;
	height: 21px;
	text-indent: -8000px;
	overflow: hidden;
	position: absolute;
	top: 154px;
	left: 169px;
	z-index: 2;
}

/********************************************************************************
  FLOATING PUB
********************************************************************************/
	/********************************************************************************
  SURVEY OVERLAY
********************************************************************************/
/*#otr-overlay-shade{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	z-index:10;
	left:0;
	top:0;
	background-color:#000;
	opacity:0.5;
	-moz-opacity:0.5;
}*/
.yui-skin-sam .yui-panel{
	border:0 none;
}

#otr-overlay{
	z-index:11;
/*	position:absolute;*/
	visibility:hidden;
	text-align:center;
	width:439px;
	
}
#otr-overlay-wrapper{
		width:439px;
		height:232px;
		background: 
		url(../images/overlay/overlay-survey.png)
		no-repeat top left;
}
#otr-overlay .content{
	margin:auto;
	width:210px;
	padding-left:16px;
	position:relative;
	height:180px;
}
#otr-overlay h2{
	font-size:1.5em;
	padding-top:30px;
	padding-bottom:10px;
}
#otr-overlay p{
	color:#191919;
	font-size:1.3em;
}
#otr-overlay #overlay-buttons-wrapper{
	position:relative;
	top:-75px;
	bottom:0;
	text-align:right;
	widht:100%;
	margin:auto;
	width:210px;
}
#otr-overlay #overlay-buttons-wrapper a{
	display:block;
	text-transform:uppercase;
	text-indent:-8000px;
	overflow:hidden;
	text-align:left;
}
#otr-overlay a#overlay-ok{
	background:url(../images/en/overlay/btn-overlay-ok.gif) no-repeat top left;
	width:93px;
	height:29px;
	float:left;
}
#otr-overlay a#overlay-cancel{
	background:url(../images/en/overlay/btn-overlay-cancel.gif) no-repeat top left;
	width:93px;
	height:28px;
	margin:0 0 0 auto;
}
.FR #otr-overlay a#overlay-ok{
	background:url(../images/fr/overlay/btn-overlay-ok.gif) no-repeat top left;
}
.FR #otr-overlay a#overlay-cancel{
	background:url(../images/fr/overlay/btn-overlay-cancel.gif) no-repeat top left;
	width:108px;
}
#PDF_bg_chezchenz, #PDF_c_chezchenz,#PDF_i_chezchenz{
	z-index:7;
}
/********************************************************************************
  SURVEY OVERLAY
********************************************************************************/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
.yuimenu .yuimenu {
	visibility	: hidden;
}

.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li
	{
	margin: 0 .5em 0 0;
}

.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li {
	margin: 0 0 .5em;
}

.yui-navset .yui-content .yui-hidden {
	position: absolute;
	left: -999999px;
	visibility: hidden;
}

.yui-navset .yui-navset-left .yui-nav,.yui-navset .yui-navset-right .yui-nav,.yui-navset-left .yui-nav,.yui-navset-right .yui-nav
	{
	width: 6em;
}

.yui-navset-top .yui-nav,.yui-navset-bottom .yui-nav {
	width: auto;
}

.yui-navset .yui-navset-left,.yui-navset-left {
	padding: 0 0 0 6em;
}

.yui-navset-right {
	padding: 0 6em 0 0;
}

.yui-navset-top,.yui-navset-bottom {
	padding: auto;
}

.yui-nav,.yui-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.yui-navset li em {
	font-style: normal;
}

.yui-navset {
	position: relative;
	zoom: 1;
}

.yui-navset .yui-content,.yui-navset .yui-content div {
	zoom: 1;
}

.yui-navset .yui-content:after {
	content: '';
	display: block;
	clear: both;
}

.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li
	{
	display: inline-block;
	display: -moz-inline-stack; *
	display: inline;
	vertical-align: bottom;
	cursor: pointer;
	zoom: 1;
}

.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li {
	display: block;
}

.yui-navset .yui-nav a {
	position: relative;
}

.yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a,.yui-navset-bottom .yui-nav li a
	{
	display: block;
	display: inline-block;
	vertical-align: bottom;
	zoom: 1;
}

.yui-navset-left .yui-nav li a,.yui-navset-right .yui-nav li a {
	display: block;
}

.yui-navset-bottom .yui-nav li a {
	vertical-align: text-top;
}

.yui-navset .yui-nav li a em,.yui-navset-top .yui-nav li a em,.yui-navset-bottom .yui-nav li a em
	{
	display: block;
}

.yui-navset .yui-navset-left .yui-nav,.yui-navset .yui-navset-right .yui-nav,.yui-navset-left .yui-nav,.yui-navset-right .yui-nav
	{
	position: absolute;
	z-index: 1;
}

.yui-navset-top .yui-nav,.yui-navset-bottom .yui-nav {
	position: static;
}

.yui-navset .yui-navset-left .yui-nav,.yui-navset-left .yui-nav {
	left: 0;
	right: auto;
}

.yui-navset .yui-navset-right .yui-nav,.yui-navset-right .yui-nav {
	right: 0;
	left: auto;
}

.yui-skin-sam .yui-navset .yui-nav,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav
	{
	border: solid #2647a0;
	border-width: 0 0 5px;
	zoom: 1;
}

.yui-skin-sam .yui-navset .yui-nav li,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li
	{
	margin: 0 .16em 0 0;
	padding: 1px 0 0;
	zoom: 1;
}

.yui-skin-sam .yui-navset .yui-nav .selected,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected
	{
	margin: 0 .16em -1px 0;
}

.yui-skin-sam .yui-navset .yui-nav a,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a
	{
	background: #d8d8d8
		url(http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/sprite.png)
		repeat-x;
	border: solid #a3a3a3;
	border-width: 0 1px;
	color: #000;
	position: relative;
	text-decoration: none;
}

.yui-skin-sam .yui-navset .yui-nav a em,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em
	{
	border: solid #a3a3a3;
	border-width: 1px 0 0;
	cursor: hand;
	padding: .25em .75em;
	left: 0;
	right: 0;
	bottom: 0;
	top: -1px;
	position: relative;
}

.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a:focus,.yui-skin-sam .yui-navset .yui-nav .selected a:hover
	{
	background: #2647a0
		url(http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/sprite.png)
		repeat-x left -1400px;
	color: #fff;
}

.yui-skin-sam .yui-navset .yui-nav a:hover,.yui-skin-sam .yui-navset .yui-nav a:focus
	{
	background: #bfdaff
		url(http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/sprite.png)
		repeat-x left -1300px;
	outline: 0;
}

.yui-skin-sam .yui-navset .yui-nav .selected a em {
	padding: .35em .75em;
}

.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a em
	{
	border-color: #243356;
}

.yui-skin-sam .yui-navset .yui-content {
	background: #edf5ff;
}

.yui-skin-sam .yui-navset .yui-content,.yui-skin-sam .yui-navset .yui-navset-top .yui-content
	{
	border: 1px solid #808080;
	border-top-color: #243356;
	padding: .25em .5em;
}

.yui-skin-sam .yui-navset-left .yui-nav,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav,.yui-skin-sam .yui-navset .yui-navset-right .yui-nav,.yui-skin-sam .yui-navset-right .yui-nav
	{
	border-width: 0 5px 0 0;
	Xposition: absolute;
	top: 0;
	bottom: 0;
}

.yui-skin-sam .yui-navset .yui-navset-right .yui-nav,.yui-skin-sam .yui-navset-right .yui-nav
	{
	border-width: 0 0 0 5px;
}

.yui-skin-sam .yui-navset-left .yui-nav li,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav li,.yui-skin-sam .yui-navset-right .yui-nav li
	{
	margin: 0 0 .16em;
	padding: 0 0 0 1px;
}

.yui-skin-sam .yui-navset-right .yui-nav li {
	padding: 0 1px 0 0;
}

.yui-skin-sam .yui-navset-left .yui-nav .selected,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav .selected
	{
	margin: 0 -1px .16em 0;
}

.yui-skin-sam .yui-navset-right .yui-nav .selected {
	margin: 0 0 .16em -1px;
}

.yui-skin-sam .yui-navset-left .yui-nav a,.yui-skin-sam .yui-navset-right .yui-nav a
	{
	border-width: 1px 0;
}

.yui-skin-sam .yui-navset-left .yui-nav a em,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav a em,.yui-skin-sam .yui-navset-right .yui-nav a em
	{
	border-width: 0 0 0 1px;
	padding: .2em .75em;
	top: auto;
	left: -1px;
}

.yui-skin-sam .yui-navset-right .yui-nav a em {
	border-width: 0 1px 0 0;
	left: auto;
	right: -1px;
}

.yui-skin-sam .yui-navset-left .yui-nav a,.yui-skin-sam .yui-navset-left .yui-nav .selected a,.yui-skin-sam .yui-navset-left .yui-nav a:hover,.yui-skin-sam .yui-navset-right .yui-nav a,.yui-skin-sam .yui-navset-right .yui-nav .selected a,.yui-skin-sam .yui-navset-right .yui-nav a:hover,.yui-skin-sam .yui-navset-bottom .yui-nav a,.yui-skin-sam .yui-navset-bottom .yui-nav .selected a,.yui-skin-sam .yui-navset-bottom .yui-nav a:hover
	{
	background-image: none;
}

.yui-skin-sam .yui-navset-left .yui-content {
	border: 1px solid #808080;
	border-left-color: #243356;
}

.yui-skin-sam .yui-navset-bottom .yui-nav,.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav
	{
	border-width: 5px 0 0;
}

.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav .selected,.yui-skin-sam .yui-navset-bottom .yui-nav .selected
	{
	margin: -1px .16em 0 0;
}

.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav li,.yui-skin-sam .yui-navset-bottom .yui-nav li
	{
	padding: 0 0 1px 0;
	vertical-align: top;
}

.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav a em,.yui-skin-sam .yui-navset-bottom .yui-nav a em
{
	border-width: 0 0 1px;
	top: auto;
	bottom: -1px;
}

.yui-skin-sam .yui-navset-bottom .yui-content,.yui-skin-sam .yui-navset .yui-navset-bottom .yui-content
	{
	border: 1px solid #808080;
	border-bottom-color: #243356;
}
.yuimenubaritem-hassubmenu,
.yuimenubaritem-hassubmenu .yui-overlay{
	z-index:2;
}
.yuimenubaritem-hassubmenu.yuimenubaritem-selected,
.yuimenubaritemlabel-hassubmenu .yui-overlay.visible{
	z-index:4;
}