* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
@import url("https://use.typekit.net/qts8igl.css");
body{
    background-color: #FFFCF0;
    color:#2F2F2F;
}
.goudy{
    font-family: goudy-old-style, serif;
    font-weight: 700;
    font-style: normal;
}
.inter{
    font-family: 'Inter', sans-serif;
}

/*typo*/
body{
    font-family: 'Inter', sans-serif;
    font-size:18px;
    font-weight:400;
    line-height: 24px;
}
.strong{
    font-weight:700;
}
.medium{
    font-weight: 500;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    font-family: goudy-old-style, serif;
    font-weight: 700;
    font-style: normal;
}
h1,.h1, h2.widthafter{
    font-size: 44px;
    line-height: 52px;
    padding-bottom : 30px;
    position: relative; 
}

h2.widthafter{
    font-size:32px;
    line-height:38px;
}

img {max-width: 100%;}

h1::after , h2.widthafter::after{
    content :'';
    height : 30px;
    position :absolute;
    bottom : 0;
    width : 1px; 
    background : #AB8800 ;
    left : 0;
    right : 0 ; 
    margin :auto ;
}
h2,.h2{
    font-size:32px;
    line-height:38px;
}
h3,.h3{
    font-size: 28px;
    line-height: 32px;
}
h4,.h4{
    font-size: 24px;
    line-height: 28px;
}
h5,.h5{
    font-size: 20px;
    line-height: 24px;
}
h6,.h6{
    font-size: 19px;
    line-height: 22px;
}
/*colors*/
.white{
    color:#ffffff;
}
.dark{
    color:#2F2F2F;
}
.grey{
    color:#919191;
}
.light-grey{
    color:#D3D3D3;
}
.light{
    color:#F3F1ED;
}
.gold{
    color:#AB8800;
} 
.light-gold{
    color:#D1BB65;
}
.pink{
    color:#FF84E3;
}
.bg-pink{
    background-color: rgba(255,132,227,0.2);
}
.bg-dark{
    background-color:#2F2F2F;
}
.bg-dark:hover{
    color:#FFF;
    background-color:#919191 !important ; 
}
.bg-grey{
    background-color:#919191;
}
.bg-light-grey{
    background-color:#D3D3D3;
}
.bg-light{
    background-color:#F3F1ED;
}
.bg-gold{
    background-color:#AB8800;
}
.bg-light-gold{
    background-color:#D1BB65;
}


/*secondary*/
.info{
    color:#3FA7D6;
}
.light-warning{
    color:#FFA000;
}
.light-danger{
    color:#EE6352;
}
.light-success{
    color:#59CD90
}
.bg-info{
    background-color:#3FA7D6;
}
.bg-light-warning{
    background-color:#FFA000;
}
.bg-light-danger{
    background-color:#EE6352;
}
.bg-light-success{
    background-color:#59CD90;
}
.bg-light-info{
    background-color:rgba(74,192,255,0.2);
}

.primary{
    color:#006EA0;
}
.warning{
    color:#FAC05E;
}
.danger{
    color:#EE6352;
}
.success{
    color:#2F7C54;
}
.bg-primary{
    background-color:#006EA0;
}
.bg-warning{
    background-color:#FAC05E;
}
.bg-danger{
    background-color:#EE6352;
}
.bg-success{
    background-color:#2F7C54;
}

.opacity-50{
    opacity: 50%;
}

.primary-50{

}
.warning-50{
    color:#FAC05E;
}
.danger-50{
    color:#EE6352;
}
.success-50{
    color:#2F7C54;
}
.bg-primary-50{
    background-color:#006EA0;
}
.bg-warning-50{
    background-color:#FAC05E;
}
.bg-danger-50{
    background-color:#EE6352;
}
.bg-success-50{
    background-color:#2F7C54;
}


.badge.bg-light-gold{
    background-color: rgba(171,136,0,0.2);
}

/*buttons*/
.btn.button{
    border-radius: 0;
    font-size:15px;
    font-weight:700;
    text-transform: uppercase;
    padding:17px 33px;
}
.btn.button.btn-lg{
    font-size: 16px;
    padding:18px 55px;
    margin-top : 10px;
}
.btn.button.btn-sm{
    font-size: 16px;
    padding:13px 25px;
}
.btn-dark{
    color:#2F2F2F;
}
.btn.dark:hover{
    color:#ffffff;
}
.btn.bg-gold:hover{
    background-color:#D1BB65 ;
}
.button-edit{
  height:46px;
    width:46px;
    border:1px solid #AB8800;
    border-radius: 50%;
    position: relative;
    background-color: #F3F1ED;
    font-size: 22px;
}
.button-edit .icon{
    position: absolute;
    top:50%;
    left:50%;
    transform: translateY(-50%) translateX(-50%);
}

/*badge*/
.badge{
    font-size: 15px;
    font-weight: 400;
    padding:6px 15px;
    border-radius: 15px;
}


/*forms*/
.form-group label{
    color:#ffffff;
    font-size:18px;
    margin-bottom:5px;
}
.form-group .form-control,.form-group .form-select{
    padding:15px 18px;
    font-size:18px;
    border-radius: 2px!important;
}
.form-group .input-group-text{
    border-bottom-left-radius: 2px!important;
    border-top-left-radius: 2px!important;
    background-color:#F3F1ED ;
}
.form-check{
    position: relative;
    min-height:50px;
    padding-left: 0;
}
.form-check label{
    /*padding-top:12px;*/
    font-weight: 700;
    position: relative;
    padding-left: 50px;
}

.form-check.form-check-inline label{
    line-height:50px;
    padding-left:60px;
}
.form-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.form-check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 47px;
    width: 47px;
    border-radius: 50%;
    border:1px solid #AB8800;
}
.form-check label:hover{
    cursor:pointer;
}
.form-check:hover input ~ .checkmark {
    border-color: #919191;
}
.form-check input:checked ~ .checkmark {
    background-color: #AB8800;
}
.form-check .checkmark .icon {
    left: 50%;
    top: 50%;
    font-size:18px;
    transform: translateX(-50%) translateY(-50%);
    color:#ffffff;
    position: absolute;

}
.form-check  .checkmark .icon {
    display: none;
}
.form-check input:checked ~ .checkmark .icon {
    display: block;
}
.form-select{height:100%}
input[type=file]::-webkit-file-upload-button,input[type=file]::file-selector-button{
display: none;
}


#soin_list{
    margin :auto;
}
 
.col-form-label label{
    max-width:100px ;
}

.presentation ul { 
    margin : 20px 0 30px;
    padding-left : 0;
} 

.presentation ul li {
    font-weight : bold;
    list-style-type : none ;
    background: url(../../img/list.svg) no-repeat left top 3px;
    padding-left: 40px;
}

.presentation ul li + li {
    margin-top : 10px;
}


.presentation .btn{
    width : 100%;
    margin-left : 0;
}

.productpage span.image {
    display: inline-block;
    position: relative;
}

 
.productpage span.image .loup a{
    position: absolute;
    right: 0;
    bottom: 0;
    background: #AB8800;
    padding: 15px 20px;
}

a.seemore {
    text-decoration : none ;
    color : #AB8800;
}

a.seemore span {
    background: #AB8800;
    color: #fff;
    border-radius: 50px;
    padding: 13px 18px 16px;
    font-size: 31px;
    margin-left: 10px;
    display : inline-block; 
}
/*alerts*/
.alert p{
    margin:0;
    font-size: 16px;
}

/*img*/
.img-circle{
    border-radius: 50%;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
}

/*steps*/
.steps{
    padding:0;
    list-style-type: none;
}
.steps li{
    display: inline-block;
    width:32%;
    text-align: center;
    position: relative;
}
.steps p{
    font-size: 18px;
    color:#D1BB65;
    font-weight: 700;
    text-transform: uppercase;
    margin:20px 0 10px 0;
}
.steps .nb{
    display: inline-block;
    height:56px;
    width:56px;
    border-radius: 50%;
    background-color:#D1BB65;
    color:white;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 56px;
}
.steps li:before, .steps li:after{
    position: absolute;
    top:27px;
    left:-3px;
    content:"";
    height:2px;
    width:50%;
    z-index: -1;
    background-color:#F3F1ED ;
}
.steps li:after{
    left:inherit;
    right:-3px;
}
.steps .active .nb{
    background-color: #AB8800;
}
.steps .active p{
    color: #AB8800;
}
.steps .active:before,.steps .active:after{
    background-color: #AB8800;
}
.steps li:first-child:before{
    display:none;
}
.steps li:last-child:after{
    display:none;
}
.steps.step1 li.active:first-child:after,
.steps.step2 li.active:nth-child(2):after
{
    background-color:#F3F1ED;
}

/*table*/
.table-order th{
font-weight: 700;
    font-size: 20px;
}
.table-order .option{
    font-weight: 700;
    font-size: 16px;
    color: #AB8800;
}
.table-order .total{
    font-weight: 700;
    font-size: 18px;
    color: #AB8800;
}
.table-order .border-left{border-left:1px solid #cccccc}
.table-order tfoot tr th,.table-order tfoot tr td{
    padding-top:25px;
}


/*accordion*/

.accordion-collapse {
    border : none ;
}
.accordion-button {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    border : 1px solid #AB8800;
}
.accordion-button:after{
    border:2px solid #2F2F2F;
    border-radius: 50%;
    height:44px;
    width:44px;
    background-position: center center;
    color: #2F2F2F!important;
}
.accordion-button:not(.collapsed)::after svg{
    fill:#2F2F2F!important;
}

.accordion-button:not(.collapsed)::after{
    transform: rotate(0deg);
}
.accordion-button.collapsed::after{
    transform: rotate(-90deg);
}


/*header*/
.header .header_btn{
    position: absolute;
    top:5px;
    right:0;
}
.header .header_btn.btn-group .btn{
    border-radius: 0!important;
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
    border-bottom-left-radius:0!important;
    border-bottom-right-radius:0!important;

}

.header.homepage {padding-left  : 0 ;
padding-right : 0;}
.header.homepage .headerhome{
    position :relative;
    height: 830px;
}


.header.homepage .headerhome svg{
    position: absolute;
    bottom : 0;
    left : 0;
    width : 100%;
}

.header.homepage #bigHalfCircle path {
    fill : #FFFCF0 ;
}

.header.homepage h2{
    font-size : 44px;
    line-height :52px;
    margin-bottom: 25px;
}
/*footer*/
.reassurance .icon{
    font-size:32px;
}
.reassurance p{
    margin:15px 0;
}
.footer{
    background-color: #F3F1ED;
}
.footer ul li a, address,.notice p{
    color:#2F2F2F;
    text-decoration: none;
    font-size: 16px;
}

/* mainnav */
ul.mainnav {text-align : right ;margin : 20px ;}
ul.mainnav li { display : inline-block;}
ul.mainnav li + li { margin-left :  45px;}
ul.mainnav li a { text-decoration : none ;color : #2F2F2F; font-size : 18px;}
.header.homepage ul.mainnav li a { color : #fff;text-shadow: 1px 1px 6px rgba(0,0,0,0.5);}

/*tabs*/
.nav-tabs{border: 0}
.nav-tabs li p,.nav-tabs li .nav-link.active{
    text-align: center;
    padding:15px;
    margin:0;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color:#2F2F2F;
    background-color: inherit;
    border: 0;
}
.nav-tabs li .nav-link.active{
    color: #AB8800;
}

/*content*/
.content p{
    color:#919191;
}
.puced{
    list-style-type: none;
    padding:0;
}
.puced li{
    position: relative;
    padding-left:26px;
    margin:15px 0;
    display: block;
}
.puced li:before{
    position: absolute;
    height:18px;
    width:18px;
    border-radius: 50%;
    font-family: 'icomoon';
    font-size: 8px;
    content: "\e900";
    color: white;
    background-color: #AB8800;
    line-height: 18px;
    text-align: center;
    top:2px;
    left:0;
}

.row.spacewidthline {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #DFDCD2;
}

/*grid*/
.container-grid{
    max-width:1600px;
}
.grid_title{
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 64px;
}
.grid_title.h1{
    font-size: 64px;
}
.grid_title.h2{
    font-size: 44px;
}
.grid_info{
   color:#919191;
    font-size:18px;
    font-weight: 400;
}
.grid_info strong{
    font-weight:700;
}

.color{
    display:inline-block;
    width:121px;
    height:121px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    margin:5px;
    position: relative;
}
.color p{
    position: absolute;
    bottom:0;
    margin:0;
    left:0;
    text-align: center;
    width:100%;
    background-color: white;
    font-size:18px;
    font-weight:700;
    padding:2px;
}
p .button{
    margin-left:15px;
}
.card-option{
    margin:0px;
}

/** Landingpage **/
.homepage.landingpage .headerhome{
    height : 100%;
}

.homepage.landingpage .headerhome > .row{
    height : 100%;
    color : #FFFFFF;
    text-align: left;
    font-size: 21px;
    line-height: 29px;
}

.homepage.landingpage .headerhome > .row .col-item{
    padding : 9em 5em 5em;
}


.goldbg {
    background-color : rgba(171,136,0,0.55);
}

.darkbg {
    background-color : rgba(52,51,51,0.63);
}

.homepage.landingpage .headerhome > .row {
    margin : 0 ;
}
.homepage.landingpage .headerhome > .row .accordion .accordion-header {
    text-align : center ;
}

.homepage.landingpage .headerhome .img-fluid.logo {
    position: absolute;
    top: 50px;
}

.homepage.landingpage .headerhome > .row .accordion .accordion-header button {
    width : auto ; 
    border-radius: 0;
    margin : 40px auto ;
    color : #AB8800 ;
}
.homepage.landingpage .headerhome > .row .accordion .accordion-item.rgpd .accordion-header button{
    width : 100% ;
    padding: 5px 18px;
    font-size: 15px;
    border-radius: 2px!important;
    color: #212529;
    font-weight : normal ;
    background-color: #ffffff;
    margin-bottom: 0;
}

.homepage.landingpage .headerhome > .row .accordion .accordion-header button::after {
    display : none ;
}

.homepage.landingpage .headerhome > .row .accordion .accordion-item.rgpd .accordion-header button::after{
    display : block;
    background: url(../../img/right-arrow.svg) no-repeat center;
    border: none;
}
.homepage.landingpage .headerhome > .row .accordion .accordion-body form{
    max-width : 410px ;
    margin : auto ; 
}

.homepage.landingpage .headerhome > .row .accordion .accordion-body form input[type=submit]{
    border-radius: 0 ;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 17px 33px;
}

.homepage.landingpage .headerhome > .row .accordion .accordion-item.rgpd .accordion-body{
    border-radius: 0;
    font-size: 15px;
    font-style: italic;
    line-height: 21px;
    padding : 0 ;
}