/*
 Theme Name: Fred Danse aAadémie
 Theme URI:    http://demo.goodlayers.com/yoku
 Description:  Thème enfant pour FDA
 Author:       Cédric - bécane WEB
 Author URI:   https://www.becaneweb.net/
 Template:     yoku
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         école de danse Péronnas
 Text Domain:  yoku-child
*/

@import url(../yoku/style.css);

@charset "UTF-8";
:root{
	--primaire:#0056aa;
	--complementaire:#feda39;
	/*--secondaire:#f0fe00;
	*/
	--secondaire:#feda39;
	--secondairecomplement:#0287fe;
	/*--orangeclair:#fff8ea;
	*/
	/*--primaire-claire:#edf6ff;
	*/
	--gris:#C1C1C1;
	--grisfonce:#444444;
	--fondclair:#f2f9ff;
	--grisclair:#f1f1f1;
	--black:#101010;
	--white:rgb(255, 255, 255);
	--light:300;
	--regular:400;
	--medium:600;
	--bold:700;
	--extrabold:900;
	--fontmoyen:20px;
	--fontpetit:15px;
	--teinteclaire:#f1f4fc;
}
/* 2026-06-01 mise à jour WordPress 7.0
 * Correction bug gestion flex-basis provoquant retour à la ligne de certaines colonnes */
.wp-block-columns {
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap!important
}
@media (min-width:782px) {
	.wp-block-columns {
		flex-wrap:nowrap!important;
	}
}
.wp-block-columns {
	align-items:normal!important
}
.wp-block-columns.are-vertically-aligned-top {
	align-items:flex-start
}
.wp-block-columns.are-vertically-aligned-center {
	align-items:center
}
.wp-block-columns.are-vertically-aligned-bottom {
	align-items:flex-end
}
@media (max-width:781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis:100%!important
}
}
@media (min-width:782px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis:0;
		flex-grow:1
}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
		flex-grow:0
}
}
.wp-block-columns.is-not-stacked-on-mobile {
	flex-wrap:nowrap!important
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
	flex-basis:0;
	flex-grow:1
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis] {
	flex-grow:0
}
:where(.wp-block-columns) {
	margin-bottom:1.75em
}
:where(.wp-block-columns.has-background) {
	padding:1.25em 2.375em
}
.wp-block-column {
	flex-grow:1;
	min-width:0;
	overflow-wrap:break-word;
	word-break:break-word
}
.wp-block-column.is-vertically-aligned-top {
	align-self:flex-start
}
.wp-block-column.is-vertically-aligned-center {
	align-self:center
}
.wp-block-column.is-vertically-aligned-bottom {
	align-self:flex-end
}
.wp-block-column.is-vertically-aligned-stretch {
	align-self:stretch
}
.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top {
	width:100%
}
/* HEADER - Menu principal */
.yoku-logo {
	margin-bottom: -9px;
}
.yoku-center-nav-menu-item {
	margin-bottom: 0px;
}
.yoku-header-wrap.yoku-header-style-plain {
	border-bottom-width: 1px;
}
#yoku-page-wrapper {
	border-top: 5px solid var(--complementaire);
}
.yoku-header-style-plain {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.yoku-logo.yoku-item-pdlr {
	padding: 0;
}
.yoku-navigation .sf-menu > li.menu-item-1636 a {
	color: var(--black);
}
.yoku-mega-menu-section-content {
	font-size: var(--fontpetit);
	margin: -15px 0 10px 13px;
	font-weight: var(--light);
	letter-spacing: -0.02em;
}
.yoku-mega-menu i {
	color: var(--primaire);
}
.yoku-navigation .sf-menu > .yoku-mega-menu .sf-mega-section-inner > a {
	font-weight: var(--thin);
	font-size: var(--fontmoyen);
}
/* Général */
.bg-blanc {
	background-color: var(--white)
}
.bg-colore {
	background-color: var(--fondclair);
}
.yoku-content-area {
	padding-top: 90px;
}
.yoku-body #yoku-page-wrapper a {
	text-decoration: underline;
}
.yoku-body #yoku-page-wrapper .bouton-slide-block a {
	text-decoration: none;
}
.yoku-header-container.yoku-container {
	margin-bottom: -65px;
}
.yoku-body h1 {
	font-family: 'Fred Danse';
	font-size: 50px;
	color: var(--primaire);
	text-transform: none;
	font-weight: var(--light);
	line-height: 47px;
	margin: 42px 0 32px;
}
.yoku-body h2 {
	font-family: 'Roboto Condensed';
	font-weight: var(--medium);
	line-height: 28px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.yoku-body h3 {
	font-family: 'Roboto';
	font-weight: var(--thin);
	text-transform: none;
	line-height: 22px;
	margin: 15px 0 8px 0;
}
.yoku-body h3::before {
	content: url("/wp-content/themes/fda/images/puce-triangle-li-noir-petit.svg");
	padding-right: 7px;
}
.titre-avec-sous-titre h1 {
	margin-bottom: 8px;
}
.titre-avec-sous-titre h2 {
	margin-bottom: -30px;
}
.titre-avec-sous-titre h2:after {
	content: url("/wp-content/themes/fda/images/puce-triangle-bicolor-fond-jaune-hn.svg") "\A";
	/* Ajout du saut de ligne */
	white-space: pre;
	/* Indispensable pour que le \A soit interprété comme un saut de ligne */
	display: block;
	/* Force le pictogramme à se comporter comme un bloc sous le titre */
	margin: 10px auto 0;
	/* Marge haut 10px, auto pour centrer horizontalement, 0 en bas */
}
.evenements .titre-avec-sous-titre h2:after {
	content: url("/wp-content/themes/fda/images/puce-triangle-bicolor-hn-40.svg") "\A";
	/* Ajout du saut de ligne */
}
.accueil .accueil-section-intro-left h2::before,.contact h2::before,.profs h2:before,.yoku-body .faq h2::before {
	content: url("/wp-content/themes/fda/images/puce-triangle-bicolor-hn-40.svg");
	margin: 0 5px 0 0;
	position: relative;
	top: 7px;
}
.section-diaporama h2::before,.yoku-body .privatisation .paragraphe-normal h2::before {
	content: url("/wp-content/themes/fda/images/puce-triangle-bicolor-fond-jaune-hn.svg");
	margin: 0 5px 0 0;
	position: relative;
	top: 7px;
}
.paragraphe-normal {
	color: var(--primaire);
	font-style: normal;
	font-weight: var(--light);
	font-size: var(--fontmoyen);
	line-height: 27px;
}
.paragraphe-normal i {
	color: var(--primaire);
	margin: 0 6px 0 25px;
}
.paragraphe-maj-thin {
	font-family: 'Roboto Condensed';
	color: var(--black);
	font-weight: var(--light);
	font-size: var(--fontmoyen);
	line-height: 24px;
	text-transform: uppercase;
}
.paragraphe-maj-thin i {
	color: var(--secondairecomplement);
	font-size: var(--fontmoyen);
}
.paragraphe-grand {
	font-family: 'Roboto Condensed';
	color: var(--primaire);
	font-weight: var(--regular);
	font-size: var(--fontmoyen);
	line-height: 24px;
}
.paragraphe-grand-bold {
	font-family: 'Roboto Condensed';
	color: var(--black);
	font-style: normal;
	font-weight: var(--medium);
	font-size: var(--fontmoyen);
	line-height: 25px;
	margin: 40px 0 20px 0;
}
.paragraphe-normal li, .gdlr-core-accordion-item li {
	list-style-image: url("/wp-content/themes/fda/images/puce-triangle-li-bleu-petit.svg");
}
.paragraphe-normal.li-compact li {
	line-height: 22px;
}
/* Titre trapeze */
.encadre {
	position: relative;
	display: inline-block;
	padding: 15px 0px 8px 20px;
	background-color: var(--secondairecomplement);
	z-index: 1;
	margin-bottom: 30px;
	max-width:85%;
}
.encadre h2 {
	color: var(--white);
	margin-left:-20px;
}
/* Création des côtés inclinés */
.encadre::before,.encadre::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 40px;
	/* Largeur de la partie inclinée */
	background-color: var(--secondairecomplement);
	z-index: -1;
	/* Place le fond derrière le texte */
	transition: all 0.3s ease;
}
/* Côté gauche : inclinaison négative */
.encadre::before {
	left: -30px;
	transform: skewX(-20deg);
	transform-origin: left bottom;
}
@media (max-width: 767px) {
	.accueil-section-niveaux .encadre::before {
		left: -55px;
	}
	.accueil-section-niveaux .encadre::before,.accueil-section-niveaux .encadre::after {
		width: 60px;
		/* Largeur de la partie inclinée */
	}
}
/* Côté droit : inclinaison positive */
.encadre::after {
	right: 0;
	transform: skewX(-20deg);
	transform-origin: right bottom;
}
/* Le fond central (rectangle) pour relier les deux côtés */
.encadre h2 {
	position: relative;
	display: block;
	background-color: var(--secondairecomplement);
	padding: 0px 20px;
	/* Ajustement pour la jonction */
}
/* Pour le fond en blanc */
.encadre.fond-blanc {
	background-color: var(--white);
}
.encadre.fond-blanc h2 {
	color: var(--black);
}
.encadre.fond-blanc::before,.encadre.fond-blanc::after {
	background-color: var(--white);
}
.encadre.fond-blanc h2 {
	background-color: var(--white);
}
/* Marges */
.marge-basse {
	margin: 0 0 60px 0;
}
.marge-haute {
	padding-top: 60px;
}
.marge-basse-moyenne, .yoku-body h2.marge-basse-moyenne {
	margin: 0 0 30px 0;
}
.marge-basse-nulle {
	margin-bottom: 0px;
}
.section-marge-nulle, .yoku-content-area.section-marge-nulle {
	padding-top: 0px;
}
.gdlr-core-item-pdlr.gdlr-core-divider-item {
	padding-left: 0px;
	padding-right: 0px;
}
/* Images */
.image-rond {
	position: relative;
	display: inline-block;
}
.image-rond img {
	border-radius: 50%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	float: left;
	padding-bottom: 20px;
	margin-right: 25px;
	position: relative;
	z-index: 2;
}
/* Création du rond coloré en arrière-plan */
.image-rond::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 25px;
	width: 90%;
	height: 90%;
	background-color: var(--secondaire);
	border-radius: 50%;
	z-index: 1;
}
.image-rond-couleur img {
	border-radius: 50%;
	float: left;
	padding-bottom: 20px;
	margin-right: 25px;
}
/* Trait plein gauche */
.ligne-gauche {
	color: var(--black);
	font-size: var(--fontmoyen);
	line-height: 26px;
	margin: 0 0 40px 0;
	border-left:solid var(--primaire) 2px;
	padding-left: 15px;
}
.profs .ligne-gauche {
	color: var(--black);
	border-color: var(--complementaire);
}
/* Bas de page - bandeau */
.yoku-body .bandeau-texte-noir h3,.yoku-body .bandeau-texte-blanc h3 {
	font-weight: var(--thin);
	font-size: var(--fontmoyen);
	padding-left: 30px;
	text-transform: uppercase;
	margin: -5px 0 20px 0;
}
.bandeau-texte-blanc h3::before, .bandeau-texte-noir h3::before {
	content: url("/wp-content/themes/fda/images/puce-triangle-bicolor-pour-fond-fonce.svg");
	margin: 2px 10px -20px -30px;
	margin: 0 8px 0 0;
	position: relative;
	top: 10px;
}
.bandeau-texte-blanc p,.bandeau-texte-noir p {
	font-size: 19px;
	line-height: 26px;
}
.yoku-body .bandeau-texte-blanc a:hover,.yoku-body .bandeau-texte-noir a:hover {
	color: var(--complementaire);
}
.bandeau-texte-blanc h2, .bandeau-texte-blanc h3, .yoku-body .bandeau-texte-blanc a, .bandeau-texte-blanc p {
	color: var(--white);
}
.bandeau-texte-noir h2, .bandeau-texte-noir h3, .yoku-body .bandeau-texte-noir a, .bandeau-texte-noir p {
	color: var(--black);
}
/* Bouton */
.super-button span a {
	padding: 10px 35px;
	color: var(--primaire)
}
.super-button.cours span a {
	color: var(--secondairecomplement);
}
.super-button a svg {
	margin-top: 12px;
}
button {
	padding: 0 !important;
	margin: 0 0 20px 0;
}
.yoku-body #yoku-page-wrapper .super-button a {
	text-decoration: none;
}
.super-button span a {
	padding: 15px 0 15px 25px;
	display: block;
}
.super-button a svg {
	margin: 12px 15px 0 0;
}
.super-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	background: linear-gradient(145deg, #eff0f2, #eff0f2);
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 100px;
	color: var(--primaire);
	font-size: 19px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0.5px;
	cursor: pointer;
	overflow: hidden;
	transition: all 0.4s ease-in-out;
	backdrop-filter: blur(8px);
	z-index: 1;
}
.super-button.cours {
	background: linear-gradient(145deg, #fff, #fff);
}
.super-button::before {
	content: "";
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: conic-gradient(from 0deg, var(--primaire), var(--complementaire), var(--primaire));
	animation: rotate 4s linear infinite;
	z-index: -2;
}
.super-button.cours::before {
	background: conic-gradient(from 0deg, var(--secondairecomplement), var(--secondaire), var(--secondairecomplement));
}
.super-button::after {
	content: "";
	position: absolute;
	inset: 2px;
	background: var(--white);
	border-radius: inherit;
	z-index: -1;
}
.super-button:hover {
	transform: scale(1.05);
	box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.2);
}
.super-button:hover .arrow {
	transform: translateX(6px);
}
.arrow {
	width: 22px;
	height: 22px;
	transition: transform 0.3s ease-in-out;
	color: var(--primaire);
}
.cours .arrow {
	color: var(--black);
}
@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* Fin bouton */

/*-----COMMUN-----*/
/* Section avec slider */
.yoku-body .section-diaporama h1 {
	line-height: 30px;
	margin: 20px 0 32px;
}
@media (min-width: 768px) {
	.section-diaporama .left-diaporama{
		margin-right: 15px;
	}
	.section-diaporama .right-diaporama{
		margin-left: 15px;
	}
}

/*__________________________________ACCUEIL__________________________________*/
/* Section 1 */
@media (min-width: 768px) {
	.accueil-section-intro-right {
		padding-left: 60px;
	}
}
.yoku-body .accueil h3::before {
	content: url("");
	padding-right: 0px;
}
.chapeau {
	color: var(--primaire);
	font-weight: var(--bold);
	font-size: var(--fontmoyen);
	line-height: 26px;
	margin-bottom: 40px;
	border-left: solid var(--primaire) 2px;
	padding-left: 15px;
}
/* Section 2 - types de danse */
/* Titres */
h3.accueil-titre-style-danse .trapeze-content {
	height: 65px;
	width: 80%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0px
}
.yoku-body h3.accueil-titre-style-danse {
	margin-top: -30px;
}
.accueil-titre-style-danse {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	box-sizing: border-box;
}
.accueil-titre-style-danse .trapeze-content {
	display: inline-block;
	position: relative;
	padding: 10px 40px;
	background-color: var(--secondaire);
	color: var(--black);
	text-transform: uppercase;
	font-weight: var(--bold);
	letter-spacing: -0.02em;
	z-index: 2;
	transform: skewX(-20deg);
}
.accueil-titre-style-danse .trapeze-content span {
	display: block;
	transform: skewX(20deg);
}
.image-style-de-danse-accueil img {
	border: solid 2px var(--secondairecomplement);
	padding: 15px;
}
.image-style-de-danse-accueil {
	padding: 10px;
}
.accueil .effet-rotation .image-style-de-danse-accueil {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition: 1000ms 10ms;
	-webkit-transition: 1500ms 10ms;
	position: relative;
}
.accueil .effet-rotation .image-style-de-danse-accueil:hover {
	transform: rotate(-12deg);
	-webkit-transform: rotate(-12deg);
	transition: 100ms 100ms;
	-webkit-transition: 400ms 100ms;
	position: relative;
}
/* Quand on survole le titre H3, on applique la rotation à l'image de la même colonne */
.accueil .effet-rotation .wp-block-column:has(.accueil-titre-style-danse:hover) .image-style-de-danse-accueil {
	transform: rotate(-12deg);
	-webkit-transform: rotate(-12deg);
	transition: 100ms 100ms;
	-webkit-transition: 400ms 100ms;
}
/* Section niveaux */
.accueil-section-niveaux .image-niveau img {
	border-radius: 50%;
	margin: 20px auto 30px auto;
	display: flex;
}
.image-niveau {
	position: relative;
	display: block;
	width: 50%;
	margin: 0 auto;
}
.image-niveau::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--white);
	border-radius: 50%;
	transform: translate(10px, 10px);
	z-index: -1;
}
.accueil-section-niveaux h3,.accueil-section-niveaux .paragraphe-normal {
	text-align: center;
}
.yoku-body .accueil-section-niveaux h3 {
	font-weight: var(--bold);
	font-size: 25px;
	transform: skewX(-20deg);
	letter-spacing: 1px;
	margin: 10px auto;
}
.accueil-section-niveaux .paragraphe-normal {
	font-weight: var(--light);
	font-size: 22px;
	margin: 10px auto;
	color: var(--black);
	padding: 0 20px;
}
.yoku-body .accueil-section-niveaux .paragraphe-normal a {
	color: var(--black);
	font-weight: var(--bold);
	margin: 10px auto;
	font-size: var(--fontmoyen);
	border-left: solid var(--black) 2px;
	border-right: solid var(--black) 2px;
	padding: 0 15px;
}
.accueil-section-niveaux .gdlr-core-pbf-background {
	background-color: var(--secondaire);
}

/*__________________________________FICHE COURS__________________________________OK*/
/* Titres */
#les-cours-single h1.accueil-titre-style-danse .trapeze-content {
	font-family: "Roboto", sans-serif;
	height: 55px;
	width: 60%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
#les-cours-single .accueil-titre-style-danse {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
}
#les-cours-single .accueil-titre-style-danse .trapeze-content {
	display: inline-block;
	position: relative;
	padding: 10px 10px;
	background-color: var(--secondaire);
	color: var(--black);
	text-transform: uppercase;
	font-weight: var(--bold);
	letter-spacing: -0.02em;
	z-index: 2;
	transform: skewX(-20deg);
}
#les-cours-single .accueil-titre-style-danse .trapeze-content span {
	display: block;
	transform: skewX(20deg);
}
#les-cours-single h1 {
	transform: rotate(-10deg);
	-webkit-transform: rotate(-12deg);
	transition: 600ms 100ms;
	-webkit-transition: 600ms 100ms;
	position: relative;
	top: -20px;
	left: -5px;
}
.yoku-body #les-cours-single h1 {
	line-height: 47px;
	text-transform: uppercase;
	margin: 0;
	font-size: var(--fontmoyen);
}
.colonne-droite-cours.drts-col-12 {
	overflow: visible;
}
.sous-titre-cours {
	font-family: 'Fred Danse';
	font-size: 50px;
	margin: -4px 0 100px 0;
	color: var(--primaire);
	line-height: 45px;
	transform: rotate(-12deg);
	-webkit-transform: rotate(-12deg);
	transition: 600ms 100ms;
	-webkit-transition: 600ms 100ms;
	position: relative;
	left: 0px;
	margin-bottom: 120px;
	background-image: linear-gradient(to bottom, #fff3, #fff3), linear-gradient(to right, var(--primaire), var(--secondairecomplement));
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
}
#les-cours-single {
	background: var(--white) url("/wp-content/themes/fda/images/bg-cours-triangle-jaune-bleu.svg") no-repeat left -65px top 0px;
	background-size: 730px;
}
#drts-body .infos-pratiques-cours .gdlr-core-pbf-background{
	background: var(--secondaire) url("/wp-content/themes/fda/images/bg-cours-infos-1000.svg") no-repeat left 0px top -50px;
}
.paragraphe-maj-thin .drts-entity-field-label, .drts-display-element-entity_field_field_precision_niveau-2 .drts-entity-field-label-type-form_icon {
	font-family: 'Roboto Condensed';
	text-transform: initial;
	font-size: 27px;
	padding-bottom: 10px;
}
.paragraphe-maj-thin .drts-entity-field-value {
	padding-bottom: 15px;
}
.image-rond-cours img {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 50%;
	-webkit-transform : rotate(0deg) scale(0.98);
	-ms-transform : rotate(0deg) scale(0.98);
	transform : rotate(0deg) scale(0.98);
	-webkit-filter: saturate(0%);
	filter: saturate(0%);
}
.image-rond-cours {
	border-radius: 50%;
	background-color: var(--secondaire);
}
.image-rond-cours:hover img {
	border-radius: 50%;
	-webkit-transform : rotate(360deg) scale(1);
	-ms-transform : rotate(360deg) scale(1);
	transform : rotate(360deg) scale(1);
	-webkit-filter: saturate(100%);
	filter: saturate(100%);
}
.force-plein-ecran {
	width: 100vw !important;
	position: relative;
	left: calc(-50vw + 50%);
}
.ligne-gauche-cours {
	padding-left: 15px;
	border-left: solid var(--black) 2px;
}
.ligne-gauche-cours .drts-entity-field-value {
	color: var(--black);
	font-size: var(--fontmoyen);
	line-height: 26px;
	margin: 0 0 40px 8px;
	padding-left: 35px;
}
.fa-play:before {
	color: var(--secondairecomplement)
}
#gdlr-core-shape-divider-2 svg path {
	fill: var(--white);
}
.fond-perso-triangle {
	padding: 180px 0px 60px 0px;
}
/* Correction marge basse */
.les_cours_dir_ltg-template-default .yoku-single-article, .les_cours_dir_ltg-template-default .yoku-content-area {
	padding-bottom: 0px;
}
.les_cours_dir_ltg-template-default .drts-display--detailed, .les_cours_dir_ltg-template-default #drts-content {
	margin-bottom: 0;
}
#drts-content {
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.drts-row .colonne-gauche-cours {
		padding-left: 12%
}
	.drts-row .colonne-droite-cours {
		padding-right: 12%
}
}
@media (max-width:781px) {
	#les-cours-single h1.accueil-titre-style-danse .trapeze-content {
		height: auto;
		width: 100%;
		margin-top: 80px;
	}
	#les-cours-single {
		background: var(--white) url("/wp-content/themes/fda/images/bg-cours-triangle-jaune-bleu.svg") no-repeat left -100px top 0px;
		background-size: 550px;
	}
	.force-plein-ecran .infos-pratiques-cours .gdlr-core-js {
		padding: 0 40px;
	}
	.fond-perso-triangle {
		padding: 60px 0px 60px 0px;
	}
}

/*__________________________________PAGE PROFS__________________________________*/
.yoku-body .profs h2 {
	margin-bottom: 0px;
}
.yoku-body .profs .gdlr-core-divider-item .gdlr-core-divider-line {
	margin: 60px 0 0 0;
}
.profs .paragraphe-maj-thin {
	margin: 0 0 20px 0;
	color: var(--black);
}
.yoku-body .cours-lie h3 {
	margin-top: 30px;
}
.cours-lie {
	font-size: 15px;
	color: var(--primaire);
	font-weight: var(--regular);
	line-height: 20px;
	text-transform: uppercase;
	text-align: left;
}
.bg-haut-prof {
	background: var(--fondclair) url("/wp-content/themes/fda/images/bg-faq-ghetoblaster-ecole-danse.png") no-repeat right top !important;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
	border-radius: 15px;
}
.marge-haute.bg-haut-prof {
	padding-top: 30px;
	margin: 30px 0 90px 0;
}
.profs .gdlr-core-item-pdlr.gdlr-core-divider-item {
	margin-bottom: 0px;
}
.profs .image-rond {
	padding: 0 10px 15px 20px;
}
@media (max-width: 768px) {
	.profs .image-rond img,.profs h2,.profs .paragraphe-maj-thin{
		text-align: center;
		margin: 0 auto;
	}
	.bg-haut-prof {
		padding: 0 30px;
	}
}
@media (min-width: 768px) {
	.profs .image-rond {
		margin: 0 20px 0 0;
	}
}

/*__________________________________PAGE PLANNING TARIFS__________________________________*/
.picto-moyen {
	margin-right: 25px;
	max-width: 100px;
	margin-top: -20px;
	padding-bottom: 20px;
}
table tr td {
	padding: 8px 0px;
	font-weight: var(--thin);
	font-size: 17px;
	line-height: 20px;
}
table tr.ligne-fond-blanc {
	background-color: var(--white);
	font-weight: var(--thin);
	font-size: 17px;
	line-height: 20px;
}
table tr.ligne-fond-blanc td {
	text-align: left;
	font-size: var(--fontmoyen);
}
table tr.ligne-fond-blanc td strong:before {
	content: url("/wp-content/themes/fda/images/puce-triangle-li-jaune-petit.svg");
	padding: 0 8px 0 0
}
.faq h3 {
	font-size: var(--fontmoyen);
	font-weight: var(--bold)
}
.gdlr-core-pbf-wrapper.faq {
	background: var(--fondclair) url("/wp-content/themes/fda/images/bg-faq-ghetoblaster-ecole-danse.png") no-repeat left 5% bottom 30px;
}
@media (max-width: 767px) {
	.plannings h2,.plannings .picto-moyen {
		text-align: center;
		margin: auto;
	}
}
/*__________________________________PAGE EVENEMENTS__________________________________*/
.bloc-evenement .marge-haute {
	padding: 30px 20px 0 20px;
}
.image-evenement img {
	float: left;
}
.evenements .paragraphe-maj-thin {
	margin: 0 0 10px 0;
	color: var(--black);
}
.lieu-evenement {
	font-size: 15px;
	color: var(--grisfonce) !important;
	font-weight: var(--regular);
	line-height: 28px;
}
.yoku-body .lieu-evenement h3 {
	margin: 30px 0 0 0;
}
.bg-haut-evenement {
	background: var(--white) url("/wp-content/themes/fda/images/bg-faq-ghetoblaster-ecole-danse.png") no-repeat left 120px center !important;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
	border-radius: 15px;
	border: solid 1px var(--grisclair);
}
.evenements .ligne-gauche {
	border-left: solid var(--primaire) 2px;
}

/*__________________________________PAGE LOCATION SALLE + COMPET SHOW__________________________________*/
.yoku-body .privatisation .paragraphe-normal h2, .yoku-body .competshow .paragraphe-normal h2 {
	line-height: 28px;
	margin: 0 0 30px 0;
	padding-left: 13px;
}
.bg-privatisation {
	background: var(--secondaire) url("/wp-content/themes/fda/images/bg-boule-a-facettes.svg") no-repeat right 1% top -30px;
}
.bg-privatisation .bg-boule-facette {
	padding: 0 0 100px 0
}
.bg-couleur-secondaire {
	background-color: var(--secondaire);
}
.gdlr-core-pbf-wrapper.padding-haut-plus {
	padding: 100px 0px 0px;
}
.bg-couleur-secondaire .bg-etoiles {
	background: var(--secondaire) url("/wp-content/themes/fda/images/bg-etoiles-blanches-bordure.svg") no-repeat right 1% bottom -30px;
	padding: 0 0 100px 0
}

/*__________________________________PAGE GALERIES__________________________________*/
.galerie-polaroid .photostack {
	background-color: var(--secondaire) ;
}
.page-galeries.gdlr-core-pbf-wrapper {
	padding-bottom: 0px;
}

/*__________________________________PAGE CONTACT__________________________________*/
.bg-rond-bas-carte {
	background: var(--white) url("/wp-content/themes/fda/images/bg-bas-carte-triangle.svg") no-repeat center bottom;
}









/*__________________________________PAGE PROGRAMMATION__________________________________*/
/*.titre-liste-spectacles {
	font-size: 21px;
	font-weight: var(--regular);
	text-transform: uppercase;
	line-height: 25px;
	text-align: center;
	letter-spacing: -1px;
}
.yoku-body #yoku-page-wrapper .titre-liste-spectacles a {
	text-decoration: none
}
.colonne-titre-liste-saison .categorie-spectacle {
	text-transform: none;
	color: var(--primaire);
	font-weight: var(--regular);
	font-size: var(--fontpetit);
	margin: 3px 0;
	text-align: center;
}
.date-liste-saison {
	text-align: center;
	font-family: 'Roboto Condensed';
	background-color: var(--secondaire);
	font-size: 17px;
}
.titre-liste-spectacles {
	min-height: 55px;
}
.programmatione .image-titre-principal {
	text-align: center;
}*/
/*__________________________________PAGE EDITO__________________________________*/
/*.edito .image-titre-principal {
	margin-bottom: 20px;*/
}
/*__________________________________PAGE HISTOIRE__________________________________*/
/*h2.date {
	font-weight: var(--bold);
	text-align: right;
	padding-top: 3px;
}*/
/*__________________________________PAGE SEANCES SCOLAIRES__________________________________*/
/*.gdlr-core-accordion-style-icon .gdlr-core-accordion-item-title {
	font-family: 'Roboto Condensed';
	font-size: var(--fontmoyen);
	font-weight: var(--bold);
	margin: 0 0 13px 0;
	line-height: 26px;
}
.gdlr-core-accordion-item a {
	text-transform: uppercase;
	font-size: var(--fontmoyen);
	font-weight: var(--light);
}*/
/*__________________________________PAGE TARIFS__________________________________*/
/*.yoku-body .tarifs h3:first-of-type {
	margin: 0px 0 8px 0;
}
.yoku-body .tarifs h3 {
	margin: 40px 0 8px 0;
}*/
/*__________________________________PAGE NOMADES__________________________________*/
/*.titre-secondaire-nomades {
	padding: 60px 0 40px 0px;
}
.nomades .categorie-spectacle {
	margin-bottom: 7px;
}*/
/*__________________________________PAGE ACCESSIBILITE__________________________________*/
/*.accessibilite .logo-moyen img {
	float: left;
	margin-top: -20px;
	padding-bottom: 20px;
}*/





/*__________________________________FOOTER__________________________________ OK */
.yoku-footer-wrapper {
	border-top: solid 1px var(--grisfonce);
}
.yoku-main-menu-footer {
	float: right;
	margin-top:2px;
}
.yoku-body .yoku-main-menu-footer a.yoku-button-1 {
	border: solid 2px var(--primaire);
	background-color: var(--primaire);
	color: var(--white);
}
.yoku-body .yoku-main-menu-footer a.yoku-button-2 {
	border: solid 2px var(--primaire);
	background-color: var(--white);
	color: var(--black);
}
.yoku-main-menu-footer.yoku-style-round {
	padding: 5px 21px 5px 21px;
}
.yoku-main-menu-footer {
	font-size: 15px;
	font-weight: 500;
	margin-left: 10px;
}
.yoku-body .yoku-main-menu-footer a:hover{
	color: var(--white);
	background-color: var(--primaire);
	border-color: var(--white);
}
.footer-bottom .menu-item, .footer-top .menu-item {
	list-style-type: none;
}
.footer-bottom .menu-item a::before, .footer-top .menu-item a::before {
	content: url("/wp-content/themes/fda/images/puce-triangle-li-blanc-petit.svg");
	margin-right: 10px;
	margin-left: 0px;
	vertical-align: top;
}
.adresse-footer {
	font-size: 17px;
	line-height: 25px;
	margin-left: -150px;
}
.adresse-footer a {
	font-weight: 300;
	font-size: 18px
}
.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
	font-size: 20px;
}
.yoku-footer-wrapper .widget#block-5 {
	margin-bottom: 50px;
}
.copyright-credit {
	font-size: 13px;
}
/* Footer - effet soulignement menu */
.footer-top .menu-item {
	margin-bottom: 2px;
}
.footer-top .menu-item a {
	position: relative;
}
.footer-top .menu-item a::after, .footer-bottom .menu-item a::after {
	height: 1px;
	content: '';
	position: absolute;
	right: 100%;
	background-color: var(--white);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.footer-top .menu-item a::after {
	bottom: -1px;
	left: 23px;
}
.footer-bottom .menu-item a::after {
	bottom: -5px;
	left: 63px;
}
.footer-bottom .menu-item a:focus,.footer-bottom .menu-item a:hover, .footer-top .menu-item a:focus,.footer-top .menu-item a:hover {
	text-decoration:none;
}
.footer-top .menu-item a:focus::after,.footer-top .menu-item a:hover::after {
	right:0px;
}
.footer-bottom .menu-item a:focus::after,.footer-bottom .menu-item a:hover::after {
	right:38px;
}
/* FIN Footer - effet soulignement menu */
@media (max-width: 767px) {
	/* Footer */
	.yoku-footer-column {
		margin-bottom: 20px;
	}
	.yoku-main-menu-footer {
		float: left;
		margin: 0 0 10px 15px;
	}
	.footer-top ul {
		margin-bottom: 0px;
	}
	footer .menu li {
		margin: 4px 0 ;
	}
	.yoku-footer-wrapper .widget#block-4 {
		margin-bottom: 0px;
		margin-left: 35px;
	}
	.adresse-footer {
		margin-left: 35px;
	}
	.wp-block-social-links.alignright {
		float: left;
		margin-left: 30px;
	}
}

/*__________________________________Affichage RWD__________________________________ OK */
@media (max-width: 767px) {
	.rwd-display-none {
		display: none;
	}
}
@media (max-width: 767px) {
	.rwd-center {
		text-align: center;
	}
}
/* Affichage ordi */
@media (min-width: 768px) {
	.ordi-display-none {
		display: none;
	}
}