@charset "UTF-8";
/* Your custom styles */
/*---------- Margin & Padding -------*/
.p-t-10{
	padding-top: 10px;
}
.p-t-50{
	padding-top: 50px;
}
.p-t-20{
	padding-top: 20px;
}
.p-b-20{
	padding-bottom: 20px;
}
.p-b-30{
	padding-bottom: 30px;
}
.p-b-50{
	padding-bottom: 50px;
}
.p-l-10{
	padding-left: 10px;
}
.p-l-20{
	padding-left: 20px;
}
.p-l-30{
	padding-left: 30px;
}
.m-t-50{
	margin-top: 50px;
}
.m-t-20{
	margin-top: 20px;
}
.m-r-20{
	margin-right: 20px;
}
.m-l-0{
	margin-left:0px;
}
.m-t-10{
	margin-top: 10px;
}
.m-t-0{
	margin-top: 0px;
}
.m-b-10{
	margin-bottom: 10px;
}
.m-b-5{
	margin-bottom: 5px;
}
.m-b-0{
	margin-bottom: 0;
}
.float-right{
	float: right;
}
.inline{
	display: inline-block;
}
/*---------- Colors -------*/
.red{
	color: #ed145b;
}
.green{
	color: #1aa79b;
}
.blue{
	color: #4680ff;
}
.blanc{
	color: white;
}
.gris{
	color: #757575;
}
.color-ecole{
	color: #62d1f3;
}
.color-club{
	color: #FFB64D;
}
.color-resto{
	color: #93BE52;
}
.color-bar{
	color: #303548;
}
.bg-red{
	background-color: #ed145b;
}
.bg-gris{
	background-color: #757575;
}
.gold{
	color: #fbd400;
}
.border-gold{
	border-color: #fbd400;
}
.relative{
	position: relative;
}

.notify .point {
  width: 5px;
  height: 5px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #fc4b6c;
  position: absolute;
  right: 0px;
  top: 0px;
}
.notify .heartbit {
  position: absolute;
  top: -5px;
  right: -5px;
  height: 15px;
  width: 15px;
  z-index: 10;
  border: 2px solid #fc4b6c;
  border-radius: 70px;
  -moz-animation: beat 1.5s ease-out;
  -moz-animation-iteration-count: infinite;
  -o-animation: beat 1.5s ease-out;
  -o-animation-iteration-count: infinite;
  -webkit-animation: beat 1.5s ease-out;
    animation-iteration-count: 1;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.new-notif .point {
  width: 5px;
  height: 5px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #fc4b6c;
  position: absolute;
  left: 0px;
  top: 0px;
}
.new-notif .heartbit {
  position: absolute;
  top: -5px;
  left: -5px;
  height: 15px;
  width: 15px;
  z-index: 10;
  border: 2px solid #fc4b6c;
  border-radius: 70px;
  -moz-animation: beat 1.5s ease-out;
  -moz-animation-iteration-count: infinite;
  -o-animation: beat 1.5s ease-out;
  -o-animation-iteration-count: infinite;
  -webkit-animation: beat 1.5s ease-out;
    animation-iteration-count: 1;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes beat {
  	0% {
	  opacity:1;
	}
	14% {
		opacity:0.5;
	}
	28% {
		opacity:0;
	}
	42% {
		opacity:0.3;
	}
	70% {
		opacity:0.6;
	}
}

/*---------- Général -------*/
.capital{
	text-transform:uppercase;
}
.km{
	font-style: italic;
	font-size: 12px;
	color: #ed145b;
}
.box_info ul li a{
	color: #4680ff;
}
.box_info a.button{
	background-color: #4680ff;
}
.billes{
	max-width: 30px;
	display: inline-block;
}
.listing-search i {
	font-size: 20px;
}
.flags-nav{
	border-radius: 100%;
	margin-right: 5px;
	margin-top: 3px;
	width: 13px;
	height: 13px;
}
.compteur a, a.steps-link {
    cursor: default;
}
a.show-map:hover, a.hide-map:hover, a.show-tuto:hover, a.hide-tuto:hover{
	color:white;
}
.li-win-coins{
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
}
a.steps-link{
	background: rgba(255, 255, 255, 0.7);
}
#section-1 .list_tabs img{
	border: 1px solid #4680ff;
}
#section-2 .list_tabs img{
	border: 1px solid #ed145b;
}
/*-----Tuo IMG-------*/
ul.ul-tuto{
	list-style: none;
	padding-top: 20px;
}
ul.ul-tuto span.puce-tuto{
	padding: 5px 10px;
	background-color: #4680ff;
	border-radius: 100%;
	color: white;
	font-weight: bold;
}
#tuto-video{
	width: 70%; 
	margin: 0 auto;
}
#tuto-video iframe{
	width: 100%;
	height: 295px; 
	
}
/*-----Barre de recherche-------*/
.btn-search{
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px 20px;
	font-size: 20px;
}
/*---------- Formulaires -------*/
.champ-obligatoire{
	font-style: italic;
	color: #ed145b;
	padding-bottom: 5px;
	font-size: 13px;
	margin-bottom: 0px
}
.status-verif{
	color: #555;
}
.error{
	border-color: #ed145b;
}
.success{
	border-color: #1aa79b;
	color: #1aa79b;
}
.status{
	padding-left: 15px;
	font-style: italic;
}
.label-account{
	color: #4680ff
}
.select-account{
	width: 100%;
}

/*---------- Boutons -------*/
.btn-account{
	margin-left: 16px;
	margin-top: 20px;
}
.button_red {
  background-color: #ed145b;
}
.button_red:hover {
  background-color: #ea467c;
}
.show-edit .small{
	color: white;
}
/*----- Map ----*/
#map, #map-detail{
	height: 500px;
}
#map-detail{
	border: 1px solid grey;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip{
	background: none;
	box-shadow: none;
}
.leaflet-popup-content{
	margin: 0;
}
/*----- Recherche ----*/
#count-results{
	margin:0;
	padding:20px;
}
.ico-filtre{
	font-size: 20px;
}
.nofound{
	font-size: 15px;
}
.nfhelp{
	font-size: 22px;
	font-weight: 300;
	opacity: 1;
}
/*---------- Single -------*/
.img-etab{
	width: 80%;
	margin: 0 auto;
	padding-top: 20px;
}
ul#tools_2 #gerant a, ul#tools_2 #gerant i{
	color: #ed145b;
}
.filters_col2{
	background-color:#fff;
	padding:7px 10px 7px 20px;
	border: 1px solid #ededed;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:10px;
}
a#filters_col_bt2,a#filters_col_bt3,a#filters_col_bt4{
	display:block;
	color:#333;
	font-size:14px;
}
a#filters_col_bt2:before,a#filters_col_bt3:before,a#filters_col_bt4:before{
	font-family: "ElegantIcons";
	font-size:26px;
	vertical-align: middle;
	padding-right: 10px;
	line-height:1.5;
	color: #4680ff;
}
a#filters_col_bt2:before{
  	content: "\7d";
}
a#filters_col_bt3:before{
  	content: "\e010";
}
a#filters_col_bt4:before{
  	content: "\e02c";
}
.filters_col2 #jours-ouverts{
	padding: 0;
	font-size: 13px;
}
.filters_col2 hr{
	margin-top: 5px;
}
.filters_col2 a span{
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.filters_col2 a:hover span{
	padding-left:5px;
	color:#ed145b;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.labels-single{
	background: #eef3f7;
	padding: 20px 20px;
	margin-top: 70px;
	margin-bottom: 30px;
	border-radius: 5px;

}
.labels-single h3{
	margin: 0;
	font-size: 20px;
}
.avis{
	border-radius: 5px;
	border: 1px solid #ededed;
	padding: 20px;
	margin: 0 1px 20px 1px;
}
.avis h3{
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 20px;
}
.avis h5{
	font-style: italic;
	margin-top: 0;
}
.avis span.light{
	font-size: 13px;
}
.avis p{
	margin: 0;
}
.avis h3 span{
	float: right;
}
.btn_avis{
	position: relative;
	margin-top:60px;
}
.avatar{
	border-radius: 100px;
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
}
#revendique-etab{
	background:#ed145b url(/img/bg_subscribe.png) no-repeat left top;
	color:#fff;
}
#avantages-listing{
	padding-left: 70px;
}
#avantages-listing li{
	list-style: none;
}
#avantages-listing h4{
	margin-bottom: 0;
}
#avantages-listing li i{
	font-size: 25px;
}
#avantages-listing li p{
	font-style: italic;
	padding-left: 40px;
}
#form-code-request{
	padding: 20px;
	border: 1px solid #ed145b;
}
#chek-accept{
	display: inline;
}
#form-code-request #mail_request{
	width: 50%;
	margin: 0 auto;
}
#form-code-valid{
	padding: 20px;
	border: 1px solid #4680ff;
}
.details-infos{
	border: 1pd solid grey;
}
/*---------- Single édit -------*/
#tools_2 .icofont{
	font-size: 24px; 
	padding-left: 7px;
}
.edit-infos{
	padding-left: 15px;
	color: grey;
}
.edit-infos:hover{
	padding-left: 20px;
	color: #ed145b;
}
.show-edit label, .show-user label{
	opacity:0.6;
}
.show-edit .labels-single, .show-user .labels-single{
	margin-top: 0;
}
#accueil-edit .box_cat a, #accueil-user .box_cat a, #coins-user .box_cat a{
	padding: 40px 5px 0 5px;
	min-height: 0;
}
#accueil-edit .box_cat a span, #accueil-user .box_cat a span, #coins-user .box_cat a span{
	padding-top: 5px;
}
#accueil-edit .box_cat a i, #accueil-user .box_cat a i, #coins-user .box_cat a i{
	font-size: 30px;
	color: #4680ff;
}
#accueil-edit .box_cat a p, #accueil-user .box_cat a p, #coins-user .box_cat a p{
	font-size: 12px;
	font-style: italic;
	color: #757575;
}
#accueil-edit .box_cat a{
	padding: 40px 5px 0 5px;
	min-height: 0;
	cursor: default;
}
.widget a{
	padding: 40px 5px 0 5px;
	min-height: 0;
}
.widget a span{
	padding-top: 5px;
}
.widget a i{
	font-size: 30px;
	color: #4680ff;
}
.widget a p{
	font-size: 12px;
	font-style: italic;
	color: #757575;
}
#accueil-edit .box_cat .avert-dasboard{
	border-color: #ed145b; 
	padding-top: 15px;
	color: #ed145b;
}
#accueil-edit .box_cat .avert-dasboard i{
	font-size: 50px;
	color: #ed145b;
}
#accueil-edit .box_cat .avert-dasboard p{
	font-size: 15px;
	color: #ed145b;
}
#add-orga{
	padding: 15px;
	border: 1px solid grey;
	margin-bottom: 20px;
}
.list-orga{
	border-top: 1px solid #eef3f7;
	padding: 10px 0 10px 20px;
}
.flags-orga{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	margin-top: -10px;
}
/*---------- Horaires -------*/
#edit-horaires .day{
	padding: 5px;
	color: white;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;
	background-color: #62d1f3;
}
#edit-horaires .plage-horaire input, #temp-from-to input{
	height: 30px;
	line-height: 15px;
}
#jours-ouverts{
	list-style: none;
}
/*---------- Tarifs -------*/
.show-edit .switchery{
	float: none;
	clear:both;
}
/*---------- Espace perso -------*/
#account-user p{
	margin-bottom: 5px;
}
.show-user .icon-edit:hover{
	cursor: pointer;
}
input#email-user{
	width: 50%;
}
.show-user p.confidentiel{
	color: #ed145b;
	font-size: 12px;
	font-style: italic;
	opacity: 0.7;
	margin-bottom: 20px;
}
.show-user .labels-single{
	position: relative;
}
.coins{
	font-size: 30px;
	color: #fbd400;
	position: absolute;
	top: -10px;
	right: -10px;
	-moz-animation: flash 5s ease-out;
  	-moz-animation-iteration-count: infinite;
  	-o-animation: flash 5s ease-out;
  	-o-animation-iteration-count: infinite;
  	-webkit-animation: flash 5s ease-out;
    animation-iteration-count: 1;
  	-webkit-animation-iteration-count: infinite;
  	animation-iteration-count: infinite;
}
.win-coins{
	font-size: 20px;
	color: #fbd400;
	font-style: bold;
}
#show-mdp{
	font-size: 30px;
}
#show-mdp:hover, .ico-notifs:hover{
	cursor: pointer;
}
.img-notif{
	max-width: 80px;
}
.actions-notif{
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 10px;
	padding-top: 10px;
	z-index: 10000;
}
.ico-notifs{
	font-size: 20px;
}
#affil-links li{
	list-style: none;
}
#affil-links a{
	padding: 0;
}
.parallax_coins {
	height:auto;
	background: url(/img/parallax_home.jpg) no-repeat center center;
	background-attachment:fixed;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color:#fff;
	padding:60px 0 60px 0;
}
.parallax_coins .main_title h3{
	color:#fff;
}
.parallax_coins.bright{
	background: url(/img/parallax_coins.jpg) no-repeat center center;
	background-attachment:fixed;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color:#777;
}
.parallax_coins.bright .main_title h3{
	color:#222;
}
.parallax_coins.bright .features #feat_1{
	background: rgba(255, 255, 255, 0.8) url(/img/icon_mobile_2.svg) no-repeat center 30px;
}
.parallax_coins.bright .features #feat_2{
	background: rgba(255, 255, 255, 0.8) url(/img/icon_map_2.svg) no-repeat center 30px;
}
.parallax_coins.bright .features #feat_3{
	background: rgba(255, 255, 255, 0.8) url(/img/icon_read_2.svg) no-repeat center 30px;
}
/***** Inline Popups *****/
.content-popup2{
    position: relative;
    padding: 30px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}
.content-popup{
    position: relative;
    background: #fefefe;
    padding: 30px;
    width: auto;
    max-width: 900px;
    margin: 20px auto;
}
.content-popup h2 {
    text-align:center;
    font-size: 28px;
    font-weight: 600;
    color: #505050;
    margin-bottom: 20px;
    padding-top: 50px;
}
.content-popup li, .content-popup p {
    color: #828181;
    margin-bottom: 10px;
    line-height: 1.3;
}
.content-popup span {
    font-weight: 600;
    color: #505050;
}
.content-popup .tables {
    display: inline-block;
    padding: 15px;
    background: #fefefe;
}
.content-popup .tables div.tbl{
    margin-bottom: 30px;
}
.content-popup .tables h4{
    font-weight: bold;
	color: #0073AA;
}
.mfp-close-btn-in .mfp-close {
  	background: white;
	border-radius: 100%; 
}
.mfp-close {
	width: 30px;
	height: 30px;
	line-height: 30px;
	right: 16px;
	top: -5px;
	opacity: 0.85;
	filter: alpha(opacity=85);
	font-size: 27px;
}
/***** Inline Popups End *****/

/***** Espaces Pub *****/
.pubH img{
	margin: 0 auto;
}

#surplace-edit i{
	font-size: 50px;
}

@media only screen and (max-width : 725px) {
	#compteurs-accueil {
		padding-top: 1px;
	}
	#compteurs-accueil i{
		font-size: 10vw;
	}
	#compteurs-accueil .compteur h3{
		padding-bottom: 15px;
		font-size: 4vw;
	}
	#compteurs-accueil .compteur p{
		display: none;
	}
	#services h4, #surplace h4{
		font-size: 4vw;
	}
	#surplace p{
		display: none;
	}
	#surplace-edit h4{
		display: none;
	}
	#avis-list img.avatar{
		max-width: 60px;
	}
	#avis-list h3 img{
		max-width: 100px;
		position: absolute;
		top: -40%;
		right: 5%;
	}
	#avis-list h5{
		max-width: 100px;
		position: absolute;
		top: -20%;
		right: 7%;
		text-align: right;
	}
	#avis-list h3{
		padding-top: 10%;
	}
	.parallax_window_in {
	  height: 250px;
	}
	.img-etab{
		width: 100%;
	}
	.box_style_general .labels-single h3{
		font-size: 4vw;
		position: relative;
	}
	.box_style_general .labels-single p{
		font-size: 3vw;
		padding-top: 20px;
	}
	.box_style_general .labels-single h3 a{
		position: absolute;
		top: -10px;
		right: -15px;
	}
	.tarifs-type{
		display: block;
		padding-top: 10px;
	}
	#jours-ouverts{
		padding-left: 0;
		padding-bottom: 20px;
	}
	#title-hours{
		font-size: 4vw;
	}
	#title-hours span{
		font-size: 3vw;
		font-style: italic;
	}
	#edit-horaires .day{
		margin-bottom: 20px;
	}
	#edit-horaires .active24{
		padding-bottom: 20px;
	}
	.plage-horaire a{
		display: block;
		margin-bottom: 10px;
	}
	
}