Produits Entr'ouvert » Intégrations graphiques Publik

This theme is derived from the rouen.fr theme, created by Rouen, Direction de

la Communication et des Relations Publiques.

Its design is *not* covered by the GNU Affero General Public License.

@import '../includes/font-roboto';

@font-face {

	font-family: 'MarsIcons';

	src: url('fonts/marsicons12.ttf') format('truetype'),

	url('fonts/marsicons12.woff') format('woff'),

	url('fonts/marsicons12.woff2') format('woff2');

	font-weight: normal;

	font-style: normal;

}

h1, h2, h3, h4, div.textcell h3, div.textcell h4 {

	font-weight: bold;

	line-height: 1.5em;

	margin-bottom: 0.6em;

	margin-top: 1em;

}

h1 {

	color: $red;

	font-size: 237%;

}

h2 {

	color: $red;

	font-size: 187%;

}

h3 {

	color: $link-color;

	font-size: 162%;

}

h4 {

	font-size: 137%;

}

h1#logo a {

	background: url(img/logo.png) no-repeat left bottom;

	background-size: contain;

	display: block;

	height: 83px;

	text-indent: -9999px;

}

div#nav li {

	border-right: 0.1em solid #FFF;

}

@media screen and (max-width: $custom-very-small-screen) {

	div#footer {

		margin: 0 1em;

	}

}

div#footer > div > div > div {

	@include flexbox();

	@include vendor-prefix(flex-wrap, wrap);

	@media screen and (max-width: $custom-very-small-screen) {

		@include vendor-prefix(flex-direction, column);

	}

}

div#footer div#footer-logos {

	@include flex(1);

	@media screen and (max-width: $custom-very-small-screen) {

		flex-basis: auto;

	}

	background: $primary-color;

	margin: 0 0.4em 0 0;

	padding: 2em 0 2em 0;

	@media screen and (max-width: $custom-very-small-screen) {

		margin: 0;

	}

	ul.menu{

		list-style: none;

		margin-left: 0;

		margin-top: 0;

		li {

			font-weight: bold;

			float: left;

			line-height: 1.3em;

			margin-bottom: 0.5em;

		}

		li.rs-link a, li.logorouen span {

			display: block;

			height: 2.5em;

			margin-right: 0.8em;

			overflow: hidden;

			position: relative;

		}

		li.rs-link a {

			width: 2.5em;

		}

		li.logorouen span {

			width: 9.110em;

			&::after {

				background-image: url(img/logo-h.svg);

			}

		}

		li.rs-link a::after, li.logorouen span::after {

			background-size: 100% 100%;

			background-repeat: no-repeat;

			content: ' ';

			height: 100%;

			left: 0;

			position: absolute;

			top: 0;

			width: 100%;

		}

		li.rs-facebook a::after {

			background-image: url(img/rs-facebook.svg);

		}

		li.rs-twitter a::after {

			background-image: url(img/rs-twitter.svg);

		}

		li.rs-googleplus a::after {

			background-image: url(img/rs-googleplus.svg);

		}

		li.rs-youtube a::after {

			background-image: url(img/rs-youtube.svg);

		}

		li.rs-flickr a::after {

			background-image: url(img/rs-flickr.svg);

		}

	}

}

div#footer div#footer-content {

	@include flex(3);

	@media screen and (max-width: $custom-very-small-screen) {

		flex-basis: auto;

	}

	background: $primary-color;

	padding: 2em 2em 2em 2em;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

	ul.menu {

		border: 0;

		font-size: 100%;

		margin-top: 0;

		margin-left: 0;

		list-style: none;

		padding: 0;

		li {

			display: inline;

			font-weight: bold;

			line-height: 1.6em;

			margin-bottom: 0;

			a {

				border-bottom: none;

				color: $black;

			}

		}

		li::after {

			color: $black;

			content: $icon-mars-bullet;

			font-family: MarsIcons;

		}

		li:last-child::after {

			display: none;

		}

	}

}

div#rub_service h2 {

	color: #C64A59;

	font-size: 237%;

	padding-left: 0;

	text-align: left;

}

button {

	font-weight: bold;

}

%icon-common {

	font-family: MarsIcons;

	font-size: 200%;

	margin-right: 0.2em;

	vertical-align: middle;

}

div.RadiobuttonsWidget div.content label {

	display: block;

	& input[type="radio"] {

		display: none;

		& + span::before {

			@extend %icon-common;

			content: $icon-mars-circle;

		}

		&:checked + span::before {

			content: $icon-mars-circle-dotted;

		}

	}

}

div.CheckboxWidget div.content label,

div.CheckboxesWidget div.content label {

	display: block;

	& input[type="checkbox"] {

		left: -99999999px;

		position: absolute;

		& + span::before {

			@extend %icon-common;

			content: $icon-mars-square;

		}

		&:checked + span::before {

			content: $icon-mars-square-checked;

		}

	}

}

%border-style {

	border: 1px solid #2D2D2D;

}

select {

	@extend %border-style;

}

input[type=text], input[type=password], input[type=email], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=number], input[type=range], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week], textarea {

	@extend %border-style;

	background-color: #FFF;

	display: inline-block;

	font-size: 100%;

	padding: 0.7em 1em;

	-webkit-appearance: none;

}

form.quixote div.title label{

	display: block;

	font-weight: bold;

	font-size: 122%;

	margin-bottom: 0.5em;

}

div#content div.buttons.submit {

	@include flexbox();

	& div.submit-button {

		order: 1;

	}

}

div#content div.SubmitWidget {

	button[name=submit][value=Suivant], button[name=submit][value=Valider], button[name=previous] {

		background-color: $primary-color;

		background-repeat: no-repeat;

		background-position: right;

		background-size: auto 100%;

		border: none;

		cursor: pointer;

		padding-right: 3.5em;

		&[name=submit][value=Suivant] {

			background-image: url(img/avant.svg);

		}

		&[name=submit][value=Valider] {

			background-image: url(img/valider.svg);

		}

		&[name=previous] {

			background-image: url(img/retour.svg);

		}

	}

}

div#nav #nav-button.toggled + ul li {

	border-bottom: 0.1em solid $white;

	text-align: center;

	a {

		padding-left: 0;

		span {

			font-weight: 400;

		}

	}

}

div#toplinks {

	border: none;

	border-radius: 0;

	box-shadow: none;

	margin-top: 0.5em;

	padding: 0;

	right: 0.2em;

	a.login,a.logout {

		@include flexbox();

		@include vendor-prefix(justify-content, flex-end);

		div.logtext {

			background: $primary-color;

			color: $black;

			font-size: 122%;

			font-weight: 700;

			height: 2em;

			padding: 0 0.5em;

			text-align: center;

			line-height: 2em;

		}

		div.logicon {

			background-color: $black;

			background-image: url(img/picto_btn_connexion.svg);

			background-position: center;

			background-repeat: no-repeat;

			background-size: 70%;

			content: "";

			width: 2em;

		}

	}

	a.registration {

		@include flexbox();

		@include vendor-prefix(justify-content, flex-end);

		color: $red;

		font-weight: 500;

		margin-top: 0.4em;

		span.pre-register {

			color: $light-black;

			margin-right: 0.2em;

		}

		span.register {

			text-decoration: underline;

		}

	}

}

div#gauche {

	clear: both;

	width: auto;

	float: none;

}

div#gauche + div#rub_service {

	width: auto;

	float: none;

}

div#tracking-code {

	text-align: center;

	h3 {

		margin: 0;

		padding: 0;

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

			padding-right: 1ex;

		}

	}

	a {

		padding: 0;

	}

	margin-bottom: 2rem;

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

		order: 0;

		margin-bottom: 0;

	}

}

div#steps ol {

	display: -ms-flexbox;

	display: flex;

	li.first.last::after {

		background: none;

	}

	li {

		position: relative;

		-ms-flex: 1;

		flex: 1;

		padding: 0;

		text-transform: uppercase;

		color: $primary-color;

		font-size: 24px;

		margin-bottom: 0;

		border: none;

		min-width: 30px;

		min-height: 40px;

		&::after {

			content: '';

			height: 5px;

			width: 100%;

			display: block;

			position: absolute;

			left: 0;

			bottom: 5px;

			background: #9b9b9b;

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

				bottom: 15px;

			}

		}

		&:first-child::after {

			left: 50%;

			width: 50%;

		}

		&:last-child::after {

			right: 50%;

			width: 50%;

		}

		span.marker {

			position: absolute;

			bottom: 0;

			overflow: hidden;

			left: 50%;

			text-indent: -1000px;

			border: none;

			color: $primary-color;

			background: white;

			width: 15px;

			height: 15px;

			box-shadow: 0 0 0 5px #9b9b9b;

			border-radius: 10px;

			z-index: 100;

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

				padding: 0;

				bottom: 10px;

			}

		}

		span.label {

			display: block;

			width: 100%;

			text-align: center;

			font-size: $font-size;

			padding-right: 0;

			text-transform: none;

			color: #9b9b9b;

			padding-bottom: 30px;

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

				display: none;

			}

		}

		&.current {

			span.marker {

				background: $primary-color;

				box-shadow: 0 0 0 5px $primary-color;

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

					border-radius: 10px;

				}

			}

		}

		&.step-before {

			span.marker {

				background: #9b9b9b;

			}

		}

	}

}

$black: #000;

$light-black: #333;

$pale-primary-color: #F4A7AA;

$primary-color: #EE787C;

$red: #C64A59;

$white: #FFF;

$button-background: $primary-color;

$button-border-radius: unset;

$cell-border: none;

$font-color: $black;

$font-family: Roboto, sans-serif;

$font-size: 18px;

$footer-background: #FFFFFF;

$icon-fa-circle: "\f111";

$icon-mars-bullet: "\e05c";

$icon-mars-circle: "\e02f";

$icon-mars-circle-dotted: "\e030";

$icon-mars-square: "\e02d";

$icon-mars-square-checked: "\e02e";

$link-color: #198468;

$mobile-limit: 800px;

$nav-background: $primary-color;

$nav-border-color: $white;

$nav-button-background: $black;

$nav-item-selected-background: #2D2D2D;

$nav-mobile-menu-background: $pale-primary-color;

$sidebar-width: 240px;

$steps-color: #9B9B9B;

$title-weight: bold;

$width: 1243.97px;

$custom-very-small-screen: 480px;

{

  "label": "Rouen",

  "variables": {

    "no_extra_js": true,

    "theme_color": "#EE787C"

  }

}

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M0,0v16h16V0H0z M12.476,8.141c-0.016,0.047-0.047,0.086-0.094,0.117l-2.25,2.25c-0.172,0.188-0.348,0.191-0.527,0.012s-0.176-0.355,0.012-0.527l1.594-1.617H3.875c-0.109,0-0.199-0.035-0.27-0.105S3.5,8.109,3.5,8s0-0.164,0-0.164S3.535,7.801,3.606,7.73s0.16-0.105,0.27-0.105h7.335L9.617,6.008C9.429,5.836,9.426,5.66,9.605,5.48s0.355-0.176,0.527,0.012l2.25,2.25c0.047,0.031,0.078,0.07,0.094,0.117S12.5,7.953,12.5,8S12.492,8.094,12.476,8.141z"/></svg>

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

<svg xmlns="http://www.w3.org/2000/svg" height="236" width="860" version="1.1" viewBox="0 0 860.00002 235.89843"><g transform="matrix(1.25 0 0 -1.25 0 -.183)"><path d="m0 0v-189h114v189h-114z" fill="#bf2329"/></g><path d="m142 236h718v-236h-718v236z" fill="#2350a9"/><g transform="matrix(1.25 0 0 -1.25 255 172)"><path fill="#fff" d="m0 0c-10.1 0-14.9 9.84-14.9 31 0 21.1 4.73 31 14.9 31s14.9-9.8 14.9-31-4.7-31-14.9-31m0 68.4c-21.6 0-32.1-12.2-32.1-37.4s10.5-37.4 32.1-37.4 32.1 12.2 32.1 37.4-10.5 37.4-32.1 37.4"/></g><g transform="matrix(1.25 0 0 -1.25 386 87.3)"><path fill="#fff" d="m0 0-26.4-3.75v-4.51h0.59c5.05 0 10.4-0.901 10.4-11.6v-19.5c0-9.58-8.51-24.8-15.6-24.8-7.48 0-10.6 3.18-10.6 22.9v41.5l-27.1-3.85v-4.51h0.582c5.06 0 10.5-0.901 10.5-11.6v-33.9c0-10.9 2.45-21 20.2-21 12.5 0 18.9 10.8 22.1 16.8v-15.2h27.1v4.5h-0.582c-5.06 0-10.5 0.9-10.5 11.6v57.1l-0.7-0.1z"/></g><g transform="matrix(1.25 0 0 -1.25 524 87.3)"><path fill="#fff" d="m0 0-26.4-3.75v-4.51h0.588c5.05 0 10.5-0.901 10.5-11.6v-36c0-10.1-2.15-12.7-10.5-12.7h-0.588v-4.6h38.1v4.6h-0.584c-8.31 0-10.5 2.61-10.5 12.7v20.5c0 9.59 9.48 24.8 17.4 24.8 6.22 0 8.83-3.18 8.83-22.9v-22.5c0-10.1-2.15-12.7-10.5-12.7h-0.581v-4.6h38.1v4.6h-0.573c-8.31 0-10.5 2.61-10.5 12.7v35c0 10.9-2.22 21-18.4 21-13.6 0-20.5-10.9-23.9-17v17h-0.4z"/></g><g transform="matrix(1.25 0 0 -1.25 428 121)"><path fill="#fff" d="m0 0c0 7.75 0.9 20.8 13.5 20.8 11.6 0 11.9-9.64 12-20.8h-25.5zm41.6-6.89c0.983 23.5-7.74 34.2-27.5 34.2-20.5 0-31.3-12.1-31.3-34.9 0-25.3 13.4-39.9 36.6-39.9 10 0 17.9 3.01 20.5 4.01l0.386 0.156v6.82l-0.8-0.3c-4.5-1.8-8.9-2.6-13.3-2.6-19.1 0-26.2 19.6-26.2 31.9h41.6v0.609z"/></g><g transform="matrix(1.25 0 0 -1.25 154 109)"><path fill="#fff" d="m0 0h-8.76v28.8c0 8.6 0.784 10.5 9.06 10.5 14.5 0 21.2-6.4 21.2-20.1 0-12.9-7-19.2-21.5-19.2m68.8-72.6c-21.5 0-36.5 35-36.5 35s-13 29.5-15.3 31.6c14.8 2.74 23.2 7.22 23.2 27.2 0 23.8-27.9 26.4-39.9 26.4h-39.6-0.62v-5.04h0.62c10.6 0 12.4-2.05 12.4-13.7v-66c0-11.6-1.87-13.7-12.4-13.7h-0.62v-5.07h44.2v5.07h-0.609c-10.6 0-12.4 2.04-12.4 13.7v28.9c1.02 0 7.41-0.043 7.39 0 3.44-2.38 12.4-27.6 23.4-47 11.1-19.7 26.5-24.6 33.8-24.6 10.2 0 14.5 4.02 14.5 4.02l-0.952 3.29h-0.606z"/></g><g transform="matrix(1.25 0 0 -1.25 815 121)"><path fill="#f9a70d" d="m0 0c-0.063 0.178-16.7-24.9-25.7-35.6-13.3-19.2-27.8-38-42-56.8h8.62c8.6 12.1 21.4 27.3 24.9 32.1 5.99 8.43 13.1 14.1 24 19.3 5.37 2.57 25.2 4.91 46 6.72v7.47c-4-0.141-6.95-0.235-8.17-0.264-9.11-0.225-27.5-2.67-39.9-2.67l-2.87-0.092c11 14.3 21.4 28.7 23.4 31.4 9.8 2.91 18.8 2.96 27.5 1.75v7.22c-9.76 1.29-20.1 1.2-32.4-2.16 0.028 0.01 6.8 7.34 6.86 7.34 2.8 2.22 16.3 1.81 16.3 1.81s5.56 9.63 5.72 9.63c-1.59 4.61-10.8 2.48-10.8 2.48s4.67 9.34 9.82 10.1c1.18 0.07 2.87 0.084 4.54 0.074v23.2c-19-26.2-49.3-66.3-49.3-66.3s9.08 3.41 13.5 3.16"/></g><g transform="matrix(1.25 0 0 -1.25 670 91.3)"><path fill="#f9a70d" d="m0 0v1.16c-9.93-0.578-14.4 8.22-16.5 13 2.71 2.42 14.7 8.2 23 0.294 11.9 31.3 43.8 20.3 48.3 16.6 9.87-6.67 12-19 11.1-30.9 0-8.32 8.48-15.3 6.06-24.1-1.82-5.37-8.67-16.7-25.7-14.1-14.6 4.06-24.6 15.1-33.6 28.2 0 0-0.486 0.584-1.17 0.191-0.683-0.393-0.552-1.56-0.38-2.32 11.5-33.1 47.7-48.4 69.7-46.9 1.79 2.38 3.64 4.93 4.42 6.15-1.28 0.103-22.5-2.65-29.4 8.04-2.13 3.39 4.21 0.393 10.7 3.49 12.7 6.36 14.1 20.8 11.9 26.5-1.68 4.27-6.86 14.3-5.61 22.9 9.25 4.36 12.5 13.7 9.29 16.5-5.51 1.94-12 1.46-16.7 5.33-9.57 14.6-50.4 18-64.5-5.8-4.55 1.55-19 2.42-25.7-8.13 0.855-10.3 8.11-17.5 13.2-20.9-8.96-22.2-13.8-73.4 6.66-111h12.8c-23.9 30.4-28.5 82.3-7.86 116"/></g><g transform="matrix(1.25 0 0 -1.25 716 96.1)"><path fill="#f9a70d" d="m0 0c1.64 0.486 4.65-0.098 4.45 2.32-4.06 8.08-12.8 12.7-21.6 11.9-0.7-0.1-1.9-1-1.6-1.8 2.4-8.34 11.3-11.2 18.8-12.4"/></g></svg>

<?xml version="1.0" encoding="utf-8"?>

<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

	 width="516.4px" height="516.4px" viewBox="-39 162.5 516.4 516.4" style="enable-background:new -39 162.5 516.4 516.4;"

	 xml:space="preserve">

<style type="text/css">

	.st0{fill:#EE787C;}

</style>

<g>

	<path class="st0" d="M137.9,225.8c-44.9,44.9-44.9,117.6,0,162.5c9.6,9.6,21,17.2,33.5,23.9l0,200.8l47.8,47.8L267,613l-28.7-28.7

		l28.7-28.7L238.3,527l28.7-28.7v-86c11.5-5.7,22.9-13.4,33.5-23.9c44.9-44.9,44.9-117.6,0-162.5S182.9,180.9,137.9,225.8z

		 M247.9,288c-16.3,16.3-41.1,16.3-57.4,0c-16.3-16.3-16.3-41.1,0-57.4s41.1-16.3,57.4,0S264.1,271.7,247.9,288z"/>

</g>

</svg>

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M0,0v16h16V0H0z M12.621,10.745c-0.209,0-0.379-0.169-0.379-0.379c0-2.401-1.953-4.354-4.354-4.354c-1.535,0-2.916,0.792-3.704,2.082H5.65c0.209,0,0.379,0.169,0.379,0.379c0,0.209-0.169,0.379-0.379,0.379H3.379C3.169,8.852,3,8.682,3,8.473v-2.65c0-0.209,0.169-0.379,0.379-0.379c0.209,0,0.379,0.169,0.379,0.379v1.545c0.951-1.318,2.464-2.113,4.132-2.113c2.818,0,5.111,2.293,5.111,5.111C13,10.575,12.831,10.745,12.621,10.745z"/></svg>

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

<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#3466a3"/><path fill="#fff" d="m19.8 37s-0.021-10.1 0.013-13.5c0.007-0.684-0.121-0.96-0.876-0.912-1.13 0.072-2.27-0.009-3.4 0.031-0.518 0.018-0.605-0.185-0.597-0.639 0.024-1.43 0.026-2.86 0-4.29-0.009-0.471 0.114-0.647 0.613-0.633 1.21 0.033 2.42-0.009 3.63 0.02 0.489 0.012 0.627-0.155 0.633-0.636 0.02-1.75-0.174-3.51 0.138-5.25 0.609-3.38 2.87-5.39 6.28-5.61 1.53-0.101 3.06 0.036 4.59 0.124 0.347 0.02 0.465 0.157 0.462 0.5-0.013 1.36-0.02 2.72 0.003 4.07 0.007 0.416-0.165 0.488-0.525 0.481-0.913-0.017-1.83-0.022-2.74 0.004-1.63 0.046-2.36 0.731-2.43 2.35-0.052 1.13-0.002 2.27-0.033 3.4-0.014 0.489 0.217 0.566 0.629 0.561 1.41-0.016 2.81 0.015 4.22-0.017 0.519-0.012 0.681 0.105 0.595 0.656-0.228 1.46-0.412 2.93-0.573 4.4-0.046 0.423-0.213 0.512-0.601 0.506-1.23-0.022-2.47 0.006-3.7-0.015-0.404-0.007-0.569 0.1-0.567 0.534 0.013 4.52 0.013 13.9 0.013 13.9h-5.77z"/></svg>

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

<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#fff"/><path fill="#df408e" d="m30.4 18.5c0 2.89-2.34 5.23-5.22 5.23-2.89 0-5.23-2.34-5.23-5.23s2.34-5.23 5.23-5.23c2.89-0.001 5.22 2.34 5.22 5.23z"/><path fill="#396db3" d="m17.1 18.5c0 2.89-2.34 5.23-5.23 5.23s-5.22-2.34-5.22-5.23 2.34-5.23 5.22-5.23c2.89-0.001 5.23 2.34 5.23 5.23z"/></svg>

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

<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#fff"/><polygon points="140 36.8 140 38.6 142 38.6 142 40.5 144 40.5 144 38.6 146 38.6 146 36.8 144 36.8 144 34.9 142 34.9 142 36.8" fill="#dc4e40" transform="translate(-117 -19.2)"/><path d="m21.2 19.5c0.044-0.301 0.074-0.606 0.074-0.918 0-0.317-0.024-0.634-0.07-0.943l-0.013 0.002h-6.25v1.98h4.03c-0.464 1.8-2.09 3.13-4.03 3.13-2.3 0-4.17-1.87-4.17-4.17s1.87-4.17 4.17-4.17c0.973 0 1.88 0.324 2.64 0.938l1.37-1.68c-1.13-0.919-2.55-1.43-4-1.43-3.49 0-6.33 2.84-6.33 6.33s2.84 6.33 6.33 6.33c3.14 0 5.74-2.3 6.24-5.29h0.019v-0.125z" fill="#dc4e40"/></svg>

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

<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#5fa6db"/><path d="m30.4 8.6c-0.396 1.2-1.07 1.98-2.02 2.69 0.984 0.016 1.74-0.374 2.65-0.603-0.546 0.864-1.15 1.53-1.87 2.07-0.46 0.35-0.6 0.729-0.622 1.3-0.207 5.55-2.57 9.93-7.44 12.7-4.87 2.72-9.83 2.42-14.7-0.354 2.6 0.049 4.99-0.557 7.21-2.23-1.03-0.128-1.86-0.361-2.61-0.848-0.85-0.554-1.48-1.29-1.91-2.21-0.161-0.345-0.212-0.564 0.31-0.477 0.489 0.082 0.98 0.043 1.55-0.147-0.397-0.173-0.735-0.291-1.05-0.46-1.64-0.885-2.59-2.24-2.79-4.1-0.041-0.384 0.043-0.509 0.436-0.327 0.467 0.217 0.968 0.337 1.52 0.41 0.011-0.346-0.281-0.453-0.447-0.631-1.49-1.6-1.85-3.44-1.14-5.48 0.252-0.733 0.323-0.734 0.817-0.19 2.36 2.6 5.29 4.16 8.76 4.7 0.219 0.034 0.445 0.029 0.662 0.068 0.505 0.091 0.61-0.107 0.589-0.602-0.123-2.94 1.44-4.99 4.3-5.6 1.53-0.327 2.88 0.19 4.06 1.14 0.424 0.342 0.788 0.405 1.28 0.251 0.78-0.247 1.53-0.549 2.44-1.02z" fill="#fff"/></svg>

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

<svg xmlns="http://www.w3.org/2000/svg" height="37" viewBox="0 0 37 37" width="37" version="1.1" y="0px" x="0px"><rect height="37" width="37" y="0" x="0" fill="#ca221f"/><path fill="#eeeded" d="m30 12.6c-0.668-1.69-2.04-2.15-3.71-2.22-2.68-0.123-5.36-0.186-8.04-0.184-2.68-0.002-5.36 0.061-8.04 0.184-1.66 0.077-3.04 0.535-3.71 2.22-0.555 1.94-0.517 3.94-0.586 5.93v0.002c0.069 1.99 0.031 3.99 0.586 5.93 0.667 1.69 2.04 2.15 3.71 2.22 2.68 0.123 5.36 0.186 8.04 0.184 2.68 0.002 5.36-0.061 8.04-0.184 1.66-0.077 3.04-0.535 3.71-2.22 0.555-1.94 0.517-3.94 0.586-5.93v-0.002c-0.069-1.99-0.031-3.99-0.586-5.93zm-11.7 7.61-2.5 1.42v-6.87l2.5 1.28 3.87 1.98-3.87 2.2z"/><polygon points="16 14.8 22 18.4 22 18" fill="#911b1c"/></svg>

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M0,0v16h16V0H0z M11.252,5.352l-3.601,5.769c-0.013,0.025-0.022,0.041-0.028,0.047c-0.006,0.006-0.028,0.022-0.066,0.047l-0.019,0.019C7.5,11.259,7.456,11.278,7.406,11.29c-0.013,0-0.025,0-0.038,0c-0.025,0.013-0.057,0.013-0.094,0c-0.025,0-0.05,0-0.075,0c-0.013-0.013-0.038-0.025-0.075-0.038c-0.025-0.013-0.044-0.019-0.057-0.019c-0.013-0.013-0.022-0.022-0.028-0.028s-0.009-0.009-0.009-0.009L4.823,9.047C4.735,8.971,4.688,8.874,4.682,8.755C4.675,8.635,4.713,8.531,4.795,8.443c0.082-0.088,0.179-0.132,0.292-0.132s0.214,0.038,0.302,0.113l1.829,1.791l3.337-5.335c0.063-0.088,0.151-0.145,0.264-0.17c0.113-0.025,0.217-0.006,0.311,0.057c0.094,0.063,0.154,0.151,0.179,0.264S11.315,5.251,11.252,5.352z"/></svg>

@charset "UTF-8";

@import 'vars';

@import '../includes/publik';

@import '../includes/flexbox_mixins';

@import 'custom';

{% extends "../../authentic2/accounts.html" %}

{% block user-info %}

          {% if user.is_authenticated %}

          <a accesskey="o" class="logout" href="{% url 'auth_logout' %}"><div class="logtext">D&eacute;connexion</div><div class="logicon"></div></a>

            {% if idp_account_url %}<a class="registration" href="{{idp_account_url}}">{% endif %}

            <span>{{user.first_name}} {{user.last_name}}</span>{% if idp_account_url %}</a>{% endif %}

          {% else %}

            {% if idp_registration_url %}

             <a accesskey="2" class="login" href="{% url 'auth_login' %}"><div class="logtext">Connexion</div><div class="logicon"></div></a>

             <a class="registration" href="{{idp_registration_url}}"><span class="pre-register">Pas de compte ?</span><span class="register">Enregistrez-vous !</span></a>

            {% else %}

            <a accesskey="2" class="registration" href="{% url 'auth_login' %}">Connexion <span class="sep">/</span> Inscription</a>

            {% endif %}

          {% endif %}

{% endblock %}

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

{% load combo %}

{% block user-info %}

{% skeleton_extra_placeholder user-info %}

          {% if user.is_authenticated %}

          <a accesskey="o" class="logout" href="{% url 'auth_logout' %}"><div class="logtext">D&eacute;connexion</div><div class="logicon"></div></a>

            {% if idp_account_url %}<a class="registration" href="{{idp_account_url}}">{% endif %}

            <span>{{user.first_name}} {{user.last_name}}</span>{% if idp_account_url %}</a>{% endif %}

          {% else %}

            {% if idp_registration_url %}

             <a accesskey="2" class="login" href="{% url 'auth_login' %}"><div class="logtext">Connexion</div><div class="logicon"></div></a>

             <a class="registration" href="{{idp_registration_url}}"><span class="pre-register">Pas de compte ?</span><span class="register">Enregistrez-vous !</span></a>

            {% else %}

            <a accesskey="2" class="registration" href="{% url 'auth_login' %}">Connexion <span class="sep">/</span> Inscription</a>

            {% endif %}

          {% endif %}

{% end_skeleton_extra_placeholder %}

{% endblock %}

{% extends "qommon/forms/widget.html" %}

{% block widget-control %}

{% if request.quixote_request.is_in_backoffice %}{{ block.super }}{% else %}

<label>{{widget.render_content|safe}}<span></span></label>{% endif %}

{% endblock %}

-