#modele{
	.bloc{
		justify-content: center;
		align-items: center;

		&.show-for-desktop{display: block;}
		&.show-for-phone{display: none;}

		.h2{
			@extend .din-light;
			font-size: 1.125rem;
			text-transform: uppercase;
			border-bottom: 1px solid black;
			display: inline-block;
			margin-bottom: 20px;
			margin-top: 20px;
		}		
	}

	.gallery_customizer{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;

		@import './gallery';
		@import './customizer';
	}

	.infos_accessories{
		display: flex;
		margin-top: 30px;

		@import './infos';
		@import './accessoires';
	}

	@import './others';
}



/*
|--------------------------------------------------------------------------
| Styles en dessous de la tablette horizontale (<1024px)
|--------------------------------------------------------------------------
*/
@media screen and (max-width: $tablet-horizontale){
	#modele{
		.bloc{
			&.show-for-desktop{display: none;}
			&.show-for-phone{display: flex;}
		}

		.gallery_customizer{
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;

			.gallery{
				width: 100%;
			}
		}

		.accessories{
			.bloc.customizer{
				width: 100%;
			  display: block;
			  cursor: text;

				.section_customizer{
			    .pastilles{
			      .pastille{
			        &:not(:last-child){
			          margin-right: 20px;
			        }
			      }
			    }
				}			  
			}
		}

		.others{
  		.header{
		    .titre{
		    	width: 100%;
		    }
		  }

			.modeles{
				justify-content: space-between;
				flex-wrap: wrap;
				
				.bloc{
					width: 47%;
					margin: 0px;
					margin-bottom: 20px;
					
					&:not(:first-child){
						margin: 0px;
						margin-left: 0px;
					}

		      &:not(:last-child){
		        margin-right: 0px;
		      } 					
				}
			}
		}		
	}
}

/*
|--------------------------------------------------------------------------
| Styles en dessous de 475px
|--------------------------------------------------------------------------
*/
@media screen and (max-width: 475px){
	#modele{
		.accessories{
			.bloc.customizer{
				.section_customizer{
			    .pastilles{
			    	flex-direction: column;

			      .pastille{
			        &:not(:last-child){
			          margin-right: 0px;
			          margin-bottom: 10px;
			        }
			      }
			    }
				}			  
			}
		}	
	}
}