/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*************************************************************/

/* 1 - Les classes pour la version BUREAU / DESKTOP */

/*************************************************************/
a, p, h1, h2{
    text-decoration:none!important;
}
.footer-widgets a{
	text-decoration:underline!important;
}

/* Alignement menu et logo header */

.titre-collection{
	text-align:left;
}
.titre-collection2{
	text-align:left;
}
/*.page-id-35 {
	background:#ffffff;
	background-image:url("http://manufactureaubusson.fr/wp-content/uploads/2023/10/homepage_2566X855.webp");
	background-repeat: no-repeat;
	background-position:center;
	width: 100vw;
	height: 100vh;
	background-size: cover;
}
*/
.site-header .header-image {
    margin: 40px 0 0 0;
}
/* LES VIDEOS EN HOME */
.page-id-35 .site-content {
    padding:0px!important;
}
/* On change la couleur du header au passage de la souris*/
#masthead {
	color: #000!important;
	background:#fff;
	z-index:99999;
}
#masthead .gp-icon svg{
	color: #808080!important;
}
/* LA PAGE PROJET EN FRANCAIS */

/* LA PAGE PROJET EN ANGLAIS */


/* On supprime l'icone BARS*/
.pro-menu-bars {
    display: none!important;
}
.gp-icon+.off-canvas-toggle-label {
    padding-left: 9px;
    color: #808080;
}
/* On annule de padding container*/
.one-container .site-content {
    padding: 0px!important;
}
/* On supprime le footer sur la page MRA*/


/* On change l'aspct des drapeaux WPML */
.wpml-ls-menu-item img {
    -webkit-filter: invert(10%); filter: invert(10%)!important;
	margin-top:8px;
}
.menu-item-116{
	margin-top:-5px;
}
/* On cale le menu after */
.menuafter{
	padding-bottom:5px!important;
}

/* change image on hover */
#footer .container {
    position: relative;
    min-height: 300px;
}

#footer .widget {
    position: absolute;
    bottom: 0;
}

.blancentre{
color:#fff;
text-align:center;
}

.blanc{
	color:#fff;
}
.noir{
	color:#000;
}
.ombre{
	box-shadow: 2px 1px 1px #333;
}
/* Les typo */
.justify{
	text-align:justify;
}
.title{
	font-size:2.8em;
	line-height:1.7em;
	display: flex!important;
	flex-direction: row!important;
	flex-wrap: nowrap!important;
	justify-content: center!important;
	align-items: center!important;
	align-content: normal!important;
}
h1{
	text-transform:none!important;
}
.title-collection{
	font-size:50px!important;
}
.maintitle{
	font-size: 50px;
	line-height: 1.2em;
	font-weight:500!important;
	color:#000;
	text-decoration:none!important;
	font-family: Pinyon Script, handwriting;
}
.underline{
	text-decoration:underline!important;
}
.underline a{
	text-decoration:underline!important;
	transition: all .5s ease-in-out 0s,visibility 0s linear .5s,z-index 0s;
}
.underline a:hover{
	text-decoration:none!important;
	transition: all .5s ease-in-out 0s,visibility 0s linear .5s,z-index 0s;
}
/*.site-info a {
  box-shadow: inset 0 0 0 0 #fff!important;
  color: #fff!important;
  margin: 0 -.125rem!important;
  padding: 0 .125rem!important;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out!important;
}

.site-info a:hover {
    text-decoration:none!important;
	transition: all .5s ease-in-out 0s,visibility 0s linear .5s,z-index 0s;
	box-shadow: inset 240px 0 0 0 #fff!important;
  	color:#000!important;
}*/
.fabricdescription{
	font-size:.9em;
	line-height:1.3em;
	margin-top:-15px!important;
}
/* les alignement */
.centrage {
    display: flex!important;
    /*align-items: center!important;*/
    justify-content: center!important;
    text-align: center!important;
}
.droite {
    text-align:right!important;
}
.gauche {
    text-align:left!important;
}
.legend {
    display: flex!important;
    justify-content: center!important;
    text-align: center!important;
}
.underblack{
	color:#575760!important;
	text-decoration:underline!important;
}
/* Les liens animés */
.linkmotion a {
  box-shadow: inset 0 0 0 0 #54b3d6!important;
  color: #54b3d6!important;
  margin: 0 -.25rem!important;
  padding: 0 .25rem!important;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out!important;
}
.linkmotion a:hover {
  box-shadow: inset 100px 0 0 0 #54b3d6!important;
  color:#fff!important;
}
/* LES TABLEAUX */
.tablepress>:where(thead,tfoot)>*>th {
    background-color:#fff!important;
    color:#000!important;
    font-weight: 700;
	font-size:1.6em!important;
    vertical-align: middle;
    word-break: normal;
	text-align:center!important;
	text-transform:uppercase!important;
}
.tablepress>*+tbody>*>*, .tablepress>tbody>*~*>*, .tablepress>tfoot>*>* {
    border-top: 1px solid #ccc!important;
	border-right: 1px solid #ccc!important;
	border-bottom: 1px solid #ccc!important;
	border-left: 1px solid #ccc!important;
}
.tablepress{
	font-size:1.1em!important;
	text-align:center!important;
}
.tablepress>:where(tbody)>.odd>* {
    text-align: left;
	
}
.tablepress>:where(tbody)>.even>* {
    text-align: left;
	
}
.column-1{
	background-color:#696969!important;
	color:#fff!important;
	font-weight:400!important;
	text-transform:uppercase;
}
.column-2{
	background-color:#fff!important;
	color:#000!important;
	font-weight:400!important;
}

/* LES DIV */

.home-lgd-gauche {
    position: fixed;
    z-index: 10000;
    bottom: 2em;
    left: 25%;
}
.home-lgd-droite {
    position: fixed;
    z-index: 10000;
    bottom: 2em;
    right: 5%;
}
.leg-home-1 {
    font-family: "Crimson Pro", serif;
    color: rgb(0, 0, 0);
    font-size: 2.2vh;
    font-weight: 500;
    line-height: 1em;
}
.leg-home-2 {
    font-family: "Crimson Pro", serif;
    color: rgb(0, 0, 0);
    font-weight: 600;
    font-size: 2.6vh;
    text-transform: uppercase;
}
.box-arrow {
  height:50vh!important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
  align-content: normal;
}
.legende{
	position:absolute;
	bottom:0px;
	right:0px;
	color:#fff;
	text-align:right;
	padding:0 20px;
}
.margelegend{
	margin-bottom:.1em!important;
}
.legende a{
	color:#fff;
	text-decoration:underline!important:
}
.legende a:hover{
	text-decoration:none!important:
}

/* Les icones */


/* ANIMATION ICONE */
.field {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
}

.mouse {
	width: 50px;
	height: 90px;
	border: 3px solid #fff;
	border-radius: 60px;
	position: relative;
	&::before {
		content: '';
		width: 12px;
		height: 12px;
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		background-color: #fff;
		border-radius: 50%;
		opacity: 1;
		animation: wheel 2s infinite;
		-webkit-animation: wheel 2s infinite;
	}
}

@keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

@-webkit-keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

.scroll {
	width: 60px;
	height: 60px;
	/*border: 2px solid #fff;
	border-radius: 50%;*/
	position: relative;
	animation: down 1.5s infinite;
	-webkit-animation: down 1.5s infinite;
	&::before {
		content: '';
		position: absolute;
		top: 15px;
		left: 18px;
		width: 18px;
		height: 18px;
		border-left: 2px solid #fff;
  	border-bottom: 2px solid #fff;
		transform: rotate(-45deg);
	}
}

@keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}

@-webkit-keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}

.arrow {
	width: 0;
	height: 40px;
	border: 1px solid #fff!important;
	position: relative;
	animation: scroll 1.5s infinite;
	-webkit-animation: scroll 1.5s infinite;
	&::after {
		content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: -5px;
    width: 1px;
    height: 10px;
		
		// triangle
    border-top: 10px solid #fff!important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
	}
}

@keyframes scroll {
	0% {
		height: 40px;
	}
	30% {
		height: 70px;
	}
	60% {
		height: 40px;
	}
}

@-webkit-keyframes scroll {
	0% {
		height: 40px;
	}
	30% {
		height: 70px;
	}
	60% {
		height: 40px;
	}
}


/* Les espaces */
.wgt-space{
	padding-top:30px;
}
.pad-dg{
	padding:0 60px;
}
.rowmargintop{
	margin-top:25px;
}
.rowmargintopsm{
	margin-top:0px;
}
.marg-t-15{
	margin-top:15px;
}
.marg-t-75{
	margin-top:75px;
}
.marg-t-110{
	margin-top:110px;
}
.marg-t-50{
	margin-top:165px;
}
.margelegend{
	padding-bottom:5px;
}
.margegauche {
    margin-left:14%!important;
}
.marge120{
	margin-top:170px!important;
}
/* Formulaires*/
.forminator-ui#forminator-module-628.forminator-design--material .forminator-consent input:checked + .forminator-checkbox-box {
    border-color: #000!important;
    background-color: #EDEDED;
}


.forminator-ui#forminator-module-628.forminator-design--material .forminator-checkbox.forminator-consent .forminator-checkbox-box {
    border-color: #000;
    background-color: #EDEDED;
    color: #000!important;
}
/* On supprime le padding haut/bas */
.page-hero {
    padding-top: 0px;
}
.copyright-bar{
	display:none!important;
}
/* Vidéo responsive */
#video-container {
      position: relative;
      padding-bottom: 56.25%; /* Ratio 16:9 pour la vidéo responsive */
      height: 0;
    }

#random-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

#fullScreenDiv{
    min-height: 100%; 
    height: 100vh;
    width: 100vw;
    padding:0;
    margin: 0;
    background:#fff;
    position: relative;
}
#video{    
    width: 100vw; 
    height: auto;
    margin: auto;
    display: block;
}
/* On zappe le menu primaire */
#primary-menu {
display:none!important;
}
.inside-header {
    padding: 50px 20px;
}
#mobile-header .menu-toggle {
    order: -1;
}
#mobile-header.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
#mobile-header.has-menu-bar-items button.menu-toggle {
    padding-left: 20px;
}
/*On supprime l'ombre du sous menu */
.main-navigation ul ul {
    box-shadow: 1px 1px 0 rgba(0,0,0,0)!important;
}
/* On souligne les menus current */
.slideout-navigation.main-navigation .main-nav ul ul li[class*="current-menu-"] > a {
    text-decoration: underline!important;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    text-decoration: underline!important;
}
/* On corrige le padding sous SAFARI*/
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {
padding-left: 28px!important;
}
/* La gestion des animations du sous-menu dans le menu off canvas */
#generate-slideout-menu.main-navigation .sub-menu {
    display: block !important;
    visibility: visible !important;
    max-height: 0;
    transition: max-height 600ms ease-in-out;
    overflow-y: hidden;
}
#generate-slideout-menu.main-navigation .sub-menu.toggled-on {
    max-height: 800px;
}
#generate-slideout-menu .slideout-menu .sub-menu li {
    transform: translatex(-50%);
    transition: transform 600ms ease-in-out;
}
#generate-slideout-menu .slideout-menu .sub-menu.toggled-on li {
    transform: translatex(0);
}
.dropdown-click .sfHover>a>.dropdown-menu-toggle>.gp-icon svg {
    transition: transform 600ms ease-in-out;
}

/* On gère le menu sticky dans le scroll */

/* On split le menu en 2 pour mettre le logo au centre */
div.menu-split-left-container,div.menu-split-right-container{
		width:100%;
		text-align:center;
}
ul.menu li.menu-item {
    padding: 0 10px;
}
ul.menu {
    list-style:none;
		display: flex;
		justify-content: center;
		margin-bottom: 0;
		margin-left: 0;
}
.menu-split-left-container {
    margin-right: auto;
}
.menu-split-right-container {
    margin-left: auto;
}
.navigation-branding {
    flex-grow: 1;
}

.menu-right-main-nav-container {
    width: 35%;
}

.navigation-branding .site-logo {
    width: 30%;
}

.menu-left-main-nav-container {
    width: 35%;
}

.navigation-branding img {
    margin: 0 auto;
}
.menu-right-main-nav-container, .menu-left-main-nav-container {
    width: 35%;
    display: flex;
    justify-content: center;
    padding: 15px 0;
}
li.menu-item:not(:last-child) {
    margin-bottom: 5px;
}
.navigation-branding img {
    margin: 0 auto !important;
}
.navigation-branding > * {
    width: calc(100%/3) !important;
    padding: 8px;
}
/* Centrage du logo dans le menu split*/
.main-nav {
    flex: 1;
}
.site-branding, .site-logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 200;
    top: 0; /* Add this line */
}
/* La largeur du menu slideout */

/* La tail du mot MENU dans le slideout*/
.gp-icon+.off-canvas-toggle-label {
    font-size: 18px;
}
/*La position du bouton CLOSE du menu Slideout*/
.toggled .icon-menu-bars svg:nth-child(2) {
    display: none;
}

/*On met l'icone burger en premier - l'icone search en second*/
.main-navigation .menu-bar-items {
	flex-direction: row-reverse;
	flex: 1;
	justify-content: space-between;
}
.site-header{
	position:fixed!important;
}
.inside-header {
    display: flex;
    align-items: center;
    width: 100vw;
}
/* Les typo des sous menu */
.slideout-navigation.main-navigation .main-nav ul ul li a {
    font-size: 14px!important;
}
.slideout-navigation.main-navigation .main-nav ul li a {
    font-size: 16px!important;

}
.slideout-navigation.main-navigation .main-nav ul ul li a:hover {
	color:#fff!important;
}
.slideout-navigation.main-navigation .main-nav ul li a:hover {
	color:#fff!important;
}
/* Suppression sur video Youtube */
.html5-video-player a {
    display:none!important;
}
.ytp-title-link {
    display:none!important;
}
.ytp-impression-link {
    display:none!important;
}
/* Responsive Youtube Embeds */
.youtube-responsive {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.youtube-responsive iframe, .youtube-responsive object, .youtube-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#projet4{
	display:block;
}
#projet2{
	display:block;
}
#projet3{
	display:block;
}
#projet1{
	display:none;
}
#mobile{
	display:none;		
}
/*************************************************************/

/* 2- Les classes pour la version mobile */

/*************************************************************/

@media (max-width: 768px) {
/*#youtube {
display: none !important;
}*/
	
	
/* AJOUT CSS 18 DECEMBRE 2023*/
.pad-dg {
    padding:0px!important;
	font-size:16px!important;
	text-align:left!important;
}	
.marg-t-50{
	margin-top:-50px!important;
}
.marg-t-15 {
    margin-top: -15px!important;
}
.marg-t-110 {
    margin-top:17.5px!important;
}
.marg-t-75 {
    margin-top:17.5px!important;
}
.mobile-menu{
	display:none;		
}
.entry-title{
	color:#000;		
}
.titre-collection2{
	text-align:center;
}
h2 {
    font-weight: 400;
    text-transform: inherit;
    font-size: 42px;
}
.inside-footer-widgets>div:not(:last-child) {
    margin-bottom: 15px;
}
.footer-widgets {
    padding-top: 30px;
}
#mobile-header.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
    position: absolute;
    left: 47.5%;
    transform: translateX(-50%);
}
#desktop{
	display:none;		
}
#mobile{
	display:block;		
}
#projet4{
	display:none!important;
}
#projet2{
	display:none!important;
}
#projet3{
	display:none!important;
}
#projet1{
	display:block;
}
/* Inversion colonne RTL */
.reverse{
	flex-direction: column-reverse;
}
/* On annule de padding container*/
.one-container .site-content {
    padding: 0 25px!important;
}
.main-navigation.has-branding .inside-navigation.grid-container {
    padding-top: 20px!important;
}
.margeyoutube{
padding:100px 0 100px 0;
}
	
h1 {
font-weight:400;
text-transform:inherit;
font-size:42px;
}
	
.premiertitre{
font-size:2.225em;
font-weight:400;
}
	
.tripadviser img{
	width:50%;
}
	
.scooter img{
	display:none;	
}
	
.espacerangeebleu{
	padding:0;
}
/* LE HEADER */
#mobile-header {
    display: block !important;
    width: 100% !important;
    background: #fff;
    height: 100px;
}
.marge120{
	margin-top:0px!important;
}

#masthead a img {
    -webkit-filter: invert(90%); filter: invert(90%)!important;
}
/*
.navigation-branding img, .site-logo.mobile-header-logo img {
    -webkit-filter: invert(90%); filter: invert(90%)!important;
}*/
/* Logo taille */
.navigation-branding img, .site-logo.mobile-header-logo img {
    height: 90px!important;
    width: auto;
}
/* La taille du mot MENU et de l'icone BARS et CROIX (close) dans le slideout*/
.gp-icon+.off-canvas-toggle-label {
    font-size: 18px!important;
	color:#808080!important;
}
.gp-icon svg {
    font-size: 25px!important;
	color:#808080!important;
}
.menu-toggle .gp-icon+.mobile-menu {
    color:#808080!important;
}
.gp-icon .pro-close{
	color:#fff!important;	
}
.slideout-navigation button.slideout-exit {
    color:#fff!important;
}
/* On réduit la fleche du sous menu */

/* On change l'aspect du menu */
.slideout-navigation.main-navigation .main-nav ul li a {
    font-family: 'Open Sans',sans-serif;
    font-weight: 700!important!important;
    font-size: 15px!important;
    line-height: 1.5;
}
/* On met l'icone à gauche offcanvas à gauche */

#mobile-header.has-branding .menu-toggle {
    order: -5;
    padding-left: 20px;
}
#mobile-header .mobile-phone-icon {
    order: 1;
    padding-right: 20px;
}
.site-logo.mobile-header-logo {
    margin-left: auto;
}
.slideout-navigation.main-navigation .main-nav ul li a {
    font-family: Open Sans, sans-serif;
    font-weight: bold!important;
    font-size: 15px!important;
    line-height: 1.5;
}
}
@media(max-width:1119px){
ul.menu li.menu-item {
    padding:0;
}
ul.menu {
    flex-direction:column;
}
}
/* On adapte la video aux smartphone */
@media (min-aspect-ratio: 16/9) {
  #video{
    width: 100vw; 
    height:auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  #video {
    height: 100vh; 
    width:auto;
    margin-left: 50vw;
    transform: translate(-50%);
  }
}