@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;600;700&family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:ital,wght@0,300;0,400;0,600;1,400&display=swap');


* {
  box-sizing: border-box;
}

html,
body {
  --ccft-cs-background: #000;
  
  background-color: var(--ccft-cs-background);
  margin: 0;
}

.fond, .fondaccueil, .fond2, .fond3{
  /*background-position: 0 0;
  background-size: cover;
  height: 100vh;
  overflow: auto;
  position: relative;*/
background-image: url(http://messages-de-nos-etoiles.fr/images/skyo.jpg);
background-position: 0 0;
background-size: cover;
height: 100vh;
overflow: auto;
position: fixed;
width: 100%;
z-index: 1;opacity: 0.8;
}
.page{position: absolute;
z-index: 2;
width: 100%;height: 100%;
}
.fond, .fondaccueil{
  background-image: url(http://messages-de-nos-etoiles.fr/images/fondecran.jpg);
}
.fond2{
  background-image: url(http://messages-de-nos-etoiles.fr/images/fond.jpg);
}
.fond3{
  background-image: url(http://messages-de-nos-etoiles.fr/images/nature.jpg);
}
.fondaccueil{
  overflow: hidden;
}


main{
  width: 100%;
  height: inherit;height: 100%;
/*  background-color: violet;
*/   
}

.menu-titre {
  color: #fff;
  font-family: 'Great vibes';
  width: auto;
  text-align: center;
  /*font-size: 120px;*/
}
.titreconsultation{
  color: #fff;
  width: auto;
  text-align: center;
  font-size: 60px;

  text-transform: capitalize;
}
.titre-millieu{
/*  margin-top: 40vh;*/
}
.titre-haut{
  font-size: 7vw;
  margin: 150px auto;
}
#nulle{
  height: 33%;
}

.page404{
  font-size: 25px;
  color: #fff;
  font-family: var(--ccft-ts-secondary);
  width: auto;
  text-align: center;
}
#cadre{
  width: max-content;
  border-width:3px;
 border-style:solid;
 border-color:white;
 padding: 0 10px;
}

.cadre, .cadreseance{
  width: 90%;
  display: flex;
}
.cadre{
  margin: 0 auto 50px auto;
}
.cadreseance{
  margin-top: 150px;
  margin-left: auto;
  margin-right: auto;
}
.cadreseancebloc{
  width: 100%;
  display: bloc;
  margin-top: 150px;
  margin-left: auto;
  margin-right: auto;
}
.textemarginbottom{
  margin-bottom: 150px;
}
.img{
  width: 30%;
  margin: auto;
}
.imgfinale{
  margin: auto;
  margin-top:  220px;
}
.img img{
  width: 100%;
}
.image{
  width: 100%;  text-align: center;
}
.image img{

  width: 35%;
}
.texte{
  width: 70%;
}
.texte1{
  margin-top: 90px;
}
.texte2{
  margin-top: 60px;
}
.styletexte{
  font-family: 'Asap Condensed';
  width: 90%;
  font-size: 40px;
  color: white;
  margin-left: auto;
  margin-right: auto;white-space: preserve;
  /*font-weight: 400;*/
}
ul > li{
  color: white;
  font-size: 38px; 
}
ul.listeetapes{
  width: 70%;
  margin: auto;
}
ul.listeprixcabinet{
  margin-top: 90px;
  font-weight: 300;
    width: 50%;
  margin-left: 20%;
  margin-right: auto;
}
.styletexteprixcabinet{
  color: white;
  font-size: 38px; 
  font-weight: 300;
  width: 90%;
margin-right: auto;
margin-left: auto;
}
#cadrefin{
  width: 90%;
  margin: 100px auto;
}

.liencliquable{
  text-decoration: none;
  color: white;
  font-size: 8vw;
}
/*.liencliquable:hover{
  font-size: 9.5vw;
  cursor: pointer;
  transition: 1s;
  color: #F5ED98;
}*/
.tel,.tel1200{
  display: none;
}
.italic{

  font-style: italic;
}
.bold{
  font-weight: 600;
}
.imagelivre{
  width: 500px;
}

#pagelivre{
  width: 1200px; 
   margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  text-align: center;

}
#achatlivre{
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#achatlivre a{
  color: white;
  text-decoration: none;
  font-size: 32px;
}

.choixsite{
  text-decoration: none;
  color: white;
  font-size: 32px;
}

@media only screen and (max-width : 1800px) {
/*    .titre-haut {
      font-size: 120px;
}*/
.texte1{
  margin-top: 10px;
}
.cadrefin{
  margin-top: 90px;
}
}
@media only screen and (max-width : 1400px) {
  .styletexte{
    font-size: 30px;
  }
  .texte{  
    margin: auto auto auto 15px;
  }
  .cadre{
    margin-bottom: 125px
  }

  .imgfinale {
    margin-top: 144px;
  }

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

  .titre-haut{
    font-size: 11vw;
  }
  .titre-haut{
    margin: 150px auto;
  }
  .titreconsultation{
    font-size: 9vw;
  }
  .cadre{
    width: 95%;
  }
  .styletexte {
    font-size: 25px;
  }
  .img img{
    width: 100%;
  }   
  .img{
    width: 50%;
  }
  .cadreseance {
    margin-top: 0px;
    display: block;
  }
  .cadreseance .img{
    width: 56%;
  }
  .ordi1200{
    display: none;
  }
  .tel1200{
    display: inherit;
  }
  .texte {
    margin-left: auto;
    margin-right: auto;
  }
  .divlisteprixcabinet{
    margin-bottom: 100px;
  }
  .styletexteprixcabinet{
    font-size: 31px;
  }
  ul > li {
    font-size: 29px;
  }


  .imagelivre{
  width: 45%;
}

#pagelivre{
  width: 90%; /*
   margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  text-align: center;*/
}
#achatlivre{
  width: 100%;/*
  margin-left: auto;
  margin-right: auto;*/
}
#achatlivre a{/*
  color: white;
  text-decoration: none;*/
  font-size: 20px;
}

.choixsite{
  text-decoration: none;
  color: white;
}

.choixsite{
  font-size: 25px;
}
}

@media all and (max-width : 900px) {
.fond, .fondaccueil{
  background-image: url(http://messages-de-nos-etoiles.fr/images/ascension2.jpg);
}
.fond2{
  background-image: url(http://messages-de-nos-etoiles.fr/images/cloudsv.jpg);
}
.fond3{
  background-image: url(http://messages-de-nos-etoiles.fr/images/nature.jpg);
}
  .cadre{
    display: block;
  }
  .img {
    width: 58%;
    margin-bottom: 50px;
  }
  .texte{
    width: 100%;
  }

.choixsite{
  font-size: 15px;
}

}

@media only screen and (max-width :768px) {
 .titre-haut{
  font-size: 11vw;
  margin: 100px auto 80px auto;
}
.cadre{
  margin-bottom: 40px;
  display: block;
}
.img {
  width: 85%;
  margin-bottom: 35px;
}
.texte{
  margin: auto;
}
.ordi{
  display: none;
}
.tel{
  display: inherit;
}
.styletexte{
  font-size: 20px;
  text-align: justify;
}
.imgfinale{
  margin-top: 90px;
}
#cadrefin{
  margin-top: 50px;
}
.titreconsultation{
 font-size: 7.5vw;
}
.styletexteprixcabinet {
  font-size: 6vw;
}
ul.listeetapes {
  width: 98%;
}
.textemarginbottom{
  width: 95%;
  margin-left: auto;margin-right: auto;
  text-align: justify;
}
ul > li {
  font-size: 5vw;
}
.textesupp{
  text-align: justify;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.choixsite{
  font-size: 6vw;
}
}