#revendeurs{

	.revendeurs__content{
		display: flex;
		justify-content: space-between;		
		
		.map-liste{
			flex: 1;
			margin-right: 20px;
		}	
	
		.countries{
			width: 17%;

			.accordeon{
				.content{
					padding: 0;
				}
			}

			.continents__title{
				@extend .din-bold;
				font-size: 1.25rem;
				text-transform: uppercase;
				text-align: right;
				margin-bottom: 5px;
			}

			.continents, .pays{
				@extend .din-regular;
				@extend .cap;
			}
		}

		#carte{
			overflow : hidden;
		  position : relative; /* pour IE jusqu'à au moins ie7 */
		  height : 375px; /* Pour les anciens navigateurs */
		  height : 60vh; /* 60% de la hauteur du viewport */
		  width : 100%;
		  margin : auto;
		  padding: 0;

			.infoWindowContent{
				.sellerName{
					@extend .absara-bold;
					font-size: 2rem;
				}

				.bodyContent{
					@extend .din-regular;
				}
			}
		}

		.input_filter{
			margin-top: 15px;

			.text-revendeurs, .text-revendeurs span{
				@extend .absara-bold;
				padding:0;
				padding-top: 7px;
				z-index:15;
			}
			
			.champ-recherche{
				position:relative;
				height: 40px;

				.submit_search{
					position: absolute;
					top:0px;
					right:7px;
					display: block;
					height:23px;
					margin-top: 6px;
					cursor: pointer;
				}

				#filtre_revendeurs{
					@extend .din-regular;
					text-align: right;
					border: 1px solid black;
					background-color: $white;
					width:100%;
					padding-right: 50px;
					height: 35px;
					padding-top: 3px;
					font-size: 1rem;
				}
			}
		}
	}


	.revendeurs_list{
		opacity:0;
		overflow: hidden;
		margin-top: 50px;
		transition: opacity 1s ease;

		&.visible{
			opacity: 1;
		}

		.gutter-sizer{
			width : 4%;
		}
	
		.revendeur{
			cursor: pointer;
			width: 22%;
			min-height: 155px;
			text-align: center;

			.name{
				margin-top: 3px;
				@extend .absara-bold;
			}

			.wrapper{
				border-top:1px solid black;
			}
		}
		
		.noResellers{
			.notFound{
				@extend .din-regular;
			}
			
			.noResellers-email{
				@extend .din-regular;
				margin-top: 15px;
				
				a{
					@extend .din-regular;
				}
			}
		}
	}

	.bloc__title{
		font-size: 1.25rem;
	}
}


@media screen and (max-width: $tablet-horizontale){
	#revendeurs{
		.revendeurs_list{
			.gutter-sizer{
				width : 5%;
			}
		
			.revendeur{
				width:30%;
			}
		}
	}
}


@media screen and (max-width: $tablet-verticale){
	#revendeurs{
		.revendeurs__content{
			.countries{
				display: none;
			}
		
			.map-liste{
				margin-right: 0px;
			}	
		}	
		
		.revendeurs_list{
			.gutter-sizer{
				width : 6%;
			}
		
			.revendeur{
				width:47%;
			}
		}
	}
}

@media screen and (max-width: $phone){
	#revendeurs{
		.revendeurs_list{
			.gutter-sizer{
				width : 0%;
			}
		
			.revendeur{
				width:100%;
			}
		}
	}
}