.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) {
}.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//asf-france.com/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//asf-france.com/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//asf-france.com/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}.mejs-container{clear:both;max-width:100%}.mejs-container *{font-family:Helvetica,Arial}.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body{background:#222}.mejs-time{font-weight:400;word-wrap:normal}.mejs-controls a.mejs-horizontal-volume-slider{display:table}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#fff}.mejs-controls .mejs-time-rail .mejs-time-current{background:#0073aa}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total{background:rgba(255,255,255,.33)}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail span{border-radius:0}.mejs-overlay-loading{background:0 0}.mejs-controls button:hover{border:none;-webkit-box-shadow:none;box-shadow:none}.me-cannotplay{width:auto!important}.media-embed-details .wp-audio-shortcode{display:inline-block;max-width:400px}.audio-details .embed-media-settings{overflow:visible}.media-embed-details .embed-media-settings .setting span:not(.button-group){max-width:400px;width:auto}.media-embed-details .embed-media-settings .checkbox-setting span{display:inline-block}.media-embed-details .embed-media-settings{padding-top:0;top:28px}.media-embed-details .instructions{padding:16px 0;max-width:600px}.media-embed-details .setting .remove-setting,.media-embed-details .setting p{color:#a00;font-size:10px;text-transform:uppercase}.media-embed-details .setting .remove-setting{padding:5px 0}.media-embed-details .setting a:hover{color:#dc3232}.media-embed-details .embed-media-settings .checkbox-setting{float:none;margin:0 0 10px}.wp-video{max-width:100%;height:auto}.wp_attachment_holder .wp-audio-shortcode,.wp_attachment_holder .wp-video{margin-top:18px}.wp-video-shortcode video,video.wp-video-shortcode{max-width:100%;display:inline-block}.video-details .wp-video-holder{width:100%;max-width:640px}.wp-playlist{border:1px solid #ccc;padding:10px;margin:12px 0 18px;font-size:14px;line-height:1.5}.wp-admin .wp-playlist{margin:0 0 18px}.wp-playlist video{display:inline-block;max-width:100%}.wp-playlist audio{display:none;max-width:100%;width:400px}.wp-playlist .mejs-container{margin:0;max-width:100%}.wp-playlist .mejs-controls .mejs-button button{outline:0}.wp-playlist-light{background:#fff;color:#000}.wp-playlist-dark{color:#fff;background:#000}.wp-playlist-caption{display:block;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5}.wp-playlist-item .wp-playlist-caption{text-decoration:none;color:#000;max-width:-webkit-calc(100% - 40px);max-width:calc(100% - 40px)}.wp-playlist-item-meta{display:block;font-size:14px;line-height:1.5}.wp-playlist-item-title{font-size:14px;line-height:1.5}.wp-playlist-item-album{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-playlist-item-artist{font-size:12px;text-transform:uppercase}.wp-playlist-item-length{position:absolute;right:3px;top:0;font-size:14px;line-height:1.5}.rtl .wp-playlist-item-length{left:3px;right:auto}.wp-playlist-tracks{margin-top:10px}.wp-playlist-item{position:relative;cursor:pointer;padding:0 3px;border-bottom:1px solid #ccc}.wp-playlist-item:last-child{border-bottom:0}.wp-playlist-light .wp-playlist-caption{color:#333}.wp-playlist-dark .wp-playlist-caption{color:#ddd}.wp-playlist-playing{font-weight:700;background:#f7f7f7}.wp-playlist-light .wp-playlist-playing{background:#fff;color:#000}.wp-playlist-dark .wp-playlist-playing{background:#000;color:#fff}.wp-playlist-current-item{overflow:hidden;margin-bottom:10px;height:60px}.wp-playlist .wp-playlist-current-item img{float:left;max-width:60px;height:auto;margin-right:10px;padding:0;border:0}.rtl .wp-playlist .wp-playlist-current-item img{float:right;margin-left:10px;margin-right:0}.wp-playlist-current-item .wp-playlist-item-artist,.wp-playlist-current-item .wp-playlist-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-audio-playlist .me-cannotplay span{padding:5px 15px}