/*--------------------- webkit scrollbar --------------------------------------*/
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-button {
  width: 3px;
  height: 3px;
}

::-webkit-scrollbar-thumb {
  background: #a2a9bb;
  border: 0px none #ffffff;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  border: 1px solid #5371ba;
  cursor: hand !important;
}

::-webkit-scrollbar-track {
  background: #ffffff;
  padding: 2px;
}

/*--------------------- Login Page --------------------------------------*/
/* ---------------- AGIRh Controls ------------------------------------------------*/
.CssBase {
  padding: 4px !important;
  margin: 1px !important;
  color: #000!important;
  font-family: ProzaLibre-Regular !important;
  font-size: 9pt !important;
}

.CssPB {
  text-align: center;
  line-height: 1.15384615;
  box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.4);
  background-color: var(--primary-theme-color) !important;
  color: var(--white) !important;
  margin: 0 auto !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  padding: 0.8em;
  border: none !important;
  min-height: 30px !important;
  position: relative;
  display: inline-block;
  transition: background-color 0.2s ease-in-out !important;
}

.CssPB:hover {
  background-color: var(--secondary-theme-color) !important;
  text-decoration: none !important;
  font-weight: normal !important;
  text-shadow: none !important;
}

.CssDf {
  color: #43454a !important;
  font-family: ProzaLibre-Regular !important;
  font-size: 9pt !important;
}

.CssDfDisabled {
  background-color: #dde1eb !important;
  color: #455a64 !important;
  font-size: 9pt !important;
}

.CssBk {
  text-transform: capitalize;
  text-align: right;
  padding-left: 5px;
}

.CssCb {
  text-transform: capitalize;
  font-family: ProzaLibre-Regular !important;
  font-size: 9pt !important;
}

.CssRb {
  text-transform: capitalize;
  font-family: ProzaLibre-Regular !important;
  font-size: 9pt !important;
}

.CssCmb {
  font-family: ProzaLibre-Regular !important;
  font-size: 9pt !important;
}

.CssRequired {
  font-size: 9pt !important;
  text-transform: capitalize;
  color: #e53535 !important;
  padding: 4px !important;
}

.CssPanel {
  font-size: 9pt !important;
  text-transform: capitalize;
  color: #e1e4e9;
  border-width: 1px;
  border-color: #e1e4e9 !important;
  padding: 2px !important;
  margin: 1px !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.CssPanel fieldset {
  padding-left: 0 !important;
}
.CssLink {
  font-family: ProzaLibre-Regular !important;
  font-size: 9pt !important;
  color: #4c607a !important;
  font-style: normal;
  text-decoration: none;
  text-transform: capitalize;
}

.CssLink:hover {
  color: #243f81;
  font-weight: bold !important;
}

/* ------------------ Material SKINS ----------------------------------------------- */
/*-----------------------------------------------------------------------------------*/
.rfdSkinnedButton {
  background-color: #e1e4e9 !important;
  color: #43454a !important;
  border-color: #5371ba !important;
  font-family: ProzaLibre-Regular !important;
  font-size: 12px !important;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  min-height: 30px !important;
}

.RadTabStrip_Material .rtsLevel1 {
  background-color: #fff !important;
  padding: 2px !important;
  margin: 2px !important;
}

.RadTabStrip_Material .rtsLevel1 .rtsLink {
  border-color: #5371ba !important;
  background-color: #fff !important;
  height: 12px !important;
  padding: 8px !important;
  margin: 2px !important;
  border-bottom: #5371ba;
  border-bottom-width: 1px !important;
  border-bottom-style: inset !important;
  color: #43454a !important;
  font-family: ProzaLibre-Regular !important;
  font-size: 12px !important;
  text-transform: capitalize !important;
}

.RadTabStrip_Material.rtsTop .rtsSelected .rtsLink:before {
  border-bottom: 1px inset #e1e4e9 !important;
  color: #e1e4e9 !important;
}

.rgSelectedRow {
  background-color: #5371ba !important;
  color: #ffffff !important;
}

.RadToolBar_Material {
  border-color: #cfd8dc !important;
  color: #43454a !important;
  font-family: ProzaLibre-Regular !important;
  font-size: 9pt !important;
}

.RadPanelBar_Silk .rpGroup .rpItem .rpLink,
.RadPanelBar_Silk .rpGroup .rpItem .rpHeaderTemplate {
  font-family: ProzaLibre-Regular !important;
  font-size: 9pt !important;
  color: #43454a !important;
  border-bottom: 1px solid #eef0f5 !important;
}

.RadWizard_Material .rwzNext,
.RadWizard_Material .rwzFinish {
  background-color: #e1e4e9 !important;
  color: #43454a !important;
  border-color: #5371ba !important;
  font-family: ProzaLibre-Regular !important;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  min-height: 30px !important;
}

.RadInput_Simple .riTextBox {
  border-radius: 2px !important;
  border: solid 1px #a0b9dd !important;
  background-color: #fff !important;
  color: #43454a !important;
  font-family: ProzaLibre-Regular !important;
  font-size: 9pt !important;
  padding: 4px !important;
  margin: 1px !important;
  height: 26px !important;
}

/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
.CssDetailsView {
  color: #43454a !important;
  background-color: #fff !important;
  font-family: ProzaLibre-Regular !important;
  font-size: 9pt !important;
  margin: 2px;
  padding: 2px;
}

.CssRowStyle {
  color: #43454a !important;
  padding: 4px !important;
  border-color: #cfd8dc !important;
}

.CssAlternatingRowStyle {
  background-color: #eef0f5 !important;
  color: #43454a !important;
  padding: 4px !important;
  border-color: #cfd8dc !important;
}

.CssPagerStyle {
  font-size: 12px !important;
  margin: 2px;
  padding: 6px;
  height: 25px !important;
  border-color: #cfd8dc !important;
}

.CssFieldHeaderStyle {
  font-size: 9pt !important;
  border-color: #cfd8dc !important;
  text-align: left;
  padding-left: 20px !important;
  text-transform: capitalize !important;
}

.CssHeaderStyle {
  font-size: 12px !important;
  border-color: #cfd8dc !important;
  text-align: left;
  padding-left: 20px !important;
  text-transform: capitalize !important;
  font-weight: bold;
}

/*--------------------------*/
/*--------------------------*/
.CssGridView {
  font-size: 9pt !important;
  color: #43454a !important;
  font-family: ProzaLibre-Regular !important;
  border-width: 0 !important;
  border-color: white !important;
}

.CssGridSelectedRowStyle {
  font-weight: bold !important;
}

.XXXCssGridHeaderStyle {
  font-size: 9pt !important;
  color: #43454a !important;
  font-family: ProzaLibre-Regular !important;
  text-transform: uppercase !important;
  font-weight: normal !important;
  background-color: #edf0f1 !important;
  border-bottom: 1px solid #cfd8dc !important;
  padding: 1px !important;
  margin: 1px !important;
  height: 45px !important;
  text-align: left !important;
  text-transform: capitalize !important;
}

.CssGridHeaderStyle {
  font-size: 9pt !important;
  color: #1a77b9 !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #b2c5cd !important;
  padding: 2px !important;
  margin: 2px !important;
  height: 35px !important;
  text-align: left !important;
}

.CssGridPagerStyle {
  height: 30px !important;
  color: #607d8b !important;
  font-size: 9pt !important;
  font-family: ProzaLibre-Regular !important;
}

.CssGridAlternatingRowStyle {
  color: #43454a !important;
  font-size: 9pt !important;
  height: 30px !important;
}

.CssGridRowStyle {
  color: #43454a !important;
  font-size: 9pt !important;
  height: 30px !important;
}

.CssGridRowStyle :hover {
  background-color: #5371ba !important;
  font-size: 9pt !important;
}

/***********************************************************************/
.CssBodyLogin_BOX {
  border: solid 0px #ccc;
}

.CssBodyCV_Center {
  background-color: #fff;
}

.CssBodyCV_Footer {
  background-color: #eef0f5 !important;
  color: white !important;
}

.CssCopyright {
  background-color: #fff;
}

.CssCVEvents {
  height: 1500px !important;
  width: 95% !important;
}

/*** Offre LIST ********************************************************************/
.CssBoxOffres {
  border-radius: 10px !important;
}

.CssLogoOffre {
  border-radius: 30% !important;
  border: none !important;
  width: 86px !important;
  height: 70px !important;
  float: right;
}

.GridCV_Title1 {
  font-size: 12px !important;
  font-family: ProzaLibre-Regular !important;
}

.GridCV_Title2 {
  font-size: 10px !important;
  font-family: ProzaLibre-Regular !important;
}

.GridCV_Title3 {
  font-size: 8px !important;
  font-family: ProzaLibre-Regular !important;
}

/*** RadWizard MonCV ********************************************************************/
.RadWizard_Material {
  color: #608b9f;
  background: #fff;
  font-family: ProzaLibre-Regular !important;
}

.RadWizard_Material .rwzBreadCrumb {
  background: #ffffff !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.RadWizard_Material .rwzBreadCrumb .rwzLI {
  padding: 20px !important;
}

.RadWizard_Material .rwzBreadCrumb .rwzLink {
  padding: 5px;
  padding-left: 50px;
  text-align: left !important;
}

a:link {
  color: #040406 !important;
  text-decoration: none !important;
}
/* ------------------------------------------------------------------- */
@font-face {
  font-family: "Ubuntu";
  src: url("/AgirhStage/App_Ressources/fonts/Ubuntu/Ubuntu-Regular.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("/AgirhCV/App_Ressources/fonts/Ubuntu/Ubuntu-Medium.ttf")
    format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Ubuntu";
  src: url("/AgirhCV/App_Ressources/fonts/Ubuntu/Ubuntu-Bold.ttf")
    format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("/AgirhStage/App_Ressources/fonts/Bootstrap_Icons/bootstrap-icons.woff2")
      format("woff2"),
    url("/AgirhStage/App_Ressources/fonts/Bootstrap_Icons/bootstrap-icons.woff")
      format("woff");
}
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
:root {
  --page-background: #f3f3f4;
  --primary-theme-color: #628a1a;
  --secondary-theme-color: #303e49;
  --text-primary: #628a1a;
  --text-secondary: #313d47;
  --white: #ffffff;
  --off-white: #628a1a;
  --off-white2: #f9f9fb;
  --dark-grey: #525a7a;
  --light-grey: #6b769e;
  --border-color: #f0f1f5;
  --textbox-background: #f6f6f6;
  --font-family: "Ubuntu", "Segoe UI", system-ui, -apple-system,
    BlinkMacSystemFont, sans-serif;
}
html,
body {
  text-size-adjust: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-text-size-adjust: 100% !important;
  -ms-text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
  text-rendering: geometricPrecision !important;
  width: 100% !important;
  font-family: var(--font-family) !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1em !important;
  height: 100% !important;
  width: 100% !important;
}
/* Loading */

#PleaseWait {
  height: 0 !important;
  width: 0 !important;
  }
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
#PleaseWait:not(:required)::after,
#PleaseWait::after {
  font-size: 12px !important;
  border-radius: 50% !important;
  border-top: 0.9em solid #254a74 !important;
  border-left: 0.9em solid #fff !important;
  border-bottom: 0.9em solid #d8e5f3 !important;
  border-right: 0.9em solid #fff !important;
  width: 4.4em !important;
  height: 4.4em !important;
  -webkit-animation: spin 1s linear infinite !important;
  animation: spin 1s linear infinite !important;
  z-index: 999999 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin-left: -20px !important;
  margin-top: -20px !important;
  box-shadow: none !important;
}
/* Header Mobile */

.CssBodyCV_HeaderTOP2 {
  background-color: var(--white) !important;
}
.RadMenuPopup .rmItem {
  width: 87% !important;
}
input[type="submit"],
.CssPB {
  text-transform: none !important;
}
input[type="submit"]:hover,
.CssPB:hover {
  outline: none !important;
  box-shadow: none !important;
}
.rmRootGroup.rmRoundedCorners.rmShadows.rmHorizontal {
  padding: 0 !important;
}
.RadMenu.RadMenu_Material .rmShadows {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) !important;
}
.RadMenu_Material .rmRootGroup .rmRootLink {
  padding: 14px 24px !important;
  height: 17px !important;
  margin: 8px !important;
  display: flex !important;
  border-radius: 6px !important;
}

.RadMenu.RadMenu_Material .rmLink {
  color: var(--text-primary) !important;
  font-family: var(--font-family) !important;
  font-size: 0.8rem !important;
  line-height: 1.15 !important;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.RadMenu.RadMenu_Material .rmExpanded .rmRootLink,
.RadMenu.RadMenu_Material .rmLink:hover {
  color: var(--dark-grey) !important;
  background-color: var(--off-white) !important;
}
.RadMenu_Material
  .rmRootGroup.rmHorizontal
  > .cssAlignRight:not(.rmLast)
  > .rmLink {
  background-color: var(--primary-theme-color) !important;
  color: var(--white) !important;
  height: 14px !important;
  padding-top: 12px !important;
  border: 2px solid var(--primary-theme-color) !important;
}
.RadMenu_Material
  .rmRootGroup.rmHorizontal
  > .cssAlignRight:not(.rmLast)
  > .rmLink:hover {
  background-color: var(--white) !important;
  color: var(--text-primary) !important;
}
/* Body */
.CssBodyCV_Header,
.CssBodyCV_Header2 {
  display: none !important;
}

body::-webkit-scrollbar-track,
body::-webkit-scrollbar,
body::-webkit-scrollbar-track-piece,
body::-webkit-scrollbar-corner {
  background-color: var(--white) !important;
}
*::-webkit-scrollbar-thumb {
  background-color: var(--primary-theme-color) !important;
}
/* Login */
.CssBodyLogin_BOX,
.CssBodyLogin_BOX:hover {
  padding: 32px 24px !important;
  width: 440px !important;
  height: auto !important;
  border-radius: 8px !important;
  margin-top: 74px !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  right: 70px;
  position: absolute;
}
.CssBodyLogin_BOX .V12Login_Title {
  color: var(--light-grey) !important;
}
.CssBodyLogin_BOX .rfdTextInput,
.CssBodyLogin_BOX .rfdTextInput:hover {
  border-radius: 5px !important;
  background-color: var(--textbox-background) !important;
  border: 1px solid #628a1a !important;
  box-shadow: none !important;
  padding: 12px 18px 12px 36px !important;
  height: auto !important;
  line-height: 1 !important;
  font-size: 12px !important;
  background-position: 3% center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
.CssBodyLogin_BOX .CssBkMail{
  background-image: url(/AgirhStage/App_Ressources/Css/images/login_mail.png) !important;
  background-repeat: no-repeat !important;
  background-size: 18px !important;
}
.CssBodyLogin_BOX .rfdTextInput:focus {
  outline: 2px solid var(--primary-theme-color) !important;
}
.rfdTextInput::placeholder,
.CssBkSecurity::placeholder,
input[type="text"] {
  text-transform: none !important;
}
.CssBodyLogin_BOX .rfdSkinnedButton {
  background-color: var(--primary-theme-color) !important;
  color: var(--white) !important;
  margin: 0 auto !important;
  border-radius: 6px !important;
  margin-left: -5px !important;
  border: none !important;
  transition: background-color 0.2s ease-in-out !important;
}
.CssBodyLogin_BOX .rfdSkinnedButton:hover {
  background-color: var(--secondary-theme-color) !important;
}
.LoginWidth td > a {
  color: var(--text-secondary) !important;
  text-align: center !important;
  display: block !important;
}
/* Offres */
.CssBodyCV_Center{
  /* padding: 0 !important; */
  background: #1f1f1f47 !important;
  background: url("\\AgirhStage\\App_Ressources\\USER_RESSOURCES\\Background\\Fonds-image-de-connexion.jpg")
    no-repeat center top !important;
  background-size: cover !important;
  height: 100%;
}
.CssBodyCV_Center2 {
  /* padding: 0 !important; */
  background: #1f1f1f47 !important;
  background: url("\\AgirhStage\\App_Ressources\\USER_RESSOURCES\\Background\\Fonds-après-connexion.jpg")
    no-repeat center top !important;
  background-size: cover !important;
  height: 100%;
}
.CssBodyCV_Cente:after,CssBodyCV_Center2:before{
    background: #1f1f1f !important;

  }
.CssBodyCV_Center .CssDf,
.CssBodyCV_Center .CssDf:focus,
.CssBodyCV_Center .CssCmb,
.CssBodyCV_Center .CssCmb:focus,
.CssBodyCV_Center2 .CssDf,
.CssBodyCV_Center2 .CssDf:focus,
.CssBodyCV_Center2 .CssCmb,
.CssBodyCV_Center2 .CssCmb:focus {
  font-family: var(--font-family) !important;
  border-radius: 5px !important;
  padding: 8px !important;
  margin-bottom: 4px !important;
  box-sizing: border-box !important;
  height: 36px !important;
  background-color: var(--textbox-background) !important;
  border: 1px solid var(--off-white) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
}
.CssBodyCV_Center .CssDf:focus,
.CssBodyCV_Center .CssCmb:focus,
.CssBodyCV_Center2 .CssDf:focus,
.CssBodyCV_Center2 .CssCmb:focus {
  outline: 2px solid var(--primary-theme-color) !important;
}
.CssBodyCV_Center .CssPB,
.CssBodyCV_Center .CssPB:hover,
.CssBodyCV_Center .CssPB:active,
.CssBodyCV_Center2 .CssPB,
.CssBodyCV_Center2 .CssPB:hover,
.CssBodyCV_Center2 .CssPB:active {
  margin-top: 10px !important;
  height: 42px !important;
  border: none !important;
  background-color: var(--primary-theme-color) !important;
  color: var(--white) !important;
  font-weight: normal !important;
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  border-radius: 8px !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) !important;
}
.CssBodyCV_Center .CssPB:hover,
.CssBodyCV_Center2 .CssPB:hover {
  background-color: var(--secondary-theme-color) !important;
  box-shadow: none !important;
}
.CssBodyCV_Center .CssCadreItems,
.CssBodyCV_Center2 .CssCadreItems {
  box-shadow: none !important;
  border: none !important;
}
.CssBodyCV_Center .CssCadreItems .CssGridRowStyle {
  display: flex !important;
}
.CssBodyCV_Center .CssCadreItems .CssGridRowStyle > td {
  width: 95% !important;
}
.CssCadreOffres2 .CssFormResponsive > tbody {
  display: flex !important;
}
/* Candidature Spontanee */
.CssCadreSpontanee .CssFormResponsive {
  margin: 0 auto !important;
  background-color: #ffffff !important;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) !important;
  padding: 34px 2px 24px 0px !important;
  margin: 20px auto !important;
  border-radius: 6px !important;
  border: none;
}
.CssCadreSpontanee
  #ctl00_ContentPlaceHolder1_uc_CandidSpontanee_Lb_grp_Candidat_Langues3 {
  font-size: 14pt !important;
  color: var(--light-grey) !important;
}
.CssCadreSpontanee
  #ctl00_ContentPlaceHolder1_uc_CandidSpontanee_RadCaptcha1_CaptchaTextBox,
.CssCadreSpontanee
  #ctl00_ContentPlaceHolder1_uc_CandidSpontanee_RadCaptcha1_CaptchaTextBox:hover,
.CssCadreSpontanee
  #ctl00_ContentPlaceHolder1_uc_CandidSpontanee_FileUpload_CONTENT,
.CssCadreSpontanee
  #ctl00_ContentPlaceHolder1_uc_CandidSpontanee_FileUpload_CONTENT:hover,
.CssCadreSpontanee
  .CssBase:not(.CssPB):not(.CssLink):not(label):not(.CssBk):not(.CssRequired),
.CssCadreSpontanee
  .CssBase:not(.CssPB):not(.CssLink):not(label):not(.CssBk):not(
    .CssRequired
  ):hover {
  height: 36px !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  background-color: var(--textbox-background) !important;
  box-shadow: none !important;
  border: none !important;
  margin: 0 auto !important;
  }

.CssCadreSpontanee
  #ctl00_ContentPlaceHolder1_uc_CandidSpontanee_RadCaptcha1_CaptchaTextBox:hover,
.CssCadreSpontanee
  #ctl00_ContentPlaceHolder1_uc_CandidSpontanee_FileUpload_CONTENT:hover,
.CssCadreSpontanee
  .CssBase:not(.CssPB):not(.CssLink):not(label):not(.CssBk):not(
    .CssRequired
  ):hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.35) inset !important;
}
.CssCadreSpontanee
  #ctl00_ContentPlaceHolder1_uc_CandidSpontanee_RadCaptcha1_CaptchaTextBox:focus,
.CssCadreSpontanee
  #ctl00_ContentPlaceHolder1_uc_CandidSpontanee_FileUpload_CONTENT:focus,
.CssCadreSpontanee
  .CssBase:not(.CssPB):not(.CssLink):not(label):not(.CssBk):not(
    .CssRequired
  ):focus {
  box-shadow: none !important;
  outline: 2px solid var(--primary-theme-color) !important;
}

.CssCadreSpontanee
  #ctl00_ContentPlaceHolder1_uc_CandidSpontanee_FileUpload_CONTENT,
.CssCadreSpontanee
  #ctl00_ContentPlaceHolder1_uc_CandidSpontanee_FileUpload_CONTENT:hover,
.CssCadreSpontanee .CssBase:not(.CssPB):not(.CssLink):not(label):not(.CssBk),
.CssCadreSpontanee
  .CssBase:not(.CssPB):not(.CssLink):not(label):not(.CssBk):hover {
  width: 92% !important;
}
.CssCadreSpontanee .CssFormResponsive > tbody > tr:nth-child(9) > td {
  padding-left: 8px !important;
  padding-top: 20px !important;
}
.CssCadreSpontanee .CssFormResponsive > tbody > tr:nth-child(10) > td {
  padding-bottom: 20px !important;
}
.CssCadreSpontanee .CssFormResponsive input[type="file"]:hover {
  cursor: pointer !important;
}
.CssCadreSpontanee .CssPB,
.CssCadreSpontanee .CssLink {
  display: block !important;
  margin-left: -20px !important;
}
.CssCadreSpontanee .CssPB,
.CssCadreSpontanee .CssPB:hover {
  margin-top: 0 !important;
}
.CssCadreSpontanee .CssLink {
  margin-top: 15px !important;
  text-decoration: underline !important;
}
.CssCadreSpontanee .CssLink:hover {
  font-weight: normal !important;
  text-shadow: none !important;
  text-decoration: none !important;
}
#ctl00_ContentPlaceHolder1_uc_CandidSpontanee_pbValider {
  display: block !important;
  margin: 0 auto !important;
  transform: translateX(-12px) !important;
}
.CssBoxOffres {
  background-image: none !important;
  background-color: #ffffff !important;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) !important;
  font-family: var(--font-family) !important;
  padding: 8px 6px 10px !important;
  min-height: 198px !important;
  transition: box-shadow 0.2s ease-in-out;
}
.CssBoxOffres:hover {
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1) !important;
}
.CssBoxOffres > table > tbody > tr > td {
  height: auto !important;
}

.CssBoxOffres .GridCV_TitleOffre {
  font-size: 1.1rem !important;
  display: block !important;
  margin-bottom: 10px !important;
}
.CssBoxOffres .GridCV_Title3 {
  font-size: 12px !important;
  display: block !important;
  min-height: 3em !important;
}
.CssBoxOffres .CssOffreContrat,
.CssBoxOffres .CssBkIntituleGridBase,
.CssBoxOffres .CssOffreDtEmission {
  padding: 0 !important;
  color: var(--dark-grey) !important;
  font-size: 0.75rem !important;
  display: block !important;
  margin: 4px 0 !important;
  height: auto !important;
  line-height: 1 !important;
  position: relative !important;
  background-color: transparent !important;
}
.CssBoxOffres > table > tbody > tr:last-child .CssBkIntituleGridBase {
  color: hsl(120, 74%, 45%) !important;
}
.CssBoxOffres .CssOffreContrat::before,
.CssBoxOffres .CssBkIntituleGridBase::before,
.CssBoxOffres .CssOffreDtEmission::before {
  font-family: "bootstrap-icons";
  font-size: 1.05em !important;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px !important;
}
.CssBoxOffres .CssOffreContrat::before {
  content: "\F38B";
}
.CssBoxOffres .CssBkIntituleGridBase::before {
  content: "\F3E8";
}
.CssBoxOffres .CssOffreDtEmission::before {
  content: "\F293";
}
.CssBoxOffres > table > tbody > tr:last-child .CssBkIntituleGridBase::before {
  content: "\F287";
  font-size: 0.8em !important;
}
.CssBoxOffres .CssPB {
  display: block !important;
}
/* Footer */
.CssCopyright {
  display: block !important;
  text-align: center !important;
  width: 100% !important;
  background-color: transparent !important;
  font-size: 0.7rem !important;
  font-family: var(--font-family) !important;
  color: var(--light-grey) !important;
}

.CssBodyCV_Footer,
.CssBodyCV_Footer2 {
  background-color: var(--white) !important;
}
.CssBodyCV_Footer img[alt="[HLinkLang]"],
.CssBodyCV_Footer2 img[alt="[HLinkLang]"] {
  max-width: 20px;
}
.CssBodyCV_Footer .CssLink > img,
.CssBodyCV_Footer2 .CssLink > img {
  width: 32px !important;
  height: auto !important;
}
.RadWizard_Material .rwzSelected .rwzLink .rwzText:before {
  background-color: var(--primary-theme-color) !important;
}
.rwzProgress {
  background-color: var(--primary-theme-color) !important;
}
.CssUICV_Msg {
  background-color: transparent !important;
}
.rwzNav {
  padding-right: 64px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-flow: row-reverse !important;
  margin-bottom: 0 !important;
}
.rwzButton.rwzNext,
.rwzButton.rwzPrevious,
.rwzButton.rwzFinish {
  background-color: var(--off-white2) !important;
  border-radius: 15px !important;
  box-shadow: none !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border: 1px solid var(--off-white) !important;
  background-repeat: no-repeat;
  background-size: auto 13px;
}
.rwzButton.rwzNext {
  background-image: url(../../../ihmg/Mycv/img/ChevronRight.png);
  background-position: 90% center;
  padding-right: 32px !important;
}
.rwzButton.rwzPrevious {
  background-image: url(../../../ihmg/Mycv/img/ChevronLeft.png);
  background-position: 10% center;
  padding-left: 32px !important;
}
.rwzButton.rwzNext:hover,
.rwzButton.rwzFinish:hover,
.rwzButton.rwzPrevious:hover {
  background-color: var(--white) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}
html body .RadInput_Simple .riTextBox,  
html body .RadInput_Simple .riTextBox:hover,
html body .RadInput_Simple .riTextBox:focus,
#PnlFormulaire .rfdTextInput,
#PnlFormulaire .rfdTextInput:hover,
#PnlFormulaire .CssCmb,
#PnlFormulaire .CssCmb:hover,
input[type="text"],
input[type="text"]:hover,
select,
.CssBkSecurity,
.CssBkSecurity:hover {
  box-shadow: 0 0 0 transparent !important;
  outline: none !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  background-color: var(--textbox-background) !important;
  border: 1px solid rgb(224, 226, 229) !important;
}
#idDECOZoneCenter > table {
  table-layout: fixed !important;
}
#idDECOZoneCenter .CssCadreItems {
  box-shadow: none !important;
  border: none !important;
}
#ctl00_uc_ComcaMarche1_DataListLang {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#ctl00_uc_ComcaMarche1_DataListFooterLinks {
  width: 100% !important;
  max-width: 640px !important;
  margin: 0 auto !important ;
  text-align: center !important;
}

#ctl00_ContentPlaceHolder1_uc_Diplomes_cv_Grid_Diplomes,
#ctl00_ContentPlaceHolder1_uc_Langues_cv_Grid_Langue {
  width: 60% !important;
  min-width: 420px !important;
  border-radius: 8px !important;
  background-color: var(--primary-theme-color) !important;
  overflow: hidden !important;
}
#ctl00_ContentPlaceHolder1_uc_Diplomes_cv_Grid_Diplomes td,
#ctl00_ContentPlaceHolder1_uc_Diplomes_cv_Grid_Diplomes td > span,
#ctl00_ContentPlaceHolder1_uc_Langues_cv_Grid_Langue
  td
  #ctl00_ContentPlaceHolder1_uc_Langues_cv_Grid_Langue
  td
  > span {
  padding: 8px 10px !important;
  color: var(--white) !important;
  background-color: transparent !important;
}
input[type="file"]:hover {
  box-shadow: none !important;
}

#ctl00_ContentPlaceHolder1_PbDeleteCompte {
  background-position: 3% center !important;
}
table.rfdOptionList {
  border-collapse: collapse !important;
  border-radius: 16px !important;
  border: 1px solid var(--border-color) !important;
}
table.rfdOptionList .CssGridHeaderStyle {
  border-bottom: 1px solid var(--border-color) !important;
}
table.rfdOptionList td input[type="image"]:hover {
  box-shadow: none !important;
}
.RadWizard.RadWizard_Material.rwzVertical {
  background: none !important;
}
.RadForm_Material.rfdZone {
  background: transparent !important;
}
.RadForm_Material.rfdZone .CssCadreItems,
.RadSplitter.RadSplitter_Material .CssCadreItems {
  padding: 1rem !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5) !important;
  z-index: 1 !important;
  overflow: visible !important;
}
#ctl00_ContentPlaceHolder1_cv_Grid_Offre {
  background-color: red !important;
}
#ctl00_ContentPlaceHolder1_cv_Grid_Offres > tbody {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-grow: 1 !important;
}
#ctl00_ContentPlaceHolder1_cv_Grid_Offres > tbody,
#ctl00_ContentPlaceHolder1_cv_Grid_Offres > tbody > .CssGridRowStyle {
  height: auto !important;
}
#ctl00_ContentPlaceHolder1_cv_Grid_Offres > tbody > .CssGridRowStyle {
  width: 50% !important;
}
#ctl00_ContentPlaceHolder1_cv_Grid_Offres .CssBoxOffres {
  margin: 0 0 16px !important;
}
td[align="left"] {
  margin: 0 auto !important;
}
#ctl00_ContentPlaceHolder1_PbDeleteCompte {
  background-color: #c72323 !important;
  background-image: none !important;
}
#ctl00_ContentPlaceHolder1_PbDeleteCompte:hover {
  background-color: hsl(0, 70%, 35%) !important;
}
.ClientHeader > span {
  text-align: left !important;
  font-size: 14px !important;
  color: var(--text-primary) !important;
  display: block !important;
  margin-bottom: 1em !important;
}
.CssFormResponsive.CssChangePwd {
  background-color: #ffffff !important;
  border-radius: 8px !important;
  margin-top: 24px !important;
  padding-left: 38px !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}
.CssFormResponsive.CssChangePwd .CssBkSecurity {
  margin-bottom: 5px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.CssFormResponsive.CssChangePwd .CssBkSecurity:hover {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.35) inset !important;
}

.CssFormResponsive.CssChangePwd .CssBkSecurity:focus {
  outline: 2px solid var(--primary-theme-color) !important;
  box-shadow: none !important;
}
.CssFormResponsive.CssChangePwd > tbody > tr:nth-child(2) input {
  margin-bottom: 30px !important;
}
.CssFormResponsive.CssChangePwd > tbody > tr:nth-child(7) {
  display: none !important;
}
.RadWizard_Material .rwzSelected .rwzLink {
  border-color: var(--primary-theme-color) !important;
  background-color: var(--primary-theme-color) !important;
}



.CssFormResponsive {
  width: 550px !important;
  /* background: #fff; */
  padding: 60px !important;
}
.CssLinkDownloads{
  margin-top: 10px !important;
  height: 42px !important;
  border: none !important;
  background-color: var(--primary-theme-color) !important;
  color: var(--white) !important;
  font-weight: normal !important;
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  border-radius: 8px !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) !important;
  padding: 10px;

}
@media only screen and (max-width: 600px) {
  .CssBodyLogin_BOX, .CssBodyLogin_BOX:hover {
    right: 0px !important;
}
.CssFormResponsive{
  width: 100% !important;
  padding: 0 !important;
}
.CssCadreItems{
  background: transparent !important;
}
.CssBodyCV_Center2{
  overflow: scroll;
}

}
.rmLeftImage{
  width: auto;
  height: 45px;
}

.RadMenu .rmItem {
  margin-top: 10px !important ;
}
.RadMenu .rmFirst {
  margin-top: 0px !important;
}
.rmFirst .RadMenu.RadMenu_Material .rmLink{
  background-color: #628a1a00 !important;
}
.rmRootGroup .rmFirst .rmImageOnly{
  height: 100% !important;
  padding: 10px !important;
}