@font-face {

	font-family: "Lato";

	font-weight: 400;

	src: url("../fonts/Lato-Regular.ttf") format("TrueType");	

}

@font-face {

	font-family: "Lato";

	font-weight: 300;

	src: url("../fonts/Lato-Light.ttf") format("TrueType");	

}

@font-face {

	font-family: "Lato";

	font-weight: 700;

	src: url("../fonts/Lato-Bold.ttf") format("TrueType");	

}

@font-face {

	font-family: "Lato";

	font-weight: 900;

	src: url("../fonts/Lato-Black.ttf") format("TrueType");	

}

@font-face {

	font-family: "Lato";

	font-weight: 400;

	font-style: italic;

	src: url("../fonts/Lato-Italic.ttf") format("TrueType");	

}

html {
    height: 100%;    
}

body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    
    display: flex;
    flex-direction: column;
}

ul {

  padding: 0px;

  list-style-position: inside;

}

h3 {

	font-size: 1.3em;

}

h4 {

	font-size: 1.2em;

}

.VS_couleur_orange {

  color: #b73417;

}

.VS_couleur_orange_fond {

  background-color: #b73417;

}

.VS_couleur_bleu {

  color: #0c3642;

}

.VS_couleur_bleu_fond {

  background-color: #0c3642;

}

.VS_couleur_bleu_dark {

  color: #082028;

}

.VS_couleur_cyan {

  color: #258395;

}

.VS_couleur_cyan_fond {

  background-color: #258395;

}

.VS_couleur_blanc {

  color: #ffffff;

}

.VS_couleur_gris_fond {

  background-color: #f3f2f1;

}

.VS_font_regular { font-family: "Lato"; font-weight: 400; }

.VS_font_bold { font-family: "Lato"; font-weight: 700; }

.VS_font_light { font-family: "Lato"; font-weight: 300; }

.VS_font_black { font-family: "Lato"; font-weight: 900; }

@media (min-width: 1200px) {

  .VS_h1 {

    font-size: 2.25em;

  }

  .VS_h2 {

    font-size: 1.5em;

  }

  .VS_texte {

    font-size: 1.125em;

  }

  .VS_txt_nav {

    font-size: 1.25em;

  }

  .VS_petit {

    font-size: 0.8em;

  }

}

@media (max-width: 1199px) {

  .VS_h1 {

    font-size: 1.875em;

  }

  .VS_h2 {

    font-size: 1.375em;

  }

  .VS_texte {

    font-size: 1em;

  }

  .VS_txt_nav {

    font-size: 1.125em;

  }

  .VS_petit {

    font-size: 0.7em;

  }

}

.VS_btn {

  border: none;

  padding: 15px 32px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

}

.VS_btn_lisse {

  border-radius: 15px;

}

.VS_btn_arrondi {

  border-radius: 30px;

}

.VS_btn_rond {

  border-radius: 100%;

}

.VS_btn_pastille {

  pointer-events: none;

  cursor: not-allowed;

  width: 90px;

  height: 90px;

  padding: 0;

}

@media (max-width: 1200px) {

.VS_btn_pastille {

  width: 80px;

  height: 80px;

}

}

.VS_btn_header {

  background-color: #b73417;

  color: white;

  transition: 0.5s;

}

.VS_btn_header:hover {

  background-color: #cf4d31;

}

.VS_btn_solution {

  margin-top: 30px;

  width: 100%;

  transition: 0.5s;

}

.VS_btn_solution:hover {

  margin-top: 30px;

  width: 100%;

  opacity: 0.85;

}

.VS_ligne_titre {

  padding-top: 35px;

  padding-bottom: 35px;

}

@media (min-width: 1200px) {

  .VS_section_nav {

    padding: 1rem 2rem 0 2rem;

  }

}

.VS_nav-link {

  color: #0c3642;

}

.VS_nav-link:visited {

  color: #0c3642;

}

.VS_nav-link:hover {

  color: #0c3642;

  opacity: 75%;

}

.VS_nav-link:active {

  color: #0c3642;

  opacity: 75%;

}

.VS_btn_nav {

  border: 0;

  transition: 0.5s;

}

.VS_btn_nav:visited {

  background-color: #cf4d31;

  border: 0;

}

.VS_btn_nav:hover {

  background-color: #cf4d31;

}

.VS_btn_nav:active {

  background-color: #cf4d31;

  border: 0;

}

@media (min-width: 992px) {

  .VS_btn_nav {

    margin-left: 15px;

  }

}

@media (max-width: 991px) {

  .VS_btn_nav {

    margin-bottom: 10px;

    margin-top: 10px;

  }

}

.VS_logo_nav {

  height: 50px;

  width: 150px;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

}

@media (max-width: 991px) {

  .VS_logo_nav {

    background-image: url("../images/logoVS_nav_couleurs.png");

    top: -5px;

  }

}

@media (min-width: 992px) {

  .VS_logo_nav {

    background-image: url("../images/logoVS_nav_couleurs.png");

    top: -15px;

  }

}

@media (max-width: 991px) {

  .VS_navbar {

    text-align: center;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .VS_navbar {

    padding-top: 25px;

  }

}

.VS_navbar .navbar-toggler {

  color: rgba(0, 0, 0, 0.3);

  border-color: #c7c7c7;

}

.VS_navbar .navbar-toggler-icon {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.3)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

@media (min-width: 992px) {

  .VS_dropdown-menu {

    background-color: white;

    border-bottom: 1px solid #cccccc;

    padding-top: 20px;

    text-align: center;

  }

}

@media (min-width: 1200px) {

  .VS_dropdown-menu {

    background-color: #f4f4f6;

  }

}

@media (max-width: 991px) {

  .navbar-nav:nth-child(1) {

    margin-top: 15px;

  }

  .VS_dropdown-menu {

    background-color: white;

    border: 0;

    text-align: center;

  }

}

.nav-item {

	cursor: pointer;

}

.VS_dropdown-item {

  margin: 0;

  padding: 0;

  margin-bottom: 10px;

}

.VS_dropdown-item:hover {

  background-color: transparent;

}

#scrollDepart {

	cursor: pointer;

}

.nav-link svg {

	width: 24px;

	height: 24px;

	color: #0c3642;

	transform: scale(1.3);

}

.nav-link svg:hover {

	color: #4c7682;

}

@media (min-width: 1200px) {

.nav-link svg {

	margin-left: 10px;

}

}

@media (min-width: 1200px) {

  .VS_header_monitor {

    background-image: url("../images/Header-monitor.jpg");

    background-size: cover;

    background-position: top;

    background-repeat: no-repeat;

    height: 100vh;

    padding: 1rem 2rem;

  }

}

@media (min-width: 1980px) {

  .VS_header_monitor {

    background-image: url("../images/Header-4k.jpg");

  }

}

@media (max-width: 575px) {

  .VS_header_phone {

    background-image: url("../images/Header-phone.jpg");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 100vw;

    height: 30vh;

  }

}

@media (min-width: 576px) and (max-width: 1199px) {

  .VS_header_phone {

    background-image: url("../images/Header-monitor.jpg");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 100vw;

    height: 30vh;

  }

  .VS_header_monitor > .container {

    margin: 0;

    padding: 0;

    width: 100vw;

    max-width: 100vw;

  }

  .VS_header_monitor > .container > .row {

    margin: 0;

    padding: 0;

    width: 100vw;

    background-color: #f3f2f1;

  }

}

.VS_introdution {

  padding-top: 50px;

  color: #0c3642;

}

@media (min-width: 1200px) {

  .VS_introdution {

    padding-top: 180px;

  }

  .VS_introdution > ul {

    padding-top: 50px;

    padding-bottom: 50px;

  }

}

@media (max-width: 1199px) {

  .VS_introdution {

    text-align: center;

    background-color: #f3f2f1;

    padding-bottom: 50px;

  }

  .VS_introdution > ul {

    text-align: center;

    padding-left: 15px;

    padding-top: 25px;

    padding-bottom: 25px;

  }

}

@media (min-width: 576px) and (max-width: 1199px) {

  .VS_introdution {

    margin: auto;

    width: 70vw;

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }

}

@media (min-width: 1200px) {

  .VS_solution_fond {

    padding-bottom: 200px;

    background-image: url();

    background-position: top;

    background-repeat: no-repeat;

  }

  .VS_solution_image {

    background-image: url("../images/notre-solution.png");

    background-position: center;

    background-repeat: no-repeat;

  }

}

@media (max-width: 1199px) {

  .VS_solution_fond {

    padding-bottom: 30px;

  }

}

  .VS_solution_fond #typed::before {

    content: "\a";

    white-space: pre;

  }

@media (min-width: 1200px) {

  .VS_ligne_solution {

    margin-top: 100px;

  }

}

.VS_bristol_solution {

  text-align: center;

  text-justify: inter-word;

  padding: 25px;

  /* 	

  border-style: solid;

  border-width: 1px;

  border-color: #0c3642;

*/

  border-radius: 15px;

  box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px;

  background-color: white;

}

@media (min-width: 1200px) {

  .VS_marge_solution_haut {

    margin-bottom: 150px;

    margin-top: 50px;

  }

  .VS_marge_solution_bas {

    margin-top: 150px;

  }

  .VS_bristol_solution1 {

    position: relative;

    top: -20px;

  }

  .VS_bristol_solution2 {

    position: relative;

    top: -155px;

  }

  .VS_bristol_solution3 {

    position: relative;

    top: -98px;

  }

  .VS_bristol_solution4 {

    position: relative;

    top: 95px;

  }

  .VS_bristol_solution5 {

    position: relative;

    top: 190px;

  }

  .VS_bristol_solution6 {

    position: relative;

    top: 60px;

  }

}

@media (max-width: 1199px) {

  .VS_bristol_solution {

    width: 90%;

    margin: auto;

    margin-top: 40px;

    margin-bottom: 40px;

  }

}

@media (min-width: 768px) and (max-width: 1199px) {

  .VS_solution_image > .row > .col-md-4 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

}

.VS_bristol_solution > h3 {

  padding-top: 0px;

  padding-bottom: 50px;

}

.VS_bristol_solution > p {

  text-align: justify;

}

@media (max-width: 1199px) {

  .VS_bristol_solution > h3 {

    width: 70%;

    margin: auto;

  }

  .VS_bristol_solution > p {

    text-align: left;

  }

}

@media (min-width: 1200px) {

  .VS_bristol_solution_bulle_1 {

    padding-top: 50px;

    width: 150px;

    height: 150px;

    position: relative;

    left: -50px;

    top: -80px;

    text-align: center;

    margin-bottom: -100px;

    background-image: url("../images/bulle_vocaldirect.png");

  }

  .VS_bristol_solution_bulle_2 {

    padding-top: 60px;

    width: 150px;

    height: 150px;

    position: relative;

    left: -50px;

    top: -80px;

    text-align: center;

    margin-bottom: -100px;

    background-image: url("../images/bulle_vocalteam.png");

  }

  .VS_bristol_solution_bulle_3 {

    padding-top: 45px;

    width: 150px;

    height: 150px;

    position: relative;

    margin-left: auto;

    margin-right: 0;

    left: 50px;

    top: -80px;

    text-align: center;

    margin-bottom: -100px;

    background-image: url("../images/bulle_telejoblist.png");

  }

  .VS_bristol_solution_bulle_4 {

    padding-top: 50px;

    width: 150px;

    height: 150px;

    position: relative;

    left: -50px;

    top: -80px;

    text-align: center;

    margin-bottom: -100px;

    background-image: url("../images/bulle_vocalmike.png");

  }

  .VS_bristol_solution_bulle_5 {

    padding-top: 60px;

    width: 150px;

    height: 150px;

    position: relative;

    margin-left: auto;

    margin-right: 0;

    left: 50px;

    top: -80px;

    text-align: center;

    margin-bottom: -100px;

    background-image: url("../images/bulle_vocalphone.png");

  }

  .VS_bristol_solution_bulle_6 {

    padding-top: 50px;

    width: 150px;

    height: 150px;

    position: relative;

    margin-left: auto;

    margin-right: 0;

    left: 50px;

    top: -80px;

    text-align: center;

    margin-bottom: -100px;

    background-image: url("../images/bulle_vocalmanager.png");

  }

}

@media (max-width: 1199px) {

  .VS_bristol_solution_bulle_1 {

    padding-top: 50px;

    width: 150px;

    height: 150px;

    position: relative;

    left: -50px;

    top: -80px;

    text-align: center;

    margin-bottom: -100px;

    background-image: url("../images/bulle_smartphone_gauche.png");

  }

  .VS_bristol_solution_bulle_2 {

    padding-top: 50px;

    width: 150px;

    height: 150px;

    position: relative;

    margin-left: auto;

    margin-right: 0;

    left: 50px;

    top: -80px;

    text-align: center;

    margin-bottom: -100px;

    background-image: url("../images/bulle_smartphone_droite.png");

  }

  .VS_bristol_solution_bulle_3 {

    padding-top: 50px;

    width: 150px;

    height: 150px;

    position: relative;

    left: -50px;

    top: -80px;

    text-align: center;

    margin-bottom: -100px;

    background-image: url("../images/bulle_smartphone_gauche.png");

  }

  .VS_bristol_solution_bulle_4 {

    padding-top: 50px;

    width: 150px;

    height: 150px;

    position: relative;

    margin-left: auto;

    margin-right: 0;

    left: 50px;

    top: -80px;

    text-align: center;

    margin-bottom: -100px;

    background-image: url("../images/bulle_smartphone_droite.png");

  }

  .VS_bristol_solution_bulle_5 {

    padding-top: 50px;

    width: 150px;

    height: 150px;

    position: relative;

    left: -50px;

    top: -80px;

    text-align: center;

    margin-bottom: -100px;

    background-image: url("../images/bulle_smartphone_gauche.png");

  }

  .VS_bristol_solution_bulle_6 {

    padding-top: 50px;

    width: 150px;

    height: 150px;

    position: relative;

    margin-left: auto;

    margin-right: 0;

    left: 50px;

    top: -80px;

    text-align: center;

    margin-bottom: -100px;

    background-image: url("../images/bulle_smartphone_droite.png");

  }

}

@media (min-width: 1200px) {

  .VS_section_formule {

    padding-top: 50px;

  }

}

@media (max-width: 1199px) {

  .VS_section_formule {

    padding-left: 20px;

    padding-right: 20px;

    margin: auto;

  }

}

.VS_slick_solo {

  margin-bottom: 80px;

}

.VS_slick_rezo {

  margin-bottom: 80px;

}

.VS_slick_xl {

  margin-bottom: 80px;

}

@media (max-width: 1199px) {

  .slick-list {

    border-radius: 15px;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

  }

}

.VS_bristol_formule {

  text-align: center;

  text-justify: inter-word;

  padding: 25px;

  border-radius: 15px;

  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

  background-color: white;

}

@media (min-width: 768px) and (max-width: 1199px) {

  .VS_section_formule > .container > .row > .col-md-4 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

}

@media (max-width: 1199px) {

  .VS_bristol_formule_phone_formule {

    background-image: url("../images/bandeau_bleu_options_button.png"), url("../images/bandeau_bleu.png");

    background-repeat: no-repeat, no-repeat;

    background-position: right, top right;

    padding-right: 45px;

  }

  .VS_bristol_formule_phone_options {

    background-image: url("../images/bandeau_bleu_formule_button.png"), url("../images/bandeau_bleu.png");

    background-repeat: no-repeat, no-repeat;

    background-position: left, top left;

    padding-left: 45px;

  }

}

.VS_bristol_formule.VS_loading {

	display: none;

}

.VS_bristol_formule_corps {

  text-align: left;

  padding-top: 15px;

}

.VS_bristol_formule_corps_options {

  text-align: left;

  padding-top: 15px;

}

@media (min-width: 1200px) {

  .VS_bristol_formule_corps {

    height: 320px;

  }

}

@media (min-width: 575px) and (max-width: 1199px) {

  .VS_bristol_formule_corps {

    text-align: center;

  }

  .VS_bristol_formule_corps_options {

    text-align: center;

  }

}

.VS_bristol_formule > h3 {

  text-transform: uppercase;

}

@media (min-width: 1200px) {

  .VS_bristol_formule_options_fleche {

    transform: rotate(180deg);

    display: inline-block;

    padding-right: 10px;

    position: relative;

    top: -3px;

  }

}

@media (max-width: 1199px) {

  .VS_bristol_formule_options_fleche {

    display: none;

  }

}

.VS_bristol_formule_nav {

  display: flex;

  justify-content: space-between;

  align-items: center;

  height: 100px;

}

.VS_bristol_formule_nav > a:link {

  color: #b73417;

  font-family: "Lato";

  font-weight: bold;

  font-size: 1em;

}

.VS_bristol_formule_nav > a:visited {

  color: #b73417;

  text-decoration: none;

  font-family: "Lato";

  font-weight: bold;

  font-size: 1em;

}

.VS_bristol_formule_nav > a:hover {

  color: #e3674c;

  text-decoration: none;

  font-family: "Lato";

  font-weight: bold;

  font-size: 1em;

}

.VS_bristol_formule_nav > a:active {

  color: #e3674c;

  text-decoration: none;

  font-family: "Lato";

  font-weight: bold;

  font-size: 1em;

}

.VS_bristol_formule_nav_note {

	font-size: 1em;

}

.VS_bristol_formule_nav > button {

  border-style: solid;

  border-width: 1px;

  border-color: #b73417;

  background-color: white;

}

@media (max-width: 1199px) {

  .VS_bristol_formule_options {

    display: none;

  }

}

@media (min-width: 1200px) {

  .VS_bristol_formule_options {

    margin-left: -25px;

    margin-right: -25px;

    margin-bottom: -25px;

    border-radius: 15px;

    text-align: center;

	cursor: pointer;

  }

  .VS_bristol_formule_options_bandeau {

    border-bottom-left-radius: 15px;

    border-bottom-right-radius: 15px;

    height: 25px;

  }

  .VS_bristol_formule_options_centre {

    border-radius: 15px;

    width: 25%;

    display: inline-block;

    position: relative;

    top: 20px;

    line-height: 12px;

    padding-top: 5px;

  }

  .VS_bristol_formule_phone_options > h3 {

	  cursor: pointer;

  }

}

.VS_formule_options_prix {

  position: relative;

  top: -1em;

  margin-bottom: -10px;

}

@media (min-width: 575px) and (max-width: 1199px) {

  .VS_bristol_formule_nav {

    width: 300px;

    margin: auto;

  }

  .VS_formule_options_prix {

    margin-right: 10vw;

  }

}

.VS_formule_options_image {

  display: inline-block;

  margin-left: 10px;

  margin-top: 5px;

}

.VS_formule_options_image > img {

  height: 30px;

  display: inline-block;

  vertical-align: middle;

}

.VS_Z_reso {

  -moz-transform: scale(-1, 1);

  -webkit-transform: scale(-1, 1);

  -o-transform: scale(-1, 1);

  -ms-transform: scale(-1, 1);

  transform: scale(-1, 1);

  display: inline-block

}

.VS_chiffres_fond {

  background-image: url("../images/bandeau-chiffres-phone.jpg");

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding-top: 50px;

  padding-bottom: 80px;

}

@media (min-width: 576px) {

  .VS_chiffres_fond {

    padding-top: 70px;

    padding-bottom: 100px;

    background-image: url("../images/bandeau-chiffres-monitor.jpg");

  }

  .VS_chiffres_fond > .container > .row > .VS_ligne_titre {

    margin-bottom: 50px;

  }

}

@media (min-width: 1980px) {

  .VS_chiffres_fond {

    background-image: url("../images/bandeau-chiffres-4k.jpg");

  }

}

.VS_chiffres {

  height: 230px;

  background-image: url("../images/icone_chiffres_VS.png");

  background-repeat: no-repeat;

  background-size: contain;

  background-position: bottom left;

  padding-left: 15px;

  width: 80%;

  margin: auto;

}

@media (max-width: 575px) {

  .VS_chiffres {

    width: 50%;

    text-align: center;

    margin: auto;

    height: auto;

    background-size: cover;

    padding-bottom: 20px;

    margin-bottom: 20px;

  }

}

@media (min-width: 576px) and (max-width: 768px) {

  .VS_chiffres {

    width: 50%;

  }

}

.VS_chiffres > h3 {

  margin-bottom: 25px;

}

.reveal {

  position: relative;

  opacity: 0;

  transition: 0.5s all ease-in;

}

.reveal.active {

  opacity: 1;

}

.active.fade-bottom1 {

  animation: fade-bottom1 0.7s ease-in;

}

@keyframes fade-bottom1 {

  0% {

    transform: translateY(-100px);

    opacity: 0;

  }

  100% {

    transform: translateY(0);

    opacity: 1;

  }

}

.active.fade-bottom2 {

  animation: fade-bottom2 1s ease-in;

}

@keyframes fade-bottom2 {

  0% {

    transform: translateY(-100px);

    opacity: 0;

  }

  100% {

    transform: translateY(0);

    opacity: 1;

  }

}

.active.fade-bottom3 {

  animation: fade-bottom3 1.5s ease-in;

}

@keyframes fade-bottom3 {

  0% {

    transform: translateY(-100px);

    opacity: 0;

  }

  100% {

    transform: translateY(0);

    opacity: 1;

  }

}

.active.fade-bottom4 {

  animation: fade-bottom4 2s ease-in;

}

@keyframes fade-bottom4 {

  0% {

    transform: translateY(-100px);

    opacity: 0;

  }

  100% {

    transform: translateY(0);

    opacity: 1;

  }

}

.active.fade-right1 {

  animation: fade-right1 0.7s ease-in;

}

@keyframes fade-right1 {

  0% {

    transform: translateX(100px);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    opacity: 1;

  }

}

.active.fade-right2 {

  animation: fade-right2 1s ease-in;

}

@keyframes fade-right2 {

  0% {

    transform: translateX(100px);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    opacity: 1;

  }

}

.active.fade-right3 {

  animation: fade-right3 1.5s ease-in;

}

@keyframes fade-right3 {

  0% {

    transform: translateX(100px);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    opacity: 1;

  }

}

.active.fade-right4 {

  animation: fade-right4 2s ease-in;

}

@keyframes fade-right4 {

  0% {

    transform: translateX(100px);

    opacity: 0;

  }

  100% {

    transform: translateX(0);

    opacity: 1;

  }

}

.active.enlarge1 {

  animation: enlarge1 1s ease-in;

}

@keyframes enlarge1 {

  0% {

    transform: scale(0.9);

    opacity: 0;

  }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}

.VS_madeinfrance_fond {

  padding-top: 50px;

  padding-bottom: 50px;

}

@media (min-width: 1200px) {

  .VS_madeinfrance_fond {

    margin-top: 20px;

    margin-bottom: 50px;

  }

}

@media (max-width: 1199px) {

  .VS_madeinfrance_fond {

    margin-bottom: 30px;

  }

  .VS_madeinfrance_fond > .container > .row > div > p {

    width: 80%;

    margin: auto;

  }

}

@media (min-width: 576px) and (max-width: 1199px) {

  .VS_madeinfrance_fond > .container > .row > .col-md-4 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

}

.VS_madeinfrance_image {

  margin: auto;

  text-align: center;

  height: 160px;

}

@media (max-width: 1199px) {

  .VS_madeinfrance_image {

    height: 80px;

  }

}

@media (min-width: 1200px) {

  .VS_madeinfrance_image > img {

    max-width: 500px;

  }

}

@media (max-width: 1199px) {

  .VS_madeinfrance_image > img {

    max-width: 250px;

  }

}

.VS_contact_fond {

  background-image: url("../images/bandeau-contact-monitor.jpg");

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding-top: 50px;

  padding-bottom: 50px;

}

@media (max-width: 575px) {

  .VS_contact_fond {

    background-image: url("../images/bandeau-contact-phone.jpg");

  }

}

@media (min-width: 1980px) {

  .VS_contact_fond {

    background-image: url("../images/bandeau-contact-4k.jpg");

  }

}

.VS_btn_contact {

  border-style: solid;

  border-width: 1px;

  border-color: white;

  background-color: transparent;

  transition: 0.5s;

}

.VS_btn_contact:hover {

  border-style: solid;

  border-width: 1px;

  border-color: white;

  background-color: rgba(255, 255, 255, 0.1);

  transform: scale(1.1);

}

.VS_footer_fond {

  background-image: linear-gradient(to right bottom, #0c3642, #082028);

  padding-top: 50px;

  margin-top: auto;

}

.VS_footer > li {

	margin: 10px 0 10px 0;

  color: white;

  font-family: "Lato";

  font-weight: normal;

  font-size: 1em;

}

.VS_footer > li > a:link {

  color: white;

  font-family: "Lato";

  font-weight: normal;

  font-size: 1em;

}

.VS_footer > li > a:visited {

  color: white;

  text-decoration: none;

  font-family: "Lato";

  font-weight: normal;

  font-size: 1em;

}

.VS_footer > li > a:hover {

  color: #8cb4c0;

  text-decoration: none;

  font-family: "Lato";

  font-weight: normal;

  font-size: 1em;

}

.VS_footer > li > a:active {

  color: #8cb4c0;

  text-decoration: none;

  font-family: "Lato";

  font-weight: normal;

  font-size: 1em;

}

.VS_footer svg {

	width: 24px;

	height: 24px;

	margin-right: 10px;

}

@media (max-width: 575px) {

  .VS_footer {

    text-align: center;

  }

}

@media (min-width: 576px) and (max-width: 1199px) {

  .VS_footer_fond > .container > .row > .col-md-4 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .VS_footer {

    text-align: center;

  }

}

.VS_bandeau_logo {

  background-color: #082028;

  height: 55px;

}

.VS_logo_bas_div {

  height: 50px;

}

.VS_logo_bas {

  position: relative;

  top: 10px;

  transform: scale(0.8, 0.8);

}

.VS_page_titre_orange {

  background-image: url("../images/bandeau-contact-monitor.jpg");

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  padding-top: 50px;

  padding-bottom: 50px;

}

@media (max-width: 575px) {

  .VS_page_titre_orange {

    background-image: url("../images/bandeau-contact-phone.jpg");

  }

}

@media (min-width: 1980px) {

  .VS_page_titre_orange {

    background-image: url("../images/bandeau-contact-4k.jpg");

  }

}

.VS_section_bandeau_bleu {

  background-image: url("../images/bandeau-chiffres-monitor.jpg");

  background-repeat: no-repeat;

  background-position: center;

  padding-top: 50px;

  padding-bottom: 50px;

  margin-bottom: 25px;

}

@media (max-width: 575px) {

  .VS_section_bandeau_bleu {

    background-image: url("../images/bandeau-chiffres-phone.jpg");

  }

}

@media (min-width: 1981px) {

  .VS_section_bandeau_bleu {

    background-image: url("../images/bandeau-chiffres-4k.jpg");

  }

}

#vocaldirect, #vocalphone, #teamjoblist {

	padding-bottom: 50px;

}

#vocalmike, #telejoblist, #vocalmanager {

	background-image: linear-gradient(to right bottom, #1495ae, #0f6780);

	padding-bottom: 50px;

}

#vocalmike h1, #telejoblist h1, #vocalmanager h1, #vocalmike p, #telejoblist p, #vocalmanager p, #vocalmike svg, #telejoblist svg, #vocalmanager svg, #vocalmike li, #telejoblist li, #vocalmanager li {

	opacity: 0.85;

}

.VS_card_titre_bleu {

  background-image: linear-gradient(to right bottom, #1495ae, #0f6780);

  padding-top: 20px;

  padding-bottom: 20px;

  margin-top: 80px;

  margin-bottom: 20px;

  border-radius: 15px;

}

.VS_bulle_titre {

  margin: auto;

  width: 250px;

  height: 250px;

  background-image: url("../images/bulle_blanc_titre.png");

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  padding-top: 60px;

}

.VS_titre_container {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  column-gap: 100px;

  padding-top: 20px;

  padding-bottom: 20px;

  margin-top: 80px;

  margin-bottom: 20px;

}

@media (max-width: 1250px) {

	.VS_titre_container {

		column-gap: 10px;

	}

}

.VS_titre_icone {

  width: 50px;

  height: 50px;

}

.VS_titre_icone > img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.VS_titre_icone > svg {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

@media (max-width: 991px) {

  .VS_card_titre_bleu {

    width: 80%;

    margin-top: 30px;

  }

  .VS_titre_texte {

    text-align: center;

  }

  .VS_titre_icone {

    margin-bottom: 25px;

  }

}

.VS_solution_container {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  padding: 1rem 0;

  width: 100%;

}

.VS_solution_texte {

   max-width: 63%;

}

.VS_solution_texte_bristol {

   max-width: 50%;

   align-self: flex-start;

}

.VS_solution_texte_intro > h1 {

  padding: 15px 0 15px 0;

}

.VS_solution_texte_intro > p {

  padding: 15px 0 15px 0;

  text-align: justify;

}

.VS_solution_icone {

  width: 375px;

  height: 300px;

}

.VS_solution_icone > img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.VS_solution_animation {

  width: 375px;

  height: 300px;

  position: relative;

  text-align: center;

}

.VS_solution_animation svg {

	position: absolute;

	width: 48px;

	height: 48px;

	top: 25px;

	left: 30px;

	transform: rotate(45deg);

	animation: doigt 4s infinite;

	}

.VS_solution_animation img {

	height: 100%;

}

.VS_solution_animation .circle {

  border-radius: 50%;

  background-color: #258395;

  width: 50px;

  height: 50px;

  position: absolute;

  left: 230px;

  top: 20px;

  opacity: 0;

  animation: cercle 4s infinite cubic-bezier(.36, .11, .89, .32);

  animation-delay: 2s;

}

@keyframes cercle {

  0% {

    transform: scale(0.5);

    opacity: .5;

  }

  50% {

    transform: scale(2.5);

    opacity: 0;

  }

  100% {

    opacity: 0;

  }

}

@keyframes doigt {

  0%   {left:30px; top:45px;}

  50%  {left:210px; top:25px; transform: rotate(90deg);}

  100% {left:30px; top:45px;}

}

.VS_solution_video {

  background-image: url("../images/video-youtube.jpg");

  background-size: contain;

  width: 854px;

  height: 480px;

  margin: 2rem auto 1rem auto;

}

@media (max-width: 991px) {

  .VS_solution_container {

    justify-content: center;

    row-gap: 15px;

    padding: 1rem 20px;

  }

  .VS_solution_container_reverse {

    flex-wrap: wrap-reverse;

  }

  .VS_solution_texte {

    max-width: 100%;

    text-align: center;

  }

  .VS_solution_texte_intro {

    max-width: 100%;

    text-align: center;

    padding: 3rem 20px 0 20px;

  }

  .VS_solution_texte_bristol {

    max-width: 100%;

    text-align: center;

  }

  .VS_solution_texte_bristol_paragraphe {

    padding: 0 20px 20px 20px;

  }

  .VS_solution_video {

    height: 180px;

    width: 320px;

    margin: 2rem auto 2rem auto;

  }

}

@media (min-width: 992px) {

  .VS_solution_texte > p {

    padding: 15px 0 15px 0;

    text-align: justify;

  }

  .VS_solution_texte_bristol_paragraphe {

    height: 180px;

    display: flex;

    justify-content: center;

    align-content: center;

    flex-direction: column;

    padding: 0 20px 0 20px;

  }

}

.VS_download_app {

  width: auto;

  height: 50px;

  cursor: pointer;

}

@media (min-width: 992px) {

  .VS_download_app {

    margin-left: 15px;

  }

}

@media (max-width: 991px) {

  .VS_download_app {

    display: block;

    margin: 15px auto 0 auto;

  }

}

#vocalmanager ul {

	display: flex;

	flex-wrap: wrap;

}

#vocalmanager ul li {

	flex: 50%;

}

.VS_row_app {

	padding: 50px 0;

}

@media (max-width: 992px) {

.VS_row_app {

  max-width: 80%;

}

#vocalmanager ul li {

	flex: 100%;

}

}

@media (max-width: 575px) {

  .VS_qui_paragraphes {

    padding: 20px;

  }

  .VS_qui_paragraphes > div {

    padding-top: 10px;

    padding-bottom: 10px;

  }

}

@media (min-width: 576px) {

  .VS_qui_paragraphes {

    padding-top: 50px;

    padding-bottom: 50px;

  }

  .VS_qui_paragraphes > div {

    padding-top: 10px;

    padding-bottom: 10px;

  }

}

.VS_qui_paragraphes > div:nth-child(even) {

  margin-left: auto;

  margin-right: 0;

}

.VS_qui_appel {

  text-align: center;

  margin-bottom: 80px;

}

@media (max-width: 575px) {

  .VS_qui_appel {

    margin-top: 30px;

  }

}

.VS_section_bleu_dark {

  background-image: linear-gradient(to right bottom, #0c3642, #082028);

  padding-top: 50px;

  padding-bottom: 50px;

}

.VS_section_bleu_cyan {

  background-image: linear-gradient(to right bottom, #1495ae, #0f6780);

  padding-top: 50px;

  padding-bottom: 50px;

}

.VS_row_pop {

	margin: 100px auto;

}

.VS_container_pop {

  background-image: linear-gradient(to right bottom, #0c3642, #082028);

  border-radius: 15px;

  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

  margin: auto;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 750px;

  height: 300px;

  padding: 0 30px;

  position: relative;

  z-index: 4;

  transition: all 1s;

  transition-timing-function: cubic-bezier(2, 0, 1.0, 0);

}

.VS_container_pop.active {

  transform: scale(1.5);

}

.VS_texte_pop {

  font-size: 1.375em;

  transition: all 1s;

  transition-timing-function: cubic-bezier(2, 0, 1.0, 0);

}

.VS_icon_pop1 {

  margin-left: -10%;

  margin-top: -8%;

  position: absolute;

  transform: rotate(-25deg);

  width: 30%;

  transition: all 1s;

  transition-timing-function: cubic-bezier(2, 0, 1.0, 0);

  color: #eeeeee;

  z-index: 3;

}

.VS_icon_pop1.active {

  margin-left: -25%;

  margin-top: -18%;

  width: 40%;

  color: #ffffff;

  opacity: 0.2;

}

.VS_icon_pop2 {

  margin-left: 80%;

  margin-top: 8%;

  position: absolute;

  transform: rotate(25deg);

  width: 15%;

  transition: all 1s;

  transition-timing-function: cubic-bezier(2, 0, 1.0, 0);

  color: #eeeeee;

  z-index: 3;

}

.VS_icon_pop2.active {

  margin-left: 93%;

  margin-top: 15%;

  width: 20%;

  color: #ffffff;

  opacity: 0.8;

}

.VS_overlay_pop {

  background: rgba(255, 255, 255, .5);

  position: fixed;

  z-index: 2;

  bottom: 0;

  left: 0;

  right: 0;

  top: 0;

  transition: all .5s ease-in-out;

  visibility: hidden;

  opacity: 0;

}

.VS_overlay_pop.active {

  visibility: visible;

  opacity: 1;

}

@media (max-width: 1599px) {

.VS_container_pop.active {

  transform: scale(1.3);

}

.VS_icon_pop1.active {

  margin-left: -15%;

  margin-top: -13%;

  width: 35%;

}

.VS_icon_pop2.active {

  margin-left: 85%;

  margin-top: 12%;

  width: 18%;

}

}

@media (max-width: 1199px) {

  .VS_container_pop {

    width: 300px;

    height: 500px;

    padding: 0 30px;

  }

  .VS_container_pop.active {

    transform: scale(1.2);

  }

  .VS_texte_pop {

    font-size: 1.5em;

  }

  .VS_icon_pop1 {

    display: none;

  }

  .VS_icon_pop2 {

    display: none;

  }

}

.formulaire_wrapper {

  display: inline-flex;

  justify-content: center;

  align-items: stretch;

  flex-wrap: wrap;

  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;

  margin: 50px 0 50px 0;

}

.formulaire_container {

  padding: 30px;

  font-family: Lato;

}

@media (min-width: 992px) {

  .formulaire_container {

    width: 450px;

    text-align: left;

  }

}

@media (max-width: 991px) {

  .formulaire_container {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    text-align: center;

  }

}

.formulaire_container h2 {

  margin: 10px 0 40px 0;

}

.formulaire_container:nth-child(1) h2 {

  color: #525252;

}

.formulaire_container form div {

  margin-bottom: 1rem;

}

.formulaire_input {

  padding: 10px 0 20px 0;

  width: 100%;

  border-bottom: 1px solid gray;

  border-top: none;

  border-left: none;

  border-right: none;

  color: #525252;

  outline: none;

  transition: color 0.5s;

  transition: border-bottom 0.5s;

}

.formulaire_input:focus {

  color: #064691;

  border-bottom: 1px solid #064691;

}

.formulaire_container #consentement {

  width: 1.15em;

  height: 1.15em;

  margin-right: 10px;

}

.formulaire_envoi {

  width: 100%;

  background: #0f6780;

  border-radius: 5px;

  border: 0;

  cursor: pointer;

  color: white;

  padding: 10px 0 10px 0;

  transition: 0.5s;

}

.formulaire_envoi:disabled {
  background: #50656b;
}

.formulaire_envoi:disabled:hover {
  background: #50656b;
}

.formulaire_envoi:hover {

  background: #1495ae;

}

.formulaire_envoi.active {

  background: #1495ae;

  color: #1495ae;

  cursor: auto;

}

.formulaire_container a {

	color: #0c3642;

	font-weight: 700;

}

#formulaire_retour {

  margin-top: 15px;

  text-align: center;

  width: 100%;

  min-height: 20px;

}

.formulaire_container .error {

  color: #911616;

}

.formulaire_container .error::placeholder {

  color: #525252;

}

.formulaire_container_bg {

  background-image: linear-gradient(to right bottom, #1495ae, #0f6780);

}

.formulaire_container_bg > h2 {

  color: white;

  opacity: 0.8;

  margin-bottom: 60px;

}

.formulaire_container_bg > div {

  margin: 40px 0 0 0;

  display: flex;

  justify-content: left;

  align-items: center;

  flex-wrap: wrap;

  color: white;

  opacity: 0.8;

}

.formulaire_container_bg div div {

  -ms-flex: 0 0 75%;

  flex: 0 0 75%;

}

.formulaire_container_bg span {

  font-weight: bold;

}

.formulaire_container_bg svg {

  height: 24px;

  width: 24px;

  margin-right: 40px;

}

.formulaire_container_bg a, .formulaire_container_bg a:visited, .formulaire_container_bg a:hover, .formulaire_container_bg a:active {

  color: white;

  text-decoration: none;

}

.section_faq {

  margin: 40px 0 70px 0;

}

.faq {

  max-width: 700px;

  padding-bottom: 1rem;

  border-bottom: 2px solid #0c3642;

  cursor: pointer;

  margin: 1rem auto 1rem auto;

}

.question {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.question h3 {

	text-align: left;

	flex: 1;

}

.answer {

  max-height: 0;

  overflow: hidden;

  transition: max-height 1s cubic-bezier(0, .91, .54, 1.01);

}

.answer p, .answer li {

  padding-top: 1rem;

}

.faq.active .answer {

  max-height: 300px;

  transition: max-height 1s ease-in-out;

}

.faq svg {

  transition: 0.5s;

}

.faq.active svg {

  transform: rotate(180deg);

}

@media (max-width: 991px) {

  .question {

    display: flex;

    justify-content: center;

    align-items: center;

  }

  .faq svg {

    margin-left: 15px;

  }

  .answer p {

    text-align: center;

  }

}

#typed-strings {

	display: none;

}

.tableau-wrapper {

  display: flex;

  justify-content: center;

  width: 100%;

  margin: 5rem 0;

  gap: 20px;

}

.tableau-slick {

  display: flex;

  justify-content: center;

  width: 630px;

  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;

}

@media (max-width: 1249px) {

  .tableau-slick {

    width: 400px;

  }

}

@media (max-width: 850px) {

  .tableau-slick {

    width: 250px;

  }

  .tableau-slick .slick-list {

	border-radius: 0;

  }

}

@media (max-width: 700px) {

  .tableau-slick {

    width: 180px;

  }

}

.tableau-colonne {

  flex: 1;

}

.tableau-cellule {

  background: #f1f1fe;

  padding: 15px;

  text-align: center;

}

@media (max-width: 1249px) {

  .tableau-cellule {

    height: 70px;

	display: flex;

	justify-content: center;

	text-align: center !important;

	align-items: center;

  }

}

.tableau-cellule:nth-child(odd) {

  background: white;

}

.tableau-cellule:nth-child(1) {

  display: flex;

  flex-direction: column;

  height: 150px;

  justify-content: center;

  padding: 0;

}

.tableau-cellule > div {

  flex: 1;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  transition: 0.5s;

}

@media (max-width: 1249px) {

  .tableau-cellule > div {

    width: 100%;

  }

}

.tableau-cellule > div:hover {

  background: #e5e5e5;

}

.tableau-cellule > div.active {

  color: white;

  background: #0c3642;

}

@media (min-width: 850px) {

  .tableau-selection {

    visibility: hidden;

  }

}

.tableau-cellule > h1 {

	margin-bottom: 25px;

}

.tableau-cellule > a {

	text-decoration: none ;

	color: inherit;

	transition: 0.5s;

}

.tableau-cellule > a:visited {

  color: inherit;

}

.tableau-cellule > a:hover {

  color: #258395;

}

.tableau-cellule > a:active {

  color: #258395;

}

.tableau-cellule > a > svg {

	margin-left: 10px;

	position: relative;

	top: -1px;

}

@media (max-width: 1249px) {

.tableau-cellule > a > svg {

	display: none;

}

}

.tableau-cellule svg {

	width: 22px;

	height: 22px;

}

.tableau-cellule > button {

  transition: 0.5s;

  width: 90%;

  padding: 10px;

  border-radius: 5px;

}

.tableau-cellule > button:hover {

  background: #cf4d31;

}

.tableau-legende {

	display: flex;

	justify-content: space-around;

	align-items: center;

	height: 80px;

	background: transparent;

}

@media (max-width: 700px) {

.tableau-legende {

	justify-content: space-between;

}

}

.tableau-legende svg {

	margin-right: 5px;

	position: relative;

	top: -1px;

}

@media (max-width: 1249px) {

.tableau-smartphone-optimisation {

	display: none;

}

}

.sticker-container {

	position: sticky;

	top: 0;

	height: 45px;

	display: flex;

	justify-content: center;

	z-index: 50;

}

@media (min-width: 1250px) {

  .sticker-container {

		position: fixed;

		top: 45%;

		height: auto;

		margin: 0;

		flex-direction: column;

  }

}

.sticker-modules, .sticker-formules, .sticker-top  {

	transition: 0.5s;

	max-height: 45px;

	text-align: center;

	margin: auto;

	overflow: hidden;

	flex: 1;

}

.sticker-modules  {

	background: #0c3642;

}

.sticker-formules {

	background: #b73417;

}

.sticker-top {

	background: #0c3642;

	visibility:hidden;

	opacity: 0;

	z-index: 50;

}

.sticker-top.scrolled {

	visibility: visible;

	opacity: 1;

}

@media (max-width: 1249px) {

.sticker-top {

	position: fixed;

	width: 40%;

	bottom: 20px;

	left: 30%;

	border-radius: 15px;

}

}

@media (min-width: 1250px) {

  .sticker-modules, .sticker-formules {

	  text-align: right;

	  width: 140px;

	border-top-right-radius: 10px;

	border-bottom-right-radius: 10px;

	margin-top: 5px;

  }

  .sticker-top {

	  display: inline-block;

	 	  text-align: right;

	border-top-right-radius: 10px;

	border-bottom-right-radius: 10px;

	margin-top: 5px; 

		position: fixed;

		top: 90%;

  }

.sticker-modules:hover {

	max-height: 400px;

}

.sticker-formules:hover {

	max-height: 250px;

}

.sticker-top:hover {

	opacity: .8;

}

}

.sticker-modules.active, .sticker-formules.active {

	max-height: 250px;

}

.sticker-titre-modules, .sticker-titre-formules {

	display: flex;

	padding: 10px 15px;

	justify-content: center;

	cursor: pointer;

}

@media (min-width: 1250px) {

.sticker-titre-modules, .sticker-titre-formules {

	justify-content: right;

  }

}

@media (max-width: 1249px) {

.sticker-items-modules > div {

display: flex;

justify-content: center;

}

}

.sticker-items-modules > div > div, .sticker-items-formules > div, .sticker-top {

	padding: 10px 0;

	cursor: pointer;

	transition: 0.5s;

	flex: 1;

}

@media (min-width: 1250px) {

.sticker-items-modules > div > div, .sticker-items-formules > div, .sticker-top {

	padding: 10px 15px;

}

}

.sticker-items-modules > div > div:hover, .sticker-items-formules > div:hover {

	background: rgba(255, 255, 255, 0.1);

}

.sticker-modules svg, .sticker-formules svg {

	width: 16px;

	height: 16px;

	transform: rotate(180deg);

	margin-left: 5px;

	position: relative;

	top: 6px;

	transition: 0.5s;

}

.sticker-top svg {

	width: 16px;

	height: 16px;

	margin-left: 5px;

}

.sticker-modules svg.active, .sticker-formules svg.active {

	transform: rotate(0deg);

}

.section-produits {

	padding: 50px 0;	

	background: #fafafa;

}

@media (min-width: 1200px) {

.fiches-produits {

	display: flex;

	column-gap: 30px;

}

}

.fiches-produits > div {

	flex: 50%;

	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

	padding: 20px;

	background: white;

}

.fiches-produits > div h2 {

	text-align: center;

	padding: 0;

	margin: 25px 0;

}

.produits-entete {

	display: flex;

	justify-content: space-between;

	align-items: center;

	height: 200px;

}

.produits-entete > div:nth-child(2) {

	text-align: right;

}

.produit-image {

	width: 30%;

	height: 150px;

}

.produit-image img {

	object-fit: contain;

	width: 100%;

	height: 100%;

}

.fiches-produits h3 {

	padding: 0;

	margin: 0;

}

.fiches-produits h4 {

	padding: 0;

	margin: 10px 0;

}

.fiches-produits ul {

	padding: 0;

	margin: 20px 0;

}

.fiches-produits p {

	text-align: justify;

	margin: 55px 0;

}

.produit-image-explicative {

	cursor: pointer;

	width: 100%;

	position: relative;

}

.produit-image-explicative img {

	object-fit: contain;

	width: 100%;

	height: 100%;

	transition: 0.5s;

}

.produit-image-explicative svg {

  width: 96px;

  height: 96px;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  color: white;

  transition: 1s;

  opacity: 0;

}

.produit-image-explicative:hover img {

	filter: brightness(30%);

}

.produit-image-explicative:hover svg {

	opacity: 100%;

}

.fiches-produits-btn {

  text-align: center;

  margin: 80px 0 30px 0;

}

@media (max-width: 575px) {

  .fiches-produits-btn {

    margin-top: 70px;

  }

}

#gallery-screen {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgba(10, 10, 10, 0.9);

  z-index: 10;

  text-align: center;

  display: flex;

  justify-content: center;

  align-items: center;

}

#gallery-screen > div {

  max-height: 100%;

  display: inline-flex;

  justify-content: center;

  align-items: center;

}

#gallery-screen > div > img {

  max-width: 95vw;

  max-height: 95vh;

  margin: 0 auto;

}

@media (max-width: 1599px) {

#gallery-screen > div > img {

  max-width: 85vw;

  max-height: 85vh;

}

}

#gallery-screen  > svg {

  position: fixed;

  top: 20px;

  right: 20px;

  cursor: pointer;

  color: white;

  background: transparent;

  width: 20px;

  height: 20px;

}

.VS_section_support {

	min-height: 50vh;

	text-align: center;

}

@media (min-width: 1200px) {

	.extensions-wrapper {

		display: flex;

		justify-content: center;

	}

	.extensions-wrapper > div {

		flex: 1;

	}

	.extensions-wrapper > div > p {

		height: 100px;

		display: flex;

		justify-content: center;

		align-items: center;

	}

	.extensions-icones {

		height: 100px;

	}

}

.VS_support_telechargement-wrapper {

	display: flex;

	column-gap: 20px;

	justify-content: center;

	flex-wrap: wrap;		

}

.extensions-wrapper > div {

	margin: 35px auto;

}

.VS_support_intro {

	margin: 35px auto 15px auto;

}

.extensions-icones {

	display: flex;

	justify-content: center;

	align-items: center;

	column-gap: 20px;

	margin: 15px auto;

}

.extensions-icones svg {

	width: 64px;

	height: 64px;

}

.VS_support_telechargement {

	background: #b73417;

	color: white;

	width: 150px;

	height: 100px;

	margin: 15px auto;

	padding: 5px;

	display: flex;

	justify-content: center;

	align-items: center;

	border: 1px solid #b73417;

	border-radius: 5px;

	cursor: pointer;

	transition: 1s;

}

.VS_support_telechargement:hover {

	background: transparent;

	color: #b73417;

	border: 1px solid #b73417;

}

.extensions-wrapper a {

	text-decoration: none;

}

.VS_support-archives {

  padding-bottom: 1rem;

  border-bottom: 2px solid #0c3642;

  cursor: pointer;

  margin: 2rem auto;

}

.VS_open_archives {

  display: flex;

  justify-content: center;

  align-items: center;

  column-gap: 20px;

}

.VS_open_archives svg {

  transition: 0.5s;

}

.VS_support-archives.active svg {

  transform: rotate(180deg);

}

.VS_archives_items {

  max-height: 0;

  overflow: hidden;

  transition: max-height 1s ease-in-out;

}

.VS_support-archives.active .VS_archives_items {

  max-height: 1200px;

  transition: max-height 1s ease-in-out;

}

@media (min-width: 1200px) {

.VS_support-archives.active .VS_archives_items {

  max-height: 1200px;

}

}

.cookie-bandeau {

	background: white;

	position: fixed;

	bottom: 25px;

	width: 100vw;

	z-index: 99;

}

.cookie-bandeau.active {

	display: none;

}

.cookie-bandeau a {

	color: inherit;

	font-weight: 700;

}

.cookie-bandeau button {

	border: none;

	padding: 15px 8px;

	cursor: pointer;

	margin: 0 5px 0 5px;

	transition: 0.5s;

}

.cookie-bandeau button:hover {

	opacity: .8;

}

.cookie-bandeau .cookie-consent {

	color: white;

	background: #0c3642;

}

.cookie-bandeau button:not(.cookie-consent) {

	color: #0c3642;

	background: white;

	border: 1px solid #0c3642;

}

.cookie-bandeau > div {

	margin: auto;

	padding: 20px 0;

	width: 90vw;

}

.cookie-bandeau > div > div:nth-child(1) {

	text-align: justify;

}

@media (max-width: 1199px) {

	.cookie-bandeau > div > div:nth-child(2) {

		text-align: center;

		margin-top: 15px;

	}

}

@media (min-width: 1200px) {

	.cookie-bandeau > div {

		width: 1200px;

		display: flex;

		justify-content: space-between;

		align-items: center;

		column-gap: 50px;

	}

	.cookie-bandeau > div > div:nth-child(1) {

		flex: 2;

	}

	.cookie-bandeau button {

		margin: 0 0 0 5px;

		padding: 15px 32px;

	}

}

#cookies-prefs {

	width: 400px;

	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;

	margin: 50px auto;

	padding: 30px 10px;

	text-align: center;

}

#cookies-prefs h2 {

	margin-bottom: 40px;

}

#cookies-prefs > div {

	display: flex;

	justify-content: space-between;

	align-items: center;

	column-gap: 20px;

	margin: 10px 0;

	padding: 10px;

}

#cookies-prefs > div > div:nth-child(1) {

	text-align: left;

}

#cookies-prefs input[type=submit] {

	border: none;

	padding: 15px 32px;

	cursor: pointer;

	margin: 40px 0 20px 0;

	transition: 0.5s;

	color: white;

	background: #0c3642;

}

#cookies-prefs input[type=submit]:hover {

  opacity: .8;

}

#cookies-prefs input[type=submit].active {

  background: #0c3642;

  color: #0c3642;

  cursor: auto;

}

#cookies-prefs .switch {

  position: relative;

  width: 60px;

  height: 34px;

  margin: 0;

}

#cookies-prefs .switch input {

  opacity: 0;

  width: 0;

  height: 0;

}

#cookies-prefs .slider {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ccc;

  -webkit-transition: .4s;

  transition: .4s;

}

#cookies-prefs .slider:before {

  position: absolute;

  content: "";

  height: 26px;

  width: 26px;

  left: 4px;

  bottom: 4px;

  background-color: white;

  -webkit-transition: .4s;

  transition: .4s;

}

#cookies-prefs input:checked + .slider {

  background-color: #258395;

}

#cookies-prefs input:checked + .slider:before {

  -webkit-transform: translateX(26px);

  -ms-transform: translateX(26px);

  transform: translateX(26px);

}

#cookies-prefs .slider.round {

  border-radius: 34px;

}

#cookies-prefs .slider.round:before {

  border-radius: 50%;

}

.policy h2 {

	margin: 50px 0;

	text-transform: uppercase;

}

.policy h3 {

	margin: 30px 0;

	text-transform: uppercase;

}

.policy h4, .policy h5 {

	margin: 20px 0;

}

.policy a {

	color: inherit;

}

.policy > div {

	margin: 50px auto;

}

.policy p, .policy li {

	text-align: justify;

	margin-bottom: 5px;

}

@media (min-width: 1200px) {

	.policy > div {

		max-width: 1200px;

	}

	.policy .wrapper {

	display: flex;

	column-gap: 50px;

	justify-content: center;

	flex-wrap:wrap; 

	}

	.policy .wrapper div:nth-child(1) {

	flex: 1;

	}

	.policy .wrapper div:nth-child(2) {

	flex: 2;

	}

}

@media (max-width: 1199px) {

	.policy > div {

		max-width: 90%;

	}

}

.mentions-legales > div {

	margin: 50px auto;

	min-height: 50vh;

}

.mentions-legales h2 {

	text-transform: uppercase;

}

@media (min-width: 1200px) {

	.mentions-legales > div {

		max-width: 1200px;

		display: flex;

		justify-content: center;

		column-gap: 100px;

	}

}	

@media (max-width: 1199px) {

	.mentions-legales > div {

		max-width: 90%;

		text-align: center;

	}

}

.espace-co {

	min-height: 60vh;

	display: flex;

	align-items: center;

	justify-content: center;

}

.VS_temp {

  display: none;

}

@media (max-width: 600px) and (min-width: 400px) {}