/*  
Theme Name: Hotels & Preference
Theme URI: http://blog.hotelspreference.com/
Description: Le theme du blog Hotels & Preference
Author: MMCREATION
Author URI: http://www.mmcreation.com/
Version: 1
Tags: hotels & preference, mmcreation
*/

/* Defaults */

body{
	background:#525252 url(_img/body-bg.gif) repeat-x left top;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

form{
	padding:0;
	margin:0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

a{
	outline:none;
}

#main{
	background:url(_img/main-bg.jpg) no-repeat center top;
	width:100%;
	padding:0;
}

#wrapper{
	width:920px;
	margin:auto;
}

#header{
	height:162px;
	width:920px;
	position:relative;
	background:url(_img/header-bg.png) no-repeat left bottom;
}

#header #logo h1, #header #logo span, #header #logo h2{
	text-indent:-100000px;
	display:block;
}

#header h1{
	background:url(_img/logo.gif) no-repeat left top;
	padding:0;
	margin:0;
	width:127px;
	height:120px;
	position:absolute;
	top:0;
	left:10px;
}

#header h1 a{
	width:127px;
	height:120px;
	display:block;
}

#header h2{
	background:url(_img/logo-blog.gif) no-repeat left top;
	padding:0;
	margin:0;
	width:229px;
	height:125px;
	position:absolute;
	top:17px;
	right:0;
}

#header h2 a{
	width:229px;
	height:125px;
	display:block;
}

#header #menu{
	position:absolute;
	right:229px;
	bottom:20px;
	height:22px;
}

#header #menu ul{
	padding:0;
	margin:0;
	list-style:none;
	height:22px;
}

#header #menu ul li{
	padding:0;
	margin:0 0 0 10px;
	float:left;
	color:#fff;
	font-size:14px;
	height:22px;
	line-height:22px;
	font-weight:bold;
	position:relative;
	font-family:'Century Gothic', Arial, Helvetica, sans-serif;
	text-align:center;
}

#header #menu ul li a{
	color:#fff;
	text-decoration:none;
	height:22px;
}

#header #menu ul li a:hover{
	color:#333;
	text-decoration:none;
}

#header #menu #menu1{
	background:url(_img/header-menu-bg.png)	no-repeat left top;
	width:151px;
}

#header #menu #menu2{
	background:url(_img/header-menu-bg.png)	no-repeat -161px top;
	width:108px;
}

#header #menu #menu3{
	background:url(_img/header-menu-bg.png)	no-repeat -279px top;
	width:156px;
}

#contentwrapper{
	background:url(_img/content-bg.gif) repeat-y left top;
}

#sidebar_left{
	float:left;
	width:180px;
	padding:0 10px 0 9px;
	background:#f0e8f4;
}

#sidebar_left img{
	border:none;
}

#sidebar_left a{
	color:#333;
	text-decoration:none;
}

#sidebar_left a:hover{
	color:#f400a1;
	text-decoration:none;
}

#sidebar_left h4{
	color:#f400a1;
	font-size:20px;
	padding:0 0 10px 0;
	margin:0;
	font-weight:normal;
}

#sidebar_left .sidebaritem-pub{
	margin-bottom:50px;
}

#sidebar_left .sidebaritem-pub-content{
	background:#ffffff;
	border-left:1px solid #dbcce3;
	border-right:1px solid #dbcce3;	text-align:center;
}

#sidebar_left .sidebaritem{
	margin:25px 0 30px 0;
	padding:8px 0 15px 0;
	position:relative;
}

#sidebar_left .sidebaritem-content{
	background:#ffffff;
	border-left:1px solid #dbcce3;
	border-right:1px solid #dbcce3;
	padding:0 7px;
}

#sidebar_left .sidebaritem-top{
	background:url(_img/sidebar-left-bloc-top.gif) no-repeat left top;
	height:10px;
	line-height:10px;
}

#sidebar_left .sidebaritem-bottom{
	background:url(_img/sidebar-left-bloc-bottom.gif) no-repeat left bottom;
	height:8px;
	line-height:8px;
}

#sidebar_left .sidebaritem h4{
	position:absolute;
	top:-25px;
	left:0;
}

#sidebar_left p{
	padding:0 0 10px 0;
	margin:0;
}

#sidebar_left ul{
	padding:0;
	margin:0;
	list-style:none;
}

#sidebar_left ul li{
	padding:0;
}

#sidebar_right{
	width:209px;
	float:left;
	padding:0 10px 30px 10px;
	color:#FFF;
}

#sidebar_right p{
	padding:10px 0 0 0;
	margin:0;
}

#sidebar_right h4{
	color:#f400a1;
	font-size:20px;
	padding:0 0 10px 0;
	margin:0;
	font-weight:normal;
}

#sidebar_right a{
	color:#fff;
	text-decoration:none;
}

#sidebar_right a:hover{
	color:#f400a1;
	text-decoration:none;
}

#colorful_tag_cloud a:hover{
	color:#f400a1 !important;
}

#sidebar_right .sidebaritem{
	margin:0;
	padding:0 0 15px 0;
	list-style:none;
}

#colorful_tag_cloud{
	padding-bottom:15px !important;
}

#sidebar_right #text-4{
	border:none;
}

#sidebar_right ul{
	padding:0;
	margin:0;
	list-style:none;
}

#sidebar_right ul li{
	background:url(_img/puce1.png) no-repeat left 3px;
	padding:0 0 8px 15px;
	margin:0 0 5px 0;
	border-bottom:1px dotted #fff;
}

.sidebar-lien{
	text-align:right;
}

.sidebar-lien a{
	color:#f400a1!important;
}

.sidebar-lien a:hover{
	color:#333 !important;
}

#sidebar_right .sidebar-lien a:hover{
	color:#fff !important;
}

#content-footer{
	background:url(_img/footer-bg.png) no-repeat left top;
	height:43px;
}

#footer{
	background:#000;
	position:relative;
	color:#FFF;
	padding:0;
	font-size:11px;
}

#footer .block{
	float:left;
	width:165px;
	padding:0 0 0 10px;
}

#footer .partage{
	width:210px;
}

#footer .partage img{
	margin:5px 5px 0 0;
}

#footer p{
	padding:15px 0 0 0;
	margin:0;
}

#footer h4{
	padding:0 0 10px 0;
	margin:0;
	font-size:12px;
	color:#f400a1;
	font-weight:bold;	
}

#footer-mentions{
	font-size:11px;
	color:#cccccc;
	border-top:1px solid #c3c3c3;
	margin:15px 10px 0 15px;
	text-align:center;
	padding:10px;
}

#footer-mentions span{
	font-size:10px;
}

#footer-mentions a{
	color:#cccccc !important;
	text-decoration:none !important;
}

#footer-mentions a:hover{
	color:#f400a1 !important;
	text-decoration:none !important;
}

#footer a{
	color:#FFF;
	text-decoration:underline;
}

#footer a:hover{
	color:#f400a1;
	text-decoration:underline;
}

#footer ul{
	padding:0;
	margin:0;
	list-style:none;
}

#footer ul li{
	padding:0;
}

#searchform .submitbutton{
	border:none;
	display:block;
	background:none;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

#searchform .searchbox, #newsform .searchbox{
	width:160px;
	border:1px solid #333;
	color:#333;
	font-size:11px;
	height:17px;
	line-height:17px;
	float:left;
	background:#fff;
}

#newsform .submitbutton{
	background:url(_img/news-inscription-bouton.gif) no-repeat left top;
	border:none;
	text-indent:-80000px;
	display:block;
	width:140px;
	height:29px;
	float:right;
	margin-top:10px;
	cursor:pointer;
}

#content{
	width:492px;
	float:left;
	padding:0;
	background:#fff;
}

#content h2{
	font-size:18px;
	font-weight:bold;
	color:#333333;
	padding:0;
	margin:0 10px 10px 10px;
	text-transform:uppercase;
	border-bottom:1px dotted #f400a1;
}

#content a{
	color:#f400a1;
	text-decoration:underline;
}

#content a:hover{
	color:#333;
	text-decoration:underline;
}

#extrastuff{
	padding:0 20px;
	font-size:11px;
}

.billet, #respond{
	padding:0 10px;
	margin-bottom:30px;
	font-size:11px;
}

.billetIntro{
	position:relative;
}

.billetDate{
	background:url(_img/post-date-bg.gif) no-repeat left top;
	width:48px;
	height:48px;
	text-align:center;
	color:#FFF;
	font-size:9px;
	line-height:20px;
	font-weight:bold;
	margin:0 10px 0 0;
	font-family:'Century Gothic', Arial, Helvetica, sans-serif;
	position:absolute;
	left:0;
	top:0;
}

.billetDate span{
	display:block;
	font-size:24px;
	padding-top:7px;
}

.billetIntro h3{
	padding-top:0 !important;
}

.billet h3{
	font-size:18px;
	font-weight:normal;
	color:#9259a1;
	padding:0;
	margin:0 0 0 58px !important;
	border:none !important;
	text-transform:uppercase !important;
}

.billet h3 a{
	color:#9259a1 !important;
	text-decoration:none !important;
}

.billet h3 a:hover{
	color:#333 !important;
	text-decoration:none !important;
}

.billet h4{
	font-size:14px;
	font-weight:bold;
	color:#9259a1;
	padding:0;
	margin:0 0 10px 0;
	
	text-transform:uppercase;
}

.template h4{
	margin:0 0 10px 15px!important;
	border-bottom:1px dotted #9259a1;
	font-weight:normal !important;
}

.nodate .billetIntro h3{
	margin-left:0 !important;
}

.billetMetas{
	margin:0 0 0 58px !important;
}

.billetContent{
	text-align:justify;
	padding-top:10px;
	font-size:11px;
	color:#525252
}

.billetContent p{
	padding:0 0 10px 0;
	margin:0;
}

.billetContent ul{
	padding:0 0 15px 15px;
	margin:0;
	list-style:none;
}

.billetContent ul li{
	background:url(_img/puce2.png) no-repeat left 3px;
	padding:0 0 0 15px;
}

.billetContent img{
	border:none;
}

.billetComments{
	padding-bottom:10px;
}

.billetComments a{
	text-decoration:none !important;
}

#billetsNav{
	padding:0 10px 0 10px;
	font-size:11px;
}

#billetsNav a{
	color:#f400a1;
	text-decoration:none;
}

#billetsNav a:hover{
	color:#333;
	text-decoration:none;
}

#billetsNavR{
	float:right;
}

#billetsNavL{
	float:left;
}

#comments h4{
	font-size:14px;
	font-weight:normal;
	color:#9259a1;
	border-bottom:1px dotted #9259a1;
	padding:0 !important;
	margin:0 !important;
	text-transform:uppercase !important;
}

#comments .billetIntro{
	height:auto !important;
	padding-bottom:8px;
}

#comments cite{
	font-weight:bold;
	font-style:normal;
	font-size:12px;
}

#comments .billetContentComments{
	padding:10px 10px 0 10px;
	background:#f0e8f4;
	margin-bottom:10px;
	margin-right:10px;
}

#comments .billet, #respond{
	margin-bottom:0 !important;
}

#comments #billetsNav{
	padding:0 0 15px 0;
}

.reply{
	font-style:italic;
	color:#f400a1;
}

#commentform{
	padding:10px;
}

#commentform input{
	width:200px;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	border-top:1px solid #848484;
	border-bottom:1px solid #e1e1e1;
	color:#333;
	font-size:11px;
	height:17px;
	line-height:17px;
}

#commentform textarea{
	width:400px;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	border-top:1px solid #848484;
	border-bottom:1px solid #e1e1e1;
	color:#333;
	font-size:11px;
	height:80px;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;
}

#commentform input.submitbutton{
	background:none;
	border:1px solid #c1c1c1;
	font-weight:bold;
	text-transform:uppercase;
	height:22px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#commentform p{
	padding:0 0 8px 0;
	margin:0;
}

#flickrapi .sidebaritem-content{
	padding:0 0 0 7px;
}

#flickrapi img{
	border:1px solid #4d4d4e;
	width:49px !important;
	height:49px !important;
	margin:0 5px 5px 0;
}

#flickrapi img:hover{
	border:1px solid #f400a1;
}

.fbConnectWidgetTopmost { width:164px !important; border-width:5px; }
#u959477_1 { width:164px !important; }
.fan_box .page_stream { display:none !important; }