.alert-success {
    margin: 0 10%;
}


.RHGlobal {
    width: 80%;
    margin: auto;
}

#sectionRH {
    width: 80%;
}


ul,
li {
    text-decoration: none;
    list-style: none;
}

.RHText {
    padding-top: 10%;
    vertical-align: top;
}

.RHText p {
    padding-top: 3%;
}

.offre-titre {
    padding-left: 0;
    text-align: left;
}

.offre-titre li {
    width: 100%;
}

.footerIMG-jobs {
    background-image: url(../Images/Nous%20Rejoindre/footerRejoindre.svg);
    background-repeat: no-repeat;
    background-size: cover;
    clear: both;
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top: 6%;
    padding-bottom: 12%;
    width: 100%;
}

.footerIMG-jobs h3 {
    color: #ffffff;
    margin-bottom: 2%;
}

.rejoindre-excerpt {
    background: #68EABA url(../img/rejoindre-heart.png) center center no-repeat
}

.rejoindre-projet {
    background: #fff
}

.rejoindre-skills {
    overflow: hidden;
}

.rejoindre-skills li {
    display: inline-block;
    font-family: 'Yanone Kaffeesatz', 'Open Sans Condensed', arial, sans-serif;
    font-weight: 300;
    text-align: center;
    vertical-align: top
}

.rejoindre-skills h4 {
    font-family: 'Yanone Kaffeesatz', 'Open Sans Condensed', arial, sans-serif;
    color: #68EABA;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.rejoindre-skills h4 em {
    color: #444349
}

.rejoindre-histoire {
    background: url(../img/histoire--bg.jpg) center top no-repeat;
    background-size: cover
}

.rejoindre-figures {
    margin: 100px 0 0
}

.rejoindre-join {
    text-align: center;
}

.joinl1,
.joinl2,
.joinl3 {
    display: block;
    text-align: center
}

.joinl1 {
    font-family: 'Lily Script One', 'Open Sans Condensed', arial, sans-serif;
    color: #fff
}

.joinl2 {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    font-family: 'Yanone Kaffeesatz', 'Open Sans Condensed', arial, sans-serif;
    color: #68EABA;
    font-weight: 300;
    letter-spacing: 2px
}

.joinl2:after {
    content: "";
    display: block;
    position: absolute;
    top: -50%;
    right: -65px;
    transform: rotate(-45deg);
    width: 40px;
    height: 40px;
    border-bottom: 2px solid #68EABA;
    border-right: 2px solid #68EABA;
    transition: .25s;
}

.rejoindre-join a {
    display: block
}

.rejoindre-join a:hover .joinl2:after {
    right: -90px;
}

.dates {
    width: 85%;
    max-width: 1181px
}

.hawaii--is--title {
    position: relative;
    margin: 60px 0 30px;
    padding-top: 60px
}

.hawaii--is--title:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 1px;
    background: #444349
}

.hawaii--is {
    width: 33.3333333333%;
    float: left;
    margin-top: 30px;
    text-align: center;
}

.hawaii--is li {
    line-height: 50px;
    font-family: 'Yanone Kaffeesatz', 'Open Sans Condensed', arial, sans-serif;
    font-size: 20px;
    color: #444349;
    font-weight: 300
}

.rejoindre--postuler {
    box-sizing: border-box;
    padding-bottom: 12%;
    font-family: 'Yanone Kaffeesatz', 'Open Sans Condensed', arial, sans-serif;
    font-size: 18px;
    font-weight: 300
}

.rejoindre--postuler * {
    box-sizing: border-box;
}

#output {
    width: 80%;
}

.offres--cont {
    padding-top: 40px
}

.offres--left {
    float: left;
    width: 30%;
    text-align: left;
}

.offres--right {
    float: left;
    width: 70%;
    margin: 0;
    padding: 0 0 0 6%;
    border-left: 4px solid #444349;
}

.offres--left ul li {
    margin: 0 0 20px;
}

.offres--left ul li a {
    display: block;
    position: relative;
    margin: 0;
    padding: 12px 10px 12px 0;
    font-size: 18px;
    color: #454545;
    text-decoration: none;
    letter-spacing: .5px;
    line-height: 20px;
    border-right: 3px solid transparent;
    transition: .25s;
    overflow: hidden;
    word-break: break-word;
}

.offres--left ul li a:hover,
.offres--left ul li a.active {
    color: #68EABA
}

.offres--left ul li a.active {
    font-weight: 400;
    border-right: 6px solid #68EABA
}

.page-text .offres--right {
    text-align: left;
    margin: 0;
    margin-bottom: 100px;
}

.offres--right h5 {
    padding: 15px 0 5px 0;
    font-weight: 700;
}

.offres--right h5:first-child {
    padding: 0 0 5px 0
}

.page-text .offres--right ul,
.page-text .offres--right p {
    margin: 10px 0 20px;
    line-height: 22px;
    text-align: left
}

.offres--right a {
    color: #444349;
    text-decoration: underline
}

.offres--right a:hover {
    color: #fff;
    text-decoration: none
}

.offres--right strong {
    font-weight: bold
}

.form-postuler {
    width: 100%;
    box-sizing: border-box;
    margin-top: 40px
}

.form-postuler * {
    box-sizing: border-box;
}

.form-postuler .alert {
    float: left;
    left: 50%;
    transform: translate(-50%, -20px);
}

.input--wrapper {
    width: 48%;
    float: left;
    margin-bottom: 20px
}

.input--wrapper:nth-child(1) {
    margin-right: 4%
}

.input--wrapper:nth-child(2) {
    margin-right: 0
}

.input,
.textarea {
    width: 100%;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #444349;
    outline: none;
    font-family: 'Open Sans Condensed', arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .1px
}

.textarea {
    display: block;
    width: 100%;
    max-height: 250px;
    margin-bottom: 20px;
    resize: vertical;
    overflow: auto
}

.file--wrapper {
    display: inline-block;
    padding: 15px;
    width: 100%;
    border: 1px dashed #aaa;
}

.file--wrapper.err {
    border: 2px dashed #be0f34;
}

.file--wrapper * {
    outline: none
}

.button--wrapper {
    width: 100%;
    text-align: right
}

.btn-submit {
    display: inline-block;
    margin-top: 20px;
    padding: 15px 30px;
    border: 0;
    cursor: pointer;
    outline: none
}

.form--output {
    margin-top: 30px;
    padding: 1px;
    text-align: center;
    color: #fff;
}

.form--output__ok {
    background: #68EABA;
}

.form--output__ko {
    background: rgba(190, 15, 52, .4);
}

.btn--postuler {
    display: none
}

.input.err,
.textarea.err {
    border: 2px solid #be0f34;
}

.form-postuler input,
.form-postuler textarea {
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #f2f2f2;
    border: 0px;
    padding: 3%;
    width: 100%;
}

html body .form-postuler input.primaryButton {
    background-color: #FFDB52;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 45px;
    border: none;
    padding: 3% 5%;
    font-weight: 700;
    width: 80%;
    border: 1px solid #FFDB52;
}

html body .form-postuler input.primaryButton:hover {
    color: #FFDB52;
    background-color: #FFFFFF;
}

.primaryButton {
    background-color: #FFDB52;
    color: #FFFFFF;
    border: 1px solid #FFDB52;
}

.primaryButton:hover {
    color: #FFDB52;
    background-color: #FFFFFF;
}

#fileToUpload {
    background: transparent;
}

#inputPoste {
    width: 100%;
}

#inputPoste input {

    padding: 2%;
}

label {
    margin-top: 4%;
}

input#fileToUpload {
    padding: 0%;
    padding-bottom: 5%;
}




@media (max-width: 640px) {
    .offres--left {
        width: 30%
    }

    .offres--right {
        width: 70%;
        padding: 0 0 0 20px
    }

    .offres--left ul li {
        margin: 0 0 10px
    }

    .offres--left ul li a {
        padding: 20px 20px 20px 0;
    }

    .page-text .offres--right p {
        width: 100% !important;
        padding-right: 5px
    }

    .offres--right li {
        padding-right: 5px
    }
}

.offres--right ul {
    padding-left: 20px;
}

.offres--right ul li {
    list-style: none;
    padding-bottom: 2%;
}

.offres--right ul li::before {
    content: "\2022";
    color: #68eaba;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

#sectionRH .col-md-7 {
    padding-top: 5%;
}


.file-input-wrapper {
    width: 200px;
    height: 100px;
    overflow: hidden;
    position: relative;
}

.file-input-wrapper>input[type="file"] {
    font-size: 200px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}

.file-input-wrapper>.btn-file-input {
    display: inline-block;
    width: 200px;
    height: 40px;
}

.file-input-wrapper:hover>.btn-file-input {
    background-color: #aaa;
}

.footerIMG-jobs h3 {
    padding-left: 10%;
    padding-right: 10%;
    font-size: 20px;
    padding-bottom: 5%;
    padding-top: 5%;
}

.offre-desc p,
.offre-desc ul,
.offre-desc li {
    font-size: 15px;
}

@media only screen and (min-width : 768px) {

    .footerIMG-jobs h3 {
        padding-left: 0%;
        padding-right: 0%;
        font-size: 28px;
        padding-bottom: 0%;
        padding-top: 0%;
    }

    .footerIMG-jobs {
        padding-bottom: 6%;
    }

    .offre-desc p,
    .offre-desc ul,
    .offre-desc li {
        font-size: 20px;
    }

    /*.offres--left ul li a {
        font-size: 24px;  
    }*/
}

@media (max-width : 1200px) {

    .button--wrapper {
        width: 100%;
        text-align: center;
        margin: auto;
        margin-top: 19%;
    }

}


@media (min-width : 768px) and (max-width:1200px) {

    #sectionRH img {
        display: none;
    }

    #sectionRH .col-md-7 {
        width: 100%;
        display: block;
        max-width: none;
        flex: none;

    }

    .button--wrapper {
        margin-top: 5%;
    }
}

@media (max-width: 900px) and (min-width: 768px) {
    #sectionRH {
        background-image: url(/assets/Images/Nous%20Rejoindre/rhTrans.svg);
        background-size: 59%;
        background-repeat: no-repeat;
        background-position-x: 92%;
        background-position-y: -25px;
        padding: 0% 10% 14% 10%;
        width: 100%;
        margin-bottom: 0%;
    }

}

@media (max-width: 1200px) and (min-width: 901px) {
    #sectionRH {
        background-image: url(/assets/Images/Nous%20Rejoindre/rhTrans.svg);
        background-size: 59%;
        background-repeat: no-repeat;
        background-position-x: 92%;
        background-position-y: -89px;
        padding: 0% 10% 14% 10%;
        width: 100%;
        margin-bottom: 0%;
    }

}


@media (min-width : 0px) and (max-width:768px) {

    .FormMobile .input--wrapper {
        width: 100%;
    }

    #inputPoste input {

        padding: 3%;
    }

    label {
        margin-top: 15%;
    }

    input#fileToUpload {
        padding: 0%;
        padding-bottom: 15%;
    }



}

@media (min-width : 1200px) {

    html body .form-postuler input.primaryButton {
        padding: 2% 5%;
        width: 30%;
    }

}





@media (min-width : 900px) and (max-width:1200px) {
    html body .form-postuler input.primaryButton {
        padding: 2% 5%;
        width: 30%;
    }


}




/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/********** CSS "TRAVAILLER CHEZ HAWAII" ***********/
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/


/* TOUT */
#sectionTout {
    width: 80%;
}


#sectionTout img {
    height: 120px;
}


#sectionTout .col-md {
    /* margin-top: 17%; */
    width: 45%;
    margin: 2% 2%;
}


#sectionTout h4 {
    font-size: 19px;
}



/* FLEXIBILITE */
#sectionCitation {
    background-image: url(/assets/Images/Ambiance/fondvert.svg);
    background-size: cover;
    margin-top: 1%;
    color: #FFFFFF;
}

p.fonction {
    font-size: 25px;
    font-family: 'Open Sans Condensed', sans-serif;
    /*text-shadow: 1px 1px 2px rgb(177, 177, 177);*/
    margin-top: -3%;
}

#divCitation h3 {
    font-size: 55px;
}


#sectionCitation img {
    width: 90%;
}

#sectionCitation #divCitation {
    padding: 8% 0% 67% 0%;
    width: 80%;
    margin-top: 9%;
}

.temoignage {
    font-weight: 700;
    font-family: 'Open Sans Condended', sans-serif;
    font-size: 27px;
}

/* Arguments */
#sectionArguments {
    width: 80%;
    margin-bottom: 5%;
    margin-top: -17%;
}

#sectionArguments h4 {
    font-family: 'Yanone Kaffeesatz', 'Open Sans Condensed', arial, sans-serif;
    color: #68EABA;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-top: 8%;
}

#sectionArguments h4 span {
    color: #444349;
}



/* POSTULER */



#sectionPostuler {
    color: #FFFFFF;
    background: url("/assets/Images/Ambiance/footerrejoindre.svg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 10% 0% 14% 0%;
}

#sectionPostuler>div {
    width: 80%;
}

#sectionPostuler h3 {
    margin-bottom: 3%;
}

.aPostuler {
    background-color: #FFDB52;
    border-radius: 45px;
    padding: 10px 20px;
    color: #FFFFFF;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    display: block;


}

.aPostuler:hover {
    color: #FFFFFF;
    text-decoration: none;
}


.carousel-control-next {
    right: -7%;
}

.carousel-control-prev {
    left: -6%;
}

.carousel-item {
    width: 90%;
    margin: auto;
}

/***************************************/
/*Large*/
@media only screen and (min-width : 768px) {

    /* POSTULER */
    .aPostuler {
        display: inline;
    }

    #sectionCitation #divCitation {
        padding: 7% 0% 18% 0%;
        width: 80%;
        margin-top: 0%;
    }

    #sectionArguments {
        margin-top: -7%;
    }

    #sectionPostuler {

        padding: 6% 0% 6% 0%;
    }
}



@media (min-width : 768px) and (max-width:1200px) {

    #sectionCitation #divCitation {
        padding: 20% 0% 39% 0%;
        width: 80%;
        margin-top: 0%;
    }



}


@media (min-width : 1200px) and (max-width:1700px) {

    #sectionCitation #divCitation {
        padding: 11% 0% 21% 0%;
        width: 80%;
        margin-top: 0%;
    }

}

/* offres */

#welcomekit-embed a {
    color: #68eaba;
}

.welcomekit-jobs-list-item {
    margin: 0;
    padding: 0;
}

.welcomekit-jobs-list-item-link {
    position: relative;
    display: block;
    margin: 0;
    padding: 30px 5px;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    transition: all 0.2s;
}

.welcomekit-jobs-list-item-link:after {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    content: ' ';
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transform: rotate(45deg);
    transition: all 0.2s;
}

.welcomekit-jobs-list-item-link:hover {
    background: #f5f5f5;
    border-bottom-color: #ddd;
}

.welcomekit-jobs-list-item-link:hover:after {
    right: 20px;
    border-top-color: #aaa;
    border-right-color: #aaa;
}

.welcomekit-job-name {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 500;
    font-size: 19px;
    line-height: 20px;
}

.welcomekit-job-infos {
    margin: 0;
    padding: 0;
}

.welcomekit-job-infos>li {
    position: relative;
    display: inline-block;
    margin: 0 34px 0 0;
    color: #aaa;
}

.welcomekit-job-infos>li:before {
    position: absolute;
    top: 6px;
    left: -20px;
    content: ' ';
    display: block;
    height: 6px;
    width: 6px;
    background: #ddd;
    border-radius: 50%;
}

.welcomekit-job-infos>li:first-child:before {
    display: none;
}

.welcomekit-job-infos>li.welcomekit-job-description {
    display: block;
    margin: 10px 0 0 0;
    padding: 10px 20px;
    border-left: 2px solid #eee;
}

.welcomekit-job-infos>li.welcomekit-job-description p,
.welcomekit-job-infos>li.welcomekit-job-description ul {
    margin: 0;
    padding: 0 0 10px 0;
    color: #bbb;
}

.welcomekit-job-infos>li.welcomekit-job-description ul li {
    border-left: 1px solid #eee;
    padding-left: 10px;
    margin-bottom: 10px;
}

.welcomekit-job-infos>li.welcomekit-job-description pre {
    border-left: 1px solid #eee;
    padding-left: 10px;
    overflow: auto;
}

.welcomekit-job-infos>li.welcomekit-job-description:before {
    display: none
}

.welcomekit-office-city,
.welcomekit-department-name {
    display: block;
    padding: 15px;
    background: #eee;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 500;
    font-size: 17px;
    line-height: 18px;
    text-transform: uppercase;
}

.welcomekit-warning {
    display: block;
    padding: 50px 0;
    text-align: center;
}