/*
* {
  font-family: Verdana, Arial, sans-serif;
}
a:link {
  color:#000;
  text-decoration: none;
}
a:visited {
  color:#000;
}
a:hover {
  color:#33F;
}
.button {
  background: -webkit-linear-gradient(top,#008dfd 0,#0370ea 100%);
  border: 1px solid #076bd2;
  border-radius: 3px;
  color: #fff;
  display: none;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
  padding: 8px 25px;
  text-align: center;
  text-shadow: 1px 1px 1px #076bd2;
  letter-spacing: normal;
}
.center {
  padding: 10px;
  text-align: center;
  }*/
.final {
  color: black;
  padding-right: 3px;
}
.interim {
  color: gray;
  position:absolute;
  top:-25px;
  left:3px;
}
.info {
  font-size: 14px;
  text-align: center;
  color: #777;
  display: none;
}
.right {
  float: right;
}
.sidebyside {
  display: inline-block;
  width: 45%;
  min-height: 40px;
  text-align: left;
  vertical-align: top;
}
#headline {
  font-size: 40px;
  font-weight: 300;
}
#info {
  font-size: 20px;
  text-align: center;
  color: #777;
  visibility: hidden;
}
#results_speech {
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #ddd;
  padding: 15px;
  text-align: left;
  min-height: 150px;
}
#speech_button,
#speech_button_etape {
  position:absolute;
  right:auto;
  left: 5px;
  top: 95px;
  z-index:1;
  text-align: center;
  max-width:270px;
  width: 100%;
}
#speech_info,
#speech_info_etape {
  padding: 0 20px;
  font-family:$font-main;
  font-weight:400;
  font-size:12px;
  /*text-transform: uppercase;*/
  color:#0caff9;
  margin-top: 45px;
  width: 100%;
  max-width: 230px;
  position:relative;
}
#speech_info a,
#speech_info_etape a {
  color:#515356;
  text-decoration:underline;
}
#speech_info:after,
#speech_info_etape:after {
	font-size: 9px;
	content: "TM";
	position: absolute;
	top: 19px;
	font-weight: 400;
	right: 94px;
}
body.chrome #speech_info:after,
body.chrome #speech_info_etape:after,
#speech_info.speech_info_off:after,
#speech_info_etape.speech_info_off:after {
	display:none;
}
#speech_info span,
#speech_info_etape span {
	display:block;
	font-size:20px;
	font-weight:400;
    text-transform:lowercase;
}
#start_button,
#start_button_etape {
  border: 0;
  background-color:transparent;
  padding: 0;
  cursor:pointer;
}
#speech_help,
#speech_help_etape {
    background: url("../images/btn-help.png") no-repeat;
	width:30px;
	height:30px;
	margin:0 auto;
	margin-top:20px;
  	cursor:pointer;
	position:relative;
}
#speech_help .info-help,
#speech_help_etape .info-help {
	display:none;
	padding-top:25px;
	font-family:$font-main;
	font-weight:600;
	font-size:12px;
	position: absolute;
	left:-40px;
	top:15px;
	width:110px;
	text-align:center;
}
#speech_help:hover .info-help,
#speech_help_etape:hover .info-help {
	display:block;
}

#always_close,
#always_close_etape {
	margin-top:10px;
	font-size:10px;
  	cursor:pointer;
	text-decoration: underline;
}
body:not(.chrome) #speech_help,
body:not(.chrome) #speech_help_etape {
	display: none !important;
}
#header-error-reco,
#header-error-reco-etape {
	display:none;
	position:absolute;
	z-index:2;
	right:32px;
	text-align:center;
	width: 650px;
	background-color: rgba(173, 0, 24, 0.7);
	margin:0;
	margin-top:24px;
	padding:0;
	padding-top:20px;
	height:35px;
	color: #ffffff;
	font-weight: 600;
	font-family:$font-main;
	line-height:normal;
	border: none;
	border-bottom: 1px solid #cacaca;

}
#header-error-reco a,
#header-error-reco-etape a {
	color:#ffffff;
	text-decoration:underline;
}
#header-error-reco .close,
#header-error-reco-etape .close {
    position: absolute;
    right: 10px;
    top: 20px;
    background-image: url(../images/picto-close-white.png);
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    background-color: transparent;
}
#tag_reco {
	display:none;
}