.onglets {
  position:relative;
  z-index:0;
}
.onglets a {
  height:5.5em;
  background-repeat:no-repeat;
  background-position:center;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  width:calc(50% - 1px);
  background-size:auto 80%;
  margin-top:1px;
  /*border-color:inherit !important;
  border-bottom:1px solid;
  position:relative;top:1px;*/
}
.onglets span {
  width:100%;
  display:inline-block;
  text-align:center;
}
.onglets a:hover { /*, .onglets a.active*/
  background-size:auto 140%;
}
.onglets a.active:hover {
  -webkit-background-size: auto 80%;
  background-size: auto 80%;
}
.onglets .parcours {
  background-image:url("/2016/design/parcours.svg");
}
.onglets .news {
  background-image:url("/2016/design/mappemonde.svg");
}
.onglets .videos {
  background-image:url("/2016/design/video.svg");
}
.onglets .biblio {
  background-image:url("/2016/design/livre.svg");
}
.onglets-trait {
  height:8px;
  position:relative;
  z-index:5;
}

.themes .flex {
  width:106%; 
}

.themes  a {
  padding:0.3em 0 0.4em 0;
  width:28%;
  margin-right:5%;
  text-align:center;
  margin-top:1em;


}

.recherche-avancee {
  margin-bottom:3em;
}

.recherche-avancee > a {
  display:block;
  width:100%;
  padding-top:0.65em;
  padding-left:28px;
  background-image:url("/2016/design/plus.svg");
  background-position: left 8px center;
  background-size:0.888em auto;
  margin-top:1em;
  border-radius: 2px;
}

.recherche-avancee form .bloc {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.recherche-avancee > .flex {
  padding:1.5em 1.5em;
}

.recherche-avancee .mots {
  width:100%;
}
.recherche-libre {
    width:100%;
  }
.recherche-avancee select {
  display:block;
  /*background:url("/2016/design/fleche-select.png") no-repeat center right #FFF;*/
  background-size:auto 100%;
  padding-right:3em;
  width:100%;
  margin-top:8px;
}

.recherche-avancee .mots a {
  display:inline-block;
  padding:0.1em 1.5em 0.2em 0.7em;
  background-image:url("/2016/design/croix-fermer.svg");
  background-position:right 5px top 5px;
  background-repeat: no-repeat;
  margin-right:8px;
  margin-top:8px;
}

.recherche-avancee .input {
  width:100%;
  margin-bottom:0.5em;
}

.recherche-avancee .input input[type=text] {
  flex-grow:1;
} 

.recherche-avancee .texte-libre {
  width: calc(100% - 4em);
  margin-top: 0;
}
.recherche-avancee .boutons {
  width:4em;
  margin: 0;
}
.recherche-avancee .submit {
  border:none;
  /*height:1.7em;*/
  /*width:5em;*/
  line-height: 1.755em;
  padding: inherit;
  border-top:1px solid;
  border-right:1px solid;
  border-bottom:1px solid;
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
}

.recherche-avancee .recherche-libre, .recherche-avancee .dates  {
 border-top : 1px solid #AEAEAE; 
  padding-top:1em;
  margin-top:1.5em;
  /*width: 100%;*/
}

.recherche-avancee label {
  display:block;
  width:100%;
  margin-bottom:0.5em;
}

.recherche-libre label input[type=checkbox] {
  margin-right:0.5em;
}

.recherche-avancee .dates .flex {
  align-items: baseline;
}
.recherche-avancee .dates input {
  width:35%;
  margin-top: 0;
}
.mots .ajaxbloc, .mots .dates {width: 100%;}

@media screen and (min-width:500px){
  /*.recherche-libre .submit {
    height:1.4em;
  }*/
  /*.recherche-avancee .mots {
    width:65%;
  }
  .recherche-libre {
    width:30%;
  }*/
  .recherche-avancee select {
    max-width:18em;
  }
  /*.recherche-avancee .dates {
    width:16em;
  }*/
  
}

.tri {position:relative;top:-2em;}

@media screen and (min-width:768px){
  .onglets {
    padding:0 2.2em;
  }
  
  .onglets a {
    width:10em;
  }
  
  .themes .flex {
    width:100%;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }
  .themes a {
    width:15%;
    margin-right:0;
    max-width:8em;
  }
  .tri {width:15em;float:right;}
}

@media screen and (min-width:900px){
  .recherche-avancee > a {
    padding-top:0.4em;
  }
  .recherche-avancee .mots {
    width:50%;
  }
  .recherche-libre {
    width:50%;
    padding-left: 1.5em;
  }

  .recherche-avancee .recherche-libre {
    padding-top:0;
    margin-top:0;
    border-top:none;
  }

  #recherche .liste .article {
    width:calc(50% - 1em);
    margin-right:2em;
  }
  
  #recherche .liste .article:nth-of-type(2n) {margin-right:0;}
}

@media screen and (min-width:1100px){
  .recherche-avancee .mots {
    width:64%;
  }
  .recherche-libre {
    width:36%;
    padding-left: 1.5em;
  }
  .mots .ajaxbloc {
    width: 48%;
  }
  .mots .dates {
    width: 52%;
    padding-left: 1.5em;
    border: none;
    padding-top:0;
    margin-top: 0;
  }
}

#recherche .cercle {
  display:none;
}