body {
    padding-top: 40px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
 
 
/* Caroussel sur la page des POI */ 
  
.carousel-inner {
    height: 180px;
}  
  
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
	max-height: 200px;
}  
  
.carousel-inner2 img {
	max-height: 100%;
	margin: auto;
}
.carousel-inner2 .item img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
} 

/* Caroussel actualité */ 
  
.carousel-inner3 > .item {
	height: 200px;
} 
.carousel-inner3 img {
	max-height: 100%;
	margin: auto;
}
.carousel-inner3 .item img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
} 


 
.outer-div {
     /* padding: 30px; */
     text-align: right;
}
.inner-div {
     display: inline-block;
    /*  padding: 50px; */
}

 
.lien-social {
	right: 0;
	
} 
 
 
 
.map {
	padding:0;
	height:350px;
	background-color: #FAFAFA; /*#f5f5f5;*/
  	border-radius: 4px;
  	border: 2px solid #999999;
}

.bs-news {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #7C9C5B;
    border-left-width: 5px;
    border-radius: 3px;
}

.shareclass {
	border: 1px solid #C5C5C5;
	padding: 0px 15px 15px 15px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.highlight {
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #C5C5C5;
    margin-bottom: 10px;
}

.btn_recherche {
	margin: 5px;
}

.error {
	background-color: #ff8080;
}

.btn-primary {
    color: #fff;
    background-color: #016c6c;
}

.btn-primary:hover {
    color: #fff;
    background-color: #52782c;
    border-color: #52782c;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    background-color: #52782c;
    text-decoration: none;
}

.col-height {
	min-height: 200px;
}

.thumbnail {
	padding: 0px;
}


.navbar-brand {
	padding: 10px 15px; 
}

.navbar-default {
    background-color: #ffffff;
    border-width: 0px 0px 1px 0px;
    border-color: #000000;
}

.navbar-default .navbar-nav>li>a {
	color: #52782c;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #52782c;
}
/*
.navbar-inverse
{
	background-color:rgba(255,255,255,1);
	border-color:#52782c;
} */

.hero-spacer {
    margin-top: 10px;
}

.hero-feature {
    margin-bottom: 30px;
}

footer {
    margin: 50px 0;
}

.FondHeader {
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	height:100%;
	width:100%;
	padding-top: 48px;
    padding-bottom: 48px;
}

.FondHeader .h1,.FondHeader h1
{
	color:#FFF;
	padding-top:20px;
}

.FondHeader p
{
	color:#FFF;
	font-size:21px;
	font-weight:200;
	margin-bottom:15px;
}

.FondHeader > hr
{
	border-top-color:#d5d5d5;
}

.container .FondHeader,.container-fluid .FondHeader
{
	border-radius:6px;
	padding-left:15px;
	padding-right:15px;
}

.FondHeader .container
{
	max-width:100%;
}

hr.stylehaut{
	border-top: 1px solid #000000;
	margin-top: 0px;
}

hr.stylebas{
	border-top: 1px solid #000000;
}


.h1, h1 {
	font-size: 20px;
}

.h2, h2 {
	font-size: 18px;
}


.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6
{
	color:inherit;
	font-weight:200;
	line-height:1.1;
}

.Rubriques
{
	padding-bottom:48px;
	padding-top:48px;
}

.container .Rubriques,.container-fluid .Rubriques
{
	padding-left:60px;
	padding-right:60px;
}

.Rubriques .h1,.Rubriques h1
{
	font-size:38px;
}

.Rubriques
{
	background-color:#fafafa;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	height:100%;
	width:100%;
}

.Rubriques .h1,.Rubriques h2
{
	color:#000;
	padding-top:20px;
}

.Rubriques p
{
	color:#656565;
	font-size:14px;
	font-weight:200;
	margin-bottom:5%;
	margin-top:5%;
}

.Rubriques > hr
{
	border-top-color:#d5d5d5;
}

.container .Rubriques,.container-fluid .Rubriques
{
	border-radius:6px;
	padding-left:15px;
	padding-right:15px;
}

.Rubriques .container
{
	max-width:100%;
}

.mobilesocialnav { 
	display: none;
}
  
@media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){ 
   .mobilesocialnav{ display: inline;}}

.hide {display: none!important;}
 
.mobilesocialnav {
	padding-left: 25px;
    padding-top: 20px;
    padding-bottom: 15px;
}

/* Rajout pour Carroussel */

.carousel-control 			 { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }	
}

/* Rajout pour Page des Marques */ 

a {
    color: #789c2b;
    text-decoration: none;
}

.commentaire {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border-radius: 4px;
   
}

.asidesearch {
    
	margin-top: 25px;
	min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #702d55;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.asidenews {
    min-height: 20px;
    /* padding: 19px; */
    border-radius: 4px;
    margin-bottom: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

 .asidecategories
 {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.asideshare {
    min-height: 20px;
    padding: 2px;
    margin-bottom: 20px;
    background-color: none;
}


.connect {
    min-height: 20px;
    padding: 10%;
    margin-bottom: 20px;
    background-color: white;
    border: 10px solid ;
	border-color : #016c6c;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

/*
 * LEAFLET ... MarkerCluster
 */
 
 .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
	}
	
.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}