/*
Theme Name: Alteas
Theme URI: https://comtogether.fr
Author: Com Together
Author URI: https://comtogether.fr
*/

@font-face {
    font-family: 'Lexend Deca';
    src: url('fonts/LexendDeca-Regular.woff2') format('woff2'),
        url('fonts/LexendDeca-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'dinregular';
    src: url('fonts/din_regular-webfont.woff2') format('woff2'),
         url('fonts/din_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dinbold';
    src: url('fonts/din_bold-webfont.woff2') format('woff2'),
         url('fonts/din_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Fredoka One';
    src: url('fonts/FredokaOne-Regular.woff2') format('woff2'),
        url('fonts/FredokaOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* MCE */

.alignnone {
    margin: 0px 00px 20px 0;
    max-width: 100%;
    height: auto;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    max-width: 100%;
    height: auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
    max-width: 100%;
    height: auto;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    max-width: 100%;
    height: auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-smiley {
    height: 20px;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
body {
    font-size: 16px;
    font-family: 'dinregular';
    font-style: normal;
    background-image: url('images/bg.png');
    line-height: 1;
    background-attachment: fixed;
}
header {
    padding-bottom: 20px;
}
header ul:not(.reseaux) {
    font-family: 'Lexend Deca';
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    list-style-type: none;
    font-size: 14px;
    width: 100%;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
} 
header ul:not(.reseaux) li {
    margin: 0 15px;
}
header ul:not(.reseaux) li a {
    color: #4C565C;
    text-decoration: none;
    transition: all .3s ease-in-out;
}
header ul:not(.reseaux) li a:hover {
    color: #DD0C4F;
    text-decoration: none;
}
header ul:not(.reseaux) li a:after {
    content: '';
    width: 0;
    height: 1px;
    background: #DD0C4F;
    display: block;
    transition: all .5s ease-in-out;
    transform: translateY(5px);
}
header ul:not(.reseaux) li a:hover:after {
    width: 100%;
}
header ul:not(.reseaux) .menu-item-has-children {
    position: relative;
}
header ul:not(.reseaux) .menu-item-has-children:hover .sub-menu {
    display: block;
}
header ul:not(.reseaux) .sub-menu {
    display: none;
    position: absolute;
    min-width: 250px;
    background: #d91f51;
    border-top: 10px solid white;
    z-index: 15;
}
header ul:not(.reseaux) .sub-menu li {
    padding: 7.5px 15px;
    margin: 0;
    width: 100%;
}
header ul:not(.reseaux) .sub-menu li:first-child {
    margin: 0;
    padding: 15px;
}
header ul:not(.reseaux) .sub-menu li:last-child {
    padding:  7.5px 15px 15px 15px;
}
header ul:not(.reseaux) .sub-menu li a {
    color: white;
    font-size: .8rem;
}
header ul:not(.reseaux) .sub-menu li a:after {
    content: none;
}
header ul.reseaux, footer ul.reseaux {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding-right: 15px;
}
header ul.reseaux li, footer ul.reseaux li {
    width: 30px;
}
header ul.reseaux li a svg, footer ul.reseaux li a svg {
    width: 100%;
    height: 20px;
    fill: #d91f51;
}
header span.target {
    display: inline-flex;
    align-items: center;
    border: 2px solid #4c565c;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    margin: 5px;
    transition: all .4s ease-in-out;
    position: relative;
}
header span.target:hover {
    background:#4c565c;
    color: white;
}
header span.hamburger {
    width: 20px;
    display: block;
    margin-right: 10px;
    margin-left: auto;
}
header span.target nav {
    width: 300px;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    z-index: 99999;
    border-top: 10px solid white;
    display: none;
}
header span.target[data-target="menu_principal"]:hover nav {
    display: block;
}
header span.target nav ul {
    flex-wrap: wrap;
    background: #4d565b;
    border-radius: 0 0 5px 5px;
}
header span.target nav ul li {
    width: 100%;
    padding: 10px 0;
}
header span.target nav ul li:first-child {
    padding-top: 20px;
}
header span.target nav ul li:last-child {
    padding-bottom: 20px;
}
header span.target nav ul li a,
header span.target nav ul li a:hover,
header span.target nav ul li a:active,
header span.target nav ul li a:focus {
    color: white;
}
header span.hamburger span {
    display: block;
    width: 20px;
    height: 2px;
    background: #d91f51;
    border-radius: 10px;
    margin: 4px 0;
}
header.open {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 11;
    background: #4c565c;
}
header.open .logo .cls-1,
header.open .logo .cls-2,
header.open .logo .cls-3 {
    fill: white;
}
header.open span.target {
    border-color: white;
    color: white;
}
header.open ul.reseaux li a svg {
    fill: white;
}
header.open span.hamburger span {
    background: white;
}
header.open span.target.active span.hamburger span:first-child {
    transform: translateY(6px) rotate(45deg);
}
header.open span.target.active span.hamburger span:nth-of-type(2) {
    opacity: 0;
}
header.open span.target.active span.hamburger span:last-child {
    transform: translateY(-6px) rotate(-45deg);
}
header.open span.target.active {
    background: white;
}
header.open span.target.active span.hamburger span {
    background: #d91f51;
}
header.open span.target.active span.title {
    color: #d91f51;
}
nav.full-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #4c565c;
    z-index: 9;
    display: none;
    padding-top: 140px;
}
/*nav.full-menu[data-menu="menu_principal"] {
    display: block;
}*/
nav.full-menu .container-box {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
nav.full-menu .contain-overflow {
    display: flex;
    align-items: center;
    
}
nav.full-menu .container-box::-webkit-scrollbar {
  display: none;
}
nav.full-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-left: 10rem;
}
nav.full-menu ul li {
    margin: 1rem 0;
}
nav.full-menu ul li a {
    color: white;
    text-decoration: none;
    font-size: 2rem;
    text-transform: uppercase;
    position: relative;
} 
nav.full-menu ul li a:after {
    content: '';
    width: 0;
    height: 3px;
    background: #d91f51;
    transition: all .5s ease-in-out;
    display: block;
    position: absolute;
    margin-top: 5px;
}

nav.full-menu ul li a:hover:after,
nav.full-menu ul li a:focus:after,
nav.full-menu ul li a:active:after {
    width: 100%;
}
nav.full-menu ul li .sub-menu {
    margin-left: 1rem;
    padding-left: 0;
}
nav.full-menu ul li .sub-menu li {
    margin: .5rem 0;
}
nav.full-menu ul li .sub-menu a {
    font-size: 1.4rem;
        text-transform: initial;
}
nav.full-menu ul li.menu-item-has-children > a {
    margin-bottom: 1rem;
    display: block;
}
nav.full-menu[data-menu="votre_activite"] ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
nav.full-menu[data-menu="votre_activite"] ul li {
    width: calc(100% / 4);
    padding: 15px;
    margin: 0;
}
nav.full-menu[data-menu="votre_activite"] ul li a svg {
    max-width: 85px;
    height: 70px;
    fill: #4c565c;
}
nav.full-menu[data-menu="votre_activite"] ul li a:after {
    content: none;
}
nav.full-menu[data-menu="votre_activite"] ul li a {
    background: white;
    color: #D91F51;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding: 30px 15px;
    justify-content: center;
    text-align: center;
    border-radius: 15px;
    transition: all .5s ease-in-out;
}
nav.full-menu[data-menu="votre_activite"] ul li:last-child a {
    color: #2389b7;
}
nav.full-menu[data-menu="votre_activite"] ul li:last-child a:hover,
nav.full-menu[data-menu="votre_activite"] ul li:last-child a:focus,
nav.full-menu[data-menu="votre_activite"] ul li:last-child a:active {
    background: #2389b7;
}
nav.full-menu[data-menu="votre_activite"] ul li a:hover,
nav.full-menu[data-menu="votre_activite"] ul li a:active,
nav.full-menu[data-menu="votre_activite"] ul li a:focus {
    background: #D91F51;
    color: white;
}
nav.full-menu[data-menu="votre_activite"] ul li a:hover svg *, 
nav.full-menu[data-menu="votre_activite"] ul li a:active svg *,
nav.full-menu[data-menu="votre_activite"] ul li a:focus svg * {
    fill: white;
}
nav.full-menu[data-menu="votre_activite"] ul li a .title {
    display: block;
    width: 100%;
    font-size: 1.4rem;
    margin-top: 1.5rem;
}
nav.full-menu[data-menu="nos_produits"] ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
nav.full-menu[data-menu="nos_produits"] ul li {
    width: 50%;
    padding: 15px;
    height: 500px;
}
nav.full-menu[data-menu="nos_produits"] ul li a {
    display: flex;
    padding: 30px;
    border-radius: 15px;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
}
nav.full-menu[data-menu="nos_produits"] ul li a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(221, 12, 79, .9);
    border-radius: 15px;
}
nav.full-menu[data-menu="nos_produits"] ul li.particuliers a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(35,137,183, .9);
    border-radius: 15px;
}
nav.full-menu[data-menu="nos_produits"] ul li a .title {
    position: relative;
    z-index: 2;
    padding: 0 30px;
}
nav.full-menu[data-menu="nos_produits"] ul li a:after {
    content: none;
}
nav.full-menu[data-menu="nos_produits"] ul li.professionnels a {
    background: #D91F51;
}
nav.full-menu[data-menu="nos_produits"] ul li.particuliers a {
    background: #2389B7;
}
@media only screen and (max-width: 992px) {
    nav.full-menu {
        padding-top: 160px;
    }
    nav.full-menu .contain-overflow {
        display: block;
    }
    nav.full-menu ul {
        padding-left: 0;
    }
    nav.full-menu[data-menu="votre_activite"] ul li {
        width: 50%;
    }
}
@media only screen and (max-width: 768px) { 
    nav.full-menu[data-menu="votre_activite"] ul li {
        width: 100%;
    }
}
/* HOME */ 
#home {
    padding-top: 100px;
    overflow-x: hidden;
}
#home h1 {
    font-family: "Fredoka One";
    font-weight: normal;
    font-size: 3.5rem;
    line-height: 1;
    color: #4c565c;
    text-transform: uppercase;
}
#home h1 .rose {
    color: #D91F51;
}
/*#home .actus:before {
    content: '';
    display: block;
    height: 300px;
    background: #d91f51;
    width: 60%;
    margin-right: 0;
    margin-left: auto;
    border-radius: 50px 0 0 50px;
}*/

#home .video video{
    border-radius: 15px;
    width: 100%;
}

#home .actus {
    position: relative;
    padding-top: 60px;
    transform: translateX(100%);
}
#home .actus .onright {
    margin-left: auto;
    margin-right: 0;
    max-width: initial;
}
#home .actus:after {
    content: '';
    position: absolute;
    right: 0;
    display: block;
    background: #4c565c;
    width: 50%;
    bottom: 0;
    top: 60px;
    z-index: -1;
}
#home .actus .sujet {
    background: #4c565c;
    padding: 60px 30px;
    border-radius: 50px 0 0 50px;
    text-decoration: none;
}
#home .actus h2 {
    font-family: "Fredoka One";
    font-size: 2.1875rem;
    color: white;
    margin-bottom: 15px;
}
#home .actus h3 {
    color: white;
    font-size: 1.65rem;
    line-height: 1;
}
#home .actus .sujet .thumbnail img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 100%;
}
#home .actus .sujet .thumbnail-post img {
    border-radius: 25px;
}
#home .actus .sujet a .content {
    padding-left: 15px;
}
#home .actus .sujet .see {
    display: inline-block;
    padding: 15px 30px;
    border-radius: 50px;
    text-transform: uppercase;
    color: white;
    margin-top: 15px;
    border: 2px solid white;
}
#home .actus .sujet .author {
    color: white;
    text-decoration: none;
    font-size: .9rem;
    font-style: italic;
}
#home .start {
    transform: translateY(50px);
    opacity: 0;
}
#a_propos {
    padding: 140px 0 35px 0;
}
#a_propos .top_bc:nth-of-type(2) {
    margin-top: -70px;
}
#a_propos .bc {
    color: #212529;
    text-decoration: none;
}
#a_propos .bc svg {
    width: auto;
    max-height: 110px;
    margin-bottom: 25px;
}
#a_propos .bc svg path {
    fill: #D91F51;
}
#a_propos .bc .titre {
    display: block;
    margin-bottom: 25px;
}
#partenaires {
    padding-top: 35px;
    padding-bottom: 35px;
}
#partenaires h2 {
    font-family: "Fredoka One";
    font-weight: normal;
    font-size: 2.1875rem;
    color: #4c565c;
    margin-bottom: 25px;
}
#environnement_metier {
    padding-top: 35px;
    padding-bottom: 35px;
}
#environnement_metier h2 {
    font-family: "Fredoka One";
    font-weight: normal;
    font-size: 2.1875rem;
    color: #4c565c;
    margin-bottom: 25px;
}
#environnement_metier .bc {
    /*margin: 25px auto;*/
    padding: 25px;
    transition: background .4s ease-in-out;
    border-radius: 15px;
    transform: translateY(50px);
    opacity: 0;
    display: block;
    text-decoration: none;
}

#environnement_metier .bc .titre {
    display: block;
    margin-top: 25px;
        color: #4c565c;
}
#environnement_metier .bc svg {
    width: auto;
    height: 70px;
    max-width: 85px;
    fill: #4d565b;
}
#environnement_metier .bc:hover {
    background: #DD0C4F;
}
#environnement_metier .bc.bg_bleu:hover {
    background: #2389b7;
}
#environnement_metier .bc:hover .titre {
    color: white;
}
#environnement_metier .bc:hover svg, #environnement_metier .bc:hover svg path, #environnement_metier .bc:hover svg rect {
    fill: white;
}
#cta {
    padding-top: 35px;
    padding-bottom: 35px;
}
#cta h2 {
    font-size: 2.5rem;
    font-family: "Fredoka One";
    line-height: 1;
    color: #4C565C;
}
#cta h2 .titre_rose {
    color: #D91F51;
}
#cta .links a {
    display: block;
    padding: 15px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    background: #DD0C4F;
    border-radius: 30px;
    margin: 15px auto;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    text-decoration: none;
}
#cta .links a:first-child {
    margin-top: 0;
}
#cta .links a:last-child {
    background: #2389b7;
    margin-bottom: 0;
}
#access {
    padding-top: 35px;
    padding-bottom: 35px;
}

#access .bk_access {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    box-shadow: 0px 3px 80px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    background-size: cover;
    background-position: center;
    height: 255px;
    text-decoration: none;
    overflow: hidden;
    position: relative;
}
#access .bk_access:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(76,86,92,0);
    transition: all .3s ease-out;
}
#access .bk_access.first {
    height: 540px;
}
#access .bk_access.second {
    margin-bottom: 15px;
}
#access .bk_access.third, #access .bk_access.four {
    margin-top: 15px;
}
#access .bk_access .content {
    text-align: center;
    transform: translateY(50vh);
    transition: all .8s ease-in-out;
}
#access .bk_access .content h3 {
    font-family: 'dinbold';
    font-weight: bold;
    color: #4c565c;
    font-size: 1.875rem;
    line-height: 1;
    margin-bottom: 25px;
}
#access .bk_access .content .see {
    font-family: "Lexend Deca";
    display: inline-block;
    padding: 7.5px 15px;
    background: #4c565c;
    color: white;
    border-radius: 15px;
    font-size: 0.9375rem;
}
#access .bk_access:hover .content {
    transform: translateY(0);
}
#access .bk_access:hover:before {
    background: rgba(76,86,92,.5);
}
#access .bk_access:hover .content h3 {
    color: white;
}
#access .sol:nth-of-type(1) .content .see {
    background: #DD0C4F;
}
#access .sol:nth-of-type(2) .content .see {
    background: #2389b7;
}

/* EQUIPE */ 

#equipe {
    padding-top: 50px;
}
#equipe h1 {
    font-family: "Fredoka One";
    font-weight: normal;
    font-size: 3.5rem;
    line-height: 1;
    color: #4c565c;
    margin-bottom: 25px;
}
#equipe h1 .rose {
    color: #D91F51;
}
#equipe .staff {
    position: relative;
    /*max-height: 500px;*/
}
#equipe img {
    border-radius: 15px;
}
#equipe .staff img {
    width: 220px;
}
#equipe .staff img:nth-of-type(1) {
    transform: rotate(-15deg);
    z-index: 7;
    position: relative;
}
#equipe .staff img:nth-of-type(2) {
    transform: rotate(9deg) translateY(-4%) translateX(-8%) scale(1);
    z-index: 6;
    position: relative;
}
#equipe .staff img:nth-of-type(3) {
    transform: rotate(-3deg) translateY(-5%) translateX(-5%) scale(1);
    z-index: 8;
    position: relative;
} 
#equipe .staff img:nth-of-type(4) {
    transform: rotate(8deg) translateY(-22%) translateX(7%) scale(1);
    z-index: 8;
    position: relative;
} 
#equipe .staff img:nth-of-type(5) {
    transform: rotate(-4deg) translateY(-18%) translateX(7%) scale(1);
    z-index: 8;
    position: relative;
}
#equipe .staff img:nth-of-type(6) {
    transform: rotate(8deg) translateY(-12%) translateX(-16%) scale(1);
    z-index: 8;
    position: relative;
}
#equipe .staff img:nth-of-type(7) {
    transform: rotate(7deg) translateY(-220%) translateX(78%) scale(1);
    z-index: 1;
    position: relative;
}

#equipe .staff img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
#equipe .staff .active {
    z-index: 99;
    opacity: 1;
    transform: scale(1);
     -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
}
#equipe .staff-content .personne {
    display: none;
    background: #4c565c;
    border-radius: 15px;
    padding: 30px 15px;
    color: white;
}
#equipe .staff-content .personne a {
    color: white;
    font-weight: 800;
}
#equipe .staff-content .personne .phrase {
    font-style: italic;
    display: block;
    margin-bottom: 10px;
}
#equipe .staff-content .personne h2 {
    font-family: "Fredoka One";
    font-size: 1.6rem;
}
#equipe .staff-content .personne ul {
    margin-bottom: 0;
}
#equipe .staff-content .personne ul li {
    margin: 5px auto;
}
@media only screen and (max-width: 1200px) {
    #equipe .staff img {
        transform: none!important;
        width: calc(100% / 4);
        height: auto;
        object-fit: cover;
        object-position: top;
    }
}
@media only screen and (max-width: 992px) {
    #equipe .staff img {
        transform: none!important;
        width: 150px;
        height: 150px;
        object-fit: cover;
        object-position: top;
    }
}

/* ASSURANCE */

#assurance {
    padding-top: 50px;
}
#assurance h1 {
    font-family: "Fredoka One";
    font-weight: normal;
    font-size: 3.5rem;
    line-height: 1; 
    color: #4c565c;
    margin-bottom: 25px;
}
#assurance h1 .rose,
#assurance .head.color_1 a {
    color: #D91F51;
}
#assurance h1 .rose.color_2,
#assurance .head.color_2 a  {
    color: #2389b7;
}
#assurance .head a {
    text-decoration: none;
}

#assurance .bc {
    padding: 15px;
    border-radius: 15px;
    color: #4c565c;
    transition: all .4s ease-in-out;
    opacity: 0;
    text-decoration: none;
    transform: translateY(50px);
}
#assurance .bc.end_blue {
    display: block;
    text-decoration: none;
}
#assurance .color_1 .bc.end_blue:hover {
    background: #2389b7;
}
#assurance .bc svg {
    width: auto;
    height: 60px;
    max-width: 200px;
    margin-bottom: 25px;
}
#assurance .color_1 .bc svg path,
#assurance .color_1 .bc svg circle,
#assurance .color_1 .bc svg rect {
    fill: #D91F51;
}
#assurance .color_2 .bc svg path,
#assurance .color_2 .bc svg circle,
#assurance .color_2 .bc svg rect {
    fill: #2389B7;
}
#assurance .color_1 .bc.end_blue svg path,
#assurance .color_1 .bc.end_blue svg circle,
#assurance .color_1 .bc.end_blue svg rect {
    fill: #2389B7;
}
#assurance .bc .titre {
    font-weight: 800;
    display: block;
    margin-bottom: 10px;
}
#assurance .color_1 .bc .titre {
    color: #D91F51;
}
#assurance .color_2 .bc .titre {
    color: #2389B7;
}
#assurance .bc.end_blue .titre {
    color: #2389B7;
}

#assurance .color_1 .bc:hover {
    background: #D91F51;
    color: white;
}
#assurance .color_2 .bc:hover {
    background: #2389B7;
    color: white;
}
#assurance .bc:hover .titre {
    color: white;
}
#assurance .color_1 .bc:hover svg path, 
#assurance .color_2 .bc:hover svg path,
#assurance .color_2 .bc:hover svg rect,
#assurance .color_2 .bc:hover svg circle,
#assurance .color_1 .bc:hover svg rect,
#assurance .color_1 .bc:hover svg circle {
    fill: white;
}
#assurance .cta-block {
    padding: 35px 15px;
    text-decoration: none;
}
#assurance .cta-block img {
    height: 300px;
    object-fit: cover;
    border-radius: 50px 0 0 50px;
    display: block;
    margin: auto;
}
#assurance .cta-block .title {
    display: flex;
    width: 100%;
    height: 100%;
    background: #dd0c4f;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 0 50px 50px 0;
    font-size: 2rem;
    text-align: center;
    font-weight: 600;
}
.page-id-138 #assurance .cta-block .title {
    background: #2389b7;
}
/* DOCUMENTATION */ 
#documentation .plaquette_btn {
    display: inline-block;
    padding: 15px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    background: #DD0C4F;
    border-radius: 30px;
    margin: 15px auto;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    text-decoration: none;
}
#documentation {
    padding-top: 50px;
}
#documentation h1 {
    font-family: "Fredoka One";
    font-weight: normal;
    font-size: 3.5rem;
    line-height: 1; 
    color: #4c565c;
    margin-bottom: 25px;
}
#documentation h2 {
    font-family: "Fredoka One";
    font-weight: normal;
    font-size: 2rem;
    line-height: 1; 
    color: #D91F51;
}
#documentation .questionnaire, #documentation .document, #document .magazine {
    margin: 35px auto;
}
#documentation .questionnaire .file {
    display: block;
    padding: 20px;
    background:#D91F51;
    color: white;
    text-decoration: none;
    text-align: center;
    height: 100%;
    transition: all .4s ease-in-out;
    border-radius: 15px;
}
#documentation .questionnaire .file:hover {
    background: #4c565c;
}
#documentation .questionnaire .file:before {
    content: url('images/download.svg');
    display: block;
    width: 35px;
    margin: auto auto 15px auto;
}
#documentation .document .file {
    display: flex;
    flex-wrap: wrap;
    color: #4c565c;
    text-decoration: none;
    align-items: center;
}
#documentation .document .file:before {
    content: '';
    background-image: url('images/download-r.svg');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    width: 35px;
    height: 35px;
    border: 1px solid #D91F51;
    display: inline-flex;
    padding: 8px;
    transition: all .4s ease-in-out;
    border-radius: 5px;
} 
#documentation .document .file:hover:before {
    background-color: #D91F51;
    background-image: url('images/download.svg');
}
#documentation .document .file span.title {
    width: calc(100% - 35px);
    padding-left: 10px;
}
#documentation .magazine .file {
    text-decoration: none;
}
#documentation .magazine .file img {
    transition: all .5s ease-in-out;
}
#documentation .magazine .file img:hover {
    filter: grayscale(1);
}
#documentation .magazine .item span.title, #documentation .magazine .item span.date {
    opacity: 1;
    display: block;
    text-align: center;
    color: #3e4b51;
    margin-top: 15px;
    padding: 0 6px;
    transition: all .4s ease-in-out;
}
#documentation .magazine .item span.title {
    font-weight: bold;
    color: #d91f51;
}
#documentation .magazine .item span.date {
    text-transform: uppercase;
    font-size: .9rem;
}
#documentation .magazine .item.center span.title, #documentation .magazine .item.center span.date {
    opacity: 1;
}
/* BLOG */ 

#blog {
    padding-top: 50px;
}
#blog h1 {
    font-family: "Fredoka One";
    font-weight: normal;
    font-size: 3.5rem;
    line-height: 1; 
    color: #4c565c;
    margin-bottom: 25px;
}
#blog h1 .rose {
    color: #D91F51;
}
#blog .last_post {
    padding-top: 35px;
    padding-bottom: 35px;
}
#blog .last_post.onright {
    margin-right: 0;
    max-width: inherit;
}
#blog .last_post article .bg {
    min-height: 300px;
    background-size: cover;
    background-position: center;
    border-radius: 50px 0 0 50px;
}
#blog .last_post article a {
    text-decoration: none;
    color: #4c565c;
}
#blog .old_posts article.video {
    position: relative;
}
#blog .old_posts article.video .post span.see {
    background: #D91F51;
}
#blog .old_posts article.video:before {
    content:  url('images/video.svg');
    display: block;
    width: 40px;
    position: absolute;
    top: 30px;
    left: 30px;
    filter: invert(1);
}
#blog .last_post h2 {
    font-family: "Fredoka One";
    font-weight: normal;
    font-size: 1.875rem;
    line-height: 1;
    color: #D91F51;
}
#blog .last_post .see {
    display: inline-block;
    padding: 15px 30px;
    border-radius: 30px;
    background: #D91F51;
    color: white;
}
#blog .last_post img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 50px 0 0 50px;
}
#blog .old_posts h2 {
    font-family: "Fredoka One";
    font-size: 2.5rem;
    color: #4c565c;
}
#blog .old_posts .post {
    border-radius: 15px;
    background: white;
    display: block;
    overflow: hidden;
    box-shadow: 0px 3px 80px rgba(0, 0, 0, 0.16);
    margin: 15px auto;
}
#blog .old_posts .post img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}
#blog .old_posts .post .content {
    padding: 10px;
}
#blog .old_posts .post .content h3 {
    font-size: 1.15rem;
    line-height: 1;
    color: #4c565c;
    font-weight: 800;
    min-height: 40px;
}
#blog .old_posts article.video .post .content h3 {
    color: #D91F51;
}
#blog .old_posts .post span.see {
    display: block;
    background: #3e4b51;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: white;
}
#blog .old_posts a, #blog .old_posts .post:hover, #blog .old_posts .post:focus, #blog .old_posts .post:active {
    text-decoration: none;
}
#blog .old_posts .post .content .date {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    color: #3e4b51;
    font-size: .9rem;
}
#blog .old_posts .post .content .date:before {
    content: url('images/time.svg');
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
#blog .old_posts .post .no-thumbnail {
    width: 100%;
    height: 150px;
    background-color: #3d4a50;
    background-image: url('images/image.svg');
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: center;
}
#blog .pagination-posts {
    margin-top: 35px;
    margin-bottom: 35px;
}
#blog .pagination-posts a {
    background: #d91f51;
    padding: 15px;
    border-radius: 15px;
    color: white;
    text-decoration: none;
    margin: 5px;
}
#blog.videos .post .content h3 {
    font-size: 1.10rem;
    min-height: 75px;
}
#blog.sujetbreve h2 {
    line-height: 1;
}
#blog.sujetbreve .old_posts .post .content h3 {
    min-height: 55px;
    font-size: 1.10rem;
}
#blog.sujetbreve .breves article .post {
    background: transparent;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    overflow: visible;
    margin: 5px auto;
}
#blog.sujetbreve .breves article .post .content {
    padding: 0;
}
#blog.sujetbreve .old_posts .breves article .post h3 {
    min-height: auto;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
}
#blog.sujetbreve .breves article .post:hover h3,
#blog.sujetbreve .breves article .post:focus h3,
#blog.sujetbreve .breves article .post:active h3 {
    color: #d91f51;
}

#blog.sujetbreve .btn-breve {
    background: #dd0c4f;
    display: block;
    border-radius: 50px;
    text-align: center;
    padding: 10px;
    font-size: 1rem;
    margin-top: 15px;
    color: white;
}
#single #header {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#single #header img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
#single #header h1 {
    display: inline-block;
    background: rgb(229 0 77 / 70%);
    padding: 10px 20px;
    color: white;
}
#single #header .date span {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    background: rgb(255 255 255 / 70%);
    padding: 10px 20px;
}
#single #header .date span:before {
    content: url('images/time.svg');
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
#single .body-post {
    padding-top: 50px;
    padding-bottom: 50px;
}
#single .content-post h2, #single .content-post h3, #single .content-post h4, #single .content-post h5, #single .content-post h6 {
    color:  #D91F51;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 25px;
}
#single .tags {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    flex-wrap: wrap;
} 
#single .tags li {
    margin: 5px 5px 5px 0;
}
#single .tags li a {
    background: #D91F51;
    padding: 10px;
    border-radius: 15px;
    display: inline-block;
    color: white;
    text-decoration: none;
    font-size: .9rem;
    transition: all .4s ease-out;
}
#single .tags li a:hover, #single .tags li a:focus, #single .tags li a:active {
    background:  #3e4b51;
}
#single .categories {
    background: #3e4b51;
    border-radius: 15px;
    padding: 15px;
    color: white;
    margin-top: 25px;
}
#single .categories span.title {
    display: block;
    font-size: 1.15rem;
    font-weight: bold;
    margin-bottom: 15px;
}
#single .categories ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#single .categories ul li a {
    color: white;
    text-decoration: none;
}
#single .categories ul li a:focus, #single .categories ul li a:active, #single .categories ul li a:hover {
    color: #D91F51;
}
#single .categories li {
    margin: 5px 5px 5px 0;
}
#single .share {
    background: #D91F51;
    border-radius: 15px;
    padding: 15px;
    color: white;
    margin-top: 25px;
}
#single .share .title {
    display: block;
    font-size: 1.15rem;
    font-weight: bold;
    margin-bottom: 15px;
}
#single .share ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#single .share li {
    margin: 5px 5px 5px 0;
}
#single .share li a, #single .share li a:hover, #single .share li a:focus, #single .share li a:active {
    color: white;
    text-decoration: none;
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}
#single .share li svg {
    margin-right: 10px;
    width: 12px;
    height: 12px;
    fill: white;
}
#single .content-post blockquote {
    background: #3e4b51;
    padding: 15px;
    border-top: 5px solid #d91f51;
    color: white;
}
#single .content-post blockquote p:last-child {
    margin-bottom: 0;
}
#single .content-post blockquote a {
    color: white;
    text-decoration: none; 
}
#single .content-post a {
    color: #d91f51;
    font-weight: bold;
    text-decoration: none;
    word-break: break-all;
}
#single .content-post ul li {
    margin: 5px 5px 5px 0;
}
#single .author {
    display: inline-flex;
    flex-wrap: wrap;
    max-width: 100%;
    background: #d91f51;
    border-radius: 15px;
    padding: 15px;
    color: white;
    align-items: center;
    font-size: .9rem;
    text-align: center;
}
#single .author img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 10px;
    margin: auto auto 15px auto;
}
#single .author p {
    width: 100%;
    margin-bottom: 0;
}
#single .pagination a {
    display: inline-block;
    padding: 15px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    background: #DD0C4F;
    border-radius: 30px;
    margin: 15px 0;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    text-decoration: none;
    transition: all .5s ease-in-out;
}
#single .pagination a:hover,
#single .pagination a:focus,
#single .pagination a:active {
    background: #3e4b51;
}

/* CONTACT */
#contact {
    padding-top: 50px;
}
#contact h1 {
    font-family: "Fredoka One";
    font-weight: normal;
    font-size: 3.5rem;
    line-height: 1;
    color: #4c565c;
}
#contact h1 .rose {
    color: #D91F51;
    display: block;
}
#contact .agence {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 25px auto;
}
#contact .agence:before {
    content: url('images/location.svg');
    width: 25px;
    height: 25px;
    display: block;
    margin-right: 15px;
}
#contact .agence span.title {
    color: #D91F51;
    font-weight: 800;
    display: block;
    width: calc(100% - 50px);
}
#contact .agence a {
    display: block;
    width: calc(100% - 50px);
    text-decoration: none;
    color: #4c565c;
}
#contact .agence a:hover {
    color: #D91F51;
}
#contact .agence a.tel,#contact .agence a.mail {
    margin-top: 10px; 
}
#contact .contact_container.onright {
    margin-right: 0;
    max-width: inherit;
}
#contact .iframe {
    overflow: hidden;
    border-radius: 50px 0 0 50px;
}
#contact .iframe iframe {
    width: 100%;
    height: 350px;
}
#contact .content a {
    text-decoration: none;
    color:#D91F51;
    font-weight: 800;
}
#contact .form {
    margin-top: 50px;
}
#contact .form .wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#contact .form .wrap .group {
    width: 50%;
    padding: 15px;
}
#contact .form input[type='text'], #contact .form input[type='tel'], #contact .form input[type="email"] {
    border: none;
    border-bottom: 1px solid #645258;
    background: transparent;
    outline: none;
}
#contact .form textarea {
    border: 1px solid #645258;
    background: transparent;
    outline: none;
}
#contact .form input, #contact .form textarea {
    width: 100%;
}
#contact .form .rgpd label {
    display: inline-flex;
    align-items: center;
}
#contact .form .rgpd label input {
    margin-right: 10px;
    width: 15px;
}
#contact .form .rgpd label span {
    width: calc(100% - 25px);
}
#contact .form input[type="submit"] {
    width: auto;
    padding: 15px 100px;
    background: #3e4b51;
    border-radius: 50px;
    color: white;
    border: none;
}
#contact .form input[type="submit"]:disabled {
    opacity: .5;
}
#contact .wpcf7 form .wpcf7-response-output {
    padding: 15px;
    text-align: center;
}
#contact .wpcf7 form .wpcf7-not-valid-tip {
    background-color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: inline-block;
    color: white;
    padding: 5px;
    margin-top: 5px;
}

/* PARTENAIRES */

#partenaires {
    padding-top: 50px;
}
#partenaires h1 {
    font-family: "Fredoka One";
    font-weight: normal;
    font-size: 3.5rem;
    line-height: 1;
    color: #4c565c;
}
#partenaires h1 .rose {
    color: #D91F51;
    display: block;
}
#partenaires .partenaire {
    background: white;
    padding: 20px;
    border-radius: 15px;
    display: block;
    transform: translateY(50px);
    opacity: 0;
}
#partenaires .see {
    display: inline-block;
    padding: 15px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    background: #DD0C4F;
    border-radius: 30px;
    margin: 15px auto;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    text-decoration: none;
}
#partenaires .owl-partenaires .item img, #partenaires .partenaire img {
    transform: scale(.8);
    transition: all .4s ease-in-out;
}
#partenaires .partenaire:hover img {
    transform: scale(1);
}
#partenaires .owl-partenaires .owl-dots {
    margin-bottom: 25px;
}
#partenaires .owl-partenaires .owl-dots button span {
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #dd0c4f;
    border-radius: 100%;
    margin: 0 2px;
    transition: all .4s ease-in-out;
}
#partenaires .owl-partenaires .owl-dots button.active span {
    background: #dd0c4f;
}
/* PRESENTATION */ 

#presentation {
    padding-top: 50px;
}
#presentation h1 {
    font-family: "Fredoka One";
    font-weight: normal;
    font-size: 3.5rem;
    line-height: 1;
    color: #4c565c;
    margin-bottom: 25px;
}
#presentation h1 .rose {
    color: #D91F51;
}

/* CONTENT */

#page {
    padding-top: 50px;
}
#page h1,
#page span.title {
    font-family: "Fredoka One";
    font-weight: normal;
    font-size: 3.5rem;
    line-height: 1;
    color: #4c565c;
    margin-bottom: 25px;
}
#page h1 .rose,
#page span.title .rose {
    color: #D91F51;
}
#page h2, #page h3, #page h4, #page h5 {
    color: #d91f51;
}
#page a {
    color: #D91F51;
}
#content .btn-alteas {
    display: inline-block;
    padding: 15px 30px;
    background: #d91f51;
    border-radius: 50px;
    color: white;
    text-decoration: none;
}
#content .bc_p {
    padding-top: 35px;
    padding-bottom: 35px;
}
#content .bc1 img {
    border-radius: 15px;
}
#content .bc1 h2, #content .bc2 h2, #content .bc4 h2, #content .bc5 h2 {
    font-family: "Fredoka One";
    font-weight: normal;
    line-height: 1;
    color: #D91F51;
}
#content .bc4 h2, #content .bc5 h2 {
    margin-bottom: 50px;
    font-size: 2.5rem;
}
#content .bc4 svg, #content .bc4 img {
    max-height: 150px;
    margin-top: -75px;
}
#content .bc4 .color_bleu .cls-1 {
    fill: #269CD8;
}
#content .bc4 .color_bleu .step, #content .bc4 .color_bleu .titre {
    color: #269CD8;
    text-align: center;
}
#content .bc4 .color_bleu .cls-2 {
    fill: #ffffff;
}
#content .bc4 .color_jaune .cls-1 {
    fill: #FBC40E;
}
#content .bc4 .color_jaune .step, #content .bc4 .color_jaune .titre {
    color: #FBC40E;
    text-align: center;
}
#content .bc4 .color_jaune .cls-2 {
    fill: #ffffff;
}
#content .bc4 .color_rose .cls-1 {
    fill: #E4004D;
}
#content .bc4 .color_rose .step, #content .bc4 .color_rose .titre {
    color: #E4004D;
    text-align: center;
}
#content .bc4 .color_rose .cls-2 {
    fill: #ffffff;
}

#content .bc4 .step {
    display: block;
    font-size: 3rem;
    font-weight: 800;
    margin-top: 15px;
}
#content .bc4 .titre {
    display: block;
    font-size: 1.4rem;
    font-weight: 800;
    margin-bottom: 15px;
}
#content .bc4 ul li {
    padding: 5px 0;
}
#content .bc4 .pictogramme {
    padding: 0 15px 30px 15px;
    background: white;
    border-radius: 15px;
    box-shadow: 0px 3px 80px rgba(0, 0, 0, 0.05);
    height: 100%;
}
#content .bc4 .bc {
    margin-top: 75px;
}
#content .bc3 {
    background: #D91F51;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    margin-top: 60px;
    margin-bottom: 60px;
}
#content .bc3:before {
    content: '';
    display: block;
    width: 100%;
    height: 60px;
    background-image: url(images/divider-footer-rose.svg);
    background-size: cover;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
}
#content .bc3:after {
    -webkit-transform: scaleY(-1) scaleX(-1);
    transform: scaleY(-1) scaleX(-1);
    content: '';
    display: block;
    width: 100%;
    height: 60px;
    background-image: url(images/divider-footer-rose.svg);
    background-size: cover;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
}
#content .bc3 h2 {
    font-family: "Fredoka One";
    font-weight: normal;
    font-size: 2.5rem;
    line-height: 1;
    color: white;
    margin-bottom: 35px;
}
#content .bc3 .owl-dates {
    margin-top: 30px;
}
#content .bc3 .owl-dates .item {
    color: white;
}
#content .bc3 .owl-dates .item span.annee {
    display: inline-block;
    font-weight: 600;
    color: #3e4b51;
    font-size: 2rem;
    margin-bottom: 10px;
    background: white;
    padding: 10px;
    border-radius: 15px;
}
#content .bc3 .owl-dates .owl-dots {
    text-align: center;
    margin-top: 30px;
}
#content .bc3 .owl-dates .owl-dots .owl-dot {
    margin: 0 2px;
}
#content .bc3 .owl-dates .owl-dots .owl-dot span {
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid white;
    border-radius: 100%;
    outline: none;
}
#content .bc3 .owl-dates .owl-dots .owl-dot.active span {
    background: white;
}
#content .bc5 .head {
    margin-bottom: 35px;
}
#content .bc5 .head strong {
    color: #D91F51;
}
#content .bc5 .step {
    font-weight: 800;
    color: #D91F51;
    display: block;
    font-size: 2rem;
    margin-bottom: 15px;
}
#content .bc5 .liste {
    padding: 15px;
    background: white;
    border-radius: 15px;
    box-shadow: 0px 3px 80px rgb(0 0 0 / 5%);
    height: 100%;
}
#content .bc6 .bc {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 30px 15px 30px 15px;
    background: white;
    border-radius: 15px;
    box-shadow: 0px 3px 80px rgb(0 0 0 / 5%);
    height: 100%;
}
#content .bc6 .bc .bloc-left {
    width: 100%;
    padding: 15px;
}
#content .bc6 .bc .bloc-right {
    width: 100%;
    padding: 15px;
}
#content .bc6 .bc .bloc-left svg, #content .bc6 .bc .bloc-left img {
    width: 40px;
    height: auto;
    
}
#content .bc6 .bc .bloc-left svg * {
    fill: white;
}
#content .bc6 .bc .pictogramme {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: #dd0c4f;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto auto 15px auto;
} 
#content .bc6 .bc h2 {
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 800;
    min-height: 45px;
}
#content .bc6 .cta {
    background:#dd0c4f;
    color: white;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 15px 30px 15px;
    border-radius: 15px;
    box-shadow: 0px 3px 80px rgb(0 0 0 / 5%);
    height: 100%;
}
#content .bc6 .cta h2 {
    color: white;
    line-height: .9;
    font-weight: 800;
    margin-bottom: 2rem;
}
#content .bc6 .cta .btn-alteas {
    background: white;
    color: #dd0c4f;
    margin-top: 1rem;
}

/* SINGLE ACTIVITE */
.single-activite #page h1 {
    font-size: 2rem;
    padding-right: 30px;
}
.single-activite .bc1 img {
    filter: grayscale(100%);
}
.single-activite #page .pagination-activite {
    padding-bottom: 35px;
}
.single-activite #page .pagination-activite a {
    background: #d91f51;
    padding: 15px 30px;
    border-radius: 50px;
    color: white;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}
/* ALTIMO */ 

.page-template-altimo #page h1 .rose, 
.page-template-altimo #page span.title .rose,
.page-template-altimo #page h2, 
.page-template-altimo #page h3, 
.page-template-altimo #page h4, 
.page-template-altimo #page h5,
.page-template-altimo #page a {
    color: #edc84c;
}
.page-template-altimo #content .bc6 .bc .pictogramme {
    background: #edc84c;
}
.page-template-altimo #content .bc6 .cta {
    background: #edc84c;
    color: #4b545f;
}
.page-template-altimo #content .bc6 .cta .btn-alteas {
    color: #4b545f;
}
/* FOOTER */

footer {
    background: #3E4B51;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    margin-top: 60px;
}
footer:before {
    content: '';
    display: block;
    width: 100%;
    height: 60px;
    background-image: url('images/divider-footer.svg');
    background-size: cover;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
}
footer .logo svg path, footer .logo svg ellipse {
    fill: white;
}
footer a {
    color: white;
    text-decoration: none;
}
footer a:active, footer a:focus, footer a:hover {
    color:#D91F51;
    text-decoration: none;
}
footer .agence {
    text-align: center;
}
footer .agence a {
    display: block;
    margin: 10px auto;
}
footer .agence a:first-child {
    margin-bottom: 0;
}
footer .agence a:last-child {
    margin-top: 0;
}
footer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-transform: uppercase;
}
footer ul ul.sub-menu {
    padding-left: 10px;
    font-size: .9rem;
}
footer ul:not(.reseaux) > li {
    margin: 5px auto;
}
footer .logo-footer svg, footer .logo-footer img {
    margin: 10px auto;
}
footer ul.reseaux {
    justify-content: center;
}
footer ul.reseaux li a svg {
    fill: white;
}
footer span.btn-plaquette {
    background: #dd0c4f;
    display: block;
    border-radius: 50px;
    text-align: center;
    padding: 10px;
    font-size: .9rem;
    margin-bottom: 1rem;
    color: white;
}
#credits {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: .95rem;
    background: white;
}
#credits a {
    color:#3E4B51;
    text-decoration: none;
}
#credits a:hover, #credits a:focus, #credits a:active {
    color: #D91F51;
}
@media only screen and (max-width: 992px) {
    header ul.reseaux {
        padding-right: 0;
    }
    header ul:not(.reseaux) .sub-menu {
        position: initial;
        background: white;
        border-color: #d91f51;
        border-bottom: 10px solid #d91f51;
    }
    header #menu_nav_princ ul li ul.sub-menu li a {
        color: #d91f51;
        font-size: 1rem;
    }
    header ul:not(.reseaux) li a:after {
        background: white;
    }
    footer {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #a_propos .top_bc:nth-of-type(2) {
        margin-top: 0;
    }
    #access .bk_access {
        margin: 15px auto;
    }
    #access .bk_access:before {
        background: rgba(76,86,92,.5);
    }
    #access .bk_access .content {
        transform: translateY(0);
    }
    #access .bk_access .content h3 {
        color: white;
    }
    #assurance .cta-block img {
        height: 200px;
        border-radius: 50px 50px 0 0;
    }
    #assurance .cta-block .title {
        height: auto;
        padding: 25px 15px;
        border-radius: 0;
    }
    #home {
        display: flex;
        flex-direction: column;
    }
    #home #start {
        order: 1;
    }
    #home #actus {
        order: 2;
    }
    #home #partenaires {
        order: 7;
    }
    #home #environnement_metier {
        order: 4;
    }
    #home #cta {
        order: 5;
    }
    #home #a_propos {
        order: 6;
        padding: 35px 0;
    }
    #home #access {
        order: 8;
    }

}
@media only screen and (max-width: 769px) {
    h1 {
        font-size: 2rem!important;
    }
    #content .bc4 .bc {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #content .bc3 .owl-dates .item {
        padding: 30px;
        text-align: center;
    }
    nav.full-menu[data-menu="nos_produits"] ul li {
        width: 100%;
    }
}
@media only screen and (max-width: 600px) {
    #home h1 {
        font-size: 2.5rem;
    }
    #home h1 .gris {
        font-size: 1.4rem;
    }
    #assurance .bc svg {
        max-width: 180px;
    }
    nav.full-menu {
        padding-top: 210px;
    }
    #home .actus {
        transform: initial;
    }
    #home .actus h2 {
        font-size: 1.8rem;
    }
    #home .actus h3 {
        font-size: 1.2rem;
    }
    #home .actus:after {
        content: none;
    }
    #home .actus .sujet {
        border-radius: 50px;
        padding:  30px 30px;
    }
    #home .actus .sujet .see {
        text-align: center;
        width: 100%;
    }
    #single .pagination {
        flex-wrap: wrap;
    }
    #single .pagination a {
        display: block;
        width: 100%;
    }
    nav.full-menu[data-menu="votre_activite"] ul li {
        width: 100%;
        padding: 5px;
    }
    nav.full-menu[data-menu="votre_activite"] ul li a {
        padding: 10px;
    }
    nav.full-menu[data-menu="votre_activite"] ul li a svg {
        height: 40px;
    }
    nav.full-menu[data-menu="votre_activite"] ul li a .title {
        font-size: 1rem;
    }
}
@media only screen and (max-width: 992px) and (min-height: 550px) {
    header #menu_nav_princ ul li {
        margin: 15px auto;
    }
    header #menu_nav_princ ul li ul li {
        padding: 5px;
    }
}

.searchform {
    border: 1px solid #5a5c6c;
    border-radius: 100px;
    margin-bottom: 30px;
}
.searchform div {
    display: flex;
    flex-wrap: unset;
    align-items: center;
}
.searchform div * {
    margin: 5px;
}
.searchform div input[type="text"] {
    width: 100%;
    border: none;
    outline: none;
}
.searchform div [type="submit"] {
    background: #dd0c4f;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 100px;
}
.search #page .resultat {
    background: #3f4b51;
    padding: 10px;
    color: white;
    border-radius: 5px;
    margin-bottom: 10px;
    text-decoration: none;
    transition: all .5s ease-in-out;
}
.search #page .resultat:hover,
.search #page .resultat:active,
.search #page .resultat:focus {
    background: #dd0c4f;
}
.search-btn svg {
    width: 20px;
}