<!DOCTYPE html>
<html lang="fr">
<html xmlns:og="http://ogp.me/ns#">
<head>
<!-- OneTrust Cookies Consent Notice start for myfujifilm.fr -->
<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="c7b40fc2-154c-4417-a80f-f014b2ea736e" ></script>
<script type="text/javascript">
function OptanonWrapper() { }
</script>
<!-- OneTrust Cookies Consent Notice end for myfujifilm.fr -->
<link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
<link rel="canonical" href="https://myfujifilm.fr" />
<link href="style.css" rel="stylesheet">
<meta property="og:url" content="https://myfujifilm.fr/"/>
<meta property="og:title" content="Faites des albums photos en qualité FUJIFILM"/>
<meta property="og:site-name" content="Faites des albums photos en qualité FUJIFILM"/>
<meta property="og:description" content="Imprimer des photos, faire des albums photos ou personnaliser sa déco est un jeu d'enfant sur myFUJIFILM."/>
<meta property="og:image" content="https://myfujifilm.fr/ips-repositories/operator/27936000/commons/images/layout/logo.png"/>
<meta name="p:domain_verify" content="5953b1cc2f9c578f01dcecb2e259c3da"/>
<meta name="google-site-verification" content="fxJ5Tc1-vut1a-npX9RvkxFzgOayURirGoyjjmjTMJ8" />
<meta name="facebook-domain-verification" content="3w51zvkfujov77g818zs9j6i7x07gq" />
<!-- Anti-flicker snippet (recommended) -->
<style>.async-hide { opacity: 0 !important} </style>
<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
})(window,document.documentElement,'async-hide','dataLayer',4000,
{'GTM-NVXVGJ':true});</script>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NVXVGJ');
</script>
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NVXVGJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<meta charset="UTF-8" />
<meta name="_csrf_header" content="X-CSRF-TOKEN"/>
<meta name="_csrf" content="e5a1c73c-18d2-437c-98e1-1d0f17fa3cb9"/>
<script type="text/javascript" src="/ips-opdata/scripts/standards/es5-shim.js?m=18ebd674a4e"></script>
<script type="text/javascript" src="/ips-opdata/scripts/standards/es6-shim.js?m=18ebd674a4e"></script>
<script type="text/javascript" src="/ips-opdata/scripts/standards/console-shim.js?m=18ebd674a4e"></script>
<script type="text/javascript" src="/ips-opdata/scripts/standards/json2.js?m=18ebd674a4e"></script>
<script type="text/javascript" src="/27936514/ips/scripts/jquery-ips.js?m=18de6d6e6e0"></script>
<script type="text/javascript" src="/27936514/ips/scripts/jquery-migrate.js?m=18de6d6e6e0"></script>
<script type="text/javascript" src="/27936514/ips/script-bundles/jade-core.js?m=18de6d909c0"></script>
<script type="text/javascript">jade.config.setValue("scriptResources", "/27936514/ips/script-resources")</script>
<script type="text/javascript" src="/27936514/ips/scripts/jade/messages.js?m=18de6d909c0&l=fr_FR_@27936514_4"></script>
<script type="text/javascript" src="/27936514/ips/scripts/jade/ui/messages.js?m=18de6d909c0&l=fr_FR_@27936514_4"></script>
<script type="text/javascript" src="/27936514/ips/script-bundles/jade-ui.js?m=18de6d909c0"></script>
<script type="text/javascript" src="/27936514/ips/script-bundles/jade-graphics.js?m=18de6d909c0"></script>
<script type="text/javascript" src="/27936514/ips/scripts/ua-parser.js?m=18de6d6e6e0"></script>
<script type="text/javascript" src="/27936514/ips/scripts/plupload.js?m=18de6d9c540"></script>
<script type="text/javascript" src="/27936514/ips/script-bundles/jade-io.js?m=18de6d91190"></script>
<script type="text/javascript" src="/27936514/ips/scripts/jade/io/messages.js?m=18de6d91190&l=fr_FR_@27936514_4"></script>
<script type="text/javascript" src="/27936514/ips/script-bundles/jade-db.js?m=18de6d91190"></script>
<script type="text/javascript" src="/27936514/ips/script-bundles/jade-validation.js?m=18de6d91190"></script>
<script type="text/javascript" src="/27936514/ips/script-bundles/ips-js.js?m=18e9fe1d7d0"></script>
<script type="text/javascript" src="/27936514/ips/scripts/ips/messages.js?m=18e9fe1d7d0&l=fr_FR_@27936514_4"></script>
<script type="text/javascript" src="/27936514/ips/script-bundles/canvas-shim.js?m=18de6d9e480"></script>
<script type="text/javascript" src="/ips-opdata/scripts/fonts.js?m=18ebd674826"></script>
<script>
(function() {
// Setup path to Jade Java applet
jade.config.setValue("jade.javaCodebase", "\/ips-opdata/uploadClients/fuji");
// Setup fonts
var fonts = ["Cuban","FreeSchool","UnZialish","ZeitGeisterbahn","Allstar","Avignon","B691-Deco","Bar","Benjamin-Cd","Bernhard-Fashion","C721-Script","Caslon","Casual","CathedralOpen","Centrum","Comix","Copperplate-Gothic","Durango","Durango-Alt","Durango-Stencil","Frascati","Gandalf","Hobson","Honeymoon","Iceberg","Isonorm","Koblenz","LeHavre","Maurice","NapoliSerial","Scott","TiogaScript","Abril Fatface","Advent Pro","Allura","Almendra","Almendra SC","Amatic SC","Anton","Arsenal","Audiowide","Baloo","Barrio","Bellefair","Bigelow Rules","Black Ops One","Bubbler One","Caesar Dressing","CabinSketch","Cagliostro","Ceviche One","Chewy","Codystar","Cormorant Unicase","Cormorant Upright","Creepster","Crimson Text","Cutive Mono","Dekko","Delius Swash Caps","Diplomata","Domine","Dosis","Eagle Lake","Emilys Candy","Exo","Faster One","Federo","Finger Paint","Fondamento","Fredericka the Great","Frijole","Give You Glory","Glass Antiqua","Great Vibes","IM FELL English","Inconsolata","Indie Flower","Josefin Slab","Kalam","La Belle Aurore","Limelight","Lobster","Londrina Outline","Love Ya Like A Sister","Luckiest Guy","Macondo","Megrim","Miltonian","Monoton","Montserrat Alternates","Mystery Quest","Niconne","Open Sans","Pacifico","Patrick Hand","Permanent Marker","Pinyon Script","Playfair Display","Poiret One","Quantico","Roboto","Roboto Condensed","Rochester","Rokkitt","Rouge Script","Ruthie","Rye","Schoolbell","Shadows Into Light Two","Sonsie One","Special Elite","Syncopate","UnifrakturMaguntia","Unkempt","VT323","Wire One"];
jade.fontRegistry.setSortOrder("alphabetic");
if (fonts.length) jade.fontRegistry.filterFonts(fonts);
jade.fontRegistry.registerWebFont("Cuban", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("FreeSchool", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("UnZialish", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("ZeitGeisterbahn", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Allstar", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Avignon", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("B691-Deco", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Bar", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Benjamin-Cd", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Bernhard-Fashion", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("C721-Script", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Caslon", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Casual", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("CathedralOpen", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Centrum", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Comix", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Copperplate-Gothic", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Durango", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Durango-Alt", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Durango-Stencil", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Frascati", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Gandalf", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Hobson", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Honeymoon", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Iceberg", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Isonorm", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Koblenz", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("LeHavre", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Maurice", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("NapoliSerial", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Scott", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("TiogaScript", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Abril Fatface", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Advent Pro", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Allura", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Almendra", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Almendra SC", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Amatic SC", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Anton", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Arsenal", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Audiowide", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Baloo", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Barrio", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Bellefair", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Bigelow Rules", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Black Ops One", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Bubbler One", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Caesar Dressing", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("CabinSketch", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Cagliostro", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Ceviche One", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Chewy", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Codystar", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Cormorant Unicase", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Cormorant Upright", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Creepster", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Crimson Text", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Cutive Mono", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Dekko", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Delius Swash Caps", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Diplomata", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Domine", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Dosis", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Eagle Lake", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Emilys Candy", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Exo", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Faster One", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Federo", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Finger Paint", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Fondamento", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Fredericka the Great", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Frijole", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Give You Glory", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Glass Antiqua", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Great Vibes", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("IM FELL English", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Inconsolata", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Indie Flower", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Josefin Slab", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Kalam", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("La Belle Aurore", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Limelight", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Lobster", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Londrina Outline", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Love Ya Like A Sister", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Luckiest Guy", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Macondo", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Megrim", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Miltonian", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Monoton", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Montserrat Alternates", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Mystery Quest", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Niconne", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Open Sans", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Pacifico", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Patrick Hand", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Permanent Marker", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Pinyon Script", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Playfair Display", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Poiret One", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Quantico", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Roboto", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Roboto Condensed", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Rochester", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Rokkitt", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Rouge Script", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Ruthie", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Rye", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Schoolbell", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Shadows Into Light Two", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Sonsie One", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Special Elite", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Syncopate", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("UnifrakturMaguntia", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Unkempt", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("VT323", "\/ips/webFonts/css");
jade.fontRegistry.registerWebFont("Wire One", "\/ips/webFonts/css");
// Setup some default messages
jade.messages["jade.decPoint"] = ",";
jade.messages["jade.thousandsSep"] = ".";
jade.messages["jade.currency.decPoint"] = ",";
jade.messages["jade.currency.thousandsSep"] = ".";
jade.messages["jade.currency.decimals"] = 2;
jade.messages["jade.currency.format"] = "%s €";
// Setup the locale
jade.setLocale("fr_FR");
})();
</script>
<script src="/ips-repositories/operator/27936000/commons/scripts/foundation/foundation.min.js"></script>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1" />
<script src="/ips-repositories/operator/27936514/commons/scripts/custom/lib/jquery-ui.js"></script>
<script src="/ips-repositories/operator/27936514/commons/scripts/custom/lib/magnific.js"></script>
<script src="/ips-repositories/operator/27936514/commons/scripts/custom/lib/modernizr.js"></script>
<script src="/ips-repositories/operator/27936514/commons/scripts/custom/lib/picturefill.js"></script>
<script src="/ips-repositories/operator/27936514/commons/scripts/custom/lib/rangeslider.js"></script>
<script src="/ips-repositories/operator/27936000/commons/scripts/custom/lib/scrollstop.js"></script>
<script src="/ips-repositories/operator/27936514/commons/scripts/custom/lib/slickslider.js"></script>
<script src="/ips-repositories/operator/27936514/commons/scripts/custom/lib/fitvids.js"></script>
<script src="/ips-repositories/operator/27936514/commons/scripts/custom/functions.js"></script>
<script src="/ips-repositories/operator/27936514/commons/include/styles/faq_seo.js"></script>
<script src="/ips-repositories/operator/27936514/commons/include/styles/accordions.js"></script>
<script type="text/javascript">
ips.baseUrl = "https://myfujifilm.fr/";
</script>
<link href=/ips-repositories/operator/27936514/commons/images/icons/favicon.ico rel="shortcut icon">
<title>MyFUJIFILM - Création d’albums & livres photos, impression photos & objets déco
</title>
<meta name="description" content="Réalisez des albums et livres photo, des impressions de tirages. Personnalisez vos objets ou votre déco et laissez libre-court à votre inventivité! myFUJIFILM, idéal pour offrir ou vous faire plaisir." />
<meta name="keywords" content="Livres Photo, Tirages Photo, Déco maison, Cartes et Faire-part, Calendriers, Cadeaux Photo" />
<!--
***********************************************
* SEO Lingo-Keys:
*
* seo.Homepage-2.title
* seo.Homepage-2.description
* seo.Homepage-2.keywords
* seo.Homepage-2.canonical
***********************************************
-->
<script src="/ips-repositories/operator/27936514/slider/script.js"></script>
<script src="/slider/countdown.js"></script>
<title> Impression photo, développement photo by myFUJIFILM </title>
<meta name="description" content="Tirages Photo, Albums Photo, Cadres Déco ... vos photos deviennent des œuvres d’art grâce à la qualité du papier photo FUJIFILM !">
<script>
jQuery(document).ready(function(){
//***********************************
if (navigator.userAgent.match(/(iPhone|iPad)/)) {
$('body').addClass("ios");
}else if (navigator.userAgent.match(/(Android)/)) {
$('body').addClass("android");
}
});
</script>
<link rel="stylesheet" href="ips-repositories/operator/27936000/commons/styles/font.css?m=18919623ba4" />
<link rel="stylesheet" href="ips/script-resources/jade-ui.css" />
<link rel="stylesheet" href="ips/script-resources/ips-ui.css" />
<link rel="stylesheet" href="commons/include/styles/head.css?m=18ebd92757a" />
<link rel="stylesheet" href="commons/include/styles/foot.css?m=189196381aa" />
<link rel="stylesheet" href="ips/webFonts/css" />
<link rel="stylesheet" href="products/include/details/description.css?m=18ebd92751e" />
<link rel="stylesheet" href="commons/include/styles/footer_seo.css?m=18ebd92755e" />
<link rel="stylesheet" href="commons/include/styles/global.css?m=18ebd9276aa" />
<link rel="stylesheet" href="promos/style/promo.css?m=18ebd927556" />
<link rel="stylesheet" href="newDesign/slider/slider.css?m=18ebd92751e" />
<link rel="stylesheet" href="newDesign/slider/styles/slick-theme.css?m=18ebd92756e" />
<link rel="stylesheet" href="newDesign/slider/styles/slider.css?m=18ebd92751e" />
<link rel="stylesheet" href="commons/styles/index.css?m=18919623bc0" />
<link rel="stylesheet" href="recommendation/styles/recommendation.css?m=18919624a3c" />
<link rel="stylesheet" href="commons/styles/styles.css?m=18ebd92751e" />
<link rel="stylesheet" href="newDesign/color.css?m=18ebd927516" />
</head>
<body id="Homepage-2">
<!-- Google Tag Manager data layer part -->
<script type="text/javascript">
// Init global datalayer for Google Tag Manager
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({'locale': 'fr_FR'});
window.dataLayer.push({'shop': 'photo'});
window.dataLayer.push({'editor': 'IP.Labs Photoservice'});
window.dataLayer.push({'userLogin': 'false'});
window.dataLayer.push({'clientName': 'ip.labs Photoweb'});
window.dataLayer.push({'clientVersion': 'null'});
window.dataLayer.push({'clientDeviceType': 'desktop'});
</script>
<!-- Google Tag Manager data layer part -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NVXVGJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NVXVGJ');</script>
<!-- End Google Tag Manager -->
<div id="blend">
<noscript>
<p id="activateJsMessage"></p>
</noscript>
</div>
<div id="wrapper">
</div>
<script type="text/javascript" src="/ips-repositories/operator/27936514/commons/include/styles/additional_javascript.js"></script>
<style>
.nouveaute{
font-size:8px!important;background:#aa0d0d;color:#FFF; font-weight:bold;padding: 4px 4px;margin: 4px;font-family: sans-serif;
}
.barre{
background: -moz-linear-gradient( 0deg, rgb(251,231,152) 0%, rgb(246,195,80) 38%, rgb(190,50,122) 78%, rgb(129,15,90) 97%);
background-image: -webkit-linear-gradient( 0deg, rgb(251,231,152) 0%, rgb(246,195,80) 38%, rgb(190,50,122) 78%, rgb(129,15,90) 97%);
background-image: -ms-linear-gradient( 0deg, rgb(251,231,152) 0%, rgb(246,195,80) 38%, rgb(190,50,122) 78%, rgb(129,15,90) 97%);
height: 5px;
position:fixed
}
</style>
<header class="header_altn haltn_icon slideDown">
<div class="bgwrapper">
<div class="content-wrapper menu-row-group altn">
<a href="/" title="myFUJIFILM" class="toplogo menu-row-group-item">
<img src="/ips-repositories/operator/27936514/newDesign/img/logo_myfujifilm_black.png" style="width:60px" title="myFUJIFILM" alt="myFUJIFILM">
</a>
<div class="meta menu-row-group-item">
<a href="/user/myAccount.html?tab=customer-orders" title="Où en est ma commande ?" class="item authenticate_toggle fw-bold commands">
<span>Où en est ma commande ?</span>
</a>
<a href="#loginlayer" title="Connexion" class="item authenticate_toggle login signin">
<span>Connexion</span>
</a>
<a href="#logoutlayer" title="Mon Compte" class="item authenticate_toggle login hidden">
<span style="font-size: 12px;">Bonjour
</span>
</a>
<a href="/cart/cart.html" title="Panier" class="item menuicon card">
<div class="count"> 0</div>
</a>
<div class="item search"></div>
<div class="item mobiletoggle_altn">
<img src="/ips-repositories/operator/27936514/commons/images/icons/burger_altn.svg" title="Menu" align="Menu">
</div>
</div>
<div class="ajaxTile" id="ajaxTile-container-277a9476-7332-4b5f-a780-ba415db9ae03" data-jade-ui="jade.ui.Tile" data-url="/cart/include/cartHeadWidget.html" data-no-init>
</div>
<script type="text/javascript">
(function() {
var component;
component = jade.ui.get("ajaxTile-container-277a9476-7332-4b5f-a780-ba415db9ae03");
ips.on('cartChanged', component.reload, component);
ips.on('localeChanged', component.reload, component);
ips.on('deletedItemsChanged', component.reload, component);
})();
</script>
</div>
</div>
<nav class="mainmenu_altn altn_icons altn_2 altn_3">
<div class="mobile-menu-close-item">
<div class="close closemenu">Fermer
<img src="/ips-repositories/operator/27936514/commons/images/icons/close.svg">
</div>
</div>
<div class="content-wrapper">
<ul class="menu main">
<li>
<a href="/promos" title="Découvrez nos promos du moment" style="color:#942d77!important;font-family:sans-serif" class="lvl-1 inpath">
<img src="/ips-repositories/operator/27936514/commons/include/icon_promos.png" width="36" alt="Promos" >
Promos
</a>
</li>
<li class="">
<a href="javascript:void(0)" title="Livres Photo" class="lvl-1 inpath">
<img src="/ips-repositories/operator/27936514/commons/images/icons/fotobuecher.svg" width="36" height="30" alt="Livres Photo" title="Livres Photo">
Livres Photo
</a>
<div class="submenu-holder">
<div class="content-wrapper">
<ul class="submenu">
<li class="col col_30">
<ul>
<li class="title_category">
<a href="/livres-photo" class="headerstyle" title="Tous les Livres Photo">
Tous les Albums Photo
</a>
</li>
<li><a href="/livres-photo/popbook" title="Pop Book">Pop Book : Livre de poche<sup class="nouveaute">LE + FACILE À CRÉER </sup></a></li>
<li><a href="/livres-photo/tous-nos-albums" title="Tous les Albums Photo">Les Albums Photo : Papier Photo et Papier imprimé</a></li>
<li><a href="/products/details.html?productId=60005548&color=blue" title="Album Enfant">Album Photo — Enfant<sup class="nouveaute">Nouveau</sup></a></li>
</ul>
</li>
<li class="col col_40 image">
<a href="/livres-photo" class="headerstyle" title="Tous les Livres Photo">
<img src="/ips-repositories/operator/27936514/commons/images/layout/menu_photobooks_christmas.jpg" width="500px" alt="Livres Photo" title="Livres Photo">
</a>
</li>
</ul>
</div>
</div>
<li>
<a href="javascript:void(0)" title="Tirages & Posters" class="lvl-1" >
<img src="/ips-repositories/operator/27936514/commons/images/icons/fotos_poster.svg" width="36" height="32" alt="Tirages & Posters" title="Tirages & Posters">
Tirages & Posters
</a>
<div class="submenu-holder">
<div class="content-wrapper">
<ul class="submenu">
<li class="col col_40">
<ul>
<li class="title_category">
<a href="/tirages-photo-posters" class="headerstyle" title="Tous les Tirages & Posters">
Tous les Tirages et Posters
</a>
</li>
<li class="header">
<a href="/tirages-photo-posters/boites-photos" class="headerstyle" title="Boites à Photos" >
Nos Packs de Tirages Photo
</a>
</li>
<li>
<ul class="mobilehidden">
<li><a href="/tirages-photo-posters/tirages-photo-retro" title="Tirages Photo Rétro">Tirages Photo Rétro<sup class="nouveaute">Nouveau</sup></a></li>
<li><a href="/tirages-photo-posters/instacollection-tirages-marge-elegante" title="Tirages InstaCollection">Tirages InstaCollection</a></li>
<li><a href="/products/details.html?productId=60009248&color=cyan" title="Marque-pages personnalisés">Marque-pages personnalisés<sup class="nouveaute">Nouveau</sup></a></li>
<li><a href="/tirages-photo-posters/myboxcherry" title="my Box Cherry">my Box Cherry — Tirages Photo 10x15cm</a></li>
<li><a href="/tirages-photo-posters/instapack-tirages-vintage-6x9-v" title="Tirages InstaPack">Tirages InstaPack</a></li>
</ul>
</li>
</ul>
</li>
<li class="col col_30">
<ul>
<li class="header">
Tirages Photo à l'unité
</li>
<li>
<ul class="mobilehidden">
<li><a href="/tirages-photo-posters/tirages-photo-mini" title="Tirages Photo mini">Mini Photo 6x9cm<sup class="nouveaute">Nouveau</sup></a></li>
<li><a href="/tirages-photo-posters/tirages-photo-supreme" title="Tirages Photo">Tirages 10x15cm & autres formats</a></li>
<li>
<a href="/products/details.html?productId=60008695&color=purple" title="Déco Murale - Cœur de 53 photos">
Déco Murale - Cœur de 53 photos<sup class="nouveaute">Nouveau</sup>
</a>
</li>
<li>
<a href="/tirages-photo-posters/photos-autocollantes" title="Photos autocollantes">Photos autocollantes
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="col col_30">
<ul>
<li class="header">
Posters Photo
</li>
<li>
<ul class="mobilehidden">
<li><a href="/tirages-photo-posters/poster-prestige" title="Posters Prestige">Posters Prestige</a></li>
<li><a href="/products/details.html?productId=60008444&color=blue" title="Poster encadré"> Poster encadré<sup class="nouveaute">Nouveau</sup></a></li>
<li><a href="/tirages-photo-posters/poster-suspendu" title="poster suspendu">Poster suspendu<sup class="nouveaute">Nouveau</sup></a></li>
<li><a href="/tirages-photo-posters/photo-cabine-xl-suspendue" title="Photo cabine XL suspendue">Photo cabine XL suspendue<sup class="nouveaute">Nouveau</sup></a></li>
<li><a href="/tirages-photo-posters/poster-pele-mele" title="Pêle-mêle thématiques">Pêle-mêle thématiques</a></li>
<li><a href="/photo-deco/stickers-muraux-personnalises" title="Poster autocollant">Poster autocollant</a></li>
</ul>
</li>
</ul>
</li>
<li class="col col_30 image">
<a href="/tirages-photo-posters" class="headerstyle" title="Tous les Tirages & Posters"><img src="/ips-repositories/operator/27936514/commons/images/layout/menu_prints_christmas.jpg" width="500px" alt="Tirages & Posters" title="Tirages & Posters"></a>
</li>
</ul>
</div>
</div>
</li>
<li>
<a href="javascript:void(0)" title="Déco Maison" class="lvl-1">
<img src="/ips-repositories/operator/27936514/commons/images/icons/wanddeko.svg" width="35" height="33" alt="Déco Maison" title="Déco Maison">
Déco Maison
</a>
<div class="submenu-holder">
<div class="content-wrapper">
<ul class="submenu">
<li class="col col_30">
<ul>
<li class="title_category">
<a href="/photo-deco" class="headerstyle" title="Toute la Déco Maison">
Toute la Déco Maison
</a>
</li>
<li class="header">
Cadre Photo
</li>
<li>
<ul class="mobilehidden">
<li><a href="/products/details.html?productId=60004722&color=red" title="Poster encadré"> Poster encadré<sup class="nouveaute">Nouveau</sup> </a></li>
<li><a href="/photo-deco/photo-bloc" title="Photo Bloc"> Photo bloc<sup class="nouveaute">Coup de ❤️</sup></a></li>
<li><a href="/photo-deco/multi-photo-bloc" title="Multi Photo Bloc"> Multi photo bloc</a></li>
<li><a href="/photo-deco/poster-passe-partout" title="Cadre Noir">Cadre Noir</a></li>
</ul>
</li>
</ul>
<ul>
<li class="header">
Posters & Banderoles
</li>
<li>
<ul class="mobilehidden">
<li>
<a href="/products/details.html?productId=60008695&color=purple" title="Déco Murale - Cœur de 53 photos">
Déco Murale - Cœur de 53 photos<sup class="nouveaute">Nouveau</sup>
</a>
</li>
<li><a href="/posters-photo" title="Posters">Posters</a></li>
<li><a href="/tirages-photo-posters/poster-suspendu" title="poster suspendu">Poster suspendu<sup class="nouveaute">Nouveau</sup></a></li>
<li><a href="/tirages-photo-posters/photo-cabine-xl-suspendue" title="Photo cabine XL suspendue">Photo cabine XL suspendue<sup class="nouveaute">Nouveau</sup></a></li>
<li><a href="/photo-deco/stickers-muraux-personnalises" title="Poster Autocollant">Poster Autocollant</a></li>
<li><a href="/photo-deco/banderole-personnalisee" title="Banderole personnalisée"> Banderole personnalisée</a></li>
</ul>
</li>
</ul>
</li>
<li class="col col_30">
<ul>
<li class="header">
Tableaux muraux
</li>
<li>
<ul class="mobilehidden">
<li><a href="/photo-deco/toile-classique" title="Photo sur Toile">Photo sur Toile</a></li>
<li><a href="/photo-deco/photo-sur-aluminium" title="Photo sur Aluminium">Photo sur Aluminium</a></li>
<li><a href="/photo-deco/photo-sur-plexiglas" title="Photo sur Plexiglas">Photo sur Plexiglas</a></li>
<li><a href="/photo-deco/photo-sur-forex" title="Photo sur Forex">Photo sur Forex</a></li>
<li><a href="/photo-deco/plaque-signaletique-personnalisee" title="Plaque signalétique"> Plaque signalétique<sup class="nouveaute">Nouveau</sup></a></li>
</ul>
</li>
</ul>
</li>
<li class="col col_40 image">
<a href="/photo-deco/poster-passe-partout" class="headerstyle" title="Déco Maison">
<img src="/ips-repositories/operator/27936514/commons/images/layout/menu_walldeco_christmas.jpg" width="100%" alt="Déco Maison" title="Déco Maison">
</a>
</li>
</ul>
</div>
</div>
</li>
<li>
<a href="javascript:void(0)" title="Objets" class="lvl-1">
<img src="/ips-repositories/operator/27936514/commons/images/icons/geschenke.svg" width="35" height="33" alt="Objets" title="Objets">
Objets
</a>
<div class="submenu-holder">
<div class="content-wrapper">
<ul class="submenu">
<li class="col col_30">
<ul>
<li class="title_category">
<a href="/objets-photo" class="headerstyle" title="Tous les Objets Photo">Tous les Objets Photo</a></li>
</li>
<li class="header">
Idées Cadeaux Parents
</li>
<li>
<ul class="mobilehidden">
<li><a href="/objets-photo/coques-personnalisees" title="Coques personnalisés">Coques personnalisées</a></li>
<li><a href="/objets-photo/horloge-photo" title="Horloge personnalisé ">Horloges personnalisées</a></li>
<li class=""><a href="/objets-photo/boites-magnets-photo" title="Magnets">Magnets</a></li>
<li><a href="/mugs-personnalises" title="Mugs">Mugs</a></li>
<li><a href="/objets-photo/tablier-en-lin" title="Tablier personnalisé ">Tablier personnalisé </a></li>
<li><a href="/objets-photo/tapis-souris-personnalise" title="Tapis de souris">Tapis de souris</a></li>
<li><a href="/products/details.html?productId=60001367&color=blue" title="Tote bag personnalisé ">Tote bag personnalisé</a></li>
<li><a href="/products/details.html?productId=60000204&color=blue" title="Plaid personnalisé">Plaid personnalisé </a></li>
<li><a href="/objets-photo/porte-cles-personnalise" title="Porte-clés personnalisé">Porte-clés personnalisés<sup class="nouveaute">NOUVEAU </sup></a></li>
</ul>
</li>
</ul>
</li>
<li class="col col_20">
<ul>
<li class="header">
<a href="/objets-photo/cadeaux-enfants" title="Idées cadeaux enfants"> Idées cadeaux enfants <sup class="nouveaute">Coup de <3 </sup></a>
</li>
<li>
<ul class="mobilehidden">
<li><a href="/objets-photo/boule-neige" title="Boule à neige">Boule à neige </a></li>
<li><a href="/objets-photo/cahier-souple-spirale" title="Cahier souple personnalisé">Cahiers souples personnalisés</a></li>
<li><a href="/objets-photo/cahier-rigide" title="Cahier rigide personnalisé">Cahiers rigides personnalisés</a></li>
<li class=""><a href="/objets-photo/coques-personnalisees" title="Coques personnalisées">Coques personnalisées</a></li>
<li><a href="/objets-photo/gourde-isotherme" title="Gourde personnalisé">Gourde personnalisée</a></li>
<li><a href="/objets-photo/peluche" title="Peluche">Peluches personnalisées</a></li>
<li><a href="/objets-photo/porte-cles-personnalise" title="Porte-clés personnalisé">Porte-clés personnalisés <sup class="nouveaute">NOUVEAU </sup></a></li>
<li><a href="/objets-photo/puzzles" title="Puzzles & mémory">Puzzles & Memory</a></li>
</ul>
</li>
</ul>
<ul>
<li class="header">
Déco de Table événement
</li>
<li>
<ul class="mobilehidden">
<li>
<a href="/objets-photo/carreau-faience-personnalise" title="Carreau de faïence personnalisé">
Carreau de faïence personnalisé
</a>
</li>
<li>
<a href="/objets-photo/dessous-verre-mousse-personnalisable" title="4 Dessous de verre en mousse">
4 Dessous de verre en mousse
</a>
</li>
<li>
<a href="/objets-photo/dessous-verre-carton-personnalisable" title="12 Dessous de verres en carton">
12 Dessous de verres en carton
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="col col_25 image">
<a href="/objets-photo/cadeaux-enfants" class="headerstyle" title="Objets">
<img src="/ips-repositories/operator/27936514/commons/images/layout/menu_gifts_christmas.jpg" width="100%" alt="Objets" title="Objets">
</a>
</li>
</ul>
</div>
</div>
</li>
<li>
<a href="javascript:void(0)" title="Calendriers" class="lvl-1">
<img src="/ips-repositories/operator/27936514/commons/images/icons/cartes_1.svg" width="76" height="36" alt="Calendriers et Cartes" title="Calendriers et Cartes">
Calendriers & Cartes
</a>
<div class="submenu-holder">
<div class="content-wrapper">
<ul class="submenu">
<li class="col col_30">
<ul>
<li class="title_category">
<a href="/calendrier-personnalise" class="headerstyle" title="Tous les Calendriers">
Tous les Calendriers
</a>
</li>
<li>
<a href="/calendrier-personnalise/agenda2024" title="Agenda 2024">
Agenda personnalisé 2024
</a>
</li>
</ul>
<ul>
<li class="header">Calendrier papier photo
</li>
<li>
<ul class="mobilehidden">
<li><a href="/calendrier-papier-photo" title="Calendrier Papier Photo">Calendrier mural 2024 - Papier Photo</a>
</ul>
</li>
</ul>
<ul>
<li class="header">
Calendriers imprimés finition mate
</li>
<li>
<ul class="mobilehidden">
<li><a href="/calendrier-personnalise/calendrier-mural" title="Calendrier mural A4 ou A3">Calendrier mural 2024</a></li>
<li>
<a href="/calendrier-personnalise/calendrier-perpetuel" title="Calendrier perpétuel">
Calendrier perpétuel
</a>
</li>
<li><a href="/calendrier-de-bureau" title="Calendrier de bureau">Calendrier de bureau 2024</a></li>
</ul>
</li>
</ul>
</li>
<li class="col col_30" style="margin-top:0">
<ul>
<li class="title_category" >
<a href="/cartes-faire-part" class="headerstyle" title="Toutes les Cartes">
Toutes les Cartes
</a>
</li>
<li class="header">
Cartes et faire-part photo
</li>
<li>
<ul class="mobilehidden">
<li><a href="/cartes-faire-part/carte-postale-personnalisee" title="Carte Postale personnalisée">Carte Postale personnalisée</a></li>
<li><a href="/cartes-faire-part/carte-photo-10x14" title="Carte photo 10x14cm 2 volets">Carte photo 10x14cm 2 volets</a></li>
<li><a href="/cartes-faire-part/carte-photo-10x21" title="Carte photo 10x21cm 2 volets">Carte photo 10x21cm 2 volets</a></li>
</ul>
</li>
</ul>
</li>
<li class="col col_40 image">
<a href="/calendrier-personnalise" class="headerstyle" title="Tous les Calendriers"><img src="/ips-repositories/operator/27936514/commons/images/layout/menu_calendar_christmas.jpg" width="300px" alt="Calendrier" title="Calendriers"></a>
</li>
</ul>
</div>
</div>
</li>
<li>
<a href="javascript:void(0)" title="Scrapbooking" class="lvl-1">
<img src="/ips-repositories/operator/27936514/commons/images/icons/accessoires.svg" width="35" height="33" alt="Scrapbooking" title="Scrapbooking">
Scrapbooking
</a>
<div class="submenu-holder">
<div class="content-wrapper">
<ul class="submenu">
<li class="col col_30">
<ul>
<li class="title_category">
<a href="/creativite/scrapbooking" class="headerstyle" title="Tous les produits Scrapbooking">
Tous les produits Scrapbooking
</a>
</li>
<li><a href="/album-scrapbooking" title="Album Scrapbooking">Album Scrapbooking</a></li>
<li><a href="/creativite/scrapbooking/adhesif-washi-tape" title="Ruban adhésifs">Rubans adhésifs</a></li>
</ul>
<ul>
<li class="header">
Cartes scrapbooking
</li>
<li>
<ul class="mobilehidden">
<li><a href="/products/details.html?productId=50033260&color=cyan" title="Kit de carte photo créatif">Kit de carte photo créatif</a></li>
<li><a href="/products/details.html?productId=50033254&color=blue" title="Cartes Pop-up">Cartes Pop-up</a></li>
<li><a href="/products/details.html?productId=50033257&color=magenta" title="Cartes Jumbo">Cartes Jumbo</a></li>
<li><a href="/products/details.html?productId=50033265&color=purple" title="Carte Cadre photo">Carte Cadre photo</a></li>
<li><a href="/products/details.html?productId=50033268&color=red" title="Carte avec fenêtre photo">Carte avec fenêtre photo</a></li>
<li><a href="/products/details.html?productId=50033277&color=orange" title="Cadre accordéon">Cadre accordéon</a></li>
</ul>
</li>
</ul>
</li>
<li class="col col_30">
<ul>
<li class="header">
L'art de l'emballage
</li>
<li>
<ul class="mobilehidden">
<li><a href="/faire-des-heureux/furoshiki-art-emballer-cadeaux/tissus-furoshiki/moyenne-taille" title="Furoshiki moyenne taille ">Furoshiki moyenne taille </a></li>
<li><a href="/products/details.html?productId=50033604&color=magenta" title="Furoshiki grande taille ">Furoshiki grande taille </a></li>
</ul>
</li>
</ul>
</li>
<li class="col col_30 image">
<a href="/creativite/scrapbooking" class="headerstyle" title="Scrapbooking"><img src="/ips-repositories/operator/27936514/commons/images/layout/scrapbooking_menu.png" alt="Scrapbooking" title="Scrapbooking"></a>
</li>
</ul>
</div>
</div>
</li>
<li>
<a href="javascript:void(0)" title="instax" class="lvl-1">
<img src="/ips-repositories/operator/27936514/commons/images/icons/instax.svg" width="35" height="33" alt="Instax" title="Instax">
instax et +
</a>
<div class="submenu-holder">
<div class="content-wrapper">
<ul class="submenu">
<li class="col col_30">
<ul>
<li class="title_category">
<a href="/instax" class="headerstyle" title="La Galaxie Instax">
La Galaxie instax
</a>
</li>
<li class="header">
<a href="/instax/appareils-instantanes" title="Appareils instantanés">Appareils instantanés</a>
</li>
<li>
<ul class="mobilehidden">
<li><a href="/instax/appareils-instantanes/instax-pal" title="instax pal">
<sup class="nouveaute">Nouveau </sup> instax Pal</a>
</li>
<li><a href="/products/details.html?productId=60008213&color=red" title="instax mini 11">
instax mini 12</a>
</li>
<li><a href="/instax/appareils-instantanes/instax-sq40" title="instax SQUARE 40">
instax SQUARE 40</a>
</li>
<li><a href="/instax/appareils-instantanes/instax-sq1" title="instax Square SQ1">
instax SQUARE SQ1 </a>
</li>
<li><a href="/instax/appareils-instantanes/instax-mini-40" title="instax mini 40">
instax mini 40 </a> </li>
<li><a href="/instax/appareils-instantanes/instax-mini-evo" title="instax mini evo">
instax mini Evo</a>
</li>
<li><a href="/instax/appareils-instantanes/instax-mini-liplay" title="instax mini LiPlay">
instax mini LiPlay </a>
</li>
<li><a href="/instax/appareils-instantanes/instax-mini-90-neo-classic" title="instax mini 90">
instax mini 90 </a>
</li>
<li><a href="/instax/appareils-instantanes/instax-wide-300" title="instax WIDE 300">
instax WIDE 300</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="col col_30">
<ul>
<li class="header">
<a href="/instax/imprimantes-smartphone" title="Imprimantes instax pour smartphone">Imprimantes pour smartphone</a>
</li>
<li>
<ul class="mobilehidden">
<li><a href="/products/details.html?productId=60007387&color=red" title="Imprimante instax SQUARE Link ">
imprimante instax SQUARE Link </a>
</li>
<li><a href="/instax/appareils-instantanes/imprimante-instax-mini-link-2" title="Imprimante instax mini Link 2">
imprimante instax mini Link 2</a>
</li>
<li><a href="/instax/appareils-instantanes/imprimante-instax-link-wide" title="Imprimante instax Link WIDE">
Imprimante instax Link WIDE</a>
</li>
</ul>
</li>
</ul>
<ul>
<li class="header">
<a href="/instax/films" title="Films instax">Films instax</a>
</li>
<li>
<ul class="mobilehidden">
<li><a href="/films/films-instax-mini-thematiques" title="Films instax mini thématiques">
<sup class="nouveaute">Nouveau </sup> Films instax mini thématiques </a>
</li>
<li><a href="/instax/appareils-instantanes/films-instax-mini" title="Mono/Duo Packs de films instax mini">
Packs de 2x10 photos instax mini</a>
</li>
<li><a href="/instax/appareils-instantanes/films-instax-square-blanc" title="Mono/Duo Packs de films instax SQUARE">
Packs de 10 photos ou 2x10 photos SQUARE</a>
</li>
<li><a href="/instax/films/films-instax-wide" title="Mono/Duo Packs de films instax WIDE">
Packs de 10 photos ou 2x10 photos instax WIDE</a>
</li>
<li><a href="/instax/appareils-instantanes/packs-films-instax-mini" title="5 Packs de films instax mini 11">
5 Packs de 10 photos instax mini </a>
</li>
<li><a href="/instax/films/5-packs-films-instax-sq1" title="5 Packs de films instax Square">
5 Packs de 10 photos instax SQUARE</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="col col_30">
<ul>
<li class="header">
<a href="/instax/accessoires" title="Accessoires instax">Accessoires instax</a>
</li>
<li>
<ul class="mobilehidden">
<li><a href="/products/details.html?productId=60008932&color=cyan" title="Étui en silicone - INSTAX Pal">
<sup class="nouveaute">Nouveau </sup> Étui en silicone - INSTAX Pal </a>
</li>
<li><a href="/products/details.html?productId=60008208" title="instax mini 11">
Album instax mini 12</a>
</li>
<li><a href="/products/details.html?productId=60008202" title="instax mini 11">
Housse instax mini 12</a>
</li>
<li><a href="/instax/appareils-instantanes/housse-instax-sq40" title="Housse instax SQ40">
Housse instax SQUARE SQ40</a>
</li>
<li><a href="/instax/appareils-instantanes/housse-instax-mini-40" title="Housse instax mini 40">Housse instax mini 40 </a> </li>
<li><a href="/instax/appareils-instantanes/housse-instax-mini-evo" title="Housse instax mini Evo">Housse instax mini Evo </a> </li>
<li><a href="/instax/appareils-instantanes/housse-instax-mini-11" title="Housse instax mini 11">Housse instax mini 11 </a> </li>
<li><a href="/instax/appareils-instantanes/album-instax-mini-11" title="Album instax mini 11"> Album instax mini 11</a> </li>
<li class=""><a href="/cartes-faire-part-photo/cartes-scrapbooking" title="Cartes scrapbooking">Cartes scrapbooking </a></li>
<li class=""><a href="/products/details.html?productId=50033194&color=red" title="Cadres photos instax">Cadres photos instax </a></li>
<li class=""><a href="/instax/accessoires-fete/set-photobooth" title="Accesoires pour les Fêtes">Accessoires pour les Fêtes </a></li>
</ul>
</li>
</ul>
<ul>
<li class="header">
Appareils photo à usage unique
</li>
<li>
<ul class="mobilehidden">
<li> <a href="/appareil-photo-quicksnap-flash" title="QuickSnap Flash"> QuickSnap Flash</a> </li>
</ul>
</li>
</ul>
</li>
<li class="col col_40 image">
<a href="/instax/appareils-instantanes/imprimante-instax-mini-link-2" class="headerstyle" title="NOUVEAU : instax mini 11 - pack végétal">
<img src="/ips-repositories/operator/27936514/commons/images/layout/instax_mini_12.jpg" alt="instax mini 12" title="NOUVEAU : instax mini 12" width="400" >
</a>
</li>
</ul>
</div>
</div>
</li>
<li>
<a href="javascript:void(0)" title="e-Cartes cadeaux" class="lvl-1">
<img src="/ips-repositories/operator/27936514/commons/images/icons/gift-card.svg" width="35" height="33" alt="e-Cartes cadeaux" title="e-Cartes cadeaux">
e-Cartes cadeaux
</a>
<div class="submenu-holder">
<div class="content-wrapper">
<ul class="submenu">
<li class="col col_30">
<ul>
<li class="title_category">
<a href="/faire-des-heureux/bons-cadeaux" class="headerstyle" title="Toutes les e-Cartes cadeaux">
Toutes les e-Cartes cadeaux
</a>
</li>
<li><a href="/faire-des-heureux/bons-cadeaux/ecarte-30-euros" title="e-Carte cadeau de 30€">e-Carte cadeau de 30€</a></li>
<li><a href="/faire-des-heureux/bons-cadeaux/ecarte-60-euros" title="e-Carte cadeau de 60€">e-Carte cadeau de 60€</a></li>
<li><a href="/faire-des-heureux/bons-cadeaux/ecarte-100-euros" title="e-Carte cadeau de 100€">e-Carte cadeau de 100€</a></li>
</ul>
</li>
<li class="col col_40 image">
<a href="/faire-des-heureux/bons-cadeaux" class="headerstyle" title="NOUVEAU : instax mini 11 - pack végétal">
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
<ul class="menu menu_special">
<li class="mobile-menu-search-item">
<form action="/search/index.html" method="GET">
<div class="mobilesearch">
<div class="inner">
<div class="searchholder">
<button type="submit"><img src="/ips-repositories/operator/27936000/commons/images/icons/search.svg" title="Recherche" alt="Recherche" class="icon"></button>
<input name="search" placeholder="Recherche ..." type="text">
</div>
</div>
</div>
</form>
</li>
</ul>
</div>
</nav>
<div class="ajaxTile jade-ui-component jade-ui-tile" id="ajaxTile-container-75baa5f1-535a-4c2a-ad8a-e97f83acce40" data-jade-ui="jade.ui.Tile" data-url="/cart/include/cartHeadWidget.html" data-no-init="">
</div>
<script type="text/javascript">
(function() {
var component;
component = jade.ui.get("ajaxTile-container-75baa5f1-535a-4c2a-ad8a-e97f83acce40");
ips.on('cartChanged', component.reload, component);
ips.on('localeChanged', component.reload, component);
ips.on('deletedItemsChanged', component.reload, component);
})();
</script>
<div class="mobilemenu">
<div class="overlay"></div>
</div>
</header>
<style>
.bg-content-body{
background:#FBFAFA
}
</style>
<script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>
<section class="slider">
<div class="contain">
<div class="article" id="slider_promo_FilRouge">
<div class="container-lg">
<a href="/livres-photo" class="row align-items-center">
<div class="col-lg-6 px-0 col-img">
<div class="h-100 p-3">
<img class="img-fluid h-100 m-auto" src="/ips-repositories/operator/27936514/newDesign/slider/img/slider_promo_FilRouge_Mars24.png" width="450"/>
</div>
</div>
<div class="col-lg-6 pb-4 text-center m-auto">
<p class="col-10 pb-4 m-auto content_homepage">
<span style="font-size:10px">DU 12 MAR. AU 19 AVR. 2024</span><br>
<strong class="title_homepage pt-md-4 col-sm-7 col-md-9 m-auto fw-bold">-20% sur <br>TOUT le site<sup style="font-size:10px">(1)</sup></strong><br>
<span style="font-size:12px">dès 20€ d'achat minimum</span><br>
<span class="code">avec le code</span>
<span class="code-promo"><strong>MYFUFL24TOUT!</strong></span>
</p>
<div class="mb-4 button-homepage">J'EN PROFITE</div>
</div>
</a>
</div>
</div>
</div>
</section>
<style>
.li{
display: inline-block;
font-size: 10px;
list-style-type: none;
padding: 0.8em;
text-transform: uppercase;
line-height:1.4em;
}
.li span {
display: block;
font-size: 30px;
line-height:1.4em;
font-family:'Poppins', sans-serif;
font-weight:800
}
</style>
<div class="bg-content-body">
<div style="background:#C7DAD4">
<div class="container-lg">
<div class="row">
<div class="col-12 col-md-4 pt-3 text-center">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" style="color: #000;" class="bi bi-truck" viewbox="0 0 16 16">
<path d="M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5v-7zm1.294 7.456A1.999 1.999 0 0 1 4.732 11h5.536a2.01 2.01 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456zM12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
</svg>
<p class="p-2 pb-4 fw-bold" style="color: #000;">
Livraison en France <br>Métropolitaine et Belgique
</p>
</div>
<div class="col-12 col-md-4 pt-3 text-center">
<svg xmlns="http://www.w3.org/2000/svg" style="color: #000;">
<path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12ZM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Z"/>
<path d="M8 3.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
</svg>
<p class="p-2 pb-4 fw-bold" style="color: #000;">
Satisfait ou Remboursé
</p>
</div>
<div class="col-12 col-md-4 pt-3 text-center">
<svg style="color: #000;" xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-star-fill" viewbox="0 0 16 16">
<path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
</svg>
<p class="p-2 pb-4 fw-bold" style="color: #000;">
4,41/5 Trusted Shops
</p>
</div>
</div>
</div>
</div>
<div class="container-lg p-4">
<div class="row visible-lg hidden-sm">
<div class="col-sm-6 col-lg-4 p-0">
<div class="col-12">
<a href="/livres-photo" title="Les Livres Photo">
<div class="m-1 border border-0 card">
<img src="/ips-repositories/operator/27936514/newDesign/img/photobooks.webp" class="card-img" alt="Livres Photo">
<div class="card-img-overlay">
<h2 class="card-title text-center fs-1 text-white" style="display: grid; align-items: center;align-content: center;height: 100%;width: 100%;"><strong>Livres photo</strong></h2>
</div>
</div>
</a>
</div>
<div class="col-12">
<a href="/objets-photo" title="Objets Photo">
<div class="m-1 border border-0 card">
<img src="/ips-repositories/operator/27936514/newDesign/img/gifts.webp" class="card-img" alt="Objets">
<div class="card-img-overlay">
<h2 class="card-title text-center fs-1 text-white" style="display: grid; align-items: center;align-content: center;height: 100%;width: 100%;"><strong>Objets</strong></h2>
</div>
</div>
</a>
</div>
</div>
<div class="col-sm-6 col-lg-4 p-0">
<div class="col-12">
<a href="/photo-deco" title="Déco Maison">
<div class="m-1 border border-0 card">
<img src="/ips-repositories/operator/27936514/newDesign/img/walldecoration.webp" class="card-img" alt="Déco Maison">
<div class="card-img-overlay">
<h2 class="card-title text-center fs-1 text-white" style="display: grid; align-items: center;align-content: center;height: 100%;width: 100%;"><strong>Déco Maison</strong></h2>
</div>
</div>
</a>
</div>
<div class="col-12">
<a href="/calendrier-personnalise" title="Calendriers">
<div class="m-1 border border-0 card">
<img src="/ips-repositories/operator/27936514/newDesign/img/calendars.webp" class="card-img" alt="Calendriers">
<div class="card-img-overlay">
<h2 class="card-title text-center fs-1 text-white" style="display: grid; align-items: center;align-content: center;height: 100%;width: 100%;"><strong>Calendriers</strong></h2>
</div>
</div>
</a>
</div>
</div>
<div class="col-sm-6 col-lg-4 p-0">
<div class="col-12">
<a href="/tirages-photo-posters" title="Tirages Photo">
<div class="m-1 border border-0 card">
<img src="/ips-repositories/operator/27936514/newDesign/img/prints.webp" class="card-img" alt="Tirages Photo">
<div class="card-img-overlay">
<h2 class="card-title text-center fs-1 text-white" style="display: grid; align-items: center;align-content: center;height: 100%;width: 100%;"><strong>Tirages Photo</strong></h2>
</div>
</div>
</a>
</div>
<div class="col-12">
<a href="/instax" title="Instax">
<div class="m-1 border border-0 card">
<img src="/ips-repositories/operator/27936514/newDesign/img/instax.webp" class="card-img" alt="Instax">
<div class="card-img-overlay">
<h2 class="card-title text-center fs-1 text-white" style="display: grid; align-items: center;align-content: center;height: 100%;width: 100%;"><strong>Instax</strong></h2>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="container-lg p-4">
<div class="row">
<div class="col-lg-6">
<a href="https://myfujifilm.fr/promos" class="row me-1" style="background:#ffd055">
<div class="col-lg-6 p-4">
<img src="/ips-repositories/operator/27936514/newDesign/img/teaser_promo2023.png" style="width:100%">
</div>
<div class="col-lg-6 m-auto pe-lg-4 p-4" style="color:#000">
<h2 class="fs-3 lh-1 fw-bold mb-2">
Nos Promos
</h2>
<p class="mb-4">
Découvrez nos offres pour faire plaisir… ou se faire plaisir !
</p>
<div class="my-2 fw-bold" style="background:#000;color:#FFF; width:max-content; padding:10px">
voir les offres
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="https://numerisation.myfujifilm.fr/" class="row me-1" style="background:#8DDEE1">
<div class="col-lg-6 p-4">
<img src="/ips-repositories/operator/27936514/newDesign/img/teaser_numerisation2023.png" style="width:100%">
</div>
<div class="col-lg-6 m-auto pe-lg-4 p-4" style="color:#000">
<h2 class="fs-3 lh-1 fw-bold mb-2">
Numérisation
</h2>
<p class="mb-4">
Ressortez vos cassettes vidéo, Hi8, Films super 8 et
vieilles photos de la boîte aux trésors !
</p>
<div class="my-2 fw-bold" style="background:#000;color:#FFF; width:max-content; padding:10px">
Consulter le service
</div>
</div>
</a>
</div>
</div>
</div>
<div style="padding: 60px 0;">
<div class="content-wrapper">
<div class="line newsletter_footer p-4" style="background:#F9C4CB">
<div class="item-box-6 newsletter_content" style="color:#000">
<h4><strong>Newsletter myFUJIFILM</strong></h4>
<br>
<p class="description_product" style="text-transform: none;color: #000;text-align:center;width:80%;padding:0 20px;margin: auto;">
Inscrivez-vous à notre newsletter et recevez chaque semaine <strong>nos meilleures offres,</strong>
<strong>nos astuces</strong> autour de la photo et nos jeux pour gagner <strong>des cadeaux.</strong>
</p>
</div>
<div class="item-box-6 newsletter_iframe">
<div class="iframe_newsletter" align="center">
<iframe src="https://web.inxmail.com/fujifilm_france/myf_pop_up_newsletters.jsp" scrolling="no" style="margin:0 auto;height:300px;width:100%" frameborder="0" align="center">
<p>Votre navigateur ne supporte pas l'élément iframe</p>
</iframe>
</div>
</div>
</div>
</div>
</div>
<style>
.seo-content .headline-1-1{
font-size:36px;
line-height:1.4em;
text-align:center;
margin-bottom:30px;
margin:auto;
max-width:800px;
}
</style>
<section class="footer_seo">
<div class="content-wrapper">
<div class="seo-content">
<div class="line">
<div class="item-box">
<h1 class="headline-1-1 fs-2"><strong>MyFUJIFILM : votre développeur photo pour des souvenirs de qualité</strong></h1>
</div>
</div>
<div class="line">
<div class="item-box-6">
<h2 class="headline-2"><strong>Devenez un as du développement <br>photo avec MyFUJIFILM !</strong></h2>
<p>
Nous avons tous des histoires à raconter, à partager : anniversaires, voyages, vacances, naissances.
Créez avec notre site photo, de superbes albums photo !
</p>
<p>
MyFUJIFILM vous accompagne tout au long de sa réalisation : modèles, choix de couleurs, motifs illustrés, mise en page.
<br><br>
Vous êtes un as du design ? Laissez libre cours à votre créativité !
<br>
Vous faites vos premiers pas ? L’Assistant de Création MyFUJIFILM vous propose différents modèles et vous
accompagne pour développer vos photos.
</p>
<p> Laissez-vous guider ! </p>
</div>
<div class="item-box-6">
<h2 class="headline-2"><strong>L’impression photo pour redonner vie <br>à vos souvenirs</strong></h2>
<p>
Que ce soit pour un mariage, une naissance, un voyage au bout du monde, votre animal de compagnie ou simplement
des moments du quotidien, MyFUJIFILM vous permettra d'immortaliser tous ces instants uniques grâce au développement
de vos photos !
<p>
<p>
Vous pourrez ainsi les admirer au quotidien, les feuilleter avec vos proches, les afficher en poster,
en pêle-mêle ou encore avoir des objets photo inédits ! La définition unique des papiers FUJIFILM vous permettra d'apprécier et de conserver
l'authenticité de vos livres photos, album photos, posters, impressions photo.
</p>
<p>
Alors, qu’en dites-vous ?
</p>
</div>
</div>
<div class="line">
<div class="item-box-6">
<h2 class="headline-2"><strong>Le papier photo FUJIFILM pour <br>une impression photo de qualité</strong></h2>
<p>
Grâce à son savoir-faire unique et son expérience en matière de papier photo, FUJIFILM
propose des finitions et des formats des plus qualitatifs :
</p>
<p>
<ul>
<li> le papier photo offrant une netteté absolue</li>
<li> des tirages rétro façon Instax et leurs marges aux couleurs personnalisables</li>
<li> des tirages vintage InstaCollection, tout en élégance avec des marges noires et liseré blanc
(ou inversement). </li>
</ul>
</p>
<p>
Bref, vos albums photo, vos impressions photos, et objets photo personnalisés seront préservés grâce à la qualité des papiers photo FUJIFILM.
</p>
</div>
<div class="item-box-6">
<h2 class="headline-2"><strong>Tous nos produits photo en ligne</strong></h2>
<p>
Offrez des cadeaux personnalisés à ceux que vous aimez grâce à votre développeur photo.
Imprimez-les sur une coque de smartphone, un calendrier, un t-shirt, un magnet, un puzzle,
un mug, une peluche, un cahier, un sac, une carte de vœux…
</p>
<p>
Ou décorez votre intérieur, avec vos plus belles prises de vues :
nous vous proposons l’impression de vos photos sur Toile, Plexi, Aluminium, Forex ou Chromaluxe.
</p>
<p>
Vous l’aurez compris, de nombreux objets photos et déco pour tous les budgets, qu’ils soient pour vous ou des cadeaux à offrir, ils vous attendent sur notre site photo !
</p>
</div>
</div>
</div>
</div>
</section>
<style>
.newsletter_footer{
}
.newsletter_footer .item-box-6{
height: auto;
margin: auto;
}
.newsletter_content{
padding:0px;
}
.newsletter_footer h4{
color:#000;
text-align:center;
padding:0 20px;
font-size:22px
}
.newsletter_iframe{
}
@media(max-width:600px){
.newsletter_iframe,.newsletter_iframe iframe{
height:450px!important;
}
}
</style>
<style>
*{font-family: 'DM Sans', sans-serif!important;}
body{background:#FBFAFA}
.container-lg {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
.bg-white{
background:#FFF!important;
}
.text-white{
color:#FFF!important;
}
.price,.headline, .headline_6 ,.headline_5,.headline_4,.headline_7{
font-weight:bold
}
.coupon_bloc .PourCentAge{
padding:6px!important
}
@media (min-width: 992px) {
.container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
:root {
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px;
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem;
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem;
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem;
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem;
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem;
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem;
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem;
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem;
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem;
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem;
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem;
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem;
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem;
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem;
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem;
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem;
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem;
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem;
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem;
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem;
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem;
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem;
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem;
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem;
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem;
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem;
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem;
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem;
}
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5 {
margin-top: 3rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-0 {
margin-right: 0 !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.me-3 {
margin-right: 1rem !important;
}
.me-4 {
margin-right: 1.5rem !important;
}
.me-5 {
margin-right: 3rem !important;
}
.me-auto {
margin-right: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ms-0 {
margin-left: 0 !important;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.ms-2 {
margin-left: 0.5rem !important;
}
.ms-3 {
margin-left: 1rem !important;
}
.ms-4 {
margin-left: 1.5rem !important;
}
.ms-5 {
margin-left: 3rem !important;
}
.ms-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pt-4 {
padding-top: 1.5rem !important;
}
.pt-5 {
padding-top: 3rem !important;
}
.pe-0 {
padding-right: 0 !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pe-3 {
padding-right: 1rem !important;
}
.pe-4 {
padding-right: 1.5rem !important;
}
.pe-5 {
padding-right: 3rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.pb-5 {
padding-bottom: 3rem !important;
}
.ps-0 {
padding-left: 0 !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 1rem !important;
}
.ps-4 {
padding-left: 1.5rem !important;
}
.ps-5 {
padding-left: 3rem !important;
}
.font-monospace {
font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
font-size: 1.25rem !important;
}
.fs-6 {
font-size: 1rem !important;
}
.fst-italic {
font-style: italic !important;
}
.fst-normal {
font-style: normal !important;
}
.fw-lighter {
font-weight: lighter !important;
}
.fw-light {
font-weight: 300 !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-medium {
font-weight: 500 !important;
}
.fw-semibold {
font-weight: 600 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.fw-bolder {
font-weight: bolder !important;
}
.lh-1 {
line-height: 1 !important;
}
.lh-sm {
line-height: 1.25 !important;
}
.lh-base {
line-height: 1.5 !important;
}
.lh-lg {
line-height: 2 !important;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
/*-------------------------------------*/
.border-top {
border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.nav {
--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: var(--bs-secondary-color);
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.flex-column {
flex-direction: column !important;
}
.text-body-emphasis {
--bs-text-opacity: 1;
color: var(--bs-emphasis-color) !important;
}
.h-100 {
height: 100% !important;
}
/*-------------------------------------*/
:root,
[data-bs-theme=light] {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-primary-text-emphasis: #052c65;
--bs-secondary-text-emphasis: #2b2f32;
--bs-success-text-emphasis: #0a3622;
--bs-info-text-emphasis: #055160;
--bs-warning-text-emphasis: #664d03;
--bs-danger-text-emphasis: #58151c;
--bs-light-text-emphasis: #495057;
--bs-dark-text-emphasis: #495057;
--bs-primary-bg-subtle: #cfe2ff;
--bs-secondary-bg-subtle: #e2e3e5;
--bs-success-bg-subtle: #d1e7dd;
--bs-info-bg-subtle: #cff4fc;
--bs-warning-bg-subtle: #fff3cd;
--bs-danger-bg-subtle: #f8d7da;
--bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #9ec5fe;
--bs-secondary-border-subtle: #c4c8cb;
--bs-success-border-subtle: #a3cfbb;
--bs-info-border-subtle: #9eeaf9;
--bs-warning-border-subtle: #ffe69c;
--bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-heading-color: inherit;
--bs-link-color: #0d6efd;
--bs-link-color-rgb: 13, 110, 253;
--bs-link-decoration: underline;
--bs-link-hover-color: #0a58ca;
--bs-link-hover-color-rgb: 10, 88, 202;
--bs-code-color: #d63384;
--bs-highlight-color: #212529;
--bs-highlight-bg: #fff3cd;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-focus-ring-width: 0.25rem;
--bs-focus-ring-opacity: 0.25;
--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
--bs-form-valid-color: #198754;
--bs-form-valid-border-color: #198754;
--bs-form-invalid-color: #dc3545;
--bs-form-invalid-border-color: #dc3545;
}
/*-------------------------------------*/
.opacity-0 {
opacity: 0 !important;
}
.opacity-25 {
opacity: 0.25 !important;
}
.opacity-50 {
opacity: 0.5 !important;
}
.opacity-75 {
opacity: 0.75 !important;
}
.opacity-100 {
opacity: 1 !important;
}
/*-------------------------------------*/
align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
/*-------------------------------------*/
.text-bg-primary {
color: #fff !important;
background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
color: #fff !important;
background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
color: #fff !important;
background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
color: #000 !important;
background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
color: #000 !important;
background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
color: #fff !important;
background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
color: #000 !important;
background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
color: #fff !important;
/* background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;*/
background-color:#F799A6!important;
}
.img-fluid {
max-width: 100%;
height: auto;
}
/*-------------------------------------*/
.card {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-title-color: ;
--bs-card-subtitle-color: ;
--bs-card-border-width: var(--bs-border-width);
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: var(--bs-border-radius);
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: var(--bs-body-bg);
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: var(--bs-card-height);
color: var(--bs-body-color);
word-wrap: break-word;
background-color: var(--bs-card-bg);
background-clip: border-box;
border: var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius: var(--bs-card-border-radius);
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
}
.card-body {
flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color);
}
.card-title {
margin-bottom: var(--bs-card-title-spacer-y);
color: var(--bs-card-title-color);
}
.card-subtitle {
margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
margin-bottom: 0;
color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link + .card-link {
margin-left: var(--bs-card-spacer-x);
}
.card-header {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom: 0;
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
border-bottom: 0;
}
.card-header-tabs .nav-link.active {
background-color: var(--bs-card-bg);
border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: var(--bs-card-img-overlay-padding);
border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%;
}
.card-img,
.card-img-top {
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
.card-group {
display: flex;
flex-flow: row wrap;
}
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.accordion {
--bs-accordion-color: var(--bs-body-color);
--bs-accordion-bg: var(--bs-body-bg);
--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
--bs-accordion-border-color: var(--bs-border-color);
--bs-accordion-border-width: var(--bs-border-width);
--bs-accordion-border-radius: var(--bs-border-radius);
--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: var(--bs-body-color);
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-border-color: #86b7fe;
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: var(--bs-primary-text-emphasis);
--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
transition: none;
}
}
.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: var(--bs-accordion-active-bg);
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
transition: none;
}
}
.accordion-button:hover {
z-index: 2;
}
.accordion-button:focus {
z-index: 3;
border-color: var(--bs-accordion-btn-focus-border-color);
outline: 0;
box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
margin-bottom: 0;
}
.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
border-top-left-radius: var(--bs-accordion-border-radius);
border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-item:last-of-type {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush .accordion-collapse {
border-width: 0;
}
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
border-top: 0;
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.breadcrumb {
--bs-breadcrumb-padding-x: 0;
--bs-breadcrumb-padding-y: 0;
--bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ;
--bs-breadcrumb-divider-color: var(--bs-secondary-color);
--bs-breadcrumb-item-padding-x: 0.5rem;
--bs-breadcrumb-item-active-color: var(--bs-secondary-color);
display: flex;
flex-wrap: wrap;
padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
margin-bottom: var(--bs-breadcrumb-margin-bottom);
font-size: var(--bs-breadcrumb-font-size);
list-style: none;
background-color: var(--bs-breadcrumb-bg);
border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: var(--bs-breadcrumb-item-padding-x);
color: var(--bs-breadcrumb-divider-color);
content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
color: var(--bs-breadcrumb-item-active-color);
}
@media (min-width: 576px) {
.hidden-sm{
visibility: hidden !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-inline-grid {
display: inline-grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.justify-content-sm-evenly {
justify-content: space-evenly !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.order-sm-first {
order: -1 !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-last {
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mt-sm-5 {
margin-top: 3rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.me-sm-0 {
margin-right: 0 !important;
}
.me-sm-1 {
margin-right: 0.25rem !important;
}
.me-sm-2 {
margin-right: 0.5rem !important;
}
.me-sm-3 {
margin-right: 1rem !important;
}
.me-sm-4 {
margin-right: 1.5rem !important;
}
.me-sm-5 {
margin-right: 3rem !important;
}
.me-sm-auto {
margin-right: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.mb-sm-5 {
margin-bottom: 3rem !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-0 {
margin-left: 0 !important;
}
.ms-sm-1 {
margin-left: 0.25rem !important;
}
.ms-sm-2 {
margin-left: 0.5rem !important;
}
.ms-sm-3 {
margin-left: 1rem !important;
}
.ms-sm-4 {
margin-left: 1.5rem !important;
}
.ms-sm-5 {
margin-left: 3rem !important;
}
.ms-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pt-sm-5 {
padding-top: 3rem !important;
}
.pe-sm-0 {
padding-right: 0 !important;
}
.pe-sm-1 {
padding-right: 0.25rem !important;
}
.pe-sm-2 {
padding-right: 0.5rem !important;
}
.pe-sm-3 {
padding-right: 1rem !important;
}
.pe-sm-4 {
padding-right: 1.5rem !important;
}
.pe-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pb-sm-5 {
padding-bottom: 3rem !important;
}
.ps-sm-0 {
padding-left: 0 !important;
}
.ps-sm-1 {
padding-left: 0.25rem !important;
}
.ps-sm-2 {
padding-left: 0.5rem !important;
}
.ps-sm-3 {
padding-left: 1rem !important;
}
.ps-sm-4 {
padding-left: 1.5rem !important;
}
.ps-sm-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 768px) {
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-inline-grid {
display: inline-grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.justify-content-md-evenly {
justify-content: space-evenly !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
.order-md-first {
order: -1 !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-last {
order: 6 !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mt-md-5 {
margin-top: 3rem !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.me-md-0 {
margin-right: 0 !important;
}
.me-md-1 {
margin-right: 0.25rem !important;
}
.me-md-2 {
margin-right: 0.5rem !important;
}
.me-md-3 {
margin-right: 1rem !important;
}
.me-md-4 {
margin-right: 1.5rem !important;
}
.me-md-5 {
margin-right: 3rem !important;
}
.me-md-auto {
margin-right: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.mb-md-3 {
margin-bottom: 1rem !important;
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
.mb-md-5 {
margin-bottom: 3rem !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ms-md-0 {
margin-left: 0 !important;
}
.ms-md-1 {
margin-left: 0.25rem !important;
}
.ms-md-2 {
margin-left: 0.5rem !important;
}
.ms-md-3 {
margin-left: 1rem !important;
}
.ms-md-4 {
margin-left: 1.5rem !important;
}
.ms-md-5 {
margin-left: 3rem !important;
}
.ms-md-auto {
margin-left: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pt-md-5 {
padding-top: 3rem !important;
}
.pe-md-0 {
padding-right: 0 !important;
}
.pe-md-1 {
padding-right: 0.25rem !important;
}
.pe-md-2 {
padding-right: 0.5rem !important;
}
.pe-md-3 {
padding-right: 1rem !important;
}
.pe-md-4 {
padding-right: 1.5rem !important;
}
.pe-md-5 {
padding-right: 3rem !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 0.25rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pb-md-5 {
padding-bottom: 3rem !important;
}
.ps-md-0 {
padding-left: 0 !important;
}
.ps-md-1 {
padding-left: 0.25rem !important;
}
.ps-md-2 {
padding-left: 0.5rem !important;
}
.ps-md-3 {
padding-left: 1rem !important;
}
.ps-md-4 {
padding-left: 1.5rem !important;
}
.ps-md-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 992px) {
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-inline-grid {
display: inline-grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.justify-content-lg-evenly {
justify-content: space-evenly !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
.order-lg-first {
order: -1 !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-last {
order: 6 !important;
}
.visible-lg{
visibility: visible !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 0.25rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mt-lg-3 {
margin-top: 1rem !important;
}
.mt-lg-4 {
margin-top: 1.5rem !important;
}
.mt-lg-5 {
margin-top: 3rem !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.me-lg-0 {
margin-right: 0 !important;
}
.me-lg-1 {
margin-right: 0.25rem !important;
}
.me-lg-2 {
margin-right: 0.5rem !important;
}
.me-lg-3 {
margin-right: 1rem !important;
}
.me-lg-4 {
margin-right: 1.5rem !important;
}
.me-lg-5 {
margin-right: 3rem !important;
}
.me-lg-auto {
margin-right: auto !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 0.25rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.mb-lg-3 {
margin-bottom: 1rem !important;
}
.mb-lg-4 {
margin-bottom: 1.5rem !important;
}
.mb-lg-5 {
margin-bottom: 3rem !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-0 {
margin-left: 0 !important;
}
.ms-lg-1 {
margin-left: 0.25rem !important;
}
.ms-lg-2 {
margin-left: 0.5rem !important;
}
.ms-lg-3 {
margin-left: 1rem !important;
}
.ms-lg-4 {
margin-left: 1.5rem !important;
}
.ms-lg-5 {
margin-left: 3rem !important;
}
.ms-lg-auto {
margin-left: auto !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 0.25rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pt-lg-3 {
padding-top: 1rem !important;
}
.pt-lg-4 {
padding-top: 1.5rem !important;
}
.pt-lg-5 {
padding-top: 3rem !important;
}
.pe-lg-0 {
padding-right: 0 !important;
}
.pe-lg-1 {
padding-right: 0.25rem !important;
}
.pe-lg-2 {
padding-right: 0.5rem !important;
}
.pe-lg-3 {
padding-right: 1rem !important;
}
.pe-lg-4 {
padding-right: 1.5rem !important;
}
.pe-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pb-lg-3 {
padding-bottom: 1rem !important;
}
.pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.pb-lg-5 {
padding-bottom: 3rem !important;
}
.ps-lg-0 {
padding-left: 0 !important;
}
.ps-lg-1 {
padding-left: 0.25rem !important;
}
.ps-lg-2 {
padding-left: 0.5rem !important;
}
.ps-lg-3 {
padding-left: 1rem !important;
}
.ps-lg-4 {
padding-left: 1.5rem !important;
}
.ps-lg-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 1200px) {
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-inline-grid {
display: inline-grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.justify-content-xl-evenly {
justify-content: space-evenly !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
.order-xl-first {
order: -1 !important;
}
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-5 {
order: 5 !important;
}
.order-xl-last {
order: 6 !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 0.25rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mt-xl-3 {
margin-top: 1rem !important;
}
.mt-xl-4 {
margin-top: 1.5rem !important;
}
.mt-xl-5 {
margin-top: 3rem !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.me-xl-0 {
margin-right: 0 !important;
}
.me-xl-1 {
margin-right: 0.25rem !important;
}
.me-xl-2 {
margin-right: 0.5rem !important;
}
.me-xl-3 {
margin-right: 1rem !important;
}
.me-xl-4 {
margin-right: 1.5rem !important;
}
.me-xl-5 {
margin-right: 3rem !important;
}
.me-xl-auto {
margin-right: auto !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xl-3 {
margin-bottom: 1rem !important;
}
.mb-xl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xl-5 {
margin-bottom: 3rem !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-0 {
margin-left: 0 !important;
}
.ms-xl-1 {
margin-left: 0.25rem !important;
}
.ms-xl-2 {
margin-left: 0.5rem !important;
}
.ms-xl-3 {
margin-left: 1rem !important;
}
.ms-xl-4 {
margin-left: 1.5rem !important;
}
.ms-xl-5 {
margin-left: 3rem !important;
}
.ms-xl-auto {
margin-left: auto !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 0.25rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pt-xl-3 {
padding-top: 1rem !important;
}
.pt-xl-4 {
padding-top: 1.5rem !important;
}
.pt-xl-5 {
padding-top: 3rem !important;
}
.pe-xl-0 {
padding-right: 0 !important;
}
.pe-xl-1 {
padding-right: 0.25rem !important;
}
.pe-xl-2 {
padding-right: 0.5rem !important;
}
.pe-xl-3 {
padding-right: 1rem !important;
}
.pe-xl-4 {
padding-right: 1.5rem !important;
}
.pe-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xl-5 {
padding-bottom: 3rem !important;
}
.ps-xl-0 {
padding-left: 0 !important;
}
.ps-xl-1 {
padding-left: 0.25rem !important;
}
.ps-xl-2 {
padding-left: 0.5rem !important;
}
.ps-xl-3 {
padding-left: 1rem !important;
}
.ps-xl-4 {
padding-left: 1.5rem !important;
}
.ps-xl-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 1400px) {
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-inline-grid {
display: inline-grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-content-xxl-start {
align-content: flex-start !important;
}
.align-content-xxl-end {
align-content: flex-end !important;
}
.align-content-xxl-center {
align-content: center !important;
}
.align-content-xxl-between {
align-content: space-between !important;
}
.align-content-xxl-around {
align-content: space-around !important;
}
.align-content-xxl-stretch {
align-content: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
.order-xxl-first {
order: -1 !important;
}
.order-xxl-0 {
order: 0 !important;
}
.order-xxl-1 {
order: 1 !important;
}
.order-xxl-2 {
order: 2 !important;
}
.order-xxl-3 {
order: 3 !important;
}
.order-xxl-4 {
order: 4 !important;
}
.order-xxl-5 {
order: 5 !important;
}
.order-xxl-last {
order: 6 !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xxl-0 {
margin-top: 0 !important;
}
.mt-xxl-1 {
margin-top: 0.25rem !important;
}
.mt-xxl-2 {
margin-top: 0.5rem !important;
}
.mt-xxl-3 {
margin-top: 1rem !important;
}
.mt-xxl-4 {
margin-top: 1.5rem !important;
}
.mt-xxl-5 {
margin-top: 3rem !important;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.me-xxl-0 {
margin-right: 0 !important;
}
.me-xxl-1 {
margin-right: 0.25rem !important;
}
.me-xxl-2 {
margin-right: 0.5rem !important;
}
.me-xxl-3 {
margin-right: 1rem !important;
}
.me-xxl-4 {
margin-right: 1.5rem !important;
}
.me-xxl-5 {
margin-right: 3rem !important;
}
.me-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.mb-xxl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xxl-3 {
margin-bottom: 1rem !important;
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xxl-5 {
margin-bottom: 3rem !important;
}
.mb-xxl-auto {
margin-bottom: auto !important;
}
.ms-xxl-0 {
margin-left: 0 !important;
}
.ms-xxl-1 {
margin-left: 0.25rem !important;
}
.ms-xxl-2 {
margin-left: 0.5rem !important;
}
.ms-xxl-3 {
margin-left: 1rem !important;
}
.ms-xxl-4 {
margin-left: 1.5rem !important;
}
.ms-xxl-5 {
margin-left: 3rem !important;
}
.ms-xxl-auto {
margin-left: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xxl-0 {
padding-top: 0 !important;
}
.pt-xxl-1 {
padding-top: 0.25rem !important;
}
.pt-xxl-2 {
padding-top: 0.5rem !important;
}
.pt-xxl-3 {
padding-top: 1rem !important;
}
.pt-xxl-4 {
padding-top: 1.5rem !important;
}
.pt-xxl-5 {
padding-top: 3rem !important;
}
.pe-xxl-0 {
padding-right: 0 !important;
}
.pe-xxl-1 {
padding-right: 0.25rem !important;
}
.pe-xxl-2 {
padding-right: 0.5rem !important;
}
.pe-xxl-3 {
padding-right: 1rem !important;
}
.pe-xxl-4 {
padding-right: 1.5rem !important;
}
.pe-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-0 {
padding-bottom: 0 !important;
}
.pb-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xxl-3 {
padding-bottom: 1rem !important;
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xxl-5 {
padding-bottom: 3rem !important;
}
.ps-xxl-0 {
padding-left: 0 !important;
}
.ps-xxl-1 {
padding-left: 0.25rem !important;
}
.ps-xxl-2 {
padding-left: 0.5rem !important;
}
.ps-xxl-3 {
padding-left: 1rem !important;
}
.ps-xxl-4 {
padding-left: 1.5rem !important;
}
.ps-xxl-5 {
padding-left: 3rem !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-inline-grid {
display: inline-grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
/*-------------------------------------*/
@font-face {
font-family: 'DM Sans', sans-serif;
src: url(/ips-repositories/operator/27936514/newDesign/font/DMSans-Regular.ttf);
font-weight: normal;
}
@font-face {
font-family: 'DM Sans', sans-serif;
src: url(/newDesign/font/DMSans-Thin.ttf);
font-weight:light;
}
@font-face {
font-family: 'DM Sans', sans-serif!important;
src: url(/ips-repositories/operator/27936514/newDesign/font/DMSans-Bold.ttf);
font-weight:bold;
}
@font-face {
font-family: 'DM Sans', sans-serif;
src: url(/ips-repositories/operator/27936514/newDesign/font/DMSans-Bold.ttf);
font-weight:400!important;
}
</style><style>
.fs-small-muted {
font-size: 0.95rem;
color: #6b6865;
}
</style>
<div class="mentions-legales" style="background:#CAD9D4">
<div class="content-wrapper">
<div class="title-mentions-legales">
<p style="margin: 0">
• Tous les produits concernés par une promotion sont marqués avec une vignette promotionnelle.
<a class="lien-promo" href="/promos" style="color:#012a44"><u><strong>Consultez ici les conditions des offres promotionnelles</strong></u></a>
</p>
</div>
</div>
</div>
<div class="bg-white">
<div class="container-lg">
<div class="pt-4 px-3">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-5 py-4 my-3">
<div class="col-12 col-md-4 mb-3">
<ul class="nav">
<li class="nav-item">
<a class="text-body-emphasis" href="https://www.facebook.com/myFUJIFILM.FR/" target="_blank">
<div style="padding:20px;background:#F897A5">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-facebook" viewbox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg>
</div>
</a>
</li>
<li class="nav-item">
<a class="text-body-emphasis" href="https://www.instagram.com/myfujifilm.fr/" target="_blank">
<div style="padding:20px;background:#D4DE71">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-instagram" viewbox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg>
</div>
</a>
</li>
<li class="nav-item">
<a class="text-body-emphasis" href="https://www.pinterest.fr/myFUJIFILM_FRANCE/" target="_blank">
<div style="padding:20px;background:#FCCA3D">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-pinterest" viewbox="0 0 16 16">
<path d="M8 0a8 8 0 0 0-2.915 15.452c-.07-.633-.134-1.606.027-2.297.146-.625.938-3.977.938-3.977s-.239-.479-.239-1.187c0-1.113.645-1.943 1.448-1.943.682 0 1.012.512 1.012 1.127 0 .686-.437 1.712-.663 2.663-.188.796.4 1.446 1.185 1.446 1.422 0 2.515-1.5 2.515-3.664 0-1.915-1.377-3.254-3.342-3.254-2.276 0-3.612 1.707-3.612 3.471 0 .688.265 1.425.595 1.826a.24.24 0 0 1 .056.23c-.061.252-.196.796-.222.907-.035.146-.116.177-.268.107-1-.465-1.624-1.926-1.624-3.1 0-2.523 1.834-4.84 5.286-4.84 2.775 0 4.932 1.977 4.932 4.62 0 2.757-1.739 4.976-4.151 4.976-.811 0-1.573-.421-1.834-.919l-.498 1.902c-.181.695-.669 1.566-.995 2.097A8 8 0 1 0 8 0z"/>
</svg>
</div>
</a>
</li>
<li class="nav-item">
<a class="text-body-emphasis" href="https://www.tiktok.com/@myfujifilm.fr" target="_blank">
<div style="padding:20px;background:#84E3E3">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-tiktok" viewbox="0 0 16 16">
<path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3z"/>
</svg>
</div>
</a>
</li>
</ul>
</div>
<div class="row col-12 col-md-8">
<div class="col-12 col-md-4 mb-3">
<h6 class="fw-bold pb-2 fs-6">Lien utiles</h6>
<ul class="nav flex-column">
<li class="nav-item mb-1"><a href="/promos" class="nav-link p-0 fs-small-muted text-body-secondary">Les offres du moment</a></li>
<li class="nav-item mb-1"><a href="/tarifs" class="nav-link p-0 fs-small-muted text-body-secondary">Tarifs</a></li>
<li class="nav-item mb-1"><a href="/fraude" class="nav-link p-0 fs-small-muted text-body-secondary">Vigilance Fraude</a></li>
</ul>
</div>
<div class="col-12 col-md-4 mb-3">
<h6 class="fw-bold pb-2 fs-6">A propos de MyFUJIFILM</h6>
<ul class="nav flex-column">
<li class="nav-item mb-1"><a href="/qui-sommes-nous" class="nav-link p-0 fs-small-muted text-body-secondary">Qui sommes-nous ?</a></li>
<li class="nav-item mb-1"><a href="/on-parle-de-nous" class="nav-link p-0 fs-small-muted text-body-secondary">Presse</a></li>
<li class="nav-item mb-1"><a href="/influence-partenariat" class="nav-link fs-small-muted p-0 text-body-secondary">Influenceur(se) ? Collaborons</a></li>
<li class="nav-item mb-1"><a href="/demande-partenariat" class="nav-link fs-small-muted p-0 text-body-secondary">Demande de partenariat</a></li>
<li class="nav-item mb-1"><a href="/mentions-legales" class="nav-link fs-small-muted p-0 text-body-secondary">Mentions Légales</a></li>
<li class="nav-item mb-1"><a href="/conditions-generales-utilisation" class="nav-link fs-small-muted p-0 text-body-secondary">Conditions générales d'utilisation</a></li>
<li class="nav-item mb-1"><a href="/engagement-confidentialite" class="nav-link fs-small-muted p-0 text-body-secondary">Engagement de confidentialité</a></li>
<li class="nav-item mb-1"><a href="/conditions-generales-vente-en-ligne" class="nav-link fs-small-muted p-0 text-body-secondary">Conditions générales de vente</a></li>
</ul>
</div>
<div class="col-12 col-md-4 mb-3">
<h6 class="fw-bold pb-2 fs-6">Aide</h6>
<ul class="nav flex-column">
<li class="nav-item mb-1"><a href="/contact" class="nav-link p-1 fs-small-muted text-body-secondary">Contact</a></li>
<li class="nav-item mb-1"><a href="/user/myAccount.html?tab=customer-orders" class="nav-link p-1 fs-small-muted text-body-secondary">Où en est ma commande ?</a></li>
<li class="nav-item mb-1"><a href="/centre-aide" class="nav-link p-1 fs-small-muted text-body-secondary">FAQs</a></li>
<li class="nav-item mb-1"><a href="/satisfait-ou-rembourse">Satisfaits ou remboursés</a></li>
<li class="nav-item mb-1"><a href="/garanties" class="nav-link p-1 fs-small-muted text-body-secondary">Garanties</a></li>
<li class="nav-item mb-1"><a href="/SAV">SAV</a></li>
</ul>
</div>
</div>
</div>
<div class="footerLink col-12 row mt-3 pb-4 border-top">
<div class="col-12 col-sm-5 p-3">
<p class="text-secondary fw-light fs-small-muted">© MyFUJIFILM 2023</p>
</div>
</div>
</div>
</div>
<div class="sitesearch padonly">
<form action="/search/index.html" method="GET">
<div class="inner">
<div class="searchholder">
<button type="submit"><img src="/ips-repositories/operator/27936000/commons/images/icons/search.svg" title="Rechercher loupe" alt="Rechercher loupe" class="icon" width="20" height="20"></button>
<input name="search" type="text" placeholder="Rechercher">
<div class="close closesearch padonly">Fermer</div>
</div>
</div>
</form>
</div>
<div class="overlaysearch padonly"></div>
</div>
<div class="hidden">
<div class="modal" id="loginlayer" style="padding: 40px !important;">
<div class="headline_5">Login</div>
<form action="javascript:void(0)" method="post">
<fieldset>
<div class="formrow">
<label for="email">Email</label>
<input type="email" class="rounded" name="email" id="email">
</div>
<div class="formrow">
<label for="Mot de passe">Mot de passe </label>
<input type="password" class="rounded" name="pass" id="pass">
</div>
<div class="button_row" style="border-bottom: 1px solid #999;">
<div class="item" style="display:block !important;text-align:center;">
<button type="submit" id="login" class="button std">Se connecter</button>
</div>
<div class="item" style="display:block !important;text-align:center;margin-top:20px;">
<a href="/reinitialiser-mot-de-passe" title="Mot de passe oublié ?">Mot de passe oublié ?</a>
</div>
</div>
</fieldset>
</form>
<div class="modal_footer">
<div class="headline_7">Vous désirez nous rejoindre ?<br />C'est par ici :</div>
<a href="/inscrivez-vous" title="S'inscrire" class="button std">S'INSCRIRE</a>
</div>
</div><!-- // modal -->
<div class="modal mfp-hide" id="logoutlayer">
<div class="headline_6">Bonjour <span class="loggedInAs">
</span></div>
<a href="/mon-compte" title="Mon compte">Mon compte</a>
<a href="/user/myAccount.html?tab=customer-orders" title="Statut de mes commandes">Statut de mes commandes</a>
<a href="/mes-creations" title="Mes projets">Mes projets</a>
<a href="javascript:void(0)" class="logout" id="logout" title="Déconnexion">Déconnexion</a>
</div>
</div>
</body>
</html>
