html {
height: 100%;
width: 100%;
}
.grecaptcha-badge { visibility: hidden; }
.tarteaucitron-magic-block { visibility: hidden;}
.container-fluid{
width: 100%;
}
*:focus {
outline: 0 !important;
} *:focus:not(:focus-visible) {
outline: 0 !important;
box-shadow: none !important;
}
body {
width: auto;
position: relative;
padding-bottom: 450px;
} .sticky {
position: sticky;
top: 0;
width: 100%;
z-index: 950;
}
.header a:hover {
color: white;
text-decoration: none;
}  .footer {
position: absolute;
bottom: 0;
height: auto;
width: 100%;
background: grey;
}  .error404-container{
}
.error404-img img{
width: 100%;
image-rendering: optimizeQuality;
padding: 180px 80px 0px 170px;
}
@media screen and (min-width: 951px) and (max-width: 1300px)  {
.error404-img img{
width: 100%;
image-rendering: optimizeQuality;
padding: 180px 50px 0px 90px;
}
.error404-text h3{
font-family: 'Charter';
font-style: normal;
font-size: 29px;
line-height: 118.1%;
padding-bottom: 11px;
color: #2F6D97;
}
.error404-text p{
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
padding-bottom: 37px;
color: #565656;
}
.error404-tablette{
display: none;
}
@media  all and (min-width:576px) and (max-width: 950px) {
.error404-tablette{
display: block;
}
.error404-desktop{
display: none;
}
.error404-img img{
width: 100%;
image-rendering: optimizeQuality;
padding: 36px 100px 36px 100px;
}
.error404-text{
width: 100%;
padding-top: 0px;
text-align: left;
}
div.col-sm-12.error404-text{
padding: 0 65px 0 65px;
}
}
@media all and (max-width: 575px) {
.error404-img img{
width: 100%;
image-rendering: crisp-edges;
padding: 36px 50px 36px 50px;
}
div.col-sm-6.error404-text{
padding: 0 78px 0 43px;
}
div.col-sm-6.error404-img{
padding: 0;
}
}
@media all and (min-width: 1800px) {
.error404-text{
padding-top: 300px;
}
}
@media all and (max-width: 330px) {
div.col-sm-6.error404-text{
padding: 0 20px 15px 20px;
}
div.col-sm-6.error404-img{
padding: 0;
}
}