/* Grid ------------------------------------------------------ */ .fl-builder-content *, .fl-builder-content *:before, .fl-builder-content *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fl-row:before, .fl-row:after, .fl-row-content:before, .fl-row-content:after, .fl-col-group:before, .fl-col-group:after, .fl-col:before, .fl-col:after, .fl-module:before, .fl-module:after, .fl-module-content:before, .fl-module-content:after { display: table; content: " "; } .fl-row:after, .fl-row-content:after, .fl-col-group:after, .fl-col:after, .fl-module:after, .fl-module-content:after { clear: both; } .fl-clear { clear: both; } /* Utilitaires ------------------------------------------------------ */ .fl-clearfix:before, .fl-clearfix:after { display: table; content: " "; } .fl-clearfix:after { clear: both; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } /* Utilitaires responsifs ------------------------------------------------------ */ .fl-visible-medium, .fl-visible-medium-mobile, .fl-visible-mobile, .fl-col-group .fl-visible-medium.fl-col, .fl-col-group .fl-visible-medium-mobile.fl-col, .fl-col-group .fl-visible-mobile.fl-col { display: none; } /* Lignes ------------------------------------------------------ */ .fl-row, .fl-row-content { margin-left: auto; margin-right: auto; } .fl-row-content-wrap { position: relative; } /* Arrière-plan photo */ .fl-builder-mobile .fl-row-bg-photo .fl-row-content-wrap { background-attachment: scroll; } /* Arrière-plan vidéo et code embarqué */ .fl-row-bg-video, .fl-row-bg-video .fl-row-content, .fl-row-bg-embed, .fl-row-bg-embed .fl-row-content { position: relative; } .fl-row-bg-video .fl-bg-video, .fl-row-bg-embed .fl-bg-embed-code { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .fl-row-bg-video .fl-bg-video video, .fl-row-bg-embed .fl-bg-embed-code video { bottom: 0; left: 0px; max-width: none; position: absolute; right: 0; top: 0px; } .fl-row-bg-video .fl-bg-video iframe, .fl-row-bg-embed .fl-bg-embed-code iframe { pointer-events: none; width: 100vw; height: 56.25vw; /* Étant donné un ratio d'aspect 16:9, 9/16*100 = 56.25 */ max-width: none; min-height: 100vh; min-width: 177.77vh; /* Étant donné un ratio d'aspect 16:9, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */ } .fl-bg-video-fallback { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; } /* Arrière-plan diaporama */ .fl-row-bg-slideshow, .fl-row-bg-slideshow .fl-row-content { position: relative; } .fl-row .fl-bg-slideshow { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 0; } .fl-builder-edit .fl-row .fl-bg-slideshow * { bottom: 0; height: auto !important; left: 0; position: absolute !important; right: 0; top: 0; } /* Superposition d'arrière-plan de ligne */ .fl-row-bg-overlay .fl-row-content-wrap:after { border-radius: inherit; content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .fl-row-bg-overlay .fl-row-content { position: relative; z-index: 1; } /* Lignes pleine hauteur */ .fl-row-full-height .fl-row-content-wrap, .fl-row-custom-height .fl-row-content-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh; } .fl-row-overlap-top .fl-row-content-wrap { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } .fl-row-custom-height .fl-row-content-wrap { min-height: 0; } .fl-builder-edit .fl-row-full-height .fl-row-content-wrap { min-height: calc( 100vh - 48px ); } .fl-row-full-height .fl-row-content, .fl-row-custom-height .fl-row-content { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .fl-row-full-height .fl-row-full-width.fl-row-content, .fl-row-custom-height .fl-row-full-width.fl-row-content { max-width: 100%; width: 100%; } /* IE 11 - Ligne pleine hauteur - correctif d'alignement vertical centré/bas */ .fl-builder-ie-11 .fl-row.fl-row-full-height:not(.fl-visible-medium):not(.fl-visible-medium-mobile):not(.fl-visible-mobile), .fl-builder-ie-11 .fl-row.fl-row-custom-height:not(.fl-visible-medium):not(.fl-visible-medium-mobile):not(.fl-visible-mobile) { display: flex; flex-direction: column; height: 100%; } /* Correctifs stupides IE pour les lignes pleine hauteur */ .fl-builder-ie-11 .fl-row-full-height .fl-row-content-wrap, .fl-builder-ie-11 .fl-row-custom-height .fl-row-content-wrap { height: auto; } .fl-builder-ie-11 .fl-row-full-height .fl-row-content, .fl-builder-ie-11 .fl-row-custom-height .fl-row-content { flex: 0 0 auto; flex-basis: 100%; margin: 0; } .fl-builder-ie-11 .fl-row-full-height.fl-row-align-top .fl-row-content, .fl-builder-ie-11 .fl-row-full-height.fl-row-align-bottom .fl-row-content, .fl-builder-ie-11 .fl-row-custom-height.fl-row-align-top .fl-row-content, .fl-builder-ie-11 .fl-row-custom-height.fl-row-align-bottom .fl-row-content { margin: 0 auto; } .fl-builder-ie-11 .fl-row-full-height.fl-row-align-center .fl-col-group:not(.fl-col-group-equal-height), .fl-builder-ie-11 .fl-row-custom-height.fl-row-align-center .fl-col-group:not(.fl-col-group-equal-height) { display: flex; align-items: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; } /* Alignement centré pleine hauteur */ .fl-row-full-height.fl-row-align-center .fl-row-content-wrap, .fl-row-custom-height.fl-row-align-center .fl-row-content-wrap { align-items: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; } /* Alignement bas pleine hauteur */ .fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap, .fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap { align-items: flex-end; justify-content: flex-end; -webkit-align-items: flex-end; -webkit-justify-content: flex-end; -webkit-box-align: end; -webkit-box-pack: end; -ms-flex-align: end; -ms-flex-pack: end; } /* IE 11 - hauteur bas > ligne alignée en bas - correctif centre */ .fl-builder-ie-11 .fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap, .fl-builder-ie-11 .fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap { justify-content: flex-start; -webkit-justify-content: flex-start; } /* Pleine hauteur iPad en orientation portrait. */ @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){ .fl-row-full-height .fl-row-content-wrap{ min-height: 1024px; } } /* Pleine hauteur iPad en orientation paysage. */ @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape){ .fl-row-full-height .fl-row-content-wrap{ min-height: 768px; } } /* Pleine hauteur iPhone 5. Vous pouvez également cibler les appareils avec un ratio d'aspect. */ @media screen and (device-aspect-ratio: 40/71) { .fl-row-full-height .fl-row-content-wrap { min-height: 500px; } } /* Groupes de colonnes ------------------------------------------------------ */ .fl-col-group-equal-height, .fl-col-group-equal-height .fl-col, .fl-col-group-equal-height .fl-col-content{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .fl-col-group-equal-height{ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .fl-col-group-equal-height.fl-col-group-has-child-loading { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .fl-col-group-equal-height .fl-col, .fl-col-group-equal-height .fl-col-content{ -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .fl-col-group-equal-height .fl-col-content{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; flex-shrink: 1; min-width: 1px; max-width: 100%; width: 100%; } .fl-col-group-equal-height:before, .fl-col-group-equal-height .fl-col:before, .fl-col-group-equal-height .fl-col-content:before, .fl-col-group-equal-height:after, .fl-col-group-equal-height .fl-col:after, .fl-col-group-equal-height .fl-col-content:after{ content: none; } /* Alignement centré hauteur égale */ .fl-col-group-equal-height.fl-col-group-align-center .fl-col-content { align-items: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; } /* Alignement bas hauteur égale */ .fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content { justify-content: flex-end; -webkit-justify-content: flex-end; -webkit-box-align: end; -webkit-box-pack: end; -ms-flex-pack: end; } .fl-col-group-equal-height.fl-col-group-align-center .fl-module, .fl-col-group-equal-height.fl-col-group-align-center .fl-col-group { width: 100%; } /* Correctif IE11 pour les images avec height:auto dans les colonnes de hauteur égale. */ .fl-builder-ie-11 .fl-col-group-equal-height, .fl-builder-ie-11 .fl-col-group-equal-height .fl-col, .fl-builder-ie-11 .fl-col-group-equal-height .fl-col-content, .fl-builder-ie-11 .fl-col-group-equal-height .fl-module, .fl-col-group-equal-height.fl-col-group-align-center .fl-col-group { min-height: 1px; } /* Colonnes ------------------------------------------------------ */ .fl-col { float: left; min-height: 1px; } /* Superposition d'arrière-plan de colonne */ .fl-col-bg-overlay .fl-col-content { position: relative; } .fl-col-bg-overlay .fl-col-content:after { border-radius: inherit; content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .fl-col-bg-overlay .fl-module { position: relative; z-index: 2; } /* Modules ------------------------------------------------------ */ .fl-module img { max-width: 100%; } /* Modèles de module ------------------------------------------------------ */ .fl-builder-module-template { margin: 0 auto; max-width: 1100px; padding: 20px; } /* Boutons ------------------------------------------------------ */ .fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; font-size: 16px; font-weight: normal; line-height: 18px; padding: 12px 24px; text-decoration: none; text-shadow: none; } .fl-builder-content .fl-button:hover { text-decoration: none; } .fl-builder-content .fl-button:active { position: relative; top: 1px; } .fl-builder-content .fl-button-width-full .fl-button { display: block; text-align: center; } .fl-builder-content .fl-button-width-custom .fl-button { display: inline-block; text-align: center; max-width: 100%; } .fl-builder-content .fl-button-left { text-align: left; } .fl-builder-content .fl-button-center { text-align: center; } .fl-builder-content .fl-button-right { text-align: right; } .fl-builder-content .fl-button i { font-size: 1.3em; height: auto; margin-right:8px; vertical-align: middle; width: auto; } .fl-builder-content .fl-button i.fl-button-icon-after { margin-left: 8px; margin-right: 0; } .fl-builder-content .fl-button-has-icon .fl-button-text { vertical-align: middle; } /* Icônes ------------------------------------------------------ */ .fl-icon-wrap { display: inline-block; } .fl-icon { display: table-cell; vertical-align: middle; } .fl-icon a { text-decoration: none; } .fl-icon i { float: right; height: auto; width: auto; } .fl-icon i:before { border: none !important; height: auto; width: auto; } .fl-icon-text { display: table-cell; text-align: left; padding-left: 15px; vertical-align: middle; } .fl-icon-text-empty { display: none; } .fl-icon-text *:last-child { margin: 0 !important; padding: 0 !important; } .fl-icon-text a { text-decoration: none; } .fl-icon-text span { display: block; } .fl-icon-text span.mce-edit-focus { min-width: 1px; } /* Photos ------------------------------------------------------ */ .fl-photo { line-height: 0; position: relative; } .fl-photo-align-left { text-align: left; } .fl-photo-align-center { text-align: center; } .fl-photo-align-right { text-align: right; } .fl-photo-content { display: inline-block; line-height: 0; position: relative; max-width: 100%; } .fl-photo-img-svg { width: 100%; } .fl-photo-content img { display: inline; height: auto; max-width: 100%; } .fl-photo-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-photo-caption { font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fl-photo-caption-below { padding-bottom: 20px; padding-top: 10px; } .fl-photo-caption-hover { background: rgba(0,0,0,0.7); bottom: 0; color: #fff; left: 0; opacity: 0; filter: alpha(opacity = 0); padding: 10px 15px; position: absolute; right: 0; -webkit-transition:opacity 0.3s ease-in; -moz-transition:opacity 0.3s ease-in; transition:opacity 0.3s ease-in; } .fl-photo-content:hover .fl-photo-caption-hover { opacity: 100; filter: alpha(opacity = 100); } /* Pagination ------------------------------------------------------ */ .fl-builder-pagination, .fl-builder-pagination-load-more { padding: 40px 0; } .fl-builder-pagination ul.page-numbers { list-style: none; margin: 0; padding: 0; text-align: center; } .fl-builder-pagination li { display: inline-block; list-style: none; margin: 0; padding: 0; } .fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers { border: 1px solid #e6e6e6; display: inline-block; padding: 5px 10px; margin: 0 0 5px; } .fl-builder-pagination li a.page-numbers:hover, .fl-builder-pagination li span.current { background: #f5f5f5; text-decoration: none; } /* Diaporamas ------------------------------------------------------ */ .fl-slideshow, .fl-slideshow * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fl-slideshow .fl-slideshow-image img { max-width: none !important; } .fl-slideshow-social { line-height: 0 !important; } .fl-slideshow-social * { margin: 0 !important; } /* Curseurs ------------------------------------------------------ */ .fl-builder-content .bx-wrapper .bx-viewport { background: transparent; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; left: 0; } /* Lightbox ------------------------------------------------------ */ .mfp-wrap button.mfp-arrow, .mfp-wrap button.mfp-arrow:active, .mfp-wrap button.mfp-arrow:hover, .mfp-wrap button.mfp-arrow:focus { background: transparent !important; border: none !important; outline: none; position: absolute; top: 50%; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .mfp-wrap .mfp-close, .mfp-wrap .mfp-close:active, .mfp-wrap .mfp-close:hover, .mfp-wrap .mfp-close:focus { background: transparent !important; border: none !important; outline: none; position: absolute; top: 0; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .admin-bar .mfp-wrap .mfp-close, .admin-bar .mfp-wrap .mfp-close:active, .admin-bar .mfp-wrap .mfp-close:hover, .admin-bar .mfp-wrap .mfp-close:focus { top: 32px!important; } img.mfp-img { padding: 0; } .mfp-counter { display: none; } .mfp-wrap .mfp-preloader.fa { font-size: 30px; } /* Champs de formulaire ------------------------------------------------------ */ .fl-form-field { margin-bottom: 15px; } .fl-form-field input.fl-form-error { border-color: #DD6420; } .fl-form-error-message { clear: both; color: #DD6420; display: none; padding-top: 8px; font-size: 12px; font-weight: lighter; } .fl-form-button-disabled { opacity: 0.5; } /* Animations ------------------------------------------------------ */ .fl-animation { opacity: 0; } .fl-builder-preview .fl-animation, .fl-builder-edit .fl-animation, .fl-animated { opacity: 1; } .fl-animated { animation-fill-mode: both; -webkit-animation-fill-mode: both; } /* Animation des icônes du bouton */ .fl-button.fl-button-icon-animation i { width: 0 !important; opacity: 0; -ms-filter: "alpha(opacity=0)"; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; } .fl-button.fl-button-icon-animation:hover i { opacity: 1! important; -ms-filter: "alpha(opacity=100)"; } .fl-button.fl-button-icon-animation i.fl-button-icon-after { margin-left: 0px !important; } .fl-button.fl-button-icon-animation:hover i.fl-button-icon-after { margin-left: 10px !important; } .fl-button.fl-button-icon-animation i.fl-button-icon-before { margin-right: 0 !important; } .fl-button.fl-button-icon-animation:hover i.fl-button-icon-before { margin-right: 20px !important; margin-left: -10px; } /* Modèles ------------------------------------------------------ */ .single:not(.woocommerce).single-fl-builder-template .fl-content { width: 100%; } /* Formes et motifs ------------------------------------------------------- */ .fl-builder-layer { position: absolute; top:0; left:0; right: 0; bottom: 0; z-index: 0; pointer-events: none; overflow: hidden; } .fl-builder-shape-layer { z-index: 0; } .fl-builder-shape-layer.fl-builder-bottom-edge-layer { z-index: 1; } .fl-row-bg-overlay .fl-builder-shape-layer { z-index: 1; } .fl-row-bg-overlay .fl-builder-shape-layer.fl-builder-bottom-edge-layer { z-index: 2; } .fl-row-has-layers .fl-row-content { z-index: 1; } .fl-row-bg-overlay .fl-row-content { z-index: 2; } .fl-builder-layer > * { display: block; position: absolute; top:0; left:0; width: 100%; } .fl-builder-layer + .fl-row-content { position: relative; } .fl-builder-layer .fl-shape { fill: #aaa; stroke: none; stroke-width: 0; width:100%; } /* Correction du problème de parallaxe sur iPad dans Safari https://core.trac.wordpress.org/ticket/48802 https://core.trac.wordpress.org/ticket/49285 https://github.com/WordPress/gutenberg/issues/17718 */ @supports (-webkit-touch-callout: inherit) { .fl-row.fl-row-bg-parallax .fl-row-content-wrap, .fl-row.fl-row-bg-fixed .fl-row-content-wrap { background-position: center !important; background-attachment: scroll !important; } } @supports (-webkit-touch-callout: none) { .fl-row.fl-row-bg-fixed .fl-row-content-wrap { background-position: center !important; background-attachment: scroll !important; } } /* Couleurs de bouton par défaut pour les thèmes non Beaver Builder. ------------------------------------------------------ */ .fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited { background: #fafafa; border: 1px solid #ccc; color: #333; } .fl-builder-content a.fl-button *, .fl-builder-content a.fl-button:visited * { color: #333; }.fl-row-content-wrap { margin: 0px; }.fl-row-content-wrap { padding: 20px; }.fl-row-fixed-width { max-width: 1100px; }.fl-col-content { margin: 0px; }.fl-col-content { padding: 0px; }.fl-module-content { margin: 20px; }@media (max-width: 992px) { /* Utilitaires responsives ------------------------------------------------------ */ body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-desktop, body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-desktop { display: none !important; } .fl-visible-desktop, .fl-visible-mobile, .fl-col-group .fl-visible-desktop.fl-col, .fl-col-group .fl-visible-mobile.fl-col { display: none; } .fl-visible-desktop-medium, .fl-visible-medium, .fl-visible-medium-mobile, .fl-col-group .fl-visible-desktop-medium.fl-col, .fl-col-group .fl-visible-medium.fl-col, .fl-col-group .fl-visible-medium-mobile.fl-col { display: block; } .fl-col-group-equal-height .fl-visible-desktop-medium.fl-col, .fl-col-group-equal-height .fl-visible-medium.fl-col, .fl-col-group-equal-height .fl-visible-medium-mobile.fl-col { display: flex; } }@media (max-width: 768px) { /* Utilitaires responsives ------------------------------------------------------ */ body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-desktop, body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-desktop, body.fl-builder-ie-11 .fl-row.fl-row-full-height.fl-visible-desktop-medium, body.fl-builder-ie-11 .fl-row.fl-row-custom-height.fl-visible-desktop-medium { display: none !important; } .fl-visible-desktop, .fl-visible-desktop-medium, .fl-visible-medium, .fl-col-group .fl-visible-desktop.fl-col, .fl-col-group .fl-visible-desktop-medium.fl-col, .fl-col-group .fl-visible-medium.fl-col, .fl-col-group-equal-height .fl-visible-desktop-medium.fl-col, .fl-col-group-equal-height .fl-visible-medium.fl-col { display: none; } .fl-visible-medium-mobile, .fl-visible-mobile, .fl-col-group .fl-visible-medium-mobile.fl-col, .fl-col-group .fl-visible-mobile.fl-col { display: block; } /* Lignes ------------------------------------------------------ */ .fl-row-content-wrap { background-attachment: scroll !important; } .fl-row-bg-parallax .fl-row-content-wrap { background-attachment: scroll !important; background-position: center center !important; } /* Groupes de colonnes ------------------------------------------------------ */ /* Hauteurs égales */ .fl-col-group.fl-col-group-equal-height { display: block; } .fl-col-group.fl-col-group-equal-height.fl-col-group-custom-width { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* Empilement responsive inversé */ .fl-col-group.fl-col-group-responsive-reversed { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-flow: row wrap; -ms-box-orient: horizontal; -webkit-flex-flow: row wrap; } .fl-col-group.fl-col-group-responsive-reversed .fl-col { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; min-width: 0; } .fl-col-group-responsive-reversed .fl-col:nth-of-type(1) { -webkit-box-ordinal-group: 12; /* ANCIEN - iOS 6-, Safari 3.1-6 */ -moz-box-ordinal-group: 12; /* ANCIEN - Firefox 19- */ -ms-flex-order: 12; /* INTERMÉDIAIRE - IE 10 */ -webkit-order: 12; /* NOUVEAU - Chrome */ order: 12; } .fl-col-group-responsive-reversed .fl-col:nth-of-type(2) { -webkit-box-ordinal-group: 11; -moz-box-ordinal-group: 11; -ms-flex-order: 11; -webkit-order: 11; order: 11; } .fl-col-group-responsive-reversed .fl-col:nth-of-type(3) { -webkit-box-ordinal-group: 10; -moz-box-ordinal-group: 10; -ms-flex-order: 10; -webkit-order: 10; order: 10; } .fl-col-group-responsive-reversed .fl-col:nth-of-type(4) { -webkit-box-ordinal-group: 9; -moz-box-ordinal-group: 9; -ms-flex-order: 9; -webkit-order: 9; order: 9; } .fl-col-group-responsive-reversed .fl-col:nth-of-type(5) { -webkit-box-ordinal-group: 8; -moz-box-ordinal-group: 8; -ms-flex-order: 8; -webkit-order: 8; order: 8; } .fl-col-group-responsive-reversed .fl-col:nth-of-type(6) { -webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -ms-flex-order: 7; -webkit-order: 7; order: 7; } .fl-col-group-responsive-reversed .fl-col:nth-of-type(7) { -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 6; -webkit-order: 6; order: 6; } .fl-col-group-responsive-reversed .fl-col:nth-of-type(8) { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; } .fl-col-group-responsive-reversed .fl-col:nth-of-type(9) { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; } .fl-col-group-responsive-reversed .fl-col:nth-of-type(10) { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .fl-col-group-responsive-reversed .fl-col:nth-of-type(11) { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .fl-col-group-responsive-reversed .fl-col:nth-of-type(12) { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } /* Colonnes ------------------------------------------------------ */ .fl-col { clear: both; float: none; margin-left: auto; margin-right: auto; width: auto !important; } .fl-col-small:not(.fl-col-small-full-width) { max-width: 400px; } .fl-block-col-resize { display:none; } /* Lignes ------------------------------------------------------ */ .fl-row[data-node] .fl-row-content-wrap { margin: 0; padding-left: 0; padding-right: 0; } .fl-row[data-node] .fl-bg-video, .fl-row[data-node] .fl-bg-slideshow { left: 0; right: 0; } /* Colonnes ------------------------------------------------------ */ .fl-col[data-node] .fl-col-content { margin: 0; padding-left: 0; padding-right: 0; } }.page .fl-post-header, .single-fl-builder-template .fl-post-header { display:none; } .fl-node-60d3eca2de8b2 > .fl-row-content-wrap { background-image: url(https://content.monsroyale.com/wp-content/uploads/BLOG-DESKTOP-BANNER-3.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; } .fl-node-60d3eca2de8b5 > .fl-row-content-wrap { background-image: url(https://content.monsroyale.com/wp-content/uploads/BLOG-MOBILE-BANNER-4.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; min-height: 50vh; } .fl-node-60d3eca2de8b4 { width: 100%; } .fl-node-60d3eca2de8b7 { width: 100%; } .fl-node-60d3eca2de892 { width: 100%; } .fl-node-60d3eca2de88f { width: 100%; } .fl-node-60d4fcad890d8 { width: 25%; } .fl-node-60d4fcad890dc { width: 50%; } .fl-node-60d4fcad890dd { width: 25%; } .fl-node-60d516658b714 { width: 50%; } .fl-node-60d516658b717 { width: 50%; } .fl-node-60d40a86b242e { width: 50%; } .fl-node-60d40a86b2432 { width: 50%; } .fl-node-60d40a9c22a29 { width: 50%; } .fl-node-60d40a9c22a2c { width: 50%; } .fl-node-60d40a6171a3a { width: 50%; } .fl-node-60d40a6171a3c { width: 50%; } .fl-node-60d40a22b9bc5 { width: 50%; } .fl-node-60d40a22b9bcb { width: 50%; } .fl-node-60d41112ae1c7 { width: 50%; } .fl-node-60d41112ae1ca { width: 50%; } .fl-node-60d3eca2de8a9 { width: 50%; } .fl-node-60d3eca2de8aa { width: 50%; } .fl-builder-content .fl-rich-text strong { font-weight: bold; } .fl-builder-content .fl-node-60d3eca2de893 .fl-module-content .fl-rich-text, .fl-builder-content .fl-node-60d3eca2de893 .fl-module-content .fl-rich-text * { color: #000000; } .fl-builder-content .fl-node-60d3eca2de893 .fl-rich-text, .fl-builder-content .fl-node-60d3eca2de893 .fl-rich-text *:not(b, strong) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 2px; } .fl-node-60d3eca2de893 > .fl-module-content { margin-top:20px; margin-bottom:0px; } .fl-builder-content .fl-node-60d3eca2de894 .fl-module-content .fl-rich-text, .fl-builder-content .fl-node-60d3eca2de894 .fl-module-content .fl-rich-text * { color: #000000; } .fl-builder-content .fl-node-60d3eca2de894 .fl-rich-text, .fl-builder-content .fl-node-60d3eca2de894 .fl-rich-text *:not(b, strong) { font-size: 46px; } .fl-node-60d3eca2de894 > .fl-module-content { margin-top:0px; margin-bottom:0px; } .fl-builder-content .fl-node-60d3eca2de895 .fl-module-content .fl-rich-text, .fl-builder-content .fl-node-60d3eca2de895 .fl-module-content .fl-rich-text * { color: #000000; } .fl-builder-content .fl-node-60d3eca2de895 .fl-rich-text, .fl-builder-content .fl-node-60d3eca2de895 .fl-rich-text *:not(b, strong) { font-size: 14px; letter-spacing: 2px; } .fl-node-60d3eca2de895 > .fl-module-content { margin-top:0px; } .fl-builder-content .fl-node-60d3eca2de8bb .fl-module-content .fl-rich-text, .fl-builder-content .fl-node-60d3eca2de8bb .fl-module-content .fl-rich-text * { color: #000000; } .fl-builder-content .fl-node-60d3eca2de8bb .fl-rich-text, .fl-builder-content .fl-node-60d3eca2de8bb .fl-rich-text *:not(b, strong) { font-size: 16px; } .fl-node-60d3eca2de8bb > .fl-module-content { margin-top:0px; margin-bottom:0px; } .fl-builder-content .fl-node-60d3eca2de8ac .fl-rich-text, .fl-builder-content .fl-node-60d3eca2de8ac .fl-rich-text *:not(b, strong) { font-family: Inter, sans-serif; font-weight: 500; font-size: 16px; line-height: 2; } img.mfp-img { padding-bottom: 40px !important; } @media (max-width: 768px) { /* Photo mobile */ .fl-photo-content { width: 100%; } }.fl-node-60d407ac34524 .fl-photo { text-align: center; } .fl-node-60d4078def1d0 .fl-photo { text-align: center; } .fl-node-60d403b290635 .fl-photo { text-align: center; } .fl-node-60d406843787c .fl-photo { text-align: center; } .fl-node-60d40652c6dec .fl-photo { text-align: center; } .fl-node-60d4041aacc01 .fl-photo { text-align: center; } .fl-node-60d3eca2de8b8 .fl-photo { text-align: center; } .fl-node-60d4061135c47 .fl-photo { text-align: center; } .fl-node-60d4070890bb9 .fl-photo { text-align: center; } .fl-node-60d4074a1f831 .fl-photo { text-align: center; } .fl-node-60d409124b005 .fl-photo { text-align: center; } .fl-node-60d40922a2e91 .fl-photo { text-align: center; } .fl-node-60d4093ee630a .fl-photo { text-align: center; } .fl-node-60d409776050e .fl-photo { text-align: center; } .fl-node-60d40822927dd .fl-photo { text-align: center; } .fl-node-60d408dee2505 .fl-photo { text-align: center; } .fl-node-60d408c236bad .fl-photo { text-align: center; } .fl-node-60d4096b62ecc .fl-photo { text-align: center; } .fl-node-60d408fdba687 .fl-photo { text-align: center; } .fl-node-60d40d7dd781b .fl-photo { text-align: center; } .fl-node-60d40d9170ace .fl-photo { text-align: center; } /* Début CSS global */ .skew { -ms-transform: matrix(0.9, -0.2, 0, 1, 0, 0); /* IE 9 */ transform: matrix(0.9, -0.2, 0, 1, 0, 0); /* Syntaxe standard */ line-height: 0.9em; } h3 span { text-decoration: underline; } p.sound-bite { font-family: 'fkat-med'; font-size: 12px; padding: 0px !important; margin: 0px !important; text-transform: uppercase !important; } .headline h1 span { font-family: 'fkat-med'; font-size: 12px; padding: 0px !important; text-transform: uppercase !important; } .innovation { font-size: 70px; line-height: 60px; } .inter-header { font-family: "interstate", sans-serif; font-size: 30px; text-transform: capitalize; font-weight: bold; } .subheading { font-family: "interstate", sans-serif; font-weight: 300; font-size: 20px; } body { background-color: #fffcf7 !important; } .image-trans { transition:all 0.3s ease; } .image-trans:hover { box-shadow: 1px 1px #53a7ea, 2px 2px #53a7ea, 3px 3px #53a7ea; -webkit-transform: translateX(-3px); transform: translateX(-3px); } /* Fin CSS global */ /* Début CSS des nœuds globaux */ /* Fin CSS des nœuds globaux */ /* Début CSS de mise en page */ /* Fin CSS de mise en page */