@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@media (min-width: 1280px) {
    html
{margin:0px;}


hr {
    border: 0.2px solid var(--ardoise);
    opacity: 1;
}

a img{border:0px;}

/*a{color:#fff}*/

:root {

    /* Colors: */
    --gris-de-lin: #C9CFE4;
    --ardoise: #979EB8;
    --safran: #EFB900;
    --saphir: #294093;
    --nuit: #25306D;
    --unnamed-color-ffffff: #FFFFFF;
    --unnamed-color-000000: #000000;

    /* Font/text values */
    --unnamed-font-family-montserrat: Montserrat;
    --unnamed-font-family-inter: Inter;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-600: 600;
    --unnamed-font-weight-medium: 500;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-size-14: 14px;
    --unnamed-font-size-16: 16px;
    --unnamed-font-size-20: 20px;
    --unnamed-font-size-26: 26px;
    --unnamed-font-size-30: 30px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-line-spacing-17: 17px;
    --unnamed-line-spacing-18: 18px;
    --unnamed-line-spacing-20: 20px;
    --unnamed-line-spacing-24: 24px;
    --unnamed-line-spacing-32: 32px;
    --unnamed-line-spacing-37: 37px;
    --unnamed-text-transform-uppercase: uppercase;
}

/* Character Styles */
.unnamed-character-style-1 {
    font-family: var(--unnamed-font-family-inter);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-600);
    font-size: var(--unnamed-font-size-16);
    line-height: var(--unnamed-line-spacing-20);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--saphir);
}
.unnamed-character-style-2 {
    font-family: var(--unnamed-font-family-montserrat);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-20);
    line-height: var(--unnamed-line-spacing-24);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--nuit);
    text-transform: var(--unnamed-text-transform-uppercase);
}
.unnamed-character-style-3 {
    font-family: var(--unnamed-font-family-inter);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-20);
    line-height: var(--unnamed-line-spacing-24);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
}
.unnamed-character-style-4 {
    font-family: var(--unnamed-font-family-montserrat);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-30);
    line-height: var(--unnamed-line-spacing-37);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--safran);
    text-transform: var(--unnamed-text-transform-uppercase);
}
.unnamed-character-style-5 {
    font-family: var(--unnamed-font-family-montserrat);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-14);
    line-height: var(--unnamed-line-spacing-18);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-transform: var(--unnamed-text-transform-uppercase);
}
.unnamed-character-style-6 {
    font-family: var(--unnamed-font-family-montserrat);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-14);
    line-height: var(--unnamed-line-spacing-18);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--safran);
    text-transform: var(--unnamed-text-transform-uppercase);
}
.unnamed-character-style-7 {
    font-family: var(--unnamed-font-family-montserrat);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-medium);
    font-size: var(--unnamed-font-size-14);
    line-height: var(--unnamed-line-spacing-18);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--gris-de-lin);
    text-transform: var(--unnamed-text-transform-uppercase);
}
.unnamed-character-style-8 {
    font-family: var(--unnamed-font-family-inter);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-14);
    line-height: var(--unnamed-line-spacing-17);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
}
.unnamed-character-style-9 {
    font-family: var(--unnamed-font-family-montserrat);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-26);
    line-height: var(--unnamed-line-spacing-32);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--safran);
    text-transform: var(--unnamed-text-transform-uppercase);
}
.unnamed-character-style-10 {
    font-family: var(--unnamed-font-family-inter);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-600);
    font-size: var(--unnamed-font-size-20);
    line-height: var(--unnamed-line-spacing-24);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--saphir);
}

body {
    margin:0;
    /* Layout Properties */
    top: 0px;
    left: 0px;
    /*width: 1280px;*/
    /*height: 800px;*/
    /* UI Properties */
    background-position-y: 160px;
    background-size: 100% 800px;
    opacity: 1;
    font-size:100%;
    color:#000;
}

/*****************************************STYLES TEXTE**************************************/

h1
{position: relative;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-37) var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--safran);
    text-align: left;
    text-transform: uppercase;
    opacity: 1;
    width: fit-content;
    top: 0px;
    left: 14.2%;
    margin: 0;
}

h2
{font-size:120%;
    font-weight:normal}

h2.h2_acc
{color:#fff;
    text-shadow: 1px 0 5px #616161;
    width:60%;
}

h3
{font-size:110%}

h4
{ font-weight:normal;}

.small
{ font-size:10px;}

.medium
{ font-size:12px;}

/*Cookies*/
div#cookies>p{
    font-size:90%;
}

div#cookies h1, div#cookies h2, div#cookies h3, div#cookies h4 {
    color:#213166;
    font-weight:bold;
}

div.break
{clear:both;height:0px}

.bleu {
    color:#2f4296}

.jauneclair {
    color:#f8dd55}

.titre,.paragraphe, a:hover {
    color: #2d4188}

.titre{position: relative;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-37) var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--safran);
    text-align: left;
    text-transform: uppercase;
    opacity: 1;
    width: fit-content;
    left: 14.2%;
    top: 0px;
    margin: 0;}

.paragraphe{font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--safran);
    text-align: left;
    font: normal normal 600 20px/24px Inter;
    letter-spacing: 0px;
    color: #EFB900;
    opacity: 1;
margin-left: 50px;}

.paragrapheftp{font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--safran);
    font: normal normal 600 20px/24px Inter;
    letter-spacing: 0px;
    color: #EFB900;
    opacity: 1;
    margin-left: 28%;
}

.paragraphecontact{font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--nuit);
    text-align: left;
    font: normal normal medium 20px/24px Montserrat;
    letter-spacing: 0px;
    color: #25306D;
    text-transform: uppercase;
    padding-left : 17%;
    opacity: 1;}

.paragrapheproduit{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-montserrat);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--nuit);
text-align: left;
font: normal normal medium 20px/17px Montserrat;
letter-spacing: 0px;
color: #25306D;
width: 500px;
text-transform: uppercase;
}none

.paragrapheproduit2{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-montserrat);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--nuit);
text-align: center;
font: normal normal medium 20px/17px Montserrat;
letter-spacing: 0px;
color: #25306D;
width: 200px;
text-transform: uppercase;
}

.buttonMenuContent{
    color: var(--ardoise);
    font-size: 1.3em;
    font-weight: 600;
    position: relative;
    outline: none;
    border: 1px solid var(--ardoise);
    border-radius: 30px;
    letter-spacing: var(--unnamed-character-spacing-0);
    letter-spacing: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 51px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
    font: normal normal medium 14px/18px Montserrat;
    text-decoration: none;
    text-transform: uppercase;
}

.buttonMenuContent a{
    color: var(--ardoise);
    text-decoration: none;
}

.buttonMenuContent:hover,.buttonMenuContentSel{
    background-color: var(--safran);
}
    
.buttonMenuContent:hover a,.buttonMenuContentSel a{
    color: #FFFFFF;
}

.paymentOkPLPM{
    width: 500px;
    margin-left: 54%;
}

.spacer{
    margin-left: 20px;
}

.circle{
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--ardoise);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #979EB8;
    border-radius: 90px;
    opacity: 1;
    left: 1080px;
    position: absolute;
    width: 51px;
    height: 51px;
    z-index: 1;
}
.circle2{
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--ardoise);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #979EB8;
    border-radius: 90px;
    opacity: 1;
    left: 1081px;
    position: absolute;
    width: 51px;
    height: 51px;
    z-index: 1;
}

.trigger {
  margin-top: 11px;
  margin-left: 11px;
  width: 30px;
  height: 30px;
}

.trigger2 {
    margin-top: 11px;
    margin-left: 11px;
    width: 30px;
    height: 30px;
  }

  .accordion {
    background-color: transparent;
    color: #294093;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: 0.4s;
    font-style: normal;
    text-align: start;
    font-variant: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
  }
  
  .accordion:after {
    content: '\002B';
    border: 1px solid var(--ardoise);
    border-radius: 50%;
    padding: 5px;
    width: 26px;
    height: 25px;
    color: var(--ardoise);
    font-weight: bold;
    float: right;
    text-align: center;
  }
  
  .active:after {
    content: "\2212";
    color: var(--safran);
    border: 1px solid var(--safran);
  }

  .active {
    color: var(--safran);
  }
  
  .panel {
    padding: 0 18px;
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    font-style: normal;
    text-align: start;
    font-variant: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
    font-size: 12px;
  }

  .panel2{
    padding: 0 18px;
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    text-align: start;
  }

  .accordion2 {
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    text-align: start;
    font-size: 18px;
  }
  
  .accordion2:after {
    content: '\002B';
    border: 1px solid var(--ardoise);
    border-radius: 50%;
    padding: 5px;
    width: 26px;
    height: 25px;
    color: var(--ardoise);
    font-weight: bold;
    float: right;
    text-align: center;
  }

  .boxsousmenu {
    box-sizing: content-box;
    height: auto;
    width: auto;
  }

.arrow{
width: 18px;
height: 11px;
/* UI Properties */
opacity: 1;
background: url(../images/slide/right.png) no-repeat center left;
transform: rotate(180deg);
}

.buttoncontact{
    padding-left: 17%;
    display: inline-flex;
}

.inputcontact{
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--ardoise);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #979EB8;
    border-radius: 30px;
    opacity: 1;
    top: 681px;
    left: 108px;
    width: 254px;
    height: 51px;
    justify-content: center;
    align-items: center;
}

.inputcontact2{
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--ardoise);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #979EB8;
    border-radius: 30px;
    opacity: 1;
    top: 747px;
    left: 108px;
    width: 524px;
    height: 51px;
}

.inputcontact3{
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--ardoise);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #979EB8;
    border-radius: 30px;
    opacity: 1;
    top: 813px;
    left: 108px;
    width: 524px;
    height: 310px;
}



.buttonproduct{
border: 1px solid var(--ardoise);
border: 1px solid #979EB8;
border-radius: 30px;
opacity: 1;
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--ardoise);
text-align: center;
font: normal normal medium 14px/18px Montserrat;
letter-spacing: 0px;
color: #979EB8;
text-transform: uppercase;
opacity: 1;
height: 51px;
width: 154px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}

.buttonproduct:hover {
    background-color: var(--safran);
}

.center{ text-align:center;}

.bold{ font-weight: bold;}


div#global
{min-height:100%;
 position:relative;
}

/*A:visited {*/
/*color:#fff}*/

.error {
    color: red;
    text-align: center;
}

.erreur {
    color: red;
    text-align: center;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-inter);
    margin-top: -20px;
    margin-bottom: 20px;
}

.green {
    color: green;
    text-align: center;
}

.error_page {
  text-align: center;
  font-size: 120%
}

.error_no {
  color :#2d4188;
  font-size: 200%;
}
/*******************************************CONTENT*****************************************/

div#content {
    background: transparent linear-gradient(180deg, var(--unnamed-color-ffffff) 0%, #C9CFE480 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #FFFFFF 0%, #C9CFE480 100%) 0% 0% no-repeat padding-box;
opacity: 1;
}

#content>h1 {
    position: relative;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-37) var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--safran);
    text-align: left;
    text-transform: uppercase;
    opacity: 1;
    width: fit-content;
    left: 14.2%;
    top: 0px;
    margin: 0;
}

/*******************************************HEADER*****************************************/

div#header
{
    height:160px;
    width: 100%;
    background: var(--nuit) 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 999;
}

.sticky {
    position: sticky;
    top: 0;
    transition: 0.5s;
    background: var(--unnamed-color-ffffff) !important;
    width: 100%;
}

.sticky .logo {
    background: transparent url(../images/logo_plugin_master_bleu.png) 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 1001;
}

/*div#search_bar*/
/*{background: url(../images/fd_search_bar.png) repeat-x top left ;*/
/*height:44px;*/
/* margin-top:-4px;*/
/*}*/

/*div#search_bar>h1*/
/*{font-size:18px;*/
/* font-weight:normal;position:relative;*/
/* top:-4px;*/
/* padding-left:25px;*/
/* display:inline-block;font-family: 'Didact Gothic', sans-serif;*/
/*}*/

/*div#search_bar>div*/
/*{float:right;*/
/*padding-top:9px;*/
/*padding-right:16px;*/
/*height:20px*/
/*}*/

/*div#search_bar>div>form>span*/
/*{text-transform:uppercase;*/
/* font-size:11px;*/
/* font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*}*/

/*div#search_bar>div>form>input*/
/*{font-family: Verdana, Arial, Helvetica, sans-serif;*/
/* height:24px;*/
/* border:0*/
/*}*/

/*div#search_bar>div>form>input[type=submit]*/
/*{background-color:#2f4296;*/
/* color:#fff;*/
/* cursor:pointer;*/
/* height:26px*/
/*}*/

div#lang {
    float:right;
    box-sizing: border-box;
    margin-right:16px;
    margin-top:110px;
    font-size: 10px;
    z-index: 1000;
}

/*************************** Bouton langue ***************************/

.button-switch {

    font-size: 1.5em;
    height: 25px;
    /*margin-bottom: 0.625em;*/
    top: 50px;
    right: 50px;
    position: absolute;
    width: 54px;
    box-sizing: border-box;
    z-index: 1000;
}

.button-switch .switch-en,.button-switch .switch-fr {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    font-size: 1em;
    left: 0;
    line-height: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 0;
}
.button-switch .lbl-fr-on, .button-switch .lbl-en-on {
    cursor: pointer;
    color: var(--nuit);
    display: block;
    font-size: 0.9em;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/19px var(--unnamed-font-family-montserrat);;
    /*font-weight: bold;*/
    font-family: Inter;
    line-height: 1em;
    position: absolute;
    top: 0.3em;
    text-transform: uppercase;
}
.button-switch .lbl-en-off {
    color: var(--nuit);

    display: none;
    text-decoration: none;
}
.button-switch .lbl-en-on {
    color: var(--nuit);
    right: 0.5em;
    display: block;
    text-decoration: none;
}
.button-switch .lbl-fr-off {
    color: var(--nuit);

    display: none;
    text-decoration: none;
}
.button-switch .lbl-fr-on {
    color: var(--nuit);
    left: 0.5em;
    display: block;
    text-decoration: none;
}
.button-switch .switch-en:before, .button-switch .switch-en:after {
    content: '';
    font-size: 1em;
    position: absolute;
}
.button-switch .switch-en:before {
    border-radius: 1.25em;
    background: var(--safran);
    height: 25px;
    left: -0.25em;
    top: -0.1875em;
    transition: background-color 0.25s ease-out 0.1s;
    width: 54px;
}
.button-switch .switch-en:after {
    /*box-shadow: 0 0.0625em 0.375em 0 #666;*/
    border-radius: 50%;
    background: #fefefe;
    height: 1.2em;
    transform: translate(0, 0);
    transition: transform 0.25s ease-out 0.1s;
    width: 1.2em;
}
.button-switch .switch-en:checked:after {
    transform: translate(1.8em, 0);
}

.button-switch .switch-fr:before, .button-switch .switch-fr:after {
    content: '';
    font-size: 1em;
    position: absolute;
}
.button-switch .switch-fr:before {
    border-radius: 1.25em;
    background: var(--safran);
    height: 25px;
    left: -0.25em;
    top: -0.1875em;
    transition: background-color 0.25s ease-out 0.1s;
    width: 54px;
}
.button-switch .switch-fr:after {
    /*box-shadow: 0 0.0625em 0.375em 0 #666;*/
    border-radius: 50%;
    background: #fefefe;
    height: 1.2em;
    transform: translate(1.8em, 0);
    transition: transform 0.25s ease-out 0.1s;
    width: 1.2em;
}
.button-switch .switch-fr:checked:after {
    transform: translate(0,0);
}

.button-switch .switch:checked ~ .lbl-off {
    opacity: 0;
    left: 50%;
}
.button-switch .switch:checked ~ .lbl-on {
    opacity: 1;
    right: 0.3em;
}
#switch-orange{
    background: var(--safran);
}


/*************************** Fin bouton langue ***************************/

div#links {
    right:16px;
    top:0px;
    display:table;
    vertical-align:top
}

div#links>a {
    display:table-cell;
}

div#links>a:visited,div#links>a:hover {
    color: var(--safran);
}


div#links>a:nth-child(2)
{
    position: absolute;
    top: 50px;
    /*left: 1090px;*/
    right: 168px;
    width: 22px;
    height: 25px;
    /* UI Properties */
    background: transparent url(../images/icon_user.png) 0% 0% no-repeat padding-box;
    opacity: 1;

}

div#links>a:nth-child(2):hover {
    background:#4a5782 url(../images/icon_user.png) no-repeat top center;
}

.account{
    position: absolute;
    top: 50px;
    /*left: 1090px;*/
    right: 168px;
    width: 22px;
    height: 25px;
    /* UI Properties */
    background: transparent url(../images/Account.png) 0% 0% no-repeat padding-box !important;
    opacity: 1;
}

.account:hover {
    background:#4a5782 url(../images/Account.png) no-repeat top center !important;
}

div#links>a:nth-child(4) {
    position: absolute;
    top: 50px;
    /*left: 1090px;*/
    right: 250px;
    width: 27px;
    height: 25px;
    /* UI Properties */
    opacity: 1;
    background:url(../images/Switch_2.png) no-repeat top center;
}
div#links>a:nth-child(4):hover {
    background:#4a5782 url(../images/Switch_2.png) no-repeat top center;
}

div#links>a:nth-child(3)
{
    position: absolute;
    top: 50px;
    /*left: 1132px;*/
    right: 124px;
    width: 25px;
    height: 25px;
    /* UI Properties */
    background: transparent url(../images/Chat.svg) 0% 0% no-repeat padding-box;
    opacity: 1;
}
div#links>a:nth-child(3):hover {
    background:#4a5782 url(../images/Chat.png) no-repeat top center;
}

div#links>a:first-child {
    position: absolute;
    top: 50px;
    /*left: 1132px;*/
    right: 210px;
    width: 27px;
    height: 25px;
    /* UI Properties */
    background: url(../images/Cart.svg);
    opacity: 1;
    z-index: 1001;
    overflow: visible;
}

div#links>a:nth-child(1):hover {
    background:#4a5782 url(../images/Cart.svg) no-repeat top center;
}

.sticky div#links>a:nth-child(1):hover {
    background:var(--ardoise) url(../images/Cart.svg) no-repeat top center;
}

.sticky div#links>a:nth-child(2):hover {
    background:var(--ardoise) url(../images/icon_user.png) no-repeat top center;
}

.sticky div#links>a:nth-child(3):hover {
    background:var(--ardoise) url(../images/Chat.png) no-repeat top center;
}

/*******************************************OUTILS PRO*****************************************/

#outils_pro {

    /*position: relative;*/
    /*display: inline-block;*/
    /*background-image: url(../images/background_gris.png);*/
    /*background-size: 100% 1472px;*/
    /*top: 360px;*/
    /*width: 100%;*/
    /*height: 450px;*/
}

.outil {
    position: relative;
    width: 95% !important;
    height: 350px !important;
    top: 115px;
    border-radius: 15px;
    background-color: var(--unnamed-color-ffffff);
    padding: 0 !important;
    margin: 0 auto;
    display: block !important;
}

#outils_pro>h1 {
    position: relative;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-37) var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--safran);
    text-align: left;
    text-transform: uppercase;
    opacity: 1;
    width: fit-content;
    left: 14.2%;
    top: 49px;
    margin: 0;
}

#outilsPro {
    /*position: relative;*/
    /*display: inline-block;*/
    /*top: 143px;*/
    max-width: 1060px;
    margin: auto;
}

.multiple_item {
    width: 500px;
}

.texte_titre_outil {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    opacity: 1;
    color: var(--gris-de-lin);
    text-decoration: none;
}

.titre_outils {
    display: table-cell;
    position: relative;
    width: 10%;
    background-color: var(--nuit);
    height: 57px;
    border-radius: 15px 15px 0 0;
    vertical-align: middle;
    text-align: left;
    padding-left: 54px;
}

.titre_outils:hover .texte_titre_outil {
    color: var(--safran) !important;
}

.contenu_outil p {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-inter) !important;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000) !important;
    text-align: left;

}

.contenu_outil {
    text-decoration: none;
}

.texte_outil {
    text-decoration: none;
    margin: 34px 54px;
    overflow-y: auto;
    height: 215px;
    scrollbar-width: thin;
    scrollbar-color: var(--gris-de-lin) var(--unnamed-color-ffffff) ;
}

.texte_outil::-webkit-scrollbar {
    width: 8px;
    border: 1px var(--gris-de-lin) solid;
    overflow-y: auto;
}

.texte_outil::-webkit-scrollbar-thumb {
    background: #aaa;
    /*border-radius: 8px;*/
}

#outils_pro .slick-dots {
    bottom: 0px;
}

#outils_pro .slick-dots .slick-active {
    background: var(--gris-de-lin);
    border-radius: 15px;
}

#outils_pro .slick-dots li{
    width: 10px;
    height: 10px;
    margin: 0 10px;
}

#outils_pro .slick-dots li button{
    width: 10px;
    height: 10px;
    padding: 0px;
    border: 1px var(--gris-de-lin) solid;
    border-radius: 15px;
}

#outils_pro .slick-dots li button:before {
    content: none;
}

#outils_pro .slick-prev {
    left: -25px;
    top: 60%;
}

#outils_pro .slick-prev::before{
    content: '←';
    background: url(../../../images/slide/Icon-ionic-ios-arrow-back.svg) no-repeat center right;
    color: transparent;
}

#outils_pro .slick-next {
    right: -25px;
    top: 60%;
}

#outils_pro .slick-next::before{
    content: '→';
    background: url(../../../images/slide/Icon-ionic-ios-arrow-forward.svg) no-repeat center left;
    color: transparent;
}

#outils_pro .slick-track {
    height: 500px;
}

#outils_pro .slick-slide {
    height: auto;
}

#outils_pro .slick-slide img {
    height: 120px;
}

.image_titre_outil {
    position: absolute;
    top: 19px;
    right: 14px;
    background: url(../images/open_gris.png) no-repeat;
    width: 21px;
    height: 21px;
}

.titre_outils:hover .image_titre_outil {
    background: url(../images/open.png) no-repeat;
}

/*******************************************BANDEAU*****************************************/

div#content>div#bandeau {
    /*float:left;*/
    width:260px;
    height:966px;
    background:url(../images/fd_leftcol.png) repeat-y top left;
    position: relative;
    top: -90px;
    padding-top: 60px;
}


div#content>div#bandeau>a {
    text-decoration:none;
    color:white;
    font-size:12px;
    padding: 0px 28px 6px 16px;
    display:block;
    line-height: 1.25em;
}
 
div#content>div#bandeau>a>img {
	float:left;
	padding: 5px 4px 2px 0 ;
}

div#content>div#bandeau>a>span {
    display:block;
    font-size: 12px;
    font-weight:bold
}


div#content>div#bandeau>a.a_span {
    padding: 10px 16px 6px 16px;
}

div#content>div#bandeau>a>p
{-webkit-margin-before : 0;
-webkit-margin-after : 0;
}

.imgproduit {
  max-width: 500px;
}

/*CREDIT CARD  http://jsfiddle.net/La8wQ/313/ */
.cs-selector input{
    position:absolute;
    z-index:1;
}

.enode{background-image:url(../images/paiement/Image_46@2x.png);}
.pim{background-image:url(../images/paiement/groupe_828@2x.png);}

.logo {
    /* Layout Properties */
    position: relative;
    top: 50px;
    left: 50px;
    width: 163px;
    height: 67px;
    /* UI Properties */
    background: transparent url(../images/LogoWeb-B_PluginMasters_alixds.png) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.cs-selector input{ margin: 5px 0 0 -12px; }
.cs-selector label{ margin-left: 7px; }

.drinkcard-cs{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:200px;
    height: 100px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    padding-left: 1370px;
}
.drinkcard-cs:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

.cs-selector input:active +.drinkcard-cs, .cs-selector input:active + .drinkcard-cs{opacity: .9;}
.cs-selector input:checked +.drinkcard-cs, .cs-selector input:checked + .drinkcard-cs{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}

.boutonPaiement {
  position: relative;
  color: #263875;
  overflow: hidden;
  transition: .3s ease-in-out;
  border-radius: .3rem;
  z-index: 1;
  padding: 3px 3px;
  font-weight: 700;
  will-change: transform;
  border: transparent;
  border-color: transparent;
  outline: none;
}

.tailleBoutonPaiement {
    right: 60px;
    height: 75px;
}

.tailleBoutonPaiement2 {
    height: 50px;
}

.tailleBoutonPaiement3 {
    height: 75px;
}

 /*******************************************MENU*****************************************/

nav {
    position: absolute;
    top: 98px;
    right: 50px;
    font-family: Montserrat;
    background-color: transparent;
}

nav > ul > li {
    display: inline-block;
    margin: 0;
    position: relative;
}


li .deroulant {
    /*background-color: var(--safran);*/
    border-radius: 15px 15px 0 0;
}

.deroulant .sous_menu {
    border-radius: 0 0 15px 15px;

}

nav ul {
    list-style-type: none;
    margin: 0;
}

nav ul::after {
    content: "";
    display: table;
    clear: both;
}

nav a {
    display: flex;
    text-decoration: none;
    margin: 0 0 0 20px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/34px;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--ardoise);
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    /*height: 19px;*/
}

.titre_menu::after{
    content: '\002B';
    border: 1px solid var(--ardoise);
    border-radius: 50%;
    padding: 1px;
    width: 20px;
    height: 19px;
    left: 100px;
    color: var(--ardoise);
    font-weight: bold;
    float: right;
    text-align: center; 
}

.titre_menu_principal>a:hover {
    color: var(--safran);
}

.principale, .titre_menu a:hover {
    color: var(--unnamed-color-ffffff);
}

.liste_menu {
    padding-inline-start: 0;
}

.lien_menu a {
    margin: 0;
    padding-left: 30px;
    padding-right: 10px;
}

.sous_menu .liste_menu .lien_menu {
    border-radius: 0;
}

.sous_menu li:first-of-type,
.sous_menu li:first-of-type a {
    border-radius: 15px 15px 0 0;
}

.sous_menu li:last-of-type,
.sous_menu li:last-of-type ul li:last-of-type {
    border-radius: 0 0 15px 15px;
}

.lien_menu:hover {
    background-color: var(--safran);
    cursor: pointer;
}

.sous_titre {
    margin: 0;
    padding-left: 20px;
}

.sous_titre:hover,
.sticky>.sous_titre:hover {
    background-color: var(--safran) !important;
    color: var(--unnamed-color-ffffff) !important;
    cursor: pointer;
    border-radius: 15px;
}

.lien_menu a:hover,
.sticky .lien_menu a:hover{
    color: var(--unnamed-color-ffffff);
}

ul .sous_menu {
    display: none;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/34px var(--unnamed-font-family-montserrat);
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
    opacity: 1;
    position: absolute;
    text-transform: none;
    width: content-box;
    z-index: 1002;
    padding-left: 0;
}

/*nav ul li a {*/
/*    margin-right: 20px;*/
/*}*/

nav > ul li:hover .sous_menu {
    display: block;
    right: -10px;
    width: max-content;
}

.sticky .titre_menu_principal a, .sticky .grid_contact a, .sticky .grid_paiement a {
    color: var(--nuit);
}

.sticky .sous_menu a{
    color: var(--ardoise);
}

.sticky nav a:hover {
    color: var(--safran);
}

.titre_menu {
    color: var(--safran) !important;
}

/*.sous_titre {*/
/*    margin-top: 20px;*/
/*}*/

/*div#menu  {*/
/*    position: absolute;*/
/*    right: 50px;*/
/*    top: 98px;*/
/*}*/

/*div#menu>ul {*/

/*}*/

/*div#menu>ul>li {*/
/*    !*list-style-type:none;*!*/
/*    !*display:inline-block;*!*/
/*    !*margin:0px;*!*/
/*    !*margin-right:0.2%;*!*/
/*    !*width:14%*!*/
/*}*/

/*div#menu>ul>li>a,*/
/*div#menu>ul>li>a:hover {*/
/*    height:44px;*/
/*    display:block;*/
/*    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/19px var(--unnamed-font-family-montserrat);*/
/*    letter-spacing: var(--unnamed-character-spacing-0);*/
/*    color: var(--unnamed-color-ffffff);*/
/*    text-align: center;*/
/*    opacity: 1;*/
/*    text-decoration:none;*/
/*    text-transform: uppercase;*/
/*    margin:0px;*/
/*    !*font-weight: 500;*!*/
/*    !*font-size: 20px;*!*/
/*}*/

/*div#menu > ul > li > a:hover,div#menu > ul > li > a:active{*/
/*    !*background: #2d4188 !important; !* Old browsers *!*!*/
/*    !*background: url(../images/menu_a_hover.png) no-repeat bottom center, -moz-linear-gradient(top, #2d4188 0%, #213268 100%) !important; !* FF3.6+ *!*!*/
/*    !*background: url(../images/menu_a_hover.png) no-repeat bottom center,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d4188), color-stop(100%,#213268)) !important; !* Chrome,Safari4+ *!*!*/
/*    !*background: url(../images/menu_a_hover.png) no-repeat bottom center,  -webkit-linear-gradient(top, #2d4188 0%,#213268 100%) !important; !* Chrome10+,Safari5.1+ *!*!*/
/*    !*background: url(../images/menu_a_hover.png) no-repeat bottom center,  -o-linear-gradient(top, #2d4188 0%,#213268 100%) !important; !* Opera 11.10+ *!*!*/
/*    !*background: url(../images/menu_a_hover.png) no-repeat bottom center,  -ms-linear-gradient(top, #2d4188 0%,#213268 100%) !important; !* IE10+ *!*!*/
/*    !*background: url(../images/menu_a_hover.png) no-repeat bottom center,  linear-gradient(to bottom, #2d4188 0%,#213268 100%) !important; !* W3C *!*!*/
/*}*/


/*.newmenu li .dropdown-menu {*/
/*    !*border:0px !important;*!*/
/*    !*border-top:1px solid rgba(255,255,255,0.6);*!*/
/*    !*padding:30px;background: #7d8ab5;*!*/
/*    background:-moz-linear-gradient(top,  #7d8ab5 0%, #213166 100%);*/
/*    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d8ab5), color-stop(100%,#213166));*/
/*    background:-webkit-linear-gradient(top,  #7d8ab5 0%,#213166 100%);*/
/*    background:-o-linear-gradient(top,  #7d8ab5 0%,#213166 100%);*/
/*    background:-ms-linear-gradient(top,  #7d8ab5 0%,#213166 100%);*/
/*    background:linear-gradient(to bottom,  #7d8ab5 0%,#213166 100%);*/
/*}*/


/*.newmenu > ul > li {*/
/*    !*line-height:inherit*!*/
/*    list-style-type: none;*/

/*}*/



/*.newmenu .dropdown-menu > ul > li > a, .newmenu > ul li > a {*/
/*    color:#fff;*/
/*    font-family: Montserrat, sans-serif*/
/*}*/

/*.dropdown-menu li > a:before {*/
/*    !*content:" > ";*!*/
/*}*/

/*.dropdown-menu li > a {*/
/*    font-size:120%;line-height:0.9em*/
/*}*/

/*.newmenu .dropdown-menu > .col-lg-2 > ul > li > a:hover {*/
/*    color:#f8dd55;*/
/*    }*/

/*.newmenu .menu-title,.newmenu .menu-title:hover {*/
/*    color:#f7c918 !important;*/
/*    border:none;*/
/*    font-family: Montserrat, sans-serif;*/
/*    font-weight:normal;*/
/*    font-size:110%;*/
/*    margin-bottom:0px*/
/*}*/

/*.col-lg-2 {*/
/*    padding-right: 25px;*/
/*    padding-left: 25px;  min-height: 100%;*/

/*}*/

/*.col-lg-2:not(:last-child):after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    height: 100%;*/
/*    width: 1px;*/
/*    top: 0;*/
/*    right: 0px;*/
/*    bottom:0px;*/
/*    !*background: -moz-linear-gradient(top,  #7d8ab5 0%, #939fc9 50%, #213166 100%);*!*/
/*    !*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d8ab5), color-stop(50%,#939fc9), color-stop(100%,#213166));*!*/
/*    !*background: -webkit-linear-gradient(top,  #7d8ab5 0%,#939fc9 50%,#213166 100%);*!*/
/*    !*background: -o-linear-gradient(top,  #7d8ab5 0%,#939fc9 50%,#213166 100%);*!*/
/*    !*background: -ms-linear-gradient(top,  #7d8ab5 0%,#939fc9 50%,#213166 100%);*!*/
/*    !*background: linear-gradient(to bottom,  #7d8ab5 0%,#939fc9 50%,#213166 100%);*!*/
/*}*/

/*@media (min-width: 1200px) {*/
/*    .col-lg-2 {*/
/*        width: auto*/
/*    }*/
/*}*/
/*.ariane{*/
/*	 padding-left :270px;padding-top: 1%;*/
/*}*/

/*a.info,.info{*/
/*font-size: 11px;color:#000*/
/*}*/

/*******************************************NEWS*****************************************/


/*#news_content {*/
/*    position: absolute;*/
/*}*/

#news>h1 {
    position: relative;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-37) var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--safran);
    text-align: left;
    text-transform: uppercase;
    opacity: 1;
    width: fit-content;
    left: 14.2%;
    top: 50px;
    margin: 0;
}


#news_content {
    /*margin: auto;*/
    height: 750px;
    position: relative;
    top: -50px;
}

#titre_news {
    /*position: relative;*/
    /*float: left;*/
    display: flex;
    flex: 0 0;
    width: 468px;
    left: 8.4%;
    top: 150px;
}

#titre_news .slick-dots {
    bottom: 60px;
}

#titre_news .slick-prev {
    left: 54px;
    top:-4%;
    transform: rotate(90deg);
}

#titre_news .slick-next {
    left: 54px;
    top:104%;
    transform: rotate(90deg);
}

#titre_news .slick-list {
    /*height: 700px !important;*/
}

#titre_news .slick-prev::before{
    content: '←';
    background: url(../../../images/slide/Icon-ionic-ios-arrow-back.svg) no-repeat center right;
    color: transparent;
}

#titre_news .slick-next::before{
    content: '→';
    background: url(../../../images/slide/Icon-ionic-ios-arrow-forward.svg) no-repeat center left;
    color: transparent;
}

#titre_news .slick-slide {
    height: auto;
}

#news_slider {
    /*position: relative;*/
    /*float: left;*/
    display: flex;
    flex: 0 0;
    background-color: var(--gris-de-lin);
    width: 524px !important;
    border-radius: 20px;
    left: 50.6%;
    height:622px;
    bottom: 550px;
    margin-top: 125px;
}

#news_slider .slick-slide img {
    max-width: 400px;
}

.box {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: 30px;
    width: 420px;
    padding: 5px;
}

.box>h2{
    text-decoration: none;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--saphir) !important;
    text-align: center;
    opacity: 1;
}

.box1 {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    height: 310px;
    width: 420px;
    padding: 5px;
}

.box2 {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    height: 210px;
    width: 420px;
    padding: 5px;
}

.boxpayment {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--saphir);
    text-align: left;
    font: normal normal medium 16px/20px Inter;
    letter-spacing: 0px;
    color: #294093;
    opacity: 1;
}

.textepayment {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-inter);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--saphir);
font: normal normal medium 16px/20px Inter;
letter-spacing: 0px;
color: #294093;
opacity: 1;
text-align: left;
margin-left: 17%;
}

.checkoutText{
    padding-left: 21%;
    padding-right: 20%;
}

.ordering{
    margin: auto;
    width: 50%;
}

.titreOrdering{
    display: inline-flex;
}

.imgOrdering{
    display: inline-flex;
}

.margin-left{
    margin-left: 40% !important;
}

.police14Mont{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
letter-spacing: var(--unnamed-character-spacing-0);
font: normal normal medium 14px/18px Montserrat;
letter-spacing: 0px;
text-transform: uppercase;
opacity: 1;
}

.police14Monts{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
letter-spacing: var(--unnamed-character-spacing-0);
font: normal normal medium 14px/17px Montserrat;
letter-spacing: 0px;
opacity: 1;
}

.police20Mont{
font: normal normal medium 20px/24px Montserrat !important;
letter-spacing: 0px;
text-transform: uppercase;
opacity: 1;
color: #294093;
}

.police16Inter{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-inter);
letter-spacing: var(--unnamed-character-spacing-0);
font: normal normal medium 16px/20px Inter;
letter-spacing: 0px;
opacity: 1;
}

.police14Inter{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-inter);
letter-spacing: var(--unnamed-character-spacing-0);
font: normal normal normal 14px/17px Inter;
letter-spacing: 0px;
opacity: 1;
}

.changepass{
    padding-top: 5px;
    padding-bottom: 5px;
    box-sizing: content-box;
    height: auto;
    padding-left: 0%;
    justify-content: center;
    display: flex;
}

.boxcontact {
    box-sizing: content-box;
    height: auto;
    padding: 5px;
    padding-left: 17%;
}

input{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    font: normal normal medium 14px/18px Montserrat;
    letter-spacing: 0px;
    opacity: 1;
}

input::placeholder{
    text-transform: uppercase;
}

textarea{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    font: normal normal medium 14px/18px Montserrat;
    letter-spacing: 0px;
    opacity: 1;
}

textarea::placeholder{
    text-transform: uppercase;
}

.boxinputcontact {
    box-sizing: content-box;
    height: auto;
}

.boxinputpayment {
    box-sizing: content-box;
    margin-left: 17%;
    height: auto;
}

.boxinputprofil{
    box-sizing: content-box;
    display: flex;
    margin-left: 0%;
    height: auto;
    justify-content: center;
}

.boxinputprofil2{
    box-sizing: content-box;
    height: auto;
    display: flex;
    padding-bottom: 50px;
    margin-left: 0%;
    justify-content: center;
}

.boxinputprofil3{
    box-sizing: content-box;
    margin-left: 15%;
    height: auto;
}

.boxinputprofil4{
    box-sizing: content-box;
    height: auto;
    margin-left: 0%;
    display: flex;
    justify-content: center;
}

.boxinputprofil5{
    box-sizing: content-box;
    height: auto;
    margin-right: 18%;
    justify-content: center;
    display: flex;
}

.boxinputprofil6{
    box-sizing: content-box;
    height: auto;
    margin-right: 270px;
    justify-content: center;
    display: flex;
}

.boxinput {
    width: 100%;
    padding: 5px 20px;
}

.boxinput>input {
    margin: auto;
}

.boxinputamount {
    width: 100%;
    padding: 5px 20px;
}

.boxinputamount>input {
    margin: auto;
    width: 50%;
}

.boxinputlong {
    width: 100%;
    padding: 5px 20px;
}

.boxinputlong>input {
    margin: auto;
    width: 90%;
}

.boxinput2 {
    width: 100%;
    padding: 5px 20px;
    height: 100%;
}

.boxinput2>textarea {
    margin: auto;
    width: 92%;
    height: 92%;
}

.boxinput3 {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.boxinput4 {
    width: 100%;
}

.espace {
    padding: 6px;
}

.littleboxcontact {
    box-sizing: content-box;
    height: auto;
    display: inline-flex;
    padding-bottom: 15px;
}

.littleboxprofil{
    box-sizing: content-box;
    height: auto;
    margin-left: 0%;
    display: flex;
    justify-content: center;
}

.grecaptcha-badge {
	display: none;
}

.select {
	background: url("data:image/svg+xml,%3Csvg fill='%23979EB8' height='15px' width='15px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 407.437 407.437' xml:space='preserve'%3E%3Cpolygon points='386.258,91.567 203.718,273.512 21.179,91.567 0,112.815 203.718,315.87 407.437,112.815 '/%3E%3C/svg%3E") right no-repeat;
    background-position: right 12px;
    appearance: none;
  }

.select:hover {
    cursor: pointer;
}


.littleboxpayment {
    box-sizing: content-box;
    margin-left: 17%;
    height: auto;
    display: inline-flex;
    padding-bottom: 15px;
}

.barre {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    height: 10px;
    width: 420px;
    padding: 5px;
}

.scroller {
    width: 420px;
    height: 300px;
    padding-right: 30px;
    overflow: auto;
    /*scrollbar-color: rebeccapurple green;*/
    scrollbar-width: thin;
}

.scroller1 {
    width: 420px;
    height: 210px;
    padding-right: 30px;
    overflow: auto;
    /*scrollbar-color: rebeccapurple green;*/
    scrollbar-width: thin;
}
div::-webkit-scrollbar {
    width: 8px;
}
  /* Ascenseur */
div::-webkit-scrollbar-thumb {
    background: var(--ardoise);
    border-radius: 8px;
}

.buttonardoise{
    background-color: var(--ardoise);
    color: #ffffff;
    font-size: 1.3em;
    font-weight: 600;
    position: relative;
    outline: none;
    border-radius: 30px;
    letter-spacing: var(--unnamed-character-spacing-0);
    letter-spacing: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
    font: normal normal medium 14px/18px Montserrat;
    text-decoration: none;
    text-transform: uppercase;
}

.tailleArdoise{
    height: 51px;
    width: 175px;
    top: 25px;
}

.tailleArdoise2{
    height: 52.6px;
    min-width: 255.6px;
    border-color: var(--ardoise);
    border-style: none;
}

.tailleArdoise3{
    height: 51px;
    width: 319px;
    border-color: var(--ardoise);
    border-style: none;
}

.tailleArdoise4{
    height: 51px;
    width: 319px;
    border-color: var(--ardoise);
    border-style: none;
    margin-bottom: 70px;
}

.tailleArdoise5{
    height: 25px;
    width: 255.6px;
    border-color: var(--ardoise);
    border-style: none;
}

.tailleArdoise6{
    height: 51px;
    margin-left: 15px;
    width: auto;
    border-color: var(--ardoise);
    border-style: none;
}

.tailleArdoise7{
    height: 51px;
    width: 524px;
    border-color: var(--ardoise);
    border-style: none;
}

.inputpay{
    border: 1px solid var(--ardoise);
    background: transparent 0% 0% no-repeat padding-box;
border: 1px solid #979EB8;
border-radius: 30px;
margin-left: 17%;
opacity: 1;
width: 484px;
height: 84px;
}

.inputpay:hover{
    background-color: white;
}

.inputpay2{
    border: 1px solid var(--ardoise);
    background: transparent 0% 0% no-repeat padding-box;
    border: 1px solid #979EB8;
    border-radius: 30px;
    opacity: 1;
    width: 484px;
    height: 84px;
    }
    
    .inputpay2:hover{
        background-color: white;
    }

.boxcommande{
border: 1px solid #979EB8;
border-radius: 30px;
opacity: 1;
width: 600px;
}

.barre_news>p>b {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--ardoise);
    text-transform: uppercase;
    opacity: 1;
}

.barre_news>h2>a, .barre_news>h2 {
    text-decoration: none;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--saphir) !important;
    text-align: left;
    opacity: 1;
}

.contenu_news {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000) !important;
    text-align: left;
    opacity: 1;
    height: 622px !important;
}

.contenu_news>p>span>a>span, .contenu_news>p>span>a, .contenu_news>p>span>strong>a, .contenu_news>p>a {
    font: var(--unnamed-font-style-normal) normal bold var(--unnamed-font-size-14)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--saphir) !important;
    text-decoration: none;
    
}

/*.contenu_news>p>span>a {*/
/*    color: var(--unnamed-color-ffffff);*/
/*}*/

#lien_news, #lien_news>a {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-decoration: none;
    text-transform: uppercase;
    opacity: 1;
}


/*#news {*/
/*    position: inherit;*/
/*    top: 500px;*/
/*    margin-top: 900px;*/
/*}*/

/*div#news > h1, div#ref > h1 {*/
/*    border-bottom:1px solid rgba(255,255,255,0.4)*/
/*}*/

/*div#news_content {*/
/*    height:300px*/
/*}*/

/*div.news_block {*/
/*    margin-bottom:10px*/
/*}*/

/*div.news_block>h2, div.news_block>h2>a  {*/
/*    color:#213166;*/
/*    font-family: 'Didact Gothic', sans-serif;*/
/*    font-size:100%;*/
/*    font-weight: normal;*/
/*}*/

/*div.news_block>h2>span.up_block, div.news_block>h2>span.down_block {*/
/*    display:inline-block;*/
/*    background-color:#f7c918;*/
/*    width:22px;*/
/*    height:22px;*/
/*    text-align:center;*/
/*    margin-right:10px;*/
/*    cursor:pointer;*/
/*    font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*}*/

/*div.news_block>h2>a.up_block:hover, div.news_block>h2>a.down_block:hover {*/
/*    text-decoration:none;*/
/*    color:#fff*/
/*}*/

/*div.news_block>div {*/
/*    margin-left:10px;border-left:1px solid #2d4188;*/
/*    padding-left:10px;*/
/*    display:none;*/
/*    font-size:80%*/
/*}*/

/*div.news_block>div>p {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    border: 0;*/
/*    font-size: 100%;*/
/*    font: inherit;*/
/*    vertical-align: baseline;*/
/*}*/

/*div.hide_block {*/
/*    display:none*/
/*}*/

/*div.show_block {*/
/*    display:block*/
/*}*/

/*div.news_block>div>a,div.news_block>div>span:visited {*/
/*    color:#fff;text-decoration: none;*/
/*    font-size:100%;*/
/*}*/





.famille{
    padding-left: 30%;
    color: #f7c918 !important;
    border: none;
    font-family: 'Didact Gothic', sans-serif;
    font-weight: normal;
    font-size: 20px;
    text-decoration: none;
}

#famille_content{
    /*margin: auto;*/
    height: auto;
}

div.steelBlueCols {
    text-align: left;
    border-collapse: collapse;
    width: 100%;
  }
  .divTableProduct.steelBlueCols .divTableBodyProduct .divTableCellProduct {
    font-size: 12px;
    font-weight: bold;
    padding: 10px 5px;
  }

  .divTableCellProductMiddle {
  text-align:center; vertical-align: middle;
}

.divTableCellProductLeft {
    text-align:left; vertical-align: middle;
  }

  .divTableProduct.steelBlueCols .divTableHeadingProduct .divTableHeadProduct {
    text-align: left;
  }
  .divTableProduct.steelBlueCols .divTableHeadingProduct .divTableHeadProduct:first-child {
    border-left: none;
  }
  
  .steelBlueCols .tableFootStyle {
    font-size: 13px;
  }
  .steelBlueCols .tableFootStyle .links {
       text-align: right;
  }
  .steelBlueCols .tableFootStyle .links a{
    display: inline-block;
    background: #FFFFFF;
    color: #398AA4;
    padding: 2px 8px;
    border-radius: 5px;
  }
  .steelBlueCols.outerTableFooter {
    border-top: none;
  }
  .steelBlueCols.outerTableFooter .tableFootStyle {
    padding: 3px 5px; 
  }
  /* DivTable.com */
  .divTableProduct{ display: table; }
  .divTableRowProduct { display: table-row; font-size: 12px; border-bottom: 1px solid var(--gris-de-lin); padding: 5px; }
  .divTableHeadingProduct { display: table-header-group;}
  .divTableCellProduct, .divTableHeadProduct { display: table-cell;}
  .divTableHeadingProduct { display: table-header-group;}
  .divTableFootProduct { display: table-footer-group;}
  .divTableBodyProduct { display: table-row-group;}


.tableauProduit   {
 display: table;
 border-collapse: separate;
 border-color: grey;
 font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
 margin: auto;
 padding : 5px;
 width: 85%;
 
}
.texteProduit {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--nuit);
text-align: left;
font: normal normal medium 20px/24px Montserrat;
letter-spacing: 0px;
color: #25306D;
text-transform: uppercase;
opacity: 1;
}

.ligneProduit     {
 display: table-row;
 font-size: 12px;
}
.enteteProduit      {
 display: table-header-group;
 font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
 letter-spacing: var(--unnamed-character-spacing-0);
 color: var(--nuit);
 text-align: left;
 font: normal normal medium 20px/24px Montserrat;
 letter-spacing: 0px;
 color: #25306D;
 text-transform: uppercase;
 opacity: 1;
  
}
.corpsProduit      { display: table-row-group }
.legendeProduit   {
 display: table-caption;
 margin-top: 10px;
 margin-bottom: 10px;
}
.celluleProduit1{
 display: table-cell;
 width:50%;
 vertical-align: middle;
 height: 20px;
 padding: 5px 10px;
 border-bottom: 1px solid var(--ardoise);
 }
.celluleProduit2   {
 display: table-cell;
 width:50%;
 vertical-align: middle;
 height: 20px;
 padding: 5px 10px;
 border-bottom: 1px solid var(--ardoise);
 }
 
 .even {
 height: 36px;
 font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
 letter-spacing: var(--unnamed-character-spacing-0);
 color: var(--saphir);
 text-align: left;
 font: normal normal 600 20px/24px Inter;
 letter-spacing: 0px;
 opacity: 1;
 }
 
 .odd {
 height: 36px;
 font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
 letter-spacing: var(--unnamed-character-spacing-0);
 color: var(--saphir);
 text-align: left;
 font: normal normal 600 20px/24px Inter;
 letter-spacing: 0px;
 color: #294093;
 opacity: 1;
 }
 
 .box_tableau {
    margin-top: 3%;
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    padding: 5px;
}

.box_tableau1 {
    box-sizing: content-box;
    margin-left: 200px;
    margin-right: auto;
    height: 310px;
    width: 600px;
    padding: 5px;
}

.box_tableau2 {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    height: 310px;
    width: 600px;
    padding: 5px;
}

.space {
    height: 1000px;
    width: auto;
}

.hrproduct{
    border: 0.2px solid var(--ardoise);
    opacity: 1;
}

 .boxproduct{
    box-sizing: content-box;
    margin-left: 100px;
    margin-right: 100px;
    height: auto;
    width: auto;
    padding: 5px;
    border-bottom: 1px solid var(--ardoise);
    padding-top: 27px;
    padding-bottom: 27px;
 }

 .sectionancre:target{
    padding-top: 160px;
    margin-top: -160px;
 }

 .boxproduct2{
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 1300px;
    padding: 5px;
    border-bottom: 1px solid var(--ardoise);
    padding-top: 27px;
    padding-bottom: 27px;
 }

 .boxproduct3{
    display: flex;
    box-sizing: content-box;
    margin-left: 100px;
    margin-right: 100px;
    height: auto;
    width: auto;
    padding: 5px;
    border-bottom: 1px solid var(--ardoise);
    padding-top: 27px;
    padding-bottom: 27px;
 }

 .box_tarif{
    display: flex;
    box-sizing: content-box;
    margin-top:20px;
 }

 .littlebox1{
    box-sizing: content-box;
    margin-right: auto;
    padding-left: 100px;
    height: auto;
    width: 650px;
    letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--saphir); 
    color: #294093; 
    font: normal normal medium 16px/20px Inter;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-inter);
 }
 .littlebox2{
    box-sizing: content-box;
    margin-right: auto;
    width: 650px;
    padding-left: 100px;
 }

 .product {
    white-space: normal;
    line-height: normal;
    font-size: 12px;
    font-style: normal;
    text-align: start;
    font-variant: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
 }

 .product2 {
    white-space: normal;
    line-height: normal;
    font-size: 12px;
    font-style: normal;
    text-align: start;
    font-variant: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
    padding-bottom: 27px;
 }

 .trait {
    white-space: normal;
    line-height: normal;
    font-size: 12px;
    font-style: normal;
    text-align: start;
    font-variant: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
    border-bottom: 1px solid var(--ardoise);
    padding-bottom: 27px;
 }

 .productTable {
    white-space: normal;
    line-height: normal;
    font-size: 12px;
    font-style: normal;
    text-align: start;
    font-variant: normal;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
    display:table;
 }
 .productCell {
    display:table-cell;
    vertical-align:top;
 }

.product p{
 margin-top: 0px;
 margin-bottom: 8px;
}
 
 .tableauTarifsProduit   {
 display: table;
 border-collapse: collapse;
 font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
 width : 100%;
 
}


.corpsTarifProduit      { display: table-row-group; }

.cellule1TarifProduit{
 display: table-cell;
 vertical-align: middle;
 }
.cellule2TarifProduit   {
 display: table-cell;
 vertical-align: middle;
 width : 100px;
 text-align: left;
font-weight: bold;
right: 435px;
position: relative;
 }
.cellule3TarifProduit   {
 display: table-cell;
 vertical-align: middle;
 width : 50px;
 text-align: right;
 padding-right: 5px;
 font-weight: bold;
 right: 110px;
position: relative;
 }

.cellule4TarifProduit   {
 display: table-cell;
 vertical-align: middle;
 width : 50px;
 text-align: right;
 font-weight: bold;
 right: 305px;
position: relative;
 }
 
.cellule5TarifProduit   {
 display: table-cell;
 vertical-align: middle;
 width : 50px;
 text-align: right;
 padding-right: 10px;
 font-weight: bold;
 right: 600px;
position: relative;
 }

 .ProductHead{
  display : flex;
  margin-bottom:10px;
 }
 
 .titleProduct {
  width : 100%;
 }
 .downloadProduct {
  min-width:450px;
  margin-right: 20px;
 }
 .downloadProduct img {
  margin: 0px;
 }
 
 .lienDL {
  text-align: center;
 }
 
 .lienOrder {
  text-align: center;
 }
 
 .infobold {
    color: #231C5C;
    font-size: 14px;
    font-weight: bold;
}

 a.infobold {
    color: #231C5C;
    text-decoration: none;
}
 a.infobold:hover {
  text-decoration: underline;
}

a.boldftp:visited {
    color: #000066;
}

a.boldftp {
    color: #000066;
}

.ftp {
 font-size: 12px;
 font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
}

.bold {
    font-weight: bold;
    text-decoration: none;
    color:var(--saphir);
}

.bold:hover {
    color: var(--safran);
}

.langProduct {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--nuit);
    text-align: center;
    font: normal normal medium 20px/24px Montserrat;
    letter-spacing: 0px;
    color: #25306D;
    text-transform: uppercase;
    opacity: 1;
    width: 40%;
    height: 32px;
}
.langProduct img {
    height: 25px;
    width: 48px;
  vertical-align: middle;
}
 
.compProduct {
    margin-left: 4px;
    margin-right: 4px;
    width: 35%;
    height: 32px;
    margin-bottom: -12px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--nuit);
    text-align: left;
    font: normal normal medium 20px/24px Montserrat;
    letter-spacing: 0px;
    color: #25306D;
    text-transform: uppercase;
    opacity: 1;
}
.compProduct img {
  vertical-align: middle;
  margin: 0px !important;
}


.tarifsPanier {display:table-row-group;margin-top: inherit;}

.etapes_panier {
   text-align: center;
   width:100%;
   margin-top:10px;
 }
 
.etapes_panier th,.etapes_panier td {
    text-align: center;
   font-size: 14px;
 }
 .etapes_panier table{
   width: 452px;
   background-color: #FFF;
   margin-left:auto;
   margin-right:auto;
   border-collapse: collapse !important;
   border-width: 0px;
 }
 
 
.etapes_panier img {
  width:113px;
  height: 42px;
}

 .tableauPanier   {
 display: table;
 border-collapse: separate;
 font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
 width : 60%;
 margin-left: auto;
 margin-right: auto;
}

.corpsPanier { display: table-row-group; }

.lignePanier {
 display: table-row;
 /*background-color: #FFF;*/
 font-size: 12px;
}


.lignePanier div, .lignePanier form {
 padding:2px;
 display: table-cell;
 vertical-align: middle;
 height:56px; 
}


.lignePanierHead  {
 display: table-row;
}


.lignePanierHead div {
 padding:2px;
 text-align: left;
 display: table-cell;
}


.cellule5Panier{
 width : 125px;
 text-align: center;
 }
 
.cellule5Panier img{
 border:none;
 }
.cellule1Panier {
 font-weight: bold;
 }
.cellule2Panier {
 }
.cellule3Panier {
 width : 100px;
 text-align: center;
 }
.cellule4Panier {
 width : 130px;
 text-align: center;
 font-weight: bold;
 }
 
 .cellule1PanierFooter {
 text-align: left;
 text-transform: uppercase;
 color: #25306D;
 background-color: #C9CFE4;
 padding:2px;
 font: normal normal 600 20px/24px Montserrat;
 letter-spacing: 0px;
 border-top: 1px solid var(--ardoise);
 }

 .cellule2PanierFooter {
    text-align: left;
    text-transform: uppercase;
    color: #25306D;
    background-color: #C9CFE4;
    padding:2px;
    font: normal normal 600 20px/24px Montserrat;
    letter-spacing: 0px;
    }
 
 .cellule3PanierFooter {
    text-align: center;
    padding:2px;
    border-top: 1px solid var(--ardoise);
    background-color: #C9CFE4;
 }

 .cellule4PanierFooter {
    text-align: center;
    color: #25306D;
    background-color: #C9CFE4;
    padding:2px;
    font: normal normal bold 14px/17px Inter;
    /*text-decoration: line-through;*/
    letter-spacing: 0px;
    border-top: 1px solid var(--ardoise);
    }

 .cellulePanierFooter2 {
 text-align: center;
 color: #25306D;
 background-color: #C9CFE4;
 padding:2px;
 font: normal normal bold 14px/17px Inter;
 /*text-decoration: line-through;*/
 letter-spacing: 0px;
  }

  .cellulePanierFooter3 {
    text-align: center;
    color: #25306D;
    background-color: #C9CFE4;
    padding:2px;
    font: normal normal bold 14px/17px Inter;
    /*text-decoration: line-through;*/
    letter-spacing: 0px;
    border-top: 1px solid var(--ardoise);
     }

 .cellulePanierFooter {
 background-color: #C9CFE4;
 border-top: 1px solid var(--ardoise);
 }
 

.celluleLibLicencePanier{
 text-align: left;
 font-style: italic;
 }
 

.celluleCodeLicencePanier{
 text-align: left;
 }
 
 .strike {
 font-weight: normal;
 text-decoration: line-through;
 }
 
#recap_panier {
    position: absolute;
    left: 50%;
    margin: 0;
    padding: 0px;
    float: left;
    z-index: 99;
    top: 20px;
}

#recap_panier table {
 padding: 10px;
	color : #000000;
	text-shadow: 0 0 0.5px black;
	margin: 0; padding: 2;
	box-shadow:0px 0px 5px #5a5a5a;
	-moz-box-shadow:0px 0px 5px #5a5a5a;
	-webkit-box-shadow:0px 0px 5px #5a5a5a;
	}
 

#recap_panier table a {
 padding: 10px;
	}
  
.etape_bleu{
    text-align: center; 
    font: normal normal 600 16px/20px Inter; 
    letter-spacing: 0px; 
    color: #294093; 
    opacity: 1; 
    width: 100px;
}

.etape_jaune{
    text-align: center; 
    font: normal normal 600 16px/20px Inter; 
    letter-spacing: 0px; 
    color: var(--safran); 
    opacity: 1; 
    width: 100px;
}

.current a {
 color:#fff;
 text-decoration: underline !important;
}

.tableauCommande   {
 display: table;
 border-collapse: separate;
 font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
 width : 60%;
 margin: auto;
}

.corpsCommande { display: table-row-group; }

.ligneCommande {
 display: table-row;
 background-color: #FFF;
 font-size: 13px;
}


.ligneCommande div {
 padding:2px;
 display: table-cell;
 vertical-align: middle;
 height:20px; 
}

.ligneCommande div a {
 text-decoration: inherit;
 color: #2d4188;
}

.ligneCommande div a:hover {
 font-weight: bold;
}

.ligneCommandeHead  {
 display: table-row;
 font-size: 16px;
}


.ligneCommandeHead div {
 padding:2px;
 text-align: center;
letter-spacing: 0px;
color: #25306D;
text-transform: uppercase;
 display: table-cell;
}




.celluleCommandeLeft{
 text-align: left;
 }
 
.celluleCommandeCenter{
 text-align: center;
 background-color: #C9CFE4;
 }
 
.celluleCommandeRight{
 text-align: right;
 padding-right: 20px !important;
 }
 

.query {
    color: white;
    font-size: 12px;
    text-decoration: none;
}

.white {
	color : white;
	font-size : 12px;
	}
A.white {	
	color : #A8B3CC;
	text-decoration : none;
	}
A.white:hover {
	color :white ;
	text-decoration : none;
	}
A.white:visited {
	color :#A8B3CC;
	text-decoration : none;
	}
 
 div.cnil_cookie {
    background-color: black;
    top: 0;
    color: white;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
    font-size: 13px;
    height:50px;
    left: 0;
    opacity: 0.85;
    padding: 20px 5px 7px;
    position: fixed;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    z-index: 900;
}

div.cnil_cookie span {
    position: relative;
    padding-top: 6px;
}


div.cnil_cookie button{
    background-color: #3ab6a9;
    border: 1px solid #3ab6a9;
    color: #fff;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
    font-size: 13px;
    padding: 5px 8px;
    width:auto;
    text-decoration: none;
    margin-left:15px;
}
div.cnil_cookie button:hover{
    border: 1px solid #3ab6a9;
    background-color: #fff;
    color: #3ab6a9;
    /* Firefox */
    -moz-transition: all 0.4s ease-in;
    /* WebKit */
    -webkit-transition: all 0.4s ease-in;
    /* Opera */
    -o-transition: all 0.4s ease-in;
    /* Standard */
    transition: all 0.4s ease-in;
    cursor: pointer;
}


div.cnil_cookie strong {
    position: relative;
    float: right;
    font-family: "roboto","arial","sans-serif";
    margin-left: 5px;
    margin-right: 20px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}
div.cnil_cookie strong:hover {
    background-color: #3ab6a9;
}
div.cnil_cookie a{
    text-decoration: none;
}

div.cnil_cookie a:hover{
    text-decoration: none !important;
    color: #fff;
}

.infos {
    font-weight: inherit;
}
 
 /*******************************************DIV TABLE*****************************************/
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	width: 200px;
 
}
.divTableHead {
	display: table-cell;
 text-align: right;
	padding: 3px 10px;
	width: 30%;
 vertical-align: top;
}
.divTableHeadShort {
	display: table-cell;
 text-align: right;
	padding: 3px 10px;
 vertical-align: top;
	width: 300px !important;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableCell {
	display: table-cell;
	padding: 3px 10px;
	width: 30%; 
}
.divTableCellBidon {
	display: table-cell;
	padding: 3px 10px;
 text-align: left;
 width: auto;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

input.connect_button {
margin:4px 0px 4px 0px;
background: linear-gradient(to bottom, #2d4188 0%,#213268 100%);
cursor: pointer;
padding:4px 6px 4px 6px;
color:#fff;
}
 
 /*******************************************FORM*****************************************/

 .white-popup {
            position: relative;
            background: #FFF;
            padding: 10px;
            width: auto;
            max-width: 420px;
            margin: 20px auto;
            height:250px;
            background: url(../images/fond_form.png)
        }
 
 .white-popup table{
            margin-top:40px
        }
 
.white-popup tr>td:first-child {
    width: 140px;
text-align: right;
padding-right:4px;
        } 

.white-popup td {
    text-transform:uppercase;
    color:#213166;font-size: 12px;
        }

.white-popup td > input {
        -moz-box-shadow: 0px 0px 2px 0px #656565;
        -webkit-box-shadow: 0px 0px 2px 0px #656565;
        -o-box-shadow: 0px 0px 2px 0px #656565;
        box-shadow: 0px 0px 2px 0px #656565;
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=2);
        border:0
    }

.white-popup td > input.small{font-size:inherit;height:22px;width: 160px;
padding-left: 2px;}

.white-popup td > a{
    color:#213166;
   }

.white-popup tr>td.td_form_link 
{margin-top:8px;height:20px;text-align: center; text-transform:lowercase
}

/*****************************************FOOTER**************************************/


.haut_de_page {
    position: relative;
    bottom: 30px;
    margin-right: 54px;
}

.bas_de_page {
    position: relative;
    bottom: 57px;
    margin-right: 54px;
}

.piminfo{
    height: 80px;
    width: 100%;
    background: var(--ardoise) 0% 0% no-repeat padding-box;
}

#contenufamille{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal medium 20px/24px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    }

.containerfamille{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}

.containercontact{
    width: 100%;
    height: auto;
    display: block;
}

#footer {
    /*position: absolute;*/
    bottom: 0;
    width:100%;
    /* Layout Properties */
    height: 160px;
    /* UI Properties */
    background: var(--nuit) 0% 0% no-repeat padding-box;
    opacity: 1;
    overflow: hidden ;
    display: flex;

}

#logo_footer {
    /* Layout Properties */
    position: relative;
    top: 50px;
    left: 50px;
    height: 67px;
    /* UI Properties */
    background: transparent url(../images/LogoWeb-B_PluginMasters_alixds.png) 0% 0% no-repeat padding-box;
    opacity: 1;
    flex: 3 1 content;
}

#copyright {
    /* Layout Properties */
    position: relative;
    text-align: center;
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 12px/15px var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    opacity: 1;
    flex: 43 0 auto;
}

#liencontact {
    position: relative;
    text-align: center;
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
    color: var(--unnamed-color-ffffff);
    opacity: 1;
    flex: 43 0 auto;
    margin-top: 18px;
}

#liencontact>a:hover {
    color:var(--safran);
    }

#liencontact>a{
    color: var(--unnamed-color-ffffff);
    text-decoration: none;
}

#footercontact {
    margin-top: 62px;
}

#footerLink {
    position: relative;
    text-align:right;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    /*font-family: 'Montserrat', sans-serif;*/
    /*letter-spacing: var(--unnamed-character-spacing-0);*/
    /*color: var(--unnamed-color-ffffff);*/
    text-transform: uppercase;
    opacity: 1;
    right: 54px;
    top: 62px;
    flex: 0 1 auto;
}

.footer_mentions {
}

.footer_politiques {
    display: block;
    margin-top: 19px;
}

#footerLink>a {
    color: var(--unnamed-color-ffffff);
    text-decoration:none;
}

#footerLink>a:hover {
color:var(--safran);
}

/********************************** Style slider etc... **************************************/

div#ref>div {
    height:450px;
}

.rsSlide > div > a {
    /*display:inline-block;*/
    /*width:40%*/
}
.rsSlide > div > a > img{
    width:auto ! important;
    height:auto !important;
    max-width:100% ! important;
}

@media  screen 
and (max-width : 1279px) {
  .rsSlide > div > a {
      width:30%
  }

}

.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
    background: transparent;
   /*background: #213166; */
}



.diapo_accueil {
    background: transparent url(../images/background_accueil.png) 0% 0% no-repeat padding-box;
    width: 100%;
    /* margin: 0 90px;*/
    margin-bottom: 0px !important;
}

.diapo_accueil h2 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-37) var(--unnamed-font-family-montserrat);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--safran);
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
}

.diapo_accueil h2 a {
    color: #f7ca18 ;
    text-decoration:none;
}
			
#homeSlider .phrase_accueil, #homeSlider .texte_accueil {
    color: #fff;
    text-decoration: none;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    opacity: 1;
    text-align: center;
    margin: 0 auto;
    display: block;
}

#homeSlider .texte_accueil {
    color: #fff;
    text-decoration: none;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
    letter-spacing: var(--unnamed-character-spacing-0);
    opacity: 1;
    text-align: center;
    margin-left: 100px;
    margin-right: 20px;
    display: block;
}

.rsSlide > div > a > img {
    width: auto;
    height: auto;
    max-height: 280px;
}

.rsSlide > div > a {
    /*display: inline-block;*/
    /*width: 48%;*/
    /*max-height: 300px;*/
}

.rsSlide > div {
    vertical-align: top;
    box-sizing: border-box;
    height: 400px;
    padding-left: 6%;
    padding-right: 6%;
    margin: 0 auto;
    width: 80%;
    text-align: center;
}

.rsSlide > div > p {
    font-size: 80%;
    color: #fff;
    /* height: 250px; */
    float: left;
    margin-top: 60px;
    /* margin-right: 10%; */
    /* width: 100%;*/
}

.rsOverflow {
    height: 700px !important;
}

.rsDefault .rsArrowIcn {
    background: inherit;
    width: 60px;
    height: 97px;
    margin-top: -60px;
    margin-left: -30px;
}

.rsDefault .rsBullet {
    padding: 10px;
}

.rsDefault .rsBullets {
    background: transparent;
    bottom: 10px;
}

.rsDefault .rsBullet.rsNavSelected span {
    /*background:rgba(248,201,18,0.7);*/
    background: var(--gris-de-lin);

}

.rsDefault .rsBullet span {
    width:10px;
    height:10px;
    cursor: pointer;
}

#homeSlider .slick-dots {
    bottom: 20px;
}

#homeSlider .slick-dots .slick-active {
    background: var(--gris-de-lin);
    border-radius: 15px;
}

#homeSlider .slick-dots li{
    width: 10px;
    height: 10px;
    margin: 0 10px;
}

#homeSlider .slick-dots li button{
    width: 10px;
    height: 10px;
    padding: 0px;
    border: 1px var(--gris-de-lin) solid;
    border-radius: 15px;
}

#homeSlider .slick-dots li button:before {
    content: none;
}

#homeSlider .slick-prev {
    left: 54px;
    top: 235px;
}

#homeSlider .slick-prev::before{
    content: '←';
    background: url(../../../images/slide/Icon-ionic-ios-arrow-back.svg) no-repeat center right;
    color: transparent;
}

#homeSlider .slick-next {
    right: 54px;
    top: 235px;
}

#homeSlider .slick-next::before{
    content: '→';
    background: url(../../../images/slide/Icon-ionic-ios-arrow-forward.svg) no-repeat center left;
    color: transparent;
}

#homeSlider .slick-track {
    height: 500px;
}

#homeSlider .slick-slide {
    height: auto;
}

#homeSlider .slick-slide img {
    height: 120px;
}

.logo_accueil img {
    margin: 200px auto 52px;
}

.phrase_accueil {
    top: 262px;
    width: 740px;
    margin: 0 auto;
    display: block;
}

.phrase_diapo {
    width: 1050px;
    position: fixed;
    text-align: center;
    transform: translate(12%, -90%);
}
.img_diapo{
    margin-top: 74px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.img_diapo img{
    max-height: 190px;
}

.logo_diapo img {
    transform: translate(-50%, 50%);
}

#read_more_btn {
    border: 1px solid var(--gris-de-lin);
    background: transparent 0% 0% no-repeat padding-box;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
    color: var(--gris-de-lin);
    text-transform: uppercase;
    border-radius: 30px;
    opacity: 1;
    display: block;
    margin: 30px auto 0px;
    top: 377px;
    width: 154px;
    height: 50px;
    cursor: pointer;
}

#read_more_btn:hover {
    background-color: rgba(201, 207, 228, 0.8);
    color: var(--nuit);
}


.download_btn {
    border: 0 solid var(--safran);
    background: var(--safran) 0% 0% no-repeat padding-box;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
    color: var(--unnamed-color-ffffff);
    text-transform: uppercase;
    border-radius: 30px;
    opacity: 1;
    width: 154px;
    height: 50px;
    margin: 30px auto 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.download_btn:hover {
    /*background-color: rgba(201, 207, 228, 0.8);*/
    color: var(--safran);
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    cursor: pointer;
}

.logo_scroll {
    position: absolute;
    z-index: 100;
    top: 605px;
    right: 54px;
}

.bounce {
    animation-name: bounce;
    animation-duration: 3s;
    animation-iteration-count: 3;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}

}

@media (max-width: 1279px) {
    
            html
        {margin:0px;}


        hr {
            border: 0.2px solid var(--ardoise);
            opacity: 1;
        }

        a img{border:0px;}

        /*a{color:#fff}*/

        :root {

            /* Colors: */
            --gris-de-lin: #C9CFE4;
            --ardoise: #979EB8;
            --safran: #EFB900;
            --saphir: #294093;
            --nuit: #25306D;
            --unnamed-color-ffffff: #FFFFFF;
            --unnamed-color-000000: #000000;

            /* Font/text values */
            --unnamed-font-family-montserrat: Montserrat;
            --unnamed-font-family-inter: Inter;
            --unnamed-font-style-normal: normal;
            --unnamed-font-weight-600: 600;
            --unnamed-font-weight-medium: 500;
            --unnamed-font-weight-normal: normal;
            --unnamed-font-size-14: 14px;
            --unnamed-font-size-16: 16px;
            --unnamed-font-size-20: 20px;
            --unnamed-font-size-26: 26px;
            --unnamed-font-size-30: 30px;
            --unnamed-character-spacing-0: 0px;
            --unnamed-line-spacing-17: 17px;
            --unnamed-line-spacing-18: 18px;
            --unnamed-line-spacing-20: 20px;
            --unnamed-line-spacing-24: 24px;
            --unnamed-line-spacing-32: 32px;
            --unnamed-line-spacing-37: 37px;
            --unnamed-text-transform-uppercase: uppercase;
        }

        /* Character Styles */
        .unnamed-character-style-1 {
            font-family: var(--unnamed-font-family-inter);
            font-style: var(--unnamed-font-style-normal);
            font-weight: var(--unnamed-font-weight-600);
            font-size: var(--unnamed-font-size-16);
            line-height: var(--unnamed-line-spacing-20);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--saphir);
        }
        .unnamed-character-style-2 {
            font-family: var(--unnamed-font-family-montserrat);
            font-style: var(--unnamed-font-style-normal);
            font-weight: var(--unnamed-font-weight-medium);
            font-size: var(--unnamed-font-size-20);
            line-height: var(--unnamed-line-spacing-24);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--nuit);
            text-transform: var(--unnamed-text-transform-uppercase);
        }
        .unnamed-character-style-3 {
            font-family: var(--unnamed-font-family-inter);
            font-style: var(--unnamed-font-style-normal);
            font-weight: var(--unnamed-font-weight-medium);
            font-size: var(--unnamed-font-size-20);
            line-height: var(--unnamed-line-spacing-24);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--unnamed-color-ffffff);
        }
        .unnamed-character-style-4 {
            font-family: var(--unnamed-font-family-montserrat);
            font-style: var(--unnamed-font-style-normal);
            font-weight: var(--unnamed-font-weight-medium);
            font-size: var(--unnamed-font-size-30);
            line-height: var(--unnamed-line-spacing-37);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--safran);
            text-transform: var(--unnamed-text-transform-uppercase);
        }
        .unnamed-character-style-5 {
            font-family: var(--unnamed-font-family-montserrat);
            font-style: var(--unnamed-font-style-normal);
            font-weight: var(--unnamed-font-weight-medium);
            font-size: var(--unnamed-font-size-14);
            line-height: var(--unnamed-line-spacing-18);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--unnamed-color-ffffff);
            text-transform: var(--unnamed-text-transform-uppercase);
        }
        .unnamed-character-style-6 {
            font-family: var(--unnamed-font-family-montserrat);
            font-style: var(--unnamed-font-style-normal);
            font-weight: var(--unnamed-font-weight-medium);
            font-size: var(--unnamed-font-size-14);
            line-height: var(--unnamed-line-spacing-18);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--safran);
            text-transform: var(--unnamed-text-transform-uppercase);
        }
        .unnamed-character-style-7 {
            font-family: var(--unnamed-font-family-montserrat);
            font-style: var(--unnamed-font-style-normal);
            font-weight: var(--unnamed-font-weight-medium);
            font-size: var(--unnamed-font-size-14);
            line-height: var(--unnamed-line-spacing-18);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--gris-de-lin);
            text-transform: var(--unnamed-text-transform-uppercase);
        }
        .unnamed-character-style-8 {
            font-family: var(--unnamed-font-family-inter);
            font-style: var(--unnamed-font-style-normal);
            font-weight: var(--unnamed-font-weight-normal);
            font-size: var(--unnamed-font-size-14);
            line-height: var(--unnamed-line-spacing-17);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--unnamed-color-000000);
        }
        .unnamed-character-style-9 {
            font-family: var(--unnamed-font-family-montserrat);
            font-style: var(--unnamed-font-style-normal);
            font-weight: var(--unnamed-font-weight-normal);
            font-size: var(--unnamed-font-size-26);
            line-height: var(--unnamed-line-spacing-32);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--safran);
            text-transform: var(--unnamed-text-transform-uppercase);
        }
        .unnamed-character-style-10 {
            font-family: var(--unnamed-font-family-inter);
            font-style: var(--unnamed-font-style-normal);
            font-weight: var(--unnamed-font-weight-600);
            font-size: var(--unnamed-font-size-20);
            line-height: var(--unnamed-line-spacing-24);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--saphir);
        }

        body {
            margin:0;
            /* Layout Properties */
            top: 0px;
            left: 0px;
            /*width: 1280px;*/
            /*height: 800px;*/
            /* UI Properties */
            background-position-y: 160px;
            background-size: 100% 800px;
            opacity: 1;
            font-size:100%;
            color:#000;
        }

        /*****************************************STYLES TEXTE**************************************/

        h1
        {position: relative;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-37) var(--unnamed-font-family-montserrat);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--safran);
            text-align: left;
            text-transform: uppercase;
            opacity: 1;
            width: fit-content;
            top: 0px;
            left: 4.2%;
            margin: 0;
        }

        h2
        {font-size:120%;
            font-weight:normal}

        h2.h2_acc
        {color:#fff;
            text-shadow: 1px 0 5px #616161;
            width:60%;
        }

        h3
        {font-size:110%}

        h4
        { font-weight:normal;}

        .small
        { font-size:10px;}

        .medium
        { font-size:12px;}

        /*Cookies*/
        div#cookies>p{
            font-size:90%;
        }

        div#cookies h1, div#cookies h2, div#cookies h3, div#cookies h4 {
            color:#213166;
            font-weight:bold;
        }

        div.break
        {clear:both;height:0px}

        .bleu {
            color:#2f4296}

        .jauneclair {
            color:#f8dd55}

        .titre,.paragraphe, a:hover {
            color: #2d4188}

        .titre{position: relative;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-37) var(--unnamed-font-family-montserrat);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--safran);
            text-align: left;
            text-transform: uppercase;
            opacity: 1;
            width: fit-content;
            left: 4.2%;
            top: 0px;
            margin: 0;}

        .paragraphe{font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--safran);
            text-align: left;
            font: normal normal 600 20px/24px Inter;
            letter-spacing: 0px;
            color: #EFB900;
            opacity: 1;
        margin-left: 50px;}

        .paragrapheftp{font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--safran);
            font: normal normal 600 20px/24px Inter;
            letter-spacing: 0px;
            color: #EFB900;
            opacity: 1;
            margin-left: 22%;
        }

        .paragraphecontact{font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--nuit);
            text-align: left;
            font: normal normal medium 20px/24px Montserrat;
            letter-spacing: 0px;
            color: #25306D;
            text-transform: uppercase;
            padding-left : 8.4%;
            opacity: 1;}

        .paragrapheproduit{
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-montserrat);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--nuit);
        text-align: left;
        font: normal normal medium 20px/17px Montserrat;
        letter-spacing: 0px;
        color: #25306D;
        width: 500px;
        text-transform: uppercase;
        }none

        .paragrapheproduit2{
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-montserrat);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--nuit);
        text-align: center;
        font: normal normal medium 20px/17px Montserrat;
        letter-spacing: 0px;
        color: #25306D;
        width: 200px;
        text-transform: uppercase;
        }

        .buttonMenuContent{
            color: var(--ardoise);
            font-size: 1.3em;
            font-weight: 600;
            position: relative;
            outline: none;
            border: 1px solid var(--ardoise);
            border-radius: 30px;
            letter-spacing: var(--unnamed-character-spacing-0);
            letter-spacing: 0px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            height: 51px;
            width: auto;
            padding-left: 10px;
            padding-right: 10px;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
            font: normal normal medium 14px/18px Montserrat;
            text-decoration: none;
            text-transform: uppercase;
        }

        .buttonMenuContent a{
            color: var(--ardoise);
            text-decoration: none;
        }

        .buttonMenuContent:hover,.buttonMenuContentSel{
            background-color: var(--safran);
        }

        .buttonMenuContent:hover a,.buttonMenuContentSel a{
            color: #FFFFFF;
        }

        .paymentOkPLPM{
            width: 500px;
            margin-left: 10%;
        }

        .spacer{
            margin-left: 20px;
        }

        .circle{
            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
            border: 1px solid var(--ardoise);
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #979EB8;
            border-radius: 90px;
            opacity: 1;
            left: 1080px;
            position: absolute;
            width: 51px;
            height: 51px;
            z-index: 1;
        }
        .circle2{
            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
            border: 1px solid var(--ardoise);
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #979EB8;
            border-radius: 90px;
            opacity: 1;
            left: 1081px;
            position: absolute;
            width: 51px;
            height: 51px;
            z-index: 1;
        }

        .trigger {
          margin-top: 11px;
          margin-left: 11px;
          width: 30px;
          height: 30px;
        }

        .trigger2 {
            margin-top: 11px;
            margin-left: 11px;
            width: 30px;
            height: 30px;
          }

          .accordion {
            background-color: transparent;
            color: #294093;
            cursor: pointer;
            padding: 18px;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 20px;
            transition: 0.4s;
            font-style: normal;
            text-align: start;
            font-variant: normal;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
          }

          .accordion:after {
            content: '\002B';
            border: 1px solid var(--ardoise);
            border-radius: 50%;
            padding: 5px;
            width: 26px;
            height: 25px;
            color: var(--ardoise);
            font-weight: bold;
            float: right;
            text-align: center;
          }

          .active:after {
            content: "\2212";
            color: var(--safran);
            border: 1px solid var(--safran);
          }

          .active {
            color: var(--safran);
          }

          .panel {
            padding: 0 18px;
            background-color: transparent;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
            font-style: normal;
            text-align: start;
            font-variant: normal;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
            font-size: 12px;
          }

          .panel2{
            padding: 0 18px;
            background-color: transparent;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
            text-align: start;
          }

          .accordion2 {
            cursor: pointer;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            transition: 0.4s;
            text-align: start;
            font-size: 18px;
          }

          .accordion2:after {
            content: '\002B';
            border: 1px solid var(--ardoise);
            border-radius: 50%;
            padding: 5px;
            width: 26px;
            height: 25px;
            color: var(--ardoise);
            font-weight: bold;
            float: right;
            text-align: center;
          }

          .boxsousmenu {
            box-sizing: content-box;
            height: auto;
            width: auto;
          }

        .arrow{
        width: 18px;
        height: 11px;
        /* UI Properties */
        opacity: 1;
        background: url(../images/slide/right.png) no-repeat center left;
        transform: rotate(180deg);
        }

        .buttoncontact{
            padding-left: 8.4%;
            display: inline-flex;
        }

        .inputcontact{
            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
            border: 1px solid var(--ardoise);
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #979EB8;
            border-radius: 30px;
            opacity: 1;
            top: 681px;
            left: 108px;
            width: 254px;
            height: 51px;
            justify-content: center;
            align-items: center;
        }

        .inputcontact2{
            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
            border: 1px solid var(--ardoise);
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #979EB8;
            border-radius: 30px;
            opacity: 1;
            top: 747px;
            left: 108px;
            width: 524px;
            height: 51px;
        }

        .inputcontact3{
            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
            border: 1px solid var(--ardoise);
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #979EB8;
            border-radius: 30px;
            opacity: 1;
            top: 813px;
            left: 108px;
            width: 524px;
            height: 310px;
        }



        .buttonproduct{
        border: 1px solid var(--ardoise);
        border: 1px solid #979EB8;
        border-radius: 30px;
        opacity: 1;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--ardoise);
        text-align: center;
        font: normal normal medium 14px/18px Montserrat;
        letter-spacing: 0px;
        color: #979EB8;
        text-transform: uppercase;
        opacity: 1;
        height: 51px;
        width: 154px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        }

        .buttonproduct:hover {
            background-color: var(--safran);
        }

        .center{ text-align:center;}

        .bold{ font-weight: bold;}


        div#global
        {min-height:100%;
         position:relative;
        }

        /*A:visited {*/
        /*color:#fff}*/

        .error {
            color: red;
            text-align: center;
        }

        .erreur {
            color: red;
            text-align: center;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-inter);
            margin-top: -20px;
            margin-bottom: 20px;
        }

        .green {
            color: green;
            text-align: center;
        }

        .error_page {
          text-align: center;
          font-size: 120%
        }

        .error_no {
          color :#2d4188;
          font-size: 200%;
        }
        /*******************************************CONTENT*****************************************/

        div#content {
            background: transparent linear-gradient(180deg, var(--unnamed-color-ffffff) 0%, #C9CFE480 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(180deg, #FFFFFF 0%, #C9CFE480 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
        }

        #content>h1 {
            position: relative;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-37) var(--unnamed-font-family-montserrat);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--safran);
            text-align: left;
            text-transform: uppercase;
            opacity: 1;
            width: fit-content;
            left: 4.2%;
            top: 0px;
            margin: 0;
        }

        /*******************************************HEADER*****************************************/

        div#header
        {
            height:160px;
            width: 100%;
            background: var(--nuit) 0% 0% no-repeat padding-box;
            opacity: 1;
            z-index: 999;
        }

        .sticky {
            position: sticky;
            top: 0;
            transition: 0.5s;
            background: var(--unnamed-color-ffffff) !important;
            width: 100%;
        }

        .sticky .logo {
            background: transparent url(../images/logo_plugin_master_bleu.png) 0% 0% no-repeat padding-box;
            opacity: 1;
            z-index: 1001;
        }

        /*div#search_bar*/
        /*{background: url(../images/fd_search_bar.png) repeat-x top left ;*/
        /*height:44px;*/
        /* margin-top:-4px;*/
        /*}*/

        /*div#search_bar>h1*/
        /*{font-size:18px;*/
        /* font-weight:normal;position:relative;*/
        /* top:-4px;*/
        /* padding-left:25px;*/
        /* display:inline-block;font-family: 'Didact Gothic', sans-serif;*/
        /*}*/

        /*div#search_bar>div*/
        /*{float:right;*/
        /*padding-top:9px;*/
        /*padding-right:16px;*/
        /*height:20px*/
        /*}*/

        /*div#search_bar>div>form>span*/
        /*{text-transform:uppercase;*/
        /* font-size:11px;*/
        /* font-family: Verdana, Arial, Helvetica, sans-serif;*/
        /*}*/

        /*div#search_bar>div>form>input*/
        /*{font-family: Verdana, Arial, Helvetica, sans-serif;*/
        /* height:24px;*/
        /* border:0*/
        /*}*/

        /*div#search_bar>div>form>input[type=submit]*/
        /*{background-color:#2f4296;*/
        /* color:#fff;*/
        /* cursor:pointer;*/
        /* height:26px*/
        /*}*/

        div#lang {
            float:right;
            box-sizing: border-box;
            margin-right:16px;
            margin-top:110px;
            font-size: 10px;
            z-index: 1000;
        }

        /*************************** Bouton langue ***************************/
        
        .button-switch {

            font-size: 1.5em;
            height: 25px;
            /*margin-bottom: 0.625em;*/
            top: 50px;
            right: 50px;
            position: absolute;
            width: 54px;
            box-sizing: border-box;
            z-index: 1000;
        }
        
        .button-switch .switch-en,.button-switch .switch-fr {
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            height: 0;
            font-size: 1em;
            left: 0;
            line-height: 0;
            outline: none;
            position: absolute;
            top: 0;
            width: 0;
        }
        .button-switch .lbl-fr-on, .button-switch .lbl-en-on {
            cursor: pointer;
            color: var(--nuit);
            display: block;
            font-size: 0.9em;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/19px var(--unnamed-font-family-montserrat);;
            /*font-weight: bold;*/
            font-family: Inter;
            line-height: 1em;
            position: absolute;
            top: 0.3em;
            text-transform: uppercase;
        }
        .button-switch .lbl-en-off {
            color: var(--nuit);
        
            display: none;
            text-decoration: none;
        }
        .button-switch .lbl-en-on {
            color: var(--nuit);
            right: 0.5em;
            display: block;
            text-decoration: none;
        }
        .button-switch .lbl-fr-off {
            color: var(--nuit);
        
            display: none;
            text-decoration: none;
        }
        .button-switch .lbl-fr-on {
            color: var(--nuit);
            left: 0.5em;
            display: block;
            text-decoration: none;
        }
        .button-switch .switch-en:before, .button-switch .switch-en:after {
            content: '';
            font-size: 1em;
            position: absolute;
        }
        .button-switch .switch-en:before {
            border-radius: 1.25em;
            background: var(--safran);
            height: 25px;
            left: -0.25em;
            top: -0.1875em;
            transition: background-color 0.25s ease-out 0.1s;
            width: 54px;
        }
        .button-switch .switch-en:after {
            /*box-shadow: 0 0.0625em 0.375em 0 #666;*/
            border-radius: 50%;
            background: #fefefe;
            height: 1.2em;
            transform: translate(0, 0);
            transition: transform 0.25s ease-out 0.1s;
            width: 1.2em;
        }
        .button-switch .switch-en:checked:after {
            transform: translate(1.8em, 0);
        }
        
        .button-switch .switch-fr:before, .button-switch .switch-fr:after {
            content: '';
            font-size: 1em;
            position: absolute;
        }
        .button-switch .switch-fr:before {
            border-radius: 1.25em;
            background: var(--safran);
            height: 25px;
            left: -0.25em;
            top: -0.1875em;
            transition: background-color 0.25s ease-out 0.1s;
            width: 54px;
        }
        .button-switch .switch-fr:after {
            /*box-shadow: 0 0.0625em 0.375em 0 #666;*/
            border-radius: 50%;
            background: #fefefe;
            height: 1.2em;
            transform: translate(1.8em, 0);
            transition: transform 0.25s ease-out 0.1s;
            width: 1.2em;
        }
        .button-switch .switch-fr:checked:after {
            transform: translate(0,0);
        }
        
        .button-switch .switch:checked ~ .lbl-off {
            opacity: 0;
            left: 50%;
        }
        .button-switch .switch:checked ~ .lbl-on {
            opacity: 1;
            right: 0.3em;
        }
        #switch-orange{
            background: var(--safran);
        }
        

        /*************************** Fin bouton langue ***************************/

        div#links {
            right:16px;
            top:0px;
            display:table;
            vertical-align:top
        }

        div#links>a {
            display:table-cell;
        }

        div#links>a:visited,div#links>a:hover {
            color: var(--safran);
        }


        div#links>a:nth-child(2)
        {
            position: absolute;
            top: 50px;
            /*left: 1090px;*/
            right: 168px;
            width: 22px;
            height: 25px;
            /* UI Properties */
            background: transparent url(../images/icon_user.png) 0% 0% no-repeat padding-box;
            opacity: 1;

        }

        div#links>a:nth-child(2):hover {
            background:#4a5782 url(../images/icon_user.png) no-repeat top center
        }

        .account{
            position: absolute;
            top: 50px;
            /*left: 1090px;*/
            right: 168px;
            width: 22px;
            height: 25px;
            /* UI Properties */
            background: transparent url(../images/Account.png) 0% 0% no-repeat padding-box !important;
            opacity: 1;
        }

        .account:hover {
            background:#4a5782 url(../images/Account.png) no-repeat top center !important;
        }

        div#links>a:nth-child(4) {
            position: absolute;
            top: 50px;
            /*left: 1090px;*/
            right: 250px;
            width: 27px;
            height: 25px;
            /* UI Properties */
            opacity: 1;
            background:url(../images/Switch_2.png) no-repeat top center
        }
        div#links>a:nth-child(4):hover {
            background:#4a5782 url(../images/Switch_2.png) no-repeat top center
        }

        div#links>a:nth-child(3)
        {
            position: absolute;
            top: 50px;
            /*left: 1132px;*/
            right: 124px;
            width: 25px;
            height: 25px;
            /* UI Properties */
            background: transparent url(../images/Chat.svg) 0% 0% no-repeat padding-box;
            opacity: 1;
        }
        div#links>a:nth-child(3):hover {
            background:#4a5782 url(../images/Chat.png) no-repeat top center
        }

        div#links>a:first-child {
            position: absolute;
            top: 50px;
            /*left: 1132px;*/
            right: 210px;
            width: 27px;
            height: 25px;
            /* UI Properties */
            background: url(../images/Cart.svg);
            opacity: 1;
            z-index: 1001;
            overflow: visible;
        }

        div#links>a:nth-child(1):hover {
            background:#4a5782 url(../images/Cart.svg) no-repeat top center
        }

        .sticky div#links>a:nth-child(1):hover {
            background:var(--ardoise) url(../images/Cart.svg) no-repeat top center
        }

        .sticky div#links>a:nth-child(2):hover {
            background:var(--ardoise) url(../images/icon_user.png) no-repeat top center
        }

        .sticky div#links>a:nth-child(3):hover {
            background:var(--ardoise) url(../images/Chat.png) no-repeat top center
        }

        /*******************************************OUTILS PRO*****************************************/

        #outils_pro {

            /*position: relative;*/
            /*display: inline-block;*/
            /*background-image: url(../images/background_gris.png);*/
            /*background-size: 100% 1472px;*/
            /*top: 360px;*/
            /*width: 100%;*/
            /*height: 450px;*/
        }

        .outil {
            position: relative;
            width: 95% !important;
            height: 350px !important;
            top: 115px;
            border-radius: 15px;
            background-color: var(--unnamed-color-ffffff);
            padding: 0 !important;
            margin: 0 auto;
            display: block !important;
        }

        #outils_pro>h1 {
            position: relative;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-37) var(--unnamed-font-family-montserrat);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--safran);
            text-align: left;
            text-transform: uppercase;
            opacity: 1;
            width: fit-content;
            left: 4.2%;
            top: 49px;
            margin: 0;
        }

        #outilsPro {
            /*position: relative;*/
            /*display: inline-block;*/
            /*top: 143px;*/
            max-width: 900px;
            margin: auto;
        }

        .multiple_item {
            width: 500px;
        }

        .texte_titre_outil {
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
            letter-spacing: var(--unnamed-character-spacing-0);
            text-align: left;
            opacity: 1;
            color: var(--gris-de-lin);
            text-decoration: none;
            width: 80%;
            display: block;
        }

        .titre_outils {
            display: table-cell;
            position: relative;
            width: 10%;
            background-color: var(--nuit);
            height: 57px;
            border-radius: 15px 15px 0 0;
            vertical-align: middle;
            text-align: left;
            padding-left: 54px;
        }

        .titre_outils:hover .texte_titre_outil {
            color: var(--safran) !important;
        }

        .contenu_outil p {
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-inter) !important;
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--unnamed-color-000000) !important;
            text-align: left;

        }

        .contenu_outil {
            text-decoration: none;
        }

        .texte_outil {
            text-decoration: none;
            margin: 34px 54px;
            overflow-y: auto;
            height: 215px;
            scrollbar-width: thin;
            scrollbar-color: var(--gris-de-lin) var(--unnamed-color-ffffff) ;
        }

        .texte_outil::-webkit-scrollbar {
            width: 8px;
            border: 1px var(--gris-de-lin) solid;
            overflow-y: auto;
        }

        .texte_outil::-webkit-scrollbar-thumb {
            background: #aaa;
            /*border-radius: 8px;*/
        }

        #outils_pro .slick-dots {
            bottom: 0px;
        }

        #outils_pro .slick-dots .slick-active {
            background: var(--gris-de-lin);
            border-radius: 15px;
        }

        #outils_pro .slick-dots li{
            width: 10px;
            height: 10px;
            margin: 0 10px;
        }

        #outils_pro .slick-dots li button{
            width: 10px;
            height: 10px;
            padding: 0px;
            border: 1px var(--gris-de-lin) solid;
            border-radius: 15px;
        }

        #outils_pro .slick-dots li button:before {
            content: none;
        }

        #outils_pro .slick-prev {
            left: -25px;
            top: 60%;
        }

        #outils_pro .slick-prev::before{
            content: '←';
            background: url(../../../images/slide/Icon-ionic-ios-arrow-back.svg) no-repeat center right;
            color: transparent;
        }

        #outils_pro .slick-next {
            right: -25px;
            top: 60%;
        }

        #outils_pro .slick-next::before{
            content: '→';
            background: url(../../../images/slide/Icon-ionic-ios-arrow-forward.svg) no-repeat center left;
            color: transparent;
        }

        #outils_pro .slick-track {
            height: 500px;
        }

        #outils_pro .slick-slide {
            height: auto;
        }

        #outils_pro .slick-slide img {
            height: 120px;
        }

        .image_titre_outil {
            position: absolute;
            top: 19px;
            right: 14px;
            background: url(../images/open_gris.png) no-repeat;
            width: 21px;
            height: 21px;
        }

        .titre_outils:hover .image_titre_outil {
            background: url(../images/open.png) no-repeat;
        }

        /*******************************************BANDEAU*****************************************/

        div#content>div#bandeau {
            /*float:left;*/
            width:260px;
            height:966px;
            background:url(../images/fd_leftcol.png) repeat-y top left;
            position: relative;
            top: -90px;
            padding-top: 60px;
        }


        div#content>div#bandeau>a {
            text-decoration:none;
            color:white;
            font-size:12px;
            padding: 0px 28px 6px 16px;
            display:block;
            line-height: 1.25em;
        }

        div#content>div#bandeau>a>img {
            float:left;
            padding: 5px 4px 2px 0 ;
        }

        div#content>div#bandeau>a>span {
            display:block;
            font-size: 12px;
            font-weight:bold
        }


        div#content>div#bandeau>a.a_span {
            padding: 10px 16px 6px 16px;
        }

        div#content>div#bandeau>a>p
        {-webkit-margin-before : 0;
        -webkit-margin-after : 0;
        }

        .imgproduit {
          max-width: 500px;
        }

        /*CREDIT CARD  http://jsfiddle.net/La8wQ/313/ */
        .cs-selector input{
            position:absolute;
            z-index:1;
        }

        .enode{background-image:url(../images/paiement/Image_46@2x.png);}
        .pim{background-image:url(../images/paiement/groupe_828@2x.png);}

        .logo {
            /* Layout Properties */
            position: relative;
            top: 50px;
            left: 50px;
            width: 163px;
            height: 67px;
            /* UI Properties */
            background: transparent url(../images/LogoWeb-B_PluginMasters_alixds.png) 0% 0% no-repeat padding-box;
            opacity: 1;
        }

        .cs-selector input{ margin: 5px 0 0 -12px; }
        .cs-selector label{ margin-left: 7px; }

        .drinkcard-cs{
            cursor:pointer;
            background-size:contain;
            background-repeat:no-repeat;
            display:inline-block;
            width:200px;
            height: 100px;
            -webkit-transition: all 100ms ease-in;
               -moz-transition: all 100ms ease-in;
                    transition: all 100ms ease-in;
            padding-left: 1370px;
        }
        .drinkcard-cs:hover{
            -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
               -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
                    filter: brightness(1.2) grayscale(.5) opacity(.9);
        }

        .cs-selector input:active +.drinkcard-cs, .cs-selector input:active + .drinkcard-cs{opacity: .9;}
        .cs-selector input:checked +.drinkcard-cs, .cs-selector input:checked + .drinkcard-cs{
            -webkit-filter: none;
               -moz-filter: none;
                    filter: none;
        }

        .boutonPaiement {
          position: relative;
          color: #263875;
          overflow: hidden;
          transition: .3s ease-in-out;
          border-radius: .3rem;
          z-index: 1;
          padding: 3px 3px;
          font-weight: 700;
          will-change: transform;
          border: transparent;
          border-color: transparent;
          outline: none;
        }

        .tailleBoutonPaiement {
            right: 60px;
            height: 75px;
        }

        .tailleBoutonPaiement2 {
            height: 50px;
        }

        .tailleBoutonPaiement3 {
            height: 75px;
        }

         /*******************************************MENU*****************************************/

        nav {
            position: absolute;
            top: 98px;
            right: 50px;
            font-family: Montserrat;
            background-color: transparent;
        }

        nav > ul > li {
            display: inline-block;
            margin: 0;
            position: relative;
        }


        li .deroulant {
            /*background-color: var(--safran);*/
            border-radius: 15px 15px 0 0;
        }

        .deroulant .sous_menu {
            border-radius: 0 0 15px 15px;

        }

        nav ul {
            list-style-type: none;
            margin: 0;
        }

        nav ul::after {
            content: "";
            display: table;
            clear: both;
        }

        nav a {
            display: flex;
            text-decoration: none;
            margin: 0 0 0 15px;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/34px;
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--ardoise);
            text-align: center;
            text-transform: uppercase;
            opacity: 1;
            /*height: 19px;*/
        }

        .titre_menu::after{
            content: '\002B';
            border: 1px solid var(--ardoise);
            border-radius: 50%;
            padding: 1px;
            width: 20px;
            height: 19px;
            left: 100px;
            color: var(--ardoise);
            font-weight: bold;
            float: right;
            text-align: center;
        }

        .titre_menu_principal>a:hover {
            color: var(--safran);
        }

        .principale, .titre_menu a:hover {
            color: var(--unnamed-color-ffffff);
        }

        .liste_menu {
            padding-inline-start: 0;
        }

        .lien_menu a {
            margin: 0;
            padding-left: 30px;
            padding-right: 10px;
        }

        .sous_menu .liste_menu .lien_menu {
            border-radius: 0;
        }

        .sous_menu li:first-of-type,
        .sous_menu li:first-of-type a {
            border-radius: 15px 15px 0 0;
        }

        .sous_menu li:last-of-type,
        .sous_menu li:last-of-type ul li:last-of-type {
            border-radius: 0 0 15px 15px;
        }

        .lien_menu:hover {
            background-color: var(--safran);
            cursor: pointer;
        }

        .sous_titre {
            margin: 0;
            padding-left: 20px;
        }

        .sous_titre:hover,
        .sticky>.sous_titre:hover {
            background-color: var(--safran) !important;
            color: var(--unnamed-color-ffffff) !important;
            cursor: pointer;
            border-radius: 15px;
        }

        .lien_menu a:hover,
        .sticky .lien_menu a:hover{
            color: var(--unnamed-color-ffffff);
        }

        ul .sous_menu {
            display: none;
            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/34px var(--unnamed-font-family-montserrat);
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 15px;
            opacity: 1;
            position: absolute;
            text-transform: none;
            width: content-box;
            z-index: 1002;
            padding-left: 0;
        }

        /*nav ul li a {*/
        /*    margin-right: 20px;*/
        /*}*/

        nav > ul li:hover .sous_menu {
            display: block;
            right: -10px;
            width: max-content;
        }

        .sticky .titre_menu_principal a, .sticky .grid_contact a, .sticky .grid_paiement a {
            color: var(--nuit);
        }

        .sticky .sous_menu a{
            color: var(--ardoise);
        }

        .sticky nav a:hover {
            color: var(--safran);
        }

        .titre_menu {
            color: var(--safran) !important;
        }

        /*.sous_titre {*/
        /*    margin-top: 20px;*/
        /*}*/

        /*div#menu  {*/
        /*    position: absolute;*/
        /*    right: 50px;*/
        /*    top: 98px;*/
        /*}*/

        /*div#menu>ul {*/

        /*}*/

        /*div#menu>ul>li {*/
        /*    !*list-style-type:none;*!*/
        /*    !*display:inline-block;*!*/
        /*    !*margin:0px;*!*/
        /*    !*margin-right:0.2%;*!*/
        /*    !*width:14%*!*/
        /*}*/

        /*div#menu>ul>li>a,*/
        /*div#menu>ul>li>a:hover {*/
        /*    height:44px;*/
        /*    display:block;*/
        /*    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/19px var(--unnamed-font-family-montserrat);*/
        /*    letter-spacing: var(--unnamed-character-spacing-0);*/
        /*    color: var(--unnamed-color-ffffff);*/
        /*    text-align: center;*/
        /*    opacity: 1;*/
        /*    text-decoration:none;*/
        /*    text-transform: uppercase;*/
        /*    margin:0px;*/
        /*    !*font-weight: 500;*!*/
        /*    !*font-size: 20px;*!*/
        /*}*/

        /*div#menu > ul > li > a:hover,div#menu > ul > li > a:active{*/
        /*    !*background: #2d4188 !important; !* Old browsers *!*!*/
        /*    !*background: url(../images/menu_a_hover.png) no-repeat bottom center, -moz-linear-gradient(top, #2d4188 0%, #213268 100%) !important; !* FF3.6+ *!*!*/
        /*    !*background: url(../images/menu_a_hover.png) no-repeat bottom center,  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d4188), color-stop(100%,#213268)) !important; !* Chrome,Safari4+ *!*!*/
        /*    !*background: url(../images/menu_a_hover.png) no-repeat bottom center,  -webkit-linear-gradient(top, #2d4188 0%,#213268 100%) !important; !* Chrome10+,Safari5.1+ *!*!*/
        /*    !*background: url(../images/menu_a_hover.png) no-repeat bottom center,  -o-linear-gradient(top, #2d4188 0%,#213268 100%) !important; !* Opera 11.10+ *!*!*/
        /*    !*background: url(../images/menu_a_hover.png) no-repeat bottom center,  -ms-linear-gradient(top, #2d4188 0%,#213268 100%) !important; !* IE10+ *!*!*/
        /*    !*background: url(../images/menu_a_hover.png) no-repeat bottom center,  linear-gradient(to bottom, #2d4188 0%,#213268 100%) !important; !* W3C *!*!*/
        /*}*/


        /*.newmenu li .dropdown-menu {*/
        /*    !*border:0px !important;*!*/
        /*    !*border-top:1px solid rgba(255,255,255,0.6);*!*/
        /*    !*padding:30px;background: #7d8ab5;*!*/
        /*    background:-moz-linear-gradient(top,  #7d8ab5 0%, #213166 100%);*/
        /*    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d8ab5), color-stop(100%,#213166));*/
        /*    background:-webkit-linear-gradient(top,  #7d8ab5 0%,#213166 100%);*/
        /*    background:-o-linear-gradient(top,  #7d8ab5 0%,#213166 100%);*/
        /*    background:-ms-linear-gradient(top,  #7d8ab5 0%,#213166 100%);*/
        /*    background:linear-gradient(to bottom,  #7d8ab5 0%,#213166 100%);*/
        /*}*/


        /*.newmenu > ul > li {*/
        /*    !*line-height:inherit*!*/
        /*    list-style-type: none;*/

        /*}*/



        /*.newmenu .dropdown-menu > ul > li > a, .newmenu > ul li > a {*/
        /*    color:#fff;*/
        /*    font-family: Montserrat, sans-serif*/
        /*}*/

        /*.dropdown-menu li > a:before {*/
        /*    !*content:" > ";*!*/
        /*}*/

        /*.dropdown-menu li > a {*/
        /*    font-size:120%;line-height:0.9em*/
        /*}*/

        /*.newmenu .dropdown-menu > .col-lg-2 > ul > li > a:hover {*/
        /*    color:#f8dd55;*/
        /*    }*/

        /*.newmenu .menu-title,.newmenu .menu-title:hover {*/
        /*    color:#f7c918 !important;*/
        /*    border:none;*/
        /*    font-family: Montserrat, sans-serif;*/
        /*    font-weight:normal;*/
        /*    font-size:110%;*/
        /*    margin-bottom:0px*/
        /*}*/

        /*.col-lg-2 {*/
        /*    padding-right: 25px;*/
        /*    padding-left: 25px;  min-height: 100%;*/

        /*}*/

        /*.col-lg-2:not(:last-child):after {*/
        /*    content: "";*/
        /*    position: absolute;*/
        /*    height: 100%;*/
        /*    width: 1px;*/
        /*    top: 0;*/
        /*    right: 0px;*/
        /*    bottom:0px;*/
        /*    !*background: -moz-linear-gradient(top,  #7d8ab5 0%, #939fc9 50%, #213166 100%);*!*/
        /*    !*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d8ab5), color-stop(50%,#939fc9), color-stop(100%,#213166));*!*/
        /*    !*background: -webkit-linear-gradient(top,  #7d8ab5 0%,#939fc9 50%,#213166 100%);*!*/
        /*    !*background: -o-linear-gradient(top,  #7d8ab5 0%,#939fc9 50%,#213166 100%);*!*/
        /*    !*background: -ms-linear-gradient(top,  #7d8ab5 0%,#939fc9 50%,#213166 100%);*!*/
        /*    !*background: linear-gradient(to bottom,  #7d8ab5 0%,#939fc9 50%,#213166 100%);*!*/
        /*}*/

        /*@media (min-width: 1200px) {*/
        /*    .col-lg-2 {*/
        /*        width: auto*/
        /*    }*/
        /*}*/
        /*.ariane{*/
        /*	 padding-left :270px;padding-top: 1%;*/
        /*}*/

        /*a.info,.info{*/
        /*font-size: 11px;color:#000*/
        /*}*/

        /*******************************************NEWS*****************************************/


        /*#news_content {*/
        /*    position: absolute;*/
        /*}*/

        #news>h1 {
            position: relative;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-37) var(--unnamed-font-family-montserrat);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--safran);
            text-align: left;
            text-transform: uppercase;
            opacity: 1;
            width: fit-content;
            left: 4.2%;
            top: 50px;
            margin: 0;
        }


        #news_content {
            /*margin: auto;*/
            height: 750px;
            position: relative;
            top: -50px;
        }

        #titre_news {
            /*position: relative;*/
            /*float: left;*/
            display: flex;
            flex: 0 0;
            width: 440px;
            left: 2%;
            top: 150px;
        }

        #titre_news .slick-dots {
            bottom: 60px;
        }

        #titre_news .slick-prev {
            left: 54px;
            top:-4%;
            transform: rotate(90deg);
        }

        #titre_news .slick-next {
            left: 54px;
            top:104%;
            transform: rotate(90deg);
        }

        #titre_news .slick-list {
            /*height: 700px !important;*/
        }

        #titre_news .slick-prev::before{
            content: '←';
            background: url(../../../images/slide/Icon-ionic-ios-arrow-back.svg) no-repeat center right;
            color: transparent;
        }

        #titre_news .slick-next::before{
            content: '→';
            background: url(../../../images/slide/Icon-ionic-ios-arrow-forward.svg) no-repeat center left;
            color: transparent;
        }

        #titre_news .slick-slide {
            height: auto;
        }


        #news_slider {
            /*position: relative;*/
            /*float: left;*/
            display: flex;
            flex: 0 0;
            background-color: var(--gris-de-lin);
            width: 465px !important;
            border-radius: 20px;
            left: 50%;
            height:622px;
            bottom: 550px;
            margin-top: 125px;
        }

        #news_slider .slick-slide img {
            max-width: 400px;
        }

        .box {
            box-sizing: content-box;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            height: 30px;
            width: 420px;
            padding: 5px;
        }

        .box>h2{
            text-decoration: none;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--saphir) !important;
            text-align: center;
            opacity: 1;
        }

        .box1 {
            box-sizing: content-box;
            margin-left: auto;
            margin-right: auto;
            height: 310px;
            width: 420px;
            padding: 5px;
        }

        .box2 {
            box-sizing: content-box;
            margin-left: auto;
            margin-right: auto;
            height: 210px;
            width: 420px;
            padding: 5px;
        }

        .boxpayment {
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-inter);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--saphir);
            text-align: left;
            font: normal normal medium 16px/20px Inter;
            letter-spacing: 0px;
            color: #294093;
            opacity: 1;
        }

        .textepayment {
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-inter);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--saphir);
        font: normal normal medium 16px/20px Inter;
        letter-spacing: 0px;
        color: #294093;
        opacity: 1;
        text-align: left;
        margin-left: 8.4%;
        }

        .checkoutText{
            padding-left: 15%;
        }

        .ordering{
            margin: auto;
            width: 50%;
        }

        .titreOrdering{
            display: inline-flex;
        }

        .imgOrdering{
            display: inline-flex;
        }

        .margin-left{
            margin-left: 40% !important;
        }

        .police14Mont{
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
        letter-spacing: var(--unnamed-character-spacing-0);
        font: normal normal medium 14px/18px Montserrat;
        letter-spacing: 0px;
        text-transform: uppercase;
        opacity: 1;
        }

        .police14Monts{
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
        letter-spacing: var(--unnamed-character-spacing-0);
        font: normal normal medium 14px/17px Montserrat;
        letter-spacing: 0px;
        opacity: 1;
        }

        .police20Mont{
        font: normal normal medium 20px/24px Montserrat !important;
        letter-spacing: 0px;
        text-transform: uppercase;
        opacity: 1;
        color: #294093;
        }

        .police16Inter{
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-inter);
        letter-spacing: var(--unnamed-character-spacing-0);
        font: normal normal medium 16px/20px Inter;
        letter-spacing: 0px;
        opacity: 1;
        }

        .police14Inter{
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-inter);
        letter-spacing: var(--unnamed-character-spacing-0);
        font: normal normal normal 14px/17px Inter;
        letter-spacing: 0px;
        opacity: 1;
        }

        .changepass{
            padding-top: 5px;
            padding-bottom: 5px;
            box-sizing: content-box;
            height: auto;
            justify-content: center;
            display: flex;
        }

        .boxcontact {
            box-sizing: content-box;
            height: auto;
            padding: 5px;
            padding-left: 8.4%;
        }

        input{
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
            letter-spacing: var(--unnamed-character-spacing-0);
            font: normal normal medium 14px/18px Montserrat;
            letter-spacing: 0px;
            opacity: 1;
        }

        input::placeholder{
            text-transform: uppercase;
        }

        textarea{
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
            letter-spacing: var(--unnamed-character-spacing-0);
            font: normal normal medium 14px/18px Montserrat;
            letter-spacing: 0px;
            opacity: 1;
        }

        textarea::placeholder{
            text-transform: uppercase;
        }

        .boxinputcontact {
            box-sizing: content-box;
            height: auto;
        }

        .boxinputpayment {
            box-sizing: content-box;
            margin-left: 8.4%;
            height: auto;
        }

        .boxinputprofil{
            box-sizing: content-box;
            display: flex;
            margin-left: 0%;
            justify-content: center;
            height: auto;
        }

        .boxinputprofil2{
            box-sizing: content-box;
            height: auto;
            display: flex;
            margin-left: 0%;
            justify-content: center;
            padding-bottom: 50px;
        }

        .boxinputprofil3{
            box-sizing: content-box;
            margin-left: 0%;
            justify-content: center;
            height: auto;
        }

        .boxinputprofil4{
            box-sizing: content-box;
            height: auto;
            margin-left: 0%;
            justify-content: center;
            display: flex;
        }

        .boxinputprofil5{
            box-sizing: content-box;
            height: auto;
            margin-right: 36%;
            justify-content: center;
            display: flex;
        }

        .boxinputprofil6{
            box-sizing: content-box;
            height: auto;
            margin-right: 270px;
            justify-content: center;
            display: flex;
        }

        .boxinput {
            width: 100%;
            padding: 5px 20px;
        }

        .boxinput>input {
            margin: auto;
        }

        .boxinputamount {
            width: 100%;
            padding: 5px 20px;
        }

        .boxinputamount>input {
            margin: auto;
            width: 50%;
        }

        .boxinputlong {
            width: 100%;
            padding: 5px 20px;
        }

        .boxinputlong>input {
            margin: auto;
            width: 90%;
        }

        .boxinput2 {
            width: 100%;
            padding: 5px;
            padding-left: 24px;
            padding-top: 10px;
        }

        .boxinput3 {
            width: 100%;
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .boxinput4 {
            width: 100%;
        }

        .espace {
            padding: 6px;
        }

        .littleboxcontact {
            box-sizing: content-box;
            height: auto;
            display: inline-flex;
            padding-bottom: 15px;
        }

        .littleboxprofil{
            box-sizing: content-box;
            height: auto;
            margin-left: 0%;
            display: flex;
            justify-content: center;
        }

        .grecaptcha-badge {
            display: none;
        }

        .select {
            background: url("data:image/svg+xml,%3Csvg fill='%23979EB8' height='15px' width='15px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 407.437 407.437' xml:space='preserve'%3E%3Cpolygon points='386.258,91.567 203.718,273.512 21.179,91.567 0,112.815 203.718,315.87 407.437,112.815 '/%3E%3C/svg%3E") right no-repeat;
            background-position: right 12px;
            appearance: none;
          }
            .select:hover {
                cursor: pointer;
            }


        .littleboxpayment {
            box-sizing: content-box;
            margin-left: 8.4%;
            height: auto;
            display: inline-flex;
            padding-bottom: 15px;
        }

        .barre {
            box-sizing: content-box;
            margin-left: auto;
            margin-right: auto;
            height: 10px;
            width: 420px;
            padding: 5px;
        }

        .scroller {
            width: 420px;
            height: 300px;
            padding-right: 30px;
            overflow: auto;
            /*scrollbar-color: rebeccapurple green;*/
            scrollbar-width: thin;
        }

        .scroller1 {
            width: 420px;
            height: 210px;
            padding-right: 30px;
            overflow: auto;
             /*scrollbar-color: rebeccapurple green;*/
            scrollbar-width: thin;
        }
        div::-webkit-scrollbar {
            width: 8px;
        }
          /* Ascenseur */
        div::-webkit-scrollbar-thumb {
            background: var(--ardoise);
            border-radius: 8px;
        }

        .buttonardoise{
            background-color: var(--ardoise);
            color: #ffffff;
            font-size: 1.3em;
            font-weight: 600;
            position: relative;
            outline: none;
            border-radius: 30px;
            letter-spacing: var(--unnamed-character-spacing-0);
            letter-spacing: 0px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
            font: normal normal medium 14px/18px Montserrat;
            text-decoration: none;
            text-transform: uppercase;
        }

        .tailleArdoise{
            height: 51px;
            width: 175px;
            top: 25px;
        }

        .tailleArdoise2{
            height: 52.6px;
            min-width: 255.6px;
            border-color: var(--ardoise);
            border-style: none;
        }

        .tailleArdoise3{
            height: 51px;
            width: 319px;
            border-color: var(--ardoise);
            border-style: none;
        }

        .tailleArdoise4{
            height: 51px;
            width: 319px;
            border-color: var(--ardoise);
            border-style: none;
            margin-bottom: 70px;
        }

        .tailleArdoise5{
            height: 25px;
            width: 255.6px;
            border-color: var(--ardoise);
            border-style: none;
        }

        .tailleArdoise6{
            height: 51px;
            margin-left: 15px;
            width: auto;
            border-color: var(--ardoise);
            border-style: none;
        }

        .tailleArdoise7{
            height: 51px;
            width: 524px;
            border-color: var(--ardoise);
            border-style: none;
        }

        .inputpay{
            border: 1px solid var(--ardoise);
        background: transparent 0% 0% no-repeat padding-box;
        border: 1px solid #979EB8;
        border-radius: 30px;
        margin-left: 8.4%;
        opacity: 1;
        width: 484px;
        height: 84px;
        }

        .inputpay:hover{
            background-color: white;
        }

        .inputpay2{
            border: 1px solid var(--ardoise);
            background: transparent 0% 0% no-repeat padding-box;
            border: 1px solid #979EB8;
            border-radius: 30px;
            opacity: 1;
            width: 484px;
            height: 84px;
            }

            .inputpay2:hover{
                background-color: white;
            }

        .boxcommande{
        border: 1px solid #979EB8;
        border-radius: 30px;
        opacity: 1;
        width: 600px;
        }

        .barre_news>p>b {
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--ardoise);
            text-transform: uppercase;
            opacity: 1;
        }

        .barre_news>h2>a, .barre_news>h2 {
            text-decoration: none;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--saphir) !important;
            text-align: left;
            opacity: 1;
        }

        .contenu_news {
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-inter);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--unnamed-color-000000) !important;
            text-align: left;
            opacity: 1;
            height: 622px !important;
        }

        .contenu_news>p>span>a>span, .contenu_news>p>span>a, .contenu_news>p>span>strong>a, .contenu_news>p>a {
            font: var(--unnamed-font-style-normal) normal bold var(--unnamed-font-size-14)/var(--unnamed-line-spacing-17) var(--unnamed-font-family-inter);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--saphir) !important;
            text-decoration: none;

        }

        /*.contenu_news>p>span>a {*/
        /*    color: var(--unnamed-color-ffffff);*/
        /*}*/

        #lien_news, #lien_news>a {
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--unnamed-color-ffffff);
            text-decoration: none;
            text-transform: uppercase;
            opacity: 1;
        }


        /*#news {*/
        /*    position: inherit;*/
        /*    top: 500px;*/
        /*    margin-top: 900px;*/
        /*}*/

        /*div#news > h1, div#ref > h1 {*/
        /*    border-bottom:1px solid rgba(255,255,255,0.4)*/
        /*}*/

        /*div#news_content {*/
        /*    height:300px*/
        /*}*/

        /*div.news_block {*/
        /*    margin-bottom:10px*/
        /*}*/

        /*div.news_block>h2, div.news_block>h2>a  {*/
        /*    color:#213166;*/
        /*    font-family: 'Didact Gothic', sans-serif;*/
        /*    font-size:100%;*/
        /*    font-weight: normal;*/
        /*}*/

        /*div.news_block>h2>span.up_block, div.news_block>h2>span.down_block {*/
        /*    display:inline-block;*/
        /*    background-color:#f7c918;*/
        /*    width:22px;*/
        /*    height:22px;*/
        /*    text-align:center;*/
        /*    margin-right:10px;*/
        /*    cursor:pointer;*/
        /*    font-family: Verdana, Arial, Helvetica, sans-serif;*/
        /*}*/

        /*div.news_block>h2>a.up_block:hover, div.news_block>h2>a.down_block:hover {*/
        /*    text-decoration:none;*/
        /*    color:#fff*/
        /*}*/

        /*div.news_block>div {*/
        /*    margin-left:10px;border-left:1px solid #2d4188;*/
        /*    padding-left:10px;*/
        /*    display:none;*/
        /*    font-size:80%*/
        /*}*/

        /*div.news_block>div>p {*/
        /*    margin: 0;*/
        /*    padding: 0;*/
        /*    border: 0;*/
        /*    font-size: 100%;*/
        /*    font: inherit;*/
        /*    vertical-align: baseline;*/
        /*}*/

        /*div.hide_block {*/
        /*    display:none*/
        /*}*/

        /*div.show_block {*/
        /*    display:block*/
        /*}*/

        /*div.news_block>div>a,div.news_block>div>span:visited {*/
        /*    color:#fff;text-decoration: none;*/
        /*    font-size:100%;*/
        /*}*/





        .famille{
            padding-left: 30%;
            color: #f7c918 !important;
            border: none;
            font-family: 'Didact Gothic', sans-serif;
            font-weight: normal;
            font-size: 20px;
            text-decoration: none;
        }

        #famille_content{
            /*margin: auto;*/
            height: auto;
        }

        div.steelBlueCols {
            text-align: left;
            border-collapse: collapse;
            width: 100%;
          }
          .divTableProduct.steelBlueCols .divTableBodyProduct .divTableCellProduct {
            font-size: 12px;
            font-weight: bold;
            padding: 10px 5px;
          }

          .divTableCellProductMiddle {
            text-align:center; vertical-align: middle;
          }

          .divTableCellProductLeft {
              text-align:left; vertical-align: middle;
            }

          .divTableProduct.steelBlueCols .divTableHeadingProduct .divTableHeadProduct {
            text-align: left;
          }
          .divTableProduct.steelBlueCols .divTableHeadingProduct .divTableHeadProduct:first-child {
            border-left: none;
          }

          .steelBlueCols .tableFootStyle {
            font-size: 13px;
          }
          .steelBlueCols .tableFootStyle .links {
               text-align: right;
          }
          .steelBlueCols .tableFootStyle .links a{
            display: inline-block;
            background: #FFFFFF;
            color: #398AA4;
            padding: 2px 8px;
            border-radius: 5px;
          }
          .steelBlueCols.outerTableFooter {
            border-top: none;
          }
          .steelBlueCols.outerTableFooter .tableFootStyle {
            padding: 3px 5px;
          }
          /* DivTable.com */
          .divTableProduct{ display: table; }
          .divTableRowProduct { display: table-row; font-size: 12px; border-bottom: 1px solid var(--gris-de-lin); padding: 5px;}
          .divTableHeadingProduct { display: table-header-group;}
          .divTableCellProduct, .divTableHeadProduct { display: table-cell;}
          .divTableHeadingProduct { display: table-header-group;}
          .divTableFootProduct { display: table-footer-group;}
          .divTableBodyProduct { display: table-row-group;}


        .tableauProduit   {
         display: table;
         border-collapse: separate;
         border-color: grey;
         font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
         margin: auto;
         padding : 5px;
         width: 85%;

        }
        .texteProduit {
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--nuit);
        text-align: left;
        font: normal normal medium 20px/24px Montserrat;
        letter-spacing: 0px;
        color: #25306D;
        text-transform: uppercase;
        opacity: 1;
        }

        .ligneProduit     {
         display: table-row;
         font-size: 12px;
        }
        .enteteProduit      {
         display: table-header-group;
         font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
         letter-spacing: var(--unnamed-character-spacing-0);
         color: var(--nuit);
         text-align: left;
         font: normal normal medium 20px/24px Montserrat;
         letter-spacing: 0px;
         color: #25306D;
         text-transform: uppercase;
         opacity: 1;

        }
        .corpsProduit      { display: table-row-group }
        .legendeProduit   {
         display: table-caption;
         margin-top: 10px;
         margin-bottom: 10px;
        }
        .celluleProduit1{
         display: table-cell;
         width:50%;
         vertical-align: middle;
         height: 20px;
         padding: 5px 10px;
         border-bottom: 1px solid var(--ardoise);
         }
        .celluleProduit2   {
         display: table-cell;
         width:50%;
         vertical-align: middle;
         height: 20px;
         padding: 5px 10px;
         border-bottom: 1px solid var(--ardoise);
         }

         .even {
         height: 36px;
         font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
         letter-spacing: var(--unnamed-character-spacing-0);
         color: var(--saphir);
         text-align: left;
         font: normal normal 600 20px/24px Inter;
         letter-spacing: 0px;
         opacity: 1;
         }

         .odd {
         height: 36px;
         font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
         letter-spacing: var(--unnamed-character-spacing-0);
         color: var(--saphir);
         text-align: left;
         font: normal normal 600 20px/24px Inter;
         letter-spacing: 0px;
         color: #294093;
         opacity: 1;
         }

         .box_tableau {
            margin-top: 3%;
            box-sizing: content-box;
            margin-left: auto;
            margin-right: auto;
            height: auto;
            padding: 5px;
        }

        .box_tableau1 {
            box-sizing: content-box;
            margin-left: 200px;
            margin-right: auto;
            height: 310px;
            width: 600px;
            padding: 5px;
        }

        .box_tableau2 {
            box-sizing: content-box;
            margin-left: auto;
            margin-right: auto;
            height: 310px;
            width: 600px;
            padding: 5px;
        }

        .space {
            height: 1000px;
            width: auto;
        }

        .hrproduct{
            border: 0.2px solid var(--ardoise);
            opacity: 1;
        }

         .boxproduct{
            box-sizing: content-box;
            margin-left: 100px;
            margin-right: 100px;
            height: auto;
            width: auto;
            padding: 5px;
            border-bottom: 1px solid var(--ardoise);
            padding-top: 27px;
            padding-bottom: 27px;
         }

         .sectionancre:target{
            padding-top: 160px;
            margin-top: -160px;
         }

         .boxproduct2{
            box-sizing: content-box;
            margin-left: auto;
            margin-right: auto;
            height: auto;
            width: 1300px;
            padding: 5px;
            border-bottom: 1px solid var(--ardoise);
            padding-top: 27px;
            padding-bottom: 27px;
         }

         .boxproduct3{
            display: block;
            box-sizing: content-box;
            margin-left: 100px;
            margin-right: 100px;
            height: auto;
            width: auto;
            padding: 5px;
            border-bottom: 1px solid var(--ardoise);
            padding-top: 27px;
            padding-bottom: 27px;
         }

         .box_tarif{
            display: flex;
            box-sizing: content-box;
            margin-top:20px;
         }

         .littlebox1{
            box-sizing: content-box;
            margin-right: auto;
            height: auto;
            width: 650px;
            margin-left: 80px;
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--saphir);
            color: #294093;
            font: normal normal medium 16px/20px Inter;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-inter);
         }
         .littlebox2{
            box-sizing: content-box;
            margin-right: auto;
            width: 650px;
            padding-left: 100px;
         }

         .product {
            white-space: normal;
            line-height: normal;
            font-size: 12px;
            font-style: normal;
            text-align: start;
            font-variant: normal;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
         }

         .product2 {
            white-space: normal;
            line-height: normal;
            font-size: 12px;
            font-style: normal;
            text-align: start;
            font-variant: normal;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
            padding-bottom: 27px;
         }

         .trait {
            white-space: normal;
            line-height: normal;
            font-size: 12px;
            font-style: normal;
            text-align: start;
            font-variant: normal;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
            border-bottom: 1px solid var(--ardoise);
            padding-bottom: 27px;
         }

         .productTable {
            white-space: normal;
            line-height: normal;
            font-size: 12px;
            font-style: normal;
            text-align: start;
            font-variant: normal;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
            display:table;
         }
         .productCell {
            display:table-cell;
            vertical-align:top;
         }

        .product p{
         margin-top: 0px;
         margin-bottom: 8px;
        }

         .tableauTarifsProduit   {
         display: table;
         border-collapse: collapse;
         font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
         width : 100%;

        }


        .corpsTarifProduit      { display: table-row-group; }

        .cellule1TarifProduit{
         display: table-cell;
         vertical-align: middle;
         }
        .cellule2TarifProduit   {
         display: table-cell;
         vertical-align: middle;
         width : 100px;
         text-align: left;
        font-weight: bold;
        right: 435px;
        position: relative;
         }
        .cellule3TarifProduit   {
         display: table-cell;
         vertical-align: middle;
         width : 50px;
         text-align: right;
         padding-right: 5px;
         font-weight: bold;
         right: 110px;
        position: relative;
         }

        .cellule4TarifProduit   {
         display: table-cell;
         vertical-align: middle;
         width : 50px;
         text-align: right;
         font-weight: bold;
         right: 305px;
        position: relative;
         }

        .cellule5TarifProduit   {
         display: table-cell;
         vertical-align: middle;
         width : 50px;
         text-align: right;
         padding-right: 10px;
         font-weight: bold;
         right: 600px;
        position: relative;
         }

         .ProductHead{
          display : flex;
          margin-bottom:10px;
         }

         .titleProduct {
          width : 100%;
         }
         .downloadProduct {
          min-width:450px;
          margin-right: 20px;
         }
         .downloadProduct img {
          margin: 0px;
         }

         .lienDL {
          text-align: center;
         }

         .lienOrder {
          text-align: center;
         }

         .infobold {
            color: #231C5C;
            font-size: 14px;
            font-weight: bold;
        }

         a.infobold {
            color: #231C5C;
            text-decoration: none;
        }
         a.infobold:hover {
          text-decoration: underline;
        }

        a.boldftp:visited {
            color: #000066;
        }

        a.boldftp {
            color: #000066;
        }

        .ftp {
         font-size: 12px;
         font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
        }

        .bold {
            font-weight: bold;
            text-decoration: none;
            color:var(--saphir);
        }

        .bold:hover {
            color: var(--safran);
        }

        .langProduct {
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--nuit);
            font: normal normal medium 20px/24px Montserrat;
            letter-spacing: 0px;
            color: #25306D;
            text-transform: uppercase;
            opacity: 1;
            width: 40%;
            height: 32px;
            justify-content: center;
            display: flex;
        }
        .langProduct img {
            height: 25px;
            width: 48px;
          vertical-align: middle;
        }

        .compProduct {
            margin-left: 4px;
            margin-right: 4px;
            width: 24%;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--nuit);
            text-align: left;
            font: normal normal medium 20px/24px Montserrat;
            letter-spacing: 0px;
            color: #25306D;
            text-transform: uppercase;
            opacity: 1;
        }
        .compProduct img {
          vertical-align: middle;
          margin: 0px !important;
        }


        .tarifsPanier {display:table-row-group;margin-top: inherit;}

        .etapes_panier {
           text-align: center;
           width:100%;
           margin-top:10px;
         }

        .etapes_panier th,.etapes_panier td {
            text-align: center;
           font-size: 14px;
         }
         .etapes_panier table{
           width: 452px;
           background-color: #FFF;
           margin-left:auto;
           margin-right:auto;
           border-collapse: collapse !important;
           border-width: 0px;
         }


        .etapes_panier img {
          width:113px;
          height: 42px;
        }

         .tableauPanier   {
         display: table;
         border-collapse: separate;
         font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
         width : 60%;
         margin-left: auto;
         margin-right: auto;
        }

        .corpsPanier { display: table-row-group; }

        .lignePanier {
         display: table-row;
         /*background-color: #FFF;*/
         font-size: 12px;
        }


        .lignePanier div, .lignePanier form {
         padding:2px;
         display: table-cell;
         vertical-align: middle;
         height:56px;
        }


        .lignePanierHead  {
         display: table-row;
        }


        .lignePanierHead div {
         padding:2px;
         text-align: left;
         display: table-cell;
        }


        .cellule5Panier{
         width : 125px;
         text-align: center;
         }

        .cellule5Panier img{
         border:none;
         }
        .cellule1Panier {
         font-weight: bold;
         }
        .cellule2Panier {
         }
        .cellule3Panier {
         width : 100px;
         text-align: center;
         }
        .cellule4Panier {
         width : 130px;
         text-align: center;
         font-weight: bold;
         }

         .cellule1PanierFooter {
         text-align: left;
         text-transform: uppercase;
         color: #25306D;
         background-color: #C9CFE4;
         padding:2px;
         font: normal normal 600 20px/24px Montserrat;
         letter-spacing: 0px;
         border-top: 1px solid var(--ardoise);
         }

         .cellule2PanierFooter {
            text-align: left;
            text-transform: uppercase;
            color: #25306D;
            background-color: #C9CFE4;
            padding:2px;
            font: normal normal 600 20px/24px Montserrat;
            letter-spacing: 0px;
            }

         .cellule3PanierFooter {
            text-align: center;
            padding:2px;
            border-top: 1px solid var(--ardoise);
            background-color: #C9CFE4;
         }

         .cellule4PanierFooter {
            text-align: center;
            color: #25306D;
            background-color: #C9CFE4;
            padding:2px;
            font: normal normal bold 14px/17px Inter;
            /*text-decoration: line-through;*/
            letter-spacing: 0px;
            border-top: 1px solid var(--ardoise);
            }

         .cellulePanierFooter2 {
         text-align: center;
         color: #25306D;
         background-color: #C9CFE4;
         padding:2px;
         font: normal normal bold 14px/17px Inter;
         /*text-decoration: line-through;*/
         letter-spacing: 0px;
          }

          .cellulePanierFooter3 {
            text-align: center;
            color: #25306D;
            background-color: #C9CFE4;
            padding:2px;
            font: normal normal bold 14px/17px Inter;
            /*text-decoration: line-through;*/
            letter-spacing: 0px;
            border-top: 1px solid var(--ardoise);
             }

         .cellulePanierFooter {
         background-color: #C9CFE4;
         border-top: 1px solid var(--ardoise);
         }


        .celluleLibLicencePanier{
         text-align: left;
         font-style: italic;
         }


        .celluleCodeLicencePanier{
         text-align: left;
         }

         .strike {
         font-weight: normal;
         text-decoration: line-through;
         }

        #recap_panier {
            position: absolute;
            left: 50%;
            margin: 0;
            padding: 0px;
            float: left;
            z-index: 99;
            top: 20px;
        }

        #recap_panier table {
         padding: 10px;
            color : #000000;
            text-shadow: 0 0 0.5px black;
            margin: 0; padding: 2;
            box-shadow:0px 0px 5px #5a5a5a;
            -moz-box-shadow:0px 0px 5px #5a5a5a;
            -webkit-box-shadow:0px 0px 5px #5a5a5a;
            }


        #recap_panier table a {
         padding: 10px;
            }

        .etape_bleu{
            text-align: center;
            font: normal normal 600 16px/20px Inter;
            letter-spacing: 0px;
            color: #294093;
            opacity: 1;
            width: 100px;
        }

        .etape_jaune{
            text-align: center;
            font: normal normal 600 16px/20px Inter;
            letter-spacing: 0px;
            color: var(--safran);
            opacity: 1;
            width: 100px;
        }

        .current a {
         color:#fff;
         text-decoration: underline !important;
        }

        .tableauCommande   {
         display: table;
         border-collapse: separate;
         font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
         width : 60%;
         margin: auto;
        }

        .corpsCommande { display: table-row-group; }

        .ligneCommande {
         display: table-row;
         background-color: #FFF;
         font-size: 13px;
        }


        .ligneCommande div {
         padding:2px;
         display: table-cell;
         vertical-align: middle;
         height:20px;
        }

        .ligneCommande div a {
         text-decoration: inherit;
         color: #2d4188;
        }

        .ligneCommande div a:hover {
         font-weight: bold;
        }

        .ligneCommandeHead  {
         display: table-row;
         font-size: 16px;
        }


        .ligneCommandeHead div {
         padding:2px;
         text-align: center;
        letter-spacing: 0px;
        color: #25306D;
        text-transform: uppercase;
         display: table-cell;
        }




        .celluleCommandeLeft{
         text-align: left;
         }

        .celluleCommandeCenter{
         text-align: center;
         background-color: #C9CFE4;
         }

        .celluleCommandeRight{
         text-align: right;
         padding-right: 20px !important;
         }


        .query {
            color: white;
            font-size: 12px;
            text-decoration: none;
        }

        .white {
            color : white;
            font-size : 12px;
            }
        A.white {
            color : #A8B3CC;
            text-decoration : none;
            }
        A.white:hover {
            color :white ;
            text-decoration : none;
            }
        A.white:visited {
            color :#A8B3CC;
            text-decoration : none;
            }

         div.cnil_cookie {
            background-color: black;
            top: 0;
            color: white;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
            font-size: 13px;
            height:50px;
            left: 0;
            opacity: 0.85;
            padding: 20px 5px 7px;
            position: fixed;
            text-align: center;
            vertical-align: middle;
            width: 100%;
            z-index: 900;
        }

        div.cnil_cookie span {
            position: relative;
            padding-top: 6px;
        }


        div.cnil_cookie button{
            background-color: #3ab6a9;
            border: 1px solid #3ab6a9;
            color: #fff;
            font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
            font-size: 13px;
            padding: 5px 8px;
            width:auto;
            text-decoration: none;
            margin-left:15px;
        }
        div.cnil_cookie button:hover{
            border: 1px solid #3ab6a9;
            background-color: #fff;
            color: #3ab6a9;
            /* Firefox */
            -moz-transition: all 0.4s ease-in;
            /* WebKit */
            -webkit-transition: all 0.4s ease-in;
            /* Opera */
            -o-transition: all 0.4s ease-in;
            /* Standard */
            transition: all 0.4s ease-in;
            cursor: pointer;
        }


        div.cnil_cookie strong {
            position: relative;
            float: right;
            font-family: "roboto","arial","sans-serif";
            margin-left: 5px;
            margin-right: 20px;
            font-size: 20px;
            color: #fff;
            cursor: pointer;
            font-weight: bold;
        }
        div.cnil_cookie strong:hover {
            background-color: #3ab6a9;
        }
        div.cnil_cookie a{
            text-decoration: none;
        }

        div.cnil_cookie a:hover{
            text-decoration: none !important;
            color: #fff;
        }

        .infos {
            font-weight: inherit;
        }

         /*******************************************DIV TABLE*****************************************/
        .divTable{
            display: table;
            width: 100%;
        }
        .divTableRow {
            display: table-row;
        }
        .divTableHeading {
            background-color: #EEE;
            display: table-header-group;
            width: 200px;

        }
        .divTableHead {
            display: table-cell;
         text-align: right;
            padding: 3px 10px;
            width: 30%;
         vertical-align: top;
        }
        .divTableHeadShort {
            display: table-cell;
         text-align: right;
            padding: 3px 10px;
         vertical-align: top;
            width: 300px !important;
        }
        .divTableHeading {
            background-color: #EEE;
            display: table-header-group;
            font-weight: bold;
        }
        .divTableCell {
            display: table-cell;
            padding: 3px 10px;
            width: 30%;
        }
        .divTableCellBidon {
            display: table-cell;
            padding: 3px 10px;
         text-align: left;
         width: auto;
        }
        .divTableFoot {
            background-color: #EEE;
            display: table-footer-group;
            font-weight: bold;
        }
        .divTableBody {
            display: table-row-group;
        }

        input.connect_button {
        margin:4px 0px 4px 0px;
        background: linear-gradient(to bottom, #2d4188 0%,#213268 100%);
        cursor: pointer;
        padding:4px 6px 4px 6px;
        color:#fff;
        }

         /*******************************************FORM*****************************************/

         .white-popup {
                    position: relative;
                    background: #FFF;
                    padding: 10px;
                    width: auto;
                    max-width: 420px;
                    margin: 20px auto;
                    height:250px;
                    background: url(../images/fond_form.png)
                }

         .white-popup table{
                    margin-top:40px
                }

        .white-popup tr>td:first-child {
            width: 140px;
        text-align: right;
        padding-right:4px;
                }

        .white-popup td {
            text-transform:uppercase;
            color:#213166;font-size: 12px;
                }

        .white-popup td > input {
                -moz-box-shadow: 0px 0px 2px 0px #656565;
                -webkit-box-shadow: 0px 0px 2px 0px #656565;
                -o-box-shadow: 0px 0px 2px 0px #656565;
                box-shadow: 0px 0px 2px 0px #656565;
                filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=2);
                border:0
            }

        .white-popup td > input.small{font-size:inherit;height:22px;width: 160px;
        padding-left: 2px;}

        .white-popup td > a{
            color:#213166;
           }

        .white-popup tr>td.td_form_link
        {margin-top:8px;height:20px;text-align: center; text-transform:lowercase
        }

        /*****************************************FOOTER**************************************/


        .haut_de_page {
            position: relative;
            bottom: 30px;
            margin-right: 54px;
        }

        .bas_de_page {
            position: relative;
            bottom: 57px;
            margin-right: 54px;
        }

        .piminfo{
            height: 80px;
            width: 100%;
            background: var(--ardoise) 0% 0% no-repeat padding-box;
        }

        #contenufamille{
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--unnamed-color-ffffff);
            text-align: center;
            font: normal normal medium 20px/24px Inter;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            }

        .containerfamille{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 80px;
        }

        .containercontact{
            width: 100%;
            height: auto;
            display: block;
        }

        #footer {
            /*position: absolute;*/
            bottom: 0;
            width:100%;
            /* Layout Properties */
            height: 160px;
            /* UI Properties */
            background: var(--nuit) 0% 0% no-repeat padding-box;
            opacity: 1;
            overflow: hidden ;
            display: flex;

        }

        #logo_footer {
            /* Layout Properties */
            position: relative;
            top: 50px;
            left: 50px;
            height: 67px;
            /* UI Properties */
            background: transparent url(../images/LogoWeb-B_PluginMasters_alixds.png) 0% 0% no-repeat padding-box;
            opacity: 1;
            flex: 3 1 content;
        }

        #copyright {
            /* Layout Properties */
            position: relative;
            text-align: center;
            /* UI Properties */
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 12px/15px var(--unnamed-font-family-inter);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--unnamed-color-ffffff);
            opacity: 1;
            flex: 43 0 auto;
        }

        #liencontact {
            position: relative;
            text-align: center;
            /* UI Properties */
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
            color: var(--unnamed-color-ffffff);
            opacity: 1;
            flex: 43 0 auto;
            text-transform: uppercase;
            margin-top: 18px;
            padding-top: 7px;
        }

        #liencontact>a{
            color: var(--unnamed-color-ffffff);
            text-decoration: none;
        }

        #liencontact>a:hover {
            color:var(--safran);
            }

        #footercontact {
            margin-top: 62px;
        }


        #footerLink {
            position: relative;
            text-align:right;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-montserrat);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--unnamed-color-ffffff);
            /*font-family: 'Montserrat', sans-serif;*/
            /*letter-spacing: var(--unnamed-character-spacing-0);*/
            /*color: var(--unnamed-color-ffffff);*/
            text-transform: uppercase;
            opacity: 1;
            right: 54px;
            top: 62px;
            flex: 0 1 auto;
        }

        .footer_mentions {
        }

        .footer_politiques {
            display: block;
            margin-top: 19px;
        }

        #footerLink>a {
            color: var(--unnamed-color-ffffff);
            text-decoration:none;
        }

        #footerLink>a:hover {
        color:var(--safran);
        }

        /********************************** Style slider etc... **************************************/

        div#ref>div {
            height:450px;
        }

        .rsSlide > div > a {
            /*display:inline-block;*/
            /*width:40%*/
        }
        .rsSlide > div > a > img{
            width:auto ! important;
            height:auto !important;
            max-width:100% ! important;
        }

        @media  screen
        and (max-width : 1279px) {
          .rsSlide > div > a {
              width:30%
          }

        }

        .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
            background: transparent;
           /*background: #213166; */
        }



        .diapo_accueil {
            background: transparent url(../images/background_accueil.png) 0% 0% no-repeat padding-box;
            width: 100%;
            /* margin: 0 90px;*/
            margin-bottom: 0px !important;
        }

        .diapo_accueil h2 {
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-37) var(--unnamed-font-family-montserrat);
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--safran);
            text-align: center;
            text-transform: uppercase;
            opacity: 1;
        }

        .diapo_accueil h2 a {
            color: #f7ca18 ;
            text-decoration:none;
        }

        #homeSlider .phrase_accueil, #homeSlider .texte_accueil {
            color: #fff;
            text-decoration: none;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
            letter-spacing: var(--unnamed-character-spacing-0);
            opacity: 1;
            text-align: center;
            margin: 0 auto;
            display: block;
        }

        #homeSlider .texte_accueil {
            color: #fff;
            text-decoration: none;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-inter);
            letter-spacing: var(--unnamed-character-spacing-0);
            opacity: 1;
            text-align: center;
            margin-left: 100px;
            margin-right: 20px;
            display: block;
        }

        .rsSlide > div > a > img {
            width: auto;
            height: auto;
            max-height: 280px;
        }

        .rsSlide > div > a {
            /*display: inline-block;*/
            /*width: 48%;*/
            /*max-height: 300px;*/
        }

        .rsSlide > div {
            vertical-align: top;
            box-sizing: border-box;
            height: 400px;
            padding-left: 6%;
            padding-right: 6%;
            margin: 0 auto;
            width: 80%;
            text-align: center;
        }

        .rsSlide > div > p {
            font-size: 80%;
            color: #fff;
            /* height: 250px; */
            float: left;
            margin-top: 60px;
            /* margin-right: 10%; */
            /* width: 100%;*/
        }

        .rsOverflow {
            height: 700px !important;
        }

        .rsDefault .rsArrowIcn {
            background: inherit;
            width: 60px;
            height: 97px;
            margin-top: -60px;
            margin-left: -30px;
        }

        .rsDefault .rsBullet {
            padding: 10px;
        }

        .rsDefault .rsBullets {
            background: transparent;
            bottom: 10px;
        }

        .rsDefault .rsBullet.rsNavSelected span {
            /*background:rgba(248,201,18,0.7);*/
            background: var(--gris-de-lin);

        }

        .rsDefault .rsBullet span {
            width:10px;
            height:10px;
            cursor: pointer;
        }

        #homeSlider .slick-dots {
            bottom: 20px;
        }

        #homeSlider .slick-dots .slick-active {
            background: var(--gris-de-lin);
            border-radius: 15px;
        }

        #homeSlider .slick-dots li{
            width: 10px;
            height: 10px;
            margin: 0 10px;
        }

        #homeSlider .slick-dots li button{
            width: 10px;
            height: 10px;
            padding: 0px;
            border: 1px var(--gris-de-lin) solid;
            border-radius: 15px;
        }

        #homeSlider .slick-dots li button:before {
            content: none;
        }

        #homeSlider .slick-prev {
            left: 54px;
            top: 235px;
        }

        #homeSlider .slick-prev::before{
            content: '←';
            background: url(../../../images/slide/Icon-ionic-ios-arrow-back.svg) no-repeat center right;
            color: transparent;
        }

        #homeSlider .slick-next {
            right: 54px;
            top: 235px;
        }

        #homeSlider .slick-next::before{
            content: '→';
            background: url(../../../images/slide/Icon-ionic-ios-arrow-forward.svg) no-repeat center left;
            color: transparent;
        }

        #homeSlider .slick-track {
            height: 500px;
        }

        #homeSlider .slick-slide {
            height: auto;
        }

        #homeSlider .slick-slide img {
            height: 120px;
        }

        .logo_accueil img {
            margin: 200px auto 52px;
        }

        .phrase_accueil {
            top: 262px;
            width: 740px;
            margin: 0 auto;
            display: block;
        }

        .phrase_diapo {
            width: 1050px;
            position: fixed;
            text-align: center;
            transform: translate(12%, -90%);
        }
        .img_diapo{
            margin-top: 74px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        .img_diapo img{
            max-height: 190px;
        }

        .logo_diapo img {
            transform: translate(-50%, 50%);
        }

        #read_more_btn {
            border: 1px solid var(--gris-de-lin);
            background: transparent 0% 0% no-repeat padding-box;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
            color: var(--gris-de-lin);
            text-transform: uppercase;
            border-radius: 30px;
            opacity: 1;
            display: block;
            margin: 30px auto 0px;
            top: 377px;
            width: 154px;
            height: 50px;
            cursor: pointer;
        }

        #read_more_btn:hover {
            background-color: rgba(201, 207, 228, 0.8);
            color: var(--nuit);
        }


        .download_btn {
            border: 0 solid var(--safran);
            background: var(--safran) 0% 0% no-repeat padding-box;
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-montserrat);
            color: var(--unnamed-color-ffffff);
            text-transform: uppercase;
            border-radius: 30px;
            opacity: 1;
            width: 154px;
            height: 50px;
            margin: 30px auto 0px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
        }

        .download_btn:hover {
            /*background-color: rgba(201, 207, 228, 0.8);*/
            color: var(--safran);
            background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
            cursor: pointer;
        }

        .logo_scroll {
            position: absolute;
            z-index: 100;
            top: 605px;
            right: 54px;
        }

        .bounce {
            animation-name: bounce;
            animation-duration: 3s;
            animation-iteration-count: 3;
        }
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
            40% {transform: translateY(-30px);}
            60% {transform: translateY(-15px);}
        }
  }