body{background-color: #BBBBBB; margin: 0; padding: 0;}i{font-weight: 100; font-size: 13px;}.my_c{padding: 0; margin-top: 100px;}.hide{display: none;}.pop_nav_in{background-color: #FFF; position: fixed; height: 300px; width: 50px; right: -60px; top: 40%; box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.0); transform: translateX(-6vw); transition: transform 0.5s; z-index: 3;}.pop_nav_out{background-color: #FFF; position: fixed; height: 300px; width: 50px; right: -60px; top: 40%; box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.0); transform: translateX(6vw); transition: transform 0.5s; z-index: 3;}.btn_nav{height: 25%; width: 100%; margin-left: 0px; margin-right: 0px; border-bottom: 1px solid #CCCCCC; display: flex; opacity: 0.5;}.btn_nav:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.0); opacity: 0.8;}.nav{padding-top: 20px; padding-bottom: 20px; box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.0);}.brand_logo{height: 30px;}.ban{height: 400px; width: 100%; display: flex; margin: 0; box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.0); background-color: #9799aa; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%239799aa'/%3E%3Cstop offset='1' stop-color='%234fd'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231476ff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231476ff' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2'%3E%3Cstop offset='0' stop-color='%231476ff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231476ff' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23b)' points='0 1 0 0 2 0'/%3E%3Cpolygon fill='url(%23c)' points='2 1 2 0 0 0'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover;}.ban_g{background: url('../img/ban.svg') bottom no-repeat; background-size: 400px;}.effect_ban{width: 400px; margin-left: 30px; position: absolute;}.question{width: 80%; margin: auto; color: #FFF; background-color: rgba(0, 0, 0, 0.8); padding: 20px; border-radius: 5px; box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.0);}.back{height: 300px;box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.0); z-index: 2;}.pan_g{display: flex; height: 300px; font-size: 16px; line-height: 30px; color: #444444; padding: 40px; padding-left: 60px; background-color: #FFF;}.pan_d{display: flex; height: 300px; font-size: 16px; line-height: 30px; padding: 40px; color: grey; background: url('../img/flat.svg') no-repeat 80px -30px; background-size: auto 320px; background-color: #FFF;}.pres{z-index: 1; color: #444444; font-size: 14px; height: auto; line-height: 30px; background-color: #FFF; box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.0);}.fruts{z-index: 1; min-height: 400px; font-weight: 600;background-color: #9799aa;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%239799aa'/%3E%3Cstop offset='1' stop-color='%234fd'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231476ff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231476ff' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2'%3E%3Cstop offset='0' stop-color='%231476ff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231476ff' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23b)' points='0 1 0 0 2 0'/%3E%3Cpolygon fill='url(%23c)' points='2 1 2 0 0 0'/%3E%3C/g%3E%3C/svg%3E");background-attachment: fixed;background-size: cover; color: #FFF; text-align: center; display: flex;}.big_title{background-color: #1F3C47; text-align: center; float: right; border-radius: 50px; color: #FFF; height: 40px; width: 240px; line-height: 40px;}.whoim{background-color: #FFF; margin-left: 10px; margin-right: 10px; color: #222; text-align: center; height: 100%; padding: 40px; font-size: 40px; width: 100%; line-height: 30px;}.whoim_txt{margin-top: 20px; background-color: white; color: #222; padding: 50px; font-size: 16px; line-height: 30px; width: 100%; box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.0);}.slog{height: 100%; font-size: 18px; background-color: #9799aa; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%239799aa'/%3E%3Cstop offset='1' stop-color='%234fd'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231476ff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231476ff' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2'%3E%3Cstop offset='0' stop-color='%231476ff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231476ff' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23b)' points='0 1 0 0 2 0'/%3E%3Cpolygon fill='url(%23c)' points='2 1 2 0 0 0'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; color: #FFF;}.offre{background-color: #9799aa;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%239799aa'/%3E%3Cstop offset='1' stop-color='%234fd'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231476ff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231476ff' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2'%3E%3Cstop offset='0' stop-color='%231476ff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231476ff' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23b)' points='0 1 0 0 2 0'/%3E%3Cpolygon fill='url(%23c)' points='2 1 2 0 0 0'/%3E%3C/g%3E%3C/svg%3E");background-attachment: fixed;background-size: cover; color: white; text-align: center; height: 100%; padding: 50px; font-size: 40px; width: 100%;}.offre_txt{background-color: #9799aa;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%239799aa'/%3E%3Cstop offset='1' stop-color='%234fd'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231476ff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231476ff' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2'%3E%3Cstop offset='0' stop-color='%231476ff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231476ff' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23b)' points='0 1 0 0 2 0'/%3E%3Cpolygon fill='url(%23c)' points='2 1 2 0 0 0'/%3E%3C/g%3E%3C/svg%3E");background-attachment: fixed;background-size: cover; text-align: center; color: white; padding: 50px; font-size: 14px; line-height: 30px; width: 100%; display: flex;}.type_of{border: solid 1px white; border-radius: 50px; padding-top: 20px; padding-bottom: 20px; width: 100%; margin: auto; transition-property: background-color, font-size; transition-duration: 0.3s; transition-timing-function: ease-in-out;}.type_of:hover{cursor: pointer; background-color: #4ca743; font-size: 16px; border: none; color: white;}.elem_offre{background-color: white; border-radius: 5px; width: 80%; margin: auto; color: #222222; text-align: left; box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.0);}.titl_elem_offre{text-align: center; padding: 20px; width: 100%;}.logo_ban{height: 100px; margin-top: 20px; background: url(../img/ifc_brc_irca.jpg) center no-repeat; background-size: auto 70px; background-color: #FFF; width: 100%;}