@import url("//static.bexter.fr/.framework/themes/silver/assets/plugins/animate.css");

/* COULEUR ETIQUETTE */
.badgeImmo {
    background: rgba(144,14,27,0.7) !Important;
}

/* COULEUR MENU ------------------------------------- */
#topWRAPPER, #top{
    //background: #019b83;
}   

.numero .icon-light {
    margin-left: 6px !important;
}

.numero, div.bbdynasuite a, .blocBOTTOM a {
    color: #900f1c !important;
}

/* COULEUR PIED DE PAGE ------------------------------------- */
.numero, div.bbdynasuite a, .blocBOTTOM a{
    color:#900f1c;
} 

/* SI SOUS MENU PAS ASSEZ LARGE ------------------------------------- */
#smenu li ul li a {
    //min-width: 200px;
}

/* ----------------CARROUSEL ---------------------- */
#carouselPREMIUM, #carouselPREMIUMEXCLU, #carouselPREMIUMEXCLUSIF{
    background:none;
    border: 1px solid #dbdbdb;
}
  
#carouselPREMIUM .bouton {      
    float: left;
    width: 100%;
}

#carouselPREMIUM .icon-arrow-right:before{
    content:"En savoir plus";
    font-family: 'Asap', sans-serif;
}

/*---- COULEUR TEXTE FOOTER ------ */
#footer ul li a {
    color: #ffffff !important;
}

#footer ul li a:hover {
    color: #ffffff !important;
	border-bottom: solid 1px #ffffff;
}

#backtotop a {
    color: #ffffff !important;
}

#backtotop a:hover {
    color: #ffffff !important;
	border-bottom: solid 1px #ffffff !important;
}

#blocCOORDONNEES .blocTOP span [class*="icon-"] {
    color: #900f1c;
}

#blocCAROUSEL .blocTOP span [class*="icon-"] {
    color: #900f1c;
}


.selectionBLOC.radius H2 {
    color: #900f1c !important;
}

#carouselPREMIUM, #carouselPREMIUMEXCLU, #carouselPREMIUMEXCLUSIF {
    background: rgba(255, 255, 255, 0.35) !important;
    border: 1px solid #ffffff !important;
}

/* ----------------POSITION SLIDER ---------------------- */

/* TOP ------------------------------------- */
#sliderWRAPPER .slide-2 img{
 top:0% !important;
}
/* CENTER ------------------------------------- */
#sliderWRAPPER .slide-0 img, #sliderWRAPPER .slide-1 img{
  margin: auto !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important;
}


  
/* ------------------------------------------------------- */
/* BLOCS PAGE ACCUEIL */
/* ------------------------------------------------------- */
.blocACCUEIL1 span, .blocACCUEIL2 span, .blocACCUEIL3 span{
	height:auto !important;
	height:50px;
	min-height:50px;
	line-height:50px;
	vertical-align:middle;
	display:inline-block;
	font-size:20px;
	color:#6a1138;
	margin:auto;
}
.blocACCUEIL1 a, .blocACCUEIL2 a, .blocACCUEIL3 a{color:#FFF;}
.blocACCUEIL1 a:hover, .blocACCUEIL2 a:hover, .blocACCUEIL3 a:hover{color:#FFF; text-decoration:none;}

.blocACCUEIL1,
.blocACCUEIL2,
.blocACCUEIL3{
	/*border:3px solid white;*/
	height:auto !important;
	height:100px;
	min-height:100px;
	padding:5px;
	text-align:center;
}

.blocACCUEIL1{background:#046404;}
/*.blocACCUEIL1:hover{background:#39899c; cursor:pointer;}*/

.blocACCUEIL2{background:#046404;}
/*.blocACCUEIL2:hover{background:#65b5c8; cursor:pointer;}*/

.blocACCUEIL3{background:#046404;}
/*.blocACCUEIL3:hover{background:#39899c; cursor:pointer;}*/


.blocACCUEIL1:before,
.blocACCUEIL2:before,
.blocACCUEIL3:before{
	/*content: "D�couvrez nos annonces";*/
    display: block;
	position:absolute;
	bottom:15px;
	left:15px;
	right:15px;
    height: 30px;
	line-height:30px;
	color:#fff;
	background-color: rgba(0, 0, 0, 0.6);
}

.blocAccueil{/*background:#FFF;*/ border:0px solid #EEEEEE; padding:0px 0px 0px 0px;}
/*.blocAccueil p{padding:10px;}*/
.blocIMG{position:relative; margin-bottom:10px;}
.titreH2{position:absolute; bottom:0px; left:0; background-color: rgba(144, 15, 28, 0.75); /*background-color: rgba(11, 63, 136, 0.70);*/ text-align:center; font-size:20px; padding:10px; font-weight:normal; width:100%; text-transform:uppercase; color:#fff;}
.titreH2 a{color:#6a1138;}

p.bbdynasuite {text-align:center; text-transform: none; margin-top:10px; font-size:12px; width:auto;}
/*.bbdynasuite {float:none !important;}*/

/*p.bbdynasuite:after{
	content: "\f054";
	font-family: FontAwesome;
	color:#e30617;
	font-style: normal;
	font-size: 10px;
    padding-left: 0.2em;
    position:relative;
    top:0px;
    left:0px;
}*/

p.bbdynasuite a{color:#555555; font-weight:normal;}

p.bbdynasuite a:hover{color:#be0411;}

div.bbdynasuite:after{
	content: "\f0da";
	font-family: FontAwesome;
	color:#046404;
	font-style: normal;
	font-size: 10px;
    padding-left: 0.2em;
    position:relative;
    top:0px;
    left:0px;
}


.bbdynasuite .icon-double-angle-right{display:none;}

.balancement:hover {
	-webkit-transition: all .3s cubic-bezier( .6, 2, .4, 1);
    -moz-transition: all .3s cubic-bezier( .6, 2, .4, 1);
	-ms-transition: all .3s cubic-bezier( .6, 2, .4, 1);
	-o-transition: all .3s cubic-bezier( .6, 2, .4, 1);
	transition: all .3s cubic-bezier( .6, 2, .4, 1);  
  
  
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.bgimgCOVER {
	background-size: contain !important;
	background-position: top;
	background-repeat: no-repeat;
  }


/* LOGO ------------------------------------- */
@media (min-width: 990px) {
/*
#logoHEADER {
  
    float: left;
    position: absolute;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    top: -30px;
    left: 0;
    z-index: 999;
	background:#fff;
	text-align:center;
	width:auto;
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.20); 
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius:  8px 8px 8px 8px;
	border-radius:  8px 8px 8x 8px; 
  */
  
  #smenu > li > a:hover {
    border-bottom: solid 2px #900f1c;
}

}
/* LOGO MARGE-----------------------
#logoHEADER img{margin:10px 10px 8px 10px;}
*/
#logoHEADER img{margin:30px 0px 0px -30px;}    

.bgimgCOVER {
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  }




/* ------------------------------------------------------------ */
/* SMARTPHONE - TABLETTE */
/* ------------------------------------------------------------ */
@media (max-width: 989px) {
	/* CHANGEMENT COULEUR ------------------------------------- */
	#top {
		display:block !important;
	}	
	
	#topSOCIAL{ text-align:center;}
	
	body{
		background:#fff;
		font-size:13px;
	}
	
	#bg{ 
		display:none;
	}
	
	/* DISPLAY HEADER */
	#header{
		display:none;
	}
	
	/* AFFICHE LOGO */
	.navbar-brand{
		display:block;
	}

	
	/* CHANGEMENT COULEUR FOND BARRE DE MENU ------------------ */
	.navbar {
		-moz-border-radius: 0px;
		-webkit-border: 0px;
		border-radius: 0px;
		background:#fff;
		text-align: left;
		
		padding:0px;
		margin: 0px;
	}
	
	#logoHEADER{
	display:none;
	}
	
	#menuHEADER{
		float:none;
		/*display:block;*/
	
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	
	}
	
	#smenu{
		display:table;
		width: 100%;
		text-align: left;
		font-family: 'Asap', sans-serif;
		font-size:16px;
		text-transform:none;
		margin:0px;
		padding:10px;
	}
	#smenu ul{
		list-style:none;
		list-style-image: none;
		padding:0px;
		text-indent:10px;
	}
	
	.nav-justified > li {
		width: 100%;
		text-align: left;
		margin:0px;
		padding:0px;
	}
	
	
	/* COULEUR MENU */
	#smenu li{
		background:#fff;
	}
	
	#smenu li a{
		text-decoration:none;
		display:block;
		padding:10px;
		color:#ffffff;
		background: #fff !important;
	}
		
	/* COULEUR SURVOL MENU */
	#smenu li:hover a, #smenu li li:hover a{
		color:#ffffff;
		background:#fff;
	}
		
	/* COULEUR SOUS-MENU */
	#smenu li:hover li a{
		color:#404040;
		text-transform:inherit;
		background:#fff;
		-moz-border-radius: 0px;
		-webkit-border: 0px;
		border-radius: 0px;
	}
		
	/* GESTION SURVOL ONGLET ---------------------------------- */
	#smenu li a {
		color:#404040 !important;
		text-align: left;
		margin:0px;
		padding:5px 10px;
		background: #fff;
	}
		
	#smenu li a:hover  {
		color: #900f1c !important;
		background: #fff;
	}
	
	#smenu li a:hover, .nav li a:focus{
		background:#111111;
		-moz-border-radius: 5px;
		-webkit-border: 5px;
		border-radius: 5px;
	}
		
	#smenu li ul li a, #smenu li a:hover ul li a{
		font-size:13px;
		font-weight:normal;
		text-transform:none;
		color:#606060;
		background:#fff;
	}
		
	#smenu li ul li a:hover, #smenu li a:hover ul li a:hover{
		text-decoration:none;
		color:#900f1c;
		background:#fff;
	}
  
}


.blocAccueil .blocIMG img{
	height: 190px !important;
	object-fit: cover;
	width: 100%;
}