* {box-sizing: border-box;}


html, body {margin:0; padding:0;}
body {overflow:visible; font-family:Arial, Helvetica, sans-serif;  }

#onepage {font-size:17px; font-weight:normal !important;}
#onepage.section .cs-section-inner {min-height:100vh;}
#onepage h2 {font-size:2.5em; text-align:center; margin:0 0 1em 0; text-transform: uppercase; font-family:heavitasregular;} 
#onepage h3 {font-size:2em; margin:0 0 0.3em 0; text-transform: uppercase; font-family:heavitasregular;} 
#onepage h4 {font-size:1.2em; margin:0 0 0.3em 0; text-transform: uppercase; font-family:heavitasregular;} 
#onepage h5 {font-size:0.9em; margin:0 0 0.3em 0; text-transform: uppercase; font-family:heavitasregular; letter-spacing:1px;} 
.cs-padding-top {padding-top:35px;}
.cs-padding-bottom {padding-bottom:35px;}
.cs-padding-left {padding-left:150px;}
.cs-padding-right {padding-right:150px;}


.cs-petite-fleche {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: 
    transparent /*url("https://egwineco.com/wp-content/themes/egwineco/assets/images/global/hero-arrow-small.png") */center 50%/10px auto no-repeat;
    opacity: 1;
    visibility: visible;
    transform: translate(-50%);
    z-index: 100;
    transition: opacity .3s 1.5s,visibility .3s 1.5s;
    animation: b 3s infinite;
	cursor:pointer;
}
@keyframes b {
 0% {
  background-position:center 50%
 }
 80% {
  background-position:center 50%
 }
 90% {
  background-position:center 60%
 }
 to {
  background-position:center 50%
 }
}

.button {
    padding: 8px 15px;
    padding-right: 15px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font: 600 normal 14px/1.4 Open Sans,Helvetica,Arial,sans-serif;
    letter-spacing: .12em;
    border-radius: 10px 0 0 10px;
    position: relative;
    transition: background-color 0.2s linear;
	color:#fff;
	cursor:pointer;
}
.button::after {
    content: "";
    position: absolute;
    left: 100%;
    height: 100%;
    width: 25px;
    top: 0;
    /*background-image: url(https://egwineco.com/wp-content/themes/egwineco/assets/images/global/button-arrow-line.png),url(https://egwineco.com/wp-content/themes/egwineco/assets/images/global/button-arrow-end.png);*/
    background-position: 0,calc(100% - 10px) 50%;
    background-size: 7px 10px,13px 10px;
    background-repeat: no-repeat;
    border-radius: 0 10px 10px 0;
    transition: background-color 0.2s linear, width 0.2s linear;
}
.button,
.button::after {background-color:rgba(0,0,0,0.2);}
.button:hover, 
.button:hover::after {background-color:rgba(0,0,0,0.3);}
.button:hover::after {width:30px; background-color:rgba(0,0,0,0.3);}


.jcs-menu-slide {position:absolute;width:100%; bottom:0; z-index:300; width:100%; text-align:center;}
.jcs-menu-slide a.button {border-radius:10px; background-color:rgba(255,255,255,1); margin:0 1em; }
.jcs-menu-slide a.button:hover {background-color:rgba(255,255,255,0.8);}
.jcs-menu-slide a.button::after {display:none;}


#wrapper {
    transform: none;
    transition: transform .8s cubic-bezier(.24,.72,.35,1.01);
    transition-delay: 0s;
}
#wrapper.nav-in {
    transform: translateX(-200px);
}



#s-video {position:relative; display:flex; left:0; top:0; width:100%; height:100vh;text-align: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-align: center;
align-items: center;overflow: hidden; }


#onepage {position:relative; min-height:200vh;}

#videoBG {
	position:absolute;
	min-width: 100%;
	min-height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}
.font-heavitasregular {font-family:heavitasregular !important;}
#baseline {position: relative; z-index: 1;	color:#FFF; font-size:1.65vw; text-align:center; overflow:hidden;
top:50%;transform: translateY(-50%);}
#baseline h1 {font-size:12vw; margin:0; line-height:100%; transform: translateY(-100%); transition: transform .8s cubic-bezier(.24,.72,.35,1.01); transition-delay:0s; padding-top:0.2em;}
#baseline p {margin:0; transform: translateY(100%); transition: transform .2s cubic-bezier(.24,.72,.35,1.01); transition-delay:0.8s; }
#baseline.montree h1 {transform: translateY(0);}
#baseline.montree p {transform: translateY(0);}

#speaker {position: relative; z-index: 1; margin-top:2vh; text-align:center; overflow:hidden;
transition:opacity 0.7s cubic-bezier(.24,.72,.35,1.01); cursor:pointer; top:50%;  }
#speaker svg {
	width:6vw; height:auto;
	fill: none;
	stroke:#fff;
	stroke-width: 4;
	stroke-linejoin: round;
	stroke-linecap:round;
	stroke-miterlimit: 10;
}

#speaker .muet, #speaker .sonore {opacity:0}
#speaker.vers_muet .muet {opacity:1 !important;}
#speaker.vers_sonore .sonore {opacity:1 !important;}

#speaker svg {stroke-dasharray: 6000 6000; 
	stroke-dashoffset: 6000;
	transition: stroke-dashoffset 5s ease-in-out 1s;}
#speaker.montree svg {stroke-dashoffset: 0;}

#speaker:hover {opacity:0.2;}


#s-home {height:100vh; max-height:100vh; position:relative; display:none;}
#s-home .fleche-vers-bas {
	position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    height: 33px;
    width: 126px;
    background: transparent /*url("https://egwineco.com/wp-content/themes/egwineco/assets/images/global/hero-arrow.png")*/ bottom/100% 100% no-repeat;
    cursor: pointer;
    transform-origin: center bottom;
    transition: transform .5s;
    transition-delay: 2s;
    z-index: 3;
}
#s-home .fleche-vers-bas.cachee {transform: translateX(-50%) rotateX(-90deg); transition-delay: 0s;}

#s-association {background:url(/visuels/macaiba_croisic_2.jpg) no-repeat center fixed; background-size:cover; color:#fff !important;   }
#s-association .cs-section-inner {min-height:100vh; background-color: rgba(76, 157, 20,0.85); padding:1em; }

p {margin:0; padding:0 0 0.5em 0;}

#s-groupe {background:rgba(66,40,85,1); min-height:100vh; color:#fff !important;} 
#s-groupe h2 {}  
#s-groupe .cs-contenu { width:50%; }  
#s-groupe .cs-contenu.cs-left {position:relative; float:left; width:50%; height:100vh; overflow:hidden;}  
#s-groupe .cs-contenu.cs-left #video-groupe {position:absolute;
	min-width: 100%;
	min-height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-150%,-50%);
	z-index: 1;
	height:100%;
	transition: transform .5s cubic-bezier(.24,.72,.35,1.01);
	transition-delay:0.5;
}
#s-groupe .cs-contenu.cs-left .cs-full-screen {position:absolute; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.5); z-index:20;display: table-cell; vertical-align: middle; text-align:center; transition:opacity .5s;}
#s-groupe .cs-contenu.cs-left .cs-full-screen #fs {fill:#fff; stroke-width:0; width:4em; height:4em; display:inline-block;opacity:0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer; transition:opacity .5s;}
#s-groupe .cs-contenu.cs-left .cs-full-screen:hover,
#s-groupe .cs-contenu.cs-left .cs-full-screen:hover #fs {opacity:1;}

#s-groupe .cs-visuel-contenair {position:absolute; top:0; left:0; width:50%; height:100%; overflow:hidden; }
#s-groupe .cs-visuel {width:100%; height:100%; background:transparent center no-repeat; background-size:cover; transform:translateX(-100%); display:block; opacity:0; transition:all 0.5s cubic-bezier(.24,.72,.35,1.01);background-image:url("/visuels/rejoindre-percussion-timba.jpg");}
#s-groupe.active .cs-visuel {transform:translateX(0); opacity:1;}

#s-groupe .cs-contenu.cs-right {margin-left:50%; overflow:hidden; padding:1em;} 
#s-groupe .cs-contenu.cs-right .inside {margin-left:2em;margin-right:2em; overflow:hidden; } 
#s-groupe .cs-contenu.cs-right .inside h2 {transform: translateY(-100%);transition:transform .5s cubic-bezier(.24,.72,.35,1.01); } 
#s-groupe .cs-contenu.cs-right .inside h3 {transform: translateX(-100%); transition:transform 0.5s cubic-bezier(.24,.72,.35,1.01); transition-delay: 0.5s;} 
#s-groupe .cs-contenu.cs-right .inside h4 {transform: translateX(100%); transition:transform 0.5s cubic-bezier(.24,.72,.35,1.01); transition-delay: 0.1s;} 
#s-groupe .cs-contenu.cs-right .inside h5 {opacity:0; transition:opacity 0.5s cubic-bezier(.24,.72,.35,1.01); transition-delay: 0.5s;} 
#s-groupe .cs-contenu.cs-right .inside a.button {transform: translateY(100%); transition:transform 0.5s cubic-bezier(.24,.72,.35,1.01); transition-delay: 0.2s; margin-top:2em;} 

#s-groupe.active .cs-contenu.cs-left #video-groupe {transform: translate(-50%,-50%);}
#s-groupe.active .cs-contenu.cs-right .inside h2,
#s-groupe.active .cs-contenu.cs-right .inside h3,
#s-groupe.active .cs-contenu.cs-right .inside h4,
#s-groupe.active .cs-contenu.cs-right .inside h5
 {transform: translate(0,0); opacity:1;}
#s-groupe.active .cs-contenu.cs-right .inside p {transform:translateX(0);}
#s-groupe.active .cs-contenu.cs-right .inside a.button {transform:translateY(0);}


#s-musiques .cs-visuel-contenair {position:absolute; top:0; left:70%; width:30%; height:100%; overflow:hidden; }
#s-musiques .cs-visuel {width:100%; height:100%; background:transparent center no-repeat; background-size:cover; transform:translateX(100%); display:block; opacity:0; transition:all 0.5s cubic-bezier(.24,.72,.35,1.01);background-image:url("/visuels/macaiba-percussions-agbe.jpg");}
#s-musiques.active .cs-visuel {transform:translateX(0); opacity:1;}

#s-musiques .cs-left {width:70%; }

#s-musiques {background:rgba(245,240,235,1); color:#424242 !important;} 
#s-musiques .cs-section-inner {padding:0 0;}
#s-musiques h2 {width:100%; z-index:300;} 
#s-musiques .cs-section-inner .contenu-slide.cs-maracatu  {transform:translateY(-100%); display:block; opacity:0;
 transition:all 0.5s cubic-bezier(.24,.72,.35,1.01);}
#s-musiques .cs-section-inner .contenu-slide.cs-afoxe  {transform:translateX(-100%); display:block; opacity:0;
 transition:all 0.5s cubic-bezier(.24,.72,.35,1.01);}
#s-musiques .cs-section-inner .contenu-slide.cs-coco  {transform:translateY(100%); display:block; opacity:0;
 transition:all 0.5s cubic-bezier(.24,.72,.35,1.01);}
#s-musiques.active .cs-section-inner .contenu-slide {transform:translateY(0) translateX(0); opacity:1;}
#s-musiques .cs-section-inner .contenu-slide.cs-maracatu  {transition-delay: .2s;}
#s-musiques .cs-section-inner .contenu-slide.cs-afoxe  {transition-delay: .4s;}
#s-musiques .cs-section-inner .contenu-slide.cs-coco  {transition-delay: .6s;}


#s-musiques {background:rgba(245,240,235,1); color:#424242 !important;} 
#s-musiques .cs-section-inner {padding:0 0;}
#s-musiques h2 {width:100%; z-index:300;} 
#s-musiques .cs-section-inner .contenu-slide.cs-maracatu  {transform:translateY(-100%); display:block; opacity:0;
 transition:all 0.5s cubic-bezier(.24,.72,.35,1.01);}
#s-musiques .cs-section-inner .contenu-slide.cs-afoxe  {transform:translateX(-100%); display:block; opacity:0;
 transition:all 0.5s cubic-bezier(.24,.72,.35,1.01);}
#s-musiques .cs-section-inner .contenu-slide.cs-coco  {transform:translateY(100%); display:block; opacity:0;
 transition:all 0.5s cubic-bezier(.24,.72,.35,1.01);}
#s-musiques.active .cs-section-inner .contenu-slide {transform:translateY(0) translateX(0); opacity:1;}
#s-musiques .cs-section-inner .contenu-slide.cs-maracatu  {transition-delay: .2s;}
#s-musiques .cs-section-inner .contenu-slide.cs-afoxe  {transition-delay: .4s;}
#s-musiques .cs-section-inner .contenu-slide.cs-coco  {transition-delay: .6s;}



#s-rejoindre-macaiba {background:rgba(184,37,66,1); color:#fff !important;} 
#s-rejoindre-macaiba .cs-section-inner {padding:0 0;}
#s-rejoindre-macaiba h2 {position:absolute;width:100%; z-index:300; top:0;} 


#s-rejoindre-macaiba .cs-rejoindre-div {position:relative !important; overflow:hidden; min-height:100%;}
#s-rejoindre-macaiba .cs-rejoindre-div .cs-visuel-contenair {position:absolute; top:0; left:0; width:50%; height:100%; overflow:hidden; }
#s-rejoindre-macaiba .cs-rejoindre-div .cs-visuel {width:100%; height:100vh; background:transparent center no-repeat; background-size:cover; transform:translateX(-100%); display:block; opacity:0; transition:all 0.5s cubic-bezier(.24,.72,.35,1.01);}
#s-rejoindre-macaiba .cs-rejoindre-div.cs-actif .cs-visuel {transform:translateX(0); opacity:1;}
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide {margin-left:50%; width:50%;}
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside {margin:0 2em; overflow:hidden; padding-top:2em;}
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside h4 {color:rgba(0,0,0,0.3)}
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside h3,
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside h4,
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside h5  
{overflow:hidden;}
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside h3 span,
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside h4 span,
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside h5 span  
{transform:translateY(100%); display:block; opacity:0;
 transition:all 0.5s cubic-bezier(.24,.72,.35,1.01);}
 #s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside h5 span {transform:translateY(-100%);}
#s-rejoindre-macaiba .cs-rejoindre-div.cs-danse .cs-visuel {background-image:url("/visuels/rejoindre-danse.jpg");}
#s-rejoindre-macaiba .cs-rejoindre-div.cs-percussion .cs-visuel {background-image:url("/visuels/rejoindre-percussion.jpg");}
#s-rejoindre-macaiba .cs-rejoindre-div.cs-chant .cs-visuel {background-image:url("/visuels/rejoindre-chant.jpg");}

#s-rejoindre-macaiba .cs-rejoindre-div.cs-actif .contenu-slide .inside h3 span,
#s-rejoindre-macaiba .cs-rejoindre-div.cs-actif .contenu-slide .inside h4 span,
#s-rejoindre-macaiba .cs-rejoindre-div.cs-actif .contenu-slide .inside h5 span {transform:translateY(0); opacity:1}
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside h3 span {}
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside h4 span {transition-delay: .2s;}
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside h4:nth-child(1) span {transition-delay: .4s;}
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside h4:nth-child(2) span {transition-delay: .4s;}
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside h4:nth-child(3) span {transition-delay: .6s;}
#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside h5 span {transition-delay: 1s;}

#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside a.button {transform: translateY(100%); transition:transform 0.5s cubic-bezier(.24,.72,.35,1.01); transition-delay: 1.25s; margin-top:2em;} 
#s-rejoindre-macaiba .cs-rejoindre-div.cs-actif .contenu-slide .inside a.button {transform: translateY(0);} 
#s-rejoindre-macaiba .jcs-menu-slide a.button {color:rgba(184,37,66,1)}


.header-button-wrapper {
    overflow: hidden; position:absolute;
}
.header-button {
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 0;
    position: relative;
	cursor:pointer;
}


.header-button.open {
    position: fixed;
    z-index: 1000;
    right: 20px;
    top: 20px;
    background: transparent /*url("https://egwineco.com/wp-content/themes/egwineco/assets/images/global/line-texture2.png")*/ 50%/5px auto repeat;
}
.header-nav p.cs-titre-menu {color:#e0570f;text-align:right; font-size:2em; padding-bottom:0; padding-top:5px;}
.header-nav p.cs-sous-titre-menu {color:#777;text-align:right; font-size:0.9em;}
.header-nav.open .header-button.close {
    transform: translateY(0);
    transition: transform .5s cubic-bezier(.24,.72,.35,1.01) .7s;
}
.header-button.close {
    position: relative;
    transition-delay: .8s;
    transform: translateY(100%);
    background: 
    transparent /*url("https://egwineco.com/wp-content/themes/egwineco/assets/images/global/line-texture.png")*/50%/5px auto repeat;
}
.header-button.close::after, .header-button.close::before {
    content: "";
    display: block;
    position: absolute;
    width: 35px;
    left: 50%;
    top: 23px;
    transform: translateX(-50%);
    background-color: 
    #8b8782;
    height: 3px;
    margin-left: auto;
    margin-right: auto;
    transform-origin: center center;
}
.header-button.close::before {
    transform: translateX(-50%) rotate(45deg);
}
.header-button.close::after {
    transform: translateX(-50%) rotate(-45deg);
}





.header-button.open::before {
    top: 15px;
    height: 6px;
    border-top: 3px solid #fff;
}

.header-button.open::after {

    top: 33px;
    border-bottom: 3px solid #fff;

}
.header-button.open::after, .header-button.open::before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 3px solid #fff;
    margin-left: auto;
    margin-right: auto;
}

.header-logo-wrapper {
    perspective: 300px;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 20px;
	cursor:pointer;
}
.header-logo {
    display: block;
    height: 100%;
    width: 100%;
    background-color: #e0570f;
    padding: 12px 17px 13px 14px;
}

.header-nav {
    width: 50vw;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    padding: 20px;
    background-color: #f9f9f9;
    z-index: 1000;
    transform: translateX(100%);
    transition: transform .8s cubic-bezier(.24,.72,.35,1.01);
    transition-delay: 0s;
}

.header-nav.open {transform: translateX(0);}

.header-nav ul.header-nav-items { list-style:none; padding:0; margin:10vh 0 0 0;}
.header-nav-items a {display: block;text-decoration: none;position: relative; overflow: hidden;text-decoration:none;}
.header-nav-items a span {
    position: relative;
    z-index: 2;
    display: block;
    padding: 10px 20px 10px 10px;
    transform: translateY(100%);
    transition-delay: .8s;
}
.header-nav.open .header-nav-items span {transform: translateY(0);}

.header-nav.open .header-nav-items li:nth-child(1) span {transition-delay: .1s;}
.header-nav.open .header-nav-items li:nth-child(2) span {transition-delay: .2s;}
.header-nav.open .header-nav-items li:nth-child(3) span {transition-delay: .3s;}
.header-nav.open .header-nav-items li:nth-child(4) span {transition-delay: .4s;}
.header-nav.open .header-nav-items li:nth-child(5) span {transition-delay: .5s;}
.header-nav.open .header-nav-items li:nth-child(6) span {transition-delay: .6s;}

.header-nav.open .header-nav-items li a span
 {transition: transform .5s cubic-bezier(.24,.72,.35,1.01);}


.header-nav .cs-rs a span
 {transition: transform .5s cubic-bezier(.24,.72,.35,1.01);}
.header-nav.open .cs-rs a span {transition-delay: .7s;}

.header-nav .cs-em a span
 {transform: translate(100%,0); transition: transform .5s cubic-bezier(.24,.72,.35,1.01);}
.header-nav.open .cs-em a span {transition-delay: .8s;}
 
.header-nav-items li {list-style-type:none; font-size:1.5em; letter-spacing:.01em;}
.header-nav-items a {color:#8b8782; transition:color 0.5s;}
.header-nav-items a.secondary {opacity:0.75;}
.header-nav-items a:hover,
.header-nav-items .active a
 {color:#e0570f;}
 
#s-contacter-macaiba {background-color:rgb(240,240,240);}
#s-contacter-macaiba h3 {text-align:center;}
#s-contacter-macaiba .cs-telmail {text-align:center; font-family: heavitasregular !important; color:#e0570f; padding: 1em 0 2em;}
#s-contacter-macaiba div.cs-formulaire {width:50%; margin:0 auto; position:relative;background: #fff;
padding: 1em; border-radius: 0.5em;}
#s-contacter-macaiba div.cs-formulaire label {display:none;}
#s-contacter-macaiba div.cs-form-ele input, 
#s-contacter-macaiba div.cs-form-ele textarea {padding:0.4em 0; font-size:0.9em; display:block; border:none; border-bottom:0.1em solid #fff; background:transparent; font-family: heavitasregular !important; color:#666 !important;}

#s-contacter-macaiba div.cs-form-submit {text-align:center; clear:both; padding-top:1em; }
#s-contacter-macaiba div.cs-form-submit input {background:none; border:none; font-size:1.6em; padding:0.1em 0.3em; text-transform:uppercase; background-color:#808080; color:#fff; border-radius:0.2em; cursor:pointer; font-family: heavitasregular !important;}

#s-contacter-macaiba .cs-retour {font-size:1.4em; }
#s-contacter-macaiba div.cs-form-ele input, 
#s-contacter-macaiba  div.cs-form-ele textarea {border-color:#CCC !important;}

.cs-rs {text-align:center;}
.cs-rs a {
  display: inline-block;
  margin: 1em 1em;
  padding-bottom: 1em;}
#s-contacter-macaiba  .cs-rs a svg {
  width: 3em;
  height: auto;
}
nav .cs-rs a { display: inline-block; margin: 0 1em; padding-bottom:0;}
nav .cs-rs a svg {  width: 2em;  height: auto;}

nav .cs-em {position:absolute; bottom:5px; right:0; font-size:0.8em; opacity:0.7;}

@media (min-aspect-ratio: 16/9) {
    #videoBG {
        width:100%;
        height: auto;
    }
}
@media (max-aspect-ratio: 16/9) {
    #videoBG { 
        width:auto;
        height: 100%;
    }
}
@media (max-width: 850px) {
	
	#s-groupe .cs-visuel-contenair {position:relative; width:100%; aspect-ratio:10/3;height:auto;}
	#s-groupe .cs-visuel-contenair .cs-visuel {aspect-ratio:10/3; height:auto !important;}
	#s-groupe .cs-contenu.cs-right {width:auto !important; margin:0 !important;}
	#s-groupe .cs-contenu.cs-right .inside {margin:0 !important;}
	
	#s-musiques .cs-visuel-contenair {position:relative; width:100%; aspect-ratio:10/3;height:auto; left:0;}
	#s-musiques .cs-visuel-contenair .cs-visuel {aspect-ratio:10/3; height:auto !important;}
	#s-musiques .cs-left {width:auto !important; margin:0 !important;}
}
@media (max-width: 767px) {
	
	
	.cs-padding-right {padding-right:0;}
	.cs-padding-left {padding-left:0;}
	
	#s-groupe .cs-contenu.cs-left {float:none; display:none;}
	#s-groupe .cs-contenu.cs-right {width:auto !important; margin:0 !important;}
	#s-groupe .cs-contenu.cs-right .inside {margin:0 !important;}

	
	#s-groupe .cs-visuel-contenair {position:relative; width:100%; aspect-ratio:7/3;height:auto;}
	#s-groupe .cs-visuel-contenair .cs-visuel {aspect-ratio:7/3; height:auto !important;}

	#s-musiques .cs-visuel-contenair {position:relative; width:100%; aspect-ratio:7/3;height:auto; left:0;}
	#s-musiques .cs-visuel-contenair .cs-visuel {aspect-ratio:7/3; height:auto !important;}

	#s-rejoindre-macaiba .cs-rejoindre-div .cs-visuel-contenair {position:relative; width:100%; aspect-ratio:7/3;height:auto;}
	#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide {position:relative;width:100%; margin:0;}
	#s-rejoindre-macaiba .cs-rejoindre-div .contenu-slide .inside {margin:0; padding:0 1em;}
	#s-rejoindre-macaiba .cs-rejoindre-div.cs-percussion .cs-visuel {aspect-ratio:7/3; height:auto !important;}
}
@media (max-width: 600px) {
	
	#s-contacter-macaiba div.cs-formulaire {width:70%;}
}
@media (max-width: 380px) {
	#s-rejoindre-macaiba .cs-rejoindre-div .cs-visuel-contenair {aspect-ratio:4/3; height:auto !important;}
	#s-rejoindre-macaiba .cs-rejoindre-div.cs-percussion .cs-visuel {aspect-ratio:4/3; height:auto !important;}
	
	#s-groupe .cs-visuel-contenair {aspect-ratio:4/3; height:auto !important;}
	#s-groupe .cs-visuel-contenair .cs-visuel {aspect-ratio:4/3; height:auto !important;}
	
	#s-musiques .cs-visuel-contenair {position:relative; width:100%; aspect-ratio:4/3;height:auto; left:0;}
	#s-musiques .cs-visuel-contenair .cs-visuel {aspect-ratio:4/3; height:auto !important;}
	#speaker svg {width:4em;}
	#baseline {font-size:4vw;}
	#baseline h1 {font-size:17vw;}
	
	.header-nav {width:90vw;}
	
	#s-contacter-macaiba div.cs-formulaire {width:90%;}
}
@media (max-height: 500px) {
	.cs-sous-titre-menu {display:none;}
}

body.cs-festas {background-color:#ECB3E2; color:#FFF; }
body.cs-festas a {color:#FFF; }
body.cs-festas img.aff {width:40%; margin:4%; display:inline-block;}
body.cs-festas .pp {width:40%; margin:auto; text-align:left;}
body.cs-festas .pp .right {float:right; height:2em;}
body.cs-festas a.helloasso  {display:block; width:7em; height:5em; position:fixed; top:2em; right:0; background:#fff center no-repeat url("/actu/helloasso.jpg"); background-size:contain; z-index:1; }


@media (max-width: 767px) {
body.cs-festas img {width:90% !important;}
body.cs-festas .pp {width:90% !important;}
}