@charset "utf-8";
/*Barres de recherche autres qu'index*/
#barres {
	position:relative;
	margin-left:120px;
	margin-top:10px;
	margin-right:120px;
	font-family:"Times New Roman", Times, serif;
	cursor:default;
	height:106px;
}

/*Barres de recherche d'index*/
#Contenuindex{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	width:86%;
	height:20%;
	font-family:"Times New Roman", Times, serif;
	cursor:default;
}

/*Onglet de recherche pour la page résultat*/
#alldivrequest{
	bottom:0px;
	position:absolute;
	margin-left:150px;
	min-width:350px;
	white-space:nowrap;
}
#newsearch{
	z-index:1;
	position:relative;
	border:solid 3px #C1C0D8;
	border-bottom:none;
	text-align:center;
	vertical-align:middle;
	padding:4px;
	padding-left:10px;
	padding-right:7px;
	font-size:20px;
	color:#314694;
	text-shadow:0px 0px 1px #314694;
	-webkit-text-shadow:0px 0px 1px #314694;
	border-radius: 10px 10px 0px 0px;
	float:left;
	cursor:pointer;
	user-select:none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
#newsearchtext{
	display:inline-block;
	position:relative;
}
#newsearchicon{
	background-image:url(../images/result_fleche_requete.svg);
	margin-left:8px;
	width:20px;
	height:20px;
	display:inline-block;
	position:relative;
	bottom:-4px;
	margin-top:-6px;
}
#newsearchborder{
	position:absolute;
	visibility:hidden;
	left:3px;
	bottom:-4px;
	border-bottom:solid 5px #FFF;
	z-index:1;
}
#barresconteneur{
	display:inline-block;
	position:relative;
	overflow:hidden;
	width:150px;
	margin-left:15px;
	margin-top:5px;
	border:solid 2px #C1C0D8;
	border-radius: 0px 10px 0px 10px;
}
#corpuschoice{
	color:#314694;
	font-size:14px;
	border:none;
	width:210px;
	text-shadow:0px 0px 1px #314694;
	-webkit-text-shadow:0px 0px 1px #314694;
	padding:2px 0px 2px 4px;
	background:none;
}


/*les deux conteneurs de l'ensemble des objets de chaque barre, à l'exception des caractères spéciaux*/
.barrestradvoc{
	position:relative;
	width:100%;
	height:32px;
	white-space:nowrap;
}
#barrevoc{
	
}
#barretrad{
	
}


/*les intitulés*/
.voctrad {
	position:relative;
	display:inline-block;
	left:0px;
	top:-2px;
	width:135px;
	height:32px;
	font-size:25px;
	line-height:32px;
	color:#314694;
	text-shadow:0px 0px 1px;
	-webkit-text-shadow:0px 0px 1px;
}
#voctext{
}
#tradtext{
}


/*le formulaire*/
.menutradvoc{
	position:relative;
	display:inline-block;
	top:3px;
	left:0px;
	width:calc(100% - 135px);
	width:-webkit-calc(100% - 135px);
	white-space:nowrap;
	height:32px;
}
#Vocabulaires{
}
#Traductions{
}

/*le menu de sélection*/
#invocab{/*div menu vocabulaire*/
	position:relative;
	display:inline-block;
	left:0px;
	top:0px;
	width:215px;
	height:25px;
	border:solid 1px #2A0000;
	border-radius: 0px 10px 0px 10px;
	margin-left:10px;
	margin-right:53px;
	background-repeat: no-repeat;
	background-position:center center;
	background-image:url(../images/background_requetes.svg);
	overflow:hidden;
	cursor:pointer;
}
#intraduc {/*div menu traduction*/
	position:relative;
	display:inline-block;
	left:0px;
	top:0px;
	width:253px;
	height:25px;
	border:solid 1px #2A0000;
	border-radius: 0px 10px 0px 10px;
	margin-left:10px;
	margin-right:15px;
	background-repeat: no-repeat;
	background-position:center center;
	background-image:url(../images/background_requetes2.svg);
	white-space:nowrap;
	cursor:pointer;
}
.intraduc {/*div gauche et droite*/
	position:relative;
	display:inline-block;
	left:0px;
	top:0px;
	width:114px;
	height:25px;
	overflow:hidden;
}
#gauche {/*div menu traduction source*/
	border-radius: 0px 0px 0px 10px;
}
#inversion{/*div d'échange des valeurs entre origine et destination*/
	position:relative;
	display:inline-block;
	left:0px;
	top:0px;
	width:25px;
	height:25px;
	border:none;
	background-image:url(../images/menuswitch.svg);
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}
#inversion:hover{
	background-image:url(../images/menuswitchon.svg);
}
#droite {/*div menu traduction destination*/
	border-radius: 0px 10px 0px 0px;
}


#vocab {/*select vocabulaire*/
	position:relative;
	top:0px;
	left:0px;
	width:275px;
	height:25px;
	background:none;
	font-family:'Arial', Helvetica, sans-serif;
	font-size:14px;
	border-width:0px;
	padding: 2px 10px 4px 15px;
	cursor:pointer;
}
.traduc {/*select origine et destination*/
	position:absolute;
	top:0px;
	left:0px;
	width:180px;
	height:25px;
	background:none;
	font-family:'Arial', Helvetica, sans-serif;
	font-size:14px;
	border-width:0px;
	padding: 2px 0px 4px 5px;
	overflow:visible;
	z-index:5;
	cursor:pointer;
}
#origine{/*select source*/
}
#destination {/*select destination*/
}


#vocabhidden{/*input hidden*/
}
#fusionordest{/*input hidden*/
}


.menuarrow{/*div flèches*/
	position:absolute;
	display:inline-block;
	top:0px;
	right:4px;
	width:25px;
	height:25px;
	background-image:url(../images/menuarrow.svg);
	z-index:0;
}
#vocabarrow{/*flèche*/
}
#gauchearrow{/*flèche*/
}
#droitearrow{/*flèche*/
}


/*input de langue d'interface*/
#lvoc{
}
#ltrad{
}


/*barres de recherche*/
/*#autocompletevoc{
	width:calc(100% - 194px);
	width:-webkit-calc(100% - 194px);
	min-width:363px;
}
#autocompletetrad{
	width:calc(100% - 297px);
	width:-webkit-calc(100% - 297px);
	min-width:260px;
}*/
.autocomplete {
  /*the container must be positioned relative:*/
  top:-8px;
  left:0px;
  height:32px;
  width:calc(100% - 297px);
  width:-webkit-calc(100% - 297px);
  min-width:260px;
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  width:calc(100% + 10px);
  width:-webkit-calc(100% + 10px);
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  left: 0;
  right: 0;
}
#barrevoc .autocomplete-items{
	top:calc(100% - 1px);
  	top:-webkit-calc(100% - 1px);
}
#barretrad .autocomplete-items{
	top:calc(100% - 1px);
  	top:-webkit-calc(100% - 1px);
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}
input[type="text"] {
	position:relative;
	display:inline-block;
	top:1px;
	left:0px;
	border-width:1px;
	border-color:#000;
	padding: 5px 5px 5px 5px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	width:100%;
	/*height:24px;*/
}
#invoc {
	background-color:#E6E8F0;
}
#intrad {
	/*top:1px;*/
	background-color:#E6F0E7;
}


/*bouton de soumission*/
.launchbutton{
	position:absolute;
	display:inline-block;
	width:30px;
	height:30px;
	top:1px;
	right:-12px;
	border:none;/*solid 1px #000;
	border-right:none;
	border-bottom:none;*/
	background-color:Transparent;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../images/bouton_requete.svg);
	cursor:pointer;
}
#launchvoc{
	
}
#launchtrad{
}


/*input de mode*/
#modevoc{
}
#modetrad{
}


/*caractères spéciaux*/
.caract1 {
	width:15px;
	text-align: center;
	font-weight: bolder;
	color: #3F528E;
}
.caract2 {
	width:15px;
	text-align: center;
	font-weight:bolder;
	color: #3F8E3F;
}
.caract3 {
	width:15px;
	text-align: center;
	font-weight:bolder;
	color:#FFF;
}
.inligne {
	cursor:pointer;
}
.noligne {
	cursor:default;
}
#textspe {
	min-width:250px;
	margin-top:-1px;
}
/*#voctablespe{
	margin-left:317px;
}
#tradtablespe{
	margin-left:420px;
}*/