/*	=======
	CSS2 Stylesheet for http://studi-hotel.com
	by Mediaclass / Vacances Concept
	http://mediaclass.fr | http://vacancesconcept.fr
	
	copyright Mediaclass / Vacances Concept
	======= */


/*	=======
	Common 
	======= */
img {border:none;}

.center {
	text-align:center;
}
/* font-weight:bold; */
#topbar h2, .menu li a, .bold, .phone, .tel, .double, th,.orange2, td,.sel,legend,.send,div.success, .loc1, .loc2, .loc3, .loc4,.devis, .below a,.gr_head {font-weight:bold;}

/* text-align:center; */
.home,.photo,.phone,.tel, td, th,.resa_notice,#pre-confirm,.tarifs_list th,.tarifs_list_bottom td,.loc1, .loc2, .loc3, .loc4, .home_ {text-align:center;}

/* text-decoration:undeline; */
.home_ a:hover, .devis a:hover {text-decoration:underline;}
	
ul, .infobox ul {list-style-type:none;margin:0;padding:0;line-height:18px;}
li {list-style-type:none;}


body {
	font-family:Arial, sans-serif;
	font-size:11px;
	color:#4e4e4e;
	padding: 0px;
	background-color: #c8c8c8;
	text-align:left;
}

a {
	text-decoration: none;
	color: #666;
}
input:focus, select:focus, textarea:focus {
	background:#E4EEF8;
	border: 1px solid #ccc;}

input.calcul:focus {
	background: url(elements/calculer_on.png) no-repeat;
}


input.radio {border:none;}
.green {background:#80D52B;}

div#container {
	
	width: 990px;
	margin: 0 auto;
	padding: 0;
	background:#fff;
	
}

.left, .bloc {float:left;}
.right {float:right;}

td {vertical-align:top;}
.gr_head {font-size:16px;margin-left:24px;}

/*	=======
	Maps 
	======= */
	
.map {border:2px solid #ccc;padding:4px;width: 902px;}
	
/*	=======
	Top 
	======= */
	
#topbar {
	height:58px;
	width:100%;
	background: #fff;
	overflow:hidden;
}

#topbar h2 {
	font-size:12px;	
}
#topbar h2, #topbar h2 a {color:#838383;}

#flags {padding-left:10px;}

#flags img {
	width: 28px;
	height: 28px;
	margin: 14px 4px 0 0;
}
#topbar h2 {
	padding: 0 6px;
}

#topbar h2, #flags img, #footer .frst {float:left;}

#topbar h2.frst {text-indent: 10px;padding-right:20px;}
#topbar h2.scd {float: right;padding-right:10px;}

.panoramic {
	border-bottom: 1px #fff solid;height:265px;
}


.panbar {display: block; height:6px;background:#ccc;overflow:hidden;margin-bottom:22px;}


/*	=======
	Home 
	======= */

.bloc {
	
	width:462px;
}
.bloc .header {
	
}
.home_ {background:url(backgrounds/home_.png) no-repeat;width:100px;height:32px;line-height:32px;margin:0 10px;}

.push {
	margin-left: 36px;
}
.push2 {
	margin-left: 42px;
}
.menu {
	background:url('backgrounds/menu_bar.png') no-repeat #fff;
	width:462px;
	height:34px;
	margin-top:6px;
	display:block;
	text-align: left;
}

.menu2 {
	background:url('backgrounds/menu_bar2.png') no-repeat #fff;
	height:56px;
}

.menu ul {margin-left:10px;padding-left:0;}
.menu li {display:inline;list-style-type: none;line-height: 34px;padding: 8px 3px;
	}
.menu li a {color:#003300;font-family:Verdana;}

.menu li:hover {
	background:url('backgrounds/blanc.png');
}

.nobg {background:none;}
.noindent {text-indent:0;}
.clear {clear:both;}
.nopadding {padding:0;}
.nomargin {margin:0;}
.noborder {border:none;}

h1, h1.homep {
	font-family:"Trebuchet MS";
	font-size: 17px;
	color: #003300;
	margin:0;
	padding:0;
	font-weight:normal;
	display:block;
	line-height:32px;
	height:33px;
	}
h1.homep {text-indent:6px;
	}  
.photo {
	background:#f2f2f2;
	padding:6px;
}

.margin18 {
	margin-left:18px;
}

td.infos {background:url('backgrounds/grey1.png') #fff;padding-left:8px;}
td.infos .encart {
	background:url('backgrounds/home_infos.png') no-repeat;
	width:452px;
	height:200px;
	font-size:11px;
	
}
td.infos .desc {width:210px;padding:6px;overflow:hidden;font-size:11px;}
td.infos .desc h3 {font-size:11px;color:#4d4d4d;}

.phone {display:block;width:165px;height:30px;background:url('backgrounds/phone.png');line-height: 30px;}

.phone, .tel {font-size:15px;letter-spacing:1px;}
.tel {color: #666;}
.encart span, .orange {color:#ff3300;text-transform:uppercase;line-height:14px;}




/*	=======
	Page
	======= */

h2.page_header {
	background:url('backgrounds/header_arrow.png') no-repeat #f2f2f2 top left;
	min-width:380px;
	color: #031F2A;
	height:35px;
	line-height:32px;
	font-size:16px;
	font-family:"Trebuchet MS";
	letter-spacing:0;
	margin:0 0 20px 0;
	padding:0 16px 0 40px;
	
}

.page_content {
	width:470px;
	margin-right:15px;
	margin-left:-10px;
}

.page_desc {
	background:#fbfbfb;
	padding:12px;
	
}

td.rowgal {
	border:1px solid #f2f2f2;
	padding:8px 0;
	margin:8px 0;
}
div.rowgal img {float:left;margin:3px;}

.double {background:url('backgrounds/double.png');height:15px;display:block;width:152px;text-indent:6px;margin-top:6px;}

.fiche span, .resa_h {display:block;font-size:18px;color:#55700A;font-family:"Trebuchet MS";height:26px;background:url('backgrounds/green_arrow.png') top left no-repeat;text-indent:40px;margin:14px 0 0 6px;}

.fiche {margin-bottom:16px;background:#fff;padding: 0 10px 30px 0;}
.link {background:url('backgrounds/orange_arrow.png') no-repeat top left;height:15px;text-indent: 24px;margin:10px 20px;}

.grey1 {background:url('backgrounds/grey1.png') bottom repeat-x;}
.grey2 {background:url('backgrounds/grey2.png') bottom repeat-x;}

td.no {padding:4px 14px;}

table.inv {margin:10px 0 0 18px;}
table.inv th {background:#f1f1f1;}

.fiche div {margin: 10px 0 0 30px;}

.infobox_h {background:url('backgrounds/info.png') no-repeat left;height:26px;color:#515151;font-family:"Trebuchet MS";text-indent:35px;font-size:18px;margin:0 0 0 20px;}

td.vert {vertical-align: top;}
/*	=======
	Réservation
	======= */


#tarifs td img {float:right;}
#tarifs td span {float:left;}
 td {color:#4d4d4d;font-size:12px;vertical-align:middle;}
 th {padding:4px 8px;}
 th.label {font-weight:normal;padding:4px 0;}
 td.sem {font-weight:normal;padding:0 12px;font-family:"Trebuchet MS";width: 100px;}
.res_ora, .res_bleu {text-indent:10px;}
.res_ora {background: url('elements/bg_ora.png') repeat-x;}
.res_bleu {background: url('elements/bg_bleu.png') repeat-x;}
.res_gris {background: #f2f2f2;}
.alt {background:#CFDFF3;}
.orange2 {text-indent:48px;color:#ff6600;font-size:12px;}
.resa_notice {background:url('backgrounds/resa_precision.png') no-repeat top left;width:210px; height:25px;line-height:24px;margin-top:16px;font-size:12px;letter-spacing: 1px;}


.infobox {background:#fff;margin:10px 0 0 18px;border:1px solid #ccc;padding:10px;width:220px;border-bottom:3px solid #ccc;font-weight:normal;text-align:left;font-size:11px;}

.below {position:relative;top:80px;left:145px;background:url('backgrounds/below.png') no-repeat top left;width:107px;height:40px;text-indent:10px;line-height: 38px;}

.kol {
	
	border: 1px solid #cccccc;
	background-image: url(backgrounds/bg_kol.png);
	background-repeat: repeat-x;
	background-color: #fff;
}
.kol p {
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 5px;
	margin: 0px;
}

#pre-confirm{margin:18px auto;}
.sel {border-bottom:1px solid #e0e0e0;background-color:#fff;font-family: Tahoma, Verdana, Arial, sans-serif;}

.sup_infos {background:#f3f3f3;margin:5px 0 10px 0;font-weight:normal;font-size:11px;}
.sup_infos a {padding-left:20px;padding-right:20px;line-height:26px;}

.bordf3 {border:1px solid #f3f3f3;}


#pre-confirm{margin:10px auto;}
#pre-confirm td {text-align:center;font-size: 11px;font-weight: normal;}
.sel {border-bottom:1px solid #e0e0e0;background-color:#fff;font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight:bold;}

/*	=======
	Réservation chambres 
	======= */

.showprice {
  width: 260px;
  height: 30px;
  text-align: left;
  float: right;
  border: 0px solid #000;
}

.showprice span {
  color: #f60;
}

.showprice body {
  background: #fff;
}

.showprice .prix {
  font-size: 18px;
  color: #f60;
  float: right;
  margin: 0 80px 0 0;
}

.calcul {
  background: url(elements/calculer_off.png) no-repeat;
  width: 120px;
  height: 49px;
  cursor: pointer;
  border: none;
  margin-left: 20px;
}

.calcul:hover {
  background: url(elements/calculer_on.png) no-repeat;
}

#add-user-panel {margin:10px 0 0 44px;}
.recordbooking {
  background: url(elements/record.png) no-repeat;
  border: none;
  cursor: pointer;
  width: 160px;
  height: 41px;
  
}

#booking {background:#fff;}

fieldset {border:1px solid #ccc;margin-bottom:14px;border-bottom: 2px solid #ccc;}
legend {background:url('backgrounds/orange_arrow.png') no-repeat left;padding:1px 4px;min-width:140px;text-indent:25px;text-transform:uppercase;letter-spacing:2px;color:#333;}
hr {color: #efefef;}

.dev_gr {margin:-24px 0 0 18px;}
.dev_gr fieldset {padding:14px;}

/*	=======
	GROUPE 
	======= */


/*	=======
	Tarifs 
	======= */


.tarifs_list td {
	padding:5px 10px;
	vertical-align: middle;
}
.tarifs_list th {
	
	padding:4px;color:#333;padding:4px 16px;
	
}


.devis {background:url('backgrounds/groupe.png') no-repeat top left;width:474px;height:37px;margin:6px 0 0 20px;line-height:36px;text-indent:16px;}
.devis span {color: #666;font-size:10px;padding-left:60px;}
/*	=======
	Footer 
	======= */
	
#footer {
	width: 100%;
	height: 20px;
	background:#999;
}

#footer .frst {
	padding:4px 0 0 30px;
	}
	
#footer .scd {
	padding:4px 10px 0 0;
	}
#footer h1 {font-size:11px;font-weight:normal;margin:0;padding:0;background:none;line-height:14px;}

td {text-align:left;font-weight: normal;font-size:11px;font-family:Arial, sans-serif;}

table.topbar {margin-top: 10px;}
table.topbar td {vertical-align:middle;}

table.galeria {clear:both;margin-left:6px;}
table.galeria td {vertical-align: top;padding:6px;border:1px solid #fff;background:#f2f2f2;}
table.galeria td img {padding:4px;border:1px solid #ccc;background:#fff;}

.dev_bg {background:url('backgrounds/devis.jpg') no-repeat top right;}

table#tarifs_list td {text-align:center;padding: 2px 6px;}
table#tarifs_list th {width:100px;color:#fff;} 
table#tarifs_list th.period, table#tarifs_list tr.desc th, table#tarifs_list  th.label  {color:#333;}
table#tarifs_list tr.desc th {font-weight:normal;}

.tarifs_rooms td {text-align: center;}


.addpart {padding-top:15px;cursor:pointer;}

div.anim {position:relative;left:780px;top:220px;}
.a_green {color:#009504;cursor:pointer;}
#observations textarea {width:90%;height:150px;}