.head{text-align:left;display:flex;flex-direction:column;align-items:center}.head h2{text-align:left}.head img{max-width:300px;padding-top:var(--p_mob_top)}.presentation{display:flex;flex-direction:column-reverse;gap:30px}.presentation #content>div a{color:var(--main);text-decoration:inherit}.presentation img{height:300px;object-fit:cover;object-position:0 20%}.presentation #btn{padding-top:var(--p_mob_top);display:grid;place-items:center}.photos{padding-bottom:0}.photos .grid{margin-top:30px}.photos .grid .interventions{text-decoration:inherit}.photos .grid .interventions img{object-fit:cover;width:100%;height:200px}.photos .grid .interventions>div{margin-top:15px}.photos .grid .interventions>div h5{font-family:Mona Sans Regular,sans-serif;color:var(--secondary);font-size:1.125rem;margin-bottom:30px;text-align:center}.savoir-faire .grid #content{padding-top:var(--p_mob_top)}.savoir-faire .grid #content .lists{padding:var(--p_mob_top) 0}.savoir-faire .grid #content .lists ul{list-style-type:none;color:var(--secondary);width:100%}.savoir-faire .grid #content .lists ul>li{position:relative;width:100%;display:flex;justify-content:space-between;padding-inline:1rem;padding-block:1rem;border-bottom:1px solid var(--secondary)}.savoir-faire .grid #content .lists ul>li svg{width:13px;height:13px;transition:.2s ease}.savoir-faire .grid #content .lists ul>li:hover{color:var(--main)}.savoir-faire .grid #content .lists ul>li:hover svg{rotate:-90deg}.savoir-faire .grid #content .lists ul>li:hover svg path{fill:var(--main)}.savoir-faire .grid #content a{margin:auto}.savoir-faire .grid #img{margin-top:30px;display:flex;flex-direction:column;gap:10px}.savoir-faire .grid #img img{max-width:250px;margin:auto}.savoir-faire .grid #img #tete{margin-right:5%}.buttons{display:flex;justify-content:space-between;gap:20px}@media screen and (min-width: 1024px){.head{display:grid;grid-template-columns:55% auto;text-align:left;gap:3rem;height:100vh;align-items:center;padding:0 var(--p_des_left);max-width:inherit}.head h1{padding-top:.5em}.head img{max-width:100vw}.presentation{display:grid;grid-template-columns:50% 50%;align-items:center;justify-content:center;place-items:center}.presentation #img{display:flex}.presentation #img img{max-width:550px;height:100%;min-height:700px;object-fit:cover;z-index:-1}.presentation #content{max-width:650px;justify-self:flex-start}.presentation #content #btn{place-items:start}.photos{padding-bottom:var(--p_des_top)}.photos div+div{margin-top:0}.photos .invert{text-align:center}.photos .grid{margin-inline:auto;margin-top:75px;display:grid;max-width:1200px;grid-template-areas:"a a a a a a a a b b b b" "a a a a a a a a b b b b" "a a a a a a a a b b b b" "c c c c d d d d b b b b" "c c c c d d d d b b b b" "c c c c d d d d b b b b" "c c c c d d d d b b b b" "c c c c e e e e e e e e" "c c c c e e e e e e e e" "c c c c e e e e e e e e" "c c c c e e e e e e e e";grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(11,100px);grid-gap:1rem}.photos .grid #upec{grid-area:a}.photos .grid #aime{grid-area:b}.photos .grid #academie{grid-area:c}.photos .grid #abbvie{grid-area:d}.photos .grid #urps{grid-area:e}.photos .grid .interventions{position:relative;border-radius:5px;overflow:hidden}.photos .grid .interventions img{width:100%;height:100%;object-fit:cover;border-radius:5px;transition:.4s ease}.photos .grid .interventions>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:2}.photos .grid .interventions>div h5{text-align:center}.photos .grid .interventions:before{content:"";position:absolute;width:100%;height:100%;background-color:#0009;border-radius:5px;z-index:1}.photos .grid .interventions:hover img{scale:1.05}.savoir-faire .grid{display:grid;grid-template-columns:1fr 1fr}.savoir-faire .grid #content{padding-top:var(--p_des_top)}.savoir-faire .grid #content .lists{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:var(--p_des_top) 0}.savoir-faire .grid #content .lists ul>li{padding-inline:1.5rem;padding-block:2rem;font-size:1.25rem}.savoir-faire .grid #content .lists ul>li svg{width:13px;height:13px;transition:.2s ease}.savoir-faire .grid #content .lists ul>li:hover{color:var(--main)}.savoir-faire .grid #content .lists ul>li:hover svg{rotate:-90deg}.savoir-faire .grid #content .lists ul>li:hover svg path{fill:var(--main)}.savoir-faire .grid #content a{margin-left:0}.savoir-faire .grid #img img{max-width:450px}.buttons{padding-top:inherit;max-width:1080px;padding-bottom:75px;justify-content:space-around}}