/* CSS Document */
#svg_contener {
  position:relative;
  width:auto;
  height:auto;
  margin:auto;
  display:none;
}
#svg_file {
  width:auto;
  height:75vh;
  margin:auto;
}

._pt_contener {
  margin:20px auto;
}

#parcours_themes {
  margin:20px auto;
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-around;
}

._pt {
  flex:1;
  margin:0 10px;
}

._pt_titre {
  background-color: #fac864;
  padding:10px 20px;
  text-align:center;
  cursor:pointer;
  transition:0.5s ease-in all;
}
._pt_stitre {
  text-align:center;
  margin-top:5px;
}

._pt:hover ._pt_titre {
  background-color: #000;
  color:#fff!important;
}

#parcours_zones {
  width:auto;
  margin:auto;
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
}
._pt_zone {
  padding:5px 20px;
  margin:0;
  cursor:pointer;
  transition:0.5s ease-in all;
  text-transform:uppercase;
}

#parcours_theme_intro {
  margin:10px auto;
}

#parcours_theme_form_btn {
  display:inline-block;
  background-color: #fac864;
  color:#000!important;
  margin:20px auto;
  padding:10px 20px;
  text-align:center;
  cursor:pointer;
  transition:0.5s ease-in all;
}
#parcours_theme_form_btn:hover {
  background-color: #000;
  color:#fff!important;
}

#parcours_theme_form_contener, #parcours_theme_infos, #parcours_ressources_contener {
  display:none;
}

#parcours_theme_texte_form {

}

#parcours_fiches, .parcours_fiches {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
#parcours_fiches  .ressource-doc, .parcours_fiches  .ressource-doc {
  width:50%;
  margin-bottom:10px;
}

#parcours_fiches_contener .categorie_fiche[niveau="1"] {
  font-size: 24px;
  /*color: #fac864;  */
  background-color:#444;
  color:#fff;
  padding:5px 10px;
  display:inline-block;
  margin:10px 0 10px 0;
}

#parcours_fiches_contener .categorie_fiche[niveau="2"] {
  font-size: 24px;
  color: #fac864;
  display:block;
  margin:10px 0 10px 20px;
}

#parcours_fiches_contener .categorie_fiche[niveau="3"] {
  font-size: 20px;
  color: #999;
  display:block;
  margin:10px 0 10px 30px;
}

#parcours_fiches_contener .parcours_fiches[niveau="1"] {
  margin:10px 0 10px 20px;
}

#parcours_fiches_contener .parcours_fiches[niveau="2"] {
  margin:10px 0 10px 20px;
}
#parcours_fiches_contener .parcours_fiches[niveau="3"] {
  margin:10px 0 10px 30px;
}

#parcours_fiches_contener .ressource-doc  {
    color:#000;
}
#parcours_fiches_contener .ressource-doc:hover  {
    color:#555;
    text-decoration:underline;
}

@media (max-width: 700px) {
  #parcours_themes {
    display:block;    
  }
  ._pt {
    margin:20px 0;
  } 
  #parcours_zones {
      display:block;  
  }   
}