@charset "UTF-8";
/* CSS Document */
/*
 Theme Name:   Alexandra LTA 2026
 Description:  Twenty Twenty Child Theme
 Author:       Pierre Schilling
 Author URI:   https://www.pierreschilling.cool
 Template:     twentytwenty
*/


@charset "UTF-8";
/* CSS Document */
#wpadminbar {
    display:none!important
    }
    
    body:not(.custom-background-image).admin-bar:before {
    top: 0!important;
}

html {

   height: 100%;
}
:root{
  --orange: #D16B1C;
   --typosize: clamp(17px, 17vw / 12.8, 17px);
   --padding: 20px;
   --pad: 10px;
   --shadow:   0 0 10px #0000001f;
   --border: 1px solid hsl(0deg 0% 0% / 10%);
   --video:60vh;
}
@media screen and (max-width: 900px) {
  :root{
     --typosize: clamp(17px, 17vw / 12.8, 17px);
     --padding: 20px;
     --pad: 10px;
  }
}
html, body {
    width: 100%;
    margin: 0px;
    font-weight: 500;
    color: black;
    font-family: var(--typo);
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
     text-rendering:optimizeLegibility !important;

}

body {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position:center;


}
* {
    box-sizing: border-box;
}
*:focus {
    outline: none;
}
.grecaptcha-badge {
    display: none !important;
}

p {
    margin: 0 0 20px;
    white-space: initial;
    font-weight: 100;
    background-color:white;
}


p:last-child {
    margin: 0;
}

 b {
}



sup {
}

li:last-child {
    margin-bottom: 0!important;
}


a {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none!important;
    color: inherit;
    cursor: pointer;
    opacity: 1;
    color:inherit;
}



p a {
    color: inherit;
    border-bottom: 1px solid;
}

ul {
    margin: 0 0 20px 0;
    padding: 0;
}

li{
    margin:0;
    padding:0;
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0; 
}

h1 {

font-weight:500;
}

h1.titre-rubrique {
    font-family: var(--typoatt);
    font-size: 50px;
    text-align: center;
}
h1, h3{
   font-family: var(--garamond);
   letter-spacing:3px;
}

h2, h4 {
font-family: var(--typo);
font-weight:300;
}

h2, h3{
   font-size:clamp(15px, 17vw / 12.8, 17px);
}
h4{
  font-size:clamp(14px, 16vw / 12.8, 16px);
}
h3, h4{
   font-weight:100;
   text-transform: uppercase;
}
h5 {
    font-weight: 100;
    font-size: 0.9em;
}
h4{}
h5{}
h6{}


img{
    max-width:100%;
    height:auto;
}

img.alignright {
    float: right;
}
img.alignleft {
    float: left;
}


* {
   box-sizing: border-box;
  }
  *:focus {
     outline: none;
  }
  
  ::-webkit-scrollbar {
     width: 2px;
     height:0;
    }
  
    ::-webkit-scrollbar-track {
    }
     
    /* Handle */
    ::-webkit-scrollbar-thumb {
     background: rgba(136, 136, 136, 0.508); 
    }
    
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
     background: #555; 
    }
    
    
    .entry-content::-webkit-scrollbar{
     width:0;
    }
  
  input, textarea {
      width: 100%;
      padding: 5px;
      font-family: inherit;
      font-size: inherit;
      margin-top: 10px;
      border: 1px solid;
  }
.col img{
  animation: movemove 2s;
  }
    
  @-webkit-keyframes movemove {
    from {margin-left:30px;}
    to {margin-left: 0;}
  }
  @-webkit-keyframes movemove {
 from {margin-left:30px;}
 to {margin-left: 0;}
  }
  .cols {
      display: flex;
      gap: 20px;
  }
  .col.trio {
      max-width: 33.33%;
  }
  .col.duo {
        max-width: 50%;
    }
  
  #content{
      padding: var(--padding);
  }
  .header-content {
      padding-top: var(--padding);
      padding-right: var(--padding);
      padding-bottom: 0;
      padding-left: var(--padding);
  }

  .header-content > * {
      flex: 1;
  }
  .row, .page-header, footer {
      padding: var(--padding) var(--pad);
  }
  
  footer {
      display: flex;
      justify-content: space-between;
      letter-spacing:2px;
  }
    .page-header{  
      padding-bottom: 0;
      
    }
    
    .home header{
      opacity:0;
      visibility:hidden;
      transition:opacity  ease-in 0.3s;
    }
    
    .home header.coucou{
      opacity:1;
      visibility:visible;
    }
    
    
    header.header-general {
        display: flex
    ;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        z-index: 15;
        width: 100%;
    }
    
#page {
        width: 100%;
    }
    
    #content {
        padding: 0 calc(var(--padding) * 4) calc(var(--padding) * 4) calc(var(--padding) * 4);
        display: flex;
        flex-direction: column;
    }
    
.section {
        margin-bottom: 100px;
        position: relative;
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 100px;
    }
    article {
        margin: 0 auto;
    }
    
   mfp-content .entry-content.single-content {
       display: flex;
       flex-wrap: wrap;
       overflow: scroll;
       height: calc(100% - calc(var(--padding)));
     padding: var(--padding)
   }
 
    
    
.homepage{
    width: 100%;
    height: 100%;
    padding:var(--padding);
}
.homepage-container > * {
    background-color: white;
}
.homepage-container {
    width: 100%;
    max-width: 80%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    padding-bottom:var(--padding);
}
.homepage-text{
    padding-bottom:var(--padding);
    
  text-align:center;
}
.fleche-homepage {
    max-width: 35px;
}

.peinture {
    position: absolute;
    top: 0;
    left: 5%;
    height: 30vw;
    max-height: 50vh;
    width: auto;
}

.peinture svg {
    width: auto;
}
.logo {
    flex: 3;
    text-align: center;
}
.logo h1 {
    font-size: 14px;
    margin-top: -12px;
}
.logo-responsive{
  display:none;
}
.peinture.peinture-header {
    max-height: 110px;
}
.tab {
    width: 100%;
    overflow: hidden;
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 20px;
}
.tabcontent, .subtabcontent, .suptabcontent {
  display: none;
}
.subtabcontent{
  -webkit-animation: fadeEffect 0.5s;
  animation: fadeEffect 0.5s;
  overflow: hidden;
  width: calc-size(auto, size);
  }

  
  @-webkit-keyframes fadeEffect {
    from {width:0;}
    to {width: calc-size(auto, size);}
  }

.tablinks, .contact-links,  .bouton {

      border: 1px solid;
      border-radius: 50px;
      padding: 0 5px;
      background-color: white;
  }

  .bouton-container{
    text-align:center;
  }
.tablinks{  
  font-family: var(--typoatt); 
  font-size: 38px;
  letter-spacing: 3px;
}
.tablinks:hover {
}


.tab {
    gap: 10px;
}
#filters {
    display: flex;
    gap: 20px;
    height: 100%;
    align-items: center;
    margin-right: 20px;
    min-width: 200px;
}
.filter{
    white-space:nowrap;
}
li.filter a {
    font-size: 17px;
    background-color:white;
}

.show {
  display: block;
}

.video-container {
    width: 100%;
    height: 50vh;
    text-align: center;
    margin-bottom: 20px; 
    animation: heightEffect 2s;
}
 @-webkit-keyframes heightEffect {
    from {height:0;}
    to {height: 50vh;}
  }

video {
    width: auto !important;
    height: 100% !important;
    border-radius: 20px;

}


.entry-content {
    display: flex;
    gap: 20px;
    align-items: start;
}



img.tache, img.tache-accueil {
    max-height: 6px;
    position: absolute;
    z-index:-1;
}

.logo-contact {
    max-width: 30px;
}
.contact-links{
  font-size: 25px;
}
.bouton {
    letter-spacing: 3px;
    background-color: white;
}

  
.bouton {
font-size:20px;
}

ul.contacts {
    height: 50vh;
    justify-content: center;
}
ul.contacts, ul.contacts li  {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align:center;
}

ul.contacts li{
  gap:10px;
}
.col.col-footer {
    background-color: white;
}


@media screen and (max-width:1000px) {
  #content {
      padding: 0 calc(var(--padding) * 3) calc(var(--padding) * 3) calc(var(--padding) * 3);
  }

.cols {
  flex-direction:column;
}
.col.col-footer {
    text-align: center;
}
.col {
    width: 100%;
    max-width: 100%!important;
}
footer {
    flex-wrap: wrap;
    gap: 20px;
}

.tab {
    flex-wrap: wrap;
}
.subtabcontent {
    width: 100%;
    order: 4;
}

    ul#filters {
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}


}


@media screen and (max-width:750px) {
  #content {
    padding: 0 calc(var(--padding) * 2) calc(var(--padding) * 2) calc(var(--padding) * 2);
}

.logo-grand{
  display:none;
}
.logo-responsive{
  display:block;
}
.homepage-container {
    width: 100%;
    max-width:100%;
    padding:20px;
}
.go-under {
    width: 20px;
}
h1.titre-rubrique {
    font-size: 40px;
}
.header-content {
    padding: 5px 5px 0 5px;
}

.logo h1 {
    font-size: 12px;
    line-height: 12px;
}
    .logo svg {
    height: 50px;
    margin-bottom: 10px;
}
.peinture.peinture-header {
    max-height: 80px;
    left: 5px;
}

.entry-content {
    flex-wrap: wrap;
}
.entry-content > *{
   width:100%;
}
}

@media screen and (max-width:450px) {
  #content {
    padding: 0 var(--padding) var(--padding) var(--padding);
}
}