/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin-top: 2px;
padding: .5em .5em .5em .7em;
min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
/* button sets */
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 21px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
margin-top: -3px;
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
width: 100%;
/* support: IE10, see #8844 */
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
margin: 5px -2px 5px -2px;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0; /* support: IE7 */
font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
.ui-menu .ui-state-disabled {
font-weight: normal;
margin: .4em 0 .2em;
line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
cursor: default;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item a {
position: relative;
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: .2em;
left: .2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
position: static;
float: right;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("images/animated-overlay.gif");
height: 100%;
filter: alpha(opacity=25);
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position: -65px -16px;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Marianne, Verdana,Arial,sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Marianne, Verdana,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ffffff url(../_images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #aaaaaa;
background: #cccccc url(../_images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
color: #222222;
font-weight: bold;
}
.ui-widget-header a {
color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url(../_images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #999999;
background: #dadada url(../_images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url(../_images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url(../_images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url(../_images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(../_images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(../_images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(../_images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(../_images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(../_images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(../_images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(../_images/ui-icons_cd0a0a_256x240.png);
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa url(../_imagesui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url(../_imagesui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
border-radius: 8px;
}/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #dde;
position: relative;
}
.jspDrag
{
background: #bbd;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}
/* Début dsfr extract */
/* ¯¯¯¯¯¯¯¯¯ *\
ROOT
\* ˍˍˍˍˍˍˍˍˍ */
:root {
--underline-max-width: 100%;
--underline-hover-width: 0;
--underline-idle-width: var(--underline-max-width);
--underline-x: calc(var(--underline-max-width) * 0);
--underline-img: linear-gradient(0deg, currentColor, currentColor);
--external-link-content: "";
--ul-type: disc;
--ol-type: decimal;
--ul-start: 1rem;
--ol-start: 1.5rem;
--xl-block: 0.5rem;
--li-bottom: 0.25rem;
--xl-base: 1em;
--ol-content: counters(li-counter, ".") ". ";
--text-spacing: 0 0 1.5rem;
--title-spacing: 0 0 1.5rem;
--display-spacing: 0 0 2rem;
--background-default-grey: var(--grey-1000-50);
--background-default-grey-hover: var(--grey-1000-50-hover);
--background-default-grey-active: var(--grey-1000-50-active);
--background-alt-grey: var(--grey-975-75);
--background-alt-grey-hover: var(--grey-975-75-hover);
--background-alt-grey-active: var(--grey-975-75-active);
--background-alt-blue-france: var(--blue-france-975-75);
--background-alt-blue-france-hover: var(--blue-france-975-75-hover);
--background-alt-blue-france-active: var(--blue-france-975-75-active);
--background-alt-red-marianne: var(--red-marianne-975-75);
--background-alt-red-marianne-hover: var(--red-marianne-975-75-hover);
--background-alt-red-marianne-active: var(--red-marianne-975-75-active);
--background-alt-green-tilleul-verveine: var(--green-tilleul-verveine-975-75);
--background-alt-green-tilleul-verveine-hover: var(--green-tilleul-verveine-975-75-hover);
--background-alt-green-tilleul-verveine-active: var(--green-tilleul-verveine-975-75-active);
--background-alt-green-bourgeon: var(--green-bourgeon-975-75);
--background-alt-green-bourgeon-hover: var(--green-bourgeon-975-75-hover);
--background-alt-green-bourgeon-active: var(--green-bourgeon-975-75-active);
--background-alt-green-emeraude: var(--green-emeraude-975-75);
--background-alt-green-emeraude-hover: var(--green-emeraude-975-75-hover);
--background-alt-green-emeraude-active: var(--green-emeraude-975-75-active);
--background-alt-green-menthe: var(--green-menthe-975-75);
--background-alt-green-menthe-hover: var(--green-menthe-975-75-hover);
--background-alt-green-menthe-active: var(--green-menthe-975-75-active);
--background-alt-green-archipel: var(--green-archipel-975-75);
--background-alt-green-archipel-hover: var(--green-archipel-975-75-hover);
--background-alt-green-archipel-active: var(--green-archipel-975-75-active);
--background-alt-blue-ecume: var(--blue-ecume-975-75);
--background-alt-blue-ecume-hover: var(--blue-ecume-975-75-hover);
--background-alt-blue-ecume-active: var(--blue-ecume-975-75-active);
--background-alt-blue-cumulus: var(--blue-cumulus-975-75);
--background-alt-blue-cumulus-hover: var(--blue-cumulus-975-75-hover);
--background-alt-blue-cumulus-active: var(--blue-cumulus-975-75-active);
--background-alt-purple-glycine: var(--purple-glycine-975-75);
--background-alt-purple-glycine-hover: var(--purple-glycine-975-75-hover);
--background-alt-purple-glycine-active: var(--purple-glycine-975-75-active);
--background-alt-pink-macaron: var(--pink-macaron-975-75);
--background-alt-pink-macaron-hover: var(--pink-macaron-975-75-hover);
--background-alt-pink-macaron-active: var(--pink-macaron-975-75-active);
--background-alt-pink-tuile: var(--pink-tuile-975-75);
--background-alt-pink-tuile-hover: var(--pink-tuile-975-75-hover);
--background-alt-pink-tuile-active: var(--pink-tuile-975-75-active);
--background-alt-yellow-tournesol: var(--yellow-tournesol-975-75);
--background-alt-yellow-tournesol-hover: var(--yellow-tournesol-975-75-hover);
--background-alt-yellow-tournesol-active: var(--yellow-tournesol-975-75-active);
--background-alt-yellow-moutarde: var(--yellow-moutarde-975-75);
--background-alt-yellow-moutarde-hover: var(--yellow-moutarde-975-75-hover);
--background-alt-yellow-moutarde-active: var(--yellow-moutarde-975-75-active);
--background-alt-orange-terre-battue: var(--orange-terre-battue-975-75);
--background-alt-orange-terre-battue-hover: var(--orange-terre-battue-975-75-hover);
--background-alt-orange-terre-battue-active: var(--orange-terre-battue-975-75-active);
--background-alt-brown-cafe-creme: var(--brown-cafe-creme-975-75);
--background-alt-brown-cafe-creme-hover: var(--brown-cafe-creme-975-75-hover);
--background-alt-brown-cafe-creme-active: var(--brown-cafe-creme-975-75-active);
--background-alt-brown-caramel: var(--brown-caramel-975-75);
--background-alt-brown-caramel-hover: var(--brown-caramel-975-75-hover);
--background-alt-brown-caramel-active: var(--brown-caramel-975-75-active);
--background-alt-brown-opera: var(--brown-opera-975-75);
--background-alt-brown-opera-hover: var(--brown-opera-975-75-hover);
--background-alt-brown-opera-active: var(--brown-opera-975-75-active);
--background-alt-beige-gris-galet: var(--beige-gris-galet-975-75);
--background-alt-beige-gris-galet-hover: var(--beige-gris-galet-975-75-hover);
--background-alt-beige-gris-galet-active: var(--beige-gris-galet-975-75-active);
--background-contrast-grey: var(--grey-950-100);
--background-contrast-grey-hover: var(--grey-950-100-hover);
--background-contrast-grey-active: var(--grey-950-100-active);
--background-contrast-blue-france: var(--blue-france-950-100);
--background-contrast-blue-france-hover: var(--blue-france-950-100-hover);
--background-contrast-blue-france-active: var(--blue-france-950-100-active);
--background-contrast-red-marianne: var(--red-marianne-950-100);
--background-contrast-red-marianne-hover: var(--red-marianne-950-100-hover);
--background-contrast-red-marianne-active: var(--red-marianne-950-100-active);
--background-contrast-green-tilleul-verveine: var(--green-tilleul-verveine-950-100);
--background-contrast-green-tilleul-verveine-hover: var(--green-tilleul-verveine-950-100-hover);
--background-contrast-green-tilleul-verveine-active: var(--green-tilleul-verveine-950-100-active);
--background-contrast-green-bourgeon: var(--green-bourgeon-950-100);
--background-contrast-green-bourgeon-hover: var(--green-bourgeon-950-100-hover);
--background-contrast-green-bourgeon-active: var(--green-bourgeon-950-100-active);
--background-contrast-green-emeraude: var(--green-emeraude-950-100);
--background-contrast-green-emeraude-hover: var(--green-emeraude-950-100-hover);
--background-contrast-green-emeraude-active: var(--green-emeraude-950-100-active);
--background-contrast-green-menthe: var(--green-menthe-950-100);
--background-contrast-green-menthe-hover: var(--green-menthe-950-100-hover);
--background-contrast-green-menthe-active: var(--green-menthe-950-100-active);
--background-contrast-green-archipel: var(--green-archipel-950-100);
--background-contrast-green-archipel-hover: var(--green-archipel-950-100-hover);
--background-contrast-green-archipel-active: var(--green-archipel-950-100-active);
--background-contrast-blue-ecume: var(--blue-ecume-950-100);
--background-contrast-blue-ecume-hover: var(--blue-ecume-950-100-hover);
--background-contrast-blue-ecume-active: var(--blue-ecume-950-100-active);
--background-contrast-blue-cumulus: var(--blue-cumulus-950-100);
--background-contrast-blue-cumulus-hover: var(--blue-cumulus-950-100-hover);
--background-contrast-blue-cumulus-active: var(--blue-cumulus-950-100-active);
--background-contrast-purple-glycine: var(--purple-glycine-950-100);
--background-contrast-purple-glycine-hover: var(--purple-glycine-950-100-hover);
--background-contrast-purple-glycine-active: var(--purple-glycine-950-100-active);
--background-contrast-pink-macaron: var(--pink-macaron-950-100);
--background-contrast-pink-macaron-hover: var(--pink-macaron-950-100-hover);
--background-contrast-pink-macaron-active: var(--pink-macaron-950-100-active);
--background-contrast-pink-tuile: var(--pink-tuile-950-100);
--background-contrast-pink-tuile-hover: var(--pink-tuile-950-100-hover);
--background-contrast-pink-tuile-active: var(--pink-tuile-950-100-active);
--background-contrast-yellow-tournesol: var(--yellow-tournesol-950-100);
--background-contrast-yellow-tournesol-hover: var(--yellow-tournesol-950-100-hover);
--background-contrast-yellow-tournesol-active: var(--yellow-tournesol-950-100-active);
--background-contrast-yellow-moutarde: var(--yellow-moutarde-950-100);
--background-contrast-yellow-moutarde-hover: var(--yellow-moutarde-950-100-hover);
--background-contrast-yellow-moutarde-active: var(--yellow-moutarde-950-100-active);
--background-contrast-orange-terre-battue: var(--orange-terre-battue-950-100);
--background-contrast-orange-terre-battue-hover: var(--orange-terre-battue-950-100-hover);
--background-contrast-orange-terre-battue-active: var(--orange-terre-battue-950-100-active);
--background-contrast-brown-cafe-creme: var(--brown-cafe-creme-950-100);
--background-contrast-brown-cafe-creme-hover: var(--brown-cafe-creme-950-100-hover);
--background-contrast-brown-cafe-creme-active: var(--brown-cafe-creme-950-100-active);
--background-contrast-brown-caramel: var(--brown-caramel-950-100);
--background-contrast-brown-caramel-hover: var(--brown-caramel-950-100-hover);
--background-contrast-brown-caramel-active: var(--brown-caramel-950-100-active);
--background-contrast-brown-opera: var(--brown-opera-950-100);
--background-contrast-brown-opera-hover: var(--brown-opera-950-100-hover);
--background-contrast-brown-opera-active: var(--brown-opera-950-100-active);
--background-contrast-beige-gris-galet: var(--beige-gris-galet-950-100);
--background-contrast-beige-gris-galet-hover: var(--beige-gris-galet-950-100-hover);
--background-contrast-beige-gris-galet-active: var(--beige-gris-galet-950-100-active);
--background-contrast-info: var(--info-950-100);
--background-contrast-info-hover: var(--info-950-100-hover);
--background-contrast-info-active: var(--info-950-100-active);
--background-contrast-success: var(--success-950-100);
--background-contrast-success-hover: var(--success-950-100-hover);
--background-contrast-success-active: var(--success-950-100-active);
--background-contrast-warning: var(--warning-950-100);
--background-contrast-warning-hover: var(--warning-950-100-hover);
--background-contrast-warning-active: var(--warning-950-100-active);
--background-contrast-error: var(--error-950-100);
--background-contrast-error-hover: var(--error-950-100-hover);
--background-contrast-error-active: var(--error-950-100-active);
--background-flat-grey: var(--grey-200-850);
--background-flat-info: var(--info-425-625);
--background-flat-success: var(--success-425-625);
--background-flat-warning: var(--warning-425-625);
--background-flat-error: var(--error-425-625);
--background-action-high-blue-france: var(--blue-france-sun-113-625);
--background-action-high-blue-france-hover: var(--blue-france-sun-113-625-hover);
--background-action-high-blue-france-active: var(--blue-france-sun-113-625-active);
--background-action-high-red-marianne: var(--red-marianne-425-625);
--background-action-high-red-marianne-hover: var(--red-marianne-425-625-hover);
--background-action-high-red-marianne-active: var(--red-marianne-425-625-active);
--background-action-high-green-tilleul-verveine: var(--green-tilleul-verveine-sun-418-moon-817);
--background-action-high-green-tilleul-verveine-hover: var(--green-tilleul-verveine-sun-418-moon-817-hover);
--background-action-high-green-tilleul-verveine-active: var(--green-tilleul-verveine-sun-418-moon-817-active);
--background-action-high-green-bourgeon: var(--green-bourgeon-sun-425-moon-759);
--background-action-high-green-bourgeon-hover: var(--green-bourgeon-sun-425-moon-759-hover);
--background-action-high-green-bourgeon-active: var(--green-bourgeon-sun-425-moon-759-active);
--background-action-high-green-emeraude: var(--green-emeraude-sun-425-moon-753);
--background-action-high-green-emeraude-hover: var(--green-emeraude-sun-425-moon-753-hover);
--background-action-high-green-emeraude-active: var(--green-emeraude-sun-425-moon-753-active);
--background-action-high-green-menthe: var(--green-menthe-sun-373-moon-652);
--background-action-high-green-menthe-hover: var(--green-menthe-sun-373-moon-652-hover);
--background-action-high-green-menthe-active: var(--green-menthe-sun-373-moon-652-active);
--background-action-high-green-archipel: var(--green-archipel-sun-391-moon-716);
--background-action-high-green-archipel-hover: var(--green-archipel-sun-391-moon-716-hover);
--background-action-high-green-archipel-active: var(--green-archipel-sun-391-moon-716-active);
--background-action-high-blue-ecume: var(--blue-ecume-sun-247-moon-675);
--background-action-high-blue-ecume-hover: var(--blue-ecume-sun-247-moon-675-hover);
--background-action-high-blue-ecume-active: var(--blue-ecume-sun-247-moon-675-active);
--background-action-high-blue-cumulus: var(--blue-cumulus-sun-368-moon-732);
--background-action-high-blue-cumulus-hover: var(--blue-cumulus-sun-368-moon-732-hover);
--background-action-high-blue-cumulus-active: var(--blue-cumulus-sun-368-moon-732-active);
--background-action-high-purple-glycine: var(--purple-glycine-sun-319-moon-630);
--background-action-high-purple-glycine-hover: var(--purple-glycine-sun-319-moon-630-hover);
--background-action-high-purple-glycine-active: var(--purple-glycine-sun-319-moon-630-active);
--background-action-high-pink-macaron: var(--pink-macaron-sun-406-moon-833);
--background-action-high-pink-macaron-hover: var(--pink-macaron-sun-406-moon-833-hover);
--background-action-high-pink-macaron-active: var(--pink-macaron-sun-406-moon-833-active);
--background-action-high-pink-tuile: var(--pink-tuile-sun-425-moon-750);
--background-action-high-pink-tuile-hover: var(--pink-tuile-sun-425-moon-750-hover);
--background-action-high-pink-tuile-active: var(--pink-tuile-sun-425-moon-750-active);
--background-action-high-yellow-tournesol: var(--yellow-tournesol-sun-407-moon-922);
--background-action-high-yellow-tournesol-hover: var(--yellow-tournesol-sun-407-moon-922-hover);
--background-action-high-yellow-tournesol-active: var(--yellow-tournesol-sun-407-moon-922-active);
--background-action-high-yellow-moutarde: var(--yellow-moutarde-sun-348-moon-860);
--background-action-high-yellow-moutarde-hover: var(--yellow-moutarde-sun-348-moon-860-hover);
--background-action-high-yellow-moutarde-active: var(--yellow-moutarde-sun-348-moon-860-active);
--background-action-high-orange-terre-battue: var(--orange-terre-battue-sun-370-moon-672);
--background-action-high-orange-terre-battue-hover: var(--orange-terre-battue-sun-370-moon-672-hover);
--background-action-high-orange-terre-battue-active: var(--orange-terre-battue-sun-370-moon-672-active);
--background-action-high-brown-cafe-creme: var(--brown-cafe-creme-sun-383-moon-885);
--background-action-high-brown-cafe-creme-hover: var(--brown-cafe-creme-sun-383-moon-885-hover);
--background-action-high-brown-cafe-creme-active: var(--brown-cafe-creme-sun-383-moon-885-active);
--background-action-high-brown-caramel: var(--brown-caramel-sun-425-moon-901);
--background-action-high-brown-caramel-hover: var(--brown-caramel-sun-425-moon-901-hover);
--background-action-high-brown-caramel-active: var(--brown-caramel-sun-425-moon-901-active);
--background-action-high-brown-opera: var(--brown-opera-sun-395-moon-820);
--background-action-high-brown-opera-hover: var(--brown-opera-sun-395-moon-820-hover);
--background-action-high-brown-opera-active: var(--brown-opera-sun-395-moon-820-active);
--background-action-high-beige-gris-galet: var(--beige-gris-galet-sun-407-moon-821);
--background-action-high-beige-gris-galet-hover: var(--beige-gris-galet-sun-407-moon-821-hover);
--background-action-high-beige-gris-galet-active: var(--beige-gris-galet-sun-407-moon-821-active);
--background-action-high-info: var(--info-425-625);
--background-action-high-info-hover: var(--info-425-625-hover);
--background-action-high-info-active: var(--info-425-625-active);
--background-action-high-success: var(--success-425-625);
--background-action-high-success-hover: var(--success-425-625-hover);
--background-action-high-success-active: var(--success-425-625-active);
--background-action-high-warning: var(--warning-425-625);
--background-action-high-warning-hover: var(--warning-425-625-hover);
--background-action-high-warning-active: var(--warning-425-625-active);
--background-action-high-error: var(--error-425-625);
--background-action-high-error-hover: var(--error-425-625-hover);
--background-action-high-error-active: var(--error-425-625-active);
--background-action-low-blue-france: var(--blue-france-925-125);
--background-action-low-blue-france-hover: var(--blue-france-925-125-hover);
--background-action-low-blue-france-active: var(--blue-france-925-125-active);
--background-action-low-red-marianne: var(--red-marianne-925-125);
--background-action-low-red-marianne-hover: var(--red-marianne-925-125-hover);
--background-action-low-red-marianne-active: var(--red-marianne-925-125-active);
--background-action-low-green-tilleul-verveine: var(--green-tilleul-verveine-925-125);
--background-action-low-green-tilleul-verveine-hover: var(--green-tilleul-verveine-925-125-hover);
--background-action-low-green-tilleul-verveine-active: var(--green-tilleul-verveine-925-125-active);
--background-action-low-green-bourgeon: var(--green-bourgeon-925-125);
--background-action-low-green-bourgeon-hover: var(--green-bourgeon-925-125-hover);
--background-action-low-green-bourgeon-active: var(--green-bourgeon-925-125-active);
--background-action-low-green-emeraude: var(--green-emeraude-925-125);
--background-action-low-green-emeraude-hover: var(--green-emeraude-925-125-hover);
--background-action-low-green-emeraude-active: var(--green-emeraude-925-125-active);
--background-action-low-green-menthe: var(--green-menthe-925-125);
--background-action-low-green-menthe-hover: var(--green-menthe-925-125-hover);
--background-action-low-green-menthe-active: var(--green-menthe-925-125-active);
--background-action-low-green-archipel: var(--green-archipel-925-125);
--background-action-low-green-archipel-hover: var(--green-archipel-925-125-hover);
--background-action-low-green-archipel-active: var(--green-archipel-925-125-active);
--background-action-low-blue-ecume: var(--blue-ecume-925-125);
--background-action-low-blue-ecume-hover: var(--blue-ecume-925-125-hover);
--background-action-low-blue-ecume-active: var(--blue-ecume-925-125-active);
--background-action-low-blue-cumulus: var(--blue-cumulus-925-125);
--background-action-low-blue-cumulus-hover: var(--blue-cumulus-925-125-hover);
--background-action-low-blue-cumulus-active: var(--blue-cumulus-925-125-active);
--background-action-low-purple-glycine: var(--purple-glycine-925-125);
--background-action-low-purple-glycine-hover: var(--purple-glycine-925-125-hover);
--background-action-low-purple-glycine-active: var(--purple-glycine-925-125-active);
--background-action-low-pink-macaron: var(--pink-macaron-925-125);
--background-action-low-pink-macaron-hover: var(--pink-macaron-925-125-hover);
--background-action-low-pink-macaron-active: var(--pink-macaron-925-125-active);
--background-action-low-pink-tuile: var(--pink-tuile-925-125);
--background-action-low-pink-tuile-hover: var(--pink-tuile-925-125-hover);
--background-action-low-pink-tuile-active: var(--pink-tuile-925-125-active);
--background-action-low-yellow-tournesol: var(--yellow-tournesol-925-125);
--background-action-low-yellow-tournesol-hover: var(--yellow-tournesol-925-125-hover);
--background-action-low-yellow-tournesol-active: var(--yellow-tournesol-925-125-active);
--background-action-low-yellow-moutarde: var(--yellow-moutarde-925-125);
--background-action-low-yellow-moutarde-hover: var(--yellow-moutarde-925-125-hover);
--background-action-low-yellow-moutarde-active: var(--yellow-moutarde-925-125-active);
--background-action-low-orange-terre-battue: var(--orange-terre-battue-925-125);
--background-action-low-orange-terre-battue-hover: var(--orange-terre-battue-925-125-hover);
--background-action-low-orange-terre-battue-active: var(--orange-terre-battue-925-125-active);
--background-action-low-brown-cafe-creme: var(--brown-cafe-creme-925-125);
--background-action-low-brown-cafe-creme-hover: var(--brown-cafe-creme-925-125-hover);
--background-action-low-brown-cafe-creme-active: var(--brown-cafe-creme-925-125-active);
--background-action-low-brown-caramel: var(--brown-caramel-925-125);
--background-action-low-brown-caramel-hover: var(--brown-caramel-925-125-hover);
--background-action-low-brown-caramel-active: var(--brown-caramel-925-125-active);
--background-action-low-brown-opera: var(--brown-opera-925-125);
--background-action-low-brown-opera-hover: var(--brown-opera-925-125-hover);
--background-action-low-brown-opera-active: var(--brown-opera-925-125-active);
--background-action-low-beige-gris-galet: var(--beige-gris-galet-925-125);
--background-action-low-beige-gris-galet-hover: var(--beige-gris-galet-925-125-hover);
--background-action-low-beige-gris-galet-active: var(--beige-gris-galet-925-125-active);
--background-active-blue-france: var(--blue-france-sun-113-625);
--background-active-blue-france-hover: var(--blue-france-sun-113-625-hover);
--background-active-blue-france-active: var(--blue-france-sun-113-625-active);
--background-active-red-marianne: var(--red-marianne-425-625);
--background-active-red-marianne-hover: var(--red-marianne-425-625-hover);
--background-active-red-marianne-active: var(--red-marianne-425-625-active);
--background-open-blue-france: var(--blue-france-925-125);
--background-open-blue-france-hover: var(--blue-france-925-125-hover);
--background-open-blue-france-active: var(--blue-france-925-125-active);
--background-open-red-marianne: var(--red-marianne-925-125);
--background-open-red-marianne-hover: var(--red-marianne-925-125-hover);
--background-open-red-marianne-active: var(--red-marianne-925-125-active);
--background-disabled-grey: var(--grey-925-125);
--background-raised-grey: var(--grey-1000-75);
--background-raised-grey-hover: var(--grey-1000-75-hover);
--background-raised-grey-active: var(--grey-1000-75-active);
--background-overlap-grey: var(--grey-1000-100);
--background-overlap-grey-hover: var(--grey-1000-100-hover);
--background-overlap-grey-active: var(--grey-1000-100-active);
--background-lifted-grey: var(--grey-1000-75);
--background-lifted-grey-hover: var(--grey-1000-75-hover);
--background-lifted-grey-active: var(--grey-1000-75-active);
--background-alt-raised-grey: var(--grey-975-100);
--background-alt-raised-grey-hover: var(--grey-975-100-hover);
--background-alt-raised-grey-active: var(--grey-975-100-active);
--background-alt-overlap-grey: var(--grey-975-125);
--background-alt-overlap-grey-hover: var(--grey-975-125-hover);
--background-alt-overlap-grey-active: var(--grey-975-125-active);
--background-contrast-raised-grey: var(--grey-950-125);
--background-contrast-raised-grey-hover: var(--grey-950-125-hover);
--background-contrast-raised-grey-active: var(--grey-950-125-active);
--background-contrast-overlap-grey: var(--grey-950-150);
--background-contrast-overlap-grey-hover: var(--grey-950-150-hover);
--background-contrast-overlap-grey-active: var(--grey-950-150-active);
--text-default-grey: var(--grey-200-850);
--text-default-info: var(--info-425-625);
--text-default-success: var(--success-425-625);
--text-default-warning: var(--warning-425-625);
--text-default-error: var(--error-425-625);
--text-action-high-grey: var(--grey-50-1000);
--text-action-high-blue-france: var(--blue-france-sun-113-625);
--text-action-high-red-marianne: var(--red-marianne-425-625);
--text-action-high-green-tilleul-verveine: var(--green-tilleul-verveine-sun-418-moon-817);
--text-action-high-green-bourgeon: var(--green-bourgeon-sun-425-moon-759);
--text-action-high-green-emeraude: var(--green-emeraude-sun-425-moon-753);
--text-action-high-green-menthe: var(--green-menthe-sun-373-moon-652);
--text-action-high-green-archipel: var(--green-archipel-sun-391-moon-716);
--text-action-high-blue-ecume: var(--blue-ecume-sun-247-moon-675);
--text-action-high-blue-cumulus: var(--blue-cumulus-sun-368-moon-732);
--text-action-high-purple-glycine: var(--purple-glycine-sun-319-moon-630);
--text-action-high-pink-macaron: var(--pink-macaron-sun-406-moon-833);
--text-action-high-pink-tuile: var(--pink-tuile-sun-425-moon-750);
--text-action-high-yellow-tournesol: var(--yellow-tournesol-sun-407-moon-922);
--text-action-high-yellow-moutarde: var(--yellow-moutarde-sun-348-moon-860);
--text-action-high-orange-terre-battue: var(--orange-terre-battue-sun-370-moon-672);
--text-action-high-brown-cafe-creme: var(--brown-cafe-creme-sun-383-moon-885);
--text-action-high-brown-caramel: var(--brown-caramel-sun-425-moon-901);
--text-action-high-brown-opera: var(--brown-opera-sun-395-moon-820);
--text-action-high-beige-gris-galet: var(--beige-gris-galet-sun-407-moon-821);
--text-title-grey: var(--grey-50-1000);
--text-title-blue-france: var(--blue-france-sun-113-625);
--text-title-red-marianne: var(--red-marianne-425-625);
--text-label-grey: var(--grey-50-1000);
--text-label-blue-france: var(--blue-france-sun-113-625);
--text-label-red-marianne: var(--red-marianne-425-625);
--text-label-green-tilleul-verveine: var(--green-tilleul-verveine-sun-418-moon-817);
--text-label-green-bourgeon: var(--green-bourgeon-sun-425-moon-759);
--text-label-green-emeraude: var(--green-emeraude-sun-425-moon-753);
--text-label-green-menthe: var(--green-menthe-sun-373-moon-652);
--text-label-green-archipel: var(--green-archipel-sun-391-moon-716);
--text-label-blue-ecume: var(--blue-ecume-sun-247-moon-675);
--text-label-blue-cumulus: var(--blue-cumulus-sun-368-moon-732);
--text-label-purple-glycine: var(--purple-glycine-sun-319-moon-630);
--text-label-pink-macaron: var(--pink-macaron-sun-406-moon-833);
--text-label-pink-tuile: var(--pink-tuile-sun-425-moon-750);
--text-label-yellow-tournesol: var(--yellow-tournesol-sun-407-moon-922);
--text-label-yellow-moutarde: var(--yellow-moutarde-sun-348-moon-860);
--text-label-orange-terre-battue: var(--orange-terre-battue-sun-370-moon-672);
--text-label-brown-cafe-creme: var(--brown-cafe-creme-sun-383-moon-885);
--text-label-brown-caramel: var(--brown-caramel-sun-425-moon-901);
--text-label-brown-opera: var(--brown-opera-sun-395-moon-820);
--text-label-beige-gris-galet: var(--beige-gris-galet-sun-407-moon-821);
--text-active-grey: var(--grey-50-1000);
--text-active-blue-france: var(--blue-france-sun-113-625);
--text-active-red-marianne: var(--red-marianne-425-625);
--text-mention-grey: var(--grey-425-625);
--text-inverted-grey: var(--grey-1000-50);
--text-inverted-blue-france: var(--blue-france-975-sun-113);
--text-inverted-red-marianne: var(--red-marianne-975-75);
--text-inverted-info: var(--info-975-75);
--text-inverted-success: var(--success-975-75);
--text-inverted-warning: var(--warning-975-75);
--text-inverted-error: var(--error-975-75);
--text-inverted-green-tilleul-verveine: var(--green-tilleul-verveine-975-75);
--text-inverted-green-bourgeon: var(--green-bourgeon-975-75);
--text-inverted-green-emeraude: var(--green-emeraude-975-75);
--text-inverted-green-menthe: var(--green-menthe-975-75);
--text-inverted-green-archipel: var(--green-archipel-975-75);
--text-inverted-blue-ecume: var(--blue-ecume-975-75);
--text-inverted-blue-cumulus: var(--blue-cumulus-975-75);
--text-inverted-purple-glycine: var(--purple-glycine-975-75);
--text-inverted-pink-macaron: var(--pink-macaron-975-75);
--text-inverted-pink-tuile: var(--pink-tuile-975-75);
--text-inverted-yellow-tournesol: var(--yellow-tournesol-975-75);
--text-inverted-yellow-moutarde: var(--yellow-moutarde-975-75);
--text-inverted-orange-terre-battue: var(--orange-terre-battue-975-75);
--text-inverted-brown-cafe-creme: var(--brown-cafe-creme-975-75);
--text-inverted-brown-caramel: var(--brown-caramel-975-75);
--text-inverted-brown-opera: var(--brown-opera-975-75);
--text-inverted-beige-gris-galet: var(--beige-gris-galet-975-75);
--text-disabled-grey: var(--grey-625-425);
--border-default-grey: var(--grey-900-175);
--border-default-blue-france: var(--blue-france-main-525);
--border-default-red-marianne: var(--red-marianne-main-472);
--border-default-green-tilleul-verveine: var(--green-tilleul-verveine-main-707);
--border-default-green-bourgeon: var(--green-bourgeon-main-640);
--border-default-green-emeraude: var(--green-emeraude-main-632);
--border-default-green-menthe: var(--green-menthe-main-548);
--border-default-green-archipel: var(--green-archipel-main-557);
--border-default-blue-ecume: var(--blue-ecume-main-400);
--border-default-blue-cumulus: var(--blue-cumulus-main-526);
--border-default-purple-glycine: var(--purple-glycine-main-494);
--border-default-pink-macaron: var(--pink-macaron-main-689);
--border-default-pink-tuile: var(--pink-tuile-main-556);
--border-default-yellow-tournesol: var(--yellow-tournesol-main-731);
--border-default-yellow-moutarde: var(--yellow-moutarde-main-679);
--border-default-orange-terre-battue: var(--orange-terre-battue-main-645);
--border-default-brown-cafe-creme: var(--brown-cafe-creme-main-782);
--border-default-brown-caramel: var(--brown-caramel-main-648);
--border-default-brown-opera: var(--brown-opera-main-680);
--border-default-beige-gris-galet: var(--beige-gris-galet-main-702);
--border-active-blue-france: var(--blue-france-sun-113-625);
--border-active-red-marianne: var(--red-marianne-425-625);
--border-action-high-grey: var(--grey-50-1000);
--border-action-high-blue-france: var(--blue-france-sun-113-625);
--border-action-high-red-marianne: var(--red-marianne-425-625);
--border-action-high-info: var(--info-425-625);
--border-action-high-success: var(--success-425-625);
--border-action-high-warning: var(--warning-425-625);
--border-action-high-error: var(--error-425-625);
--border-action-low-blue-france: var(--blue-france-850-200);
--border-action-low-red-marianne: var(--red-marianne-850-200);
--border-action-low-green-tilleul-verveine: var(--green-tilleul-verveine-850-200);
--border-action-low-green-bourgeon: var(--green-bourgeon-850-200);
--border-action-low-green-emeraude: var(--green-emeraude-850-200);
--border-action-low-green-menthe: var(--green-menthe-850-200);
--border-action-low-green-archipel: var(--green-archipel-850-200);
--border-action-low-blue-ecume: var(--blue-ecume-850-200);
--border-action-low-blue-cumulus: var(--blue-cumulus-850-200);
--border-action-low-purple-glycine: var(--purple-glycine-850-200);
--border-action-low-pink-macaron: var(--pink-macaron-850-200);
--border-action-low-pink-tuile: var(--pink-tuile-850-200);
--border-action-low-yellow-tournesol: var(--yellow-tournesol-850-200);
--border-action-low-yellow-moutarde: var(--yellow-moutarde-850-200);
--border-action-low-orange-terre-battue: var(--orange-terre-battue-850-200);
--border-action-low-brown-cafe-creme: var(--brown-cafe-creme-850-200);
--border-action-low-brown-caramel: var(--brown-caramel-850-200);
--border-action-low-brown-opera: var(--brown-opera-850-200);
--border-action-low-beige-gris-galet: var(--beige-gris-galet-850-200);
--border-open-blue-france: var(--blue-france-925-125);
--border-open-red-marianne: var(--red-marianne-925-125);
--border-plain-grey: var(--grey-200-850);
--border-plain-blue-france: var(--blue-france-sun-113-625);
--border-plain-red-marianne: var(--red-marianne-425-625);
--border-plain-info: var(--info-425-625);
--border-plain-success: var(--success-425-625);
--border-plain-warning: var(--warning-425-625);
--border-plain-error: var(--error-425-625);
--border-plain-green-tilleul-verveine: var(--green-tilleul-verveine-sun-418-moon-817);
--border-plain-green-bourgeon: var(--green-bourgeon-sun-425-moon-759);
--border-plain-green-emeraude: var(--green-emeraude-sun-425-moon-753);
--border-plain-green-menthe: var(--green-menthe-sun-373-moon-652);
--border-plain-green-archipel: var(--green-archipel-sun-391-moon-716);
--border-plain-blue-ecume: var(--blue-ecume-sun-247-moon-675);
--border-plain-blue-cumulus: var(--blue-cumulus-sun-368-moon-732);
--border-plain-purple-glycine: var(--purple-glycine-sun-319-moon-630);
--border-plain-pink-macaron: var(--pink-macaron-sun-406-moon-833);
--border-plain-pink-tuile: var(--pink-tuile-sun-425-moon-750);
--border-plain-yellow-tournesol: var(--yellow-tournesol-sun-407-moon-922);
--border-plain-yellow-moutarde: var(--yellow-moutarde-sun-348-moon-860);
--border-plain-orange-terre-battue: var(--orange-terre-battue-sun-370-moon-672);
--border-plain-brown-cafe-creme: var(--brown-cafe-creme-sun-383-moon-885);
--border-plain-brown-caramel: var(--brown-caramel-sun-425-moon-901);
--border-plain-brown-opera: var(--brown-opera-sun-395-moon-820);
--border-plain-beige-gris-galet: var(--beige-gris-galet-sun-407-moon-821);
--border-disabled-grey: var(--grey-925-125);
--artwork-major-blue-france: var(--blue-france-sun-113-625);
--artwork-major-red-marianne: var(--red-marianne-425-625);
--artwork-minor-blue-france: var(--blue-france-main-525);
--artwork-minor-red-marianne: var(--red-marianne-main-472);
--artwork-minor-green-tilleul-verveine: var(--green-tilleul-verveine-main-707);
--artwork-minor-green-bourgeon: var(--green-bourgeon-main-640);
--artwork-minor-green-emeraude: var(--green-emeraude-main-632);
--artwork-minor-green-menthe: var(--green-menthe-main-548);
--artwork-minor-green-archipel: var(--green-archipel-main-557);
--artwork-minor-blue-ecume: var(--blue-ecume-main-400);
--artwork-minor-blue-cumulus: var(--blue-cumulus-main-526);
--artwork-minor-purple-glycine: var(--purple-glycine-main-494);
--artwork-minor-pink-macaron: var(--pink-macaron-main-689);
--artwork-minor-pink-tuile: var(--pink-tuile-main-556);
--artwork-minor-yellow-tournesol: var(--yellow-tournesol-main-731);
--artwork-minor-yellow-moutarde: var(--yellow-moutarde-main-679);
--artwork-minor-orange-terre-battue: var(--orange-terre-battue-main-645);
--artwork-minor-brown-cafe-creme: var(--brown-cafe-creme-main-782);
--artwork-minor-brown-caramel: var(--brown-caramel-main-648);
--artwork-minor-brown-opera: var(--brown-opera-main-680);
--artwork-minor-beige-gris-galet: var(--beige-gris-galet-main-702);
--artwork-decorative-blue-france: var(--blue-france-950-100);
--artwork-decorative-red-marianne: var(--red-marianne-950-100);
--artwork-background-grey: var(--grey-975-75);
--artwork-motif-grey: var(--grey-925-125);
--grey-1000-50: #fff;
--grey-1000-50-hover: #f6f6f6;
--grey-1000-50-active: #ededed;
--grey-975-75: #f6f6f6;
--grey-975-75-hover: #dfdfdf;
--grey-975-75-active: #cfcfcf;
--grey-950-100: #eee;
--grey-950-100-hover: #d2d2d2;
--grey-950-100-active: #c1c1c1;
--grey-200-850: #3a3a3a;
--grey-925-125: #e5e5e5;
--grey-1000-75: #fff;
--grey-1000-75-hover: #f6f6f6;
--grey-1000-75-active: #ededed;
--grey-1000-100: #fff;
--grey-1000-100-hover: #f6f6f6;
--grey-1000-100-active: #ededed;
--grey-975-100: #f6f6f6;
--grey-975-100-hover: #dfdfdf;
--grey-975-100-active: #cfcfcf;
--grey-975-125: #f6f6f6;
--grey-975-125-hover: #dfdfdf;
--grey-975-125-active: #cfcfcf;
--grey-950-125: #eee;
--grey-950-125-hover: #d2d2d2;
--grey-950-125-active: #c1c1c1;
--grey-950-150: #eee;
--grey-950-150-hover: #d2d2d2;
--grey-950-150-active: #c1c1c1;
--grey-50-1000: #161616;
--grey-425-625: #666;
--grey-625-425: #929292;
--grey-900-175: #ddd;
--blue-france-975-75: #f5f5fe;
--blue-france-975-75-hover: #dcdcfc;
--blue-france-975-75-active: #cbcbfa;
--blue-france-950-100: #ececfe;
--blue-france-950-100-hover: #cecefc;
--blue-france-950-100-active: #bbbbfc;
--blue-france-sun-113-625: #000091;
--blue-france-sun-113-625-hover: #1212ff;
--blue-france-sun-113-625-active: #2323ff;
--blue-france-925-125: #e3e3fd;
--blue-france-925-125-hover: #c1c1fb;
--blue-france-925-125-active: #adadf9;
--blue-france-975-sun-113: #f5f5fe;
--blue-france-main-525: #6a6af4;
--blue-france-850-200: #cacafb;
--red-marianne-975-75: #fef4f4;
--red-marianne-975-75-hover: #fcd7d7;
--red-marianne-975-75-active: #fac4c4;
--red-marianne-950-100: #fee9e9;
--red-marianne-950-100-hover: #fdc5c5;
--red-marianne-950-100-active: #fcafaf;
--red-marianne-425-625: #c9191e;
--red-marianne-425-625-hover: #f93f42;
--red-marianne-425-625-active: #f95a5c;
--red-marianne-925-125: #fddede;
--red-marianne-925-125-hover: #fbb6b6;
--red-marianne-925-125-active: #fa9e9e;
--red-marianne-main-472: #e1000f;
--red-marianne-850-200: #fcbfbf;
--info-950-100: #e8edff;
--info-950-100-hover: #c2d1ff;
--info-950-100-active: #a9bfff;
--info-425-625: #000090;
--info-425-625-hover: #3b87ff;
--info-425-625-active: #6798ff;
--info-975-75: #f4f6ff;
--success-950-100: #b8fec9;
--success-950-100-hover: #46fd89;
--success-950-100-active: #34eb7b;
--success-425-625: #18753c;
--success-425-625-hover: #27a959;
--success-425-625-active: #2fc368;
--success-975-75: #dffee6;
--warning-950-100: #ffe9e6;
--warning-950-100-hover: #ffc6bd;
--warning-950-100-active: #ffb0a2;
--warning-425-625: #b34000;
--warning-425-625-hover: #ff6218;
--warning-425-625-active: #ff7a55;
--warning-975-75: #fff4f3;
--error-950-100: #ffe9e9;
--error-950-100-hover: #ffc5c5;
--error-950-100-active: #ffafaf;
--error-425-625: #ce0500;
--error-425-625-hover: #ff2725;
--error-425-625-active: #ff4140;
--error-975-75: #fff4f4;
--green-tilleul-verveine-975-75: #fef7da;
--green-tilleul-verveine-975-75-hover: #fce552;
--green-tilleul-verveine-975-75-active: #ebd54c;
--green-tilleul-verveine-950-100: #fceeac;
--green-tilleul-verveine-950-100-hover: #e8d45c;
--green-tilleul-verveine-950-100-active: #d4c254;
--green-tilleul-verveine-sun-418-moon-817: #66673d;
--green-tilleul-verveine-sun-418-moon-817-hover: #929359;
--green-tilleul-verveine-sun-418-moon-817-active: #a7a967;
--green-tilleul-verveine-925-125: #fbe769;
--green-tilleul-verveine-925-125-hover: #d7c655;
--green-tilleul-verveine-925-125-active: #c2b24c;
--green-tilleul-verveine-main-707: #b7a73f;
--green-tilleul-verveine-850-200: #e2cf58;
--green-bourgeon-975-75: #e6feda;
--green-bourgeon-975-75-hover: #a7fc62;
--green-bourgeon-975-75-active: #98ed4d;
--green-bourgeon-950-100: #c9fcac;
--green-bourgeon-950-100-hover: #9ae95d;
--green-bourgeon-950-100-active: #8dd555;
--green-bourgeon-sun-425-moon-759: #447049;
--green-bourgeon-sun-425-moon-759-hover: #639f6a;
--green-bourgeon-sun-425-moon-759-active: #72b77a;
--green-bourgeon-925-125: #a9fb68;
--green-bourgeon-925-125-hover: #8ed654;
--green-bourgeon-925-125-active: #7fc04b;
--green-bourgeon-main-640: #68a532;
--green-bourgeon-850-200: #95e257;
--green-emeraude-975-75: #e3fdeb;
--green-emeraude-975-75-hover: #94f9b9;
--green-emeraude-975-75-active: #6df1a3;
--green-emeraude-950-100: #c3fad5;
--green-emeraude-950-100-hover: #77eda5;
--green-emeraude-950-100-active: #6dd897;
--green-emeraude-sun-425-moon-753: #297254;
--green-emeraude-sun-425-moon-753-hover: #3ea47a;
--green-emeraude-sun-425-moon-753-active: #49bc8d;
--green-emeraude-925-125: #9ef9be;
--green-emeraude-925-125-hover: #69df97;
--green-emeraude-925-125-active: #5ec988;
--green-emeraude-main-632: #00a95f;
--green-emeraude-850-200: #6fe49d;
--green-menthe-975-75: #dffdf7;
--green-menthe-975-75-hover: #84f9e7;
--green-menthe-975-75-active: #70ebd8;
--green-menthe-950-100: #bafaee;
--green-menthe-950-100-hover: #79e7d5;
--green-menthe-950-100-active: #6fd3c3;
--green-menthe-sun-373-moon-652: #37635f;
--green-menthe-sun-373-moon-652-hover: #53918c;
--green-menthe-sun-373-moon-652-active: #62a9a2;
--green-menthe-925-125: #8bf8e7;
--green-menthe-925-125-hover: #6ed5c5;
--green-menthe-925-125-active: #62bfb1;
--green-menthe-main-548: #009081;
--green-menthe-850-200: #73e0cf;
--green-archipel-975-75: #e5fbfd;
--green-archipel-975-75-hover: #99f2f8;
--green-archipel-975-75-active: #73e9f0;
--green-archipel-950-100: #c7f6fc;
--green-archipel-950-100-hover: #64ecf8;
--green-archipel-950-100-active: #5bd8e3;
--green-archipel-sun-391-moon-716: #006a6f;
--green-archipel-sun-391-moon-716-hover: #009fa7;
--green-archipel-sun-391-moon-716-active: #00bbc3;
--green-archipel-925-125: #a6f2fa;
--green-archipel-925-125-hover: #62dbe5;
--green-archipel-925-125-active: #58c5cf;
--green-archipel-main-557: #009099;
--green-archipel-850-200: #60e0eb;
--blue-ecume-975-75: #f4f6fe;
--blue-ecume-975-75-hover: #d7dffb;
--blue-ecume-975-75-active: #c3cffa;
--blue-ecume-950-100: #e9edfe;
--blue-ecume-950-100-hover: #c5d0fc;
--blue-ecume-950-100-active: #adbffc;
--blue-ecume-sun-247-moon-675: #2f4077;
--blue-ecume-sun-247-moon-675-hover: #4e68bb;
--blue-ecume-sun-247-moon-675-active: #667dcf;
--blue-ecume-925-125: #dee5fd;
--blue-ecume-925-125-hover: #b4c5fb;
--blue-ecume-925-125-active: #99b3f9;
--blue-ecume-main-400: #465f9d;
--blue-ecume-850-200: #bfccfb;
--blue-cumulus-975-75: #f3f6fe;
--blue-cumulus-975-75-hover: #d3dffc;
--blue-cumulus-975-75-active: #bed0fa;
--blue-cumulus-950-100: #e6eefe;
--blue-cumulus-950-100-hover: #bcd3fc;
--blue-cumulus-950-100-active: #9fc3fc;
--blue-cumulus-sun-368-moon-732: #3558a2;
--blue-cumulus-sun-368-moon-732-hover: #5982e0;
--blue-cumulus-sun-368-moon-732-active: #7996e6;
--blue-cumulus-925-125: #dae6fd;
--blue-cumulus-925-125-hover: #a9c8fb;
--blue-cumulus-925-125-active: #8ab8f9;
--blue-cumulus-main-526: #417dc4;
--blue-cumulus-850-200: #b6cffb;
--purple-glycine-975-75: #fef3fd;
--purple-glycine-975-75-hover: #fcd4f8;
--purple-glycine-975-75-active: #fabff5;
--purple-glycine-950-100: #fee7fc;
--purple-glycine-950-100-hover: #fdc0f8;
--purple-glycine-950-100-active: #fca8f6;
--purple-glycine-sun-319-moon-630: #6e445a;
--purple-glycine-sun-319-moon-630-hover: #a66989;
--purple-glycine-sun-319-moon-630-active: #bb7f9e;
--purple-glycine-925-125: #fddbfa;
--purple-glycine-925-125-hover: #fbaff5;
--purple-glycine-925-125-active: #fa96f2;
--purple-glycine-main-494: #a558a0;
--purple-glycine-850-200: #fbb8f6;
--pink-macaron-975-75: #fef4f2;
--pink-macaron-975-75-hover: #fcd8d0;
--pink-macaron-975-75-active: #fac5b8;
--pink-macaron-950-100: #fee9e6;
--pink-macaron-950-100-hover: #fdc6bd;
--pink-macaron-950-100-active: #fcb0a2;
--pink-macaron-sun-406-moon-833: #8d533e;
--pink-macaron-sun-406-moon-833-hover: #ca795c;
--pink-macaron-sun-406-moon-833-active: #e08e73;
--pink-macaron-925-125: #fddfda;
--pink-macaron-925-125-hover: #fbb8ab;
--pink-macaron-925-125-active: #faa18d;
--pink-macaron-main-689: #e18b76;
--pink-macaron-850-200: #fcc0b4;
--pink-tuile-975-75: #fef4f3;
--pink-tuile-975-75-hover: #fcd7d3;
--pink-tuile-975-75-active: #fac4be;
--pink-tuile-950-100: #fee9e7;
--pink-tuile-950-100-hover: #fdc6c0;
--pink-tuile-950-100-active: #fcb0a7;
--pink-tuile-sun-425-moon-750: #a94645;
--pink-tuile-sun-425-moon-750-hover: #d5706f;
--pink-tuile-sun-425-moon-750-active: #da8a89;
--pink-tuile-925-125: #fddfdb;
--pink-tuile-925-125-hover: #fbb8ad;
--pink-tuile-925-125-active: #faa191;
--pink-tuile-main-556: #ce614a;
--pink-tuile-850-200: #fcbfb7;
--yellow-tournesol-975-75: #fef6e3;
--yellow-tournesol-975-75-hover: #fce086;
--yellow-tournesol-975-75-active: #f5d24b;
--yellow-tournesol-950-100: #feecc2;
--yellow-tournesol-950-100-hover: #fbd335;
--yellow-tournesol-950-100-active: #e6c130;
--yellow-tournesol-sun-407-moon-922: #716043;
--yellow-tournesol-sun-407-moon-922-hover: #a28a62;
--yellow-tournesol-sun-407-moon-922-active: #ba9f72;
--yellow-tournesol-925-125: #fde39c;
--yellow-tournesol-925-125-hover: #e9c53b;
--yellow-tournesol-925-125-active: #d3b235;
--yellow-tournesol-main-731: #c8aa39;
--yellow-tournesol-850-200: #efcb3a;
--yellow-moutarde-975-75: #fef5e8;
--yellow-moutarde-975-75-hover: #fcdca3;
--yellow-moutarde-975-75-active: #fbcd64;
--yellow-moutarde-950-100: #feebd0;
--yellow-moutarde-950-100-hover: #fdcd6d;
--yellow-moutarde-950-100-active: #f4be30;
--yellow-moutarde-sun-348-moon-860: #695240;
--yellow-moutarde-sun-348-moon-860-hover: #9b7b61;
--yellow-moutarde-sun-348-moon-860-active: #b58f72;
--yellow-moutarde-925-125: #fde2b5;
--yellow-moutarde-925-125-hover: #f6c43c;
--yellow-moutarde-925-125-active: #dfb135;
--yellow-moutarde-main-679: #c3992a;
--yellow-moutarde-850-200: #fcc63a;
--orange-terre-battue-975-75: #fef4f2;
--orange-terre-battue-975-75-hover: #fcd8d0;
--orange-terre-battue-975-75-active: #fac5b8;
--orange-terre-battue-950-100: #fee9e5;
--orange-terre-battue-950-100-hover: #fdc6ba;
--orange-terre-battue-950-100-active: #fcb09e;
--orange-terre-battue-sun-370-moon-672: #755348;
--orange-terre-battue-sun-370-moon-672-hover: #ab7b6b;
--orange-terre-battue-sun-370-moon-672-active: #c68f7d;
--orange-terre-battue-925-125: #fddfd8;
--orange-terre-battue-925-125-hover: #fbb8a5;
--orange-terre-battue-925-125-active: #faa184;
--orange-terre-battue-main-645: #e4794a;
--orange-terre-battue-850-200: #fcc0b0;
--brown-cafe-creme-975-75: #fbf6ed;
--brown-cafe-creme-975-75-hover: #f2deb6;
--brown-cafe-creme-975-75-active: #eacf91;
--brown-cafe-creme-950-100: #f7ecdb;
--brown-cafe-creme-950-100-hover: #edce94;
--brown-cafe-creme-950-100-active: #dabd84;
--brown-cafe-creme-sun-383-moon-885: #685c48;
--brown-cafe-creme-sun-383-moon-885-hover: #97866a;
--brown-cafe-creme-sun-383-moon-885-active: #ae9b7b;
--brown-cafe-creme-925-125: #f4e3c7;
--brown-cafe-creme-925-125-hover: #e1c386;
--brown-cafe-creme-925-125-active: #ccb078;
--brown-cafe-creme-main-782: #d1b781;
--brown-cafe-creme-850-200: #e7ca8e;
--brown-caramel-975-75: #fbf5f2;
--brown-caramel-975-75-hover: #f1dbcf;
--brown-caramel-975-75-active: #ecc9b5;
--brown-caramel-950-100: #f7ebe5;
--brown-caramel-950-100-hover: #eccbb9;
--brown-caramel-950-100-active: #e6b79a;
--brown-caramel-sun-425-moon-901: #845d48;
--brown-caramel-sun-425-moon-901-hover: #bb8568;
--brown-caramel-sun-425-moon-901-active: #d69978;
--brown-caramel-925-125: #f3e2d9;
--brown-caramel-925-125-hover: #e7bea6;
--brown-caramel-925-125-active: #e1a982;
--brown-caramel-main-648: #c08c65;
--brown-caramel-850-200: #eac7b2;
--brown-opera-975-75: #fbf5f2;
--brown-opera-975-75-hover: #f1dbcf;
--brown-opera-975-75-active: #ecc9b5;
--brown-opera-950-100: #f7ece4;
--brown-opera-950-100-hover: #eccdb3;
--brown-opera-950-100-active: #e6ba90;
--brown-opera-sun-395-moon-820: #745b47;
--brown-opera-sun-395-moon-820-hover: #a78468;
--brown-opera-sun-395-moon-820-active: #c09979;
--brown-opera-925-125: #f3e2d7;
--brown-opera-925-125-hover: #e7bfa0;
--brown-opera-925-125-active: #deaa7e;
--brown-opera-main-680: #bd987a;
--brown-opera-850-200: #eac7ad;
--beige-gris-galet-975-75: #f9f6f2;
--beige-gris-galet-975-75-hover: #eadecd;
--beige-gris-galet-975-75-active: #e1ceb1;
--beige-gris-galet-950-100: #f3ede5;
--beige-gris-galet-950-100-hover: #e1d0b5;
--beige-gris-galet-950-100-active: #d1bea2;
--beige-gris-galet-sun-407-moon-821: #6a6156;
--beige-gris-galet-sun-407-moon-821-hover: #988b7c;
--beige-gris-galet-sun-407-moon-821-active: #afa08f;
--beige-gris-galet-925-125: #eee4d9;
--beige-gris-galet-925-125-hover: #dbc3a4;
--beige-gris-galet-925-125-active: #c6b094;
--beige-gris-galet-main-702: #aea397;
--beige-gris-galet-850-200: #e0cab0;
/* box-sizing: border-box; */
--ground: 0;
--shadow-color: rgba(0, 0, 18, 0.16);
--raised-shadow: 0 1px 3px var(--shadow-color);
--overlap-shadow: 0 2px 6px var(--shadow-color);
--lifted-shadow: 0 3px 9px var(--shadow-color);
}
.fr-text--light {
font-weight: 300 !important;
}
.fr-text--regular {
font-weight: 400 !important;
}
.fr-text--bold {
font-weight: 700 !important;
}
.fr-text--heavy {
font-weight: 900 !important;
}
.fr-h6 {
font-weight: 700 !important;
font-size: 1.125rem !important;
line-height: 1.5rem !important;
margin: var(--title-spacing);
}
.fr-h5 {
font-weight: 700 !important;
font-size: 1.25rem !important;
line-height: 1.75rem !important;
margin: var(--title-spacing);
}
.fr-h4 {
font-weight: 700 !important;
font-size: 1.375rem !important;
line-height: 1.75rem !important;
margin: var(--title-spacing);
}
.fr-h3 {
font-weight: 700 !important;
font-size: 1.5rem !important;
line-height: 2rem !important;
margin: var(--title-spacing);
}
.fr-h2 {
font-weight: 700 !important;
font-size: 1.75rem !important;
line-height: 2.25rem !important;
margin: var(--title-spacing);
}
.fr-h1 {
font-weight: 700 !important;
font-size: 2rem !important;
line-height: 2.5rem !important;
margin: var(--title-spacing);
}
.fr-h6,
.fr-h5,
.fr-h4,
.fr-h3,
.fr-h2,
.fr-h1,
.fr-display-xs,
.fr-display-sm,
.fr-display-md,
.fr-display-lg,
.fr-display-xl {
color: #000090;;
}
h6,
h5,
h4,
h3,
h2,
h1 {
color: var(--text-title-grey);
}
.fr-display--xs {
font-weight: 700 !important;
font-size: 2.5rem !important;
line-height: 3rem !important;
margin: var(--display-spacing);
}
.fr-display--sm {
font-weight: 700 !important;
font-size: 3rem !important;
line-height: 3.5rem !important;
margin: var(--display-spacing);
}
.fr-display--md {
font-weight: 700 !important;
font-size: 3.5rem !important;
line-height: 4rem !important;
margin: var(--display-spacing);
}
.fr-display--lg {
font-weight: 700 !important;
font-size: 4rem !important;
line-height: 4.5rem !important;
margin: var(--display-spacing);
}
.fr-display--xl {
font-weight: 700 !important;
font-size: 4.5rem !important;
line-height: 5rem !important;
margin: var(--display-spacing);
}
.fr-text--alt {
font-family: "Spectral", georgia, serif !important;
}
.fr-text--xs {
font-size: 0.75rem !important;
line-height: 1.25rem !important;
margin: var(--text-spacing);
}
.fr-text--sm {
font-size: 0.875rem !important;
line-height: 1.5rem !important;
margin: var(--text-spacing);
}
.fr-text--md {
font-size: 1rem !important;
line-height: 1.5rem !important;
margin: var(--text-spacing);
}
.fr-text--lg {
font-size: 1.125rem !important;
line-height: 1.75rem !important;
margin: var(--text-spacing);
}
.fr-text--xl,
.fr-text--lead {
font-size: 1.25rem !important;
line-height: 2rem !important;
margin: var(--text-spacing);
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
font-family: "Marianne", arial, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
margin: 0;
padding: 0;
font-size: 1rem;
line-height: 1.5rem;
background-color: var(--background-default-grey);
--idle: transparent;
--hover: var(--background-default-grey-hover);
--active: var(--background-default-grey-active);
color: var(--text-default-grey);
}
[class^=fr-icon-]::before,
[class^=fr-icon-]::after,
[class*=" fr-icon-"]::before,
[class*=" fr-icon-"]::after,
[class^=fr-fi-]::before,
[class^=fr-fi-]::after,
[class*=" fr-fi-"]::before,
[class*=" fr-fi-"]::after {
flex: 0 0 auto;
display: inline-block;
vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
background-color: currentColor;
width: var(--icon-size);
height: var(--icon-size);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
--icon-size: 1.5rem;
}
[class^=fr-icon-]::before,
[class*=" fr-icon-"]::before,
[class^=fr-fi-]::before,
[class*=" fr-fi-"]::before {
content: "";
}
.fr-icon--xs::before,
.fr-icon--xs::after {
--icon-size: 0.75rem;
}
.fr-icon--sm::before,
.fr-icon--sm::after {
--icon-size: 1rem;
}
.fr-icon--md::before,
.fr-icon--md::after {
--icon-size: 1.5rem;
}
.fr-icon--lg::before,
.fr-icon--lg::after {
--icon-size: 2rem;
}
.fr-hidden {
display: none !important;
}
.fr-unhidden {
display: inherit !important;
}
/**
* Fixe le scroll en arrière plan
*/
:root[data-fr-scrolling] body {
--scroll-top: 0;
overflow: hidden;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
top: var(--scroll-top);
}
.fr-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap; /* added line */
border: 0;
}
hr {
padding: var(--text-spacing);
margin: 0;
border: 0;
display: block;
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: 0 0;
background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
}
.fr-hr {
padding: var(--text-spacing);
margin: 0;
border: 0;
display: block;
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: 0 0;
background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
}
.fr-hr--sm {
width: 10rem;
margin-left: auto;
margin-right: auto;
}
.fr-hr-or {
font-size: 0.875rem;
line-height: 1.5rem;
text-transform: uppercase;
font-weight: 700;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
flex-wrap: no-wrap;
}
.fr-hr-or::before,
.fr-hr-or::after {
content: "";
display: inline-flex;
height: 1px;
width: 100%;
background-color: var(--border-default-grey);
--idle: transparent;
--hover: var(--border-default-grey-hover);
--active: var(--border-default-grey-active);
}
.fr-hr-or::before {
margin-right: 0.75rem;
}
.fr-hr-or::after {
margin-left: 0.75rem;
}
.fr-ellipsis {
display: inline !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
iframe {
border: 0;
}
.fr-fluid-img {
max-width: 100%;
height: auto;
}
@supports (aspect-ratio: 16/9) {
.fr-ratio-32x9 {
aspect-ratio: 3.5555555556 !important;
}
.fr-ratio-16x9 {
aspect-ratio: 1.7777777778 !important;
}
.fr-ratio-3x2 {
aspect-ratio: 1.5 !important;
}
.fr-ratio-4x3 {
aspect-ratio: 1.3333333333 !important;
}
.fr-ratio-1x1 {
aspect-ratio: 1 !important;
}
.fr-ratio-3x4 {
aspect-ratio: 0.75 !important;
}
.fr-ratio-2x3 {
aspect-ratio: 0.6666666667 !important;
}
}
[class^=fr-ratio],
[class*=" fr-ratio"] {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
}
iframe[class^=fr-ratio],
iframe[class*=" fr-ratio"] {
object-fit: fill;
}
.fr-responsive-img {
width: 100%;
height: auto;
}
.fr-responsive-vid {
position: relative;
width: 100%;
aspect-ratio: 1.7777777778;
display: block;
}
.fr-responsive-vid__player {
width: 100%;
height: 100%;
display: block;
border: 0;
}
.fr-responsive-vid > .fr-consent-placeholder {
object-fit: cover;
object-position: 50% 50%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.fr-grid-row {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.fr-grid-row--top {
align-items: flex-start;
}
.fr-grid-row--bottom {
align-items: flex-end;
}
.fr-grid-row--middle {
align-items: center;
}
.fr-grid-row--left {
justify-content: flex-start;
}
.fr-grid-row--right {
justify-content: flex-end;
}
.fr-grid-row--center {
justify-content: center;
}
.fr-col--top {
align-self: flex-start;
}
.fr-col--bottom {
align-self: flex-end;
}
.fr-col--middle {
align-self: center;
}
.fr-container {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
.fr-container--fluid {
padding-left: 0;
padding-right: 0;
max-width: none;
overflow: hidden;
}
.fr-grid-row--gutters {
margin: -0.5rem;
}
.fr-grid-row--gutters > [class^=fr-col-],
.fr-grid-row--gutters > [class*=" fr-col-"],
.fr-grid-row--gutters > .fr-col {
padding: 0.5rem;
}
.fr-grid-row--no-gutters {
margin: 0;
}
.fr-grid-row--no-gutters > [class^=fr-col-],
.fr-grid-row--no-gutters > [class*=" fr-col-"],
.fr-grid-row--no-gutters > .fr-col {
padding: 0;
}
.fr-col {
flex: 1;
}
.fr-col-1 {
flex: 0 0 calc(100% / 12);
width: calc(100% / 12);
max-width: calc(100% / 12);
}
.fr-col-offset-1:not(.fr-col-offset-1--right) {
margin-left: calc(100% / 12);
}
.fr-col-offset-1--right {
margin-right: calc(100% / 12);
}
.fr-col-2 {
flex: 0 0 calc(200% / 12);
width: calc(200% / 12);
max-width: calc(200% / 12);
}
.fr-col-offset-2:not(.fr-col-offset-2--right) {
margin-left: calc(200% / 12);
}
.fr-col-offset-2--right {
margin-right: calc(200% / 12);
}
.fr-col-3 {
flex: 0 0 calc(300% / 12);
width: calc(300% / 12);
max-width: calc(300% / 12);
}
.fr-col-offset-3:not(.fr-col-offset-3--right) {
margin-left: calc(300% / 12);
}
.fr-col-offset-3--right {
margin-right: calc(300% / 12);
}
.fr-col-4 {
flex: 0 0 calc(400% / 12);
width: calc(400% / 12);
max-width: calc(400% / 12);
}
.fr-col-offset-4:not(.fr-col-offset-4--right) {
margin-left: calc(400% / 12);
}
.fr-col-offset-4--right {
margin-right: calc(400% / 12);
}
.fr-col-5 {
flex: 0 0 calc(500% / 12);
width: calc(500% / 12);
max-width: calc(500% / 12);
}
.fr-col-offset-5:not(.fr-col-offset-5--right) {
margin-left: calc(500% / 12);
}
.fr-col-offset-5--right {
margin-right: calc(500% / 12);
}
.fr-col-6 {
flex: 0 0 calc(600% / 12);
width: calc(600% / 12);
max-width: calc(600% / 12);
}
.fr-col-offset-6:not(.fr-col-offset-6--right) {
margin-left: calc(600% / 12);
}
.fr-col-offset-6--right {
margin-right: calc(600% / 12);
}
.fr-col-7 {
flex: 0 0 calc(700% / 12);
width: calc(700% / 12);
max-width: calc(700% / 12);
}
.fr-col-offset-7:not(.fr-col-offset-7--right) {
margin-left: calc(700% / 12);
}
.fr-col-offset-7--right {
margin-right: calc(700% / 12);
}
.fr-col-8 {
flex: 0 0 calc(800% / 12);
width: calc(800% / 12);
max-width: calc(800% / 12);
}
.fr-col-offset-8:not(.fr-col-offset-8--right) {
margin-left: calc(800% / 12);
}
.fr-col-offset-8--right {
margin-right: calc(800% / 12);
}
.fr-col-9 {
flex: 0 0 calc(900% / 12);
width: calc(900% / 12);
max-width: calc(900% / 12);
}
.fr-col-offset-9:not(.fr-col-offset-9--right) {
margin-left: calc(900% / 12);
}
.fr-col-offset-9--right {
margin-right: calc(900% / 12);
}
.fr-col-10 {
flex: 0 0 calc(1000% / 12);
width: calc(1000% / 12);
max-width: calc(1000% / 12);
}
.fr-col-offset-10:not(.fr-col-offset-10--right) {
margin-left: calc(1000% / 12);
}
.fr-col-offset-10--right {
margin-right: calc(1000% / 12);
}
.fr-col-11 {
flex: 0 0 calc(1100% / 12);
width: calc(1100% / 12);
max-width: calc(1100% / 12);
}
.fr-col-offset-11:not(.fr-col-offset-11--right) {
margin-left: calc(1100% / 12);
}
.fr-col-offset-11--right {
margin-right: calc(1100% / 12);
}
.fr-col-12 {
flex: 0 0 calc(1200% / 12);
width: calc(1200% / 12);
max-width: calc(1200% / 12);
}
.fr-col-offset-12:not(.fr-col-offset-12--right) {
margin-left: calc(1200% / 12);
}
.fr-col-offset-12--right {
margin-right: calc(1200% / 12);
}
.fr-no-before::before {
content: none;
}
.fr-no-after::after {
content: none;
}
.fr-collapse {
--collapse-max-height: 0;
--collapse: -99999px;
--collapser: "";
overflow: hidden;
transition: visibility 0.3s;
max-height: 0;
max-height: var(--collapse-max-height);
}
.fr-collapse::before {
display: block;
content: "";
content: var(--collapser);
transition: margin-top 0.3s;
margin-top: 0;
}
.fr-collapse:not(.fr-collapse--expanded) {
visibility: hidden;
}
.fr-collapse:not(.fr-collapse--expanded)::before {
margin-top: -99999px;
margin-top: var(--collapse);
}
.fr-m-n8v,
.fr-m-n4w {
margin: -2rem !important;
}
.fr-ml-n8v,
.fr-ml-n4w,
.fr-mx-n8v,
.fr-mx-n4w {
margin-left: -2rem !important;
}
.fr-mr-n8v,
.fr-mr-n4w,
.fr-mx-n8v,
.fr-mx-n4w {
margin-right: -2rem !important;
}
.fr-mt-n8v,
.fr-mt-n4w,
.fr-my-n8v,
.fr-my-n4w {
margin-top: -2rem !important;
}
.fr-mb-n8v,
.fr-mb-n4w,
.fr-my-n8v,
.fr-my-n4w {
margin-bottom: -2rem !important;
}
.fr-m-n7v {
margin: -1.75rem !important;
}
.fr-ml-n7v,
.fr-mx-n7v {
margin-left: -1.75rem !important;
}
.fr-mr-n7v,
.fr-mx-n7v {
margin-right: -1.75rem !important;
}
.fr-mt-n7v,
.fr-my-n7v {
margin-top: -1.75rem !important;
}
.fr-mb-n7v,
.fr-my-n7v {
margin-bottom: -1.75rem !important;
}
.fr-m-n6v,
.fr-m-n3w {
margin: -1.5rem !important;
}
.fr-ml-n6v,
.fr-ml-n3w,
.fr-mx-n6v,
.fr-mx-n3w {
margin-left: -1.5rem !important;
}
.fr-mr-n6v,
.fr-mr-n3w,
.fr-mx-n6v,
.fr-mx-n3w {
margin-right: -1.5rem !important;
}
.fr-mt-n6v,
.fr-mt-n3w,
.fr-my-n6v,
.fr-my-n3w {
margin-top: -1.5rem !important;
}
.fr-mb-n6v,
.fr-mb-n3w,
.fr-my-n6v,
.fr-my-n3w {
margin-bottom: -1.5rem !important;
}
.fr-m-n5v {
margin: -1.25rem !important;
}
.fr-ml-n5v,
.fr-mx-n5v {
margin-left: -1.25rem !important;
}
.fr-mr-n5v,
.fr-mx-n5v {
margin-right: -1.25rem !important;
}
.fr-mt-n5v,
.fr-my-n5v {
margin-top: -1.25rem !important;
}
.fr-mb-n5v,
.fr-my-n5v {
margin-bottom: -1.25rem !important;
}
.fr-m-n4v,
.fr-m-n2w {
margin: -1rem !important;
}
.fr-ml-n4v,
.fr-ml-n2w,
.fr-mx-n4v,
.fr-mx-n2w {
margin-left: -1rem !important;
}
.fr-mr-n4v,
.fr-mr-n2w,
.fr-mx-n4v,
.fr-mx-n2w {
margin-right: -1rem !important;
}
.fr-mt-n4v,
.fr-mt-n2w,
.fr-my-n4v,
.fr-my-n2w {
margin-top: -1rem !important;
}
.fr-mb-n4v,
.fr-mb-n2w,
.fr-my-n4v,
.fr-my-n2w {
margin-bottom: -1rem !important;
}
.fr-m-n3v {
margin: -0.75rem !important;
}
.fr-ml-n3v,
.fr-mx-n3v {
margin-left: -0.75rem !important;
}
.fr-mr-n3v,
.fr-mx-n3v {
margin-right: -0.75rem !important;
}
.fr-mt-n3v,
.fr-my-n3v {
margin-top: -0.75rem !important;
}
.fr-mb-n3v,
.fr-my-n3v {
margin-bottom: -0.75rem !important;
}
.fr-m-n2v,
.fr-m-n1w {
margin: -0.5rem !important;
}
.fr-ml-n2v,
.fr-ml-n1w,
.fr-mx-n2v,
.fr-mx-n1w {
margin-left: -0.5rem !important;
}
.fr-mr-n2v,
.fr-mr-n1w,
.fr-mx-n2v,
.fr-mx-n1w {
margin-right: -0.5rem !important;
}
.fr-mt-n2v,
.fr-mt-n1w,
.fr-my-n2v,
.fr-my-n1w {
margin-top: -0.5rem !important;
}
.fr-mb-n2v,
.fr-mb-n1w,
.fr-my-n2v,
.fr-my-n1w {
margin-bottom: -0.5rem !important;
}
.fr-m-n1v {
margin: -0.25rem !important;
}
.fr-ml-n1v,
.fr-mx-n1v {
margin-left: -0.25rem !important;
}
.fr-mr-n1v,
.fr-mx-n1v {
margin-right: -0.25rem !important;
}
.fr-mt-n1v,
.fr-my-n1v {
margin-top: -0.25rem !important;
}
.fr-mb-n1v,
.fr-my-n1v {
margin-bottom: -0.25rem !important;
}
.fr-m-n1-5v {
margin: -0.375rem !important;
}
.fr-ml-n1-5v,
.fr-mx-n1-5v {
margin-left: -0.375rem !important;
}
.fr-mr-n1-5v,
.fr-mx-n1-5v {
margin-right: -0.375rem !important;
}
.fr-mt-n1-5v,
.fr-my-n1-5v {
margin-top: -0.375rem !important;
}
.fr-mb-n1-5v,
.fr-my-n1-5v {
margin-bottom: -0.375rem !important;
}
.fr-m-0 {
margin: 0 !important;
}
.fr-ml-0,
.fr-mx-0 {
margin-left: 0 !important;
}
.fr-mr-0,
.fr-mx-0 {
margin-right: 0 !important;
}
.fr-mt-0,
.fr-my-0 {
margin-top: 0 !important;
}
.fr-mb-0,
.fr-my-0 {
margin-bottom: 0 !important;
}
.fr-m-n0-5v {
margin: -0.125rem !important;
}
.fr-ml-n0-5v,
.fr-mx-n0-5v {
margin-left: -0.125rem !important;
}
.fr-mr-n0-5v,
.fr-mx-n0-5v {
margin-right: -0.125rem !important;
}
.fr-mt-n0-5v,
.fr-my-n0-5v {
margin-top: -0.125rem !important;
}
.fr-mb-n0-5v,
.fr-my-n0-5v {
margin-bottom: -0.125rem !important;
}
.fr-m-0-5v {
margin: 0.125rem !important;
}
.fr-ml-0-5v,
.fr-mx-0-5v {
margin-left: 0.125rem !important;
}
.fr-mr-0-5v,
.fr-mx-0-5v {
margin-right: 0.125rem !important;
}
.fr-mt-0-5v,
.fr-my-0-5v {
margin-top: 0.125rem !important;
}
.fr-mb-0-5v,
.fr-my-0-5v {
margin-bottom: 0.125rem !important;
}
.fr-m-1v {
margin: 0.25rem !important;
}
.fr-ml-1v,
.fr-mx-1v {
margin-left: 0.25rem !important;
}
.fr-mr-1v,
.fr-mx-1v {
margin-right: 0.25rem !important;
}
.fr-mt-1v,
.fr-my-1v {
margin-top: 0.25rem !important;
}
.fr-mb-1v,
.fr-my-1v {
margin-bottom: 0.25rem !important;
}
.fr-m-1-5v {
margin: 0.375rem !important;
}
.fr-ml-1-5v,
.fr-mx-1-5v {
margin-left: 0.375rem !important;
}
.fr-mr-1-5v,
.fr-mx-1-5v {
margin-right: 0.375rem !important;
}
.fr-mt-1-5v,
.fr-my-1-5v {
margin-top: 0.375rem !important;
}
.fr-mb-1-5v,
.fr-my-1-5v {
margin-bottom: 0.375rem !important;
}
.fr-m-2v,
.fr-m-1w {
margin: 0.5rem !important;
}
.fr-ml-2v,
.fr-ml-1w,
.fr-mx-2v,
.fr-mx-1w {
margin-left: 0.5rem !important;
}
.fr-mr-2v,
.fr-mr-1w,
.fr-mx-2v,
.fr-mx-1w {
margin-right: 0.5rem !important;
}
.fr-mt-2v,
.fr-mt-1w,
.fr-my-2v,
.fr-my-1w {
margin-top: 0.5rem !important;
}
.fr-mb-2v,
.fr-mb-1w,
.fr-my-2v,
.fr-my-1w {
margin-bottom: 0.5rem !important;
}
.fr-m-3v {
margin: 0.75rem !important;
}
.fr-ml-3v,
.fr-mx-3v {
margin-left: 0.75rem !important;
}
.fr-mr-3v,
.fr-mx-3v {
margin-right: 0.75rem !important;
}
.fr-mt-3v,
.fr-my-3v {
margin-top: 0.75rem !important;
}
.fr-mb-3v,
.fr-my-3v {
margin-bottom: 0.75rem !important;
}
.fr-m-4v,
.fr-m-2w {
margin: 1rem !important;
}
.fr-ml-4v,
.fr-ml-2w,
.fr-mx-4v,
.fr-mx-2w {
margin-left: 1rem !important;
}
.fr-mr-4v,
.fr-mr-2w,
.fr-mx-4v,
.fr-mx-2w {
margin-right: 1rem !important;
}
.fr-mt-4v,
.fr-mt-2w,
.fr-my-4v,
.fr-my-2w {
margin-top: 1rem !important;
}
.fr-mb-4v,
.fr-mb-2w,
.fr-my-4v,
.fr-my-2w {
margin-bottom: 1rem !important;
}
.fr-m-5v {
margin: 1.25rem !important;
}
.fr-ml-5v,
.fr-mx-5v {
margin-left: 1.25rem !important;
}
.fr-mr-5v,
.fr-mx-5v {
margin-right: 1.25rem !important;
}
.fr-mt-5v,
.fr-my-5v {
margin-top: 1.25rem !important;
}
.fr-mb-5v,
.fr-my-5v {
margin-bottom: 1.25rem !important;
}
.fr-m-6v,
.fr-m-3w {
margin: 1.5rem !important;
}
.fr-ml-6v,
.fr-ml-3w,
.fr-mx-6v,
.fr-mx-3w {
margin-left: 1.5rem !important;
}
.fr-mr-6v,
.fr-mr-3w,
.fr-mx-6v,
.fr-mx-3w {
margin-right: 1.5rem !important;
}
.fr-mt-6v,
.fr-mt-3w,
.fr-my-6v,
.fr-my-3w {
margin-top: 1.5rem !important;
}
.fr-mb-6v,
.fr-mb-3w,
.fr-my-6v,
.fr-my-3w {
margin-bottom: 1.5rem !important;
}
.fr-m-7v {
margin: 1.75rem !important;
}
.fr-ml-7v,
.fr-mx-7v {
margin-left: 1.75rem !important;
}
.fr-mr-7v,
.fr-mx-7v {
margin-right: 1.75rem !important;
}
.fr-mt-7v,
.fr-my-7v {
margin-top: 1.75rem !important;
}
.fr-mb-7v,
.fr-my-7v {
margin-bottom: 1.75rem !important;
}
.fr-m-8v,
.fr-m-4w {
margin: 2rem !important;
}
.fr-ml-8v,
.fr-ml-4w,
.fr-mx-8v,
.fr-mx-4w {
margin-left: 2rem !important;
}
.fr-mr-8v,
.fr-mr-4w,
.fr-mx-8v,
.fr-mx-4w {
margin-right: 2rem !important;
}
.fr-mt-8v,
.fr-mt-4w,
.fr-my-8v,
.fr-my-4w {
margin-top: 2rem !important;
}
.fr-mb-8v,
.fr-mb-4w,
.fr-my-8v,
.fr-my-4w {
margin-bottom: 2rem !important;
}
.fr-m-9v {
margin: 2.25rem !important;
}
.fr-ml-9v,
.fr-mx-9v {
margin-left: 2.25rem !important;
}
.fr-mr-9v,
.fr-mx-9v {
margin-right: 2.25rem !important;
}
.fr-mt-9v,
.fr-my-9v {
margin-top: 2.25rem !important;
}
.fr-mb-9v,
.fr-my-9v {
margin-bottom: 2.25rem !important;
}
.fr-m-10v,
.fr-m-5w {
margin: 2.5rem !important;
}
.fr-ml-10v,
.fr-ml-5w,
.fr-mx-10v,
.fr-mx-5w {
margin-left: 2.5rem !important;
}
.fr-mr-10v,
.fr-mr-5w,
.fr-mx-10v,
.fr-mx-5w {
margin-right: 2.5rem !important;
}
.fr-mt-10v,
.fr-mt-5w,
.fr-my-10v,
.fr-my-5w {
margin-top: 2.5rem !important;
}
.fr-mb-10v,
.fr-mb-5w,
.fr-my-10v,
.fr-my-5w {
margin-bottom: 2.5rem !important;
}
.fr-m-11v {
margin: 2.75rem !important;
}
.fr-ml-11v,
.fr-mx-11v {
margin-left: 2.75rem !important;
}
.fr-mr-11v,
.fr-mx-11v {
margin-right: 2.75rem !important;
}
.fr-mt-11v,
.fr-my-11v {
margin-top: 2.75rem !important;
}
.fr-mb-11v,
.fr-my-11v {
margin-bottom: 2.75rem !important;
}
.fr-m-12v,
.fr-m-6w {
margin: 3rem !important;
}
.fr-ml-12v,
.fr-ml-6w,
.fr-mx-12v,
.fr-mx-6w {
margin-left: 3rem !important;
}
.fr-mr-12v,
.fr-mr-6w,
.fr-mx-12v,
.fr-mx-6w {
margin-right: 3rem !important;
}
.fr-mt-12v,
.fr-mt-6w,
.fr-my-12v,
.fr-my-6w {
margin-top: 3rem !important;
}
.fr-mb-12v,
.fr-mb-6w,
.fr-my-12v,
.fr-my-6w {
margin-bottom: 3rem !important;
}
.fr-m-13v {
margin: 3.25rem !important;
}
.fr-ml-13v,
.fr-mx-13v {
margin-left: 3.25rem !important;
}
.fr-mr-13v,
.fr-mx-13v {
margin-right: 3.25rem !important;
}
.fr-mt-13v,
.fr-my-13v {
margin-top: 3.25rem !important;
}
.fr-mb-13v,
.fr-my-13v {
margin-bottom: 3.25rem !important;
}
.fr-m-14v,
.fr-m-7w {
margin: 3.5rem !important;
}
.fr-ml-14v,
.fr-ml-7w,
.fr-mx-14v,
.fr-mx-7w {
margin-left: 3.5rem !important;
}
.fr-mr-14v,
.fr-mr-7w,
.fr-mx-14v,
.fr-mx-7w {
margin-right: 3.5rem !important;
}
.fr-mt-14v,
.fr-mt-7w,
.fr-my-14v,
.fr-my-7w {
margin-top: 3.5rem !important;
}
.fr-mb-14v,
.fr-mb-7w,
.fr-my-14v,
.fr-my-7w {
margin-bottom: 3.5rem !important;
}
.fr-m-15v {
margin: 3.75rem !important;
}
.fr-ml-15v,
.fr-mx-15v {
margin-left: 3.75rem !important;
}
.fr-mr-15v,
.fr-mx-15v {
margin-right: 3.75rem !important;
}
.fr-mt-15v,
.fr-my-15v {
margin-top: 3.75rem !important;
}
.fr-mb-15v,
.fr-my-15v {
margin-bottom: 3.75rem !important;
}
.fr-m-16v,
.fr-m-8w {
margin: 4rem !important;
}
.fr-ml-16v,
.fr-ml-8w,
.fr-mx-16v,
.fr-mx-8w {
margin-left: 4rem !important;
}
.fr-mr-16v,
.fr-mr-8w,
.fr-mx-16v,
.fr-mx-8w {
margin-right: 4rem !important;
}
.fr-mt-16v,
.fr-mt-8w,
.fr-my-16v,
.fr-my-8w {
margin-top: 4rem !important;
}
.fr-mb-16v,
.fr-mb-8w,
.fr-my-16v,
.fr-my-8w {
margin-bottom: 4rem !important;
}
.fr-m-17v {
margin: 4.25rem !important;
}
.fr-ml-17v,
.fr-mx-17v {
margin-left: 4.25rem !important;
}
.fr-mr-17v,
.fr-mx-17v {
margin-right: 4.25rem !important;
}
.fr-mt-17v,
.fr-my-17v {
margin-top: 4.25rem !important;
}
.fr-mb-17v,
.fr-my-17v {
margin-bottom: 4.25rem !important;
}
.fr-m-18v,
.fr-m-9w {
margin: 4.5rem !important;
}
.fr-ml-18v,
.fr-ml-9w,
.fr-mx-18v,
.fr-mx-9w {
margin-left: 4.5rem !important;
}
.fr-mr-18v,
.fr-mr-9w,
.fr-mx-18v,
.fr-mx-9w {
margin-right: 4.5rem !important;
}
.fr-mt-18v,
.fr-mt-9w,
.fr-my-18v,
.fr-my-9w {
margin-top: 4.5rem !important;
}
.fr-mb-18v,
.fr-mb-9w,
.fr-my-18v,
.fr-my-9w {
margin-bottom: 4.5rem !important;
}
.fr-m-19v {
margin: 4.75rem !important;
}
.fr-ml-19v,
.fr-mx-19v {
margin-left: 4.75rem !important;
}
.fr-mr-19v,
.fr-mx-19v {
margin-right: 4.75rem !important;
}
.fr-mt-19v,
.fr-my-19v {
margin-top: 4.75rem !important;
}
.fr-mb-19v,
.fr-my-19v {
margin-bottom: 4.75rem !important;
}
.fr-m-20v,
.fr-m-10w {
margin: 5rem !important;
}
.fr-ml-20v,
.fr-ml-10w,
.fr-mx-20v,
.fr-mx-10w {
margin-left: 5rem !important;
}
.fr-mr-20v,
.fr-mr-10w,
.fr-mx-20v,
.fr-mx-10w {
margin-right: 5rem !important;
}
.fr-mt-20v,
.fr-mt-10w,
.fr-my-20v,
.fr-my-10w {
margin-top: 5rem !important;
}
.fr-mb-20v,
.fr-mb-10w,
.fr-my-20v,
.fr-my-10w {
margin-bottom: 5rem !important;
}
.fr-m-21v {
margin: 5.25rem !important;
}
.fr-ml-21v,
.fr-mx-21v {
margin-left: 5.25rem !important;
}
.fr-mr-21v,
.fr-mx-21v {
margin-right: 5.25rem !important;
}
.fr-mt-21v,
.fr-my-21v {
margin-top: 5.25rem !important;
}
.fr-mb-21v,
.fr-my-21v {
margin-bottom: 5.25rem !important;
}
.fr-m-22v,
.fr-m-11w {
margin: 5.5rem !important;
}
.fr-ml-22v,
.fr-ml-11w,
.fr-mx-22v,
.fr-mx-11w {
margin-left: 5.5rem !important;
}
.fr-mr-22v,
.fr-mr-11w,
.fr-mx-22v,
.fr-mx-11w {
margin-right: 5.5rem !important;
}
.fr-mt-22v,
.fr-mt-11w,
.fr-my-22v,
.fr-my-11w {
margin-top: 5.5rem !important;
}
.fr-mb-22v,
.fr-mb-11w,
.fr-my-22v,
.fr-my-11w {
margin-bottom: 5.5rem !important;
}
.fr-m-23v {
margin: 5.75rem !important;
}
.fr-ml-23v,
.fr-mx-23v {
margin-left: 5.75rem !important;
}
.fr-mr-23v,
.fr-mx-23v {
margin-right: 5.75rem !important;
}
.fr-mt-23v,
.fr-my-23v {
margin-top: 5.75rem !important;
}
.fr-mb-23v,
.fr-my-23v {
margin-bottom: 5.75rem !important;
}
.fr-m-24v,
.fr-m-12w {
margin: 6rem !important;
}
.fr-ml-24v,
.fr-ml-12w,
.fr-mx-24v,
.fr-mx-12w {
margin-left: 6rem !important;
}
.fr-mr-24v,
.fr-mr-12w,
.fr-mx-24v,
.fr-mx-12w {
margin-right: 6rem !important;
}
.fr-mt-24v,
.fr-mt-12w,
.fr-my-24v,
.fr-my-12w {
margin-top: 6rem !important;
}
.fr-mb-24v,
.fr-mb-12w,
.fr-my-24v,
.fr-my-12w {
margin-bottom: 6rem !important;
}
.fr-m-25v {
margin: 6.25rem !important;
}
.fr-ml-25v,
.fr-mx-25v {
margin-left: 6.25rem !important;
}
.fr-mr-25v,
.fr-mx-25v {
margin-right: 6.25rem !important;
}
.fr-mt-25v,
.fr-my-25v {
margin-top: 6.25rem !important;
}
.fr-mb-25v,
.fr-my-25v {
margin-bottom: 6.25rem !important;
}
.fr-m-26v,
.fr-m-13w {
margin: 6.5rem !important;
}
.fr-ml-26v,
.fr-ml-13w,
.fr-mx-26v,
.fr-mx-13w {
margin-left: 6.5rem !important;
}
.fr-mr-26v,
.fr-mr-13w,
.fr-mx-26v,
.fr-mx-13w {
margin-right: 6.5rem !important;
}
.fr-mt-26v,
.fr-mt-13w,
.fr-my-26v,
.fr-my-13w {
margin-top: 6.5rem !important;
}
.fr-mb-26v,
.fr-mb-13w,
.fr-my-26v,
.fr-my-13w {
margin-bottom: 6.5rem !important;
}
.fr-m-27v {
margin: 6.75rem !important;
}
.fr-ml-27v,
.fr-mx-27v {
margin-left: 6.75rem !important;
}
.fr-mr-27v,
.fr-mx-27v {
margin-right: 6.75rem !important;
}
.fr-mt-27v,
.fr-my-27v {
margin-top: 6.75rem !important;
}
.fr-mb-27v,
.fr-my-27v {
margin-bottom: 6.75rem !important;
}
.fr-m-28v,
.fr-m-14w {
margin: 7rem !important;
}
.fr-ml-28v,
.fr-ml-14w,
.fr-mx-28v,
.fr-mx-14w {
margin-left: 7rem !important;
}
.fr-mr-28v,
.fr-mr-14w,
.fr-mx-28v,
.fr-mx-14w {
margin-right: 7rem !important;
}
.fr-mt-28v,
.fr-mt-14w,
.fr-my-28v,
.fr-my-14w {
margin-top: 7rem !important;
}
.fr-mb-28v,
.fr-mb-14w,
.fr-my-28v,
.fr-my-14w {
margin-bottom: 7rem !important;
}
.fr-m-29v {
margin: 7.25rem !important;
}
.fr-ml-29v,
.fr-mx-29v {
margin-left: 7.25rem !important;
}
.fr-mr-29v,
.fr-mx-29v {
margin-right: 7.25rem !important;
}
.fr-mt-29v,
.fr-my-29v {
margin-top: 7.25rem !important;
}
.fr-mb-29v,
.fr-my-29v {
margin-bottom: 7.25rem !important;
}
.fr-m-30v,
.fr-m-15w {
margin: 7.5rem !important;
}
.fr-ml-30v,
.fr-ml-15w,
.fr-mx-30v,
.fr-mx-15w {
margin-left: 7.5rem !important;
}
.fr-mr-30v,
.fr-mr-15w,
.fr-mx-30v,
.fr-mx-15w {
margin-right: 7.5rem !important;
}
.fr-mt-30v,
.fr-mt-15w,
.fr-my-30v,
.fr-my-15w {
margin-top: 7.5rem !important;
}
.fr-mb-30v,
.fr-mb-15w,
.fr-my-30v,
.fr-my-15w {
margin-bottom: 7.5rem !important;
}
.fr-m-31v {
margin: 7.75rem !important;
}
.fr-ml-31v,
.fr-mx-31v {
margin-left: 7.75rem !important;
}
.fr-mr-31v,
.fr-mx-31v {
margin-right: 7.75rem !important;
}
.fr-mt-31v,
.fr-my-31v {
margin-top: 7.75rem !important;
}
.fr-mb-31v,
.fr-my-31v {
margin-bottom: 7.75rem !important;
}
.fr-m-32v,
.fr-m-16w {
margin: 8rem !important;
}
.fr-ml-32v,
.fr-ml-16w,
.fr-mx-32v,
.fr-mx-16w {
margin-left: 8rem !important;
}
.fr-mr-32v,
.fr-mr-16w,
.fr-mx-32v,
.fr-mx-16w {
margin-right: 8rem !important;
}
.fr-mt-32v,
.fr-mt-16w,
.fr-my-32v,
.fr-my-16w {
margin-top: 8rem !important;
}
.fr-mb-32v,
.fr-mb-16w,
.fr-my-32v,
.fr-my-16w {
margin-bottom: 8rem !important;
}
.fr-m-auto {
margin: auto;
}
.fr-ml-auto,
.fr-mx-auto {
margin-left: auto;
}
.fr-mr-auto,
.fr-mx-auto {
margin-right: auto;
}
.fr-mt-auto,
.fr-my-auto {
margin-top: auto;
}
.fr-mb-auto,
.fr-my-auto {
margin-bottom: auto;
}
.fr-m-first-n8v,
.fr-m-first-n4w {
margin: -2rem !important;
}
.fr-ml-first-n8v,
.fr-ml-first-n4w,
.fr-mx-first-n8v,
.fr-mx-first-n4w {
margin-left: -2rem !important;
}
.fr-mr-first-n8v,
.fr-mr-first-n4w,
.fr-mx-first-n8v,
.fr-mx-first-n4w {
margin-right: -2rem !important;
}
.fr-mt-first-n8v,
.fr-mt-first-n4w,
.fr-my-first-n8v,
.fr-my-first-n4w {
margin-top: -2rem !important;
}
.fr-mb-first-n8v,
.fr-mb-first-n4w,
.fr-my-first-n8v,
.fr-my-first-n4w {
margin-bottom: -2rem !important;
}
.fr-m-first-n7v {
margin: -1.75rem !important;
}
.fr-ml-first-n7v,
.fr-mx-first-n7v {
margin-left: -1.75rem !important;
}
.fr-mr-first-n7v,
.fr-mx-first-n7v {
margin-right: -1.75rem !important;
}
.fr-mt-first-n7v,
.fr-my-first-n7v {
margin-top: -1.75rem !important;
}
.fr-mb-first-n7v,
.fr-my-first-n7v {
margin-bottom: -1.75rem !important;
}
.fr-m-first-n6v,
.fr-m-first-n3w {
margin: -1.5rem !important;
}
.fr-ml-first-n6v,
.fr-ml-first-n3w,
.fr-mx-first-n6v,
.fr-mx-first-n3w {
margin-left: -1.5rem !important;
}
.fr-mr-first-n6v,
.fr-mr-first-n3w,
.fr-mx-first-n6v,
.fr-mx-first-n3w {
margin-right: -1.5rem !important;
}
.fr-mt-first-n6v,
.fr-mt-first-n3w,
.fr-my-first-n6v,
.fr-my-first-n3w {
margin-top: -1.5rem !important;
}
.fr-mb-first-n6v,
.fr-mb-first-n3w,
.fr-my-first-n6v,
.fr-my-first-n3w {
margin-bottom: -1.5rem !important;
}
.fr-m-first-n5v {
margin: -1.25rem !important;
}
.fr-ml-first-n5v,
.fr-mx-first-n5v {
margin-left: -1.25rem !important;
}
.fr-mr-first-n5v,
.fr-mx-first-n5v {
margin-right: -1.25rem !important;
}
.fr-mt-first-n5v,
.fr-my-first-n5v {
margin-top: -1.25rem !important;
}
.fr-mb-first-n5v,
.fr-my-first-n5v {
margin-bottom: -1.25rem !important;
}
.fr-m-first-n4v,
.fr-m-first-n2w {
margin: -1rem !important;
}
.fr-ml-first-n4v,
.fr-ml-first-n2w,
.fr-mx-first-n4v,
.fr-mx-first-n2w {
margin-left: -1rem !important;
}
.fr-mr-first-n4v,
.fr-mr-first-n2w,
.fr-mx-first-n4v,
.fr-mx-first-n2w {
margin-right: -1rem !important;
}
.fr-mt-first-n4v,
.fr-mt-first-n2w,
.fr-my-first-n4v,
.fr-my-first-n2w {
margin-top: -1rem !important;
}
.fr-mb-first-n4v,
.fr-mb-first-n2w,
.fr-my-first-n4v,
.fr-my-first-n2w {
margin-bottom: -1rem !important;
}
.fr-m-first-n3v {
margin: -0.75rem !important;
}
.fr-ml-first-n3v,
.fr-mx-first-n3v {
margin-left: -0.75rem !important;
}
.fr-mr-first-n3v,
.fr-mx-first-n3v {
margin-right: -0.75rem !important;
}
.fr-mt-first-n3v,
.fr-my-first-n3v {
margin-top: -0.75rem !important;
}
.fr-mb-first-n3v,
.fr-my-first-n3v {
margin-bottom: -0.75rem !important;
}
.fr-m-first-n2v,
.fr-m-first-n1w {
margin: -0.5rem !important;
}
.fr-ml-first-n2v,
.fr-ml-first-n1w,
.fr-mx-first-n2v,
.fr-mx-first-n1w {
margin-left: -0.5rem !important;
}
.fr-mr-first-n2v,
.fr-mr-first-n1w,
.fr-mx-first-n2v,
.fr-mx-first-n1w {
margin-right: -0.5rem !important;
}
.fr-mt-first-n2v,
.fr-mt-first-n1w,
.fr-my-first-n2v,
.fr-my-first-n1w {
margin-top: -0.5rem !important;
}
.fr-mb-first-n2v,
.fr-mb-first-n1w,
.fr-my-first-n2v,
.fr-my-first-n1w {
margin-bottom: -0.5rem !important;
}
.fr-m-first-n1v {
margin: -0.25rem !important;
}
.fr-ml-first-n1v,
.fr-mx-first-n1v {
margin-left: -0.25rem !important;
}
.fr-mr-first-n1v,
.fr-mx-first-n1v {
margin-right: -0.25rem !important;
}
.fr-mt-first-n1v,
.fr-my-first-n1v {
margin-top: -0.25rem !important;
}
.fr-mb-first-n1v,
.fr-my-first-n1v {
margin-bottom: -0.25rem !important;
}
.fr-m-first-n1-5v {
margin: -0.375rem !important;
}
.fr-ml-first-n1-5v,
.fr-mx-first-n1-5v {
margin-left: -0.375rem !important;
}
.fr-mr-first-n1-5v,
.fr-mx-first-n1-5v {
margin-right: -0.375rem !important;
}
.fr-mt-first-n1-5v,
.fr-my-first-n1-5v {
margin-top: -0.375rem !important;
}
.fr-mb-first-n1-5v,
.fr-my-first-n1-5v {
margin-bottom: -0.375rem !important;
}
.fr-m-first-0 {
margin: 0 !important;
}
.fr-ml-first-0,
.fr-mx-first-0 {
margin-left: 0 !important;
}
.fr-mr-first-0,
.fr-mx-first-0 {
margin-right: 0 !important;
}
.fr-mt-first-0,
.fr-my-first-0 {
margin-top: 0 !important;
}
.fr-mb-first-0,
.fr-my-first-0 {
margin-bottom: 0 !important;
}
.fr-m-first-n0-5v {
margin: -0.125rem !important;
}
.fr-ml-first-n0-5v,
.fr-mx-first-n0-5v {
margin-left: -0.125rem !important;
}
.fr-mr-first-n0-5v,
.fr-mx-first-n0-5v {
margin-right: -0.125rem !important;
}
.fr-mt-first-n0-5v,
.fr-my-first-n0-5v {
margin-top: -0.125rem !important;
}
.fr-mb-first-n0-5v,
.fr-my-first-n0-5v {
margin-bottom: -0.125rem !important;
}
.fr-m-first-0-5v {
margin: 0.125rem !important;
}
.fr-ml-first-0-5v,
.fr-mx-first-0-5v {
margin-left: 0.125rem !important;
}
.fr-mr-first-0-5v,
.fr-mx-first-0-5v {
margin-right: 0.125rem !important;
}
.fr-mt-first-0-5v,
.fr-my-first-0-5v {
margin-top: 0.125rem !important;
}
.fr-mb-first-0-5v,
.fr-my-first-0-5v {
margin-bottom: 0.125rem !important;
}
.fr-m-first-1v {
margin: 0.25rem !important;
}
.fr-ml-first-1v,
.fr-mx-first-1v {
margin-left: 0.25rem !important;
}
.fr-mr-first-1v,
.fr-mx-first-1v {
margin-right: 0.25rem !important;
}
.fr-mt-first-1v,
.fr-my-first-1v {
margin-top: 0.25rem !important;
}
.fr-mb-first-1v,
.fr-my-first-1v {
margin-bottom: 0.25rem !important;
}
.fr-m-first-1-5v {
margin: 0.375rem !important;
}
.fr-ml-first-1-5v,
.fr-mx-first-1-5v {
margin-left: 0.375rem !important;
}
.fr-mr-first-1-5v,
.fr-mx-first-1-5v {
margin-right: 0.375rem !important;
}
.fr-mt-first-1-5v,
.fr-my-first-1-5v {
margin-top: 0.375rem !important;
}
.fr-mb-first-1-5v,
.fr-my-first-1-5v {
margin-bottom: 0.375rem !important;
}
.fr-m-first-2v,
.fr-m-first-1w {
margin: 0.5rem !important;
}
.fr-ml-first-2v,
.fr-ml-first-1w,
.fr-mx-first-2v,
.fr-mx-first-1w {
margin-left: 0.5rem !important;
}
.fr-mr-first-2v,
.fr-mr-first-1w,
.fr-mx-first-2v,
.fr-mx-first-1w {
margin-right: 0.5rem !important;
}
.fr-mt-first-2v,
.fr-mt-first-1w,
.fr-my-first-2v,
.fr-my-first-1w {
margin-top: 0.5rem !important;
}
.fr-mb-first-2v,
.fr-mb-first-1w,
.fr-my-first-2v,
.fr-my-first-1w {
margin-bottom: 0.5rem !important;
}
.fr-m-first-3v {
margin: 0.75rem !important;
}
.fr-ml-first-3v,
.fr-mx-first-3v {
margin-left: 0.75rem !important;
}
.fr-mr-first-3v,
.fr-mx-first-3v {
margin-right: 0.75rem !important;
}
.fr-mt-first-3v,
.fr-my-first-3v {
margin-top: 0.75rem !important;
}
.fr-mb-first-3v,
.fr-my-first-3v {
margin-bottom: 0.75rem !important;
}
.fr-m-first-4v,
.fr-m-first-2w {
margin: 1rem !important;
}
.fr-ml-first-4v,
.fr-ml-first-2w,
.fr-mx-first-4v,
.fr-mx-first-2w {
margin-left: 1rem !important;
}
.fr-mr-first-4v,
.fr-mr-first-2w,
.fr-mx-first-4v,
.fr-mx-first-2w {
margin-right: 1rem !important;
}
.fr-mt-first-4v,
.fr-mt-first-2w,
.fr-my-first-4v,
.fr-my-first-2w {
margin-top: 1rem !important;
}
.fr-mb-first-4v,
.fr-mb-first-2w,
.fr-my-first-4v,
.fr-my-first-2w {
margin-bottom: 1rem !important;
}
.fr-m-first-5v {
margin: 1.25rem !important;
}
.fr-ml-first-5v,
.fr-mx-first-5v {
margin-left: 1.25rem !important;
}
.fr-mr-first-5v,
.fr-mx-first-5v {
margin-right: 1.25rem !important;
}
.fr-mt-first-5v,
.fr-my-first-5v {
margin-top: 1.25rem !important;
}
.fr-mb-first-5v,
.fr-my-first-5v {
margin-bottom: 1.25rem !important;
}
.fr-m-first-6v,
.fr-m-first-3w {
margin: 1.5rem !important;
}
.fr-ml-first-6v,
.fr-ml-first-3w,
.fr-mx-first-6v,
.fr-mx-first-3w {
margin-left: 1.5rem !important;
}
.fr-mr-first-6v,
.fr-mr-first-3w,
.fr-mx-first-6v,
.fr-mx-first-3w {
margin-right: 1.5rem !important;
}
.fr-mt-first-6v,
.fr-mt-first-3w,
.fr-my-first-6v,
.fr-my-first-3w {
margin-top: 1.5rem !important;
}
.fr-mb-first-6v,
.fr-mb-first-3w,
.fr-my-first-6v,
.fr-my-first-3w {
margin-bottom: 1.5rem !important;
}
.fr-m-first-7v {
margin: 1.75rem !important;
}
.fr-ml-first-7v,
.fr-mx-first-7v {
margin-left: 1.75rem !important;
}
.fr-mr-first-7v,
.fr-mx-first-7v {
margin-right: 1.75rem !important;
}
.fr-mt-first-7v,
.fr-my-first-7v {
margin-top: 1.75rem !important;
}
.fr-mb-first-7v,
.fr-my-first-7v {
margin-bottom: 1.75rem !important;
}
.fr-m-first-8v,
.fr-m-first-4w {
margin: 2rem !important;
}
.fr-ml-first-8v,
.fr-ml-first-4w,
.fr-mx-first-8v,
.fr-mx-first-4w {
margin-left: 2rem !important;
}
.fr-mr-first-8v,
.fr-mr-first-4w,
.fr-mx-first-8v,
.fr-mx-first-4w {
margin-right: 2rem !important;
}
.fr-mt-first-8v,
.fr-mt-first-4w,
.fr-my-first-8v,
.fr-my-first-4w {
margin-top: 2rem !important;
}
.fr-mb-first-8v,
.fr-mb-first-4w,
.fr-my-first-8v,
.fr-my-first-4w {
margin-bottom: 2rem !important;
}
.fr-m-first-9v {
margin: 2.25rem !important;
}
.fr-ml-first-9v,
.fr-mx-first-9v {
margin-left: 2.25rem !important;
}
.fr-mr-first-9v,
.fr-mx-first-9v {
margin-right: 2.25rem !important;
}
.fr-mt-first-9v,
.fr-my-first-9v {
margin-top: 2.25rem !important;
}
.fr-mb-first-9v,
.fr-my-first-9v {
margin-bottom: 2.25rem !important;
}
.fr-m-first-10v,
.fr-m-first-5w {
margin: 2.5rem !important;
}
.fr-ml-first-10v,
.fr-ml-first-5w,
.fr-mx-first-10v,
.fr-mx-first-5w {
margin-left: 2.5rem !important;
}
.fr-mr-first-10v,
.fr-mr-first-5w,
.fr-mx-first-10v,
.fr-mx-first-5w {
margin-right: 2.5rem !important;
}
.fr-mt-first-10v,
.fr-mt-first-5w,
.fr-my-first-10v,
.fr-my-first-5w {
margin-top: 2.5rem !important;
}
.fr-mb-first-10v,
.fr-mb-first-5w,
.fr-my-first-10v,
.fr-my-first-5w {
margin-bottom: 2.5rem !important;
}
.fr-m-first-11v {
margin: 2.75rem !important;
}
.fr-ml-first-11v,
.fr-mx-first-11v {
margin-left: 2.75rem !important;
}
.fr-mr-first-11v,
.fr-mx-first-11v {
margin-right: 2.75rem !important;
}
.fr-mt-first-11v,
.fr-my-first-11v {
margin-top: 2.75rem !important;
}
.fr-mb-first-11v,
.fr-my-first-11v {
margin-bottom: 2.75rem !important;
}
.fr-m-first-12v,
.fr-m-first-6w {
margin: 3rem !important;
}
.fr-ml-first-12v,
.fr-ml-first-6w,
.fr-mx-first-12v,
.fr-mx-first-6w {
margin-left: 3rem !important;
}
.fr-mr-first-12v,
.fr-mr-first-6w,
.fr-mx-first-12v,
.fr-mx-first-6w {
margin-right: 3rem !important;
}
.fr-mt-first-12v,
.fr-mt-first-6w,
.fr-my-first-12v,
.fr-my-first-6w {
margin-top: 3rem !important;
}
.fr-mb-first-12v,
.fr-mb-first-6w,
.fr-my-first-12v,
.fr-my-first-6w {
margin-bottom: 3rem !important;
}
.fr-m-first-13v {
margin: 3.25rem !important;
}
.fr-ml-first-13v,
.fr-mx-first-13v {
margin-left: 3.25rem !important;
}
.fr-mr-first-13v,
.fr-mx-first-13v {
margin-right: 3.25rem !important;
}
.fr-mt-first-13v,
.fr-my-first-13v {
margin-top: 3.25rem !important;
}
.fr-mb-first-13v,
.fr-my-first-13v {
margin-bottom: 3.25rem !important;
}
.fr-m-first-14v,
.fr-m-first-7w {
margin: 3.5rem !important;
}
.fr-ml-first-14v,
.fr-ml-first-7w,
.fr-mx-first-14v,
.fr-mx-first-7w {
margin-left: 3.5rem !important;
}
.fr-mr-first-14v,
.fr-mr-first-7w,
.fr-mx-first-14v,
.fr-mx-first-7w {
margin-right: 3.5rem !important;
}
.fr-mt-first-14v,
.fr-mt-first-7w,
.fr-my-first-14v,
.fr-my-first-7w {
margin-top: 3.5rem !important;
}
.fr-mb-first-14v,
.fr-mb-first-7w,
.fr-my-first-14v,
.fr-my-first-7w {
margin-bottom: 3.5rem !important;
}
.fr-m-first-15v {
margin: 3.75rem !important;
}
.fr-ml-first-15v,
.fr-mx-first-15v {
margin-left: 3.75rem !important;
}
.fr-mr-first-15v,
.fr-mx-first-15v {
margin-right: 3.75rem !important;
}
.fr-mt-first-15v,
.fr-my-first-15v {
margin-top: 3.75rem !important;
}
.fr-mb-first-15v,
.fr-my-first-15v {
margin-bottom: 3.75rem !important;
}
.fr-m-first-16v,
.fr-m-first-8w {
margin: 4rem !important;
}
.fr-ml-first-16v,
.fr-ml-first-8w,
.fr-mx-first-16v,
.fr-mx-first-8w {
margin-left: 4rem !important;
}
.fr-mr-first-16v,
.fr-mr-first-8w,
.fr-mx-first-16v,
.fr-mx-first-8w {
margin-right: 4rem !important;
}
.fr-mt-first-16v,
.fr-mt-first-8w,
.fr-my-first-16v,
.fr-my-first-8w {
margin-top: 4rem !important;
}
.fr-mb-first-16v,
.fr-mb-first-8w,
.fr-my-first-16v,
.fr-my-first-8w {
margin-bottom: 4rem !important;
}
.fr-m-first-17v {
margin: 4.25rem !important;
}
.fr-ml-first-17v,
.fr-mx-first-17v {
margin-left: 4.25rem !important;
}
.fr-mr-first-17v,
.fr-mx-first-17v {
margin-right: 4.25rem !important;
}
.fr-mt-first-17v,
.fr-my-first-17v {
margin-top: 4.25rem !important;
}
.fr-mb-first-17v,
.fr-my-first-17v {
margin-bottom: 4.25rem !important;
}
.fr-m-first-18v,
.fr-m-first-9w {
margin: 4.5rem !important;
}
.fr-ml-first-18v,
.fr-ml-first-9w,
.fr-mx-first-18v,
.fr-mx-first-9w {
margin-left: 4.5rem !important;
}
.fr-mr-first-18v,
.fr-mr-first-9w,
.fr-mx-first-18v,
.fr-mx-first-9w {
margin-right: 4.5rem !important;
}
.fr-mt-first-18v,
.fr-mt-first-9w,
.fr-my-first-18v,
.fr-my-first-9w {
margin-top: 4.5rem !important;
}
.fr-mb-first-18v,
.fr-mb-first-9w,
.fr-my-first-18v,
.fr-my-first-9w {
margin-bottom: 4.5rem !important;
}
.fr-m-first-19v {
margin: 4.75rem !important;
}
.fr-ml-first-19v,
.fr-mx-first-19v {
margin-left: 4.75rem !important;
}
.fr-mr-first-19v,
.fr-mx-first-19v {
margin-right: 4.75rem !important;
}
.fr-mt-first-19v,
.fr-my-first-19v {
margin-top: 4.75rem !important;
}
.fr-mb-first-19v,
.fr-my-first-19v {
margin-bottom: 4.75rem !important;
}
.fr-m-first-20v,
.fr-m-first-10w {
margin: 5rem !important;
}
.fr-ml-first-20v,
.fr-ml-first-10w,
.fr-mx-first-20v,
.fr-mx-first-10w {
margin-left: 5rem !important;
}
.fr-mr-first-20v,
.fr-mr-first-10w,
.fr-mx-first-20v,
.fr-mx-first-10w {
margin-right: 5rem !important;
}
.fr-mt-first-20v,
.fr-mt-first-10w,
.fr-my-first-20v,
.fr-my-first-10w {
margin-top: 5rem !important;
}
.fr-mb-first-20v,
.fr-mb-first-10w,
.fr-my-first-20v,
.fr-my-first-10w {
margin-bottom: 5rem !important;
}
.fr-m-first-21v {
margin: 5.25rem !important;
}
.fr-ml-first-21v,
.fr-mx-first-21v {
margin-left: 5.25rem !important;
}
.fr-mr-first-21v,
.fr-mx-first-21v {
margin-right: 5.25rem !important;
}
.fr-mt-first-21v,
.fr-my-first-21v {
margin-top: 5.25rem !important;
}
.fr-mb-first-21v,
.fr-my-first-21v {
margin-bottom: 5.25rem !important;
}
.fr-m-first-22v,
.fr-m-first-11w {
margin: 5.5rem !important;
}
.fr-ml-first-22v,
.fr-ml-first-11w,
.fr-mx-first-22v,
.fr-mx-first-11w {
margin-left: 5.5rem !important;
}
.fr-mr-first-22v,
.fr-mr-first-11w,
.fr-mx-first-22v,
.fr-mx-first-11w {
margin-right: 5.5rem !important;
}
.fr-mt-first-22v,
.fr-mt-first-11w,
.fr-my-first-22v,
.fr-my-first-11w {
margin-top: 5.5rem !important;
}
.fr-mb-first-22v,
.fr-mb-first-11w,
.fr-my-first-22v,
.fr-my-first-11w {
margin-bottom: 5.5rem !important;
}
.fr-m-first-23v {
margin: 5.75rem !important;
}
.fr-ml-first-23v,
.fr-mx-first-23v {
margin-left: 5.75rem !important;
}
.fr-mr-first-23v,
.fr-mx-first-23v {
margin-right: 5.75rem !important;
}
.fr-mt-first-23v,
.fr-my-first-23v {
margin-top: 5.75rem !important;
}
.fr-mb-first-23v,
.fr-my-first-23v {
margin-bottom: 5.75rem !important;
}
.fr-m-first-24v,
.fr-m-first-12w {
margin: 6rem !important;
}
.fr-ml-first-24v,
.fr-ml-first-12w,
.fr-mx-first-24v,
.fr-mx-first-12w {
margin-left: 6rem !important;
}
.fr-mr-first-24v,
.fr-mr-first-12w,
.fr-mx-first-24v,
.fr-mx-first-12w {
margin-right: 6rem !important;
}
.fr-mt-first-24v,
.fr-mt-first-12w,
.fr-my-first-24v,
.fr-my-first-12w {
margin-top: 6rem !important;
}
.fr-mb-first-24v,
.fr-mb-first-12w,
.fr-my-first-24v,
.fr-my-first-12w {
margin-bottom: 6rem !important;
}
.fr-m-first-25v {
margin: 6.25rem !important;
}
.fr-ml-first-25v,
.fr-mx-first-25v {
margin-left: 6.25rem !important;
}
.fr-mr-first-25v,
.fr-mx-first-25v {
margin-right: 6.25rem !important;
}
.fr-mt-first-25v,
.fr-my-first-25v {
margin-top: 6.25rem !important;
}
.fr-mb-first-25v,
.fr-my-first-25v {
margin-bottom: 6.25rem !important;
}
.fr-m-first-26v,
.fr-m-first-13w {
margin: 6.5rem !important;
}
.fr-ml-first-26v,
.fr-ml-first-13w,
.fr-mx-first-26v,
.fr-mx-first-13w {
margin-left: 6.5rem !important;
}
.fr-mr-first-26v,
.fr-mr-first-13w,
.fr-mx-first-26v,
.fr-mx-first-13w {
margin-right: 6.5rem !important;
}
.fr-mt-first-26v,
.fr-mt-first-13w,
.fr-my-first-26v,
.fr-my-first-13w {
margin-top: 6.5rem !important;
}
.fr-mb-first-26v,
.fr-mb-first-13w,
.fr-my-first-26v,
.fr-my-first-13w {
margin-bottom: 6.5rem !important;
}
.fr-m-first-27v {
margin: 6.75rem !important;
}
.fr-ml-first-27v,
.fr-mx-first-27v {
margin-left: 6.75rem !important;
}
.fr-mr-first-27v,
.fr-mx-first-27v {
margin-right: 6.75rem !important;
}
.fr-mt-first-27v,
.fr-my-first-27v {
margin-top: 6.75rem !important;
}
.fr-mb-first-27v,
.fr-my-first-27v {
margin-bottom: 6.75rem !important;
}
.fr-m-first-28v,
.fr-m-first-14w {
margin: 7rem !important;
}
.fr-ml-first-28v,
.fr-ml-first-14w,
.fr-mx-first-28v,
.fr-mx-first-14w {
margin-left: 7rem !important;
}
.fr-mr-first-28v,
.fr-mr-first-14w,
.fr-mx-first-28v,
.fr-mx-first-14w {
margin-right: 7rem !important;
}
.fr-mt-first-28v,
.fr-mt-first-14w,
.fr-my-first-28v,
.fr-my-first-14w {
margin-top: 7rem !important;
}
.fr-mb-first-28v,
.fr-mb-first-14w,
.fr-my-first-28v,
.fr-my-first-14w {
margin-bottom: 7rem !important;
}
.fr-m-first-29v {
margin: 7.25rem !important;
}
.fr-ml-first-29v,
.fr-mx-first-29v {
margin-left: 7.25rem !important;
}
.fr-mr-first-29v,
.fr-mx-first-29v {
margin-right: 7.25rem !important;
}
.fr-mt-first-29v,
.fr-my-first-29v {
margin-top: 7.25rem !important;
}
.fr-mb-first-29v,
.fr-my-first-29v {
margin-bottom: 7.25rem !important;
}
.fr-m-first-30v,
.fr-m-first-15w {
margin: 7.5rem !important;
}
.fr-ml-first-30v,
.fr-ml-first-15w,
.fr-mx-first-30v,
.fr-mx-first-15w {
margin-left: 7.5rem !important;
}
.fr-mr-first-30v,
.fr-mr-first-15w,
.fr-mx-first-30v,
.fr-mx-first-15w {
margin-right: 7.5rem !important;
}
.fr-mt-first-30v,
.fr-mt-first-15w,
.fr-my-first-30v,
.fr-my-first-15w {
margin-top: 7.5rem !important;
}
.fr-mb-first-30v,
.fr-mb-first-15w,
.fr-my-first-30v,
.fr-my-first-15w {
margin-bottom: 7.5rem !important;
}
.fr-m-first-31v {
margin: 7.75rem !important;
}
.fr-ml-first-31v,
.fr-mx-first-31v {
margin-left: 7.75rem !important;
}
.fr-mr-first-31v,
.fr-mx-first-31v {
margin-right: 7.75rem !important;
}
.fr-mt-first-31v,
.fr-my-first-31v {
margin-top: 7.75rem !important;
}
.fr-mb-first-31v,
.fr-my-first-31v {
margin-bottom: 7.75rem !important;
}
.fr-m-first-32v,
.fr-m-first-16w {
margin: 8rem !important;
}
.fr-ml-first-32v,
.fr-ml-first-16w,
.fr-mx-first-32v,
.fr-mx-first-16w {
margin-left: 8rem !important;
}
.fr-mr-first-32v,
.fr-mr-first-16w,
.fr-mx-first-32v,
.fr-mx-first-16w {
margin-right: 8rem !important;
}
.fr-mt-first-32v,
.fr-mt-first-16w,
.fr-my-first-32v,
.fr-my-first-16w {
margin-top: 8rem !important;
}
.fr-mb-first-32v,
.fr-mb-first-16w,
.fr-my-first-32v,
.fr-my-first-16w {
margin-bottom: 8rem !important;
}
.fr-m-first-auto {
margin: auto;
}
.fr-ml-first-auto,
.fr-mx-first-auto {
margin-left: auto;
}
.fr-mr-first-auto,
.fr-mx-first-auto {
margin-right: auto;
}
.fr-mt-first-auto,
.fr-my-first-auto {
margin-top: auto;
}
.fr-mb-first-auto,
.fr-my-first-auto {
margin-bottom: auto;
}
.fr-p-0 {
padding: 0 !important;
}
.fr-pl-0,
.fr-px-0 {
padding-left: 0 !important;
}
.fr-pr-0,
.fr-px-0 {
padding-right: 0 !important;
}
.fr-pt-0,
.fr-py-0 {
padding-top: 0 !important;
}
.fr-pb-0,
.fr-py-0 {
padding-bottom: 0 !important;
}
.fr-p-n0-5v {
padding: -0.125rem !important;
}
.fr-pl-n0-5v,
.fr-px-n0-5v {
padding-left: -0.125rem !important;
}
.fr-pr-n0-5v,
.fr-px-n0-5v {
padding-right: -0.125rem !important;
}
.fr-pt-n0-5v,
.fr-py-n0-5v {
padding-top: -0.125rem !important;
}
.fr-pb-n0-5v,
.fr-py-n0-5v {
padding-bottom: -0.125rem !important;
}
.fr-p-0-5v {
padding: 0.125rem !important;
}
.fr-pl-0-5v,
.fr-px-0-5v {
padding-left: 0.125rem !important;
}
.fr-pr-0-5v,
.fr-px-0-5v {
padding-right: 0.125rem !important;
}
.fr-pt-0-5v,
.fr-py-0-5v {
padding-top: 0.125rem !important;
}
.fr-pb-0-5v,
.fr-py-0-5v {
padding-bottom: 0.125rem !important;
}
.fr-p-1v {
padding: 0.25rem !important;
}
.fr-pl-1v,
.fr-px-1v {
padding-left: 0.25rem !important;
}
.fr-pr-1v,
.fr-px-1v {
padding-right: 0.25rem !important;
}
.fr-pt-1v,
.fr-py-1v {
padding-top: 0.25rem !important;
}
.fr-pb-1v,
.fr-py-1v {
padding-bottom: 0.25rem !important;
}
.fr-p-1-5v {
padding: 0.375rem !important;
}
.fr-pl-1-5v,
.fr-px-1-5v {
padding-left: 0.375rem !important;
}
.fr-pr-1-5v,
.fr-px-1-5v {
padding-right: 0.375rem !important;
}
.fr-pt-1-5v,
.fr-py-1-5v {
padding-top: 0.375rem !important;
}
.fr-pb-1-5v,
.fr-py-1-5v {
padding-bottom: 0.375rem !important;
}
.fr-p-2v,
.fr-p-1w {
padding: 0.5rem !important;
}
.fr-pl-2v,
.fr-pl-1w,
.fr-px-2v,
.fr-px-1w {
padding-left: 0.5rem !important;
}
.fr-pr-2v,
.fr-pr-1w,
.fr-px-2v,
.fr-px-1w {
padding-right: 0.5rem !important;
}
.fr-pt-2v,
.fr-pt-1w,
.fr-py-2v,
.fr-py-1w {
padding-top: 0.5rem !important;
}
.fr-pb-2v,
.fr-pb-1w,
.fr-py-2v,
.fr-py-1w {
padding-bottom: 0.5rem !important;
}
.fr-p-3v {
padding: 0.75rem !important;
}
.fr-pl-3v,
.fr-px-3v {
padding-left: 0.75rem !important;
}
.fr-pr-3v,
.fr-px-3v {
padding-right: 0.75rem !important;
}
.fr-pt-3v,
.fr-py-3v {
padding-top: 0.75rem !important;
}
.fr-pb-3v,
.fr-py-3v {
padding-bottom: 0.75rem !important;
}
.fr-p-4v,
.fr-p-2w {
padding: 1rem !important;
}
.fr-pl-4v,
.fr-pl-2w,
.fr-px-4v,
.fr-px-2w {
padding-left: 1rem !important;
}
.fr-pr-4v,
.fr-pr-2w,
.fr-px-4v,
.fr-px-2w {
padding-right: 1rem !important;
}
.fr-pt-4v,
.fr-pt-2w,
.fr-py-4v,
.fr-py-2w {
padding-top: 1rem !important;
}
.fr-pb-4v,
.fr-pb-2w,
.fr-py-4v,
.fr-py-2w {
padding-bottom: 1rem !important;
}
.fr-p-5v {
padding: 1.25rem !important;
}
.fr-pl-5v,
.fr-px-5v {
padding-left: 1.25rem !important;
}
.fr-pr-5v,
.fr-px-5v {
padding-right: 1.25rem !important;
}
.fr-pt-5v,
.fr-py-5v {
padding-top: 1.25rem !important;
}
.fr-pb-5v,
.fr-py-5v {
padding-bottom: 1.25rem !important;
}
.fr-p-6v,
.fr-p-3w {
padding: 1.5rem !important;
}
.fr-pl-6v,
.fr-pl-3w,
.fr-px-6v,
.fr-px-3w {
padding-left: 1.5rem !important;
}
.fr-pr-6v,
.fr-pr-3w,
.fr-px-6v,
.fr-px-3w {
padding-right: 1.5rem !important;
}
.fr-pt-6v,
.fr-pt-3w,
.fr-py-6v,
.fr-py-3w {
padding-top: 1.5rem !important;
}
.fr-pb-6v,
.fr-pb-3w,
.fr-py-6v,
.fr-py-3w {
padding-bottom: 1.5rem !important;
}
.fr-p-7v {
padding: 1.75rem !important;
}
.fr-pl-7v,
.fr-px-7v {
padding-left: 1.75rem !important;
}
.fr-pr-7v,
.fr-px-7v {
padding-right: 1.75rem !important;
}
.fr-pt-7v,
.fr-py-7v {
padding-top: 1.75rem !important;
}
.fr-pb-7v,
.fr-py-7v {
padding-bottom: 1.75rem !important;
}
.fr-p-8v,
.fr-p-4w {
padding: 2rem !important;
}
.fr-pl-8v,
.fr-pl-4w,
.fr-px-8v,
.fr-px-4w {
padding-left: 2rem !important;
}
.fr-pr-8v,
.fr-pr-4w,
.fr-px-8v,
.fr-px-4w {
padding-right: 2rem !important;
}
.fr-pt-8v,
.fr-pt-4w,
.fr-py-8v,
.fr-py-4w {
padding-top: 2rem !important;
}
.fr-pb-8v,
.fr-pb-4w,
.fr-py-8v,
.fr-py-4w {
padding-bottom: 2rem !important;
}
.fr-p-9v {
padding: 2.25rem !important;
}
.fr-pl-9v,
.fr-px-9v {
padding-left: 2.25rem !important;
}
.fr-pr-9v,
.fr-px-9v {
padding-right: 2.25rem !important;
}
.fr-pt-9v,
.fr-py-9v {
padding-top: 2.25rem !important;
}
.fr-pb-9v,
.fr-py-9v {
padding-bottom: 2.25rem !important;
}
.fr-p-10v,
.fr-p-5w {
padding: 2.5rem !important;
}
.fr-pl-10v,
.fr-pl-5w,
.fr-px-10v,
.fr-px-5w {
padding-left: 2.5rem !important;
}
.fr-pr-10v,
.fr-pr-5w,
.fr-px-10v,
.fr-px-5w {
padding-right: 2.5rem !important;
}
.fr-pt-10v,
.fr-pt-5w,
.fr-py-10v,
.fr-py-5w {
padding-top: 2.5rem !important;
}
.fr-pb-10v,
.fr-pb-5w,
.fr-py-10v,
.fr-py-5w {
padding-bottom: 2.5rem !important;
}
.fr-p-11v {
padding: 2.75rem !important;
}
.fr-pl-11v,
.fr-px-11v {
padding-left: 2.75rem !important;
}
.fr-pr-11v,
.fr-px-11v {
padding-right: 2.75rem !important;
}
.fr-pt-11v,
.fr-py-11v {
padding-top: 2.75rem !important;
}
.fr-pb-11v,
.fr-py-11v {
padding-bottom: 2.75rem !important;
}
.fr-p-12v,
.fr-p-6w {
padding: 3rem !important;
}
.fr-pl-12v,
.fr-pl-6w,
.fr-px-12v,
.fr-px-6w {
padding-left: 3rem !important;
}
.fr-pr-12v,
.fr-pr-6w,
.fr-px-12v,
.fr-px-6w {
padding-right: 3rem !important;
}
.fr-pt-12v,
.fr-pt-6w,
.fr-py-12v,
.fr-py-6w {
padding-top: 3rem !important;
}
.fr-pb-12v,
.fr-pb-6w,
.fr-py-12v,
.fr-py-6w {
padding-bottom: 3rem !important;
}
.fr-p-13v {
padding: 3.25rem !important;
}
.fr-pl-13v,
.fr-px-13v {
padding-left: 3.25rem !important;
}
.fr-pr-13v,
.fr-px-13v {
padding-right: 3.25rem !important;
}
.fr-pt-13v,
.fr-py-13v {
padding-top: 3.25rem !important;
}
.fr-pb-13v,
.fr-py-13v {
padding-bottom: 3.25rem !important;
}
.fr-p-14v,
.fr-p-7w {
padding: 3.5rem !important;
}
.fr-pl-14v,
.fr-pl-7w,
.fr-px-14v,
.fr-px-7w {
padding-left: 3.5rem !important;
}
.fr-pr-14v,
.fr-pr-7w,
.fr-px-14v,
.fr-px-7w {
padding-right: 3.5rem !important;
}
.fr-pt-14v,
.fr-pt-7w,
.fr-py-14v,
.fr-py-7w {
padding-top: 3.5rem !important;
}
.fr-pb-14v,
.fr-pb-7w,
.fr-py-14v,
.fr-py-7w {
padding-bottom: 3.5rem !important;
}
.fr-p-15v {
padding: 3.75rem !important;
}
.fr-pl-15v,
.fr-px-15v {
padding-left: 3.75rem !important;
}
.fr-pr-15v,
.fr-px-15v {
padding-right: 3.75rem !important;
}
.fr-pt-15v,
.fr-py-15v {
padding-top: 3.75rem !important;
}
.fr-pb-15v,
.fr-py-15v {
padding-bottom: 3.75rem !important;
}
.fr-p-16v,
.fr-p-8w {
padding: 4rem !important;
}
.fr-pl-16v,
.fr-pl-8w,
.fr-px-16v,
.fr-px-8w {
padding-left: 4rem !important;
}
.fr-pr-16v,
.fr-pr-8w,
.fr-px-16v,
.fr-px-8w {
padding-right: 4rem !important;
}
.fr-pt-16v,
.fr-pt-8w,
.fr-py-16v,
.fr-py-8w {
padding-top: 4rem !important;
}
.fr-pb-16v,
.fr-pb-8w,
.fr-py-16v,
.fr-py-8w {
padding-bottom: 4rem !important;
}
.fr-p-17v {
padding: 4.25rem !important;
}
.fr-pl-17v,
.fr-px-17v {
padding-left: 4.25rem !important;
}
.fr-pr-17v,
.fr-px-17v {
padding-right: 4.25rem !important;
}
.fr-pt-17v,
.fr-py-17v {
padding-top: 4.25rem !important;
}
.fr-pb-17v,
.fr-py-17v {
padding-bottom: 4.25rem !important;
}
.fr-p-18v,
.fr-p-9w {
padding: 4.5rem !important;
}
.fr-pl-18v,
.fr-pl-9w,
.fr-px-18v,
.fr-px-9w {
padding-left: 4.5rem !important;
}
.fr-pr-18v,
.fr-pr-9w,
.fr-px-18v,
.fr-px-9w {
padding-right: 4.5rem !important;
}
.fr-pt-18v,
.fr-pt-9w,
.fr-py-18v,
.fr-py-9w {
padding-top: 4.5rem !important;
}
.fr-pb-18v,
.fr-pb-9w,
.fr-py-18v,
.fr-py-9w {
padding-bottom: 4.5rem !important;
}
.fr-p-19v {
padding: 4.75rem !important;
}
.fr-pl-19v,
.fr-px-19v {
padding-left: 4.75rem !important;
}
.fr-pr-19v,
.fr-px-19v {
padding-right: 4.75rem !important;
}
.fr-pt-19v,
.fr-py-19v {
padding-top: 4.75rem !important;
}
.fr-pb-19v,
.fr-py-19v {
padding-bottom: 4.75rem !important;
}
.fr-p-20v,
.fr-p-10w {
padding: 5rem !important;
}
.fr-pl-20v,
.fr-pl-10w,
.fr-px-20v,
.fr-px-10w {
padding-left: 5rem !important;
}
.fr-pr-20v,
.fr-pr-10w,
.fr-px-20v,
.fr-px-10w {
padding-right: 5rem !important;
}
.fr-pt-20v,
.fr-pt-10w,
.fr-py-20v,
.fr-py-10w {
padding-top: 5rem !important;
}
.fr-pb-20v,
.fr-pb-10w,
.fr-py-20v,
.fr-py-10w {
padding-bottom: 5rem !important;
}
.fr-p-21v {
padding: 5.25rem !important;
}
.fr-pl-21v,
.fr-px-21v {
padding-left: 5.25rem !important;
}
.fr-pr-21v,
.fr-px-21v {
padding-right: 5.25rem !important;
}
.fr-pt-21v,
.fr-py-21v {
padding-top: 5.25rem !important;
}
.fr-pb-21v,
.fr-py-21v {
padding-bottom: 5.25rem !important;
}
.fr-p-22v,
.fr-p-11w {
padding: 5.5rem !important;
}
.fr-pl-22v,
.fr-pl-11w,
.fr-px-22v,
.fr-px-11w {
padding-left: 5.5rem !important;
}
.fr-pr-22v,
.fr-pr-11w,
.fr-px-22v,
.fr-px-11w {
padding-right: 5.5rem !important;
}
.fr-pt-22v,
.fr-pt-11w,
.fr-py-22v,
.fr-py-11w {
padding-top: 5.5rem !important;
}
.fr-pb-22v,
.fr-pb-11w,
.fr-py-22v,
.fr-py-11w {
padding-bottom: 5.5rem !important;
}
.fr-p-23v {
padding: 5.75rem !important;
}
.fr-pl-23v,
.fr-px-23v {
padding-left: 5.75rem !important;
}
.fr-pr-23v,
.fr-px-23v {
padding-right: 5.75rem !important;
}
.fr-pt-23v,
.fr-py-23v {
padding-top: 5.75rem !important;
}
.fr-pb-23v,
.fr-py-23v {
padding-bottom: 5.75rem !important;
}
.fr-p-24v,
.fr-p-12w {
padding: 6rem !important;
}
.fr-pl-24v,
.fr-pl-12w,
.fr-px-24v,
.fr-px-12w {
padding-left: 6rem !important;
}
.fr-pr-24v,
.fr-pr-12w,
.fr-px-24v,
.fr-px-12w {
padding-right: 6rem !important;
}
.fr-pt-24v,
.fr-pt-12w,
.fr-py-24v,
.fr-py-12w {
padding-top: 6rem !important;
}
.fr-pb-24v,
.fr-pb-12w,
.fr-py-24v,
.fr-py-12w {
padding-bottom: 6rem !important;
}
.fr-p-25v {
padding: 6.25rem !important;
}
.fr-pl-25v,
.fr-px-25v {
padding-left: 6.25rem !important;
}
.fr-pr-25v,
.fr-px-25v {
padding-right: 6.25rem !important;
}
.fr-pt-25v,
.fr-py-25v {
padding-top: 6.25rem !important;
}
.fr-pb-25v,
.fr-py-25v {
padding-bottom: 6.25rem !important;
}
.fr-p-26v,
.fr-p-13w {
padding: 6.5rem !important;
}
.fr-pl-26v,
.fr-pl-13w,
.fr-px-26v,
.fr-px-13w {
padding-left: 6.5rem !important;
}
.fr-pr-26v,
.fr-pr-13w,
.fr-px-26v,
.fr-px-13w {
padding-right: 6.5rem !important;
}
.fr-pt-26v,
.fr-pt-13w,
.fr-py-26v,
.fr-py-13w {
padding-top: 6.5rem !important;
}
.fr-pb-26v,
.fr-pb-13w,
.fr-py-26v,
.fr-py-13w {
padding-bottom: 6.5rem !important;
}
.fr-p-27v {
padding: 6.75rem !important;
}
.fr-pl-27v,
.fr-px-27v {
padding-left: 6.75rem !important;
}
.fr-pr-27v,
.fr-px-27v {
padding-right: 6.75rem !important;
}
.fr-pt-27v,
.fr-py-27v {
padding-top: 6.75rem !important;
}
.fr-pb-27v,
.fr-py-27v {
padding-bottom: 6.75rem !important;
}
.fr-p-28v,
.fr-p-14w {
padding: 7rem !important;
}
.fr-pl-28v,
.fr-pl-14w,
.fr-px-28v,
.fr-px-14w {
padding-left: 7rem !important;
}
.fr-pr-28v,
.fr-pr-14w,
.fr-px-28v,
.fr-px-14w {
padding-right: 7rem !important;
}
.fr-pt-28v,
.fr-pt-14w,
.fr-py-28v,
.fr-py-14w {
padding-top: 7rem !important;
}
.fr-pb-28v,
.fr-pb-14w,
.fr-py-28v,
.fr-py-14w {
padding-bottom: 7rem !important;
}
.fr-p-29v {
padding: 7.25rem !important;
}
.fr-pl-29v,
.fr-px-29v {
padding-left: 7.25rem !important;
}
.fr-pr-29v,
.fr-px-29v {
padding-right: 7.25rem !important;
}
.fr-pt-29v,
.fr-py-29v {
padding-top: 7.25rem !important;
}
.fr-pb-29v,
.fr-py-29v {
padding-bottom: 7.25rem !important;
}
.fr-p-30v,
.fr-p-15w {
padding: 7.5rem !important;
}
.fr-pl-30v,
.fr-pl-15w,
.fr-px-30v,
.fr-px-15w {
padding-left: 7.5rem !important;
}
.fr-pr-30v,
.fr-pr-15w,
.fr-px-30v,
.fr-px-15w {
padding-right: 7.5rem !important;
}
.fr-pt-30v,
.fr-pt-15w,
.fr-py-30v,
.fr-py-15w {
padding-top: 7.5rem !important;
}
.fr-pb-30v,
.fr-pb-15w,
.fr-py-30v,
.fr-py-15w {
padding-bottom: 7.5rem !important;
}
.fr-p-31v {
padding: 7.75rem !important;
}
.fr-pl-31v,
.fr-px-31v {
padding-left: 7.75rem !important;
}
.fr-pr-31v,
.fr-px-31v {
padding-right: 7.75rem !important;
}
.fr-pt-31v,
.fr-py-31v {
padding-top: 7.75rem !important;
}
.fr-pb-31v,
.fr-py-31v {
padding-bottom: 7.75rem !important;
}
.fr-p-32v,
.fr-p-16w {
padding: 8rem !important;
}
.fr-pl-32v,
.fr-pl-16w,
.fr-px-32v,
.fr-px-16w {
padding-left: 8rem !important;
}
.fr-pr-32v,
.fr-pr-16w,
.fr-px-32v,
.fr-px-16w {
padding-right: 8rem !important;
}
.fr-pt-32v,
.fr-pt-16w,
.fr-py-32v,
.fr-py-16w {
padding-top: 8rem !important;
}
.fr-pb-32v,
.fr-pb-16w,
.fr-py-32v,
.fr-py-16w {
padding-bottom: 8rem !important;
}
.fr-p-first-0 {
padding: 0 !important;
}
.fr-pl-first-0,
.fr-px-first-0 {
padding-left: 0 !important;
}
.fr-pr-first-0,
.fr-px-first-0 {
padding-right: 0 !important;
}
.fr-pt-first-0,
.fr-py-first-0 {
padding-top: 0 !important;
}
.fr-pb-first-0,
.fr-py-first-0 {
padding-bottom: 0 !important;
}
.fr-p-first-n0-5v {
padding: -0.125rem !important;
}
.fr-pl-first-n0-5v,
.fr-px-first-n0-5v {
padding-left: -0.125rem !important;
}
.fr-pr-first-n0-5v,
.fr-px-first-n0-5v {
padding-right: -0.125rem !important;
}
.fr-pt-first-n0-5v,
.fr-py-first-n0-5v {
padding-top: -0.125rem !important;
}
.fr-pb-first-n0-5v,
.fr-py-first-n0-5v {
padding-bottom: -0.125rem !important;
}
.fr-p-first-0-5v {
padding: 0.125rem !important;
}
.fr-pl-first-0-5v,
.fr-px-first-0-5v {
padding-left: 0.125rem !important;
}
.fr-pr-first-0-5v,
.fr-px-first-0-5v {
padding-right: 0.125rem !important;
}
.fr-pt-first-0-5v,
.fr-py-first-0-5v {
padding-top: 0.125rem !important;
}
.fr-pb-first-0-5v,
.fr-py-first-0-5v {
padding-bottom: 0.125rem !important;
}
.fr-p-first-1v {
padding: 0.25rem !important;
}
.fr-pl-first-1v,
.fr-px-first-1v {
padding-left: 0.25rem !important;
}
.fr-pr-first-1v,
.fr-px-first-1v {
padding-right: 0.25rem !important;
}
.fr-pt-first-1v,
.fr-py-first-1v {
padding-top: 0.25rem !important;
}
.fr-pb-first-1v,
.fr-py-first-1v {
padding-bottom: 0.25rem !important;
}
.fr-p-first-1-5v {
padding: 0.375rem !important;
}
.fr-pl-first-1-5v,
.fr-px-first-1-5v {
padding-left: 0.375rem !important;
}
.fr-pr-first-1-5v,
.fr-px-first-1-5v {
padding-right: 0.375rem !important;
}
.fr-pt-first-1-5v,
.fr-py-first-1-5v {
padding-top: 0.375rem !important;
}
.fr-pb-first-1-5v,
.fr-py-first-1-5v {
padding-bottom: 0.375rem !important;
}
.fr-p-first-2v,
.fr-p-first-1w {
padding: 0.5rem !important;
}
.fr-pl-first-2v,
.fr-pl-first-1w,
.fr-px-first-2v,
.fr-px-first-1w {
padding-left: 0.5rem !important;
}
.fr-pr-first-2v,
.fr-pr-first-1w,
.fr-px-first-2v,
.fr-px-first-1w {
padding-right: 0.5rem !important;
}
.fr-pt-first-2v,
.fr-pt-first-1w,
.fr-py-first-2v,
.fr-py-first-1w {
padding-top: 0.5rem !important;
}
.fr-pb-first-2v,
.fr-pb-first-1w,
.fr-py-first-2v,
.fr-py-first-1w {
padding-bottom: 0.5rem !important;
}
.fr-p-first-3v {
padding: 0.75rem !important;
}
.fr-pl-first-3v,
.fr-px-first-3v {
padding-left: 0.75rem !important;
}
.fr-pr-first-3v,
.fr-px-first-3v {
padding-right: 0.75rem !important;
}
.fr-pt-first-3v,
.fr-py-first-3v {
padding-top: 0.75rem !important;
}
.fr-pb-first-3v,
.fr-py-first-3v {
padding-bottom: 0.75rem !important;
}
.fr-p-first-4v,
.fr-p-first-2w {
padding: 1rem !important;
}
.fr-pl-first-4v,
.fr-pl-first-2w,
.fr-px-first-4v,
.fr-px-first-2w {
padding-left: 1rem !important;
}
.fr-pr-first-4v,
.fr-pr-first-2w,
.fr-px-first-4v,
.fr-px-first-2w {
padding-right: 1rem !important;
}
.fr-pt-first-4v,
.fr-pt-first-2w,
.fr-py-first-4v,
.fr-py-first-2w {
padding-top: 1rem !important;
}
.fr-pb-first-4v,
.fr-pb-first-2w,
.fr-py-first-4v,
.fr-py-first-2w {
padding-bottom: 1rem !important;
}
.fr-p-first-5v {
padding: 1.25rem !important;
}
.fr-pl-first-5v,
.fr-px-first-5v {
padding-left: 1.25rem !important;
}
.fr-pr-first-5v,
.fr-px-first-5v {
padding-right: 1.25rem !important;
}
.fr-pt-first-5v,
.fr-py-first-5v {
padding-top: 1.25rem !important;
}
.fr-pb-first-5v,
.fr-py-first-5v {
padding-bottom: 1.25rem !important;
}
.fr-p-first-6v,
.fr-p-first-3w {
padding: 1.5rem !important;
}
.fr-pl-first-6v,
.fr-pl-first-3w,
.fr-px-first-6v,
.fr-px-first-3w {
padding-left: 1.5rem !important;
}
.fr-pr-first-6v,
.fr-pr-first-3w,
.fr-px-first-6v,
.fr-px-first-3w {
padding-right: 1.5rem !important;
}
.fr-pt-first-6v,
.fr-pt-first-3w,
.fr-py-first-6v,
.fr-py-first-3w {
padding-top: 1.5rem !important;
}
.fr-pb-first-6v,
.fr-pb-first-3w,
.fr-py-first-6v,
.fr-py-first-3w {
padding-bottom: 1.5rem !important;
}
.fr-p-first-7v {
padding: 1.75rem !important;
}
.fr-pl-first-7v,
.fr-px-first-7v {
padding-left: 1.75rem !important;
}
.fr-pr-first-7v,
.fr-px-first-7v {
padding-right: 1.75rem !important;
}
.fr-pt-first-7v,
.fr-py-first-7v {
padding-top: 1.75rem !important;
}
.fr-pb-first-7v,
.fr-py-first-7v {
padding-bottom: 1.75rem !important;
}
.fr-p-first-8v,
.fr-p-first-4w {
padding: 2rem !important;
}
.fr-pl-first-8v,
.fr-pl-first-4w,
.fr-px-first-8v,
.fr-px-first-4w {
padding-left: 2rem !important;
}
.fr-pr-first-8v,
.fr-pr-first-4w,
.fr-px-first-8v,
.fr-px-first-4w {
padding-right: 2rem !important;
}
.fr-pt-first-8v,
.fr-pt-first-4w,
.fr-py-first-8v,
.fr-py-first-4w {
padding-top: 2rem !important;
}
.fr-pb-first-8v,
.fr-pb-first-4w,
.fr-py-first-8v,
.fr-py-first-4w {
padding-bottom: 2rem !important;
}
.fr-p-first-9v {
padding: 2.25rem !important;
}
.fr-pl-first-9v,
.fr-px-first-9v {
padding-left: 2.25rem !important;
}
.fr-pr-first-9v,
.fr-px-first-9v {
padding-right: 2.25rem !important;
}
.fr-pt-first-9v,
.fr-py-first-9v {
padding-top: 2.25rem !important;
}
.fr-pb-first-9v,
.fr-py-first-9v {
padding-bottom: 2.25rem !important;
}
.fr-p-first-10v,
.fr-p-first-5w {
padding: 2.5rem !important;
}
.fr-pl-first-10v,
.fr-pl-first-5w,
.fr-px-first-10v,
.fr-px-first-5w {
padding-left: 2.5rem !important;
}
.fr-pr-first-10v,
.fr-pr-first-5w,
.fr-px-first-10v,
.fr-px-first-5w {
padding-right: 2.5rem !important;
}
.fr-pt-first-10v,
.fr-pt-first-5w,
.fr-py-first-10v,
.fr-py-first-5w {
padding-top: 2.5rem !important;
}
.fr-pb-first-10v,
.fr-pb-first-5w,
.fr-py-first-10v,
.fr-py-first-5w {
padding-bottom: 2.5rem !important;
}
.fr-p-first-11v {
padding: 2.75rem !important;
}
.fr-pl-first-11v,
.fr-px-first-11v {
padding-left: 2.75rem !important;
}
.fr-pr-first-11v,
.fr-px-first-11v {
padding-right: 2.75rem !important;
}
.fr-pt-first-11v,
.fr-py-first-11v {
padding-top: 2.75rem !important;
}
.fr-pb-first-11v,
.fr-py-first-11v {
padding-bottom: 2.75rem !important;
}
.fr-p-first-12v,
.fr-p-first-6w {
padding: 3rem !important;
}
.fr-pl-first-12v,
.fr-pl-first-6w,
.fr-px-first-12v,
.fr-px-first-6w {
padding-left: 3rem !important;
}
.fr-pr-first-12v,
.fr-pr-first-6w,
.fr-px-first-12v,
.fr-px-first-6w {
padding-right: 3rem !important;
}
.fr-pt-first-12v,
.fr-pt-first-6w,
.fr-py-first-12v,
.fr-py-first-6w {
padding-top: 3rem !important;
}
.fr-pb-first-12v,
.fr-pb-first-6w,
.fr-py-first-12v,
.fr-py-first-6w {
padding-bottom: 3rem !important;
}
.fr-p-first-13v {
padding: 3.25rem !important;
}
.fr-pl-first-13v,
.fr-px-first-13v {
padding-left: 3.25rem !important;
}
.fr-pr-first-13v,
.fr-px-first-13v {
padding-right: 3.25rem !important;
}
.fr-pt-first-13v,
.fr-py-first-13v {
padding-top: 3.25rem !important;
}
.fr-pb-first-13v,
.fr-py-first-13v {
padding-bottom: 3.25rem !important;
}
.fr-p-first-14v,
.fr-p-first-7w {
padding: 3.5rem !important;
}
.fr-pl-first-14v,
.fr-pl-first-7w,
.fr-px-first-14v,
.fr-px-first-7w {
padding-left: 3.5rem !important;
}
.fr-pr-first-14v,
.fr-pr-first-7w,
.fr-px-first-14v,
.fr-px-first-7w {
padding-right: 3.5rem !important;
}
.fr-pt-first-14v,
.fr-pt-first-7w,
.fr-py-first-14v,
.fr-py-first-7w {
padding-top: 3.5rem !important;
}
.fr-pb-first-14v,
.fr-pb-first-7w,
.fr-py-first-14v,
.fr-py-first-7w {
padding-bottom: 3.5rem !important;
}
.fr-p-first-15v {
padding: 3.75rem !important;
}
.fr-pl-first-15v,
.fr-px-first-15v {
padding-left: 3.75rem !important;
}
.fr-pr-first-15v,
.fr-px-first-15v {
padding-right: 3.75rem !important;
}
.fr-pt-first-15v,
.fr-py-first-15v {
padding-top: 3.75rem !important;
}
.fr-pb-first-15v,
.fr-py-first-15v {
padding-bottom: 3.75rem !important;
}
.fr-p-first-16v,
.fr-p-first-8w {
padding: 4rem !important;
}
.fr-pl-first-16v,
.fr-pl-first-8w,
.fr-px-first-16v,
.fr-px-first-8w {
padding-left: 4rem !important;
}
.fr-pr-first-16v,
.fr-pr-first-8w,
.fr-px-first-16v,
.fr-px-first-8w {
padding-right: 4rem !important;
}
.fr-pt-first-16v,
.fr-pt-first-8w,
.fr-py-first-16v,
.fr-py-first-8w {
padding-top: 4rem !important;
}
.fr-pb-first-16v,
.fr-pb-first-8w,
.fr-py-first-16v,
.fr-py-first-8w {
padding-bottom: 4rem !important;
}
.fr-p-first-17v {
padding: 4.25rem !important;
}
.fr-pl-first-17v,
.fr-px-first-17v {
padding-left: 4.25rem !important;
}
.fr-pr-first-17v,
.fr-px-first-17v {
padding-right: 4.25rem !important;
}
.fr-pt-first-17v,
.fr-py-first-17v {
padding-top: 4.25rem !important;
}
.fr-pb-first-17v,
.fr-py-first-17v {
padding-bottom: 4.25rem !important;
}
.fr-p-first-18v,
.fr-p-first-9w {
padding: 4.5rem !important;
}
.fr-pl-first-18v,
.fr-pl-first-9w,
.fr-px-first-18v,
.fr-px-first-9w {
padding-left: 4.5rem !important;
}
.fr-pr-first-18v,
.fr-pr-first-9w,
.fr-px-first-18v,
.fr-px-first-9w {
padding-right: 4.5rem !important;
}
.fr-pt-first-18v,
.fr-pt-first-9w,
.fr-py-first-18v,
.fr-py-first-9w {
padding-top: 4.5rem !important;
}
.fr-pb-first-18v,
.fr-pb-first-9w,
.fr-py-first-18v,
.fr-py-first-9w {
padding-bottom: 4.5rem !important;
}
.fr-p-first-19v {
padding: 4.75rem !important;
}
.fr-pl-first-19v,
.fr-px-first-19v {
padding-left: 4.75rem !important;
}
.fr-pr-first-19v,
.fr-px-first-19v {
padding-right: 4.75rem !important;
}
.fr-pt-first-19v,
.fr-py-first-19v {
padding-top: 4.75rem !important;
}
.fr-pb-first-19v,
.fr-py-first-19v {
padding-bottom: 4.75rem !important;
}
.fr-p-first-20v,
.fr-p-first-10w {
padding: 5rem !important;
}
.fr-pl-first-20v,
.fr-pl-first-10w,
.fr-px-first-20v,
.fr-px-first-10w {
padding-left: 5rem !important;
}
.fr-pr-first-20v,
.fr-pr-first-10w,
.fr-px-first-20v,
.fr-px-first-10w {
padding-right: 5rem !important;
}
.fr-pt-first-20v,
.fr-pt-first-10w,
.fr-py-first-20v,
.fr-py-first-10w {
padding-top: 5rem !important;
}
.fr-pb-first-20v,
.fr-pb-first-10w,
.fr-py-first-20v,
.fr-py-first-10w {
padding-bottom: 5rem !important;
}
.fr-p-first-21v {
padding: 5.25rem !important;
}
.fr-pl-first-21v,
.fr-px-first-21v {
padding-left: 5.25rem !important;
}
.fr-pr-first-21v,
.fr-px-first-21v {
padding-right: 5.25rem !important;
}
.fr-pt-first-21v,
.fr-py-first-21v {
padding-top: 5.25rem !important;
}
.fr-pb-first-21v,
.fr-py-first-21v {
padding-bottom: 5.25rem !important;
}
.fr-p-first-22v,
.fr-p-first-11w {
padding: 5.5rem !important;
}
.fr-pl-first-22v,
.fr-pl-first-11w,
.fr-px-first-22v,
.fr-px-first-11w {
padding-left: 5.5rem !important;
}
.fr-pr-first-22v,
.fr-pr-first-11w,
.fr-px-first-22v,
.fr-px-first-11w {
padding-right: 5.5rem !important;
}
.fr-pt-first-22v,
.fr-pt-first-11w,
.fr-py-first-22v,
.fr-py-first-11w {
padding-top: 5.5rem !important;
}
.fr-pb-first-22v,
.fr-pb-first-11w,
.fr-py-first-22v,
.fr-py-first-11w {
padding-bottom: 5.5rem !important;
}
.fr-p-first-23v {
padding: 5.75rem !important;
}
.fr-pl-first-23v,
.fr-px-first-23v {
padding-left: 5.75rem !important;
}
.fr-pr-first-23v,
.fr-px-first-23v {
padding-right: 5.75rem !important;
}
.fr-pt-first-23v,
.fr-py-first-23v {
padding-top: 5.75rem !important;
}
.fr-pb-first-23v,
.fr-py-first-23v {
padding-bottom: 5.75rem !important;
}
.fr-p-first-24v,
.fr-p-first-12w {
padding: 6rem !important;
}
.fr-pl-first-24v,
.fr-pl-first-12w,
.fr-px-first-24v,
.fr-px-first-12w {
padding-left: 6rem !important;
}
.fr-pr-first-24v,
.fr-pr-first-12w,
.fr-px-first-24v,
.fr-px-first-12w {
padding-right: 6rem !important;
}
.fr-pt-first-24v,
.fr-pt-first-12w,
.fr-py-first-24v,
.fr-py-first-12w {
padding-top: 6rem !important;
}
.fr-pb-first-24v,
.fr-pb-first-12w,
.fr-py-first-24v,
.fr-py-first-12w {
padding-bottom: 6rem !important;
}
.fr-p-first-25v {
padding: 6.25rem !important;
}
.fr-pl-first-25v,
.fr-px-first-25v {
padding-left: 6.25rem !important;
}
.fr-pr-first-25v,
.fr-px-first-25v {
padding-right: 6.25rem !important;
}
.fr-pt-first-25v,
.fr-py-first-25v {
padding-top: 6.25rem !important;
}
.fr-pb-first-25v,
.fr-py-first-25v {
padding-bottom: 6.25rem !important;
}
.fr-p-first-26v,
.fr-p-first-13w {
padding: 6.5rem !important;
}
.fr-pl-first-26v,
.fr-pl-first-13w,
.fr-px-first-26v,
.fr-px-first-13w {
padding-left: 6.5rem !important;
}
.fr-pr-first-26v,
.fr-pr-first-13w,
.fr-px-first-26v,
.fr-px-first-13w {
padding-right: 6.5rem !important;
}
.fr-pt-first-26v,
.fr-pt-first-13w,
.fr-py-first-26v,
.fr-py-first-13w {
padding-top: 6.5rem !important;
}
.fr-pb-first-26v,
.fr-pb-first-13w,
.fr-py-first-26v,
.fr-py-first-13w {
padding-bottom: 6.5rem !important;
}
.fr-p-first-27v {
padding: 6.75rem !important;
}
.fr-pl-first-27v,
.fr-px-first-27v {
padding-left: 6.75rem !important;
}
.fr-pr-first-27v,
.fr-px-first-27v {
padding-right: 6.75rem !important;
}
.fr-pt-first-27v,
.fr-py-first-27v {
padding-top: 6.75rem !important;
}
.fr-pb-first-27v,
.fr-py-first-27v {
padding-bottom: 6.75rem !important;
}
.fr-p-first-28v,
.fr-p-first-14w {
padding: 7rem !important;
}
.fr-pl-first-28v,
.fr-pl-first-14w,
.fr-px-first-28v,
.fr-px-first-14w {
padding-left: 7rem !important;
}
.fr-pr-first-28v,
.fr-pr-first-14w,
.fr-px-first-28v,
.fr-px-first-14w {
padding-right: 7rem !important;
}
.fr-pt-first-28v,
.fr-pt-first-14w,
.fr-py-first-28v,
.fr-py-first-14w {
padding-top: 7rem !important;
}
.fr-pb-first-28v,
.fr-pb-first-14w,
.fr-py-first-28v,
.fr-py-first-14w {
padding-bottom: 7rem !important;
}
.fr-p-first-29v {
padding: 7.25rem !important;
}
.fr-pl-first-29v,
.fr-px-first-29v {
padding-left: 7.25rem !important;
}
.fr-pr-first-29v,
.fr-px-first-29v {
padding-right: 7.25rem !important;
}
.fr-pt-first-29v,
.fr-py-first-29v {
padding-top: 7.25rem !important;
}
.fr-pb-first-29v,
.fr-py-first-29v {
padding-bottom: 7.25rem !important;
}
.fr-p-first-30v,
.fr-p-first-15w {
padding: 7.5rem !important;
}
.fr-pl-first-30v,
.fr-pl-first-15w,
.fr-px-first-30v,
.fr-px-first-15w {
padding-left: 7.5rem !important;
}
.fr-pr-first-30v,
.fr-pr-first-15w,
.fr-px-first-30v,
.fr-px-first-15w {
padding-right: 7.5rem !important;
}
.fr-pt-first-30v,
.fr-pt-first-15w,
.fr-py-first-30v,
.fr-py-first-15w {
padding-top: 7.5rem !important;
}
.fr-pb-first-30v,
.fr-pb-first-15w,
.fr-py-first-30v,
.fr-py-first-15w {
padding-bottom: 7.5rem !important;
}
.fr-p-first-31v {
padding: 7.75rem !important;
}
.fr-pl-first-31v,
.fr-px-first-31v {
padding-left: 7.75rem !important;
}
.fr-pr-first-31v,
.fr-px-first-31v {
padding-right: 7.75rem !important;
}
.fr-pt-first-31v,
.fr-py-first-31v {
padding-top: 7.75rem !important;
}
.fr-pb-first-31v,
.fr-py-first-31v {
padding-bottom: 7.75rem !important;
}
.fr-p-first-32v,
.fr-p-first-16w {
padding: 8rem !important;
}
.fr-pl-first-32v,
.fr-pl-first-16w,
.fr-px-first-32v,
.fr-px-first-16w {
padding-left: 8rem !important;
}
.fr-pr-first-32v,
.fr-pr-first-16w,
.fr-px-first-32v,
.fr-px-first-16w {
padding-right: 8rem !important;
}
.fr-pt-first-32v,
.fr-pt-first-16w,
.fr-py-first-32v,
.fr-py-first-16w {
padding-top: 8rem !important;
}
.fr-pb-first-32v,
.fr-pb-first-16w,
.fr-py-first-32v,
.fr-py-first-16w {
padding-bottom: 8rem !important;
}
/* ¯¯¯¯¯¯¯¯¯ *\
STEPPER
\* ˍˍˍˍˍˍˍˍˍ */
.fr-stepper {
--title-spacing: 0;
--text-spacing: 0;
margin-bottom: 2rem;
display: flex;
flex-direction: column;
}
.fr-stepper__title {
font-weight: 700;
font-size: 1.125rem;
line-height: 1.5rem;
--title-spacing: 0 0 0.75rem 0;
--text-spacing: 0 0 0.75rem 0;
color: var(--text-title-grey);
}
.fr-stepper__state {
font-size: 0.875rem;
line-height: 1.5rem;
--title-spacing: 0 0 0.25rem 0;
--text-spacing: 0 0 0.25rem 0;
font-weight: 400;
color: var(--text-mention-grey);
}
.fr-stepper__state::after {
content: "\a";
white-space: pre;
line-height: 2rem;
}
.fr-stepper__details {
font-size: 0.75rem;
line-height: 1.25rem;
color: var(--text-mention-grey);
}
.fr-stepper .fr-stepper__steps[data-fr-steps="2"][data-fr-current-step="2"] + .fr-stepper__details,
.fr-stepper .fr-stepper__steps[data-fr-steps="3"][data-fr-current-step="3"] + .fr-stepper__details,
.fr-stepper .fr-stepper__steps[data-fr-steps="4"][data-fr-current-step="4"] + .fr-stepper__details,
.fr-stepper .fr-stepper__steps[data-fr-steps="5"][data-fr-current-step="5"] + .fr-stepper__details,
.fr-stepper .fr-stepper__steps[data-fr-steps="6"][data-fr-current-step="6"] + .fr-stepper__details,
.fr-stepper .fr-stepper__steps[data-fr-steps="7"][data-fr-current-step="7"] + .fr-stepper__details,
.fr-stepper .fr-stepper__steps[data-fr-steps="8"][data-fr-current-step="8"] + .fr-stepper__details {
display: none;
}
.fr-stepper__steps {
--default-outer: calc((100% + 6px) / var(--steps));
--default-inner: calc(var(--default-outer) - 6px);
--active-outer: calc((100% + 6px) / var(--current-step));
--active-inner: calc(var(--active-outer) - 6px);
margin-bottom: 0.75rem;
width: 100%;
height: 6px;
background-repeat: no-repeat;
background-size: calc((100% + 6px) * var(--current-step) / var(--steps) - 6px) 100%, 100% 100%;
background-position: 0 0, 0 0;
--current-step: 0;
background-image: repeating-linear-gradient(to right, var(--background-active-blue-france) 0, var(--background-active-blue-france) var(--active-inner), transparent var(--active-inner), transparent var(--active-outer)), repeating-linear-gradient(to right, var(--background-contrast-grey) 0, var(--background-contrast-grey) var(--default-inner), transparent var(--default-inner), transparent var(--default-outer));
}
.fr-stepper__steps[data-fr-steps="2"] {
--steps: 2;
--step-width: calc(100% / 2);
}
.fr-stepper__steps[data-fr-steps="3"] {
--steps: 3;
--step-width: calc(100% / 3);
}
.fr-stepper__steps[data-fr-steps="4"] {
--steps: 4;
--step-width: calc(100% / 4);
}
.fr-stepper__steps[data-fr-steps="5"] {
--steps: 5;
--step-width: calc(100% / 5);
}
.fr-stepper__steps[data-fr-steps="6"] {
--steps: 6;
--step-width: calc(100% / 6);
}
.fr-stepper__steps[data-fr-steps="7"] {
--steps: 7;
--step-width: calc(100% / 7);
}
.fr-stepper__steps[data-fr-steps="8"] {
--steps: 8;
--step-width: calc(100% / 8);
}
.fr-stepper__steps[data-fr-current-step="1"] {
--current-step: 1;
}
.fr-stepper__steps[data-fr-current-step="2"] {
--current-step: 2;
}
.fr-stepper__steps[data-fr-current-step="3"] {
--current-step: 3;
}
.fr-stepper__steps[data-fr-current-step="4"] {
--current-step: 4;
}
.fr-stepper__steps[data-fr-current-step="5"] {
--current-step: 5;
}
.fr-stepper__steps[data-fr-current-step="6"] {
--current-step: 6;
}
.fr-stepper__steps[data-fr-current-step="7"] {
--current-step: 7;
}
.fr-stepper__steps[data-fr-current-step="8"] {
--current-step: 8;
}
/* ¯¯¯¯¯¯¯¯¯ *\
Formulaires
\* ˍˍˍˍˍˍˍˍˍ */
/* input,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: "Marianne", arial, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
border-radius: 0;
border: 0;
background-color: transparent;
margin: 0;
} */
.fr-fieldset {
position: relative;
margin: 0 -0.75rem 1rem;
padding: 0 0.25rem;
display: flex;
flex-direction: row;
align-items: flex-end;
flex-wrap: wrap;
border: 0;
}
.fr-fieldset__element {
flex: 1 1 100%;
padding-left: 0.5rem;
padding-right: 0.5rem;
margin-bottom: 1rem;
}
/* .fr-fieldset--valid .fr-input,
.fr-input-group--valid .fr-input {
box-shadow: inset 0 -2px 0 0 var(--border-plain-success);
}
*/
.fr-fieldset--error .fr-input,
.fr-input-group--error .fr-input {
box-shadow: inset 0 -2px 0 0 var(--border-plain-error);
}
.fr-label {
/*display: block;*/
display: flex;
justify-content: space-between;
font-size: 1rem;
line-height: 1.5rem;
color: var(--text-label-grey);
}
/* ¯¯¯¯¯¯¯¯¯ *\
INPUT
\* ˍˍˍˍˍˍˍˍˍ */
.fr-input {
display: block;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 100%;
border-radius: 0.25rem 0.25rem 0 0;
font-size: 1rem;
line-height: 1.5rem;
padding: 0.5rem 2.5rem 0.5rem 1rem;
color: var(--text-title-grey);
background-color: var(--background-contrast-grey);
--idle: transparent;
--hover: var(--background-contrast-grey-hover);
--active: var(--background-contrast-grey-active);
box-shadow: inset 0 -2px 0 0 #2225;
border: 1px solid #ddd;
}
/* .fr-input::placeholder {
opacity: 1;
font-style: italic;
color: var(--text-mention-grey);
}
.fr-input:disabled {
color: var(--text-disabled-grey);
box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);
} */
/* ¯¯¯¯¯¯¯¯¯ *\
SELECT
\* ˍˍˍˍˍˍˍˍˍ */
.fr-select {
display: block;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 100%;
border-radius: 0.25rem 0.25rem 0 0;
font-size: 1rem;
line-height: 1.5rem;
padding: 0.5rem 2.5rem 0.5rem 1rem;
background-repeat: no-repeat;
background-position: calc(100% - 0.5rem) 50%;
background-size: 1.5rem 1.5rem;
color: var(--text-title-grey);
background-color: var(--background-contrast-grey);
--idle: transparent;
--hover: var(--background-contrast-grey-hover);
--active: var(--background-contrast-grey-active);
box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
--data-uri-svg: url("data:image/svg+xml;charset=utf-8,");
background-image: var(--data-uri-svg);
/**
* Mixin pour gérer l'état disabled
*/
/**
* On applique un style lorsque la valeur est automatiquement remplie par le navigateur
* sur les navigateurs webkit.
*/
/**
* Mixin pour gérer l'état disabled
*/
/**
* On applique un style lorsque la valeur est automatiquement remplie par le navigateur
* sur les navigateurs webkit.
*/
}
*
/* ¯¯¯¯¯¯¯¯¯ *\
TOGGLE
\* ˍˍˍˍˍˍˍˍˍ */
.fr-toggle {
display: flex;
flex-wrap: wrap;
position: relative;
padding: 1rem 0;
--text-spacing: 0;
--title-spacing: 0;
/*
* On utilise un input de type checkbox pour gérer le toggle
* On reset ses styles afin de ne garder que son fonctionnement et son espacement
* On l'utilisera égalemement pour afficher l'état du toggle (optionnel)
*/
/*
* Ajout d'un séparateur
*/
/*
* Ajout d'un séparateur
*/
}
.fr-select-group--error .fr-select {
box-shadow: inset 0 -2px 0 0 #ce0500;
}
.fr-toggle input[type=checkbox] {
flex-shrink: 0;
width: 2.5rem;
height: 1.5rem;
border-radius: 0.75rem;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/*
* On applique des styles aux pseudo-elements du label quand l'input est check.
* On change l'ordre du texte d'état du label dans le content pour afficher
* la valeur correspondant à l'état checked (optionnel).
*/
box-shadow: inset 0 0 0 1px var(--border-action-high-blue-france);
}
.fr-toggle input[type=checkbox]:checked ~ .fr-toggle__label[data-fr-unchecked-label][data-fr-checked-label]::before {
content: attr(data-fr-checked-label);
}
/*
* Ajout d'une croix bleu qui n'est pas dans le dsfr original
*
*/
/* .fr-toggle input[type=checkbox] ~ .fr-toggle__label::after {
--data-uri-svg: url("data:image/svg+xml;charset=utf-8,");
background-image: var(--data-uri-svg);
} */
.fr-toggle input[type=checkbox]:checked ~ .fr-toggle__label::after {
transform: translateX(1rem);
--data-uri-svg: url("data:image/svg+xml;charset=utf-8,");
background-image: var(--data-uri-svg);
}
.fr-toggle label {
--toggle-status-width: auto;
display: inline-flex;
flex-basis: calc(100% - 2.5rem);
min-height: 1.5rem;
padding-left: 2rem;
font-size: 1rem;
line-height: 1.5rem;
/*
* Si les data attributes sont présents, on assigne un content au pseudo element before,
* et on enlève le padding left du label.
*/
/*
* On prévoit un pseudo-élément pour afficher l'état du bouton( optionnel)
* On récupère le text via l'attribut [data-fr-unchecked-label]
*/
/*
* On inclut l'icône check en background dans un pseudo-element after
*
*/
}
.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label] {
padding-left: 0;
}
.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label]::before {
content: attr(data-fr-unchecked-label);
}
.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label] + .fr-hint-text {
margin-top: 0.5rem;
}
.fr-toggle label::before {
flex-shrink: 0;
min-width: 2.5rem;
height: calc(1.25rem + 1px);
margin-top: 1.5rem;
margin-left: -2.5rem;
margin-right: 1rem;
font-size: 0.75rem;
line-height: 1.25rem;
white-space: pre-wrap;
overflow: hidden;
outline: none !important;
width: var(--toggle-status-width);
color: var(--text-active-blue-france);
}
.fr-toggle label::after {
content: "";
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 1rem;
left: 0;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background-repeat: no-repeat;
background-size: 1rem;
background-position: center;
color: var(--text-active-blue-france);
box-shadow: inset 0 0 0 1px var(--border-action-high-blue-france);
background-color: var(--background-default-grey);
--idle: transparent;
--hover: var(--background-default-grey-hover);
--active: var(--background-default-grey-active);
}
.fr-toggle .fr-hint-text {
display: block;
margin-top: 1rem;
font-size: 0.75rem;
line-height: 1.25rem;
flex-basis: 100%;
color: var(--text-mention-grey);
}
/*
* Passage du label ferré à gauche, le toggle ferré à droite
*/
.fr-toggle--label-left .fr-toggle__input {
order: 1;
margin: 0 0 0 auto;
}
.fr-toggle--label-left .fr-toggle__input[data-fr-checked-label] ~ .fr-toggle__label {
padding-left: 0;
padding-right: 1rem;
}
.fr-toggle--label-left .fr-toggle__label {
justify-content: space-between;
padding-left: 0;
width: calc(100% - 2.5rem);
}
.fr-toggle--label-left .fr-toggle__label::before {
flex-shrink: 0;
order: 1;
margin-right: -2.5rem;
margin-left: 1rem;
text-align: right;
}
.fr-toggle--label-left .fr-toggle__label::after {
left: auto;
right: 1rem;
}
.fr-toggle--label-left .fr-hint-text {
order: 2;
}
/*
* On surcharge les styles de base
*/
.fr-toggle__list {
--ul-type: none;
--ol-type: none;
--ul-start: 0;
--ol-start: 0;
--xl-block: 0;
--li-bottom: 0;
--ol-content: none;
}
.fr-toggle input[type=checkbox]:checked {
background-color: var(--background-active-blue-france);
--idle: transparent;
--hover: var(--background-active-blue-france-hover);
--active: var(--background-active-blue-france-active);
}
:root:where([data-fr-theme="dark"]) .fr-toggle input[type=checkbox]:checked ~ .fr-toggle__label::after {
--data-uri-svg: url("data:image/svg+xml;charset=utf-8,");
}
.fr-toggle input[type=checkbox]:disabled {
box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
}
.fr-toggle input[type=checkbox]:disabled:checked {
background-color: var(--background-disabled-grey);
--idle: transparent;
--hover: var(--background-disabled-grey-hover);
--active: var(--background-disabled-grey-active);
}
.fr-toggle input[type=checkbox]:disabled:checked ~ .fr-toggle__label::after {
--data-uri-svg: url("data:image/svg+xml;charset=utf-8,");
background-image: var(--data-uri-svg);
}
:root:where([data-fr-theme="dark"]) .fr-toggle input[type=checkbox]:disabled:checked ~ .fr-toggle__label::after {
--data-uri-svg: url("data:image/svg+xml;charset=utf-8,");
}
.fr-toggle input[type=checkbox]:disabled ~ .fr-toggle__label::before {
color: var(--text-disabled-grey);
}
.fr-toggle input[type=checkbox]:disabled ~ .fr-toggle__label::after {
color: var(--text-disabled-grey);
box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
}
.fr-toggle--border-bottom {
box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
}
/* ------------------------------------ *\
Badge
\* ------------------------------------ */
.fr-badge {
--text-spacing: 0;
--title-spacing: 0;
z-index: 1;
display: inline-flex;
flex-direction: row;
align-items: center;
width: -moz-fit-content;
width: fit-content;
--underline-img: none;
--hover-tint: var(--hover);
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 1.5rem;
padding: 0 0.5rem;
overflow: initial;
max-height: none;
font-weight: 700;
max-width: 100%;
text-transform: uppercase;
border-radius: 0.25rem;
color: var(--text-default-grey);
background-color: var(--background-contrast-grey);
--idle: transparent;
--hover: var(--background-contrast-grey-hover);
--active: var(--background-contrast-grey-active);
}
.fr-badge::before,
.fr-badge::after {
display: block;
}
.fr-badge--icon-left[class^=fr-icon-],
.fr-badge--icon-left[class*=" fr-icon-"],
.fr-badge--icon-left[class^=fr-fi-],
.fr-badge--icon-left[class*=" fr-fi-"] {
overflow: initial;
max-width: 100%;
max-height: none;
}
.fr-badge--icon-left[class^=fr-icon-]::before,
.fr-badge--icon-left[class*=" fr-icon-"]::before,
.fr-badge--icon-left[class^=fr-fi-]::before,
.fr-badge--icon-left[class*=" fr-fi-"]::before {
--icon-size: 1rem;
margin-left: -0.125rem;
margin-right: 0.25rem;
}
.fr-badge[class^=fr-icon-]:not([class*=fr-badge--icon-])::before,
.fr-badge[class*=" fr-icon-"]:not([class*=fr-badge--icon-])::before,
.fr-badge[class^=fr-fi-]:not([class*=fr-badge--icon-])::before,
.fr-badge[class*=" fr-fi-"]:not([class*=fr-badge--icon-])::before {
content: none;
}
.fr-badge--sm {
font-size: 0.75rem;
line-height: 1.25rem;
min-height: 1.125rem;
padding: 0 0.375rem;
overflow: initial;
max-width: 100%;
max-height: none;
}
.fr-badge--sm.fr-badge--icon-left[class^=fr-icon-],
.fr-badge--sm.fr-badge--icon-left[class*=" fr-icon-"],
.fr-badge--sm.fr-badge--icon-left[class^=fr-fi-],
.fr-badge--sm.fr-badge--icon-left[class*=" fr-fi-"] {
overflow: initial;
max-width: 100%;
max-height: none;
}
.fr-badge--sm.fr-badge--icon-left[class^=fr-icon-]::before,
.fr-badge--sm.fr-badge--icon-left[class*=" fr-icon-"]::before,
.fr-badge--sm.fr-badge--icon-left[class^=fr-fi-]::before,
.fr-badge--sm.fr-badge--icon-left[class*=" fr-fi-"]::before {
--icon-size: 0.75rem;
margin-left: -0.09375rem;
margin-right: 0.25rem;
}
.fr-badge--sm[class^=fr-icon-]:not([class*=fr-badge--icon-])::before,
.fr-badge--sm[class*=" fr-icon-"]:not([class*=fr-badge--icon-])::before,
.fr-badge--sm[class^=fr-fi-]:not([class*=fr-badge--icon-])::before,
.fr-badge--sm[class*=" fr-fi-"]:not([class*=fr-badge--icon-])::before {
content: none;
}
.fr-badge::before {
--icon-size: 1rem;
margin-left: -0.125rem;
margin-right: 0.25rem;
flex: 0 0 auto;
display: inline-block;
vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
background-color: currentColor;
width: var(--icon-size);
height: var(--icon-size);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
.fr-badge--sm::before {
--icon-size: 0.75rem;
margin-left: -0.09375rem;
margin-right: 0.25rem;
}
/* .fr-badge.fr-badge--info::before,
.fr-badge--sm.fr-badge--info::before {
-webkit-mask-image: url("../icons/system/fr--info-fill.svg");
mask-image: url("../icons/system/fr--info-fill.svg");
} */
.fr-badge.fr-badge--success::before,
.fr-badge--sm.fr-badge--success::before {
-webkit-mask-image: url("../icons/system/fr--success-fill.svg");
mask-image: url("../icons/system/fr--success-fill.svg");
}
.fr-badge.fr-badge--error::before,
.fr-badge--sm.fr-badge--error::before {
-webkit-mask-image: url("../icons/system/fr--error-fill.svg");
mask-image: url("../icons/system/fr--error-fill.svg");
}
.fr-badge.fr-badge--warning::before,
.fr-badge--sm.fr-badge--warning::before {
-webkit-mask-image: url("../icons/system/fr--warning-fill.svg");
mask-image: url("../icons/system/fr--warning-fill.svg");
}
.fr-badge.fr-badge--new::before,
.fr-badge--sm.fr-badge--new::before {
-webkit-mask-image: url("../icons/weather/flashlight-fill.svg");
mask-image: url("../icons/weather/flashlight-fill.svg");
}
.fr-badge--info::before,
.fr-badge--success::before,
.fr-badge--error::before,
.fr-badge--warning::before,
.fr-badge--new::before,
.fr-badge--sm--info::before,
.fr-badge--sm--success::before,
.fr-badge--sm--error::before,
.fr-badge--sm--warning::before,
.fr-badge--sm--new::before {
content: "";
}
.fr-badge.fr-badge--no-icon::before,
.fr-badge--sm.fr-badge--no-icon::before {
content: none;
}
.fr-badges-group {
--ul-type: none;
--ol-type: none;
--ul-start: 0;
--ol-start: 0;
--xl-block: 0;
--li-bottom: 0;
--ol-content: none;
display: flex;
flex-wrap: wrap;
margin-left: -0.25rem;
margin-right: -0.25rem;
margin-bottom: 0;
}
.fr-badges-group > li {
display: inline-flex;
max-width: 100%;
}
.fr-badges-group .fr-badge {
margin: 0 0.25rem 0.5rem 0.25rem;
}
.fr-badges-group--sm .fr-badge {
font-size: 0.75rem;
line-height: 1.25rem;
min-height: 1.125rem;
padding: 0 0.375rem;
}
.fr-badges-group--sm .fr-badge::before,
.fr-badges-group--sm .fr-badge::after {
--icon-size: 0.75rem;
}
.fr-badge--info {
color: var(--text-default-info);
background-color: var(--background-contrast-info);
--idle: transparent;
--hover: var(--background-contrast-info-hover);
--active: var(--background-contrast-info-active);
}
.fr-badge--error {
color: var(--text-default-error);
background-color: var(--background-contrast-error);
--idle: transparent;
--hover: var(--background-contrast-error-hover);
--active: var(--background-contrast-error-active);
}
.fr-badge--success {
color: var(--text-default-success);
background-color: var(--background-contrast-success);
--idle: transparent;
--hover: var(--background-contrast-success-hover);
--active: var(--background-contrast-success-active);
}
.fr-badge--warning {
color: var(--text-default-warning);
background-color: var(--background-contrast-warning);
--idle: transparent;
--hover: var(--background-contrast-warning-hover);
--active: var(--background-contrast-warning-active);
}
.fr-badge--new {
color: var(--text-action-high-yellow-moutarde);
background-color: var(--background-contrast-yellow-moutarde);
--idle: transparent;
--hover: var(--background-contrast-yellow-moutarde-hover);
--active: var(--background-contrast-yellow-moutarde-active);
}
.fr-badge--green-tilleul-verveine {
color: var(--text-label-green-tilleul-verveine);
background-color: var(--background-contrast-green-tilleul-verveine);
--idle: transparent;
--hover: var(--background-contrast-green-tilleul-verveine-hover);
--active: var(--background-contrast-green-tilleul-verveine-active);
}
.fr-badge--green-bourgeon {
color: var(--text-label-green-bourgeon);
background-color: var(--background-contrast-green-bourgeon);
--idle: transparent;
--hover: var(--background-contrast-green-bourgeon-hover);
--active: var(--background-contrast-green-bourgeon-active);
}
.fr-badge--green-emeraude {
color: var(--text-label-green-emeraude);
background-color: var(--background-contrast-green-emeraude);
--idle: transparent;
--hover: var(--background-contrast-green-emeraude-hover);
--active: var(--background-contrast-green-emeraude-active);
}
.fr-badge--green-menthe {
color: var(--text-label-green-menthe);
background-color: var(--background-contrast-green-menthe);
--idle: transparent;
--hover: var(--background-contrast-green-menthe-hover);
--active: var(--background-contrast-green-menthe-active);
}
.fr-badge--green-archipel {
color: var(--text-label-green-archipel);
background-color: var(--background-contrast-green-archipel);
--idle: transparent;
--hover: var(--background-contrast-green-archipel-hover);
--active: var(--background-contrast-green-archipel-active);
}
.fr-badge--blue-ecume {
color: var(--text-label-blue-ecume);
background-color: var(--background-contrast-blue-ecume);
--idle: transparent;
--hover: var(--background-contrast-blue-ecume-hover);
--active: var(--background-contrast-blue-ecume-active);
}
.fr-badge--blue-cumulus {
color: var(--text-label-blue-cumulus);
background-color: var(--background-contrast-blue-cumulus);
--idle: transparent;
--hover: var(--background-contrast-blue-cumulus-hover);
--active: var(--background-contrast-blue-cumulus-active);
}
.fr-badge--purple-glycine {
color: var(--text-label-purple-glycine);
background-color: var(--background-contrast-purple-glycine);
--idle: transparent;
--hover: var(--background-contrast-purple-glycine-hover);
--active: var(--background-contrast-purple-glycine-active);
}
.fr-badge--pink-macaron {
color: var(--text-label-pink-macaron);
background-color: var(--background-contrast-pink-macaron);
--idle: transparent;
--hover: var(--background-contrast-pink-macaron-hover);
--active: var(--background-contrast-pink-macaron-active);
}
.fr-badge--pink-tuile {
color: var(--text-label-pink-tuile);
background-color: var(--background-contrast-pink-tuile);
--idle: transparent;
--hover: var(--background-contrast-pink-tuile-hover);
--active: var(--background-contrast-pink-tuile-active);
}
.fr-badge--yellow-tournesol {
color: var(--text-label-yellow-tournesol);
background-color: var(--background-contrast-yellow-tournesol);
--idle: transparent;
--hover: var(--background-contrast-yellow-tournesol-hover);
--active: var(--background-contrast-yellow-tournesol-active);
}
.fr-badge--yellow-moutarde {
color: var(--text-label-yellow-moutarde);
background-color: var(--background-contrast-yellow-moutarde);
--idle: transparent;
--hover: var(--background-contrast-yellow-moutarde-hover);
--active: var(--background-contrast-yellow-moutarde-active);
}
.fr-badge--orange-terre-battue {
color: var(--text-label-orange-terre-battue);
background-color: var(--background-contrast-orange-terre-battue);
--idle: transparent;
--hover: var(--background-contrast-orange-terre-battue-hover);
--active: var(--background-contrast-orange-terre-battue-active);
}
.fr-badge--brown-cafe-creme {
color: var(--text-label-brown-cafe-creme);
background-color: var(--background-contrast-brown-cafe-creme);
--idle: transparent;
--hover: var(--background-contrast-brown-cafe-creme-hover);
--active: var(--background-contrast-brown-cafe-creme-active);
}
.fr-badge--brown-caramel {
color: var(--text-label-brown-caramel);
background-color: var(--background-contrast-brown-caramel);
--idle: transparent;
--hover: var(--background-contrast-brown-caramel-hover);
--active: var(--background-contrast-brown-caramel-active);
}
.fr-badge--brown-opera {
color: var(--text-label-brown-opera);
background-color: var(--background-contrast-brown-opera);
--idle: transparent;
--hover: var(--background-contrast-brown-opera-hover);
--active: var(--background-contrast-brown-opera-active);
}
.fr-badge--beige-gris-galet {
color: var(--text-label-beige-gris-galet);
background-color: var(--background-contrast-beige-gris-galet);
--idle: transparent;
--hover: var(--background-contrast-beige-gris-galet-hover);
--active: var(--background-contrast-beige-gris-galet-active);
}
.fr-badge-group {
--ul-type: none;
--ol-type: none;
--ul-start: 0;
--ol-start: 0;
--xl-block: 0;
--li-bottom: 0;
--ol-content: none;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.fr-badge-group > li {
display: inline-flex;
max-width: 100%;
}
.fr-badge-group .fr-badge {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}
/* ¯¯¯¯¯¯¯¯¯ *\
CALLOUT
\* ˍˍˍˍˍˍˍˍˍ */
.fr-callout {
position: relative;
padding: 1.5rem;
--title-spacing: 0 0 0.5rem;
--text-spacing: 0;
margin: 0 0 1.5rem;
/**
* Inclusion de l'icône (optionnel)
*/
/**
* Ajout de marge quand on inclut un bouton (optionnel)
*/
background-color: var(--background-contrast-grey);
--idle: transparent;
--hover: var(--background-contrast-grey-hover);
--active: var(--background-contrast-grey-active);
box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-france);
}
.fr-callout[class^=fr-icon-]::before,
.fr-callout[class*=" fr-icon-"]::before,
.fr-callout[class^=fr-fi-]::before,
.fr-callout[class*=" fr-fi-"]::before {
display: block;
margin: -0.5rem 0 0.5rem;
}
.fr-callout__title {
font-weight: 700;
font-size: 1.375rem;
line-height: 1.75rem;
color: var(--text-title-grey);
}
.fr-callout__text {
font-size: 1.125rem;
line-height: 1.75rem;
}
.fr-callout .fr-btn {
margin-top: 1rem;
}
.fr-callout::before {
color: var(--text-title-grey);
}
.fr-callout--green-tilleul-verveine {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-tilleul-verveine);
background-color: var(--background-contrast-green-tilleul-verveine);
--idle: transparent;
--hover: var(--background-contrast-green-tilleul-verveine-hover);
--active: var(--background-contrast-green-tilleul-verveine-active);
}
.fr-callout--green-bourgeon {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-bourgeon);
background-color: var(--background-contrast-green-bourgeon);
--idle: transparent;
--hover: var(--background-contrast-green-bourgeon-hover);
--active: var(--background-contrast-green-bourgeon-active);
}
.fr-callout--green-emeraude {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-emeraude);
background-color: var(--background-contrast-green-emeraude);
--idle: transparent;
--hover: var(--background-contrast-green-emeraude-hover);
--active: var(--background-contrast-green-emeraude-active);
}
.fr-callout--green-menthe {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-menthe);
background-color: var(--background-contrast-green-menthe);
--idle: transparent;
--hover: var(--background-contrast-green-menthe-hover);
--active: var(--background-contrast-green-menthe-active);
}
.fr-callout--green-archipel {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-archipel);
background-color: var(--background-contrast-green-archipel);
--idle: transparent;
--hover: var(--background-contrast-green-archipel-hover);
--active: var(--background-contrast-green-archipel-active);
}
.fr-callout--blue-ecume {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-ecume);
background-color: var(--background-contrast-blue-ecume);
--idle: transparent;
--hover: var(--background-contrast-blue-ecume-hover);
--active: var(--background-contrast-blue-ecume-active);
}
.fr-callout--blue-cumulus {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-cumulus);
background-color: var(--background-contrast-blue-cumulus);
--idle: transparent;
--hover: var(--background-contrast-blue-cumulus-hover);
--active: var(--background-contrast-blue-cumulus-active);
}
.fr-callout--purple-glycine {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-purple-glycine);
background-color: var(--background-contrast-purple-glycine);
--idle: transparent;
--hover: var(--background-contrast-purple-glycine-hover);
--active: var(--background-contrast-purple-glycine-active);
}
.fr-callout--pink-macaron {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-pink-macaron);
background-color: var(--background-contrast-pink-macaron);
--idle: transparent;
--hover: var(--background-contrast-pink-macaron-hover);
--active: var(--background-contrast-pink-macaron-active);
}
.fr-callout--pink-tuile {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-pink-tuile);
background-color: var(--background-contrast-pink-tuile);
--idle: transparent;
--hover: var(--background-contrast-pink-tuile-hover);
--active: var(--background-contrast-pink-tuile-active);
}
.fr-callout--yellow-tournesol {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-yellow-tournesol);
background-color: var(--background-contrast-yellow-tournesol);
--idle: transparent;
--hover: var(--background-contrast-yellow-tournesol-hover);
--active: var(--background-contrast-yellow-tournesol-active);
}
.fr-callout--yellow-moutarde {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-yellow-moutarde);
background-color: var(--background-contrast-yellow-moutarde);
--idle: transparent;
--hover: var(--background-contrast-yellow-moutarde-hover);
--active: var(--background-contrast-yellow-moutarde-active);
}
.fr-callout--orange-terre-battue {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-orange-terre-battue);
background-color: var(--background-contrast-orange-terre-battue);
--idle: transparent;
--hover: var(--background-contrast-orange-terre-battue-hover);
--active: var(--background-contrast-orange-terre-battue-active);
}
.fr-callout--brown-cafe-creme {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-cafe-creme);
background-color: var(--background-contrast-brown-cafe-creme);
--idle: transparent;
--hover: var(--background-contrast-brown-cafe-creme-hover);
--active: var(--background-contrast-brown-cafe-creme-active);
}
.fr-callout--brown-caramel {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-caramel);
background-color: var(--background-contrast-brown-caramel);
--idle: transparent;
--hover: var(--background-contrast-brown-caramel-hover);
--active: var(--background-contrast-brown-caramel-active);
}
.fr-callout--brown-opera {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-opera);
background-color: var(--background-contrast-brown-opera);
--idle: transparent;
--hover: var(--background-contrast-brown-opera-hover);
--active: var(--background-contrast-brown-opera-active);
}
.fr-callout--beige-gris-galet {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-beige-gris-galet);
background-color: var(--background-contrast-beige-gris-galet);
--idle: transparent;
--hover: var(--background-contrast-beige-gris-galet-hover);
--active: var(--background-contrast-beige-gris-galet-active);
}
/* ¯¯¯¯¯¯¯¯¯ *\
ALERT
\* ˍˍˍˍˍˍˍˍˍ */
.fr-alert {
position: relative;
padding: 1rem 2.25rem 0.75rem 3.5rem;
--title-spacing: 0 0 0.25rem;
--text-spacing: 0 0 0.25rem;
box-shadow: inset 0 0 0 1px var(--border-plain-grey), inset 2.5rem 0 0 0 var(--background-flat-grey);
}
.fr-alert::before {
--icon-size: 1.5rem;
flex: 0 0 auto;
display: inline-block;
vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
background-color: currentColor;
width: var(--icon-size);
height: var(--icon-size);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
position: absolute;
top: 0;
left: 0;
margin: 1rem 0.5rem;
color: var(--text-inverted-grey);
}
.fr-alert__title {
font-weight: 700;
font-size: 1.125rem;
line-height: 1.5rem;
}
.fr-alert .fr-btn--close {
position: absolute;
top: 0.25rem;
right: 1.25rem;
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 2rem;
padding: 0.25rem 0.75rem;
overflow: hidden;
white-space: nowrap;
max-width: 2rem;
max-height: 2rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.fr-alert .fr-btn--close::before {
--icon-size: 1rem;
margin-left: 0;
margin-right: 0.5rem;
flex: 0 0 auto;
display: inline-block;
vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
background-color: currentColor;
width: var(--icon-size);
height: var(--icon-size);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-image: url("icons/system/close-line.svg");
mask-image: url("icons/system/close-line.svg");
content: "";
}
.fr-alert + .fr-alert {
margin-top: 1rem;
}
.fr-alert--info::before {
-webkit-mask-image: url("icons/system/fr--info-fill.svg");
mask-image: url("icons/system/fr--info-fill.svg");
}
.fr-alert--success::before {
-webkit-mask-image: url("icons/system/fr--success-fill.svg");
mask-image: url("icons/system/fr--success-fill.svg");
}
.fr-alert--error::before {
-webkit-mask-image: url("icons/system/fr--error-fill.svg");
mask-image: url("icons/system/fr--error-fill.svg");
}
.fr-alert--warning::before {
-webkit-mask-image: url("icons/system/fr--warning-fill.svg");
mask-image: url("icons/system/fr--warning-fill.svg");
}
.fr-alert--info::before,
.fr-alert--success::before,
.fr-alert--error::before,
.fr-alert--warning::before {
content: "";
}
.fr-alert--sm {
padding: 0.5rem 2.25rem 0.25rem 3rem;
}
.fr-alert--sm::before {
margin: 0.5rem 0.5rem;
}
.fr-alert .fr-link--close {
position: absolute;
top: 0.25rem;
right: 1.25rem;
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 2rem;
padding: 0.25rem 0.75rem;
overflow: hidden;
white-space: nowrap;
max-width: 2rem;
max-height: 2rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
align-items: center;
}
.fr-alert .fr-link--close::before {
--icon-size: 1rem;
margin-left: 0;
margin-right: 0.5rem;
flex: 0 0 auto;
display: inline-block;
vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
background-color: currentColor;
width: var(--icon-size);
height: var(--icon-size);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-image: url("icons/system/close-line.svg");
mask-image: url("icons/system/close-line.svg");
content: "";
}
.fr-alert--info {
box-shadow: inset 0 0 0 1px var(--border-plain-info), inset 2.5rem 0 0 0 var(--background-flat-info);
}
.fr-alert--error {
box-shadow: inset 0 0 0 1px var(--border-plain-error), inset 2.5rem 0 0 0 var(--background-flat-error);
}
.fr-alert--success {
box-shadow: inset 0 0 0 1px var(--border-plain-success), inset 2.5rem 0 0 0 var(--background-flat-success);
}
.fr-alert--warning {
box-shadow: inset 0 0 0 1px var(--border-plain-warning), inset 2.5rem 0 0 0 var(--background-flat-warning);
}
/* ¯¯¯¯¯¯¯¯¯ *\
ALERT
\* ˍˍˍˍˍˍˍˍˍ */
.fr-notice {
position: relative;
--title-spacing: 0;
--text-spacing: 0;
padding-top: 1rem;
padding-bottom: 1rem;
background-color: var(--background-contrast-grey);
color: var(--text-title-grey);
}
.fr-notice__body {
position: relative;
padding: 0 2.5rem 0 2.5rem;
}
.fr-notice__body::before {
--icon-size: 1.5rem;
flex: 0 0 auto;
display: inline-block;
vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
background-color: currentColor;
width: var(--icon-size);
height: var(--icon-size);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
position: absolute;
left: 0;
}
.fr-notice__title {
position: relative;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 700;
}
.fr-notice .fr-btn--close {
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 2rem;
padding: 0.25rem 0.75rem;
overflow: hidden;
white-space: nowrap;
max-width: 2rem;
max-height: 2rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
position: absolute;
top: -0.25rem;
right: 1rem;
}
.fr-notice .fr-btn--close::before {
--icon-size: 1rem;
margin-left: 0;
margin-right: 0.5rem;
flex: 0 0 auto;
display: inline-block;
vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
background-color: currentColor;
width: var(--icon-size);
height: var(--icon-size);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-image: url("icons/system/close-line.svg");
mask-image: url("icons/system/close-line.svg");
content: "";
}
.fr-notice--info .fr-notice__body::before {
-webkit-mask-image: url("icons/system/fr--info-fill.svg");
mask-image: url("icons/system/fr--info-fill.svg");
content: "";
}
.fr-notice--info {
background-color: var(--background-contrast-info);
--idle: transparent;
--hover: var(--background-contrast-info-hover);
--active: var(--background-contrast-info-active);
color: var(--text-default-info);
}
/* Fin dsfr extract */
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%; opacity: 0.8 !important;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0; display:none !important;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxWrapper,#colorbox{overflow: visible;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(../_images/loading.gif) no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../_images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../_images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:-12px; right:-12px; display:block;z-index: 99999; background:url(../_images/fermer.png) no-repeat top center; width:27px; height:26px; text-indent:-9999px;}
#cboxClose:hover{background-image:url(../_images/fermer_hover.png)}
#cboxClose:active{background-image:url(../_images/fermer_active.png)}
#acceuil {
text-align: justify;
position: relative
}
#acceuil .imgFermer {
margin-top: 10px;
float: right;
margin-right: 5px;
background-image: url(../_images/fermer.png);
background-repeat: no-repeat
}
#acceuil .imgFermer.bf-page-rubrique .communiques #nbCommuniquesVH, .bf-page-rubrique .communiques #nbCommuniquesVH_fullscreenhover {
background-image: url(../_images/fermer_hover.png)
}
#acceuil .imgFermer:active {
background-image: url(../_images/fermer_active.png)
}
#acceuil #colonne1 {
float: left;
background-repeat: no-repeat;
background-color: #fff;
width: 312px;
height: 412px;
padding: 1px 1px 1px 7px;
margin-right: 10px;
}
#acceuil #colonne1 #fond img {
width: 311px;
height: 391px
}
#acceuil #colonne1 #block_superpose {
background-color: #eee;
color: #5a5b52;
height: 97px;
padding: 35px 25px 30px 25px;
position: relative;
top: -1px;
width: 261px
}
#acceuil #colonne1 #block_superpose h2 {
color: #009099;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
margin: 0 0 5px 0;
background: 0
}
#acceuil #colonne1 #block_superpose p {
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: normal;
margin: 0
}
#acceuil #colonne1 #block_superpose p i {
display: block;
margin: 0 0 10px 0
}
#acceuil #colonne1 #block_superpose ul {
margin: 0 0 0 13px
}
#acceuil #colonne1 #block_superpose li {
margin: 0;
color: #000091;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
list-style-image: url("../_images/puce_bleu.png");
padding: 5px 0 0
}
#acceuil #colonne1 #block_superpose li i {
font-style: italic;
font-weight: normal;
color: #5a5b52
}
#acceuil #colonne1 #block_superpose a {
text-decoration: none;
color: #000091
}
#acceuil #colonne1 #block_superpose a:hover {
text-decoration: underline;
color: #000091
}
#acceuil #colonne2 {
background-color: #fff;
background-repeat: no-repeat;
float: left;
height: 413px;
margin: 1px 0 0 0;
padding: 0 0 0 1px;
width: 403px;
position: relative
}
#acceuil #colonne2 #mapAccueil {
width: 390px
}
#acceuil #colonne2 #mapAccueil img {
width: 390px;
height: 300px
}
#acceuil #colonne2 #mapAccueil:hover {
cursor: pointer
}
#acceuil #colonne2 #infosTrafic {
background-color: #000091;
height: 81px;
padding: 17px 14px 11px 14px;
width: 362px;
position: absolute;
bottom: 14px;
color: #fff;
z-index: 999
}
#acceuil #colonne2 #infosTrafic h2 {
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 20px;
background: 0;
margin: 10px 0 0 0
}
#acceuil #colonne2 #infosTrafic a {
color: #FFCA00;
text-decoration: none;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
display: block;
margin: 5px 0 0 115px
}
#acceuil #colonne2 #infosTrafic a:hover {
text-decoration: underline
}
#acceuil #colonne2 #infosTrafic #heure {
margin: 35px 0 0 0;
font-size: 11px;
width: 100%
}
#acceuil #colonne2 #infosTrafic #lieu {
float: right
}
#acceuil .alerteCirculation, #acceuil .alerteMeteo {
display: none
}
#acceuil #conteneur_carousel {
height: 399px
}
#acceuil #colonne3 {
float: left;
width: 250px;
height: 413px
}
#acceuil #colonne3 .alerte {
height: 132px;
overflow: hidden
}
#acceuil #colonne3 .alerte .chapeauAlerte {
background-color: #FFCA00;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffb100',
endColorstr='#ffffeb00', GradientType=0);
height: 30px;
color: white;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 25px;
text-align: right;
padding: 10px 0 0 15px;
margin: 0 0 5px 0
}
#acceuil #colonne3 .alerte .chapeauAlerte .pictoAlerte {
float: left
}
#acceuil #colonne3 .alerte .chapeauAlerte div {
text-align: right;
padding: 0 10px 0 0
}
#acceuil #colonne3 .alerte .contenuAlerteAccueil {
padding: 5px 10px 0 15px;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5a5b52;
line-height: 14px;
text-align: left;
letter-spacing: 0
}
#acceuil #colonne3 .alerte .contenuAlerteAccueil .ensavoirplus {
color: #000091;
font-weight: bold
}
#black_popup {
background: #000;
position: fixed;
left: 0;
top: 0;
z-index: 10;
width: 100%;
height: 100%;
opacity: .80;
z-index: 9999
}
.span4:before,.span5:before,.span6:before,.span7:before,.span9:before,.span1-menuderoulant:before,.span6-menuderoulant:before,.span-menuHarmonisation:before
{
clear: both;
height: 1px
}
.span1-menuderoulant {
width: 190px;
float: left
}
.span3-contextuel {
width: 240px;
float: left
}
.span4 {
width: 455px;
float: left
}
.span6 {
width: 695px;
float: left
}
.span6-menuderoulant {
width: 505px;
float: left
}
.span6-menuderoulant #article {
top: 0 !important;
width: 98%;
}
.span-menuHarmonisation {
width: 100%;
float: left;
}
.span-menuHarmonisation {
border: none;
}
.span7 {
width: 796px;
float: left
}
.span5 {
width: 796px;
float: left
}
.span9 {
float: left
}
.page404 .span9 #article {
min-height: 350px
}
.titre-niveau-1 {
text-align: left;
clear: both;
font-size: 21px;
line-height: 17px;
font-weight: bold;
padding-top: 10px;
padding: 20px;
color: #838377;
background: 0;
margin-bottom: 0;
margin-top: 0;
padding-left: 0;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif
}
.bf-page-article #article {
min-height: 500px
}
.notes {
border-top: 1px solid #9f9f92
}
.notes .label {
font-weight: bold;
margin-bottom: 5px
}
#article {
position: relative;
top: 16px;
text-align: left;
background-color: #eee3;
padding-left: 19px;
padding-bottom: 20px;
padding-right: 19px;
padding-top: 21px;
border: 1px solid #eee;
}
#article .spip_documents {
width: auto;
margin: 0
}
#article img,#article .spip_documents {
max-width: 657px
}
#article li img,#article li .spip_documents {
max-width: 581px
}
#article li li img,#article li li .spip_documents {
max-width: 543px
}
#article .spip_documents_left {
margin-right: 0
}
#article .spip_documents_left img {
padding-right: 25px
}
#article .spip_documents_right {
margin-left: 0
}
#article .spip_documents_right img {
padding-left: 25px
}
#article .titre-niveau-2 {
background-color: #096789;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #fff;
padding: 5px 5px 5px 13px;
margin-top: 10px;
margin-bottom: 10px;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif
}
#article .titre-niveau-2 a {
text-decoration: none;
color: #fff
}
#article div object {
min-width: 400px;
min-height: 300px
}
#article .titre-niveau-3 {
font-size: .9em;
font-size: 14px;
color: #096789;
font-weight: bold;
text-decoration: none;
font-family: Marianne, Arial, Helvetica, sans-serif
}
#article .contenu {
width: 100%;
font-size: 1em
}
#article .sous-titre {
color: black;
margin-bottom: 5px;
font-weight: bold;
text-decoration: none;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif
}
#article .sous-titre a {
text-decoration: none;
color: black
}
#article .spip_documents_center {
clear: both;
display: block;
width: 100%;
text-align: center
}
.ombre-background-left {
position: absolute;
left: -15px;
width: 15px;
height: 100%
}
.ombre-background-right {
position: absolute;
right: -15px;
width: 15px;
height: 100%
}
#article .ombre-background-left,#article .ombre-background-right {
top: 0
}
.bf-imprimer-bouton {
float: right;
margin-right: 0;
margin-bottom: 10px;
width: 20px;
height: 20px;
background: url(../_images/print.png);
background-size: 20px;
}
#bf-body-vh .bf-imprimer-bouton {
display:none;
}
#bf-body-travaux .bf-imprimer-bouton, #bf-body-bouchons .bf-imprimer-bouton, #bf-body-zfe .bf-imprimer-bouton {
display:none;
}
.bf-imprimer-bouton+div {
clear: both
}
.rubrique-deroulant .container-full .page-article {
width: 100%
}
.rubrique-deroulant .container-full .page-article .bloc-full-size {
width: 762px
}
.rubrique-deroulant .container-full .page-article .bloc-full-size #article img,.rubrique-deroulant .container-full .page-article .bloc-full-size #article .spip_documents
{
max-width: 724px
}
.rubrique-deroulant .container-full .page-article .bloc-full-size #article li img,.rubrique-deroulant .container-full .page-article .bloc-full-size #article li .spip_documents
{
max-width: 648px
}
.rubrique-deroulant .container-full .page-article .bloc-full-size #article li li img,.rubrique-deroulant .container-full .page-article .bloc-full-size #article li li .spip_documents
{
max-width: 610px
}
.bf-imprimer-bouton:hover {
float: right;
margin-right: 0;
margin-bottom: 10px;
width: 20px;
height: 20px;
background: url(../_images/print_hover.png);
background-size: 20px;
}
.rubrique-default {
text-align: left
}
.rubrique-default .article-liste {
width: 940px
}
.rubrique-default .article-liste .contenu-article {
width: 930px
}
.article-liste {
border-bottom: solid #d8d8d8 1px;
margin-left: 19px;
margin-right: 19px;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
overflow: hidden
}
.article-liste .departements {
float: left;
padding-left: 20px;
width: 80px
}
.article-liste .departements .bloc-departement {
float: left;
width: 26px;
height: 27px;
padding-top: 9px;
padding-left: 10px;
color: white;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: #055773;
background-image: -moz-linear-gradient(top, #024c65, #096789);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#024c65),
to(#096789));
background-image: -webkit-linear-gradient(top, #024c65, #096789);
background-image: -o-linear-gradient(top, #024c65, #096789);
background-image: linear-gradient(to bottom, #024c65, #096789);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff024c65',
endColorstr='#ff096789', GradientType=0)
}
.article-liste .bf-imprimer-bouton {
right: 6px;
position: absolute
}
.article-liste .contenu-article {
float: left;
height: auto;
margin-left: 10px;
padding-right: 10px;
overflow: hidden
}
.article-liste .contenu-article h3 {
color: #096789;
background: 0;
font-weight: bold;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 14px;
margin-bottom: 10px;
margin-left: 0;
margin-top: 0
}
.article-liste .contenu-article iframe,.article-liste .contenu-article object
{
margin: 0 auto;
display: block;
max-width: 600px
}
.article-liste .contenu-article .texte {
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
color: #3e3e3e
}
.article-liste .contenu-article .open {
height: auto;
overflow: visible
}
.article-liste .contenu-article .close {
max-height: 200px
}
.article-liste .contenu-article p {
margin-left: 0
}
.article-liste .contenu-article li {
margin-left: 20px;
list-style-type: square;
color: #096789
}
.article-liste .contenu-article .spip_documents {
max-width: 875px
}
.article-liste .contenu-article .spip_documents img {
max-width: 875px
}
.article-liste .contenu-article object {
min-width: 400px;
min-height: 150px
}
.article-liste .show-more {
margin-top: 10px;
margin-left: 10px;
display: block;
clear: both;
position: relative;
z-index: 100
}
#popupErreur {
margin: 0 0 0 40px;
color: red;
width: auto;
height: 40px;
display: none
}
#autre-date {
min-height: 500px;
text-align: left
}
#autre-date .header-search {
margin-top: 8px;
padding-top: 22px;
min-height: 78px;
font-family: Marianne, Arial, Helvetica, sans-serif;
border: 1px solid #eee;
}
#autre-date .header-search #champObligatoire {
float: right;
font-style: italic;
margin-right: 40px;
margin-top: -10px;
margin-bottom: 10px
}
#autre-date .header-search h4 {
margin-top: 0;
font-size: 13px;
color: #3e3e3e;
margin-left: 36px;
margin-bottom: 5px;
font-weight: normal
}
#autre-date .header-search .stars {
color: red
}
#autre-date .header-search .bloc-search {
padding-left: 36px;
padding-right: 30px;
padding-bottom: 20px
}
#autre-date .header-search .bloc-search .localisation {
float: left;
border-right: solid 1px #9f9f92;
padding-right: 10px;
}
#autre-date .header-search .bloc-search .localisation #sai-region {
float: left;
width: 200px;
height: 29px;
margin: 0 7px 0 0
}
#autre-date .header-search .bloc-search .localisation #sai-region:hover
{
cursor: pointer
}
#autre-date .header-search .bloc-search .localisation #sai-departement {
text-align: center;
float: left;
width: 110px;
height: 18px;
margin: 0 7px 0 0;
padding-right: 3px
}
#autre-date .header-search .bloc-search .localisation #sai-departement:hover
{
cursor: pointer
}
#autre-date .header-search .bloc-search .localisation .gris {
color: #707070
}
#autre-date .header-search .bloc-search .date {
float: left;
width: 200px;
height: 24px;
font-size: 11px;
padding-left: 10px
}
#autre-date .header-search .bloc-search .date .sai-date {
float: left;
width: 100px;
margin: 0 7px 0 0;
}
#autre-date .header-search .bloc-search .date .sai-date:hover {
cursor: pointer
}
#autre-date .header-search .bloc-search .date .ui-datepicker-trigger {
float: left;
width: 24px;
height: 24px;
background-image: url("../_images/calendar_icon.png")
}
#autre-date .header-search .bloc-search .date .ui-datepicker-trigger:hover
{
background-image: url("../_images/calendar_icon_hover.png");
cursor: pointer
}
#autre-date .header-search .bloc-search button:hover {
cursor: pointer
}
#autre-date .header-search .bloc-search #bloc-bouton-filtrer {
float: left;
padding-left: 15px;
}
.cacher-filtres {
display: none !important;
}
#autre-date .header-search .bloc-search #bouton-filtrer {
height: 25px;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
background-image: -moz-linear-gradient(top, #009090, #004848);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009090),
to(#004848));
background-image: -webkit-linear-gradient(top, #009090, #004848);
background-image: -o-linear-gradient(top, #009090, #004848);
background-image: linear-gradient(to bottom, #009090, #004848);
background-repeat: repeat-x;
border: none;
border-radius: 5px;
}
#autre-date .header-search .bloc-search #bouton-filtrer:hover {
background-image: -moz-linear-gradient(top, #004848, #009090);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004848),
to(#009090));
background-image: -webkit-linear-gradient(top, #004848, #009090);
background-image: -o-linear-gradient(top, #004848, #009090);
background-image: linear-gradient(to bottom, #004848, #009090);
}
#autre-date .header-search .bloc-search #bloc-filtre-resultat {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
#autre-date #bloc-filtre-resultat form {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-left: 16px;
padding-right: 16px;
padding-top: 10px;
padding-bottom: 10px;
}
#autre-date #bloc-filtre-resultat .bloc-filtre-check {
display: flex ;
align-items: center;
width: 100px;
margin-right: 16px;
}
#autre-date #bloc-filtre-resultat .bloc-filtre-check label {
margin-top: 0px !important;
margin-left: 10px;
}
#autre-date .header-search .bloc-search button:hover {
cursor: pointer
}
#autre-date .header-search .bloc-search .submit {
float: right;
font-size: 11px
}
#autre-date .header-search .bloc-search .submit button {
margin-right: 0;
padding: 3px 23px;
float: right;
border: none;
}
#autre-date .header-search .bloc-search label {
float: left;
font-weight: normal;
font-size: 12px;
margin-right: 7px;
margin-top: 5px
}
#autre-date .bandeau-top {
margin: 0;
color: #444;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: #eee;
font-size: 16px;
padding: 5px 5px 5px 40px;
min-height: 16px
}
#autre-date .bloc-region {
padding-left: 25px;
padding-right: 25px
}
#autre-date .bloc-region .libelle-region {
float: left;
display: block;
font-weight: bold;
padding: 5px 40px;
margin-top: 7px;
margin-left: -33px;
font-size: 12px;
position: relative;
color: #fff;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
Direction=145, Strength=3);
background-color: #009090;
border-radius: 3px;
}
#autre-date .bloc-region .article {
margin-top: 20px;
padding-bottom: 20px;
border-bottom: solid 1px #eae8e4
}
#autre-date .bloc-region .article .contenu-article {
float: left;
display: block;
width: 630px;
margin-left: 10px
}
#autre-date .bloc-region .article .contenu-article h3,#autre-date .bloc-region .article .contenu-article p
{
margin-left: 0
}
#autre-date .bloc-region .article .contenu-article h3 {
margin-top: 0
}
#autre-date .liste-departement {
float: left;
padding-left: 20px;
width: 80px;
min-height: 30px
}
#autre-date .liste-departement span {
font-size: 14px;
float: left;
width: 25px;
height: 26px;
margin: 1px;
padding-top: 9px;
padding-left: 10px;
color: white;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: #009090;
border-radius: 2px;
}
#autre-date .statut {
float: right
}
#autre-date .statut .bloc-statut {
margin-bottom: 10px;
width: 180px;
height: auto;
}
#autre-date .statut .bloc-statut h4 {
color: #3e3e3e;
font-weight: normal;
font-size: 14px
}
#autre-date .statut .bloc-statut .titre, #autre-date .statut .bloc-statut .detail
{
width: 180px;
height: 41px;
display: block;
background-color: #ddd;
border-radius: 3px;
}
#autre-date .statut .bloc-statut .titre span,#autre-date .statut .bloc-statut .detail span
{
margin: 3px 7px 0 7px
}
#autre-date .statut .bloc-statut .detail {
height: auto;
background-color: #f2f1ef;
background-image: -moz-linear-gradient(top, #eae8e4, #fff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eae8e4),
to(#fff));
background-image: -webkit-linear-gradient(top, #eae8e4, #fff);
background-image: -o-linear-gradient(top, #eae8e4, #fff);
background-image: linear-gradient(to bottom, #eae8e4, #fff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeae8e4',
endColorstr='#ffffffff', GradientType=0)
}
#autre-date .statut .bloc-statut .detail .line-detail {
min-height: 33px
}
#autre-date .statut .bloc-statut .detail .line-detail img {
max-height: 20px;
max-width: 20px;
margin-top: 4px
}
#autre-date .statut .bloc-statut .detail .line-detail .uniquement-jour {
background-image: url('../_images/uniquement_jour.png')
}
#autre-date .statut .bloc-statut .detail .line-detail .uniquement-nuit {
background-image: url('../_images/uniquement_nuit.png')
}
#autre-date .statut .bloc-statut .detail .line-detail .hors-wk-jours-feries
{
background-image: url('../_images/hors-we-jours-feries.png')
}
#autre-date .statut .bloc-statut .detail .line-detail .wk-jours-feries {
background-image: url('../_images/we-jours-feries.png')
}
#autre-date .statut .bloc-statut .detail .line-detail .poids-lourds {
background-image: url('../_images/truck.png')
}
#autre-date .statut .bloc-statut .detail .line-detail .uniquement-jour,#autre-date .statut .bloc-statut .detail .line-detail .poids-lourds,#autre-date .statut .bloc-statut .detail .line-detail .hors-wk-jours-feries,#autre-date .statut .bloc-statut .detail .line-detail .uniquement-nuit,#autre-date .statut .bloc-statut .detail .line-detail .wk-jours-feries
{
min-height: 22px;
min-width: 22px;
max-height: 23px;
max-width: 23px;
margin-top: 4px;
display: block;
float: left;
margin: 5px;
background-repeat: no-repeat
}
#autre-date .statut .bloc-statut img {
float: left;
margin-right: 5px;
margin-left: 5px;
max-height: 30px;
max-width: 30px
}
#autre-date .statut .bloc-statut h4 {
margin: 0;
margin-top: 14px;
float: left;
font-weight: bold;
font-size: 15px;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
width: 70%;
padding-left: 5px
}
#autre-date .statut .bloc-statut .accident {
background-image: url('../_images/accident.png')
}
#autre-date .statut .bloc-statut .etat-routes {
background-image: url('../_images/condition_circulation.png')
}
#autre-date .statut .bloc-statut .travaux {
background-image: url('../_images/travaux.png')
}
#autre-date .statut .bloc-statut .coupure {
background-image: url('../_images/coupure.png')
}
#autre-date .statut .bloc-statut .equip-obligatoires {
background-image: url('../_images/equip_obligatoires.png')
}
#autre-date .statut .bloc-statut .interdiction-pl {
background-image: url('../_images/interdiction_pl.png')
}
#autre-date .statut .bloc-statut .meteo {
background-image: url('../_images/meteo.png')
}
#autre-date .statut .bloc-statut .restriction {
background-image: url('../_images/restriction.png')
}
#autre-date .statut .bloc-statut .obstacle {
background-image: url('../_images/obstacle.png')
}
#autre-date .statut .bloc-statut .mesure-gestion-trafic {
background-image: url('../_images/mesure_gestion_trafic.png')
}
#autre-date .statut .bloc-statut .intemperies {
background-image: url('../_images/intemperies.png')
}
#autre-date .statut .bloc-statut .information {
background-image: url('../_images/information.png')
}
#autre-date .statut .bloc-statut .incident {
background-image: url('../_images/incident.png')
}
#autre-date .statut .bloc-statut .bouchons {
background-image: url('../_images/bouchons.png')
}
#autre-date .statut .bloc-statut .bouchon {
background-image: url('../_images/bouchons.png')
}
#autre-date .statut .bloc-statut .manifestation {
background-image: url('../_images/manifestation.png')
}
#autre-date .statut .bloc-statut .restrictions-temporaires {
background-image: url('../_images/restrictions_temporaires.png')
}
#autre-date .statut .bloc-statut .pollution {
background-image: url('../_images/pollution.png')
}
#autre-date .statut .bloc-statut .jour-colore {
background-image: url('../_images/jour-colore.png')
}
#autre-date .statut .bloc-statut .enlevement {
background-image: url('../_images/enlevement.png')
}
#autre-date .statut .bloc-statut .travaux,#autre-date .statut .bloc-statut .etat-routes,#autre-date .statut .bloc-statut .evenement,#autre-date .statut .bloc-statut .barriere-degel,#autre-date .statut .bloc-statut .accident,#autre-date .statut .bloc-statut .meteo,#autre-date .statut .bloc-statut .restriction,#autre-date .statut .bloc-statut .obstacle,#autre-date .statut .bloc-statut .mesure-gestion-trafic,#autre-date .statut .bloc-statut .intemperies,#autre-date .statut .bloc-statut .information,#autre-date .statut .bloc-statut .incident,#autre-date .statut .bloc-statut .bouchons,#autre-date .statut .bloc-statut .bouchon,#autre-date .statut .bloc-statut .manifestation,#autre-date .statut .bloc-statut .enlevement,#autre-date .statut .bloc-statut .restrictions-temporaires,#autre-date .statut .bloc-statut .pollution,#autre-date .statut .bloc-statut .jour-colore,#autre-date .statut .bloc-statut .coupure,#autre-date .statut .bloc-statut .equip-obligatoires,#autre-date .statut .bloc-statut .interdiction-pl
{
height: 33px;
width: 31px;
display: block;
float: left;
margin-top: 2px;
background-repeat: no-repeat;
background-size: 100%
}
#autre-date .jaune,#autre-date .bleu {
width: auto;
font-weight: bold;
font-size: 18px;
padding: 5px 0 5px 10px;
margin-bottom: 10px
}
#autre-date .jaune {
color: #3e3e3e;
background-color: #ffd400;
background-image: -moz-linear-gradient(top, #ffeb00, #ffb100);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffeb00),
to(#ffb100));
background-image: -webkit-linear-gradient(top, #ffeb00, #ffb100);
background-image: -o-linear-gradient(top, #ffeb00, #ffb100);
background-image: linear-gradient(to bottom, #ffeb00, #ffb100);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffeb00',
endColorstr='#ffffb100', GradientType=0)
}
#autre-date .bleu {
color: #fff;
background-color: #1d7fa1;
background-image: -moz-linear-gradient(top, #0f6f91, #3196ba);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0f6f91),
to(#3196ba));
background-image: -webkit-linear-gradient(top, #0f6f91, #3196ba);
background-image: -o-linear-gradient(top, #0f6f91, #3196ba);
background-image: linear-gradient(to bottom, #0f6f91, #3196ba);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0f6f91',
endColorstr='#ff3196ba', GradientType=0)
}
#autre-date .pagination {
float: right;
margin-right: 15px
}
#autre-date .pagination a {
color: #fff;
margin: 0 5px 0 5px;
font-size: 16px
}
#autre-date .pagination .actif {
background: 0;
color: #9f9f92
}
#autre-date .pagination .actif:hover {
text-decoration: none;
cursor: default
}
#autre-date .unElement {
width: 600px;
clear: both;
float: right;
position: relative;
padding: 0 0 10px 20px
}
#autre-date .no-result {
text-align: center;
padding-top: 20px;
width: 400px;
margin: auto;
clear: both;
font-weight: bold
}
#autre-date .litte_arrow {
width: 0;
height: 0;
position: absolute;
left: 0;
top: 17px;
border: 5px solid transparent;
border-left-color: #096789
}
#autre-date .litte_arrow_actif {
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #096789
}
#autre-date .pieceJointe {
margin-top: 5px;
clear: both
}
#autre-date .pieceJointe a {
display: inline;
width: 100%
}
.flexContainer {
width: 1200px;
margin: 0 auto;
display : flex;
}
.bandeau-accueil .bloc-vignette {
width: 334px;
padding-inline: 4px;
float: left;
}
.bloc-vignette .vignette {
width: 100%;
border-radius: 10px;
border: 1px solid #ddd;
background-color: #fff;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden;
}
.img-vignette {
height: 334px;
width: 334px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
box-shadow: 2px 2px 10px 2px #0002;
}
.img-vignette img {
max-height: 100%;
background-color: #fff;
}
.img-vignette h3 {
color: #009090;
font-size: 14px;
text-align: left;
}
.img-vignette p {
text-align: left;
}
.bloc-text-vignette {
width: 100%;
height: 130px;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 12px;
margin-bottom: 24px;
}
.titre-vignette {
height: 34px;
font-size: 16px;
}
.intro-vignette {
width: 90%;
padding-inline: 12px;
line-height: 20px;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
}
.lien-actu {
text-decoration: none !important;
}
.btn-lien-actu {
text-decoration: none;
background-color: #ffca00;
padding: 8px;
padding-inline: 20px;
color: #000;
border-radius: 5px;
box-shadow: 1px 2px 5px 1px #0003
}
.btn-lien-actu:hover {
text-decoration: none;
box-shadow: none;
color: #444;
}
.btn-lien-actu:active {
text-decoration: none;
color: #777;
box-shadow: inset 1px 2px 5px 1px #0003
}
.mainButtons{
width : 40px;
display: flex;
align-items: center;
}
#Bt_right {
height: 40px;
width: 40px;
background-image: url(../_images/next.png);
background-color : transparent;
background-repeat : no-repeat;
background-size: 40px;
border: none;
}
#Bt_right:hover, #Bt_right:active {
background-image: url(../_images/next_hover.png)
}
#Bt_left {
height: 40px;
width: 40px;
background-image: url(../_images/previous.png);
background-color : transparent;
background-repeat : no-repeat;
background-size: 40px;
border: none;
}
#Bt_left:hover, #Bt_left:active {
background-image: url(../_images/previous_hover.png)
}
.bandeau-h {
width: 1600px;
height: 241px;
margin-top: 20px;
padding: 0;
margin-bottom: 0;
background-color: #e7e7e4;
background-image: -moz-linear-gradient(top, #e0e1dc, #f1f1ef);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0e1dc),
to(#f1f1ef));
background-image: -webkit-linear-gradient(top, #e0e1dc, #f1f1ef);
background-image: -o-linear-gradient(top, #e0e1dc, #f1f1ef);
background-image: linear-gradient(to bottom, #e0e1dc, #f1f1ef);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0e1dc',
endColorstr='#fff1f1ef', GradientType=0);
text-align: left;
font-size: 12px;
font-family: Marianne, Arial, Helvetica, sans-serif;
position: absolute;
top:0;
left:0;
display: flex;
justify-items: center;
align-items: center;
}
.bandeau-h .title,.bandeau-h h3 {
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 20px;
color: #3e3e3e;
margin: 15px 0 13px 0
}
.bandeau-h .bloc1 {
height: 191px;
width: 280px;
margin: 0;
padding: 13px 20px 13px 41px;
float: left
}
.separator{
height: 167px;
width: 0;
margin: 25px 0 25px 0;
float: left;
border-left: solid 1px #c6c7bf;
border-right: solid 1px #f3f4f2
}
.bandeau-h .bloc2 {
height: 191px;
width: 252px;
margin: 0;
padding: 13px 20px 13px 20px;
float: left
}
.bandeau-h .bloc4 {
height: 191px;
width: 252px;
margin: 0;
padding: 13px 20px 13px 41px;
float: left
}
.bandeau-h .bloc1 .edito-image,.bandeau-h .bloc2 .edito-image,.bandeau-h .bloc4 .edito-image {
display: block;
margin: 0;
text-align: center
}
.bandeau-h .bloc1 .edito-image img,.bandeau-h .bloc2 .edito-image img,.bandeau-h .bloc4 .edito-image img {
max-width: 190px;
max-height: 190px
}
.bandeau-h .separator {
height: 167px;
width: 0;
margin: 25px 0 25px 0;
float: left;
border-left: solid 1px #c6c7bf;
border-right: solid 1px #f3f4f2
}
.bandeau-h .bloc-large {
height: 191px;
width: 350px;
padding: 13px 41px 13px 20px;
margin: 0;
float: left
}
.bandeau-h .bloc-large .edito-riche .img-part {
width: 143px
}
.bandeau-h .bloc-large .edito-riche .img-part img {
max-width: 143px;
max-height: 143px
}
.bandeau-h .bloc-large .edito-riche .text-part {
width: 197px
}
.bandeau-h .bloc-doubleimg {
height: 190px;
width: 390px;
padding: 13px 26px 13px 0;
margin: 0;
float: left
}
.bandeau-h .bloc-doubleimg .edito-image {
width: 190px;
height: 190px;
float: left
}
.bandeau-h .bloc-doubleimg .edito-image img {
max-width: 190px;
max-height: 190px;
margin: auto
}
.bandeau-h .bloc-doubleimg .spacer {
float: left;
width: 10px;
height: 190px
}
.bandeau-h .edito-riche,.bandeau-h .edito-simple {
height: 161px
}
.bandeau-h .edito-riche .img-part {
float: left;
width: 85px
}
.bandeau-h .edito-riche .img-part img {
max-width: 85px;
max-height: 85px
}
.bandeau-h .edito-riche .text-part {
float: left;
width: 157px;
padding-left: 10px
}
.contenu-ctx-vertical {
width: 240px;
float: right;
margin-top: 25px
}
.contenu-ctx-vertical .edito {
width: 240px;
display: block;
margin-bottom: 14px;
text-align: left
}
.contenu-ctx-vertical .edito h3 {
color: #3e3e3e;
line-height: 18px;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
margin: 0 0 15px 0
}
.contenu-ctx-vertical .edito p {
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3e3e3e
}
.contenu-ctx-vertical .edito-riche,.contenu-ctx-vertical .edito-simple,.contenu-ctx-vertical .edito-surtitre
{
background-color: #ecedeb;
background-image: -moz-linear-gradient(top, #e0e1dd, #fff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0e1dd),
to(#fff));
background-image: -webkit-linear-gradient(top, #e0e1dd, #fff);
background-image: -o-linear-gradient(top, #e0e1dd, #fff);
background-image: linear-gradient(to bottom, #e0e1dd, #fff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0e1dd',
endColorstr='#ffffffff', GradientType=0);
border: solid 1px #eeefea
}
.contenu-ctx-vertical .edito-riche,.contenu-ctx-vertical .edito-simple {
padding: 18px 20px 18px 20px
}
.contenu-ctx-vertical .edito-riche img {
max-width: 85px;
max-height: 85px;
float: left;
margin: 0 10px 10px 0
}
.contenu-ctx-vertical .edito-image {
padding: 26px;
background-color: #e2e2e0;
text-align: center
}
.contenu-ctx-vertical .edito-image a {
margin: auto
}
.contenu-ctx-vertical .edito-image img {
max-width: 190px;
max-height: 190px;
margin: auto
}
.contenu-ctx-vertical .edito-surtitre {
padding-bottom: 18px
}
.contenu-ctx-vertical .edito-surtitre .spip_documents {
margin: 0
}
.contenu-ctx-vertical .edito-surtitre img {
max-width: 198px
}
.contenu-ctx-vertical .edito-surtitre h3 {
color: white;
font-weight: normal;
font-size: 14px;
line-height: 15px;
background-color: #2487aa;
background-image: -moz-linear-gradient(top, #3299bc, #0e6c8f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3299bc),
to(#0e6c8f));
background-image: -webkit-linear-gradient(top, #3299bc, #0e6c8f);
background-image: -o-linear-gradient(top, #3299bc, #0e6c8f);
background-image: linear-gradient(to bottom, #3299bc, #0e6c8f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3299bc',
endColorstr='#ff0e6c8f', GradientType=0);
padding: 13px 20px 13px 20px
}
.contenu-ctx-vertical .edito-surtitre .textBandeau {
padding: 0 20px 0 20px
}
.contenu-ctx-vertical .edito-surtitre .show-more-vignette,.contenu-ctx-vertical .edito-surtitre .tipi-flow
{
padding: 0 20px 0 20px
}
.contenu-ctx-vertical .edito-surtitre ul {
padding: 0 15px 0 15px
}
.contenu-ctx-vertical .edito-surtitre ul li {
margin-bottom: 5px;
margin-left: 13px;
list-style-type: square;
color: #096789
}
#colonne3 a.lien_vignette_carousel {
position: absolute;
width: 249px;
height: 133px;
top: 0;
left: 0
}
.bf-accueil #conteneur_carousel .edito-riche {
padding: 10px 10px 10px 15px;
height: 112px
}
.bf-accueil #conteneur_carousel .edito-riche .info_actus p {
width: auto;
clear: both
}
.bf-accueil #conteneur_carousel .edito-riche .logo_actu {
float: left
}
.bf-accueil #conteneur_carousel .edito-riche .logo_actu img {
max-width: 40px;
max-height: 40px;
margin-right: 5px;
display: inline-block
}
.bf-accueil #conteneur_carousel .edito-riche .logo_actu h2 {
display: inline-block;
max-width: 170px
}
#conteneur_carousel {
height: 267px;
overflow: hidden;
position: relative
}
#conteneur_carousel p {
margin-left: 10px
}
#conteneur_carousel .vignette_carousel {
border-bottom: 1px solid #9f9f92
}
#conteneur_carousel a:hover {
text-decoration: none
}
#conteneur_carousel .conseils {
background-color: #000091;
float: left;
clear: both;
padding: 23px 0 22px 10px;
height: 87px;
text-align: left;
top: 0
}
#conteneur_carousel .conseils .gauche {
float: left;
width: 111px;
color: #fff;
margin-right: 10px;
font-size: 11px
}
#conteneur_carousel .conseils .gauche h2 {
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #FFCA00;
padding: 0;
margin-top: 0;
margin-bottom: 5px;
background: 0
}
#conteneur_carousel .conseils .gauche a {
text-decoration: none;
color: #fff;
font-weight: normal;
font-size: 11px
}
#conteneur_carousel .conseils .gauche a:hover {
text-decoration: none
}
#conteneur_carousel .conseils .gauche p {
margin: 0;
color: #fff;
font-size: 11px
}
#conteneur_carousel .conseils .gauche ul {
margin-left: 0;
list-style-image: url("../_images/puce_orange.png");
padding: 0 0 0 11px;
font-family: Marianne, Arial, Helvetica, sans-serif
}
#conteneur_carousel .conseils .gauche ul li {
margin-left: 0;
color: #000091;
font-size: 11px
}
#conteneur_carousel .conseils .gauche img {
max-width: 100px;
max-height: 50px
}
#conteneur_carousel .conseils .gauche .conseils_txt h2,#conteneur_carousel .conseils .gauche .conseils_txt h3,#conteneur_carousel .conseils .gauche .conseils_txt h4,#conteneur_carousel .conseils .gauche .conseils_txt h5
{
margin: 0;
padding: 0;
font-size: 12px
}
#conteneur_carousel .conseils .photo_droite {
float: left;
margin-top: -22px
}
#conteneur_carousel .conseils .photo_droite span {
background-image: url(../_images/plus.png);
background-size: 100% 93%;
height: 130px;
width: 28px;
display: block;
position: absolute;
margin-left: -13px
}
#conteneur_carousel .conseils .photo_droite img {
border: 0;
width: 118px;
height: 130px;
display: block
}
#conteneur_carousel .autres_actus {
display: block;
float: left;
width: 225px;
height: 112px;
background-color: #eee;
padding: 10px 10px 10px 15px;
text-align: left;
overflow: hidden;
top: 0
}
#conteneur_carousel .autres_actus .info_actus {
float: left
}
#conteneur_carousel .autres_actus .info_actus h2 {
width: 175px;
font-weight: bold;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #5a5b52;
margin: 0 0 5px 0;
padding: 0;
background: 0
}
#conteneur_carousel .autres_actus .info_actus p {
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 175px;
color: #5a5b52;
line-height: 14px;
margin: 0
}
#conteneur_carousel .autres_actus .info_actus p a {
color: #000091;
text-decoration: none
}
#conteneur_carousel .autres_actus .info_actus p a:hover {
text-decoration: none
}
#conteneur_carousel .edito-simple .info_actus h2 {
width: 225px
}
#conteneur_carousel .edito-simple .info_actus p {
width: 225px
}
#carrousel_nav {
width: 250px;
height: 17px
}
#carrousel_nav a.left {
float: left;
width: 125px;
height: 17px;
background-image: url(../_images/up.png)
}
#carrousel_nav a.left:hover {
background-image: url(../_images/up-hover.png)
}
#carrousel_nav a.left:active {
background-image: url(../_images/up-active.png)
}
#carrousel_nav a.right {
float: left;
width: 125px;
height: 17px;
background-image: url(../_images/down.png)
}
#carrousel_nav a.right:hover {
background-image: url(../_images/down-hover.png)
}
#carrousel_nav a.right:active {
background-image: url(../_images/down-active.png)
}
.formulaire-contact #article {
min-height: 400px
}
.formulaire-contact .stars {
color: #e84a0c;
font-weight: bold
}
.formulaire-contact label {
font-size: 12px
}
.formulaire-contact .fieldset {
margin-bottom: 5px
}
.formulaire-contact .champ-obligatoire {
margin-top: -14px;
float: right
}
.formulaire-contact .champ-obligatoire .texte {
font-style: italic
}
.formulaire-contact #user-mail {
width: 254px;
}
.formulaire-contact #objet {
width: 254px;
}
.formulaire-contact #submit-button {
float: right
}
.formulaire-contact #message {
width: 385px;
min-height: 85px;
}
.formulaire-contact #phraseInformativeText {
font-size: 9px
}
.formulaire-contact #textCode {
position: relative;
top: -33px
}
.formulaire-contact #textSecurity {
position: relative;
top: -33px;
left: 205px;
width: 230px
}
.formulaire-contact #textCaptcha {
position: relative;
top: -35px;
left: -1px;
}
.formulaire-contact #phraseInformativeText {
position: relative;
top: -35px
}
.formulaire-contact #erreurMail {
margin: 0;
position: relative;
left: 20px;
display: none;
color: red
}
.formulaire-contact #erreurCaptcha {
margin: 0;
position: relative;
display: none;
width: 465px;
top: -87px;
left: 178px;
color: red
}
.formulaire-contact #erreurMessage {
margin: 0;
position: relative;
display: none;
left: 20px;
color: red
}
.formulaire-contact #messageErreur {
display: none;
text-align: center;
padding: 24px 0 0 0;
margin: 0 0 20px 0;
height: 40px;
width: 653px;
border: 2px solid red;
color: red;
background-color: #ffd0bd
}
.formulaire-contact #messageSucces {
display: none;
text-align: center;
padding: 24px 0 0 0;
margin: 0 0 20px 0;
height: 40px;
width: 100%;
background-color: #d0e09d;
color: green;
border: 2px solid green
}
.formulaire-contact input[type=text],.formulaire-contact textarea {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
outline: 0;
padding: 3px 0 3px 3px;
margin: 5px 1px 3px 0;
border: 1px solid #ddd
}
.formulaire-contact input[type=text]:focus,.formulaire-contact textarea:focus,.formulaire-contact #objet:focus,.formulaire-contact #user-mail:focus,.formulaire-contact #message:focus,.formulaire-contact #textCaptcha:focus
{
border: 2px inset #ee860b
}
.faq #article {
min-height: 500px
}
.faq #article h3 {
cursor: pointer;
padding-right: 30px;
position: relative
}
.faq #article h3 .close,.faq #article h3 .open {
display: block;
width: 0;
height: 0;
float: right;
border: 8px solid #fff;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent
}
.faq #article h3 .accordion-arrow {
position: absolute;
right: 20px;
top: 5px
}
.faq #article h3 .close {
border-left-color: #fff;
margin-right: -14px;
margin-top: 1px
}
.faq #article h3 .open {
border-top-color: #fff;
margin-right: -10px;
margin-top: 5px
}
.faq #article .titre-question {
margin-bottom: 0
}
.faq #article .reponse-question {
padding-top: 17px;
position: relative
}
.faq #article .reponse-question .bf-imprimer-bouton {
right: 0;
top: 13px;
position: absolute
}
.bf-page-faq .contenu-ctx-vertical {
margin-top: 0
}
.module:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden
}
* html .module {
height: 1%;
overflow: visible
}
*+html .module {
min-height: 1%
}
.breadCrumb {
margin: 0;
padding: 0;
float: left;
display: block;
padding: 5px;
padding-left: 0;
text-align: left;
font-family: Marianne, Arial, Helvetica, sans-serif
}
.breadCrumb ul {
margin: 0;
padding: 0;
display: block;
margin-left: 0
}
.breadCrumb ul li {
display: block;
float: left;
position: relative;
color: #909090;
line-height: 21px;
font-weight: normal;
margin: 0 6px 0 0;
padding: 0 10px 0 0;
font-size: 14px;
background: url(../_images/fil-ariane-chevron.png) no-repeat 100% 7px
}
.breadCrumb ul li div.chevronOverlay {
position: absolute;
right: 0;
top: 0;
z-index: 2
}
.breadCrumb ul li span {
display: block
}
.breadCrumb ul li .no-link {
cursor: default;
color: #3e3e3e
}
.breadCrumb ul li .no-link:hover {
color: #3e3e3e
}
.breadCrumb ul li a {
display: block;
position: relative;
font-size: 14px;
line-height: 21px;
text-decoration: none;
color: #3e3e3e;
font-weight: normal;
float: left
}
.breadCrumb ul li a:hover {
text-decoration: none;
color: #000091;
font-weight: bold;
}
.breadCrumb ul li.last {
background: 0;
margin-right: 0;
padding-right: 0
}
.chevronOverlay {
display: none;
background: url(../_images/fil-ariane-chevron.png) no-repeat 100% 7px;
width: 13px;
height: 20px
}
.last a {
color: #909090
}
body .footer {
background-color: #fff;
text-align: left;
padding: 0 0 5px 0;
position: relative;
margin-top : 20px;
margin-bottom: 20px;
}
body .footer ul {
margin-left: 0
}
body .footer ul li {
margin-left: 0
}
body .footer .bf-ombre {
display: block;
margin: 0 auto;
margin-left: -15px;
width: 980px
}
body .footer .menus-footer {
min-height: 135px;
padding-top: 20px;
padding-left: 32px;
border-top: 2px solid #FFCA00;
}
body .footer .menus-footer div {
color: #fff;
float: left;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-left: 14px;
padding-right: 22px;
margin-left: 0;
height: 100%;
width: 207px;
border-right: 1px solid #ffca00;
}
body .footer .menus-footer div ul {
background: 0;
padding-left: 0;
margin-left: 0;
min-height: 0
}
body .footer .menus-footer div h3 {
color: #000;
font-size: 18px;
margin-bottom: 20px;
margin-left: 0;
margin-top: 0;
background: 0;
font-weight: normal;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif
}
body .footer .menus-footer div li {
margin-left: 0;
margin-bottom: 8px
}
body .footer .menus-footer div li a {
color: #000091;
text-decoration: none;
font-size: 14px;
font-weight: normal;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif
}
body .footer .menus-footer div li a:hover {
color: #000091;
text-decoration: underline
}
body .footer .menus-footer #footer-info {
background: 0
}
body .footer .menus-footer #sites_gouv {
min-height: 135px;
margin-bottom: 0;
margin-left: -2px;
padding-left: 16px;
border: none;
}
body .footer .menus-footer #sites_gouv h3 {
margin-bottom: 10px
}
body .footer .menus-footer #sites_gouv li {
margin-left: 0;
height: 35px;
margin-bottom: 0;
background: url("../_images/gouv.png") 0 0 no-repeat;
padding-left: 45px;
margin-left: 5px
}
body .footer .menus-footer #sites_gouv a {
line-height: 11px;
display: block;
padding-top: 10px
}
body .footer .menus-footer #sites_gouv .gouvernement {
background-position: 0 0
}
body .footer .menus-footer #sites_gouv .legifrance {
background-position: 0 -35px
}
body .footer .menus-footer #sites_gouv .service-public {
background-position: 0 -70px
}
body .footer .menus-footer #sites_gouv .france {
background-position: 0 -105px
}
body .footer .menus-footer #sites_gouv .securite-routiere {
background-position: 0 -140px
}
body .footer .menus-footer #sites_gouv .meteo-france {
background-position: 0 -175px
}
body .footer .menus-footer #sites_gouv .developpement-durable {
background-position: 0 -210px
}
.footer-container .footer-bottom {
text-align: center;
margin-bottom: 20px;
}
.footer-container .footer-bottom #copyright {
margin-top: 29px
}
.footer-container .footer-bottom .lien-mobile {
color: 000091;
font-weight: normal;
font-style: italic
}
.footer-container .footer-bottom .lien-mobile:hover {
color: #777
}
.footer-container .footer-bottom #iregie {
display: block;
margin-top: 30px
}
.footer-container .logo-mariane {
text-align: center;
margin-top: 20px
}
.footer-container .logo-mariane img {
max-width: 500px
}
.degrade #copyright {
text-align: center;
float: none;
position: relative;
bottom: -6px;
left: 0
}
body {
width: 100%;
margin: 0 auto;
text-align: center;
font-family: Marianne, Arial, Helvetica, sans-serif;
min-width: 1024px
}
h1 {
text-align: left;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 20px;
color: #009099;
margin-bottom: 20px
}
.container {
width: 1024px;
margin: 0 auto
}
#bandeauCarousel{
width: 1024px;
overflow: hidden;
}
.full {
width: 990px;
margin: 0 auto;
text-align: center;
}
.container-full {
width: 953px;
padding: 0 30px 0 41px;
margin: 0 auto 20px
}
.clear {
clear: both
}
.paddingtop40 {
padding-top: 35px
}
.infos {
color: #5a5b52;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal
}
.left {
float: left
}
.hided {
margin-top: 115px;
display: none
}
.jspVerticalBar {
width: 8px !important;
-webkit-border-radius: 8px !important;
-moz-border-radius: 8px !important;
border-radius: 8px !important;
margin-right: 1px
}
.jspTrack {
-webkit-border-radius: 8px !important;
-moz-border-radius: 8px !important;
border-radius: 8px !important
}
.jspDrag {
border-radius: 8px !important
}
.expand {
color: #505050;
cursor: pointer;
text-align: left;
position: absolute;
background-color: white;
width: 402px;
margin-left: 486px;
-moz-box-shadow: 0 0 10px 0 #807d7d;
-webkit-box-shadow: 0 0 10px 0 #807d7d;
-o-box-shadow: 0 0 10px 0 #807d7d;
box-shadow: 0 0 10px 0 #807d7d;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#807d7d,
Direction=NaN, Strength=10);
padding-bottom: 20px;
cursor: default;
z-index: 3
}
.expand h1 {
display: block;
clear: both;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
padding-top: 10px;
padding: 20px;
color: #505050;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 0
}
.expand p {
font-size: 11px;
font-family: Marianne, Arial, Helvetica, sans-serif;
line-height: 16px;
padding: 20px 20px 3px 20px
}
.expand .fermer {
background-image: url(../_images/croix.png);
width: 21px;
height: 21px;
position: absolute;
top: 16px;
cursor: pointer;
right: 9px
}
.expand .arrow_left {
background-image: url(../_images/fleche_gauche.png);
width: 19px;
height: 33px;
position: absolute;
top: 50%;
margin-top: -7px;
left: -19px
}
.cachee {
display: none !important
}
.hide-untrad {
display: none
}
#block-listinfo-head {
position: relative;
float: right;
margin-bottom: -50px;
height: 50px
}
.bf-accueil #block-listinfo-head {
position: relative;
margin-bottom: 10px;
margin-left: 700px;
height: auto;
width: 600px
}
#block-info-trad,#block-info-refresh {
display: none;
position: relative;
padding-top: 2px;
padding-right: 12px;
float: right;
text-align: left;
color: #000091;
border: 2px solid #FFCA00;
}
#block-info-trad .logo-notrad,#block-info-refresh .logo-notrad {
float: left;
width: 25px;
height: 25px
}
#block-info-trad .text,#block-info-refresh .text {
padding-top: 4px;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
float: left;
}
.header {
height: auto;
text-align: justify;
width: 100%
}
.header .nav {
float: left;
width: 100%;
text-align: center;
padding-top: 10px;
margin-top: 24px;
border-top: 2px solid #FFCA00;
}
.header .nav .header-menu {
margin: 0 auto;
text-align: center;
position: relative;
width: auto
}
.header .nav .header-menu .rubrique-racine {
width: 25%;
height: 52px;
display: inline-block;
margin-left: -3px
}
.header .nav .header-menu .rubrique-racine a {
width: 100%;
background-image: url("../_images/big_separator.png");
background-position: top right;
background-repeat: no-repeat;
color: #000091;
display: block;
float: left;
font-weight: bold;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 18px 0;
text-decoration: none
}
.header .nav .header-menu .rubrique-racine a:hover,.header .nav .header-menu .rubrique-racine a:active
{
color: #3e3e3e;
font-weight: bold
}
.header .nav .header-menu .rubrique-racine .sous-menu {
margin-left:33px;
clear: both;
top: 50px;
width: 186px;
display: none;
position: absolute;
z-index: 20000;
-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
background-color: #fff;
border: 1px solid #eee;
}
#logo_rubrique {
float: left;
vertical-align: middle;
margin-left: 21px;
margin-top: -12px;
}
.header .nav .header-menu .rubrique-racine .sous-menu li {
margin-left: 0;
padding: 8px 18px 0 18px;
clear: both;
width: 150px
}
.header .nav .header-menu .rubrique-racine .sous-menu li a {
font-weight: normal;
background: 0;
padding: 0;
color: #434343;
text-align: left;
font-size: 14px;
margin: 0 0 10px 0
}
.header .nav .header-menu .rubrique-racine .sous-menu li a:hover,.header .nav .header-menu .rubrique-racine .sous-menu li a:active
{
font-weight: bold;
}
.header .nav .header-menu .rubrique-racine .sous-menu .actif {
background: #fff
}
.header .nav .header-menu .rubrique-racine .sous-menu .actif a {
font-weight: bold;
color: #000091
}
.header .nav .header-menu .rubrique-racine .sous-menu .arrow-menu {
pointer-events: none;
display: block;
width: 0;
height: 0;
float: left;
margin: -40px 0 0 35px;
border: 16px solid #fff;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: #fff;
border-left-color: transparent
}
.header .nav .header-menu .actif {
background: 0
}
.header .nav .header-menu .actif a {
background-repeat: no-repeat;
background-position: right center;
font-weight: bold;
color: #3e3e3e
}
.header .nav .header-menu .rubrique-racine:hover .sous-menu,.header .nav .header-menu .sous-menu:hover .sous-menu,.header .nav .header-menu .rubrique-racine:focus .sous-menu,.header .nav .header-menu .sous-menu:focus .sous-menu
{
display: block
}
#logo {
width: 33%;
float: left;
margin: 0;
}
#logo #logo_mariane {
position: absolute;
z-index: 100
}
#logo #logo_mariane img {
max-width: 84px;
max-height: 56px
}
#logo #logo_bison_fute {
position: absolute;
z-index: 10
}
#logo #logo_bison_fute img {
max-width: 213px;
max-height: 128px
}
.block_droite-logo {
float: right;
width:33%;
}
#block_droite {
margin: 14px 28px 0 0;
}
#langages {
list-style-type: none;
margin: 5px 0 0 0;
vertical-align: middle;
text-align: right;
}
#langages li {
margin: 0 3px 0 0;
display: inline-block
}
#langages li a {
color: #b5b5b5;
display: block;
float: right;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
height: 15px;
text-decoration: none;
background-color: transparent
}
#langages li a:hover,#langages li a.actif {
color: #737373;
border-color: #737373
}
#langages li a:first-letter {
text-transform: capitalize
}
#daltonienON {
margin-right:109px;
display: inline-block;
}
#daltonienOFF {
margin-right:115px;
display: inline-block;
}
.invisible {
display: none !important;
}
#recherche {
display: none;
}
#recherche input {
border: 1px solid #b0b0b0;
border-radius: 8px 8px 8px 8px;
color: #737373;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
height: 20px;
margin: 0 0 0 7px;
padding: 2px 10px;
width: 200px;
box-sizing: content-box
}
#recherche input:focus {
-moz-box-shadow: 0 0 1px 1px #ee860b;
-webkit-box-shadow: 0 0 1px 1px #ee860b;
box-shadow: 0 0 1px 1px #ee860b;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
Direction=145, Strength=3);
border: 1px solid #000091
}
#recherche textarea:focus,#recherche input:focus {
outline: 0
}
#search-button {
position: absolute;
display: block;
right: 5px;
top: 5px;
min-width: 18px;
min-height: 18px;
max-width: 20px;
max-height: 20px;
z-index: 100;
background-repeat: no-repeat;
background-image: url("../_images/loupe.png")
}
#search-button:hover {
cursor: pointer;
background-image: url("../_images/loupe_hover.png")
}
#green_number {
float: right;
margin-top: 7px;
max-width: 250px;
max-height: 38px
}
.rubrique-onglet #article .bf-menu-institutionel-niveau4 a {
font-weight: normal;
background: 0;
padding: 0;
color: #434343;
text-align: left;
font-size: 15px;
margin: 0 0 10px 0
}
.rubrique-onglet #article .bf-menu-institutionel-niveau4 a:hover,.rubrique-onglet #article .bf-menu-institutionel-niveau4 a:active
{
color: #000091;
background-color: transparent
}
.rubrique-onglet #article .bf-menu-institutionel-niveau4 .actif {
font-weight: bold;
color: #000091
}
.rubrique-onglet #article .spip_documents img {
max-width: 637px
}
.bf-page-rubrique .container-full #rubrique-onglet .ombre-background-left
{
height: 90%;
margin-top: 25px
}
.bf-page-rubrique .container-full #rubrique-onglet .ombre-background-right
{
height: 84%;
margin-top: 64px
}
.bf-page-rubrique .container-full #onglets ul .onglet {
padding: 0 20px 10px 20px;
margin-right: -3px;
line-height: 14px;
text-align: center;
vertical-align: bottom;
border: 1px solid transparent;
border-right: 1px solid #eee;
}
.bf-page-rubrique .container-full #onglets ul .onglet a {
height: 20px;
position: relative
}
.bf-page-rubrique .container-full #onglets ul .onglet.sousonglet a {
height: 20px;
position: relative;
font-size: 13px;
font-style: italic;
}
.bf-page-rubrique .container-full #onglets ul .onglet.sousonglet {
height: 25px;
line-height: 10px;
}
.bf-page-rubrique .container-full #onglets ul .onglet.sousonglet.actif {
height: 30px;
line-height: 4px;
}
.bf-page-rubrique .container-full #onglets ul .onglet.sousonglet.actif a {
font-size: 16px;
}
#carte {
margin-top: 14px;
width: 512px;
height: 512px;
position: relative !important;
z-index: 0
}
#OpenLayers.Map_20_OpenLayers_ViewPort {
z-index: 0
}
#map {
width: 100%;
height: 100%
}
.bf-accueil #map {
width: 390px;
height: 300px;
}
#commande {
position: relative;
padding-top: 8px;
margin-top: -512px
}
#commande img {
float: right;
cursor: pointer
}
#commande .extend-map {
display: none
}
#commande .reduce-map {
display: block
}
.bf-page-rubrique .legende {
position:relative;
top:-53px;
right: 0;
float: right
}
.bf-page-rubrique .legende .VH {
background-image: url("../_images/fond_legende_vh.png");
color: white;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 19px;
padding-top: 21px;
width: 202px;
z-index: 100;
cursor: pointer;
position: relative;
margin-bottom: 0
}
.bf-page-rubrique .legende.zfe{
position: absolute;
top:-46px;
right: 0;
float: right
}
.boutonLegendeVH {
top:-555px !important;
}
.bf-page-rubrique .legende p {
background-image: url("../_images/fond_legende.png");
color: white;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 19px;
padding-top: 21px;
width: 201px;
z-index: 100;
cursor: pointer;
position: relative;
margin-bottom: 0
}
.bf-page-rubrique .legende br {
clear: both
}
.bf-page-rubrique .legende .block_legende .contenu {
text-align: left;
font-weight: normal;
line-height: 15px;
margin-top: 2px;
padding:0px 0px 0px 3px
}
.bf-page-rubrique .legende .block_legende .contenuZfe {
text-align: left;
font-weight: normal;
line-height: 15px;
margin-top: 2px;
}
.bf-page-rubrique .legende .block_legende .contenu div, .bf-page-rubrique .legende .block_legende .contenuZfe div {
clear: both
}
.bf-page-rubrique .legende .block_legende .contenu img, .bf-page-rubrique .legende .block_legende .contenuZfe img{
max-width: 18px;
max-height: 55px; /* 55px au lieu de 18px pour icones 3 flocons verticaux */
padding-right: 0;
margin-top:-7px;
}
span.ligneSelectionnee {
opacity:1 !important;
}
span.ligneSelectionnee span{
opacity:1 !important;
}
.bf-page-rubrique .legendeFullScreen {
position: absolute;
top: 0;
right: 0;
z-index: 2000;
float: right
}
.bf-page-rubrique .legendeFullScreen .VH {
background-image: url("../_images/fond_legende_vh.png");
color: white;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 19px;
padding-top: 21px;
width: 200px;
z-index: 100;
cursor: pointer;
position: relative;
margin-bottom: 0
}
.bf-page-rubrique .legendeFullScreen p {
background-image: url("../_images/fond_legende.png");
color: white;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 19px;
padding-top: 21px;
width: 200px;
z-index: 100;
cursor: pointer;
position: relative;
margin-bottom: 0
}
.bf-page-rubrique .legendeFullScreen br {
clear: both
}
.bf-page-rubrique .legendeFullScreen .block_legende .contenu {
text-align: left;
font-weight: normal;
line-height: 15px;
margin-top: 2px;
padding: 0px 0px 0px 3px
}
.bf-page-rubrique .legendeFullScreen .block_legende .contenu div {
clear: both
}
.bf-page-rubrique .legendeFullScreen .block_legende .contenu img {
max-width: 18px;
max-height: 55px; /* 55px au lieu de 18px pour icones 3 flocons verticaux */
padding-right: 0;
margin-top:-7px;
}
.legende_content {
bottom: 0;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 12px;
right: 0;
width: 202px;
background-color: white;
text-align: left;
color: #434343;
z-index: 12;
margin-bottom: 27px;
overflow-y: auto;
border-radius: 20px;
margin-right: 20px;
display:none;
}
#clicklegende, #clicklegendeFull {
box-shadow: 1px 1px 6px #0005;
}
#clicklegendeCCH {
border: 1px solid #ccc;
}
#informationsBouchons .legende_content {
bottom: 0;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 12px;
position: absolute;
right: 42px;
width: 470px;
background-color: white;
text-align: left;
color: #434343;
z-index: 12;
max-height: 428px;
overflow-y: auto;
border-radius: 20px;
display:none;
border-style:groove;
border-color:black;
border-width:2px;
margin:0;
bottom:28px
}
.legende_content label {
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold
}
.legende_content .block_legende {
clear: both;
background-color: #fffd;
border: 1px solid #eee;
padding: 5px;
padding-bottom: 5px
}
.legende_content .block_legende .ui-icon.ui-icon-arrowthick-2-n-s{
cursor: pointer;
cursor: hand;
float: right
}
.legende_content .block_legende .etat span {
padding-top: 0;
height: 5px;
margin-top: 0;
margin-bottom: 0
}
.legende_content .block_legende .etat span img,.legende_content .block_legende .vh span img{
max-width: 18px;
max-height: 6px;
padding-right: 0;
padding-bottom: 3px
}
.legende_content .block_legende .event span {
padding-top: 3px;
margin-top: 0;
margin-bottom: 0;
width:100%;
}
.legende_content .block_legende .event,.legende_content .block_legende .accesAuxCartes,.legende_content .block_legende .accesAuxCartesVH{
position:relative
}
.legende_content .block_legende .eventInput,.legende_content .block_legende .accesInput, .legende_content .block_legende .infraInput {
margin-top:5px;
position:absolute;
left:0px;
vertical-align:middle;
display:none;
}
.eventLigne {
height:20px;
display:none;
}
.legende_content .block_legende .accesAuxCartes, .legende_content .block_legende .infrastructure{
position:relative
}
.legende_content .block_legende .eventCamerasTrafic, .legende_content .block_legende .eventCamerasVH{
position:relative;
padding-top: 5px;
}
.legende_content .block_legende .camerasInput {
margin-top:5px;
position:absolute;
left:0px;
vertical-align:middle;
display:none;
}
.legende_content .block_legende .accesAuxCartes span {
margin-top:9px;
height:30px;
}
.legende_content .block_legende .accesAuxCartesVH span {
margin-top:5px;
}
.legende_content .block_legende .eventCamerasTrafic span, .legende_content .block_legende .eventCamerasVH span {
margin-top:3px;
}
.legende_content .block_legende span {
margin-top: 0px;
display: block;
min-width: 10px;
min-height: 6px;
margin-bottom: 0px;
background-repeat: no-repeat;
background-position: 4px 3px;
cursor:pointer;
opacity:0.5;
}
.legende_content .block_legende span.sablierPicto, .legende_content .block_legende span.sablierPicto span {
opacity: 1;
cursor: default;
}
.legende_content .block_legende span.sablierPicto span {
margin-bottom: 15px;
}
.legende_content .block_legende .contenuZfe span {
display: block;
min-width: 10px;
min-height: 6px;
margin-bottom: 0px;
background-repeat: no-repeat;
background-position: 4px 3px;
cursor:pointer;
opacity:0.5;
margin-left:0px;
margin-top:5px;
}
.legende_content .block_legende .contenuZfe .agregatZfe {
cursor:default;
opacity:1 !important;
font-style:italic;
}
.legende_content .block_legende .contenuZfe .agregatZfe span{
cursor:default;
opacity:1 !important;
}
.legende_content .block_legende .contenuBouchons span {
margin-top: 0px;
display: block;
min-width: 10px;
min-height: 6px;
margin-bottom: 0px;
background-repeat: no-repeat;
background-position: 4px 3px;
cursor:default;
opacity:1;
}
.legende_content .block_legende .contenuBouchons .center {
text-align:center;
}
.bf-page-rubrique .communiques {
position: absolute;
bottom: -14px;
left: 0;
float: left;
z-index: 2000;
}
#bf-body-vh .bf-page-rubrique .communiques {
bottom: 0;
}
.bf-page-rubrique .communiques .titreCommunique {
background-image: url("../_images/fond_communiques_jaune.png");
background-repeat: no-repeat;
color: white;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 20px;
padding-top: 21px;
width: 500px;
z-index: 100;
cursor: pointer;
position: relative;
margin-bottom: 0
}
.bf-page-rubrique .communiques .titreCommunique.nouvellesAlertes{
background-image: url("../_images/fond_communiques.png") !important;
}
.bf-page-rubrique .communiques .titreCommuniqueVH {
background-image: url("../_images/fond_communiquesVH.png");
color: white;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 20px;
padding-top: 21px;
width: 500px;
z-index: 100;
cursor: pointer;
position: relative;
margin-bottom: 0
}
.alerte-title-text{
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
white-space: nowrap;
height:100%;
width:95%;
text-align:center;
margin-left:4px;
color: #000091;
font-weight: bold;
}
.bf-page-rubrique .communiques #nbCommuniquesVH,
.bf-page-rubrique .communiques #nbCommuniquesVH_fullscreen {
position: relative;
float: right;
background-image: url("../_images/rondVH.png");
background-repeat: no-repeat;
text-align: center;
left: 7px;
top: -11px;
width: 21px;
height: 20px;
line-height: 20px
}
.bf-page-rubrique .communiques #nbCommuniquesVH.nouvellesAlertes,
.bf-page-rubrique .communiques #nbCommuniquesVH_fullscreen.nouvellesAlertes {
background-image: url("../_images/rondAlertes.png");
color:red;
}
.bf-page-rubrique .communiques #nbCommuniques {
position: relative;
float: right;
background-image: url("../_images/rond_jaune.png");
text-align: center;
left: 7px;
bottom: 20px;
width: 20px;
height: 20px;
line-height: 20px;
color: #000091;
font-weight: bold;
}
.bf-page-rubrique .communiques #nbCommuniques.nouvellesAlertes{
background-image: url("../_images/rondAlertes_jaune.png");
color:red;
}
.bf-page-rubrique .communiques br {
clear: both
}
.bf-page-rubrique .communiques .block_communique {
text-align: left;
font-weight: normal;
line-height: 18px;
margin-top: 5px;
padding: 3px 10px 3px 10px
}
.communiques_content .block_communique {
clear: both;
background-color: white;
padding: 5px;
padding-bottom: 15px
}
.communiques_content {
display: none;
bottom: 0;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 12px;
position: absolute;
right: 0;
width: 498px;
max-height: 492px;
overflow-y:scroll;
background-color: white;
text-align: left;
color: #434343;
padding-bottom: 20px;
border: 1px solid #ffca00;
}
#bf-body-vh .communiques_content {
border: 1px solid #009090;
}
.communiques_content label {
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold
}
.communiques_height_vh {
max-height: 510px;
}
#carte .alerte {
background-color: #e3e4dd;
border-bottom: 1px solid #afafaf;
color: #505050;
cursor: pointer;
height: 23px;
padding: 7px 7px 10px 22px;
text-align: left
}
#carte .alerte .jaune {
background-image: url("../_images/degrade_orange.png");
background-repeat: no-repeat
}
#carte .alerte .bleue {
background-image: url("../_images/degrade_bleu.png");
background-repeat: no-repeat
}
#carte div.alerte:hover {
background-color: #b9b9b7
}
#carte div.infos:hover {
background-color: #e3e4dd
}
#carte .alerte span,#carte .infos span {
background-image: url("../_images/puce_orange.png");
background-repeat: no-repeat;
display: block;
float: right;
height: 10px;
margin-top: -16px;
padding-right: 10px;
width: 4px
}
#carte .alerte h4,#carte .infos h4 {
font-size: 12px;
font-weight: bold
}
#carte .alerte p,#carte .infos p {
font-size: 11px
}
#carte .region_info_fullscreen .ombre,
#carte .region_info .ombre {
}
#carte .infos {
border-bottom: 1px solid #afafaf;
color: #505050;
cursor: pointer;
height: 23px;
padding: 7px 7px 10px 22px;
text-align: left;
position: relative
}
#carte .infos .icones {
position: absolute;
right: 40px;
top: 14px
}
#popupmap-plein-ecran {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
z-index: 10000;
background-color: #787870;
background-image: -moz-linear-gradient(top, #9f9f92, #3e3e3e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9f9f92),
to(#3e3e3e));
background-image: -webkit-linear-gradient(top, #9f9f92, #3e3e3e);
background-image: -o-linear-gradient(top, #9f9f92, #3e3e3e);
background-image: linear-gradient(to bottom, #9f9f92, #3e3e3e);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9f9f92',
endColorstr='#ff3e3e3e', GradientType=0)
}
#popupmap-plein-ecran .map-container {
width: 1024px;
height: 720px;
margin: 100px auto;
position: relative;
text-align: center
}
#popupmap-plein-ecran .mapcontent {
width: 1024px;
height: 720px;
background-color: #fff;
position: relative
}
#close-fullmap {
position: relative;
top: -13px;
right: -13px;
width: 26px;
height: 26px;
float: right;
background-repeat: no-repeat;
background-image: url("../_images/fermer.png");
outline: 0;
z-index: 1
}
#close-fullmap:hover {
background-image: url("../_images/fermer_hover.png");
cursor: pointer
}
#close-fullmap:active {
background-image: url("../_images/fermer_active.png")
}
#article .plansite {
width: 100%
}
#article .plansite ul {
padding-left: 13px;
margin-left: 0;
padding-bottom: 0;
margin-bottom: 0
}
#article .plansite ul li {
list-style-type: none
}
#article .plansite h2 {
margin: 15px 0 10px 0;
padding-left: 20px
}
#article .plansite h2 a {
font-size: 13px;
font-weight: bold;
color: #fff
}
#article .plansite h2 a:hover {
color: #fff
}
#article .plansite h2:first-child {
margin: 0 0 10px 0
}
#article .plansite .colonne-gauche {
float: left
}
#article .plansite a:hover,#article .plansite a:active {
color: #000091
}
#article .plansite .colonne-droite {
float: right
}
#article .plansite #spacer {
clear: both;
height: 1px
}
#article .plansite .colonne-droite,#article .plansite .colonne-gauche {
width: 49%;
display: block
}
#article .plansite .colonne-droite a,#article .plansite .colonne-gauche a
{
color: black;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none
}
#article .plansite .colonne-droite a:hover,#article .plansite .colonne-gauche a:hover,#article .plansite .colonne-droite a:active,#article .plansite .colonne-gauche a:active
{
color: #000091
}
#article .plansite .colonne-droite li,#article .plansite .colonne-gauche li
{
margin-bottom: 5px
}
#article .plansite .colonne-droite h3,#article .plansite .colonne-gauche h3
{
background-color: #838377;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #fff;
padding: 5px 5px 5px 20px;
margin-top: 10px;
margin-left: 0;
margin-bottom: 10px;
font-family: Marianne, Arial, Helvetica, sans-serif
}
.page-recherche #autre-date .bloc-search {
text-align: left
}
.page-recherche #autre-date .bloc-search .header-search {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
min-height: 30px
}
.page-recherche .article-liste {
width: auto;
margin-right: 19px
}
.page-recherche #search-input {
margin-left: 20px;
margin-right: 20px;
width: 300px;
}
.page-recherche #rubrique-onglet-trafic .ombre-background-right {
height: 100%;
margin-top: 0;
width: 15px
}
.page-recherche input[type=text],.page-recherche textarea {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
outline: 0;
padding: 3px 15px 3px 15px;
border: 1px solid #ddd
}
.page-recherche input[type=text]:focus,.page-recherche textarea:focus,.page-recherche #search-input:focus
{
border: 2px inset #ee860b
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,.footer,.header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
br {
margin-bottom: 5px
}
strong,b {
font-weight: bold
}
article,aside,details,figcaption,figure,.footer,.header,hgroup,menu,nav,section
{
display: block
}
body {
line-height: 1
}
blockquote,q {
quotes: none
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
i {
font-style: italic
}
.bf-page-rubrique #rubrique {
position: relative;
text-align: left;
margin: 10px 0 10px 0
}
.bf-page-rubrique #rubrique .conteneur {
padding: 0 0 21px 0
}
.bf-page-rubrique #rubrique .titre-niveau-2 {
background-color: #096789;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #fff;
padding: 5px 5px 5px 13px;
margin: 10px 0;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif
}
.bf-page-rubrique #rubrique .titre-niveau-2 a {
text-decoration: none;
color: #fff
}
.bf-page-rubrique #rubrique .bandeau-top {
margin: 0;
color: #fff;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: #009090;
font-size: 16px;
padding: 5px 5px 5px 40px
}
.bf-page-rubrique #rubrique .titre-niveau-3 {
font-size: .9em;
font-size: 14px;
color: #096789;
font-weight: bold;
text-decoration: none;
font-family: Marianne, Arial, Helvetica, sans-serif
}
.bf-page-rubrique #rubrique .contenu {
width: 100%;
font-size: 1em
}
.bf-page-rubrique #rubrique .sous-titre {
color: black;
font-weight: bold;
text-decoration: none;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif
}
.bf-page-rubrique #rubrique .sous-titre a {
text-decoration: none;
color: #000
}
.span1-menuderoulant {
margin: 0 0 20px 0;
z-index: 100
}
.span6-menuderoulant {
min-height: 750px;
z-index: 10;
background-color: #fff;
position: relative
}
.span-menuHarmonisation {
min-height: 750px;
z-index: 10;
position: relative
}
/**
*vh: taille article france
*/
#bf-body-vh .span6-menuderoulant {
min-height: 100px;
}
/**
*vh: taille article france
*/
#bf-body-vh .span-menuHarmonisation {
min-height: 600px;
}
/**
*vh: taille carte france
*/
#bf-body-vh .bloc-trafic {
height: 530px;
}
#bf-body-travaux .span6-menuderoulant {
min-height: 100px;
}
/**
*vh: taille article france
*/
#bf-body-travaux .span-menuHarmonisation {
min-height: 600px;
}
/**
*vh: taille carte france
*/
#bf-body-travaux .bloc-trafic {
height: 530px;
}
.span6-menuderoulant p {
font-family: Marianne, Arial, Helvetica, sans-serif
}
.span-menuHarmonisation p {
font-family: Marianne, Arial, Helvetica, sans-serif
}
.rubrique-deroulant .span7 {
width: 695px;
float: left;
margin-top: 25px
}
.rubrique-deroulant .span5 {
width: 695px;
float: left;
}
.rubrique-deroulant .titre-niveau-1 {
padding-bottom: 0
}
.rubrique-deroulant #rubrique {
margin: 0
}
.rubrique-deroulant #rubrique iframe,.rubrique-deroulant #rubrique object
{
max-width: 467px
}
.rubrique-deroulant .container-full {
margin: 0 auto 0
}
.span8-menuderoulant {
min-height: 750px;
z-index: 10;
background-color: #f9f9f7;
width: 760px;
float: left;
position: relative
}
.span8-menuderoulant .article-liste {
width: auto;
margin-right: 20px
}
.ombre-fiche-left {
display: none;
}
.span3-contextuel {
margin: 0 0 0 15px
}
.rubrique-deroulant #article {
background-color: transparent;
padding-bottom: 10px
}
.rubrique-deroulant #rubrique .contenu-article img {
max-width: 650px
}
.menu-deroulant {
display: block;
background-color: #e9eae7;
height: 100%;
margin: 0
}
.menu-deroulant li {
margin: 0;
position: relative
}
.menu-deroulant li img {
float: right;
margin: 14px 3px 0 0
}
.menu-deroulant a {
text-decoration: none;
color: black;
font-family: Marianne, Arial, Helvetica, sans-serif;
display: block;
position: relative
}
.menu-deroulant .menu-rubrique {
background-color: #eee;
color: #444;
font-size: 14px;
font-family: Marianne, "Trebuchet MS";
font-weight: bold;
padding: 14px 19px 14px 14px
}
.menu-deroulant .close,.menu-deroulant .open {
display: block;
width: 0;
height: 0;
position: absolute;
top: 44%;
border: 5px solid #000091;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent
}
.menu-deroulant .close {
border-left-color: #000091;
right: 3px
}
.menu-deroulant .open {
border-top-color: #000091;
right: 5px;
top: 45%
}
.menu-deroulant .arrow {
display: none;
z-index: 15
}
.menu-deroulant .actif {
z-index: 100;
color: #000091;
box-shadow: 2px 0px 1px #555;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080, Direction=145, Strength=3);
}
.menu-deroulant .actif .close {
border-left-color: #3e3e3e;
border-top-color: transparent
}
.menu-deroulant .actif .open {
border-left-color: transparent;
border-top-color: #3e3e3e
}
.menu-deroulant .little-arrow-down,.menu-deroulant .little-arrow-right {
display: block;
width: 0;
height: 0;
position: absolute;
margin: -10px 0 0 155px;
border: 5px solid #000091;
border-top-color: #000091;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent
}
.menu-deroulant .little-arrow-right {
margin: -15px 0 0 158px;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: #000091
}
.menu-deroulant .arrow {
display: none
}
.menu-deroulant .sous-menu {
color: #3e3e3e;
background-color: #e9eae7;
font-size: 12px;
font-family: Marianne, Arial, Helvetica, sans-serif;
padding: 0 0 0 16px;
margin: 5px 10px 10px 5px;
display: block
}
.menu-deroulant .sous-menu a {
font-weight: normal
}
.menu-deroulant .sous-menu a:hover,.menu-deroulant .sous-menu .menu-sous-rubrique:hover
{
color: #000091;
font-weight: bold;
}
.menu-deroulant .sous-menu .actif {
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
Direction=145, Strength=3)
}
.menu-deroulant .sous-menu .actif a {
font-weight: bold;
background: 0;
background-color: #e9eae7
}
.menu-deroulant .sous-menu .actif ul {
background-color: #e9eae7
}
.menu-deroulant .sous-menu .actif ul li {
background-color: #e9eae7
}
.menu-deroulant .sous-menu .actif ul li a {
font-weight: normal;
background: 0
}
.menu-deroulant .sous-menu .actif ul .actif {
background: 0;
background-color: #e9eae7
}
.menu-deroulant .sous-menu .actif ul .actif a {
font-weight: bold;
background: 0
}
.menu-deroulant .sous-menu a {
line-height: 20px;
margin: 0 0 10px 0
}
.menu-deroulant .sous-menu .menu-sous-rubrique .close {
margin: 3px 0 0 0
}
.menu-deroulant .sous-menu .menu-sous-rubrique .open {
margin: 5px 4px 0 0
}
.menu-deroulant .sous-menu ul {
padding: 0 0 0 10px
}
.menu-deroulant .toggleSubMenu .scroll {
max-height: 350px;
overflow-y: auto;
background-color: #e0e1dd;
-webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
Direction=145, Strength=3)
}
.menu-deroulant .toggleSubMenu .scroll a {
background-color: #e0e1dd
}
h1 {
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 25px;
line-height: 27px;
color: #009099;
display: block;
width: 100%;
margin: 0 0 15px 0
}
h1 span {
font-size: 24px;
color: #009099
}
h2 {
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 17px;
color: #fff;
padding: 5px 10px 5px 10px;
background-color: #096789;
display: block;
margin: 20px 0 15px 0
}
h3 {
font-family: Marianne, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 15px;
color: #009099;
margin: 15px 0 5px 0;
background: 0;
display: block
}
h4 {
font-family: Marianne, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 15px;
color: grey;
background-color: transparent;
background: 0;
margin: 15px 0 5px 0;
display: block
}
p {
margin-bottom: 10px;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 16px;
font-size: 12px;
color: #3e3e3e
}
body {
margin-left: 0;
margin-bottom: 0;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 16px;
font-size: 12px;
color: #3e3e3e;
background-color: #fff
}
ul,ol {
margin-left: 19px;
list-style: none
}
ul li,ol li {
margin-left: 19px;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 16px;
font-size: 12px;
color: #3e3e3e
}
#article ul {
list-style-type: square;
margin-bottom: 10px
}
#article ul ul {
list-style-type: circle
}
#article ul ol {
list-style-type: decimal
}
#article ol {
list-style-type: decimal
}
#article ol ul {
list-style-type: circle
}
#article ol ol {
list-style-type: decimal
}
#article li {
color: #000;
}
#article blockquote.spip {
margin: 2em 0;
margin-left: 1em;
padding-left: 1em;
border-left: 1px dotted #aaa
}
#article blockquote.spip_poesie {
margin: 2em 0;
margin-left: 1em;
padding-left: 1em;
border-left: 1px solid #aaa
}
#article blockquote.spip_poesie div {
text-indent: -3em;
margin-left: 3em
}
#article .spip_code,#article .spip_cadre {
font-family: Marianne, Courier, "Courier New", monospace;
color: #036
}
#article .spip_cadre {
width: 99%;
background-color: #f4f8f8;
border: 1px inset;
font-size: inherit
}
#article div.spip_code,#article .spip_cadre {
margin-bottom: 1em
}
#article .spip_surligne {
background: #FF6
}
#article table.spip {
font-size: 1em;
border: 1px solid #6c96c6;
border-collapse: collapse;
margin-bottom: 1em
}
#article table.spip tr.row_first {
background-color: #eee
}
#article table.spip td {
padding: 1px 5px;
text-align: left;
vertical-align: middle;
border: 1px solid #6c96c6
}
#article table.spip th {
padding: 1px 5px;
text-align: left;
vertical-align: middle;
border: 1px solid #6c96c6
}
#article hr {
clear: both
}
#article h3 {
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 17px;
color: #fff;
padding: 5px 10px 5px 10px;
background-color: #009099;
display: block;
margin: 20px 0 15px 0
}
#article h4 {
font-family: Marianne, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 15px;
color: #009099;
margin: 15px 0 5px 0;
background: 0;
display: block
}
#article h5 {
font-family: Marianne, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 15px;
color: grey;
background-color: transparent;
background: 0;
margin: 15px 0 5px 0;
display: block
}
#article img,#article .spip_logos {
margin: 0;
padding: 0;
border: 0
}
#article .spip_documents {
text-align: center;
line-height: normal
}
#article .spip_documents p {
margin: .10em;
padding: 0
}
#article .spip_documents_center {
display: block;
clear: both;
width: 100%;
margin: 1em auto
}
#article .spip_documents_left {
float: left;
margin-right: 15px;
margin-bottom: 5px
}
#article .spip_documents_right {
float: right;
margin-left: 15px;
margin-bottom: 5px
}
#article .spip_doc_titre {
margin-right: auto;
margin-left: auto;
font-weight: bold;
font-size: .90em
}
#article .spip_doc_descriptif {
clear: both;
margin-right: auto;
margin-left: auto;
font-size: .90em
}
.puce {
color: #096789;
font-weight: bold
}
a,.spip_mail {
font-family: Marianne, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #000091;
text-decoration: none
}
a:hover,.spip_mail:hover {
cursor: pointer;
text-decoration: underline
}
a:active,.spip_mail:active {
color: #000091
}
button, .button {
padding: 3px 23px;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
border-radius: 5px;
font-weight: normal;
background-image: -moz-linear-gradient(top, #ffca00, #E6B400);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffca00),
to(#e6b400));
background-image: -webkit-linear-gradient(top, #ffca00, #e6b400);
background-image: -o-linear-gradient(top, #ffca00, #e6b400);
background-image: linear-gradient(to bottom, #ffca00, #e6b400);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffca00',
endColorstr='#ffe6b400', GradientType=0)
}
button:hover,.button:hover {
background-image: -moz-linear-gradient(top, #e6b400, #ffca00);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6b400),
to(#ffca00));
background-image: -webkit-linear-gradient(top, #e6b400, #ffca00);
background-image: -o-linear-gradient(top, #e6b400, #ffca00);
background-image: linear-gradient(to bottom, #e6b400, #ffca00);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6b400',
endColorstr='#ffffca00', GradientType=0);
text-decoration: none;
color: #fff;
cursor: pointer
}
button:active,.button:active {
background-color: #e6b400;
color: #fff
}
input[type=text],textarea,select {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
outline: 0;
padding: 3px 0 3px 3px;
margin: 5px 1px 3px 0;
}
input[type=text]:focus,textarea:focus,#objet:focus,#user-mail:focus,#message:focus,#textCaptcha:focus,select:focus
{
border: 2px inset #ffca00
}
.spip_documents {
margin: 10px;
width: auto !important;
height: auto !important;
display: inline-block
}
.spip_documents img {
width: auto !important;
height: auto !important
}
.spip_documents_left img {
padding-right: 25px
}
em {
font-style: italic
}
#rubrique-onglet,#rubrique-onglet-trafic {
position: relative;
width: 695px;
float: left
}
#rubrique-onglet .ombre-background-left,#rubrique-onglet-trafic .ombre-background-left
{
height: 100%;
width: 15px
}
#rubrique-onglet .ombre-background-right,#rubrique-onglet-trafic .ombre-background-right
{
height: 100%;
margin-top: 40px;
width: 15px
}
.imgFermer {
margin-top: 10px;
float: right;
margin-right: 5px;
background-image: url(../_images/fermer.png);
background-repeat: no-repeat
}
.imgFermer:hover {
background-image: url(../_images/fermer_hover.png)
}
.imgFermer:active {
background-image: url(../_images/fermer_active.png)
}
#rubrique-onglet-trafic {
width: 980px
}
#rubrique-onglet-trafic .service{
background-color: #fff;
}
.full #onglets ul .onglet {
padding: 0 26px 10px 26px;
margin-right: -3px;
line-height: 14px;
text-align: center;
vertical-align: bottom;
border: 1px solid transparent;
border-right: 1px solid #ddd;
}
.full #onglets ul .onglet:last-of-type {
border: 1px solid transparent;
}
.full #onglets ul .onglet a {
height: 20px;
position: relative
}
.rubrique-base {
min-height: 700px
}
#liste_lien_utile {
margin-top: 20px;
float: left
}
#liste_lien_utile a {
padding: 0 10px 0 10px
}
.bf-page-rubrique ul {
margin-left: 0
}
.bf-page-rubrique ul li {
margin-left: 0
}
.bf-page-rubrique .contenu-article ul {
margin-left: 19px
}
/* DEBUT PBM */
.bf-page-rubrique #onglets {
width: 100%;
padding-bottom: 0
}
.bf-page-rubrique #onglets ul {
margin: 0;
text-align: left
}
.bf-page-rubrique #onglets ul li {
position: relative;
width: auto;
display: inline-block;
max-width: 200px;
height: 31px;
text-align: center;
background-color: #fff;
}
/* .bf-page-rubrique #onglets ul li:hover {
background-color: #444;
} */
.bf-page-rubrique #onglets ul li a {
color: #444;
font-weight: normal;
padding-top: 12px;
text-decoration: none;
z-index: 1;
background-repeat: no-repeat;
display: block;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center
}
.bf-page-rubrique #onglets ul li a:hover {
color: #000091;
/* font-weight: bold; */
}
.bf-page-rubrique .sous-menu li:hover {
background-color: #eee;
}
.bf-page-rubrique .ombre-onglet {
display: none;
}
.bf-page-rubrique .ombre-onglet-gauche {
display: none;
}
.bf-page-rubrique #onglets ul li:hover {
background-color: #fff;
color: #000091
}
.bf-page-rubrique #onglets ul li.actif {
z-index: 11;
max-width: 220px;
height: 40px;
}
.bf-page-rubrique #onglets ul li.actif a {
font-size: 18px;
font-weight: bold;
padding-top: 18px;
color: #000091
}
.bf-page-rubrique #onglets ul .onglet .sous-menu {
margin: 0;
clear: both;
top: 40px;
width: 186px;
display: none;
position: absolute;
z-index: 20000;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
Direction=145, Strength=3);
}
.bf-page-rubrique #onglets ul .actif .sous-menu {
margin: 0;
clear: both;
top: 50px;
width: 186px;
display: none;
position: absolute;
z-index: 20000;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
Direction=145, Strength=3);
}
.bf-page-rubrique #onglets ul .sous-menu li{
margin-left: 0;
padding: 8px 18px 3px 18px;
clear: both;
width: 155px;
height: auto;
}
.bf-page-rubrique #onglets ul .sous-menu li:hover {
background-color: #eee;
}
.bf-page-rubrique #onglets ul .sous-menu li a{
font-weight: normal;
background: 0;
padding: 0;
color: #434343;
text-align: left;
font-size: 15px;
margin: 0 0 10px 0;
height: auto;
}
.bf-page-rubrique #onglets ul .sous-menu li a:hover {
font-weight: bold;
color: #000091
}
.bf-page-rubrique #onglets ul .bf-page-rubrique #onglets ul .sous-menu li a:active
{
color: #000091
}
.bf-page-rubrique #onglets ul .sous-menu .actif {
background: #fff
}
.bf-page-rubrique #onglets ul .sous-menu .actif a {
font-weight: bold;
color: #000091
}
.bf-page-rubrique #onglets ul .sous-menu .arrow-menu{
pointer-events: none;
display: none;
width: 0;
height: 0;
float: left;
margin: -40px 0 0 35px;
border: 16px solid #fff;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: #fff;
border-left-color: transparent
}
.bf-page-rubrique #onglets .actif {
background: 0
}
.bf-page-rubrique #onglets .actif a {
background-repeat: no-repeat;
background-position: right center;
font-weight: bold;
color: #3e3e3e
}
.bf-page-rubrique #onglets .actif:hover .sous-menu,.bf-page-rubrique #onglets .actif .sous-menu:hover .sous-menu,.bf-page-rubrique .sous-menu:focus .sous-menu
{
display: block
}
.bf-page-rubrique #onglets .onglet:hover .sous-menu,.bf-page-rubrique #onglets .onglet .sous-menu:hover .sous-menu,.bf-page-rubrique .sous-menu:focus .sous-menu
{
display: block
}
.bf-page-rubrique #bloc-left {
background-color: #eeefea;
float: left;
margin: 0;
width: 468px;
height: 512px;
z-index: 1000
}
.bf-page-rubrique #bloc-right {
float: right;
margin: 0;
width: 512px;
height: 512px /*position: relative*/
}
.bf-page-rubrique #bloc-right .anchor {
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg)
}
.bf-page-rubrique .ombre-center {
position: absolute;
left: -12px;
height: 512px;
width: 12px;
left: 0;
top: 0;
pointer-events: none
}
.bf-page-rubrique .large .ombre-center {
display: none
}
.bf-page-rubrique .bloc-trafic {
margin: 0;
padding: 0
}
.bf-page-rubrique .bloc-trafic br {
margin-bottom: 0
}
.bf-page-rubrique .bloc-trafic .large #carte {
width: 980px;
margin-left: -468px
}
.bf-page-rubrique .bloc-trafic #commande {
height: 0
}
.bf-page-rubrique .bloc-trafic #commande span,.bf-page-rubrique .bloc-trafic #commande a
{
margin: 0 5px 0 0;
height: 30px;
width: 26px;
position:absolute;
left:-460px;
top:70px;
}
/* vh: bouton fullMap pour france */
.bf-page-rubrique #bf-rubrique-vh.bf-menu-vh .bloc-trafic #commande a
{
margin: 10px 5px 0 0;
}
.bf-page-rubrique .bloc-trafic #commande .close-map {
display: none;
background-image: url('../_images/fermer.png')
}
/*fermer vh*/
.bf-page-rubrique #bf-rubrique-vh .bloc-trafic #commande .close-map,
#bf-body-vh #cboxClose
{
background-image: url('../_images/fermer_vh.png')
}
/*fermer travaux*/
.bf-page-rubrique #bf-rubrique-travaux .bloc-trafic #commande .close-map,
#bf-body-travaux #cboxClose
{
background-image: url('../_images/fermer.png')
}
.bf-page-rubrique .bloc-trafic #commande .close-map:hover {
cursor: pointer
}
.bf-page-rubrique .bloc-trafic #commande .full-map-VH {
display: block;
background-image: url('../_images/full_size_map_VH.png')
}
.bf-page-rubrique .bloc-trafic #commande .full-map {
display: block;
background-image: url('../_images/full_size_map.png')
}
.bf-page-rubrique .bloc-trafic .legende .ouvrir-legende {
display: block;
background-image: url('../_images/legendeTraficOff.png');
width:30px;
height:30px;
float:right;
padding-top:10px;
padding-right:10px;
margin-top:55px;
margin-right:10px;
}
.bf-page-rubrique .bloc-trafic .legende .ouvrir-legendeVH {
display: block;
background-image: url('../_images/legendeVHOff.png');
width:30px;
height:30px;
float:right;
padding-top:10px;
padding-right:10px;
margin-top:55px;
margin-right:10px;
}
.bf-page-rubrique .bloc-trafic .legende .ouvrir-legendeZfe {
display: block;
background-image: url('../_images/legendeZfeOff.png');
width:30px;
height:30px;
float:right;
padding-top:10px;
padding-right:10px;
margin-top:55px;
margin-right:10px;
}
#bouchons #informationsBouchons .ouvrir-legendeBouchons {
display: block;
background-image: url('../_images/legendeBouchonsOff.png');
width:34px;
height:30px;
float:right;
padding-top:10px;
padding-right:6px;
margin-top:15px;
margin-right:5px;
}
.legendeFullScreen .ouvrir-legende {
display: block;
background-image: url('../_images/legendeTraficOff.png');
width:30px;
height:30px;
float:right;
padding-top:10px;
padding-right:10px;
margin-top:127px;
margin-right:20px;
}
.legendeFullScreen .ouvrir-legendeVH {
display: block;
background-image: url('../_images/legendeVHOff.png');
width:30px;
height:30px;
float:right;
padding-top:10px;
padding-right:10px;
margin-top:127px;
margin-right:20px;
}
.legendeetat {
position:absolute;
top:11%;
right:172%
}
#clicklegendeFull{
display:none;
}
#clicklegendeTrafic {
height:57px;
width:170px;
overflow:hidden;
padding:0px;
margin:0px;
border-radius:20px;
position:absolute;
right:395px;
top:50px;
background-color:transparent !important;
}
#clicklegendeTrafic span{
margin:0px;
}
#clicklegendeTrafic img{
width:170px !important;
background-image:linear-gradient(to bottom, #eeefea, #fffd);
}
#clicklegendeTraficFull {
display:none;
height:57px;
width:170px;
overflow:hidden;
padding:0px;
margin:0px;
border-radius:20px;
position:absolute;
right:42vw;
top:10px;
background-color:transparent !important;
}
#clicklegendeTraficFull span{
margin:0px;
}
#clicklegendeTraficFull img{
width:170px !important;
}
.ouvrir-legende:hover {
background-image:url('../_images/legendeTraficOn.png') !important
}
.ouvrir-legendeSeleted {
background-image:url('../_images/legendeTraficOn.png') !important
}
.ouvrir-legendeVH:hover {
background-image:url('../_images/legendeVHOn.png') !important
}
.ouvrir-legendeVHSeleted {
background-image:url('../_images/legendeVHOn.png') !important
}
.ouvrir-legendeZfe:hover {
background-image:url('../_images/legendeZfeOn.png') !important
}
.ouvrir-legendeZfeSeleted {
background-image:url('../_images/legendeZfeOn.png') !important
}
.ouvrir-legendeBouchons:hover {
background-image:url('../_images/legendeBouchonsOn.png') !important
}
.ouvrir-legendeBouchonsSeleted {
background-image:url('../_images/legendeBouchonsOn.png') !important
}
#clicklegendeCCH {
height:57px;
width:170px;
overflow:hidden;
padding:0px;
margin:0px;
border-radius:20px;
position:absolute;
right:395px;
top:30px;
background-color:transparent !important;
}
#clicklegendeCCH span{
margin:0px;
}
#clicklegendeCCH img{
width:170px !important;
}
.legendeCCHFull {
right:42vw !important;
top:10px !important;
display:none;
}
.bf-page-rubrique .bloc-trafic #commande .extend-map {
display: block;
background-image: url('../_images/extend_map.png')
}
.bf-page-rubrique .bloc-trafic #commande .extend-map:hover {
cursor: pointer
}
.bf-page-rubrique .bloc-trafic #commande .reduce-map {
display: none;
background-image: url('../_images/reduce_map.png')
}
.bf-page-rubrique .bloc-trafic #commande .reduce-map:hover {
cursor: pointer
}
.bf-page-rubrique .bloc-trafic #commande .full-map-VH:hover {
background-image: url('../_images/full_size_map_hover_VH.png')
}
.bf-page-rubrique .bloc-trafic #commande .full-map:hover {
background-image: url('../_images/full_size_map.png')
}
.bf-page-rubrique .bloc-trafic #commande .extend-map:hover {
background-image: url('../_images/extend_map_hover.png')
}
.bf-page-rubrique .bloc-trafic #commande .reduce-map:hover {
background-image: url('../_images/reduce_map_hover.png')
}
.bf-page-rubrique .bloc-trafic #menu {
margin: 10px 10px 0 6px;
padding: 0;
list-style-type: none;
text-align: left
}
.bf-page-rubrique .bloc-trafic #menu li {
display: inline
}
.bf-page-rubrique .bloc-trafic #menu li a {
color: #3e3e3e;
margin-left: 5px;
margin-right: 5px
}
.bf-page-rubrique .bloc-trafic #menu li a:hover {
color: #000091
}
.bf-page-rubrique .bloc-trafic .contenu {
padding: 10px
}
.bf-page-rubrique .bloc-trafic .contenuZfe {
padding: 10px;
padding-top: 5px;
padding-bottom: 0px;
}
.bf-page-rubrique .bloc-trafic #article {
padding: 10px;
padding-right: 10px;
min-height: 600px;
background-color: transparent
}
.bf-page-rubrique .bloc-trafic h1 {
padding-top: 22px;
padding-left: 10px;
background-color: transparent
}
.bf-page-rubrique .bloc-trafic .contenu h1 {
padding-top: 12px;
padding-left: 0
}
.bf-page-rubrique .service {
width: auto;
height: auto;
min-height: 500px;
padding: 0 19px 33px 19px;
}
.bf-page-rubrique .degrade {
width: 100%;
height: auto;
min-height: 500px;
}
.bf-page-rubrique .degrade #article {
padding: 10px;
padding-top:15px;
padding-right: 10px;
}
.bf-page-rubrique .degrade #article h1{
background-color: transparent;
}
.bf-page-rubrique .small {
display: none
}
.bf-page-rubrique .couleur-jour {
width: 100%;
height: 60px;
background-color: #eeefea;
position: relative
}
.bf-page-rubrique .couleur-jour .titre {
text-align: left;
height: 47px;
width: 170px;
padding-top: 13px;
padding-left: 30px;
background-color: #e0e1dc;
float: left;
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold
}
.bf-page-rubrique .couleur-jour .bloc-plus {
position: relative;
height: 60px;
float: left;
margin-right: 17px
}
.bf-page-rubrique .couleur-jour .bloc-plus .plus {
cursor: pointer;
position: absolute;
background-image: url("../_images/plus2.png");
float: left;
height: 25px;
width: 25px;
margin-left: -12px;
margin-top: 17px;
margin-right: 20px;
z-index: 1001
}
.bf-page-rubrique .couleur-jour .bloc-plus .plus:hover {
background-image: url("../_images/plus2_hover.png")
}
.bf-page-rubrique .couleur-jour .bloc-plus .ombre-couleur {
position: absolute;
height: 60px;
width: 12px;
z-index: 80
}
.bf-page-rubrique .couleur-jour .depart,.bf-page-rubrique .couleur-jour .retour
{
float: left;
height: 12px;
width: 117px;
margin-top: 15px;
padding-top: 5px;
padding-bottom: 10px;
font-family: Marianne, Arial, Helvetica, sans-serif;
color: #3e3e3e
}
.bf-page-rubrique .couleur-jour .depart {
border-right: solid 1px grey
}
.bf-page-rubrique .liens_utiles {
clear: both;
text-align: left;
font-size: 14px;
padding: 30px 0;
color: #707070
}
.bf-page-rubrique .liens_utiles a {
color: #000091;
text-decoration: none
}
.bf-page-rubrique .liens_utiles a:hover {
text-decoration: underline
}
#couleur-jour-zone {
text-align: left;
position: absolute;
width: 468px
}
#couleur-jour-zone .detail-color {
position: relative;
-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
Direction=145, Strength=3);
width: 457px;
top: 61px
}
#couleur-jour-zone .close-color {
cursor: pointer;
height: 26px;
width: 26px;
position: absolute;
right: -14px;
top: -11px;
background-image: url("../_images/fermer.png")
}
#couleur-jour-zone .close-color:hover {
background-image: url("../_images/fermer_hover.png")
}
#couleur-jour-zone .close-color:active {
background-image: url("../_images/fermer_active.png")
}
#couleur-jour-zone .arrow {
pointer-events: none;
position: absolute;
top: -39px;
left: 180px;
display: block;
width: 0;
height: 0;
border: solid 20px transparent;
border-bottom-color: #fbfbfa;
z-index: 1000
}
#couleur-jour-zone .bloc-info {
width: 425px;
background-color: #fbfbfa;
padding: 14px 15px 5px 15px;
border: solid 1px #9f9f92
}
#couleur-jour-zone .bloc-info .url-calendrier {
margin-top: 5px;
display: inline-block
}
#couleur-jour-zone .bloc-info .type-calendrier {
float: none;
width: auto;
display: inline-block
}
#couleur-jour-zone .bloc-info .zone {
border-bottom: solid 1px #9f9f92;
padding-top: 12px;
padding-bottom: 12px
}
#couleur-jour-zone .bloc-info .zone span {
width: auto;
margin-right: 0;
border: 0;
float: left;
padding-left: 15px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px
}
#couleur-jour-zone .bloc-info .zone .icon-color {
width: 19px;
height: 19px;
margin-top: 2px;
padding-left: 0;
padding-right: 0;
padding-top: 5px;
padding-bottom: 5px
}
#couleur-jour-zone .bloc-info .zone .nom {
width: 200px;
height: 18px;
padding-top: 5px;
padding-bottom: 5px;
float: left;
font-weight: bold;
border-right: solid 1px #9f9f92
}
#couleur-jour-zone .bloc-info .zone .depart {
margin-top: 0;
height: 28px;
width: 107px;
float: left;
border-right: solid 1px #9f9f92;
padding: 0
}
#couleur-jour-zone .bloc-info .zone .retour {
margin-top: 0;
height: 28px;
width: 107px;
float: left;
padding: 0
}
#couleur-jour-zone .bloc-legende {
width: 425px;
background-color: #eeefea;
padding: 14px 10px 10px 20px;
border: solid 1px #9f9f92
}
#couleur-jour-zone .bloc-legende h4 {
margin-bottom: 10px;
margin-left: 0;
margin-top: 0
}
#couleur-jour-zone .bloc-legende .legende-color {
width: 212px;
float: left
}
#couleur-jour-zone .bloc-legende .legende-color .spip_documents {
margin: 0;
margin-bottom: 7px;
display: block;
margin-right: 5px
}
#couleur-jour-zone .bloc-legende .legende-color .spip_documents img {
max-height: 19px;
max-width: 19px;
margin-top: -2px;
padding-right: 0
}
#couleur-jour-zone .bloc-legende .legende-color div {
clear: both
}
.couleur-jour span,#couleur-jour-zone .bloc span {
float: right;
width: 19px;
height: 18px;
margin-right: 20px
}
span.vert {
background-image: url("../_images/fleche_haut_verte.png");
background-repeat: no-repeat
}
span.orange {
background-image: url("../_images/fleche_haut_orange.png");
background-repeat: no-repeat
}
span.rouge {
background-image: url("../_images/fleche_haut_rouge.png");
background-repeat: no-repeat
}
span.noir {
background-image: url("../_images/fleche_haut_noir.png");
background-repeat: no-repeat
}
span.vert-retour {
background-image: url("../_images/fleche_bas_verte.png");
background-repeat: no-repeat
}
span.orange-retour {
background-image: url("../_images/fleche_bas_orange.png");
background-repeat: no-repeat
}
span.rouge-retour {
background-image: url("../_images/fleche_bas_rouge.png");
background-repeat: no-repeat
}
span.noir-retour {
background-image: url("../_images/fleche_bas_noir.png");
background-repeat: no-repeat
}
span.mauvaissurtitrecolor,span.mauvaissurtitrecolor-retour {
background-image: url("../_images/restrictions-temporaires.png");
background-repeat: no-repeat;
background-size: 23px auto
}
#region_info,
#region_info_fullscreen {
}
.no-color #info-carte {
height: 482px
}
.no-color .popupDocument {
top: -428px
}
#info-carte {
height: 424px
}
#liste-info,
#liste-info_fullscreen {
overflow-y: auto;
height:auto;
padding-bottom: 20px;
}
#liste-info_fullscreen .messageErreur,
#liste-info .messageErreur {
text-align: left;
margin-left: 20px;
margin-top: 20px;
font-weight: bold;
margin-right: 20px
}
#liste-info_fullscreen .alerte:hover,#liste-info_fullscreen .alerte:active,#liste-info_fullscreen .actif,
#liste-info .alerte:hover,#liste-info .alerte:active,#liste-info .actif
{
background-color: #fafbfa
}
#liste-info_fullscreen span,
#liste-info span {
display: block;
color: #5f5f5f;
font-size: 10px;
background-size: 100%;
margin: 0;
}
#liste-info_fullscreen .uniquement-nuit,#liste-info_fullscreen .uniquement-jour,#liste-info_fullscreen .poids-lourds,#liste-info_fullscreen .hors-wk-jours-feries,#liste-info_fullscreen .wk-jours-feries,
#liste-info .uniquement-nuit,#liste-info .uniquement-jour,#liste-info .poids-lourds,#liste-info .hors-wk-jours-feries,#liste-info .wk-jours-feries
{
float: right;
height: 23px;
width: 23px
}
#liste-info_fullscreen #htmlContenuPopup span ,
#liste-info #htmlContenuPopup span {
height: auto;
width: auto;
display: block;
float: none;
color: inherit;
font-size: 100%;
background-size: 100%;
margin: 0
}
.truck {
background-image: url(../_images/truck.png);
background-repeat: no-repeat
}
.uniquement-jour {
background-image: url(../_images/uniquement_jour.png);
background-repeat: no-repeat
}
.uniquement-nuit {
background-image: url(../_images/uniquement_nuit.png);
background-repeat: no-repeat
}
.hors-wk-jours-feries {
background-image: url(../_images/hors-we-jours-feries.png);
background-repeat: no-repeat
}
.wk-jours-feries {
background-image: url(../_images/we-jours-feries.png);
background-repeat: no-repeat
}
.alerte {
background-color: #eee;
border-bottom: 1px solid #afafaf;
color: #3e3e3e;
cursor: pointer;
height: 40px;
padding: 0;
text-align: left;
font-family: Marianne, Arial, Helvetica, sans-serif
}
.alerte .bleue,.alerte .jaune {
background-color: #e3e4dd;
width: 15px;
margin-right: 7px;
height: 100%;
float: left
}
.alerte .bleue {
background-color: #1d7fa1;
background-image: -moz-linear-gradient(top, #0f6f91, #3196ba);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0f6f91),
to(#3196ba));
background-image: -webkit-linear-gradient(top, #0f6f91, #3196ba);
background-image: -o-linear-gradient(top, #0f6f91, #3196ba);
background-image: linear-gradient(to bottom, #0f6f91, #3196ba);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0f6f91',
endColorstr='#ff3196ba', GradientType=0)
}
.alerte .jaune {
background-color: #ffd400;
background-image: -moz-linear-gradient(top, #ffeb00, #ffb100);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffeb00),
to(#ffb100));
background-image: -webkit-linear-gradient(top, #ffeb00, #ffb100);
background-image: -o-linear-gradient(top, #ffeb00, #ffb100);
background-image: linear-gradient(to bottom, #ffeb00, #ffb100);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffeb00',
endColorstr='#ffffb100', GradientType=0)
}
.alerte .titreAlerte {
font-weight: bold;
font-size: 12px
}
.alerte .contenuAlerteTrafic {
padding-top: 7px;
padding-left: 17px;
font-size: 11px;
line-height: 14px;
height: 40px
}
.alerte .contenuAlerteTrafic .objet {
width: 400px
}
.alerte img {
float: right;
margin: 0 5px 0 0
}
.alerte .arrow {
width: 5px;
height: 10px;
padding-top: 8px;
padding-right: 10px;
margin-left: 10px
}
.alerte .arromDown {
width: 10px;
height: 8px;
padding-top: 8px;
padding-right: 10px;
margin-left: 10px
}
.alerteColor {
background-color: #e3e4dd
}
div.alerteColor:last-child {
background-color: #fafbfa;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,
Direction=145, Strength=3)
}
.alerte:hover,.alerte:active,.actif {
background-color: #fafbfa
}
#liste-info_fullscreen .alerte .bleue,#liste-info_fullscreen .alerte .jaune,
#liste-info .alerte .bleue,#liste-info .alerte .jaune {
height: 47px;
}
#liste-info_fullscreen .alerte,
#liste-info .alerte {
background-color: #eee;
height: auto;
padding-bottom : 3px;
}
#liste-info_fullscreen .alerte .contenuAlerteTrafic .objet,
#liste-info .alerte .contenuAlerteTrafic .objet {
width: auto;
}
#liste-info_fullscreen .alerte .iconeCommunique,
#liste-info .alerte .iconeCommunique {
height: 35px;
width: 40px;
float: left;
margin-top: 5px;
margin-left: 5px
}
#liste-info_fullscreen .alerte .flash,
#liste-info .alerte .flash {
background-image: url(../_images/flash.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .condition-circulation,
#liste-info .alerte .condition-circulation {
background-image: url(../_images/condition_circulation.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .prevision-circulation,
#liste-info .alerte .prevision-circulation {
background-image: url(../_images/prevision_circulation.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .week-end-colore,
#liste-info .alerte .week-end-colore {
background-image: url(../_images/week-end-colore.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .alerte-meteo,
#liste-info .alerte .alerte-meteo {
background-image: url(../_images/alerte-meteo.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .meteo,
#liste-info .alerte .meteo {
background-image: url(../_images/meteo.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .barriere-degel,
#liste-info .alerte .barriere-degel {
background-image: url(../_images/barriere-degel.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .reglementation-generale,
#liste-info .alerte .reglementation-generale {
background-image: url(../_images/reglementation-generale.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .restrictions-temporaires,
#liste-info .alerte .restrictions-temporaires {
background-image: url(../_images/restrictions-temporaires.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .interdiction,
#liste-info .alerte .interdiction {
background-image: url(../_images/interdiction.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .manifestation,
#liste-info .alerte .manifestation {
background-image: url(../_images/manifestation.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .evenement,
#liste-info .alerte .evenement {
background-image: url(../_images/evenement.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .derogation,
#liste-info .alerte .derogation {
background-image: url(../_images/derogation.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .restrictions,
#liste-info .alerte .restrictions {
background-image: url(../_images/restrictions.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .obstacle,
#liste-info .alerte .obstacle {
background-image: url(../_images/obstacle.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .mesure-gestion-trafic,
#liste-info .alerte .mesure-gestion-trafic {
background-image: url(../_images/mesure_gestion_trafic.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .intemperies,
#liste-info .alerte .intemperies {
background-image: url(../_images/intemperies.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .information,
#liste-info .alerte .information {
background-image: url(../_images/information.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .incident,
#liste-info .alerte .incident {
background-image: url(../_images/incident.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .travaux,
#liste-info .alerte .travaux {
background-image: url(../_images/travaux.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .coupure,
#liste-info .alerte .coupure {
background-image: url(../_images/coupure.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .equip-obligatoires,
#liste-info .alerte .equip-obligatoires {
background-image: url(../_images/equip_obligatoires.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .interdiction-pl,
#liste-info .alerte .interdiction-pl {
background-image: url(../_images/interdiction_pl.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .bouchon,
#liste-info .alerte .bouchon {
background-image: url(../_images/bouchons.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .bouchons,
#liste-info .alerte .bouchons {
background-image: url(../_images/bouchons.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .accident ,
#liste-info .alerte .accident {
background-image: url(../_images/accident.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .etat-routes,
#liste-info .alerte .etat-routes {
background-image: url(../_images/etat-routes.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .pollution
#liste-info .alerte .pollution {
background-image: url(../_images/pollution.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .jour-colore,
#liste-info .alerte .jour-colore {
background-image: url(../_images/jour-colore.png);
background-repeat: no-repeat
}
#liste-info_fullscreen .alerte .enlevement ,
#liste-info .alerte .enlevement {
background-image: url(../_images/enlevement.png);
background-repeat: no-repeat
}
.popupDocument {
background-color: #fff;
width: auto;
position: relative;
z-index: 10000;
text-align: left;
z-index: 1
}
#liste-info .marge-bas {
height: 20px;
background-color : white;
}
.popupDocument h3 {
margin: 0
}
.popupDocument ul {
list-style-type: square
}
.popupDocument li {
list-style-type: square
}
.popupDocument .fichierJoint {
background-image: url(../_images/piece-jointe.png);
background-repeat: no-repeat;
display: inline-block;
width: 23px;
height: 23px;
vertical-align: middle;
margin: 0 10px 0 0
}
.popupDocument .listeAttributs {
height: 25px;
text-align: right;
padding: 4px 4px 4px 0
}
.popupDocument .listeAttributs span {
display: inline-block;
height: 100%;
width: 25px;
background-size: 20px
}
.popupDocument .bandeau {
background-color: white;
display: block;
height: 27px;
width: 25px
}
.popupDocument .bandeau span {
width: 27px;
height: 30px;
display: block;
float: left;
margin: 7px 0 0 20px;
background-size: 27px
}
.popupDocument .bandeau .imgFermer {
position: absolute;
right: 10px;
top: 2px;
margin: 0;
float: right
}
.popupDocument .bandeau .flash {
background-image: url(../_images/flash.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .condition-circulation {
background-image: url(../_images/condition_circulation.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .prevision-circulation {
background-image: url(../_images/prevision_circulation.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .week-end-colore {
background-image: url(../_images/week-end-colore.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .alerte-meteo {
background-image: url(../_images/alerte-meteo.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .meteo {
background-image: url(../_images/meteo.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .barriere-degel {
background-image: url(../_images/barriere-degel.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .reglementation-generale {
background-image: url(../_images/reglementation-generale.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .restrictions-temporaires {
background-image: url(../_images/restrictions-temporaires.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .interdiction {
background-image: url(../_images/interdiction.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .manifestation {
background-image: url(../_images/manifestation.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .restriction {
background-image: url(../_images/restriction.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .obstacle {
background-image: url(../_images/obstacle.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .mesure-gestion-trafic {
background-image: url(../_images/mesure_gestion_trafic.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .intemperies {
background-image: url(../_images/intemperies.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .information {
background-image: url(../_images/information.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .evenement {
background-image: url(../_images/evenement.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .derogation {
background-image: url(../_images/derogation.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .incident {
background-image: url(../_images/incident.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .travaux {
background-image: url(../_images/travaux.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .coupure {
background-image: url(../_images/coupure.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .equip-obligatoires {
background-image: url(../_images/equip_obligatoires.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .interdiction-pl {
background-image: url(../_images/interdiction_pl.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .bouchon {
background-image: url(../_images/bouchons.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .bouchons {
background-image: url(../_images/bouchons.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .accident {
background-image: url(../_images/accident.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .etat-routes {
background-image: url(../_images/etat-routes.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .pollution {
background-image: url(../_images/pollution.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .jour-colore {
background-image: url(../_images/jour-colore.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .enlevement {
background-image: url(../_images/enlevement.png);
background-repeat: no-repeat
}
.popupDocument .bandeau .imgPrint {
margin-top: 10px;
float: right;
margin-right: 11px
}
.popupDocument .bandeau h2 {
margin: 13px 0 0 9px;
float: left;
padding: 0;
background: 0;
background-color: #e0e1dc;
text-align: left;
color: #3e3e3e;
width: 340px;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold
}
.popupDocument .contenuPopup {
/*height: 346px;*/
margin: 0 0 10px 0;
padding: 10px 20px 0 20px;
overflow-y: auto;
display: block
}
.popupDocument .contenuPopup .listePJ .elementPJ {
clear: both;
color: #3e3e3e;
display: block
}
.popupDocument .contenuPopup .listePJ .elementPJ a {
color: #000091;
display: inline-block;
margin: 0 5px 0 30px;
width: 400px
}
.popupDocument .contenuPopup h3 {
margin-left: 0
}
.popupDocument .contenuPopup p {
padding-top: 10px;
margin-left: 0
}
.popupDocument .contenuPopup img {
max-width: 389px
}
.popupDocument .contenuPopup ul {
margin-left: 19px
}
#popup {
width: 458px;
position: relative;
top: -488px;
left: 490px;
z-index: 10000;
text-align: left
}
#popup h3 {
margin: 0
}
#popup #divPopup {
border: solid 1px #dbdbdb
}
#popup .bandeau {
background-color: #e0e1dc;
display: block;
height: 50px;
width: 458px
}
#popup .bandeau .imgEvenement {
float: left;
width: 30px;
margin-top: 10px;
margin-left: 26px
}
#popup .bandeau span {
width: 27px;
height: 26px;
margin: 10px 0 0 10px;
background-size: 100%
}
#popup .bandeau .imgFermer {
position: absolute;
right: 10px;
top: 10px;
margin: 0
}
#popup .bandeau .imgPrint {
margin-top: 10px;
float: right;
margin-right: 11px
}
#popup .bandeau h2 {
margin: 13px 0 0 9px;
float: left;
padding: 0;
background: 0;
background-color: #e0e1dc;
text-align: left;
color: black;
width: 354px;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold
}
#popup .listeAttributs {
height: 23px;
text-align: right;
padding: 8px 4px 0 0
}
#popup .listeAttributs span {
display: inline-block;
height: 100%;
width: 30px
}
#popup .contenuPopup {
height: 374px;
width: 406px;
padding: 15px 26px 20px 26px;
background-color: #f8f9f7;
background-image: -moz-linear-gradient(top, #fff, #eeefea);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff),
to(#eeefea));
background-image: -webkit-linear-gradient(top, #fff, #eeefea);
background-image: -o-linear-gradient(top, #fff, #eeefea);
background-image: linear-gradient(to bottom, #fff, #eeefea);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
endColorstr='#ffeeefea', GradientType=0);
overflow-y: auto;
display: block
}
#popup .contenuPopup .fichierJoint {
background-image: url(../_images/piece-jointe.png);
background-repeat: no-repeat;
display: inline-block;
width: 23px;
height: 23px;
vertical-align: middle;
margin: 0 10px 0 0
}
#popup .contenuPopup .listePJ .elementPJ {
clear: both;
color: #3e3e3e;
display: block
}
#popup .contenuPopup .listePJ .elementPJ a {
color: #000091;
display: inline-block;
margin: 0 5px 0 30px;
max-width: 290px
}
#popup .contenuPopup h3 {
margin-left: 0
}
#popup .contenuPopup p {
padding-top: 10px;
margin-left: 0
}
#popup .contenuPopup img {
max-width: 389px
}
@-moz-document url-prefix (){ #popinTrafic {
overflow: scroll
}
}
#popinTrafic {
background-color: #fcfdfc;
position: relative;
width: 300px;
height: 100%;
max-height: 251px;
overflow-y: scroll;
background-color: #f7f6f4;
background-image: -moz-linear-gradient(top, #fff, #eae8e4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff),
to(#eae8e4));
background-image: -webkit-linear-gradient(top, #fff, #eae8e4);
background-image: -o-linear-gradient(top, #fff, #eae8e4);
background-image: linear-gradient(to bottom, #fff, #eae8e4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
endColorstr='#ffeae8e4', GradientType=0)
}
#popinTrafic h3 {
margin: 0
}
#popinTrafic .close,#popinTrafic .open {
display: block;
width: 0;
height: 0;
float: left;
border: 5px solid #9f9f92;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
margin: -13px 3px 0 0
}
#popinTrafic .close {
border-left-color: #9f9f92
}
#popinTrafic .open {
border-top-color: #9f9f92
}
#popinTrafic .contenuEntetePopin:hover {
cursor: pointer
}
#popinTrafic .commentaire {
text-align: left;
margin: 10px 15px
}
#popinTrafic .important {
text-align: left;
margin: 10px 15px;
color: #024c65;
font-weight: bold
}
#popinTrafic .contenuEntetePopin {
border-top: 1px solid #eae8e4;
height: 52px;
overflow: hidden;
background-color: #fff;
padding: 0;
position: relative;
display: flex;
align-items: center;
}
#popinTrafic .contenuEntetePopin.hauteurTitreVH {
height: 64px;
}
#popinTrafic .contenuEntetePopin .conteneurFleche {
display: inline-block;
vertical-align: middle;
width: 27px
}
#popinTrafic .contenuEntetePopin .lienInterne {
background-image:url(../_images/shortcut.png);
background-repeat: no-repeat;
width:21px;
margin-top:12px;
}
#popinTrafic .contenuEntetePopin .flecheGeneralePopin {
display: inline-block;
vertical-align: middle;
margin: 5px 0 0 9px
}
#popinTrafic .contenuEntetePopin .fichierJoint {
width: 20px;
height: 20px;
float: right;
z-index: 2000;
background-image: url(../_images/piece-jointe.png);
background-repeat: no-repeat
}
#popinTrafic .contenuEntetePopin .fichierJoint:hover {
background-image: url(../_images/piece-jointe-hover.png)
}
#popinTrafic .contenuEntetePopin .titreAttributs {
display: inline-block;
vertical-align: middle;
margin: 1px 0 -5px 5px;
max-width: 209px
}
#popinTrafic .contenuEntetePopin .titreAttributs a {
display: none;
}
#popinTrafic .contenuEntetePopin .titreAttributsSimple {
vertical-align: middle;
width: auto;
text-align: left;
margin: 14px 0 0 10px
}
#popinTrafic .contenuEntetePopin .titreAttributsSimple .titre {
overflow: hidden;
max-height: 30px
}
#popinTrafic .contenuEntetePopin .divPicto {
display: inline-block;
vertical-align: middle;
min-height: 40px;
width: 40px;
padding: 10px 0 0 0
}
#popinTrafic .contenuEntetePopin .divPicto img {
margin: -4px 0 0 0
}
#popinTrafic .contenuEntetePopin .divPictoSimple {
display: inline-block;
vertical-align: middle;
min-height: 40px;
width: 40px;
padding: 10px 0 0 0
}
#popinTrafic .contenuEntetePopin .divPictoSimple img {
margin: -4px 0 0 0
}
#popinTrafic .contenuEntetePopin .divPictoLienVH {
display: inline-block;
vertical-align: middle;
border-right: 1px solid #9f9f92;
border-left: 1px solid #9f9f92;
min-height: 40px;
width: 40px;
padding: 10px 0 0 0
}
#popinTrafic .contenuEntetePopin .divPictoLienVH img {
margin: -4px 0 0 0
}
#popinTrafic .contenuEntetePopin .close,#popinTrafic .contenuEntetePopin .open
{
border: 8px solid #000091;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
float: none;
width: 0
}
#popinTrafic .contenuEntetePopin .close {
border-left-color: #000091;
margin: -3px 0 0 5px
}
#popinTrafic .contenuEntetePopin .open {
border-top-color: #000091;
margin: 10px 4px 0 0
}
#popinTrafic .contenuEntetePopin span {
width: 27px;
height: 30px;
display: block;
float: left;
margin: 0 0 0 5px;
background-size: 100%
}
#popinTrafic .contenuEntetePopin .flash {
background-image: url(../_images/flash.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .condition-circulation {
background-image: url(../_images/condition_circulation.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .prevision-circulation {
background-image: url(../_images/prevision_circulation.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .week-end-colore {
background-image: url(../_images/week-end-colore.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .alerte-meteo {
background-image: url(../_images/alerte-meteo.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .meteo {
background-image: url(../_images/meteo.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .obstacle {
background-image: url(../_images/obstacle.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .barriere-degel {
background-image: url(../_images/barriere-degel.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .reglementation-generale {
background-image: url(../_images/reglementation-generale.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .restrictions-temporaires {
background-image: url(../_images/restrictions-temporaires.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .interdiction {
background-image: url(../_images/interdiction.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .manifestation {
background-image: url(../_images/manifestation.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .restriction {
background-image: url(../_images/restriction.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .restriction_prevision {
background-image: url(../_images/restriction_prevision.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .obstacle {
background-image: url(../_images/obstacle.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .obstacle_prevision {
background-image: url(../_images/obstacle_prevision.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .mesure-gestion-trafic {
background-image: url(../_images/mesure_gestion_trafic.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .mesure-gestion-trafic_prevision {
background-image: url(../_images/mesure_gestion_trafic_prevision.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .intemperies {
background-image: url(../_images/intemperies.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .intemperies_prevision {
background-image: url(../_images/intemperies_prevision.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .information {
background-image: url(../_images/information.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .information_prevision {
background-image: url(../_images/information_prevision.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .incident {
background-image: url(../_images/incident.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .incident_prevision {
background-image: url(../_images/incident_prevision.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .evenement {
background-image: url(../_images/evenement.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .derogation {
background-image: url(../_images/derogation.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .travaux {
background-image: url(../_images/travaux.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .travaux_prevision {
background-image: url(../_images/travaux_prevision.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .coupure {
background-image: url(../_images/coupure.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .coupure_prevision {
background-image: url(../_images/coupure_prevision.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .equip-obligatoires {
background-image: url(../_images/equip_obligatoires.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .equip-obligatoires_prevision {
background-image: url(../_images/equip_obligatoires_prevision.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .interdiction-pl {
background-image: url(../_images/interdiction_pl.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .interdiction-pl_prevision {
background-image: url(../_images/interdiction_pl_prevision.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .accident {
background-image: url(../_images/accident.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .accident_prevision {
background-image: url(../_images/accident_prevision.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .bouchon {
background-image: url(../_images/bouchons.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .bouchon_prevision {
background-image: url(../_images/bouchon_prevision.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .bouchons {
background-image: url(../_images/bouchons.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .etat-routes {
background-image: url(../_images/etat-route.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .pollution {
background-image: url(../_images/pollution.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .jour-colore {
background-image: url(../_images/jour-colore.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .enlevement {
background-image: url(../_images/enlevement.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .camera {
background-image: url(../_images/camera1.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .cameraKO {
background-image: url(../_images/cameraKO.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .lienVH {
background-image: url(../_images/lienVH.png);
background-repeat: no-repeat;
margin-top: 3px;
margin-left: 7px;
}
#popinTrafic .contenuEntetePopin .C1 {
background-image: url(../_images/C1.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .C2 {
background-image: url(../_images/C2.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .C3 {
background-image: url(../_images/C3.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .C4 {
background-image: url(../_images/C4.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .NR {
background-image: url(../_images/NR.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .C1-daltonien {
background-image: url(../_images/C1-daltonien.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .C2-daltonien {
background-image: url(../_images/C2-daltonien.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .C3-daltonien {
background-image: url(../_images/C3-daltonien.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .C4-daltonien {
background-image: url(../_images/C4-daltonien.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .NR-daltonien {
background-image: url(../_images/NR-daltonien.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .zfe-nouvelle {
background-image: url(../_images/zfe-nouvelle.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .zfe-existante {
background-image: url(../_images/zfe-existante.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .contenuEntetePopin .zfe-projet {
background-image: url(../_images/zfe-projet.png);
background-repeat: no-repeat;
margin-top: 3px;
}
#popinTrafic .marginIconeTitre {
margin-right: 10px !important;
}
#popinTrafic .titre {
font-family: Marianne, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #197191;
max-width: 209px;
min-width: 209px;
text-align: left;
margin: 0;
}
#popinTrafic .imgFermer {
margin-left: 279px
}
#popinTrafic .attributs {
display: inline-block;
float: left;
padding-top: 4px
}
#popinTrafic .attributs .truck {
background-image: url(../_images/truck.png);
background-repeat: no-repeat
}
#popinTrafic .attributs .uniquement-jour {
background-image: url(../_images/uniquement_jour.png);
background-repeat: no-repeat
}
#popinTrafic .attributs .uniquement-nuit {
background-image: url(../_images/uniquement_nuit.png);
background-repeat: no-repeat
}
#popinTrafic .attributs .hors-wk-jours-feries {
background-image: url(../_images/hors-we-jours-feries.png);
background-repeat: no-repeat
}
#popinTrafic .attributs .wk-jours-feries {
background-image: url(../_images/we-jours-feries.png);
background-repeat: no-repeat
}
#popinTrafic .attributs span {
display: block;
float: left;
color: #5f5f5f;
font-size: 10px;
background-size: 100%;
margin: 0 0 5px 0;
width: 15px;
height: 15px
}
#popinTrafic .attributs img {
display: block;
width: 15px;
height: 15px;
padding-left: 10px;
margin: -3px 0 5px 0
}
#popinTrafic .lienFlocon {
color:#197191;
cursor:alias;
}
#popinTrafic .unElement {
clear: both;
color: #5f5f5f;
min-height: 20px;
border-top: 1px solid #eae8e4;
padding: 15px 0 10px 10px;
text-align: left;
width: auto
}
#popinTrafic .unElement .open {
margin: 6px 8px 0 -4px
}
#popinTrafic .unElement .close {
margin: 3px 4px 0 0
}
#popinTrafic .unElement .titreElement:hover {
cursor: pointer
}
#popinTrafic .unElement .titreElement {
font-family: Marianne, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #096789;
background-color: transparent;
background: 0;
display: block
}
#popinTrafic .unElement .unContenu {
margin: 10px 16px
}
#popinTrafic .unElement .unContenuSimple {
margin: 10px 0
}
#popinTrafic .unElement .little-arrow-down {
border-top-color: #3e3e3e
}
#popinTrafic .unElement .little-arrow-right {
border-left-color: #3e3e3e
}
#popinTrafic .unElement .little-arrow-right .open {
margin: 7px 5px 0 -5px
}
#popinTrafic .unElement .little-arrow-right .open {
margin: 7px 8px 0 -5px
}
#popinTrafic .popup-simple-carto {
height: auto;
padding: 5px 5px 20px 5px
}
#popinTrafic .popup-simple-carto .titreAttributsSimple {
margin-top: 5px
}
#popinTrafic .popup-simple-carto .attributs {
height: 0
}
#popinTrafic .contenuPopupCamera .unContenuCamera .logoCameraAgregat{
position:relative;
width:71px;
height:41px;
bottom:16px;
}
#popinTrafic .contenuPopupCamera .unContenuCamera .sourceCameraAgregat{
position:relative;
width:187px;
bottom:42px;
right:-78px;
text-align:right;
font-size:12px
}
#popinTrafic .unElement.lienZFE {
padding: 0px 0 0px 0px;
text-align: center;
}
.lienVHURL {
font-family: Marianne, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: blue;
text-decoration: none
}
.lienVHURL:hover {
cursor: alias;
color:#197191;
}
.lienVHURL:active {
color: #197191;
}
/*style specifique traficolor et vh*/
/*commande prese en haut 97 sur 100hv*/
#bf-rubrique-traficolor #commande,
#bf-rubrique-vh #commande
{
position: relative;
padding-top: 0px;
margin-top: -99vh;
}
/*vh:cas petite carte*/
#bf-body-vh #commande
{
position: absolute;
padding-top: 0px;
margin-top: 0px;
right:0px;
top:0px;
width:100%;
}
/*vh: page zoomhiver.html (plein écran)*/
#boutonCloseEtLegendeVH #commande
{
position: absolute;
padding-top: 0px;
margin-top: 0px;
right:0px;
top:0px;
width:100%;
}
#boutonCloseEtLegendeVH #commande a {
margin: 0 5px 0 0;
position: absolute;
height: 25px;
width: 20px;
top: -15vh;
right: 10px !important;
left: unset !important;
}
#boutonCloseEtLegendeVH {
height: 500px;
width: 0;
top: 17vh;
position: absolute;
right: 0;
}
#boutonCloseEtLegendeVH .legende {
position: initial;
float: right;
}
#boutonCloseEtLegendeVH .legende .ouvrir-legendeVH {
display: block;
background-image: url('../_images/legendeVHOff.png');
width:30px;
height:30px;
float:right;
padding-top:10px;
padding-right:10px;
margin-top:0;
margin-right:20px;
}
#boutonCloseEtLegendeVH #clicklegendeCCH {
height:57px;
width:170px;
overflow:hidden;
padding:0px;
margin:0px;
border-radius:20px;
position:absolute;
right:48vw;
top:-15vh;
background-color:transparent !important;
}
/*travaux*/
#bf-body-travaux #commande
{
position: absolute;
padding-top: 0px;
margin-top: 0px;
right:0px;
top:0px;
width:100%;
}
/*traficolor: bouton close-map*/
.bf-page-rubrique #bf-rubrique-traficolor .bloc-trafic #commande .close-map ,
.bf-page-rubrique #bf-rubrique-vh .bloc-trafic #commande .close-map
{
display: Block;
padding-right: 4px !important;
margin-top: 1px !important;
}
/*vh:pas de close quand il y a un menu */
.bf-page-rubrique #bf-rubrique-vh.bf-menu-vh .bloc-trafic #commande .close-map
{
display: none;
}
/*traficolor: pas de bouton full-map*/
.bf-page-rubrique #bf-rubrique-traficolor .bloc-trafic #commande .full-map,
.bf-page-rubrique #bf-rubrique-vh .bloc-trafic #commande .full-map-VH
{
display: none;
}
/*vh: bouton full map quand il y a un menu vh*/
.bf-page-rubrique #bf-rubrique-vh.bf-menu-vh .bloc-trafic #commande .full-map-VH
{
display: Block;
left:8px !important;
}
/*traficolor: pas de bouton extend*/
.bf-page-rubrique #bf-rubrique-traficolor .bloc-trafic #commande .extend-map,
.bf-page-rubrique #bf-rubrique-vh .bloc-trafic #commande .extend-map
{
display: none
}
/*traficolor: pas de bouton reduce*/
.bf-page-rubrique #bf-rubrique-traficolor .bloc-trafic #commande .reduce-map,
.bf-page-rubrique #bf-rubrique-vh .bloc-trafic #commande .reduce-map
{
display: none
}
#bf-rubrique-traficolor #carte ,
#bf-rubrique-vh #carte
{
width: 100%;
height: 100vh;
position: relative !important;
z-index: 0
}
/*traficolor: bloc gauche taille 0*/
.bf-page-rubrique #bf-rubrique-traficolor #bloc-left ,
.bf-page-rubrique #bf-rubrique-vh #bloc-left
{
float: right;
margin: 0;
width: 0px;
height: 100%;
position: relative
}
/*traficolor: bloc droit taille 100vh: pleine hauteur, 100% pleine largeur*/
.bf-page-rubrique #bf-rubrique-traficolor #bloc-right ,
.bf-page-rubrique #bf-rubrique-vh #bloc-right
{
float: left;
margin: 0;
width: 100%;
height: 100vh;
position: relative
}
/*traficolor:carte taille 980*/
.bf-page-rubrique #bf-rubrique-traficolor .bloc-trafic #carte ,
.bf-page-rubrique #bf-rubrique-vh .bloc-trafic #carte {
width: 100%;
margin-left: 0px
}
/*traficolor:bouton retour avec logo bison futé*/
#bf-rubrique-traficolor .btn-retour a ,#bf-rubrique-trafic-onglet .btn-retour a
{
width: 85px;
height: 50px;
position: absolute;
bottom: 0px;
left: 0px;
background-image: url('../_images/bf_petit_logo.png');
background-repeat: no-repeat;
z-index: 100;
}
/*vh:bouton retour avec logo bison futé hiver*/
#bf-rubrique-vh .btn-retour a
{
width: 85px;
height: 50px;
position: absolute;
bottom: 0px;
left: 0px;
background-image: url('../_images/bf_petit_logo_hiver.png');
background-repeat: no-repeat;
z-index: 100;
}
#bf-rubrique-traficolor div .btn-retour ,
#bf-rubrique-vh div .btn-retour ,
#bf-rubrique-trafic-onglet div .btn-retour
{
position: static;
float: left;
}
#bf-rubrique-traficolor .div-btn-retour-horodate-traficolor,
#bf-rubrique-vh .div-btn-retour-horodate-traficolor ,#bf-rubrique-trafic-onglet .div-btn-retour-horodate-traficolor
{
width: 85px;
height: 82px;
float: left;
position: absolute;
bottom: 10px;
left: 10px;
right: inherit;
z-index: 100;
}
#bf-rubrique-vh .div-btn-retour-horodate-traficolor .communiques {
position: absolute;
bottom: 0;
left: 86px;
float: left
}
.bf-trafic-plein-ecran .communiques {
left: 86px;
}
/*traficolor:Horodate publication du traficolor*/
#bf-rubrique-traficolor .horodate-traficolor ,#bf-rubrique-trafic-onglet .horodate-traficolor
{
width: 150px;
height: 15px;
float: left;
left: 100px;
position: static;
bottom: 0px;
left: 0px;
background: #000091;
background: linear-gradient(to top, #a33708 0%, #000091 100%);
position: absolute;
color: black;
color: #FFF;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#bf-rubrique-vh .horodate-vh
{
width: 150px;
height: 15px;
float: left;
left: 100px;
position: static;
bottom: 0px;
left: 0px;
background: #000091;
background: linear-gradient(to top, #0032ff 0%, #00c4ff 100%);
position: absolute;
color: black;
color: #FFF;
font-family: Marianne, Arial, Helvetica, sans-serif;
font-size: 12px;
}
/* Classes CSS de l'onglet previsions */
#dateCourante {
height: 15px;
font-weight: bold;
font-size: 1.4em;
width: 710px;
padding-left: 20px;
padding-top: 5px;
margin-bottom: 8px;
text-align: center;
}
#cartes-previsions {
padding-top: 14px;
width: 100%;
height: 250px;
}
.titlePrevisions {
font-size: 13px;
font-weight: bold;
color: #3e3e3e;
padding-left: 20px;
margin: 5px 0 5px 0;
}
#cartes {
width: 400px;
}
#carteDepart {
padding-top: 10px;
}
#carteDepartViaduc {
margin-right: 10px;
width: 150px;
}
#carteRetour {
padding-top: 10px;
}
#marge-avant {
width: 100px;
}
#marge-apres {
width: 100px;
}
#jour-suivant {
width: 30px;
top: 25px;
vertical-align: middle;
}
#jour-precedent {
width: 30px;
top: 25px;
vertical-align: middle;
}
.suivant-actif button {
background-image: url(../_images/puce_orange_mobile.png);
filter: none;
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
top: 25px;
border: 0;
display: block;
background-color: white
}
.precedent-actif button {
background-image: url(../_images/puce_orange_mobile_gauche.png);
filter: none;
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
top: 25px;
border: 0;
display: block;
background-color: white
}
.suivant-actif button:hover,.precedent-actif button:hover {
cursor: pointer;
outline-width: 2px;
outline-color: #c5c5c5;
}
.suivant-actif button:focus,#jour-precedent button:focus {
cursor: pointer;
outline-width: 0px;
}
.suivant-inactif button {
background-image: url(../_images/puce_orange_mobile_inactive.png);
filter: none;
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
top: 25px;
border: 0;
display: block;
background-color: white
}
.precedent-inactif button {
background-image: url(../_images/puce_orange_mobile_gauche_inactive.png);
filter: none;
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 30px;
top: 25px;
border: 0;
display: block;
background-color: white
}
#legende {
background-image: url(../_images/legendePrevisions.png);
background-repeat: no-repeat;
background-position: center center;
width: 250px;
}
#legende.modeDaltonien{
background-image: url(../_images/legendePrevisionsDaltonien.png) !important;
}
#calendrierbf{
min-height: 30px;
padding-top: 30px;
padding-left: 40px;
}
#nextWeekendsLegend th {
width: 35px;
height: 35px;
margin-right: 10px;
font-weight: bold;
}
#prochainsjours{
width: 100%;
padding-left: 40px;
padding-right: 50px;
padding-bottom: 50px;
}
.titlePrevisions{
font-size: 13px;
font-weight: bold;
color: #3e3e3e;
padding-left:20px;
}
.prochainsJours {
border-collapse: separate;
border-spacing: 5px 5px;
margin-right: 5px;
float: left;
height: auto;
}
.nextWeekendsLegend th {
vertical-align: middle;
font-size: 1.1em;
height: 45px;
}
.prochainsJours td,
.prochainsJours th {
width: 35px;
height: 35px;
cursor: pointer;
}
#contenuprochainsjours {
width: 82%;
float: left;
margin-left: 10px;
overflow-x: scroll;
}
.eventRed a {
background-color: #e10010 !important;
background-image :none !important;
color: #ffffff !important;
}
.eventGreen a {
background-color: #92d050 !important;
background-image :none !important;
color: #ffffff !important;
}
.eventOrange a {
background-color: #fec002 !important;
background-image :none !important;
color: #ffffff !important;
}
.eventBlack a {
background-color: #000000 !important;
background-image :none !important;
color: #ffffff !important;
}
.eventRedDaltonien a {
background-color: #951F82 !important;
background-image :none !important;
color: #ffffff !important;
}
.eventGreenDaltonien a {
background-color: #5EA9DE !important;
background-image :none !important;
color: #ffffff !important;
}
.eventOrangeDaltonien a {
background-color: orange !important;
background-image :none !important;
color: #ffffff !important;
}
.eventBlackDaltonien a {
background-color: #000000 !important;
background-image :none !important;
color: #ffffff !important;
}
#sliderBox {
position: relative;
width:100%;
height: 200px;
overflow: hidden;
display: block;
}
#slideMov {
position: absolute;
top:0;
left:0;
white-space: nowrap;
}
#acceuil #colonne1 #fond table tr #departs{
margin-right: 140px;
}
#acceuil #colonne1 #fond table tr #retours{
margin-left: -140px;
}
/*IE compatibilité svg */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#acceuil #colonne1 #fond table tr td #carteRetour #map-retour #map-retour-svg {
width: 100%;
height: 150%;
margin-left: -80px;
}
#acceuil #colonne1 #fond table tr #couleurs{
margin-left: -50px;
}
#acceuil #colonne1 #fond table tr #departs{
margin-right: 230px;
}
#acceuil #colonne1 #fond table tr #retours{
margin-left: -290px;
}
}
.posisitionEvent{
margin-left:-9px !important;
}
#cartes-restrictions{
background-color: #eee3;
border: 1px solid #eee;
margin-bottom: 14px;
padding-bottom: 14px
}
.restirctions_hivernales_text {
padding:15px;
text-align: left;
}
.restirctions_hivernales_text h1 {
background-color: rgba(0,0,0,0);
}
.heyo:hover {
fill: #CC2929 !important;
transition: 0.3s;
}
.zd-sud{
fill:gray;
}
.zd-sud-est{
fill:#0032cb;
}
.zd-ouest {
fill:#cbedff;
}
.zd-haut-de-france{
fill:#dee863;
}
.zd-idf{
fill:#32cdfe;
}
.zd-est {
fill:#36a0c4;
}
.zd-sud-ouest{
fill:#3499ff;
}
.zd-enabled {
cursor: pointer;
stroke:#fff;
transition: 0.3s;
}
.titre-zd {
pointer-events: none;
position: absolute;
font-size: 14px;
font-weight: 700;
text-align: center;
background: white;
padding: 10px 15px;
z-index: 5;
width : 30%;
margin: 0 auto;
color: #21669e;
border-radius: 5px;
box-shadow: 0 0 0 1px #eee;
transform :translateX(-50%);
display: none;
}
.titre-zd:after{
content: "";
position: absolute;
left: 50%;
top: 100%;
width: 0;
height: 0;
margin-left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid white;
}
.active {
display: inline-block !important;
}
.infinite-carrousel {
background: #333;
color: #fff;
font-size: 22pt;
text-align: center;
font-family: Marianne, 'Teko';
letter-spacing: 0.15em;
}
.wrap {
position: relative;
height: 191px;
width: 600px;
margin: 0 auto;
box-shadow:7px 7px 5px 0px rgba(0, 0, 0, 0.25);
}
.window {
overflow: hidden;
position: relative;
background: #222;
}
.carousel {
width: 10000px;
position: relative;
}
.slide {
height: 191px;
width: 252px;
cursor: pointer;
float: left;
position: relative;
float: left;
transform: translate(-252px);
display: flex;
flex-direction: column;
justify-content: center;
}
#prev, #next {
cursor: pointer;
position: absolute;
font-size: 14pt;
}
#prev { left: 0 }
#next { right: 0 }
.transition_carrousel {
transition: .7s;
}
.animate{
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
}
/* page courbes bouchons */
#bouchons .header-searchBouchons .bloc-search .date .ui-datepicker-trigger {
vertical-align: middle;
cursor:pointer;
}
#bouchons .header-searchBouchons .bloc-search .zonesGeo {
width: 314px;
float: left;
}
#bouchons .header-searchBouchons .bloc-search .zonesGeo .listeZonesGeo {
min-width: 162px;
cursor:pointer;
}
#bouchons .header-searchBouchons .bloc-search #choixAgglo {
width: 344px;
float: left;
}
#bouchons .header-searchBouchons .bloc-search #choixAgglo .labelAgglo{
margin-left: 18px;
}
#bouchons .header-searchBouchons .bloc-search #choixAgglo .listeAgglos {
min-width: 162px;
cursor:pointer;
}
#bouchons .header-searchBouchons .bloc-search .divMessageActualisation {
float: inline-end;
width: 315px;
}
#bouchons .header-searchBouchons .bloc-search #dateActualisation {
margin-top: 12px;
font-style: italic;
font-size: smaller;
}
#bouchons .header-searchBouchons .bloc-search .divJourAnalyse {
float: left;
width: 27%;
}
#bouchons .header-searchBouchons .bloc-search .labelJourAnalyse {
margin-left: 40px;
vertical-align: middle;
}
#bouchons .header-searchBouchons .bloc-search .saisieJourAnalyse {
width: 75px;
vertical-align: middle;
cursor:pointer;
}
#bouchons .header-searchBouchons .bloc-search .divJoursRemarq {
float: left;
width: 376px;
}
#bouchons .header-searchBouchons .bloc-search .labelJoursRemarq {
vertical-align: middle;
}
#bouchons .header-searchBouchons .bloc-search .saisieJoursRemarq {
width: 75px;
vertical-align: middle;
cursor:pointer;
}
#bouchons .header-searchBouchons .bloc-search .divMessagesErrCR {
float: left;
width: 347px;
margin-left: -10px;
color: red;
}
#bouchons .divMessagesErrBouchons {
float: left;
width: 100%;
color: red;
}
#bouchons h3 {
font-family: Marianne, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 15px;
color: black;
margin: 15px 0 5px 0;
background: 0;
display: block;
text-decoration:underline;
}
/* Legende courbes bouchons */
.legend {
display: flex;
flex-wrap: wrap;
justify-content: center;
color:#6d6d6d;
}
.legend .item {
display: inline-flex;
padding: 7px;
align-items: center;
cursor: pointer;
}
.legend .item.hidden {
text-decoration: line-through;
}
.legend .item span {
background: black;
height: 15px;
width: 15px;
margin-right: 5px;
}
.legend .item span.line {
border-bottom: 3px solid;
height: 0;
width: 37px;
}
.legend .item span.line.dotted {
background-size :1px 5px;
background-repeat: repeat-x;
border-bottom:2px #fff dashed;
}
/* Restrictions hivernales - arretes VH */
#arretes_vh .nature_CREATION {
color:blue;
}
#arretes_vh .nature_ACTUALISATION {
color:red;
}
#arretes_vh .nature_FIN {
color:green;
}
/* FIN Restrictions hivernales - arretes VH */
/* Cartes des mesures de trafic */
#bf-body-cartesmesures .bf-imprimer-bouton {
display:none;
}
#article #legendeDaltonien img,#article #legendeDaltonien .spip_documents {
max-width: 357px
}
#popinTrafic .contenuEntetePopinMesures span {
margin: 0 0 0 0px !important;
}
#popinTrafic .contenuEntetePopin .mesuresTrafic {
background-image: url(../_images/flash.png);
background-repeat: no-repeat;
margin-top: 3px;
width:35px !important;
}
#popinTrafic .unElement .unContenuTrafic {
margin: 10px 16px
}
.mesureTrafic {
list-style-type: disc;
margin-left: 20px !important;
}
#popinTrafic .unElement .unContenuVolontaire {
margin: 10px 16px
}
.mesureVolontaire {
list-style-type: disc;
margin-left: 20px !important;
}
/* FIN Cartes des mesures de trafic */
/* Debut mise en page Bouton gestionnaire cookies*/
#show-cookies-handler {
padding: 0;
background-color: inherit;
background-image: inherit;
border: none;
color: #000091;
}
#show-cookies-handler:hover {
text-decoration: underline
}
/* Fin mise en page Bouton gestionnaire cookies*/
@font-face {
font-family: 'Marianne';
font-style: normal;
font-weight: normal;
src: url("../_fonts/marianne/Marianne-Regular.otf");
}
@font-face {
font-family: 'Marianne';
font-style: normal;
font-weight: bold;
src: url("../_fonts/marianne/Marianne-Bold.otf");
}
@font-face {
font-family: 'Marianne';
src: url("../_fonts/marianne/Marianne-Thin.otf");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url("../_fonts/marianne/Marianne-Light.otf");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url("../_fonts/marianne/Marianne-Regular.otf");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url("../_fonts/marianne/Marianne-Medium.otf");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url("../_fonts/marianne/Marianne-Bold.otf");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url("../_fonts/marianne/Marianne-ExtraBold.otf");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url("../_fonts/marianne/Marianne-ExtraBold.otf");
font-weight: 900;
font-style: normal;
}
/*
* This combined file was created by the DataTables downloader builder:
* https://datatables.net/download
*
* To rebuild or modify this file with the latest versions of the included
* software please visit:
* https://datatables.net/download/#dt/dt-1.10.24
*
* Included libraries:
* DataTables 1.10.24
*/
/*
* Table styles
*/
table.dataTable {
width: 100%;
margin: 0 auto;
clear: both;
border-collapse: separate;
border-spacing: 0;
/*
* Header and footer styles
*/
/*
* Body styles
*/
}
table.dataTable thead th,
table.dataTable tfoot th {
font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
padding: 10px 18px;
border-bottom: 1px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
padding: 10px 18px 6px 18px;
border-top: 1px solid #111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
cursor: pointer;
*cursor: hand;
background-repeat: no-repeat;
background-position: center right;
}
table.dataTable thead .sorting {
background-image: url("DataTables-1.10.24/images/sort_both.png");
}
table.dataTable thead .sorting_asc {
background-image: url("DataTables-1.10.24/images/sort_asc.png") !important;
}
table.dataTable thead .sorting_desc {
background-image: url("DataTables-1.10.24/images/sort_desc.png") !important;
}
table.dataTable thead .sorting_asc_disabled {
background-image: url("DataTables-1.10.24/images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
background-image: url("DataTables-1.10.24/images/sort_desc_disabled.png");
}
table.dataTable tbody tr {
background-color: #ffffff;
}
table.dataTable tbody tr.selected {
background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
padding: 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
background-color: #a5b2cb;
}
table.dataTable.no-footer {
border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
padding: 4px 17px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
white-space: nowrap;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
box-sizing: content-box;
}
/*
* Control feature layout
*/
.dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1;
zoom: 1;
}
.dataTables_wrapper .dataTables_length {
float: left;
}
.dataTables_wrapper .dataTables_length select {
border: 1px solid #aaa;
border-radius: 3px;
padding: 5px;
background-color: transparent;
padding: 4px;
}
.dataTables_wrapper .dataTables_filter {
float: right;
text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
border: 1px solid #aaa;
border-radius: 3px;
padding: 5px;
background-color: transparent;
margin-left: 3px;
}
.dataTables_wrapper .dataTables_info {
clear: both;
float: left;
padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
float: right;
text-align: right;
padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 0.5em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: #333 !important;
border: 1px solid transparent;
border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: #333 !important;
border: 1px solid #979797;
background-color: white;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
/* IE10+ */
background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
/* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor: default;
color: #666 !important;
border: 1px solid transparent;
background: transparent;
box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: white !important;
border: 1px solid #111;
background-color: #585858;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, #585858 0%, #111 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, #585858 0%, #111 100%);
/* IE10+ */
background: -o-linear-gradient(top, #585858 0%, #111 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, #585858 0%, #111 100%);
/* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline: none;
background-color: #2b2b2b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* IE10+ */
background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
/* W3C */
box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 40px;
margin-left: -50%;
margin-top: -25px;
padding-top: 20px;
text-align: center;
font-size: 1.2em;
background-color: white;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
color: #333;
}
.dataTables_wrapper .dataTables_scroll {
clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
*margin-top: -1px;
-webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
height: 0;
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
border-bottom: none;
}
.dataTables_wrapper:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
@media screen and (max-width: 767px) {
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
float: none;
text-align: center;
}
.dataTables_wrapper .dataTables_paginate {
margin-top: 0.5em;
}
}
@media screen and (max-width: 640px) {
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
float: none;
text-align: center;
}
.dataTables_wrapper .dataTables_filter {
margin-top: 0.5em;
}
}
#map-communiques-dir-svg {
position: relative;
height: 640px;
text-align: center;
border-radius: 2px;
border: 1px solid #eee;
}
#french-map, #dir-map {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
#french-map {
z-index: 1;
}
#dir-map {
z-index: 2;
}
.map-tooltip {
position: fixed;
text-align: center;
z-index: 1000;
color: #777;
padding: 10px 25px 10px 25px;
font: 12px sans-serif;
background: #fff;
border: 1px solid #0000;
border-radius: 8px;
pointer-events: none;
}
/* Début css abonnement */
#subscribePage {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 12px;
padding-bottom: 32px;
box-sizing: border-box;
}
#subscribePage h3 {
background-color: #009090;
color: #fff;
padding: 5px;
margin-bottom: 12px;
}
#subscribePage h4 {
color: #222;
padding: 5px;
}
.sub__access-bloc {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: 32px;
}
.sub__access-btn {
text-decoration: none !important;
background-color: #ffca00;
color: #000;
padding: 8px 30px;
margin: 0 10px 0 50px;
border-radius: 5px;
box-shadow: 1px 1px 2px 1px #0005;
}
.sub__access-btn:hover {
box-shadow: 1px 1px 1px 1px #0002;
}
.sub__access-btn:active {
box-shadow: inset 1px 1px 2px 1px #0005;
color: #fff;
}
#subUpdate {
background-color: #ddd;
}
.sub__article-content {
width: 100%;
text-align: left;
}
.stepper__loader-content {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.stepper__loader {
border: 4px solid #ffca0040; /* Light grey */
border-top: 4px solid #000090; /* Blue */
border-radius: 50%;
width: 50px;
height: 50px;
margin-bottom: 32px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.stepper__form-content form {
margin-top: 24px;
margin-bottom: 32px;
}
.sub__form-content {
min-height: 600px;
width: 700px;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: left;
}
.sub__form-content h2 {
background-color: transparent;
}
.fr-stepper {
margin-bottom: 0;
}
.stepper__form-content {
height: 100%;
width: 100%;
}
.stepper__form-content input {
padding-left: 16px;
height: 42px;
}
.stepper__form-content input,
.stepper__form-content select {
height: 42px;
border: 1px solid #ddd;
box-shadow: inset 0 -2px 0 0 #0003;
}
.stepper__form-content input:hover,
.stepper__form-content select:hover {
box-shadow: inset 0 -2px 0 0 #00009090;
}
.stepper__form-content select:disabled:hover {
box-shadow: none;
}
.stepper__form-content input:active,
.stepper__form-content input:required:active,
.stepper__form-content input:focus,
.stepper__form-content input:required:focus,
.stepper__form-content input:focus-visible,
.stepper__form-content input:required:focus-visible {
border: 1px solid #00009090;
box-shadow: inset 0 -2px 0 0 #000090;
outline: none;
}
.stepper__form-content select:active,
.stepper__form-content select:required:active,
.stepper__form-content select:focus,
.stepper__form-content select:required:focus {
border: 1px solid #00009090;
box-shadow: inset 0 0 36px 2px #00009010;
}
.stepper__form-content select option:hover,
.stepper__form-content select option:focus,
.stepper__form-content select option:hover {
background-color: #00009010;
}
.stepper__form-content select option:disabled,
.fr-select .optionTitle {
background-color: #fff !important;
color: #777 !important;
line-height: 2rem;
font-size: 1rem;
border-bottom: 2px solid #000090 !important;
}
.stepper__form-content .fr-checkbox-group {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.stepper__form-content .fr-checkbox-group input {
box-shadow: none;
}
.fr-h2 {
font-size: 22px !important;
padding-left: 0;
margin-bottom: 0 !important;
}
.fr-h3 {
font-weight: 700 !important;
font-size: 1.5rem !important;
line-height: 2rem !important;
margin: var(--title-spacing);
}
.fr-h1 {
font-weight: 700 !important;
font-size: 2rem !important;
line-height: 2.5rem !important;
margin: var(--title-spacing);
}
.fr-h6,
.fr-h5,
.fr-h4,
.fr-h3,
.fr-h2,
.fr-h1,
.fr-display-xs,
.fr-display-sm,
.fr-display-md,
.fr-display-lg,
.fr-display-xl {
color: #000090;
}
.fr-label {
font-size: 16px;
}
.fr-hr {
width: 100%;
height: 1px !important;
padding: 0;
}
.form-sub-part {
position: relative;
}
.sub-part-selection-content {
display: none;
width: 222px;
background-color: #fff;
border: 1px solid #00009090;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.sub-part-selection-content::-webkit-scrollbar {
width: 6px;
}
.sub-part-selection-content::-webkit-scrollbar-track {
background-color: #00009010;
border-left: 1px solid #fff;
}
.sub-part-selection-content::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #00009050;
}
.sub-part-selected-item,
.sub-part-selected-error {
height: 42px;
display: inline-flex;
justify-content: space-between;
align-items: center;
background-color: #00009010;
width: 100%;
border-bottom: 1px solid #fff;
padding: 0 12px 0 12px;
font-size: 14px;
}
.sub-part-selected-item:last-of-type {
border-bottom: 1px solid transparent;
}
.sub-part-selected-checkbox {
box-shadow: none !important;
}
.sub-part-selected-error {
height: 40px;
background-color: #f004;
color: #f00;
border: 1px solid #fff;
}
.sub-part-summary-content {
display: none;
width: 100%;
background-color: #00009010;
padding: 16px 16px 8px 16px;
border-radius: 3px;
box-shadow: inset 1px 1px 5px 2px #00009050;
}
.sub-part-summary-title {
color:#444;
font-size:16px;
font-weight:bold;
margin-bottom: 8px;
}
.sub-part-summary-item {
align-items: start;
padding: 8px 0px 8px 8px;
border-bottom: 1px solid #fff;
}
.sub-part-summary-item:last-of-type {
border-bottom: 1px solid transparent;
}
.sub-summary-col {
border-right: 1px solid #fff;
padding-inline: 6px;
}
.sub-summary-col:last-of-type {
border-right: 1px slid transparent;
padding-inline: 0px;
}
.stepper__nav-bloc {
width: 100%;
display: flex;
justify-content: space-between;
}
.stepper__nav-btn,
.stepper__form-sub-btn {
text-decoration: none !important;
background: none;
min-width: 100px;
padding: 8px 30px;
border-radius: 3px;
box-shadow: 1px 1px 2px 1px #0005;
}
.stepper__nav-btn:hover {
background: none;
box-shadow: none;
}
.stepper__nav-btn:active {
background: none;
box-shadow: inset 1px 1px 2px 1px #0005;
}
#stepperPrevious {
background-color: #eee;
color: #777;
border: 1px solid #eee;
}
#stepperNext,
.stepper__form-sub-btn {
background: none !important;
background-color: #000090 !important;
color: #fff;
border: 1px solid #000090;
}
.stepper__form-sub-btn:hover {
box-shadow: none;
}
.stepper__form-sub-btn:active {
box-shadow: inset 1px 1px 2px 1px #0005;
}
.stepper__form-sub-btn:disabled,
.stepper__form-sub-btn:disabled:hover,
.stepper__form-sub-btn:disabled:active {
cursor: not-allowed;
box-shadow: 1px 1px 2px 1px #0005;
}
.sub__feed-content {
min-height: 480px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.sub__feed-dialog {
width: 360px;
background-color: #eee;
padding: 48px;
border-radius: 2px;
box-shadow: 1px 1px 2px 1px #0002;
}
.sub__feed-text {
text-align: left;
}
.sub__feed-logo img {
max-height: 100px;
max-width: 160px;
margin-top: 24px;
}
/* ¯¯¯¯¯¯¯¯¯ *\
TOGGLE
\* ˍˍˍˍˍˍˍˍˍ */
.fr-toggle {
display: flex;
flex-wrap: wrap;
position: relative;
padding: 1rem 0;
--text-spacing: 0;
--title-spacing: 0;
/*
* On utilise un input de type checkbox pour gérer le toggle
* On reset ses styles afin de ne garder que son fonctionnement et son espacement
* On l'utilisera égalemement pour afficher l'état du toggle (optionnel)
*/
/*
* Ajout d'un séparateur
*/
/*
* Ajout d'un séparateur
*/
}
.fr-toggle input[type=checkbox] {
flex-shrink: 0;
width: 2.5rem;
height: 1.5rem;
border-radius: 0.75rem;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/*
* On applique des styles aux pseudo-elements du label quand l'input est check.
* On change l'ordre du texte d'état du label dans le content pour afficher
* la valeur correspondant à l'état checked (optionnel).
*/
box-shadow: inset 0 0 0 1px var(--border-action-high-blue-france);
}
.fr-toggle input[type=checkbox]:checked ~ .fr-toggle__label[data-fr-unchecked-label][data-fr-checked-label]::before {
content: attr(data-fr-checked-label);
}
.fr-toggle input[type=checkbox]:checked ~ .fr-toggle__label::after {
transform: translateX(1rem);
--data-uri-svg: url("data:image/svg+xml;charset=utf-8,");
background-image: var(--data-uri-svg);
}
.fr-toggle label {
--toggle-status-width: auto;
display: inline-flex;
flex-basis: calc(100% - 2.5rem);
min-height: 1.5rem;
padding-left: 2rem;
font-size: 1rem;
line-height: 1.5rem;
/*
* Si les data attributes sont présents, on assigne un content au pseudo element before,
* et on enlève le padding left du label.
*/
/*
* On prévoit un pseudo-élément pour afficher l'état du bouton( optionnel)
* On récupère le text via l'attribut [data-fr-unchecked-label]
*/
/*
* On inclut l'icône check en background dans un pseudo-element after
*
*/
}
.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label] {
padding-left: 0;
}
.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label]::before {
content: attr(data-fr-unchecked-label);
}
.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label] + .fr-hint-text {
margin-top: 0.5rem;
}
.fr-toggle label::before {
flex-shrink: 0;
min-width: 2.5rem;
height: calc(1.25rem + 1px);
margin-top: 1.5rem;
margin-left: -2.5rem;
margin-right: 1rem;
font-size: 0.75rem;
line-height: 1.25rem;
white-space: pre-wrap;
overflow: hidden;
outline: none !important;
width: var(--toggle-status-width);
color: var(--text-active-blue-france);
}
.fr-toggle label::after {
content: "";
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 1rem;
left: 0;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background-repeat: no-repeat;
background-size: 1rem;
background-position: center;
color: var(--text-active-blue-france);
box-shadow: inset 0 0 0 1px var(--border-action-high-blue-france);
background-color: var(--background-default-grey);
--idle: transparent;
--hover: var(--background-default-grey-hover);
--active: var(--background-default-grey-active);
}
.fr-toggle .fr-hint-text {
display: block;
margin-top: 1rem;
font-size: 0.75rem;
line-height: 1.25rem;
flex-basis: 100%;
color: var(--text-mention-grey);
}
/*
* Passage du label ferré à gauche, le toggle ferré à droite
*/
.fr-toggle--label-left .fr-toggle__input {
order: 1;
margin: 0 0 0 auto;
}
.fr-toggle--label-left .fr-toggle__input[data-fr-checked-label] ~ .fr-toggle__label {
padding-left: 0;
padding-right: 1rem;
}
.fr-toggle--label-left .fr-toggle__label {
justify-content: space-between;
padding-left: 0;
width: calc(100% - 2.5rem);
}
.fr-toggle--label-left .fr-toggle__label::before {
flex-shrink: 0;
order: 1;
margin-right: -2.5rem;
margin-left: 1rem;
text-align: right;
}
.fr-toggle--label-left .fr-toggle__label::after {
left: auto;
right: 1rem;
}
.fr-toggle--label-left .fr-hint-text {
order: 2;
}
/*
* On surcharge les styles de base
*/
.fr-toggle__list {
--ul-type: none;
--ol-type: none;
--ul-start: 0;
--ol-start: 0;
--xl-block: 0;
--li-bottom: 0;
--ol-content: none;
}
.fr-toggle input[type=checkbox]:checked {
background-color: var(--background-active-blue-france);
--idle: transparent;
--hover: var(--background-active-blue-france-hover);
--active: var(--background-active-blue-france-active);
}
:root:where([data-fr-theme="dark"]) .fr-toggle input[type=checkbox]:checked ~ .fr-toggle__label::after {
--data-uri-svg: url("data:image/svg+xml;charset=utf-8,");
}
.fr-toggle input[type=checkbox]:disabled {
box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
}
.fr-toggle input[type=checkbox]:disabled:checked {
background-color: var(--background-disabled-grey);
--idle: transparent;
--hover: var(--background-disabled-grey-hover);
--active: var(--background-disabled-grey-active);
}
.fr-toggle input[type=checkbox]:disabled:checked ~ .fr-toggle__label::after {
--data-uri-svg: url("data:image/svg+xml;charset=utf-8,");
background-image: var(--data-uri-svg);
}
:root:where([data-fr-theme="dark"]) .fr-toggle input[type=checkbox]:disabled:checked ~ .fr-toggle__label::after {
--data-uri-svg: url("data:image/svg+xml;charset=utf-8,");
}
.fr-toggle input[type=checkbox]:disabled ~ .fr-toggle__label::before {
color: var(--text-disabled-grey);
}
.fr-toggle input[type=checkbox]:disabled ~ .fr-toggle__label::after {
color: var(--text-disabled-grey);
box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
}
.fr-toggle--border-bottom {
box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
}
.oups {
color: #f00;
}
.fr-bf-btn {
text-decoration: none !important;
background: none !important;
width: 100%;
min-width: 100px;
padding: 8px 30px;
border-radius: 3px;
box-shadow: 1px 1px 2px 1px #0005;
background-color: #000090 !important;
color: #fff;
border: 1px solid #000090;
}
.fr-bf-btn:hover {
box-shadow: none;
}
.fr-bf-del-btn:hover {
box-shadow: none;
}
.fr-bf-del-btn {
text-decoration: none !important;
background: none !important;
width: 100%;
min-width: 100px;
padding: 8px 30px;
border-radius: 3px;
box-shadow: 1px 1px 2px 1px #0005;
background-color: #e1000f !important;
color: #fff;
border: 1px solid #e1000f;
}
/* Fin css abonnement */