/* $Id: defaults.css,v 1.5 2007/10/02 12:10:40 dries Exp $ */

@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');

/*
** HTML elements
*/
fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  height: 1px;
  border: 1px solid gray;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 3px solid #ccc;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */




/* $Id: threecol_33_34_33.css,v 1.1.2.1 2008/12/16 21:27:58 merlinofchaos Exp $ */
.panel-3col-33 .panel-col-first { 
  float: left; 
  width: 33%; 
}
.panel-3col-33 .panel-col-first .inside { 
  margin: 0 .5em 1em 0;
}
.panel-3col-33 .panel-col { 
  float: left; 
  width: 33%; 
}
.panel-3col-33 .panel-col .inside { 
  margin: 0 .5em 1em .5em;
}
.panel-3col-33 .panel-col-last { 
  float: left; 
  width: 33%; 
}
.panel-3col-33 .panel-col-last .inside { 
  margin: 0 0 1em .5em;
}
.panel-3col-33 .panel-separator {
  margin: 0 0 1em 0;
}





.panel-2col-50 .panel-col-first { 
  float: left; 
  width: 50%; 
}
.panel-2col-50 .panel-col { 
  float: left; 
  width: 50%; 
}
.panel-2col-50 .panel-col-last { 
  float: left; 
  width: 50%; 
}



@charset "UTF-8";
/*-----------------------------------------------*/
/* CSS Reset Document */
/*-----------------------------------------------*/
html { overflow:auto; overflow-x:hidden; }

/*Global Settings */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1.2;
	background-color: #F2F2F2;
}
body.page-login{ 
	background-color: #FFF;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles!*/
:focus {
outline: 0;
}
/* remember to highlight inserts somehow!*/
ins {
text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/*-----------------------------------------------*/
/* typography.css */
/*-----------------------------------------------*/

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
 font-family:'Oxygen',sans-serif;

}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-family:inherit;
	font-size:100%;
	font-weight: bold;
	margin-bottom:.5em;
	color:#137B88;
}

h1 {
	font-size:140%;
	text-align:center;
 }
h2 {
	font-weight: bold;
	font-size:18px;
	line-height: 1em;
	margin-bottom: 0.5em; 
}
h3 {
	font:italic 20px;
	font-weight: 300;
	line-height: 1em; 
	margin-bottom: 0.5em;
}
h4 {
	font:italic 18px;
	font-weight: 900;
	line-height: 1em; 
	margin-bottom: 0.5em;
}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p{ 
	text-align:justify;
	margin-bottom: 0.5em;
 }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #4c4c50;text-decoration: underline; }
a           { text-decoration: none;color:#000000; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }

em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { /*margin:0 1.5em;*/}
ul, ol      { /*margin: 0 1.5em 1.5em 1.5em;*/ }

ul          { /*line-height:1.4em;*/ }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}



/* Tables
-------------------------------------------------------------- */

table       { text-align:left; }
th          { font-weight: normal;}
th          {  }
td          { }
tfoot       { font-style: italic; }
caption     { background: #eee; }



/* Form fields
-------------------------------------------------------------- */

select, input, textarea, button {
	font:inherit;
	border:none;
	background-color:#E6E6E6;
	padding:.2em 1ex;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.select-arrow{
	position:relative;
	display:inline-block;
}
.select-arrow::before{
	content:"";
	position:absolute;
	right:0px;
	top:0px;
	border:1.5ex solid transparent;
	border-top:1.2em solid #808080;
	pointer-events:none;
}
.select-arrow:hover::before{
	border-top-color:#666;
}
.select-arrow select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	padding-right:4ex;
}
.select-arrow select::-ms-expand{
	display:none;
}

.button_res{
	display:inline-block;
	font-style:normal;
	font-size:100%;
	padding:.75em 1.5ex;
	background-color:#CCC;
	border:1px solid transparent;
	border-radius:1.5em;
	cursor:pointer;
	color:inherit;
}
.button_res.button_res:hover{
	text-decoration:none;
	background-color:transparent;
	border-color:currentColor;
	color:inherit;
}
.page-login .button_res{
	margin:1.5em 0px 2em;
	padding:.5em 1ex;
	background-color:#137B88;
	border-radius:0;
	color:#FFF;
}
.page-login .button_res:hover{
	color:#137B88;
}

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.text-right{text-align:right;}
.italic{font-style:italic;}
.pl30{ padding-left:30px;}

.bold{font-weight:bold;}

.mh600{
float:left;
height:600px;
width:1px;
}
.tdn{text-decoration:none;}
.w900{width:900px;}

/*-----------------------------------------------*/

/*typekit Myriad Pro 
-----------------------------------------------*/
style     		font-weight 	font-style
Light  	 	300  	 		normal
Light Italic 	300 			italic
Regular 		400 			normal
Italic 		400 			italic
Semibold 		600 			normal
Semibold Italic 	600 			italic
Bold 		700 			normal
Bold Italic 	700 			italic
Black 		900 			normal
Black Italic 	900 			italic 

p strong {
	font-weight:700;
	font-style:normal;
}


/*layout*/
/*-----------------------------------------------*/


/* Accueil*/
/* About*/


body{

}
#page-wrapper{
}
#page{
	position:relative;
	margin:0 auto;
	width:980px;
	background-color:#FFF;
}

#header,
#breadcrumb,
#main-wrapper{
	padding:1.25em 4ex 0;
}

#header,
#navigation,
#breadcrumb,
#main-wrapper,
#footer{
	padding-bottom:1.25em;
}

.region-header{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	font-size:smaller;
}
.region-header .logo{
	display:inline-block;
	padding-right:2ex;
}
.region-header .logo img{
	max-height:125px;
	max-width:175px;
	vertical-align: middle;
}
.region-header .header-content{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:1em;
}
.region-header .slogan{
	flex:1;
	font-size:170%;
	font-weight:bold;
	text-align:center;
}
.region-header .search-form{
	display:flex;
	margin-top:1em;
	border:.1ex solid #137B88;
}
.region-header .search-form .form-text{
	background-color:transparent;
	padding:.5em 1ex;
 	width:25ex;
}
.region-header .search-form .form-submit{
	font-weight:bold;
	background-color:transparent;
	padding:.5em 1ex;
	color:inherit;
	cursor:pointer;
}
.region-header .menu-user{
	flex:1;
}
.region-header .menu-user .username{
	display:inline-block;
	font-weight:bold;
	color:#137B88;
}
.region-header .menu-user .panier{
	text-align:right;
}
.region-header .menu-user .panier a{
	position:relative;
	display:inline-block;
}
.region-header .menu-user .panier .badge{
	position:absolute;
	display:block;
	font-size:70%;
	top:0;
	right:-.75em;
	width:1.5em;
	height:1.5em;
	line-height:1.6em;
	border-radius:.75em;
	background-color:#C00;
	text-align:center;
	color:#FFF;
}
.region-header .menu-user .logout{
	position:absolute;
	font-style:italic;
	top:0;
	right:0;
}
.region-header .menu-user .logout img{
	max-width:1.2em;
	margin-right:.8ex;
	vertical-align:text-bottom;
}
.region-header .menu-user .logout a::before {
	content:'';
	display:inline-block;
	background:transparent url(../img/logout.svg) 50%/contain no-repeat;
	width:1.2em;
	height:1.2em;
	margin-right:.8ex;
	vertical-align:text-bottom;*/
}

#main-menu .nav{
	display:flex;
	min-height:3em;
	font-weight:bold;
	color:#137B88;
}
#main-menu .nav li{
	position:relative;
	display:flex;
	flex:1;
}
#main-menu .nav li > a .strong{
	color:#C00;
}
#main-menu .nav a{
	display:flex;
	align-items:center;
	padding:.4em 1ex;
	width:100%;
	text-decoration:none;
	color:inherit;
}
#main-menu .nav > li > a{
	justify-content:center;
	text-align:center;
}
#main-menu .nav > li:hover > a,
#main-menu .nav > li:hover > a .strong{
	text-decoration:underline;
}
#main-menu .nav > li ~ li{
	border-left:.25ex solid #137B88;
}
#main-menu .nav .nav-dropdown{
	position:absolute;
	display:none;
	top:100%;
	left:0;
	min-width:100%;
	max-width:330px;
	background-color:#137B88;
	color:#FFF;
	z-index:1;
}
#main-menu .nav .dropdown-end{
	left:auto;
	right:0;
}
#main-menu .nav .nav-dropdown li:hover{
	background-color:#0D565F;
}
#main-menu .nav li:hover > .nav-dropdown{
	display:flex;
	flex-flow:column;
}
#main-menu .nav > li > .nav-dropdown{
	opacity:.9;
}
#main-menu .nav .nav-dropdown a{
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
#main-menu .nav .nav-dropdown .has-dropdown{
	display:inline-block;
	align-self:center;
	border:solid currentColor;
	border-width:.2em .2em 0 0;
	padding:.3ex;
	margin-right:1ex;
	transform:rotate(45deg);
}
#main-menu .nav .dropdown-end .has-dropdown{
	border-width:0 0 .2em .2em;
	margin-right:0;
	margin-left:1ex;
	order:-1;
}
#main-menu .nav .nav-dropdown .nav-dropdown{
	top:0;
	left:100%;
}
#main-menu .nav .dropdown-end .nav-dropdown{
	left:auto;
	right:100%;
}

#main-menu-carousel img{
	max-height:150px;
}

#breadcrumb {
	font-size:77%;
}

#banner{
	height:250px;
	white-space:nowrap;
	overflow:hidden;
}
#banner img{
	height:100%;
	width:auto;
}

#main-wrapper{
	min-height:230px;
}
#main{
	line-height:1.4em;
	font-size:110%;
}

#content{
clear:both;

/*bug ie6 et ie7*/
/height:1%;
}
#content h2{
	margin-top:.5em;
	font-size:140%;
	font-weight:normal;
	text-align:center;
}
#content h2::after{
	content:"";
	display:block;
	margin:1em 30%;
	border-top:1px solid currentColor;
}
#content h3{
	margin:1.5em 0px 2em;
	padding:.5em 1ex;
	font-style:normal;
	font-size:100%;
	text-transform:uppercase;
}
#content h3::after{
	content:"";
	display:block;
	width:50%;
	margin:.3em 0px 1em;
	border-top:1px solid currentColor;
}
#content p{
	font-size:100%;
}
#content strong{
	color:#137B88;
}
#content .description{
	margin-bottom:1em;
}

#menu{
	display:inline-block;
	width:50%;
	margin-top:5em;
	vertical-align:top;
}
#menu li::after{
	content:"";
	display:block;
	margin:.6em 0px;
	width:6ex;
	border-top:1px solid #000;
}
#menu li:last-child::after{
	display:none;
}

#content .home-calendar{
	display:inline-block;
	width: 50%;
}
#content .home-calendar h2{
	display:inline-block;
}
#content .home-calendar h2::after{
	margin-left:10%;
	margin-right:10%;
}

#content .ui-tabs{
	font-size:smaller;
}
#content .ui-tabs,
#content .ui-tabs input{
	font-family:'Oxygen',sans-serif;
}
#content .ui-tabs,
#content .ui-tabs-nav{
	padding:0px;
	border:none;
	background:transparent;
}
#content .ui-tabs input{
	border:none;
}
#content .ui-tabs-nav li{
	margin-right:1ex;
	background:#CCC;
	border:0px solid transparent;
	border-radius:1em 1em 0px 0px;
}
#content .ui-tabs-nav li.ui-tabs-active{
	background:#999;
}
#content .ui-tabs-nav a{
	color:#FFF;
}
#content .ui-tabs-panel{
	border:1px solid #E6E6E6;
	border-radius:0px;
}

#content table.cpcwidth{
	background-color:#E6E6E6;
}
#content table tr:nth-of-type(2n){
	background-color:#E7F2F3;
}
#content table .titre{
	background:transparent;
}
#content table .ligne{
	border:none;
	border-right:1px solid #000;
	padding:.2em 2ex;
	font-weight:bold;
	color:#137B88;
}
#content table .ligne:last-child{
	border-right:none;
}

#footer .footer-bloc{
	font-size:smaller;
}
#footer .footer-attach1,
#footer .footer-attach2,
#footer .footer-attach3{
	padding:0px 35px;
}
#footer .footer-attach1{
	border-bottom:10px solid #137B88;
}
#footer .footer-attach1 p{
	font-size:130%;
	color:#137B88;
	text-align:center;
}
#footer .footer-attach2{
	margin-top:2em;
}
/*layout types*/
/*33-34-33 en fixed */
.panel-3col-33 {
	width:906px;
}
.panel-3col-33 .panel-col-first,
.panel-3col-33 .panel-col,
.panel-3col-33 .panel-col-last{
	width:300px;
}
.panel-3col-33 .panel-col-first .inside{margin:0px;}
.panel-3col-33 .panel-col .inside{margin:0 0 0 3px;}
.panel-3col-33 .panel-col-last .inside{margin:0 0 0 3px;}

/*grid*/
.grid-2{

}
/*colonage grille*/
.grid-2 td.col-1{
width:450px;
padding-bottom:50px;
}
.grid-2 td.col-2{
width:450px;
padding-bottom:50px;
}

.grid-2 .col-1 .field-content{width:435px;}
.grid-2 .col-2 .field-content{width:435px;padding-left:15px;}

/* Accueil
---------------------------------------*/
/*#8ec8e2 - blue*/
/*#96BD0D - green*/
/*#9BC9E3 - purple*/

/*regie*/

#regie-panel{
	margin-left:40px;
}

.regie  {
	background-color:#8ec8e2;
	height:578px;
}
.panel-3col-33 .pane-content {
	padding-bottom:40px;
	background:#fff url('../img/shadow_accueill.jpg') no-repeat right bottom
}

.regie h1{
	background:#fff url('../img/blue_arrow.jpg') no-repeat 267px 15px;
	font:normal normal 30px 'Oxygen',sans-serif;
	color:#8ec8e2;
}
.regie p{
	margin:0;
	color:#fff;
	padding:20px 20px 0 20px;
	text-align:justify;
	font-size:14px;
	background-color:#8ec8e2;
}

.regie .plus-lien p{
	float:left;
	padding:0px;
	padding-left:12px;
	padding-top:10px;
}
.regie .plus-lien span.left{
	float:left;
	width:13px;
	height:50px;
	background:transparent url('../img/blue_btn_left.jpg') no-repeat top left;
}
.regie .plus-lien span.center{
	float:left;
	height:50px;
	width:auto;
	background:transparent url('../img/blue_btn_center.jpg?v=1') repeat-x top left;
	padding:17px 5px 0 5px;
	font-size:12px;
}
.regie .plus-lien span.right{
	float:left;
	width:13px;
	height:50px;
	background:transparent url('../img/blue_btn_right.jpg') no-repeat top right;
}
.regie .plus-lien a{
	line-height:50px;
	font:normal normal 14px 'Oxygen',sans-serif;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
}
.regie .plus-lien a:hover{
	text-decoration:none;
	cursor:hand;
}
/*service*/
.service {
	background-color:#96BD0D;
	height:578px;
}
.service h1{
	background:#fff url('../img/green_arrow.jpg') no-repeat 267px 15px;
	font:normal normal 30px 'Oxygen',sans-serif;
	color:#96BD0D;
}
.service p{
	margin:0;
	color:#fff;
	padding:20px 20px 0 20px;
	text-align:justify;
	font-size:14px;
	background-color:#96BD0D;
}

.service .plus-lien p{
	float:left;
	padding:0px;
	padding-left:12px;
	padding-top:10px;
}
.service .plus-lien span.left{
	float:left;
	width:13px;
	height:50px;
	background:transparent url('../img/green_btn_left.jpg') no-repeat top left;
}
.service .plus-lien span.center{
	float:left;
	height:50px;
	width:auto;
	background:transparent url('../img/green_btn_center.jpg?v=1') repeat-x top left;
	padding:17px 5px 0 5px;
	font-size:12px;
}
.service .plus-lien span.right{
	float:left;
	width:13px;
	height:50px;
	background:transparent url('../img/green_btn_right.jpg') no-repeat top right;
}
.service .plus-lien a{
	line-height:50px;
	font:normal normal 14px 'Oxygen',sans-serif;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
}
.service .plus-lien a:hover{
	text-decoration:none;
	cursor:hand;
}

/*location*/
.location {
	background-color:#9BC9E3;
	height:578px;
}
.location h1{
	background:#fff url('../img/purple_arrow.jpg') no-repeat 267px 15px;
	font:normal normal 30px 'Oxygen',sans-serif;
	color:#000000;
}
.location p{
	margin:0;
	color:#fff;
	padding:20px 20px 0 20px;
	text-align:justify;
	font-size:14px;
	background-color:#9BC9E3;
}

.location .plus-lien p{
	float:left;
	padding:0px;
	padding-left:12px;
	padding-top:10px;
}
.location .plus-lien span.left{
	float:left;
	width:13px;
	height:50px;
	background:transparent url('../img/purple_btn_left.jpg') no-repeat top left;
}
.location .plus-lien span.center{
	float:left;
	height:50px;
	width:auto;
	background:transparent url('../img/purple_btn_center.jpg?v=1') repeat-x top left;
	padding:17px 5px 0 5px;
	font-size:12px;
}
.location .plus-lien span.right{
float:left;
width:13px;
height:50px;
background:transparent url('../img/purple_btn_right.jpg') no-repeat top right;
}
.location .plus-lien a{
	line-height:50px;
	font:normal normal 14px 'Oxygen',sans-serif;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
}
.location .plus-lien a:hover{
	text-decoration:none;
	cursor:hand;
}
/* about
---------------------------------------*/
/*bug ie6 ie7 sur contenu tableau*/
.about td {
	
}
.about h2.underline
{
	width:900px;
	border-bottom:1px solid #b0aeaa;
	color:#4C4C50;
}
.about h3{
	color:#74b6dc;
}

/*Bloc*/
.about .bloc {
	padding-bottom:30px;
	overflow: auto;
}
.about .bloc h2 {
	width:100%;
	color:#4C4C50;
	border-bottom:1px solid #4c4c50;
	font-size:24px;
	line-height:29px;
}
.about .bloc h3 {
	color:#4C4C50;
}
.about .bloc .col1 {
	float:left;
	width:262px;
}
.about .bloc .col2 {
	float:right;
	width:635px;
}
.about .bloc div.img {
	background:transparent url('../img/bg_img_salon.jpg') no-repeat top left;
	float:left;
}
.about .bloc div.img img{
	padding:12px 20px 25px 12px;
	width:344px;
	height:229px;
}
.about .bloc a.lien {
	line-height:50px;
	font:normal normal 14px 'Oxygen',sans-serif;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
}
.about .bloc a.lien span.left {
	float:left;
	width:13px;
	height:50px;
	background:transparent url('../img/btn_left.jpg') no-repeat top left;
}
.about .bloc a.lien span.center {
	float:left;
	height:50px;
	width:auto;
	background:transparent url('../img/btn_center.jpg?v=1') repeat-x top left;
	padding:17px 5px 0 5px;
	font-size:12px;
}
.about .bloc a.lien span.right {
	float:left;
	width:13px;
	height:50px;
	background:transparent url('../img/btn_right.jpg') no-repeat top right;
}

/* Liste de produits
---------------------------------------*/
.famille-produit > h2{
	display:none;
}
.famille-produit .description{
	font-size:150%;
	font-weight:bold;
	text-align:center;
	color:#137B88;
}
.liste-produit{
	display:flex;
	flex-wrap:wrap;
	margin-left:-1ex;
	margin-bottom:-.5em;
}
.liste-produit .col{
	flex:0 0 33.33%;
	margin-bottom:.5em;
}
.liste-produit .col a {
	position:relative;
	display:block;
	margin-left:1ex;
	height:193px;
	overflow:hidden;
}
.liste-produit .col .img{
	display:block;
	text-align:center;
	height:100%;
}
.liste-produit .col .img img{
	max-width: 100%;
	height: 100%;
}
.liste-produit .col .libelle{
	position:absolute;
	display:flex;
	align-items:flex-end;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding:.5em 1ex;
	font-size:150%;
	font-weight:bold;
	background-color:rgba(0, 0, 0, .5);
	color:#FFF;
}

/* Phone icon
---------------------------------------*/
.icon{
	display:inline-block;
	padding:.2em;
	font-size:250%;
	line-height:1;
}
.icon-circle{
	background-color:#137B88;
	border-radius:.7em;
	color:#fff;
}
.icon-phone::before{
	content:'\1F4DE\FE0E';
	display:inline-block;
	transform:translateY(-.05em);
}
:hover > .icon-phone,
.icon-phone:hover{
	animation:1s linear infinite oscillating;
}
@keyframes oscillating{
	0%, 50%{
		transform:inherit;
	}
	10%, 30%{
		transform:rotate(-30deg);
	}
	20%, 40%{
		transform:rotate(30deg);
	}
}

/* Encart vers le formulaire de rappel
---------------------------------------*/
.callback-action{
	position:fixed;
	bottom:1em;
	left:100%;
	transition:.1s linear all;
}
.callback-action a{
	display:flex;
	align-items:center;
	margin-left:-5.6em;
	margin-right:1em;
	padding:1em;
	min-width:25ex;
	max-width:30ex;
	border:.1em solid transparent;
	border-radius:1em;
	color:#137B88;
	transition:.1s linear all;
}
.callback-action .icon{
}
.callback-action .description{
	padding-left:1em;
	font-weight:bold;
}
.callback-action:hover{
	transform:translateX(-100%);
}
.callback-action:hover a{
	border-color:currentColor;
	background-color:#FFF;
	text-decoration:none;
}