@charset "utf-8";
/* CSS Document */
#all-contact .navbar-toggle.collapsed .icon-bar.deux{ opacity:1;}
#all-contact .navbar-toggle .icon-bar.deux{ opacity:0;}
#all-contact .navbar-toggle.collapsed  .icon-bar.un,
#all-contact .navbar-toggle.collapsed  .icon-bar.trois {
	-webkit-transform:  translate(0px, 0px) rotate(0deg);
	-moz-transform:  translate(0px, 0px) rotate(0deg);
	-o-transform:  translate(0px, 0px) rotate(0deg);
	transform:  translate(0px, 0px) rotate(0deg);
}
#all-contact .navbar-toggle .icon-bar.un {
	-webkit-transform: translate(0px, 7px) rotate(-45deg);
	-moz-transform:  translate(0px, 7px) rotate(-45deg);
	-o-transform:  translate(0px, 7px) rotate(-45deg);
	transform:  translate(0px, 7px) rotate(-45deg);
}
#all-contact .navbar-toggle .icon-bar.trois {
	-webkit-transform: translate(0px, -7px) rotate(45deg);
	-moz-transform:  translate(0px, -7px) rotate(45deg);
	-o-transform:  translate(0px, -7px) rotate(45deg);
	transform:  translate(0px, -7px) rotate(45deg);
}
.all-contact ul{padding:0px; margin:0; list-style: none;}
.all-contact ul li{ width:62px; height:62px; margin-bottom:1px;margin-left:auto;margin-right:auto;background-color: rgba(147,147,147,1);-webkit-transition: all 0.3s cubic-bezier(0.785, 0.105, 0.26, 0.91);transition: all 0.3s cubic-bezier(0.785, 0.105, 0.26, 0.91);}
.all-contact ul li:hover{background-color: rgba(127,127,127,1);-webkit-transition: all 0.3s cubic-bezier(0.785, 0.105, 0.26, 0.91);transition: all 0.3s cubic-bezier(0.785, 0.105, 0.26, 0.91);}
.all-contact ul li a{ width:100%; height:100%; display:block; color:#fff; text-align:center; line-height:0.7em;font-size:0.6em;}
.all-contact ul li a:hover{ width:100%; height:100%; display:block;text-decoration:none;}
.all-contact ul li.all-contact-appeler {background: #242f4d;}
.all-contact ul li:hover.all-contact-appeler {background: #dedede;}
.all-contact ul li.all-contact-etre-appeler{background: #d94492;display:none;}
.all-contact ul li:hover.all-contact-etre-appeler  {background: #787c88; }
.all-contact ul li.all-contact-trouver-agence{background: #242f4d;}
.all-contact ul li:hover.all-contact-trouver-agence{background: #545454; }
.all-contact ul li.all-contact-rdv{background: #242f4d;display:none;}
.all-contact ul li:hover.all-contact-rdv {background: #dedede;}
.all-contact ul li.all-contact-appeler a #phone {display:block;margin:5px auto;
		-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
}
.all-contact ul li.all-contact-appeler a #phone #verre2{fill:#d94492; opacity:1;}
.all-contact ul li.all-contact-appeler a #phone #verre1 {fill:#545454; opacity:0.5;}
.all-contact ul li.all-contact-appeler a #phone #coque {fill:#ffffff; opacity:1;}
.all-contact ul li.all-contact-appeler a:hover #phone #verre2{fill:#d94492; opacity:1;}
.all-contact ul li.all-contact-appeler a:hover #phone #verre1 {fill:#ffffff; opacity:0.5;}
.all-contact ul li.all-contact-appeler a:hover #phone #coque {fill:#545454; opacity:1;}
.all-contact ul li.all-contact-rdv a #rdv {display:block;width:40px;height:40px;margin:5px auto;}
.all-contact ul li.all-contact-rdv a #rdv #vert{fill:#dedede; opacity:0.2;}
.all-contact ul li.all-contact-rdv a #rdv #gris{fill:#d94492; opacity:1;}
.all-contact ul li.all-contact-rdv a #rdv #blanc{fill:#ffffff; opacity:1;}
.all-contact ul li.all-contact-rdv a:hover #rdv #vert{fill:#d94492; opacity:1;}
.all-contact ul li.all-contact-rdv a:hover #rdv #gris{fill:#545454; opacity:1;}
.all-contact ul li.all-contact-rdv a:hover #rdv #blanc{fill:#ffffff; opacity:1;}
.all-contact ul li.all-contact-etre-appeler a  #rappel {display:block;width:40px;height:40px;margin:5px auto;}
.all-contact ul li.all-contact-appeler a:hover,.all-contact ul li.all-contact-appeler a:focus {color:#545454;}
.all-contact ul li.all-contact-etre-appeler a {}
.all-contact ul li.all-contact-trouver-agence a {}
.all-contact ul li.all-contact-rdv a:hover,.all-contact ul li.all-contact-rdv a:focus {color:#545454;}
@media (min-width:10px){
	.all-contact{ position:absolute;top:-5px;; right:0; width:100%; color:#fff;  z-index:210;
		background-color:transparent;
		padding:0;
		border-radius: 0;
	}
	.all-contact ul li { width:33.3333333%;float:none;}
	#all-contact .navbar-toggle {display:none;z-index:40;}
}
@media (min-width:980px){
	.all-contact{ position:fixed;top: 0; right:calc(45% );  color:#fff;  
		width:0;z-index:210;
		background-color:transparent;
		padding:0;
		border-radius: 0;
	}
	.all-contact ul li {width:100px;float:left;}
	#all-contact .navbar-toggle, #all-contact .navbar-toggle:focus {display:block;z-index:40;width:30px; height:30px; background-color:#dedede; color:#fff;padding: 0 0 0 7px;border-radius:0px;
	position:fixed;top: 0;right:calc(45% );}
	#all-contact .navbar-toggle:hover { background-color:964a36; }
	#all-contact .navbar-toggle .icon-bar{width:15px;background-color: #545454;}
	#all-contact-ul.collapse{
		background-color:#888888;
		padding:0;
		height:auto;
		width:330px;
		-moz-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
		-webkit-transition: all 300ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 300ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
	#all-contact-ul.collapse{
		display:block;
		background-color:#888888;
		padding:0;
		height:auto;
		width:330px;
	}
	#all-contact-ul.collapsing{overflow: visible;height:auto;
		width:330px;
		-moz-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
		-webkit-transition: all 300ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 300ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
	#all-contact-ul.collapse.in{
		padding:0;
		height:auto;
		width:300px;
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition: all 300ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
		transition: all 300ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	}
}