@font-face {
    font-family: 'glyphicons_tl';
    src: url('fonts/glyphicons_tl-halflings-regular.eot');
    src: url('fonts/glyphicons_tl-halflings-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/glyphicons_tl-halflings-regular.woff') format('woff'),
         url('fonts/glyphicons_tl-halflings-regular.ttf') format('truetype'),
         url('fonts/glyphicons_tl-halflings-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*evite la lag de 300ms sur le tap mobile
ne fonctionne pas sous firefox mais il ne possait pas la probleme
de toute facon
*/
html {
  touch-action: manipulation;
}

.lang 
{
	float: left;
	width:50px;
	height:20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-top:14px;
}

.lang button
{
	border:none;
	border-radius:0;
	background: none;
	background-color:transparent;
	cursor: pointer;
	color: #ffffff;
	font-size:1rem;
	font-family:arial;
	font-weight:bold;
	padding-left: 0;
}
 .lang button>span 
{
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	width:35px;
	height:20px;
	text-align:center;
	text-decoration:none;
	color: #000000;
	margin-top: 5px;
	font-weight:700;
	font-size:1.25em;
	top:-5px;
}
 .lang button>span::after {
	color: #000000;
	font-family: 'glyphicons_tl';
	content: '\e114';
	position: relative;
	font-size: 0.7em;
	width:20px;
	height:20px;
	font-weight: normal;
	position: absolute;
	top: 0px;
	line-height: 20px;
}
 .lang button#tetiere-selected-lang{
    color: #404953;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "roboto_condensed";
    font-weight: 800;
    font-size: 1.0em;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
    padding: 0;
    text-shadow: unset;
    border-radius: 0;
    height:20px;
}
.lang-layer {
	position: relative;
	background: #fff;
	width: 117px;
	right: 0;
	left:5px;
	top:0px;
	z-index: 405;
	display: none;
	background-repeat: no-repeat;
	background-position: 108px  0;
	background-size: 7px 7px;
	padding-top: 0;
}

 .lang-layer ul {
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right:0px;
	border: 1px solid black;
	display:block;
	padding-left:10px;
}
 .lang-layer ul li 
{
	margin: 0;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 18px;
	height:30px;
	text-align:right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	font-size:1.0rem;
}
 .lang-layer ul li a:focus
{
	border: 1px dotted black;
}

 .lang-layer ul li a 
{
	color: #23262A;
	text-decoration:none;
	font-size:1rem;
	width:100%;
	text-align:right;
}

 .lang-layer ul li a:hover 
{
	text-decoration:underline;
}

 .lang-layer ul li a span
{
	font-weight:bold;
	color: #23262A;
}
.lang-layer ul li.selectedLang {
	background: #3a75d7;
}

.lang-layer ul li.selectedLang a.selected span {
	color: #fff;
}
.lang-layer ul li.selectedLang a.selected {
	color: #fff;
	text-decoration: underline;
}