/*!
 * DEWALT
 * Based on Bootstrap v3.3.5
 *
 * Designed by IPSOSENSO
 * http://www.ipsosenso.com
 * test cache Tfo
 */

@charset "UTF-8";

/*########################################################
	FONTS
########################################################*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,greek,cyrillic);

@font-face {
    font-family: 'futuratotextbolregular';
    src: url('../font/futuratot-extbol-webfont.eot'); /* IE9 Compat Modes */
    src: url('../font/futuratot-extbol-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/futuratot-extbol-webfont.woff') format('woff'), /* Pretty Modern Browsers */
    url('../font/futuratot-extbol-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/futuratot-extbol-webfont.svg#futuratotextbolregular') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}


/*########################################################
	BASE
########################################################*/

/*-- body --*/
body {
    width: 100%;
    height: 100%;
}

/*-- #wrapper --*/
#wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}
@media screen and (min-width:992px) {
    #wrapper {
        min-width: 1024px;
    }
}


/*-- figure, img --*/
figure {
    text-align: center;
}
img {
    max-width: 100%;
}
.figure img {
    display : block;
}

/*-- hgroup --*/
.pageHeader hgroup {
    margin-bottom : 0;
}
hgroup {
    margin-bottom: 2.8em;
}
h1, h2, h3, h4 {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    text-transform: uppercase;
}
h1 {
    font-size: 2.4em;
}
h2 {
    font-size: 1.6em;
}
h3 {
    font-size: 1.8em;
}
h4 {
    font-size: 1.2em;
}
   
@media (max-width: 1199px) {	
	h1 { font-size: 1.8em; } 
	h2 { font-size: 1.2em; } 
	h3 { font-size: 1.4em; } 
	h4 { font-size: 0.8em; } 
}
	
hgroup h1,
hgroup h3 {
    margin-bottom : 0;
}
hgroup h2,
hgroup h4 {
    margin-top : 0;
}


/*-- section --*/
section {
    background-position: center top;
    background-repeat: no-repeat;
}


/*########################################################
	COMPONENTS
########################################################*/

/*-- .btn --*/
.btn .text {
    font-size: 1.1em;
    font-weight: bold;
    color : #1E1E1E;
}

/*-- .call-to-action --*/
.call-to-action .text {
    text-transform: uppercase;
}
.call-to-action .icon {
    color: #fff;
}

/*-- .caption --*/
.caption hgroup h1,
.caption hgroup h3 {
    margin: 0;
}
.caption hgroup h1:only-child,
.caption hgroup h3:only-child,
.caption hgroup h2,
.caption hgroup h4 {
    margin: 0 0 10px 0;
}

/*-- .baseline --*/
.baseline h2 {
    height: 70px;
    margin: 0;
    padding: 20px 0;
}
.baseline img {
    display: inline-block;
    max-height: 100%;
    position: relative;
}

/*-- .thumbnails --*/
.thumbnails .row {
    margin-left: 0;
    margin-right: 0;
}
.thumbnails [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}
.thumbnail {
    position: relative;
    border-color:  transparent !important;
}
.thumbnail:hover, .thumbnails .thumbnail:active {
    text-decoration: none;
}
.thumbnail .figure {
    margin: -5px;
}
.thumbnail figure img {
    width: 100%;
}
.thumbnail .actions {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 5%;
    left: 0;
}
.thumbnail .caption {
    margin: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

/*-- .thumbnail --*/
.thumbnail {
    margin-bottom: 10px;
    margin-top: 10px;
}
.thumbnail .caption hgroup {
    margin-bottom: 0;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    text-decoration: none;
}

/*-- .breadcrumb --*/
section .breadcrumb {
    font-size: 0.8em;
    padding-left: 0px;
}
.breadcrumb {
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
}
.breadcrumb .breadcrumb {
    background: transparent;
}
.breadcrumb > li + li:before {
    content: "\e258";
    font-family: 'Glyphicons Halflings';
    font-size: 0.7em;
    padding: 0 4px 0 2px;
}

/*-- .article --*/
.article {
    padding: 14px 0;
}
.article .thumbnail {
    border-color: transparent;
    position: relative;
}
.article .thumbnail .caption {
    margin: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
.article .container > .caption:only-child {
    min-height: 572px;
}
.article .richtext {
    text-align: justify;
    word-wrap: break-word;
}

/*-- .pageHeader --*/
.pageHeader .thumbnail {
    border-color: transparent;
}
.pageHeader .thumbnail .caption {
    margin: 0;
    padding: 10px;
    top: 0;
    right: 0;
    left: 0;
}

/*-- .blocHeader --*/
.blocHeader {
    padding-bottom: 0;
    padding-top: 0;
}
.blocHeader .thumbnail {
    margin-top: 0;
    margin-bottom: 0;
}

/*-- .article.relative --*/
.article.relative .caption {
    text-align: center;
    margin-top: -10px;
}
.article.relative .caption h3 {
    display: inline-block;
    margin-bottom: 6px;
    padding: 8px 16px;
    font-size: 2em;
    box-shadow: 0 1px 2px #000;
    text-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.article.relative .caption h4 {
    text-transform: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
}

/*-- .article.fullimage --*/
.article.fullimage .container {
    position: relative;
}
.article.fullimage .caption {
    margin: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
.article.fullimage .figure {
    margin-top: -14px;
    margin-bottom: -13px;
    margin-left: -128px;
    margin-right: -128px;
}

/*-- .banner --*/
.banner {
    /* 	margin-top : 1px; */
    padding: 14px 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.2;
}
.banner .richtext > *:last-child {
    margin-bottom: 0;
}

/*-- .nav --*/
.nav,
.nav > li,
.nav > li a {
    /* 	border-width: 0 !important; */
}
.nav > li a {
    font-size: 1.3em;
    font-weight: bold;
}
.nav > li.active a {
    background: transparent !important;
}
.nav > li a i, .nav > li a .icon {
    margin-right: 0.5em;
}
.nav > li a i {
    font-weight: normal;
    vertical-align: baseline;
    font-size: 0.8em;
    opacity: .2;
    filter: alpha(opacity=20);
}
.nav > li a .glyphicon-plus {
    font-family: sans-serif;
}
.nav > li a .glyphicon-plus:before {
    content: "+";
}
.nav > li.active a i,
.nav > li a:hover i, .nav > li a:focus i {
    opacity: 1;
    filter: alpha(opacity=100);
}
.nav > li a .icon {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 24px;
    text-align: center;
}
.nav > li a .icon img {
    max-width: 100%;
}

/*-- .nav-tabs, .nav-pills --*/
.nav-tabs > li a, .nav-pills > li a {
    padding: 24px;
    font-size: 1em;
}

/*-- .nav-nav-tabs --*/
.nav-tabs > li a:before {
    position: relative;
    top: 50%;
    z-index: 1;
    display: inline-block;
    margin-right: 0.5em;
    font-family: 'Times New Roman';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "+";
    opacity: .2;
    filter: alpha(opacity=20);
}
.nav-tabs.nav-square > li a:before {
    content : "\25A0";
    top: -2px;
    opacity: 1;
}
.nav-tabs > li a:hover:before,
.nav-tabs > li.active a:before{
    opacity: 1;
    filter: alpha(opacity=100);
}
.nav-tabs > li.active a:before {
    color:#fdb827;
}

/*-- .nav-pills --*/
.nav-pills > li {
    padding-left: 1.5em;
}
.nav-pills > li:before {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: 1px;
    z-index: 1;
    display: inline-block;
    font-family: 'Times New Roman';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "+";
    opacity: .2;
    filter: alpha(opacity=20);
}
.nav-pills.nav-bright > li:before {
    opacity: 1;
    color:#fdb827;
}
.nav-pills.nav-square > li:before {
    content : "\25A0";
    top : 42%;
}
.nav-pills > li.active:before {
    color:#fdb827;
    opacity: 1;
    filter: alpha(opacity=100);
}
.nav-pills > li a,
.nav-pills.nav-stacked > li a{
    display: inline-block;
    margin-left: -36px;
    padding-left: 36px;
}

.nav-pills > li.picto {
    padding-left: 0;
}
.nav-pills > li.picto:before {
    display: none;
}
.nav-pills > li.picto a,
.nav-pills.nav-stacked > li.picto a{
    margin-left: -14px;
    padding-left: 14px;
}

/*-- .nav-stacked --*/
.nav-stacked > li a {
    padding: 6px 14px;
    margin-left: -14px;
}

/*-- .tabs --*/
.tabs {
    text-align: center;
}
.tabs ul {
    border-bottom: 0;
}
.tabs .nav > li {
    display: inline-block;
    float: none;
}

/* On supprime les bordures dans la liste de liens horizontale */
.tabs .nav li.active a, .tabs .nav li.active a:hover {
    border: 0;
}
/*-- .stacked --*/
.stacked {
    margin-bottom: 2.8em;
}
.stacked hgroup {
    margin-bottom: 1em;
}

/*-- .diaporama --*/
.diaporama .carousel .thumbnail{
    height: 100%;
    padding: 0;
}
.diaporama .carousel .thumbnail .caption {
    margin: 0;
    padding: 0 50px;
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    background: #000;
    min-height:64px;
}
.diaporama .thumbnail .caption hgroup {
    padding: 0 10px;
    margin-top: -15px;
}
.diaporama .carousel .thumbnail .caption h3 {
    display: inline-block;
    margin-bottom: 6px;
    padding: 6px 12px;
    font-size: 2em;
    box-shadow: 0 1px 2px #000;
    text-shadow: none;

}
.diaporama .carousel .thumbnail .caption h4 {
    text-transform: none;
    font-size: 1.2em;
}
@media (max-width: 767px) {
    .diaporama .carousel .thumbnail .caption h3 {
        font-size: 1.4em;
    }
    .diaporama .carousel .thumbnail .caption h4 {
        font-size: 1em;
    }
}


/*-- .richtext --*/
.richtext p,
.richtext ul,
.richtext ol {
    margin-bottom: 1.5em;
}

.sitemap ul li .niv2 {
    font-weight: bold;
}

.cliquerZoomer {
    position: absolute;
    margin: 4px;
    padding: 4px;
    box-shadow: 0 1px 4px -1px;
    color: #000000;
    font-weight: bold;
    font-size: 0.9em;
    border-radius: 4px;
    opacity: 0.8;
    background-color: white;
    z-index: 1000;
}

.cliquerZoomer:hover {
    color: black;
    text-decoration: none;
}

/*########################################################
	STORE LOCATOR
########################################################*/
#locationField {
    margin-top : 2.8em;
}
#locationField .mainLabel {display: none;}
#locationField .attributevalue {margin-left: auto; margin-right: auto; width: 100%; text-align: center;}
#locationField .attributevalue .btn {border: none; }
#locationField .attributevalue #adresse { width: 80%; height: 40px; color: black; vertical-align: middle; padding-left: 10px;}

/* GOOGLEMAPWRAPPER */
.googleMapWrapper { margin-top: 30px; width: 100%; height: 440px; position: relative; color: black;}
.googleMapWrapper .pin { position: absolute; }
.googleMap { width: 100%; height: 100%; }
.gm-style .gm-style-iw { font-size: 12px; }
.gm-style #map-content-left { float: left; }
.gm-style #map-content-left img {width: 9%; padding-right: 3px; } 
.gm-style #map-content-left a, .gm-style #info a { color: black; }
.gm-style #map-content-left a:hover, .gm-style #map-content-left a:focus, .gm-style #info a:hover, .gm-style #info a:focus { text-decoration:none; }
.gm-style #map-categorie-right { float: right; margin-left: 5px; }
.gm-style #map-categorie-right img {
    width: 65%;
    float: right;
}
.gm-style #map-categorie-right img { max-width: 100%; }
.gm-style #info { clear: both; float: right; }

/* FILTRES */
#ulFiltreCategories li {cursor: pointer; }
.filtres .navbar{ font-weight: bold; text-transform: uppercase; border-width: 0; overflow: hidden; min-height: 80px; margin-bottom: 0; border-top: 4px solid #fdb827; }
.filtres .navbar-header, .filtres .navbar-nav{ display: table; padding-left: 10px; }
.filtres .navbar-header:before, .filtres .navbar-nav:before, .filtres .navbar-header:after, .filtres .navbar-nav:after{ display: none; }
@media (max-width: 767px){
	.filtres .navbar-header, .filtres .navbar-nav{ width: 100%; }
}

.filtres .navbar-header > *, .filtres .navbar-nav > *{ display: table-cell; vertical-align: middle; float: none; text-align: center; }
.filtres .navbar-header{ background-color: #fdb827; }
.filtres .navbar-brand, .filtres .navbar-brand:hover, .filtres .navbar-brand:focus{ color: #000; }
.filtres .navbar-nav > li > a, .filtres .navbar-brand{ font-size: 0.9em; padding: 10px; }

.filtres .navbar-brand{ height: auto; }

.filtres .navbar-nav{ margin: 0; }
.filtres .navbar-nav > li{ min-width: 50px; }
.filtres .navbar-nav > li > a{ height: 70px; padding-left: 5px; padding-right: 5px; line-height: 50px; border-bottom: 4px solid rgba(102, 102, 102, 0.5); }
.filtres .navbar-nav > li > a:hover, .filtres .navbar-nav > li > a:focus{
	border-color: #fdb827; color: #ffffff; background-color: rgba(102, 102, 102, 0.5);
}
.filtres .navbar-nav > li.active > a, .filtres .navbar-nav > li.active > a:hover, .filtres .navbar-nav > li.active > a:focus{
	border-bottom-color: #fdb827; background-color: rgba(102, 102, 102, 0.3)!important;
}
.filtres .nav > li > a > img{ max-height: 100%; margin: auto; }

@media (min-width: 768px){
	.filtres .navbar-nav > li > a, .filtres .navbar-brand{ font-size: 1.2em; }
	.filtres .navbar-brand{ height: 80px; line-height: 60px; }
	.filtres .navbar-nav{ padding-left: 0; }
	.filtres .navbar-nav > li > a{ height: 80px; line-height: 60px; padding: 10px; }
}

/* DISTRIBUTEURS */
.distributeurs { background-color: #1E1E1E; margin: 0; padding: 10px 0; }
.distributeursIcone  { padding-bottom:5px }
@media screen and (min-width:769px) {
    .distributeurs {
        height: 650px; overflow-y:scroll;
    }
    #locationField .attributevalue #adresse {
        width: 620px;
    }
    #locationField .mainLabel {
        display: block; font-size: 2em; text-transform: uppercase; margin-left: auto; margin-right: auto; width: 100%; text-align: center;
    }
}

.distributeurs::-webkit-scrollbar-track {background-color: #3C3C3C; }
.distributeurs::-webkit-scrollbar {	width: 10px; background-color: #3C3C3C; }
.distributeurs::-webkit-scrollbar-thumb { background-color: #fdb827; border: 1px solid #3C3C3C; }

#shop-list {padding: 0;}
#shop-list li { list-style-type: none; }
#shop-list .shop {
    float: none;
    display: inline-block;
    vertical-align: top; 
}

.shop { padding: 10px; background-color: #1E1E1E; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; transition: background-color .2s; }

@media (min-width: 992px) {
	#shop-list li:nth-child(odd) { clear: both; }
	.shop { padding-left: 40px; padding-right: 40px; }
}

/* SHOP-MAIN */
.shop-main{ color: #B4B4B4; font-weight: bold; position: relative; padding-bottom: 40px; }

.shop-main .shopHeader {display: table; width: 85%;}
.shop-main .shopHeader .distributeursRight {position:absolute; margin-left: -20px;}
.shop-main .shopHeader > * { display: table-cell; float: none; vertical-align: top; min-width: 80px;}

.shop-main a {color: #cccccc; text-decoration: none; }
.shop-main .icon-store { width: 15px; padding-top: 5px; min-width: 15px;}
.shop-main .title_shop { font-size: 1.2em; text-transform: uppercase; padding-left: 20px; width: 100%; font-family: 'futuratotextbolregular', sans-serif; font-weight: normal;}

.shop-main .distance, .shop-main .address, .shop-main .infos-email, .shop-main .infos-web { margin-left: 35px; }
.shop-main .address {padding: 5px 0; margin-bottom: 0;}
.shop-main .infos-email {padding-top: 5px; }
.shop-main .distance {color: #3C3C3C;}
.shop-main .telfax {margin: 0; }
.shop-main .telfax .infos-tel {padding-left: 0;}!
.icon-telfax { padding-right: 15px;}
@media screen and (max-width:769px) {
	.shop-main .telfax .infos-fax {padding-left: 0; }
	.shop-main .telfax .infos-fax .icon-telfax {padding-right: 0px; margin-right: 11px; }
}

.shop-main .infos-email, .shop-main .infos-web { font-size:0.9em;}
.shop-main .infos-email a:hover { color:rgba(255, 255, 255, 0.5) !important; }
.shop-main .infos-website {padding-bottom: 5px;}
.shop-main .infos-website a:hover { color:rgba(255, 255, 255, 0.5) !important; }
.shop-main hr { height: 2px; background-color: #3C3C3C; color: #3C3C3C; position: absolute; bottom: 0; margin: 0; width: 100%;}
.shop-main .title_shop-main a, .shop-main .telfax.row a { color : #ffffff; }
.shop-main .distance a { color : #777; }
.shop-main .address #itineraire, #map-content-left #itineraire {    
	color: #FDB827;
    text-decoration: underline;
    font-weight: normal; 
}
.shop-main .address #itineraire:hover, #map-content-left #itineraire:hover {
	opacity: 0.5;
	color: #FDB827 !important;
}
#map-content-left a:hover  {     
	color: rgba(0, 0, 0, 0.5) !important;
}
.shop-main .address a, .shop-main .infos-email a, .shop-main .infos-web a { color : #dcdcdc; }
.shop-main .telfax img { margin-right: 15px; }

/* SHOP-MORE */
.shop.active{ background-color: #3c3c3c; }
.shop.active .shop-main hr{ background-color: transparent; border-color: transparent; }
.shop.active .shop-main .more-btn{ display: none; opacity: 0; }

.shop .more{ text-align: right; font-size: 0.9em; margin: 0;
	-webkit-transition: opacity .2s; -moz-transition: opacity .2s; transition: opacity .2s; }
.shop-main .more{ position: absolute; bottom: 10px; right: 40px; left: 40px; opacity: 1; }
.more-btn{ color: #fff; font-weight: 400; }
.more-btn:before{ content: ""; display: inline-block; border: 10px solid transparent; }
#info a:before {
    border: 7px solid transparent;
    border-bottom-width: 0;
    border-top-color: #fdb827;
    margin-right: 7px;
}
.more-btn:hover {
    opacity: 0.5;
}
.more-btn-open:before{ border-bottom-width: 0; border-top-color: #fdb827; margin-right: 7px; }
.more-btn-close:before{ border-top-width: 0; border-bottom-color: #fdb827; }

/* shop-more-content */
.shop-more-content{ font-size: 0.9em; }
.shop-more-content p { white-space: pre-wrap; word-wrap: break-word; }

.link360 img{ margin-right: 10px; position: relative; top: -1px; }
.link360:hover, .link360:focus{ text-decoration: none; }
.link360:hover span, .link360:focus span{ text-decoration: underline; }


/* SHOP SWIPER */
.shop-swiper.carousel, .shop-no-swiper.carousel { position: relative; margin-top: 20px; padding: 0 35px 30px; }
.shop-swiper.carousel .swiper-button-prev, .shop-swiper.carousel .swiper-container-rtl .swiper-button-prev,
.shop-swiper.carousel .swiper-button-next, .shop-swiper.carousel .swiper-container-rtl .swiper-button-next{
	height: 60px; width: 25px; font-size: 40px; line-height: 40px; margin-top: -45px;
}
.shop-swiper.carousel .swiper-button-prev:after, .shop-swiper.carousel .swiper-container-rtl .swiper-button-prev:after,
.shop-swiper.carousel .swiper-button-next:after, .shop-swiper.carousel .swiper-container-rtl .swiper-button-next:after{
	right: 3px;
}
.shop-swiper.carousel .swiper-button-prev, .shop-swiper.carousel .swiper-container-rtl .swiper-button-prev{ left: 0; }
.shop-swiper.carousel .swiper-button-next, .shop-swiper.carousel .swiper-container-rtl .swiper-button-next{ right: 0; }

.shop-swiper.carousel .swiper-pagination{ top: auto; bottom: 5px; height: 20px; font-family: Arial, Helvetica, sans-serif; }
.shop-swiper.carousel .swiper-pagination-bullet, .shop-swiper.carousel .swiper-pagination-switch{ font-size: 50px; line-height: 20px; }

/* img */
.shop-swiper .swiper-container .swiper-slide,
.shop-swiper .swiper-container .swiper-slide .figure{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
.shop-swiper .swiper-container .swiper-slide{ height: auto; }
/* keep ratio 1/1 */
.shop-swiper .swiper-container .swiper-slide .thumbnail{ position: relative; z-index: 1; display: block; width: 100%; border-width: 0; -moz-transform: rotate(0.02deg); }
.shop-swiper .swiper-container .swiper-slide .thumbnail:before{ padding-top: 100%; content: ""; display: block; }
.shop-swiper .swiper-container .swiper-slide .figure{ margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	-webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; }

.shop-no-swiper .no-swiper-container .no-swiper-slide,
.shop-no-swiper .no-swiper-container .no-swiper-slide .figure{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.shop-no-swiper .no-swiper-container .no-swiper-slide{ height: auto; width:30%; margin-right: 10px; }
.shop-no-swiper .no-swiper-container .no-swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
/* keep ratio 1/1 */
.shop-no-swiper .no-swiper-container .no-swiper-slide .thumbnail{ position: relative; z-index: 1; display: block; width: 100%; border-width: 0; -moz-transform: rotate(0.02deg); }
.shop-no-swiper .no-swiper-container .no-swiper-slide .thumbnail:before{ padding-top: 100%; content: ""; display: block; }
.shop-no-swiper .no-swiper-container .no-swiper-slide .figure{ margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; }

/* ltie10 v2.7.6 */
.ltie10 .shop-swiper .swiper-container .swiper-slide{  }
.ltie10 .shop-swiper .swiper-container, .ltie10 .shop-swiper .thumbnail{ height: 110px; }
.ltie10 .shop-swiper .thumbnail{ display: table; width: 100%; }
.ltie10 .shop-swiper .figure{ display: table-cell; vertical-align: middle; }
.ltie10 .shop-swiper .swiper-button-next,
.ltie10 .shop-swiper .swiper-button-prev{ position: absolute; top: 50%; cursor:pointer; }
.ltie10 .shop-swiper .swiper-pagination{ text-align: center; }
.ltie10 .shop-swiper .swiper-pagination-switch { display: inline-block; border-radius: 100%; opacity: .2; cursor: pointer; }
.ltie10 .shop-swiper .swiper-active-switch{ opacity: 1; }

.link360 img { width: 22px;}


/* MODALSHOPHIMAGE */
#shopImg{ margin: auto; }
#modal-body-id .glyphicon-chevron-left, #modalShopImage .glyphicon-chevron-right {
    color: #fdb827;
}
#modal-body-id .carousel-indicators .active {
    background-color: #fdb827;	
}
#modal-body-id .carousel-indicators li{
	border: 2px solid #fdb827;
}

.modal.and.carousel {
  position: fixed; // Needed because the carousel overrides the position property
}
.modal-lg {
    margin-top: 150px;
}

.heading{
    background: #ffb600;
    height: 50px;
    color: black;
    line-height: 50px;
    text-align: center;
    font-weight: 900;
    margin-top: 10px;
    font-size: 30px;
    padding-left: 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 99;
}

/*########################################################
 MODELE PARALLAX 
########################################################*/
/* MAINCONTAINER */
.mainContainer > #breadcrumb{ margin-left: auto; margin-right: auto; padding-left: 5px; padding-right: 5px; }
.mainContainer .container:last-child .section{ margin-bottom: 0; padding: 0; }

@media screen and (min-width:768px) {
    .mainContainer > #breadcrumb{ width: auto; }
}
@media screen and (min-width:992px) {
    .mainContainer > #breadcrumb{ width: 940px; }
}


/* SECTIONPARALLAX */

/* ARTICLEPARALLAX */
/* body */
.articleParallax { padding : 0;}
.articleParallax .body{ position: relative; width:1024px; margin-left: auto; margin-right: auto; }
.articleParallax img, .articleParallax .containerBlock{ max-width: 100%; }
.articleParallax .imageBg{ background-size: cover; background-repeat: no-repeat; }
.articleParallax .imageBg > img{ width: 100%; display: block; }

.articleParallax .containerBlock .richtext{ color: #fff; background-color: #000; background-color: rgba(0,0,0, 0.7); }
.articleParallax .containerBlock .richtext *:last-child{ margin-bottom: 0; }
.articleParallax .containerBlock .footer{ text-align: right; margin-top: 15px; }
.articleParallax:not(.relative) .caption { padding-top:20px; }

.articleParallax.relative .caption {
    position : absolute;
    width : 100%;
    margin-left : auto;
    margin-right : auto;
}

.articleParallax.relative .caption h3 {
    background-color: #fdb827;
}

/*
NB : l'image de ".imageBg" est ? la fois en "background-image" et en "img src",
au dessus de 991px on utilise "img src" et les containerBlock sont en absolus,
au dessous de 992px on utilise "background-image" et c'est ".imageBg" en absolute, sauf si c'est le seul enfant
*/
@media screen and (min-width:992px) {
    /*
    ".containerElements" refixe la largeur du site pour servir de r?f?rence au placement des blocks,
    */
    .articleParallax .containerElements{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width:970px; margin: auto; }
    .articleParallax .containerBlock{ position: absolute; width:370px; }
    .articleParallax .imageBg{ background-image: none!important; }
    .articleParallax .containerBlock .richtext{ padding: 10px; }
}

@media screen and (max-width:991px) {
    .articleParallax .body{ padding-left: 10px; padding-right: 10px; }
    .articleParallax .header, #wrapper .articleParallax .header{ padding: 15px; }
    .articleParallax .header:after{ border-width:20px 20px 0; margin-left: -20px; }

    .articleParallax .body{ width: auto!important; padding:0px 15px!important; }
    .articleParallax .imageBg{ position: absolute; left: 0; top: 0; right:0; bottom:0; }
    .articleParallax .imageBg img{ display: none; }
    .articleParallax .imageBg:only-child{ position: static; margin:-25px -15px; }
    .articleParallax .imageBg:only-child img{ display: block; }
    .articleParallax .containerBlock{ position: relative; top:auto!important; bottom: auto!important; left: auto!important; right: auto!important; }
    .articleParallax .containerBlock + .containerBlock{ margin-top:20px; }
    .articleParallax.relative .containerElements > .caption + .containerBlock{ padding-top : 40px; }
    .articleParallax .caption { position:relative; }
}
/* NB: .imageBg:only-child et onlyBg.. on retourne ? un affichage de l'image(et pas du bg) car on a pas d'autre contenu */
@media screen and (min-width:768px) and (max-width:991px) {
    .articleParallax .imageBg.onlyBg-sm{ position: static; margin:-25px -15px; }
    .articleParallax .imageBg.onlyBg-sm img{ display: block; }
}

@media screen and (max-width:767px) {
    .articleParallax .containerBlock .footer .bt{ font-size:1em; }
    .articleParallax .imageBg.onlyBg-xs{ position: static; margin:-25px -15px; }
    .articleParallax .imageBg.onlyBg-xs img{ display: block; }
}


/*########################################################
	PLAYLIST YOUTUBE
########################################################*/

.listVideosYoutube{display:block;margin-left:-5px;margin-right:-5px;}
.iconeVideosYoutube{width:33.3333333333333333333%;padding-bottom:15px;display:inline-block;padding-left:5px;padding-right:5px;cursor: pointer;text-align:center;}
.divTitreAutresVideos{ color: black; font-size:23px; font-weight: bold; font-family: 'dincond', Helvetica, Arial, sans-serif; }
#contentYoutube .videoInformations{ margin-left: 15px; margin-right: 15px; }



/*########################################################
	CAROUSEL
########################################################*/

/*-- .carousel --*/
.carousel {
    overflow: hidden;
}

.carousel .thumbnail {
    margin-bottom: 0;
    margin-top : 0;
}

/*-- .swiper-button-prev, .swiper-button-next --*/
.carousel .swiper-button-prev, .carousel .swiper-container-rtl .swiper-button-next,
.carousel .swiper-button-next, .carousel .swiper-container-rtl .swiper-button-prev {
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    height: 96px;
    width: 60px;
    padding: 12px 0;
    font-size: 72px;
    line-height: 72px;
    margin-top: -48px;
    text-align: center;
}
.carousel .swiper-button-prev:after, .carousel .swiper-container-rtl .swiper-button-next:after,
.carousel .swiper-button-next:after, .carousel .swiper-container-rtl .swiper-button-prev:after {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
}
.carousel .swiper-button-prev:after, .carousel .swiper-container-rtl .swiper-button-next:after {
    content: '\e257';
}
.carousel .swiper-button-next:after, .carousel .swiper-container-rtl .swiper-button-prev:after {
    content: '\e258';
}

/*-- .pagination --*/
.carousel .pagination {
    position: relative;
    margin: 0;
    overflow: visible;
    height: 60px;
    display: block;
    font-family:arial;
}
.carousel .pagination hr {
    position: absolute;
    height: 4px;
    border: none;
    margin: 0;
    left: -1000px !important;
    right: -1000px !important;
}

/*-- .swiper-pagination --*/
.carousel .swiper-pagination {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    height: 40px;
    top: 0;
    left: 0;
    right: 0;
}
.carousel .swiper-pagination-bullet, .carousel .swiper-pagination-switch {
    background: none;
    font-size: 90px;
    line-height: 40px;
    height: auto;
    width: auto;
    opacity: 1;
    margin: 2px !important;
    vertical-align:  middle;
    cursor: pointer;
}
.carousel .swiper-pagination-bullet:after, .carousel .swiper-pagination-switch:after {
    content: "\25e6";
}
.carousel .swiper-pagination-bullet-active:after, .carousel .swiper-active-switch:after {
    content: "\2022";
    position: relative;
    top: 1px;
}

/*-- section.carousel --*/
section.carousel .thumbnail .caption {
    margin-left: 128px;
    margin-right: 128px;
}
section.carousel .swiper-container {
    margin-left: -128px;
    margin-right: -128px;
}

/*-- .swiper-button-prev, .swiper-button-next --*/
section.carousel .swiper-button-prev, section.carousel .swiper-container-rtl .swiper-button-next {
    left: 128px;
}
section.carousel .swiper-button-next, section.carousel .swiper-container-rtl .swiper-button-prev {
    right: 128px;
}

/*-- .diaporama .carousel --*/
.diaporama .carousel .thumbnail {
    padding: 0;
}
.diaporama .carousel .swiper-button-prev, .diaporama .carousel .swiper-container-rtl .swiper-button-next,
.diaporama .carousel .swiper-button-next, .diaporama .carousel .swiper-container-rtl .swiper-button-prev {
    background: none;
    height: 64px;
    width: 50px;
    padding: 0;
    font-size: 40px;
    line-height: 40px;
    margin-top: -64px;
    top: auto;
    bottom: 0;
    transition:height .2s;
}
.diaporama .carousel .swiper-button-prev, .diaporama .carousel .swiper-container-rtl .swiper-button-next {
    left: 0;
}
.diaporama .carousel .swiper-button-next, .diaporama .carousel .swiper-container-rtl .swiper-button-prev {
    right: 0;
}

.swiper-container .swiper-slide {
    float : left;
}

.diaporama .carousel .swiper-button-prev:after, .diaporama .carousel .swiper-container-rtl .swiper-button-next:after,
.diaporama .carousel .swiper-button-next:after, .diaporama .carousel .swiper-container-rtl .swiper-button-prev:after {
    margin-top: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform:scaleX(.5) translateY(-50%);
    -ms-transform:scaleX(.5) translateY(-50%);
    -o-transform:scaleX(.5) translateY(-50%);
    transform:scaleX(.5) translateY(-50%);
}

/*########################################################
 MODELE ARTICLE MISE EN AVANT
########################################################*/

.miseEnAvant {color: #ffffff;}
.miseEnAvant .row { margin: 0; }
.miseEnAvant .floatLeft, .miseEnAvant .floatRight { padding: 0;}
.miseEnAvant .floatLeft img, .miseEnAvant .floatRight img { margin-left: auto; margin-right: auto;}
.miseEnAvant .text { padding: 10px; }
.miseEnAvantBordureJaune { border-top: 4px solid #fdb827 ; }
.miseEnAvant .actions { position:relative; margin-top: 10px; }
.miseEnAvant a { margin: 0; background-color: transparent; } 

@media screen and (min-width:992px) {
    .miseEnAvant .text { padding: 30px; }
}

@media screen and (min-width:768px) {
    .miseEnAvant .floatRight { float:right; }
}

.miseEnAvant .titreTablette { background-color: #fdb827; display:none ; }
.miseEnAvant .titreTablette h3 { color: black; margin: 0; padding: 10px; text-shadow: none; text-align: center; }

@media screen and (min-width:768px) and (max-width:991px)  {
	.miseEnAvant .text {padding: 20px;}
	.miseEnAvantBordureJaune { border-top: none;} 
	.miseEnAvant .titreTablette { display: block; }
	.miseEnAvant .titreDesktop { display: none; }
	.miseEnAvant .titreSmartphone { display: none; }
}



/*########################################################
	HEADER
########################################################*/

/*-- #header --*/
#header {
    margin: 0;
    border: none;
}
#header h1 {
    margin: 0;
}
#header [class*="col-"]:after {
    content: "";
    display: table;
    clear: both;
}

/*-- .navbar-brand --*/
#header .navbar-brand {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 2;
    max-width: 85%;
}
#header .navbar-brand img {
    max-height: 100%;
}

/*-- #headerTools --*/
#headerTools {
    padding: 5px 0;
    color: #000000;
}
#headerTools .search, #headerTools .international {
    display: inline-block;
}

/*-- #headerTools .search --*/
#headerTools .search .form-group {
    margin: 0;
}
#headerTools .search .input-group-addon,
#headerTools .search .form-control {
    border: none;
}
#headerTools .search .input-group-addon {
    background: #000000;
}
#headerTools .search .form-control {
    box-shadow: none;
    font-size: 1.1em;
    font-style: italic;
}

.searchMobile {
    margin: 0 10px;
}

.searchButtonMobile {
    background-color : #fdc12c;
    border-color : #fdc12c;
    color : black;
}

.searchInputMobile {
    border: 1px solid #fdc12c;
    color: #fdc12c;
}

/*-- #headerTools .international --*/
#headerTools .international {
    margin-left: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.9em;
}
#headerTools .international > li {
    position: relative;
}
#headerTools .international > li img {
    vertical-align: baseline;
    max-width: 12px;
}
#headerTools .international > li .btn-link {
    color: #000000;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none !important;
    border-left: solid 1px #ffffff;
    text-transform: uppercase;
}

@media screen and (max-width:767px) {
    #headerTools {
        margin-top: 30px;
    }
    #headerTools .international {
        margin-left: -20px;
    }
}
@media screen and (max-width:479px) {
    #headerTools .international {
        display: none;
    }
}



/*########################################################
	NAV
########################################################*/

/*-- #nav --*/
#nav .container {
    padding: 0;
}
/* p-e utile pour les sous item de menu, ? v?rifier */
/*#navMenu {
	position: relative;
	z-index: 2;
}*/

/*-- .navbar --*/
#nav .navbar {
    margin: 0 -10px;
    min-height: 0;
    border: none;
}

/*-- .navbar-collapse --*/
#nav .navbar-collapse {
    padding: 0;
}

/*-- .navbar-nav --*/
#nav .navbar-nav > li > a {
    height: 60px;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
}

/*-- En desktop, on veut rapprocher le menu du logo --*/
@media screen and (min-width:992px) {
    #nav .margin-nav {
        margin-left: 28%;
    }
}

.dropdown-menu .niv2 > .dropdown > a:hover, .dropdown-menu .niv2 > .dropdown > a:focus,
#nav .navbar-nav > li > a:hover, #nav .navbar-nav > li > a:focus {
    text-decoration: none;
}

#nav .navbar-nav > li > a:hover, #nav .navbar-nav > li > a:focus {
    border-bottom: 4px solid #fdb827;
}


#nav .navbar-nav > li > a:hover, #nav .navbar-nav > li > a:focus {
    text-decoration: none;
    border-bottom: solid 4px ;
}

#nav .navbar-nav > li > a img {
    height: 16px;
    margin-top: -1px;
}

/* Sous-menu */
.dropdown-menu .niv2 {
    list-style: none;
    padding : 0;
}

.dropdown-menu .niv2 li {
    margin: 5px 0;
    min-width: 200px;
}

.dropdown-menu .niv2 li a {
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: bold;
    margin-left : 10px;
    margin-right : 10px;    
    font-size: 1.1em;
	white-space: nowrap;
}

.megamenu .niv2 li #categoryLink a {
	font-size: inherit;
	margin: inherit;
	white-space: inherit;
	color: inherit;
	font-size: inherit;
    text-decoration: none;
}

.megamenu .niv2 li #categoryLink:hover { 
    background-color: #5e5e5e; 
}

.dropdown-menu .niv2 > .dropdown > a:hover, .dropdown-menu .niv2 > .dropdown > a:focus {
    text-decoration: none;
}

.navbar-default .navbar-nav > .selected > a,
.navbar-default .navbar-nav > .selected > a:hover,
.navbar-default .navbar-nav > .selected > a:focus {
    background-color: rgba(102, 102, 102, 0.5);
    color: #fdb827;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .selected .dropdown-menu > li > a {
        color: #cccccc;
    }
    .navbar-default .navbar-nav .selected .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .selected .dropdown-menu > li > a:focus {
        color: #ffffff;
        background-color: rgba(102, 102, 102, 0.5);
    }
    .navbar-default .navbar-nav .selected .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .selected .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .selected .dropdown-menu > .active > a:focus {
        color: #fdb827;
        background-color: rgba(102, 102, 102, 0.5);
    }
    .navbar-default .navbar-nav .selected .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .selected .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .selected .dropdown-menu > .disabled > a:focus {
        color: #666666;
        background-color: transparent;
    }
}


@media screen and (min-width:768px) {
    #nav {
        position: absolute;
        left: 0;
        right: 0;
        top: 40px;
    }
    #nav .navbar {
        min-height: 60px;
        margin: 0;
        margin-right: -1000px;
        padding-right: 900px;
    }
}


@media screen and (max-width:767px) {
    #nav {
        margin-top: 0;
    }
    #nav .navbar-nav {
        margin: 0;
    }
}

/* megamenu produits */
#nav .container,
#nav .navbar,
#nav > .container > .row > *{
    position: static;
}
#nav > .container > .row{
    position: relative;
}
#nav .navbar-nav .products{
    position: static;
}
.products > .dropdown-menu.megamenu,
#nav .navbar-nav > li:hover .dropdown-menu.megamenu{
    left: 0;
    right: 0;
    background-color: #1e1e1e;
    padding: 0;
}
.megamenu .category{
    display: block;
    background-color: #3c3c3c;
    color: #fdb827;
    padding: 15px 20px;
    text-align: center;
    text-transform: uppercase;
	font-size: 1.8em; 
	font-family: 'futuratotextbolregular', sans-serif; 
}
.megamenu .niv2{
    width: auto;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}
.megamenu .niv2 > li {
    margin: 0;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    overflow: hidden;
}
.megamenu .niv3{
    margin: 0;
    list-style: none;
    padding: 15px 30px;
}
.megamenu .niv3 > li a,
.nav > li.active .megamenu .niv3 > li a{
    color: #dcdcdc;
    font-weight: bold;
    margin-left: 0;
    width: auto;
    text-transform: none;
}
/* Fix pour l'affichage du store locator : Le message google maps, s'affichait devant le megamenu... */
.ltie9 .megamenu {
    z-index : 24602;
}
/* Fix du megamenu qui ne s'affichait pas correctement sur google chrome */
.megamenu .niv3 li {
    position : static;
}


/*########################################################
	MAIN
########################################################*/

/*-- #main --*/
#main {
    min-height: 400px;
    font-size: 1.3em;
}


/*########################################################
	FOOTER
########################################################*/

/*-- #footer --*/
#footer {
    padding: 0;
}
#footer h3 {
    text-transform: uppercase;
    font-weight: bold;
}
#footer ul li a {
    color: #ffffff;
}

/*-- #socialMedia --*/
#socialMedia{ background-color: #1E1E1E; padding: 30px 0;}
#socialMedia .container { margin-left: auto; margin-right: auto; text-align: center; }
#socialMedia a { padding: 0 5px;}

#socialMedia .container div {}
#socialMedia #instagram , #socialMedia #instagram:hover, #socialMedia #twitter, #socialMedia #twitter:hover, #facebook, #socialMedia #facebook:hover, #socialMedia #youtube, #socialMedia #youtube:hover, #socialMedia #linkedin, #socialMedia #linkedin:hover, #socialMedia #googlePlus, #socialMedia #googlePlus:hover { display: inline-block; background-repeat: no-repeat; background-size: 50px 50px; margin-left:5px ; margin-right: 5px;  width: 50px; height: 50px;  }
#socialMedia #facebook {background: url("../img/icons/icon-facebook.png"); }
#socialMedia #facebook:hover {background: url("../img/icons/icon-facebook-hover.png"); }
#socialMedia #youtube {background: url("../img/icons/icon-youtube.png"); }
#socialMedia #youtube:hover  {background: url("../img/icons/icon-youtube-hover.png"); }
#socialMedia #twitter {background: url("../img/icons/icon-twitter.png"); }
#socialMedia #twitter:hover {background: url("../img/icons/icon-twitter-hover.png"); }
#socialMedia #linkedin {background: url("../img/icons/icon-linkedin.png"); }
#socialMedia #linkedin:hover  {background: url("../img/icons/icon-linkedin-hover.png"); }
#socialMedia #googlePlus {background: url("../img/icons/icon-google-plus.png"); }
#socialMedia #googlePlus:hover  {background: url("../img/icons/icon-google-plus-hover.png"); }
#socialMedia #instagram {background: url("../img/icons/icon-instagram.png"); }
#socialMedia #instagram:hover {background: url("../img/icons/icon-instagram-hover.png"); }

/*########################################################
	THEME
########################################################*/

/*-- BACKGROUND COLORS --*/

/* #1f1f1f */
.breadcrumb,
.tabs,
.diaporama .carousel .swiper-button-prev, .diaporama .carousel .swiper-container-rtl .swiper-button-next,
.diaporama .carousel .swiper-button-next, .diaporama .carousel .swiper-container-rtl .swiper-button-prev {
    background-color: #1f1f1f;
}

/* #434343 */
.nav-tabs > li a:hover, .nav-tabs > li a:focus,
#nav .navbar-nav > li:hover .dropdown-menu,
.dropdown-menu,
.dropdown-menu .niv2 > .dropdown > a, .dropdown-menu .niv2 > .dropdown > a:hover,
.diaporama .carousel .swiper-button-prev:hover, .diaporama .carousel .swiper-container-rtl .swiper-button-next:hover,
.diaporama .carousel .swiper-button-next:hover, .diaporama .carousel .swiper-container-rtl .swiper-button-prev:hover {
    background-color: #434343;
}

/*-- BORDER COLORS --*/
/* #fdb827 */
#nav .navbar-nav > li > a:hover, #nav .navbar-nav > li > a:focus {
    border-color: #fdb827;
}

/*-- TEXT COLORS --*/

/* #fdb827 */
h1, h3,
.dewaltYellow,
.breadcrumb > li.active,
.breadcrumb > li + li:before,
.nav > li.active a, .nav > li.active a:hover, .nav > li.active a:focus,
.dropdown-menu .dropdown > a:hover, .dropdown-menu .niv2 > .dropdown > a:focus {
    color: #fdb827;
}

/* #ffffff */
.breadcrumb > li > a,
.nav > li a {
    color: #ffffff;
}

/* #000000 */
.diaporama .carousel .thumbnail .caption h3,
.article.relative .caption h3 {
    color: #000000;
}


/* #DCDCDC presque blanc  */
.lightWhite {
    color: #DCDCDC;
}

/* #B4B4B4 gris clair */
.lightWhitePlus {
    color: #B4B4B4;
}

/* #3C3C3C gris moyen */
.lightGrey {
    color: #3C3C3C;
}

/* #1E1E1E gris fonc? */
.darkgrey {
    color: #1E1E1E;
}


/*-- Suite du mega menu, ? placer ici pour ?viter les surcharges --*/

.megamenu .megamenu-bottom-link {
	display: block;
	width: 100%;
	padding: 15px;
	background-color: #fdb827;
	color: black;
	font-size: 1.6em; 
	text-align: center;
	text-transform: uppercase;
}

.megamenu .megamenu-bottom-link:hover { background-color: #efa302; text-decoration: none;}
.megamenu .megamenu-bottom-link i { opacity: 1;}
.megamenu .megamenu-bottom-link .glyphicon { font-size: 0.8em; color: white;}

.mainStoreLocator { margin-bottom: 40px; }

/*########################################################
	Formulaire 
########################################################*/

form#formContact {
    margin-top: 30px;
}
			
form#formContact input, form#formContact textarea {
    color: black;
}

form#formContact .field .submit {
	display: block;
    margin: 20px auto;
}

form#formContact .paragraphe, form#formContact .erreur {
    color: red;
}

form#formContact .required {
    color: #fdb827;
}

form#formContact .field {
	margin-bottom: 10px;
}

form#formContact .field input[type="text"] {
    min-width: 300px;
}

.description, #wrapper .description {
    margin-top: 5px;
    color: #999;
    font-size: 0.9em;
    font-style: italic;
}

form#formContact textarea {
    min-width: 500px;
    max-width: 79%;
    min-height: 100px;
    max-height: 600px;
}	

form#formContact .erreur {
    color: #FDB827;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

form#formContact .field input.champErreur, form#formContact .field textarea.champErreur {
    background: #F9E6BE;
}

form#formContact .field .submit {
    border: 0;
    display: block;
    margin: 20px auto;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #FDB827;
    font-weight: bold;
    padding: 5px 10px;
    line-height: 1.2em;
}

@media (max-width: 767px) {
  .hidden-xs {
     padding: 20px 20px 0 20px;
     display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-xl {
     display: none !important;
  }
}


/*#########################
    Gagne Ton Pickup
#########################*/

@media (min-width:0px) and (max-width:800px){
  .alternateBanner {display: flex !important; flex-direction: column !important;}
  .alternateBanner img {width:100% !important;}
  .alternateBanner .lienDroit { padding-bottom: 20px;}
}

.formulairePickupButton { color: #ffb600 !important; background-color: white !important; }
.formulairePickupButton:hover { color: white !important; background-color: #ffb600 !important; }

@media (min-width:0px) and (max-width:990px){
    .formulairePickupButton { margin-bottom : 30px !important; }
}