*{
margin: 0; 
padding: 0; 
box-sizing: border-box;
font-family: 'Avancement 2020';
}
body{
line-height: 1.5;
overflow: auto;
}
.col-12{
flex: 0 0 auto;
width: 100% !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
margin-top: 0;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2;
}
h2{
color: #5F03FF;
text-transform: uppercase;
font-family: 'Lexend';
font-weight: 600 !important;
font-size: 2em;
}
h3{
color: #5F03FF;
text-transform: uppercase;
font-family: 'Lexend';
font-weight: 500 !important;
}
.color-id{
color: #F8BE00;
}
.color-web{
color: #009FE3;
}
.color-photo{
color: #E6007E;
}
.btn-all{
background-image: linear-gradient(.19turn, #9E54FF, #5F03FF, #9E54FF);
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
width: 100%;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
margin-right: auto;
margin-left: auto;
}
hr{
margin: 2em 1em;
}
.wp-block-column iframe{
max-width: 100%;
}
.conteneur-footer .texte-mentions-leg p{
font-size: .8em;
margin: 0;
}
.texte-mentions-leg .menu{
margin-top: .8em;
}
p{
font-size: 18px;
margin-bottom: .8em;
}  .wp-block-separator{
width: 40%;
margin: auto;
border-radius: 10px;
border-color: #ddd;
}
.btn_grand .wp-block-button__link{
width: auto;
}
.btn-classique-degrade, .wp-block-button__link{
border: none;
font-family: 'Lexend';
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
font-size: .9em;
padding: .8em 2em;
border-radius: 50px;
color: #FFFFFF;    
width: 260px;
text-align: center;
background-size: 200%;
background-position: 100% 0;
transition: all .3s;
background-image: linear-gradient(.19turn, #9E54FF, #5F03FF, #9E54FF);
margin: 30px auto;
display: block;
cursor: pointer;
}
.btn-classique-degrade:hover, .wp-block-button__link:hover{
color: #FFFFFF;   
background-position: 0 100%; 
}
.nav-projet .btn-classique-degrade{
color : #FFFFFF !important;
} .conteneur-bouton-base{
position: absolute;
right: 3em;
top: -1.3em;
width: 28em;
}
.conteneur-bouton-base a:first-of-type{
margin-right: 10px;
}
.conteneur-bouton-base a{
width: 15em;
display: inline-block;
transition: all .3s;
} .btn-voir-plus{
width: 100%;
text-align: center;
margin: 1em auto;
}
.btn-voir-plus a{
width: 40%;
display: inline-block;
font-size: 1em;
transition: all .3s;
padding: 1em .2em;
}
.page-404{
text-align: center;
}
.page-404:after{
margin: auto;
} .conteneur-header{
padding-left: 0 !important;
padding-right: 0 !important;
overflow: hidden;
}
.navigation{
background-color: #FFFFFF;
padding-top: 17px;
padding-bottom: 10px;
align-items: center;
height: 70px;
position: fixed;
width: 100%;
z-index: 1000;
font-weight: 500;
box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
}
.navigation > div:first-child{
padding: 0 25px;
height: 100%;
}
.navigation-outils{
background-color: #FFFFFF;
color: #5F03FF;
height: 100%;
float: left;
display: flex;
align-items: center;
}
.navigation-outils > a:first-child{
height: 45px;
margin-right: 5px;
}
.navigation-outils > a:first-child > img{
height: 100%;
}
.navigation-outils > .btn-header{
border: 2px #5F03FF solid;
text-transform: uppercase;
text-decoration: none;
padding: .7em 1.5em;
border-radius: 50px;
color: #5F03FF;
font-size: .8em;
margin: 0;
transition: all .3s;
cursor: pointer;
}
.btn-header:hover{
background-color: #5F03FF;
color: #FFFFFF;
}
.btn-header i{
margin-right: .5em;
}
.menu-bouton{
background-color: #FFFFFF;
color: #5F03FF;
height: 100%;
float: right
}
.btn-navigation{
display: inline-block;
cursor: pointer;
transition: all .3s;
}
.btn-navigation p{
text-transform: uppercase;
display: inline-block;
margin: 0;
margin-top: 5px;
}
.btn-navigation:hover > .menu-barre #barre-01{
transform: translateY(-3px);
}
.btn-navigation:hover > .menu-barre #barre-03{
transform: translateY(3px);
}
.menu-barre{
float: right;
}
.barre{
width: 60px;
height: 3px;
background-color: #5F03FF;
margin: 6px;
margin-right: 0;
transition: all .3s;
}
.barre-01{
transform: rotate(160deg);
position: relative;
left: 0;
top: 7px;
}
.barre-03{
transform: rotate(-160deg);
position: relative;
left: 0;
top: -2px;
}
.barre-02{
display: none;
}
.menu-ouvert{
margin-top: .5em;
width: 100%;
height: calc(100vh - 3em);
display: none;
}
.navigation-principale{
height: calc(100vh - 3em) !important;
margin: 0 !important;
width: 100%;
}
.menu-navigation{
background-color: #FFFFFF;
padding: 2em 4em;
background-image: url(https://afa-multimedia.com/wp-content/themes/afa/assets/img/fond-menu.webp);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
position: relative !important;
}
.menu-navigation:before{
content: '';
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .92);
position: absolute;
top: 0;
left: 0;
}
.menu-navigation:after{
content: url(https://afa-multimedia.com/wp-content/themes/afa/assets/img/deco_couleurs.webp);
position: absolute;
bottom: 0;
right: 0;
}
.retour-accueil{
text-transform: uppercase;
padding-bottom: .5em;
border-bottom: 1px solid #5F03FF;
position: relative;
}
.retour-accueil a{
text-decoration: none;
color: #5F03FF;
display: flex;
align-items: center;
gap: .5em;
transition: all .3s;
}
.retour-accueil a:hover{
color: #999999;
}   
.menu-contact{
background-color: #5F03FF;
color: #FFFFFF;
padding: 2em 0 2em 1em;
position: relative;
}
.colonne-navigation{
height: 100%;
overflow-y: auto;
scrollbar-width: thin;
}
.colonne-navigation > .menu-menu-principal-container{
padding-bottom: 1em;
}
.colonne-navigation .menu li{
margin-bottom: 15px;
}
.colonne-navigation .menu li, .colonne-navigation .sub-menu li{
list-style: none;
font-size: 25pt;
position: relative
}
.colonne-navigation .menu li a{
margin-top: 20px;
margin-bottom: 5px;
text-transform: uppercase;
text-decoration: none;
padding: 0;
font-family: 'Lexend';
font-weight: bold;
color: #5F03FF;
display: inline-block;
transition: all .3s;
}
.colonne-navigation .menu li.btn_menu{
font-size: 12pt;
}
.colonne-navigation .menu li.btn_menu > a{
font-weight: 500;
margin: 0;
border: 2px solid #5F03FF;
border-radius: 30px;
padding: .5em 2em;
}
.colonne-navigation .menu li.btn_menu > a:hover{
background-color: #5F03FF;
color: #FFFFFF !important;
}
.triangle-home{
display: inline-block;
height: 0;
width: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;    
position: absolute;
top: 45%;
transform: translateY(-50%);
left: 10px;
}
.colonne-navigation .menu > li > .sub-menu > li > a:after{
content: '';
display: inline-block;
height: 0;
width: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;    
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
border-left: 16px solid #5F03FF;
transition: all .3s;
}
.colonne-navigation .menu > li > .sub-menu > li.menu-item-119 > a:after{
border-left: 16px solid #F8BE00;
}
.colonne-navigation .menu > li > .sub-menu > li.menu-item-43 > a:after{
border-left: 16px solid #009FE3;
}
.colonne-navigation .menu > li > .sub-menu > li.menu-item-1698 > a:after{
border-left: 16px solid #E6007E;
}
.colonne-navigation .sub-menu li{
margin: inherit;
padding: inherit;
font-size: 20pt;
}
.colonne-navigation .sub-menu li a{
text-decoration: none !important;
padding-left: 40px !important;
color: #000000 !important;
font-weight: 500;
margin: inherit;
text-transform: initial !important;
position: relative;
left: 0;
}
.colonne-navigation .sub-menu > li > .sub-menu > li > a{
padding-left: 100px !important;
font-size: 16pt;
font-weight: normal;
}
.colonne-navigation .sub-menu > li > .sub-menu > li > a:before{
content: '';
width: 50px;
height: 1px;
background-color: #000000;
position: absolute;
left: 40px;
top: 50%;
transform: translateY(-50%);
}
.colonne-navigation .menu a:hover{
color: #999999 !important;
left: 30px;
}
.colonne-navigation .menu a:hover::after{
left: -10px
}
.menu-contact h2{
color: #FFFFFF;
margin-top: 20px;
margin-bottom: 1em;
font-weight: bold !important;
}
.colonne-contact{
text-align: center;
padding: 0 3em 0 3em;
position: absolute;    
top: 50%;
transform: translateY(-50%);
}
.colonne-contact p{
font-size: 1.2em;
margin-bottom: 50px;
}
.bouton-menu-contact{
font-family: 'Lexend';
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
font-size: .9em;
padding: .8em 2em;
border-radius: 50px;
color: #FFFFFF;
border: 4px #FFFFFF solid;    
width: 90%;
text-align: center;
transition: all .3s;
margin: 30px auto;
display: block;
cursor: pointer;
}
.bouton-menu-contact:hover{
color: #5F03FF;
background-color: #FFFFFF;
}
.social-menu{
margin-top: 70px;
}
.social-menu a{
color: #FFFFFF;
font-size: 2em;
padding-right: 15px;
transition: all .3s;
}
.social-menu a:hover{
color: #999999;
}
.header-img{
background-position: bottom;
background-size: cover;
background-repeat: no-repeat;
height: auto;
position: relative;
margin-left: 25px !important;
margin-right: 25px !important;
}
.modal{
position: fixed;
top: 0;
left: 0;
z-index: 99999;
width: 100%;
background-color: rgba(0, 0, 0, .75);
height: 100%;
display: none;
}
.modal > div{
background-color: #FFFFFF;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 2em 6em 2em 2em;
border-radius: .5rem;
}
.modal > div > h3{
color: inherit;
font-size: 1.5em;
position: relative;
width: max-content;
max-width: 100%;
padding-bottom: 2px;
margin-bottom: 1em;
}
.modal > div > h3:after{
position: absolute;
content: '';
width: 100%;
height: 2px;
background-color: #5F03FF;
bottom: 0;
left: 0;
}
.modal > div > i{
position: absolute;
top: 10px;
right: 10px;
font-size: 1.5em;
color: #5F03FF;
cursor: pointer;
}
.modal > div > div > a > p{
margin-bottom: .5em;
}
.modal > div > div > a > p > i{
background-color: #F2F2F2;
padding: 1em;
border-radius: 50%;
margin-right: .5em;
font-size: 1.2em;
}
.modal > div > div > a{
text-decoration: none;
color: #000000;
} .pre-footer{
position: relative;
background: #00526A;
overflow: hidden;
border-radius: 40px 40px 0 0;
margin-right: 25px;
margin-left: 25px;
}
.texte-prefooter{
margin: auto;
padding: 7em 1em 5em 1em;
text-align: center;
position: relative;
z-index: 2;
}
.pre-footer:before{
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: .6;
background-image: url(//afa-multimedia.com/wp-content/themes/afa/assets/img/paysage-lozere-prefooter.jpg);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
}
.texte-prefooter p{
color: #5F03FF;
font-family: 'Lexend';
font-weight: 300;
text-transform: uppercase;
font-size: 2em;
margin: 0;
color: #FFFFFF;
}
.texte-prefooter h2{
margin: 0;
font-size: 2em;
color: #FFFFFF;
}
.triangle-footer{
z-index: 100;
display: inline-block;
height: 0;
width: 0;
border-right: 81px solid transparent;
border-bottom: 60px solid #B9F1F6;
border-left: 82px solid transparent;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.footer-img{
background-image: url(//afa-multimedia.com/wp-content/themes/afa/assets/img/footer-background.png);
background-position: top;
background-size: cover;
background-repeat: no-repeat;
height: auto;
position: relative;
margin-right: 25px;
margin-left: 25px;
}
.style-conteneur-col-footer{
padding: 9em 7em 3.5em 7em;
}
.style-colonnes-footer ul{
list-style: none;
padding: 0;
}
.style-colonnes-footer li{
margin-bottom: 8px;
}
.style-colonnes-footer .sub-menu li a{
text-decoration: none;
color: #000000;
font-size: 1.2em !important;
transition: all .3s;
font-family: 'Avancement 2020';
font-weight: normal;
text-transform: inherit;
margin-bottom: 0;
}
.style-colonnes-footer .sub-menu li a:hover{
color: #5F03FF;
}
.style-colonnes-footer a:hover{
color: #5F03FF;
}
.style-colonnes-footer a, .style-colonnes-footer > p{
text-transform: uppercase;
font-size: 1.2em !important;
font-family: 'Lexend';
font-weight: 600;
margin-bottom: 10px;
text-decoration: none;
color: #000000;
transition: all .3s;
display: inline-block;
}
.style-colonnes-footer i{
font-size: 2em;
margin: 0;
}
.social-footer{
margin-top: 20px !important;
}
.social-footer a{
margin-right: 12px;
}
.texte-mentions-leg{
margin: 0 7em;
border-top: 1px #5F03FF solid;
padding: 4em 0;
text-transform: uppercase;
text-align: center;
font-family: 'Lexend';
font-size: .8em;
font-weight: 500;
letter-spacing: .5px;
}
.texte-mentions-leg .widget-content{
overflow: auto;
display: inline-block;
}
.texte-mentions-leg li{
margin: 0;
float: left;
list-style: none;
}
.texte-mentions-leg li a{
text-decoration: none;
color: #000000;
transition: all .3s;
display: block;
margin-right: 5px;
}
.texte-mentions-leg li a:after{
content: '|';
margin-left: 5px;
}
.texte-mentions-leg li:last-of-type a:after{
content: none;
}
.texte-mentions-leg a:hover{
color: #5F03FF;
}
.menu-footer-4-mentions-container, .menu-footer-4-mentions-container .menu{
overflow: auto;
}
.mentions-afa{
text-align: center;
padding: 1.7em 0;
margin: 0;
background-color: #FFFFFF;
}
.mentions-afa p{
margin: 0;
font-family: 'Lexend';
font-weight: 500;
font-size: .7em;
}
.angle-footer-gauche{
height: 51px;
width: 51px;
border-bottom: 1px #5F03FF solid;
border-left: 1px #5F03FF solid;
position: absolute;
bottom: -20px;
left: 20px;
}
.angle-footer-droit{
height: 51px;
width: 51px;
border-bottom: 1px #5F03FF solid;
border-right: 1px #5F03FF solid;
position: absolute;
bottom: -20px;
right: 20px;
}
.trait-footer-gauche{
width: 1px;
background-color: #5F03FF;
height: 70px;
margin: 0 auto;
position: absolute;
top: -30px;
left: 20px;
}
.trait-footer-droit{
width: 1px;
background-color: #5F03FF;
height: 70px;
margin: 0 auto;
position: absolute;
top: -30px;
right: 20px;
} .style-pedagogie-home img{
width: 50%;
margin-bottom: 1em;
}
.header-title{
text-align: center;
padding: 7em 0 4em 0;
}
.header-title img{
width: 45%;
vertical-align: middle;
}
.trait-vertical-01{
width: 1px;
background-color: #5F03FF;
height: 80px;
margin: auto;
margin-bottom: 12px;
}
.header-title h1{
text-transform: uppercase;
color: #5F03FF;
font-size: .9em;
font-family: 'Lexend';
font-weight: 500;
margin: 0 auto 3em auto;
width: 70%;
}
.home .header-img{
background-image: url(//afa-multimedia.com/wp-content/themes/afa/assets/img/background-header.png);
}
.angle-haut-gauche{
height: 51px;
width: 51px;
border-top: 1px #5F03FF solid;
border-left: 1px #5F03FF solid;
position: absolute;
top: 90px;
left: 20px;
}
.angle-haut-droit{
height: 51px;
width: 51px;
border-top: 1px #5F03FF solid;
border-right: 1px #5F03FF solid;
position: absolute;
top: 90px;
right: 20px;
}
.trait-vertical-02{
width: 1px;
background-color: #5F03FF;
height: 70px;
margin: 0 auto;
}
.angle-bas-droit{
position: absolute;
bottom: 30px;
right: -25px;
}
.angle-bas-gauche{
position: absolute;
bottom: 30px;
left: -57px;
}
.angle-bas-droit p{
margin-bottom: 4em;
}
.angle-texte{
color: #5F03FF;
text-transform: uppercase;
transform: rotate(-90deg);  
margin-bottom: 7em;
font-size: .8em;
font-weight: 500;
}
.home-client{
margin-top: 7em;
margin-bottom: 4em;
position: relative;
}
.home-client h2{
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -10%;
z-index: 100;
}
.home-client-colonnes{
background-color: #F3F2FD;
border-radius: 40px;
width: 100%;
height: 181px;
position: relative;
}
.home-client-colonnes h3{
text-transform: uppercase;
font-weight: 500;
color: #000000;
font-size: calc(1.3rem + .6vw);
}
.home-client-colonnes p{
font-size: 1em;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.texte-client-gauche{
margin-left: 27%;
padding-right: 30px;
}
.texte-client-droite{
margin-right: 27%;
padding-left: 30px;
}
.align-texte-droite{
text-align: right;
}
.trait-horizontal-01{
width: 80px;
background-color: #000000;
height: 2px;    
}
.titre-niveau-3-droite{
position: absolute;
bottom: -12%;
right: 5%;
}
.titre-niveau-3-droite div{
right: 0;
position: absolute;
}
.titre-niveau-3-gauche{
position: absolute;
bottom: -12%;
left: 7%;
}
.img-papier{
width: 30%;
position: absolute;
left: -4%;
top: 50%;
transform: translateY(-50%);
}
.img-toile{
width: 30%;
position: absolute;
right: -4%;
top: 50%;
transform: translateY(-50%);
}
.trait-separation-vertical{
width: 2px;
background-color: #5F03FF;
height: 230px;
margin: auto;
margin-top: 7em;
margin-bottom: 1em;
}
.section-services{
position: relative;
}
.triangle-home-01{
position: absolute;
top: 2.5%;
width: 50%;
left: 50%;
transform: translateX(-50%);
}
.img-section-comment{
width: 75%;
position: absolute;
top: -5em;
left: 50%;
transform: translatex(-50%);
}
.section-services h2{
text-align: center;
margin-bottom: 3em;
}
.home-colonnes-comment{
border-radius: 40px;
box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
margin: .8em;
position: relative;
background-color: rgba(255, 255, 255, .5);
}
.conteneur-3colonnes{
align-items: flex-start;
}
.sur-titre-home{
margin: 0;
padding: 0;
margin-top: 10em;
font-size: .9em !important;
}
.home-colonnes-comment h3{
text-transform: uppercase;
margin: 0;
padding: 0;
font-family: 'Lexend';
font-weight: 600;
font-size: 1.5em;
}
.home-colonnes-comment p{
font-size: .9em;
}
.home-colonnes-comment .liste-home{
margin-bottom: 50px;
margin-top: 20px;
font-size: 1.2em;
padding-left: 0;
position: relative;
}
.liste-home li{
padding: 10px 0;
position: relative;
list-style: none;
font-size: .8em !important;
margin-left: 20px;
}
.btn-color-degrade{
border: none;
font-family: 'Lexend';
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
font-size: .9em;
padding: .8em 0;
border-radius: 50px;
color: #FFFFFF;    
width: 70%;
text-align: center;
background-size: 200%;
background-position: 100% 0;
transition: all .3s;
}
.btn-color-home{
position: absolute;
transform: translate(-50%,-50%);
left: 50%;
top: 100%;
}
.btn-color-degrade:hover{
color: #FFFFFF;   
background-position: 0 100%; 
}
.triangle-homepage{
display: inline-block;
height: 0;
width: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;    
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.trait-home-id{
width: 100px;
height: 2px;
background-color: #F8BE00;
margin: 20px 0;
}
.btn-id-visuelle{
background-image: linear-gradient(.19turn, #FFEE00, #F8BE00, #FFEE00);
}
.liste-home-id ul li:before{
content: '';
display: inline-block;
height: 0;
width: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;    
position: absolute;
top: 50%;
transform: translateY(-50%);
border-left: 12px solid #F8BE00;
margin-left: -20px;
}
.trait-home-web{
width: 100px;
height: 2px;
background-color: #009FE3;
margin: 20px 0;
}
.liste-home-web ul li:before{
content: '';
display: inline-block;
height: 0;
width: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;    
position: absolute;
top: 50%;
transform: translateY(-50%);
border-left: 11px solid #009FE3;
margin-left: -20px;
}
.btn-web{
background-image: linear-gradient(.19turn, #00D3FF, #009FE3, #00D3FF);  
}
.trait-home-photo{
width: 100px;
height: 2px;
background-color: #E6007E;
margin: 20px 0;
}
.liste-home-photo ul li:before{
content: '';
display: inline-block;
height: 0;
width: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;    
position: absolute;
top: 50%;
transform: translateY(-50%);
border-left: 11px solid #E6007E;
margin-left: -20px;
}
.btn-photo{
background-image: linear-gradient(.19turn, #FF03CD, #E6007E, #FF03CD);      
}
.section-exemples{
position: relative;
}
.section-exemples h2{
text-align: center;
margin-bottom: 1em;
}
.triangle-home-02{
position: absolute;
top: 3%;
width: 30%;
left: 50%;
transform: translateX(-50%);
}
.taille-col-projets{
margin: 1.3em 0;
}
.style-col-projets{
background-color: #FFFFFF;
border-radius: 40px;
box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
margin: .8em;
position: relative;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 265px;
transition: all .3s;
}
.home .overlay{
position: absolute;
border-radius: 40px;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0);
transition: all .3s;
}
.home .overlay:hover{
background-color: rgba(0, 0, 0, .5);
}
.cover-projets-home{
background-color: rgba(95, 3, 255, .8);
border-radius: 15px;
width: 296px;
height: 305px;
transform: rotate(-43deg);
position: absolute;
left: -100px;
transition: .3s;
}
.style-col-projets:hover .cover-projets-home{
transform: rotate(30deg) translateX(50px);
}
.texte-projets-home{
color: #FFFFFF;
position: absolute;
top: 70%;
transform: translateY(-70%);
margin-left: 5px;
}
.categories-projets-home{
font-size: .8em;
margin-bottom: 6px;
}
.texte-projets-home h4{
text-transform: uppercase;
font-size: 1.2em;
}
.client-projets-homme{
font-size: 1em;
}
.trait-projets-home{
width: 70px;
height: 2px;
background-color: #FFFFFF;
margin: 5px 0;
}
.section-pedagogie h2{
text-align: center;
margin-bottom: 1em;
}
.section-pedagogie{
margin-bottom: 4em;
position: relative;
}
.triangle-home-03{
position: absolute;
top: 9%;
width: 35%;
left: 50%;
transform: translateX(-50%);
}
.style-pedagogie-home{
background-color: #FFFFFF;
border-radius: 40px;
box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
margin: .8em;
position: relative;
padding: 1.5em 1.5em 2em 1.5em;
text-align: center;
} .header-title-classique{
padding: 11em 0 13em 0;
padding-right: var(--bs-gutter-x,.75rem);
padding-left: var(--bs-gutter-x,.75rem);
}
.header-title-classique p{
font-family: 'Lexend';
font-weight: 300;
color: #5F03FF;
font-size: 1.7em;
text-transform: lowercase;
}
.header-title-classique h1{   
text-transform: uppercase;
color: #5F03FF;
margin: 0;
font-family: 'Lexend';
font-weight: bold;
font-size: 3em;
}
.trait-vertical-classique{
width: 1px;
background-color: #5F03FF;
height: 51px;
margin: 0 auto;
}
.angle-bas-droit-classique{
position: absolute;
bottom: 35px;
right: 20px;
}
.angle-bas-gauche-classique{
position: absolute;
bottom: 35px;
left: 20px;
}
.conteneur-contenue h2, .conteneur-contenue h3{
margin-bottom: 30px;
margin-top: 1em;
}
.conteneur-contenue h3{
font-size: 1.7em;
}
.conteneur-contenue h2{
font-size: 2em;
}
.conteneur-page{
position: relative;
}
.conteneur-contenue{
background-color: rgba(255, 255, 255, .5);
border-radius: 40px;
box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
padding: 4em 0;
overflow: auto;
}
.conteneur-contenue h2:after{
content: '';
display: block;
height: 12px;
width: 180px;
border-radius: 50px;
background-color: #23E6FF;
}
.conteneur-contenue h3:after{
content: '';
display: block;
width: 150px;
height: 2px;
background-color: #5F03FF;
}
.conteneur-contenue h4{
font-size: 1.4em;
color: #3B67A8;
padding-left: .8em;
}
blockquote{
background-color: #F3F2FD;
font-family: 'Lexend';
font-weight: 300;
font-size: 1.2em;
padding: 1.4em 2em .8em;
border-left: 6px #5F03FF solid;
border-radius: 10px;
margin-bottom: 1em;
}
blockquote p{
margin-bottom:18px;
}
p a{
color: #5F03FF;
}
.wp-block-image img{
height: auto;
width:100%;
}
.galerie_reseau img{
height: auto;
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
border-radius: 20px !important;
transition: all .3s;
}
.galerie_reseau img:hover{
transform: scale(.95);
}
.remonter-projet{
margin: 6em  auto 0 auto;
text-align: center;
}
.remonter-projet h2{
margin: 0;
}
.remonter-projet h2:after, .remonter-projet h3:after{
display: none;
}
.remonter-projet span{
font-family: 'Lexend';
text-transform: uppercase;
font-size: 1.5em;
}
.img-remonter-projet{
margin: auto;
}
.img-remonter-projet a{
height: 200px;
margin: 3em 1em;
padding: 0;
background-color: #CCCCCC;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url(//afa-multimedia.com/wp-content/themes/afa/assets/img/mokup_IdVisu.jpg);
position: relative;
}
.img-remonter-projet a:first-of-type, .img-remonter-projet a:last-of-type{
margin: 3em 0;
}
.img-remonter-projet a .overlay{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0);
transition: all .3s;
}
.img-remonter-projet a .overlay:hover{
background-color: rgba(0, 0, 0, .2);
}
.bg-color-projet{
height: 465px;
width: 150vw;
z-index: -9999;
background-color: #B1AEF1;
position: absolute;
margin-top: -3em;
left: -50%;
}
.display-infos .btn-classique-degrade{
position: absolute;
margin: 0;
right: 4em;
top: -1.3em;
}
.display-infos a i{
margin-right: 8px;
}
.info-projet{
margin: 20px 0 30px 0;
font-size: 1.2em;
}
.info-projet div{
display: inline-block;
}
.info-projet p{
display: inline-block;
font-size: .9em;
}
.info-projet span{
color: #5F03FF;
font-family: 'Lexend';
font-weight: 600;
text-transform: uppercase;
position: relative;
}
.info-projet span:after{
content: '';
background-color: #5F03FF;
height: 2px;
width: 65px;
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
margin: 0 15px;
}
.info-projet p{
margin: 0 30px 0 95px;
}
.contenu-projet{
margin: 50px 0 0 0;
}
.grande-photo{
background-color: #999999;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 600px;
margin: 0 0 20px 0;
}
.img-lien{
margin: 0 0 20px 0;
}
.photo-2{
background-color: #999999;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 450px;
}
.action-projet-droite{
position: relative;
margin-left: 20px;
height: 450px;
}
.lien-projet-droite{
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.lien-projet-droite h3{
color: #000000;
font-size: 2em;
margin-left: 40px;
}
.lien-projet-droite h3:after{
content: '';
width: 80px;
height: 1px;
display: block;
background-color: #000000;
margin: 10px 0;
}
.lien-projet-droite a{
margin: 0;
margin-left: 40px;
width: 200px;
}
.lien-projet-droite:before{
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 120px 0 120px 200px;
border-color: transparent transparent transparent rgba(19, 0, 209, .1);
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.lien-projet-gauche:before{
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 120px 180px 120px 0;
border-color: transparent rgba(19, 0, 209, .1) transparent transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: -1;
}
.colonne-projet{
margin-right: 20px;
}
.photo-3{
background-color: #999999;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 265px;
position: relative;
}
.lien-projet-gauche{
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.lien-projet-gauche h3{
color: #000000;
font-size: 2em;
margin-right: 40px;
text-align: right;
}
.lien-projet-gauche h3:after{
content: '';
width: 80px;
height: 1px;
display: block;
background-color: #000000;
margin: 10px 71%;
}
.lien-projet-gauche a{
margin-right: 40px;
margin-top: inherit;
margin-bottom: inherit;
width: 200px;
}
.action-projet-gauche{
height: 265px;
position: relative;
margin-top: 20px;
}
.photo-4{
background-color: #999999;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 550px;
}
.photo-5{
background-color: #999999;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 490px;
}
.photo-5:first-of-type{
margin-right: 10px;
}
.photo-5:last-of-type{
margin-left: 10px;
}
.nav-projet{
margin: 50px 0 0 0;
color: #5F03FF;
text-transform: uppercase;
font-family: 'Lexend';
font-weight: 600;
}
.nav-projet .content-nav-projet{
border-top: 1px solid #5F03FF;
}
.nav-projet .nav-entre-projet{
color: #5F03FF;
display: inline-block;
margin-top: 20px;
transition: all .3s;
}
.nav-projet a{
color: #5F03FF;
}
.nav-projet a:hover{
text-decoration: none;
color: #999999;
}
.nav-projet .nav-entre-projet:last-of-type{
float: right;
}
.nav-projet i:first-of-type{
margin-left: 7px;
}
.nav-projet i:last-of-type{
margin-right: 7px;
}
.single-projet .trait-separation-vertical{
margin-top: 5em;
}
.section-realisation h2{
text-align: center;
margin-bottom: 1em;
}
.section-realisation{
margin-bottom: 4em;
position: relative;
}
.triangle-home-03{
position: absolute;
top: 9%;
width: 35%;
left: 50%;
transform: translateX(-50%);
}
.style-realisation-projet{
background-color: #FFFFFF;
background-position: center;
background-repeat: none;
background-size: cover;
border-radius: 40px;
box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
margin: .8em;
position: relative;
height: 160px;
width: 200px;
}
#idvisu{
background-image: url(//afa-multimedia.com/wp-content/themes/afa/assets/img/identitevisuelle.jpg);
}
#webapp{
background-image: url(//afa-multimedia.com/wp-content/themes/afa/assets/img/webetapplications.jpg);
}
#photovideo{
background-image: url(//afa-multimedia.com/wp-content/themes/afa/assets/img/photosetvideos.jpg);
} .page p{
margin-bottom: .8em;
}
.header-img{
background-image: url(//afa-multimedia.com/wp-content/themes/afa/assets/img/header-classique.png);
}
main{
overflow: hidden;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
top: -11.2em;
}
.home main{
overflow: inherit;
padding-top: inherit;
padding-bottom: inherit;
position: inherit;
top: inherit;
}
.main_content ul, .main_content ol{
margin-left: 4em;
margin-bottom: .8em;
}
.agence_identite{
background: #F8BE00;
width: max-content;
padding: .5em 1em;
text-transform: uppercase;
margin: -3em auto 1.5em auto;
position: relative;
border-radius: 3px;
font-size: 15pt;
}
.agence_identite a, .agence_weba a, .agence_photo a{
color: #FFFFFF;
text-decoration: none;
transition: all .3s;
}
.agence_identite a:hover, .agence_weba a:hover, .agence_photo a:hover{
letter-spacing: 1px;
}
.agence_weba{
background: #009FE3;
width: max-content;
padding: .5em 1em;
text-transform: uppercase;
margin: -3em auto 1.5em auto;
position: relative;
border-radius: 3px;
color: #FFFFFF;
font-size: 15pt;
}
.agence_photo{
background: #E6007E;
width: max-content;
padding: .5em 1em;
text-transform: uppercase;
margin: -3em auto 1.5em auto;
position: relative;
border-radius: 3px;
color: #FFFFFF;
font-size: 15pt;
} .page-template-page-id-visuelle .header-title-classique h1, .page-template-page-id-visuelle .header-title-classique p{
color: #B98800;
}
.page-template-page-id-visuelle .header-img{
background-image: url(//afa-multimedia.com/wp-content/themes/afa/assets/img/header-id.png);
}
.page-template-page-id-visuelle h2:after, .page-template-page-id-visuelle h3:after{
background-color: #F8BE00;
}
.page-template-page-id-visuelle .conteneur-page h2, .page-template-page-id-visuelle .conteneur-page h3, .page-template-page-id-visuelle .conteneur-page h4, .page-template-page-id-visuelle .conteneur-page h5{
color: #F8BE00 !important;
}
.page-template-page-id-visuelle .conteneur-page h4, .page-template-page-id-visuelle .conteneur-page h5{
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.6em;
font-weight: 200;
}
.page-template-page-id-visuelle .conteneur-page h5{
font-size: 1.2em;
}
.page-template-page-id-visuelle .btn-voir-plus a{
background-image: linear-gradient(.19turn, #FFEE00, #F8BE00, #FFEE00);
}
.page-template-page-id-visuelle blockquote{
background-color: #FFFDDC;
border-left: 6px #F8BE00 solid;
}
.page-template-page-id-visuelle .contenu-remonter-projet span{
color: #F8BE00;
}
.page-template-page-id-visuelle .bg-color-projet{
background-color: rgba(255, 237, 0, .5);
} .page-template-page-web .header-title-classique h1, .page-template-page-web .header-title-classique p{
color: #00317A;
}
.page-template-page-web .header-img{
background-image: url(//afa-multimedia.com/wp-content/themes/afa/assets/img/header-web.png);
}
.page-template-page-web h2:after, .page-template-page-web h3:after{
background-color: #00317A;
}
.page-template-page-web .conteneur-page h2, .page-template-page-web .conteneur-page h3{
color: #00317A !important;
}
.page-template-page-web .btn-voir-plus a{
background-image: linear-gradient(.19turn, #00D3FF, #009FE3, #00D3FF); 
}
.page-template-page-web blockquote{
background-color: #EEF9FE;
border-left: 6px #00317A solid;
}
.page-template-page-web .contenu-remonter-projet span{
color: #00317A;
}
.page-template-page-web .bg-color-projet{
background-color: rgba(0, 157, 227, .5);
} .page-template-page-photo .header-title-classique h1, .page-template-page-photo .header-title-classique p{
color: #870048;
}
.page-template-page-photo .header-img{
background-image: url(//afa-multimedia.com/wp-content/themes/afa/assets/img/header-photo.png);
}
.page-template-page-photo h2:after, .page-template-page-photo h3:after{
background-color: #870048;
}
.page-template-page-photo .conteneur-page h2, .page-template-page-photo .conteneur-page h3{
color: #870048 !important;
}
.page-template-page-photo .btn-voir-plus a{
background-image: linear-gradient(.19turn, #FF03CD, #E6007E, #FF03CD);
}
.page-template-page-photo blockquote{
background-color: #FFF3FA;
border-left: 6px #870048 solid;
}
.page-template-page-photo .contenu-remonter-projet span{
color: #870048;
}
.page-template-page-photo .bg-color-projet{
background-color: rgba(230, 0, 126, .5);
}
.blocks-gallery-item__caption a{
color:#fff;
}
.blocks-gallery-item__caption a:hover{
color:#eee;
text-decoration:none;
}
.wp-block-gallery figcaption{
flex-grow: 1;
text-align: center;
color: #666666;
}
strong{
font-weight:500;
}
.maps{
width:100%;
}
.wp-block-embed iframe{
width: 100%;
} .page-template-page-portfolio .header-img{
background-image: url(//afa-multimedia.com/wp-content/themes/afa/assets/img/header-classique.png);
}
.page-template-page-portfolio .conteneur-page{
margin-bottom: 10em;
}
.intro-portfolio p{
text-align: center;
margin: 0;
font-size: .9em;
}
.filtres-portfolio{
margin: 2em 0 .8em 0;
width: 100%;
text-align: center;
}
.filtres-portfolio p{
display: inline-block;
width: 220px;
margin-left: 10px;
cursor: pointer;
}
.filtres-portfolio p:first-of-type{
margin-left: inherit;
}
.all-filtre{
text-align: center;
color: #FFFFFF;
text-transform: uppercase;
font-family: 'Lexend';
text-decoration: none;
font-weight: bold;
font-size: .9em;
margin: 0 auto;
transition: all .3s;
display: inline-block;
cursor: pointer;
}
.focus{
color: #000000;
background: linear-gradient(90deg, rgb(149, 149, 149) 0%, rgb(207, 207, 207) 100%);
border: 0;
}
.focusAll{
color: #999999 !important;
text-decoration: none;
border-bottom: 1px solid #999999 !important;
border-top: 1px solid #999999 !important;
}
.filtres-portfolio .focus:hover{
color: #000000;
cursor: default;
}
.les-projets{
margin-top: 2em;
position: relative;
padding-bottom: 6em;
min-height: 500px;
}
.colonne-portfolio{
margin: 2em 0 !important;
font-family: 'Lexend';
color: #5F03FF;
text-decoration: none;
}
.colonne-portfolio:last-of-type{
margin-bottom: 0;
}
.image-portfolio{
width: 100%;
height: 265px;
display: block;
background-color: #FFFFFF;
border-radius: 20px;
box-shadow: 0 3px 6px rgb(0, 0, 0, .3);
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url(//afa-multimedia.com/wp-content/themes/afa/assets/img/Mockup-03.jpg);
transition: all .3s;
}
.image-portfolio:hover{
transform: scale(.95);
box-shadow: 0 5px 10px rgb(0, 0, 0, .5);
}
.colonne-portfolio span{
font-weight: 300;
font-size: 1.3em;
text-transform: uppercase;
margin-top: .5em;
display: block;
margin-bottom: -.5em;
transition: all .3s;
}
.colonne-portfolio p{
font-weight: bold;
font-size: 1.6em;
margin: 0;
transition: all .3s;
}
.image-portfolio:hover + span + p:after{
transform: translateX(-40px)
}
.charger{
cursor: pointer;
position: absolute;
bottom: 0;
margin-bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.charger.chargerCache{
display: none;
}
.page-template-page-portfolio .overlay, .archive .overlay{
position: absolute;
border-radius: 20px;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(95,3,255,0);
transition: all .3s;
}
.page-template-page-portfolio a .overlay:hover, .archive .overlay:hover{
background: rgba(95, 3, 255, .4);
}
.solutions_web p{
background: #f8fbfb;
padding: 3em .2em;
border-radius: 20px;
text-transform: uppercase;
margin-bottom: 1em;
color: #5F03FF;
transition: all .3s;
}
.utilisation_vr p{
background: #f8fbfb;
text-align: center;
text-transform: uppercase;
padding: 1em;
border-radius: 10px;
margin-bottom: 1em;
color: #5F03FF;
transition: all .3s;
}
.utilisation_vr p:hover,  .solutions_web p:hover{
transform: scale(.95);
}
body .content-worpress ul{
color: #000000;
} #cookie-notice{
transform: scale(.9);
bottom: 10px;
}
.cookie-notice-container{
background: #FFFFFF !important;
box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}
#cn-notice-text{
color: #000000 !important;
}
#cn-notice-buttons a{
border-radius: 100px !important;
background: linear-gradient(.19turn, #5F03FF, #9E54FF) !important;
padding: .8em 1em !important;
} #forminator-module-1495{
margin: auto;
width: 70%;
}
#forminator-module-1495 .forminator-label{
font-size: 15px!important;
font-family: 'Lexend'!important;
padding: 0;
}
#forminator-module-1495 .forminator-input{
border-radius: 100px;
padding-left: 20px;
}
#forminator-module-1495 .forminator-description{
font-style: italic!important;
margin-top: 15px;
}
#forminator-module-1495 .forminator-button-submit{
border-radius: 100px;
font-size: .9em!important;
padding: .8em 2em;
text-transform: uppercase;
font-family: 'Lexend'!important;
font-weight: bold!important;
background-size: 200%;
background-position: 100% 0;
transition: all .3s;
background-image: linear-gradient(.19turn, #9E54FF, #5F03FF, #9E54FF);
display: block;
cursor: pointer;
}
#forminator-module-1495 .forminator-button-submit:hover{ 
background-position: 0 100%; 
box-shadow: none;
} @media screen and (max-width:1399px){
.home-colonnes-comment h3{
font-size: 1.3em;
}
.img-section-comment{
width: 85%;
}
}
@media screen and (max-width:1200px){
.menu-navigation, .menu-contact{
padding: 1em 0 2em 1em; 
}
.colonne-contact{
padding: 0 2em 0 2em;
}
.style-conteneur-col-footer{
padding: 8em 5em 3em 5em;
}
.style-colonnes-footer{
padding: 0;
}
.texte-mentions-leg{
padding: 3.5em 0;
margin: 0 5em;
}
.img-papier{
width: 45%;
left: -6%;
}
.img-toile{
width: 45%;
right: -6%;
}
.home-client-colonnes{
height: 220px;
}
.texte-client-gauche{
margin-left: 39%;
padding-right: 30px;
}
.texte-client-droite{
margin-right: 39%;
padding-left: 30px;
}
.img-section-comment{
top: -3.5em;
width: 88%;
}
.triangle-home-01{
width: 60%;
}
.home-colonnes-comment h3{
font-size: 1.3em;
}
.sur-titre-home{
margin-top: 9em;
}
.triangle-home-02{
width: 40%;
}
.triangle-home-03{
width: 45%;
}
.lien-projet-gauche h3:after{
margin: 10px 64%;
}
}
@media screen and (max-width:1000px){
.header-title img{
width: 58%;
}
}
@media screen and (max-width: 992px){
.header-img{
margin-left: 20px !important;
margin-right: 20px !important;
}
.navigation > div:first-child{
padding: 0 20px;
}
.texte-prefooter p{
font-size: 1.8em;
}
.footer-img, .pre-footer{
margin-right: 20px;
margin-left: 20px;
}
.style-conteneur-col-footer{
padding: 6em 5em 2em 5em;
font-size: 1.1em;
}
#col-footer-01, #col-footer-02{
border-bottom: 1px #5F03FF solid;
}
#col-footer-03, #col-footer-04{
padding-top: 10px;
}
#col-footer-02, #col-footer-04{
border-left: 1px #5F03FF solid;
padding-left: 15px;
}
.conteneur-bouton-base{
position: absolute;
right: inherit;
left: 50%;
transform: translateX(-50%);
width: 28em;
}
.conteneur-bouton-base a{
width: 15em;
display: inline-block;
}
.btn-voir-plus a{
width: 70%;
}
.home-client h2{
text-align: center;
position: initial;
left: 0;
transform: translateX(-0%);
top: 0;
}
.img-papier{
width: 25%;
left: -3.5%;
}
.img-toile{
width: 25%;
right: -3.5%;
}
.home-client-colonnes{
height: 181px;
margin-bottom: 50px;
}
.texte-client-gauche{
margin-left: 23%;
}
.texte-client-droite{
margin-right: 23%;
}
.triangle-home-01{
top: 1.3%;
}
.home-colonnes-comment h3{
font-size: 1.5em;
}
.home-colonnes-comment{
margin-bottom: 9em;
margin-top: 2em !important;
}
.home-colonne-comment:last-of-type{
margin-bottom: 0;
}
.img-section-comment{
width: 50%;
top: -5em;
}
.sur-titre-home{
margin-top: 12em;
}
.triangle-home-02{
width: 50%;
}
.triangle-home-03{
width: 55%;
top: 4%;
}
.style-realisation-projet{
margin-bottom: 40px;
}
.style-realisation-projet:last-of-type{
margin-bottom: 0;
}
.lien-projet-gauche a, .lien-projet-gauche h3{
margin-right: 20px;
}
.lien-projet-droite a, .lien-projet-droite h3{
margin-left: 20px;
}
.lien-projet-gauche h3:after{
margin: 10px 60%;
}
.lien-projet-gauche a, .lien-projet-droite a{
width: 165px;
}
.photo-5{
margin: 0;
margin-bottom: 20px;
}
.photo-5:last-of-type{
margin: 0;
}
.modal > div{
padding-right: 4em;
}
}
@media screen and (max-width:768px){
.navigation-principale{
height: inherit;
overflow: auto;
}
.menu-navigation{
position: inherit;
}
.menu-contact{
position: inherit;
}
.colonne-navigation{
position: inherit;
top: 0;
transform: translateY(-0%);
}
.colonne-contact{
padding: 0 1em 0 1em;
position: inherit;    
top: 0;
transform: translateY(-0%);
}
.colonne-contact p{
font-size: 1em;
margin-bottom: 30px;
}
.bouton-menu-contact{
font-size: .8em;
}
.social-menu a{
font-size: 1.5em;
}
.texte-menu{
padding-left: 2em;   
}
.header-img{
margin-left: 15px !important;
margin-right: 15px !important;
}
.navigation > div:first-child{
padding: 0 15px;
}
.header-title img{
width: 70%;
}
.footer-img, .pre-footer{
margin-right: 15px;
margin-left: 15px;
}
.style-conteneur-col-footer{
padding: 6em 4em 2em 4em;
}
.texte-mentions-leg{
margin: 0 4em;
}
.style-colonnes-footer i{
font-size: 1.5em;
}
.img-papier{
width: 30%;
left: -4%;
}
.img-toile{
width: 30%;
right: -4%;
}
.texte-client-gauche{
margin-left: 25%;
}
.texte-client-droite{
margin-right: 27%;
}
.triangle-home-01{
top: .8%;
width: 90%;
}
.home-colonnes-comment{
margin-bottom: 10em;
margin-top: 4em !important;
}
.homme-colonnes-comment:last-of-type{
margin-bottom: 0;
}
.sur-titre-home{
margin-top: 13em;
}
.img-section-comment{
width: 75%;
top: -6em;
}
.triangle-home-02{
width: 70%;
top: 1.7%;
}
.taille-col-projets{
margin: 0;
}
.style-col-projets{
margin-bottom: 1.3em;
}
.triangle-home-03{
top: 3%;
width: 73%;
}
.header-title-classique{
padding: 11em .3em 13em .3em;
text-align: center;
}
.img-remonter-projet a{
margin: 1em 0;
}
.img-remonter-projet a:first-of-type, .img-remonter-projet a:last-of-type{
margin: 1em 0;
}
.bg-color-projet{
height: 859px;
}
.filtres-portfolio{
font-size: 1.2em;
}
.filtres-portfolio p{
display: inline-block;
width: 80%;
margin-left: initial;
margin-bottom: 20px;
}
.display-infos a{
left: 50%;
transform: translateX(-50%);
right: 0;
}
.info-projet p{
margin: 0;
margin-bottom: 20px;
display: block;
}
.info-projet div{
display: block;
}
.grande-photo{
height: 425px;
}
.action-projet-gauche{
margin-bottom: 40px;
}
.lien-projet-gauche a, .lien-projet-gauche h3{
margin-right: 40px;
}
.lien-projet-droite a, .lien-projet-droite h3{
margin-left: 40px;
}
.lien-projet-gauche h3:after{
margin: 10px 72%;
}
.lien-projet-gauche a, .lien-projet-droite a{
width: 200px;
}
.action-projet-droite{
margin-left: 0;
}
.photo-4{
height: 450px;
}
.modal > div{
padding-right: 2em;
width: 60%;
}
.header-title-classique h1{
font-size: 2em;
}
.header-title-classique p{
font-size: 1.2em;
}
.conteneur-contenue h2{
font-size: 1.7em;
}
.conteneur-contenue h3{
font-size: 1.5em;
}
.colonne-navigation .sub-menu > li > .sub-menu > li > a{
font-size: 12pt;
}
.menu-navigation::after {
transform: scale(.6);
bottom: -78px;
right: -78px;
}
}
@media screen and (max-width:576px){
.btn-header{
font-size: .6em;
padding: .7em .9em;
}
.navigation-outils > a:first-child{
height: 40px;
}
.btn-navigation p{
font-size: .8em;
}
.menu-bouton{
height: auto;
margin-top: 5px;
margin-right: 10px;
}
.barre{
width: 35px;
}
.navigation-outils > .btn-header{
font-size: .7em;
}
.header-img{
margin-left: 5px !important;
margin-right: 5px !important;
}
.navigation > div:first-child{
padding: 0 5px;
}
.header-title img{
width: 90%;
}
.header-title{
padding: 9em 0 4em 0;
}
.angle-texte{
font-size: .7em;
}
.angle-bas-droit{
right: -19px;
}
.angle-bas-gauche{
left: -48px;
}
.footer-img, .pre-footer{
margin-right: 5px;
margin-left: 5px;
}
.style-conteneur-col-footer{
padding: 4em 4em 2em 4em;
}
#col-footer-01, #col-footer-02{
border-bottom: inherit;
}
#col-footer-02, #col-footer-04{
border-left: inherit;
padding-left: 0;
}
.style-colonnes-footer{
border-top: 1px #5F03FF solid;
padding-top: 10px;
}
.style-colonnes-footer:first-of-type{
border-top: none;
}
.texte-mentions-leg{
margin: 0 4em;
padding: 2em 0 3em 0;
}
.texte-mentions-leg .widget-content .menu{
display: grid;
}
.mentions-afa{
padding: 2.7em 0;
}
.conteneur-bouton-base{
position: relative;
left: inherit;
transform: inherit;
width: 100%;
margin: auto;
text-align: center;
}
.conteneur-bouton-base a{
width: 90%;
display: inline-block;
}
.conteneur-bouton-base a:first-of-type{
margin-right: 0;
margin-bottom: 20px;
}
.btn-voir-plus a{
width: 90%;
}
blockquote{
font-size: 1em;
padding: 2em 2em !important;
}
.bg-color-projet{
height: 54em;
}
.home-colonnes-comment:last-of-type{
margin-top: 0;
margin-bottom: 0;
}
.home-colonnes-comment{
margin-bottom: 10em;
border-radius: 20px;
}
.home-colonnes-comment:first-of-type{
margin-top: 5em;
}
.img-section-comment{
width: 74%;
top: -6em;
}
.sur-titre-home{
margin-top: 13em;
}
.triangle-home-02{
top: 1.2%;
}
.filtres-portfolio p{
width: 100%;
}
.modal > div{
width: 90%;
}
#forminator-module-1495{
margin: auto;
width: 90%;
}
}
@media screen and (max-width:600px){
.angle-bas-droit-classique{
display: none;
}
.angle-bas-gauche-classique{
display: none;
}
}
@media screen and (max-width:490px){
.colonne-navigation .menu li, .colonne-navigation .sub-menu li{
font-size: 1.5em;
}
.colonne-navigation .sub-menu li{
font-size: 1em;
}
.retour-accueil{
font-size: .8em;
}
.header-title img{
width: 90%;
}
.header-title{
padding: 10em 0 4em 0;
}
.angle-texte{
font-size: .6em;
}
.angle-bas-droit{
right: -15px;
}
.angle-bas-gauche{
left: -44px;
}
.trait-vertical-01{
margin-bottom: 20px;
margin-top: 15px;
height: 90px;
}
.texte-prefooter{
padding: 5em 1em 5em 1em;
}
.texte-prefooter p{
font-size: 1.5em;
}
.img-papier{
width: 35%;
left: -5%;
}
.img-toile{
width: 35%;
right: -5%;
}
.home-colonnes-comment{
margin-top: 2em !important;
}
.home-client-colonnes p{
font-size: .7em;
}
.home-colonnes-comment:first-of-type{
margin-top: 3em;
}
.img-section-comment{
width: 75%;
}
.sur-titre-home{
margin-top: 11em;
}
.triangle-home-02{
width: 75%;
}
.triangle-home-03{
width: 80%;
}
.btn-voir-plus a{
font-size: .9em;
}
.bg-color-projet{
height: 55.5em;
}
.photo-5{
height: 415px;
}
.photo-4{
height: 400px;
}
.nav-entre-projet{
font-size: .8em;
}
}
@media screen and (max-width:360px){
.btn-classique-degrade{
width: 240px;
padding: .8em 1em;
}
.colonne-navigation .menu li, .colonne-navigation .sub-menu li{
font-size: 1.3em;
}
.colonne-navigation .sub-menu li{
font-size: 1em;
}
.retour-accueil{
font-size: .7em;
}
.header-img img{
width: 100%;
}
.trait-vertical-01{
height: 100px;
}
.angle-haut-gauche{
top: 85px;
left: 15px;
}
.angle-haut-droit{
top: 85px;
right: 15px;
}
.angle-bas-droit{
right: -19px;
}
.angle-bas-gauche{
left: -44px;
}
.style-conteneur-col-footer{
padding: 4em 2em 2em 2em;
}
.texte-mentions-leg{
margin: 0 2em;
}
.angle-footer-gauche{
bottom: -15px;
left: 15px;
}
.angle-footer-droit{
bottom: -15px;
right: 15px;
}
.trait-footer-gauche{
left: 15px;
}
.trait-footer-droit{
right: 15px;
}
.img-papier{
width: 40%;
left: -6%;
}
.img-toile{
width: 40%;
right: -6%;
}
.home-client-colonnes p{
font-size: .6em;
}
.texte-client-gauche{
margin-left: 30%;
}
.texte-client-droite{
margin-right: 34%;
}
.home-colonnes-comment:first-of-type{
margin-top: 0;
}
.sur-titre-home{
margin-top: 9em;
}
.img-section-comment{
width: 89%;
top: -5em;
}
.triangle-home-02{
width: 90%;
}
.triangle-home-03{
width: 90%;
}
.bg-color-projet{
height: 56em;
}
.grande-photo{
height: 350px;
}
.photo-5{
height: 330px;
}
.lien-projet-gauche h3:after{
margin: 10px 0;
margin-left: 193px;
}
.photo-4{
height: 360px;
}
.modal > div{
padding: 2em 1em;
}
.modal > div > div > p > i{
font-size: 1em;
padding: .8em;
}
.navigation-outils > a:first-child{
display: none;
}
}
@media screen and (max-height: 700px){
.navigation-principale{
height: inherit;
overflow: auto;
}
.menu-navigation{
position: inherit;
}
.menu-contact{
position: inherit;
}
.colonne-contact{
position: inherit;    
top: 0;
transform: translateY(0);
}
.colonne-navigation{
position: inherit;
top: 0;
transform: translateY(0);
}
}
@media (min-width: 992px){
.col-lg{
flex: 1 0 0;
}
.col-lg-5{
flex: 0 0 auto !important;
width: 41.66666667% !important;
}
.col-lg-4{
flex: 0 0 auto !important;
width: 33.33333333% !important;
}
}
@media (min-width: 768px){
.col-md{
flex: 1 0 0;
}
.img-remonter-projet .col-md{
flex: 1 0 0 !important;
}
}
@media (width: 768px){
.img-section-comment{
width: 60%;
top: -8em;
}
.img-remonter-projet a:first-of-type{
margin-right: 5px;
}
.img-remonter-projet a:last-of-type{
margin-left: 5px;
}
.bg-color-projet{
height: 400px;
}
}.mailjet_widget_form_builder_container {
width: 100%;
}html.slb_overlay object,html.slb_overlay embed,html.slb_overlay iframe{visibility:hidden}html.slb_overlay #slb_viewer_wrap object,html.slb_overlay #slb_viewer_wrap embed,html.slb_overlay #slb_viewer_wrap iframe{visibility:visible}input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #222222; --cmplz_hyperlink_color: #1E73BE; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #0a90c9; --cmplz_button_accept_border_color: #0a90c9; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #ffdede; --cmplz_button_deny_border_color: #ff5a5a; --cmplz_button_deny_text_color: #7f0505; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #1e73be; --cmplz_slider_inactive_color: #F56E28; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}.cmplz-cookiebanner { top: initial; left: initial; right: 10px; bottom: 10px; transform: initial;}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { left: initial; right: initial; bottom: 0; width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 768px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: block;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: none;} .cmplz-blocked-content-container.forminator-g-recaptcha { max-width: initial !important; height: 90px !important } @media only screen and (max-width: 400px) { .cmplz-blocked-content-container.forminator-g-recaptcha { height: 100px !important } } .cmplz-blocked-content-container.forminator-g-recaptcha .cmplz-blocked-content-notice { top: unset; left: unset; transform: unset; } .cmplz-blocked-content-container.recaptcha-invisible, .cmplz-blocked-content-container.g-recaptcha { max-width: initial !important; height: 80px !important; margin-bottom: 20px; } @media only screen and (max-width: 400px) { .cmplz-blocked-content-container.recaptcha-invisible, .cmplz-blocked-content-container.g-recaptcha { height: 100px !important } } .cmplz-blocked-content-container.recaptcha-invisible .cmplz-blocked-content-notice, .cmplz-blocked-content-container.g-recaptcha .cmplz-blocked-content-notice { max-width: initial; padding: 7px; }.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}