@import "ws.grid.css"; @import "wapifont.css";
@font-face {
  font-family: 'Lato-Black';
  src: url('../font/Lato-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Bold';
  src: url('../font/Lato-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-BoldItalic';
  src: url('../font/Lato-BoldItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Medium';
  src: url('../font/Lato-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-MediumItalic';
  src: url('../font/Lato-MediumItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Light';
  src: url('../font/Lato-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Lato-LightItalic';
  src: url('../font/Lato-LightItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Lato-Thin';
  src: url('../font/Lato-Thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-ThinItalic';
  src: url('../font/Lato-ThinItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Regular';
  src: url('../font/Lato-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



:root {
  /* Font Family */
  --coachf-font-primary: "Lato-Light";
  --coachf-font-secondary: 'Lato-Regular';

  /* Font Size */

  --coachf-font-size-xs1: .8rem;
  --coachf-font-size-xs: 0.25rem;
  --coachf-font-size-base: 1.25rem;
  --coachf-font-size-xs: 1rem;
  --coachf-font-size-sm: 1.125rem;
  --coachf-font-size-md: 1.25rem;
  --coachf-font-size-lg: 1.5rem;
  --coachf-font-size-xl: 2.25rem;
  --coachf-font-size-xxl: 4rem;
  --coachf-font-size-xxxl: 5rem;
  --coachf-font-size-page-title: var(--flix--font-size-xxl);
  --coachf-letter-spacing: normal;
  --text-bold:bold;
  --text-normal:100;
  --text-200:200;
  --text-300:300;
  --text-400:400;
  --text-500:500;
  --text-600:600;
  --text-700:700;

  /* Line Height */
  --coachf-line-height-body: 1.7;
  --coachf-line-height-heading: 1.3;
  --coachf-line-height-page-title: 1.1;

  /* Headings */
  --heading--font-family: var(--flix--font-primary);
  --heading--font-size-h6: var(--flix--font-size-xs);
  --heading--font-size-h5: var(--flix--font-size-sm);
  --heading--font-size-h4: var(--flix--font-size-lg);
  --heading--font-size-h3: calc(1.25 * var(--flix--font-size-lg));
  --heading--font-size-h2: var(--flix--font-size-xl);
  --heading--font-size-h1: var(--flix--font-size-page-title);
  --heading--letter-spacing-h6: 0.05em;
  --heading--letter-spacing-h5: 0.05em;
  --heading--letter-spacing-h4: var(--flix--letter-spacing);
  --heading--letter-spacing-h3: var(--flix--letter-spacing);
  --heading--letter-spacing-h2: var(--flix--letter-spacing);
  --heading--letter-spacing-h1: var(--flix--letter-spacing);
  --heading--line-height-h6: var(--flix--line-height-heading);
  --heading--line-height-h5: var(--flix--line-height-heading);
  --heading--line-height-h4: var(--flix--line-height-heading);
  --heading--line-height-h3: var(--flix--line-height-heading);
  --heading--line-height-h2: var(--flix--line-height-heading);
  --heading--line-height-h1: var(--flix--line-height-page-title);
  --heading--font-weight: normal;
  --heading--font-weight-page-title: 300;
  --heading--font-weight-strong: 600;

  /* Colors */
  --coachf-color-black: #000;
  --coachf-color-vert0: #1c1c1c;
  --coachf-color-vert1: #49b05e;
  --coachf-color-vert2: #3da63e;
  --coachf-color-vert3: #266b27;
  --coachf-color-vert4:#edf4ee;
  --coachf-color-vert5:#f9fff8;
  --coachf-color-gris0: #141414;
  --coachf-color-gris1: #555454;
  --coachf-color-gris2: #8b8b8c;
  --coachf-color-gris3:  #a5a4a4;
  --coachf-color-gris4:#cdcccc; 
  --coachf-color-gris5: #f8f7f7;
  --coachf-color-gris6: #fafcf7;
  --coachf-color-jaune1: #f3b939;
  --coachf-color-jaune2: #ede41b;
  --coachf-color-jaune3:  #f2e6cc;
   --coachf-color-jaune4:  yellow;
  --coachf-color-white: #fff;
  --coachf-color-rouge1:#e62646;
  --coachf-color-rouge2:#f9e8ec;
  --coachf-color-rouge3:#ee4900;
  --coachf-color-orange1:#f48e00;


  /* Spacing */
  --coachf-spacing-unit: 19px;
  --coachf-spacing-measure: unset;
  --coachf-spacing-horizontal: 25px;
  --coachf-spacing-vertical: 35px;
  --coachf-padding-input:.7rem;

  /* Forms */
  --coachf-border-004:0.04rem;
  --coachf-size-04:0.4045rem;
  --coachf-size-07:0.7rem;
  --coachf-size-inputtext:.9rem;
  --coachf-size-inputtext0:1rem;
  --coachf-size-inputtext1:1.1rem;
  --coachf-size-inputtext2:1.8rem;
  --coachf-size-inputtext3:1.4rem;
  --coachf-size-input:0.9rem;
  --coachf-color-select:;
  --coachf-color-form-title:;
  --coachf-size-form-title:;

  --coachf-color-form-subtitle:;
  --coachf-size-form-subtitle:;

  --coachf-size-form-head:1.3rem;
  --coachf-size-form-subhead:0.9rem;

  --coachf-color-form-party:;
  --coachf-size-form-party:;

  --flix-size-form-icon:;


  /* Buttons */
  --button--color-text: var(--coachf-color-background);
  --button--color-text-hover: var(--coachf-color-secondary);
  --button--color-text-active: var(--coachf-color-secondary);
  --button--color-background: var(--coachf-color-secondary);
  --button--color-background-active: var(--coachf-color-background);
  --button--font-family: var(--coachf-font-primary);
  --button--font-size: var(--coachf-font-size-base);
  --button--font-weight: 500;
  --button--line-height: 1.5;
  --button--border-width: 3px;
  --button--border-radius: 0;
  --button--padding-vertical: 15px;
  --button--padding-horizontal: calc(2 * var(--button--padding-vertical));

  

  /* Header */

  /* degradé  */

  --degrade-jaune-h: linear-gradient(90deg, #f9d738 0%, #f3b939 100%);
  --degrade-jaune-v:linear-gradient(0deg, #f3b939 0%, #f9d738 100%);
  --degrade-vert-h:linear-gradient(90deg, #3da63e 0%, #49b05e 100%);
  --degrade-vert-v:linear-gradient(0deg, #3da63e 0%, #49b05e 100%);
  --degdrade-vert-jaune-h:linear-gradient(90deg, #3da63e 0%, #f3b939 100%);
  --degdrade-jaune-vert-h:linear-gradient(90deg, #f3b939  0%, #3da63e 100%);

  --degdrade-vert-jaune-v:linear-gradient(128deg, #3da63e 50.9%, #f3b939 100%);

  --degrade-rouge-jaune-h:linear-gradient(90deg, #f9d738 0%, #e0342d 100%);


  --degrade-rouge-v:linear-gradient(128deg, #ff5039 0%, #e0342d 100%);

  --degrade-violet-h:linear-gradient(90deg, #d761a0 50%, #efab30 100%);
  --degrade-bleu-h:linear-gradient(90deg, #5ea3da 0%, #7ac4ac 100%);
}

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  font-family: "Lato-Regular";
  height: 100%;margin: 0;
  background: var(--blanc);
}

a { text-decoration:none; }
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}
code,
kbd,
samp {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

b,
strong {
  font-weight: bolder;
}


button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0;border: 0;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}


[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}


input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
.coachf textarea, textarea {
  border: 1px solid var(--coachf-color-gris2);
  border-radius: .4045rem;
  line-height: 2;
  padding: var(--coachf-padding-input);
  max-width: 100%;
  color: var(--coachf-color-gris1);
  font-size: var(--coachf-size-inputtext);
}

.boxselect { width:100%;display:table; }
.boxselect .icon-select { margin-left:0px;position:relative;margin-top:-5px;width:60px;float:left; }

.boxselect1 { width:33 %;display:table;padding:0px; }
.boxselect1 .icon-select { margin-left:0px;position:relative;margin-top:-5px;width:60px;float:left; }


.select {
 float: left;
  border: 1px solid var(--coachf-color-gris2);
  border-radius: .4045rem;
margin-left: -28px;
  width: 90%;  
  color: var(--coachf-color-gris1);
  font-size: var(--coachf-size-inputtext);
}
.select select {
  margin-left:0px !important;position: relative;
  border: 0 !important;background: transparent;
  height: 44px;
  width:90% !important;outline:none;
}
.select select:focus, .select select:hover {
  margin-left:0px !important;position: relative;
  border: 0 !important;background: transparent;
  height: 40px;

}

textarea { min-height:100px; }
.left1 
{
float: left;
}

.right1 {
float: right;
}

.spacing 
{
padding: var(--coachf-size-inputtext3);
}
.spacing1 
{
padding: var(--coachf-size-inputtext);
}
.coachf { padding:.3rem;margin:10px;background:var(--coachf-color-white);border:.06rem dashed var(--coachf-color-gris3);border-radius: 9px; }
.coachaccepted { background: #f0f7ef;border: .01rem solid #aec4ae; }
.coachf_input {
  border: none;
  outline: none;
  position: relative;
/*  margin-top: 21px;*/
  margin-bottom: 31px;
  padding: 0;
  box-sizing: border-box;
}

.coachf_input input {
  border: 1px solid var(--coachf-color-gris2);
  border-radius: .4045rem;
  line-height: 2;
  padding: .35rem;

  max-width: 100%;
  color: var(--coachf-color-gris1);
  font-size: var(--coachf-size-inputtext);
}

.coachf_input select {
  border: 1px solid var(--coachf-color-gris2);
  border-radius: .4045rem;
  line-height: 2;
  padding: .35rem;
  height: 41px;
outline:none;
  max-width: 100%;
  color: var(--coachf-color-gris1);
  font-size: var(--coachf-size-inputtext);
}

.input_size1 {
  width: 100%;
}

.input_size2 {
  width: 80%;
}

.input_size3 {
  width: 60%;
}

.input_size4 {
  width: 40%;
}


.input_size5 {
  width: 20%;
}


.coachf_input label {
 
  position: absolute;
  top: 10px;
  left: 10px;
  transition: all 0.2s ease;
  font-size: var(--flix-size-inputtext);
  background: var(--flix--color-white);
  padding: 3px 3px;
  color: var(--flix--color-violet1);
}
.coachf_input label:hover {
cursor: text;
}
.coachf_input.focus label {
  color: var(--flix--color-violet1);
}
.coachf_input.focus input {

}
.coachf_input.float label {
  opacity: 1;
  top: -8px;
  font-size: 70%;
  transition: all 0.2s ease;
  font-weight: bold;
}


.form_security {  padding: 10px;display: inline-block;text-align: right;width: 100%;}
.step_info {
  margin-bottom: 15px;display:block;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
.flixapp textarea:focus,textarea:focus, .boxselect:focus {
  outline: none;
  background: var(--coachf-color-gris5);
  color: var(--coachf-color-black);
  border: .13rem solid var(--coachf-color-vert1) !important;
}

textarea:focus, input:focus, select:focus{
    outline: none;
}

input[type=text]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=date]:disabled,
input[type=month]:disabled,
input[type=week]:disabled,
input[type=time]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=color]:disabled,
.site textarea:disabled {
  opacity: 0.7;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
/*    -webkit-box-shadow: 0 0 0 30px white inset !important;*/
    -webkit-text-fill-color: white !important;
}
input:-webkit-autofill{
    -webkit-text-fill-color: white !important;
}
.tablebox {
  display: table;

}
.tablebox100 {
  display: table;
width: 100%;
}
.offpadding { padding:0; }
/* chat button */



 .chat-button {
  right: 10px;bottom:10px;
  position: fixed;
  line-height: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: auto;
  background-color: var(--coachf-color-vert1);
  background-image: var(--degdrade-vert-jaune-v);
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  box-shadow: 15px 15px 50px rgba(0,0,0,0.2);
  animation: morphing 10s infinite;
  z-index: 20000;
 }
.chatbot-name { font-size:var(--coachf-size-inputtext1);font-weight:600;margin-top:10px; }
.chatbot-icon { width:40px; } 
.chat-button img { width: 50px;}
  @keyframes morphing {
    0% {
      border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
      box-shadow: 15px 15px 50px rgba(0,0,0,0.2);
    }
    25% { 
      border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%;
    }
    50% {
      border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;
      box-shadow: -10px -5px 50px rgba(0,0,0,0.2);
    }
    75% {
      border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;   
    }
  }


/* Message chatbot */
.sms-sender {  border-radius:3rem;background: #e6efe7;border: .1rem solid #d1e5d3;padding: 1rem;border-bottom-right-radius:0px !important;float: right;margin-top: 8px;}
.sms-receve {  border-radius:3rem;background: #fffceb;border: .1rem solid #fcf6ba;padding: 1rem;border-bottom-left-radius:0px !important;margin-top: 8px;}

/* splash design  */
.coachf_splash {z-index: 2000;position: absolute;width: 100%;
opacity: 1;display: block;
background: var(--coachf-color-white);
animation: coachf_splash 3s ease-in-out forwards;
animation-delay: 2.5s;
height:100% ;
}
.splash_green {
 background:var(--coachf-color-vert1) ; 
height: 70%;
width: 100%;
position: absolute;
bottom: 0px;

}

.splash_logo {
  position: absolute;opacity: 0;top: 0%;
 background: url("../images/splash_logo.svg") no-repeat;
 width:70px;height: 50px;
 margin-left:47.3% ;
animation: splash_logo 2s ease-in-out forwards;
animation-delay: 1s;
}
.splash_b1 {
width: 49.98%;height: 70%;
background: var(--coachf-color-white);
position: absolute;
bottom: 0px;
z-index: 1000;
border-bottom-right-radius:0px;
animation: splash_b1 2s ease-in-out forwards;
animation-delay: 1s;
}
.splash_b2 {
background: var(--coachf-color-white);
position: absolute;
bottom: 0px;right:0;
width: 49.98%; height: 70%;
z-index: 1000;
border-bottom-left-radius: 0px;
animation: splash_b2 2s ease-in-out forwards;
animation-delay: 1s;
}
@keyframes coachf_splash {
  0% {
    opacity: 1;display: block;
  }
  100% {
    opacity: 0;display: none;
  }
}

@keyframes splash_logo {
  0% {
    margin-top: 0%;opacity: 0;
  }
  0% {
    margin-top: 5%;opacity: 0.5;
  }

  100% {
    margin-top: 10%;opacity: 1;
  }

}

@keyframes splash_b1 {

  0% {border-bottom-right-radius: 0px;}
  100% {border-bottom-right-radius: 350px;}
}

@keyframes splash_b2 {

  0% {border-bottom-left-radius: 0px;}
  100% {border-bottom-left-radius: 350px;}

}



/* coachF login  */
.coachf_login {
position: relative;
text-align: center;
}





.coachf_head_login {
  background: url("../images/login-image@2x-100.jpg") no-repeat;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 230px;
  width: 100%;
}

.logo-coachf {
margin: auto auto;
  width: 180px;
}
.logo-coachf-1 {
margin: auto auto;
  width: 120px;
}

.form-login 
{
text-align: center;display: table;
}
.form-div {
  margin: auto auto;float: none !important;
  
}
.form-div .check1 { margin-bottom:7px;margin-top:9px; }
.form-div .check1 label { margin-left:7px; }

.form-div1 {
  margin: auto auto;width: 100%;
  
}
.form-div1 h2
{
font-size: 1.3rem;font-family: "Lato-Medium";
color: var(--coachf-color-black);
margin: 0;padding-top: 10px;
}
.form-div1 label
{
font-size: 1.1rem;
}
.form-div1 .check1 { margin-bottom:7px;margin-top:9px; }
.form-div1 .check1 label { margin-left:7px; }
.iconsmile img { width:50%;height:50%; }
.space-top {
margin-top: var(--coachf-spacing-unit);

}

.input-space-top {
margin-top: var(--coachf-spacing-unit);
font-size: var(--coachf-size-input);
}

.bloc-lien {
  display: table;
  padding-top:  var(--coachf-spacing-unit) !important;
}
.form-lien {
  font-size: var(--coachf-size-input0);
  color: var(--coachf-color-vert3);
  font-family: "Lato-Medium";
}

.form-span {
 font-size: var(--coachf-size-input0);
  color: var(--coachf-color-black);
  font-family: "Lato-Light";
}
.submit-form {
  font-family: "Lato-Medium";
   border: 0;
  border-radius: .4045rem;
  line-height: 2;
  padding: var(--coachf-padding-input);
  max-width: 100%;
  color: var(--coachf-color-white);
  font-size: var(--coachf-size-inputtext1);
  background: var(--coachf-color-vert1);
}
.submit-form1 {
  font-family: "Lato-Medium";
   border: 0;
  border-radius: .4045rem;
  line-height: 2;
padding: .24rem;padding-left: 1rem;padding-right: 1rem;  max-width: 100%;
  color: var(--coachf-color-white);
  font-size: var(--coachf-size-inputtext1);
  background: var(--coachf-color-vert1);
}
.cancel-form {
  font-family: "Lato-Medium";
   border: 0;
  border-radius: .4045rem;
  line-height: 2;
  padding: var(--coachf-padding-input);
  max-width: 100%;
  color: var(--coachf-color-gris0);
  font-size: var(--coachf-size-inputtext1);
  background: var(--coachf-color-gris4);
}
.cancel-form1 {
  font-family: "Lato-Medium";
   border: 0;
  border-radius: .4045rem;
  line-height: 2;
padding: .24rem;padding-left: 1rem;padding-right: 1rem;  max-width: 100%;
  max-width: 100%;
  color: var(--coachf-color-gris0);
  font-size: var(--coachf-size-inputtext1);
  background: var(--coachf-color-gris4);
}
/* head page form */
.coachf_head_inscris {
background: url("../images/head-form@2x-100.jpg");  
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 430px;
  width: 100%;
}
.form-inscription 
{
display: table;
}

.form-evaluation {
 width:98%; background: var(--coachf-color-white);border-radius: .6rem;
 margin: 1%;padding: 0 !important;
}
.form-evaluation input[type="submit"]{
padding: .3rem !important;cursor: hand;cursor: pointer;
}
.nodisplay { display:none; }
.boxprogress { background:var(--coachf-color-white);margin-top:-16px;
  padding-left:2rem; padding-right:2rem;padding-top:2rem; }
.qevaluation_footer {
border-top: .1rem solid var(--coachf-color-gris4); 
background: var(--coachf-color-gris5);
border-bottom-left-radius:.6rem;
border-bottom-right-radius:.6rem;
}
.bloc-inscription {
  margin-top: -260px;
  background: url("../images/form-image@2x-100.jpg") no-repeat;
  background-position:left bottom ;
}
.qavance {
  background: var(--coachf-color-white);border-radius: .6rem;
 margin: 1%;padding: 0px !important;
}
.qavance h1{ 
padding: 0;margin: 0;font-size: 1.4rem;
}

.qavance h2{ 
padding: 0px;margin: 0px;font-size: 1.2rem;
border-bottom: .1rem solid var(--coachf-color-gris4);padding: .9rem;
}

.qavance p{ 
padding: 0;margin: 0;font-size: 1rem;
margin-top: 1rem;
text-align: justify;
color: var(--coachf-color-gris0);line-height: 1.7rem;
}

.qavance p a{ 
color: var(--coachf-color-vert2);font-family: "Lato-Bold";
text-decoration: underline;cursor: hand;cursor: pointer;
}
.minSize { min-height:200px; }
.diagnosticbloc1 h1 { padding: 0;margin: 0;font-size: 1rem;color:var(--coachf-color-gris0); }

.diagnosticbloc1 p{ 
padding: 0;margin: 0;font-size: 0.8rem;
margin-top: .5rem;
text-align: justify;line-height: 1.09rem;
color: var(--coachf-color-black);
}

.diagnosticbloc1 p a{ 
color: var(--coachf-color-vert2);font-family: "Lato-Bold";
text-decoration: underline;cursor: hand;cursor: pointer;
}
.vertAlert1 { color:var(--coachf-color-vert2) !important; }

.jauneAlert1 { color:var(--coachf-color-jaune1) !important; }

.rougeAlert1 { color:var(--coachf-color-rouge1) !important; }

.sizeicon i{ font-size:1rem !important; }
.leftsize80 { width:60%; }
.blocrecomp div { 
padding: 3px;
 }
.blocrecomp h5{ 
padding: 0;margin: 0;
font-size: 1rem;font-family: "Lato-Regular";
color:var(--coachf-color-black) !important;
 }
 .blocrecomp p{ 
padding: 0;margin: 0;
font-size: .9rem;font-family: "Lato-Regular";
color:var(--coachf-color-gris1) !important;
 }
.blocrecomp .icon-recomp{ 
width:50px;
}
.points { width:50px; }
.icon-zero { width:70px }
.blocrecomp span{ 
margin-top: 5px;display: inline-block;
font-size: .9rem;font-family: "Lato-Regular";
color:var(--coachf-color-gris2) ;
 }

#inputTag{ display: none;}
.cloudimg { border:.03rem solid var(--coachf-color-gris3);padding:20px;margin:20px; background: var(--coachf-color-white);
border-radius: .3rem}  
.cloudimg_icon { font-size:2rem;color:var(--coachf-color-vert2); }
.cloudsms { color:var(--coachf-color-gris1); }

#imageName { color:var(--coachf-color-vert3); }


.fprofil { width:100px; border-radius: 230px;border: .3rem solid var(--coachf-color-jaune1);}

.smileys button 
{cursor: hand;cursor: pointer;
background: transparent;border:0px;
}

.smileys button i
{
font-size: 1.5rem;
}
.smileys .smiley1 i
{
 color: var(--coachf-color-rouge1);
}

.smileys .smiley2 i
{
 color: var(--coachf-color-jaune1);
}

.smileys .smiley3 i
{
 color: var(--coachf-color-vert1);
}

.icon-style1 {
  color: var(--coachf-color-jaune1);
  font-size: var(--coachf-font-size-xl);
  padding: var(--coachf-padding-input);
}
.head-title 
{
width: 80% !important;
}

.head-title h3 
{
padding: 0;margin: 0;
font-family: "Lato-Medium";
font-size: var(--coachf-size-inputtext3);
color:var(--coachf-color-white);
}

.head-title span 
{
font-size: var(--coachf-size-inputtext0);
color:var(--coachf-color-white);
}

.bloc-description h4{
 padding: 0;margin: 0;
font-family: "Lato-Regular";
font-size: var(--coachf-size-inputtext1);
color:var(--coachf-color-gris1); 
margin-left:var(--coachf-font-size-xl);
}
.bloc-description span {
font-family: "Lato-Light";  
  font-size: var(--coachf-size-inputtext0);
color:var(--coachf-color-gris2); 
margin-left:var(--coachf-font-size-xl);
}
.arrow-head-left { width:13% !important; }
.icon-style2 {  width:60px; float: left;position: relative;z-index: 1000;margin-top: 17px}

.input-inscris { width:90%;padding-left:1rem !important; }
.input-position1 { margin-left:-1.9rem;}
.coacf_step 
{
padding: var(--coachf-font-size-xl);
font-size: var(--coachf-size-inputtext3);text-align: center;
}
.msg-form1 {
 color: var(--coachf-color-vert3); 
 margin: 0;
padding-left: var(--coachf-size-inputtext2) !important;
margin-top: .9rem;
}
.msg-form1 i { font-size: var(--coachf-size-inputtext3);color: var(--coachf-color-jaune1);}
.msg-form1 span {
background: var(--coachf-color-vert4);display: table;width: 94%;
padding: var(--coachf-font-size-xs);border-radius: var(--coachf-size-04);
 }

.space-center1 { padding-left:5%; padding-right: 5%; }

/* menu-main  */
.menu-main { border-right:var(--coachf-border-004) solid var(--coachf-color-gris5);
background:var(--coachf-color-white); 
height: 100%;
/*box-shadow: .09rem .09rem 0.2rem var(--coachf-color-gris4);*/
}
.conteneur {
float: left;
width: 82.99%;display: table;
height: 100%;
}
.head-page1 
{
border-bottom:var(--coachf-border-004) solid var(--coachf-color-gris5);
background: var(--coachf-color-white);
}

.menu-list 
{
padding: 0;margin: 0;
 list-style: none; 
}
.menu-list img
{
width: 30px;float: left;
}
.menu-list li a
{
color: var(--coachf-color-gris1);
display: table;
font-family: "Lato-Medium";
padding-top: var(--coachf-size-07);
padding-bottom: var(--coachf-size-07);
}
.menu-list span 
{
  padding-left: var(--coachf-font-size-sm);
display: block;float: left;margin-top: 7px;
}
.menu-list li a:hover
{
color: var(--coachf-color-vert3);
}

.notify1 { background:var(--coachf-color-rouge1);border-radius:20px;
display:block;height:9px;width:9px;position:absolute;margin-left: 25px;margin-top: 15px;}

.button-1 {
    font-family: "Lato-Medium";
   border: 0;
  border-radius: 3rem;
  line-height: 2;
  padding: var(--coachf-padding-input);
  max-width: 100%;
  color: var(--coachf-color-white);
  font-size: var(--coachf-font-size-xs);
  background: var(--coachf-color-vert1);

}
.button-1 i { color:var(--coachf-color-jaune2); }
/* modal1  */
.modal1 {
 display: block;
 box-shadow: .09rem .09rem 0.4rem var(--coachf-color-gris4);
  justify-content: center;
  /*gap: 0.4rem;*/
  width: 450px;
  padding: 1.2rem;
  min-height: 250px;
  position: fixed;
  top: 20%;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 15px;z-index: 3000;
}

.modal1 .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal1 input {
  padding: 0.7rem 1rem;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 0.9em;
}

.modal1 p {
  font-size: 0.9rem;
  color: #777;
  margin: 0.4rem 0 0.2rem;
}


.btn {
  display: inline-block;
  padding: 0.8rem 1.4rem;
  font-weight: 700;
  background-color: black;
  color: white;
  border-radius: 5px;
  text-align: center;
  font-size: 1em;
}

.btn-open {
  position: absolute;
  bottom: 150px;
}

.btn-close {

  padding: 0.5rem;
  background: transparent;
  border-radius: 50%;border: 0;
}
.btn-close i {color:var(--coachf-color-gris3);font-size:1.7rem }
.hidden { display:none; }
/* Aide Menu  */
.aide-lien {
 background: var(--coachf-color-vert4); display: table;
 border-radius: var(--coachf-font-size-lg);
}
.aide1 {
  display: table;border: 1px;float: left;padding: 3.3px;
}
.aide1 h5{ padding:0;margin:0;color:var(--coachf-color-vert3);font-family:"Lato-Medium"; }
.aide1 i{ font-size:var(--coachf-font-size-lg);color:var(--coachf-color-jaune1); }
.aide1 span { font-size:var(--coachf-font-size-xs1);color:var(--coachf-color-gris1);padding-right:6px;display:block; }

.aide-lien:hover { background: var(--coachf-color-vert1);cursor: pointer;cursor: hand}
.aide-lien:hover h5{color:var(--coachf-color-white); }
.aide-lien:hover i{color:var(--coachf-color-jaune2); }
.aide-lien:hover span{color:var(--coachf-color-white); }

.boxuser { float:right; }
.user1 { float:left;font-family:"Lato-Light";padding-left:5px;padding-right:9px;margin-top:9px }
.user1 img {  height:30px;width:30px; border-radius: 30px;border: 2.5px solid var(--coachf-color-gris4);margin-top:-2px }

.user1 span { font-family:"Lato-Regular"; }
.user1 i { color:var(--coachf-color-vert2) }

/* boxcontent */
.boxcontent {
background: var(--coachf-color-gris6) url("../images/form-image1@2x.png") no-repeat;
background-position: left bottom;
height: 100%;  
}

.boxcontent1 { 
background: var(--coachf-color-gris6) url("../images/form-image2@2x.png") no-repeat;
background-position: right top;
height: 100%; display: table;width: 100%;
}

.boxcontent2 { 
background: var(--coachf-color-gris6);
height: 100%; 
}

/*  other pages */
.head-gradient-1 
{ 
color: var(--coachf-color-white);
display: block;
background: url("../images/head-form.svg"); 
background-position:left bottom;
background-repeat: no-repeat;
background-size: cover;
height: 170px;width: 100%;
padding-top: var(--coachf-size-inputtext0) !important;
}
.head-gradient-1 h1
{
font-size: var(--coachf-font-size-lg); 
padding: 0px;margin: 0;padding-top: 3rem;
}

.head-gradient-1 span
{
font-family: "Lato-Medium";
}
.head-gradient-1 a {
 color: var(--coachf-color-jaune4); 
}


/* seconde design head page  */
.head-gradient-2 
{ 
color: var(--coachf-color-white);
display: block;
background: url("../images/head-page-2.svg"); 
background-position:left bottom;
background-repeat: no-repeat;
background-size: cover;
height: 170px;width: 100%;
padding-top: var(--coachf-size-inputtext0) !important;
}
.head-gradient-2 h1
{
font-size: var(--coachf-font-size-lg); 
padding: 0px;margin: 0;margin-top: 65px !important;
}

.head-gradient-2 span
{
font-family: "Lato-Light";
}

.paddingbox {padding: var(--coachf-font-size-xs1);}

.paddingbox1 {padding-left:15px;;}
.marginbox1 { margin-top: -15px; }

.padding03 { padding:.3rem; }
.boxstat1 { 
background: var(--degdrade-vert-jaune-v);
padding: 0;
border-radius: var(--coachf-font-size-xs1);
margin-top: var(--coachf-font-size-xs1);
box-shadow: .09rem .09rem 0.2rem var(--coachf-color-gris4);
}
.boxwhite {
 background: var(--coachf-color-white);
border-radius: var(--coachf-font-size-xs1);
 font-size: var(--coachf-font-size-xs1);color: var(--coachf-color-gris1);
 padding-bottom: var(--coachf-font-size-xs1);
}

.boxwhite2 { 
 background: var(--coachf-color-white);
border-radius: var(--coachf-font-size-xs1);
 font-size: var(--coachf-font-size-xs1);color: var(--coachf-color-gris1);
}

.boxgreen1 { 
 background: var(--coachf-color-white);
border-radius: .5rem;
 font-size: var(--coachf-font-size-xs1);color: var(--coachf-color-gris1);
 border: .01rem solid var(--coachf-color-vert2);
}

.boxgreen1 input[type="checkbox"] {
  margin-top: 7px;margin-right: 7px;
}

.boxwhite1 { 
 background: var(--coachf-color-white);
border-radius: .5rem;
 font-size: var(--coachf-font-size-xs1);color: var(--coachf-color-gris1);
 border: .01rem solid var(--coachf-color-gris5);
}

.boxwhite2_bottom 
{
margin-top: 13px;
border-bottom-left-radius: var(--coachf-font-size-xs1);
border-bottom-right-radius: var(--coachf-font-size-xs1);
padding: 4px;
}

.textleft {
 text-align: left; 
}

.textright {
 text-align: right; 
}


.textcenter {
 text-align: center; 
}


.barobjectif1  { padding:5px;border-radius:var(--coachf-font-size-xs1); }
.fond-jaune { background:var(--degrade-rouge-jaune-h); }
.fond-vert-jaune { background:var(--degdrade-jaune-vert-h); }
.fond-vert-1 { background:var(--degrade-vert-h); }
.fond-vert-v { background:var(--degrade-vert-v); }
.fond-violet { background:var(--degrade-violet-h); }
.fond-bleu { background:var(--degrade-bleu-h); }

.fond-rouge-v { background:var(--degrade-rouge-v); }
.fond-jaune-v { background:var(--degrade-jaune-v); }

.creaplan1 { background:var(--coachf-color-gris0);border:0;border-radius:var(--coachf-font-size-xs1);padding:5px;color:var(--coachf-color-white);margin:2px;display:inline-block; }
.bprogress-1 { margin-left:15px;padding:0px;background:var(--coachf-color-gris4);border-radius:var(--coachf-font-size-xs1); }
.progress-1 { padding:5px;border-radius:var(--coachf-font-size-xs1); }
.percent1 { float:left; text-align: center;width: with:80px;padding-left: 60px;font-size: var(--coachf-size-inputtext1);margin-top:-8px }

.form-text { text-align:left;margin-left:40px;padding-top:10px;padding-bottom:10px; }
.form-text span { color:var(--coachf-color-vert3); }
.tabobjectif { padding:.5rem;
box-shadow: .09rem .09rem 0.2rem var(--coachf-color-gris4); }
.tabobjectif1 { padding:0px } 
.tabobjectif1 img { width:28px;height:28px; }
.tabobjectif2 { font-size:var(--coachf-size-inputtext1);color:var(--coachf-color-vert3); }
.tabobjectif2-1 { font-size:.9rem;color:var(--coachf-color-gris0);padding:.4rem !important; }


.tabobjectif2-2 { font-size:.8rem;color:var(--coachf-color-gris0);width:85%;cursor:hand;cursor:pointer; }
#toggledisplay1 { cursor:hand;cursor:pointer; }
#toggledisplay2 { display:none; }
.tabobjectif3 { margin-left:15px;padding:0rem;background:var(--coachf-color-gris4);border-radius:var(--coachf-font-size-xs1); }
.tabobjectif4 { padding:5px;background:var(--degrade-rouge-jaune-h);border-radius:var(--coachf-font-size-xs1); }
.tabobjectif5 { color:var(--coachf-color-gris1);float:right; text-align: center;width: with:120px;padding-right: 20px;padding-bottom:10px; margin-top:-6px;font-size:var(--coachf-size-inputtext0); }
.tabmsg1 { color:var(--coachf-color-gris2);padding-left:var(--coachf-font-size-xs);display:block }

.statleft { float:left; padding-left:40px;display:table;}

.statright {  float: right;padding-right:70px;display:table;}
.barbox1 {  position: relative;height: 180px; }

.statleft h4, .statright h4 {  margin:0;padding:0;text-align:center;display:block;margin-top:10px }
.statleft span, .statright span {  margin:0;padding:0;text-align:center;display:block;font-size: var(--coachf-size-inputtext1);}

.yellow1 {float:left;display: block;width: 30px;
  padding: var(--coachf-size-inputtext0);border-radius: 8px;bottom: 0;position: absolute;}

.green1 { float:left;background:var(--degrade-vert-v);display: table;display: block;width: 30px;
  padding: var(--coachf-size-inputtext0);border-radius: 8px; margin-left: 9px;position: absolute;bottom: 0;
margin-left: 39px}


.icon_float { border:0;background:transparent; } .icon_float img { width:60px;}
.icon_float_sp1 { margin-top: -50px;display:position:absolute;  }
/* tableau */
.stathebdo1 ul { width:80%;margin-left:18px;padding:0;display:table;background:url("../images/opaque-fond-1@2x.png");border-radius:var(--coachf-size-inputtext3);float:left; }
.stathebdo1 ul li{ width:50%;text-align:center;display:inline-block; padding: var(--coachf-font-size-xs1);font-family: "lato-Medium";color: var(--coachf-color-white);}
.stathebdo1 ul li:hover, .stattab1 .actif {background:var(--coachf-color-gris0);border-radius:var(--coachf-size-inputtext3);}
.tabstat1 { color:var(--coachf-color-white); }
.stattab1 a { color:var(--coachf-color-white); }

/* Debut style tab  */
.headtab { border-bottom:1px solid var(--coachf-color-gris4);margin-top:0px !important;padding:0px; }
.stattab2 { padding:0px; }
.stattab2 li {text-align:center;display:inline-block; padding: 0;font-family: "lato-Medium";color: var(--coachf-color-white);
font-size: 1.1rem !important;}
.stattab2 .actif a {color:var(--coachf-color-vert3) !important;}

.tabstat2 { color:var(--coachf-color-white);font-size:1.9rem }
.stattab2 a { color:var(--coachf-color-gris2); }
.tabstat2 { color:var(--coachf-color-gris1); }


.stattab3 { padding:0px; }
.stattab3 li {text-align:center;display:inline-block; padding: 0;font-family: "lato-Medium";color: var(--coachf-color-white);
font-size: 1.1rem !important;}
.stattab3 .actif a {color:var(--coachf-color-vert3) !important;}

.tabstat3 { color:var(--coachf-color-white);font-size:1.9rem }
.stattab3 a { color:var(--coachf-color-gris2); }
.tabstat3 { color:var(--coachf-color-gris1); }


.labeletapes { margin-left: 20px;display: table;}

.labeletapes span { display:table;float:left;margin-top:4px;font-size:1rem; }

.labeletapes img { width:30px;float: left}

.linkopen { } .linkopen a{ display: block;float: right}
.linkopen img{ width:34px;float:letf;display:block; }
/* End style tab  */
.tabstat1 small { display:block; }
.tabstat1_box { float:left; }  .tabstat2_box { float:right; }
.tabstat1_box,.tabstat2_box { margin:5px;width:47.2%; padding:12px;background:url("../images/opaque-fond-1@2x.png"); border-radius:var(--coachf-font-size-xs1);}
.tabstat1_box img, .tabstat2_box img  { width:20px;float:left; }

.tabstat1_box h2,.tabstat2_box h2 { margin-left:var(--coachf-font-size-xs) !important;font-size:var(--coachf-font-size-xl);padding:0px;margin:0px; }
.tabstat1_box span, .tabstat2_box span { font-size:var(--coachf-font-size-xs1); }


.tabtitle { font-size:var(--coachf-font-size-md) !important; }

.search_input1 { height: 45px !important;width: 80%;padding-left: 40px !important;}
.iconsearch { margin-left:10px; position:absolute;margin-top:10px }
.iconsearch i  { color: var(--coachf-color-gris2);font-size: var(--coachf-font-size-md);}
.filter-1 { border:0px solid red;height:21px;widh:21px; }
.cloud1 { background:var(--coachf-color-gris4);padding:.09rem;padding-left:.5rem;padding-right:.5rem;border-radius:var(--coachf-font-size-xs);color:var(--coachf-color-black);display: inline-block;margin-top: 10px}
.cloud2 { font-size:12px;background:var(--coachf-color-gris4);padding:.09rem;padding-left:.5rem;padding-right:.5rem;border-radius:var(--coachf-font-size-xs);color:var(--coachf-color-black); }
.auteur-sms { margin:0;padding:0;font-size: 13px;color: var(--coachf-color-gris0);} .sms-vue { margin:0;padding:0; }
.sms-vue { font-size:var(--coachf-font-size-xs1); color: var(--coachf-color-gris2);}
.avatar-sms { height:50px;width:50px;}
.avatar-sms img { border-radius:var(--coachf-font-size-xl);background:var(--coachf-color-gris3);border:.03rem solid var(--coachf-color-vert1);width:50px }
.bloc-sms { width:70%;padding-left:10px; }
.sms-notify1 {background:var(--coachf-color-rouge1);border-radius:20px;
height:9px;width:9px;display: none;}

.sms-notify2 {background:var(--coachf-color-vert1);border-radius:20px;
display:block;height:9px;width:9px;}

.icon_float_sp1 {    }
.coaching-item { border-bottom:.01rem solid var(--coachf-color-gris4);overflow-wrap: break-word;}
.coaching-item .auteur-sms { color:var(--coachf-color-black) !important;font-size:16px ;margin-top: 4px;}
.coaching-item  .sms-notify1 { position:absolute;margin-left:33px;margin-top:-10px; }
.coaching-icon { width:37px; }

.windowmod {background: #fff;background-color: rgba(57,59,45 , 0.4);width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 5000;text-align: center;}
#ombremod , #ombremod1 {display: none;}
.windialog{border-radius: .8rem; margin: auto;background: #fff;width:37%;margin-top: .5rem;border:.015rem  solid var(--couleur-grise3);-webkit-box-shadow: 0px 2px 5px -1px #3e535e;box-shadow: 0px 2px 5px -1px #3e535e;}


.popheader {  background:var(--coachf-color-vert2);width:100%;padding:15px;border-top-left-radius: .8rem;border-top-right-radius: .8rem; }
.poptitle { padding-left:5px !important;margin:0;padding:0px;color:var(--coachf-color-white);font-size:19px; }
.modclose { background:transparent;border:0px;color:var(--coachf-color-white);font-size:21px; }
.popbody { padding:10px; }

.popinput { height: 45px !important;width: 100%;} .popmargintop { margin-top:20px; }

.popinput1 {float:left; height: 45px !important;width: 80%;margin-left: -28px;padding-left:15px !important; } 
.icon-style02 {
    width: 60px;
    float: left;
    position: relative;
    z-index: 1000;margin-top: -5px;
}

.popchoix { border:0.01rem solid var(--coachf-color-gris4);text-align:left;border-radius:9px; }
.popchoix label {color:var(--coachf-color-gris1); }

/*open windows */
.open-style { text-align:right; }
.open-01 { padding:9px;padding-top:18px !important; display: inline-block;}
.open-01 img { width:31px; }

.open-02 {display: inline-block;margin-top: -8px;}
.open-02 img { width:31px; }

  .coachf_onboard { position: absolute;text-align:center;top:0;display:table;width:100% }
.slide_board1, .slide_board2, .slide_board3{ text-align: center;background:#fff;position: absolute;width: 100%; }
.coachf_onboard p { color:#5f5f5e; } .coachf_onboard h2 { color:#000;font-weight:200;font-size:22px; } 
.slide_foot { width:320px;margin:auto auto;display:table; }
.slide_b1, .slide_b2 { width:50%; float: left;font-size: 21px;margin-top: 50px;}
.slide_b1 button { background:transparent;border:0; padding:10px;color: #5b5b5b;}
.slide_b2 button { background:#3da63e;border:0; padding:10px;border-radius: 10px;color: #fff;}

.slide_nav { width:320px;margin:auto auto;display:table;text-align:center; }
.bulle01, .bulle02, .bulle03 { padding:7px;border-radius:30px;display:inline-block;margin-left:10px }

.bulle01 { background:#3da63e;width:50px }
.bulle02, .bulle03 { background:#aaaaaa;width:10px }
.slide_foot { padding-bottom:30px; }  .slide_foot a { margin-top: 50px; display:block; background:#3da63e;border:0; padding:10px;border-radius: 10px;color: #fff;font-size: 21px}

.onboard1, .onboard2, .onboard3 { margin:auto auto; }
.slide_board1 { z-index:500; } .slide_board2 { z-index:300; } .slide_board3 { z-index:100; }
.onboard3_img { background:transparent url('../images/step-3@2x-8.png') no-repeat;
 height: 280px;width: 100%; background-repeat: no-repeat;
  background-size: 40%;background-position: center center;}
.onboard1_img { background:transparent url('../images/step-1@2x-8.png') no-repeat;
 height: 280px;width: 100%; background-repeat: no-repeat;
  background-size: 40%;background-position: center center;}
.onboard2_img { background:transparent url('../images/step-2@2x-8.png') no-repeat;
 height: 280px;width: 100%; background-repeat: no-repeat;
  background-size: 40%;background-position: center center;}

  .succesForm { width: 100%;text-align: center;color:#266b27;padding-top:80px }

  .succesForm h2 {  margin:0px;color:var(--coachf-color-gris0); }  .succesForm span {font-size:17px; display:inline-block;margin-top:10px;color: var(--coachf-color-gris1);} 

.linkfull { margin-top: 50px; display:inline-block; background:#3da63e;border:0; padding:10px;border-radius: 10px;color: #fff;font-size: 21px; }

.linkother { margin-top: 50px; display:inline-block; border:2px solid #3da63e;background:#fff; padding:10px;border-radius: 10px;color: #3da63e;font-size: 21px}

.totalEvalue { margin-top:-230px; }
.bloc-question { padding:1rem; } .bloc-question h4 {margin: 0;color: var(--coachf-color-black);font-size: 1.3rem;font-family: "Lato-Light";} .bloc-question p {margin: 0;font-size: 1.4rem;font-family: "Lato-Medium";} .bloc-question span{color:var(--coachf-color-vert3);}


 #calendar {
    max-width: 1200px;
    margin: 0 auto;
  }
.fc .fc-button-primary {
  background: var(--degrade-vert-v);border:0;
}

.fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
 background: var(--degrade-vert-h); border:0;
}

.fc-h-event {
  background: var(--coachf-color-vert3);border:0;
}
.fc-v-event {
  background: var(--coachf-color-vert3);border:0;

}

.fc-theme-standard td, .fc-theme-standard th {
  width: 14.28%;
}
.boxnb { font-size:.9rem;padding:1rem; }
.boxnb span { font-weight:bold; }
.eventbn { padding-right:30px }
.eventinfo { background:var(--coachf-color-white);padding:.3rem;border:.02rem solid var(--coachf-color-vert4); }
.eventinfo span { color:var(--coachf-color-black); }
.objectif-select { text-align:left; } 
.objectif-select h4 { margin:0px;padding:0px }
.coachf-dettes, .coachf-fiscale, .coachf-patrimoine, .coachf-protection 
{
 display: none; 
}
.subtitle { font-family:'Lato-Bold' !important; }
.msgmail_confirm { color:var(--coachf-color-gris2); font-family:'Lato-Regular' !important;}

.msgmail_confirm1 { color:var(--coachf-color-gris1); font-family:'Lato-Regular' !important;font-size: 15px;}
.msgmail_confirm1 span { color:var(--coachf-color-black);font-family:'Lato-Bold' !important; }

.msgmail_confirm1 i { color:var(--coachf-color-vert2);font-size:20px }
.avatarcoach1 { width:20%; }
.avatarcoach1 img { border-radius:8rem;width:38px;background: var(--coachf-color-gris4);}
.infocoach1 { width:60% }
.infocoach1 h4 { margin:0px;padding:0px;color:var(--coachf-color-gris1);font-size:var(--heading--font-size-h5); }
.infocoach1 span {color:var(--coachf-color-gris3); font-size: .85rem;}
.selectin i { color:var(--coachf-color-vert1); display: none;margin-top: -9px;margin-left: 10px;}
.coachstar i { color:var(--coachf-color-jaune1);font-size:12px; }
.etapes h4 { margin:0;padding:0;color:var(--coachf-color-black);font-size:1rem;margin-top:.3rem }
.etapes span { color:var(--coachf-color-gris2); }
.dateetape { font-size:13px;color:var(--coachf-color-gris1);margin:0 !important; }
.dateetape1 { font-size:12px; }
.dateetape2 { font-size:13px;color:var(--coachf-color-gris1);margin-top:10px !important;padding:4px; }

.nodata {  color:var(--coachf-color-gris2); }
/* boutton vert  */
.bt_green { color: var(--coachf-color-white);
background: var(--degrade-vert-h);
border: 0;border-radius: .5rem;text-align: left;padding: .4rem;
display: table;
 }
  .bt_green span { font-size:.9rem;font-weight: 200;}
 .bt_green p { padding: 0; margin:0;font-size: var(--coachf-size-inputtext1);}


.checkbox1{
    width: 36px;
    height: 36px;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 3px;
    background: url("../images/chechbox2-8.png") no-repeat;
}
.checkbox1:hover{
    background: url("../images/chechbox2-8.png") no-repeat;
}
.checkbox1.selected{
    background: url("../images/chechbox1-8.png") no-repeat;
}
.checkbox1 input[type="checkbox"]{
    margin: 0;
    position: absolute;
    z-index: 2;  width: 36px;
    height: 36px;          
    cursor: pointer;
    outline: none;
    opacity: 0;
}

.checkbox1 input[type="radio"]{
    margin: 0;
    position: absolute;
    z-index: 2;  width: 36px;
    height: 36px;          
    cursor: pointer;
    outline: none;
    opacity: 0;
}

.avatar_icon { width:48px;height:48px;background:var(--coachf-color-gris4);border-radius:9rem; }
.animate-top{
    position:relative;
    animation:animatetop 0.4s
}
@keyframes animatetop{
    from{top:-300px;opacity:0} 
    to{top:0;opacity:1}
}
#modalEdit { display:none; }
.modal {
  display: block;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.275);
}

.modal-content {
  margin: 5% auto;
  width: 500px;
  max-width: 90%;
  background-color: #fff;
  border: .07rem solid var(--coachf-color-gris4);
  border-radius: .4rem;
  outline: 0;
}
.modal-header {
    display: -webkit-box;display: -ms-flexbox;
    display: flex;-webkit-box-align: start;
    -ms-flex-align: start;align-items: flex-start;
    -webkit-box-pack: justify;-ms-flex-pack: justify;
    justify-content: space-between;
    padding: .7rem;
    border-bottom: .1rem solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    margin-top: 0;
    font-size: 1.25rem;
}
.modal-header .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity:1;
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    background-color: transparent;
    border: 0;
}
.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.close button {
  background: transparent !important;
  border: 0;cursor: hand;cursor: pointer;
}
.close button i {
color: var(--coachf-color-gris3);
font-size: 1.3rem;
}

.modal-body {
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-body h2 { 
margin: 0;font-size: 1.2rem;
}
.modal-body p {
    margin-top: 0;
    margin-bottom: .5rem;
}
.modal-body p.colorgrise1 { 
color: var(--coachf-color-gris2);
}

.colorgrise01 { 
color: var(--coachf-color-gris2);
}

.avatar_coach {
 width: 70px; 
}
.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .4rem;
    border-top: 1px solid #e9ecef;
}
.modal-footer>*{
    margin: 5px;
}

.conversation { padding-bottom:80px; }

.filariane { font-size:1.1rem;margin-left:20px; } .filariane a { color:var(--coachf-color-vert3); }
.filariane i { color:var(--coachf-color-gris3); }

.smil1 { color:var(--coachf-color-rouge1);font-family:"lato-Bold"; }

.smil2 { color:var(--coachf-color-rouge3);font-family:"lato-Bold"; }

.smil3 { color:var(--coachf-color-orange1);font-family:"lato-Bold"; }

.smil4 { color:var(--coachf-color-jaune1);font-family:"lato-Bold"; }

.smil5 { color:var(--coachf-color-vert1);font-family:"lato-Bold"; }


.tablequestion { 

 }

.tablequestion ul { 
display: table;width: 100%;
border-bottom: .1rem solid var(--coachf-color-gris4);
 }


.tablequestion ul li { 
display: inline-block;padding: .8rem;
 }

.tablequestion ul li span { 
display: block;float: left;font-size: 1.2rem;padding: .3rem;
background:var(--coachf-color-gris4) ;width:38px;
border: .2rem solid var(--coachf-color-white);
 text-align: center;border-radius: 40px;font-weight: bold;
 }
.tablequestion ul li span.actiftable { 
  background: var(--coachf-color-white) ;
display: block;float: left;font-size: 1.2rem;padding: .3rem;
border: .2rem solid var(--coachf-color-vert1);width:38px;
 text-align: center;border-radius: 40px;
 }

.tablequestion ul li h2 { font-size: 1rem;
display: block;float: right;margin: 0;padding: .3rem;
 }

 .tablequestion ul li.actiftableh2 { 
  background: var(--coachf-color-white);
border-top-left-radius: .9rem;
border-top-right-radius: .9rem;
border: .1rem solid var(--coachf-color-gris4); 
border-bottom: 0pc !important;
color:var(--coachf-color-vert3);
 }

.toplink {
color: var(--coachf-color-white);
font-weight: bold;
padding: .4rem;
background: var(--coachf-color-vert1);
border-radius: .3rem;
}
.smsnotif { font-size:1rem; }
.btlikit button { background:transparent; padding:.4rem;border:0;display:block; }
.btlikit button i { font-size:1.2rem;cursor:hand;cursor:pointer; }
.btlikit button i.likeit { color:var(--coachf-color-vert2); }
.btlikit i.nolike { color:var(--coachf-color-rouge1); font-size:1.2rem;margin-left: 5px}
.home_etapes { padding:0px;border-bottom:.1rem dotted var(--coachf-color-gris4);}  
.home_etapes h4 { font-size:18px;margin-top:8px !important;margin-bottom:10px !important;padding:0;color:var(--coachf-color-gris0);margin: 0px;}

.home_objectif { padding:0px;border-bottom:.1rem dotted var(--coachf-color-gris4);display: block;
padding-top: 10px;}
.steph4 { margin-left:2px !important;padding:0;font-size:13px !important; }


.datecal1 { font-size:12px;padding: 0;} .datecal1 span { margin-top:15px;padding:3px;border-radius: 8px; background:var(--coachf-color-rouge2);display:inline-block; color:var(--coachf-color-gris0);}
.datecal1 i { color:var(--coachf-color-rouge1); }

.datecal2 { font-size:12px;padding: 0;} .datecal2 span { margin-top:15px;padding:3px;border-radius: 8px; background:var(--coachf-color-jaune3);display:inline-block;color:var(--coachf-color-gris0); }
.datecal2 i { color:var(--coachf-color-jaune1); }

.datecal3 { font-size:12px;padding: 0;} .datecal3 span { margin-top:15px;padding:3px;border-radius: 8px; background:var(--coachf-color-vert4);display:inline-block;color:var(--coachf-color-gris0); }
.datecal3 i { color:var(--coachf-color-vert2); }
.rdvtitre { padding:0px;font-size: .85rem;color: var(--coachf-color-gris0);} 
.rdvdate { padding:3px;font-size:.7rem; }
.rdvdate i { color:var(--coachf-color-vert1); } .rdvdate span { color:var(--coachf-color-gris0); }

.heightBox1 { min-height:340px; }
.succesadd { background:var(--coachf-color-vert2);color:var(--coachf-color-white);padding:.8rem;border-radius:3rem;margin-top:3px;display:table; }
.succesadd i { color:var(--coachf-color-jaune2) !important;font-size:1.3rem; }

.succesadd1 { background:var(--coachf-color-rouge2);color:var(--coachf-color-gris0);padding:.8rem;border-radius:3rem;margin-top:3px;display:table; }
.succesadd1 i { color:var(--coachf-color-rouge1) !important;font-size:1.3rem; }


.error1 { background:var(--coachf-color-rouge2);color:var(--coachf-color-gris0);padding:.5rem;border-radius:.3rem;margin-top:3px;display:table; margin-bottom: 10px;margin: auto auto;}
.error1 i { color:var(--coachf-color-rouge1) !important;font-size:1.3rem; }

.blocaction { padding:0px } .blocaction a {font-size:1rem;color:var(--coachf-color-gris1);display:inline-block; }
.blocaction a:hover {color:var(--coachf-color-vert2); }
.blocaction i {font-size:1rem;}



.blocaction1 { padding:0px;text-align:right; } .blocaction1 a {font-size:1rem;color:var(--coachf-color-gris1);display:inline-block; }
.blocaction1 a:hover {color:var(--coachf-color-vert2); }
.blocaction1 i {font-size:1.3rem;}
.divnotif1 { position:absolute; margin-top: -50px}
.percentage { font-family:"Lato-Bold";font-size:1.2rem }
/* icon pricing  */
.head_price {  }
.icon_price img {width:30px;  }
.title_price {  font-family:"Lato-Bold";padding:6px; font-size: 1.1rem;}
.price_content {   } .price_content p { padding:0px;margin:0px;font-size:1rem;   } .price_content span { font-size:1rem; color:var(--coachf-color-gris2);  }
.price_offre {  font-size:1.1rem; }
.price_basket {  width:50%;font-size:1.7rem; } .price_basket span { font-size:1.1rem;color:var(--coachf-color-gris3); }

.offerpack { margin:10px; } .checkapproved span { font-size:1rem;display:inline-block; }
.toggledisplay1 {  }
.actionpropose1 { display:none; } 
.notefy_objectif1 {
/* display:table;border-radius:.9rem;background:var(--coachf-color-rouge2);
font-size:.68rem !important; */}  
.notefy_objectif1 span { display:none;font-size:.68rem;color:var(--coachf-color-gris0);font-family:"Lato-Medium" } .notefy_objectif1 i { font-size:.68rem;color:var(--coachf-color-rouge1); }

.notefy_objectif2 { /*display:table;border-radius:.9rem;background:var(--coachf-color-jaune3);
font-size:.68rem !important;*/ }  
.notefy_objectif2 span { display:none;font-size:.68rem;color:var(--coachf-color-gris0);font-family:"Lato-Medium" } .notefy_objectif2 i { font-size:.68rem;color:var(--coachf-color-jaune1); }

.notefy_objectif3 {/* display:table;border-radius:.9rem;background:var(--coachf-color-vert5);
font-size:.68rem !important; */}  
.notefy_objectif3 span { display:none;padding-left:.2rem;font-size:.68rem;color:var(--coachf-color-gris0);font-family:"Lato-Medium" } .notefy_objectif3 i { font-size:.68rem;color:var(--coachf-color-vert2); }

.planstat_action { margin-top:-16px;margin-bottom:16px;color:var(--coachf-color-gris1); } .planstat_action span { background: var(--degrade-vert-v);height: 20px;min-width:20px; display: inline-block;text-align: center;color: var(--coachf-color-white);
border-radius: 10px;}


.toggle-btn{
  width: 80px;
  height: 40px;
  margin: 10px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  background : url('../images/bt-off@2x-8.png') no-repeat left;
  cursor: pointer;
  -webkit-transition: background-color .40s ease-in-out;
  -moz-transition: background-color .40s ease-in-out;
  -o-transition: background-color .40s ease-in-out;
  transition: background-color .40s ease-in-out;
  cursor:pointer;

  }

.activecheck {
    background : url('../images/bt-on@2x-8.png') no-repeat left;
}
 
  .round-btn{
    width: 65px;
    height: 30px;
    background-color: transparent;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -15px;

  }
  .cb-value{
    position: absolute;
    left:0;
    right:0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
    cursor:pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  .toggle-btn_msg { padding-top:20px;margin-left:-30px;color:var(--coachf-color-gris1); }
  .toggle-btn_msg span { font-family:"Lato-Bold"; }

 .bloc-actif1 { border:.09rem solid var(--coachf-color-vert1);border-top-left-radius:.9rem;border-top-right-radius:.9rem;border-bottom:.09rem solid var(--coachf-color-gris4);background:var(--coachf-color-white); }


.liste_item { background:var(--coachf-color-white);border-bottom:.09rem dashed var(--coachf-color-gris3); }
/*.liste_item:nth-child(2)
{ background:var(--coachf-color-vert4);border-bottom:.09rem dashed var(--coachf-color-gris3); }*/
.liste_item:hover { background:var(--coachf-color-vert4);border-bottom:.09rem dashed var(--coachf-color-vert2);cursor: hand;cursor: pointer; }
.liste_item:hover .liste_action i { color:var(--coachf-color-vert2); }
.liste_item:hover .liste_action i:hover { color:var(--coachf-color-vert3); }
.liste_item:hover .liste_titre { color:var(--coachf-color-vert3); }

.liste_titre { color:var(--coachf-color-gris0);font-size:1rem ;}
.liste_titre i.icon-folder-6 { color:var(--coachf-color-jaune1);font-size:1.1rem; }

.liste_titre i.icon-doc-8 { color:var(--coachf-color-vert2); }
.sonobjectif { color:var(--coachf-color-gris2);font-size:.9rem;display:block;margin-left:23px }

.liste_statut {  }
.liste_vdate {  font-size:.8rem;color:var(--coachf-color-gris1); }  .liste_vdate i {  color:var(--coachf-color-vert2); }
.liste_action {  }
.liste_action i { color:var(--coachf-color-gris0); } 
.liste_action i:hover { color:var(--coachf-color-vert3); }
.fc-event-title { font-family:"Lato-Bold";color:var(--coachf-color-gris0); }
.fc-event-time { color:var(--coachf-color-gris1) !important; }

.fc .fc-daygrid-day.fc-day-today { background-color:var(--fc-bg-event-color) !important; }
.fc-event { border:1px solid var(--coachf-color-vert2);background:var(--coachf-color-vert4); }

/* Modal all page */

/* page user  */
.headprofil {
padding-bottom: 20px;
}
.headprofil span {
color: var(--coachf-color-gris3);font-size: 1rem;
}

.headprofil h3{
padding: 0px;margin: 0px;color: var(--coachf-color-gris0);
}

/* chatbot design  */
.chat-context {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 1em;
    box-sizing: border-box;
    font-family: 'Avenir',helvetica,arial,sans-serif;
    padding-top: 0em;
}

#chat {
    flex: 1 1 0;
    overflow-y: scroll;
    padding-left: 2.5em;
    padding-right: 2.5em;
    box-sizing: border-box;
}
#chat::-webkit-scrollbar, #ui-options::-webkit-scrollbar {
    width: 0 !important;
}
.button {
    cursor: pointer;
}
.chat-response {
    max-width: 80%;
    opacity: 0;
    padding: 1em;
    border-radius: 15px 15px 0px 15px;
    background-color: var(--coachf-color-vert4);
    text-align: right;
    margin-right: 0;
    margin-left: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;
    color: var(--coachf-color-vert0);
    width: fit-content;
}
.chat-response p {
    margin: 0;
}
.chat-response.robot {
    background-color: var(--coachf-color-jaune3);
    border-radius: 15px 15px 15px 0px;
    text-align: left;
    margin-right: auto;
    margin-left: 0;
    color: var(--coachf-color-gris0);
}
.chat-response:after {
    opacity: 1;
    width: 2em;
    height: 2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: absolute;
    bottom: -1.5em;
    left: -2.5em;
    background: url("../images/user-chatbot-icon.png");
    width: 40px;height: 40px;
}
.chat-response.user:after {
    content: "";
    left: auto;
    right: -2.5em;
}

#ui-response {
    height: 60px;
    max-height: 60px;
    position: relative;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
}
#ui-response.full-submit #response-text {
    display: none;
}
#ui-response.full-submit #ui-submit {
    width: 100%;
}
#ui-response.hide {
    overflow: hidden;
    animation: hide .5s forwards;
    -webkit-animation: hide .5s forwards;
    -moz-animation: hide .5s forwards;
}
@keyframes hide {
    0% {
        opacity: 1;
    }
    99.9999% {
        opacity: 0;
        max-height: 60px;
    }
    100% {
        max-height: 0em;
    }
}

#ui-submit {
    width: 60px;
    height: 60px;
    background-color: var(--coachf-color-vert1);
    color: var(--coachf-color-white);
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}
#response-text {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 1em;
    border: 1px solid  var(--coachf-color-vert4);
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    color: var(--coachf-color-gris0);
    font-size: 16px;
}
#response-text:focus {
    outline: none;
    box-shadow: 0 0 15px var(--coachf-color-gris4);
}
#response-text.invalid {
    background-color: var(--coachf-color-gris0);
    color: var(--coachf-color-white);
}
#ui-options {
    display: flex;
    justify-content: flex-start;
    padding: 1em;    
    overflow-x: scroll;
}
#ui-options:empty {
    padding: 0em;
}
.ui-option {
    border-radius: 3px;
    border: 1px solid var(--coachf-color-vert4);
    padding: 1em;
    margin-right: 1em;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: background-color .2s ease-in;
    color: var(--coachf-color-vert0);
}
.ui-option:hover, .ui-option.selected {
    background-color: var(--coachf-color-vert4);
    color: var(--coachf-color-vert0);
}
.ui-option:last-child {
    margin: 0;
}
.ui-option p {
    margin: 0;
}
.ui-option .subtext {
    color: var(--color-greyblue);
    font-size: .85em;
}
.ui-option:hover .subtext, .ui-option.selected .subtext {
    color: var(--color-transwhite);
}
.ui-option.filtered-out {
    display: none;
}
#ui-control > * {
    opacity: 1;
    transition: opacity 1s ease-in-out, max-height 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, max-height 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out, max-height 1s ease-in-out;
}
#ui-control .hidden {
    opacity: 0;
    -webkit-transition: background 0s;
    -moz-transition: background 0s;
    -ms-transition: background 0s;
    -o-transition: background 0s;
    transition: background 0s;
}


.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid var(--color-green);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin: auto;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


@media (max-width: 600px) {
    .chat-context {
        padding: 0em;
    }
    #chat {
        padding: 1.25em;
        padding-bottom: 0em;
    }
    .chat-response.user:after {
        right: -1em;
    }
    .chat-response:after {
        left: -1em;
        bottom: -1em;
    }
}

   #chat-context {
  height: 65%;
}

.chat-response.robot:after {
    content: "";
/*    background:  no-repeat center center;*/
    background-size: contain;
  
}

.chat-response.user:after {

    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
 width: 40px;height: 40px;
 border-radius: 140px;background-size: contain;
background-repeat: no-repeat;
}

.coachf_lien {
  color: var(--coachf-color-vert3);cursor: hand;cursor: pointer;
}
.lienChat {
color: var(--coachf-color-vert0);font-family: "Lato-Bold";
}