html,body { height:100%; }

.skip-to-main       { position:absolute; background:#0068C9; color:#ffffff; font-weight:bold; margin:0.2rem 0.3rem; padding:0.6rem; z-index:999; text-decoration:underline; transform:translateY(-110%) translateX(-110%); transition:transform 0.3s; }
.skip-to-main:hover { color:#ffffff !important; text-decoration:underline; }
.skip-to-main:focus { color:#ffffff !important; text-decoration:underline; transform:translateY(0%) translateX(0%); }

header.ps-menu-header      { background:#0068C9; margin:1rem 0 1rem 0; color:#ffffff; }
header.ps-menu-header a    { color:#ffffff; font-size:1rem; font-weight:600; }
footer.ps-menu-footer      { background:#0068C9; margin:1rem 0 1rem 0; color:#ffffff; }
footer.ps-menu-footer a    { color:#ffffff; font-size:1rem; font-weight:600; }
.navbar                    { background:#0068C9 !important; }
.navbar-expand-lg          { padding-top:0; padding-bottom:0; }
.nav-link:hover            { background:#575757; color:#ffffff; }
.dropdown-menu             { background:#f7f9fa; }
.dropdown-menu li a        { color:#004db2; }
.dropdown-menu li a:hover  { background:#575757; color:#ffffff; }
.navbar-toggler-icon       { color:#ff0000 !important; }
.bs-navbar-toggler-icon-bg { color:#ff0000 !important; }
.navbar-toggler-icon       { font-size:1rem; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-toggler            { border:1px solid #ffffff; }

h1 { font-size:2rem; }
h2 { font-size:1.7rem; }
h3 { font-size:1.5rem; }
h4 { font-size:1.3rem; }
h5 { font-size:1.1rem; }
h6 { font-size:1rem; }

div.accordion-faq div.accordion-item       { box-shadow:0px 0px 4px rgba(0,104,201,0.3); }
div.accordion-faq div.accordion-item:hover { box-shadow:0px 0px 8px rgba(0,104,201,0.4); }
div.accordion-consent {
	--bs-accordion-btn-bg: var(--bs-dark-bg-subtle);
	--bs-accordion-active-bg: var(--bs-dark-bg-subtle);
}
div.accordion-consent-language {
	 max-height:300px;
	 overflow-y:auto;
}


.form-generic                       { }
.form-generic input                 { border-width:2px; border-color:#0068C9; background-color:#F2F8FE; }
.form-generic input.error           { border-width:2px; border-color:#C90000; background-color:#FEF4F2; }
.form-generic input::placeholder    { color:#767676; opacity:1; font-style:italic; }
.form-generic select                { border-width:2px; border-color:#0068C9; background-color:#F2F8FE; }
.form-generic select.error          { border-width:2px; border-color:#C90000; background-color:#FEF4F2; }
.form-generic select::placeholder   { color:#767676; opacity:1; font-style:italic; }
.form-generic textarea              { border-width:2px; border-color:#0068C9; background-color:#F2F8FE; height:160px; resize:none; }
.form-generic textarea.error        { border-width:2px; border-color:#C90000; background-color:#FEF4F2; }
.form-generic textarea::placeholder { color:#767676; opacity:1; font-style:italic; }
.form-generic label                 { font-weight:bold; }
.form-generic small                 { color:#767676; opacity:1; font-style:italic; }
.form-generic small::before         { content:"( "; }
.form-generic small::after          { content:" )"; }
.form-generic button                {}

.btn-toggle-password { width:18px; height:18px; background-size:contain; background-repeat:no-repeat; background-position:center; }
.btn-toggle-password-show { background-image:url('../images/password-show.svg'); }
.btn-toggle-password-hide { background-image:url('../images/password-hide.svg'); }

.accordion-expand-all  {
	max-height:100% !important;
	overflow: auto !important;
}

div.popupgrey				{ z-index:1002; display:none; position:fixed; top:0px; left:0px; bottom:0px; right:0px; background:#a0a0a0; opacity:0.33; -moz-opacity:0.33; filter:alpha(opacity=33); }
div.popupwindow				{ z-index:1003; display:none; position:fixed; top:133px; left:8px; bottom:8px; right:8px; }
div.popupcontent_licence	{ z-index:1004; width:550px; height:390px; margin:0px auto 0px auto; padding:8px 8px 8px 8px; text-align:center; background:#ffffff; opacity:0.95; -moz-opacity:0.95; filter:alpha(opacity=95); -moz-box-shadow:0px 0px 8px 0px #222222; overflow:auto !important; -webkit-overflow-scrolling:touch !important; -webkit-box-shadow:0px 0px 8px 0px #222222; box-shadow:0px 0px 8px 0px #222222; }
div.popupcontent_licence h1	{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:28px; } /* font-size:24px; */

.ps-expand-collapse                        { text-align:center; text-decoration:underline; }
.ps-expand-collapse.collapsed::after       { font-size:1rem; font-weight:normal !important; transition:none !important; transform:none !important; width:64px; background:none !important; display:block; content:'expand'; }
.ps-expand-collapse:not(.collapsed)::after { font-size:1rem; font-weight:normal !important; transition:none !important; transform:none !important;	width:64px; background:none !important; display:block; content:'collapse'; }

.ps-expand-collapse_fr                        { text-align:center; text-decoration:underline; }
.ps-expand-collapse_fr.collapsed::after       { font-size:1rem; font-weight:normal !important; transition:none !important; transform:none !important; width:64px; background:none !important; display:block; content:'agrandir'; }
.ps-expand-collapse_fr:not(.collapsed)::after { font-size:1rem; font-weight:normal !important; transition:none !important; transform:none !important;	width:64px; background:none !important; display:block; content:'réduire'; }