/*
Theme Name: Parella
Author: Symediane

 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
  text-decoration : none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/**
 * Remove margin on ul.
 */

ul { margin : 0; list-style-type: none;}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
  max-width: 100%;
  height : auto;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

::selection {
  background: #f47814;
  color: #000000;
  text-shadow: none;
}

::-moz-selection {
  background: #f47814;
  color: #000000;
  text-shadow: none;
}

a, .block-client, input[type=submit]{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;}

/* For modern browsers */
.cf:before,.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom: 1;
}

/** OWL CAROUSEL CSS
*   
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgb(0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.html) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}



.owl-theme .owl-controls{
  text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);/*IE7 fix*/
  opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
}


/* preloading images */
.owl-item.loading{
  min-height: 150px;
  /*background: url(AjaxLoader.gif) no-repeat center center*/
}

/***** FIN CSS OWL CAROUSEL *****/


/***** CSS GLIDE *****/

.slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slider a{
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.slider__wrapper {
  height: 100%;
  list-style: none;
  overflow: hidden;
  *zoom: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.slider__item {
  height: 100%;
  float: left;
  clear: none;
}

.slider__nav {
 position : relative;
 min-width : 30px;
 min-height: 30px;
}

.slider__nav-item { 
  display : block; 
  width : 10px; 
  height : 10px; 
  background: url('images/pagination-button.png') no-repeat top left; 
  margin-right : 10px;
  float: left;
  clear : none;
}

.slider__nav-item--current {
  background-position: 0px -10px;
}
.slider__nav-item:hover {
  background-position: 0px -10px;
}

/***** FIN CSS GLIDE *****/



@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.html') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('fonts/opensans-condbold-webfont.eot');
    src: url('fonts/opensans-condbold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condbold-webfont.woff') format('woff'),
         url('fonts/opensans-condbold-webfont.html') format('truetype'),
         url('fonts/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.html') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.html') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helvetica_neue57Regular';
    src: url('fonts/helveticalt57condensed.eot');
    src: url('fonts/helveticalt57condensed.eot') format('embedded-opentype'),
         url('fonts/helveticalt57condensed.html') format('woff2'),
         url('fonts/helveticalt57condensed.woff') format('woff'),
         url('fonts/helveticalt57condensed-2.html') format('truetype'),
         url('fonts/helveticalt57condensed.svg#HelveticaNeueLT57CnRegular') format('svg');
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-lightitalic-webfont.html') format('woff2'),
         url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-lightitalic-webfont-2.html') format('truetype'),
         url('fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kompaniregular';
    src: url('fonts/kompanihhf-webfont.eot');
    src: url('fonts/kompanihhf-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/kompanihhf-webfont.html') format('woff2'),
         url('fonts/kompanihhf-webfont.woff') format('woff'),
         url('fonts/kompanihhf-webfont-2.html') format('truetype'),
         url('fonts/kompanihhf-webfont.svg#kompaniregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/***PARELLA
 * -----------------------------------------------------------------------------
***/
.left{float:left;}
.right{float:right;}
.justify { text-align : justify; }
.zone_utile{width:1200px;margin:auto;position: relative}
.inline-block { display: inline-block; font-size: 1rem; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align : center; }
.orange { color: #f47814; }
body,#page{background:#f8f8f8;font-family: 'open_sansregular';}
.clear { clear : both; }


h2 { font-family : 'open_sanslight'; font-size : 26px; font-weight : normal; margin-top : 0; }
h3 { font-size : 20px; font-weight: bold; }
p { font-size : 16px; }

#phrase_intro h2, #phrase_intro p{ font-size : 26px; }


#content_detail li {
    list-style-type: disc;
}


/** HEADER **/
header#masthead { position : relative; top:0; height :106px; z-index: 3000;}
#shadow_header { position : absolute; top : 0; width : 100%; height: 220px; background: url('images/shadow-header.png') repeat-x top left; z-index : 4;}

#bandeau_top { background-color: transparent; width : 100%; height : 26px; position: absolute; top : 0; z-index: 5;}
#bandeau_top ul li { float : left; margin-left: 12px; color : #FFFFFF; list-style-type: none; font-family : 'open_sansregular'; font-size : 12px;}
#bandeau_top ul li a { color : #FFFFFF; line-height : 30px; text-decoration : none;}
#bandeau_top ul li a:hover { color: #f47814; }


#header_nav { position : absolute; top : 26px; z-index: 10; width : 100%;}

.header-main { width : 100%; height : 76px; position : fixed; box-sizing: border-box; }
#logo-header a { text-decoration : none; line-height : 86px;}
.header-main .site-title {margin : 0;}
.header-main nav { display : inline-block; line-height : 76px; }
.header-main nav a{ text-transform: uppercase; color : #FFFFFF; text-decoration: none;}
.header-main nav > div > ul > li > a:hover,
.header-main nav > div > ul > li > a:focus, 
.header-main nav  li.current-menu-item  > a,
.header-main nav  .current-menu-parent  > a,
section#clients_body #clients #clients_right ul li a.current
 {
    color : #f47814
}
.header-main nav > div > ul > li.menu-item-has-children:hover { 
  background: url('images/encoche_menu.png') center bottom no-repeat;
}

/** HEADER FIX **/
#masthead.shrink { position : fixed; }
.header-main .zone_utile { border-bottom: 1px solid #FFFFFF; }
.shrink .header-main { height : 50px; top: 0; background-color: #1f1f1f; border-bottom : 1px solid #FFFFFF; }
.shrink .header-main .zone_utile { border: none; }
.shrink .header-main #logo-header { height : 50px; }
.shrink .header-main #logo-header a { line-height: 60px; }
.shrink .header-main nav { line-height : 50px; }
.logged-in .shrink .header-main { top : 32px; }




.header-main nav ul li { float : left; list-style-type: none; padding-left: 28px; padding-right: 28px; font-family: 'open_sansregular';font-size: 14px;}
.header-main nav ul li:last-child { padding-right : 0; }
.header-main #logo-header { height : 76px; }

.menu-item-631 > ul.sub-menu > li { width: 33.33%; }


.header-main .sub-menu {
    display: none;
    position: absolute;
    left: 0px;
    right : 0;
    margin-top: 0px;
    /*-moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;*/
    padding: 20px 20px 10px 47%;
    background: #FFFFFF;
    background: rgb(255,255,255);
    background: rgba(255,255,255,.85);
    line-height : normal;
    font-size : 0;
}

.header-main .mini-sub-menu .sub-menu {
  padding-left : 56%;
}
/*.sub-menu:before {
    position: absolute;
    top: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 7px 6px;
    border-color: transparent transparent #ffffff transparent;
    content: " ";
    left: 40px;
}*/

.header-main .sub-menu li {
    float: none;
    padding: 0;
    margin: 0;
    line-height: 30px;
    white-space: nowrap;
    display: inline-block;
    width: 50%;
    height: auto;
}
.header-main .sub-menu a {
    text-transform: none;
    font-size: 16px;
    font-family: 'open_sansregular';
    color : #000000;
}
.header-main .sub-menu a:hover {
    color: #f47814;
}
.header-main .menu-item-has-children:hover .sub-menu {
    display: block;
}

#header_image { margin-top : -106px; width : 100%; height : 322px; padding-top : 215px; background-size: cover !important; }
#header_image.contact { 
  height : 100%;
  padding-top : 0;
  margin-top : 0;
  position : absolute !important;
}


#header_image.nous-rejoindre { padding-top: 156px; position : relative; height : auto; overflow: hidden;}
#header_image .citation-consultant { font-family : 'open_sanslight_italic'; font-size : 18px; color : #FFFFFF; position : absolute; top : 20px; margin-left: 0; max-width : 55%;}
#header_image .citation-consultant:before { content : '“'; font-size: 78px; position : absolute; top : -30px; left : -30px; } 
#header_image .citation-consultant:after { content : '“'; font-size: 78px; position : absolute; bottom : -30px; right : 0; transform : rotate(180deg); } 
#header_image .nom-consultant { font-family : 'open_sanslight'; font-size : 18px; color : #FFFFFF; position : absolute; bottom : 60px; }
#header_image .nom-consultant span { font-size: 13px; }
.image-consultant { position : absolute; bottom : 0; right : 0; }
.consultant-slider { height : 220px; }
blockquote { margin-left : 0; }
.consultant-slider .slide { 
  visibility: hidden;
  opacity: 0;
  text-align : left;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.consultant-slider .slide.current {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay:0s;
  -moz-transition-delay:0s;
  -o-transition-delay:0s;
  transition-delay:0s;
}

#btn_consultant { 
  display: block; 
  width: 232px; 
  height : 36px;
  line-height : 36px;
  border : 2px solid #FFFFFF; 
  text-align : center; 
  font-family : 'helvetica_neue57Regular'; 
  font-weight: bold; 
  color : #FFFFFF;
  text-transform : uppercase;
  background : url('images/call-comp-arrow.png') 95% center no-repeat;
  position : absolute;
  bottom : 25px;
  left : 50%;
  margin-left: -116px;
  background-color : rgb(0,0,0); 
  background-color : rgba(0,0,0,0.6); 
}

#btn_consultant:hover {
  -moz-box-shadow: 0px 0px 20px 0px #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px #ffffff;
  -o-box-shadow: 0px 0px 20px 0px #ffffff;
  box-shadow: 0px 0px 20px 0px #ffffff;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=20);
}


#content_img {
  color : #FFFFFF; text-transform: uppercase; text-align : left;
  /* MODIF TITRE HEADER */
  background-color: rgb(124,252,0);
  background-color: rgba(124,252,0,0.75);
  padding: 40px 20px 60px;
  box-sizing: border-box;
  box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.25);
}

#content_img.no-bg {background-color: transparent; padding : 0;}

#content_img.contact {background-color: transparent; padding: 180px 0 0; }
#content_img.contact .title { background-color: rgb(244,120,20); background-color: rgba(244,120,20,0.75); padding : 10px 20px; }

.page-template-contact { height : 100%; min-height: 912px; }
.page-template-contact #page { height : 100%; min-height: 912px; }
.page-template-contact #main { height : 100%; position : relative; margin-top : -106px; min-height: 912px;}

#content_img h1, #content_img span { /*padding-left : 5px;*/ padding-right: 5px; /**background-color : #f47814;**/ }
#content_img h2.long span { display : inline-block; color : #FFFFFF; padding : 5px; margin : 0; }

#content_img .contactForm span{ background-color: #FFFFFF; }

#content_img .title { font-family : 'kompaniregular'; font-size : 50px; display: inline; font-weight: normal; text-transform: none; color: black; }
#content_img hr { width : 100%; max-width: 300px; display: inline-block; border: none; border-top: 1px solid #FFFFFF; margin: 30px 0 15px; }
#content_img .subTitle { font-family: 'open_sanslight'; font-size: 24px; font-weight: normal; line-height: 24px; padding-bottom: 5px; display: inline; color: black;}

/** FOOTER **/
#colophon { background-color : #1f1f1f; width : 100%; min-height : 45px; position : relative; z-index: 20; padding : 55px 0; text-align: right; color : #FFFFFF;}
#colophon h5 { margin : 0; font-family : 'open_sansbold'; font-size : 16px; font-weight : normal; }
#colophon #footer-left p { font-size : 13px; line-height : 18px; }
#colophon #footer-left ul { margin : 0; padding : 0; }
#colophon #footer-left ul li { display : inline-block; }
#menu-footer { margin : 0; padding : 0; }
#footer-left a { line-height: 45px; color : #FFFFFF;}
#footer-left a:hover { text-decoration: underline; }
#footer-left .ico { margin-right : 15px; }
.footer-right { display : inline-block; line-height: normal; text-align : left;}
.footer-right .nav-menu > li:first-child { margin-left : 20px; }
.footer-right .nav-menu > li, .footer-right li.uppercase { font-family: 'open_sansbold'; font-size : 14px; text-transform : uppercase; margin-left : 80px; display : inline-block; }
.footer-right .nav-menu > li > a, .footer-right li.uppercase > a { margin-bottom : 10px; display : block; }
.footer-right li{ font-family: 'open_sansregular'; font-size : 12px; vertical-align : top; }
.footer-right li a { white-space: nowrap; color : #FFFFFF;}
.footer-right li a:hover { color : #f47814; }
.footer-right .sub-menu { margin : 0; padding : 0; text-transform: none; line-height : 19px;}
.footer-right .sub-menu li { display : block; margin : 0; }

section.first-content { width : 100%; background : url('images/section-bg.jpg') top left no-repeat #FFFFFF; background-size: cover; padding-top: 72px;padding-bottom: 92px;}
section.first-content #phrase_intro { font-family: 'open_sanslight'; font-size : 26px; line-height : 34px;text-align : center;display: block;}
section #call_button { display : block; margin : 75px auto 0 auto; width : 90%; max-width : 406px; min-height : 59px; background : url('images/call-comp-arrow.png') no-repeat 322px center #1f1f1f; color : #FFFFFF; text-transform: uppercase; font-family : 'helvetica_neue57Regular'; font-size : 18px; font-weight: bold; line-height: 59px;text-align: center}

/*divers*/
#phrase_intro + hr {width : 52px; color: #a6a6a6;margin-top: 30px;margin-bottom: 40px;}
.bouton-orange {
    color: #fff;
    background: #f47814;
    font-size: 13px;
    text-transform: uppercase;
    padding: 6px 13px;
    font-family: 'helvetica_neue57Regular';
    font-weight: bold;
    display: inline-block;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor:pointer;
}

.bouton-orange:hover, section#clients_body #clients .block-client a.more:hover {
  background-color: #1f1f1f;
}

.bouton-contour {
    color: #535257;
    background:none;
	border:2px solid #535257;
    font-size: 13px;
    text-transform: uppercase;
    padding:4px 9px;
    font-family: 'helvetica_neue57Regular';
    font-weight: bold;
    display: inline-block;
}

.bouton-contour:hover{
  background-color: #535257;color:#ffffff;
}

.competences-btn {
  width: 280px;
  height: auto;
  box-sizing: border-box;
  text-align: center;
}

/** HOME
*
*/

#slider_actu { position : relative; }
#slider_header { margin-top :0; }
#home_carousel { max-height: 698px; }
.slideCarrousel { height : 458px; padding-top: 240px; }

.contenuCarrousel { color: #FFFFFF; text-align: left; font-family: 'open_sansbold'; font-size: 43px; text-transform: uppercase; background-color: #f47814; padding: 5px 15px;}
.contenuCarrousel span { font-family: 'open_sanslight'; font-size: 27px; line-height: 34px; background-color: none;}
#slider_header .arrow, #associes .arrow { width : 100px; height : 100px; cursor : pointer; position : absolute; top : 50%; margin-top: -50px; }
#slider_header .arrow.arrow_left, #associes .arrow#arrow_left { background : url('images/slider-arrow-left.png') no-repeat center left; left : 30px;}
#slider_header .arrow.arrow_right, #associes .arrow#arrow_right { background : url('images/slider-arrow-right.png') no-repeat center right; right : 30px;}


#btn_slider { 
  display: block;
  position : relative;
  width : 90%;
  max-width: 402px;
  height: 25px;
  margin: 15px auto 15px auto;
  padding: 15px 0;
  text-align: center;
  border: 2px solid #FFFFFF;
  font-family: 'helvetica_neue57Regular';
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
  text-transform: uppercase;
  background: url('images/call-comp-arrow.png') no-repeat 367px 18px;
  background-color : rgb(0,0,0);
  background-color : rgba(0,0,0,0.7);
}

#btn_slider:hover {
  -moz-box-shadow: 0px 0px 20px 0px #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px #ffffff;
  -o-box-shadow: 0px 0px 20px 0px #ffffff;
  box-shadow: 0px 0px 20px 0px #ffffff;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=20);
}

#home_body { position : relative; padding-top: 48px; }
#home_body #competences { margin-top : 75px; }
#home_body #bandeau_blanc { width : 100%; min-height : 150px; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.7); border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; margin-top: 56px; text-align: center;}
#home_body #bandeau_blanc #contenu_bandeau_blanc { text-align : left; display: inline-block; height : 100%;}

#partie_droite, #partie_gauche {  display: inline-block;  font-family: 'open_sansregular'; font-size: 17px; line-height: 28px; color: #797979; text-align: left; vertical-align: middle; padding : 20px 0; }
#partie_gauche { width: 565px; }
#partie_droite {padding-left: 30px; margin-left: 30px;border-left: 1px solid #d5d5d5; width: 564px; }

#home_body .actualites { padding-top : 35px; }
#home_body .actualites h2 { font-family: 'open_sanslight'; font-size: 30px; color : #1f1f1f; font-weight: normal; margin : 0; margin-bottom: 24px; }


.block-articles-carrousel { width : 385px; display: inline-block; vertical-align: top; text-align : left; margin-right: 22px;}
.block-articles-carrousel .image { width : 385px; height : 178px; position : relative; overflow : hidden;}
.block-articles-carrousel .image p.titre { position : absolute; bottom : 15px; right : 20px; font-family: 'helvetica_neue57Regular'; font-weight: bold; font-size : 19px; text-transform: uppercase; color : #FFFFFF; margin: 0;}
.block-articles-carrousel .localisation { font-family : 'open_sansbold'; font-size: 15px; color : #4b4b4b;}
.block-articles-carrousel .localisation span{ margin-left: 6px; color : #f47814;}
.block-articles-carrousel .description { font-family: 'open_sansregular'; font-size : 13px; color : #777777; margin-top : 12px; margin-bottom : 10px; }
.block-articles-carrousel a.more { font-family: 'helvetica_neue57Regular'; font-weight: bold; font-size : 13px; text-transform: uppercase; color : #FFFFFF; background-color: #f47814; padding : 6px 13px;}

#slider_actu .arrow { width : 13px; height : 23px; cursor : pointer; position : absolute; top : 35%;}
#slider_actu .arrow#arrow_left { background : url('images/home-actu-left-arrow.png') no-repeat top left; left : -20px;}
#slider_actu .arrow#arrow_right { background : url('images/home-actu-right-arrow.png') no-repeat top right; right : -20px;}

/** Compétences
*
*/

section#competences_body a { color : #FFFFFF; }
section .block-competences { width : 100%; max-width : 396px; height : 183px; display: inline-block; position : relative; color : #FFFFFF; text-align : right; margin-right: 0px; margin-bottom: 5px; overflow : hidden;}
section .block-competences.last { margin-right : 0; }
section .block-competences p { text-transform : uppercase; position : absolute; top : 102px; right : 36px; font-family : 'helvetica_neue57Regular'; font-size : 21px; font-weight: bold; z-index: 20;}
section .block-competences p.ligne-solo { top : 115px; }
section .block-competences img { position : absolute; top: 136px; right: 8px; z-index: 20;}
section .block-competences .hover-comp { width : 100%; height : 100%; background : url('images/comp-bg-hover.png') top left; position : absolute; bottom : -183px; text-align : right;}
section .block-competences .hover-comp #info_comp { width : 90%; margin : 80px auto 0; padding-top : 10px; border-top: 1px solid; border-color: rgb(255,255,255); border-color: rgba(255,255,255,0.3); font-family: 'open_sansregular'; font-size: 14px; line-height: 20px;}
section .block-competences .hover-comp #info_comp .plus { color : #000000; font-size : 16px; }


/** Compétences Détail
*
*/
.detail { padding-top : 50px; padding-bottom: 78px;}
#content_detail{ width : 842px; padding-right: 50px; font-family: 'open_sanslight'; /*font-size : 14px;*/ line-height: 23px; color : #545454; text-align: justify; float : left;}
.detail #content_detail h1 { font-family : 'open_sanslight'; font-size : 31px; text-align : left; color : #f47814; line-height: 40px; margin : 0px 0 30px;}

.detail #project_detail { width : 278px; padding : 0 0 0 28px; border-left : 1px solid #bbb; float : left;}
.detail #project_detail .title{ font-family: 'open_sanslight'; font-size : 18px; text-align : left; line-height : 24px; color : #1f1f1f; margin : 0 0 18px 0;font-weight: bold;}
.detail #project_detail ul { padding : 0; }
.detail #project_detail ul li{ margin-bottom: 12px; display : inline-block; }
.detail #project_detail .block-projet { position : relative; width : 280px; height : 159px;}
.detail #project_detail .block-projet span { position : absolute; z-index : 5; bottom : 14px; right : 18px; text-align: right; font-family: 'helvetica_neue57Regular'; font-size: 19px; font-weight: bold; color : #FFFFFF; text-transform: uppercase;}
.detail #project_detail .block-projet .shadow { position : absolute; top : 0; left : 0; width : 100%; height : 100%; z-index : 4; background: url('images/shadow-actu.png') bottom left repeat-x;}
.detail #project_detail ul li p { font-family : 'open_sansbold'; font-size : 13px; color : #4b4b4b; text-align : left; text-transform: uppercase; margin: 3px 0 0 0;}

.page-template-page-templatescompetence_detail-php #content_detail h2 { color : #f47814; }

.detail #competences { clear : both; }
.detail #competences .title { font-family : 'open_sanslight'; font-size : 31px; line-height: 40px; color : #1f1f1f; text-align: left; margin-bottom : 44px; font-weight: bold}


/** Associés
*
*/
section#associes_body #associes { width : 100%; height : 434px; position : relative; vertical-align: bottom; overflow : hidden; margin-top: 40px; color : #1f1f1f; background : url('images/bg-associes.jpg') center center no-repeat #989898; background-size: cover;}
section#associes_body #associes .zone_utile { height : 100%; }

section#associes_body #associes .owl-wrapper-outer { height : 100%; }
section#associes_body #associes .owl-wrapper { height : 100%; }
section#associes_body #associes .owl-item { height : 100%; }

section#associes_body #associes ul { height : 100%; padding: 0; }
section#associes_body #associes ul li {position : relative; height: 100%; background-position: center top, center top; background-repeat:  no-repeat, no-repeat; background-size: contain, 0%; }
section#associes_body #associes ul li:hover, section#associes_body #associes ul li.current { background-size: 0%, contain; }
section#associes_body #associes ul li .post-it { height: 154px; background-color: #FFFFFF; color: #2a2a2a; text-align: center; border-top: 4px solid #000000; border-right: 1px solid #d7d6d7; position: absolute; bottom: -89px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
section#associes_body #associes ul li:not(.current):hover .post-it, section#associes_body #associes ul li:not(.current):focus .post-it { border-top-color: #f47814; bottom : 0; }
section#associes_body #associes ul li span { font-family: 'open_sanslight'; font-size: 25px;  line-height : 50px; display: block; height : 50px; width : 100%;}
section#associes_body #associes ul li p { font-family : 'open_sansregular'; font-size : 13px; text-align : center; color : #1f1f1f; line-height: 19px; padding : 0 18px;}
section#associes_body #associes_bottom { width : 100%; max-width: 800px; font-family: 'open_sanslight_italic'; font-size: 23px; margin: 64px auto 0 auto; line-height: 32px;text-align: center;}
section#associes_body #associes_bottom p { margin : 0; }
section#associes_body #call_button { margin-top : 32px; max-width : 400px; background-position-x : 365px;}


section#associes_body #associes ul li.current div.post-it { border-top-color : #f47814; color : #f47814; }
section#associes_body #associe_introduction { text-align: left; padding-top : 45px;}
section#associes_body #associe_introduction h1{ font-family: 'open_sanslight'; font-size: 31px; font-weight: normal; margin : 0;}
section#associes_body #associe_introduction h2{ font-family: 'open_sansregular'; font-size: 16px; font-weight: normal; color : #f47814;margin : 0;}
section#associes_body #associe_detail_left, section#associes_body #associe_detail_right { width : 47%; padding-top : 42px; text-align : left;}
section#associes_body #associe_detail_left #chapeau { margin: 0; padding-left: 14px; padding-top: 7px; font-family: 'open_sanslight_italic'; font-size: 18px; }
section#associes_body #associe_detail_left #contenu { padding-top : 30px; }
section#associes_body #associe_detail_left #contenu p{ margin : 0; font-family : 'open_sanslight'; font-size: 14px; color : #545454; text-align : justify; line-height : 23px;}

section#associes_body #associe_detail_right ul { padding-left : 0; }
section#associes_body #associe_detail_right li { margin-bottom: 20px; padding-left: 15px; background: url('images/carac-arrow.png') top left no-repeat; background-position-y: 8px; }
section#associes_body #associe_detail_right .titre-carac{ font-family : 'open_sansregular'; font-size : 14px;}
section#associes_body #associe_detail_right .detail-carac{ font-family : 'open_sanslight'; font-size: 14px; color: #545454;}
section#associes_body #associe_detail_right h4 { padding-left : 15px; margin-top: 40px; margin-bottom : 10px; font-size : 20px; font-weight: normal; }
section#associes_body #associe_detail_right p { padding-left : 15px; font-family: 'open_sanslight'; font-size: 14px; text-align: justify; line-height: 23px; }

section#associes_body #call_button.associee_detail { margin-top : 98px; }


#call_button:hover, section#clients_body #clients #filtre ul li input[type=submit]:hover {
  background-color: #f47814;
}


/** Actualités Liste
*
*/
section.first-content#actualites_body { padding-top : 68px; }
section#actualites_body #actualites { height : auto; min-height: 500px; }
section#actualites_body #actualites #actualites_left { width: 890px; padding-right : 30px; padding-bottom: 50px;}


.actualites .block-actu { width : 100%; max-width : 385px; height : 263px; margin-right: 20px; margin-bottom : 47px; text-align : left; display : inline-block; vertical-align: top;}
.actualites .block-actu .image { max-width : 385px; width : 100%; height : 178px; position : relative; z-index : 3;}
.actualites .block-actu .image p.titre { position : absolute; bottom : 15px; right : 15px; left: 15px; font-family: 'helvetica_neue57Regular'; font-weight: bold; font-size : 19px; text-transform: uppercase; color : #FFFFFF; margin: 0; text-align: right; z-index: 5;}
.actualites .block-actu .image .shadow { position : absolute; top : 0; left : 0; width : 100%; height : 100%; z-index : 4; background: url('images/shadow-actu.png') bottom left repeat-x;}
.actualites .block-actu .description { font-family: 'open_sansregular'; font-size : 13px; color : #777777; margin-top : 12px; margin-bottom : 10px; text-align: left;}
.actualites .block-actu.last-right { margin-right: 0; }
.actualites .block-actu.last-bottom { margin-bottom: 0; }

/** SLIDER Actu **/
.actualites .owl-item .block-actu{ margin: 0 auto 47px auto; }

/*colonne chiffres*/
#chiffres { width : 232px; background-color: #e3e3e3; height: 100%; float: left; left : 928px; text-align : center; padding-bottom: 20px;}
#chiffres p, .block-chiffre p { margin : 0; }
#chiffres .nombre, .block-chiffre .nombre { font-family: 'open_sansbold'; font-size : 38px; line-height : 10px; color : #1f1f1f; margin-top: 20px; margin-bottom : 20px;}
#chiffres .sous_titre, .block-chiffre .sous_titre { font-family : 'open_sansbold'; font-size: 18px; line-height: 25px; color: #f47814; text-transform: uppercase; margin-bottom : 0px;}
#chiffres .texte, .block-chiffre .texte { font-family: 'open_sanslight'; font-size: 14px; line-height: 23px; color : #545454; margin-bottom: 31px; padding : 0 20px;}
#chiffres hr, .block-chiffre hr { color : #bbbbbd; margin : 0 5% 26px 5%;}
#chiffres a { font-family: 'helvetica_neue57Regular'; font-weight: bold; font-size : 13px; text-transform: uppercase; color : #FFFFFF; background-color: #f47814; padding : 6px 15px;}

/**   Actualité  **/

section#actualites_body #actualites #actualites_left p#titre_actu { font-family: 'open_sanslight'; font-size: 31px; color: #f47814; margin-top: 0; margin-bottom: 3px; }
section#actualites_body #actualites #actualites_left p#date_actu { font-family: 'open_sanslight'; font-size : 14px; color : #1f1f1f; margin-top : 0px; margin-bottom: 24px;}
section#actualites_body #actualites #actualites_left div#contenu_actu { font-family: 'open_sanslight'; font-size: 14px; color : #545454; line-height : 23px; margin-top : 30px; text-align : justify; padding-bottom: 50px;}



/** Clients
*
*/

section#clients_body.first-content { background-attachment: fixed; }
section#clients_body #clients #filtre{ border-top : 3px solid #1f1f1f; width : 100%; min-height : 94px; background-color: #dbdbdb; text-align : left; margin-top : 34px;} 
section#clients_body #clients #filtre ul { margin-left : 2%; padding: 15px 0; min-height : 54px; margin-top : 11px; font-size : 0;}
section#clients_body #clients #filtre ul li { display : inline-block; padding-right: 1%; width : 29%;}
section#clients_body #clients #filtre ul li:last-child { width : 10%; padding-right : 0;  }
section#clients_body #clients #filtre ul li span{ font-family : 'open_sansbold'; font-size: 12px; text-transform: uppercase; color : #f47814; }
section#clients_body #clients #filtre ul li select { width: 99%; height: 38px; padding-left: 1%; border: 1px solid #abadb3; font-family: 'open_sanslight'; font-size: 13px; color : #000000; border-radius: 2px;}
section#clients_body #clients #filtre ul li input[type=submit] { width : 88%; padding: 7px 6% 8px 6%; background-color: #1f1f1f; color : #FFFFFF; cursor:pointer; border : none; font-size : 16px; -webkit-appearance: none; border-radius : 0;}
section#clients_body #clients h2 { font-family: 'open_sanslight'; font-size: 30px; color : #1f1f1f; text-align : left;font-weight: normal;margin-top: 40px;margin-bottom: 28px;}
section#clients_body #clients #projet_client { position : relative; height : auto; text-align: left; min-height : 1100px;}
section#clients_body #clients .clients_left { max-width : 918px; width : 100%; margin-right : 34px; margin-left : -24px; min-height: 1100px;}
section#clients_body #clients .block-client { width : 282px; min-height : 294px; margin-left: 21px; margin-bottom : 40px;display: inline-block; vertical-align: top; text-align: left;}
section#clients_body #clients .block-client .image { width : 282px; height : 159px; position : relative; overflow : hidden;}
section#clients_body #clients .block-client .image p.titre { position : absolute; bottom : 15px; right : 20px; font-family: 'helvetica_neue57Regular'; font-weight: bold; font-size : 19px; text-transform: uppercase; color : #FFFFFF; margin: 0; z-index: 12;}
section#clients_body #clients .block-client .image .img-logo { position : absolute; width : 282px; height : 159px; top : 0; left : 0; display : none; z-index : 15;}
section#clients_body #clients .block-client .image .shadow { position : absolute; width : 282px; height : 159px; top : 0; left : 0; z-index : 10; }
section#clients_body #clients .block-client .localisation { font-family : 'open_sansbold'; font-size: 15px; color : #4b4b4b;}
section#clients_body #clients .block-client .localisation span{ margin-left: 6px; color : #f47814;}
section#clients_body #clients .block-client .description { font-family: 'open_sansregular'; font-size : 13px; color : #777777; margin-top : 12px; margin-bottom : 10px; min-height : 60px;}
section#clients_body #clients .block-client a.more { font-family: 'helvetica_neue57Regular'; font-weight: bold; font-size : 13px; text-transform: uppercase; color : #FFFFFF; background-color: #f47814; padding : 6px 13px;}
section#clients_body #clients .block-client.last-right { margin-right: 0; }
section#clients_body #clients .block-client.last-bottom { margin-bottom: 0; }
section#clients_body #clients #clients_right { width : 232px; border-left: 1px solid #bbb; height: 100%; position: absolute; left : 928px; text-align : left; padding-left : 20px; padding-right : 20px; overflow: auto;}
section#clients_body #clients #clients_right ul { padding-left : 0; margin-top : 0; }
section#clients_body #clients #clients_right ul li a{ margin-bottom : 12px; font-family: 'open_sansregular'; font-size : 14px; color : #545454; text-transform: uppercase; }
section#clients_body #clients #clients_right ul li a:hover { color : #f47814; }

section#clients_body #clients #projet_client .clients_left#filtre_resultat { display: none; position : relative;}

#scroll_loader { width : 16px; height : 16px; margin : 0 auto; background : url('images/scroll-loader.gif') top left no-repeat; visibility : hidden; }
#recherche_loader { position : absolute; top : 60px; left : 35%; width : 32px; height : 32px; margin-left : -16px; background : url('images/recherche-loader.gif') top left no-repeat; z-index : 100; visibility: hidden;}
#cancel_recherche { width : 30px; height : 30px; display : inline-block; vertical-align: middle; margin-left: 20px; border : none; padding: 0; background-color: transparent; }
#cancel_recherche img { width : 100%; height : auto; vertical-align: top;}


section#clients_body #clients .archive { margin-left : -18px; }
section#clients_body #clients .archive .block-client {margin-left : 18px;}

#client_carousel { min-height : 449px; }
#client_carousel .slideCarrousel { padding-top: 0; height : 449px; }
#client_carousel .slideCarrousel a { display : block; width : 100%; height : 100%; }
#content_img.page_client { margin-top : -290px; margin-bottom : 50px; }


/** Clients Détails
*
*/
section.first-content#projet_body { padding-top : 42px; }


section#projet_body #masonryContainer { position : relative; min-height : 910px; }
section#projet_body #masonryContainer .masonry { display : inline-block; vertical-align: top; position : absolute;}

.hidden { display : none; }
section#projet_body #photoSuite a.hidden { margin-right: 20px; width: 100%; max-width: 285px; height: 230px; vertical-align: top; margin-bottom: 20px; }
section#projet_body #photoSuite a.hidden div { width : 100%; height : 100%; }


section#projet_body #text_descriptif { margin-bottom : 42px; font-family: 'open_sanslight'; font-size: 31px; color : #545454;}

section#projet_body #masonryContainer #first-image { top : 0; left : 0; }
section#projet_body #masonryContainer #first-image img{ max-width : 627px; width : 100%; }
section#projet_body #masonryContainer #contenuText { top : 0; left : 634px; }
section#projet_body #masonryContainer #second-image { top : 216px; left : 634px; }
section#projet_body #masonryContainer #third-image { top : 216px; left : 941px; }
section#projet_body #masonryContainer #contenuInterlocuteurs { top : 317px; left : 941px; }
section#projet_body #masonryContainer #fourth-image { top : 673px; left : 0px; }
section#projet_body #masonryContainer #contenuMission { top : 455px; left : 0px; padding-left: 0; width : 300px; height : 210px; overflow-y : auto;}
section#projet_body #masonryContainer #fifth-image { top : 455px; left : 307px; }
section#projet_body #masonryContainer #sixth-image { top : 800px; left : 307px; }
section#projet_body #masonryContainer #seventh-image { top : 455px; left : 573px; }
section#projet_body #masonryContainer #seventh-image img{ max-width : 627px; width : 100%; }



section#projet_body #masonryContainer #contenuText { max-width: 556px; width : 99%; padding-left: 1%; font-family: 'open_sanslight'; font-size: 14px; color: #545454; line-height: 20px; text-align: justify; max-height: 210px; overflow: auto; }
section#projet_body #masonryContainer #contenuText p { margin : 0; }
section#projet_body #masonryContainer .one_column { text-align: left; padding : 5px 0px 0px 20px; width : 253px; }
section#projet_body #masonryContainer .one_column h3{ font-family: 'open_sansregular'; font-size: 21.43px; line-height : 24px; color : #f47814; margin-top: 0; margin-bottom : 6px;}
section#projet_body #masonryContainer #contenuInterlocuteurs h3 { margin-top : 10px; }
section#projet_body #masonryContainer .one_column ul { padding-left: 0px; list-style-type: none;}
section#projet_body #masonryContainer .one_column ul li { font-family: 'open_sansregular'; font-size: 14px; line-height : 22px; color : #545454; background : url('images/check.png') no-repeat left center; padding-left: 23px; }


section#projet_body #photoSuite { font-size : 0; }
section#projet_body #photoSuite a div{ margin-right : 20px; width : 100%; max-width : 285px; height : 230px; vertical-align : top; display : inline-block; margin-bottom: 20px; }
section#projet_body #photoSuite .last { margin-right: 0; }

/** Nous rejoindre
*
*/
section#nous_rejoindre_body h2 {
    font-family: 'open_sanslight';
    font-size: 30px;
    color: #1f1f1f;
    font-weight: normal;
    margin: 0;
    margin-bottom: 24px;
}
section#nous_rejoindre_body #nous_rejoindre_left { width : 100%;/* max-width : 875px; margin-right : 53px;*/}
section#nous_rejoindre_body .bloc  { margin-bottom: 35px;}
section#nous_rejoindre_body .bloc .image { width : 100%; max-width: 350px; float: left; margin-right: 35px;}
section#nous_rejoindre_body .bloc .image img{ width : 100%; height : auto; }
section#nous_rejoindre_body .bloc .texte { width : 100%; max-width: 490px; float: left; font-family: 'open_sanslight'; font-size: 14px; text-align : left;}
section#nous_rejoindre_body .bloc .title { color: #f47814; font-size: 16px; margin-bottom: 10px; font-family: 'open_sansregular'; }
section#nous_rejoindre_body .bloc .contenu { line-height: 1.7;text-align: justify; }

#consultants {
    margin-bottom: 50px;
    margin-top: 50px;
}
#consultants .consultant {
    width: 21%;
    float: left;
    text-align: center;
    font-family: 'open_sanslight';
    font-size: 14px;
    padding: 0 2%;
    max-width: 198px;
    line-height: 1.5;
}
#consultants .consultant img{
    width: 210px;
}
#consultants .consultant:first-child {
    padding-left: 0;
}
#consultants .consultant .nom {
    font-size: 18px;
    margin-top: 5px,
}
#consultants .consultant .sous-titre {
    color: #f47814; 
}
#offres .offre {
    background: #fff;
    margin-bottom: 20px;
    padding: 15px 30px 20px;
    text-align: left;
}
#offres .offre .titre {
    /*text-transform: uppercase;*/
    font-size: 15px;
    font-family: 'open_sansbold';
    margin-bottom: 10px;
}
#offres .offre .contenu {
    color: #777;
    font-family: open_sansregular;
    font-size: 14px;
    margin-bottom: 10px;
}


/***Nous rejoindre v2***/

.liste-offres{margin-bottom:10px;margin-top:40px;text-align:left;}

.offre-emploi{width:49%;margin-bottom:40px;text-align:left;position:relative;display:inline-block;vertical-align: top;}
.offre-emploi h3{color:#f47814;text-transform:uppercase;font-size:18px;font-family: 'helvetica_neue57Regular';}
.offre-emploi .description{padding-right:50px;border-left:3px solid #535257;padding-left:17px;}
.offre-emploi .description p{color:#777777;font-size:13px;}

.formulaire-offre{background:#f47814;position:absolute;width: 200%;z-index: 100;margin:25px 0;color:#ffffff;}
.formulaire-offre .content-form{padding:27px;}
.formulaire-offre.close{display:none;}

.formulaire-droit{left: -101%;}

.formulaire-offre .bt-close{cursor:pointer;display:block;width:16px;height:16px;background:url(images/bt-close.png);right:0;top: 4px;position: absolute;}
.formulaire-offre h4{font-size:20px;font-family: 'helvetica_neue57Regular';padding-bottom:26px;border-bottom:1px solid #ffffff;position: relative;margin:0;margin-bottom:28px;}

.formulaire-offre input{color:#1f1f1f}

.formulaire-offre .bt-envoyer{text-align:center;    padding: 0;}
.formulaire-offre .wpcf7-submit{font-family: 'helvetica_neue57Regular';text-transform:uppercase;color:#ffffff;border:0;background:#1f1f1f;font-size:14px;padding:13px 23px;text-align:center;-webkit-transition: all 0.4s ease;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.4s ease;/* Firefox 4-15 */
	-o-transition: all 0.4s ease;/* Opera 10.5-12.00 */
	transition: all 0.4s ease;/* Firefox 16+, Opera 12.50+ */}
.formulaire-offre .wpcf7-submit:hover{background:#ffffff;color:#1f1f1f}
.formulaire-offre .zone-fichiers{padding:27px 0;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;text-align: center;margin:28px 0;}
.w50{width:50%;float:left;margin-bottom:20px;}
.w50.champs-droite{width:45%;}
.w100{width:100%;float:left;margin-bottom:20px;}
.formulaire-offre label{font-family: 'helvetica_neue57Regular';font-size:18px;height:38px;line-height:38px}
.formulaire-offre .champs-droite{margin-left:5%}
.w50 label{width:24%;float:left}
.w50 input{width:76%;}
.w100 label{width:12%;float:left}
.w100 input{width:88%;}

.w50 input,.w100 input{float:right;height:38px;line-height:38px;border:0;background:#ffffff;padding:10px;-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;z-index: 100;position:relative;}
span.wpcf7-not-valid-tip {
    position: relative;
    z-index: 0;
}		  
.zone-fichiers .jfilestyle label{background:none;border:none;padding: 0 10px;}
.zone-fichiers .jfilestyle label span{font-family: 'helvetica_neue57Regular';font-size:18px;color:#ffffff;}		  
.zone-fichiers .jfilestyle{margin:0 15px;height: 22px;}
.zone-fichiers label .count-jfilestyle{font-family: 'open_sansregular' !important;font-size:12px !important;position: absolute;right: -18px;top:4px;background:url(images/file-ok.png) no-repeat !important;text-indent:-9999px;width:16px;height:16px;    border-radius: 0 !important;}
.zone-fichiers .jfilestyle:before{background:url(images/arrow.png);content:"";display:block;float:left;width:7px;height:11px;margin-top: 5px;}
.formulaire-gauche:before{background:url(images/top-form.png);content:"";display:block;position:absolute;width:26px;height:13px;top:-13px;left:30px;}
.formulaire-droit:before{background:url(images/top-form.png);content:"";display:block;position:absolute;width:26px;height:13px;top:-13px;left: 53%;}

/**
* International 
*
*/
#international_body .contenu-texte {
    color: #545454;
    font-family: open_sanslight;
    font-size: 14px;
    text-align: center;
    margin-bottom: 70px;
    padding: 0 10%;
}
#international_body .bloc {
    background: #fff;
    background: rgb(255,255,255);
    background: rgba(255,255,255,.58);
    padding: 15px 5% 30px;
    float: left;
    width: 37.5%;
    font-family: open_sanslight;
}
#international_body .blocs .bleu {
    margin-right: 5%;
}
#international_body .blocs h2 {
    font-weight: normal
}
#international_body .blocs .bleu h2{
    color: #005a95;
}
#international_body .blocs .orange h2{
    color: #f47813;
}

#actualites_internationales h2 {
    font-family: 'open_sanslight';
    font-size: 31px;
    line-height: 40px;
    color: #1f1f1f;
    margin-bottom: 24px;
    font-weight: normal;
}
#kaplan {
    background: url('images/kaplan.png') no-repeat center;
    margin: 90px 0 40px;
    min-height: 330px;
}
#kaplan .kaplan-contenu {
    padding-left: 335px;
    font-size: 14px;
    font-family: 'open_sanslight';
}
#kaplan .titre {
    font-family: 'open_sanslight';
    font-size: 31px;
    line-height: 40px;
    color: #1f1f1f;
    margin-bottom: 5px;
    font-weight: normal;
    padding-top: 50px;
}
#kaplan .sous-titre {
    color: #f47814;
    font-size: 16px;
    font-family: open_sansregular;
    margin-bottom: 10px;
}
#kaplan .email a {
    color: #1f1f1f;
}
#kaplan .tel {
    margin-bottom: 20px;
}
#kaplan #call_button {
    margin-top: 20px;
    width : 100%;
    max-width: 300px;
    background-position:  270px center;
    min-height : 45px;
    line-height: 45px;
    margin-left: 0;
}

#actualites_right {
    float: left;
    width : 231px; 
    border-left: 1px solid #aaa;
    height: 100%; 
    padding-left : 20px; 
    padding-right : 20px;
}
#actualites_right .block-actu {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    margin-right: 0;
}
#actualites_right .block-actu .image {
    max-width: 100%;
}
#actualites_right .block-actu img {
    max-width: 100%;
}


#marker_parella {
  display : none;
}


/**
* Contact 
*
*/

.contactForm {
  position: relative;
  float: right;
  width: 100%;
  max-width: 323px;
  margin-bottom: 50px;
  padding: 26px;
  background-color: #FFFFFF;
  font-family: 'open_sansregular';
  font-size: 14px;
  line-height: 23px;
  color: #545454;
  text-align: left;
  -moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2);
  box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2);
  filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.2), Direction=135, Strength=0);
  text-transform: none;
}

.contactForm h2 {
  font-family: 'open_sanslight';
  font-size : 25px;
  font-weight: normal;
  color : #f47813;
  line-height : 40px;
  margin : 0;
}

.contactForm p{
  margin : 0;
}

.champContact {
  width : 100%;
  max-width : 308px;
  height : 34px;
  padding-left: 14px;
  font-family : 'open_sansregular';
  font-size : 13px;
  line-height : 36px;
  color : #858585;
  border : 1px solid #d4d4d4;
  margin-bottom : 7px;
}

.champContact#message {
  line-height: normal;
  height : 84px;
  padding-top : 10px;
  resize : none;
}

.captcha-field {
  margin-bottom : 14px;
}

.contactForm .btn {
  width : 100%;
  height : 59px;
  background : url('images/call-comp-arrow.png') no-repeat 70% center #1f1f1f;
  color : #FFFFFF;
  text-transform: uppercase;
  font-family : 'helvetica_neue57Regular';
  font-size : 18px;
  font-weight: bold;
  line-height: 59px;
  text-align: center;
  border : none;
  -webkit-appearance: none;
}


/** Chiffres clés
*
*
*/

section#basic_body.chiffre #content_detail { text-align : center; font-size : 0;}
.block-chiffre { display : inline-block; width : 276px; height : 208px; padding-bottom: 30px; margin-bottom: 30px;text-align : center; border-bottom: 2px solid #e2e2e2; line-height : 208px; }
.block-chiffre:last-child, .block-chiffre:last-child .chiffre-content { border : none; }
.block-chiffre .nombre { font-size : 72px; margin-bottom: 27px;}
.block-chiffre .sous_titre { line-height : 22px; }
.block-chiffre .texte { line-height : 22px; }
.chiffre-content { vertical-align: middle; display : inline-block; width : 90%; height : 100%; padding : 0 5%; }

/** MENU RESPONSIVE **/
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}

.clearfix ul:before,
.clearfix ul:after {
content: " ";
display: table;
}
.clearfix ul:after {
clear: both;
}
.clearfix ul {
*zoom: 1;
}

a#pull {
display: none;
}


#vid {
  width : 100%;
  height : 100%;
}

html:lang(en) .header-main .sub-menu li {
	white-space: normal;
	vertical-align: top;
}

.row {
  display: flex;
  flex-direction: row;
}




/**
 * media queries
 * -----------------------------------------------------------------------------
 */

@media (max-width: 1300px) {
  .zone_utile{width:95%; text-align : center;}

  .contactForm {
    text-align : left;
  }

  #partie_gauche { width : 100%; margin-bottom : 20px; margin-top : 20px;}
  #partie_gauche p { text-align : left !important; }
  #partie_droite { width : 100%; padding-left : 0; margin-left : 0; margin-bottom : 20px; border : none; }

  #content_detail {
    width : 100%;
    padding-right : 0;
  }

  .detail #project_detail {
    width: 100%;
    margin-top: 20px;
    padding-left : 0;
    border : none;
    margin-bottom : 40px;
  }

  #project_detail ul li {
    margin-right : 20px;
  }

  section#actualites_body #actualites #actualites_left {
    width : 100%;
    padding-right: 0;
  }

  #chiffres {
    width : 100%;
  }

  #actualites_right {
    width : 100%;
    padding : 0;
    border : none;
  }

  #actualites_right .block-actu {
    margin-right : 15px;
  }

  #kaplan {
    background : none;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.6);
  }

  #kaplan .kaplan-contenu {
    padding-left : 0;
    text-align: left;
  }

  section#projet_body #masonryContainer .masonry {
    position: static;
    margin-right: 10px;
  }

  section#projet_body #photoSuite .last {
    margin-right : 20px;
  }

  #recherche_loader {
    left : 50%;
  }



  /** Page Client **/
  .hidden {
    display : inline-block;
  }

  section#projet_body #masonryContainer {
    min-height: 0;
    margin-bottom: 40px;
  }

  section#projet_body #masonryContainer .masonry  img{
    display : none;
  }

  section#projet_body #masonryContainer .one_column {
    padding-left : 0;
    width : auto;
  }

  section#projet_body #masonryContainer #contenuMission h3 {
    margin-top : 10px;
  }


}

@media screen and (max-width: 1170px) {

  .header-main nav {
    height: auto;
    border-right: 0;
    float : left;
    width : 100%;
  }
  .header-main nav ul {
    display: none;
    padding : 0;
    height: auto;
    width : 100%;
    font-size : 0;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.9);
    border : 1px solid #9E9E9E;
    border-top: none;
  }

  .header-main nav ul.sub-menu {
    display: none;
    -moz-column-count: auto;
    -webkit-column-count: auto;
    column-count: auto;
    left : 0;
    padding-left: 0 !important;
    padding-right : 0 !important;
    background-color: #FFFFFF;
  }

  .header-main nav ul li {
    width: 50%;
    display : inline-block;
    line-height : 40px;
    margin : 0;
    text-align : left;

  }

  .header-main nav ul li a{
    padding-left: 10px;
    color : #000000;
  }

  .header-main nav a {
  text-align: left;
  width: 100%;
  text-indent: 25px;
  }

  .header-main nav a:hover {
  }

  .header-main a#pull {
  display: inline-block;
  width: 29px;
  height : 27px;
  position: absolute;
  top : 30px;
  right : 0;
  background: url('images/menu-icon.png') no-repeat;
  }

  .shrink .header-main a#pull {
    top : 12px;
  }

  /**#footer-left {
    float : none;
  }

  .footer-right {
    padding-left: 0;
    text-align: left;
    width : 100%;
  }


  .footer-right li {
    margin-left: 0;
    width: 50%;
    text-align: center;
  }

  .footer-right li.ico {
    margin-left: 0;
    width: 25%;
    text-align: center;
  }
  */
  section#nous_rejoindre_body #nous_rejoindre_left {
    display: inline-block;
    float: none;
    margin-right: 0;
  }

  section#clients_body #clients .clients_left {
    width : 70%;
  }

  section#clients_body #clients #clients_right {
    position : static;
  }

}


@media (max-width: 1024px) {



  /** On retire les fleches car l'utilisateur peut slider avec le doigt **/
  .arrow { display : none; }

  .contactForm {
    right : 0;
  }

  section#clients_body.first-content {
    background-attachment: scroll;
  }

  section#clients_body #clients .clients_left {
    max-width: none;
    width : 100%;
    text-align: center;
    margin-right : 0;
    margin-left: 0;
  }

  section#clients_body #clients #clients_right {
    display : none;
  }

}
@media (max-width: 900px) {
.offre-emploi{float:none;width:100%;}
.formulaire-offre{width:100%;}
.formulaire-droit{left:0;}

.formulaire-droit:before{left:30px;}
.w50{width:100%}
.w50.champs-droite{width:100%; margin-left:0;}
.w50 label,.w100 label{width:22%;}
.w50 input,.w100 input{width:78%;}
}
@media (max-width: 845px) {

  .actualites .block-actu {
    margin-right : 0;
  }

  section#associes_body #associe_detail_left, section#associes_body #associe_detail_right {
    width : 100%;
  }

  section#clients_body #clients #filtre ul li, section#clients_body #clients #filtre ul li:last-child {
    width : 99%;
    margin-bottom: 10px;
  }

  section#clients_body #clients #filtre ul li:last-child {
    text-align: center;
  }

  #consultants {
    text-align : center;
  }


  #consultants .consultant {
    display : inline-block;
    float : none;
    width : 200px;
  }

  section#nous_rejoindre_body .bloc .texte {
    margin-top : 20px;
  }

  section#nous_rejoindre_body .bloc .image, section#nous_rejoindre_body .bloc .texte {
    display : inline-block;
    float : none;
    margin-right : 0;
  }

  #vid {
    display : none;
  }

}

@media (max-width:600px) {
.w50 label,.w100 label{width:100%;}
.w50 input,.w100 input{width:100%;}
}

@media screen and (max-width: 400px) {

  .zone_utile{ width:90%; }

  .header-main nav ul li,
  .header-main .sub-menu li {
    width : 100%;
  }

  #content_detail {
    text-align : left;
  }

  .slideCarrousel {
    height : 319px;
    padding-top : 210px;
  }

  #content_img {
    text-align : left;
  }

  #content_img .title {
    font-size : 23px;
  }

  #content_img .subTitle {
    font-size : 17px;
    line-height : 24px;
  }

  #home_carousel {
    min-height : 529px;
  }

  #btn_slider {
    font-size: 18px;
  }

  .contactForm {
    padding : 6px;
  }

  .footer-right .nav-menu > li, .footer-right li.uppercase { 
    margin-left : 0 !important;
    width: 100%;
    margin-bottom: 30px; 
  }
  
  #actualites_left img{ 
    width : 100%; height : auto; 
  }

  #project_detail ul li {
    margin-right : 0;
  }

  #actualites_right .block-actu {
    margin-right: 0;
  }

  .champContact {
    width : 90%;
  }

  #international_body .blocs .bleu {
    margin-right: 0;
    margin-bottom : 50px;
  }

  #international_body .bloc {
    width : 90%;
  }

  section#associes_body #associe_detail_right ul {
    padding-left: 0;
  }

  section#clients_body #clients h2 {
    font-size : 18px;
  }

  #cancel_recherche {
    width : 15px;
    height : 15px;
  }

  section#projet_body #photoSuite a div {
    margin-right: 0;
    max-width: 268px;
  }

  section#clients_body #clients .block-client {
    margin-left: 0;
  }

  #header_image .citation-consultant {
    display : none;
  }

  #header_image .nom-consultant{
    top : 30px;
    max-width : 50%;
  }

  .image-consultant {
    right : -60px;
  }

  .nous-rejoindre #content_img .subTitle {
    display: inline-block;
    max-width: 50%;
  }

}