/*
Theme Name: Audrée Avoine
Author: Audrée Avoine
Author URI: https://audreeavoine.ca

*/
@font-face {
    font-family: 'SuisseIntl-Regular';
    src: url('/wp-content/themes/audree_2026/fonts/SuisseIntl-Regular.woff2') format('woff2'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
} 
@font-face {
    font-family: 'SuisseNeue-Regular-WebS';
    src: url('/wp-content/themes/audree_2026/fonts/SuisseNeue-Regular-WebS.woff2') format('woff2'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
} 
@font-face {
    font-family: 'SuisseNeue-Regular-WebXL';
    src: url('/wp-content/themes/audree_2026/fonts/SuisseNeue-Regular-WebXL.woff2') format('woff2'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}


*{font-weight: normal !important;font-style: normal !important;}
body{
    font-family: SuisseIntl-Regular;
    font-size:18px;
    color:#2D2D2D; 
	overflow-x:hidden;
}
strong{font-family: SuisseIntl-Regular;}
strong.bold{font-family: SuisseIntl-Regular;}
a, a:hover, a:active, a:focus {color:#2D2D2D; outline:none;}
img {
    max-width: 100%;
    height: auto;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}
input[type="text"], input[type="email"], input[type="search"], textarea {
    /* https://stackoverflow.com/questions/5210481/disable-orange-outline-highlight-on-focus */
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
    /*color:#000;*/
}
input[type="checkbox"]{
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
    width: auto !important;
}
input[type="radio"]{
    -moz-appearance: radio;
    -webkit-appearance: radio;
}

.logo .cls-1 {fill: #0d0d0f;}
.logo-aa{display:block; position:relative; width:35px;height:20px;}

a:focus,
button:focus,
input:focus,
textarea:focus,
video:focus{
    outline: none;
}
em{font-style:oblique !important;}

.tag, h2.rotate{text-transform:uppercase; font-size:13px;letter-spacing:2px;}
.cover {
	background-repeat: no-repeat;
	background-position:center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

.rotate > span{
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);
    display: inline-block;
    transform-origin: 0 0;
}
.clear{display:block; clear: both;}
.abs{position:absolute;}
.rel{position:relative;}

.breadcrumbs{font-size:11px; text-transform:uppercase; font-family: SuisseIntl-Regular; margin:10px 0; letter-spacing:2px;}
.breadcrumbs a{color:rgba(0,0,0,0.5);}
/*

=== BT ===

*/
.bt, #contact #formulaire .gform_button{
    /* Par défaut le bouton a une bordure noir et texte noir */
    border:1px solid #000;
    background-color: transparent;
    will-change:color, background-color;
    -webkit-transition: color 0.2s, background-color 0.2s;
    -moz-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
    padding:14px 20px;
    display: inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-decoration: none !important;
}
.bt:hover{
    background-color:#000;
    color:#FFF;
    
}
.pc .bt, .pc #contact #formulaire .gform_button{padding-top:10px !important;padding-bottom:18px !important;} /* DEBUG WINDOWS */
.bt.border-jaune{border-color:#f6d70b;}
.bt.border-jaune:hover{background-color:#f6d70b;}

.bt.texte-blanc{color:#FFF;}

.bt.border-blanc{border-color:#FFF;}
.bt.border-blanc:hover{border-color:#000;}

.rellax{
    width: 102%;
    height: 140%;
    left: -1%;
    top: -10%;
    position: absolute;
}

.bg-jaune{background-color:#fcd700;}
.bg-noir, .search, #page.bg-noir {background-color:#000; color:#FFF;}


.bg-saumon{background-color:#ff6f55; color:#FFF;}
.bg-blanc{background-color:#ffffff;}
.bg-bleu{background-color:#0000ff;color:#FFF;}

/*

=== HEADER ===

*/
header{padding:45px 0; background-color:#f4ece5;display:flex; justify-content: space-between;}
header ul{display:flex; justify-content: center;padding:0;}
header ul li {list-style:none;}
header ul a {display:block;font-size:20px; margin:0 25px; padding-bottom:1px; border-bottom:1px solid transparent;position:relative;}
header ul li{position:relative;}
header ul li:last-child a{margin-right:0;}
header ul a:hover {border-color:#2D2D2D; text-decoration: none;}
header ul.sub-menu{
	display:none; 
	position:absolute;
	padding: 0;
	background-color: #2D2D2D;
	width: 340px;
	top: 0;
	margin-top: 32px;
}

header ul.sub-menu a{display:block;color:#f4ece5;font-size:16px; padding:10px 20px;margin:0;border-bottom:1px solid #f4ece5;}
header ul.sub-menu a:hover{background-color:#515151;}
header ul.sub-menu li:last-child a{border-bottom:none;}
header ul li:hover > ul.sub-menu {
    display: block;
}

.social svg{
    width:34px;
    height:24px;  
}
.social svg path{
    fill:#222222;
    will-change:fill;
    -webkit-transition: fill 0.2s;
    -moz-transition: fill 0.2s;
    transition: fill 0.2s;
}
.social .facebook a:hover svg path{fill:#4164ab;}
.social .instagram a:hover svg path{fill:#d80e82;}
.social .vimeo a:hover svg path{fill:#19b0e1;}
.social .behance a:hover svg path{fill:#1766f6;}
.social .soundcloud a:hover svg path{fill:#f57102;}
.social .linkedin a:hover svg path{fill:#0071ac;}


.ico-rechercher{top: 2px;position: relative;}
.ico-rechercher svg{width:20px; height:20px;top: 2px;position: relative;}

header.blanc a, header.blanc a:hover, header.blanc a:active, header.blanc a:focus{color:#FFF;}
header {position:relative; width:100%;}
.search header.bg-fix{display: none !important;}
/*
header {
    position:absolute; 
    width:100%; 
    left:0; 
    top:0; 
    z-index: 10;
    will-change: margin-top;
    -webkit-transition: margin-top 0.5s;
    -moz-transition: margin-top 0.5s;
    transition: margin-top 0.5s;
}
header.bg-fix.cache {margin-top:0;}
header.cache{
    margin-top:-160px;
    background-color:#ffffff; 
    position:fixed;
}

header.bg-fix .principal ul li a, header.bg-fix .principal ul li a:hover, header.bg-fix .principal ul li a:active, header.bg-fix .principal ul li a:focus{color:#000;}

header.bg-fix .principal .ico-rechercher svg {fill:#000;}
header.bg-fix .logo-blanc {display:none !important;}
header.bg-fix .logo-noir {display:block !important;}
*/
header.bg-fix {background-color:#ffffff; position:fixed;}
header.bg-fix .principal ul li a, header.bg-fix .principal ul li a:hover, header.bg-fix .principal ul li a:active, header.bg-fix .principal ul li a:focus{color:#000;}

header.bg-fix .principal .ico-rechercher svg {fill:#000;}
header.bg-fix .logo-blanc {display:none !important;}
header.bg-fix .logo-noir {display:block !important;}

header .navbar-default {background-color:transparent; border:none; margin-bottom:0; margin-left:10px; margin-right:10px;}
.navbar-default .navbar-toggle {border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0; margin-top:20px; margin-right:0; padding-right:0;}
.navbar-default .navbar-toggle  .icon-bar { height:3px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0; width:20px;}
.navbar-default .navbar-toggle:hover {background-color:transparent;}

.mobile.recherche .screen-reader-text {display:none;}
.mobile.recherche .search-field {border:none; box-shadow:none; background-color:transparent;color:#ffffff; width:100%; font-size:18px; border-bottom:1px solid #ffffff;padding-bottom: 10px;}
.mobile.recherche label {width:100%; }
.mobile.recherche {position:relative;margin-bottom:40px;}
.mobile.recherche .search-submit {position:absolute; right:0; top:0; background-color:transparent; height:30px; width:30px; padding:0; border:none;z-index:1;}
.mobile.recherche svg {fill:#ffffff; height:30px; width:30px; position:absolute; right:0; top:0;z-index:0;}
.bt.b-blanc {color:#ffffff; display:block; border:1px solid #ffffff; text-align:center; margin-bottom:10px;}
.social-mobile .list-inline {margin-bottom:40px;}
.mobile.recherche input:focus, .mobile.recherche input:active  {border:none; -webkit-appearance: none;outline:none;}
.menu-ouvert header.bg-fix .logo-salto svg .st0{fill:#ffffff;}
.menu-ouvert header.bg-fix .navbar-default .navbar-toggle .icon-bar {background-color:#ffffff;}
.social-mobile {margin-left:10px; margin-right:10px;}

.icon-bar{
	transition: opacity 0.5s;
}


.icon-bar.x {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0!important;
  background-color: #D56026;
  display: block;
  opacity: 0;
transform: translate(-50%, -50%) rotate(0deg);
  transition: opacity 0.6s, transform 0.5s;
   }

.navbar-toggle.ouvert .icon-bar.x.left {
  transform: translate(-50%, -50%) rotate(45deg); }

.navbar-toggle.ouvert .icon-bar.x.right {
  transform: translate(-50%, -50%) rotate(-45deg); }

.navbar-toggle.ouvert .icon-bar {
  opacity: 0;
  transition: opacity 0.6s; }
.navbar-toggle.ouvert .icon-bar.x {
  opacity: 1;
   }



/*

=== ACCUEIL ===

*/

header.bg-fix .logo-blanc {display:none !important;}
header.bg-fix .logo-noir {display:block !important;}

.home #page, .home-2024 #page{padding-bottom:0;}
.home header > .container, .home-2024 header > .container{position:relative; z-index: 11;}
.mask{
    width:100%;
    overflow: hidden; 
    position: absolute; 
    top:0; 
    z-index:5;
}
.mask span{position:relative;display: inline-block;max-width: 90%;}
.mask span:before, .home .mask span:after{
    content:"";
    width:200%;
    height:100%;
    display: block;
    background-color:#FFF;
    position: absolute;
    top:0;
}
.mask span:before{left:calc(100% - 1px);}
.mask span:after{right:calc(100% - 1px);}
.home .demo_reel{display:block; height:100%; width:100%;position:fixed; top:0; left:0; background-color:#000;overflow:hidden;}
.demo_reel a{text-decoration: none !important;display:block;}
.home-2024 .demo_reel a.play, .home .demo_reel a.play{margin-right: 8px;height:100%; width:100%;position:absolute; top:0; left:0; z-index:3; }
.home-2024 .demo_reel{position:relative;}
.home section.projets, .home-2024 section.projets{padding-top:0;}
.demo_reel a.play:before,
.demo_reel a.play:after{display:block;
    content:"";position: absolute;
    left: 50%;
    top:50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);}
.demo_reel a.play:before{
    width:75px;
    height:75px;
    background-color:#000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.demo_reel a.play:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 30px;
    margin-left: 6px;
    border-color: transparent transparent transparent #ffffff;
}


.demo_reel a.play span{position:relative; top: calc(100% - 50px); color:#FFF; display: block;padding:0; padding-left:20px;}
.demo_reel a.play span:before{
    display:inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #ffffff;
    content:"";
    margin-right:8px;
}
.demo_reel .haut.bas {
    position: absolute;
    left:50%;
    -ms-transform: translateX(-50%); /* IE 9 */
    -webkit-transform: translateX(-50%); /* Safari */
    transform: translateX(-50%);
    bottom: 15px;
}
.demo_reel .haut.bas img{
    -ms-transform: rotate(-180deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Safari */
    transform: rotate(-180deg);
    animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0) rotate(-180deg);}	
	40% {-webkit-transform: translateY(-30px) rotate(-180deg);}
	60% {-webkit-transform: translateY(-15px) rotate(-180deg);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0) rotate(-180deg);}
	40% {-moz-transform: translateY(-30px) rotate(-180deg);}
	60% {-moz-transform: translateY(-15px) rotate(-180deg);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0) rotate(-180deg);}
	40% {-o-transform: translateY(-30px) rotate(-180deg);}
	60% {-o-transform: translateY(-15px) rotate(-180deg);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0) rotate(-180deg);}
	40% {transform: translateY(-30px) rotate(-180deg);}
	60% {transform: translateY(-15px) rotate(-180deg);}
}
.home video#demo_vignette{
   /*position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);
    width:auto; height:100%;max-width:none; */
}
.home.horizontal video#demo_vignette{width:100%; height:auto;max-width:none;}
/*.home.vertical video#demo_vignette{}*/

.fixed_demo_reel .demo_reel{position:absolute;}
.a-propos{background-color:#000; position: relative;overflow: hidden; color:#FFF;}
.a-propos .rotate{top:0; left:0; position: absolute;}
.a-propos .rellax{background-image:url("images/a-propos-accueil-bg.jpg");}
.a-propos .container{position:relative; z-index:10;}
.a-propos .motcle.rsVer{width:100%; height: 50px;}
.pc .a-propos .motcle.rsVer{height:70px;}
.home h2, .home-2024 h2{font-family: SuisseIntl-Regular; font-size:1.6em;}


.home .blogue .container, .home-2024 .blogue .container{padding-top: 30px;}
.home .blogue .bt.noir.invert, .home-2024 .blogue .bt.noir.invert{width:100%; color:#FFF;}
.home .blogue .bt.noir.invert:hover, .home-2024 .blogue .bt.noir.invert:hover{color:#000;}
.valeurs{background-color:#fcd700;position: relative;overflow: hidden;color:#FFF;}
.valeurs .rellax{background-image:url("images/valeurs-accueil-bg.jpg");}
.valeurs .container{position:relative; z-index:10;}
.home .texte, .home-2024 .texte{
    display:block; 
    margin:0 auto; 
    max-width:630px;
    line-height: 1.2;
    margin-bottom:30px;
}
.home .texte p, .home-2024 .texte p{margin-bottom: 20px;}
.home .texte p.small,.home-2024 .texte p.small{font-size: 12px;}

.home .valeurs .bt.noir.invert, .home-2024 .valeurs .bt.noir.invert{border:none;}


#demo_reel{width:100%!important;}


/*

=== GRILLE ===

*/
.projets{}
.projets h2{display:inline-block;margin-top:0;}
.projets ul{display:inline-block;margin:0; padding:0;}
.projets ul li{display:inline-block; width:100%;}
.projets ul li a{display: inline-block;margin:7px 0;border-bottom:2px solid #FFF;}
.projets ul li.active a, .projets ul li a:hover{font-family: SuisseIntl-Regular; text-decoration: none;}
.projets ul li.active a{border-color:#000;}
.projets .menu-categories{line-height:2.5;margin-bottom: 30px;}
.grille{display:block; clear:both;}
.grille .tmb{margin-bottom:30px; }
.grille .tmb.is-video{margin-bottom:-10px!important;} 
.grille .tmb a{display:block; height:230px; position:relative; background-color:#000; color:#FFF;overflow: hidden; border:none;}
.grille .tmb a:hover{text-decoration:none;}
.grille .tmb .inner{position:relative; padding: 20px 25px; height:100%; z-index:10;}
.home-2024 .grille .tmb .inner{position:absolute; height:auto;}
.grille .tmb h3{font-size:19px; margin-top:0;}
.grille .tmb a:hover h3{text-decoration:underline;}
.grille .tmb .tag{position:absolute; bottom:20px;margin-bottom:0;}

.grille .tmb .vignette{
    position:absolute; 
    top:50%; 
    left:50%;
    -ms-transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:auto;
    max-width:none;
    min-width:101%;
    height:100%;
    will-change:transform;
    -webkit-transition: transform 2s;
    -moz-transition: transform 2s;
    transition: transform 2s;
    z-index:5;
}


.home-2024 .grille .tmb .vignette{
    position:relative; 
    top:0; 
    left:0;
    width:100%;
    max-width:none;
    min-width:100%;
    height:auto;
	-ms-transform: translate(0, 0) scale(1.01);
    -webkit-transform: translate(0, 0) scale(1.01);
    transform: translate(0, 0) scale(1.01);
    z-index:5;
}



.grille .tmb a:hover .vignette{
    -ms-transform: translate(-50%, -50%) scale(1); /* IE 9 */
    -webkit-transform: translate(-50%, -50%) scale(1); /* Safari */
    transform: translate(-50%, -50%) scale(1);
}
.home-2024 .grille .tmb a:hover .vignette{
    -ms-transform: translate(0,0) scale(1); /* IE 9 */
    -webkit-transform: translate(0,0) scale(1); /* Safari */
    transform: translate(0,0) scale(1);
}


.home-2024 .grille .featured .tmb .inner{position:absolute; top:0; left:0;}

.home-2024 .grille .tmb a {position:relative;}

::-webkit-input-placeholder{
    opacity: 1 !important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: SuisseIntl-Regular;
    opacity: 1 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family: SuisseIntl-Regular;
    opacity: 1 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
  font-family: SuisseIntl-Regular;
    opacity: 1 !important;
}
.modal .container{position:relative; height:100%;}
.modal .screen-reader-text{display:none;}
.modal-backdrop.in{opacity:1;}
.modal form{
    position:absolute; top:50%;
    width:100%;
     ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%);
}
.modal label{
    display:block;
    width:100%;
}
.modal .search-field{
    display:block;
    margin:0 auto 30px;
    width:80%;
    border:none;
    border-bottom:1px solid rgba(255,255,255,0.5);
    background-color:transparent;
    color:#FFF;
    font-size:30px;
    line-height: 1;
    font-family: SuisseIntl-Regular;
    text-align:center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.modal .bt{background-color:transparent; border-color:#FFF; color:#FFF;}
.modal .bt:hover{background-color:#FFF;color:#000;border-color:#FFF;}
.bt-close{
    position:absolute;
    top:40px;
    right:0;
    width:25px;
    height:25px;
    background-color:transparent;
    border:none;
    ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg);
}
.bt-close span:before,
.bt-close span:after{
    content:"";
    display:block;
    width:1px;
    height:100%;
    position: absolute;
    left:50%;
    top:50%;
    ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
    background-color:#FFF;
}
.bt-close span:after{
    ms-transform: translate(-50%, -50%) rotate(-90deg); /* IE 9 */
    -webkit-transform: translate(-50%, -50%) rotate(-90deg); /* Safari */
    transform: translate(-50%, -50%) rotate(-90deg);
}
.bg-header{
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:286px;
    z-index:0;
    background-color:#ffffff;
}

.postid-1203 .bg-header {
	 height:420px;
}

.bg-header .cover {
    display:block;
    content:"";
    height:0%;
    width:100%;
}
.loaded .bg-header .cover {
    -webkit-animation: slidedown 1s 0s forwards;
    -moz-animation:slidedown 1s 0s forwards;
    -o-animation:slidedown 1s 0s forwards;
    animation:slidedown 1s 0s forwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes slidedown {
  from {height:0%;}
  to {height:100%;}
}
@-moz-keyframes slidedown {
  from {height:0%;}
  to {height:100%;}
}
@-o-keyframes slidedown {
  from {height:0%;}
  to {height:100%;}
}

/* Standard syntax */
@keyframes slidedown {
  from {height:0%;display:none;}
  to {height:100%;display:block;}
}


.bg-header .anim {
    height:100%;
    width:100%;
    opacity:0;
    background-repeat: no-repeat;
    background-position:center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
.loaded .bg-header .anim {   
    -webkit-animation: opacity-fade 2s 1s forwards;
    -moz-animation:opacity-fade 2s 1s forwards;
    -o-animation:opacity-fade 2s 1s forwards;
    animation:opacity-fade 2s 1s forwards;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes opacity-fade {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes opacity-fade {
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes opacity-fade {
    from {opacity:0;}
    to {opacity:1;}
}
/* Standard syntax */
@keyframes opacity-fade {
    from {opacity:0;}
    to {opacity:1;}
}
.single-projets .first-image{
	opacity:0;
	will-change:opacity;
	-webkit-transition: opacity 0.5s 0s;
	-moz-transition: opacity 0.5s 0s;
	transition: opacity 0.5s 0s;
}
.single-projets.loaded .first-image{
    opacity:1;
}


#page {z-index:5; position:relative;background-color:#ffffff;overflow-x: hidden;}
/*#page:before {content:"";position:absolute; width:100%; height:100%; top:0; left:0;background-color:#ffffff;z-index:1 !important;}*/
.accueil #page {z-index:1; position:relative;}

header .principal ul li a {font-family:SuisseIntl-Regular;text-decoration: none !important;}
header .principal ul li a:hover, 
header .principal ul li.current_page_item a,
header .principal ul li.current-menu-item a,
.single-post header .principal ul li.blogue a,
.single-projets header .principal ul li.projets a{font-family:SuisseIntl-Regular; }
.menu-ouvert header .principal ul li a {color:#ffffff !important;}
.menu-ouvert .navbar-default .navbar-toggle .icon-bar {background-color:#ffffff;}

.single.single-post .blogue{padding-top:75px;}


/*   SINGLE PROJET   */

.single-projets .breadcrumbs { color:#ffffff; margin:10px 0 44px;}
.single-projets header.bg-fix .principal ul li a {color:#000;}
.single-projets .breadcrumbs a {color:rgba(255,255,255, 0.5);}
.single-projets h1 {font-family: SuisseIntl-Regular; font-size:31px; color:#ffffff; letter-spacing:2px; margin-top:0; margin-bottom:20px;}
.single-projets .header-black ul.tag li, .single-projets .header-black .breadcrumbs, .single-projets .header-black .breadcrumbs a, .single-projets .header-black h1{color:#222222;}

.single-projets ul.tag {padding-left:0;}
.single-projets ul.tag li{list-style:none; color:#ffffff; margin-bottom:6px; font-family: SuisseIntl-Regular;}
.absolute-contain {padding-top:80px;}
.absolute-container {position:absolute; top:0; z-index:999;}
.soundcloud-player, .youtube-video, .custom-slider, .single-projets .my-gallery figure,  .single .my-gallery figure {margin-bottom:10px;}
.single-projets .my-gallery a:not(.custom-nav) {display:block; width:100%; height:100%;}
.single-projets .my-gallery a.bt {display:inline;font-family: SuisseIntl-Regular;}
.single-projets h2 {margin-top:0; font-family: SuisseIntl-Regular; /*font-size:22px;*/}
.slider-wrapper {position:relative;}
.slider-wrapper .custom-nav {height:70px; width:70px; position:absolute; top:50%; transform:translateY(-50%)}
.slider-wrapper .custom-nav.custom-next {right:0;}
.slider-wrapper .slide .main-image {margin:0 5px;}
.slick-list.draggable {max-width:1235px; margin:0 auto; overflow:visible !important; padding:0 !important;}
.no-bg {background:none !important; background-color:none !important;}
section {padding:30px 0;}
section.no-padding-top {padding-top:0;}
section.no-padding-bottom {padding-bottom:0;}
.custom-slider {width:100%; overflow:hidden;}
.single-projets .introduction ul {padding-left:0;}
.single-projets .introduction ul li {list-style:none; margin-bottom:20px; padding-left:20px;position:relative;}
.single-projets .introduction ul li:before {content:">"; position:absolute; left:0; top:2px; }
.single-projets .introduction p:last-child{margin-bottom:0;}
#page {/*padding-bottom:50px;*/padding-bottom:0;}
header.bg-fix .navbar-default .navbar-toggle .icon-bar {background-color:#222222;}
.video-container {height:100%; width:100%; display:block; position:relative;}
.video-container img.video {height:100%; width:100%;}
.video-container img.play {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.video-container {background-color:#222222;}
.mp4-container {max-width:100%; width:100%;}
.custom-prev img {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
.custom-prev {left:40px;}
.custom-next {right:40px;}
.custom-nav.slick-disabled {opacity:0 !important;}
.single-projets .main-image {background-color:#222222;}
.single-projets .main-image.first-image {background-color:transparent;}
.single-post .blogue article.first-article .rellax{
    will-change:transform;
	-webkit-transition: transform 0.2s;
	-moz-transition: transform 0.2s;
	transition: transform 0.2s;
}
.single-post .blogue article.first-article .inner{height:200px;}
.big-margin {margin-top:40px;margin-bottom:40px;}
.single:not(.single-projets) h1 {font-family: SuisseIntl-Regular; font-size:28px;}
.outer-box section {padding:0;}
.single-projets small.etude {font-size:20px;}
.line-height {line-height:1 !important;}

.single-projets .my-gallery ul li a {display:inline-block !important;width:auto!important;height:auto!important;}

/*   BLOGUE   */


a#dLabel {border-bottom:1px solid #222222; width:100%; display:block;font-size:18px;}
a#dLabel:hover, a#dLabel:focus, a#dLabel:active {text-decoration:none;}
a#dLabel:after {content:""; position:absolute; border-bottom:1px solid #222222;border-right:1px solid #222222;top:4px; right:0; height:10px; width:10px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);transform:rotate(45deg);}
.dropdown {width:185px; text-align:left; float:right; margin-bottom:40px;padding-left:20px;z-index:22;}
ul.dropdown-menu {width:100%; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none; border:none; font-size:18px;}
.blogue small {color:#ffffff;}
.blogue article {background-color:#222222; position:relative;}
.blogue article small span {padding:0 6px; border-right:1px solid #ffffff;}
.blogue article small span:last-child{border-right:none;}
.blogue article .inner{position:relative;}
.blogue article a, .single-post .first-article .inner{padding:10px; display:block;}
.blogue article small {-webkit-transform:translateX(-100%) rotate(-90deg); -moz-transform:translateX(-100%) rotate(-90deg); transform:translateX(-100%) rotate(-90deg); position:absolute; top:0; left:0;transform-origin: top right;}
.blogue h2, .blogue .h1 {margin-top:0;margin-bottom:20px; font-family: SuisseIntl-Regular; line-height: 1.1;}
.blogue article.first-article .h1{max-width:80%; font-size:30px; color:#FFF;}

.blogue article a, .blogue article a:hover, .blogue article a:active, .blogue article a:focus {text-decoration:none;}
.blogue .bg-blanc {padding:60px 0;}

.single-post #page > article{margin-top:0;}
.single-post .breadcrumbs{color:#7f7f7f;}
.single-post .breadcrumbs .breadcrumb_last{color:#222222;}

.infolettre article{background-color:transparent;}
.blogue .infolettre article h2 {color:#222222;font-family: SuisseIntl-Regular;}

.mc-field-group {position:relative;}
.mc-field-group .email {border:none; color:#222222; width:100%; border-bottom:1px solid #222222;padding-bottom: 6px;font-family: SuisseIntl-Regular;}
.mc-field-group .email::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #222222;
  opacity: 1;
	font-family: SuisseIntl-Regular;
}
.mc-field-group .email:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #222222;
  opacity: 1;
font-family: SuisseIntl-Regular;
}

.mc-field-group .email::-ms-input-placeholder { /* Microsoft Edge */
   color: #222222;
  opacity: 1;
	font-family: SuisseIntl-Regular;
}
#mc-embedded-subscribe {padding:0; margin:0;background-color:transparent; border:none;position:absolute; height:24px; width:13px; right:0; top:0;font-size:32px;line-height:30px; font-family: SuisseIntl-Regular;}
.bt.blanc {padding:10px 30px; font-size:20px;}
.bt.blanc:hover,  .bt.blanc:active, .bt.blanc:focus {background-color:#ffffff; color:#222222;}
.bt.blanc.invert {background-color:#ffffff; color:#222222;}
.bt.blanc.invert:hover, .bt.blanc.invert:active, .bt.blanc.invert:focus {background-color:#222222; color:#ffffff; border-color:#222222;}
.bt.noir.invert {background-color:#222222; color:#ffffff;}
.bt.noir.invert:hover, .bt.noir.invert:active, .bt.noir.invert:focus {background-color:#ffffff; color:#222222;}


.blogue {position:relative;}



.rellax-container {height:100%; width:100%;overflow:hidden;display:block;position:relative;max-width:100%; max-height:100%; }
.single-post .rellax-container{margin-top:28px;}
.blogue .col-sm-6:nth-child(even){z-index:20;}
.blogue .titre-page{
    line-height: 1.1;
    margin-top: 20px;
	color: transparent;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #222222;
	font-family: SuisseIntl-Regular;
	position:absolute;
	top:52px;
	left:26px;
	z-index:20;
	
}
.blogue .titre-page{font-size:50px;}
.home section .text-center h2{font-size:40px;}

.blogue .tag, .single-post .tag {color:#ffffff;}
.single:not(.single-projets) .h1 {
	font-size:50px;
	position: absolute;
	z-index: 16;
	left: 16px;
	top: -50px;
}
.blog.paged .blogue > .row:before, .blog.paged #page:after {display:none !important;}
.single:not(.single-projets) h1 {margin-top:30px; margin-bottom:20px;}
.single:not(.single-projets) .intro p {font-size:20px;font-family: SuisseIntl-Regular;}
.single:not(.single-projets) article section {padding:0;}
.single:not(.single-projets) article .main-image {padding-left:15px; padding-right:15px;}
.no-margin{margin-bottom:0 !important;}
.single article .outer-box .row {margin-bottom:0;}
.single #mc-embedded-subscribe-form {max-width:460px;}
.single h3 {font-family: SuisseIntl-Regular;}
.single article p {font-family: SuisseIntl-Regular;}
blockquote {margin:30px 0;padding:0;border:none;line-height: 1.2;}
.single article blockquote p {font-size:30px;font-family: SuisseIntl-Regular;}
.single:not(.single-projets) article .youtube-video {margin-bottom:0;}
.single article .outer-box .row figure:last-child {margin-bottom:0;}
.at-resp-share-element .at-share-btn{ display:block!important; margin:0 0 4px!important; background-color:#ffffff!important; border:1px solid #222222 !important; text-align:center!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper {display:none !important;}
.at-resp-share-element.at-mobile .at4-share-count-container, .at-resp-share-element.at-mobile .at-label{display:block !important;}
.at-resp-share-element .at-share-btn .at-label{color:#222222!important; font-size:18px!important; font-family: SuisseIntl-Regular!important;content:"Copier le lien"!important;}
.at-resp-share-element .at-share-btn.at-svc-link {position:relative; width:100%; height:44px;}
.at-resp-share-element .at-share-btn.at-svc-link .at-label {visibility:hidden; height:100%; width:100%;} 
.at-resp-share-element .at-share-btn.at-svc-link .at-label:after {
	content: "Copier le lien";
	position: absolute;
	top: 0;
	left: 0;
	visibility: visible;
	height: 100%;
	width: 100%;
	line-height: 44px;
} 
.at-resp-share-element .at-share-btn.at-svc-email {position:relative; width:100%; height:44px;}
.at-resp-share-element .at-share-btn.at-svc-email .at-label {visibility:hidden; height:100%; width:100%;} 
.at-resp-share-element .at-share-btn.at-svc-email .at-label:after {
	content: "Courriel";
	position: absolute;
	top: 0;
	left: 0;
	visibility: visible;
	height: 100%;
	width: 100%;
	line-height: 44px;
}
.at-share-btn-elements {max-width:186px !important;}
.at-resp-share-element .at-share-btn:focus, .at-resp-share-element .at-share-btn:hover {transform:none !important; color:#ffffff !important; background-color:#222222 !important;}
.at-resp-share-element .at-share-btn:focus .at-label, .at-resp-share-element .at-share-btn:hover .at-label {color:#ffffff !important;}
.partage {max-width:185px;height:100%;position:relative;display: flex;flex-direction: column-reverse;}
.partage a.bt{width:100%;text-align:center; padding:0; height:44px;font-size:18px; font-family: SuisseIntl-Regular;line-height:44px;z-index:20;}
.partage a.bt:hover, .partage a.bt:focus {color:#fffffff; background-color:#222222;}
.partage .addthis_inline_share_toolbox_96tz{
	position:absolute; 
	top:0; 
	width:100%; 
	height:100%;
	left:0;
    display: none;
}

.partage.ouvert .addthis_inline_share_toolbox_96tz{height:100%; display: block;}
#atstbx {transform:translateY(-100%);}
.single .infolettre h2 {margin-top:50px;margin-bottom:20px;}
.single .partage {margin-top:50px;}
#player, #player .vp-video{max-height:100% !important;height:100%!important; width:100%!important; max-width:100%!important;}
#player.player.js-player-fullscreen.with-fullscreen.with-sticky-custom-logo.player-tiny.player-xxs.player-cardsCorner {width:1200px!important; height:600px!important;max-width:1200px!important; max-height:600px!important;}
.single:not(.single-projets) .my-gallery figure:last-child{margin-bottom:0;}
.single article .articles-connexes {background-color:#222222; padding:50px 0 0 !important;}
.articles-connexes h2 {color:#ffffff; text-align:center; margin-top:0; margin-bottom:50px;font-family: SuisseIntl-Regular;}

.articles-connexes .inner-article {padding:20px; height:100%;}

.articles-connexes .inner-article h3 {color:#ffffff; margin-bottom:30px;}
img.alignnone {display:block; margin:30px 0;}
.single-projets .main-image.transparent {background-color:transparent;}
.blogue article a, .single-post .first-article .inner {position:relative;}
.blogue article a:before {height:100%; width:100%; position:absolute; top:0; left:0; content:""; background-color:rgba(0,0,0,0.4);}
.blogue .page-numbers {display:none;}
.blogue .page-numbers.next, .blogue .page-numbers.prev {display:inline-block;}
.blogue h2.screen-reader-text {display:none;}
.blogue .pagination {margin-top:30px;}
.single .text-block a {text-decoration:underline;}
.single .infolettre {margin-bottom:50px;}
.single ul li ul li {list-style:disc;}
.single ul > li { margin-bottom:10px;}
.articles-connexes a:hover, .articles-connexes a:active, .articles-connexes a:focus {text-decoration: none;}
.articles-connexes a .inner-article {position:relative;display:table; height:100%; width:100%;z-index:1;}
.articles-connexes .inner-article .texte{vertical-align:bottom; display: table-cell; height:100%;}
.articles-connexes a .inner-article:before {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: rgba(0,0,0,0.4);
}
.articles-connexes .inner-article h3, .articles-connexes .inner-article .bt {position:relative; z-index:3;}
.single .text-block h2 {margin-bottom:30px;}
.single .text-block img {margin-bottom:20px;}
.txt-blanc{color:#ffffff !important;}

.txt-noir {color:#222222 !important;}
.container-fluid.youtube-video, .container-fluid .my-gallery .main-image:last-child {margin-bottom:0!important;}
.single article .outer-box.is-first-row {margin-top:-365px;}
.single article .outer-box.is-first-row .my-gallery:first-child {margin-top:365px;}
.single article .outer-box.is-first-row .introduction {margin-bottom:50px;}
.ultra-big p {font-size:24px;}
.ultra-big a {font-size:45px; font-family: SuisseIntl-Regular;}
.single article p.text-icon {padding-top:20px;font-size:36px;font-family: SuisseIntl-Regular !important; line-height:1;}
.single article p.text-icon.typo-white {color:#ffffff!important;}
legend{
    font-size: 13px;
    border: none;
    margin-top: -10px;
    margin-bottom: 30px;
}


/*   FOOTER   */

ul.flex {padding-left:0; font-family: SuisseIntl-Regular;}
ul.flex li {list-style:none;}

.haut.visible-xs {
    position: fixed;
    height: 40px;
    width: 40px;
    right: 15px;
    bottom: -50px;
    z-index: 999;
    will-change:bottom;
		-webkit-transition: bottom 0.5s;
		-moz-transition: bottom 0.5s;
		transition: bottom 0.5s;
}
.scrolled-down .haut { bottom: 15px;}


.haut img {height:40px; width:40px; display:block; }

.single-projets .main-image.youtube-video {background-color:transparent;}
.single-projets .main-image.youtube-video .mp4-container {background-color:#222222;}
.single:not(.single-projets) #page {padding-bottom:0;}
.typo-white, .typo-white h2, .typo-white p, .typo-white a, .typo-white ul li {color:#ffffff !important;}
.single-projets .outer-box .text-block {margin-top:0;}
.big-text{line-height:1.2;}
.single .text-block .big-text h2{margin-bottom:4px;}
.big-text p {font-size:26px;}
.centre- .big-text{margin-bottom:300px;} /* DEBUG POUR CFPBJ */
.add-padding-top {padding-top:30px !important;}
.add-padding-bottom {padding-bottom:30px !important;}
#page.etude-de-cas {padding-bottom:0 !important;}
.resultats {line-height:1 !important; font-size:30px !important;}
ul.flex.liste-resultats {flex-wrap:wrap;justify-content:center; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid rgba(255, 255, 255, 0.3)}
.liste-resultats li {flex-basis:370px;padding: 0 30px;}
.conclusion p {font-size:22px;font-family: SuisseIntl-Regular !important; margin:0!important;line-height:1;}
.conclusion a {text-decoration:none; position:relative;}
.conclusion a:after {content:""; position:absolute; bottom:3px; left:0; width:100%; height:2px; background-color:#ffffff;}
/*   SEARCH   */

.search h1{margin-bottom:40px;font-size:25px;}
.search .txt-blanc{
    line-height:1; 
    font-size:25px; 
    font-family: SuisseIntl-Regular;
    padding: 50px 0;
    display: block;
    border-top: 1px solid;
}
.search .page-numbers {color:#ffffff !important; display: inline-block; padding:10px;}
.search .bt.noir.invert{border:1px solid #FFF;}
.search .texte{margin-bottom:50px;}

body.breakout{background-color:#00333B;}


.breakout .defonce-noel img{margin-bottom:20px;margin-top:20px;}
.breakout .left-col {width:100%;height:100%;}
.breakout #bt-recommencer button{
	margin:0 auto;
	width:104px;
	height:27px;
	border:none;
	background-color:transparent;
	background-image:url("images/bt-recommencer.png");
	background-position:center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;	
	
}
.comment-jouer{
	margin-top:20px;
	width:100%;
}
.comment-jouer img{
	max-width:500px;
	margin:0 auto;
	display:block;
}

.breakout #page {
	background-image:url("images/christmas-bg.png");
	background-position: top center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;
	padding-bottom:80px;
}
.breakout .flex-container{
	display:block;
}
.breakout .right-col{
	padding:0;
	height:100%;
	width:100%;
	font-family: 'Press Start 2P', cursive;
	font-size: 13px;
	text-align: left;
	color:#FFFFE5;
}
.breakout .img-class {
	margin:30px auto;
	max-width:200px;
	display:block;
}
.breakout .left-col #mygame {
	height:500px;
}
.breakout .left-col .flex{
	margin-top:20px;
	display:flex;
	justify-content: space-between;
}
.breakout #MyScore, .breakout #MyLife{text-align:center; font-size:10px; font-family: 'Press Start 2P', cursive;color:#FF335A;}

.xmas-home{
	background-image:url("images/christmas-bg.png");
	background-position: top center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;
}
.breakout.main-game #xmas-popup {
	display:block;
	opacity:1;
	background-color:rgba(0,51,59, 0.9);
	
}
.breakout .padding-in{padding:10px; background-color:#106765;}
.breakout .padding-in p {margin-bottom:0;}

#xmas-popup-2 {
	display:none;
	opacity:1;
	background-color:rgba(0,51,59, 0.9);
	
}
.breakout.main-game #xmas-popup .text-center{
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	transform:translate( -50%, -50%);
	width:574px;
	height:284px;
	font-family: 'Press Start 2P', cursive;
	padding:20px;
	font-size:10px;
}
.breakout.main-game #xmas-popup-2 .popup{
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	transform:translate( -50%, -50%);
	width:260px;
}



.breakout.main-game #xmas-continuer{
	max-width:194px;
	display:inline-block;
	margin-top:10px;
}
.breakout .outer{
	display:table; height:100%; width:100%; 
}
.breakout .inner{
	display:table-cell; vertical-align: middle; position:relative;
}

.next-to-game{
	display:block;
	position:relative;
	max-width:1000px;
	margin: 0 auto;
}
.breakout .left-col .flex li {max-width:33% !important;}


/* AU SUCRE D'OR */

.ausucredor #page img {
	margin:50px 0;
}
.ausucredor {
	font-size:10px;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
}

.ausucredor div.ginput_container{
	display:inline-block;
}

body.ausucredor .gform_wrapper ul li.gfield{
	margin-top:0;
	height:26px;
}
.ausucredor li label {
	width:70%;
	padding-left:20px;
	line-height:26px !important;
	margin:0;
	border-right:1px solid #ffffff;
	height:100%;
}
.ausucredor li .ginput_container_singleproduct{
	width:30%;
}
.ausucredor li .ginput_product_price_label, .ausucredor li .ginput_quantity_label {
	display:none !important;
}
.ausucredor li .ginput_product_price, .ausucredor li .ginput_quantity {
	width:48% !important;
	display:inline-block !important;
	text-align:center;
	
}
.ausucredor .gform_wrapper span.ginput_product_price {
	text-align:right;
	padding-right:10px;
	color:#222222;
}
.ausucredor li .ginput_quantity{
	width:49% !important;
	border:none;
	background:rgba(0,0,0, 0.1);
	padding:0 !important;
	margin-top:3px;
}

.ausucredor li#field_2_1,.ausucredor li#field_2_2, .ausucredor li#field_2_21 {
	display:inline-block;
	width:50%;
	text-align:right;
	position:relative;
	margin:0 0 50px;
}
.ausucredor li#field_2_1, .ausucredor li#field_2_2 {
	padding-right:15px !important;
}
.ausucredor li#field_2_21 {
	padding-left:15px !important;
}
.ausucredor li#field_2_1 label,.ausucredor li#field_2_2 label, .ausucredor li#field_2_21 label {
	width:60px;
	text-align:left;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding-left:0;
	height:16px;
}
.ausucredor  li#field_2_21 label {
	left:15px;
}

.ausucredor li#field_2_1 .ginput_container, .ausucredor li#field_2_2 .ginput_container, li#field_2_21 .ginput_container {
	width:calc(100% - 70px);
}
.ausucredor li#field_2_1 .ginput_container input, .ausucredor li#field_2_2 .ginput_container input, .ausucredor li#field_2_21 .ginput_container input{
	width:100%;
	border:none;
	border-bottom:1px solid #551e18;
}

.ausucredor #page .titre-section {
	display:flex;
	margin:0 !important;
	padding:0!important;
	border-bottom:1px solid #ffffff;
}
.ausucredor #page .titre-section li {
	width:15%;
	list-style: none !important;
	height:25px;
	line-height:25px;
	background-color:#da9c4b;
	border-right:1px solid #ffffff;
	margin-bottom:0;
	text-align:center;
}
.ausucredor #page .titre-section li:nth-child(1){
	text-align:left;
	width:70%;
	padding-left:20px;
}
.ausucredor li#field_2_3,.ausucredor li#field_2_6, .ausucredor li#field_2_8, .ausucredor li#field_2_10, .ausucredor li#field_2_12, .ausucredor li#field_2_14{
	background-color:rgba(218,156,75,0.2);

}
.ausucredor li#field_2_5,.ausucredor li#field_2_7, .ausucredor li#field_2_9, .ausucredor li#field_2_11, .ausucredor li#field_2_13, .ausucredor li#field_2_15{
	background-color:rgba(218,156,75,0.05);
}

.ausucredor li#field_2_17{
background-color: #da9c4b;
color: #222222;
font-size: 14px;
height: 30px;
line-height: 11px;
}
.ausucredor li#field_2_17 .ginput_container_total {
	width:29%;
	color:#222222 !important;
	text-align:right;
	padding-right:25px;
}
.ausucredor .gform_wrapper span.ginput_total{
	color:#222222;
}


.ausucredor .gform_button{
	font-size:22px !important;
	padding:5px 20px !important;
	border:none;
	background-color:#551e18;
	color:#ffffff;
	margin:20px 0 0 !important;
}
.ausucredor em {
	font-size:10px;
	margin-top:20px;
	font-weight:300 !important;
	display:block;
}

.ausucredor .gform_confirmation_message_2 {
	tet-align:center;
}


.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
background-color: transparent!important;
margin-bottom: 0 !important;
border-top: none!important;
border-bottom: none!important;
padding-bottom: 0;
padding-top: 0;
}
.gform_wrapper .instruction.validation_message{
	display:none;
}

.gform_confirmation_message a{
	display:none;
}


.galerie ol, .galerie ul{
	margin-bottom:50px;
}
.galerie li{
	margin-bottom:10px;
}


.seopress-user-consent{
	left: 50%;
	position: fixed;
	z-index: 8000;
	padding: 20px;
	display: inline-flex;
	justify-content: center;
	border: 1px solid #CCC;
	max-width: 100%;
	width: 100%;
	bottom: 0;
	transform: translate(-50%, 0);
	text-align: center;
	background: black;

}

.seopress-user-consent button{
	background-color:transparent;
	color:white;
	border-radius:0;
	border:1px solid white;
	
}
.seopress-user-consent button#seopress-user-consent-accept{
	background-color:white;
	color:black;
	
}
.seopress-user-consent button#seopress-user-consent-edit{
	color:#f6d70b;
	border-color:#f6d70b;
}
.seopress-user-consent a{color:#f6d70b!important; text-decoration:underline;}

header.h-2024{
	z-index:999!important;
	padding-left:30px;
	padding-right:30px;
}

header.h-2024 .logo-salto{
	width:100px;
	margin-left:0;
}
header.h-2024 .logo-salto.logo-desk{
	display:none;
}

header.h-2024 .navbar-toggle{
	padding:0;
	float:none;
	margin:25px 0 0 0;
	height:32px;
	width:32px;
	
}
header.h-2024 .navbar-toggle .icon-bar{background-color:black; height:4px; width:32px;}

header.h-2024 .navbar-toggle .icon-bar + .icon-bar{margin-top:6px;}


.menu-ouvert header.h-2024 .navbar-toggle .icon-bar{background-color:white;}
.menu-ouvert header.h-2024 .logo-salto{opacity:0;}
.menu-ouvert header.h-2024{
	height: 100vh;
	width: 100%;
	background-color: #222222;
	z-index:1000;
}

.mask.m-2024 {
	z-index:998; 
	background-color:white; 
	position:relative;
	height: 50vh;
}
.mask.m-2024 .rel{padding-left:30px!important;padding-right:30px!important;position:absolute; width:100%; bottom:42px; left:0;}

.mask.m-2024 h2{
	margin:0;
	font-size:24px;
	line-height:1em;
	font-family: SuisseIntl-Regular;
	position:relative;
	z-index:100;
}
.mask.m-2024 span:before{display:none;}
.mask.m-2024 .menu_header{bottom:auto;}


.home-2024 .projets, .home-2024 .demo_reel{background-color:#1C1C1C;}

.home-2024 .projets{padding-top:0;padding-bottom:90px;}


.home-2024 .btn-projets {
	background-color:transparent;
	border:1px solid white;
	border-radius:0;
	padding:17px 20px 17px 50px;
	font-size:13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color:white;
	margin:45px auto;
	display: inherit;
}

.home-2024 .liste-projets a{
	color:white;
	display:block;
	padding:0;
	max-width:200px;
	margin: 0 auto;
	text-transform: uppercase;
	font-size:13px;
	text-decoration: none;
	border:none;
	letter-spacing:1px;
}

.home-2024 #listeprojets{margin-bottom:40px;}

.home-2024 .grille .tmb{margin-bottom:0;}
.arrow-filter{
	height:12px;
	width:12px;
	margin-left:15px;
}
.arrow-filter .st0{fill:white;}


.home-2024 #voir-plus-p .bt{
	color:white;
	border-color:white;
	margin-top:60px;
}

.home-2024 .a-propos{padding-top:0; background-color:#1C1C1C;}

.menu-2024 {display:none;}
.menu-ouvert  .menu-2024{display:block;}


.menu-ouvert header{position:fixed;}

.h-2024 .navbar-toggle{display:block !important;}

.h-2024 .h-visible{
	display:flex;
	justify-content: space-between;
}

.menu-2024 {
	width:100%;
	margin-top:20px;
}
.menu-2024 .recherche{
	display:block;
	position:relative;
	
}
.menu-2024 .recherche input.search-field{
	background-color:transparent; 
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid white;
	color:white;
	width:100%;
	padding:0 0 6px 40px;
	font-size:20px;
	font-family: SuisseIntl-Regular;
}
.menu-2024 .recherche input.search-submit{
	position:absolute;
	height:40px;
	width:40px;
	border:none;
	background-color:transparent;
	left:0;
	top:0;
}
.menu-2024 .recherche label{width:100%;}
.menu-2024 .recherche svg{
	position:absolute;
	height:20px;
	width:20px;
	border:none;
	left:0;
	top:0;
}
.menu-2024 .recherche svg path{
fill:white;
}

.menu-2024 ul.custom-menu {padding:40px 0 30px;}
.menu-2024 .custom-menu li {list-style:none;}
.menu-2024 .custom-menu a {
	color:white;
	font-size:48px;
	line-height:48px;
	font-family: SuisseIntl-Regular;
	display:block;
	margin-bottom:10px;
}

.menu-2024 .custom-menu a:hover{text-decoration:none; font-family: SuisseIntl-Regular;}

.menu-2024 .custom-menu a span {
	font-size:20px;
	margin-left:10px;
}

.menu-2024 .boutons-joindre{
	display:flex;
	justify-content:space-between;
}

.menu-2024 .boutons-joindre a {color:white;font-size:20px;font-family: SuisseIntl-Regular;text-decoration:underline;}

.menu-2024 .social{
	margin-top:120px;
}
.menu-2024 .social ul {display:flex;justify-content: space-between;}


#page.page-2024{padding-top:0!important;}
.home-2024 .grille .tmb .vignette.mp4-container{height:auto;}

.home-2024 .tab-content > .active{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
.home-2024 .tab-content > #tous-les-projets.active{
	display:block;
}

.home-2024  .grille .tmb h3{
	opacity:0;
	transition:opacity 0.5s;
}
.home-2024 .grille .tmb a:hover h3{opacity:1;}

.home-2024 .grille .featured .tmb .tag{display:none;}
.home-2024 .grille .featured {width:100%;}

.home-2024 .grille .tmb a{height:inherit !important;}


.home-2024 .collapse.in{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
}


.page-template-nous-joindre #page, .blog #page{padding-top:70px;}


.seopress-user-consent-backdrop{background:rgba(0,0,0,0.6)!important; z-index:999!important;}
.seopress-user-consent{z-index:9999!important;}


.accueil-fermeture{background-color:#0000FF;border:24px solid #F6D70D;height:100vh; display:flex;justify-content: center;flex-direction: column;}
.accueil-fermeture .max-width-800{width:300px;margin:0 auto;}
.accueil-fermeture .logo-desktop{width:248px; margin:0 auto 50px;}
.accueil-fermeture .logo-desktop .st0{fill:white;}
.accueil-fermeture h1{margin:0;}
.accueil-fermeture h2{color:#F6D70D;font-size:18px; font-family: SuisseIntl-Regular;line-height:1.3em;margin-bottom:45px;}
.accueil-fermeture p{font-size:16px; color:white;font-family: SuisseIntl-Regular;margin-bottom:20px;}
.accueil-fermeture a.btn-2025{color:black; background-color:#F6D70D; padding:10px 30px;font-size:20px; margin-top:40px;display:inline-block;}


@media (max-width: 767px) {
	/* XS-SMALL ONLY */
	header {
		background-color:transparent;
		will-change:background-color, height;
		-webkit-transition: background-color 0.2s, height 0.2s;
		-moz-transition: background-color 0.2s, height 0.2s;
		transition: background-color 0.2s, height 0.2s;}
	.menu-ouvert{overflow:hidden;}
	.menu-ouvert header {min-height:200%; width:100%; background-color:#222222;z-index:1000;}
	.menu-ouvert header .social svg path {fill:#ffffff;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none; box-shadow:none;}
	.navbar-collapse {padding:0;}
	.navbar-default ul, .principal {padding-left:0;padding-right: 0;}
	.navbar-default ul.menu_header {padding:20px 0;}
	.navbar-default ul li {list-style:none; text-align:left; font-size:18px; margin-bottom:12px;}
	/*header ul.list-inline {display:flex; justify-content: space-between;}*/
	.navbar-default .social ul.list-inline {text-align:center;}
	header ul.list-inline svg {width:35px;}
	header .social-mobile.show {display:block !important;}
	header .social-mobile {display:none !important;}
	.logo-salto {max-width:100px;margin-left:-12px;}
	.col-sm-8.col-sm-push-2, .col-sm-10.col-sm-push-1 {margin-left:10px; margin-right:10px;}
	.col-sm-10.col-sm-push-1.main-image {margin-left:0; margin-right:0;}
	.single-projets ul.tag {display: inline-block;vertical-align: top; padding-right:20px;}
	.blogue article {margin-bottom:30px;}
	header .logo-salto path, header .logo-salto rect {fill:#222222;}
    .mask{padding-bottom:30px;}
	.menu-ouvert header .logo-salto path, .menu-ouvert header .logo-salto rect {fill:#ffffff;}
	.blogue .rotation-wrapper-outer {margin-top:100px;}
	.blogue h2 {color:#222222; font-size:28px;}
	.blogue .bt:not(.hidden-xs) {color:#222222; border-color:#222222; display:inline-block !important; position:relative; font-size:16px; padding:5px 15px; margin-bottom:30px;}
	.blogue .bt.blanc:hover, .blogue .bt.blanc:active, .blogue .bt.blanc:focus {color:#ffffff;background-color:#222222;}
	.blogue .col-sm-6.infolettre {z-index:25 !important;}
	.blogue .col-sm-6.infolettre .bg-blanc {background-color:transparent;}
    .blogue .infolettre article .inner{display: block; margin:0 auto; max-width:350px;}
	.single .visible-xs .breadcrumbs {margin-bottom:40px;}
	.single .col-sm-10 {margin-left:15px; margin-right:15px;}
	.blogue .infolettre {background-color:#222222;}
    .blogue .infolettre .mc-field-group .email{background-color:transparent; border-color:#FFF; color:#FFF;}
    .blogue .infolettre .mc-field-group .email::placeholder, .blogue .infolettre .mc-field-group #mc-embedded-subscribe{color:#FFF;}
	.blogue .infolettre article h2 {color:#ffffff;}
    .single-post .text-block h2{margin-top:40px;}
	.single-projet .mc-field-group .email {background-color:transparent; color:#ffffff; border-color:#ffffff;}
	.single-projet #mc-embedded-subscribe {color:#ffffff;}
	.single-projet .mc-field-group .email::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #ffffff;
	}
	.single-projet .mc-field-group .email:-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color: #ffffff;
	}

	.single-projet .mc-field-group .email::-ms-input-placeholder { /* Microsoft Edge */
	   color: #ffffff;
	}
	.articles-connexes .col-sm-6:first-child {margin-bottom:20px;}
	.articles-connexes .inner-article {min-height:250px;}
	.single-projets .main-image {padding:0; margin-left:10px; margin-right:10px;}
	.single-projets .container-fluid .main-image {padding:0; margin-left:0; margin-right:0;}
	.slider-wrapper .slide .main-image {margin-left:10px; margin-right:10px;}
	.slider-wrapper .custom-nav {height:30px; width:30px;}
	.custom-prev {left:0;}
	.video-container img.play {height:50px; width:50px;}
	.constrain {padding-right:12px; padding-left:12px;}
	#page {overflow-x:hidden !important;}
	.first-image {margin-left:10px !important; margin-right:10px!important;}
    .grille .tmb a{/*max-width:320px; */margin:0 auto;height:60vw;}

   .projets .menu-categories{letter-spacing:1px;}
   .projets .menu-categories .col-xs-6{padding-right:0;}
	.container-fluid.youtube-video {padding:0;}
    .home .a-propos .rotation-wrapper-outer .element-to-rotate, .home-2024 .a-propos .rotation-wrapper-outer .element-to-rotate{margin-top:0;}
    .home .blogue .titre-page, .home-2024 .blogue .titre-page{top:auto; left:auto; position:relative;}
    
    .centre- .big-text h2{margin-top:50px;} /* DEBUG POUR CFPBJ */
	.breakout header svg path, .breakout header svg rect {fill:#FFFFE5;}
	.breakout .navbar-default .navbar-toggle .icon-bar {background-color:#FFFFE5;}
	.breakout.main-game #xmas-popup .text-center{
	width:350px;
	height:173px;
	}
	.breakout .defonce-noel img{max-width:200px; display:block; margin-right:auto;margin-left:auto;}
	.breakout #MyScore, .breakout #MyLife{font-size:8px; text-align:left;}
	
	.seopress-user-consent p{marmargin-bottom:20px;}
	.seopress-user-consent a{margin-bottom:20px;}
	
	
}
@media (min-width: 400px) and (max-width: 767px) {

}
@media (min-width: 768px) {
	/* SMALL */
    
    header .logo-salto{float:left; }
    header nav.principal{float:right;margin:50px 0;}
    .mask nav.social{display:block; clear:both;}
    .mask nav.principal li{margin-bottom:0;}
    .demo_reel a.play:before{width:150px;height:150px;}
    .demo_reel a.play:after{border-width: 30px 0 30px 60px;}
    .modal .search-field{font-size:75px;}
    .search .txt-blanc{font-size:55px;}
    .projets ul.flex{float:left; width:80%;}
    .projets ul li{width:24%;}
    
    .projets ul.flex{
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        align-items: center;
    }
    .projets ul.flex li{
        width: auto;
        flex-grow: 1;
        display: block;
    }
	.single-projets .breadcrumbs {margin:30px 0;}
	.single-projets h1 {margin-bottom:80px;}
	.single-projets h2 {font-size:30px; margin-bottom:30px;}
	.single-projets h1 {font-size:58px;}
	.postid-1203 .bg-header, .bg-header {height:644px;}
	ul.flex {display:flex;justify-content:space-between;}
	section {padding:80px 0;}
    section.a-propos, section.valeurs{padding-bottom:150px;}

	.slick-list.draggable {max-width:655px;}
	#page {/*padding-bottom:80px;*/}
	.soundcloud-player, .youtube-video, .custom-slider, .single-projets .my-gallery figure,  .single .my-gallery figure {margin-bottom:16px;}
	.slider-wrapper .slide .main-image {position:relative;}
    .mask span{max-width: 50%;}
    .home .blogue .container, .home-2024 .blogue .container{padding-top: 70px;}
    .home .first-article,  .home-2024 .first-article{margin-bottom:50px;}
    
    .home .a-propos .rotation-wrapper-outer, .home-2024 .a-propos .rotation-wrapper-outer{margin:0 auto;}
    .home .a-propos .rotation-wrapper-outer .element-to-rotate, .home-2024 .a-propos .rotation-wrapper-outer .element-to-rotate{transform-origin: 50% 50%;transform: rotate(-90deg) translate(0%);}
	.home section .text-center h2, .home-2024 section .text-center h2{margin-bottom: 0.2em;margin-top: 1em;}
	.single-projets .introduction {padding:0;}
	.logo-salto{margin:40px 0 50px 0;}
	.single-projets ul.tag li {margin-bottom:10px;}

	.youtube-video {padding:0;}
	.blogue article a, .single-post .first-article .inner{padding:30px;}
    .blogue article.first-article .inner{height:260px;}
    .single-post .blogue article.first-article .inner{height:310px;}
    .blogue article.first-article .inner .texte{position:absolute; bottom:0;width:100%; max-width: none;}
	.big-margin {margin-top:100px;margin-bottom:100px;}
    .blogue .bg-blanc {padding:20px;}
    .single-post .rellax-container{margin-top:66px;}
    .blogue .infolettre article {padding-left:10px;padding-right:10px;}
	.blogue article.first-article .h1 {font-size:40px; }
	.blogue article:not(.first-article) {margin-top:80px;}
	.blogue .col-sm-6:nth-child(even) {margin-top:-170px;}
    .single-post .breadcrumbs{margin-top:20px; color:#7f7f7f;}
    .single-post h1{font-size:50px;}
	.single .breadcrumbs, .blogue .breadcrumbs {margin-left:0;}
	.blog #page:after {z-index:-1;}
	
	.blogue .titre-page{top: 2px;left: 46px;}
	.blogue .titre-page, .home section .text-center h2, .home-2024 section .text-center h2{font-size: 72px;}
    .a-propos .motcle.rsVer{height:80px;}
    .pc .a-propos .motcle.rsVer{height:100px;}
	.blogue h2, .blogue .h1 {margin-top:60px;}
	.blogue::after{right: 28px;}
	.blogue > .row::before {top:872px;margin-right: -106px;right:50%;}
	.blog:not(.category) #page:after {top: 1800px;left: 160px;}
	.single article {margin-top:70px;}
	.single .h1, .single:not(.single-projets) .h1 {font-size:72px;}
	.single .h1, .single:not(.single-projets) .h1 {top: -64px;left:0;}
	.single h1 {font-size:34px;}
	.single .intro p{font-size:22px;}
	.single .partage {margin-top:80px;}
	.single article .articles-connexes{padding-top:70px !important;}
	.articles-connexes h2 {margin-bottom:70px; font-size:40px;}
	.articles-connexes .inner-article h3 {font-size:25px; margin-bottom:40px;}
	.big-text p {font-size:35px;}
	.add-padding-top {padding-top:70px !important;}
	.add-padding-bottom {padding-bottom:70px !important;}
	.resultats {font-size:70px !important;}
	ul.flex.liste-resultats {padding-bottom:70px;margin-bottom:70px;}
	.conclusion p {font-size:28px;}
	.blogue .infolettre article:not(.first-article) {margin-top:118px;}
	.blogue .infolettre article:not(.first-article) {margin-top:118px;}
	.blogue .infolettre article:not(.first-article) {margin-top:118px;}
	.category .blogue .breadcrumbs, .paged .blogue .breadcrumbs {margin-top:120px; margin-left:20px;}
	.blogue .pagination {margin-top:50px;}
	.main-image {padding:0;}
    .blogue h2, .blogue .h1 {color:#ffffff;}

    .articles-connexes .inner-article, .articles-connexes a .equal{ min-height:335px;}
	.single article .outer-box.is-first-row {margin-top:-270px;}
	.single article .outer-box.is-first-row .my-gallery:first-child {margin-top:270px;}
	.single article .outer-box.is-first-row .introduction {margin-bottom:70px;}
	.ultra-big p {font-size:30px;}
	.ultra-big a {font-size:100px;}
	.single article p.text-icon {font-size:54px;margin-bottom:16px;}
    .search .txt-blanc{font-size:45px;}
    legend{margin-top: -30px;}
    .blog #page .blogue:after {
        content:"";
        top:400px;
        right:-56px; 
        width:160px; 
        height:204px;
        position:absolute; 
        background-image:url("images/svg/s-parallax-salto.svg");
        background-repeat: no-repeat;
        background-position:center;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        z-index:20;
    }
    .blog:not(.category) .blogue > .row:before {
        content: "";
        top: 1250px;
        right: 0;
        width: 139px;
        height: 350px;
        position: absolute;
        background-image: url("images/svg/t-parallax-salto.svg");
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: 16;
        margin-right: -50px;
    }


    .blog:not(.category) #page:after {
        content: "";
        top: 2050px;
        left: 0;
        width: 240px;
        height: 240px;
        margin-left:-140px;
        position: absolute;
        background-image: url("images/svg/a-parallax-salto.svg");
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: 20;
    }
	.breakout.main-game #xmas-popup-2 .popup{
	width:574px;
	}
	.breakout .defonce-noel img{ margin-left:auto; margin-right:auto;display:block;max-width:350px;}
	.ausucredor {
	font-size:11px;
	}
	.ausucredor .gform_wrapper span.ginput_product_price {
		padding-right:25px;
	}
	
	.mask.m-2024 .rel .social{position:absolute;right:0;bottom:-2px; z-index:200;}
	.mask.m-2024 .rel .social a{display:block;}
	.mask.m-2024 .rel .social svg{height:34px;width:34px;}
	.mask.m-2024 .rel .social ul{margin-bottom:0;}
	
	.menu-2024 .recherche{max-width:500px; position:absolute;top:20px;left:30px;}
	.menu-2024 ul.custom-menu {padding:80px 0 40px;}
	.menu-2024 .boutons-joindre{max-width:500px;}
	
	.menu-2024 .social svg path{fill:white;}
	.menu-2024 .social ul{justify-content: flex-end;}
	
	.home-2024 .grille .featured .tmb a, .home-2024 .grille .tmb a {height:400px;}
	.projets ul.liste-projets{width:100%}
	
	.home-2024 .a-propos .element-to-rotate{margin-top:0;}
	
	.menu-ouvert .menu-2024 ul.custom-menu{position:absolute; bottom:160px; width:100%; padding:0;}
	.menu-ouvert .menu-2024 .boutons-joindre {position:absolute; bottom:60px;width: 100%; max-width:350px;}
	.menu-2024 .social{margin-top:0; position:absolute; right:20px; bottom:56px;}
	.menu-2024 .social ul{margin:0;}
	
	.single.single-post .blogue .titre-page{top:75px;}
}
		
@media (min-width: 992px) {
	/* MEDIUM */
    .bt{font-size:20px;}
    .modal .search-field{font-size:110px;}
    
    header nav.principal li{margin-left:40px;}
    header nav.principal li:first-child{margin-left:0;}
    
    /* GRILLE */
    .grille .featured .tmb h3{font-size:30px;}
    .grille .featured .tmb .inner{padding:30px 36px;}
    .grille .featured .tmb a{height:310px;}
    .grille .featured .tmb .tag{bottom:30px;}
	.postid-1203 .bg-header,.bg-header {height:694px;}
	.slick-list.draggable {max-width:838px;}
	#page {/*padding-bottom:130px;*/}
	.soundcloud-player,
    .youtube-video, .custom-slider, .single-projets .my-gallery figure,  .single .my-gallery figure {margin-bottom:30px;}
	.slider-wrapper .slide .main-image {margin:0 15px;}
	
	.single:not(.single-projets) .slider-wrapper .slide .main-image img{height: calc(800px - 30px);}
	.big-margin {margin-top:180px;margin-bottom:180px;}
	
	.blogue .infolettre article:not(.first-article) {margin-top:148px;}
    .blogue h2, .blogue .h1 {font-size:34px;margin-top:100px; margin-bottom:40px;max-width:80%;}
    .blogue article h2, .blogue article .h1{margin-top:100px;}
	.blogue article.first-article .h1 {font-size:65px; }
    .blogue article.first-article .inner{height:460px;}
    .single-post .blogue article.first-article .inner{height:530px;}
	.blogue .infolettre article {padding-left:40px;padding-right:40px;}
	.blogue .tag, h2.rotate, .single-post .tag{font-size:14px;}
	.single .breadcrumbs, .blogue .breadcrumbs {margin-left:0px;}
	.blogue::after{right: -24px;top: 568px;}
	.blogue > .row::before {top: 1200px;}
	.blogue article a, .single-post .first-article .inner {padding: 40px;}
	
	.single article {margin-top:100px;}
	.single .h1, .single:not(.single-projets) .h1 {font-size:132px;}
	.single .h1, .single:not(.single-projets) .h1 {top: -102px;}
	.single h1 {font-size:50px;}
	.single .intro p {font-size:30px;}
	.single h1 {margin-top:50px; margin-bottom:50px;}
	.single:not(.single-projets) article .row:first-child {margin-bottom:0;}
	.single article blockquote p{font-size:48px;margin:60px 0;}
	.single .infolettre h2 {font-size:38px;margin-top:80px;}
	.single .infolettre {margin-bottom:80px;}
	.single article p {margin-bottom:35px;}
	.single article .articles-connexes{padding-top:115px !important;}
	.articles-connexes h2 {margin-bottom:115px; font-size:60px;}
	.articles-connexes .inner-article h3 {font-size:40px;}
	.articles-connexes .inner-article {padding:60px;}
	
	.add-padding-top {padding-top:140px !important;}
	.add-padding-bottom {padding-bottom:140px !important;}
	ul.flex.liste-resultats {padding-bottom:100px;margin-bottom:100px;}
	.category .blogue .breadcrumbs, .paged .blogue .breadcrumbs {margin-top:160px;}
    .home .texte, .home-2024 section .text-center h2{font-size: 25px;}
    .home .valeurs .texte, .home-2024 .valeurs .texte{font-size: 32px;max-width:850px;}
    .home h2, .home-2024 h2{font-size:2em;}
	.single article .outer-box.is-first-row {margin-top:-410px;}
	.single article .outer-box.is-first-row .my-gallery:first-child {margin-top:408px;}
	.ultra-big a {font-size:138px;}
	.breakout .flex-container{
	display:block;
}
	.breakout .left-col {width:50%; margin-left:auto; margin-right:auto;}
	.breakout .right-col {width:50%; margin-left:auto; margin-right:auto;}
	.breakout .left-col #mygame {height:600px;}
	.breakout #bt-recommencer button{width:225px;height:57px;}
	.breakout #page {
	padding-bottom:200px;
}
	.breakout .defonce-noel img{margin-bottom:10px;}
	.text-equipe{
		margin-top:80px;
	}

	.single-post .custom-slider.slick-slider{max-height:810px!important;}
	
	.home-2024 .grille .featured{display:flex;justify-content: flex-start;flex-wrap: wrap;width:100%;}
	.home-2024 .grille .non-featured{display:flex;justify-content: flex-start;flex-wrap: wrap;}
	.home-2024 .grille .tmb{width:50%;}
	.home-2024 .grille .non-featured .tmb{width:25%;}
	.home-2024 .grille .featured .tmb a {height:478px;}
	.home-2024 .grille .tmb a {height:290px;}
	.mask.m-2024 h2{font-size:40px;}
	.menu-2024 ul.custom-menu {padding:100px 0 60px;}
	.menu-2024 ul.custom-menu a {font-size:96px;line-height: 100px;}
	header.h-2024{padding-left:60px;padding-right:60px}
	.mask.m-2024 .rel{padding-left:60px!important;padding-right:60px!important; bottom:42px;}
	.mask.m-2024 .rel .social{right:60px;}
	
	header.h-2024 .navbar-toggle{margin-top:40px;}
	header.h-2024 .logo-salto{
		display:block;
		width: 135px;
	}
	header.h-2024 .logo-salto.logo-desk{
		/*display:block;*/
	}
	
	.menu-2024 .recherche{top:32px;left:60px;}
	.menu-ouvert .menu-2024 ul.custom-menu{bottom:180px;}
	
	.home-2024 .a-propos .texte{margin-top:50px; margin-bottom:30px;}
	.home-2024 .a-propos .texte p{font-size:25px;}
	.home-2024 .collapse.in .tmb{
		width:25%;
		height: inherit !important;
		margin: 0;
		line-height: 0;
	}
	
	.blog #page{padding-top:150px;}
	.accueil-fermeture{border:58px solid #F6D70D;}
	.accueil-fermeture .max-width-800{width:820px;}
	.accueil-fermeture h2{font-size:28px;}
	.accueil-fermeture p{font-size:20px;}
	.accueil-fermeture .text-2025{width:518px;margin:0 auto;}
}


@media (max-width: 1199px){
}
@media (min-width: 1200px) {
    /* LARGE */	
    .modal .search-field{font-size:154px;}
	.single-projets .breadcrumbs {margin:80px 0 70px 0;}
	.single-projets h2{font-size:48px;}
    .grille .featured .tmb a{height:378px;}
	.postid-1203 .bg-header, .bg-header {height:822px;}
	section {padding:120px 0;}
    section.a-propos, section.valeurs{padding-bottom:180px;}
	.slick-list.draggable {max-width:1005px;}
	/*.single-projets .introduction ul {max-width:70%;}*/
	.blogue article:not(.first-article) {margin-top:170px;}
    .blogue .infolettre article h2 {font-size:48px; padding-top:0;}
	.blogue .col-sm-6:nth-child(even) {margin-top:-270px;}
	.blog .blogue:after {
        top:485px;
        right:-56px; 
        width:321px; 
        height:408px;
	}
	.blog:not(.category) .blogue > .row:before {
        right: 50%;
        width: 278px;
        height: 700px;
        margin-right: -246px;
	}
	.blog:not(.category) #page:after {
        top: 2046px;
        left: 280px;
        width: 481px;
        height: 481px;
        z-index: -1;
	}
	.blogue article h2{margin-top:150px;}
	.blogue .infolettre article:not(.first-article) {margin-top: 168px;}
	.blogue article a, .single-post .first-article .inner {padding:50px 66px;}
    .blogue article.first-article .inner{height:425px;}
    .single-post .blogue article.first-article .inner {height: 524px;}
	.single-post h1 {font-size:64px !important;}
	.single .infolettre h2 {margin-top:120px;font-size:48px; margin-bottom:30px;}
	.single .infolettre {margin-bottom:120px;}
    .home .blogue .container, .home-2024 .blogue .container{padding-top: 70px;}
    .big-text p {font-size:50px;}
    .blogue .titre-page{top:-37px;left: 85px;font-size: 132px;}
	.home section .text-center h2, .home-2024 section .text-center h2{font-size: 113px;}
    .a-propos .motcle.rsVer{height:120px;}
    .pc .a-propos .motcle.rsVer{height:150px;}
    .projets h2 {font-size: 46px;}
	.ultra-big a {font-size:168px;}
	
	.liste-resultats li {flex-basis:30%;}
    
	.breakout.main-game #xmas-popup .text-center{
	width:1148px;
	height:568px;
	padding:40px;
	}
	.breakout.main-game #xmas-popup .text-center p{
		font-size:20px;
		letter-spacing:2px;
		line-height:36px;}
	.breakout.main-game #xmas-continuer{
	max-width:388px;
	display:inline-block;
	margin-top:30px;
	}
	.ausucredor li .ginput_product_price {
		width:50% !important;
	}
	#equipe section {padding:235px 0;}
	.projets ul.liste-projets{padding:45px 0;display:flex; justify-content: space-between;}
	.projets ul.liste-projets li {width:auto;}
}


@media (min-width: 1400px) {
    /* XX-LARGE */	
	.postid-1203 .bg-header, .bg-header {height:890px;}
    
	.slick-list.draggable {max-width:1235px;}
	.blogue article.first-article h2{max-width:60%;}
	.blogue article.first-article a, .single-post .first-article .inner {padding:92px 122px;}
	.blogue article.first-article .h1 {margin-bottom:50px;}
    .blogue article.first-article .inner{height:470px;}
    .single-post .blogue article.first-article .inner {height: 654px;}
	.blogue .infolettre article .bg-blanc{ margin-bottom:60px;}
	.blogue .titre-page{left: 135px;}
    .blogue article h2{margin-top:185px;}
	.ultra-big a {/*font-size:277px;*/}
    


}

@media (min-width: 1500px) {
    /* XXX-LARGE */	
	.container {width:1446px;}
    .grille .featured .tmb a{height:480px;}
    .resultats {font-size:100px !important;}
}