Prénom *   Nom *   E-mail *   Téléphone *   Entreprise *   Message   Ne pas autoriser l’envoi de messages en nombre *     En soumettant ce formulaire, j’accepte que mes données personnelles soient recueillies et traités pour une prise de contact et à des fins de communication de la part du groupe Blue Soft. Pour plus d’informations concernant le traitement de vos données, vous pouvez nous contacter à l’adresse suivante : dpo@bluesoft-group.com Envoyer

@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: #ced5ef !importante;
–input-border-color: #ced5ef;
–input-background-color: #fff;
–input-radius: 14px;
–form-background: #fff;
–container-border-radius: 14px;
–container-box-shadow: 0;
–container-position: inherit;
}

;

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ../../common/temp/node_modules/.pnpm/css-loader@5.0.2_webpack@5.82.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../common/temp/node_modules/.pnpm/sass-loader@12.3.0_sass@1.43.5_webpack@5.82.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./lib/form.css ***!
\*******************************************************************************************************************************************************************************************************************************************************************************************************************/
input::-webkit-input-placeholder {
color: var(–input-placeholder-color);
opacity: 0.6;
}

input:-moz-placeholder {
color: var(–input-placeholder-color);
opacity: 0.6;
}

input::-moz-placeholder {
color: var(–input-placeholder-color);
opacity: 0.6;
}

input:-ms-input-placeholder {
color: var(–input-placeholder-color);
opacity: 0.6;
}

input::-ms-input-placeholder {
color: var(–input-placeholder-color);
opacity: 0.6;
}

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}

/* For FF */
@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: 5px;
margin-right: 6px;
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: 0.2;
cursor: default;
}

.overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: auto;
background-color: rgba(255, 255, 255, 0.7);
display: flex;
}

.loader {
margin-left: 10px;
margin-top: auto;
margin-bottom: auto;
width: 32px;
height: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation-name: spinAnimation;
animation-name: spinAnimation;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);
animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);
border-radius: 50%;
border-width: 1.5px;
border-style: solid;
border-color: #0078d4 #c7e0f4 #c7e0f4;
-o-border-image: initial;
border-image: initial;
}

@-webkit-keyframes spinAnimation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}

@keyframes spinAnimation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}

to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}

#sb_form {
background: var(–form-background);
padding: 10px 20px 20px 20px;
border-radius: var(–container-border-radius);
box-shadow: var(–container-box-shadow);
position: var(–container-position);
}

.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);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
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: 0.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: 0.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, 0.1);
-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
}

.shadow-outset {
-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
}