html{scroll-behavior: smooth;}
*{font-family: Oscine;}
a{text-decoration: none;transition: .3s;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .3s;}
svg path{transition: .3s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.align-items-center{align-items: center;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;}
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;} :root {
--white: #fff ;
--black: #000 ;
--pink: #DD3A6A ;
--blue: #244490 ;
--grey: #8F8F8F ;
}
body.not-scroll{overflow: hidden;}
body{overflow-x: hidden;position: relative;}
.grecaptcha-badge { 
visibility: hidden;
} .btn{color: var(--blue); font-family: Oscine; font-size: 18px; font-style: normal; font-weight: 400; line-height: 18px;padding: 15px 30px;border: 1px solid var(--blue);display: inline-flex;border-radius: 40px;gap: 20px;align-items: center;}
.btn:hover{background-color: var(--blue);color: var(--white);box-shadow: -10px 10px 20px 0px #D7D7D7;}
.btn:hover svg path{fill: var(--white);}
.btn-arrow{position:relative; margin-right: 20px;;color: var(--blue); font-family: Oscine; font-size: 18px; font-style: normal; font-weight: 400; line-height: 18px;padding: 15px 30px;padding-right: 50px; border: 1px solid var(--blue);display: inline-flex;border-radius: 40px;gap: 20px;align-items: center;}
.btn-arrow:after{position: absolute;top: 50%;right: 20px;transform: translateY(-50%);content: '';background-image: url(//biwako.fr/wp-content/themes/biwako/img/arrow-blue.svg);background-size: contain;width: 12px;height: 12px;}
.btn-arrow:hover{background-color: var(--blue);color: var(--white);box-shadow: -10px 10px 20px 0px #D7D7D7;}
.btn-arrow:hover:after{background-image: url(//biwako.fr/wp-content/themes/biwako/img/arrow-white.svg);} header{position: relative;}
header .desktop-menu{padding: 40px 0;display: flex;align-items: center;}
header .desktop-menu .logo{width: 16.66666667%;margin-left: 16.66666667%;}
header .desktop-menu .logo svg{display: block;}
header .desktop-menu .main-navigation{width: 41.66666667%;display: flex;justify-content: flex-end;} 
header .desktop-menu .main-navigation ul{gap: 40px;}
header .desktop-menu .main-navigation ul.menu>li{position: inherit;}
header .desktop-menu .main-navigation ul li a{color: var(--blue,); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;position: relative;}
header .desktop-menu .main-navigation ul li.menu-item-has-children>a{padding-right: 20px;}
header .desktop-menu .main-navigation ul li.menu-item-has-children>a::after{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 12px;height: 10px;background-image: url(//biwako.fr/wp-content/themes/biwako/img/dropdown.svg);background-size: contain;background-position: center;}
header .desktop-menu .main-navigation ul li .sub-menu{    padding: 45px 0; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 66.66666667%; border-radius: 40px; border: 2px solid #F1F1F1; background: var(--white); opacity: 0;visibility: hidden; display: flex; justify-content: center;align-items: center;transition: .5s;gap: 20px;z-index: 9999;}
header .desktop-menu .main-navigation ul li.open .sub-menu{opacity: 1;visibility: visible;}
header .desktop-menu .main-navigation ul li .sub-menu li{width: 25%;position: relative;padding-left: 65px;}
header .desktop-menu .main-navigation ul li .sub-menu li.professionnel::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background-image: url(//biwako.fr/wp-content/themes/biwako/img/sous-menu/professionnel.svg);background-size: contain;background-position: center;transition: .3s;}
header .desktop-menu .main-navigation ul li .sub-menu li.industriel::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background-image: url(//biwako.fr/wp-content/themes/biwako/img/sous-menu/industriel.svg);background-size: contain;background-position: center;transition: .3s;}
header .desktop-menu .main-navigation ul li .sub-menu li.patient::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background-image: url(//biwako.fr/wp-content/themes/biwako/img/sous-menu/patient.svg);background-size: contain;background-position: center;transition: .3s;}
header .desktop-menu .main-navigation ul li .sub-menu li.cro::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background-image: url(//biwako.fr/wp-content/themes/biwako/img/sous-menu/cro.svg);background-size: contain;background-position: center;transition: .3s;}
header .desktop-menu .main-navigation ul li .sub-menu li.crb::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background-image: url(//biwako.fr/wp-content/themes/biwako/img/sous-menu/crb.svg);background-size: contain;background-position: center;transition: .3s;}
header .desktop-menu .main-navigation ul li .sub-menu li.eds::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background-image: url(//biwako.fr/wp-content/themes/biwako/img/sous-menu/eds.svg);background-size: contain;background-position: center;transition: .3s;}
header .desktop-menu .main-navigation ul li .sub-menu li a{color: var(--grey); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;}
header .desktop-menu .main-navigation ul li .sub-menu li:hover a{color: var(--blue);}
header .desktop-menu .main-navigation ul li .sub-menu li.professionnel:hover::before{background-image: url(//biwako.fr/wp-content/themes/biwako/img/sous-menu/professionnel-color.svg);transition: .3s;}
header .desktop-menu .main-navigation ul li .sub-menu li.industriel:hover::before{background-image: url(//biwako.fr/wp-content/themes/biwako/img/sous-menu/industriel-color.svg);transition: .3s;}
header .desktop-menu .main-navigation ul li .sub-menu li.patient:hover::before{background-image: url(//biwako.fr/wp-content/themes/biwako/img/sous-menu/patient-color.svg);transition: .3s;}
header .desktop-menu .main-navigation ul li .sub-menu li.cro:hover::before{background-image: url(//biwako.fr/wp-content/themes/biwako/img/sous-menu/cro-color.svg);transition: .3s;}
header .desktop-menu .main-navigation ul li .sub-menu li.crb:hover::before{background-image: url(//biwako.fr/wp-content/themes/biwako/img/sous-menu/crb-color.svg);transition: .3s;}
header .desktop-menu .main-navigation ul li .sub-menu li.eds:hover::before{background-image: url(//biwako.fr/wp-content/themes/biwako/img/sous-menu/eds-color.svg);transition: .3s;}
header .desktop-menu .lang {width:8.33333333%;position: relative;display: flex;align-items: center;justify-content: flex-end;}
header .desktop-menu .lang>img{width: 42px;height: 32px;cursor: pointer;padding: 5px;border-radius: 4px;border: 1px solid var(--blue);}
header .desktop-menu .lang.on>img{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-bottom: none;}
header .desktop-menu .lang .sub-menu{right: 0px;top: -500px;z-index: 9995;opacity: 0;transition: opacity .3s;position: absolute;visibility: hidden;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;border: 1px solid var(--blue);border-top: none;}
header .desktop-menu .lang.on .sub-menu{top:32px;height: auto;gap: 0; flex-direction: column;display: flex;opacity: 1;transition: opacity .3s;visibility: visible;}
header .desktop-menu .lang .sub-menu li{list-style: none;padding: 0 5px 5px;}
header .desktop-menu .lang .sub-menu li a img{width: 30px;height: 20px;display: block;}
header .desktop-menu .burger{display:none;width:8.33333333%;position: relative;align-items: center;justify-content: flex-end;}
header .desktop-menu .burger svg{display: block;}
header.header-blue{background-color: var(--blue);}
header.header-blue .desktop-menu .main-navigation ul li a{color:var(--white)}
header.header-blue .desktop-menu .lang>img{border-color: var(--white);}
header.header-blue .desktop-menu .lang .sub-menu{border-color: var(--white);} footer{ background-image: url(//biwako.fr/wp-content/themes/biwako/img/shadow.png);background-position: top center;background-size: contain;background-repeat: no-repeat;padding: 80px 16.66666667%;display: flex;align-items: center;justify-content: space-between;}
footer .logo{}
footer .logo svg{display: block;}
footer .second-navigation{display: flex;justify-content: flex-end;}
footer .second-navigation ul{gap: 20px;display: flex;align-items: center;margin: 0;padding: 0;}
footer .second-navigation ul li{list-style: none;}
footer .second-navigation ul li a{color: var(--blue); font-family: Oscine; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal;} main .page-home{}
main .page-home #entry{padding-bottom: 120px;position: relative;background-image: url(//biwako.fr/wp-content/themes/biwako/img/background-home.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
main .page-home #entry .shadow{position: absolute;z-index: 3;top: 0;left: 0;width: 100%;height: 260px;background-image: url(//biwako.fr/wp-content/themes/biwako/img/shadow.png);background-position: top center;background-size: contain;background-repeat: no-repeat;}
main .page-home #entry .content{display: flex;align-items: center;position: relative;z-index: 5;}
main .page-home #entry .content .text{width: 25%;margin-left: 16.66666667%;padding: 30px 0;}
main .page-home #entry .content .text h1{color: var(--blue); font-family: Oscine; font-size: 40px; font-style: normal; font-weight: 300; line-height: 45px;margin-bottom: 30px;margin-top: 0;}
main .page-home #entry .content .text h1 strong{font-weight: 700;}
main .page-home #entry .content .text h2{color: var(--blue); font-family: Oscine; font-size: 18px; font-style: normal; font-weight: 700; line-height: 28px;}
main .page-home #entry .content .text p{color: var(--blue); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-home #entry .content .text p strong{font-weight: 700;}
main .page-home #entry .content .text li{color: var(--blue); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-home #entry .content .media{width: 50%;margin-left: 8.33333333%;border-top-left-radius: 100px;border-bottom-left-radius: 100px;overflow: hidden;}
main .page-home #entry .content .media img{display: block;width: 100%;object-fit: cover;}
main .page-home #entry .content .media video{display: block;width: 100%;object-fit: cover;}
main .page-home #qui-etes-vous{position: relative;    background: linear-gradient(0deg, white, #f6f6f6);}
main .page-home #qui-etes-vous .content{display: flex;gap: 20px;}
main .page-home #qui-etes-vous .content .media{width: 33.33333333%;border-top-right-radius: 100px;border-bottom-right-radius: 100px;overflow: hidden;}
main .page-home #qui-etes-vous .content .media img{display: block;width: 100%;object-fit: cover;}
main .page-home #qui-etes-vous .content .media video{display: block;width: 100%;height:100%;object-fit: cover;}
main .page-home #qui-etes-vous .content .text{background-color: var(--blue);border-top-left-radius: 100px;border-bottom-left-radius: 100px;overflow: hidden;width: 66.66666667%;padding: 80px 8.33333333%;}
main .page-home #qui-etes-vous .content .text h2{color: var(--color-white, #FFF); font-family: Yeseva One; font-size: 40px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;margin-bottom: 50px;}
main .page-home #qui-etes-vous .content .text .cards{display: flex;gap: 20px;}
main .page-home #qui-etes-vous .content .text .card{display: flex;flex-direction: column;gap: 30px;border-radius: 20px; border: 4px solid #2C3A88;width: 100%;padding: 30px;transition: .3s;align-items: flex-start;}
main .page-home #qui-etes-vous .content .text .card img{width: 60px;}
main .page-home #qui-etes-vous .content .text .card p{color: var(--white); font-family: Oscine; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;margin-bottom: 30px;}
main .page-home #qui-etes-vous .content .text .card .btn{color: var(--white);border-color: var(--white);margin-top: auto;margin-left: auto;}
main .page-home #qui-etes-vous .content .text .card:hover{background-color: var(--white);border-color: white;}
main .page-home #qui-etes-vous .content .text .card:hover p{color: var(--blue);}
main .page-home #qui-etes-vous .content .text .card:hover .btn{color: var(--blue);border-color: var(--blue);}
main .page-home #qui-etes-vous .content .text .card:hover .btn svg path{fill: var(--blue);}
main .page-home #qui-etes-vous .content .text .card .btn:hover{color: var(--white);}
main .page-home #qui-etes-vous .content .text .card .btn:hover svg path{fill: var(--white);}
main .page-home #missions-biwako{position: relative;padding: 120px 0;}
main .page-home #missions-biwako .content{display: flex;align-items: center;}
main .page-home #missions-biwako .content .media{width: 50%;border-top-right-radius: 100px;border-bottom-right-radius: 100px;overflow: hidden;}
main .page-home #missions-biwako .content .media img{display: block;width: 100%;object-fit: cover;}
main .page-home #missions-biwako .content .media video{display: block;width: 100%;height:100%;object-fit: cover;}
main .page-home #missions-biwako .content .text{width: 25%;margin-left: 8.33333333%;}
main .page-home #missions-biwako .content .text h2{color: var(--blue); font-family: Oscine; font-size: 40px; font-style: normal; font-weight: 300; line-height: 45px;margin-top: 0;margin-bottom: 30px;}
main .page-home #missions-biwako .content .text h2 strong{font-weight: 700;}
main .page-home #missions-biwako .content .text p{color: var(--blue); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;} main .page-vous-etes{}
main .page-vous-etes #content{}
main .page-vous-etes #content .title{padding: 100px 0;background-color: var(--blue);}
main .page-vous-etes #content .title h1{color: #FFF; font-family: Oscine; font-size: 38px; font-style: normal; font-weight: 300; line-height: 38px;margin: 0;width: 25%;margin-left: 16.66666667%;}
main .page-vous-etes #content .title h1 span{color: var(--pink); font-family: Yeseva One; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-vous-etes #content .title h1 strong{font-weight: 700;}
main .page-vous-etes #content .title svg{display: inline-block;}
main .page-vous-etes #content .content_1{padding: 0 0 100px;display: flex;}
main .page-vous-etes #content .content_1 .text_1{width: 25%;margin-left: 16.66666667%;padding: 80px 0;}
main .page-vous-etes #content .content_1 .text_1 p{color: var(--blue); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-vous-etes #content .content_1 .text_1 p:last-of-type{margin-bottom: 0;}
main .page-vous-etes #content .content_1 .media_1{width: 33.33333333%;margin-left: 8.33333333%;border-radius: 80px;overflow: hidden;    margin-top: -260px;}
main .page-vous-etes #content .content_1 .media_1 video{display: block;width: 100%;height: 100%;object-fit: cover;}
main .page-vous-etes #content .content_1 .media_1 img{display: block;width: 100%;height: 100%;object-fit: cover;}
main .page-vous-etes #content .content_2{display: flex;align-items: center;padding-bottom: 100px;}
main .page-vous-etes #content .content_2 .text_2{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-vous-etes #content .content_2 .text_2 p{color: var(--blue); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-vous-etes #content .content_2 .media_2{ border-radius: 0px 80px 80px 0px;width: 41.66666667%;overflow: hidden;}
main .page-vous-etes #content .content_2 .media_2 video{display: block;width: 100%;height: 100%;object-fit: cover;}
main .page-vous-etes #content .content_2 .media_2 img{display: block;width: 100%;height: 100%;object-fit: cover;} main .page-projets{}
main .page-projets #content{}
main .page-projets #content .title{padding: 100px 0;background-color: var(--blue);}
main .page-projets #content .title h1{color: #FFF; font-family: Oscine; font-size: 40px; font-style: normal; font-weight: 300; line-height: 40px;margin: 0;width: 25%;margin-left: 16.66666667%;}
main .page-projets #content .title h1 strong{font-weight: 700;}
main .page-projets #content .title svg{display: inline-block;}
main .page-projets #content .content{display: flex;}
main .page-projets #content .content .text{width: 25%;margin-left: 16.66666667%;padding: 80px 0;}
main .page-projets #content .content .text p{color: var(--blue); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-projets #content .content .text p:last-of-type{margin-bottom: 0;}
main .page-projets #content .content .media{width: 50%;margin-left: 8.33333333%;border-top-left-radius: 80px;border-bottom-left-radius: 80px;overflow: hidden;    margin-top: -260px;}
main .page-projets #content .content .media video{display: block;width: 100%;height: 100%;object-fit: cover;}
main .page-projets #content .content .media img{display: block;width: 100%;height: 100%;object-fit: cover;} main .page-missions{}
main .page-missions #content{}
main .page-missions #content .content{display: flex;background: var(--blue);}
main .page-missions #content .content h1{color: #FFF; font-family: Oscine; font-size: 40px; font-style: normal; font-weight: 300; line-height: 40px;margin: 0;margin-bottom: 30px;}
main .page-missions #content .content h1 strong{font-weight: 700;}
main .page-missions #content .content svg{display: inline-block;}
main .page-missions #content .content .text{width: 25%;margin-left: 16.66666667%;padding: 100px 0;}
main .page-missions #content .content .text h2{margin-top: 0;margin-bottom: 10px;color: var(--pink); font-family: Oscine; font-size: 18px; font-style: normal; font-weight: 700; line-height: 24px;}
main .page-missions #content .content .text p{color: var(--white); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-missions #content .content .text li{color: var(--white); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-missions #content .content .text p:last-of-type{margin-bottom: 0;}
main .page-missions #content .content .media{width: 50%;margin-left: 8.33333333%;border-top-left-radius: 80px;border-bottom-left-radius: 80px;overflow: hidden;}
main .page-missions #content .content .media video{display: block;width: 100%;height: 100%;object-fit: cover;}
main .page-missions #content .content .media img{display: block;width: 100%;height: 100%;object-fit: cover;} main .page-equipe{}
main .page-equipe #content{position: relative;background-image: url(//biwako.fr/wp-content/themes/biwako/img/background-equipe.jpg);background-position: center;background-size: contain;background-repeat: no-repeat;}
main .page-equipe #content .shadow{position: absolute;z-index: 3;top: 0;left: 0;width: 100%;height: 260px;background-image: url(//biwako.fr/wp-content/themes/biwako/img/shadow.png);background-position: top center;background-size: contain;background-repeat: no-repeat;}
main .page-equipe #content .content{padding: 120px 0;display: flex;align-items: center;}
main .page-equipe #content .content:nth-child(odd){background-color: var(--white);}
main .page-equipe #content .content .media{width: 25%;margin-left: 16.66666667%;border-radius: 80px;overflow: hidden;}
main .page-equipe #content .content .media img{display: block;width: 100%;height: 100%;object-fit: cover;}
main .page-equipe #content .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-equipe #content .content .text h2{margin-top: 0;margin-bottom: 30px;color: var(--blue); font-family: Oscine; font-size: 40px; font-style: normal; font-weight: 300; line-height: 50px;}
main .page-equipe #content .content .text h2 strong{color: var(--pink); font-family: Oscine; font-size: 40px; font-style: normal; font-weight: 700; line-height: 50px;}
main .page-equipe #content .content .text p{color: var(--blue); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-equipe #content .content .text p:last-of-type{margin-bottom: 0;} main .page-contact{}
main .page-contact #content{position: relative;background-color: #F1F1F1;}
main .page-contact #content .content{padding: 120px 0;width: 66.66666667%;margin-left: 16.66666667%;}
main .page-contact #content .content h1{color: var(--pink); font-family: Oscine; font-size: 40px; font-style: normal; font-weight: 700; line-height: 60px;}
main .page-contact #content .content h1 span{color: var(--blue);font-weight: 300;}
main .page-contact #content .content form{display: flex;flex-wrap: wrap;gap: 20px;}
main .page-contact #content .content form .half{width: calc(50% - 10px);}
main .page-contact #content .content form .wpcf7-response-output{width: 100%;}
main .page-contact #content .content form p{margin-bottom: 0;}
main .page-contact #content .content form input{padding: 5px 20px;;width: 100%;border-radius: 20px; border: 2px solid var(--grey); background: #F1F1F1;transition: .3s;margin-bottom: 15px;color: var(--Color-PrimaryBlue, #244490); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-contact #content .content form input:focus{ border: 2px solid var(--blue); background: var(--white);}
main .page-contact #content .content form input::placeholder{color: var(--grey); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-contact #content .content form textarea{height: 270px;padding: 5px 20px;;width: 100%;border-radius: 20px; border: 2px solid var(--grey); background: #F1F1F1;transition: .3s;margin-bottom: 15px;color: var(--Color-PrimaryBlue, #244490); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-contact #content .content form textarea:focus{ border: 2px solid var(--blue); background: var(--white);}
main .page-contact #content .content form textarea::placeholder{color: var(--grey); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-contact #content .content form input[type="checkbox"]{width: auto;margin-bottom: 20px;}
main .page-contact #content .content form .wpcf7-acceptance span{margin: 0;color: var(--grey); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-contact #content .content form .wpcf7-acceptance span a{color: var(--pink);text-decoration:underline;font-weight:400}
main .page-contact #content .content form .wpcf7-acceptance span a:hover{color: #c78296;}
main .page-contact #content .content form input[type="submit"]{float: right;margin-left: auto;cursor: pointer;;transition: .3s;width: auto;color: var(--blue); font-family: Oscine; font-size: 18px; font-style: normal; font-weight: 400; line-height: 18px;padding: 15px 30px;border: 1px solid var(--blue);display: inline-flex;border-radius: 40px;gap: 20px;align-items: center;}
main .page-contact #content .content form input[type="submit"]:hover{background-color: var(--blue);color: var(--white);box-shadow: -10px 10px 20px 0px #D7D7D7;} main .page-activite{}
main .page-activite #content{}
main .page-activite #content .title{padding: 80px 0;background-color: var(--blue);}
main .page-activite #content .title h1{color: #FFF; font-family: Oscine; font-size: 40px; font-style: normal; font-weight: 300; line-height: 40px;margin: 0;width: 25%;margin-left: 16.66666667%;}
main .page-activite #content .title h1 strong{font-weight: 700;}
main .page-activite #content .title img{display: inline-block;}
main .page-activite #content .content{display: flex;}
main .page-activite #content .content .text{width: 25%;margin-left: 16.66666667%;padding: 100px 0;}
main .page-activite #content .content .text p{color: var(--blue); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-activite #content .content .text li{color: var(--blue); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-activite #content .content .text p:last-of-type{margin-bottom: 0;}
main .page-activite #content .content .media{width: 33.33333333%;margin-left: 8.33333333%;border-radius: 80px;overflow: hidden;    margin-top: -160px;height: 100%;}
main .page-activite #content .content .media video{display: block;width: 100%;height: 100%;object-fit: cover;}
main .page-activite #content .content .media img{display: block;width: 100%;height: 100%;object-fit: cover;} main .error-404 {padding:100px 16.666% 100px 16.666%;display:flex;flex-wrap:wrap;}
main .error-404 h1 {color: var(--blue); font-family: Oscine; font-size: 40px; font-style: normal; font-weight: 300; line-height: 40px;margin: 0;}
main .error-404 h2 {margin-top: 30px;margin-bottom: 30px;color: var(--pink); font-family: Oscine; font-size: 25px; font-style: normal; font-weight: 500; line-height: 25px;} main .page-classique{padding: 20px 16.666%;}
main .page-classique h1 {color: var(--blue); font-family: Oscine; font-size: 40px; font-style: normal; font-weight: 300; line-height: 40px;margin-top: 0;}
main .page-classique p{color: var(--blue); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
main .page-classique li{color: var(--blue); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;} @media screen and (max-width: 1650px) {
header .desktop-menu .main-navigation ul{gap: 20px;}
header .desktop-menu .main-navigation ul li .sub-menu{padding: 45px;}
header .desktop-menu .main-navigation ul li .sub-menu li{width: 33.33333333%;}
main .page-home #entry .content{align-items: inherit;}
main .page-home #entry .content .text{margin-left: 8.33333333%;width: 33.33333333%;}
main .page-home #entry .content .media img{height: 100%;}
main .page-home #qui-etes-vous .content .text{    padding: 60px 4.33333333%;}
main .page-home #missions-biwako .content .text{width: 33.33333333%;;}
}
@media screen and (max-width: 1450px) {
header .desktop-menu .logo{margin-left: 8.33333333%;;}
header .desktop-menu .main-navigation{width: 58.33333333%;}
header .desktop-menu .main-navigation ul li .sub-menu{width: 83.33333333%;}
main .page-home #qui-etes-vous .content{gap: 10px;}
main .page-home #qui-etes-vous .content .media{border-top-right-radius: 70px; border-bottom-right-radius: 70px;}
main .page-home #qui-etes-vous .content .text{padding: 40px;    border-top-left-radius: 70px; border-bottom-left-radius: 70px;}
main .page-home #qui-etes-vous .content .text h2{margin-bottom: 30px;font-size: 30px;}
main .page-home #qui-etes-vous .content .text h2 svg{    width: 30px; height: auto;}
main .page-home #qui-etes-vous .content .text .cards{gap: 15px;}
main .page-home #qui-etes-vous .content .text .card{padding: 20px;gap: 15px;}
main .page-home #qui-etes-vous .content .text .card img{width: 50px;}
main .page-home #qui-etes-vous .content .text .card p{margin-bottom: 0;    font-size: 16px;}
main .page-home #qui-etes-vous .content .text .card .btn{padding: 10px 15px; font-size: 16px; gap: 10px;}
main .page-vous-etes #content .title h1{margin-left: 8.33333333%;width: 33.33333333%;}
main .page-vous-etes #content .content_1 .text_1{margin-left: 8.33333333%;width: 33.33333333%;}
main .page-vous-etes #content .content_1 .media_1{width: 41.66666667%;}
main .page-vous-etes #content .content_2 .text_2{width: 41.66666667%;}
main .page-projets #content .title h1{margin-left: 8.33333333%;width: 33.33333333%;}
main .page-projets #content .content .text{width: 33.33333333%;;margin-left: 8.33333333%;}
main .page-missions #content .content .text{width: 33.33333333%;;margin-left: 8.33333333%;}
main .page-equipe #content .content .media{margin-left: 8.33333333%;}
main .page-equipe #content .content .text{width: 50%;}
main .page-contact #content .content{margin-left: 8.33333333%;width: 83.33333333%;}
main .page-activite #content .title h1{margin-left: 8.33333333%;width: 33.33333333%;}
main .page-activite #content .content .text{margin-left: 8.33333333%;width: 33.33333333%;}
main .page-classique{padding: 20px 8.33333333%;}
}
@media screen and (max-width: 1200px) {
header .desktop-menu{padding: 40px 15px;}
header .desktop-menu .logo{margin-left: 0;}
header .desktop-menu .main-navigation{width: 75%}
header .desktop-menu .main-navigation ul li .sub-menu{width: calc(100% - 30px);}
main .page-home #entry .content .text{margin-left: 0;width: 50%;padding: 30px 15px;}
main .page-home #entry .content .media{margin-left: 0;}
main .page-home #missions-biwako .content .media{border-top-right-radius: 70px; border-bottom-right-radius: 70px;}
main .page-home #missions-biwako .content .text{width: 50%;margin-left: 0;padding: 0 15px;}
main .page-home #missions-biwako .content .text h2{margin-bottom: 20px;font-size: 35px;line-height: 35px;}
main .page-vous-etes #content .title{padding: 60px 15px;}
main .page-vous-etes #content .title h1{margin-left: 0;width: 50%;}
main .page-vous-etes #content .content_1{padding: 0 15px;padding-bottom: 80px;}
main .page-vous-etes #content .content_1 .text_1{margin-left: 0;padding: 40px 0;width: 50%;}
main .page-vous-etes #content .content_1 .media_1{margin-top: -215px;}
.page-id-20 main .page-vous-etes #content .content_1 .media_1{margin-top: -190px;}
main .page-vous-etes #content .content_2{padding-bottom: 80px;}
main .page-vous-etes #content .content_2 .media_2{width: 50%;}
main .page-vous-etes #content .content_2 .text_2{padding-right: 15px;}
main .page-projets #content .title{padding: 60px 15px;}
main .page-projets #content .title h1{margin-left: 0;width: 50%;}
main .page-projets #content .content .text{margin-left: 0;padding: 40px 15px;width: 50%;}
main .page-projets #content .content .media{margin-top: -140px;}
main .page-missions #content .content .text{margin-left: 0;padding: 60px 15px;width: 50%;}
main .page-missions #content .content .media{margin-left: 0;}
main .page-equipe #content .content{padding: 60px 15px;}
main .page-equipe #content .content .media{margin-left: 0;width: 33.33333333%;}
main .page-equipe #content .content .text{width: 50%;}
main .page-contact #content .content{margin-left: 0;width: 100%;padding: 80px 15px;}
main .page-activite #content .title{padding: 60px 15px;}
main .page-activite #content .title h1{margin-left: 0;width: 50%;}
main .page-activite #content .content{padding: 0 15px;padding-bottom: 80px;}
main .page-activite #content .content .text{margin-left: 0;padding: 40px 0;width: 50%;}
main .page-activite #content .content .media{width: 41.66666667%;    margin-top: -140px;}
main .page-classique{padding: 20px 15px;}
}
@media screen and (max-width: 980px) {
header .desktop-menu{padding: 15px}
header .desktop-menu .logo{width: 100%;}
header .desktop-menu .main-navigation{display:none}
header .desktop-menu .lang{ width: fit-content;min-width: 52px}
header .desktop-menu .burger{display:flex;cursor:pointer;    width: fit-content;}
header.open{position: fixed; height: 100vh; top: 0; z-index: 9999; left: 0; right: 0; width: 100%; background: white;}
header.open .desktop-menu{position: absolute;top: 0;left: 0;width: 100%;z-index: 9999;background-color: var(--white);}
header.open.header-blue .desktop-menu .logo svg path.white{fill: var(--blue);}
header.open.header-blue .burger svg path{fill: var(--blue);}
header.open.header-blue .desktop-menu .lang>img{border-color: var(--blue);}
header.open.header-blue .desktop-menu .lang .sub-menu{border-color: var(--blue);}
header.open .mobile-menu{height: calc(100vh - 70px);position: absolute;left: 0;top: 70px;padding: 15px;width: 100%;}
header.open .mobile-menu .main-navigation{width: 100%;} 
header.open .mobile-menu .main-navigation ul{gap: 20px;flex-direction: column;}
header.open .mobile-menu .main-navigation ul.menu>li{position: inherit;}
header.open .mobile-menu .main-navigation ul li a{color: var(--blue,); font-family: Oscine; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;position: relative;}
header.open .mobile-menu .main-navigation ul li .sub-menu{padding: 15px 15px; position: relative;width: 100%; display: flex;gap: 15px;}
footer{padding: 40px 15px;flex-direction: column;gap: 20px;}
footer .second-navigation ul{flex-direction: column;gap: 10px;}
main .page-home #entry{padding-bottom: 0px;}
main .page-home #entry .content{flex-wrap: wrap;}
main .page-home #entry .content .text{width: 100%;}
main .page-home #entry .content .text h1{font-size: 30px;line-height: 35px;margin-bottom: 20px;}
main .page-home #entry .content .media{width: 100%;border-radius: 0;}
main .page-home #qui-etes-vous .content{flex-wrap: wrap;gap: 0;}
main .page-home #qui-etes-vous .content .media{width: 100%;border-radius: 0;order: 2;display: none;}
main .page-home #qui-etes-vous .content .text{width: 100%;border-radius: 0;order: 1;padding: 40px 15px;}
main .page-home #qui-etes-vous .content .text .cards{flex-wrap: wrap;}
main .page-home #qui-etes-vous .content .text .cards .card{width: 100%;}
main .page-home #missions-biwako{padding: 40px 0;padding-bottom: 0;}
main .page-home #missions-biwako .content{flex-wrap: wrap;}
main .page-home #missions-biwako .content .media{width: 100%;order: 2;border-radius: 0;}
main .page-home #missions-biwako .content .text{width: 100%;order: 1;padding-bottom: 30px;}
main .page-home #missions-biwako .content .text .btn-arrow{padding: 10px 15px; padding-right: 30px; font-size: 16px;margin-right: 15px;}
main .page-home #missions-biwako .content .text .btn-arrow:after{right: 10px;}
main .page-vous-etes #content .title{padding: 30px 15px;}
main .page-vous-etes #content .title h1{width: 100%;font-size: 30px;line-height: 30px;}
main .page-vous-etes #content .title h1 span{font-size: 22px;}
main .page-vous-etes #content .title h1 img{width: 8px;}
main .page-vous-etes #content .content_1{padding: 40px 0;flex-wrap: wrap;gap: 20px;}
main .page-vous-etes #content .content_1 .text_1{width: 100%;padding: 0 15px;}
main .page-vous-etes #content .content_1 .media_1{width: 100%;margin-top: 0;border-radius: 0;margin-left: 0;}
.page-id-20 main .page-vous-etes #content .content_1 .media_1{margin-top: 0px;}
main .page-vous-etes #content .content_2{flex-wrap: wrap;gap: 20px;padding-bottom: 0;}
main .page-vous-etes #content .content_2 .media_2{width: 100%;border-radius: 0;order: 2;}
main .page-vous-etes #content .content_2 .text_2{width: 100%;order: 1;margin-left: 0;padding: 0 15px;}
main .page-vous-etes #content .content_2 .text_2 .btn-arrow{padding: 10px 15px; padding-right: 30px; font-size: 16px;margin-right: 15px; margin-bottom: 15px;}
main .page-vous-etes #content .content_2 .text_2 .btn-arrow:after{right: 10px;}
main .page-projets #content .title{padding: 30px 15px;}
main .page-projets #content .title h1{width: 100%;font-size: 30px;line-height: 30px;}
main .page-projets #content .title h1 img{width: 8px;}
main .page-projets #content .content{padding: 40px 0 0;flex-wrap: wrap;gap: 20px;}
main .page-projets #content .content .text{width: 100%;padding: 0 15px;}
main .page-projets #content .content .media{width: 100%;margin-top: 0;border-radius: 0;margin-left: 0;}
main .page-missions #content .content{padding: 40px 0 0;flex-wrap: wrap;gap: 20px;}
main .page-missions #content .content .text{width: 100%;padding: 0 15px;}
main .page-missions #content .content .text h1{width: 100%;font-size: 30px;line-height: 30px;}
main .page-missions #content .content .text h1 img{width: 8px;}
main .page-missions #content .content .media{width: 100%;margin-top: 0;border-radius: 0;margin-left: 0;}
main .page-equipe #content .content{padding: 40px 15px;flex-wrap: wrap;gap: 20px;}
main .page-equipe #content .content .media{width: 100%;order: 2;}
main .page-equipe #content .content .text{margin-left: 0;width: 100%;order: 1;}
main .page-equipe #content .content .text h2{font-size: 30px;line-height: 30px;margin-bottom: 15px;}
main .page-equipe #content .content .text h2 strong{font-size: 30px;line-height: 30px;}
main .page-contact #content .content{padding: 40px 15px;}
main .page-contact #content .content h1{font-size: 30px;line-height: 30px;}
main .page-contact #content .content form .half{width: 100%;}
main .page-contact #content .content form .half .wpcf7-form-control-wrap:last-of-type input{margin-bottom: 0;}
main .page-activite #content .title{padding: 30px 15px;}
main .page-activite #content .title h1{width: 100%;font-size: 30px;line-height: 30px;}
main .page-activite #content .title h1 span{font-size: 22px;}
main .page-activite #content .title h1 img{width: 8px;}
main .page-activite #content .content{padding: 40px 0 0;flex-wrap: wrap;gap: 20px;}
main .page-activite #content .content .text{width: 100%;padding: 0 15px;}
main .page-activite #content .content .media{width: 100%;margin-top: 0;border-radius: 0;margin-left: 0;}
main .error-404 {padding:40px 15px;display:flex;flex-wrap:wrap;}
main .page-classique h1{font-size: 30px;}
}