@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');



*{
  padding:0;margin:0;
  box-sizing: border-box;

}
html {
  font-size:16px;

   --fz-h2:2rem;
   --fz-p:.9rem;
   --fz-h3:1.8rem;
  --colo-bleu: #2da1b1;
  --colo-bleuFonce: #042d3d;
  --fz-h4:1.5rem;
  --linkBigRed:2rem;
  --fz-h3:1.4rem;

}
a {text-decoration:none;color:#000000;}
h2 {
  font-size:var(--fz-h2);
  color:var(--colo-bleu);
  padding:0 0 20px;
  text-transform: uppercase;
}
body{
  font-family: 'Roboto', sans-serif;
  background-color: #f7f8f8
}
.imageBandeau {
  position:absolute;
  top:0;
  width:100%;
  height:1118px;
  background: url("../images/images_fond_header.jpg") no-repeat center 0 transparent;
  z-index:-1;
  display:none;
}
header {
  display: flex;
  flex-direction:row;
  justify-content:space-around;
  align-items:center;
  padding:0;
  height:214px;
  overflow:hidden;
  z-index:2;
  position:relative;
}
header .logo {position:relative;}
header .logo img{width:30vw;}
header nav {
  align-self:flex-end;
  opacity:1;
  font-size:1.16rem;
  padding:10px 0 30px;
}
header nav ul{
  list-style-type: none
  }
header nav ul li{
  padding:3px 0;
  display:inline-block;
  }
header nav ul li a{color:#000000;font-size:1.5rem;line-height:26px;padding:0 10px;}
.bloc {
  display: flex;
  flex-direction:column;
  align-items:flex-end;
  overflow:visible;
  
  justify-content:space-evenly;
  padding:0 50px 0 0;
  max-width:2500px;
  width:100%;
  font-size:30px;
  font-weight:100;
  color:#fff;
  text-transform: uppercase;
  z-index:2;
}
.bloc:before {
  content:" ";
}
.partie_2bloc {
  display: flex;
  align-content:space-evenly;
  padding:0 5% 0;
  background-color: #f7f8f8;
  max-width:2500px;
  width:100%;
  font-size:1rem;
  font-weight:100;
  color:#000000;
  overflow:hidden;
}
.partie_2bloc h2 {
  color:var(--colo-bleu);
}
.partie_2bloc .partie {
  padding:50px 2vw;
  width:50%;
}
.partie_2bloc .partie p {
  font-size:var(--fz-p);
  padding:20px 0;
  line-height:1.3rem;
}
.partie_2bloc .partie p:nth-of-type(1) {
  font-size:1.1rem;
  }
.imglocal {
  width:90%;
  max-width:650px;
}
.partie_2bloc div.partie ul li {
  background: url("../../assets/images/christophe_hogedez_10.gif") no-repeat 0 6px transparent;
  background-size:40px 25px;
  padding:10px 0 10px 40px;
  font-weight:500;
  list-style-type: none
}
.bandeau_couleur {
  background-color:var(--colo-bleu);
  color:#fff;
  text-align: center;
  padding:40px 0;
  position:relative;
}
.bandeau_couleur h4 {
  font-size:var(--fz-h4);
  padding-bottom:20px;
}
.bandeau_couleur p {
  position:relative;
  display:inline-block;
}
.bandeau_couleur:before { 
  content:" ";
  background: url("../images/christophe_hogedez_15.gif") no-repeat 0 0 transparent;
  background-size:50%;
  position:absolute;
  left:calc(50% - 549px);
  top:10px;
  width:249px;
  height:330px;
  z-index:2;
}
.bandeau_couleur p {
  padding:0 34vw;
}
.Contact {
  display: flex;
  align-content:space-evenly;
  padding:0 7vw 0;
  background-color: #f7f8f8;
  max-width:2500px;
  width:100%;
  font-size:1rem;
  font-weight:100;
  color:#000000;
  overflow:hidden;
}
.Contact .partie:nth-child(2) {
  flex-basis:90%
}
.Contact .partie.textContact {
  text-align: center;

}
.Contact .partie.textContact h2 {
  display:inline-block;
  position:relative;
  text-transform:capitalize;
  padding-bottom:50px;
}
.Contact .partie.textContact h2:before {
  content:" ";
  position:absolute;
  left:-100px;
  top:-20px;
  background: url("../images/christophe_hogedez_19.gif") no-repeat 0 0 transparent;
  background-size:50%;
  width:121px;
  height:116px;
}

.Contact .partie.textContact h3 {
  font-size:var(--fz-h3);
  padding-bottom:20px;
  }

.Contact .partie.textContact p {
  font-size:var(--fz-p);
  padding:15px;
  }

.Contact .partie.textContact p a.tel {
  font-size:var(--linkBigRed);
  color:#ed434f;
  font-weight:700;
}
.Contact .partie {
  padding:40px 2vw;
  width:50%;
}
.Contact .partie:nth-child(2) img {
  width:100%;
}

.bandeau_couleur_temoignages {
  background-color:var(--colo-bleu2);
  color:#fff;
  text-align: center;
  padding:35px 0;
}
.bandeau_couleur_temoignages h4 {
  font-size:var(--fz-h4);
  padding-bottom:20px;
}
.bandeau_couleur_temoignages p {
  padding:0 34vw;
}
.bandeau_couleur_temoignages {
  background-color:var(--colo-bleuFonce);
  color:#fff;
  text-align: center;
  padding:35px 0 25px;
}
.bandeau_couleur_temoignages h4 {
  font-size:var(--fz-h4);
  padding-bottom:20px;
  position:relative;
  display:inline-block;
}
.bandeau_couleur_temoignages h4:before {
  content:" ";
  position:absolute;
  left:-46px;
  top:-20px;
  background: url("../images/christophe_hogedez_27.gif") no-repeat 0 0 transparent;
  background-size:50%;
  width:50px;
  height:83px;
}
.bandeau_couleur_temoignages h4:after {
  content:" ";
  position:absolute;
  right:-76px;
  top:-20px;
  background: url("../images/christophe_hogedez_29.gif") no-repeat 0 0 transparent;
  background-size:50%;
  width:50px;
  height:83px;
}
.bandeau_couleur_temoignages p {
  padding:0 34vw 20px;
  font-size:var(--fz-p);
}

.bandeau_couleur_temoignages p.autor {

}

footer {
  width:100%;
  padding:35px 0;
  font-size:var(--fz-p);
  font-weight:100;
  text-align: center;
}
.bloc > div > span {position:relative;display:inline-block;}
.bloc div.div1,.bloc div.div2,.bloc div.div3 {
  text-align: center;
  max-width:350px;
  width:100%;
  padding:25px;
  margin:20px 0;

}
.bloc .div1 {
  background-color:#ed434f;
  color:#2a2a2a;
}
.bloc h3{
  font-size:var(--fz-h3);
}
.bloc .div1 h3 span {
  font-size:var(--fz-p);
  display: block;
}
.bloc .div1 a{
  font-size:2rem;
  display: block;
  padding-top:15px;
  color:#ffffff;
  font-weight:700;
}
.bloc .div2 {
  background-color:#2da1b1;
}

.bloc p,.bloc a {
 font-size:var(--fz-p); 
 font-weight: normal;
}
.bloc .div3 {
  background-color:#042d3d;
}
.bloc a {
  color:white;
  line-height:1.5em;
  display:block;
}

.blocGauche {
  width:50%;
  min-height:659px;
  display:flex;
  justify-content: center;
  align-items: flex-start;
  position:relative;
}
.blocGauche .decor {width:100%;height:auto;position:absolute;left:0;top:0;z-index:-1}
.blocGauche .logo{
  width:100%;
  margin-top:0;
  transform-origin: 50%;
}

.blocDroit {
  width:441px;
  display:flex;
  flex-direction: column;
}
.blocText {
  display:inline-block;
  padding:20px 0;
  text-align: center;
  color:#E83172;
  font-family:arial,sans-serif;
  font-size:15px;
  overflow: hidden;
}
.blocText:before{
  content:" ";
  display:block;
  width:80%;
  height:1px;
  background-color: #E83172;
  position: relative;
  margin:20px 10%;
}
.blocText:after{
  content:" ";
  display:block;
  width:80%;
  height:1px;
  background-color: #E83172;
  position: relative;
  margin:20px 10%;
}
.blocText a {color:#E83172;text-decoration: none;padding:10px 0;display: inline-block;}
.blocText .adresse{padding:25px 0 0;display: block;}
.ml11 {
  font-weight:normal;
  font-size: 105px;
  font-family:"SummerLoving-Regular";
  line-height:0.8em;
  margin-top:25px;

}

.ml11 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml11 .letter {
  transform-origin: 50% 100%;
  display: inline-block;
  line-height: 0.5em;
  color:#564b50
}
.bloc.bandeau {
  background: url("../images/images_fond_header.jpg") no-repeat center -80px transparent;
  background-size: cover;
  max-height:1000px;
  padding-top:100px;
  position:relative;
  top:-100px;
  z-index:1
}
@media only screen and (max-width: 1100px) {
  .partie_2bloc {
    padding: 0 5% 0;
  }
  .bandeau_couleur:before {
    left:0;
    top:0;
    z-index:0;
  }
  .partie_soins {flex-direction:column-reverse;}
  .blocGauche {width:100%;min-height:auto;margin:-30px 0 15px;flex:1}
  .blocGauche .decor {display:none;}
  .blocGauche .logo {margin-top:0}
  .ml11 {font-size:80px;height:auto;margin-top:0}
  .blocDroit{width: 100%;text-align: center;margin-top:-100px;flex:1;justify-content:space-between}
  .blocText{padding:0;line-height:1em}
  .blocText:before{margin:20px 10%}
  .blocText .adresse{padding-top:10px}
  .partie_2bloc {
  display: flex;
  flex-direction:column;
  align-content:space-evenly;
  padding:0 5vw 0;
  background-color: #f7f8f8;
  max-width:2500px;
  width:100%;
  font-size:1rem;
  font-weight:100;
  color:#000000;
  overflow:hidden;
}
.partie_2bloc#soins {
  flex-direction:column-reverse;
}
.partie_2bloc h2 {
  color:var(--colo-bleu);
}
.partie_2bloc .partie {
  padding:20px 0vw;
  width:100%;
}
.Contact {
  flex-direction:column;
  padding:0 5vw 0;
  background-color: #f7f8f8;
  max-width:2500px;
  width:100%;
  font-size:1rem;
  font-weight:100;
  color:#000000;
  overflow:hidden;
}
.Contact .partie:nth-child(2) {
  flex-basis:auto
}
.Contact .partie {
  padding:40px 2vw;
  width:100%;
}
.bandeau_couleur p {
  padding: 40px 2vw;
}
.imglocal {width:100%;}
.bandeau_couleur p br {display:none;}
.bloc div.div1,.bloc div.div2,.bloc div.div3 {
  max-width:270px;
  }
  header {
  display: flex;
  flex-direction:column;
  justify-content:space-around;
  align-items:center;
  padding:12px 0 0px;
  height:auto;
  overflow:hidden;
  z-index:3;
}
header .logo {position:relative;}
header .logo img{width:300px;}
header nav {
  align-self:center;
  opacity:1;
  font-size:1.16rem;
  padding:10px 0 10px;
}
.imageBandeau {
display: none;
}
.bloc.bandeau {
  background: url("../images/images_fond_header.jpg") no-repeat center -40px transparent;
  background-size: cover;
  padding-right:0;
  padding-top:130px;
  top:0;
}

header nav ul {
      display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

}
@media only screen and (max-width: 500px) {
  .bandeau_couleur_temoignages p {padding:0 5% 20px;}
  .bloc {
    align-items:center;
  }
html {font-size:14px;}
    .ml11 {font-size:50px;}
    .blocText .adresse{padding-top:0px}
.bloc div.div1, .bloc div.div2, .bloc div.div3 {
 margin:10px;
 padding:10px; 
}
}
