/* CSS MODULE NEWS1 */
.bt-addActu {
    padding-top: 10px;
}

.une-actu {
    padding: 10px 0px 10px 0px;
    border-bottom: 1px #E0E0E0 solid;
}

.first { /*padding:20px; border:5px #CC0A2F solid;*/
}

.sendi{
    text-align: left;
	margin-bottom:  63px
	
}

/*.emploi minput[type=text], textarea, select {
    padding: 10px 20px;
    font-size: 1.1rem;
    width: 100%;
}

.emploi input[type=text], .emploi input[type=email], .emploi input[type=password], .emploi input[type=file] {
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #1d1d1b;
    border-radius: 0;
    font-size: 1.1rem;
}
*/


.select{
    background-color: #f5f5f7;
    height: 48px;
    font-size: 19px;
    color: #9293a1;
    max-width: 400px;
    position: relative;
    overflow: hidden;
}

.select select:focus{ outline: none; border: none}

.select:after {
    content: "\e900";
    right: 0;
    font-size: 10px;
    color: #d62d1d;
    font-family: 'icomoon';
    position: absolute;
    background-color: #f5f5f7;
    top: 0;
    bottom: 0;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

h2, h3{ font-size: 32px; text-transform: uppercase; color:#d62d1d; margin-bottom: 32px}


input, body.emploi input[type="text"]{
    background-color: #f5f5f7;
	width: 100%;
    padding: 0 15px;
    font-size: 19px;
    color: #9293a1;
    border: none;
    border-radius: 0;
    border: 2px solid transparent;
	height: 48px
}


 body.emploi textarea {
    background-color: #f5f5f7;
	width: 100%;
    padding: 0 15px;
    font-size: 19px;
    color: #9293a1;
    border: none;
    border-radius: 0;
    border: 2px solid transparent;
	height: 200px
}

input:focus, body.emploi input[type="text"]:focus, body.emploi textarea:focus{ font-size: 19px; color:#d62d1d; border-color: #d62d1d; box-shadow: 15px 1px 27px rgba(0,0,0,0.14)}

body.emploi .button-submit, .sendi button {
    border: none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    width: 200px;
    height: 48px;
    background-color: #d62d1d;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 25px;
}

.paire {
}

.impaire {
}

/* Titre de la emploi */
.une-actu .titre {
    margin-bottom: 5px;
    font-size: 2.2em;
    font-weight: bold;
}

.une-actu .titre a {
    font-weight: bold;
    text-decoration: none;
}

.une-actu .titre a:hover {
    text-decoration: underline;
}

/* Posté par */
.une-actu .postby {
    margin: 0px 0px 10px 0px;
    font-size: 1.2em;
}

.une-actu .postby .date {
}

.une-actu .postby .redacteur {
}

.une-actu .linknext {
}

/* Image de l'actu */
.une-actu .emploiImg {
    position: relative;
    float: left;
    margin: 0px 10px 0px 0px;
}

.une-actu .emploiImg .illus {
}

.une-actu .emploiImg .illus img {
}

.une-actu .emploiImg .bt-supimg {
    position: absolute;
    top: 5px;
    right: 5px;
}

.une-actu .emploiImg .bt-supimg img {
    cursor: pointer;
}

.une-actu .emploiTxt {
    font-size: 1.2em;
    line-height: 1.5em;
}

.une-actu .emploiTxt .emploidesc {
    margin: 10px 0px 0px 0px;
    font-size: 1.2em;
}

.une-actu .emploiTxt .link {
    margin: 10px 0px 0px 0px;
    font-size: 1.2em;
}

.une-actu .emploiTxt .link span {
    font-weight: bold;
}

.une-actu .emploiTxt .link a {
}

.une-actu .emploiTxt .link a:hover {
}

/* ======================================================================== */
/* detail.php */
.detail-emploi {
    font-size: 13px;
}

.detail-emploi .illus {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}

.detail-emploi .editor {
}

.retourn {
    margin-bottom: 15px;
    text-align: right;
}

.retourn a {
    padding-left: 23px;
    background: url(/cssimg/site/ArrowLeft.png) 0 center no-repeat;
}

.presse {
    margin-bottom: 15px;
    text-align: right;
}

.presse a {
    display: inline-block;
    padding: 5px 7px;
    border: 1px #004372 solid;
    border-radius: 2px;
    text-decoration: none;
}

.presse a:hover {
    border: 1px black solid;
}


.illus {
    height: 211px;
    overflow: hidden
}

.illus img {
    height: 100%;
    width: auto;
    border: 1px solid #6f7376
}

.emploi_infos {
    background-color: #f7faff;
    padding: 15px 20px;
    font-size: 14px;
    color: #999999;
    margin-bottom: 36px
}

.emploi_infos span {
    color: #efb32e
}

.container_emploi .title {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.container_emploi .title a {
    font-weight: 700;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
}

.container_emploi .title a:hover {
    color: #efb32e;
    text-decoration: none
}

.container_emploi .txt {
    padding: 0 20px;
    font-size: 16px;
    line-height: 24px;
    color: #999999;
    height: 123px;
    overflow: hidden
}

.container_emploi .btn.btn-default a {
    color: #efb32e;
    font-size: 16px;
    background-color: transparent;
    border: none;
    text-transform: uppercase
}

.container_emploi .btn.btn-default {
    background-color: transparent;
    border: none
}

.in-emploi {
    padding-bottom: 25px
}

.container_emploi {
    padding-left: 0;
    padding-right: 0
}

.illus.frameImage img {
    width: 100%;
    height: auto;
    border: none
}

.illus.frameImage {
    height: auto;
    border: none
}

.illus.frameImage {
    margin-bottom: 60px
}

.dateemploi {
    font-size: 16px;
    color: #efb32e
}

.emploititre {
    font-weight: 700;
    color: #efb32e;
    font-size: 48px
}

.row_emploidetail {
    font-size: 18px;
    line-height: 24px;
    color: #31373c;
    font-weight: 300
}

.row_emploidetail h4 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 40px
}

.retourn a {
    display: inline-block;
    background-color: #f3a63c;
    color: #FFF;
    font-size: 16px;
    padding: 7px 15px
}

.retourn a:hover {
    background-color: #000;
    text-decoration: none
}

.in-emploi h3.title {
    background-color: #f3a63c;
    color: #FFF;
    padding: 7px 15px
}

.in-emploi label {
    display: block;
    text-align: left;
    width: 100%
}

.container_emploi .item:nth-child(even) {
    background-color: #E9E9E9
}

.container_emploi .item:nth-child(even):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 100%;
    background-color: #E9E9E9
}

.container_emploi .item:nth-child(even):after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    background-color: #E9E9E9
}


.container_emploi .item {
    position: relative
}

.container-main {
    padding-bottom: 0
}

.link_form {
    display: inline-block;
    background-color: #000;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    padding: 7px 15px
}

.link_form:hover {
    background-color: #f3a63c;
    text-decoration: none
}

.emploi-header {
    display: flex;
}

.jobs-wrapper {
    border: solid 1px #999;
    padding: 60px;
    margin-bottom: 30px;
}

.emploi-header--text {
    width: calc(33.33% - 60px);
    margin-right: 60px;
}

.emploi-header--media {
    width: 66.66%;
}

.emploi-header--media img {
    position: relative;
    top: -90px;
    width: 100%;
    height: calc(100% + 90px);
    object-fit: cover;
}

#div_form_emploi {
    position: relative;
    margin-top: 30px;
}

/*#div_form_emploi:after{ content:"";top:0; bottom:0; width: 100%; left:100%; background-color:#E9E9E9; position:absolute}

#div_form_emploi:before{ content:"";top:0; bottom:0; width: 100%; right:100%; background-color:#E9E9E9; position:absolute}
*/
#div_form_emploi h2 {
    color: #000;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: 0
}

#form_emploi label {
    width: 100%;
    display: block;
    text-align: left
}

#form_emploi input, #form_emploi select {
    height: 50px;
    border: 1px solid #c6c6c6;
    border-radius: 2px;
}

#form_emploi {
    width: 100%
}

#form_emploi input, #form_emploi select {
    width: 100%;
    border: none;
}

#form_emploi textarea {
    width: 100%;
    border: 1px solid #c6c6c6;
    border-radius: 2px;
    width: 100%;
    height: 150px;
    padding: 5px 25px;
    font: 16px "lato-regular";
    color: #6f6f6f;
}

button.btn {
    background-color: #efb32e;
    border-radius: 2px;
    color: #FFF;
    display: inline-block;
    float: right;
    text-transform: uppercase;
    height: auto;
    width: auto;
    line-height: 50px;
    font-size: 18px;
    border: none;
    margin-right: 5%;
    clear: right;
    margin: inherit
}

button.btn:hover {
    background-color: #000
}

#form_emploi .select {
    width: 100%;
    overflow: hidden;
    height: 50px;
    border: 1px solid #c6c6c6;
    margin-right: 15px;
    border-radius: 2px;
    position: relative;
    display: inline-block
}

#ctrlBtn {
    font-size: 14px;
    color: #000;
    text-decoration: underline;
    background-color: transparent;
    width: auto;
    display: inherit;
    margin-right: inherit;
    float: none
}

.champ {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 32px;
    width: 100%;
}


.upload_box {
    position: relative;
    display: inline-block;
    margin-top: 18px
}

.upload_box label {
    display: block;
    padding: 15px 0;
    color: #fff;
    background: #FFF;
    transition: background .3s;
    color: #c6c6c6;
    height: 50px;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
}

.upload_box input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width: 0;
    height: 100%;
    opacity: 0;
}

.top-professionnel {
    margin: 58px auto
}

.top-professionnel.top-entretien {
    margin: 0 auto 84px auto
}

.top-professionnel h1 {
    line-height: 34px;
    color: #f5d410;
    margin-bottom: 45px;
    font: 34px 'gothamrnd-bold';
}

.top-professionnel.top-entretien h1 {
    margin-top: 70px
}

.top-professionnel {
    align-items: center
}

.top-professionnel li {
    list-style: none;
    font: 16px 'lato-regular';
    color: #144391;
    margin-bottom: 25px;
    position: relative;
    max-width: 400px;
    padding-left: 22px
}

.top-professionnel li:before {
    content: "";
    transform: rotate(135deg);
    width: 8px !important;
    height: 8px !important;
    background-image: none !important;
    border-top: 1px solid #f5d410;
    border-left: 1px solid #f5d410;
    position: absolute;
    left: 0;
    top: 5px
}

.top-professionnel ul {
    margin-bottom: 70px
}

.lato-16, .top-professionnel p.lato-16 {
    font: 16px/28px "lato-regular";
    color: #6f6f6f;
    text-align: left;
}


.place-dispo {
    background: url('/kassets/cssimg/site/fond-place-dispo.png') no-repeat center;
    align-items: center;
    justify-content: center;
    background-size: contain
}

.place-dispo h2 {
    font: 30px 'gothamrnd-bold';
    color: #FFF;
    margin-top: 20px
}

.in-place-dispo {
    min-height: 280px;
    text-align: left;
    justify-content: center;
    max-width: 200px;
    margin: auto;
}

.in-place-dispo div {
    text-align: left
}

.recrutement-link {
    list-style: none;
    padding: 15px;
    gap: 100px;
    column-count: 2;
    column-rule: solid 1px #999;
    column-rule-width: 1px;
}

.recrutement-link li {
    padding: 15px;
    border-bottom: 1px solid #efefef;
}

.recrutement-link li a {
    color: var(--fernandez-color-primary);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
}

.recrutement-link li a i {
    font-size: 1.3rem;
    vertical-align: center;
    margin-left: 20px;
}

.info-form h2 {
    color: #f5d410;
    font: 30px 'gothamrnd-bold';
    text-align: left
}

.info-form h3 {
    font: 21px "lato-regular";
    color: #6f6f6f;
    text-align: left
}

.place-dispo-section {
    margin-bottom: 53px
}

#form_emploi input {
    border-radius: 15px;
    height: 77px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #f0f4f6;
    height: 50px;
    font: 16px "lato-regular";
    color: #6f6f6f;
    padding: 5px 25px;
    border: none;
}

#form_emploi textarea {
    border-radius: 15px;
    height: 185px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #f0f4f6;
    border: none
}

.bloc-champ {
    margin-bottom: 20px
}


#form_emploi .select {
    overflow: hidden;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #f0f4f6;
    height: 50px;
    font: 16px "lato-regular";
    color: #6f6f6f;
    padding: 5px;
    border: none;
    position: relative
}


#form_emploi .select:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    bottom: 0;
    background-color: #df008c;
}

#form_emploi .select:before {
    content: "";
    transform: rotate(-135deg);
    width: 10px !important;
    height: 10px !important;
    background-image: none !important;
    border-top: 2px solid #FFF;
    border-left: 2px solid #FFF;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}

#form_emploi .select select {
    width: 110%;
    background-color: transparent;
    color: #6f6f6f;
    padding: 0px 18px;
    height: 100%;
    border: none
}

#form_emploi .select select:focus {
    border: none !important
}


#div_form_emploi input[type=file]:not(old) + label {
    display: inline-block;
    margin-left: 0;
    padding-left: 30px;
    background-color: transparent;
    cursor: pointer;
    padding: 15px;
    border-radius: 40px;
    text-align: center;
    font-size: 14px;
    color: #dadada;
    width: auto;
    border: 2px solid #dadada;
    cursor: pointer
}


#div_form_emploi .small {
    font: 14px 'lato-regular';
    color: #b0b0b0;
    padding: 0 15px
}

#ctrlBtn, .btn.btn-small.btn-success {
    background-color: #f9e155;
    font: 14px 'gothamrnd-bold';
    color: #313131;
    border: none;
    display: inline-block;
    padding: 15px;
    border-radius: 15px;
    margin-top: 35px;
    min-width: 170px;
    text-decoration: none
}

.lato-16 {
    font: 16px/28px "lato-regular";
    color: #6f6f6f
}

#div_form_emploi span.lato-16 {
    display: block;
    margin-top: 40px
}


.outer_submit input[type=file] {
    display: none;
    height: auto
}

#div_form_emploi input[type=file] {
    color: #6f6f6f;
    cursor: pointer
}

.replace_label {
    font: 16px "lato-bold";
    color: #6f6f6f
}

::-webkit-input-placeholder, ::-webkit-textarea-placeholder, body.contact input::placeholder {
    color: #6f6f6f;
    opacity: 1
}

:-moz-placeholder, body.contact input:-moz-placeholder { /* Firefox 18- */
    color: #6f6f6f;
    opacity: 1
}

::-moz-placeholder, body.contact input::-moz-placeholder { /* Firefox 19+ */
    color: #6f6f6f;
    opacity: 1
}

:-ms-input-placeholder, :-ms-textarea-placeholder {
    color: #6f6f6f;
    opacity: 1
}


.partenaire {
    display: none
}

.in-place-dispo.d-flex.flex-column div {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.in-place-dispo.d-flex.flex-column div svg {
    width: 60px;
    fill: #f5d410
}

.outer-bas-page {
    margin-top: -100px
}


@media only screen and (max-width: 980px) {
    .champ {
        width: 49%
    }
}

@media only screen and (max-width: 800px) {
    .champ {
        width: 100%;
    }

    .button-submit {
        margin-right: 0
    }
}

@media ( max-width: 576px) {
    .top-professionnel img {
        width: 100%
    }
}

/* The container must be positioned relative: */
.fernandez-select {
    position: relative;
}

.fernandez-select select {
    display: block; /*hide original SELECT element: */
}

.select-selected {
    color: var(--fernandez-color-primary);
}

/* Style the arrow inside the select element: */
.select-selected:after {
    font-family: 'fernandez' !important;
    position: absolute;
    content: "\e900";
    color: #ffffff;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background: var(--fernandez-color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    font-family: 'fernandez' !important;
    content: "\e900";
    transform: rotate(-180deg);
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    padding: 10px 20px;
    border: 1px solid #1d1d1b;
    cursor: pointer;
    font-size: 1.1rem;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: #dedede;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}
.editor, p, #contacttexte{ font-size: 19px; color:#9293a1; text-align:left; font-weight: 400}
.editor{ padding-top: 55px}


/*fileupload*/
label.file-upload{position:relative;overflow:hidden; margin: 0 0 32px 0}label.file-upload input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:0;background:#fff;cursor:inherit;display:block; }

.champs-obligatoire{margin-bottom: 24px}


.row_form_contact .col-block label{ display: block !important}

.form-group .file-upload{min-width: 235px}

input[type="checkbox"] {
    visibility: hidden;
    height: 0px;
    position: absolute;
	z-index: 0
}

.CSScontroleZone {
    margin-top: 2px !important;
}

.sendi {
    display: block !important;
    margin: 32px 0 32px 0 !important;
}

@media(max-width:1365px){
    .contact-top .justify-content-between h5 span, .contact-top .justify-content-between h5{ font-size: 18px !important}
    .contact-top {    padding: 50px 15px 50px 15px !important;}
    .contact-top .col-lg-5{ padding-left:inherit}
    .contact-top .justify-content-between{ padding-right:inherit}
    .contact-top a {
        font-weight: 700;
        color: #d52d1d;
        font-size: 16px;
        background-color: #FFF;
        border-radius: 25px;
        text-transform: uppercase;
        padding: 15px;
        display: block;
        text-align: center;
        border-radius: 0;
    }
    .editor .col:first-child{ padding: 15px}
}

@media(max-width: 992px){
    .editor .col:first-child{ max-width:inherit}
	label.file-upload{margin: 15px}
	input#rgpd[type="checkbox"]:not(old) + label {
    font-size: 13px;
    line-height: 14px;
}

}


@media only screen and (max-width:800px) {
    body.contact .champ{ width:100%; }
}

@media(max-width:768px){
    .row1-contact .col:first-child{ padding: 15px 0}
    .contact-top a{ display: inline-block; margin-top: 30px}
    .row1-contact{ padding-top: 50px; padding-bottom: 50px}
    .contact-top .justify-content-between{ border-right: none !important}
    .contact [class^=col], .contact .col{ flex-grow: 0 !important; flex-basis: inherit !important;}
    .two-bloc .col-lg-6{ margin-bottom: 15px}

}

@media(max-width:576px){
	input#rgpd[type="checkbox"]:not(old) + label {
		margin-bottom: 80px
		
}

}