article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
  line-height: 1.9em; }

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.max{
    max-width: 1200px;
}

a{outline: none}

.hide{
    display: none !important;
}

.audio_controls{
    display: none;
}

.button_play {
    color:#060;
    cursor:pointer;
    margin: 0 0.3em 0 0;
}

.button_stop {
    color:#600;
    cursor:pointer;
    margin: 0 0.3em;
}

.button_pause {
    color:#333;
    cursor:pointer;
    margin: 0 0.3em;
}


.list-indis{
   overflow: hidden auto;
    }
    
#main_indis a{
   cursor: pointer;
    }   
    
.list-indis img {
width: 2em;
height: 2em;
}
    
.list-indis span
{
display: inline-block;
margin: 0 0.5em 0 0;
line-height: 2em;
font-size: 1em;
text-align: left;
overflow: hidden;
max-height: 2em;
vertical-align: middle;
}
    
.list-indis div {
padding: 0.2em 0 !important;
border-bottom: 1px solid #999 !important;
margin: 0 !important;
}

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

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none; }
  
.clear{
	clear:both;
	position:relative;
    min-height: 0.1em;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }
input {
  filter: none;
}
/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0; }

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

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0; }


/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin:0; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

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

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none; }

/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 0 0; }


/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

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


img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ 
  }

/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

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

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type=checkbox].css-checkbox {
display:none;
}
input[type=checkbox].css-checkbox + label.css-label {
padding-left:24px;
height:18px; 
display:inline-block;
line-height:18px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:18px;
vertical-align:middle;
cursor:pointer;
}


input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -18px;
}
label.css-label {
background-image:url(../img/csscheckbox.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
			
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, 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; }

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves 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; }

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
  /*-webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;*/
  text-align:justify;
    margin-bottom: 0.5em}

b, strong, .strong {
  font-weight: bold; }

dfn, em, .em {
  font-style: italic; }

small, .small {
  font-size: 75%; }

ul, ol {
  padding: 0;
  list-style-type: none; }

dd {
  margin: 0; }

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none; }
  

/******************************************************************
Site Name:
Author:

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

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

/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }


/*********************
TYPOGRAPHY
*********************/
/* 	To embed your own fonts, use this syntax
	and place your fonts inside the
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/
/* 
@font-face {
  font-family: 'DinCondensedfont';
  src: url("font/dincondensedlight.eot");
  src: url("font/dincondensedlight.eot?#iefix") format("embedded-opentype"), url("font/dincondensedlight.woff") format("woff"), url("font/dincondensedlight.ttf") format("truetype"), url("font/dincondensedlight.svg#dincondensedlight") format("svg");
  font-weight: normal;
  font-style: normal; }
 */
  
@font-face {
    font-family: 'DinCondensedfont';
    src: url('font/dincondensedlight-webfont.eot');
    src: url('font/dincondensedlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/dincondensedlight-webfont.woff') format('woff'),
         url('font/dincondensedlight-webfont.ttf') format('truetype'),
         url('font/dincondensedlight-webfont.svg#dincond-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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




.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid; }

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f; }

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8; }

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4; }

.alert-success {
  border-color: #deeaae;
  background: #e6efc2; }

/*********************
GOOGLE MAP
*********************/
.pac-container {
font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 0.95em !important;
box-shadow: none !important;
}
.pac-logo:after {
display: none !important;
}
.hdpi.pac-logo:after {
display: none !important;
}
.pac-item {
font-size: 0.95em !important;
}
.pac-matched {
 font-weight:700
}
.pac-item-query {
font-size: 0.95em !important;
}

/*********************
Slides
*********************/
  #slides {
     display: none;
    overflow: hidden;
    }
	
	   #slides img:hover{
cursor:pointer;    }
	
	#slides .slidesjs-navigation {
     margin-top:3px;
    }

    #slides .slidesjs-previous {
    margin: -15% 0 0 20px;
	z-index: 1000;
    float: left;
    }

    #slides .slidesjs-next {
     margin: -15% 20px 0 0 ;
     float: right;
	z-index: 1000;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
    color: #fff;
    outline: none;
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }
/*********************
BUTTONS
*********************/
input.button {
  padding: 10px 25px; }

input.button:hover {
  border: 2px solid black !important; }

.button/*, .button:visited*/ {
  display: table;
   padding: 4px 25px;
  background: black;
  border: 2px solid black;
  color: white;
  text-transform: uppercase;
  font-size: 1em;
  cursor: pointer;
  text-decoration: none;

margin: 0.2em 0 0 0;
border-radius: 1em; }
  .button:hover, .button:focus, .button:visited:hover, .button:visited:focus {
   background: transparent;
    color: black; }
  .button:active, .button:visited:active {
	/* [disabled]top: 3px; */
}

.button_experience, .button_experience:visited {
	display:inline-block;
  padding: 0 0.5em;
  background: black;
  color: white;
  text-transform: uppercase;
  font-size: 1em;
  text-decoration: none;
  margin-bottom:0.2em;
 }
 
   .button_experience:hover, .button_experience:focus, .button_experience:visited:hover, .button_experience:visited:focus {
    background: white;
    color: black; }


.button_rdv, .button_rdv:visited {
	display:inline-block;
	margin-right:0.5em;
  padding: 0 0.5em;
  background: black;
  color: white;
  text-transform: uppercase;
  font-size: 1em;
  text-decoration: none;
float: right;
margin: 0.2em 0 0 0;
border-radius: 1em;
}

.button_rdv:hover, .button_rdv:focus, .button_rdv:visited:hover, .button_rdv:visited:focus {
    background: white;
    color: black;
cursor: pointer;}

.button_rdv_2 {
	display:inline-block;
	margin-right:0.5em;
  padding: 0 0.5em;
  background: white;
  color: black;
  text-transform: uppercase;
  font-size: 1em;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }
 

  .button_rdv_2:hover, .button_rdv_2:focus, .button_rdv_2:visited:hover, .button_rdv_2:visited:focus {
    background: black;
    color: white; }
  
.invit {
	display: inline-block !important;
	margin:0 !important;
	font-size:1em  !important;
	padding:0 5px !important;
	float:right;
	letter-spacing: 0.12em;}
	
.info, .info:visited {
	display: inline-block !important;
	margin:10px 0 0 2px !important;
	font-size:1em  !important;
	padding:0 5px !important;
	background-color:transparent !important;
	color:black;
	border: 1.5px solid black !important;}

.text-link, .text-link:visited {
  display: table;
  margin: 30px 0;
  color: black;
  text-transform: uppercase;
  font-size: 1.4em;
  cursor: pointer;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  .text-link:hover, .text-link:focus, .text-link:visited:hover, .text-link:visited:focus {
    background: transparent;
    color: black; }
  .text-link:active, .text-link:visited:active {
    top: 3px; }

.next a, .next a:visited, .prev a, .prev a:visited {
  margin-bottom: 40px;
  text-transform: uppercase;
  font-size: 1.3em;
  text-decoration: none;
  display: block; }

.button.white {
  background: white;
  border: 2px solid white;
  color: black;
  display: inline-block; }
  .button.white:hover, .button.white:focus {
    color: white;
    background: transparent; }

.button.white-border {
  background: transparent;
  border: 2px solid white;
  color: white;
  display: inline-block; }
  .button.white-border:hover, .button.white-border:focus {
    background: white;
    color: black; }

.blue-button, .blue-button:visited {
  border-color: #1472ad;
  text-shadow: 0 1px 1px #1472ad;
  background-color: #1681c4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4));
  background-image: -webkit-linear-gradient(top, #1990db, #1681c4);
  background-image: -moz-linear-gradient(top, #1990db, #1681c4);
  background-image: -o-linear-gradient(top, #1990db, #1681c4);
  background-image: linear-gradient(to bottom, #1990db, #1681c4);
  box-shadow: inset 0 0 3px #59b3ec; }
  .blue-button:hover, .blue-button:focus, .blue-button:visited:hover, .blue-button:visited:focus {
    border-color: #116396;
    background-color: #1472ad;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad));
    background-image: -webkit-linear-gradient(top, #1784c9, #1472ad);
    background-image: -moz-linear-gradient(top, #1784c9, #1472ad);
    background-image: -o-linear-gradient(top, #1784c9, #1472ad);
    background-image: linear-gradient(to bottom, #1784c9, #1472ad); }
  .blue-button:active, .blue-button:visited:active {
    background-color: #1990db;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1681c4), to(#1990db));
    background-image: -webkit-linear-gradient(top, #1681c4, #1990db);
    background-image: -moz-linear-gradient(top, #1681c4, #1990db);
    background-image: -o-linear-gradient(top, #1681c4, #1990db);
    background-image: linear-gradient(to bottom, #1681c4, #1990db); }
	
.work{
	position:relative;
	margin:-50px 0 0 0 !important;
	float:right;
	padding:0 5px !important;
	display:block !important;
	z-index:1000;
	}

/*
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
.full {
  float: left;
  overflow: hidden;
  width: 100%; }

.f-r {
  float: right;
  overflow: hidden; }

* {
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

body {
  /*font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.5em;
  color: black;
  font-weight: 300;
  min-width: 300px;
  background-color:black}

.button {
  padding: 0px 20px; }

#fixed-header {
  display: none; }
  
.style_info
{
	display:none;
}

/* Animations */
@-webkit-keyframes growTop {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
   }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0); } }

@-moz-keyframes growTop {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0); } }

@-o-keyframes growTop {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
     }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0); } }

@keyframes growTop {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
 }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0); } }


/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 100%;
  margin: 0 auto; }

.no_full{
	width:80% !important;
	padding:2.5em 0 3em 0!important;
}

.no_full_2{
	width:80% !important;
	padding:0em 0 3em 0!important;
}

.img_full {
    width: 100% !important;
    margin: 0 0 2em 0 !important;
}

.content_exp, .detail{ width:80% !important;
text-align:center;
margin:auto;
padding:2em 0;}

.content_user{ width:80% !important;
text-align:center;
margin:auto;
padding:0 0 2em 0;}


.separate_exp {
	background:url(../img/separate_exp.png) center no-repeat;
	background-size:cover;
	display:inline-block;
	width:100%;
	min-height: 60px;
	margin:auto;
	margin: 0.5em 0;}
	
.separate_exp_2{
	background:url(../img/separate_exp-2.png) center no-repeat;
	width:100%;
	min-height: 100%;
	}

.separate_exp_3 {
	background:url(../img/separate_exp_3.png) left no-repeat;
	background-size:cover;
	display:inline-block;
	width:100%;
	min-height: 60px;
	margin:auto;
	margin: 1em 0;}

.content_exp p, .content_exp_2 p,  .content_exp_3 p,  .detail p{	
	text-align: center;
    display: block;
    width: 100%;
    margin: auto;}
	
.content_exp_2 {
	width:50%;
	float:left;
	padding:1em;
}

.content_exp_3 {
	width:50%;
	float:right;
	margin:auto;
	height:100%;
	padding:1em;
}

.itw{
	text-align:left !important;
	}

.expert{
	padding-left:40%;
	}

.video_inspiration {
	width:100%;
	height:auto;
	font-size:0;
	margin:0;
}

.video_inspiration li {
	width:33.33%;
	display:inline-block;
	overflow:hidden;
	text-align:center;
	margin:auto;
}

.detail div{
	display:inline-block;
	 vertical-align: top;
}

.detail_left{ 
width:35% !important;
text-align:center;
margin:auto;
}

.detail_right{ 
width:60% !important;
margin:auto;
text-align:left !important;}

.detail_info{
	display:block !important;
	padding: 0 0 0 4em !important;
	background:url(../img/separate_exp-4.png) left no-repeat;
	width:100%;
}

.how_do
{
	float:right;
	margin-top:30px;
	color:#A9A9A9 !important;
	text-transform: uppercase;
}

	
.grey {
  background: #f3f3f3; }
  
   .experience
 {
	 margin:0;
	 font-size: 2em;
	 }

.experience li
{
	 display:inline-block;
	 margin:0 auto;
	 padding:0;
	 min-height:324px;
	 float:left;
	 }

.experience div
{
	 display:inline-block;
	 min-height:400px;
	 width:100%;
	 overflow:hidden;
	 background-repeat:no-repeat !important;
	 background-position: top right !important;
	 background-size:cover !important;
}

 .experience li:nth-child(1n){
	 width:60%;
 }
 
  .experience li:nth-child(2n){
	 width:40%;
 }

 .experience li:nth-child(3n){
	 width:70%;
 }
 
  .experience li:nth-child(4n){
	 width:30%;
 }
 
   .experience li:nth-child(5n){
	 width:100%;
 }
 
 
.lookbook
{
	 margin:0;
	 font-size: 2em;
	 width:100%;
}
	 
	 .lookbook li
{
	 display:inline-block;
	 margin:0 auto;
	 padding:0;
	 min-height:350px;
	 float:left;
	 background-position: center !important;
	 background-size: cover !important;
}

.lookbook li:nth-child(1n){
	 width:60%;
 }
 
.lookbook li:nth-child(2n){
	 width:40%;
 }

.lookbook li:nth-child(3n){
	 width:70%;
	 background-position:top !important;
 }
 
.lookbook li:nth-child(4n){
	 width:30%;
	 background-position:top !important;
 }
 
.lookbook li:nth-child(5n){
	 width:40%;
 }
 
 .lookbook li:nth-child(6n){
	 width:60%;
	 background-position:top !important;
 }


/*********************
LINK STYLES
*********************/
a, a:visited {
  color:  #000;
  text-decoration: none;
  /* on hover */
  /* on click */
  /* mobile tap color */ 
  	outline: none; }
  a:hover, a:focus, a:visited:hover, a:visited:focus {
    color:  #666; 
	outline: none; }
  a:link, a:visited:link {
	outline: none; 
    /*
    this highlights links on iPhones/iPads.
    so it basically works like the :hover selector
    for mobile devices.
    */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
  font-weight: 400;
  text-transform: uppercase;
  color: black;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

h1, .h1 {
  font-size: 1.5em;
  line-height: 1em;
  margin: 0.2em 0 !important; }

h2, .h2 {
  font-size: 2.5em;
  line-height: 1em;
  margin-bottom: 0.375em; }

h3, .h3 {
  font-size: 1.125em; }

h4, .h4 {
  font-size: 1.1em;
  font-weight: 700; }

h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px; }

.home-section h1 span.border {
  position: relative;
  bottom: 0;
  width: 10%;
  height: 3px;
  margin: 20px auto 10px auto;
  background: black;
  display: block; }

h1 span.border {
  display: none; }


.full {
  float: left;
  overflow: hidden;
  width: 100%; }

/*********************
HEADER STYLES
*********************/
.header {
  position: relative;
  width: 100%;
  background: black; }


/*********************
box
*********************/

.box
{
	background:url(../img/pattern-background-pop.png) repeat scroll center 0 #e9eef2;
}

.content_box
{
	padding:20px;
	width:100%;
}

.view_box
{
	width:49%;
	margin-right:1%;
	float:left;
}

.view_box img 
{
	width:100%;
}

.description_box
{
	width:50%;
	float:right;
	color:black;
}

.description_box h2
{
	font-size: 1.5em;
    line-height: 1em;
    margin: 0.5em 0 0.3em 0;
}


/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.nav li a {
      display: block;
      text-decoration: none;
      padding: 10px 30px 0 0;
      }
    .nav li ul.sub-menu li a,
    .nav li ul.children li a {
      padding-left: 30px; }

.nav li  {
          margin: 0;
      }
    

/*********************
POSTS & CONTENT STYLES
*********************/

.byline {
  color: #999; }

/* entry content */
.entry-content {
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */ }
  .entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em; }
  .entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 100%;
    height: auto; }
  .entry-content video, .entry-content object {
    max-width: 100%;
    height: auto; }
  .entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 10px; }

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.collection_right
{
	width:49%;
	margin-left:1%;
	float:right;
}

.collection_left
{
	width:49%;
	margin-right:1%;
	float:left;
}

.collection_div
{
	background: #e9eef2 none repeat scroll 0 0;
	color:black;
	padding:5px;
	margin:20px 0;
}

.collection_left span, .collection_right span
{
    display: block;
    right: 0;
    position: absolute;
}

.collection_div div
{
	text-align: right;
	display:block;
	color:black;
}



.collection_left h1, .collection_right h1
{
	color:black;
}

.collection_left img, .collection_right img
{
	width:100%;
}


.pagination,
.wp-prev-next {
  margin: 1.1em 0 2.2em; }

.pagination {
  text-align: center; }
  .pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    margin: 1px; }
    .pagination ul li {
      padding: 0;
      margin: 0;
      float: left;
      display: inline;
      overflow: hidden; }
      .pagination ul li a, .pagination ul li span {
        margin: 0;
        text-decoration: none;
        padding: 0;
        line-height: 1em;
        font-size: 1em;
        font-weight: normal;
        min-width: 1em;
        display: block; }
      .pagination ul li span.current {
        font-weight: bold; }

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left; }
.wp-prev-next .next-link {
  float: right; }

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments {
  /* number of comments span */ }

.commentlist {
  /* general comment classes */
  /* vcard */
  /* end .commentlist .vcard */
  /* comment meta */
  /* comment content */
  /* end .commentlist .comment_content */
  /* comment reply link */
  /* end .commentlist .comment-reply-link */ }
  .commentlist .comment {
    border: 1px solid #DBDBDB;
    padding: 30px; }
  .commentlist li {
    position: relative;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding: 0.7335em 10px;
    /* end .commentlist li ul.children */ }
    .commentlist li:last-child {
      margin-bottom: 0; }
    .commentlist li ul.children {
      margin: 0;
      /* variations */
      /* change number for different depth */ }
  .commentlist li[class*=depth-] {
    margin-top: 1.1em; }
  .commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0; }
  .commentlist li:not(.depth-1) {
    margin-right: -10px;
    margin-left: -10px;
    margin-top: 0;
    padding-bottom: 0; }
  .commentlist .odd {
    background: #eee; }
  .commentlist .even {
    background: #fefefe; }
  .commentlist .comment-author {
    background: none !important;
    color: #333 !important;
    font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    top: -12px; }
    .commentlist .comment-author .fn {
      font-size: 2em; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    display: none; }
  .commentlist .comment_content p {
    margin: 0.7335em 0 1.5em;
    font-size: 1em;
    line-height: 1.5em; }
  .commentlist .comment-reply-link {
    float: right;
    margin-bottom: 10px;
    font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.4em; }
    .commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus {
      opacity: 1; }

/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
input, textarea, select {
  border: 0;
  padding: 0.5em;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  border-radius: 0; }

input[type="text"] {
  -webkit-appearance: none; }

input, textarea, select:focus {
  outline: none; }

.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form .small {
    font-size: 1em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin: 10px 0 0 0 !important;
      padding-left: 0px; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 15px;
      background: #fff;
      margin: 0 0 0 0;
      border: 1px solid #DBDBDB;

      /* form validation */ }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

/* comment submit button */
/* comment form title */
/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

/* no comments */
.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul li {
  /* deep nesting */ }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both; }

.responsive {
  display: block; }

.desktop {
  display: none; }

#logo {
/*  margin-top: 5px;
*/  float: left;
}

.paiement_footer i{
font-size: 1.7em;
margin-right: 0.2em;
}

.header-home #logo {
  background: url(../img/logo_header-white.png);
  background-size: cover; }
  
.about_img{
	background-image: url("");
    background-size: cover;
	background-position:right;
    display: block;
    float: left;
    height: 500px;
    width: 100%;
	/*margin-top: -30px !important;*/
}

.top-nav {
  /*float: right;*/
  /*font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  text-transform: uppercase;
  margin-top: 100px;
  margin-bottom: 0px;
  display: none; }
  
 #invitation-right /*, #contact-right */{
	 display:none;}
  
.fix{
  height:40px;
  /*z-index:1000;*/
  line-height:1em;
  width:100%;}
  
.li_menu_global{
	display:block;
}

li.blank{
	width: 10em;
}

.nav li {
/*  float: none !important; */
	display: inline-block;
}

.top-nav a {
  font-size: 1.2em;
  color: inherit; }

.top-nav a:hover {
  color: inherit; }

.header-home .top-nav a {
  color: #fff; }

.header-home {
  position: fixed;
  width: 100%;
  z-index: 1;
  top: 0;
  height: 390px; }

.header-home .button {
  margin: 37px auto; }

.header-home .button:hover {
  color: white; }

.header-home .wrap {
  width: 95%; }

#home-nav-inner {
  width: 90%;
  margin: 0 auto;
  float: none; }

.header-home h1, .header-home h2 {
  text-align: center; }

.header-home h1 {
  color: white;
  margin: 0;
/*  font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
*/  font-size: 4.5em;
  margin-top: 10px; }

.header-home h2 {
  margin-top: 5px;
  letter-spacing: 2px;
  color: white; }

#hero {
  opacity: 0;
  text-align: center;
  float: left;
  width: 100%;
  overflow: hidden;
  margin: 25px 0; }
 
#dark {
	background-size: cover;
	width: 40%;
	float: right;
	position: absolute;
	min-width: 300px;
	min-height: 600px;
	z-index: 1000;
	right:-15%;
	top:-50px;
	background: url(../img/dark.png) top left;
	opacity:0.25;
  	filter:alpha(opacity=25); /* For IE8 and earlier */
   }

.toggle {
  height: 30px;
  width: 30px;
  background: url(../img/plus.png);
  background-size: cover;
  position: fixed;
  top: 0;
  right: 0;
  display: block;
  z-index: 199;
  margin: 20px 20px;
  cursor: pointer; }

.toggle.minimise {
  position: fixed;
  background: url(../img/minus.png);
  background-size: cover;
  z-index: 202; }

.toggle-line {
  height: 4px;
  width: 65%;
  margin: 7px auto;
  display: block;
  background: #fff; }
  
  .contact-tab {
    bottom: 100px;
}

.contact-tab a {   
	outline: none; 
}
.contact-tab {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #DDDDDD;
    border-color: #BBBBBB -moz-use-text-color #BBBBBB #BBBBBB;
    border-image: none;
    border-radius: 5px 0 0 5px;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    bottom: 50px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    height: auto;
    position: fixed;
    right: 0;
    width: 40px;
    z-index: 1000;
}

.contact-tab img {
    display: inline-block;
    vertical-align: middle;
	outline: none; 
}

.contact-tab img, .contact-tab object, .contact-tab embed {
    height: auto;
    max-width: 100%;
}

.sub_menu
{
	display:none;
}


/* Home Sections */
.home-section {
  text-align: center;
  padding: 50px 0; }

.home-section h1 {
  font-size: 2.5em;
  margin: 0 auto 20px auto;
  line-height: 1;
  display: table; }

#home-whatwedo {
  background: url(../img/bg-home-what.jpg) center;
  background-size: cover;
  color: white;
  overflow: visible; }
  
#home-whatwedo .quarter {
    width: 50%;
    float: left;
    z-index: 10000; }
#home-whatwedo .quarter.last {
    margin-bottom: 0; }

#home-whatwedo h1, #home-whatwedo h2 {
  color: white; }

#home {
  background: #fff;
  position: relative;
  top: 390px;
  z-index: 200; }

#content {
  	background: #efefef none repeat scroll 0 0;
    border-top: 0.5px solid black;
    float: left;
    overflow: hidden;
    margin-top: 0px;
    width: 100%;
    z-index: 50;}

#home-testimonials h2 {
  margin: 30px 0 0 0;
  font-size: 1.8em;
  color: black;
  font-style: normal; }
  
#home-testimonials h3 {
  margin: 0; }
  
#home-testimonials blockquote {
  margin: 0 0 0 0;
  font-style: italic; }

#second {
  display: none; }

.home-section .text-link {
  margin: 0 auto; }

#home-blog .button {
  display: none; }
#home-blog h2 a {
  color: #333; }
#home-blog h2 {
  margin-bottom: 0px;
  font-size: 2em; }
#home-blog .avatar {
  border-radius: 100%;
  float: left;
  margin-right: 20px;
  width: 60px;
  height: 60px;
  top: -11px; }
#home-blog .meta {
  width: 100%;
  float: none;
  margin: 0 0 20px 0;
  color: black; }
  #home-blog .meta a {
    color: black; }

.home-blog-date {
  width: 20%;
  float: left;
  overflow: hidden;
/*  font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
*/  color: black;
  text-transform: uppercase;
  font-size: 3.3em; }
  .home-blog-date span {
    display: block;
    line-height: 1; }
  .home-blog-date .day {
    font-size: 1.2em; }
  .home-blog-date .month {
    margin-top: 30px;
    font-size: 0.9em; }

.home-blog-excerpt {
  width: 75%;
  float: left;
  overflow: hidden;
  text-align: left;
  padding-left: 30px; }

/* What We Do Quarter */
.home-section .quarter {
  margin-bottom: 50px; }

.home-section .quarter h2 {
  font-size: 1.5em; }

.home-section .quarter h2 span {
  color: black;
  font-size: 17px;
  position: relative;
  top: -5px;
  margin: 0 10px 10px 0; }

.home-section .quarter .hover {
  position: absolute;
  background: black;
  padding: 20px;
  bottom: 0;
  left: 0;
  font-weight: 400;
  font-size: 20px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  line-height: 1.6;
  opacity: 0;
/*  font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
*/  z-index: 1; }

.home-section .quarter:hover .hover {
  opacity: 1;
  bottom: 80px; }

.home-section .quarter .hover span {
  width: 36px;
  height: 21px;
  background: url(../img/tooltip.png) no-repeat;
  position: absolute;
  bottom: 0;
  margin-bottom: -10px;
  left: 50%;
  margin-left: -18px;
  display: block; }

/* Reusable */
#mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 201;
  background: black;
  width: 100%;
  /*height: 400px;*/
  display: none; }

#mobile-nav .top-nav {
  display: block;
  width: 100%;
  margin-top: 50px; }

#mobile-nav .top-nav li a {
  padding: 0px 20px;
  font-size: 1em;
  text-align: right;
  color: white; }

/* Image Header Pages */

  
#service
{
  background: rgba(0, 0, 0, 0.6);
  padding:20px;
  text-align: center;
}

#service h1
{
  color:#FFF;
}

#service h1 span.border {
    background: none repeat scroll 0 0 #FFF;
    bottom: 0;
    display: block;
    height: 3px;
    margin: 10px auto 5px;
    position: relative;
    width: 5%;
}

.overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  position: absolute; }

.header-home .overlay {
  background: rgba(0, 0, 0, 0);
  }

.overlay{
  background: #171419;
 	background-image:url(../img/patate_records-header.png);
	background-size: cover;  }

.header {
  background-size: cover;
  color: black;
  height:80px; }

#home-blog .overlay {
  background: rgba(0, 0, 0, 0.6); }

#home-whatwedo .overlay {
  background: rgba(0, 0, 0, 0.6); }


#post h1, #web h1, #audio h1, #video h1, #design h1, #photo h1, #marketing h1, #rates h1, #services h1, #faq h1, #errordocument h1, #ourprocess h1, #contactus h1, #whatwedo h1, #about h1, #ourwork h1, #blog h1 {
  color: white; }

/* Pages */
/*.header-white {
  position: fixed;
  width: 100%;
  background: black; }*/
  
  .header-white h1 {
    color: white; }

.intro {
  /*font-size: 1.3em;*/
  color: black;
 margin: 0.3em 0 0.5em 0; 
}

.info_cgv{
  font-size: 1em;
  color: black;
 margin: 1em 0 0.3em 0; 
}

h1.page-title {
  font-size: 3.9em;
  margin-top: 15px;
  display: table; }

/* Style */
.style_img{
	display:block;
	float:left;
	width:49%;
	height:49.25%;
	margin-right:1%;
	margin-bottom:0.5%;
	overflow:hidden;
	}
	

.style_trio
	{
	width:66%;
	float:left;
	}

.style_trio img
	{
	display:block;
	width:100%;
	}

.style_solo
	{
	overflow: hidden;
	width:34%;
	}


.style_img-3{
	width:100%;
	overflow:hidden;
	}
	
.down{
	margin:0.5% 1% 0 0!important;
	}



/* Portfolio */
.portfolio-item {
  height: auto;
  overflow: hidden;
  width: 100%;
  float: left;
  text-align: center;
  margin: 0px;
  border: 1px solid transparent;
  border-bottom: 2px solid black;
  margin-bottom: 50px;
  padding-bottom: 30px; }

.portfolio-item img {
  display: block;
  max-width: 100%;
  margin: 0 auto; }

.portfolio-item .button {
  display: none; }

.portfolio-caption h1, .portfolio-caption h2 {
  line-height: 1;
  margin: 0; }

.portfolio-caption h1 {
  font-size: 3.5em;
  margin-bottom: 10px; }

.portfolio-caption h2 {
  margin-bottom: 0 !important; }

.case-study img {
  max-width: 100%;
  height: auto; }

.case-study blockquote {
/*  font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
*/  font-size: 2em;
  margin: 0; }
  .case-study blockquote h2 {
    font-size: 1.2em !important;
    color: black; }

/* Services Page */
#services-breakdown h2 {
  font-size: 2.3em !important; }

#services-breakdown {
  margin: 0; }

.service {
  float: left;
  overflow: hidden;
  margin: 10px 0;
  text-align: center; }

.service-icon {
  width: 100%;
  float: left; }
  .service-icon img {
    display: block;
    margin: 20px auto;
    max-width: 100%; }

.service-detail {
  float: right;
  width: 100%; }

/* Portfolio */
.portfolio-caption h2 {
  color: black;
  font-size: 1.8em !important; }

/* Contact  Acount Livraison order*/
.form input[type="text"], .form input[type="password"], .form textarea, .form select
{
  background: #fff;
 	width: 49% !important;
    float: left !important;
    margin-bottom: 2% !important;
/*  border: 1px solid #DBDBDB; */}


  .form input.first {
    margin-right: 2% !important; }
 

.error {
  background: #CCC !important;
 }
.info_error
{
	margin-bottom: 	1em;
    margin-top: 1em;
    float: right;
    text-align: right;
}

.info_error span
{
    display: inline-block;
    background-color: #900;
    padding: 0.2em 1em;
    border-radius: 1em;
    color: #FFFFFF;
    margin: 0.5em  0 0 0.5em;
}

.field-icon {
  float: right;
margin-right: 0.5em;
margin-top: -2.7em;
  position: relative;
  z-index: 2;
cursor: pointer;
}


.form label  {
	/* [disabled]left: 15px; */
	top: 1px;
	font-size: 0.9em;
}

.form .button {
  margin-top: 10px; }

.button_accueil {
    float: right;
    margin: 0.2em 0 0 0;
    border-radius: 1em;
    display: inline-block;}

.button_accueil{
    margin: 0.5em 0 0 0;}
    
.button_accueil a, .button_accueil a:visited {
    color:#FFF !important;}

#inner-content #contact-right h2 {
  margin-bottom: 0px;
  margin-top: 60px; }


 /* The container must be positioned relative: */
.custom-select {
  position: relative;
       width: 49% !important;
float: left !important;
margin-bottom: 2% !important;
border: 0 !important;
    
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #fff;
  width: 100% !important;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 0.8em;
  right: 0.5em;
  width: 0;
  height: 0;
  border: 0.5em solid transparent;
  border-color: #999 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #999 transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  padding: 0.5em;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
overflow-y: auto;
overflow-x: hidden;
    max-height: 12em;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
} 


/*.form select {
  height: 54px;
  line-height: 1.1;
  -webkit-appearance: none;
  background: transparent;
  border: 0px;
  opacity: 0.5;
  width: 100%;
  padding-left: 0; }*/

#contact textarea, #commentaire_client{
  width: 100% !important;
  height: 200px; }
  
 
#invitation textarea {
  width: 100%;
  height: 300px; }

.recap_commande_order {text-align: right; width: 100%;}

.recap_commande_order li {display: inline-block;width: 100%; }

.recap_commande_order li div:first-child {clear: both;}

.recap_commande_order li div:nth-child(2) {float: right; text-align: left !important;padding-left:1%; }

.recap_commande_order li div{display: inline-block;text-align: right;width: 10%}

#map-container {
  height: 400px; }

#map-canvas {
  width: 100%;
  height: 400px;
  float: left;
  overflow: hidden; }

#map-info {
  position: absolute;
  z-index: 200;
  background: #fff;
  left: 0;
  padding: 30px;
  margin-left: 6%;
  margin-top: 40px;
  width: 80%;
  border-left: 3px solid black; }
  #map-info h2 {
    margin-top: 0; }

/* About */
.gallery {
  display: none; }

/* Process */
.process-flow {
  padding: 0px 0; }
  .process-flow .intro {
    margin-bottom: 80px; }
	
.process-flow .button {
    margin-top: 0px;
    margin-bottom: 0px; }

.process {
  padding: 50px 0; }
  .process h2 {
    margin: 0 0 20px 0;
    font-size: 2.3em; }
  .process .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); }
  .process p {
    width: 90%; }
  .process .intro {
    width: 100%; }

#talk, #work, #services_web, #services_photo, #services_design {
  background: #f3f3f3; }
  
#book, #comments, #support, #services_audio, #services_video, #services_marketing {
  background-size: cover;
  color: #fff;
  text-align: right; }
  
#book h2, #comments h2, #support h2, #services_audio h2, #services_video h2, #services_marketing h2 {
    color: white; }
#book p, #comments p, #support p, #services_audio p, #services_video p, #services_marketing p {
    float: right; }



 
 /* FAQ */
 
h1.faq {
    margin: 20px 0 0 !important;
    color: #820F11;
}

h2.faq{
	margin:0.8em 0 0.4em 0!important;
	font-size:1.2em !important;
}


p.faq{
	margin:0.2em !important;
	line-height:1.2em !important;
}


/* Blog */
.single-blog-content img {
  max-width: 100%;
  height: auto;
  margin: 30px auto; }


.blog-title {
  margin-top: 0px;
  font-size: 3em; }

.blog-entry {
	border-bottom: 2px solid #000;
	padding-bottom: 20px;
	width: 100%;
	padding: 0 0 20px 0;
	overflow: hidden;
margin-bottom: 30px;}
  
 .blog-entry p{
	 padding: 1em 0 0 0;
	float: right;
	width: 50%;}
  
.blog-entry:last-child {
  /*border-bottom: none; */}

.news{
  border-bottom: none;
  float:right;
  width:54%;
    margin-bottom: 1em;
}

.media{
  border-bottom: none;
  float:left;
  width:45% ;
  margin-right:1%;
  padding-bottom: 10px;
  margin: 0;
}


.media img{
	width:100%;
	vertical-align:bottom;
}

.thumb
{
	width:100%;
    display: none;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	/* [disabled]padding-top: 30px; */
	height: 0;
	overflow: hidden;
}

.view_image
{
	display: block;
}
      div.view_image .thumbnails {
    margin: 0.8% 0.8% 0 0;
    display: inline-block;
      width: 16%;}

.image {
    background-size: cover;
    margin: 0.8% 0.8% 0 0;
    display: inline-block;
    background-position: center;
}

div.view_image .thumbnails:nth-child(6n+6) {
    margin: 0.8% 0 0 0;
}

.sound-container {
	min-height:450px;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.blog-entry h1 {
  font-size: 1.5em;
  margin-top: 0px;
  margin-bottom: 0px; }

.blog-entry img {
  max-width: 100%; }

.blog-entry h1 a {
  color: #333; }

.date {
  font-size: 0.5em;
  color: black;
  display: block; }
  
.news span{
	line-height:1em !important;
}

.border
{
	border-style: solid;
    border-width: 1px 0px 1px 0px;
	padding:5px 0;
}

.blog_content
{
	margin:auto;
	padding: 2em 0 2em 0  !important;
	width:80% !important;
    min-height: 0  !important;;

}

.tag, .date {
  font-size: 1em !important;
  font-weight:300;
  line-height:1em;
  display: block;
  text-transform: uppercase;
/*  font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
*/ }
 
span.tag a, span.tag a:visited {
	color:#666;
 }

span.tag a:hover
 {
	color:black;
 }

#txt_accueil {
  margin-bottom:0;
   }
   
#video-background {
/*  making the video fullscreen  */
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}
  
.meta {
/*  font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
*/  text-transform: uppercase;
  float: left;
  padding-top: 10px;
  margin-bottom: -10px;
  width: 100%;
 }

.meta .avatar {
  top: -10px;
  float: left;
  margin: 0;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  margin-right: 20px; }

.social {
  width: 100%;
  float: left;
  margin-top: 30px;
  margin-bottom: 30px; }

.social ul {
  margin: 0;
  padding: 0; }

.single-blog #inner-content .social li {
  margin: 0;
  padding: 0;
  float: left; }

.single-blog #inner-content .social li * {
  position: static; }

/* Contact Footer */
#contact-footer{
    background: #A9A9A9;
	background-image: url("../img/background_contact.png");
	background-size: cover;
    color: #000;
    text-align: center;
}

#contact-footer h1 {
  margin: 0;
  font-size: 1.2em;
  margin-bottom: 10px;
  padding-bottom: 0px;
  border-bottom: none;
  color: black;
  line-height: 1.1; }

#contact-footer .wrap {
  padding: 50px 0; }

#contact-footer .button {
  margin:1em 0 !important; 
   color: black !important;
     border: 2px solid black !important;
}

/* Footer */
.footer {
  background: black;
  border-top: 3px solid #333;
  color: #b3b3b3; }

.footer a {
  color: #fff; }

.copyright {
  width: 100%;
  float: left;
  overflow: hidden;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #fff; }

.footer .wrap {
  padding: 1em 0 6em 0; }

.footer ul {
  list-style: none;
  padding: 0;
  margin-top: 0px; }

.footer li {
  line-height: 1;
  padding: 0 0 0.5em 0; }

.footer ul li:first-child {
  color: white;
/*  font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
*/  text-transform: uppercase;
  font-size: 1.2	em; }

.footer a {
  text-decoration: none; }

.footer a:hover {
  color: white; }

.footer-logo {
  width: 70px;
  display: block;
  margin: 40px auto 0 auto; }

.footer span.social-links {
  float: right;
  margin-left: 0;
  padding: 0;
font-size: 1.5em;}

.social-links a {
  float: left;
  margin-left: 0.5em;
}

.social-links a:hover {
    color: #C6C6C6;
}

#twitter-icon {
  height: 18px;
  top: 2px; }

#instagram {
  height: 19px;
  top: 2px; }

.newsletter {
  position: relative;
  font-size: 0.9em;
  float: left;
  }

.newsletter h2 {
  margin-top: 0px; }

.newsletter input[type='text'] {
  width: 100%;
  padding: 13px;
  background: #fff;
  border: 0;
  font-size: 15px;
  color: #666; }

.newsletter p {
 	margin: 5px 0}

.footer h2 {
  color: white;
  font-size: 1.2em;
  margin-bottom: 0px; }

div.newsletter_button {
  padding: 14px;
  position: absolute;
  background-color: #fff;
  right: 0;
  height: 45px;
  width: 53px;
  background: url(../img/email_icon.png) no-repeat;
  background-position: center;
  border: 0px;
  top: 0;
  margin-top: 0px;
  cursor: pointer; }

#twitter {
  background: #1d1d21;
  text-align: center;
  color: white; }

#twitter .wrap {
  padding: 40px 0; }

#twitter a {
  text-decoration: none;
  color: inherit; }
  
#twitter p.interact a
 {
  padding: 0 5px; }


#twitter .timePosted {
  font-style: italic;
  font-size: 17px;
/*  font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
*/  text-transform: uppercase;
  color: white; }

#twitter p {
  margin: 0;
  color: #b3b3b3; }

#twitter .user {
  display: none; }

#tweets ul {
  margin: 10px 0 0 0; }

#tweet_icon {
  margin: 0 auto 0px auto; }

#inner-content {
  padding: 0;
min-height: 100vh;}

#inner-content h2 {
  font-size: 2.5em;
  margin: 10px 0 30px 0; }

#inner-content p.intro {
  /*margin-top: -30px !important;*/ }
 
 
.sub_content
{
	width:80% !important;
	margin:auto;}
	
video {
  width: 100%    !important;
  height: auto   !important;
}

#video {
	width:100%;
	text-align:center;
	/*padding:0;*/
	font-size:2em;
}

#videoPlayer {
	z-index:-1000;
	position:relative;
	padding:0;
	height:auto;
}

.playvideo {
	margin:auto;
	z-index:2;
	position:absolute;
	vertical-align:middle;
	width:100%;
	height:100%;
	display:inline-block !important;
	cursor: pointer;
	padding:0;
}

.btn_play{
	margin:auto;
	z-index:1;
	vertical-align:middle;
	width:100%;
	height:100%;
	display:inline-block;
	background-image: url(../img/play-video.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	padding:0;
}

p.about_txt
{
	width:50%;
	float:left;
	margin-left:20px;
	font-size: 1em !important; ;
}

/* Slider */
.rhino-btn {
  z-index: 10;
  width: 16px;
  height: 32px;
  display: block;
  text-indent: -999%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  top: -85px;
  position: absolute; }

.rhino-prev, .rhino-next {
  bottom: -4px; }

.rhino-prev {
  left: -6px;
  background: url(../img/nav-arrows.png) left no-repeat; }

.rhino-next {
  right: -6px;
  background: url(../img/nav-arrows.png) right no-repeat; }

.rhino-toggle {
  top: -4px;
  left: -6px; }

.rhino-play {
  background-position: 0 0; }

.rhino-play:hover {
  background-position: 0 -53px; }

.rhino-pause {
  background-position: -56px 0; }

.rhino-pause:hover {
  background-position: -56px -53px; }

.rhino-container {
  position: relative; }

.rhino-caption {
  position: absolute;
  background: #000;
  display: none;
  left: 0;
  right: 0;
  top: 0;
  color: #fff;
  padding: 10px;
  text-align: right;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.rhino-bullets {
  position: absolute;
  bottom: -3px;
  left: 50%;
  margin: 0 0 0 -50px;
  z-index: 10;
  background: #fff;
  padding: 0; }

.rhino-bullets:before, .rhino-bullets:after {
  position: absolute;
  display: block;
  left: -16px;
  content: ' ';
  width: 16px;
  height: 26px;
  background: url(../img/rhinoslider-sprite.png) -224px 0 no-repeat; }

.rhino-bullets:after {
  left: auto;
  right: -16px;
  background-position: -240px 0; }

.rhino-bullets li {
  float: left;
  display: inline;
  margin: 0 2px; }

.rhino-bullets li a.rhino-bullet {
  display: block;
  width: 16px;
  height: 15px;
  cursor: pointer;
  background: white;
  font-size: 10px;
  text-align: center;
  padding: 6px 0 5px 0;
  color: #333;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.rhino-bullets li a.rhino-bullet:hover, .rhino-bullets li a.rhino-bullet:focus {
  color: #999;
  background: #eee; }

.rhino-bullets li a.rhino-bullet.rhino-active-bullet {
  color: #fff;
  background: #5cd4e8; }

.rhino-container {
  display: none;
  height: 205px !important; }

#nonslider {
  display: block; }

/* Misc */
iframe {
  right: 0;
    border: none;
}

.social_link
	{
	margin:0.5% 0 0 0;
	}

.button_news
{
	display:inline-block;
	margin:0.5% 0.55% 0 0;

}

div.social_link .button_news:nth-child(4n+4)
{
	margin:0.5% 0 0 0;
}
	
.button_news a
{
	background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
	display:inline-block;
    cursor: pointer !important;
    background-color: rgba(0, 0, 0, 1);
}

.button_news a:hover
{
  background-color: rgba(0, 0, 0, 0.5);
}

.linkshop a
{
  background-image:url(../img/shopping.png);
}
	
.youtubenews a
{
  background-image:url(../img/youtube.png);
}

.spotifynews a
{
  background-image:url(../img/spotify.png);
}

.deezernews a
{
  background-image:url(../img/deezer.png);
}
	
.bandcampnews a
{
  background-image:url(../img/bandcamp.png);
}
	
.itunesnews a
{
  background-image:url(../img/itune_store.png);
}

.applemusicnews a
{
  background-image:url(../img/apple_music.png);
}
	
.soundcloudnews a
{
  background-image:url(../img/soundcloud.png);
}
    
.tidalnews a
{
  background-image:url("../img/tidal.png");
}
    
.googleplaynews a
{
  background-image:url("../img/google_play.png");
}
    
.qobuznews a
{
  background-image:url("../img/qobuz.png");
}
    
.napsternews a
{
  background-image:url("../img/napster.png");
}

    
    
.media-acceuil img{
    width:100%;
    }
    
.blog_content-acceuil {
    margin: auto;
    padding: 2em 0 1em 0 !important;
    width: 95% !important;
}

.news-acceuil {

    float: right;
    width: 54%;
    display: none;
}
    
.blog-acceuil{
    
}

.blog_content-acceuil li:nth-child(2) {

    float: left;
    width: 45%;
    margin: 0; 
}

.blog_content-acceuil li:nth-child(3), .blog_content-acceuil li:nth-child(4)
{
    width: 54%;
    margin: 0  0 0 1%;
    float: left;
    display: inline-block;
}

.blog_content-acceuil li:nth-child(3){
border-style: solid;
border-width: 0 0px 1px 0px;
padding-bottom: 1em;
}

.blog_content-acceuil li:nth-child(4)
{
padding-top: 0.5em;
}
    
 .blog_content-acceuil li:nth-child(5),  .blog_content-acceuil li:nth-child(6), .blog_content-acceuil li:nth-child(7)
{

    width: 26%;
    margin: 0 0 0 1%;
    float: left;
}

.button_lifestyle{
    position:absolute;
    bottom:0;
    right:0;
border-bottom: none;}



@media only screen and (min-width: 661px) {
 	#logo img {
	display: block;
    height: 100%;
    width: 80%;
/*	margin-top:10px;
	margin-left:10px;*/
	} 
    .nav li {
    display: block;
    margin: 0.5em 0;
    }
    .footer-logo, /*div.media .view_image,*/ .button-group
{
	display:none;
}
    h1, .h1 {
    font-size: 1.2em;
    line-height: 1.2em;
    /*margin: 0.5em 0 !important;*/
    }
    
    #contact-right, .newsletter {
    display: none;
    }
    
    body {
    font-size: 1.2em;
    line-height: 1.2em;
    }
    
    .no_full {
    width: 80% !important;
    padding: 1.5em 0 2em 0 !important;
    }
    
    .footer .wrap {
   padding: 1em 0 6em 0;
    }
    
    .wrap {
    width: 100%;
    margin: 0 auto;
    }
    
    .wrap_footer
	{width:90%}
    
    .footer ul {
    float: left;
    margin-right: 50px;
}
    
    h2.faq {
    margin: 0.8em 0 0.4em 0 !important;
    font-size: 1em !important;
}
    
    .form .button {
    margin-top: 0px;
    float: right;
    margin-bottom: 0px;
}
    
    .button {
    padding: 0px 20px;
}
    
    button, .button:visited {
    display: table;
    padding: 4px 25px;
    background: 
    black;border: 2px solid
    black;color:
    white; text-transform: uppercase;
    font-size: 1em;
    cursor: pointer;
    text-decoration: none;
    -webkit-border-radius: 3px;
}
    
    .low {
    margin-right: 1% !important;
    color: black !important;
    border: 2px solid    black !important;
}
    
        .blog-entry p {
    padding: 1em 0 0 0;
    float: none;
    width: 100%;
}
    
        .news .button
    {
        float:right;
        margin: 10px 0;
    }
    
    
    .form .button {
float: right;
margin: 0;
border-radius: 1em;
    
}
    
.blog_content-acceuil li:nth-child(3) {
    display: none;
}

.blog_content-acceuil li:nth-child(4) {
    padding-top: 0;
}

.blog_content-acceuil     h1 {
    font-size: 1.2em;
    line-height: 1em;
    margin: 0 0 0.5em 0!important;
}
}
/*//////////////////////////////////////*/
@media only screen and (max-width: 660px) {
    
    #contact-right, .newsletter {
    display: inline-block;
    }
    
    .footer-logo, div.media .view_image, .button-group,.m-item,.m-style
{
	display:none !important;
}

div.mask p
{
	height:60px !important;
	overflow:hidden !important;
}

.media
{
	float:none !important;
	width:100% !important;
	 margin: 10px 0 !important;
}
  div.view_image .thumbnails {
    margin: 0.8% 0.8% 0 0;
    display: inline-block;
      width: 16%;}
    
	#logo img {
   	height: 100%;
    width: 80%;
    display: block;
	margin-top:10px;
	/*margin-left:10px;*/ }
    
    .nav li {
    display: block;
    margin: 0.5em 0;
    }
    
   h1, .h1 {
    font-size: 1em;
    line-height: 1em;
    margin: 0.5em 0 !important;
    }
    
    #contact-right, .newsletter{
    display: none;
    }
    
    .copyright{
    text-align: right;
    }
    
    body {
    font-size: 1.2em;
    line-height: 1.2em;
    }
    
    .no_full {
    width: 80% !important;
    padding: 1.5em 0 2em 0 !important;
    }
    
    .footer .wrap {
    padding: 20px 0;
    }
    
    .wrap {
    width: 100%;
    margin: 0 auto;
    }
    
    	.wrap_footer
	{width:90%}
    
    #contact-footer h1 {
  margin: 0;
  font-size: 1em;
  margin-bottom: 10px;
  padding-bottom: 0px;
  border-bottom: none;
  color: black;
  line-height: 1.1; }
    
    #contact-footer span{
    font-size: 1em;
}
    
    h2.faq {
    margin: 0.8em 0 0.4em 0 !important;
    font-size: 1em !important;
}
    .form input[type="text"], .form input[type="password"], .form textarea, .form select {
    background: #fff;
    width: 100% !important;
    float: left !important;
    margin-bottom: 2% !important;
    border: none;
}
    
    .custom-select {
  position: relative;
       width: 100% !important;
float: left !important;
margin-bottom: 2% !important;
border: 0 !important;
    
}
    
    .form .button {
float: right;
margin: 0.2em 0 0.2em 0;
border-radius: 1em;
}
    
    .button {
    padding: 0px 20px;
}
    
    button, .button:visited {
    display: table;
    padding: 4px 25px;
    background: 
    black;border: 2px solid
    black;color:
    white; text-transform: uppercase;
    font-size: 1em;
    cursor: pointer;
    text-decoration: none;
    -webkit-border-radius: 3px;
}
    
    .low {
    margin-right: 1% !important;
    color: black !important;
    border: 2px solid    black !important;
}
    
    .blog-entry p {
    padding: 1em 0 0 0;
    float: none;
    width: 100%;
}
    .news .button
    {
        float:right;
        margin: 10px 0;
    }
    
    .blog_content-acceuil li:nth-child(4),.blog_content-acceuil li:nth-child(5),.blog_content-acceuil li:nth-child(6),.blog_content-acceuil li:nth-child(7)
    {
    display: none;
    }
    
    .news-acceuil {
    border-bottom: none;
    float: none;
    width: 100%;
    display: none;
}
    

.blog_content-acceuil li:nth-child(2) {
    border-bottom: none;
    float: none;
    width: 100%;
    margin: 0; 
}
    

    .blog_content-acceuil li:nth-child(3)
{
    width: 100%;
    margin: 0  0 0 1%;
    float: left;
    display: inline-block;
}
}

/*//////////////////////////////////////*/
@media only screen and (min-width: 1030px) {
 body {
    font-size: 1.2em;
    line-height: 1.3em; }

  .desktop {
    display: block; }

  .mobile {
    display: none; }

  .button {
    }
    
      div.view_image .thumbnails {
    margin: 0.8% 0.8% 0 0;
    display: inline-block;
      width: 16%;}
    
/*.footer-logo, div.media .view_image, .button-group
{
	display:none !important;
}*/

div.mask p
{
	height:60px !important;
	overflow:hidden !important;
}

    
.news
{
	float:none !important;
	width:100% !important;
}
   
    .nav li  {
      margin: 0;
      }
    
    h1 {
    font-size: 1.2em;
    margin: 0.67em 0;
}
    h2.faq {
    margin: 0.8em 0 0.4em 0 !important;
    font-size: 1.2em !important;
}
        #contact-right, .newsletter {
    display: inline-block;
    }
    
    .wrap {
    width: 100%;
    margin: 0 auto;
    }
  .header-fixed {
    position: fixed;
    background: rgba(255, 255, 255, 1);
    z-index: 2000;
    width: 100%;
    -webkit-animation-name: growTop;
    -moz-animation-name: growTop;
    -o-animation-name: growTop;
    animation-name: growTop;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3); }

  #fixed-header {
    color: black;
    display: none; }
    #fixed-header .top-nav {
      margin-top: 1px; }
    #fixed-header #logo #logo-fixed{
      margin: 10px 0;
      top: 0;
      margin-top: 12px;
      width: 60px;
      height: 40px; }

.blog-entry p {
    padding: 1em 0 0 0;
    float: right;
    width: 50%;
}
	
    .header-white h1 {
      color: black; }

  .single-post .header-white {
    background: #f3f3f3; }

  #fixed-header.header-fixed {
    width: 100%;
    display: block; }

  /* Global */
  input:focus {
    outline: none; }

  .home-section h1 span.border {
    position: relative;
    bottom: 0;
    width: 20%;
    height: 3px;
    margin-left: auto;
    margin-right: auto;
    background: black;
    display: block; }


  #logo {
    background: no-repeat;
	/*top: 5px; */}

  #logo-fixed img {
   	height: 50px;
    width: 50px;
    display: block;
	margin-bottom:10px;
	margin-top:5px;
	margin-right:20px;
	float:left; }

.nav-fixed
{
	float:left;
}	
  #logo img {
   	height: 100%;
    width: 100%;
    display: block;
/*	margin-top:10px;
	margin-left:0px;*/
	}

  .top-nav {
    display: block; }

.nav li {
/*  float: none !important; */
	display: inline-block;
}
    
.menu_right{
    float: right !important;
    }
    
.sub_menu {
		width:100%;
		margin: 0 auto;
		background-color:black;
		}
		
.sub_menu, .sub_menu div {
			z-index:900;
		}
		
.sub_menu a{
		color:#A9A9A9;
		}
		
.sub_menu a:hover{
		color: #fff;
		}

.sub_main{
		width:80%;
		margin: 0 auto;
		border-spacing:0 0.2em;
		font-size:1em;
		line-height:1.5em;
		vertical-align:top;
		/*padding: 0.2em 0 0.5em 0;*/
		}
	
.sub_main div{
	display: inline-block;
	margin: 0 1em 0 0;
	text-transform: uppercase;
		}	

.title_sub_menu{
	font-size:1em;
	text-transform:uppercase;
}

.link_sub_menu{
	margin-left:0.7em;
}

.sub_ul{
	display:  inline-block;
	vertical-align:top;
	padding: 0 1em 0 0;
}
	/*Contact tab*/

.footer ul {
    float: left;
    margin-right: 70px;
}
    
.contact-tab {
    bottom: 100px;
}

.contact-tab a {   
	outline: none; 
}
.contact-tab {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #DDDDDD;
    border-color: #BBBBBB -moz-use-text-color #BBBBBB #BBBBBB;
    border-image: none;
    border-radius: 5px 0 0 5px;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    bottom: 50px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    height: auto;
    position: fixed;
    right: 0;
    width: 50px;
    z-index: 1000;
}

.contact-tab img {
    display: inline-block;
    vertical-align: middle;
	outline: none; 

}

.contact-tab img, .contact-tab object, .contact-tab embed {
    height: auto;
    max-width: 100%;
}

.studio_left
    {
    width:48%; 
    margin-left:1%;
    float:left;
    }
    
.studio_right
    {
    width:48%; 
    margin-right:1%;
    float:right;
    }
    

#home-whatwedo .overlay {
    background: rgba(0, 0, 0, 0.3); }
	

.header-home .overlay, .header{
	background-color: #FFFFFF}

#inner-header {
	width: 80%; }
	

li.current-menu-item a {
    color: black; }

li.current-menu-item a:hover {
    color: black; }

  /* Home Header */
  .header {
    height: 140px; }

  .header-home {
    height: 550px; }

  .header-home h1 {
    margin-top: 70px;
    font-size: 6.6em; }

  .header-home h2 {
    margin-top: 0px;
    color: black; }

  #hero {
    margin: 25px 0; }

  #hero h1 {
    font-size: 5.3em;
    margin-top: 60px; }
	
	#hero .block {
	font-size:0.5em;
	}

  #hero .button {
    display: inline-block;
    margin: 0 auto;
    font-size: 1.6em;
    margin-top: 30px;
    margin-bottom: 3px; }

  /* White Header */
  /* Home */
  #home {
    top: 550px; }

  #home-blog h1 {
    text-align: left; }

  .home-section {
    padding: 70px 0 70px 0; }

  #home-testimonials blockquote {
    margin: 0 0 0 0;
    padding: 0 40px; }

  /* What We Do Quarter */
  #home-whatwedo .quarter {
    margin-top: 50px;
    position: relative;
    overflow: visible;
    width: 20%;
    margin: 0 2.5%;
    float: left;
    text-align: center; }
  #home-whatwedo .button {
    margin: 60px auto 0 auto; }

  /* Home Testimonials */
  .home-section .text-link {
    margin: 0;
    position: absolute;

    right: 50px;
    height: 74px;
    font-size: 1.2em;
    top: 6px; }

  /* Pages */
  #content {
    margin-top: 0px; }
	
	 

    .navbar {
      overflow: hidden
    }
	
	.container {
       width: 100%;
/*	   margin-bottom:2em;*/
      }
    

  /* Blog */
  .blog-entry {
   /* margin: 10px 0; */}
	
#slogan_header{
	float: right;
    font-size: 1.8em;
    margin-top: 40px;	
	}

  .blog-entry div.info_blog {
    width: 40%;
    float: left; }
	
	.news h1 {
    width: 100%;
    /*float: left;*/ }

.thumb
{
	width:100%;
    display: none;
}

div.view_image a.main
{
	width:100%;
}
    
div.media a
{
	cursor: zoom-in;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}

div.view_image .thumbnails
{
	margin:0.8% 0.8% 0 0;
	display:inline-block;
	width:16%;
}

div.view_image .thumbnails:nth-child(6n+6)
{
	margin:0.8% 0 0 0;
}
	
.image {
	background-size: cover;
	margin:0.8% 0.8% 0 0;
	display:inline-block;
    background-position: center;
}

.image img {
display: none;
}

div.view_image .image:nth-child(6n+6)
{
	margin:0.8% 0 0 0;
}

  .news p {
	width: 100%;
}

  .blog-entry .button {
    padding: 0px 20px;
    font-size: 1.1em;
	float: right;}

  .blog-entry h1 a:hover {
    color: black; }

  .blog-entry-image {
    width: 100%;
    float: left;
    overflow: hidden;
    height: 300px;
    margin-bottom: 20px; }

  .blog-entry-image img {
    width: 100%;
    height: auto; }


  #sidebar {
    font-size: 1em;
    padding-left: 40px; }

  #sidebar div {
    margin-bottom: 60px; }

  #sidebar h2 {
    margin-top: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid black;
    font-size: 1.5em !important; }

  #sidebar ul li {
    margin-bottom: 20px; }

  .newsletter-ad {
    background: black;
    color: white;
    padding: 20px 20px 30px 20px;
    line-height: 1.5;
    font-size: 0.9em; }

  .newsletter-ad input {
    width: 100%;
    margin-top: 5px; }

  .newsletter-ad #newsletter_holder {
    margin-top: 10px;
    margin-bottom: 0px; }

  #sidebar .newsletter-ad h2 {
    font-size: 1.7em;
    margin-bottom: 0px;
    border-bottom: 0px; }

  .next {
    float: right; }

  .prev {
    float: left; }

  /* Single Blog */
  .single-blog #inner-content {
    width: 73%;
    margin: 0 auto; }

  .blog-title {
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: center; }

  #single-entry-meta {
    padding: 15px 60px 40px 60px;
    border-bottom: 1px solid #cecece;
    margin: 10px 0 20px 0; }

  .meta {
    width: auto;
    overflow: hidden; }

  .social {
    float: left;
    overflow: hidden;
    margin-top: 10px;
    width: auto;
    margin-bottom: 0; }

  .blog-title {
    font-size: 3.8em; }

  .single-blog-content img {
    float: right;
    padding: 5px;
    background: #fff;
    border: 1px solid #cecece;
    margin: 60px 0 60px 60px;
    max-width: 400px;
    height: auto; }

  .single-blog-contentimg:nth-child(1n+3) {
    float: left;
    margin: 60px 60px 60px 0; }

  .single-blog .blog-title {
    font-size: 0.4em;
    margin-bottom: 10px;
    line-height: 1; }

  .single-blog #inner-content p {
    margin: 20px 0 0 0; }

  .single-blog #inner-content li {
    margin: 30px 0; }

  .single-blog-content, .single-blog-content span, .single-blog-content em, .single-blog-content strong {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #666 !important; }

  .single-blog-content h2 {
    margin: 60px 0 30px 0 !important;
    font-size: 2.3em !important; }

  .single-blog-content h1 {
    margin: 60px 0 30px 0 !important;
    font-size: 3em !important; }

  .social {
    float: right; }

  /* Process */
  .process-flow {
    padding: 0px 0; }
    .process-flow .intro {
      margin-bottom: 80px; }

  .process {
    padding: 30px 0; }
    .process h2 {
      font-size: 3em; }
    .process p {
      width: 70%; }

  /* Pages */
  #inner-content {
    padding: 0;
	min-height: 100vh; }

  h1.page-title {
    font-size: 4em; }

  .feature-section {
    background: #000;
    min-height: 300px;
    text-align: center;
    color: #fff; }

  .feature-section .circle {
    height: 300px;
    width: 300px;
    margin: 0 auto;
    border-radius: 100%;
    margin-top: 100px;
    padding: 30px 0px; }

  .feature-section .circle h1 {
    margin-top: 40px;
    font-size: 3em;
    color: black; }

  div.left {
    position: absolute;
    left: 0;
    width: 38.5%;
    height: 3px;
    background: black;
    top: 5%; }

  #studio {
    background-size: cover; }

  /* About */
  .gallery {
    display: block;
    width: 100%;
    float: left;
    overflow: hidden;
    height: 500px;
    margin-top: -50px; }

  .gallery img {
    width: 100%;
	vertical-align: bottom; }

  .gallery .last {
    margin-left: 1%; }

  .gallery .eightcol {
    width: 60%; }

  .gallery .bottom {
    margin-top: 1%; }
	
  .annotation {
    position: absolute;
    left: 0;
    height: 3px;
    background: #000;
    top: 45%;
    z-index: 100; }


  .annotation .amp {
    font-size: 0.8em;
    display: block;
    margin-bottom: 0px;
    line-height: 1;
    padding-top: 10px; }

  .annotation .circle {
	height: 250px;
	width: 250px;
	border-radius: 100%;
	left: 100%;
	margin-top: -130px;
	background: rgba(255, 255, 255, 0.7);
	border: solid rgba(0, 0, 0, 1) 10px;
}

  .about {
	 background: rgba(255, 255, 255, 0.9); 
}

  .annotation .circle h1 {
	color: #000;
	top: -10px;
	text-align: center;
	font-size: 3.8em;
}

  #team .threecol {
    height: 250px;
    overflow: hidden; }

  #team .avatar {
    display: block;
    margin: 0 auto;
    min-height: 100%; }

  /* Portfolio */
  .portfolio-grid {
    padding: 0 	!important;
    width: 100%;
    max-width: 100%;
    overflow: hidden; }

  /* Portfolio Single */
  /* Contact */
  #contact-left {
    width: 78%;
    margin-right: 4%;
    float: left;
    /*overflow: hidden*/;
 }
	

  #contact-right {
    width: 18%;
    float: left;
    overflow: hidden;
    display: block;}
	
	#invitation-left {
    width: 48%;
    margin-right: 2%;
    float: left;
    overflow: hidden;
    margin-top: 10px; }
	

  #invitation-right {
    width: 50%;
    float: left;
    overflow: hidden;
    margin-top: -90px;
	display:block; }

  #inner-content #contact-right h2 {
    font-size: 2em;
    margin-top: 0; }

  .form{
    width: 100%;
    float: left; }

  .form input[type="text"], .form textarea, .form select
  {
    width: 49% !important;
    float: left !important;
    margin-bottom: 2% !important;
	border:0 !important;}
	
.div_questionnaire{
	margin-bottom:2em;
}
	
  #questionnaire input[type="text"]
  {
    width: 50% !important;
	line-height: 1em !important;
	clear:both !important;
	float:none !important;
    margin-bottom: 0 !important;}
	
 #questionnaire textarea
  {
    width: 100% !important;
	height: 200px;
	}
	
  #questionnaire h1
  {
	  font-size:1.2em;
	  margin-bottom:0.5em !important;
	  }	
	
	  #questionnaire .radio
  {
    margin-bottom: 0.2em !important;}

  .form input.first {
    margin-right: 2% !important; }

  .form textarea {
    width: 100%; }

  .form .button, .button_accueil {
    float: right;
    margin: 0.2em 0 0 0;
    border-radius: 1em;}

.button_accueil{
    margin: 0.5em 0 0 0;}
    
.button_accueil a, .button_accueil a:visited {
    color:#FFF !important;}

.low
{
	margin-right:1% !important; ;
 	color: black !important;
  	border: 2px solid black !important;
}

  .contact-details {
    margin-top: 40px; }

  .contact-details li {
/*    font-family: "DinCondensedfont", "Helvetica Neue", Helvetica, Arial, sans-serif;
*/    text-transform: uppercase;
    width: 25%;
    float: left;
    font-size: 1.7em;
    text-align: center;
    vertical-align: middle;
    color: #333; }

  .contact-details li.address-li {
    width: 50% !important;
    text-align: left; }

  #map-container {
    height: 300px; }

  #map-canvas {
    height: 300px; }

  /* What We Do */
  #services-breakdown {
    margin: 0;
    margin-left: -3%; }

  .service {
    text-align: center;
    float: left;
    overflow: hidden;
    width: 44%;
    margin: 3%; }

  .service-icon {
    width: 100%;
    float: left; }
    .service-icon img {
      display: block;
      margin: 20px auto;
      max-width: 100%; }

  .service-detail {
    float: right;
    width: 100%; }

  .service h2 {
    font-size: 1.5em; }

  #contact-footer .wrap {
    padding: 0;
    margin: 50px auto; }

	.wrap_footer
	{width:90%}

  #contact-footer h1 {
    line-height: 1; }
	
  #contact-footer span {
    color: black;
	display: block;
	}
	

  /* Footer */
  .footer ul.social-links {
    float: right; }

  #twitter {
    font-size: 0.9em; }

  .footer {
    color: white;
    font-size: 0.95em; }

  .newsletter {
    width: 300px;
    float: right;
    margin: 0; }

  .footer-logo {
    float: left;
    width: 175px;
    margin-top: -2px;
	margin-right: 10px;}
    
    
.media-acceuil img{
    width:100%;
    }
    
.blog_content-acceuil {
    margin: auto;
    padding: 1em 0 2em 0 !important;
    width: 95% !important;
}
    
.news-acceuil {
    float: right;
    width: 54%;
    display: none;
}
    
.blog-acceuil{
    
}

.blog_content-acceuil li:nth-child(2) {

    float: left;
    width: 45%;
    margin: 0; 
}

.blog_content-acceuil li:nth-child(3), .blog_content-acceuil li:nth-child(4)
{
    width: 54%;
    margin: 0  0 0 1%;
    float: left;
    display: block !important;
}

.blog_content-acceuil li:nth-child(4)
{
padding-top: 0.5em;
}
    
 .blog_content-acceuil li:nth-child(5),  .blog_content-acceuil li:nth-child(6), .blog_content-acceuil li:nth-child(7)
{
    width: 26%;
    margin: 0 0 0 1%;
    float: left;
}
    
.blog_content-acceuil h1 {
    font-size: 1.2em;
    line-height: 1em;
    margin: 0.5em 0 !important;
}
    
.h1_acceuil
{
    font-size: 1.5em !important;
}
}
	
/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }


  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
	  display: none; }}