/* CSS Document */

body{ width: 100%; overflow-x: hidden;}

section{ padding: 80px 0;}

#ac-lastBp{background-color:#fff; padding-top: 80px;}
#ac-pubSlider,#ac-infos{ background: url(https://sitev2.boutic-app.fr/sitev2/public/img/bg-infos.png) left center no-repeat; background-size: cover; background-color:#e71d73; box-shadow: 0 0 5px rgba(0,0,0,0.5) inset}
#ac-lastAct{ background-color:#333; color:#fff;}
#ac-someShop{ background-color:#fff;}

/*body.page-commerce .contenu a{ color:#438dcc;}
body.page-bp .contenu a{ color:#71b73a;}*/

 
h2.titre-section {text-transform:uppercase; font-weight: 300; margin-bottom: 20px; line-height: 1em;}
h2.titre-section span{font-weight: bold;} 

.btn.btn-boutic{text-transform:uppercase; font-weight: 400; border-radius: 0; border:none; border-right: solid 5px red; background-color: #ddd; color:#333; font-size: 0.9em; transition: all 0.25s;  margin-bottom: 10px; }
.btn.btn-boutic:hover{border-right-width:  40px ; }
.btn.btn-boutic span{font-weight: bold;}

.btn.btn-boutic-commerce{border-right-color: #438dcc;}
.btn.btn-boutic-bp{border-right-color: #71b73a;}
.btn.btn-boutic-actu{border-right-color: #f49819;}
.btn.btn-boutic-produit{border-right-color: #dab800;}

 
 
#main {
    padding-top:70px;
}

.btn-secondary {
    color: #fff;
    background-color: #e71d73;
    border-color: #e71d73;
}

.navbar {
  border-radius: 0;
  transition: all 0.3s ease-out;
}

.affix {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

/* fixed to top styles */
.affix.navbar {
  background-color: #000;
	/*box-shadow: 0 0 3px rgba(255,255,255,0.7);*/
    border-bottom: solid 1px #777;
	
}
.affix.navbar .nav-item>a, 
.affix.navbar .navbar-brand {
    color: #fff;
}

#logo{position: absolute; top: 10px; left: 10px; max-width: 220px;}
#logo img{border:solid 10px #fff; background-color: #fff; border-radius: 10px; max-height: 220px;}

@media (max-width: 768px) {
	#logo img{border:solid 10px #fff; background-color: #fff; border-radius: 10px; max-height: 125px;}
}

#header-top img.logo{border:solid 4px #fff; background-color: #fff; border-radius: 10px;}

.header-default{ background-color:#e71d73;color: #fff; padding: 50px 0;}
.header-default h1{ text-transform: uppercase; font-weight:bold;}
.header-default .breadcrumb{ background-color:transparent; position: relative; top: -10px; margin: 0; padding: 0;}
.header-default .breadcrumb *{ color:#fff!important;}

@media (min-width: 1480px){
.container {
    max-width: 1400px;
}
}
/*---------------------------------------------------------
		FOOTER
----------------------------------------------------------*/

#footer{ background: url(https://sitev2.boutic-app.fr/sitev2/public/img/bg-footer.jpg) no-repeat center center fixed #333; background-size: cover; color: #fff;}
#footer > div { min-height: 500px; background-color: rgba(0,0,0,0.8); transition: all 0.4s; padding: 50px 0;}
#footer > div:hover {  background-color: rgba(0,0,0,0.7); }
#footer #inpi {color:#999; line-height: 1em; font-size: 0.9em; margin-top: 10px;}
#footer-app a img {height: 60px; width: auto; transition: transform 0.3s;}
#footer-app a img:hover { transform: scale(0.9)}


#footer .pagelist { background-color: transparent; }
#footer .pagelist > ul { padding:0!important; }
#footer .pagelist li { margin: 5px; list-style: none; border-bottom: solid 1px rgba(255,255,255,0.2) }
#footer .pagelist a { color: #fff; text-decoration: none; font-size: 1.5em; }
#footer .rubriqueEntrance .rubriqueContent a{ color: #333; text-decoration: none; font-size: 1.5em;}

#subFooter{background-color: #000;color:#bbb; padding: 20px; }
#subFooter > div, #subFooter img{float: right; text-align: right; line-height: 1.1em; margin-left: 10px;}
#subFooter img{ max-width: 80px; border-radius: 5px; padding: 1px; background-color: #fff; }
#subFooter > div{position: relative; top:3px;}
#subFooter > div span{font-weight: bold; color:#fff;}
#subFooter a{color:#fff;}

#footer-sup{margin-bottom: 50px; font-size:0.7em;background-color: #e71d73;}

body{line-height: 1.2em;}

#logo-footer {max-width: 200px; background-color: #fff; padding: 10px; border-radius: 10px; max-height: 200px}
#footer-asso a{color:#fff!important;}


/* Style all font awesome icons */
#social-footer {
  
}
#social-footer > a{ color:#fff!important; display: inline-block; width: 40px; height: 40px; text-decoration: none; border-radius: 50px;}

/* Add a hover effect if you want */
#social-footer a:hover { opacity: 0.85;}
#social-footer > a > i{width: 100%; display: block; text-align: center; padding-top: 12px;}


/* Facebook */
#social-footer .facebook-color {
    background: #3B5998;
}

/* Twitter */
#social-footer .twitter-color {
    background: #55ACEE;
}
/* Google + */
#social-footer .google-color {
    background: #FB3958;
}
/* Youtube */
#social-footer .youtube-color {
    background: #ed302f;
}

@media (min-width : 0px) and (max-width : 1024px)  {
	#footer { background-attachment:scroll;}
}
/*
#go-up{
	background-color: rgba(0,0,0,0.5);
	width: 30px;
	height: 30px;
	position: fixed;
	bottom: 100px;
	right: 0px;
	display: none;
}
*/

#go-up {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 100px; /* Place the button at the bottom of the page */
    right: -1px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: solid 1px #fff; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgba(0,0,0,0.5); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 5px 10px; /* Some padding */
    border-radius: 4px 0 0 4px; /* Rounded corners */
    font-size: 12px; /* Increase font size */
}

#go-up:hover {
    color:#333; background-color: rgba(255,255,255,1); /* Add a dark-grey background on hover */
}

/*---------------------------------------------------------
		ACCUEIL - HEAD
----------------------------------------------------------*/

#ac-head{min-height: calc(70vh - 70px);  background: url(https://sitev2.boutic-app.fr/sitev2/public/img/bg-footer.jpg) center center fixed #333; background-size: cover; color: #fff;}
@media (min-width : 0px) and (max-width : 1024px)  {
	#ac-head { background-attachment:scroll;}
}

@media (min-width: 1980px) {
	body #ac-head {
		background-position: center center;
		background-size: cover!important;
	}
}	


#ac-head .searchbox {
  margin: auto;
  position: absolute;
  /*top: 0; left: 0; bottom: 0; right: 0;*/
	bottom: 10px; left: 0; right: 0;
	width: 50%;
	height:80px;
	padding: 3px;
	background-color: rgba(0,0,0,0.7);
	border-radius: 10px;
	/*box-shadow: 0px 0px 10px rgba(0,0,0,0.9);*/
}
.searchbox .baseline{padding: 10px; display: none; font-size: 1em; font-weight: normal;}

#ac-head .btn-secondary {
    color: #fff;
    background-color: #e71d73;
    border-color: #e71d73;
}

.searchbox input, .searchbox select{  height: 75px!important; font-size: 1.15em!important;}
.searchbox select{ display: none;}
#ac-head .searchbox h1{font-size: 2em; text-align: center;}
@media (max-width: 992px) {
	
	#ac-head .searchbox {
	  margin: auto;
	  position: absolute;
		bottom: 10px; left: 0; right: 0;
		width: 95%;
		height:112px;
		padding: 3px;
		background-color: rgba(0,0,0,0.7);
		border-radius: 10px;
	}
	#ac-head .searchbox h1 {
	  font-size: 1.1em!important;
	}
	
}
@media (min-width: 768px) {
	#ac-head{min-height: 49vh;}
	.searchbox select{ display: block;}
}
@media (min-width: 992px) {
	#ac-head{min-height: auto; height: 527px;}
	#ac-head .searchbox {min-width: 800px; height: 160px;}
	.searchbox .baseline{display: block}
}

/*---------------------------------------------------------
		MENU DE CONNEXION
----------------------------------------------------------*/

#menuConnexion{ position: fixed; top:25px; /*60px;*/ right: -250px; z-index: 1039;/*1200*/ transition: right 0.4s;}
#menuConnexion.open-mc{ right:0px;}
#menuConnexion #mc-button{ padding: 10px; color:#fff; background-color: #e71d73; position: absolute; cursor:pointer; width: 50px; height: 50px; top: 0; left: -50px; /*box-shadow: 3px 3px 3px rgba(0,0,0,0.5);*/z-index: 98; border-radius:6px 0 0 6px; }
#menuConnexion .mc-content{ background-color: #e71d73; width: 250px; box-shadow: 3px 3px 3px rgba(0,0,0,0.5); z-index: 100; position: relative;}
#menuConnexion h4{ color: #fff; text-align: center; font-size: 1.2em; height: 50px; margin: 0; padding: 0; padding-top: 13px;}
#menuConnexion ul{ padding: 0; margin: 0; list-style: none;}
#menuConnexion ul li{border-bottom: solid 1px #ccc}
#menuConnexion ul li a{ background-color: #fff; border-left:solid 5px #e71d73; display: block; padding: 10px 20px 15px; color:#000; font-weight: bold; transition: border-left-width 0.2s;}
#menuConnexion ul li a:hover{ text-decoration: none;background-color: #eee; border-left-width: 15px; }
#menuConnexion ul li a small{ font-size: 0.7em; line-height: 0.9em; display: block; font-weight: normal; color:#888; margin-top: 3px;}

#menuConnexion li.btn-mc-shoppingpass a{border-left-color: #cbbba0;}
#menuConnexion li.btn-mc-fidelite a{border-left-color: #62c2ca;}






.user-img{
	margin-top:-50px;
}
.user-img img{
	height: 100px;
	width: 100px;
}
.user-name{
	margin:10px 0px;
}
.user-name h1{
	font-size:30px;
	color:#676363;
}
.user-name button{
	position: absolute;	
	top:-50px;
	right:20px;
	font-size:30px;
}
.form-input button{
	width: 100%;
	margin-bottom: 20px;
}
.link-part{
	border-radius:0px 0px 5px 5px;
	background-color: #ECF0F1;
	padding:15px;
	border-top:1px solid #c2c2c2;
}
.open-modal{
	margin-top:100px !important;
}
#modalConnexion, #modalConnexionComm{padding-top:100px;}

@media all and (-ms-high-contrast:none)
{
	.modal-content { display: block} /* IE10 */
	*::-ms-backdrop, .modal-content { display: block} /* IE11 */
}





/*---------------------------------------------------------
		MEGAMENU
----------------------------------------------------------*/

#main-nav{background-color: #000!important; color:#fff!important; padding: 15px; top: -1px;z-index: 1002}
#main-nav .navbar-nav .nav-link {  color: rgb(255, 255, 255);}
#main-nav .navbar-nav .nav-link {  padding: 1rem 1rem; font-size: 0.92em;}
#main-nav .nav-link:hover {  background-color: rgba(255,255,255,0.2)}
#main-nav .nav-link[aria-expanded="true"]{  background-color: #e71d73}
#main-nav .nav-link-commerce[aria-expanded="true"],#main-nav .nav-link-commerce:hover{  background-color: #438dcc!important}
#main-nav .nav-link-actu[aria-expanded="true"],#main-nav .nav-link-actu:hover{  background-color: #f49819!important}
#main-nav .nav-link-bp[aria-expanded="true"],#main-nav .nav-link-bp:hover{  background-color: #71b73a!important}
#main-nav .nav-link-prod[aria-expanded="true"],#main-nav .nav-link-prod:hover{  background-color: #dab800!important}

#main-nav .nav-link-prod{border-bottom: solid medium #dab800 !important ;}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

.menu-large {
  position: static !important;
}

.megamenu {
	border: none;
	border-top: solid 5px #e71d73;
  padding: 20px 20px;
  width: 100%;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	margin: 0;
	border-radius: 0;
	
}
.megamenu.megamenu-commerce {border-top-color: #438dcc;}
.megamenu.megamenu-actus {border-top-color: #f49819;}
.megamenu.megamenu-bp {border-top-color: #71b73a;}
.megamenu.megamenu-prod {border-top-color: #dab800;}


.megamenu > div > li > ul {
  padding: 0;
  margin: 0;
}

.megamenu > div > li > ul > li {
  list-style: none;
}

.megamenu .dropdown-item:focus, .megamenu .dropdown-item:hover {
    color: #333;
    text-decoration: none;
    background-color: #fff;
}

.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}



ul.mega-commerceList {
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px;
}

.encart-app{background-color: #000; width: 100%; text-align: center; padding: 40px 20px; color:#fff; border-radius:10px}
.encart-app img{width: 180px;}





#my-overlay{width:100%; height: 100vh; background-color: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; z-index: 1001; display: none;}

.dropdown-menu-center {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.dropdown-menu-rubr {
	border-top-color: #e71d73!important;
    padding: 20px 20px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    margin: 0;
    border-radius: 0;
}


@media (max-width: 768px) {
	
	
  .megamenu {
    margin-left: 0;
    margin-right: 0;
  }
  .megamenu > li {
    margin-bottom: 30px;
  }
  .megamenu > li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header {
    color: #fff;
  }
	#main-nav .navbar-collapse{ height: 400px; height: 70vh; overflow-y: auto;}
	
	
	
}
@media (min-width: 992px) {
	#main-nav{padding: 0px;}
	
	ul.mega-commerceList {
	height: 100%;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
	/*-moz-column-fill: auto;*/
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    /*column-fill: auto;*/
}


	
#main-nav .navbar-nav .rubr .nav-link {
    padding: 5px;
    text-align: right;
    overflow: hidden;
    line-height: 1.15em;
    display: flex;
    align-items: center;
	justify-content: center;
	}
	
#main-nav .navbar-nav .rubr.islink .nav-link {
    padding-right: 0.4rem;
    text-align: center;
}		

#main-nav .navbar-nav .rubr .dropdown-toggle::after {
    position: absolute;
    right: 10px;
    bottom: 45%;
}
	
}


@media (max-width: 992px){
	#main-nav .navbar-collapse {
		height: auto!important;
		max-height: 80vh;
		overflow-y: auto;
		overflow-x: hidden;
	}
}


#main-nav .navbar-collapse{flex-flow: row wrap;}
		
		
li.nav-item { flex-grow: 1; text-align: center;}

#main-nav .navbar-nav.primary-nav .nav-link{text-transform: uppercase; font-size: 1.1em; }

#main-nav{top:0px;}
#main-nav ul.nav.navbar-nav{flex-grow: 1; width: 100%; list-style-type: none; justify-content: center;/*max-width: 1000px;*/} 



#main-nav .navbar-nav.secondary-nav {background-color: transparent!important; border-top:solid 1px rgba(255,255,255,0.1); position: inherit; top:80px; padding: 0;}

#main-nav .navbar-nav.secondary-nav .nav-link{ max-width: none;  height: auto;font-size: 1.1em; text-transform: uppercase; color:rgba(255,255,255,0.9);}
#main-nav .navbar-nav.secondary-nav ul.nav.navbar-nav{flex-grow: 1; width: 100%; list-style-type: none; max-width: 1000px;} 
#main-nav .navbar-nav .rubr .dropdown-toggle::after {position: relative; right: inherit; bottom:inherit; }

.primary-nav .dropdown-menu{ top: 50px!important;}

@media (min-width: 992px){
	#main-nav .navbar-nav.primary-nav li.nav-item { max-width: 300px;}
	#main-nav .navbar-nav.secondary-nav li.nav-item { max-width: 400px;}
	#main-nav li{border-right:solid 1px rgba(255,255,255,0.14)}
	#main-nav li:last-child{border:none;}
	
	#main-nav .navbar-nav.secondary-nav {background-color: #444!important; border: none;}
	#main-nav .navbar-nav.secondary-nav .nav-link{ font-size: 1em; text-transform: none; }
	
	ul.category-list{min-width: 400px;}
}

/*---------------------------------------------------------
		ACCUEIL - CAROUSEL BP
----------------------------------------------------------*/


#caroussel-bp{ margin-top: 30px;}
#caroussel-bp .item{ padding: 5px;   }
#caroussel-bp .item > a{ display: block; transition: all 0.2s;background-color: #71b73a; box-shadow:  0px 0px 3px rgba(0,0,0,1)}
#caroussel-bp .item > a:hover{ text-decoration: none; transform: scale(0.9);}
#caroussel-bp .item > a > div{  max-height: 150px; min-height: 115px; background-color: #71b73a;  color:#fff; position:relative; padding: 20px;}
#caroussel-bp .item h2{ text-transform: uppercase; line-height: 1em; font-size: 1.4em; /*max-width: 280px;*/}
#caroussel-bp .item .date-bp{ }
#caroussel-bp .item .commerce-bp{ color:#000; background-color: #fff; padding: 0 10px; display: inline-block; position: absolute; top:-30px; left: 0; line-height: 30px; text-transform: uppercase; font-weight: bold; font-size: 12px;
max-width: 100%;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#caroussel-bp .owl-dots {
    margin-top: 10px;
    position: absolute;
    top: -40px;
    right: 50px;
}

/*---------------------------------------------------------
		ACCUEIL - CAROUSEL prod
----------------------------------------------------------*/


#ac-prod{ margin-top: 30px; border-bottom: solid medium #dab800 !important; }
#caroussel-prod .item{ padding: 5px;   }
#caroussel-prod .item > a{ display: block; transition: all 0.2s;background-color: #dab800; box-shadow:  0px 0px 3px rgba(0,0,0,1)}
#caroussel-prod .item > a:hover{ text-decoration: none; transform: scale(0.9);}
#caroussel-prod .item > a > div{  max-height: 130px; min-height: 95px; background-color: #dab800;  color:#fff; position:relative; padding: 20px;}
#caroussel-prod .item h2{ text-transform: uppercase; line-height: 1em; font-size: 1.4em; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#caroussel-prod .item .date-bp{ float: right; position: absolute; bottom: 10px; right: 10px; font-weight: bold; }
#caroussel-prod .item .commerce-bp{ color:#000; background-color: #fff; padding: 0 10px; display: inline-block; position: absolute; top:-30px; left: 0; line-height: 30px; text-transform: uppercase; font-weight: bold; font-size: 12px; 
max-width: 100%;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#caroussel-prod .owl-dots {
    margin-top: 10px;
    position: absolute;
    top: -40px;
    right: 50px;
}

#caroussel-prod .owl-prev{ background-color: #dab800 !important;}
#caroussel-prod .owl-next{ background-color: #dab800 !important;}
/*---------------------------------------------------------
		ACCUEIL - SLIDER PUB
----------------------------------------------------------*/

.flexslider {
    margin: 0 0 0px!important;
	border:solid 8px #fff!important;
	border-radius: 0!important;
	/*overflow: hidden!important;*/
	webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	
}
.flex-caption {
    width: calc( 100% + 16px);
    display: block;
    position: absolute;
    color: #000;
    padding: 4px;
	background-color: #333;
	text-align: center;
	opacity: 1;
	margin-top: 8px;
	left:-8px;
}
.flex-caption a{
    color:#fff; text-decoration: none;
}
.flex-caption a:hover{
    text-decoration: none;
}
.flex-caption h2{
    margin-top:0; padding-top: 0;
	text-transform: uppercase;
    font-size: 12px;
    font-weight: 300;
	color: #fff;
	margin-bottom: 0;
}
.flex-caption p{
    /*font-weight: 300;*/
    /*font-size: 14px;*/
	color: #fff;
	margin-bottom: 0;
	font-size: 10px;
	line-height: 1.1em;
}
    

.flex-direction-nav a{text-shadow: none; height: 50px!important; color:#89af30!important;}
.flex-direction-nav a:before{text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6)!important; height: 50px!important; color:#fff!important;}
.flex-control-nav {bottom:-50px!important; display: none;}

.flex-direction-nav a:before {
    line-height: 40px!important;
    font-size: 30px!important;
}


@media screen and (min-width : 992px) {
	
	.flex-caption {
    width: 30%;
    display: block;
    position: absolute;
    /*right: 10px;
    top: 10px;*/
    color: #000;
    padding: 5px;
	background-color: rgba(0,0,0,0.8);
	text-align: center;
	opacity: 0;
		margin-top: 8px;
		left: auto;
}
	
	.flex-active-slide .flex-caption {
opacity: 0;
/*max-width: 320px;*/
/*position: relative;*/

-webkit-animation: slideIn;
-moz-animation: slideIn;
-o-animation: slideIn;
animation: slideIn;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
	
animation-fill-mode:forwards;
-webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes slideIn { 0% { right: 9%; opacity: 0; }
100% { right: -8px; opacity: 1; } }
@-moz-keyframes slideIn { 0% { right: 9%; opacity: 0; }
100% { right: -8px; opacity: 1; } }
@-o-keyframes slideIn { 0% { right: 9%; opacity: 0; }
100% {right: -8px; opacity: 1; } }
@Keyframes slideIn { 0% { right: 9%; opacity: 0; }
100% { right: -8px; opacity: 1; } }
	
	
.flex-caption p{
	font-size: 14px; line-height: 1.1em;
}	
	
	
}



/*---------------------------------------------------------
		ACCUEIL - ACTUALITES
----------------------------------------------------------*/

.card-actu{ margin-bottom: 50px;}
.card-actu > a{display: block; color:#fff; background-color: #f49819; transition:transform 0.25s }
.card-actu > a:hover{text-decoration: none; transform: scale(0.9);}
.card-actu h2{ font-size: 1.1em; line-height: 1.2em; padding: 10px; overflow: hidden; text-align: center;
white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase;}
.card-actu img{ border-bottom: solid 3px #f49819; width: 100%;}
.card-actu div.date-actu{ text-align: center; height: 0;}
.card-actu div.date-actu span{ background-color: #f49819; padding: 5px 5px; font-size: 0.85em; position: relative; top: -10px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}


.fluxactuAccueil{   }
.fluxactuAccueil p{padding:10px;height: 110px;}
.fluxactuAccueil img{ display: none;}
.actusflux{padding-top: 10px; margin-left: 40px;  clear: both;margin-top: 20px; padding:20px 10px;  position: relative;top:-20px;}
.ac-actusbox, .actusflux{ background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));border-radius:10px;}
.ac-actusbox{padding-top:20px;padding-bottom:20px;}
.fluxImg{display: block; width:100%;height: 200px; background-size:  cover; background-position: center;}
.fluxImgCine{display: block; width:100%;height: 200px; background-size:  contain; background-position: center; background-repeat: no-repeat;  background-color: white;}
.titleActuAccueil{ont-size: 1.1em; line-height: 1.2em; padding: 10px; overflow: hidden; text-align: center;
white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase;}


#secondary-col .card-actu div.date-actu span {
    background-color: #f49819;
    padding: 5px 10px;
    font-size: 0.9em;
    position: relative;
    top: -10px;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    margin: auto;
}



/*---------------------------------------------------------
		ACCUEIL - OPTIONS (CINEMA / FIDELITE / ...)
----------------------------------------------------------*/


#ac-options{margin-top:0px; margin-bottom: 0px;}
.ac-option {margin: 20px 0; border-top: solid 1px rgba(255, 255, 255, 0.1); padding-top: 20px;}
.ac-option .sq-iconed{ float: left; width: 70px; height: 70px; border-radius: 50px; z-index: 1; position: relative;}
.ac-option .sq-iconed a{ width: 70px; height: 70px; display: table; background-color: rgba(0,0,0,0); color: #fff; text-decoration: none; transition: all 0.25s; border-radius: 50px;}
.ac-option .sq-iconed a:hover{ background-color: rgba(0,0,0,0.4); }
.ac-option .sq-iconed a i{transition: all 0.2s; transform: rotate(0deg)}
.ac-option .sq-iconed a:hover i{transform: rotate(-15deg) scale(1.4);}
.ac-option .sq-iconed + p{ margin-left: 80px; color:#eee; font-size: 0.9em; line-height: 1.2em; text-align: justify;}

.sq-iconed.sq-agenda{background-color: #f49819 /*#951b81;*/}
.sq-iconed.sq-congres{background-color: #f49819/*#cbbba0;*/}
.sq-iconed.sq-jeux{background-color: #f49819 /*#be1622*/;}
.sq-iconed.sq-cinema{background-color: #f49819 /*#62c2ca*/;}

.sq-iconed i{
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.txtcolor-agenda, .txtcolor-agenda:hover{color:#f49819 /*#951b81*/;}
.txtcolor-congres, .txtcolor-congres:hover{color:#f49819 /*#cbbba0*/;}
.txtcolor-jeux, .txtcolor-jeux:hover{color: #f49819 /*#be1622*/;}
.txtcolor-cinema, .txtcolor-cinema:hover{color: #f49819 /*#62c2ca*/;}



#ac-options h3{font-size: 1em; text-transform:uppercase; font-weight: 300}
#ac-options h3 span{font-weight: bold}







/*---------------------------------------------------------
		ACCUEIL - COMMERCES
----------------------------------------------------------*/

ul.category-list{list-style:none; padding: 0;}
ul.category-list li{overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width:100%; border-bottom: solid 1px #eee;}
ul.category-list li a{ color:#000; transition: padding-left 0.2s; padding: 2px 0; display: inline-block; font-size: 0.9em;}
ul.category-list.stronger-list li a{ font-weight: bold;}
ul.category-list li a:hover{ color:#000; text-decoration: none; padding-left: 10px; font-weight: bold; }


.card-commerce{ margin-bottom: 50px;}
.card-commerce > a{display: block; color:#fff; background-color: #438dcc; transition:transform 0.25s }
.card-commerce > a:hover{text-decoration: none; transform: scale(0.9);}
.card-commerce h2{ font-size: 1.1em; line-height: 1.2em; padding: 10px; overflow: hidden; text-transform: uppercase; text-align: center;
white-space: nowrap; text-overflow: ellipsis; max-width: 90%;}
.card-commerce img{ border-bottom: solid 3px #438dcc; width: 100%;}
.card-commerce div.type-commerce{ text-align: center; height: 0;}
.card-commerce div.type-commerce span{ background-color: #438dcc; padding: 5px 10px; font-size:1em; position: relative; top:-10px;     white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90%;
    display: inline-block; overflow: hidden;}
.card-commerce div.contact-commerce{ background-color: #333; color:#fff;  padding: 30px 10px 10px}
.card-commerce div.contact-commerce > div:first-child { margin-bottom: 10px;}


/*---------------------------------------------------------
		ACCUEIL - INFORMATIONS (pages)
----------------------------------------------------------*/

#ac-infos{ color:#fff;}

.rubriqueEntrance{margin-bottom: 10px;}
.rubriqueEntrance > a{ display: block; background-color: transparent; border:solid 1px #fff; border-radius: 0; font-size: 1.2em; font-weight: bold; color:#fff;}
.rubriqueEntrance > a:hover, .rubriqueEntrance > a:active, .rubriqueEntrance > a:focus{ background-color: rgba(0,0,0,0.2); border:solid 1px transparent; }
.rubriqueEntrance .rubriqueContent{ padding: 20px; background-color: #fff; color:#000;}

#ac-infos ul{list-style:none; padding: 0;}
#ac-infos ul li{  border-bottom: solid 1px #eee;}
#ac-infos ul li:last-child{border-bottom:none;}
#ac-infos ul li a{ color:#000; transition: padding-left 0.2s; padding: 3px 0px; display: block; font-size: 0.9em;}
#ac-infos ul li a:hover{ color:#000; text-decoration: none; padding-left: 10px; font-weight: bold; }

.pagelist {background-color: #fff; padding: 20px;}
















/*---------------------------------------------------------
		FICHE COMMERCE
----------------------------------------------------------*/
header#header-top{background-color:#d8cfc8; padding: 10px 0; /*background: url(../img/bg-header.jpg) 0 0 no-repeat #d8cfc8;*/}/*#8b7d72*/
.recherche-head{height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
margin-right: 70px;}
header#header-top .logo{max-height:80px; margin-left: 10px; }


#carte-fw{ height: 250px; background-color: #aaa}
#main-col{ position: relative; top: -50px; background-color: #fff; /*min-height: 1000px;*/ border-top:solid 5px #438dcc;}
#main-col.maincol-commerce{ border-top-color:#438dcc;}
#main-col h1{ text-transform: uppercase; display: block; padding: 10px; color:#fff; background-color:#438dcc; line-height: 1em; font-weight: bold; font-size: 1.5em;}

#content-fiche{ background: url('https://sitev2.boutic-app.fr/sitev2/public/img/bg-degrade.jpg') 0 0 repeat-x;
box-shadow: -3px 0px 3px rgba(0,0,0,0.5);
    z-index: 999;
    position: relative;}
.leaflet-control-attribution.leaflet-control{display: none!important}

.btn-retour{ top: -36px; left:0; position: absolute; border-radius: 0!important;}
.label-category{ /*top: -30px; right:0;position: absolute;*/ float: right; color:#fff; font-size: 0.8em; padding: 3px 10px; background-color: #438dcc;}
.btn-commerce {
    color: #fff;
    background-color: #438dcc;
    border-color: #438dcc;
}
.tags{margin-top: 30px;}
ul.list-tags{list-style: none; margin: 0; padding: 0;}
ul.list-tags li{ display: inline-block; margin-bottom: 4px;}
ul.list-tags li a{background-color: #438dcc; padding: 3px 5px; font-size: 0.7em; color: #fff!important; text-decoration: none; border-radius: 3px; }
ul.list-tags li a:empty{display: none; }

#secondary-col{ font-size: 1em; padding: 50px 10px}
#secondary-col ul{ list-style: none; padding: 0;}
#infos {}
#infos > div{ margin-bottom: 20px;}
.breadcrumb{background-color:#fff; font-size:0.8em;}

.imgs-bloc{margin-bottom: 20px;}
.imgs-bloc img.img-fluid{ 
    min-width: 100%;   
    
}
.img-2{  float: left; width: calc(50% - 2px); margin-top: 4px}
.img-3{ float: right; width: calc(50% - 2px); vertical-align: top;margin-top: 4px}

.imgs-bloc img {
	transition: all 0.25s;
-webkit-filter: brightness(1);
filter: brightness(1);

}
.imgs-bloc img:hover {
-webkit-filter: brightness(1.15);
filter: brightness(1.15);

}

.btn-box{ margin-top: 30px;}
.btn-box a{ margin-bottom: 5px; width: 100%; text-align: left; font-size:0.8rem!important}
.btn-box .btn.btn-boutic:hover {
     border-right-width: 5px; 
    color: #fff;
    background-color: #438dcc;
}

.partageBox{margin: 40px 0;}


.fc-encart{ border-top:solid 5px #71b73a; min-height: 600px; background-color: #f5f5f5; padding: 5px; font-size: 0.8em;}
.fc-encart-bp{ border-top:solid 5px #71b73a;}
.fc-encart-bp > h2{background-color:#71b73a;}


 .card-bp{ padding: 5px;   }
 .card-bp > a{ display: block; transition: all 0.2s;background-color: #71b73a; /*box-shadow: 0px 0px 3px rgba(0,0,0,0.8)*/}
 .card-bp > a:hover{ text-decoration: none; transform: scale(0.9);}
.card-bp > a > div{  max-height: 150px; background-color: #71b73a;  color:#fff; position:relative; padding: 10px;}
 .card-bp h2{ text-transform: uppercase; line-height: 1em; font-size: 1.5em; /*max-width: 280px;*/}
.card-bp .date-bp{ }
.card-bp .commerce-bp{ color:#000; background-color: #fff; padding: 0 10px; display: inline-block; position: absolute; top:-30px; left: 0; line-height: 30px; text-transform: uppercase; font-weight: bold; font-size: 1em;  max-width: 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
 .card-bp img.img-fluid{ min-width: 100%;}




/* Add a hover effect if you want */
.round-social-btn:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.round-social-btn.fa-facebook-f {
    background: #3B5998;
    color: white;
}
.round-social-btn {
    padding: 10px 15px;
    font-size: 24px;
    width: 46px;
    text-align: center;
    text-decoration: none;
    /*border-radius: 50%;*/
}
/*------------------------------------ horaires ----*/

.ouvferm { 
margin: 5px;
border-radius: 2px;

}
.ouvfermExc { 
margin: 5px;
border-radius: 2px;
font-size:small;
}
.newHoraires{
    font-size:small;
}
.horairesJour{
margin:1px;
padding:0px;
border-radius: 2px;
}
.modVente{
  font-size:small;  
}


.modVente hr{
    margin:2px !important;
}
/*---------------------------------------------------------
		FICHE BP
----------------------------------------------------------*/
#main-col.maincol-bp{ border-top-color:#71b73a;}
#main-col.maincol-bp h1{ background-color:#71b73a; font-size: 2em;}
.btn-bp {
    color: #fff;
    background-color: #71b73a;
    border-color: #71b73a;
}
.btn-bp:hover {
    color: #fff;
    background-color: #54882B;
    border-color: #54882B;
}
.fbp-encartCommercant{ border-top:solid 5px #438dcc; min-height: 600px; background-color: #f5f5f5; padding: 5px; font-size: 0.8em;}

#secondary-col h2.commerce-name{ text-transform: uppercase; display: block; padding: 10px; color:#fff; background-color:#438dcc; line-height: 1em; font-weight: bold; font-size: 1.5em;}



/*---------------------------------------------------------
		LISTING BP
----------------------------------------------------------*/

.header .breadcrumb-item+.breadcrumb-item::before{color:#fff!important}

.header-bp{ background-color:#71b73a; color:#fff; padding: 50px 0}
.header-bp h1{ text-transform: uppercase; font-weight:bold;}
.header-bp .breadcrumb{ background-color:transparent; position: relative; top: -10px; margin: 0; padding: 0;}
.header-bp .breadcrumb *{ color:#fff!important;}


	.grid {
		width: 100%;
	}
	
	.grid-item {
		width: 25%;
	}
	
	.grid-item--width2 {
		width: 400px;
	}

	
	/* ---- isotope ---- */
	
	.grid {
		background: #EEE;
		/*max-width: 1200px;*/
	}
	/* clear fix */
	
	.grid:after {
		content: '';
		display: block;
		clear: both;
	}
	/* ui group */
	
	.ui-group {
		display: inline-block;
	}
	
	.ui-group h3 {
		display: inline-block;
		vertical-align: top;
		line-height: 32px;
		margin-right: 0.2em;
		font-size: 16px;
	}
	
	.ui-group .button-group {
		display: inline-block;
		margin-right: 20px;
	}
	
	
	.filtres{padding: 20px; width:100%;}
	
	 
.checkbox-grid{margin: 0; padding: 0;}
	.checkbox-grid li {
    display: block;
    float: left;
    width: auto;
		margin-bottom: 10px;
}
	.ms-drop input[type=checkbox], .ms-drop input[type=radio] {
    margin: 0 6px 0 4px!important;
}
	.ms-choice {
    height: 34px!important;
    line-height: 34px!important;
}
	
	.ms-choice > div {
    top: 5px!important;
}

.ms-drop ul > li.group {
    padding-top: 15px;
}
.ms-drop ul > li.multiple {
    padding-left: 15px;
}



.grid .item.card-bp{ padding: 15px; }
.grid .item.card-bp > a{ box-shadow: 0 0 8px rgba(0,0,0,0.5) }
.grid .item.card-bp > a > div {
    height: 100px;
	border-left:solid 20px #406821;
}
.grid .item.card-bp.bp > a > div {border-left-color:#406821;}
.grid .item.card-bp.city-pass > a > div {border-left-color:#f90606;}
.grid .item.card-bp.congres > a > div {border-left-color:#cbbba0;}

@media (max-width: 768px) {
	.grid .item{width: 100%;}	
}
@media (min-width: 768px) {
	.grid .item{width: 50%;}	
}
@media (min-width: 1200px) {
	.grid .item{width: 33.33%;}	
}

/*.grid .item img{max-width:100%!important; height: auto!important; display: none; }*/

/*---------------------------------------------------------
		LISTING ACTU
----------------------------------------------------------*/



.header-actu{ background-color:#f49819; color:#fff; padding: 50px 0}
.header-actu h1{ text-transform: uppercase; font-weight:bold;}
.header-actu .breadcrumb{ background-color:transparent; position: relative; top: -10px; margin: 0; padding: 0;}
.header-actu .breadcrumb *{ color:#fff!important;}

/*---------------------------------------------------------
		LISTING FLUX ACTU
----------------------------------------------------------*/
.btn-coloractu {
    color: #fff;
    background-color: #f49819;
    border-color: #f49819;
}
.btn-coloractu:hover {
    color: #fff;
    background-color: #c57d1a;
    border-color: #c57d1a;
}

#filtres{padding:30px;min-width: 0;}
#filtres li a {
    padding: 6px 6px;
    margin: 0 0 2px 2px;
    background-color: #CCC;
    color: #fff;
	display: block;
	text-decoration: none;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	padding-right: 50px;	
}
#filtres li.active a,#filtres li a:hover {
    background-color: #f49819;
}

#filtres li a span.badge{
    background-color: #fff;
    color: #333;
	text-align: center;
	min-width: 26px;
	position: absolute;
    right: 10px;
}
section.cd-timeline{ width: 100%!important;}
.cd-timeline .typeofevent {margin: 0;position: relative;top: -6px; font-weight: bold;} 

.cd-timeline__content img { max-height: 90%;}

/*---------------------------------------------------------
		LISTING CINEMA
----------------------------------------------------------*/

ul.media-list{ margin: 0; padding: 0;}
ul.media-list li{ padding: 20px; }

ul.media-list li a{ color:inherit!important; text-decoration: none!important; display: block;}
ul.media-list li:hover{ background-color: #eee;}
ul.media-list li .media-body { padding-left: 20px;}

ul.media-list-cine li:nth-child(even){ background-color: #f5f5f5}


@media (max-width: 768px) {
	
}
@media (min-width: 768px) {
	
}
@media (min-width: 992px) {
	ul.media-list-cine li{ width: 50%; float: left;}
	ul.media-list-cine li:nth-child(2n+1){ clear: both;}
	ul.media-list-cine li:nth-child(even){ background-color: transparent}
	ul.media-list-cine li:hover{ background-color: #eee;}
}
@media (min-width: 1200px) {
	
}


/*---------------------------------------------------------
		LA VILLE
----------------------------------------------------------*/

/* Gallery */
.lightboxgallery-gallery {
  display: block;
  margin: 60px -10px;
}
.lightboxgallery-gallery-item {
  cursor: zoom-in;
  display: block;
  float: left;
  width: 25%;
}

.lightboxgallery-gallery-item > div {
    overflow: hidden;
}
.lightboxgallery-gallery-item > div { height: 200px; }

@media only screen and (max-width : 767px) {
  .lightboxgallery-gallery-item {
    width: 33.3333%;
  }
	.lightboxgallery-gallery-item > div { height: 100px; }
}

@media only screen and (max-width : 479px) {
  .lightboxgallery-gallery-item {
    width: 50%;
  }
	.lightboxgallery-gallery-item > div { height: 100px; }
}

.lightboxgallery-gallery-item img {
  width: 100%;
}

.lightboxgallery-gallery-item > div {
  position: relative;
  margin: 10px;
}

.lightboxgallery-gallery-item > div:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);
  opacity: 0;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}

.lightboxgallery-gallery-item:hover > div:after {
  opacity: 1;
}

.lightboxgallery-gallery-item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}

.lightboxgallery-gallery-item:hover .lightboxgallery-gallery-item-content {
  opacity: 1;
}

.lightboxgallery-gallery-item-title {
  display: block;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.2;
  font-weight: bold;
  letter-spacing: 1px;
}

.content-text{ max-width: 1000px; margin: auto; background: url(https://sitev2.boutic-app.fr/sitev2/public/img/bg-degrade.jpg) 0 0 repeat-x;}
.content-text img{ height: auto!important; max-width: 100%!important;}
.content-text iframe {max-width: 100%!important;}

.row.page-content {background: url(https://sitev2.boutic-app.fr/sitev2/public/img/bg-degrade.jpg) 0 0 repeat-x #fff;}

/*---------------------------------------------------------
		LISTING COMMERCE
----------------------------------------------------------*/



.header-commerce{ background-color:#438dcc; color:#fff; padding: 50px 0}
.header-commerce h1{ text-transform: uppercase; font-weight:bold;}
.header-commerce .breadcrumb{ background-color:transparent; position: relative; top: -10px; margin: 0; padding: 0;}
.header-commerce .breadcrumb *,.header-commerce .breadcrumb-item+.breadcrumb-item::before{ color:#fff!important;}

ul.commercelist{ margin-bottom: 0px;}
ul.commercelist li{ border-bottom: solid 1px #eee;}
ul.commercelist li:nth-child(even){ background-color: #f5f5f5;}
ul.commercelist li:hover, ul.commercelist li.active {background-color: #438dcc;}
ul.commercelist li:hover *, ul.commercelist li.active *{color: #fff;}

ul.commercelist .listing-ctaction{background-color: rgba(255,255,255,0.7); text-align: right; clear: both; flex: none; padding: 1px;}
ul.commercelist .listing-ctaction a{display: inline-block; padding: 10px; background-color: #438dcc; color:#fff!important; margin-left: 1px;}
ul.commercelist .listing-ctaction a:hover{ background-color: #fff; color: #333!important;}
ul.commercelist .listing-ctaction a:hover i{ color: #333!important;}

span.number-list {background-color:#438dcc; padding: 4px 10px; display: inline-block; color:#fff; border:solid 1px #fff;}

#container-pager {background-color: #3671a3; padding: 10px;}
#container-pager ul.pagination{ margin-bottom: 0; float: right;}
#container-pager ul.pagination li.active {background-color: #438dcc; border-color: #438dcc;}

#number-result {float: left; color: #fff;}

.simple-pagination li> span{
position: relative;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    position: relative;
    display: block;
    color: #007bff;
    background-color: #fff;
	border: 1px solid #dee2e6;
}
#container-pager ul.pagination li.active > span {background-color: #438dcc; border-color: #438dcc; color: #fff;}

.filtres-comm{padding:0 0 0 10px;min-width: 0; font-size: 0.8em;}
.filtres-comm li{}
.filtres-comm li a {
    padding: 4px 6px;
    margin: 0 0 2px 2px;
    background-color: rgba(0,0,0,0.2);
    color: #fff;
	display: block;
	text-decoration: none;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	padding-right: 50px;
	max-width: 180px;
	opacity: 1;
	/*border:solid 1px transparent;*/
}
.filtres-comm li.active a,.filtres-comm li a:hover {
    background-color: rgba(0,0,0,0.2);
	opacity: 1;
	/*border:solid 1px #fff;*/
}

.filtres-comm li a span.badge{
    background-color: #fff;
    color: #333;
	text-align: center;
	min-width: 20px;
	position: absolute;
    right: 10px;
	top: 7px;
}
.filtres-comm li.active a,.filtres-comm li a:hover {
    background-color: #fff;
	color:#333;
	opacity: 1;
	/*border:solid 1px transparent;*/
}
.filtres-comm li.active a span.badge,.filtres-comm li a:hover span.badge{
    background-color: #3671a3;
	color:#fff;
}


@media (max-width: 992px) {
	
	ul.commercelist li{ display: block;}
	ul.commercelist li >*{ float: none;}
	ul.commercelist li > a{ margin: 0 0 20px 0;}
	ul.commercelist li > div{ padding: 0!important;}
	
	#list-col {max-height: none!important; overflow-x: hidden!important; overflow-y: hidden!important;}
	ul.commercelist{ margin-bottom: 20px;}
	
	
}

/*---------------------------------------------------------
		FICHE ACTU
----------------------------------------------------------*/

.maincol-actu{    border-top-color: #c57d1a!important;}
.maincol-actu p + br{ display: none;}
.maincol-actu br + br{ display: none;}


/*---------------------------------------------------------
		LISTING RECHERCHE
----------------------------------------------------------*/



.header-recherche{ background-color:#e71d73; color:#fff; padding: 50px 0}
.header-recherche h1{ text-transform: uppercase; font-weight:bold;}
.header-recherche .breadcrumb{ background-color:transparent; position: relative; top: -10px; margin: 0; padding: 0;}
.header-recherche .breadcrumb *,.header-recherche .breadcrumb-item+.breadcrumb-item::before{ color:#fff!important;}

ul.bplist{ margin-bottom: 0px;}
ul.bplist li{ border-bottom: solid 1px #eee;}
ul.bplist li:nth-child(even){ background-color: #f5f5f5;}
ul.bplist li:hover, ul.bplist li.active {background-color: #71b73a;}
ul.bplist li:hover *, ul.bplist li.active *{color: #fff;}

ul.prodlist li:hover, ul.prodlist li.active {background-color: #dab800;}
ul.prodlist li:hover *, ul.prodlist li.active *{color: #fff;}
ul.prodlist li a img{
    object-fit: cover;
  width: 100%;
  height: 200px;}

ul.bplist .listing-ctaction{background-color: rgba(255,255,255,0.7); text-align: right; clear: both; flex: none; padding: 1px;}
ul.bplist .listing-ctaction a{display: inline-block; padding: 10px; background-color: #71b73a; color:#fff!important; margin-left: 1px;}
ul.bplist .listing-ctaction a:hover{ background-color: #fff; color: #333!important;}
ul.bplist .listing-ctaction a:hover i{ color: #333!important;}

ul.bplist span.number-list {background-color:#71b73a; padding: 4px 10px; display: inline-block; color:#fff; border:solid 1px #fff;}
ul.prodlist span.number-list {background-color:#dab800; padding: 4px 10px; display: inline-block; color:#fff; border:solid 1px #fff;}


#pillsRecherche{}
#pillsRecherche a:hover.commBgColored,#pillsRecherche a.active.commBgColored{ background-color:#438dcc; color: #fff; }
#pillsRecherche a:hover.bpBgColored,#pillsRecherche a.active.bpBgColored{ background-color:#71b73a; color: #fff; }
#pillsRecherche a:hover.prodBgColored,#pillsRecherche a.active.prodBgColored{ background-color:#dab800; color: #fff; }
#pillsRecherche .nav-link {font-size: 20px;text-transform: uppercase;font-weight: bold; color:#bbb; background-color: #eee}
#pillsRecherche .nav-item {margin: 1px;}

.list-separator { padding: 10px; margin-bottom: 20px;}
.list-separator h6 {float: left; color: #fff; font-size: 24px; font-weight: normal}
.list-separator div {float: right!important;}

#commercesList .list-separator{background-color: #438dcc;}
#bonsplansList .list-separator{background-color: #71b73a;}
#produitsList .list-separator {background-color: #dab800;}

.page-recherche ul.commercelist{margin-bottom: 20px!important;}
.page-recherche ul.bplist{margin-bottom: 20px!important;}

.page-recherche ul.commercelist li, .page-recherche ul.bplist li{border: solid 1px #fff;}



/*---------------------------------------------------------
		FICHE CINE
----------------------------------------------------------*/
ul.horaires-cine {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #EEE;
}
ul.horaires-cine > li > div {
    background-color: #f49819;
    color: #fff;
    padding: 0px 5px;
    font-size: 11px;
    margin: 4px 0px;
}
ul.horaires-cine > li > ul{
	padding: 2px 5px 0px!important;
}
ul.horaires-cine > li > ul > li {
    background-color: #fff;
    color: #333;
    width: 60px;
    height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-top: 2px;
    margin-bottom: 4px;
    margin-right: 4px;
}
ul.horaires-cine > li > ul > li > span {
    display: block;
    font-size: 9px;
    font-weight: normal;
}

.btn-actu {
    color: #fff;
    background-color: #c57d1a;
    border-color: #c57d1a;
}
.btn-actu:hover {
    color: #fff;
    background-color: #c57d1a;
    border-color: #c57d1a;
}
.btn-retour a {
    color: #fff; text-decoration: none;
    
}
/*---------------------------------------------------------
		BLOC NEWSLETTER
----------------------------------------------------------*/
section#newsletter{margin: 0!important; padding:0px 0 10px!important;  background: url(https://sitev2.boutic-app.fr/sitev2/public/img/bg-infos.png) 0% 50% no-repeat #999; }
section#newsletter iframe{ max-width: 900px; margin: auto; display: block;   }

/*---------------------------------------------------------
		LISTING PRODUITS
----------------------------------------------------------*/
.header-prod{ background-color:#dab800; color:#fff; padding: 50px 0}
.header-prod h1{ text-transform: uppercase; font-weight:bold;}
.header-prod .breadcrumb{ background-color:transparent; position: relative; top: -10px; margin: 0; padding: 0;}
.header-prod .breadcrumb *{ color:#fff!important;}


#accordion{width:100%;}
#filtres-catprod{top:95px; z-index: 1; padding: 0; margin-top: 15px;}
#filtres-catprod .list-sscatprod, #filtres-catprod .list-sscatprod li, #filtres-catprod .card, #filtres-catprod .card-header {border:none; background-color: transparent;}
#filtres-catprod .card-header{background-color:#dab800; color:#fff; padding: 0px; margin-bottom: 2px; position: relative;}
#filtres-catprod .card-header button{text-decoration: none; color:#fff; padding: 4px 10px; width:100%; text-align: left}
#filtres-catprod .card-header button:hover{font-weight:bold;}
/*#filtres-catprod .card-header button:after{content:"\f054"; font-family: FontAwesome; font-size:0.7em; font-weight: normal;position: absolute; right: 5px; top:10px; transition: all 0.3s;transform: rotate(-90deg)}*/
#filtres-catprod .card-header button:after{ position: absolute; right: 5px; top: 15px; transition: all 0.3s; transform: rotate(-180deg); display: inline-block; width: 0; height: 0; margin-left: .255em;   vertical-align: .255em; content: ""; border-top: .4em solid; border-right: .4em solid transparent; border-bottom: 0; border-left: .4em solid transparent;}
/*#filtres-catprod .card-header button.collapsed:after{transform: rotate(90deg)}*/
#filtres-catprod .card-header button.collapsed:after{transform: rotate(0deg)}
#filtres-catprod .list-sscatprod {margin-bottom:30px;}
#filtres-catprod .list-sscatprod li{border-bottom: solid 1px #eee;}
.list-sscatprod li { padding:0;}
.list-sscatprod a{ display: block; padding: 5px 15px; width: 100%;}
#filtres-catprod a:hover{ font-weight:bold}
#filtres-catprod span.badge{ position: absolute; right: 25px; background-color:#dab800; top:6px;}
#filtres-catprod a {color:#222; text-decoration: none;}

#filtres-catprod .btn-cat{position: relative; margin-bottom: 2px;}
#filtres-catprod .btn-cat a{text-decoration: none; color: #fff; padding: 8px 10px; width: 100%; text-align: left;background-color:#dab800;}
#filtres-catprod .btn-cat span.badge, #filtres-catprod .card-header span.badge{background-color: #fff;color:#dab800; top:8px!important; right: 25px;}

#container-pager.prod-pager {background-color: #ab9000; top:78px;z-index: 1;}
#container-pager ul.pagination li.active {background-color: #dab800; border-color: #dab800;}
#container-pager.prod-pager ul.pagination li.active > span {background-color: #dab800;border-color: #dab800;}
#container-pager.prod-pager .simple-pagination li> span, #container-pager.prod-pager .simple-pagination li .page-link{color:#222}

#filtres-catprod .card-header button, #filtres-catprod .list-sscatprod a, #filtres-catprod .btn-cat a{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; display: inline;
padding-right: 52px;
}

#filtres-catprod .btn-cat.active a, #filtres-catprod .btn-link.active{background-color:#ab9000;}
#filtres-catprod li.list-group-item.active a{font-weight: bold;}


/*---------------------------------------------------------
		FICHE PRODUIT
----------------------------------------------------------*/
#main-col.maincol-prod{ border-top-color:#dab800;}
#main-col.maincol-prod h1{ background-color:#dab800; font-size: 2em;}
.btn-prod {
    color: #fff;
    background-color: #dab800;
    border-color: #dab800;
}
.btn-prod:hover {
    color: #fff;
    background-color: #ab9000;
    border-color: #ab9000;
}

/*section{padding: 0; margin: 80px 0;}*/
.fc-encart{display:flex; flex-flow: wrap; min-height: inherit; padding: 20px; }
.fc-encart-prod{ border-top:solid 5px #dab800;}
.fc-encart > h2{font-size:1.0em; position: absolute; top: -36px;left: 0;position: absolute;border-radius: 0!important; text-align: left;  color:#fff; padding: 10px; display: inline-block; left: 15px; top:-30px;}
.fc-encart-prod > h2{background-color:#dab800;}
.fc-encart > .card-bp{flex: auto; max-width:100%;}		
.fc-encart > .card-prod{flex: auto; max-width:100%;}
@media (min-width: 768px){				
	.fc-encart > .card-bp{flex: auto; max-width:50%;}		
	.fc-encart > .card-prod{flex: auto; max-width:50%;}
}
@media (min-width: 992px){				
	.fc-encart > .card-bp{flex: auto; max-width:33.33%;}		
	.fc-encart > .card-prod{flex: auto; max-width:33.33%;}
}
@media (min-width: 1480px){				
	.fc-encart > .card-bp{flex: auto; max-width:25%;}		
	/*.fc-encart > .card-prod{flex: auto; max-width:25%;}*/
}
.card-prod{ padding: 20px;   }
.card-prod > a{ display: block; transition: all 0.2s;background-color: #fff; box-shadow: 0px 0px 8px rgba(0,0,0,0.3); height: 100%; display: flex; flex-flow: column; height: 100%;}
.card-prod > a:hover{ text-decoration: none; transform: scale(0.9);}
.card-prod > a > div{  max-height: none; background-color: #fff;  color:#222; position:relative; padding: 20px 20px 20px; flex: 1 1 auto;}
.card-prod h2{ text-transform: none; line-height: 1em; font-size: 1.4em; }
.card-prod .descr-prod{ margin-bottom: 10px; }
.card-prod .prix-prod{ color:#222; text-align: right; font-size:2em; font-weight: bold;flex: 0 1 40px; padding: 0 20px 20px 0;}
.card-prod img.img-fluid{ min-width: 100%; flex: 0 1 auto; 
    object-fit: cover;
  width: 100%;
  height: 200px;
}
#main-col.maincol-prod .imgs-bloc >a { display: block; text-align: center; padding: 5px;}
#main-col.maincol-prod .imgs-bloc >a img{ box-shadow: 0px 0px 5px rgba(0,0,0,0.3); border: solid 5px #fff;}

#caroussel-bp.caroussel-prod .item > a > div{background-color: #dab800;}
#caroussel-prod .item > a > img{ 
    object-fit: cover;
  width: 100%;
  height: 200px;}
.catalogBtn{
    padding: 0 0 20px 0;
    text-align: right;
   
}

fieldset.commande{
    font-size: 0.8rem;
    border-radius: 5px;
    border: solid thin #e6e6e6;
    padding:5px;
    margin-bottom: 10px;
    
}
fieldset.commande legend{
    width: auto;
    
    padding: 2px;
    margin-left: 5px;
}
fieldset.commande img{
     max-width:50px;
   height: auto;
    padding-right: 5px;
    
}
fieldset.commande div.btn{
    white-space:normal
    
}
fieldset.commande div{
    padding : 2px;
    
}
fieldset.commande div.col-2{
    text-align: right;
    
}
fieldset.commande a:hover{
 text-decoration: none
}
.autreprod{
    background-color: #dab800;
    color: #FFFFFF;
    padding : 2px 0 2px 0;
}
div#autresProd > .form-row:nth-child(odd) { background-color: #f1f1f1;}