@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* placeholder: proportions vidéo youtube responsive */
/* placeholder : width de 100vw */
/* changer delay selon position dans la liste*/
/* changer width selon position dans la liste */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* placeholder: proportions vidéo youtube responsive */
/* placeholder : width de 100vw */
/* changer delay selon position dans la liste*/
/* changer width selon position dans la liste */
#block-candidaturespontanee a:hover {
  background-color: #78C0E4;
  color: white;
}

#block-views-block-liste-des-emplois-disponibles-block-1 .view-content .item-list ul li .views-field-view-node a:hover {
  background-color: #3C7094;
  color: white;
}

#block-candidaturespontanee a, #block-views-block-liste-des-emplois-disponibles-block-1 .view-content .item-list ul li .views-field-view-node a {
  -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  -ms-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  -o-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  font-size: 0.8333em;
  font-family: "brutal_bold";
  text-transform: uppercase;
  color: white;
  display: inline-block;
  padding: 15px 50px;
  border-radius: 30px;
  background-color: #3C7094;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05em;
}

#block-views-block-liste-des-emplois-disponibles-block-1 .view-content .item-list ul li .views-field-view-node a {
  font-size: 0.7222em;
  background-color: #243C4C;
  padding: 5px 0;
  width: 100%;
  margin: 25px 0;
}

h2 {
  font-size: 1.5em;
  font-family: "brutal_extra_bold";
  line-height: 100%;
  margin-bottom: 20px;
  margin-top: 0;
}

#block-candidaturespontanee {
  background-color: #F3F2F2;
  padding: 20px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
#block-candidaturespontanee p {
  margin: 0;
  color: #3C7094;
  font-size: 0.8889em;
}
#block-candidaturespontanee a {
  width: calc(100% - 100px);
  font-size: 0.9375rem;
  max-width: 280px;
  margin-top: 20px;
}
.region-content-under {
  margin-top: 60px;
  margin-bottom: 60px;
}

.node-60 .region-content-under {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin-top: 0;
}

#block-views-block-liste-des-emplois-disponibles-block-1 {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 40px;
}
#block-views-block-liste-des-emplois-disponibles-block-1 .view-content .item-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#block-views-block-liste-des-emplois-disponibles-block-1 .view-content .item-list ul li {
  padding: 25px 0;
  border-bottom: solid 1px #78C0E4;
  margin: 0;
}
#block-views-block-liste-des-emplois-disponibles-block-1 .view-content .item-list ul li .views-field-title {
  font-size: 1.2em;
  margin-bottom: 20px;
}
#block-views-block-liste-des-emplois-disponibles-block-1 .view-content .item-list ul li .views-field-view-node a {
  margin: 0;
  width: 180px;
}
#block-views-block-liste-des-emplois-disponibles-block-1 #block-saienquelquesmots {
  margin-top: 60px;
}
#block-views-block-liste-des-emplois-disponibles-block-1 #block-saienquelquesmots p {
  font-size: 0.8889em;
}

@media only screen and (min-width: 768px) {
  #block-candidaturespontanee {
    width: 260px;
    margin: 0;
  }
  .region-content-under {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 50px;
  }
  .node-60 .region-content-under {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #block-views-block-liste-des-emplois-disponibles-block-1 {
    width: calc(100% - 330px);
    margin-top: 0;
  }
  #block-views-block-liste-des-emplois-disponibles-block-1 #block-saienquelquesmots {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1024px) {
  h2 {
    font-size: 1.8em;
  }
  #block-candidaturespontanee {
    margin: 0;
  }
  #block-candidaturespontanee p {
    font-size: 1em;
  }
  #block-candidaturespontanee a {
    margin-top: 35px;
    font-size: 0.9375rem;
  }
  #block-views-block-liste-des-emplois-disponibles-block-1 {
    margin-top: 0;
  }
  #block-views-block-liste-des-emplois-disponibles-block-1 .view-content .item-list ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  #block-views-block-liste-des-emplois-disponibles-block-1 .view-content .item-list ul li .views-field-title {
    font-size: 1.2em;
    margin-bottom: 0;
  }
  #block-views-block-liste-des-emplois-disponibles-block-1 #block-saienquelquesmots p {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1280px) {
  h2 {
    font-size: 2.222em;
    margin-bottom: 30px;
  }
  #block-candidaturespontanee {
    padding: 40px;
    width: 280px;
  }
  .region-content-under {
    margin-bottom: 90px;
  }
  #block-views-block-liste-des-emplois-disponibles-block-1 {
    width: 840px;
    margin-top: 0;
    margin-bottom: 90px;
  }
  #block-views-block-liste-des-emplois-disponibles-block-1 .view-content .item-list ul li .views-field-title {
    font-size: 1.5em;
  }
  #block-views-block-liste-des-emplois-disponibles-block-1 #block-saienquelquesmots {
    margin-top: 100px;
  }
}