/**
 *	Font
 */

@font-face {
    font-family: 'museo_sans300';
    src: url('../fonts/museosans_300-webfont.eot');
    src: url('../fonts/museosans_300-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/museosans_300-webfont.woff2') format('woff2'),
    url('../fonts/museosans_300-webfont.woff') format('woff'),
    url('../fonts/museosans_300-webfont.ttf') format('truetype'),
    url('../fonts/museosans_300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans500';
    src: url('../fonts/museosans_500-webfont.eot');
    src: url('../fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/museosans_500-webfont.woff2') format('woff2'),
    url('../fonts/museosans_500-webfont.woff') format('woff'),
    url('../fonts/museosans_500-webfont.ttf') format('truetype'),
    url('../fonts/museosans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans700';
    src: url('../fonts/museosans_700-webfont.eot');
    src: url('../fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/museosans_700-webfont.woff2') format('woff2'),
    url('../fonts/museosans_700-webfont.woff') format('woff'),
    url('../fonts/museosans_700-webfont.ttf') format('truetype'),
    url('../fonts/museosans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**
 *	Boot & common classes
 */

html,
body {
    height: 100%;
}

body {
    font-family: "museo_sans500", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    background-color: #f2f2f2;
}

a {
    color: #1da08b;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover,
a:focus {
    color: #168271;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "museo_sans700", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p, ul, ol {
    margin-bottom: 30px;
}

.btn {
    background: #1da08b;
    border: solid 1px #1da08b;
    color: white;
    padding: 12px 25px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn:hover,
.btn:focus {
    background: #168271;
    border: solid 1px #168271;
    color: white;
    outline: none;
}

.btn-infos,
.btn-infos:hover,
.btn-infos:focus {
    background: #fff;
    border: solid 1px #fff;
    color: black;
}

.btn-success,
.btn-success:hover,
.btn-success:focus {
    background: #54a01d;
    border: solid 1px #54a01d;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus {
    background: #d13f4a;
    border: solid 1px #d13f4a;
}

.entry-title {
    font-size: 50px;
    margin: 0 0 60px 0;
    /*text-align: center;*/
}

.bg-1 {
    background: white;
}
.bg-2 {
    background: #f2f2f2;
}
.bg-3 {
    background: #e5e4e4;
}
.bg-4 {
    background: #d9d8d8;
}

/**
 *	Layout
 */

#page {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
}

.container {
    max-width: 1150px;
    margin: 0 auto;
}

.container.extended {
    max-width: 1600px;
}

.table-layout {
    display: table;
    width: 100%;
}

.table-layout > * {
    display: table-cell;
    float: none;
}

/* Background */

body.search .section-background,
body.category .section-background,
body.single-product .section-background,
body.page .section-background {
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-position: center 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
}

body.page .section-background  {
    min-height: 312px;
}

body.category .section-background:after,
body.single-product .section-background:after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%;
    background: #000;
    opacity: 0.5;
}

/**
 *	Header
 */

#masthead {
    position: absolute;
    top: 0; left: 0;
    z-index: 1000;
    width: 100%;
    /*background: url('../img/bg-header.png') repeat 0 0;*/
    background: #2c3138;
    color: white;
    transition: all 0.5s;
}

#masthead.sticky {
    padding: 5px;
    position: fixed;
    top: 0; left: 0;
}

#masthead .container > .table-layout {
    height: 85px;
}

#masthead.sticky .container > .table-layout {
    height: auto;
}

#masthead .container > .table-layout > * {
    vertical-align: middle;
}

#masthead .bloc > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#masthead .bloc a {
    color: white;
}
#masthead .bloc a.dropmenu-9,
#masthead .bloc a.dropmenu-10,
#masthead .bloc a.dropmenu-12,
#masthead .bloc a.dropmenu-14 {
    text-shadow: 0px 0px 10px #000;
}

#masthead .bloc a.dropmenu-9 {
    color: #0664a6;
}
#masthead .bloc a.dropmenu-10 {
    color: #d99605;
}
#masthead .bloc a.dropmenu-14 {
    color: #d13f4a;
}
#masthead .bloc a.dropmenu-12 {
    color: #27ae61;
}



/* bloc 1 */
#masthead .bloc-1 {
    width: 40%;
}

#masthead .bloc-1 > * {
    display: inline-block;
    vertical-align: middle;
}

.toggle-menu.active .icon-menu {
    background: transparent url('../img/icons/menu-close.png') no-repeat 0 0;
    width: 28px;
    height: 28px;
}

#masthead .bloc-1 .lang {
    margin: 0 50px;
}

#masthead .bloc-1 .lang li {
    float: left;
}

#masthead .bloc-1 .lang li + li {
    border-left: solid 1px white;
}

#masthead .bloc-1 .lang li a {
    padding: 0 8px 0 7px;
    font-family: "museo_sans700";
}

#masthead .bloc-1 .infos-civilite > li {
    float: left;
    position: relative;
    font-family: "museo_sans700";
}

#masthead .bloc-1 .infos-civilite > li + li {
    margin-left: 20px;
}

#masthead .bloc-1 .infos-civilite .dropit-submenu {
    width: 750px;
}

#masthead .bloc-1 .infos-civilite .dropit-submenu li {
    float: left;
    padding: 5px 15px;
    width: 50%;
    font-size: 18px;
    font-family: "museo_sans500";
}

/* bloc 2 */
#masthead .bloc-2 {
    text-align: center;
    width: 20%;
}

#masthead .bloc-2 h1 {
    font-size: 16px;
    line-height: 1;
    margin: 0;
}

#masthead.sticky .bloc-2 h1 {
    opacity: 0;
    visibility: hidden;
}

#masthead .bloc-3 {
    display: none;
}

#masthead .bloc-4 {
    /*width: 40%;*/
}

#masthead .bloc-4 .infos-civilite {
    display: none;
}

#masthead .bloc-4 > ul > li {
    text-align: center;
    width: 20%;
    position: relative;
}

#masthead .bloc-4 .item-2 a {
    position: relative;
}

#masthead .bloc-4 .nb-product {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    background: #00a887;
    color: white;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: -6px;
    left: 15px;
    z-index: 3;
    font-family: "museo_sans700";
}

#masthead .bloc-4 .price-total {
    padding-left: 15px;
    position: relative;
    top: 5px;
    font-family: "museo_sans700";
}

.shopping-cart {
    /*min-width: 280px !important;*/
}

.list-shopping-cart {
    list-style: none;
    padding: 0;
}

.list-shopping-cart li {
    overflow: hidden;
}

.list-shopping-cart li + li {
    border-top: solid 1px #2e3741;
    margin-top: 10px;
    padding-top: 10px;
}

.list-shopping-cart .thumbnail-prod {
    float: left;
    background: white;
    width: 80px;
    height: 80px;
    margin-right: 10px;
}

.list-shopping-cart .content-prod {
    overflow: hidden;
}

.list-shopping-cart .quantity {
    display: block;
}

.list-shopping-cart .remove {
    float: right;
}

.connect li + li {
    border-top: solid 1px #92999f;
    margin-top: 10px;
    padding-top: 10px;
}

.form-search {
    width: 100%;
}

.form-search .table-layout > * {
    vertical-align: bottom;
    border-bottom: solid 1px #979ba0;
}

.form-search .form-control {
    background: transparent;
    border: none;
    color: white;
    min-width: 150px;
}

.form-search .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.form-search .form-control:-ms-input-placeholder {
    color: #fff;
}

.form-search .form-control::-webkit-input-placeholder {
    color: #fff;
}

.form-search .btn {
    background: none;
    border: none;
}

.dropit {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropit .dropit-trigger {
    position: relative;
}

.dropit .dropit-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 150px;
    list-style: none;
    padding: 15px;
    margin: 0;
    background: url('../img/bg-header.png') repeat 0 0;
    border-top: solid 1px #1ea18c;
}

.dropdown-right.dropit .dropit-submenu {
    right: 0;
    left: auto;
}

#masthead .dropit .dropit-submenu {
    top: 55px;
}

#masthead.sticky .dropit .dropit-submenu {
    top: 36px;
}

.dropit .dropit-open .dropit-submenu {
    display: block;
}

.dropit-submenu a {
    white-space: nowrap;
}

#masthead a {
    opacity: 0.9;
}

#masthead a:hover {
    opacity: 1;
}

/* megamenu */

#masthead .megamenu {
    margin: 0 -15px;
    border-top: solid 1px #1ea18c;
    display: none;
}

#masthead .megamenu.active {
    display: block;
}

#masthead .megamenu .col-sm-2 {
    width: 20%;
    padding: 0px 15px 0 15px;
    margin-top: 30px;
}

#masthead .megamenu .col-sm-2 + .col-sm-2  {
    border-left: solid 1px #444d59;
}

#masthead .megamenu ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

#masthead .megamenu h4 {
    margin: 0 0 30px 0;
    font-size: 25px;
}

#masthead .megamenu ul li {
    font-size: 20px;
    text-align: center;
}

#masthead .megamenu ul li a {
    color: white;
}

.scroller {
    /*max-height: 500px;*/
    height: 80vh;
}

#masthead .megamenu ul li div .categ9, .categ9 div,
#masthead .megamenu ul li div .categ22, .categ22 div {
    color: #0664a6 !important;
}
#masthead .megamenu ul li div .categ10, .categ10 div,
#masthead .megamenu ul li div .categ23, .categ23 div{
    color: #d99605 !important;
}
#masthead .megamenu ul li div .categ14, .categ14 div,
#masthead .megamenu ul li div .categ21, .categ21 div {
    color: #d13f4a !important;
}
#masthead .megamenu ul li div .categ12, .categ12 div,
#masthead .megamenu ul li div .categ24, .categ24 div {
    color: #27ae61 !important;
}
/**
 * Bloc full slider
 */

.slick-slide,
.bloc-fullslider .container {
    position: relative;
}

.bloc-fullslider .slick-slide {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center 0;
    background-repeat: no-repeat;
}

.bloc-fullslider img {
    width: 100%;
}

.bloc-fullslider .caption {
    padding: 285px 0 200px 0;
    text-align: center;
}

.bloc-fullslider .caption a {
    color: white;
    font-family: "museo_sans300";
    display: block;
}

.bloc-fullslider .caption h2 {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
    font-size: 60px;
    border-bottom: solid 1px #d1d6dc;
    font-family: "museo_sans300";
}

.bloc-fullslider .caption h3 {
    font-size: 30px;
    margin-bottom: 40px;
    font-family: "museo_sans300";
}

.bloc-fullslider .caption p {
    font-size: 20px;
    font-style: italic;
    margin-bottom: 40px;
}

.bloc-fullslider .icon-plus {
    margin-bottom: 60px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.bloc-fullslider .caption a:hover .icon-plus {
    background: white;
    color: #00a887;
}

.bloc-fullslider .slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 50%;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -25%;
}

.bloc-fullslider .slick-dots li {
    display: inline-block;
    padding: 0 10px;
    width: 50px;
}

.bloc-fullslider .slick-dots li button {
    background: #00a887;
    border: none;
    text-indent: -999em;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 100%;
    margin: auto;
}

.bloc-fullslider .slick-dots li.slick-active button {
    background: white;
}

.bloc-fullslider .slick-dots li button:focus {
    outline: 0;
}

/*
* BLOC REASSURANCE
*/

.reassurance-block {
    font-size:15px;
}
.reassurance-block div {
    min-height: 50px;
    /*border: 1px solid #333;
    margin-bottom: 10px;
    padding-top: 18px;
    padding-left: 30px;*/
    width: auto;
    max-width: 350px;
}

.reassurance-block img {
    width: 25px;
    margin-right: 20px;
    position: relative;
    top: -1px;
}
.paymentshipping-block img {
    width: 35%;
    margin-bottom: 20px;
    display: inline-block;
}
/*
* BLOC PAGE NOT FOUND
*/

.bloc-pagenotfound {
    padding-top: 200px;
    padding-bottom: 200px;
}

.bloc-pagenotfound h1{
    margin: 0px !important;
    font-size: 100px !important;
    text-align: center !important;
    color: #383f49;
}

.bloc-pagenotfound .text-below{
    margin: 0px !important;
    text-align: center !important;
}

.bloc-pagenotfound .bloc-inline-color {
    text-align: center;
    margin-top: 50px;
}
.bloc-pagenotfound .bloc-inline-color div{
    width: 50px;
    height: 5px;
    display: inline-block;
    margin: 5px;
}
.bloc-pagenotfound .bloc-inline-color div:nth-child(1){
    background-color: #0664a6;
}
.bloc-pagenotfound .bloc-inline-color div:nth-child(2){
    background-color: #d99605;
}
.bloc-pagenotfound .bloc-inline-color div:nth-child(3){
    background-color: #d13f4a;
}
.bloc-pagenotfound .bloc-inline-color div:nth-child(4){
    background-color: #27ae61;
}

/**
 *	Bloc gammes
 */

.bloc-gammes {
    margin-top: 20px;
}

.bloc-gammes .bloc {
    height: 415px;
    color: white;
    position: relative;
    background-position: center center;
    display: block;
    overflow: hidden;
}

.bloc-gammes .bloc:after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 1;
    background: black;
    opacity: 0.5;
}

.bloc-gammes .bloc-1:before {
    content: "";
    background: #0664a6;
    top: 405px;
    position: absolute;
    bottom: 0; left: 0; right: 0;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bloc-gammes .bloc-2:before {
    content: "";
    background: #f4a305;
    top: 405px;
    position: absolute;
    bottom: 0; left: 0; right: 0;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bloc-gammes .bloc-3:before {
    content: "";
    background: #d13f4a;
    top: 405px;
    position: absolute;
    bottom: 0; left: 0; right: 0;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bloc-gammes .bloc-4:before {
    content: "";
    background: #27ae61;
    top: 405px;
    position: absolute;
    bottom: 0; left: 0; right: 0;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.bloc-gammes .bloc:hover:before {
    top: 0;
    height: auto;
    opacity: 0.7;
}

.bloc-gammes .bloc .bg {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 0;
    background-size: cover;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.bloc-gammes .bloc:hover .bg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.bloc-gammes .bloc .title {
    font-size: 47px;
    margin: 0;
    padding-top: 150px;
    padding-bottom: 25px;
    color: white;
    position: relative;
    z-index: 2;
    font-family: "museo_sans300";
}

.bloc-gammes .bloc .cta {
    position: absolute;
    bottom: 75px; left: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
}

.bloc-gammes .bloc .btn {
    font-size: 18px;
    color: white;
    border: solid 1px white;
    background: transparent;
    padding: 12px 24px;
}

/**
 *	Bloc work
 */

.bloc-work {
    padding: 85px 0 0;
}

.bloc-work .entry-title {
    font-family: "museo_sans300";
    margin-bottom: 0;
}

.bloc-work .bloc {
    padding: 60px 0;
}

.bloc-work .cat-title {
    color: white;
    position: absolute;
    left: 30px;
    bottom: 30px;
    margin: 0;
    font-size: 40px;
    font-family: "museo_sans300";
}

.bloc-work .bloc-nautique {
    background: #f2f2f2;
}

.bloc-work .bloc-nautique .item-cat {
    background: #0664a6;
}

.bloc-work .bloc-courrier {
    background: #e8e7e7;
}

.bloc-work .bloc-courrier .item-cat {
    background: #d99605;
}

.bloc-work .bloc-rangement-pro {
    background: #dbdada;
}

.bloc-work .bloc-rangement-pro .item-cat {
    background: #d13f4a;
}

.bloc-work .bloc-textile {
    background: #cccccc;
}

.bloc-work .bloc-textile .item-cat {
    background: #27ae61;
}

/**
 * Bloc team
 */

.bloc-team {
    padding: 60px 0 0;
}

.bloc-team .entry-title {
    font-family: "museo_sans300";
}

.bloc-team a {
    display: block;
    overflow: hidden;
    position: relative;
}

.bloc-team a:after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 1;
    background: black;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bloc-team .cta {
    position: absolute;
    top: 50%;
    margin-top: 0px;
    width: 100%;
    text-align: center;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.bloc-team .btn {
    font-size: 18px;
    color: white;
    border: solid 1px white;
    background: transparent;
    padding: 12px 24px;
    font-family: "museo_sans500";
}

.bloc-team a:hover:after {
    visibility: visible;
    opacity: 0.6;
}

.bloc-team a:hover .cta {
    visibility: visible;
    opacity: 1;
    margin-top: -20px;
}

/**
 *	Bloc cover
 */

.bloc-cover {
    position: relative;
    z-index: 2;
    color: white;
    text-align: center;
    padding-top: 171px;
}

.bloc-cover .container {
    max-width: 780px;
}

.bloc-cover .table-layout > div {
    padding-left: 15px;
    padding-right: 15px;
}

.bloc-cover .entry-meta {
    margin-bottom: 60px;
}

.bloc-cover .entry-title {
    font-size: 50px;
    margin: 0 0 100px 0;
    text-align: center;
    text-shadow: 2px 2px 2px black;
}

body.single-product .bloc-cover .entry-title {
    font-size: 50px;
    margin: 0 0 60px 0;
    text-align: center;
}

/* body.single-product .entry-title:after {
	content: "";
	display: block;
	width: 170px;
	height: 1px;
	margin: 20px auto;
	background: #888a90;
} */

.desc-cat {
    text-align: left;
    font-size: 15px;
    font-style: italic;
    margin-bottom: 100px;
}

.entry-stock {
    font-size: 20px;
    color: white;
    margin-bottom: 35px;
}

/**
 *	Breadcrumb
 */


.bloc-breadcrumb {
    background: #060f1c;
    padding: 5px 0;
    text-align: center;
    position: relative;
    /*text-align: left;
    position: absolute;
    z-index: 1000;
    top:85px;
    width:100%;*/
}

.pagecustom .bloc-breadcrumb {
    background: #d13f4a;
}

.breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
}

.breadcrumb li {
    display: inline-block;
}

.breadcrumb li,
.breadcrumb li a {
    color: white;
    font-size: 15px;
    font-family: "museo_sans300";
}

.breadcrumb li.active {
    font-family: "museo_sans700";
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #fff;
    content: "/\00a0";
    font-weight: normal;
}

/**
 *	Bloc single product
 */

.bloc-single-product {
    padding: 30px 0;
}

.slider-produit .slick-track {
    background: white;
}

.slick-paging {
    display: block;
    text-align: right;
    padding: 15px 30px;
    background: white;
    position: relative;
    margin-top: -55px;
}

.bloc-slider-produit .slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* border-top: solid 2px #eee; */
}
.slick-dots {
    text-align: center !important;
}
.bloc-slider-produit .slick-dots li {
    display: inline-block;
    width: 25%;
    background: white;
    cursor: pointer;
}



.bloc-slider-produit .ref {
    padding: 15px 0;
}

.bloc-infos .price {
    color: #d13f4a;
    background: transparent;
    border-color: #d13f4a;
    font-size: 30px;
    font-weight: 700;
    padding: 12px 24px;
    margin-bottom: 20px;
    cursor: default;
}

.bloc-infos form {
    padding-bottom: 20px;
    border-bottom: solid 1px;
}

.bloc-infos .form-control {
    width: auto;
}

.spinner {
    display: table;
    width: 100%;
}

.spinner > * {
    display: table-cell;
    vertical-align: middle;
}

.spinner-input,
.spinner-input .form-control {
    width: 55px;
    text-align: right;
}

.spinner-btn .btn {
    margin-left: 5px;
    height: 32px;
    line-height: 8px;
}

.spinner-btn .btn + .btn {
    margin-left: -1px;
}

.bloc-infos form .btn-submit {
    padding: 12px 24px;
    text-transform: uppercase;
}

.bloc-desc h3 {
    font-size: 40px;
    margin-bottom: 10px;
}

.bloc-desc p,
.bloc-desc li {
    font-size: 12px;
    font-style: italic;
}

.bloc-desc .cta {
    margin: 40px 0;
    padding-bottom: 15px;
    border-bottom: solid 1px;
}

.bloc-desc .cta p {
    font-style: normal;
    font-size: 15px;
}

.download-fiche {
    color: black;
}

.download-fiche .icon-pdf {
    position: relative;
    top: -2px;
}

/**
 *	Bloc related products
 */

.bloc-related-products {
    background: #d13f4a;
    padding: 40px 0;
    margin: 50px 0;
}

.bloc-related-products .title {
    text-align: center;
    font-size: 50px;
    color: #fff;
    margin: 0 0 40px 0;
}

.list-related {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.list-related li {
    float: left;
    width: 25%;
    height: 0;
    padding-bottom: 25%;
    position: relative;
    background: #fff;
}

.list-related li a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.list-related li .table-layout {
    position: relative;
    height: 100%;
}

.list-related li .table-layout > * {
    vertical-align: middle;
}

.list-related li img {
    margin: auto;
}

.list-related li .read-more {
    position: absolute;
    bottom: 16px; right: 16px;
    display: inline-block;
    padding: 10px 20px;
    background: #2b2b2b;
    border: solid 1px #91ada8;
    font-size: 14px;
    line-height: 1;
    color: white;
    text-transform: uppercase;
}

/**
 *	Bloc conseil
 */

.bloc-conseils {
    position: relative;
    z-index: 2;
    padding: 0;
}

.bloc-conseils a{
    height: 100% !important;
}

.bloc-conseils:after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: transparent url('../img/opacity-black.png') repeat 0 0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.bloc-conseils .entry-title {
    color: white;
    padding-top: 60px;
    position: relative;
    z-index: 2;
}

.bloc-conseils p {
    color: white;
    position: relative;
    z-index: 2;
}

.bloc-conseils .table-layout {
    table-layout: fixed;
}

.bloc-conseils .item {
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bloc-conseils.bordered .item {
    border: solid 1px #fff;/*#7f8288*/
    border-right: none;
}

.bloc-conseils.bordered .item:first-child {
    border-left: none;
}

.bloc-conseils a {
    color: white;
    display: block;
    /*height: 100%;*/
    padding: 80px 80px 100px 80px;
    position: relative;
    font-size: 12px;
    font-style: italic;
}

.bloc-conseils a:after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: transparent url('../img/opacity-transparent.png') repeat 0 0;
    z-index: 2;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}

.bloc-conseils a:hover:after {
    /*background: transparent url('../img/opacity-red.png') repeat 0 0;*/
}

.bloc-conseils a > * {
    position: relative;
    z-index: 3;
}

.bloc-conseils h3 {
    margin: 0 0 16px;
    font-style: normal;
}

.bloc-conseils .icon-plus {
    position: absolute;
    bottom: 50px; left: 50%;
    margin-left: -15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.bloc-conseils a:hover .icon-plus {
    background: white;
    color: #00a887;
}

body.administration .bloc-conseils {
    padding-top: 60px;
    background: #060f1c;
}

body.administration .bloc-conseils:after {
    background: none;
}

body.administration .bloc-conseils.bordered .item {
    border-color: #373e49;
}

body.administration .bloc-conseils p {
    margin-bottom: 40px;
}

/**
 *	Bloc search extended
 */

.search-form {
    background: white;
    height: 65px;
    border-radius: 25px;
}
.search-form .form-control {
    border-color: transparent;
    height: 65px;
    border-radius: 25px;
    font-size: 20px;
    font-family: "museo_sans300";
}
.search-form .btn-search {
    background: transparent url('../img/btn-search-form.png') no-repeat center center;
    border-color: transparent;
    height: 65px;
}
.search-form .table-layout div + div {
    width: 18px;
}

.bloc-search-extended {
    position: relative;
    z-index: 2;
    padding: 0;
}

.bloc-search-extended:after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: transparent url('../img/opacity-black.png') repeat 0 0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.bloc-search-extended .entry-title {
    color: white;
    padding-top: 60px;
    position: relative;
    z-index: 2;
}

.bloc-search-extended .table-layout {
    table-layout: fixed;
}

.bloc-search-extended .item {
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: solid 1px #fff;/*#7f8288*/
    border-right: none;
}

.bloc-search-extended .item:first-child {
    border-left: none;
}

.bloc-search-extended .item:last-child {
    background: transparent url('../img/opacity-green.png') repeat 0 0;
}

.bloc-search-extended .inner {
    color: white;
    display: block;
    height: 100%;
    padding: 80px 80px 80px 80px;
    position: relative;
    font-size: 12px;
    font-style: italic;
    z-index: 2;
}

.bloc-search-extended a {
    color: white;
}

.bloc-search-extended h3 {
    margin: 0 0 16px;
    font-style: normal;
}

.bloc-search-extended .btn-submit {
    background: transparent;
    border: solid 1px #fff;
    text-transform: uppercase;
}

.bloc-search-extended .btn-submit:hover {
    color: #1da08b;
    border-color: #1da08b;
}

.bloc-search-extended .dropdown a,
.bloc-search-extended .dropdown label {
    font-style: normal;
    font-family: "museo_sans300";
    font-weight: normal;
    font-size: 16px;
    cursor: pointer;
    display: block;
}

.bloc-search-extended .dropdown label.active{
    background: white;
    color: black;
    padding: 0 10px;
}

.bloc-search-extended .dropdown .jq-checkbox {
    position: absolute;
    left: -9999em;
}

/*.bloc-search-commande .item:last-child {
	background: none;
}
.bloc-search-commande .inner {
	padding: 50px 40px;
}
.bloc-search-commande h3 {
	padding-left: 10px;
	padding-right: 10px;
}
.bloc-search-commande ul {
	list-style: none;
	padding-left: 0;
}
.bloc-search-commande ul li a {
	font-size: 20px;
	display: block;
	font-style: normal;
	padding-left: 10px;
	padding-right: 10px;
}
.bloc-search-commande ul li a:hover,
.bloc-search-commande ul li a.active {
	background: white;
	color: black;
}*/

/* V2 */
.bloc-search-commande ul.dropdown  {
    position: relative;
    z-index: 10;
    margin-top: 60px;
}
.bloc-search-commande ul.dropdown  > li > a {
    font-size: 25px;
    font-family: "museo_sans700";
    text-align: center;
    padding-bottom: 20px;
}
.bloc-search-commande .dropit-submenu {
    margin: 0 -15px;
    right: 0;
}
.bloc-search-commande ul.dropit-submenu h3 {
    padding-left: 10px;
    padding-right: 10px;
    color: white;
}
.bloc-search-commande ul.dropit-submenu ul {
    list-style: none;
    padding-left: 0;
}
.bloc-search-commande ul.dropit-submenu li a {
    font-size: 20px;
    display: block;
    font-style: normal;
    padding-left: 10px;
    padding-right: 10px;
}
.bloc-search-commande ul.dropit-submenu li a:hover,
.bloc-search-commande ul.dropit-submenu li a.active {
    background: white;
    color: black;
}

/**
 *	Bloc produits ( grid )
 */

.bloc-produits {
    padding: 60px 0 0;
}

.grid-js {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.grid-js li {
    float: left;
    overflow: hidden;
    height: 0;
    position: relative;
    top: 1px;
}

.grid-js li.w1 {
    width: 50%;
    padding: 0 0 49.99999% 0;
}

.grid-js li.w2 {
    width: 25%;
    padding: 0 0 25% 0;
}

.grid-js li a {
    display: block;
    overflow: hidden;
    position: relative;
    color: white;
}

.search .grid-js li a {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}
.grid-js img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search .grid-js img {
    position: absolute;
    height: 100%;
    width: auto;
    max-width: none;
}

.grid-js a:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.grid-js .cta {
    position: absolute;
    top: 0px; right: 0px; bottom: 0px; left: 0px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    background: transparent url('../img/opacity-blue.png') repeat 0 0; /* a modifier suivant la categoty à voir avec gilles après dev */
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.grid-js .cta .table-layout {
    position: relative;
    height: 100%;
}

.grid-js .cta .table-layout > * {
    vertical-align: middle;
    padding: 0 25px;
}

.grid-js .cta .title {
    font-size: 25px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    position: relative;
    top: 20px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.grid-js .icon-plus {
    width: 30px;
    height: 30px;
    font-family: "museo_sans300";
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    color: #1da08b;
    border-radius: 50%;
    background-color: white;
    background-image: none !important;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s 0.1s ease-in-out;
    transition: all 0.35s 0.1s ease-in-out;
}

.grid-js a:hover .cta {
    visibility: visible;
    opacity: 1;
}

.grid-js a:hover .cta .title {
    top: 0;
}

.grid-js a:hover .icon-plus {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.grid-js .read-more {
    position: absolute;
    bottom: 16px; right: 16px;
    display: inline-block;
    padding: 10px 20px;
    background: #2b2b2b;
    border: solid 1px #91ada8;
    font-size: 14px;
    line-height: 1;
    color: white;
    text-transform: uppercase;
    z-index: 10;
}

/* Ceci est surcharge dynamiquement en php */
.bloc-nautique .grid-js .cta {
    background: transparent url('../img/opacity-blue.png') repeat 0 0;
}
.bloc-courrier .grid-js .cta {
    background: transparent url('../img/opacity-yellow.png') repeat 0 0;
}
.bloc-rangement-pro .grid-js .cta {
    background: transparent url('../img/opacity-red.png') repeat 0 0;
}
.bloc-textile .grid-js .cta {
    background: transparent url('../img/opacity-green.png') repeat 0 0;
}

/*
*  Page produit
*/
@media (max-width: 468px) {
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
        width: 100%;
    }
}

/**
 *	Bloc contact & search
 */

.bloc-contact-search {
    text-align: center;
}

.bloc-contact-search a {
    vertical-align: middle;
    font-size: 30px;
    line-height: 1.1;
    color: #fff;
    height: 400px;
}

.bloc-contact-search a.col-left {
    background: #00a887;
}

.bloc-contact-search a.col-right {
    background: #019578;
}

.bloc-contact-search a .icon {
    margin-bottom: 20px;
}

.bloc-contact-search a:hover {
    background: #e4e4e3;
    color: black;
}

.bloc-contact-search a:hover .icon-contact-r {
    background-position: -10px -146px;
}

.bloc-contact-search a:hover .icon-search-r {
    background-position: -10px -724px;
}



/**
 *	Bloc post ( page )
 */

.bloc-post-page p,
.bloc-post-page blockquote,
.bloc-post-page ul,
.bloc-post-page ol,
.bloc-post-page .embed-responsive {
    /*margin-bottom: 60px;*/
    font-family: "Open Sans";
    font-size: 20px;

    margin-bottom: 40px;
}

.bloc-post-page .entry-title {
    font-size: 50px;
    text-align: left;
    margin: 80px 0 60px 0;
}

.bloc-post-page h2{
    font-style: italic;
    font-size: 45px;
    font-family: "museo_sans300";
    margin: 40px 0;
}
@media (max-width: 768px) {
    .bloc-post-page h2 {
        text-align: center;
    }
}
.bloc-post-page blockquote {
    color: #d13f4a;
    font-size: 30px;
    line-height: 1.2;
    font-style: italic;
    border-left: 2px solid #d13f4a;
    padding: 0 0 0 40px;
}

/* communique */

body.page-communique .bloc-post-page .entry-title {
    margin-bottom: 30px;
}
.bloc-post-page .metas {
    border-top: solid 1px #797979;
    font-size: 25px;
    font-style: italic;
    padding: 30px 0;
    margin-bottom: 40px;
}

/**
 *	Bloc section-full ( page )
 */

.section-full {
    min-height: 100%;
    padding: 100px 0;
    background-color: #f2f2f2;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    color: white;
    text-align: center;
}

.section-full .table-layout {
    height: 100%;
    position: relative;
}

.section-full .table-layout > * {
    vertical-align: middle;
}

@media (min-width: 768px) {
    .section-full .table-layout {
        padding: 0 70px;
    }
    .section-full .table-layout .col-sm-6 {
        padding: 0 30px;
    }
    .section-full .table-layout .col-sm-6:first-child {
        padding-right: 60px;
    }
    .section-full img.img-responsive {
        float: right;
    }
}

.section-full img.img-responsive {
    margin: 10px auto 30px auto;
}

.section-full .entry-title {
    display: inline-block;
    margin-bottom: 0;
    font-family: "museo_sans700";
}

.section-full .entry-title:after {
    content: "";
    display: block;
    height: 1px;
    background: white;
    margin: 20px 0;
    opacity: 0.4;
}

.section-full p {
    font-style: italic;
    margin-bottom: 40px;
    text-align: left;
    font-family: "Open sans";
}

.section-full .inner {
    text-align: left;
}

@media (min-width: 768px) {
    .section-full .inner {
        margin-left: -47px;
        max-width: 605px;
    }
}

.scrollTop,
.scrollBtm {
    display: inline-block;
    width: 40px;
    height: 41px;
    position: absolute;
    left: 50%;
    z-index: 10;
    margin-left: -20px;
    opacity: 0.5;
}

.scrollTop:hover,
.scrollBtm:hover {
    opacity: 1;
}

.scrollTop {
    background: transparent url('../img/scrollTop.png') no-repeat 0 0;
    top: 30px;
}

.scrollBtm {
    background: transparent url('../img/scrollBtm.png') no-repeat 0 0;
    bottom: 30px;
}

/**
 *	Bloc espace-perso
 */

.bloc-espace-perso {
    padding: 60px 0;
}

.bloc-espace-perso .col-left {
    border-right: solid 1px #797979;
}

.bloc-espace-perso h2 {
    font-size: 40px;
    margin: 20px 0 30px 0;
    padding: 0 15px;
}

.bloc-espace-perso p {
    font-size: 15px;
    padding: 0 15px;
}

.bloc-espace-perso form {
    margin: 30px 0;
}

.bloc-espace-perso .form-group {
    margin-bottom: 30px;
}

.bloc-espace-perso .form-group > label {
    font-weight: normal;
    text-align: right;
    margin-top: 8px;
}

.bloc-espace-perso .radio-inline {
    margin-top: 8px;
}

.bloc-espace-perso .form-control {
    background: transparent;
    border: solid 1px transparent;
    border-bottom: solid 1px #ccc;
    font-style: italic;
}

.bloc-espace-perso .btn {
    margin: 25px 0;
}

.btn-commande-rapide {
    background: white url('../img/btn-com-rapide.png') no-repeat 15px 13px;
    display: inline-block !important;
    padding: 20px 15px 20px 85px;
    font-family: 'museo_sans700';
    font-size: 20px;
    line-height: 1.1;
    text-align: left;
    position: absolute;
    top: -5px; right: 0;
    color: black;
}

.bloc-espace-perso .datepicker {
    margin-bottom: 30px;
}

.bloc-espace-perso .form-newsletter {
    margin-top: -17px;
}

.bloc-espace-perso .form-newsletter .checkbox {
    margin: 8px 0;
}

@media (max-width: 768px) {
    .woocommerce-EditAccountForm div[style="padding-right:0"] {
        text-align: left!important;
    }
}



/*
 * bloc panier
 */
@media (max-width: 768px) {
    a.checkout-button.button.alt.wc-forward {
        font-size: 1em!important;
    }
}



/**
 *	Bloc historique-factures & bloc commande rapide & bloc-table-paiement
 */

.bloc-historique-factures,
.bloc-commande-rapide {
    background: #dadbdc;
    padding-top: 60px;
}

.bloc-historique-factures thead th,
.bloc-historique-factures tbody th,
.bloc-commande-rapide thead th,
.bloc-commande-rapide tbody th,
.bloc-table-paiement thead th,
.bloc-table-paiement tbody th {
    background: #9a9da2;
    border: solid 1px #aeb1b5;
    border-top: none;
    border-bottom: solid 2px white;
    color: white;
    text-align: center;
    font-family: 'museo_sans300';
    font-weight: normal;
    text-transform: uppercase;
    font-size: 20px;
}

.bloc-historique-factures tbody td,
.bloc-commande-rapide tbody td,
.bloc-table-paiement tbody td {
    text-align: center;
    border: solid 1px #eaebeb;
    vertical-align: middle;
    font-size: 15px;
}

.bloc-historique-factures tbody tr,
.bloc-commande-rapide tbody tr,
.bloc-table-paiement tbody tr {
    background: #dadbdc;
}

.bloc-historique-factures tbody tr.odd,
.bloc-historique-factures tbody tr:nth-of-type(odd),
.bloc-commande-rapide tbody tr.odd,
.bloc-commande-rapide tbody tr:nth-of-type(odd),
.bloc-table-paiement tbody tr.odd,
.bloc-table-paiement tbody tr:nth-of-type(odd) {
    background: #e5e6e7;
}

.bloc-table-paiement tfoot th {
    background: #9a9da2;
    border: solid 1px #fff;
    border-top: none;
    color: white;
    text-align: center;
    font-family: 'museo_sans300';
    font-weight: normal;
    text-transform: uppercase;
    font-size: 20px;
    vertical-align: middle;
    padding: 15px;
}

.bloc-table-paiement tfoot th.odd{
    background: #9a9da2;
}
.bloc-table-paiement tfoot th.even{
    background: #abadb1;
}
.bloc-table-paiement tfoot th.last{
    background: #060f1c;
    font-size: 30px;
}

.bloc-table-paiement tfoot th.text-right {
    text-align: right;
}

.bloc-table-paiement tfoot td {
    text-align: center;
    border: solid 1px transparent;
    vertical-align: middle;
    font-size: 15px;
    padding: 15px;
}

.bloc-table-paiement tfoot td.bon-de-reduction {
    background: #dadbdc;
}

.bloc-historique-factures .btn {
    font-size: 15px;
}

.bloc-commande-rapide tbody tr:first-child,
.bloc-commande-rapide tbody td:first-child,
.bloc-table-paiement tbody tr:first-child,
.bloc-table-paiement tbody td:first-child {
    width: 150px;
}

.bloc-commande-rapide .dropdown {
    display: inline-block;
}

.bloc-commande-rapide .dropdown > li > a {
    color: black;
}

.bloc-commande-rapide .spinner,
.bloc-table-paiement .spinner {
    width: auto;
    margin: auto;
}

.bloc-commande-rapide .spinner .btn,
.bloc-table-paiement .spinner .btn {
    padding-left: 10px;
    padding-right: 10px;
}

.delete {
    display: inline-block;
    background: #1da08b;
    color: white;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
}
.delete:hover {
    color: white;
}

.bloc-table-paiement .bon-de-reduction form > * {
    vertical-align: bottom;
}

.bloc-table-paiement .bon-de-reduction label {
    font-size: 25px;
    font-weight: normal;
}

.bloc-table-paiement .bon-de-reduction .form-control {
    background: none;
    height: 42px;
    border: none;
    border-bottom: solid 1px #b0b2b6;
}

.generated_for_mobile {
    display: none;
}

/**
 * Bloc table paiement
 */

.bloc-table-paiement .wizard {
    list-style: none;
    padding: 0;
    margin: 40px 0 60px 0;
}

.bloc-table-paiement .wizard li {
    padding: 0 15px;
    text-align: center;
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
}

.bloc-table-paiement .wizard li .item {
    padding: 15px 5px;
}

.bloc-table-paiement .wizard li.active .item {
    border: solid 1px black;
}

.bloc-table-paiement .wizard span {
    font-size: 40px;
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
}

.bloc-table-paiement .wizard span:before {
    content: "/";
    display: inline-block;
    margin-right: 15px;
}

/**
 *	Bloc newsletter
 */

.bloc-mode-paiement {
    padding: 60px 0;
}

.bloc-mode-paiement ul {
    list-style: none;
    padding: 0;
    margin: 0 0 60px 0;
}

.bloc-mode-paiement ul li + li {
    border-left: solid 1px #c3c5c7;
}

.bloc-mode-paiement ul li a {
    color: black;
    font-size: 25px;
    line-height: 1;
}

.bloc-mode-paiement ul li a:hover {
    color: #1da08b;
}

.bloc-mode-paiement ul li img {
    margin: 0 auto 40px auto;
}

.bloc-mode-paiement ul li .icon {
    display: block;
    margin: 40px auto 0 auto;
}


/**
 *	Bloc newsletter
 */

.bloc-newsletter {
    padding: 40px 0;
    background: #f2f2f2 !important;
}

.bloc-newsletter .container {
    max-width: 940px;
}

.bloc-newsletter form {
    margin: 40px auto;
    position: relative;
    width: 100%;
}

.bloc-newsletter form:before {
    content: "";
    display: block;
    height: 80px;
    width: 1000%;
    background: white;
    position: absolute;
    top: 0; left: -500%;
    z-index: -1;
}

.bloc-newsletter .form-group {
    margin-bottom: 50px;
}

.bloc-newsletter form .form-control {
    text-align: center;
    font-size: 18px;
    height: 80px;
}

.bloc-newsletter form .form-control:focus {
    border-color: white;
}

.bloc-newsletter .checkbox {
    text-align: left;
    font-size: 15px;
    margin-bottom: 20px;
}

/* custom form */

.radio label,
.checkbox label {
    position: relative;
}

.jq-checkbox,
.jq-radio {
    width: 14px;
    height: 14px;
    border: solid 1px #000;
    position: absolute !important;
    top: 5px; left: 0;
}
.jq-checkbox__div,
.jq-radio__div {
    position: absolute;
    top: 2px; left: 2px;
    width: 8px;
    height: 8px;
    display: none;
    background: #000;
}
.jq-checkbox.checked .jq-checkbox__div,
.jq-radio.checked .jq-radio__div {
    display: block;
}

/**
 *	Bloc list  actus
 */

.bloc-list-actus {
    padding: 60px 0;
}
.bloc-list-actus a {
    display: block;
    color: black;
}
.btn-newsletter:hover {
    color: #1da08b;
}
.bloc-list-actus .odd {
    background: #f2f2f2;
}
.bloc-list-actus .even {
    background: #fefefe;
}
.bloc-list-actus .entry-content {
    padding: 50px;
    font-size: 15px;
    position: relative;
}
.bloc-list-actus .odd .entry-content:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    border-color: transparent #f2f2f2 transparent transparent;
    position: absolute;
    top: 70px; left: -35px;
}
.bloc-list-actus .even .entry-content:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #fefefe;
    position: absolute;
    top: 70px; right: -35px;
}
.bloc-list-actus .title {
    margin: 0 0 15px 0;
    text-align: left;
    font-size: 25px;
}
.bloc-list-actus .title:after {
    content: "";
    display: block;
    height: 1px;
    width: 50%;
    background: #7f7f7f;
    margin: 15px 0;
}
.bloc-list-actus .date {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 15px;
}
.bloc-list-actus .col-sm-6:first-child {
    position: relative;
    /*overflow: hidden;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.bloc-list-actus .col-sm-6:first-child:after {
    content: "";
    width: 100%;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: transparent url('../img/opacity-turq.png') repeat 0 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}
.bloc-list-actus a:hover .col-sm-6:first-child:after {
    opacity: 1;
    visibility: visible;
}
.bloc-list-actus .read-more {
    position: absolute;
    top: 55%;
    margin-top: -20px;
    z-index: 10;
    color: white;
    font-size: 25px;
    font-style: italic;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}
.bloc-list-actus .odd .read-more {
    right: -16px;
}
.bloc-list-actus .odd .read-more .icon {
    float: right;
    margin-left: 10px;
    top: 5px;
    position: relative;
}
.bloc-list-actus .even .read-more {
    left: -16px;
}
.bloc-list-actus a:hover .read-more {
    opacity: 1;
    visibility: visible;
    top: 50%;
}
.btn-newsletter {
    background: white url('../img/btn-newsletter.png') no-repeat 15px 13px;
    display: inline-block !important;
    padding: 20px 15px 20px 85px;
    font-family: 'museo_sans700';
    font-size: 20px;
    line-height: 1.1;
    text-align: left;
    position: absolute;
    top: -15px; right: 0;
}

/**
 *	Bloc list equipe
 */

.bloc-equipe {
    padding: 60px 0;
    position: relative;
}
.filter {
    margin: 50px 0 50px 0;
}
.filter li + li:before {
    content: "/";
    margin-right: 10px;
    color: black;
    font-size: 25px;
    font-family: "museo_sans700";
}
.filter a {
    color: black;
    /*font-size: 25px;*/
    font-family: "museo_sans700";

    font-size: 18px;
}
.filter a.active {
    text-decoration: underline;
}
.list-filter {
    list-style: none;
    /*padding-left: 0;*/

    padding: 0 50px;
}
.list-filter li {
    margin: 0 0 50px 0;
    font-size: 15px;
    position: relative;

    padding: 0 30px;
}
.list-filter li .col-sm-6 + .col-sm-6 {
    padding-bottom: 141px;
}
.list-filter .name {
    font-size: 35px;
    line-height: 1;
    margin: 0 0 10px 0;
}
.list-filter .function {
    font-style: italic;
    font-size: 25px;
    line-height: 1.1;
    display: block;
    margin-bottom: 10px;
}
.infos-contact {
    font-size: 20px;
    line-height: 1.1;
    /*margin-top: 40px;*/
    position: absolute;
    bottom: 0;
}
.infos-contact a {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background: #1da08b;
    text-align: center;
    margin-top: 15px;
}
.infos-contact a:hover {
    background: #168271;
}
.infos-contact a + a {
    margin-left: 20px;
}

.list-filter .slick-prev,
.list-filter .slick-next {
    width: 36px;
    height: 75px;
    position: absolute;
    top: 50%;
    /*margin-top: -37.5px;*/
    margin-top: -260px;
    border: none;
    text-indent: -999em;
}
.list-filter .slick-prev {
    background: transparent url('../img/slick-prev.png') no-repeat 0 0;
    left: 10px;
}
.list-filter .slick-next {
    background: transparent url('../img/slick-next.png') no-repeat 0 0;
    right: 10px;
}

/**
 *	Bloc rejoindre l'equipe
 */

.bloc-rejoindre-equipe {
    background: #e6e5e5;
    padding: 60px 0;
    position: relative;
}
.bloc-rejoindre-equipe:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 24px 0 24px;
    border-color: #f2f2f2 transparent transparent transparent;
    position: absolute;
    top: 0; left: 50%;
    margin-left: -24px;
}
.bloc-rejoindre-equipe .container {
    max-width: 940px;
}
.bloc-rejoindre-equipe .link {
    color: black;
    text-decoration: underline;
    font-weight: bold;
}
.bloc-rejoindre-equipe .link:hover {
    color: #1da08b;
}
.offre {
    padding: 40px 30px;
    margin: 40px 0;
    border: solid 1px #737272;
}
.offre h3 {
    margin: 0 0 30px 0;
    font-size: 20px;
}
.offre h3 span {
    display: block;
    font-size: 25px;
    text-transform: uppercase;
}
.offre .btn {
    margin-top: 40px;
}

/**
 *	Bloc contact
 */

.bloc-contact-form {
    padding: 60px 0;
}
.bloc-contact-form .container {
    max-width: 960px;
}
.bloc-contact-form form {
    margin: 30px 0 60px 0;
    overflow: hidden;
}
.bloc-contact-form label {
    font-weight: normal;
    text-align: right;
    margin-top: 8px;
}

.bloc-contact-form input,
.bloc-contact-form select,
.bloc-contact-form textarea{
    border: 1px solid #333;
}

.bloc-contact-form input[type="file"] {
    border: none;
}
/*.bloc-contact-form .form-control {
	background: transparent;
	border: solid 1px transparent;
	border-bottom: solid 1px #ccc;
	font-style: italic;
}
.bloc-contact-form textarea {
	min-height: 215px;
}*/
.bloc-contact-form address {
    margin-bottom: 15px;
    border-bottom: 1px solid #e0dbdb;
}
.bloc-contact-form .checkbox-rgpd > span {
    margin-right: 1rem;
}
.contact-list-infos {
    list-style: none;
    padding: 0;
    margin: 15px -8px;
    overflow: hidden;
    text-align: center;
}
.contact-list-infos li {
    /*float: left;*/
    display: inline-block;
    width: 33.33333%;
    padding: 0 8px;
}
.contact-list-infos li a {
    display: block;
    padding: 10px;
    background: #f9f9f9;
    border: solid 5px white;
    text-align: center;
    color: black;
    font-size: 20px;
    line-height: 1.2;
}
.contact-list-infos li a:hover {
    color: #1da08b;
}
.contact-list-infos li img {
    display: block;
    margin: 0 auto 10px auto;
}
.bloc-contact-form .google-map {
    background: #f9f9f9;
    border: solid 5px white;
}
.bloc-contact-form .google-map img {
    width: 100%;
}
.captcha-container {
    margin: 60px 0 40px 0;
}
.bloc-contact-form .visible-xs {
    background: #e5e5e5;
    padding-top: 40px;
    padding-bottom: 40px;
}

/**
 *	Colophon
 */

#colophon {
    background: #060f1c;
    padding: 40px 0 0;
    color: white;
}

#colophon .table-layout {
    table-layout: fixed;
}

#colophon .table-layout > * {
    padding: 0 15px;
    vertical-align: top;
}

#colophon h4 {
    font-size: 30px;
    color: white;
    margin: 0 0 30px;
    font-family: "museo_sans300";
}

#colophon ul {
    list-style: none;
    margin: 0 0 40px 0;
    padding: 0;
}

#colophon ul li,
#colophon ul li a {
    color: white;
}

#colophon ul li {
    font-size: 13px;
}

#colophon ul li a:hover {
    text-decoration: underline;
}

#colophon address {
    font-size: 15px;
    line-height: 1.4;
}

#colophon address strong,
#colophon .menu li {
    font-size: 20px;
}

/**
 *	Modal inscription
 */

#modal-inscription #form_inscription .gwpp_checkbox > div {
    width: 100%;
}

#modal-inscription .h2 {
    font-size: 20px;
}

.mfp {
    background: #060f1c;
    max-width: 700px;
    color: white;
}

.mfp-close-btn-in .mfp-close {
    color: white;
    opacity: 1;
    background: transparent url('../img/icons/close-modal.png') no-repeat 50% 50%;
    text-indent: -999em;
}

.mfp form {
    margin: 40px auto 0 auto;
}

.mfp h2 {
    text-align: center;
    color: white;
    font-size: 40px;
    margin: 0 0 10px 0;
}

.mfp a {
    color: white;
}

.mfp a:hover {
    color: #1da08b;
}

.mfp .form-group > label {
    font-weight: normal;
    text-align: right;
    margin-top: 8px;
    color: white;
}

.mfp .radio-inline {
    margin-top: 8px;
    color: white;
}

.mfp .jq-checkbox,
.mfp .jq-radio {
    background: #515761;
    border-radius: 50%;
}

.mfp .jq-checkbox__div,
.mfp .jq-radio__div {
    background: white;
    border-radius: 50%;
}

.mfp .form-control {
    background: transparent;
    border: solid 1px transparent;
    border-bottom: solid 1px #383f49;
    font-style: italic;
    font-size: 18px;
}

.mfp .btn {
    margin: 25px 0;
}

.mfp .btn + p {
    margin-bottom: 0;
}

.mfp .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.mfp .form-control:-ms-input-placeholder {
    color: #fff;
}

.mfp .form-control::-webkit-input-placeholder {
    color: #fff;
}

#modal-connection a {
    text-decoration: underline;
}

#modal-connection .form-control {
    margin-bottom: 10px;
}

#modal-connection .btn {
    margin-bottom: 0;
}


/**
 *	Sprites
 */

.icon {
    background-image: url('../img/spritesheet.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.icon-plus {
    width: 30px;
    height: 30px;
    font-family: "museo_sans300";
    font-size: 30px;
    line-height: 30px;
    font-style: normal;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background-color: #00a887;
    background-image: none !important;
}

.icon-chevron-down-menu {
    width: 10px;
    height: 6px;
    background-position: -10px -10px;
}

.icon-contact-r {
    width: 90px;
    height: 90px;
    background-position: -10px -36px;
}

.icon-contact-r-hover {
    width: 90px;
    height: 90px;
    background-position: -10px -146px;
}

.icon-enveloppe {
    width: 29px;
    height: 21px;
    background-position: -10px -256px;
}

.icon-menu {
    width: 29px;
    height: 22px;
    background-position: -10px -297px;
}

.icon-menu-close {
    width: 28px;
    height: 28px;
    background-position: -10px -339px;
}

.icon-newsletter {
    width: 28px;
    height: 24px;
    background-position: -10px -387px;
}

.icon-pdf {
    width: 32px;
    height: 35px;
    background-position: -10px -431px;
}

.icon-pdf-white {
    width: 25px;
    height: 27px;
    background-position: -10px -486px;
}

.icon-phone {
    width: 28px;
    height: 28px;
    background-position: -10px -533px;
}

.icon-rangement {
    width: 85px;
    height: 85px;
    background-position: -10px -581px;
}
/* gil */
/* .icon-rangement {
    width: 85px;
    height: 85px;
    background-position: -10px -581px;
} */
.icon-courrier {
    width:91px;
    height:93px;
    background-position:-10px -1066px;
}
.icon-equipement {
    width:91px;
    height:91px;
    background-position:-10px -1279px;
}
.icon-textile {
    width:91px;
    height:91px;
    background-position:-10px -1173px;
}
.icon-rangement {
    width:91px;
    height:91px;
    background-position:-10px -581px;
}
/* /gil */

.icon-search {
    width: 18px;
    height: 22px;
    background-position: -10px -684px;
}

.icon-search-r {
    width: 90px;
    height: 90px;
    background-position: -10px -724px;
}

.icon-search-r-hover {
    width: 90px;
    height: 90px;
    background-position: -10px -834px;
}

.icon-shop {
    width: 24px;
    height: 23px;
    background-position: -10px -944px;
}

.icon-user {
    width: 20px;
    height: 24px;
    background-position: -10px -987px;
}

.icon-user-connect {
    width: 41px;
    height: 24px;
    background-position: -10px -1031px;
}


.icon-newspage {
    width: 27px;
    height: 24px;
    background-image: url(../img/news-icon.png);
    background-size: 27px;
}
/**
 *	Responsive
 */

@media (max-width: 1400px) {
    .btn-newsletter {
        position: relative;
        top: 0;
        margin-top: -30px;
        margin-bottom: 40px;
    }
}

@media (max-width: 1080px) {

    /* Header */
    #masthead .bloc-1 .lang {
        margin: 0 20px;
    }

    /* grid */
    .grid-js .cat-title {
        font-size: 30px;
        left: 20px;
        bottom: 20px;
    }
    .grid-js .cta .title {
        font-size: 24px;
    }
}

@media (max-width: 1024px) {

    /* Header (mobile) */
    #masthead,
    #masthead.sticky {
        position: initial;
        top: 0;
    }
    #masthead .container > .table-layout {
        display: block;
        height: auto;
        padding: 15px 0 0;
    }
    #masthead .table-layout > * {
        display: inline-block;
    }
    #masthead .bloc-3 {
        display: inline-block;
        text-align: right;
    }
    #masthead .bloc-1,
    #masthead .bloc-3 {
        width: 24%;
    }
    #masthead .bloc-2 {
        width: 48%;
    }
    #masthead .bloc-1 ul.lang {
        margin: 0;
    }
    #masthead .bloc-4 {
        display: block;
        width: 100%;
        margin-top: 10px;
        position: relative;
    }
    #masthead .bloc-4 > .table-layout {
        border-top: solid 1px #535b64;
        border-bottom: solid 1px #535b64;
        padding: 10px 0;
    }
    #masthead .bloc-4 .infos-civilite {
        display: block;
        text-align: center;
        padding: 10px 0;
    }
    #masthead .bloc-4 .infos-civilite > li {
        display: inline-block;
        float: none;
        width: auto;
        padding: 0 15px;
    }
    #masthead .bloc-1 .toggle-menu,
    #masthead .bloc-1 .infos-civilite {
        display: none !important;
    }
    #masthead .bloc-4 > ul > li,
    #masthead .dropit-trigger {
        position: inherit;
    }
    #masthead .dropit .dropit-submenu {
        top: 100%;
        left: -15px;
        right: -15px;
    }
    #masthead .dropit .dropit-submenu li {
        text-align: left;
    }
    #masthead .form-search .table-layout {
        display: table;
    }
    #masthead .form-search .table-layout > * {
        display: table-cell;
    }
    #masthead .form-search .table-layout > div + div {
        width: 20px;
        text-align: center;
    }
    /* bloc cover */
    .bloc-cover {
        padding-top: 200px;
    }
    /* espace perso */
    .btn-commande-rapide {
        position: relative;
        top: 0;
        margin-top: 0px;
        margin-bottom: 40px;
    }
}

@media (max-width: 1023px) {
    /* bloc full slider */
    .bloc-fullslider .caption .col-sm-6 {
        width: 100%;
        margin-left: 0;
    }
    /* grid */
    .grid-js .cat-title {
        font-size: 20px;
        left: 20px;
        bottom: 20px;
    }
    .grid-js .cta .title {
        font-size: 18px;
    }
    .grid-js .read-more {
        bottom: 10px;
        right: 10px;
        font-size: 13px;
    }
    /* bloc conseil */
    .bloc-conseils a {
        padding: 20px 20px 50px 20px
    }
    .bloc-conseils .icon-plus {
        bottom: 20px;
    }
    /* bloc search-extended */
    .bloc-search-extended .inner {
        padding: 50px 20px 50px 20px
    }
    /* bloc table paiement */
    .bloc-table-paiement .wizard li .item {
        font-size: 14px;
    }
    .bloc-table-paiement .wizard li .item span {
        font-size: 24px;
    }
    /* bloc equipe */
    .list-filter .name {
        font-size: 26px;
        line-height: 1.1;
    }
    .list-filter .function {
        font-size: 18px;
        line-height: 1.1;
    }
    .infos-contact {
        font-size: 16px;
    }
    /* bloc contact form */
    .contact-list-infos li a {
        font-size: 16px;
    }
    /* footer */
    #colophon h4 {
        font-size: 18px;
    }
    #colophon address strong,
    #colophon .menu li {
        font-size: 14px;
    }
    #colophon address {
        font-size: 13px;
    }
}

@media (max-width: 767px) {

    /* Boot & common classes */
    /*.entry-title {*/
    /*    font-size: 40px!important;*/
    /*}*/



    /* bloc cover */
    .bloc-cover .entry-title {
        font-size: 50px;
        margin-bottom: 50px;
    }




    /* bloc fullslider */
    .bloc-fullslider .caption {
        padding: 200px 0 50px 0;
    }
    .bloc-fullslider .caption h2 {
        font-size: 40px;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
    }
    body.category .bloc-fullslider .icon-plus {
        margin-bottom: 0;
    }
    .bloc-fullslider .slick-dots {
        display: none !important;
    }




    /* bloc gammes */
    .bloc-gammes {
        padding: 0 15px;
        /*margin-top: -60px;*/

    }
    .bloc-gammes .bloc {
        margin-bottom: 15px;
        height: auto;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .bloc-gammes .bloc:before {
        top: 97%;
    }
    .bloc-gammes .bloc .title {
        font-size: 30px;
        padding-top: 0px;
    }
    .bloc-gammes .bloc .cta {
        bottom: auto;
        position: relative;
    }




    /* bloc work */
    .bloc-work .cat-title {
        font-size: 24px;
        left: 20px;
        bottom: 20px;
    }




    /* grid js */
    .grid-js li.w1,
    .grid-js li.w2 {
        width: 50%;
        padding: 0 0 50%;
    }




    /* bloc conseil */
    .bloc-conseils .item {
        width: 50%;
        float: left;
    }

    /*.bloc-conseils h3 {*/
    /*    height: 100px !important;*/
    /*}*/
    /**/
    /*@media (min-width: 1024px) {*/
    /*    .bloc-conseils h3 {*/
    /*        height: auto !important;*/
    /*    }*/
    /*}*/

    .bloc-conseils h3 {
        height: auto !important;
    }

    .bloc-conseils .item {
        height: 250px !important;
        /*overflow: hidden;*/
        word-wrap: break-word;
    }




    /* bloc search */
    .bloc-search-extended .item {
        width: 50%;
        float: left;
    }
    .bloc-search-extended h3 {
        height: auto !important;
    }




    /* bloc single product */
    .bloc-video {
        margin-left: -15px;
        margin-right: -15px;
    }




    /* bloc related */
    .bloc-related-products .title {
        font-size: 40px;
    }
    .list-related {
        margin-left: -15px;
        margin-right: -15px;
    }
    .list-related li {
        width: 50%;
        padding: 0 0 50%;
    }





    /* block espace perso */
    .bloc-espace-perso {
        padding: 15px 0;
    }
    .bloc-espace-perso .col-left,
    .bloc-espace-perso .col-right,
    .bloc-espace-perso .text-right {
        text-align: center;
    }
    .bloc-espace-perso .col-left {
        border: none;
    }
    .bloc-espace-perso h2 {
        font-size: 30px;
    }
    .bloc-espace-perso label {
        text-align: left !important;
        display: block;
    }
    .bloc-espace-perso label.radio-inline,
    .bloc-espace-perso label.checkbox-inline {
        display: inline-block;
        float: left;
    }
    @media (max-width: 768px) {
        .woocommerce table.shop_table_responsive tr td.order-actions, .woocommerce-page table.shop_table_responsive tr td.order-actions {
            text-align: right !important
        }
    }




    /* bloc historique factures */
    .bloc-historique-factures {
        padding-top: 30px;
    }
    .bloc-historique-factures h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .bloc-historique-factures .table,
    .bloc-commande-rapide .table,
    .bloc-table-paiement .table {
        display: none;
    }
    .generated_for_mobile {
        display: table !important;
    }
    .generated_for_mobile th {
        border: solid 1px #eaebeb;
    }
    .bloc-table-paiement tfoot,
    .bloc-table-paiement tfoot > *,
    .bloc-table-paiement tfoot > * > * {
        display: block;
        width: 100%;
    }
    table.visible-xs {
        display: table !important;
        margin-top: -20px;
    }
    table.visible-xs td {
        width: 50%;
        font-size: 20px;
        font-family: "museo_sans500";
    }
    table.visible-xs td:first-child {
        text-align: left;
    }
    table.visible-xs tbody tr {
        background: #9a9da2;
        color: white;
    }
    table.visible-xs tbody tr.odd,
    table.visible-xs tbody tr:nth-of-type(odd) {
        background: #b8babe;
    }
    table.visible-xs tbody tr.last {
        background: #060f1c;
    }
    table.visible-xs tbody tr.last td {
        font-size: 25px;
    }
    table.visible-xs label {
        font-family: "museo_sans500";
        font-weight: normal;
    }
    table.visible-xs .form-control {
        border-color: white !important;
    }

    /* bloc table paiement */
    .bloc-table-paiement .wizard {
        text-align: center;
    }
    .bloc-table-paiement .wizard li {
        display: none;
    }
    .bloc-table-paiement .wizard li.active {
        display: inline-block;
    }
    .bloc-table-paiement .wizard li .item {
        font-size: 25px;
        padding: 15px;
    }
    .bloc-table-paiement .wizard li .item span {
        font-size: 40px;
    }

    /* bloc mode paiement */
    .bloc-mode-paiement .table-layout{
        display: block;
        overflow: hidden;
    }
    .bloc-mode-paiement .table-layout > *{
        display: block;
        float: left;
        width: 50%;
        margin-bottom: 70px;
    }
    .bloc-mode-paiement .btn {
        clear: both;
    }
    .bloc-mode-paiement .item-1 img {
        margin-top: 25px;
    }
    .bloc-mode-paiement .item-5 img {
        margin-top: 20px;
    }

    /* bloc section full */
    #section-a.section-full {
        padding-top: 180px;
    }
    .section-full {
        height: auto !important;
    }
    .section-full .scrollTo {
        display: none;
    }
    #section-c img {
        margin-bottom: 40px;
    }
    .section-full .entry-title {
        text-align: center;
        display: block;
    }

    /* Bloc list actus */
    .bloc-list-actus .col-sm-6 {
        background-image: none !important;
    }
    .bloc-list-actus .entry-thumbnail {
        margin: 0 -15px;
        text-align: center;
    }
    .bloc-list-actus .entry-content {
        padding: 30px 15px;
    }
    .bloc-list-actus .read-more,
    .bloc-list-actus .odd .read-more,
    .bloc-list-actus .even .read-more {
        position: absolute;
        left: 50%;
        right: auto;
        margin-top: -15px;
        margin-left: -95px;
        font-size: 15px;
        width: 190px;
    }
    .bloc-list-actus .read-more .icon,
    .bloc-list-actus .odd .read-more .icon,
    .bloc-list-actus .even .read-more .icon {
        float: none;
        top: -1px ;
        margin: 0;
        position: relative;
    }

    /* bloc equipe */
    .list-filter .slick-slide {
        padding: 0 70px;
    }
    .list-filter .slick-slide img {
        margin: 0 auto;
    }
    .list-filter .name {
        margin-top: 15px;
    }
    .infos-contact {
        position: relative;
    }
    .filter a {
        font-size: 20px;
    }

    /* bloc contact form */
    .bloc-contact-form {
        padding-bottom: 0;
    }

    /* Footer */
    #colophon .table-layout,
    #colophon .table-layout > * {
        display: block;
    }
    #colophon .table-layout > * {
        width: 50%;
        float: left;
    }

}

@media (max-width: 639px) {
    .bloc-historique-factures .btn {
        display: block;
        width: 100%;
    }
    .bloc-historique-factures .btn + .btn {
        margin-top: 5px;
    }
}

@media (max-width: 479px) {

    /* Header */
    #masthead .bloc-2 h1 img {
        width: 150px;
    }
    #masthead .bloc-4 .price-total {
        font-size: 12px;
    }
    #masthead .bloc-4 > ul > li.item-1,
    #masthead .bloc-4 > ul > li.item-3,
    #masthead .bloc-4 > ul > li.item-4,
    #masthead .bloc-4 > ul > li.item-5 {
        width: 20%;
    }
    #masthead .bloc-4 > ul > li.item-2 {
        width: 40%;
    }

    /* bloc cover */
    .bloc-cover .entry-title {
        font-size: 36px!important;
        margin-bottom: 50px!important;
    }

    /* bloc work */
    .grid-js .cat-title {
        font-size: 16px;
    }
    .grid-js .cta .title {
        font-size: 14px;
    }

    /* bloc contact search */
    .bloc-contact-search .table-layout {
        display: block;
    }
    .bloc-contact-search a.col-left,
    .bloc-contact-search a.col-right {
        display: block;
        width: 100%;
        height: auto;
        padding: 30px 15px;
    }

    /* Footer */
    #colophon .table-layout > * {
        width: 100%;
        float: none;
    }
    #colophon h4 {
        font-size: 24px;
    }
}

/* update menu card */
@media (min-width: 1024px) {
    #masthead .bloc-4 ul {
        min-height: 85px;
    }
    #masthead.sticky .bloc-4 ul {
        min-height: 0;
    }
    #masthead .bloc-4 ul>li {
        vertical-align: middle;
    }
    #masthead .bloc-4 .dropit-submenu {
        top: 84px;
    }
    #masthead .bloc-4 .shopping-cart {
        top: 25px !important;
        /*left: 0;*/
        right: -20px !important;
        display: none;
        position: absolute;
        padding: 50px !important;
        opacity: 0.8 !important;
        background-color: #31343B !important;
    }
    #masthead .bloc-4 li.item-2:hover .shopping-cart {
        display: block!important;
    }
}
@media (max-width: 1024px) {
    #masthead .bloc-4 .shopping-cart {
        display: none !important;
    }
}


/* hack firefox */
@-moz-document url-prefix() {
    #masthead .bloc-4 .dropit-submenu {
        top: 55px;
    }
}

/* jQuery Confirm */
/**********************************************************/
.jconfirm.jconfirm-light {
    background: #2c3138;
    position: fixed;
    z-index: 1000;
    color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*.jconfirm.jconfirm-light .jconfirm-scrollpane {*/
/*background: white;*/
/*color: black;*/
/*width: 22rem;*/
/*}*/
.jconfirm.jconfirm-light .jconfirm-holder {
    padding-top: 25px!important;
    padding-bottom: 25px!important;
}
.jconfirm.jconfirm-light .jconfirm-holder .jconfirm-title-c {
    margin-bottom: 1rem;
    font-weight: bold;
    font-size: 18px;
}
.jconfirm.jconfirm-light .jconfirm-holder .jconfirm-content input {
    margin-bottom: .4rem;
}
.jconfirm.jconfirm-light .jconfirm-holder .jconfirm-buttons .btn.btn-red {
    float: left;
    background: #b81c23;
    border: none;
}
.jconfirm.jconfirm-light .jconfirm-holder .jconfirm-buttons .btn.btn-default {
    float: right;
    border: none;
}
.jconfirm.jconfirm-light .jconfirm-cell .jconfirm-box-container {
    margin: 0;
    text-align: center;
    width: 100%;
}


/**
 * bloc vous etes (page)
 */
.bloc-vous-etes h3 {
    font-size: 28px;
}
.bloc-vous-etes .bloc-post-page {
    /*margin-top: 4rem;*/
}
.bloc-vous-etes {}
.bloc-vous-etes {}


/**
 * Suppression de mon compte
 */

.remove-user {
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-right: 0;
}
.remove-user-account {
    float: right;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1;
    background: #f1751b;
    border: solid 1px #f1751b;
    color: white;
    transition: all 0.3s;
    padding: 12px 24px;
    text-transform: uppercase;
    border-radius: 0;
}
.remove-user-account:hover, .remove-user-account:focus {
    color: #ff0000;
}