.account{display:flex;padding-bottom:50px;}
.account-content{flex:1;}
.account-section{padding-top:80px;}
.account-title{font-size:40px;line-height:50px;padding:10px 0;font-weight:700;}
.account .submit{background-color:#000;color:#FFF;padding:12px 48px;margin-top:12px;}
.account input, .account select{border:1px solid #000;padding:16px;}
.account table{width:100%;border-collapse:collapse;}
.account table th, .account table td{background-color:#F2ECE6;padding:12px;}

.account-bg{display:flex;flex-direction:column;min-width:100%;height:100%;background:no-repeat center center;background-size:cover;text-align:center;padding:64px 64px 96px;}
.account-bg-text{font-size:42px;margin:auto;}
.account-bg-text span{font-size:84px;font-family:'DawningofaNewDay';}

.account-aside{flex-basis:380px;margin:64px 32px 0 0;}
.account-aside-content{padding:30px 20px;}
.account-aside-title{font-size:19px;font-weight:700;color:#999;text-transform:uppercase;}
.account-aside-title label{background-color:#FFF;padding:0 12px;}
.account-aside-title:hover label{color:#555;}
.account-aside-title.toggled{color:inherit;}
.account-aside-title.toggled:before{position:absolute;content:'';left:0;right:0;top:50%;width:100%;height:2px;background-color:#000;}
* + .account-aside-title{margin-top:24px;}
.account-aside-text{font-size:14px;line-height:19px;}

.account-radio-toggle{top:0;}
.account-radio-toggle + .account-radio-div{display:none;}
.account-radio-toggle:checked + .account-radio-div{display:block;}

.account-aside-disconnect{display:inline-block;background-color:#000;font-size:19px;font-weight:700;text-transform:uppercase;padding:12px;margin-top:24px;margin-left:12px;}
.account-aside-disconnect button{background-color:initial;color:#FFF;}

/* Orders */
.account-orders{background-color:#F2ECE6;padding:0 12px 12px;}
.account-orders-table th{font-size:18px;}
.account-orders-table th, .account-orders-table td{border-bottom:2px solid #000;background-clip: padding-box;}
.account-orders-table .expand{display:flex;align-items:center;flex-wrap:wrap;}
.account-orders-table .expand > span{flex:1;}
.account-orders-table .expand .see-more{background-color:inherit;font-weight:700;cursor:pointer;white-space:nowrap;}
.account-orders-table .expand .see-more span{display:inline-block;vertical-align:middle;}
.account-orders-table .expand .icon{font-size:32px;}

.account-orders-table .tr-commande{display:table-row;}
.account-orders-table .tr-commande.hide{display:none;}
.account-orders-table tr.focused td{background-color:#FFF;}
.account-orders-table .tr-commande > td{padding:0;}
.account-orders-table .inner-table td{background-color:#FFF;border-bottom:0;}
.account-orders-table .inner-table tr + tr td{border-top:2px solid #000;}
.account-orders-table .back-to-cart{background-color:#769A7F;color:#FFF;padding:6px 24px;}
.account-orders-table button.link{background-color:inherit;}
.account-orders-table button.link:hover{text-decoration:underline;}
.account-orders-btn{border: 1px solid #000; padding: 2px 8px; border-radius: 20px; background: #fff;}
.account-orders-btn:hover{background: #000; color: #fff;}

/* Infos */
.account-infos{background-color:#F2ECE6;padding:36px 24px;}
.account-infos input[type=email]{min-width:50%;font-size:20px;}
.account-infos .input-label{font-size:14px;}
.account-infos .forgotten-password{display:none;}
.account-infos .forgotten-password input::placeholder{color: #999;}
.account-infos input:checked + label + .forgotten-password{display:block; padding: 15px;}
.account-infos-password input[type='checkbox'] + label.input-label {display: flex; align-items: center; gap: 10px; border: 1px solid #000; width: max-content; padding: 4px 10px; border-radius:15px;}
.account-infos-password input[type='checkbox'] + label.input-label:hover{background-color: #444746;color: #fff;}
.account-infos-password input[type='checkbox'] + label.input-label:hover svg * {stroke: #fff;}
.account-infos-password{padding:0; margin: 12px 0;}
.account-infos-birthday .date-selector{float:left;padding:12px 6px 6px 0;}


/* Addresses */
.account-addresses{background-color:#F2ECE6;padding:36px 24px;}
.account-addresses input[type=radio] + *{display:none;}
.account-addresses input[type=radio]:checked + *{display:block;}
/*.account-addresses .address-input-toggle{top:0;}*/
.account-addresses-select select{background-color:#D4A88E;color:#FFF;border:none;min-width:50%;font-size:20px;}
.account-addresses label.submit{display:inline-block;}
.account-address{display:none;}
.account-address-buttons button{font-weight:700;background-color:inherit;}
.account-address-button{float:left;font-weight:700;padding:12px;}
.account-address-details{padding:12px 0;}
.account-address-form{padding:24px 0 0;}
.account-address .input-toggle{top:0;}

/* Fidelity */
.account-fidelity{background-color:#F2ECE6;padding:36px 24px;}
.account-fidelity-points{font-size:24px;font-weight:700;}
.account-fidelity-amount{font-size:20px;padding:12px 0;}

/* Settings */
.account-settings{background-color:#F2ECE6;padding:12px 24px;}
.account-settings-title{font-size:20px;font-weight:700;padding:6px 0;}
.account-settings-choice{padding:6px 0;}
.account-settings-choice .round, .account-settings-choice .square{display:inline-block;width:16px;height:16px;background-color:#FFF;}
.account-settings-choice .round{border-radius:50%;}
.account-settings-choice input:checked + label{border:1px solid #000;}
.account-settings-choice input:checked + label:after{position:absolute;content:'';width:8px;height:8px;top:3px;left:3px;background-color:#000;}
.account-settings-choice input:checked + .round:after{border-radius:50%;}

/* Address Form */
.address-form{display:flex;flex-direction:column;}
.address-form button[type=submit]{background-color:#000;color:#FFF;padding:8px 48px;margin-top:6px;}
.address-main-title{font-size:20px;font-weight:700;padding:12px 4px;}
.address-row{flex:1;display:flex;gap:12px;}
.address-row + .address-row{margin-top:20px;}
.address-row input[type=text], .address-row select{flex:1;margin:0;width:100%;height:50px;padding:0 16px;background:white;}
.address-row input::placeholder{color:#999;}
.address-item{flex:1;}
.address-label{margin-bottom:4px;}

/* Connection */
.connection{margin:0 -20px;}
.connection .date-selector{float:left;padding:0 10px 5px 0;}
.connection .date-selector select{background-color:white;}
.connection .choice.st{font-size:12px;}
.connection-aside{padding:20px;margin:0 0 0 auto;}
.connection-aside .cart-aside{margin:0;}

.connection-choice{display:inline-block;padding-right:24px;}
.connection-main-title{font-size:40px;font-weight:700;line-height:50px;padding:40px 20px 0 20px;}
.connection-private-sell{padding:10px 20px 0;font:100 italic  16px/24px 'Montserrat', sans-serif;}
.connection-parts{display:flex;}
.connection-border{padding:10px 0;border:1px solid #000;border-width:1px 0;}
.connection-bg{background-color:#F2ECE6;padding:40px 30px 30px;}
.connection-content{flex:0 1 500px;padding:20px;}
.connection-section{padding-top:80px;}
.connection-title{font-size:26px;font-weight:700;}
.connection-submit{display:inline-block;background-color:#000;color:#FFF;padding:12px 48px;margin-top:30px;font-size:20px;}
.connection-input-wrap{padding-top:20px;}
.connection-input-wrap + .connection-input-wrap{padding-top:30px;}
.connection-label{padding-bottom:5px;}
.connection-link{display:block;text-decoration:underline;padding-top:5px;}
.connection-link-wrap{padding-bottom:16px;}
.connection-link-wrap a{display:inline-block;}
.connection input, .connection select{border:1px solid #000;padding:16px;}
.connection input{width:100%;max-width:600px;}
.connection input::placeholder{color: #999;}
.connection table{width:100%;border-collapse:collapse;}
.connection table th, .connection table td{background-color:#F2ECE6;padding:12px;}

.inscription .connection-content{flex:1;}

/* Demande de catalogue */
.catalog{display:flex;}
.catalog-section{padding:64px 12px 0;}
.catalog-links{flex:1 0;}
.catalog-form{flex:2 0;}
.catalog-links img{width:100%;}
.catalog-link{display:block;font-size:18px;font-weight:700;padding:12px;}
.catalog-link a{display:block;width:100%;background-color:#C7A983;text-align:center;padding:12px 24px;transition:0.5s;}
.catalog-link a:hover{background-color:#D8C3A8;}
.catalog-bg{background-color:#F2ECE6;padding:32px 24px;}
.catalog-row{display:flex;}
.catalog-field{flex:1 0;}
.catalog-row .catalog-field{flex:1 0;padding:0 8px 0 0;}
.catalog-row .catalog-field + .catalog-field{flex:2 0;padding:0 0 0 8px;}
.catalog-choice{display:inline-flex;align-items: flex-start;padding-right:48px;}
.catalog-choice label{min-width: 20px;}
.catalog-choice label + label{font-size: 20px;padding-left: 12px;}
.catalog-main-title{font-size:40px;font-weight:700;line-height:50px;padding-bottom:12px;}
.catalog-text{padding-bottom:12px;}
.catalog-border{padding-bottom:12px;border-bottom:1px solid #000;}
.catalog-content{flex:1;}
.catalog-title{font-size:24px;line-height:32px;padding:10px 0;font-weight:700;}
.catalog-form{display:flex;flex-direction:column;}
.catalog-submit{margin-top:32px;}
.catalog-submit button{background-color:#000;color:#FFF;padding:12px 48px;}
.catalog-label{padding-bottom:4px;}
.catalog-link-wrap{padding-bottom:16px;}
.catalog-link-wrap a{display:inline-block;}
.catalog input, .catalog select{width:100%;font-size: 16px;border:1px solid #000;padding:16px;}
.catalog input::placeholder{color: #999;}
.catalog table{width:100%;border-collapse:collapse;}
.catalog table th, .catalog table td{background-color:#F2ECE6;padding:12px;}

.catalog-input-wrap{flex:1 0;padding-bottom:16px;}
/*.catalog-input-wrap.user-choice label{flex: 1;}*/
/*.catalog-input-wrap.user-choice label + label{font-size: 20px;padding-left: 12px;}*/

/* Parrainage */
.footer-form{background-color:#c9c9c9;padding:12px 24px;}
.footer-form sup{color:#b2121e;}
.footer-form .label{font-size:20px;font-weight:700;padding-bottom:6px;}
.footer-form .recit-titre{background-color:#333;padding:8px 12px;font-size:24px;color:white;}
.footer-form .formulaire{background-color:#FFF;}
.footer-form input, #recit textarea{background-color:#EEE;border:1px solid #CCC;}
.footer-form input{width:100%;height:40px;padding:0 10px;font-size:18px;}
.footer-form input:focus{box-shadow:none;}
.footer-form textarea{width:100%;resize:vertical;height:200px;padding:12px;font-size:16px;}
.footer-form a.btn{display: inline-block;}
.footer-form .btn{background-color:#333;color:white;font-size:20px;padding:12px;transition:all 0.5s;}
.footer-form .btn:hover{background-color:#666;}
.footer-form.parrainage{font-size:18px;}
.footer-form.parrainage .rules sup{color:inherit;}
.footer-form.parrainage img{max-width:100%;}
.footer-form.parrainage ul{padding-left:26px;}
.footer-form.parrainage .little{font-size:12px;}


/* Slider */
#slider{min-height:200px;line-height:200px;background:#333 url(../img/haut/default.jpg) no-repeat center center;color:white;background-size:cover;}
#slider.blog{min-height:250px;line-height:250px;}
#slider.product{height:auto;min-height:initial;line-height:initial;}
/*#slider.product .descr-categ{height:100%;}*/
#slider .titre-article{max-width:570px;font-family:'Cabin Sketch';font-size:36px;color:white;line-height:initial;/*padding-bottom:24px;*/}
#slider .description-article{line-height:initial;}
#slider .descr-categ{max-width:500px;background-color:rgba(0, 0, 0, 0.35);padding:24px 12px 12px;font-size:16px;transition:background-color 0.3s;}
#slider .descr-categ:hover{background-color:rgba(0, 0, 0, 0.65);}
#slider .descr-categ .title{vertical-align:bottom;font-family:'Cabin Sketch';font-size:40px;color:white;line-height:1;text-transform:uppercase;}
#slider .descr-categ .text{text-align:justify;line-height:24px;}
.ariane{font-family:'Titillium Web', Arial;font-size:16px;padding-top:12px;}