@media screen and (max-width: 400px) {		     	
	#fenetre_assistant {
		width: 100%!important;
	}
}
@media screen and (max-height: 700px) {		     	
	.well #fenetre_assistant {
		height: 440px;
	}
}
#fenetre_assistant {
	overflow: hidden;
	position: fixed;
	right: 0;
	bottom: 0;
	transition: height 1s;
	height: 540px;
	width: 400px;
	z-index: 2;
}
#fenetre_assistant iframe {
	width: 100%;
	height: calc(100% - 40px);
}
.assistance_on {
	height: 40px !important;
}
#bouton_assistant {
	cursor: pointer; width: 190px; 
	border-radius: 10px 10px 0 0;
	    color: #fff;
    background: #c0392b;
        background-color: rgb(192, 57, 43);
        background-position-x: 0%;
        background-position-y: 0%;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    padding: .7em 0 .8em .8em;
    box-shadow: none;
    text-shadow: none;
    border: solid 1px #c0392b;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    margin: auto;
}
#bouton_assistant:hover {
	background: #de5041;
}
.arrow_assistant {
	border: solid white;
	display: inline-block;
	padding: 5px;
	transition: 1s;
	position: relative;
	top: -2px !important;
}
#arrow_assistant_left.arrow_up {
	transform: rotate(-45deg);
	border-width: 0 3px 0 0;
	top: 5px !important;
}
#arrow_assistant_right.arrow_up {
	transform: rotate(45deg);
	border-width: 0 0 0 3px;
	top: 5px !important;
}
#arrow_assistant_left {
	transform: rotate(45deg);
	border-width: 0 3px 0 0;
}
#arrow_assistant_right {
	transform: rotate(-45deg);
	border-width: 0 0 0 3px;
}