﻿/*
Theme Name: La Fabrique
Theme URI: 
Author: Linkeyword (Arnaud RENARD)
Author URI: http://linkeyword.fr/
Description: Theme created for La Fabrique
Version: 1.0
Tags: 
Text Domain: lf
*/

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic&subset=latin,latin-ext);

* {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

body {
    font-family: "Source Sans Pro";
    color: #462236;
    text-justify: auto;
    word-wrap: break-word;
}
.lf-project-button {
   visibility: hidden;
    	
}

a {
    target-new: tab;
    target-position: behind;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300;
}
h2,.h2 {
    font-weight: 400;
}


h1 {
    font-size: 45px;
    line-height: 0.833;
}
h2 {
    font-size: 32px;
   
}
.menu-item:hover > .sub-menu{
		display:block;
	}
	.sub-menu{
		position: absolute;
		background-color: white;
		display:none;
		width: 500px;
		list-style: none;
		padding: 10px;
		top: 34px;
	}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.lf-underline:after {
    content: "";
    display: block;
    background-color: #d90075;
    width: 125px;
    height: 5px;
}
.navbar-toggle{
	float:left;
	margin-left:15px;
}
.MenuDD{
	float:left;width:279px;height:59px;
}
.lf-subtitle {
    color: #de2287;
    font-size: 24px;
    font-weight: 300;
    line-height: 0.667;
}

.lf-bg {
    padding-top: 20px;
    padding-bottom: 40px;
}

.lf-actualites-content {
    margin-top: 30px;
}

.wp-post-image {
    max-width: 100%;
    height: auto;
}

.lf-actualites-sep {
    margin-top: 5px;
    margin-bottom: 5px;
    opacity: 0.141;
}

.lf-actualites-link {
    color: #ffffff;
}

.lf-actualites-link:hover {
    color: #ffffff;
    text-decoration: none;
}

.lf-actualites-title {
    font-size: 30px;
    line-height: 0.933;
}

.lf-actualites-date {
    font-style: italic;
}

.lf-actualites-excerpt {

}

.logoRwd {
    display: none;
    max-width: 240px;
    margin: auto;
    margin-top: 5px;
}

.logoRwd img {
    width: 100%;
}

.footer .followLinks {
    margin-right: 50px!important;
}

@media (max-width: 320px) {
    .footer .followLinks {
        margin-right: 10px!important;
    }
}


@media (max-width: 768px) {
    body {
        padding-left: 15px;
        padding-right: 15px;
    }
    .logoRwd {
        display: inherit;
    }
}

@media (min-width: 768px) {
    body {
        padding-top: 127px;
    }

    .admin-bar .navbar {
        top: 32px;
    }

    .navbar {
        background-color: #ffffff;
        min-height: 130px;
        height: 130px;
        border-bottom: 1px;
    }

    .navbar .navbar-brand {
        line-height: 130px;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .navbar .navbar-nav {
        line-height: 130px;
        padding-top: 40px;
        /*padding-bottom: 40px;*/
    }

    .navbar .lf-header-test .nav > li > a {
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 130px;
        margin-top: 0px;
        margin-left: 10px;
        background-color: #00b9ff;
        color: #ffffff;
    }

    .navbar .lf-header-top .nav > li > a:hover {
        color: #00b9ff;
        background-color: #ffffff;
    }

    /*.navbar .lf-header-top .nav .active > a,.navbar .nav .active > a:hover {
        color: #fff;
        background-color: #501762;
    }
    .navbar .lf-header-top .nav li > a .caret, .tnav .navbar .nav li > a:hover .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
    }
    .navbar .lf-header-top .nav > li.dropdown.open.active > a:hover {
    }
    .navbar .lf-header-top .nav > li.dropdown.open > a {
        color: #fff;
        background-color: #9f58b5;
        border-color: #fff;
    }
    .navbar .lf-header-top .nav > li.dropdown.open.active > a:hover .caret, .tnav .navbar .nav > li.dropdown.open > a .caret {
        border-top-color: #fff;
    }*/
    .lf-header {
        background-color: #ffffff;
        min-height: 130px;
        height: 130px;
    }

    .navbar .lf-header-bottom .nav > li > a {
        color: #ffffff;
        background-color: #00b9ff;
        text-align: center;
        max-height: 103px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 10px;
        margin-left: 10px;
        margin-bottom: 10px;
        /*border-bottom: 5px solid #354248;*/
    }

    .navbar .lf-header-bottom .nav > li > a:hover {
    }

    .navbar .lf-header-bottom .nav .active > a, .navbar .nav .active > a:hover {
        color: #ffffff;
        background-color: #354248;
        /*border-bottom: 5px solid #00b9ff;*/
    }

    /*.navbar .lf-header-bottom .nav li > a .caret, .tnav .navbar .nav li > a:hover .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
    }
    .navbar .lf-header-bottom .nav > li.dropdown.open.active > a:hover {
    }
    .navbar .lf-header-bottom .nav > li.dropdown.open > a {
        color: #fff;
        background-color: #9f58b5;
        border-color: #fff;
    }
    .navbar .lf-header-top .nav > li.dropdown.open.active > a:hover .caret, .tnav .navbar .nav > li.dropdown.open > a .caret {
        border-top-color: #fff;
    }*/
    .navbar .navbar-brand {
        color: #ffffff;
        line-height: 130px;
    }
}

/* Manage Bandeau */
@media (min-width: 768px) {
    .lf-bandeau-container {
        height: 367px;
        text-align: center;
        overflow: hidden;
    }
	.sub-menu li a{
		color:#777;
	}
	.sub-menu li{
		line-height: 2;
	}
	.menu-item:hover > .sub-menu{
		display:block;
	}
	.sub-menu{
		position: absolute;
		background-color: white;
		display:none;
		width: 500px;
		list-style: none;
		padding: 10px;
		top: 34px;
	}
}
#MoteurRecherche{
	float:left;width:100%;text-align:right;padding-right: 0px;
}
@media (max-width: 768px) { /* 1400px is bandeau native size */
    .lf-bandeau {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
	.sub-menu{
		position: initial!important;
		background-color: white;
		display:none;
		width: 500px;
		list-style: none;
		padding: 10px;
		top: 34px;
	}
	.MenuDD{
		width:auto;
		height:auto;
	}
    #MoteurRecherche {
        width: 70%!important;
        margin-top: 10px;
        float: right!important;
    }

    #MoteurRecherche #s {
        margin-right: 0.5em!important;
        max-width: 50%;
    }
    .lf-bg:first-of-type {
        padding-top: 120px;
    }
}
@media (min-width: 768px) and (max-width: 990px) {
	.navbar{
		height:213px;
	}
	header{
		margin-bottom: 75px;
	}
}
@media (min-width: 768px) and (max-width: 1400px) { /* 1400px is bandeau native size */
    .lf-bandeau {
        height: 100%;
        max-height: 100%;
        width: auto;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);

        /*left: 100%;
        margin-left: -200%;*/
    }
}
@media (min-width: 1400px) { /* 1400px is bandeau native size */
    .lf-bandeau {
        width: 100%;
        max-width: 100%;
        height: auto;
        position: relative;
        top: 50%;
        transform: translate(0, -50%);

        /*top: 100%;
        margin-top: -200%;*/
    }
}

/* Manage half bandeau */
@media (min-width: 768px) {
    .lf-half-bandeau-container {
        height: 250px;
        text-align: center;
        overflow: hidden;
    }
}
@media (max-width: 768px) { /* 1400px is bandeau native size */
    .lf-half-bandeau {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}
@media (min-width: 768px) and (max-width: 1400px) { /* 1400px is bandeau native size */
    .lf-half-bandeau {
        height: 100%;
        max-height: 100%;
        width: auto;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);

        /*left: 100%;
        margin-left: -200%;*/
    }
}
@media (min-width: 1400px) { /* 1400px is bandeau native size */
    .lf-half-bandeau {
        width: 100%;
        max-width: 100%;
        height: auto;
        position: relative;
        top: 50%;
        transform: translate(0, -50%);

        /*top: 100%;
        margin-top: -200%;*/
    }
}

/* Manage handshake bandeau */
.lf-handshake-bandeau-container {
    height: 120px;
    text-align: center;
    overflow: hidden;
}

.lf-handshake-bandeau {
    width: 100%;
    max-width: 100%;
    height: auto;
}



@media (min-width: 768px) {
    .lf-border-right {
        border-right: #000000 solid 1px;
    }

    .lf-text-indent {
        padding-left: 50px;
    }
}

.lf-map {
    min-height: 160px;
    height: 160px;
    border: 0;
}

.lf-map-contact {
    min-height: 160px;
    height: 160px;
    border: 0;
}

.lf-thumbnail {
    width: 64px;
    height: 64px;
}
.lf-text-lead {
    font-size: 16px;
}

.lf-row-odd {
    padding-top: 20px;
    padding-bottom: 20px;
}

.lf-row-even {
    padding-top: 20px;
    padding-bottom: 20px;
}

.lf-row-space {
    padding-top: 5px;
    padding-bottom: 5px;
}

.lf-anchor-offset {
    padding-top: 179px;
    margin-top: -179px;
}

.lf-reset-margin-top {
    margin-top: 0px;
}

.lf-reset-margin-top-bottom {
    margin-top: 0px;
    margin-bottom: 0px;
}

.lf-reset-margin-left-right {
    margin-left: 0px;
    margin-right: 0px;
}
.lf-reset-padding-left-right {
    padding-left: 0px;
    padding-right: 0px;
}

.lf-col-padding-top-right-bottom {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.lf-col-padding-top {
    padding-top: 10px;
    padding-bottom: 10px;
}

.lf-col-padding-all {
    padding: 20px 10px 20px 10px;
}

.lf-margin-bottom {
    margin-bottom: 10px;
}

.lf-img-full-width {
    width: 100%;
}

.lf-row-intervention {
    overflow: hidden;
}

.lf-row-intervention-carte {
    width: auto;
    height: 100%;
}

.lf-row-reseaux {
    background-color: #354248;
    /*height: 340px;*/
}

.reseaux, .reseaux:hover {
    color: #354248;
    text-decoration: none;
}

.copyright, .copyright:hover {
    color: #ffffff;
    text-decoration: none;
}

.row.equal [class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.row.equal{
    overflow: hidden;
}

.strong {
    font-weight: bold;
}




.navbar-nav .menu-item a {
    padding-left: 10px;
    padding-right: 10px;
}

.lf-header-social {
    padding: 4px;
    width: 20px;
    height: 20px;
}

.lf-contact {
    font-size: 30px;
    line-height: 1.667;
}

.menu-pied-de-page-haut-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu-pied-de-page-haut-container ul {
    list-style-type: none;
}

.menu-pied-de-page-haut-container ul li {
    display: inline;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 2.375;
}

.menu-pied-de-page-haut-container ul li a {
    text-decoration: none;
    color: inherit;
}

.lf-footer-social {
    padding: 5px;
    width: 35px;
    height: 35px;
}

.lf-footer-main-wrapper {
    height: 155px;
    min-height: 155px;
}

.lf-footer-main {
    padding-top: 40px;
    padding-bottom: 20px;
}

.lf-footer-main-title {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.2;
}

.lf-footer-main-text {
    font-size: 14px;
    line-height: 1.2;
}

.lf-footer-main-background-size {
    position: relative;
    top: -28px;
    height: 75px;
    width: auto;
}

.subscribe-form input {
    margin-top: 5px;
}

.subscribe-form input[type=email] {
    border: 0 none;
    width: 100%;
    font-size: 12px;
    line-height: 1.333;
    padding: 5px 10px;
}

.subscribe-form input[type=submit] {
    border: 0 none;
    width: 50%;
    min-width: 100px;
    /*background-color: #cca4ba;*/
    background-color: #de2488;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.333;
    padding: 5px 15px;
}

.subscribe-form input[type=submit]:hover {
    /*background-color: #de2488;*/
    background-color: #cca4ba;
}

.lf-hr-footer {
    margin-top: 20px;
    margin-bottom: 10px;
}

.menu-pied-de-page-bas-container {
    margin-top: 10px;
    margin-bottom: 50px;
}

.menu-pied-de-page-bas-container ul {
    list-style-type: none;
}

.menu-pied-de-page-bas-container ul li {
    display: inline;
    font-size: 11px;
    font-style: italic;
    line-height: 1.2;
}

.menu-pied-de-page-bas-container ul li a {
    text-decoration: none;
    color: inherit;
}

.menu-pied-de-page-bas-container ul li + li::before {
    content: "\00a0 \00a0 • \00a0 \00a0";
}


.lf-unstyled-link, .lf-unstyled-link:hover {
    text-decoration: none;
    color: inherit;
}

.lf-no-margin-list li a {
    padding-left: 5px;
    padding-right: 5px;
}


.lf-carousel {
    position: relative;
    margin-top: 30px;
}

.lf-carousel-by {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.333;
    padding: 7px 10px 7px 10px;
}

.lf-carousel-author {
    color: #d90075;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.583;
    height: 22px;
}

.lf-carousel-titre {
    font-size: 36px;
    line-height: 0.667;

}

.lf-slider {
    position: relative;
}

.control {
    position: absolute;
    top: 50%;
}

.control span {
    padding: 14px 18px 14px 18px;
}

.control span:hover {
    cursor: not-allowed;
}

.control.active span:hover {
    cursor: pointer;
    background-color: #d90075;
}

.control.control-left {
    left: 0;
    z-index: 1;
}

.control.control-right {
    right: 0;
    z-index: 1;
}

.lf-slider-produit .entry .img-responsive {
    width: 100%;
}

.lf-slider-produit .control {
    position: absolute;
    top: unset;
    bottom: 0;
}

.lf-overlay-container {
    position: relative;
    width: auto;
    height: auto;
    overflow: hidden;
}

.lf-overlay-container .img-responsive {
    width: 100%;
}

.lf-overlay {
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    position: absolute;
    background-color: #d6d6d6;
    opacity: 0;
}

.lf-text-box{
	visibility: hidden;
    color: black;
    font-size: 18px;
    line-height: 1.556;
    background-color: #cca4ba;
    padding-top: 19%;
    padding-bottom: 18%;
    margin: 25%;
    text-align: center;
}

.lf-overlay-container:hover .lf-overlay {
    opacity: 0.75;
}

.lf-overlay-container:hover .img-responsive {
    opacity: 0.25;
}

.lf-project-title {
    font-size: 22px;
    line-height: 1.273;
    margin-top: 5px;
    margin-bottom: 0;
}

.lf-project-button:hover .lf-project-button-arrow {
    background-color: #d90075;
}

.lf-project-button-top {
    font-size: 18.432px;
    line-height: 1.302;
}

.lf-project-button-bottom {
    font-size: 23.04px;
    line-height: 2.042;
}

.lf-project-button-arrow {
    padding: 12px 14px 12px 14px;
    height: 48px;
}

.lf-project-button-bg {
    height: 48px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 0;
}

.lf-contact-button {
    height: 48px;
    font-size: 27.648px;
    line-height: 0.868;
    text-transform: uppercase;
    padding-left: 30px;
    padding-right: 30px;
}

.lf-actualites-button {
    height: 22px;
}

.lf-actualites-button:hover a {
    text-decoration: none;
}

.lf-actualites-button:hover .lf-actualites-button-arrow {
    background-color: #d90075;
}

.lf-actualites-button-main {
    font-size: 16.128px;
    line-height: 1.488;
    font-style: italic;
    padding-left: 10px;
    height: 22px;
}

.lf-actualites-button-arrow {
    padding: 3px 4px 1px 4px;
    margin-left: 10px;
}

.lf-actualite h2:after {
    content: "";
    display: block;
    background-color: #d90075;
    width: 125px;
    height: 5px;
}

.lf-actualite-side {
    padding-bottom: 15px;
}

.lf-actualite-side-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 0.9;
}

.lf-actualite-side-link {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.333;
    padding: 2px 4px;
}

.lf-actualite-side-link:hover {
    color: #ffffff;
    text-decoration: none;
}

.lf-actualite-side img {
    float: left;
    margin-right: 10px;
}

.lf-categorie-title {
    font-size: 50px;
    line-height: 1;
}

.lf-categorie-button {
    margin-bottom: 20px;
}

.lf-categorie-img {
    border-left: solid #d90075 5px;
}

.lf-anchor-offset {
    padding-top: 130px;
    margin-top: -130px;
}

.lf-grid-width {
    width: 100%;
}

.lf-grid-space {
    margin-top: 10px;
}


.btn-custom-lighten.active {
    color: rgba(255, 255, 255, 0.75);
}
.btn-custom-lighten {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #e80580;
    background-image: -moz-linear-gradient(top, #d90075, #ff0d8f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d90075), to(#ff0d8f));
    background-image: -webkit-linear-gradient(top, #d90075, #ff0d8f);
    background-image: -o-linear-gradient(top, #d90075, #ff0d8f);
    background-image: linear-gradient(to bottom, #d90075, #ff0d8f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd90075', endColorstr='#ffff0d8f', GradientType=0);
    border-color: #ff0d8f #ff0d8f #c00067;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #ff0d8f;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-custom-lighten:hover,
.btn-custom-lighten:focus,
.btn-custom-lighten:active,
.btn-custom-lighten.active,
.btn-custom-lighten.disabled,
.btn-custom-lighten[disabled] {
    color: #ffffff;
    background-color: #ff0d8f;
    *background-color: #f30083;
}
.btn-custom-lighten:active,
.btn-custom-lighten.active {
    background-color: #d90075 ;
}
#footer-sidebar .screen-reader-text {
   display: none;
}