/* CSS Document */
*{
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
html{
	text-align:center;
	background:#050f26 url(../fond/bg_macon.jpg) repeat-x top left;
}
#body{
	position:relative; text-align:left;
	margin-left:auto; margin-right:auto;
	width:990px;
}
#top{
	position:relative;
	width:990px; height:144px;
	background:url(../fond/toplight_macon.jpg) no-repeat top left;
}

#logo a{
	position:relative; float:left; width:800px; height : 105px; margin-top:30px;
	display:block;
	outline:0px;
	background:url(../element/logo_macon.png) no-repeat top left;
    text-indent:-999999px;
}
#logo span{font-size:0.6em;}
#logo .ville{font-size:0.7em!important}

#logo_rh{
	position:relative; float:right;
	width:158px; height:72px;
	margin-top:75px;
	text-indent:-999999px;
}
#logo_rh a{display:block; width:158px; height:72px; outline:0px;}

#banner{
	position:relative; 
	width:990px; height:251px;
	padding-top:7px;
}
#menubox{
	position:relative; float:left; display:block;
	width:253px; height:226px;
	background-color:#001136;
	padding:8px; margin-right:6px;
}
#menu{
	width:253px; height:216px;
	border:1px solid #425373;
	padding-top:10px;
}
#menu li{ list-style:none;}
#menu a{
	display:block; width:233px;
	padding:10px; padding-bottom:7px; padding-top:7px;
	text-transform:uppercase; color:#ffffff;
	font-size:1.2em;
	text-decoration:none; outline:0px;
}
#menu a:hover{background-color:#000b22;}

/*** BANNER PHOTO ***/
div.scrollable {position:relative; float:right; z-index:1;overflow:hidden;width:711px;height:238px; border:2px solid #ffffff;}
#thumbs{position:absolute;width:20000em;clear:both;}
#thumbs div.photos{float:left;width:711px;height:238px;color:#fff;cursor:pointer;}
div.navi {
	position:absolute; z-index:11;
	right:12px; bottom:0px;
	height:24px;
}
div.navi a {
	position:relative; float:left;display:block;
	width:47px; height:22px;
	background:url(../element/navi.png) no-repeat top left;
	padding-top:2px;margin-left:2px;color:#ffffff;
	text-align:center;
	text-decoration:none;
	font-size:1.6em; font-weight:normal;
	outline:0px;
}
div.navi a strong{font-size:1.0em;}
div.navi a:hover {background:url(../element/navi_active_macon.png) no-repeat top left;}
div.navi a.active {background:url(../element/navi_active_macon.png) no-repeat top left;} 	

#contents{
	position:relative;
	width:990px; min-height:165px; height:auto!important; height:165px;
	background:url(../fond/centerlight_macon.png) no-repeat top left;
}
#line{width:990px; height:37px;margin-bottom:10px;}
#line h3{position:relative; display:block; float:left; width:267px; color:#e8ce97; text-transform:uppercase; font-size:1.0em; font-weight:normal; text-align:center; padding-top:8px;}
#line .menusec{position:relative; float:right; width:715px;text-align:right;color:#ffffff; padding-top:10px;}
#line .menusec a{color:#ffffff; text-decoration:none; font-size:1.0em;}
#line .menusec a:hover{color:#000000}

#colleft{position:relative; float:left; display:block;width:267px; margin-right:10px;}
#colright{position:relative; float:right; display:block;width:713px;}

/* RESERVATION */
#reservation{
	width:257px; height:241px;
	background-color:#00091c;
	padding:5px; margin-bottom:10px;
}
#reservation h3{ text-transform:uppercase; font-size:1.6em!important; color:#ffffff!important; background:url(../element/calendar.png) no-repeat top left; padding-left:35px!important; padding-top:2px!important;margin-top:0px!important; }

#reservation .fastbookinghome{color:#ffffff;margin-left:5px; margin-top:10px;}
#reservation .fastbookinghome select{background-color:#dddcdc; border:1px solid #ffffff;margin-top:3px}
#reservation .fastbookinghome .jour{width:65px; margin-right:2px; margin-bottom:15px;}
#reservation .fastbookinghome .mois{width:100px; margin-right:2px;}
#reservation .fastbookinghome .annee{width:70px;}
#reservation .fastbookinghome .nbnight{position:relative; float:left; width:105px; margin-right:10px;}
#reservation .fastbookinghome .nb_pers{position:relative; float:left; width:130px; margin-bottom:15px;}
#reservation .fastbookinghome .nb{width:105px; margin-bottom:15px;}
#reservation .fastbookinghome .nbpers{width:130px;}
#reservation .fastbookinghome .pass{background-color:#dddcdc; border:1px solid #ffffff;margin-top:3px; margin-bottom:10px; width:145px;}
#reservation .fastbookinghome .submit{border:1px solid #000000; background-color:#a6c5f0; width:240px; height:24px; font-weight:bold; font-size:1.1em; margin-bottom:8px; cursor:pointer;}
#reservation .fastbookinghome a{display:block;color:#898989; text-align:center; text-decoration:none;}

/* RESERVATION RUBRIQUE */
#resa_rub{position:relative; float:left; width:630px; height:170px; background-color:#00091c; padding:10px; margin-left:10px;}
#resa_rub .fastbookinghome{position:relative; float:left; display:block;color:#ffffff;margin-left:55px;}
#resa_rub .fastbookinghome select{background-color:#dddcdc; border:1px solid #ffffff;margin-top:3px}
#resa_rub .fastbookinghome .jour{width:135px; margin-right:2px; margin-bottom:10px;}
#resa_rub .fastbookinghome .mois{width:170px; margin-right:2px;}
#resa_rub .fastbookinghome .annee{width:135px;}
#resa_rub .fastbookinghome .nbnight{position:relative; float:left; width:240px; margin-right:10px;}
#resa_rub .fastbookinghome .nb_pers{position:relative; float:left; width:280px; margin-bottom:10px;}
#resa_rub .fastbookinghome .nb{width:140px; margin-bottom:10px;}
#resa_rub .fastbookinghome .nbpers{width:153px;}
#resa_rub .fastbookinghome .pass{background-color:#dddcdc; border:1px solid #ffffff;margin-top:3px; margin-left:5px; margin-bottom:10px; width:145px;}
#resa_rub .fastbookinghome .submit{position:relative; float:right; border:1px solid #000000; background-color:#a6c5f0; width:300px; height:24px; font-weight:bold; font-size:1.1em; margin-bottom:8px; cursor:pointer; margin-right:45px;}
#resa_rub .fastbookinghome a{position:relative; float:left; display:block; width:220px; color:#898989; text-align:center; margin-top:5px;}


/* plan */
#plan_situ{
	position:relative; width:267px; height:31px;
	background-color:#0b1939;
	padding-top:4px; margin-bottom:10px;
}
#plan_situ a{position:relative; display:block;color:#57b5e8; text-transform:uppercase; font-size:1.3em; background:url(../element/iconeplan.png) no-repeat top left; padding-left:33px; text-decoration:none; font-weight:bold; margin-left:5px; padding-top:3px; padding-bottom:4px;}
/* Coordonnees */
#coordonnees{
	position:relative; width:257px; min-height:100px; height:auto!important; height:100px;
	background-color:#0b1939;
	padding:5px; padding-bottom:10px; margin-bottom:20px;
}
#coordonnees h3{color:#c3ae8d!important; text-transform:uppercase!important; font-size:1.3em!important; font-weight:normal!important; background:url(../element/iconecoord.jpg) no-repeat top left; padding-left:22px!important; margin-bottom:10px!important; margin-top:5px!important;}
#coordonnees p, #coordonnees a{color:#ffffff;}
#coordonnees a{font-size:0.9em;}

.coord_rub{position:relative; float:left;width:257px;}

/* Presentation*/
#present{width:703px; background:url(../element/sepa.gif) repeat-x bottom left; padding-bottom:25px; padding-left:10px;}
#present img{position:relative; float:right; border:1px solid #ffffff; margin-left:25px;}
#present h3{color:#ff985c; font-size:1.2em; text-transform:uppercase; font-weight:bold; margin-top:5px; margin-bottom:10px;}
#present p{color:#ffffff; margin-bottom:5px;}
#present h1{display:none;}
#present a{display:block; text-decoration:none; color:#ff985c; text-align:right; margin-top:25px;}
#present a:hover{text-decoration:underline; color:#ffffff;}
#present .texte_present img{display:none;}

/* Dicovery */
#galery_link{width:703px; padding-top:15px; padding-left:10px;} 
#galery_link h3{color:#4884f5; font-size:1.4em; font-weight:norboldmal; text-transform:uppercase; margin-bottom:15px;}
#galery_link img{float:right;}
#galery_link .pano, #galery_link .photo{color:#ffffff; text-transform:uppercase; font-size:1.2em; padding-left:48px; text-decoration:none; display:block; outline:none;}

#galery_link .pano{background:url(../element/icone_pano.png) no-repeat top left; height:26px; padding-top:14px;margin-bottom:5px;}
#galery_link .photo{background:url(../element/icone_photo.png) no-repeat top left; height:19px; padding-top:10px;}


/* PAGES RUBRIQUE ***/
#contenu{color:#ffffff;}

/* PLAN GOOGLE */
.magasin p{color:#000000!important;}
.magasin h2{color:#333333!important; font-weight:bold!important;}
.magasin a{color:#000000!important;}
.magasin strong, #gmapDirHead strong{color:#333333!important; font-weight:bold!important;}
#gmapDirHead a, #gmapDirHeadTo a, #gmapDirHeadFrom a{color:#000000!important;}
#gmapDirHeadTo strong, #gmapDirHeadFrom strong{color:#333333!important;}
.gmapTextBox{width:220px; border:1px solid #888888; background-color:#e0e0e0;margin-right:5px;}
.gmapDirButton{background-color:#316ac5; border:none; padding-left:5px; padding-right:5px; cursor:pointer; color:#FFFFFF; border:1px solid #333333;}


/* VISITES VIRTUELLE */
#DOMWindow #top{display:none;}

/* GALERY PHOto*/
#galery{position:relative; float:right; display:block;width:650px;}
#galery .galery{ background-color:#00091c; padding:5px;}
#galery .imggal{position:relative; float:left; margin:3px!important;max-height:86px; border:1px solid #ffffff;}

/* GOOGLE MAP */
#google_map{position:relative; float:right; width:713px; border:1px solid #000000;}

/* FORMULAIRE */
#formulairepage{position:relative; float:right; display:block;width:650px;}
#formulairepage fieldset{background-color:#00091c; border:1px solid #425373; padding:20px; margin-bottom:15px;}
#formulairepage legend{font-size:1.4em; font-weight:normal; text-transform:uppercase; font-style:italic;}
#formulairepage label{display:block; margin-bottom:5px; width:100%;}
#formulairepage label span{display:block; position:relative; float:left; width:200px; text-align:right; padding-right:5px;}
#formulairepage .ctext, #formulairepage .mtext, #formulairepage .email, #formulairepage select{width:350px; border:1px solid #5d6371; background-color:#1f2738; color:#ffffff;}
#formulairepage .mtext{height:180px;}
#formulairepage .submit{position:relative; border:1px solid #000000; background-color:#a6c5f0; width:350px; height:24px; font-weight:bold; font-size:1.1em; margin-bottom:10px; margin-top:5px; cursor:pointer; text-transform:uppercase; margin-left:205px;}
#formulairepage .noteform{font-size:0.9em; display:block; width:350px; margin-left:205px; text-align:center;}

/* OUVERTURE */
.ouverture{
	position:relative; float:left; display:block; 
	margin-left:15px; padding-top:15px;
	width:700px;
}
 

/* Pied */
#pied{display:block; text-align:center; color:#565656; margin-top:20px; margin-bottom:50px;}
#pied p{color:#565656; font-size:1.0em;}
#pied a{color:#565656; font-size:1.0em; text-decoration:none;}
#pied a:hover{color:#ffffff;}

/* */
.spacer{display:block; clear:both;}

/* BLOCS HTML */
.colonne_gauche{position:relative; float:left; width:490px; padding:5px; margin-right:10px;}
.colonne_droite{position:relative; float:right; width:460px; padding:5px; margin-left:10px;}