/* font-size */
.fs24 {font-size: 24px;}

/* font-weight */
.bold {font-weight: bold;}
sup {font-weight: normal;}

/* color */
.vert {color: #0A544E;}
.orange {color: #EB7D57;}
.white {color: #ffffff!important;}

/* text-align */
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}

/* display */
.dnone {display: none;}

/* Titles */
h1 {font-size: 56px; line-height: 60px; font-weight: 400; margin-bottom: 30px;}
h1 strong br {display: none;}

/* Buttons */
.btn {display: block; padding: 20px 30px; text-align: center; background-color: #FFFFFF; text-decoration: none; text-transform: uppercase; color: #EB7D57; font-size: 16px; font-weight: 700; box-shadow: 0 3px 6px #00000029; transition: all 0.15s ease-in-out; position: relative;}
.btn:after {content: '\f054'; font-family: 'Font Awesome 5 Free'; margin-left: 15px; position: absolute; right: 25px; top: 50%; transform: translate(-50%); line-height: 0}
.btn:hover {opacity: 0.6;}

/* iframe */
iframe {max-width: 100%; max-height: 55vw;}

/* Tag */
.tag {font-weight: 700; text-transform: uppercase; font-size: 14px; border: 1px solid #FFFFFF; padding: 3px 10px; margin-bottom: 20px;}

/* image */
img {max-width: 100%; height: auto;}

/* Normalize */
*, ::before, ::after {box-sizing: border-box; margin: 0; padding: 0;}
body * {font-family: 'Open Sans', sans-serif;}
.container {width: 1205px; max-width: 100%; margin: auto;}
p {font-size: 15px; margin-bottom: 30px;}

/* header */
header {position: fixed; background-color: #FFFFFF; z-index: 999; width: 100%; box-shadow: 0 3px 6px #00000029;}
header div {width: 1300px; max-width: 100%; margin: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
header ul {padding: 0; list-style-type: none; display: flex; justify-content: flex-end; align-items: center;}
header ul li {padding: 0 12.5px;}
header ul li a {display: inline-block; text-decoration: none; color: #11443E; font-size: 14px; padding: 35px 0; position: relative;}
header ul li a:before {display: block; content: attr(title); font-weight: 600; height: 0; overflow: hidden; visibility: hidden;}
@media screen and (min-width: 1051px) {
  header ul li a:hover, header ul li a.current {font-weight: 600; color: #EB7D57;}
  header ul li a:hover:after, header ul li a.current:after {content: ''; width: 100%; height: 6px; background-color: #EB7D57; position: absolute; left: 0; bottom: 0;}
}

.burger {display: none; position: relative; width: 25px; height: 25px; border-radius: 3px;}
.burger span {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; margin: 0.0625rem auto 0.525rem -0.75rem; text-indent: -999em; top: 50%; left: 50%; margin-top: -0.0625rem; cursor: pointer;}
.burger span, .burger span:before, .burger span:after {display: block; width: 1.5rem; height: 0.125rem; background-color: #0A544E; transition: 0.3s; opacity: 1;}
.burger span:before, .burger span:after {position: absolute; content: "";}
.burger span:before {top: -0.525rem;}
.burger span:after {top: 0.525rem;}
.burger input {visibility: hidden; position: absolute; width: 0; height: 0;}
.burger input:checked + span {background-color: transparent;}
.burger input:checked + span:before, .burger input:checked + span:after {top: 0px;margin-top: -0.5875rem;}
.burger input:checked + span:before {transform: translateY(0.525rem) rotate(45deg);}
.burger input:checked + span:after {transform: translateY(0.525rem) rotate(-45deg);}

main {padding-top: 92px;}

.section-header {/*background: #64B8BD;*/ background: url("../img/home_header_femme.png"), #8BC8C8; background-size: contain; background-repeat: no-repeat; background-position: 85% center; position: relative; height: 620px; padding-top: 100px; color: #FFFFFF; /*margin-bottom: 380px;*/}
.section-header img {position: absolute; left: 0; bottom: 0;}
.section-header .ctn-img-news {position: absolute; top: 85px; left: 0; width: 100%;}
.section-header .container {position: relative; z-index: 100;}

.news {color: #FFFFFF; background-color: #6B9794; display: flex; justify-content: flex-start; align-items: flex-start; width: 635px; max-width: 100%; margin: -118px auto 0 auto; position: relative;}
.news div {padding: 40px; width: calc(100% - 118px);}
.news .icone {background-color: #0A544E; display: flex; justify-content: center; align-items: center; width: 118px; height: 118px; padding: 0;}
.news h2 {font-weight: 700; font-size: 24px; margin-bottom: 20px;}
.news p {margin-bottom: 0; font-size: 14px; line-height: 22px;}
.news p a {color: #FFFFFF; font-weight: 700;}

.section-techno-demain {background: url('../img/vagues.svg'), #EBF1F1; background-repeat: no-repeat; padding: 0 3% 140px;}
.section-techno-demain div {width: 780px; max-width: 100%; margin: auto; text-align: center;}
.section-techno-demain img {display: block; margin: auto;}
.section-techno-demain h2 {font-size: 42px; color: #0A544E; line-height: 52px; margin-bottom: 30px; font-weight: 400;}
.section-techno-demain h2 strong {color: #EB7D57; display: block; margin-bottom: 20px;}
.section-techno-demain p {font-size: 20px; color: #0A544E;}

.section-grid {display: flex; justify-content: space-between; align-items: stretch; color: #FFFFFF; min-height: 640px;}
.section-grid>* {width: 50vw;}
.section-grid img {object-fit: cover;}
.section-grid div>* {width: calc(1205px / 2); max-width: 100%;}
.section-grid h2 {font-size: 42px; line-height: 52px; font-weight: 400; margin-bottom: 20px;}
.section-grid h3 {font-size: 20px; margin-bottom: 10px;}

.section-grid-1 {background-color: #EB7D57; position: relative;}
.section-grid-1>div:nth-of-type(1)>* {margin-left: auto;}
.section-grid-1>div:nth-of-type(1) .intro {font-size: 24px;}
.section-grid-1>div:nth-of-type(1) {background-color: #EB7D57; padding: 65px 45px 60px; /*width: calc(1205px / 2);*/ max-width: 100%; margin-left: auto;}
.section-grid-1>div:nth-of-type(1) .dflex {display: flex; align-items: baseline; flex-wrap: wrap;}
.section-grid-1>div:nth-of-type(1) .dflex * {width: auto;}
.section-grid-1>div:nth-of-type(1) .dflex h3 {margin-right: 20px;}
.section-grid-1>div:nth-of-type(2) {background-image: url('../img/pompes-patch-ultra-legeres.jpg'); background-size: cover; background-position: 80% 66%;}

.section-grid-2 {background-color: #5B7F70; margin-bottom: 100px; position: relative;}
.section-grid-2 div:nth-of-type(1) {background-image: url('../img/capteurs-de-glucose-miniaturise.jpg'); background-size: cover; background-position: 80% 30%;}
.section-grid-2 div:nth-of-type(2)>* {margin-right: auto;}
.section-grid-2 div:nth-of-type(2) {background-color: #5B7F70; padding: 65px 45px 60px; /*width: calc(1205px / 2);*/ max-width: 100%; margin-right: auto;}
.section-grid-2 .btn {color: #5B7F70;}

.section-gestion-sa h2 {font-size: 42px; font-weight: 400; color: #0A544E; line-height: 52px; margin-bottom: 20px;}
.section-gestion-sa h2 strong {color: #EB7D57;}
.section-gestion-sa .intro {color: #0A544E; text-align: center;}
.section-gestion-sa>div {background: url('../img/vagues.svg'), #EBF1F1; background-repeat: no-repeat; padding-bottom: 75px;}
.section-gestion-sa div div {width: 572px; max-width: 100%; margin: auto;}
.section-gestion-sa div img {margin-bottom: 20px;}
.section-gestion-sa div p {font-size: 16px; color: #0A544E;}
.section-gestion-sa div .btn {background-color: #0A544E; color: #FFFFFF;}

.section-donnees-accesibles {background-color:#70BBC5; padding: 75px 0 90px 0; position: relative; display: flex; justify-content: space-around; align-items: center;}
/* .section-donnees-accesibles img {position: absolute; right: 50%; top: -35px; max-width: inherit;} */
.section-donnees-accesibles div {/*margin-left: 50%;*/ width: 475px; max-width: 50%; text-align: center; color: #FFFFFF;}
.section-donnees-accesibles h2 {font-size: 37px; margin-bottom: 20px; line-height: 38px;}
.section-donnees-accesibles h2:before {content: url('../img/icone-donnees.png'); display: block; margin-bottom: 15px;}
.section-donnees-accesibles p {font-size: 16px; line-height: 24px;}

.section-bonjour-france {background: #335EA8; color: #FFFFFF; padding: 55px 0 95px; position: relative;}
.section-bonjour-france img {position: absolute; top: 87px; left: 0; width: 52vw;}
.section-bonjour-france .container {display: flex; justify-content: space-between;}
.section-bonjour-france .col1 {width: 50%; position: relative; z-index: 2;}
.section-bonjour-france .col1 h2 {font-size: 48px; margin-bottom: 20px;}
.section-bonjour-france .col1 h2 br {display: none;}
.section-bonjour-france .col1 p {font-size: 24px;}
.section-bonjour-france .col1 img {position: absolute;}
.section-bonjour-france .col2 {width: 40%; margin-top: 30px;}
.section-bonjour-france .col2 p {font-size: 16px;}
.section-bonjour-france ul {padding-left: 0; list-style-type: none;}
.section-bonjour-france ul li {padding-left: 44px; position: relative; font-size: 16px; margin-bottom: 20px;}
.section-bonjour-france ul li:before {content: '\f058'; font-family: 'Font Awesome 5 Free'; font-weight: bold; position: absolute; top: 4; left: 0; font-size: 24px;}

.section-apps-smartphones {padding: 110px 3%;}
.section-apps-smartphones *:not(.btn) {color: #ffffff!important;}
.section-apps-smartphones .btn, .section-apps-smartphones .btn:after {color: #F2AAB1;}

.article-bonjour-france {position: relative; margin-left: 52vw; margin-bottom: 13%; width: calc(0.48 * 1205px);}
.article-bonjour-france img {position: absolute; top: -43px; left: 0;}
.article-bonjour-france div {margin-left: 32%; padding-top: 10%;}
.article-bonjour-france h3 {font-weight: 400; font-size: 22px; color: #335EA8; margin-bottom: 20px;}
.article-bonjour-france p {font-size: 16px; color: #335EA8;}

.bloc-sources {max-width: 100%; margin: 0 auto; font-size: 11px; color: #a0a0a0; padding-top: 30px; padding-bottom: 20px; background-color: #F7F7F7;}
.bloc-sources .title {font-size: 24px; margin-bottom: 15px; color: #a0a0a0; cursor: pointer;}
.bloc-sources .title:before {content: '\f078'; font-family: 'Font Awesome 5 Free'; margin-right: 20px; font-weight: bold;}
.bloc-sources.open .title:before {content: '\f077'; font-family: 'Font Awesome 5 Free'; margin-right: 10px;}
.bloc-sources ul {list-style-type: none!important; display: none; padding-left: 0!important; padding-bottom: 20px; color: #999999!important;}
.bloc-sources ul li {margin-bottom: 0!important;}

.bloc-facebook {display: flex; justify-content: space-between; align-items: center; width: 996px; max-width: 100%; margin: auto; padding: 30px; color: #335EA8;}
.bloc-facebook i {font-size: 33px;}
.bloc-facebook p {margin-bottom: 0; font-size: 16px; position: relative; padding-left: 60px;}
.bloc-facebook p:before {content: '\f39e'; font-family: 'Font Awesome 5 Brands'; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 31px;}
.bloc-facebook .btn {background-color: #335EA8; color: #FFFFFF;}

footer {background-color: #1a5e59; display: flex; flex-direction: column; align-items: center; padding-top: 50px; position: relative;}
footer nav {padding: 30px 0 40px;}
footer nav ul {display: flex; justify-content: space-around; align-items: center;}
footer nav a {color: #FFFFFF; text-decoration: none; font-size: 14px;}
footer nav a:hover {opacity: 0.6;}
footer ul {list-style-type: none;}
footer .site-footer {background-color: #0c544f; width: 100%; padding: 40px 0 60px;}
footer .site-footer .container:not(.bloc-sources) {display: flex; justify-content: space-between; align-items: center;}
footer .site-footer .container:not(.bloc-sources) > * {flex: 1;}
footer .credits {color: #FFFFFF; opacity: 0.4; font-size: 15px;}
footer .social {display: flex; justify-content: center;}
footer .social a, footer .download a {margin: 0 7px; transition: all 0.2s ease-in-out;}
footer .social a:hover, footer .download a:hover {opacity: 0.6;}
.btn-top {position: absolute; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; width: 95px; height: 95px; background-color: #FFFFFF; color: #0C544F; text-decoration: none; font-size: 22px; transition: all 0.15s ease-in-out;}
.btn-top:hover {opacity: 0.6;}

/* Formulaire de contact */
.bloc-contact {background-color: #edf2f2; padding: 50px 0;}
.bloc-contact h2 {font-size: 37px; color: #EB7D57; margin-bottom: 20px;}
.bloc-contact p {font-size: 16px; color: #5B7F70;}
.bloc-contact p a {color: #EB7D57;}



.inf{width: 400px; margin-left: auto; margin-right: auto; padding-top: 40px; padding-bottom: 50px;}
.inf input, .inf input[type="radio"]{width: 100%; background-color: transparent; border: 0; border-bottom: 2px solid #ffffff; padding: 15px 5px 15px 5px; font-size: 18px; color: #ffffff; margin:0px 0px 15px 0px; transition: all 0.2s ease-in-out;  outline: 0; cursor: pointer; -webkit-appearance: none;}
.inf input[type="radio"], .inf input[type="checkbox"] {display: none;}
.inf input[type="radio"] + label{color: #fff;}
.inf input[type="radio"] + label:before, .inf input[type="checkbox"] + label:before {content: '\f0c8'; font-family: 'Font Awesome 5 Free'; margin-right: 15px; cursor: pointer;color: #ffffff;}
.inf input[type="radio"]:checked + label:before, .inf input[type="checkbox"]:checked + label:before {content: '\f14a';color: #ffffff;}
input::placeholder, textarea::placeholder{color: #ffffff; font-size: 18px; cursor: pointer;padding: 15px 5px 15px 5px;}
.inf select{width: 100%;display:block;  border: none;box-shadow: none;background-color: transparent;background-image: none;color: #fff;font-size: 18px;border-bottom: 2px solid #ffffff;padding: 15px 5px 15px 5px; margin:0px 5px 15px 5px;cursor: pointer;}
.inf select:focus{border-color: none!important;outline: none;}
textarea {width: 100%; border:none;border-bottom: 2px solid #ffffff;  padding: 15px 20px; background-color: rgb(255,255,255, 0.2);padding: 15px 5px 15px 5px;font-size: 18px; color: #ffffff;outline: 0;transition: all 0.2s ease-in-out;}
input[type="submit"] {display: block; padding: 20px 30px!important; text-align: center; background-color: #FFFFFF!important; text-decoration: none; text-transform: uppercase; color: #70BBC5!important; font-size: 16px!important; font-weight: 700; box-shadow: 0 3px 6px #00000029; transition: all 0.15s ease-in-out!important; position: relative!important;}
input[type="submit"]:hover {opacity: 0.6;}
input[type="submit"]:after {content: '\f054'; font-family: 'Font Awesome 5 Free'; margin-left: 15px; position: absolute; right: 25px; top: 50%; transform: translate(-50%); line-height: 0;}

input:focus, textarea:focus{border-bottom: 1px solid rgb(255,255,255, 0.2);}
.disactive{border-bottom: 2px solid #000;}

#contactform {padding-top: 70px; padding-bottom: 20px; border-radius: 20px;}
#contactform > * {display: block; width: 100%;}
#contactform + .alertform {color: #ffffff; font-size: 14px; line-height: 22px;}
#contactform + .alertform a {color: #ffffff; text-decoration: underline;}
/* #contactform .dflex {display: flex; justify-content: space-between; flex-wrap: wrap;}
#contactform .dflex input {width: 48%; min-width: inherit;} */

/* Pages standards */
main.default-template {padding-top: 130px;}
.default-template h1 {font-weight: 600; color: #0A544E; font-size: 45px; line-height: 50px;}
.default-template h2 {font-weight: 600; color: #EB7D57; margin-bottom: 20px;}
.default-template h3 {font-weight: 400; color: #5B7F70; margin-bottom: 20px;}
.default-template .btn {background-color: #EB7D57; color: #FFFFFF;}
.default-template ul {margin-left: 20px; font-size: 15px;}
.default-template ul li {margin-bottom: 10px;}

.default-template p a {color: #EB7D57;}

/*
 * Pages
 */

.bg-lightsalmon {background-color: #F1A389;}
.bg-coral {background-color: #EB7D57;}
.bg-powderblue {background-color: #9DBAB8;}
.bg-cadetblue {background-color: #8BA59A;}
.bg-ghostwhite {background-color: #EBF1F1;}
.bg-darkcyan {background-color: #5B7F70;}
.bg-teal {background-color: #0A544E;}
.bg-lightseagreen {background-color: #6B9794;}
.bg-pink {background-color: #F2AAB1;}
.bg-lightteal {background-color: #2F6E69;}
.bg-mediumturquoise {background-color: #64B8BD;}
.bg-mediumturquoiselight {background-color: #92CDD1;}
.bg-lightblue {background-color: #A2D4D8;}


.mb0 {margin-bottom: 0!important;}
.mb20 {margin-bottom: 20px;}
 
.pt90 {padding-top: 90px;}
.pb100 {padding-bottom: 100px;}
.pb130 {padding-bottom: 130px;}

.dflex {display: flex!important;}
.jcsb {justify-content: space-between;}
.aicenter {align-items: center;}
.aistart {align-items: flex-start;}
.aistretch {align-items: stretch;}

.gap15 {gap: 15px;}
.gap40 {gap: 40px;}
.gap70 {gap: 70px;}
.gap140 {gap: 140px;}

.page h1 {font-size: 42px; font-weight: bold;}
.page h2 {font-size: 42px; line-height: 52px; margin-bottom: 30px; font-weight: normal; color: #0A544E; text-align: center;}
.page p {font-size: 16px; line-height: 24px; color: #0A544E;}
.page i {font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: bold;}
.page hr {width: 104px; margin: auto; border: 0; border-top: 1px solid #EB7D57; margin-bottom: 60px;}
.page ul {padding-left: 20px; color: #0A544E; list-style-type: square;}
.page ul.list-bullet-orange {list-style-type: none; padding-left: 0;}
.page ul.list-bullet-orange li {position: relative; padding-left: 20px;}
.page ul.list-bullet-orange li::before {content: '\f0c8'; font-family: 'Font Awesome 5 Free'; color: #EA7D56; font-weight: bold; font-size: 7px; position: absolute; left: 0; top: 9px;}
.page ul li {margin-bottom: 20px;;}

.page section {margin-bottom: 70px; max-width: 100%; margin-right: auto; margin-left: auto;}
.ctn {max-width: 100%; margin-right: auto; margin-left: auto;}
.ctn375 {width: 375px;}
.ctn475 {width: 475px;}
.ctn660 {width: 660px;}
.ctn768 {width: 768px;}
.ctn825 {width: 825px;}
.ctn860 {width: 860px;}
.ctn965 {width: 965px;}
.ctn1160 {width: 1160px;}
.ctn1170 {width: 1170px;}

.section-header-page {text-align: center; color: #FFFFFF; height: 545px; display: flex; justify-content: center; align-items: center; position: relative; margin-bottom: 90px;}
.section-header-page .container {width: 670px; max-width: 100%; transform: translateX(-13%);}
.section-header-page p {font-size: 18px; line-height: 26px; color: #ffffff;}
.section-header-page i {font-size: 22px;}
.section-header-page img {height: auto; max-height: 100%; position: absolute; right: 0;}

.grid-page {display: flex; justify-content: center; align-items: stretch; color: #ffffff; padding: 0!important;}
.grid-page > * {width: 50vw; position: relative;}
.grid-page div:not(.thumbnail) {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 5%;}
.grid-page div:not(.thumbnail) > * {width: 450px; max-width: 100%;}
.grid-page h2 {font-size: 32px; line-height: 42px; color: #ffffff; text-align: left;}
.grid-page p em {color: #ffffff; opacity: .7;}
.grid-page ul {color: #ffffff;}
.grid-page .thumbnail {line-height: 0;}
.grid-page .thumbnail img {object-fit: cover; width: 100%; height: 100%;}
.grid-page .tag {background-color: #ffffff; color: #EB7D57; font-size: 16px; display: flex; align-items: center; width: auto!important; padding: 13px 60px 13px 20px; position: absolute; top: 65px; right: 0;}
.grid-page .tag::before {content: url('../img/icone-news-orange.png'); margin-right: 25px;}
.grid-page .ce {width: auto!important; position: absolute; bottom: 5%; right: 5%;}
.section-capteur-touchcare .thumbnail img {object-position: 65%;}

.bloc-display {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; flex: 1; background-color: #ffffff; box-shadow: 0 0 12px #00000026; padding: 75px 45px 60px 45px; margin-bottom: 20px;}
.bloc-display img {margin-bottom: 50px; height: 80px;}
.bloc-display h2 {font-size: 30px; line-height: 36px;}
.bloc-display p {text-align: center;}

.bloc-display-app {flex: 1;}
.bloc-display-app > div:first-of-type {padding: 60px 40px 0; margin-bottom: 25px;}
.bloc-display-app > div:first-of-type p {color: #ffffff; margin-bottom: -30px;}
.bloc-display-app > div:first-of-type img {display: block; margin: auto; transform: translateY(50%);}
.bloc-display-app img {height: auto; margin-bottom: 10px;}

.bg-vagues-bottom {background: url(../img/vagues-2.png); background-repeat: no-repeat; background-position: top center; background-size: cover;}

.section-news {padding-bottom: 92px!important;}
.section-news img {margin: auto; display: block; margin-bottom: 50px;}
.section-news h2 {font-size: 24px; line-height: 30px; color: #ffffff; font-weight: bold;}
.section-news p {color: #ffffff;}

#etude-seecloop {padding-top: 89px; margin-top: -89px;}

/* Responsive */
@media screen and (max-width: 1650px) {
  .section-header-page img {z-index: -1; height: 100%; object-fit: cover;}
  .section-header-page {min-height: 545px; height: auto; padding-top: 40px!important; padding-bottom: 35px!important;}
  .section-header-page.bg-lightsalmon {background-color: #F1A389CC;}
  .section-header-page.bg-cadetblue {background-color: #8BA59ACC;}
  .section-header-page.bg-teal {background-color: #0A544ECC;}
  .section-header-page.bg-pink {background-color: #F2AAB1CC;}
  .section-header-page.bg-mediumturquoise {background-color: #64B8BDE6;}
  .section-header-page .container {transform: none;}
}
@media screen and (max-width: 1500px) {
  .section-header {overflow: hidden;}
  .section-header img {transform: translateY(35%); max-width: 50%;}
}
@media screen and (max-width: 1400px) {
  .news {margin-right: 10%;}
  footer .site-footer {padding-bottom: 110px;}
}
@media screen and (max-width: 1337px) {
  header div {padding-left: 3%; padding-right: 3%;}
}
@media screen and (max-width: 1300px) and (min-width: 1000px) {
  .grid-page .tag {position: relative; top: inherit; right: inherit; align-self: flex-end; margin-right: -5vw;}
}
@media screen and (max-width: 1254px) {
  .container {padding-left: 3%; padding-right: 3%;}
  .section-header .ctn-img-news .container {padding-left: 0; padding-right: 0;}
  .section-header {padding-top: 125px;}
}
@media screen and (max-width: 1205px) {
  .article-bonjour-france {width: 43vw; text-align: center; margin-bottom: 5%;}
  .article-bonjour-france img {position: relative; top: inherit; left: inherit; margin: -70px 0 0 0;}
  .article-bonjour-france div {padding-top: 3%; margin-left: 3%; text-align: left;}
}
@media screen and (max-width: 1200px) {
  .burger {display: block;}
  header.open {border-bottom: 6px solid #EB7D57;}
  header div {padding-top: 15px; padding-bottom: 13px;}
  header nav {width: 100%; display: none; padding-bottom: 30px;}
  header ul {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
  header ul li {padding: 0; width: 100%;}
  header ul li:not(:last-of-type) {border-bottom: 2px solid #EEEEEE;}
  header ul li a {padding: 15px 0; font-size: 18px; width: 100%;}
  main {padding-top: 73px;}
  main.default-template {padding-top: 100px;}
  .page section {padding: 0 5%;}
  .page .section-comment-ca-fonctionne {padding: 0;}
  .page .section-comment-ca-fonctionne .bg-vagues-bottom, .page .section-comment-ca-fonctionne .bg-vagues-bottom + div {padding: 0 5%;}
  .section-applications {padding: 0 5%;}
  #contactform {padding-left: 5%; padding-right: 5%; box-sizing: content-box; max-width: 90%;}
  .alertform {padding: 0 5%;}
  form input:not([type="checkbox"]):not([type="radio"]), form select, form textarea {min-width: inherit;}
  #contactform .dflex {flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
  #contactform .dflex strong {width: 100%; margin-bottom: 20px;}
  #contactform .dflex label {margin-right: 20px;}
  .page .section-comment-ca-fonctionne .bg-vagues-bottom + div img {margin: 50px auto}
  .ctn .dflex, .ctn.dflex, .page section .dflex {flex-direction: column; align-items: center;}
  .dflex.gap140 {gap: 30px;}
  .ctn1170 > div {max-width: 100%;}
  .section-header {background: url('../img/home_header_femme_mobile.png'), #8BC8C8; background-size: auto 90%; background-repeat: no-repeat; background-position: bottom right;}
  #etude-seecloop {padding-top: 73px; margin-top: -73px;}
  .section-news {padding-left: 5%; padding-right: 5%;}
  .section-pompe-patch .dflex, .section-capteur-cgm .dflex {flex-direction: column-reverse!important;}
}
@media screen and (max-width: 1150px) {
  .news {width: 100%; margin: 0;}
}
@media screen and (max-width: 1100px) {
  header ul li {padding: 0 11px;}
}
@media screen and (max-width: 1050px) {
  /* .section-grid>* {width: 100%;}
  .section-grid-1>div:nth-of-type(1), .section-grid-2>div:nth-of-type(2) {transform: inherit;}
  .section-grid-1>div:nth-of-type(1)>*, .section-grid-2>div:nth-of-type(2)>* {margin-left: 0; width: 100%;}
  .section-grid-1>div:nth-of-type(2) {position: absolute; top: -75px; right: 0; width: 35vw; height: 35vw; transform: translateY(-7vw);}
  .section-grid-2 {display: block;}
  .section-grid-2>div:nth-of-type(1) {position: relative; width: 35vw; height: 35vw; transform: translateY(-7vw);} */
  .section-donnees-accesibles div {margin: 0 3% 0 53%; max-width: 44%;}
  .section-grid {flex-direction: column;}
  .section-grid-2 {flex-direction: column-reverse;}
  .section-grid>* {width: 100%; min-height: 80vw; display: flex; flex-direction: column; justify-content: center;}
  .section-grid-1>div:nth-of-type(1)>* {margin-left: 0;}
  /* .section-grid-2 */
}
@media screen and (max-width: 1000px) {
  .grid-page {flex-direction: column;}
  .grid-page > * {width: 100%;}
  .grid-page div:not(.thumbnail) {padding: 13% 10%; order: 1;}
  .grid-page .thumbnail img {height: 75vw;}
  .grid-page h2 {font-size: 25px; line-height: 30px;}
  .grid-page .tag {top: 5%;}
  .section-capteur-touchcare .thumbnail img {object-position: 75%;}

}
@media screen and (max-width: 940px) {
  .section-bonjour-france .col1 h2 br {display: block;}
}
@media screen and (max-width: 930px) {
  /* .section-header {height: auto; padding-top: 0; margin-bottom: 0; }
  .section-header .container {padding: 0;}
  .section-header h1 {background-image: url('../img/medtrum-landscape.jpg'); background-size: cover; background-position: 55%; padding: 35px 2% 45px 2%; margin-bottom: 0;}
  h1 strong br {display: block;}
  .section-header>.container div {display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center;}
  .section-header>.container div img {max-width: 40%; transform: translateY(-17px);}
  .section-header>.container div p {margin: 2%;}
  .section-header>.container div p br {display: none;}
  .section-header .ctn-img-news {position: relative; top: inherit; left: inherit;}
  .section-header .ctn-img-news>img {display: none;} */
  /* .section-grid-1>div:nth-of-type(1), .section-grid-2>div:nth-of-type(2) {padding-left: 3%; padding-right: 3%;} */
  .bloc-facebook {flex-direction: column;}
  .bloc-facebook p {margin-bottom: 20px;}
  .bloc-facebook p br {display: none;}
}
@media screen and (max-width: 880px) {
  /* .section-grid h2 {font-size: 24px; line-height: 30px;}
  .section-grid h2 br {display: none;}
  .section-grid .intro {font-size: 18px;} */
  .section-donnees-accesibles {display: flex; flex-direction: column-reverse; align-items: center;}
  .section-donnees-accesibles img {position: relative; top: inherit; right: inherit; transform: translateX(-19%); max-width: 90vw;}
  .section-donnees-accesibles div {margin-left: 0; max-width: 100%; margin: auto; padding: 0 3%;}
  .section-gestion-sa h2 {font-size: 32px; line-height: 36px; padding: 0 3%;}
  .section-gestion-sa div div {padding: 0 3%;}
  .section-bonjour-france {padding-bottom: 0;}
  .section-bonjour-france .container {flex-direction: column;}
  .section-bonjour-france .col1 {width: 100%;}
  .section-bonjour-france .col1 h2 {text-align: center;}
  .section-bonjour-france .col1 p {text-align: center;}
  .section-bonjour-france img {position: relative; top: inherit; left: inherit; width: 100vw; max-width: 100vw; transform: translateX(-3vw);}
  .section-bonjour-france .col2 {width: 100%;}

  .article-bonjour-france {width: 100%; margin-left: 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  .article-bonjour-france img {margin: 0;}
  .article-bonjour-france h3 {font-size: 20px; line-height: 24px; width: auto;}
  .article-bonjour-france p {font-size: 13px;}

  /* .article-bonjour-france {width: 100%; margin-left: 0;}
  .article-bonjour-france img {position: relative; left: inherit; top: inherit; display: block; margin: -12.5vw auto 20px auto; max-width: 25%;}
  .article-bonjour-france div {padding-top: 0; margin: 0 3%;} */

  footer nav ul {flex-direction: column;}
  footer nav ul li {margin-bottom: 20px; text-align: center;}
  footer .site-footer .container {flex-direction: column;}
  footer .social {margin-bottom: 25px;}
  footer .download {margin-bottom: 30px;}
  footer .credits {order: 3;}
  .btn-top {right: 50%; transform: translateX(50%); width: 80px; height: 80px;}
}
@media screen and (max-width: 840px) {
  /* .section-grid-1 {flex-direction: column-reverse;}
  .section-grid-1>div:nth-of-type(1) {padding: 0 3% 50px;}
  .section-grid-1>div:nth-of-type(1) h2 br {display: none;}
  .section-grid-1>div:nth-of-type(2) {position: relative; margin-left: auto; width: 50vw; height: 50vw; top: 0;}
  .section-grid-2>div:nth-of-type(1) {position: relative; margin-right: auto; width: 50vw; height: 50vw;} */
}
@media screen and (max-width: 800px) {
  .section-techno-demain {padding-bottom: 30px;}
  .section-header-capteur-glucose img, .section-header-contact img {object-position: left;}
  .section-header-applications img {object-position: right;}
}
@media screen and (max-width: 760px) {
  .section-header h1 {font-size: 50px; line-height: 52px;}
  .section-techno-demain h2 {font-size: 32px; line-height: 36px;}
  .section-techno-demain p {font-size: 16px;}
}
@media screen and (max-width: 700px) {
  .grid-page .tag {position: relative; top: inherit; right: inherit; align-self: flex-end; margin-right: -10vw;}
  .section-header {padding-top: 7%;}
}
@media screen and (max-width: 600px) {
  .default-template h1 {font-size: 30px; line-height: 32px;}
  .news h2 {font-size: 18px;}
  .news div {padding: 3%;}
  /* .section-grid-1>div:nth-of-type(2), .section-grid-2>div:nth-of-type(1) {width: 75vw; height: 75vw;} */
  .section-gestion-sa .intro {font-size: 16px;}
  .section-donnees-accesibles h2 {font-size: 32px; line-height: 36px;}
  .section-bonjour-france .col2 p, .section-bonjour-france ul li {font-size: 13px;}
  /* .article-bonjour-france h3 {font-size: 18px;}
  .article-bonjour-france p {font-size: 13px;} */
  .bloc-facebook p {font-size: 13px;}
  .btn {font-size: 12px; padding: 15px 20px;}
  footer .download {display: flex;}
  footer .credits {text-align: center;}
  #contactform .dflex input {width: 100%;}
  .page h1 {font-size: 36px; line-height: 42px;}
  .page h2 {font-size: 30px; line-height: 35px;}
  .page p {font-size: 16px; line-height: 24px;}
  .bloc-display {padding: 70px 10% 13% 10%;}
  .section-news h2 {font-size: 20px; line-height: 24px;}
  .section-grid h2 {font-size: 25px; line-height: 30px;}
  .section-grid .fs24 {font-size: 18px; line-height: 25px;}
  .section-header h1 {font-size: 28px; line-height: 31px;}
  .section-header .fs24 {font-size: 15px; line-height: 20px;}
  .section-header {background-size: 35% auto; height: 400px;}
  .section-gestion-sa>div {padding-bottom: 30px;}
}
@media screen and (max-width: 500px) {
  .grid-page .tag {padding: 13px 20px; max-width: 100vw!important;}
}
@media screen and (max-width: 450px) {
  .article-bonjour-france {position: relative; padding-bottom: 50px;}
  .article-bonjour-france div {padding-top: 0; margin-left: 0;}
  .article-bonjour-france h3 {padding: 30px 20px;}
  .article-bonjour-france h3 br {display: none;}
  .article-bonjour-france p {position: absolute; margin-bottom: 0; bottom: 0; left: 3%; max-width: 94%;}
}
@media screen and (max-width: 400px) {
  .btn:after {position: relative; top: inherit; right: inherit;}
}
@media screen and (max-width: 350px) {
  .article-bonjour-france img {width: 100px;}
}