/* small reset */

*{ margin:0; padding:0; border:0; list-style: none; font-weight: normal; }
body, html { height: 100%; min-height: 100%; margin:0; }
section, article, header, footer, nav{ display:block; }
section, article, header, footer{ clear:both; }

/* base font-size corresponds to 10px and is adapted to rem unit */
html { font-size: 62.5%; }

/* ==========================================================================
   _____ ______ _   _ ______ _____            _
  / ____|  ____| \ | |  ____|  __ \     /\   | |
 | |  __| |__  |  \| | |__  | |__) |   /  \  | |
 | | |_ |  __| | . ` |  __| |  _  /   / /\ \ | |
 | |__| | |____| |\  | |____| | \ \  / ____ \| |____
  \_____|______|_| \_|______|_|  \_\/_/    \_\______|

   ========================================================================== */

/* navigation onepage (site + wrapper + main/onepage-wrapper ) */
body, html{ overflow:hidden; -webkit-transition:opacity 400ms; -moz-transition:opacity 400ms; transition:opacity 400ms; }
body, html, .onepage-wrapper{ display:block; position:static; width:100%; height:100%; padding:0; }
#site{ position:absolute; width:100%; height:100%; }
#wrapper{ width:100%; height:100%; overflow:hidden; }
.main, .onepage-wrapper{ display:block; position:relative; width:100%; height:100%; -webkit-transform-style:preserve-3d; padding:0; }
.main .section, .onepage-wrapper .section{ width:100%; height:100%; overflow:hidden; clear:both; }

/* BLOCKS ========================================================================== */

.block_full{ width:100%; height:100vh; min-height:680px; }
.block1080{ position:absolute; width:100%; max-width:1080px; margin-left:-540px; left:50%; overflow:visible; text-align:justify; }
.block1200{ position:absolute; width:100%; max-width:1200px; height:100%; margin-left:-600px; left:50%; overflow:visible; }

.su-accordion{ margin: 300px 0 0 10%!important; }
/* FONTS ========================================================================== */

/* Generic family */
#site{ font-family: 'Open Sans', sans-serif; }
h1{ font-family: 'Bree Serif', serif; }
/* Specifics family */
.projet h1{ font-family: 'Open Sans', sans-serif; font-weight:900; }
.projet h2{ font-family: 'Open Sans', sans-serif; font-style:italic; text-transform:capitalize; letter-spacing:normal!important; font-weight:300; }


/* Style generic */
h1{ font-size:25px; font-size:2.5rem; text-transform: uppercase; text-align:center; }
h2{ font-size:16px; font-size:1.6rem; text-transform: uppercase; text-align:center; font-weight:600; }
h3{ }
h4{ }
p{ font-size:14px; font-size:1.4rem; line-height:2rem; font-weight: 300; text-align:justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.chapeau{ }
li{ -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
/* Style specific */
.projet h1{ font-size:43px; font-size:4.3rem; }
#advengers #ad p, .projet h2, #references ul li, #references02 ul li, #expertise p{ font-size:18px; font-size:1.8rem; }
#contact02 #footer .block1080 #newsletter_form label, .updated ul li{ font-size:17px; font-size:1.7rem; font-weight:100; }
#menu-footer li a{ font-size:13px; font-size:1.3rem; font-weight:600; text-transform:uppercase;  }
#advengers h1, #expertise02 h2, #contact h2{ text-align:left; }
#advengers .block_full .block1200 #vanessa .cv p:nth-child(2), #advengers .block_full .block1200 #eric .cv p:nth-child(2){ font-size:12px; font-size:1.2rem; line-height:1.6rem; }
#philo03 p{ text-align:center; }
#advengers #ad p, #expertise p{ line-height:2.6rem; }
#philo01 p, #philo02 p, #philo03 p{ line-height:1.95rem; }
#story .content ul li { letter-spacing: -0.04em; }
#story .content h1, #story .content h2{ letter-spacing:0.08em; }
#philo01 em, #philo02 em{ font-weight:600; line-height:1.2em; }
#references ul li, #references02 ul li{ font-weight:300; }
.projet .omsc-toggle-title{ text-transform:uppercase; font-weight:900; }
#story .content em{ font-style:normal; font-weight:600; }
ol > li:before { font-size: 41px; font-size: 4.1rem; line-height:3rem; font-weight: bold; text-align: right; }
#philo03 .content #philo03_left #gratuit a{ color:#fff; text-transform:uppercase; font-size:0.9em; text-align:center;  }

/* COLORS ========================================================================== */

body{ background-color:#000; }
#site{ background-color:#d42839; }
/* Specifics */
.content, #contact a, #contact02 #footer .block1080 #newsletter_form label, .updated ul li, #contact02 #footer .block1080 #newsletter_form .wysija-submit, #erreur404 a{ color:#fff; }
#story .content em, #story h2{ color:#6f5e6f; }
#philo01 h2, #philo02 h2, #philo03 h2, #philo03 p{ color:#2b546f; }
#references h2, #references02 h2, #erreur404 h1, #erreur404 h2{ color:#4c4062; }
#menu-footer li a{ color:#8c8b8b; }
#valtex{ background:#b9b8c7; }
#le-batistou{ background:#a79c89; }
#lagrange{ background:#746f6f; }
#scotts{ background:#98c958; }
#scotts-2{ background:#00c0cc; }

/* .projet:before{ content:''; display: block; width:100%; height:100%; position: absolute; z-index: -200; background-color:#b9b8c7; }
#valtex:before{ background:#b9b8c7; }
#le-batistou:before{ background:#a79c89; }
#lagrange:before{ background:#746f6f; }
#scotts:before{ background:#98c958; }
#scotts-2:before{ background:#00c0cc; }
#contact02 #footer{ background:#272324; } */

#contact02 #footer{ background:#272324; }
.wysija-required{ color:#272324; }

/* LINKS ========================================================================== */
a, a:hover{ text-decoration:none; }
.arrow-down-white{ display:block; position:relative; height:58px; width:58px; background: url('images/arrow.png') no-repeat;  animation:bounce 1.5s ease infinite; -webkit-animation:bounce 1.5s ease infinite; z-index: 3000000000000!important; }
.arrow-down-white:hover{ cursor:pointer; }


.mobile_landscape, .resize_not{ display:none; visibility:hidden; }

/* ==========================================================================
  __  __ ______ _   _ _    _
 |  \/  |  ____| \ | | |  | |
 | \  / | |__  |  \| | |  | |
 | |\/| |  __| | . ` | |  | |
 | |  | | |____| |\  | |__| |
 |_|  |_|______|_| \_|\____/

   ========================================================================== */

/* header */
header{ position:fixed; width:100%; height:140px; max-width:1024px; margin-left:-512px; left:50%; z-index:10; }
header #logo{ float:left; width:30%; height:100%; min-width:168px; }
header #logo a{ display:block; width:100%; height:73px; margin-top:40px; cursor:pointer; }

/* menu puce fixe float */
header nav{ float:left; width:50%; height:100%; overflow:hidden; }
header nav ul{ list-style:none; height:30px; padding:0; margin:75px 0 0 30%!important; }
header nav ul li{ /*display: inline-block;*/ float:left; width:40px; height:100%; }

/* menu puce + texte */
header nav ul li a{ display:block; width:70%; height:100%; text-decoration: none; padding:0 15%; }
header nav ul li a .puce{ display:block; width:14px; height:14px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius: 10px;background-color:#fff; }
header nav ul li a:hover .puce{ border:2px solid #fff; background:none; transition:0.2s; -webkit-transition:0.2s; transform-origin:center center;  }
header nav ul li a .middle_text{ top:15px; left:-100px; width:200px; height:20px; position:relative; font-size:0.8em; color:#fff; white-space:nowrap; text-align:center; font-weight:600; letter-spacing:0.08em; opacity:0; filter: alpha(opacity = 0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  }
header nav ul li a:hover .middle_text{ display:block; cursor: default;  -webkit-transition:0.8s; transition:0.8s; opacity:1; filter:alpha(opacity = 100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  }


/* social menu */
header .social{ float:left; width:20%; height:100%; }
header .social ul{ width:100%; height:30px; margin-top:68px;   }
#contact .social{ width:200px; height:30px; padding-left:0;  }

.social li{ display:inline-block; height:100%; }
.social li a{ display:block; height:100%; text-indent:-1000px; overflow:hidden; }
.social li a.facebook{ width:20px; background: url('images/social_ico.png') no-repeat -10px -11px; }
.social li a.twitter{ width:25px; background: url('images/social_ico.png') no-repeat -35px -11px; }
.social li a.instagram{ width:28px; background: url('images/social_ico.png') no-repeat -65px -11px; }
.social li a.pinterest{ width:18px; background: url('images/social_ico.png') no-repeat -95px -11px; }
.social li a.newsletter{ width:28px; background: url('images/social_ico.png') no-repeat -114px -11px; }
.social li a:hover{ opacity:0.5; -webkit-transition: .6s; transition: .6s; }

/* ==========================================================================
  _____        _____ ______  _____
 |  __ \ /\   / ____|  ____|/ ____|
 | |__) /  \ | |  __| |__  | (___
 |  ___/ /\ \| | |_ |  __|  \___ \
 | |  / ____ \ |__| | |____ ____) |
 |_| /_/    \_\_____|______|_____/

   ========================================================================== */

/* LOADER STRUCTURE */
#preloader{ position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; overflow:visible; background: #c32e38 url('images/bgloading.jpg') repeat; }
#preloader #conteneur{ position:fixed; width:100%; max-width:1080px; height:100%; margin-left:-540px; left:50%; }
#preloader #logo-intro{ position: absolute; top:30px; left:100px; }
#preloader #img-intro{ position: absolute; top:160px; left:150px; width:100%; }
#preloader .loading{ position:absolute; display:block; height:58px; width:58px; background: url('images/loading.png') no-repeat; left:455px; top: 240px; animation: rotate 1.5s ease infinite;  -webkit-animation: rotate 1.5s ease infinite;  }
/* LOADER CONTENT */


/* HISTORY */
#history{ width:100%; height:100vh; min-height:680px; background: #000 url('images/bgloading.jpg') repeat; }
#history .col-left{ float:left; width:52%; height:100%; }
#history .col-left a{ display:block; width:618px; height:465px; margin:155px 0 0 0px;  }
#history .col-right{ float:left; width:48%; height:100% }
#history .col-right h1{ display:block; text-indent:-1000px; overflow:hidden; width:503px; height:358px; margin:205px 0 0 90px; background: url('images/histoire_titre.jpg') no-repeat; }
#history .col-right .arrow-down-white{ top:-200px; left: 212px; }

/* ADVENGERS */
#advengers{ width: 100%; height:100vh; min-height:680px; background: url('images/bgadvengers.jpg') repeat-x center; }
#advengers .block_full{ background: url('images/bg_wo.png') center 45% no-repeat; }
#advengers .block_full .block1200 #ad{ position:absolute; width:550px; height:400px; top:302px; left:300px; overflow:hidden; opacity:0; z-index:2; transition: all 1s ease 0.5s; -webkit-transition: all 1s ease 0.5s;  }
#advengers .block_full .block1200 #vanessa{ position:absolute; width:131px; height:252px; top:47%; left:100px; /*background: url('images/bg_vanessa.png') no-repeat;*/ overflow:hidden; z-index:2 }
#advengers .block_full .block1200 #vanessa .cv{ position:relative; width:600px; height:250px; left:170px; top:-90px; opacity:0; overflow:hidden; background: url('images/bg_wo.png') center 55%; }
#advengers .block_full .block1200 #vanessa .cv p:nth-child(1){ float:left; width:68%; margin-right:5%; }
#advengers .block_full .block1200 #vanessa .cv p:nth-child(2){ float:left; width:27%; margin-top:0; }
#advengers .block_full .block1200 #eric{ position:absolute; width:185px; height:260px; top:35%; right:10%; /*background: url('images/bg_eric.png') no-repeat; */overflow:hidden; z-index:2 }
#advengers .block_full .block1200 #eric .cv{ position:relative; width:600px; height:250px; top:0px; left:-620px;  background: url('images/bg_wo.png') center 55%; opacity:0;  }
#advengers .block_full .block1200 #eric .cv p:nth-child(1){ float:left; width:68%; margin-right:5%; }
#advengers .block_full .block1200 #eric .cv p:nth-child(2){ float:left; width:27%; margin-top:0; }
#advengers .block_full .block1200 #vanessa:hover, #advengers .block_full .block1200 #eric:hover{ overflow:visible; cursor:pointer; }
#advengers .block_full .block1200 #eric:hover .cv, #advengers .block_full .block1200 #vanessa:hover .cv{ opacity:1; -webkit-animation: fade .4s ease both; -moz-animation: fade .4s ease both; animation: fade .4s ease both; }
#vanessa .cv h1, #eric .cv h1 { clear:both; float:left; margin-top:20px; }
#advengers .plus{ position:absolute; width:34px; height:34px; /*background: url('images/arrow_plus.png') no-repeat;*/ }
#advengers #vanessa .plus{ top:70px; left:40px; }
#advengers #eric .plus{ left: 47px; top: 85px; }
#advengers .arrow-down-white{ top:-20%; left: 47.5%; }
/* active (animation ready) */
#advengers.active .block_full .block1200 #ad{ top:40%; opacity:1; }

/* LA STORY */
#story{ background:#1a1519 url('images/bg_story2.jpg') no-repeat center 0; }
#story .content{ margin-top:160px; }
#story .content ul{ clear:both; }
#story .content ul li{ float:left; width:176px; margin-top:60px; margin-right:23px; opacity:0;  }
#story .content ul li:nth-child(1){ padding-top:163px; background: url('images/story_ico01.png') no-repeat 30px 90px; transition: all 1s ease 0.1s; -webkit-transition: all 1s ease 0.1s; }
#story .content ul li:nth-child(2){ padding-top:185px; background: url('images/story_ico02.png') no-repeat 20px 90px; transition: all 1s ease 0.3s; -webkit-transition: all 1s ease 0.3s; }
#story .content ul li:nth-child(3){ padding-top:205px; background: url('images/story_ico03.png') no-repeat 30px 90px; transition: all 1s ease 0.4s; -webkit-transition: all 1s ease 0.4s; }
#story .content ul li:nth-child(4){ padding-top:122px; background: url('images/story_ico04.png') no-repeat 40px 0px; transition: all 1s ease 0.5s; -webkit-transition: all 1s ease 0.5s; }
#story .content ul li:nth-child(5){ padding-top:122px; background: url('images/story_ico05.png') no-repeat 40px 30px; transition: all 1s ease 0.6s; -webkit-transition: all 1s ease 0.6s; }
#story .content h1, #story .content h2{ clear:both; width:100%; opacity:0; transition: all 0.5s ease 0.8s; -webkit-transition: all 0.5s ease 0.8s; }
#story .content h1{ float:left; margin:30px 0 0 0; }
#story .arrow-down-white{ top:85%; left:47.5%; }
/* active (animation ready) */
#story.active .content ul li{ margin-top:0px; opacity:1; }
#story.active .content h1, #story.active .content h2{ opacity:1; }


/* PHILOSOPHIE */
#philo01, #philo02, #philo03, #erreur404{ background: #13bfbe url('images/bg_philo.jpg') repeat center top; }
#philo01 .content{ margin-top:100px; height:100%; background: url('images/philo_trace01.png') no-repeat 220px 80px;  }
#philo02 .content{  height:100%; background: url('images/philo_trace02.png') no-repeat 151px -30px;  }
#philo01 .content ul li:nth-child(1){ display:block; float:left; width:50%; padding:0 120px 0 90px; opacity:0; margin-top:50px; transition: all 1s ease 0.1s; -webkit-transition: all 1s ease 0.1s; }
#philo01 .content ul li:nth-child(2){ display:block; float:left; width:50%; padding:0 120px 0 90px; opacity:0; margin-top:50px; transition: all 1s ease 0.4s; -webkit-transition: all 1s ease 0.5s; }
#philo02 .content ul li:nth-child(1){ display:block; float:left; width:50%; padding:270px 120px 0 110px; opacity:0; margin-top:50px; transition: all 1s ease 0.1s; -webkit-transition: all 1s ease 0.1s; }
#philo02 .content ul li:nth-child(2){ display:block; float:left; width:50%; padding:340px 120px 0 110px; opacity:0; margin-top:50px; transition: all 1s ease 0.3s; -webkit-transition: all 1s ease 0.3s; }
#philo03 .content #philo03_left{ float:left; width:57%; margin-top:150px;  }
#philo03 .content #philo03_right{ float:left; width:25%; margin-left:23px; background: url('images/philo_trace03.png') no-repeat 40px -150px; }
#philo03 .content #philo03_left #gratuit{ display:block; width:90px; height:90px; position:absolute; z-index:3; top:490px; left:500px; border-radius: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px; background-color:#d97625; animation: color 3s ease infinite;  -webkit-animation: color 3s ease infinite; -moz-animation: color 3s ease infinite; }
#philo03 .content #philo03_left #gratuit a{ display:block; width:100%; height:100%; line-height:90px; }
#philo03 .content #philo03_left #imgphilo{ position:absolute; z-index:2; }
#philo01 h1{ display:block; width:503px; height:194px; margin:30px 0 0 630px; background: url('images/philo_titre.jpg') no-repeat; text-indent:-1000px; overflow:hidden;  }
#philo01 h2, #philo02 h2{ margin-bottom:15px; }
#philo03 h2{ margin-top:410px; }
#philo01 p, #philo02 p{ margin-top:10px; }
#philo03 p{  margin-top:0; }
#philo01 .arrow-down-white{ top:-87px; left: 71%; }
#philo02 .arrow-down-white{ top:85%; left:25%; }
#philo03 .arrow-down-white{ top:60px; left: 102px; }
/* active (animation ready) */
#philo01.active .content ul li, #philo02.active .content ul li{ opacity:1; margin-top:0; }


/* EXPERTISE */
#expertise{ background: #e96e30 url('images/bg_expertise4.jpg') no-repeat center top; }
#expertise h1{ display:block; width:369px; height:156px; margin-left:40px; background: url('images/expertise_titre.jpg ') no-repeat; text-indent:-1000px; overflow:hidden; }
#expertise .content #expertise_left{ position: relative; width:370px; margin:215px 0 0 56%; opacity:0; }
#expertise .content #expertise_left p:nth-child(1){ margin-top:0; }
#expertise .arrow-down-white{ top:30px; left: 40%; }
#expertise02{ background: #f26826 url('images/bg_expertise2.jpg') repeat; }
#expertise02 .content ul{ list-style:none; margin-top:150px; }
#expertise02 .content ul li{ float:left; display:block; width:240px; margin:40px 70px 10px 30px; padding-top:170px; text-align:left; opacity:0; }
#expertise02 .content ul li:nth-child(1){ background: url('images/expertise_ico01.png') no-repeat top center; transition: all 1s ease 0.1s; -webkit-transition: all 1s ease 0.1s; }
#expertise02 .content ul li:nth-child(2){ background: url('images/expertise_ico02.png') no-repeat top center; transition: all 1s ease 0.4s; -webkit-transition: all 1s ease 0.4s; }
#expertise02 .content ul li:nth-child(3){ background: url('images/expertise_ico03.png') no-repeat top center; transition: all 1s ease 0.6s; -webkit-transition: all 1s ease 0.6s; }
#expertise02 .content ul li h2{  margin-bottom:20px; }
ol { list-style-type: none; list-style-type: decimal;  margin: 0; padding: 0; counter-reset: li-counter; }
ol > li{ position: relative; margin-bottom: 20px; padding:0 0 0 0.5em!important; min-height: 3em; background:none!important; line-height:1.2em; }
ol > li:before { position: absolute; top: 0; left: -1em; width: 0.8em; content: counter(li-counter); counter-increment: li-counter; }
#expertise02 .arrow-down-white{ top:85%; left: 47.5%; }
#expertise02 p{ margin-top:10px; }
/* active (animation ready) */
#expertise.active .content #expertise_left{ margin-top:175px; opacity:1; transition: all 1s ease 0.1s; -webkit-transition: all 1s ease 0.1s; }
#expertise02.active .content ul li{ margin-top:0; opacity:1; }

/* REFERENCES */
#references, #references02{ background: #625779 url('images/bg_references.jpg') repeat; }
#references .content{ margin-top:160px; }
#references02 .content{ margin-top:130px; }
#references h1{ display:block; width:526px; height:201px; margin-left:34%; background: url('images/references_titre.jpg ') no-repeat; text-indent:-1000px; overflow:hidden;  }
#references ul{ float:left; width:380px; margin:60px 0 0 100px; opacity:0; }
#references ul:nth-child(3){ transition: all 1s ease 0.1s; -webkit-transition: all 1s ease 0.1s; }
#references ul:nth-child(4){ transition: all 1s ease 0.4s; -webkit-transition: all 1s ease 0.4s; }
#references ul li{ border-bottom:1px solid #9689a2; padding:4px 0 4px 0;  }
#references02 ul{ width:25%; float:left; margin:65px 0 0 5%; opacity:0; }
#references02 ul:nth-child(2){ transition: all 1s ease 0.1s; -webkit-transition: all 1s ease 0.1s; }
#references02 ul:nth-child(3){ transition: all 1s ease 0.4s; -webkit-transition: all 1s ease 0.4s; }
#references02 ul:nth-child(4){ transition: all 1s ease 0.7s; -webkit-transition: all 1s ease 0.7s; }
#references02.active ul{ margin-top:15px; opacity:1; }
#references02 ul li{ border-bottom:1px solid #9689a2; padding:3px 0 3px 0;  }
#references .arrow-down-white{ top:85%; left: 48%; }
#references02 .arrow-down-white{ top:85%; left: 47.5%; }
/* active (animation ready) */
#references.active ul{ margin-top:30px; opacity:1; }

/* PROJETS */

.projet .projet-container{  transform-style: preserve-3d;  position: relative!important; width:100%; height:100%; }
.projet .content, .projet.active .content *{ opacity: 1!important; visibility: visible!important;}
.projet .omsc-accordion, .projet h1, .projet h2{ position:absolute!important; z-index:2000!important; margin-left:10%; }
.projet .projet-container .content{ position:absolute!important; width:40%; height:100%;  z-index:2000000000000!important; margin-left:10%; }
.projet h1{ margin-top:170px; }
.projet h2{ margin-top:220px; }
.projet .omsc-accordion{ width:420px; margin-top:280px; border:0; }
.projet .omsc-accordion .omsc-toggle{ border:0; }
.projet .omsc-accordion .omsc-toggle-title{ border-bottom:0; border-top:1px solid #fff; background:none!important; }
.projet .omsc-accordion .omsc-toggle-title:hover{ background:none; }
.projet .omsc-accordion .omsc-toggle-inner{ padding-top:0; padding-right:0; }
.projet .omsc-accordion .omsc-toggle-inner li{ padding-left:0; margin-left:0; }
.projet .ls-nav-prev{ background: url('images/arrow_left.png') no-repeat!important; left:20px!important; }
.projet .ls-nav-next{ background: url('images/arrow_right.png') no-repeat!important; right:20px!important; }
.projet p{ height:0; margin:0; }
.projet .ls-wp-fullwidth-container{ position:absolute; width:100%; height:100%; z-index:1; overflow:hidden; }
.projet .ls-wp-fullwidth-helper, .ls-slide, .ls-slide img{ width:100%; height:100%; }
.projet .arrow-down-white{ top:85%; left:47.5%; }

.master-slider-parent{ position: absolute!important; z-index: -10!important; }
/* .master-slider-parent *{ position: relative!important;} */

/* CONTACT */
#contact, #contact02{ background: #000 url('images/bgloading.jpg') repeat; }
#contact .content, #contact02 .content{ margin-top:200px; }
#contact .content h1{ display:block; text-indent:-1000px; overflow:hidden; width:526px; height:201px; margin-left:34%; background: url('images/contact_titre.jpg ') no-repeat; }
#contact .contact_intro{ float:left; width:300px; margin:40px 0 0 100px; opacity:0; transition: all 1s ease 0.1s; -webkit-transition: all 1s ease 0.1s; }
#contact #contact_list1{ float:left; width:175px; margin:40px 0 0 80px; opacity:0; transition: all 1s ease 0.3s; -webkit-transition: all 1s ease 0.3s; }
#contact #contact_list2{ float:left; width:170px; margin:74px 0 0 30px; opacity:0; transition: all 1s ease 0.6s; -webkit-transition: all 1s ease 0.6s; }
#contact #contact_list3{ float:left; width:150px; margin:40px 0 0 30px; opacity:0; transition: all 1s ease 0.9s; -webkit-transition: all 1s ease 0.9s; }
/* active (animation ready) */
#contact.active .contact_intro, #contact.active #contact_list1, #contact.active #contact_list3{ margin-top:0; opacity:1;  }
#contact.active #contact_list2{ margin-top:34px; opacity:1; }

/* CONTACT02 - footer */
#contact .arrow-down-white{ top:85%; left: 47.5%; }
#contact02 #maps{ width:100%; height:70%; }
#contact02 #footer{ width:100%; height:30%;  }
#contact02 #footer .block1080 #newsletter_form{ width:450px; margin:30px 0 0 300px; }
#contact02 #footer .block1080 #newsletter_form label{ margin-bottom:10px; }
#contact02 #footer .block1080 #newsletter_form .wysija-input{ display:inline-block; width:283px; height:36px; padding-left:10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
#contact02 #footer .block1080 #newsletter_form .wysija-submit{ display:inline-block; width:91px; height:36px; margin:0 0 0 10px; border:2px solid #fff; background:none; }
.form-validation-field-0formError{ opacity:1!important; top:65px!important; height:36px; }
.formError .formErrorContent{ border:none!important; background:#ef2837!important; left:110px; padding: 2px 10px!important;  }
.updated{ border:none!important; background:none!important; opacity:1!important; text-align:center; }
#menu-footer { margin-left:90px; }
#menu-footer li{ display:inline-block; margin:40px 0 0 30px;  }
/* active (animation ready) */
.viewing-page-17 header{ top:-200px;  -webkit-transition: all 1s ease 0.2s; }


/* ERREUR 404 */
#erreur404{ height:100vh; }
#erreur404 .content{ margin-top:15%; text-align:center; position: absolute; }
#erreur404 .content p{ text-align:center; }


/* ==========================================================================
  _____  ______  _____ _____   ____  _   _  _____ _______      ________
 |  __ \|  ____|/ ____|  __ \ / __ \| \ | |/ ____|_   _\ \    / /  ____|
 | |__) | |__  | (___ | |__) | |  | |  \| | (___   | |  \ \  / /| |__
 |  _  /|  __|  \___ \|  ___/| |  | | . ` |\___ \  | |   \ \/ / |  __|
 | | \ \| |____ ____) | |    | |__| | |\  |____) |_| |_   \  /  | |____
 |_|  \_\______|_____/|_|     \____/|_| \_|_____/|_____|   \/   |______|

   ========================================================================== */
@media screen and (min-width: 1701px) {

/* limite à 1680 */
#site{ position:absolute; width:100%; height:100%; max-width:1680px; margin-left:-840px; left:50%;  }
.ls-v5 .ls-nav-prev, .ls-v5 .ls-nav-next { border:1px solid #fff; }
.ls-wp-container{ max-width:1680px; }
#advengers .content, #expertise .content, #philo02 .content, #philo03 .content{ top:0%!important; }
}
@media screen and (min-width: 1701px) and (min-height:1200px) {

/* limite à 1680 */
.content{ top:20%!important; }
.ls-wp-fullwidth-container{ /*height:1000px!important;*/ width:1680px!important; }


}
@media screen and (min-height:900px) {
	#eric .cv{ margin-top:19%; }
}
/* ========================================================================== sup. 13pouces */
@media screen and (min-width: 1286px) and (max-width: 1700px){

/* full-screen  */
#site{ position:absolute; width:100%; height:100%; max-width:100%; margin-left:0; left:0;  }

#preloader #img-intro { top: 250px; }

/* HISTORY */
#history .col-left a{ margin:20% 0 0 0;  }
#history .col-right h1{ margin-top:35%; }

/* LA STORY */
#story .content { margin-top: 14%; }
#story .content h1{ margin:100px 0 0 0; }

/* PHILOSOPHIE */
#philo01 .content{ margin-top:200px; }

#expertise02 .content ul{ margin-top:250px; }
#references02 .content{ margin-top:250px; }

#references .content { margin-top: 250px; }
#references .arrow-down-white { /*top: 360px;*/ }

#advengers .block1200{ top:0%!important; }
#footer{ padding-top:20px; }


}

/* ========================================================================== ipad / netbook */
@media screen and (min-width: 1100px) and (max-width: 1200px){
	#eric{ right:5%!important }

}
@media screen and (min-width: 1024px) and (max-width: 1099px){
	#eric{ right:0%!important }

}
/* ========================================================================== mauvais redimentionnement sur ordi */
@media screen and (max-width: 1023px) and (min-height: 640px){

.resize_not{ display:block; width:100%; height:100%; visibility:visible; position:fixed; z-index:100; background:#fff; }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px)and (orientation : landscape)  {

.mobile_landscape{ display:block; width:100%; height:100%; visibility:visible; position:fixed; z-index:100; background:#fff; }

}
/* ========================================================================== mobile */
@media screen and (max-width: 1023px){



/* MENU ========================================================================== */
header{ max-width: none; margin-left:0%; left:0; width:100%; }
header #logo{ margin-left:5%; }
header nav{ position:absolute; width:100%; margin-top:0; overflow:visible;  }
header nav.is-closed ul { max-height: 0; overflow: hidden;  }
header nav ul{ list-style:none; width:100%; height:100vh; padding:0; margin:0!important; background:#242424 url('images/logo_small.png') center 10% no-repeat; overflow:visible;  }
header nav ul li{ display: block; clear:both; width:100%; height:50px; border-bottom:1px solid #343434; }
header nav ul li a{ display:block; width:100%; height:100%; text-decoration: none; color:#fff;  }
header nav ul li:first-child{ margin-top:30%; border-top:1px solid #343434; }

header nav ul li a .puce{ display:none;}
header nav ul li a .middle_text{ display:block; width:100%; height:100%; text-align:center; left:auto; top:16px; font-weight:700; opacity:1;  }
header nav ul li a:hover .middle_text{ cursor:pointer; color:#555; }

/*  fermeture */
header nav ul{ max-height: 100vh; -webkit-transform: translateZ(0);  -ms-transform: translateZ(0);  transform: translateZ(0); -webkit-transition: max-height .8s; transition: max-height .8s; }

/*  Btn toogle */
[id="toggle-nav"]{ display: block; position: absolute; top: 75px; right: 5%; z-index: 1; height: 2rem; width: 2rem; background-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#333), to(#fff)); background-image: -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff); background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff); background-position: center top, center, center bottom; background-repeat: no-repeat; -webkit-background-size: 3.5rem .9rem; background-size: 3.5rem .2rem; padding: 0; outline: 0; border: 0; cursor: pointer; -webkit-tap-highlight-color:rgba(255,255,255,0); -webkit-transition: .2s; transition: .2s; }
[id=navigation]:not(.is-closed) [id="toggle-nav"] { -webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0); background-position: center, center, center; }

/*  Removing Firefox's dotted outline on button */
[id="toggle-nav"]::-moz-focus-inner { border: 0; }

header .social{ visibility:none; width:0; overflow:hidden; }

/* BLOCKS ========================================================================== */
.block_full, .block1200, .block1080{ width:100%!important; height:100%!important; min-height:auto!important; margin:0!important; left:0!important; overflow:hidden!important; max-width:100%!important; padding:0 2%!important;   }


/* PAGE ========================================================================== */

/* LOADER */
#preloader #conteneur{ position:fixed; width:100%; max-width:none; height: 100%; margin-left:0; left:0; }
#preloader #logo-intro{ left:5%; }
#preloader #img-intro{ left:5%; }
#preloader .loading{ left:60%; }



/*}

@media screen and (max-width: 640px){*/

html, #references02 ul li{ text-align:left!important; }
section{ /*font-size: 42.5%!important;*/ }
.content { margin-top: 100px!important; }
.arrow-down-white{ background: url('images/arrow_mobile.png') no-repeat!important; left:40%!important; bottom:15%!important; z-index: 3000000000000!important;  }
h1{ background:none!important; text-indent:0!important; width:100%!important; height:auto!important; margin-left:0!important;  }


/* Fonts */
.projet h1, ol > li:before{ font-size:22px!important; font-size: 2.2rem!important;  }
h2{ font-size:12px!important; font-size: 1.2rem!important; line-height:1.3em!important;  }
#contact02 #footer .block1080 #newsletter_form label, #references ul li{ font-size:12px!important; font-size: 1.2rem!important; line-height:1.3rem!important;  }
#advengers .block_full .block1200 #ad p, #expertise .content p{ font-size:12px!important; font-size: 1.2rem!important; line-height:1.8rem!important;  }
#contact h2, ol > li, ol p, #expertise02 p{ font-size:11px!important; font-size: 1.1rem!important;  }

#references02 ul li, #contact .ct p, #contact02 #footer .block1080 #newsletter_form .wysija-submit, .omsc-toggle-inner, #philo02 .content p, #philo01 .content p, #story .content ul li{ font-size:10px!important; font-size: 1rem!important; }
#contact .ct p, #philo01 p, #philo02 p, #expertise02 p{ line-height:1.2rem!important; }
#contact .contact_intro p{ line-height:1.5rem!important; }


/* MENU ========================================================================== */
header #logo img{ width:80%; }
header #logo a{ margin-top:20px; }
header nav ul{ margin-left:0; }
[id="toggle-nav"]{ top: 43px; }
header #social{ display:none; overflow:hidden; width:0%; }
header nav ul li:first-child{ margin-top:50%; }

/* LOADER */
#preloader #logo-intro{ position: absolute; top:30px; left:25%; }
#preloader .loading{ left:49%; top:70%; }

/* HISTORY */
#history .col-left, #history .col-left img{ width:100%; }
#history .col-left { height:auto!important; }
#history .col-left a{ margin-top:20px!important; width:100%!important; height:auto!important; }
#history .col-left a img{ width:90%; }
#history .col-right{ width:100%; }
#history .col-right h1{ margin-top:10px!important; }
#history .arrow-down-white{ top:0!important; }

#advengers{ background: #000 url('images/bgloading.jpg') repeat; }
#advengers .block_full{ background:none!important; }
#advengers .block_full .block1200 #ad{ top:10%!important; left:0!important; width:100%!important; padding:0 5%!important; }
#advengers .arrow-down-white{ left:40%!important; top:-50%!important;  }

#advengers #vanessa, #advengers #eric{ display:none; width:0; height:0; }
#story .content ul li{  width:100%!important; padding: 0 30px 0 0!important; background:none!important; }
#story .content h1, #story .content h2{ display:none!important; height:0!important; }
#philo01 .content, #philo02 .content{ padding:0 5%!important;  }
#philo01 .content ul li, #philo02 .content ul li{ padding:0!important; width:100%!important; margin-top:20px!important; background:none!important; }
#philo01 h2, #philo02 h2{ margin-bottom:5px!important; }
#philo03 .content, .projet .content{ margin-top:0!important; }
#philo03 .content #philo03_left{ width:100%!important; margin-top:100px!important; }
#philo03 .content #philo03_right{ background:none!important; }
#philo03 h2{ margin-top:0!important; }
#philo03_right{ width:100%!important; margin:20px 0 0 0!important;  }
#philo01 .content, #philo02 .content{ background:none!important; }
#philo02 .content ul, #philo01 .content ul{ padding-left: 0em!important; }
#philo01 h1, #philo01 ul { margin-top:0px!important; }
#philo01 p, #philo02 p { margin-top: 5px; }
#philo01 .arrow-down-white{ left:40%!important; top:57%!important;  }
#philo02 .arrow-down-white, #philo03 .arrow-down-white{ left:40%!important; top:65%!important;  }

#expertise{ background: #f26826 url('images/bg_expertise2.jpg') repeat!important; }
#expertise .content #expertise_left { margin-left:0!important; width:100%!important; padding:40% 5% 0 5%!important; background: url('images/bg_expertise3.jpg') no-repeat center 0;  }
#expertise.active .content #expertise_left { margin-top: 0; }
#expertise02 .content ul { margin-top:0!important; width:320px!important; padding-left:1%!important;  }
#expertise02 p{ width:290px!important; }
#expertise02 .content ul li{ padding-top:0!important; margin:0!important; width: 320px!important; background:none!important;   }
#expertise02 .content ul li h2 { margin-bottom:10px; }
#expertise .arrow-down-white{ left:40%!important; top:50%!important;  }
#expertise02 .arrow-down-white{ left:40%!important; top:85%!important;  }
ol > li{ padding-left:25px!important;  }
ol > li:before{ padding-left:20px!important; line-height: 2.5rem!important;  }

/* REFERENCES */
#references ul{ width:90%!important; }
#references h2{ margin-bottom:20px!important; }
#references.active ul, #references ul  { margin:0!important; }
#references02 ul{ width:auto!important; margin:15px 0 0 0!important; padding-left:15px; }
#references02 ul li{  padding: 2px 0; }
#references .arrow-down-white{ left:40%!important; top:85%!important;  }

.ls-wp-fullwidth-container, .ls-wp-fullwidth-container img{ height:200px!important; width:150%!important; }

.projet h1{ margin-top: 90px; text-align:left!important; }
.projet h2{ margin-top: 120px; width:35%!important; margin-left:0!important; text-align:left!important; -moz-hyphens: none!important; }
.projet .omsc-accordion { margin: 200px 0 0 0!important; width:100%!important; }
.projet h1, .projet h2{ margin-left: 5%!important; }
.omsc-toggle-inner{ padding:0.5em!important; }
.omsc-toggle-title{ padding: 0.2em 1em 0.2em 2.4em!important; }
.omsc-toggle-title:after{ top: 0.2em!important; }
.projet .omsc-accordion .omsc-toggle:first-child .omsc-toggle-title{ border-top:0!important; }
.ls-v5 .ls-nav-prev, .ls-v5 .ls-nav-next { top: 90%!important; }
#contact .contact_intro{ float:none!important; width:auto!important; margin:15px 0!important; padding:0 5%!important;   }
#contact .ct{ margin-left:5px!important; }
#contact #contact_list1, #contact #contact_list3{ margin-left:5%!important;}
#contact #contact_list1, #contact #contact_list2{ width:40%!important; }
#contact #contact_list2{ margin:16px 0 0 10%!important; }
#contact #contact_list3{ width:100%!important; margin-top:15px!important; }
#contact p{ margin-top:5px!important; }

#contact02 #footer .block1080 #newsletter_form{ width:100%!important; margin-left:0!important; }
#contact02 #footer .block1080 #newsletter_form .wysija-input{ width:200px!important; } }








 /* ==========================================================================
           _   _ _____ __  __       _______ _____ ____  _   _  _____
     /\   | \ | |_   _|  \/  |   /\|__   __|_   _/ __ \| \ | |/ ____|
    /  \  |  \| | | | | \  / |  /  \  | |    | || |  | |  \| | (___
   / /\ \ | . ` | | | | |\/| | / /\ \ | |    | || |  | | . ` |\___ \
  / ____ \| |\  |_| |_| |  | |/ ____ \| |   _| || |__| | |\  |____) |
 /_/    \_\_| \_|_____|_|  |_/_/    \_\_|  |_____\____/|_| \_|_____/

   ========================================================================== */

/* ROTATE */
@keyframes rotate{
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
@-webkit-keyframes rotate{
	0%  {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotate{
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}

/* BOUNCE */
@keyframes bounce{
	0% { transform: translateY(0%); }
    50% { transform: translateY(-15%); }
    100% { transform: translateY(0%); }
}
@-webkit-keyframes bounce{
    0% { -webkit-transform: translateY(0%); }
    50% { -webkit-transform: translateY(-15%); }
    100% { -webkit-transform: translateY(0%); }
}
@-moz-keyframes bounce{
    0% { -moz-transform: translateY(0%); }
    50% { -moz-transform: translateY(-15%); }
    100% { -moz-transform: translateY(0%); }
}

/* MINISLIDE */
@keyframes minislide{
    0% { transform: translateY(15%); }
    100% { transform: translateY(0%); }
}
@-webkit-keyframes minislide{
    0% { transform: translateY(15%); }
    100% { transform: translateY(0%); }
}
@-moz-keyframes minislide{
    0% { transform: translateY(15%); }
    100% { transform: translateY(0%); }
}


/* SCALE */
@keyframes color{
	0% { background-color: #d97625; }
	50% { background-color: #d94f25; }
	100% { background-color: #d97625; }
}
@-webkit-keyframes color{
	0% { background-color: #d97625; }
	50% { background-color: #d94f25; }
	100% { background-color: #d97625; }
}
@-moz-keyframes color{
	0% { background-color: #d97625; }
	50% { background-color: #d94f25; }
	100% { background-color: #d97625; }
}