body{background: #fff;font-family: 'Open Sans', sans-serif; color: #555454; font-size: 15px; }
body#index{ color:#fff; background: #010101 url(../../img/lummi/lummi-bg-home.jpg); background-position: center 40px; background-repeat: no-repeat; }

body#index table { margin-bottom: 0; }


#container { width: 100%; min-height: 100%; position: relative!important; }

h1, h2, h3, h4{ font-family: Signika, sans-serif; text-transform: uppercase; }
h1 span, h2 span, h3 span, h4 span{ color: #e9521a; }

a{ transition: color 0.5s; }

.button{ background: #e9521a!important; border:1px solid #e9521a!important;transition: all 0.5s; -webkit-border-radius: 5px!important;-moz-border-radius: 5px!important;border-radius: 5px!important; }
.button span{ border:none!important;}
.button:hover{ background: transparent!important; color:#e9521a!important; border:1px solid #e9521a!important; }

.top-hr{ background:none!important; }
#center_column{ margin: 120px auto 50px auto!important; min-height: 680px; }

.resize{ max-width: 1400px; margin:0 auto; }
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; outline:none!important;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear {clear:both;}

.btn-orange{ 
	background: #e9511a; display: block; padding: 5px 10px; text-align: center;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	color:#fff; width: auto; font-size: 17px; text-transform: uppercase; font-weight: 700;
	border: 1px solid #e9511a;transition: all 0.5s; text-decoration: none!important;
}
.btn-orange:hover, .btn-orange:focus{ color: #e9511a; background: transparent; text-decoration: none!important;}


.btn-border{ 
	 display: block; padding: 5px 10px; text-align: center;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background: transparent!important;
	color: #e9511a!important;width: auto; font-size: 17px; text-transform: uppercase; font-weight: 700;
	border: 1px solid #e9511a!important;transition: all 0.5s; text-decoration: none!important;
}
.btn-border:hover, .btn-border:focus{ background: #e9511a; color:#fff!important;   text-decoration: none!important;}


header{ font-family: "Open Sans",sans-serif!important; font-weight: 700!important;  display: block; position: fixed; top: 0; width: 100%; background: #131313; z-index: 999; padding: 10px 15px 10px 15px!important; box-sizing: border-box; }
#logo { display: block; float: left; height: 40px; margin: 0 0 0 10px; }
ul#menu { list-style: none; float: left; margin: 5px 0 0 50px; padding: 0; height: 40px; vertical-align: bottom; }
ul#menu li { display: inline-block; margin-right: 30px; height: 40px; }
ul#menu li:last-child { display: inline-block; margin-right: 10px; height: 40px; }
ul#menu li a { display: table-cell; height: 40px; line-height: 40px; vertical-align: bottom; text-transform: uppercase; font-size: 17px; color: #fff; text-decoration: none; transition: color 0.5s; }
ul#menu li a:hover { color: #fd4f00; }

body.authentication .account-menu a,
body.order .cart-menu a
{ color: #fd4f00!important; }


#hook-top-left{ float: left; width: auto; margin: 2px 0 0 0; }
#hook-top-right{ float: right; width: auto; margin: 5px 0 0 0; }

.btn-commander{ 
	float: left; margin: 2px 30px 0 0!important; padding: 8px 50px 8px 10px;
	background: #e9511a url(../../img/lummi/icon-top-cart.png)!important; 
	background-repeat: no-repeat!important; background-position: right 2px!important;
}

.btn-commander:hover{ background: transparent url(../../img/lummi/icon-top-cart.png)!important; background-position: right -28px!important; background-repeat: no-repeat!important; }

#user-menu{ float: right; margin: 12px 0 0 0; }
#user-menu li{ float: left; text-transform: uppercase; }
#user-menu li a{ float: left; color: #fff; display: inline-block; padding: 0 0 0 22px; font-size:15px!important; }
#user-menu li.account-menu a{margin:0 15px 0 0; background: url(../../img/lummi/account-top-user.png); background-position: 0 -1px!important; background-repeat: no-repeat!important; }
#user-menu li.cart-menu a{ background: url(../../img/lummi/cart-top-user.png); background-position: 0 -1px!important; background-repeat: no-repeat!important; margin-right:25px }
#user-menu li a:hover{color:#e9521a; }

.ajax_cart_no_product{display: none!important;}

header .shopping_cart a{ 
	background: url(../../img/lummi/cart-top-user.png)!important; 
	background-position: 0 -1px!important; background-repeat: no-repeat!important; 
}



#search_block_top, #block_top_menu, .cart_block {  }
header .col-sm-4 { width: auto; float: right; padding: 0; }

div.section { padding-bottom: 0!important; margin: 0!important; width: 100%;  height: 100%; min-height: 720px; }

a.to-next { display: block; position: absolute; bottom: 80px; width: 100px; height: 60px; z-index: 9999; left:50%; margin-left:-50px; }



/* accueil */
#section-accueil { margin: 0 auto; padding: 0;}
.desc-home{ padding-top: 130px; text-align: center; font-size: 35px!important; line-height:40px!important; margin-bottom: 50px; }
.desc-home dd{text-align: center; font-size: 20px; color:#fff;}

#visuel-collier-home{ margin: 30px 0 0 20%!important; float: left; transition: all 0.5s; background: url(../../img/lummi/img-collier-jour.png); display: block; width:480px; height:245px; }
#visuel-collier-home:hover{ background: url(../../img/lummi/img-collier-nuit.png); }


.col-right-home{ margin:50px 0 0 30px; float: left;  }

#section-accueil .btn-commander{ 
	padding: 12px 50px 12px 10px; margin: 30px 0 0 0!important;
	background: #e9511a url(../../img/lummi/icon-top-cart.png)!important;  width: 280px;
	background-repeat: no-repeat!important; background-position: right 4px!important;
}

#section-accueil .btn-commander:hover{ background: transparent url(../../img/lummi/icon-top-cart.png)!important; background-position: right -28px!important; background-repeat: no-repeat!important; }

#trigger-overlay, 
#trigger-overlay2{
	margin:0 0 20px 0; float: left; display: block; background: url(../../img/lummi/btn-video.png); background-position: top left; background-repeat: no-repeat;
	padding: 0 0 0 80px; color:#fff; text-transform: uppercase; height: 70px; line-height: 70px; font-size:18px; font-weight: 700; border:none!important;
}


#btn-type-home{ margin: 60px auto 30px auto; width:535px; }

#btn-type-home a{ width: auto; margin: 10px; float: left; }

#btn-type-home .btn{ 
	border: 1px solid #e9511a; color: #e9511a; background: transparent;display: block; padding: 10px; text-align: center;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	width: auto; font-size: 17px; text-transform: uppercase; font-weight: 700;
	transition: all 0.5s; text-decoration: none!important;
}
#btn-type-home .btn:hover, #btn-type-home .btn:focus{ background: #e9511a; color:#fff; text-decoration: none!important; }



#made-in{ width: 306px; height: auto; margin:60px auto 0 auto; display: block; }


/* page Chasse */
body#pchasse{ color:#fff; background: #010101 url(../../img/lummi/bg_chasse.jpg); background-position: 0 0; background-repeat: no-repeat;  }
body#pchasse .resize{ max-width: 100%!important; }
body#pchasse header .resize{ max-width: 1400px!important; }
body#pchasse header #menu .item_menu_chasse a{ color:#e9521a; }

.cms-la-presse-parle-de-nous header #menu .item_menu_presse a{ color:#e9521a!important; }

#section-chasse #trigger-overlay{margin:250px 0 0 20%;  float: left; display: block;}

#section-chasse { color: #fff; position: relative; height: auto;  min-height: 720px;  }

#chasse-content-wrapper { position: absolute; right: 2%; top: 0; width: 45%;}

#chasse-text{ margin: 70px 0 0 0;}
.titre-bloc-text{ margin: 0 0 40px 0; }
.titre-bloc-text dd{ font-size: 20px; color: #e9521a; }


#chasse-text h2{ background: transparent!important; color:#e9521a; font-size:25px; padding: 0!important; margin: 0!important; font-weight: 500!important; }
#chasse-text ul{ margin: 0 0 35px 0!important; width: 100%!important; position: relative; }
#chasse-text ul li{ margin:10px 0!important; }
.btn-fiche-technique{ float: left; display: block;  }

/* slider chasse */
#section-chasse-exemples{  padding: 20px 0 0 0; }
body#pchasse #center_column{ margin: 70px auto 0 auto!important; }



/* page Promenade */
body#ppromenade{ color:#fff; background: #010101 url(../../img/lummi/bg_promenade.jpg); background-position: 0 0; background-repeat: no-repeat; }
body#ppromenade .resize{ max-width: 100%!important; }
body#ppromenade header .resize{ max-width: 1400px!important; }
body#ppromenade header #menu .item_menu_promenade a{ color:#e9521a; }

#section-promenade #trigger-overlay{margin:250px 0 0 20%; float: left; display: block;}

#section-promenade { color: #fff; position: relative; height: auto;  min-height: 720px;  }

#promenade-content-wrapper { position: absolute; right: 2%; top: 0; width: 45%;}

#promenade-text{ margin: 70px 0 0 0;}
.titre-bloc-text{ margin: 0 0 40px 0; }

#promenade-text h2{ background: transparent!important; color:#e9521a; font-size:25px; padding: 0!important; margin: 0!important; font-weight: 500!important; }
#promenade-text ul{ margin: 0 0 35px 0!important; width: 100%!important; position: relative; }
#promenade-text ul li{ margin:10px 0!important; }
.btn-fiche-technique{ float: left; display: block;  }


body#ppromenade .btn-commander, body#pchasse .btn-commander{
	margin:50px 0 0 0!important; float: left;
	float: left; padding: 8px 50px 8px 10px;border: 1px solid #e9511a; color:#e9511a!important;
	background: transparent url(../../img/lummi/icon-top-cart.png)!important; background-position: right -28px!important;
	background-repeat: no-repeat!important; 
}

body#ppromenade .btn-commander:hover, body#pchasse .btn-commander:hover{ 
	background: #e9511a url(../../img/lummi/icon-top-cart.png)!important; background-position: right 2px!important; 
	background-repeat: no-repeat!important; color:#fff; border:1px solid transparent!important; color:#fff!important;
}


/* slider chasse */
#section-promenade-exemples{  padding: 20px 0 0 0; }
body#ppromenade #center_column{ margin: 70px auto 0 auto!important; }



/* page Caractéristiques */
body#pcaract{ color:#fff; background: #010101 url(../../img/lummi/bg_caracteristiques.jpg); background-position: 0 0; background-repeat: no-repeat; }
body#pcaract .resize{ max-width: 100%!important; }
body#pcaract header .resize{ max-width: 1400px!important; }
body#pcaract header #menu .item_menu_caract a{ color:#e9521a; }

body#pcaract h2{ text-transform: capitalize; }
#conseils { float: left; width: 50%; height: 100%; padding: 30px 2% 0 6%; }
#conseils h2{ margin: 0 0 10px 0 }
#conseils .conseils {  }

#caracs { float: right; width: 50%; height: 100%; padding: 30px 6% 0 2%; }
#caracs h2{ background: #e9521a; margin: 0!important; padding: 5px; }

#caracs tr{ border-bottom:1px solid #616161!important; }
#caracs tr:last-child{ border-bottom:none!important; }
#caracs .titre-td{ background: rgba(84, 84, 84, 0.2); }
/*.primary_block { max-width: 1200px; margin: 80px auto 0 auto; }*/
.page-product-box { display: none; }

img{ -webkit-transition-property: color;-webkit-transition-duration: 0.6s;-moz-transition-property: color;-moz-transition-duration: 0.6s;transition-property: color;transition-duration: 0.6s;transition: all 0.6s ease-in-out;  }

.img-jour-nuit{ margin:50px 0 0 0!important; transition: all 0.5s; background: url(../../img/lummi/img-collier-jour.png); display: block; width:480px; height:245px; }
.img-jour-nuit:hover{ background: url(../../img/lummi/img-collier-nuit.png); }

.img-jour-nuit-general{ position: absolute; bottom: 10%; left:13%; }

#section-caracteristiques #trigger-overlay{position: inherit; float: none!important; margin:100px auto 0 auto!important;}
	
/* page promenade 	
#section-promenade { background-image: url(../../img/lummi/bg_promenade2.jpg); background-position: right 0; background-size: auto 100%; background-repeat: no-repeat; color: #fff; }
	#promenade-content-wrapper { position: absolute; left: 10%; top: 10%; width: 700px; }
	#promenade-pres { float: left; width: 300px; text-align: center; }
		#promenade-pres p { margin: 0 0 40px 0; }
	#promenade-text { float: right; width: 330px; }

.avantages h2 { background-color: #fd4f00; color: #fff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding: 5px 10px; margin: 0 0 20px 0; }
	.avantages ul { list-style: none; padding: 0; }
	.avantages ul li { margin-bottom: 10px; }
*/	
.slide { background-size: cover; }

a.fiche-technique { background: #999; padding: 5px 10px; border-radius: 5px; color: #fff; text-transform: uppercase; font-size: 1em; text-decoration: none; text-shadow: 1px 1px 1px #000; }
a.commander { background: #fd4f00; padding: 5px 10px; border-radius: 5px; color: #fff; text-transform: uppercase; font-size: 1em; text-decoration: none; text-shadow: 1px 1px 1px #000; }



/* style génériques page */
.cms #center_column ul { margin: 30px auto; list-style-type: none;}
.cms #center_column ul li a{ margin: 15px 0; background: #e5e5e5; padding: 15px; color:#e9511a; display: block; text-align: center; font-weight: 700; }
.cms #center_column ul li a:hover{ background: #e9511a; color:#fff;}

.cms-la-presse-parle-de-nous #center_column img{ display: block; width: 100%; height: auto;}


/* page contact */

#info-contact{ margin: 0 auto 50px auto; padding: 0!important; }





body#authentication footer{ position: fixed!important; }

footer{ position: relative!important; bottom: 0!important; z-index: 99!important; width: 100%; height:30px; padding: 5px 0; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.7); }
footer ul{ float: right; margin: 0 20px 0 0!important; padding:0!important; }
footer ul li{ float:left; display: inline-block; font-size: 12px; margin: 0 5px; height: 25px!important; line-height: 25px!important; text-transform: uppercase; }
footer ul li a {color: #fff;font-size: 20px;}
footer ul li a:hover { color: #e9521a; }




#toggle-menu{ display: none; }


/* RESPONSIVE */
@media only screen and (max-width: 1280px) {

.menu, #hook-top-right{ display: none; }

#center_column{ padding: 0 20px; }

#toggle-menu{ z-index: 999999999!important; display: block; position: fixed; top:12px; right:15px; margin: 0 10px 0 0; cursor: pointer; background: url(../../img/lummi/toggle-menu.png); color:#fff; width:86px; height:40px; text-indent:-9999px; }

ul#menu { list-style: none; float: left; margin: 20px 0 0 0; padding: 20px 0 0 0; height: auto; width:100%; border-top: 1px solid #333333; }
ul#menu li { display: inline-block; margin: 0.5%!important; height: 40px; width: 32%; text-align: center; }
ul#menu li a { display: block; height: 40px; line-height: 40px; background: transparent;  }

#hook-top-left, #hook-top-right{ float: left; width: 100%; }

#hook-top-right{ margin: 20px auto 0 auto; }
#hook-top-right .btn-commander{ margin: 0 auto!important; float: none!important; clear: both!important; width: 240px!important; }
#user-menu{ float: none!important; margin: 20px auto 50px auto; width: 300px; }
#user-menu li.account-menu{ float:left; }
#user-menu li.cart-menu{float:right;}


/* page chasse */
#section-chasse #trigger-overlay, #section-promenade #trigger-overlay{margin:250px 0 0 5%; }
.img-jour-nuit-general{ position: absolute; bottom: 10%; left:5%; }

}


@media only screen and (max-width: 1024px) {
div.section { min-height: 500px; }

/* home */
body#index{ background: #010101 url(../../img/lummi/lummi-bg-home1024.jpg); background-position: center -40px; background-repeat: no-repeat!important;}

#visuel-collier-home{margin: 30px 0 0 15%!important;}

img{max-width: 100%;height: auto; width: auto;box-sizing: border-box;}

/* pages */
#chasse-content-wrapper, #promenade-content-wrapper,
#conseils, #caracs 
{ float: left; width: 100%; height: 100%; padding: 30px 5px 30px 20px; }


#chasse-text, #promenade-text{ margin: 0 auto;  background: rgba(0, 0, 0, 0.4); padding: 20px;}

.col-left-page{ position: relative; width: 100%; float: left; }
#section-chasse #trigger-overlay, #section-promenade #trigger-overlay{position: inherit; float: left; margin:100px 0 0 50px;}
.img-jour-nuit-general{ position: inherit; bottom: 0!important; left:0;  float: left; }
#chasse-content-wrapper, #promenade-content-wrapper{ position: relative;  }

/*#pchasse div.section { min-height: 800px; }*/
body#authentication footer{ position: relative!important; }
}

@media only screen and (max-width: 880px) {
body, #center_column{ overflow-x: hidden!important; }

/* home */
body#index{ background: #010101 url(../../img/lummi/lummi-bg-home1024.jpg); background-position: center -60px; background-repeat: no-repeat!important; }

ul#menu li {  width: 100%; }

/* home */
#visuel-collier-home{margin: 30px 0 0 10%!important;}
.desc-home{ padding-top: 70px; font-size: 30px!important; line-height:35px!important; }

/*footer*/
footer{height:auto; }
footer ul{ float: none; margin: 0 auto!important; width: 450px; }

}

@media only screen and (max-width: 780px) {

/* home */
#visuel-collier-home, #trigger-overlay, .img-jour-nuit-general{margin: 50px auto 0 auto!important; float: none; clear: both; }
.overlay-contentpush .resize{  padding: 40% 0!important; width: 100%!important }

#section-chasse #trigger-overlay, 
#section-promenade #trigger-overlay
{position: inherit; float: none!important; margin:100px auto 50px auto!important;}
}


@media only screen and (max-width: 680px) {
	#toggle-menu{ right:0!important;}
	body#index{ background: #010101 url(../../img/lummi/lummi-bg-home680.jpg); background-position: center 0; }

	.desc-home{font-size: 25px!important; line-height:30px!important; padding: 40px 20px 0 20px; }
	#visuel-collier-home{margin: 15px auto 0 auto!important;}

	#center_column{ padding: 0; }

	/* pages */
	.page-heading{ padding-left: 20px!important; padding-right: 20px!important; }
	.pb-center-column{ padding-left: 40px!important; padding-right: 40px!important; }

	body#pchasse{  background-position: -130px 0!important;   }
	body#ppromenade{  background-position: -100px 0!important; background-size: 180% auto;   }
	#chasse-text, #promenade-text, #conseils,#caracs{ margin: 0 auto;  background: rgba(0, 0, 0, 0.3); padding: 10px;}

	.titre-bloc-text{font-size: 23px!important; line-height:28px!important; }

	#promenade-content-wrapper {right: 0; padding: 10px;}

	.img-jour-nuit{ background: url(../../img/lummi/img-collier-jour-m.png); display: block; width:320px; height:216px; }
	.img-jour-nuit:hover{ background: url(../../img/lummi/img-collier-nuit-m.png);}

	#section-chasse #trigger-overlay, 
	#section-promenade #trigger-overlay
	{position: inherit; float: none!important; margin:50px auto!important;}

	table td{ display: block!important; width: 100%!important; }
	.titre-td{ padding: 20px 10px 10px 10px; background: #000!important; }

	#caracs table{margin: 20px auto; width: 100%!important}

	div.section { min-height: 300px; }

	/* footer */
	footer ul{ width: 100%; padding: 30px 0 20px 0!important; }
	footer ul li{ float:none; display: block; margin: 5px auto; text-align: center; }
}

@media only screen and (max-width: 320px) {
	#visuel-collier-home img{ display: block; width: 100%; height: auto; }
	#visuel-collier-home{ width: 100%; height: auto;}
}


.index #center_column{ margin: 65px auto!important; padding: 0;}