@media only screen and (max-width:1024px) {
:root {
--max-width: 90%;
}
#Spectacle {
padding-bottom: 0%!important;
}
#GalerieSpectacle .slick-list {
height: auto;
}
#Offrir .maxWidth {
width: 90%;
}
#breadcrumbs {
width: 90%;
}
.NosMenus .Chef {
width: 90%;
}
.NosMenus .LesMenus {
width: 90%;
}
.Classique .EncarJaune {
width: 90%;
}
.modal-content {
width: 80%!important;
}
.NotreEquipe .LesArtistes {
width: 90%;
}
.UnArtiste .Right {
padding: 5%;
}
.SeLoger .LesLogements {
width: 90%;
}
#equipe {
width: 90%;
}
#listeTickets {
width: 90%;
}
.Nom,
.Prenom {
width: calc(50% - 7px);
}
.Classique .TexteEntier {
width: 90%;
}
#TroisEncarts {
width: 100%;
padding-left: 5%;
padding-right: 5%;
}
}
@media screen and (max-width:1000px) {
.contentTicket .title {
font-size: 4rem;
}
.cadeau {
display: none;
}
.grecaptcha-badge {
display: none!important;
}
.actu {
margin-top: 50px;
}
#Actualites h1 {
margin-top: 30px;
}
.UnArtiste {
width: 100%;
display: flex;
flex-direction: column;
}
.UnArtiste .Left {
width: 100%;
height: 300px;
}
.UnArtiste .Right {
width: 100%;
}
#baseline {
display: none;
}
.actu .img_actu {
height: 300px;
}
#site-header button { width: auto;
}
#site-header button a {
padding-left: 25px;
padding-right: 25px;
}
#Offrir .maxWidth .right {
width: 40%;
}
#Offrir .maxWidth .left {
padding-right: 25px;
}
.Classique .Header h1 {
width: 90%;
margin-left: 5%;
margin-top: 10rem;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
:root {
--font-size-titre: 1.6em!important;
--font-size-sous-titre: 28px!important;
--font-size-texte: 1.2em!important;
--font-size-citation: 1.2em!important;
--line-height-texte: 1.6em!important;
}
#baseline {
font-size: var(--font-size-sous-titre)!important;
}
#TroisEncarts {
height: 326px;
}
#TroisEncarts .Contenu {
margin: 5%!important;
font-size: 1.3em;
width: 90%;
}
#TroisEncarts .Contenu span {
font-size: 0.8em;
}
#TroisEncarts .image img {
height: 224px;
}
.enTeteContent {
width: 90%;
padding: 25px 0 0 !important;
}
.bande_annonce {
margin-top: 50px!important;
}
#contentAdd {
width: 90%;
margin-left: 5%;
}
.sous-content-add {
max-width: 100%;
}
.sous-content-add-first .left,
.sous-content-add-second .right {
width: 30%;
margin-right: 0;
}
.sous-content-add-first .right {
width: calc(70% - 40px);
padding-left: 20px;
}
.sous-content-add-first .left #flash-matrice {
top: 120px;
left: -18px;
}
.sous-content-add-second .left {
width: calc(70% - 40px);
padding-left: 20px;
}
.sous-content-add-second .right #flash-matrice {
top: 105px;
right: -14px;
}
#listeTickets ul {
justify-content: space-between;
}
#listeTickets ul li {
font-size: 0.7em;
}
.blockTicket {
margin-top: 25px;
}
p.categorie {
font-size: 1.2em;
}
p.name {
font-size: 1.2em;
line-height: 24px;
vertical-align: middle;
}
p.name::before {
width: 24px;
height: 24px;
}
p.accroche {
font-size: 1.2em;
}
.infos {
flex-direction: column-reverse;
}
.info span {
text-align: center;
}
.contentTicket .title {
font-size: 6rem;
height: 70px;
}
.imageTicket img {
height: 100%;
}
.Classique .Header h1 {
width: 90%;
margin-left: 5%;
margin-top: 3em;
line-height: 137px!important;
}
.Classique .TexteEntier {
width: 90%;
}
.Classique .TexteEntier h2 {
font-size: var(--font-size-texte);
font-weight: normal;
}
.Classique .TexteEntier p {
font-size: var(--font-size-texte);
font-weight: normal;
}
.Classique .TexteEntier h3 {
font-size: var(--font-size-sous-titre);
}
#LeSpectacle .icon p {
width: auto;
}
.UnMenu {
width: 48%;
}
.NosMenus .Chef .Droite {
margin-right: 0;
}
.NosMenus .Chef .Portrait {
width: 200px;
}
.NosMenus .Chef .Portrait img {
width: 200px;
max-width: 200px;
}
.site-footer {
font-size: var(--font-size-texte);
}
.UnArtiste {
flex-direction: column;
}
.UnArtiste .Left {
width: 100%;
margin: 0;
min-height: 374px;
}
.UnArtiste .Right {
width: 100%;
margin: 0;
}
.UnLogement {
width: 49%;
}
#videoSection { } }
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
:root {
--font-size-titre: 1.2em!important;
--font-size-sous-titre: 1em!important;
--font-size-texte: 0.8em!important;
--font-size-citation: 0.8em!important;
--line-height-texte: 1.6em!important;
}
#site-header {
z-index: 99 !important;
}
.bloc-menu {
width: 32px;
height: 32px;
}
.bloc-menu p {
font-size: 0.6em;
}
.col-header {
height: 32px;
}
.ImageMenu {
height: 42px;
}
.ImageMenu a {
height: 42px;
width: auto;
}
.ImageMenu img {
height: 100%;
width: auto;
}
#site-header button {
height: 42px;
width: 90px;
padding: 2px;
font-size: 0.4em;
margin-top: 15px;
}
.enTeteContent {
width: 90%; padding-right: 0;
}
#contentAdd {
width: 90%;
margin-left: 5%;
}
#site-header button a {
padding-left: 2px;
padding-right: 2px;
}
button::after {
font-size: 0.4em;
height: 10px!important;
width: 10px!important;
}
.header-inner {
padding: 2rem 0!important;
}
.Classique .Header img {
height: 100px;
min-height: 100px;
}
.Classique .Header {
height: 100px;
min-height: 100px;
}
.Classique .Header h1 {
margin-top: 0;
line-height: 100px!important;
}
.Classique .Header hr {
line-height: 100px;
margin-top: 70px;
}
#breadcrumbs {
font-size: var(--font-size-texte);
}
.NosMenus .Chef {
flex-direction: column;
}
.NosMenus .Chef .Droite {
margin-left: 0;
margin-right: 0;
font-size: var(--font-size-texte);
}
.NosMenus .Chef .Droite .Titre {
margin-bottom: 0;
margin-top: 25px;
}
.UnMenu {
width: 100%;
}
#TroisEncarts {
height: auto;
}
#TroisEncarts .maxWidth {
flex-direction: column;
}
#TroisEncarts .UnEncart {
width: 100%;
height: 224px;
margin-bottom: 25px;
}
#TroisEncarts .image img {
width: 100%!important;
max-width: none;
}
#Offrir {
height: 400px;
}
#Offrir .maxWidth {
flex-direction: column;
}
#Offrir .maxWidth .left {
padding-right: 0;
width: 100%;
margin-top: 50px;
}
#Offrir .maxWidth .right {
margin-top: 25px;
width: 100%;
}
#Offrir button {
width: 100%;
}
.lesPartenaires .Partenaire {
margin-left: 5px;
margin-right: 5px;
height: 30px;
}
#Partenaires {
padding: 4rem 0;
}
.site-footer {
font-size: 10px!important;
}
.site-footer ul li a {
font-size: 10px!important;
}
.site-footer a {
font-size: 10px!important;
}
#vignette .left, #vignette2 .left {
display: none;
}
#vignette .right, #vignette2 .right {
width: 100%;
max-width: 100%;
margin-bottom: 50px;
}
#baseline button {
display: none;
}
#baseline {
width: 90%; margin-top: 2px;
}
#baseline p {
width: 100%;
font-size: 16px;
height: 30px;
}
#baseline p::before {
width: 20px;
height: 20px;
}
.arrow-down {
display: none;
}
#Actualites h2,
#Spectacle h2 {
display: none;
}
#Spectacle {
padding-top: 0;
margin-top: 0;
}
.right #flash-matrice {
top: 268px;
right: 10px;
}
.description .icon img {
max-height: 40px;
}
.description .icon p {
margin-bottom: 0;
}
.description .icon {
padding: 5px;
margin-bottom: 25px;
}
nav ul li a {
font-size: var(--font-size-titre);
}
.close-menu {
margin: 25px;
}
.Classique .Header h1 {
font-size: var(--font-size-texte);
}
.sous-content-add-first .left,
.sous-content-add-second .right {
width: 100%;
margin: 0;
padding: 0;
}
.sous-content-add-first .right {
width: 100%;
}
.sous-content-add-second .left {
width: 100%;
padding-left: 20px!important;
margin-left: 40px!important;
}
.sous-content-add {
flex-direction: column;
width: 100%;
}
.sous-content-add-second {
flex-direction: column-reverse;
}
.colTicket {
flex-direction: column;
}
.infos {
flex-direction: row;
}
.infos span {
font-size: 0.7em!important;
}
.imageTicket {
display: none;
}
.leftTicket {
width: 90%;
margin-left: 10%;
}
.rightTicket {
width: 90%;
margin-left: 5%;
}
p.accroche,
p.categorie,
p.name {
font-size: 0.8em;
margin-bottom: 0;
}
p.name::before {
height: 16px;
width: 16px;
margin-right: 5px;
}
#listeTickets ul li {
font-size: 0.5em;
}
.UnLogement {
width: 100%;
}
.NosMenus .Chef .Plume {
width: 65px;
}
body.page-template #site-content,
body.page-template-default #site-content {
padding-top: 27% !important;
}
#LeSpectacle h1 {
font-size: 6rem;
}
#badge::after, #badge2::after {
width: 135px;
}
.modal {
top: inherit !important;
height: 85% !important;
}
.close {
color: #EF50A9 !important;
}
.galerieArtistes .Artistes {
width: 25%;
padding: 0 5px;
}
.galerieArtistes .Artistes .nom_artiste {
font-size: 13px;
}
.metier p {
font-size: 13px;
}
#videoSection { } }