Remplacement generation config.toml par config.toml statique + ancien site et menu

contact/WWW.FUZ.RE_fichiers/adminEditScripts.js

@@ -0,0 +1,6 @@
+$(document).ready(function () {
+	$('#mainAdminBtn').click()
+
+	$()
+
+})

contact/WWW.FUZ.RE_fichiers/footer.js

@@ -0,0 +1,5 @@
+$(document).ready(function(){
+// the "href" attribute of the modal trigger must specify the modal ID that wants to be triggered
+	$('#login-modal').modal();
+
+});

contact/WWW.FUZ.RE_fichiers/init.js

@@ -0,0 +1,57 @@
+(function ($) {
+	$(function () {
+		$('.button-collapse').sideNav();
+
+
+		//effet smoothscroll
+		$('#mainNav a[href^="#"]').click(function () {
+			let the_id = $(this).attr("href");
+			if (the_id === '#' || the_id === '#!') {
+				return;
+			}
+			$('html, body').animate({
+				scrollTop: $(the_id).offset().top
+			});
+			return false;
+		});
+
+
+	}); // end of document ready
+})(jQuery); // end of jQuery name space
+
+$(document).ready(function () {
+	$('#goToParams-Unpublished').click(function () {
+		$("a[href=#options-params]").click()
+	})
+	//htmlParser.unformatBySelector('.editable');
+	$('.switchViewBtn').click(function (e) {
+		e.preventDefault()
+		let scrolled = document.documentElement.scrollTop
+		let visibleSectionId = ""
+		$('section').each(function () {
+			if (this.offsetTop > scrolled - 200 && !visibleSectionId) {
+				visibleSectionId = this.id
+
+			}
+		})
+		let href = $(this).attr('href')
+
+		window.location.href = href + '#' + visibleSectionId;
+	})
+
+	window.onscroll = function() {scrollFunction()};
+
+	function scrollFunction() {
+		if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+			document.getElementById("ScrollTopBtn").style.opacity = "1";
+		} else {
+			document.getElementById("ScrollTopBtn").style.opacity = "0";
+		}
+	}
+$('.editable a').attr('target', '_blank')
+// When the user clicks on the button, scroll to the top of the document
+	$('#ScrollTopBtn').click(()=> {
+		$('html, body').animate( { scrollTop: $('body').offset().top }, 500 ); // Go
+		return false;
+	})
+})

contact/WWW.FUZ.RE_fichiers/leaflet.css

@@ -0,0 +1,636 @@
+/* required styles */
+
+.leaflet-pane,
+.leaflet-tile,
+.leaflet-marker-icon,
+.leaflet-marker-shadow,
+.leaflet-tile-container,
+.leaflet-pane > svg,
+.leaflet-pane > canvas,
+.leaflet-zoom-box,
+.leaflet-image-layer,
+.leaflet-layer {
+	position: absolute;
+	left: 0;
+	top: 0;
+	}
+.leaflet-container {
+	overflow: hidden;
+	}
+.leaflet-tile,
+.leaflet-marker-icon,
+.leaflet-marker-shadow {
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	        user-select: none;
+	  -webkit-user-drag: none;
+	}
+/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
+.leaflet-safari .leaflet-tile {
+	image-rendering: -webkit-optimize-contrast;
+	}
+/* hack that prevents hw layers "stretching" when loading new tiles */
+.leaflet-safari .leaflet-tile-container {
+	width: 1600px;
+	height: 1600px;
+	-webkit-transform-origin: 0 0;
+	}
+.leaflet-marker-icon,
+.leaflet-marker-shadow {
+	display: block;
+	}
+/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
+/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
+.leaflet-container .leaflet-overlay-pane svg,
+.leaflet-container .leaflet-marker-pane img,
+.leaflet-container .leaflet-shadow-pane img,
+.leaflet-container .leaflet-tile-pane img,
+.leaflet-container img.leaflet-image-layer {
+	max-width: none !important;
+	max-height: none !important;
+	}
+
+.leaflet-container.leaflet-touch-zoom {
+	-ms-touch-action: pan-x pan-y;
+	touch-action: pan-x pan-y;
+	}
+.leaflet-container.leaflet-touch-drag {
+	-ms-touch-action: pinch-zoom;
+	/* Fallback for FF which doesn't support pinch-zoom */
+	touch-action: none;
+	touch-action: pinch-zoom;
+}
+.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
+	-ms-touch-action: none;
+	touch-action: none;
+}
+.leaflet-container {
+	-webkit-tap-highlight-color: transparent;
+}
+.leaflet-container a {
+	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
+}
+.leaflet-tile {
+	filter: inherit;
+	visibility: hidden;
+	}
+.leaflet-tile-loaded {
+	visibility: inherit;
+	}
+.leaflet-zoom-box {
+	width: 0;
+	height: 0;
+	-moz-box-sizing: border-box;
+	     box-sizing: border-box;
+	z-index: 800;
+	}
+/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
+.leaflet-overlay-pane svg {
+	-moz-user-select: none;
+	}
+
+.leaflet-pane         { z-index: 400; }
+
+.leaflet-tile-pane    { z-index: 200; }
+.leaflet-overlay-pane { z-index: 400; }
+.leaflet-shadow-pane  { z-index: 500; }
+.leaflet-marker-pane  { z-index: 600; }
+.leaflet-tooltip-pane   { z-index: 650; }
+.leaflet-popup-pane   { z-index: 700; }
+
+.leaflet-map-pane canvas { z-index: 100; }
+.leaflet-map-pane svg    { z-index: 200; }
+
+.leaflet-vml-shape {
+	width: 1px;
+	height: 1px;
+	}
+.lvml {
+	behavior: url(#default#VML);
+	display: inline-block;
+	position: absolute;
+	}
+
+
+/* control positioning */
+
+.leaflet-control {
+	position: relative;
+	z-index: 800;
+	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
+	pointer-events: auto;
+	}
+.leaflet-top,
+.leaflet-bottom {
+	position: absolute;
+	z-index: 1000;
+	pointer-events: none;
+	}
+.leaflet-top {
+	top: 0;
+	}
+.leaflet-right {
+	right: 0;
+	}
+.leaflet-bottom {
+	bottom: 0;
+	}
+.leaflet-left {
+	left: 0;
+	}
+.leaflet-control {
+	float: left;
+	clear: both;
+	}
+.leaflet-right .leaflet-control {
+	float: right;
+	}
+.leaflet-top .leaflet-control {
+	margin-top: 10px;
+	}
+.leaflet-bottom .leaflet-control {
+	margin-bottom: 10px;
+	}
+.leaflet-left .leaflet-control {
+	margin-left: 10px;
+	}
+.leaflet-right .leaflet-control {
+	margin-right: 10px;
+	}
+
+
+/* zoom and fade animations */
+
+.leaflet-fade-anim .leaflet-tile {
+	will-change: opacity;
+	}
+.leaflet-fade-anim .leaflet-popup {
+	opacity: 0;
+	-webkit-transition: opacity 0.2s linear;
+	   -moz-transition: opacity 0.2s linear;
+	     -o-transition: opacity 0.2s linear;
+	        transition: opacity 0.2s linear;
+	}
+.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
+	opacity: 1;
+	}
+.leaflet-zoom-animated {
+	-webkit-transform-origin: 0 0;
+	    -ms-transform-origin: 0 0;
+	        transform-origin: 0 0;
+	}
+.leaflet-zoom-anim .leaflet-zoom-animated {
+	will-change: transform;
+	}
+.leaflet-zoom-anim .leaflet-zoom-animated {
+	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
+	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
+	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
+	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
+	}
+.leaflet-zoom-anim .leaflet-tile,
+.leaflet-pan-anim .leaflet-tile {
+	-webkit-transition: none;
+	   -moz-transition: none;
+	     -o-transition: none;
+	        transition: none;
+	}
+
+.leaflet-zoom-anim .leaflet-zoom-hide {
+	visibility: hidden;
+	}
+
+
+/* cursors */
+
+.leaflet-interactive {
+	cursor: pointer;
+	}
+.leaflet-grab {
+	cursor: -webkit-grab;
+	cursor:    -moz-grab;
+	}
+.leaflet-crosshair,
+.leaflet-crosshair .leaflet-interactive {
+	cursor: crosshair;
+	}
+.leaflet-popup-pane,
+.leaflet-control {
+	cursor: auto;
+	}
+.leaflet-dragging .leaflet-grab,
+.leaflet-dragging .leaflet-grab .leaflet-interactive,
+.leaflet-dragging .leaflet-marker-draggable {
+	cursor: move;
+	cursor: -webkit-grabbing;
+	cursor:    -moz-grabbing;
+	}
+
+/* marker & overlays interactivity */
+.leaflet-marker-icon,
+.leaflet-marker-shadow,
+.leaflet-image-layer,
+.leaflet-pane > svg path,
+.leaflet-tile-container {
+	pointer-events: none;
+	}
+
+.leaflet-marker-icon.leaflet-interactive,
+.leaflet-image-layer.leaflet-interactive,
+.leaflet-pane > svg path.leaflet-interactive {
+	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
+	pointer-events: auto;
+	}
+
+/* visual tweaks */
+
+.leaflet-container {
+	background: #ddd;
+	outline: 0;
+	}
+.leaflet-container a {
+	color: #0078A8;
+	}
+.leaflet-container a.leaflet-active {
+	outline: 2px solid orange;
+	}
+.leaflet-zoom-box {
+	border: 2px dotted #38f;
+	background: rgba(255,255,255,0.5);
+	}
+
+
+/* general typography */
+.leaflet-container {
+	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
+	}
+
+
+/* general toolbar styles */
+
+.leaflet-bar {
+	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
+	border-radius: 4px;
+	}
+.leaflet-bar a,
+.leaflet-bar a:hover {
+	background-color: #fff;
+	border-bottom: 1px solid #ccc;
+	width: 26px;
+	height: 26px;
+	line-height: 26px;
+	display: block;
+	text-align: center;
+	text-decoration: none;
+	color: black;
+	}
+.leaflet-bar a,
+.leaflet-control-layers-toggle {
+	background-position: 50% 50%;
+	background-repeat: no-repeat;
+	display: block;
+	}
+.leaflet-bar a:hover {
+	background-color: #f4f4f4;
+	}
+.leaflet-bar a:first-child {
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+	}
+.leaflet-bar a:last-child {
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+	border-bottom: none;
+	}
+.leaflet-bar a.leaflet-disabled {
+	cursor: default;
+	background-color: #f4f4f4;
+	color: #bbb;
+	}
+
+.leaflet-touch .leaflet-bar a {
+	width: 30px;
+	height: 30px;
+	line-height: 30px;
+	}
+.leaflet-touch .leaflet-bar a:first-child {
+	border-top-left-radius: 2px;
+	border-top-right-radius: 2px;
+	}
+.leaflet-touch .leaflet-bar a:last-child {
+	border-bottom-left-radius: 2px;
+	border-bottom-right-radius: 2px;
+	}
+
+/* zoom control */
+
+.leaflet-control-zoom-in,
+.leaflet-control-zoom-out {
+	font: bold 18px 'Lucida Console', Monaco, monospace;
+	text-indent: 1px;
+	}
+
+.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
+	font-size: 22px;
+	}
+
+
+/* layers control */
+
+.leaflet-control-layers {
+	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
+	background: #fff;
+	border-radius: 5px;
+	}
+.leaflet-control-layers-toggle {
+	background-image: url(images/layers.png);
+	width: 36px;
+	height: 36px;
+	}
+.leaflet-retina .leaflet-control-layers-toggle {
+	background-image: url(images/layers-2x.png);
+	background-size: 26px 26px;
+	}
+.leaflet-touch .leaflet-control-layers-toggle {
+	width: 44px;
+	height: 44px;
+	}
+.leaflet-control-layers .leaflet-control-layers-list,
+.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
+	display: none;
+	}
+.leaflet-control-layers-expanded .leaflet-control-layers-list {
+	display: block;
+	position: relative;
+	}
+.leaflet-control-layers-expanded {
+	padding: 6px 10px 6px 6px;
+	color: #333;
+	background: #fff;
+	}
+.leaflet-control-layers-scrollbar {
+	overflow-y: scroll;
+	overflow-x: hidden;
+	padding-right: 5px;
+	}
+.leaflet-control-layers-selector {
+	margin-top: 2px;
+	position: relative;
+	top: 1px;
+	}
+.leaflet-control-layers label {
+	display: block;
+	}
+.leaflet-control-layers-separator {
+	height: 0;
+	border-top: 1px solid #ddd;
+	margin: 5px -10px 5px -6px;
+	}
+
+/* Default icon URLs */
+.leaflet-default-icon-path {
+	background-image: url(images/marker-icon.png);
+	}
+
+
+/* attribution and scale controls */
+
+.leaflet-container .leaflet-control-attribution {
+	background: #fff;
+	background: rgba(255, 255, 255, 0.7);
+	margin: 0;
+	}
+.leaflet-control-attribution,
+.leaflet-control-scale-line {
+	padding: 0 5px;
+	color: #333;
+	}
+.leaflet-control-attribution a {
+	text-decoration: none;
+	}
+.leaflet-control-attribution a:hover {
+	text-decoration: underline;
+	}
+.leaflet-container .leaflet-control-attribution,
+.leaflet-container .leaflet-control-scale {
+	font-size: 11px;
+	}
+.leaflet-left .leaflet-control-scale {
+	margin-left: 5px;
+	}
+.leaflet-bottom .leaflet-control-scale {
+	margin-bottom: 5px;
+	}
+.leaflet-control-scale-line {
+	border: 2px solid #777;
+	border-top: none;
+	line-height: 1.1;
+	padding: 2px 5px 1px;
+	font-size: 11px;
+	white-space: nowrap;
+	overflow: hidden;
+	-moz-box-sizing: border-box;
+	     box-sizing: border-box;
+
+	background: #fff;
+	background: rgba(255, 255, 255, 0.5);
+	}
+.leaflet-control-scale-line:not(:first-child) {
+	border-top: 2px solid #777;
+	border-bottom: none;
+	margin-top: -2px;
+	}
+.leaflet-control-scale-line:not(:first-child):not(:last-child) {
+	border-bottom: 2px solid #777;
+	}
+
+.leaflet-touch .leaflet-control-attribution,
+.leaflet-touch .leaflet-control-layers,
+.leaflet-touch .leaflet-bar {
+	box-shadow: none;
+	}
+.leaflet-touch .leaflet-control-layers,
+.leaflet-touch .leaflet-bar {
+	border: 2px solid rgba(0,0,0,0.2);
+	background-clip: padding-box;
+	}
+
+
+/* popup */
+
+.leaflet-popup {
+	position: absolute;
+	text-align: center;
+	margin-bottom: 20px;
+	}
+.leaflet-popup-content-wrapper {
+	padding: 1px;
+	text-align: left;
+	border-radius: 12px;
+	}
+.leaflet-popup-content {
+	margin: 13px 19px;
+	line-height: 1.4;
+	}
+.leaflet-popup-content p {
+	margin: 18px 0;
+	}
+.leaflet-popup-tip-container {
+	width: 40px;
+	height: 20px;
+	position: absolute;
+	left: 50%;
+	margin-left: -20px;
+	overflow: hidden;
+	pointer-events: none;
+	}
+.leaflet-popup-tip {
+	width: 17px;
+	height: 17px;
+	padding: 1px;
+
+	margin: -10px auto 0;
+
+	-webkit-transform: rotate(45deg);
+	   -moz-transform: rotate(45deg);
+	    -ms-transform: rotate(45deg);
+	     -o-transform: rotate(45deg);
+	        transform: rotate(45deg);
+	}
+.leaflet-popup-content-wrapper,
+.leaflet-popup-tip {
+	background: white;
+	color: #333;
+	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
+	}
+.leaflet-container a.leaflet-popup-close-button {
+	position: absolute;
+	top: 0;
+	right: 0;
+	padding: 4px 4px 0 0;
+	border: none;
+	text-align: center;
+	width: 18px;
+	height: 14px;
+	font: 16px/14px Tahoma, Verdana, sans-serif;
+	color: #c3c3c3;
+	text-decoration: none;
+	font-weight: bold;
+	background: transparent;
+	}
+.leaflet-container a.leaflet-popup-close-button:hover {
+	color: #999;
+	}
+.leaflet-popup-scrolled {
+	overflow: auto;
+	border-bottom: 1px solid #ddd;
+	border-top: 1px solid #ddd;
+	}
+
+.leaflet-oldie .leaflet-popup-content-wrapper {
+	zoom: 1;
+	}
+.leaflet-oldie .leaflet-popup-tip {
+	width: 24px;
+	margin: 0 auto;
+
+	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
+	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
+	}
+.leaflet-oldie .leaflet-popup-tip-container {
+	margin-top: -1px;
+	}
+
+.leaflet-oldie .leaflet-control-zoom,
+.leaflet-oldie .leaflet-control-layers,
+.leaflet-oldie .leaflet-popup-content-wrapper,
+.leaflet-oldie .leaflet-popup-tip {
+	border: 1px solid #999;
+	}
+
+
+/* div icon */
+
+.leaflet-div-icon {
+	background: #fff;
+	border: 1px solid #666;
+	}
+
+
+/* Tooltip */
+/* Base styles for the element that has a tooltip */
+.leaflet-tooltip {
+	position: absolute;
+	padding: 6px;
+	background-color: #fff;
+	border: 1px solid #fff;
+	border-radius: 3px;
+	color: #222;
+	white-space: nowrap;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	pointer-events: none;
+	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
+	}
+.leaflet-tooltip.leaflet-clickable {
+	cursor: pointer;
+	pointer-events: auto;
+	}
+.leaflet-tooltip-top:before,
+.leaflet-tooltip-bottom:before,
+.leaflet-tooltip-left:before,
+.leaflet-tooltip-right:before {
+	position: absolute;
+	pointer-events: none;
+	border: 6px solid transparent;
+	background: transparent;
+	content: "";
+	}
+
+/* Directions */
+
+.leaflet-tooltip-bottom {
+	margin-top: 6px;
+}
+.leaflet-tooltip-top {
+	margin-top: -6px;
+}
+.leaflet-tooltip-bottom:before,
+.leaflet-tooltip-top:before {
+	left: 50%;
+	margin-left: -6px;
+	}
+.leaflet-tooltip-top:before {
+	bottom: 0;
+	margin-bottom: -12px;
+	border-top-color: #fff;
+	}
+.leaflet-tooltip-bottom:before {
+	top: 0;
+	margin-top: -12px;
+	margin-left: -6px;
+	border-bottom-color: #fff;
+	}
+.leaflet-tooltip-left {
+	margin-left: -6px;
+}
+.leaflet-tooltip-right {
+	margin-left: 6px;
+}
+.leaflet-tooltip-left:before,
+.leaflet-tooltip-right:before {
+	top: 50%;
+	margin-top: -6px;
+	}
+.leaflet-tooltip-left:before {
+	right: 0;
+	margin-right: -12px;
+	border-left-color: #fff;
+	}
+.leaflet-tooltip-right:before {
+	left: 0;
+	margin-left: -12px;
+	border-right-color: #fff;
+	}

contact/WWW.FUZ.RE_fichiers/nav.js

@@ -0,0 +1,70 @@
+$(document).ready(function () {
+//pour l'édition du menu
+	$('.editMenuLabel').click(function () {
+		console.log('coucou')
+		//on récupere toutes les infos stockées dans l'id du boutton
+		let splittedId = this.id.split("-")
+		//et on remplit le formulaire caché avec
+		$('.addToMenuForm input[name = id]').val(splittedId[1])
+		//on modifie le titre et le boutton de la fenetre modale "à la sauvage"
+		$('#add-to-menu-modal h4').html("Modifier l'élement du menu");
+		$('#add-to-menu-modal button').html("Editer");
+
+		//gestion du pré-remplissage avec l'ancien nom
+		$('#add-to-menu-modal input[name=label]').val(splittedId[2]);
+		setTimeout(function () {
+			Materialize.updateTextFields();
+		},50)
+		//et on ouvre la modale
+		$('#add-to-menu-modal').modal('open');
+	})
+	$('.goToEditParams').click(function (event) {
+		event.preventDefault()
+		$("#siteOptionsModal").modal('open')
+		$("a[href=#options-params]").click()
+	})
+
+	$(".button-collapse").sideNav();
+	$('.navItems').click(()=>{
+		$('.button-collapse').sideNav('hide');
+	})
+
+	// Hide Header on on scroll down
+	var didScroll;
+	var lastScrollTop = 0;
+	var delta = 5;
+	var navbarHeight = $('#mainNav').outerHeight();
+
+	$(window).scroll(function(event){
+		didScroll = true;
+	});
+
+	setInterval(function() {
+		if (didScroll) {
+			hasScrolled();
+			didScroll = false;
+		}
+	}, 250);
+
+	function hasScrolled() {
+		var st = $(this).scrollTop();
+
+		// Make sure they scroll more than delta
+		if(Math.abs(lastScrollTop - st) <= delta)
+			return;
+
+		// If they scrolled down and are past the navbar, add class .nav-up.
+		// This is necessary so you never see what is "behind" the navbar.
+		if (st > lastScrollTop && st > navbarHeight){
+			// Scroll Down
+			$('#mainNav').removeClass('nav-down').addClass('nav-up');
+		} else {
+			// Scroll Up
+			if(st + $(window).height() < $(document).height()) {
+				$('#mainNav').removeClass('nav-up').addClass('nav-down');
+			}
+		}
+
+		lastScrollTop = st;
+	}
+})

contact/WWW.FUZ.RE_fichiers/show.js

@@ -0,0 +1,21 @@
+mymaps = {}
+mymarkers = {}
+$(document).ready(function () {
+	$('.OSMap').each(function (i, el) {
+		let lon = $(el).attr('lon')
+		let lat = $(el).attr('lat')
+		let sectionId = el.id.split("-")[1]
+
+		renderMap = function (i,lat, lon) {
+			mymaps[sectionId] = L.map('mapid-'+sectionId).setView([lat, lon], 15);
+			L.tileLayer('https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png', {
+				maxZoom: 19,
+				attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, Tiles courtesy of <a href="http://hot.openstreetmap.org/" target="_blank">Humanitarian OpenStreetMap Team</a>'
+			}).addTo(mymaps[sectionId] );
+
+
+			mymarkers[sectionId] = L.marker([lat, lon]).addTo(mymaps[sectionId] );
+		}
+		renderMap(i, lat, lon)
+	})
+})

contact/WWW.FUZ.RE_fichiers/show_002.js

@@ -0,0 +1,3 @@
+$(document).ready(function () {
+	$('.parallax').parallax();
+})

contact/WWW.FUZ.RE_fichiers/show_004.js

@@ -0,0 +1,8 @@
+$(document).ready(function () {
+	$('.headbandShowOnScroll').each(function (i, el) {
+		scrollFireOptions.push(
+			{selector: '#'+el.id, offset: 200, callback: function(el1) {
+					$(el1).animate({'left' :'-=2000'}, 300, 'swing')
+				} })
+	})
+})

contact/WWW.FUZ.RE_fichiers/style.css

@@ -0,0 +1,797 @@
+
+.material-icons {
+	font-family: 'Material Icons';
+	font-weight: normal;
+	font-style: normal;
+	font-size: 24px; /* Preferred icon size */
+	display: inline-block;
+	line-height: 1;
+	text-transform: none;
+	letter-spacing: normal;
+	word-wrap: normal;
+	white-space: nowrap;
+	direction: ltr;
+
+	/* Support for all WebKit browsers. */
+	-webkit-font-smoothing: antialiased;
+	/* Support for Safari and Chrome. */
+	text-rendering: optimizeLegibility;
+
+	/* Support for Firefox. */
+	-moz-osx-font-smoothing: grayscale;
+
+	/* Support for IE. */
+	font-feature-settings: 'liga';
+}
+
+/* Custom Stylesheet */
+/**
+ * Use this file to override Materialize files so you can update
+ * the core Materialize files in the future
+ *
+ * Made By MaterializeCSS.com
+ */
+
+body, html {
+	overflow-x: hidden;
+}
+
+nav ul a,
+nav .brand-logo {
+	color: #444;
+}
+
+p {
+	line-height: 30px;
+}
+
+.button-collapse {
+	color: #26a69a;
+}
+
+.parallax-container {
+	min-height: 380px;
+	height: auto;
+	color: rgba(255, 255, 255, .9);
+}
+
+.parallax-container .section {
+	width: 100%;
+}
+
+@media only screen and (max-width: 992px) {
+	.parallax-container .section {
+		position: absolute;
+		top: 40%;
+	}
+
+	#index-banner .section {
+		top: 10%;
+	}
+}
+
+@media only screen and (max-width: 600px) {
+	#index-banner .section {
+		top: 0;
+	}
+}
+
+.icon-block {
+	padding: 0 15px;
+}
+
+.icon-block .material-icons {
+	font-size: inherit;
+}
+
+footer.page-footer {
+	margin: 0;
+}
+
+.borderInBox {
+	-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	box-shadow: inset 0px 0px 0px 6px #C48A1B;
+}
+
+.hoverBorderInBox:hover {
+	-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	box-shadow: inset 0px 0px 0px 6px #C48A1B;
+}
+
+.hoverBorderInBox2 {
+	padding: 6px !important;
+}
+
+.hoverBorderInBox2:hover {
+
+	-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	box-shadow: inset 0px 0px 0px 6px #C48A1B;
+}
+
+/*******************************
+		COLORS
+ */
+.frama-purple {
+	background-color: #635182 !important;
+}
+
+.frama-purple-text {
+	color: #635182 !important;
+}
+
+.frama-orange {
+	background-color: #C48A1B !important;
+}
+
+.frama-orange-text {
+	color: #C48A1B !important;
+}
+
+.hover-frama-purple:hover {
+	background-color: #635182 !important;
+}
+
+.hover-frama-orange:hover {
+	background-color: #C48A1B !important;
+}
+
+.frama-border-orange:hover {
+	border: 4px solid #C48A1B
+}
+
+/****************************
+TOOLS
+ */
+.no-margin {
+	margin: 0 !important;
+}
+
+.small-margin {
+	margin: 5px !important;
+}
+
+.small-padding {
+	padding: 10px !important;
+}
+
+.no-padding {
+	padding: 0 !important;
+}
+
+.inline-block {
+	display: inline-block !important;
+}
+
+.static {
+	position: static !important;
+}
+
+.relative {
+	position: relative !important;
+}
+
+.absolute {
+	position: absolute !important;
+}
+
+.hidden {
+	visibility: hidden !important;
+}
+
+.displaynone {
+	display: none;
+}
+
+.light-opacity {
+	opacity: 0.9 !important;
+}
+
+.opacity1 {
+	opacity: 1 !important;
+}
+
+.btn-floating {
+	webkit-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	-moz-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+}
+
+.fixed {
+	position: fixed !important;
+}
+
+.big-modal {
+	width: 85% !important;
+	max-height: 80% !important;
+	height: 80% !important;
+}
+
+.small-modal {
+	width: 60% !important;
+	max-height: 50% !important;
+	height: 50% !important;
+}
+
+.show-on-li-hover {
+	visibility: hidden;
+}
+
+li:hover .show-on-li-hover {
+	visibility: visible;
+}
+
+.show-on-section-hover {
+	opacity: 0 !important;
+}
+
+section:hover .show-on-section-hover {
+	opacity: 1 !important;
+}
+
+.children-hover {
+	opacity: 0;
+}
+
+.parent-hover:hover .children-hover {
+	opacity: 1;
+}
+
+.lightButton {
+	background-color: rgba(255, 255, 255, 0.24);
+}
+
+.lightButton:hover {
+	background-color: #C48A1B;
+}
+
+.lightButton:hover i {
+	color: white !important;
+}
+
+.lightButton i {
+	color: #1e1e1e !important;
+}
+
+section:hover .show-on-li-hover {
+	visibility: visible;
+}
+
+.addSectionBtn {
+	opacity: 0;
+}
+
+.addSectionBtn-parent:hover .addSectionBtn {
+	opacity: 1;
+}
+
+.moduleBtn {
+	opacity: 0;
+}
+
+.module:hover .moduleBtn {
+	opacity: 1;
+}
+
+.edit-btn {
+	background-color: rgba(196, 138, 27, 0.89) !important;
+}
+
+.col5 {
+	width: 20%;
+}
+
+.shadow-bottom {
+	-webkit-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
+	-moz-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
+	box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
+}
+
+.light-shadow {
+	-webkit-box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
+	-moz-box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
+	box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
+}
+
+.blockList {
+	width: 100% !important;
+	break-inside: avoid-column;
+	-webkit-column-break-inside: avoid;
+	height: auto;
+}
+
+.columnContainer {
+	/* Prevent vertical gaps */
+	line-height: 0;
+
+	-webkit-column-count: 5;
+	-webkit-column-gap: 0px;
+	-moz-column-count: 5;
+	-moz-column-gap: 0px;
+	column-count: 5;
+	column-gap: 0px;
+}
+
+.columnItem {
+	/* Just in case there are inline attributes */
+
+	height: auto !important;
+	margin: 20px 10px !important;
+}
+
+@media (max-width: 1400px) {
+	.columnContainer {
+		-moz-column-count: 3;
+		-webkit-column-count: 3;
+		column-count: 3;
+	}
+}
+
+@media (max-width: 800px) {
+	.columnContainer {
+		-moz-column-count: 2;
+		-webkit-column-count: 2;
+		column-count: 2;
+	}
+}
+
+@media (max-width: 400px) {
+	.columnContainer {
+		-moz-column-count: 1;
+		-webkit-column-count: 1;
+		column-count: 1;
+	}
+}
+
+.pickUpImageToUglyForm {
+	break-inside: avoid-column;
+	-webkit-column-break-inside: avoid;
+	cursor: pointer !important;
+}
+
+.editable a {
+	color: inherit !important;
+	text-decoration: underline !important;
+}
+
+.editable b, .editable i, .editable u {
+	font-size: inherit !important;
+
+}
+
+.editable ul {
+	margin-left: 40px !important;
+}
+
+.editable li {
+	list-style-type: disc !important;
+	padding-left: 5px !important;
+}
+
+.editable h6, .editable p {
+	font-size: 1em;
+	line-height: 30px;
+	margin: 1em 0;
+}
+
+.editable h5 {
+	font-size: 1.5em !important;
+}
+
+.editable h4 {
+	font-size: 2em !important;
+}
+
+.medium-editor-button-active * {
+	color: #191919;
+}
+
+.teamImg {
+	width: 130px;
+	height: 130px;
+}
+
+.threeColumn *, .twoColumn *, .columnContainer * {
+	break-inside: avoid-column;
+	page-break-inside: avoid;
+	-webkit-column-break-inside: avoid;
+}
+
+.background-img {
+	background-size: cover;
+}
+
+.helpDiscoverUL li {
+	background-color: white;
+	border-radius: 10px;
+	color: #4f4f4f;
+	padding: 15px;
+	margin: 10px 0;
+}
+
+.helpDiscoverUL img {
+	text-align: right !important;
+}
+
+.three-block {
+	width: 33%;
+	padding: 20px 0;
+	display: inline-flex;
+}
+
+@media only screen and (max-width: 600px) {
+	.three-block {
+		width: 100%;
+	}
+
+}
+
+@media only screen and (min-width: 601px) and (max-width: 992px) {
+	.threeColumn {
+		-moz-column-count: 2;
+		-webkit-column-count: 2;
+		column-count: 2;
+
+		-webkit-column-gap: 30px;
+		-moz-column-gap: 30px;
+		column-gap: 30px;
+	}
+}
+
+@media only screen and (min-width: 993px) {
+	.threeColumnText, .threeColumn {
+		-moz-column-count: 3;
+		-webkit-column-count: 3;
+		column-count: 3;
+
+		-webkit-column-gap: 30px;
+		-moz-column-gap: 30px;
+		column-gap: 30px;
+	}
+}
+
+.flexImagesContainer {
+	width: 100% !important;
+	display: flex;
+
+}
+
+.flexImagesContainer img {
+	width: 100%;
+	height: auto;
+}
+
+.infoModule {
+	background-color: rgba(99, 81, 130, 0.51) !important;;
+}
+
+.zoomIn {
+	cursor: zoom-in;
+}
+
+.medium-editor-placeholder {
+	opacity: 0.8 !important;
+	margin: 15px 0 !important;
+	padding: -15px 0 !important;
+}
+
+.medium-editor-placeholder:after {
+
+	padding: -15px 0 !important;
+}
+
+.medium-editor-toolbar-form-active {
+	background-color: white !important;
+	color: #1c1c1c;
+	border-radius: 10px !important;
+	padding: 10px;
+	border: 4px solid #C48A1B;
+	webkit-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	-moz-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+}
+
+.medium-editor-toolbar-save, .medium-editor-toolbar-close, .medium-editor-toolbar-input {
+	color: #282828 !important;
+}
+
+.medium-editor-toolbar-input::placeholder {
+	color: #666666 !important;
+}
+
+.video-container {
+	position: relative;
+	padding-bottom: 56.25%;
+	padding-top: 30px;
+	height: 0;
+	overflow: hidden;
+}
+
+.video-container iframe,
+.video-container object,
+.video-container embed {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+.video-background {
+	background: #000;
+	position: absolute;
+	width: 100%;
+	height: auto;
+	overflow-y: hidden;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: -99;
+}
+
+.screen {
+	position: fixed;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: -10;
+}
+
+.filter-grille {
+	background-image: url(grille.png);
+	background-repeat: repeat;
+}
+
+.filter-blue {
+	background-color: rgba(35, 71, 102, 0.71);
+}
+
+.filter-orange {
+	background-color: rgba(220, 128, 5, 0.61);
+}
+
+.filter-green {
+	background-color: rgba(0, 148, 134, 0.56);
+}
+
+.filter-red {
+	background-color: rgba(93, 16, 24, 0.61);
+}
+
+.filter-dark {
+	background-color: rgba(22, 22, 22, 0.61);
+}
+
+.filter-soft {
+	background-color: rgba(255, 255, 255, 0.44);
+}
+
+.video-foreground,
+.video-background iframe {
+	position: absolute;
+	top: -15vh;
+	left: 0;
+	width: 100%;
+	height: 130vh;
+	pointer-events: none;
+}
+
+.border-orange {
+	border: 4px solid #C48A1B;
+}
+
+.modal.modal-fixed-header {
+	padding: 0;
+	height: 70%;
+}
+
+.modal.modal-fixed-header .modal-content {
+	margin-top: 50px;
+	position: absolute;
+	height: calc(100% - 50px);
+	max-height: 100%;
+	width: 100%;
+	overflow-y: auto;
+}
+
+.modal.modal-fixed-header .modal-header {
+	width: 100%;
+	height: 50px;
+	background-color: #635182 !important;
+	color: white !important;
+	position: absolute;
+	top: 0;
+}
+
+.modal.modal-fixed-header .modal-header .modal-close {
+	position: absolute;
+	right: 0;
+	top: 0;
+	padding: 5px 15px;
+
+}
+
+#tagsContainer {
+	bottom: -35px;
+	left: 250px;
+}
+
+#tagsContainer ul li {
+	display: inline;
+	padding-right: 7px;
+
+}
+
+#tagsContainer a {
+	margin-bottom: 5px !important;
+}
+
+.border-orange-tag {
+	border: 3px solid #C48A1B;
+	/*-webkit-box-shadow: 0px 0px 0px 2px #C48A1B !important;*/
+	/*box-shadow: 0px 0px 0px 2px #C48A1B !important;*/
+}
+
+.border-orange-tag i {
+	top: -3px;
+	left: -3px;
+}
+
+.module-tag:hover {
+	background-color: white !important;
+}
+
+.moduleTag:hover i {
+	color: #171717 !important;
+}
+
+.codeHiglight p, .codeHiglight h6 {
+	font-size: 0.9em;
+	line-height: 1.2em;
+	margin: 0.5em 0;
+}
+
+.codeHiglight > span {
+	display: none !important;
+}
+
+pre {
+	height: calc(100% - 60px) !important;
+	overflow-y: hidden !important;
+}
+
+pre .relative {
+	display: none !important;
+
+}
+
+pre code {
+	padding: 0 20px !important;
+}
+
+.btnDesignContainer {
+
+	z-index: 100;
+}
+
+@media only screen and (max-width: 840px) {
+	.btnDesignContainer {
+		bottom: 20px !important;
+		max-width: 100% !important;
+	}
+}
+
+@media only screen and (min-width: 840px) {
+	.btnDesignContainer {
+		padding: 30px;
+		margin: 40px;
+		bottom: 20px;
+		left: 0 !important;
+		max-width: 50vw;
+	}
+}
+
+.btnVideoDesignContainer {
+
+	z-index: 100;
+}
+
+.socialMedia {
+	display: inline-block;
+height: 110px;
+}
+
+.socialMedia a {
+
+}
+
+.socialMedia a img {
+	max-width: 4.3em !important;
+}
+.socialMedia:hover a {
+	margin: -0.3em !important;
+}
+.socialMedia:hover a img {
+	max-width: 4.6em !important;
+
+
+}
+
+@media only screen and (max-width: 840px) {
+	.btnVideoDesignContainer {
+		max-width: 100% !important;
+	}
+
+	.socialMedia {
+		width: 32%;
+	}
+}
+
+@media only screen and (min-width: 840px) {
+	.btnVideoDesignContainer {
+		padding: 50px;
+		margin: 30px;
+
+		right: 0 !important;
+		max-width: 50vw;
+	}
+
+	.socialMediaContainer {
+		display: flex;
+	}
+
+	.socialMedia {
+		flex: 1
+	}
+}
+
+.agenda-container {
+	position: relative;
+	padding-bottom: 100%;
+	padding-top: -50px;
+	height: 0;
+}
+
+.agenda-container iframe,
+.agenda-container object,
+.agenda-container embed {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+
+#mainNav {
+	height: 64px;
+	position: fixed;
+	top: 0;
+	transition: top 0.2s ease-in-out;
+	width: 100%;
+}
+
+.nav-up {
+	top: -64px !important;
+}
+#fuz {
+	width: 60%;
+	margin: auto;
+}
+#fuzion {
+	display: grid;
+	grid-template-areas: "left" "right";
+	grid-template-columns: 50% 50%;
+	background-color: grey;
+	padding-top: 1em;
+}
+.datapaulette {
+	grid-area: "left";
+}
+.jack {
+	grid-area: "right";
+}

contact/WWW.FUZ.RE_fichiers/style.css.old

@@ -0,0 +1,780 @@
+
+.material-icons {
+	font-family: 'Material Icons';
+	font-weight: normal;
+	font-style: normal;
+	font-size: 24px; /* Preferred icon size */
+	display: inline-block;
+	line-height: 1;
+	text-transform: none;
+	letter-spacing: normal;
+	word-wrap: normal;
+	white-space: nowrap;
+	direction: ltr;
+
+	/* Support for all WebKit browsers. */
+	-webkit-font-smoothing: antialiased;
+	/* Support for Safari and Chrome. */
+	text-rendering: optimizeLegibility;
+
+	/* Support for Firefox. */
+	-moz-osx-font-smoothing: grayscale;
+
+	/* Support for IE. */
+	font-feature-settings: 'liga';
+}
+
+/* Custom Stylesheet */
+/**
+ * Use this file to override Materialize files so you can update
+ * the core Materialize files in the future
+ *
+ * Made By MaterializeCSS.com
+ */
+
+body, html {
+	overflow-x: hidden;
+}
+
+nav ul a,
+nav .brand-logo {
+	color: #444;
+}
+
+p {
+	line-height: 30px;
+}
+
+.button-collapse {
+	color: #26a69a;
+}
+
+.parallax-container {
+	min-height: 380px;
+	height: auto;
+	color: rgba(255, 255, 255, .9);
+}
+
+.parallax-container .section {
+	width: 100%;
+}
+
+@media only screen and (max-width: 992px) {
+	.parallax-container .section {
+		position: absolute;
+		top: 40%;
+	}
+
+	#index-banner .section {
+		top: 10%;
+	}
+}
+
+@media only screen and (max-width: 600px) {
+	#index-banner .section {
+		top: 0;
+	}
+}
+
+.icon-block {
+	padding: 0 15px;
+}
+
+.icon-block .material-icons {
+	font-size: inherit;
+}
+
+footer.page-footer {
+	margin: 0;
+}
+
+.borderInBox {
+	-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	box-shadow: inset 0px 0px 0px 6px #C48A1B;
+}
+
+.hoverBorderInBox:hover {
+	-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	box-shadow: inset 0px 0px 0px 6px #C48A1B;
+}
+
+.hoverBorderInBox2 {
+	padding: 6px !important;
+}
+
+.hoverBorderInBox2:hover {
+
+	-webkit-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	-moz-box-shadow: inset 0px 0px 0px 6px #C48A1B;
+	box-shadow: inset 0px 0px 0px 6px #C48A1B;
+}
+
+/*******************************
+		COLORS
+ */
+.frama-purple {
+	background-color: #635182 !important;
+}
+
+.frama-purple-text {
+	color: #635182 !important;
+}
+
+.frama-orange {
+	background-color: #C48A1B !important;
+}
+
+.frama-orange-text {
+	color: #C48A1B !important;
+}
+
+.hover-frama-purple:hover {
+	background-color: #635182 !important;
+}
+
+.hover-frama-orange:hover {
+	background-color: #C48A1B !important;
+}
+
+.frama-border-orange:hover {
+	border: 4px solid #C48A1B
+}
+
+/****************************
+TOOLS
+ */
+.no-margin {
+	margin: 0 !important;
+}
+
+.small-margin {
+	margin: 5px !important;
+}
+
+.small-padding {
+	padding: 10px !important;
+}
+
+.no-padding {
+	padding: 0 !important;
+}
+
+.inline-block {
+	display: inline-block !important;
+}
+
+.static {
+	position: static !important;
+}
+
+.relative {
+	position: relative !important;
+}
+
+.absolute {
+	position: absolute !important;
+}
+
+.hidden {
+	visibility: hidden !important;
+}
+
+.displaynone {
+	display: none;
+}
+
+.light-opacity {
+	opacity: 0.9 !important;
+}
+
+.opacity1 {
+	opacity: 1 !important;
+}
+
+.btn-floating {
+	webkit-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	-moz-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+}
+
+.fixed {
+	position: fixed !important;
+}
+
+.big-modal {
+	width: 85% !important;
+	max-height: 80% !important;
+	height: 80% !important;
+}
+
+.small-modal {
+	width: 60% !important;
+	max-height: 50% !important;
+	height: 50% !important;
+}
+
+.show-on-li-hover {
+	visibility: hidden;
+}
+
+li:hover .show-on-li-hover {
+	visibility: visible;
+}
+
+.show-on-section-hover {
+	opacity: 0 !important;
+}
+
+section:hover .show-on-section-hover {
+	opacity: 1 !important;
+}
+
+.children-hover {
+	opacity: 0;
+}
+
+.parent-hover:hover .children-hover {
+	opacity: 1;
+}
+
+.lightButton {
+	background-color: rgba(255, 255, 255, 0.24);
+}
+
+.lightButton:hover {
+	background-color: #C48A1B;
+}
+
+.lightButton:hover i {
+	color: white !important;
+}
+
+.lightButton i {
+	color: #1e1e1e !important;
+}
+
+section:hover .show-on-li-hover {
+	visibility: visible;
+}
+
+.addSectionBtn {
+	opacity: 0;
+}
+
+.addSectionBtn-parent:hover .addSectionBtn {
+	opacity: 1;
+}
+
+.moduleBtn {
+	opacity: 0;
+}
+
+.module:hover .moduleBtn {
+	opacity: 1;
+}
+
+.edit-btn {
+	background-color: rgba(196, 138, 27, 0.89) !important;
+}
+
+.col5 {
+	width: 20%;
+}
+
+.shadow-bottom {
+	-webkit-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
+	-moz-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
+	box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.75);
+}
+
+.light-shadow {
+	-webkit-box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
+	-moz-box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
+	box-shadow: 6px 6px 17px -5px rgba(0, 0, 0, 0.75);
+}
+
+.blockList {
+	width: 100% !important;
+	break-inside: avoid-column;
+	-webkit-column-break-inside: avoid;
+	height: auto;
+}
+
+.columnContainer {
+	/* Prevent vertical gaps */
+	line-height: 0;
+
+	-webkit-column-count: 5;
+	-webkit-column-gap: 0px;
+	-moz-column-count: 5;
+	-moz-column-gap: 0px;
+	column-count: 5;
+	column-gap: 0px;
+}
+
+.columnItem {
+	/* Just in case there are inline attributes */
+
+	height: auto !important;
+	margin: 20px 10px !important;
+}
+
+@media (max-width: 1400px) {
+	.columnContainer {
+		-moz-column-count: 3;
+		-webkit-column-count: 3;
+		column-count: 3;
+	}
+}
+
+@media (max-width: 800px) {
+	.columnContainer {
+		-moz-column-count: 2;
+		-webkit-column-count: 2;
+		column-count: 2;
+	}
+}
+
+@media (max-width: 400px) {
+	.columnContainer {
+		-moz-column-count: 1;
+		-webkit-column-count: 1;
+		column-count: 1;
+	}
+}
+
+.pickUpImageToUglyForm {
+	break-inside: avoid-column;
+	-webkit-column-break-inside: avoid;
+	cursor: pointer !important;
+}
+
+.editable a {
+	color: inherit !important;
+	text-decoration: underline !important;
+}
+
+.editable b, .editable i, .editable u {
+	font-size: inherit !important;
+
+}
+
+.editable ul {
+	margin-left: 40px !important;
+}
+
+.editable li {
+	list-style-type: disc !important;
+	padding-left: 5px !important;
+}
+
+.editable h6, .editable p {
+	font-size: 1em;
+	line-height: 30px;
+	margin: 1em 0;
+}
+
+.editable h5 {
+	font-size: 1.5em !important;
+}
+
+.editable h4 {
+	font-size: 2em !important;
+}
+
+.medium-editor-button-active * {
+	color: #191919;
+}
+
+.teamImg {
+	width: 130px;
+	height: 130px;
+}
+
+.threeColumn *, .twoColumn *, .columnContainer * {
+	break-inside: avoid-column;
+	page-break-inside: avoid;
+	-webkit-column-break-inside: avoid;
+}
+
+.background-img {
+	background-size: cover;
+}
+
+.helpDiscoverUL li {
+	background-color: white;
+	border-radius: 10px;
+	color: #4f4f4f;
+	padding: 15px;
+	margin: 10px 0;
+}
+
+.helpDiscoverUL img {
+	text-align: right !important;
+}
+
+.three-block {
+	width: 33%;
+	padding: 20px 0;
+	display: inline-flex;
+}
+
+@media only screen and (max-width: 600px) {
+	.three-block {
+		width: 100%;
+	}
+
+}
+
+@media only screen and (min-width: 601px) and (max-width: 992px) {
+	.threeColumn {
+		-moz-column-count: 2;
+		-webkit-column-count: 2;
+		column-count: 2;
+
+		-webkit-column-gap: 30px;
+		-moz-column-gap: 30px;
+		column-gap: 30px;
+	}
+}
+
+@media only screen and (min-width: 993px) {
+	.threeColumnText, .threeColumn {
+		-moz-column-count: 3;
+		-webkit-column-count: 3;
+		column-count: 3;
+
+		-webkit-column-gap: 30px;
+		-moz-column-gap: 30px;
+		column-gap: 30px;
+	}
+}
+
+.flexImagesContainer {
+	width: 100% !important;
+	display: flex;
+
+}
+
+.flexImagesContainer img {
+	width: 100%;
+	height: auto;
+}
+
+.infoModule {
+	background-color: rgba(99, 81, 130, 0.51) !important;;
+}
+
+.zoomIn {
+	cursor: zoom-in;
+}
+
+.medium-editor-placeholder {
+	opacity: 0.8 !important;
+	margin: 15px 0 !important;
+	padding: -15px 0 !important;
+}
+
+.medium-editor-placeholder:after {
+
+	padding: -15px 0 !important;
+}
+
+.medium-editor-toolbar-form-active {
+	background-color: white !important;
+	color: #1c1c1c;
+	border-radius: 10px !important;
+	padding: 10px;
+	border: 4px solid #C48A1B;
+	webkit-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	-moz-box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+	box-shadow: 4px 4px 7px -2px rgba(0, 0, 0, 0.75) !important;
+}
+
+.medium-editor-toolbar-save, .medium-editor-toolbar-close, .medium-editor-toolbar-input {
+	color: #282828 !important;
+}
+
+.medium-editor-toolbar-input::placeholder {
+	color: #666666 !important;
+}
+
+.video-container {
+	position: relative;
+	padding-bottom: 56.25%;
+	padding-top: 30px;
+	height: 0;
+	overflow: hidden;
+}
+
+.video-container iframe,
+.video-container object,
+.video-container embed {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+.video-background {
+	background: #000;
+	position: absolute;
+	width: 100%;
+	height: auto;
+	overflow-y: hidden;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: -99;
+}
+
+.screen {
+	position: fixed;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: -10;
+}
+
+.filter-grille {
+	background-image: url(grille.png);
+	background-repeat: repeat;
+}
+
+.filter-blue {
+	background-color: rgba(35, 71, 102, 0.71);
+}
+
+.filter-orange {
+	background-color: rgba(220, 128, 5, 0.61);
+}
+
+.filter-green {
+	background-color: rgba(0, 148, 134, 0.56);
+}
+
+.filter-red {
+	background-color: rgba(93, 16, 24, 0.61);
+}
+
+.filter-dark {
+	background-color: rgba(22, 22, 22, 0.61);
+}
+
+.filter-soft {
+	background-color: rgba(255, 255, 255, 0.44);
+}
+
+.video-foreground,
+.video-background iframe {
+	position: absolute;
+	top: -15vh;
+	left: 0;
+	width: 100%;
+	height: 130vh;
+	pointer-events: none;
+}
+
+.border-orange {
+	border: 4px solid #C48A1B;
+}
+
+.modal.modal-fixed-header {
+	padding: 0;
+	height: 70%;
+}
+
+.modal.modal-fixed-header .modal-content {
+	margin-top: 50px;
+	position: absolute;
+	height: calc(100% - 50px);
+	max-height: 100%;
+	width: 100%;
+	overflow-y: auto;
+}
+
+.modal.modal-fixed-header .modal-header {
+	width: 100%;
+	height: 50px;
+	background-color: #635182 !important;
+	color: white !important;
+	position: absolute;
+	top: 0;
+}
+
+.modal.modal-fixed-header .modal-header .modal-close {
+	position: absolute;
+	right: 0;
+	top: 0;
+	padding: 5px 15px;
+
+}
+
+#tagsContainer {
+	bottom: -35px;
+	left: 250px;
+}
+
+#tagsContainer ul li {
+	display: inline;
+	padding-right: 7px;
+
+}
+
+#tagsContainer a {
+	margin-bottom: 5px !important;
+}
+
+.border-orange-tag {
+	border: 3px solid #C48A1B;
+	/*-webkit-box-shadow: 0px 0px 0px 2px #C48A1B !important;*/
+	/*box-shadow: 0px 0px 0px 2px #C48A1B !important;*/
+}
+
+.border-orange-tag i {
+	top: -3px;
+	left: -3px;
+}
+
+.module-tag:hover {
+	background-color: white !important;
+}
+
+.moduleTag:hover i {
+	color: #171717 !important;
+}
+
+.codeHiglight p, .codeHiglight h6 {
+	font-size: 0.9em;
+	line-height: 1.2em;
+	margin: 0.5em 0;
+}
+
+.codeHiglight > span {
+	display: none !important;
+}
+
+pre {
+	height: calc(100% - 60px) !important;
+	overflow-y: hidden !important;
+}
+
+pre .relative {
+	display: none !important;
+
+}
+
+pre code {
+	padding: 0 20px !important;
+}
+
+.btnDesignContainer {
+
+	z-index: 100;
+}
+
+@media only screen and (max-width: 840px) {
+	.btnDesignContainer {
+		bottom: 20px !important;
+		max-width: 100% !important;
+	}
+}
+
+@media only screen and (min-width: 840px) {
+	.btnDesignContainer {
+		padding: 30px;
+		margin: 40px;
+		bottom: 20px;
+		left: 0 !important;
+		max-width: 50vw;
+	}
+}
+
+.btnVideoDesignContainer {
+
+	z-index: 100;
+}
+
+.socialMedia {
+	display: inline-block;
+height: 110px;
+}
+
+.socialMedia a {
+
+}
+
+.socialMedia a img {
+	max-width: 4.3em !important;
+}
+.socialMedia:hover a {
+	margin: -0.3em !important;
+}
+.socialMedia:hover a img {
+	max-width: 4.6em !important;
+
+
+}
+
+@media only screen and (max-width: 840px) {
+	.btnVideoDesignContainer {
+		max-width: 100% !important;
+	}
+
+	.socialMedia {
+		width: 32%;
+	}
+}
+
+@media only screen and (min-width: 840px) {
+	.btnVideoDesignContainer {
+		padding: 50px;
+		margin: 30px;
+
+		right: 0 !important;
+		max-width: 50vw;
+	}
+
+	.socialMediaContainer {
+		display: flex;
+	}
+
+	.socialMedia {
+		flex: 1
+	}
+}
+
+.agenda-container {
+	position: relative;
+	padding-bottom: 100%;
+	padding-top: -50px;
+	height: 0;
+}
+
+.agenda-container iframe,
+.agenda-container object,
+.agenda-container embed {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+
+#mainNav {
+	height: 64px;
+	position: fixed;
+	top: 0;
+	transition: top 0.2s ease-in-out;
+	width: 100%;
+}
+
+.nav-up {
+	top: -64px !important;
+}