﻿body {
}

/* CheckBox Mentions Légales et popup protection */
.pnMentionsChkBox-MarginLeft {
    background:#ffffff;
    padding:15px;
}
.pnMentionsChkBox-MarginLeft span label {
margin-left:15px !important;}

.myCheckRss {
  display: flex;
  flex-wrap: wrap; }

.myCheckRss div {
  margin: 2px 10px 2px 0; }

.myCheckRss label {
  padding: 10px 20px;
  margin: 0;
  font-weight: normal; }

.myCheckRss input[type="checkbox"] {
  display: none; }

.myCheckRss input[type="checkbox"] + label {
  color: #1A2138;
  font-size: 14px;
  position: relative;
  margin: 5px;
  cursor: pointer; }

.myCheckRss input[type="checkbox"] + label p {
  text-align: center; }

.myCheckRss input[type="checkbox"] + labe {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  vertical-align: middle;
  cursor: pointer; }

.myCheckRss input[type="checkbox"] + label {
  background-color: #F3F3F3; }

.myCheckRss input[type="checkbox"]:checked + label {
  background-color: #3F5B68; }

.myCheckRss input[type="checkbox"] + label span,
.myCheckRss input[type="checkbox"]:checked + label span {
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }


.myCheckCandidat input[type="checkbox"] + label p {
    text-align: center;
}

.myCheckCandidat input[type="checkbox"] + label {
    background-color: #3F5B68;
}

.myCheckCandidat input[type="checkbox"]:checked + label {
    background-color: #FF7F36;
}

.myCheckCandidat input[type="checkbox"] + label span,
.myCheckCandidat input[type="checkbox"]:checked + label span {
    position: absolute;
    /*width: 100%;
height: 100%;*/
    z-index: -1;
    vertical-align: middle;
    cursor: pointer;
}

.myCheckCandidat {
    display: flex;
    padding: 13px 20px 13px 10px;
}

.myCheckCandidat div {
    margin: 0px 2px 0px 2px;
    z-index: 10;
    width: 50%;
}

.myCheckCandidat p {
    padding: 15px 10px;
    margin: 0;
    height: 47px;
    min-width: 55px;
}

.myCheckCandidat span {
    width: 100%;
}

.myCheckCandidat input[type="checkbox"] {
    display: none;
}

.myCheckCandidat input[type="checkbox"] + label {
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    cursor: pointer;
    padding: 15px 10px;
    height: 47px;
    min-width: 55px;
    text-align: center;
    margin: 0px 2px 0px 2px;
    z-index: 10;
    width: 23.5%;
    display: inline-block;
    border-radius: 0.5rem;
}

.myCheckCandidat input[type="checkbox"] + label p {
    text-align: center;
}

.myCheckCandidat input[type="checkbox"] + label span {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    vertical-align: middle;
    cursor: pointer;
}

.myCheckCandidat input[type="checkbox"] + label span {
    background-color: #3F5B68;
}

.myCheckCandidat input[type="checkbox"]:checked + label span {
    background-color: #FF7F36;
}

.myCheckCandidat input[type="checkbox"] + label span,
.myCheckCandidat input[type="checkbox"]:checked + label span {
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

@media (max-width: 768px) {
    .myCheckCandidat {
        display: flex;
        padding: 0;
        margin: 10px 20px;
    }

    .myCheckCandidat div {
        margin: 0px 2px 0px 2px;
        z-index: 10;
        width: auto;
    }

    .myCheckCandidat p {
        padding: 15px 15px;
        margin: 0;
        height: 47px;
        min-width: 1px;
    }
}

/* ************************************** */
/* ********** GESTION D'ERREUR ********** */
/* ************************************** */

/* On groupe pas tous les navigateur dans une seule class sinon le css ne s'applique pas*/
.modifPlaceColor span span ul li input::-webkit-input-placeholder {
    color: #EC4E6A !important;
}

.modifPlaceColor span span ul li input:-moz-placeholder {
    color: #EC4E6A !important;
}

.modifPlaceColor span span ul li input::-moz-placeholder {
    color: #EC4E6A !important;
}

.modifPlaceColor span span ul li input:-ms-input-placeholder {
    color: #EC4E6A !important;
}

.modifPlaceColor span span ul li input::-ms-input-placeholder {
    color: #EC4E6A !important;
}

.form_postuler_wrap .input_alerte::-moz-placeholder,
.form_content_wrap .input_alerte::-moz-placeholder {
    color: #EC4E6A !important;
    opacity: 1;
}

.form_postuler_wrap .input_alerte:-ms-input-placeholder,
.form_content_wrap .input_alerte:-ms-input-placeholder {
    color: #EC4E6A !important;
}

.form_postuler_wrap .input_alerte::-webkit-input-placeholder,
.form_content_wrap .input_alerte::-webkit-input-placeholder {
    color: #EC4E6A !important;
}

.form_postuler_wrap .input_alerte::-ms-expand,
.form_content_wrap .input_alerte::-ms-expand {
    border: 0;
    background-color: transparent;
}

.RadAutoCompleteBox_CustomError .racEmptyMessage,
.RadAutoCompleteBox_CustomError .racTokenList input {
    color: #EC4E6A !important;
}
/* ******************************************** */
/* ********** END - GESTION D'ERREUR ********** */
/* ******************************************** */