.sidebar{
	float: left;
	width: 100px;
	position: fixed;
	top: 100px;
	right: 0;
	z-index: 8;
}
	.sidebar_drawer{
		float: left;
		border: 1px solid var(--color-accent-1);
		border-right: 0;
		background: #ffffff;
		position: relative;
		transition: margin-left .3s ease-in-out;
	}
		
		.sidebar_buttons{
			display: flex;
			flex-direction: column;
			align-items: center;
			text-align: center;
			float: left;
			width: 100px;
			/*padding: 15px 10px;*/
			background: #ffffff;
			position: relative;
		}
			.sidebar_button{
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				float: left;
				width: 100%;
				height: 100px;
				color: var(--color-accent-1);
				position: relative;
				z-index: 1;
				transition: all .3s ease-in-out;
			}
			.sidebar_button:hover{
				color: #ffffff;
				background: var(--color-accent-1);

			}
			.sidebar_button.mobile-only{
				display: none;
			}
				.sidebar_button-icon{
					float: left;
					width: 25px;
					height: 25px;
					margin-bottom: 15px;
					font-size: 23px;
				}
				.sidebar_button-label{
					float: left;
					line-height: 14px;
					font-size: 13px;
					text-transform: uppercase;
					margin-left: 5px;
					margin-right: 5px;
					font-weight: bold;
				}
				.sidebar_devis {
					display: none;
				}

				

@media (max-width: 1100px) {
	.sidebar{
		top: 80px;
		width : 80px;
	}

	.sidebar_buttons{
		width: 80px;
	}
	.sidebar_button{
		height: 80px;
	}

	.sidebar_button-icon{
		margin-bottom : 10px;
		font-size: 20px;
	}

	.sidebar_button-label{
		line-height: 13px;
		font-size: 10px;
		font-weight: normal;
	}
}

@media (max-width: 1024px) {

	.sidebar{
		width: 100%;
		top: auto;
		bottom: 0;
		right: 0;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

	}
	.sidebar_drawer{
		border: none;
		width: 100%;
		height: 60px;
	}
	.sidebar_drawer::before{
		display: none;
	}
	.sidebar_drawer:hover{
		margin-left: 0;
	}

	.sidebar_buttons{
		flex-direction: row;
		justify-content: flex-end;
		width: 100%;
		height: 100%;
		padding: 0;
		background-color: rgba(0, 0, 0, 0.85);
	}

	.sidebar_button{
		display: none;
	}
		.sidebar_button-icon{
			margin : 0;
			color:#ffffff;
			font-size: 22px;
		}
			.sidebar_button:hover{
				background: none;
		
			}
		.sidebar_button-label{
			display: none;
		}

	.sidebar_telephone{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 40px;
		margin-right: 5%;
		height: 100%;
    }

    .sidebar_devis{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 70%;
		width: 170px;
		background: var(--color-accent-1);
        cursor: pointer;
		margin-right: calc(100%/2 - 170px/2);
    }
        .sidebar_devis-label{
            display: block;
			font-weight: bold;
			font-size: 16px;
			text-transform: uppercase;
			color: #ffffff;
			white-space: nowrap;
			letter-spacing: 1px;
        }


}