body{
	margin-top:0px;
	background-color:#FFF;
	font-size:12px;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#page{
	width:955px;
	margin:auto;
}
#colonne{
	float:left;
	width:935px;
	height:600px;
}
#colG{
	float:left;
	width:20px;
	height:600px;
	background:url(../img/bg-colonneG.jpg) no-repeat top right;
}
#colD{
	float:right;
	width:20px;
	height:600px;
	background:url(../img/bg-colonneD.jpg) no-repeat top left;
}
#content{
	float:left;
	width:915px;
	height:600px;
}
#bottom{
	clear:both;
	width:955px;
	height:25px;
	background:url(../img/bg-bottom.jpg) repeat-x top;
}

/* === HEADER === */
#logo{
	height:115px;
	width:100px;
	float:left;
	background:url(../img/SKlecityresort.jpg) no-repeat top left;
}
#menuHaut{
	height:25px;
	width:815px;
	padding-top:10px;
}
#header{
	height:80px;
	width:815px;
	background:url(../img/bg-header.jpg) no-repeat top right;
}
#headerHome{
	height:80px;
	width:815px;
	text-align:right;
	background:url(../img/bg-headerHome.jpg) no-repeat top right;
}
#footHeader{
	clear:both;
	width:915px;
	height:10px;
	background-color:#00483A;
}

/* === CONTENU === */
#contenu{
	float:left;
	height:475px;
	width:788px;
	background:url(../img/bg-contentGeneral.jpg) no-repeat top right;
}
#titre{
	height:43px;
	width:758px;
	padding:28px 0px 0px 30px;
	font-size:14px;
	font-weight:bold;
	color:#999;
	background:url(../img/logo-haut.jpg) no-repeat top right #FDFDFD;
}
#contenuCentralHome{
	float:right;
	width:658px;
	height:260px;
}
#contenuCentral{
	float:right;
	width:658px;
	height:404px;
	background:url(../img/bg-contenuGeneral.jpg) no-repeat top right;
}
#contenuCentralEvent{
	float:right;
	width:658px;
	height:404px;
	background:url(../img/bg-contenuGeneralEvent.jpg) no-repeat top right;
}
#contenuCentralRestauration{
	float:right;
	width:658px;
	height:404px;
	background:url(../img/bg-contenuGeneralRestauration.jpg) no-repeat top right;
}
#contenuCentralHebergement{
	float:right;
	width:658px;
	height:404px;
	background:url(../img/bg-contenuGeneralHebergement.jpg) no-repeat top right;
}
#contenuTexte{
	width:588px;
	height:240px;
	padding:20px 10px 10px 50px;
}
#contenuMoteur{
	width:628px;
	height:240px;
	padding:20px 0px 10px 30px;
}

/* === contenu droite ===  */
#contenuDroite{
	float:right;
	width:127px;
	height:475px;
	text-align:right;
}
#mentions{
	display:block;
	width:127px;
	height:35px;
	text-align:center;
	padding-top:22px;
	background:#FFF;
	color:#999;
}
#mentions:hover{
	background:#00483A;
	color:#F8913F;
}
/* === liens === */
#menuHaut a .titre, #menuHaut a .hautSelect{
	float:left;
	height:22px;
	margin:0px 18px;
	font-size:10px;
	font-weight:bold;
}
#menuHaut a .titre, #menuHaut a:visited .titre{
	text-decoration:none;
	color:#999;
	border-bottom:solid 3px #FFF;
}
#menuHaut a:hover .titre, #menuHaut a:visited:hover .titre, #menuHaut a .hautSelect{
	text-decoration:none;
	color:#00483A;
	border-bottom:solid 3px #00483A;
}

/* ====== MENU ====== */
#menu{
	float:left;
	width:130px;
	padding-top:20px;
	text-align:right;
	font-size:9px;
	letter-spacing:1px;
	z-index:10;
}
#menu extendfirst{
	position:absolute;
}
#menu ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
#menu ul li{
	padding-left:0px;
	height:20px;
}
#menu ul li ul{
	display:none;
}
#menu ul li:hover ul{
	display:block;
	position:relative;
	left:130px;
}
#menu ul li ul, #menu ul li:hover ul li ul, #menu ul li:hover ul li:hover ul li ul{
	display:none;
}
#menu ul li:hover ul{
	display:block;
	position:relative;
	top:-15px;
}
#menu ul li.extend:hover ul li{
	margin-left:10px;
	height:12px;
	text-align:left;
	padding-left:15px;
	background:url(../img/bg-menu.jpg) repeat-y top left;
	width:200px;
}
#menu ul li.extend:hover ul li a, #menu ul li.extend:hover ul li a:visited{
	color:#999;
}
#menu ul li.extend:hover ul li a:hover, #menu ul li.extend:hover ul li a:visited:hover{
	color:#F6891F;
}
#menu li a{
	display:block;
	text-decoration:none;
	color:#666;
}
#menu li a:hover{
	color:#F6891F;
}
#menu .select{
	color:#F6891F;
}

/* === ACTUS === */
#actus{
	clear:both;
	width:788px;
	height:144px;
	background:url(../img/bg-actus.jpg) no-repeat top right;
}
#actusHorizontales{
	width:740px;
	height:114px;
	float:left;
}
.actuTitre{
	height:20px;
	padding:10px 0px 0px 25px;
	font-size:12px;
	font-weight:bold;
	color:#00483A;
}
.actuL, .actuR{
	float:left;
	display:block;
	height:114px;
	width:358px;
	padding-left:10px;
	font-size:10px;
}
.actuL{
	border-right:solid 1px #999;
}
.actuL p, .actuR p{
	padding:5px;
	margin:0px;
	width:228px;
}

/* === CONTENTS === */
#contentLeft, #contentRight{		/* plan d'accès */
	text-align:justify;
	padding-right:10px;
	font-size:12px;
}
#contentLeft{						/* plan d'accès */
	width:230px;
	float:left;
}
#contentRight{						/* plan d'accès */
	width:330px;
	float:right;
}
#contentContact{					/* contact */
	float:left;
	text-align:justify;
	padding:15px 0px;
	font-size:9px;
	width:305px;
}

/* THEMES DES ANIMATIONS */
#themes{
	height:50px;
	margin-left:50px;
	padding-left:20px;
	border-bottom:solid 1px #CCC;
}
.theme{
	float:left;
	padding:15px 0px;
	margin:0px 15px;
	padding-top:20px;
	height:13px;
	font-size:10px;
	text-align:center;
}
.themeSelect{
	float:left;
	padding:15px 0px;
	margin:0px 15px;
	padding-top:20px;
	height:13px;
	font-size:10px;
	text-align:center;
	border-bottom:solid 3px #00483A;
	color:#00483A;
}
.theme:hover{
	border-bottom:solid 3px #00483A;
}

/* === typos === */
.title{
	display:block;
	height:20px;
	width:588px;
	background:url(../img/ligne.jpg) no-repeat bottom right;
	color:#00483A;
	font-size:14px;
	font-weight:bold;
}
.title2{
	display:block;
	height:20px;
	width:230px;
	background:url(../img/ligne.jpg) no-repeat bottom right;
	font-size:14px;
	color:#00483A;
	font-size:14px;
	font-weight:bold;
}
.titleDevis{
	display:block;
	margin-top:10px;
	height:20px;
	width:580px;
	background:url(../img/ligne.jpg) no-repeat bottom right;
	color:#00483A;
	font-size:14px;
	font-weight:bold;
}
.titleActu{
	display:block;
	height:20px;
	width:380px;
	background:url(../img/ligne.jpg) no-repeat bottom right;
	color:#00483A;
	font-size:14px;
	font-weight:bold;
}
.titleActu2{
	display:block;
	width:430px;
	background:url(../img/ligne.jpg) no-repeat bottom right;
	color:#00483A;
	font-size:14px;
	font-weight:bold;
}

/* mise en page */
p{
	text-align:justify;
}
.left{
	float:left;
}
.right{
	float:right;
}
.center{
	text-align:center;
}
.foot{
	clear:both;
	height:0px;
}

/* === TEXTE === */
.orange{
	color:#F6891F;
}
.vert{
	color:#00483A;
}
.grey{
	color:#999;
}
.normaltext{
	font-size:12px;
}
.smallText{
	font-size:10px;
}

/* LIENS */
a{
	text-decoration:none;
}
a, a:visited{
	font-weight:bold;
	color:#F6891F;
}
a:hover, a:visited:hover{
	color:#00483A;
}
#titre a, #titre a:visited{
	color:#999;
}
#titre a:hover, #titre a:visited:hover{
	color:#00483A;
}
#contenuDroite a, #contenuDroite a:visited{
	color:#999;
}
#contenuDroite a:hover, #contenuDroite a:visited:hover{
	color:#00483A;
}

/* BANDEAU IMAGE INDEX */
#galerie{
	float:right;
    border:0px;
	width:537px;
	height:260px;
    overflow:hidden;
    margin:0px;
}
#galerie img {
    border:0px;
	width:537px;
	height:320px;
}


/* ANIMATIONS TOOLTIP */
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
	text-align: center;
	height:10px;
	font-size:9px;
    display: block;
    position: absolute;
    top: 10px;
    left: 0px;
    padding: 2px;
    color: #00483A;
    border: 1px solid #F6891F;
    background: #EEEEEE;
    width:170px;
}