@charset "UTF-8";

@keyframes main-menu-appears{
    from
    {
        top: -220px;
    }
    to
    {
        top: 0;
    }
}

/* CLASSES GÉNÉRALES
----------------------------------------*/

html, body{
	text-align:				    center;
	padding:				    0;
	margin:					    0;
    background:                 #ffffff;
}

body{
    font-smoothing:             antialiased;
    -o-font-smoothing:          antialiased;
    -ms-font-smoothing:         antialiased;
    -moz-font-smoothing:        antialiased;
    -webkit-font-smoothing:     antialiased;
}

p, div, section, header, menu, header, span, a, img, table, form, td, tr, li, ul, h1, h2, h3, h4, iframe{
	padding:				    0;
	margin:					    0;	
}

h1{
    font-size:                  50px;
    line-height:                55px;
    font-family:                Lato, Arial;
    font-weight:                300;
    color:                      #474646;
    text-align:                 center;
    text-transform:             uppercase;
    margin:                     0 0 90px;
    padding:                    0;
}

h1 span{
	display:                    inline-block;
    position:                   relative;
    padding-bottom:             20px;
    border-bottom:              1px solid #d4d4d4;
}

h1 span:after,
h1 span:before{
    width:                      5px;
    height:                     5px;
    border-radius:              100%;
    content:                    '';
    position:                   absolute;
    right:                      -7px;
    bottom:                     -3px;
    background:                 #474646;
}

h1 span:before{
    right:                      auto;
    left:                       -7px;
}

body.home h1{
	opacity: 					0;
	z-index: 					-1;
	position: 					fixed;
	top: 						0;
	left: 						0;
	height: 					0;
	width: 						0;
	overflow: 					hidden;
}

h2{
	color:                      #a7bd0c;
	font-family:                Lato, Arial;
    font-weight:                400;
	font-size:                  33px;
    line-height:                36px;
   	text-align:                 left;
   	padding:                    0;
   	margin:						0 0 45px 0;
   	text-transform:             none;
}

a,
a:link,
a:active
a:visited{
	text-decoration:		    none;
	border:					    none;
	color:                      #b5cc10;
    transition:                 all 0.5s;
}

a:hover{
	text-decoration: 			underline;
}

a img{
	border:					    none;	
}

li{
    list-style:                 url(../img/list.png) inside;
}

img{
    border:                     none;
    vertical-align:             top;
}

.editor-button{
    appearance:                 none;
    -webkit-appearance:         none;
    border:                     0;
    border-radius:              0;
    cursor:                     pointer;
    text-decoration:            none;
    height:                     47px;
    line-height:                45px;
    display:                    inline-block;
    padding:                    0 29px;
    box-sizing:                 border-box;
    font-weight:                700;
    text-transform:             uppercase;
    font-size:                  16px;
    color:                      #2b2b2b;
    width:                      auto;
    text-align:                 center;
    border:                     1px solid #dfaa26;
    border-left-color:          #e8c366;
    border-right-color:         #e7be59;
    vertical-align:             top;
    transition:                 all 0.5s;
    font-family:                Roboto, Arial;
    background:                 #fff;
}

span.editor-button a,
a.editor-button{
    text-decoration:            none;
    display:                    inline-block;
    color:                      #2b2b2b;
}

a.editor-button{
    text-decoration:            none;
    display:                    inline-block;
    color:                      #2b2b2b;
    border:                     1px solid #dfaa26;
    border-left-color:          #e8c366;
    border-right-color:         #e7be59;
}

.editor-button:hover,
span.editor-button a:hover{
    border-color:               #a7bd0c;
    color:                      #a7bd0c;
}

/* NAVIGATION
----------------------------------------*/

#bt-nav{
	height: 					75px;
	width: 						75px;
	position: 					fixed;
	cursor: 					pointer;
    border-radius:              100%;
	right: 						20px;
	bottom: 					115px;
	z-index: 					998;
	background: 				#a39ea7;
    transition:                 all 0.5s;
    opacity:                    0;
}

#bt-nav.active{
    opacity:                    1;   
}

#bt-nav i{
	background: 				url(../img/up.png);
	transition: 				all 0.5s;
	-webkit-transition: 		all 0.5s;
	position: 					absolute;
	margin: 					auto;
	left: 						0;
	right: 						0;
	bottom: 					0;
	top: 						0;
	width: 						27px;
	height: 					16px;
}

#bt-nav:hover i{
	transform: 					scale(1.2);
}

#bt-nav:hover{
	background-color: 			#a7bd0c;
}

/* HEADER
----------------------------------------*/

header{
    width:                      100%;
    height:                     auto;
    position:                   relative;
    top:                        0;
    left:                       0;
    z-index:                    900;
    text-align:                 center;
    background:                 #ffffff;
    padding-top:                12px;
}

header.fixed{
    position:                   fixed;  
    animation-duration:         1s;
    animation-name:             main-menu-appears;
    animation-iteration-count:  1;
    box-shadow:                 0 0 10px -5px rgba(74, 74, 74, 0.8);
}

header.fixed .top{
    display:                    none;
}

#editor-lang{
    float:                      right;
    margin-left:                15px;
}

.editor-lang-item.active{
    display:                    none;
}

header .logo img{
    max-width:                  100%;
    height:                     auto;
    width:                      auto;
    margin-top:                 -35px;
}

header.fixed .logo{
    display:                    none;
}

header .actions{
    text-align:                 right;
}

header.fixed .actions{
    display:                    none;   
}

#bt-pro{
    display:                    inline-block;
    vertical-align:             top;
    width:                      auto;
    max-width:                  100%;
    border:                     1px dotted #a39ea7;
    height:                     auto;
    text-decoration:            none;
}

#bt-pro span{
    display:                    block;
    width:                      auto;
    padding:                    0 18px;
    height:                     28px;
    line-height:                28px;
    transition:                 all 0.5s;
    background:                 #a39ea7;
    color:                      #fff;
    font-size:                  17px;
    font-family:                Lato, Arial;
    font-weight:                700;
    margin:                     1px;
}

#bt-pro:hover span{
    background:                 #b5cc10;
}



#bt-accueil{
    display:                    inline-block;
    vertical-align:             top;
    width:                      auto;
    max-width:                  100%;
    border:                     1px dotted #a39ea7;
    height:                     auto;
    text-decoration:            none;
}

#bt-accueil a{
    color: #FFF;
}

#bt-accueil span{
    display:                    block;
    width:                      auto;
    padding:                    0 18px;
    height:                     28px;
    line-height:                28px;
    transition:                 all 0.5s;
    background:                 #b6cf00;
    color:                      #fff;
    font-size:                  17px;
    font-family:                Lato, Arial;
    font-weight:                700;
    margin:                     1px;
}

#bt-accueil:hover span{
    background:                 #4978be;
}

#bt-cart{
    margin:                     12px 0 0 auto;
    display:                    block;
    height:                     38px;
    width:                      38px;
    border-radius:              100%;
    background:                 #b5cc10;
    display:                    flex;
    flex-direction:             column;
    justify-content:            center;
}

#bt-cart i{
    width:                      18px;
    height:                     16px;
    margin:                     auto;
    background:                 url(../img/icon-cart.png);
}

#bt-cart:hover{
    background-color:           #dfaa26;
}

/* SEARCHBOX
----------------------------------------*/

#searchbox{
    position:                   relative;
    max-width:                  265px;
    margin:                     0 0 0 auto;
}

header.fixed #searchbox{
    display:                    none;   
}

#searchbox .searchbox_input{
    appearance:                 none;
    -webkit-appearance:         none;
    width:                      100%;
    padding:                    0 30px 0 5px;
    height:                     25px;
    box-sizing:                 border-box;
    cursor:                     text;
    border:                     0;
    border-bottom:              1px solid #191919;
    font-size:                  16px;
    color:                      #474646;
    font-family:                Roboto, Arial;
    text-align:                 left;
    border-radius:              0;
}

#searchbox .searchbox_input::placeholder{
    font-style:                 italic;
    color:                      #878787;
}

#searchbox button{
    width:                      14px;
    height:                     14px;
    background:                 url(../img/icon-loupe.png) no-repeat left top;
    box-sizing:                 border-box;
    cursor:                     pointer;
    appearance:                 none;
    -webkit-appearance:         none;
    border:                     0;
    border-radius:              0;
    position:                   absolute;
    right:                      12px;
    bottom:                     6px;
}

#searchbox button:hover{
    background-position:        left top -14px;   
}

/* MENU
----------------------------------------*/

header p#bt-menu{
    display:                    none;
}

header #main-menu{
    float:                      right;
}

header #main-menu>ul{
    width:                      auto;
    text-align:                 right;
    height:                     auto;
}

header #main-menu>ul>li{
    width:                      auto;
    display:                    inline-block;
    padding:                    0;
    position:                   relative;
    vertical-align:             top;
}

header #main-menu>ul>li>a{
    color:                      #292103;
    font-size:                  14px;
    text-transform:             none;
    text-decoration:            none;
    font-family:                Roboto, Arial;
    font-weight:                400;
    display:                    inline-block;
    height:                     17px;
    line-height:                17px;
}

header #main-menu>ul>li + li:before{
    margin:                     auto 12px;
    content:                    '';
    display:                    inline-block;
    width:                      4px;
    height:                     4px;
    border-radius:              100%;
    background:                 #b5cc10;
    vertical-align:             middle;
}

header #main-menu>ul>li.current_rubrique>a,
header #main-menu>ul>li:hover>a{
    color:                      #b5cc10;
}

/* PRESTA-MENU
----------------------------------------*/

#presta-menu{
    text-align:                 center;
    margin-top:                 -20px;
}

#presta-menu>ul>li{
    display:                    inline-block;
    vertical-align:             top;
    padding:                    0;
    width:                      14.25%;
    max-width:                  170px;
    padding:                    0 20px;
    box-sizing:                 border-box;
    position:                   relative;
}

#presta-menu>ul>li>a{
    height:                     45px;
    display:                    inline-flex;
    flex-direction:             column;
    justify-content:            center;
    font-size:                  15px;
    line-height:                18px;
    text-decoration:            none;
    text-transform:             uppercase;
    color:                      #474646;
    text-align:                 center; 
    cursor:                     pointer;
}

#presta-menu>ul>li>a:hover,
#presta-menu>ul>li.current_rubrique>a{
    color:                      #95a80d;
}

#presta-menu>ul>li + li:before{
    display:                    inline-block;
    vertical-align:             middle;
    content:                    '';
    margin:                     0 27px;
    height:                     16px;
    width:                      0;
    border-left:                2px dotted #95a80d;
    position:                   absolute;
    top:                        0;
    bottom:                     0;
    margin:                     auto;
    left:                       0;
}

#presta-menu>ul>li>ul{
    display:                    none;   
    position:                   absolute;
    left:                       0;
    width:                      250px;
    background:                 #fff;
    box-shadow:                 0 5px 5px -5px rgba(74, 74, 74, 0.8);
    top:                        45px;
    padding:                    15px 20px;
    box-sizing:                 border-box;
}

#presta-menu>ul>li:hover>ul{
    display:                    block;   
}

#presta-menu>ul>li>ul>li{
    display:                    block;   
    text-align:                 left;
}

#presta-menu>ul>li>ul>li>a{
    font-size:                  15px;
    color:                      #474646;
    padding:                    8px 0;
    display:                    block;
    text-decoration:            none;
}

#presta-menu>ul>li>ul>li.current_rubrique>a,
#presta-menu>ul>li>ul>li>a:hover{
    color:                      #95a80d; 
}

#presta-menu>ul>li>ul>li + li a{
    border-top:                 1px dotted #a39ea7;
}

/* BANNIÈRE
----------------------------------------*/

section#banniere{
    width:                      auto;
    margin:                     auto 4vw 60px;
    position:                   relative;
    height:                     500px;
    z-index:                    1;
    background-position:        center center;
    background-repeat:          no-repeat;
    background-size:            cover;
}

body.page section#banniere{
    height:                     275px;
    margin-bottom:              0;
}

/* CONTAINER PRINCIPAL
----------------------------------------*/

section#body{
	width: 						auto;
	background: 				url(../img/bg-footer-home.jpg) no-repeat center bottom #fff;
}

body.page section#body{
	background: 				url(../img/bg-footer-page.jpg) no-repeat center bottom #fff;
}

#main-content{
    padding-top:                50px;
    padding-bottom:             180px;
    position:                   relative;
    text-align:                 center;
}

body.home #main-content:before{
    background:                 url(../img/bg-presentation.png) no-repeat left center;
    content:                    '';
    position:                   absolute;
    z-index:                    1;
    left:                       -100%;
    top:                        0;
    right:                      -100%;
    margin:                     auto;
    width:                      1120px;
    height:                     100%;   
}

@media screen AND (max-width: 1180px){
    body.home #main-content:before{
        width:                  100vw;
        left:                   calc((100vw - 100%) / -2);
        right:                  auto;
        background-position:    left 10px center;
        background-size:        40px auto;
    }
}

body.home #main-content:after{
    clear:                      both;
    display:                    block;
    content:                    '';
}

body.home #main-content .editor-col{
    width:                      960px;
    margin:                     auto;
    position:                   relative;
    z-index:                    2;
}

body.home .editor-block-image-element{
    display:                    inline-flex;
    justify-content:            flex-end;
    padding-top:                130px;
}

body.home .editor-block-image-element-photo{
    width:                      140%;
    max-width:                  none;
}

/* FOOTER
----------------------------------------*/

footer{
    position:                   relative;
    bottom:                     0;
    left:                       0;
    height:                     auto;
    background:                 #ffffff;
    z-index:                    100;
    width:                      100%;
    padding:                    20px 0 0;
}

.block-contact .name{
    font-size:                  16px;
    color:                      #a7bd0c;
    font-weight:                500;
}

.block-contact .adress{
    font-size:                  14px;
    color:                      #474646;
}

.block-contact .phone{
    font-size:                  13px;
    color:                      #474646;
    font-weight:                700;
}

.social-medias{
    text-align:                 left;
    margin-top:                 10px;
}

.social-medias a{
    display:                    inline-block;
    height:                     25px;
    width:                      25px;
    transition:                 none;
    background-size:            100% auto;
    background-position:        left top;
}

.social-medias a + a{
    margin-left:                5px;
}

.social-medias a.bt-fb{
    background-image:           url(../img/icon-fb.png);
}

.social-medias a.bt-mail{
    background-image:           url(../img/icon-mail.png);
}

.social-medias a:hover{
    background-position:        left top -25px;   
}

.sitemap>ul{
    text-align:                 left;
    margin:                     auto -10px;
}

.sitemap>ul>li{
    float:                      left;
    padding:                    0 10px 10px;
    box-sizing:                 border-box;
    width:                      25%;
}

.sitemap>ul>li>a{
    font-size:                  14px;
    color:                      #585858;
    text-decoration:            none;
    text-transform:             uppercase;
}

.sitemap>ul>li>a:hover,
.sitemap>ul>li.current_rubrique>a{
    color:                      #a7bd0c;   
}

.sitemap>ul:after{
    clear:                      both;
    display:                    block;
    content:                    '';
}
    
.sitemap>ul>li>ul{
    display:                    none;       
}

footer .bottom{
    position:                   relative;
    padding:                    0;
}

footer .bottom:before{
    position:                   absolute;
    content:                    '';
    width:                      100vw;
    height:                     100%;
    top:                        0;
    left:                       calc((100vw - 100%) / -2);
    background:                 #f7f4ee;
}

footer .bottom .editor-col{
    position:                   relative;
}

footer .bottom ul{
    display:                    block;
    text-align:                 left;
}

footer .bottom ul li{
    display:                    block;
    float:                      left;
    line-height:                35px;
}

footer .bottom ul li + li:before{
    content:                    '-';
    margin:                     0 5px;
    display:                    inline-block;
    color:                      #8b8b8b;
    font-size:                  12px;
}

footer .bottom ul li a{
    font-size:                  12px;
    color:                      #8b8b8b;
    text-decoration:            none;
}

footer .bottom ul li a:hover,
footer .bottom ul li.current_rubrique a{
    color:                      #a7bd0c;
}

footer .bottom>div{
    line-height:                35px;
    text-align:                 right;
    color:                      #8b8b8b;
    font-size:                  12px;
}

footer .bottom>div img{
    vertical-align:             middle;
    margin-left:                3px;
    margin-top:                 -2px;
}

/* QUICK CONTACT
----------------------------------------*/

#bt-contact{
    position:                   fixed;
    background:                 url(../img/bt-contact.png);
    z-index:                    900;
    top:                        30vh;
    width:                      46px;
    right:                      0px;
    height:                     256px;
    cursor:                     pointer;
    overflow:                   hidden;
    text-indent:                -2000px;
}

#bt-contact i{
    margin:                     auto 7px auto auto;
    width:                      39px;
    height:                     39px;
    background:                 url(../img/icon-logo.png);
}

#bt-contact span{
    font-size:                  16px;
    font-family:                Bodoni, Times;
    font-weight:                700;
    text-transform:             uppercase;
    margin:                     auto;
}

#quick-contact{
	background: 				rgba(2, 2, 2, 0.8);
	width: 						100%;
	height: 					100%;
	position: 					fixed;
	z-index: 					999;
	opacity: 					0;
	display: 					none;
	flex-direction: 			column;
	justify-content: 			center;
	top: 						0;
	left: 						0;
}

#quick-contact .form{
	width: 						960px;
	height: 					auto;
	background: 				#fff;
	margin: 					auto;
	box-sizing: 				border-box;
	padding: 					50px 65px;
	position: 					relative;
	opacity: 					0;
}

#quick-contact .form .editor-block-contact{
	border-left: 				1px solid #eeeeee;
}

#quick-contact .form .close-button{
	width: 						30px;
	height: 					30px;
	position: 					absolute;
	cursor: 					pointer;
	background: 				url(../img/cancel.png) no-repeat center;
	background-size: 			16px auto;
	top: 						10px;
	right: 						10px;
	opacity: 					0.7;
	transition: 				all 0.5s;
	cursor: 					pointer;
}

#quick-contact .form .close-button:hover{
	opacity: 					1;
}


/* MESSAGE POPIN
----------------------------------------*/

.popin{
    position:                       fixed;
    top:                            0;
    left:                           0;
    width:                          100%;
    height:                         100%;
    z-index:                        100000;
    background:                     rgba(0, 0, 0, 0.8);
    display:                        flex;
    flex-direction:                 column;
    align-content:                  center;
    align-items:                    center;
}

.popin>div{
    position:                       relative;
    width:                          400px;
    text-align:                     center;
    background:                     #fff;
    height:                         auto;
    margin:                         auto;
    padding:                        25px;
}

.popin>div form{

}

.popin>div p.message{
    width:                          auto;
    height:                         auto;
    text-align:                     left;
    margin-bottom:                  25px;
}

.popin.question_window>div p.message{
    text-align:                     center;
}

.popin>div input[type=text]{
    width:                          100%;
    margin-bottom:                  35px;
}

.popin .editor-button + .editor-button{
	margin-left: 					40px;
}

/* RESPONSIVE
----------------------------------------*/

.main-container{
	width: 						auto;
}

.wrapper{
	width: 						67%;
	max-width: 					1280px;
	min-width: 					960px;
	margin-left: 				auto;
	margin-right: 				auto;
	height: 					auto;
	clear: 						both;
}

.wrapper-full{
	width: 						100%;
	max-width: 					none;
	overflow-x: 				hidden;
}

.editor-container{
	width: 						auto;
	margin-left: 				-20px;
	margin-right: 				-20px;
	clear: 						both;
    padding-bottom:             20px;
}

.editor-container:after{
    clear:                      both;
    content:                    '';
    display:                    block;
    height:                     0;
}

.editor-col{
	padding: 					0 20px;
	width: 						100%;
	box-sizing: 				border-box;
	-webkit-box-sizing: 		border-box;
	text-align: 				left;
    display:                    block;
}

.espace-retour-accueil{
        padding-top: 50px;
    }

.editor-col-1{
	float: 						left;
	width: 						8.3333%;
}

.editor-col-2{
	float: 						left;
	width: 						16.6666%;
}

.editor-col-3{
	float: 						left;
	width: 						25%;
}

.editor-col-4{
	float: 						left;
	width: 						33.3333%;
}

.editor-col-5{
	float: 						left;
	width: 						41.6666%;
}

.editor-col-6{
	float: 						left;
	width: 						50%;
}

.editor-col-7{
	float: 						left;
	width: 						58.3333%;
}

.editor-col-8{
	float: 						left;
	width: 						66.6666%;
}

.editor-col-9{
	float: 						left;
	width: 						75%;
}

.editor-col-10{
	float: 						left;
	width: 						83.3333%;
}

.editor-col-11{
	float: 						left;
	width: 						91.6666%;
}

.editor-col-12{
	float: 						none;
	width: 						100%;
	clear: 						both;
}


@media screen AND (max-width: 1440px){
	.editor-col-md-3{
		width: 						25%;
	}
	
	.editor-col-md-6{
		width: 						50%;
	}
	
	.editor-col-md-12{
		width: 						100%;
		float: 						none;
	}
}

@media screen AND (max-width: 960px){
	.wrapper{
		min-width: 					0;	
	}
	
	.editor-container{
		margin-left: 				-15px;
		margin-right: 				-15px;
	}
	
	.editor-col{
		padding: 					0 15px;	
		float: 						none !important;
		width: 						auto !important;
	}
}

@media screen AND (max-width: 768px){
	.editor-col{
		width: 						100%;
		float: 						none;
		padding: 					0;
	}
	
	.wrapper{
		width: 						auto;
		min-width: 					none;
		padding: 					20px;
	}
	
	.editor-container{
		margin-left: 				0;
		margin-right: 				0;
}
}
    

    #ecommerce .bouton-ecommerce a{
        background: url(../img/btn_panier.png) no-repeat;
    width: 139px;
    height: 47px;
    display: block;
    overflow: hidden;
    text-indent: -2000px;
    }

   #ecommerce .bouton-ecommerce a:hover{
        background: url(../img/btn_panier-on.png) no-repeat;
    }


hr{
        border: 1px dotted #faf6f1;
}