/*==================== PROJET CLIENT ===================*/

html[lang].frame-hidden-overflow,
html body.frame-hidden-overflow {
	overflow: auto !important;
}

*:focus,
.btn:focus,
button:focus {
	outline: 2px solid #335c9e !important;
	outline-offset: 2px !important
}

footer *:focus {
	outline: 2px solid #fff !important;
}

body {
	background: #f7f7f7;
}

#mobile-actions,
#admin-actions {
	position: relative;
	z-index: 2;
}

header {
	position: relative;
	padding-bottom: 3.3vw;
	margin-bottom: 20px;
}

header::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: -40px;
	height: calc(100% + 3.3vw);
	background-color: #fdfdfd;
	background-image: url("/ui/skins/CALR/images-client/Portail_La Rochelle_VOLUTES.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	transform-origin: left bottom;
	transform: rotateZ(-1.7deg);
	box-shadow: 0 3px 3px #bbb;
}

footer {
	position: relative;
	height: auto;
	padding-top: 3.3vw;
	background: none;
}

footer::before {
	content: "";
	display: block;
	position: absolute;
	top: 3.3vw;
	left: 0;
	right: -40px;
	height: 3.3vw;
	background: #335c9e;
	transform-origin: left bottom;
	transform: rotateZ(-1.7deg);
	box-shadow: 0 -5px 5px #bbb;
}

footer .container {
	padding-top: 40px;
	background: #335c9e;
}

footer a {
	font-size: 18px;
	text-transform: upercase;
}

@media (min-width:1840px) {
	header::before {
		background-size: contain;
	}
}

/* Tables */

table.cookies-tables {
  max-width: 80rem;
  margin: 1rem auto;
  border: 0;
}

table.cookies-tables tr {
  position: relative !important;
}

table.cookies-tables tr::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: -.4rem;
  height: 0;
  border-top: .8rem solid #fff
}

table.cookies-tables thead tr {
  background: #313131;
  color: #fff;
}

table.cookies-tables thead th {
  position: relative;
  padding: 1.2rem;
  vertical-align: middle;
  line-height: 1.2;
  background: none !important;
  text-align: left;
  font-weight: bold;
  border: 0;
}

table.cookies-tables thead th:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-right: .2rem solid #fff;
}

table.cookies-tables tbody tr:nth-child(2n+1) {
  background: #f6f9ff;
}

table.cookies-tables tbody tr:nth-child(2n) {
  background: #eceff8;
}

table.cookies-tables tbody td {
  padding: 1.2rem;
  border: 0;
}

table.cookies-tables tbody tr:last-child td {
  padding-bottom: .8rem;
}

.cookies-management {
  display: none;
}

/* Cookies notice */

.cookies-notice {
    z-index: 99999;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px 10px;
    background: rgba(49,49,49,.9);
    color: #fff
}

.cookies-notice.no-cookies {
    display: none;
}

.cookies-notice-content {
    max-width: 1460px;
    margin: 0 auto
}

p.cookies-notice-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin: 0;
    font-size: 14px;
    color: #fff;
}

.cookies-btn-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0 5px
}

a.cookies-btn,
button.cookies-btn {
    display: inline-block;
    background: #108670;
    color: #fff;
    padding: 2px 10px;
    border-radius: 4px;
    border: 0;
    font-size: 14px;
    font-weight: bold;;
    -webkit-transition: all .25s ease-out , outline 0s , outline-offset 0s;
    transition: all .25s ease-out , outline 0s , outline-offset 0s
}

button.cookies-btn {
    margin-left: 20px
}

a.cookies-btn:hover,
a.cookies-btn:focus,
button.cookies-btn:hover,
button.cookies-btn:focus {
    background: #0463b3;
    color: #fff
}

@media (min-width: 900px) {
    .cookies-notice-content {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .cookies-btn-wrapper {
        margin-left: 20px
    }

    .cookies-btn-wrapper {
        margin-top: 5px
    }
}