@media (min-width: 0px) { 
    section.container_home div.container_work {}
    section.container_home div.container_work{border-radius: 0; margin: 0 auto; width: 100%; max-width: inherit; text-align: center; position: relative; padding: 0; display: block; }
    section.container_home div.container_work section.container_form{position: relative;}
    /*BACKGROUND ANIMATED SQUARES*/
    section.container_home div.container_work section.container_form div.container_form_title_personnage{position: relative; padding: 285px 20px 0 20px; max-width: 1240px; margin: 0 auto;}
    section.container_home div.container_work section.container_form div.container_background_animated{position: absolute; z-index: -1; height: 100%; width: 100%; top: 0; max-height: 400px;}
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated{position: absolute; z-index: 0; height: 100%; width: 100%; overflow: hidden;}
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated.white{height: 100%;}
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated.white:before{ z-index: 1000; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 15%; background-image: linear-gradient(-180deg, #FFFFFF 0%, rgba(255,255,255,0.00) 100%) }
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated.white:after{z-index: 1000; content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 15%; background-image: linear-gradient(0deg, #ffffff 0%, rgba(235,235,235,0.00) 100%)}
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated.white div.container_squares{height: 200%; display: flex; justify-content: space-around; overflow: hidden; transform: rotate(15deg) translateY(-50%) translateX(-20%); top: 50%; position: absolute; width: 100%; left: 20%; opacity: .5;}
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated.white div.container_squares div.square{animation: squares 9.5s linear infinite; align-self: flex-end; width: 1em; height: 1em; transform: translateY(100%);}
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated.white div.container_squares div.square:nth-child(2){height: 50px; width: 50px; animation-delay: 1s; animation-duration: 25s; -webkit-filter: blur(5px); background: #fff22d;}
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated.white div.container_squares div.square:nth-child(3){height: 30px; width: 30px; animation-delay: 1.5s; animation-duration: 12s; -webkit-filter: blur(); background: rgba(0,111,168,1);}
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated.white div.container_squares div.square:nth-child(4){height: 45px; width: 45px; animation-delay: 0.5s; -webkit-filter: blur(3px); animation-duration: 26s;border: solid 3px #fff22d;}
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated.white div.container_squares div.square:nth-child(5){height: 50px; width: 50px; animation-delay: 4s;-webkit-filter: blur(2px);animation-duration: 22s; background: rgba(0,111,168,1);}
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated.white div.container_squares div.square:nth-child(6){height: 60px; width: 60px; animation-delay: 2s; -webkit-filter: blur(1px); animation-duration: 18s; border: solid 3px rgba(0,111,168,1);}
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated.white div.container_squares div.square:nth-child(7){height: 25px; width: 25px; -webkit-filter: blur(2.5px); animation-duration: 24s; background: #fff22d;}
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated.white div.container_squares div.square:nth-child(8){height: 50px; width: 50px; animation-delay: 5s; -webkit-filter: blur(6px); animation-duration: 28s; border: solid 3px rgba(0,111,168,1);}
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated.white div.container_squares div.square:nth-child(9){height: 35px; width: 35px; -webkit-filter: blur(0.5px); animation-duration: 18s; border: solid 3px #fff22d; }
	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated.white div.container_squares div.square:nth-child(10){height: 50px; width: 50px; animation-delay: 6s; -webkit-filter: blur(0.5px); animation-duration: 24s; background: #fff22d; }
	@keyframes squares { 
		from { transform: translateY(100%) rotate(-50deg) skew(20deg) }
  		to   { transform: translateY(calc(-100vh + -100%)) rotate(20deg) skew(20deg) }
	}

    @keyframes color_background { 
        from { background-color: #fff22d; }
        to   { background-color: rgba(0,111,168,1);}
    }


	section.container_home div.container_work section.container_form div.container_background_animated div.background_animated div.grey{}
    /*FIRST TITLE SELECTED*/
    section.container_home div.container_work div.container_first_title {text-align: center; max-width: 615px; width: 100%; margin: 0 auto;}
    section.container_home div.container_work div.container_first_title h1{font-family: "Manrope"; font-size: 25px !important; margin-bottom: 15px; font-weight: 400!important; line-height: 30px !important; padding: 0;}
    section.container_home div.container_work div.container_first_title h1 strong{font-weight: 700;}
    section.container_home div.container_work div.container_first_title h1 br{display: none}
    section.container_home div.container_work div.container_first_title div.container_text_title{margin-bottom: 20px;}
    section.container_home div.container_work div.container_first_title div.container_text_title p.text_title{font-family: "Roboto"; font-weight: 400; font-size: 15px; line-height: 25px !important;}





    /*PERSONNAGE */
    div.container_personnages{display: inline-block; position: absolute; top: 0px; left: 50%; z-index: -1; transform: translateX(-50%); width: 100%; overflow: hidden;}
    div.container_personnages:after{ content: ""; display: block; position: absolute; width: 100%; height: 410px; background: linear-gradient(200grad, transparent 15%, #ffffff 95%); bottom: 0; z-index: 10;}
    div.container_personnages div.container_personnage{position: relative; display: inline-block; width: 100%}
    div.parallax_wrap div.parallax_forme{display: inline-block; width: 70px; height: 70px; transform: translate(-50%, -50%); position: absolute; z-index: 0; top: 30%; left: 70%; transition: all cubic-bezier(0, 0, 0.64, 0.94) .5s; z-index: 0;}
    div.parallax_wrap div.parallax_forme:nth-child(1){ top: 35%; left: 85%; z-index: 1; background-image: url(../../../assets/images/float_forme_1.svg); width: 100px; height: 100px; background-size: contain; background-repeat: no-repeat; opacity: 30%;}
    div.parallax_wrap div.parallax_forme:nth-child(2){ top: 5%; left: 75%; z-index: 1; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; filter: contrast(0.85);}
    div.parallax_wrap div.parallax_forme:nth-child(3){ top: 40%; left: -2%; z-index: 1; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; opacity: 15%;}
    div.parallax_wrap div.parallax_forme:nth-child(4){ top: 20%; left: 75%; z-index: 1; width: 13px; height: 13px; background-size: contain; background-repeat: no-repeat; opacity: 50%;}
    div.parallax_wrap div.parallax_forme:nth-child(5){ top: 20%; left: 15%; z-index: 1; width: 40px; height: 50px; background-size: contain; background-repeat: no-repeat; filter: contrast(0.85);}
    div.parallax_wrap div.parallax_forme:nth-child(1) svg{fill: #fff22d;}
    div.parallax_wrap div.parallax_forme:nth-child(2) svg{fill: rgba(0,111,168,1); }
    div.parallax_wrap div.parallax_forme:nth-child(3) svg{fill: rgba(0,111,168,1);}
    div.parallax_wrap div.parallax_forme:nth-child(4) svg{fill: #fff22d;}
    div.parallax_wrap div.parallax_forme:nth-child(5) svg{fill: #fff22d;}
    div.container_personnages div.container_personnage div.forme_fond{ position: absolute; z-index: -1; left: 45%; bottom: -100px; transition: all cubic-bezier(0, 0, 0.64, 0.94) .5s; /* background: red; */ height: 368px; max-width: 380px; width: 100%; transform: translateX(-50%) skew(-10deg, -20deg) rotate(5deg); border-radius: 30px 30px;}
	div.container_personnages div.container_personnage div.forme_fond{
		background-size: 600% 600%;
		/*background-image: linear-gradient(135deg,  rgb(254 235 26) 0%,  rgb(254 194 26) 20%,  rgba(217,83,80,1) 40%,  rgba(245,125,229,1) 60%,  rgba(113,142,244,1) 80%,  rgba(76,230,220,1) 100% ); animation: AnimateBG 40s ease infinite;*/
		background-image: linear-gradient(135deg,  rgb(254 235 26) 0%, rgb(254 235 26) 45%, rgba(0,111,168,1) 55%, rgba(0,111,168,1) 100% ); animation: AnimateBG 40s ease infinite;
	}
	div.container_personnages div.container_personnage div.container_forme{position: absolute; bottom: 0; right: 0; width: 500px; height: 350px; overflow: hidden;}
	div.container_personnages div.container_personnage div.container_forme div.forme_fond_back{ position: absolute; z-index: 0; left: 38%; bottom: -100px; transition: all cubic-bezier(0, 0, 0.64, 0.94) .5s; height: 315px; max-width: 360px; width: 100%; transform: translateX(-50%) skew(-10deg, -20deg) rotate(5deg); border-radius: 30px 30px; border: solid 5px #d9d9d9; opacity: 50%;}

	@keyframes AnimateBG { 
	  	0%{background-position:0% 25%}
  		50%{background-position:100% 100%}
  		100%{background-position:0% 25%}
	}

    div.container_personnages div.container_personnage div.container_mask_personnage{position: relative; width: 100%; height: 385px; max-width: 455px; bottom: 25px; background: #f6f6f6; transform: skew(-5deg, -5deg) rotate(5deg); border-radius: 39px; box-shadow: 25px 25px 35px rgba(0, 0, 0, .5); overflow: hidden;}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage{background-size: contain; width: 115%; height: 100%; background-repeat: no-repeat; z-index: 1; background-position: center bottom; margin: 0 auto; opacity: 0; transition: opacity ease-in-out .25s; position: absolute; bottom: 0; left: 50%; transform:translateX(-50%) skew(10deg, 0deg); transition: opacity ease-in-out 1s;}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage.active{opacity: 1; transition: opacity ease-in-out 1s;}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage.personnage_1{ background-image: url(../../../assets/images/btpcfa_hdf_plombier_formation_en_apprentissage.jpg);}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage.personnage_2{ background-image: url(../../../assets/images/btpcfa_hdf_maconne_en_apprentissage.jpg);}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage.personnage_3{ background-image: url(../../../assets/images/btpcfa_hdf_electricien_en_apprentissage.jpg);}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage.personnage_4{ background-image: url(../../../assets/images/btpcfa_hdf_platrier_en_apprentissage.jpg);}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage.personnage_5{ background-image: url(../../../assets/images/btpcfa_hdf_couvreur_en_apprentissage.jpg);}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage.personnage_6{ background-image: url(../../../assets/images/btpcfa_hdf_peintre_en_apprentissage.jpg);}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage.personnage_7{ background-image: url(../../../assets/images/btpcfa_hdf_menuisier_en_apprentissage.jpg);}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage.personnage_8{ background-image: url(../../../assets/images/btpcfa_hdf_macon_en_apprentissage.jpg);}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage.personnage_9{ background-image: url(../../../assets/images/btpcfa_hdf_plaquiste_en_apprentisage.jpg);}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage.personnage_10{ background-image: url(../../../assets/images/btpcfa_hdf_maintenance_des_equipements_thermique_en_apprentissage.jpg);}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage.personnage_11{ background-image: url(../../../assets/images/btpcfa_hdf_carreleur_en_apprentissage.jpg);}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage.personnage_12{ background-image: url(../../../assets/images/btpcfa_hdf_macon_en_apprentissage_2.jpg);}
    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage.personnage_13{ background-image: url(../../../assets/images/btpcfa_hdf_chauffagiste_en_apprentissage.jpg);}
    /*div.container_personnages div.container_personnage div.container_mask_personnage div.personnage:before{display: inline-block; width: 70px; height: 70px; background-color: #000000; border-radius: 10px; content: ""; transform: skew(-10deg, 20deg) translate(-50%, -50%); position: absolute; z-index: -1; top: 20%; left: 20%;}*/
    section.container_home div.container_work div.container_title_select div.title div.container_switch span.thin{width: 100%;}

	/*padding: 15px; background-color: #f1f1f1; border-radius: 10px;*/
    section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form div.container_formation{display: inline-block !important;}
    section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form div.container_formation div.container_helmet{position: absolute; z-index: 0}
    section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form div.container_formation div#container_input_formation{width: 100%}
    section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form div.container_formation div#container_input_formation input{padding: 10px 45px; position: relative; z-index: 1;}
    /*FIRST TITLE SELECTED --- FORM*/
	section.container_home section.container_form div.container_form_content { outline: none; max-width: 1200px; margin: 0 auto; text-align: left; } 
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form{display: inline-block; padding: 20px 20px 0px 20px; background: #f1f1f1; border-radius: 15px 15px 0 0; position: relative; top: 1px;width: 100%;}
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs{}
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio{}
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.indicator {}
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio.left div.indicator {}
	section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio.right div.indicator {}
	section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio{display: inline-flex; align-items: center; margin-right: 15px;}
	section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio.active{}
	section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio div.body_radio{display: inline-block; height: 20px; width: 20px; /* border: solid 2px #545556; */ border-radius: 110px; box-shadow: inset 0px 0px 4px 0px rgb(0 0 0 / 60%); position: relative; background: #ffffff;}
	section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio div.body_radio div.selector_radio{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; background: #000000; border-radius: 100px; transition: all cubic-bezier(0.56, 0.01, 0.21, 2.15) .25s;}
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio input{width: auto; height: 25px; margin: 0 !important; display: none;}
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio label{cursor: pointer; font-weight: 500 !important; font-size: 15px; font-family: "Roboto"; color: #9d9d9d; transition : all ease-in-out .25s; display: inline-flex; align-items : flex-start; flex-wrap: wrap;}
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio label:first-of-type{margin-bottom: 20px;}
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio label span{margin-left: 10px; position: relative; top: 1px;}
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio label span.small{font-size: 12px; font-weight: 400;}
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio label span.small strong{font-size: 12px; color: inherit;}
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio.active label{color: #000000;}
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio input:checked + label{color: #000000;}
	section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio.active div.body_radio div.selector_radio{transform: translate(-50%, -50%); width: 40%; height: 40%; background: #000000; transition: all cubic-bezier(0.56, 0.01, 0.21, 2.15) .25s;}
	section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio input:checked + div.body_radio div.selector_radio{transform: translate(-50%, -50%); width: 40%; height: 40%; background: #000000; transition: all cubic-bezier(0.56, 0.01, 0.21, 2.15) .25s;}
    section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form { display: flex; flex-direction: column; padding: 20px; border-radius: 15px; position: relative; top: 0px; z-index: 0; padding-top: 0px;} 
	section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form:before{content: ""; display: inline-block; width: 100%; height: 100%; background-color: #f1f1f1; border-radius: 0 0px 15px 15px; z-index: -1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	section.container_home section.container_form div.container_form_content form#form strong{ color: black;} 
	section.container_home section.container_form div.container_form_content form#form input { font-family: "Roboto"; font-weight: 500;}

	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ:focus-within{ outline: solid #fff22d;}
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ { position: relative; display:grid; grid-template-columns: auto 1fr; background: white; flex-basis: 100%; /*margin-bottom: 2%;*/ height: 55px; border-radius: 3px; cursor: pointer;border: solid 1px #cfcfcf;} 
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ:hover { outline: solid #fff22d;} 
    section.container_home section.container_form div.container_form_content form#form .container_level #container_input_level { height: 55px; position: relative;}
	section.container_home section.container_form div.container_form_content form#form .container_emploi #container_input_work { height: 55px; position: relative;}
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div:nth-child(1n) { cursor: pointer;} 
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city {  height:initial!important; display:none; background: white; width:100%; position: absolute; top: 110%; padding: 20px 0px 0px 0px; z-index: 10; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} 
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city div.container_message_error_enter{position: relative;z-index: 1; display: none;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city div.container_message_error_enter div.container_warning{position: absolute; z-index: -1; width: 100px; height: 100px; left: 15px;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city div.container_message_error_enter div.container_warning div.warning{height: 100%; width: 100%; background-image: url(../../../assets/images/loupe_broken.svg); background-size: contain; opacity: .05;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city div.container_message_error_enter span.error_message{height: auto; position: relative; z-index: 101; padding: 0; padding-left: 20px; font-size: 15px; font-weight: 500 !important; font-family: "Roboto"; color: #000000; display: flex; align-items: center; margin-top: 15px; padding: 20px; z-index: 10; line-height: 1.5;}
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work {  height:initial!important; display:none; background: white; width:100%; position: absolute; top: 110%; padding: 20px; z-index: 10; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} 
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work div.container_message_error_enter{position: relative;z-index: 1; display: none;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work div.container_message_error_enter div.container_warning{position: absolute; z-index: -1; width: 100px; height: 100px; left: 0;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work div.container_message_error_enter div.container_warning div.warning{height: 100%; width: 100%; background-image: url(../../../assets/images/loupe_broken.svg); background-size: contain; opacity: .05;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work div.container_message_error_enter span.error_message{height: auto; position: relative; z-index: 101; padding: 0; padding-left: 20px; font-size: 15px; font-weight: 500 !important; font-family: "Roboto"; color: #000000; display: flex; align-items: center; margin-top: 15px; padding: 20px 0px 20px 0px; z-index: 10; line-height: 1.5; direction: ltr;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation {  height:initial!important; display:none; background: white; width:100%; position: absolute; top: 110%; padding: 20px; z-index: 10; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} 
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation div.container_message_error_enter{position: relative;z-index: 1; display: none;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation div.container_message_error_enter div.container_warning{position: absolute; z-index: -1; width: 100px; height: 100px; left: 0;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation div.container_message_error_enter div.container_warning div.warning{height: 100%; width: 100%; background-image: url(../../../assets/images/loupe_broken.svg); background-size: contain; opacity: .05;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation div.container_message_error_enter span.error_message{height: auto; position: relative; z-index: 101; padding: 0; padding-left: 20px; font-size: 15px; font-weight: 500 !important; font-family: "Roboto"; color: #000000; display: flex; align-items: center; margin-top: 15px; padding: 20px 0px 20px 0px; z-index: 10; line-height: 1.5; direction: ltr;}

	
	/*BOUTON RESET CHAMP*/
    section.container_home section.container_form div.container_form_content form#form button.reset{position: absolute; top: 50%; transform: translateY(-50%); right: 10px; height: 25px; width: 25px; z-index: 100; cursor: pointer; background: #f1f1f1; border-radius: 3px;}
    section.container_home section.container_form div.container_form_content form#form button.reset.inactive{display: none;}
    section.container_home section.container_form div.container_form_content form#form button.reset span:nth-child(1){background-color: #262626; position: absolute; top: 50%; right: 0px; left: 5px; height: 2px; width: 15px; margin-top: -1px; transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .3s cubic-bezier(.165, .84, .44, 1), background-color .6s cubic-bezier(.165, .84, .44, 1); transform: rotate(45deg);}
    section.container_home section.container_form div.container_form_content form#form button.reset span:nth-child(2){background-color: #262626; position: absolute; top: 50%; right: 0px; left: 5px; height: 2px; width: 15px; margin-top: -1px; transition: transform .6s cubic-bezier(.165, .84, .44, 1), opacity .3s cubic-bezier(.165, .84, .44, 1), background-color .6s cubic-bezier(.165, .84, .44, 1); transform: rotate(-45deg);}

	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city div.results_city_scroll{position: relative; display: block; overflow-y: auto; overflow-x: hidden; direction: rtl; max-height: 170px; margin: 0px 0 0 20px;}
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city div.results_city_scroll::-webkit-scrollbar { width: 3px; } 
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city div.results_city_scroll::-webkit-scrollbar-track { background: #f1f1f1; } 
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city div.results_city_scroll::-webkit-scrollbar-thumb { background: #888; } 
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city div.results_city_scroll::-webkit-scrollbar-thumb:hover { background: #555; }  
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city div.results_city_content{ position: relative; display: block; overflow-y: hidden; overflow-x: hidden; direction: ltr;}
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city ul{width: 100% !important; overflow-y: inherit; overflow-x: inherit; max-height: inherit;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city ul li{padding: 0 0 15px 20px; font-weight: 500; direction: ltr; cursor: pointer}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city ul li:last-of-type{padding-bottom:0; }
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city ul li div.container_nom_ville{font-weight: 700 !important; font-size: 15px; font-family: "Roboto"; color: #969696;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city ul li:hover div.container_nom_ville{color:#000000; transition: color ease-in-out .25s;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city ul li div.container_nom_ville span.nom_ville{}

	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_level {  display:none;background: white; width:100%; position: absolute; top: 110%; padding: 20px 18px 20px 18px; z-index: 10; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} 
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_level ul{width: 100% !important; list-style: none; padding: 0; margin: 0;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_level ul li{padding: 0 0 15px 20px; font-weight: 500; direction: ltr; cursor: pointer}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_level ul li:last-of-type{padding-bottom:0; }
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_level ul li div.container_cursus{font-weight: 700 !important; font-size: 15px; font-family: "Roboto"; color: #969696;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_level ul li:hover div.container_cursus{color:#000000; transition: color ease-in-out .25s;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_level ul li div.container_cursus span.nom_cursus{}

	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work {  display:none; background: white; width:100%; position: absolute; top: 110%; padding: 20px; z-index: 10; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; min-width: 340px;  overflow-y: auto; direction: rtl;} 
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work div.results_work_scroll{ position: relative; display: block; overflow-y: auto; overflow-x: hidden; direction: rtl; max-height: 252px;}
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work div.results_work_scroll ul::-webkit-scrollbar { width: 3px; } 
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work div.results_work_scroll ul::-webkit-scrollbar-track { background: #f1f1f1; } 
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work div.results_work_scroll ul::-webkit-scrollbar-thumb { background: #888; } 
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work div.results_work_scroll ul::-webkit-scrollbar-thumb:hover { background: #555; }  
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work div.results_work_content{ position: relative; display: block; overflow-y: hidden; overflow-x: hidden; direction: ltr;}
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work ul{width: 100% !important; overflow-y: inherit; overflow-x: inherit; max-height: inherit; list-style: none;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work ul li{padding: 0 0 15px 20px; font-weight: 500; direction: ltr; cursor: pointer}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work ul li:last-of-type{padding-bottom:0; }
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work ul li div.container_nom_metier{font-weight: 700 !important; font-size: 15px; font-family: "Roboto"; color: #969696;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work ul li:hover div.container_nom_metier{color:#000000; transition: color ease-in-out .25s;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work ul li div.container_nom_metier span.nom_metier{}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work ul li div.container_nom_metier span.nom_metier strong{color: #000000;}

    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation {  display:none; background: white; width:100%; position: absolute; top: 110%; padding: 20px; z-index: 10; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; min-width: 340px;  overflow-y: auto; direction: rtl;} 
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation div.results_formation_scroll{ position: relative; display: block; overflow-y: auto; overflow-x: hidden; direction: rtl; max-height: 252px;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation div.results_formation_scroll ul::-webkit-scrollbar { width: 3px; } 
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation div.results_formation_scroll ul::-webkit-scrollbar-track { background: #f1f1f1; } 
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation div.results_formation_scroll ul::-webkit-scrollbar-thumb { background: #888; } 
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation div.results_formation_scroll ul::-webkit-scrollbar-thumb:hover { background: #555; }  
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation div.results_formation_content{ position: relative; display: block; overflow-y: hidden; overflow-x: hidden; direction: ltr;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation ul{width: 100% !important; overflow-y: inherit; overflow-x: inherit; max-height: inherit; list-style: none;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation ul li{padding: 0 0 15px 20px; font-weight: 500; direction: ltr; cursor: pointer}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation ul li:last-of-type{padding-bottom:0; }
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation ul li div.container_nom_formation{font-weight: 700 !important; font-size: 15px; font-family: "Roboto"; color: #969696;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation ul li:hover div.container_nom_formation{color:#000000; transition: color ease-in-out .25s;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation ul li div.container_nom_formation span.nom_formation{}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_formation ul li div.container_nom_formation span.nom_formation strong{color: #000000;}

	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_cfas { border-radius: 3px; display:none; background: white; width:100%; position: absolute; top: 110%; padding: 20px; z-index: 10; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; height: auto!important;} 
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_cfas ul{width: 100% !important; list-style: none; padding: 0; margin: 0;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_cfas ul li{padding: 0 0 15px 20px; font-weight: 500; direction: ltr; cursor: pointer}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_cfas ul li:last-of-type{padding-bottom:0; }
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_cfas ul li div.container_nom_cfa{font-weight: 700 !important; font-size: 15px; font-family: "Roboto"; color: #969696;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_cfas ul li:hover div.container_nom_cfa{color:#000000; transition: color ease-in-out .25s;}
    section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_cfas ul li div.container_nom_cfa span.nom_cfa{}
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ input{ cursor: pointer;} 
	section.container_home section.container_form div.container_form_content form#form div#container_input_city label { display:none; color: rgb(255, 0, 0, 0.7); position: absolute; top: calc(100% - 14px); font-size: 12px; font-family: "Roboto"; font-style: italic;}
	section.container_home section.container_form div.container_form_content form#form div#container_input_cfa label { display:none; color: rgb(255, 0, 0, 0.7); position: absolute; top: calc(100% - 14px); font-size: 12px; font-family: "Roboto"; font-style: italic;}
	section.container_home section.container_form div.container_form_content form#form div#container_input_level label { display:none; color: rgb(255, 0, 0, 0.7); position: absolute; top: calc(100% - 14px); font-size: 12px; font-family: "Roboto"; font-style: italic;}
	section.container_home section.container_form div.container_form_content form#form div#container_input_work label { display:none; color: rgb(255, 0, 0, 0.7); position: absolute; top: calc(100% - 14px); font-size: 12px; font-family: "Roboto"; font-style: italic;}
	section.container_home section.container_form div.container_form_content form#form div.container_loupe { position: relative; display: inline-block; width: 30px; } 
	section.container_home section.container_form div.container_form_content form#form div.container_loupe div.loupe { position: absolute; top: 50%; left: 70%; transform: translate(-50%, -50%); height: 1.3775rem;} 
	section.container_home section.container_form div.container_form_content form#form div.container_loupe div.loupe svg { height: 1.3775rem; fill: #484848; } 
	section.container_home section.container_form div.container_form_content form#form div.container_medal  { height: 54px; width: 30px; position: relative;}
	section.container_home section.container_form div.container_form_content form#form div.container_medal div.medal { position: absolute; top: 50%; left: 70%; transform: translate(-50%, -50%);height: 1.3775rem;} 
	section.container_home section.container_form div.container_form_content form#form div.container_helmet { height: 54px; width: 35px; position: relative;}
	section.container_home section.container_form div.container_form_content form#form div.container_medal div.medal svg { height: 1.3775rem; fill: #484848; } 
	section.container_home section.container_form div.container_form_content form#form div.container_helmet div.helmet { position: absolute; top: 50%; left: 70%; transform: translate(-50%, -50%); height: 1.3775rem;} 
	section.container_home section.container_form div.container_form_content form#form div.container_helmet div.helmet svg { height: 1.3775rem; fill: #484848; max-width: 20px;} 
	section.container_home section.container_form div.container_form_content form#form div.container_button_geolocalisation { display: inline-flex; align-items: center; } 
	section.container_home section.container_form div.container_form_content form#form div.container_button_geolocalisation button.geolocalisation:hover { cursor: pointer; }
	section.container_home section.container_form div.container_form_content form#form div.container_button_geolocalisation button.geolocalisation { border: none; background: none; width: 50px; height: calc(.8775rem + 30px); outline: none; } 
	section.container_home section.container_form div.container_form_content form#form div.container_button_geolocalisation button.geolocalisation svg { height: 1.3775rem; fill: #484848; position: relative; } 
	/* section.container_home section.container_form div.container_form_content form#form div.columnDivider { height: 40px; width: 0px; border-right: 1px solid #d9d9d9; margin: auto auto; display: inline; }  */
	section.container_home section.container_form div.container_form_content form#form div { text-align: left;} 
	section.container_home section.container_form div.container_form_content form#form div.container_city>div:nth-child(n+1) { height: 54px;}
	section.container_home section.container_form div.container_form_content form#form div.container_cfa>div:nth-child(n+1) { height: 54px;}
	section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form div.container_city { display: grid; grid-template-columns: auto 1fr auto; background: white; } 
    section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form div.container_city.inactive{display: none;}
    section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form div.container_emploi.inactive{display: none;}
    section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form div.container_formation.inactive{display: none !important;}
    section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form div.container_cfa.inactive{display: none;}
	section.container_home section.container_form div.container_form_content form#form div input { height: 54px; padding: 0 0 0 25px; width: 100%; text-overflow: ellipsis; display: block; margin: 0 auto; border: none; border-radius: 5px; padding: 0 10px; font-size: .9375em; overflow: hidden; background: transparent; text-overflow : ellipsis; padding-right: 55px;} 
	section.container_home section.container_form div.container_form_content form#form div input::placeholder { font-size: .9375em; }
	section.container_home section.container_form div.container_form_content form#form #input_work:focus::placeholder { opacity: 0.2; }
	section.container_home section.container_form div.container_form_content form#form #city:focus::placeholder { opacity: 0.2; }
	section.container_home section.container_form div.container_form_content form#form div.container_goSubmit {flex-basis: 22%;} 
	section.container_home section.container_form div.container_form_content form#form div.container_goSubmit button#goSubmit {  background-color:  #fff22d; border-radius: 5px; height: 55px; width: 100%; overflow: hidden; position: relative; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; gap: 10px; align-items: center; cursor: pointer; border: solid 1px #cfcfcf; outline: solid 0px #000000; transition: outline ease-in-out 0s; backface-visibility: hidden;}  
	section.container_home section.container_form div.container_form_content form#form div.container_goSubmit button#goSubmit:hover{outline: solid 2px #000000;  transition: outline ease-in-out 0s; backface-visibility: hidden;}
	section.container_home section.container_form div.container_form_content form#form div.container_goSubmit button#goSubmit span { font-size: 16px; font-family: "Roboto"; font-weight: bold }
	section.container_home section.container_form div.container_form_content form#form div.container_goSubmit button#goSubmit img { position: relative; width: 17px; } 
	div.ui-widget.ui-widget-content{}
	.picto_localisation{height: 17px; width: 17px; position: absolute; left: 15px}
	section.container_home section.container_form div.container_form_content form#form div#locDiv { bottom: 0px; top: inherit!important; left: 0; border-top: none; width: 100%; height: 30px; position: relative; z-index: 101; padding: 20px; padding-top: 20px; padding-left: 40px; font-size: 15px; font-weight: 700 !important; font-family: "Roboto"; color: #000000; display: flex; align-items: center; margin-top: 15px; background-color: #fff22d; border-radius: 5px 5px 5px 5px;}
	section.container_home section.container_form div.container_form_content form#form h4#container_results_title { font-family: "Roboto"; margin: 0px auto 15px 40px; color: #969696; font-size: 14px; font-style: italic; font-weight: 400;}
	/* section.container_home section.container_form div.container_form_content form#form div#locDiv span.picto_localisation { height: 15px; width: 15px; background-image: url(../../assets/images/geolocalisation.svg); background-position: center; background-size: contain; margin-right: 5px; }  */
    ul.ui-widget.ui-widget-content:before { content: ""; display: block; width: 100%; height: 100%; z-index: -1; } 
 	ul.ui-widget.ui-widget-content li.ui-menu-item { padding: 0 0 15px 20px; } 
 	ul.ui-widget.ui-widget-content li.ui-menu-item:last-of-type{padding-bottom: 0;}
	ul.ui-widget.ui-widget-content li.ui-menu-item:hover { background-color: transparent !important; } 
	ul.ui-widget.ui-widget-content li.ui-menu-item div { font-weight: 700 !important; font-size: 15px; font-family: "Roboto"; color: #969696; } 
	ul.ui-widget.ui-widget-content li.ui-menu-item:hover div { color: #000000; cursor: pointer;} 
	ul.ui-widget.ui-widget-content li.ui-menu-item:first-child { } 
	.ui-autocomplete { max-height: 252px; overflow-y: auto; overflow-x: hidden; } 
	.container_goSubmit { position: relative; } 
	.ui-autocomplete { z-index: 1000; background-color: #ffffff; top: 0px!important; left: 0px!important;} 
	.ui-autocomplete::-webkit-scrollbar { width: 3px; } 
	.ui-autocomplete::-webkit-scrollbar-track { background: #f1f1f1; } 
	.ui-autocomplete::-webkit-scrollbar-thumb { background: #888; } 
	.ui-autocomplete::-webkit-scrollbar-thumb:hover { background: #555; } 
	/*.ui-menu-item-span { opacity: 1; font-size: 12px;} */
	/*.ui-menu-item-span { opacity: 0.5; font-size: 12px; font-style: italic; } */
	.ui-menu-item { font-weight: 500; padding: 10px; direction: ltr; } 
	.ui-menu-item-subwrapper { text-align: left; align-items: baseline;} 
	/*.ui-menu-item-subwrapper { display: grid; grid-gap: 5px; grid-template-columns: 4ch 1fr; text-align: left; align-items: baseline;} */
	.ui-menu-item-wrapper:hover { outline: 0; } 
	/* #container_input_work,#container_input_city,#container_input_level { position: relative; }  */
	ul.ui-widget.ui-widget-content { direction: rtl; text-align: left; border-radius: 10px;} 
	div.container_often_searchs{max-width: 1200px; width: 100%; display: block; overflow: hidden;}
    div.container_often_searchs div.container_often_search_wrapper{display: flex; align-items: start;width: 200%;}
    div.container_often_searchs div.container_often_search_wrapper{position: relative;left: 0; transition: ease-in-out left .25s;}
    div.container_often_searchs div.container_often_search_wrapper.active{position: relative; left: -100%; transition: ease-in-out left .25s;}
    div.container_often_searchs div.container_often_search_wrapper div.container_often_search{text-align: left; padding-top: 20px; margin: 0 auto; max-width: 1200px; width: 100%;}
    div.container_often_searchs div.container_often_search_wrapper div.container_often_search p { font-family: "Roboto"; font-weight: 300; font-size: 13px; } 
    div.container_often_searchs div.container_often_search_wrapper div.container_often_search>p { margin-bottom: 5px; font-weight: light; } 
    div.container_often_searchs div.container_often_search_wrapper div.container_often_search>div>button { font-family: "Roboto"; border: 1px solid #b2b2b2; background-color: #fff;  height: 40px; padding: 5px 15px; border-radius: 3px; color: #3e3e3e; line-height: 13px; padding-left: 28px; text-align: left; position: relative; margin: 10px 10px 0 0; cursor: pointer;} 
    div.container_often_searchs div.container_often_search_wrapper div.container_often_search>div>button::before { content: url(../../../assets/images/loupe.svg); display: block; position: absolute; width: 12px; height: 13px; left: 11px } 
    div.container_often_searchs div.container_often_search_wrapper div.container_often_search>div>button>span.cursus { font-weight: 500; font-size: 14px; color: #3e3e3e; display: inline-block; margin: 0 5px 0 0;} 
    div.container_often_searchs div.container_often_search_wrapper div.container_often_search>div>button>span.formation { font-weight: 500; font-size: 14px; color: #3e3e3e; display: inline-block; margin: 0 5px 0 0;} 
    div.container_often_searchs div.container_often_search_wrapper div.container_often_search>div>button>span.metier { font-weight: 500; font-size: 14px; color: #3e3e3e; display: inline-block; margin: 0 5px 0 0;} 
    div.container_often_searchs div.container_often_search_wrapper div.container_often_search>div>button>span.offres { font-weight: 300; font-size: 10px; color: #656565; display: inline-block;margin: 0;} 

	@keyframes arrow_hover { 
		0% { left: 50%; } 
		45% { left: 150%; opacity: 1; } 
		46% { left: 150%; opacity: 0; } 
		47% { left: -50%; opacity: 0; } 
		75% { left: -50%; opacity: 1; } 
		100% { left: 50%; } 
	} 

	/* Mobile design formulaire de recherche */
	section.container_home section.container_form div.container_form_content form#form div.search_window{    
		height: 100vh;
		position: fixed;
		z-index: 10;
		width: 100%;
		top: 0px;
		flex-wrap: inherit;
		padding-top: 150px;
		left: 50%;
		transform: translateX(-50%);
		display: none;
	}

	section.container_home section.container_form div.container_form_content form#form div.search_window::before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 1);
	}

	section.container_home section.container_form div.container_form_content form#form div.is_item_selected{
		position: fixed;
		z-index: 11;
		top: -500px;
	}

	section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form div.selected_mobile {
		position: fixed;
		top: 100px;
		width: 91%;
		left: 50%;
		border: none;
		border-bottom: 1px solid #cfcfcf;
		border-radius: 0;
		transform: translateX(-50%);
		transition: all 0.25s ease;
	}
	section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form .container_champ{
		margin-bottom: 20px;
	}

	section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form div.selected_mobile:hover{
		outline: none;
	}

	section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form div.selected_mobile:active{
		outline: none;
	}

	section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form div.selected_mobile:focus-within{
		outline: none;
	}

	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.selected_mobile>div:last-child{
		box-shadow: none;
	}
	/* section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.selected_mobile>div:last-child:after{
		content: '';
		position: absolute;
		bottom: 0;
		height: 40px;
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 100%);
		right: 0;
		width: calc(100% - 40px);
		z-index: 1001;
	} */

}

@media (min-width: 525px){
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_city { min-width: 340px; border-radius: 3px;} 
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_level { min-width: 340px; border-radius: 3px;} 
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_cfas { min-width: 340px; border-radius: 3px;} 
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div.container_champ div.container_results_work { min-width: 340px; border-radius: 3px;} 
    section.container_home div.container_work section.container_form div.container_form_title_personnage{position: relative; padding: 285px 20px 0 20px; max-width: 1240px; margin: 0 auto;}

}
@media (min-width: 635px) {
	section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio label:first-of-type{margin-bottom: 0px;}
	section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form {padding-top: 20px;}
}
/*TABLETTE*/
@media (min-width: 728px) {
    section.container_home div.container_work div.container_title_select div.title div.container_switch span.bold_select{width: inherit;}
	section.container_home section.container_form div.container_form_content form#form div.container_goSubmit button#goSubmit { width: 40%;}
}
@media (min-width: 768px){
}

@media (min-width: 992px) { /*CHAMP RECHERCHE OFFRES/FORMATIONS*/
    section.container_home div.container_work section.container_form div.container_background_animated{max-height: inherit;}
	section.container_home section.container_form div.container_work div.container_title_select {font-size: 40px;}
    section.container_home section.container_form div.container_work div.container_title_select div.title span.thin:first-of-type {margin-left: 70px;}
    section.container_home section.container_form div.container_work div.container_title_select div.title div.container_choix {height: 50px;}
    section.container_home section.container_form div.container_actu {grid-template-columns: 0.5fr 1fr;}
    section.container_home section.container_form div.container_work div.container_title_select div.title div.container_switch span.bold_select{width: inherit;}
	section.container_home section.container_form div.container_form_content form#form div#locDiv { border-radius: 0 0 5px 5px; border-top: 1px solid #969696;}
	

    section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form{ flex-direction: row; margin-bottom: 0; padding-bottom: 0;} 
	section.container_home section.container_form div.container_form_content form#form>div.container_bottom_champ_form>div:nth-child(-n+3) { margin: 0 2% 0 0;}
	section.container_home section.container_form div.container_form_content form#form div.container_goSubmit button#goSubmit { height: 55px; width: 55px;}
	section.container_home section.container_form div.container_form_content form#form div.container_goSubmit button#goSubmit span { display: none;}
	section.container_home section.container_form div.container_form_content form#form div.container_goSubmit button#goSubmit img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

	section.container_home section.container_form div.container_form_content form#form div.container_helmet div.helmet svg { height: 1.3775rem; fill: #484848; max-width: 25px;} 

    section.container_home div.container_work div.container_first_title {text-align: left; max-width: 615px; width: 100%; margin: 0;}
    section.container_home div.container_work div.container_first_title h1{font-family: "Manrope"; font-size: 39px !important; margin-bottom: 50px; font-weight: 400!important; line-height: 50px !important; padding: 0;}
    section.container_home div.container_work div.container_first_title h1 br{display: block}
    section.container_home div.container_work section.container_form div.container_form_title_personnage{position: relative; padding: 150px 20px 0 20px; max-width: 1240px; margin: 0 auto;}


	div.container_personnages{display: inline-block; position: absolute; bottom: 85px; right: 0px; z-index: -1; top: inherit; transform: inherit; left: inherit; overflow: inherit; width: 100%; max-width: 500px;}
    div.container_personnages:after{display: none;}
    div.parallax_wrap div.parallax_forme{display: inline-block; width: 70px; height: 70px; transform: translate(-50%, -50%); position: absolute; z-index: 0; top: 30%; left: 70%; transition: all cubic-bezier(0, 0, 0.64, 0.94) .5s; z-index: 0;}
    div.parallax_wrap div.parallax_forme:nth-child(1){ top: 40%; left: 70%; z-index: 1; background-image: url(../../../assets/images/float_forme_1.svg); width: 100px; height: 100px; background-size: contain; background-repeat: no-repeat; opacity: 30%;}
    div.parallax_wrap div.parallax_forme:nth-child(1) svg{fill: #fff22d;}
    div.parallax_wrap div.parallax_forme:nth-child(2){ top: 15%; left: 85%; z-index: 1; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat;}
    div.parallax_wrap div.parallax_forme:nth-child(2) svg{fill: rgba(0,111,168,1); }
    div.parallax_wrap div.parallax_forme:nth-child(3){ top: 40%; left: -2%; z-index: 1; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; opacity: 100%;}
    div.parallax_wrap div.parallax_forme:nth-child(3) svg{fill: rgba(0,111,168,1);}
    div.parallax_wrap div.parallax_forme:nth-child(4){ top: 20%; left: 90%; z-index: 1; width: 13px; height: 13px; background-size: contain; background-repeat: no-repeat; opacity: 100%;}
    div.parallax_wrap div.parallax_forme:nth-child(4) svg{fill: #fff22d;}
    div.parallax_wrap div.parallax_forme:nth-child(5){ top: 20%; left: 15%; z-index: 1; width: 40px; height: 50px; background-size: contain; background-repeat: no-repeat;}
    div.parallax_wrap div.parallax_forme:nth-child(5) svg{fill: #fff22d;}
    div.container_personnages div.container_personnage div.forme_fond{ position: absolute; z-index: -1; left: 45%; bottom: -100px; transition: all cubic-bezier(0, 0, 0.64, 0.94) .5s; /* background: red; */ height: 368px; width: 380px; transform: translateX(-50%) skew(-10deg, -20deg) rotate(5deg); border-radius: 30px 30px;}
    div.container_personnages div.container_personnage div.forme_fond_back{ position: absolute; z-index: 0; left: 35%; bottom: -100px; transition: all cubic-bezier(0, 0, 0.64, 0.94) .5s; height: 315px; width: 360px; transform: translateX(-50%) skew(-10deg, -20deg) rotate(5deg); border-radius: 30px 30px; border: solid 5px #d9d9d9; opacity: 50%;}
    div.container_personnages div.container_personnage div.container_mask_personnage{position: relative; }
/*    div.container_personnages div.container_personnage div.container_mask_personnage div.personnage{background-size: contain; background-image: url(../../../assets/images/btpcfa_hdf_apprenti_h.png); height: 480px; width: 360px; background-repeat: no-repeat; z-index: 1; background-position: center bottom;}*/

    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form{width: inherit; padding: 20px 0 0 20px}
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form:after{content: ""; display: inline-block; width: 50px; height: 100%; background: #f1f1f1; transform: skew(40deg, 0deg); border-radius: 0 15px 0 0; position: absolute; right: -21px; top: 0px; z-index: -1;}
	section.container_home section.container_form div.container_form_content form#form div.container_bottom_champ_form:before{ border-radius: 0 15px 15px 15px; }
    section.container_home section.container_form div.container_form_content form#form div.container_top_champ_form div.wrapper_champs div.container_champs_radio div.container_champ_radio label{margin-bottom: 0;}




 }

@media (min-width: 1200px) { /*CHAMP RECHERCHE OFFRES/FORMATIONS*/
	section.container_home section.container_form div.container_work div.container_title_select div.title div.container_choix {width: 281px;}
	section.container_home section.container_form div.container_work div.container_title_select div.title div.container_choix.active { width: 281px; transition: width ease-in-out .25s;}
	section.container_home section.container_form div.container_work div.container_title_select div.title div.container_choix.active div.wrapper_choix {top: -50px;}
	section.container_home section.container_form div.container_work div.container_title_select div.title div.container_choix.display div.wrapper_choix {top: -50px;}
	section.container_home section.container_form div.container_work div.container_title_select div.title div.container_choix.active.display div.wrapper_choix {top: 0px;}

 	section.container_home section.container_form div.container_form_content form#form div.container_goSubmit button#goSubmit:hover img { animation: arrow_hover 1 .5s; } 
}