/**
 * Planetanoo
 * Main CSS sheet
 * v1.0 2010.02.08
 **/

/* ===== CSS RESET ===== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0;}
fieldset, img{ border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup, sub { line-height: 0; vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; color: inherit; font-weight: inherit; padding: 0; margin: 0; }

/* ===== GLOBAL STYLES ===== */
html { height: 100%; font-family: Helvetica, Arial; color: #333; font-weight: 100; }
body { background: #fdd48e url('../images/template/background.png') repeat-x; }
strong { font-weight: bold; }
p.clear { clear: both; }
p.right { text-align: right; }
p.center { text-align: center; }
.eLeft { float: left; }
.eRight { float: right; }

div#container { width: 900px; margin: 0 auto; }
pre#debug { clear: both; margin: 20px; background-color: white; border: solid 1px black; }

/* ===== HEADER ===== */
div#header { position: relative; height: 115px; background: white url('../images/template/header.png') no-repeat; }
	a.logoPnoo { float: left; display: block; width: 138px; height: 95px; text-indent: -3000px;  }
	a.logoVmc { float: right; display: block; margin-top: 30px; width: 170px; height: 65px; text-indent: -3000px; }
	ul#tabs { position: absolute; top: 74px; left: 156px; }
		ul#tabs li { float: left; }
		ul#tabs li a { width: 84px; height: 21px; line-height: 21px; display: block; background-position: -208px top; text-align: center; text-decoration: none; color: white; font-weight: bold; font-size: 9pt;  }
		ul#tabs li:last-child a { width: 85px; }
		ul#tabs li a:hover { background-position: -378px top; }
		ul#tabs li a.active { background-position: -123px top; }
		ul#tabs li a.active:hover { background-position: -293px top; }

/* ===== NAVBAR ===== */
div#navbar { float: left; background-color: white; width: 136px; border-left: solid 1px #f0cb9a; border-bottom: solid 1px #f0cb9a; border-right: solid 1px #b7cae2; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
	div.box { position: relative; width: 109px; padding: 7px; margin: 0 auto 10px auto; background-position: left top; }
	div.box h5 { text-indent: -3000px; width: 109px; height: 13px; margin-bottom: 7px; }
	div.box h5.newsletter { background-position: -123px -46px; }
	div.box h5.allDestinations { height: 27px; background-position: -232px -59px; }
	div.box h5.topDestinations { background-position: -232px -46px; }
	div.box h5.themes { background-position: -123px -59px; }
	div.box p { font-size: 8pt; }
	div.box ul {}
	div.box li { border-bottom: dotted 1px #333; }
	div.box li.last { border-bottom: 0; }
	div.box li a { display: block; padding: 3px; font-size: 9pt; color: #333; text-decoration: none; }
	div.box li a:hover { background-color: #5e96e7; color: white; font-weight: bold; }
	div.box div.bottom { position: absolute; left: 0; bottom: 0; width: 123px; height: 7px; border: none; background-position: left bottom; }
	form#newsletter { margin: 7px 0; }
		form#newsletter input.text { width: 102px; margin-bottom: 7px; padding: 2px; border: inset 1px; }
		form#newsletter input.submit { width: 58px; height: 20px; background-position: -123px -72px; border: none; background-color: transparent; text-indent: -3000px; cursor: pointer; }
	form#destinations select { width: 106px; }
	a.logoPm { display: block; float: right; width: 90px; height: 24px; margin: 0 10px 10px 0; text-indent: -3000px; background-position: -142px -96px; }

/* ===== CONTENT ===== */
div#content { float: left; min-height: 700px; background-color: #d0e1f6; width: 721px; padding: 0 20px 20px 20px; border-right: solid 1px #b7cae2; }
	ul.offers { float: left; width: 400px; }
	ul.offers li { position: relative; margin-bottom: 5px; padding: 10px; background-color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	ul.offers li.intro { padding: 15px 0 0 80px; height: 52px; background-color: white; background-position: -403px -24px; } 
	ul.offers li.intro p { font-size: 9pt; }
	ul.offers li.title { background: none; border: none; }
	ul.offers li.title h1 { margin-top: 10px; color: #df5c08; text-transform: uppercase; font-weight: bold; font-size: 14pt; }
	ul.offers li.title h1.pic { width: 230px; height: 25px; margin-top: 10px; background-position: -123px -21px; color: #df5c08; text-transform: uppercase; font-weight: bold; font-size: 15pt; text-indent: -3000px; }
	ul.offers li.title h2 { font-size: 11pt; }
	ul.offers li a { text-decoration: none; color: #333; }
	ul.offers li div.content { float: right ; width: 270px; }
	ul.offers li img { float: left; width: 100px; margin-bottom: 7px; }
	ul.offers li p.vendor { float: left; clear: left; width: 100px; font-size: 8pt; }
	ul.offers li h4 { color: #df5c08; text-transform: uppercase; font-size: 8pt; font-weight: bold; margin-bottom: 2px; }
	ul.offers li h4 a { color: #df5c08; text-decoration: none; }
	ul.offers li h4 a:hover { text-decoration: underline; }
	ul.offers li h3 { width: 180px; margin-bottom: 3px; line-height: 9pt; }
	ul.offers li h3 a { color: black; font-weight: bold; font-size: 8.5pt; letter-spacing: -0.5px; text-decoration: none; }
	ul.offers li hr { clear: both; visibility: hidden; height: 0px; margin: 0; padding: 0; }
	ul.offers li p { font-size: 8pt; }
	ul.offers li p.price { position: absolute; top: 10px; right: 10px; width: 70px; padding: 2px; background-color: #e87d26; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-align: center; font-size: 12pt; font-weight: bold; color: white; }
	ul.offers li p.price a { color: white; }
	ul.offers li p.price span.small { display: block; text-transform: uppercase; font-size: 6pt; font-weight: normal; }

	ul.offers li.details p.txt { font-size: 8pt; line-height: 11pt; margin: 0 0 10px 0; padding: 0; }
	ul.offers li.details img.mainPic { margin-bottom: 20px; margin-right: 15px; }
	ul.offers li.details h2 { width: 250px; margin-bottom: 5px; font-weight: bold; color: #df5c08; font-size: 9pt; }
	ul.offers li.details p.intro { width: 250px; }
	ul.offers li.price h3 { color: black; margin-bottom:20px; font-weight: bold; }
	ul.offers li.price div.price { float: right; margin-left: 30px; text-align: center; border: solid 2px red; padding: 5px 20px; font-size: 3em; color: red; font-weight: bold; }
	ul.offers li.price div.price small { display: block; font-size: 0.3em; color: red; font-weight: normal; }
	ul.offers li.price table { border: solid 1px black; border-collapse: collapse; margin-top: 20px; }
	ul.offers li.price td { font-size: 9pt; padding: 2px 10px; border: solid 1px black; }
	ul.offers li.price td.month { vertical-align: top; }
	ul.offers li.price tr.highlight td { background-color: #d0e1f6; font-weight: bold; }
	ul.offers li.price td.price_highlight { color: #df5c08; font-weight: bold; }
	ul.offers li.price td a { font-weight: bold; text-decoration: underline;} 
	ul.offers li.related h3 { width: auto; color: black; margin-bottom:20px; font-weight: bold; }
	ul.offers li.related ul { margin: 0; padding: 0; }
	ul.offers li.related ul li { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: dotted 1px #333; }
	ul.offers li.related ul li:last-child { margin: 0; padding: 0; border-bottom: none; }
	ul.offers li.related h5 { margin-bottom: 5px; font-weight: bold; color: #df5c08; font-size: 10pt; }
	ul.offers li.related h5 a { color: #df5c08; }

	ul.offers li.light { background-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; }
	ul.offers li.content p, ul.offers li.content li, ul.offers li.faqItem li { font-size: 8pt; line-height: 12pt; margin: 0 0 10px 0; padding: 0; }
	ul.offers li.content a { text-decoration: underline; color: black; }
	ul.offers li.faqCotegory h5 { color: #df5c08; font-weight: bold; }
	ul.offers li.faqItem h6 { color: black; font-size: 10pt; padding-bottom: 5px; margin-bottom: 10px; border-bottom: dotted 1px black;  }
	ul.offers li.faqItem p { line-height: 12pt; margin-bottom: 10px; }
	ul.offers li.pub_google { margin-bottom: 20px; padding: 0; background-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; }
	ul.offers li.pub_google ul li { padding: 0 10px; }

/* ===== SIDEBAR ===== */
div#sidebar { float: right; width: 300px; }
	div#search { padding: 10px; background-color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	div#search ul.tabs {}
	div#search ul.tabs li { float: left; }
	ul.forms { clear: left; }

	/* google ads */
	.pub_google { margin-top: 20px; }
	.pub_google ul { padding: 0; margin: 10px 0 0 0; list-style: none; }
	.pub_google li { padding: 0; margin: 0; margin-bottom: 5px; padding: 5px; background-color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.pub_google li a:link, .pub_google li a:visited, .pub_google li a:hover, .pub_google li a:active { text-decoration: none; background: transparent; color: #00e; }
	.pub_google a h5 { margin: 0; padding: 0; text-decoration: none; color: #df5c08; font-weight: bold; font-size: 10pt; }
	.pub_google a p { margin: 2px 0 0; padding: 0; text-decoration: none; color: #000; font-size: 12px; font-weight: normal; }
	.pub_google a .g_url { color: #555; font-size: 11px; font-weight: normal; text-decoration: none; }
	.pub_google li a { display: block; padding: 6px 3px; }

/* ===== FOOTER ===== */
div#footer { clear: both; margin-left: 138px; padding: 10px; background-color: #548ad7; }
	div#footer ul { height: 30px; }
	div#footer li { float: left; padding-right: 10px; border-right: solid 1px white; margin-right: 10px; }
	div#footer li:last-child { padding: 0; border-right: none; margin-right: 0; }
	div#footer li a { color: white; text-decoration: none; font-size: 9pt; }
	div#footer li a:hover { text-decoration: underline; }
	div#footer p { color: white; font-size: 9pt; }
	div#footer a { color: white; }

/* ===== SPRITES ===== */
ul#tabs li a, 
ul.offers li.intro, ul.offers li.title h1.pic, 
div.box, div.box h5, div.box div.bottom, 
form#newsletter input.submit,
a.logoPm 
{
	background-image: url('../images/template/sprites.png');
	background-repeat: no-repeat;
}

/* ===== BUTTONS ===== */

a.btMore { margin-top: 20px; color: #df5c08; font-weight: bold; padding: 3px 10px; }

.button { padding: 3px 10px; }
.button .border { border: 1px solid #a0a0a0; }
.button .border.side.left { border-right: 1px solid #444444 !important; }
.button .border.side.center { border-right: 1px solid #444444 !important; border-left: 1px solid #ffffff !important; }
.button .border.side.right { border-left: 1px solid #ffffff !important; }
.button .background.main { background: #eeeeee; }
.button .background.top { background: #f3f3f3; }
.button .background.bottom { background: #e3e3e3; }
.button .border.hover { border-color: #666666; }
.button .border.down { border-color: black; }
.button .background.top.down { background: #e3e3e3; }
.button .background.bottom.down { background: #f3f3f3; }
.button.active { color: white; }
.button .background.main.active { background: #aaaaaa; }
.button .background.top.active { background: #a1a1a1; }
.button .background.bottom.active { background: #b2b2b2; }
.button .border.active { border-color: #222222; }
.button .border.side.center.active, .button .border.side.right.active { border-left: 1px solid #cccccc !important; }
.button .dropdown { border: 1px solid #a0a0a0; color: black; background: white; padding: 4px; list-style: none; }
.button .dropdown.active li { background: #ffffff; color: black; }
.button .dropdown.active li:hover { background: #eeeeee; }

/* ===== BILLET MOINS CHER SEARCH ENGINE ===== */
form#form_avion p.eLeft, form#form_avion p.eRight { width: 180px; margin-bottom: 5px; }
form#form_avion label { font-weight: bold; }
form#form_avion input.large { width: 170px; margin-top: 4px; }
form#form_avion select { margin-top: 4px; font-size: 9pt; }
form#form_avion select.small { width: 130px; }
form#form_avion table { width: 100%; margin: 10px 0; }
form#form_avion table small { line-height: 8pt; }
form#form_avion img { width: 212px; height: auto; margin: 10px auto 0 auto; }