.conteneurvid{
  height:75vh;
    width:100%;
    position: relative;
}

.encadre{
 
}
video { 
    position: absolute;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 70vh;
    object-fit: cover;
    object-position: center;
    
}

div#fashion {

    z-index:10;
  display: flex;
bottom: -22px;
  align-items: flex-end;
  justify-content: center;
   
position: absolute;
width: 100%;
}



.marginw {

    margin: 0;
    font-family: 'Quicksand', cursive !important;

}

label{
    font-size:1em;
    color:whitesmoke;
    font-weight:400 !important;
        margin: 10px 8px !important;
   
}

.radio{
    margin:0px !important;
    padding-left:5px;
   
}

.encadre{
	width:92%;margin:0px auto;background: #5a5349;
}







.flex-center {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}




.annonce-conteneur {
  
    text-align: left;
    margin-bottom: 0px;
    width: 92%;
        background-image: none;
    transition: 0.4s all;
    padding: 0;
    background: #5a5349;
	font-family: "quicksand";

border-bottom: 1px solid #75726f;
}


.annonce-conteneur .par2 {
    width: 50%;
	margin:0;
	padding: 0;
}

.annonce-conteneur .par3 {
    padding: 0;
	width:33.3%;
}


#pop-info, .annonce-conteneur a {
    color: white;
}



.annonce-conteneur h3{
	font-size: 1.7em;
color: white;
font-weight: 400;
text-decoration: underline;
font-family: "quicksand";
background: none;
box-shadow: none;
margin: 0;
}

.annonce-conteneur p{
	font-size:1.2em;
	color:white;
	background:transparent !important;
	padding: 5px 10px !important;
	margin: 0;
border: none;
text-align:center;
}

.annonce-conteneur p span{
	font-size:13px;
}

.annonce-conteneur strong{
	font-size:1.35em;
	color:#2bb04a;
	
}

.annonce-conteneur .btn-info, .annonce-conteneur .btn-info:visited, .annonce-conteneur .btn-info:active, .annonce-conteneur .btn-info:focus {
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px;
    border: none;
    white-space: normal;
    width: 100%;
    height: 100%;
	background: #b0cb4b !important;
	box-shadow: none;
	color: white !important;
	margin:0 !important;
	border: 1px solid #75726f !important;
}


.annonce-conteneur .btn-info:hover {
background: #cbec50 !important;
color: #5a5349 !important;
}


.info-glyph, .annonce-conteneur .far {
    width: 100%;
    transition: all 0.4s;
    font-size: 4.5em !important;
    color: #5a5349;
    margin-bottom: 5px;
	
	
}


a:hover .info-glyph {
    color: #5a5349;
}

.btn-info span {
    font-size: 11px;
    display: block;
    line-height: 1.8;
}


/*pop-up css*/

.pop-container{
	font-family: quicksand;
}

.pop-container h4{text-align:center;}

.pop-container h3 {
    font-size: 3em;
    margin-top: 0;
    font-family: "Quicksand";
    padding: 15px 10px;
    color: #5a5349;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    margin: 10px;
	text-transform:capitalize;
}

.pop-container  p{
	color:black;
	padding: 5px 15px;
margin: 0;
}

.pop-container .flex-center {
    margin: 15px 0;
}


.pop-container .par2 {
    width: 46%;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    background: #5a5349;
    color: white;
    border: 1px solid white;
    font-weight: 500;
	margin: 0px;
}


.pop-container i {
    font-size: 3.2em;
    padding: 0px;
        padding-right: 0px;
    text-align: center;
    display: block;
    color: white;
    padding-right: 15px;
}


/*RESPONSIVE CONTENEUR ANNONCE*/



@media screen and (max-width: 1467px) {
    .annonce-conteneur p {
        font-size: 1.1em;
        margin: 0;
        padding: 2px;
        font-weight: 400;
padding-right: 25px;
    }

    .info-glyph, .annonce-conteneur .far {
        font-size: 5em !important;
    }


    .btn-info {
        font-size: 1.05em;
        font-weight: bold;
        padding: 10px;
        max-height:200px;
        margin-top: 5px;
    }

   
}


@media screen and (max-width: 1267px) {
	
	.rev_slider, .rev_slider_wrapper{
		height: 55vh !important;
	}
	
	.annonce-conteneur h3 {
    font-size: 1.5em;
	}
	
    .annonce-conteneur p {
        padding:5px !important;
		font-size:1em;
        margin: 0;

    }

    .info-glyph, .annonce-conteneur .far {


        font-size: 3em !important;

    }
	
	.btn-info, .btn-info:visited, .btn-info:focus, .btn-info:active{
		background:rgba(23,162,184,1) !important;
	}
	
	.btn-info:hover{
		box-shadow:none;
		background: #ffffff14 !important;
	}

    .annonce-conteneur, .encadre {
        width: 100%;
    }
	
	.annonce-conteneur, #fashion, video{
position:relative !important;
        text-align: left;
display: block;
bottom: auto !important;
    }
}


@media screen and (max-width: 997px) {
    .annonce-conteneur p {
        font-size: 1.15em;
        padding-right:10px;
		text-align: center;
		font-weight: 500;
    }
    .annonce-conteneur .flex-center{margin-bottom:0px; padding:0;}
    
	.annonce-conteneur .par2{
		width:100%;
		margin: 0;
text-align: center;
	}
	
	
    
    .annonce-conteneur .flex-even{
        flex-wrap: wrap-reverse;

-webkit-flex-wrap: wrap-reverse;

-ms-flex-wrap: wrap-reverse;
    }
    
   
    
    .ln-4 {
        line-height: 2;
    }
    
    
    .annonce-conteneur .btn{
        margin:0;
      
    }
    
  

    .conteneurvid {
      height: auto;
        width: 100%;
    }

    .info-glyph, .annonce-conteneur .far {


        font-size: 3em !important;

    }

    .btn-info {
        font-size: 1em;
        font-weight: bold;
        padding: 10px;
        margin-top:0;
    }

    
    
}

@media screen and (max-width: 767px) {
    .annonce-conteneur {
        bottom: 0px;
background: #5a5349;
        margin-bottom: 0px;
    }

    .info-glyph, .annonce-conteneur .far {


        margin: 10px 0;

    }
   

}





























@media (max-width: 1200px) {
	.encadre{width:100%;}
	

	
}


@media (max-width: 900px) {
	
	#fashion{
		flex-flow:wrap;
		position:relative !important;
		width:100%;
		bottom: auto !important;
	}
	
	.annonce-conteneur, .encadre {position:relative; width:100%}
	
	.conteneurvid{height:auto;}
	
	video{position:relative;
	height:60vh;}
	
}