Solution d’engagement pour les collaborateurs
Microsoft Viva c’est votre nouvelle plateforme dédiée à l’expérience collaborateur qui rassemble : les communications, les connaissances, la formation, les ressources et les informations pendant le travail.
Viva permet à l’ensemble de votre organisation de rester impliquée et informée , tout en donnant à chacun l’accès aux outils dont il a besoin. Microsoft Viva est personnalisable et apparaît dans les applications que les collaborateurs utilisent déjà quotidiennement. Bénéficiant de la puissance de Microsoft 365 et accessible via Microsoft Teams , Viva encourage une culture qui responsabilise les personnes et les équipes.
Près de 60 % des personnes affirment qu’elles se sentent moins connectées à leur équipe après une transition vers le télétravail.
Accédez aux informations et conversations pertinentes
Directement sur votre plateforme, vous pouvez publier toutes les informations importantes concernant votre organisation grâce à un flux personnalisé et de nombreux widgets personnalisables.
Appuyez vous sur votre infrastructure existante
Déployez Microsoft Viva avec un minimum d’effort en vous appuyant sur des fonctionnalités existantes dans Microsoft 365, par exemple SharePoint et Yammer.
Participez à la découverte d’un environnement de travail numérique moderne qui place les collaborateurs au cœur des processus.
@import url(https://fonts.googleapis.com/css?family=Bree+Serif|Ubuntu|Dancing+Script|Droid+Sans|Lato|Lobster|Montserrat|Open+Sans|Pacifico|Raleway|Roboto|Source+Sans+Pro|Titillium+Web&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese);
:root {
--input-placeholder-color: #848484;
--input-border-color: #e6e4e4;
--input-background-color: #f7f8f9;
--input-radius: 4px;
--form-background: #ffffff;
--container-border-radius: 0px;
--container-box-shadow: 0;
--container-position: inherit;
}
;
input::-webkit-input-placeholder {
color: var(--input-placeholder-color);
opacity: .6
}
input:-moz-placeholder {
color: var(--input-placeholder-color);
opacity: .6
}
input::-moz-placeholder {
color: var(--input-placeholder-color);
opacity: .6
}
input:-ms-input-placeholder {
color: var(--input-placeholder-color);
opacity: .6
}
input::-ms-input-placeholder {
color: var(--input-placeholder-color);
opacity: .6
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select {
padding-right: 18px
}
}
.select-arrow {
position: relative
}
.select-arrow:after {
content: "^";
font: 15px "Consolas", monospace;
color: var(--input-placeholder-color);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
right: 8px;
top: -3px;
padding: 0 0 0px;
position: absolute;
pointer-events: none
}
.control {
display: block;
position: relative;
padding-left: 30px;
margin-left: 0px;
margin-right: 0px;
cursor: pointer;
font-size: 18px
}
.control input {
position: absolute;
z-index: -1;
opacity: 0
}
.control__indicator {
position: absolute;
border: 1px solid;
top: 2px;
left: 0;
height: 20px;
width: 20px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px
}
.control--radio .control__indicator {
border-radius: 50%
}
.control__indicator:after {
content: "";
position: absolute;
display: none
}
.control input:checked~.control__indicator:after {
display: block
}
.control--checkbox .control__indicator:after {
left: 8px;
top: 4px;
width: 3px;
height: 8px;
transform: rotate(45deg);
border-style: solid;
border-color: var(--input-placeholder-color);
border-width: 0 2px 2px 0;
position: absolute
}
.control--radio .control__indicator:after {
left: 7px;
top: 7px;
height: 6px;
width: 6px;
border-radius: 50%;
background: var(--input-placeholder-color);
position: absolute
}
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none
}
input[type=number] {
-moz-appearance: textfield
}
input:focus {
outline: solid 1px #736f6f !important
}
textarea:focus {
outline: solid 1px #736f6f !important
}
select:focus {
outline: solid 1px #736f6f !important
}
input:disabled,
input[disabled] {
opacity: .2;
cursor: default
}
.loader,
.loader:after {
border-radius: 50%;
width: 1.8em;
height: 1.8em
}
.loader {
margin-top: 5px;
margin-left: 10px;
font-size: 10px;
position: relative;
border: .5em solid #919798;
border-left-color: #3c9f51;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1s infinite linear;
animation: load8 1s infinite linear
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
#sb_form {
background: var(--form-background);
padding: 0px;
border-radius: var(--container-border-radius);
box-shadow: var(--container-box-shadow);
position: var(--container-position);
margin-top:-35px;
}
.message-div {
display: flex;
flex-direction: column;
height: auto;
margin: 25px 15px 15px 15px;
padding: 25px;
border-radius: 1px
}
.message-div-success {
background-color: #4faf56;
text-align: left
}
.message-success-title {
font-size: 30px;
font-family: "Open Sans", sans-serif;
color: #fff;
padding-bottom: 4px
}
.message-success-content {
font-size: 14px;
font-family: "Lato", sans-serif;
color: #fff;
line-height: 24px;
text-align: left
}
.message-div-success-optin {
background-color: #06aaf4;
text-align: left
}
.message-success-optin-title {
font-size: 30px;
font-family: "Open Sans", sans-serif;
color: #fff;
padding-bottom: 4px
}
.message-success-optin-content {
font-size: 14px;
font-family: "Lato", sans-serif;
color: #fff;
line-height: 24px;
text-align: left
}
.message-div-error {
background-color: #cf4338;
text-align: left
}
.message-error-title {
font-size: 30px;
font-family: "Open Sans", sans-serif;
color: #fff;
padding-bottom: 4px
}
.message-error-content {
font-size: 14px;
font-family: "Lato", sans-serif;
color: #fff;
line-height: 24px;
text-align: left
}
.message-div-maintenance {
background-color: #cf4338
}
.message-maintenance-title {
font-size: 30px;
font-family: "Open Sans", sans-serif;
color: #fff;
padding-bottom: 4px
}
.message-maintenance-content {
font-size: 14px;
font-family: "Lato", sans-serif;
color: #fff;
line-height: 24px
}
.icon {
display: inline-block;
width: 30px;
height: 30px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.icon-success {
margin-left: auto;
margin-top: 3px;
margin-right: 15px
}
.icon-error {
margin: 2px 12px 0 auto;
width: 40px;
height: 34px
}
.checkmark_left {
position: absolute;
width: 15px;
height: 6px;
background-color: #72bf75;
left: 6px;
top: 24px
}
.checkmark_right {
position: absolute;
width: 6px;
height: 30px;
background-color: #72bf75;
left: 21px
}
.info {
font-size: 44px;
font-family: "Consolas";
color: #5bbdf6;
text-align: right
}
input {
color: var(--input-placeholder-color) !important
}
.theme {
border: 1px solid var(--input-border-color);
background-color: var(--input-background-color)
}
.input {
height: 35px;
margin: 5px 0 10px 0;
font-size: .9em;
padding-left: 5px;
border-radius: var(--input-radius);
-webkit-border-radius: var(--input-radius);
-moz-border-radius: var(--input-radius);
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-indent: 5px
}
.multi {
height: 65px;
width: 100%;
padding: 10px;
resize: vertical;
margin: 5px 0 10px 0;
font-size: .9em;
color: var(--input-placeholder-color);
border-radius: var(--input-radius);
-webkit-border-radius: var(--input-radius);
-moz-border-radius: var(--input-radius);
box-sizing: border-box;
outline: none;
font-family: "Open Sans", "Helvetica Neue", Arial, Verdana, sans-serif
}
.date {
padding-left: 5px;
box-sizing: border-box;
min-width: 50px;
text-align: center
}
.select {
height: 35px;
width: 100%;
color: var(--input-placeholder-color);
border-radius: var(--input-radius);
-webkit-border-radius: var(--input-radius);
-moz-border-radius: var(--input-radius);
margin-top: 5px;
margin-bottom: 10px;
padding-left: 10px
}
.shadow-inset {
box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, .1)
}
.shadow-outset {
-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .1)
}
Be-Cloud traite vos données professionnelles pour donner suite à votre demande d'informations. Les services et solutions proposées par Be-Cloud sont également commercialisés par notre écosystème de partenaires , en remplissant ce formulaire vous acceptez que vos données soient partagées avec cet écosystème pour que nos experts puissent vous contacter et donner suite à votre demande. En savoir plus sur la protection des données et sur vos droits.
Je ne souhaite pas recevoir les actualités et offres commerciales de Be-cloud.
