/* Affichage pour Safari Mac Os X */ @media screen and (-webkit-min-device-pixel-ratio:0) { .portages_index_bloc_386 { display: none !important; } .portages_simulation_bloc_86 { font-size: 20px !important; } #portages_simulation_nbre_chevaux_fiscaux { display: block; width: 100%; font-size: 1em; font-family: inherit; background-image: url("../../images/gallery/select_arrow.svg"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 1em; -webkit-appearance: none; } } @supports (-webkit-touch-callout: none) { /* CSS specific to iOS devices */ .portages_prendre_rendez_vous_bloc_17 { transform: scale(0.8) !important; -webkit-border-radius: 50% !important; width: unset !important; } /* iphone XS Max, 11 Pro Max */ @media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio: 3) { .portages_header_bloc_24 { height: 75px !important; } .portages_header_bloc_33 { margin-top: -17px !important; } .portages_header_bloc_26 { margin-top: 20px !important; } .portages_simulation_bloc_324 { display: none !important; } .portages_header_bloc_73 { margin-top: 29px !important; } .portages_header_bloc_86 { font-size: 34px !important; } .portages_header_bloc_1 { font-size: 34px !important; } #point_frais_professionnels { visibility: hidden !important; display: none !important; } #point_remboursement_frais { visibility: hidden !important; display: none !important; } #point_frais_professionnels_tooltip { visibility: hidden !important; display: none !important; } #point_frais_professionnels_info { visibility: hidden !important; display: none !important; } .portages_simulation_point { visibility: hidden !important; display: none !important; } .portages_simulation_bloc_320 { width: 90% !important; margin: 0 auto !important; } #point_masse_salariale { visibility: hidden !important; display: none !important; } #point_salaire_net { visibility: hidden !important; display: none !important; } #point_masse_salariale_info { visibility: hidden !important; display: none !important; } #point_salaire_net_info { visibility: hidden !important; display: none !important; } .portages_index_bloc_259 { position: absolute !important; transform: scale(0.7) !important; top: 270px !important; left: 0px !important; } .portages_index_bloc_260 { transform: scale(0.8) !important; margin-top: 25px !important; } .portages_index_bloc_377 { display: none !important; } .portages_index_bloc_225 { transform: scale(0.8) !important; } .portages_index_bloc_111 { margin-top: -10px !important; margin-left: -18px !important; } .portages_index_bloc_231 { transform: scale(0.7) !important; width: 100% !important; margin-bottom: -30px !important; } .portages_index_bloc_223 { font-size: 28px !important; } .portages_index_bloc_295 { padding-top: 0px !important; } .portages_index_bloc_327 li { font-size: 26px !important; } .portages_index_bloc_327 li i { font-size: 26px !important; } /* slider 4 */ .portages_index_bloc_228:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "1" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_228 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; width: 4px !important; background: #FF9E1B !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_364 { display: flex !important; margin-left: 50px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_237 { position: relative !important; max-width: 100% !important; font-size: 0 !important; background: 0 0 !important; height: 255px !important; display: table !important; padding: 70px 0 50px 60px !important; /*padding: 0px !important;*/ } .portages_index_bloc_237_3 { padding: 35px 0 50px 60px !important; } .portages_index_bloc_229:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "2" !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; padding-top: 3px !important; background: white !important; border: solid 4px #FF9E1B !important; } .portages_index_bloc_227:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "3" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 35px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_236 { text-align: left !important; margin-top: 0 !important; display: table-header-group !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_229 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; margin-left: -1px !important; width: 4px !important; background: #FF9E1B; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_227 { position: absolute !important; top: 44px !important; bottom: 0 !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; left: 15px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_226 { zoom: 0.8 !important; transform: scale(0.8) !important; margin-top: -50px !important; margin-bottom: -130px !important; } .portages_index_bloc_365 { max-width: 410px !important; margin: auto !important; } .portages_index_bloc_281 { margin-top: 30px !important; } .portages_index_bloc_328 { margin-left: 50px !important; } .portages_index_bloc_374 { font-size: 30px !important; line-height: 30px !important; } .portages_index_bloc_326 { margin-left: 50px !important; } .portages_index_bloc_273 { max-width: 90% !important; } .portages_index_bloc_354 { left: -10px !important; top: 10px !important; } .portages_index_bloc_268 { padding: 14px 4px !important; } .portages_index_bloc_270 { padding: 40px 10px !important; } .portages_index_bloc_296 { padding: 40px 30px !important; } .portages_index_bloc_269 { margin-bottom: 30px !important; } .portages_index_bloc_253 { font-size: 22px !important; } .portages_index_bloc_305 { width: 100% !important; min-width: 100% !important; } .portages_index_bloc_41 { margin-top: 20px !important; } .portages_index_bloc_90 { width: 100% !important; min-width: 100% !important; } } } /************************************************************************************************************************************************/ /************************************************************************************************************************************************/ /************************************************************************************************************************************************/ /************************************************************************************************************************************************/ /* iphone 6, 6s, 7, 8 */ @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { .portages_header_bloc_24 { height: 75px !important; } .portages_header_bloc_33 { margin-top: -17px !important; } .portages_header_bloc_26 { margin-top: 20px !important; } .portages_simulation_bloc_324 { display: none !important; } .portages_header_bloc_73 { margin-top: 29px !important; } .portages_header_bloc_86 { font-size: 34px !important; } .portages_header_bloc_1 { font-size: 34px !important; } #point_frais_professionnels { visibility: hidden !important; display: none !important; } #point_remboursement_frais { visibility: hidden !important; display: none !important; } #point_frais_professionnels_tooltip { visibility: hidden !important; display: none !important; } #point_frais_professionnels_info { visibility: hidden !important; display: none !important; } .portages_simulation_point { visibility: hidden !important; display: none !important; } .portages_simulation_bloc_320 { width: 90% !important; margin: 0 auto !important; } #point_masse_salariale { visibility: hidden !important; display: none !important; } #point_salaire_net { visibility: hidden !important; display: none !important; } #point_masse_salariale_info { visibility: hidden !important; display: none !important; } #point_salaire_net_info { visibility: hidden !important; display: none !important; } .portages_index_bloc_259 { position: absolute !important; transform: scale(0.7) !important; top: 270px !important; left: 0px !important; } .portages_index_bloc_260 { transform: scale(0.8) !important; margin-top: 25px !important; } .portages_index_bloc_377 { display: none !important; } .portages_index_bloc_225 { transform: scale(0.8) !important; } .portages_index_bloc_111 { margin-top: -10px !important; margin-left: -18px !important; } .portages_index_bloc_231 { transform: scale(0.7) !important; width: 100% !important; margin-bottom: -30px !important; } .portages_index_bloc_223 { font-size: 28px !important; } .portages_index_bloc_295 { padding-top: 0px !important; } .portages_index_bloc_327 li { font-size: 26px !important; } .portages_index_bloc_327 li i { font-size: 26px !important; } /* slider 4 */ .portages_index_bloc_228:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "1" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_228 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; width: 4px !important; background: #FF9E1B !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_364 { display: flex !important; margin-left: 50px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_237 { position: relative !important; max-width: 100% !important; font-size: 0 !important; background: 0 0 !important; height: 255px !important; display: table !important; padding: 70px 0 50px 60px !important; /*padding: 0px !important;*/ } .portages_index_bloc_237_3 { padding: 35px 0 50px 60px !important; } .portages_index_bloc_229:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "2" !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; padding-top: 3px !important; background: white !important; border: solid 4px #FF9E1B !important; } .portages_index_bloc_227:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "3" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 35px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_236 { text-align: left !important; margin-top: 0 !important; display: table-header-group !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_229 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; margin-left: -1px !important; width: 4px !important; background: #FF9E1B; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_227 { position: absolute !important; top: 44px !important; bottom: 0 !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; left: 15px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_226 { zoom: 0.8 !important; transform: scale(0.8) !important; margin-top: -50px !important; margin-bottom: -130px !important; } .portages_index_bloc_365 { max-width: 410px !important; margin: auto !important; } .portages_index_bloc_281 { margin-top: 30px !important; } .portages_index_bloc_328 { margin-left: 50px !important; } .portages_index_bloc_374 { font-size: 30px !important; line-height: 30px !important; } .portages_index_bloc_326 { margin-left: 50px !important; } .portages_index_bloc_273 { max-width: 90% !important; } .portages_index_bloc_354 { left: -10px !important; top: 10px !important; } .portages_index_bloc_268 { padding: 14px 4px !important; } .portages_index_bloc_270 { padding: 40px 10px !important; } .portages_index_bloc_296 { padding: 40px 30px !important; } .portages_index_bloc_269 { margin-bottom: 30px !important; } .portages_index_bloc_253 { font-size: 22px !important; } .portages_index_bloc_305 { width: 100% !important; min-width: 100% !important; } .portages_index_bloc_41 { margin-top: 20px !important; } .portages_index_bloc_90 { width: 100% !important; min-width: 100% !important; } } /* iphone 6+, 6s+, 7+, 8+ */ @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { .portages_header_bloc_24 { height: 75px !important; } .portages_header_bloc_33 { margin-top: -17px !important; } .portages_header_bloc_26 { margin-top: 20px !important; } .portages_simulation_bloc_324 { display: none !important; } .portages_header_bloc_73 { margin-top: 29px !important; } .portages_header_bloc_86 { font-size: 34px !important; } .portages_header_bloc_1 { font-size: 34px !important; } #point_frais_professionnels { visibility: hidden !important; display: none !important; } #point_remboursement_frais { visibility: hidden !important; display: none !important; } #point_frais_professionnels_tooltip { visibility: hidden !important; display: none !important; } #point_frais_professionnels_info { visibility: hidden !important; display: none !important; } .portages_simulation_point { visibility: hidden !important; display: none !important; } .portages_simulation_bloc_320 { width: 90% !important; margin: 0 auto !important; } #point_masse_salariale { visibility: hidden !important; display: none !important; } #point_salaire_net { visibility: hidden !important; display: none !important; } #point_masse_salariale_info { visibility: hidden !important; display: none !important; } #point_salaire_net_info { visibility: hidden !important; display: none !important; } .portages_index_bloc_259 { position: absolute !important; transform: scale(0.7) !important; top: 270px !important; left: 0px !important; } .portages_index_bloc_260 { transform: scale(0.8) !important; margin-top: 25px !important; } .portages_index_bloc_377 { display: none !important; } .portages_index_bloc_225 { transform: scale(0.8) !important; } .portages_index_bloc_111 { margin-top: -10px !important; margin-left: -18px !important; } .portages_index_bloc_231 { transform: scale(0.7) !important; width: 100% !important; margin-bottom: -30px !important; } .portages_index_bloc_223 { font-size: 28px !important; } .portages_index_bloc_295 { padding-top: 0px !important; } .portages_index_bloc_327 li { font-size: 26px !important; } .portages_index_bloc_327 li i { font-size: 26px !important; } /* slider 4 */ .portages_index_bloc_228:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "1" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_228 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; width: 4px !important; background: #FF9E1B !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_364 { display: flex !important; margin-left: 50px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_237 { position: relative !important; max-width: 100% !important; font-size: 0 !important; background: 0 0 !important; height: 255px !important; display: table !important; padding: 70px 0 50px 60px !important; /*padding: 0px !important;*/ } .portages_index_bloc_237_3 { padding: 35px 0 50px 60px !important; } .portages_index_bloc_229:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "2" !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; padding-top: 3px !important; background: white !important; border: solid 4px #FF9E1B !important; } .portages_index_bloc_227:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "3" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 35px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_236 { text-align: left !important; margin-top: 0 !important; display: table-header-group !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_229 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; margin-left: -1px !important; width: 4px !important; background: #FF9E1B; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_227 { position: absolute !important; top: 44px !important; bottom: 0 !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; left: 15px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_226 { zoom: 0.8 !important; transform: scale(0.8) !important; margin-top: -50px !important; margin-bottom: -130px !important; } .portages_index_bloc_365 { max-width: 410px !important; margin: auto !important; } .portages_index_bloc_281 { margin-top: 30px !important; } .portages_index_bloc_328 { margin-left: 50px !important; } .portages_index_bloc_374 { font-size: 30px !important; line-height: 30px !important; } .portages_index_bloc_326 { margin-left: 50px !important; } .portages_index_bloc_273 { max-width: 90% !important; } .portages_index_bloc_354 { left: -10px !important; top: 10px !important; } .portages_index_bloc_268 { padding: 14px 4px !important; } .portages_index_bloc_270 { padding: 40px 10px !important; } .portages_index_bloc_296 { padding: 40px 30px !important; } .portages_index_bloc_269 { margin-bottom: 30px !important; } .portages_index_bloc_253 { font-size: 22px !important; } .portages_index_bloc_305 { width: 100% !important; min-width: 100% !important; } .portages_index_bloc_41 { margin-top: 20px !important; } .portages_index_bloc_90 { width: 100% !important; min-width: 100% !important; } } /* iphone 12, 12 Pro */ @media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3) { .portages_header_bloc_24 { height: 75px !important; } .portages_header_bloc_33 { margin-top: -17px !important; } .portages_header_bloc_26 { margin-top: 20px !important; } .portages_simulation_bloc_324 { display: none !important; } .portages_header_bloc_73 { margin-top: 29px !important; } .portages_header_bloc_86 { font-size: 34px !important; } .portages_header_bloc_1 { font-size: 34px !important; } #point_frais_professionnels { visibility: hidden !important; display: none !important; } #point_remboursement_frais { visibility: hidden !important; display: none !important; } #point_frais_professionnels_tooltip { visibility: hidden !important; display: none !important; } #point_frais_professionnels_info { visibility: hidden !important; display: none !important; } .portages_simulation_point { visibility: hidden !important; display: none !important; } .portages_simulation_bloc_320 { width: 90% !important; margin: 0 auto !important; } #point_masse_salariale { visibility: hidden !important; display: none !important; } #point_salaire_net { visibility: hidden !important; display: none !important; } #point_masse_salariale_info { visibility: hidden !important; display: none !important; } #point_salaire_net_info { visibility: hidden !important; display: none !important; } .portages_index_bloc_259 { position: absolute !important; transform: scale(0.7) !important; top: 270px !important; left: 0px !important; } .portages_index_bloc_260 { transform: scale(0.8) !important; margin-top: 25px !important; } .portages_index_bloc_377 { display: none !important; } .portages_index_bloc_225 { transform: scale(0.8) !important; } .portages_index_bloc_111 { margin-top: -10px !important; margin-left: -18px !important; } .portages_index_bloc_231 { transform: scale(0.7) !important; width: 100% !important; margin-bottom: -30px !important; } .portages_index_bloc_223 { font-size: 28px !important; } .portages_index_bloc_295 { padding-top: 0px !important; } .portages_index_bloc_327 li { font-size: 26px !important; } .portages_index_bloc_327 li i { font-size: 26px !important; } /* slider 4 */ .portages_index_bloc_228:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "1" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_228 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; width: 4px !important; background: #FF9E1B !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_364 { display: flex !important; margin-left: 50px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_237 { position: relative !important; max-width: 100% !important; font-size: 0 !important; background: 0 0 !important; height: 255px !important; display: table !important; padding: 70px 0 50px 60px !important; /*padding: 0px !important;*/ } .portages_index_bloc_237_3 { padding: 35px 0 50px 60px !important; } .portages_index_bloc_229:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "2" !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; padding-top: 3px !important; background: white !important; border: solid 4px #FF9E1B !important; } .portages_index_bloc_227:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "3" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 35px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_236 { text-align: left !important; margin-top: 0 !important; display: table-header-group !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_229 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; margin-left: -1px !important; width: 4px !important; background: #FF9E1B; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_227 { position: absolute !important; top: 44px !important; bottom: 0 !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; left: 15px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_226 { zoom: 0.8 !important; transform: scale(0.8) !important; margin-top: -50px !important; margin-bottom: -130px !important; } .portages_index_bloc_365 { max-width: 410px !important; margin: auto !important; } .portages_index_bloc_281 { margin-top: 30px !important; } .portages_index_bloc_328 { margin-left: 50px !important; } .portages_index_bloc_374 { font-size: 30px !important; line-height: 30px !important; } .portages_index_bloc_326 { margin-left: 50px !important; } .portages_index_bloc_273 { max-width: 90% !important; } .portages_index_bloc_354 { left: -10px !important; top: 10px !important; } .portages_index_bloc_268 { padding: 14px 4px !important; } .portages_index_bloc_270 { padding: 40px 10px !important; } .portages_index_bloc_296 { padding: 40px 30px !important; } .portages_index_bloc_269 { margin-bottom: 30px !important; } .portages_index_bloc_253 { font-size: 22px !important; } .portages_index_bloc_305 { width: 100% !important; min-width: 100% !important; } .portages_index_bloc_41 { margin-top: 20px !important; } .portages_index_bloc_90 { width: 100% !important; min-width: 100% !important; } } /* iphone XR, 11 */ /*@supports (-webkit-touch-callout: none) {*/ /* CSS specific to iOS devices */ @media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio: 2) { .portages_header_bloc_24 { height: 75px !important; } .portages_header_bloc_33 { margin-top: -17px !important; } .portages_header_bloc_26 { margin-top: 20px !important; } .portages_simulation_bloc_324 { display: none !important; } .portages_header_bloc_73 { margin-top: 29px !important; } .portages_header_bloc_86 { font-size: 34px !important; } .portages_header_bloc_1 { font-size: 34px !important; } #point_frais_professionnels { visibility: hidden !important; display: none !important; } #point_remboursement_frais { visibility: hidden !important; display: none !important; } #point_frais_professionnels_tooltip { visibility: hidden !important; display: none !important; } #point_frais_professionnels_info { visibility: hidden !important; display: none !important; } .portages_simulation_point { visibility: hidden !important; display: none !important; } .portages_simulation_bloc_320 { width: 90% !important; margin: 0 auto !important; } #point_masse_salariale { visibility: hidden !important; display: none !important; } #point_salaire_net { visibility: hidden !important; display: none !important; } #point_masse_salariale_info { visibility: hidden !important; display: none !important; } #point_salaire_net_info { visibility: hidden !important; display: none !important; } .portages_index_bloc_259 { position: absolute !important; transform: scale(0.7) !important; top: 270px !important; left: 0px !important; } .portages_index_bloc_260 { transform: scale(0.8) !important; margin-top: 25px !important; } .portages_index_bloc_377 { display: none !important; } .portages_index_bloc_225 { transform: scale(0.8) !important; } .portages_index_bloc_111 { margin-top: -10px !important; margin-left: -18px !important; } .portages_index_bloc_231 { transform: scale(0.7) !important; width: 100% !important; margin-bottom: -30px !important; } .portages_index_bloc_223 { font-size: 28px !important; } .portages_index_bloc_295 { padding-top: 0px !important; } .portages_index_bloc_327 li { font-size: 26px !important; } .portages_index_bloc_327 li i { font-size: 26px !important; } /* slider 4 */ .portages_index_bloc_228:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "1" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_228 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; width: 4px !important; background: #FF9E1B !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_364 { display: flex !important; margin-left: 50px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_237 { position: relative !important; max-width: 100% !important; font-size: 0 !important; background: 0 0 !important; height: 255px !important; display: table !important; padding: 70px 0 50px 60px !important; } .portages_index_bloc_237_3 { padding: 35px 0 50px 60px !important; } .portages_index_bloc_229:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "2" !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; padding-top: 3px !important; background: white !important; border: solid 4px #FF9E1B !important; } .portages_index_bloc_227:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "3" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 35px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_236 { text-align: left !important; margin-top: 0 !important; display: table-header-group !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_229 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; margin-left: -1px !important; width: 4px !important; background: #FF9E1B; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_227 { position: absolute !important; top: 44px !important; bottom: 0 !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; left: 15px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_226 { zoom: 0.8 !important; transform: scale(0.8) !important; margin-top: -50px !important; margin-bottom: -130px !important; } .portages_index_bloc_365 { max-width: 410px !important; margin: auto !important; } .portages_index_bloc_281 { margin-top: 30px !important; } .portages_index_bloc_328 { margin-left: 50px !important; } .portages_index_bloc_374 { font-size: 30px !important; line-height: 30px !important; } .portages_index_bloc_326 { margin-left: 50px !important; } .portages_index_bloc_273 { max-width: 90% !important; } .portages_index_bloc_354 { left: -10px !important; top: 10px !important; } .portages_index_bloc_268 { padding: 14px 4px !important; } .portages_index_bloc_270 { padding: 40px 10px !important; } .portages_index_bloc_296 { padding: 40px 30px !important; } .portages_index_bloc_269 { margin-bottom: 30px !important; } .portages_index_bloc_253 { font-size: 22px !important; } .portages_index_bloc_305 { width: 100% !important; min-width: 100% !important; } .portages_index_bloc_41 { margin-top: 20px !important; } .portages_index_bloc_90 { width: 100% !important; min-width: 100% !important; } } /* iphone 12 Pro Max */ @media only screen and (min-device-width: 428px) and (max-device-height: 926px) and (-webkit-device-pixel-ratio: 3) { .portages_header_bloc_24 { height: 75px !important; } .portages_header_bloc_33 { margin-top: -17px !important; } .portages_header_bloc_26 { margin-top: 20px !important; } .portages_simulation_bloc_324 { display: none !important; } .portages_header_bloc_73 { margin-top: 29px !important; } .portages_header_bloc_86 { font-size: 34px !important; } .portages_header_bloc_1 { font-size: 34px !important; } #point_frais_professionnels { visibility: hidden !important; display: none !important; } #point_remboursement_frais { visibility: hidden !important; display: none !important; } #point_frais_professionnels_tooltip { visibility: hidden !important; display: none !important; } #point_frais_professionnels_info { visibility: hidden !important; display: none !important; } .portages_simulation_point { visibility: hidden !important; display: none !important; } .portages_simulation_bloc_320 { width: 90% !important; margin: 0 auto !important; } #point_masse_salariale { visibility: hidden !important; display: none !important; } #point_salaire_net { visibility: hidden !important; display: none !important; } #point_masse_salariale_info { visibility: hidden !important; display: none !important; } #point_salaire_net_info { visibility: hidden !important; display: none !important; } .portages_index_bloc_259 { position: absolute !important; transform: scale(0.7) !important; top: 270px !important; left: 0px !important; } .portages_index_bloc_260 { transform: scale(0.8) !important; margin-top: 25px !important; } .portages_index_bloc_377 { display: none !important; } .portages_index_bloc_225 { transform: scale(0.8) !important; } .portages_index_bloc_111 { margin-top: -10px !important; margin-left: -18px !important; } .portages_index_bloc_231 { transform: scale(0.7) !important; width: 100% !important; margin-bottom: -30px !important; } .portages_index_bloc_223 { font-size: 28px !important; } .portages_index_bloc_295 { padding-top: 0px !important; } .portages_index_bloc_327 li { font-size: 26px !important; } .portages_index_bloc_327 li i { font-size: 26px !important; } /* slider 4 */ .portages_index_bloc_228:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "1" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_228 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; width: 4px !important; background: #FF9E1B !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_364 { display: flex !important; margin-left: 50px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_237 { position: relative !important; max-width: 100% !important; font-size: 0 !important; background: 0 0 !important; height: 255px !important; display: table !important; padding: 70px 0 50px 60px !important; } .portages_index_bloc_237_3 { padding: 35px 0 50px 60px !important; } .portages_index_bloc_229:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "2" !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; padding-top: 3px !important; background: white !important; border: solid 4px #FF9E1B !important; } .portages_index_bloc_227:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "3" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 35px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_236 { text-align: left !important; margin-top: 0 !important; display: table-header-group !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_229 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; margin-left: -1px !important; width: 4px !important; background: #FF9E1B; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_227 { position: absolute !important; top: 44px !important; bottom: 0 !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; left: 15px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_226 { zoom: 0.8 !important; transform: scale(0.8) !important; margin-top: -50px !important; margin-bottom: -130px !important; } .portages_index_bloc_365 { max-width: 410px !important; margin: auto !important; } .portages_index_bloc_281 { margin-top: 30px !important; } .portages_index_bloc_328 { margin-left: 50px !important; } .portages_index_bloc_374 { font-size: 30px !important; line-height: 30px !important; } .portages_index_bloc_326 { margin-left: 50px !important; } .portages_index_bloc_273 { max-width: 90% !important; } .portages_index_bloc_354 { left: -10px !important; top: 10px !important; } .portages_index_bloc_268 { padding: 14px 4px !important; } .portages_index_bloc_270 { padding: 40px 10px !important; } .portages_index_bloc_296 { padding: 40px 30px !important; } .portages_index_bloc_269 { margin-bottom: 30px !important; } .portages_index_bloc_253 { font-size: 22px !important; } .portages_index_bloc_305 { width: 100% !important; min-width: 100% !important; } .portages_index_bloc_41 { margin-top: 20px !important; } .portages_index_bloc_90 { width: 100% !important; min-width: 100% !important; } } /*iPhone 14*/ @media only screen and (width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) { .portages_header_bloc_24 { height: 75px !important; } .portages_header_bloc_33 { margin-top: -17px !important; } .portages_header_bloc_26 { margin-top: 20px !important; } .portages_simulation_bloc_324 { display: none !important; } .portages_header_bloc_73 { margin-top: 29px !important; } .portages_header_bloc_86 { font-size: 34px !important; } .portages_header_bloc_1 { font-size: 34px !important; } #point_frais_professionnels { visibility: hidden !important; display: none !important; } #point_remboursement_frais { visibility: hidden !important; display: none !important; } #point_frais_professionnels_tooltip { visibility: hidden !important; display: none !important; } #point_frais_professionnels_info { visibility: hidden !important; display: none !important; } .portages_simulation_point { visibility: hidden !important; display: none !important; } .portages_simulation_bloc_320 { width: 90% !important; margin: 0 auto !important; } #point_masse_salariale { visibility: hidden !important; display: none !important; } #point_salaire_net { visibility: hidden !important; display: none !important; } #point_masse_salariale_info { visibility: hidden !important; display: none !important; } #point_salaire_net_info { visibility: hidden !important; display: none !important; } .portages_index_bloc_259 { position: absolute !important; transform: scale(0.7) !important; top: 270px !important; left: 0px !important; } .portages_index_bloc_260 { transform: scale(0.8) !important; margin-top: 25px !important; } .portages_index_bloc_377 { display: none !important; } .portages_index_bloc_225 { transform: scale(0.8) !important; } .portages_index_bloc_111 { margin-top: -10px !important; margin-left: -18px !important; } .portages_index_bloc_231 { transform: scale(0.7) !important; width: 100% !important; margin-bottom: -30px !important; } .portages_index_bloc_223 { font-size: 28px !important; } .portages_index_bloc_295 { padding-top: 0px !important; } .portages_index_bloc_327 li { font-size: 26px !important; } .portages_index_bloc_327 li i { font-size: 26px !important; } /* slider 4 */ .portages_index_bloc_228:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "1" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_228 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; width: 4px !important; background: #FF9E1B !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_364 { display: flex !important; margin-left: 50px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_237 { position: relative !important; max-width: 100% !important; font-size: 0 !important; background: 0 0 !important; height: 255px !important; display: table !important; padding: 70px 0 50px 60px !important; } .portages_index_bloc_237_3 { padding: 35px 0 50px 60px !important; } .portages_index_bloc_229:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "2" !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; padding-top: 3px !important; background: white !important; border: solid 4px #FF9E1B !important; } .portages_index_bloc_227:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "3" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 35px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_236 { text-align: left !important; margin-top: 0 !important; display: table-header-group !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_229 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; margin-left: -1px !important; width: 4px !important; background: #FF9E1B; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_227 { position: absolute !important; top: 44px !important; bottom: 0 !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; left: 15px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_226 { zoom: 0.8 !important; transform: scale(0.8) !important; margin-top: -50px !important; margin-bottom: -130px !important; } .portages_index_bloc_365 { max-width: 410px !important; margin: auto !important; } .portages_index_bloc_281 { margin-top: 30px !important; } .portages_index_bloc_328 { margin-left: 50px !important; } .portages_index_bloc_374 { font-size: 30px !important; line-height: 30px !important; } .portages_index_bloc_326 { margin-left: 50px !important; } .portages_index_bloc_273 { max-width: 90% !important; } .portages_index_bloc_354 { left: -10px !important; top: 10px !important; } .portages_index_bloc_268 { padding: 14px 4px !important; } .portages_index_bloc_270 { padding: 40px 10px !important; } .portages_index_bloc_296 { padding: 40px 30px !important; } .portages_index_bloc_269 { margin-bottom: 30px !important; } .portages_index_bloc_253 { font-size: 22px !important; } .portages_index_bloc_305 { width: 100% !important; min-width: 100% !important; } .portages_index_bloc_41 { margin-top: 20px !important; } .portages_index_bloc_90 { width: 100% !important; min-width: 100% !important; } } /*iPhone 14 Pro*/ @media only screen and (width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) { .portages_header_bloc_24 { height: 75px !important; } .portages_header_bloc_33 { margin-top: -17px !important; } .portages_header_bloc_26 { margin-top: 20px !important; } .portages_simulation_bloc_324 { display: none !important; } .portages_header_bloc_73 { margin-top: 29px !important; } .portages_header_bloc_86 { font-size: 34px !important; } .portages_header_bloc_1 { font-size: 34px !important; } #point_frais_professionnels { visibility: hidden !important; display: none !important; } #point_remboursement_frais { visibility: hidden !important; display: none !important; } #point_frais_professionnels_tooltip { visibility: hidden !important; display: none !important; } #point_frais_professionnels_info { visibility: hidden !important; display: none !important; } .portages_simulation_point { visibility: hidden !important; display: none !important; } .portages_simulation_bloc_320 { width: 90% !important; margin: 0 auto !important; } #point_masse_salariale { visibility: hidden !important; display: none !important; } #point_salaire_net { visibility: hidden !important; display: none !important; } #point_masse_salariale_info { visibility: hidden !important; display: none !important; } #point_salaire_net_info { visibility: hidden !important; display: none !important; } .portages_index_bloc_259 { position: absolute !important; transform: scale(0.7) !important; top: 270px !important; left: 0px !important; } .portages_index_bloc_260 { transform: scale(0.8) !important; margin-top: 25px !important; } .portages_index_bloc_377 { display: none !important; } .portages_index_bloc_225 { transform: scale(0.8) !important; } .portages_index_bloc_111 { margin-top: -10px !important; margin-left: -18px !important; } .portages_index_bloc_231 { transform: scale(0.7) !important; width: 100% !important; margin-bottom: -30px !important; } .portages_index_bloc_223 { font-size: 28px !important; } .portages_index_bloc_295 { padding-top: 0px !important; } .portages_index_bloc_327 li { font-size: 26px !important; } .portages_index_bloc_327 li i { font-size: 26px !important; } /* slider 4 */ .portages_index_bloc_228:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "1" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_228 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; width: 4px !important; background: #FF9E1B !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_364 { display: flex !important; margin-left: 50px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_237 { position: relative !important; max-width: 100% !important; font-size: 0 !important; background: 0 0 !important; height: 255px !important; display: table !important; padding: 70px 0 50px 60px !important; } .portages_index_bloc_237_3 { padding: 35px 0 50px 60px !important; } .portages_index_bloc_229:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "2" !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; padding-top: 3px !important; background: white !important; border: solid 4px #FF9E1B !important; } .portages_index_bloc_227:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "3" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 35px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_236 { text-align: left !important; margin-top: 0 !important; display: table-header-group !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_229 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; margin-left: -1px !important; width: 4px !important; background: #FF9E1B; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_227 { position: absolute !important; top: 44px !important; bottom: 0 !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; left: 15px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_226 { zoom: 0.8 !important; transform: scale(0.8) !important; margin-top: -50px !important; margin-bottom: -130px !important; } .portages_index_bloc_365 { max-width: 410px !important; margin: auto !important; } .portages_index_bloc_281 { margin-top: 30px !important; } .portages_index_bloc_328 { margin-left: 50px !important; } .portages_index_bloc_374 { font-size: 30px !important; line-height: 30px !important; } .portages_index_bloc_326 { margin-left: 50px !important; } .portages_index_bloc_273 { max-width: 90% !important; } .portages_index_bloc_354 { left: -10px !important; top: 10px !important; } .portages_index_bloc_268 { padding: 14px 4px !important; } .portages_index_bloc_270 { padding: 40px 10px !important; } .portages_index_bloc_296 { padding: 40px 30px !important; } .portages_index_bloc_269 { margin-bottom: 30px !important; } .portages_index_bloc_253 { font-size: 22px !important; } .portages_index_bloc_305 { width: 100% !important; min-width: 100% !important; } .portages_index_bloc_41 { margin-top: 20px !important; } .portages_index_bloc_90 { width: 100% !important; min-width: 100% !important; } } /*iPhone 14 Pro Max*/ @media only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) { .portages_header_bloc_24 { height: 75px !important; } .portages_header_bloc_33 { margin-top: -17px !important; } .portages_header_bloc_26 { margin-top: 20px !important; } .portages_simulation_bloc_324 { display: none !important; } .portages_header_bloc_73 { margin-top: 29px !important; } .portages_header_bloc_86 { font-size: 34px !important; } .portages_header_bloc_1 { font-size: 34px !important; } #point_frais_professionnels { visibility: hidden !important; display: none !important; } #point_remboursement_frais { visibility: hidden !important; display: none !important; } #point_frais_professionnels_tooltip { visibility: hidden !important; display: none !important; } #point_frais_professionnels_info { visibility: hidden !important; display: none !important; } .portages_simulation_point { visibility: hidden !important; display: none !important; } .portages_simulation_bloc_320 { width: 90% !important; margin: 0 auto !important; } #point_masse_salariale { visibility: hidden !important; display: none !important; } #point_salaire_net { visibility: hidden !important; display: none !important; } #point_masse_salariale_info { visibility: hidden !important; display: none !important; } #point_salaire_net_info { visibility: hidden !important; display: none !important; } .portages_index_bloc_259 { position: absolute !important; transform: scale(0.7) !important; top: 270px !important; left: 0px !important; } .portages_index_bloc_260 { transform: scale(0.8) !important; margin-top: 25px !important; } .portages_index_bloc_377 { display: none !important; } .portages_index_bloc_225 { transform: scale(0.8) !important; } .portages_index_bloc_111 { margin-top: -10px !important; margin-left: -18px !important; } .portages_index_bloc_231 { transform: scale(0.7) !important; width: 100% !important; margin-bottom: -30px !important; } .portages_index_bloc_223 { font-size: 28px !important; } .portages_index_bloc_295 { padding-top: 0px !important; } .portages_index_bloc_327 li { font-size: 26px !important; } .portages_index_bloc_327 li i { font-size: 26px !important; } /* slider 4 */ .portages_index_bloc_228:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "1" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_228 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; width: 4px !important; background: #FF9E1B !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_364 { display: flex !important; margin-left: 50px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_237 { position: relative !important; max-width: 100% !important; font-size: 0 !important; background: 0 0 !important; height: 255px !important; display: table !important; padding: 70px 0 50px 60px !important; } .portages_index_bloc_237_3 { padding: 35px 0 50px 60px !important; } .portages_index_bloc_229:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "2" !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; padding-top: 3px !important; background: white !important; border: solid 4px #FF9E1B !important; } .portages_index_bloc_227:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "3" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 35px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_236 { text-align: left !important; margin-top: 0 !important; display: table-header-group !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_229 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; margin-left: -1px !important; width: 4px !important; background: #FF9E1B; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_227 { position: absolute !important; top: 44px !important; bottom: 0 !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; left: 15px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_226 { zoom: 0.8 !important; transform: scale(0.8) !important; margin-top: -50px !important; margin-bottom: -130px !important; } .portages_index_bloc_365 { max-width: 410px !important; margin: auto !important; } .portages_index_bloc_281 { margin-top: 30px !important; } .portages_index_bloc_328 { margin-left: 50px !important; } .portages_index_bloc_374 { font-size: 30px !important; line-height: 30px !important; } .portages_index_bloc_326 { margin-left: 50px !important; } .portages_index_bloc_273 { max-width: 90% !important; } .portages_index_bloc_354 { left: -10px !important; top: 10px !important; } .portages_index_bloc_268 { padding: 14px 4px !important; } .portages_index_bloc_270 { padding: 40px 10px !important; } .portages_index_bloc_296 { padding: 40px 30px !important; } .portages_index_bloc_269 { margin-bottom: 30px !important; } .portages_index_bloc_253 { font-size: 22px !important; } .portages_index_bloc_305 { width: 100% !important; min-width: 100% !important; } .portages_index_bloc_41 { margin-top: 20px !important; } .portages_index_bloc_90 { width: 100% !important; min-width: 100% !important; } } /* 1284×2778 pixels at 458ppi iPhone 14 Plus*/ @media only screen and (width: 428px) and (height: 926px) and (-webkit-device-pixel-ratio: 3) { .portages_header_bloc_24 { height: 75px !important; } .portages_header_bloc_33 { margin-top: -17px !important; } .portages_header_bloc_26 { margin-top: 20px !important; } .portages_simulation_bloc_324 { display: none !important; } .portages_header_bloc_73 { margin-top: 29px !important; } .portages_header_bloc_86 { font-size: 34px !important; } .portages_header_bloc_1 { font-size: 34px !important; } #point_frais_professionnels { visibility: hidden !important; display: none !important; } #point_remboursement_frais { visibility: hidden !important; display: none !important; } #point_frais_professionnels_tooltip { visibility: hidden !important; display: none !important; } #point_frais_professionnels_info { visibility: hidden !important; display: none !important; } .portages_simulation_point { visibility: hidden !important; display: none !important; } .portages_simulation_bloc_320 { width: 90% !important; margin: 0 auto !important; } #point_masse_salariale { visibility: hidden !important; display: none !important; } #point_salaire_net { visibility: hidden !important; display: none !important; } #point_masse_salariale_info { visibility: hidden !important; display: none !important; } #point_salaire_net_info { visibility: hidden !important; display: none !important; } .portages_index_bloc_259 { position: absolute !important; transform: scale(0.7) !important; top: 270px !important; left: 0px !important; } .portages_index_bloc_260 { transform: scale(0.8) !important; margin-top: 25px !important; } .portages_index_bloc_377 { display: none !important; } .portages_index_bloc_225 { transform: scale(0.8) !important; } .portages_index_bloc_111 { margin-top: -10px !important; margin-left: -18px !important; } .portages_index_bloc_231 { transform: scale(0.7) !important; width: 100% !important; margin-bottom: -30px !important; } .portages_index_bloc_223 { font-size: 28px !important; } .portages_index_bloc_295 { padding-top: 0px !important; } .portages_index_bloc_327 li { font-size: 26px !important; } .portages_index_bloc_327 li i { font-size: 26px !important; } /* slider 4 */ .portages_index_bloc_228:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "1" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_228 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; width: 4px !important; background: #FF9E1B !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_364 { display: flex !important; margin-left: 50px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_237 { position: relative !important; max-width: 100% !important; font-size: 0 !important; background: 0 0 !important; height: 255px !important; display: table !important; padding: 70px 0 50px 60px !important; } .portages_index_bloc_237_3 { padding: 35px 0 50px 60px !important; } .portages_index_bloc_229:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "2" !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; padding-top: 3px !important; background: white !important; border: solid 4px #FF9E1B !important; } .portages_index_bloc_227:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "3" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 35px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_236 { text-align: left !important; margin-top: 0 !important; display: table-header-group !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_229 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; margin-left: -1px !important; width: 4px !important; background: #FF9E1B; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_227 { position: absolute !important; top: 44px !important; bottom: 0 !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; left: 15px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_226 { zoom: 0.8 !important; transform: scale(0.8) !important; margin-top: -50px !important; margin-bottom: -130px !important; } .portages_index_bloc_365 { max-width: 410px !important; margin: auto !important; } .portages_index_bloc_281 { margin-top: 30px !important; } .portages_index_bloc_328 { margin-left: 50px !important; } .portages_index_bloc_374 { font-size: 30px !important; line-height: 30px !important; } .portages_index_bloc_326 { margin-left: 50px !important; } .portages_index_bloc_273 { max-width: 90% !important; } .portages_index_bloc_354 { left: -10px !important; top: 10px !important; } .portages_index_bloc_268 { padding: 14px 4px !important; } .portages_index_bloc_270 { padding: 40px 10px !important; } .portages_index_bloc_296 { padding: 40px 30px !important; } .portages_index_bloc_269 { margin-bottom: 30px !important; } .portages_index_bloc_253 { font-size: 22px !important; } .portages_index_bloc_305 { width: 100% !important; min-width: 100% !important; } .portages_index_bloc_41 { margin-top: 20px !important; } .portages_index_bloc_90 { width: 100% !important; min-width: 100% !important; } } /* 1080×2340 pixels at 476ppi iPhone 13 Mini*/ @media only screen and (width: 375px) and (height: 812px) and (-webkit-device-pixel-ratio: 3) { .portages_header_bloc_24 { height: 75px !important; } .portages_header_bloc_33 { margin-top: -17px !important; } .portages_header_bloc_26 { margin-top: 20px !important; } .portages_simulation_bloc_324 { display: none !important; } .portages_header_bloc_73 { margin-top: 29px !important; } .portages_header_bloc_86 { font-size: 34px !important; } .portages_header_bloc_1 { font-size: 34px !important; } #point_frais_professionnels { visibility: hidden !important; display: none !important; } #point_remboursement_frais { visibility: hidden !important; display: none !important; } #point_frais_professionnels_tooltip { visibility: hidden !important; display: none !important; } #point_frais_professionnels_info { visibility: hidden !important; display: none !important; } .portages_simulation_point { visibility: hidden !important; display: none !important; } .portages_simulation_bloc_320 { width: 90% !important; margin: 0 auto !important; } #point_masse_salariale { visibility: hidden !important; display: none !important; } #point_salaire_net { visibility: hidden !important; display: none !important; } #point_masse_salariale_info { visibility: hidden !important; display: none !important; } #point_salaire_net_info { visibility: hidden !important; display: none !important; } .portages_index_bloc_259 { position: absolute !important; transform: scale(0.7) !important; top: 270px !important; left: 0px !important; } .portages_index_bloc_260 { transform: scale(0.8) !important; margin-top: 25px !important; } .portages_index_bloc_377 { display: none !important; } .portages_index_bloc_225 { transform: scale(0.8) !important; } .portages_index_bloc_111 { margin-top: -10px !important; margin-left: -18px !important; } .portages_index_bloc_231 { transform: scale(0.7) !important; width: 100% !important; margin-bottom: -30px !important; } .portages_index_bloc_223 { font-size: 28px !important; } .portages_index_bloc_295 { padding-top: 0px !important; } .portages_index_bloc_327 li { font-size: 26px !important; } .portages_index_bloc_327 li i { font-size: 26px !important; } /* slider 4 */ .portages_index_bloc_228:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "1" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_228 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; width: 4px !important; background: #FF9E1B !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_364 { display: flex !important; margin-left: 50px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_237 { position: relative !important; max-width: 100% !important; font-size: 0 !important; background: 0 0 !important; height: 255px !important; display: table !important; padding: 70px 0 50px 60px !important; } .portages_index_bloc_237_3 { padding: 35px 0 50px 60px !important; } .portages_index_bloc_229:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "2" !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 37px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; padding-top: 3px !important; background: white !important; border: solid 4px #FF9E1B !important; } .portages_index_bloc_227:before { position: absolute !important; top: 0px !important; left: -9px !important; width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-left: -15px !important; content: "3" !important; background: white !important; border: solid 4px #FF9E1B !important; border-radius: 20% !important; color: #FF9E1B !important; font-size: 35px !important; text-align: center !important; font-weight: 700 !important; padding: 5px !important; line-height: 35px !important; -moz-transform: scale(130%) !important; -moz-transform-origin: 0 0 !important; } .portages_index_bloc_236 { text-align: left !important; margin-top: 0 !important; display: table-header-group !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_229 { left: 15px !important; position: absolute !important; top: 75px !important; bottom: 0 !important; margin-left: -1px !important; width: 4px !important; background: #FF9E1B; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; } .portages_index_bloc_227 { position: absolute !important; top: 44px !important; bottom: 0 !important; height: 100% !important; transition: all .5s !important; display: inline-block !important; vertical-align: top !important; margin: 0 !important; left: 15px !important; } .portages_index_bloc_235 { text-align: left !important; margin-top: 0 !important; padding: 0 !important; display: table-header-group !important; vertical-align: top !important; width: 50% !important; } .portages_index_bloc_226 { zoom: 0.8 !important; transform: scale(0.8) !important; margin-top: -50px !important; margin-bottom: -130px !important; } .portages_index_bloc_365 { max-width: 410px !important; margin: auto !important; } .portages_index_bloc_281 { margin-top: 30px !important; } .portages_index_bloc_328 { margin-left: 50px !important; } .portages_index_bloc_374 { font-size: 30px !important; line-height: 30px !important; } .portages_index_bloc_326 { margin-left: 50px !important; } .portages_index_bloc_273 { max-width: 90% !important; } .portages_index_bloc_354 { left: -10px !important; top: 10px !important; } .portages_index_bloc_268 { padding: 14px 4px !important; } .portages_index_bloc_270 { padding: 40px 10px !important; } .portages_index_bloc_296 { padding: 40px 30px !important; } .portages_index_bloc_269 { margin-bottom: 30px !important; } .portages_index_bloc_253 { font-size: 22px !important; } .portages_index_bloc_305 { width: 100% !important; min-width: 100% !important; } .portages_index_bloc_41 { margin-top: 20px !important; } .portages_index_bloc_90 { width: 100% !important; min-width: 100% !important; } }