/*   
Theme Name: Divan Orange
Theme URI: http://divanorange.org
Description: Le thème du Divan Orange.
Author: Louis-Pierre Chouinard & Hadrien David
Author URI: 
Template: 
Version: 1
.
yo!
.
*/

html{ min-width:950px;}
body{
	margin:0;
	font:14px/18px Arial, Helvetica, sans-serif;
	color:#1c1916;
	background:#f2f2f2  url(./image/none.gif) fixed;
	height:100%;
}
a{
	color:#959595;
	text-decoration:underline;
}
a:hover{ text-decoration:none;}
img{ border-style:none;}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
input, textarea, select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
/* header start */
#header{
	width:100%;
	height:145px;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	background:url(./images/bg-header.gif) repeat-x;
}
/* logo */
.logo{
	margin:0;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
}
.logo a{
	display:block;
	width:195px;
	height:77px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(./images/logo-divan.png) no-repeat;
}
.calendar #header{
	position:fixed;
	top:0;
	left:0;
}
* html .calendar #header{
	position: absolute;
}
#header .holder{
	width:816px;
	height:85px;
	padding:0 68px 0 65px;
	margin:0 auto;
	position:relative;
	background:url(./images/bg-header.gif) repeat-x;
}
.timeline{width:666px;}
.timeline:after{
	content:"";
	display:block;
	clear:both;
}
.hidden{
	display:none;
}
.timeline .prev,
.timeline .next{
	float:left;
	width:12px;
	height:23px;
	margin:29px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(./images/bg-prev-next.gif) no-repeat;
}
.timeline .next{
	float:right;
	background-position:-12px 0;
}
.caroussel-overflow-hidden{
	overflow:hidden;
}
#carousel{
	top:0px;
	float:right;
	right: 9px;
	width: 620px; 
	height: 145px;
	position:relative 
}
#line{
	width: 620px;
	float:left;
	position: relative;
	clear: both;
	height: 145px;
	left: 0px;
}
#top-gallery{
	float:left;
	
	margin:0;
	padding:0 0 0 0;
	list-style:none;
}

#top-gallery li{
	float:left;
	width:123px;
	margin:0 1px 0 0;
	position:relative;
	line-height:16px;
}
#top-gallery span,
#top-gallery a{
	display:block;
	height:78px;
	position:relative;
	text-decoration:none;
}
#top-gallery ul{
	position:absolute;
	top:75px;
	left:-1px;
	width:230px;
	margin:0;
	padding:11px 0 0;
	list-style:none;
	float:none;
	color:#fc5f16;
	display:none;
}
#top-gallery ul li{ width:100%;}
#top-gallery ul span,
#top-gallery ul a{
	font-weight:bold;
	height:auto;
	float:left;
	background:#1c1916;
	
	padding:0 7px 0 2px;
	border-left:1px solid #f2f2f2;
}
#top-gallery ul a{
	color:#fc5f16;
}
#top-gallery ul span{
	color:#f2f2f2;
}
#top-gallery .date{
	position:absolute;
	bottom:0;
	left:0;
	background:#1c1916;
	font-size:18px;
	line-height:18px;
	color:#f2f2f2;
	font-weight:bold;
	font-style:normal;
	padding:0 7px 0 0;
	cursor:pointer;
}
#top-gallery ul a:hover,
#top-gallery a:hover .date{ color:#fc5f16;}
#top-gallery li.hover ul,
#top-gallery li:hover ul,
#top-gallery li.active ul{
	display:block;
}

/* header end */
#wrapper{
	width:950px;
	min-height:450px;
	padding:145px 0 43px;
	border-bottom:1px solid #eae9e9;
	margin:0 auto;
	position:relative;
}
* html #wrapper{ height:450px;}
/* gallery start */
.gallery-box-single{
	width:710px;
	overflow:hidden;
	position:absolute;
}
.back{
	z-index:0;
}
.front{
	z-index:2;
}
.gallery-box{
	width:710px;
	overflow:hidden;
	position:relative;
}
.picture{
	float:right;
	width:620px;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}

#carousel-gallery{
	top:0px;
	float:right;
	width: 620px; 
	position:relative;
	overflow:hidden;
}
#line-gallery{
	width: 10000px;
	float:left;
	position: relative;
	clear: both;
	left: 0px;
}
#gallery-box li{
	float:left;
	position:relative;
}
.picture li{
	width:620px;
	float:left;
	border:solid #bbbbba;
	border-width:1px 0;
}
.picture ul{
	margin:0;
	padding:0;
	list-style:none;
}
.picture img{
	display:block;
	border-style:solid;
	border-width:5px 0;
	border-color:#1c1916;
	width: 620px;
}
.picture h2{
	position:absolute;
	bottom:95px;
	left:0;
	font-size:34px;
	line-height:35px;
	margin:0;
}
.calendar .picture h2{bottom:5px;}
.picture h2 span{
	display:block;
	width:100%;
}
.picture h2 strong{
	float:left;
	background:#f2f2f2;
	padding:0 14px 0 4px;
	
}
.picture h2 a strong{ cursor:pointer;}
.picture a{
	color:#1c1916;
	text-decoration:none;
}
.picture a:hover,
.picture a.hover{ border:0;}
.picture a:hover strong,
.picture a.hover strong{
	color:#fc5f16;
	background:#1c1916;
}
.picture .camera{
	position:absolute;
	top:5px;
	right:5px;
	width:21px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(./images/camera-icon.gif) no-repeat;
	cursor:pointer;
	z-index:10;
}

.picture .camera-off{
	background-position: left;
}

.picture .camera-on{
	background-position: right;
}

.date-box{
	position:absolute;
	left:0;
	width:80px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
.date-box-nosingle{
	bottom:1117px;
}
#box-404{
	left: -20px;
	width:100px;
}
.day-404{
	font-size:10px;
	text-align:center;
}
.date-box-single{
	top:348px;
}
.calendar .date-box{ bottom:14px;}
.date-box strong,
.date-box span{ display:block;}
.date-box .day{font-size:10px;}
.date-box .number{
	font-size:56px;
	line-height:56px;
	margin:-3px 0 0;
}
.date-box a{
	display:block;
	margin:-2px 0 0;
	font-size:10px;
	color:#fc5f16;
	font-weight:bold;
}
.date-box .c404{
	display:block;
	margin:-2px 0 0;
	font-size:10px;
	color:#fc5f16;
	font-weight:bold;
}
.date-box .year{font-size:18px;}
.meta{
	width:620px;
	padding:1px 0 11px 90px;
	overflow:hidden;
}
.meta .more{
	float:right;
	font-size:10px;
	color:#fc5f16;
	padding:0 12px 0 0;
	margin:3px 0 0;
	background:url(./images/bg-more.gif) no-repeat 100% 6px;
	text-decoration:none;
}
.meta .more:hover{ text-decoration:underline;}

.post-title{
	position:relative;
	top: 224px;
	width: 600px;
	left: 90px;
	z-index:1;
}
.post-title span{
	display:block;
	width:100%;
	overflow:hidden;
}

.post-title strong{
	padding-right: 17px;
	float:left;
	background:#f2f2f2;	
	font-size:34px;
	line-height:36px;
	bottom:0px;
}
#twocolumns-single{
	width:870px;	
	position:relative;
	overflow:hidden;
	top: 230px;
	margin-bottom:230px;
	left:80px;
	background:url(./images/bg-twocolumns.gif) repeat-y;
	z-index:1;
}
/* gallery end */
#twocolumns{
	width:870px;
	margin:-91px 0 0 80px;
	overflow:hidden;
	position:relative;
	background:url(../images/bg-twocolumns.gif) repeat-y;
}
/* content start */
#content{
	float:left;
	width:461px;
	padding:0 10px;
	font-weight:bold;
}
#content p{ margin:0 0 14px;}
.price{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0 0 19px 2px;
	list-style:none;
	font-size:18px;
	font-weight: bold;
	line-height:22px;
}
.meta .price{
	float:left;
	width:auto;
}
.price li{
	float:left;
	margin:0 8px 0 -8px;
	padding:0 7px;
	background:url(./images/divider-price.gif) no-repeat 0 5px;
}
#content .heading{
	width:100%;
	padding:6px 0 15px;
	overflow:hidden;
}
#content .heading h3{
	font-size:18px;
	color:#ff4300;
	margin:0;
}
#content .heading ul{
	float:right;
	width:222px;
	margin:3px 0 5px;
	padding:0;
	list-style:none;
	font-size:12px;
}
#content .heading li{
	vertical-align:top;
	padding:0 0 3px;
}
#content .heading ul a{
	padding:0 0 0 11px;
	background:url(./images/bullet-pointer.gif) no-repeat 0 6px;
}
.mp3{
	float:right;
	clear:right;
	width:153px;
	padding:1px 67px 0 0;
}
.search .text{
	float:right;
	width:118px;
	height:19px;
	padding:0 11px 0 5px;
	background:url(./images/bg-search-text.gif) no-repeat 0 2px;
}
.search .text input{
	width:118px;
	background:none;
	border:none;
	font-size:12px;
	color:#959595;
}
.search .btn-search{
	float:left;
	margin:3px 0 0;
}
.video-holder{ padding:12px 0 15px;}
.video-holder img{ display:block;}
/* content end */

/* aside start */
.aside{
	float:right;
	width:220px;
	font-size:11px;
	line-height:14px;
}
.sidebox{ border-top:1px solid #959595;}
.sidebox .heading{
	height:1%;
	overflow:hidden;
	padding:1px 8px 0;
	background:#f2f2f2;
}
.sidebox .heading h3{
	font-size:11px;
	line-height:22px;
	margin:0;
}
#fan-box{padding: 0 0 0 0;}
.sidebox .text-box{ padding:8px 3px 11px;}
#fbconnect{
	padding: 20px 0 15px 2px;	
}
#fbprofile{
	padding-top: 5px;
	padding-left: 10px;
}
/* side-form start */
.side-form ul{
	margin:0;
	padding:11px 8px 9px;
	list-style:none;
}
.side-form li{
	width:100%;
	padding:0 0 5px;
	overflow:hidden;
}
.side-form .radio{
	float:left;
	width:16px;
	height:15px;
	margin:0 3px 0 0;
}
.side-form label{
	float:left;
	margin:1px 0 0;
}
/* side-form end */
.sidebox p{ margin:0;}
.sidebox p a{ font-weight:bold;}
.confirmes{
	margin:0 -30px 0 5px;
	padding:0;
	list-style:none;
	width:240px;
	overflow:hidden;
}
.confirmes li{
	float:left;
	width:55px;
	padding:0 25px 22px 0;
}
.confirmes img{ display:block;}
.confirmes a{
	text-decoration:none;
	line-height:12px;
}
.confirmes a:hover{ text-decoration:underline;}
/* aside end */

/* sidebar start */
#sidebar{
	position:absolute;
	top:140px;
	right:0;
	width:230px;
}
/* main navigation */
#navigation{
	margin:-4px 0 0;
	padding:0;
	list-style:none;
}
#navigation li{
	width:100%;
	overflow:hidden;
}
#navigation a,
#navigation .active span{
	float:right;
	padding:0 0 0 10px;
	font-size:32px;
	line-height:40px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fc5f16;
	text-decoration:none;
}
#navigation a:hover{ background:#1c1916;}
#navigation .active span{ color:#1c1916;}
/* information box */
.information{
	padding:0 0 22px;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#000;
}
.information address{ font-style:normal;}
.information .phone{ display:block;}
.google-maps{
	padding:0 0 0 15px;
	background:url(./images/ico-google-maps.gif) no-repeat;
}
.media{
	height:1%;
	padding:11px 5px 0 0;
	overflow:hidden;
	background:url(./images/bg-media-r.gif) no-repeat 100% 16px;
}
.media ul{
	float:right;
	margin:0;
	padding:0 0 0 14px;
	list-style:none;
	background:url(./images/bg-media-r.gif) no-repeat 0 5px;
}
.media ul li{
	float:left;
	padding:0 7px 0 0;
}
.media ul a{
	display:block;
	width:18px ;
	height:19px;
	text-indent:9999px;
	overflow:hidden;
	background:url(./images/bg-media.gif) no-repeat;
}
.media ul .facebook:hover{ background-position:0 -19px;}
.media ul .twitter{ background-position:-18px 0;}
.media ul .twitter:hover{ background-position:-18px -19px;}
.media ul .rss{
	width:19px;
	background-position:-36px 0;
}
.media ul .rss:hover{ background-position:-36px -19px;}
.media ul .myspace{
	width:19px;
	background-position:-55px 0;
}
.media ul .myspace:hover{ background-position:-55px -19px;}
/* calendar */
.calendar-box{
	width:210px;
	margin:0 0 0 10px;
	padding:3px 5px 7px;
	background:#fff;
}
.calendar-box .month{
	height:1%;
	overflow:hidden;
}
.calendar-box .month .prev,
.calendar-box .month .next,
.calendar-box .month span{
	float:left;
	width:7px;
	height:13px;
	text-indent:-9999px;
	overflow:hidden;
	margin:8px 0 0;	
}
.calendar-box .month .prev,
.calendar-box .month .next{
	background:url(./images/bg-month-prev-next.gif) no-repeat;
}
.calendar-box .month strong{
	float:left;
	width:192px;
	padding:0 0 0 2px;
	overflow:hidden;
	text-align:center;
	font-size:24px;
	line-height:28px;
}
.calendar-box .month .next{
	float:right;
	background-position:-7px 0;
}
.calendar-box table {
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
	color:#959595;
	font-weight:bold;
	line-height:22px;
	font-size:13px;
	text-align:center;
	margin:-2px 0 0;
}
.calendar-box thead th{ line-height:18px;}
.calendar-box table td {padding:0;}
.calendar-box td.today {
	color:#fff;
	background:url(./images/bg-calendar-box-today.gif) no-repeat 0 2px;
}
.calendar-box a{
	display:block;
	color:#1c1916;
	text-decoration:none;
}
.calendar-box a:hover{
	background:url(./images/bg-calendar-box-hover.gif) no-repeat 0 2px;
	color:#fc5f16;
}/* sidebar end */

/* footer start */
#footer{
	width:100%;
	background:#1c1916;
	border-top:1px solid #bbbbba;
}
#footer .holder{
	width:950px;
	margin:0 auto;
	font-size:11px;
	line-height:16px;
	color:#959595;
}
#footer h4{
	font-size:16px;
	line-height:20px;
	margin:0 0 8px;
	color:#f2f2f2;
	text-transform:uppercase;
}
#footer .twocolumns{
	height:1%;
	overflow:hidden;
	padding:10px 0 64px 90px;
}
#footer .first-col{width:220px;}
#footer .first-col ul{
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px solid #959595;
	line-height:15px;
}
#footer .first-col li{
	vertical-align:top;
	padding:0 1px;
	border-bottom:1px solid #959595;
}
#footer .first-col ul a{ text-decoration:none;}
#footer .first-col ul a:hover{ text-decoration:underline;}
#footer .second-col{
	float:right;
	width:220px;
	border-bottom:1px solid #959595;
}
#footer .second-col .box{
	padding:1px 0 2px 1px;
	margin:-3px 0 0;
	border-top:1px solid #959595;
}
#footer p{ margin:0;}
#footer .second-col a{
	color:#fc5f16;
	text-decoration:none;
}
#footer .second-col a:hover{ text-decoration:underline;}
.copyright-holder{ width:100%;}
.copyright-holder .box{
	width:300px;
	margin:0 auto;
	padding:0 0 6px;
	text-align:center;
}
#footer .box .date{ font-style:normal;}
#footer .copyright-holder .box p{ margin:0 0 8px;}
.wrap-logos{ padding:0 0 10px;}
.copyright-holder ul{
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
}
.copyright-holder li{
	display:inline;
	padding:0 3px 0 14px;
}
/* footer end */