#form-ad [type="radio"].no-css:checked + label::after
{
     content: '';    
}

.btn-valid-search{
    border-radius: 6px;
    background: #ff3a2c;
    border: none;
    padding: 15px 20px;
    right: 0;
    color: #fff;
	cursor: pointer;
}
.btn-init-search-left{
	padding: 15px 20px;
    right: 0;
    border-radius: 6px;
	background: none;
    border: 1px solid #ffa8a1;
    color: #f67575;
	cursor: pointer;
}

#search-option-btn .btn-valid-search, #search-option-btn .btn-init-search-left {
	width: 40%;
}

[type="submit"]:hover
{
	opacity: 0.8;
	-webkit-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}

.hide {
	
	display: none;
}
.show {
	
	display: block;
}
.flex-container
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.flex-container-acc-conn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
}
.flex-container-acc-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-around;
}

input,
textarea,
select
{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.recaptcha {
	display: flex;
	width: 100%;
	margin-top: 30px;
}
.g-recaptcha,
.ajax-recaptcha {
	width: auto;
	margin: auto;
}

/* ----- BASE STYLE ------  */

.text-center
{
	text-align: center;
}




/* ----- BACKGROUND -----  */

#background
{
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	position: fixed;
	background-position-x: center;
	background-position-y: top;
	background-repeat: no-repeat;
	background-size: 100%;
}
#background-block
{
	position: relative;
	width: 80%;
	max-width: 1290px;
	margin: 220px auto 0;
	background: #f4f4f4;
} 
#background-block .container-100-child
{
	width: 98%;
	margin: auto;
}
@media (max-width: 1800px)
{
	#background
	{
		background-size: auto;
	}
}
@media (max-width: 768px)
{
	#background
	{
		display: none;
	}
	#background-block,
	#background-block .container-100-child
	{
		width: 100%;
		margin: 0 auto;
	}
}

/* ----- HEADER -----  */


.dashboard-menu-mobile {
	display: none;
}

.dashboard-menu-mobile i {
		
		margin-right: 10px;
}
			
.dashboard-menu-mobile {
	
	    padding-left: 8px;
        width: 100%;
}
			
.dashboard-menu-mobile a {
	
	    padding: 20px 10px;
        padding-left: 15px;
       
}
			
.dashboard-menu-mobile a:hover{
		background: #f3f3f3;
}
			
@media (max-width: 1050px)
{
	
	.dashboard-menu-mobile i {
		
		
	}
	
	.dashboard-menu {
		display: none;
	}
	.dashboard-menu-mobile {
		
	display: inline-flex;
    flex-direction: column;
}
	.dashboard-menu-mobile a:first-child {

	}
	.dashboard-menu-mobile a {
		display: inline-block;
		width: 100%;
		margin: 0 0 0 0;
		text-align: left;
		color: #696969;
		font-size: 1em;
		text-decoration: none;
		border-bottom: solid 1px #ededed;
	}
	.dashboard-menu-mobile a:after {
		display: block;
		content: " ";
		clear: both;
	}
}

/* Install message  */

.install-message
{
	padding: 20px 20px; 
	background: #EEE; 
	border: 4px solid  #f88100; 
	margin: 20px auto;
	font-family: 'Roboto Light';
	color: #e80000;
}
.adv-banner-head
{
	margin: 50px auto;
}
.adv-banner-head img
{
	max-width: 100%;
}

/*  ----- INDEX -----  */

.index-container #map-container
{
	margin: 50px auto 0;
}
.index-container .seo p
{
	margin: 50px 0 30px;
	font-size: 1.15em;
	text-align: center;
}
.index-container .adv-banner-head
{
	margin: -10px auto;
}
@media (max-width: 930px)
{
	.index-container .seo p
	{
		padding: 0 20px;
		font-size: 1.05em;
	}
}


/*  ----- TEXT PAGE -----  */



/*  ----- FORMS -----  */


.forms .coloris
{
    width: 35px;
    height: 35px;
    cursor: pointer;
    border: none;

}

.forms .input-file
{
	width: calc(100%);
    /* height: 50px; */
    margin: 0 auto 15px;
    /* padding-left: 15px; */
    font-family: 'Roboto Light', Arial;
    font-size: 1.05em;
    color: #505050;
    /* background: #f0f0f0; */
}

.forms .civil {
	
    width: calc(20%);
    height: 50px;
    margin: 0 auto 15px;
    border-radius: 0.3em;
    padding-left: 15px;
    font-family: 'Roboto Light', Arial;
    font-size: 1.05em;
    color: #505050;
    /* background: #f0f0f0; */
    border: solid 1px #e3e3e3;
	
}

.forms textarea
{
	padding: 15px;
}
.forms textarea.textarea-height-strong
{
	height: 200px;
}
.forms textarea.textarea-height-short
{
	height: 100px;
}
.forms 
{
	margin: 0 auto 50px;
}
.forms.messaging {
	
	margin: 0 auto 0;
	
}
.forms.form-comments
{
	margin: 0 auto 0;
}
.menu-report.forms h1 {
	
	background: #efefef;
    padding: 15px 30px;
    font-size: 1.5em;
    text-align: left;
}

.forgot-password-link 
{
    display: block;
    color: #777777;
   text-align: left;
}
@media (max-width: 930px)
{
	.forms > form > div:not(.recaptcha)
	{
		
	}
	.forms input:not([type="submit"]),
	.forms select,
	.forms textarea
	{
		font-size: 0.95em;
	}
}
/* form data */
.forms.form-data div > p:not(.p-error)
{
	margin: 15px 0 25px;
	line-height: 24px;
	text-align: left;
}
@media (max-width: 768px)
{
	.forms.form-data div > p:not(.p-error)
	{
		text-align: center;
	}
}
/* Connexion */
.connexion-form
{
	width: 35%;
	margin: 0 auto 50px;
}
@media (max-width: 1400px)
{
.connexion-form
{
	width: 45%;
	margin: 0 auto 50px;
}
}
@media (max-width: 1110px)
{
.connexion-form
{
	width: 50%;
	margin: 0 auto 50px;
}
}
.connexion-form > div:nth-child(1)
{
	width: 100%;
}
.connexion-form > div > form > div
{
    
    margin: 50px auto 50px;
    background: #ffffff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 10px;
    font-family: 'Roboto Light';
    padding: 50px 50px;
    text-align: center;
}
.connexion-form > div:nth-child(2)
{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: center;
	margin: auto;
}
.connexion-form .button
{
	width: 72%;
	background: #6f6f6f;
	margin: 0 2px 15px;
	height: auto;
	line-height: 20px;
	padding: 15px 20px;
	text-transform: none;
	font-family: 'Roboto Regular';
	font-size: 0.95em;
	font-weight: normal;
	border-radius: 8px;
	color: #f9f9f9;
}
@media (max-width: 1024px)
{
	.connexion-form
	{
		width: 80%;
	}
}
@media (max-width: 930px)
{
	.connexion-form
	{
		width: 90%;
	}
}
@media (max-width: 768px)
{
	.connexion-form
	{
		width: 100%;
	}
	.connexion-form > div:nth-child(1),
	.connexion-form > div:nth-child(2)
	{
		width: 100%;
	}
	.connexion-form > div:nth-child(2)
	{
		margin-top: 50px;
	}
	.connexion-form > div > form > div
	{
		width: 90%;
		padding: 50px 20px;
	}
	.connexion-form .button
	{
		width: 80%;
	}
}

.forms.packs div > h3,
.forms.options div > h3
{
	font-size: 1em;
	margin: 0 0 30px;
	text-align: left;
	padding: 0;
}
.forms.options div > div
{
/* 	border-bottom: 1px solid #ededed; */
	
}
.forms.options div > div:last-of-type
{
	
}
.forms.packs div > .p-error
{
	text-align: left;
}
.forms.options div > .p-error
{
	margin-bottom: 30px;
}

.forms.packs div > input,
.forms.options div > input
{
	margin-top: 30px;
}
.color-top-option
{
	color: #FF8100;
}
.color-premium-option
{
	color: #FBBA1A;
}
.color-urgent-option
{
	color: #F54D4D;
}
.color-framed-option
{
	color: #62BE0A;
}
@media (max-width: 768px)
{
	.forms.packs > form > div,
	.forms.options > form > div
	{
		width: 90%;
		padding: 50px 20px;
	}
	.forms.packs div > h3,
	.forms.options div > h3,
	.forms.packs div > .p-error,
	.forms.options div > .p-error,
	.forms.packs div > p:not(.p-error),
	.forms.options div > div > p:not(.p-error)
	{
		text-align: center;
	}
}
/* Credits */
.forms.credits > form > div
{
	width: 90%;
}
.forms.credits div > h3
{
	font-size: 1em;
	margin: 0 0 20px;
	text-align: left;
	padding: 0;
}
.forms.credits div > p
{
	margin: 20px 0 0;
	line-height: 22px;
	text-align: left;
}
.forms.credits div > p > a
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	width: auto;
	width: 19.5%;
	margin: 3px 0.5% 3px 0;
	font-family: 'Roboto Regular';
	color: #333;
	background: #DDDDDD;
	padding: 20px;
	border-radius: 5px;
	text-decoration: none;
}
.forms.credits div > p > a > span
{
	margin: auto;
}
.forms.credits div > p > a > span .offer
{
	font-family: 'Roboto Light';
	font-size: 0.95em;
}
.forms.credits div > p > a:hover,
.forms.credits div > p > a.selected
{
	color: #FFF;
	background: #555555;
}
@media (max-width: 768px)
{
	.forms.credits div > h3,
	.forms.credits div > p
	{
		text-align: center;
	}
	.forms.credits div > p > a
	{
		width: 100%;
	}
}
/* Reactivation ad */
.forms.reactivation-ad > form p
{
	margin-top: 0;
}
/* Deposit form */

.forms.form-deposit div > input.short,
.forms.form-deposit div > select.short
{
	width: calc(50% - 2px);
}
.forms.form-deposit div > input.medium
{
	width: calc(70% - 2px);
}
/* Google geolocalistion */
#geoloc-error1,
#geoloc-error2,
#geoloc-error3,
#geoloc-error4,
#geoloc-info
{
	width: 100%;
	background: #CC0000;
	color: #FFFFFF;
	padding: 15px;
	margin: 0 0 20px;
	border-radius: 3px;
	line-height: 24px;
}
#geoloc-info
{
	background: #73ae20;
}
#geolocalisation-link
{
	display: block;
	margin: 10px 0 30px;
}
.shop-form #geolocalisation-link {
	text-align: center;
}
.geolocalisation > div:nth-child(1)
{
	width: 50%;
}
.shop-form .geolocalisation > div:nth-child(1)
{
	text-align: left;
	margin-right: 2%;
}
.geolocalisation > div:nth-child(1) input,
.geolocalisation > div:nth-child(1) select
{
	width: 80%;
}
#display-map
{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	width: 100%;
	height: 100%;
	min-height: 310px;
	border-radius: 6px;
	margin-right: 0;
}
#display-map div
{
	position: static;
}
/*  Calendar  */
.calendar-container-show
{
	display:block;
}
.calendar-container-hide
{
	display:none;
}
#calendar-container input
{
	width: 20%;
}
#calendar-container > div > div
{
	display: inline;
}
#calendar-container a
{
	       display: inline-flex;
    color: #df6363;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    font-size: 1.3em;
    /* margin-left: 10px; */
    padding: 15px;
    height: 50px;
    align-items: center;
	margin-left:2%;
}
#calendar-container #insert-period
{
	background: #73ae20;
	padding: 10px 15px;
}
#calendar-container .cal_period_update
{
	background: #9f9f9f;
}
#calendar-container .cal_period_remove
{
	background: #fff0f0;
    border: 1px solid #ffc0c0;
}
#calendar-container .cal_eff_period
{
	background: #ff8f27;
	margin-left: 0px;
}
#calendar-container a:hover
{
	opacity: 0.8;
}
#calendar-container .hide
{
	display: none;	
}
#calendar-container .p-error
{
	display: none;
	text-align: left;
	margin: 10px 0 20px;
}
#add-period .start-date {
	
    margin-right: 1%;
	margin-bottom: 0px;
}

#add-period .end-date {
	
	margin-bottom: 0px;
}


/* upload */
.p-error[data-error] 
{
	display: none;
}
.uploader-container:after
{
	content: " ";
	clear: both;
	display: block;
}

.upload.file
{
	width: 82px;
    height: 100px;
}

.upload > img.click
{
	z-index: 1;
	cursor: pointer;
}
.upload .upload_delete_link, #ad_photo_pack_button .upload_delete_link
{
    position: absolute;
    width: 20px;
    height: 20px;
    left: 5px;
    top: 5px;
    border-radius: 9px;
    background: none; /* plus de background image */
    color: red; /* Couleur de l'icône */
    text-decoration: none;
    font-size: 20px;
    text-align: center;
	z-index: 2;
   
}
.upload.user-photo a {
	left: -50px;
    top: -50px;
	color: #d3d3d3;
	font-size:1.8em;
	transition: 0.3s;
}

.upload.user-photo a p {
	 width: 40px;
    height: 40px;
    top: -40px;
    left: -12px;
}

.upload.backgnd a {
	font-size: 1.8em;
    top: 3px;
    left: 10px;
	color: #d3d3d3;
	transition: 0.3s;
}
.upload.backgnd a p {
    width: 40px;
    height: 40px;
    top: -37px;
    left: -10px
}

.upload.user-photo a:hover, .upload.backgnd a:hover {
	color: #ff1749;
}

.upload .upload_delete_link::before,
#ad_photo_pack_button .upload_delete_link::before {
    content: "\f2d3"; /* Unicode Font Awesome (fa-times-circle) */
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900; /* Nécessaire pour les icônes solid */
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 20px;
}
.forms input.input-file
{
	position: absolute;
	top: 0;
	left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 0;
}

@media (max-width: 930px)
{
	#calendar-wrap input
	{
		width: 100%;
	}
	#calendar-wrap > div > div
	{
		display: block;
	}
	#calendar-wrap a
	{
		margin: 10px 0 20px;
	}
	#calendar-wrap .p-error
	{
		text-align: center;
	}
}
@media (max-width: 930px)
{
	.forms.form-deposit > form > div
	{
		width: 90%;
	}
	.forms.form-deposit div > h3,
	.forms.form-deposit form > h3
	{
		text-align: center;
	}
	.forms.form-deposit div > input.short,
	.forms.form-deposit div > select.short,
	.forms.form-deposit div > input.medium,
	.forms.form-deposit .select-all,
	.geolocalisation > div:nth-child(1),
	.geolocalisation > div:nth-child(1) input,
	.geolocalisation > div:nth-child(1) select
	{
		width: 100%;
	}

	.forms.form-deposit div > span.optional {
		right: 40px;
	}
	.forms.form-deposit div > span.icon-add
	{
		top: 0;
		right: 0;
	}
	#display-map
	{
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
		width: 100%;
		margin-top: 10px;
	}
}
@media (max-width: 768px)
{
	.forms.form-deposit div.option > h3,
	.forms.form-deposit div.option > p
	{
		text-align: center;
	}
}

							
.nbr {
	width: 100%;
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
}
							
	.uploader-container .upload:nth-of-type(1) i {
    /* margin: auto; */
    font-size: 5em;
    padding: 0; 
    border-radius: 8px;
    /* background: #f1f1f1; */
    color: #a5a5a5;
	position:relative; 
}
							
.uploader-container .upload:nth-of-type(1) .icon-add {
	
	position: absolute;
    top: 50px;
    right: 75px;
    font-family: 'Roboto Regular';
    font-size: 2em;
    font-weight: bold;
    background: #D4D4D4;
    padding: 6px 15px;
    border-radius: 50%;
    border: solid 4px #f1f1f1;
}

/*  ----- DASHBOARD -----  */

.dashbord-container {
	margin-top : 50px;
}
@media (max-width: 1050px)
{
.dashbord-container {
    margin-top: 0px;
}
}

.options-dashboard 
{
	display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}
/* account pads */
.account-pads
{
	width: 81%;
	margin: 20px auto 0;
}
.account-pads > div
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	background: #d5f3ac;
	margin: 0 0.5%;
	padding: 20px;
	border-radius: 8px;
	border: 1px solid #9f9f9f;
}
.account-pads > div > p
{
	display: block;
	width: 100%;
	font-family: 'Roboto Light';
	color: #5f5f5f;
	text-align: center;
	margin: auto;
}
.account-pads > div > p > span
{
	font-family: 'Roboto Regular';
	font-size: 1.1em;
}
.account-pads > div > p > a
{
	display: inline-block;
	background: #7b7b7b;
	font-family: 'Roboto Regular';
	color: #FFF;
	text-decoration: none;
	text-align: center;
	padding: 10px 20px;
	border-radius: 8px;
}
@media (max-width: 1024px)
{
	.account-pads
	{
		width: 100%;
		padding: 0 10px;
	}
}
@media (max-width: 930px)
{
	.account-pads
	{
		
	}
	.account-pads > div
	{
		margin-bottom: 10px;
	}
}
/* account invoices */
.account-invoices
{
	margin-bottom: 50px;
}
.account-invoices h1
{
	margin: 50px 20px;
}
.account-invoices > div.mobile
{
	display: none;
}
.account-invoices > div.not-mobile,
.account-invoices > div.mobile > div
{
	
	border-radius: 10px;
	font-family: 'Roboto Light';
}
.account-invoices > div.mobile > div
{
	margin-bottom: 30px;
}
.account-invoices > div.not-mobile > div:nth-child(1)
{
	font-size: 1.05em;
	font-family: 'Roboto Regular';
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #d1d1d1;
}
.account-invoices > div > div:last-child
{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.account-invoices > div > div
{
	background: #f9f9f9;
}
.account-invoices > div > div.background
{
	background: #f0f0f0;
}
.account-invoices > div.not-mobile > div > p
{
	line-height: 50px;
	width: 25%;
	text-align: center;
}
.account-invoices > div.not-mobile > div > p:nth-child(1)
{
	width: 30%;
}
.account-invoices > div.not-mobile > div > p:nth-child(2)
{
	width: 20%;
}
.account-invoices > div.mobile > div > p
{
	padding: 10px;
	line-height: 22px;
	width: 100%;
	text-align: center;
}
.account-invoices > div.mobile > div > p.title
{
	background: #e2e2e2;
	font-family: 'Roboto Regular';
}
.account-invoices p a
{
	color: #ff0000;
    text-decoration: none;
    font-family: 'Roboto Regular';
    background: #ffffff;
    padding: 10px;
    border-radius: 8px;
	transition: 0.2s;
}
.account-invoices p a:hover
{
	color: #73ae20;
}
@media (max-width: 930px)
{
	.account-invoices > div,
	.account-invoices > div.not-mobile  > div:nth-child(1),
	.account-invoices > div.mobile > div,
	.account-invoices > div > div:last-child
	{
		border-radius: 0;
	}
}
@media (max-width: 768px)
{
	.account-invoices > div.not-mobile
	{
		display: none;
	}
	.account-invoices > div.mobile
	{
		display: block;
	}
}

/*  ----- FOOTER DESIGN -----  */


@media (max-width: 930px)
{
	.footer .container-100-child
	{
		width: 98%;
		margin: auto;
	}
}
@media (max-width: 768px)
{
	.footer .container-100-child > div
	{
		width: 100%;
	}
	.footer-networks
	{
		text-align: center;
	}
	.footer ul
	{
		text-align: center;
	}
	.footer div:nth-child(2)
	{
		-webkit-columns: 1;
		   -moz-columns: 1;
		        columns: 1;
		margin-top: 10px;
	}
}

/*  ----- LISTINGS -----  */

.search-results-container.margin-top
{
	margin-top: 40px;
}
.search-results-container.margin-bottom
{
	margin-bottom: 30px;
}
.search-results-container.shop .search-form
{
	width: 93%;
}
/* Listing infos */
.listing-infos
{
	width: 100%;
    margin: 0 auto 17px;
    max-width: 1290px;
}

.listing-infos-acc {
	
	width: 100%;
    margin: 0 auto 17px;
    max-width: 1290px;
}

.listing-infos h1, .listing-infos-acc h1 
{
	font-size: 1.6em;
	text-align: left;
	padding: 0;
	margin-bottom: 12px;
}
.listing-infos p, .listing-infos-acc p 
{
	display: inline-block;
    font-family: 'open sans regular';
    color: #7b7977;
    padding: 3px 0;
}
.listing-infos-link
{
    font-family: 'Roboto Regular';
    font-size: 0.95em;
    color: #555555;
    text-decoration: none;
}
.listing-infos-link:hover
{
    text-decoration: underline;
}
.listing-infos-link.link-selected
{
    color: #81B224;
}
.listing-infos .listing-infos-select select
{
    height: 32px;
    width: 170px;
    margin: 0 auto 10px;
    border-radius: 8px;
    border: 1px solid #d4d2d8;
    padding: 0 0 0 5px;
    font-family: 'Roboto Regular';
    font-size: 0.95em;
    color: #505050;
	background: #FFF;
	background: url("../images/icons/icon_arrow_select.png") no-repeat right 8px center;
	background-size: 16px 10px;
}
.listing-infos-dashbord {
	
	background: #fcfcfc;
    border-radius: 4px;
    padding: 10px 10px 10px 15px;
   
}

.listing-infos-dashbord p
{
	display: inline-flex;
    align-items: center;
}
.listing-infos-dashbord .options-dashboard
{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: right;
	margin-right: 13px;
}
.listing-infos-dashbord .options-dashboard input
{
	display: inline;
	margin: 0;
	background: #7b7b7b;
	border: none;
	font-size: 0.9em;
}
.listing-infos-dashbord .options-dashboard span
{
	
}
.listing-infos-dashbord .options-dashboard span [type="checkbox"]:not(:checked) + label,
.listing-infos-dashbord .options-dashboard span [type="checkbox"]:checked + label 
{
	padding-left: 19px;
}
.listing-infos-dashbord .options-dashboard span [type="checkbox"] + label::before
{
	height: 17px;
	width: 17px;
	line-height: 16px;
	border: 1px solid #f4f4f4;
	color: #7b7b7b;
	margin-top: 1px;
}
.dashboard-delete-btn {
	
	display: block;
    font-family: 'Roboto Light';
    font-size: 1.05em;
    color: #FFF;
    cursor: pointer;
    position: relative;
    z-index: 2;
    border: none;
    padding: 8px;
    width: 37px;
    background-color: transparent;
}
/* Listing */


.icon-deleted-ad-selected
{
	display: block;
    position: absolute;
    right: 0;
    background-size: 15px 20px;
    width: 15px;
    height: 20px;
    margin: 10px 20px;
    z-index: 1;
    color: #ffc990;
   font-size: 1.5em;
}
.icon-heart:hover,
.icon-deleted-ad-selected:hover
{
	opacity: 0.6;
}
.background-ads-listing-disc p
{
	padding: 0 20px 0;
	text-align: center;
}
.background-ads-listing-disc div
{
	margin: auto;
}


.animate .background-ads-listing{
	
	border-radius: 0px;
	outline: 0px solid;
	margin-bottom: 5px;
	
}
.animate .background-ads-listing:hover {
   
	background: #f7f7f7;
	border-radius:8px;
}
.list-view {
	
	height: 190px;
	padding: 15px 0;
	margin: 0 0 20px;
}

.search-results-listing .background-ads-listing:hover,
.search-results-listing .background-shops-listing:hover
{
	box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
	-webkit-box-shadow:rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
	outline: solid 1px #ededed;
}
.background-ads-listing:hover .bloc-container-info
{
	
	color : #000;
	
}

.background-ads-listing:visited,
.background-shops-listing:visited
{
	opacity: 0.5;
} 
.background-ads-listing.background-framed,
.background-shops-listing.background-framed
{
	background: #d5f3ac;
	border: 1px solid #b3d86a;
}
.bloc-listing-first
{
	position: relative;
	width: 100%;
	line-height:1.5em;
}
.title-listing
{
	
}

.price-listing
{
	font-family: 'Roboto Regular';
}
.logo-urgent
{
	display: block;
	position: absolute;
	bottom: 0;
	margin-top: 10px;
	width: 81px;
	height: 20px;
	line-height: 20px;
	background: url("../images/icons/icon_urgent_ad.png") no-repeat;
	background-size: 81px 20px;
	font-family: 'Roboto Regular';
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.75em;
	text-transform: uppercase;
	padding-left: 10px;
	text-align: center;
}

.category-listing
{
	margin: 10px 0px 10px 0px;
	font-family: 'Roboto Light';
	color: #4A4A4A;
}
.video-listing
{
	color: #ff8341;
}
.bloc-listing-picture
{
	width: 100%;
    margin: auto;
    height: 170px;
    display: block;
 
}
@media(max-width: 1430px){
.bloc-listing-picture
{
    height: 165px;

}
}
@media(max-width: 1380px){
.bloc-listing-picture
{
    height: 154px;
  
}
}
@media(max-width: 1250px){
.bloc-listing-picture
{
    height: 185px;
  
}
}
@media(max-width: 1140px){
.bloc-listing-picture
{
    height: 173px;
  
}	
}
@media(max-width: 1110px){
.bloc-listing-picture
{
    height: 162px;
  
}	
}
@media(max-width: 1050px){
.bloc-listing-picture
{
    height: 155px;
  
}	
}
@media(max-width: 1000px){
.bloc-listing-picture
{
    height: 200px;
  
}	
}
@media(max-width: 930px){
.bloc-listing-picture
{
    height: 195px;
  
}	
}
@media(max-width: 870px){
.bloc-listing-picture
{
    height: 175px;
  
}	
}
@media(max-width: 740px){
.bloc-listing-picture
{
    height: 155px;
  
}	
}
@media(max-width: 705px){
.bloc-listing-picture
{
    height: 230px;
  
}	
}
@media(max-width: 660px){
.bloc-listing-picture
{
    height: 220px;
  
}	
}
@media(max-width: 630px){
.bloc-listing-picture
{
    height: 210px;
  
}	
}
@media(max-width: 590px){
.bloc-listing-picture
{
    height: 190px;
  
}	
}
.bloc-listing-picture.shops
{
	margin: 0px;
}
.bloc-listing-picture img
{
	display: block;
  /*  width: 100%;*/
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    max-width: 100%;
    height: 100%;
}

img {
}
.bloc-listing-picture.shops img
{
	
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.bloc-listing-last
{
	width: 100%;
    display: inline-flex;
    justify-content: space-between;
	font-size: 0.9em;
}
.bloc-listing-middle
{
	width: 100%;
    display: inline-flex;
    justify-content: space-between;
	font-size: 1em;
}
.bloc-listing-date
{
	position: absolute;
    bottom: 80px;
    left: 10px;
}
.bloc-listing-date p
{
	
	font-family: 'Roboto Light';
    font-size: 0.9em;
}

.bloc-listing-last p
{
	font-family: 'Roboto Light';
	
}
.bloc-listing-last.shops p
{
	
}
.galerie-a-ads
{
	color: #cf7d84;
    border: 1px solid #d7bebb;
    padding: 2px 5px;
    border-radius: 4px;
	transition: 0.3s;
}
.galerie-a-ads:hover
{
	color: #ffffff;
    border: 1px solid #9b8080;
    background: #9b8080;
}


.bloc-listing-last span.nb-ads
{
    background: #fff;
    color: #787165;
    padding: 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    width: 100%;
    /* padding-bottom: 50px; */
    height: 150px;
}
@media(max-width:768px) {
	
	.bloc-listing-last span.nb-ads
{
    background: #fff;
    color: #787165;
    padding: 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
	width : 100%;
	padding-bottom: 50px;
}
}
.bloc-listing-last span.nb-ads i
{
	font-size: 1.2em;
}




.filters-search-listing span {
	
}
.background-search-listing > .call-search {
	position: absolute;
	display: inline-block;
	right: 15px;
	bottom: 22px;
	width: auto;
	max-width: 160px;
	padding: 10px 15px;
	background: #72ae20;
	border: 1px solid #72ae20;
	border-radius: 8px;
	font-family: 'Roboto Light';
	font-size: 0.9em;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
}
.active-shop > .search-alert-mail {
	
	font-size: 1em;
    display: inline-block;
    bottom: 15px;
    
}
.background-search-listing > .search-alert-mail {
	font-size: 0.85em;
	position: absolute;
	display: inline-block;
	right: 175px;
	bottom: 15px;
	width: 300px;
	padding-right: 15px;
	text-align: right;
}
.background-search-listing > .search-alert-mail .search-alert-mail-active {
	position: relative;
	display: inline-block;
	width: 42px;
	height: 22px;
	padding: 2px;
	border-radius: 12px;
	background-color: #b9b9b9;
}
.active-shop > .search-alert-mail .search-alert-mail-active, .active-mail > .search-alert-mail .search-alert-mail-active {
	
	position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    padding: 3px;
    border-radius: 12px;
    background-color: #b9b9b9;
}
.background-search-listing > .search-alert-mail .search-alert-mail-active.active {
	background-color: #72ae20;
}
.active-shop > .search-alert-mail .search-alert-mail-active.active, .active-mail > .search-alert-mail .search-alert-mail-active.active {
	background-color: #5cc369;
}
.background-search-listing > .search-alert-mail [type="checkbox"]:not(:checked), 
.background-search-listing > .search-alert-mail [type="checkbox"]:checked {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border-radius: 11px;
	opacity: 0;
}
.active-shop > .search-alert-mail [type="checkbox"]:not(:checked), 
.active-shop > .search-alert-mail [type="checkbox"]:checked,
.active-mail > .search-alert-mail [type="checkbox"]:not(:checked), 
.active-mail > .search-alert-mail [type="checkbox"]:checked{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border-radius: 11px;
	opacity: 0;
}
.background-search-listing > .search-alert-mail .text_info {
	margin-bottom: 5px;	
}
.active-shop > .search-alert-mail .text_info, .active-mail > .search-alert-mail .text_info {
	margin-bottom: 10px;	
}
.profile-account > .rubric-cat .text_info {
	margin-bottom: 20px;	
}
.background-search-listing > .search-alert-mail .data-active {
	display: inline-block;
	line-height: 20px;
	vertical-align: top;
	padding: 0 5px;
	font-size: 0.85em;
	font-family: 'Roboto Regular';
	color: #7b7b7b;
}
.active-shop > .search-alert-mail .data-active, .active-lail > .search-alert-mail .data-active  {
	display: inline-block;
	line-height: 24px;
	vertical-align: top;
	padding: 0 5px;
	font-size: 0.85em;
	font-family: 'Roboto Regular';
	color: #7b7b7b;
}
.background-search-listing > .search-alert-mail [type="checkbox"] + label {
	display: block;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	padding: 0;
	margin: 0;
}
.active-shop > .search-alert-mail [type="checkbox"] + label, .active-mail > .search-alert-mail [type="checkbox"] + label {
	display: block;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	padding: 0;
	margin: 0;
}
.background-search-listing > .search-alert-mail [type="checkbox"] + label::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #f7f7f7;
	border: 1px solid #bbbbbb;
	-webkit-transition: left .2s;
	-o-transition: left .2s;
	transition: left .2s;
}
.active-shop > .search-alert-mail [type="checkbox"] + label::before, .active-mail > .search-alert-mail [type="checkbox"] + label::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #f7f7f7;
	-webkit-transition: left .2s;
	-o-transition: left .2s;
	transition: left .2s;
}
.background-search-listing > .search-alert-mail [type="checkbox"]:checked + label::before {
	position: absolute;
	top: 0;
	left: 20px;
	content: "";
}
.active-shop > .search-alert-mail [type="checkbox"]:checked + label::before, .active-mail > .search-alert-mail [type="checkbox"]:checked + label::before {
	position: absolute;
	top: 0;
	left: 20px;
	content: "";
}

/* Premium */



.search-results-listing .list-premium
{
	width: 220px;
	margin-left: 15px;
}

.index-container .background-ads-premium img,
.ad-page-container .background-ads-premium img
{
	height: 140px;
}
.background-ads-premium img,
.background-shops-premium img
{
	width: 100%;
    height: 170px;
    /* margin-top: 6px; */
    border-radius: 5px;
    object-fit: cover;
}
.bloc-premium-infos [type="submit"]
{
	margin: 0 auto 20px;
}
.txt-info-premium
{
	color: #4A4A4A;
}
.txt-price-premium
{
	color: #272727;
}
.bloc-market-premium
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	height: 100%;
	margin-bottom: 20px;
}
.bloc-market-premium p
{
	margin: auto;
	width: 100%;
	padding: 40px 20px;
	line-height: 24px;
}
.more-premium-container
{
	width: 84%;
	margin: 40px auto;
}
#more-premium-page {
	margin: auto;
	font-family: 'Roboto Light';
}
#more-premium-page .logo {
	display: block;
	max-width: 230px;
	margin: 0 auto 40px;
}
#more-premium-page h2 {
	display: inline;
	margin: auto 0;
	font-size: 1.15em;
	color: #73ae20;
}
#more-premium-page .margin-top {
	margin-top: 20px;
}
#more-premium-page p {
	margin: 10px 0 20px;
	padding: 0 5px;
	text-align: justify;
	line-height: 22px;
}
@media (max-width: 1200px)
{
	.category-listing
	{
		margin: 15px 0px 10px 0px;
	}
}
@media (max-width: 1024px)
{
	.search-results-container.shop .search-form
	{
		width: 100%;
	}
}
@media (max-width: 930px)
{
	.list-premium,
	.index-container .list-premium,
	.ad-page-container .list-premium
	{
		display: none;
	}
	.listing-infos
	{
		width: 96%;
		
	}
	.search-results-listing {
		
		width: 96%;
	}
	.listing-infos h1
	{
		margin-top: 35px;
	}
	.listing-infos p.listing-infos-select
	{
		display: block;
		margin-top: 15px;
	}
	.listing-infos-dashbord .options-dashboard
	{
		
	}
	.background-ads-listing-disc,
	.background-search-listing,
	.background-ads-listing,
	.background-shops-listing
	{
	
	}
	
	
	.animate .background-ads-listing {
		
		outline: solid 0px;
		
	}
	.category-listing
	{
		display: block;
		font-size: 0.95em;
		margin: 5px 0px 10px 0px;
	}
	.bloc-listing-last
	{
		
	}
	.bloc-listing-last.shops
	{
		
	}
}
@media (max-width: 800px)
{
	.background-search-listing .filters-search-listing,
	.background-search-listing .filters-search-listing p
	{
		position: relative;
		max-height: 100px;
		overflow: hidden;
	}
}
@media (max-width: 768px)
{
	.background-shops-listing
	{
		height: auto;
	}
	.bloc-listing-last:not(.shops)
	{
		display: inline-flex;
	}
	.bloc-listing-picture,
	.bloc-listing-picture.shops
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 0;
	}
	.bloc-listing-picture.shops,
	.bloc-listing-picture.shops img
	{
		margin-top: 0;
	}
	.bloc-listing-picture img
	{
		
	}
	.title-listing
	{
		font-size: 1em;
	}
	.localisation-listing,
	.category-listing
	{
		
	}
	.bloc-listing-first.shops
	{
		padding: 0 0 0 1%;
	}
	.background-search-listing .text-search-listing {
		font-size: 0.9em;
	}
}
@media (max-width: 600px)
{
	.background-search-listing .filters-search-listing
	{
		width: 100%;
	}
	.background-search-listing {
		height: auto;
	}
	.background-search-listing > .search-alert-mail,
	.background-search-listing > .call-search {
		position: relative;
		display: block;
		right: 0;
		bottom: 0;
		margin-top: 15px;
	}
	.background-search-listing > .search-alert-mail {
		text-align: left;
	}
	.background-search-listing > .call-search {
		max-height: 40px;
		margin-top: 18px;
	}
}
@media (max-width: 500px)
{
	.bloc-listing-picture,
	.bloc-listing-picture.shops
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 0;
	}
	.bloc-listing-picture img
	{
		
	}
	.bloc-listing-picture.shops
	{
		height: 100px;
	}
	.bloc-listing-first
	{
		
	}
	.localisation-listing
	{
		
	}
	.category-listing
	{
		
	}
	.bloc-listing-last.shops
	{
		display: none;
	}
	.listing-pagination a,
	.listing-pagination .not-selected
	{
		padding: 7px;
		font-size: 0.9em;
	}
}

/*  ----- SEARCH -----  */

.z-index-1 {
	z-index: 1;
}
.z-index-11 {
	
	z-index: 11;
}
.z-index-9 {
	
	z-index: 9;
}
.z-index-99 {
	
	z-index: 99;
}

.index-container .search-header
{
	margin-bottom: 20px;
}
.search-geoloc-error
{
	text-align: center;
}

.search-form .search-ul-checkbox li
{
	margin: 10px 5px 10px 0;
}
.search-form .search-ul-checkbox-option li
{
	margin-top: 7px;
}
.search-form input:not([type="submit"]):not([type="range"]):not(.input-downbox):not([type="button"]):not(#key_search):not(start-date):not(end-date)
.search-form select
{
	display: inline-block;
	width: 100%;
    height: 46px;
    margin: 0 0 10px 0;
    border-radius: 8px;
    border: 1px solid #d4d2d8;
    padding-left: 8px;
    font-family: 'Roboto Light', Arial;
    font-size: 1em;
    color: #505050;
	background: #FFF;
}

.form-deposit #add-period{
	
	display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.form-deposit #calendar-container {
	
	display: block;
    margin:auto;
}

.search-form select
{
	background: #FFF url("../images/icons/icon_arrow_select.png") no-repeat right 12px center;
	background-size: 16px 10px;
	padding-right: 40px;
}
.search-geoloc,
.background-select-cat
{
	background: #73ae20;
	color: #FFF;
	text-transform: uppercase; 
}
.search-form input.input-keywords.dashboard
{
	width: 81%;
}
.search-form .get-options-p
{
	display: inline-block;
	width: 33.33%;
}
.search-form .get-options-p-date
{
	width: 33.33%;
}
.search-form .get-options-p-data
{
	display: inline-block;
	width: 16.66%;
}
.search-form #option .get-options-p-checkbox
{
	display: block;
}
.search-form #option .get-options-p-checkbox > div
{
	display: inline-block;
	width: auto;
	margin-right: 5%;
}
.search-form #option .get-options-p-checkbox > div > p
{
	font-family: 'Roboto Regular';
	margin: 8px 0 2px;
}
.search-form .get-options-p input:not([type="submit"]),
.search-form .get-options-p select,
.search-form .get-options-p-date input:not([type="submit"])
{
	width: calc(50% - 4px);
}
.search-form .get-options-p-data input:not([type="submit"]),
.search-form .get-options-p-data select
{
	width: calc(100% - 4px);
}

#more-search {
	font-family: 'Roboto Light';
	font-size: 0.95em;
	line-height: 20px;
	vertical-align: middle;
	cursor: pointer;
	margin: 10px 0;
}
.more-search-item {
	font-family: 'Roboto Regular';
	font-size: 1.1em;
	display: inline-block;
	height: 20px;
	width: 20px;
	text-align: center;
	margin-right: 7px;
	background-color: #72ae20;
	border-radius: 4px;
	color: white;
}
@media (max-width: 1024px)
{
	.search-form
	{
		width: 100%;
	}
}
@media (max-width: 930px)
{
	.search-form
	{
		margin-top: 0;
		border-radius: 0;
	}
	.search-form input:not([type="submit"]):not([type="button"]):not(.range-constrast-slider),
	.search-form select,
	.search-form input.input-keywords,
	.search-form input.input-keywords.dashboard,
	.search-form .get-options-p,
	.search-form .get-options-p-data,
	.search-form .get-options-p-date
	{
		width: 100%;
	}
	.search-form .get-options-p input:not([type="submit"]),
	.search-form .get-options-p select
	{
		width: calc(50% - 2px);
	}
	.search-form .get-options-p-data input:not([type="submit"]),
	.search-form .get-options-p-data select
	{
		width: 100%;
	}
}

/*  ----- AD PAGE DESIGN -----  */

.ad-page-container
{
	width: 84%;
	margin: 40px auto;
}
.ad-page-bloc-title ul
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 5px;
}
.ad-page-bloc-title li
{
	display: inline;
	color: #73ae20;
	font-family: 'Roboto Regular';
	font-size: 1em;
	margin: auto;
}
.ad-page-bloc-title li a,
.ad-page-bloc-title li span
{
	display: inline;
	color: #3f3f3f;
	font-family: 'Roboto Light';
	text-decoration: none;
}
.ad-page-bloc-title li span
{
	padding: 0 5px;
}
.ad-page-bloc-title li a:hover
{
	text-decoration: underline;
}
.ad-page-bloc-title h1
{
	display: inline;
	margin: 5px 10px 5px 0;
	font-size: 1.45em;
	color: #73ae20;
	padding: 0 0;
	text-align: left;
}
.ad-page-bloc-title div
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.ad-page-bloc-title div p
{
	margin: auto;
	margin-right: 0;
	color: #3f3f3f;
	font-family: 'Roboto Light';
	font-size: 1.15em;
}
.ad-page-bloc-title div p a
{
	font-family: 'Roboto Regular';
	color: #73ae20;
}
.ad-page-bloc-title div .icon-heart
{
	position: relative;
}
.ad-page-bloc-title div p
{
	margin-right: 5px;
}
.ad-page-bloc-title div p a.icon-heart
{
	
	width: 30px;
	height: 26px;
	margin: auto;
}
.ad-page-bloc-title div p a.icon-heart.selected
{
	display: block;
	width: 30px;
	height: 26px;
	color:red;
}
.ad-page-parent-container
{
	margin: 30px 0;
}
.ad-page-large-container
{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	position: relative;
}
.ad-page-bloc-photo
{
	width: 100%;
	text-align: center;
	background: #f9f9f9;
	border-radius: 10px;
}
.ad-page-bloc-photo .bloc-photo
{
	
}
@media (max-width: 768px)
{
	.ad-page-bloc-photo .bloc-photo
	{
		
	}
}
.ad-page-bloc-photo img
{
	max-width: 100%;
	height: 100%;
	border-radius: 3px;
	object-fit: cover;
}


/*  Ad pictures slideshow  */

/* Ad vidéo */
.ad-page-bloc-video
{
	margin-top: 20px;
	background: #f9f9f9;
	-webkit-box-shadow: 0 0 4px 0 #c4c4c4;
	        box-shadow: 0 0 4px 0 #c4c4c4;
	border-radius: 10px;
	text-align: center;
	padding: 20px;
}
.ad-page-bloc-video p
{
	font-family: 'Roboto Light';
}
.ad-page-bloc-video a
{
	color: #ff8341;
}
#video iframe
{
	width: 100%;
	height: 400px;
	margin-top: 20px;
}
/* Ad infos */


.animate .ad-page-bloc-infos {
	
	margin-top: 0px;
    border-radius: 0px;
	box-shadow: none;
	-webkit-box-shadow:none;
	
}

.ad-page-bloc-infos aside p.title_ad_opt
{
	font-family: 'Roboto Light';
	width: 330px;
	min-width: calc(25% - 30px);
	margin: 0 0 5px 0;
}
.ad-page-bloc-infos aside p.result_ad_opt
{
	font-family: 'Roboto Light';
	width: 300px;
	min-width: calc(25% - 30px);
	margin: 0 0 15px 0;
}
.ad-page-bloc-infos aside p span
{
	text-transform: uppercase;
}
.ad-page-bloc-infos .document img
{
	width: 24px;
	margin-right: 5px;
}
.ad-page-bloc-infos .location
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: 'Roboto Light';
	font-size: 1.1em;
	background: url("../images/icons/icon_google_map.png") no-repeat;
	background-size: 50px 50px;
	height: 50px;
	padding-left: 68px;
	margin-top: 20px;
}

.ad-page-bloc-infos .report-abuse
{
	text-align: right;
	margin-top: 20px;
}
.ad-page-bloc-infos .report-abuse a
{
	display: inline-block;
	height: 16px;
	background: url("../images/icons/icon_report_abuse.png") no-repeat top left;
	background-size: 18px 16px;
	padding: 1px 0 0 27px;
	color: #636363;
	font-size: 0.95em;
	text-decoration: none;
}
.ad-page-bloc-infos .report-abuse a:hover
{
	text-decoration: underline;
}
/* Calendar */
.ad-page-bloc-infos .bloc-calendar
{
	margin-bottom: 20px;
}
.ad-page-bloc-infos .bloc-calendar span:not(.ui-datepicker-month):not(.ui-datepicker-year)
{
	color: #666666;
}
.ad-page-bloc-infos .bloc-calendar div.date-list-calendar
{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.ad-page-bloc-infos .bloc-calendar div.date-calendar
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 60%;
}
.ad-page-bloc-infos .bloc-calendar div.date-calendar > div
{
	margin: auto;
}
#cal-show .date-available a
{
	    background-color: #75dc63 !important;
    background-image: none !important;
    color: White !important;
    font-weight: bold !important;
    cursor: default;
    border: none;
}
#cal-show .ui-state-default
{
	background-image :none !important;
	background-color : #999999 !important;
	color: White !important;
	cursor: default;
	border: 1px solid #999999;
}
.cal-available
{
	border-left: solid 34px #75dc63;
	line-height: 24px;
	padding-left: 7px;
	margin: 12px 0 4px 0;
}
.cal-not-available
{
	border-left: solid 34px #e5e5e5;
	line-height: 24px;
	padding-left: 7px;
	margin: 10px 0 4px 0;
}
/*
#ui-datepicker-div
{
	font-size: 0.8em;
	z-index: 88888;
}
#ui-datepicker-div td
{
	z-index: 88888;
}
#ui-datepicker-div .ui-dialog
{
	font-size: 1em;
}
#ui-datepicker-div .ui-widget-header
{
	background: #777777;
}
#ui-datepicker-div .ui-datepicker-month,
#ui-datepicker-div .ui-datepicker-year
{
	color: #FFFFFF;	
}
.ui-state-active, 
.ui-widget-content 
.ui-state-active, 
.ui-widget-header 
.ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover
{
	border: 1px solid #c5c5c5;
	background: none;
	font-weight: inherit;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
*/
/* Comments */
.post-comment
{   
	background: #F4F4F4;
	margin: 0 0 2px 0;
	padding: 20px;
}
.post-comment p:not(.no-comment-text)
{
	margin: 10px 0 0;
}
.post-comment p .comment-title
{
	font-family: 'Roboto Light';
}
.post-comment p .comment-pseudo,
.post-comment p .comment-date
{
	color: #717171;
	font-size: 0.9em;
}
#comment-form-wrap
{
	background: #F4F4F4;
	margin: 0 0 2px 0;
	padding: 20px;
}
#form-post-comment .rating
{
	margin-bottom: 15px;
}
#form-post-comment [type="submit"]
{
	display: block;
	margin: 10px 0;
	width: 200px;
	padding: 10px;
}
#form-post-comment input.form-error,
#form-post-comment textarea.form-error
{
	border: 1px solid #E60004;
}
#page_ad_com_msg_valid
{
	padding: 7px 10px 0 0;
}
#error-post-form-comment,
#error-post-form-comment-email
{
	display: none;
	padding: 2px 5px 0 0;
	margin:  0 0 20px;
}
#valid-post-form-comment,
#comments-show
{
	display: none;
}
.ad-page-bloc-infos.contact
{
	margin-top: 0;
}
.ad-page-bloc-infos.contact .name-contact
{
	display: block;
	text-align: center;
	font-family: 'Roboto Regular';
	font-size: 1.4em;
	margin-bottom: 20px;
}
.ad-page-bloc-infos.contact .name-contact span
{
	display: block;
	font-family: 'Roboto Light';
	font-size: 0.75em;
	color: #3f3f3f;
	padding-top: 10px;
}

.ad-page-bloc-infos.contact a.message
{
	background: #9d9d9d;
}

.ad-page-bloc-infos.contact a img
{
	height: 14px;
	padding-right: 7px;
}
.ad-page-bloc-infos .share
{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.ad-page-bloc-infos .share > * {
	margin-right: 5px;
}
.ad-page-bloc-infos .share > *:last-child {
	margin-right: 0;
}
.ad-page-bloc-infos .share a:hover
{
	opacity: 0.8;
}
.ad-page-bloc-infos .share img
{
	height: 34px;
	border-radius: 3px;
}
.ad-page-bloc-infos.management .title
{
	padding-bottom: 15px;
}

.ad-page-bloc-infos.management a:hover
{
	opacity: 0.9;
	
}

.ad-page-bloc-infos.management a:hover i
{
	color:#21aee6;
	
}
.ad-page-bloc-infos.management a img,
.ad-page-bloc-infos.stats p img
{
	height: 22px;
	padding-right: 5px;
	padding-left: 5px;
}
.ad-page-bloc-infos.stats p:not(.title)
{
	line-height: 30px;
}
.ad-page-bloc-infos.stats
{
	margin-bottom: 20px;
}
@media (max-width: 1024px)
{
	.ad-page-container
	{
		width: 96%;
	}
}
@media (max-width: 930px)
{
	.ad-page-small-container
	{
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
	.ad-page-bloc-title ul,
	.ad-page-bloc-title div
	{
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
		display: block;
		width: 100%;
		text-align: center;
	}
	.ad-page-bloc-title h1
	{
		margin: 10px auto;
		text-align: center;
	}
	.ad-page-bloc-title div
	{
		margin-top: 10px;
	}
	.ad-page-parent-container
	{
		margin-top: 25px;
	}
}
@media (max-width: 768px)
{
	.ad-page-bloc-infos .bloc-calendar div.date-list-calendar
	{
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.ad-page-bloc-infos .bloc-calendar div.date-list-calendar p
	{
		
	}
	.ad-page-bloc-infos .bloc-calendar div.date-calendar
	{
		width: 100%;
	}
}
@media (max-width: 530px)
{
/*
	#modal_nav_wrap {
			bottom: 40px;
		}
	#my_slides {
		margin-top: -40px;
	}
*/
}

/*  ----- SHOP PAGE DESIGN -----  */

.shop-page-container
{
	width: 95%;
	margin: 40px auto 0;
}
.shop-page-bloc-title ul
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.shop-page-bloc-title li
{
	display: inline;
	color: #73ae20;
	font-family: 'Roboto Regular';
	font-size: 1em;
	margin: auto;
}
.shop-page-bloc-title li a,
.shop-page-bloc-title li span
{
	display: inline;
	color: #3f3f3f;
	font-family: 'Roboto Light';
	text-decoration: none;
}
.shop-page-bloc-title li span
{
	padding: 0 5px;
}
.shop-page-bloc-title li a:hover
{
	text-decoration: underline;
}
.shop-page-bloc-title h1
{
	display: inline;
	margin: auto 0;
	font-size: 1.45em;
	color: #73ae20;
	padding: 0 5px;
}
.shop-page-bloc-title h1 span:first-child
{
	color: #3f3f3f;
}
.shop-page-bloc-infos .title
{
	font-family: 'Roboto Regular';
	font-size: 1.2em;
	padding-bottom: 20px;
}
.shop-page-bloc-infos .logo
{
	text-align: center;
}
.shop-page-bloc-infos .description
{
	margin-top: 20px;
}

.shop-page-bloc-infos .display-phone i
{
	margin-right: 15px;
	font-size: 1.1em;
}

.shop-page-bloc-infos .contact a:hover
{
	opacity: 0.9;
	-webkit-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
	text-decoration: underline;
}

.shop-page-bloc-infos .contact a.website
{
	margin: 10px 0 0;
}
.shop-page-bloc-infos .contact a img
{
	height: 14px;
	padding-right: 7px;
}
.shop-page-bloc-infos .location
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: 'Roboto Light';
	font-size: 1.1em;
	background: url("../images/icons/icon_google_map.png") no-repeat;
	background-size: 50px 50px;
	height: 50px;
	padding-left: 68px;
	margin-top: 10px;
}
.shop-page-bloc-infos .location p
{
	margin: auto 0;
	padding-top: 10px;
}
.shop-page-bloc-infos .location p a
{
	color: #dd4b3e;
	font-size: 0.9em;
}
.shop-page-bloc-infos .share
{
	text-align: center;
}
.shop-page-bloc-infos .share a {
	margin-right: 5px;
}
.shop-page-bloc-infos .share a:hover
{
	opacity: 0.8;
}
.shop-page-bloc-infos .share img
{
	height: 34px;
	border-radius: 3px;
}
.shop-page-bloc-infos.management .title
{
	padding-bottom: 15px;
}
.shop-page-bloc-infos.management a
{
	display: block;
	margin-top: 5px;
	line-height: 45px;
	color: #3f3f3f;
	font-family: 'Roboto Regular';
	text-decoration: none;
}
.shop-page-bloc-infos.management a:hover
{
	opacity: 0.9;
	background: #f4f4f4;
}
.shop-page-bloc-infos.management a img,
.shop-page-bloc-infos.stats p img
{
	height: 22px;
	padding-right: 5px;
	padding-left: 5px;
}
@media (max-width: 1024px)
{
	.shop-page-container
	{
		width: 96%;
	}
}
@media (max-width: 930px)
{
	.shop-page-small-container
	{
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
	.shop-page-small-container
	{
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
	.shop-page-bloc-title ul,
	.shop-page-bloc-title div
	{
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
		display: block;
		width: 100%;
		text-align: center;
	}
	.shop-page-bloc-title h1
	{
		margin: 10px auto;
	}
}

/* ----- DIALOG BOX -----  */

.dialog-box-layer {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
}
.dialog-box {
	overflow: auto;
	background-color: white;
	border-radius: 12px;
}
.dialog-box > *:not(#close-button):not(.user-message-menu) {
	width: 100%;
}
.box-close-button,
.dialog-box#close-button {
	
	position: fixed;
	display: none;
	top: 30px;
	right: 30px;
	width: 36px;
	height: 36px;
	line-height: 32px;
	margin: auto;
	vertical-align: middle;
	text-align: center;
	font-family: 'Roboto Regular';
	border: 2px solid #bababa;
	color: #bababa;
	border-radius: 18px 18px 18px 18px;
	cursor: pointer;
	z-index: 1001;
	background: transparent;
	overflow: hidden;
	font-size: 1.9em;
}

#close-menu{
	
	display: flex;
    align-items: stretch;
    padding: 9px 12px;
    position: absolute;
    right: 15px;
    background: none;
    border-radius: 10px;
    cursor: pointer;
    color: #1c1c1c;
}
#close-report{
	
	display: flex;
    align-items: stretch;
    padding: 9px 12px;
    position: absolute;
    right: 15px;
    background: none;
    border-radius: 10px;
    cursor: pointer;
    color: #1c1c1c;
	top:6px;
}
#close-menu:hover, #close-report:hover {
	
	background: #e4e4e4;
	   
}
#close-menu i, #close-report i  {
	
	font-size: 1.8em;
    color: #999999;
	   
}

@media (max-width: 650px)
{
	.dialog-box#close-button {
		top: 15px;
		right: 15px;
	}
}
.dialog-box .container-info p:nth-child(3)
{
	width: 98%;
}
/*  Google Map */
#gmap-box #gmap {
	display: block;
	width: 100%;
	height: 100%;
	min-width: 300px;
	min-height: 300px;
	margin-bottom: 0;
}

/*  ----- ADVERTISEMENT AREAS -----  */

.bloc-advertisement-area
{
	margin: 0 0 20px;
}
.bloc-advertisement-area.listing
{
	margin: 20px 0;
}
.bloc-advertisement-area div
{
	width: 100%;
	margin-top: 20px;
	-webkit-box-shadow: 0 0 4px 0 #c4c4c4;
	        box-shadow: 0 0 4px 0 #c4c4c4;
	background: #f9f9f9;
	border-radius: 10px;
}
.bloc-advertisement-area > *:not(div):not(script)
{
	margin-top: 20px;
	display: block;
}
.bloc-advertisement-area img
{
	max-width: 100%;
}
.bloc-advertisement-area div p
{
	padding: 10px 10px 5px;
	text-align: left;
}
.bloc-advertisement-area div p:nth-child(1)
{
	width: 65px;
}
.bloc-advertisement-area div p:nth-child(1) img
{
	border-radius: 3px;
}
.bloc-advertisement-area div p:nth-child(2)
{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin: auto 0;
}
.bloc-advertisement-area div p a
{
	font-family: 'Roboto Light';
	color: #3f3f3f;
	font-size: 0.95em;
	text-decoration: none;
}
.bloc-advertisement-area div p a:hover
{
	opacity: 0.9;
	text-decoration: underline;
}

/* ----- POPUP -----  */

.ui-draggable .ui-dialog-titlebar
{
	display: none;
}
#popup_msg
{
	margin: 0;
	padding: 0;
}
#popup_msg p, #popup_msg span
{
	margin: 0;
    padding: 0;
    width: 100%;
    align-items: center;
    justify-content: space-around;
}

 .share-all { 
	 
    display: inline-flex;
    font-size: 3em;
    justify-content: space-around;
    padding: 40px;
    width: 100%;
}

 .share-all i { 
	 
	 cursor: pointer;
}

.share-all a:nth-child(1)
{
	color:#25d366;	
}
.share-all a:nth-child(2)
{
	color:#000;
}
.share-all a:nth-child(3)
{
	color:#0866ff;
}
.share-all a:nth-child(4)
{
	color:#FFC107;
}

.share-all a:nth-child(1):hover
{
	
}
.share-all a:nth-child(2):hover
{
	
}
.share-all a:nth-child(3):hover
{
	
}
.share-all a:nth-child(4):hover
{
	
}
#popup_msg span.active
{
	padding-top: 10px;
	font-family: 'Roboto Regular';
	font-size: 0.9em;
	color:#a18686;
}
#popup_msg .ui-button
{
	font-size: 0.8em;
}
.ui-widget-overlay.custom-overlay
{
    background-color: black;
    background-image: none;
    opacity: 0.4;
    z-index: 1040;    
}
.ui-widget .ui-widget
{
	font-size: 0.9em;
}
.ui-dialog
{
	padding: 0;
}
.ui-dialog .ui-dialog-buttonpane
{
	border: none;
	margin-top: 0 !important;
	padding: 0;
}

#popup_share .ui-dialog-buttonset
{
	text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;

}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button
{
	border: none;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child:hover
{
	color: #FFFFFF;
	background: #65da8c !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:last-child:hover
{
	color: #FFFFFF;
	background: #ff5a5a !important;
}



/* MENU */



/* 
  You want a simple and fancy tooltip?
  Just copy all [data-tooltip] blocks:
*/
[data-tooltip] {
  --arrow-size: 5px;
  position: relative;
  z-index: 10;
}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  bottom: calc(100% + var(--arrow-size));
  pointer-events: none;
  transition: 0.1s;
  will-change: transform;
}

/* The actual tooltip with a dynamic width */
[data-tooltip]:before {
  content: attr(data-tooltip);
  padding: 8px 15px;
  min-width: 50px;
  max-width: 300px;
  width: max-content;
  width: -moz-max-content;
  border-radius: 6px;
  font-size: 14px;
  background-color: #15212f;
  background-image: linear-gradient(30deg, #15212f, rgba(59, 68, 75, 0.44), #15212f);
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  white-space: pre-wrap;
  transform: translate(-50%,  calc(0px - var(--arrow-size))) scale(0.1);
}

/* Tooltip arrow */
[data-tooltip]:after {
  content: '';
  border-style: solid;
  border-width: var(--arrow-size) var(--arrow-size) 0px var(--arrow-size); /* CSS triangle */
  border-color: #15212f transparent transparent transparent;
  transition-duration: 0s; /* If the mouse leaves the element, 
                              the transition effects for the 
                              tooltip arrow are "turned off" */
  transform-origin: top;   /* Orientation setting for the
                              slide-down effect */
  transform: translateX(-50%) scaleY(0);
}

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
/* Scales from 0.5 to 1 -> grow effect */
[data-tooltip]:hover:before {
  transition-delay: 0.1s;
  transform: translate(-50%, calc(0px - var(--arrow-size))) scale(1);
}
/* 
  Arrow slide down effect only on mouseenter (NOT on mouseleave)
*/
[data-tooltip]:hover:after {
  transition-delay: 0.1s; /* Starting after the grow effect */
  transition-duration: 0.1s;
  transform: translateX(-50%) scaleY(1);
}
/*
  That's it for the basic tooltip.

  If you want some adjustability
  here are some orientation settings you can use:
*/

/* LEFT */
/* Tooltip + arrow */
[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
  left: auto;
  right: calc(100% + var(--arrow-size));
  bottom: 50%;
}

/* Tooltip */
[data-tooltip-location="left"]:before {
  transform: translate(calc(0px - var(--arrow-size)), 50%) scale(0.2);
}
[data-tooltip-location="left"]:hover:before {
  transform: translate(calc(0px - var(--arrow-size)), 50%) scale(1);
}

/* Arrow */
[data-tooltip-location="left"]:after {
  border-width: var(--arrow-size) 0px var(--arrow-size) var(--arrow-size);
  border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
  transform-origin: left;
  transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="left"]:hover:after {
  transform: translateY(50%) scaleX(1);
}



/* RIGHT */
[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
  left: calc(100% + var(--arrow-size));
  bottom: 50%;
}

[data-tooltip-location="right"]:before {
  transform: translate(var(--arrow-size), 50%) scale(0.2);
}
[data-tooltip-location="right"]:hover:before {
  transform: translate(var(--arrow-size), 50%) scale(1);
}

[data-tooltip-location="right"]:after {
  border-width: var(--arrow-size) var(--arrow-size) var(--arrow-size) 0px;
  border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
  transform-origin: right;
  transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="right"]:hover:after {
  transform: translateY(50%) scaleX(1);
}



/* BOTTOM */
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
  top: calc(100% + var(--arrow-size));

  bottom: auto;
}

[data-tooltip-location="bottom"]:before {
  transform: translate(-50%, var(--arrow-size)) scale(0.2);
}
[data-tooltip-location="bottom"]:hover:before {
  transform: translate(-50%, var(--arrow-size)) scale(1);
}

[data-tooltip-location="bottom"]:after {
  border-width: 0px var(--arrow-size) var(--arrow-size) var(--arrow-size);
  border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
  transform-origin: bottom;
}


.example-elements {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  text-align: center;
  padding-right: 4%;
}

.example-elements p {
  padding: 6px;
  display: inline-block;
  margin-bottom: 5%;
  color: #fff;
}
.example-elements p:hover {
  border-left: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
  padding-left: 5px;
  padding-right: 5px;
}

.example-elements a {
  margin-left: 6px;
  margin-bottom: calc(5% + 10px);
  color: #76daff;
  text-decoration: none;
}
.example-elements a:hover {
  margin-bottom: calc(5% + 9px);
  border-bottom: 1px solid #76daff;
}

.example-elements button {
  margin-bottom: 20px;
}


/* Thumbnail settings */
@media (max-width: 750px) {
  
  .info-wrapper p:before,
  .info-wrapper p:after {
    display: none;
  }
  .example-elements {
    max-width: 150px;
    font-size: 22px;
  }

  .example-elements p:before, 
  .example-elements p:after {
    visibility: visible;
    opacity: 1;
  }
  .example-elements p:before {
    content: "Tooltip";
    font-size: 20px;
    transform: translate(-50%, calc(0px - var(--arrow-size))) scale(1);
  }
  .example-elements p:after {
    transform: translate(-50%, -1px) scaleY(1);
  }
  
  
  [data-tooltip]:after {
    bottom: calc(100% + 3px);
  }
  [data-tooltip]:after {
    border-width: 7px 7px 0px 7px;
  }
}