Processus métiers : Découvrir le catalogue

@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: #000; --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) } £

Nom de la société * E-mail professionnel * 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. Envoyer →