#page {padding-top: calc(var(--marginL) + var(--marginL));}
#page .h2 {margin-bottom: var(--marginS);}
#page.actuPage .h2 {text-align: center; margin-bottom: var(--marginL);}

/* à propos */
#page.pageAbout > .ct:first-child {display: flex;}
#page.pageAbout > .ct {z-index: 1;}
#page.pageAbout > .ct:not(:first-child) {margin-top: var(--marginM);}
#page.pageAbout > .ct:not(:first-child) .h2 {margin-top: var(--marginM);}
#page.pageAbout .filli {position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 70%; z-index: 0;}
#page.pageAbout .ct .img,
#page.pageAbout .ct .img + div {width: 50%;}
#page.pageAbout .ct .img > picture {height: 100%;}
#page.pageAbout .ct .img + div {margin-left: var(--marginL);}
#page.pageAbout .ct .img img:not(.certi) {height: 100%; width: 100%; object-fit: cover;}
#page.pageAbout .certi {height: 140px; width: 140px;position: absolute; bottom: -50px; right: -50px;}


/* prestations */
#page.pagePresta .presta-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
#page.pagePresta .presta-list > * {width: calc(50% - var(--marginS)); margin-bottom: var(--marginM);padding: var(--marginM);}
#page.pagePresta .actu-item .intro {color: var(--primary); font-weight: 600;}
#page.pagePresta .actu-item a {font-size: 150px; z-index: -1;}
#page.pagePresta > .ct:first-child .h2 {text-align: center; margin-bottom: var(--marginL);}
#page.pagePresta > .ct + .ct {margin-top: var(--marginL);}
#page.pagePresta > .ct:first-child > div {z-index: 1;}
#page.pagePresta .alternate-list li:nth-child(odd) {font-weight: 500;}
#page.pagePresta > .ct li:not(:last-child) {margin-bottom: 10px;}
#page.pagePresta .filli {position: absolute; right:0; bottom: -.5%; width: 70%; z-index: 0;}
#page.pagePresta .flex > * {width: 50%;}
#page.pagePresta .flex > * + * {margin-left: var(--marginL); width: 50%;}
#page.pagePresta picture img {height: 100%; width: 100%; object-fit: cover;}
#page.pagePresta .flex {display: flex;}
#page.pagePresta .form {margin-top: var(--marginM);}
.quote {font-weight: 500; font-style: italic; text-align: center;}
.quote + * {margin-top: var(--marginM);}
.bt {display: flex; justify-content: flex-end;margin-top: var(--marginS);}


/* rdv */
#rdv span {color: var(--primary); font-weight: 600;}
#rdv .bn {width: auto; margin-top: var(--marginS);}
#rdv .bn i {margin-left: 10px;}


/* articles */
.l-act {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
.l-act > * {width: calc(50% - var(--marginS)); margin-bottom: var(--marginM);}
#page.actu-show .intro + picture {aspect-ratio: 16/9; margin-top: var(--marginM);}
#page.actu-show .intro + picture img {height: 100%; width: 100%; object-fit: cover;}
#page.actu-show picture + .dte {margin-top: var(--marginM);}
.plus-art {margin-bottom: var(--marginM)}
.plus-art ul {display: flex; flex-wrap: wrap;}
.plus-art ul li:not(:last-child) {margin-right: var(--marginS);}
.plus-art ul li .txt {margin-top: 10px; max-width: 180px; line-height: 1.3; font-size: 90%;}
.plus-art ul li strong {margin-bottom: 5px; display: block;}
.plus-art + hr {height: 1px; width: 100%; background: var(--secondary); margin-top: var(--marginM);}

#share ul {color: var(--textColorLight); font-size: 15px; display: flex;}
#share li {cursor: pointer; height: 50px; width: 50px; transition: .5s var(--bezier); display: flex; justify-content: center; align-items: center;}
#share .cts {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}

/* media */
@media screen and (max-width:1250px){
    #page.pageAbout > .ct:first-child {flex-direction: column-reverse;}
    #page.pageAbout > .ct:first-child .img {width: 100%;}
    #page.pageAbout > .ct:first-child .img + div {width: 100%; margin-left: 0; margin-bottom: var(--marginM);}
    #page.pagePresta .flex > * + * {margin-left: var(--marginM);}
    #page.pagePresta > .ct + .ct {margin-top: var(--marginM);}
}
@media screen and (max-width:950px){
    #page.page-contact .left{width: 60%;}
    #page.page-contact .right {width: 40%;}
    #page.pagePresta .presta-list > * {width: 100%; margin-bottom: var(--marginS);}
    #page.pageAbout .certi {height: 100px;width: 100px;position: absolute;bottom: 30px;left: 30px;}
    #page.pagePresta .flex {flex-direction: column;}
    #page.pagePresta .flex > * {width: 100%;}
    #page.pagePresta .flex > * + * {margin-left: 0; margin-top: var(--marginM); width: 100%;}
}
@media screen and (max-width:800px){
    #page.pagePresta .h2 {margin-bottom: var(--marginM);}
    #page.pagePresta > .ct:first-child .h2 {margin-bottom: var(--marginM);}
    #page.pagePresta .form {width: 100%; min-width:auto;}
    #page.pagePresta .h2 {margin-bottom: var(--marginS);}
}
@media screen and (max-width:500px){
    #page {padding-top:var(--marginL);}
    #page.pageAbout .certi {height: 70px; width: 70px; position: absolute; bottom: 20px; left: 20px;}
}