@charset "UTF-8";

/****** class to avoid selection of the text on a button *******/
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

/****** Gutter of 10px width for bootstrap grid ***********/
.gutter-10.row {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"]{
  padding-right: 5px;
  padding-left: 5px;
}

/******* Global *******/

body, input, button, select, textarea {
  font-family: "garamond-premier-pro-display",sans-serif;
}

/******* Menu *******/

#ulMenu {
  height: 36px;
}

#ulMenu li a {
  height: 36px;
}

#liLogo {
  margin-top: -5px;
}

#divLogo {
  font-family: "adobe-kaiti-std",sans-serif;
  font-size: 18px;
  color: #333;
  width: 40px;
}

#liBarbery {

}

#divBarbery {
  line-height: 14px;
}


#liAide {

}

#divAide {
  line-height: 14px;
}

#liLogo:hover a {
  background-color: #ffffff;
  border-color: #ffffff;
  height: 40px;
}

#liBarbery:hover a {
  /*background-color: #ff0000;
  border-color: #ff0000;*/
}

#liAide:hover a {
  /*background-color: #ff0000;
  border-color: #ff0000;*/
}


/******** Rymes ***********/

#options  {
}

#divWellRymes {
  background-color: rgba(228, 208, 167, 0.26);
  border: 0px;
  border-radius: 0px;
  padding-bottom: 11px;
}

#divRowFilterRymes {
  max-width: 600px;
  margin-top: -6px;
  margin-bottom: -11px;

}

.dropDownFilterFont span {
	font-size: 14px;
}

#selectFilterMode {

}

#filterRymesKeyOrtho {
	font-size: 16px;
}

#filterRymesKeyPhon {
	font-size: 16px;
}

#buttonOptionsRymes {
  margin-right: 5px;
  height: 34px;
  width: 34px;
  outline: 0px;
}

#buttonAfficherRymes {
  font-family: "adobe-kaiti-std",sans-serif;
  font-size: 16px;
  margin-left: 3px;
  height: 34px;
  width: 34px;
  outline: 0px;
}

#divAfficherRymes {
	margin-top: -1px;
	margin-left: -1px;
}

#divTitreRecherche	{
  font-family: "priori-acute-serif",sans-serif;
}

#divRowRecherche {
  max-width: 600px;
  line-height: 33px;
}

.dropDownMenuFont {
  font-size: 12px;
}

.selectSmallButton button {
  height: 30px;
}

#selectNbPhoMin {

}

#selectNbPhoMax {

}

#avoidOrth {

}

#avoidPhon {

}

#buttonReset {
  outline: 0px;
}

#divTitreAffichage	{
  font-family: "priori-acute-serif",sans-serif;
}

#divRowAffichage {
  max-width: 600px;
  line-height: 33px;
  margin-top: -11px;
}

#radioSubFilterSans + label {
  background-color: #85a38a;
  border-color: #d43f3a;
  border-radius: 3px 0px 0px 3px;
  font-size: 14px;
  font-weight: normal;
  padding: 6px 12px;
}

#radioSubFilterSans:checked + label {
  background-color: #3c6754;
}

#labelSubFilterSans {

}

#radioSubFilterAvec + label {
  background-color: #85a38a;
  border-color: #d43f3a;
  border-radius: 0px 3px 3px 0px;
  font-size: 14px;
  font-weight: normal;
  padding: 6px 12px;
}

#radioSubFilterAvec:checked + label {
  background-color: #3c6754;
}

#labelSubFilterAvec {

}

#radioDisplayModeDharma + label {
  background-color: #85a38a;
  border-color: #d43f3a;
  border-radius: 0px 3px 3px 0px;
  font-size: 14px;
  font-weight: normal;
  padding: 6px 12px;
}

#radioDisplayModeDharma:checked + label {
  background-color: #3c6754;
}

#labelDisplayModeDharma {

}

#radioDisplayModeZen + label {
  background-color: #85a38a;
  border-color: #d43f3a;
  border-radius: 3px 0px 0px 3px;
  font-size: 14px;
  font-weight: normal;
  padding: 6px 12px;
}

#radioDisplayModeZen:checked + label {
  background-color: #3c6754;
}

#labelDisplayModeZen {

}

#radioDisplayModePaon + label {
  background-color: #d9534f;
  border-color: #d43f3a;
  border-radius: 0px 3px 3px 0px;
  font-size: 14px;
  font-weight: normal;
  padding: 6px 12px;
}

#radioDisplayModePaon:checked + label {
  background-color: #c9302c;
  border-color: #ac2925;
}

#labelDisplayModePaon {

}

#checkDisplayOrth + label {
  background-color: #f0ad4e;
  border-color: #eea236;
  border-radius: 3px 3px 3px 3px;
  font-size: 12px;
  font-weight: normal;
  padding: 6px 12px;
}

#checkDisplayOrth:checked + label {
  background-color: #ec971f;
  border-color: #d58512;
}

#labelDisplayOrth {

}

#checkDisplayPhon + label {
  background-color: #f0ad4e;
  border-color: #eea236;
  border-radius: 3px 3px 3px 3px;
  font-size: 12px;
  font-weight: normal;
  padding: 6px 12px;
}

#checkDisplayPhon:checked + label {
  background-color: #ec971f;
  border-color: #d58512;
}

#labelDisplayPhon {

}

#checkDisplaySyll + label {
  background-color: #f0ad4e;
  border-color: #eea236;
  border-radius: 3px 3px 3px 3px;
  font-size: 12px;
  font-weight: normal;
  padding: 6px 12px;
}

#checkDisplaySyll:checked + label {
  background-color: #ec971f;
  border-color: #d58512;
}

#labelDisplaySyll {

}

#divRowBarberysation {
  max-width: 597px;
  line-height: 33px;
}

#checkBarberysation + label {
  background-color: #469f46;
  border-color: #3b863b;
  border-radius: 3px 3px 3px 3px;
  font-size: 12px;
  font-weight: normal;
  padding: 6px 12px;
}

#checkBarberysation:checked + label {
  background-color: #429b42;
  border-color: #378237;
}

#labelBarberysation {

}

#checkTamise + label {
  background-color: #83a0bb;
  border-color: #2b4f76;
  border-radius: 3px 3px 3px 3px;
  font-size: 12px;
  font-weight: normal;
  padding: 6px 12px;
}

#checkTamise:checked + label {
  background-color: #3e607a;
  border-color: #1e4b72;
}

#labelTamise {

}

#selectMinWord {

}

#neededWord {

}

#divContainerResultRymes {
  width: 100%;
}

#divRowResult {
  max-width: 700px;
  margin-bottom: 20px;
}

#divResultRymes {
  width: fit-content;
  height: 200px;
  overflow: auto;
  padding: 10px;
  outline: 0px solid tranparent;
  background-color: rgba(51, 122, 183, 0.09);
  border-radius: 5px;
  outline: 0px;
}

/* chaque ligne dans la liste de rymes */
.divOneRyme {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  padding-left: 6px;
  padding-right: 6px;
  width: 100%;
}

/* pour controler la couleur de surlignage de la ryme selectionnee */
.divSelectedRyme {
  background-color: #ffffff;
  border-radius: 3px;
  display: none;
}

/* l'orthographe des mots dans la liste de rymes */
.spanRymeOrtho {
	font-family: "garamond-premier-pro-display", sans-serif;
	font-size: 16px;
}

/* la phonetique des mots dans la liste de rymes */
.spanRymePhon {
  color: #83a0bb;
  font-size: 12px;
}

/* le nombre de syllabes d'un mot dans la liste de rymes */
.spanRymeSyll {
  color: #88af3c;
  font-size: 10px;
}

#divContainerResultBarberysation {
  width: 100%;

}

#divResultBarberysation {
  padding: 0px 15px;
	font-family: "garamond-premier-pro-display", sans-serif;
	font-size: 18px;

  
}

/* la ligne de separation dans la liste texte des barberysation */
.tdSepLine {
  border-style: solid none none none;
  border-width: 1px;
  border-color: black;
}

#divNoResult {
  padding: 0px 15px;
  width: 250px;

}

.tableResultBarberysation {

}

.tableResultBarberysation td {
  padding: 0px 3px;
}


/****************** Div pour les messages d'erreur ****************/

#error {

}


/*************** roulette *********************/
.roulette {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  float: left;
  text-align: center; 
  height: 250px;
  width: 100px;
  overflow: hidden;
}

.rouletteViseur {
  position: relative;
  left: 0;
  height: 50px;
  width: 90px;
  margin-left: 5px;
  border-top: 1px solid #e2a830;
  border-bottom: 1px solid #e2a830;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rouletteList {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*************** aide *********************/
#aide   {
  margin-left: 15px;
}

.tableAide  {

}

.tableAide p {
  line-height: 10px;
  margin: 0px;
}


.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
   border: 0.5px solid rgba(228, 208, 167, 0.26);
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: rgba(228, 208, 167, 0.26);
}