#downloads{
	a:link, a:visited, a:active, {
		@extend .din-regular;
	  border-bottom-color: transparent;
	  color: $black;
	}

	a:hover{
	  border-bottom-color: black;
	} 	
	
	.downloads-content{
		display: flex;
		justify-content: space-between;

		.modeles{
			width: 79%;
		}
		
		.company{
			width: 19%;
			text-align: right;
			
			.introduction{
				margin-bottom: 0px;

				h2{
					padding-bottom: 20px;
					margin-bottom: 20px;
					border-bottom: 1px solid $black;
				}
			}			
		}
	}

 	.accordeon{
 		.image{
 			max-width: 200px;
 			margin: 20px 0;

 			img{
 				width: 100%;
 			}
 		}

 		.content{
 			display: flex;

 			.links{
 				margin: 20px 0 15px 20px;
 				display: flex;
 				flex-direction: column;
 				justify-content: flex-end;
 			}

 			.link.access{
 				margin-top: 10px;
 				a{
 					@extend .din-bold;
 				}
 			}
 		}
 	}
}
// 	.catalogues{
// 		padding: 0;

// 		.bloc__title{
// 			@extend .bold;
// 			@extend .cap;
// 			text-align: right;
// 			font-size: 1.25rem;
// 			line-height:1.25rem;
// 			padding-bottom: 11px;
// 			border-bottom: 1px solid black;
// 			overflow: hidden;
// 		}

// 		.bloc__text div{
// 			text-align: right;
// 		}
// 	}
// }


// .reference{
// 	border-top:1px solid black;
// 	margin:0;
// 	overflow: hidden;

// 	.titre{
// 		@extend .din-regular;
// 		overflow: hidden;
// 		width:100%;
// 		height: 30px;
// 		line-height: 32px;
// 		user-select: none;
// 		cursor: pointer;

// 		display: flex;
// 		justify-content : space-between;

// 		.arrow{
// 			&::before{
// 				@extend .closeTriangle-toLeft;
// 			}

// 			&.open::before{
// 				@extend .openTriangle;
// 			}
// 		}
// 	}

// 	.drawer-content{
// 		padding: 15px 0;
// 		overflow: hidden;
// 		display: flex;

// 		.silhouette{
// 			padding-left: 15px; 
// 			img.silhouette_svg{
// 				width:100%;
// 			}
// 		}

// 		.links-container{
// 			display: flex;
// 			align-items: flex-end;
// 			margin-left: 30px;
// 			.links{
// 				@extend .din-regular;
// 				line-height: 2rem;
// 			}
// 		}
// 	}
// }

@media screen and (max-width: $tablet-verticale){
	#downloads{
		.downloads-content{
			flex-direction: column;

			.modeles{
				width: 100%;
			}
			
			.company{
				width: 100%;
				margin-top: 30px;
				
				.introduction{
					margin-bottom: 0px;

					h2{
						padding-bottom: 10px;
						margin-bottom: 20px;
						border-bottom: 1px solid $black;
					}
				}			
			}
		}		
	}
}


@media screen and (max-width: $phone){
	#downloads{
	 	.accordeon{
	 		.image{
	 			margin: 20px auto;
	 		}

	 		.content{
	 			flex-direction: column;

 				.links{
 					margin-left: 0;
 				}	 			
	 		}
	 	}	
	}
}