/*
Title:      Globetrotter - feuille de styles secondaire
Author:     Bernard Bélanger, design[at]bernardbelanger[dot]com 
Updated:    02 2007
Notes:		http://www.hostelglobetrotter.com
*/


/* _____  structure  ________________________ */

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, "Trebuchet MS", sans-serif;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	color: #333333;
	background: #78c81b;
	}

#header {
	background: transparent url(../ico/header.gif) repeat-y center;
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 760px;
	height: 144px;
	}
#header h1 {
	display: none;
	}
#header2 {
	background: transparent url(../ico/splash.jpg) no-repeat center;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 760px;
	height: 284px;
	}

#wrap {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	width: 760px;
	background: transparent url(../ico/body.gif) repeat-y center;
	}
/*#wrap.map {
	background: transparent url(../ico/body_map.gif) repeat-y center;
	}*/

#marge {
	position: relative;
	float: right;
	right: 0;
	margin: 0 0 0 0;
	padding: 0;
	width: 172px;
	border: solid #8CE228 0px;
	visibility: visible;
	display: block;
	background: transparent;
	}
#marge_objets {
	background: transparent url(../ico/avion_122.gif) no-repeat center;
	width: 122px;
	height: 122px;
	position: absolute;
	top: 70px;
	right: 10px;
	margin: 0 0 0 0;
	padding: 0;
	}

#content {
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	width: 472px;
	background: transparent url(../ico/content_1.jpg) no-repeat 0 0;
	float: left;
	visibility: visible;
	display: block;
	}
#content.w644 {
	text-align: left;
	width: 644px;
	height: 630px;
	}

#closing {
	margin: 0 0 0 0;
	padding: 0;
	clear: both;
	}

#footer {
	background: transparent url(../ico/footer.gif) no-repeat top;
	color: #FFFFFF;
	font-size: 9px;
	line-height: 11px;
	font-weight: normal;
	text-align: left;
	width: 760px; 
	height: 25px; 
	padding: 25px 0 0 0;
	margin: 0 auto 0 auto;
	clear: both;
	}


#sig {
	color: #FFFFFF;
	text-decoration: none;
	width: 420px; 
	height: 144px; 
	padding: 0;
	margin: 0 0 0 0;
	background: transparent url(../ico/Logo_globetrotter2.gif) no-repeat center;
	position: relative;
	top: 0;
	float: left;
	display: block;
	}
/*#sig a:hover {
	background: transparent url(../ico/Logo_globetrotter_over.gif) no-repeat center;
	}*/

/* _____  typo  ________________________ */

p {
	color: #333333;
	padding: 0 15px 0 0;
	margin: 3px 20px 4px 40px;
	}
#header p {
	color: #000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
#marge p {
	color: #000;
	padding: 0 0 0 0;
	margin: 3px 15px 8px 15px;
	}
#footer p {
	color: #FFFFFF;
	padding: 0 0 0 124px;
	margin: 0 0 4px 0;
	}

h1 {
	color: #6DDC00;
	font-size: 14px;
	line-height: 16px;
	padding: 20px 30px 16px 30px;
	margin: 0 0 0 0;
	}
#header h2 {
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	padding: 10px 0 0 0;
	margin: 0 0 4px 0;
	}

h3 {
	font-size: 13px;
	line-height: 16px;
	color: #000000;
	padding: 2px 0 2px 5px;
	margin: 6px 15px 0 20px;
	}
#footer h3 {
	font-size: 10px;
	color: #000;
	padding: 0 0 0 124px;
	margin: 0 0 4px 0;
	}

.dgd_vert {
	background: transparent url(../ico/dgd_vert.gif) no-repeat 0 0;
	}
.dgd_orange {
	background: transparent url(../ico/dgd_orange.gif) no-repeat 0 0;
	}

h4 {
	font-size: 14px;
	line-height: 17px;
	color: #CC0000;
	padding: 0 15px 0 0;
	margin: 2px 0 0 20px;
	}

h5 {
	color: #666666;
	font-size: 10px;
	line-height: 12px;
	padding: 0 30px 0 50px;
	margin: 6px 0 6px 0;
	font-weight: normal;
	}
h6 {
	color: #666666;
	font-size: 9px;
	line-height: 11px;
	padding: 0 30px 0 30px;
	margin: 6px 0 6px 0;
	font-weight: normal;
	}

/* _____  menu et listes ________________________ */

ul {
	margin: 0 0 0 24px;
	padding: 0;
	list-style-type: none;
	font-weight: bold;
	cursor: pointer;
	}

li {
	margin: 6px 0 0 0;
	}
li a {
	padding: 0 0 0 8px;
	color: #333333;
	text-decoration: none;
	background: #fff;
	}
li a:hover {
	color: #990000;
	background: #fff;
	}

.switchcontent {   /* _____  Switch Content script  */
	color: #222;
	padding: 6px 12px 5px 40px;
	margin: 4px 20px 0 4px;
	font-weight: normal;
	background: #fffde4;
	border-left: #ff7b1c solid 2px;
	}
.switchcontent a { 
	color: #3333FF;
	font-weight: bold;
	padding: 0 0 0 0;
	background: transparent;
	border-bottom: #3333FF solid 1px;
	}
.switchcontent a:hover { 
	color: #339900;
	border-bottom: #3333FF solid 0px;
	background: transparent;
	}
.showstate {
	padding: 0 0 0 0;
	}

#menu {
	position: relative;
	left: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 116px;
	height: 275px;
	float: left;
	}
#menu ul {
	margin: 0;
	padding: 32px 0 0 0;
	height: 243px;
	background-image: url(../ico/navi_menu.gif);
	}
#menu li span {
	/*visibility: hidden;*/
	}
#menu li {
	margin: 0 0 0 0;
	}
#menu li a {
	color: #FFF; 
	margin: 0 0 0 0;
	padding: 8px 0 0 15px;
	width: 101px;
	height: 23px;
	background: transparent; 
	display: block;
	}

#menu li a:hover { 
	color: #000; 
	background-image: url(../ico/navi_btn_over.gif);
	}

#menu .on a { 
	background-image: url(../ico/navi_btn_on.gif);
	color: #000000;
	}

#menu .under a { background-image: url(../ico/navi_btn_on_under.gif); }

#theme {
	width: 100%;
	background: transparent;
	margin: 0;
	padding: 0px;
	position: relative;
	left: -100px;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #009900;
	}
#theme a { text-decoration: none; }
.theme_a { color: #C7F098; padding: 0 3px; }
.theme_b { color: #3C6C05; padding: 0 4px; border-left: #B0E870 solid 1px; }
.theme_c { color: #C7F098; padding: 0 4px; border-left: #B0E870 solid 1px; }
#theme a:hover { color: #000000; background: #FFFFFF; }
#theme a:hover .theme_b, #theme a:hover .theme_c { color: #009900;  }

/* _____  links  ________________________ */

#footer p a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: solid #C1E993 1px;
	padding: 0 2px;
} 
#footer p a:hover { color: #376600; background: #E4F6CE; } 
#footer p a:active { color: #376600; background: #FFFFFF; } 

.out a:link, .out a:visited {
	color: #888888;
	text-decoration: none;
	border-bottom: solid #d2d2d2 1px;
	padding: 0 2px;
} 
.out a:hover { color: #FFFFFF; background: #b1b1b1; } 
.out a:active { background: #6B6658; } 

#book_now a {
	background: transparent url(../ico/book_now.gif) no-repeat center;
	color: #990000;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	width: 172px; 
	height: 157px; 
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: block;
	}
#book_now a:hover {
	background: transparent url(../ico/book_now_on.gif) no-repeat center;
	}

#lock a {
	background: transparent url(../ico/lock.gif) no-repeat center;
	text-decoration: none;
	width: 20px; 
	height: 17px; 
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: block;
	float:right;
	position:relative;
	top:-16px;
	}
#lock a:hover {
	background: transparent url(../ico/lock_on.gif) no-repeat center;
	}


/* _____  Forms  ________________________ */

#form_a {
	margin: 0 0 0 0;
	padding: 0;
	width: 472px;
	background: transparent;
	display: block;
	} 
#form_a p {
	margin: 8px 0 0 0;
	padding: 0;
	clear: both;
	} 

.form_cadre {
	margin: 6px;
	padding: 0 0 8px 20px;
	background: #fff;
	border: solid #d2d2d2 1px;
	display: block;
	} 

input.fnd, textarea.fnd {
	background: #FEFEF0;
	}
#form_a p .label {
	font-weight: bold;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	clear: both;
	display: block;
	}
#form_a p .label_checkbox {
	padding: 0 0 0 0;
	}
#form_a p .error {
	color: #ff0000;
	font-weight: bold;
	}

#form_a p .checkbox {
	text-align: left;
	margin: 0 6px 0 8px;
	padding: 0 0 0 0;
	}
#form_a p .first_checkbox {
	margin: 0 6px 0 0;
	}

/* _____  table  ________________________ */



table {
	/*border-collapse: collapse;
	border: 2px solid #000000;*/
	/*width: 100%;*/
	font-size: 12px;
	line-height: 16px;
	position: relative;
	left: 30px;
	}
th {
	border: solid #CCCCCC;
	border-width: 0 1px 1px 0;
	vertical-align: middle;
	padding: 10px;	
	text-align: left;
	vertical-align: baseline;
	width: 120px;
	background: #FFFFFF;
	}
th.blanc, td.blanc {
	background: #FFFFFF;
	}
td {
	border: solid #CCCCCC;
	border-width: 0 1px 1px 0;
	width: 110px;
	vertical-align: middle;
	padding: 10px;	
	}
tr {
	background: #ffffff;
	padding: 10px 0;	
	}
tr#row9 td {
	font-size: 10px;
	line-height: 12px;
	width: 100%;
	padding: 8px 0 2px 10px;	
	border-width: 0 0 0 0;
	}
.hs strong {
	color: #cc0000;
	}

.marge_links {
	width: 80px;
	margin: 15px 0 0 76px;
	background: transparent url(../ico/marge_btn.gif) repeat-y 0 0;
	color: #000000;
	display: block;
	}

.marge_links_info img {
	border: 0;
	}

a.marge_links_info {
	width: 80px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 0;	
	background: transparent;
	display: block;
	}
a.marge_links_info span {
	display: none;
	}
a.marge_links_info:hover {
	background: transparent url(../ico/marge_btn_on.gif) no-repeat 0 0;
	z-index: 900;
	}
a.marge_links_info:hover span {
	display: block;
	width: 185px;
	height: 120px;
	position: absolute;
	top: 3px;
	left: -146px;
	background: transparent url(../ico/bulle.gif) no-repeat 0 0;
	text-align: left;
	font-weight: normal;
	color: #000000;
	padding: 20px 20px 0 15px;
	margin: 0;
	border: #000000 solid 0;
}
.marge_links_info strong {
	color: #990000;
	font-size: 12px;
	line-height: 14px;
	}
a.marge_links_info:hover span.en {
	background: transparent url(../ico/bulle_en.gif) no-repeat 0 0;
	}