/*
Theme Name: Rodolphe Parente
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: Trafik
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*********/
/* FONTS */
/*********/
@font-face {
    font-family: 'calibre-regular';
    src: url('fonts/calibre-regular.eot');
    src: url('fonts/calibre-regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/calibre-regular.woff') format('woff'),
        url('fonts/calibre-regular.ttf') format('truetype'),
        url('fonts/calibre-regular.svg#Ma_police_speciale') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibre-bold';
    src: url('fonts/calibre-bold.eot');
    src: url('fonts/calibre-bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/calibre-bold.woff') format('woff'),
        url('fonts/calibre-bold.ttf') format('truetype'),
        url('fonts/calibre-bold.svg#Ma_police_speciale') format('svg');
    font-weight: bold;
    font-style: normal;
}

/******************************************/
/* Feuille de style         */
/* Realise par: Zouher BELHOUARI / Trafik */
/* Date : Juin 2017                   */
/******************************************/
*{margin:0; padding: 0;}
*, *:before, *:after{
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}

/************************************************/
/* style que l'on retrouve tout au long du site */
/************************************************/
html, body {
    background: #FFFFFF;
    margin:0;
    padding:0;
    overflow-y: hidden;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'calibre-regular', Arial, Verdana, sans-serif;
    font-size: 14px;
    line-height: 15px;
    color: #000;
    background-color: #FFFFFF;
    margin: 0;
    height: 100%;
}
header, section, footer, aside, nav, article, hgroup{
    display: block;
}
h1, h2, h3, h4, h5, h6{
    font-weight: normal;
}
strong, em, b{
    font-family: 'calibre-bold';
}
i{
    font-family: 'calibre-bold';
    font-weight: normal;
}
a{
	color: #000;
    text-decoration: underline;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover{
	color: #000;
    text-decoration: none;
}
ul{
    margin-left: 21px;
    padding-left: 0px;
}
input{
    -webkit-appearance: none;
    border-radius: 0;  
}
*:focus {
    outline: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #FFF;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #FFF;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #FFF;
}
:-moz-placeholder { /* Firefox 18- */
    color: #FFF;
}
.float-left{
    float: left;
}
.gouttiere{
    width: 15px;
}
.clearfix{
    clear: both;
}
.w8col{
    width: 936px;
}
.w7col{
	width: 819px;
}
.w6col{
    width: 702px;
}
.w5col{
    width: 585px;
}
.w4col{
    width: 468px;
}
.w1col{
    width: 117px;
}

.contenu-centre{
    text-align: center;
}
#page{
	padding: 20px 20px 73px 20px;
}

/************************************************/
/* MENU */
/************************************************/
#menu{
	position: absolute;
	z-index: 2;
	padding: 50px 0 0 40px;
}
#menu h1{
	font-size: 14px;
    line-height: 15px;
    padding-top: 26px;
}
#menu a, h1 a, .bloc-langue a{
	color: #000;
    text-decoration: none;
}
#menu a:hover, .bloc-langue a:hover{
	color: #000;
	font-family: 'calibre-bold', Arial, Verdana, sans-serif;
	font-weight: bold;
    text-decoration: none;
}
#menu h1 a:hover{
	font-family: 'calibre-regular', Arial, Verdana, sans-serif;
	font-weight: normal;
}
.bloc_menu{
    width: 82px;

}
.bloc_menu.w1col{
    width: 117px;
}

.bloc_menu.logo{
	text-align: center;
}
.logo img{
	width: 21px;
}

.bloc-langue{
	position: absolute;
    z-index: 2;
    right: 25px;
    top: 105px;
    text-align: right;
}

.menu-deroulant, .menu-deroulant ul {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-top: 35px;
}
.menu-deroulant li {
/* on place les liens du menu horizontalement */
    display: inline-block;
}
.menu-deroulant ul li {
/* on enlève ce comportement pour les liens du sous menu */
    display: inherit;
}
.menu-deroulant a {
    text-decoration: none;
    display: block;
    color:#000;
}
.menu-deroulant ul {
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
    left: -999em;
    text-align: left;
    z-index: 1000;
    padding-top: 20px;
}
.menu-deroulant li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left: auto;
}

.menu-deroulant .selected, .bloc_menu .selected{
    font-family: 'calibre-bold', Arial, Verdana, sans-serif;
    font-weight: bold;
}

.link_presse{
    padding-left: 8px;
    padding-top: 35px;
}
.link_mobilier{
    padding-left: 10px;
}
.link_about{
    padding-top: 35px;
    padding-left: 11px;
}

.background-menu-deroulant
{
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: none;
}

/************************************************/
/* PAGE D'ACCUEIL */
/************************************************/
.container-carrousel{
    margin-top: 200px;
}

.jcarousel-wrapper {
    position: relative;
}

/** Carousel **/
.jcarousel-home {
    position: relative;
    overflow: hidden;
}
.jcarousel-home ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel-home li {
    float: left;
    padding-right: 95px;
    padding-bottom: 20px;
    position: relative;
}
.carousel-single li {
    padding-right: 15px !important;
    padding-bottom: 15px;
}

.jcarousel-home.slider-home ul li a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slider-home ul li a .bloc-title-item{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 1;
}

.slider-home ul li h2{
    font-size: 14px;
    line-height: 15px;
    font-family: 'calibre-bold';
    padding-top: 5px;
    display: none;
    position: absolute;
    z-index: 999999;
    bottom: -3px;
}


.slider-home ul li a .bloc-title-item:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffffff;
    opacity: .3;
    content: '';
}

.slider-home ul li a figure{
    position: relative;
    z-index: 0;
}
.slider-home ul li a figure img{
    display: block;
}
.nav-carrousel{
    display: block;
    position: absolute;
    bottom: 15px;
    right: 0;
}

/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next,
.jcarousel-control-pause{
    position: absolute;
    width: 15px;
    height: 15px;
    text-align: center;
    color: #000000;
    text-decoration: none;
    z-index: 3;
}
.jcarousel-control-prev {
    right: 25px;
    bottom: -30px;
}
.jcarousel-control-pause{
    right: 50px;
    bottom: -30px;
}
.jcarousel-control-next {
    right: 0px;
    bottom: -30px;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}
.nav-carrousel img{
    width: 15px;
}
.nav-carrousel a{
    display: block;
}
/**/
.bloc-title-item{
    display: none;
}

/************************************************/
/* PAGE CONTACT */
/************************************************/
.bloc-contact{
    padding: 120px 0 0 40px;
}

/************************************************/
/* PAGE APROPOS */
/************************************************/
.bloc-apropos{
    position: relative;
    display: block;
    overflow-y: scroll;
    padding: 0;
    scrollbar-width: none;
}

.bloc-apropos::-webkit-scrollbar-track{
    border: 0px solid black;
    background-color: transparent; 
}

.bloc-apropos::-webkit-scrollbar{
    width: 1px;
    background-color: transparent; 
}

.bloc-apropos::-webkit-scrollbar-thumb{
    background-color: transparent;  
}

.apropos-visuel{
    position: absolute;
    width: 480px;
    top: 200px;
    left: 200px;
}

.apropos-visuel img{
    width: 100%;
    border: none;
}

.apropos-biographie{
    position: absolute;
    width: 430px;
    top: 540px;
    left: 700px;
    padding-right: 50px;
}

.apropos-contact{
    position: absolute;
    width: 280px;
    top: 200px;
    left: 1180px;
}

.apropos-nosclients{
    position: absolute;
    width: 460px;
    top: 540px;
    left: 1180px;
}

/************************************************/
/* PAGE PRESSE */
/************************************************/
.container-carrousel-presse{
    margin-top: 200px;
}
/** Carousel **/
.jcarousel-presse {
    position: relative;
    overflow: hidden;
}
.jcarousel-presse ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel-presse li {
    float: left;
    padding-right: 20px;
}

/************************************************/
/* PAGE PROJET */
/************************************************/
.projet_titre{
    color: #000;
    font-family: 'calibre-bold', Arial, Verdana, sans-serif;
    font-weight: bold;
    padding-bottom: 5px;
}
.projet_titre h2{
    font-size: 14px;
    line-height: 15px;
}

.bloc_contenu{
    position: absolute;
    top: 105px;
    left: 720px;
    z-index: 2;
}

.nav-mobil{
    display: none;
}

/************************************************/
/* PAGE 404 */
/************************************************/
.error-404{
    position: absolute;
    top: 135px;
    left: 294px;
    z-index: 2;
}
.chiffre_erreur{
    font-size: 100px;
}

/**********preloader *******/
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999999999999;
    background-color: #FFF;
    opacity: 0;

}

/****************/
/* LOADER */
/***************/
.box{ 
    display:table; 
}

.box-content{ 
    display:table-cell; 
    vertical-align:middle; 
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); 
    width: 400px;
}

.box-content img{
    width: 100%;
}

.loader-page{
    background-color: #FFF;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    opacity: 0;
    display: none;
}


/**************/
/* RESPONSIVe */
/**************/
@-ms-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}

/* MOBILE */
/*@media screen and (min-width: 700px) and (max-width: 959px){
    .projet_contenu.w6col{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 23px;
        -moz-column-gap: 23px;
        column-gap: 23px;
        -webkit-column-width: 200px;
        -moz-column-width: 200px;
        column-width: 200px;
    }
}
@media screen and (max-width: 959px) and (orientation: portrait){
    .carousel-single li{
        padding-right: 0px !important;
    }
}
*/

/* MOBILE */
@media screen and (orientation: portrait){

    html, body {
        overflow-y: auto;
    }

    #menu, .bloc-langue, .nav-carrousel{
        display: none;
    }

    /*******************/
    /* Menu */
    /*******************/
    .nav-mobil{
        display: block;
        padding-bottom: 18px;
        position: relative;
    }
    .nav-mobil a{
        text-decoration: none;
    }
    .bloc-02 img{
        width: 21px;
    }
    .bloc-01{
        float: left;
    }
    .bloc-02{
        float: right;
    }

    .menu_mobile{
        position: absolute;
        top: 0;
        width: 100%;
        background-color: white;
        z-index: 99999;
        padding-bottom: 40px;
    }

    .hide {
        overflow: hidden;
        -webkit-transition: top 0.5s;
        -moz-transition: top 0.5s;
        -o-transition: top 0.5s;
        transition: top 0.5s;
        top: -1000px;
        
    }
    .show {
        -webkit-transition: top 0.25s;
        -moz-transition: top 0.25s;
        -o-transition: top 0.25s;
        transition: top 0.25s;
        top: 0px;
        min-height: 100vh;
        overflow: hidden;

    }

    #btn_fermer{
        display: block;
        width: 17px;
        height: 17px;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    #btn_fermer img{
        width: 17px;
    }

    .menu-deroulant, .menu-deroulant ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .menu_mobile .menu-deroulant li {
        display: block;
    }
    .menu-deroulant a {
        text-decoration: none;
        display: block;
        color:#000;
    }
    .menu_mobile .menu-deroulant ul {
        position: relative;
        left: 0;
        text-align: left;
        z-index: 1000;
        padding-top: 20px;
    }
    .menu-deroulant .selected, .bloc_menu .selected{
        font-family: 'calibre-bold', Arial, Verdana, sans-serif;
        font-weight: bold;
    }

    .bloc-03, .bloc-04, .bloc-05{
        margin-top: 20px;
        border-top: 1px solid #000;
        padding-top: 20px;
    }

    .bloc-05 a{
        display: block;
    }

    /*******************/
    /* pagge accueil */
    /*******************/
    .jcarousel-wrapper {
        position: relative;
    }

    /** Carousel **/
    .jcarousel-home, .jcarousel-presse {
        position: relative;
        overflow: visible;
    }
    .jcarousel-home ul, .jcarousel-presse ul{
        width: 100%;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .jcarousel-home li, .jcarousel-presse li {
        float: none;
        padding-right: 0;
    }
    .jcarousel-home img, .jcarousel-presse img{
        width: 100% !important;    
        vertical-align: top;
    }

    .jcarousel-home li, .jcarousel-presse li{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    /*******************/
    /* projet */
    /*******************/
    .bloc_contenu{
        position: relative;
        top: 0;
        left: 0;
        padding-bottom: 20px;
    }

    .projet_contenu.w6col{
        width: 100%;

    }

    /*********************/
    /* PRESSE */
    /************/
    .container-carrousel-presse{
        margin-top: 0px;
    }

    /**********************/
    /* A PROPOS */
    /**********************/

    .bloc-apropos{
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .apropos-visuel{
        position: relative;
        left: 0;
        top: 0;        
        width: 100%;
    }

    .apropos-visuel img{
        width: 100%;
        border: none;
    }

    .apropos-biographie{
        position: relative;
        left: 0;
        top: 0;        
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }

    .apropos-contact{
        position: relative;
        left: 0;
        top: 0;        
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }

    .apropos-nosclients{
        position: relative;
        left: 0;
        top: 0;        
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }

    .bloc-contact .w5col{
        display: none;
    }
    .container-carrousel {
        margin-top: 0px;
    }
}

/*@media screen and (min-width: 959px) and (max-width: 1330px){
    .projet_contenu.w6col{
        width: 100%;
        padding-right: 20px;
    }
}*/