/*-----------------------------------------------------------------------------------
Theme Name: The Moon
Theme URI: http://themeforest.net/user/PixFlow
Description: Creative One Page Multi-Purpose Theme Follow us on twitter
Author: PixFlow
Author URI: http://www.pixflow.net
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.8.5
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Designed & Handcrafted by PixFlow
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
-----------------------------------------------------------------------------------*/
@import url(assets/css/normalize.css);
@import url(assets/css/icomoon.css);
@import url(assets/css/theme-styles.css);
@import url(assets/css/woocomerce.css);
HTML{ font-size: 100% !important; height : 100% !important;}
body{ font-size: 1em!important; height : 100% !important;}
header .navigation > ul > li > a > span, .navigation-mobile a span{ text-transform : uppercase !important;}
.titrelightbeige { font-family: 'opensans', sans-serif !important; font-size: 3.5em !important; line-height : 1.1em !important; font-weight: 100 !important; color :#D5C9B3 !important; }
.titrelightnoir { font-family: 'opensans', sans-serif !important; font-size: 3.5em !important; line-height : 1.1em !important; font-weight: 100 !important; color :#3C3C3B !important; }
.titrelightbleu { font-family: 'Montserrat', sans-serif !important; font-size: 3.5em !important; line-height : 1.1em !important; font-weight: 100 !important; color :#2E405F !important; }
.titreboldblanc { font-family: 'Montserrat', sans-serif !important; font-size: 3.5em !important; line-height : 1.1em !important; font-weight: 600 !important; color :#fff !important;}
.titreboldnoir { font-family: 'Montserrat', sans-serif !important; font-size: 3.5em !important; line-height : 1.1em !important; font-weight: 600 !important; color :#3C3C3B !important;}
.texteblanc { line-height : 1.4em !important; sans-serif !important; font-weight: 100 !important; color :#fff !important; }
.textenoir { line-height : 1.4em !important; sans-serif !important; font-weight: 100 !important; color :#3C3C3B !important; }
.texteblanc b{ font-weight: 500 !important; color :#D5C9B3 !important; }
.textenoir b{ font-weight: 500 !important; color :#2E405F !important; display : block !important;}
#button-1{ float : none !important;}
#comment-text input {border-color: #D5C9B3 !important;}
#comment-text input:hover {border-color: #D5C9B3 !important; background: #D5C9B3 !important;}
footer {background: #202E47 !important;}
footer .copyright{color:#fff !important;}
.blocimgmenu { background: url(http://lafaceblille.com/wp-content/uploads/2014/10/photo_cakes.jpg); background-size: cover; background-repeat: no-repeat; width: 100%; height : 100%;}
.blocimginfos { background: url(http://lafaceblille.com/wp-content/uploads/2017/03/img.jpg); background-size: cover; background-repeat: no-repeat; background-position: center !important; width: 100%; height : 100%;}
.blocinfos { background: #D5C9B3 !important;}
.dateinfos { font-size: 1.7em !important; line-height : 1.1 !important; display : block !important ;}
.titreinfos { font-family: 'Montserrat', sans-serif !important; font-size: 2.7em !important; line-height : 1.1 !important; font-weight: bolder !important;}
.menu .vc_col-sm-6 {height :650px !important;}
.infos .vc_col-sm-6 {height :485px !important;}
.infos a{color :#3C3C3B !important; text-decoration : underline !important;}
.infos a:hover{color :#2E405F !important;}
#traitblanc {width : 100px; height : 6px; background:#FFF; display :block; margin : auto; text-align:center; margin-top: -10px ; margin-bottom : 30px;}
#prefooter {width : 100%; height : 200px; color : #fff; background : #2E405F; top:-50px !important; margin : 0 !important; }
#footer_cola {width : 50%; height : 200px; overflow : hidden; float : left !important; background: url("http://lafaceblille.com/wp-content/uploads/2016/05/LFB_FooterPhotoB.jpg") no-repeat right top;}
#footer_colb {width : 50%; height : 200px; overflow : hidden; float : right !important; background: url("http://lafaceblille.com/wp-content/uploads/2016/05/LFB_FooterPhotoA.jpg") no-repeat right top;}
#footer_cola p, #footer_colb p{overflow-y:hidden; padding :0 !important;}
#footer_cola .txt_cola, #footer_colb .txt_colb {display : block; margin : 50px; margin-left: 200px; }
#footer_cola .titrelightbeige, #footer_colb .titrelightbeige, #footer_cola .titreboldblanc, #footer_colb .titreboldblanc{ display : inline-block; font-size: 2em !important; margin : 0 !important; margin-bottom: 30px !important; line-height : 0.4 !important;}
#footer_cola img, #footer_colb img {float: left; margin 0 !important; border : 0 !important; position: relative; margin-top:-30px !important;}
#backgroundtexture { top: 150px; height: 250px; width: 200px; float:left; margin-top: -50px !important; background: url("http://lafaceblille.com/wp-content/uploads/2016/05/LFB_textur.jpg") repeat-y 0px 50px!important;}
#backgroundtextureb { top: 150px; height: 250px; width: 200px; float:left; margin-top: -50px !important; background: url("http://lafaceblille.com/wp-content/uploads/2016/05/LFB_textur.jpg") repeat-y 0px 50px!important;}
.vc_column-inner {padding : 0px !important;}
.contact {padding-left : 15px !important; padding-right : 15px !important;}
#button-1 {
float: none !important;
display: block;
text-align: center;
width: 150px;
margin: auto;}
.ms-grab-cursor , .ms-grabbing-cursor {cursor: auto !important;}
.salondethe {
background: url(http://lafaceblille.com/wp-content/uploads/2016/05/LFB_textur.jpg) repeat-y left,
url(http://lafaceblille.com/wp-content/uploads/2016/05/LFB_textur.jpg) repeat-y right!important;
background-color: #2E405F !important;}
.salon strong { color :#D5C9B3 !important; }
.blocunecol {padding-top : 100px; padding-bottom :100px; padding-right :30%; padding-left:30%;}
html > body .vc_custom_1463415895823, html > body .vc_custom_1463415931607, .blocdeuxcol { padding-top : 13% !important; padding-bottom :13% !important; padding-right :25% !important; padding-left:25% !important;}
.encemoment { font-size: 1.7em !important; line-height : 1.1 !important; display : block !important ; margin-top : 30px;}
@media screen and (max-width: 1310px) {
.blocunecol { padding-right :19%; padding-left:19%;}
}
@media screen and (max-width: 1140px) {
#prefooter {height : 400px; }
#footer_cola {width : 100%; height : 200px; overflow : hidden; background: url("http://lafaceblille.com/wp-content/uploads/2016/05/LFB_FooterPhotoB.jpg") no-repeat cover !important;}
#footer_colb {width : 100%; height : 200px; overflow : hidden; background: url("http://lafaceblille.com/wp-content/uploads/2016/05/LFB_FooterPhotoA.jpg") no-repeat cover !important;}
#footer_cola, #footer_colb {background-size: cover !important;}
#backgroundtextureb { top: 150px; height: 250px; width: 200px; float:left; margin-top: -50px !important; background: url("http://lafaceblille.com/wp-content/uploads/2016/05/LFB_textur.jpg") repeat-y 0px 0px!important;}
#footer_cola, #footer_colb{background:transparent !important;}
html > body .vc_custom_1463415895823, html > body .vc_custom_1463415931607, .blocdeuxcol { padding-top : 13% !important; padding-bottom :13% !important; padding-right :15% !important; padding-left:15% !important;}
.menu .vc_col-sm-6 {height :550px !important;}
.infos .vc_col-sm-6 {height :345px !important;}
}
@media screen and (max-width: 880px) {
.salondethe {background: transparent !important;
background-color: #2E405F !important;}
.blocunecol {padding-top : 50px; padding-bottom :50px; padding-right :10%; padding-left:10%;
html > body .vc_custom_1463415895823, html > body .vc_custom_1463415931607, .blocdeuxcol { padding-top : 13% !important; padding-bottom :13% !important; padding-right :15% !important; padding-left:15% !important;}
}
@media screen and (max-width: 767px) {
.container { padding-left: 0px !important; padding-right: 0px!important;
}}
@media screen and (max-width: 750px) {
.ms-parallax-layer img{width: 50% !important; height : auto !important;}}
@media screen and (max-width: 650px) {
.titrelightbeige, .titrelightnoir, .titrelightbleu, .titreboldblanc, .titreboldnoir { font-size: 2.5em !important; line-height : 1.1em !important;}
.titreinfos { font-size: 2.2em !important; line-height : 1.1em !important;}
}
@media screen and (max-width: 520px) {
#backgroundtexture { display : none!important;}
#backgroundtextureb { display : none!important;}
#footer_cola .txt_cola, #footer_colb .txt_colb {margin-left: 50px !important; text-align :center !important;}
#footer_colb {padding-bottom: 30px !important; background : #2E405F !important;}
#footer_cola .titrelightbeige, #footer_colb .titrelightbeige, #footer_cola .titreboldblanc, #footer_colb .titreboldblanc {line-height : 0.1 !important;}
.ms-parallax-layer img{width: 60% !important; height : auto !important;}
.blocunecol {padding-top : 50px; padding-bottom :50px; padding-right :10%; padding-left:10%;}
html > body .vc_custom_1463415895823, html > body .vc_custom_1463415931607, .blocdeuxcol { padding-top : 55px !important; padding-bottom :70px !important; padding-right :10% !important; padding-left:10% !important;}
.menu .vc_col-sm-6 {height :580px !important;}
.infos .vc_col-sm-6 {height :340px !important;}
}