/* global */
html{
padding:0;
margin:0;
}
body { 
margin: 0 auto; 
padding: 0; 
background: #e7dc49;
}
.wrap { 
background:#fff;
box-sizing: border-box; 
max-width:100%; 
padding: 0; 
position:relative;
}
.home .wrap{
opacity:0;
}
.sous-wrap { 
margin: 0 auto; 
position:relative;
display:block;
width:100%;
/* overflow:hidden; */
padding-top:130px;
}
@media(max-width:768px){
.sous-wrap { 
overflow:hidden;
}
}
@media(max-width:500px){
.sous-wrap { 
padding-top:60px;
}
}

/* captcha */
.grecaptcha-badge{
display:none;
}

/* cookies */
#cookie-notice #cn-accept-cookie{
color:#424146;
}

/* page sur password et page d'attente */
section.password{
background: #eaeaea;
padding: 40px;
max-width: 600px;
margin: 0 auto;
border-radius: 30px;
}
section.password input[type="submit"]{
margin-top:20px;
}
section.password p:last-child{
padding-top:40px;
}
section.attente img{
margin-bottom:-10px;
}

/* hauteur min */
@media(min-width:768px){
#content{
min-height:500px;
}
}

/* loader page */
.page-loader{
display:none;
}


@keyframes fadein {
  from { opacity:0; }
  to   { opacity:1; }
}
@keyframes fadeout {
  from { opacity:1; }
  to   { opacity:0; }
}
.home .wrap.loaded{
animation: 0.5s ease-in 2s running both alternate fadein;
}
.home .page-loader{
display:block;
opacity:0;
position:fixed;
height: 100vh;
width:100%;
z-index:999999;
margin: 0 auto;
background-image: url(../images/anim-appui.gif);
background-repeat: no-repeat, no-repeat;
background-position: center center;
background-size: contain;
animation: 0.5s ease-in 0s running both alternate fadein;
}
.home .page-loader.hide{
display:none;
}
.home .page-loader img{
margin: 0 auto;
display:block;
}
.home .page-loader.loaded{
animation: 0.5s ease-in 1.2s running both alternate fadeout;
}





/* bouton retour haut de page */
.retour-haut{
position:fixed;
bottom: 3px;
right: 10px;
width: 70px;
z-index:99;
opacity:0;
height:0px;
transition: all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
}
.retour-haut.show{
 opacity:1;
 height:90px;
} 
.retour-haut.show a{
background:#424146;
height: 65px;
display: block;
border-radius: 50% 50% 0 0;
 -webkit-box-shadow: 0px -2px 33px 2px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px -2px 33px 2px rgba(0,0,0,0.75);
 box-shadow: 0px -2px 33px 2px rgba(0,0,0,0.75);
}
/* .retour-haut.show a img{
  border-radius: 50% 50% 0 0;
 -webkit-box-shadow: 0px -2px 33px 2px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px -2px 33px 2px rgba(0,0,0,0.75);
 box-shadow: 0px -2px 33px 2px rgba(0,0,0,0.75);
} */

/* edit page */
.edit-link {
position: fixed;
bottom: 0;
left: 0;
z-index: 99999;
background: #424146;
border-radius: 0 100% 0 0;
width:80px;
height:80px;
}
.edit-link a{
display:block;
position:relative;
height:100%;
width:100%;
}
.edit-link a:before {
font-family: "fontawesome";
font-weight:normal;
content: "\f040";
color:#fff;
text-decoration:none;
padding: 15px;
font-size:40px;
position: absolute;
bottom: 0;
left: 0;
}

/* mobile / desktop only */

@media(min-width:769px){
.mobile-only{display:none;}
}
@media(max-width:769px){
.desktop-only{display:none;}
}

/*************** VIRER TITRE DE PAGE EN PAGE D'ACCUEIL **************/

.wrap#page-accueil .titre-page{
display:none;
}


/************* SINGLE REFERENCE *****************/

/* global */
body[class*="single-reference"] .sous-wrap { 
background: #efefef;
}
body[class*="single-reference"] #content article.hentry .contenu {
clear:both;
max-width:1000px;
margin: 80px auto 30px auto;
flex-direction: row;
align-content: stretch;
justify-content: center;
align-items: stretch;
background: #fff;
}
/* Titre */
body[class*="single-reference"] #content article.hentry .contenu .titre h1{
padding-top: 20px;
}
/* soustitre */
body[class*="single-reference"] #content article.hentry .contenu .soustitre{
padding-bottom:10px;
}
body[class*="single-reference"] #content article.hentry .contenu .soustitre p{
/* margin-bottom:30px; */
line-height: 1.5;
font-size: 22px;
}
/* image principale */
body[class*="single-reference"] #content article.hentry .contenu .image-principale{
position: relative;
}
body[class*="single-reference"] #content article.hentry .contenu .image-principale>div{
width:100%;
height:300px;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
margin: 30px 0 35px 0;
box-sizing:border-box;
position: relative;
}

/* expertises */
body[class*="single-reference"] #content article.hentry .contenu .expertises,
body[class*="single-reference"] #content article.hentry .contenu .periode{
display:inline-block;
text-align:center;
width:100%;
margin: 30px auto 0 auto;
}
/* @media(max-width:768px){ */
body[class*="single-reference"] #content article.hentry .contenu .expertises{
font-size: 12px;
}
/* } */
/* periode - expertises */
body #content .hentry .expertises div,
body #content .hentry .periode div{
display:inline-block;
}
body #content .hentry .expertises div span,
body #content .hentry .periode div span{
padding: 8px 18px;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
z-index: 1;
display:inline-block;
text-align:center;
}
body #content .hentry .periode div span{
margin: 5px;
}
body #content .hentry .expertises div span{
margin: 0;
}
body #content .hentry .wp-grid-builder .periode div span{
font-size: 12px;
}
body #content .hentry .wp-grid-builder .expertises{
padding: 22px 15px 10px 15px;
}
body #content .hentry .wp-grid-builder .expertises div span{
font-size: 10px;
margin: 0;
padding: 5px 12px;
text-align: left;
}
body #content .hentry .periode div span:before{
font-family: 'fontawesome';
content:"\F073";
padding-right:10px;
}
body #content .hentry .expertises div.accompagnement span,
body #content .hentry .expertises div.portage span{
background: #e7dc49;
}
body #content .hentry .expertises div.etudes span,
.expertises div.animation span{
background: #d9a49c;
}
body #content .hentry .expertises div.impulsion span,
body #content .hentry .periode div.encours span{
background: #ff003e;
color:#fff;
}
body #content .hentry .periode div span{
background:#424146;
color:#fff;
}
/* commanditaires */
body[class*="single-reference"] #content article.hentry .contenu .commanditaires .commanditaires_logos,
body[class*="single-reference"] #content article.hentry .contenu .financeurs .financeurs_logos{
display: flex;
padding: 10px;
box-sizing: border-box;
position: relative;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
body[class*="single-reference"] #content article.hentry .contenu .financeurs+.financeurs{
padding-top:40px;
}
body[class*="single-reference"] #content article.hentry .contenu .commanditaires .commanditaires_logos{
margin: 10px auto 0 auto;
}
body[class*="single-reference"] #content article.hentry .contenu .financeurs .financeurs_logos{
margin: 10px auto 0 auto;   
}
body[class*="single-reference"] #content article.hentry .contenu .financeurs .financeurs_texte{
font-size: 15px;
}
body[class*="single-reference"] #content article.hentry .contenu .commanditaires p,
body[class*="single-reference"] #content article.hentry .contenu .commanditaires p span{
font-family: 'capriola-bold';
}
body[class*="single-reference"] #content article.hentry .contenu .commanditaires .commanditaires_logos .logo,
body[class*="single-reference"] #content article.hentry .contenu .financeurs .financeurs_logos .logo{
display:inline-block;
height:80px;
padding:0 10px 13px 10px;
box-sizing: border-box;
}
/* personnes en charge */
body[class*="single-reference"] #content article.hentry .contenu .personnesencharge p{
margin: 40px auto 0 auto; 
font-size: 15px;
}
/* présentation */
body[class*="single-reference"] #content article.hentry .contenu p.detail{
font-weight:500;
font-size:16px;
margin-bottom:30px;
}
/* repeteur de visuels */
body[class*="single-reference"] #content article.hentry .contenu .repeteur{
margin-top:40px;
}
/* separation */
body[class*="single-reference"] #content article.hentry .contenu hr.separation{
margin-top:40px;
}
/* galerie */
body[class*="single-reference"] #content article.hentry .galerie{
max-width:950px;
margin: 40px auto 40px auto;
}
body[class*="single-reference"] #content article.hentry .galerie a{
border:5px solid #fff;
}
body[class*="single-reference"] #content article.hentry .rgg-container a{
opacity:0;
}
body[class*="single-reference"] #content article.hentry .rgg-container a.loaded{
animation: 0.05s ease-in 0s running both alternate fadein;
}
@media(max-width:768px){
body[class*="single-reference"] #content article.hentry .galerie{
padding:0 20px 30px 20px;
background:#f2F2F2;
}
body[class*="single-reference"] #content article.hentry .galerie a{
border:5px solid #f2F2F2;
}
}
/* partager */
body[class*="single-reference"] #content article.hentry .partager{
margin: 50px 0;
}
/* utile ? */
body[class*="single-reference"] #content article.hentry button{
display:block;
margin-left:auto;
margin-right:auto;
}
/* prev/next */
body[class*="single-reference"] #content article.hentry nav li{
list-style:none;
}
body[class*="single-reference"] #content article.hentry nav li a{
text-decoration:none;
}
body[class*="single-reference"] #content article.hentry nav li a:before{
display:block;
width:40px;
height:40px;
font-family: 'fontawesome';
color:#fff;
background:#424146;
border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
text-align:center;
font-size:30px;
padding: 5px 10px 15px 11px;
}
body[class*="single-reference"] #content article.hentry nav li.ref-prev{
position:absolute;
top:240px;
left:-20px;
}
body[class*="single-reference"] #content article.hentry nav li.ref-next{
position:absolute;
top:240px;
right:-20px;
}
body[class*="single-reference"] #content article.hentry nav li.ref-prev a:before{
content:"\F060";
}
body[class*="single-reference"] #content article.hentry nav li.ref-next a:before{
content:"\F061";
}


/* autres */
body.single #content article.hentry .autres{
max-width:1500px;
padding: 30px;
margin: 0 auto 40px auto;
}
body.single #content article.hentry .autres button{
margin-top:30px;
display:block;
margin-left:auto;
margin-right:auto;
}
@media(max-width:768px){
body[class*="single-reference"] #content article.hentry .autres button{
margin-top: -150px;
}
}


/* HOME + SINGLE JEU SUR MESURE > CLIENTS */
body[class*="single-reference"] #content .hentry section .commanditaires .logo img,
body[class*="single-reference"] #content .hentry section .financeurs .logo img{
max-height:100% !important;
height:auto !important;
/* max-width: 70%; */
}
#content .hentry section .commanditaires .logo img,
#content .hentry section .financeurs .logo img{
width:auto;
margin: 0 auto;
background:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:6px;
box-sizing:border-box;
}
/* #content .hentry section .structures .structures_texte{
padding-bottom:15px;
} */
#content .hentry section .commanditaires .texte:before,
#content .hentry section .financeurs .texte:before{
content:", ";
}
#content .hentry section .commanditaires .texte:last-child:before,
#content .hentry section .financeurs .texte:last-child:before{
content:" et ";
}
#content .hentry section .commanditaires .texte:first-child:before,
#content .hentry section .financeurs .texte:first-child:before{
content:"";
}



/**************** PAGES EN ATTENTE ******************/

#content .hentry section.contenu.attente img{
width:100%;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

#content .hentry section.contenu.attente p{
text-align:center;
}



/*********** TITRES DE PAGES ***********/

section.titre-page{
margin: 0 auto;
padding: 0 20px;
width:100%;
box-sizing: border-box;
}
div.titre-page {
margin: 0 auto;
max-width: 1200px;
}
section.titre-page .titre-page H1{
margin: 0 auto 30px auto;
padding: 65px 20px 40px 20px;
text-align:center;
}


/**************** PAGES SANS ET AVEC SOUS-ANCRES ******************/

/* structure */
#content,
#content #modal-ready,
#content .hentry{
position:relative;
}
#content .hentry section.contenu{
clear:both;
display:block;
width:100%;
position:relative;
margin: 0 auto;
}
@media(max-width:768px){
body[class*="single-reference"] #content .hentry section.contenu{
width:95%;
}
}
@media(min-width:768px){
section.sous-ancres{
top: 130px;
}
section.sous-ancres.titre-page{
position: fixed;
width: 100%;
z-index: 10;
background: #fff;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
section.sous-ancres .sous-ancres{
width: 100%;
background: #fff;
margin-top: 25px;
}
section.sous-ancres.titre-page .titre-page{
opacity:1;
height:120px;
transition: all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
}
section.sous-ancres.hide-title .titre-page{
opacity:0;
height:0;
}
section.sous-ancres .titre-page h1{
padding:65px 20px 0 20px;
transition: all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
border:none;
}
section.sous-ancres.hide-title .titre-page h1{
padding:0;
transition: all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
}
section.sous-ancres .sous-ancres ul{
padding: 0;
width: 95%;
max-width:1200px;
/* display: inline-block; */
box-sizing: border-box;
margin: 0 auto;
text-align:center;
padding-bottom:20px;
border-bottom:1px solid #424146;
}
section.sous-ancres .sous-ancres ul li{
flex-grow: 1;
margin: 1.8% .5%;
position: relative;
list-style: none;
box-sizing:border-box;
display: inline-block;
}	
section.sous-ancres .sous-ancres ul li a{
background: #e7dc49;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
color:#424146;
text-decoration:none;
line-height: 1;
padding: 10px 20px 12px 20px;
font-size: 1.4em;
font-weight: 800;
text-align:center;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
section.sous-ancres .sous-ancres ul li.actif a,
section.sous-ancres .sous-ancres ul li a:hover{
background:#424146 !important;
color:#fff;
}
}
@media(max-width:1200px){
section.sous-ancres .sous-ancres ul li a{
padding: 13px 17px 9px 17px;
font-size: 1.5em;
}
}
@media(max-width:1100px){
section.sous-ancres .sous-ancres ul li a{
padding: 13px 16px 9px 16px;
font-size: 1.35em;
}
}
@media(max-width:1000px){
section.sous-ancres .sous-ancres ul li a{
padding: 12px 15px 8px 15px;
font-size: 1.25em;
}
}
@media(max-width:900px){
section.sous-ancres .sous-ancres ul li a{
padding: 11px 12px 7px 12px;
font-size: 1.15em;
}
}
@media(max-width:800px){
section.sous-ancres .sous-ancres ul li a{
padding: 10px 11px 6px 11px;
font-size: 1.1em;
}
}
@media(max-width:768px){
section.contenu.sous-ancres{
padding-top:0;
}
section.titre-page.sous-ancres{
position: relative;
width: 100%;
z-index: 10;
top: 0;
background: #fff;
}
section.sous-ancres .sous-ancres{
display:none;
}
}


/**************** MENUS ******************/

/* .sous-wrap .menu{
height: 130px;
display: block;
position: relative;
} */

/* NAVBAR */
nav.NavBar-Ancres,
nav.NavBar-Pages{
position: fixed;
top:0;
box-sizing: border-box;
z-index:99;
left:0;
width: 100%;
height: 130px;
padding: 0;
-webkit-box-shadow: 0px 0px 22px 14px rgba(0,0,0,0); 
-moz-box-shadow: 0px 0px 22px 14px rgba(0,0,0,0); 
box-shadow: 0px 0px 22px 14px rgba(0,0,0,0); 
transition: all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
}
nav.NavBar-Ancres.ombre,
nav.NavBar-Pages.ombre{
animation: 0.5s ease-in .1s running both alternate fadein;
-webkit-box-shadow: 0px 0px 22px 14px rgba(0,0,0,0.32); 
-moz-box-shadow: 0px 0px 22px 14px rgba(0,0,0,0.32); 
box-shadow: 0px 0px 22px 14px rgba(0,0,0,0.32); 
transition: all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out; 
}
.home nav.NavBar-Ancres.ombre,
.home nav.NavBar-Pages.ombre{
animation: none;
}
nav.NavBar-Ancres ul,
nav.NavBar-Pages ul{
padding: 0;
margin: 0;
display: flex;
max-width: 1400px;
margin: 0 10% 0 5%;
height: 130px;
justify-content: center;
align-items: center;
}
nav.NavBar-Pages ul li,
nav.NavBar-Ancres ul li{
display:none;
list-style:none;
padding: 0;
z-index:99999;
position:relative;
font-size: 1.2em;
height: 130px;
}
nav.NavBar-Pages ul li.logo,
nav.NavBar-Ancres ul li.logo{
display: grid;
align-items: center;
padding-right: 50px;
}
nav.NavBar-Ancres ul li a,
nav.NavBar-Pages ul li a{
font-weight: 100;
letter-spacing:1px;
padding: 0 22px 0 22px;	
font-family: 'capriola-bold';
text-decoration:none;
display: grid;
align-items: center;
align-content: center;
}
/*  Exception : LOGO DANS LE MENU */
nav div li.logo a{
position: relative;
color:transparent !important;
padding-right:0;
padding-left:0;
display: block;
height: 90px;
}
nav div li.logo a:before{
content:url("../images/logo-appui-vert.svg");
width: 240px;
height: 90px;
position: relative;
display: block;
visibility: visible;
}
nav.dark div li.logo a:before{
content:url("../images/logo-belugames-blanc.svg");
}

@media(min-width:1200px){
nav.NavBar-Pages ul li,
nav.NavBar-Ancres ul li{
display: grid;
}
}

@media(max-width:1450px){
nav.NavBar-Ancres ul li,
nav.NavBar-Pages ul li{
font-size: 1.1em;
}
nav.NavBar-Ancres ul li a,
nav.NavBar-Pages ul li a{
padding: 0 18px 0 18px;	
}
nav.NavBar-Pages ul li.logo,
nav.NavBar-Ancres ul li.logo{
padding-right: 20px;
}
}

@media(max-width:1350px){
nav.NavBar-Pages ul,
nav.NavBar-Ancres ul{
margin: 0 10% 0 2%;
}
nav.NavBar-Pages ul li.logo,
nav.NavBar-Ancres ul li.logo{
padding-right: 0;
}
}

@media(max-width:1250px){
nav.NavBar-Pages ul,
nav.NavBar-Ancres ul{
margin: 0 10% 0 0;
}
nav.NavBar-Ancres ul li a,
nav.NavBar-Pages ul li a {
padding: 0 30px 0 0;
}
}

@media(max-width:1200px){
nav.NavBar-Pages ul, 
nav.NavBar-Ancres ul{
margin: 0 10% 0 3%;
justify-content: flex-start;
}
}

@media(max-width:600px){
nav.NavBar-Pages ul,
nav.NavBar-Ancres ul{
margin: 0 25% 0 2%;
}
}

@media(max-width:500px){
nav.NavBar-Ancres,
nav.NavBar-Pages{
height: 70px;
}
nav.NavBar-Ancres ul,
nav.NavBar-Pages ul{
display:block;
height: 70px;
}
nav.NavBar-Pages ul li,
nav.NavBar-Ancres ul li{
height: 70px;
}
nav div li.logo a{
height: 60px;
}
nav div li.logo a:before{
width: 160px;
height: 60px;
}
}


/* MENU HAMBURGER */
nav.NavMenu-Hamburger #NavMenu-Hamburger{
height: 100vh;
box-sizing: border-box;
}
nav.NavMenu-Hamburger {
position: fixed;
top: 0;
right: -2300px;
z-index: 9995;
padding: 0;
width: 100%;
height: 100%;
float: right;
-webkit-transition: .5s right, .5s background;
-moz-transition: .5s right, .5s background;
-o-transition: .5s right, .5s background;
transition: .5s right, .5s background;
box-sizing: border-box;
}
nav.NavMenu-Hamburger.toggled > div{
width:100%;
display:block;
height:100%;
}
nav.NavMenu-Hamburger ul{
display: flex;
flex-flow: row wrap;
padding:0;
margin: 0;
height: 100vh;
box-sizing: border-box;
width: 70%;
float: right;
}
@media(min-width:500px){
nav.NavMenu-Hamburger ul {
width: 50%;
}
}
@media(min-width:800px){
nav.NavMenu-Hamburger ul{
width: 40%;
}
}
@media(min-width:1000px){
nav.NavMenu-Hamburger ul{
width: 30%;
}
}
@media(min-width:1300px){
nav.NavMenu-Hamburger ul{
width: 20%;
}
}
nav.NavMenu-Hamburger ul li{
width: 100%;
list-style:none;
padding: 0;

display: grid;
list-style: none;
padding: 0;
align-items: center;
align-content: center;
}
nav.NavMenu-Hamburger ul li:last-child{
padding-bottom:50px;
}
nav.NavMenu-Hamburger ul li:first-child{
padding-top:50px;
}
nav.NavMenu-Hamburger ul li a{
font-weight:500;
font-family: 'capriola-regular';
text-decoration:none;
text-align:center;
display: block;
height: 100%;
padding: 5%;
box-sizing: border-box;
position: relative;
}
@media(min-height:480px){
nav.NavMenu-Hamburger ul li a{
/* padding: 3% 10px ; */
}
}
@media(min-height:640px){
nav.NavMenu-Hamburger ul li a{
/* padding: 3.5% 10px ; */
}
}
nav.NavMenu-Hamburger.toggled {
right: 0;
-webkit-transition: .5s right, .5s background;
-moz-transition: .5s right, .5s background;
-o-transition: .5s right, .5s background;
transition: .5s right, .5s background;
}


/* BOUTON HAMBURGER */
nav.NavMenu-Hamburger button {
display: block;
position: fixed;
top: 0;
right: 0;
z-index: 9999;
padding: 0;
margin: 0;
width: 150px;
height: 130px;
font-size: 1.7em;
font-family: "fontawesome";
border: none;
border-radius:0 0 0 0;
-moz-border-radius:0 0 0 0;
-webkit-border-radius:0 0 0 0;
letter-spacing:normal;
outline:none;
background-color:#e7dc49;
}
nav.NavMenu-Hamburger.toggled button{
width: 55px;
height: 60px;
border-radius:0 0 0 100px;
-moz-border-radius:0 0 0 100px;
-webkit-border-radius:0 0 0 100px;
}
nav.NavMenu-Hamburger.toggled button:after{
display: block;
right: -5px;
top: -5px;
margin: 0;
position: relative;
}
nav.NavMenu-Hamburger button:before{
content:'';
padding: 0;
}

nav.NavMenu-Hamburger button:after {
font-family: "fontawesome";
content: "\f0c9";
font-size: 32px;
padding: 0;
margin: 0;
}
nav.NavMenu-Hamburger.toggled button:after {
content: "\f00d";
}

@media(max-width:500px){
nav.NavMenu-Hamburger button{
width: 70px;
height: 70px;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
top: 0;
right: 0;
}
nav.NavMenu-Hamburger.toggled button{
border-radius:0 0 0 100px;
-moz-border-radius:0 0 0 100px;
-webkit-border-radius:0 0 0 100px;
}
nav.NavMenu-Hamburger button:after {
font-size: 25px;
}
}


/**************** BLOCS FOOTER ET HEADER ******************/

/* FOOTER */

.sous-wrap > footer{
clear:both;
position:relative;
background: #424146;
/* top: 130px; */
}
.home .sous-wrap > footer{
top: 0;
}
.sous-wrap > footer p,
.sous-wrap > footer p a{
color:#fff;
}

/* 1) CONTACT */
footer #formulaire_contact{
padding: 60px 0 20px 0;
position:relative;
}
footer #formulaire_contact .wpcf7{
padding:15px;
}
footer #formulaire_contact form input,
footer #formulaire_contact form label,
footer #formulaire_contact form textarea{
max-width:500px;
margin: 0 auto;
box-sizing: border-box;
opacity:.4;
}
footer #formulaire_contact form label{
color:#fff;
}
footer #formulaire_contact form input[type="submit"]{
background: #fff;
color: #424146;
opacity:0.7;
}
footer #formulaire_contact form span.content-submit input:hover{
opacity:1;
}
footer #formulaire_contact form p.submit span.content-submit:before{
color: #424146;
}
footer #formulaire_contact h2{
margin: 0 auto;
}
footer #formulaire_contact p.intro{
text-align:center;
padding: 0 25px;
color:#fff;
}

/* 3) LOGO + SIGNATURE */
footer .bloc-footer3{
padding:40px;
opacity:.4;
}
footer .bloc-footer3 p{
font-size:.9em;
}
/* 4) CREDITS */
footer .bloc-footer4{
padding:20px;
margin: 0 auto;
opacity:.4;
}
footer .bloc-footer4 p{
font-size:12px;
margin: 0;	
line-height: 1.5;
font-weight: 300;
}
footer.fondvert .bloc-footer4{
max-width: 50%;
}
@media(max-width:700px){
footer.fondvert .bloc-footer4{
max-width: 100%;
}
}


/* HEADER */
.sous-wrap > header > #contenu-header{
display:none;
}

/* FORMULAIRE MAILPOET */
body .sous-wrap footer.dark .widget_mailpoet_form .mailpoet_submit{
color:#fff !important;
}



/*********** ADMIN BAR ************/

body.admin-bar #wpadminbar{
height: 50px;
padding: 8px;
box-sizing:border-box;
}
body.admin-bar #wpadminbar .menupop .ab-sub-wrapper,
body.admin-bar #wpadminbar .shortlink-input{
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
position:relative;
}
body.admin-bar #wpadminbar ul li:hover,
body.admin-bar #wpadminbar ul li.hover,
body.admin-bar #wpadminbar ul li:focus{
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
}
body.admin-bar #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
body.admin-bar #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
body.admin-bar #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
body.admin-bar #wpadminbar .ab-top-menu > li.hover > .ab-item {
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
}

.wp-core-ui #wpadminbar .quicklinks .menupop ul li .ab-item,
.wp-core-ui #wpadminbar .quicklinks .menupop ul li a strong,
.wp-core-ui #wpadminbar .quicklinks .menupop.hover ul li .ab-item,
.wp-core-ui #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
.wp-core-ui #wpadminbar .shortlink-input{
width: 100% !important;
min-width: 100% !important;
text-align: left;
box-sizing: border-box;
}

/* special logout */
.wp-core-ui #wpadminbar #wp-admin-bar-user-actions>li{
margin-right:5px;
margin-left:5px;
}

body.admin-bar #wpadminbar li#wp-admin-bar-new-post,
body.admin-bar #wpadminbar #wp-admin-bar-comments,
body.admin-bar #wpadminbar #wp-admin-bar-wp-logo,
body.admin-bar #wpadminbar #wp-admin-bar-vc_inline-admin-bar-link{
display:none;
}

body.admin-bar #wp-admin-bar-edit-profile,
body.admin-bar #wp-admin-bar-user-info{
display:none;
}



/* decalage en haut */
@media (min-width: 783px){
body.admin-bar {
margin-top:18px;
}
}
body.admin-bar nav.NavBar-Ancres,
body.admin-bar nav.NavBar-Pages,
body.admin-bar nav.NavBar-Fixe,
body.admin-bar nav.NavMenu-Hamburger button{
top: 50px;
}
body.admin-bar nav.NavMenu-Hamburger #NavMenu-Hamburger,
body.admin-bar nav.NavMenu-Hamburger #NavMenu-Hamburger{
margin-top:42px;
}
@media (max-width: 1180px){
body.admin-bar header .searchform {
top: 61px;
}
}
@media (min-width: 900px) and (max-width:1180px){
body.admin-bar header .partage {
top: 57px;
}
}

/* bar admin cachée/affichée */
body.admin-bar #wpadminbar.hide{
height:0;
padding:0;
transition: all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
}
body.admin-bar #wpadminbar.hide #wp-toolbar{
display:none;
}

/* bouton fermer/ouvrir */
body.admin-bar button.adminbar{
position:fixed;
bottom:0;
left:0;
z-index:9999;
border-radius:0 20px 0 0;
-webkit-radius:0 20px 0 0;
-moz-radius:0 20px 0 0;
padding-left:0;
height:42px;
}
body.admin-bar button.adminbar span{
position:relative;
text-align:left;
transition: all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;

}
body.admin-bar button.adminbar:hover span{
transition: all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
}

body.admin-bar button.adminbar span strong{
left:-300px;
font-family:"Arial";
text-transform:none;
letter-spacing:0;
width:130px;
height: 42px;
border-radius:0 20px 0 0;
-webkit-radius:0 20px 0 0;
-moz-radius:0 20px 0 0;
text-align:left;
position:absolute;
top:-11px;
padding: 10px 12px 9px 25px;
display: block;
float:right;
transition: all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
line-height:1.6em;
font-weight:500;
}
body.admin-bar button.adminbar:hover span strong{
left:20px;
transition: all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
}
body.admin-bar button.adminbar span:before{
padding-right: 0;
padding-left:10px;
font-size: 18px;
font-family: "fontawesome";
position: relative;
top: 1px;
z-index: 999;
}
body.admin-bar button.adminbar span.montrer:before{
content:"\f06e";
}
body.admin-bar button.adminbar span.cacher:before{
content:"\f070";
}
html.remonte button.adminbar span.cacher,
button.adminbar span.montrer{
display:none;
}
html.remonte button.adminbar span.montrer,
button.adminbar span.cacher{
display:block;
}


/* conséquences du bouton en position "Afficher" */
/* virer decalage en haut */

html.remonte body.admin-bar,
html.remonte {
margin-top:0 !important;
}

html.remonte body.admin-bar nav.NavBar-Ancres,
html.remonte body.admin-bar nav.NavBar-Pages,
html.remonte body.admin-bar nav.NavBar-Fixe,
html.remonte body.admin-bar nav.NavMenu-Hamburger button{
top: 0;
}
html.remonte body.admin-bar nav.NavMenu-Hamburger #NavMenu-Hamburger,
html.remonte body.admin-bar nav.NavMenu-Hamburger #NavMenu-Hamburger{
margin-top:0;
}
@media (max-width: 1180px){
html.remonte body.admin-bar header .searchform {
top: 11px;
}
}
@media (min-width: 900px) and (max-width:1180px){
html.remonte body.admin-bar header .partage {
top: 7px;
}
}


/**************** MODE MAINTENANCE ******************/


#page-maintenance.wrapper{
width:100%;
text-align:center;
margin: 0; 
padding: 10vh 5%; 
box-sizing: border-box;
height:100vh;
position:relative;
background:#f0f0f0;
}

#page-maintenance.wrapper .content{
display:block;
position:relative;
max-width:800px;
text-align:center;
margin: 0 auto; 
padding:0;
box-sizing:border-box;
}

#page-maintenance.wrapper .content h1{
padding: 30px;
display:block;
width:100%;
box-sizing:border-box;
}

#page-maintenance.wrapper .content h3{
padding: 20px;
display:block;
width:100%;
box-sizing:border-box;
}

#page-maintenance.wrapper .content img{
width:100%;
box-sizing:border-box;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
}





/*********** PRINT ************/

@media print {
nav.NavMenu-Hamburger button,
.sous-wrap>nav,
header .partage,
header .searchform,
.noprint,
button.adminbar,
#wpadminbar{
display:none !important;
}
.sous-wrap{
margin-top:0 !important;
}
.single #content{
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.titre-page H1, .titre-page H2{
padding: 20px 50px 0 50px !important;
}


/************************************** SCROLL BAR *****************************************/
/* Chrome et Safari */
::-webkit-scrollbar {
display:none;
}
.sous-wrap{
scrollbar-color:transparent;
}
.sous-wrap,
html,
body{
overflow: auto;
scrollbar-width: none;
}