/*//////////////////    BOUTONS NAVIGATIONS PAGES   ///////////////////*/
.navigation {
  width: 75%;
  text-align: center;
  margin: 0 auto;
  margin-top: -60px;
  background: #e6ebef;
  border-radius: 10px;
  padding: 30px;
}
.navigation > h1 {
  color: #384954;
  font-size: 20px;
}
.navigation-bas-page {
  width: 80%;
  text-align: center;
  background: #e6ebef;
  border-radius: 10px;
  padding: 30px;
  margin: 0 auto;
}
.nav_chi_siamo {
  background: #FFFFFF;
  border-radius: 10px;
  display: inline-block;
  vertical-align: middle;
  margin: 5px 2px;
  height: 50px;
  width: 200px;
  text-align: center;
}
.nav_chi_siamo:hover {
  background: #D2D2D4;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  cursor: pointer;
}
.nav_chi_siamo > a {
  font-family: "Manrope SemiBold";
  font-size: 16px;
  /*line-height: 15px;*/
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  width: 200px;
  color: #141E3C;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#bouton_actif {
  background: #141E3C;
  border-radius: 10px;
  display: inline-block;
  vertical-align: middle;
  margin: 2px 2px;
  height: 50px;
  width: 200px;
  text-align: center;
}
#bouton_actif > a {
  font-family: "Manrope SemiBold";
  font-size: 16px;
  line-height: 1;
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  width: 200px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.commun-block-bouton {
  margin: 0;
}
.commun-block-bouton p {
  padding: 0;
}
@media only screen and (max-width : 959px) {
  .navigation-bas-page {
    padding: 10px;
  }
  .commun-block-bouton {
    margin: 0 0 30px;
  }
  .commun-block-bouton p {
    margin: 20px auto 0;
  }
}
@media only screen and (max-width : 1280px) {
  #bouton_actif {
    margin: 5px;
  }
  .nav_chi_siamo {
    margin: 5px;
  }
}
/* FORME GENERALE DU BOUTON */
.bouton {
  clear: both;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 250px;
  height: 50px;
  line-height: 47px;
  border-radius: 10px;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.bouton:hover {
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  text-decoration: none;
  cursor: pointer;
}
.bouton > a {
  display: block;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: .5px;
}
/* CSS BOUTONS SECONDAIRE (bleu clair) */
.bouton_secondaire {
  background: #6419BE; /*#fff   f59b14*/
  font-family: "Manrope SemiBold";
  width: 250px;
  height: 50px;
  margin: 20px 0 0;
  text-align: center;
  line-height: 49px;
  border-radius: 10px;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.bouton_secondaire:hover {
  background: #500FA0; /*#f0870a*/
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 80, 0.12);
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.bouton_secondaire > a, .bouton_secondaire-telecharge > a, .bouton_secondaire-share > a, .bouton_secondaire-copy > a {
  display: block;
  text-decoration: none;
  color: #fff; /*#283c50*/
}
.bouton_secondaire:hover > a, .bouton_secondaire-telecharge:hover > a, .bouton_secondaire-share:hover > a, .bouton_secondaire-copy:hover > a {
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  /*color: #283c50;*/
  text-decoration: none;
}

.bouton_secondaire-telecharge {
  display: inline-block;
  padding: 0 20px 0 55px;
  background: url(../images/file_download.svg), #6419BE;
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 35px;
  font-family: "Manrope SemiBold";
  width: 400px;
  height: 50px;
  margin: 20px 0 0;
  text-align: center;
  line-height: 50px;
  border-radius: 10px;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.bouton_secondaire-telecharge:hover {
  background: url(../images/file_download.svg), #500FA0;
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 35px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 80, 0.12);
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

/* CSS BOUTONS TERTIAIRE (bordure blanche) */
.bouton_tertiaire {
  background: #500f9f;
  font-family: "Manrope SemiBold";
  width: 250px;
  height: 50px;
  margin: 20px 0 0;
  text-align: center;
  line-height: 49px;
  border-radius: 10px;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.bouton_tertiaire:hover {
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  text-decoration: none;
  background: #8441e1;
  cursor: pointer;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 80, 0.12);
}
.bouton_tertiaire > a {
  display: block;
  text-decoration: none;
  color: #ffffff;
}
.bouton_tertiaire:hover > a {
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  color: #ffffff;
  text-decoration: none;
}
.bouton_secondaire-share {
  display: inline-block;
  padding: 0 20px 0 55px;
  background: url(../images/share.svg), #6419BE;
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 30px;
  font-family: "Manrope SemiBold";
  width: auto;
  height: 50px;
  margin: 20px 0 0;
  text-align: center;
  line-height: 50px;
  border-radius: 10px;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.bouton_secondaire-share:hover {
  background: url(../images/share.svg), #500FA0;
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 30px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 80, 0.12);
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.bouton_secondaire-copy {
  display: inline-block;
  padding: 0 20px 0 55px;
  background: url(../images/content-copy.svg), #6419BE;
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 30px;
  font-family: "Manrope SemiBold";
  width: auto;
  height: 50px;
  margin: 20px 0 0;
  text-align: center;
  line-height: 50px;
  border-radius: 10px;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  white-space: nowrap;
}
.bouton_secondaire-copy:hover {
  background: url(../images/content-copy.svg), #500FA0;
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 30px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 80, 0.12);
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}


/* ATTRIBUTS DU BOUTON CONTATTI DES BLOCS GRIS */
#bouton_contatti {
  border: 2px solid #384954;
  color: #384954;
  text-decoration: none;
}
#bouton_contatti:hover {
  background: #384954;
}
#bouton_contatti > a {
  color: #384954;
  text-decoration: none;
}
#bouton_contatti > a:hover {
  color: #ffffff;
  text-decoration: none;
}
/* ATTRIBUTS DU BOUTON DOWNLOAD */
#bouton_download {
  border: 2px solid #384954;
  color: #384954;
  width: 250px;
  height: 50px;
  text-decoration: none;
}
#bouton_download:hover {
  background: #384954;
  text-decoration: none;
}
#bouton_download > a {
  color: #384954;
  text-decoration: none;
}
#bouton_download > a:hover {
  color: #ffffff;
  text-decoration: none;
}
/* ATTRIBUTS DU BOUTON TARIF DU FOOTER */
#bouton_tarifs {
  margin-top: 40px;
  margin-bottom: 40px;
  border: 2px solid #E0E0E2;
  text-decoration: none;
}
#bouton_tarifs:hover {
  background: #E0E0E2;
  text-decoration: none;
}
#bouton_tarifs > a {
  color: #E0E0E2;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
}
#bouton_tarifs > a:hover {
  color: #283236;
  text-decoration: none;
}
/* ATTRIBUTS DU BOUTON TELEPHONE */
#bouton_tel {
  border: 2px solid #384954;
  color: #384954;
  width: 250px;
  height: 50px;
  text-decoration: none;
  line-height: normal;
  padding-top: 6px;
}
#bouton_tel:hover {
  background: #384954;
  text-decoration: none;
  line-height: normal;
  color: #ffffff;
}
#bouton_tel:hover > a {
  color: #ffffff;
}
#bouton_tel > a {
  color: #384954;
  text-decoration: none;
  line-height: normal;
}
#bouton_tel > a:hover {
  color: #ffffff;
  text-decoration: none;
  line-height: normal;
}