@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Barlow:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:300,400,500,600,700);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.css);

html {
    box-sizing: border-box;
    font-size: 62.5%;
    line-height: 1.15;
}
body {
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    line-height: 1.15;
    background-color: #FFFFFF;
}
body a {
    color: #001b36;
    text-decoration: none;
}
body a:active, body a:focus, button:focus {
    outline-offset: 2px;
    outline: rgb(202, 0, 10) dashed 1px;
}
label a {
    color: rgb(0, 0, 0);
    text-decoration: underline;
}
p a:hover, label a:hover, a:focus, a:hover {
    text-decoration: none;
    color: rgb(0, 0, 0);
}
*, ::after, ::before {
    box-sizing: inherit;
    color: inherit;
}
h4 {
    margin: 0;
    color: #1d1d1b;
    font-family: "Montserrat",sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.site-header {
    background-color: #001b36;
    display: block;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
}
.bloc_result {
    display: none;
}
.container {
    padding: 0;
    margin: 0;
}
.site-main {
    padding: 0;
}
.site-header .container {
    background-color: #001b36;
    display: block;
    width: 100%;
    position: relative;
    padding:0;
    margin: 0;
    display: none;
}
.site-header .menu {
    justify-content: flex-start;
}
.img-logo {
    background-image: url(/public/grandavignon/img/bg-header.svg);
    background-size: 4px;
    -webkit-transition: all 100ms ease-in-out 0ms;
    transition: all 100ms ease-in-out 0ms;
    margin: 0 auto;
    width: 100%;
    z-index: 5;
    flex-wrap: wrap;
    display: flex;
}
.img-logo, .header-bar__components {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
p.site-title {
    margin: 0;
    max-width: 27.5rem;
    padding: 0 2.2rem 0 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.site-header .header-logo {
    display: flex;

}
.site-header .header-logo:focus {
    outline-color: #fff;
}
.site-header .header-logo img {
    max-width: 25.2rem;
    height: 12.2rem;
}
#menutop {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    display: flex;
    padding-left: 2rem;
    padding-right: 3.5rem;
    background-color: #001b36;
    font-family: "Barlow Semi Condensed",sans-serif;
    min-height: 8rem;
    list-style: none;
    margin: 0;
    width: 100%;
}
#menutop > li {
    min-height: 8rem;
    -webkit-transition: all 250ms ease-in-out 0ms;
    transition: all 250ms ease-in-out 0ms;
    position: relative;

}
.site-header .menu > li > a {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 300;
    height: 8rem;
    padding: 2.65rem 3.9rem;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 250ms ease-in-out 0ms;
    transition: all 250ms ease-in-out 0ms;
}
.site-header .menu > li:first-child > a:before, .site-header .menu > li:nth-child(2) > a:before {
    position: absolute;
    right: -.1rem;
    top: 50%;
    height: 3.9rem;
    width: .1rem;
    -webkit-transition: all 250ms ease-in-out 0ms;
    transition: all 250ms ease-in-out 0ms;
    background-color: #7db955;
    content: '';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menu .dropdown-menu {
    flex-wrap: wrap;
    width: 100%;
    position: absolute;
    top: 77px;
    left: 0px;
    min-width: 100%;
    padding: 0 1000em;
    margin: 0 -1000em;
    z-index: 101;
    background-color: rgb(245, 245, 243);
    padding-top: 5rem;
    padding-bottom: 5rem;
    border: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.menu .dropdown-menu li  {
    position: relative;
}
.menu > .dropdown.open > a {
    color: rgb(0, 27, 54);
    transition: all 250ms ease-in-out 0ms;
}
.menu > .dropdown.open {
    background-color: #f5f5f3;
}
.menu .dropdown-menu > li > a {
    color: rgb(0, 0, 0);
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.36px;
    position: relative;
    text-transform: uppercase;
    padding: 0.2rem 0px 0.2rem 0.8rem;
}
.menu .dropdown-menu > li > a:hover, .menu .dropdown-menu > li > a:focus{
    transform: translateX(0.5rem);
    text-decoration: underline;
}
.menu .dropdown-menu >li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    -webkit-transition: all 250ms ease-in-out 0ms;
    transition: all 250ms ease-in-out 0ms;
    left: 0;
    position: absolute;
    top: .4rem;
    color: inherit;
    font-size: 1.5rem;
}
.menu .dropdown-menu .divider {
    margin: 0px;
}
.caret {
    margin-left: 0.8rem;
}
.ebtn, .ebtn2, .btn    {
    background-color: transparent;
    display: inline-block;
    font-family: "Barlow Condensed", sans-serif;
    line-height: 1.14286;
    height: 4rem;
    text-transform: uppercase;
    width: auto;
    font-size: 1.5rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
    border-radius: 0;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(25, 31, 51);
    border-image: initial;
    text-decoration: none;
    padding: 1.05rem 1.55rem;
}
.ebtn, .btn ::after{
    transition: all 250ms ease-in-out 0ms;
}
[type="button"], [type="reset"], [type="submit"], button {
    -webkit-appearance: button;
}
.ebtn:focus, .ebtn:hover, .ebtn2:focus, .ebtn2:hover  {
    background-color: rgb(98, 162, 79);
    color: rgb(255, 255, 255);
    cursor: pointer;
    border-color: rgb(98, 162, 79);
    text-decoration: none;
}
.site-header menu li a {
    color: #f5f5f3;
}
.site-header .menu li:focus, .site-header .menu  li:hover {
    background-color: #f5f5f3;
}
.site-header .menu li a:focus, .site-header .menu  li a:hover{
    color: #001b36;
}
.site-main {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: inherit;
}
.site-main > .container {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    margin-top: -10px; /*-30px;*/
}
.site-main.candidature {
    padding: 0;
}
h1.page-header__title {
    display: none;
}
h2.title_section {
    padding: 1.5rem;
    max-width: 124rem;
    margin: 0 auto;
    padding: 2rem 0;
}
#postuler h2.title_section{
    padding-right: 30px;
    padding-left: 30px;
}
.site-main.candidature h1, .site-main.profil .profil-data h1{
    font-size: 4.5rem;
    font-weight: 400;
    line-height: 48px;
    flex-basis: 100%;
    margin: 0 auto;
    padding: 7rem 35rem 6rem;
    background-color: rgb(245, 245, 243);

}
/*.site-main.candidature > .container > div.row:first-child {
    background-color: rgb(245, 245, 243);
    padding: 2rem 1rem 1rem;
}*/
.site-main.flashbag {
    color: #000;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 24px;
}
.site-main.flashbag > .alert, .alert {
    max-width: 124rem;
    margin: 2rem auto;
}
.site-main .container  p.candidature-libre{
    box-sizing: border-box;
    max-width: 118rem;
    width: 100%;
    font-family: "Montserrat",sans-serif;
    vertical-align: middle;
    margin: 0px auto;
    padding: 2rem 1rem 2rem;
}
div#notice, div#merci {
    padding: 0rem 1rem 0;
    color: #1d1d1b;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 28px;
    background-color: rgb(245, 245, 243);
}
div#notice > p, div#merci p {
    padding: 0rem 1rem 0;
    max-width: 124rem;
    margin: 0 auto;
}
div#notice #bottombtn, div#merci #bottombtn {
  margin-top: 3rem;
}
div#merci p:first-child {
    padding-top: 7rem;
}
.row-postuler{
    background-color: #FFFFFF;
}
#bottombtn, .profil-data .row0, .profil-data .row.content-row, .profil-actions, .site-main > .container > div.row:nth-child(3), .row.row-profile, .candidature_show .row.content-row, .candidature-actions {
    max-width: 124rem;
    margin: 0 auto;
}
#form-profile {
    padding: 7rem 1rem 6rem;
}
.site-main.candidature .content-row, .site-main.profil .content-row {
    -webkit-box-shadow: none;
    box-shadow: none;
}
big a:before, .candidature_rep_UPLOAD a:before {
    font-size: 1.4rem;
    margin-right: .5rem;
    color: #62a24f;
    font-family: FontAwesome;
    content: '\f019';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
}

big a, .candidature_rep_UPLOAD a {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 17px;
    font-family: "Barlow Condensed",sans-serif;
    margin: 1.5rem 0;
}
.row-postuler > form  {
    padding: 0rem 1rem 3rem;
    box-sizing: border-box;
    max-width: 124rem; /*118rem;*/
    width: 100%;
    margin: 0px auto;
}

h2.libelle a:focus, h2.libelle a:hover {
    transform: translateX(0.5rem);
    text-decoration: underline;
}
div#offre .row, div#list-offres {
    max-width: 124rem;
    margin: 3rem auto;
}
#offre .zone, #liste {
    color: #000;
    padding: 0 0 0 8rem;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 24px;
}
#liste .offre {
  padding: 0;
  display:flex;
}
#liste .offre .offre-inner {
    padding-bottom: 1.5rem;
    margin: 0 auto;
}
h2.libelle {
    padding: 1.5rem 0 0 1.5rem;
}
.card__thumbnail {
    min-height: 22rem;
    background-color: #232e44;
    position: relative;
    flex: 0 1 45rem;
}
.card__thumbnail>a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 100%;
}
#offre .zone:not(:first-child), #liste {
    margin: 1.7em 0 .88235em;
}
#offre .zone h2 {
    color: #001b36;
    font-size: 3.4rem;
    font-weight: 700;
    margin: 1em 0 .73529em;
}
#offre .infos, #filter {
    padding: 3rem 2rem 2rem 3rem !important;
    background-color: #f5f5f3;
    margin-top: 1em;
    max-width: 30rem;
    font-family: "Barlow Condensed",sans-serif;
 }
#offre .infos {
    font-size: 1.5rem;
}
#filter .form-control {
    background-color: #ddd !important;
}
.site-main.candidature .candidatures {
    max-width: 124rem;
    margin: 3rem auto;
}
.row.content-row, .candidatures, .site-main.profil .content-row {
    padding: 6rem 7.5rem 5rem 5rem;
    background-image: url(/public/grandavignon/img/bg-offre.svg);
    background-size: 4px;
    /* padding: 3rem 2rem .5rem; */
    position: relative;
}
row.content-row > div {
    z-index: 1;
}
.site-main.candidature .container p{
    max-width: 124rem;
    margin: 0 auto;
}
.candidatures ul {
    color: #1d1d1b;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}
.candidatures ul li a, .candidature-libre a, big a:hover, big a:focus, .candidature_rep_UPLOAD a:focus, .candidature_rep_UPLOAD a:hover  {
    text-decoration: underline;
}
.candidatures ul li a:focus,  .candidatures ul li a:hover{
    text-decoration: none;
}
.bande ul, ul#emptyLignes {
    list-style: none;
    margin: 2rem 0 1.5rem 3.5rem;
    color: #000;
    font-size: 1.7rem;
    font-weight: 300;
    padding: 0;
}
.bande, .candidature_show .row.content-row .offre {
    color: #000;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 .88235em;
}
.panel-title {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 24px;
}
#bande .fa {
    color: #7db955;
}
.bande ul > li, ul#emptyLignes > li  {
    line-height: 1.4;
    margin-bottom: .58824em;
}
.bande ul > li:before, ul#emptyLignes > li:before {
    color: #7db955;
    left: -.2em;
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
}
h2.libelle a {
    color: #001b36;
    font-size: 3.4rem;
    font-weight: 700;
    margin: 1.76471em 0 .73529em;
}
.form-control, fieldset {
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}
fieldset {
    min-width: inherit;
    position: relative;
    background: 0px 0px;
    border-width: 0px;
}
legend {
    color: rgb(0, 0, 0);
    display: block;
    font-size: 2rem;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 2.5rem;
    text-align: left;
    white-space: normal;
    width: 100%;
    border-bottom: none;
    padding: 0px;
}
.control-label, label {
    color: rgb(0, 0, 0);
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px 0px 0.35714em;
}
.asterisk {
    color: rgb(202, 0, 10);
}
select.form-control {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    color: #494949;
    font-style: italic;
    padding-right: 2.28571em;
    background-image: url(/public/grandavignon/img/bg-image.svg);;
    background-position: -webkit-calc(100% - .75em) 50%;
    background-position: calc(100% - .75em) 50%;
    background-repeat: no-repeat;
    background-size: 16px;
}
.form-control {
    background-color: #f0f0f0;
    font-family: Montserrat, sans-serif;
    font-size: 1.4rem;
    resize: vertical;
    border-radius: 0px;

}
.checkbox label, .radio label {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.28571em;
    margin: 0;
    padding: 0 0 0 1.42857em;
    text-transform: none;
}
.form-control, .form-file{
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    box-shadow: none;
    border-radius: 4px;
    -webkit-box-shadow: none;
}
.form-file input[type="file"] {
    width: auto;
}
.form-control:focus, .form-file:focus-within {
    outline-offset: 0px;
    outline: rgb(98, 162, 79) dashed 1px;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.input-group-addon {
    border: 0;
}
.header-bar__social, .header-bar__components {
    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;
}
.header-bar__components {
    max-width: calc(100% - 27.5rem);
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.header-bar__slogan {
    color: #fff;
    font-family: "Barlow Semi Condensed",sans-serif;
    font-weight: 400;
    padding-bottom: 1rem;
}
.header-bar__social {
    padding-left: 5rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto;
}
.header-bar__slogan-title {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 4rem;
    letter-spacing: -.8px;
    margin: 0 2.2rem 0 0;
    padding-right: 2.2rem;
}
ul.social-networks.-header {
    margin: 0;
    list-style: none;
    margin: 0;
    padding: 0 2rem 0;
    position: relative;
}
.social-networks__item {
    display: inline-block;
}
.social-networks.-header .social-networks__item a {
    height: 3.5rem;
    width: 3.5rem;
    background: 0 0;
    border: 0;
    border-radius: 50%;
    display: block;
    position: relative;
}
.social-networks__item a, .social-networks__item a[data-fa-icon]::before {
    -webkit-transition: all 250ms ease-in-out 0ms;
    transition: all 250ms ease-in-out 0ms;
}
.social-networks.-header .social-networks__item a[data-fa-icon]::before {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
}
.social-networks__item a[data-fa-icon]::before {
    left: 50%;
    position: absolute;
    top: 50%;
    color: #fff;
    font-family: "Font Awesome 5 Brands";
    font-size: 1.6rem;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
[data-fa-icon]::before {
    content: attr(data-fa-icon);
    color: #62a24f;
    margin-right: .25em;
}
.ghost, .header-bar-btn.-no-text .header-bar-btn__text, .invisible, .menu-skip__label, .mnv-menu__close-text, .nolabel>label, .nolabel>legend {
    border: 0!important;
    clip: rect(1px,1px,1px,1px);
    height: 1px!important;
    left: -9999px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    top: auto!important;
    width: 1px!important;
}
.social-networks.-header .social-networks__item a:focus, .social-networks.-header .social-networks__item a:hover, .social-networks.-is-fixed .social-networks__item a:focus, .social-networks.-is-fixed .social-networks__item a:hover {
    background-color: #001b36;
}
#villeChoice {
    padding: 1rem 0;
}
#villeChoice li {
    margin: 0.5rem 0;
}
.form-group.remove_btn {
    position: absolute;
    left: 365px;
    bottom: -30px;
}
div[id^="ligne_dynamic_form_73_autresdocuments_"] {
position: relative;
}
@media screen and (max-width: 1024px) and (min-width: 766px){
    ul#menutop > :nth-child(3) {
        height: 100px!important;
    }
}
@media screen and (max-width: 767px) {
    .site-main.candidature h1 {
        padding: 7rem 1rem 6rem;
    }

    #menutop {
        flex-direction: column;
    }

    .site-header .menu {
        width: 100%;
        max-width: 100%;
    }

    #menutop > li {
        margin: auto;
    }
    .header-bar__components, .site-header .menu > li:first-child > a:before, .site-header .menu > li:nth-child(2) > a:before {
        display: none;
    }
}