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

.eds-animate.texteanim.animated.fadeIn, .eds-animate.edsanimate-sis-hidden {
 
}



#scrollToTop {
  border: 1px solid #000;
}

#slogan2 {
  width:80%;
  margin-left:auto;
  margin-right:auto;
    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
 
}

img.logohouba {
 width:10%;
   margin-top:-100px;
margin-left:45%;
  margin-right:auto;
      display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
  position:absolute;

}

.logohouba {

  

}

#gateaux {
      display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
  Padding-top:30px;
  padding-bottom:30px;
}
.gateaux1, .gateaux2, .gateaux3 {
  border-radius:90%;
  border:8px solid #000;
  
  padding:18px 18px;
}

#effetjaune h1 {
text-align:center;  
Padding-top:30px;
  color: #000;
}

#effetjaune .resumeclass {
width:50%;
text-align:center;  
  margin-left: auto;
  margin-right: auto;
  font-size: 2em;
  color:#000;
  line-height: 1.1;
}



	#zoneboutique {
 background: url(https://houbahoubaanimation.com/images/fondbas1.jpg) no-repeat center center ; 
 background-size: cover; 
  
height:1556px;

    -moz-box-shadow:inset 1px 11px 12px #000000;
    -webkit-box-shadow:inset 1px 11px 12px #000000;
    box-shadow:inset 1px 11px 12px #000000;

}
#zonetexte p {
 
color:#FFF;
   text-align:right; 
  font-size: 6.5em;
    padding-right:185px;
margin-bottom: 0px;
  font-family: 'Kaushan Script', cursive;
  text-shadow: 3px 0px 50px #f5f50a;
}

#slide {

    margin-left: 2%;
    margin-top: -40px;
    width: 529px;
    height: 374px;

}




#logogalciere img {
/*! padding: 20px; */
}

#zoneglaciere {
  background: url(https://houbahoubaanimation.com/images/fondglaciere.jpg) no-repeat center center ; 
     background-size: cover;
  height: 1000px;


    -moz-box-shadow: -2px -6px 9px #000000;
    -webkit-box-shadow: -2px -6px 9px #000000;
    box-shadow: -2px -6px 9px #000000;



}

#zonevisuel h1 {
  text-align:center;
  margin-top:40px;
  color:#000;
}

#zonevisuel{
height: 1500px;
     background: url(/houbahoubaanimation.com/images/servicevisuel.png) no-repeat center center ; 
   background-size: cover;
  zoom: 70%;
}

.service1, .service2, .service3, .service4, .service5 {
 text-align: center;
  width: 20%;

}


.servicetitre a {
color:#FFF;
  text-shadow: 0px 0px 0px yellow;
}

.service1 .servicetitre{
background-color: #FF33FF;
}
.service2 .servicetitre{
background-color: #00CC33;
}

.service3 .servicetitre{
background-color: #FF3502;
}
.service4 .servicetitre{
background-color: #673499;
}
.service5 .servicetitre{
background-color: #0202FF;
}

#Zoneservice {
      display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: flex-start ;
    align-items: center ;
    align-content: center ;

}

#espacephoto {
    background: url(/houbahoubaanimation.com/images/lazergame.jpg) repeat center fixed ;
  background-size: cover;
  height: 684px;
  
}

.bigbtensavoirplus1 {
margin-left:auto;
  margin-right: auto;
padding: 20px 30px;
background-color: #000;
width: 15%;
  color:#fff;
text-align: center; 
  margin-top:-190px;
  border-radius: 50px;
  font-size:2em;
  box-shadow: 3px 0px 30px #f5f50a;
}

.bigbtensavoirplus1:hover {
margin-left:auto;
  margin-right: auto;
padding: 20px 30px;
background-color: transparent;
width: 15%;
  color:#fff;
text-align: center; 
  margin-top:-190px;
  border-radius: 50px;
  font-size:2em;
  box-shadow: 3px 0px 30px yellow;
    border: 1px  solid #fff;
  color:#FFF;
cursor: pointer; 
}

.bigbtensavoirplus4 a {
   color:#000; 
  text-decoration: none;
}
.bigbtensavoirplus4 a:hover {
   color:yellow; 
}

.bigbtensavoirplus4 {

padding: 20px 30px;
background-color: yellow;
width: 25%;
  color:#000;
text-align: center; 
margin-left:auto;
  margin-right: auto;
  border-radius: 50px;
  font-size:2em;
  margin-top :30px;
border: 1px solid #000;
}

.bigbtensavoirplus4:hover {

padding: 20px 30px;
background-color: #000;
width: 25%;
  color:Yellow;
text-align: center; 
margin-left:auto;
  margin-right: auto;
  border-radius: 50px;
  font-size:2em;
  margin-top :30px;
  
  color:#000;
cursor: pointer;
border: 1px solid #000;
}

.bigbtensavoirplus2 {

padding: 20px 30px;
background-color: #000;
width: 15%;
  color:#fff;
text-align: center; 
margin-left:auto;
  margin-right: auto;
  border-radius: 50px;
  font-size:2em;
  margin-top :30px;

}

.bigbtensavoirplus2:hover {

padding: 20px 30px;
background-color: yellow;
width: 15%;
  color:#fff;
text-align: center; 
margin-left:auto;
  margin-right: auto;
  border-radius: 50px;
  font-size:2em;
  margin-top :30px;
  
  color:#000;
cursor: pointer;

}

.bigbtensavoirplus3 {
  text-align: center;
 padding: 20px 30px;
  background-color: yellow;
  width:25%;
color: #000;
  border-radius: 50px;
margin-left: auto;
margin-right: auto;
box-shadow: 3px 0px 30px #f5f50a;
  margin-top: 100px;
font-size: 2em;
  

}

.bigbtensavoirplus3:hover {
  text-align: center;
 padding: 20px 30px;
  background-color: transparent;
  width:25%;
color: #000;
  border-radius: 50px;
margin-left: auto;
margin-right: auto;
box-shadow: 3px 0px 30px #f5f50a;
  margin-top: 100px;
font-size: 2em;
   border: 1px  solid yellow;
  color:#FFF;
cursor: pointer; 

}

#slogan2 p {
  font-size:6.5em;
margin:0px;

  color:#fff;
text-shadow: 3px 0px 30px #000;
  font-family: 'Kaushan Script', cursive;
}
#espacejaune {
background-color:yellow;
  padding: 20px;
 
}

h1 {
 margin:0px;
    font-size: 6em;
}

body {
  padding:0px;
  margin:0px;
}

#niveau1 {

background: url(https://houbahoubaanimation.com/images/Niveau1.jpg) no-repeat center center ;

background-size: cover;
height:1968px;
}

#N1jaune {
  width: 100%;
  height: 50%;
  /*background-color:BLUE;*/

}



#slogan p {
line-height: 1;
color: #000;
font-family: 'Kaushan Script', cursive;

}

.deux {
  margin-right: 140px;
  
  padding-left: 50px;
  padding-top: 35px;
  padding-bottom: 20px;
}
.un {
  margin-right: 140px;
  margin-top: -60px;
  padding-left: 50px;
  padding-top: 30px;
    padding-bottom: 20px;
  margin-bottom: 10px;
}

#N1formules h1 {
  text-align: center;
   margin-left: auto;
  margin-right: auto;
  width:40%;
font-family: 'Kaushan Script', cursive;
font-size:6.5em;
  border-bottom: none;
  text-decoration: none;
  Color:yellow;
  text-shadow:2px 0px 12px #f5f50a;
}

#modele {
      display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
    height: 300px;
  width: 100%;
  margin-top: 280px;
  position: absolute;

}

.modeleformule {
  height: 350px;
  width: 18%;
border:2px solid yellow;
  text-align: center; 
  padding:5px;
 border-radius: 10px;
}

.modeleformule img {
padding-top: 20px;
}

#center .modeleformule .prix {
  
  color:#fff;
  font-size: 3em;
}

.btensavoirplus {
  width:55%;
padding-top: 10px;
padding-bottom: 10px;  
  background-color: yellow;
  margin-left: auto;
  margin-right: auto;
  border-radius: 90px;
  font-weight: bold;
}
.btensavoirplus:hover {
  width:55%;
padding-top: 10px;
padding-bottom: 10px;  
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
  border-radius: 90px;
  font-weight: bold;
    border: 1px  solid yellow;
  color:#FFF;
cursor: pointer;
}

#location {
  background: url(https://houbahoubaanimation.com/images/fondlocationd.jpg) repeat center fixed ;
  background-size: cover;
height:866px;
  padding-bottom: 11px;
}

#location h1 {
font-family: 'Kaushan Script', cursive;
font-size:6.5em;
  border-bottom: none;
  text-decoration: none;
  text-align: center;
  padding-top:0px;
  color:yellow;
  text-shadow: 3px 0px 30px #f5f50a;
}

#resume {
  width: 40%;
  color: #FFF;
margin-left: auto;
  margin-right: auto;
  font-size:2.2em;
  line-height: 1.1;
  text-shadow: 2px 2px 2px #000;
}
#resumelazer {
  /*! width: 40%; */
  color: #000;
line-height: 1;
  font-size:2.2em;
 
}

#articlelocation {
   display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
  
}

.enlocation img {
 
  border-radius: 50%;
  

    -moz-box-shadow: 10px 10px 31px #000000;
    -webkit-box-shadow: 10px 10px 31px #000000;
    box-shadow: 10px 10px 31px #000000;


}

.enlocation p {
 
color:#FFF;
  text-align: center;
  font-size: 1.7em;
  background-color: #000;
  margin-top:15px;
}

.bigbtensavoirplus {
  text-align: center;
 padding: 20px 30px;
  background-color: yellow;
  width:15%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50px;
  font-size: 2em;
  box-shadow: 3px 0px 30px #f5f50a;

}
.bigbtensavoirplus a {
color: #000;
  text-decoration: none;

}
.bigbtensavoirplus a:hover {
color: yellow;
  text-decoration: none;

}

.bigbtensavoirplus2 a {
color: yellow;
  text-decoration: none;

}
.bigbtensavoirplus2 a:hover {
color: #000;
  text-decoration: none;

}
.bigbtensavoirplus3 a {
color: #000;
  text-decoration: none;

}
.bigbtensavoirplus3 a:hover {
color: yellow;
  text-decoration: none;

}

.bigbtensavoirplus:hover {
  text-align: center;
 padding: 20px 30px;
  background-color: transparent;
  width:15%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50px;
  font-size: 2em;
  box-shadow: 3px 0px 30px #000;
    border: 1px  solid yellow;
  color:yellow;
cursor: pointer;
}

.bigbtensavoirplusformule {
  text-align: center;
 padding: 20px 30px;
  background-color: yellow;
  width:15%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50px;
  font-size: 2em;
  margin-top: 150px;
    box-shadow:3px 0px 30px #f5f50a;
}

.bigbtensavoirplusformule:hover {
  text-align: center;
 padding: 20px 30px;
  background-color: transparent;
  width:15%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50px;
  font-size: 2em;
  margin-top: 150px;
    box-shadow:3px 0px 30px #f5f50a;
  border: 1px  solid yellow;
  color:yellow;
cursor: pointer;
}