/* -------------------------------------------------------------------
----------------------------------------------------------------------
								MON COMPTE
----------------------------------------------------------------------
---------------------------------------------------------------------- */

/* Tableau de bord -- Mon Compte --
---------------------------------------------------------------------- */
.account h1{color:#e99898;font-size:33px;}
.struct-blocs.struct-wrap.account{width:90%; margin: 50px auto 0 auto;background:#fff;padding:20px;}
.account.main {margin-top:5vh;}
.account.main a {color:#e99898; margin-bottom:30px; padding:10px 0;width:auto;z-index:10;background:transparent;}
.account.main a.btn,
.account.order a.btn{margin-right: 30px;}
.account.main a:hover:after{background: #be7472;}
.struct-blocs.struct-wrap .account.main{width:96%; margin:auto;}
.struct-blocs.struct-wrap .account.main article{width:100%; min-height: 100px; position:relative; font-size: 14px;}
.struct-blocs.struct-wrap .account.main article:hover {}
.struct-blocs.struct-wrap .account.main article:after{}
.struct-blocs.struct-wrap .account > .orders{width:96%; margin:auto;}
.struct-blocs.struct-wrap .account > .orders > li {width: 50%; padding: 12px;}
.struct-blocs.struct-wrap .account > .orders > li a h2 {color: #bbb; text-transform: uppercase; font-size: 12px; font-weight: bold; padding-left:0;display:inline-block;}
.struct-blocs.struct-wrap .account > .orders > li h3 {color: #be7472; font-size: 12px; font-weight: bold; display: inline-block;}
.struct-blocs.struct-wrap .account > .orders > li div.order,
.struct-blocs.struct-wrap .account > .details .order {margin-top: 6px; padding: 16px; background-color: #eee; width: 50%;}
.struct-blocs.struct-wrap .account > .orders > li div.order ul.products {border-bottom: 1px solid #ddd;}
.struct-blocs.struct-wrap .account > .orders > li div.order ul.products li {display: block; padding: 3px 0;}
.struct-blocs.struct-wrap .account > .orders > li div.order ul.products li:last-child {padding-bottom: 10px;}
.struct-blocs.struct-wrap .account > .orders > li div.order div.price {font-size: 28px; color: #000; display: block; padding: 10px 0 0 0;}
.struct-blocs.struct-wrap .account > .content{width:96%; margin:auto;}
.account.main {display: flex; justify-content: space-around; align-items: stretch; flex-direction: row;}
.account.main .left-panel,.account.main .right-panel {width:50%; padding: 12px; box-sizing: border-box;}
.account.main .right-panel {border-left: 1px solid #ccc;}

.account.main .left-panel span.line h2,.account.main .right-panel span.line h2 {background-color: #fff; position: absolute;padding:0; padding-right:16px; text-transform: uppercase; color: #000;}
.account.main .left-panel span.line span,.account.main .right-panel span.line span {margin-bottom: 42px; position: relative; top: 12px; display: inline-block; width:100%; height:2px;background-color: #777;}
.struct-blocs.struct-wrap .account.main article label { color: #bbb; text-transform: uppercase;}
.struct-blocs.struct-wrap .account.main article nav {display: flex; align-items: center; justify-content: flex-end; flex-direction: row;}
.struct-blocs.struct-wrap .account.main article nav a.btn { font-weight: bold; height: 34px; padding: 8px 32px 8px 32px; background-color: #e99898; color: white; text-transform: uppercase; font-size: 14px; display: flex; align-items: center;}
.color-pink { color: #be7472; }
.account .icoQuit{font-weight: bold; background-color: #e99898; color: #fff; padding: 7px 18px; font-size: 16px;}
.account .icoQuit .fa{color: #be7472;}
.account .titleContainer{display: flex;justify-content:space-between; align-items:flex-start;}

/* Mes adresses
---------------------------------------------------------------------- */
.wrap.adresses{margin:50px auto 0 auto; width: 92%; background:#fff; padding:20px;}
.struct-blocs.struct-wrap .account.addresses .digi-addresses ul li.address.chosen::after{content: "";background: url(/img/Icon.png) no-repeat;width: 24px;height: 24px;position: absolute;bottom: 5px;right: 5px;border:none;}
.struct-blocs.struct-wrap .account.addresses .digi-addresses ul li.address.chosen{border-color: #e99898; }
.struct-blocs.struct-wrap .account.addresses .digi-addresses ul li.address{border-color: #aaa; max-height:100px;background: #ececec;}
.struct-blocs.struct-wrap .account.addresses .digi-addresses ul li.new{background: #ececec; border-color: #aaa;}
.struct-blocs.struct-wrap .account.addresses{padding:20px; margin-top:50px;background:#fff;}

div.address{max-width:1570px;width:96%;margin:auto;margin-top:50px;background:#fff;}
div.address > section{padding:20px;}
div.address h1{color:#e99898;}
div.address .digiForm article{width:33%; display:inline-block;}
div.address .digiForm label{font-size:12px;width:20%; text-align: left;}
div.address .digiForm input,body > .address .digiForm select{border-radius:0; font-size:12px;padding:3px 0 3px 12px;}
div.address .digiForm select{-webkit-appearance: none;-moz-appearance: none;z-index:10}
div.address .digiForm article:last-child div{position:relative;z-index:1;}
div.address .digiForm article:last-child div:before{font-family: FontAwesome;content: '\f0d7';position: absolute;right: 15px;top: 11px;font-size: 20px;color: #cdcdcd;z-index:1;}
div.address .reg_form {}
div.address .reg_form button{color:#fff;font-size:12px;padding-right:40px;}
div.address .reg_form button a{color:#fff;padding: 7px 20px;}

/* Mes identifiants
---------------------------------------------------------------------- */

.account.ids{width:90%; margin:50px auto 0;background:#fff;padding:20px;}
.account.orders{width:90%; margin:50px auto 0;background:#fff;padding:20px;}
.account.addresses{width:90%; margin:50px auto 0;background:#fff;padding:20px;}
.account.ids h1,.account.ids h2 {padding-left:0;color:#e99898;}
.account.ids form span {width:auto;}
.account.ids form > input {color:#333;}
.account.ids form > input:hover {background: #ddd;}
.account.ids article.login, .account.ids article.password {padding: 12px;}
.account.ids article.password {border-left: 1px solid #ddd;}
.account form article:last-child span .input-btn {z-index: 10;position: relative;border-radius: 0;width: auto;height: 30px;font-size:12px;padding: 9px 52px 9px 22px;background-color: #e99898;color: white;text-transform: uppercase;}
.account form article:last-child span:after {box-sizing: border-box; content: '\f105';font-family: FontAwesome;font-size: 26px; height:30px;color:white;position: absolute; top:0; right: 30px; padding: 2px 10px; z-index: 20; background-color: #be7472;}
.account.ids form article:last-child{display: flex; justify-content: flex-end; margin-top: 22px;}
.struct-blocs > .ct-blocs > article form {width: 80%;}

/* Mes devis
---------------------------------------------------------------------- */


/* Mes commandes
---------------------------------------------------------------------- */
.order-container { width: 100%; display: flex; align-items: stretch; justify-content: center; }
.order-container .order-container-left { width: 48%; margin: 0.5%; padding: 12px; }
.order-container .order-container-right { width: 48%; margin: 0.5%; padding: 12px; border-left: 1px solid #ccc; font-size: 14px; }
.order-container div.actions { width: 100%; }
.order-container div.actions .btn { font-size: 14px; }
.order-container div.actions .btn:after { font-size: 24px; }
.order-container h3 { color: #e99898; }
.struct-blocs.struct-wrap .account.orders,
.validation.orders{background:#fff; padding:20px; margin-top:50px;}
.struct-blocs.struct-wrap .account .orders .order-row,
.validation .orders .order-row{width: 100%; margin-bottom: 32px; display: flex; justify-content: flex-start; align-items: stretch; flex-direction: row;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details{width: 70%; padding: 12px; font-size: 14px;}
.struct-blocs.struct-wrap .account.order .orders .order-row .order-details{width: 100%; padding: 12px;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details label a,
.validation .orders .order-row .order-details label a{color: #be7472;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details label a::after,
.validation .orders .order-row .order-details label a::after{display: none;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary,
.validation .orders .order-row .order-details .order-summary {margin-top: 6px; padding: 16px; background-color: #eee;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary,
.validation .orders .order-row .order-details .order-summary .products-summary {border-bottom: 1px solid #ddd;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary > span,
.validation .orders .order-row .order-details .order-summary .products-summary > span{display: block; margin: 2px 0; padding: 2px 0 1px;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary a:after,
.validation .orders .order-row .order-details .order-summary .products-summary a:after{display: none;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary > span.bat-status > span.bat-accept,
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary > span.bat-status > span.bat-decline,
.validation .orders .order-row .order-details .order-summary .products-summary > span.bat-status > span.bat-accept,
.validation .orders .order-row .order-details .order-summary .products-summary > span.bat-status > span.bat-decline {cursor: pointer;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary > span.bat-status,
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary > span.verif-status,
.validation .orders .order-row .order-details .order-summary .products-summary > span.bat-status,
.validation .orders .order-row .order-details .order-summary .products-summary > span.verif-status,
.validation .orders .order-row .order-details .order-summary .products-summary > span.bat-status a,
.validation .orders .order-row .order-details .order-summary .products-summary > span.verif-status a{font-weight: bold;color:#be7472;margin-left: 12px;font-size:14px;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary > ul.variations,
.validation .orders .order-row .order-details .order-summary .products-summary > ul.variations{margin: 2px 0; color:#888;margin-left: 12px;font-size:14px;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary > ul.variations li,
.validation .orders .order-row .order-details .order-summary .products-summary > ul.variations li{margin: 6px 0;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary > span.bat-status .fa-check-circle,
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary > span.verif-status .fa-check-circle,
.validation .orders .order-row .order-details .order-summary .products-summary > span.bat-status .fa-check-circle,
.validation .orders .order-row .order-details .order-summary .products-summary > span.verif-status .fa-check-circle { color: green; font-size: 14px; }
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary > span.bat-status .fa-times-circle,
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary > span.verif-status .fa-times-circle,
.validation .orders .order-row .order-details .order-summary .products-summary > span.bat-status .fa-times-circle,
.validation .orders .order-row .order-details .order-summary .products-summary > span.verif-status .fa-times-circle { color: red; font-size: 14px; }
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary > span.bat-status .fa-spinner,
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary > span.verif-status .fa-spinner,
.validation .orders .order-row .order-details .order-summary .products-summary > span.bat-status .fa-spinner,
.validation .orders .order-row .order-details .order-summary .products-summary > span.verif-status .fa-spinner { color: black; font-size: 14px; animation: waiting 1s infinite ease; }
@keyframes waiting {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary span.option,
.validation .orders .order-row .order-details .order-summary .products-summary span.option,
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary span.product,
.validation .orders .order-row .order-details .order-summary .products-summary span.product{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary span.product:not(:first-child),
.validation .orders .order-row .order-details .order-summary .products-summary span.product:not(:first-child){border-top: 1px solid #ddd; margin-top: 12px; padding-top: 12px;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary a,
.validation .orders .order-row .order-details .order-summary .products-summary a{padding: 0; margin: 0;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary span .name,
.validation .orders .order-row .order-details .order-summary .products-summary span .name{text-transform: uppercase;color:#e99898;font-weight: bold;font-size: 14px;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary span .qtty,
.validation .orders .order-row .order-details .order-summary .products-summary span .qtty{color:#888;font-weight: bold;text-transform:lowercase;font-size: 14px;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary span .price,
.validation .orders .order-row .order-details .order-summary .products-summary span .price{color:#000;font-weight: bold;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .products-summary span:last-child,
.validation .orders .order-row .order-details .order-summary .products-summary span:last-child{padding-bottom: 6px;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .amount,
.struct-blocs.struct-wrap .account.order .orders .order-row .order-details .order-summary .amount,
.validation .orders .order-row .order-details .order-summary .amount{display: flex; flex-direction: row; justify-content: space-between; font-size: 14px; font-weight: bold; color: #888;  padding: 10px 0 0 0; width: 100%; text-transform: uppercase;}
.struct-blocs.struct-wrap .account .orders .order-row .order-details .order-summary .amount span:last-child,
.validation .orders .order-row .order-details .order-summary .amount span:last-child{font-size: 18px; color: #000;}
.struct-blocs.struct-wrap .account .orders .order-row .order-actions,
.validation .orders .order-row .order-actions{width: 30%; padding: 12px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.struct-blocs.struct-wrap .account .orders .order-row .order-actions nav,
.validation .orders .order-row .order-actions nav{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.struct-blocs.struct-wrap .account .orders .order-row .order-actions nav a:not(.btn)::after,
.validation .orders .order-row .order-actions nav a:not(.btn)::after{display: none;}
.struct-blocs.struct-wrap .account .orders .order-row .order-actions nav a,
.validation .orders .order-row .order-actions nav a{margin: 0;}
.struct-blocs.struct-wrap .account .orders .order-row .order-actions nav a:not(.btn),
.struct-blocs.struct-wrap .account .orders .order-row .order-actions nav span,
.validation .orders .order-row .order-actions nav a:not(.btn){color: #be7472; font-size: 13px;}

/* Détails de la commande
---------------------------------------------------------------------- */
.struct-blocs.struct-wrap .account.order {background:#fff; padding:32px; margin-top:50px; width:90%; margin:50px auto 0;}
.struct-blocs.struct-wrap .account.order h2{
    background-color: #fff;
    position: absolute;
    padding: 0;
        padding-right: 0px;
    padding-right: 16px;
    text-transform: uppercase;
    color: #000;
}
.struct-blocs.struct-wrap .account.order span.lineTitle{
    margin-bottom: 42px;
	position: relative;
	top: 12px;
	display: inline-block;
	width: 100%;
	height: 2px;
	background-color: #777;
}

.struct-blocs.struct-wrap .account.order .addresses {margin-bottom: 42px;}

.struct-blocs.struct-wrap .account > .details .order > table {border-bottom: 1px solid #ddd; width: 100%;}
.struct-blocs.struct-wrap .account > .details .order > table tr,
.struct-blocs.struct-wrap .account > .details .order > div.total li {display: block; padding: 3px 0; position: relative;}
.struct-blocs.struct-wrap .account > .details .order > table tr td:last-child span,
.struct-blocs.struct-wrap .account > .details .order > div.total li span:last-child {right:0; position: absolute;}
.struct-blocs.struct-wrap .account > .details .order > table tr td:last-child span {bottom: 4px;}
.struct-blocs.struct-wrap .account > .details .order > table tr:last-child td:last-child span:last-child {bottom: 11px;}
.struct-blocs.struct-wrap .account > .details .order > table tr:last-child {padding-bottom: 10px;}
.struct-blocs.struct-wrap .account > .details .order{margin-bottom: 42px;}
.struct-blocs.struct-wrap .account > .details h3 {color: #be7472; text-transform: uppercase; font-size: 12px; font-weight: bold; padding-left: 0; display: inline-block;}


/* Mon panier
---------------------------------------------------------------------- */
.wrap.page.order .basket thead td {text-transform:uppercase;}
.wrap.page.order .basket tbody {background:#f6f6f6;}
.wrap.page.order .basketContainer {display:flex;flex-direction: column-reverse;}
.wrap.page.order .basketContainer thead, .wrap.page.order .basketContainer tfoot{font-weight: bold;}
.wrap.page.order .basketContainer figure{border-radius: 2%; overflow: hidden; width: 100px; height: 100px; margin-right: 12px;}
.wrap.page.order .basketContainer img{width: 100%; height: auto;}
.wrap.page.order .basketContainer .formCmd{padding-bottom:15px;}
.wrap.page.order .basketContainer .basket{width:100%;}
.wrap.page.order .basketContainer .basket h2 a,.wrap.page.order .basketContainer .basket h2{font-size:15px;color:#e99898;background-color:transparent;}
.wrap.page.order .basketContainer .basket h2 a {text-decoration: underline; }
.wrap.page.order .basketContainer .basket h2 a:hover {text-decoration: none; }
.wrap.page.order .basketContainer .basket > tfoot > tr > td{text-align:right;}
.wrap.page.order .basketContainer > nav{display: flex;justify-content: space-between; margin-top:75px;}
.wrap.page.order .basketContainer .del {border-left:1px solid #eeeeee;width:100px;}
.wrap.page.order .basketContainer .del i{color:#e99898;font-size:26px;}
.wrap.page.order .basketContainer .del i:hover{color:#be7472;font-size:28px;margin-right:-1px;margin-top:-1px;}
.wrap.page.order .continue{position: relative;width: 200px;height: 30px;text-align:center;}
/*.wrap.page.order .continue:after{position: absolute;top: 0;right: 0;content: '\f105';font-family: FontAwesome;color: #fff;background: #be7472;padding: 2px 10px;font-size: 21px;border-radius: 0;}*/
.wrap.page.order .continue a{position: absolute;top: 0;left: 0;width: 100%; color: #fff;background: #e99898;font-size: 16px;border-radius: 0;}

@media(max-width: 1000px){
.struct-blocs.struct-wrap .account > .details .order {width: 100%;}
.struct-blocs.struct-wrap .account.order {width: 100%; margin: 0;}
body > main > div {width: 100%;}
div.actions {width: 100%; margin-bottom: 15px;}
.account.main {
    display: flex;
    flex-direction: column;
}
.account.main .left-panel, .account.main .right-panel {
    width: 100%;
}
.struct-blocs.struct-wrap.account {
    width: 100%;
    margin:0;
}
.account.main .right-panel, .account.ids article.password {
    border-left: none;
}
main > section.prodOnQt{
	width: 100%;
	margin:0;
}
.wrap.page.order, .wrap.shipping, .wrap.address, .wrap.adresses, .struct-blocs.struct-wrap .account.addresses, .account.ids, div.wrap.validation {
	width:100%;
	margin:0;
}
.account.ids .struct-blocs > .ct-blocs > article form {
	width:100%;
}
.account.ids form span {
    width: 20%;
}
.account.ids form article:last-child span .input-btn{
	padding: 9px 22px 9px 22px;
}
.account.ids article.login form > article:last-child > span, .account.ids article.password form > article:last-child > span {
	width:100%;
	text-align:right;
}
.wrap.page.order .basketContainer figure {
	display:none;
}
.subNews form > section {
	padding-bottom: 40px;
}
}
@media(max-width: 600px){
.account .titleContainer { display: flex; flex-direction: column; align-items: center; }
.struct-blocs.struct-wrap .account .orders .order-row, .validation .orders .order-row {
    flex-direction: column;
}
.struct-blocs.struct-wrap .account .orders .order-row .order-details {
    width: 100%;
}
.account.ids form span {
    width: 50%;
}
.order-container .order-container-left, .order-container .order-container-right, .validation-container .validation-container-left, .validation-container .validation-container-right {
	width:100%;
	border:none;
}
.order-container, .validation-container {
	flex-direction:column;
}
.wrap.page.order .basketContainer .formCmd{
	overflow-x: auto;
}
.wrap.page.order .product > article {
	flex-direction:column;
}
.wrap.page.order .basketContainer .basket h2, .wrap.page.order .product > article span {
	width:auto;
}
body section.subNews + .bloc-image {
	display:none;
}
section.rubrique.newsletter div.ct-blocs.ct-nb-1.ct-level-0.ct-auto section.struct-blocs.struct-level-1.struct-span-12 {
	width:100%;
}
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto section > div > section.page-form.form-top {
	width:100%;
}
section.subNews form > section fieldset {
	position:relative;
}
section.map.contact.struct-blocs.struct-wrap.struct-level-0.struct-span-12 div.ct-blocs.ct-nb-2.ct-level-0.ct-2-1 .struct-blocs {
	width: 100%;
}
.digi-addresses ul li.formAddr{
	width: 100%;
}
}