.dc-centrer-verticalement {
display: flex;
flex-direction: column;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
}  @media all and (max-width: 767px) { .custom_row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
} .first-on-mobile {
-webkit-order: 1;
order: 1;
}
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
} .et_mobile_menu {
margin-left: -30px;
padding: 5%;
width: calc( 100% + 60px);
}
.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
} .et_pb_contact_right p input {
max-width: 50px;
} sup, sub {
font-size: 70%;
} .arboria-bold{
font-family: arboria, sans-serif;
font-weight: 700;
font-style: normal;
}
.beloved-normal{
font-family: beloved-sans, sans-serif;
font-weight: 400;
font-style: normal;
}
.beloved-bold{
font-family: beloved-sans, sans-serif;
font-weight: 700;
font-style: normal;
}
.arboria-light-italic{
font-family: arboria, sans-serif;
font-weight: 300;
font-style: italic;
}
.arboria-light{
font-family: arboria, sans-serif;
font-weight: 300;
font-style: normal;
}
.arboria-book{
font-family: arboria, sans-serif;
font-weight: 400;
font-style: normal;
}
.arboria-book-italic{
font-family: arboria, sans-serif;
font-weight: 400;
font-style: italic;
}
.arboria-medium{
font-family: arboria, sans-serif;
font-weight: 500;
font-style: normal;
}
.beloved-sans{
font-family: beloved-sans, sans-serif;
font-weight: 400;
font-style: normal;
}
.violet{
color:#AE0060;
} #news-footer h2{
font-family: arboria, sans-serif;
font-weight: 100;
font-style: normal;
}
#news-footer h3{
font-family: arboria, sans-serif;
font-weight: 300;
font-style: normal;
}
#frise-footer {
margin-left: 38% !important;
transform: translateY(-6vw);
}
span.text-footer {
color: #666666;
}
img.insta-footer.wp-image-166.alignnone.size-full {
width: 2%;
position: relative;
top: 0.5vw;
margin-left: 15px;
transition: all .3s ease-in-out;
}
img.insta-footer.wp-image-166.alignnone.size-full:hover{
opacity: .8;
transform: translateY(-10px);
}
p.et_pb_newsletter_button_wrap{
flex-basis: 25% !important;
}
#form-newsletter .et_pb_newsletter_button.et_pb_button{
border-top-left-radius: 0px !important;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 0px !important;
}
#form-newsletter .et_pb_newsletter_fields {
justify-content: flex-start !important;
}
input#et_pb_signup_email::placeholder {
color: #C1D5D1;
} ul.et-menu.nav li a {
font-family: beloved-sans, sans-serif !important;
font-weight: 700 !important;
font-style: normal !important;
font-size: 1.5vw !important;
}
#text-accueil-sous-image h2{
font-family: beloved-sans, sans-serif !important;
font-weight: 700 !important;
font-style: normal !important;
}
#text-acc-cie p{
font-family: arboria, sans-serif;
font-weight: 400;
font-style: normal;
}
.conteneur-article {
background-size: cover;
background-repeat: no-repeat;
height: 49vw;
display: flex;
justify-content: center;
flex-direction: column;
align-items: end;
}
.conteneur-post {
background-image: url(https://www.frederic-naud-et-cie.com/wp-content/uploads/2022/12/carre-actus.png);
background-repeat: no-repeat;
width: 30vw;
height: 20vw;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px;
background-size: contain;
}
.div-actus {
background-image: url(https://www.frederic-naud-et-cie.com/wp-content/uploads/2022/12/rect-actu.svg);
background-repeat: no-repeat;
width: 30vw;
height: 3.65vw;
margin-bottom: 2px;
font-size: 1.5vw;
text-transform: uppercase;
display: flex;
align-items: center;
padding-left: 20px;
color: #FF7BAC;
}
img.points-acc {
width: 20%;
}
img.fleche-acc {
width: 12%;
align-self: end;
}
img.points-acc2 {
width: 20%;
align-self: center;
}
.conteneur-post h2 {
margin-top: 15px;
font-size: 3vw;
color: black;
}
a.lien-article{
text-align: right;
}
#row-lien-acc-bas {
display: flex;
align-items: center;
transform: translateX(4vw);
}
.txth4-resume {
width: 79%;
color: #808080;
line-height: 1.2em;
} #row-menu-formation {
display: flex;
align-items: center;
}
.et_pb_row.et_pb_row_3.row-text1-formation .et_pb_column:first-child, .row2-text-formation .et_pb_column:first-child, .row3-text-formation .et_pb_column:first-child{
width: 45%;
}
.et_pb_row.et_pb_row_3.row-text1-formation .et_pb_column:last-child, .row2-text-formation .et_pb_column:last-child, .row3-text-formation .et_pb_column:last-child{
width: 55%;
}
#row-photo-formations .et_pb_column {
margin-right: 0.5%;
}
#row-photo-formations .et_pb_column:last-child {
margin-right:0% !important;
}
#row-photo-formations .et_pb_column:nth-child(3){
width: 14%;
}
#row-photo-formations .et_pb_column:nth-child(4){
width: 33%;
}
#row-photo-formations .et_pb_column:nth-child(2){
width: 27%;
} button.et_pb_contact_submit.et_pb_button {
width: 100%;
}
.et_contact_bottom_container {
width: 97%;
margin-top: 0 !important;
}
button.et_pb_contact_submit.et_pb_button {
text-align: left;
}
body #page-container .et_pb_section .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button:before {
margin-left: -2vw !important;
}
.et_contact_bottom_container:before {
content: url(https://www.frederic-naud-et-cie.com/wp-content/uploads/2023/01/fleche-contact.svg);
width: 50px;
padding: 0.5vw 0.325vw 0 0.325vw;
background-color: #d9e5e3;
border-right: white 2px solid;
}
.spectacles-containe {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
}
section.section-spectacles {
display: flex;
flex-wrap: wrap;
width: 32.3%;
background-color: #d9e5e373;
box-shadow: 0px 12px 33px -6px rgb(0 0 0 / 30%);
}
article.article-spectacle {
display: flex;
position: relative;
}
.col1-spectacle {
width: 30%;
}
.col2-spectacle {
width: 70%;
padding: 20px;
}
.pointvert-spectacles img {
width: 20%;
}
.titre-spectacle{
font-family: beloved-sans, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 2vw !important;
line-height: 1em;
color: black;
}
.resume-spectacle{
font-family: arboria, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
text-transform: uppercase;
line-height: 1em;
}
.creation-spectacle{
font-family: arboria, sans-serif;
font-weight: 500;
font-style: normal;
color: black;
font-size: 16px;
line-height: 1em;
}
.public-spectacle, .duree-spectacle{
font-family: arboria, sans-serif;
font-weight: 400;
font-style: normal;
color: black;
font-size: 16px;
line-height: 1em;
}
.col2-spectacle {
width: 70%;
padding-left: 1vw;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
}
.pointvert-spectacles {
padding-bottom: 10px;
display: flex;
}
.btn-spectacle {
bottom: 20px;
position: absolute;
right: 20px;
transition: all .3s ease-in-out;
}
.btn-spectacle:hover{
opacity: .7;
}
.btn-spectacle img {
width: 20%;
float: right;
}
.col1-spectacle {
width: 30%;
max-height: 100%;
height: 100%;
}
.img-spectacle {
max-height: 100%;
height: 100%;
}
.img-spectacle img {
max-height: 100%;
height: 100%;
object-fit: cover;
}
.spectacles-jeunesse {
color: #7ac943;
margin-left: 10px;
}
.archives {
margin-top: 20px;
} .single li#menu-item-162 a{
color: #7AC943;
}
.div-teaser{
background-image: url(https://www.frederic-naud-et-cie.com/wp-content/uploads/2023/01/teaser3.svg);
background-repeat: no-repeat;
width: 30vw;
height: 3.65vw;
margin-bottom: 2px;
font-size: 1.5vw;
text-transform: uppercase;
display: flex;
align-items: center;
padding-left: 20px;
color: #FF7BAC;
position: relative;
top: -0.7vw;
background-size: 46%;
}
.div-teaser p {
margin-left: 4vw;
}
.rose-article{
color: #FF7BAC;
}
.conteneur-text-art p, .production p{
padding-bottom: 0;
}
#row-article2 article.article1 {
display: flex;
margin-left: 10px;
}
.conteneur-text-art {
margin-left: 10px;
margin-top: 30px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.affiche {
width: 33%;
}
.conteneur-text-art h2{
font-size: 4vw;
color: black;
}
.creation-art {
font-size: 1.5vw;
color: black;
padding-bottom: 10px !important;
}
.txt-art-prez {
color: black;
font-size: 1.1vw;
text-transform: uppercase;
}
.txt-public-duree {
color: black;
font-size: 1vw;
text-transform: uppercase;
}
.margtop{
margin-top: 10px;
}
.filet-dossier {
margin: 0 30px;
}
.propos{
color:#808080;
font-size: 1.2vw;
padding: 10px 0 10px 0;
}
.txt-propos {
color: black;
font-size: 18px;
padding-bottom: 20px;
}
.production {
line-height: 1em;
}
#row-presse h6{
font-family: arboria, sans-serif !important;
font-style: italic;
}
article.article2 {
margin: 0 30px;
}
.img-contain {
display: flex;
gap: 0.5%;
}
#galerie .col1, #galerie .col2, #galerie .col3{
width:33.33% !important
}
.img-contain .col1, .img-contain .col2, .img-contain .col3{
width: 33%;
}
#row-galerie2 .et_pb_column{
width: 32.9%;
margin-right: 0.5%;
}
#row-galerie2 .et_pb_column .et_pb_module.et_pb_image{
margin-bottom: 1.5%;
}
.prod2 {
padding: 20px;
} section.section-cal {
display: flex;
justify-content: center;
margin-bottom: 5px;
}
.contain-calendrier {
width: 60%;
display: flex;
flex-direction: row;
}
.col2-cal {
display: flex;
flex-direction: column;
margin-left: 40px;
padding: 10px;
}
.lieux-cal {
display: flex;
flex-direction: row;
font-size: 18px;
color: black;
}
.heure-cal {
display: flex;
flex-direction: row;
margin-right: 10px;
font-size: 18px;
color: black;
}
.col2-2 {
display: flex;
}
img.picto-carte {
width: 15px;
margin-right: 5px;
}
img.picto-horloge {
width: 15px;
margin-right: 5px;
}
.section-cal:nth-child(odd) {
background-color: #D9E5E3;
}
.section-cal:nth-child(even) {
background-color: #C1D5D1;
}
.col1-cal {
width: 9%;
background-color: #F7931E;
display: flex;
align-items: center;
}
.mois-cal[data-categorie="décembre"]{
display: none;
}
.mois-cal[data-categorie="décembre"]:first-child {
display: block;
}
.date-cal {
color: white;
text-transform: uppercase;
text-align: center;
font-size: 2vw;
line-height: 1em;
}
.titre-cal{
font-size: 2vw;
line-height: 1.5em;
color: black;
}
img.img-lien-art {
width: 1.5vw;
}
.titre-mois h2{
font-family: beloved-sans, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3vw;
margin-bottom: 15px;
margin-left: 26vw;
color: black;
}
.titre-cal.arboria-bold a{
transition: all .3s ease-in-out;
display: inline-block;
}
.titre-cal.arboria-bold a:hover {
transform: translateY(-10px);
opacity: .8;
} @media (max-width:1800px){
#titre-contact {
margin-top: 5.5vw!important;
}
#frise-footer {
transform: translateY(-6vw);
}
}
@media (max-width:1700px){
#titre-contact {
margin-top: 6vw!important;
}
}
@media (max-width: 1600px){
#titre-contact {
margin-top: 7vw!important;
}
#frise-footer {
transform: translateY(-6vw);
}
}
@media (max-width:1500px){
#img-frederic-formations {
width: 75%;
top: -20vw;
left: -93px;
}
body #page-container .et_pb_section .et_pb_signup_0_tb_footer.et_pb_subscribe .et_pb_newsletter_button.et_pb_button {
font-size: 22px !important;
padding-bottom: 12px!important;
min-height: 4.2vw;
}
#titre-contact {
margin-top: 7.5vw!important;
}
}
@media (max-width: 1400px){
#titre-contact {
margin-top: 8.5vw!important;
}
#frise-footer {
transform: translateY(-6vw);
}
}
@media (max-width:1350px){
body #page-container .et_pb_section .et_pb_signup_0_tb_footer.et_pb_subscribe .et_pb_newsletter_button.et_pb_button {
font-size: 20px !important;
min-height: 4.6vw;
}
.et_pb_signup_0_tb_footer.et_pb_subscribe {
margin-top: 1vw!important;
}
}
@media (max-width: 1300px){
#titre-contact {
margin-top: 10vw!important;
}
}
@media (max-width:1250px){
body #page-container .et_pb_section .et_pb_signup_0_tb_footer.et_pb_subscribe .et_pb_newsletter_button.et_pb_button {
font-size: 18px !important;
min-height: 5vw;
}
.et_pb_signup_0_tb_footer.et_pb_subscribe {
margin-top: 0vw!important;
}
}
@media (max-width: 1200px){
#titre-contact {
margin-top: 11.5vw!important;
}
}
@media (max-width:1150px){
body #page-container .et_pb_section .et_pb_signup_0_tb_footer.et_pb_subscribe .et_pb_newsletter_button.et_pb_button {
font-size: 16px !important;
min-height: 5.3vw;
}
.et_pb_signup_0_tb_footer.et_pb_subscribe {
margin-top: 0vw!important;
}   
}
@media (max-width: 1100px){
#titre-contact {
margin-top: 14.5vw!important;
}
}
@media (max-width:1050px){
body #page-container .et_pb_section .et_pb_signup_0_tb_footer.et_pb_subscribe .et_pb_newsletter_button.et_pb_button {
font-size: 14px !important;
min-height: 5.8vw;
}
}
@media (max-width: 1000px){
#titre-contact {
margin-top: 16.5vw!important;
}
}
@media (max-width:980px){
#frise-footer {
margin-left: 35% !important;
transform: translateY(-10vw);
} .et_pb_menu .et_pb_menu__menu {
display: flex;
}
.et_pb_menu .et_mobile_nav_menu {
display: none;
margin-top: -1px;
}
.conteneur-post {
width: 41vw;
height: 30vw;
}
.div-actus {
width: 41vw;
height: 4.95vw;
}
a.lien-article {
position: relative;
top: -3vw;
}
#row-lien-acc-bas {
transform: translateX(50vw);
}
.et_pb_contact_field_last_tablet {
-ms-flex-preferred-size: 48%;
flex-basis: 48% !important;
}
#form-newsletter .et_pb_newsletter_fields {
justify-content: center !important;
}
img.insta-footer.wp-image-166.alignnone.size-full {
width: 5%;
}
.page-id-14 ul.et-menu.nav li a {
font-size: 1.7vw !important;
} .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
ul.et-menu.nav li a {
font-size: 1.9vw !important;
}
.row-text1-formation .et_pb_column:first-child {
display: block;
}
#row-photo-formations .et_pb_column:nth-child(1) {
width: 24.5%;
}
#img-frederic-formations {
width: 92%;
top: -24vw;
left: -93px;
} div#row-2-cie .et_pb_column {
width: 50% !important;
}
.col1-prez-artistes{
margin-right: 2%;
}
.col2-prez-artistes{
margin-left: 2%;
}
div#row-tabMob-membres .et_pb_module .et_pb_code_inner .et_pb_row {
display: flex;
align-items: center;
}
div#row-tabMob-membres .et_pb_module .et_pb_code_inner .et_pb_row .et_pb_column{
margin-bottom: 0;
}
#row-tabMob-artistes .et_pb_module .et_pb_code_inner .et_pb_row {
display: flex;
align-items: center;
}
#row-tabMob-artistes .et_pb_module .et_pb_code_inner .et_pb_row .et_pb_column{
margin-bottom: 0;
} .diff-prod {
background-size: 130% !important;
}
#row-contact-form .et_pb_column:first-child {
width: 40% !important;
margin-right: 2%;
}
#row-contact-form .et_pb_column:last-child {
width: 58% !important;
}
#titre-contact {
margin-top: 14.5vw!important;
} .contain-calendrier {
width: 80%;
}
.date-cal {
font-size: 3vw;
}
.titre-mois h2 {
margin-left: 23vw;
} section.section-spectacles {
width: 48.5%;
}
.titre-spectacle {
line-height: 1em;
}
.resume-spectacle {
font-size: 14px;
}
img.points-acc2 {
margin-right: 6vw;
} .single-post .conteneur-article {
height: 80vw;
background-position-x: center;
}
.txth4-resume {
width: 100%;
}
img.points-acc2 {
align-self: end;
}
.conteneur-post {
padding: 0 20px 20px 20px;
}
.div-teaser {
top: -3.7vw;
height: 4.65vw;
width: 41vw;
}
#row-article2 .et_pb_column:first-child{
min-height: 90vw !important;
}
.affiche {
width: 40%;
margin-top: 20px;
}
.conteneur-text-art {
margin-top: 30px;
justify-content: start;
}
.conteneur-text-art h2 {
font-size: 5vw;;
}
.creation-art {
font-size: 2vw;
}
.txt-art-prez {
font-size: 1.7vw;
}
.txt-public-duree {
font-size: 1.5vw;
}
.propos {
font-size: 2.5vw;
}
#row-docPros .et_pb_column {
width: 33.33% !important;
}
}
@media (max-width:767px){
#frise-footer {
margin-left: 30% !important;
position: relative;
top: -5vw;
transform: translateY(-6vw);
} .et_pb_menu .et_pb_menu__menu {
display: none;
}
.et_pb_menu .et_mobile_nav_menu {
display: flex;
margin-top: -1px;
}
.conteneur-article {
height: 80vw;
background-position-x: center;
}
.conteneur-post {
width: 78vw;
height: 62vw;
}
.conteneur-post h2 {
font-size: 5vw;
}
.div-actus {
width: 78vw;
height: 9.4vw;
font-size: 3.5vw;
}
img.points-acc2 {
margin-right: 14vw;
}
a.lien-article {
position: relative;
top: -6vw;
}
#row-lien-acc-bas .et_pb_column:nth-child(3), #row-lien-acc-bas .et_pb_column:nth-child(4){
width: 30% !important;
margin-bottom: 0 !important;
}
.et_pb_contact_field_last_tablet {
-ms-flex-preferred-size: 57%;
flex-basis: 57% !important;
}
body #page-container .et_pb_section .et_pb_signup_0_tb_footer.et_pb_subscribe .et_pb_newsletter_button.et_pb_button {
font-size: 12px !important;
padding-top: 13px!important;
padding-bottom: 12px!important;
} section.section-spectacles {
width: 100%;
}
.titre-spectacle {
font-size: 4vw !important;
margin-bottom: 10px;
}
.btn-spectacle img {
width: 12%;
}
.pointvert-spectacles {
padding-bottom: 15px;
}
.col2-bloc2 {
margin-top: 3vw;
}
#section-spectacles{
background-size: 132%;
} #row-tabMob-membres .et_pb_code .et_pb_row, #row-tabMob-artistes .et_pb_code .et_pb_row{
flex-direction: column;
}
.col2-prez-artistes, .col1-prez-artistes {
margin-left: 0;
}
#row-tabMob-membres .dd-item-inner img, #row-tabMob-artistes .dd-item-inner img{
width: 50vw;
} .titre-mois h2 {
font-size: 5vw;
}
.contain-calendrier {
width: 95%;
}
.date-cal {
font-size: 5vw;
}
.col1-cal {
width: 19%;
}
.col2-cal {
margin-left: 15px;
width: 100%;
}
.titre-cal {
font-size: 4vw;
}
.heure-cal {
font-size: 12px;
align-items: center;
}
.lieux-cal {
font-size: 14px;
margin-left: 10px;
}
img.img-lien-art {
width: 4.5vw;
} #row-contact-form {
display: flex;
flex-direction: column;
}
#row-contact-form .et_pb_column:first-child {
width: 90% !important;
}
#row-contact-form .et_pb_column:last-child {
width: 100% !important;
}
.et_pb_contact_form_0.et_pb_contact_form_container {
padding-right: 5%;
padding-left: 5%;
} .img-formation-3 span,  .img-formation-3 img{
width: 100% !important;
} .div-teaser {
top: -11.7vw;
height: 8.65vw;
width: 78vw;
}
.div-teaser {
font-size: 4.5vw;
}
.div-teaser p {
margin-left: 8vw;
}
.single-post .conteneur-post {
margin-top: 9vw;
}
#row-article2 article.article1 {
flex-direction: column;
margin-right: 10px;
}
.affiche img {
object-fit: cover;
width: 100%;
}
.affiche {
order: 2;
width: 100%;
}
.conteneur-text-art h2 {
font-size: 7vw;
}
.creation-art {
font-size: 4vw;
}
.txt-art-prez {
font-size: 3vw;
}
.txt-public-duree {
font-size: 2.5vw;
}
.propos {
font-size: 4.5vw;
}
#row-galerie2 .et_pb_column {
margin-bottom: 0;
}
#row-docPros .et_pb_column {
width: 100% !important;
}
} #slider-actus .splide__slide {
list-style: none;
}
#slider-actus .conteneur-article {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} .imageLaCie {
pointer-events: none;
}
#slider-actus .splide__pagination li {
margin: 0 4px;
}
#slider-actus .splide__pagination__page {
width: 12px;
height: 12px;
background: #fff;
opacity: 0.5;
transition: opacity 0.25s ease, transform 0.25s ease;
}
#slider-actus .splide__pagination__page:hover {
opacity: 0.8;
}
#slider-actus .splide__pagination__page.is-active {
opacity: 1;
transform: scale(1.25);
}
.slide_actus .points-acc2, .slide_actus .points-acc {
width: 14% !important;
} .et_pb_section.et_pb_section_0.et_section_regular.et_pb_section--with-menu {
z-index: 9999;
}