/* Entête */
header
{
	/* couleur de fond*/
    background:white;
}

/* Pied de page*/
footer {
    /* couleur de fond*/
    background: #21847e;
    /* Couleur de police */
    color: white;
}

/* Block titre */
.block-title
{
	/* couleur de fond */
    background-color:#606467;    
	/* couleur de police */
    color:white;
	/* decalage intérieur */
    padding:5px;
}

/* Bouton principaux*/
.main-button {
    /* couleur de fond */
    background: #ffcc00;
    /* couleur de police */
    color: #201f1c;
}

/* Survol Bouton principaux */
.main-button:hover {
    /* couleur de police */
    color: #fff5cc;
    /* transparence 1= visible 0 = transparent*/
    opacity: 0.8;
}

/* bloc liste des question sur page d'accueil */
.question-list-index-title
{   
	/* couleur de fond */
    background-color:#606467;    
	/* couleur de police */
    color:white;
}
/* element liste des question sur page d'accueil */
.question-list-index-element  a
{   
	font-size:1.2em;
}

/* picto liste des question sur page d'accueil */
.question-list-index-element-picto {
    /* couleur de police */
    color: #21847e;
    /* couleur de fond */
    background-color: #eeeeee;
    /* ne pas toucher */
    display: inline-block;
    /* marge intérieure */
    padding: 3px;
    /* gras */
    font-weight: bold;
}


/* panneau des categories */
.category-panel
{	
   border:none;   
}

/* contenu categorie racine */
.category-panel .panel-body
{
     background:#fff5cc;     
}

.category-panel .panel .panel-heading 
{
    background:#fff5cc;   
    border:none;
}

.panel-failed {
    background-color: rgba(255, 86, 86, 0.952);
    color: white;
}

/* titre panneau des categories */
.category-panel-title
{
	/* transformation du texte en capital */
    text-transform:uppercase;
	/* effet gras */
    font-weight:bold;
	/* couleur de police */
    color:#605e62;
}

/* nombre d'articles */
.category-panel-title span
{
    font-weight:normal;
    background:white; 
    padding:2px 3px;
    text-transform:uppercase;
}

/* titre des sous categories */
.sub-category-panel-title {
    /* transformation du texte en capital */
    text-transform: uppercase;
    /* couleur de police */
    color: #21847e;
}

/* picto panneau categories */
.category-panel-picto
{
	/* couleur de police */
    color:#21847e;
     /* couleur de fond */
    background-color:#eeeeee;
    /* marge interieure*/
    padding:5px;
}

/* panneau des questions */
.question-panel
{
	/* bordure */
    border:none;
}


/* titre panneau questions */
.question-panel-title
{   
	/* couleur police */
    color:#605e62;
}

/* picto panneau questions */
.question-panel-picto
{
	/* couleur de police */
    color:#21847e;        
    
}

/* questions */
.question-item-title {
    /* transformation texte capital */
    text-transform: uppercase;
    /* bordure basse */
    border-bottom: 2px solid #21847e;
}

/* bouton question vote +1 */
.question-positive
{    
	/* couleur de police */
    color:green;
}

/* bouton question vote -1*/
.question-negative
{
	/* couleur de police */
    color:red;
}

a {
    color: #21847e;
}
a:hover, a:hover {
    color: #21847e;
    opacity: 0.7;
    text-decoration: none;
}

/************************************************************/
/**************************** V2 ****************************/
/************************************************************/
/* Entête */
header
{
	/* couleur de fond*/
    background:white;
}

/* Pied de page*/
footer {
    /* couleur de fond*/
    /*background: #21847e;*/
    /* Couleur de police */
    color: white;
}

@font-face {
  font-family: 'Gilroy';
  src: url('https://www.thalassonumero1.com/assets/fonts/Gilroy-Regular.eot'); /* IE9 Compat Modes */
  src: url('https://www.thalassonumero1.com/assets/fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), /* IE6–IE8 */
       url('https://www.thalassonumero1.com/assets/fonts/Gilroy-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.thalassonumero1.com/assets/fonts/Gilroy-Regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.thalassonumero1.com/assets/fonts/Gilroy-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
  font-weight: 400;
  font-style: normal;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcviYwY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Block titre */
.block-title
{
	/* couleur de fond */
    background-color:#606467;    
	/* couleur de police */
    color:white;
	/* decalage intérieur */
    padding:5px;
}

/* Bouton principaux*/
.main-button {
    /* couleur de fond */
    background: #ffcc00;
    /* couleur de police */
    color: #201f1c;
}

/* Survol Bouton principaux */
.main-button:hover {
    /* couleur de police */
    color: #fff5cc;
    /* transparence 1= visible 0 = transparent*/
    opacity: 0.8;
}

/* bloc liste des question sur page d'accueil */
.question-list-index-title
{   
	/* couleur de fond */
    background-color:#606467;    
	/* couleur de police */
    color:white;
}
/* element liste des question sur page d'accueil */
.question-list-index-element  a
{   
	font-size:1.2em;
}

/* picto liste des question sur page d'accueil */
.question-list-index-element-picto {
    /* couleur de police */
    color: #21847e;
    /* couleur de fond */
    background-color: #eeeeee;
    /* ne pas toucher */
    display: inline-block;
    /* marge intérieure */
    padding: 3px;
    /* gras */
    font-weight: bold;
}


/* panneau des categories */
.category-panel
{	
   border:none;   
}

/* contenu categorie racine */
.category-panel .panel-body
{
     background:#fff5cc;     
}

.category-panel .panel .panel-heading 
{
    background:#fff5cc;   
    border:none;
}

.panel-failed {
    background-color: rgba(255, 86, 86, 0.952);
    color: white;
}

/* titre panneau des categories */
.category-panel-title
{
	/* transformation du texte en capital */
    text-transform:uppercase;
	/* effet gras */
    font-weight:bold;
	/* couleur de police */
    color:#605e62;
}

/* nombre d'articles */
.category-panel-title span
{
    font-weight:normal;
    background:white; 
    padding:2px 3px;
    text-transform:uppercase;
}

/* titre des sous categories */
.sub-category-panel-title {
    /* transformation du texte en capital */
    text-transform: uppercase;
    /* couleur de police */
    color: #21847e;
}

/* picto panneau categories */
.category-panel-picto
{
	/* couleur de police */
    color:#21847e;
     /* couleur de fond */
    background-color:#eeeeee;
    /* marge interieure*/
    padding:5px;
}

/* panneau des questions */
.question-panel
{
	/* bordure */
    border:none;
}


/* titre panneau questions */
.question-panel-title
{   
	/* couleur police */
    color:#605e62;
}

/* picto panneau questions */
.question-panel-picto
{
	/* couleur de police */
    color:#21847e;        
    
}

/* questions */
.question-item-title {
    /* transformation texte capital */
    text-transform: uppercase;
    /* bordure basse */
    border-bottom: 2px solid black;
    font-family: Gilroy;
    padding: 0;
}

/* bouton question vote +1 */
.question-positive
{    
	/* couleur de police */
    color:green;
}

/* bouton question vote -1*/
.question-negative
{
	/* couleur de police */
    color:red;
}

a {
    color: #3C3B88;
}
a:hover {
    /*color: #21847e !important;*/
    opacity: 0.7;
    text-decoration: none;
}

/* Personalisation */
.question-list-index-element-picto .fa,
.question-list-index-element-picto,
.question-list-index-element a{
    color:#3C3B88;
}
.main-button{
    background-color:#009AC1;
    color: white;
}
.main-button:hover{
    background-color:#6CD4FF;
    color: black;
    opacity: 0.2;
}
.main-button:active{
    background-color:#6CD4FF;
    color: black;
    opacity: 0.4;
}
.question-item-content{
    color: rgba(12, 10, 62, 0.8);
}
.question-item-title{
    color: rgba(12, 10, 62, 0.8);
    text-transform: none;
}
.question-list-index-title{
    background: var(--Fill-Brand-strong, #0C0A3E);
    color: var(--Text-Inverse-strong, #FFF);
    /* text-align: center; */
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--Font-family-Body, Inter);
    font-size: var(--Font-size-Small, 14px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--Line-height-Small, 24px);
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.08), 0px 4px 8px -2px rgba(0, 0, 0, 0.04);
    display: flex;
    padding: 0px var(--Spacing-16, 16px);
    align-items: center;
    gap: var(--Spacing-4, 4px);
    align-self: stretch;
    border-radius: var(--Corner-radius-8, 8px);
    align-content: center;
    justify-content: space-around;
    margin-top: 8px;
    margin-bottom: 0;
    height:42px;
}
.search-panel h1 {
    text-transform: none;
    font-family: Gilroy;
    font-weight: 600;
}
.search-panel{
    color: rgba(12, 10, 62, 0.8);
}
.search-tip{
    font-family: 'Inter';
}
.panel-heading h3 a{
    color: #3C3B88;
}
.category-panel .panel-body, .category-panel .panel .panel-heading{
    background: #F2F8FC;
}
.panel-title.sub-category-panel-title{
    color: #0C0A3E;
    opacity: 0.8;
    text-transform: none;
    font-family: Gilroy;
    font-weight: 600;
}
.panel-title.question-panel-title a{
    color: #3C3B88;
}
.category-panel-picto, .question-panel-picto{
    color: #009AC1;
}
 .btn.main-button:hover{
    background: #b63597;
    color: white;
    opacity: 1;
}
.category-panel-title span, .category-panel-title, .btn.main-button{
        text-transform: none;
}
button.v2-product-return-list-container {
    border-radius: var(--Spacing-12, 12px);
    border: 1px solid #3C3B88;
    background: rgba(255, 255, 255, 0.01);
    box-shadow: -1 2px 4px -2px rgba(0, 0, 0, 0.08), 0 4px 8px -2px rgba(0, 0, 0, 0.04);
    display: flex
;
    width: 42px;
    height: 42px;
    padding: 0 0;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    
}
.v2-product-return-list-container:hover {
    border-radius: var(--Spacing-12, 12px);
    background: var(--Fill-Press, rgba(108, 212, 255, 0.20));
        opacity: 1 !important;
}
.faq-contact:hover{
    border: 1px solid #DBE5FC !important;
        background: #f0fbff !important;
        opacity: 1 !important;
    
}
.faq-noopa:hover{
    opacity: 1 !important;
}
.container-footer{
    background: rgba(12, 10, 62, 0.90);
    padding: 64px 128px;
    flex-direction: row;
    align-items: center;
    gap: var(--Spacing-24, 24px);
    align-self: stretch;
    display: flex;
    justify-content: space-between;
    
}
.footer-lnk:hover,
.footer-lnk,
.footer-text{
    color:  #FFF;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-align: left;
    
}
footer{
    padding:0 !important;
}
.footer-lnk:hover,
.footer-lnk{
    text-decoration: underline;
    
}
@media (max-width: 1024px) {
   .container-footer {
       flex-direction: column !important;
       padding: 64px 20px !important;
   }
   .faq-contact span{
       display:none;
       
   }
   .header-contact-btn{
       padding-right: 20px !important;
   }
   
}