:root {
  /* The intrinsic width of the underline stroke (in pixels). This is 
   * the same as the height of the cap images. Don't specify the
   * units! This is because of some of the calculations we do later on. */
  --underline-intrinsic-width: 4;
  
  /* The actual width of the underline stroke we want to render (in pixels).
   * You can modify this, and the sizing and positioning should be calculated
   * accordingly. Again, Don't specify the units! */
  --underline-width: 6;
  
  /* The colour used to draw the underline. It should match the colour
   * used in the cap images... unfortunately we can't modify the SVG
   * fill via CSS because it's a background image. */
  --underline-color: #34B6B0;
  
  /* We need to know the width of the cap images so that we
   * can position everything on the x axis accordingly. */
  --underline-cap-width: 4px;
  
  /* The border is positioned relative to the bottom of the line.
   * We can move it upwards a little to create an overlap effect. */
  --underline-offset-y: -2px;
  
  /* The padding to add to the x axis. By default, the caps would be
   * aligned with the beginning and end of the line. */
  --underline-padding-x: 0.12em;
  
  /* The cap images to use that form the left and right rounded
   * shape. I guess these could be any shape, they don't
   * necessarily have to be round 🙂.
   */
/*  --cap-image-left: url(https://files-d4s40otz1.now.sh/left.svg);
  --cap-image-right: url(https://files-4vvqilj8v.now.sh/right.svg);*/
}
  
.headingU {
  display: inline;
  --underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width));
  padding: 0 calc(var(--underline-padding-x) + calc(var(--underline-cap-width) * var(--underline-width-scale)));
  box-decoration-break: clone;
  background-repeat: no-repeat;
  color: #000000;
  background-image:
    linear-gradient(180deg, var(--underline-color), var(--underline-color));
  background-position-x:
    calc(var(--underline-cap-width) * var(--underline-width-scale)),
    0,
    100%;
  background-position-y: calc(100% - var(--underline-offset-y) * -1);
  background-size:
    calc(100% - calc(var(--underline-cap-width) * var(--underline-width-scale) * 2)) calc(var(--underline-width) * 1px),
    auto calc(var(--underline-width) * 1px),
    auto calc(var(--underline-width) * 1px);
}

.headingU--2 {
  --underline-width: 8;
  --underline-offset-y: -2px;
}



/*******************************************************************/
/********************** GÉNÉRALITÉS *************************/
/*******************************************************************/
.clear{clear:both;}
body{
	font-family: 'Source Sans 3';
	font-size: 16px;
	color: #2d2d2d;
}
@media (max-width: 1200px) {
	body {
  	font-size: 18px !important;
	}
}
@media (max-width: 575.98px) { 
	.bloc-offres {
		margin: 0 15px;
	}
	.xsnopadding {
		padding: 0px;
	}
}
h1.titre{
	font-size: 30px;
	color: #2d2d2d;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
	text-align: center;
}
h2 {
	font-size: 22px;
	font-weight: bold;
}
h2.titre_bloc{
	color: #848484;
	font-weight: bold;
	font-size: 26px;
	text-align: center;
	margin-top: 0;
}
h2.ss_titre_bloc{
	font-size: 2.3rem;
	font-weight: bold;
	margin-bottom: 10px;
	text-wrap: balance;
}
h3 {
	font-size: 22px;
}
h3.titre{
	color:#2d2d2d;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}
.last-pin {
	font-size: 23px;
	color: #34B5B0 !important;
}
div-souligne {
	text-align: center;
}
.souligne, .div-souligne a {
	text-decoration: underline;
}
.souligne:hover, .div-souligne a:hover {
	text-decoration: none;
	color: white;
}
.btn {
	font-size: 16px;
}

@media (416px <= width <= 767px) {
	.cnt-ofr-large {display: none};
}

@media not (416px <= width <= 767px) {
	.cnt-ofr-long {display: none};
}

.row.spaced {
	margin-top: 30px;
	margin-bottom: 30px;
}

.card-img-top {
	width: 100%;
}

.card {
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    background-color: white;
}

.card p {
    font-size: 16px;
}

.card h5 {
    font-size: 18px;
    font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px){
	.card-body h4 {
		font-size: 16px;
	}
}

.sharesocial {
		text-align: right;
  	margin-top: 1em;
}

.p15 {
    padding: 15px;
}

.v15 {
		padding: 15px;
}
@media (max-width: 767px){
	.v15 {
		padding: 0px;
	}
}

.panel-title {
	font-size: 18px;
}

.bottombox {
    padding: 15px;
    background-color: #f3f3f3;
    margin-top: 30px;
} 

.bottombox p {
    text-align:  left;
}

.bottombox h3 {
    text-align: left;
    margin-top: 0px;
    font-weight: bold;
}

.bottombox ul {
    text-align: left;
}

.carousel-control {
	background-image: none !important;
	color: #34B6B0;
	opacity: 1;
} .carousel-control:hover {
	color: #e80445;
} .carousel-control:focus {
	color: rgb(45, 45, 45);
}

/*******************************************************************/
/********************** MODAL CONNEXION *************************/
/*******************************************************************/

#modalConnexion button.btn{
	background:#34B6B0;
	color:#fff;
}
#modalConnexion .signin a{
	color:#2d2d2d;
	text-decoration: underline;
}

/*******************************************************************/
/********************** HEADER *************************/
/*******************************************************************/

#header{
	background:#f6f6f6;
}
#header .navbar.navbar-default{
	margin-bottom: 0;
	background:#F6F6F6;
}
#header .navbar-brand.visible-xs-inline-block{
	padding-top: 2px;
	padding-bottom: 2px;
}
#header #small_logo{
	height: 48px;
}
#header .navbar-default .navbar-nav>li>a{
	color:#2d2d2d;
}
#header .navbar-default .navbar-nav>li>a i{
	width: 20px;
	text-align: center;
}
#header .navbar-default .navbar-nav>li>a i.zmdi-plus{
	width: 4px;
	font-size: 12px;
	vertical-align: top;
}
#header .navbar-default .navbar-nav>li.login>a,.div-transac i{
	color:#34B6B0;
}

@media (min-width: 355px){
	.navbar-header {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
}

.xs-mt-8 {
	margin-top: 8px !important;
}

#header .navbar-header a.lien_mobile{
	float: right;
}
#header .navbar-header a.lien_mobile.connect{
	background: #34B6B0;
	color: #fff;
	border-radius: 4px;
	padding: 5px 10px;
	margin: 9px;
}
#header .navbar-header a.lien_mobile.phone{
	background: #d0d0d0;
	color: #2d2d2d;
	border-radius: 4px;
	padding: 5px 10px;
	margin: 9px;
}
#header .logoHome img {
	margin-top: -8px;
}

.navbar-default .navbar-collapse {
	border-width: 0px !important;
}

@media (max-width: 767px){
.navbar-right li {
	padding-left: 20px;
}
}

.navbar-right li {
	font-size: 16px;
}

.navbar-toggle .icon-bar {
  transition: all 500ms ease-in-out;
}

.x:nth-of-type(2) {
  transition: all 500ms ease-in-out;
  transform: rotate(-35deg) translateX(-3px) translateY(-2px);
  transform-origin: top right;
  width: 22px;
}

.x:nth-of-type(3) {
  transition: all 500ms ease-in-out;
  transform-origin: center;
  width: 0;
}

.x:nth-of-type(4) {
  transition: all 500ms ease-in-out;
  transform: rotate(35deg) translateX(-2px) translateY(2px);
  transform-origin: bottom right;
  width: 22px;
}


/*******************************************************************/
/********************** PRESENTATION *************************/
/*******************************************************************/

#presentation{
	background-position: center center !important;
	background-size: cover !important;
	position: relative;
	width: 100%;
}
#presentation.container {
	position: absolute;
	z-index: 3;
}
#presentation.offres {
	background-image:url(../img/bg_titre_offres.jpg);
	background-position: center center !important;
	background-size: cover !important;
	padding-top: 60px;
}
#presentation.inter {
	padding-top: 105px;
	padding-bottom: 100px;
}
#presentation h1 {
	color:#fff;
	font-size: 36px;
	text-align: center;
	font-weight: bold;
	margin-top: 0;
}
@media (max-width: 567px) {
	#presentation h1 {
		font-size: 30px;
	}
}
#presentation h3{
	color:#d4d4d4;
	font-size: 11px;
	text-align: center;
	font-weight: lighter;
	margin-top: 0;
}
form.addr_bien input{
	font-size: 12px;
	box-shadow: none;
}
form.addr_bien button{
	background: #34B5B0;
	color:#fff;
	width: 100%;
	display: block;
}
form.addr_bien button:hover{
	background: #149892;
	color: #fff;
}
#presentation.advice h2{
	color:#fff;
	font-size: 20px;
}
.div-advice h2 {
	text-align: left;
}
@media (max-width: 767px){
	.div-advice h2 {
		font-size: 24px;;
	}
}

.uppertitle {
	text-wrap: balance;
}

/*******************************************************************/
/********************** BLOC HOME *************************/
/*******************************************************************/

.loc-signup,.vnt-signup{
	display: inline-block;
	padding: 10px 30px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	border: 2px solid #E80445;
	box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.08);
	perspective: 1000px;
	z-index: 1;
	position: relative;
	border-radius: 5px;
}

.loc-signup:before,.vnt-signup:before{
	content: "";
	width: 100%;
	height: 100%;
	background: #E80445;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transform-origin: left center 0;
	transition: all 0.3s ease 0s;
}
.loc-signup:hover:before,.vnt-signup:hover:before{transform: rotateY(95deg); }
.loc-signup:hover,.vnt-signup:hover{ color: #E80445;background-color: white;}

.top-block{color: white;}
.top-block h1{font-size: 46px; font-weight: bold; margin-bottom: 20px; margin-top: 80px}
.bgv {	position: absolute;	object-fit: cover;z-index: -1;left: 0px;}
.top-block,.bgv{width: 100%;height: 530px;}
.index-top {margin-top: 80px}
.top-block strike,.top-block a{	color: white;}
.d-block{ display: inline-block; text-align: left;}
.top-block h3{font-weight: bold; margin-top: 10px; margin-bottom: 0px; font-size: 24px;}
.top-block h2{margin-bottom: 30px;}
.faqhome {margin-left:10%;margin-right: 10%;margin-top: 10px;}
.msfaqhome {vertical-align: text-bottom;}
.xxs{display: none;}@media (max-width: 437px){.xxs{display: inline-block;}.index-top {margin-top: 80px}}
.img-left{float: left !important; }
.headericons {
	width: 76px;
	filter: invert(60%) sepia(69%) saturate(380%) hue-rotate(128deg) brightness(89%) contrast(95%);
}

#offre{
	background-color: #eaeaea;
	background-position: center center !important;
	background-size: cover !important;
}
#blog-extrait{
	background-color: #D7D7D7;
}

.blogcard {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	margin-top: 15px;
}

.bloc-home {
	padding-top: 20px;
	padding-bottom: 20px;
}
#argumentaire .point1 i,
#offre .point1 i,
#comment .point1 i{
	color:#34B6B0;
}
#argumentaire .point2 i,
#offre .point2 i,
#comment .point2 i{
	color:#34B6B0;
}
#argumentaire .point3 i,
#offre .point3 i,
#comment .point3 i{
	color:#34B6B0;
}

#offre .btn-start{
	background:#34B6B0;
	color:#fff;
	cursor: pointer;
	margin:15px auto 0;
	display: block;
}
#offre .btn-start:hover {
	background: #149892;
}

#comment .unpoint .ss_titre_bloc{
	margin: 10px 0 0;
	display: inline-block;
}
#comment form.addr_bien{
	margin-top: 15px;
}
#more-click, #less-click {
	text-decoration: underline !important;
}
.text-click {
	padding-top: 8px;
}
/* Vente-Immobiliere-Sans-Commision */
.text-click-visc {
	padding-top: 16px;
}
/* Mettre-En-Location */
.text-click-mel {
	padding-top: 16px;
}
@media (max-width: 1200px) {
	.text-click {
		padding-top: 4px;
	}
	.text-click-visc {
		padding-top: 8px;
	}
	.top-block h1{ font-size: 2.2em;}
	.top-block h2{ font-size: 26px;}
	.top-block,.bgv{height: 500px;}
	.index-top {margin-top: 55px}
	.logo-home1 {width: 14vw;}
}
@media (max-width: 991px) {
	.text-click {
		padding-top: 2px;
	}
	.text-click-visc {
		padding-top: 12px;
	}
}
@media (max-width: 767px) {
	.text-click {
		padding-top: 6px;
	}
	.top-block h1{ font-size: 33px; margin-bottom: 70px; margin-top: 10px}
	.top-block h3{ margin-top: 10px; font-size: 18px; }
	.top-block h2{ font-size:19px;	}
	.top-block img{ object-position: 72% }
	.top-block, .bgv{height: 490px;	}
	.mt-10{	margin-top: 8px;}
	.loc-signup,.vnt-signup{font-size: 16px;}
	.index-top {margin-top: 80px}	
}
@media (max-width: 454px) {
	.text-click-visc, .text-click-mel {
		padding-top: 6px;
	}
}
@media (max-width: 352px) {
	.text-click-visc, .text-click-mel {
		padding-top: 3px;
	}
}

.smallprints {
    display: inline-block;
    font-size: 14px;
    padding-top: 30px;
}

/*******************************************************************/
/********************** FOOTER *************************/
/*******************************************************************/

@media (min-width: 768px) {
	#footer .col-liens{
	    text-align: left !important;
	    margin-top: 25px !important;
	}
	#footer .col-liens .logoblack{
	    margin-top: -25px !important;
	}
	#footer .text-right{
	    text-align: right !important;
	}
	#footer a{
	    line-height: 25px !important;
	}
	#footer .copy{
	    margin-top: 30px !important;
	}
}

#footer{
	background:#2d2d2d;
	padding-top: 30px;
	padding-bottom: 70px;
}
#footer .col-liens{
	text-align: center;
}
#footer .col-liens .barre{
	border-top: solid 1px #fff;
	display: inline-block;
	padding-top: 10px;
}
#footer .col-liens .barre1{
	border-top: solid 1px #fff;
	display: inline-block;
	margin-top: -20px;
}
#footer .col-liens .barre1 ul{
	margin-bottom: 25px;
}
#footer .col-liens .barre li,
#footer .col-liens .barre1 li{
	width: auto;
	display: block;
}
#footer .col-liens .barre1 li.visible-xs {
	margin: 5px;
}
#footer .text-right{
	text-align: center;
}
#footer a, #bandeau-footer a{
	color:#fff;
	line-height: 25px;
}
#footer .copy{
	margin-top: 15px;
	color:#6e6e6e;
}
#footer .copy a{
	color:#6e6e6e;
}
#footer .copy a u{
	color:#a0a0a0;
}
#footer a{
	font-size: 16px;
}

#modalConnexion .modal-header span {
	font-size: larger;
	font-weight: bold;
}
#modalConnexion hr {
	border: 0.2px solid #3d5b99;
}
.div-in-cnx {
	font-size: 13.1px;
	padding-top: 8px;
}
.div-in-cnx a {
	color: #2d2d2d;
	text-decoration: underline;
}
#m {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px
}
#b {
	color: white;
	margin-bottom: 10px
}
@media screen and (max-width: 767px){
	#footer .col-liens .barre1{
		margin-top: 10px;
	}
}

h2.promo {
	font-size: 20px; 
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

/****************************************************/
/********************** FAQ *************************/
/****************************************************/

.faq {
	padding-top: 30px;
}

#presentation.faq{
	background-image:url(../img/bg_faq.jpg);
}
.list_rubique {
	padding-top: 30px;
}
.list_rubique a{
	color:#333;
	display: block;
	padding: 9px 9px 8px;
	cursor: pointer;
}
.list_rubique a.active{
	color:#333;
	background: #F6F6F6;
}
.list_rubique a i.zmdi{
	display: none;
}
.list_rubique a.active i.zmdi{
	display: inline-block;
}
.panel-group.faq .panel-default{
	border: none;
}
.panel-group.faq .panel-default>.panel-heading{
	background: #F6F6F6;
	border: none;
	border-radius: 0;
}
.panel-group.faq .panel-default>.panel-heading+.panel-collapse>.panel-body{
	border-top: 0;
	text-align: left;
}
.panel-group.faq .panel+.panel{
	margin-top: 15px;
}

/***********************************************************************/
@media screen and (max-width: 767px) {
	#presentation.faq{
		height: 240px;
	}
}
/*******************************************************************/
/********************** MENTIONS LEGALES *************************/
/*******************************************************************/


#presentation.mnl{
	background-image:url(../img/bg_mentions.jpg);
}
.list_rubique a{
	color:#333;
	display: block;
	padding: 9px 9px 8px;
	cursor: pointer;
}
.list_rubique a.active{
	color:#333;
	background: #F6F6F6;
}
.list_rubique a i.zmdi{
	display: none;
}
.list_rubique a.active i.zmdi{
	display: inline-block;
}

/***********************************************************************/
@media screen and (max-width: 767px) {
	#presentation.mnl{
		height: 240px;
	}

}

/*****************************************************************/
/********************** OFFRES           *************************/
/*****************************************************************/


#presentation.ofr{
	background-image:url(../img/bg_titre_offres.jpg);
}
.list_rubique a{
	color:#333;
	display: block;
	padding: 9px 9px 8px;
	cursor: pointer;
}
.list_rubique a.active{
	color:#333;
	background: #F6F6F6;
}
.list_rubique a i.zmdi{
	display: none;
}
.list_rubique a.active i.zmdi{
	display: inline-block;
}

.myTab {
	width: 80%;
	display: inline-block;
	padding: 10px;
}
.myTab .tv{
	color: #34B6B0;
	font-weight: bold;
	font-size: 30px;
	border: 2px solid white;
}
.myTab .tdv{
	background-color: #34B6B0;
	color: white;
	font-size: 20px;
	border: 2px solid white;
	border-collapse: collapse;
	padding: 10px;
	width: 33%;
}
.myTab .td1{
	background-color: #e8f8f7;
	color:#34B6B0;
	padding: 10px;
	font-size: 16px;
}
.myTab .tl{
	color: #E8B10C;
	font-weight: bold;
	font-size: 30px;
}
.myTab .tdl{
	background-color: #E8B10C;
	color: white;
	font-size: 20px;
	border: 2px solid white;
	border-collapse: collapse;
	padding: 10px;
	width: 10%;
}
.myTab .td2{
	background-color: #fdf5df;
	color:#7f7f7f;
	padding: 5px;
	font-size: 16px;
	vertical-align: top;
}

#comment h3{
	font-size: 24px;
	font-weight: bold;
}
#comment p, #comment li{
	font-size: 16px;
}
/***********************************************************************/
@media screen and (max-width: 767px) {
	#presentation.ofr, #presentation.expat {
		height: 240px;
	}
	.myTab {
		width: 100%;
	}
	.myTab .tl, .myTab .tv{
		font-size: 26px;
	}
}

/*****************************************************************/
/**********************      CONTACT     *************************/
/*****************************************************************/
#presentation.contact{
	background-image:url(../img/contact_bg.jpg);
}
.myH1{
	font-size: 28px;
	margin: 10px 0;
	color:#34B5B0;
	font-weight: bold;
}
.myCtnr{
	background-color: #d9d9d9;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}
.myTd{
	padding-left: 10px;
	font-size: 18px;
}
@media screen and (max-width: 767px) {
	#presentation.contact{
		height: 240px;
	}
	.myCtnr{
		margin-top: 10px;
	}
}

.b_div #b{
	color: black;
}

.txt-justify{
	text-align: justify;
}
.mt-20 {
	margin-top: 20px;
}
.etiquette {
	line-height: 50%;
}
/***********************************************************************/
@media screen and (max-width: 767px) {

	.mt-10{
		margin-top: 8px;
	}
	.mt-35{
		margin-top: 10px;
	}
}

/***********************************************************************/
/*************************** CAPTCHA ***********************************/
/***********************************************************************/
.cpt{
	transform:scale(0.88);
	-webkit-transform:scale(0.88);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}
@media screen and (max-width: 767px){
	.cpt{
		transform:scale(0.78);
		-webkit-transform:scale(0.78);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
}

/***********************************************************************/
/*************************** FOOTER ***********************************/
/***********************************************************************/
.nav-ftr{
	margin-top: -30px;
}

/*******************************************************/
/****************** img tag, Home **********************/
/*******************************************************/

.p {
	margin: auto;
	display: block;
	width: 60px;
	height: 60px;
}
.p1{
	width: 85%;
	max-width: 130px;
}
@media screen and (max-width: 991px) {
	.p1{
		margin-top: 25px;
	}
}
.fnt{
	font-weight: bold;
}
@media (max-width: 767px) {
	.hv_title {
		margin-top: 40px;
	}
}


/*******************************************************/
/************** Barre de cookies, Home *****************/
/*******************************************************/
#ikz-footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 500;
	color: white;
}
#bc{
	background-color: rgba(48, 48, 48, 0.95);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	position: fixed;
	bottom: 0;
}
.btnc, .btnd, .btns {
	background: #34B5B0;
	color: white;
}
.btnc:hover, .btnd:hover,.btns:hover {
	background: #149892;
	color: #fff;
}
.footer-a:link, .footer-a:hover,
.footer-a:active, .footer-a:visited,
.footer-a {
	color: white;
}
#bandeau-footer{
	background-color: #34B5B0;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	position: fixed;
	bottom: 0;	
}
.on-bc{
	bottom: 100px;
}
.no-bc{
	bottom: 0;
}
#bandeau-footer table{
	width: 100%;
}
#bandeau-footer table tr td.louer {
	width: 95px;
	padding-left: 20px;
	padding-right: 10px;
}
#bandeau-footer table tr td.vendre {
	width: 85px;
	padding-left: 10px;
	padding-right: 5px;
}
#bandeau-footer table tr td.apl {
	text-align: right;
	padding-right:10px;
}
#bandeau-footer .num {
	font-size: 16px;
	font-weight: bold;
}
/*******************************************************/
/****************** Démarrer, Home *********************/
/*******************************************************/
.btnd{
	display: inline-block;
	font-size: 18px;;
}

@media  screen and (max-width: 767px) {
	.btnd{
		font-size: 16px;;
	}
}


.myTab td ul li:before, .tbl td ul li:before {
	content: "\2713";
	margin-left: -1em;
	margin-right: .100em;
}
.myTab td ul, .tbl td ul {
	padding-left: 20px;
	text-indent: 2px;
	list-style: none;
	list-style-position: outside;
}

/*****************************************************************/
/**********************   LOCATION  ******************************/
/*****************************************************************/
#presentation.location{
	background-image:url(../img/bg_titre_location.jpg);
}
.iconlist  {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.illustration-gauche {
	overflow: hidden; /* empêche le dépassement des flottants */
	padding-left: 80px; /* Largeur de l'image + gouttière */
}
.illustration-gauche .pic {
	float: left;
	margin-left: -80px;
}
.tbl {
	border-collapse: collapse;
	border: 1px solid black;
}
.tbl td {
	padding: 10px;
	border: 1px solid black;
}
.tbl img {
	width: 60px;
}
.ci {
	width: 100px;
}
.stars-com-div{
	text-align: right;
}
@media screen and (max-width: 767px) {
	.tbl img {
		width: 100px;
	}
	.ci {
		width: 100px;
	}
	.stars-com-div{
		text-align: center;
	}
}
@media screen and (max-width: 400px) {
	.ci {
		width: 100px;
	}
}
.post-load1 .divswipe {
	margin-bottom: 0px;
}
/*****************************************************************/
/**********************   COMMENTAIRE  ***************************/
/*****************************************************************/

/*** Caroussel, Commentaire ***/
.bs-example .carousel{
	padding: 20px;
}

.bs-example{
	/*margin: 20px;*/
}

.locationH h2, .offresH h2 {
	font-size: 30px;
	font-weight: bold;
	text-align: left;
}

.uli div, .bdr-left {
	font-size: 16px;
	border-left: 1px solid;
	padding-left: 10px;
}
.td2 .uli a, .tab-td .uli a {
	color: #7f7f7f;
	/*line-height: 0;*/
}
.td1 .uli a {
	color: #34B6B0;
	/*line-height: 0;*/
}
@media (max-width: 767px) {
	.locationH h2, .offresH h2 {
		font-size: 22px;
	}
	.uli div, .bdr-left{
		font-size: 11px;
	}
}

/********** OFFRE DETAIL ***********/
/* UL > LI decoration,  Checkmark */
.chk-ul {
	padding-left: 20px;
	text-indent: 2px;
	list-style: none;
	list-style-position: outside;
	color: #7f7f7f;
	text-align: left;
	display:inline-block;
}
.chk-ul li:before, .chk-ul li:before {
	content: "\2713";
	margin-left: -1em;
	margin-right: .100em;
}
.detail-title {
	/* padding-left: 25px; */
	/* text-decoration: underline; */
	/* -moz-text-decoration-color: #34B6B0; /* Code for Firefox */
	/* text-decoration-color: #34B6B0; */
	color: #34B6B0;
	padding-bottom: 5px
	/*border-bottom: 5px solid currentColor; */
}
.txt-center{
	text-align: center !important;
}
@media (min-width: 768px) {
	.mt-sm-8 {
		margin-top: 8px;
	}
}
.subtitle-separator {
	width:70px;
	height:5px;
	margin:7px auto 0;
	background-color:#34B6B0;
	text-align:center;
	border:0
}

/***************************************/
/*************** HOME v2 ***************/
/***************************************/

.price-loc {
	font-weight: bold;
	font-size: 36px;
}
.btn-responsive {
	white-space: normal !important;
	word-wrap: break-word;
}
.tab-tbl {
	border-radius: 10px;
	border: 1px solid lightgray;
	border-collapse: unset;
}
.prdc-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; 
  gap: 20px;
}
.prdc {
	flex: 0 1 340px;
}
.prd {
	width: 100%;
	max-width: 340px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.loc-tbl {
	width: 100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.tab-tbl-loc-1 {
	background-color: #f2f2f2;
	color: dimgray;
	font-size: 22px;
	border-collapse: collapse;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	white-space: normal !important;
	word-wrap: break-word;
}

.tab-tbl-loc-2 {
	background-color: #4B7F98;
	color: white;
	font-size: 22px;
	border-collapse: collapse;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	white-space: normal !important;
	word-wrap: break-word;
	border-radius: 10px 10px 0 0;	
}
.tab-tbl-ofr {
	color: white;
	font-size: 22px;
	border-collapse: collapse;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	white-space: normal !important;
	word-wrap: break-word;
	border-radius: 10px 10px 0 0;
}
.tab-tbl-ofr-2 {
	background-color: #ccc;
	font-size: 16px;
	border-collapse: collapse;
	padding: 10px;
	font-weight: bold;
	white-space: normal !important;
	word-wrap: break-word;
}
.tab-tbl-ofr-2 img{
	z-index: 300;
	width: 60px;
	height: 60px;
	margin-top: -20px;
	margin-right: 10px;
	float: left !important;
}
.tab-tbl-td {
	color: gray;
	padding: 15px;
	vertical-align: top;
}
.tab-tbl-td-vte {
	color: gray;
	padding: 15px;
	vertical-align: middle;
}
.tab-td {
	font-size: 16px;
	color: #2d2d2d;
	padding: 10px 15px 10px 0;
	vertical-align: top;
}
.tab-btn{
	color: gray;
	padding: 10px 15px 10px 15px;
	border-right: 1px solid  #e2e2e2;
	width: 50%;
}
.loc-tbl small, .tab-tbl small {
	font-size: 24px;
}
.sld-title {
	background: #d9d9d9;
}

.loc-tbl .tab-tbl-loc-1, .loc-tbl .tab-tbl-loc-2 {
	width: 50%;
}
.tab-ck {
	color: #2d2d2d
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	text-align: right;
	width: 10%;
}
.loc-tbl {
	width: 100%;
	border-radius: 10px;
}
.tab-ck{
	width: 5%;
}
.tab-td {
	width: 45%;
}
.brd-left{
	border-left: 1.25px solid gray;
}
@media (max-width: 767px) {
	/*.tab-tbl {
		line-height: 20px;
	}*/
	.tab-ck{
		width: 10%;
	}
	.tab-td {
		width: 90%;
	}
}
/************************************************/
/************ LOCATION EASY *********************/
/************************************************/

#presentation.location-easy{
	background-image:url(../img/bg_loc_easy.jpg);
}

/************************************************/
/************ LOC' PREMIUM *********************/
/************************************************/

#presentation.loc-premium {
	background-image:url(../img/bg_loc_premium.jpg);
}
.od .od-title {
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	color: gray;
}

.loc-p #myCarousel .nav a small, .loc-p #myCarousel2 .nav a small {
	display:block;
}

.loc-p #myCarousel .nav, .loc-p #myCarousel2 .nav {
	background:#eee;
}

.loc-p #myCarousel .myFnt, .loc-p #myCarousel2 .myFnt {
	font-size: 18px;
}

.loc-p #myCarousel .nav a, .loc-p #myCarousel2 .nav a {
	border-radius:0px;
}

.loc-p .nav-pills>li.active>a, .loc-p .nav-pills>li.active>a:focus, .loc-p .nav-pills>li.active>a:hover {
	color: #fff;
	background-color: #34B5B0;
}

.loc-p .carousel-caption {
	text-align: left;
	height: 50vh;
	padding-top:50px;
	left: 5%;
	right: 5%;
	color: gray;
	text-shadow: none;
}

.loc-p .item {
	height: 50vh;
	padding-left: 0px;
}

@media (max-width: 767px) {
	.loc-p .carousel-inner {
		height: 95vh;
	}

	.loc-p #myCarousel .myFnt, .loc-p #myCarousel2 .myFnt {
		font-size: 13px;
	}
}
@media (max-width: 620px) {
	.loc-p .carousel-inner {
		height: 80vh;
	}
}
@media (max-width: 510px) {
	.loc-p .carousel-inner {
		height: 70vh;
	}
}
@media (max-width: 400px) {
	.loc-p .carousel-inner {
		height: 60vh;
	}
}
/************************************************/
/***************** GESTION  *********************/
/************************************************/

#presentation.gestion {
	background-image:url(../img/bg_gestion.jpg);
}
.tbl-gst-td-1 {
	vertical-align: top;
	font-weight: bold;
	padding: 10px;
	vertical-align: middle;
	width: 20%;
	text-align: left;
	border: 1px solid gray;
}
.tbl-gst-td-2 {
	padding: 10px;
	vertical-align: middle;
	border: 1px solid gray;
}
.tbl-gst {
	white-space: normal !important;
	word-wrap: break-word;
	border: 1px solid gray;
}

.ck-ul {
	padding-left: 20px;
	text-indent: 2px;
	list-style: none;
	list-style-position: outside;
	text-align: left;
	display:inline-block;
}
.ck-ul li {
	padding: 5px;
}
.ck-ul li:before, .ck-ul li:before {
	content: "\2713";
	margin-left: -1em;
	margin-right: .100em;
	color: #34B5B0;
	font-weight: bold;
}
.ck-title {
	color: #34B5B0;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
@media (max-width: 767px) {
	.tbl-gst, .tbl-gst-td-1, .tbl-gst-td-2 {
		border: 0px;
		padding-left: 0px;
	}
}

/***********************************************/
/***********  VENTE IMMOBILIERE ****************/
/***********************************************/

.visc .emo{
	width: 70px;
	height: 70px;
}
.visc tr.spaceUnder > td {
	padding-bottom: 1em;
}
.visc .titre, .visc .spaceUnder td {
	padding-left: 15px;
}
.logo-se, .logo-le, .logo-pa {
	margin-top: 15px;
}
.logo-lo{
	margin-top: 10px;
}
.log img{
	width: 90px;
}
@media (max-width: 767px) {
	.visc .emo{
		margin-top: 10px;
		margin-right: 5px;
		width: 40px;
		height: 40px;
	}
	.visc .titre, .visc .spaceUnder td {
		padding-left: 0px;
	}
	.log img{
		width: 60px;
	}
}
.btn-center {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}


/************************************************/
/******* LOCATION ENTRE PARTICULIERS ************/
/************************************************/

.lep td {
	vertical-align: top;
}
.lep tr.spaceUnder > td {
	padding-bottom: 2em;
}
.lep .point {
	padding-left: 15px;
}
.point ul li {
	font-size: 16px !important;
}
@media (max-width: 767px) {
	.lep .point{
		padding-left: 0px;
	}
}
/**********************************************/
/************* HOME ***************************/
/*********************************************/
.bloc_title {
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	text-wrap: balance;
}
.sub_title {
	font-size: 18px !important;
}
@media (max-width: 767px) {
	.bloc_title {
		font-size: 22px;
	}
}

/************************************************/
/****************  ANNONCES  ********************/
/************************************************/
#presentation.annonce{
	background-color: #eee;
	background-position: center center !important;
	background-size: cover !important;
	padding-top: 25px;
	padding-bottom: 15px;
}
.map-annonce{
	margin-top: 25px;
	text-align: center;
}
.ville-cvr{
	font-size: 18px;
	font-weight: bold;
}
.more-annonce {
	margin-top: 36px;
	padding-top: 23px;
	border: 1px solid #34B5B0;
}
.this-annonce {
	text-align: left;
}

.this-annonce.mtcalltoaction  {
    margin-top: 50px;
}

.calltoaction:not(.alertadbanner) {
    background-color: #e80445;
    color: white;
    text-align: center;
    font-size: 20px;
    padding: 14% 15px 14% 15px;
    margin: 20px;
    border-radius: 5px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}

.anndisp {
    margin-left: 5px !important;
    margin-right: 5px !important;

}

.calltoaction button {
    margin: 15px;
    font-size: 16px;
}

.annonce {
    position: relative;
    padding: 0px;
    margin-top: 25px;
    width: 100%;
    max-width: 360px;
}
.annonce-cta {
    position: relative;
    padding: 0px;
    max-width: 100%;    
}
.annonce .row {
    margin-right: 0px;
    margin-left: 0px;
}

.img-cover {
    max-width: 100%;
    border-radius: 5px !important;
}

.annonceimg360 {
    max-width: 360px;
    aspect-ratio: 360/230;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/front/img/photo-annonce-imkiz-360.jpg');
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 3px;
}

.annonceimg230 {
    max-width: 230px;
    aspect-ratio: 230/147;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/front/img/photo-annonce-imkiz-230.jpg');
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 2px;
}

a.ann-title {
    font-size: 16px;
    color: black !important;
    text-decoration: none !important;
}

a.ann-title:hover {
    color: #34B6B0 !important;
    text-decoration: none !important;
}

.ann-price {
    font-size: 20px;
    margin-right: 5px;
    font-weight: bold;
    background-color: #34B6B0;
    color: white;
}

p.annonce {
    font-size: 16px !important;
}

h2.annonce {
    font-size: 24px;
    font-weight: bold;
}

p.panel-body {
    margin-bottom: 10px;
}

.alertmoreads {
    margin-top: 15px;
    background-color: #34B6B0;
    color: white;
    text-align: center;
    font-size: 20px;
    padding: 15px;
    margin: 20px;
    border-radius: 5px;
    font-weight: bold;
    display: inline-table;
    vertical-align: middle;
    height: 30px;
    margin-bottom: 15px;
}

.alertadbanner {
    margin-top: 15px;
    color: white;
    text-align: center;
    font-size: 20px;
    padding: 15px;
    margin: 20px;
    border-radius: 5px;
    font-weight: bold;
    display: inline-table;
    vertical-align: middle;
    margin-bottom: 15px;
}

.alertadbanner .calltoaction {
    height: 50px !important;
}

.lipagefrance {
    font-size: 16px;
}


/************************************************/
/*****  Expatries-immobilier-sans-commission ****/
/************************************************/
#presentation.expat{
	background-image:url(../img/bg_expatries.jpg);
}

.pt-8{
	padding-top: 8px;
}
.mt-20{
	margin-top: 20px;
}
.mt-10{
	margin-top: 10px;
}
.w-100 {
	width: 100%;
}
.w-8 {
	width: 80px;
}
.white-color {
	color: white;
}
.black-color {
	color: black !important;
}
.middle-bloc {
	background-color: #e8e7e7;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 50px;
}

/******************************************/
/********** METTRE EN LOCATION ***********/
/*****************************************/
.mel-titre {
	color: black !important;
}
.mel-fnt-1 {
	font-size: 20px;
}
.btn-easy {
	background-color: #f2f2f2 !important;
	color: black !important;
}
.btn-prem {
	background-color: #ffc000 !important;
}
.btn-easy:hover {
	background-color: #f9f6e7 !important;
}
.btn-prem:hover {
	background-color: #ffe40a !important;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-10 {
	margin-bottom: 10px;
}
@media (max-width: 767px) {
	.mel-fnt-1 {
		font-size: 16px;
	}
}

/******************************************/
/************** PROMO TMP *****************/
/******************************************/
.promo-div .close {
	color: #fff;
	opacity: 100;
	text-shadow: none;
}
.promo-div .close:hover, .promo-div .close:focus {
	color: papayawhip;
}
.promo-div {
	background-color:#ffc000;
	width: 100%;
	color: white;
	margin-bottom: 0 !important;
	padding: 5px 5px 0;
}
.promo-div img {
	margin: 15px auto;
	display: block;
	width: 70px;
}
.promo-div h2 {
	font-weight: bold !important;
	font-size: 30px;
}
.promo-div h3 {
	margin-top: 6px !important;
	font-size: 20px !important;
	line-height: 125%;
}
.promo-div .row .row {
	margin-top: 0;
}
.promo-div .merci {
	margin-top: 10px;
}
.promo-div input {
	background-color: white;
	border: 2px solid #34b5b0;
	border-radius: 4px;
	color: #2d2d50;
	font-size: 16px;
}
.promo-div input:focus {
	border: 2.5px solid floralwhite;
}

.promo-div input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: white;
}
.promo-div input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: white;
	opacity: 1;
}
.promo-div input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: white;
	opacity:  1;
}
.promo-div input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: white;
}
.promo-div input::-ms-input-placeholder { /* Microsoft Edge */
	color: white;
}
.promo-div input::placeholder { /* Most modern browsers support this now. */
	color: white;
}
.btn-white {
	font-size: 18px;
	background-color: white;
	color: #ffc000;;
}
.btn-white:hover, .btn-white:focus {
	color: #ffc000;
	background-color: floralwhite;
}

.col-pd-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
@media (max-width: 1200px) {
	.promo-div h3 {
		font-size: 18px !important;
	}
}

@media (max-width: 991px) {
	.promo-div h2 {
		font-size: 36px;
	}
	.promo-div h3 {
		font-size: 18px !important;
	}
	.promo-div input {
		font-size: 16px;
		height: 40px;
	}
	.btn-white {
		font-size: 16px;
	}
	.promo-div img {
		margin-top: 20px;
	}
}
@media (max-width: 767px) {
	.promo-div {
		padding-bottom: 0px;
	}
	.promo-div img {
		width: 40px;
	}
	.promo-div h2 {
		font-size: 28px;
	}
	.promo-div h3 {
		font-size: 16px !important;
	}
	.xs-text-center{
		text-align: center;
	}
	.promo-div input {
		height: 30px;
	}
	.btn-white {
		font-size: 12px;
	}
	.lh-xs{
		line-height: 50%;
	}
}

/************* RELANCES ************/
.fnt-14, .fnt14 {
	font-size: 16px;
}
@media (max-width: 767px) {
	.fnt-14 {
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	/*** Pour désactiver le zoom sur l'input avec iOS ***/
	input[type="color"],
	input[type="range"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	select:focus,
	textarea {
		font-size: 16px !important;
	}
}

/**********************************************************/
/********************* NEW HOME ***************************/
/**********************************************************/
.edito {
	background-color: #2d2d2d;
	color: white;
	padding-top: 10px;
	font-size: 16px;
}
.voir-tt{
	padding-top: 10px;
}
.unpoint table tr {
	vertical-align: middle;
}

.clr-ikz{
	color: #34B6B0 !important;
}
.bg-clr-ikz {
	background-color: #34B6B0 !important;
	padding:6px 10px;
	color: white;
}
#footer ul {
	list-style:none;
	padding-left:0;
}​
 .last-txt {
	 width: 100%;
 }
#ads {
	background-color: #d9d9d9 !important;
}
.cover-img {
	width: 100%;
}
.pin-ville {
	color: #34B5B0;
}
.facture {
	padding-left: 20px;
	color: #afafaf;
}
.btn-ikz {
	background: #34B5B0;
	color: white;
}
.btn-ikz:hover, .btn-ikz:focus {
	background-color: #149892;
	color: white;
}
.mt-minus {
	margin-top: -8px;
}
@media (min-width: 768px), (max-width: 991px) {
	.mr-sm {
		margin-right:5px
	}
}
@media (max-width: 767px) {
	.bg-clr-ikz {
		font-size: 13px;
	}
	.xs-mt-30 {
		margin-top: 30px;
	}
	.xs-mt-10 {
		margin-top: 10px;
	}
}
@media (max-width: 767px) {
	.xs-btn {
		margin-left: 20px;
		margin-top: 4px;
	}
}
@media (min-width: 768px) and  (max-width: 991px){
	.logoHome img {
		width: 130px;
		margin-left: -10px;
		margin-top: 4px !important;
	}
	/*.nav>li>a {
		padding: 10px 3px;
	}*/
}
.xxs{display: none;}@media (max-width: 437px){.xxs{display: inline-block;}}
.adv-categorie, .cnt-adv-categorie {
	margin-left: 15px;
}
.adv-article, .cnt-adv-article {
	margin-left: 30px;
}
.adv-article {
	margin-top: 0px;
	margin-bottom: 0px;
}
.adv-personna i, .adv-categorie i, .txt-categorie, .txt-personna {
	cursor: pointer;
}
.adv-red, .adv-red a {
	color: #E83F6F !important;
}
.adv-green {
	color: #149892;
}
.adv-blue {
	color: #2274A5;
}
.adv-right-side {
	background-color: #f4f4f5;
	border: 1px solid #dfdfe1;
	padding: 15px;
	border-radius: 4px;
}
@media (min-width: 768px) {

}
#partager img {
	width: 40px;
}
@media (max-width: 991px) {
	#partager img {
		width: 34px;
	}
}
@media (max-width: 767px) {
	#partager img {
		width: 30px;
	}
}
.menu-top {
	position: fixed;
	width: 100%;
	z-index: 400;
}
.bg-ikz {
	background-color: #34B5B0;
}
.logo-top {
	position: absolute;
	z-index: 1000;
}
.red-btn-ikz {
	background: #e80445; /*#ed1c24;*/
	color: white;
}
.red-btn-ikz:hover, .red-btn-ikz:focus {
	background-color: #e80220;
	color: white;
}
.navbar-default {
	background-color: transparent !important;
	border: 0px !important;
	padding-top: 10px;
}
.navbar-default .navbar-nav>li>a {
	color: white !important;
}
.btn-hdr {
	font-size: 16px;
	margin-top: 7px;
}
#menu-top .nav>li>a {
	padding-left: 10px;
}
@media (max-width: 1200px) {
	.menu-top {
		/*padding: 2px 22px 10px;*/
	}
	#menu-top .nav>li>a {
		padding: 10px 6px !important;
	}
	.btn-hdr {
		margin-top: -10px;
	}
	#menu-top .navbar-default {
		padding-top: 13px;
	}

}
@media (max-width: 991px) {
	#menu-top .nav>li>a {
		padding: 10px 3px !important;
	}

}
@media (min-width: 768px) and (max-width: 991px) {
	.img-tmp {
		width: 110px !important;
		margin-top: 6px;
	}
}
@media (max-width: 767px) {
	#menu-top {
		min-height: 62px;
	}
	#menu-top .navbar-brand {
		padding: 2px 5px !important;
	}
	#menu-top .navbar {
		margin-bottom: 0 !important;
	}
	#menu-top .navbar-default {
		padding-top: 2px;
	}
	.xs-red-btn {
		margin-top: 0px;
		margin-left: 8px;
	}
	.xs-mt-5 {
		margin-top: 5px !important;
	}
	#menu-top .nav>li>a {
		padding: 10px 8px !important;
	}
}
@media (max-width: 350px) {
	.xs-red-btn, .xs-red-btn-ikz {
		padding: 6px;
	}
}
.img-left{
	float: left !important;
}
.go-home {
	cursor: pointer;
	z-index: 5000;
}
#menu-top  .navbar-default .navbar-toggle {
	background-color: white !important;
	margin-left: 20px;
}
#menu-top  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: white !important;
}
.adv-top-div {
	z-index: 5000;
}

/*********** Recherche & Annonces **************/
.bg-recherche {
	padding: 15px;
	background-color: #f3f3f3;
}
.recherche-annonce input {
	 height: 46px;
 }
.recherche-annonce label {
	font-weight: normal;
}
.recherche-annonce .stp2 .stp{
	padding-left: 13px;
	padding-right: 13px;
}
.recherche-annonce input[type="checkbox"] {
	height: 18px;
	margin-top: 2px;
}
#ex2Slider .slider-selection{
	background: #BABABA;  /* #34B5B0; #BABABA; */
}
div#ex2Slider.slider.slider-horizontal {
	margin: 37px 20px 10px;
	width: 88%;
}
@media (max-width: 767px) {
	.pd-xs {
		padding-left: 13px !important;
		padding-right: 13px  !important;
	}
}
#pg-ftr {
	width: 100%;
	text-align: center;;
}
#pg-ftr ul {
	margin: auto;
	display: block;
}
.btn-frm {
	background-color: #8ac1ef;
}
@media (min-width: 1200px) {
	.mt-lg {
		margin-top: 9px;
	}
}
.cornerbadge {
    position: absolute;
    top: 50px;
    right: 20px;
    z-index: 1;
    color: #E80445;
    background-color: white;
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

/* **** Offres ***** */

.dpar {
    margin-top: 10px;
    margin-bottom: 30px;
}

.dpar50 {
    margin-top: 50px;
}

.extend {
    display: none;
}

#showhidebtn {
    cursor: pointer;
}

.toffers tbody {
    background-color: #f9f9f9;
}
.toffers td {
    text-align: center;
    vertical-align: middle !important;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
}
.toffers th {
    padding-left: 10px;
}
.toffers thead {
    position: sticky;
    top: 50px;
    z-index: 1;
    background-color: white;
    font-size: 22px;

    @media (max-width: 768px) {
      font-size: 22px;
    }

    @media (max-width: 420px) {
      font-size: 16px;
    }

}
@media only screen and (max-width: 576px) {
    .toffers thead {
        top: 62px;
    }
    .tp-show {
        background-color: transparent !important;
    }
}
.toffers tbody tr {
    border-bottom-color: lightgrey;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    background-color: #f9f9f9;
}
.toffers .bstart {
    padding: 5px;
    text-align: center;                    
    background-color: #d6d6d6;
    border-radius: 5px;
    outline: 1px solid white;
}
.toffers .bsimple {
    padding: 5px;
    text-align: center;                    
    color: white;
    background-color: #E80445;
    border-radius: 5px;
    outline: 1px solid white;
}

/* **** Bloc promo ***** */

.blocpv {
		background-color: #f3f3f3;
		padding: 0px !important;
		margin: 20px -15px !important;
}
.blocpv .col {
		margin-left: 15px;
		padding-right: 15px;
		margin-right: 15px;
		padding-left: 15px;
		color: black;
}
.blocpv h3 {
		font-size: 20px;
		font-weight: bold;
}
.blocpv button {
		margin-bottom: 15px;
}