@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap");   :root {
--color-primary: #1d49c6;
--color-primary-header: #004384;
--color-primary-white: #fafafa;
}   #tarteaucitronRoot #tarteaucitronAlertBig {
background: #02376b !important;
}
.tarteaucitronCTAButton.tarteaucitronAllow {
padding: 12px 40px;
background: var(--color-primary) !important;
border-radius: 32px;
color: #fff !important;
font-weight: 600;
}
#tarteaucitronRoot .tarteaucitronDeny {
padding: 12px 40px;
border-radius: 32px;
font-weight: 600;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog {
padding: 12px 40px;
border-radius: 32px;
}
#tarteaucitronRoot .tarteaucitronCheck::before {
color: #fff !important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog {
font-weight: 600 !important;
}   body {
font-family: "Source Sans Pro";
color: #212529;
overflow-x: hidden;
} *:focus:not(:focus-visible) {
outline: none;
}
* {
font-family: "Source Sans Pro";
}
a {
transition: 0.3s;
color: var(--color-primary);
text-decoration: none;
}
a:hover {
text-decoration: none;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}
.main-content {
padding: 60px 0;
}
.home .main-content {
padding: 0;
}
.home.main-content {
padding-bottom: 100px;
}
.is-style-btn1 a,
.load-more-btn {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 40px;
background: var(--color-primary);
border-radius: 32px;
color: #fff;
font-size: 16px;
font-weight: 600;
}
.load-more-btn {
display: inline-flex;
}
.load-more-btn img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
body.loading .load-more-btn {
color: transparent;
background: var(--color-primary) !important;
}
body.loading .load-more-btn img {
opacity: 1;
visibility: visible;
}
.is-style-btn1:hover a,
.load-more-btn:hover {
background: #fff;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 32px;
color: var(--color-primary);
font-size: 16px;
font-weight: 600;
text-shadow: none;
}
.is-style-btn1 a:active {
background: var(--color-primary);
color: rgba(255, 255, 255, 0.8);
font-size: 16px;
font-weight: 600;
box-shadow: none;
}
.is-style-btn2 a {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 40px;
background: #ffffff;
border-radius: 32px;
font-weight: 600;
font-size: 16px;
color: var(--color-primary);
}
.is-style-btn2 a:hover {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
background: #ffffff;
border-radius: 32px;
font-weight: 600;
font-size: 16px;
color: var(--color-primary);
text-shadow: none;
}
.is-style-btn2 a:active {
background: #ffffff;
border-radius: 32px;
font-weight: 600;
font-size: 16px;
color: rgba(29, 73, 198, 0.75);
}
.is-type-video .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.2%;
height: 0;
overflow: hidden;
}
.is-type-video .wp-block-embed__wrapper iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.wp-block-image.is-style-width-100 img {
width: 100%;
height: auto;
}
.wp-block-image.is-style-width-50 img {
width: 50%;
height: auto;
}
h1 {
font-size: 48px;
line-height: 58px;
font-weight: 600;
}
h2 {
font-size: 32px;
line-height: 48px;
font-weight: 600;
}
.home h2 {
font-size: 48px;
line-height: 58px;
font-weight: 400;
}
h3 {
font-size: 24px;
line-height: 28px;
font-weight: 300;
}
h4 {
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
.text-center {
text-align: center;
}   @media (min-width: 576px) {
.container,
.container-sm,
.alignfull > *:not(.wp-block-cover__background) {
max-width: 540px;
}
}
@media (min-width: 992px) {
.container,
.container-lg,
.container-md,
.container-sm,
.alignfull > *:not(.wp-block-cover__background) {
max-width: 960px;
}
}
@media (min-width: 768px) {
.container,
.container-md,
.container-sm,
.alignfull > *:not(.wp-block-cover__background) {
max-width: 1000px;
}
}
@media (min-width: 1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.alignfull > *:not(.wp-block-cover__background) {
max-width: 1134px;
}
}
@media (min-width: 1500px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.alignfull > *:not(.wp-block-cover__background) {
max-width: 1500px;
}
}
.alignfull > *:not(.wp-block-cover__background) {
width: calc(100% - 30px);
padding-right: 15px;
padding-left: 15px;
margin-left: auto;
margin-right: auto;
}
.alignfull {
position: relative;
width: 100vw;
left: calc(0px - ((100vw - 100%) / 2));
}   #website-menu {
color: #fff;
padding: 28px 64px;
background: var(--color-primary-header);
}
.burger-button {
display: none;
}
.menu-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo-area img {
width: 275px;
height: auto;
}
.menus-area {
display: flex;
align-items: center;
}
.search-content {
position: relative;
z-index: 10;
cursor: pointer;
}
.search-content .search-area {
position: absolute;
display: none;
transition: all 0.3s ease;
right: -100%;
opacity: 0;
top: 50%;
transform: translateY(-50%);
}
.search-content .search-area .main-search {
display: flex;
}
.search-content .search-area .main-search {
box-shadow: 0 19px 60px rgb(0 0 0 / 10%), 0 15px 60px rgb(0 0 0 / 10%);
}
.search-content .search-area .main-search input[type="text"] {
border: none;
padding: 15px 20px;
line-height: 1;
}
.search-content .search-area .main-search .search-send {
border: none;
background: #fff;
padding: 0 15px 0 0;
}
.search-content .search-area.active {
display: block;
}
.search-content .search-area.show {
opacity: 1;
right: -15px;
}
.search-content .fa-times {
display: none;
}
.search-send {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.main-menu-inner {
padding: 0px;
margin-bottom: 0px;
}
.main-menu-inner ul {
padding: 0;
margin: 0;
}
.main-menu-inner li {
list-style-type: none;
display: inline-block;
margin-right: 30px;
position: relative;
}
.main-menu-inner li a {
color: #fff;
font-size: 16px;
font-weight: 600;
transition: all 0.3s ease;
}
.main-menu-inner li a:hover,
.main-menu-inner li.current_page_item > a,
.main-menu-inner li.current_page_ancestor > a {
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
text-decoration: none;
}
.main-menu-inner li .sub-menu {
position: absolute;
top: calc(100% + 10px);
background-color: rgba(0, 67, 132, 0.98);
left: 0;
z-index: 1;
padding: 20px;
min-width: 300px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
transform: translateY(20px);
box-shadow: 0 2px 8px 0 rgb(0 0 0 / 6%);
}
.main-menu-inner li.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.main-menu-inner li .sub-menu li {
margin-bottom: 10px;
}
.main-menu-inner li .sub-menu li:last-child {
margin-bottom: 0px;
}
.main-menu-inner li .sub-menu li a{
color: #fff;
}   .search-item {
color: #34424c;
padding: 30px;
background-color: #ffffff;
border-radius: 2px;
transition: 0.3s;
position: relative;
display: flex;
flex-direction: column;
height: calc(100% - 30px);
margin-bottom: 30px;
}
.search-item .top-content {
position: relative;
display: flex;
align-items: flex-start;
}
.search-item:hover .search-item-type {
background-color: var(--color-primary);
color: #fff;
}
.search-item:hover {
color: #34424c;
}
.search-item .img-content {
width: 150px;
min-width: 150px;
margin-right: 10px;
}
.search-item .img-content img {
width: 100%;
height: auto;
}
.search-item .text-content {
padding-top: 10px;
}
.search-item p {
margin-top: 5px !important;
}
.search-item .search-item-type { padding: 5px 10px;
background-color: rgba(214, 218, 220, 0.7);
font-size: 13px;
color: rgb(52, 66, 76) !important;
transition: color 0.25s ease, background-color 0.25s ease;
display: inline-block;
}
.search-item .search-term {
color: #21b894;
font-weight: 800;
transition: 0.3s;
}
.search-item .text-content {
padding-top: 30px;
}
.search-item:hover {
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
border-radius: 4px;
text-decoration: none;
text-shadow: none;
}
.search-item:hover .search-term {
color: #fff;
}
.nav-links {
display: flex;
justify-content: center;
gap: 10px;
}   .slider {
margin-bottom: 50px;
}
.slider .slide {
position: relative;
height: 600px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.slider .slide a {
display: block;
color: #212529;
text-decoration: none;
width: 100%;
height: 100%;
}
.slider .slide .slick-caption {
position: absolute;
left: 0;
bottom: 50px;
right: 0;
margin: auto;
}
.slider .slide .slick-caption .slick-caption-inner {
padding: 20px;
}
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 1;
}
.slick-prev:before,
.slick-next:before {
font-weight: 400;
font-family: "Font Awesome 5 Pro";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-size: 30px;
line-height: 1;
opacity: 0.75;
color: white;
}
.slick-prev {
left: 30px;
}
.slick-prev:before {
content: "\f104";
}
.slick-next {
right: 30px;
}
.slick-next:before {
content: "\f105";
}
.slider-outer.slick {
opacity: 0;
transition: 0.3s;
}
.slider-outer.slick.slick-loaded {
opacity: 1;
}
.slider.police {
margin-bottom: 0;
background-color: #ededf4;
display: flex;
}
.slider.police .slide {
position: relative;
top: 0;
height: auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
text-align: center;
}
.police .slick-caption-inner p {
font-weight: 600;
font-size: 14px;
line-height: 18px;
color: var(--color-primary);
margin-bottom: 8px;
}
.slider.img-police h1 {
color: #fff;
font-weight: 400;
}
.slider.img-police .slide .slick-caption {
position: absolute;
left: 0;
bottom: 150px;
right: 0;
margin: auto;
}
.slider.police {
padding-top: 22px;
}
.slider.police .slide .slick-caption .slick-caption-inner {
padding: 0 20px;
}
.slider.police .slide .slick-caption {
position: initial;
}
.slider-nav {
justify-content: center;
background: #ededf4;
align-items: center;
padding-bottom: 10px;
display: none;
}
.slider.police + .slider-nav {
display: flex;
}
.dots-container {
display: flex;
}
.dots-container .slick-dots {
padding: 0;
margin: 0 12px;
list-style: none;
display: flex;
line-height: 0;
}
.dots-container .slick-dots li {
line-height: 0;
display: flex;
}
.dots-container .slick-dots li button {
width: 3.4vw;
font-size: 0;
padding: 0;
height: 2px;
border: none;
background-color: #d9d9d9;
transition: 0.3s;
}
.dots-container .slick-dots li.slick-active button {
background-color: var(--color-primary);
}
.slider-nav .left-arrow,
.slider-nav .right-arrow {
font-size: 14px;
color: var(--color-primary);
border: none;
padding: 0;
background-color: transparent;
line-height: 0;
}   .in-img-police {
width: 100%;
display: flex;
align-items: flex-end;
}
.in-img-police a {
color: var(--color-primary-white);
display: flex;
justify-content: space-between;
align-items: center;
}
.in-img-police a p {
width: 50%;
}
.link-border {
border-bottom: 2px solid var(--color-primary-white);
}
.in-img-police a::after {
content: "\f105";
font-family: "Font Awesome 5 Pro";
display: block;
font-weight: 400;
font-size: 25px;
line-height: 10px;
color: var(--color-primary-white);
padding: 10px;
border: 1px solid var(--color-primary-white);
border-radius: 60px;
transition: all 0.3s ease;
}
.in-img-police a:hover::after {
content: "\f105";
font-family: "Font Awesome 5 Pro";
display: block;
font-weight: 400;
font-size: 25px;
line-height: 10px;
color: #000;
padding: 10px;
background-color: var(--color-primary-white);
border-radius: 60px;
}
.home .home-img-links {
position: relative;
display: flex;
flex-wrap: wrap;
align-content: center;
height: 460px;
color: #fff;
}
.home .home-img-links img {
position: absolute;
height: 420px;
object-fit: cover;
background: rgba(242, 244, 249, 0.98);
width: 100vw;
z-index: -1;
top: 0;
left: calc(0px - ((100vw - 100%) / 2));
}
.home .home-img-links h1 {
font-weight: 400;
}
.home-img-links {
position: relative;
display: flex;
flex-wrap: wrap;
align-content: center;
height: 320px;
color: #fff;
}
.home-img-links img {
position: absolute;
height: 400px;
object-fit: cover;
background: rgba(242, 244, 249, 0.98);
width: 100vw;
z-index: -1;
top: -60px;
left: calc(0px - ((100vw - 100%) / 2));
}
.home-img-links.is-mobile {
display: none;
}   .gallery {
margin-bottom: 50px;
}
.lightgallery {
margin: 0 -5px;
}
.grid-item {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}
.lightgallery .gallery-item {
position: relative;
display: block;
}
.grid-item img {
width: 100%;
height: auto;
}
.lightgallery .gallery-item .gallery-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: 0.6s;
background: #46b2a8;
}
.lightgallery .gallery-item:after {
content: "\f002";
font-family: "Font Awesome 5 Pro";
font-weight: 400;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-size: 38px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
opacity: 0;
visibility: hidden;
transition: 0.6s;
}
.lightgallery .gallery-item:hover .gallery-overlay {
opacity: 0.55;
visibility: visible;
}
.lightgallery .gallery-item:hover:after {
opacity: 1;
visibility: visible;
}   .accordions {
margin-bottom: 50px;
}
.accordion-item {
background: var(--color-primary);
transition: all 0.3s ease;
margin-bottom: 5px;
}
.accordion-item .accordion-header h1,
.accordion-item .accordion-header h2,
.accordion-item .accordion-header h3,
.accordion-item .accordion-header h4,
.accordion-item .accordion-header h5 {
font-size: 20px;
font-weight: 500;
color: #ffffff;
margin: 0px;
padding: 0px;
text-align: left;
}
.accordion-item .accordion-header {
padding: 37px 94px 37px 37px;
display: block;
position: relative;
transition: 0.3s;
transition-delay: 0.35s;
cursor: pointer;
}
.accordion-item .accordion-header:after {
content: "";
position: absolute;
top: 50%;
right: 35px;
width: 22px;
height: 2px;
background: #ffffff;
transform: translateY(-50%);
transition: 0.3s;
}
.accordion-item .accordion-header:before {
content: "";
position: absolute;
top: 50%;
right: 45px;
width: 2px;
height: 22px;
background: #ffffff;
transform: translateY(-50%);
transition: 0.3s;
}
.accordion-item .accordion-header.active:before {
transform: translateY(-50%);
height: 0px;
}
.accordion-item .accordion-content {
padding: 10px 37px 25px 37px;
display: none;
}
.accordion-item .accordion-content p:last-child {
margin-bottom: 0px !important;
}
.accordion-item.active,
.accordion-item:hover {
background: var(--color-primary);
}
.accordion-item.active .accordion-header h1,
.accordion-item.active .accordion-header h2,
.accordion-item.active .accordion-header h3,
.accordion-item.active .accordion-header h4,
.accordion-item.active .accordion-header h5,
.accordion-item:hover .accordion-header h1,
.accordion-item:hover .accordion-header h2,
.accordion-item:hover .accordion-header h3,
.accordion-item:hover .accordion-header h4,
.accordion-item:hover .accordion-header h5,
.accordion-item.active .accordion-content p,
.accordion-item.active .accordion-content,
.accordion-item:hover .accordion-content p,
.accordion-item:hover .accordion-content {
color: #fff;
}
.accordion-item.active .accordion-header:after,
.accordion-item:hover .accordion-header:after {
background: #fff;
}
.accordion-item.active .accordion-header:before,
.accordion-item:hover .accordion-header:before {
background: #fff;
}   .tabs {
margin-bottom: 50px;
}
.tabs-nav ul {
padding: 0px;
}
.tabs-nav ul li {
display: inline-block;
list-style-type: none;
padding: 6px 12px 4px 12px;
margin-right: 15px;
background: #eee;
transition: all 0.3s ease;
border-radius: 5px;
letter-spacing: 1px;
cursor: pointer;
}
.tabs-nav ul li:hover,
.tabs-nav ul li.active {
background: #32373c;
color: #fff;
}
.tabs-content .tab {
display: none;
}
.tabs-content .tab.active {
display: block;
}   .is-style-box-color {
padding: 40px 45px 40px 48px;
margin-bottom: 40px;
border: 5px solid transparent;
}
.is-style-box-color.has-blue-background-color {
background: #46b2a8;
color: #fff;
}   .posts-by-category {
margin-bottom: 50px;
padding: 40px 0 90px;
}
.with-filters .posts-by-category-list {
transition: 0.3s;
}
.card {
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
color: #3e3e3e;
margin-bottom: 30px;
position: relative;
}
.posts-by-category-list .responsive-card {
margin-bottom: 30px;
}
.posts-by-category-list .responsive-card .card {
margin-bottom: 0;
padding-top: 370px;
padding-bottom: 20px;
}
.posts-by-category-list .responsive-card .img-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.with-filters .card {
animation: zoom-in 0.5s;
}
@keyframes zoom-in {
0% {
opacity: 0;
transform: scale(0.5, 0.5);
}
100% {
opacity: 1;
transform: scale(1, 1);
}
}
.card .img-wrap img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.card .img-wrap::after {
content: "";
position: absolute;
bottom: 0;
display: block;
width: 100%;
height: 260px;
background: linear-gradient(181.68deg, rgba(217, 217, 217, 0) -19.41%, rgba(217, 217, 217, 0) 5.73%, rgba(117, 117, 117, 0.78) 26.14%, rgba(85, 85, 85, 0.84099) 73.18%, #000000 98.57%);
mix-blend-mode: multiply;
transition: all 0.5s ease;
}
.card:hover .img-wrap::after {
width: 100%;
height: 300px;
}
.all_posts .card .img-wrap::after {
display: none;
}
.all_posts .card .img-wrap::after {
display: none;
}
.all_posts .card:hover .img-wrap img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s;
}
.card .post-content {
color: #fff;
padding: 30px 24px;
display: flex;
justify-content: flex-end;
flex-direction: column;
height: 100%;
transition: 0.3s;
margin-top: 300px;
}
.card h3 {
margin-bottom: 10px !important;
padding: 0;
}
.card .categories,
.card .post-content {
z-index: 2;
}
.card .categories {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.card .categories .category {
color: #fff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 16px;
display: inline-block;
margin-right: 5px;
background: var(--color-primary);
padding: 6px 15px;
border-radius: 0 32px 32px 0;
transition: 0.3s;
}
.title-posts {
display: inline-block;
z-index: 1;
position: relative;
font-size: 48px;
font-weight: 600;
}
.all_posts.with-filters {
padding-top: 0;
}
.all_posts .card .post-content {
color: #000;
padding: 30px 0 0;
display: flex;
justify-content: flex-start;
flex-direction: column;
height: 100%;
margin-top: 0;
}
.all_posts .card:hover .post-content {
color: #000;
display: flex;
flex-direction: column;
height: 100%;
margin-top: 0;
padding: 30px 24px 0 24px;
color: #fff;
}
.all_posts .card .img-wrap img {
position: initial;
width: 100%;
height: 370px;
object-fit: cover;
transition: 0.3s;
}
.all_posts .card .img-wrap::after {
display: none;
}
.all_posts .card .categories {
position: absolute;
top: 0;
left: 0;
}
.all_posts .filter-flex {
display: flex;
justify-content: flex-end;
position: relative;
top: -65px;
}
.all_posts .filter-outer {
display: flex;
column-gap: 40px;
width: 40%;
}
.all_posts .filter-outer div {
background: #fafafa;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
border-radius: 4px;
}
.post-title {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.post-title a::before {
content: "\f104";
font-family: "Font Awesome 5 Pro";
display: block;
font-weight: 200;
font-size: 20px;
line-height: 10px;
color: var(--color-primary);
padding: 0 10px 0 0;
border-radius: 60px;
}
.post-title a {
color: var(--color-primary);
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 25px;
}
.post-title a:hover {
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.rect-prestation {
height: 100%;
}
.display-pc {
display: block;
margin-bottom: 10px;
}
.display-mobile {
display: none;
}
.rect-prestation > div.bckg-blue {
height: 100%;
color: #fff;
background-color: var(--color-primary);
border-radius: 10px;
}
.rect-prestation > div.bckg-white {
height: 100%;
color: var(--color-primary);
background-color: #fff;
border-radius: 10px;
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2);
border-radius: 8px;
}
.rect-prestation h2 {
padding-top: 70px;
margin: 0 24px 120px;
font-size: 48px;
font-weight: 700;
}
.rect-prestation h2 + div {
padding-bottom: 40px;
display: flex;
justify-content: center;
}
.post-category {
margin-bottom: 24px;
}
.post-tag span {
margin-right: 5px;
font-weight: 600;
font-size: 12px;
color: var(--color-primary);
padding: 4px 16px;
border: 1px solid var(--color-primary);
border-radius: 20px;
}
.share-icon {
display: flex;
padding: 0;
margin-top: 15px;
margin-bottom: 30px;
}
.share-icon li {
list-style: none;
margin-right: 5px;
display: flex;
}
.share-icon li a {
color: #737373;
}
.body-text h2,
.body-text div.look-others-posts h2 {
font-size: 32px;
font-weight: 600;
}
.look-others-posts {
margin-bottom: 24px;
}
.others-posts {
display: flex;
width: 100%;
height: 100%;
}
.prev-next-posts a {
display: flex;
margin-bottom: 25px;
width: 100%;
height: 90px;
}
.prev-next-posts a img{
width: 100px;
height: 100%;
object-fit: cover;
}
.prev-next-posts .prev-next-title-post {
margin-left: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.prev-next-posts .prev-next-title-post h3 {
color: #0d0d0d;
font-size: 16px;
font-weight: 400;
}
.prev-next-posts .prev-next-title-post p {
display: flex;
}
.prev-next-posts .prev-next-title-post p::after {
content: "\f105";
font-family: "Font Awesome 5 Pro";
display: block;
font-weight: 400;
font-size: 12px;
line-height: 9px;
color: var(--color-primary);
padding: 9px 11px;
border: 1px solid var(--color-primary);
border-radius: 60px;
transition: all 0.3s ease;
margin-left: 8px;
}
.prev-next-posts a:hover .prev-next-title-post p {
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}
.prev-next-posts a:hover .prev-next-title-post p::after {
content: "\f105";
font-family: "Font Awesome 5 Pro";
display: block;
font-weight: 400;
font-size: 12px;
line-height: 9px;
color: var(--color-primary);
padding: 9px 11px;
border: 1px solid var(--color-primary);
border-radius: 60px;
margin-left: 8px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
} body.loading .posts-by-category.with-filters .posts-by-category-list {
opacity: 0.5;
}   table {
width: 100%;
border: 0;
}
table tr {
background: #fafafa;
border-bottom: 0;
}
table tr:nth-child(even) {
background: transparent;
}
table tr td {
border: 0;
padding: 19px 25px 21px 25px;
}
table tr td:first-of-type {
padding-left: 35px;
}
table tr td a {
color: #353b40;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
display: inline;
box-shadow: inset 0px -1px 0px 0px #46b2a8;
padding: 0px 0px 3px 0px;
}
table tr td a:after {
display: none;
}
table tr td a:hover {
color: #46b2a8;
text-decoration: none;
}
table p {
margin-bottom: 0px;
}
.wp-block-table {
scrollbar-width: thin;
scrollbar-color: #46b2a8 #d2dce1;
margin-bottom: 60px;
}
.wp-block-table::-webkit-scrollbar-track {
background-color: #d2dce1;
}
.wp-block-table::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #d2dce1;
}
.wp-block-table::-webkit-scrollbar-thumb {
background-color: #46b2a8;
}   blockquote {
border-left: 3px solid #46b2a8;
margin: 0px;
margin-bottom: 40px;
padding: 9px 0px 5px 34px;
}
blockquote p:first-of-type {
font-size: 24px;
font-style: italic;
line-height: normal;
font-style: italic;
margin-bottom: 15px;
}
blockquote p + * {
font-size: 18px;
padding-left: 25px;
position: relative;
margin-bottom: 0px;
font-style: normal;
}
blockquote p + *:before {
content: "";
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 15px;
height: 1px;
background-color: #252626;
}   .gfield .ginput_container input,
.gfield .ginput_container textarea {
background: #ffffff;
border: 1px solid #d2d2d2;
border-radius: 6px;
transition: all 0.3s ease;
}
.gfield .ginput_container input:focus,
.gfield .ginput_container textarea:focus {
border: 1px solid #9b9b9b;
}
.gform_wrapper.gravity-theme .gfield textarea.large {
height: 170px !important;
}
.gfield .ginput_container input::placeholder,
.gfield .ginput_container textarea::placeholder {
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: #bfbfbf;
}
.gform_footer button {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 40px;
background: var(--color-primary);
border-radius: 32px;
border: none;
color: #fff;
font-size: 16px;
font-weight: 600;
transition: all 0.3s ease;
}
.gform_footer button:hover {
background: #fff;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 32px;
color: var(--color-primary);
font-size: 16px;
font-weight: 600;
}
.gform_wrapper.gravity-theme #field_submit,
.gform_wrapper.gravity-theme .gform_footer {
justify-content: center;
}
.gfield_label .gfield_required .gfield_required.gfield_required_text {
display: none;
}
.gfield_label .gfield_required::after {
content: "*";
color: #c02b0a;
display: inline-block;
font-size: 13.008px;
padding-left: 0.125em;
}
input[type="checkbox"] {
vertical-align: top;
border: 1px solid #ccc !important;
border-radius: 0px !important;
line-height: 0;
height: 19px;
margin-right: 10px !important;
outline: 0;
padding: 0 !important;
position: relative;
top: 3px;
text-align: center;
vertical-align: middle;
width: 19px !important;
min-width: 18px;
-webkit-appearance: none;
appearance: none;
transition: 0.3s;
background: #fff;
}
.gform_wrapper.gravity-theme .gfield_checkbox label,
.gform_wrapper.gravity-theme .gfield_radio label {
font-size: 18px;
}
.gform_wrapper.gravity-theme .gfield_label {
font-size: 22px;
font-weight: normal;
}
.gform_wrapper.gravity-theme .ginput_container_checkbox,
.gform_wrapper.gravity-theme .ginput_container_radio {
margin-top: 0;
}
.gform_wrapper .gform_fields.gfield_checkbox li input[type="checkbox"] {
width: 19px !important;
}
.gform_wrapper .hidden_label input,
.form_body .form_field .hidden_label input {
margin-top: -9px;
}
.gfield_consent_label {
display: initial !important;
}
.gfield_visibility_visible {
margin-bottom: 20px;
}
.gfield_visibility_visible.hidden_label {
margin-bottom: 0;
}
input[type="checkbox"]:hover {
border: 1px solid #46b2a8 !important;
}
input[type="checkbox"]:checked {
background: #46b2a8 !important;
border: 1px solid #46b2a8 !important;
}
input[type="checkbox"]:checked:before {
content: "";
margin: 1px 6px;
color: #fff; display: inline-block;
transform: rotate(45deg);
height: 12px;
width: 6px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.gform_wrapper.gravity-theme .gfield-choice-input {
top: inherit;
}
input[type="radio"]:checked + label,
input[type="radio"]:not(:checked) + label {
position: relative;
padding-left: 30px;
cursor: pointer;
line-height: 20px;
display: inline-block;
}
input[type="radio"] + label {
padding-left: 30px;
}
input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
content: "";
position: absolute;
left: 0;
top: 0px;
width: 20px;
height: 20px;
border: solid 1px #ccc;
border-radius: 100%;
background: #fff;
transition: 0.3s;
}
input[type="radio"]:disabled + label:before {
opacity: 0.35;
}
input[type="radio"]:disabled + label {
cursor: not-allowed;
}
input[type="radio"]:not(:checked):hover + label:before {
border: 1px solid #46b2a8;
}
input[type="radio"]:checked + label:before {
border: 1px solid #46b2a8;
}
input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
content: "";
width: 12px;
height: 12px;
background: #46b2a8;
position: absolute;
top: 4px;
left: 4px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
input[type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
input[type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.ginput_container_fileupload {
padding-bottom: 12px;
border-bottom: solid 1px #cccccc;
max-width: 335px;
}
.ginput_container_fileupload input[type="file"] {
font-size: 14px;
width: 100% !important;
}
select {
display: none !important;
}
.ui-datepicker-month,
.ui-datepicker-year {
display: inline-block !important;
background: transparent;
border: none;
}
.gform_wrapper .gfield.open label.gfield_label {
left: 10px !important;
font-size: 15px !important;
color: #353b40 !important;
font-weight: 600 !important;
letter-spacing: 1px;
}
.dropdown {
border: none;
border: 0px;
color: #353b40;
box-sizing: border-box;
background: #fff;
cursor: pointer;
display: block;
outline: none;
padding: 15px 20px;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
user-select: none;
width: 100%;
height: 57px;
font-size: 18px !important;
border-radius: 0px;
box-shadow: -5px -5px 60px 0 rgb(255 255 255 / 50%), 5px 5px 60px 0 rgb(205 207 211 / 50%);
}
.gform_wrapper .gfield.open .dropdown {
background-color: #dee1e1 !important;
}
.variations .dropdown {
display: none;
}
.dropdown:after {
content: "\f107";
font-weight: 400;
font-family: "Font Awesome 5 Pro";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: block;
pointer-events: none;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
transform-origin: 50% 25%;
color: #000;
}
.dropdown.open:after {
transform: rotate(-180deg);
}
.gform_wrapper .ginput_container span:not(.ginput_price),
.form_body .input_container span:not(.ginput_price) {
margin-bottom: 0px !important;
}
.dropdown.open .list {
transform: scale(1);
opacity: 1;
pointer-events: auto;
}
.dropdown.open .option {
cursor: pointer;
margin-bottom: 0px;
}
.dropdown.wide {
width: 100%;
}
.dropdown.wide .list {
left: 0 !important;
right: 0 !important;
}
.dropdown .list {
box-sizing: border-box;
transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
transform: scale(0.75);
transform-origin: 50% 0;
background-color: #fff;
border-radius: 0px;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
min-width: 100%;
left: 0px;
z-index: 999;
top: 100%;
box-shadow: -5px -5px 60px 0 rgb(255 255 255 / 50%), 5px 5px 60px 0 rgb(205 207 211 / 50%);
}
.dropdown .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.dropdown .list ul {
height: auto;
max-height: 400px;
overflow: auto;
padding: 0;
margin: 0;
}
.dropdown .list ul {
scrollbar-width: thin;
scrollbar-color: #46b2a8 #d2dce1;
}
.dropdown .list ul::-webkit-scrollbar-track {
background-color: #d2dce1;
}
.dropdown .list ul::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: #d2dce1;
}
.dropdown .list ul::-webkit-scrollbar-thumb {
background-color: #46b2a8;
}
.dropdown .option {
cursor: default;
font-weight: normal;
color: #353b40;
outline: none;
display: block;
font-size: 18px;
text-transform: none;
padding: 12px 19px;
text-align: left;
transition: all 0.2s;
}
.dropdown .option:before {
display: none;
}
.dropdown .option:hover,
.dropdown .option:focus {
background-color: #fafafa !important;
color: #353b40;
}
.dropdown .option.selected {
font-weight: 600;
color: #353b40;
}
.dropdown .option.selected:focus {
font-weight: 700;
}
.dropdown:hover {
border: 0px;
}
.dropdown .current {
opacity: 1;
transition: all 0.3s ease;
}
.gfield .dropdown .current {
opacity: 1;
transition: all 0.3s ease;
}
.gfield.open .dropdown .current {
opacity: 1;
}
.gfield.open .dropdown {
border: 0px;
}
.gform_required_legend {
display: none;
}   .footer {
background: #004384;
padding: 50px 0px;
color: #fafafa;
}
.footer-bottom {
background: #02376b;
padding: 24px 0px 8px;
color: #fafafa;
}
.footer .link-footer ul {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.footer .link-footer ul {
padding: 0;
}
.footer .link-footer li {
list-style: none;
display: flex;
gap: 10px;
align-items: baseline;
}
.footer .link-footer li::before {
content: "\01F862";
font-size: 18px;
color: #fff;
}
.footer .link-footer a {
color: #fafafa;
}
.footer-bottom a {
color: #fafafa;
}
.footer-bottom .row .col-12{
display: flex;
justify-content: center;
}
.submenu-footer {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
}
.submenu-footer + section{
text-align: end;
}
.submenu-footer + section p{
padding-left: 22px;
}
.submenu-footer li {
padding: 0 22px;
}   .home .half-img {
column-gap: 15px;
height: 300px;
margin-bottom: 36px;
}
.home .half-img div:last-of-type {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
.home .half-img figure {
position: absolute;
height: 100%;
width: 50vw;
left: calc(0px - ((52vw - 50%) / 2));
}
.home .half-img figure img {
height: 300px;
object-fit: cover;
}
.home .more-page {
display: flex;
align-items: center !important;
padding-top: 30px;
}
.home .more-page p {
display: flex;
justify-content: flex-end;
}
.home .more-page a {
display: flex;
justify-content: flex-end;
transition: all 0.3s ease;
color: var(--color-primary);
}
.home .more-page a::after {
content: "\f105";
font-family: "Font Awesome 5 Pro";
display: block;
font-weight: 400;
font-size: 12px;
line-height: 9px;
color: var(--color-primary);
padding: 9px 11px;
border: 1px solid var(--color-primary);
border-radius: 60px;
transition: all 0.3s ease;
margin-left: 8px;
}
.home .more-page a:hover {
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}
.home .more-page a:hover::after {
content: "\f105";
font-family: "Font Awesome 5 Pro";
display: block;
font-weight: 400;
font-size: 12px;
line-height: 9px;
color: var(--color-primary);
padding: 9px 11px;
border: 1px solid var(--color-primary);
border-radius: 60px;
margin-left: 8px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}
.home .more-page a:active {
color: rgba(29, 73, 198, 1);
text-shadow: none;
}
.home .more-page a:active::after {
content: "\f105";
font-family: "Font Awesome 5 Pro";
display: block;
font-weight: 400;
font-size: 12px;
line-height: 9px;
color: rgba(29, 73, 198, 1);
padding: 9px 11px;
border: 1px solid rgba(29, 73, 198, 1);
border-radius: 60px;
margin-left: 8px;
box-shadow: none;
}
.bckg-grey,
.is-style-bckg-grey {
position: relative;
}
.bckg-grey::after,
.is-style-bckg-grey:after {
position: absolute;
height: 100%;
background: rgba(242, 244, 249, 0.98);
width: 100vw;
z-index: -1;
content: "";
top: 0;
left: calc(0px - ((100vw - 100%) / 2));
}   .num-secours {
margin-top: 65px;
margin-bottom: 95px;
}
.num-secours div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 258px;
width: 100%;
border: 1px dashed #1d49c6;
border-radius: 8px;
text-align: center;
}
.num-secours div p:first-of-type::after {
margin: auto;
text-align: center;
content: "";
display: block;
width: 120px;
height: 2px;
background-color: var(--color-primary);
}
.num-secours div p:first-of-type {
font-size: 24px;
font-weight: 300;
color: var(--color-primary);
}
.num-secours div p:last-of-type {
font-weight: 700;
font-size: 64px;
color: var(--color-primary);
}
.find-police {
position: relative;
}
.find-police div.find-police-detail {
color: #fff;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
margin: 70px 0;
}
.find-police div.find-police-detail:first-of-type {
border-right: #fff solid 1px;
}
.find-police div.find-police-detail:last-of-type {
border-left: #fff solid 1px;
}
.find-police::after {
position: absolute;
height: 100%;
background: var(--color-primary);
width: 100vw;
z-index: -1;
top: 0;
content: "";
left: calc(0px - ((100vw - 100%) / 2));
}
.contact-middle {
display: flex;
}
.contact-middle > div:first-child {
display: flex;
justify-content: center;
}
.contact-middle .underline-blue::after {
content: "";
display: block;
width: 100%;
height: 4px;
background-color: var(--color-primary);
}
.underline-blue::after {
content: "";
display: block;
width: 85%;
height: 4px;
background-color: var(--color-primary);
}
.contact-middle div {
margin: 65px 0;
}
.contact-middle a:hover,
.list-police a:hover {
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}
.list-police {
padding: 50px 0 0;
border-bottom: 0.5px dashed var(--color-primary);
}
.list-police > div {
margin-bottom: 20px;
}
.police-com {
font-weight: 400;
font-size: 48px;
line-height: 58px;
padding-top: 65px;
}
.contact-page-img {
display: none;
}   .tendance-securitaire {
padding-bottom: 80px;
}
.tendance-securitaire > div {
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
.tendance-securitaire > div div {
text-align: center;
}
.tendance-securitaire > div figure {
border: 8px solid #000;
border-radius: 100%;
}
.tendance-securitaire > div img {
width: 260px;
height: 260px;
padding: 50px;
user-select: none;
}
.tendance-securitaire > div h2 {
font-size: 24px;
font-weight: 300;
line-height: 32px;
}
.tendance-securitaire > div p {
font-size: 12px;
font-weight: bold;
text-align: center;
}
.strong-increase{
filter: invert(9%) sepia(39%) saturate(7474%) hue-rotate(357deg) brightness(120%) contrast(114%);
}
.average-increase{
filter: invert(35%) sepia(58%) saturate(1580%) hue-rotate(334deg) brightness(99%) contrast(78%);
}
.slight-increase{
filter: invert(50%) sepia(97%) saturate(1090%) hue-rotate(322deg) brightness(119%) contrast(81%);
}
.nothing{
filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(316deg) brightness(150%) contrast(84%);
}
.slight-decrease{
filter: invert(63%) sepia(41%) saturate(493%) hue-rotate(50deg) brightness(115%) contrast(90%);
}
.average-decrease{
filter :invert(47%) sepia(8%) saturate(3987%) hue-rotate(73deg) brightness(105%) contrast(87%);
}
.strong-decrease{
filter: invert(32%) sepia(10%) saturate(3039%) hue-rotate(73deg) brightness(100%) contrast(90%);
}   .cyberdanger {
height: 480px;
margin-bottom: 80px;
}
.cyberdanger figure {
height: 100%;
}
.cyberdanger img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cyberdanger h2 {
position: absolute;
bottom: 55px;
}
.cyberdanger p {
position: absolute;
bottom: 25px;
}
.sub-cyberdanger {
padding: 0 25px;
color: #fff;
}
.sub-cyberdanger::before {
content: "";
position: absolute;
bottom: 125px;
display: block;
width: 90px;
height: 8px;
background-color: #fff;
}
.sub-cyberdanger h2 {
display: flex;
align-items: center;
}
.sub-cyberdanger h2::after {
content: "\f105";
font-family: "Font Awesome 5 Pro";
display: block;
font-weight: 400;
font-size: 12px;
line-height: 9px;
color: #fff;
padding: 9px 11px;
border: 1px solid #fff;
border-radius: 60px;
transition: all 0.3s ease;
margin-left: 8px;
margin-top: 9px;
}
.cyberdanger:hover .sub-cyberdanger h2::after {
content: "\f105";
font-family: "Font Awesome 5 Pro";
display: block;
font-weight: 400;
font-size: 12px;
line-height: 9px;
padding: 9px 11px;
border: 1px solid #fff;
border-radius: 60px;
transition: all 0.3s ease;
margin-left: 8px;
margin-top: 9px;
background-color: #fff;
color: var(--color-primary);
}   .all-prestations {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 32px;
border: 1px dashed #1d49c6;
border-radius: 8px;
height: 205px;
margin-bottom: 85px;
}
.all-prestations h2 {
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-align: center;
}
.title-prest {
margin-top: 40px;
}
.is-full-width {
height: 320px;
}
.is-full-width img {
position: absolute;
top: 196px;
height: 400px;
object-fit: cover;
left: calc(0px - ((100vw - 100%) / 2));
}   .main-pop-up {
position: fixed;
inset: 0;
visibility: hidden;
color: #000;
opacity: 0;
z-index: 99999;
height: 100vh;
}
.appear-pop-up {
color: #000;
visibility: visible;
opacity: 1;
}
.bckground-behind {
position: fixed;
inset: 0;
background-color: #00000029;
z-index: 999;
}
.form-in-pop-up::-webkit-scrollbar {
width: 10px;
}
.form-in-pop-up {
overflow-y: scroll;
min-height: 50vh;
height: 75vh;
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 50%;
position: relative;
z-index: 9999;
}
.close-btn {
display: flex;
justify-content: flex-end;
font-size: 25px;
cursor: pointer;
}
.btn-for-close {
display: flex;
justify-content: flex-end;
}
@media screen and (max-width: 1500px) {
.sub-cyberdanger h2 {
font-size: 36px;
}
.rect-prestation h2 {
font-size: 38px;
margin-bottom: 60px;
}
}
@media screen and (max-width: 1200px) {   .main-menu-inner li a {
font-size: 13.5px;
}
.fa-search:before {
font-size: 13.5px;
}   .card .post-content {
margin-top: 90px;
padding: 10px 24px;
}
.more-page .wp-block-column {
flex-basis: auto !important;
}
.sub-cyberdanger h2 {
font-size: 32px;
}
.cyberdanger {
height: 350px;
}
.in-img-police a p {
width: 100%;
}   .rect-prestation h2 {
font-size: 32px;
margin-bottom: 20px;
padding-top: 24px;
}   .all_posts .card .img-wrap img,
.all_posts .card:hover .img-wrap img {
height: 315px;
}
.posts-by-category-list .responsive-card .card {
padding-top: 300px;
}
.all_posts .card:hover .post-content {
padding: 30px 0 0;
color: #000;
}
.all_posts .card:first-of-type {
margin-top: 10px;
}   .find-police div.find-police-detail:last-of-type {
border-left: none;
}
.find-police .find-police-detail h2 {
text-align: center;
font-size: 28px;
}   .all_posts .filter-flex {
display: block;
position: initial;
margin: 10px 0 12px;
}
.all_posts .filter-outer {
display: flex;
justify-content: space-between;
column-gap: 0;
width: auto;
}
.dropdown {
width: 40%;
}
.home-img-links img{
left: calc(0px - ((100vw - 100%) / 2));
}   .footer-bottom .row .col-12{
display: block;
}
.submenu-footer{
margin-bottom: 25px;
justify-content: center;
}
.submenu-footer + section{
text-align: center;
}
.submenu-footer + section p{
padding-left: 0;
}
}
@media screen and (max-width: 991px) {   #website-menu {
color: #fff;
padding: 28px 24px;
background: var(--color-primary-header);
height: 125px;
}
.logo-area img {
width: 305px;
}
.main-menu-outer {
visibility: hidden;
position: absolute;
left: 0;
top: 125px;
z-index: 9999999;
background-color: rgba(0, 67, 132, 0.98);
padding: 48px;
width: 75vw;
}
.main-menu-inner li a {
font-size: 20px;
}
.main-menu-outer.fade-out {
transition: all 0.5s ease;
background-color: rgba(0, 67, 132, 0);
-webkit-animation: fadeOut 0.5s forwards;
-moz-animation: fadeOut 0.5s forwards;
-o-animation: fadeOut 0.5s forwards;
animation: fadeOut 0.5s forwards;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-o-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.menu-burger-active {
visibility: visible;
opacity: 1;
-webkit-animation: fadeInLeft 0.5s both;
-moz-animation: fadeInLeft 0.5s both;
-o-animation: fadeInLeft 0.5s both;
animation: fadeInLeft 0.5s both;
}
@-webkit-keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
-moz-transform: translateX(-100%);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
-o-transform: translateX(-100%);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.main-menu-outer ul {
display: flex;
flex-direction: column;
}
.main-menu-outer ul li {
list-style-type: none;
display: inline-block;
margin-right: 30px;
position: relative;
margin-bottom: 50px;
}
.main-menu-outer ul li:last-of-type {
margin-bottom: 0;
}
.burger-button {
color: #fff;
display: block;
cursor: pointer;
}
.burger-button span {
background-color: #fff;
width: 30px;
height: 4px;
margin-bottom: 5px;
display: block;
border-radius: 2px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: all 0.5s ease;
top: 0px;
left: 0px;
position: relative;
}
.burger-button.animation-burger span:nth-child(1) {
opacity: 0;
}
.burger-button.animation-burger span:nth-child(2) {
-webkit-transform: rotate-(45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 12px;
left: 4px;
position: relative;
transition: all 0.5s ease;
}
.burger-button.animation-burger span:nth-child(3) {
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 3px;
left: 25px;
position: relative;
transition: all 0.5s ease;
}
.main-menu-inner li .sub-menu {
position: absolute;
top: 0;
left: 0;
z-index: 1;
padding: 20px;
min-width: 300px;
opacity: 1;
background-color: transparent;
box-shadow: none;
visibility: visible;
}
.main-menu-inner li .sub-menu a{
display: flex;
align-items: center;
}
.main-menu-inner li .sub-menu a::before{
content: "";
height: 2px;
width: 10px;
display: block;
background-color: #fff;
margin-right: 10px;
}   .tendance-securitaire > div img{
width: 200px;
height: 200px;
padding: 40px;
}   .in-img-police > div:not(:first-of-type) {
display: flex;
justify-content: flex-end;
padding-right: 100px;
}
.in-img-police div:first-of-type {
margin-bottom: 0;
padding-left: 100px;
}
.in-img-police div:not(:first-of-type) a {
width: 50%;
align-items: flex-start;
margin-top: 15px;
}
.in-img-police a::after {
margin-left: 15px;
}
.home h2 {
font-size: 38px;
}   .prev-next-title-post h3 {
font-size: 14px;
line-height: 20px;
color: #0d0d0d;
font-weight: 400;
margin-top: 5px;
}
.prev-next-title-post p {
font-size: 12px;
font-weight: 600;
align-items: center;
margin-bottom: 5px;
}
.rect-prestation h2 + div {
justify-content: flex-start;
margin-left: 24px;
}   .all_posts .card .img-wrap img {
height: 300px;
}
.all_posts .card:hover .img-wrap img {
height: 300px;
}
.posts-by-category-list .responsive-card .card {
padding-top: 300px;
}
.all_posts .card:hover .post-content {
padding: 30px 0 0;
color: #000;
}   .is-full-width {
height: 160px;
}
.is-full-width img {
top: 197px;
height: 260px;
}
.all-prestations {
margin-bottom: 35px;
}   .num-secours {
margin-top: 20px;
margin-bottom: 40px;
}
.num-secours div {
height: 180px;
}
.num-secours div p:first-of-type {
font-size: 20px;
}
.num-secours div p:last-of-type {
font-size: 50px;
}
.find-police::after {
left: calc(0px - ((100vw - 100%) / 2));
}
.bckg-grey::after,
.is-style-bckg-grey:after{
left: calc(0px - ((100vw - 100%) / 2));
}   .footer {
padding: 25px;
}
.footer .logo-area + h2 {
margin-bottom: 40px;
}
.footer .link-footer ul {
flex-direction: row;
}
.footer .link-footer li::before {
display: none;
}
.footer .row div:first-of-type {
display: flex;
align-items: baseline;
justify-content: space-between;
}
}
@media (min-width: 767px) {
.half-img .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 0 !important;
flex-grow: 1 !important;
}
}
@media screen and (max-width: 767px) {   #website-menu {
color: #fff;
padding: 28px 24px;
background: var(--color-primary-header);
height: 125px;
}
.logo-area img {
width: 305px;
}
.main-menu-outer {
visibility: hidden;
position: absolute;
left: 0;
top: 125px;
z-index: 9999999;
background-color: rgba(0, 67, 132, 0.98);
padding: 48px;
width: 75vw;
}
.main-menu-inner li a {
font-size: 16px;
}
.main-menu-outer.fade-out {
transition: all 0.5s ease;
background-color: rgba(0, 67, 132, 0);
-webkit-animation: fadeOut 0.5s forwards;
-moz-animation: fadeOut 0.5s forwards;
-o-animation: fadeOut 0.5s forwards;
animation: fadeOut 0.5s forwards;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-o-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.menu-burger-active {
visibility: visible;
opacity: 1;
-webkit-animation: fadeInLeft 0.5s both;
-moz-animation: fadeInLeft 0.5s both;
-o-animation: fadeInLeft 0.5s both;
animation: fadeInLeft 0.5s both;
}
@-webkit-keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
-moz-transform: translateX(-100%);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
-o-transform: translateX(-100%);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.main-menu-outer ul {
display: flex;
flex-direction: column;
}
.main-menu-outer ul li {
list-style-type: none;
display: inline-block;
margin-right: 30px;
position: relative;
margin-bottom: 50px;
}
.main-menu-outer ul li:last-of-type {
margin-bottom: 0;
}
.burger-button {
color: #fff;
display: block;
cursor: pointer;
}
.burger-button span {
background-color: #fff;
width: 30px;
height: 4px;
margin-bottom: 5px;
display: block;
border-radius: 2px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: all 0.5s ease;
top: 0px;
left: 0px;
position: relative;
}
.burger-button.animation-burger span:nth-child(1) {
opacity: 0;
}
.burger-button.animation-burger span:nth-child(2) {
-webkit-transform: rotate-(45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 12px;
left: 4px;
position: relative;
transition: all 0.5s ease;
}
.burger-button.animation-burger span:nth-child(3) {
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 3px;
left: 25px;
position: relative;
transition: all 0.5s ease;
}   .gfield .ginput_container input::placeholder,
.gfield .ginput_container textarea::placeholder {
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #bfbfbf;
}
.form-in-pop-up {
width: 75%;
}   .home .home-img-links {
height: 410px;
}
.home-img-links img {
height: 300px;
}
.home .half-img {
display: flex;
flex-direction: column-reverse;
flex-wrap: nowrap !important;
margin-bottom: 0;
height: 600px;
}
.home .half-img div:last-of-type {
justify-content: space-evenly;
}
.home .half-img figure {
width: 100vw;
left: calc(0px - ((100vw - 100%) / 2));
}
.cyberdanger:not(:last-of-type) {
margin-bottom: 10px;
}
.cyberdanger:last-of-type {
margin-bottom: 50px;
}
.in-img-police > div:not(:first-of-type) {
display: flex;
justify-content: flex-end;
padding-right: 0;
}
.in-img-police div:first-of-type {
margin-bottom: 0;
padding-left: 0;
}
.in-img-police div:not(:first-of-type) a {
width: 50%;
align-items: flex-start;
margin-top: 15px;
}
.in-img-police a::after {
margin-left: 15px;
}
.home .more-page p {
justify-content: flex-start;
}   .home .posts-by-category-list a:not(:last-of-type) {
margin-bottom: 10px;
}
.home .posts-by-category-list a:last-of-type{
margin-bottom: 50px;
}
.home .card .post-content {
margin-top: 100px;
}
.home .posts-by-category {
padding: 0;
margin-bottom: 0;
}   .display-pc {
display: none;
}
.display-mobile {
display: block;
}
.rect-prestation.display-mobile > div.bckg-blue {
margin-bottom: 10px;
}
.others-posts {
flex-direction: column;
}   .all_posts .card .img-wrap img,
.all_posts .card:hover .img-wrap img {
height: 270px;
}
.all_posts .card:hover .post-content {
padding: 30px 0 0;
color: #000;
}
.all_posts .card .post-content .teaser {
display: none;
}
.posts-by-category-list .responsive-card .card {
padding-top: 250px;
}
.all_posts .filter-outer > div:first-of-type {
margin-right: 12px;
}
.all_posts .filter-outer > div:last-of-type {
margin-left: 12px;
}   .all-prestations {
margin-bottom: 25px;
}
.is-full-width {
height: 180px;
}
.is-full-width img {
top: 195px;
height: 250px;
}
.title-prest {
margin-top: 30px;
}
.home-img-links {
height: 225px;
}   .find-police div.find-police-detail:first-of-type::after {
content: "";
margin-top: 25px;
display: block;
width: 97%;
height: 1px;
background-color: #fff;
}
.find-police div.find-police-detail:first-of-type {
padding: 35px 0 0;
border: none;
}
.find-police div.find-police-detail:last-of-type {
border: none;
padding: 25px 0 45px;
}
.find-police div.find-police-detail {
margin: 0;
}
.num-secours {
margin: 0 0 30px;
}
.contact-middle div {
margin: 20px 0;
}
.police-com {
padding: 65px 0 30px;
}
.list-police {
border: none;
padding: 0;
}   .tendance-securitaire > div {
flex-direction: row;
}
.tendance-securitaire > div figure {
margin-right: 20px;
margin-bottom: 25px;
}
.tendance-securitaire > div p {
font-size: 12px;
font-weight: bold;
text-align: left;
}   .footer .row div:first-of-type {
margin: 0;
}
.footer .row div:first-of-type .logo-area + h2 {
font-size: 20px;
}
}
@media screen and (max-width: 640px) {
.gform_wrapper.gravity-theme .gfield textarea.large {
height: 120px !important;
}
}
@media screen and (max-width: 576px) {   h1 {
font-size: 36px;
font-weight: 400;
line-height: 44px;
}
h2 {
font-size: 20px;
font-weight: 600;
}
.home h2 {
font-size: 26px;
line-height: 28px;
}
.is-style-btn1 a,
.load-more-btn {
font-size: 12px;
}
.is-style-btn1 a:hover,
.load-more-btn:hover {
font-size: 12px;
}
.is-style-btn1 a:active {
font-size: 12px;
}
.is-style-btn2 a {
font-size: 12px;
}
.is-style-btn2 a:hover {
font-size: 12px;
}
.is-style-btn2 a:active {
font-size: 12px;
}
.main-content {
padding: 35px 0 50px;
}   #website-menu {
color: #fff;
padding: 28px 24px;
background: var(--color-primary-header);
height: 100px;
}
.logo-area img {
width: 240px;
}
.main-menu-outer {
visibility: hidden;
position: absolute;
left: 0;
top: 100px;
z-index: 9999999;
background-color: rgba(0, 67, 132, 0.98);
padding: 48px;
width: 75vw;
}
.main-menu-outer.fade-out {
transition: all 0.5s ease;
background-color: rgba(0, 67, 132, 0);
-webkit-animation: fadeOut 0.5s forwards;
-moz-animation: fadeOut 0.5s forwards;
-o-animation: fadeOut 0.5s forwards;
animation: fadeOut 0.5s forwards;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-o-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.menu-burger-active {
visibility: visible;
opacity: 1;
-webkit-animation: fadeInLeft 0.5s both;
-moz-animation: fadeInLeft 0.5s both;
-o-animation: fadeInLeft 0.5s both;
animation: fadeInLeft 0.5s both;
}
@-webkit-keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
-moz-transform: translateX(-100%);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
-o-transform: translateX(-100%);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.main-menu-outer ul {
display: flex;
flex-direction: column;
}
.main-menu-outer ul li {
list-style-type: none;
display: inline-block;
margin-right: 30px;
position: relative;
margin-bottom: 50px;
}
.main-menu-outer ul li:last-of-type {
margin-bottom: 0;
}
.burger-button {
color: #fff;
display: block;
cursor: pointer;
}
.burger-button span {
background-color: #fff;
width: 30px;
height: 4px;
margin-bottom: 5px;
display: block;
border-radius: 2px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: all 0.5s ease;
top: 0px;
left: 0px;
position: relative;
}
.burger-button.animation-burger span:nth-child(1) {
opacity: 0;
}
.burger-button.animation-burger span:nth-child(2) {
-webkit-transform: rotate-(45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 12px;
left: 4px;
position: relative;
transition: all 0.5s ease;
}
.burger-button.animation-burger span:nth-child(3) {
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 3px;
left: 25px;
position: relative;
transition: all 0.5s ease;
}   .slider-nav {
justify-content: center;
align-items: center;
background-color: transparent;
padding-bottom: 10px;
display: none;
}
.slider.police + .slider-nav {
padding: 0 15px;
display: flex;
justify-content: space-between;
position: relative;
top: -22px;
}
.slider.police {
padding: 20px 0 0;
}
.dots-container {
display: none;
}
.slider-outer.slick.slick-loaded {
background-color: #ededf4;
}   .search-content .search-area {
width: 100vw;
top: 103px;
height: 65px;
right: -24px;
opacity: 1;
transition: none;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 4px;
}
.search-content .search-area.active {
opacity: 0;
}
.search-content .search-area.show {
background-color: #fff;
opacity: 1;
right: -24px;
display: flex;
height: 50px;
top: 58px;
flex-direction: column;
justify-content: center;
-webkit-animation: fadeInLeft 0.5s both;
-moz-animation: fadeInLeft 0.5s both;
-o-animation: fadeInLeft 0.5s both;
animation: fadeInLeft 0.5s both;
}
.search-content .search-area .main-search {
box-shadow: none;
display: flex;
justify-content: space-between;
height: 65px;
}
.search-content .search-area .main-search input[type="text"] {
border: none;
width: 100%;
}
.search-content .search-area .main-search input[type="text"]::placeholder {
color: #c5c5c5;
font-weight: 400;
font-size: 14px;
}
.search-content .search-area .search-send i {
display: none;
}   .home .home-img-links {
height: 630px;
margin-bottom: -50px;
top: 0;
}
.home .home-img-links img {
height: 100%;
left: calc(0px - ((100vw - 100%) / 2));
}
.home-img-links.is-mobile {
display: block;
}
.in-img-police {
margin-bottom: 30px;
}
.in-img-police div:first-of-type {
margin-bottom: 60px;
padding-left: 15px;
}
.in-img-police div:not(:first-of-type) {
display: flex;
justify-content: flex-end;
margin-bottom: 10px;
}
.in-img-police div:not(:first-of-type) a {
width: 60%;
}
.home .half-img {
display: flex;
flex-direction: column-reverse;
flex-wrap: nowrap !important;
margin-bottom: 0;
height: 780px;
}
.home .half-img > div:first-of-type {
height: 100%;
}
.home .half-img > div:first-of-type figure {
width: 100%;
left: calc(0px - ((100vw - 100%) / 2));
}
.home .half-img > div:first-of-type figure img {
height: 390px;
}
.home .half-img > div:last-of-type {
justify-content: center;
}
.home .half-img > div:last-of-type h2 {
margin-bottom: 40px;
}
.home .half-img > div:last-of-type p {
margin-bottom: 25px;
}
.home .more-page {
padding-bottom: 30px;
padding-top: 50px;
margin: 0;
}
.home .more-page .has-text-align-right {
justify-content: flex-start;
margin-bottom: 0;
}
.home .main-content {
padding-bottom: 0;
}   .all_posts .filter-outer > div:first-of-type {
margin-right: 12px;
}
.all_posts .filter-outer > div:last-of-type {
margin-left: 12px;
}
.responsive-card .card:hover .img-wrap img {
height: 235px !important;
}
.all_posts  .card h3{
font-size: 20px;
}
.responsive-card .card:hover .post-content {
color: #000;
display: block;
height: initial;
padding: 10px 0 0;
}
.title-posts {
font-size: 26px;
}
.dropdown {
width: 50%;
}
.dropdown .current {
font-size: 12px;
}
.dropdown .list {
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}
.dropdown .list li {
font-size: 14px;
}
.posts-by-category {
padding: 0;
margin-bottom: 0;
}
.home .card {
width: 100vw;
height: 240px;
left: calc(0px - ((100vw - 100%) / 2));
margin-bottom: 0;
}
.home .posts-by-category-list a:not(:last-of-type) {
margin-bottom: 10px;
}
.home .posts-by-category a:last-of-type .card,
.home .posts-by-category a:last-of-type {
margin-bottom: 0;
}
.home .card .post-content {
margin-top: 0;
}
.home .card .post-content .teaser {
display: none;
}
.home .card .img-wrap::after {
height: 130px;
}
.card .categories .category {
font-size: 12px;
font-weight: 400;
}
.responsive-card .card {
width: 100%;
height: 100%;
margin-bottom: 10px;
}
.responsive-card:nth-child(even) {
padding-left: 5px;
}
.responsive-card:nth-child(odd) {
padding-right: 5px;
}
.responsive-card .card .img-wrap {
height: 235px;
}
.responsive-card .card img {
height: 235px !important;
}
.responsive-card .card .post-content {
display: block;
height: auto;
padding-top: 10px;
}
.responsive-card .card .post-content-top .teaser {
display: none;
}
.posts-by-category-list .responsive-card {
margin-bottom: 10px;
}
.posts-by-category-list .responsive-card .card {
margin-bottom: 0;
padding-top: 235px;
padding-bottom: 0;
}
.post-category {
margin-bottom: 16px;
}
.post-title h1 {
font-size: 26px;
line-height: 28px;
}
.post-tag span {
margin: 5px 0;
}
.share-icon {
margin-bottom: 5px;
}
.share-icon li {
text-align: center;
width: 25px;
}
.share-icon li a {
width: 25px;
}
.body-text h2,
.body-text div.look-others-posts h2 {
font-size: 20px;
font-weight: 600;
}
.rect-prestation h2 {
padding-top: 16px;
margin-bottom: 24px;
font-size: 32px;
line-height: 40px;
}
.rect-prestation h2 + div {
justify-content: flex-start;
padding-bottom: 16px;
margin-left: 24px;
}
.others-posts {
flex-direction: column;
height: 100%;
}
.others-posts > div {
margin-bottom: 25px;
}   .home-img-links {
height: 120px;
top: 25px;
margin-bottom: -5px;
align-content: flex-end;
}
.home-img-links img {
height: 145px;
}
.all-prestations {
padding: 24px 8px;
margin-bottom: 24px;
}
.all-prestations h2 {
font-size: 14px;
}
.title-prest {
margin-top: 10px;
}
.responsive-block-pad:nth-child(even) {
padding-left: 5px;
}
.responsive-block-pad:nth-child(odd) {
padding-right: 5px;
}
.responsive-block-pad.last-block-prestation {
padding-right: 15px;
height: 100%;
}
.responsive-block-pad.last-block-prestation .all-prestations {
height: 100%;
justify-content: flex-start;
}
.responsive-block-pad.last-block-prestation .all-prestations h2 {
margin-bottom: 24px;
}
.responsive-block-pad:nth-last-child(odd) {
flex-basis: 100%;
}
.is-full-width {
height: 105px;
}
.is-full-width img {
position: absolute;
top: 160px;
height: 140px;
object-fit: cover;
left: calc(0px - ((100vw - 100%) / 2));
}   .cyberdanger {
position: relative;
display: block;
width: 100vw;
height: 200px;
left: calc(-24px - ((100vw - 100%) / 2));
margin-bottom: 10px;
}
.cyberdanger a {
display: block;
width: 100vw;
height: 200px;
}
.cyberdanger:last-of-type {
margin-bottom: 0;
left: calc(-15px - ((100vw - 100%) / 2));
}
.cyberdanger:not(:last-of-type) {
left: calc(-15px - ((100vw - 100%) / 2));
}
.cyberdanger .sub-cyberdanger h2 {
font-size: 24px;
align-items: flex-end;
margin-bottom: 25px;
}
.sub-cyberdanger h2::after {
margin-left: 24px;
}
.cyberdanger p {
bottom: 15px;
font-size: 14px;
}
.sub-cyberdanger::before {
bottom: 125px;
}   .contact-page-img {
display: block;
}
.find-police {
margin-top: 60px;
}
.find-police div.find-police-detail {
margin: 0;
}
.find-police div.find-police-detail:first-of-type {
border-right: none;
padding: 35px 0 0;
}
.find-police div.find-police-detail:first-of-type::after {
content: "";
margin-top: 25px;
display: block;
width: 97%;
height: 1px;
background-color: #fff;
}
.find-police div.find-police-detail:last-of-type {
border: none;
padding: 25px 0 45px;
}
.police-com {
font-size: 26px;
line-height: 28px;
margin-bottom: 50px;
padding-top: 30px;
}
.num-secours {
margin-bottom: 0;
margin-top: 15px;
}
.list-police {
border-bottom: none;
padding: 0;
}
.list-police > div {
margin-bottom: 25px;
}
.contact-middle div {
margin: 15px 0;
}
.contact-middle .underline-blue {
width: 100%;
}
.list-police h4 + p {
word-break: break-word;
}   .tendance-securitaire {
padding-bottom: 58px;
}
.tendance-securitaire > div {
flex-direction: row;
margin-bottom: 28px;
}
.tendance-securitaire > div div {
text-align: left;
}
.tendance-securitaire > div figure {
margin: 0;
margin-right: 24px;
border: 4px solid #000;
}
.tendance-securitaire > div img {
width: 120px;
height: 120px;
padding: 20px;
}
.tendance-securitaire > div h2 {
font-size: 20px;
}   .footer {
padding: 25px 0;
}
.footer .row div:first-of-type h2 {
font-size: 18px;
line-height: 32px;
}
.footer .link-footer ul {
flex-direction: row;
margin-top: 30px;
margin-bottom: 0;
}
.footer .logo-area + h2 {
margin-bottom: 0;
}
.footer .link-footer ul li a {
font-size: 14px;
}
.footer .link-footer li::before {
display: none;
}
.footer-bottom {
padding: 20px 0;
font-size: 12px;
}
.submenu-footer li{
padding: 0 5px;
}
}
@media screen and (max-width: 500px) {
.is-full-width img {
top: 179px;
}
}
@media screen and (max-width: 483px) {
.is-style-btn1 a,
.load-more-btn,
.is-style-btn2 a {
padding: 10px 20px;
}   .slider-nav {
justify-content: center;
align-items: center;
background-color: transparent;
padding-bottom: 10px;
display: none;
}
.slider.police + .slider-nav {
padding: 0 15px;
display: flex;
justify-content: space-between;
position: relative;
top: -30px;
}
.slider.police {
padding: 15px 0 0;
}
.dots-container {
display: none;
}
.slider-outer.slick.slick-loaded {
background-color: #ededf4;
}   .search-content .search-area {
width: 100vw;
top: 103px;
height: 65px;
right: -24px;
opacity: 1;
transition: none;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 4px;
}
.search-content .search-area.active {
opacity: 0;
}
.search-content .search-area.show {
background-color: #fff;
opacity: 1;
right: -24px;
display: flex;
height: 65px;
top: 58px;
flex-direction: column;
justify-content: center;
-webkit-animation: fadeInLeft 0.5s both;
-moz-animation: fadeInLeft 0.5s both;
-o-animation: fadeInLeft 0.5s both;
animation: fadeInLeft 0.5s both;
}
.search-content .search-area .main-search {
box-shadow: none;
display: flex;
justify-content: space-between;
height: 65px;
}
.search-content .search-area .main-search input[type="text"] {
border: none;
width: 100%;
}
.search-content .search-area .main-search input[type="text"]::placeholder {
color: #c5c5c5;
font-weight: 400;
font-size: 14px;
}
.search-content .search-area .search-send i {
display: none;
}   .is-full-width {
height: 105px;
}
.is-full-width img {
position: absolute;
top: 173px;
height: 140px;
object-fit: cover;
left: calc(0px - ((100vw - 100%) / 2));
}
.title-prest {
margin-top: 15px;
}
.footer .row div:first-of-type{
align-items: center;
flex-direction: column;
}
}
@media screen and (max-width: 357px) {
.search-content .search-area.show{
top: 67px;
}   .footer .row div:first-of-type h2 {
font-size: 14px;
}
}
@media screen and (max-width: 300px) {
.home-img-links {
height: 120px;
top: 25px;
margin-bottom: -5px;
align-content: flex-end;
}
.home-img-links img {
height: 145px;
}   .logo-area img {
width: 175px;
}   .tendance-securitaire {
padding-bottom: 40px;
}
.tendance-securitaire > div {
flex-direction: row;
margin-bottom: 28px;
}
.tendance-securitaire > div div {
text-align: left;
}
.tendance-securitaire > div figure {
margin: 0;
margin-right: 24px;
border: 2px solid #000;
}
.tendance-securitaire > div img {
width: 80px;
height: 80px;
padding: 10px;
}
}   :focus-visible {
outline: 3px solid var(--color-primary) !important;
outline-offset: 2px;
}
#website-menu :focus-visible,
.footer :focus-visible,
.footer-bottom :focus-visible {
outline-color: #fff !important;
}
.main-content:focus {
outline: none;
}
.skip-link {
position: absolute;
top: 8px;
left: 8px;
z-index: 1000;
padding: 12px 20px;
background: #fff;
color: var(--color-primary-header);
font-weight: 600;
text-decoration: underline;
transform: translateY(-200%);
}
.skip-link:focus {
transform: none;
}   .urgence {
background: #ededf4;
color: var(--color-primary-header);
}
.urgence-inner {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: center;
gap: 4px 24px;
max-width: 1140px;
margin: 0 auto;
padding: 8px 16px;
}
.urgence-titre {
margin: 0;
font-size: 15px;
font-weight: 600;
}
.urgence-liste {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px 8px;
margin: 0;
padding: 0;
list-style: none;
}
.urgence-lien {
box-sizing: border-box;
display: inline-flex;
align-items: baseline;
gap: 6px;
min-height: 44px;
padding: 10px 12px;
color: var(--color-primary);
text-decoration: none;
}
.urgence-lien:hover {
background: #fff;
text-decoration: none;
text-shadow: none;
}
.urgence-numero {
font-size: 20px;
font-weight: 700;
line-height: 1;
font-variant-numeric: tabular-nums;
}
.urgence-libelle {
font-size: 15px;
line-height: 1.2;
text-decoration: underline;
text-underline-offset: 3px;
}
.urgence-liste li:first-child .urgence-numero {
font-size: 24px;
}
.footer h2 .urgence-footer {
color: inherit;
text-decoration: underline;
text-underline-offset: 4px;
}
@media (max-width: 575px) {
.urgence-inner {
padding: 8px 16px 12px;
}
.urgence-titre {
width: 100%;
text-align: center;
}
.urgence-liste {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: stretch;
width: 100%;
}
.urgence-liste li {
display: flex;
}
.urgence-lien {
width: 100%;
background: #fff;
}
}