Projet

Général

Profil

0001-a11y-adjust-text-font-size-relative-to-browser-defau.patch

Frédéric Péters, 14 juin 2020 20:38

Télécharger (131 ko)

Voir les différences:

Subject: [PATCH] a11y: adjust text font size relative to browser default
 (#44058)

 static/alpes-maritimes-2018/_custom.scss      |  4 +-
 static/alpes-maritimes-2018/_vars.scss        |  2 +-
 static/amiens-metropole/_custom.scss          |  4 +-
 static/amiens-metropole/_footer.scss          |  2 +-
 static/amiens-metropole/_header.scss          |  2 +-
 static/amiens-metropole/_vars.scss            |  2 +-
 static/arles-2020/_vars.scss                  |  4 +-
 static/arles/_custom.scss                     | 20 ++---
 static/arles/_vars.scss                       |  2 +-
 static/arpajon/_custom.scss                   |  6 +-
 static/arpajon/_vars.scss                     |  2 +-
 static/beaulieu/_vars.scss                    |  2 +-
 static/blois-2018/_custom.scss                | 10 +--
 static/blois-2018/_vars.scss                  |  2 +-
 static/bouches-du-rhone/_custom.scss          |  2 +-
 static/bouches-du-rhone/_vars.scss            |  4 +-
 static/calvados-cd14/_custom.scss             |  2 +-
 static/calvados-cd14/_vars.scss               |  2 +-
 static/castelnau-le-lez/_custom.scss          |  4 +-
 static/castelnau-le-lez/_vars.scss            |  4 +-
 static/castries-2020/_vars.scss               |  2 +-
 static/castries/_vars.scss                    |  2 +-
 static/chateauroux/_vars.scss                 |  2 +-
 static/clapiers/_vars.scss                    |  2 +-
 static/clapotis-les-canards/_vars.scss        |  2 +-
 static/clermont-metropole/_custom.scss        |  2 +-
 static/clermont-metropole/_vars.scss          |  2 +-
 .../clisson-sevre-et-maine-agglo/_custom.scss |  4 +-
 .../clisson-sevre-et-maine-agglo/_vars.scss   |  2 +-
 static/clisson/_vars.scss                     |  2 +-
 static/cnil/_custom.scss                      | 10 +--
 static/cnil/_vars.scss                        |  4 +-
 static/cotes-d-armor/_vars.scss               |  2 +-
 static/cournonterral/_vars.scss               |  2 +-
 static/dauphine/_vars.scss                    |  2 +-
 static/dordogne-cd24/_custom.scss             | 10 +--
 static/dordogne-cd24/_vars.scss               |  4 +-
 static/dreux/_custom.scss                     |  2 +-
 static/dreux/_vars.scss                       |  2 +-
 static/entrouvert/_carrousel-references.scss  |  2 +-
 static/entrouvert/_custom.scss                |  6 +-
 static/entrouvert/_vars.scss                  |  4 +-
 static/essonne-cd91/_custom.scss              |  4 +-
 static/essonne-cd91/_vars.scss                |  4 +-
 static/fabregues/_vars.scss                   |  2 +-
 static/fondettes/_vars.scss                   |  2 +-
 static/fontenay-sous-bois-2018/_custom.scss   |  4 +-
 static/fontenay-sous-bois-2018/_vars.scss     |  4 +-
 static/gers-cd32/_custom.scss                 | 22 +++---
 static/gers-cd32/_vars.scss                   |  4 +-
 static/gorges/_vars.scss                      |  2 +-
 static/grandlyon-sau/_custom.scss             |  4 +-
 static/grandlyon-sau/_vars.scss               |  2 +-
 static/grandlyon/_custom.scss                 |  2 +-
 static/grandlyon/_vars.scss                   |  4 +-
 static/grenoble-metropole-2019/_vars.scss     |  4 +-
 static/greville-hague/_vars.scss              |  2 +-
 static/groupe-up/_custom.scss                 |  4 +-
 static/groupe-up/_vars.scss                   |  2 +-
 static/haute-garonne-cd31/_custom.scss        | 24 +++---
 static/haute-garonne-cd31/_vars.scss          |  4 +-
 static/haute-goulaine/_vars.scss              |  2 +-
 static/jobourg/_vars.scss                     |  2 +-
 static/juvignac/_vars.scss                    |  2 +-
 static/la-hague/_vars.scss                    |  2 +-
 static/la-reunion/_vars.scss                  |  2 +-
 static/la-seyne-sur-mer/_vars.scss            |  2 +-
 static/lattes/_vars.scss                      |  2 +-
 static/laverune/_vars.scss                    |  2 +-
 static/le-cres/_custom.scss                   |  2 +-
 static/le-cres/_vars.scss                     |  2 +-
 static/lenord/_custom.scss                    |  2 +-
 static/lenord/_vars.scss                      |  2 +-
 static/lille-metropole/_custom.scss           |  2 +-
 static/lille-metropole/_vars.scss             |  4 +-
 static/lille/_custom.scss                     | 42 +++++-----
 static/lille/_vars.scss                       |  2 +-
 static/lot-cd46/_vars.scss                    |  4 +-
 static/lozere/_vars.scss                      |  2 +-
 static/marcoussis/_vars.scss                  |  2 +-
 static/massoins/_vars.scss                    |  2 +-
 static/mauguio/_custom.scss                   |  2 +-
 static/mauguio/_vars.scss                     |  2 +-
 static/meaux/_vars.scss                       |  2 +-
 static/metz-metropole-2019/_custom.scss       | 40 +++++-----
 static/metz-metropole-2019/_vars.scss         |  2 +-
 static/metz/_vars.scss                        |  2 +-
 static/meudon/_custom.scss                    | 10 +--
 static/meudon/_vars.scss                      |  2 +-
 static/meyzieu-2018/_vars.scss                |  2 +-
 static/mincult/_custom.scss                   |  2 +-
 static/mincult/_vars.scss                     |  2 +-
 static/montlouis-sur-loire/_custom.scss       | 14 ++--
 static/montlouis-sur-loire/_vars.scss         |  4 +-
 static/montpellier/_custom.scss               |  6 +-
 static/montpellier/_vars.scss                 |  2 +-
 static/murviel-les-montpellier/_vars.scss     |  2 +-
 static/nanterre/_vars.scss                    |  2 +-
 static/omonville-la-rogue/_vars.scss          |  2 +-
 static/orleans/_custom.scss                   |  8 +-
 static/orleans/_vars.scss                     |  2 +-
 static/pays-de-grasse/_vars.scss              |  2 +-
 static/perols/_vars.scss                      |  2 +-
 static/perpette-les-andouillettes/_vars.scss  |  2 +-
 static/pfwb/_custom.scss                      |  2 +-
 static/pfwb/_vars.scss                        |  2 +-
 static/pratic/_vars.scss                      |  2 +-
 static/pre-saint-gervais/_custom.scss         | 38 +++++-----
 static/pre-saint-gervais/_vars.scss           |  2 +-
 static/publik/_custom.scss                    |  2 +-
 static/publik/_vars.scss                      |  2 +-
 static/quimper/_custom.scss                   | 28 +++----
 static/region-reunion/_custom.scss            |  4 +-
 static/roannais-agglomeration/_custom.scss    |  8 +-
 static/roannais-agglomeration/_vars.scss      |  2 +-
 static/rochefort/_custom.scss                 |  6 +-
 static/rochefort/_vars.scss                   |  2 +-
 static/saint-bres/_vars.scss                  |  2 +-
 static/saint-chamond/_custom.scss             |  8 +-
 static/saint-chamond/_vars.scss               |  2 +-
 static/saint-denis/_custom.scss               | 20 ++---
 static/saint-denis/_vars.scss                 |  6 +-
 static/saint-drezery/_vars.scss               |  2 +-
 static/saint-genies-des-mourgues/_vars.scss   |  2 +-
 static/saint-georges-d-orques/_vars.scss      |  2 +-
 static/saint-jean-de-vedas/_vars.scss         |  2 +-
 static/saint-laurent-du-var/_custom.scss      |  2 +-
 static/saint-lo-agglo/_custom.scss            |  2 +-
 static/saint-lo-agglo/_vars.scss              |  2 +-
 static/saint-vallier-de-thiey/_custom.scss    |  2 +-
 static/saint-vallier-de-thiey/_vars.scss      |  2 +-
 static/saone-et-loire-cd71-2019/_custom.scss  |  4 +-
 static/saone-et-loire-cd71-2019/_vars.scss    |  4 +-
 static/saone-et-loire-cd71/_vars.scss         |  2 +-
 static/seine-et-marne-apa/_custom.scss        |  6 +-
 static/seine-et-marne-apa/_vars.scss          |  2 +-
 static/seine-et-marne/_vars.scss              |  2 +-
 static/sens/_custom.scss                      |  6 +-
 static/sens/_vars.scss                        |  4 +-
 static/sicoval/_vars.scss                     |  2 +-
 static/signal-publik/_custom.scss             | 20 ++---
 static/somme-cd80/_vars.scss                  |  2 +-
 static/sospel/_vars.scss                      |  2 +-
 static/strasbourg-2018/_custom.scss           | 10 +--
 static/strasbourg-2018/_vars.scss             |  2 +-
 static/sussargues/_vars.scss                  |  2 +-
 static/tonneville/_vars.scss                  |  2 +-
 static/toodego/_atmo.scss                     | 10 +--
 static/toodego/_carrousel.scss                |  2 +-
 static/toodego/_custom.scss                   | 12 +--
 static/toodego/_gallery.scss                  |  4 +-
 static/toodego/_pollen.scss                   |  2 +-
 static/toodego/_specialpages.scss             |  4 +-
 static/toodego/_tiles.scss                    |  4 +-
 static/toodego/_vars.scss                     |  2 +-
 static/toulouse-metropole/_custom.scss        | 70 ++++++++---------
 static/toulouse-metropole/_vars.scss          |  2 +-
 static/toulouse/_custom.scss                  | 76 +++++++++----------
 static/toulouse/_vars.scss                    |  2 +-
 static/tournai/_custom.scss                   | 20 ++---
 static/tournai/_vars.scss                     |  4 +-
 static/tours-metropole/_vars.scss             |  2 +-
 static/tours/_vars.scss                       |  2 +-
 static/universite-paris-nanterre/_custom.scss |  4 +-
 static/universite-paris-nanterre/_vars.scss   |  4 +-
 static/urville-nacqueville/_vars.scss         |  2 +-
 static/vandoeuvre-les-nancy/_custom.scss      |  2 +-
 static/vandoeuvre-les-nancy/_vars.scss        |  2 +-
 static/vendargues/_vars.scss                  |  2 +-
 static/venissieux/_custom.scss                | 12 +--
 static/venissieux/_vars.scss                  |  4 +-
 static/villejuif/_custom.scss                 |  2 +-
 static/villejuif/_vars.scss                   |  2 +-
 static/villeneuve-les-maguelone/_vars.scss    |  2 +-
 static/villeurbanne-2018/_vars.scss           |  2 +-
 static/vincennes-2018/_vars.scss              |  2 +-
 176 files changed, 471 insertions(+), 471 deletions(-)
static/alpes-maritimes-2018/_custom.scss
80 80
	display: block;
81 81
	text-indent: -10000px;
82 82
	color: #4D4D4D;
83
	font-size: 30px;
83
	font-size: 1.875rem;
84 84
	font-weight: normal;
85 85
	background-image: url(img/logo.png);
86 86
	background-position: center left;
......
656 656
			content: '\f054';
657 657
			font-family: FontAwesome;
658 658
			margin-right: 0.5em;
659
			font-size: 7px;
659
			font-size: 0.438rem;
660 660
			display: inline-block;
661 661
			vertical-align: middle;
662 662
		}
static/alpes-maritimes-2018/_vars.scss
1 1
$border-radius: 3px;
2 2
$width: 1280px;
3 3
$font-family: Roboto, sans-serif;
4
$font-size: 16px;
4
$font-size: 1em;
5 5
$mobile-limit: 1100px;
6 6

  
7 7
$sidebar-width: 400px;
static/amiens-metropole/_custom.scss
118 118
				&::after {
119 119
					content: $arrow-down-icon;
120 120
					font-family: FontAwesome;
121
					font-size: 10px;
121
					font-size: 0.667rem;
122 122
					position: absolute;
123 123
					right: 20px;
124 124
					vertical-align: middle;
......
161 161
						color: $title-color;
162 162
						content: $arrow-right-icon;
163 163
						font-family: FontAwesome;
164
						font-size: 6px;
164
						font-size: 0.4rem;
165 165
						font-weight: bold;
166 166
						left: 2em;
167 167
						position: absolute;
static/amiens-metropole/_footer.scss
35 35
							border: 2px solid white;
36 36
							border-radius: 50px;
37 37
							color: $footer-color;
38
							font-size: 16px;
38
							font-size: 1.067rem;
39 39
							font-weight: bold;
40 40
							padding: 15px 35px;
41 41
							text-transform: uppercase;
static/amiens-metropole/_header.scss
50 50
		text-align: left;
51 51
		color: white;
52 52
		padding-left: 25px;
53
		font-size: 12px;
53
		font-size: 0.8rem;
54 54
		font-weight: bold;
55 55
		text-transform: uppercase;
56 56
		span {
static/amiens-metropole/_vars.scss
6 6
$top-banner-height: 400px;
7 7
$font-color: #666;
8 8
$font-family: 'Open Sans', Arial, Helvetica, sans-serif;
9
$font-size: 15px;
9
$font-size: 0.938em;
10 10
$nav-background: white;
11 11
$nav-submenu-background: #EEE;
12 12
$nav-submenu-color: #333;
static/arles-2020/_vars.scss
1 1
$primary-color: #0055a4;
2 2
$font-color: #1a1a1a;
3
$font-size: 17px;
3
$font-size: 1.062em;
4 4
$font-family: Lato, sans-serif;
5 5
$link-color: $primary-color;
6 6
$lighter-primary-color: lighten($primary-color, 65%);
......
32 32

  
33 33
$title-background: transparent;
34 34
$title-color: $font-color;
35
$title-font-size: 21px;
35
$title-font-size: 1.235rem;
36 36

  
37 37
$cell-image-position: top;
38 38
$cell-entry-hover-background: $lighter-primary-color;
static/arles/_custom.scss
7 7
@mixin form-icon($content) {
8 8
	content: $content;
9 9
	font-family: FontAwesome;
10
	font-size: 24px;
10
	font-size: 1.846rem;
11 11
	color: $primary-color;
12 12
	position: absolute;
13 13
	right: 1ex;
......
43 43
		height: 35px;
44 44
		border-bottom: 10px solid #ffffff;
45 45
		background: linear-gradient(#bfbfbf, #ededed);
46
		font-size: 11px;
46
		font-size: 0.846rem;
47 47
		div.login {
48 48
			a {
49 49
				&::before {
......
76 76
				&::before {
77 77
					content: ". | ";
78 78
					font-family: arlesfont;
79
					font-size: 25px;
79
					font-size: 1.923rem;
80 80
					vertical-align: middle;
81 81
				}
82 82
				&:hover {
......
121 121
	a {
122 122
		color: #000;
123 123
		font-weight: bold;
124
		font-size: 11px;
124
		font-size: 0.846rem;
125 125
		padding: 3px 0px;
126 126
	}
127 127
	span.logged-in a:first-child::before {
......
198 198
	}
199 199
	h3 {
200 200
		color: $primary-color;
201
		font-size: 20px;
201
		font-size: 1.538rem;
202 202
	}
203 203
	div.login-actions p {
204 204
		text-align: center;
......
231 231
		margin-right: 0;
232 232
	}
233 233
	input, button {
234
		font-size: 13px;
234
		font-size: 1rem;
235 235
		height: 32px;
236 236
		line-height: 24px;
237 237
		margin: 0.2em 0px;
......
246 246
		border: 1px solid #ccc;
247 247
		border-radius: 4px 0 0 4px;
248 248
		color: #676767;
249
		font-size: 13px;
249
		font-size: 1rem;
250 250
		transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
251 251
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
252 252
		&:focus {
......
306 306
			padding-left: 10px;
307 307
			text-decoration: none;
308 308
			vertical-align: 5px;
309
			font-size: 15px;
309
			font-size: 1.154rem;
310 310
			font-weight: normal;
311 311
			line-height: 22px;
312 312
			text-align: left;
......
384 384

  
385 385
.largewheel {
386 386
	@extend .wheel;
387
	font-size: 35px;
387
	font-size: 2.692rem;
388 388
	display: block;
389 389
	text-align: center;
390 390
	margin: 10px;
......
553 553

  
554 554
li.is-redirection a::after {
555 555
	content: "\f14c";
556
	font-size: 24px;
556
	font-size: 1.846rem;
557 557
	color: $primary-color;
558 558
	font-family: FontAwesome;
559 559
	position: absolute;
static/arles/_vars.scss
3 3
$mobile-limit: 768px;
4 4
$small-screen: 480px;
5 5

  
6
$font-size: 13px;
6
$font-size: 0.812em;
7 7
$font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
8 8

  
9 9
$border-radius: 0;
static/arpajon/_custom.scss
34 34
#nav-wrapper {
35 35
	background: white;
36 36
	margin-bottom: 0px;
37
	font-size: 24px;
37
	font-size: 1.5rem;
38 38
	border-bottom: 1px solid #e0e0e0;
39 39
	div.gru-nav > ul {
40 40
		padding-top: 2rem;
41 41
		margin-top: 0;
42 42
		margin-bottom: 0px;
43 43
		ul {
44
			font-size: 18px;
44
			font-size: 1.125rem;
45 45
		}
46 46
	}
47 47
	div.gru-nav > ul > li a {
......
134 134

  
135 135
div#rub_service > h2:first-child,
136 136
.gru-content div.textcell h1 {
137
	font-size: 60px;
137
	font-size: 3.75rem;
138 138
	text-align: center;
139 139
	&::after {
140 140
		content: none;
static/arpajon/_vars.scss
3 3
$width: 1140px;
4 4
$font-color: #484848;
5 5
$font-family: Din, sans-serif;
6
$font-size: 16px;
6
$font-size: 1em;
7 7
$nav-background: transparent;
8 8
$nav-submenu-background: #eee;
9 9
$nav-submenu-color: #333;
static/beaulieu/_vars.scss
1 1
$primary-color: #476592;
2 2

  
3 3
$font-color: #6e6e6e;
4
$font-size: 16px;
4
$font-size: 1em;
5 5
$font-family: Arial, sans-serif;
6 6
$width: 1220px;
7 7
$border-radius: 0;
static/blois-2018/_custom.scss
113 113
			color: white;
114 114
		}
115 115
		h1 {
116
			font-size: 40px;
116
			font-size: 2.857rem;
117 117
			@media screen and ($max-mobile-viewport) {
118 118
				padding-left: 0;
119
				font-size: 30px;
119
				font-size: 2.143rem;
120 120
			}
121 121
		}
122 122
		h2 {
123
			font-size: 20px;
123
			font-size: 1.429rem;
124 124
			font-weight: normal;
125 125
			@media screen and ($max-mobile-viewport) {
126
				font-size: 18px;
126
				font-size: 1.286rem;
127 127
				margin: 0;
128 128
			}
129 129
		}
......
568 568
		line-height: 38px;
569 569
		top: -5px;
570 570
		left: -50px;
571
		font-size: 20px;
571
		font-size: 1.429rem;
572 572
		background: white;
573 573
	}
574 574
	margin-left: 60px;
static/blois-2018/_vars.scss
3 3

  
4 4
$width: 1280px;
5 5
$sidebar-width: 450px;
6
$font-size: 14px;
6
$font-size: 0.875em;
7 7
$font-family: sans-serif;
8 8

  
9 9
$body-background: white;
static/bouches-du-rhone/_custom.scss
27 27
}
28 28

  
29 29
.pwa-navigation div > ul li a span, .pwa-navigation div#nav ul li a span {
30
	font-size: 12px;
30
	font-size: 0.75rem;
31 31
	font-weight: bold;
32 32
	text-transform: uppercase;
33 33
}
static/bouches-du-rhone/_vars.scss
1 1
$primary-color: #5b7197;
2 2
$secondary-color: #63c8b8;
3
$font-size: 16px;
3
$font-size: 1em;
4 4
$font-family: sans-serif;
5 5
$font-color: black;
6 6

  
......
27 27

  
28 28
$title-transform: uppercase;
29 29
$title-color: $primary-color;
30
$title-font-size: 24px;
30
$title-font-size: 1.5rem;
31 31
$title-weight: 300;
32 32
$cell-title-cover-border: false;
33 33

  
static/calvados-cd14/_custom.scss
102 102

  
103 103
div#rub_service > h2 {
104 104
	text-align: left;
105
	font-size: 40px;
105
	font-size: 2.5rem;
106 106
	padding-left: 0.5rem;
107 107
	border-bottom: none;
108 108
	line-height: 110%;
static/calvados-cd14/_vars.scss
1 1
$width: 1140px;
2 2
$font-family: Raleway, sans-serif;
3 3
$font-color: black;
4
$font-size: 16px;
4
$font-size: 1em;
5 5
$blue: #003d7e;
6 6
$green: #48b95f;
7 7
$primary-color: $blue;
static/castelnau-le-lez/_custom.scss
11 11
	}
12 12
	h2 {
13 13
		@extend %title;
14
		font-size: 20px;
14
		font-size: 1.25rem;
15 15
	}
16 16
}
17 17

  
......
88 88
		left: 0;
89 89
		right: 0;
90 90
		max-width: none;
91
		font-size: 14px;
91
		font-size: 0.875rem;
92 92
	}
93 93
}
94 94

  
static/castelnau-le-lez/_vars.scss
1 1
$primary-color: #004170;
2 2

  
3 3
$font-color: black;
4
$font-size: 16px;
4
$font-size: 1em;
5 5
$font-family: Montserrat, sans-serif;
6 6
$width: 1200px;
7 7

  
......
14 14
$button-background: $primary-color;
15 15
$title-background: transparent;
16 16
$title-color: $primary-color;
17
$title-font-size: 25px;
17
$title-font-size: 1.562rem;
18 18
$title-transform: uppercase;
19 19
$title-weight: 500;
20 20
$footer-background: $primary-color;
static/castries-2020/_vars.scss
1 1
$primary-color: #005eaa;
2 2

  
3 3
$font-color: #0f0f0f;
4
$font-size: 16px;
4
$font-size: 1em;
5 5
$font-family: Verdana, sans-serif;
6 6
$width: 1100px;
7 7
$border-radius: 1px;
static/castries/_vars.scss
1 1
$primary-color: #3129b3;
2 2

  
3 3
$font-color: #3F3F3F;
4
$font-size: 16px;
4
$font-size: 1em;
5 5
$font-family: "Times New Roman", serif;
6 6
$width: 1000px;
7 7
$border-radius: 5px;
static/chateauroux/_vars.scss
1 1
$primary-color: #0779B7;
2 2
$width: 950px;
3 3
$mobile-limit: 800px;
4
$font-size: 13px;
4
$font-size: 0.812em;
5 5
$font-family: "Exo 2", arial, helvetica, sans-serif;
6 6
$border-radius: 0;
7 7
$nav-background: transparent;
static/clapiers/_vars.scss
1 1
$primary-color: #21c3d4;
2 2

  
3 3
$font-color: #3F3F3F;
4
$font-size: 16px;
4
$font-size: 1em;
5 5
$font-family: 'Montserrat', sans-serif;
6 6
$width: 1140px;
7 7
$border-radius: 0px;
static/clapotis-les-canards/_vars.scss
2 2

  
3 3
$width: 1160px !default;
4 4
$font-color: #666 !default;
5
$font-size: 15px !default;
5
$font-size: 0.938em !default;
6 6
$nav-background: #fafafa !default;
7 7
$nav-submenu-background: #eee !default;
8 8
$nav-submenu-color: #333 !default;
static/clermont-metropole/_custom.scss
181 181
				background-size: 30px;
182 182
				padding-top: 70px;
183 183
				span {
184
					font-size: 12px;
184
					font-size: 0.75rem;
185 185
				}
186 186
				span.badge {
187 187
					top: 30px;
static/clermont-metropole/_vars.scss
3 3
$border-radius: 3px;
4 4
$body-background: transparent;
5 5
$font-family: Cabin, sans-serif;
6
$font-size: 16px;
6
$font-size: 1em;
7 7
$primary-color: #333333;
8 8
$width: 1240px;
9 9
$mobile-limit: 1024px;
static/clisson-sevre-et-maine-agglo/_custom.scss
113 113
				border: 1px solid #fff;
114 114
				border-radius: 2px;
115 115
				color: #fff;
116
				font-size: 12px;
116
				font-size: 0.8rem;
117 117
				padding: 5px 10px;
118 118
				display: block;
119 119
			}
......
132 132
				width: 50px;
133 133
				display: block;
134 134
				text-align: center;
135
				font-size: 20px;
135
				font-size: 1.333rem;
136 136
				&:before {
137 137
					color: #fff;
138 138
					line-height: 44px;
static/clisson-sevre-et-maine-agglo/_vars.scss
5 5
$width: 1140px;
6 6
$font-color: #5b4e46;
7 7
$font-family: "PT Sans", sans-serif;
8
$font-size: 15px;
8
$font-size: 0.938em;
9 9
$link-color: $primary-color;
10 10
$nav-background: transparent;
11 11
$nav-submenu-background: #eee;
static/clisson/_vars.scss
5 5
$width: 1160px;
6 6
$font-color: #666;
7 7
$font-family: Lato, sans-serif;
8
$font-size: 15px;
8
$font-size: 0.938em;
9 9
$nav-background: transparent;
10 10
$nav-submenu-background: #eee;
11 11
$nav-submenu-color: #333;
static/cnil/_custom.scss
115 115
	text-align: center;
116 116
	h1 {
117 117
		font-family: "Open Sans Condensed", $title-font-family;
118
		font-size: 38px;
118
		font-size: 2.375rem;
119 119
		color: #333;
120 120
		text-align: center;
121 121
		font-weight: bold;
......
213 213
		clear: both;
214 214
		margin: 25px 0;
215 215
		text-align: left;
216
		font-size: 26px;
216
		font-size: 1.625rem;
217 217
		line-height: 40px;
218 218
		color: $darkgray;
219 219
		border-bottom: none;
220 220
	}
221 221
	h4 {
222
		font-size: 22px;
222
		font-size: 1.375rem;
223 223
	}
224 224
	div.buttons {
225 225
	}
......
293 293
.block + .block-fc::after {
294 294
	margin-top: 60px;
295 295
	font-weight: bold;
296
	font-size: 24px;
296
	font-size: 1.5rem;
297 297
	font-family: $title-font-family;
298 298
	color: $logoblue;
299 299
}
......
360 360

  
361 361
.text-check-before-submit {
362 362
	text-align: center;
363
	font-size: 20px;
363
	font-size: 1.25rem;
364 364
	font-style: italic;
365 365
}
366 366

  
static/cnil/_vars.scss
15 15

  
16 16
$title-font-family: "Open Sans", arial, sans-serif;
17 17
$title-transform: uppercase;
18
$title-font-size: 20px;
18
$title-font-size: 1.25rem;
19 19
$title-weight: bold;
20 20
$title-background: white;
21 21
$title-color: $darkgray;
......
23 23

  
24 24
$width: 1000px;
25 25
$font-color: $typogray;
26
$font-size: 16px;
26
$font-size: 1em;
27 27

  
28 28
$footer-background: #222222;
29 29
$footer-color: #999999;
static/cotes-d-armor/_vars.scss
1 1
$primary-color: #44DB6F;
2 2
$width: 1200px;
3 3
$font-color: #333;
4
$font-size: 15px;
4
$font-size: 0.938em;
5 5
$nav-background: transparent;
6 6
$nav-submenu-background: #EEE;
7 7
$nav-submenu-color: #333;
static/cournonterral/_vars.scss
1 1
$primary-color: #008f59;
2 2

  
3 3
$font-color: #3F3F3F;
4
$font-size: 15px;
4
$font-size: 0.938em;
5 5
$font-family: Verdana, Arial, Helvetica, sans-serif;
6 6
$width: 1040px;
7 7
$border-radius: 0;
static/dauphine/_vars.scss
1 1
$width: 950px;
2 2
$mobile-limit: 800px;
3
$font-size: 13px;
3
$font-size: 0.812em;
4 4
$font-family: Arial, sans-serif;
5 5
$nav-background: #DFE2E6;
6 6
$nav-color: #333;
static/dordogne-cd24/_custom.scss
30 30
	@extend %button;
31 31
	text-transform: uppercase;
32 32
	font-weight: bold;
33
	font-size: 16px;
33
	font-size: 0.889rem;
34 34
}
35 35

  
36 36
%cancel-button {
......
458 458
}
459 459

  
460 460
h1, div#rub_service h2 {
461
	font-size: 30px;
461
	font-size: 1.667rem;
462 462
}
463 463

  
464 464
div#rub_service h2 {
......
466 466
}
467 467

  
468 468
h2, div#rub_service h3 {
469
	font-size: 26px;
469
	font-size: 1.444rem;
470 470
	color: #88446b;
471 471
}
472 472

  
473 473
h3, div#rub_service h4 {
474
	font-size: 22px;
474
	font-size: 1.222rem;
475 475
}
476 476

  
477 477
h4 {
478
	font-size: 19px;
478
	font-size: 1.056rem;
479 479
}
480 480

  
481 481
input, select {
static/dordogne-cd24/_vars.scss
3 3

  
4 4
$font-family: Montserrat, sans-serif;
5 5
$font-color: #000;
6
$font-size: 18px;
6
$font-size: 1.125em;
7 7

  
8 8
$link-color: #000;
9 9

  
......
28 28

  
29 29
$title-background: $primary-color;
30 30
$title-weight: bold;
31
$title-font-size: 22px;
31
$title-font-size: 1.222rem;
32 32

  
33 33
$cell-border: none;
34 34
$cell-entry-hover-background: $primary-color;
static/dreux/_custom.scss
67 67
	}
68 68
	p {
69 69
		margin: auto;
70
		font-size: 16px;
70
		font-size: 1.067rem;
71 71
	}
72 72
	a {
73 73
		color: #ffffff;
static/dreux/_vars.scss
4 4
$width: 1100px;;
5 5
$font-color: $secondary-color;
6 6
$font-family: "Roboto", Helvetica, Arial, sans-serif;
7
$font-size: 15px;
7
$font-size: 0.938em;
8 8
$nav-background: $primary-color;
9 9
$nav-submenu-background: transparentize($primary-color, 0.1);
10 10
$nav-color: white;
static/entrouvert/_carrousel-references.scss
109 109
		z-index: 1000;
110 110
		&::after {
111 111
			font-family: FontAwesome;
112
			font-size: 24px;
112
			font-size: 1.5rem;
113 113
		}
114 114
		&.carrousel-references-previous {
115 115
			left: 1ex;
static/entrouvert/_custom.scss
49 49
}
50 50

  
51 51
#sidebar h1 {
52
	font-size: 22px;
52
	font-size: 1.375rem;
53 53
	font-weight: 400;
54 54
	margin-top: 30px;
55 55
}
......
57 57
#toplinks {
58 58
	border: none;
59 59
	box-shadow: none;
60
	font-size: 13px;
60
	font-size: 0.812rem;
61 61
}
62 62

  
63 63
.page-index {
......
98 98
}
99 99

  
100 100
.deuxcolonnes p {
101
	font-size: 17px;
101
	font-size: 1.062rem;
102 102
	line-height: 1.4;
103 103
}
104 104

  
static/entrouvert/_vars.scss
5 5
$very-small-limit: 1060px;
6 6
$mobile-header-height: 40px;
7 7
$font-color: #555;
8
$font-size: 16px;
8
$font-size: 1em;
9 9
$font-family: Lato, sans-serif;
10 10
$link-color: #0a71a1;
11 11
$nav-background: white;
......
20 20
$border-radius: 4px;
21 21
$button-color: white;
22 22
$button-background: $primary-color;
23
$title-font-size: 22px;
23
$title-font-size: 1.375rem;
24 24
$title-background: white;
25 25
$title-font-family: Lato, sans-serif;
26 26
$footer-background: #919396;
static/essonne-cd91/_custom.scss
33 33
}
34 34

  
35 35
div#nav {
36
    font-size: 13px;
36
    font-size: 0.867rem;
37 37
    font-weight: 700;
38 38
	text-align: center;
39 39
	padding-top: 1px;
......
88 88

  
89 89
div#footer-wrapper {
90 90
    margin-top: 0;
91
    font-size: 13px;
91
    font-size: 0.867rem;
92 92
    a {
93 93
        text-decoration: underline;
94 94
        color: white;
static/essonne-cd91/_vars.scss
9 9
$width: 1130px;
10 10
$link-color: $primary-color-darker;
11 11

  
12
$font-size: 15px;
12
$font-size: 0.938em;
13 13
$font-family: Roboto, sans-serif;
14 14

  
15 15
$nav-background: white;
......
24 24

  
25 25
$title-color: $primary-color-xdarker;
26 26
$title-border-bottom: 3px solid $primary-color;
27
$title-font-size: 36px;
27
$title-font-size: 2.4rem;
28 28
$title-weight: 400;
29 29
$title-padding: 3rem 1rem 0.7rem 1rem;
30 30

  
static/fabregues/_vars.scss
1 1
$primary-color: #f3af51;
2 2

  
3 3
$font-color: #111;
4
$font-size: 15px;
4
$font-size: 0.938em;
5 5
$font-family: Myriad, Arial, Verdana, sans-serif;
6 6
$width: 1003px;
7 7
$border-radius: 0;
static/fondettes/_vars.scss
1 1
$primary-color: #2A697C;
2 2
$width: 950px;
3 3
$mobile-limit: 800px;
4
$font-size: 13px;
4
$font-size: 0.812em;
5 5
$font-family: sans-serif;
6 6
$nav-background: transparent;
7 7
$nav-submenu-background: white;
static/fontenay-sous-bois-2018/_custom.scss
25 25
	}
26 26
	#home-link {
27 27
		display: block;
28
		font-size: 20px;
28
		font-size: 1rem;
29 29
		color: white;
30 30
		position: absolute;
31 31
		top: 0;
......
50 50
		background: transparent;
51 51
		top: 1rem;
52 52
		text-transform: uppercase;
53
		font-size: 18px;
53
		font-size: 0.9rem;
54 54
		a {
55 55
			color: white;
56 56
			.connected-user {
static/fontenay-sous-bois-2018/_vars.scss
1 1
$border-radius: 3px;
2 2
$primary-color: #da3838;
3
$font-size: 20px;
3
$font-size: 1.25em;
4 4
$font-family: "Barlow Condensed", sans-serif;
5 5
$link-color: $primary-color;
6 6

  
......
18 18

  
19 19
$title-background: transparent;
20 20
$title-transform: uppercase;
21
$title-font-size: 28px;
21
$title-font-size: 1.4rem;
22 22
$title-color: #2f2f2f;
23 23
$title-weight: bold;
24 24
$title-padding: 0.7rem 0rem;
static/gers-cd32/_custom.scss
80 80
			background-color: $primary-color;
81 81
			span.gru-icon::after {
82 82
				@include form-icon("\f046");
83
				font-size: 20px;
83
				font-size: 1rem;
84 84
				font-weight: 400;
85 85
			}
86 86
			@media screen and (max-width: $my-tablet-limit) {
......
115 115
		display: flex;
116 116
		flex-direction: row;
117 117
		justify-content: flex-end;
118
		font-size: 16px;
118
		font-size: 0.8rem;
119 119
		font-weight: 300;
120 120
		padding-top: 2em;
121 121
		padding-bottom: 74px;
......
134 134
}
135 135
a.account::after {
136 136
	@include form-icon("\f013");
137
	font-size: 19px;
137
	font-size: 0.95rem;
138 138
	color: black;
139 139
	border-style: solid;
140 140
	border-width: 0 0 0 1px;
......
143 143
}
144 144
a.logout::after {
145 145
	@include form-icon("\f011");
146
	font-size: 19px;
146
	font-size: 0.95rem;
147 147
	border-style: solid;
148 148
	border-width: 0 0 0 1px;
149 149
	padding: 0 7px 0 7px;
......
163 163
	button {
164 164
		position: absolute;
165 165
		right: 4rem;
166
		font-size: 14px;
166
		font-size: 0.7rem;
167 167
		font-weight: 400;
168 168
		padding-left: 50px;
169 169
		color: $tertiary-color;
......
198 198

  
199 199
div#header-post {
200 200
	font-weight: 900;
201
	font-size: 45px;
201
	font-size: 2.25rem;
202 202
	line-height: 1;
203 203
	text-align: center;
204 204
	background-color: $secondary-color;
......
226 226
		border-color: transparent !important;
227 227
	}
228 228
	address.site-infos__listitems {
229
		font-size: 15px;
229
		font-size: 0.75rem;
230 230
		font-weight: 400;
231 231
		font-style: normal;
232 232
		p:first-child {
233
			font-size: 21px;
233
			font-size: 1.05rem;
234 234
			font-weight: 700;
235 235
		}
236 236
		@media screen and (max-width: $my-mobile-limit) {
......
239 239
	}
240 240
	a.contact-social__link {
241 241
		display: block;
242
		font-size: 20px;
242
		font-size: 1rem;
243 243
		font-weight: 700;
244 244
		border: solid 1px;
245 245
		border-radius: 5px;
......
285 285
			padding: 0;
286 286
			li {
287 287
				a {
288
					font-size: 14px;
288
					font-size: 0.7rem;
289 289
					text-transform: uppercase;
290 290
				}
291 291
			}
......
294 294
	.menu-cross__item::before {
295 295
		@include form-icon("\f105");
296 296
		padding-right: 5px;
297
		font-size: 16px;
297
		font-size: 0.8rem;
298 298
		font-weight: 800;
299 299
	}
300 300
}
static/gers-cd32/_vars.scss
3 3
$tertiary-color: #0f183b;
4 4

  
5 5
$border-radius: 3px;
6
$font-size: 20px;
6
$font-size: 1.25em;
7 7
$font-family: Montserrat, sans-serif;
8 8
$link-color: $primary-color;
9 9

  
......
23 23
$cell-entry-hover-background: transparent;
24 24

  
25 25
$title-transform: uppercase;
26
$title-font-size: 28px;
26
$title-font-size: 1.4rem;
27 27
$title-weight: bold;
28 28
$title-padding: 0.7rem 0rem;
29 29

  
static/gorges/_vars.scss
4 4
$width: 1160px;
5 5
$font-color: #666;
6 6
$font-family: Catamaran, sans-serif;
7
$font-size: 15px;
7
$font-size: 0.938em;
8 8
$nav-background: transparent;
9 9
$nav-submenu-background: #eee;
10 10
$nav-submenu-color: #333;
static/grandlyon-sau/_custom.scss
62 62
		padding-bottom: 40px;
63 63
		text-indent: -10000px;
64 64
		color: #4D4D4D;
65
		font-size: 30px;
65
		font-size: 1.875rem;
66 66
		font-weight: normal;
67 67
		background: url(img/logo-sau.png) center center no-repeat;
68 68
		width: 277px;
......
140 140
				h2 {
141 141
					letter-spacing: 2px;
142 142
					font-weight: normal;
143
					font-size: 30px;
143
					font-size: 1.875rem;
144 144
				}
145 145
			}
146 146
			> div:first-child {
static/grandlyon-sau/_vars.scss
1 1
$width: 1200px;
2 2
$mobile-limit: 800px;
3
$font-size: 16px;
3
$font-size: 1em;
4 4
$font-family: "Source Sans Pro", sans-serif;
5 5
$border-radius: 0;
6 6
$body-background: #F2F2F2;
static/grandlyon/_custom.scss
37 37
div#nav {
38 38
	margin-bottom: -1px;
39 39
	font-family: $title-font-family;
40
	font-size: 14px;
40
	font-size: 0.933rem;
41 41
}
42 42

  
43 43
div#nav > ul {
static/grandlyon/_vars.scss
1 1
$width: 1180px;
2 2
$mobile-limit: 800px;
3
$font-size: 15px;
3
$font-size: 0.938em;
4 4
$font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
5 5
$border-radius: 0;
6 6
$primary-color: #DA0000;
......
15 15
$nav-menu-color: $primary-color;
16 16
$button-background: #363636;
17 17
$title-font-family: "Segoe UI", $font-family;
18
$title-font-size: 28px;
18
$title-font-size: 1.867rem;
19 19
$title-weight: bold;
20 20
$title-background: white;
21 21
$title-color: #000;
static/grenoble-metropole-2019/_vars.scss
1 1
$width: 1100px;
2 2
$mobile-limit: 1024px;
3 3
$nav-full-width-background: true;
4
$font-size: 16px;
4
$font-size: 1em;
5 5
$font-family: Roboto;
6 6
$primary-color: #FFEC44;
7 7
$link-color: #000000;
......
11 11

  
12 12
$title-border-bottom: none;
13 13
$title-color: #000;
14
$title-font-size: 32px;
14
$title-font-size: 2rem;
15 15
$title-font-family: 'Josefin Sans';
16 16
$title-weight: bold;
17 17
$title-background: transparent;
static/greville-hague/_vars.scss
3 3

  
4 4
$width: 950px;
5 5
$font-color: #333;
6
$font-size: 13px;
6
$font-size: 0.812em;
7 7
$font-family: Verdana, Arial, Helvetica, sans-serif;
8 8
$nav-background: $secondary-color;
9 9
$nav-color: white;
static/groupe-up/_custom.scss
534 534
	h2 {
535 535
		padding-top: 30px;
536 536
		height: 80px;
537
		font-size: 30px;
537
		font-size: 1.875rem;
538 538
		color: $darkblue;
539 539
		text-transform: uppercase;
540 540
	}
......
630 630
	color: $base-color;
631 631
	text-transform: uppercase;
632 632
	font-weight: normal;
633
	font-size: 30px;
633
	font-size: 1.875rem;
634 634
	margin-top: 1rem;
635 635
}
636 636

  
static/groupe-up/_vars.scss
28 28
$title-background: transparent;
29 29
$title-color: $lightblue;
30 30
$title-weight: bold;
31
$title-font-size: 20px;
31
$title-font-size: 1.25rem;
32 32
$title-padding: 0.5rem;
33 33

  
34 34
$table-headers-background: #1e7590;
static/haute-garonne-cd31/_custom.scss
73 73
		}
74 74
		a {
75 75
			text-transform: uppercase;
76
			font-size: 16px;
76
			font-size: 1.143rem;
77 77
			font-weight: 600;
78 78
		}
79 79
	}
......
178 178
		position: relative;
179 179
		top: 25px;
180 180
		@extend %title;
181
		font-size: 27px;
181
		font-size: 1.929rem;
182 182
		border-bottom: 0;
183 183
		padding-left: 0;
184 184
		&::before {
......
333 333
		background: url(img/picto-code-suivi.svg) left top no-repeat;
334 334
		background-size: 120px 80px;
335 335
		padding-left: 120px;
336
		font-size: 22px;
336
		font-size: 1.571rem;
337 337
	}
338 338
	form {
339 339
		display: flex;
......
356 356
		color: white;
357 357
		border: 0;
358 358
		text-align: left;
359
		font-size: 37px;
359
		font-size: 2.643rem;
360 360
		text-transform: uppercase;
361 361
		font-weight: 600;
362 362
	}
......
371 371
		&.long-title {
372 372
			margin-top: -180px;
373 373
			min-height: 180px;
374
			font-size: 30px;
374
			font-size: 2.143rem;
375 375
		}
376 376
	}
377 377
}
378 378

  
379 379
div#rub_service {
380
	font-size: 16px;
380
	font-size: 1.143rem;
381 381
	form {
382 382
		h3 {
383 383
			@extend %title;
......
429 429
		color: $violet;
430 430
		border-bottom: 0;
431 431
		padding-left: 110px;
432
		font-size: 22px;
432
		font-size: 1.571rem;
433 433
	}
434 434
	a {
435 435
		margin-top: 1rem;
......
438 438
		background: $violet;
439 439
		color: white;
440 440
		padding-bottom: 4px;
441
		font-size: 27px;
441
		font-size: 1.929rem;
442 442
		text-decoration: underline;
443 443
	}
444 444
	@media screen and ($max-mobile-viewport) {
......
446 446
			display: flex;
447 447
			h3, a {
448 448
				display: inline-block;
449
				font-size: 18px;
449
				font-size: 1.286rem;
450 450
			}
451 451
			a {
452 452
				padding: 2px;
......
508 508
div.textcell {
509 509
	line-height: 130%;
510 510
	h1 {
511
		font-size: 37px;
511
		font-size: 2.643rem;
512 512
		font-weight: 600;
513 513
		text-transform: uppercase;
514 514
	}
515 515
	h2 {
516
		font-size: 27px;
516
		font-size: 1.929rem;
517 517
		font-weight: 600;
518 518
	}
519 519
	a {
......
548 548
		background-position: 50% 10px;
549 549
		padding-top: 38px;
550 550
		span {
551
			font-size: 11px;
551
			font-size: 0.786rem;
552 552
		}
553 553
	}
554 554
}
static/haute-garonne-cd31/_vars.scss
9 9

  
10 10
$font-color: black;
11 11
$font-family: Poppins, sans-serif;
12
$font-size: 14px;
12
$font-size: 0.875em;
13 13
$link-color: inherit;
14 14

  
15 15
$primary-color: $bleu;
......
27 27

  
28 28
$title-background: transparent;
29 29
$title-color: $primary-color;
30
$title-font-size: 20px;
30
$title-font-size: 1.429rem;
31 31
$title-weight: 600;
32 32
$title-border-bottom: 2px solid $primary-color;
33 33

  
static/haute-goulaine/_vars.scss
4 4
$width: 964px;
5 5
$font-color: #2C2C2C;
6 6
$font-family: Verdana, Tahoma, Arial, sans-serif;
7
$font-size: 13px;
7
$font-size: 0.812em;
8 8
$nav-background: $primary-color;
9 9
$nav-submenu-background: $primary-color;
10 10
$nav-submenu-color: white;
static/jobourg/_vars.scss
2 2

  
3 3
$width: 950px;
4 4
$font-color: #333;
5
$font-size: 13px;
5
$font-size: 0.812em;
6 6
$font-family: "Trebuchet MS", sans-serif;
7 7
$nav-background: $primary-color;
8 8
$nav-color: white;
static/juvignac/_vars.scss
1 1
$primary-color: #00a8c0;
2 2

  
3 3
$font-color: #3F3F3F;
4
$font-size: 16px;
4
$font-size: 1em;
5 5
$font-family: "Open Sans", sans-serif;
6 6
$width: 1180px;
7 7

  
static/la-hague/_vars.scss
2 2

  
3 3
$width: 1200px;
4 4
$font-color: #515151;
5
$font-size: 13px;
5
$font-size: 0.812em;
6 6
$font-family: Verdana, Arial, sans-serif;
7 7
$nav-background: $primary-color;
8 8
$nav-active-color: darken($nav-background, 10%);
static/la-reunion/_vars.scss
3 3
$width: 1300px;
4 4
$footer-background: $primary-color;
5 5
$font-color: #666;
6
$font-size: 15px;
6
$font-size: 0.938em;
7 7
$nav-background: transparent;
8 8
$nav-submenu-background: rgba(240, 240, 255, 0.95);
9 9
$nav-submenu-color: #333;
static/la-seyne-sur-mer/_vars.scss
1 1
$primary-color: #1DA1AE;
2 2

  
3 3
$font-color: #565656;
4
$font-size: 13px;
4
$font-size: 0.812em;
5 5
$font-family: sans-serif;
6 6
$nav-background: $primary-color;
7 7
$nav-color: white;
static/lattes/_vars.scss
1 1
$primary-color: #1e73be;
2 2

  
3 3
$font-color: #3F3F3F;
4
$font-size: 14px;
4
$font-size: 0.875em;
5 5
$font-family: Montserrat, sans-serif;
6 6
$width: 1100px;
7 7
$border-radius: 0;
static/laverune/_vars.scss
1 1
$primary-color: #0071e0;
2 2

  
3 3
$font-color: #333;
4
$font-size: 14px;
4
$font-size: 0.875em;
5 5
$font-family: Lato, sans-serif;
6 6
$width: 980px;
7 7
$border-radius: 0;
static/le-cres/_custom.scss
54 54
	border: none;
55 55
	box-shadow: none;
56 56
	border-radius: 0;
57
	font-size: 14px;
57
	font-size: 0.875rem;
58 58
	a {
59 59
		display: inline-block;
60 60
		color: white;
static/le-cres/_vars.scss
1 1
$primary-color: #00aecd;
2 2

  
3 3
$font-color: #3F3F3F;
4
$font-size: 16px;
4
$font-size: 1em;
5 5
$font-family: sans-serif;
6 6
$width: 1140px;
7 7

  
static/lenord/_custom.scss
13 13
		background: url('img/logo.png') center right no-repeat;
14 14
		height: 2em;
15 15
		padding: 1em 0 0 0;
16
		font-size: 60px;
16
		font-size: 4.615rem;
17 17
		line-height: 60px;
18 18
		font-weight: bold;
19 19
		margin: 0 20px;
static/lenord/_vars.scss
1 1
$width: 992px;
2 2
$mobile-limit: 800px;
3 3
$primary-color: #6B7A99;
4
$font-size: 13px;
4
$font-size: 0.812em;
5 5
$font-family: "Open Sans", sans-serif;
6 6
$nav-background: transparent;
7 7
$nav-color: #000;
static/lille-metropole/_custom.scss
7 7
}
8 8

  
9 9
span#environment-label {
10
	font-size: 10px;
10
	font-size: 0.714rem;
11 11
}
12 12

  
13 13
%title {
static/lille-metropole/_vars.scss
1 1
$font-color: #494949;
2 2
$font-family: Lato, sans-serif;
3
$font-size: 14px;
3
$font-size: 0.875em;
4 4
$primary-color: #e20714;
5 5
$border-radius: 0px;
6 6
$width: 1000px;
......
18 18
$footer-color: $font-color;
19 19

  
20 20
$title-font-family: Montserrat, sans-serif;
21
$title-font-size: 20px;
21
$title-font-size: 1.429rem;
22 22
$title-weight: bold;
23 23
$title-color: #4c4c4c;
24 24
$title-padding: 0.7rem 0.5rem;
static/lille/_custom.scss
65 65
			padding-top: 0.5rem;
66 66
			background-size: 80px;
67 67
			background-position: bottom 0.5rem left 50%;
68
			font-size: 16px;
68
			font-size: 0.8rem;
69 69
			height: $mobile-header-height;
70 70
			width: 50vw;
71 71
			&::after {
......
80 80
#lille-user-info {
81 81
	background: url($data_uri_comptepersonnel) 0 5px no-repeat;
82 82
	background-size: 27px 33px;
83
	font-size: 18px;
83
	font-size: 0.9rem;
84 84
	position: absolute;
85 85
	top: 45px;
86 86
	left: 120px;
......
95 95
		padding-top: 5px;
96 96
		top: 20px;
97 97
		left: 80px;
98
		font-size: 14px;
98
		font-size: 0.7rem;
99 99
	}
100 100
	@media screen and (max-width: 360px) {
101 101
		left: 60px;
......
173 173
					line-height: 120%;
174 174
					text-align: left;
175 175
					padding-left: 35px;
176
					font-size: 15px;
176
					font-size: 0.75rem;
177 177
					height: 40px;
178 178
				}
179 179
				span.badge {
......
229 229
		max-width: 50%;
230 230
		line-height: 120%;
231 231
		strong {
232
			font-size: 40px;
232
			font-size: 2rem;
233 233
			line-height: 130%;
234 234
			text-transform: uppercase;
235 235
		}
......
238 238
			left: 22px;
239 239
			max-width: 80%;
240 240
			strong {
241
				font-size: 24px;
241
				font-size: 1.2rem;
242 242
			}
243 243
		}
244 244
	}
......
268 268
				font-weight: bold;
269 269
				text-transform: uppercase;
270 270
				margin: 0;
271
				font-size: 24px;
271
				font-size: 1.2rem;
272 272
				@media screen and ($max-mobile-viewport) {
273 273
					padding-top: 5px;
274 274
				}
......
296 296
				margin: 0;
297 297
				background: #1a1a1a;
298 298
				color: white;
299
				font-size: 35px;
299
				font-size: 1.75rem;
300 300
				&::after {
301 301
					content: "\f054";  // chevron-right
302 302
					font-family: FontAwesome;
......
305 305
				}
306 306
				@media screen and ($max-mobile-viewport) {
307 307
					top: 15px;
308
					font-size: 25px;
308
					font-size: 1.25rem;
309 309
					height: 50px;
310 310
					width: 50px;
311 311
					&::after {
......
318 318
			width: 50%;
319 319
			float: right;
320 320
			margin-right: 50px;
321
			font-size: 18px;
321
			font-size: 0.9rem;
322 322
			padding-top: 10px;
323 323
			@media screen and ($max-mobile-viewport) {
324 324
				width: auto;
......
337 337
			text-transform: uppercase;
338 338
			margin-bottom: 0;
339 339
			letter-spacing: 4px;
340
			font-size: 26px;
340
			font-size: 1.3rem;
341 341
			font-weight: 900;
342 342
		}
343 343
		h3 {
344 344
			text-transform: uppercase;
345 345
			margin-bottom: 0;
346 346
			margin-top: 0;
347
			font-size: 16px;
347
			font-size: 0.8rem;
348 348
			letter-spacing: 4px;
349 349
		}
350 350
		padding-bottom: 30px;
......
388 388
			color: white;
389 389
			padding: 1rem;
390 390
			text-transform: uppercase;
391
			font-size: 14px;
391
			font-size: 0.7rem;
392 392
			&:hover {
393 393
				text-decoration: underline;
394 394
			}
......
433 433
			// underline dash.
434 434
			font-family: FontAwesome;
435 435
			content: "\f106";  // angle-up
436
			font-size: 30px;
436
			font-size: 1.5rem;
437 437
			position: absolute;
438 438
			right: 1em;
439 439
			cursor: pointer;
......
473 473
		padding-left: 70px;
474 474
		text-transform: uppercase;
475 475
		color: #454545;
476
		font-size: 14px;
476
		font-size: 0.7rem;
477 477
		font-weight: bold;
478 478
	}
479 479
	ul > .add-more-items a {
......
538 538
		margin-bottom: 1rem;
539 539
		text-transform: uppercase;
540 540
		@media screen and ($max-mobile-viewport) {
541
			font-size: 28px;
541
			font-size: 1.4rem;
542 542
		}
543 543
		&::after {
544 544
			content: "";
......
610 610
				z-index: 100;
611 611
				position: relative;
612 612
				font-weight: bold;
613
				font-size: 24px;
613
				font-size: 1.2rem;
614 614
				border-right: 2px solid white;
615 615
				border-radius: none;
616 616
				&::after {
......
695 695
					padding-left: 16px;
696 696
					display: inline-block;
697 697
					color: black;
698
					font-size: 24px;
698
					font-size: 1.2rem;
699 699
				}
700 700
				.label {
701
					font-size: 24px;
701
					font-size: 1.2rem;
702 702
				}
703 703
			}
704 704
		}
......
769 769
}
770 770

  
771 771
div.datetimepicker {
772
	font-size: 16px;
772
	font-size: 0.8rem;
773 773
}
774 774

  
775 775
form.quixote {
......
787 787

  
788 788
div.textcell h1 {
789 789
	@extend %title;
790
	font-size: 40px;
790
	font-size: 2rem;
791 791
	padding-left: 0;
792 792
}
793 793

  
static/lille/_vars.scss
3 3
$border-radius: 3px;
4 4
$primary-color: #e1001a;
5 5
$font-color: #1a1a1a;
6
$font-size: 20px;
6
$font-size: 1.25em;
7 7
$font-family: Lato, sans-serif;
8 8
$link-color: $primary-color;
9 9

  
static/lot-cd46/_vars.scss
1 1
$font-family: Ubuntu, sans-serif;
2
$font-size: 14px;
2
$font-size: 0.875em;
3 3
$font-color: #333;
4 4
$darkpink: #ef2c6a;
5 5
$lightpink: #fe4680;
......
17 17
$cell-border: 1px solid transparent;
18 18
$title-color: $darkpink;
19 19
$title-weight: 500;
20
$title-font-size: 30px;
20
$title-font-size: 2.143rem;
21 21
$title-border-bottom: 2px solid $primary-color;
22 22
$title-border-radius: 0;
23 23
$title-padding: 0.7rem 0.5rem;
static/lozere/_vars.scss
6 6
$width: 980px;
7 7
$font-color: black;
8 8
$font-family: 'Droid Sans', Arial, serif;
9
$font-size: 13px;
9
$font-size: 0.812em;
10 10
$nav-background: $darkgray;
11 11
$nav-submenu-background: #eee;
12 12
$nav-submenu-color: #333;
static/marcoussis/_vars.scss
3 3
$width: 1260px;
4 4
$font-color: #545454;
5 5
$font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
6
$font-size: 14px;
6
$font-size: 0.875em;
7 7
$nav-background: $primary-color;
8 8
$nav-submenu-background: $primary-color;
9 9
$nav-submenu-color: white;
static/massoins/_vars.scss
1 1
$primary-color: #4DB2EC;
2 2
$width: 1164px;
3 3
$mobile-limit: 800px;
4
$font-size: 13px;
4
$font-size: 0.812em;
5 5
$font-family: sans-serif;
6 6
$nav-background: transparent;
7 7
$nav-submenu-background: white;
static/mauguio/_custom.scss
38 38
		}
39 39
	}
40 40
	#logo {
41
		font-size: 70px;
41
		font-size: 4.667rem;
42 42
		text-align: center;
43 43
		a {
44 44
			height: 210px;
static/mauguio/_vars.scss
4 4
$width: 1260px;
5 5
$font-color: #161616;
6 6
$link-color: #161616;
7
$font-size: 15px;
7
$font-size: 0.938em;
8 8
$nav-background: black;
9 9
$nav-submenu-background: #eee;
10 10
$nav-submenu-color: #333;
static/meaux/_vars.scss
1 1
$width: 1205px;
2 2
$mobile-limit: 700px;
3
$font-size: 13px;
3
$font-size: 0.812em;
4 4
$font-family: sans-serif;
5 5
$nav-background: #404040;
6 6
$nav-color: white;
static/metz-metropole-2019/_custom.scss
34 34
			color: $darkblue;
35 35
			display: inline-block;
36 36
			float: left;
37
			font-size: 13px;
37
			font-size: 0.812rem;
38 38
			font-weight: 500;
39 39
		}
40 40
		span {
......
189 189
				text-transform: uppercase;
190 190
				font-weight: bold;
191 191
				line-height: 110%;
192
				font-size: 13px;
192
				font-size: 0.812rem;
193 193
				font-weight: 500;
194 194
			}
195 195
		}
......
220 220
				background-position: 15px 50%;
221 221
				padding-top: 10px;
222 222
				span {
223
					font-size: 15px;
223
					font-size: 0.938rem;
224 224
				}
225 225
				span.badge {
226 226
					padding: 0;
......
319 319
				position: relative;
320 320
				z-index: 10;
321 321
				text-transform: uppercase;
322
				font-size: 20px;
322
				font-size: 1.25rem;
323 323
			}
324 324
			h2 {
325 325
				padding-top: 100px;
......
346 346
				background: $darkblue;
347 347
				width: 300px;
348 348
				h3, p {
349
					font-size: 14px;
349
					font-size: 0.875rem;
350 350
					margin: 0;
351 351
					color: white;
352 352
					text-transform: uppercase;
......
355 355
					}
356 356
				}
357 357
				h3 {
358
					font-size: 18px;
358
					font-size: 1.125rem;
359 359
				}
360 360
			}
361 361
		}
......
401 401
		margin-bottom: 0;
402 402
		@media screen and ($max-mobile-viewport) {
403 403
			vertical-align: top;
404
			font-size: 16px;
404
			font-size: 1rem;
405 405
		}
406 406
	}
407 407
	input + div div.carrousel-item div.carrousel-item-content > a {
......
465 465
		text-align: center;
466 466
		text-transform: uppercase;
467 467
		font-weight: bold;
468
		font-size: 13px;
468
		font-size: 0.812rem;
469 469
		margin: 0;
470 470
		a {
471 471
			display: block;
472 472
			padding-top: 40px;
473
			font-size: 22px;
473
			font-size: 1.375rem;
474 474
			letter-spacing: 1.5px;
475 475
			color: white;
476 476
		}
......
486 486
			a {
487 487
				font-weight: bold;
488 488
				padding-top: 10px;
489
				font-size: 18px;
489
				font-size: 1.125rem;
490 490
			}
491 491
		}
492 492
	}
......
569 569
				position: static;
570 570
				text-align: left;
571 571
				width: 200px;
572
				font-size: 26px;
572
				font-size: 1.625rem;
573 573
				line-height: 110%;
574 574
				font-weight: 500;
575 575
				top: 0px;
576 576
				height: 100%;
577 577
				@media screen and ($max-mobile-viewport) {
578 578
					width: auto;
579
					font-size: 18px;
579
					font-size: 1.125rem;
580 580
				}
581 581
			}
582 582
		}
......
676 676
	h1 {
677 677
		margin: 0;
678 678
		text-transform: uppercase;
679
		font-size: 50px;
679
		font-size: 3.125rem;
680 680
		line-height: 100%;
681 681
		letter-spacing: 1.5px;
682 682
		padding-top: 60px;
......
686 686
		@media screen and ($max-mobile-viewport) {
687 687
			padding-top: 10px;
688 688
			padding-bottom: 10px;
689
			font-size: 20px;
689
			font-size: 1.25rem;
690 690
		}
691 691
	}
692 692

  
......
699 699
			display: block;
700 700
			text-align: right;
701 701
			color: $darkblue;
702
			font-size: 13px;
702
			font-size: 0.812rem;
703 703
		}
704 704
		span.commune {
705 705
			font-weight: bold;
......
915 915
}
916 916

  
917 917
div.datetimepicker {
918
	font-size: 16px;
918
	font-size: 1rem;
919 919
}
920 920

  
921 921
form.quixote {
......
935 935

  
936 936
div.textcell h1 {
937 937
	@extend %title;
938
	font-size: 40px;
938
	font-size: 2.5rem;
939 939
	padding-left: 0;
940 940
}
941 941

  
......
1019 1019
		@media screen and ($max-mobile-viewport) {
1020 1020
			strong {
1021 1021
				top: 80px;
1022
				font-size: 14px;
1022
				font-size: 0.875rem;
1023 1023
			}
1024 1024
		}
1025 1025
		@media screen and (max-width: 600px) {
1026 1026
			strong {
1027 1027
				top: 80px;
1028
				font-size: 12px;
1028
				font-size: 0.75rem;
1029 1029
			}
1030 1030
		}
1031 1031

  
......
1048 1048
		border-width: 10px;
1049 1049
		div strong {
1050 1050
			top: 110px;
1051
			font-size: 14px;
1051
			font-size: 0.875rem;
1052 1052
		}
1053 1053
	}
1054 1054
}
static/metz-metropole-2019/_vars.scss
43 43
$cell-border: 0;
44 44
$cell-title-cover-border: false;
45 45
$title-weight: 500;
46
$title-font-size: 22px;
46
$title-font-size: 1.375rem;
47 47
$title-color: $darkblue;
48 48
$title-background: transparent;
49 49
$title-transform: uppercase;
static/metz/_vars.scss
6 6
$width: 1000px;
7 7
$font-family: Arial, sans-serif;
8 8
$font-color: #666;
9
$font-size: 15px;
9
$font-size: 0.938em;
10 10
$footer-background: $gray;
11 11
$nav-background: transparent;
12 12
$nav-submenu-background: #eee;
static/meudon/_custom.scss
2 2

  
3 3
%bold-title {
4 4
	font-weight: bold;
5
	font-size: 15px;
5
	font-size: 1.071rem;
6 6
	color: #FFFFFF;
7 7
}
8 8

  
......
15 15

  
16 16
h3 {
17 17
	font-weight: medium;
18
	font-size: 18px;
18
	font-size: 1.286rem;
19 19
}
20 20

  
21 21
p, span {
22 22
	font-weight: medium;
23
	font-size: 14px;
23
	font-size: 1rem;
24 24
}
25 25

  
26 26
button {
27 27
	font-weight: semibold;
28
	font-size: 14px;
28
	font-size: 1rem;
29 29
	color: $primary-color;
30 30
	text-transform: uppercase;
31 31
}
......
66 66
	color: #260c4e;
67 67
	font-weight: bold;
68 68
	text-indent: 219px;
69
	font-size: 20px;
69
	font-size: 1.429rem;
70 70
}
71 71

  
72 72
div#nav,
static/meudon/_vars.scss
2 2
$secondary-color: #baff34;
3 3

  
4 4
$width: 1100px;
5
$font-size: 14px;
5
$font-size: 0.875em;
6 6
$font-color: #333;
7 7
$font-family: 'Raleway';
8 8
$nav-background: $primary-color;
static/meyzieu-2018/_vars.scss
3 3
$width: 1200px;
4 4
$font-family: Din, Roboto, sans-serif;
5 5
$font-weight: 500;
6
$font-size: 16px;
6
$font-size: 1em;
7 7
$border-radius: 0;
8 8
$nav-background: #e0e0de;
9 9
$nav-item-selected-color: #000;
static/mincult/_custom.scss
9 9
	font-family: Titillium;
10 10
	h1#logo a {
11 11
		line-height: 170px;
12
		font-size: 40px;
12
		font-size: 2.667rem;
13 13
		color: white;
14 14
		font-weight: normal;
15 15
		background-size: auto 150px;
static/mincult/_vars.scss
3 3
$font-family: Arial, sans-serif;
4 4
$width: 1160px;
5 5
$font-color: #000;
6
$font-size: 15px;
6
$font-size: 0.938em;
7 7
$link-color: #365268;
8 8
$nav-full-width-background: true;
9 9
$nav-background: black;
static/montlouis-sur-loire/_custom.scss
254 254
						padding: 0 10px 0 0;
255 255
						text-transform: uppercase;
256 256
						font-family: "Montserrat",sans-serif;
257
						font-size: 28px;
257
						font-size: 1.75rem;
258 258
						font-weight: 600;
259 259
						border: 0;
260 260
						color: #08b89d;
......
313 313
									text-align: center;
314 314
									bottom: 19px;
315 315
									font-family: "Khand",sans-serif;
316
									font-size: 18px;
316
									font-size: 1.125rem;
317 317
									color: #231f20;
318 318
									transition: all 0.45s;
319 319
								}
......
418 418
					p.titre-footer {
419 419
						display: block;
420 420
						font-family: "Khand",sans-serif;
421
						font-size: 24px;
421
						font-size: 1.5rem;
422 422
						color: #09b89d;
423 423
						font-weight: 500;
424 424
						line-height: 26px;
......
435 435
						height: 30px;
436 436
						line-height: 30px;
437 437
						text-decoration: none;
438
						font-size: 14px;
438
						font-size: 0.875rem;
439 439
						text-transform: uppercase;
440 440
						padding-left: 20px;
441 441
						transition: all 0.35s;
......
488 488
					p.titre-footer {
489 489
						display: block;
490 490
						font-family: "Khand",sans-serif;
491
						font-size: 24px;
491
						font-size: 1.5rem;
492 492
						color: #09b89d;
493 493
						font-weight: 500;
494 494
						line-height: 26px;
......
638 638
div#rub_service h2 {
639 639
	text-align: left;
640 640
	color: $primary-color;
641
	font-size: 26px;
641
	font-size: 1.625rem;
642 642
	font-weight: 500;
643 643
	padding-left: 0;
644 644
	text-transform: none;
......
666 666
div#summary h2:first-child {
667 667
	color: #000;
668 668
	font-weight: normal;
669
	font-size: 20px;
669
	font-size: 1.25rem;
670 670
}
671 671

  
672 672
ul#evolutions span.status {
static/montlouis-sur-loire/_vars.scss
1 1
$primary-color: #08b89d;
2 2
$width: 1140px;
3 3
$mobile-limit: 800px;
4
$font-size: 16px;
4
$font-size: 1em;
5 5
$font-family: "Archivo Narrow", sans-serif;
6 6
$link-color: $primary-color;
7 7
$nav-full-width-background: true;
......
20 20
$button-hover-background: $primary-color;
21 21
$button-hover-color: white;
22 22
$title-background: transparent;
23
$title-font-size: 15px;
23
$title-font-size: 0.938rem;
24 24
$title-family: "Khand", sans-serif;
25 25
$title-transform: uppercase;
26 26
$title-color: #333;
static/montpellier/_custom.scss
418 418
        text-transform: uppercase;
419 419
        text-align: center;
420 420
        padding: 5px 5px;
421
        font-size: 16px;
421
        font-size: 1.231rem;
422 422
}
423 423

  
424 424
#agglolinks a.agglo-mon-agglo, #agglolinks a.agglo-mes-e-services {
......
492 492
  text-transform: uppercase;
493 493
  color: white;
494 494
  text-decoration: none;
495
  font-size: 14px;
495
  font-size: 1.077rem;
496 496
}
497 497

  
498 498
ul.show-user-feeds li {
......
813 813
	text-align: center;
814 814

  
815 815
	span {
816
		font-size: 16px;
816
		font-size: 1.231rem;
817 817
		background-color: white;
818 818
		padding: 0 10px;
819 819
	}
static/montpellier/_vars.scss
5 5
$width: 1000px;
6 6
$mobile-limit: 800px;
7 7
$font-color: rgb(58, 58, 58);
8
$font-size: 13px;
8
$font-size: 0.812em;
9 9
$font-family: 'Lato', sans-serif;
10 10
$link-color: $primary-color;
11 11

  
static/murviel-les-montpellier/_vars.scss
1 1
$primary-color: #f9a234;
2 2

  
3 3
$font-color: #3F3F3F;
4
$font-size: 14px;
4
$font-size: 0.875em;
5 5
$font-family: "Open Sans", sans-serif;
6 6
$width: 960px;
7 7
$border-radius: 0;
static/nanterre/_vars.scss
3 3
$width: 960px;
4 4
$font-color: #282828;
5 5
$font-family: Asap, sans-serif;
6
$font-size: 12px;
6
$font-size: 0.75em;
7 7
$nav-background: white;
8 8
$nav-submenu-background: #222;
9 9
$nav-submenu-color: white;
static/omonville-la-rogue/_vars.scss
1 1
$primary-color: #506266;
2 2
$width: 960px;
3 3
$font-color: #333;
4
$font-size: 12px;
4
$font-size: 0.75em;
5 5
$font-family: Arial, Thahoma, sans-serif;
6 6
$nav-background: #506266;
7 7
$nav-color: white;
static/orleans/_custom.scss
69 69
	padding-top: 10px;
70 70
	font-family: the_sans_regular, Arial, Helvetica, sans-serif;
71 71
	font-weight: 900;
72
	font-size: 32px;
72
	font-size: 2.286rem;
73 73
}
74 74

  
75 75
h1#logo > a {
......
83 83
	border: 2px solid #DBDBDB;
84 84
	border-width: 2px 0;
85 85
	> li a {
86
		font-size: 18px;
86
		font-size: 1.286rem;
87 87
		font-weight: normal;
88 88
		line-height: 2.2em;
89 89
	}
......
215 215
		font-family: 'the_sans_bold';
216 216
		border-top: 2px solid #818a8f;
217 217
		border-bottom: 2px solid #818a8f;
218
		font-size: 20px;
218
		font-size: 1.429rem;
219 219
		font-weight: 500;
220 220
		line-height: 1.1;
221 221
		padding: 10px 0;
......
224 224
	}
225 225
	h4 {
226 226
		font-family: 'the_sans_light', Arial, Helvetica, sans-serif;
227
		font-size: 18px;
227
		font-size: 1.286rem;
228 228
		font-weight: bold;
229 229
		margin: 25px 0 10.5px 0;
230 230
		line-height: 1.1;
static/orleans/_vars.scss
4 4

  
5 5
$width: 1150px;
6 6
$mobile-limit: 800px;
7
$font-size: 14px;
7
$font-size: 0.875em;
8 8
$font-family: "Roboto", arial, helvetica, sans-serif;
9 9
$border-radius: 0;
10 10
$nav-background: transparent;
static/pays-de-grasse/_vars.scss
2 2

  
3 3
$width: 1170px;
4 4
$font-color: #777;
5
$font-size: 14px;
5
$font-size: 0.875em;
6 6
$border-radius: 5px;
7 7
$font-family: "Open Sans", Arial, sans-serif;
8 8
$nav-background: white;
static/perols/_vars.scss
1 1
$primary-color: #00adc6;
2 2

  
3 3
$font-color: #5a5a5a;
4
$font-size: 16px;
4
$font-size: 1em;
5 5
$font-family: Arial, Helvetica, sans-serif;
6 6
$width: 1002px;
7 7
$border-radius: 0;
static/perpette-les-andouillettes/_vars.scss
1 1
$primary-color: #005712;
2 2
$width: 1000px;
3
$font-size: 14px;
3
$font-size: 0.875em;
4 4
$font-family: Verdana, Arial, sans-serif;
5 5
$border-radius: 0;
6 6
$primary-color: $primary-color;
static/pfwb/_custom.scss
9 9
}
10 10

  
11 11
span#environment-label {
12
	font-size: 10px;
12
	font-size: 0.625rem;
13 13
}
14 14

  
15 15
.site-header {
static/pfwb/_vars.scss
2 2

  
3 3
$font-color: #2f2f2f;
4 4
$font-family: Ubuntu, sans-serif;
5
$font-size: 16px;
5
$font-size: 1em;
6 6
$primary-color: #5a5c5c;
7 7
$border-radius: 5px;
8 8
$width: 1280px;
static/pratic/_vars.scss
1 1
$width: 1000px;
2 2
$mobile-limit: 800px;
3
$font-size: 13px;
3
$font-size: 0.812em;
4 4
$font-family: sans-serif;
5 5
$nav-background: white;
6 6
$nav-color: #005EA9;
static/pre-saint-gervais/_custom.scss
56 56
		background: $primary-color;
57 57
		margin-right: 10px;
58 58
	}
59
	font-size: 50px;
59
	font-size: 2.778rem;
60 60
	@media screen and (max-width: $nav-mobile-limit) {
61
		font-size: 40px;
61
		font-size: 2.222rem;
62 62
		&::before {
63 63
			content: none;
64 64
		}
......
69 69
%button {
70 70
	@extend %button;
71 71
	text-transform: uppercase;
72
	font-size: 15px;
72
	font-size: 0.833rem;
73 73
	font-weight: bold;
74 74
}
75 75

  
......
275 275
		a {
276 276
			display: inline-block;
277 277
			font-weight: bold;
278
			font-size: 14px;
278
			font-size: 0.778rem;
279 279
			height: 48px;
280 280
			line-height: 44px;
281 281
			color: white;
......
285 285
				margin-left: 0px;
286 286
				padding: 0 10px;
287 287
				font-weight: normal;
288
				font-size: 18px;
288
				font-size: 1rem;
289 289
				position: relative;
290 290
				top: 2px;
291 291
			}
......
334 334
				&::before {
335 335
					color: inherit;
336 336
					font-family: "Font Awesome 5 Brands";
337
					font-size: 14px;
337
					font-size: 0.778rem;
338 338
					position: relative;
339 339
					top: -2px;
340 340
					left: -5px;
......
378 378
	padding-left: 10px;
379 379
	font-family: "GTWalsheimPro", sans-serif;
380 380
	font-weight: bold;
381
	font-size: 19px;
381
	font-size: 1.056rem;
382 382
	> li a {
383 383
		padding-top: 7px;
384 384
		padding-bottom: 7px;
385 385
	}
386 386
	ul {
387 387
		li a {
388
			font-size: 15px;
388
			font-size: 0.833rem;
389 389
			padding-top: 0;
390 390
			padding-bottom: 0;
391 391
		}
......
440 440
			position: absolute;
441 441
			top: 0;
442 442
			right: 0;
443
			font-size: 24px;
443
			font-size: 1.333rem;
444 444
			color: $turquoise;
445 445
		}
446 446
	}
......
466 466
	top: 130px;
467 467

  
468 468
	padding-top: 30px;
469
	font-size: 18px;
469
	font-size: 1rem;
470 470

  
471 471
	a.pk-button.inverted {
472 472
		border: 2px solid white;
......
477 477
	h3 {
478 478
		margin-bottom: 1rem;
479 479
		font-family: $title-font-family;
480
		font-size: 22px;
480
		font-size: 1.222rem;
481 481
	}
482 482

  
483 483
	ul {
......
559 559
		}
560 560
	}
561 561
	h3, a {
562
		font-size: 20px;
562
		font-size: 1.111rem;
563 563
		display: inline-block;
564 564
		padding: 0.6rem;
565 565
	}
......
615 615
	max-width: 60ex;
616 616
	margin: 0 auto;
617 617
	h2 {
618
		font-size: 40px;
618
		font-size: 2.222rem;
619 619
		color: black;
620 620
	}
621 621
	+ div#login-page div.block {
......
645 645
		}
646 646
		.fc-explanation-text,
647 647
		.login-actions {
648
			font-size: 14px;
648
			font-size: 0.778rem;
649 649
			color: #4b5259;
650 650
		}
651 651
	}
......
662 662
	h1, h2 {
663 663
		margin-top: 20px;
664 664
		text-align: center;
665
		font-size: 40px;
665
		font-size: 2.222rem;
666 666
		color: black;
667 667
	}
668 668
	+ form,
......
687 687
	h1, h2 {
688 688
		margin-top: 20px;
689 689
		text-align: center;
690
		font-size: 40px;
690
		font-size: 2.222rem;
691 691
		color: black;
692 692
	}
693 693
	@media screen and (max-width: $nav-mobile-limit) {
......
703 703
		background-size: 20px;
704 704
		padding-top: 32px;
705 705
		span {
706
			font-size: 11px;
706
			font-size: 0.611rem;
707 707
		}
708 708
		span.badge {
709 709
			position: absolute;
......
734 734
}
735 735

  
736 736
span#environment-label {
737
	font-size: 10px;
737
	font-size: 0.556rem;
738 738
}
739 739

  
740 740
form.quixote div.buttons {
......
792 792
		color: white;
793 793
		border-radius: 100%;
794 794
		font-weight: normal;
795
		font-size: 16px;
795
		font-size: 0.889rem;
796 796
		height: 20px;
797 797
		width: 20px;
798 798
		text-align: center;
static/pre-saint-gervais/_vars.scss
5 5

  
6 6
$width: 1164px;
7 7

  
8
$font-size: 18px;
8
$font-size: 1.125em;
9 9
$font-color: #6f7a83;
10 10
$font-family: MaisonNeue, sans-serif;
11 11
$border-radius: 0;
static/publik/_custom.scss
26 26

  
27 27
h1#logo {
28 28
	padding-top: 35px;
29
	font-size: 25px;
29
	font-size: 1.667rem;
30 30
	font-weight: normal;
31 31
	& a {
32 32
		color: transparent;
static/publik/_vars.scss
2 2
$secondary-color: #6D2080;
3 3

  
4 4
$width: 1240px;
5
$font-size: 15px;
5
$font-size: 0.938em;
6 6
$font-family: Roboto, sans-serif;
7 7
$nav-background: $secondary-color;
8 8
$nav-color: white;
static/quimper/_custom.scss
62 62
		background-size: 20px;
63 63
		padding-top: 32px;
64 64
		span {
65
			font-size: 11px;
65
			font-size: 0.688rem;
66 66
		}
67 67
	}
68 68
	@media screen and ($min-desktop-viewport) {
......
84 84
				background-size: 30px;
85 85
				padding-top: 70px;
86 86
				span {
87
					font-size: 12px;
87
					font-size: 0.75rem;
88 88
				}
89 89
				span.badge {
90 90
					top: 30px;
......
334 334
		}
335 335
		h2 {
336 336
			font-family: $font-family;
337
			font-size: 24px;
337
			font-size: 1.5rem;
338 338
			color: white;
339 339
			max-width: 11ex;
340 340
			text-align: right;
341 341
			@media screen and (max-width: $nav-mobile-limit) {
342
				font-size: 16px;
342
				font-size: 1rem;
343 343
				max-width: none;
344 344
				text-align: left;
345 345
				padding-bottom: 0;
......
403 403

  
404 404
#login-title {
405 405
	font-family: $title-font-family;
406
	font-size: 18px;
406
	font-size: 1.125rem;
407 407
	color: $title-color;
408 408
	text-transform: uppercase;
409 409
	span {
410 410
		text-transform: none;
411
		font-size: 14px;
411
		font-size: 0.875rem;
412 412
		font-family: $font-family;
413 413
	}
414 414
}
......
424 424
	align-items: center;
425 425
	a {
426 426
		display: inline-block;
427
		font-size: 12px;
427
		font-size: 0.75rem;
428 428
	}
429 429
}
430 430

  
......
495 495
			text-transform: uppercase;
496 496
			font-weight: normal;
497 497
			color: #333 !important;
498
			font-size: 14px;
498
			font-size: 0.875rem;
499 499
			padding-right: 2em;
500 500
			align-self: flex-end;
501 501
		}
......
552 552
			display: block;
553 553
			padding: 1rem;
554 554
			color: white;
555
			font-size: 14px;
555
			font-size: 0.875rem;
556 556
			strong {
557
				font-size: 18px;
557
				font-size: 1.125rem;
558 558
				text-transform: uppercase;
559 559
			}
560 560
		}
......
583 583
			padding: 0.5rem;
584 584
		}
585 585
		a {
586
			font-size: 14px;
586
			font-size: 0.875rem;
587 587
		}
588 588
	}
589 589
	div.form-validation form,  // target form validation
......
605 605
					padding-bottom: 10px;
606 606
					padding-top: 40px;
607 607
					text-transform: uppercase;
608
					font-size: 14px;
608
					font-size: 0.875rem;
609 609
					border: none;
610 610
					box-shadow: none;
611 611
					border-radius: 0;
......
643 643
	}
644 644
	#disclose-dataview,
645 645
	div#receipt-intro {
646
		font-size: 14px;
646
		font-size: 0.875rem;
647 647
		color: $mauve;
648 648
	}
649 649
}
......
749 749
	}
750 750
	strong {
751 751
		font-family: $title-font-family;
752
		font-size: 60px;
752
		font-size: 3.75rem;
753 753
	}
754 754
}
755 755

  
static/region-reunion/_custom.scss
26 26
		$logo-width: $logo-height * 1.2;
27 27
		display: block;
28 28
		font-weight: bold;
29
		font-size: 18px;
29
		font-size: 1.125rem;
30 30
		padding-top: $logo-height + 5;
31 31
		background: url(img/region-reunion.png) no-repeat;
32 32
		background-size: auto $logo-height;
......
34 34
		@media ($min-desktop-viewport) {
35 35
			padding-left: $logo-width + 20;
36 36
			padding-top: $logo-height - 20px;
37
			font-size: 24px;
37
			font-size: 1.5rem;
38 38
			line-height: 20px;
39 39
			background-size: contain;
40 40
		}
static/roannais-agglomeration/_custom.scss
63 63
		color: white;
64 64
	}
65 65
	#fleche-haut {
66
		font-size: 20px;
66
		font-size: 1.111rem;
67 67
		position: absolute;
68 68
		right: 0;
69 69
		top: 10px;
......
125 125
		width: auto;
126 126
	}
127 127
	h2 {
128
		font-size: 36px;
128
		font-size: 2rem;
129 129
		color: white;
130 130
		@media screen and (max-width: $nav-mobile-limit) {
131
			font-size: 24px;
131
			font-size: 1.333rem;
132 132
		}
133 133
	}
134 134
}
......
155 155
div#rub_service h2 {
156 156
	text-align: left;
157 157
	color: #1c1c1c;
158
	font-size: 28px;
158
	font-size: 1.556rem;
159 159
}
160 160

  
161 161
div#tracking-code h3 {
static/roannais-agglomeration/_vars.scss
9 9

  
10 10
$font-color: #3c3c3b;
11 11
$font-family: "Oswald", sans-serif;
12
$font-size: 18px;
12
$font-size: 1.125em;
13 13

  
14 14
$link-color: #1c1c1c;
15 15

  
static/rochefort/_custom.scss
33 33
	text-align: center;
34 34
	a {
35 35
		display: block;
36
		font-size: 28px;
36
		font-size: 2rem;
37 37
		font-style: italic;
38 38
		line-height: 215%;
39 39
		color: black;
......
108 108
	font-style: italic;
109 109
	font-weight: normal;
110 110
	#logo a {
111
		font-size: 28px;
111
		font-size: 2rem;
112 112
		color: $primary-color;
113 113
		@media screen and ($max-mobile-viewport) {
114 114
			visibility: hidden;
......
118 118
		display: block;
119 119
		padding-top: 1ex;
120 120
		padding-bottom: 2ex;
121
		font-size: 24px;
121
		font-size: 1.714rem;
122 122
		@media screen and ($max-mobile-viewport) {
123 123
			display: none;
124 124
		}
static/rochefort/_vars.scss
3 3
$width: 1150px;
4 4
$font-color: #333;
5 5
$font-family: "Open Sans", sans-serif;
6
$font-size: 14px;
6
$font-size: 0.875em;
7 7
$nav-background: white;
8 8
$nav-submenu-background: #222;
9 9
$nav-submenu-color: white;
static/saint-bres/_vars.scss
1 1
$primary-color: #ff6c1e;
2 2

  
3 3
$font-color: #3c4349;
4
$font-size: 15px;
4
$font-size: 0.938em;
5 5
$font-family: Verdana, Tahoma, Sans-Serif;
6 6
$width: 900px;
7 7

  
static/saint-chamond/_custom.scss
48 48
		margin-bottom: 0;
49 49
	}
50 50
	#fleche-haut {
51
		font-size: 20px;
51
		font-size: 1.111rem;
52 52
		position: absolute;
53 53
		right: 0;
54 54
		top: 10px;
......
132 132
		width: auto;
133 133
	}
134 134
	h2 {
135
		font-size: 36px;
135
		font-size: 2rem;
136 136
		color: white;
137 137
		@media screen and (max-width: $nav-mobile-limit) {
138
			font-size: 24px;
138
			font-size: 1.333rem;
139 139
		}
140 140
	}
141 141
}
......
169 169
div#rub_service h2 {
170 170
	text-align: left;
171 171
	color: #545454;
172
	font-size: 28px;
172
	font-size: 1.556rem;
173 173
}
174 174

  
175 175
div#tracking-code h3 {
static/saint-chamond/_vars.scss
9 9

  
10 10
$font-color: #020202;
11 11
$font-family: Din, sans-serif;
12
$font-size: 18px;
12
$font-size: 1.125em;
13 13

  
14 14
$footer-background: #373737;
15 15
$footer-color: white;
static/saint-denis/_custom.scss
28 28
}
29 29

  
30 30
div.gru-nav {
31
	font-size: 20px;
31
	font-size: 1.333rem;
32 32
	letter-spacing: -0.03em;
33 33
	> ul {
34 34
		margin: 0;
......
78 78
		line-height: 1.2;
79 79
		a {
80 80
			color: $footer-color;
81
			font-size: 14px;
81
			font-size: 0.933rem;
82 82
		}
83 83
		a:hover {
84 84
			text-decoration: underline;
......
86 86
		div.horaires {
87 87
			box-sizing: content-box;
88 88
			line-height: 1;
89
			font-size: 18px;
89
			font-size: 1.2rem;
90 90
			a {
91
				font-size: 18px;
91
				font-size: 1.2rem;
92 92
			}
93 93
			h2 {
94
				font-size: 22px;
94
				font-size: 1.467rem;
95 95
				font-weight: 800;
96 96
				text-transform: none;
97 97
				margin: 20px, 0, 0, 0;
......
110 110
			text-transform: uppercase;
111 111
		}
112 112
		h2 {
113
			font-size: 15px;
113
			font-size: 1rem;
114 114
			font-weight: 300;
115 115
			margin-bottom: 22px;
116 116
		}
117 117
		h3 {
118
			font-size: 20px;
118
			font-size: 1.333rem;
119 119
			font-weight: 400;
120 120
			margin: 0 0 0 0;
121 121
		}
......
132 132
		p a {
133 133
			display: inline-block;
134 134
			text-align: center;
135
			font-size: 12px;
135
			font-size: 0.8rem;
136 136
		}
137 137
		p.liens {
138 138
			border-top: 1px solid #888;
......
143 143
			margin: 20px 0 20px 0;
144 144
			a {
145 145
				text-align: left;
146
				font-size: 16px;
146
				font-size: 1.067rem;
147 147
				display: block;
148 148
				margin: 15px 0px 15px 0;
149 149
			}
......
153 153
			margin: 15px 0 20px 54px;
154 154
			a.overgris {
155 155
				font-family: "Noto Sans Condensed", sans-serif;
156
				font-size: 20px;
156
				font-size: 1.333rem;
157 157
				font-weight: 100;
158 158
				text-align: left;
159 159
				white-space: nowrap;
static/saint-denis/_vars.scss
7 7

  
8 8
$font-family: "Noto Sans Semi Condensed", sans-serif;
9 9
$font-color: #49494b;
10
$font-size: 15px;
10
$font-size: 0.938em;
11 11

  
12 12
$width: 1200px;
13 13

  
......
15 15
$nav-full-width-background: true;
16 16
$nav-color: $font-color;
17 17
$nav-active-color: $primary-color;
18
$nav-font-size: 25px;
18
$nav-font-size: 1.667rem;
19 19
$nav-after-image: true;
20 20
$nav-after-image-height: 329px;
21 21
$nav-submenu-color: $font-color;
......
24 24
$footer-color: white;
25 25

  
26 26
$title-color: $font-color;
27
$title-font-size: 30px;
27
$title-font-size: 2rem;
28 28
$title-weight: 400;
29 29

  
30 30
$cell-border: none;
static/saint-drezery/_vars.scss
1 1
$primary-color: #848100;
2 2

  
3 3
$font-color: #3F3F3F;
4
$font-size: 15px;
4
$font-size: 0.938em;
5 5
$font-family: Arial, Helvetica, sans-serif;
6 6
$width: 1000px;
7 7

  
static/saint-genies-des-mourgues/_vars.scss
1 1
$primary-color: #3e70ad;
2 2

  
3 3
$font-color: #333;
4
$font-size: 15px;
4
$font-size: 0.938em;
5 5
$font-family: "Trebuchet MS", Helvetica, sans-serif;
6 6
$width: 1100px;
7 7
$border-radius: 0;
static/saint-georges-d-orques/_vars.scss
1 1
$primary-color: #cd0000;
2 2

  
3 3
$font-color: #333;
4
$font-size: 14px;
4
$font-size: 0.875em;
5 5
$font-family: Helvetica, Arial, sans-serif;
6 6
$width: 1000px;
7 7
$border-radius: 0;
static/saint-jean-de-vedas/_vars.scss
1 1
$primary-color: #ff9900;
2 2

  
3 3
$font-color: #3F3F3F;
4
$font-size: 16px;
4
$font-size: 1em;
5 5
$font-family: "Open Sans", sans-serif;
6 6
$width: 1170px;
7 7

  
static/saint-laurent-du-var/_custom.scss
163 163
		border-width: 0 1px;
164 164

  
165 165
		span {
166
			font-size: 12px;
166
			font-size: 0.75rem;
167 167
		}
168 168
	}
169 169
}
static/saint-lo-agglo/_custom.scss
84 84
div.cell h1 {
85 85
	padding-left: 0;
86 86
	text-align: left;
87
	font-size: 40px;
87
	font-size: 2.5rem;
88 88
	font-weight: 300;
89 89
	text-transform: uppercase;
90 90
}
static/saint-lo-agglo/_vars.scss
12 12

  
13 13
$text-color: #1d1d1d;
14 14
$width: 1340px;
15
$font-size: 16px;
15
$font-size: 1em;
16 16
$font-family: Ubuntu, Helvetica, Arial, sans-serif;
17 17
$border-radius: 0;
18 18
$nav-color: #a1a2a6;
static/saint-vallier-de-thiey/_custom.scss
46 46
	font-family: "Quattrocento Sans";
47 47
	white-space: nowrap;
48 48
	text-overflow: ellipsis;
49
	font-size: 30px;
49
	font-size: 2.308rem;
50 50
	overflow: hidden;
51 51
	padding-left: 100px;
52 52
	a {
static/saint-vallier-de-thiey/_vars.scss
1 1
$primary-color: #2DBBE5;
2 2

  
3 3
$font-color: #666;
4
$font-size: 13px;
4
$font-size: 0.812em;
5 5
$font-family: sans-serif;
6 6
$nav-background: white;
7 7
$nav-color: #888;
static/saone-et-loire-cd71-2019/_custom.scss
63 63
		background: $green;
64 64
		top: 5px;
65 65
		text-transform: uppercase;
66
		font-size: 18px;
66
		font-size: 0.9rem;
67 67
		margin-left: -200px;
68 68
		left: 50%;
69 69
		right: auto;
......
158 158
		&::after {
159 159
			content: "Menu";
160 160
			padding-left: 60px;
161
			font-size: 12px;
161
			font-size: 0.6rem;
162 162
			font-weight: normal;
163 163
		}
164 164
		@media screen and ($max-mobile-viewport) {
static/saone-et-loire-cd71-2019/_vars.scss
6 6

  
7 7
$primary-color: #179ad6;
8 8
$border-radius: 3px;
9
$font-size: 20px;
9
$font-size: 1.25em;
10 10
$font-family: "Roboto", sans-serif;
11 11
$link-color: $primary-color;
12 12

  
......
25 25
$cell-title-cover-border: false;
26 26

  
27 27
$title-background: transparent;
28
$title-font-size: 28px;
28
$title-font-size: 1.4rem;
29 29
$title-color: $darkblue;
30 30
$title-weight: bold;
31 31
$title-padding: 0.7rem 0rem;
static/saone-et-loire-cd71/_vars.scss
1 1
$primary-color: #009DDF;
2 2
$width: 1230px;
3
$font-size: 14px;
3
$font-size: 0.875em;
4 4
$font-family: Arial, Helvetica, sans-serif;
5 5
$border-radius: 0;
6 6
$primary-color: $primary-color;
static/seine-et-marne-apa/_custom.scss
59 59
		position: absolute;
60 60
		left: 260px;
61 61
		top: 60px;
62
		font-size: 12px;
62
		font-size: 0.75rem;
63 63
		font-weight: normal;
64 64
		color: white;
65 65
	}
......
596 596
		padding-top: 30px;
597 597
		height: 80px;
598 598
		padding-left: 100px;
599
		font-size: 30px;
599
		font-size: 1.875rem;
600 600
		color: $darkblue;
601 601
		text-transform: uppercase;
602 602
	}
......
698 698
	color: $red;
699 699
	text-transform: uppercase;
700 700
	font-weight: normal;
701
	font-size: 30px;
701
	font-size: 1.875rem;
702 702
	margin-top: 1rem;
703 703
}
704 704

  
static/seine-et-marne-apa/_vars.scss
26 26
$title-background: transparent;
27 27
$title-color: $lightblue;
28 28
$title-weight: bold;
29
$title-font-size: 20px;
29
$title-font-size: 1.25rem;
30 30
$title-padding: 0.5rem;
31 31

  
32 32
$table-headers-background: #1e7590;
static/seine-et-marne/_vars.scss
1 1
$primary-color: #007084;
2 2
$width: 1000px;
3
$font-size: 14px;
3
$font-size: 0.875em;
4 4
$font-family: Arial, Helvetica, sans-serif;
5 5
$border-radius: 0;
6 6
$primary-color: $primary-color;
static/sens/_custom.scss
22 22
div.gru-nav {
23 23
	ul > li a {
24 24
		font-family: "Work Sans", sans-serif;
25
		font-size: 19px;
25
		font-size: 1.188rem;
26 26
		font-weight: 600;
27 27
		padding: 0.75em 15px 0.75em 15px;
28 28
	}
......
102 102
	}
103 103
	div a.yellow-btn {
104 104
		font-family: $title-font-family;
105
		font-size: 17px;
105
		font-size: 1.062rem;
106 106
		font-weight: 500;
107 107
		color: black;
108 108
		text-transform: uppercase;
......
117 117
		border: black 1px solid;
118 118
	}
119 119
	p.widget-title {
120
		font-size: 19px;
120
		font-size: 1.188rem;
121 121
		font-weight: bold;
122 122
	}
123 123
	li a {
static/sens/_vars.scss
20 20
$nav-mobile-bottom-bar-item-hover-background: $tertiary-color;
21 21

  
22 22
$title-color: $primary-color;
23
$title-font-size: 24px;
23
$title-font-size: 1.5rem;
24 24
$title-font-family: "Work Sans", sans-serif;
25 25

  
26 26
$font-color: black;
27
$font-size: 16px;
27
$font-size: 1em;
28 28
$font-family: Bitter, sans-serif;
29 29

  
30 30
$cell-entry-color: $tertiary-color;
static/sicoval/_vars.scss
2 2
$secondary-color: #b71b4f;
3 3

  
4 4
$width: 1100px;
5
$font-size: 14px;
5
$font-size: 0.875em;
6 6
$font-color: #333;
7 7
$font-family: 'Open Sans', sans-serif;
8 8
$nav-background: $primary-color;
static/signal-publik/_custom.scss
4 4
}
5 5

  
6 6
%bigtitle {
7
	font-size: 30px;
7
	font-size: 1.875rem;
8 8
	color: $green;
9 9
	text-transform: uppercase;
10 10
	font-weight: 500;
11 11
	letter-spacing: -1px;
12 12
	@media screen and ($max-mobile-viewport) {
13
		font-size: 25px;
13
		font-size: 1.562rem;
14 14
	}
15 15
}
16 16

  
......
68 68
				padding: 0 1rem;
69 69
				height: 40px;
70 70
				line-height: 40px;
71
				font-size: 18px;
71
				font-size: 1.125rem;
72 72
				&.has-logo::before {
73 73
					width: calc(100% - 180px);
74 74
					right: 0;
......
91 91
		background-size: 100% 20px;
92 92
		padding-top: 32px;
93 93
		span {
94
			font-size: 11px;
94
			font-size: 0.688rem;
95 95
			letter-spacing: -1px;
96 96
		}
97 97
	}
......
113 113
				background-position: 50% 5px;
114 114
				padding-top: 30px;
115 115
				span {
116
					font-size: 12px;
116
					font-size: 0.75rem;
117 117
					letter-spacing: 0px;
118 118
				}
119 119
			}
......
430 430

  
431 431
#login-title {
432 432
	font-family: $title-font-family;
433
	font-size: 18px;
433
	font-size: 1.125rem;
434 434
	color: $title-color;
435 435
	text-transform: uppercase;
436 436
	span {
437 437
		text-transform: none;
438
		font-size: 14px;
438
		font-size: 0.875rem;
439 439
		font-family: $font-family;
440 440
	}
441 441
}
......
451 451
	align-items: center;
452 452
	a {
453 453
		display: inline-block;
454
		font-size: 12px;
454
		font-size: 0.75rem;
455 455
	}
456 456
}
457 457

  
......
563 563
			display: block;
564 564
			padding: 1rem;
565 565
			color: white;
566
			font-size: 14px;
566
			font-size: 0.875rem;
567 567
			strong {
568
				font-size: 18px;
568
				font-size: 1.125rem;
569 569
				text-transform: uppercase;
570 570
			}
571 571
		}
static/somme-cd80/_vars.scss
4 4
$width: 1300px;
5 5
$footer-background: $primary-color;
6 6
$font-color: #666;
7
$font-size: 12px;
7
$font-size: 0.75em;
8 8
$nav-active-color: darken($primary-color, 10%);
9 9
$nav-color: white;
10 10
$nav-background: $primary-color;
static/sospel/_vars.scss
4 4

  
5 5
$link-color: #00b7f3;
6 6
$font-color: black;
7
$font-size: 13px;
7
$font-size: 0.812em;
8 8
$font-family: "Droid Sans", sans-serif;
9 9
$nav-background: white;
10 10
$nav-color: #393939;
static/strasbourg-2018/_custom.scss
990 990
.completion-info {
991 991
	text-align: center;
992 992
	color: $core-color;
993
	font-size: 20px;
993
	font-size: 1.429rem;
994 994
	font-weight: bold;
995 995
}
996 996

  
......
1198 1198
	background: $footer-background;
1199 1199
	color: $footer-color;
1200 1200
	#footer {
1201
		font-size: 14px;
1201
		font-size: 1rem;
1202 1202
		max-width: 1140px;
1203 1203
		div.menucell {
1204 1204
			text-align: left;
......
1369 1369
				pointer-events: none;
1370 1370
				content: "\f016";  // file-o
1371 1371
				font-family: FontAwesome;
1372
				font-size: 40px;
1372
				font-size: 2.857rem;
1373 1373
				display: block;
1374 1374
				padding-top: 20px;
1375 1375
				padding-bottom: 10px;
......
1378 1378
				pointer-events: none;
1379 1379
				content: "\f055";  // plus-circle
1380 1380
				font-family: FontAwesome;
1381
				font-size: 20px;
1381
				font-size: 1.429rem;
1382 1382
				display: block;
1383 1383
				position: absolute;
1384 1384
				left: calc(50% + 10px);
......
1434 1434
					pointer-events: none;
1435 1435
					content: "\f016";  // file-o
1436 1436
					font-family: FontAwesome;
1437
					font-size: 40px;
1437
					font-size: 2.857rem;
1438 1438
					display: block;
1439 1439
					padding-top: 40px;
1440 1440
					padding-bottom: 10px;
static/strasbourg-2018/_vars.scss
2 2
$mobile-limit: 800px;
3 3
$border-radius: 0;
4 4
$font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
5
$font-size: 14px;
5
$font-size: 0.875em;
6 6
$link-color: $primary-color;
7 7
$title-background: transparent;
8 8
$title-color: $primary-color;
static/sussargues/_vars.scss
1 1
$primary-color: #ec9200;
2 2

  
3 3
$font-color: #3F3F3F;
4
$font-size: 14px;
4
$font-size: 0.875em;
5 5
$font-family: Lato, sans-serif;
6 6
$width: 1180px;
7 7
$border-radius: 0;
static/tonneville/_vars.scss
2 2

  
3 3
$width: 1000px;
4 4
$font-color: #333;
5
$font-size: 12px;
5
$font-size: 0.75em;
6 6
$font-family: Arial, Helvetica, sans-serif;
7 7
$nav-background: $primary-color;
8 8
$nav-color: white;
static/toodego/_atmo.scss
115 115
		text-align: center;
116 116
		span.valeur {
117 117
			display: block;
118
			font-size: 40px;
118
			font-size: 2.5rem;
119 119
			font-weight: bold;
120 120
			padding-top: 20px;
121 121
			@media screen and (max-width: $desktop-limit) {
122
				font-size: 26px;
122
				font-size: 1.625rem;
123 123
				padding-top: 13px;
124 124
			}
125 125
		}
126 126
		span.qualif {
127 127
			display: block;
128
			font-size: 24px;
128
			font-size: 1.5rem;
129 129
			@media screen and (max-width: $desktop-limit) {
130
				font-size: 18px;
130
				font-size: 1.125rem;
131 131
			}
132 132
		}
133 133
		&.tres-mauvais {
......
145 145
	span.air2go.valeur {
146 146
		box-sizing: content-box;
147 147
		font-weight: bold;
148
		font-size: 24px;
148
		font-size: 1.5rem;
149 149
		padding-top: 0px;
150 150
		border: 5px solid white;
151 151
		height: 40px;
static/toodego/_carrousel.scss
122 122
		text-align: center;
123 123
		&::after {
124 124
			font-family: FontAwesome;
125
			font-size: 24px;
125
			font-size: 1.5rem;
126 126
		}
127 127
		&.carrousel-left {
128 128
			left: 1ex;
static/toodego/_custom.scss
12 12

  
13 13
body {
14 14
	@media screen and (max-width: $desktop-limit) {
15
		font-size: 14px;
15
		font-size: 0.875rem;
16 16
	}
17 17
}
18 18

  
......
578 578
		max-width: $width;
579 579
		margin: 0 auto;
580 580
		padding: 2rem 0;
581
		font-size: 13px;
581
		font-size: 0.812rem;
582 582
		font-weight: 500;
583 583
		@media screen and (max-width: $desktop-limit) {
584 584
			text-align: center;
......
763 763
	position: relative;
764 764
	font: Raleway;
765 765
	font-weight: bold;
766
	font-size: 12px;
766
	font-size: 0.75rem;
767 767
	a {
768 768
		color: white;
769 769
	}
......
936 936
					span {
937 937
						display: block;
938 938
						height: $mobile-navigation-height / 2;
939
						font-size: 10px;
939
						font-size: 0.625rem;
940 940
						color: white;
941 941
					}
942 942
				}
......
1032 1032
		line-height: 40px;
1033 1033
		display: inline-block;
1034 1034
		text-align: center;
1035
		font-size: 40px;
1035
		font-size: 2.5rem;
1036 1036
		position: relative;
1037 1037
		top: -20px;
1038 1038
		left: -20px;
......
1057 1057
		position: static;
1058 1058
		text-align: left;
1059 1059
		font-family: $font-family;
1060
		font-size: 24px;
1060
		font-size: 1.5rem;
1061 1061
		background: transparent;
1062 1062
		color: #333;
1063 1063
		font-weight: bold;
static/toodego/_gallery.scss
30 30
		text-decoration: underline;
31 31
		color: black;
32 32
		font-weight: bold;
33
		font-size: 18px;
33
		font-size: 1.125rem;
34 34
		padding-top: 150px;
35 35
	}
36 36
}
......
58 58
		text-align: center;
59 59
		&::after {
60 60
			font-family: FontAwesome;
61
			font-size: 24px;
61
			font-size: 1.5rem;
62 62
		}
63 63
		&.exit {
64 64
			top: 2%;
static/toodego/_pollen.scss
16 16
		}
17 17
		box-sizing: content-box;
18 18
		font-weight: bold;
19
		font-size: 24px;
19
		font-size: 1.5rem;
20 20
		padding-top: 0px;
21 21
		border: 5px solid transparent;
22 22
		height: 40px;
static/toodego/_specialpages.scss
100 100
					&::before {
101 101
						color: $red;
102 102
						z-index: 1000;
103
						font-size: 20px;
103
						font-size: 1.25rem;
104 104
						font-family: FontAwesome;
105 105
						content: "\f053";  // chevron-left;
106 106
						position: absolute;
......
511 511
			background: transparent;
512 512
		}
513 513
		h1 {
514
			font-size: 120px;
514
			font-size: 7.5rem;
515 515
			color: $red;
516 516
			margin: 0;
517 517
		}
static/toodego/_tiles.scss
246 246
			font-family: FontAwesome;
247 247
			position: relative;
248 248
			top: 7px;
249
			font-size: 60px;
249
			font-size: 3.75rem;
250 250
			@media screen and (max-width: $desktop-limit) {
251
				font-size: 40px;
251
				font-size: 2.5rem;
252 252
			}
253 253
		}
254 254
	}
static/toodego/_vars.scss
7 7

  
8 8
$body-background: white;
9 9
$font-family: Raleway, sans-serif;
10
$font-size: 16px;
10
$font-size: 1em;
11 11
$width: 1200px;
12 12
$border-radius: 0;
13 13
$link-color: $red;
static/toulouse-metropole/_custom.scss
81 81
	left: 0;
82 82
	background: #6a5f5b;
83 83
	color: white;
84
	font-size: 11px;
84
	font-size: 0.846rem;
85 85
	width: $nav-width;
86 86
	text-transform: uppercase;
87 87
	z-index: 150;
......
131 131
					padding-top: 45px;
132 132
					span {
133 133
						display: inline;
134
						font-size: 11px;
134
						font-size: 0.846rem;
135 135
					}
136 136
				}
137 137
			}
......
315 315
	color: #27252f;
316 316
	position: relative;
317 317
	h1:first-child {
318
		font-size: 32px;
318
		font-size: 2.462rem;
319 319
		font-weight: 600;
320 320
		margin-bottom: 3rem;
321 321
		@media screen and (max-width: 380px) {
322
			font-size: 24px;
322
			font-size: 1.846rem;
323 323
		}
324 324
		&::before {
325 325
			content: "";
......
394 394
			background: #6A5F5B;
395 395
			border-radius: 5px;
396 396
			color: #fff;
397
			font-size: 13px;
397
			font-size: 1rem;
398 398
			text-transform: uppercase;
399 399
			cursor: pointer;
400 400
			padding-top: 2px;
......
517 517
		}
518 518
		h3 {
519 519
			text-transform: uppercase;
520
			font-size: 16px;
520
			font-size: 1.231rem;
521 521
			line-height: 135%;
522 522
		}
523 523
		p {
......
603 603
			color: $dark-link-color;
604 604
			border-radius: 40px;
605 605
			box-shadow: 0 0 4px #45434c;
606
			font-size: 13px;
606
			font-size: 1rem;
607 607
			&::before {
608 608
				content: '';
609 609
				position: absolute;
......
645 645
	border: none;
646 646
	background: transparent;
647 647
	color: white;
648
	font-size: 17px;
648
	font-size: 1.308rem;
649 649
	font-weight: bold;
650 650
	h1 {
651 651
		padding-top: 50px;
652 652
		color: white;
653
		font-size: 65px;
653
		font-size: 5rem;
654 654
		letter-spacing: 4px;
655 655
		margin: 0;
656 656
		margin-bottom: 50px;
......
677 677
		text-align: center;
678 678
		width: auto;
679 679
		h1 {
680
			font-size: 40px;
680
			font-size: 3.077rem;
681 681
		}
682 682
		h2 {
683
			font-size: 20px;
683
			font-size: 1.538rem;
684 684
		}
685 685
	}
686 686
	a.pk-button {
......
731 731
		h3 {
732 732
			text-transform: uppercase;
733 733
			font-weight: bold;
734
			font-size: 18px;
734
			font-size: 1.385rem;
735 735
			letter-spacing: 3px;
736 736
		}
737 737
		p {
738
			font-size: 13px;
738
			font-size: 1rem;
739 739
			padding: 0 1rem;
740 740
		}
741 741
		a {
......
770 770
			display: inline-block;
771 771
			a {
772 772
				border: none;
773
				font-size: 10px;
773
				font-size: 0.769rem;
774 774
				text-transform: uppercase;
775 775
				color: #333;
776 776
				background: inherit;
......
796 796
	background: $violet url(img/header/img_ville_background_header_pageinter.jpg) top center no-repeat;
797 797
	background-size: cover;
798 798
	padding: 170px 50px 100px 100px;
799
	font-size: 16px;
799
	font-size: 1.231rem;
800 800
	font-weight: bold;
801 801
	@media screen and ($max-mobile-viewport) {
802 802
		padding: 150px 1rem 1rem 1rem;
......
805 805
	p.category-name {
806 806
		height: 35px;
807 807
		line-height: 35px;
808
		font-size: 15px;
808
		font-size: 1.154rem;
809 809
		text-transform: uppercase;
810 810
		font-weight: bold;
811 811
	}
812 812
	h1 {
813 813
		margin-top: 0;
814
		font-size: 55px;
814
		font-size: 4.231rem;
815 815
		letter-spacing: 4px;
816 816
		line-height: 100%;
817 817
		margin-right: 160px;
......
841 841
		span {
842 842
			display: block;
843 843
			color: #6b5f5a;
844
			font-size: 13px;
844
			font-size: 1rem;
845 845
			padding-top: 45px;
846 846
			background: url(img/formulaire/picto-reveil.png) top center no-repeat;
847 847
		}
......
993 993
				width: 52px;
994 994
				height: 52px;
995 995
				line-height: 52px;
996
				font-size: 20px;
996
				font-size: 1.538rem;
997 997
				border-radius: 100%;
998 998
				color: #333;
999 999
				border: 2px solid $primary-color;
......
1084 1084

  
1085 1085
div#rub_service {
1086 1086
	box-shadow: 0 10px 5px #ccc;
1087
	font-size: 17px;
1087
	font-size: 1.308rem;
1088 1088
	div.text-check-before-submit {
1089 1089
		padding: 0 0;
1090 1090
		margin: 0 100px;
......
1104 1104
			}
1105 1105
		}
1106 1106
		h3 {
1107
			font-size: 23px;
1107
			font-size: 1.769rem;
1108 1108
			text-transform: uppercase;
1109 1109
			margin-bottom: 3rem;
1110 1110
			&::after {
......
1120 1120
			border: none;
1121 1121
		}
1122 1122
		div.widget div.title {
1123
			font-size: 16px;
1123
			font-size: 1.231rem;
1124 1124
		}
1125 1125
		> div.buttons {
1126 1126
			margin: 0 -100px;
......
1206 1206
div#evolution-log,
1207 1207
div#summary {
1208 1208
	h2 {
1209
		font-size: 23px;
1209
		font-size: 1.769rem;
1210 1210
		text-transform: uppercase;
1211 1211
		text-align: left;
1212 1212
		&::after {
......
1295 1295
	h2 {
1296 1296
		display: inline-block;
1297 1297
		padding: 0;
1298
		font-size: 23px;
1298
		font-size: 1.769rem;
1299 1299
		font-weight: 600;
1300 1300
		text-transform: uppercase;
1301 1301
		&::after {
......
1327 1327
		h2 {
1328 1328
			display: inline-block;
1329 1329
			padding: 0;
1330
			font-size: 23px;
1330
			font-size: 1.769rem;
1331 1331
			font-weight: 600;
1332 1332
			text-transform: uppercase;
1333 1333
			margin-bottom: 1rem;
......
1419 1419
		}
1420 1420
		border-bottom-left-radius: 10px;
1421 1421
		h3 {
1422
			font-size: 40px;
1422
			font-size: 3.077rem;
1423 1423
			@media screen and ($max-mobile-viewport) {
1424
				font-size: 20px;
1424
				font-size: 1.538rem;
1425 1425
			}
1426 1426
			margin-bottom: 2rem;
1427 1427
			a.rss {
......
1507 1507
	}
1508 1508
	margin: 0 auto;
1509 1509
	h2 {
1510
		font-size: 46px;
1510
		font-size: 3.538rem;
1511 1511
		font-weight: bold;
1512 1512
		@media screen and ($max-mobile-viewport) {
1513
			font-size: 32px;
1513
			font-size: 2.462rem;
1514 1514
		}
1515 1515
	}
1516 1516
	p {
......
1591 1591
			border-radius: 100%;
1592 1592
			color: white;
1593 1593
			span {
1594
				font-size: 18px;
1594
				font-size: 1.385rem;
1595 1595
				line-height: 34px;
1596 1596
				font-weight: bold;
1597 1597
				display: block;
......
1606 1606
		.current-label {
1607 1607
			display: inline-block;
1608 1608
			font-weight: bold;
1609
			font-size: 13px;
1609
			font-size: 1rem;
1610 1610
			padding: 1ex;
1611 1611
		}
1612 1612
	}
......
1624 1624
#content #registration-title {
1625 1625
	background: $violet url(img/header/img_ville_background_header_pageinter.jpg) top center no-repeat;
1626 1626
	background-size: cover;
1627
	font-size: 16px;
1627
	font-size: 1.231rem;
1628 1628
	text-align: center;
1629 1629
	width: auto;
1630 1630
	padding-top: 160px;
......
1660 1660
		}
1661 1661
		position: relative;
1662 1662
		h2 {
1663
			font-size: 36px;
1663
			font-size: 2.769rem;
1664 1664
			padding-left: 0;
1665 1665
			@media screen and ($max-mobile-viewport) {
1666
				font-size: 26px;
1666
				font-size: 2rem;
1667 1667
			}
1668 1668
		}
1669 1669
		&#frontend-login-password::after,
......
1752 1752
	h2 {
1753 1753
		font-weight: bold;
1754 1754
		text-align: left;
1755
		font-size: 40px;
1755
		font-size: 3.077rem;
1756 1756
		padding: 0;
1757 1757
	}
1758 1758
	@media screen and ($max-mobile-viewport) {
static/toulouse-metropole/_vars.scss
6 6
$font-family: AauxPro, Arial, Helvetica, sans-serif;
7 7
$width: auto;
8 8
$font-color: #666;
9
$font-size: 13px;
9
$font-size: 0.812em;
10 10

  
11 11
$nav-background: transparent;
12 12
$nav-color: white;
static/toulouse/_custom.scss
16 16
%toulouse-button {
17 17
	background: linear-gradient(to right, rgba(231,8,134,1) 0%, rgba(211,87,41,1) 100%);
18 18
	border-radius: 5px;
19
	font-size: 15px;
19
	font-size: 1.154rem;
20 20
	font-weight: bold;
21 21
	color: white;
22 22
	position: relative;
......
93 93
		box-shadow: none;
94 94
		a {
95 95
			color: #322f38;
96
			font-size: 9px;
96
			font-size: 0.692rem;
97 97
		}
98 98
		@media screen and ($max-mobile-viewport) {
99 99
			cursor: pointer;
......
115 115
		background: linear-gradient(to left, rgba(204,88,49,1) 0%, rgba(228,19,123,1) 100%);
116 116
	}
117 117
	color: white;
118
	font-size: 11px;
118
	font-size: 0.846rem;
119 119
	width: $nav-width;
120 120
	text-transform: uppercase;
121 121
	z-index: 150;
......
162 162
					padding-top: 45px;
163 163
					span {
164 164
						display: inline;
165
						font-size: 11px;
165
						font-size: 0.846rem;
166 166
					}
167 167
				}
168 168
			}
......
297 297
section#section-professionnels {
298 298
	position: relative;
299 299
	h1:first-child {
300
		font-size: 32px;
300
		font-size: 2.462rem;
301 301
		font-weight: 600;
302 302
		margin-bottom: 3rem;
303 303
		@media screen and (max-width: 380px) {
304
			font-size: 24px;
304
			font-size: 1.846rem;
305 305
		}
306 306
		&::before {
307 307
			content: "";
......
371 371
			background: #4f4c56;
372 372
			border-radius: 5px;
373 373
			color: #fff;
374
			font-size: 13px;
374
			font-size: 1rem;
375 375
			text-transform: uppercase;
376 376
			cursor: pointer;
377 377
			padding-top: 2px;
......
500 500
		}
501 501
		h3 {
502 502
			text-transform: uppercase;
503
			font-size: 16px;
503
			font-size: 1.231rem;
504 504
			line-height: 135%;
505 505
		}
506 506
		p {
......
590 590
			color: $dark-link-color;
591 591
			border-radius: 5px;
592 592
			box-shadow: 0 0 4px #45434c;
593
			font-size: 13px;
593
			font-size: 1rem;
594 594
			&::before {
595 595
				content: '';
596 596
				position: absolute;
......
644 644
	width: calc(100vw - 700px);
645 645
	background: rgba(255, 255, 255, 0.4);
646 646
	max-width: 50rem;
647
	font-size: 14px;
647
	font-size: 1.077rem;
648 648
	h1 {
649 649
		color: #2e2d35;
650
		font-size: 59px;
650
		font-size: 4.538rem;
651 651
		margin: 0;
652 652
	}
653 653
	h2 {
......
656 656
		color: $primary-color;
657 657
		margin: 0;
658 658
		margin-bottom: 2rem;
659
		font-size: 23px;
659
		font-size: 1.769rem;
660 660
		letter-spacing: 3px;
661 661
		&::after {
662 662
			content: none;
......
671 671
		text-align: center;
672 672
		width: auto;
673 673
		h1 {
674
			font-size: 40px;
674
			font-size: 3.077rem;
675 675
			margin: 0 50px;  // space for "actus" button
676 676
		}
677 677
		h2 {
678
			font-size: 20px;
678
			font-size: 1.538rem;
679 679
		}
680 680
	}
681 681
}
......
717 717
		h3 {
718 718
			text-transform: uppercase;
719 719
			font-weight: bold;
720
			font-size: 18px;
720
			font-size: 1.385rem;
721 721
			letter-spacing: 3px;
722 722
		}
723 723
		p {
724
			font-size: 13px;
724
			font-size: 1rem;
725 725
			padding: 0 1rem;
726 726
		}
727 727
		a {
......
756 756
			display: inline-block;
757 757
			a {
758 758
				border: none;
759
				font-size: 10px;
759
				font-size: 0.769rem;
760 760
				text-transform: uppercase;
761 761
				color: #333;
762 762
				background: inherit;
......
790 790
		height: 35px;
791 791
		line-height: 35px;
792 792
		padding-left: 45px;
793
		font-size: 15px;
793
		font-size: 1.154rem;
794 794
		font-weight: bold;
795 795
	}
796 796
	h1 {
797 797
		margin-top: 0;
798
		font-size: 40px;
798
		font-size: 3.077rem;
799 799
		margin-right: 160px;
800 800
		@media screen and ($max-mobile-viewport) {
801 801
			margin-right: 0;
......
814 814
		span {
815 815
			display: block;
816 816
			color: #fff;
817
			font-size: 13px;
817
			font-size: 1rem;
818 818
			padding-top: 45px;
819 819
			background: url(img/formulaire/picto-reveil.png) top center no-repeat;
820 820
		}
......
856 856
		background: linear-gradient(to right, rgba(231,8,134,1) 0%, rgba(211,87,41,1) 100%);
857 857
		border-radius: 5px;
858 858
		box-shadow: 0 0 4px #45434c;
859
		font-size: 13px;
859
		font-size: 1rem;
860 860
		&::before {
861 861
			content: '';
862 862
			position: absolute;
......
967 967
				z-index: 100;
968 968
				position: relative;
969 969
				font-weight: bold;
970
				font-size: 33px;
970
				font-size: 2.538rem;
971 971
			}
972 972
			&.current {
973 973
				background: transparent;
......
1029 1029
					width: 48px;
1030 1030
					height: 48px;
1031 1031
					line-height: 48px;
1032
					font-size: 20px;
1032
					font-size: 1.538rem;
1033 1033
				}
1034 1034
				.label {
1035 1035
					display: none;
......
1060 1060
}
1061 1061

  
1062 1062
div#rub_service {
1063
	font-size: 17px;
1063
	font-size: 1.308rem;
1064 1064
	div.text-check-before-submit {
1065 1065
		padding: 0 0;
1066 1066
		margin: 0 100px;
......
1083 1083
			}
1084 1084
		}
1085 1085
		h3 {
1086
			font-size: 23px;
1086
			font-size: 1.769rem;
1087 1087
			text-transform: uppercase;
1088 1088
			margin-bottom: 3rem;
1089 1089
			&::after {
......
1099 1099
			border: none;
1100 1100
		}
1101 1101
		div.widget div.title {
1102
			font-size: 16px;
1102
			font-size: 1.231rem;
1103 1103
		}
1104 1104
		> div.buttons {
1105 1105
			margin: 0 -100px;
......
1193 1193
div#evolution-log,
1194 1194
div#summary {
1195 1195
	h2 {
1196
		font-size: 23px;
1196
		font-size: 1.769rem;
1197 1197
		text-transform: uppercase;
1198 1198
		text-align: left;
1199 1199
		&::after {
......
1276 1276
	h2 {
1277 1277
		display: inline-block;
1278 1278
		padding: 0;
1279
		font-size: 23px;
1279
		font-size: 1.769rem;
1280 1280
		font-weight: 600;
1281 1281
		text-transform: uppercase;
1282 1282
		&::after {
......
1308 1308
		h2 {
1309 1309
			display: inline-block;
1310 1310
			padding: 0;
1311
			font-size: 23px;
1311
			font-size: 1.769rem;
1312 1312
			font-weight: 600;
1313 1313
			text-transform: uppercase;
1314 1314
			margin-bottom: 1rem;
......
1400 1400
		}
1401 1401
		border-bottom-left-radius: 10px;
1402 1402
		h3 {
1403
			font-size: 40px;
1403
			font-size: 3.077rem;
1404 1404
			@media screen and ($max-mobile-viewport) {
1405
				font-size: 20px;
1405
				font-size: 1.538rem;
1406 1406
			}
1407 1407
			margin-bottom: 2rem;
1408 1408
			a.rss {
......
1489 1489
	}
1490 1490
	margin: 0 auto;
1491 1491
	h2 {
1492
		font-size: 46px;
1492
		font-size: 3.538rem;
1493 1493
		font-weight: bold;
1494 1494
		@media screen and ($max-mobile-viewport) {
1495
			font-size: 32px;
1495
			font-size: 2.462rem;
1496 1496
		}
1497 1497
	}
1498 1498
	p {
......
1564 1564
			border-radius: 100%;
1565 1565
			color: white;
1566 1566
			span {
1567
				font-size: 18px;
1567
				font-size: 1.385rem;
1568 1568
				line-height: 34px;
1569 1569
				font-weight: bold;
1570 1570
				display: block;
......
1579 1579
		.current-label {
1580 1580
			display: inline-block;
1581 1581
			font-weight: bold;
1582
			font-size: 13px;
1582
			font-size: 1rem;
1583 1583
			padding: 1ex;
1584 1584
		}
1585 1585
	}
......
1648 1648
		}
1649 1649
		position: relative;
1650 1650
		h2 {
1651
			font-size: 36px;
1651
			font-size: 2.769rem;
1652 1652
			padding-left: 0;
1653 1653
			@media screen and ($max-mobile-viewport) {
1654
				font-size: 26px;
1654
				font-size: 2rem;
1655 1655
			}
1656 1656
		}
1657 1657
		&#frontend-login-password::after,
......
1755 1755
	h2 {
1756 1756
		font-weight: bold;
1757 1757
		text-align: left;
1758
		font-size: 40px;
1758
		font-size: 3.077rem;
1759 1759
		padding: 0;
1760 1760
	}
1761 1761
	@media screen and ($max-mobile-viewport) {
static/toulouse/_vars.scss
4 4
$font-family: Montserrat, Arial, sans-serif;
5 5
$width: auto;
6 6
$font-color: #666;
7
$font-size: 13px;
7
$font-size: 0.812em;
8 8

  
9 9
$nav-background: transparent;
10 10
$nav-color: white;
static/tournai/_custom.scss
155 155
$dashboard_items: profil, demandes, paiements, porte-documents;
156 156

  
157 157
#content div.dashboard-menu ul li {
158
	font-size: 15px;
158
	font-size: 1.071rem;
159 159
	a:hover {
160 160
		background: transparent;
161 161
		color: $primary-color;
......
221 221
div#rub_service h2 {
222 222
	text-align: left;
223 223
	color: $primary-color;
224
	font-size: 26px;
224
	font-size: 1.857rem;
225 225
	font-weight: 500;
226 226
	padding-left: 0;
227 227
	text-transform: none;
......
249 249
div#summary h2:first-child {
250 250
	color: #000;
251 251
	font-weight: normal;
252
	font-size: 20px;
252
	font-size: 1.429rem;
253 253
}
254 254

  
255 255
ul#evolutions span.status {
......
290 290
	}
291 291
	h1 {
292 292
		margin: 0;
293
		font-size: 25px;
293
		font-size: 1.786rem;
294 294
		font-weight: 500;
295 295
		color: #414042;
296 296
		line-height: 110%;
......
302 302
	p.intro {
303 303
		margin: 0;
304 304
		margin-top: 1ex;
305
		font-size: 18px;
305
		font-size: 1.286rem;
306 306
		font-weight: 100;
307 307
		color: #9c9999;
308 308
	}
......
325 325
	padding-left: 10px;
326 326
	h3 {
327 327
		margin-top: 0;
328
		font-size: 22px;
328
		font-size: 1.571rem;
329 329
		font-weight: 500;
330 330
	}
331 331
	p input {
......
350 350
}
351 351

  
352 352
form#csam-login p {
353
	font-size: 15px;
353
	font-size: 1.071rem;
354 354
}
355 355

  
356 356
form#csam-login input {
......
369 369
#content div.wcsformsofcategorycell {
370 370
	position: relative;
371 371
	h2:first-child {
372
		font-size: 20px;
372
		font-size: 1.429rem;
373 373
		text-transform: none;
374 374
	}
375 375
	@each $category in $category-slugs {
......
409 409
#content div.wcscurrentformscell {
410 410
	h2:first-child {
411 411
		margin-top: 10px;
412
		font-size: 20px;
412
		font-size: 1.429rem;
413 413
		text-transform: none;
414 414
		background: url(assets/img/picto-demandes-en-cours.png) bottom left no-repeat;
415 415
		padding-left: 60px;
......
491 491
		text-transform: uppercase;
492 492
		h2 {
493 493
			text-transform: uppercase;
494
			font-size: 26px;
494
			font-size: 1.857rem;
495 495
			color: #414042;
496 496
		}
497 497
		p {
static/tournai/_vars.scss
1 1
$primary-color: #D8308A;
2 2
$width: 1140px;
3 3
$mobile-limit: 800px;
4
$font-size: 14px;
4
$font-size: 0.875em;
5 5
$font-family: DINPro, helvetica, arial, sans-serif;
6 6
$link-color: $primary-color;
7 7
$nav-background: #DCDADA;
......
19 19
$button-hover-background: $primary-color;
20 20
$button-hover-color: white;
21 21
$title-background: transparent;
22
$title-font-size: 15px;
22
$title-font-size: 1.071rem;
23 23
$title-transform: uppercase;
24 24
$title-color: #333;
25 25
$footer-background: #7A7979;
static/tours-metropole/_vars.scss
4 4

  
5 5
$font-color: black;
6 6
$font-family: 'Roboto Condensed', sans-serif;
7
$font-size: 16px;
7
$font-size: 1em;
8 8

  
9 9
$title-background: $primary-color;
10 10

  
static/tours/_vars.scss
5 5

  
6 6
$font-color: black;
7 7
$font-family: 'Source Sans Pro', sans-serif;
8
$font-size: 16px;
8
$font-size: 1em;
9 9

  
10 10
$nav-color: #000000;
11 11
$nav-submenu-color: #000000;
static/universite-paris-nanterre/_custom.scss
81 81
	h2 {
82 82
		color: $font-color;
83 83
		font-weight: bold;
84
		font-size: 15px;
84
		font-size: 1rem;
85 85
	}
86 86
	h3 {
87 87
		color: $primary-color;
88
		font-size: 10px;
88
		font-size: 0.667rem;
89 89
	}
90 90
}
91 91

  
static/universite-paris-nanterre/_vars.scss
1 1
$primary-color: #E30613;
2 2

  
3 3
$font-color: #5E5D5D;
4
$font-size: 15px;
4
$font-size: 0.938em;
5 5
$font-family: Arial, sans-serif;
6 6
$width: 1240px;
7 7

  
......
13 13
$button-background: $primary-color;
14 14
$title-color: $primary-color;
15 15
$title-weight: bold;
16
$title-font-size: 22px;
16
$title-font-size: 1.467rem;
17 17
$title-background: transparent;
18 18
$title-transform: uppercase;
19 19
$footer-background: #534e48;
static/urville-nacqueville/_vars.scss
2 2

  
3 3
$width: 960px;
4 4
$font-color: #333;
5
$font-size: 13px;
5
$font-size: 0.812em;
6 6
$font-family: Arial, Tahoma, sans-serif;
7 7
$nav-background: transparent;
8 8
$nav-submenu-background: $primary-color;
static/vandoeuvre-les-nancy/_custom.scss
5 5
		display: block;
6 6
		text-indent: -10000px;
7 7
		line-height: 180px;
8
		font-size: 40px;
8
		font-size: 2.857rem;
9 9
		color: white;
10 10
		font-weight: normal;
11 11
	}
static/vandoeuvre-les-nancy/_vars.scss
3 3
$font-family: Helvetica, Arial, sans-serif;
4 4
$width: 980px;
5 5
$font-color: #060606;
6
$font-size: 14px;
6
$font-size: 0.875em;
7 7
$nav-background: #4b4b4b linear-gradient(to bottom, #4b4b4b 0%, #717171 100%);
8 8
$nav-submenu-background: #eee;
9 9
$nav-submenu-color: #333;
static/vendargues/_vars.scss
2 2
$primary-color: $yellow;
3 3
$border-radius: 3px;
4 4
$font-family: Arial, sans-serif;
5
$font-size: 15px;
5
$font-size: 0.938em;
6 6
$width: 1200px;
7 7

  
8 8
$title-background: $yellow;
static/venissieux/_custom.scss
19 19

  
20 20
#toplinks {
21 21
	top: -6rem;
22
	font-size: 20px;
22
	font-size: 1.25rem;
23 23
	@media screen and ($max-mobile-viewport) {
24 24
		top: -9.5rem;
25
		font-size: 16px;
25
		font-size: 1rem;
26 26
	}
27 27
	background: transparent;
28 28
	span.login {
......
62 62
	font-family: Oswald;
63 63
	font-weight: 300;
64 64
	text-transform: uppercase;
65
	font-size: 48px;
65
	font-size: 3rem;
66 66
}
67 67

  
68 68
div#section-une {
......
134 134
			background: url(img/mon-compte.png) 5px 5px no-repeat;
135 135
			background-size: 40px;
136 136
			color: white;
137
			font-size: 32px;
137
			font-size: 2rem;
138 138
			padding-left: 50px;
139 139
			&::after {
140 140
				content: "";
......
186 186
	h2 {
187 187
		text-align: center;
188 188
		color: $secondary-color;
189
		font-size: 24px;
189
		font-size: 1.5rem;
190 190
		margin-top: 0;
191 191
	}
192 192
	picture {
......
247 247
			text-transform: uppercase;
248 248
		}
249 249
		h3 {
250
			font-size: 22px;
250
			font-size: 1.375rem;
251 251
			color: $secondary-color;
252 252
			margin-top: 2rem;
253 253
		}
static/venissieux/_vars.scss
1 1
$border-radius: 3px;
2 2
$primary-color: #3795b2;
3 3
$secondary-color: #ed0f53;
4
$font-size: 16px;
4
$font-size: 1em;
5 5
$font-family: Cantarell, sans-serif;
6 6

  
7 7
$width: 1400px;
......
19 19
$title-transform: uppercase;
20 20
$title-font-family: Oswald, sans-serif;
21 21
$title-weight: 300;
22
$title-font-size: 24px;
22
$title-font-size: 1.5rem;
23 23
$title-padding: 0.7rem 0.5rem;
24 24

  
25 25
$button-background: $primary-color;
static/villejuif/_custom.scss
64 64
	line-height: 1;
65 65
	text-transform: uppercase;
66 66
	transition: background-color 0.2s ease, color 0.2s ease;
67
	font-size: 14px;
67
	font-size: 1rem;
68 68
	padding: 15px 15px 15px;
69 69
	color: #fff;
70 70
	background-color: $primary-color;
static/villejuif/_vars.scss
2 2

  
3 3
$width: 980px;
4 4
$font-color: #222;
5
$font-size: 14px;
5
$font-size: 0.875em;
6 6
$font-family: Helvetica, sans-serif;
7 7
$button-background: $primary-color;
8 8
$title-background: $primary-color;
static/villeneuve-les-maguelone/_vars.scss
1 1
$primary-color: #00bdce;
2 2

  
3 3
$font-color: #3F3F3F;
4
$font-size: 15px;
4
$font-size: 0.938em;
5 5
$font-family: "Open Sans", sans-serif;
6 6
$width: 1140px;
7 7

  
static/villeurbanne-2018/_vars.scss
2 2

  
3 3
$font-family: Roboto, sans-serif;
4 4
$font-color: #222;
5
$font-size: 16px;
5
$font-size: 1em;
6 6

  
7 7
$width: 1230px;
8 8

  
static/vincennes-2018/_vars.scss
3 3
$width: 1160px;
4 4
$font-color: #282828;
5 5
$font-family: "Open Sans", sans-serif;
6
$font-size: 15px;
6
$font-size: 0.938em;
7 7
$nav-background: transparent;
8 8
$nav-submenu-background: #eee;
9 9
$nav-submenu-color: #333;
10
-