html, body, #page {height: 100%;}

body {
	background:url(/templates/img/bg-body.png) repeat-y scroll 50% 0;
}

#page {
	min-height:529px; 
	background:#e9e9e9 url(/templates/landscape/img/bg-home-general-1280.jpg) no-repeat 50% 0;	
}

#panoramique {
	clear:both;
	min-height:529px; padding-bottom:120px;	
}

#panoramiqueWrapper {
	position:relative; z-index:20;
	height:579px;
}

#brandNavigation {
	position: absolute; top: 491px; min-width:923px; max-width:1250px;height: 83px; left:35px;
}

#brandNavigation li {
	float:left;
}

.landscape h1 {
	margin: 221px 0 0 40px;
	font-size: 46px; font-weight: normal; font-style: italic;
	color:#b5001e;
	line-height:38px;
}

.landscape h1 strong {
	display:block;
	font-style: normal;
}

#carrousel {
	position: absolute; width:149px; height:399px; right: 28px; top: 91px;	
}

#footer {
	position: absolute; top:auto; bottom:0;
	height: 120px;	
}

/*  hack FF3 */
html>/**/body #footer, x:-moz-any-link, x:default {width:95%}







#pushsContainer  a:hover {
	text-decoration:underline !important
}

#page.pro .sidePush li img {
	float:left;
}

#page.pro .sidePush li span {
	display:block; float:left; position:relative; top:-3px;
	width:170px;margin-left:5px;
	line-height:14px; text-indent:10px;
	background:transparent url(/templates/img/picto-03.gif) no-repeat 0 5px;
}

#page.pro .sidePush li a:hover span {
	text-decoration:underline
}

#page.pro .sidePush a {
	color:#7f7f7f
}

#page.pro .sidePushSimpleLink a {
	color:#d72020
}

/*
 * faux select / faux Li on professionels santé
 */

#page.pro .sidePushWrapper, #page.pro .sidePush {
	overflow:visible;
}
 
#infoList p span {
	display:block;
	height:29px; width:190px; padding:0 0 0 15px;
	background:transparent url(/templates/img/faux-li.png) no-repeat;
}

#infoList p a {
	display:block;padding-top:2px;outline:0;
	line-height:25px;
}

#page #infoList p a:hover {
	text-decoration:none !important;
}

#infoList ul {
	width:169px; padding:5px 0; margin-left:10px;
	background:#fff;	
}

#infoList .open {
	left:20px;
}
#infoList .scroll {
	height:120px;
	left:-9999px;
	top:3px;
	width:102px;
}
#js .scrolled, #js .notScrolled, #scrollable {
	overflow:hidden; position:absolute; left: -9999px;
}

#js #scrollable {
  overflow:hidden;z-index:5; position:absolute;
  width:185px; height:120px;
}

/* styles de l'élément inséré en JS, avec scroll actif ou non */
#js #scrollable .scrolled, #js #scrollable .notScrolled {
  padding:5px 0 1px 5px; margin: -5px 0 0 0px;
  width:179px;
}
/* quand le scroll est actif, l'élément doit être positionné en absolu */
#js #scrollable .scrolled {
  position:absolute; top:0; left:0;
}

/* styles du conteneur de la scrollbar */
#js #scrollable .scrollbar {
  position:absolute; top:1px; left:170px;
  width:12px; height:106px;
}

/* styles de la gouttière de l'ascenceur : la hauteur est primordiale ! */
#js #scrollable .gutter {
  position:absolute; top:3px; left:0;
  width:12px; height:106px;
  background:#EEE;
}

/* styles de l'ascenceur, positionnée obligatoirement en absolu 
   il est recommendé d'utiliser un overflow:hidden pour IE */
#js #scrollable .bar {
  position:absolute; top:0; left:0;
  overflow:hidden;
  width:12px;
  background:#7f7f7f;
}

#page.pro #scrollable li {
	margin:0; padding:0 26px 0 10px;
	line-height:20px;
}

#page.pro #scrollable li a {
	display:block;
}

#page.pro #scrollable li a:hover {
	text-decoration:none !important; 
	background:#eee;
}