body {
  font-family: Arial;
  font-size: 100%;
  margin: 0;
}
.header {
  background: url("../images/bg_header.png") bottom center no-repeat;
  color: #F5D5AE;
  min-height: 160px;
}
.header img.villes {
  margin: 10px 5% 0;
  width: 90%;
}
.header img.logo {
  margin: 0 auto;
  display: block;
  width: 248px;
}
nav {
  clear: both;
  background-color: #FFFFFF;
  display: block;
  margin: 0;
  padding: 2% 5%;
  border-bottom: 1px solid #F5D5AE;
}
nav ul {
  display: flex;
  justify-content: space-between;
}
nav li {
  text-align: center;
}
nav a {
  cursor: pointer;
  /*+transition: 0.3s;*/
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 58px;
  height: 3rem;
  display: inline-block;
  filter: invert(80%) sepia(10%) saturate(994%) hue-rotate(342deg) brightness(110%) contrast(92%);
}
nav a#actualite {
  background: url("../images/home.svg") left top / 3rem no-repeat;
}
nav a#offresemploi {
  background: url("../images/offres_emploi.svg") left top / 3rem no-repeat;
}
nav a#contact {
  background: url("../images/contact.svg") left top / 3rem no-repeat;
}
nav a#partenaires {
  background: url("../images/partenaires.svg") left top / 3rem no-repeat;
}
nav a:hover, nav a:active {
  filter: invert(27%) sepia(15%) saturate(772%) hue-rotate(338deg) brightness(105%) contrast(87%);
}
main > h1 {
  margin: 1.5rem 0.5rem 2rem 5%;
  filter: invert(27%) sepia(15%) saturate(772%) hue-rotate(338deg) brightness(105%) contrast(87%);
  padding-left: 1.5em;
}
main h1#actualite_titre {
  background: url("../images/home.svg") left top / 2rem no-repeat;
}
main h1#offresemploi_titre {
  background: url("../images/offres_emploi.svg") left top / 2rem no-repeat;
}
main h1#contact_titre {
  background: url("../images/contact.svg") left top / 2rem no-repeat;
}
main h1#partenaires_titre {
  background: url("../images/partenaires.svg") left top / 2rem no-repeat;
}
main article header h1 {
  padding-left: 2rem;
  filter: invert(27%) sepia(15%) saturate(772%) hue-rotate(338deg) brightness(105%) contrast(87%);
  color: black;
  background-size: 1.4rem !important;
}
article {
  border-bottom: 1px solid #F5D5AE;
  color: #644F43;
  margin: 0;
  padding: 0;
}
article header {
  padding: 0 5%;
  clear: both;
  margin: 2rem 0;
  display: flex;
  justify-content: space-between;
}
article header h2, article header h1 {
  color: #644F43;
  margin: 0 auto 0 0;
  font-size: 1.4rem;
}
article header time {
  line-height: 1.5rem;
  color: #F4CFA5;
  margin: 0 0 0 15px;
  font-size: 0.9rem;
  text-align: right;
  white-space: nowrap;
}
article #resume time {
  color: #59453B;
  margin-bottom: 1.5rem;
}
article #resume span {
  font-weight: bold;
  line-height: 2.1;
}
article > div {
  padding: 0 5%;
  text-align: justify;
}
article nav {
  padding: 0;
}
main[data-view='actualites'] article div img {
  max-height: 300px;
  width: 100% !important;
  object-fit: cover;
}
main[data-view='actualite'] article div img {
  width: 100% !important;
  margin-bottom: 15px;
}
button.retour {
  background: #644F43;
  display: block;
  color: #F5D5AE;
  border: none;
  padding: 2% 2% 2% 5%;
  font: inherit;
  cursor: pointer;
  margin: 1rem auto 0 0;
  text-align: left;
  white-space: nowrap;
  /*+transition: 0.3s;*/
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
button.retour:hover {
  padding: 2% 5%;
}
button.js-notifications {
  background: #644F43;
  display: block;
  color: #F5D5AE;
  border: none;
  padding: 2% 5%;
  font: inherit;
  cursor: pointer;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  /*+transition: 0.3s;*/
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
}
button.js-notifications:hover {
  padding: 4% 5%;
  color: #FFFFFF;
}
article #intitule, article #intituleposte {
  font-weight: bold;
}
article #intitule span {
  font-weight: normal;
}
#resume > div {
  width: 100%;
}
#resume + div {
  line-height: 1.7;
  margin-bottom: 1rem;
}
span#debutcontrat, span#horaires, span#nombrepostes, span#salairepropose, span#experiencesouhaitee {
  font-weight: bold;
  line-height: 2.5;
}
#postulation {
  background-color: #644F43;
  color: white;
  padding: 1rem 5%;
  margin-top: 2rem;
  min-height: 3rem;
}
#postulation i {
  font-size: 3rem;
  float: left;
  margin-right: 1rem;
}
#postulation span {
  line-height: 1.7;
}
#postulation a {
  text-decoration: none;
  color: white;
}
article button {
  background: #644F43;
  display: block;
  color: #F5D5AE;
  border: none;
  padding: 2% 5% 2% 2%;
  font: inherit;
  cursor: pointer;
  margin: 1rem 0 0 auto;
  text-align: right;
  white-space: nowrap;
  /*+transition: 0.3s;*/
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
article button:hover {
  padding: 2% 5%;
}
article #resume, #actuchapeau {
  background-color: #F5D5AE;
  padding: 1rem 5% 1.5rem;
  margin: 0 0 2rem 0;
  flex-wrap: wrap;
}
main[data-view='offreEmploi'] article button {
  margin: 1rem 0 0;
  padding: 2% 0 2% 2%;
  text-align: left;
}
main[data-view='offreEmploi'] article {
  border-bottom: 0;
}
iframe {
  width: 100%;
  height: 299px;
}
img {
  max-width: 100%;
}
label {
  display: block;
  padding-bottom: 1rem;
}
[data-route]:not(button) {
  cursor: pointer;
}
.nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #5A463C;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
  animation-delay:-2.0s;
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
  }
  50% {
    transform: scale(1.0);
  }
}
dl.vcard {
  color: #644F43;
  line-height: 1.8rem;
  margin: 0 5%;
}
dl.tel, dl.fax, dl.courriel, dl.facebook {
  margin: 0;
}
dl.adr dt, dl.tel dt, dl.fax dt, dl.courriel dt, dl.facebook dt, dl.acces dt {
  font-weight: bold;
  margin: 0;
  float: left;
  clear: left;
}
dl.facebook dt {
  background: url(../images/facebook.svg) no-repeat;
  color: rgba(90, 70, 60, 0);
}
a.value, dl.facebook dd a {
  text-decoration: none;
  color: #644F43;
}
.courriel dd a {
  color: #644F43;
  text-decoration: none;
}
.org, .country-name {
  display: none;
}
dl.adr dd, dl.tel dd, dl.fax dd, dl.courriel dd, dl.facebook dd, dl.acces dd {
  margin-top: 0;
  padding-left: 15%;
}
.horaires {
  display: block;
  clear: left;
  padding-top: 1rem;
}
.horaires dt {
  font-weight: bold;
}
.horaires dd {
  margin: 0;
}
.js-contact-form fieldset {
  background-color: #F5D5AE;
}
fieldset {
  border: 0;
  margin: -2rem 0 0;
  padding: 0px 5% 0;
  color: #644F43;
}
.js-contact-form legend {
  font-weight: bold;
  padding-top: 5rem;
  font-size: 1.3rem;
}
.js-contact-form p {
  font-style: italic;
  margin-bottom: 40px;
}
.js-contact-form input {
  width: 50%;
  padding: 5px 0;
  display: inline-block;
  border: 0;
}
.js-contact-form textarea {
  width: 100%;
  height: 100px;
  border: 0;
}
.js-contact-form fieldset label {
  width: 48%;
  display: inline-block;
}
.js-contact-form button {
  text-align: center;
  font: inherit;
  background: url("../images/contact.svg") 4rem / 2rem no-repeat #FFFFFF;
  display: block;
  width: 16.5rem;
  cursor: pointer;
  border: none;
  padding: 5% 0;
  margin: 1rem auto 40px;
  filter: invert(80%) sepia(10%) saturate(994%) hue-rotate(342deg) brightness(110%) contrast(92%);
}
.splash {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  object-fit: cover;
}
#partenaires {
  margin: 0 5%;
  padding: 0;
  list-style: none;
  color: #5A463C;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#partenaires li {
  margin: 0 10px 7rem;
  height: 0px;
  line-height: 25px;
  text-align: center;
  flex: 1 0 calc(50% - 20px);
  padding-top: 120px;
}
li#poleemploi {
  background: url(../images/partenaires/pole-emploi.png) center / contain no-repeat;
}
li#domitienne {
  background: url(../images/partenaires/domitienne.png) center / contain no-repeat;
}
li#lespignan {
  background: url(../images/partenaires/lespignan.png) center / contain no-repeat;
}
li#colombiers {
  background: url(../images/partenaires/colombiers.svg) center / contain no-repeat;
}
li#maraussan {
  background: url(../images/partenaires/maraussan.svg) center / contain no-repeat;
}
li#maureilhan {
  background: url(../images/partenaires/maureilhan.jpg) center / contain no-repeat;
}
li#mli {
  background: url(../images/partenaires/mli-beziers.jpg) center / contain no-repeat;
}
li#nissan {
  background: url(../images/partenaires/nissan.png) center / contain no-repeat;
}
li#montady {
  background: url(../images/partenaires/montady.png) center / contain no-repeat;
}
li#vendres {
  background: url(../images/partenaires/vendres.png) center / contain no-repeat;
}
li#valras {
  background: url(../images/partenaires/valras.png) center / contain no-repeat;
}
li#herault {
  background: url(../images/partenaires/herault.png) center / contain no-repeat;
}
li#occitanie {
  background: url(../images/partenaires/occitanie.png) center / contain no-repeat;
}
li#direccte {
  background: url(../images/partenaires/direccte.png) center / contain no-repeat;
}
li#fondsocial {
  background: url(../images/partenaires/social-europeen.png) center / contain no-repeat;
}
li#ccibeziers {
  background: url(../images/partenaires/ccibeziers.png) center / contain no-repeat;
}
li#caisseepargne {
  background: url(../images/partenaires/caisse-epargne.png) center / contain no-repeat;
}
li#cazouls {
  background: url(../images/partenaires/cazouls.png) center / contain no-repeat;
}