/* Header box grafix */

/* div.headerbox deprecated */
div.headerbox {
	height: 278px;
	width: 456px;
}

/* General box grafix */

div.widebox .fill,
div.widebox .content,
div.box .fill,
div.box .content,
div.thinbox .fill,
div.thinbox .content {
	margin-left: 2px;
	margin-right: 4px;
	position: relative;
}

/* Box grafix */

div.widebox .fill,
div.box .fill { padding: 9px 15px; }

div.box div.cols {
	width: 420px;
	position: relative;
	clear: both;
}

div.box div.cols-2 {
	width: 205px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.box div.cols div.last {
	margin-right: 0;
	clear: right;
}

div.box {
	width: 456px;
	background: url(/images/core/boxshadow_middle.gif) repeat-y;
}

div.box div.boxtop {
	background: url(/images/core/boxtop_white.gif) top no-repeat;
	padding-top: 0;
}

div.boxcontainer {
	background: url(/images/core/boxtop_white.gif) top no-repeat;
	padding: 2px 4px 0 2px;
}

div.box div.boxtopmerger {
	background: url(/images/core/boxtopmerger_white.gif) top no-repeat;
	height: 16px;
}


div.box div.title, /* deprecated since 2008-03-25 */
div.box div.header,
div.boxcap {
	padding: 0 19px 0 17px;
}
div.boxcap { min-height: 52px }

div.boxcap_merger { height: 5px; margin: 0; padding: 0; }

/* Box [green] */
div.green div.boxcap {
	background: url(/images/core/boxcap_green.jpg) top no-repeat;
}

	/* deprecated */
	div.green div.boxcap_merger {
		background: url(/images/core/boxcap_merger_green.jpg) bottom no-repeat;
	}

div.green div.boxmerger {
	background: url(/images/core/boxmerger_green.gif) top no-repeat;
}

div.green div.boxtopmerger {
	background: url(/images/core/boxtopmerger_green.gif) top no-repeat;
	height: 16px;
}

div.green div.boxbody {
	background: url(/images/core/boxbg_green.jpg) no-repeat;
}

/* Box [blue] */

div.blue div.boxtopmerger {
	background: url(/images/core/boxtopmerger_white.gif) top no-repeat;
	height: 16px;
}

div.blue div.boxbody {
	margin-top: -6px;
	background: url(/images/core/boxbg_blue.jpg) no-repeat;
}


/* Box mergers */

div.boxmerger { height:3px; }
	
	
div.box_merger_white, /* div.box_merger_white deprecated */
div.boxmerger_white {
	height: 3px;
	background: url(/images/core/box_merger_white.gif) top no-repeat;
	clear:both;
}

div.boxshadow_bottom {
	height: 6px;
	background: url(/images/core/boxshadow_bottom.gif) top no-repeat;
	clear:both;
}

/* Box footer */

div.boxfooter {
	padding-top: 6px;
	padding-bottom: 8px;
	min-height: 26px;
	background-color: #FFFFFF;
}
html>body div.boxfooter {
	min-height: 26px;
}

div.boxfooter h3, h4 {
	color: #666666;
}

div.boxfooter p {
	line-height: 17px;
	margin-bottom: 4px;
}

div.boxfooter p,
div.boxfooter span,
div.boxfooter a {
	color: #697266;
}

/* Box footer - Navigation */

div.boxfooter div.nav a { font-size: 11px; }
div.boxfooter div.nav span.symbol { font-size: 14px; }

/* Boxes with buttons */

div.box div.buttons {
	text-align: right;
	padding: 15px 0 6px;
	height: 24px;
}

/* Thin box grafix */

div.thinbox {
	background: url(/images/core/thinboxshadow_middle.gif) repeat-y;
	width: 172px;
}

div.thinboxtop {
	min-height: 8px;
	padding: 0 12px 0 10px;
}
* html div.thinboxtop {
	height: 8px;
}

div.thinbox .fill {
	padding-left: 8px;
	padding-right: 8px;
}

/* Thin box - white (default) */

div.thinboxtop {
	background: url(/images/core/thinboxtop_white.gif) top no-repeat;
	/*background-color: blue;*/
}

div.thinboxmerger,
div.thinbox_merger_white {
	height: 4px;
	background: url(/images/core/thinbox_merger_white.gif) top no-repeat;
}

div.thinboxfooter {
	background-color: #FFFFFF;
}

/* Thin box - green */

div.green div.thinboxtop {
	background: url(/images/core/thinboxtop_green.gif) top no-repeat;
}

div.green div.thinboxbody {
	background: url(/images/core/thinboxbodybg_green.jpg) top no-repeat;
}

div.green div.thinboxmerger {
	height: 4px;
	background: url(/images/core/thinboxmerger_green.gif) top no-repeat;
}

div.thinboxshadow_bottom, /* deprecated since march '08 */
div.thinboxbottom {
	height: 6px;
	background: url(/images/core/thinboxshadow_bottom.gif) top no-repeat;
}

/* Flat box */

div.flatbox { position:relative; }

div.flatbox div.second { margin-left: 1px; margin-right: 1px; }

div.flatbox h3 {
	display:block; height:39px; overflow:hidden;
}
div.flatbox h3 a {
	display:block; line-height:39px; padding-top:39px;
}

div.flatbox div.global {
	padding-top: 39px;
	margin-right: 0;
	margin-left: 2px;
	width: 302px;
}

div.flatbox a { text-decoration: none; }

/* Flat box in sidebar */

#sidebar div.flatbox {
	width: 158px;
	padding-top:2px;
	margin-left:10px;
	overflow: hidden;
}

#sidebar div.flatbox h3 {
	height: 23px;
}

#sidebar div.flatbox a.vignette,
#sidebar div.flatbox a.chateau-vignette {
	float: left;
	width: 100%;
	margin: 2px 0 4px;
	/*background: url(/images/icn_coup-de-coeur22.png) 118px 22px no-repeat;*/
	background: url(/images/themes/holidays/icn_coup-de-coeur22_20101210.png) 118px 22px no-repeat;
}

/* Vignettes */

div.flatbox div.vignette { width:100px; float:left; }
div.flatbox div.second { margin: 0 1px }

div.vignette div.info,
a.vignette div.info {
	font-size:11px;
	line-height: 14px;
	padding-right: 2px;
}

/*div.vignette span { font-size:11px; }*/
a.vignette:hover span.link, 
div.vignette a:hover span.link {
	text-decoration: underline;
}
a.vignette span.dpt { color:#8D8D8D; }

/* Les coups de coeur */

div.coupsdecoeur-fr {
	background: url(/images/themes/holidays/flatbox_ti_coupsdecoeur_fr.gif) top left no-repeat;
}

div.coupsdecoeur-en {
	background: url(/images/themes/holidays/flatbox_ti_coupsdecoeur_en.gif) top left no-repeat;
}

/* Thin box menu */

div.thinbox ul.menu li.button {
	padding: 6px 4px 6px 2px;
	/*height: 31px;*/
	background: url(/images/core/thinbox_merger_white.gif) no-repeat;
	background-position: top right;
}

div.thinbox ul.menu li.first {
	padding-top: 0;
	background: none;
}

p span.btn {
	line-height: 23px;
	margin: 0;
	border: 1px solid #D1D1D1;
}

/* Page tips */

div.tip-wrap {
	width: 236px;
	padding: 8px;
	color: #DEDEDE;
	background-color: #1C480E;
	opacity: 0.75;
	filter: alpha(opacity = 75);
}

div.tip-title {
	font-size: 11px;
	font-family: Arial, sans-serif;
}

/* Recherche rapide - Quick search */

div.thinbox div.field input { width:128px; }

div.search-field input {
	background: url(/images/icn_magnifier16.png) no-repeat 2px 1px;
	padding-left: 18px;
}

div.date span.input,
div.search-field label.input {
	margin-left: 16px;
}

/* Date picker */

div.date input.picker {
	background: url(/images/icn_magnifier16.png) no-repeat 2px 1px;
	padding-left: 18px;
}

#zoneResultats {
	border: 1px solid #343434;
	background-color: #FFFFFF;
	display: block;
	overflow:auto;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 200px;
	font-size : 10px;
	z-index : 100;
}

div.searchlist {
	display: none;
	border: 1px solid #343434;
	background-color: #FFFFFF;
	position: absolute;
	z-index : 100;
	min-width: 150px;
}

div.searchlist li,
#zoneResultats li {
	background: #FFFFFF;
	display: block;
}

div.searchlist li a,
#zoneResultats li a {
	display: block;
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
	padding-left: 4px;
	padding-right: 4px;
}

div.searchlist li a:hover,
#zoneResultats li a:hover {
	background-color: #FFFFC0;
}

/* Titles - Headers */

div.headerbox h1 { font-size: 21px }

div.boxtop h1,
div.boxcap h1 {
	padding-top: 16px;
	padding-bottom: 3px;
}

div.subtitle {
	min-height: 30px;
	padding-top: 14px;
	padding-bottom: 6px;
}

/* Listes */

/* Eléménts de liste activés ??? */

li.active {
	margin: 3px 3px;
	padding: 1px 0 1px 3px;
	background-color: #AEE1D1;
	border: 1px solid #59A9A3;
	
	line-height: 12px;
}

/* To-do: move this to core styles */

/* Results list */

ul.results {
	margin: 0;
	margin-top:4px;
	background-color: #FFFFFF;
	padding-left: 108px;
	list-style-type: none;
	position: relative;
}

a.thumbnail img { overflow: hidden; }

ul.results li {
	height: 67px;
	color: #646464;
	padding: 8px;
	position: relative; 
}

ul.results li hr {
	border-color: #C8D3C9;
	border-width: 0 0 1px 0;
	border-style: none none solid;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 420px;
	margin-left: -108px;
	display: block;
	/*clear: both;*/
}

ul.results li a.thumbnail {
	display: block;
	/*text-align: center;*/
	position: absolute;
	left: 0;
	width: 100px;
	height: 66px;
	margin-left: -102px;
}

ul.results li a.title {
	/*display: block;*/
	color: #BD0911;
	font-weight: bold;
}

ul.results li span.description {
	display: block;
}

ul.results span.value { color: #222222; }
ul.results span.comment { color: #797979; }

/* Styles for listed results as of 2010-03-04 */

ul.results2 {
	margin: 0;
	padding: 0;
	margin-top:4px;
	list-style-type: none;
	position: relative;
}

ul.results2 li {
	display: block;
	border: 0 solid #D9E4DA;
	border-bottom-width: 1px;
	color: #646464;
	background-color: #FFFFFF;
	padding: 0;
	clear: both;
	/*position: relative;*/
}

ul.results2 a {
	display: block;
	min-height: 67px;
	padding: 8px;
	text-decoration: none;
	cursor: pointer;
	/*position: relative;*/
}

ul.results2 a:hover {
	border-top: 1px solid #fffdfa;
	padding-top: 7px;
	background-color: #FDF3E4;
	text-decoration: none;
}

body.receptions ul.results2 a:hover { background-color:#FCFCEB; }

ul.results2 img.vignette {
	float:left;
	margin-right: 8px;
}

ul.results2 div.info {
	/*float: left;*/
}

ul.results2 h4 {
	display: inline;
	font-size: 12px;
	color: #BD0911;
	font-weight: bold;
}


/* Tables */

/* - with vertical index */

table.verticalindex td:first-child {
	font-weight: bold;
	color: #131413;
}

table.verticalindex td {
	vertical-align: top;
	padding: 14px 8px;
}

table.grid { background-color: white }

table.grid td.adjacent { border-left: 1px solid #D0D8D1 }

table.grid td { border-bottom: 1px solid #D0D8D1 }

/* Table list */
table.list td {
	font-size: 11px;
}

tr.alt { background-color: #F1F5F1 }

