html,
body {
	height: 100%;
	/* The html and body elements cannot have any padding or margin. */
}

html, body {
	background-color:#666;
	background:url('../img/bg_PARQUET.png') repeat top center;
	background-attachment:fixed;
}
#main{
	background-color:#fff;
	padding-top:15px;
	-moz-box-shadow: 0px 0px 40px 0px #000;
	-webkit-box-shadow: 0px 0px 40px 0px #000;
	-o-box-shadow: 0px 0px 40px 0px #000;
	box-shadow: 0px 0px 40px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=40);

}

#title_row{
	width:100%; background-color:#fff; z-index:910; padding:10px 15px;
}

#contentToFade{ display:none; }
#wait{width:100%; text-align:center}
#wait p{margin-top:10px;}

#fancybox-content{
	overflow:hidden !important;
}
/* Transition pour les liens */
a{
	-webkit-transition-property:color, background;
	-webkit-transition-duration: 0.3s, 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
}
a.chro{
	border-bottom: 1px dashed;
	text-decoration: none;
}

.clear20{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 0;
	height: 20px;
}
.clear10{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 0;
	height: 10px;
}
p.justified{
	text-align:justify;
}
p{
	font-family:Roboto;
}
.navbar-brand {
	padding: 0px 15px;
	height: 77px;
}
.no-margin-top{
	margin-top:0;
}
.no-margin-bottom{
	margin-bottom:0;
}
.no-margin{
	margin-bottom:0 !important;
	margin-top:0 !important;
}
h1.title{
	margin-top:0;
}
h1.note{
	margin-top:0;
}
@media screen and (max-width: 468px) {
	h1, .h1{
		font-size: 30px;
	}
}

h4, .h4 {
	font-size: 17px;
	font-weight:500;
}
.not-bold{
	font-weight:normal !important;
}

p.auteur {
	margin: 10px 0 10px 0;
}
footer ul {
	margin: 0 0 20px 0;
}
footer p, footer ul, footer li{
	margin: 0;
	font-weight: normal;
	list-style: none;
	padding: 0;
}
footer, footer a {
	color:#999;
	background-color:#111;
}
footer a:hover {
	color:#ddd !important;
}
a.nolink, a.nolink:hover{
	text-decoration:none;
}
h3.title_comment{
	font-size:19px;
	margin-top:0 !important;
}
h3.title{
	font-size:22px;
	margin-top:10px;
}
h3.title-no-margin{
	font-size:18px;
}
/* ---------------------------------------------------------------------- */
/*	Header
/* ----------------------------------------------------------------------*/
#header {
	/*background: #111 url('../img/bg_top.jpg');
	background-size:cover;
	background: #222;*/
	background-position:center center;

}
.navbar {
	margin-bottom: 0px;
	border: 0px solid transparent;
}
.navbar-collapse {
	background-color:#000;
}
.navbar-inverse .navbar-nav > li > a{
	font-size:17px;
	line-height:20px;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.active > a {
	color: #fff;
	background-color: #990000;
}
.navbar-inverse {
	background-color: transparent !important ;
}
.navbar-inverse .navbar-toggle {
	background-color: #fff;
}
.navbar-inverse .navbar-toggle:hover {
	background-color: #ddd;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}
#menu{
	margin-left:25px;
}
	.navbar > .container .navbar-brand {
		margin-left: -30px;
	}
#menu>li:not(.dropdown) a::after  {
	position: absolute;
	top: 85%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
#menu>li:not(.dropdown) a:hover::after,
#menu>li:not(.dropdown) a:focus::after {
	height: 8px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
h2 > .text-muted a{
	color:#999;
	border-bottom: 1px dashed;
	text-decoration: none;
}

.nav > li > a {
	padding: 15px 10px;
}

.navbar-brand {
	float: left;
	padding: 5px 15px;
	font-size: 18px;
	line-height: 20px;
}
.navbar-default {
	border-color: #bbb;
}
#phone a{
	color:#fff;
	-webkit-border-top-right-radius: 0 !important;
	-webkit-border-top-left-radius: 0 !important;
	-moz-border-radius-topright: 0 !important;
	-moz-border-radius-topleft: 0 !important;
	border-top-right-radius: 0 !important;
	border-top-left-radius: 0 !important;
	-webkit-border-bottom-right-radius: 0 !important;
	-webkit-border-bottom-left-radius: 0 !important;
	-moz-border-radius-bottomright: 0 !important;
	-moz-border-radius-bottomleft: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.icon_menu_collapse{
	margin:0 5px;
}
.navbar-toggle {
	margin-right: 5px !important;
	padding: 9px 5px !important;
}
.nav-pills > li > a {
	border-radius: 0px;
}
.nav-pills > li > a:hover {
	margin-left:4px;
}
/* ---------------------------------------------------------------------- */
/*	Footer
/* ----------------------------------------------------------------------
/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by its height */
	margin: 0 auto -33px;
	/* Pad bottom by footer height */
	padding: 0 0 33px;
}

/* Set the fixed height of the footer here */
#footer {
	height: 33px;
}
/* ---------------------------------------------------------------------- */
/*	Carousel coups de coeurs homepage
/* ---------------------------------------------------------------------- */
#carousel-cdc .item{
	height:450px;
	overflow:hidden;
}
#carousel-cdc .carousel-caption{
	position:absolute;
	bottom:-20px;
}
/* ---------------------------------------------------------------------- */
/*	Carousel dans la fiche bien
/* ---------------------------------------------------------------------- */
.carousel-indicators {
	position: relative !important;
	z-index:5 !important;
	padding:0 !important;
	margin:0 !important;
	margin-left:10px !important;
	margin-top:10px !important;
	bottom:0 !important;
	list-style-type:none;
	text-align:left !important;
	left:0 !important;
	width:100% !important;
}
.carousel-indicators li{
	display: inline;
	width: 65px !important;
	height: 65px !important;
	line-height:80px !important;
	text-indent: -999px !important;
	background-color: #ccc !important;
	background-color: rgba(255, 255, 255, 0.25) !important;
	border-radius: 4px !important;
}
.carousel-indicators img {
	display:block;
	float:left;
	margin-right: 7px;
	margin-bottom: 7px;
	width:65px;
	text-align:center;
	border:#ccc 2px solid;
}
.carousel-indicators li.active img {
	border:#ccc 2px solid;
}
.carousel-inner { text-align: center !important; }

.carousel .item a > img {display: inline !important;}

.carousel .carousel-control {
	display: none !important;
}
.carousel:hover .carousel-control {
	display: inherit !important;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
	width: 60px !important;
	height: 60px !important;
	margin-top: -30px !important;
	font-size: 60px !important;
}
.carousel-control .icon-prev{
	margin-left: -60px !important;
}
.carousel-control .icon-next {
	margin-left: 0px !important;
}


/* Show and affix the side nav when space allows it */
@media screen and (max-width: 991px) {

	#toTop {
		display:none;
	}
	h2.title{
		font-size:24px;
	}
	.nav > li > a {
		padding: 10px 5px;
	}
	.affix {
		position: static; /* Undo the static from mobile first approach */
		/*top: 100px;
		margin-left:16px*/
	}
	.affix-bottom {
		position: absolute; /* Undo the static from mobile first approach */
	}
	.affix-bottom .bs-sidenav,
	.affix .bs-sidenav {
		margin-top: 0;
		margin-bottom: 0;
	}
}
@media screen and (min-width: 992px) {

	#toTop {
		display:none;
	}
	h2.title{
		font-size:32px;
		margin-top:0;
	}
	/* Widen the fixed sidebar */
	.affix,
	.affix-bottom {
		width: 213px;
	}
	.affix {
		position: fixed; /* Undo the static from mobile first approach */
		/*top: 100px;
		margin-left:16px*/
	}
	.affix-bottom {
		position: absolute; /* Undo the static from mobile first approach */
	}
	.affix-bottom .bs-sidenav,
	.affix .bs-sidenav {
		margin-top: 0;
		margin-bottom: 0;
	}
}
@media screen and (min-width: 1200px) {

	#toTop {
		position:fixed; /* this is the magic */
		top:160px; /* together with this to put the div at the bottom*/
		right:10px;
		display:none;
		z-index:9999;
	}
	/* Widen the fixed sidebar again */
	.affix-bottom,
	.affix {
		width: 263px;
	}
}









.twitter-typeahead {
	width:100%;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
	margin-bottom: 0;
}

.tt-dropdown-menu {
min-width: 100%;
margin-top: -6px;
padding: 5px 0;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.2);
*border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
	-webkit-border-top-right-radius: 0 !important;
	-webkit-border-top-left-radius: 0 !important;
	-moz-border-radius-topright: 0 !important;
	-moz-border-radius-topleft: 0 !important;
	border-top-right-radius: 0 !important;
	border-top-left-radius: 0 !important;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.tt-suggestion {
  display: block;
  padding: 3px 20px;
}

.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #990000;
}

.tt-suggestion.tt-is-under-cursor a, .tt-suggestion.tt-is-under-cursor .text-muted {
  color: #fff;
}

.tt-suggestion p {
  margin: 0;
}

.twitter-typeahead .tt-hint {
    display: none;
}

/* ---------------------------------------------------------------------- */
/*	Justification du menu
/* ----------------------------------------------------------------------
#menu li{
	width:180px;
	text-align:center;
}*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ---------------------------------------------------------------------- */
/*	Map de biens
/* ---------------------------------------------------------------------- */
.map {
	position: relative;
	margin-bottom:0;
}
#map_canvas {
	height: 385px;
	width: 100%;
}
#map_canvas img{max-width:inherit}
.map .row{position:relative}
.map .row .col-md-3{float:right;margin-top:-440px;}
@media (max-width: 767px){
	.map .row{margin-left:20px;margin-right:20px}
	.map .row .span3{float:none;margin-top:30px}
}
#search_map{
	margin-top:-20px;
}
.infobox{display:inline-block;zoom:1;background-color:#fff;padding:10px;position:relative;width:350px;font-size:1.2em}
.infobox:after{height:0;content:".";display:block;clear:both;visibility:hidden}
.infobox:before{bottom:-16px;border:8px solid transparent;border-top-color:#fff;content:'';height:0px;margin-left:-8px;left:50%;position:absolute;width:0px;z-index:100}
.infobox .image{float:left;margin-bottom:10px;margin-right:10px}
.infobox .title{font-size:1.4em}
.infobox .mid{font-size:1.1em}
.infobox .title a:href{text-decoration:none}
.infobox .area{color:#313131;margin-top:5px}
.infobox .area .key{float:left;font-weight:bold}
.infobox .price{clear:left;color:#313131;float:left;font-size:18px;margin-top:8px}

img.drapeau{
	margin-top:-2px
}
.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
}
.carousel-caption {
	color: #ffffff;
	text-align: center;
	text-shadow: 3px 2px 2px rgba(0, 0, 0, 1);
}



/* BREADCRUMB DE LA CHRONIQUE */
.breadcrumb {
	background-color: #eee;
}
.breadcrumb > li + li:before {
  content: ">\00a0";
  color: #999;
}
.breadcrumb > .active {
	color: #999999;
}
/* TAGS DE LA CHRONIQUE */
.tagwrapper{
	line-height:30px;
}
.tags{
	height:30px;
	font-size:14px;
}
.tags:hover{
	background-color:#666
}
.tags a{
	color:#fff;
}
.tags a:hover{
	text-decoration:none;
}

#listeEnseigne > li > a, #listeType_produit > li > a, #listePays > li > a {
	position: relative;
	display: block;
	padding: 2px 2px 0px 4px;
}
.badge {
	background-color: #ccc;
	border-radius: 2px;
	width:34px;
	padding: 3px 3px;
}
.badge-lg {
width: 70px;
}
/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/

/*
This element holds injected scripts inside iframes that in
some cases may stretch layouts. So, we're just hiding it.
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.graylink, .graylink:hover{
	color:#333333;
}
.form-control {
background-color:#fff;
}
#soumettre_chronique .img-responsive {
    margin: 0 auto;
}
.input-group-addon {
border-radius: 0px;
}
.stickywrapper{
	width:1140px
}
.progress-bar-small{
	height:10px
}
.progress-small {
	height: 10px;
}


.navbar-collapse {
max-height: 450px;
}

.alert-info a.chro{
	color:#3a87ad
}
.fadeout {
    position: relative;
    bottom: 4em;
    height: 4em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
}
.linkvoirlachro{
    position: relative;
    top:-4em;
}
.panel-title a {
color: #990000;
font-size: 16px !important;
}

.btn-facebook, .btn-facebook:hover {
	color: #ffffff;
	background-color: #46629E;
	border-color: #46629E;
}
.btn-googleplus, .btn-googleplus:hover {
	color: #ffffff;
	background-color: #D95433;
	border-color: #D95433;
}
.btn-twitter, .btn-twitter:hover {
	color: #ffffff;
	background-color: #5EA9DD;
	border-color: #5EA9DD;
}
.btn-bbcode, .btn-bbcode:hover {
	color: #ffffff;
	background-color: #999999;
	border-color: #999999;
}