@charset "UTF-8";
/* CSS Document */

body,td,th {
	color: #333; 
	font-family: 'Open Sans', sans-serif; 
	font-size:14px;
	font-weight:normal; 
} 
body {
	background:#ffffff;
	margin-left: 0px;
	margin-top: 0px;  
	margin-right: 0px;
	margin-bottom: 0px; 
}
a:link {
	color: #333; 
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #333;
}
a:active {
	text-decoration: none;
	color: #333;
}

img { border:0px; }

p { margin-top:0px; -webkit-margin-before:0em;  -webkit-margin-after:0em; line-height:normal; }


.left { float:left !important; }
.right { float:right !important; }

.top_10 { margin-top:10px; }
.top_20 { margin-top:20px; }
.top_30 { margin-top:30px; }
.top_40 { margin-top:40px; }
.top_50 { margin-top:50px; }

.no_right { margin-right:0px; }

.no_left { margin-left:0px; }

.padding_10 { padding:10px; }
.padding_20 { padding:20px; }
.padding_30 { padding:30px; }
.padding_40 { padding:40px; }

.clear { clear:both; height:0px; }
.clear_4 { clear:both; height:4px; }
.clear_8 { clear:both; height:8px; }
.clear_10 { clear:both; height:10px; }
.clear_20 { clear:both; height:20px; }
.clear_30 { clear:both; height:30px; }
.clear_40 { clear:both; height:40px; }
.clear_50 { clear:both; height:50px; }
.clear_60 { clear:both; height:60px; }
.clear_70 { clear:both; height:70px; }
.clear_80 { clear:both; height:80px; }
.clear_90 { clear:both; height:90px; }
.clear_100 { clear:both; height:100px; }
.clear_110 { clear:both; height:110px; }
.clear_120 { clear:both; height:120px; }
.clear_150 { clear:both; height:150px; }
.clear_160 { clear:both; height:160px; }
.clear_170 { clear:both; height:170px; }
.clear_180 { clear:both; height:180px; }
.clear_190 { clear:both; height:190px; }
.clear_200 { clear:both; height:200px; }
.clear_210 { clear:both; height:210px; }
.clear_230 { clear:both; height:230px; }
.clear_240 { clear:both; height:240px; }
.clear_280 { clear:both; height:280px; }
.clear_305 { clear:both; height:305px; }
.clear_300 { clear:both; height:300px; }
.clear_390 { clear:both; height:390px; }
.clear_5 { clear:both; height:5px; }
.clear_15 { clear:both; height:15px; }
.clear_25 { clear:both; height:25px; }
.clear_35 { clear:both; height:35px; }
.clear_45 { clear:both; height:450px; }
.clear_55 { clear:both; height:55px; }
.clear_65 { clear:both; height:65px; }
.clear_75 { clear:both; height:75px; }
.clear_85 { clear:both; height:85px; }
.clear_95 { clear:both; height:95px; }
.clear_8 { clear:both; height:8px; }
.clear_12 { clear:both; height:12px; }

h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; }

.black { color:#000 !important; }
.green { color:#8bba33 !important; }
.blue { color:#004b7a !important;  }
.light_blue { color:#2980b9 !important;  }
.white { color:#fff !important; }
.dark { color:#333 !important; }
.nines { color:#999 !important; }
.gold { color:#cf9821 !important }

.small { font-size: 12px; }
.normal { font-size: 14px; }
.bigger { font-size: 18px; }
.biggest { font-size: 24px; }

.light { font-weight:300; }
.normal { font-weight:400; }
.medium { font-weight:500; }
.semibold { font-weight:600; }
.bold { font-weight:700; }
.extra_bold { font-weight:800; }
.italic { font-style:italic; }
.uppercase { text-transform:uppercase; }
.underline { text-deoration:underline; }

.line_20  {line-height:20px; }
.line_24  {line-height:24px; }
.line_28  {line-height:28px; }
.line_32  {line-height:32px; }
.line_36  {line-height:36px; }
.line_40  {line-height:40px; }
.line_50  {line-height:50px; }

.f_10 { font-size:10px; }
.f_11 { font-size:11px; }
.f_12 { font-size:12px; }
.f_13 { font-size:13px; }
.f_14 { font-size:14px; }
.f_16 { font-size:16px; }
.f_18 { font-size:18px; }
.f_20 { font-size:20px; }
.f_22 { font-size:22px; }
.f_24 { font-size:24px; }
.f_26 { font-size:26px; }
.f_28 { font-size:28px; }
.f_30 { font-size:30px; }
.f_32 { font-size:32px; }  
.f_44 { font-size:44px; }

.container { margin:auto; width:1200px; }
@media (max-width: 1024px) {
	.container { margin:auto; width:calc(100% - 40px); margin-left:20px; }	
}

@media (max-width: 768px) {
	.container { margin:auto; width:calc(100% - 40px); margin-left:20px; }
    .container_100 { margin:auto; width:calc(100% - 40px); margin-left:20px; }
}

.centered { display:table; margin:auto; }

.shadow { -webkit-box-shadow: 0px 0px 3px 3px #ddd; 
box-shadow: 0px 0px 3px 3px #ddd;  }
.shadow_bottom {
    box-shadow: 0 4px 4px -2px rgba(0,0,0,0.2);
}


.bloc_10 { float:left; width:10% }
.bloc_20 { float:left; width:20% }
.bloc_25 { float:left; width:25% }
.bloc_30 { float:left; width:30% }
.bloc_40 { float:left; width:40% }
.bloc_33 { float:left; width:33% }
.bloc_50 { float:left; width:50% }
.bloc_66 { float:left; width:66% }
.bloc_75 { float:left; width:75% }
.bloc_100 { float:left; width:100% }

.bg_efefef { background:#efefef; }

.just_web { display:block; }
.just_mobile { display:none !important; }
@media (max-width: 768px) {
	.just_web { display:none !important; }
	.just_mobile { display:block !important; }
}

a {
  outline: none;
}

.material-icons { vertical-align: middle; } 

.shadow_bottom { box-shadow: 0 0 5px 0 rgba(0,0,0,.2); }

.fullscreen-bg { background-position:50% 50%; background-repeat: no-repeat; background-size: cover; }

/* NAV BAR */
#top { position:fixed; z-index: 9999; width: 100%; background:#fff; height: 80px; padding-top: 15px; padding-bottom: 15px; top: 0px; cursor: pointer; transition: .1s all }
#top .bars_mobile { float: right; margin-top: 14px; cursor: pointer; display: none; }
#top .bars_mobile img { height: 33px; }#top .logo { float: left; margin-top: 10px; height: 60px; width: 260px; }
#top .logo img { height: 60px; transition: .3s all }
#top .left_nav { float: left; margin-left: 40px; font-family: 'Open Sans', sans-serif; margin-top: 20px; }
#top .left_nav a { display:block; float: left; line-height: 40px; font-size: 16px; padding-left: 12px; padding-right: 12px; color: #333; font-weight: 300; transition: .1s all }
#top .left_nav a:hover { color: #000; }
#top .left_nav a:after {
    transition: all ease-in-out .2s;
    background: #000;
    content: "";
    display: block;
    height: 1px;
    width: 0%;
}
#top .left_nav a:hover:after {
    width: 100%;
}
#top .right_nav { float: right; margin-top: 20px; }
#top .right_nav img { height: 24px; margin-bottom: -6px; }
#top .right_nav a { display:block; float: left; line-height: 40px; font-size: 16px; margin-left: 12px; margin-right: 12px; color: #000; font-weight: 300; transition: .3s all }
#top .right_nav a:after {
    transition: all ease-in-out .2s;
    background: #000;
    content: "";
    display: block;
    height: 1px;
    width: 0%;
}
#top .right_nav a:hover:after {
    width: 100%;
}

#top .active { color: #000 !important; }
#top .active:after { width: 100% !important;  }


@media (max-width: 768px) {
    #top { height: 70px; }
    #top .left_nav { display: none;}
    #top .right_nav { display: none;}
    #top .logo img { height: 50px; }
    #top .bars_mobile { display: block; height: 33px; }

}

/* MOBILE NAV */
#mobile_nav { float:left; position:fixed; z-index:10001; top:99px; left:-2000px; padding:0px; width:calc(100% - 0px); background:#f6f6f6; border-bottom: 3px solid #b5b5b5; }
#mobile_nav .item { display: inline-table; float: left; text-align: left; text-transform: uppercase; line-height: 55px; margin-left: 20px; font-size: 22px; font-weight: 300 }
#mobile_nav .item img { float: left; margin-right: 10px; margin-left: 10px }
#mobile_nav .bubble_message { width: 28px; height: 28px; line-height: 28px; border-radius: 20px; position: absolute; left: 230px; top: 80px; color: #fff; background: #cf7320; text-align: center; font-size: 16px; }
#mobile_nav .publish { display: inline-table; width: calc(100% - 40px); margin-left: 20px; text-align: center; color: #fff; font-family: 'Raleway', sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; line-height: 40px; background: #c9bfa5; font-weight: bold;}
#mobile_nav .inscription { display: inline-table; width: calc(100% - 40px); margin-left: 20px; text-align: center; color: #fff; font-family: 'Raleway', sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; line-height: 40px; background: #cf9821; font-weight: bold;}
#mobile_nav .deconnexion { display: inline-table; width: calc(100% - 40px); margin-left: 20px; text-align: center; color: #fff; font-family: 'Raleway', sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; line-height: 40px; background: #e74c3c; font-weight: bold; }

@media (max-width: 767px) {
}


/* FOOTER */
#footer { width: 100%; background-image:url('/img/pattern.jpg'); background-repeat: repeat; background-position:top center; clear:both; float: left; color: #444; font-size: 14px; position: relative; }
#footer .bloc { width: 1180px; padding: 10px; background:#fff; display: table; margin: auto; }
#footer .bloc_ig { margin-top:-100px; } 
#footer .bloc_ig img { width: 287px; margin-right: 10px; } 
#footer .bloc_ig .last { margin-right: 0px; } 
#footer .link { width: 220px; text-align: center; line-height: 40px; background: #000; color: #fff; border: 2px solid #fff; top: 40px; position: absolute; left: 50%; margin-left: -112px; font-family: 'Raleway', sans-serif; font-size: 16px; } 

#footer .logo_footer { margin: 20px; float: left; }
#footer .right { margin: 20px; }
#footer .news_div { float: left; }
#footer .news_div .label { float: left; padding-right: 20px; line-height: 30px; font-size: 12px; text-transform: uppercase; font-weight: 300; color: #000; }
#footer .news_div .input { float: left; padding-left: 10px; width: 160px; line-height: 28px; font-size: 12px; color: #000; border: 1px solid #222; border-right: 0px; }
#footer .news_div .button { float: left; padding-left: 10px; padding-right: 10px; line-height: 30px; font-size: 12px; color: #000; border: 1px solid #222; border-left: 0px; cursor: pointer; }

#footer .links { float: left; }
#footer .links a { display:block; float: left; line-height: 30px; font-size: 12px; margin-right: 30px; color: #000; font-weight: 300; transition: .3s all; text-transform: uppercase; }
#footer .links a:after {
    transition: all ease-in-out .2s;
    background: #000;
    content: "";
    display: block;
    height: 1px;
    width: 0%;
}
#footer .links a:hover:after {
    width: 100%;
}

#footer .centered a { float: left; margin-left: 10px; margin-right: 10px; width: 24px; opacity: 0.7;}
#footer .centered a:hover { opacity: 1;}
#footer .centered img { width: 24px; }

@media (max-width: 768px) {
    #footer .bloc { width: calc(100% - 20px); padding: 10px; background:#fff; display: table; margin: auto; }
    #footer .bloc_ig img { width: 100%; margin-right: 0px; } 
    #footer .link { top: 150px; } 
    #footer .logo_footer { margin: 20px; float: left; width: calc(100% - 40px) }
    #footer .right { margin: 0px; width: 100%; }
    #footer .news_div { float: left; width: 100%; }
    #footer .news_div .label { float: left; padding-right: 0px; width: 100%; text-align: center; }
    #footer .news_div .input { font-size: 16px; width: calc(100% - 61px); -webkit-appearance: none; border-radius: 0; }
    #footer .news_div .button { line-height: 36px; margin-top:2px; }

    #footer .links { float: left; width: 100%; }
    #footer .links a { margin-right: 20px; }








}

/* COPYRIGHT */
#copyright { clear:both; width:100%; float:left; background:#555; color:#fff;  font-size:12px; line-height:60px; font-family: 'Raleway', sans-serif;  }
#copyright a { color:#fff; }
#copyright .left_link { float: left; margin-right: 20px; }
#copyright .right_link { float: right }

@media (max-width: 768px) {
    #copyright { line-height:30px; font-family: 'Raleway', sans-serif; text-transform: uppercase; }
    #copyright .left_link { float: left; width: 100%; text-align: center; }
    #copyright .right_link { float: left; width: 100%; text-align: center; }

  
    
}


/* BANNER */
#slider_home { width: 100%; display: block; height: 700px; position: relative; z-index: 9997; top: 100px;  }
#slider_home .slide { height: 700px; width: 100%; position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; right: 0; background-position:50% 50%; background-size:cover;  }
#slider_home .mask_slider { height: 700px; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.2) }
#slider_home .content_slider {  padding: 40px; position: absolute; background:rgba(0,0,0,.3); top: 50%; transform: translateY(-50%); width: 500px; z-index: 11; left: 50%; margin-left: -600px; }
#slider_home .content_slider .arrow { 
    position: absolute;
    top: -18px;
    background: #efefef;
    border: 2px solid #ccc;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    z-index: 999;
}
#slider_home .content_slider .arrow-right { 
    right: 20px;
}
#slider_home .content_slider .arrow-left { 
    right: 60px;
}
#slider_home h1 { text-align: left; color: #fff; font-size: 50px; line-height: 50px; font-weight: 300; font-family: Raleway  }
#slider_home .sub { text-align: left; color: #fff; font-size: 18px; line-height: 22px; font-weight: 600  }
#slider_home .text { text-align: left; color: #fff; font-size: 14px; line-height: 18px; font-weight: 400  }
#slider_home .link_1 { display:block; float: left; line-height: 50px; font-size: 18px; padding-left: 40px; padding-right: 40px; color: #000; font-weight: 300; letter-spacing: 1px; background: #ebe8e6; border: 1px solid #000; transition: .3s all  }
#slider_home .link_1:hover { background: #000; color:#fff }
#slider_home .align-left { left: 0; transform: translateX(0%) translateY(-50%); }
#slider_home .align-right { right: 0; transform: translateX(0%) translateY(-50%); }
#slider_home .align-center { left: 50%; transform: translateX(-50%) translateY(-50%); }
#slider_home .dots { position: absolute; bottom: 30px; left: 50%; transform:translateX(-50%); z-index: 999; }
#slider_home .dot { 
    background: #efefef;
    border: 2px solid #ccc;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    cursor: pointer;
    margin: 5px;
    display: inline-block;
}
#slider_home .active-dot { 
    background: #b21959;
}

@media (max-width: 1200px) {
    #slider_home .content_slider {  left: 0%; margin-left: 0; }

}

@media (max-width: 768px) {
    #slider_home { height: 400px; }
    #slider_home .slide { height: 400px; }
    #slider_home .mask_slider { height: 400px; }
    #slider_home .content_slider {  padding: 20px; width: calc(100% - 80px); background: rgba(0,0,0,.2); color: #fff; margin-left: unset; left: unset; }
    #slider_home .content_slider h1 {  color: #fff; }
    #slider_home .content_slider .sub {  color: #fff; }

    #slider_home h1 { font-size: 30px; line-height: 30px;  }
    #slider_home .sub { font-size: 16px; line-height: 18px;  }
}


/* HOME FIRST */
#home_first { width: 100%; background: #fff; clear:both; float: left; position: relative }
#home_first .rond { position: absolute; width: 180px; left: 50%; margin-left: 510px; top: -80px; opacity: 0.7; z-index: 9997 }
#home_first h2 { text-align: center; color:#b21959; font-size: 30px; line-height: 30px; font-weight: 300; font-family: Raleway  }
#home_first .text { text-align: center; color: #000; font-size: 14px; line-height: 18px; font-weight: 400; }

#home_first .produit { float: left; width: 370px; height: 555px; padding: 5px; margin-right: 25px; background: #ece9e5; position: relative; overflow: hidden; cursor: pointer; font-family: Raleway  }
#home_first .nomargin { margin-right: 0px; }
#home_first .produit .img1 { position: absolute; top: 5px; left: 5px; width: 370px; z-index: 1;  }
#home_first .produit .img2 { position: absolute; top: 5px; left: 5px; width: 370px; z-index: 2; opacity: 0; transition: .3s all; }
#home_first .produit .infos { position: absolute; bottom: 5px; left: 5px; width: 340px; padding: 25px; padding-left: 15px; padding-right: 15px; padding-bottom: 0px; z-index: 3; background: #fff; display:none; }
#home_first .produit .title { color: #333; font-size: 22px; line-height: 24px; float: left; }
#home_first .produit .price { color: #333; font-size: 24px; line-height: 24px; float: right;  }
#home_first .produit .link_produit { display:block; float: left; line-height: 40px; font-size: 16px; width: calc(100% + 50px); margin-left: -25px; text-align: center; color: #fff; font-weight: 300; letter-spacing: 1px; background: rgba(0,0,0,0.8);  transition: .3s all; text-transform: uppercase;  }
#home_first .produit .link_produit:hover { background: rgba(0,0,0,1); color:#fff }

#home_first .links { display: table; margin: auto; }
#home_first .links a { display:block; float: left; line-height: 30px; font-size: 13px; margin-left: 24px; margin-right: 24px; color: #000; font-weight: 300; transition: .3s all; text-transform: uppercase; }
#home_first .links a:after {
    transition: all ease-in-out .2s;
    background: #000;
    content: "";
    display: block;
    height: 1px;
    width: 0%;
}
#home_first .links a:hover:after {
    width: 100%;
}

@media (max-width: 768px) {
    #home_first .rond { display: none; }
    #home_first .produit { width: calc(100% - 10px); margin-right: 0px; margin-bottom: 20px;  }
    #home_first .produit .img1 { position: absolute; top: 5px; left: 5px; width: calc(100% - 10px); z-index: 1;  }
    #home_first .produit .img2 { display: none;}
    #home_first .produit .infos { position: absolute; bottom: 0px; left: 5px; width: calc(100% - 40px); padding: 25px; padding-left: 15px; padding-right: 15px; padding-bottom: 0px; z-index: 3; background: #fff; display:block; }
    #home_first .produit .title { font-size: 18px; }
    #home_first .produit .price { font-size: 20px; }
}




/* HOME SECOND */
#home_second { width: 100%; background: #ece9e5; clear:both; float: left; position: relative }  
#home_second .rond { position: absolute; width: 230px; left: 50%; margin-left: -700px; top: -80px; opacity: 0.7; z-index: 9997 }
#home_second .rond1 { position: absolute; width: 250px; right: 30px; top: 250px; opacity: 0.95; z-index: 9997 }
#home_second .cours { float: left; width: 600px; margin-right: 50px; position: relative; z-index: 9997  }
#home_second .content { float: left; width: 500px; }
#home_second h2 { text-align: left; color:#b21959; font-size: 30px; line-height: 30px; font-weight: 300; font-family: Raleway; text-transform: uppercase;}
#home_second .sub { text-align: left; color: #000; font-size: 18px; line-height: 22px; font-weight: 400  }
#home_second .text { text-align: left; color: #000; font-size: 14px; line-height: 18px; font-weight: 400  }
#home_second .button { display:table; margin: auto; line-height: 50px; padding: 0 20px; text-align: center; font-size: 18px;  color: #fff; font-weight: 300; letter-spacing: 1px; background: #b21959; transition: .3s all; cursor: pointer; text-transform: uppercase; }
#home_second .button:hover { background: #a50045; color:#fff }
#home_second .links { float: left; }
#home_second .links a { display:block; float: left; line-height: 30px; font-size: 13px; margin-right: 24px; color: #000; font-weight: 300; transition: .3s all; text-transform: uppercase; }
#home_second .links a:after {
    transition: all ease-in-out .2s;
    background: #000;
    content: "";
    display: block;
    height: 1px;
    width: 0%;
}
#home_second .links a:hover:after {
    width: 100%;
}

@media (max-width: 768px) {
    #home_second .rond { display: none; }
    #home_second .rond1 { display: none; }
    #home_second .cours { width: 100%; margin-right: 0px;  }
    #home_second .content { width: 100%; }


}


















/* POPUP CONTACT */
#popup_contact { width:600px; padding:0px; background:#fff; }
#popup_contact .header_contact { width:100%; line-height:100px; background:#f7f7f7; font-family: 'Vollkorn', serif; text-align:center; font-size:30px; color:#455660; font-weight:400; letter-spacing:2px; }
#popup_contact .body_contact { width:100%; padding:50px; }

#popup_contact .line_contact { clear:both; width:100%; height:1px; background:#ddd; }
#popup_contact .text_over_line { display:table; margin:auto; padding-left:20px; padding-right:20px; background:#fff; font-family: 'Montserrat', sans-serif; font-size:18px;  font-weight:300; color:#555; margin-top:-14px; }

#popup_contact .infos { text-align:center; line-height:22px; font-size:18px;  font-weight:300; color:#455660; }

#popup_contact input { width:500px; padding-left:10px; background:#f7f7f7; border:1px solid #ddd; font-size:14px; color:#000; line-height:39px; height:39px; font-family: 'Open Sans', sans-serif; } 
#popup_contact textarea { width:500px; padding:10px; background:#f7f7f7; border:1px solid #ddd; font-size:14px; color:#000; line-height:20px; font-family: 'Open Sans', sans-serif; } 
#popup_contact .submit_form { width:100%; background:#c5a770; font-size:16px; color:#fff; line-height:50px; font-family: 'Open Sans', sans-serif; cursor:pointer; text-align:center; text-transform:uppercase  } 

@media (max-width: 768px) {
	#popup_contact { width:calc(100% - 0px); padding:0px; background:#fff; }
	#popup_contact .body_contact { width:calc(100% - 40px); padding:20px; }
	#popup_contact input { width:calc(100% - 20px); -webkit-appearance: none; border-radius: 0; font-size:16px;  } 
	#popup_contact textarea { width:calc(100% - 22px); font-size:16px; -webkit-appearance: none; border-radius: 0; } 


	
}


.stop_scroll { height:100%; overflow:hidden; } 

#mask { width: 100%; background:rgba(0,0,0,0.80); clear:both; float: left; position: fixed; top: 0px; z-index: 10000; display: none; cursor: pointer}