.nav {display:block; min-height: 0.75em;}
.nav > .left,
.nav > .right {clear:none;margin-bottom:-1.5em}
.nav > .left {float:left;}
.nav > .right {float:right;}
.nav > .center {/*width:27.5em;*/font-size:.9em;float:none;margin:1em auto 1em;text-align:center; overflow:hidden;}
.nav > .center > input {width:50px;background-color:#ccc;text-align: right;font-size:1em;border:0; margin:0;padding:.15em .25em 0; }
.nav > .center > button {display:inline;padding:.15em .25em .15em .25em;min-width:2em}
.nav > .center > button.off {display:none;}
.nav > .center > button.btgoprev {float:left;background-color:transparent; cursor:default;margin-left:5em}
.nav > .center > button.btgonext {float:right;background-color:transparent; cursor:default;margin-right:5em}
.nav > .center > span.pinfo {display:block;float:right;padding-top:.2em}
@media screen and (max-width: 440px) {
  .nav > .center > button {display:none}
  .nav > .center > button.on {display:inline}
	ul.results > li {width:95%;margin:2.5%;position:relative;height:auto}
	ul.results > li > a {height:inherit}
	form.search button[type="submit"] {text-indent:-10000px;min-width: 1.85em;}
}
.nav button {font-size:1em;border:0; background-color:transparent; padding:.15em .5em 0;margin:0 .25em;}
.nav button.on {color:#fff;background-color:#333 !important}
.nav button.btprev,
.nav button.btnext,
.nav button.btfp,
.nav button.btlp {
	position:relative;color:transparent;
	background-color:transparent;
	width:15px; height: 20px;
	margin:0 .5em;
	text-align: left;
}
.nav button.btprev:before,
.nav button.btnext:before,
.nav button.btfp:before,
.nav button.btlp:before {
	content: ' '; position: absolute; width: 0; height: 0;left:0;top:2px;
	border-top: solid 8px transparent;
	border-bottom: solid 8px transparent;
}
.nav button.btprev:before {border-right: solid 15px #000;}
.nav button.btnext:before {border-left: solid 15px #000;}

.nav button.btfp {border-left:solid #000 3px;}
.nav button.btfp:before {border-right: solid 15px #000;}
.nav button.btlp {border-right:solid #000 3px;}
.nav button.btlp:before {border-left: solid 15px #000;}
.nav button.btfp:disabled {border-left-color:#ccc}
.nav button.btfp:disabled:before,
.nav button.btprev:disabled:before {border-right-color:#ccc}
.nav button.btlp:disabled {border-right-color:#ccc}
.nav button.btlp:disabled:before,
.nav button.btnext:disabled:before {border-left-color:#ccc}

.nav > .center > button.btgoprev:disabled,
.nav > .center > button.btgonext:disabled {color:#ccc}

input[type="checkbox"] {}
ul.results > li {height:6.5em} /*overite of cbestd.css*/
ul.results > li > a {position:relative; border-color:#eee; word-break: break-word; padding-bottom:1em;color:#000;background-color:#f6f6f6; text-decoration:none;text-indent:.75em; text-align:left; transition:background-color .2s,color .2s, width .2s, margin .2s;}
ul.results > li > a:hover {background-color:transparent;/*margin:-.25em;height:6em*/}

ul.results > li > a::before {
	content:'';width:0;height:0;position: absolute;margin:0 0 0 -1em;
	border-top:solid transparent .5em;
	border-left:solid #443a31 .75em;
	border-bottom:solid transparent .5em;
  left:1em;
}

ul.results > li > a::after {
  content: 'Domain';
  left: 0;
  height: 2em;
  line-height: 3em;
  font-size: .75em;
  position: absolute;
  /* margin: 0 0.25em 0 -1em; */
  background: no-repeat right bottom;
  background-size: auto 2em;
  /* background-color: #aaa; */
  font-weight: 900;
  color: #ec6c43;
  display: inline-block;
  bottom: -0.075em;
  right: -0.075em;
  text-align: left;
  text-indent: .25em;
  z-index:1;
}

/* ul.results > li > a::before {content:url('../img/d_all.svg') ;} */

ul.results > li.d-histo > a::after {background-image:url('../img/d_histo_bbiz.svg');content:'Historique'}
ul.results > li.d-info > a::after {background-image:url('../img/d_info_bbiz.svg');content:'Informatique'}
ul.results > li.d-math > a::after {background-image:url('../img/d_math_bbiz.svg');content:'Mathématique'}
ul.results > li.d-philo > a::after {background-image:url('../img/d_philo_bbiz.svg');content:'Philosophique'}
ul.results > li.d-soc > a::after {background-image:url('../img/d_soc_bbiz.svg');content:'Sociétale'}

ul.results > li.d-histo > a #svgid-d-histo {fill:#ffffff}
ul.results > li > a #svgid-d-arrowline {stroke:#ffffff}
/* ul.results > li > a::before {
	content:'';width:0;height:0;top:0;left:0;position: absolute;
	border-right:solid transparent 30px;
	border-left:solid transparent 10px;
	border-bottom:solid transparent 10px;
} */
/* Colored Results link icon in function of domain */
/*
ul.results > li.d-histo > a::before {border-left-color: #443a31}
ul.results > li.d-histo > a::after {border-right-color: #443a31}
ul.results > li.d-info > a::before {border-left-color: #e7d769}
ul.results > li.d-info > a::after {border-right-color: #e7d769}
ul.results > li.d-math > a::before {border-left-color: #ba4e97}
ul.results > li.d-math > a::after {border-right-color: #ba4e97}
ul.results > li.d-philo > a::before {border-left-color: #75b96c}
ul.results > li.d-philo > a::after {border-right-color: #75b96c}
ul.results > li.d-soc > a::before {border-left-color: #009de0}
ul.results > li.d-soc > a::after {border-right-color: #009de0}
*/
/* Colored Domain Chexkboxes Menu */
/*ul#dlist > li.d-histo.on label {background-color: #443a31}
ul#dlist > li.d-info.on label {background-color: #e7d769}
ul#dlist > li.d-math.on label {background-color: #ba4e97}
ul#dlist > li.d-philo.on label {background-color: #75b96c}
ul#dlist > li.d-soc.on label {background-color: #009de0}*/

/* Colored Results link in function of domain */
/* ul.results > li.d-histo > a::after {background-color: #443a31} */
/* ul#dlist > li.d-histo label::after,
ul#dlist > li.d-histo.on label::before {background-color: #443a31} */
/* ul.results > li.d-info > a::after {background-color: #e7d769} */
/* ul#dlist > li.d-info label::after,
ul#dlist > li.d-info.on label::before {background-color: #e7d769} */
/* ul.results > li.d-math > a::after {background-color: #ba4e97} */
/* ul#dlist > li.d-math label::after,
ul#dlist > li.d-math.on label::before {background-color: #ba4e97} */
/* ul.results > li.d-philo > a::after {background-color: #75b96c} */
/* ul#dlist > li.d-philo label::after ,
ul#dlist > li.d-philo.on label::before {background-color: #75b96c} */
/* ul.results > li.d-soc > a::after {background-color: #009de0} */
/* ul#dlist > li.d-soc label::after,
ul#dlist > li.d-soc.on label::before {background-color: #009de0} */





ul#dlist {height:auto;background:none;padding:11em 0 0 0.25em;font-size:.925em;list-style-type: none;display:inline-block;overflow:hidden;min-width: 23em;margin-bottom:-.5em;border-bottom:solid #000 0px;}
ul#dlist > li {display:inline-block;position: relative;width:3em;-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none; }
ul#dlist > li::before {position: absolute;content: '';left:-1em;width:4em;bottom:0em;height:2em;background:#fff;z-index:5}
ul#dlist > li > input {    position: absolute; z-index: 6; left: 0.25em; bottom: .75em;}
ul#dlist > li label {position:absolute;bottom:-1.5em;
  transform:rotate(-45deg);
  transform-origin: -2em 0.75em;
	background:#fff;
	padding:.5em 0 0 .75em;
	margin: .25em 0 0 .5em;/*18px 0 0 -1px;*/
  height: 2.45em;
  word-break:keep-all;
  letter-spacing: .1em;
  border-top:solid .2em #000;
  border-right:solid .2em #000;
  width: 2em;
  overflow:visible;
  text-indent:2em;
  box-sizing: border-box;
  cursor:pointer;
  display:block;
  font-weight:300;
  transition: font-weight .35s;
}
/*
ul#dlist > li.d-histo > label::before {background-color: #443a31}
ul#dlist > li.d-info > label::before {background-color: #e7d769}
ul#dlist > li.d-math > label::before {background-color: #ba4e97}
ul#dlist > li.d-philo > label::before {background-color: #75b96c}
ul#dlist > li.d-soc > label::before {background-color: #009de0}*/

ul#dlist > li.d-histo > label {width: 3em;text-indent:3em;z-index:4}
ul#dlist > li.d-info > label {width: 3.75em;text-indent:3.75em;z-index:3}
ul#dlist > li.d-math > label {width: 4.5em;text-indent:4.5em;z-index:2}
ul#dlist > li.d-philo > label {width: 5.25em;text-indent:5.25em;z-index:1}
ul#dlist > li.d-soc > label {width: 6em;text-indent:6em;z-index:0}

ul#dlist > li.on label {font-weight:900;background-color:transparent}
ul#dlist > li label::before {
	position: absolute;content: '';left:-0.2em;width:0;top:0.15em;bottom:0em;background:#ec6c43;transition: width .35s;
}
ul#dlist > li label::after {
	position: absolute;content: '';left:0;right:0;top:0;bottom:-0.15em;background:#fff;z-index:-1;
}
ul#dlist > li.on label::before {
	width:100%;
}
input#id_ftext {min-width:15em}
form.search fieldset.qargs .fgroup  {float: right; max-width: 17em; text-align: center; padding:2.75em 0;}
form.search fieldset {text-align: left}
form.search fieldset.settings {position:relative;background-color:transparent;margin: 0 0 1em;font-size:.85em;border-bottom:solid #ccc 1px;text-align:right;}
#mainctn > form > fieldset.settings > legend {position:relative;margin:-3.25em 0 0 0;height:3.25em;padding:.5em;background-color:transparent; float:right;display:block}
form.search fieldset.settings {font-size:.85em;padding-bottom: 1em;}
#mainctn > form > fieldset{min-width:25em}
#mainctn > form > fieldset.settings > legend::before {color:#000;position:relative;text-indent:0;float:right;font-family: 'Awesome';content:'\f013';margin:0 .25em;font-size:1.25em}
#mainctn > form > fieldset.settings > legend::after {;position:absolute;text-indent:0;width:0;height:0;content:'';
right:0.45em;
top:1.25em;
border-left: solid 6px transparent;
border-top: solid 11px #ec6c43;
border-right: solid 6px transparent;
}
#mainctn > form > fieldset.settings.off > legend::after {
	right:-.15em;top:1.15em;
	border-left: solid 11px #ec6c43;
	border-top: solid 6px transparent;
	border-bottom: solid 6px transparent;
}
#mainctn > form > fieldset.settings.off {display:block;}
#mainctn > form > fieldset.settings.off > legend{height:2em}
fieldset.settings > .fgroup {display:inline-block;}
fieldset.settings.off > .fgroup {display:none}
/*form.search button[type="submit"] {
line-height:1.5em;
height:1.5em;
}*/
form.search #formsubmit::before {
    display: inline-block;float:left;
    content: '\f002';
    margin: 0 .5rem 0 0;
    font-family: 'Awesome';
		text-indent:0;
}
select#id_sortby {height:2.25em;width:7em;position:absolute; z-index:1;padding:0;border:solid #ccc 1px;margin:0.25em 0 0 -7em}
select#id_sortby.editon {height:auto;}
select#id_sortby.editon > option,
select#id_sortby.editon > option:focus,
select#id_sortby.editon > option:enabled,
select#id_sortby.editon > option:hover {background-color:#eaf7fc !important;padding:.5rem .25rem}


form.search {display:block; margin: 1.5rem auto; max-width:40rem; text-align:center}
form.search label {display:inline-block}
form.search label {display:inline-block}
form.search label[for="id_sortby"]  {margin-right:8em}
form.search #btsumit::before {content:''}