@charset "utf-8";
/* CSS Document */

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

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.aikonsearch-trigger .fa {
  display: inline-block;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
	font-size: 23px;
	margin-bottom: 5px; 	margin-top: 3px; margin-right: 30px; /* ajout de ces codes */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.aikonsearch-trigger .fa-search:before {
  content: "\f002";
}

.aikonsearch-trigger {
	position:absolute;	/* position:fixed; */
	right: 0px;
	top: 0px;	/* top: 0px; */
	bottom: 0px;
	margin: auto;
	width: 60px;	/* width: 55px; */
	letter-spacing: 0.3px;
	height: 47px;	/* height: 47px; */
	padding-top: 8px;
	background-color: #333333;	/* background-color: #ccc; */
	border-right: solid 0px #fff;	/* border-right: solid 2px #fff; */
	z-index: 99999999;
	cursor: pointer;
	color: #666;
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 10px;
	text-align: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.aikonsearch-trigger:hover {
	color: #fff;
	background-color:rgba(51,51,51,1.00);	/* background-color: #4CBFFF; */
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}