@charset "UTF-8";
/* CSS Document */

body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
	 background:#333;
     }
	 
	 
#global {

     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     width:910px;
	 height:632px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     
	 }
	
	
#global .cadreMenuSup {
height:25px;
width:900px;
}	
	
#global .cadreCentral .cadreMenuHaut .cadreAmbiance a, #global .cadreCentral .cadreMenuHaut .cadreAmbiance a:visited {
text-decoration:none;
color:#fff;
}	
	
#global .cadreCentral .cadreMenuHaut .cadreAmbiance a:hover {
color:#000;
}


#global .cadreCentral {
height:600px;
width:900px;
border:1px solid #555;
background:#000;
}

#global .cadreCentral .cadreMenuHaut {
 width:880px;
 height:100px;
}

#global .cadreCentral .cadreMenuHaut .cadreAmbiance, #global .cadreCentral .cadreMenuHaut .cadreChoix {
height:100px;
width:100px;
margin-left:20px;
margin-top:20px;
float:left;
color:#fff;
}

#global .cadreCentral .cadreMenuHaut .cadreAmbiance #ambiance_classic {
cursor:pointer;
background:url(../images/carre-classic.png) no-repeat center;
}

#global .cadreCentral .cadreMenuHaut .cadreAmbiance #ambiance_design {
cursor:pointer;
background:url(../images/carre-design.png) no-repeat center;
}

#global .cadreCentral .cadreMenuHaut .cadreAmbiance #ambiance_sud {
cursor:pointer;
background:url(../images/carre-sud.png) no-repeat center;
}

#global .cadreCentral .cadreMenuHaut .cadreAmbiance #ambiance_romantic {
cursor:pointer;
background:url(../images/carre-romantic.png) no-repeat center;
}

#global .cadreCentral .cadreMenuHaut .cadreAmbiance #ambiance_Hotel {
cursor:pointer;
background:url(../images/carre-hotel.png) no-repeat center;
}

#global .cadreCentral .cadreMenuHaut .cadreAmbiance .bouton_rubrique {
height:100px;
width:100px;
}

#global .cadreCentral .cadreMenuHaut .cadreAmbiance .bouton_rubrique:hover {
color:#000;
cursor:pointer;
}


#global .cadreCentral .cadreChoix .bouton_rubrique, #global .cadreCentral .cadreChoix .bouton_infos {
height:100px;
width:100px;
background:url(../images/bouton.png) no-repeat center;
}

#global .cadreCentral .cadreChoix .bouton_rubrique .texte, #global .cadreCentral .cadreChoix .bouton_infos .texte {
color:#FFF;
text-align:center;
padding-top:35px;
font-size:12px;
font-weight:bold;
font-family:helvetica;
cursor:pointer;
}


#global .cadreCentral .cadreChoix {
height:100px;
width:100px;
margin-left:20px;
margin-top:20px;
float:left;
}


#global .cadreCentral .cadreMilieu {
margin-top:17px;
background:url(../images/fondSite.jpg) no-repeat center;
background-color:#000;
width:898px;
height:483px;
}


#global .cadreCentral .cadreMenuBas {
position:absolute;
top:510px;
width:880px;
height:100px;
}


#slider #sliderInfos {
width:180px;
height:40px;
position:absolute;
margin-top:300px;
	z-index:5000;
color:#fff;
font-size:0.7em;
}


#slider #sliderInfos .infos {
width:0px;
margin-top:5px;
padding-top:5px;
margin-left:884px;
padding-right:10px;
height:40px;
background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	display:block;
text-align:right;
padding-left:5px;
border-left:1px dashed #333;
border-bottom:1px dashed #333;
border-top:1px dashed #333;
font-size:9px;
color:#FFF;
font-family:"arial";
}