.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; } .no-js .owl-carousel {
display: block; } .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } } .owl-height {
transition: height 500ms ease-in-out; } .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//asf-france.com/wp-content/themes/asf/library/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }* {
box-sizing: border-box;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; 
font-smoothing: antialiased; 
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
@font-face {
font-family: 'Goia-regular';
src: url(//asf-france.com/wp-content/themes/asf/fonts/goia/Goia-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Goia-semibold';
src: url(//asf-france.com/wp-content/themes/asf/fonts/goia/Goia-SemiBold.woff2) format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Goia-bold';
src: url(//asf-france.com/wp-content/themes/asf/fonts/goia/Goia-Bold.woff2) format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
html, body {
box-sizing: border-box;
font-family: 'Goia-regular', helvetica, arial, lucida, sans-serif;
font-size: 1rem;
line-height: 1.4rem;
font-weight: 400;
font-style: normal;
background: #fff;
color: #3c3c3b;
text-rendering: optimizeLegibility; 
word-wrap: normal !important;
-webkit-hyphens: none !important;
hyphens: none !important;
-webkit-word-break: normal !important;
word-break: normal !important;
}
:root {
--leftright: 6vw;
--largeurmaxi: 1920px;
--couleur01: #bfe0d6;
--couleur02: #fef5e9;
--couleur03: #e0e8de;
--couleur04: #feebdc;
--couleur07: #9da59c;
--couleur08: #7d6ba8;
--noir: #3c3c3b;
--bold: 'Goia-bold';
--semibold: 'Goia-semibold';
}
@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
src: url(//asf-france.com/wp-content/themes/asf/fonts/font-awesome/fa-brands-400.eot);
src: url(//asf-france.com/wp-content/themes/asf/fonts/font-awesome/fa-brands-400.eot?#iefix) format("embedded-opentype"),
url(//asf-france.com/wp-content/themes/asf/fonts/font-awesome/fa-brands-400.woff2) format("woff2"),
url(//asf-france.com/wp-content/themes/asf/fonts/font-awesome/fa-brands-400.woff) format("woff"),
url(//asf-france.com/wp-content/themes/asf/fonts/font-awesome/fa-brands-400.ttf) format("truetype"),
url(//asf-france.com/wp-content/themes/asf/fonts/font-awesome/fa-brands-400.svg#fontawesome) format("svg");
}
#container,
#content {
margin: 0 auto;
max-width: var(--largeurmaxi);
position: relative;
}
footer.footer,
header.header {
max-width: var(--largeurmaxi);
}
#mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
float: none;
max-width: var(--largeurmaxi);
margin: 0 auto;
}
.bold {
font-weight: normal;
font-family: var(--bold);
}
p.bold a {
color: var(--noir);
}
.bold.noir a {
color: (--noir);
}
.extra-bold {
font-weight: normal;
font-family: var(--bold);
}
.bkg-blanc {
background-color: #fff;
}
.bkg-noir {
background-color: var(--noir);
}
.bkg-couleur01,
.bkg-orange {
background-color: var(--couleur01);
}
.bkg-couleur03,
.bkg-bleu {
background-color: var(--couleur03);
}
.bkg-couleur02,
.bkg-bleu-light {
background-color: var(--couleur02);
}
.bkg-orange h2,
.bkg-orange h3,
.bkg-orange h4,
.bkg-orange h5,
.bkg-orange p,
.bkg-orange a,
.bkg-orange a.cta-interne,
.bkg-orange i {
color: var(--noir);
}
.orange {
color: var(--noir);
}
a.couleur07 {
color: var(--couleur08) !important;
text-decoration: underline;
}
.noir {
color: var(--noir);
}
.gris {
color: var(--noir);
font-family: var(--bold);
}
.bleu {
color: var(--couleur02);
}
.bleu-light {
color: var(--couleur02);
}
p {
word-wrap: normal !important;
-webkit-hyphens: none !important;
hyphens: none !important;
-webkit-word-break: normal !important;
word-break: normal !important;
margin-bottom: 10px;
font-family: 'Goia-regular', helvetica, arial, lucida, sans-serif;
margin-top: 0;
font-style: normal;
position: relative;
}
.entry-content p {
margin: 0;
margin-bottom: 10px;
}
p.small {
font-size: .8rem;
line-height: 1.1rem;
}
.big,
p.big {
font-size: 1.25rem;
line-height: 1.4rem;
margin-bottom: 15px;
font-weight: 700;
}
.superbig {
font-size: 2.5rem;
line-height: 2.6rem;
margin-bottom: 40px;
}
.chiffre-big {
font-size: 5rem;
line-height: 4.5rem;
}
.chiffre-big .unite {
font-size: 4rem;
line-height: 2rem;
}
.cap {
text-transform: uppercase;
}
ul, ol {
margin: 0;
}
a {
outline: none;
}
a,
a:hover,
a:visited,
a::after,
a:hover::after {
color: var(--noir);
text-decoration: none;
outline-style: none !important;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a,
a:visited {
}
img {
max-width: 100%;
}
p a {
display: inline-block;
}
p a:hover {
color: var(--noir);
text-decoration: underline;
}
:focus {
outline: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-style: normal;
font-weight: normal;
font-family: var(--bold);
margin: 0;
}
h1 {
font-size: 2.3rem;
line-height: 2.6rem;
margin: 0 0 30px 0;
}
h2 {
font-size: 2.1rem;
line-height: 2.5rem;
margin: 0 0 25px 0;
text-decoration: underline;
}
h3 {
font-size: 1.6rem;
line-height: 1.8rem;
margin: 0 0 20px 0;
}
h3.light {
font-family: var(--bold);
}
h3.small {
font-size: 1.2rem;
line-height: 1.4rem;
}
h4 {
font-size: 1.35rem;
line-height: 1.5rem;
margin: 0 0 15px 0;
}
h4.light {
font-family: var(--bold);
}
h5 {
font-size: 1.1rem;
line-height: 1.3rem;
margin: 0 0 12px 0;
letter-spacing: 0;
text-transform: none;
}
a h3:hover,
a h4:hover,
a h3.light:hover,
a h4.light:hover {
text-decoration: underline;
color: var(--noir);
}
h2.bold {
font-size: 2rem;
line-height: 2.1rem;
margin: 0 0 20px 0;
position: relative;
}
h1.before::before,
h2::before,
h2.bold.before::before {
content: '';
display: block;
width: 70px;
height: 70px;
background: url(//asf-france.com/wp-content/themes/asf/img/fleche-before.png) top left no-repeat;
background-size: cover;
margin-bottom: 10px;
}
a.underline:hover {
text-decoration: underline;
}   .contenu-flexible iframe {
max-width: 100%;
margin: 20px 0;
height: 450px;
}
.dailymotion_player,
.youtube_player {
width: 100%;
background: #f4f4f4;
margin-bottom: 30px;
}
.dailymotion_player iframe,
.youtube_player iframe {
width: 100%;
}
.youtube-full,
.youtube_player,
.dailymotion_player,
.youtube-full iframe {
height: 500px;
}
.contenu-flexible .flex-item-deux-tiers iframe,
.youtube-deux-tiers,
.youtube-deux-tiers .dailymotion_player,
.youtube-deux-tiers .youtube_player,
.youtube-deux-tiers iframe {
height: 550px;
}
.contenu-flexible .flex-item-moitie iframe,
.youtube-moitie,
.youtube-moitie .youtube_player,
.youtube-moitie .dailymotion_player,
.youtube-moitie iframe {
height: 430px;
}
.contenu-flexible .flex-item-tiers iframe,
.youtube-tiers,
.youtube-tiers .youtube_player,
.youtube-tiers .dailymotion_player,
.youtube-tiers iframe {
height: 280px;
}
.contenu-flexible .flex-item-quart iframe,
.youtube-quart,
.youtube-quart .youtube_player,
.youtube-quart .dailymotion_player,
.youtube-quart .dailymotion_player,
.youtube-quart iframe {
height: 200px;
}
#tarteaucitronRoot #tarteaucitronAlertBig {
background: #fff !important;
color: var(--noir) !important;
}
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
color: var(--noir) !important;
}
body #tarteaucitronRoot div#tarteaucitronAlertBig {
border-radius: 0 !important;
box-shadow: none !important;
}
div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
opacity: .7 !important;
background: var(--noir) !important;
}
div#tarteaucitronAlertBig:before {
display: none !important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog, #tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow {  
background: var(--noir) !important;
padding: 10px 20px !important;
} #tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog {
background: #f1f1f1 !important;
}
#tarteaucitronAlertBig .tarteaucitronDeny {
position: absolute !important;
background: transparent !important;
top: -30px !important;
padding: 0 !important;
color: #fff !important;
right: 0 !important;
font-size: .85rem !important;
text-decoration: none !important;
}
#tarteaucitronDisclaimerAlert {
font-size: .9rem !important;
line-height: 1.3rem !important;
text-align: justify !important;
}   a.absolute {
width: 100%;
height: 100%;
position: absolute;
z-index: 14;
top: 0;
left: 0;
}
strong {
font-family: var(--bold);
}
#content {
margin-top: 0;
width: 100%;
-webkit-transition: all .5s;
transition: all .5s;
}
#content.padding-top {
padding-top: 140px;
-webkit-transition: all .5s;
transition: all .5s;
}
.wrap {
padding: 0 var(--leftright);
margin: 0 auto;
width: 100%;
}
.wrap1170 {
padding: 0;
margin: 0 auto;
width: 1170px;
max-width: 90%;
}
.hentry {
background: none;
border-radius: 0;
border: 0;
margin-bottom: 0;
}
.entry-content {
padding: 0;
}
.hentry header {
border: 0;
border-bottom: 0;
padding: 0;
}
.hentry footer {
border: 0;
padding: 0;
}
.clearboth {
clear: both;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.display-table {
display: table;
vertical-align: middle;
height: 100%;
width: 100%;
}
.display-table-cell {
display: table-cell;
vertical-align: middle;
height: 100%;
width: 100%;
}
.blanc p,
p.blanc,
.blanc {
color: #fff;
}
.bkg-cover {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.widget {
padding: 0;
margin: 0;
}
.widgettitle {
border: 0;
margin-bottom: 0;
}
.padding80 {
padding: 80px;
}
.padding60 {
padding: 60px;
}
.padding50 {
padding: 50px;
}
.padding40 {
padding: 40px;
}
.padding30 {
padding: 30px;
}
.padding20 {
padding: 20px;
}
.padding15 {
padding: 15px;
}
.padding10 {
padding: 10px;
}
.cartouche {
margin: 30px auto;
}
.filet {
width: 100%;
height: 1px;
margin: 15px 0;
background: var(--noir) !important;
}
.filet-epais {
width: 100%;
height: 6px;
margin: 20px 0;
background: var(--couleur01) !important;
}
.container-flex {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;    
display: flex;
position: relative;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.container-flex-center {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;    
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
}
.container-flex-nowrap {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;    
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.container-flex-start {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;    
display: flex;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.container-flex-start-nowrap {
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;    
display: flex;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.container-flex img,
.container-flex-center img,
.container-flex-nowrap img,
.container-flex-start img {
width: auto;
max-width: 100%;
height: auto;
}
.flex-item-moitie {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 48%;
}
.flex-item-quart {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 23%;
position: relative;
}
.flex-item-trois-quart {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 70%;
position: relative;
}
.flex-item-tiers {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 31%;
position: relative;
}
.flex-item-deux-tiers {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 65%;
position: relative;
}
.flex-item-auto {
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative;
}
.flex-item-full {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 100%;
position: relative;
}
.flex-item-cinq {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 18%;
position: relative;
}
.flex-item-40 {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 40%;
position: relative;
}
.flex-item-60 {
-webkit-justify-content: space-between;
justify-content: space-between;
width: 60%;
position: relative;
}
a.big-cta {
background: var(--couleur01);
height: 54px;
border-radius: 27px;
padding: 0 80px 0 30px;
font-family: var(--bold);
color: var(--noir);
text-decoration: none;
font-size: 1.1rem;
line-height: 54px;
display: inline-block;
margin: 30px 0;
position: relative;
}
a.big-cta::after {
content: '';
background: url(//asf-france.com/wp-content/themes/asf/img/plus-noir.png) center center no-repeat;
height: 30px;
width: 30px;
background-size: contain;
position: absolute;
z-index: 3;
top: 11px;
right: 18px;
-webkit-transition: all .3s;
transition: all .3s;
}
a.big-cta.bkg-blanc {
background: #fff;
color: var(--noir);
}
a.big-cta.bkg-blanc::after {
background: url(//asf-france.com/wp-content/themes/asf/img/plus.png) center center no-repeat;
background-size: contain;
}
.big-cta:hover {
background: var(--noir);
color: #fff;
}
a.big-cta.bkg-blanc:hover {
color: #fff;
background: var(--noir);
}
.big-cta:hover::after {
transform: rotate(360deg);
-webkit-transition: all .3s;
transition: all .3s;
}
a.cta {
background: var(--couleur01);
height: 40px;
border-radius: 20px;
padding: 0 30px;
font-family: var(--bold);
color: var(--noir) !important;
text-decoration: none;
font-size: .9rem;
line-height: 40px;
display: inline-block;
margin: 20px 0;
position: relative;
}
a.cta:hover {
background: var(--noir);
color: #fff !important;
}
a.cta.bkg-bleu {
}
a.cta.bkg-bleu:hover {
background: var(--noir);
color: #fff !important;
}
a.cta.bkg-gris-light {
background: var(--couleur02);
color: var(--noir) !important;
padding: 0 40px;
margin: 10px 10px 0 0;
}
a.cta.bkg-gris-light:hover {
background: var(--noir);
color: #fff !important;
}
a.cta-interne {
color: var(--noir);
font-size: 1rem;
font-family: var(--bold);
text-decoration: none;
}
a.cta-interne:hover {
color: var(--noir);
text-decoration: underline;
}
a.cta-interne::after {
content: '';
display: inline-block;
width: 28px;
height: 28px;
margin-left: 10px;
vertical-align: middle;
background: url(//asf-france.com/wp-content/themes/asf/img/plus.png) center center no-repeat;
background-size: cover;
}
a.cta-interne:hover::after {
transform: rotate(360deg);
-webkit-transition: all .3s;
transition: all .3s;
}
a.cta-interne.right {
display: inherit;
}
a.cta-interne.blanc {
color: var(--noir);
}
a.cta-interne.blanc:hover {
color: var(--noir);
text-decoration: underline;
}
.bkg-orange a.cta-interne::after,
a.cta-interne.blanc::after {
background: url(//asf-france.com/wp-content/themes/asf/img/plus-noir.png) center center no-repeat;
background-size: contain;
}
a.cta-download {
font-family: var(--bold);
color: #fff;
font-size: 1rem;
margin: 20px 0;
text-decoration: none;
display: inline-block;
position: relative;
padding: 6px 20px;
background: var(--couleur07);
border-radius: 6px;
}
a.cta-download::after {
content: '\e2c0';
margin-left: 10px;
font-family: 'Material Icons';
font-size: 1.6rem;
vertical-align: middle;
color: #fff;
}
a.cta-download:hover {
background: var(--couleur08);
}
a.cta-download:hover,
a.cta-download:hover::after {
color: #fff;
text-decoration: none !important;
} .container-breadcrumb {
width: 100%;
padding: 8px 0;
border-bottom: 1px solid var(--noir);
}
#breadcrumbs {
font-size: .8rem;
color: var(--noir);
font-weight: 400;
}
#breadcrumbs li {
display: inline-block;
}
#breadcrumbs a {
color: var(--noir);
position: relative;
font-family: var(--bold);
text-decoration: none;
}
#breadcrumbs a:hover {
color: var(--noir);
text-decoration: underline;
}
#breadcrumbs .separ {
display: inline-block;
}
#breadcrumbs .separ::before {
content: '\e315';
display: inline-block;
font-size: .8rem;
color: var(--couleur01);
font-family: 'Material icons';
vertical-align: middle;
}   #toTop {
display: none;
position: fixed;
bottom: 80px;
right: 20px;
z-index: 8222;
}
#toTop::before {
content: '\e5d8';
font-family: 'Material Icons';
width: 60px;
height: 60px;
border-radius: 50%;
display: block;
background: var(--couleur02);
font-size: 1.4rem;
text-align: center;
line-height: 60px;
transition: all 0.4s;
}
#toTop::before:hover {
background: var(--couleur04);
transition: all 0.2s;
}   .loader-site {
background: var(--couleur02);
width: 100%;
height: 100%;
position: fixed;
z-index: 15000;
}
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
text-align: center;
}
.loader {
width: 50px;
margin: 30vh auto 0;
aspect-ratio: 1;
border-radius: 50%;
padding: 6px;
background:
conic-gradient(from 135deg at top,currentColor 90deg, #0000 0) 0 calc(50% - 4px)/17px 8.5px,
radial-gradient(farthest-side at bottom left,#0000 calc(100% - 6px),currentColor calc(100% - 5px) 99%,#0000) top right/50%  50% content-box content-box,
radial-gradient(farthest-side at top        ,#0000 calc(100% - 6px),currentColor calc(100% - 5px) 99%,#0000) bottom   /100% 50% content-box content-box;
background-repeat: no-repeat;
animation: l11 1s infinite linear;
}
@keyframes l11{ 
100%{transform: rotate(1turn)}
} #holder {
opacity: 0;  
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
}
#holder.visible {
opacity: 1;
transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
}   header.header {
background: transparent;
position: fixed;
z-index: 8562; width: 100%;
margin: 0 auto; -webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
header.header.scroll {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #fff;
box-shadow: 0 12px 12px rgba(0,0,0,0.2);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#inner-header {
padding: 26px var(--leftright);
}
#inner-header nav {
margin-right: 50px;
}
.logo-header {
width: 240px;
height: 84px;
background: url(//asf-france.com/wp-content/themes/asf/img/asf-logo2025-noir.png) top left no-repeat; 
background-size: contain;
display: block;
position: relative;
z-index: 8563;
-webkit-transition: all .3s !important;
transition: all .3s !important;
}
header.header.scroll .logo-header {
height: 60px;
background: url(//asf-france.com/wp-content/themes/asf/img/asf-logo2025-noir.png) top left no-repeat; 
background-size: contain;
-webkit-transition: all 200ms ease-in !important;
transition: all 200ms ease-in !important;
}
header.header.scroll #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
color: var(--noir);
}   button.mega-close {
display: none !important;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item:not(.lien-extranet) > a.mega-menu-link::after {
content: '';
display: block;
margin: 0 auto;
width: 100%;
height: 6px;
opacity: 0;
background: var(--couleur07);
-webkit-transition: all 400ms ease-in !important;
transition: all 400ms ease-in !important;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.mega-current-menu-parent > a.mega-menu-link::after,
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link:hover::after {
margin: 5px auto 0;
opacity: 1;
-webkit-transition: all 200ms ease-in !important;
transition: all 200ms ease-in !important;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu {
top: -40px !important;
padding: 180px var(--leftright) 40px !important;
background: var(--couleur02) !important;
background-size: cover; width: 100vw !important;
z-index: 6507; -webkit-transition: all 0.2s !important;
transition: all 0.2s !important;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
z-index: 6508 !important;
}
header.header #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
-webkit-transition: all 0.2s !important;
transition: all 0.2s !important;
}
header.header.menu-actif #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item:not(.lien-extranet) > a.mega-menu-link {
color: var(--noir) !important;
-webkit-transition: all 0.2s !important;
transition: all 0.2s !important;
}
header.header.menu-actif #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu { -webkit-transition: all 0.2s !important;
transition: all 0.2s !important;
}
header.header.menu-actif .logo-header {
background: url(//asf-france.com/wp-content/themes/asf/img/asf-logo2025-noir.png) top left no-repeat; 
background-size: contain;
-webkit-transition: all 0.2s !important;
transition: all 0.2s !important;
}
.mega-menu-item-type-widget  h4 {
line-height: 1.8rem;
}
.mega-menu-item-type-widget {
padding: 0 !important;
max-width: 70% !important;
}
.mega-menu-columns-6-of-12 .textwidget {
padding-bottom: 20px !important;
}
.mega-menu-columns-6-of-12 .textwidget::after {
content: '';
display: block;
width: 60%;
height: 1px;
background: var(--couleur02);
margin: 25px 0 0;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
font-size: .95rem;
}   #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.lien-extranet > a.mega-menu-link {
background: var(--noir);
height: 32px;
border-radius: 16px;
padding: 0 20px;
font-family: var(--bold);
color: #fff !important;
text-decoration: none;
font-size: .85rem;
line-height: 32px;
display: inline-block;
margin: 0 0 0 12px;
position: relative;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.lien-extranet > a.mega-menu-link:hover {
background: var(--couleur04);
color: var(--noir) !important;
}   .container-menu-fixe {
position: absolute;
top: 0;
right: 0;
z-index: 6002;
width: var(--leftright);
padding-top: 30px; }
.container-menu-fixe.search-active {
visibility: hidden;
opacity: 0;
right: -120px;
}
#menu-menu-fixe-lateral {
text-align: center;
margin-top: 100px;
}
.container-menu-fixe li {
display: block;
float: none;
padding: 0;
position: relative;
height: 50px;
margin-bottom: 10px;
}
.container-menu-fixe li a {
padding: 0;
display: inline-block;
width: 50px;
color: #fff;
height: 50px;
border-radius: 25px;
position: relative;
z-index: 6302;
}
.container-menu-fixe li.adherent a {
background: url(//asf-france.com/wp-content/themes/asf/img/menu-icone-adherent.png) center center no-repeat var(--couleur01);
background-size: 60%;
}
.container-menu-fixe li.mediation a {
background: url(//asf-france.com/wp-content/themes/asf/img/menu-icone-mediation.png) center center no-repeat var(--couleur01);
background-size: 60%;
}
.container-menu-fixe li.formation a {
background: url(//asf-france.com/wp-content/themes/asf/img/menu-icone-formation.png) center center no-repeat var(--couleur01);
background-size: 60%;
}
.container-menu-fixe li.adherent a::after,
.container-menu-fixe li.formation a::after,
.container-menu-fixe li.mediation a::after {
content: ' ';
width: 50px;
position: absolute;
top: 0;
right: 0;
height: 50px;
border-radius: 25px; 
visibility: hidden;
background: var(--couleur01);
color: var(--noir);
line-height: 50px;
font-family: var(--bold);
font-size: .9rem;
text-align: left;
-webkit-transition: all .3s;
transition: all .3s;
opacity: 0;
overflow: hidden;
}
.container-menu-fixe li.adherent a::after {
background: var(--couleur01);
}
.container-menu-fixe li.adherent a:hover::after,
.container-menu-fixe li.formation a:hover::after,
.container-menu-fixe li.mediation a:hover::after {
content: '';
width: 180px;
visibility: visible;
opacity: 1;
padding-left: 50px;
-webkit-transition: all .5s;
transition: all .5s;
}
.container-menu-fixe li.adherent a:hover::after {
content: 'Espace adhérent'; }
.container-menu-fixe li.mediation a:hover::after {
content: 'Médiation'; }
.container-menu-fixe li.formation a:hover::after {
content: 'Formation'; }
.container-menu-fixe li a:hover::after {
background: var(--couleur04);
padding-left: 25px;
}
.legende-menu-lateral {
font-size: .85rem;
font-family: var(--bold);
transform: rotate(-90deg);
margin: 50px auto 0;
position: relative;
}
.legende-menu-lateral::before {
content: '';
display: block;
width: 120px;
height: 1px;
bottom: 40%;
right: 110%;
position: absolute;
background: #b0b0b0;
}   div.recherche {
position: fixed;
right: calc(var(--leftright) / 2);
margin-right: -25px;
top: 30px;
z-index: 8802;
cursor: pointer;
}
div.recherche.actif a {
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s;
transition: all .3s;
}
div.recherche a::after {
content: '';
width: 50px;
position: absolute;
top: 0;
right: 0;
height: 34px;
-webkit-transition: all .3s;
transition: all .3s;
}
div.recherche a::after {
background: url(//asf-france.com/wp-content/themes/asf/img/icone-search.png) center center no-repeat;
background-size: contain;
}
#sidebar-search {
position: relative;
opacity: 0;
margin-top: 0;
margin-left: 0;
width: 100%;
height: 0;
padding: 0;
-webkit-transition: all .5s;
transition: all .5s;
background: #fff;
}
#sidebar-search.actif {
opacity: 1;
padding: 30px 0;
height: 140px;
box-shadow: 0 10px 10px rgba(0,0,0,0.2);
-webkit-transition: all .5s;
transition: all .5s;
z-index: 6203;
}
#sidebar-search .bloc-search {
margin-left: var(--leftright);
}
#sidebar-search .input-search-big {
background: #f1f1f1;
border-radius: 4px;
height: 0;
width: 100%;
max-width: 80%;
font-size: 1.7rem;
color: var(--noir);
padding: 0 30px;
-webkit-transition: all .5s;
transition: all .5s;
}
#sidebar-search.actif .input-search-big {
height: 80px;
-webkit-transition: all .5s;
transition: all .5s;
}
#sidebar-search .input-search-big::placeholder {
opacity: .5;
}
#sidebar-search button {
display: none;
}
.close-search {
position: absolute;
cursor: pointer;
top: 30px;
right: 30px;
-webkit-transition: all .3s;
transition: all .3s;
}
.close-search::after {
content: '\e5cd';
display: block;
opacity: 0;
font-size: 2.2rem;
font-family: 'Material icons';
color: var(--noir);
z-index: 10233;
}
#sidebar-search.actif .close-search::after {
opacity: 1;
-webkit-transition: all .8s;
transition: all .8s;
}   footer.footer {
background: #fff;
color: var(--noir);
margin-top: 0;
padding: 30px 0;
}
footer.footer a,
footer.footer p {
font-size: .85rem;
line-height: 1.1rem;
}
footer.footer a {
text-decoration: underline;
}
footer.footer #inner-footer {
}
footer.footer #inner-footer::before {
content: '';
height: 8px;
margin-bottom: 25px;
width: 100%;
display: none;
background: var(--couleur02);
}
.footer-partenaires { padding: 12px 0;
margin: 10px 0 0;
text-align: center;
border-top: 1px solid var(--noir);
border-bottom: 1px solid var(--noir);
}
.footer-partenaires li {
padding: 0 10px;
display: inline-block;
}
.footer-partenaires,
.footer-partenaires a {
color: var(--noir);
font-family: var(--bold);
font-size: .85rem;
text-decoration: none !important;
}
.footer-partenaires a:hover {
color: var(--noir);
}
.footer-nav {
margin-bottom: 15px;
}
.footer-nav li {
display: inline-block;
float: none;
padding: 0 10px;
}
footer.footer .footer-nav a {
text-decoration: underline;
color: var(--noir);
text-align: center;
}
footer.footer .footer-nav a:hover {
color: var(--noir);
text-decoration: underline;
}   li.linkedin,
li.twitter,
li.facebook,
li.instagram {
display: inline-block;
width: auto !important;
padding: 0;
}
li.linkedin a,
li.twitter a,
li.facebook a,
li.instagram a {
padding: 0;
}
li.linkedin a::after,
li.twitter a::after,
li.facebook a::after,
li.instagram a::after {
content: '';
display: inline-block;
font-size: 1.3rem;
font-family: 'fontAwesome';
color: var(--couleur01);
height: 40px;
padding: 0 10px;
}
li.linkedin a:hover::after,
li.twitter a:hover::after,
li.facebook a:hover::after,
li.instagram a:hover::after {
color: var(--noir);
}
li.facebook a::after {
content: '\f39e' !important;
}
li.instagram a::after {
content: '\f16d' !important;
}
li.twitter a::after {
content: '\e61b' !important;
}
li.linkedin a::after {
content: '\f0e1' !important;
}   .owl-carousel {
width: 100%;
}
.owl-nav {
position: absolute;
right: 0;
top: 0;
}
.owl-carousel-actus .owl-nav {
top: -80px;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
margin: 0 10px;
height: 40px;
width: 40px;
margin: 0 5px;
position: relative;
background: var(--couleur01);
}
.owl-carousel .owl-nav button.owl-prev {
margin-left: 0;
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
background: var(--couleur03);
}
.owl-prev::before,
.owl-next::before {
content: '';
height: 40px;
width: 40px;
position: absolute;
font-family: 'Material icons';
font-size: 1.1rem;
line-height: 40px;
text-align: center;
color: #fff;
top: 0;
left: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.owl-prev::before {
content: '\e314';
}
.owl-next::before {
content: '\e315';
}
.owl-dots {
top: 0;
right: 0;
position: absolute;
}
.owl-carousel-actus .owl-dots {
bottom: 0;
top: auto;
right: 0;
}
.owl-carousel-stats .owl-dots {
bottom: -30px;
top: auto;
}
.owl-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--couleur01) !important;
margin: 0 0 0 8px;
opacity: .35;
}
.owl-dot.active {
opacity: 1;
}
.owl-carousel-stats .owl-dot {
background: var(--couleur01) !important;
opacity: 1;
}
.owl-carousel-stats .owl-dot.active {
opacity: 1;
background: #fff !important;
}
.owl-carousel-actus a,
.owl-carousel-stats a {
text-decoration: none;
}
.bkg-bleu-light .owl-carousel .owl-nav button.owl-prev,
.bkg-bleu-light .owl-carousel .owl-nav button.owl-next {
background: var(--couleur07);
}
.bkg-bleu-light .owl-prev::before,
.bkg-bleu-light .owl-next::before {
color: #fff;
}
.bkg-bleu-light .owl-carousel .owl-nav button.owl-prev:hover,
.bkg-bleu-light .owl-carousel .owl-nav button.owl-next:hover {
background: #fff;
}
.bkg-bleu-light .owl-prev:hover::before,
.bkg-bleu-light .owl-next:hover::before {
color: var(--couleur02);
}   .bloc-partage {
width: 100%;
text-align: right;
}
a.share-icone {
text-decoration: none !important;
margin-right: 8px;
}
a.share-icone:last-child {
margin-right: 0;
}
a.share-icone::before {
content: '';
display: inline-block;
font-size: 1.5rem;
font-family: 'fontAwesome';
color: var(--noir);
}
a.share-icone:hover::before {
color: var(--couleur01);
}
a.share-icone.share-twitter::before {
content: '\e61b';
}
a.share-icone.share-facebook::before {
content: '\f082';
}
a.share-icone.share-linkedin::before {
content: '\f08c';
}   .top-image-home { width: 100%; height: 60vh;
background-size: contain;
background-position: bottom right;
background-repeat: no-repeat;
position: relative;
}
.filtre-image { }
.zone-menu-lat {
position: absolute;
width: var(--leftright);
height: 100%;
top: 0;
right: 0;
z-index: 12;
}
section.section-intro-home {
padding-bottom: 30px;
padding-top: 30px;
}
.container-intro-home {
position: absolute;
z-index: 10;
bottom: 60px;
left: 0;
width: 100%;
padding: 0 var(--leftright);
opacity: 1;
-webkit-transition: all .3s;
transition: all .3s;
}
.container-intro-home.scroll {
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s;
}
h1.titre-home {
font-weight: 400;
font-size: 2.5rem;
line-height: 2.7rem;
margin-bottom: 0;
padding-right: 30px; }
.container-intro-home a.big-cta {
margin-top: 0;
}
.module-libre-stats-home {
margin-top: 110px;
}
section {
padding: 60px 0;
position: relative;
}
article section:not(.bkg-cover):last-child {
padding-bottom: 0;
}
section.home-stats h2.bold,
section.home-actualite h2.bold {
margin-bottom: 50px;
}
section.home-actualite h2.bold::after {
content: ''; display: none;
background: var(--couleur02);
width: 100%;
top: 40%;
left: 25%;
width: 75%;
height: 10px;
position: absolute;
}
h3.titre-actu-archive {
min-height: 80px;
}
.indicateur-numero {
color: var(--couleur01);
font-size: .85rem;
font-family: var(--bold);
margin-bottom: 50px;
display: block;
text-decoration: underline;
display: none;
}
.lien-plus {
margin-top: 30px;
display: block;
width: 30px;
height: 30px;
background: url(//asf-france.com/wp-content/themes/asf/img/plus.png) center center no-repeat;
background-size: contain;
}
.lien-plus:hover {
transform: rotate(360deg);
}
.es_subscription_form input[type=checkbox] {
margin-right: 10px;
cursor: pointer;
}
.es_subscription_form p label {
font-size: .85rem;
line-height: 1rem;
width: 90%;
display: inline-block !important;
}
input[type=submit] {
background: var(--couleur02);
font-family: var(--bold);
padding: 10px 30px;
margin: 20px 0;
color: #fff;
border: 0;
font-size: .9rem;
}
input[type=submit]:hover {
background: var(--noir);
}   .slider {
width: 100%;
height: 60vh;
overflow: hidden;
position: relative;
}
.slide { 
width: 100%;
height: 100%;
top: 0;
left: 0;
float: left;
position: absolute;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.slidecontent {  }
#slideposition {
position: relative;
bottom: 40px;
left: 0;
width: auto;
text-align: center;
z-index: 500;
}
#slideposition ul {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
}
#slideposition ul li.indicator {
display: inline-block;
height: 16px;
width: 16px;
background: #fff;
margin: 0 6px;
padding: 0;
border-radius: 50%;
overflow: hidden;
cursor: pointer;
}
#slideposition ul li.indicator.active {
background: var(--couleur01);
}   .owl-carousel-stats {
margin-bottom: 50px;
}
.owl-carousel-stats .owl-nav {
top: -80px;
}
.module-twitter {
overflow-y: auto;
overflow-x: hidden;
max-height: 280px;
padding: 0 15px;
}
.module-linkedin {
}   .container-citation {
margin-bottom: 70px;
}
.citation-home {
font-size: 3.5rem;
line-height: 3.8rem;
margin-bottom: 20px;
}
.citation-home::before {
content: '';
display: block;
width: 70px;
height: 60px;
background: url(//asf-france.com/wp-content/themes/asf/img/guillemet-citation.png) top left no-repeat;
background-size: contain;
margin-bottom: 30px;
}
.accroche-metiers {
padding-top: 20px;
margin-top: 20px;
border-top: 8px solid var(--noir);
}
h3.focus-metier::after {
content: ']';
display: inline-block;
color: var(--couleur01);
}
h3.focus-metier::before {
content: '[';
display: inline-block;
color: var(--couleur01);
}
.metier-home {
margin-bottom: 20px;
width: 22%;
margin-right: 10px;
}
.picto-metier {
width: 120px;
border-radius: 50%;
height: 120px;
border: 1px solid var(--noir);
-webkit-transition: all .3s;
transition: all .3s;
}
a:hover .picto-metier {
}
.container-pas-metier-en-avant .metier-home {
margin-bottom: 20px;
width: 22%;
margin-right: 15px;
}
.picto-financement-locatif-de-lequipement-des-entreprises {
background-color: #c2e1d0;
}
.picto-credit-a-la-consommation {
background-color: #c7c2d5;
}
.picto-affacturage {
background-color: #cbd9bd;
}
.picto-credit-bail-immobilier {
background-color: #fae4cc;
}
.picto-caution-financiere {
background-color: #fef1dd;
}
.picto-prestataires-de-services-dinvestissement {
background-color: #d5dfcf;
}
.picto-titrisation {
background-color: #ebe5dd;
}
.picto-sofergie {
background-color: #d5d8cf;
}
.main-caution-financiere .picto-titre-metier,
.main-caution-financiere .picto-chiffre-metier,
.main-caution-financiere .rangee-page.bkg-bleu-light {
background-color: #fef1dd;
}
.main-financement-locatif-de-lequipement-des-entreprises .picto-titre-metier,
.main-financement-locatif-de-lequipement-des-entreprises .picto-chiffre-metier,
.main-financement-locatif-de-lequipement-des-entreprises .rangee-page.bkg-bleu-light,
.main-financement-locatif-de-lequipement-des-entreprises .rangee-page.bkg-orange {
background-color: #c2e1d0;
}
.main-credit-a-la-consommation .picto-titre-metier,
.main-credit-a-la-consommation .picto-chiffre-metier,
.main-credit-a-la-consommation .rangee-page.bkg-bleu-light,
.main-credit-a-la-consommation .rangee-page.bkg-orange {
background-color: #c7c2d5;
}
.main-affacturage .picto-titre-metier,
.main-affacturage .picto-chiffre-metier,
.main-affacturage .rangee-page.bkg-bleu-light,
.main-affacturage .rangee-page.bkg-orange {
background-color: #cbd9bd;
}
.main-credit-bail-immobilier .picto-titre-metier,
.main-credit-bail-immobilier .picto-chiffre-metier,
.main-credit-bail-immobilier .rangee-page.bkg-orange,
.main-credit-bail-immobilier .rangee-page.bkg-bleu-light {
background-color: #fae4cc;
}
.main-prestataires-de-services-dinvestissement .picto-titre-metier,
.main-prestataires-de-services-dinvestissement .picto-chiffre-metier,
.main-prestataires-de-services-dinvestissement .rangee-page.bkg-orange,
.main-prestataires-de-services-dinvestissement .rangee-page.bkg-bleu-light {
background-color: #d5dfcf;
}
.main-titrisation .picto-titre-metier,
.main-titrisation .picto-chiffre-metier,
.main-titrisation .rangee-page.bkg-orange,
.main-titrisation .rangee-page.bkg-bleu-light {
background-color: #ebe5dd;
}
.main-sofergie .picto-titre-metier,
.main-sofergie .picto-chiffre-metier,
.main-sofergie .rangee-page.bkg-orange,
.main-sofergie .rangee-page.bkg-bleu-light {
background-color: #d5d8cf;
}   .alt-zone-gauche {
height: 100%;
width: 100%;
min-height: 200px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.alt-zone-droite {
width: 100%;
height: 100%;
min-height: 200px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.alt-zone-droite-libre {
width: 100%;
height: 100%;
min-height: 200px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.module-zone-droite .contenu-libre {
}
.module-convention {
position: relative;
-webkit-transition: all .3s;
transition: all .3s;
}
.module-convention h2 {
font-size: 1.6rem;
line-height: 1.7rem;
}
.module-convention:hover {
background: var(--couleur02);
-webkit-transition: all .3s;
transition: all .3s;
}
.descriptif-convention {
padding: 10px 0 10px 20px;
border-left: 1px solid #fff;
}   .home-publications {
min-height: 400px; position: relative;
}
li.module-publication {
display: block;
margin: 30px 0;
}
li.module-publication::before {
content: '';
display: block;
width: 22px;
height: 1px;
margin-bottom: 15px;
background: var(--couleur01);
}
li.module-publication h4 {
margin-bottom: 0;
}
.vignette-pdf img {
border: 1px solid var(--couleur02);
}   .top-image-page {
width: 100%;
height: 45vh;
position: relative;
background: url(//asf-france.com/wp-content/themes/asf/img/top-page02.jpg) bottom left no-repeat;
background-size: cover;
}
.top-image-single {
width: 100%;
position: relative;
height: 180px;
max-height: 30vh;
}
.top-image-actu {
background: url(//asf-france.com/wp-content/themes/asf/img/top-page02.jpg) bottom left no-repeat;
background-size: cover;
}
.top-image-standard {
background: url(//asf-france.com/wp-content/themes/asf/img/top-page02.jpg) bottom left no-repeat;
background-size: cover;
}
.container-titre-page {
bottom: 60px;
position: absolute;
z-index: 10;
max-width: 30%;
}
.container-titre-page h1 {
margin-bottom: 0;
}   .rangee-page {
margin: 40px 0;
}
.contenu-flexible h2 {
margin: 0 0 40px 0;
}
.contenu-flexible h3 {
margin: 0 0 30px 0;
}
.contenu-flexible h4 {
margin: 0 0 15px 0;
}
.contenu-flexible ul + h3,
.contenu-flexible img + h3,
.contenu-flexible p + h3 {
margin: 30px 0 30px 0;
}
.contenu-flexible ul + h4,
.contenu-flexible img + h4,
.contenu-flexible p + h4 {
margin: 25px 0 15px 0;
}
.contenu-flexible img {
max-width: 100%;
height: auto;
}
.contenu-stats ul:not(.liste-liens-social),
.contenu-actualite ul,
.contenu-flexible ul {
margin: 15px 0;
list-style: square;
}
.contenu-stats ul:not(.liste-liens-social) li,
.contenu-actualite ul li,
.contenu-flexible ul li {
margin-bottom: 6px;
padding-left: 6px;
margin-left: 18px;
}
blockquote p {
font-style: italic;
color: var(--noir);
font-family: var(--bold);
}
blockquote {
position: relative;
}
blockquote::before {
content: '';
display: block;
position: absolute;
left: -30px;
top: 0;
width: 6px;
height: 100%;
background: var(--couleur01);
}
.contenu-flexible strong,
.contenu-libre strong {
color: var(--noir);
}
.contenu-flexible .rangee-page.bkg-bleu-light strong,
.contenu-libre .rangee-page.bkg-bleu-light strong {
color: var(--noir);
}
.contenu-flexible .bkg-orange strong,
.contenu-libre .bkg-orange strong {
color: var(--noir);
}
.contenu-flexible p a:not(.cta-interne),
.contenu-libre p a:not(.cta-interne) {
color: var(--noir);
text-decoration: none;
font-family: var(--bold);
}
.contenu-flexible p a:not(.cta, .cta-interne),
.contenu-libre p a:not(.cta, .cta-interne) {
color: var(--couleur08);
text-decoration: none;
font-family: var(--bold);
text-decoration: underline !important;
}
.contenu-flexible p a:not(.cta-download, .cta-interne),
.contenu-libre p a:not(.cta-download, .cta-interne) {
color: var(--couleur08);
text-decoration: none;
font-family: var(--bold);
text-decoration: underline !important;
}
.contenu-flexible.bkg-orange p a:not(.cta-download),
.contenu-libre.bkg-orange p a:not(.cta-download) {
color: var(--couleur08);
text-decoration: underline !important;
}
.contenu-flexible a:not(.cta-download, .cta, .cta-interne) {
text-decoration: underline;
}
.contenu-flexible a:not(.cta-download, .cta, .cta-interne):hover {
text-decoration: underline;
}
.contenu-flexible.bkg-orange p a:not(.cta-interne),
.contenu-libre.bkg-orange p a:not(.cta-interne) {
color: #fff;
}
.contenu-flexible p:last-child,
.contenu-libre p:last-child {
margin-bottom: 0;
}
.rangee-page.blanc h2,
.rangee-page.blanc h3,
.rangee-page.blanc h4,
.rangee-page.blanc h5,
.rangee-page.blanc p,
.rangee-page.blanc a,
.rangee-page.blanc strong {
color: #fff;
}
.rangee-image {
padding: 50px 0;
background-size: cover;
position: relative;
}
.rangee-page.bkg-bleu-light,
.rangee-page.bkg-orange {
padding: 70px 0;
margin: 0;
}
.rangee-page.rangee-image {
margin: 0;
}
.rangee-image .wrap {
position: relative;
z-index: 15;
}
.rangee-image-seule {
background-size: cover;
height: 450px;
max-height: 45vh;
margin: 0;
width: 100%;
}
.rangee-image-seule.fine {
background-size: cover;
height: 250px;
margin: 50px 0;
}
.rangee-page.bkg-bleu-light h3 { }   .contenu-actualite {
padding: 30px;
padding-top: 30px;
padding-bottom: 30px; margin-bottom: 20px;
background: var(--couleur02);
}
.liste-categories li {
display: inline-block;
background: var(--couleur02);
padding: 4px 12px;
border-radius: 3px;
margin-right: 10px;
font-size: .85rem;
margin-bottom: 6px;
}
.liste-categories li:hover {
background: var(--couleur02);
}
.contenu-actualite h3 {
margin-top: 25px;
}
.module-actu-archive {
margin-bottom: 70px;
}
.pagination {
text-align: center;
}
.pagination ul {
background: none;
border-radius: 0;
text-align: right;
}
.pagination li {
display: inline-block;
float: none;
}
.pagination,
.pagination a {
font-family: var(--bold);
font-size: 1rem;
color: var(--couleur01);
}
.pagination a,
.pagination span {
padding: 8px 12px;
}
.pagination .current {
color: var(--noir);
}
.pagination li a:hover {
text-decoration: underline;
}    .modules-chiffres-cles-stats {
}
.module-chiffre-cle {
margin-bottom: 30px;
padding: 15px;
border-left: 1px solid var(--noir);
border-right: 1px solid var(--noir);
}
.module-chiffre-cle:hover {
text-decoration: underline;
}
.module-chiffre-cle p.big {
font-size: .9rem;
line-height: 1.2rem;
}
.module-chiffre-cle .picto-metier {
width: 50px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
border: 0;
margin: 0 0 0 auto;
}
.module-chiffre-cle .moitie-nom-metier {
padding-left: 20px;
}
.module-chiffre-cle .moitie-picto {
padding-right: 20px;
}
.margin-zero {
margin: 0 !important;
}
.strate01 {
border-radius: 0px;
margin-bottom: 10px;
padding: 10px 15px;
}
.strate01.bkg-blanc {
border-radius: 0px;
margin-bottom: 15px;
padding: 10px 15px;
}
.displaynone {
display: none !important;
}
.top-image-statistiques {
background: url(//asf-france.com/wp-content/themes/asf/img/top-page02.jpg) top left no-repeat;
background-size: cover;
}
.top-image-enquete {
background: url(//asf-france.com/wp-content/themes/asf/img/top-page02.jpg) top left no-repeat;
background-size: cover;
}
.stats-en-exergue { }
.stats-en-exergue.exergue-no {
padding: 0;
}
.stats-en-exergue .owl-carousel-actus .owl-dots {
bottom: -50px;
}
.contenu-stats {
padding-bottom: 30px;
border-bottom: 2px solid var(--noir);
margin-bottom: 20px;
}
.picto-stats {
display: inline-block;
margin-top: 20px;
margin-right: 15px;
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid var(--couleur01);
vertical-align: middle;
background: url(//asf-france.com/wp-content/themes/asf/img/picto-stats-100.png) center center no-repeat;
background-size: contain;
}
.module-stat {
margin-bottom: 50px;
padding: 15px;
background: #f4f4f4;
}
.module-stat p.bold.noir {
padding-top: 12px;
border-top: 1px solid var(--noir);
font-size: 1.2rem;
line-height: 1.6rem;
}
.item-annee-stat {
position: relative;
}
.annee-stat {
margin-left: 130px;
}
.owl-carousel-stats-tri,
.owl-carousel-stats-annuelles {
margin-bottom: 60px;
}
.owl-carousel-stats-tri .owl-nav,
.owl-carousel-stats-annuelles .owl-nav {
right: auto;
left: 0;
}
.stat-annuelle-carrousel {
padding: 16px;
border-bottom: 1px solid var(--noir);
}
.stat-annuelle-carrousel:hover {
background: var(--couleur02);
color: var(--noir);
text-decoration: none;
}
a .stat-annuelle-carrousel:hover {
color: var(--noir);
text-decoration: none;
}
.annee-stat {
margin-bottom: 20px;
}
.archives-par-annee {
margin: 40px 0 25px;
}   .top-image-publication {
background: url(//asf-france.com/wp-content/themes/asf/img/top-page02.jpg) bottom left no-repeat;
background-size: cover;
}
.module-publication-archive {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid var(--noir);
}
.categ-publications {
width: 100%;
border-bottom: 1px solid var(--noir);
padding: 0;
margin-bottom: 40px;
}
.categ-publications li {
display: inline-block;
padding: 14px 30px;
position: relative;
}
.categ-publications li:first-child {
padding-left: 0;
}
.categ-publications li::after {
content: '';
display: block;
height: 3px;
background: var(--noir);
width: 100%;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s;
}
.categ-publications li.ui-tabs-active a {
color: var(--couleur01);
}
.categ-publications li.ui-tabs-active::after {
opacity: 1;
-webkit-transition: all .3s;
transition: all .3s;
}
.contenu-publications {
padding: 40px 0;
}
.container-categ-publi {
padding-top: 40px;
}
.single-publi {
padding: 30px 0;
border-top: 1px solid var(--noir);
}
.single-publi.padding30 {
padding: 30px;
}
.single-publi .floatleft {
width: 75%;
}
.single-publi .floatleft:first-child {
width: 25%;
}
.top-image-textes-legi {
background: url(//asf-france.com/wp-content/themes/asf/img/top-page02.jpg) bottom left no-repeat;
background-size: cover;
}
.titre-publi-video {
min-height: 66px;
}   .zone-cta-metier {
margin: 0 0 40px;
}
.zone-cta-metier .contenu-zone {
position: relative;
z-index: 16;
}
.zone-cta-metier.rangee-image {
padding: 30px 0;
}
.chiffres-cles-metiers {
margin-bottom: 100px;
}
.picto-titre-metier {
margin-top: 20px;
width: 70px;
height: 70px; border-radius: 50%;
}
.picto-chiffre-metier {
width: 90px;
height: 90px;
border-radius: 50%;
border: 1px solid var(--noir);
background-size: contain;
background-repeat: no-repeat;
margin-top: 20px;
}
body.single-metier_type .picto-chiffre-metier {
border: 0;
}
.bottom-metier {
background-color: var(--couleur01);
}
.liens-bottom-metier {
position: relative;
z-index: 12;
}
.module-lien-metier {
min-height: 190px;
position: relative;
margin-top: 30px;
background: var(--couleur04) !important;
}
.intitule-lien-metier {
position: absolute;
bottom: 30px;
z-index: 13;
width: 97%;
color: var(--noir) !important;
}
.intitule-lien-metier::before {
content: '';
display: block;
height: 60px;
width: 60px;
background: url(//asf-france.com/wp-content/themes/asf/img/fleche-before.png) bottom left no-repeat;
background-size: contain;
margin-bottom: 8px;
}
.intitule-lien-metier p {
color: var(--noir) !important;
}
.module-lien-metier:hover {
background-color: var(--couleur02) !important;
}
.module-lien-metier.bkg-bleu:hover {
background-color: var(--couleur02) !important;
}
.picto-cloud {
width: 54px;
height: 40px;
background: url(//asf-france.com/wp-content/themes/asf/img/picto-lien-externe.png) center center no-repeat;
}
.bkg-orange.module-metier:hover {
background-color: var(--couleur02);
}
.module-lien-metier.flex-item-quart .intitule-lien-metier {
width: 90%;
}
.module-lien-metier.flex-item-quart .intitule-lien-metier .flex-item-tiers {
display: none;
}
.module-lien-metier.flex-item-quart .intitule-lien-metier .flex-item-deux-tiers {
width: 90%;
}
.photo-contact {
width: 25%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-right: 15px;
border-radius: 50%;
display: inline-block;
}
.photos-contacts .photo-contact:last-child {
margin-right: 0;
}   body.search article {
padding: 30px 0;
border-bottom: 1px solid var(--noir);
}
.liste-taxo-search a {
display: inline-block;
background: var(--couleur02);
padding: 4px 12px;
border-radius: 3px;
margin-right: 10px;
font-size: .85rem;
}
.liste-taxo-search a:hover {
background: var(--noir);
text-decoration: underline;
}   .membre-asf {
position: relative;
overflow: hidden;
cursor: pointer;
height: 236px;
margin-bottom: 25px;
background-position: top center;
}
.membre-asf.avatar-default {
background: url(//asf-france.com/wp-content/themes/asf/img/avatar.jpg) center center no-repeat;
background-size: cover;
}
.texte-membre {
position: absolute;
padding-left: 20px;
padding-right: 20px;
top: 100%;
width: 100%;
height: 100%;
opacity: 0;
z-index: 9;
-webkit-transition: all .2s;
transition: all .2s;
}
.survol-membre {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0);
z-index: 8;
-webkit-transition: all .4s;
transition: all .4s;
}
.membre-asf:hover .survol-membre {
background: rgba(0,0,0,0.6);
-webkit-transition: all .3s;
transition: all .3s;
}
.membre-asf:hover .texte-membre {
top: 25%; 
opacity: 1;
-webkit-transition: all .3s;
transition: all .3s;
}
.item-commission {
position: relative;
padding: 25px 0 25px 40px;
border-bottom: 1px solid var(--noir);
}
.indicateur-numero.commission {
color: var(--noir);
font-size: .85rem;
font-family: var(--bold);
margin-bottom: 0;
display: block;
position: absolute;
top: 0;
left: -40px;
text-decoration: underline;
}
.lien-service .flex-item-quart {
background: var(--couleur02);
-webkit-transition: all .3s;
transition: all .3s;
}
.lien-service .flex-item-quart.actif {
background: var(--couleur01);
color: #fff;
-webkit-transition: all .3s;
transition: all .3s;
}
.lien-service .flex-item-quart:hover {
background: var(--couleur01);
-webkit-transition: all .3s;
transition: all .3s;
}   .Zebra_Accordion dd {
display: none;
}
.Zebra_Accordion dt {
cursor: pointer;
}
.Zebra_Accordion {
margin: 40px 0;
}
.item-titre-accordion h3,
.item-titre-accordion h4 {
margin-bottom: 0;
}
.item-titre-accordion {
position: relative;
padding: 25px 0 25px 40px;
}
.Zebra_Accordion .accordion-titre {
border-bottom: 1px solid var(--noir);
border-top: 1px solid var(--noir);
position: relative;
}
.Zebra_Accordion .accordion-titre.Zebra_Accordion_Expanded {
border-bottom: 0;
}
.indicateur-numero.accordion {
color: var(--couleur01);
font-size: .85rem;
font-family: var(--bold);
margin-bottom: 0;
display: block;
position: absolute;
top: 30%;
left: 0;
text-decoration: underline;
}
.accordion-contenu {
padding: 20px 0 20px 40px !important;
}
.Zebra_Accordion .accordion-titre::after {
content: '\e315';
display: block;
position: absolute;
z-index: 3;
font-family: 'Material Icons';
color: var(--couleur01);
font-size: 1.5rem;
top: 35%;
right: 10px;
-webkit-transition: all .3s;
transition: all .3s;
}
.Zebra_Accordion .accordion-titre:hover::after,
.Zebra_Accordion .accordion-titre.Zebra_Accordion_Expanded::after {
transform: rotate(90deg);
-webkit-transition: all .3s;
transition: all .3s;
}
.Zebra_Accordion .accordion-titre:hover h3,
.Zebra_Accordion .accordion-titre:hover h4,
.Zebra_Accordion .accordion-titre.Zebra_Accordion_Expanded h3,
.Zebra_Accordion .accordion-titre.Zebra_Accordion_Expanded h4 {
color: var(--couleur01);
}
.accordion-contenu a {
text-decoration: underline;
}   .top-image-social {
background: url(//asf-france.com/wp-content/themes/asf/img/top-page02.jpg) bottom left no-repeat;
background-size: cover;
}
.liste-liens {
margin: 30px 0;
}
.liste-liens li {
padding: 12px 0;
border-top: 1px solid var(--noir);
}
.liste-liens li:last-child {
border-bottom: 1px solid var(--noir);
}
.liste-liens li a {
font-family: var(--bold);
}
.liste-liens li a::before {
content: '\e2c0';
display: inline-block;
font-family: 'Material Icons';
font-size: 1.15rem;
vertical-align: middle;
color: #cccccc;
margin-right: 15px;
}
.liste-liens li a:hover::before {
color: var(--couleur01);
}
.liste-liens li a:hover {
text-decoration: underline;
color: var(--noir);
}   .wpcf7 textarea,
.wpcf7 input {
border: 1px solid var(--noir);
background: #fff;
border-radius: 0;
max-width: 100%;
font-size: .95rem;
margin-bottom: 0;
-webkit-transition: all .3s;
transition: all .3s;
}
.wpcf7 textarea:focus,
.wpcf7 input:focus {
border: 1px solid var(--couleur01);
background: #fff;
-webkit-transition: all .3s;
transition: all .3s;
}
.form-group {
position: relative;
margin-bottom: 45px;
}
.form-control-placeholder {
position: absolute;
top: 0;
padding: 7px 0 0 13px;
transition: all 200ms;
opacity: 0.5;
color: var(--noir);
}
.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
font-size: 75%;
transform: translate3d(0, -100%, 0);
opacity: 1;
color: var(--noir);
}
.acceptance-73 {
width: 100%;
max-width: 100%;
display: block;
margin: 12px 0 20px;
}
.acceptance-73 .wpcf7-list-item {
padding: 0;
margin: 0;
font-size: .8rem;
line-height: 1.1rem;
}
.wpcf7 input[type=submit] {
background: var(--couleur01);
font-family: var(--bold);
padding: 10px 30px;
margin: 20px 0;
color: var(--noir);
border: 0;
font-size: .9rem;
}
.wpcf7 input[type=submit]:hover {
background: var(--noir);
}
.wpcf7-response-output {
width: 100%;
max-width: 100%;
border: 0 !important;
color: #fff !important;
padding: 8px 12px !important;
background: var(--noir);
margin-left: 0 !important;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
background: #c77a8a !important;
color: #fff !important;
}
span.wpcf7-not-valid-tip {
color: #c77a8a !important;
}@media only screen and (max-width: 1466px) {
html {
font-size: 95%;
-webkit-text-size-adjust: 95%;
-ms-text-size-adjust: 95%;
}
h1.titre-home {
font-size: 2.1rem;
line-height: 2.4rem;
}
section.section-intro-home {
padding-bottom: 0;
padding-top: 25px;
}
}   @media only screen and (max-width: 1280px) {
h1 {
font-size: 2.5rem;
line-height: 2.9rem;
margin: 0 0 30px 0;
}
h2 {
font-size: 2.5rem;
line-height: 2.7rem;
margin: 0 0 25px 0;
}
h3 {
font-size: 1.9rem;
line-height: 2.1rem;
margin: 0 0 20px 0;
}
h3.small {
font-size: 1.2rem;
line-height: 1.4rem;
}
h4 {
font-size: 1.35rem;
line-height: 1.5rem;
margin: 0 0 15px 0;
}
.container-titre-page {
bottom: 40px;
max-width: 40%;
}
.container-menu-fixe li {
display: inline-block;
height: 40px;
margin: 0 10px;
margin-bottom: 0;
}
.container-menu-fixe li a {
padding: 0;
display: inline-block;
width: 40px;
height: 40px;
border-radius: 20px;
}
.container-intro-home .flex-item-moitie {
width: 75%;    
}
.citation-home {
font-size: 2.8rem;
line-height: 3.1rem;
}
.chiffre-big {
font-size: 5.5rem;
line-height: 4.5rem;
}
a.big-cta {
font-size: .9rem;
height: 44px;
line-height: 44px;
border-radius: 22px;
margin: 20px 0;
}
a.big-cta::after {
height: 20px;
width: 20px;
}
h1.titre-home {
font-size: 2rem;
line-height: 2.3rem;
}
}   @media only screen and (max-width: 1100px) {
.flex-item-tiers,
.flex-item-deux-tiers {
width: 48%;
}
.contenu-flexible .flex-item-tiers iframe,
.youtube-tiers,
.youtube-tiers .dailymotion_player,
.youtube-tiers .youtube_player,
.youtube-tiers iframe {
height: 450px;
}
.owl-carousel-stats .owl-nav {
top: 0;    
}
.picto-chiffre-metier {
width: 70px;
height: 70px;
margin-top: 5px;
}
.chiffre-big {
font-size: 4.5rem;
line-height: 3.5rem;
}
.slide { 
background-position: top right;
}
}   @media only screen and (max-width: 1280px) {   #mega-menu-wrap-main-nav .mega-menu-toggle + #mega-menu-main-nav {
}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link {
padding: 0;
}
#mega-menu-wrap-main-nav .mega-menu-toggle + #mega-menu-main-nav {
padding: 20px;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu {
padding: 15px 0 !important;
width: auto !important;
background: #fff !important;
box-shadow: none;
}
#mega-menu-wrap-main-nav .textwidget {
font-size: .85rem;
line-height: 1.1rem;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-size: .9rem;
line-height: 1.3rem;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
padding: 10px 0;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link::after {
display: none;
}
header.header.menu-actif #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu {
box-shadow: none;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item {
border-bottom: 1px solid var(--noir) !important;    
}
.mega-menu-item-type-widget {
max-width: 100% !important;
}
.mega-menu-item-type-widget h4 {
font-size: 1.2rem;
line-height: 1.6rem;
}
.mega-toggle-block.scroll .mega-toggle-animated-inner,
.mega-toggle-block.scroll .mega-toggle-animated-inner::before,
.mega-toggle-block.scroll .mega-toggle-animated-inner::after {
background-color: #3c3c3b !important;
}
div.recherche {
right: 50px;    
}
div.recherche a::after {
background: url(//asf-france.com/wp-content/themes/asf/img/icone-search-blanc.png) center center no-repeat;
background-size: contain;
}
div.recherche.scroll a::after {
background: url(//asf-france.com/wp-content/themes/asf/img/icone-search.png) center center no-repeat;
background-size: contain;
}
h2 {
font-size: 2.2rem;
line-height: 2.6rem;
}
h3 {
font-size: 1.6rem;
line-height: 1.9rem;
}
h3.small {
font-size: 1rem;
line-height: 1.3rem;
}
h4 {
font-size: 1.1rem;
line-height: 1.4rem;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.lien-extranet {
border: 0 !important;
}
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.lien-extranet > a.mega-menu-link {
margin: 15px 0;
}   .container-menu-fixe {
top: auto;
position: fixed;
box-shadow: 0 0 12px rgba(0,0,0,0.2); 
bottom: 0;
width: 100%;
right: 0;
z-index: 6002;
padding: 12px 0;
background: #fff; 
}
.container-menu-fixe.search-active {
visibility: visible;
opacity: 1;
right: 0;
}
#menu-menu-fixe-lateral {
text-align: center;
margin-top: 0;
}
.zone-menu-lat {
display: none;
}
.legende-menu-lateral {
transform: rotate(0);
margin: 0 10px;
position: absolute;
top: 35%;
left: 40px;
}
.legende-menu-lateral::before {
content: '';
display: none;
}
footer.footer #inner-footer.wrap {
padding-bottom: 60px;    
}
.youtube-full,
.dailymotion_player,
.youtube_player,
.youtube-full iframe {
height: 500px;
}
.contenu-flexible .flex-item-deux-tiers iframe,
.youtube-deux-tiers,
.youtube-deux-tiers .youtube_player,
.youtube-deux-tiers .dailymotion_player,
.youtube-deux-tiers iframe {
height: 450px;
}
.contenu-flexible .flex-item-moitie iframe,
.youtube-moitie,
.youtube-moitie .dailymotion_player,
.youtube-moitie .youtube_player,
.youtube-moitie iframe {
height: 430px;
}
.contenu-flexible .flex-item-quart iframe,
.youtube-quart,
.youtube-quart .dailymotion_player,
.youtube-quart .youtube_player,
.youtube-quart iframe {
height: 200px;
}
section.home-actualite h2.bold::after {
width: 40%;
left: 60%;
}
.picto-chiffre-metier {
margin: 0 auto 15px;
}
.chiffres-cles-metiers .flex-item-tiers {
width: 31%;    
}
.chiffres-cles-metiers .flex-item-quart {
width: 100%;
text-align: center;
}
.chiffres-cles-metiers .flex-item-trois-quart {
width: 100%;
text-align: center;
}
.chiffre-big {
font-size: 5rem;
line-height: 4rem;
}
.categ-publications li,
.categ-publications li:first-child {
width: 100%;
padding: 14px 20px;
}
.top-image-home .container-intro-home .flex-item-moitie {
width: 48%;
}
.top-image-home .container-intro-home .big-cta {
margin-top: 20px;    
}
}   @media only screen and (max-width: 967px) {
.flex-item-moitie {
width: 100%;
margin-bottom: 20px;
}
.flex-item-quart {
width: 48%;
margin-bottom: 20px;
}
.flex-item-cinq {
width: 31%;
margin-bottom: 20px;
}
.flex-item-tiers,
.flex-item-deux-tiers {
width: 100%;
margin-bottom: 20px;
}
.contenu-flexible iframe,
.youtube-full,
.dailymotion_player,
.youtube_player,
.youtube-full iframe {
height: 400px;
}
.contenu-flexible .flex-item-deux-tiers iframe,
.youtube-deux-tiers,
.youtube-deux-tiers .dailymotion_player,
.youtube-deux-tiers .youtube_player,
.youtube-deux-tiers iframe {
height: 400px;
}
.contenu-flexible .flex-item-moitie iframe,
.youtube-moitie,
.youtube-moitie .dailymotion_player,
.youtube-moitie .youtube_player,
.youtube-moitie iframe {
height: 300px;
}
.contenu-flexible .flex-item-tiers iframe,
.youtube-tiers,
.youtube-tiers .dailymotion_player,
.youtube-tiers .youtube_player,
.youtube-tiers iframe {
height: 400px;
}
.contenu-flexible .flex-item-quart iframe,
.youtube-quart,
.youtube-quart .dailymotion_player,
.youtube-quart .youtube_player,
.youtube-quart iframe {
height: 260px;
}
.flex-item-trois-quart.container-citation {
width: 100%;    
}
.container-pas-metier-en-avant {
flex-wrap: wrap;    
}
.container-pas-metier-en-avant .metier-home {
margin-bottom: 20px;
width: 23%;
margin-right: 0;
}
.container-trois-quart .flex-item-trois-quart,
.container-trois-quart .flex-item-quart {
width: 100%;    
}
.top-image-home {
height: 38vh;
}
.top-image-home .container-intro-home .flex-item-moitie {
width: 48%;
}
.top-image-home .container-intro-home .big-cta {
margin-top: 20px;    
}
}   @media only screen and (max-width: 768px) {
section {
padding: 35px 0;    
}
section.home-metiers {
padding-bottom: 0;    
}
.alt-zone-droite-libre {
display: none;
}
.padding40 {
padding: 30px;
}
.padding30 {
padding: 20px;
}
.mega-menu-item-type-widget {
display: none !important;
}
.container-titre-page {
max-width: 95%;
bottom: 20px;
}
.chiffre-big {
font-size: 4rem;
line-height: 3rem;
}
.stat-annuelle-carrousel .flex-item-trois-quart {
width: 75%;
}
.stat-annuelle-carrousel .flex-item-quart {
width: 25%;
}
h1.titre-home {
font-size: 1.7rem;
line-height: 2rem;
}
section.section-intro-home {
display: none;
}
body.page-template-page-statistiques #tabs h2 {
display: none;
}
body.page-template-page-statistiques .contenu-publications {
padding: 0;
}
body.page-template-page-statistiques .contenu-publications .flex-item-tiers:first-child {
display: none;
}
}   @media only screen and (max-width: 698px) {
#toTop {
display: none !important;
visibility: hidden !important;
}
}   @media only screen and (max-width: 600px) {
html {
font-size: 90%;
-webkit-text-size-adjust: 90%;
-ms-text-size-adjust: 90%;
}
#inner-header {
padding-top: 18px;
padding-bottom: 18px;
}
.logo-header {
width: 140px;
height: 64px;
}
div.recherche {
top: 20px;
}
.flex-item-cinq {
width: 48%;
} .citation-home {
font-size: 2rem;
line-height: 2.4rem;
}
.chiffre-big {
font-size: 4.5rem;
line-height: 3.5rem;
}
#sidebar-search .input-search-big {
max-width: 70%;
font-size: 1.2rem;
}
#sidebar-search.actif .input-search-big {
height: 60px;    
}
#sidebar-search.actif {
height: 120px;    
}
#content.padding-top {
padding-top: 120px;    
}
h1 {
font-size: 2.6rem;
line-height: 2.9rem;
}
h2 {
font-size: 2rem;
line-height: 2.4rem;
}
h3 {
font-size: 1.4rem;
line-height: 1.8rem;
}
h3.small {
font-size: 1.1rem;
line-height: 1.3rem;
}
h4 {
font-size: 1.1rem;
line-height: 1.3rem;
}
.superbig {
font-size: 1.6rem;
line-height: 1.9rem;
margin-bottom: 25px;
}
a.cta-interne::after {
width: 28px;
height: 28px;
margin-left: 12px;
}
h2.bold.before::before {
width: 40px;
height: 40px;
border-width: 1px;
}
#inner-footer .container-flex .flex-item-tiers {
text-align: left !important;
}
.rangee-image-seule {
height: 250px;    
}
.chiffres-cles-metiers .flex-item-tiers {
width: 100%;
margin-bottom: 30px;
}
.chiffres-cles-metiers .flex-item-quart {
width: 100%;
text-align: center;
margin-bottom: 0;
}
.chiffres-cles-metiers .flex-item-trois-quart {
width: 100%;
text-align: center;
}
.chiffre-big {
font-size: 5rem;
line-height: 4rem;
} .home-actualite .flex-item-tiers {
display: none;
}
.contenu-flexible iframe,
.youtube-full,
.dailymotion_player,
.youtube_player,
.youtube-full iframe {
height: 260px;
}
.contenu-flexible .flex-item-deux-tiers iframe,
.youtube-deux-tiers,
.youtube-deux-tiers .dailymotion_player,
.youtube-deux-tiers .youtube_player,
.youtube-deux-tiers iframe {
height: 260px;
}
.contenu-flexible .flex-item-moitie iframe,
.youtube-moitie,
.youtube-moitie .dailymotion_player,
.youtube-moitie .youtube_player,
.youtube-moitie iframe {
height: 260px;
}
.contenu-flexible .flex-item-tiers iframe,
.youtube-tiers,
.youtube-tiers .dailymotion_player,
.youtube-tiers .youtube_player,
.youtube-tiers iframe {
height: 260px;
}
.contenu-flexible .flex-item-quart iframe,
.youtube-quart,
.youtube-quart .dailymotion_player,
.youtube-quart .youtube_player,
.youtube-quart iframe {
height: 260px;
}
}   @media only screen and (max-width: 480px) {
h1 {
font-size: 2rem;
line-height: 2.2rem;
}
h1.titre-home {
margin-bottom: 0;    
}
.top-image-page {
height: 50vh;    
}
.metier-home {
width: 31%;    
}
.alt-zone-gauche {
display: none;
}
.legende-menu-lateral {
display: none;
}
h2.bold {
font-size: 1.5rem;
line-height: 1.7rem;
}
section {
padding: 20px 0;
}
#mega-menu-wrap-main-nav .mega-menu-toggle + #mega-menu-main-nav {
max-width: 70%;    
}
.flex-item-trois-quart {
width: 100%;    
}
.bottom-metier {
padding-top: 30px;    
}
.liens-bottom-metier .flex-item-quart {
width: 100%;
}
p.big,
.big p,
.big {
font-size: 1rem;
line-height: 1.3rem;
}
h3.titre-actu-archive {
min-height: 10px;    
}
.module-actu-archive {
margin-bottom: 40px;    
}
.chiffres-cles-metiers {
margin-bottom: 50px;
border-bottom: 1px solid var(--noir);
}
.flex-item-quart {
width: 100%;
}
.flex-item-quart.membre-asf {
width: 48%;
}
.container-menu-fixe li {
margin: 0 5px;
}
div.recherche {
right: 30px;
}
#inner-header {
padding: 16px 8px;
}
h2.bold.before::after,
h2.bold.before::before {
display: none;
}
.home-publications {
max-height: inherit;    
}
.contenu-flexible iframe {
height: 200px;    
}
div.recherche a::after {
height: 30px;
width: 44px;
}
#inner-header nav {
margin-right: 40px;    
}
.container-menu-fixe li.adherent a:hover::after {
display: none;
}
.home-publications.bkg-cover {
background: none !important;
min-height: 0 !important;
padding: 0 !important;
}
.home-publications.bkg-cover .flex-item-tiers.bkg-blanc.padding30 {
padding: 0;    
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
display: block !important;
text-align: center !important;
margin-bottom: 12px;
padding: 0 20px;
}
.container-pas-metier-en-avant .metier-home {
width: 31%;
}
.home-metiers .container-flex-start {
justify-content: space-between;
}
.home-metiers .container-flex-start .flex-item-auto {
width: 30%;
margin-right: 0;
}
.top-image-home {
height: 35vh;
}
.top-image-home .container-intro-home .flex-item-moitie {
width: 100%;
margin-bottom: 0;
}
.top-image-home .container-intro-home .big-cta {
margin-bottom: 0;    
}
}   @media only screen and (max-width: 375px) {
}