﻿.clear {
    clear: both;
}
#ficheStep {
	font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; line-height: 150%; font-family: inherit;
}
body {
	font-family: inherit;
	color: var(--gray-900);
}
#Menu {
	background-color: var(--gray-0);
}

header.navbar .navbar-nav > li > a {
    color: var(--ereg-link-color, var(--gray-1000));
    font-weight: var(--ereg-link-weight, 600);
}

header .navbar .navbar-brand {
    color: var(--ereg-link-color, var(--primary-800));
    text-transform: none;
}
.brand-title-secondary-part {
    text-transform: none;
}
header.navbar .navbar-toggle .icon-bar {
    background: var(--gray-1000);
}
header.navbar .navbar-nav > li > a.procedure-button {
	font-weight: var(--button-current-font-weight, 600);
}
.header-login-submenu {
	color: var(--gray-1000);
}
.link-footer-item-title {
	color: var(--ereg-link-color, var(--gray-1000));
}
/* Removed with the twin rule in default-theme.css: white hover on the product's white
   big-menu panel hid the label. See that file. */
.navbar-nav > li > a {
	margin-top: 17px;
}

.navbar-brand a {
	color: var(--ereg-link-color, var(--gray-1000));
	text-decoration: var(--ereg-link-decoration, none);
}

footer {
	background-color: var(--gray-900);
}
.diaporama .diaporama-slides .slider-text.active {
	font-weight: var(--ereg-link-weight, 700);
	text-transform: uppercase;
}
.diaporama .diaporama-slides .slider-text {
    font-weight: 700;
    text-transform: uppercase;
}


.link-footer-item.separator {
	font-weight: 600;
	text-transform: uppercase;
	border-top: 1px solid var(--gray-200);
	padding-top: 15px;
}
.link-footer-item.separator:first-child {
	border-top: none;
	padding-top: 5px;
}
.homepage-pushes {
	height: 5.5rem;
}
.homepage-push {
	padding: 2.5rem 3.3rem 2rem 3.3rem;
	height: 5.5rem;
}
.row-block .inner {
	font-size: 14px;
	font-weight: 700;
}

.row-step .inner .nb {
	display: inline-block;
	min-width: 19px;
	height: 18px;
	line-height: 18px;
	padding: 0 6px;
	border-radius: var(--radius-xsmall);
	background: #215188;
	font-weight: 600;
}

.row-block .inner span {
	font-weight: normal;
	font-size: small;
}
header.navbar .navbar-nav > li > a.disclaimer-color {
	color: var(--ereg-link-color, #ea7575);
}
.step-index-star {
	padding: 0px 4px;
	font-size: 8px;
}
footer img {
	max-height: 70px;
}

b, strong {
    font-weight: 700;
}
/*google translation related styles*/

div#google_translate_element {
    /*margin-top: 15px;
    margin-inline-start: 20px;
    border-inline-start: 1px solid rgb(212, 212, 212);*/
    padding-inline-start: 10px;
}
.goog-te-menu-value {
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.05rem;
    padding: 15px 0 15px 0px;
    margin-inline-end: 0px;
}
/*end of google translation related styles*/




/*****disclaimer*/
.disclaimer-tab {
	position: absolute;
	right: 0px;
	top: 45px;
	background: #ff8f27;
	padding: 5px;
	font-size: 12px;
}
#disclaimermodal .modal-body {
	text-align: start;
	line-height: 2;
}
#disclaimermodal .modal-body p {
	padding: 5px 25px;
}
#disclaimermodal .modal-body h1 {
	color: inherit;
	margin-bottom: 25px;
	padding: 0px 25px;
	margin-top: 0px;
}
.disclaimerdiv {
	margin-top: 25px;
}
#disclaimermodal .modal-header {
	border-bottom: none;
	padding-top: 15px;
    padding-inline-start: 0px;
    padding-inline-end: 15px;
    padding-bottom: 0px;
}

/*****disclaimer end*/
/*********filters partial******/
.diaporama .search-bar {
    padding: 0px;
}
.main-search-fields .main-search-fields-submit {
    font-weight: 700;
}
/*********END filters partial******/
/*****from embed*/
.box .thumb .thumbTitle, .box .thumb-wide .thumbTitle {
    padding: calc(7px);
    background: rgba(var(--gray-0-rgb), .85);
    line-height: 1.3;
}


.step-list-item:before {
    inset-inline-start: 25px;
    border-inline-start: 1px solid var(--gray-400);
}
.block-step-container .row-step:only-child a {
    margin-bottom: 0px;
}
.row-block:first-child {
	border: none;
}

.row-step .inner a {
    font-size: 1.1em;
    font-weight: var(--ereg-link-weight, 400);
    color: var(--ereg-link-color, var(--gray-1000));
    line-height: 1.3;
    font-family: inherit;
}
.box, .btn-contrib {
   -webkit-box-shadow: none;
    box-shadow:  var(--button-box-shadow, none);
    border: var(--button-border-shorthand, 1px solid var(--gray-200));
}

.breadcrumb {
	padding: 10px 12px;
	-webkit-border-radius: var(--radius-xsmall);
	-moz-border-radius: var(--radius-xsmall);
	-ms-border-radius: var(--radius-xsmall);
	-o-border-radius: var(--radius-xsmall);
	border-radius: var(--radius-xsmall);
	background-color: var(--gray-0);
	border: none;
	font-size: 14px;
}
.panel-header .inner {
    padding: 10px 8px;
}
.box .sumTitle h2 {
    font-weight: 700;
    font-family: inherit;
    font-size: 19px;
    margin-bottom: 20px;
}
.box .thumb .thumbTitle, .box .thumb-wide .thumbTitle {
    padding: calc(7px);
    background: rgba(var(--gray-600-rgb), 0.7);
    line-height: 1.3;
}
:where(#detailsPanel) .index-step {
    border-radius: var(--radius-xsmall);
    color: var(--gray-0);
    width: 20px;
    height: 20px;
    padding-inline-start: 2px;
    text-align: center;
    padding-inline-end: 2px;
    margin-inline-end: 6px;
}

#ficheStep.structured .tab-content {
    box-shadow: none;
    border: 1px solid var(--gray-200);
}

#ficheStep.structured .nav-tabs > li > a {
    border-top: 1px solid var(--gray-200);
    border-inline-start: 1px solid var(--gray-200);
    border-inline-end: 1px solid var(--gray-200);
    font-weight: var(--ereg-link-weight, 600);
}

.ficheMode .btn-info {
    -webkit-border-radius: var(--button-current-radius, var(--radius-xsmall));
    -moz-border-radius: var(--button-current-radius, var(--radius-xsmall));
    -ms-border-radius: var(--button-current-radius, var(--radius-xsmall));
    -o-border-radius: var(--button-current-radius, var(--radius-xsmall));
    border-radius: var(--button-current-radius, var(--radius-xsmall));
}

.optional-step-section {
    border: none;
}
#ficheMode .btn-info {
    font-size: var(--button-font-size, 12px);
}


#headerDetails .inner i.fake-a.summary-link:hover {
    background: none;
}

.row-block .inner span {
	font-weight: normal;
	font-size: small;
}



/*****from embed end*/

@media (max-width: 1024px) {
    header.navbar .navbar-nav > li > a {
	    color: var(--ereg-link-color, var(--gray-0));
    }
    .header-login-submenu {
	    color: var(--gray-0);
    }
    .goog-te-gadget-simple .goog-te-menu-value {
	    color: var(--gray-0);
    }
    div#google_translate_element {
	    margin-inline-start: 0px;
	    border: none;
	    margin-bottom: 20px;
    }
}
/*dropdown menu for the golden pushes styles css*/

.homepage-push-menu {
    z-index: 250;
    padding: 0;
    height: 6.5rem;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 25%;
    border-inline-end: 1px solid rgba(var(--gray-0-rgb), 0.3);
    cursor: pointer;
}

.homepage-push-menu:hover {
	height: auto;
    animation-duration: 0.7s;
    animation-fill-mode: forwards;
    background-color: var(--primary-fill-hover);
    padding-inline-start: 0;
    padding-inline-end: 0;
}

.homepage-push-menu:hover .homepage-push-menu__container {
    display: flex;
}

@media (max-width: 1024px) {
    .homepage-push-menu:hover {
        animation: none;
    }
}

@media (max-width: 1024px) {
    .homepage-push-menu {
        width: 100%;
        margin-bottom: 2rem;
        border: none;
    }
}

.homepage-push-menu__container {
    display: none;
    flex-direction: column;
    width: 100%;
}

/* A menu item on the brand fill, not a text link: the text-link system sets --ereg-link-color and an empty
   --ereg-link-weight on every link, and its hover and focus rules (a:hover:where(), body a:hover) outrank a plain
   class, so the item names its colour and weight for those states too. */
.homepage-push-menu__link {
    border-top: 1px solid rgba(var(--gray-0-rgb), 0.3);
    color: var(--primary-fill-text);
    width: 100%;
    display: inline-block;
    justify-content: center;
    cursor: pointer;
    font-size: 1.3rem;
    font-weight: 500;
    padding: 1rem 2rem;
    text-align: start;
    background-color: var(--primary-fill-hover);
}

    .homepage-push-menu__link:hover {
    background-color: var(--primary-fill);
    }

    .homepage-push-menu__link:hover,
    .homepage-push-menu__link:focus {
        color: var(--primary-fill-text);
        font-weight: 500;
    }

@keyframes home-push-menu-hover-animation {
    100% {
        height: 22.5rem;
    }

    0% {
        height: 15.5rem;
    }
}

.homepage-push-menu__title {
    height: 6.5rem;
    min-height: 6.5rem;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: 0.05rem;
    font-weight: 400;
    color: var(--gray-0);
    text-transform: uppercase;
}

.search-badge {
	background-color: var(--primary-fill);
	color: var(--primary-fill-text);
	padding: 2px 8px 3px;
	margin: 0 3px;
	border-radius: var(--radius-large);
}
.search-container {
	margin: 15px 0 20px;
  font-weight: 500;
}
.breadcrumb > li + li:before {
	padding-block: 0;
    padding-inline-start: 5px;
    padding-inline-end: 7px;
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
}
/* Historical printer body weight; screen defaults live in body-typography.css. */
body:where(.printer) { font-weight: 300; }
