@charset "utf-8";
/* CSS Document */

html {
	scroll-behavior: smooth!important;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto!important;
  }
}

@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 1.6rem!important;
    }
}

.card-title {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size:2rem!important;
}

#def {
margin-top:50vh;
margin-bottom:100vh;
}

.container {
    max-width: 1140px!important;
	padding-top: 2.5rem!important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

table {
    caption-side: top!important;
}

// Images and content

.valignimg {
  vertical-align: top!important;
}

img, svg {
    vertical-align: top!important;
}

.col-1 {
    flex: 0 0 auto;
    width: 5%;
}
.col-2 {
    flex: 0 0 auto;
    width: 32%;
}
.col-3 {
    flex: 0 0 auto;
    width: 32%;
}
.col-4 {
    flex: 0 0 auto;
    width: 30%;
}

.bi {
    width: 1.4em!important;
    height: 1.4em!important;
    fill: currentcolor;
}

.table>:not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 0px!important;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

/* Bulles tippy */
.tippy-box {
                background-color: #E8E8E8;
                font-size: 13px;
                color: #555555;
            }
            .tippy-arrow {
                color: #E8E8E8;
            }

/* fin Bulles tippy */

.gauche20 {
    padding-left: 20px;        
}

/*.entete1 {
    font-size:15px!important;
    background-color:#E8595B;
    padding:5px;
}
.entete2 {
    font-size:15px!important;
    background-color:#DDDC3F;
    padding:5px;
}
.entete3 {
    font-size:15px!important;
    background-color:#;
    padding:5px;
}*/

.table-responsive {
    overflow-x: hidden!important;
    -webkit-overflow-scrolling: touch;
	vertical-align: top;
}

.espace {
    margin-top:30px!important;
    text-align:right;
}

.espacebouton {
     margin-top:30px!important;
}

.pictoessentiel {
    font-size: 1.2em!important;
    color: #2e7aad!important;
}
.pictoessentielgris {
    font-size: 1.2em!important;
    /*color: #2e7aad!important;*/
    color:rgba(46, 122, 173, 0.1)!important;
    
}

.pictopremium {
   font-size: 1.2em!important;
    /*color: #a08346!important;*/
	color: #867041!important;


}

.pictopremiumsvg {
    width: 1.3em!important;
    height: 1.3em!important;
   /* fill: #a08346!important;*/
	fill: #867041!important;
	
}

.pictoprestige {
    font-size: 1.2em!important;
    color: #555555!important;
}

.pictoprestigesvg {
    width: 1.3em!important;
    height: 1.3em!important;
    fill: #555555!important;
}

.pictogris {
    font-size: 1.2em!important;
    color: #c4c4c4!important;
    margin-left:5px!important;
}

.pictogristop {
    font-size: 1.4em!important;
    color: #c4c4c4!important;
    margin-left:5px!important;
}

.tippyessentiel {
    font-size: 1.2em!important;
    color: #2e7aad!important;
    margin-left:5px!important;
}

.tippypremium {
    font-size: 1.2em!important;
    color: #867041!important;
    margin-left:5px!important;
}

.tippyprestige {
    font-size: 1.2em!important;
    color: #555555!important;
    margin-left:5px!important;
}

caption {
	font-weight:400!important;
	font-size:12px!important;
	text-align: center!important;
}

.td1
{
    width: 50%!important;
    height: 30px!important;
    vertical-align: top!important;
}

.td1-rgaa
{
    width: 100%!important;
    height: 0px!important;
    vertical-align: top!important;
}

.spacerows
{
    padding-bottom:10px
}

.libelle {
    text-align: right;
    font-size:15px;
    font-weight: 700;
    line-height: 1.4;
}

.libelle-rgaa {
    text-align: center;
    font-size:15px;
    font-weight: 700;
    line-height: 1.4;
}

.souslibelle {
text-align: right;
font-size:13px;
}

.souslibelle-rgaa {
text-align: right;
font-size:13px;
font-weight:400;
}

.offre-essentiel {
font-size:13px;
color: #2e7aad!important;
vertical-align: top!important;
}
.essentiel {
color: #2e7aad!important;
padding-bottom: 10px;
}

.offre-premium {
font-size:13px;
/*color: #a08346!important;*/
color: #867041!important; 
vertical-align: top!important;
}

.premium {
/*color: #a08346!important;*/
color: #867041!important; 
padding-bottom: 10px;
}

.offre-prestige {
font-size:13px;
color: #555555!important;
vertical-align: top!important;
}

.prestige {
color: #555555!important;
padding-bottom: 10px;
}



/* Gradient color1 - color2 - color1 */

hr.style-gris {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(204, 204, 204, 0.3), rgba(196, 196, 196, 1), rgba(204, 204, 204, 0.3));
}

.style-gris {
    background-color: linear-gradient(to right, rgba(204, 204, 204, 0.3), rgba(196, 196, 196, 1), rgba(204, 204, 204, 0.3));
}

hr.style-essentiel {
    border: 0;
    height: 1px!important;
    background-image: linear-gradient(to right, rgba(204, 204, 204, 0.3), rgba(46, 122, 173, 1), rgba(204, 204, 204, 0.3));
}

hr.style-premium {
    border: 0;
    height: 1px!important;
    background-image: linear-gradient(to right, rgba(204, 204, 204, 0.3), rgba(160, 131, 70, 1), rgba(204, 204, 204, 0.3));
}

hr.style-prestige {
    border: 0;
    height: 1px!important;
    background-image: linear-gradient(to right, rgba(204, 204, 204, 0.3), rgba(45, 45, 45, 1), rgba(204, 204, 204, 0.3));
}

/*:root { 
    --bs-border-color-translucent: rgba(0, 0, 0, 0.100)!important;
}*/

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(85,85,85,.095)!important;
}

.contouressentiel {
   /* --bs-border-color: rgba(25, 103, 63, 0.8)!important;*/
    --bs-border-color-translucent: rgba(46, 122, 173, 0.7)!important;
}

.contourpremium {
    /*--bs-border-color: rgba(25, 103, 63, 0.8)!important;*/
    --bs-border-color-translucent: rgba(160, 131, 70, 0.7)!important;
}
.contourprestige {
    /*--bs-border-color: rgba(25, 103, 63, 0.8)!important;*/
    --bs-border-color-translucent: rgba(45, 45, 45, 0.4)!important;
}

.ml {
    margin: 10px 10px 30px 10px;
    color: #707070;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
	text-align:left;
}
/* boutons boostrap */
.btn-outline-essentiel {
    --bs-btn-color: #2e7aad!important;
    --bs-btn-border-color: #2e7aad!important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2e7aad!important;
    --bs-btn-hover-border-color: #2e7aad!important;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2e7aad!important;
    --bs-btn-active-border-color: #2e7aad!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #2e7aad!important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2e7aad!important;
    --bs-gradient: none;
}

/*.btn-outline-premium {
    --bs-btn-color: #a08346!important;
    --bs-btn-border-color: #a08346!important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #a08346!important;
    --bs-btn-hover-border-color: #a08346!important;
    --bs-btn-focus-shadow-rgb: 13,110,253!important;
    --bs-btn-active-color: #fff!important;
    --bs-btn-active-bg: #a08346!important;
    --bs-btn-active-border-color: #a08346!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #a08346!important;
    --bs-btn-disabled-bg: transparent!important;
    --bs-btn-disabled-border-color: #a08346!important;
    --bs-gradient: none!important;
}*/

.btn-outline-premium {
    --bs-btn-color: #867041!important;
    --bs-btn-border-color: #867041!important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #867041!important;
    --bs-btn-hover-border-color: #867041!important;
    --bs-btn-focus-shadow-rgb: 13,110,253!important;
    --bs-btn-active-color: #fff!important;
    --bs-btn-active-bg: #867041!important;
    --bs-btn-active-border-color: #867041!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #867041!important;
    --bs-btn-disabled-bg: transparent!important;
    --bs-btn-disabled-border-color: #867041!important;
    --bs-gradient: none!important;
}

.btn-outline-prestige {
    --bs-btn-color: #555555!important;
    --bs-btn-border-color: #555555!important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #555555!important;
    --bs-btn-hover-border-color: #555555!important;
    --bs-btn-focus-shadow-rgb: 13,110,253!important;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #555555!important;
    --bs-btn-active-border-color: #555555!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
    --bs-btn-disabled-color: #555555!important;
    --bs-btn-disabled-bg: transparent!important;
    --bs-btn-disabled-border-color: #555555!important;
    --bs-gradient: none!important;
}

.btn-outline-prestige-rgaa {
    --bs-btn-color: #555555!important;
    --bs-btn-border-color: #555555!important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #555555!important;
    --bs-btn-hover-border-color: #555555!important;
    --bs-btn-focus-shadow-rgb: 13,110,253!important;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #555555!important;
    --bs-btn-active-border-color: #555555!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
    --bs-btn-disabled-color: #555555!important;
    --bs-btn-disabled-bg: transparent!important;
    --bs-btn-disabled-border-color: #555555!important;
    --bs-gradient: none!important;
}


.btn-essentiel {
    color: #fff!important;
    background-color: #2e7aad!important;
    border-color: #2e7aad!important;
}
.btn-essentiel:hover {
    color: #fff!important;
    background-color:#4189bc!important;
    border-color: #4189bc!important;
}

.btn-premium {
    color: #fff!important;
    background-color: #867041!important;
    border-color: #867041!important;
}

.btn-premium:hover {
    color: #fff!important;
    background-color: #af9357!important;
    border-color: #af9357!important;
}

.btn-prestige {
   color: #fff!important;
    background-color: #555555!important;
    border-color: #555555!important;
}

.btn-essentiel-entete {
    color: #fff!important;
    background-color:#3076a6!important;
    border-color: #3076a6!important;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 1.5rem;
    font-weight: 400;
	padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.btn-premium-entete {
    color: #fff!important;
    background-color: #867041!important;
    border-color: #867041!important;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 1.5rem;
    font-weight: 400;
	padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.btn-prestige-entete {
    color: #fff!important;
    background-color: #555555!important;
    border-color: #555555!important;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 1.5rem;
    font-weight: 400;
	padding-left: 1.2rem;
    padding-right: 1.2rem;
	outline-offset: 5px!important;
}

.btn-outline-prestige {
    --bs-btn-color: #555555!important;
    --bs-btn-border-color: #555555!important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #555555!important;
    --bs-btn-hover-border-color: #555555!important;
    --bs-btn-focus-shadow-rgb: 13,110,253!important;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #555555!important;
    --bs-btn-active-border-color: #555555!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
    --bs-btn-disabled-color: #555555!important;
    --bs-btn-disabled-bg: transparent!important;
    --bs-btn-disabled-border-color: #555555!important;
    --bs-gradient: none!important;
}
	
	
.button-outline-prestige {
	color: #fff;
	text-decoration: none;
	font-size: 1.5rem!important;
	font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 400;
	position: relative;
	display: inline-block;
	background:#555555!important;
	border-radius: 6px;
	cursor: pointer;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
	padding-top: 0.5rem;
    padding-bottom : 0.5rem;
	outline-offset:5px!important;
    outline-color: #555555!important;
	}
	
	.button2-outline-prestige {
	color: #fff;
	text-decoration: none;
	font-size: 1rem!important;
	font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 400;
	position: relative;
	display: inline-block;
	background:#555555!important;
	border-radius: 6px;
	outline-offset:5px!important;
    outline-color: #555555!important;
	cursor: pointer;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
	padding-top: 0.5rem;
    padding-bottom : 0.5rem;
	}
		
		
	.button-outline-premium {
	color: #fff;
	text-decoration: none;
	font-size: 1.5rem!important;
	font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 400;
	position: relative;
	display: inline-block;
	background:#867041!important;
	border-radius: 6px;
	outline-offset: 5px!important;
	outline-color: #867041!important;
	border: 0;
	cursor: pointer;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
	padding-top: 0.5rem;
    padding-bottom : 0.5rem;
	}
	
	.button2-outline-premium {
	color: #fff;
	text-decoration: none;
	font-size: 1rem!important;
	font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 400;
	position: relative;
	display: inline-block;
	background:#867041!important;
	border-radius: 6px;
	outline-offset: 5px!important;
	outline-color: #867041!important;
	cursor: pointer;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
	padding-top: 0.5rem;
    padding-bottom : 0.5rem;
	}
	
	.button-outline-essentiel {
	color: #fff;
	text-decoration: none;
	font-size: 1.5rem!important;
	font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 400;
	position: relative;
	display: inline-block;
	background:#3076a6!important;
	border-radius: 6px;
	outline-offset: 5px!important;
	outline-color: #3076a6!important;
	border: 0;
	cursor: pointer;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
	padding-top: 0.5rem;
    padding-bottom : 0.5rem;
	}
	
	.button2-outline-essentiel {
	color: #fff;
	text-decoration: none;
	font-size: 1rem!important;
	font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 400;
	position: relative;
	display: inline-block;
	background:#3076a6!important;
	border-radius: 6px;
	outline-offset: 5px!important;
	outline-color: #3076a6!important;
	border: 0;
	cursor: pointer;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
	padding-top: 0.5rem;
    padding-bottom : 0.5rem;
	}
	

/*.btn-prestige:hover {
   color: #fff!important;
    background-color: #888888!important;
    border-color: #888888!important;
}*/

.btn-prestige2 {
    color: #555 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

section.haut{text-align:right!important;padding-top: 10px !important;}

ul.icons.alt.haut {
    padding-top: 20px!important;
}
.typecarte{
    font-weight:400;
}

.card {
    --bs-card-border-width: 0.5px!important;
    --bs-card-border-color: var(--bs-border-color-translucent)!important;
}

.tippybutton {
    border: none;
    color: #444;
    background: #ffffff;
	will-change: opacity;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 4px							px;
    border-radius: 4px;
    -webkit-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
	vertical-align: top !important;
    /*box-shadow: 0 1px 4px -2px black, inset 0 2px 1px -1px rgba(255, 255, 255, 0.1);*/
    }
	
	.tippybutton-premium {
    border: none;
    color: #867041;
    background: #ffffff;
	will-change: opacity;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 4px							px;
    border-radius: 4px;
    -webkit-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
    /*box-shadow: 0 1px 4px -2px black, inset 0 2px 1px -1px rgba(255, 255, 255, 0.1);*/
    }
	
	.css-1g3wk41 {
    border: none;
    color: #fff;
    background: #424557;
    will-change: opacity;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 16px;
    border-radius: 4px;
    -webkit-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
    box-shadow: 0 1px 4px -2px black, inset 0 2px 1px -1px rgba(255, 255, 255, 0.1);
}