.contact {
clear: both; } .pagination-wrapper{
margin: 7rem 0 8rem;
display: flex;
justify-content: center;
}
@media (max-width: 767.89px) {
.pagination-wrapper{
margin: 4rem 0 5rem;
}
} .pagination-wrapper h2.screen-reader-text {
display: none;
} .pagination-wrapper .nav-links {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;  } .pagination-wrapper .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
color:#46525f; font-size: 16px;
font-weight: 500;
transition: all 0.3s ease;
} .pagination-wrapper .page-numbers.current {
position: relative;
color:#46525f;
} .pagination-wrapper .page-numbers.current::after {
content: '';
position: absolute;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
width: 14px;
height: 2px;
background-color: #f06a01; } .pagination-wrapper .page-numbers.prev {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid #46525f;
color: #f06a01; font-size: 20px;
margin-right: 10px;
} .pagination-wrapper .page-numbers.next {
width: 44px;
height: 44px;
border-radius: 50%;
background-color: #f06a01;
color: #ffffff; font-size: 20px;
margin-left: 10px;
} .pagination-wrapper .page-numbers.prev:hover {
border-color: #f06a01;
}
.pagination-wrapper .page-numbers.next:hover {
background-color: #f06a01;
} body.blog, body.category {
.titrePrincipal{
font-size: 2.75rem;
font-weight: 700;
margin:2rem 0 3rem;
overflow-wrap: break-word;
&:after{
content:"";
display: block;
margin-top: 0.75rem;
width:6rem;
height: 1px;
background: #f06a01;
}
}
} .short_actu{
position: relative;
overflow: hidden;
.image,
.image-standard{
img{
transform: scale(1);
transition: transform 0.3s ease-in-out;
}
}
.contenu{
padding:2rem 2.4rem 3rem;
display:flex;
flex-wrap:wrap;
flex-direction: column;
gap:0.75rem;
}
h2{
font-size: 1.5rem;
font-weight: 700;
margin:0;
overflow-wrap: break-word;
&:after{
content:"";
display: block;
margin-top: 0.75rem;
width:3rem;
height: 1px;
background: #f06a01;
}
}
p{
font-size:1.1rem;
}
.button:after{
content:"";
position: absolute;
z-index: 1;
inset:0;
width: 100%;
height: 100%;
}
}
.short_actu:has(a:hover){
.image,
.image-standard{
img{
transform: scale(1.2);
}
}
}
@media (max-width: 767.89px) {
[id="autres_actus"] .short_actu .image-standard, 
[id="toutes_les_actus"] .short_actu .image-standard{
width: 100%;
}
.short_actu .contenu{
padding: 1.5rem 1.7rem 2rem;
}
} [id="dernieres_actus"]{
margin:3rem 0 5rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
.short_actu .truncate-html{
display: -webkit-box;
-webkit-line-clamp: 6; -webkit-box-orient: vertical;
overflow: hidden;
} .short_actu.premier{
background-color: #46525f;
border-radius:1.5rem;
.image{
aspect-ratio: 21/9;
height: 21rem;
overflow: hidden;
img{
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
}
}
.contenu{}
.truncate-html{
display: -webkit-box;
-webkit-line-clamp: 15; -webkit-box-orient: vertical;
overflow: hidden;
}
h2,p{
color:white;
}
} .bloc_droite{
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 2rem;
.short_actu{
display:flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
.image{
aspect-ratio: 1/1;
border-radius:1.5rem;
width: 50%; overflow: hidden; 
img{
object-fit: cover;
object-position: top;
height: 100%;
width: 100%;
}
}
.contenu{
padding:1rem 1.5rem 1rem;
width: 50%;
}
}
}
}
@media (max-width: 949px) {
[id="dernieres_actus"]{
grid-template-columns: repeat(1, 1fr);
.short_actu.premier .image{
width: 100%;
}
}
}
@media (max-width: 767.89px) {
[id="dernieres_actus"]  .bloc_droite .short_actu{
.image, .contenu{
width:100%;
}
} 
} [id="autres_actus"],[id="toutes_les_actus"]{
margin:3rem 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
.short_actu{
background-color: #F2F2F2;
border-radius:1.5rem;
.image-standard{
aspect-ratio: 21/9;
height: 13rem;
overflow: hidden;
img{
object-fit: cover;
object-position: top;
height: 100%;
width: 100%;
}
}
.contenu{}
h2{}
p{}
}
}
@media (max-width: 949px) {
[id="autres_actus"],[id="toutes_les_actus"]{
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767.89px) {
[id="autres_actus"],[id="toutes_les_actus"]{
grid-template-columns: repeat(1, 1fr);
}
} body.single-post .container.global{
margin-bottom: 4rem;
}
body.single-post .titrePrincipal{
font-size: 2.75rem;
font-weight: 700;
margin:2rem 0 3rem;
overflow-wrap: break-word;
&:after{
content:"";
display: block;
margin-top: 0.75rem;
width:6rem;
height: 1px;
background: #f06a01;
}
}
body.single-post .contenu{
position:relative;
overflow: hidden;
margin: 1rem 0 3rem;
border-radius: 2rem;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
gap:3rem;
padding: 3rem;
background:#F2F2F2;
&:after{
content:"";
display: block;
position: absolute;
z-index: 0;
right:-7rem;
bottom:-6rem;
width:480px;
height: 365px;
opacity: 1;
background: transparent url(//www.esatco86.fr/wp-content/themes/esatco85/images/svg/forme2.svg) no-repeat 0 0;
background-size: cover
}
}
@media (max-width: 980px) {
body.single-post .contenu{
padding: 2.5rem;
flex-direction: column-reverse;
}
}
@media (max-width: 767.89px) {
body.single-post .contenu{
padding: 1.5rem;
flex-direction: column-reverse;
gap: 1rem;
border-radius: 1rem;
}
}
body.single-post .contenu figure{
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2rem;
overflow: hidden;
max-width: 45%;
}
@media (max-width: 980px) {
body.single-post .contenu figure{
max-width: 100%;
aspect-ratio: 21/9;
img{
object-fit: cover;
height: 100%;
object-position: center;
}
}
}
@media (max-width: 767.89px) {
body.single-post .contenu figure{
border-radius: 1rem;
}
}
body.single-post .contenu > div{
flex:1;
z-index: 1;
}
body.single-post .contenu h1{
font-size: 1.75rem;
font-weight: 700;
margin:0 0 1.5rem;
overflow-wrap: break-word;
&:after{
content:"";
display: block;
margin-top: 0.75rem;
width:3rem;
height: 1px;
background: #f06a01;
}
}
body.single-post p {
margin-top: 1.5rem;
}
body.single-post .embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
margin-bottom: 15px; 
}
body.single-post .embed-container iframe,
body.single-post .embed-container object,
body.single-post .embed-container .map,
body.single-post .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  .actuZone [id="dernieres_actus"] .short_actu .truncate-html{
display: -webkit-box;
-webkit-line-clamp: 3; -webkit-box-orient: vertical;
overflow: hidden; 
}
.actuZone [id="dernieres_actus"] .bloc_droite {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.actuZone [id="dernieres_actus"] .bloc_droite .short_actu .image{
aspect-ratio:2/1;
height: 100%;
@media (max-width: 767.98px) {
height: auto;
}
}   
.actuZone [id="dernieres_actus"] .bloc_droite a.smallHome{ 
max-width: 25ch;
@media (max-width: 991.98px) {
margin: 0 auto;
}
} body.page .rs_mobile {
display: none;
position: absolute;
top: 30px;
right: 20px; }
body.page .rs_mobile span {
display: inline-block; }
body.page .rs_mobile .fbk {
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/fbk_orange.svg);
margin-right: 10px; }
body.page .rs_mobile a:first-child:hover .fbk {
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/fbk.svg); }
body.page .rs_mobile a:last-child:hover .lkn {
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/lkn.svg); }
@media (max-width: 991px) {
body.page .rs_mobile {
display: block; } }
body.page [id='navbarPrimary'],
body.blog [id='navbarPrimary'],
body.single [id='navbarPrimary'],
body.category [id='navbarPrimary'] {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; 
padding: 1rem 0 0 1%;
gap: 1rem;
}
@media (min-width: 1045px) {
body.page [id='navbarPrimary'],
body.blog [id='navbarPrimary'],
body.single [id='navbarPrimary'],
body.category [id='navbarPrimary'] {
padding: 2rem 0 0 5%;
gap: 2rem;
}
}
body.page .menu_principale,
body.blog .menu_principale,
body.single .menu_principale,
body.category .menu_principale {
display: -webkit-box;
display: -ms-flexbox;
display: flex; 
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
width: 100%;
gap:1%;
}
@media (min-width:1045px) {
body.page .menu_principale,
body.blog .menu_principale,
body.single .menu_principale  {
gap:2.25%;
}
}
@media (min-width:992px) {
body.page .menu_principale,
body.blog .menu_principale,
body.single .menu_principale,
body.category .menu_principale  {
li.hidesktop{
display: none;
}
}
}
body.page [id='menu-menu-principal'],
body.blog [id='menu-menu-principal'],
body.single [id='menu-menu-principal'],
body.category [id='menu-menu-principal'] {
gap:1rem;
}
@media (min-width:1045px) {
body.page [id='menu-menu-principal'],
body.blog [id='menu-menu-principal'],
body.single [id='menu-menu-principal'],
body.category [id='menu-menu-principal'] {
gap:1.15rem;
}
}
@media (min-width:1345px) {
body.page [id='menu-menu-principal'],
body.blog [id='menu-menu-principal'],
body.single [id='menu-menu-principal'],
body.category [id='menu-menu-principal'] {
gap:2rem;
}
}
body.page [id='navbarPrimary'],
body.blog [id='navbarPrimary'],
body.single [id='navbarPrimary'],
body.category [id='navbarPrimary'] {
.navbar-nav{
gap:1.5rem;
}
}
@media (max-width: 991px) {
body.page .menu_principale [id='bs-navbar-collapse'],
body.blog .menu_principale [id='bs-navbar-collapse'],
body.single .menu_principale [id='bs-navbar-collapse'],
body.category .menu_principale [id='bs-navbar-collapse'] {
width: 100%; } 
body.page .menu_principale a.contact,
body.blog .menu_principale a.contact,
body.single .menu_principale a.contact,
body.category .menu_principale a.contact{
display: none;
}
body.page [id='navbarPrimary'] .blocBouton,
body.blog [id='navbarPrimary'] .blocBouton,
body.single [id='navbarPrimary'] .blocBouton,
body.category [id='navbarPrimary'] .blocBouton{
display: none;
}
}
body.page .menu_principale .rs {
background: unset;
padding-top: 1.3rem;
padding-bottom: unset;
margin-top: 13px; }
@media (max-width: 991px) {
body.page .menu_principale .rs {
display: none; } }
body.page .menu_principale .rs .fbk {
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/fbk_orange.svg);
margin-right: 10px; }
body.page .menu_principale .rs a:first-child:hover .fbk {
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/fbk.svg); }
body.page .menu_principale .rs a:last-child:hover .lkn {
background-image: url(//www.esatco86.fr/wp-content/themes/esatco85/images/lkn.svg); }
body.page header #menu-primary .menu-tel {
width: unset;
padding: 0.5rem 0.7rem; }
body.page .header .sub-header {
padding-bottom: 3rem; }
body.page .header .sub-header .buttons {
margin-top: unset; }
body.page .bouton_important {
text-align: center; }
body.page .bouton_important .fleche {
display: inline-block;
vertical-align: middle;
-webkit-transform: rotate(0) translateX(0);
-ms-transform: rotate(0) translateX(0);
transform: rotate(0) translateX(0);
width: 45px;
height: 32px;
margin-right: 10px; }
body.page .bouton_important a {
border-color: #f06a01 !important; }
body.page .rs {
background: #e5e5e5; }