@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "Badass";
	src: local("Badass"),
	  url("../fonts/Badass/Badass-Moon-Personal.woff") format("woff");
  }

/* ajust bandeau gdpr */
@media all and (max-width:767px){

	#moove_gdpr_cookie_info_bar{
	    max-height: 650px!important;
		overflow: auto;
	}

	.mgbutton.moove-gdpr-infobar-allow-all,
	.mgbutton.moove-gdpr-infobar-settings-btn.change-settings-button{
		text-align: left;
	}

	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{
		margin: 1px 0px!important;
	}

	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, 
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
	    line-height: 16px!important;
	}

	.gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-container .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content {
	    top: 35%;
	    left: 50%;
	    transform: translateX(-50%) translateY(-50%);
	}

	ul#moove-gdpr-menu{
		width: initial!important;
    	float: none!important;
	}
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li {
	    list-style: none;
	    margin-bottom: 20px;
	    display: inline-block;
	    float: left;
	    margin: 0 5px;
	    width: 35px;
	}
	.gdpr_lightbox-wrap {
	    z-index: 9990;
	    position: fixed;
	    top: 25%!important;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    text-align: center;
	    outline: none!important;
	}

}

.page-id-2398 .k-widget{
	display: none;
}

section.scenario-contact-form .container .contact-form .wpcf7 form .line .input .file-field span.wpcf7-form-control-wrap {
    margin: 0;
}

section.scenario-contact-form .container .contact-form .wpcf7 form .line .rgpd span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
	top: 40px;
    left: 50px;
}
@media only screen and (max-width: 630px) {
	section.scenario-contact-form .container .contact-form .wpcf7 form .line .rgpd span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
		top: 75px;
		left: 30px;
		width: 310px;
		height: inherit;
		padding: 3px 10px;
		white-space: inherit;
		line-height: 20px;
	}
	section.scenario-contact-form .container .contact-form .wpcf7 form .line .submit {
		text-align: center;
		padding: 55px 0 40px;
	}
}

/*#moove_gdpr_cookie_info_bar {
    z-index: 9999999!important;
}
.gdpr_lightbox {
    z-index: 9999999!important;
}
.gdpr_lightbox-content {
    z-index: 99999999!important;
}*/


.k-widget-content {
  border: none;
  z-index: 9999;
  position: fixed;
	width: 300px;
    left: 0;
}

@media only screen and (max-width: 630px) {
	
	.k-widget-content {
	  border: none;
	  z-index: 9999;
	  position: fixed;
		width: 300px;
		left: 0;
	}

	aside#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-allow-all{
		height: 30px;
		line-height: 28px;
	}
	aside#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
		display: block;
		position: relative;
		padding-bottom: 90px;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h3{
		margin-bottom: 0px!important;
	}

}


/* nouveau logo 30 ans */
/* et reprendre le dossier de la typo et l'appel tel qu'en haut de ce fichier */
header.main-header .container .head-content .logo a {
    display: inline-block;
    height: 140px;
    line-height: 140px;
    width: inherit;
}
header.main-header .container .head-content .logo a img {
    display: inline;
    vertical-align: inherit;
    width: 336px;
    height: auto;
}
header.main-header.header-complete .container .head-content .hub-navigation {
    top: 169px;
}
section.banner .container .banner-container .inner .content .title h2 {
	text-align: left;
	padding-top: 40px;
}
section.banner .container .banner-container .inner .content .title h2 span.archivo-votre {
    font-family: "Archivo Black", sans-serif;
    text-shadow: 0 3px 18px rgb(0 0 0 / 80%);
    font-size: 3.57rem;
}
section.banner .container .banner-container .inner .content .title h2 span.archivo-engagement {
    font-family: "Archivo Black", sans-serif;
    text-shadow: 0 3px 18px rgb(0 0 0 / 80%);
    font-size: 3.57rem;
}
section.banner .container .banner-container .inner .content .title h2 span.badass {
    font-family: "badass", sans-serif;
    color: #76B82A;
    text-shadow: 0 3px 18px rgb(0 0 0 / 80%);
    font-size: 9rem;
    text-transform: none;
    font-weight: normal;
}
section.number .container .number-container .content .sous-titre {
	font-family: "badass", sans-serif;
    color: #F39433 ; 
    line-height: 2rem;
    font-size: 5rem;
    text-align: center;
}
footer.main-footer.footer-complete .bottom .container .logo a img {
    width: 120px;
    height: auto;
}

@media all and (min-width:320px) and (max-width:500px){
	section.banner .container .banner-container .inner .content .title {
		margin-bottom: 80px;
	}
}
@media all and (min-width:376px) and (max-width:480px){
	.container .banner-container .inner .content .title h2 span.archivo-votre {
		font-size: 41px!important;
		line-height: 41px;
	}
	section.banner .container .banner-container .inner .content .title h2 span.archivo-engagement {
		font-family: "Archivo Black", sans-serif;
		text-shadow: 0 3px 18px rgb(0 0 0 / 80%);
		font-size: 41px;
	}
}
@media all and (min-width:320px) and (max-width:375px){
	.container .banner-container .inner .content .title h2 span.archivo-votre {
		font-size: 3.1rem!important;
	}
	.container .banner-container .inner .content .title h2 span.archivo-engagement {
		font-size: 35px!important;
	}
}
@media only screen and (max-width: 765px){
	header.main-header .container .head-content .logo a {
		height: 85px;
		line-height: 65px;
	}
	section.banner.banner-simple .container .banner-container .inner {
		min-height: 500px;
		align-items: flex-end;
		background-position: center 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	header.main-header .container .head-content .logo a img {
		display: inline;
		vertical-align: inherit;
		width: 168px; 
		padding: 20px;
	}
}
section.blog .container .social-wall .element {
    position: relative;
    height: 500px;
    background-color: #66a3d7;
}
section.blog .container .social-wall .element .inner .social-image {
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 290px;
    margin: 13px 0;
}

/* /// nouveau logo 30 ans + image social wall */


/* Page jeu anniversaire 30 ans */
.page-id-131528 section.banner.banner-header .container .banner-container .inner {
    display: none;
}
.page-id-131528 section.page-editorial {
     margin-bottom: 0px; 
}
.page-id-131528 section.banner.banner-header .container .banner-container .description {
    padding: 20px 0 0 0;
}

@media only screen and (min-width: 375px) and (max-width: 424px){
	.page-id-131528 iframe{
		height: 1400px;
	}
}
@media only screen and (min-width: 425px) and (max-width: 767px){
	.page-id-131528 iframe{
		height: 1375px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
	.page-id-131528 iframe{
		height: 1400px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px){
	.page-id-131528 iframe{
		height: 1430px;
	}
}
@media only screen and (min-width: 768px) {
	.page-id-131528 section.banner.banner-header .container .banner-container .description {
		max-width: 80%;
		margin: 0 auto;
    	float: none;
	}	
}


/* bouton jeu 30 ans */
.bloc-bouton-jeu-30-ans{
	display: none;
	position: fixed;
	bottom: 20px;
	left: -350px;
	cursor: pointer;
    z-index: 999;
	width: 300px;
}
.bloc-bouton-jeu-30-ans .fermer{
	width: 20px;
    height: 20px;
    position: absolute;
    right: -7px;
    top: -7px;
    background: #FFF;
    border-radius: 50%;
}
.bloc-bouton-jeu-30-ans .fermer img{
	width: 20px;
	height: 20px;
}
@media only screen and (max-width: 765px) {
	footer.main-footer.footer-complete .bottom .container {
        padding-bottom: 100px;
	}
}