@charset "UTF-8";
/*Site : http://nicolasgallagher.com/about-normalize-css__*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * 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.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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"],
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; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ******************************************************************
*					START FEUILLES DE STYLE							*  
******************************************************************* */
html {
  font-size: 100%; }

body {
  width: 100%;
  height: 100%;
  font-family: "calluna_sanslight", Arial, sans-serif;
  /*font-size: 0.875em; line-height: 1.2em; /* version toucant css reset*/
  font-size: 0.875em;
  color: #303030;
  background: url(../images/gradiant_bg.jpg) top center no-repeat #dddad5;
  /* */ }

a:focus {
  outline: 0px dotted; }

h1, h2, h3 {
  font-size: 2em;
  font-family: "callunaregular", Georgia, "DejaVu Serif", Norasi, serif;
  font-weight: normal; }

h1 {
  font-size: 3.4285em;
  margin: 0 0 30px 0; }

/* *******************************************************************
*							HEADER																						*  
*********************************************************************/
#header {
  display: none;
  position: fixed;
  top: 0;
  width: 96%;
  height: 104px;
  margin: 0;
  padding: 0 0 0 4%;
  background: #fff;
  color: #000;
  z-index: 10000; }
  #header .navigation {
    position: relative;
    float: left;
    width: 96%;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1.1em;
    font-family: "calluna_sanslight", Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 61px 0 0 0; }
    #header .navigation li {
      padding-left: 0;
      margin-left: 0;
      list-style-image: none;
      list-style-type: none; }
    #header .navigation li {
      position: relative;
      float: left;
      margin: 0 0.09% 0 0.09%;
      padding: 0;
      z-index: 10011; }
    #header .navigation a {
      display: block;
      float: left;
      padding: 5px 8px 5px 8px;
      color: #585858;
      text-decoration: none;
      z-index: 10012; }
    #header .navigation div.bgMenuP {
      position: absolute;
      left: 150px;
      height: 28px;
      width: 100px;
      background: #dddad5;
      margin: 0 0.1% 0 0.1%;
      padding: 0;
      z-index: 10010; }
    #header .navigation a.active {
      background: #bbb1a7;
      color: #fff; }
    #header .navigation li.first {
      padding: 0;
      margin: -43px 10px 0 0; }
      #header .navigation li.first a {
        padding: 0; }
        #header .navigation li.first a:hover {
          background: none; }
        #header .navigation li.first a.active {
          background: none; }

/*Degradation gracieuse */
.no-js #header {
  display: block; }

/* ******************************************************************
*							FOOTER									*  
******************************************************************* */
#footer {
  display: none;
  position: fixed;
  bottom: 0;
  width: 96%;
  left: 0;
  height: 25px;
  margin: 0;
  padding: 0 0 0 4%;
  font-size: 1.0714;
  font-family: "calluna_sanslight", Arial, sans-serif;
  font-weight: normal;
  color: #dddad5;
  background: #7d6a55;
  z-index: 10100; }
  #footer a, #footer a:hover {
    color: #dddad5; }
  #footer .titleContact, #footer .titleContact:hover {
    display: block;
    float: right;
    color: #fff;
    font-size: 1.4em;
    text-decoration: none;
    padding: 0 25px 0 18px;
    margin: 0 0 10px 0;
    cursor: pointer; }
  #footer .titleContact span {
    display: block;
    float: left;
    height: 25px;
    line-height: 22px; }
  #footer .titleContact .deco {
    width: 12px;
    height: 12px;
    margin: 7px 8px 0 0;
    background: url(../images/contact_triangle.jpg) 50% 50% no-repeat;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 1.4s; }
  #footer .titleContact .deco-active {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  #footer img {
    clear: both;
    position: relative;
    float: right;
    margin: 0px 30px 0 40px;
    cursor: pointer; }
  #footer .leftContent {
    position: relative;
    float: left;
    margin: 35px 0 0 0; }
    #footer .leftContent a {
      text-decoration: none;
      color: #b5afa5; }
  #footer .rightContent {
    position: relative;
    float: right;
    text-align: right; }
  #footer .adress {
    position: relative;
    float: left;
    margin: 7px 0px 0 37px;
    font-size: 1.1em; }
  #footer p {
    clear: both;
    position: relative;
    float: left;
    margin: 9px 0 0 0; }
  #footer p a {
    color: #fff; }
  #footer .vcard {
    position: relative;
    float: left;
    margin: 9px 0 0 20px;
    font-size: 1;
    font-family: "calluna_sansregular", Arial, sans-serif;
    font-weight: normal; }
    #footer .vcard a {
      padding: 0 33px 0 0;
      color: #fff;
      background: url(../images/contact_Vcard.jpg) center right no-repeat; }

/*Degradation gracieuse */
.no-js #footer {
  display: block; }

/* ******************************************************************
*						CONTAINER (principal)						*  
******************************************************************* */
#containair {
  clear: both;
  position: absolute;
  width: 100%;
  height: 100%;
  /*overflow:visible;/**/
  overflow-x: hidden;
  overflow-y: scroll; }

#contain {
  clear: both;
  position: relative;
  width: 1000px;
  height: auto;
  /*height:514px;/* */
  top: 104px;
  margin: 2% auto 0 auto;
  /* padding:0 0 $hauteurFooter 0;/* */
  /*border-left:1px solid $bgSite; */
  /*border-bottom:1px solid red; border-right:1px solid red;*/
  z-index: 1;
  overflow: visible; }

.page {
  display: none;
  position: absolute;
  top: 0;
  width: 1000px;
  padding: 0 0 25px 0;
  margin: 0;
  /*border:2px green solid;*/ }

/*Degradation gracieuse */
.no-js #header {
  display: block; }

/* ******************************************************************
*						PAGE D'INTRO  								*  
******************************************************************* */
#intro {
  /*Bouton pour entrer ds le site (afficher uniquement apres l'anim d'intro)*/ }
  #intro.page {
    width: 100%; }
  #intro .slogan {
    position: relative;
    margin: 110px 0 0 18px;
    float: left;
    width: 280px;
    display: none;
    color: #666564;
    font-size: 1.55em;
    font-family: "callunaitalic", Georgia, "DejaVu Serif", Norasi, serif;
    font-weight: normal;
    line-height: 1.22em; }
  #intro .citations {
    position: relative;
    float: right;
    width: 280px;
    height: 80px;
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1.55em;
    font-family: "callunaitalic", Georgia, "DejaVu Serif", Norasi, serif;
    font-weight: normal;
    color: #4a8aae;
    /*2.1428em*/
    margin: 110px 18px 0 0; }
    #intro .citations li {
      padding-left: 0;
      margin-left: 0;
      list-style-image: none;
      list-style-type: none; }
    #intro .citations li {
      position: absolute;
      left: 0;
      right: 0;
      line-height: 1.22em; }
      #intro .citations li span {
        display: block;
        position: relative;
        text-align: right;
        font-size: 20px;
        font-family: "calluna_sansregular", Arial, sans-serif;
        font-weight: normal;
        color: #404040; }
  #intro .contenair-sphere {
    float: none;
    position: relative;
    margin: 0px auto 0 auto;
    width: 407px;
    height: 516px;
    /*background:lightblue;*/ }
  #intro .animMinusculeSphere {
    width: 10px;
    height: 10px;
    margin-top: 204px; }
  #intro .animMinusculeOmbre {
    opacity: 0.1; }
  #intro .phenix {
    /*cursor:pointer;*/
    display: none; }
  #intro .logo {
    position: absolute;
    width: 322px;
    height: 254px;
    margin: 76px 0 0 43px;
    display: none; }
    #intro .logo img {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -o-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px; }
  #intro .enter {
    display: none;
    position: absolute;
    bottom: 0;
    left: 45%;
    margin: 0px 0 0 0;
    width: 200px;
    text-align: center;
    font-size: 1.1em;
    font-family: "callunaitalic", Georgia, "DejaVu Serif", Norasi, serif;
    font-weight: normal; }
    #intro .enter a, #intro .enter a:hover {
      color: #63605e;
      text-decoration: none; }
  #intro .ombre {
    left: 13px; }

.no-js #intro .slogan {
  display: block; }
.no-js #intro .citations {
  display: block; }

/* ******************************************************************
*						PAGE Our APPROACH							*  
*							(z-index:100)							*  
******************************************************************* */
#approach {
  float: inherit; }
  #approach .pages {
    position: relative;
    width: 100%;
    /*float:inherit; /* */
    padding: 0 0 38px 0; }
    #approach .pages .slide {
      position: relative;
      clear: both;
      left: 0;
      right: 0;
      display: none; }
  #approach .navigationRight {
    position: absolute;
    right: 24px;
    top: 430px;
    /*top:-75px;*/
    width: 21px;
    height: 24px;
    background: url(../images/Approach-nav-left-right.png) top right no-repeat;
    overflow: hidden;
    cursor: pointer; }
    #approach .navigationRight span {
      display: none; }
  #approach .navigationLeft {
    position: absolute;
    right: 55px;
    top: 430px;
    width: 21px;
    height: 24px;
    background: url(../images/Approach-nav-left-right.png) top left no-repeat;
    overflow: hidden;
    cursor: pointer; }
    #approach .navigationLeft span {
      display: none; }
  #approach .navigation {
    position: absolute;
    right: 24px;
    top: -75px;
    width: 65px;
    height: 26px;
    cursor: pointer; }
    #approach .navigation span {
      display: block;
      float: left;
      width: 26px;
      height: 26px;
      margin: 0 2px 0 2px;
      padding: 0 1px 0 0;
      text-align: center;
      background: #bcbbb9;
      line-height: 22px;
      color: #fff;
      -webkit-border-radius: 13px;
      -moz-border-radius: 13px;
      -o-border-radius: 13px;
      -ms-border-radius: 13px;
      border-radius: 13px; }
      #approach .navigation span.active, #approach .navigation span:hover {
        background: #666564; }
  #approach .sphere .approach-sh-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 121; }
  #approach .sphere .approach-sh-2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 120; }
  #approach .sphere .approach-sh-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 123;
    background: url(../images/approach_shpere_hover.png) top left no-repeat;
    display: none; }

.no-js #approach .pages {
  position: relative; }
  .no-js #approach .pages .slide {
    position: relative;
    margin: 0 0 20px 0;
    display: block; }
  .no-js #approach .pages .slide1 {
    display: none; }

/* ******************************************************************
*						PAGE values							*  
*							(z-index:200)							*  
******************************************************************* */
#values {
  float: inherit;
  /*h1, h3 { margin:0; padding:0; color:#857869; @include myFont( 4.857em, $font-default-serif);}/**/ }
  #values .contenair-sphere {
    float: right; }
  #values .content {
    float: left;
    margin: 0 0 0 5px;
    text-align: center;
    width: 420px;
    height: 517px; }
    #values .content .separationH {
      height: 47px; }
      #values .content .separationH div, #values .content .separationH img {
        float: left; }
      #values .content .separationH img {
        padding: 0 20px 0 20px; }
      #values .content .separationH div {
        width: 160px;
        height: 5px;
        border-top: dotted 1px #7a7a7a;
        margin: 23px 0 0 0;
        font-size: 4.857em;
        font-family: "callunaregular", Georgia, "DejaVu Serif", Norasi, serif;
        font-weight: normal; }
    #values .content .ombre {
      left: 13px; }
  #values h1, #values h3 {
    margin: 0;
    padding: 0;
    color: #231f20;
    font-size: 3.4285em;
    font-family: "callunaregular", Georgia, "DejaVu Serif", Norasi, serif;
    font-weight: normal; }
  #values h1 {
    margin: 10px 0 0 0; }
  #values h3 {
    color: #7a7a7a;
    font-size: 2.6428em;
    margin: 10px 0 30px 0; }
  #values .navSec {
    color: #ae9e8d;
    font-size: 31px;
    width: 250px;
    margin: 30px auto 0 auto; }
  #values h2 {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 31px;
    font-family: "calluna_sanslight", Arial, sans-serif;
    font-weight: normal;
    color: #ae9e8d; }
    #values h2 a {
      color: #ae9e8d;
      text-decoration: none; }
  #values .sphere p {
    font-size: 1.785em;
    font-family: "callunaitalic", Georgia, "DejaVu Serif", Norasi, serif;
    font-weight: normal;
    color: #fcfcfc;
    padding: 0 30px; }
  #values .pages .slide {
    position: relative;
    clear: both;
    left: 0;
    right: 0;
    display: none; }

.no-js #values .pages .slide {
  position: relative;
  clear: both;
  left: 0;
  right: 0;
  display: block; }

/* ******************************************************************
*						PAGE Our Services																		*  
*							(z-index:300)																			*  
******************************************************************* */
#our-services {
  float: inherit; }
  #our-services .navOurServices {
    position: relative;
    width: 450px;
    list-style: none;
    padding: 0;
    margin: 0;
    margin: 0;
    font-size: 1.532em;
    font-family: "calluna_sanslight", Arial, sans-serif;
    font-weight: normal;
    color: #959595; }
    #our-services .navOurServices li {
      padding-left: 0;
      margin-left: 0;
      list-style-image: none;
      list-style-type: none; }
    #our-services .navOurServices li {
      width: 100%;
      height: 35px; }
    #our-services .navOurServices a {
      display: block;
      line-height: 25px;
      padding: 5px 0 5px 0;
      color: #959595;
      text-decoration: none; }
  #our-services p {
    text-align: justify; }
  #our-services .content p {
    text-align: left; }
  #our-services .slide, #our-services .rendu {
    clear: both;
    position: relative;
    width: 100%;
    padding: 25px 0 20px 0;
    border-top: 1px dotted #959595;
    display: none; }
    #our-services .slide h2, #our-services .rendu h2 {
      font-size: 2.867em;
      margin-top: 0; }
    #our-services .slide .minititle div, #our-services .rendu .minititle div {
      display: inline-block;
      width: 25%;
      height: 6px;
      margin: 0;
      border-top: 1px #AE9E8D solid; }
    #our-services .slide .minititle span, #our-services .rendu .minititle span {
      display: inline-block;
      text-align: center;
      height: 35px;
      padding: 5px 40px 5px 40px;
      background-color: #4a4a4a;
      line-height: 30px;
      font-size: 2em;
      font-family: "calluna_sanslight", Arial, sans-serif;
      font-weight: normal;
      color: #fff; }
    #our-services .slide .minititle2 span, #our-services .rendu .minititle2 span {
      height: 27px;
      line-height: 22px;
      font-size: 1.571em; }
    #our-services .slide .minititle2 div, #our-services .rendu .minititle2 div {
      width: 62%;
      height: 6px;
      border-top: 1px #959595 solid; }
    #our-services .slide .minititle3 span, #our-services .rendu .minititle3 span {
      height: 27px;
      line-height: 22px;
      font-size: 1.571em; }
    #our-services .slide .minititle3 div, #our-services .rendu .minititle3 div {
      width: 53%;
      height: 6px;
      border-top: 1px #959595 solid; }
    #our-services .slide ul, #our-services .rendu ul {
      margin: 15px 0 5px 15px;
      padding: 0; }
      #our-services .slide ul li, #our-services .rendu ul li {
        list-style: disc;
        list-style-type: disc; }
    #our-services .slide .navSec, #our-services .rendu .navSec {
      position: relative;
      list-style: none;
      padding: 0;
      margin: 0;
      margin: 0;
      font-size: 1.644em;
      font-family: "calluna_sanslight", Arial, sans-serif;
      font-weight: normal;
      color: #418cae;
      text-align: center; }
      #our-services .slide .navSec li, #our-services .rendu .navSec li {
        padding-left: 0;
        margin-left: 0;
        list-style-image: none;
        list-style-type: none; }
      #our-services .slide .navSec li, #our-services .rendu .navSec li {
        position: relative;
        display: inline-block;
        width: 113px;
        height: 86px;
        margin: 10px 0 10px 0;
        padding: 0;
        list-style: none;
        /*list-style:disc; list-style-type:disc;*/ }
      #our-services .slide .navSec a, #our-services .rendu .navSec a {
        display: block;
        line-height: 86px;
        padding: 5px 5px 5px 5px;
        color: #418cae;
        text-decoration: none; }
  #our-services .bloc1 {
    position: relative;
    float: left;
    width: 49%; }
    #our-services .bloc1 p {
      font-size: 1.142em;
      font-family: "callunaregular", Georgia, "DejaVu Serif", Norasi, serif;
      font-weight: normal;
      line-height: 19px;
      color: #514845; }
  #our-services .bloc2 {
    position: relative;
    float: right;
    width: 49%;
    text-align: center; }
  #our-services .bloc3 {
    clear: both;
    position: relative;
    float: left;
    width: 49%;
    margin: 25px 0 0 0; }
  #our-services .bloc4 {
    position: relative;
    float: right;
    width: 49%;
    margin: 25px 0 0 0; }

.no-js #our-services .slide {
  display: block; }

/* ******************************************************************
*						PAGE Case Studies																			*  
*							(z-index:400)																				*  
******************************************************************* */
#case-studies {
  float: inherit;
  /*Title inversÚ vers la droite*/
  /*Detail de la case studies*/ }
  #case-studies h1 {
    width: 350px;
    margin: 0 auto;
    text-align: center; }
  #case-studies p {
    text-align: justify; }
  #case-studies .slide {
    clear: both;
    position: relative;
    width: 98%;
    margin: 0 auto;
    padding: 10px 0 10px 0; }
  #case-studies .navTitle {
    color: #686767; }
    #case-studies .navTitle img {
      display: block;
      float: left;
      width: 115px;
      height: 97px; }
    #case-studies .navTitle h2 {
      font-size: 1.428em;
      font-family: "callunabold", Georgia, "DejaVu Serif", Norasi, serif;
      font-weight: normal;
      margin: 0;
      padding: 0; }
    #case-studies .navTitle .subTitle {
      display: block;
      float: left;
      font-size: 1.101em;
      font-family: "calluna_sansregular", Arial, sans-serif;
      font-weight: normal;
      width: 85%; }
      #case-studies .navTitle .subTitle span {
        display: block;
        float: left;
        padding: 0 10px 0 0; }
      #case-studies .navTitle .subTitle div {
        float: left;
        width: 60%;
        height: 1px;
        margin: 10px 0 0 0;
        background-color: #dcdcdc; }
      #case-studies .navTitle .subTitle div.w53 {
        width: 53%; }
  #case-studies .navTitle2 img {
    float: right; }
  #case-studies .navTitle2 h2 {
    float: right; }
  #case-studies .navTitle2 span {
    float: right; }
  #case-studies .navTitle2 .subTitle {
    float: right; }
    #case-studies .navTitle2 .subTitle span {
      padding: 0 0 0 10px;
      float: right; }
    #case-studies .navTitle2 .subTitle div {
      float: right; }
  #case-studies .detail {
    clear: both;
    display: none;
    width: 100%;
    border-bottom: 1px dotted #959595;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0; }
    #case-studies .detail .litleDesc {
      float: left;
      width: 74%;
      font-size: 1.857em;
      font-family: "callunaregular", Georgia, "DejaVu Serif", Norasi, serif;
      font-weight: normal;
      text-align: left; }
    #case-studies .detail .infoCompany {
      float: right;
      width: 22%;
      font-size: 1.201em;
      font-family: "calluna_sansregular", Arial, sans-serif;
      font-weight: normal;
      color: #231f20;
      padding: 0 0 0 15px;
      border-left: 6px solid #b2b1af; }
      #case-studies .detail .infoCompany span {
        font-size: 1.201em;
        font-family: "calluna_sanssemibold", "Lucida Sans", "Trebuchet MS", "Lucida Grande", "Tahoma", sans-serif;
        font-weight: normal; }
    #case-studies .detail .usedServices {
      position: relative;
      float: left;
      width: 70%;
      height: 86px;
      margin: 55px 0 0 0;
      font-size: 1.428em;
      font-family: "calluna_sansregular", Arial, sans-serif;
      font-weight: normal;
      color: #686767; }
      #case-studies .detail .usedServices span {
        display: block;
        position: relative;
        float: left;
        width: 270px;
        height: 25px;
        margin: 10px 20px 0 0;
        border-bottom: dotted 1px #686767; }
      #case-studies .detail .usedServices img {
        display: block;
        position: relative;
        float: left;
        width: 103px;
        height: 86px;
        margin: 0;
        padding: 0; }
    #case-studies .detail p {
      float: left;
      width: 48%;
      margin: 10px 0 0 11px;
      padding: 0; }
    #case-studies .detail p.p1 {
      margin: 10px 11px 0 0; }
    #case-studies .detail div.quote {
      clear: both;
      position: relative;
      width: 98.30%;
      padding: 20px 0 10px 0;
      font-size: 1.25em;
      font-family: "callunaitalic", Georgia, "DejaVu Serif", Norasi, serif;
      font-weight: normal;
      color: #303030;
      text-align: justify; }
    #case-studies .detail div.dedicace {
      position: relative;
      float: right;
      text-align: right;
      padding: 10px 17px 0 0;
      font-size: 1.071em;
      font-family: "calluna_sansregular", Arial, sans-serif;
      font-weight: normal;
      color: #231f20; }
      #case-studies .detail div.dedicace span {
        font-size: 0.8em;
        font-family: "calluna_sanssemibold", "Lucida Sans", "Trebuchet MS", "Lucida Grande", "Tahoma", sans-serif;
        font-weight: normal;
        /*text-transform:uppercase;/**/ }

.no-js #case-studies .detail {
  display: block; }

/* ******************************************************************
*						PAGE Our TEAM BIO																		*  
*							(z-index:500)																			*  
******************************************************************* */
#team-bios {
  float: inherit;
  /* POUR LEFFET FLIP sur les portraits */
  /* entire container, keeps perspective */
  /* flip the pane when hovered */
  /* flip speed goes here */
  /* hide back of pane during swap */
  /* front pane, placed above back */
  /* back, initially hidden pane */
  /* ------------------END effet flip----------------*/ }
  #team-bios .nav-team-bio {
    position: relative;
    float: left;
    width: 138px;
    list-style: none;
    padding: 0;
    margin: 0;
    margin: 80px 0 0 2px;
    font-size: 1.142em;
    font-family: "calluna_sansregular", Arial, sans-serif;
    font-weight: normal;
    color: #959595;
    z-index: 540; }
    #team-bios .nav-team-bio li {
      padding-left: 0;
      margin-left: 0;
      list-style-image: none;
      list-style-type: none; }
    #team-bios .nav-team-bio .bgMenuTeamBio {
      position: absolute;
      height: 20px;
      width: 100px;
      background: #bcbbb9;
      z-index: 541; }
    #team-bios .nav-team-bio li {
      position: relative;
      width: 100%;
      height: 25px;
      z-index: 542; }
    #team-bios .nav-team-bio a {
      position: relative;
      display: block;
      line-height: 25px;
      padding: 0 0 0 10px;
      color: #959595;
      text-decoration: none;
      z-index: 543;
      /*
      //Suppression de l'anilmation css sur le hover
      @include reScale(1);
      transition: all 0.8s; //transition quand la souris quitte lelement
      */ }
      #team-bios .nav-team-bio a:hover {
        /* background:#404040; */
        color: #808080; }
      #team-bios .nav-team-bio a.active {
        background: #404040;
        color: #fff; }
      #team-bios .nav-team-bio a:hover {
        /*
        //Suppression de l'anilmation css sur le hover
        	transition: all 0.3s ease-in 0s; //transition quand la souris survole lelement
        */ }
  #team-bios .contenair-portrait {
    position: relative;
    float: left;
    width: 350px;
    height: 491px;
    overflow: hidden; }
    #team-bios .contenair-portrait .portrait {
      position: relative;
      width: 287px;
      height: 385px;
      margin: 0 auto 0 auto; }
    #team-bios .contenair-portrait .ombre {
      left: 0;
      background: url(../images/ombre-team-bios.png) top left no-repeat; }
  #team-bios .contenair-portrait {
    perspective: 1000; }
  #team-bios .contenair-portrait .portrait.flip1 {
    /*transform: rotateY(180deg);*/
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  #team-bios .contenair-portrait .portrait.flip2 {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  #team-bios .portrait {
    -webkit-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 1.4s;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative; }
  #team-bios .front, #team-bios .back {
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0; }
  #team-bios .front {
    z-index: 520; }
  #team-bios .back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  #team-bios .rendu > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    height: 34px;
    font-size: 1.5em;
    font-family: "calluna_sanslight", Arial, sans-serif;
    font-weight: normal;
    margin: 25px 0 30px 0; }
    #team-bios .rendu > ul li {
      padding-left: 0;
      margin-left: 0;
      list-style-image: none;
      list-style-type: none; }
    #team-bios .rendu > ul li {
      positon: relative;
      float: left;
      height: 34px;
      margin: 0 5px 0 0; }
    #team-bios .rendu > ul a {
      display: block;
      line-height: 34px;
      color: #fff;
      background: #bcbbb9;
      padding: 0 20px 0 20px;
      text-decoration: none; }
      #team-bios .rendu > ul a.active {
        background: #404040; }
  #team-bios .rendu div ul {
    margin: 0 0 0 15px;
    padding: 0; }
  #team-bios .rendu .box {
    position: relative;
    width: 450px;
    height: 55px;
    display: block;
    overflo: hidden;
    white-space: nowrap; }
  #team-bios .pages {
    position: relative;
    width: 100%;
    /*float:inherit; /* */ }
    #team-bios .pages .slide {
      position: relative;
      clear: both;
      left: 0;
      right: 0;
      display: none; }

.no-js #team-bios .pages {
  position: relative; }
  .no-js #team-bios .pages .slide {
    position: relative;
    margin: 0 0 20px 0;
    display: block; }
  .no-js #team-bios .pages .slide1 {
    display: none; }

/* ******************************************************************
*										PAGE ENDORSEMENTS													*  
*											(z-index:700)															*  
******************************************************************* */
#endorsements {
  float: inherit; }
  #endorsements .contenair-sphere {
    background: none; }
    #endorsements .contenair-sphere .quote-doted {
      width: 232px;
      height: 312px;
      margin: 65px 38px 0 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 720; }
    #endorsements .contenair-sphere .quote {
      width: 232px;
      height: 312px;
      margin: 65px 0 0 38px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 721; }
    #endorsements .contenair-sphere .ombre {
      width: 100%;
      left: 0;
      background-image: url("../images/ombre-team-bios.png"), url("../images/ombre-team-bios.png");
      background-position: left top, top right;
      background-repeat: no-repeat; }
  #endorsements h4 {
    display: block;
    position: absolute;
    padding: 0 15px 0 0;
    top: 0;
    left: 10%;
    font-size: 1.62em;
    font-family: "callunaregular", Georgia, "DejaVu Serif", Norasi, serif;
    font-weight: normal;
    color: #fff; }
  #endorsements .pages p {
    font-size: 1.5em;
    font-family: "callunaitalic", Georgia, "DejaVu Serif", Norasi, serif;
    font-weight: normal; }
  #endorsements .pages p.author {
    font-size: 1.285em;
    font-family: "calluna_sanssemibold", "Lucida Sans", "Trebuchet MS", "Lucida Grande", "Tahoma", sans-serif;
    font-weight: normal; }
  #endorsements .pages .before, #endorsements .pages .after {
    position: relative;
    display: inline-block;
    padding: 0;
    width: 51px;
    height: 34px;
    background: url(../images/quotes.png) 0 0 repeat-x;
    white-space: nowrap; }
  #endorsements .pages .before {
    float: left;
    margin: -15px 0 0 0; }
  #endorsements .pages .after {
    margin: 2px 0 0 0; }
  #endorsements .pages .facilitation-team-development .before, #endorsements .pages .facilitation-team-development .after {
    background-position: 0 5%; }
  #endorsements .pages h2.facilitation-team-development {
    color: #72ade5; }
  #endorsements .pages .executive-coaching .before, #endorsements .pages .executive-coaching .after {
    background-position: 0 30%; }
  #endorsements .pages h2.executive-coaching {
    color: #57bdc9; }
  #endorsements .pages .communication-management .before, #endorsements .pages .communication-management .after {
    background-position: 0 51%; }
  #endorsements .pages h2.communication-management {
    color: #b4c334; }
  #endorsements .pages .change-management-consultancy .before, #endorsements .pages .change-management-consultancy .after {
    background-position: 0 76%; }
  #endorsements .pages h2.change-management-consultancy {
    color: #eda43b; }
  #endorsements .pages .vision-mission-definition .before, #endorsements .pages .vision-mission-definition .after {
    background-position: 0 100%; }
  #endorsements .pages h2.vision-mission-definition {
    color: #a43a6a; }
  #endorsements .pages .after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  #endorsements .pages .slide {
    position: relative;
    clear: both;
    left: 0;
    right: 0;
    display: none; }
  #endorsements .navigationRight {
    position: absolute;
    top: 20px;
    right: 120px;
    width: 21px;
    height: 24px;
    background: url(../images/Approach-nav-left-right.png) top right no-repeat;
    overflow: hidden;
    cursor: pointer; }
    #endorsements .navigationRight span {
      display: none; }
  #endorsements .navigationLeft {
    position: absolute;
    top: 20px;
    right: 155px;
    width: 21px;
    height: 24px;
    background: url(../images/Approach-nav-left-right.png) top left no-repeat;
    overflow: hidden;
    cursor: pointer; }
    #endorsements .navigationLeft span {
      display: none; }

.no-js #endorsements .pages .slide {
  position: relative;
  clear: both;
  left: 0;
  right: 0;
  display: block; }

/* ******************************************************************
*					Classes (class)  								*  
******************************************************************* */
/* SPHERE (vierge)
 ------------------------------------- */
.contenair-sphere {
  position: relative;
  float: left;
  margin: 0;
  width: 500px;
  height: 517px; }
  .contenair-sphere .sphere {
    position: relative;
    margin: 0 auto 0 auto;
    width: 407px;
    height: 407px;
    background: #fff;
    -webkit-border-radius: 203px;
    -moz-border-radius: 203px;
    -o-border-radius: 203px;
    -ms-border-radius: 203px;
    border-radius: 203px;
    text-align: center;
    overflow: hidden; }
  .contenair-sphere .phenix {
    position: absolute;
    width: 305px;
    height: 392px;
    margin: 12px 0 0 51px; }
    .contenair-sphere .phenix img {
      width: 305px;
      height: 392px;
      -webkit-border-radius: 130px;
      -moz-border-radius: 130px;
      -o-border-radius: 130px;
      -ms-border-radius: 130px;
      border-radius: 130px; }

.ombre {
  position: absolute;
  bottom: 0;
  left: 50px;
  width: 381px;
  height: 106px;
  background: url(../images/ombre.png) top left no-repeat;
  opacity: 1; }

.content {
  position: relative;
  float: right;
  margin: 0px 5px 0 0;
  width: 495px;
  /*background:lightblue;*/ }

/* Couleurs de texte
 --------------------------------------- */
.fondBandeau {
  color: #fff; }

.fondSite {
  color: #dddad5; }

.fondFooter {
  color: #303030; }

/* Position du texte (center, left,...)
 --------------------------------------- */
.textCenter {
  text-align: center; }

.textLeft {
  text-align: left; }

.textRight {
  text-align: right; }

.textJustify {
  text-align: justify; }

/* Les positions des ÚlÚments flotant
 --------------------------------------- */
.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.clearBoth {
  clear: both; }

.clearLeft {
  clear: left; }

.absolute {
  position: absolute; }

/* Afficher/Masquer
 --------------------------------------- */
.masquer {
  display: none; }

.afficher {
  display: block; }

.itnaTob {
  display: none; }

.hide {
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  border: 0 !important; }

/* Autres classes
------------------------------------------ */
.pointer {
  cursor: pointer; }

/* Classe qui vont etre appliquÚ avant le dÚbut des transformations demarrÚ par le JS__:
------------------------------------------------ */
/* ******************************************************************
*						Importation polices							*  
******************************************************************* */
@font-face {
  font-family: 'calluna_sansitalic';
  src: url("fonts/callunasansitalic-webfont.eot");
  src: url("fonts/callunasansitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/callunasansitalic-webfont.woff") format("woff"), url("fonts/callunasansitalic-webfont.ttf") format("truetype"), url("fonts/callunasansitalic-webfont.svg#calluna_sansitalic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'calluna_sanslight';
  src: url("fonts/callunasanslight-webfont.eot");
  src: url("fonts/callunasanslight-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/callunasanslight-webfont.woff") format("woff"), url("fonts/callunasanslight-webfont.ttf") format("truetype"), url("fonts/callunasanslight-webfont.svg#calluna_sanslight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'calluna_sanssemibold';
  src: url("fonts/callunasanssemibold-webfont.eot");
  src: url("fonts/callunasanssemibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/callunasanssemibold-webfont.woff") format("woff"), url("fonts/callunasanssemibold-webfont.ttf") format("truetype"), url("fonts/callunasanssemibold-webfont.svg#calluna_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'calluna_sansbold';
  src: url("fonts/callunasansbold-webfont.eot");
  src: url("fonts/callunasansbold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/callunasansbold-webfont.woff") format("woff"), url("fonts/callunasansbold-webfont.ttf") format("truetype"), url("fonts/callunasansbold-webfont.svg#calluna_sansbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'calluna_sansregular';
  src: url("fonts/callunasansregular-webfont.eot");
  src: url("fonts/callunasansregular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/callunasansregular-webfont.woff") format("woff"), url("fonts/callunasansregular-webfont.ttf") format("truetype"), url("fonts/callunasansregular-webfont.svg#calluna_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'callunabold';
  src: url("fonts/calluna-bold-webfont.eot");
  src: url("fonts/calluna-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/calluna-bold-webfont.woff") format("woff"), url("fonts/calluna-bold-webfont.ttf") format("truetype"), url("fonts/calluna-bold-webfont.svg#callunabold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'callunabold_italic';
  src: url("fonts/calluna-boldit-webfont.eot");
  src: url("fonts/calluna-boldit-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/calluna-boldit-webfont.woff") format("woff"), url("fonts/calluna-boldit-webfont.ttf") format("truetype"), url("fonts/calluna-boldit-webfont.svg#callunabold_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'callunaitalic';
  src: url("fonts/calluna-it-webfont.eot");
  src: url("fonts/calluna-it-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/calluna-it-webfont.woff") format("woff"), url("fonts/calluna-it-webfont.ttf") format("truetype"), url("fonts/calluna-it-webfont.svg#callunaitalic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'callunaregular';
  src: url("fonts/calluna-regular-webfont.eot");
  src: url("fonts/calluna-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/calluna-regular-webfont.woff") format("woff"), url("fonts/calluna-regular-webfont.ttf") format("truetype"), url("fonts/calluna-regular-webfont.svg#callunaregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ******************************************************************
*							RESPONSIVE								*  
*																	*  
*					avec les medias queries							*  
*																	*  
******************************************************************* */
@media screen and (min-width: 1490px) {
  #contain {
    margin: 5% auto 0 auto; }

  .page-accueil #contain {
    width: 1490px;
    /*border:1px solid red;*/ }
    .page-accueil #contain #intro .slogan {
      width: 490px;
      margin-left: 0; }
    .page-accueil #contain #intro .citations {
      width: 480px;
      margin-right: 0; } }
@media screen and (min-width: 1000px) and (max-width: 1490px) {
  #contain {
    margin: 4% auto 0 auto; }

  .page-accueil #contain {
    width: 100%;
    /*border:1px solid black;*/ }
    .page-accueil #contain #intro .slogan {
      float: left;
      width: 29%; }
    .page-accueil #contain #intro .citations {
      width: 28%; } }
/*
// POUR les  ecrans moyen tres proche de 100px (la largeur du site) __:
//-------------------------------------
@media screen and (min-width: 1000px) and (max-width: 1200px )  {

	.page-accueil #contain { 
		width: 100%; /*border:1px solid blue;/* 
		
		#intro { 



		}
	}
}//End grand ecran

*/
/*
@media screen and (min-width: 200px) and (max-width: 640px) {
  .bloc {
    display:block;
    clear:both;
  }
}/* */

/*# sourceMappingURL=style.css.map */