html {
background:#ebeaea;
}
body {
font-family:'barlow-condensed-reg',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-weight:normal!important;
}
::-moz-selection {
background:#e20e0e;
color:#ffffff;
text-shadow:none;
}
::selection {
background:#e20e0e;
color:#ffffff;
text-shadow:none;
}
.g-nav-overlay, .g-menu-overlay {
background: rgba(0, 0, 0, 0.7);
}
.wow {
visibility:hidden;
}
#g-header,
#g-above,
#g-showcase,
#g-utility,
#g-feature,
#g-container-main,
#g-sidebar,
#g-mainbar,
#g-aside,
#g-expanded,
#g-extension,
#g-bottom,
#g-footer,
#g-copyright {
margin:0;
padding:0 0 10rem 0;
}
#apropos #g-above {
padding-bottom:0;
}
#g-top {
margin:0;
padding:0;
}
#g-navigation {
margin:0;
padding:0;
min-height:450px!important;
height:450px!important;
max-height:450px!important;
}
#g-above {
background:none!important;
}
#g-container-main,
#g-sidebar,
#g-mainbar,
#g-aside {
background:#ebeaea;
}
.g-container {
width:80%;
max-width:120rem;
}
#g-slideshow .g-container {
height:764px!important;
min-height:764px!important;
max-height:764px!important;
}
#g-utility .g-container,
#g-bottom .g-container,
#g-footer .g-container {
padding-top:0;
padding-bottom:0;
}
#g-copyright .g-container {
border:0 none;
}
.g-grid {
text-rendering: optimizeLegibility;
}
.g-content {
margin:0;
padding:0;
}
span.med {
font-family:'barlow-condensed-medium',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
}
span.semi {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
}
span.bd {
font-family:'barlow-condensed-bold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
}
span.bdita {
font-family:'barlow-condensed-bold-italic',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
}
h1 {
font-family:'barlow-condensed-bold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
margin:0;
padding:0;
}
h1.greyline {
letter-spacing:-.8rem;
margin:0 0 5rem -.5rem;
font-size:20rem;
line-height:.51;
color:#463c3c;
}
h1.greyline.smaller {
letter-spacing:-.4rem;
margin:0 0 3rem -.5rem;
font-size:10rem;
line-height:.8;
}
h1.softline {
font-family:'fabfeltscript',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
letter-spacing:0;
margin:0;
font-size:3rem;
line-height:2.5;
color:#463c3c;
}
.camille h1.greyline {
font-family:'fabfeltscript',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
letter-spacing:0;
padding-top:4rem;
margin-top:-4rem;
background:url('../../../../images/pictos/toque.png') no-repeat;
background-position:40% -1rem;
background-size:160px auto;
}
h1.redline {
letter-spacing:0;
/*margin:0 0 .5rem -.2rem;*/
margin:-1rem 0 .5rem -.2rem;
font-size:2.7rem;
/*line-height:0;*/
line-height:1;
color:#e20e0e;
text-transform:uppercase;
}
h1.redline.smaller {
margin-bottom:1rem;
font-size:2rem;
}
h1.redline.offseteysseric {
margin:0 0 0 24rem;
}
h1.redline.offsetfaites {
margin:0 0 0 -12rem;
}
h1.redline.offsetvosprojets {
margin:0 0 0 24rem;
}
h2 {
font-family:'barlow-condensed-medium',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.7rem;
line-height:1.4;
color:#463c3c;
margin:3rem 0 5rem 0;
padding:0;
max-width:80%;
}
.center h2 {
margin:3rem auto 5rem auto;
}
h1.redline.smaller.covid {
padding:2rem 0;
border-bottom:#e20e0e 3px solid;
border-top:#e20e0e 3px solid;
max-width:15rem;
margin:0 auto;
}
h2.covid {
font-family:'barlow-condensed-medium',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
color:#463c3c;
font-size:1.4rem;
line-height:1.4;
margin:3rem auto 0 auto;
max-width:60%;
}
h2.covid.ending {
margin:2rem auto 5rem auto;
font-size:1.5rem;
line-height:1.3;
}
h2.covid span {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
color:#e20e0e;
}
.introquotecontainer {
margin:5rem auto;
height:100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
justify-content:space-between;
}
.camille .introquote.left,
.camille .introquote.right {
width:10%;
max-width:10%;
}
.camille .introquote.middle {
width:70%;
max-width:70%;
margin:0 auto;
}
.camille .introquote.left p,
.camille .introquote.right p {
font-family:'fabfeltscript',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:20rem;
color:#463c3c;
line-height:1;
height:5rem;
text-align:left;
letter-spacing:0;
}
.camille .introquote.left p {
margin-left:-25%;
}
.camille .introquote.right p {
margin-left:38%;
}
.camille .introquote.middle h2 {
font-family:'barlow-condensed-reg-italic',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
margin:0 auto;
font-size:1.8rem;
width:100%;
max-width:100%;
color:#463c3c;
}
h3, h4, h5, h6  {
font-family:'barlow-condensed-bold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.5rem;
line-height:1;
color:#463c3c;
margin:0;
padding:.5rem 0 0 0;
}
body p {
font-family:'barlow-condensed-reg',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.2rem;
color:#463c3c;
margin:0;
padding:0;
}
body p.theme {
font-family:'barlow-condensed-bold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1rem;
border-top: 1px solid #463c3c;
text-transform: uppercase;
margin:0 0 8rem 0;
padding-top:.5rem;
letter-spacing:.05rem;
text-align: left;
}
a:link, a:visited {
color:#0ff;
text-decoration:none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
a:hover, a:active, a:focus {
outline:none!important;
text-decoration:none;
color:#00f;
}
#g-navigation .g-container {
padding:0;
}
#g-navigation .g-container .g-grid:nth-child(1) {
min-height:390px!important;
height:390px!important;
max-height:390px!important;
}
#g-navigation .g-container .g-grid:nth-child(2) {
min-height:60px!important;
height:60px!important;
max-height:60px!important;
}
.headroom-bg-section + section,
.headroom-bg-section + #g-slideshow {
margin:0;
padding:0;
}
.headroom-bg-section + section,
.headroom-bg-section + #g-slideshow,
.headroom-bg-section.headroom--not-bottom.headroom--not-top.headroom--unpinned + section,
.headroom-bg-section.headroom--not-bottom.headroom--not-top.headroom--unpinned + #g-slideshow {
margin:0;
padding:0;
}
#barba-conseil-logo-zone {
min-height:390px!important;
height:390px!important;
max-height:390px!important;
max-width:500px;
margin:0 auto;
}
#barba-conseil-logo,
#barba-conseil-logo #layer01,
#barba-conseil-logo #layer02,
#barba-conseil-logo #layer03,
#barba-conseil-logo #layer04,
#barba-conseil-logo #layer05,
#barba-conseil-logo #layer06,
#barba-conseil-logo #layer07 {
min-height:260px!important;
height:260px!important;
max-height:260px!important;
max-width:500px;
margin:0 auto;
}
#barba-conseil-logo {
background:url('../../../../images/identite/barba-conseil.png') no-repeat;
}
#barba-conseil-logo #layer01 {
background:url('../../../../images/identite/barba-conseil-elm01.png') no-repeat;
}
#barba-conseil-logo #layer02 {
background:url('../../../../images/identite/barba-conseil-elm02.png') no-repeat;
}
#barba-conseil-logo #layer03 {
background:url('../../../../images/identite/barba-conseil-elm03.png') no-repeat;
}
#barba-conseil-logo #layer04 {
background:url('../../../../images/identite/barba-conseil-elm04.png') no-repeat;
}
#barba-conseil-logo #layer05 {
background:url('../../../../images/identite/barba-conseil-elm05.png') no-repeat;
}
#barba-conseil-logo #layer06 {
background:url('../../../../images/identite/barba-conseil-elm06.png') no-repeat;
}
#barba-conseil-logo #layer07 {
background:url('../../../../images/identite/barba-conseil-elm07.png') no-repeat;
}
#barba-conseil-logo,
#barba-conseil-logo #layer01,
#barba-conseil-logo #layer02,
#barba-conseil-logo #layer03,
#barba-conseil-logo #layer04,
#barba-conseil-logo #layer05,
#barba-conseil-logo #layer06,
#barba-conseil-logo #layer07 {
background-position:42% bottom;
background-size:300px auto;
}
#barba-conseil-baseline {	
min-height:130px!important;
height:130px!important;
max-height:130px!important;
max-width:500px;
margin:0 auto;
padding-right:1.2rem;
}
#barba-conseil-baseline p.baseline01 {
font-family:'fabfeltscript',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
color:#463c3c;
font-size:5rem;
line-height:1;
letter-spacing:0;
}
#barba-conseil-baseline p.baseline02 {
font-family:'barlow-condensed-bold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
color:#463c3c;
font-size:1.2rem;
line-height:1;
letter-spacing:.3rem;
text-transform: uppercase;
margin:.6rem 0 3rem 1rem;
}
#g-navigation .g-main-nav {
font-family:'barlow-condensed-reg',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
margin:0 auto;
padding:0;
height:100%;
}
#g-navigation .g-main-nav .g-toplevel {
font-size:0;
height:100%;
}
#g-navigation .g-main-nav .g-toplevel > li {
margin:0;
height:100%;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#g-navigation .g-main-nav .g-toplevel > li a.g-menu-item-container {	
height:100%;
padding:0;
text-transform:none;
color:#463c3c;
}
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
color:#e20e0e;
}
#g-navigation .g-main-nav .g-toplevel > li.active .g-menu-item-content {
cursor:default!important;
}
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container,
#g-navigation .g-main-nav .g-toplevel > li.active:hover > .g-menu-item-container {
color:#e20e0e;
}
#g-navigation .g-main-nav ul.g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
height:100%;
}
#g-navigation .g-main-nav ul.g-toplevel > li > .g-menu-item-container > .g-menu-item-content > .g-menu-item-title {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
display:inline-block;
padding:1.8rem .8rem 1.7rem .8rem;
font-size:1.35rem;
letter-spacing:.04rem;
line-height:0;
height:100%;
}
.menu-xtras .g-content.g-particle {
height:100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
}
.menu-xtras.xtra1,
.menu-xtras.xtra3 {
min-width:170px!important;
width:170px!important;
max-width:170px!important;
}
.menu-xtras.xtra1 {
text-align:left;
}
.menu-xtras.xtra3 {
text-align:right;
}
.menu-xtras.xtra2 {
min-width: -webkit-calc(100% - 341px)!important;
min-width: expression(100% - 341px)!important;
min-width: -moz-calc(100% - 341px)!important;
min-width: -o-calc(100% - 341px)!important;
min-width: calc(100% - 341px)!important;
width: -webkit-calc(100% - 341px)!important;
width: expression(100% - 341px)!important;
width: -moz-calc(100% - 341px)!important;
width: -o-calc(100% - 341px)!important;
width: calc(100% - 341px)!important;
max-width: -webkit-calc(100% - 341px)!important;
max-width: expression(100% - 341px)!important;
max-width: -moz-calc(100% - 341px)!important;
max-width: -o-calc(100% - 341px)!important;
max-width: calc(100% - 341px)!important;
}
.menu-xtras.xtra1 a {
font-family:'fabfeltscript',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.7rem;
letter-spacing:0;
}
.menu-xtras.xtra3 a {
font-size:1.4rem;
margin-left:.5rem;
}
.menu-xtras.xtra1 a,
.menu-xtras.xtra1 a:visited,
.menu-xtras.xtra3 a,
.menu-xtras.xtra3 a:visited {
color:#463c3c;
}
.menu-xtras.xtra1 a:hover,
.menu-xtras.xtra1 a:active,
.menu-xtras.xtra3 a:hover,
.menu-xtras.xtra3 a:active {
color:#e20e0e;
}
.menu-xtras.xtra1 p {
margin-top:-6px;
}
.menu-xtras.xtra3 a span.fas.fa-mobile {
margin-top:-15px;
}
.menu-xtras.xtra3 a span.fas.fa-envelope {
margin-top:-9px;
}
.menu-xtras.xtra3 a span.fab.fa-instagram {
margin-top:-11px;
}
#main-menu-alias {
margin:0 auto 3rem auto;
}
#main-menu-alias ul {
font-size:0;
}
#main-menu-alias .g-main-nav .g-toplevel > li > .g-menu-item-container,
#main-menu-alias .g-main-nav .g-toplevel > li > .g-menu-item-container:visited {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
padding:.5rem;
color:#463c3c;
font-size:1.2rem;
line-height:2;
letter-spacing:.04rem;
text-transform:uppercase;
}
#main-menu-alias .g-main-nav .g-toplevel > li > .g-menu-item-container:hover {
color:#e20e0e;
}
#main-menu-alias .g-main-nav .g-toplevel > li.active > .g-menu-item-container,
#main-menu-alias .g-main-nav .g-toplevel > li.active > .g-menu-item-container:hover {
color:#e20e0e;
}
#main-menu-alias .g-main-nav .g-toplevel > li.active > .g-menu-item-container,
#main-menu-alias .g-main-nav .g-toplevel > li.active .g-menu-item-content {
cursor:default;	
}
.g-offcanvas-toggle {
color:#e20e0e;
background:#fff;
border:0px none;
border-radius:0;
padding-left:0;
font-size:25px;
left:15px;
top:390px;
width:60px;
height:60px;
}
.g-offcanvas-toggle i {
position:absolute;
top:17px;
left:19px;
}
#g-page-surround {
-webkit-box-shadow: 2px 0px 14px 4px rgba(0,0,0,0.55);
-moz-box-shadow: 2px 0px 14px 4px rgba(0,0,0,0.55);
box-shadow: 2px 0px 14px 4px rgba(0,0,0,0.55);
}
#g-offcanvas,
#g-offcanvas #g-mobilemenu-container ul {
background:#fff;
}
#g-offcanvas {
padding-top:.5rem;
padding-left:.5rem;
}
#g-offcanvas .g-content.g-particle {
background:none;
margin:0.625rem;
padding:0.938rem;
}
#g-offcanvas #g-mobilemenu-container ul > li:hover {
background:none!important;
}
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
padding-top:0.6rem;
padding-bottom:0.6rem;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module) > .g-menu-item-container {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
margin:0;
font-size:1rem;
line-height:1.5;
color:#463c3c;
font-size:1.35rem;
letter-spacing:.04rem;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container {
color:#e20e0e;
background:#fff!important;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
background:#fff!important;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
color:#e20e0e;
cursor:default!important;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active:hover > .g-menu-item-container {
color:#e20e0e;
background:#fff!important;
}
.ratio {
position:relative;
}
.ratio.percent50 {
width:50%!important;
max-width:50%!important;
background:#f0f;
}
.ratio.percent33 {
width:33.3333%!important;
max-width:33.3333%!important;
background:#ff0;
}
.ratio.percent25 {
width:25%!important;
max-width:25%!important;
background:#0ff;
}
.ratio.percent20 {
width:20%!important;
max-width:20%!important;
background:#f0f;
}
.ratio.percent16 {
width:16.6666%!important;
max-width:16.6666%!important;
background:#ff0;
}
.ratio:after {
content:"";
display:block;
}
.ratio.ratio100-100:after {
padding-bottom:100%;
}
.ratio.ratio100-50:after {
padding-bottom:50%;
}
.ratio.ratio100-33:after {
padding-bottom:33.3333%;
}
.ratio-content {
position:absolute;
width:100%;
height:100%;
text-align:center;
display:flex;
flex-direction:column;
justify-content:center;
}
.barbaboxes {
font-size:0;
}
.barbabox05 {
display:inline-block;
vertical-align: top;
width:30rem;
max-width:30rem;
height:30rem;
max-height:30rem;
margin-top:0;
margin-bottom:0;
background:url('../../../../images/pictos/beecell.png') no-repeat;
background-position:50% 50%;
background-size:85% auto;
}
.barbabox05.barbapos01,
.barbabox05.barbapos03 {
margin-left:0;
margin-right:0;
}
.barbabox05.barbapos02 {
margin-left: -webkit-calc(50% - 45rem);
margin-left: expression(50% - 45rem);
margin-left: -moz-calc(50% - 45rem);
margin-left: -o-calc(50% - 45rem);
margin-left: calc(50% - 45rem);
margin-right: -webkit-calc(50% - 45rem);
margin-right: expression(50% - 45rem);
margin-right: -moz-calc(50% - 45rem);
margin-right: -o-calc(50% - 45rem);
margin-right: calc(50% - 45rem);
}
.barbabox05.barbapos04 {
margin-left: auto;
margin-right: -webkit-calc(25% - 22.5rem);
margin-right: expression(25% - 22.5rem);
margin-right: -moz-calc(25% - 22.5rem);
margin-right: -o-calc(25% - 22.5rem);
margin-right: calc(25% - 22.5rem);
}
.barbabox05.barbapos05 {
margin-left: -webkit-calc(25% - 22.5rem);
margin-left: expression(25% - 22.5rem);
margin-left: -moz-calc(25% - 22.5rem);
margin-left: -o-calc(25% - 22.5rem);
margin-left: calc(25% - 22.5rem);
margin-right:auto;
}
.barbaboxes h3 {
padding-top:15rem;
font-family:'barlow-condensed-reg',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.4rem;
line-height:1.2;
}
.barbaboxes h3.version01 {
color:#463c3c;
}
.barbaboxes h3.version02 {
color:#e20e0e;
}
.barbaboxes h3.version01 span {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
color:#e20e0e;
}
.barbaboxes h3.version02 span {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
color:#463c3c;
}
.barbaboxes.keynumbers .barbabox05 {
background:none;
}
.barbaboxes.keynumbers .barbabox05 h3 {
padding-top:0;
font-size:1.45rem;
line-height:1.3;
margin:0 auto;
}
.barbaboxes.keynumbers h3 span.chiffre {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
display:inline-block;
width:100%;
line-height:14rem;
font-size:2.6rem;
color:#fff;
background:url('../../../../images/pictos/beecell-red.png') no-repeat;
background-position:50% 50%;
background-size:140px auto;	
}
.barbaboxes.keynumbers h3 span.stabilo {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
color:#e20e0e;	
}
.barbaboxes .regard h3 {
background:url('../../../../images/pictos/regard.png') no-repeat;
}
.barbaboxes .objectifs h3 {
background:url('../../../../images/pictos/objectifs.png') no-repeat;
}
.barbaboxes .solutions h3 {
background:url('../../../../images/pictos/solutions.png') no-repeat;
}
.barbaboxes .actualisation h3 {
background:url('../../../../images/pictos/actualisation.png') no-repeat;
}
.barbaboxes .redynamisation h3 {
background:url('../../../../images/pictos/redynamisation.png') no-repeat;
}
.barbaboxes .creations h3 {
background:url('../../../../images/pictos/creation.png') no-repeat;
}
.barbaboxes .logistique h3 {
background:url('../../../../images/pictos/coordination.png') no-repeat;
}
.barbaboxes .organisation h3 {
background:url('../../../../images/pictos/organisation-fluide.png') no-repeat;
}
.barbaboxes .expertise h3 {
background:url('../../../../images/pictos/culinaire.png') no-repeat;
}
.barbaboxes .reseau h3 {
background:url('../../../../images/pictos/reseau.png') no-repeat;
}
.barbaboxes h3 {
background-position:50% 40px!important;
background-size:45% auto!important;
}
.topspace {
margin-top:5rem;
}
a.mybutton,
a.mybutton:visited,
#g-expanded a.mybutton,
#g-expanded a.mybutton:visited {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.3rem;
line-height:3.8;
color:#fff;
background:#e20e0e;
margin:0 auto;
padding:1rem 1.2rem;
text-transform: uppercase;
border:5px solid #e20e0e;
}
a.mybutton:hover,
a.mybutton:active,
#g-expanded a.mybutton:hover,
#g-expanded a.mybutton:active {
color:#e20e0e;
background:#ebeaea;
padding:1rem 2.2rem;
}
.g-flexsider-sliderbottom {
display:none;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item {
background-position:50% 50%!important;
}
/*
.g-flexslider-slideshow .g-flexslider-slideshow-item-content-container {
background-color:#ebeaea;
}
*/
.g-flexslider-slideshow .g-flexslider-slideshow-item-content {
padding:18rem 0 0 0;
height:764px!important;
min-height:764px!important;
max-height:764px!important;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item-title {
font-family:'barlow-condensed-bold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:6rem;	
line-height:.9;
letter-spacing:-.2rem;
color:#463c3c;
padding:0 .04% .3% 0;
margin:0 auto;
width:100%;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item-title span {
font-family:'barlow-condensed-bold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
color:#e20e0e;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item-desc {
font-family:'barlow-condensed-reg-italic',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.5rem;
line-height:1.2;
margin:0 auto;
width:75%;
max-width:1200px;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item-link {
margin:4rem auto 0 auto;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item-link a.g-flexslider-slideshow-item-button.button,
.g-flexslider-slideshow .g-flexslider-slideshow-item-link a.g-flexslider-slideshow-item-button.button:visited {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.3rem;
line-height:1.25;
color:#fff!important;
background:#e20e0e;
margin:0 auto;
padding:1rem 1.2rem;
text-transform: uppercase;
border:5px solid #e20e0e;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item-link a.g-flexslider-slideshow-item-button.button:hover,
.g-flexslider-slideshow .g-flexslider-slideshow-item-link a.g-flexslider-slideshow-item-button.button:active {
color:#e20e0e!important;
background:#ebeaea;
padding:1rem 2.2rem;
}
.dir-ltr .g-flexslider.g-flexslider-slideshow .flex-direction-nav .flex-nav-prev,
.dir-ltr .g-flexslider.g-flexslider-slideshow .flex-direction-nav .flex-nav-next {
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
.dir-ltr .g-flexslider.g-flexslider-slideshow .flex-direction-nav .flex-nav-prev {
left:-5%;
margin-left:0;
opacity:0;
filter:alpha(opacity=0);
}
.dir-ltr .g-flexslider.g-flexslider-slideshow .flex-direction-nav .flex-nav-next {
right:-5%;
margin-right:36px;
opacity:0;
filter:alpha(opacity=0);
}
.dir-ltr .g-flexslider.g-flexslider-slideshow:hover .flex-direction-nav .flex-nav-prev {
left:0;
opacity:1;
filter:alpha(opacity=100);
}
.dir-ltr .g-flexslider.g-flexslider-slideshow:hover .flex-direction-nav .flex-nav-next {
right:0;	
opacity:1;
filter:alpha(opacity=100);
}
.flex-direction-nav .flex-nav-prev,
.flex-direction-nav .flex-nav-next {
opacity:1;
filter:alpha(opacity=100);
}
.g-flexslider-slideshow .flex-direction-nav a,
.g-flexslider-slideshow .flex-direction-nav a:hover {
opacity:1;
filter:alpha(opacity=100);
bottom:335px;
}
a.flex-prev::before,
a.flex-next::after {
color:#e20e0e;
opacity:1;
filter:alpha(opacity=100);
font-family:"Font Awesome 5 Free";
font-weight:900;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
a.flex-prev::before {
content:"\f359"!important;
}
a.flex-next::after {
content:"\f35a"!important;
}
.flex-control-nav.flex-control-paging {	
display:none;
}
.valeurs-zone {
margin-top:10rem;
font-size:0;
}
.valeurs-zone > .g-content.g-particle {
width:100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;	
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content:center;
align-items:flex-start;
}
.valeurs-zone > .g-content.g-particle .valeurs {
vertical-align:top;
text-align:left;
height:40rem;
max-height:40rem;
width:27rem;
max-width:27rem;
padding:9rem 2rem 0 2rem;
margin-top:0;
margin-bottom:5rem;
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
-webkit-flex:0 1 33.3333%;
-moz-flex:0 1 33.3333%;
-ms-flex:0 1 33.3333%;
flex:0 1 33.3333%;
}
.valeurs-zone > .g-content.g-particle .valeurs.item01 {
margin-left:0;
margin-right: -webkit-calc(50% - 40.5rem);
margin-right: expression(50% - 40.5rem);
margin-right: -moz-calc(50% - 40.5rem);
margin-right: -o-calc(50% - 40.5rem);
margin-right: calc(50% - 40.5rem);
}
.valeurs-zone > .g-content.g-particle .valeurs.item02 {
margin-left:0;
margin-right:0;
}
.valeurs-zone > .g-content.g-particle .valeurs.item03 {
margin-left: -webkit-calc(50% - 40.5rem);
margin-left: expression(50% - 40.5rem);
margin-left: -moz-calc(50% - 40.5rem);
margin-left: -o-calc(50% - 40.5rem);
margin-left: calc(50% - 40.5rem);
margin-right:0;
}
.valeurs-zone > .g-content.g-particle .valeurs.item04 {
margin-right: -webkit-calc(25% - 20.25rem);
margin-right: expression(25% - 20.25rem);
margin-right: -moz-calc(25% - 20.25rem);
margin-right: -o-calc(25% - 20.25rem);
margin-right: calc(25% - 20.25rem);
}
.valeurs-zone > .g-content.g-particle .valeurs.item05 {
margin-left: -webkit-calc(25% - 20.25rem);
margin-left: expression(25% - 20.25rem);
margin-left: -moz-calc(25% - 20.25rem);
margin-left: -o-calc(25% - 20.25rem);
margin-left: calc(25% - 20.25rem);
}
.valeurs.modele01 {
background:#463c3c url('../../../../images/elements/circle-g.png') no-repeat;
}
.valeurs.modele02 {
background:#e20e0e url('../../../../images/elements/circle-g.png') no-repeat;
}
.valeurs.modele01,
.valeurs.modele02 {
background-position:1.8rem 1.8rem;
background-size:22px auto;
}
.valeurs h3 {
font-family:'fabfeltscript',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
color:#fff;
font-size:3.5rem;
line-height:2;
letter-spacing:0;
}
.valeurs p {
font-family:'barlow-condensed-reg',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
color:#fff;
font-size:1.4rem;
line-height:1.4;
}
.refs-clients {	
font-size:0;
}
.client {
display:inline-block;
width:22rem;	
margin:0 1vw 3rem 1vw;
text-align:center;
vertical-align: top;
}
.client h3 {	
font-size:1.4rem;
line-height:1.2;
vertical-align: top;
}
.client p {
font-size:1.4rem;
line-height:1.2;
}
.client p.logo {	
width:16rem;
height:10rem;
margin:0 auto;
}
.client p.location {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:.9rem;
line-height:1.2;	
text-transform:uppercase;
letter-spacing:.05rem;
margin-bottom:.5rem;
}
.client p.mission {	
font-size:1.4rem;
line-height:1.2;
/*color:#e20e0e;*/
}
.client.ref01 p.logo {
background:url('../../../../images/references/edmond-de-rothschild.png') no-repeat;
}
.client.ref02 p.logo {
background:url('../../../../images/references/delicatessen-factory.png') no-repeat;
}
.client.ref03 p.logo {
background:url('../../../../images/references/laurent-dubois.png') no-repeat;
}
.client.ref04 p.logo {
background:url('../../../../images/references/brandt-france.png') no-repeat;
}
.client.ref05 p.logo {
background:url('../../../../images/references/pepite.png') no-repeat;
}
.client.ref06 p.logo {
background:url('../../../../images/references/amiral-gestion.png') no-repeat;
}
.client.ref07 p.logo {
background:url('../../../../images/references/artesane.png') no-repeat;
}

.client.ref08 p.logo {
background:url('../../../../images/references/chez-lucien.png') no-repeat;
}
/*
.client.ref09 p.logo {
background:url('../../../../images/references/laurent-dubois-tempo.png') no-repeat;
}
*/
/*
.client.ref10 p.logo {
background:url('../../../../images/references/laurent-dubois-tempo.png') no-repeat;
}
*/

.client.ref01 p.logo,
.client.ref02 p.logo,
.client.ref03 p.logo,
.client.ref04 p.logo,
.client.ref05 p.logo,
.client.ref06 p.logo,
.client.ref07 p.logo,
.client.ref08 p.logo,
.client.ref09 p.logo,
.client.ref10 p.logo {	
background-position:50% bottom;
background-size:80% auto;
}
img.medaillon {
width:180px;
height:auto;
}
.center h2.contact01 {
line-height:1;
color:#e20e0e;
margin:1rem auto 1rem auto;
}
.center h2.contact02 {
font-family:'fabfeltscript',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:3.5rem;
line-height:.9;
color:#000;
margin:1rem auto 4rem auto;
max-width:100%;
letter-spacing:0;
}
#totop {
margin:0 0 3rem 0;
padding:6rem 0 3rem 0;
}
#totop p.realink {
display:inline-block;
}
#totop p.realink a,
#totop p.realink a:visited {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.3rem;
line-height:3;
color:#463c3c;
background:#ebeaea;
margin:0 auto;
padding:1rem 1.2rem;
text-transform: uppercase;
border:5px solid #463c3c;
}
#totop p.realink a:hover,
#totop p.realink a:active {
color:#fff;
border-color:#463c3c;
padding:1rem 2.2rem;
background:#463c3c;
}
#totop p.arrow {
padding-top:5rem;
width:100px;
margin:-150px auto 0 auto;
background:url('../../../../images/elements/top-arrow.png') no-repeat;
background-position:50% 2rem;
background-size:25px auto;
-webkit-transition:all 0.2s ease 0s;
-moz-transition:all 0.2s ease 0s;
-ms-transition:all 0.2s ease 0s;
-o-transition:all 0.2s ease 0s;
transition:all 0.2s ease 0s;	
}
#totop p.realink:hover + p.arrow {
background-position:50% 1.2rem;
}
#g-copyright {
padding-bottom:20rem;
}
#legal p {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.2rem;
letter-spacing:0.02rem;
color:#463c3c;
}
#legal p a,
#legal p a:visited {
color:#e20e0e;
}
#legal p a:hover,
#legal p a:active {
color:#463c3c;
}
#signature {
text-align:center;
margin-top:3rem;
}
#signature #signature-container,
#signature #signature-container #signature-link,
#signature #signature-container #signature-link p,
#signature #signature-container #signature-link p a,
#signature #signature-container #signature-link p a:visited,
#signature #signature-container #signature-link p a:hover,
#signature #signature-container #signature-link p a:active,
#signature #signature-container #signature-step01,
#signature #signature-container #signature-step02 {
width:230px;
height:80px;
display:block;
}
#signature #signature-container {
background:url('../../../../images/signature/minimal-studio-lyon-communication-webdesign.png') no-repeat;
background-position:20px center;
background-size:40px auto;
margin:0 auto;
-webkit-transition:all 0.2s ease 0s;
-moz-transition:all 0.2s ease 0s;
-ms-transition:all 0.2s ease 0s;
-o-transition:all 0.2s ease 0s;
transition:all 0.2s ease 0s;
}
#signature #signature-container:hover {
background-position: 15px center;
background-size: 50px auto;
}
#signature #signature-container #signature-link {
margin:0;
position:absolute;
z-index:3;
}
#signature #signature-container #signature-step01,
#signature #signature-container #signature-step02 {
margin:0;
padding:0 0 0 80px;
position:absolute;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction:column;
-ms-flex-direction:column; 
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-transition:all 0.2s ease 0s;
-moz-transition:all 0.2s ease 0s;
-ms-transition:all 0.2s ease 0s;
-o-transition:all 0.2s ease 0s;
transition:all 0.2s ease 0s;
}
#signature #signature-container #signature-step01 {	
left: -webkit-calc(50% - 115px);
left: expression(50% - 115px);
left: -moz-calc(50% - 115px);
left: -o-calc(50% - 115px);
left: calc(50% - 115px);
opacity:1;
filter:alpha(opacity=100);
}
#signature #signature-container #signature-step02 {
left: -webkit-calc(50% + 30px);
left: expression(50% + 30px);
left: -moz-calc(50% + 30px);
left: -o-calc(50% + 30px);
left: calc(50% + 30px);
opacity:0;
filter:alpha(opacity=0);
}
#signature #signature-link:hover + #signature-step01 {	
left: -webkit-calc(50% + 30px);
left: expression(50% + 30px);
left: -moz-calc(50% + 30px);
left: -o-calc(50% + 30px);
left: calc(50% + 30px);
opacity:0;
filter:alpha(opacity=0);
}
#signature #signature-link:hover + #signature-step01 + #signature-step02 {	
left: -webkit-calc(50% - 115px);
left: expression(50% - 115px);
left: -moz-calc(50% - 115px);
left: -o-calc(50% - 115px);
left: calc(50% - 115px);
opacity:1;
filter:alpha(opacity=100);
}
#signature #signature-container #signature-step01 p,
#signature #signature-container #signature-step02 p {
font-family:'barlow-condensed-bold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1rem;
line-height:1;
text-align:left;
text-transform: uppercase;
letter-spacing:0.05rem;
}
.maintitle {
margin:15rem auto 2rem auto;
}
.maintitle h1 {
font-family:'barlow-condensed-bold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:6rem;	
line-height:.9;
letter-spacing:-.2rem;
color:#463c3c;
padding:3rem 0 14rem 0;
margin:0 auto;
width:100%;
}
.maintitle h1 span {
font-family:'barlow-condensed-bold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
color:#e20e0e;
}
.barbaboxanim {
display:block;
vertical-align: top;
width:30rem;
max-width:30rem;
height:30rem;
max-height:30rem;
}
.barbaboxanim.top {
margin:0 auto;
background:url('../../../../images/elements/flower-xl-g.png') no-repeat;
background-position:50% 50%;
background-size:60% auto;
}
.crea .barbaboxanim.bottom {
background:url('../../../../images/pictos/sommelier.png') no-repeat;
}
.optim .barbaboxanim.bottom {
background:url('../../../../images/pictos/contremaitre.png') no-repeat;
}
.event .barbaboxanim.bottom {
background:url('../../../../images/pictos/restaurateur.png') no-repeat;
}
.gastro .barbaboxanim.bottom {
background:url('../../../../images/pictos/cheffe.png') no-repeat;
}
.crea .barbaboxanim.bottom,
.optim .barbaboxanim.bottom,
.event .barbaboxanim.bottom,
.gastro .barbaboxanim.bottom {
margin:-30rem auto 0 auto;
background-position:50% 10%;
background-size:55% auto;
}
.sidebyside .barbaboxes h3 {
color:#fff;
font-family:'fabfeltscript',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:2.3rem;
line-height:1.3;
margin:0 auto;
padding-top:17rem;
letter-spacing:0;
}
.sidebyside h4 {
color:#e20e0e;
font-family:'barlow-condensed-bold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.8rem;
line-height:1.1;
margin:-5rem auto 0 auto;
width:80%;
max-width:40rem;
}
.sidebyside p {
color:#463c3c;
font-size:1.45rem;
line-height:1.3;
margin:2rem auto 0 auto;
width:90%;
max-width:50rem;
}
.description-container {
font-size:0;
}
.description-container .g-content.g-particle {
height:100%;
font-size:0;
}
.illus-left,
.illus-right {
margin:0;
display:inline-block;
height:100%;
vertical-align:middle;
width:60%;
}
.turning-01,
.turning-02,
.turning-03,
.turning-04 {
width:100%;
height:100%;
background:url('../../../../images/pictos/beecell.png') no-repeat;
background-position:50% 50%;	
background-size:40% auto;
}
.fixed-01 {
background:url('../../../../images/pictos/pragmatique-xl.png') no-repeat;
}
.fixed-02 {
background:url('../../../../images/pictos/reporting-xl.png') no-repeat;
}
.fixed-03 {
background:url('../../../../images/pictos/sur-mesure-xl.png') no-repeat;
}
.fixed-04 {
background:url('../../../../images/pictos/logistique.png') no-repeat;
}
.fixed-01,
.fixed-02,
.fixed-03,
.fixed-04 {
width:100%;
height:100%;			
position: relative;
top:-100%;
background-position:50% 50%;
background-size:30% auto;	
}
.description-left,
.description-right {	
margin:0;
padding:10rem 0;
display:inline-block;
vertical-align:middle;
width:40%;
}
.description-left {
float:left;
}
.description-right {
float:right;
}
.illus-left {
float:left;
}
.illus-right {
float:right;
}
body p.desc {
font-family:'barlow-condensed-reg',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;	
font-size:1.45rem;
line-height:1.3;
max-width:30rem;
}
body .description-right p.desc {
margin:0 auto 1.5rem 0;
text-align:left;
}
body .description-left p.desc {
margin:0 0 1.5rem auto;
text-align:right;
}
body p.desc.title {
font-family:'barlow-condensed-bold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
color:#e20e0e;
font-size:2rem;
line-height:1.2;
margin-bottom:1.5rem!important;
}
.example-container {
width:100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content:space-evenly;
}
.example-container .example-flex {
-webkit-flex:0 1 35%;
-moz-flex:0 1 35%;
-ms-flex:0 1 35%;
flex:0 1 35%;
padding-bottom:5rem;
}
.example-flex h4,
.example-flex p {
width:100%;
text-align:left;
margin:0 auto;
}
.example-flex h4 {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.4rem;
line-height:1.2;
color:#e20e0e;
padding-left:90px;
}
.example-flex p {
font-family:'barlow-condensed-reg',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.3rem;
line-height:1.2;
color:#463c3c;
margin-top:2rem;
padding-left:90px;
background:url('../../../../images/identite/camille-eysseric-barba-conseil.png') no-repeat;
background-position:0 4px;
background-size:70px auto;
}
.poles-container {
margin-top:10rem;
width:100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
justify-content:space-evenly;
}
.poles-container .event-type-flex {
-webkit-flex:0 1 28%;
-moz-flex:0 1 28%;
-ms-flex:0 1 28%;
flex:0 1 28%;
padding-bottom:5rem;
text-align:center;
}
.event-type-flex .piczone {
width:140px;
height:140px;
margin:0 auto;
}
.event-type-flex.dejeuners .piczone {
background:url('../../../../images/pictos/dejeuners.png') no-repeat;
}
.event-type-flex.teambuilding .piczone {
background:url('../../../../images/pictos/team-building.png') no-repeat;
}
.event-type-flex.soirees .piczone {
background:url('../../../../images/pictos/soirees.png') no-repeat;
}
.event-type-flex.dejeuners .piczone,
.event-type-flex.teambuilding .piczone,
.event-type-flex.soirees .piczone {
background-position:50% 50%;
background-size:90% auto;
}
.event-type-flex h4 {
font-family:'barlow-condensed-semibold',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.2rem;
line-height:1.2;
text-transform: uppercase;
letter-spacing:.05rem;
color:#fff;
background:#e20e0e;
display:inline-block;
margin:35px auto 0 auto!important;
padding:1rem 1.5rem 1.2rem 1.5rem;
-webkit-border-radius:2rem;
-moz-border-radius:2rem;
border-radius:2rem;
}
.event-type-flex p {
font-family:'barlow-condensed-medium',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:1.4rem;
line-height:1.3;
color:#463c3c;
margin:1.5rem auto;
width:100%;
}
.event-type-flex ul {
margin:0;
padding:0;
list-style:none;
text-align:center;
max-width: 80%;
margin:0 auto;
}
.event-type-flex li {
background:#fff;
color:#e20e0e;
font-size:1.2rem;
letter-spacing:.02rem;
display:inline-block;
margin:1rem .5rem 0 0;
padding:.5rem 1.2rem .8rem 1.2rem;	
-webkit-border-radius:2rem;
-moz-border-radius:2rem;
border-radius:2rem;
}
.event-type-flex li.alt {
color:#463c3c;
}
#erreur h1 {
font-family:'barlow-condensed-medium',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
font-size:2rem;
line-height:1;
color:#463c3c;
margin:4rem auto 2rem auto;
padding:0;
}
.portrait {
margin:15rem auto 2rem auto;
width:30rem;
max-width:30rem;
height:30rem;
max-height:30rem;
background:url('../../../../images/identite/camille.jpg') no-repeat;
background-position:50% 0;
background-size:30rem auto;
}
.portrait-inside {
padding:0;
margin:0 auto;
width:30rem;
max-width:30rem;
height:30rem;
max-height:30rem;
background:url('../../../../images/identite/portrait-cell.png') no-repeat;
background-position:50% 50%;
background-size:100% auto;
}
.edito-container {
font-size:0;
}
.edito-container .g-content.g-particle {
height:100%;
font-size:0;
}
.visual-left,
.visual-right {
margin:0;
display:inline-block;
height:100%;
vertical-align:middle;
width:50%;
background:url('../../../../images/elements/flower-xl-trans.png') no-repeat;
background-position:50% 10%;
background-size:50% auto;
}
.picto-xl-01 {
background:url('../../../../images/pictos/parcours-01-xl.png') no-repeat;
}
.picto-xl-02 {
background:url('../../../../images/pictos/parcours-02-xl.png') no-repeat;
}
.picto-xl-03 {
background:url('../../../../images/pictos/parcours-03-xl.png') no-repeat;
}
.picto-xl-01,
.picto-xl-02,
.picto-xl-03 {
width:100%;
height:100%;
background-position:50% 10%;
background-size:60% auto;	
}
.edito-left,
.edito-right {	
margin:0;
padding:5rem 0 10rem 0;
display:inline-block;
vertical-align:top;
width:50%;
}
.edito-left {
float:left;
}
.edito-right {
float:right;
}
.visual-left {
float:left;
}
.visual-right {
float:right;
}
body p.edito {
font-family:'barlow-condensed-reg',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
margin:0 auto 1.5rem 0;
font-size:1.5rem;
line-height:1.6;
}
body p.signature-camille {
display: inline-block;
margin-top:2rem;
width:300px;
height:150px;
background:url('../../../../images/identite/signature-camille-eysseric.png') no-repeat;
background-position:0 0;
background-size:100% auto;
}
body p.signature-camille span {
display:none;
}
/*RESPONSIVE*/

/* IE 8 9 10 */
@media screen\0 {
.wow {
visibility:visible;
}
}
/* Edge */
@supports (-ms-ime-align: auto) {
.example-container {
justify-content: space-around;
}
.poles-container {
justify-content: space-around;
}
}


@media (max-width: 147.938rem) {	
h1.greyline {
letter-spacing:-.6vw;
margin:0 0 4vw -.5vw;
font-size:15vw;
}
.camille h1.greyline {
padding-top:3vw;
margin-top:-3vw;
background-position:28vw -.5vw;
background-size:7vw auto;
}
h1.redline {
font-size:2.1vw;
}
h1.redline.offseteysseric {
margin-left:18vw;
}
h1.redline.offsetfaites {
margin-left:-9vw;
}
h1.redline.offsetvosprojets {
margin-left:17vw;
}
h1.greyline.smaller {
letter-spacing:-.2rem;
font-size:7vw;
}
.camille .introquote.left p {
margin-left:-27%;
}
.camille .introquote.right p {
margin-left:30%;
}	
}
@media (max-width: 119.938rem) {	
.g-container {
max-width:90rem;
}
.camille h1.greyline {
background-position:38% -1rem;
background-size:140px auto;
}
.camille .introquote.left p {
margin-left:-31%;
}
.camille .introquote.right p {
margin-left:15%;
}
.portrait,
.portrait-inside {
width:25rem;
max-width:25rem;
height:25rem;
max-height:25rem;
}
.portrait {
background-size:25rem auto;
}
.barbabox05 {
width:25rem;
max-width:25rem;
height:25rem;
max-height:25rem;	
background-size:87% auto;
}
.barbabox05.barbapos02 {
margin-left: -webkit-calc(50% - 37.5rem);
margin-left: expression(50% - 37.5rem);
margin-left: -moz-calc(50% - 37.5rem);
margin-left: -o-calc(50% - 37.5rem);
margin-left: calc(50% - 37.5rem);
margin-right: -webkit-calc(50% - 37.5rem);
margin-right: expression(50% - 37.5rem);
margin-right: -moz-calc(50% - 37.5rem);
margin-right: -o-calc(50% - 37.5rem);
margin-right: calc(50% - 37.5rem);
}
.barbabox05.barbapos04 {
margin-left: auto;
margin-right: -webkit-calc(25% - 18.75rem);
margin-right: expression(25% - 18.75rem);
margin-right: -moz-calc(25% - 18.75rem);
margin-right: -o-calc(25% - 18.75rem);
margin-right: calc(25% - 18.75rem);
}
.barbabox05.barbapos05 {
margin-left: -webkit-calc(25% - 18.75rem);
margin-left: expression(25% - 18.75rem);
margin-left: -moz-calc(25% - 18.75rem);
margin-left: -o-calc(25% - 18.75rem);
margin-left: calc(25% - 18.75rem);
margin-right:auto;
}
.barbaboxes h3 {
padding-top:12.5rem;
font-size:1.35rem;
}
.barbaboxes.keynumbers .barbabox05 h3 {
font-size:1.3rem;
}
.barbaboxes.keynumbers h3 span.chiffre {
line-height:11.6rem;
font-size:2.1rem;
background-size:120px auto;	
}
.visual-left,
.visual-right {
background-size:70% auto;
}
.picto-xl-01,
.picto-xl-02,
.picto-xl-03 {
background-size:80% auto;
}
.example-container .example-flex {
-webkit-flex:0 1 40%;
-moz-flex:0 1 40%;
-ms-flex:0 1 40%;
flex:0 1 40%;
}
.barbaboxes h3 {
background-position:50% 35px!important;
}
}
@media (max-width: 106.938rem) {
h1.greyline {
margin:0 0 5vw -.5vw;
font-size:20vw;
}
.camille h1.greyline {
padding-top:4vw;
margin-top:-4vw;
background-position:24.5vw -.5vw;
background-size:9vw auto;
}
h1.redline {
font-size:2.9vw;
}
h1.redline.offseteysseric {
margin-left:25vw;
}
h1.redline.offsetfaites {
margin-left:-12.5vw;
}
h1.redline.offsetvosprojets {
margin-left:23vw;
}
h1.greyline.smaller {
letter-spacing:-.2rem;
font-size:9vw;
margin:0 0 3vw -.3vw;
}
.camille .introquote.left p {
margin-left:-37%;
}
.camille .introquote.right p {
margin-left:-3%;
}
.valeurs-zone {
margin-top:7rem;
}
.valeurs-zone > .g-content.g-particle {
justify-content:space-evenly;
}
.valeurs-zone > .g-content.g-particle .valeurs {
-webkit-flex:0 1 50%;
-moz-flex:0 1 50%;
-ms-flex:0 1 50%;
flex:0 1 50%;
}
.valeurs-zone > .g-content.g-particle .valeurs.item01,
.valeurs-zone > .g-content.g-particle .valeurs.item03 {
margin-left: -webkit-calc(33.3333% - 18rem);
margin-left: expression(33.3333% - 18rem);
margin-left: -moz-calc(33.3333% - 18rem);
margin-left: -o-calc(33.3333% - 18rem);
margin-left: calc(33.3333% - 18rem);
margin-right: -webkit-calc(16.6666% - 9rem);
margin-right: expression(16.6666% - 9rem);
margin-right: -moz-calc(16.6666% - 9rem);
margin-right: -o-calc(16.6666% - 9rem);
margin-right: calc(16.6666% - 9rem);
}
.valeurs-zone > .g-content.g-particle .valeurs.item02,
.valeurs-zone > .g-content.g-particle .valeurs.item04 {
margin-left: -webkit-calc(16.6666% - 9rem);
margin-left: expression(16.6666% - 9rem);
margin-left: -moz-calc(16.6666% - 9rem);
margin-left: -o-calc(16.6666% - 9rem);
margin-left: calc(16.6666% - 9rem);
margin-right: -webkit-calc(33.3333% - 18rem);
margin-right: expression(33.3333% - 18rem);
margin-right: -moz-calc(33.3333% - 18rem);
margin-right: -o-calc(33.3333% - 18rem);
margin-right: calc(33.3333% - 18rem);
}
.valeurs-zone > .g-content.g-particle .valeurs.item05 {
margin-left: auto;
margin-right: auto;
}
.barbaboxes.keynumbers .barbabox05 h3 {
width:95%;
max-width:95%;
}
.poles-container .event-type-flex {
-webkit-flex:0 1 30%;
-moz-flex:0 1 30%;
-ms-flex:0 1 30%;
flex:0 1 30%;
}
.event-type-flex ul {
max-width:100%;
}	
}
@media (max-width: 94.938rem) {
.portrait,
.portrait-inside {
width:30rem;
max-width:30rem;
height:30rem;
max-height:30rem;
}
.portrait {
background-size:30rem auto;
}
.barbabox05 {
width:30rem;
max-width:30rem;
height:30rem;
max-height:30rem;
background-position:50% 50%;
background-size:85% auto;
}
.barbabox05.barbapos01,
.barbabox05.barbapos02,
.barbabox05.barbapos03,
.barbabox05.barbapos04 {
margin-left: -webkit-calc(25% - 15rem);
margin-left: expression(25% - 15rem);
margin-left: -moz-calc(25% - 15rem);
margin-left: -o-calc(25% - 15rem);
margin-left: calc(25% - 15rem);
margin-right: -webkit-calc(25% - 15rem);
margin-right: expression(25% - 15rem);
margin-right: -moz-calc(25% - 15rem);
margin-right: -o-calc(25% - 15rem);
margin-right: calc(25% - 15rem);
}
.barbabox05.barbapos05 {
margin-left:auto;
margin-right:auto;
}
.barbabox05.barbapos03,
.barbabox05.barbapos04,
.barbabox05.barbapos05 {
margin-top:3vw;
}
.barbaboxes h3 {
padding-top:15rem;
font-size:1.4rem;
line-height:1.2;
}
.barbaboxes.keynumbers .barbabox05 {
height:25rem;
max-height:25rem;
}
.barbaboxes.keynumbers .barbabox05.barbapos01,
.barbaboxes.keynumbers .barbabox05.barbapos02,
.barbaboxes.keynumbers .barbabox05.barbapos03,
.barbaboxes.keynumbers .barbabox05.barbapos04,
.barbaboxes.keynumbers .barbabox05.barbapos05 {
margin-top:1vw;
}	
.edito-left,
.edito-right {
padding-bottom:5rem;
}
body p.edito {
font-size:1.35rem;
line-height:1.6;
}	
.visual-left,
.visual-right {
background-position:50% 30%;
}
.picto-xl-01,
.picto-xl-02,
.picto-xl-03 {
background-position:50% 30%;
}
.description-left,
.description-right {
padding:5rem 0;
}	
.poles-container .event-type-flex {
-webkit-flex:0 1 45%;
-moz-flex:0 1 45%;
-ms-flex:0 1 45%;
flex:0 1 45%;
}
}
@media (max-width: 89.938rem) {
.g-flexslider-slideshow .g-flexslider-slideshow-item-content-container {
}
.maintitle h1,
.g-flexslider-slideshow .g-flexslider-slideshow-item-title {
font-size:6.5vw;
letter-spacing:-.1rem;
}
.maintitle h1 {
padding:2vw 0 14vw 0;
}
.camille .introquote.left p {
margin-left:-40%;
}
.camille .introquote.right p {
margin-left:-20%;
}
.example-container .example-flex {
-webkit-flex:0 1 44%;
-moz-flex:0 1 44%;
-ms-flex:0 1 44%;
flex:0 1 44%;
}
}
@media (max-width: 75.938rem) {
.portrait,
.portrait-inside {
width:25rem;
max-width:25rem;
height:25rem;
max-height:25rem;
}
.portrait {
background-size:25rem auto;
}
.barbabox05 {
width:25rem;
max-width:25rem;
height:25rem;
max-height:25rem;	
background-size:87% auto;
}
.barbabox05.barbapos01,
.barbabox05.barbapos03 {
margin-left: 0;
margin-right: -webkit-calc(50% - 25rem);
margin-right: expression(50% - 25rem);
margin-right: -moz-calc(50% - 25rem);
margin-right: -o-calc(50% - 25rem);
margin-right: calc(50% - 25rem);
}
.barbabox05.barbapos02,
.barbabox05.barbapos04 {
margin-left: -webkit-calc(50% - 25rem);
margin-left: expression(50% - 25rem);
margin-left: -moz-calc(50% - 25rem);
margin-left: -o-calc(50% - 25rem);
margin-left: calc(50% - 25rem);
margin-right: 0;
}	
.barbaboxes h3 {
padding-top:12.5rem;
font-size:1.35rem;
}	
}
@media (max-width: 74.938rem) {
#g-slideshow .g-container,
.g-flexslider-slideshow .g-flexslider-slideshow-item-content {
height:696px!important;
min-height:696px!important;
max-height:696px!important;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item-content {
padding:16rem 0 0 0;
}
.camille .introquote.left p {
margin-left:-50%;
}
.camille .introquote.right p {
margin-left:-30%;
}
.center h2.contact02 {
font-size:3.2rem;
}
.valeurs-zone > .g-content.g-particle {
justify-content:space-between;
}
.valeurs-zone > .g-content.g-particle .valeurs {
width:45%;
max-width:45%;
height:35rem;
max-height:35rem;
padding:7rem 2rem 0 2rem;
margin-bottom:4vw;
margin-left:0;
margin-right:0;
}
.valeurs-zone > .g-content.g-particle .valeurs.item01,
.valeurs-zone > .g-content.g-particle .valeurs.item02,
.valeurs-zone > .g-content.g-particle .valeurs.item03,
.valeurs-zone > .g-content.g-particle .valeurs.item04 {
margin-left:0;
margin-right:0;
}
.valeurs-zone > .g-content.g-particle .valeurs.item05 {
margin-left:auto;
margin-right:auto;
}
.valeurs h3 {
font-size:3.1rem;
line-height:2;
}
.valeurs p {
font-size:1.3rem;
line-height:1.4;
}
h1.softline {
font-size:3rem;
line-height:2;
}
.visual-left,
.visual-right {
width:100%;
height:45vw;
background-position:50% 30%;
background-size:35% auto;
}
.picto-xl-01,
.picto-xl-02,
.picto-xl-03 {
background-position:50% 30%;
background-size:40% auto;	
}
.edito-left,
.edito-right {	
width:100%;
padding:0;
}
.edito-left {
float:right;
}
.visual-right {
float:left;
}
body p.signature-camille {
margin-top:1rem;
margin-bottom:4rem;
}
.description-left {
float:right;
}
.illus-right {
float:left;
}
.illus-left,
.illus-right {
width:100%;
height:45vw;
}
.description-left,
.description-right {
width:100%;
padding:0;
}
body .description-right p.desc,
body .description-left p.desc {
margin:0 auto 3rem auto;
text-align:center;
}
.example-container .example-flex {
-webkit-flex:0 1 90%;
-moz-flex:0 1 90%;
-ms-flex:0 1 90%;
flex:0 1 90%;
}
.example-flex h4,
.example-flex p {
width:100%;
max-width:40rem;
}
h2.covid {
max-width:80%;
}
}
/* NEW TABLET MOBILE MENU */
@media (max-width: 67.938rem) {
#g-navigation .g-main-nav {
display:none!important;
}
#g-header,
#g-above,
#g-showcase,
#g-utility,
#g-feature,
#g-container-main,
#g-sidebar,
#g-mainbar,
#g-aside,
#g-expanded,
#g-extension,
#g-bottom,
#g-footer,
#g-copyright {
padding-bottom:6rem;
}
#g-slideshow .g-container,
.g-flexslider-slideshow .g-flexslider-slideshow-item-content {
height:619px!important;
min-height:619px!important;
max-height:619px!important;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item-content {
padding:16rem 0 0 0;
}
.g-flexslider-slideshow .flex-direction-nav a,
.g-flexslider-slideshow .flex-direction-nav a:hover {
bottom:280px;
}
.menu-xtras.xtra2 {
display:none!important;	
}
.menu-xtras.xtra1 {
min-width: -webkit-calc(100% - 171px)!important;
min-width: expression(100% - 171px)!important;
min-width: -moz-calc(100% - 171px)!important;
min-width: -o-calc(100% - 171px)!important;
min-width: calc(100% - 171px)!important;
width: -webkit-calc(100% - 171px)!important;
width: expression(100% - 171px)!important;
width: -moz-calc(100% - 171px)!important;
width: -o-calc(100% - 171px)!important;
width: calc(100% - 171px)!important;
max-width: -webkit-calc(100% - 171px)!important;
max-width: expression(100% - 171px)!important;
max-width: -moz-calc(100% - 171px)!important;
max-width: -o-calc(100% - 171px)!important;
max-width: calc(100% - 171px)!important;
}
h2 {
font-size:1.5rem;
}
.center h2 {
}
.camille .introquote.middle h2 {
font-size:1.6rem;
}
.camille .introquote.left p {
margin-left:-75%;
}
.camille .introquote.right p {
margin-left:-25%;
}
h1.redline.smaller {
font-size:1.7rem;
}
#legal p {
font-size:1.1rem;
letter-spacing:0.02rem;
line-height:1.3;
}
}
@media (max-width: 63.938rem) {
.portrait,
.portrait-inside {
width:30rem;
max-width:30rem;
height:30rem;
max-height:30rem;
}
.portrait {
background-size:30rem auto;
}
.barbabox05 {
width:30rem;
max-width:30rem;
height:30rem;
max-height:30rem;
background-position:50% 50%;
background-size:85% auto;
}	
.barbabox05.barbapos01,
.barbabox05.barbapos02,	
.barbabox05.barbapos03,
.barbabox05.barbapos04,
.barbabox05.barbapos05 {
margin-left:auto;
margin-right:auto;
}
.barbabox05.barbapos02,	
.barbabox05.barbapos03,
.barbabox05.barbapos04,
.barbabox05.barbapos05 {
margin-top:4vw;
}
.barbaboxes h3 {
padding-top:15rem;
font-size:1.4rem;
line-height:1.2;
}
.barbaboxes.keynumbers .barbabox05 {
width:90%;
max-width:90%;
height:auto;
max-height:none;
}
.barbaboxes.keynumbers .barbabox05.barbapos01,
.barbaboxes.keynumbers .barbabox05.barbapos02,
.barbaboxes.keynumbers .barbabox05.barbapos03,
.barbaboxes.keynumbers .barbabox05.barbapos04,
.barbaboxes.keynumbers .barbabox05.barbapos05 {
margin-top:0;
margin-bottom:7vw;
}
.barbaboxes.keynumbers .barbabox05 h3 {
font-size:1.5rem;
line-height:1.3;
}
.barbaboxes.keynumbers h3 span.chiffre {
line-height:11.6rem;
font-size:1.9rem;
background-size:100px auto;	
}
h2.covid {
font-size:1.2rem;
line-height:1.3;
max-width:100%;
}
h2.covid.ending {
margin:1rem auto 3rem auto;
font-size:1.3rem;
line-height:1.3;
}
.barbaboxes h3 {
background-position:50% 40px!important;
}
}
@media (max-width: 62.938rem) {
#g-slideshow .g-container,
.g-flexslider-slideshow .g-flexslider-slideshow-item-content {
height:609px!important;
min-height:609px!important;
max-height:609px!important;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item-content {
padding:16rem 0 0 0;
}
.poles-container .event-type-flex {
-webkit-flex:0 1 90%;
-moz-flex:0 1 90%;
-ms-flex:0 1 90%;
flex:0 1 90%;
}
.event-type-flex ul {
max-width:80%;
}
}
@media (max-width: 59.938rem) {	
.camille .introquote.left p {
margin-left:-115%;
}
.camille .introquote.right p {
margin-left:-15%;
}
.valeurs-zone > .g-content.g-particle .valeurs {
width:100%;
max-width:100%;
height:auto;
padding-top:4rem;
padding-bottom:7rem;
margin-bottom:4vw;
-webkit-flex:0 1 100%;
-moz-flex:0 1 100%;
-ms-flex:0 1 100%;
flex:0 1 100%;
}
.valeurs-zone > .g-content.g-particle .valeurs.item05 {
margin-left:0;
margin-right:0;
}
.client {
width:19rem;
margin:0 .5vw 1rem 1vw;
}
.client h3 {	
font-size:1.2rem;
line-height:1.2;
}
.client p {
font-size:1.2rem;
line-height:1.2;
}
.client p.mission {	
font-size:1.4rem;
line-height:1.2;
}
}
@media (max-width: 56.938rem) {
.camille .introquote.left p {
margin-left:-145%;
}
.camille .introquote.right p {
margin-left:-15%;
}	
}
/* OLD TABLET MOBILE MENU */
@media (max-width: 47.938rem) {
.g-container {
width:90%;
}
#g-slideshow .g-container,
.g-flexslider-slideshow .g-flexslider-slideshow-item-content {
height:553px!important;
min-height:553px!important;
max-height:553px!important;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item-content {
padding:14rem 0 0 0;
}
.g-flexslider-slideshow .flex-direction-nav a,
.g-flexslider-slideshow .flex-direction-nav a:hover {
bottom:255px;
}
#g-navigation {
min-height:400px!important;
height:400px!important;
max-height:400px!important;
}
#g-navigation .g-container .g-grid:nth-child(1) {
min-height:340px!important;
height:340px!important;
max-height:340px!important;
}
#barba-conseil-logo-zone {
min-height:340px!important;
height:340px!important;
max-height:340px!important;
max-width:400px;
}
#barba-conseil-logo,
#barba-conseil-logo #layer01,
#barba-conseil-logo #layer02,
#barba-conseil-logo #layer03,
#barba-conseil-logo #layer04,
#barba-conseil-logo #layer05,
#barba-conseil-logo #layer06,
#barba-conseil-logo #layer07 {
min-height:220px!important;
height:220px!important;
max-height:220px!important;
background-size:250px auto;
background-position:42% bottom;
max-width:400px;
}
#barba-conseil-baseline {	
min-height:120px!important;
height:120px!important;
max-height:120px!important;
max-width:400px;
}
#barba-conseil-baseline p.baseline01 {
font-size:4rem;
}
#barba-conseil-baseline p.baseline02 {
font-size:1.1rem;
letter-spacing:.18rem;
}
#g-navigation .g-offcanvas-toggle + div .g-grid,
#g-navigation .g-offcanvas-toggle + div .g-grid .g-block,
#g-navigation .g-offcanvas-toggle + div .g-grid .g-block .g-content.g-particle,
#g-navigation .g-offcanvas-toggle + div .g-grid .g-block .g-content.g-particle a {
height:100%;
}
.g-offcanvas-toggle {
top:340px;
}	
#g-navigation .g-container .g-grid:nth-child(2) {
width:auto!important;
margin-left: -webkit-calc(60px - 4.5%)!important;
margin-left: expression(60px - 4.5%)!important;
margin-left: -moz-calc(60px - 4.5%)!important;
margin-left: -o-calc(60px - 4.5%)!important;
margin-left: calc(60px - 4.5%)!important;
}
.menu-xtras.xtra1 {
min-width: -webkit-calc(100% - 111px)!important;
min-width: expression(100% - 111px)!important;
min-width: -moz-calc(100% - 111px)!important;
min-width: -o-calc(100% - 111px)!important;
min-width: calc(100% - 111px)!important;
width: -webkit-calc(100% - 111px)!important;
width: expression(100% - 111px)!important;
width: -moz-calc(100% - 111px)!important;
width: -o-calc(100% - 111px)!important;
width: calc(100% - 111px)!important;
max-width: -webkit-calc(100% - 111px)!important;
max-width: expression(100% - 111px)!important;
max-width: -moz-calc(100% - 111px)!important;
max-width: -o-calc(100% - 111px)!important;
max-width: calc(100% - 111px)!important;
}
.menu-xtras.xtra3 {
min-width:110px!important;
width:110px!important;
max-width:110px!important;
}
h1.greyline {
margin:0 0 7vw -.5vw;
font-size:25vw;
}
.camille h1.greyline {
padding-top:5vw;
margin-top:-5vw;
background-position:25vw -.5vw;
background-size:11vw auto;
}
h1.redline {
font-size:4vw;
}
h1.redline.offseteysseric {
margin-left:33vw;
}
h1.redline.offsetfaites {
margin-left:-16vw;
}
h1.redline.offsetvosprojets {
margin-left:26vw;
}
h1.greyline.smaller {
font-size:14vw;
margin:0 0 5vw -.3vw;
}
.camille .introquote.left,
.camille .introquote.right {
display:none;
}
.camille .introquote.middle {
width:80%;
max-width:80%;
}
.center h2.contact02 {
font-size:2.4rem;
}
.portrait,
.maintitle {
margin-top:10rem;
}
.barbaboxanim {
width:20rem;
max-width:20rem;
height:20rem;
max-height:20rem;
}
.barbaboxanim.top {	
background-size:80% auto;
}
.crea .barbaboxanim.bottom,
.optim .barbaboxanim.bottom,
.event .barbaboxanim.bottom,
.gastro .barbaboxanim.bottom {
margin:-20rem auto 0 auto;
background-position:50% -10%;
background-size:70% auto;
}
.sidebyside .barbaboxes h3 {
font-size:2.1rem;	
padding-top:13rem;
}
.sidebyside h4 {
margin:0 auto;
}
.sidebyside p {
margin-bottom:5rem;
}
.illus-left,
.illus-right {
height:55vw;
background-size:50% auto;
}
	
.poles-container {
margin-top:4rem;
}
	
}
@media (max-width: 40.938rem) {
#g-slideshow .g-container,
.g-flexslider-slideshow .g-flexslider-slideshow-item-content {
height:564px!important;
min-height:564px!important;
max-height:564px!important;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item-content {
padding:12rem 0 0 0;
}
.maintitle h1,
.g-flexslider-slideshow .g-flexslider-slideshow-item-title {
font-size:9vw;
letter-spacing:-.05rem;
max-width:80%;
}
a.mybutton,
a.mybutton:visited,
#g-expanded a.mybutton,
#g-expanded a.mybutton:visited {
font-size:1.1rem;
padding:.9rem 1.1rem;
border:4px solid #e20e0e;
}
a.mybutton:hover,
a.mybutton:active,
#g-expanded a.mybutton:hover,
#g-expanded a.mybutton:active {
padding:.9rem 2rem;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item-link a.g-flexslider-slideshow-item-button.button,
.g-flexslider-slideshow .g-flexslider-slideshow-item-link a.g-flexslider-slideshow-item-button.button:visited {
font-size:1.1rem;
padding:.9rem 1.1rem .85rem 1.1rem;
border:4px solid #e20e0e;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item-link a.g-flexslider-slideshow-item-button.button:hover,
.g-flexslider-slideshow .g-flexslider-slideshow-item-link a.g-flexslider-slideshow-item-button.button:active {
padding:.9rem 2rem .85rem 2rem;
}
h2 {
font-size:1.4rem;
}
.camille .introquote.middle h2 {
font-size:1.5rem;
}
.introquotecontainer {
margin:4rem auto 3rem auto;
}	
.barbaboxes.keynumbers .barbabox05 h3 {
font-size:3.8vw;
}
h2,
.camille .introquote.middle {
width:100%;
max-width:100%;
}
.example-container .example-flex {
-webkit-flex:0 1 100%;
-moz-flex:0 1 100%;
-ms-flex:0 1 100%;
flex:0 1 100%;
}
.poles-container .event-type-flex {
-webkit-flex:0 1 100%;
-moz-flex:0 1 100%;
-ms-flex:0 1 100%;
flex:0 1 100%;
}
.event-type-flex ul {
max-width:100%;
}
}
@media (max-width: 34.938rem) {
h1.greyline {
margin:0 0 9vw -.5vw;
font-size:30vw;
}
.camille h1.greyline {
padding-top:7vw;
margin-top:-7vw;
background-position:20vw -.5vw;
background-size:14vw auto;
}
h1.redline {
font-size:6vw;
}
h1.redline.offseteysseric {
margin-left:40vw;
}
h1.redline.offsetfaites {
margin-left:-16vw;
}
h1.redline.offsetvosprojets {
margin-left:16vw;
}
h1.greyline.smaller {
font-size:16vw;
margin:0 0 7vw -.3vw;
}	
.portrait,
.portrait-inside {
width:85vw;
max-width:85vw;
height:85vw;
max-height:85vw;
}
.portrait {
background-size:85vw auto;
}
.barbabox05 {
width:85vw;
max-width:85vw;
height:85vw;
max-height:85vw;	
background-size:88% auto;
}
.barbabox05.barbapos02,	
.barbabox05.barbapos03,
.barbabox05.barbapos04,
.barbabox05.barbapos05 {
margin-top:9vw;
}
.barbaboxes h3 {
padding-top:50%;
font-size:4.7vw;
}
.barbaboxes.keynumbers .barbabox05 h3 {
font-size:5vw;
width:100%;
max-width:100%;
}
body p.edito {
font-size:5vw;
}
body p.signature-camille {
margin-top:1rem;
width:50vw;
height:25vw;
}
body p.desc {
font-size:5.5vw;
}
body p.desc.title {
font-size:6vw;
}
.sidebyside .barbaboxes h3 {
font-size:2rem;
}
.sidebyside h4 {
font-size:1.4rem;
line-height:1.2;
width:100%;
}
.sidebyside p {
font-size:1.3rem;
line-height:1.4;
width:100%;
}
h2.covid {
margin:2rem auto 3rem auto;
max-width:100%;
}
.example-flex p {
margin-top:2rem;
padding-left:0;
padding-top:90px;
background-position:0 0;
background-size:70px auto;
}	
.example-flex h4 {
padding-left:0;
}
}

@media (max-width: 29.938rem) {
.g-offcanvas-toggle {
top:265px;
}
#g-footer li {
width:100%;
}
#main-menu-alias .g-main-nav .g-toplevel > li > .g-menu-item-container,
#main-menu-alias .g-main-nav .g-toplevel > li > .g-menu-item-container:visited {
padding:0;
}
#g-navigation {
min-height:325px!important;
height:325px!important;
max-height:325px!important;
}
#g-navigation .g-container .g-grid:nth-child(1) {
min-height:265px!important;
height:265px!important;
max-height:265px!important;
}
#barba-conseil-logo-zone {
min-height:265px!important;
height:265px!important;
max-height:265px!important;
max-width:300px;
}
#barba-conseil-logo,
#barba-conseil-logo #layer01,
#barba-conseil-logo #layer02,
#barba-conseil-logo #layer03,
#barba-conseil-logo #layer04,
#barba-conseil-logo #layer05,
#barba-conseil-logo #layer06,
#barba-conseil-logo #layer07 {
min-height:175px!important;
height:175px!important;
max-height:175px!important;
background-position:42% bottom;
background-size:200px auto;
max-width:300px;
}
#barba-conseil-baseline {	
min-height:90px!important;
height:90px!important;
max-height:90px!important;
max-width:300px;
}
#barba-conseil-baseline p.baseline01 {
font-size:2.7rem;
}
#barba-conseil-baseline p.baseline02 {
font-size:.8rem;
letter-spacing:.1rem;
margin:.4rem 0 3rem .8rem;
}	
#g-slideshow .g-container,
.g-flexslider-slideshow .g-flexslider-slideshow-item-content {
height:430px!important;
min-height:430px!important;
max-height:430px!important;
}
.g-flexslider-slideshow .g-flexslider-slideshow-item-content {
padding:6rem 0 0 0;
}
.g-flexslider-slideshow .flex-direction-nav a,
.g-flexslider-slideshow .flex-direction-nav a:hover {
bottom:248px;
}
h2 {
font-size:1.2rem;
}
.camille .introquote.middle h2 {
font-size:1.3rem;
}
.center h2.contact02 {
font-size:2rem;
}
.maintitle,
.portrait {
margin-top:5rem;
}
}