/**CSS DressCodes web/css**/
/* Global
%%%%%%%%%%%%%%%%%%*/
body {
    background: url(../../frontend/DressCodes/adorla/fr_FR/images/background.png) repeat scroll 0 0 transparent;
    color: #717171;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    text-align: left;
    height: auto !important;
}

* {
    margin: 0;
    padding: 0;
}

ul, ol {
	list-style: none;
	padding-left: 0;
}

ul>li, ol>li {
    margin-top: 0;
    margin-bottom: 0;
}

a, a:visited, .alink:visited {
    color: #717171;
    text-decoration: none !important;
}

a:hover {
    text-decoration: none;
    color: #ee6423;
}

 h1.page-title {
    margin: 0;
    text-align: left;
    color: #696868;
    font-family: Ubuntu,Arial,Verdana;
    font-size: 19px;
    line-height: 22px;
}

iframe { width: 100% !important; }

.fa, .far, .fas {
    font-family: "FontAwesome" !important;
}

.in-stock > .fa { 
	color: #7e9e22;
    font-size: 15px;
    font-weight: 400;
    margin-right: 5px;
}

::selection {
    background: #ee6423;
    color: #fff;
    text-shadow: none;
}

button.button span, .back-link a {
    display: block;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    background: #ee6423;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 18px;
    line-height: 16px;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    text-decoration: none;
}

.page-main {
    max-width: 1000px !important; 
    position: relative;
    padding: 0 !important;
}

.pull-left { float: left; }
.pull-right { float: right; }

.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after, 
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after, 
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after, .search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after, .products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after, 
.product-view .box-tags .form-add:after, 
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after {
	display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}


/* Header
%%%%%%%%%%%%%%%%%%*/

/* Sur Header */
.page-header .panel .panel { 
	padding: 0 !important;
}

.header.content { padding: 0 !important;  }


.container-header-adorla { background: rgba(0, 0, 0, 0) url(../../frontend/DressCodes/adorla/fr_FR/images/bg-header.png) repeat-x scroll 0 0; }

.header-adorla {
   	max-width: 1000px;
    margin: 0 auto;
    padding: 0px;
	position: relative;
    z-index: 10;
    padding-bottom: 10px;
    height: 161px;
}

.header-adorla .header_left {
    float: left;
    margin-right: 10px;
    position: relative;
    width: 356px;
}
 
.header-adorla .header_block {
    border-bottom: 2px solid #727270;
    height: 36px;
    margin-bottom: 10px;
}

.header-adorla .header_left .header_rea, 
.header-adorla .header_right .header_rea {
    color: #353535;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 400;
    height: 36px;
    width: 172px;
    padding-top: 5px;
    display: block;
    float: left;
}

.header-adorla .header_left i, 
.header-adorla .header_right i {
    width: 22px;
    height: 22px;
    margin: 0 10px 0 0;
    color: #7e9e22;
    font-size: 18px;
    font-weight: 400;
}

.header-adorla .header_right li {
    list-style-type: none;
    display: inline-block;
}

.header-adorla .header_right .black > li:before {
    width: 22px;
    height: 22px;
    margin: 0 10px 0 0;
    color: #353535;
    font-size: 18px;
    font-weight: 400;
    content: '\f007';
    font-family: 'FontAwesome';
}

.header-adorla .header_right .minicart-wrapper {
    float: none;
}
.header-adorla .header_right .minicart-wrapper .action.showcart:before {
    width: 22px;
    height: 22px;
    margin: 0 10px 0 0;
    color: #f16410;
    font-size: 22px;
    font-weight: 400;
    content: '\f290';
    font-family: 'FontAwesome';
}


.header-adorla .minicart-wrapper .action.showcart .text {
    position: inherit;
}

.minicart-wrapper .action.showcart .counter.qty {
    display: initial;
    border-radius: 50%;
    padding: 0 7px;
}

#nav-menu {
    float: left;
    padding: 30px 0 0 20px;
}

#nav-menu {
    float: left;
     padding: 30px 0 0 20px;
}
#menu {
    display: table;
    width: 358px;
}
#menu > li {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
#menu > li > a {
color: #353535;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 18px;
display: inline-block;
-webkit-transition: color .3s ease-in;
-moz-transition: color .3s ease-in;
-o-transition: color .3s ease-in;
transition: color .3s ease-in;
}

#menu > li > a:hover {color: #f16410;
-webkit-transition: color .3s ease-in;
-moz-transition: color .3s ease-in;
-o-transition: color .3s ease-in;
transition: color .3s ease-in;}

#menu > li > a h2:hover {color: #f16410;
-webkit-transition: color .3s ease-in;
-moz-transition: color .3s ease-in;
-o-transition: color .3s ease-in;
transition: color .3s ease-in;}


#menu > li > a .icon {
    left: -10px;
    position: absolute;
    top: -7px;
    
}

#menu > li > a .arrow, #menu > li > a .icon, #menu > li > a .title {
    display: inline-block;
    vertical-align: middle;
}
#menu > li > a .arrow, #menu > li > a .icon, #menu > li > a h2 {
    display: inline-block;
	color: #353535;
    vertical-align: middle;
	font-size: 18px;
	line-height: 18px;
    font-weight: 400;
	margin: 0px;
}

@media (min-width: 768px) {
	.nav-sections { margin-bottom: 0 !important; }
}

.header-adorla .header_middle {
    float: left;
    margin-top: 18px;
    position: relative;
    text-align: center;
    width: 264px;
}

.header-adorla .logo {
    display: block;
    float: none;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.header-adorla .logo img {
    height: auto;
    width: 100%;
}

.header-adorla .header_right {
    float: right;
    margin-right: 0px;
    position: relative;
    width: 350px;
}


.header-adorla .header_block .orange, 
.header-adorla .header_block .orange i{
    color: #f16410;
}

.header-adorla .header_block .black a {
    color: #353535;
}

.sprite {
    background-image: url(../../frontend/DressCodes/adorla/fr_FR/images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}

.product-block-image .hover_block .button .sprite-ajouter-panier {
	background-image: url(../../frontend/DressCodes/adorla/fr_FR/images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    width: 95px;
    height: 18px;
    background-position: -5px -5px;
	
}


/* Accès professionnel */
.sprite-icon-fr {
    width: 110px;
    height: 80px;
    background-position: 0px -169px;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    right: -110px;
    top: 30px;
}

@media only screen and (max-width: 960px) and (min-width: 669px) {
    .sprite-icon-fr {
        background-position: -5px -170px;
        background-repeat: no-repeat;
        display: inline-block;
        height: 72px;
        position: absolute;
        right: 0;
        top: 50px;
        width: 98px;
    }
}

@media only screen and (max-width: 668px)  {
    .sprite-icon-fr {
       display: none;
    }
}

/* Accueil 
%%%%%%%%%%%%%%%%%%*/
.bloc-accueil .uk-panel-box{
	background: #353535 !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
	padding: 15px 10px 15px 10px;
    margin-bottom: 5px;
}
.bloc-accueil .uk-panel-title{
	text-transform: uppercase;
	color: #fff;
	line-height: 28px;
	font-family: "Open Sans";
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	
}
.bloc-accueil p{
	color: #fff;
	font-family: "Open Sans";
	font-size: 13px;
	height: 130px;
	margin: 0 0 18px;
	font-weight: 400;
	line-height: 15px;	
}
.mp-product-slider-title {
    box-shadow: 0 3px 0 #dfdfdf;
    height: 30px;
    width: 100%;
    color: #444545;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 30px;
}

.mp-product-slider-title:before {
    content: "\f055";
     width: 17px;
    height: 18px;
    margin-right: 18px;
    color: #444545;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    font-family: "FontAwesome";
}


.slider_bottom_cmsblock
{
	clear: both;
	overflow:hidden;
    margin: 15px 0;
    padding: 20px 0;
    text-align: center;
    width: 100%;
	background:url("https://www.adorla.com/skin/frontend/default/MAG090171_2016/images/sep_home.png") repeat-x scroll 0 top transparent;
}
.slider_bottom_cmsblock	.maintext
{
	color: #696868;
    font-family: Ubuntu,Arial,Verdana;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
		margin-bottom: 30px;
}
.slider_bottom_cmsblock	.subtext
{
	 color: #696969;
    font-size: 18px;
    margin-bottom: 35px;
    margin-top: 15px;
    text-align: center;
}
.slider_bottom_cmsblock .cmsblock_content li { list-style:none; float:left; margin:0 0 0 23px;}
.slider_bottom_cmsblock .cmsblock_content li.first	{ margin:0;}

.slider_bottom_cmsblock .cmsblock_content li img:hover,
.tm_subbanner li img:hover
{opacity:0.7;transition-duration:300ms}


/* Sprite Adrola
%%%%%%%%%%%%%%%%%%*/
.sprite-decouvrir {
    width: 103px;
    height: 33px;
    background-position: -5px -38px;
}

.sprite-en-savoir-plus {
    width: 95px;
    height: 18px;
    background-position: -5px -83px;
}

.sprite-en-stock {
    width: 57px;
    height: 16px;
    background-position: -110px -5px;
	 float: right;
    margin-top: 5px;
}

.sprite-icon-1 {
    width: 50px;
    height: 60px;
    background-position: -118px -31px;
}
.sprite-icon-1-1 {
    width: 60px;
    height: 60px;
	position: absolute;
  background-position: -5px -262px;
  top: 135px;
  left: 90px;	
}


.sprite-icon-2 {
    width: 50px;
    height: 60px;
    background-position: -110px -101px;
}

.sprite-icon-2-2 {
    width: 60px;
    height: 60px;
	position: absolute;
  background-position: -74px -262px;
  top: 135px;
  left: 90px;	
}

.sprite-icon-3 {
    width: 50px;
    height: 60px;
    background-position: -178px -5px;
}

.sprite-icon-3-3 {
    width: 60px;
    height: 60px;
	position: absolute;
  background-position: -149px -262px;
  top: 135px;
  left: 90px;	
}

.sprite-icon-4 {
    width: 50px;
    height: 60px;
    background-position: -178px -75px;
}
.sprite-icon-4-4 {
    width: 60px;
    height: 60px;
	position: absolute;
  background-position: -149px -192px;
  top: 135px;
  left: 90px;
}
.sprite-icon-4-4:hover {
    width: 60px;
    height: 60px;
	position: absolute;
  background-position: -149px -192px;
  top: 135px;
  left: 90px;
}


/* Footer
%%%%%%%%%%%%%%%%%%*/
.footer {
    max-width: 1000px;
    margin: 0 auto;
}

.page-footer li { padding: 0 0 0 0; }

.page-footer .widget.block { margin:  0; }

.footer .info {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    color: #98bb3c;
    text-shadow: none;
    font-family: Ubuntu,Arial,Verdana;
    text-transform: uppercase;
}

.page-footer { background: url(../../frontend/DressCodes/adorla/fr_FR/images/footer-repeat.png) 0 0 repeat-x !important; }

/* Reassurance */
.footer-reassurance {
	height: 80px;
	padding-bottom: 30px;
	padding-top: 18px;
}
.footer-reassurance ul li {
	color: #444;
	float: left;
	font-size: 14px;
	line-height: 120%;
	text-align: center;
	width: 25%;
}
.footer-reassurance ul li a {color: #444;}
.footer-reassurance ul li a:hover {color: #444;}
.footer-reassurance ul li i, 
.footer-reassurance ul li span.icon {
	width: 42px;
	height: 43px;
	color: #444545;
	display: block;
	font-size: 38px;
	font-size: 42px;
	font-weight: 400;
	margin: 0 auto 10px;
	text-align: center;
} 

/* footer top */
.footer_top {
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
}
.footer_top .footer-area{
	float: left;
	margin-right: 10px;
	width: 180px;
	color:#ccc;
}
.footer_top .footer-area a{
	color:#ccc;
	font-size:10px;
}
.footer_top .footer-area a:hover{color:#fff;}
.footer_top .block_1{font-size:10px;}
.footer_top .block_1 .tel{
	background:url(../../frontend/DressCodes/adorla/fr_FR/images/footer-tel.gif) 0 0 no-repeat;
	padding:2px 0 2px 25px;
}
.footer_top .block_1 .mail{
	background:url(../../frontend/DressCodes/adorla/fr_FR/images/footer-mail.gif) 0 0 no-repeat;
	padding:2px 0 2px 25px;
}
.footer_top .block_1 .ent{
	background:url(../../frontend/DressCodes/adorla/fr_FR/images/footer-ent.gif) 0 0 no-repeat;
	padding:2px 0 2px 25px;
}

.footer_top .block_5
{
	position:relative;
	top:-10px;
	margin-right:0;
	background:#7e9d2d;
	padding:10px 10px;
	width:210px;
}
.footer_top .newsletter	{ 
	width: auto !important;
	margin:0 !important;
    display: inline;
}

.block.newsletter .field .control:before { content: ''; display: none; }

.footer_top  .form-subscribe-header { display:none;}
.footer_top .newsletter strong span {
	color:#444545;
	font-family:Ubuntu,Arial,Verdana;
	font-size:30px;

}
.footer_top .newsletter button,
.footer_top .newsletter button:hover {
	background:#444545;
    border: none;

}
.footer-bottom-paypal {
	float:left; 
	width:100%; 
	text-align:center; 
	margin:5px 0 10px 0;}

.footer-bottom-paypal li{ background:none; display:inline-block; padding:0; margin:0 2px;}

.footer_top h6 , 
.footer_top .block .block-title strong{ 
	font-size:16px; 
	font-weight:normal; 
	margin-bottom:10px; 
	color: #98bb3c;
	text-shadow:none; 
	font-family:Ubuntu,Arial,Verdana; 
	text-transform:uppercase;
}

.footer_top .info { 
	font-size:14px; 
	font-weight:normal; 
	margin-bottom:10px; 
	color: #98bb3c;
	text-shadow:none; 
	font-family:Ubuntu,Arial,Verdana; 
	text-transform:uppercase;
}

/* Block: newsletter */
.newsletter .block-content { padding:5px 10px; }
.newsletter strong span {
    color: #444545;
    font-family: Ubuntu,Arial,Verdana;
    font-size: 30px;
}

.block.newsletter .title {
	display: block;
    font-size: 30px;
    background: none;
    padding: 0;
    line-height: 20px;
    color: #444545;
    font-family: Ubuntu,Arial,Verdana;
    text-transform: uppercase;
    font-weight: normal;
}

.block.newsletter .title strong {
   color: #444545;
    font-family: Ubuntu,Arial,Verdana;
    font-size: 30px;
    font-weight: normal;
}

.newsletter label { font-weight:normal;  }
.newsletter input.input-text { display:block; width:194px; margin:3px 0 5px; }

.block.newsletter input {
    background: none repeat scroll 0 0 #F0F0F0;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-radius: 5px !important;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.21) inset;
    color: #848484;
    position: relative;
    width: 147px;    
    padding: 6px 12px;
    float: left;
    margin: 0 5px 0 0;
}

.block.newsletter .action.subscribe {
    padding: 0px 12px;
    border-radius: 5px !important;
    line-height: 30px;
    min-width: auto;
}

.block.newsletter .action.subscribe span {
    font-size: 10px;
    font-weight: normal;
    text-transform: inherit;
}
.newsletter .actions,
.newsletter .actions .action {
	position: relative !important;
	width: auto !important;
	height: auto !important;
	display: inline-block !important;
}

.footer_bottom {
    line-height: 15px;
    color: #ccc !important;
    clear: both;
    overflow: hidden;
    padding: 15px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #cccccc;
}

.footer_end {
    text-align: center;
    line-height: 15px;
    color: #ccc;
    padding: 15px 0;
}

.footer_end a {
    color: #ccc;
}

.footer_end a:hover{
	color:#fff;
}

/* Page Listing
%%%%%%%%%%%%%%%%%%*/
.product-item { font-size: 13px; }

.catalog-category-view .main { padding-top: 0 !important; }

.page-title-wrapper {position: relative;}

.catalog-category-view .page-title {
    position: absolute;
    z-index: 100;
    border-bottom: none;
    color: white;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 700;
    width: 400px;
    top: 10px;
    left: 20px;
}

.category-view {
    border-bottom: 2px solid #7e9e22;
    width: 100%;
}
.category-view:after {
    content: '';
    display: block;
    clear: both;
}

.category-view .category-image {
    display: block;
    float: left;
    height: 222px;
    width: 480px;
    margin-bottom: 0;
}

.category-view .category-description {
    background: rgba(0, 0, 0, 0) url(../../frontend/DressCodes/adorla/fr_FR/images/bg-cat.png) no-repeat scroll 0 0;
    display: block;
    float: right;
    height: 202px;
    padding: 10px;
    width: 500px;
    color: #444545;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    text-align: justify;
    margin-bottom: 0;
}

/* BreadCrumbs */
.breadcrumbs {
    line-height:1.25 !important;
    margin:0px 0 0px 0px !important;
    padding: 0 !important;
}

.breadcrumbs .items { 
    color:#7e9d2d !important;
    font-size: 13px;
}

.breadcrumbs a:visited { color:#717171; }
.breadcrumbs ul { margin:0px }
.breadcrumbs li { display:inline !important; }
.breadcrumbs li strong { font-weight:normal !important; }

/* toolbar */ 
.toolbar-products { position: initial !important; }

.toolbar-products {
    padding: 5px 7px;
    margin: 10px 0;
    text-align: right;
    background-color: white;
    box-shadow: 0 3px 0 #dfdfdf;
}

.toolbar-products .limiter { display: inline-block !important; }

@media (min-width: 768px) {
    .page-products.page-layout-1column .products-grid .product-item { width: 25% !important; }
}

/* label promo */
.product-item-info,
.slider-product-item-info { position: relative; }
.product-item-info .sale-label,
.slider-product-item-info .sale-label {
    background: url(../../frontend/DressCodes/adorla/fr_FR/images/bg_promo.png) no-repeat;
    left: 0px;
    top: 0px;
    width: 60px;
    height: 43px;
    color: #FFFFFF;
    display: block;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
}

/* product item */ 
.catalog-category-view .product-items li .product-item-info, 
.cms-index-index .product-items li .slider-product-item-info {
    border: 1px solid #D1D1CF;
    background: #FFF;
    border-radius: 3px;
    height: 354px;
    text-align: center;
    position: relative;
}

.cms-index-index .product-items li { padding: 5px; }

.cms-index-index .product-items li .slider-product-item-info { width: auto !important;  }


.catalog-category-view .product-items li .product-item-info > a,
.cms-index-index .product-items li .slider-product-item-info > a { display: block; }

.catalog-category-view .product-image-wrapper,
.cms-index-index .product-image-wrapper {
    max-width: 200px !important;
    margin: 0 auto;
    padding-bottom: 100% !important;
}

.catalog-category-view .product-image-wrapper .product-image-photo, 
.cms-index-index .product-image-wrapper .product-image-photo {  margin: 0 auto; }

.catalog-category-view .product-items li .product-item-info .product-item-name,
.cms-index-index .product-items li .slider-product-item-info .product-item-name { height: 60px; padding: 0 5px; }

.catalog-category-view .product-items li .product-item-info .product-item-name a, 
.cms-index-index .product-items li .slider-product-item-info .product-item-name a {
    font-size: 16px;
    font-weight: 700;
}
 
.catalog-category-view .product-items .product-item .price-box,
.cms-index-index .product-items .product-item .price-box {
    display: inline-flex !important;
    padding: 5px;
    height: 30px;
    width: 60%;
    margin: 0;
}

.catalog-category-view .product-items .product-item .price-box > div, 
.catalog-category-view .product-items .product-item .price-box > a,
.cms-index-index .product-items .product-item .price-box > div, 
.cms-index-index .product-items .product-item .price-box > a { display: inline-flex !important; }

 
.catalog-category-view .product-items .product-item .price-box .minimal-price-link .price-final_price,
.cms-index-index .product-items .product-item .price-box .minimal-price-link .price-final_price {
    float: left;
    color: #f16410;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 700;
}

.catalog-category-view .product-items .product-item .price-box .minimal-price-link,
.cms-index-index  .product-items .product-item .price-box .minimal-price-link {
    margin-top: initial;
    line-height: 25px;
}
.catalog-category-view .product-items .product-item .price-box  .product-has-minimal-price .price, 
.cms-index-index .product-items .product-item .price-box  .product-has-minimal-price .price{
    color: #444545;
    font-weight: 700;
    text-decoration: line-through;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 25px;
    padding-left: 3px;
}

.catalog-category-view .product-items .product-item .stock, 
.cms-index-index .product-items .product-item .stock { 
    display: inline-flex !important; 
    float: right;
    line-height: 25px;
    padding-top: 5px;
    padding-right: 5px;
}

.catalog-category-view .product-items .product-item .stock > p ,
.cms-index-index .product-items .product-item .stock > p { margin: 0; }

.catalog-category-view .product-items .product-item .stock i,
.cms-index-index .product-items .product-item .stock i { 
    margin-right: 5px;
    color: #7e9e22;
}
.cms-index-index .slider-product-item-info .product-item-actions { display: none; }
.cms-index-index .slider-product-item-info:hover .product-item-actions { display: block; }

.catalog-category-view .product-item-info:hover > .product-item-details,
.cms-index-index .slider-product-item-info:hover > .slider-product-item-details {
    position: relative;
    margin-top: -80px;
    padding-top: 40px;
    z-index: 2;
    /*border:1px solid black;
    background:-webkit-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background:-moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background:-o-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background:linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);*/
    background: url('../../frontend/DressCodes/adorla/fr_FR/images/hover_listing.png') repeat-x;
}

.products-grid .product-item-inner {
    border:none;
    box-shadow: none;
    padding-bottom: 0;
}
.order-review-form .action.primary,
.bundle-actions .action.primary.customize,
.bundle-options-container .block-bundle-summary .box-tocart .action.primary,
.box-tocart .action.tocart, .cart-summary .checkout-methods-items .action.primary.checkout,
.block-minicart .block-content>.actions>.primary .action.primary,
.methods-shipping .actions-toolbar .action.primary,
.block-authentication .action.action-register,
.block-authentication .action.action-login,
.checkout-payment-method .payment-method-content>.actions-toolbar>.primary .action.primary,
.form-address-edit .actions-toolbar .action.primary,
.box-tocart .action.instant-purchase,
.multicheckout .action.primary {
    line-height: inherit;
    padding: 0 8px;
    font-size: inherit;
}

.action.primary {
    display: inline-block;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    background: #454646 none repeat scroll 0% 0%;
    border: none;
    border-radius: 5px;
    height: 30px;
    float: left;
    line-height: 16px;
    padding: 6px 6px;
    text-align: center;
    white-space: nowrap;
    color: #FFF;
    text-decoration: none;
    margin: 0 2px 0 0;
    min-width: 105px;
    font-size: 11px;
}

.action.primary:hover {
    background: #888888;
    border: 1px solid #888888 ;
    color: #fff;
}
.action.tocart {
    background: #f16410;
    border: 1px solid #f16410 ;
    color: #fff;
}

.action.tocart:hover {
    background: #ef8a4e;
    border: 1px solid #ef8a4e ;
    color: #fff;
}


.product-item-actions { display: inline-flex; }

.actions-primary form { display: inline-block; }


/* Page login 
%%%%%%%%%%%%%%%%%%*/
.customer-account-login .action.primary { background:#ee6423; }

/* Page CMS
%%%%%%%%%%%%%%%%%%%%%%%*/
.cms-page-view .column.main, 
.customer-account-login .column.main,
.contact-index-index .column.main {
    float: left;
    width: 100%;
    height: auto;
    background-color: white;
    box-shadow: 0 3px 0 #dfdfdf;
    margin: 0;
    margin-bottom: 20px;
    padding: 20px;
}

.cms-page-view .page-title, 
.contact-index-index .page-title {
    color: white;
    box-sizing: border-box;
    padding: 8px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    background-color: #353535;
    line-height: 1;
    margin-bottom: 0;
}

.cms-page-view .page-title:before,
.contact-index-index .page-title:before {
    content: "\f055";
    width: 17px;
    height: 18px;
    margin-right: 18px;
    color: #7e9e22;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    font-family: "FontAwesome";
}


/* Page produit
%%%%%%%%%%%%%%%%%%%%%%%*/
.catalog-product-view, 
.catalog-product-view  .product-essential {color: #444545;}

.catalog-product-view .product-essential .product-block-left {
	float: left;
    width: 768px;
    height: auto;
    background-color: white;
    box-shadow: 0 3px 0 #dfdfdf;
}

.catalog-product-view .product-essential .info3col-right {
	float: left;
    margin: 0 0 0 15px;
    width: 217px;
    height: auto;
    background-color: white;
    box-shadow: 0 3px 0 #dfdfdf;
    padding: 0;
}

.catalog-product-view .product-essential .info3col-right .container-right { padding: 10px; }

.catalog-product-view .page-title-wrapper {
    margin-top: 20px;
    font-size: 1em;
    font-weight: normal;
}

.catalog-product-view .product.media {
    float: left;
    margin-right: 0;
    padding: 15px;
    width: 320px !important;
}

.catalog-product-view  h1.page-title {
    border-bottom: 3px solid #444545;
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-family: Ubuntu,Arial,Verdana;
    float: left;
}

.catalog-product-view .sku, 
.catalog-product-view .product-reviews-summary, 
.catalog-product-view .overview {
	float: left;
    width: 415px;
}

.catalog-product-view .sku > div { display: inline; }

.catalog-product-view .box-tocart, 
 .catalog-product-view .box-tocart .fieldset { margin-bottom: 0; }

.catalog-product-view .product-info-price .price-box {
	padding: 0px;
    text-align: center;
    display: block;
}

.catalog-product-view .product-add-form .fieldset > .qty {
    padding: 0 34px;
    margin: 10px 0;
    position: relative;
}

.catalog-product-view .product-add-form .fieldset > .qty .label { display: none; }

.catalog-product-view .box-tocart .input-text.qty {
	background-color: white;
    border: 1px solid #939598;
    border-radius: 0;
    height: 31px;
    padding: 0;
    margin: 0 2px 0 2px;
    text-align: center;
    width: 56px;
}

.catalog-product-view  button#product-addtocart-button {
    float: none;
    width: 100%;
    height: 40px;
    background-color: #f16410;
    border-color: #f16410
    border-radius: 3px;
}

.catalog-product-view  button#product-addtocart-button:hover {
    background-color: #ef8a4e;
    border-color: #ef8a4e
}

.catalog-product-view  button#product-addtocart-button span {
    color: white;
    font-family: "Open Sans";
    font-size: 16px;
    height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    background: none;
}

.middle_icon_color {
    background-color: #939598;
    border: 1px solid #939598;
    color: #fff;
    cursor: pointer;
    height: 28px;
    padding-top: 3px;
    left: 0;
    top: 0;
    width: 31px;
}

.middle_icon_color i {
    display: block;
    text-align: center;
    font-size: 22px;
    height: 31px;
    margin: 0;
    width: 31px;
}

.add-to-cart .qty {
    background-color: white;
    border: 1px solid #939598;
    border-radius: 0;
    height: 31px;
    padding: 0;
    margin: 0 2px 0 2px;
    text-align: center;
    width: 56px;
}

.catalog-product-view .product-info-price .price-box .special-price .price-container .price {
    width: 110px;
    height: 28px;
    color: #f16410;
    font-family: "Open Sans";
    font-size: 33px;
    font-weight: 700;
    text-transform: uppercase;
}

/* old price */
.catalog-product-view .product-info-price .price-box .old-price .price-container .price,
.catalog-category-view .product-item .old-price .price  {
    color: #444545;
    font-weight: 700;
    text-decoration: line-through;
    font-family: "Open Sans";
    font-size: 14px;
    padding-left: 3px;
}

.old-price .price-label { display: none !important ; }

.info3col-right .stock {
    color: #444545;
    text-align: center;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 400;
    height: 20px;
    margin: 5px 0 5px 0;
    width: 100%;
}

.info3col-right .stock:before {
    content: "\f00c";
    color: #7e9e22;
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: 400;
    margin-right: 5px;
}


.catalog-product-view .table-data-sheet {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #939598;
    border-top: 1px solid #939598;
    margin: 0px;
    width: 100%;
}

.catalog-product-view  .table-data-sheet tr.odd { background-color: #efece7; }

.catalog-product-view  .table-data-sheet tr {
    border-bottom: 1px solid #eeeeee;
    border-top: medium none;
}

.catalog-product-view  .table-data-sheet tr td:first-child {
    border-right: 1px solid #eeeeee;
    font-weight: 500;
	text-align: center;
    width: 50%;
}
.catalog-product-view  .table-data-sheet tr td {
    color: #000000;
    padding: 2px;
	 font-size: 12px;
	 line-height: 13px;
}

.catalog-product-view .product-collateral { margin: 15px 0 0 0; }

.catalog-product-view .cutom-description {
    background-color: white;
    box-shadow: 0 3px 0 #dfdfdf;
    height: auto;
    padding: 20px;
    width: 728px;
    margin: 0 0 30px 0;
}

.product-reassurance {height: 210px;}
.product-reassurance ul {margin: 0 0 10px;}
.product-reassurance ul li {color: #444;float: left;font-size: 12px;line-height: 120%;text-align: center;width: 100%;margin: 0 0 5px 0}
.product-reassurance ul li a {color: #444;}
.product-reassurance ul li a:hover {color: #444;}
.product-reassurance ul li i, .footer-reassurance ul li span.icon {width: 31px;height: 24px;color: #444545;display: block;font-size: 35px;font-weight: 400;
margin: 0 auto 10px;text-align: center;} 


/* PRODUITS COMPLÉMENTAIRES */
.catalog-product-view .main .block {
    background-color: white;
    box-shadow: 0 3px 0 #dfdfdf;
    height: auto;
    padding: 20px;
    margin: 0 0 30px 0;
    display: block;
}

.catalog-product-view .main .block .title, 
.catalog-product-view .cutom-description .title {
    box-shadow: 0 3px 0 #dfdfdf;
    height: 30px;
    width: 100%;
}
.catalog-product-view .cutom-description .title { margin-bottom: 20px;  }

.catalog-product-view .cutom-description i {
    float: left;
    font-size: 20px;
    font-weight: 400;
    height: 18px;
    margin-right: 16px;
}

.catalog-product-view .main .block .title strong, 
.catalog-product-view .cutom-description .title strong {
    color: #444545;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}

.catalog-product-view .main .block .title strong:before {
    content: "\f055";
    font-family: 'FontAwesome';
    color: #444545;
    float: left;
    font-size: 20px;
    font-weight: 400;
    height: 18px;
    margin-right: 16px;
    font-style: normal;
}

@media (min-width: 1024px) {
    .catalog-product-view  .block .products-grid .product-item { width: 25%; padding: 10px; }
}

.catalog-product-view  .block .products-grid .product-item .product-item-info { 
    padding: 10px;
    width: 100%;
}

@media (min-width: 640px) {
    .catalog-product-view .products-grid .product-item-info:hover, 
    .catalog-product-view .products-grid .product-item-info.active {  
        margin: 0;
        padding: 10px;
       
    }
}
.catalog-product-view .main .block .price { color: #ee6423; }

.related .in-stock .fa,
.related .in-stock .icon,
.upsell .in-stock .fa,
.upsell .in-stock .icon {
    float: none;
    display: inline-block;
}

/* Panier
%%%%%%%%%%%%%%%%%%%%%%%*/
/* Pop Ajout Panier
%%%%%%%%%%%%%%%%%%%%%%%*/
    .modal-slide.cartDetails .action-close {
        border-radius:3px;
        background-color: #f16410 !important;
    }

    .cartBox .totalRow .price { color: #f16410; }

    .modal-slide.cartDetails .modal-inner-wrap { max-width: 600px; }

/* Fil d'ariane panier */
.checkout-cart-index #order_step, 
.checkout-index-index #order_step{}

.checkout-cart-index #order_step li,
.checkout-index-index #order_step li {
	float: left;
    text-align: center;
    width: 33.33%;
}
.checkout-cart-index #order_step li span,
.checkout-index-index #order_step li span {
	width: 105px;
    height: 14px;
    color: #565757;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.checkout-cart-index #order_step li span em,
.checkout-index-index #order_step li span em {
    color: white;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 700;
    width: 35px;
    line-height: 35px;
    height: 35px;
    display: inline-block;
    background-color: #565757;
    -moz-outline-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
}

.checkout-cart-index #order_step li.active span,
.checkout-index-index #order_step li.active span {
    width: 105px;
    height: 14px;
    color: #7e9e22;
    font-size: 20px;
    font-weight: 700;
	text-transform: uppercase;
}

.checkout-cart-index #order_step li.active span em,
.checkout-index-index #order_step li.active span em {
	color: white;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 700;
    width: 35px;
    line-height: 35px;
    height: 35px;
    display: inline-block;
    background-color: #7e9e22;
    -moz-outline-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
}

/* Tableau */ 
.cart.table-wrapper .cart thead tr th.col {
    padding: 12px 8px;
    color: #444545;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    vertical-align: middle;
    border-bottom: 1px solid #444;
    text-align: center;
}

.cart.table-wrapper .cart > .item { border: none; }

.cart.table-wrapper .cart tr.item-info {
    border-bottom: 1px solid #444;
    text-align: center;
}

.cart.table-wrapper .item .col.item { display: table-cell; }

@media (min-width: 768px){
	.cart.table-wrapper .product-item-photo { max-width: 75px !important; }
}

.cart.table-wrapper .product-image-wrapper .product-image-photo {
	width: 75px;
	height: auto;
}

.cart.table-wrapper .product-item-name {
	color: #333;
    font-size: 13px;
    text-decoration: none;
    margin-bottom: 5px;
    font-family: Ubuntu,Arial,Verdana;
}

/* Quantité */ 
.cart.table-wrapper .field.qty {
	position: relative;
	padding: 0 20px;
}

.cart.table-wrapper .field.qty .minus1 {
    position: absolute;
    top: 0px;
    left: 0;
    width: 31px;
    height: 31px;
    background-color: #939598;
    border: 1px solid #939598;
    color: #fff;
    cursor: pointer;
}


.cart.table-wrapper .col.qty .input-text{
	text-align: center;
    width: 66px;
    height: 31px;
    background-color: white;
    border: 1px solid #939598;
    border-radius: 0px;
    padding: 0px;
    margin-top: 0;
}

.cart.table-wrapper .field.qty .add1 {
    position: absolute;
    top: 0px;
    right: 0;
    width: 31px;
    height: 31px;
    background-color: #939598;
    border: 1px solid #939598;
    color: #fff;
    cursor: pointer;
}

/* Prix */ 
.cart.table-wrapper .col.price .price-including-tax,
.cart.table-wrapper .col.price .price-excluding-tax,
.cart.table-wrapper .col.subtotal .price-including-tax,
.cart.table-wrapper .col.subtotal .price-excluding-tax,
.cart.table-wrapper .col.msrp .price-including-tax,
.cart.table-wrapper .col.msrp .price-excluding-tax {
    color: #444545;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
}

.cart.table-wrapper .item .col.item[data-th="Action"] { min-width: 30px; }


/* Résumé panier */ 
.cart-totals { border: none; }

.cart-summary {
    background-color: white;
    box-shadow: 0 3px 0 #dfdfdf;
    padding: 20px;
}

.cart-summary > .title {
    box-shadow: 0 1px 0 #444545;
    height: 25px;
    width: 100%;
    color: #444545;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}

.cart-totals .grand strong, .opc-block-summary .table-totals .grand strong {
    color: #444545;
    font-family: "Open Sans";
    font-size: 19px;
    font-weight: 400;
}

.cart-totals .grand strong .price, .opc-block-summary .table-totals .grand strong .price {
    color: #ee6423;
}

.cart-summary .checkout-methods-items .action.primary.checkout { 
    float: none; 
    background: #f16410;    
    height: 50px;
    font-size: 16px;
}

.cart-summary .checkout-methods-items .action.primary.checkout:hover {border-color: #f16410; }

/* Page accès professionnel */
.category-acces-professionnel .page-title { display: none !important; }

.catalog-category-view .titre {
    margin: 20px 0;
    font-size: 15px;
    font-weight: bold;
    color: #444545;
}

.catalog-category-view .titre a {
    background: #ee6423 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    padding: 5px 20px;
    line-height: 40px;
    overflow-wrap: normal;
    hyphens: none;
}

.catalog-category-view .block-static-block {
    width: 305px;
    min-height: 274px;
    display: inline-block;
    position: relative;
    border-radius: 3px;
    padding: 0px 0px 11px;
    margin: 0 26px 30px 0;
    border: 1px solid #d1d1cf;
}

.catalog-category-view .block-static-block h2 {
    background: #444545;
    color: #fff;
    text-align: center;
    line-height: 1;
    height: 45px;
    vertical-align: middle;
    margin: 0;
    font-weight: bold;
    padding: 0;
    font-size: 15px;
    padding-top: 17px;
}

.catalog-category-view .block-static-block h2 + p {
    padding: 12px 20px;
}

@media only screen and (min-width: 1100px) {
    .catalog-category-view .block-static-block {
        margin-right: 20px;
        margin-left: 0;
    }
}

/* Mon Compte
%%%%%%%%%%%%%%%%%%%*/
.customer-account-index .main .block,  
.account .form, 
.account .form-address-edit{
    background: #fff;
    margin: 0 0 20px;
    padding: 10px;
}

.account .page-title {
    border-bottom: 3px solid #D1D1CF;
    margin: 0 0 20px;
    overflow: hidden;
    padding-bottom: 10px;
    width: 100%;
}

.customer-account-index .block  .block-title strong {
    border-bottom: 1px solid #ededed;
    color: #454545;
    font-size: 16px !important;
    font-weight: normal !important;
    margin: 0 0 14px;
    padding: 0 0 10px;
}

.customer-account-index .block .box .box-title {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #EDEDED;
    color: #454545;
    border-radius: 5px;
    margin: 0 0 10px;
    padding: 5px 5px;
    text-align: right;
    width: 100%;
}

.customer-account-index .block .box .box-title > span {
    float: left;
    font-size: 13px !important;
    font-weight: normal;
    margin: 0;
}
.abs-account-blocks .block-title > strong, 
.abs-account-blocks .block-title > span, 
.account .legend > strong, 
.account .legend > span, 
.form-giftregistry-search .legend > strong, 
.form-giftregistry-search .legend > span, 
.block-giftregistry-results .block-title > strong, 
.block-giftregistry-results .block-title > span, 
.block-giftregistry-shared-items .block-title > strong, 
.block-giftregistry-shared-items .block-title > span, 
.block-wishlist-search-form .block-title > strong, 
.block-wishlist-search-form .block-title > span, 
.block-wishlist-search-results .block-title > strong, 
.block-wishlist-search-results .block-title > span, 
.multicheckout .block-title > strong, 
.multicheckout .block-title > span, 
.multicheckout .block-content .title > strong, 
.multicheckout .block-content .title > span, 
.customer-review .review-details .title > strong, 
.customer-review .review-details .title > span, 
.paypal-review .block .block-title > strong, 
.paypal-review .block .block-title > span, 
.account .column.main .block:not(.widget) .block-title > strong, 
.account .column.main .block:not(.widget) .block-title > span, 
.multicheckout .block-title > strong, 
.multicheckout .block-title > span, 
.magento-rma-guest-returns .column.main .block:not(.widget) .block-title > strong, 
.magento-rma-guest-returns .column.main .block:not(.widget) .block-title > span, 
[class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong, 
[class^='sales-guest-'] .column.main .block:not(.widget) .block-title > span, 
.sales-guest-view .column.main .block:not(.widget) .block-title > strong, 
.sales-guest-view .column.main .block:not(.widget) .block-title > span {
    border-bottom: 1px solid #ededed;
    color: #555;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 14px;
    padding: 0 0 10px;
}

@media screen and (min-width: 768px) {
    .abs-account-block-font-size, 
    .block-addresses-list address, 
    .box-billing-address .box-content, 
    .box-shipping-address .box-content, 
    .box-address-billing .box-content, 
    .box-address-shipping .box-content, 
    .box-information .box-content, 
    .block-balance-giftcard .block-content, 
    .block-reviews-dashboard .product-name { font-size: 13px;}
}

/* Checkout 
%%%%%%%%%%%%%%%%%*/
.one-step-checkout-container, 
.form.create.account {
    background-color: white;
    box-shadow: 0 3px 0 #dfdfdf;
    padding: 20px;
}

.one-step-checkout-container  .form-shipping-address,
.one-step-checkout-container .fieldset > .field,
.one-step-checkout-container .step-content { margin: 0; }

.one-step-checkout-container .step-content { padding-top: 0 !important; }

.checkout-payment-method .step-title {border-bottom: 1px solid #cccccc;}

.table-checkout-shipping-method tbody td {padding: 10px 0; border: none; }

.checkout-payment-method .payment-method + .payment-method .payment-method-title { border: none; }

.checkout-payment-method .payment-method-title { padding: 10px 0; }

.checkout-index-index button > span { color: #565757; font-size: 13px;  }

.checkout-index-index .place-order-primary button span { font-size: 18px;  }

.checkout-index-index .checkout-agreements-block .label {
    white-space: inherit !important;
    max-width: 90%;
}
.checkout-index-index .checkout-agreements-block .action-show, 
.checkout-index-index .checkout-agreements-block .action-show:hover {
        color: black !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    font-weight: normal;
    text-transform: none;
    display: inline-block;
    white-space: inherit;    
    text-align: inherit;
    max-width: 85%;
    font-size: 0.91em;
}

.onestepcheckout-index-index .field.choice { padding-left: 0; }

.field._required label:not(.form-control):after, 
.field.required label:not(.form-control):after, 
.field.required .label:not(.form-control):after {
    content: '*';
    color: red;
    padding-left: 2px;
}

@media screen and (min-width: 768px) {
    .field-error {
        color: #e02b27;
        font-size: 12px;
        margin-top: 0;
        line-height: 1;
    }
}
.opc-block-summary .items-in-cart > .title strong { font-size: 14px; }
.minicart-items .product-item-name {
    font-size: 12px !important;
}

 .checkout-index-index .checkout-agreements-block .action-show {
    max-width: 100%;
    margin-top: 15px;
 }
 
/* Page contact 
%%%%%%%%%%%%%%%%%%%*/
.contact-index-index .column:not(.sidebar-additional) .form.contact { float: left;     min-width: inherit; }

@media (min-width: 768px) {.bloc_map { float: right; width: 40%; } }

.contact-index-index  .fieldset>.field { margin-bottom: 5px; }

/* ajout panier _ modal 
%%%%%%%%%%%%%%%%%%%*/
.modal-popup.cartDetails .modal-content { padding-top: 50px; }

.cartBox #confirm_content .action.primary { float: none !important; }
#btn-commande { background: #f16410; }
#btn-commande:hover { border-color: : #f16410; }





/* custom mobile Dresscodes 2020 */ 
@media only screen and (max-width: 767px) {
	.nav-sections-item-title {
	    background: inherit;
	    border: inherit;
	    border-width: inherit;
	    box-sizing: inherit;
	    float: inherit;
	    height: inherit;
	    padding-top: inherit;
	    text-align: inherit;
	    width:inherit;
	}

	.nav-sections-item-content {
	    box-sizing: inherit;
	    float: inherit;
	    margin-left: inherit;
	    margin-top: inherit;
	    width: inherit;
	    padding: inherit;
	}
}



@media (max-width: 999px) and (min-width: 480px) {
	.uk-width-medium-1-3, .uk-width-medium-2-6, .uk-width-medium-4-4 {
	    width: 48.100%;
	    margin-right: 5px;
	    margin-bottom: 10px;
	}

	
 	
}
@media (max-width: 999px) {
	.page-main { 
		padding-left: 20px !important;
		padding-right: 20px !important;
		overflow: hidden;
	}
	.header-adorla .header_left, 
	.header-adorla .header_right #nav-menu { display: none; }

	.container-header-adorla,
	.page-layout-1column .column.main,
	.page-title-wrapper, 
	.footer {
		width: 724px !important;
		margin: 0 auto;
	}

	.nav-sections {
		position: inherit !important;
		width: 100%;
		max-width: 724px !important;
		margin: auto;
		background: url(../../frontend/DressCodes/adorla/fr_FR/images/manu_bg.gif) repeat scroll center center transparent;
    	height: auto;
	}

	.nav-sections-item-title { display: none !important; }
	.nav-sections-item-title:first-child { 
		display: block !important; 
}

	.nav-sections-item-title a {
		color: #FFFFFF;
		float: none;
		display: block;
	    font-family: 'Ubuntu',Arial,Verdana;
	    font-size: 15px;
	    padding: 12px 20px;
	    text-transform: uppercase;
	    position: relative;
 	}

 	.nav-sections-item-title a:after {
 		content: '';
 		display: block !important;
 		position: absolute;
 		right: 12px;
 		top: 12px;
 		background: url(../../frontend/DressCodes/adorla/fr_FR/images/sprite.png) no-repeat scroll -122px -122px transparent;
	    height: 25px;
	    width: 30px;
 	}

 	.nav-sections-item-content h2 {
 		padding: 4px;
 		color: #777777 !important;
	    text-decoration: none;
	    display: block;
	    text-transform: capitalize;
	    border-radius: 5px;
	    font-size: 13px;
	    font-weight: normal;
	    line-height: 22px;
	    margin: 0;
 	}

 	#container-menu-mobile{
	 	background: url(../../frontend/DressCodes/adorla/fr_FR/images/dropdown_bg.jpg) repeat scroll right center transparent;
	    border: 1px solid #D3D3D3;
	    border-radius: 0 0 5px 5px;
	    display: none;
	}

	#menu-mobile { padding: 3px; }
	
	#menu-mobile li {border-radius: 3px;}
	
	#menu-mobile li:hover { background-color: rgba(0,0,0,0.2); }

	#menu-mobile li:hover a h2{ color: #ee6423 !important; }

	/* accueil */
	.bloc-accueil { margin-left: auto; }
	
	.slider_bottom_cmsblock .cmsblock_content li { width: 31%; }
	
	/* footer */
	.footer_top .footer-area {
	    width: 100%;
	    margin-right: 0;
	    border-bottom: 3px solid #E1E1E1;
	}

	.footer_top .footer-area .info { position: relative; padding: 5px; }

	.footer_top .footer-area .info:after {
		content: '';
		display: block;
		position: absolute;
		right: 10px;
		width: 20px;
		height:20px;
		background: url(../../frontend/DressCodes/adorla/fr_FR/images/toggle-arrow.png) no-repeat scroll right 4px transparent;
	    cursor: pointer;
	    font-size: 15px;
	    overflow: hidden;
	    padding: 0 0 4px 4px;
	    text-decoration: none;
	    top: 2px;
	}

	.footer_top .footer-area .content-footerlink { display: none; }

	/* page listing */
	.category-view { 
		width: 724px;
		margin: 0 auto;
	}

	.category-view .category-description {
		width: 100%;
		height: auto;
	}

	.products-grid .product-item-inner {
		background: transparent;
	    border: none;
	    border-top: none;
	    left: 0;
	    margin:0; 
	    position: relative;
	   width: auto;
	   height: auto;
	}

	.page-products .columns { display: block;  }

	.category-view .category-image, 
	.catalog-product-view .cutom-description { 
		width: 100%; 
		padding: 0;  
		height: auto;
	    float: none;
	    padding: 0;
	}

	.catalog-product-view .product-collateral {
	    padding: 20px;
	    background: white;
	}

	.catalog-category-view .product-items li .product-item-info, 
	.cms-index-index .product-items li .slider-product-item-info { height: auto !important; }


	/* panier */
	.cart-summary, 
	.cart-container .form-cart {
		float: none !important;
		width: 100% !important;
	}
}

@media (max-width: 800px) {
	/* Page produit */
	.catalog-product-view .product-essential .product-block-left,
	.catalog-product-view .product-essential .info3col-right, 
	.catalog-product-view .overview, 
	.catalog-product-view h1.page-title, 
	.catalog-product-view .product-collateral .box-collateral { 
		width: 100%;
		margin-left: 0;
		margin-bottom: 5px; 
	}

	.catalog-product-view .product.media { width: 100% !important; }

	.catalog-product-view .product-collateral .box-collateral { padding: 0; }
	.catalog-product-view .product-collateral .box-collateral .product-attribute-specs-table { padding: 20px; }
}

@media (max-width: 800px) and (min-width: 450px) {
	/* Page produit */
	.product-reassurance ul li { width: 33.33%; display: inline-block; }
	.product-reassurance { height: auto; }
}

@media (max-width: 767px) {
	.page-header .header p {
		padding: 5px; 
		margin: 0;
		font-size: 9px;
    	line-height: 1.3;
	}

	.page-header .header p br { display: none; }

	/* résumé panier */ 
	.cart-totals .totals tbody > tr:not(:last-child) > td:last-child {
	    border-bottom: 1px solid #cccccc;
	}

	/* détail panier */ 
	.cart.table-wrapper .cart thead tr th.col { display: none; }

	.cart.table-wrapper .item .col.item { 
		display: block;
		width: 100%;
		min-height: auto;
		float: none;
		padding: 0;
	}

	.cart.table-wrapper .item .col.qty { width: 110px; }

	.cart.table-wrapper .product-item-photo {
		max-width: initial;
		position: initial;
	}

	.cart.table-wrapper .cart tr.item-info { text-align: left;}

	.sprite-en-stock {
		float: none;
		display: inline-block;
	} 

	.cart.table-wrapper .col.qty[data-th]:before,
	.cart.table-wrapper .col.price[data-th]:before,
	.cart.table-wrapper .col.subtotal[data-th]:before,
	.cart.table-wrapper .col.msrp[data-th]:before {
		padding-bottom: 0;
	}

	.cart.table-wrapper .actions-toolbar > .action-delete { left: 0; }

	
}


@media (max-width: 724px) {
	.container-header-adorla,
	.page-layout-1column .column.main, 
	.category-view,
	.page-title-wrapper,
	.footer,
	.nav-sections {
		width: 95% !important;
		margin: 0 auto;
	}

	
	.header-adorla .header_block {
	    border-bottom: none;
	    height: auto;
	    margin-bottom: 0;
	    width: auto;
	}

	.header-adorla .header_right {
		width: auto;
		float: left;
	    top: -50px;
	}

	.header-adorla .header_middle {
	    float: none;
	    margin: 0 auto;
	}

	.header-adorla .header_right .header_rea {
		float: none;
		height: auto;
	}
	.slider_bottom_cmsblock .cmsblock_content li { 
		width: 100%;
		float: none;
		margin: 0;
		margin-bottom: 10px !important;
	}

	.slider_bottom_cmsblock .cmsblock_content li a {
		width: 100%;
	}
	
	.footer-reassurance ul li {
	    font-size: 11px;
	}

	.footer-reassurance ul li i, .footer-reassurance ul li span.icon {
	   font-size: 25px;
	    font-weight: 400;
	    height: 25px;
	    width: 25px;
	}
}
@media (max-width: 690px) {
	.checkout-cart-index #order_step li, 
	.checkout-index-index #order_step li { width: 100%; text-align: left; float: none; margin-bottom: 10px; }
	.checkout-cart-index #order_step li span em, 
	.checkout-index-index #order_step li span em { text-align: center; }
}

@media (max-width: 499px) {
	.products-grid .product-item { width: 98%; margin-bottom: 2px; margin-left: 0; } 
	.page-products .product-item-info { width: 100%; }
}

@media (max-width: 480px) {
	.container-header-adorla { background: none; }

	.header-adorla { 
		padding-bottom: 0;
		height: auto;
	}
	
	.header-adorla .header_middle {
		float: left;
		left: 20px;
		clear: both;
		margin-bottom: 15px;
	}

	.header-adorla .logo img { width: 70%; }

	.header-adorla .header_right {
		width: auto;
		float: none;
		clear: both;
	}

	.header-adorla .header_right .header_rea { 
		float: left;
		height: 36px;
	}
	
	.header-adorla .header_right .header_rea .minicart-wrapper {
		margin-top: 0;
	}

		.header-adorla .header_right {
	    top: 0;
	}

	
 	

}