css enjeux
This commit is contained in:
		
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							@@ -1711,51 +1711,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 | 
			
		||||
    background-size: 50px 50px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
#home article.node-type-static #paragraph-id--21,
 | 
			
		||||
#home article.node-type-static #paragraph-id--28 {
 | 
			
		||||
  background-color: #edefe8;
 | 
			
		||||
  position: relative;
 | 
			
		||||
  padding-bottom: 6rem;
 | 
			
		||||
}
 | 
			
		||||
#home article.node-type-static #paragraph-id--21.paragraph--type--static-parts,
 | 
			
		||||
#home article.node-type-static #paragraph-id--28.paragraph--type--static-parts {
 | 
			
		||||
  padding-top: 0 !important;
 | 
			
		||||
}
 | 
			
		||||
#home article.node-type-static #paragraph-id--21 .field_field_title,
 | 
			
		||||
#home article.node-type-static #paragraph-id--28 .field_field_title {
 | 
			
		||||
  font-family: "gilroy-bold";
 | 
			
		||||
}
 | 
			
		||||
#home article.node-type-static #paragraph-id--21 .field_field_picto,
 | 
			
		||||
#home article.node-type-static #paragraph-id--28 .field_field_picto {
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
#home article.node-type-static #paragraph-id--21 .field_field_texte,
 | 
			
		||||
#home article.node-type-static #paragraph-id--28 .field_field_texte {
 | 
			
		||||
  width: 65%;
 | 
			
		||||
  margin: auto;
 | 
			
		||||
}
 | 
			
		||||
@media (max-width: 1090px) {
 | 
			
		||||
  #home article.node-type-static #paragraph-id--21 .field_field_texte,
 | 
			
		||||
  #home article.node-type-static #paragraph-id--28 .field_field_texte {
 | 
			
		||||
    width: 80%;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto,
 | 
			
		||||
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto {
 | 
			
		||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-direction: row;
 | 
			
		||||
  flex-wrap: wrap;
 | 
			
		||||
  justify-content: flex-start;
 | 
			
		||||
  padding-left: 6rem;
 | 
			
		||||
}
 | 
			
		||||
@media (max-width: 1090px) {
 | 
			
		||||
  #home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto,
 | 
			
		||||
  #home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto {
 | 
			
		||||
    padding-left: 1.5rem;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto h3,
 | 
			
		||||
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto h3 {
 | 
			
		||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux h3 {
 | 
			
		||||
  flex: 0 80%;
 | 
			
		||||
  color: #0833c2;
 | 
			
		||||
  display: flex;
 | 
			
		||||
@@ -1764,26 +1726,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 | 
			
		||||
  padding-top: 3rem;
 | 
			
		||||
  border-top: solid 1px #0833c2;
 | 
			
		||||
}
 | 
			
		||||
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p,
 | 
			
		||||
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p {
 | 
			
		||||
  padding-right: 1rem;
 | 
			
		||||
  padding-bottom: 1rem;
 | 
			
		||||
  flex: 1 30%;
 | 
			
		||||
  max-width: 30%;
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-direction: column;
 | 
			
		||||
}
 | 
			
		||||
@media (max-width: 1090px) {
 | 
			
		||||
  #home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p,
 | 
			
		||||
  #home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p {
 | 
			
		||||
    padding-right: 1rem;
 | 
			
		||||
    flex: 1 30%;
 | 
			
		||||
    max-width: 50%;
 | 
			
		||||
    font-size: 0.9rem;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(1)::before,
 | 
			
		||||
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(1)::before {
 | 
			
		||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(1)::before {
 | 
			
		||||
  background-image: url("../img/ampoule.svg");
 | 
			
		||||
  background-size: 90px 100px;
 | 
			
		||||
  background-repeat: no-repeat;
 | 
			
		||||
@@ -1794,15 +1737,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 | 
			
		||||
  padding-bottom: 1rem;
 | 
			
		||||
}
 | 
			
		||||
@media (max-width: 810px) {
 | 
			
		||||
  #home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(1)::before,
 | 
			
		||||
  #home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(1)::before {
 | 
			
		||||
  #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(1)::before {
 | 
			
		||||
    width: 50px;
 | 
			
		||||
    height: 50px;
 | 
			
		||||
    background-size: 50px 50px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(2)::before,
 | 
			
		||||
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(2)::before {
 | 
			
		||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(2)::before {
 | 
			
		||||
  background-image: url("../img/bonhome.svg");
 | 
			
		||||
  background-size: 90px 100px;
 | 
			
		||||
  background-repeat: no-repeat;
 | 
			
		||||
@@ -1813,15 +1754,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 | 
			
		||||
  padding-bottom: 1rem;
 | 
			
		||||
}
 | 
			
		||||
@media (max-width: 810px) {
 | 
			
		||||
  #home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(2)::before,
 | 
			
		||||
  #home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(2)::before {
 | 
			
		||||
  #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(2)::before {
 | 
			
		||||
    width: 50px;
 | 
			
		||||
    height: 50px;
 | 
			
		||||
    background-size: 50px 50px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(3)::before,
 | 
			
		||||
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(3)::before {
 | 
			
		||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(3)::before {
 | 
			
		||||
  background-image: url("../img/feuilles.svg");
 | 
			
		||||
  background-size: 90px 100px;
 | 
			
		||||
  background-repeat: no-repeat;
 | 
			
		||||
@@ -1832,15 +1771,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 | 
			
		||||
  padding-bottom: 1rem;
 | 
			
		||||
}
 | 
			
		||||
@media (max-width: 810px) {
 | 
			
		||||
  #home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(3)::before,
 | 
			
		||||
  #home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(3)::before {
 | 
			
		||||
  #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(3)::before {
 | 
			
		||||
    width: 50px;
 | 
			
		||||
    height: 50px;
 | 
			
		||||
    background-size: 50px 50px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(4)::before,
 | 
			
		||||
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(4)::before {
 | 
			
		||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(4)::before {
 | 
			
		||||
  background-image: url("../img/calendrier.svg");
 | 
			
		||||
  background-size: 90px 100px;
 | 
			
		||||
  background-repeat: no-repeat;
 | 
			
		||||
@@ -1851,15 +1788,13 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 | 
			
		||||
  padding-bottom: 1rem;
 | 
			
		||||
}
 | 
			
		||||
@media (max-width: 810px) {
 | 
			
		||||
  #home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(4)::before,
 | 
			
		||||
  #home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(4)::before {
 | 
			
		||||
  #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(4)::before {
 | 
			
		||||
    width: 50px;
 | 
			
		||||
    height: 50px;
 | 
			
		||||
    background-size: 50px 50px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
#home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(5)::before,
 | 
			
		||||
#home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(5)::before {
 | 
			
		||||
#home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(5)::before {
 | 
			
		||||
  background-image: url("../img/crayons.svg");
 | 
			
		||||
  background-size: 60px 100px;
 | 
			
		||||
  background-repeat: no-repeat;
 | 
			
		||||
@@ -1870,8 +1805,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 | 
			
		||||
  padding-bottom: 1rem;
 | 
			
		||||
}
 | 
			
		||||
@media (max-width: 810px) {
 | 
			
		||||
  #home article.node-type-static #paragraph-id--21 .field_field_texte .colone-picto p:nth-of-type(5)::before,
 | 
			
		||||
  #home article.node-type-static #paragraph-id--28 .field_field_texte .colone-picto p:nth-of-type(5)::before {
 | 
			
		||||
  #home article.node-type-static #paragraph-id--1 .field_field_texte .colone-picto .enjeux p:nth-of-type(5)::before {
 | 
			
		||||
    width: 50px;
 | 
			
		||||
    height: 50px;
 | 
			
		||||
    background-size: 50px 50px;
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										5803
									
								
								web/themes/custom/quartiers_de_demain/package-lock.json
									
									
									
										generated
									
									
									
								
							
							
						
						
									
										5803
									
								
								web/themes/custom/quartiers_de_demain/package-lock.json
									
									
									
										generated
									
									
									
								
							
										
											
												File diff suppressed because it is too large
												Load Diff
											
										
									
								
							@@ -2,445 +2,14 @@
 | 
			
		||||
  "name": "quartiers_de_demain",
 | 
			
		||||
  "version": "1.0.0",
 | 
			
		||||
  "main": "index.js",
 | 
			
		||||
  "dependencies": {
 | 
			
		||||
    "@types/slick-carousel": "^1.6.40",
 | 
			
		||||
    "acorn": "^6.4.2",
 | 
			
		||||
    "ansi-colors": "^1.1.0",
 | 
			
		||||
    "ansi-cyan": "^0.1.1",
 | 
			
		||||
    "ansi-gray": "^0.1.1",
 | 
			
		||||
    "ansi-red": "^0.1.1",
 | 
			
		||||
    "ansi-regex": "^5.0.1",
 | 
			
		||||
    "ansi-styles": "^4.3.0",
 | 
			
		||||
    "ansi-wrap": "^0.1.0",
 | 
			
		||||
    "anymatch": "^3.1.3",
 | 
			
		||||
    "arch": "^2.2.0",
 | 
			
		||||
    "archive-type": "^4.0.0",
 | 
			
		||||
    "arr-diff": "^4.0.0",
 | 
			
		||||
    "arr-flatten": "^1.1.0",
 | 
			
		||||
    "arr-union": "^3.1.0",
 | 
			
		||||
    "array-each": "^1.0.1",
 | 
			
		||||
    "array-slice": "^1.1.0",
 | 
			
		||||
    "array-unique": "^0.3.2",
 | 
			
		||||
    "assign-symbols": "^1.0.0",
 | 
			
		||||
    "async-done": "^2.0.0",
 | 
			
		||||
    "async-settle": "^2.0.0",
 | 
			
		||||
    "atob": "^2.1.2",
 | 
			
		||||
    "babel": "^6.23.0",
 | 
			
		||||
    "bach": "^2.0.1",
 | 
			
		||||
    "balanced-match": "^1.0.2",
 | 
			
		||||
    "bare-events": "^2.2.2",
 | 
			
		||||
    "base64-js": "^1.5.1",
 | 
			
		||||
    "bin-build": "^3.0.0",
 | 
			
		||||
    "bin-check": "^4.1.0",
 | 
			
		||||
    "bin-version": "^3.1.0",
 | 
			
		||||
    "bin-version-check": "^4.0.0",
 | 
			
		||||
    "bin-wrapper": "^4.1.0",
 | 
			
		||||
    "binary-extensions": "^2.3.0",
 | 
			
		||||
    "bl": "^5.1.0",
 | 
			
		||||
    "boolbase": "^1.0.0",
 | 
			
		||||
    "brace-expansion": "^1.1.11",
 | 
			
		||||
    "braces": "^3.0.3",
 | 
			
		||||
    "browserslist": "^4.23.0",
 | 
			
		||||
    "buffer": "^6.0.3",
 | 
			
		||||
    "buffer-alloc": "^1.2.0",
 | 
			
		||||
    "buffer-alloc-unsafe": "^1.1.0",
 | 
			
		||||
    "buffer-crc32": "^0.2.13",
 | 
			
		||||
    "buffer-fill": "^1.0.0",
 | 
			
		||||
    "cacheable-request": "^2.1.4",
 | 
			
		||||
    "callsites": "^4.1.0",
 | 
			
		||||
    "caniuse-lite": "^1.0.30001623",
 | 
			
		||||
    "caw": "^2.0.1",
 | 
			
		||||
    "chalk": "^4.1.2",
 | 
			
		||||
    "change-file-extension": "^0.1.1",
 | 
			
		||||
    "chokidar": "^3.6.0",
 | 
			
		||||
    "clone": "^2.1.2",
 | 
			
		||||
    "clone-buffer": "^1.0.0",
 | 
			
		||||
    "clone-response": "^1.0.2",
 | 
			
		||||
    "clone-stats": "^1.0.0",
 | 
			
		||||
    "cloneable-readable": "^1.1.3",
 | 
			
		||||
    "color-convert": "^2.0.1",
 | 
			
		||||
    "color-name": "^1.1.4",
 | 
			
		||||
    "color-support": "^1.1.3",
 | 
			
		||||
    "commander": "^2.0.0",
 | 
			
		||||
    "concat-map": "^0.0.1",
 | 
			
		||||
    "concat-with-sourcemaps": "^1.1.0",
 | 
			
		||||
    "config-chain": "^1.1.13",
 | 
			
		||||
    "content-disposition": "^0.5.4",
 | 
			
		||||
    "convert-hrtime": "^5.0.0",
 | 
			
		||||
    "convert-source-map": "^2.0.0",
 | 
			
		||||
    "copy-anything": "^2.0.6",
 | 
			
		||||
    "copy-props": "^4.0.0",
 | 
			
		||||
    "core-util-is": "^1.0.3",
 | 
			
		||||
    "cross-spawn": "^6.0.5",
 | 
			
		||||
    "css": "^3.0.0",
 | 
			
		||||
    "css-select": "^4.3.0",
 | 
			
		||||
    "css-tree": "^1.1.3",
 | 
			
		||||
    "css-what": "^6.1.0",
 | 
			
		||||
    "cssbeautify": "^0.3.1",
 | 
			
		||||
    "csscomb": "^3.1.8",
 | 
			
		||||
    "csscomb-core": "^3.0.0-3.1",
 | 
			
		||||
    "csso": "^4.2.0",
 | 
			
		||||
    "d": "^1.0.2",
 | 
			
		||||
    "debug": "^3.2.7",
 | 
			
		||||
    "debug-fabulous": "^1.1.0",
 | 
			
		||||
    "decode-uri-component": "^0.2.2",
 | 
			
		||||
    "decompress": "^4.2.1",
 | 
			
		||||
    "decompress-response": "^3.3.0",
 | 
			
		||||
    "decompress-tar": "^4.1.1",
 | 
			
		||||
    "decompress-tarbz2": "^4.1.1",
 | 
			
		||||
    "decompress-targz": "^4.1.1",
 | 
			
		||||
    "decompress-unzip": "^4.0.1",
 | 
			
		||||
    "detect-file": "^1.0.0",
 | 
			
		||||
    "detect-newline": "^2.1.0",
 | 
			
		||||
    "dom-serializer": "^1.4.1",
 | 
			
		||||
    "domelementtype": "^2.3.0",
 | 
			
		||||
    "domhandler": "^4.3.1",
 | 
			
		||||
    "domutils": "^2.8.0",
 | 
			
		||||
    "dot-prop": "^8.0.2",
 | 
			
		||||
    "download": "^6.2.5",
 | 
			
		||||
    "duplexer3": "^0.1.5",
 | 
			
		||||
    "each-props": "^3.0.0",
 | 
			
		||||
    "easy-transform-stream": "^1.0.1",
 | 
			
		||||
    "electron-to-chromium": "^1.4.783",
 | 
			
		||||
    "emoji-regex": "^8.0.0",
 | 
			
		||||
    "end-of-stream": "^1.4.4",
 | 
			
		||||
    "entities": "^2.2.0",
 | 
			
		||||
    "environment": "^1.1.0",
 | 
			
		||||
    "errno": "^0.1.8",
 | 
			
		||||
    "es5-ext": "^0.10.64",
 | 
			
		||||
    "es6-iterator": "^2.0.3",
 | 
			
		||||
    "es6-symbol": "^3.1.4",
 | 
			
		||||
    "es6-weak-map": "^2.0.3",
 | 
			
		||||
    "escalade": "^3.1.2",
 | 
			
		||||
    "escape-string-regexp": "^1.0.5",
 | 
			
		||||
    "esniff": "^2.0.1",
 | 
			
		||||
    "event-emitter": "^0.3.5",
 | 
			
		||||
    "exec-buffer": "^3.2.0",
 | 
			
		||||
    "execa": "^1.0.0",
 | 
			
		||||
    "executable": "^4.1.1",
 | 
			
		||||
    "expand-tilde": "^2.0.2",
 | 
			
		||||
    "ext": "^1.7.0",
 | 
			
		||||
    "ext-list": "^2.2.2",
 | 
			
		||||
    "ext-name": "^5.0.0",
 | 
			
		||||
    "extend": "^3.0.2",
 | 
			
		||||
    "extend-shallow": "^3.0.2",
 | 
			
		||||
    "fancy-log": "^1.3.3",
 | 
			
		||||
    "fast-equals": "^5.0.1",
 | 
			
		||||
    "fast-fifo": "^1.3.2",
 | 
			
		||||
    "fast-glob": "^3.3.2",
 | 
			
		||||
    "fast-levenshtein": "^3.0.0",
 | 
			
		||||
    "fast-xml-parser": "^4.4.0",
 | 
			
		||||
    "fastest-levenshtein": "^1.0.16",
 | 
			
		||||
    "fastq": "^1.17.1",
 | 
			
		||||
    "fd-slicer": "^1.1.0",
 | 
			
		||||
    "file-type": "^19.0.0",
 | 
			
		||||
    "filename-reserved-regex": "^2.0.0",
 | 
			
		||||
    "filenamify": "^2.1.0",
 | 
			
		||||
    "fill-range": "^7.1.1",
 | 
			
		||||
    "find-versions": "^3.2.0",
 | 
			
		||||
    "findup-sync": "^5.0.0",
 | 
			
		||||
    "fined": "^2.0.0",
 | 
			
		||||
    "flagged-respawn": "^2.0.0",
 | 
			
		||||
    "for-in": "^1.0.2",
 | 
			
		||||
    "for-own": "^1.0.0",
 | 
			
		||||
    "fraction.js": "^4.3.7",
 | 
			
		||||
    "from2": "^2.3.0",
 | 
			
		||||
    "fs-constants": "^1.0.0",
 | 
			
		||||
    "fs-mkdirp-stream": "^2.0.1",
 | 
			
		||||
    "fs.realpath": "^1.0.0",
 | 
			
		||||
    "function-bind": "^1.1.2",
 | 
			
		||||
    "function-timeout": "^1.0.2",
 | 
			
		||||
    "get-caller-file": "^2.0.5",
 | 
			
		||||
    "get-proxy": "^2.1.0",
 | 
			
		||||
    "get-stream": "^4.1.0",
 | 
			
		||||
    "gifsicle": "^5.3.0",
 | 
			
		||||
    "glob": "^3.2.8",
 | 
			
		||||
    "glob-parent": "^5.1.2",
 | 
			
		||||
    "glob-stream": "^8.0.2",
 | 
			
		||||
    "glob-watcher": "^6.0.0",
 | 
			
		||||
    "global-modules": "^1.0.0",
 | 
			
		||||
    "global-prefix": "^1.0.2",
 | 
			
		||||
    "globby": "^14.0.1",
 | 
			
		||||
    "glogg": "^2.2.0",
 | 
			
		||||
    "gonzales-pe": "^3.0.0-28",
 | 
			
		||||
    "got": "^7.1.0",
 | 
			
		||||
    "graceful-fs": "^4.2.11",
 | 
			
		||||
    "gulp": "^5.0.0",
 | 
			
		||||
    "gulp-autoprefixer": "^9.0.0",
 | 
			
		||||
    "gulp-cli": "^3.0.0",
 | 
			
		||||
    "gulp-concat": "^2.6.1",
 | 
			
		||||
    "gulp-cssbeautify": "^3.0.1",
 | 
			
		||||
    "gulp-csscomb": "^3.1.0",
 | 
			
		||||
    "gulp-csso": "^4.0.1",
 | 
			
		||||
    "gulp-imagemin": "^9.1.0",
 | 
			
		||||
    "gulp-less": "^5.0.0",
 | 
			
		||||
    "gulp-load-plugins": "^2.0.8",
 | 
			
		||||
    "gulp-plugin-extras": "^1.0.0",
 | 
			
		||||
    "gulp-rename": "^2.0.0",
 | 
			
		||||
    "gulp-sass": "^5.1.0",
 | 
			
		||||
    "gulp-sourcemaps": "^3.0.0",
 | 
			
		||||
    "gulp-uglify": "^3.0.2",
 | 
			
		||||
    "gulplog": "^2.2.0",
 | 
			
		||||
    "has-flag": "^4.0.0",
 | 
			
		||||
    "has-gulplog": "^0.1.0",
 | 
			
		||||
    "has-symbol-support-x": "^1.4.2",
 | 
			
		||||
    "has-to-string-tag-x": "^1.4.1",
 | 
			
		||||
    "hasown": "^2.0.1",
 | 
			
		||||
    "homedir-polyfill": "^1.0.3",
 | 
			
		||||
    "http-cache-semantics": "^3.8.1",
 | 
			
		||||
    "human-signals": "^2.1.0",
 | 
			
		||||
    "iconv-lite": "^0.6.3",
 | 
			
		||||
    "identifier-regex": "^1.0.0",
 | 
			
		||||
    "ieee754": "^1.2.1",
 | 
			
		||||
    "ignore": "^5.3.1",
 | 
			
		||||
    "image-size": "^0.5.5",
 | 
			
		||||
    "imagemin": "^9.0.0",
 | 
			
		||||
    "imagemin-gifsicle": "^7.0.0",
 | 
			
		||||
    "imagemin-mozjpeg": "^10.0.0",
 | 
			
		||||
    "imagemin-optipng": "^8.0.0",
 | 
			
		||||
    "imagemin-svgo": "^10.0.1",
 | 
			
		||||
    "immutable": "^4.3.6",
 | 
			
		||||
    "import-lazy": "^3.1.0",
 | 
			
		||||
    "inflight": "^1.0.6",
 | 
			
		||||
    "inherits": "^2.0.4",
 | 
			
		||||
    "ini": "^1.3.8",
 | 
			
		||||
    "interpret": "^3.1.1",
 | 
			
		||||
    "into-stream": "^3.1.0",
 | 
			
		||||
    "irregular-plurals": "^3.5.0",
 | 
			
		||||
    "is-absolute": "^1.0.0",
 | 
			
		||||
    "is-binary-path": "^2.1.0",
 | 
			
		||||
    "is-core-module": "^2.13.1",
 | 
			
		||||
    "is-extendable": "^1.0.1",
 | 
			
		||||
    "is-extglob": "^2.1.1",
 | 
			
		||||
    "is-fullwidth-code-point": "^3.0.0",
 | 
			
		||||
    "is-gif": "^3.0.0",
 | 
			
		||||
    "is-glob": "^4.0.3",
 | 
			
		||||
    "is-identifier": "^1.0.0",
 | 
			
		||||
    "is-jpg": "^3.0.0",
 | 
			
		||||
    "is-natural-number": "^4.0.1",
 | 
			
		||||
    "is-negated-glob": "^1.0.0",
 | 
			
		||||
    "is-number": "^7.0.0",
 | 
			
		||||
    "is-object": "^1.0.2",
 | 
			
		||||
    "is-plain-obj": "^1.1.0",
 | 
			
		||||
    "is-plain-object": "^5.0.0",
 | 
			
		||||
    "is-png": "^2.0.0",
 | 
			
		||||
    "is-promise": "^2.2.2",
 | 
			
		||||
    "is-relative": "^1.0.0",
 | 
			
		||||
    "is-retry-allowed": "^1.2.0",
 | 
			
		||||
    "is-stream": "^1.1.0",
 | 
			
		||||
    "is-svg": "^4.4.0",
 | 
			
		||||
    "is-unc-path": "^1.0.0",
 | 
			
		||||
    "is-valid-glob": "^1.0.0",
 | 
			
		||||
    "is-what": "^3.14.1",
 | 
			
		||||
    "is-windows": "^1.0.2",
 | 
			
		||||
    "isarray": "^1.0.0",
 | 
			
		||||
    "isexe": "^2.0.0",
 | 
			
		||||
    "isobject": "^3.0.1",
 | 
			
		||||
    "isurl": "^1.0.0",
 | 
			
		||||
    "json-buffer": "^3.0.0",
 | 
			
		||||
    "junk": "^4.0.1",
 | 
			
		||||
    "keyv": "^3.0.0",
 | 
			
		||||
    "kind-of": "^1.1.0",
 | 
			
		||||
    "last-run": "^2.0.0",
 | 
			
		||||
    "lead": "^4.0.0",
 | 
			
		||||
    "less": "^4.2.0",
 | 
			
		||||
    "liftoff": "^5.0.0",
 | 
			
		||||
    "lodash.clonedeep": "^4.5.0",
 | 
			
		||||
    "lowercase-keys": "^1.0.1",
 | 
			
		||||
    "lru-cache": "^2.7.3",
 | 
			
		||||
    "lru-queue": "^0.1.0",
 | 
			
		||||
    "make-dir": "^1.3.0",
 | 
			
		||||
    "make-error": "^1.3.6",
 | 
			
		||||
    "make-error-cause": "^1.2.2",
 | 
			
		||||
    "map-cache": "^0.2.2",
 | 
			
		||||
    "mdn-data": "^2.0.14",
 | 
			
		||||
    "memoizee": "^0.4.17",
 | 
			
		||||
    "merge-stream": "^2.0.0",
 | 
			
		||||
    "merge2": "^1.4.1",
 | 
			
		||||
    "micromatch": "^4.0.7",
 | 
			
		||||
    "mime": "^1.6.0",
 | 
			
		||||
    "mime-db": "^1.52.0",
 | 
			
		||||
    "mimic-fn": "^2.1.0",
 | 
			
		||||
    "mimic-response": "^1.0.1",
 | 
			
		||||
    "minimatch": "^0.2.12",
 | 
			
		||||
    "mozjpeg": "^8.0.0",
 | 
			
		||||
    "ms": "^2.1.3",
 | 
			
		||||
    "mute-stdout": "^2.0.0",
 | 
			
		||||
    "nanoid": "^3.3.7",
 | 
			
		||||
    "needle": "^3.3.1",
 | 
			
		||||
    "next-tick": "^1.1.0",
 | 
			
		||||
    "nice-try": "^1.0.5",
 | 
			
		||||
    "node-module": "^2.0.0",
 | 
			
		||||
    "node-releases": "^2.0.14",
 | 
			
		||||
    "node-uuid": "^1.4.0",
 | 
			
		||||
    "normalize-path": "^3.0.0",
 | 
			
		||||
    "normalize-range": "^0.1.2",
 | 
			
		||||
    "normalize-url": "^2.0.1",
 | 
			
		||||
    "now-and-later": "^3.0.0",
 | 
			
		||||
    "npm-conf": "^1.1.3",
 | 
			
		||||
    "npm-run-path": "^2.0.2",
 | 
			
		||||
    "nth-check": "^2.1.1",
 | 
			
		||||
    "object-assign": "^4.1.1",
 | 
			
		||||
    "object.defaults": "^1.1.0",
 | 
			
		||||
    "object.pick": "^1.3.0",
 | 
			
		||||
    "once": "^1.4.0",
 | 
			
		||||
    "onetime": "^5.1.2",
 | 
			
		||||
    "optipng-bin": "^7.0.1",
 | 
			
		||||
    "os-filter-obj": "^2.0.0",
 | 
			
		||||
    "ow": "^2.0.0",
 | 
			
		||||
    "p-cancelable": "^0.3.0",
 | 
			
		||||
    "p-event": "^1.3.0",
 | 
			
		||||
    "p-finally": "^1.0.0",
 | 
			
		||||
    "p-is-promise": "^1.1.0",
 | 
			
		||||
    "p-map-series": "^1.0.0",
 | 
			
		||||
    "p-pipe": "^4.0.0",
 | 
			
		||||
    "p-reduce": "^1.0.0",
 | 
			
		||||
    "p-timeout": "^1.2.1",
 | 
			
		||||
    "parse-filepath": "^1.0.2",
 | 
			
		||||
    "parse-node-version": "^1.0.1",
 | 
			
		||||
    "parse-passwd": "^1.0.0",
 | 
			
		||||
    "path-is-absolute": "^1.0.1",
 | 
			
		||||
    "path-key": "^2.0.1",
 | 
			
		||||
    "path-parse": "^1.0.7",
 | 
			
		||||
    "path-root": "^0.1.1",
 | 
			
		||||
    "path-root-regex": "^0.1.2",
 | 
			
		||||
    "path-type": "^5.0.0",
 | 
			
		||||
    "peek-readable": "^5.0.0",
 | 
			
		||||
    "pend": "^1.2.0",
 | 
			
		||||
    "picocolors": "^1.0.1",
 | 
			
		||||
    "picomatch": "^2.3.1",
 | 
			
		||||
    "pify": "^4.0.1",
 | 
			
		||||
    "pinkie": "^2.0.4",
 | 
			
		||||
    "pinkie-promise": "^2.0.1",
 | 
			
		||||
    "plugin-error": "^1.0.1",
 | 
			
		||||
    "plur": "^5.1.0",
 | 
			
		||||
    "postcss": "^7.0.39",
 | 
			
		||||
    "postcss-value-parser": "^4.2.0",
 | 
			
		||||
    "prepend-http": "^1.0.4",
 | 
			
		||||
    "pretty-bytes": "^6.1.1",
 | 
			
		||||
    "process-nextick-args": "^2.0.1",
 | 
			
		||||
    "proto-list": "^1.2.4",
 | 
			
		||||
    "prr": "^1.0.1",
 | 
			
		||||
    "pseudomap": "^1.0.2",
 | 
			
		||||
    "pump": "^3.0.0",
 | 
			
		||||
    "query-string": "^5.1.1",
 | 
			
		||||
    "queue-microtask": "^1.2.3",
 | 
			
		||||
    "queue-tick": "^1.0.1",
 | 
			
		||||
    "readable-stream": "^3.6.2",
 | 
			
		||||
    "readable-web-to-node-stream": "^3.0.2",
 | 
			
		||||
    "readdirp": "^3.6.0",
 | 
			
		||||
    "rechoir": "^0.8.0",
 | 
			
		||||
    "remove-trailing-separator": "^1.1.0",
 | 
			
		||||
    "replace-ext": "^2.0.0",
 | 
			
		||||
    "replace-homedir": "^2.0.0",
 | 
			
		||||
    "require-directory": "^2.1.1",
 | 
			
		||||
    "reserved-identifiers": "^1.0.0",
 | 
			
		||||
    "resolve": "^1.22.8",
 | 
			
		||||
    "resolve-dir": "^1.0.1",
 | 
			
		||||
    "resolve-options": "^2.0.0",
 | 
			
		||||
    "responselike": "^1.0.2",
 | 
			
		||||
    "reusify": "^1.0.4",
 | 
			
		||||
    "rimraf": "^2.7.1",
 | 
			
		||||
    "run-parallel": "^1.2.0",
 | 
			
		||||
    "safe-buffer": "^5.2.1",
 | 
			
		||||
    "safer-buffer": "^2.1.2",
 | 
			
		||||
    "sax": "^1.3.0",
 | 
			
		||||
    "seek-bzip": "^1.0.6",
 | 
			
		||||
    "semver": "^5.7.2",
 | 
			
		||||
    "semver-greatest-satisfied-range": "^2.0.0",
 | 
			
		||||
    "semver-regex": "^2.0.0",
 | 
			
		||||
    "semver-truncate": "^1.1.2",
 | 
			
		||||
    "shebang-command": "^1.2.0",
 | 
			
		||||
    "shebang-regex": "^1.0.0",
 | 
			
		||||
    "sigmund": "^1.0.1",
 | 
			
		||||
    "signal-exit": "^3.0.7",
 | 
			
		||||
    "slash": "^5.1.0",
 | 
			
		||||
    "slick": "^1.12.2",
 | 
			
		||||
    "slick-carousel": "^1.8.1",
 | 
			
		||||
    "sort-keys": "^1.1.2",
 | 
			
		||||
    "sort-keys-length": "^1.0.1",
 | 
			
		||||
    "source-map": "^0.5.7",
 | 
			
		||||
    "source-map-js": "^1.2.0",
 | 
			
		||||
    "source-map-resolve": "^0.6.0",
 | 
			
		||||
    "sparkles": "^2.1.0",
 | 
			
		||||
    "stable": "^0.1.8",
 | 
			
		||||
    "stream-composer": "^1.0.2",
 | 
			
		||||
    "stream-exhaust": "^1.0.2",
 | 
			
		||||
    "streamx": "^2.16.1",
 | 
			
		||||
    "strict-uri-encode": "^1.1.0",
 | 
			
		||||
    "string_decoder": "^1.3.0",
 | 
			
		||||
    "string-width": "^4.2.3",
 | 
			
		||||
    "strip-ansi": "^6.0.1",
 | 
			
		||||
    "strip-bom-string": "^1.0.0",
 | 
			
		||||
    "strip-dirs": "^2.1.0",
 | 
			
		||||
    "strip-eof": "^1.0.0",
 | 
			
		||||
    "strip-final-newline": "^2.0.0",
 | 
			
		||||
    "strip-outer": "^1.0.1",
 | 
			
		||||
    "strnum": "^1.0.5",
 | 
			
		||||
    "strtok3": "^7.0.0",
 | 
			
		||||
    "super-regex": "^1.0.0",
 | 
			
		||||
    "supports-color": "^7.2.0",
 | 
			
		||||
    "supports-preserve-symlinks-flag": "^1.0.0",
 | 
			
		||||
    "sver": "^1.8.4",
 | 
			
		||||
    "svgo": "^2.8.0",
 | 
			
		||||
    "tar-stream": "^1.6.2",
 | 
			
		||||
    "teex": "^1.0.1",
 | 
			
		||||
    "temp-dir": "^1.0.0",
 | 
			
		||||
    "tempfile": "^2.0.0",
 | 
			
		||||
    "through": "^2.3.8",
 | 
			
		||||
    "through2": "^2.0.5",
 | 
			
		||||
    "time-span": "^5.1.0",
 | 
			
		||||
    "time-stamp": "^1.1.0",
 | 
			
		||||
    "timed-out": "^4.0.1",
 | 
			
		||||
    "timers-ext": "^0.1.7",
 | 
			
		||||
    "to-buffer": "^1.1.1",
 | 
			
		||||
    "to-regex-range": "^5.0.1",
 | 
			
		||||
    "to-through": "^3.0.0",
 | 
			
		||||
    "token-types": "^5.0.1",
 | 
			
		||||
    "trim-repeated": "^1.0.0",
 | 
			
		||||
    "tslib": "^2.6.2",
 | 
			
		||||
    "tunnel-agent": "^0.6.0",
 | 
			
		||||
    "type": "^2.7.2",
 | 
			
		||||
    "type-fest": "^3.13.1",
 | 
			
		||||
    "uglify-js": "^3.17.4",
 | 
			
		||||
    "uint8array-extras": "^1.1.0",
 | 
			
		||||
    "unbzip2-stream": "^1.4.3",
 | 
			
		||||
    "unc-path-regex": "^0.1.2",
 | 
			
		||||
    "undertaker": "^2.0.0",
 | 
			
		||||
    "undertaker-registry": "^2.0.0",
 | 
			
		||||
    "undici-types": "^5.26.5",
 | 
			
		||||
    "unicorn-magic": "^0.1.0",
 | 
			
		||||
    "update-browserslist-db": "^1.0.16",
 | 
			
		||||
    "url-parse-lax": "^1.0.0",
 | 
			
		||||
    "url-to-options": "^1.0.1",
 | 
			
		||||
    "util-deprecate": "^1.0.2",
 | 
			
		||||
    "uuid": "^3.4.0",
 | 
			
		||||
    "v8flags": "^4.0.1",
 | 
			
		||||
    "value-or-function": "^4.0.0",
 | 
			
		||||
    "vinyl": "^3.0.0",
 | 
			
		||||
    "vinyl-contents": "^2.0.0",
 | 
			
		||||
    "vinyl-fs": "^4.0.0",
 | 
			
		||||
    "vinyl-sourcemap": "^2.0.0",
 | 
			
		||||
    "vinyl-sourcemaps-apply": "^0.2.1",
 | 
			
		||||
    "vow": "^0.4.4",
 | 
			
		||||
    "vow-fs": "^0.3.2",
 | 
			
		||||
    "vow-queue": "^0.3.1",
 | 
			
		||||
    "which": "^1.3.1",
 | 
			
		||||
    "wrap-ansi": "^7.0.0",
 | 
			
		||||
    "wrappy": "^1.0.2",
 | 
			
		||||
    "xtend": "^4.0.2",
 | 
			
		||||
    "y18n": "^5.0.8",
 | 
			
		||||
    "yallist": "^2.1.2",
 | 
			
		||||
    "yargs-parser": "^20.2.9",
 | 
			
		||||
    "yauzl": "^2.10.0"
 | 
			
		||||
  },
 | 
			
		||||
  "devDependencies": {
 | 
			
		||||
    "autoprefixer": "^10.4.19",
 | 
			
		||||
    "file-loader": "^6.2.0",
 | 
			
		||||
    "postcss-loader": "^8.1.1",
 | 
			
		||||
    "sass": "^1.77.2",
 | 
			
		||||
    "sass-loader": "^14.2.1",
 | 
			
		||||
    "webpack": "^5.91.0",
 | 
			
		||||
    "webpack-cli": "^5.1.4"
 | 
			
		||||
 
 | 
			
		||||
  },
 | 
			
		||||
  "scripts": {
 | 
			
		||||
    "test": "echo \"Error: no test specified\" && exit 1",
 | 
			
		||||
@@ -449,5 +18,13 @@
 | 
			
		||||
  "keywords": [],
 | 
			
		||||
  "author": "",
 | 
			
		||||
  "license": "ISC",
 | 
			
		||||
  "description": ""
 | 
			
		||||
  "description": "",
 | 
			
		||||
  "browserslist": [
 | 
			
		||||
    "defaults",
 | 
			
		||||
    "not ie < 11",
 | 
			
		||||
    "last 2 versions",
 | 
			
		||||
    "> 1%",
 | 
			
		||||
    "iOS 7",
 | 
			
		||||
    "last 3 iOS versions"
 | 
			
		||||
  ]
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										5
									
								
								web/themes/custom/quartiers_de_demain/postcss.config.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										5
									
								
								web/themes/custom/quartiers_de_demain/postcss.config.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,5 @@
 | 
			
		||||
module.exports = {
 | 
			
		||||
    plugins: [
 | 
			
		||||
      require('autoprefixer')
 | 
			
		||||
    ]
 | 
			
		||||
  };
 | 
			
		||||
@@ -254,6 +254,7 @@
 | 
			
		||||
      logo : document.querySelectorAll('#logo-animated-container'),
 | 
			
		||||
      chapeau :  document.querySelectorAll('.field_body'),
 | 
			
		||||
      paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
 | 
			
		||||
      enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    const showUp = {
 | 
			
		||||
@@ -275,6 +276,7 @@
 | 
			
		||||
    ScrollReveal().reveal(nodes.logo, Show);
 | 
			
		||||
    ScrollReveal().reveal(nodes.chapeau, showUp);
 | 
			
		||||
    ScrollReveal().reveal(nodes.paragraph, showUp);
 | 
			
		||||
    ScrollReveal().reveal(nodes.enjeux, showUp);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -201,141 +201,249 @@
 | 
			
		||||
                        }
 | 
			
		||||
 | 
			
		||||
                    }
 | 
			
		||||
                    .enjeux{
 | 
			
		||||
                        display: flex;
 | 
			
		||||
                        flex-direction: row;
 | 
			
		||||
                        flex-wrap: wrap;
 | 
			
		||||
                        justify-content: flex-start;
 | 
			
		||||
                        h3{
 | 
			
		||||
                            flex: 0 80%;
 | 
			
		||||
                            color: #0833c2ff;
 | 
			
		||||
                            display: flex;
 | 
			
		||||
                            flex-direction: column;
 | 
			
		||||
                            font-size: 1rem;
 | 
			
		||||
                            padding-top: 3rem;
 | 
			
		||||
                            border-top: solid 1px #0833c2ff;
 | 
			
		||||
                        }
 | 
			
		||||
                        
 | 
			
		||||
                        p{
 | 
			
		||||
                        //     padding-right: 1rem;
 | 
			
		||||
                        //     padding-bottom: 1rem;
 | 
			
		||||
                        //     flex: 1 30%;
 | 
			
		||||
                        //     max-width: 30%;
 | 
			
		||||
                        //     display: flex;
 | 
			
		||||
                        //     flex-direction: column;
 | 
			
		||||
                        //     @media(max-width: 1090px){
 | 
			
		||||
                        //         padding-right: 1rem;
 | 
			
		||||
                        //         flex: 1 30%;
 | 
			
		||||
                        //         max-width: 50%;
 | 
			
		||||
                        //         font-size: 0.9rem;
 | 
			
		||||
                        //     }
 | 
			
		||||
                            
 | 
			
		||||
    
 | 
			
		||||
                            /////////
 | 
			
		||||
                            &:nth-of-type(1)::before{
 | 
			
		||||
                                background-image: url("../img/ampoule.svg");
 | 
			
		||||
                                background-size: 90px 100px;
 | 
			
		||||
                                background-repeat: no-repeat;
 | 
			
		||||
                                display: inline-block;
 | 
			
		||||
                                width: 100px;
 | 
			
		||||
                                height: 100px;
 | 
			
		||||
                                content: "";
 | 
			
		||||
                                padding-bottom: 1rem;
 | 
			
		||||
                                @media(max-width: 810px){
 | 
			
		||||
                                    width: 50px;
 | 
			
		||||
                                    height: 50px;
 | 
			
		||||
                                    background-size: 50px 50px;
 | 
			
		||||
                                }
 | 
			
		||||
                            }
 | 
			
		||||
                            &:nth-of-type(2)::before{
 | 
			
		||||
                                background-image: url("../img/bonhome.svg");
 | 
			
		||||
                                background-size: 90px 100px;
 | 
			
		||||
                                background-repeat: no-repeat;
 | 
			
		||||
                                display: inline-block;
 | 
			
		||||
                                width: 100px;
 | 
			
		||||
                                height: 100px;
 | 
			
		||||
                                content: "";
 | 
			
		||||
                                padding-bottom: 1rem;
 | 
			
		||||
                                @media(max-width: 810px){
 | 
			
		||||
                                    width: 50px;
 | 
			
		||||
                                    height: 50px;
 | 
			
		||||
                                    background-size: 50px 50px;
 | 
			
		||||
                                }
 | 
			
		||||
                            }
 | 
			
		||||
                            &:nth-of-type(3)::before{
 | 
			
		||||
                                background-image: url("../img/feuilles.svg");
 | 
			
		||||
                                background-size: 90px 100px;
 | 
			
		||||
                                background-repeat: no-repeat;
 | 
			
		||||
                                display: inline-block;
 | 
			
		||||
                                width: 100px;
 | 
			
		||||
                                height: 100px;
 | 
			
		||||
                                content: "";
 | 
			
		||||
                                padding-bottom: 1rem;
 | 
			
		||||
                                @media(max-width: 810px){
 | 
			
		||||
                                    width: 50px;
 | 
			
		||||
                                    height: 50px;
 | 
			
		||||
                                    background-size: 50px 50px;
 | 
			
		||||
                                }
 | 
			
		||||
                            }
 | 
			
		||||
                            &:nth-of-type(4)::before{
 | 
			
		||||
                                background-image: url("../img/calendrier.svg");
 | 
			
		||||
                                background-size: 90px 100px;
 | 
			
		||||
                                background-repeat: no-repeat;
 | 
			
		||||
                                display: inline-block;
 | 
			
		||||
                                width: 100px;
 | 
			
		||||
                                height: 100px;
 | 
			
		||||
                                content: "";
 | 
			
		||||
                                padding-bottom: 1rem;
 | 
			
		||||
                                @media(max-width: 810px){
 | 
			
		||||
                                    width: 50px;
 | 
			
		||||
                                    height: 50px;
 | 
			
		||||
                                    background-size: 50px 50px;
 | 
			
		||||
                                }
 | 
			
		||||
                            }
 | 
			
		||||
                            &:nth-of-type(5)::before{
 | 
			
		||||
                                background-image: url("../img/crayons.svg");
 | 
			
		||||
                                background-size: 60px 100px;
 | 
			
		||||
                                background-repeat: no-repeat;
 | 
			
		||||
                                display: inline-block;
 | 
			
		||||
                                width: 100px;
 | 
			
		||||
                                height: 100px;
 | 
			
		||||
                                content: "";
 | 
			
		||||
                                padding-bottom: 1rem;
 | 
			
		||||
                                @media(max-width: 810px){
 | 
			
		||||
                                    width: 50px;
 | 
			
		||||
                                    height: 50px;
 | 
			
		||||
                                    background-size: 50px 50px;
 | 
			
		||||
                                }
 | 
			
		||||
                            }
 | 
			
		||||
                        }
 | 
			
		||||
                    }
 | 
			
		||||
                }
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
        #paragraph-id--21,
 | 
			
		||||
        #paragraph-id--28{  ///// Les enjeux 2
 | 
			
		||||
            &.paragraph--type--static-parts{padding-top: 0 !important;}
 | 
			
		||||
            background-color: #edefe8;
 | 
			
		||||
            position: relative;
 | 
			
		||||
            padding-bottom: 6rem;
 | 
			
		||||
            .field_field_title{
 | 
			
		||||
                font-family: 'gilroy-bold';
 | 
			
		||||
            }
 | 
			
		||||
            .field_field_picto{
 | 
			
		||||
                display: none;
 | 
			
		||||
            }
 | 
			
		||||
            .field_field_texte{
 | 
			
		||||
                width: 65%;
 | 
			
		||||
                margin: auto;
 | 
			
		||||
                @media(max-width: 1090px){
 | 
			
		||||
                    width: 80%;
 | 
			
		||||
                }
 | 
			
		||||
                .colone-picto{
 | 
			
		||||
                    display: flex;
 | 
			
		||||
                    flex-direction: row;
 | 
			
		||||
                    flex-wrap: wrap;
 | 
			
		||||
                    justify-content: flex-start;
 | 
			
		||||
                    padding-left: 6rem;
 | 
			
		||||
                    @media(max-width: 1090px){
 | 
			
		||||
                        padding-left: 1.5rem;
 | 
			
		||||
                    }
 | 
			
		||||
        // #paragraph-id--21,
 | 
			
		||||
        // #paragraph-id--28{  ///// Les enjeux 2
 | 
			
		||||
        //     &.paragraph--type--static-parts{padding-top: 0 !important;}
 | 
			
		||||
        //     background-color: #edefe8;
 | 
			
		||||
        //     position: relative;
 | 
			
		||||
        //     padding-bottom: 6rem;
 | 
			
		||||
        //     .field_field_title{
 | 
			
		||||
        //         font-family: 'gilroy-bold';
 | 
			
		||||
        //     }
 | 
			
		||||
        //     .field_field_picto{
 | 
			
		||||
        //         display: none;
 | 
			
		||||
        //     }
 | 
			
		||||
        //     .field_field_texte{
 | 
			
		||||
        //         width: 65%;
 | 
			
		||||
        //         margin: auto;
 | 
			
		||||
        //         @media(max-width: 1090px){
 | 
			
		||||
        //             width: 80%;
 | 
			
		||||
        //         }
 | 
			
		||||
        //         .colone-picto{
 | 
			
		||||
        //             display: flex;
 | 
			
		||||
        //             flex-direction: row;
 | 
			
		||||
        //             flex-wrap: wrap;
 | 
			
		||||
        //             justify-content: flex-start;
 | 
			
		||||
        //             padding-left: 6rem;
 | 
			
		||||
        //             @media(max-width: 1090px){
 | 
			
		||||
        //                 padding-left: 1.5rem;
 | 
			
		||||
        //             }
 | 
			
		||||
                   
 | 
			
		||||
                    h3{
 | 
			
		||||
                        flex: 0 80%;
 | 
			
		||||
                        color: #0833c2ff;
 | 
			
		||||
                        display: flex;
 | 
			
		||||
                        flex-direction: column;
 | 
			
		||||
                        font-size: 1rem;
 | 
			
		||||
                        padding-top: 3rem;
 | 
			
		||||
                        border-top: solid 1px #0833c2ff;
 | 
			
		||||
                    }
 | 
			
		||||
        //             h3{
 | 
			
		||||
        //                 flex: 0 80%;
 | 
			
		||||
        //                 color: #0833c2ff;
 | 
			
		||||
        //                 display: flex;
 | 
			
		||||
        //                 flex-direction: column;
 | 
			
		||||
        //                 font-size: 1rem;
 | 
			
		||||
        //                 padding-top: 3rem;
 | 
			
		||||
        //                 border-top: solid 1px #0833c2ff;
 | 
			
		||||
        //             }
 | 
			
		||||
                    
 | 
			
		||||
                    p{
 | 
			
		||||
                        padding-right: 1rem;
 | 
			
		||||
                        padding-bottom: 1rem;
 | 
			
		||||
                        flex: 1 30%;
 | 
			
		||||
                        max-width: 30%;
 | 
			
		||||
                        display: flex;
 | 
			
		||||
                        flex-direction: column;
 | 
			
		||||
                        @media(max-width: 1090px){
 | 
			
		||||
                            padding-right: 1rem;
 | 
			
		||||
                            flex: 1 30%;
 | 
			
		||||
                            max-width: 50%;
 | 
			
		||||
                            font-size: 0.9rem;
 | 
			
		||||
                        }
 | 
			
		||||
        //             p{
 | 
			
		||||
        //                 padding-right: 1rem;
 | 
			
		||||
        //                 padding-bottom: 1rem;
 | 
			
		||||
        //                 flex: 1 30%;
 | 
			
		||||
        //                 max-width: 30%;
 | 
			
		||||
        //                 display: flex;
 | 
			
		||||
        //                 flex-direction: column;
 | 
			
		||||
        //                 @media(max-width: 1090px){
 | 
			
		||||
        //                     padding-right: 1rem;
 | 
			
		||||
        //                     flex: 1 30%;
 | 
			
		||||
        //                     max-width: 50%;
 | 
			
		||||
        //                     font-size: 0.9rem;
 | 
			
		||||
        //                 }
 | 
			
		||||
 | 
			
		||||
                        /////////
 | 
			
		||||
                        &:nth-of-type(1)::before{
 | 
			
		||||
                            background-image: url("../img/ampoule.svg");
 | 
			
		||||
                            background-size: 90px 100px;
 | 
			
		||||
                            background-repeat: no-repeat;
 | 
			
		||||
                            display: inline-block;
 | 
			
		||||
                            width: 100px;
 | 
			
		||||
                            height: 100px;
 | 
			
		||||
                            content: "";
 | 
			
		||||
                            padding-bottom: 1rem;
 | 
			
		||||
                            @media(max-width: 810px){
 | 
			
		||||
                                width: 50px;
 | 
			
		||||
                                height: 50px;
 | 
			
		||||
                                background-size: 50px 50px;
 | 
			
		||||
                            }
 | 
			
		||||
                        }
 | 
			
		||||
                        &:nth-of-type(2)::before{
 | 
			
		||||
                            background-image: url("../img/bonhome.svg");
 | 
			
		||||
                            background-size: 90px 100px;
 | 
			
		||||
                            background-repeat: no-repeat;
 | 
			
		||||
                            display: inline-block;
 | 
			
		||||
                            width: 100px;
 | 
			
		||||
                            height: 100px;
 | 
			
		||||
                            content: "";
 | 
			
		||||
                            padding-bottom: 1rem;
 | 
			
		||||
                            @media(max-width: 810px){
 | 
			
		||||
                                width: 50px;
 | 
			
		||||
                                height: 50px;
 | 
			
		||||
                                background-size: 50px 50px;
 | 
			
		||||
                            }
 | 
			
		||||
                        }
 | 
			
		||||
                        &:nth-of-type(3)::before{
 | 
			
		||||
                            background-image: url("../img/feuilles.svg");
 | 
			
		||||
                            background-size: 90px 100px;
 | 
			
		||||
                            background-repeat: no-repeat;
 | 
			
		||||
                            display: inline-block;
 | 
			
		||||
                            width: 100px;
 | 
			
		||||
                            height: 100px;
 | 
			
		||||
                            content: "";
 | 
			
		||||
                            padding-bottom: 1rem;
 | 
			
		||||
                            @media(max-width: 810px){
 | 
			
		||||
                                width: 50px;
 | 
			
		||||
                                height: 50px;
 | 
			
		||||
                                background-size: 50px 50px;
 | 
			
		||||
                            }
 | 
			
		||||
                        }
 | 
			
		||||
                        &:nth-of-type(4)::before{
 | 
			
		||||
                            background-image: url("../img/calendrier.svg");
 | 
			
		||||
                            background-size: 90px 100px;
 | 
			
		||||
                            background-repeat: no-repeat;
 | 
			
		||||
                            display: inline-block;
 | 
			
		||||
                            width: 100px;
 | 
			
		||||
                            height: 100px;
 | 
			
		||||
                            content: "";
 | 
			
		||||
                            padding-bottom: 1rem;
 | 
			
		||||
                            @media(max-width: 810px){
 | 
			
		||||
                                width: 50px;
 | 
			
		||||
                                height: 50px;
 | 
			
		||||
                                background-size: 50px 50px;
 | 
			
		||||
                            }
 | 
			
		||||
                        }
 | 
			
		||||
                        &:nth-of-type(5)::before{
 | 
			
		||||
                            background-image: url("../img/crayons.svg");
 | 
			
		||||
                            background-size: 60px 100px;
 | 
			
		||||
                            background-repeat: no-repeat;
 | 
			
		||||
                            display: inline-block;
 | 
			
		||||
                            width: 100px;
 | 
			
		||||
                            height: 100px;
 | 
			
		||||
                            content: "";
 | 
			
		||||
                            padding-bottom: 1rem;
 | 
			
		||||
                            @media(max-width: 810px){
 | 
			
		||||
                                width: 50px;
 | 
			
		||||
                                height: 50px;
 | 
			
		||||
                                background-size: 50px 50px;
 | 
			
		||||
                            }
 | 
			
		||||
                        }
 | 
			
		||||
                    }
 | 
			
		||||
                }
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
        //                 /////////
 | 
			
		||||
        //                 &:nth-of-type(1)::before{
 | 
			
		||||
        //                     background-image: url("../img/ampoule.svg");
 | 
			
		||||
        //                     background-size: 90px 100px;
 | 
			
		||||
        //                     background-repeat: no-repeat;
 | 
			
		||||
        //                     display: inline-block;
 | 
			
		||||
        //                     width: 100px;
 | 
			
		||||
        //                     height: 100px;
 | 
			
		||||
        //                     content: "";
 | 
			
		||||
        //                     padding-bottom: 1rem;
 | 
			
		||||
        //                     @media(max-width: 810px){
 | 
			
		||||
        //                         width: 50px;
 | 
			
		||||
        //                         height: 50px;
 | 
			
		||||
        //                         background-size: 50px 50px;
 | 
			
		||||
        //                     }
 | 
			
		||||
        //                 }
 | 
			
		||||
        //                 &:nth-of-type(2)::before{
 | 
			
		||||
        //                     background-image: url("../img/bonhome.svg");
 | 
			
		||||
        //                     background-size: 90px 100px;
 | 
			
		||||
        //                     background-repeat: no-repeat;
 | 
			
		||||
        //                     display: inline-block;
 | 
			
		||||
        //                     width: 100px;
 | 
			
		||||
        //                     height: 100px;
 | 
			
		||||
        //                     content: "";
 | 
			
		||||
        //                     padding-bottom: 1rem;
 | 
			
		||||
        //                     @media(max-width: 810px){
 | 
			
		||||
        //                         width: 50px;
 | 
			
		||||
        //                         height: 50px;
 | 
			
		||||
        //                         background-size: 50px 50px;
 | 
			
		||||
        //                     }
 | 
			
		||||
        //                 }
 | 
			
		||||
        //                 &:nth-of-type(3)::before{
 | 
			
		||||
        //                     background-image: url("../img/feuilles.svg");
 | 
			
		||||
        //                     background-size: 90px 100px;
 | 
			
		||||
        //                     background-repeat: no-repeat;
 | 
			
		||||
        //                     display: inline-block;
 | 
			
		||||
        //                     width: 100px;
 | 
			
		||||
        //                     height: 100px;
 | 
			
		||||
        //                     content: "";
 | 
			
		||||
        //                     padding-bottom: 1rem;
 | 
			
		||||
        //                     @media(max-width: 810px){
 | 
			
		||||
        //                         width: 50px;
 | 
			
		||||
        //                         height: 50px;
 | 
			
		||||
        //                         background-size: 50px 50px;
 | 
			
		||||
        //                     }
 | 
			
		||||
        //                 }
 | 
			
		||||
        //                 &:nth-of-type(4)::before{
 | 
			
		||||
        //                     background-image: url("../img/calendrier.svg");
 | 
			
		||||
        //                     background-size: 90px 100px;
 | 
			
		||||
        //                     background-repeat: no-repeat;
 | 
			
		||||
        //                     display: inline-block;
 | 
			
		||||
        //                     width: 100px;
 | 
			
		||||
        //                     height: 100px;
 | 
			
		||||
        //                     content: "";
 | 
			
		||||
        //                     padding-bottom: 1rem;
 | 
			
		||||
        //                     @media(max-width: 810px){
 | 
			
		||||
        //                         width: 50px;
 | 
			
		||||
        //                         height: 50px;
 | 
			
		||||
        //                         background-size: 50px 50px;
 | 
			
		||||
        //                     }
 | 
			
		||||
        //                 }
 | 
			
		||||
        //                 &:nth-of-type(5)::before{
 | 
			
		||||
        //                     background-image: url("../img/crayons.svg");
 | 
			
		||||
        //                     background-size: 60px 100px;
 | 
			
		||||
        //                     background-repeat: no-repeat;
 | 
			
		||||
        //                     display: inline-block;
 | 
			
		||||
        //                     width: 100px;
 | 
			
		||||
        //                     height: 100px;
 | 
			
		||||
        //                     content: "";
 | 
			
		||||
        //                     padding-bottom: 1rem;
 | 
			
		||||
        //                     @media(max-width: 810px){
 | 
			
		||||
        //                         width: 50px;
 | 
			
		||||
        //                         height: 50px;
 | 
			
		||||
        //                         background-size: 50px 50px;
 | 
			
		||||
        //                     }
 | 
			
		||||
        //                 }
 | 
			
		||||
        //             }
 | 
			
		||||
        //         }
 | 
			
		||||
        //     }
 | 
			
		||||
        // }
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
        #paragraph-id--6{  /////// quartier 2030
 | 
			
		||||
@@ -610,8 +718,8 @@
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
        
 | 
			
		||||
    
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .paragraph--type--static-parts:not(#paragraph-id--7){
 | 
			
		||||
        #svg1{
 | 
			
		||||
            display: none;
 | 
			
		||||
 
 | 
			
		||||
@@ -23,6 +23,7 @@ let config = {
 | 
			
		||||
            {
 | 
			
		||||
                test: /\.scss$/i,
 | 
			
		||||
                use: [
 | 
			
		||||
 | 
			
		||||
                    {
 | 
			
		||||
                        loader: 'file-loader',
 | 
			
		||||
                        options: {
 | 
			
		||||
@@ -46,12 +47,23 @@ let config = {
 | 
			
		||||
                      name: '[name].[ext]',
 | 
			
		||||
                      outputPath: 'fonts/'
 | 
			
		||||
                    }
 | 
			
		||||
                  }
 | 
			
		||||
                  },
 | 
			
		||||
                  {
 | 
			
		||||
                    loader: 'postcss-loader',
 | 
			
		||||
                    options: {
 | 
			
		||||
                      sourceMap: true,
 | 
			
		||||
                      config: {
 | 
			
		||||
                        path: 'postcss.config.js'
 | 
			
		||||
                      }
 | 
			
		||||
                    }
 | 
			
		||||
                  },
 | 
			
		||||
                ]
 | 
			
		||||
            },
 | 
			
		||||
            
 | 
			
		||||
 | 
			
		||||
            
 | 
			
		||||
        ],
 | 
			
		||||
        
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user