@charset "UTF-8";
/* CSS Document */

html, body {height:100%;}
html{font-size: 62.5%;}
body{margin: 0 auto;padding:0;overflow-x:hidden;position: relative;width:100%;background:#fff;font-family: 'Lexend', sans-serif;font-weight:300;color:#1F354A;transition: all 0.4s ease-in-out;font-size: 15px;}

main{padding:0 80px}

.container, .contDemi, .contSml, .content{position:relative;display:block;margin:0 auto;width:100%}
.container{max-width:1400px;}
.contSml{max-width:1000px;}
.contDemi{max-width:700px;}

.padSml{padding:25px;}
.padMedium{padding:40px;}
.padLarge{padding:80px;}

.padVertiSml{padding-top:25px;padding-bottom: 25px;}
.padVertimedium{padding-top:40px;padding-bottom: 40px;}
.padVertiLarge{padding-top:80px;padding-bottom: 80px;}
.padVertiXLarge{padding-top:160px;padding-bottom: 160px;}

.topSml{margin-top:20px}
.topMedium{margin-top:40px}
.topLarge{margin-top:60px}

.bottomSml{margin-bottom:20px}
.bottomMedium{margin-bottom:40px}
.bottomLarge{margin-bottom:60px}


a{color:inherit;font-weight: bold; text-decoration:none;transition: all ease-in-out .3s;}
a:focus{outline:0;}
a[href^=tel]{color:inherit;text-decoration:none;} 


img{max-width:100%;}
hr{border:none;border-top:1px solid #ccc;margin:40px 0}
table{border-collapse:collapse}


.center{text-align:center;} 
.left{text-align:left;} 
.right{text-align:right;} 
.uppercase{text-transform:uppercase;}

.block{display:block;}
.inline{display:inline-block}
.none{display:none;} 

.flt-lf{float:left}
.flt-rg{float:right}
.clear{clear:both;}

.height100{height: 100%;min-height: 100%}
.width100{width:100%}

.centerContentAll{position: absolute;top:50%; left: 50%;transform: translate(-50%, -50%);}
.centerContentY{position: absolute;top:50%;transform: translateY(-50%);}
.centerContentX{position: absolute;left:50%;transform: translatex(-50%);}

.translateUp50{transform:translateY(-50%);margin-bottom: -100px;}
.translateUp25{transform:translateY(-25%);margin-bottom: -100px;}


/* COULEUR */
.blanc{color:#fff;}
.bleu{color:#008fd3 ;}
.bleuPale{color:#52B4D0}
.marine{color:#1F354A}

.bckBleu{background:#008fd3;}
.bckPale{background:#EEF7FA;}
.bckMarine{background:rgb(31, 53, 74);}
.bckBleuPale{background:#52B4D0;}

.boxShadow{box-shadow: 0 0 5px rgba(31, 53, 74,0.1)}

/* TEXTE */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5 .h5, h6, .h6 {line-height:1.4;}
h1, .h1{font-size:42px;font-weight:400;}
h2, .h2{font-size:36px;font-weight:800;}
h3, .h3{font-size:24px;font-weight:400;}
h4, .h4{font-size:18px;font-weight:800;}
h5, .h5{font-size:18px;font-weight:400;}
h6, .h6{font-size:16px;font-weight:800;}

.blanc p, .blanc li{color:#fff;}


p, li{font-size:16px;line-height:2;margin:20px 0;color:#555}
p + p{margin:0 0 20px} 
p:first-child{margin-top:0!important}
p:last-child{margin-bottom:0!important}

ol, ul{margin:20px 0 20px 20px}
ul{list-style-type:none;} .center ul{margin:20px 10px}
ul li, ol li{margin:0 0 10px 0px;}
ul li:before{content:" • ";display: inline-block;font-weight:bold;width: 15px;color:#008fd3;vertical-align: middle;margin-left: -15px}

.bt a{padding:15px 35px;display:inline-block;color: #fff;text-decoration: none;transition:all 0.2s ease-in-out;border-radius: 15px 15px 15px 0;font-size: 14px;border-width: 3px;border-style: solid;}


.bt a.bckMarine{border-color:#1F354A}
.bt a.bckBleu{border-color:#008fd3}
.bt a.bckBleuPale{border-color:#52B4D0}

.bt a.bckMarine:hover{border-color:#162738;background:#162738 ;}
.bt a.bckBleu:hover{border-color:#0079b2;background:#0079b2}
.bt a.bckBleuPale:hover{border-color:#409cb6;background:#409cb6}

.bt a.borderBleu{background:transparent;border:3px solid #008fd3;color:#008fd3;border-radius:  15px   15px 0  15px ;}
.bt a.borderBleu:hover{border-color:#1F354A;color:#1F354A;}


.home header{background:rgba(255, 255, 255, 0);height:90px;}
.home header .mainNav a{color:#1F354A}
.home header .mainNav .bt a{color:#fff} 
.home header .mainNav .bt a.borderBleu{color:#008fd3} 
.home header.sticky .mainNav .bt a.borderBleu{color:#fff} 

header{width:100%;margin:0;height:90px;z-index:100;background:rgba(31,53,74, 1); position: fixed;top: 0;padding:0 40px;transition: all 0.4s ease-in-out;}
header.sticky{background:rgba(31, 53, 74, 1);box-shadow: 0 0 5px rgba(31,53,74,0.4);} header.nav-up {top: -100px;}

header .logo{float:left;width:auto}
header .logo img{-moz-transition:all 0.4s ease-in-out;transition: all 0.4s ease-in-out;position: absolute}
header .logo img.logoBlanc, header .logo img.logoColor{-moz-transition:all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
header .logo img.logoBlanc{opacity:0;margin-top:20px} header.sticky .logo img.logoBlanc, .page header .logo img.logoBlanc{opacity:1}
header .logo img.logoColor{opacity:1;margin-top:40px} header.sticky .logo img.logoColor, .page header .logo img.logoColor{opacity:0}

header #navMenu{position:absolute;right:0;width: auto;}
header .mainNav{margin:40px auto 0;display:block;text-align: right;}
header .mainNav a{display:inline-block;padding:0 15px 0;font-size: 13px;font-weight: 400;color:#fff}
header .bt{display:inline-block;margin:0 0 0 15px}
header .bt a{font-size:12px;padding:7px 16px;font-weight: 800;color:#fff}

header .bt a.borderBleu:hover{background-color:#fff;color:#1F354A!important}
/* header.sticky .bt a.bckMarine:hover{background:#red} */
header.sticky .mainNav .bt .bckMarine:hover, .page header .mainNav .bt .bckMarine:hover{border-color:#409cb6;background:#409cb6}


header.sticky .mainNav, .page header .mainNav{margin-top:20px}
header.sticky .mainNav a, .page header .mainNav a{color:#fff}
header.sticky .mainNav .bt .borderBleu, .page header .mainNav .bt .borderBleu{border-color: #fff;}
header.sticky .mainNav .bt .bckMarine, .page header .mainNav .bt .bckMarine{background: #52B4D0;border-color:#52B4D0 ;}

span#menuMob, .closebtn {display:none}

#headhome{position:relative;background:url("../img/slider/fond-slide1.jpg") no-repeat center center / cover fixed ;height:600px;margin:0}
#headhome .imgSlide{position:absolute;right:0;bottom:0;z-index: 0;width:auto;max-height:80%;max-width: 60%;}
#headhome h1{max-width: 49%;z-index: 99;}

.serviceHome{transform: translateY(200px);margin-top:-200px;padding:0 80px}
.serviceHome .noMarg{min-height:400px}
.serviceHome .noMarg a{display:block}
.serviceHome img{float: right;transition: all 0.2s ease-in-out;}
.serviceHome h2{position:absolute;bottom:40px;right:40px}
.serviceHome h3{font-weight:800;text-align: right;position:absolute;bottom:40px;width:calc(100% - 80px);transition: all 0.2s ease-in-out;}

.serviceHome .bckBleu,
.serviceHome .bckBleuPale,
.serviceHome .bckMarine{background-position: left -30px center;background-repeat: no-repeat;background-size:auto 90%;transition: all 0.2s ease-in-out;}
.serviceHome .bckBleu {background-image:url(../img/picto/centre-prelevement.svg);}
.serviceHome .bckBleuPale {background-image:url(../img/picto/sante-voyage.svg);}
.serviceHome .bckMarine {background-image:url(../img/picto/soins-infirmier.svg);}

.serviceHome a:hover img{transform: scale(1.2);}
.serviceHome .bckBleu:hover,
.serviceHome .bckBleuPale:hover,
.serviceHome .bckMarine:hover{background-position: left -30px center;background-size:auto 100%;}

.serviceHome .bckBleu:hover{background-color:#0079b2;background-image:url(../img/picto/centre-prelevement-hover.svg);}
.serviceHome .bckBleuPale:hover{background-color:#409cb6;background-image:url(../img/picto/sante-voyage-hover.svg);}
.serviceHome .bckMarine:hover{background-color:#162738;background-image:url(../img/picto/soins-infirmier-hover.svg);}

.translateHome{background:url(../img/fond/fond-pharmacie.jpg)no-repeat center center / cover fixed;padding-top:200px ;}


.head{background-repeat: no-repeat;background-position:center bottom;background-size:cover;background-attachment: fixed;position: relative;height:500px;}
.head .centerContentAll{width:60%;text-align:center;background:rgba(82, 180, 208, 0.8);;}
.head h1{color:#fff;padding:40px 60px;font-size: 50px;}

.fond{height:400px;position:relative;}
.fond p{font-size: 10vw;line-height: 1;mix-blend-mode: color-dodge;}

.filter{width:100%;background:rgba(31,53,74,0.5);height:100%;display:block;color:#fff}

.equipe hr{border-color:#409cb6;margin:60px 0}
.aproposFond{background-size:100% auto;background-position:center center;}


/* AUTRES */

.blocToggle{position:relative;display: block;background:none;border-bottom: 1px solid #ccc;padding: 0 0 10px 0 ;margin:0 auto}
.blocToggle h4{max-width:95%}
.blocToggle .toggle{margin-top:20px;}
.blocToggle .toggle p:last-child{margin-bottom:0}

a.toggle-init{position:absolute;top:0;cursor:pointer;width:100%;z-index:9;text-align: right; display: block;right: 0}
a.toggle-init span:before{ content:"\f067";display:block; color:#b22a1b;font-size: 20px;font-family: "Font Awesome 5 Free";font-weight: 900;}
a.toggle-init.active span:before{ content:"\f068";color:#575756}


/* FOOTER */
footer{width:100%}
.credits .container *{margin:0;}
.credits p, .credits a{margin:0;font-size:11px;color:#aeccda}
.credits a{font-size:10px;text-transform:uppercase;text-decoration:none;font-weight: normal;padding:2px 5px 0 0;display:block}
.credits a img{margin:-2px 0 0 5px!important;display:inline-block;vertical-align:middle;}



@media only screen and (max-width: 1200px) {


header .mainNav a {padding: 0 10px 0;font-size: 11.5px;}  
header .bt {margin: 0 0 0 5px}
header .bt a{padding:7px 15px}

}

@media only screen and (max-width: 1080px) {


#headhome, 
.translateHome{background-attachment: scroll;}


.serviceHome .noMarg {min-height: 300px;}

span#menuMob, 
header.sticky span#menuMob {position:absolute;right:0;top:30px;width:100px;height:30px;display:block;background: url("../img/menu-mobile.svg") no-repeat center center / 90px auto;cursor:pointer}
.open .overlay{width:100%} 

.overlay{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background: #1F354A;overflow-x: hidden;transition: 0.3s;}
.overlay-content {position: relative;top: 15%;width: 100%;text-align: center;}
.overlay .closebtn {display:block;position:absolute;top:0;right: 45px;font-size: 60px;color:#fff;} 

#navMenu nav{position:relative;width:100%;height:100%;}

header .mainNav{text-align: center;margin:0}
header .mainNav a{display:block;text-align:center;padding:10px 0;transition: 0.3s;font-size: 30px;}
header .bt{display:block;margin:0}
header .mainNav .bt a{display: inline-block;padding: 10px 30px;font-size: 20px;margin: 15px 0;}

.home header span#menuMob{background-image: url("../img/menu-mobile-bleu.svg");top:35px}
.home header.sticky span#menuMob{background-image: url("../img/menu-mobile.svg");}
.home header .mainNav a{color:#fff}

.home header .mainNav .bt a.borderBleu{color:#fff;border-color: #fff;}
.home header .mainNav .bt .bckMarine, .page header .mainNav .bt .bckMarine{background:#52B4D0;border-color: #52B4D0;}
.firstBt{margin-top:40px!important}

}


@media only screen and (max-width: 768px) {	

.padSml{padding:20px;}
.padMedium{padding:30px;}
.padLarge{padding:60px;}

.padVertiSml{padding-top:20px;padding-bottom: 20px;}
.padVertimedium{padding-top:30px;padding-bottom: 30px;}
.padVertiLarge{padding-top:60px;padding-bottom: 60px;}
.padVertiXLarge{padding-top:120px;padding-bottom: 120px;}
 
.topSml{margin-top:15px}
.topMedium{margin-top:30px}
.topLarge{margin-top:40px}
     
.bottomSml{margin-bottom:15px}
.bottomMedium{margin-bottom:30px}
.bottomLarge{margin-bottom:40px}

h1, .h1{font-size:30px;}
h2, .h2{font-size:28px;}
h3, .h3{font-size:22px;}
h4, .h4{font-size:18px;}
h5, .h5{font-size:18px;}
h6, .h6{font-size:15px;}

p, li{font-size:15px;}


 

.translateUp50, .translateUp25{max-width: 85%;}
.translateUp50{margin-bottom: -125px;}
.translateUp25{margin-bottom: -75px;}

.bt a{padding:10px 25px;font-size: 13px;}

header{padding:0 30px }
header .logo img.logoColor {margin-top: 30px;width: 170px;}
header.sticky .logo img.logoBlanc, .page header .logo img.logoBlanc{width:250px}
header, .home header{height: 75px;}
header.sticky span#menuMob, span#menuMob{top:20px}


#headhome{height:auto}
#headhome .padLarge{padding:0 40px}
#headhome .imgSlide{display:block;margin:20px auto 0;position: relative;max-width:100%;width:90%}
#headhome .centerContentY{transform: none;position: relative;top:0;padding-top:150px}
#headhome h1{max-width:100%;text-align: center;}


.rdv *, footer{text-align: center;}
.rdv .bt{margin-top:30px!important}

.serviceHome{padding:0 60px;transform: translateY(100px);margin-top: -100px;}
.serviceHome .noMarg a{height:300px}
.serviceHome h3{width: calc(100% - 60px);}
.translateHome{padding-top:100px}

.col.promo{margin-bottom:40px}

.head h1{font-size:40px}
.head .centerContentAll {width: 80%;}

.credits .flt-lf,
.credits .flt-rg{float:none;text-align: center;}
.credits p{font-size: 9px;}

}


@media only screen and (max-width: 480px) {

.padSml{padding:10px;}
.padMedium{padding:20px;}
.padLarge{padding:40px;}

.padVertiSml{padding-top:15px;padding-bottom: 15px;}
.padVertimedium{padding-top:20px;padding-bottom: 20px;}
.padVertiLarge{padding-top:40px;padding-bottom: 40pxpx;}
.padVertiXLarge{padding-top:80px;padding-bottom: 80px;}

.topSml{margin-top:10px}
.topMedium{margin-top:20px}
.topLarge{margin-top:30px}
    
.bottomSml{margin-bottom:10px}
.bottomMedium{margin-bottom:20px}
.bottomLarge{margin-bottom:30px}
    
h1, .h1{font-size:26px;}
h2, .h2{font-size:22px;}
h3, .h3{font-size:18px;}
h4, .h4{font-size:16px;}
h5, .h5{font-size:16px;}
h6, .h6{font-size:14px;}

p, li{font-size:13px;}

header{padding:0 15px}
header, .home header {height: 65px;}
header .logo img.logoColor {margin-top: 30px;width: 120px;}
header.sticky .logo img.logoBlanc, .page header .logo img.logoBlanc{width:180px}
span#menuMob, header.sticky span#menuMob{background-size: 70px;right:0;width:70px}
header.sticky span#menuMob {top: 15px;}
span#menuMob, header.sticky span#menuMob{top:17px}

header .mainNav a{padding:10px 0;font-size: 24px;}
header .mainNav .bt a{font-size: 15px;margin: 5px 0;}
header .mainNav .bt:first-child{margin:40px 0 0 0!important}

.head h1{font-size:28px}

.overlay .closebtn {right: 25px;font-size: 50px;}
.credits .flt-lf, .credits .flt-rg{float:none;text-align:center;margin:10px 0}

.serviceHome{padding:0 40px}
.serviceHome h3{width: calc(100% - 50px);}


.fond p {font-size: 15vw;}



	
}