@font-face {
  font-family: 'Helvetica LT Std';
  src: url('fontes/HelveticaLTStd-Light.eot');
  src: url('fontes/HelveticaLTStd-Light.eot?#iefix') format('embedded-opentype'),
    url('fontes/HelveticaLTStd-Light.woff2') format('woff2'),
    url('fontes/HelveticaLTStd-Light.woff') format('woff'),
    url('fontes/HelveticaLTStd-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}


@font-face {
  font-family: 'Helvetica Neue LT Cn';
  src: url('fontes/HelveticaNeueLTStd-UltLtCn.eot');
  src: url('fontes/HelveticaNeueLTStd-UltLtCn.eot?#iefix') format('embedded-opentype'),
    url('fontes/HelveticaNeueLTStd-UltLtCn.woff2') format('woff2'),
    url('fontes/HelveticaNeueLTStd-UltLtCn.woff') format('woff'),
    url('fontes/HelveticaNeueLTStd-UltLtCn.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('fontes/hinted-HelveticaNeueLTStd-ThEx.eot');
    src: url('fontes/hinted-HelveticaNeueLTStd-ThEx.eot?#iefix') format('embedded-opentype'),
        url('fontes/hinted-HelveticaNeueLTStd-ThEx.woff2') format('woff2'),
        url('fontes/hinted-HelveticaNeueLTStd-ThEx.woff') format('woff'),
        url('fontes/hinted-HelveticaNeueLTStd-ThEx.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}


*, ::after, ::before{box-sizing: border-box; margin:0; padding:0;}


.bleu { color: #87CEEB; }

.rose {color: #FF007F;}

.noir { color: black; }


 a {
 	text-decoration: none;
 	color: black;
 }

 a:hover{
  text-decoration: none;
  color: #FF007F;
 }

h1 { 
  font-family: 'Helvetica Neue LT Std';
  font-weight: 500;
  font-size: 40px;
  text-align: right;
  border-bottom: 0.5px solid;
  color: #26C4EC;
}


h2{ 
  font-family: 'Helvetica Neue LT Std';
  font-weight: 200;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-align: left;
  padding-top: 6%;
  padding-bottom: 4%;

}



ul{margin:0; padding:0; list-style:none;}

.container{
  height:100%;
}

.indexFooter{
  color:white;
}

.notes{
  /*font-style: italic;*/
  font-size:0.8rem;
}

/* index -------------------------------------------------------------------*/


/* menu screen--------------------------------------------------------------*/
nav ul li a{
  font-family: 'Helvetica Neue LT Cn';
  font-stretch: condensed;
  font-size: 20px;
  font-weight: 200;
  text-decoration: none;
  border-bottom: none;
  }

nav ul li a:hover{
   color: #FF007F;
  }

nav ul li a.actif{
   color: #FF007F;
  }

  /* menu mobile--------------------------------------------------------------*/
nav ul li a{
  font-family: 'Helvetica Neue LT Cn';
  font-stretch: condensed;
  font-size: 20px;
  font-weight: 200;
  color: #000;
  text-decoration: none;
  border-bottom: none;
  list-style-type: none;

  }
nav ul li a:hover{
   color: #FF007F;
  }
nav ul li a.actif{
   color: #FF007F;
  }


/**********************************/
/*            LIFTING             */
/**********************************/
.listLifting{
  list-style:inside;
  /*padding-left: 0;*/
}


/**********************************/
/*            LIFTING             */
/**********************************/
legend{
  font-family: 'Helvetica Neue LT Std';
  text-align: left;
  font-style: italic;
  color:#26C4EC;
}

/*contact-------------------------------------------------------------------*/



.contact h1{
  padding-top:0px;
  font-family: 'Helvetica Neue LT Cn';
  font-size: 40px;
  text-align: left;
  border-bottom: 0px solid;
  color: black;
  margin-top: 25%;
   letter-spacing: 1px;
}



/* page 2 -------------------------------------------------------------------*/

nav{
}

.p2 {
  padding-top: 10%;
}


.chapeaupresentation{
  width:90%;
  font-family: 'Helvetica LT Std';
  font-weight: 200;
  font-size: 22px;
  letter-spacing: 0em;
  text-align: left;
  padding-top: 0%;
  padding-bottom: 2%;

}

#prez {
  max-width:15%;

}

 /* acupuncture -------------------------------------------------------------------*/


.nopad h2{
	padding-top: 0%;
}


.illu img{
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  z-index: -1;
}


/*journal-------------------------------------------------------------------*/

.art h2{ 
  font-family: 'Helvetica Neue LT Std';
  font-weight: 200;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-align: left;
  padding-top: 0%;
  padding-bottom: 0%;
}


.liens a{
	font-size: 8px;
	color:blue;
}


.info p{
	font-size: 10px;
	padding-top: 5px;
}



.article img{
max-width: 100%;
position: relative;
display: block;
margin-bottom: 0%;
margin-top: 5%;
}

.journal img{
max-width: 100%;
position: relative;
display: block;
padding-bottom: 00px;
padding-right: 10px;

}

.jpg img{
max-width: 75%;
position: relative;
display: block;
padding-bottom: 0px;
padding-right: 10px;
}

.picture {
	padding-bottom: 50px;

}
.portrait img{
max-width: 50%;
position: relative;
float: left;
padding-right: 30px;
padding-bottom: 110%;
padding-top:6%;

}

.lift img{
max-width: 100%;
position: relative;
display:block;
padding-right: 10px;
}

.margin img{
padding-bottom: 50px;
}


@media screen and ( max-width: 500px) 

{
.portrait img{
max-width: 100%;
position: relative;
float: left;;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 20px;
}
}

.teaser{
	margin-top: 0%;
	padding: 10px;
	width: 100%;
	height: auto;
	background-color: white;
  position: relative;
  border-color: #26C4EC;
	display: block;
	z-index: 1;
	display: block;
}



.artchapeau p{
 font-family: 'Helvetica LT Std';
  font-weight: 200;
  font-size: 16px;
  text-decoration: none;
  text-align: left;
  letter-spacing: 0.03em;
  text-indent: 0em;
  color: #26C4EC;
  padding-left: 0px;
}



.presentation h2 {
	font-family: 'Helvetica LT Std';
	font-size: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #26C4EC;
	padding-left: 40px;
	text-align: left;
	border-bottom: none;
	padding-top: 50px;
}


p{ 
  font-family: 'Helvetica LT Std';
  font-weight: 200;
  font-size: 15px;
  letter-spacing: 0.03em;
  text-align: left;
}


.prev p{
	padding-left: 40px;
	text-indent: 0em;
}

.rouge{ 
  font-family: 'Helvetica LT Std';
  font-weight: 200;
  font-size: 17px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 3px;
  padding-left: 0px;
  letter-spacing: 0.03em;
  color: #FF007F;
  text-indent: 0em;
  }

.rouge p{ 
  font-family: 'Helvetica LT Std';
  font-weight: 200;
  font-size: 17px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 3px;
  padding-left: 0px;
  letter-spacing: 0.03em;
  color: #FF007F;
  text-indent: 0em;
  }

.chapeau p{
  font-family: 'Helvetica LT Std';
  font-weight: 200;
  font-size: 16px;
  padding-top: 60px;
  padding-bottom: 0px;
  padding-left: 30px;
  letter-spacing: 0.03em;
  text-indent: 0em;
  color: #26C4EC;
}


.titrep p{
  font-family: 'Helvetica LT Std';
  font-weight: 200;
  font-size: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  letter-spacing: 0.03em;
  text-indent: 0em;
  text-decoration: ;
  color:black;
  border-bottom: 0.5px solid;
}



  li {

  font-family: 'Helvetica LT Std';
  font-size: 15px;
  letter-spacing: 0.03em;
  color: #FF007F;
  list-style: outside;
  list-style-type: none;
  } 



  ul {
    padding-left: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    
}


iframe{
  padding-top: 40px;
}


  .entete p{
  font-family: 'Helvetica Neue LT Cn';
  font-stretch: condensed;
  font-size: 20px;
  font-weight: 200;
  color: black;
  text-decoration: none;
  border-bottom: none;
  }

  .entete p:hover{
   color: #FF007F;
  }

  .souli {
  	text-decoration: none;
  }

body{
	padding-bottom: 0px;
}




.illu2 img{
  position: relative;
  width: 60%;
  height: auto;
  margin-bottom: 20px;
  z-index: -1;
}
.image{
 z-index: 1;
 position: fixed;
 padding-top: 10px;
}

/*.image-p2{
	position: relative;
	margin: auto;

}*/

.image-p2 img{
width: 100%;
z-index: 2;
}

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

.point{
  display: block;
  position: absolute;
  background:#FF007F;
  border-radius:50%;
  width:8px;
  height:8px;
  color: black;
  z-index: 300;
  }




@keyframes circle {
    0%   { width:12px; height:12px; margin-left: -1px; margin-top: -1px;}
    50%  {width:60px; height:60px; margin-left: -26px; margin-top: -26px;}
    100% { width:12px; height:12px; margin-left: -1px; margin-top: -1px;}
}

  .pointa{
  display: block;
  position: absolute;
  background-image: radial-gradient(#FFE4E1, white);
  border-radius:50%;
  width:12px;
  height:12px;
  z-index: 0;
  animation-name: circle;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  }


  
.point:hover{
  width: 32px;
  height: 32px;
  margin-left: -12px;
  margin-top: -12px;
  background: #FF007F;
  transition: 0.3s;
  z-index: 300;
}


.point p{
  display: none;
  position: absolute;
  white-space: nowrap;
  text-indent: 0em;
  background-color: white;
  z-index: 300;
}


.point:hover p{
  display: block;
  z-index: 300;
}


.droite p{
  background-color: white;
  position: absolute;
  margin-left: 55px;
  top: 8px;
  }

  .gauche p{
  background-color: white;
  position: absolute;
  margin-left: 55px;
  right: 45px;
  top: 8px;
  }

.non p{
  color:black;
}


.point1{
  left: 55%;
  top: 21%;
}

.point2{
  left: 26%;
  top: 22%;
  animation-delay: 1.5s;
}



.point3{
  left: 59%;
  top: 53%;
  animation-delay: 2s;

}

.point4{
  left: 81%;
  top: 63%;
  animation-delay: 2.5s;

}

.point5{
  left: 25%;
  top:52%;
  animation-delay: 3s;

}

.point6{
  left: 70%;
  top:82%;
  animation-delay: 3.5s;

}

.point7{
  left: 29%;
  top:80%;
  animation-delay: 4s;

}


/*points P2*/

.pointp2-01{left: 50%;
  top: 21%;
}

.pointp2-2{left: 36.5%;
  top: 22%;
}

.pointp2-3{left: 51.5%;
  top: 52%;
}

.pointp2-4{left: 61.5%;
  top: 63%;

}

.pointp2-5{left: 56%;
  top: 82%;

}


.pointp2-6{left: 35%;
  top:52%;

}

.pointp2-7{left: 37.5%;
  top:76%;

}