@import url(reset.css);
@import url(typo.css);

/* ############## layout ########### */

html {
background:url(../images/body_bkg.gif) repeat top left #FFF;
}
body#alpes-nyon-ch, body#platdujour { 
position:relative;
margin:0;
text-align:left;
}
div#branding{
	position:relative;
	height:75px;
	margin:2px 0 0 52px;
}
div#branding h1{
	position:absolute;
	bottom:0;
	left:0;
}
div#branding h1 a{
	display:block;
	background: url(../images/alpes_nyon_logo.gif) no-repeat bottom left;
	height:55px;
	width:306px;
}
div#branding .logo_print{
	visibility:hidden;
}
div#branding h1 span, #nav_main h5, #footer h5{
	position:absolute;
	top: -9999px;
}
div#nav_main{
	position:relative;
	width:790px;
	height:144px;
	margin:40px 0 10px 50px;
}
div#site_info{
	position:absolute;
	right:0;
	top:0;
	width:135px;
}
div#footer{
	height:37px;
	margin:0 0 25px 50px;
}
/* ############## menu-s ########### */

ul#menu{
position:absolute;
left:0;
top:0;
width: 648px;
font-size:13px;
}
ul#menu a, ul#menu ul.smenu a{
	color:#746458;
}

ul#menu li.mmenu, ul#menu li.mmenu_act, ul#menu li.mmenu_actsub, ul#menu li.mmenu_cur{
	display:block;
	float:left;
	width:162px;
	font-weight:bold;
}
ul#menu li.mmenu a, ul#menu li.mmenu_act a, ul#menu li.mmenu_actsub a, ul#menu li.mmenu_cur a{
	margin:0 0 0 -20px;
	padding:0 0 0 33px;
}
ul#menu li.mmenu li a, ul#menu li.mmenu_act li a, ul#menu li.mmenu_actsub li a, ul#menu li.mmenu_cur li a{
	margin:0 0 0 -30px;
	padding:0 0 0 30px;
}
* html ul#menu li.mmenu a, * html ul#menu li.mmenu_act a, * html ul#menu li.mmenu_actsub a, * html ul#menu li.mmenu_cur a{
	margin:0 0 0 0;
	padding:0 0 0 13px;
}
* html ul#menu li.mmenu li a, * html ul#menu li.mmenu_act li a, * html ul#menu li.mmenu_actsub li a, * html ul#menu li.mmenu_cur li a{
	margin:0 0 0 -13px;
	padding:0 0 0 13px;
}
ul#menu li a{
	display:block;
}
ul#smenu{
	width:135px;
	height:114px;
	margin:6px 0 0 3px;
	background-image:url(../images/smenu_bkg.png);
	behavior: url(fileadmin/templates/images/iepngfix.php);
	font-weight:normal;
	padding:12px 0 0 10px;
}
* html ul#smenu{
	width:145px;
	height:125px;
/*
	filter: Alpha(opacity=20);
	opacity: 20%;
	color: inherit;
	background: #A11626 none;
*/
}
ul#smenu li{
	padding:0 0 3px 0;
}
* html ul#smenu li{
	padding:0 0 2px 0;
}

ul#menu li.mmenu_cur a, ul#menu li.mmenu a:hover{
	background:url(../images/menu_act_bkg.gif) no-repeat 8px 1px;
}
ul#menu li.mmenu_actsub ul#smenu li.act a, ul#menu li.mmenu_cur ul#smenu li a:hover, ul#menu li.mmenu_actsub ul#smenu li a:hover{
	background:url(../images/menu_act_bkg.gif) no-repeat 8px 1px;
}
* html ul#menu li.mmenu_cur a, * html ul#menu li.mmenu a:hover{
	background:url(../images/menu_act_bkg.gif) no-repeat 0px 1px;
}
* html ul#menu li.mmenu_actsub ul#smenu li.act a, * html ul#menu li.mmenu_cur ul#smenu li a:hover, * html ul#menu li.mmenu_actsub ul#smenu li a:hover{
	background:url(../images/menu_act_bkg.gif) no-repeat 0px 1px;
}
ul#menu li.mmenu_actsub ul#smenu li a, ul#menu li.mmenu_cur ul#smenu li a{
	background:none;
}
div#footer a{
	color:#A5A7A4;
}
ul#langue{
	float:left;
	width:130px;
	padding:25px 0 0 10px;
}
ul#langue li{
	display:inline;
	padding:0 5px 0 0;
}
ul#dmenu{
	width:130px;
	padding:25px 0 0 0;
	margin:0 0 0 153px;
}
ul#dmenu li{
	display:inline;
}
ul#dmenu li a{
	display:block;
	padding:0 0 0 20px;
}
ul#dmenu li a:hover, ul#dmenu li.act a{
	background:url(../images/menu_act_bkg.gif) no-repeat 0px 0px;
}
/* ############## content ########### */
div#content {
	position:relative;
	width:790px;
	height:279px;
	margin:10px 0 0 50px;
background-image:url(../images/content_bkg.png);
padding:0;
}
#content_noscroll{
	position:relative;
	width:790px;
	height:261px;
	margin:10px 0 0 50px;
	background-image:url(../images/content_bkg.png);
	padding:18px 0 0 10px;
}
* html div#content, * html #content_noscroll {
	background:#FFF;
}
* html #content_noscroll {
	height:279px;
}	
#contentscroll {
width: 636px;
height: 261px;
overflow: auto;
position: absolute; /* IE overflow fix, position must be relative or absolute*/
left:0;
top:0;
margin: 0;
padding:18px 0 0 10px;
}
#col2image{
	margin-top:28px;
}
#col2image #contentscroll {
float:left;
width: 492px;
height: 261px;
overflow: auto;
position: absolute; /* IE overflow fix, position must be relative or absolute*/
left:0;
top:0;
margin: 0;
padding:18px 0 0 10px;
}
.col2image{
	margin:-18px 0 0 492px;
}
* html .col2image{
	margin:-28px 0 0 492px;
}
* html #contentscroll {
	width: 646px;
	height: 279px;
	background:#FFF;
}
* html #col2image #contentscroll{
	height: 279px;
	background:#FFF;
}
#image{
	position:absolute;
	right:0;
	top:0;
	width:144px;
	height:279px;
}
/* ############## Home ########### */
#alpes-nyon-ch div.home_deco{
	float:left;
	width:144px;
	height:125px;
	margin:21px 15px 0 5px;
	background-image:url(../images/smenu_bkg.png);
	behavior: url(fileadmin/templates/images/iepngfix.php);
	font-weight:normal;
}
ul.home{
	margin:0 0 0 5px;
}
* html ul.home{
	margin:0 0 0 10px;
}
ul.home li{
	display:inline;
	margin:0 18px 0 0;
}
/* ############## FLEX CONTENTS ########### */
.deuxcol, .troiscol{
position:relative;
overflow: hidden;
height: 100%;
margin:0 0 10px 0;
}
div.col1{
	float:left;
	width:300px;
}
div.col2{
	margin:0 10px 0 320px;
}
* html div.col2{
	margin:0 0 0 310px;
}

div.col2a{
	position:absolute;
	top:0;
	left:330px;
	width:145px;
}
div.col2b{
	position:absolute;
	top:0;
	left:485px;
	width:140px;
}
.mets{
	position:relative;
    overflow: hidden;
    height: 100%;
	padding:0 0 5px 0;
}
.mets .col1{
	float:left;
	width:430px;
}
.mets .col2{
	margin:0 0 0 440px;
}

/* ############## form ########### */
#formular_01{
	
}
#formular_01 .leftform{
	margin:0;
	padding:0 0 3px 0;
	display:block;
}
#formular_01 .field{
	width:250px;
	padding:8px 5px;
	border:none;
	background:#FFF;
	font-weight:bold;
}
#formular_01 textarea.field{
	width:500px;
	height:245px;
}
#formular_01 .freecap{
	width:500px;
}
.tx-srfreecap-pi2-cant-read{
	display:block;
	font-weight:normal;
}
.tx-srfreecap-pi2-cant-read a:hover{
	text-decoration:underline;
}
.tx-srfreecap-pi2-image{
	margin:0;
}
#cfCaptchaResponse{
	width:95px;
	padding:8px 5px;
	border:none;
	background:#FFF;
	font-weight:bold;
}
#formular_01 .form_submit{
	
}
#formular_01 .form_btnGo{
	display:block;
	float:left;
	width:125px;
	padding:5px;
	margin:0 10px 0 0;
	border: none;
	background-color:#FFF;
}
.error{
	font-weight:normal;
	color: red;
}

/* ################# GALLERY ######## */
.gallery{
	position:relative;
	margin:-18px 0 0 -10px;
}
#box8{
	position:absolute;
}
#box8 div{
	width:455px;
	float:left;
}
#box8 div img{
	margin:0 5px 0 0;
}
#box8 h3{
	display:none;
}
.gallery .buttonsLeft, .gallery .buttonsRight{
	display:block;
	position: absolute;
	width:120px;
	height:140px;
	margin:138px 0 0 0;
	color:#A11626;
	font-weight:bold;
	cursor:pointer;
}
* html .gallery .buttonsLeft, * html .gallery .buttonsRight{
	width:140px;
}
.gallery .buttonsLeft{
	top:0;
	left:0;
	text-align:left;
	padding:0 0 0 50px;
	background:url(../images/menu_act_bkg.gif) no-repeat 20px 3px;
}
.gallery .buttonsRight{
	top:0;
	right:0;
	text-align:right;
	padding:0 50px 0 0;
	background:url(../images/menu_act_bkg.gif) no-repeat 150px 3px;
}
.mask1{
	position:relative;
	left:175px;
	width:455px;
	height:279px;
	overflow:hidden;
}