à oreilles libres


écouteurs sans fil véritables
Présentation de l’OpenFit – Redéfinition de votre expérience d’écoute











img {
margin-bottom: 2vw;
}
.blog-comfort-container2 .blog-content1 .h2-style {
margin: 0;
}
.blog-comfort-container2 .blog-content1 .p-style {
width: 600px;
margin-top: 2% ;
margin-bottom: 4%;
}
.blog-comfort-container2 .blog-content2 {
padding: 1vw 2vw 0;
background: linear-gradient(319deg, #e7eef1 0%, #f3f8fa 100%);
}
.blog-comfort-container2 .blog-content2 .blog-centent-left {
width: 50%;
}
.blog-comfort-container2 .blog-content2 .blog-centent-left .h-style{
margin-top: 20% ;
}
.blog-comfort-container2 .blog-content2 .blog-centent-right {
width: 50%;
}
.blog-comfort-container2 .blog-content3 {
padding: 2vw;
background: #f2f7f9;
justify-content: space-between;
}
.blog-comfort-container2 .blog-content3 .blog-content3-item {
width: 33%;
background: #fff;
padding-bottom: 2%;
}
.blog-comfort-container2 .blog-content3 .blog-content3-item .h-style,
.blog-comfort-container2 .blog-content3 .blog-content3-item .p-style {
margin: 1vw;
}
.blog-comfort-container2 .blog-content3 .blog-content3-item .h-style {
color: #2f2f2f ;
font-size: 18px ;
font-style: normal ;
font-weight: 500 ;
line-height: 42px ;
}
.blog-comfort-container2 .blog-content3 .blog-content3-item .p-style {
color: #666 ;
font-size: 14px ;
font-style: normal ;
font-weight: 400 ;
line-height: 20px ;
}
.blog-comfort-container2 .blog-content3 .blog-content3-item img {
width: 60%;
transform: translateX(67%);
}
.blog-comfort-container3 {
padding-top: 2vw;
}
.blog-comfort-container3 .blog-content1 .blog-content1-left {
width: 50%;
padding: 1% 2%;
background: #f1f1f1;
}
.blog-comfort-container3 .blog-content1 .blog-content1-right {
width: 50%;
}
.blog-comfort-container3 .blog-content1 a {
padding: 2% 6% !important;
margin-top: 1vw;
border-radius: 4px;
border: 1px solid #f1f1f1;
background: #fff;
font-size: 14px !important;
color: #050505 !important;
text-decoration:none !important;
}
.blog-comfort-container3 .blog-content1 .p-style {
margin-top: 3%;
}
.blog-comfort-container3 .blog-content1 .h-style {
margin-top: 6%;
}
.blog-comfort-container3 .blog-content2 .h-style {
margin-top: 2%;
}
.blog-comfort-container3 .blog-content2 .item2 {
margin-top: 2%;
color: #2f2f2f;
}
.blog-comfort-container3 .blog-content2 .item3 {
margin-top: 2%;
font-size: 13px ;
margin-bottom: 0 ;
}
.blog-comfort-container3 .blog-content2 .item4 {
font-size: 13px ;
}
@media (min-width:1500px) {
.blog-comfort-container2 .blog-content3 .blog-content3-item .img-item{
transform: translate(67%,4%);
}
}
@media (min-width:1200px) and (max-width:1500px) {
.blog-comfort-container2 .blog-content3 .blog-content3-item .img-item{
transform: translate(67%,10%);
}
}
@media (min-width:1000px) and (max-width:1200px) {
.blog-comfort-container2 .blog-content3 .blog-content3-item .img-item{
transform: translate(67%,8%);
}
}
@media (min-width:769px) and (max-width:1000px) {
.blog-comfort-container2 .blog-content3 .blog-content3-item .img-item{
transform: translate(67%,0);
}
}
@media (max-width:1200px) {
.blog-comfort-container1 .blog-content1-left,
.blog-comfort-container2 .blog-content1 .h2-style,
.blog-comfort-container2 .blog-centent-left .h-style,
.blog-comfort-container3 .h-style {
font-size: 20px ;
line-height: 30px ;
}
.blog-comfort-container1 .blog-content1-right,
.blog-comfort-container2 .blog-content1 .p-style,
.blog-comfort-container2 .blog-centent-left .p-style,
.blog-comfort-container3 .p-style {
font-size: 14px ;
line-height: 24px ;
}
.blog-comfort-container2 .blog-content3 .blog-content3-item .h-style {
font-size: 16px ;
line-height: 24px ;
}
.blog-comfort-container2 .blog-content3 .blog-content3-item .p-style {
font-size: 12px ;
line-height: 18px ;
}
.blog-comfort-container2 .blog-content5 .blog-content5-item .blog-content5-item-left .p-style{
margin-top: 0;
}
.blog-comfort-container2 .blog-content4 .h-style{
font-size: 20px !important;
line-height: 30px !important;
margin-top: 10% !important;
}
.blog-comfort-container2 .blog-content4 .p-style{
font-size: 14px !important;
line-height: 24px !important;
}
.blog-comfort-container2 .blog-content5 .blog-content5-item-left .h-style{
font-size: 14px !important;
}
.blog-comfort-container2 .blog-content5 .blog-content5-item-left .p-style{
font-size: 12px !important;
line-height: 14px !important;
}
.blog-comfort-container3 .blog-content1-left .p-style{
font-size: 12px !important;
line-height: 14px !important;
}
}
@media (max-width:768px) {
.blog-comfort-container .img-mb{
display: block !important;
}
.blog-comfort-container .img-pc{
display: none !important;
}
.blog-comfort-container1 .blog-content1{
flex-direction: column;
}
.blog-content-flex,
.blog-comfort-container2 .blog-content5 .blog-content5-item{
flex-direction: column;
}
.blog-comfort-container .blog-content1-left,
.blog-comfort-container .blog-content1-right,
.blog-comfort-container2 .blog-centent-left,
.blog-comfort-container2 .blog-content-right{
width: 100% !important;
}
.blog-comfort-container2 .blog-content1 .p-style{
width: 100% !important;
}
.blog-comfort-container2 .blog-content2 .blog-centent-left,
.blog-comfort-container2 .blog-content2 .blog-centent-right,
.blog-comfort-container2 .blog-content3 .blog-content3-item,
.blog-comfort-container2 .blog-content4 .blog-centent-left,
.blog-comfort-container2 .blog-content4 .blog-centent-right,
.blog-comfort-container2 .blog-content5 .blog-content5-item-left,
.blog-comfort-container2 .blog-content5 .blog-content5-item-right,
.blog-comfort-container2 .blog-content5 .blog-content5-item{
width:100% !important;
}
.blog-comfort-container3 .blog-content1 .blog-centent1-left,
.blog-comfort-container3 .blog-content1 .blog-centent1-right{
width:100% !important;
}
.blog-comfort-container1 .blog-content1-left,
.blog-comfort-container2 .blog-content1 .h2-style,
.blog-comfort-container2 .blog-centent-left .h-style,
.blog-comfort-container3 .h-style {
font-size: 16px;
font-style: normal;
}
.blog-comfort-container1 .blog-content1-right,
.blog-comfort-container2 .blog-content1 .p-style,
.blog-comfort-container2 .blog-centent-left .p-style,
.blog-comfort-container3 .p-style {
font-size: 13px !important;
line-height: 20px !important;
}
.blog-comfort-container2 .blog-content5 .blog-content5-item-left .p-style,
.blog-comfort-container3 .blog-content1-left .p-style{
font-size: 13px !important;
line-height: 20px !important;
}
.blog-comfort-container2 .blog-content4 .blog-centent-left{
padding-bottom: 10px;
padding-right: unset !important;
}
.blog-comfort-container2 .blog-content3 .blog-content3-item{
margin-top: 10px;
padding: 10px 0 10px 10px;
}
.blog-comfort-container2 .blog-content1{
text-align: left;
align-items: flex-start;
}
.blog-comfort-container2 .blog-content2 .blog-centent-left .h-style{
margin-top: 0;
}
.blog-comfort-container2 .blog-content2{
margin-top: 20px;
}
.blog-comfort-container2 .blog-content4,
.blog-comfort-container3 .blog-content2 .item3{
margin-top: 20px;
}
.blog-comfort-container2 .blog-content4 .h-style{
font-size: 14px !important;
line-height: 24px !important;
margin-top: 2% !important;
}
.blog-comfort-container3 .p-style{
font-size: 14px !important;
line-height: 24px !important;
}
.blog-comfort-container3 .blog-content1 .h-style{
margin-top: 0;
}
.blog-comfort-container3 .blog-content1 .blog-content1-left{
padding: 10px 10px 20px 10px;
}
.blog-comfort-container3 .blog-content2 .item3, .blog-comfort-container3 .blog-content2 .item4{
font-size: 12px !important;
line-height: 20px !important;
}
.blog-comfort-container3 .blog-content1 a{
padding: 1% 4% !important;
}
.blog-comfort-container1,.blog-comfort-container2{
padding-bottom: 20px;
}
.blog-comfort-container2,.blog-comfort-container3{
padding-top: 20px;
}
}
@media (min-width:1920px) {
.blog-comfort-container2 .blog-content5 .blog-content5-item .blog-content5-item-left .p-style{
margin-top: 30px;
}
.blog-comfort-container1 {
padding-bottom: 40px;
}
.blog-comfort-container1 .blog-content1 {
padding: 40px;
background: #f1f1f1;
}
.blog-comfort-container1 .blog-content2 {
margin-top: 40px;
}
.blog-comfort-container2 {
padding-top: 40px;
padding-bottom: 40px;
}
.blog-comfort-container2 > img {
margin-bottom: 40px;
}
.blog-comfort-container2 .blog-content2 {
padding: 20px 40px 0;
}
.blog-comfort-container2 .blog-content4,
.blog-comfort-container2 .blog-content2{
margin-top: 40px;
}
.blog-comfort-container2 .blog-content3 {
padding: 40px;
}
.blog-comfort-container2 .blog-content3 .blog-content3-item .h-style,
.blog-comfort-container2 .blog-content3 .blog-content3-item .p-style {
margin: 20px;
}
.blog-comfort-container3 {
padding-top: 40px;
}
.blog-comfort-container3 .blog-content1 a {
margin-top: 20px;
}
.blog-comfort-container2 .blog-content5 .blog-content5-item .blog-content5-item-left {
padding: 20px !important;
}
.blog-comfort-container2 .blog-content5 .blog-content5-item .blog-content5-item-left .p-style{
margin-top: 40px;
}
}
-->
