* {
	font-family: "Lucida Grande", Tahoma, Geneva, Arial, Verdana;
}

#body_wrapper {
	background-color: white;
	margin:auto;
	padding:auto;
	max-width:1110px;
}

.alert-error {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}


.red_title {
	color: #c3442b;
}

.orange_title {
	color: #FF8100;
}

.blue_title {
	color: #0079B7;
}

.deep_well {
	background-color: #DDDDDD;
}

.compact_well {
	padding: 10px 5px;
	margin-bottom: 10px;
}

.btn-high {
	padding-top:30px;
	padding-bottom:30px;
}

.bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger {
	padding: 10px;
}

.form-fix .form-group {
	padding-left:15px;
}

/* Base */

#header {
	margin-top:5px;
}

#header a {
	padding-left:10px;
	padding-right:10px;
}

.responsive_title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

@media screen and (min-width: 768px) and (max-width: 1110px){
	.img_star { width: 13px; }
}

#logo_xs {
	height: 60px;
}

#logo_sm {
	margin-top:-20px;
	height: 80px;
	margin-right:5px;
}

.navbar-default {
	background-color: initial;
    border-color: transparent;
}

#footer_bottom {
	background-color: #6699CC;
}

#footer .row{
	color:white;
	background-color: #6699CC;
}

#footer_image {
	background-image: url("image/paris.5e4c87ee5548.png");
	background-repeat: repeat-x;
	height:51px;
}

#footer_tabs {
	padding-top: 20px;
}

#footer a:hover  {
	background-color: initial;
}
	
#footer_tabs ul li {
	list-style: none;
}

#footer a:link, #footer a:visited, #footer a {
	text-decoration: none;
	border: none;
	color:white
}

#partners_logo img{
	margin-left: 10px;
}

#separation_bar {
	background-image: url("image/slice_small_banner.dc11a1c63a64.png");
	background-repeat: repeat-x;
	height:15px;
	margin-top: 10px;
	margin-bottom: 20px;
}

/* Home page */

.helpbar_wrapper {
	background-image:linear-gradient(rgb(36,101,191), rgb(174,210,251));
	padding-bottom: 5px;
}

#helpbar_left {
	margin-top: -6px;
	margin-bottom: -6px;
}


#helpbar_right img {
	margin-top: 12px;
}
#play_button {
	position:absolute;
	margin-top: -80px;
	margin-left: 5px;
}

.helpbar_center {
	text-align: center;
	color:white;
}
#helpbar_center_high h4{
	margin-left: -60px;
	margin-right: -10px;
}

.helpbar_center_low {
	text-align: center;
}

.helpbar_bubble {
	width:20%;
	float:left;
	position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.helpbar_text  {
	margin-left:-5px;
	margin-right:-5x;
	line-height: 100%;
}

.helpbar_icon img{
	margin-left: auto;
    margin-right: auto;
	height:60px;
}

#content_wrapper{
	margin-top:15px;
}

.main_block{
	padding-left:5px;
	padding-right:5px;
}

@media screen and (min-width: 1110px){
	#top_row .panel {
		height: 348px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1110px){
	#top_row #searchField { width: 160px; }
}

#top_row #datepicker {
	width: 100px;
}

#carousel {
	padding:0px;
}

.carousel-caption {
	font-weight: bolder;
	text-shadow: 2px 2px 4px #000000;
}

.lead-image {
	height:auto;
	width:auto;
}


#category-list{
	padding-left:10px;
	padding-right:10px;
}


#search_panel .list-group{
	padding-left:5px;
	padding-right:5px;
}

#search_panel .list-group-item{
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	border:0px;
}

.list-group {
    margin-bottom: 0px;
}

.list-compact {
	padding: 5px; 
}

#bottom_row .list-group-item  div, #bottom_row .list-group-item{
	padding-left:0px;
	padding-right:0px;
}

.small-image {
	text-align: center;
}

.small-image  img{
	max-height: 54px;
}


#popular_guides .col-xs-2 {
	padding-right:5px !important;
}

/* Tour page */

.tour #carousel-guideapolis img {
  width: auto;
  height: 350px;
  max-height: 350px;
}

.tour #carousel-guideapolis {
	margin-bottom:19px;
}

.tour h5, .massive_title {
	font-weight: bold;
	color: #6A2617;
}

#share {
	max-height: 80px;
	overflow:hidden;
}

#share >.row>div {
	padding-left:15px;
	padding-right:0px;
}

.massive_title {
	font-size:42px;
	margin-top:5px;
	margin-bottom:5px;
}


#guide_photo {
	padding-right:5px;
}

#guide_titles {
	padding-left:5px;
}

/* Map page */
#map_canvas {
		width:100%;
		height:500px;
}

#map_page >div{
	height:560px;
	overflow-y:scroll;
}

/* Press page */
#visuals img {
	margin: 0 auto;
}

/* Login page */
#terms_link {
	padding-top: 7px;
}

#registration .panel {
	background-color: initial;
    border: initial;
	margin-bottom: 0px;
    border-radius: initial;
    -webkit-box-shadow: initial;
    box-shadow: initial;
}

/* Account pages */
.nav-center > li {
	float:none;
	display:inline-block;
	*display:inline; /* ie7 fix */
	zoom:1; /* hasLayout ie7 trigger */
}

.nav-center {
    text-align:center;
}

/* Images pages */

.preview img  + .img-preview {	
	display:none;
}
.preview img:hover  + .img-preview  {
	background-color: white;
	border: 2px solid black;
	display:inline;			
	position:fixed;		/* et on le place au centre de la page pour qu'il se loge au centre du diaporama. */
	/* Les dimensions de l'agrandissement sont les m�mes que celles de notre div.centre. */
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 10000;
}

/* Search page */

.title_compact {
	margin-top:0px;	
}

.compact_col_in_well>.row>div {
	padding-left: 5px;
	padding-right: 5px;
}

.compact_form>div {
	margin-bottom: 0px;
}


/* Categories pages */
.categories img{
	width: 30px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	margin-left: 1px;
	-moz-box-shadow: 1px 1px 8px #999;  
 	-webkit-box-shadow: 1px 1px 8px #999;  
 	box-shadow: 1px 1px 8px #999; 
	opacity:0.4;
	filter:alpha(opacity=40);
}


#selected {
	margin-left: 4px;
}

#selected img{
	opacity:1;
	filter:alpha(opacity=100);
} 
 
.categories img:hover{
	opacity:1;
	filter:alpha(opacity=100);
}

/* ===================================================================
   Compatibilité Bootstrap 3 → Bootstrap 5
   Les templates utilisent des classes BS3 ; le CSS servi est BS5.
   Ces règles fournissent les équivalents manquants.
   =================================================================== */

/* Well (supprimé en BS5) */
.well {
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

/* Panel (supprimé en BS5, remplacé par card) */
.panel {
	padding: 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	margin-bottom: 20px;
}
.panel-default { border-color: #ddd; }
.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-radius: 3px 3px 0 0;
	background-color: #f5f5f5;
	border-color: #ddd;
}
.panel-body { padding: 15px; }
.panel-title { margin: 0; font-size: 16px; font-weight: bold; }

/* btn-default (renommé btn-secondary en BS5) */
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.btn-default:hover, .btn-default:focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

/* Alignement texte (renommé text-start/text-end en BS5) */
.text-right { text-align: right !important; }
.text-left  { text-align: left  !important; }

/* Float helpers (renommés float-end/float-start en BS5) */
.pull-right { float: right !important; }
.pull-left  { float: left  !important; }

/* img-responsive (renommé img-fluid en BS5) */
.img-responsive { max-width: 100%; height: auto; }

/* center-block (remplacé par d-block mx-auto en BS5) */
.center-block { display: block; margin-left: auto; margin-right: auto; }

/* img-circle (renommé rounded-circle en BS5) */
.img-circle { border-radius: 50%; }

/* Navbar BS3 — structure conservée */
.navbar-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #888;
	margin: 4px 0;
}
.caret {
	display: inline-block;
	width: 0; height: 0;
	vertical-align: middle;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	margin-left: 4px;
}
/* Liens navbar BS3 */
.navbar-nav > li > a {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;
}

/* Logout button aligné comme un lien navbar */
.nav-logout {
	display: block;
	padding: 15px 10px;
	line-height: 20px;
	background: none;
	border: none;
	color: #777;
	font-size: 14px;
	cursor: pointer;
}
.nav-logout:hover,
.nav-logout:focus {
	color: #333;
	text-decoration: none;
	background-color: transparent;
	outline: none;
	box-shadow: none;
}