Projet

Général

Profil

0001-theme-add-guerande-55457.patch

Paul Marillonnet, 03 août 2021 16:15

Télécharger (44,7 ko)

Voir les différences: 

Subject: [PATCH] theme: add guerande (#55457)


 static/guerande/_custom.scss                  | 341 ++++++++++++++++++
 static/guerande/_vars.scss                    |  34 ++
 static/guerande/config.json                   |  17 +
 static/guerande/img/favicon-16x16.png         | Bin 0 -> 1054 bytes
 static/guerande/img/header-logo.png           | Bin 0 -> 14448 bytes
 static/guerande/img/logo-footer.png           | Bin 0 -> 6833 bytes
 static/guerande/img/moins.svg                 |  55 +++
 static/guerande/img/plus.svg                  |  54 +++
 static/guerande/style.scss                    |   5 +
 .../combo/page_template_header_3cols.html     |  19 +
 10 files changed, 525 insertions(+)
 create mode 100644 static/guerande/_custom.scss
 create mode 100644 static/guerande/_vars.scss
 create mode 100644 static/guerande/config.json
 create mode 100644 static/guerande/img/favicon-16x16.png
 create mode 100644 static/guerande/img/header-logo.png
 create mode 100644 static/guerande/img/logo-footer.png
 create mode 100644 static/guerande/img/moins.svg
 create mode 100644 static/guerande/img/plus.svg
 create mode 100644 static/guerande/style.scss
 create mode 100644 templates/variants/guerande/combo/page_template_header_3cols.html
static/guerande/_custom.scss
1 
@import '../includes/fonts/montserrat';
2 

  		




  
  3
  
    
@mixin form-icon($content) {

  		




  
  4
  
    
	content: $content;

  		




  
  5
  
    
	font-family: FontAwesome;

  		




  
  6
  
    
}

  		




  
  7
  
    

  		




  
  8
  
    
html {

  		




  
  9
  
    
	background: white;

  		




  
  10
  
    
}

  		




  
  11
  
    

  		




  
  12
  
    
#header {

  		




  
  13
  
    
	padding-top: 10px;

  		




  
  14
  
    
	padding-left: 0;

  		




  
  15
  
    
	position: relative;

  		




  
  16
  
    
	h1 {

  		




  
  17
  
    
		position: absolute;

  		




  
  18
  
    
		top: 20px;

  		




  
  19
  
    
		left: 20px;

  		




  
  20
  
    
		@media screen and (max-width: $nav-mobile-limit) {

  		




  
  21
  
    
			padding-left: 0px;

  		




  
  22
  
    
			top: 50px;

  		




  
  23
  
    
		}

  		




  
  24
  
    
	}

  		




  
  25
  
    
}

  		




  
  26
  
    

  		




  
  27
  
    
div#header h1#logo {

  		




  
  28
  
    
		@media screen and (max-width: $nav-mobile-limit) {

  		




  
  29
  
    
			margin-left: calc(55% - 160px);}

  		




  
  30
  
    
		a {

  		




  
  31
  
    
		background: url(img/header-logo.png) top left no-repeat;

  		




  
  32
  
    
		background-size: contain;

  		




  
  33
  
    
		padding-left: 400px;

  		




  
  34
  
    
		@media screen and (max-width: $nav-mobile-limit) {

  		




  
  35
  
    
			background-size: 80%;

  		




  
  36
  
    
			margin-top: 30px;

  		




  
  37
  
    
			padding-left: 300px;

  		




  
  38
  
    
		}

  		




  
  39
  
    
		display: block;

  		




  
  40
  
    
		text-indent: -10000px;

  		




  
  41
  
    
		min-height: 130px;

  		




  
  42
  
    
		line-height: 120px;

  		




  
  43
  
    
	}

  		




  
  44
  
    
}

  		




  
  45
  
    

  		




  
  46
  
    
nav.site-nav {

  		




  
  47
  
    
	@media screen and (max-width: $nav-mobile-limit) {

  		




  
  48
  
    
		margin-top: 75px;

  		




  
  49
  
    
	}

  		




  
  50
  
    
	margin-bottom: 50px;

  		




  
  51
  
    
}

  		




  
  52
  
    

  		




  
  53
  
    
div#nav {

  		




  
  54
  
    
	background-color: white;

  		




  
  55
  
    
	> ul {

  		




  
  56
  
    
		margin-top: 120px;

  		




  
  57
  
    
		@media (min-width: $nav-mobile-limit + 1) {

  		




  
  58
  
    
			margin-left: 440px;

  		




  
  59
  
    
			margin-top: 65px;

  		




  
  60
  
    
		}

  		




  
  61
  
    
		a {

  		




  
  62
  
    
			font-size: 1.3em;

  		




  
  63
  
    
			color:black;

  		




  
  64
  
    
			&:hover {

  		




  
  65
  
    
				color: $primary-color;

  		




  
  66
  
    
				background-color: white;

  		




  
  67
  
    
			}

  		




  
  68
  
    
			&::before {

  		




  
  69
  
    
				@include form-icon("\f105");

  		




  
  70
  
    
				color: $primary-color;

  		




  
  71
  
    
				padding-right: 8px;

  		




  
  72
  
    
				font-size: 1.2rem;

  		




  
  73
  
    
			}

  		




  
  74
  
    
		}

  		




  
  75
  
    
		li a {

  		




  
  76
  
    
			padding: 0.5em 20px;}

  		




  
  77
  
    
		li:last-child {

  		




  
  78
  
    
			a{

  		




  
  79
  
    
				border: 1px solid $primary-color;

  		




  
  80
  
    
				color: white;

  		




  
  81
  
    
				background-color: $primary-color;

  		




  
  82
  
    
				&::before {

  		




  
  83
  
    
				content: none;}

  		




  
  84
  
    
				&:hover {

  		




  
  85
  
    
					color: black;

  		




  
  86
  
    
					background-color: white;

  		




  
  87
  
    
				}

  		




  
  88
  
    
			}

  		




  
  89
  
    
		}

  		




  
  90
  
    
	}

  		




  
  91
  
    
		@media screen and (max-width: $nav-mobile-limit) {

  		




  
  92
  
    
			margin-left: 0;

  		




  
  93
  
    
	}

  		




  
  94
  
    
}

  		




  
  95
  
    

  		




  
  96
  
    
div#toplinks {

  		




  
  97
  
    
	a {

  		




  
  98
  
    
		color: black;}

  		




  
  99
  
    
	@media (min-width: $mobile-limit) {

  		




  
  100
  
    
		right: 9em;}

  		




  
  101
  
    
}

  		




  
  102
  
    

  		




  
  103
  
    
div#services > ul > li,

  		




  
  104
  
    
div.a2-block,

  		




  
  105
  
    
div.block {

  		




  
  106
  
    
	box-shadow: 0 0 36px rgba(0,0,0,0.2);

  		




  
  107
  
    
}

  		




  
  108
  
    

  		




  
  109
  
    
#center-content div.empty-cell {

  		




  
  110
  
    
	display: none;

  		




  
  111
  
    
}

  		




  
  112
  
    

  		




  
  113
  
    
.three-cols-page-header {

  		




  
  114
  
    
	margin-left: 7%;

  		




  
  115
  
    
	margin-right: 7%;

  		




  
  116
  
    
	.portal-title {

  		




  
  117
  
    
		text-align: center;

  		




  
  118
  
    
		font-size: 1.6rem;

  		




  
  119
  
    
		font-weight: 300;

  		




  
  120
  
    
	}

  		




  
  121
  
    
	.portal-presentation {

  		




  
  122
  
    
		text-align: center;}

  		




  
  123
  
    
}

  		




  
  124
  
    

  		




  
  125
  
    
#content div.wcsformsofcategorycell {

  		




  
  126
  
    
	@media (max-width: $mobile-limit) {

  		




  
  127
  
    
		margin-left: 9%;

  		




  
  128
  
    
		margin-right: 9%;

  		




  
  129
  
    
	}

  		




  
  130
  
    
	padding-bottom: 50px;

  		




  
  131
  
    
	border: 1px solid #d3d3d3;

  		




  
  132
  
    
	border-radius: 4px;

  		




  
  133
  
    
	h2 {

  		




  
  134
  
    
		background: white;

  		




  
  135
  
    
		text-align: left;

  		




  
  136
  
    
		color: black;

  		




  
  137
  
    
		padding: 20px 60px 0 30px;

  		




  
  138
  
    
		margin: 0px;

  		




  
  139
  
    
		font-weight: normal;

  		




  
  140
  
    
		min-height: 3.5rem;

  		




  
  141
  
    
		@media screen and ($max-mobile-viewport) {

  		




  
  142
  
    
			min-height: 2.5rem;

  		




  
  143
  
    
		}

  		




  
  144
  
    
	}

  		




  
  145
  
    
	&.foldable h2::after {

  		




  
  146
  
    
		background: url(img/moins.svg) top right no-repeat;

  		




  
  147
  
    
		background-size: 25px 25px;

  		




  
  148
  
    
		content: "";

  		




  
  149
  
    
		display: block;

  		




  
  150
  
    
		width: 25px;

  		




  
  151
  
    
		height: 25px;

  		




  
  152
  
    
		padding-top: 20px;

  		




  
  153
  
    
		position: absolute;

  		




  
  154
  
    
		top: 20px;

  		




  
  155
  
    
		right: 20px;

  		




  
  156
  
    
	}

  		




  
  157
  
    
	&.foldable.folded h2::after {

  		




  
  158
  
    
		background: url(img/plus.svg) top right no-repeat;

  		




  
  159
  
    
	}

  		




  
  160
  
    
	li a {

  		




  
  161
  
    
		padding: 5px 40px;

  		




  
  162
  
    
		color: black;

  		




  
  163
  
    
	}

  		




  
  164
  
    
	picture {

  		




  
  165
  
    
		height: 250px;

  		




  
  166
  
    
		overflow: hidden;

  		




  
  167
  
    
		padding-top: 50px;

  		




  
  168
  
    
		margin: 0px;

  		




  
  169
  
    
	}

  		




  
  170
  
    
	img {

  		




  
  171
  
    
		padding: 0px;

  		




  
  172
  
    
	}

  		




  
  173
  
    
}

  		




  
  174
  
    

  		




  
  175
  
    
div#footer-wrapper {

  		




  
  176
  
    
	padding: 0 0 0;

  		




  
  177
  
    
}

  		




  
  178
  
    

  		




  
  179
  
    
div#footer {

  		




  
  180
  
    
		@media screen and (max-width: $nav-mobile-limit) {

  		




  
  181
  
    
			div[class*="grid-"] { // discard grid properties in mobile mode

  		




  
  182
  
    
				width: 100%;

  		




  
  183
  
    
				padding-right: 0px;

  		




  
  184
  
    
			}

  		




  
  185
  
    
		}

  		




  
  186
  
    
	.text-cell {

  		




  
  187
  
    
		padding-top: 66px;

  		




  
  188
  
    
		padding-bottom: 36px;

  		




  
  189
  
    
	}

  		




  
  190
  
    
	.contact {

  		




  
  191
  
    
		div {

  		




  
  192
  
    
			display: flex;

  		




  
  193
  
    
			justify-content: space-around;

  		




  
  194
  
    
		}

  		




  
  195
  
    
	}

  		




  
  196
  
    
	.site-infos__main {

  		




  
  197
  
    
		display: flex;

  		




  
  198
  
    
		padding-left: 50px;

  		




  
  199
  
    
		@media (min-width: $nav-mobile-limit + 1) {

  		




  
  200
  
    
			padding-left: 20%;

  		




  
  201
  
    
		}

  		




  
  202
  
    
		.site-infos__address {

  		




  
  203
  
    
			width: 100%;

  		




  
  204
  
    
		}

  		




  
  205
  
    
		.site-infos__image {

  		




  
  206
  
    
			background: url(img/logo-footer.png) top left no-repeat;

  		




  
  207
  
    
			background-size: contain;

  		




  
  208
  
    
			display: block;

  		




  
  209
  
    
			min-width: 165px;

  		




  
  210
  
    
			min-height: 124px;

  		




  
  211
  
    
		}

  		




  
  212
  
    
	}

  		




  
  213
  
    
	.menu-cross {

  		




  
  214
  
    
		@media (min-width: $nav-mobile-limit + 1) {

  		




  
  215
  
    
			background: $primary-color;

  		




  
  216
  
    
			padding-bottom: 120px;

  		




  
  217
  
    
			div {

  		




  
  218
  
    
				margin: 0% 20% auto 15%;

  		




  
  219
  
    
			}

  		




  
  220
  
    
			* a {

  		




  
  221
  
    
				color: black;

  		




  
  222
  
    
			}

  		




  
  223
  
    
		}

  		




  
  224
  
    
		nav.menu-cross__nav {

  		




  
  225
  
    
			padding-left: 20px;

  		




  
  226
  
    
			ul {

  		




  
  227
  
    
				margin: 0;

  		




  
  228
  
    
				padding: 0;

  		




  
  229
  
    
				li {

  		




  
  230
  
    
					a {

  		




  
  231
  
    
						font-size: 0.7rem;

  		




  
  232
  
    
						text-transform: uppercase;

  		




  
  233
  
    
					}

  		




  
  234
  
    
				}

  		




  
  235
  
    
			}

  		




  
  236
  
    
		}

  		




  
  237
  
    
		.menu-cross__item::before, .menu-cross__link::before {

  		




  
  238
  
    
			@include form-icon("\f105");

  		




  
  239
  
    
			@media (min-width: $nav-mobile-limit + 1) {

  		




  
  240
  
    
				color: black;

  		




  
  241
  
    
			}

  		




  
  242
  
    
			padding-right: 5px;

  		




  
  243
  
    
			font-size: 0.8rem;

  		




  
  244
  
    
			font-weight: 800;

  		




  
  245
  
    
		}

  		




  
  246
  
    
	}

  		




  
  247
  
    
	* {

  		




  
  248
  
    
		box-sizing: content-box;

  		




  
  249
  
    
	}

  		




  
  250
  
    
	img {

  		




  
  251
  
    
		width: 165px;

  		




  
  252
  
    
		height: 124px;

  		




  
  253
  
    
		@media (min-width: $nav-mobile-limit + 1) {

  		




  
  254
  
    
			margin: 0px 20px 60px 20px;

  		




  
  255
  
    
		}

  		




  
  256
  
    
	}

  		




  
  257
  
    
	border-color: #fff;

  		




  
  258
  
    
	width: 100%;

  		




  
  259
  
    
	max-width: unset;

  		




  
  260
  
    
	li {

  		




  
  261
  
    
		list-style: none;

  		




  
  262
  
    
	}

  		




  
  263
  
    
	a {

  		




  
  264
  
    
		color: #fff;

  		




  
  265
  
    
	}

  		




  
  266
  
    
	.ghost {

  		




  
  267
  
    
		display: none;

  		




  
  268
  
    
	}

  		




  
  269
  
    
	.btn:focus, .btn:hover {

  		




  
  270
  
    
		background-color: #0f183b;

  		




  
  271
  
    
		border-color: transparent !important;

  		




  
  272
  
    
		text-decoration: none;

  		




  
  273
  
    
	}

  		




  
  274
  
    
	address.site-infos__listitems {

  		




  
  275
  
    
		font-size: 0.75rem;

  		




  
  276
  
    
		font-weight: 400;

  		




  
  277
  
    
		font-style: normal;

  		




  
  278
  
    
		@media screen and (max-width: $nav-mobile-limit) {

  		




  
  279
  
    
			text-align: end;

  		




  
  280
  
    
		}

  		




  
  281
  
    
	}

  		




  
  282
  
    
	a.contact-social__link, a.contact-cityhall__link {

  		




  
  283
  
    
		display: flex;

  		




  
  284
  
    
		font-size: 1rem;

  		




  
  285
  
    
		font-weight: 700;

  		




  
  286
  
    
		text-transform: uppercase;

  		




  
  287
  
    
		padding: 25px 25px 25px 25px;

  		




  
  288
  
    
		@media (min-width: $nav-mobile-limit + 1) {

  		




  
  289
  
    
			margin-top: 80px;}

  		




  
  290
  
    
		&:hover {

  		




  
  291
  
    
			color: $primary-color;

  		




  
  292
  
    
			background-color: black;

  		




  
  293
  
    
		}

  		




  
  294
  
    
	}

  		




  
  295
  
    
	* a.menu-cross__link {

  		




  
  296
  
    
		display: block;

  		




  
  297
  
    
		font-size: 1rem;

  		




  
  298
  
    
		font-weight: 700;

  		




  
  299
  
    
		border: solid 1px;

  		




  
  300
  
    
		border-radius: 0px;

  		




  
  301
  
    
		padding: 10px 0px 10px 10px;

  		




  
  302
  
    
		&:hover {

  		




  
  303
  
    
			color: white;

  		




  
  304
  
    
			background-color: black;

  		




  
  305
  
    
		}

  		




  
  306
  
    
	}

  		




  
  307
  
    
	.social-networks {

  		




  
  308
  
    
		display: flex;

  		




  
  309
  
    
		justify-content: start;

  		




  
  310
  
    
		margin-left: 120px;

  		




  
  311
  
    
		@media screen and (max-width: $nav-mobile-limit) {

  		




  
  312
  
    
			margin-left: 30px;}

  		




  
  313
  
    
	}

  		




  
  314
  
    
	.social-networks li a::after {

  		




  
  315
  
    
		padding-left: 6px;

  		




  
  316
  
    
	}

  		




  
  317
  
    
	.social-networks {

  		




  
  318
  
    
		li:nth-child(1) a::after {

  		




  
  319
  
    
			@include form-icon("\f09a");

  		




  
  320
  
    
		}

  		




  
  321
  
    
		li:nth-child(2) a::after {

  		




  
  322
  
    
			@include form-icon("\f099");

  		




  
  323
  
    
		}

  		




  
  324
  
    
		li:nth-child(3) a::after {

  		




  
  325
  
    
			@include form-icon("\f16a");

  		




  
  326
  
    
		}

  		




  
  327
  
    
		li:nth-child(4) a::after {

  		




  
  328
  
    
			@include form-icon("\f16d");

  		




  
  329
  
    
		}

  		




  
  330
  
    
	}

  		




  
  331
  
    
	.social-networks__item a {

  		




  
  332
  
    
		height: 27px;

  		




  
  333
  
    
		width: 24px;

  		




  
  334
  
    
		border: 1px solid #fff;

  		




  
  335
  
    
		border-radius: 50%;

  		




  
  336
  
    
		display: grid;

  		




  
  337
  
    
		text-decoration: none;

  		




  
  338
  
    
		padding-top: 4px;

  		




  
  339
  
    
		padding-right: 7px;

  		




  
  340
  
    
	}

  		




  
  341
  
    
}

  		












  

    
      static/guerande/_vars.scss
    
  





  
  1
  
    
$primary-color: #A99A6f;

  		




  
  2
  
    

  		




  
  3
  
    
$width: 1260px;

  		




  
  4
  
    
$font-color: black;

  		




  
  5
  
    
$font-family: Montserrat, sans-serif;

  		




  
  6
  
    
$font-size: 1em;

  		




  
  7
  
    
$nav-background: $primary-color;

  		




  
  8
  
    
$nav-submenu-background: $primary-color;

  		




  
  9
  
    
$nav-submenu-color: white;

  		




  
  10
  
    
$nav-color: white;

  		




  
  11
  
    
$nav-active-color: darken($primary-color, 5%);

  		




  
  12
  
    
$nav-item-selected-color: white;

  		




  
  13
  
    
$nav-item-hover-color: white;

  		




  
  14
  
    
$nav-mobile-limit: 1024px;

  		




  
  15
  
    
$border-radius: 0px;

  		




  
  16
  
    
$button-background: $primary-color;

  		




  
  17
  
    
$title-background: $primary-color;

  		




  
  18
  
    
$title-weight: bold;

  		




  
  19
  
    
$title-color: white;

  		




  
  20
  
    
$footer-background: black;

  		




  
  21
  
    
$footer-color: white;

  		




  
  22
  
    
$cell-entry-color: $primary-color;

  		




  
  23
  
    
$cell-entry-hover-color: black;

  		




  
  24
  
    
$cell-entry-hover-background: darken($primary-color, 10%);

  		




  
  25
  
    
$cell-image-position: top;

  		




  
  26
  
    
$link-color: white;

  		




  
  27
  
    
$fz-h4: 1em;

  		




  
  28
  
    

  		




  
  29
  
    
$wcs-steps-spacing: 1rem;

  		




  
  30
  
    
$wcs-step-border-bottom: none;

  		




  
  31
  
    
$wcs-step-color: #000;

  		




  
  32
  
    
$wcs-step-background-color: #fff;

  		




  
  33
  
    
$wcs-step-current-marker-background: $primary-color;

  		




  
  34
  
    
$wcs-step-current-marker-color: #fff;

  		












  

    
      static/guerande/config.json
    
  





  
  1
  
    
{

  		




  
  2
  
    
  "label": "Guérande",

  		




  
  3
  
    
  "variables": {

  		




  
  4
  
    
    "favicon": "guerande/img/favicon-16x16.png",

  		




  
  5
  
    
    "theme_color": "#A99A6F"

  		




  
  6
  
    
  },

  		




  
  7
  
    
  "settings": {

  		




  
  8
  
    
    "combo": {

  		




  
  9
  
    
      "COMBO_PUBLIC_TEMPLATES.update": {

  		




  
  10
  
    
        "header_three_columns": {

  		




  
  11
  
    
          "name": "En-tête et trois colonnes",

  		




  
  12
  
    
          "template": "combo/page_template_header_3cols.html"

  		




  
  13
  
    
        }

  		




  
  14
  
    
      }

  		




  
  15
  
    
    }

  		




  
  16
  
    
  }

  		




  
  17
  
    
}

  		












  

    
      static/guerande/img/moins.svg
    
  





  
  1
  
    
<?xml version="1.0" encoding="UTF-8" standalone="no"?>

  		




  
  2
  
    
<svg

  		




  
  3
  
    
   xmlns:dc="http://purl.org/dc/elements/1.1/"

  		




  
  4
  
    
   xmlns:cc="http://creativecommons.org/ns#"

  		




  
  5
  
    
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"

  		




  
  6
  
    
   xmlns:svg="http://www.w3.org/2000/svg"

  		




  
  7
  
    
   xmlns="http://www.w3.org/2000/svg"

  		




  
  8
  
    
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"

  		




  
  9
  
    
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"

  		




  
  10
  
    
   version="1.1"

  		




  
  11
  
    
   id="Calque_1"

  		




  
  12
  
    
   x="0px"

  		




  
  13
  
    
   y="0px"

  		




  
  14
  
    
   viewBox="0 0 25.02 25.02"

  		




  
  15
  
    
   style="enable-background:new 0 0 25.02 25.02;"

  		




  
  16
  
    
   xml:space="preserve"

  		




  
  17
  
    
   sodipodi:docname="moins.svg"

  		




  
  18
  
    
   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata

  		




  
  19
  
    
   id="metadata11"><rdf:RDF><cc:Work

  		




  
  20
  
    
       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type

  		




  
  21
  
    
         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs

  		




  
  22
  
    
   id="defs9" /><sodipodi:namedview

  		




  
  23
  
    
   pagecolor="#ffffff"

  		




  
  24
  
    
   bordercolor="#666666"

  		




  
  25
  
    
   borderopacity="1"

  		




  
  26
  
    
   objecttolerance="10"

  		




  
  27
  
    
   gridtolerance="10"

  		




  
  28
  
    
   guidetolerance="10"

  		




  
  29
  
    
   inkscape:pageopacity="0"

  		




  
  30
  
    
   inkscape:pageshadow="2"

  		




  
  31
  
    
   inkscape:window-width="1920"

  		




  
  32
  
    
   inkscape:window-height="1016"

  		




  
  33
  
    
   id="namedview7"

  		




  
  34
  
    
   showgrid="false"

  		




  
  35
  
    
   inkscape:zoom="29.376498"

  		




  
  36
  
    
   inkscape:cx="12.51"

  		




  
  37
  
    
   inkscape:cy="12.51"

  		




  
  38
  
    
   inkscape:window-x="0"

  		




  
  39
  
    
   inkscape:window-y="27"

  		




  
  40
  
    
   inkscape:window-maximized="1"

  		




  
  41
  
    
   inkscape:current-layer="Calque_1" />

  		




  
  42
  
    
<style

  		




  
  43
  
    
   type="text/css"

  		




  
  44
  
    
   id="style2">

  		




  
  45
  
    
	.st0{fill:#FBD764;}

  		




  
  46
  
    
</style>

  		




  
  47
  
    
<path

  		




  
  48
  
    
   class="st0"

  		




  
  49
  
    
   d="M12.51,0C5.6,0,0,5.6,0,12.51s5.6,12.51,12.51,12.51s12.51-5.6,12.51-12.51S19.42,0,12.51,0z M21.14,13.81H13.8  v7.34h-2.59v-7.34H3.87v-2.59h7.34V3.88h2.59v7.34h7.34V13.81z"

  		




  
  50
  
    
   id="path4" />

  		




  
  51
  
    
<path

  		




  
  52
  
    
   style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.167256;stroke-linecap:square;paint-order:markers stroke fill"

  		




  
  53
  
    
   d="M 11.454735,24.966882 C 8.3886618,24.68634 5.6546076,23.382956 3.5232246,21.185757 0.30401969,17.867146 -0.80631979,13.037768 0.63424809,8.6202667 1.4337138,6.1687056 2.9600474,4.0520646 5.0639708,2.4773547 7.2977786,0.80543089 10.008266,-0.04927732 12.833388,0.02739482 c 1.370208,0.03718663 2.483077,0.23409695 3.717802,0.65782497 1.900089,0.65206561 3.517027,1.67961281 4.928565,3.13205311 1.991423,2.0491261 3.18001,4.6251145 3.476882,7.5353391 0.05141,0.503981 0.05141,1.810796 0,2.314776 -0.295568,2.897442 -1.483302,5.47941 -3.456868,7.514751 -2.061408,2.125932 -4.63262,3.393802 -7.611116,3.753058 -0.422581,0.05097 -1.99888,0.07149 -2.433918,0.03168 z m 6.025225,-11.12929 h 3.659387 V 12.527021 11.216449 H 17.47996 7.5226161 3.8458032 l 0.00891,1.302061 0.00891,1.302062 3.6678981,0.0087 c 13.6078257,0.0083 -3.6678981,-0.0087 9.9484387,0.0083 z"

  		




  
  54
  
    
   id="path838"

  		




  
  55
  
    
   sodipodi:nodetypes="cssssssssssccccccccccccc" /></svg>

  		












  

    
      static/guerande/img/plus.svg
    
  





  
  1
  
    
<?xml version="1.0" encoding="UTF-8" standalone="no"?>

  		




  
  2
  
    
<svg

  		




  
  3
  
    
   xmlns:dc="http://purl.org/dc/elements/1.1/"

  		




  
  4
  
    
   xmlns:cc="http://creativecommons.org/ns#"

  		




  
  5
  
    
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"

  		




  
  6
  
    
   xmlns:svg="http://www.w3.org/2000/svg"

  		




  
  7
  
    
   xmlns="http://www.w3.org/2000/svg"

  		




  
  8
  
    
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"

  		




  
  9
  
    
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"

  		




  
  10
  
    
   version="1.1"

  		




  
  11
  
    
   id="Calque_1"

  		




  
  12
  
    
   x="0px"

  		




  
  13
  
    
   y="0px"

  		




  
  14
  
    
   viewBox="0 0 25.02 25.02"

  		




  
  15
  
    
   style="enable-background:new 0 0 25.02 25.02;"

  		




  
  16
  
    
   xml:space="preserve"

  		




  
  17
  
    
   sodipodi:docname="plus.svg"

  		




  
  18
  
    
   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata

  		




  
  19
  
    
   id="metadata11"><rdf:RDF><cc:Work

  		




  
  20
  
    
       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type

  		




  
  21
  
    
         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs

  		




  
  22
  
    
   id="defs9" /><sodipodi:namedview

  		




  
  23
  
    
   pagecolor="#ffffff"

  		




  
  24
  
    
   bordercolor="#666666"

  		




  
  25
  
    
   borderopacity="1"

  		




  
  26
  
    
   objecttolerance="10"

  		




  
  27
  
    
   gridtolerance="10"

  		




  
  28
  
    
   guidetolerance="10"

  		




  
  29
  
    
   inkscape:pageopacity="0"

  		




  
  30
  
    
   inkscape:pageshadow="2"

  		




  
  31
  
    
   inkscape:window-width="1920"

  		




  
  32
  
    
   inkscape:window-height="1016"

  		




  
  33
  
    
   id="namedview7"

  		




  
  34
  
    
   showgrid="false"

  		




  
  35
  
    
   inkscape:zoom="29.376498"

  		




  
  36
  
    
   inkscape:cx="12.51"

  		




  
  37
  
    
   inkscape:cy="12.475959"

  		




  
  38
  
    
   inkscape:window-x="0"

  		




  
  39
  
    
   inkscape:window-y="27"

  		




  
  40
  
    
   inkscape:window-maximized="1"

  		




  
  41
  
    
   inkscape:current-layer="Calque_1" />

  		




  
  42
  
    
<style

  		




  
  43
  
    
   type="text/css"

  		




  
  44
  
    
   id="style2">

  		




  
  45
  
    
	.st0{fill:#FBD764;}

  		




  
  46
  
    
</style>

  		




  
  47
  
    
<path

  		




  
  48
  
    
   class="st0"

  		




  
  49
  
    
   d="M12.51,0C5.6,0,0,5.6,0,12.51s5.6,12.51,12.51,12.51s12.51-5.6,12.51-12.51S19.42,0,12.51,0z M21.14,13.81H13.8  v7.34h-2.59v-7.34H3.87v-2.59h7.34V3.88h2.59v7.34h7.34V13.81z"

  		




  
  50
  
    
   id="path4" />

  		




  
  51
  
    
<path

  		




  
  52
  
    
   style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.167256;stroke-linecap:square;paint-order:markers stroke fill"

  		




  
  53
  
    
   d="M 11.454735,24.966882 C 8.3886618,24.68634 5.6546076,23.382956 3.5232246,21.185757 0.30401969,17.867146 -0.80631979,13.037768 0.63424809,8.6202667 1.4337138,6.1687056 2.9600474,4.0520646 5.0639708,2.4773547 7.2977786,0.80543089 10.008266,-0.04927732 12.833388,0.02739482 c 1.370208,0.03718663 2.483077,0.23409695 3.717802,0.65782497 1.900089,0.65206561 3.517027,1.67961281 4.928565,3.13205311 1.991423,2.0491261 3.18001,4.6251145 3.476882,7.5353391 0.05141,0.503981 0.05141,1.810796 0,2.314776 -0.295568,2.897442 -1.483302,5.47941 -3.456868,7.514751 -2.061408,2.125932 -4.63262,3.393802 -7.611116,3.753058 -0.422581,0.05097 -1.99888,0.07149 -2.433918,0.03168 z m 2.365837,-7.469902 v -3.659388 h 3.659388 3.659387 V 12.527021 11.216449 H 17.47996 13.820572 V 7.540041 3.8636327 H 12.51 11.199429 V 7.540041 11.216449 H 7.5226161 3.8458032 l 0.00891,1.302061 0.00891,1.302062 3.6678981,0.0087 3.6678987,0.0087 v 3.659235 3.659236 H 12.51 13.820572 Z"

  		




  
  54
  
    
   id="path838" /></svg>

  		












  

    
      static/guerande/style.scss
    
  





  
  1
  
    
@charset "UTF-8";

  		




  
  2
  
    

  		




  
  3
  
    
@import 'vars';

  		




  
  4
  
    
@import '../includes/publik';

  		




  
  5
  
    
@import 'custom';

  		












  

    
      templates/variants/guerande/combo/page_template_header_3cols.html
    
  





  
  1
  
    
{% extends "combo/page_template.html" %}

  		




  
  2
  
    

  		




  
  3
  
    
{% block content-pre %}

  		




  
  4
  
    
  <div class="three-cols-page-header">

  		




  
  5
  
    
    {% placeholder "header" name="Entête" %}

  		




  
  6
  
    
  </div>

  		




  
  7
  
    
{% endblock %}

  		




  
  8
  
    

  		




  
  9
  
    
{% block combo-content %}

  		




  
  10
  
    
  <div id="left-content" class="three-cols-column">

  		




  
  11
  
    
    {% placeholder "left" name="Colonne gauche" %}

  		




  
  12
  
    
  </div>

  		




  
  13
  
    
  <div id="center-content" class="three-cols-column">

  		




  
  14
  
    
    {% placeholder "content" name="Colonne centrale" %}

  		




  
  15
  
    
  </div>

  		




  
  16
  
    
  <div id="right-content" class="three-cols-column">

  		




  
  17
  
    
    {% placeholder "right" name="Colonne droite" %}

  		




  
  18
  
    
  </div>

  		




  
  19
  
    
{% endblock %}

  		




  0
  
  
    
-