/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

@media screen and (min-width: 1280px) {
	

	
	#glaciere2 {
		margin-top: 137px;
	}

.servicetitre {

    padding: 15px;
    margin-bottom: 20px;
    color: #FFF;
    font-size: 1.5em;
    margin-top: -20px;
    height: 35px;

}

	
	#N1ballon img {
  position:relative;
  width:30%;
  height: auto;
float: left;
 
}

	#center h2 {

margin-top: 50px;

}

	#zoneboutique {

        background-size: auto;
    background-size: cover;
    height: 650px;
    -moz-box-shadow: inset 1px 11px 12px #000000;
    -webkit-box-shadow: inset 1px 11px 12px #000000;
    box-shadow: inset 1px 11px 12px #000000;

        /*! padding-bottom: 100px; */
}
	
	#zonevisuel {

    height: 908px;
    background: url(https://houbahoubaanimation.com/images/servicevisuel.jpg) no-repeat center center;
        background-size: auto;
    background-size: cover;
    zoom: 70%;

}
	
	#espacephoto {

    background: url(https://houbahoubaanimation.com/images/lazergame.jpg) repeat center fixed;
        background-size: auto;
    background-size: cover;
    height: 500px;

}
	
	#espacephoto h1 {

    line-height: 3;
    font-size: 6.5em;
    text-shadow: 3px 0px 30px #000;

}
	
	.un {

    margin-right: 140px;
    margin-top: -150px;
    padding-left: 50px;
    padding-top: 30px;
    padding-bottom: 20px;
    margin-bottom: 10px;

}

h2 a{
    padding-left:15px;
    padding-right:15px;  
    color: blue;
 font-family: 'Kaushan Script', cursive;
    color: black;
font-size: 0.6em;
}

	.resumecarte {
    float:right;
  width:60%;
  color:#FFF;
    font-size:2em;
  padding-right:163px;
		background-color: #000;
		line-height: 1;
}
	
#center p.houbapartenaire {
		text-align: center;
		font-size: 2em;
	margin-top: 20px;
	background-color: yellow;
		color: #000;
	width:60%;
	margin-left: auto;
	margin-right: auto;
position: relative;
	}

	#logogalciere img {
width:10%;

}
	
	#N1formules {
		margin-top: 300px;
	}
	
		#center p.houba {
margin-top: -490px;	
font-size: 2.4em;
/*text-shadow: 22px 2px 22px yellow;*/
		color:black;
		width:95%;

	}
	
#slogan {

    font-size: 5.6em;
    margin-top: 240px;
   /* width: 64%;*/
    /*! padding-top: 21%; */
    float: right;
    font-family: helvetica;
    font-weight: bold;
    text-shadow: 12px 0px 12px #ffffff;

}
#logogalciere {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    padding-left: 18%;
    margin-top: -223px;
    /*! padding-top: 15px; */

}
	
	#logogalciere img {
		width:15%;
	}
	
	#visuelglaciere img {
		width:400px;
		padding-bottom: 20px;
	}
	
	#visuelglaciere {
width:20%;

}

	#houbaboutique {
		margin-top: 200px;
	}
	
#boutique {
		display:none;
	}
	
	#zonetexte {
  float:right;
  width:60%;
margin-top:-400px;

  
}
	
	#contenucentrer {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		
	}
	
		.hk-row-fluid {

    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;

}
	
	.hikashop_vote_stars {
		margin-bottom: 40px;
	}
	
	.hikashop_subcontainer.thumbnail {
		height:350px;
	}
	
	.hikashop_cart_button {
		background-color: yellow;
		padding:15px 20px;
		border-radius: 50px;
	
	}
	
.hikashop_product_name a{
		font-size: 1.5em;


	}
.hikashop_product_name a:hover {
	font-size: 1.5em;

	}
	
.hikashop_product_price_full {
	font-size:1.5em;
	color:#000;

	}

	.cb_template {
    width:90%;
		margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
	
}
	/* Retirez la hauteure dans #millieu pour facebook */
	
	#millieu {
		width:85%;
		margin-left:auto;
		margin-right: auto;
	
	}
	.intfacebook {
	
				display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;

		align-content: center;
	
	}
	
	.myhome {
		display: none;
	}

	.slideshowck_pub {
	width:25%;

		position: absolute;
margin-left: 37%;


	}
	
	.moduletablecontact {
    height: 200px;
}
	
.monom {
		font-family: 'Kaushan Script', cursive;

	}
	
		
.bannergroup_facehome	.fb_iframe_widget {
    display: inline-block;
    position: relative;
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
	padding-top: 20px;
}


	
		#modulesbottommod2 > div.inner {
		 padding-top: 25px;
	}
			#modulesbottommod1 > div.inner {
		 padding-top: 25px;

	}
.jsn-container-left_1.span12	label.control-label{
		color:#FFF;
	}
  
  	#bascontact {
		width:20%;
	}
	
	i.fab.fa-facebook {
		font-size: 2em;
		color:#FFF;
	}
	
	#content .inner.clearfix {
		width:100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	ul.nav-tabs.nav-stacked {

text-align: center;
		
	}
	
.login {
		      display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center 
	}
	
	.contact-form{
    width:99%;

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

#contact-form  {
    width:50%;

}
	
		/*.moduletable_textaccueil .sweat, .moduletable_textaccueil .slogan, .moduletable_textaccueil .entrez.pop   {
		opacity: 0;
	}*/

		.custom_message {
	font-family: 'Kaushan Script', cursive;
	padding-top: 18px;
			display:none;
	}
			.custom_message .sweat {

			text-shadow: 0px 0px 0px #000000;
	}
			.custom_message .slogan {
color:#000;
text-shadow: 0px 0px 0px #000000;
				padding-bottom: 20px;
	font-style:italic;
	}
	
	#pictoetpied {
		display:none;
	}
	
		#pictoselection {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-left:2%;
		padding-right:2%;
	}
	
	.breadcrumb {
/*! background-color: #fff; */
font-size: 0.8em;
}
	
	#basdivers {
		width:20%;
	}

	.slogan {
		font-family: Helvetica, sans-serif;
		color:#FFF;
		font-size:2.1em;
		padding-top: 15px;
		text-shadow: -1px 2px 2px #000000;
	}
	
/* ---------------------------------------
onepage
-----------------------------------------*/


 .videoyoutube img{
   /* width:99%;
    height:99%;*/
    
  }
  
      p.rubrique.titrejoomla{
   margin:0px;
    padding-bottom: 40px;
  padding-top:40px;
				font-family: 'Kaushan Script', cursive;
}
p.rubrique{
padding-bottom: 20px;
  margin:0px;
  padding-top: 40px;
}

p.soustitre{
   margin:0px;
}

.centre {
    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
  
  padding-top: 15px;

}

.soustitre {
  
  font-size:1.5em;
  color:blue;
  padding-bottom: 15px;
}
.soustitre.gris {
  
  font-size:2.5em;
  color:grey;
  padding-bottom: 30px;
	padding-top: 40px;
}
.soustitrejoomla {
  
  font-size:2.5em;
  color:blue;
  /*! padding-bottom: 0px; */
  line-height: 1.8;
}

.rubrique {
    color:blue;
  font-size:5em;
padding-bottom: 20px;
    padding-top: 50px;
	font-family: 'Kaushan Script', cursive;
}
.titrejoomla {
    color:blue;
  font-size:5em;

   
}

#responsive {
  background-color: #F5F5F5;
  margin-top:150px;
}

#responsive .titre {
    color:blue;
  font-size:2em;
padding-top:20px;
}

#responsive img, #formation img {

    border:none 5px #000000;
    -moz-border-radius-topleft: 19px;
    -moz-border-radius-topright:19px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:19px;
    -webkit-border-top-right-radius:19px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-top-left-radius:19px;
    border-top-right-radius:19px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;

/*! width:95%; */

    /*! height: 95%; */
}

#personnalise {
padding-bottom: 3%; 
 margin-top:100px; 
}

.fondpersonnalise {
 margin:0;
height: 640px;

  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: 100%; /* version standardisée */
  margin-top:15px;
}

#modules {
  
 margin-top:0px; 
}

.fondmodules {
 margin:0;
height: 500px;
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: 100%; /* version standardisée */
	
/*	height: 50; 
	border-left: 930px solid transparent; 
	border-right: 930px solid transparent; 
	border-top: 100px solid #FFF;*/
	
}

.fondmodules1 {
background: url(../images/effet.png) no-repeat center ; 

}

#formation {
  background-color: #F5F5F5;

}
	
	
	/* ---------------------------------------
Fin onepage
-----------------------------------------*/
	
	
	
  .moduletable_slide1 {
    width: 15%;
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
	margin-left: 5%;

}

  
	.fa-joomla {
 color: grey;
  text-align: center;
  text-transform: normal;
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: pre;
  text-shadow: 1px 1px 0 rgba(140,140,140,0.6) , -1px -1px 1px rgba(0,0,0,0.67) ;
font-size:10em;
		
    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;	

	}
	
#contenutype {
				    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		
	}
	
	div.custom\.contenu {
	padding-left:8px;
	padding-right:8px;
}
	
	.myname {
		font-family: 'Kaushan Script', cursive;
		color:#FFF;
		font-size:4em;
padding-right:15%;
		text-align: center;
		padding-top:6%;
		text-shadow:-2px 2px 3px #000000;
		
		
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		
	}
	
		img.logo-article {
		width:13%;
border-radius:100%;
			border: solid 10px #FFF;
	}
	
div#maximenuck260 ul.maximenuck li ul.maximenuck2 li #piedhautcontenu  p, div#maximenuck260 ul.maximenuck2 li #piedhautcontenu p {
		font-size:1.2em;

	}
	
  .customcontact p {
		font-size:1.3em;
	padding-top:10px;
	}
	  .customcontact a, #piedbas a {
			color:#000;
			text-decoration: underline;
	}
		  .customcontact a:hover, #piedbas a:hover {
			color:#FFF;
			text-decoration: none;
	}
	
	#navigateur {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
	}
	
.fa.fa-firefox ,.fa.fa-chrome ,.fa.fa-opera ,.fa.fa-safari, .fa.fa-internet-explorer {
		font-size:6em;

	}

  	li.maximenucklogo {
		display:none;
	}
	
	.sweat {
		font-size: 5em;
		color:#FFF;
		text-shadow:-2px 2px 3px #000000;
	
	}
	.entrez a {
		color:blue;
		font-size:1.4em;

	}
		.entrez a:hover {
		color:#FFF;
		font-size:1.4em;
	}
	.entrez {
	font-family: 'arial';	
		color:blue;
		padding:18px;
		border: solid 0px blue;
		width:auto;
		font-size:1.5em;
		text-align: center;
		border-radius:5px;
		
		margin-top:30px;

    background-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6);



	}
		.entrez:hover {
		color:#FFFFFF;
		padding:18px;
		border: solid 0px;
		width:auto;
		font-size:1.5em;
		text-align: center;
		border-radius:5px;
			background-color: blue;
	}
	
	.custom_textaccueil {
		
		padding-top:12%;	
font-family: 'Kaushan Script', cursive;
	width:auto;	
		    display: flex ;
 flex-direction: column ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		/*! margin-left:30%; */
		/*! margin-right:30%; */
		
	}
	
	.moduletable_textaccueil{

	width: 55%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	margin-left: auto;
	margin-right: auto;
	}
	
	.wrapper_proprio, div#content {

	/*! width:100%; */	



	}
	


	
	.custom_vignettes p{
	font-weight: normal;
		font-size: 1.5em;
margin-top: 10px;
	}
	#piedhaut {

		background-color: blue;
		margin-left: auto;
		margin-right: auto;
	
	}
	#piedhautcontenu {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-bottom: 30px;
		padding-top: 10px;
	}
	#bascontact img {
		width:40%;
		float:left;
	}
	#basconect {
		
	padding-top: 15px;
	padding-left: 10%;
	}
	#boutsocial{
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: center ;
    align-items: center ;
    align-content: center;
		   
	}

	
	#piedbas {
		width:100%;
			background-color: #0505C2;
	line-height: 2.6em;
		color:#fff;
		/*! margin-bottom: 0px; */
	}

	
	#content .fa {
		color:blue;
	
	}
	
	.fa-facebook-f, .fa-twitter, .fa-google-plus-g, .fa-linkedin-in {
	
		padding:10px;

	}
	
	div.bannergrouplogo img, div.bannergrouplogo2 img {
    padding:0px;
		/*! background-color:#FFF; */
	
border-radius: 90%;


		
}
	div.bannergrouplogo, div.bannergrouplogo2 {
		
background-color:yellow;
		padding: 12px;

		-moz-border-radius-topleft: 90%;
-moz-border-radius-topright:90%;
-moz-border-radius-bottomleft:90%;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:90%;
-webkit-border-top-right-radius:90%;
-webkit-border-bottom-left-radius:90%;
-webkit-border-bottom-right-radius:20px;
border-top-left-radius:90%;
border-top-right-radius:90%;
border-bottom-left-radius:90%;
border-bottom-right-radius:20px;
	}

	.slideshowck_slide1 {
		width:150px;
		height:150px;
	}
	
	#spetwit {
    max-width: 450px;
    /*! height: 400px; */
   
}
	
	#reseausociales {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-left:2%;
		padding-right:2%;
	}
		#reseausociales img {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-left:2%;
		padding-right:2%;
	}

	
	div.custom_sociales {
			/*! height: 450px; */
		 -moz-box-shadow:inset 0px 10px 15px #CCC;
    -webkit-box-shadow:inset 0px 10px 15px #CCC;
    box-shadow:inset 0px 10px 15px #CCC;
		padding-top:25px;
		padding-bottom:20px;
	}
	div.customuser {
		
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
	padding-left: 7%;
			padding-right: 7%;
		    padding-bottom: 18px;
	}
	.fa-user-circle-o {
		font-size: 10em;
		color: #999999;
		text-shadow: 1px 1px #723A0C, -1px -1px #000;
padding-bottom: 15px;
		padding-left: 0px;

	}
	
	.titre {
    font-weight: bold;
    font-size: 2em;
    color:blue;
		font-family: 'Kaushan Script', cursive;
}
	
  div.moduletablelogo {
    /*! padding-top: 24%; */
    margin-left: 60px;
    width: 13%;
		margin-top: 20%;
}
	
div.moduletablelogo2 {
   padding-top: 150px;
    margin-left: 60px;
    width: 12%;

}

	div.customreseaux {
		display:none;
		/*! padding: 10px; */
	}
	.customreseaux img {
padding: 10px;
	}
  	#modulesbottom .n5 > .flexiblemodule div.moduletable_vignettes {
		display:none;
	}
  
  	#camera_wrap_186 .camera_caption > div {
    background: rgba(246,247,248,0.9);
    font-family: 'Droid Sans';
   margin-left: 37.3%;
}
	.slideshowck_slide1 .camera_caption_desc{
 padding-left: 0px; 
		font-size:0.5em;
}
    .hikashop_category_name a {
    color: #666;
    text-decoration: none;
    font-weight: bold;
    margin-top: 10px;
    display: block;
    font-size: 0.9em;
}
  	div#boutique-mobilebarmenuck {
		display:none;
	}
  	.mobilebarmenuck {
    background: #0000FF;
		display:none;
}
  	div.moduletable_panier h3{
	margin-left:50px;
		
	}
  div#hikashop_cart_module {
		margin-left:50px;
		margin-top:10px;
	}
		div.moduletable_normal {
		display:block;
	}
	div.moduletable_mobile {
		display:none;
	}
  	.mobilebarmaximenuck {
    display: none;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    background: #0000FF;
    width: 100%;
    height: 40px;
}
	td.youtube {
		height: 170px;
	}
	td.recherche {
width:140px;
	}
		img.gmap {
width: 594px;
		height:157px;
	}
	.tabs_mask {
  	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999; */ 
}
  	div#colonne img {
    width: 95%;
}
div#colonne {
    width: 30%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
  	div.bannergroup_gmap {
		 
    margin-left: auto;
    margin-right: auto;

    /*! margin-top: 10px; */
	}
	.moduletable_G {
		display:block;
	}
		.moduletable_G\+mob {
		display:none;
	}
  	div#maincenter {
   
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
     /*! margin-top: 25px; */
}
		#free1 {
		height:17%;
	}

		div.moduletable_twiter1 {
	display:none;
}
  	div.bannergroup_facehome {
	display:block;
}
  	  	.moduletable_facehome1 {
	display:none;
}

.hidemobile5 {
	display: none !important;
}

#banner {
	display:none;
}
#nav {
	display: inherit;
}
#free1 {
  background-size: 100%; /* version standardisée */

}
#modulestop {
	display: inherit;
  background-color: #FFF;
}
#free2 {
	display: inherit;
}
#modulesbottom {
	display: inherit;
  background-color: #000;
	position: relative;
	
}
#footer {
    display: inherit;
  
    background-color: #fff;
    /*! display: flex; */
    /*! flex-direction: row; */
    /*! flex-wrap: wrap; */
    /*! justify-content: space-around; */
    /*! align-items: center; */
    /*! align-content: center; */
    /*! width: 3O%; */
}


}

@media screen and (width: 1080px) {
	#center h2 {

margin-top: 50px;

}

	.jsn-uniform .form-actions .btn-toolbar .btn {

    float: none;
    padding: 10px 15px;
    color: #000;
    font-size: 1.5em;

}
	
	.jsn-uniform .form-actions .btn-toolbar .btn.jsn-form-submit {

    position: relative;
    z-index: 1;
    padding: 10px 15px;
    color: #000;
    font-size: 1.5em;

}
	
	#zoneboutique {
 background: url(/houbahoubaanimation.com/images/fondbas.png) no-repeat center center ; 
 background-size: cover; 
  
height:1400px;

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

}
	
	#slide {

    margin-left:5%;
    margin-top: 12%;
    width: 35%;


}
	
	#espacephoto h1 {

    line-height: 4;
    font-size: 6.5em;
    text-shadow: 3px 0px 30px #000;

}
	
	#espacephoto {

    background: url(/houbahoubaanimation.com/images/lazergame.jpg) repeat center fixed;
        background-size: auto;
    background-size: cover;
    height: 484px;

}
	
	#zonevisuel {

    height: 700px;
    background: url(/houbahoubaanimation.com/images/servicevisuel.png) no-repeat center center;
        background-size: auto;
    background-size: cover;
    zoom: 70%;

}
	
	.servicetitre {

    padding: 15px;
    margin-bottom: 20px;
    color: #FFF;
    font-size: 2em;
    margin-top: -20px;
    height: 35px;

}

#Zoneservice h1 {

    text-align: center;
    margin-top: 40px;
    color: #000;

}
	
	#center h1 {

    font-family: 'Kaushan Script', cursive;
    font-size: 5em;
    border-bottom: none;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    /*! color: yellow; */
    text-align: center;

}
	
	#resumelazer {

    width: 95%;
    color: #000;
    line-height: 1;
    font-size: 2em;

}
	
	#slogan2 p {

    font-size: 5em;
    margin: 0px;
    color: #fff;
    text-shadow: 3px 0px 30px #000;
    font-family: 'Kaushan Script', cursive;

}
	
	#resume {

    width: 70%;
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.2em;
    line-height: 1.1;
    text-shadow: 2px 2px 2px #000;

}
	
	#location h1 {

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

}
	
	h3 {

    font-size: 1.5em;
    color: #000;

}
	
	img.logohouba {

    width: 9%;
    margin-top: -53px;
    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;

}
	.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; 

}
	.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;

}
	
	.bigbtensavoirplus {
  text-align: center;
 padding: 20px 30px;
  background-color: yellow;
  width:20%;
  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:20%;
  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;
}


	
	#N1formules h1 {

    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    font-family: 'Kaushan Script', cursive;
    font-size: 6em;
    border-bottom: none;
    text-decoration: none;
    Color: yellow;
    text-shadow: 2px 0px 12px #f5f50a;
    margin-top: -50px;
    margin-bottom: 90px;

}
	
	#niveau1 {

    background: url(/houbahoubaanimation.com/images/Niveau1.png) no-repeat center center;
        background-size: auto;
    background-size: cover;
    height: 1566px;

}
	
	#N1ballon img {

    position: relative;
    width: 30%;
    height:30%;
    float: left;

}
	h2 a{
    padding-left:15px;
    padding-right:15px;  
    color: blue;
 font-family: 'Kaushan Script', cursive;
    color: black;
font-size: 0.6em;
}

	.resumecarte {
    float:right;
  width:60%;
  color:#FFF;
    font-size:2em;
  padding-right:163px;
		background-color: #000;
		line-height: 1;
}
	
#center p.houbapartenaire {
		text-align: center;
		font-size: 2em;
	margin-top: 6px;
	background-color: yellow;
		color: #000;
	}

	#logogalciere img {
width:15%;

}
	
	#N1formules {
		margin-top: 180px;
	}
	
		#center p.houba {
margin-top: -351px;	
font-size: 2em;
/*! text-shadow: 22px 2px 22px yellow; */
		color:black;
		width:95%;
	background-color: yellow;	
	}
	
#slogan {

    font-size: 3.5em;
    margin-top: -400px;
    width: 75%;
    /*! padding-top: 21%; */
    float: right;
    font-family: helvetica;
    font-weight: bold;
    text-shadow: 12px 0px 12px #ffffff;

}
	
	#logogalciere {
      display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
 padding-left: 20%;
 margin-top: -158px; 
padding-top: 15px;

}
	
	#visuelglaciere img {
		width:25%;
		padding-bottom: 20px;
	}
	


	#houbaboutique {
		margin-top: 200px;
	}
	
	#zonetexte {
  float:right;
  width:60%;
margin-top:-400px;

  
}
	
	#contenucentrer {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		
	}
	
		.hk-row-fluid {

    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;

}
	
	.hikashop_vote_stars {
		margin-bottom: 40px;
	}
	
	.hikashop_subcontainer.thumbnail {
		height:350px;
	}
	
	.hikashop_cart_button {
		background-color: yellow;
		padding:15px 20px;
		border-radius: 50px;
	
	}
	
.hikashop_product_name a{
		font-size: 1.5em;


	}
.hikashop_product_name a:hover {
	font-size: 1.5em;

	}
	
.hikashop_product_price_full {
	font-size:1.5em;
	color:#000;

	}

	.cb_template {
    width:90%;
		margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
	
}
	/* Retirez la hauteure dans #millieu pour facebook */
	
	#millieu {
		width:70%;
		margin-left:auto;
		margin-right: auto;
	
	}
	.intfacebook {
	
				display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;

		align-content: center;
	
	}
	
	.myhome {
		display: none;
	}

	.slideshowck_pub {
	width:25%;

		position: absolute;
margin-left: 37%;


	}
	
	.moduletablecontact {
    height: 200px;
}
	
.monom {
		font-family: 'Kaushan Script', cursive;

	}
	
		
.bannergroup_facehome	.fb_iframe_widget {
    display: inline-block;
    position: relative;
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
	padding-top: 20px;
}


	
		#modulesbottommod2 > div.inner {
		 padding-top: 25px;
	}
			#modulesbottommod1 > div.inner {
		 padding-top: 25px;

	}
.jsn-container-left_1.span12	label.control-label{
		color:#FFF;
	}
  
  	#bascontact {
		width:20%;
	}
	
	i.fab.fa-facebook {
		font-size: 2em;
		color:#FFF;
	}
	
	#content .inner.clearfix {
		width:100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	ul.nav-tabs.nav-stacked {

text-align: center;
		
	}
	
.login {
		      display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center 
	}
	
	.contact-form{
    width:99%;

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

#contact-form  {
    width:50%;

}
	
		/*.moduletable_textaccueil .sweat, .moduletable_textaccueil .slogan, .moduletable_textaccueil .entrez.pop   {
		opacity: 0;
	}*/

		.custom_message {
	font-family: 'Kaushan Script', cursive;
	padding-top: 18px;
			display:none;
	}
			.custom_message .sweat {

			text-shadow: 0px 0px 0px #000000;
	}
			.custom_message .slogan {
color:#000;
text-shadow: 0px 0px 0px #000000;
				padding-bottom: 20px;
	font-style:italic;
	}
	
	#pictoetpied {
		display:none;
	}
	
		#pictoselection {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-left:2%;
		padding-right:2%;
	}
	
	.breadcrumb {
/*! background-color: #fff; */
font-size: 0.8em;
}
	
	#basdivers {
		width:20%;
	}

	.slogan {
		font-family: Helvetica, sans-serif;
		color:#FFF;
		font-size:2.1em;
		padding-top: 15px;
		text-shadow: -1px 2px 2px #000000;
	}
	
/* ---------------------------------------
onepage
-----------------------------------------*/


 .videoyoutube img{
   /* width:99%;
    height:99%;*/
    
  }
  
      p.rubrique.titrejoomla{
   margin:0px;
    padding-bottom: 40px;
  padding-top:40px;
				font-family: 'Kaushan Script', cursive;
}
p.rubrique{
padding-bottom: 20px;
  margin:0px;
  padding-top: 40px;
}

p.soustitre{
   margin:0px;
}

.centre {
    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
  
  padding-top: 15px;

}

.soustitre {
  
  font-size:1.5em;
  color:blue;
  padding-bottom: 15px;
}
.soustitre.gris {
  
  font-size:2.5em;
  color:grey;
  padding-bottom: 30px;
	padding-top: 40px;
}
.soustitrejoomla {
  
  font-size:2.5em;
  color:blue;
  /*! padding-bottom: 0px; */
  line-height: 1.8;
}

.rubrique {
    color:blue;
  font-size:5em;
padding-bottom: 20px;
    padding-top: 50px;
	font-family: 'Kaushan Script', cursive;
}
.titrejoomla {
    color:blue;
  font-size:5em;

   
}

#responsive {
  background-color: #F5F5F5;
  margin-top:150px;
}

#responsive .titre {
    color:blue;
  font-size:2em;
padding-top:20px;
}

#responsive img, #formation img {

    border:none 5px #000000;
    -moz-border-radius-topleft: 19px;
    -moz-border-radius-topright:19px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:19px;
    -webkit-border-top-right-radius:19px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-top-left-radius:19px;
    border-top-right-radius:19px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;

/*! width:95%; */

    /*! height: 95%; */
}

#personnalise {
padding-bottom: 3%; 
 margin-top:100px; 
}

.fondpersonnalise {
 margin:0;
height: 640px;

  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: 100%; /* version standardisée */
  margin-top:15px;
}

#modules {
  
 margin-top:0px; 
}

.fondmodules {
 margin:0;
height: 500px;
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: 100%; /* version standardisée */
	
/*	height: 50; 
	border-left: 930px solid transparent; 
	border-right: 930px solid transparent; 
	border-top: 100px solid #FFF;*/
	
}

.fondmodules1 {
background: url(../images/effet.png) no-repeat center ; 

}

#formation {
  background-color: #F5F5F5;

}
	
	
	/* ---------------------------------------
Fin onepage
-----------------------------------------*/
	
	
	
  .moduletable_slide1 {
    width: 15%;
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
	margin-left: 5%;

}

  
	.fa-joomla {
 color: grey;
  text-align: center;
  text-transform: normal;
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: pre;
  text-shadow: 1px 1px 0 rgba(140,140,140,0.6) , -1px -1px 1px rgba(0,0,0,0.67) ;
font-size:10em;
		
    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;	

	}
	
#contenutype {
				    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		
	}
	
	div.custom\.contenu {
	padding-left:8px;
	padding-right:8px;
}
	
	.myname {
		font-family: 'Kaushan Script', cursive;
		color:#FFF;
		font-size:4em;
padding-right:15%;
		text-align: center;
		padding-top:6%;
		text-shadow:-2px 2px 3px #000000;
		
		
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		
	}
	
		img.logo-article {
		width:13%;
border-radius:100%;
			border: solid 10px #FFF;
	}
	
div#maximenuck260 ul.maximenuck li ul.maximenuck2 li #piedhautcontenu  p, div#maximenuck260 ul.maximenuck2 li #piedhautcontenu p {
		font-size:1.2em;

	}
	
  .customcontact p {
		font-size:1.3em;
	padding-top:10px;
	}
	  .customcontact a, #piedbas a {
			color:#000;
			text-decoration: underline;
	}
		  .customcontact a:hover, #piedbas a:hover {
			color:#FFF;
			text-decoration: none;
	}
	
	#navigateur {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
	}
	
.fa.fa-firefox ,.fa.fa-chrome ,.fa.fa-opera ,.fa.fa-safari, .fa.fa-internet-explorer {
		font-size:6em;

	}

  	li.maximenucklogo {
		display:none;
	}
	
	.sweat {
		font-size: 5em;
		color:#FFF;
		text-shadow:-2px 2px 3px #000000;
	
	}
	.entrez a {
		color:blue;
		font-size:1.4em;

	}
		.entrez a:hover {
		color:#FFF;
		font-size:1.4em;
	}
	.entrez {
	font-family: 'arial';	
		color:blue;
		padding:18px;
		border: solid 0px blue;
		width:auto;
		font-size:1.5em;
		text-align: center;
		border-radius:5px;
		
		margin-top:30px;

    background-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6);



	}
		.entrez:hover {
		color:#FFFFFF;
		padding:18px;
		border: solid 0px;
		width:auto;
		font-size:1.5em;
		text-align: center;
		border-radius:5px;
			background-color: blue;
	}
	
	.custom_textaccueil {
		
		padding-top:12%;	
font-family: 'Kaushan Script', cursive;
	width:auto;	
		    display: flex ;
 flex-direction: column ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		/*! margin-left:30%; */
		/*! margin-right:30%; */
		
	}
	
	.moduletable_textaccueil{

	width: 55%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	margin-left: auto;
	margin-right: auto;
	}
	
	.wrapper_proprio, div#content {

	/*! width:100%; */	



	}
	


	
	.custom_vignettes p{
	font-weight: normal;
		font-size: 1.5em;
margin-top: 10px;
	}
	#piedhaut {

		background-color: blue;
		margin-left: auto;
		margin-right: auto;
	
	}
	#piedhautcontenu {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-bottom: 30px;
		padding-top: 10px;
	}
	#bascontact img {
		width:40%;
		float:left;
	}
	#basconect {
		
	padding-top: 15px;
	padding-left: 10%;
	}
	#boutsocial{
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: center ;
    align-items: center ;
    align-content: center;
		   
	}

	
	#piedbas {
		width:100%;
			background-color: #0505C2;
	line-height: 2.6em;
		color:#fff;
		/*! margin-bottom: 0px; */
	}

	
	#content .fa {
		color:blue;
	
	}
	
	.fa-facebook-f, .fa-twitter, .fa-google-plus-g, .fa-linkedin-in {
	
		padding:10px;
		color:#FFF;
	}
	
	div.bannergrouplogo img, div.bannergrouplogo2 img {
    padding:0px;
		/*! background-color:#FFF; */
	
border-radius: 90%;


		
}
	div.bannergrouplogo, div.bannergrouplogo2 {
		
background-color:yellow;
		padding: 7px;

		-moz-border-radius-topleft: 90%;
-moz-border-radius-topright:90%;
-moz-border-radius-bottomleft:90%;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:90%;
-webkit-border-top-right-radius:90%;
-webkit-border-bottom-left-radius:90%;
-webkit-border-bottom-right-radius:20px;
border-top-left-radius:90%;
border-top-right-radius:90%;
border-bottom-left-radius:90%;
border-bottom-right-radius:10px;
	}

	.slideshowck_slide1 {
		width:150px;
		height:150px;
	}
	
	#spetwit {
    max-width: 450px;
    /*! height: 400px; */
   
}
	
	#reseausociales {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-left:2%;
		padding-right:2%;
	}
		#reseausociales img {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-left:2%;
		padding-right:2%;
	}

	
	div.custom_sociales {
			/*! height: 450px; */
		 -moz-box-shadow:inset 0px 10px 15px #CCC;
    -webkit-box-shadow:inset 0px 10px 15px #CCC;
    box-shadow:inset 0px 10px 15px #CCC;
		padding-top:25px;
		padding-bottom:20px;
	}
	div.customuser {
		
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
	padding-left: 7%;
			padding-right: 7%;
		    padding-bottom: 18px;
	}
	.fa-user-circle-o {
		font-size: 10em;
		color: #999999;
		text-shadow: 1px 1px #723A0C, -1px -1px #000;
padding-bottom: 15px;
		padding-left: 0px;

	}
	
	.titre {
    font-weight: bold;
    font-size: 2em;
    color:blue;
		font-family: 'Kaushan Script', cursive;
}
	
  div.moduletablelogo {
    /*! padding-top: 24%; */
    margin-left: 60px;
    width: 13%;
		margin-top: 20%;
}
	
div.moduletablelogo2 {
   padding-top: 14px;
    margin-left: 60px;
    width: 12%;

}

	div.customreseaux {
		display:none;
		/*! padding: 10px; */
	}
	.customreseaux img {
padding: 10px;
	}
  	#modulesbottom .n5 > .flexiblemodule div.moduletable_vignettes {
		display:none;
	}
  
  	#camera_wrap_186 .camera_caption > div {
    background: rgba(246,247,248,0.9);
    font-family: 'Droid Sans';
   margin-left: 37.3%;
}
	.slideshowck_slide1 .camera_caption_desc{
 padding-left: 0px; 
		font-size:0.5em;
}
    .hikashop_category_name a {
    color: #666;
    text-decoration: none;
    font-weight: bold;
    margin-top: 10px;
    display: block;
    font-size: 0.9em;
}
  	div#boutique-mobilebarmenuck {
		display:none;
	}
  	.mobilebarmenuck {
    background: #0000FF;
		display:none;
}
  	div.moduletable_panier h3{
	margin-left:50px;
		
	}
  div#hikashop_cart_module {
		margin-left:50px;
		margin-top:10px;
	}
		div.moduletable_normal {
		display:block;
	}
	div.moduletable_mobile {
		display:none;
	}
  	.mobilebarmaximenuck {
    display: none;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    background: #0000FF;
    width: 100%;
    height: 40px;
}
	td.youtube {
		height: 170px;
	}
	td.recherche {
width:140px;
	}
		img.gmap {
width: 594px;
		height:157px;
	}
	.tabs_mask {
  	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999; */ 
}
  	div#colonne img {
    width: 95%;
}
div#colonne {
    width: 30%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
  	div.bannergroup_gmap {
		 
    margin-left: auto;
    margin-right: auto;

    /*! margin-top: 10px; */
	}
	.moduletable_G {
		display:block;
	}
		.moduletable_G\+mob {
		display:none;
	}
  	div#maincenter {
   
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
     /*! margin-top: 25px; */
}
		#free1 {
		height:17%;
	}

		div.moduletable_twiter1 {
	display:none;
}
  	div.bannergroup_facehome {
	display:block;
}
  	  	.moduletable_facehome1 {
	display:none;
}

.hidemobile5 {
	display: none !important;
}

#banner {
	display:none;
}
#nav {
	display: inherit;
}
#free1 {
  background-size: 100%; /* version standardisée */

}
#modulestop {
	display: inherit;
  background-color: #FFF;
}
#free2 {
	display: inherit;
}
#modulesbottom {
	display: inherit;
  background-color: #000;
	position: relative;
	
}
#footer {
    display: inherit;
  
    background-color: #fff;
    /*! display: flex; */
    /*! flex-direction: row; */
    /*! flex-wrap: wrap; */
    /*! justify-content: space-around; */
    /*! align-items: center; */
    /*! align-content: center; */
    /*! width: 3O%; */
}
}

@media screen and (min-width: 950px) and (max-width: 1024px) {
	
		.eds-animate {
/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
	

	#boutique {
		display:none;
	}

		#articlelocation p {

    border-radius: 50px;
    font-size: 1.6em;

}

	.jsn-uniform .form-actions .btn-toolbar .btn {

    float: none;
    padding: 10px 15px;
    color: #000;
    font-size: 1.5em;

}

	.jsn-uniform .form-actions .btn-toolbar .btn.jsn-form-submit {

    position: relative;
    z-index: 1;
    padding: 10px 15px;
    color: #000;
    font-size: 1.5em;

}
	
	.gateaux1, .gateaux2, .gateaux3 {

    border-radius: 90%;
    border: 8px solid #000;
    padding: 18px 18px;
width: 70%;
}
	
		#zoneboutique {
 /*! background: url(/houbahoubaanimation.com/images/fondbas.png) no-repeat center center ; */ 
 background-size: cover; 
  
height:600px;

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

}
	
	.resumecarte {

    float: right;
    width: 60%;
    color: #FFF;
    font-size: 2em;
    padding-right: 163px;
    background-color: #000;
    line-height: 1;

}
	
	#slide {

    margin-left: 5%;
    margin-top: 12%;
    width: 35%;

}
	
	.servicetitre {

    padding: 15px;
    margin-bottom: 20px;
    color: #FFF;
    font-size: 2em;
    margin-top: -20px;
    height: 35px;

}
	
	#espacephoto h1 {

    line-height: 4;
    font-size: 6.5em;
    text-shadow: 3px 0px 30px #000;

}
	
	#espacephoto {

    background: url(https://houbahoubaanimation.com/images/lazergame.jpg) repeat center fixed;
        background-size: auto;
    background-size: auto;
    background-size: cover;
    height: 428px;

}
	
		img.logohouba {

    width: 9%;
    margin-top: -53px;
    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;

}
	.bigbtensavoirplus {
  text-align: center;
 padding: 20px 30px;
  background-color: yellow;
  width:25%;
  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:25%;
  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;
}
	
	
	.bigbtensavoirplus2 {

padding: 20px 30px;
background-color: #000;
width: 25%;
  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: 25%;
  color:#fff;
text-align: center; 
margin-left:auto;
  margin-right: auto;
  border-radius: 50px;
  font-size:2em;
  margin-top :30px;
  
  color:#000;
cursor: pointer;

}
	
	h3 {

    font-size: 1.5em;
    color: #000;

}
	
	#slogan p {

    line-height: 1;
    color: #000;
    font-family: 'Kaushan Script', cursive;
		padding-left: 10%;

    display: block;
}
	
	#center p.houba {

    margin-top: -434px;
    font-size: 2em;
    text-shadow: 22px 2px 22px yellow;
    color: black;
    width: 95%;
background: rgba(255, 255, 0, 0.8);

}
	
	#effetjaune .resumeclass {

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

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

}

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

}
	
	#zonetexte {

    float: right;
    width: 60%;
    margin-top: -300px;

}
	
	#zonetexte p {

    color: #FFF;
    text-align: left;
    font-size: 5em;
    padding-right: 0px;
    margin-bottom: 0px;
    font-family: 'Kaushan Script', cursive;
    text-shadow: 3px 0px 50px #f5f50a;

}
	
	#center p.houbapartenaire {

    text-align:left;
    font-size: 1.7em;
    margin-top: 46px;
    background-color: yellow;
    color: #000;

}
	
#logogalciere {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    padding-left: 30%;
    margin-top: -158px;
    padding-top: 15px;

}
	#logogalciere img {

    width: 15%;

}
	
	
	#visuelglaciere {

    margin-left: 5%;
width:400px;
}
	
#zonevisuel {

    height: 600px;
    background: url(https://houbahoubaanimation.com/images/servicevisuel.png) no-repeat center center;
        background-size: auto;
    background-size: auto;
    background-size: cover;
    zoom: 70%;

}
	
	#center h1 {

    font-family: 'Kaushan Script', cursive;
    font-size: 4em;
    border-bottom: none;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;

    text-align: center;

}
	
	#resumelazer {

    width: 80%;
    color: #000;
    line-height: 1.1;
    font-size: 2em;

}
	
	#slogan2 p {

    font-size: 5em;
    margin: 0px;
    color: #fff;
    text-shadow: 3px 0px 30px #000;
    font-family: 'Kaushan Script', cursive;

}
	
	#location h1 {

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

}
	
	#resume {

    width:70%;
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
    font-size: 2em;
    line-height: 1.1;

}

	
#N1formules h1 {

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

}
	
#slogan {

    font-size: 3.5em;
    margin-top: 165px;
    width: 95%;
    padding-top: 65%;
    float: right;
    font-family: helvetica;
    font-weight: bold;
    text-shadow: 12px 0px 12px #ffffff;

}
	
	.un {
  margin-right: 140px;
  margin-top: -620px;
  padding-left: 50px;
  padding-top: 30px;
    /*! padding-bottom: 20px; */
  /*! margin-bottom: 10px; */
}
	
#niveau1 {

    background: url(https://houbahoubaanimation.com/images/Niveau1.jpg) no-repeat center center;
        background-size: auto;
    background-size: auto;
    background-size: cover;
    height: 1360px;

}
	
	
#N1ballon img {

    position: relative;
    width: 30%;
    height: 30%;
    float: left;

}

	.cb_template {
    width:90%;
		margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
	
}
	

		#millieu {
	
		margin-left:auto;
		margin-right: auto;
	}
		.intfacebook {
			width:40%;
				display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		align-content: center;
	}
	
	.myhome {
		margin-bottom: 20px;
	}
	
	
	
		
	#camera_wrap_282 .camera_caption > div div.camera_caption_desc {

    color: #000000;
    font-size: 1em;

}
	
		.slideshowck_pub {
	width:50%;

		position: absolute;
margin-left: 25%;


	}
	
div.moduletablelogo2 {

    padding-top: 100px;
    margin-left: 20px;
    width: 19%;

}
	
	.moduletablecontact {
    height: 100px;
}
	
	.bannergroup_facehome {
		padding-top: 10px;
	}

	.breadcrumb {
background-color: #fff;
font-size: 0.8em;
}
	
	#content .inner.clearfix {
		width:100%;
	
	}
		ul.nav-tabs.nav-stacked {

text-align: center;
		
	}
	
.login {
		      display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center 
	}
	
		.moduletable_textaccueil .sweat, .moduletable_textaccueil .slogan  {
		opacity: 0;
	}

		.custom_message {
	font-family: 'Kaushan Script', cursive;
	padding-top: 18px;
	}
			.custom_message .sweat {

			text-shadow: 0px 0px 0px #000000;
	}
			.custom_message .slogan {
color:#000;
text-shadow: 0px 0px 0px #000000;
				padding-bottom: 20px;
	font-style:italic;
	}

	
	.bannergroup_gmap {
		padding-top: 20px;
	}
		
	#pictoetpied {
		display:none;
	}
			
	#pictoselection {
    display:none ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: center ;
    align-items: center ;
    align-content: center ;

	}


	#basdivers .bannergroup_facehome {
display: none;
}

		.breadcrumb {
background-color: #EAEAEA;

}
	
		div.custom_sociales {
			/*! height: 450px; */
		 -moz-box-shadow:inset 0px 10px 15px #CCC;
    -webkit-box-shadow:inset 0px 10px 15px #CCC;
    box-shadow:inset 0px 10px 15px #CCC;
		padding-top:25px;
		padding-bottom:20px;
	}
	
		.slogan {
		font-family: Helvetica, sans-serif;
		color:#FFF;
		font-size:1.7em;
		padding-top: 15px;
		text-shadow: -1px 2px 2px #000000;
			text-align: center;
	}
	
/* ---------------------------------------
onepage
-----------------------------------------*/

#joomla {
    width:99%;
  }
  
  .awards img {
    width:80%;
    height:80%;
  }
  
    .videoyoutube img{
    width:90%;
    height:90%;
    
  }
  
      p.rubrique.titrejoomla{
   margin:0px;
    padding-bottom: 20px;
  padding-top:10px;
	font-family: 'Kaushan Script', cursive;
}
p.rubrique{
padding-bottom: 20px;
  margin:0px;
  padding-top: 20px;
	font-family: 'Kaushan Script', cursive;
}

p.soustitre{
   margin:0px;
}

.centre {
    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
  
  padding-top: 15px;

}

.soustitre {
  
  font-size:1.5em;
  color:blue;
  padding-bottom: 15px;
}
.soustitre.gris {
  line-height: 25px;
  font-size:2.2em;
  color:grey;
  padding-bottom: 25px;
	padding-top: 20px;
}
.soustitrejoomla {
  
  font-size:1.7em;
  color:blue;
  padding-bottom: 0px;
}

.rubrique {
    color:blue;
  font-size:3.5em;
padding-bottom: 20px;
    padding-top: 40px;
	font-family: 'Kaushan Script', cursive;
}
.titrejoomla {
    color:blue;
  font-size:2.5em;
line-height: 1.4;
    padding-bottom: 0px;
}

#responsive {
  background-color: #F5F5F5;
  margin-top:100px;
}

#responsive .titre {
    color:blue;
  font-size:2em;
padding-top:20px;
}

#responsive img, #formation img {

    border:none 5px #000000;
    -moz-border-radius-topleft: 19px;
    -moz-border-radius-topright:19px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:19px;
    -webkit-border-top-right-radius:19px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-top-left-radius:19px;
    border-top-right-radius:19px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;

width:70%;

    height: 70%;
}

#personnalise {
  
 margin-top:90px; 
padding-bottom: 50px;
}

.fondpersonnalise {
 margin:0;
height: 320px;

  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: 100%; /* version standardisée */
  margin-top:15px;
}

#modules {
  
 margin-top:0px; 
}



.fondmodules {
 margin:0;
height: 300px;

  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: 100%; /* version standardisée */
	
	  /*! -moz-box-shadow:inset 2px 3px 5px #000000; */
    /*! -webkit-box-shadow:inset 2px 3px 5px #000000; */
    /*! box-shadow:inset 2px 3px 5px #000000; */

}

#formation {
  background-color: #F5F5F5;

}
	
	
	/* ---------------------------------------
Fin onepage
-----------------------------------------*/
  
  .moduletable_slide1 {
    width: 20%;
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
}

				div.customjaimefacebook {
		padding-left:80px;
		padding-bottom:10px;
	}
	
		#content .fa {
		color:blue;

	}
	
		#contenutype {
				    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		
	}
	
		div.custom\.contenu {
	padding-left:8px;
	padding-right:8px;
}
	
		.myname {
		font-family: 'Kaushan Script', cursive;
		color:#FFF;
		font-size:4em;
padding-right:15%;
		text-align: center;
		padding-top:8%;
		text-shadow:-2px 2px 3px #000000;
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
	padding-bottom: 110px;	
	}
		img.logo-article {
		width:17%;
border-radius:100%;
			border: solid 10px #FFF;
	}
		  .customcontact a, #piedbas a {
			color:#FFF;
			text-decoration: underline;
	}
		  .customcontact a:hover, #piedbas a:hover {
			color:#FFF;
			text-decoration: none;
	}

#navigateur {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
	}
	
.fa.fa-firefox ,.fa.fa-chrome ,.fa.fa-opera ,.fa.fa-safari, .fa.fa-internet-explorer {
		font-size:6em;
	}
	
	.wrapper_proprio, div#content {
    

	width:100%;	
		/*background-color: #fff;*/

margin-left:0px;
     /* -moz-box-shadow: 1px 1px 2px #8f8d8f;
    -webkit-box-shadow: 1px 1px 2px #8f8d8f;
    box-shadow: 1px 1px 2px #8f8d8f;*/
  
padding: 0px;
    border:none 5px #000000;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;

	}
.sweat {
    font-size: 4em;
    color: #FFF;
    text-shadow: -2px 2px 3px #000000;
}
	#modulestop {
		background-color: #FFF;
	}
	.entrez a {
		color:blue;
		font-size: 1.3em;
	}
		.entrez a:hover {
		color:#fff;
		font-size: 1.3em;
	}
	.entrez {
	font-family: 'arial';	
		color:blue;
		padding:18px;
		border: solid 0px;
		width:auto;
		font-size:1.5em;
		text-align: center;
		border-radius:5px;
		margin-top:30px;
    background-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6);


	}
		.entrez:hover {
		color:#FFFFFF;
		padding:18px;
		border: solid 0px;
		width:auto;
		font-size:1.5em;
		text-align: center;
		border-radius:5px;
			background-color: blue;

	}
	
	.custom_textaccueil {
		
		padding-top:12%;	
font-family: 'Kaushan Script', cursive;
	width:auto;	
		    display: flex ;
 flex-direction: column ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		/*! margin-left:30%; */
		/*! margin-right:30%; */
		
	}
	
	.moduletable_textaccueil{

	width: 55%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	margin-left: auto;
	margin-right: auto;
	}
	
		#piedbas {
		width:100%;
			background-color: blue;
	line-height: 2.6em;
		color:#fff;
	}
#piedbas a {

		color:#000;
	}
				#piedbas a:hover {
text-decoration: underline;
		color:#000;
	}

	.fa-facebook-f, .fa-twitter, .fa-google-plus-g, .fa-linkedin-in {
	
		padding:10px;
		color:#FFF;
	}
	
	#boutsocial {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
		#piedhaut {

		background-color: blue;
		margin-left: auto;
		margin-right: auto;

		
	}
	#piedhautcontenu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
		padding-bottom: 20px;
		padding-top:15px;
}
	#basconect {
		padding-top:20px;
		width:37%;
	}
		#bascontact  {
    width: 55%;
}
	#bascontact img {
    width: 20%;
		float:left;
}
	#basdivers {
		width:30%;
		
	}
		#reseausociales {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-left:2%;
		padding-right:2%;
	}
	
	.titre {
    font-weight:normal;
    font-size: 2em;
    color: blue;
		font-family: 'Kaushan Script', cursive;
}
	div.bannergrouplogo img, div.bannergrouplogo2 img {
    padding:0px;
		/*! background-color:#FFF; */
	
border-radius: 90%;


		
}
	div.bannergrouplogo, div.bannergrouplogo2 {
		
background-color:yellow;
		padding: 8px;

		-moz-border-radius-topleft: 90%;
-moz-border-radius-topright:90%;
-moz-border-radius-bottomleft:90%;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:90%;
-webkit-border-top-right-radius:90%;
-webkit-border-bottom-left-radius:90%;
-webkit-border-bottom-right-radius:20px;
border-top-left-radius:90%;
border-top-right-radius:90%;
border-bottom-left-radius:90%;
border-bottom-right-radius:20px;
	}
	
	div.customuser {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    padding-left: 7%;
    padding-right: 7%;
    padding-bottom: 18px;
}
			.slideshowck_slide1 {
		width:150px;
		height:150px;
	}
		.camera_caption_title {

}
		div.customreseaux {

display:none;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-content: center;
padding-left: 30%;
padding-right: 30%;
			padding-top: 10px;
			padding-bottom: 40px;
	}
	
  div.moduletable_gmap {
    padding-top: 25px;
    padding-bottom: 15px;
		padding-left:5%;
		padding-right:5%;
}
  
		#procedure {
    float: left;
    margin-left: 8%;
    margin-top: 10px;
}
		div#categories {
    float: left;
    padding-left: 55px;
			margin-top:50px;
}
		div#categories img {
    width: 100px;
    padding-bottom: 5px;
}
  	.mobilebarmenuck {
    background: #0000FF;
		display:none;
}
			div.moduletable_normal {
		display:block;
	}
	div.moduletable_mobile {
		display:none;
	}
  			td.recherche {
width:135px;
	}
	td.youtube {
		height:200px;
	}
		img.gmap {
width: 594px;
		height:157px;
	}
	  	div#colonne img {
    width: 95%;
}
div#colonne {
    width: 30%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
	div.moduletable_twiter-accueil{
		display:none;
	}
		.moduletable_G {
		display:block;
	}
		.moduletable_G\+mob {
		display:none;
	}
		  	div#maincenter {

      /*margin-top: 40px;*/
}
  		div#maincenter {
  
position: relative;
/*! width: 1024px; */
margin-left: auto;
margin-right: auto;
}


		div.moduletable_pub	.camera_caption_title {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1em;
    padding-left: 0px;
}
		#camera_wrap_186 .camera_caption > div {
    margin-left: 32%;
    background: rgba(255,255,255,0.9);
    font-family: 'Droid Sans';
			width:46%;
}
  	div.moduletable_membre {
    padding-left: 4%;
}
		#free1 {
    /*! height: 390px; */
    /*! padding-bottom: 35px; */
}
		div.moduletablelogo {
margin-left: 35px;
width: 170px;
margin-top: 14%;
}
		div.moduletable_twiter {
	display:none;
}
div.moduletable_twiter1 {
display:none;
width:43%;
float: right;
}
div.moduletable_facehome {
display:block;	
			float:left;
}
			div.moduletable_facehome1 {
display:none;
				float:left;
}
	#visuelglaciere img {

    width: 75%;
    padding-bottom: 20px;

}

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 758px !important;
}

.hidemobile3 {
	display: none !important;
}

#banner {
	display: inherit;
}
#nav {
	display: inherit;
}
#free1 {
	
  background-size: 100%; /* version standardisée */
}
#modulestop .flexiblemodule {
	width: 20% !important;
float: left;
}
#maincontent .column {

	

}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
  
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin-top: 0px !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#free2 {
	display: inherit;
}
  	#modulesbottom .n5 > .flexiblemodule div.moduletable_vignettes {
   display:none;
}
#modulesbottom .flexiblemodule {
	width: 33% !important;
float: left;
}
#footer {
	display: inherit;
}


}

@media screen and (min-width: 758px) and (max-width: 949px) {
	
	  .eds-animate.zoomIn {
padding-top: 150px;
		margin-top: -150px;
	}
		.bigbtensavoirplus4 {

width: 30%;

}
	
	.eds-animate {
/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

#row_ID1563526925875 a.buttonck.inner  {
	    
		background: #faee05;
    border: none;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-left: 25px;
    box-shadow: #faee05 0px 0px 4px 0px;
    -moz-box-shadow: #faee05 0px 0px 4px 0px;
    -webkit-box-shadow: #faee05 0px 0px 4px 0px;
	
	 color: #000;
    font-size: 0.9em;
    font-family: helvetica;
	}
	
	#row_ID1563526925875 a.buttonck.inner:hover  {
	    
		background: #000;
    border: none;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 25px;
    padding-bottom: 10px;
    padding-left: 25px;
    box-shadow: #faee05 0px 0px 4px 0px;
    -moz-box-shadow: #faee05 0px 0px 4px 0px;
    -webkit-box-shadow: #faee05 0px 0px 4px 0px;
	
	 color: #fff;
    font-size: 0.9em;
    font-family: helvetica;
	}

	.pagebuilderck h3 {
		font-size: 1em;
	}

	#landing {
		margin-top: 60px;
	}

	#articlelocation p {

    border-radius: 50px;
    font-size: 1.5em;

}
	
	#boutique {
		display: none;
	}
	
		.jsn-uniform .form-actions .btn-toolbar .btn {

    float: none;
    padding: 10px 15px;
    color: #000;
    font-size: 1.5em;

}

	.jsn-uniform .form-actions .btn-toolbar .btn.jsn-form-submit {

    position: relative;
    z-index: 1;
    padding: 10px 15px;
    color: #000;
    font-size: 1.5em;

}
	
	.gateaux1, .gateaux2, .gateaux3 {

    border-radius: 90%;
    border: 8px solid #000;
    padding: 18px 18px;
width: 50%;
}
	
		#zoneboutique {
 /*! background: url(/houbahoubaanimation.com/images/fondbas.png) no-repeat center center ; */ 
 background-size: cover; 
  
height:475px;

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

}
	
	#effetjaune .resumeclass {

    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5em;
    color: #000;
    line-height: 1.1;

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

}

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

    float: right;
    width: 60%;
    margin-top: -200px;

}
	
	.resumecarte {

    float: right;
    width: 60%;
    color: #FFF;
    font-size: 1.7em;
    padding-right: 163px;
    background-color: #000;
    line-height: 1;

}
	
	#slide {

    margin-left: 5%;
    margin-top: 12%;
    width: 35%;

    height: 200px;
}
	
		#center p.houbapartenaire {

    text-align:left;
    font-size: 1.5em;
    margin-top: 56px;
    background-color: yellow;
    color: #000;

}
	
	#zoneglaciere {

    background: url(https://houbahoubaanimation.com/images/fondglaciere.jpg) no-repeat center center;
        background-size: auto;
    background-size: cover;
    height: 800px;
    -moz-box-shadow: -2px -6px 9px #000000;
    -webkit-box-shadow: -2px -6px 9px #000000;
    box-shadow: -2px -6px 9px #000000;

}
	
	#logogalciere {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    padding-left: 30%;
    margin-top: -158px;
    padding-top: 15px;

}
	
	#logogalciere img {

    width: 15%;

}
	
	#visuelglaciere img {

    width: 30%;
    padding-bottom: 20px;

}
	
	#zonevisuel {

    height: 500px;
    background: url(https://houbahoubaanimation.com/images/servicevisuel.png) no-repeat center center;
        background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    zoom: 70%;

}
	
	#center h1 {

    font-family: 'Kaushan Script', cursive;
    font-size: 3.5em;
    border-bottom: none;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;

}
	
	.servicetitre {

    padding: 15px;
    margin-bottom: 20px;
    color: #FFF;
    font-size: 1.5em;
    margin-top: -20px;
    height: 35px;

}
	
	#espacephoto h1 {
padding-top: 100px;
    line-height: 1.5;
    font-size: 5em;
    text-shadow: 3px 0px 30px #000;

}
	
	#espacephoto {

    background: url(https://houbahoubaanimation.com/images/lazergame.jpg) repeat center fixed;
        background-size: auto;
    background-size: cover;
    height: 350px;

}
	
	#resumelazer {

    width: 90%;
    color: #000;
    line-height: 1;
    font-size: 1.7em;

}
	
	#slogan2 p {

    font-size: 3.4em;
    margin: 0px;
    color: #fff;
    text-shadow: 3px 0px 30px #000;
    font-family: 'Kaushan Script', cursive;

}
	
	#resume {

    width: 77%;
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.7em;
    line-height: 1.1;
    text-shadow: 2px 2px 2px #000;

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

}
	
	#location {

    background: url(https://houbahoubaanimation.com/images/fondlocationd.png) repeat center fixed;
        background-size: auto;
    background-size: cover;
    height: 666px;
    padding-bottom: 80px;

}
	
	.enlocation {
		width:20%;
	}
	
	#location h1 {

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

}
	
			img.logohouba {

    width: 13%;
    margin-top: -53px;
    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;

}
	.bigbtensavoirplus {
  text-align: center;
 padding: 20px 30px;
  background-color: yellow;
  width:30%;
  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:25%;
  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;
}
	
	
	.bigbtensavoirplus2 {

padding: 20px 30px;
background-color: #000;
width: 25%;
  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: 25%;
  color:#fff;
text-align: center; 
margin-left:auto;
  margin-right: auto;
  border-radius: 50px;
  font-size:2em;
  margin-top :30px;
  
  color:#000;
cursor: pointer;

}
	
	h3 {

    font-size: 1.5em;
    color: #000;

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

}
	
#landing	#row_ID1563526925875 {
		display:none;
	}
	
	#center p.houba {

    margin-top: -270px;
    font-size: 1.5em;
    text-shadow: 22px 2px 22px yellow;
    color: black;
    width: 95%;
    background-color: yellow;
background: rgba(255, 255, 0, 0.8);
}
	
	.un {

    margin-right: 140px;
    margin-top: -60px;
    padding-left: 50px;
    padding-top: 70px;
    padding-bottom: 20px;
    margin-bottom: 10px;

}

#slogan {

    font-size: 2.5em;

    width: 100%;
    font-family: helvetica;
    font-weight: bold;
    text-shadow: 12px 0px 12px #ffffff;

}

#niveau1 {

    background: url(https://houbahoubaanimation.com/images/Niveau1.jpg) no-repeat center center;
        background-size: auto;
    background-size: auto;
    background-size: cover;
    height: 900px;

margin-top: -60px;
}
		
	#millieu {

		margin-left:auto;
		margin-right: auto;

	}
		.intfacebook {
		width:50%;
				display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		align-content: center;
	}
		.intfacebook {
		
				display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		align-content: center;
	}

	.cb_template {
    width:90%;
		margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
	
}
	
		.myhome {
		margin-bottom: 10px;
	}
	
	.slideshowck_pub {
	width:60%;

		position: absolute;
margin-left: 20%;


	}
	#camera_wrap_282 .camera_caption > div div.camera_caption_desc {

    color: #000000;
    font-size: 1.6em;

}
	
div.moduletablelogo2 {

    padding-top: 100px;
    margin-left: 20px;
    width: 15%;

}
	
		.moduletablecontact {
    height: 140px;
}
	
		ul.nav-tabs.nav-stacked {

text-align: center;
		
	}
	
.login {
		      display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center 
	}
	
		.moduletable_textaccueil .sweat, .moduletable_textaccueil .slogan  {
		opacity: 0;
	}

		.custom_message {
	font-family: 'Kaushan Script', cursive;
	padding-top: 18px;
	}
			.custom_message .sweat {

			text-shadow: 0px 0px 0px #000000;
	}
			.custom_message .slogan {
color:#000;
text-shadow: 0px 0px 0px #000000;
				padding-bottom: 20px;
	font-style:italic;
	}

		#pictoetpied {
		display:none;
	}
	
			#pictoselection {
		    display: none ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-left:2%;
		padding-right:2%;
	}

	.bannergroup_facehome {
		display:none;
	}

		.breadcrumb {
background-color: #EAEAEA;

}
	
		div.custom_sociales {
			/*! height: 450px; */
		 -moz-box-shadow:inset 0px 10px 15px #CCC;
    -webkit-box-shadow:inset 0px 10px 15px #CCC;
    box-shadow:inset 0px 10px 15px #CCC;
		padding-top:25px;
		padding-bottom:20px;
	}
	
			.slogan {
		font-family: Helvetica, sans-serif;
		color:#FFF;
		font-size:1.5em;
		/*! padding-top: 15px; */
		text-shadow: -1px 2px 2px #000000;
				text-align: center;
	}
		/* ---------------------------------------
onepage
-----------------------------------------*/

#joomla {
    width:99%;
  }
  
  .awards img {
    width:80%;
    height:80%;
  }
  
    .videoyoutube img{
    width:90%;
    height:90%;
    
  }
  
      p.rubrique.titrejoomla{
   margin:0px;
    padding-bottom: 20px;
  padding-top:10px;
	font-family: 'Kaushan Script', cursive;
}
p.rubrique{
padding-bottom: 20px;
  margin:0px;
  padding-top: 20px;
	font-family: 'Kaushan Script', cursive;
}

p.soustitre{
   margin:0px;
}

.centre {
    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
  
  padding-top: 15px;

}

.soustitre {
  
  font-size:1.5em;
  color:blue;
  padding-bottom: 15px;
}
.soustitre.gris {
  line-height: 25px;
  font-size:2.2em;
  color:grey;
  padding-bottom: 25px;
	padding-top: 20px;
}
.soustitrejoomla {
  
  font-size:1.7em;
  color:blue;
  padding-bottom: 0px;
}

.rubrique {
    color:blue;
  font-size:3.5em;
padding-bottom: 20px;
    padding-top: 40px;
	font-family: 'Kaushan Script', cursive;
}
.titrejoomla {
    color:blue;
  font-size:2.5em;
line-height: 1.4;
    padding-bottom: 0px;
}

#responsive {
  background-color: #F5F5F5;
  margin-top:100px;
}

#responsive .titre {
    color:blue;
  font-size:2em;
padding-top:20px;
}

#responsive img, #formation img {

    border:none 5px #000000;
    -moz-border-radius-topleft: 19px;
    -moz-border-radius-topright:19px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:19px;
    -webkit-border-top-right-radius:19px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-top-left-radius:19px;
    border-top-right-radius:19px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;

width:80%;

    height: 80%;
}

#personnalise {
  
 margin-top:90px; 
padding-bottom: 40px;
}

.fondpersonnalise {
 margin:0;
height: 340px;

  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: 100%; /* version standardisée */
  margin-top:15px;
}

#modules {
  
 margin-top:0px; 
}



.fondmodules {
 margin:0;
height: 300px;

  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: 140%; /* version standardisée */
	
	-moz-box-shadow:inset 2px 3px 5px #000000; 
   -webkit-box-shadow:inset 2px 3px 5px #000000; 
box-shadow:inset 2px 3px 5px #000000;

}

#formation {
  background-color: #F5F5F5;

}
	
	
	/* ---------------------------------------
Fin onepage
-----------------------------------------*/
  
  .moduletable_slide1 {
    width: 20%;
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
}

				div.customjaimefacebook {
		padding-left:80px;
		padding-bottom:10px;
	}
	
		#content .fa {
		color:blue;
	
	}
		
	#contenutype {
				    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		
	}
	
		div.custom\.contenu {
	padding-left:8px;
	padding-right:8px;
}
	
		.myname {
		font-family: 'Kaushan Script', cursive;
		color:#FFF;
		font-size:4em;
padding-right:15%;
		text-align: center;
		padding-top:5%;
		text-shadow:-2px 2px 3px #000000;
		
		
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		
	}
	
		img.logo-article {
		width:14%;
border-radius:100%;
			border: solid 5px #FFF;
			
	}
	
		  .customcontact a, #piedbas a {
			color:#FFF;
			text-decoration: underline;
	}
		  .customcontact a:hover, #piedbas a:hover {
			color:#FFF;
			text-decoration: none;
	}
		#navigateur {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
	}
	
.fa.fa-firefox ,.fa.fa-chrome ,.fa.fa-opera ,.fa.fa-safari, .fa.fa-internet-explorer {
		font-size:6em;
	}
	
	.wrapper_proprio, div#content {
    

	width:100%;	
		background-color: #fff;

margin-left:0px;
   /*   -moz-box-shadow: 1px 1px 2px #8f8d8f;
    -webkit-box-shadow: 1px 1px 2px #8f8d8f;
    box-shadow: 1px 1px 2px #8f8d8f;*/
  
padding: 0px;
    border:none 5px #000000;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    margin-top: 30px;

	}
		.sweat {
		font-size: 3.5em;
		color:#FFF;
			text-shadow:-2px 2px 3px #000000;
	}
	#modulestop {
		background-color: #FFF;
	}
	.entrez a {
			color:blue;
		font-size: 1.1em;
	}
			.entrez a:hover {
		color:#fff;
		font-size: 1.1em;
	}
	.entrez {
	font-family: 'arial';	
		color:blue;
		padding:11px;
		border: solid 0px;
		width:auto;
		font-size:1.5em;
		text-align: center;
		border-radius:5px;
		margin-top:30px;
    background-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6);

	}
		.entrez:hover {
		color:#FFFFFF;
		padding:11px;
		border: solid 0px;
	width:auto;
		font-size:1.5em;
		text-align: center;
		border-radius:5px;
			background-color: blue;
	}
	
		.custom_textaccueil {
		
		padding-top:12%;	
font-family: 'Kaushan Script', cursive;
	width:auto;	
		    display: flex ;
 flex-direction: column ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		/*! margin-left:30%; */
		/*! margin-right:30%; */
		
	}
	
	.moduletable_textaccueil{

	width: 55%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	margin-left: auto;
	margin-right: auto;
	}
	
	.moduletable_textaccueil{

	width: 55%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	margin-left: auto;
	margin-right: auto;
	}
	
		#piedbas {
		width:100%;
			background-color: blue;
	line-height: 2.6em;
		color:#fff;
	}
			#piedbas a {

		color:#fff;
	}
				#piedbas a:hover {
text-decoration: underline;
		color:#fff;
	}


	#boutsocial {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
		#piedhaut {

		background-color: blue;
		margin-left: auto;
		margin-right: auto;
		
	}
	
	#piedbas {
    width: 100%;
    background-color: blue;

		color:#FFF;

}
		#piedbas a {

		color:#000;
}
			#piedbas a:hover {
text-decoration: underline;
		color:#000;
}
	.fa-facebook-f, .fa-twitter, .fa-google-plus-g, .fa-linkedin-in {
	
		padding:10px;
		color:#FFF;
	}
	
	#boutsocial {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
	.custom_pied {
		
	}		

	#piedhaut {


		background-color: blue;
		margin-left: auto;
		margin-right: auto;
		

		
	}
	#piedhautcontenu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}
	#basconect {
		width:40%;
	}
		#bascontact  {
			padding-top: 20px;
    width: 51%;
}
	#bascontact img {
    width: 55%;
}
	div#maximenuck260 li #bascontact img{
		width: 25%;
	
	}
	#basdivers {
		width:25%;
		
	}
			#reseausociales {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-left:2%;
		padding-right:2%;
	}
			div.customreseaux {
		display:block;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
   
			padding-top: 10px;
	}
	.titre {
    font-weight:normal;
    font-size: 2em;
    color: blue;
		font-family: 'Kaushan Script', cursive;
}
	div.bannergrouplogo img, div.bannergrouplogo2 img {
    padding:0px;
		/*! background-color:#FFF; */
	
border-radius: 90%;


		
}
	div.bannergrouplogo, div.bannergrouplogo2 {
		
background-color:yellow;
		padding: 5px;

		-moz-border-radius-topleft: 90%;
-moz-border-radius-topright:90%;
-moz-border-radius-bottomleft:90%;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:90%;
-webkit-border-top-right-radius:90%;
-webkit-border-bottom-left-radius:90%;
-webkit-border-bottom-right-radius:20px;
border-top-left-radius:90%;
border-top-right-radius:90%;
border-bottom-left-radius:90%;
border-bottom-right-radius:20px;
	}
	div.customuser {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    padding-left: 7%;
    padding-right: 7%;
    padding-bottom: 18px;
}
			.slideshowck_slide1 {
		width:100px;
		height:100px;
	}
			div.customreseaux {
		
    display: none;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: center ;
    align-items: center ;
    align-content: center ;
	}
	
  div.moduletable_gmap {
    padding-top: 25px;
    padding-bottom: 15px;
     padding-left: 5%;
    padding-right: 5%;
}
  
	#procedure {
    float: left;
    margin-left: 4%;
    margin-top: 10px;
}
	div#categories img {
    width:86px;
    padding-bottom: 5px;
}
			div.moduletable_normal {
		display:block;
	}
	div.moduletable_mobile {
		display:none;
	}
		img.gmap {
width: 594px;
		height:157px;
	}
	  	div#colonne img {
    width: 95%;
}
div#colonne {
    width: 30%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
		div.moduletable_twiter-accueil{
		display:none;
	}
		.moduletable_G\+ {
		display:none;
	}
		.moduletable_G\+mob {
		display:none;
	}
	  	div#maincenter {

      margin-top: 0px;
}
  div.mobilemaximenuckitem a span.mobiletextck img {
	float:left;	
	padding-right:5px;
	}
  
  	div#nav .mobilebarmenutitleck img {
	float:left;
		padding-left:10px;
		padding-top:5px;
}
		#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {
    color:#fff;
}
  	.camera_caption_title {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;
}
	div.moduletable_pub .camera_caption_desc{
 padding-left: 0px; 
}
		div.moduletable_pub	.camera_caption_title {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1em;
    padding-left: 0px;
}
		#camera_wrap_186 .camera_caption > div {
    margin-left: 26%;
    background: rgba(255,255,255,0.9);
    font-family: 'Droid Sans';
			width:62%;
}
  	div.moduletable_membre {
    padding-left: 4%;
}
		#free1 {
   /*! height: 280px; */
/*! padding-bottom: 35px; */
}
		div.moduletablelogo {
  margin-left:22px;
  width:140px;
margin-top: 13%;
bottom: 9px;
}
		div.moduletable_twiter {
	display:none;
}
div.moduletable_twiter1 {
display:none;
width:43%;
float: right;
  padding:10px;
}
		div.moduletable_facehome {
display:none;	
			float:left;
}
			div.moduletable_facehome1 {
display:none;
				float:left;
}

#N1ballon img {

    position: relative;
    width: 30%;
    height: 30%;
    float: left;

}

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 758px !important;
}

.hidemobile3 {
	display: none !important;
}

#banner {
	display: inherit;
}
#nav {
	display: inherit;
}
#free1 {
	
  background-size: 100%; /* version standardisée */
}
#modulestop .flexiblemodule {
	width: 20% !important;
float: left;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left;

}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
	
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}
	#free2 {
	display: inherit;
}
  	#modulesbottom .n5 > .flexiblemodule div.moduletable_vignettes {
   display:none;
}
  
#modulesbottom .flexiblemodule {
	width: 50% !important;
float: left;
}
#footer {
	display: inherit;
}


}

@media screen and (min-width: 524px) and (max-width: 757px) {
	
	.bigbtensavoirplus4 {

width: 70%;

}
	
	.eds-animate {
/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
	
	#articlelocation p {
		border-radius: 50px;
		font-size: 1.1em
	}
	
	#N1formules {
		line-height: 1;
	}

	#boutique {
		display: none;
	}
	
		.jsn-uniform .form-actions .btn-toolbar .btn {

    float: none;
    padding: 10px 15px;
    color: #000;
    font-size: 1.5em;

}

	.jsn-uniform .form-actions .btn-toolbar .btn.jsn-form-submit {

    position: relative;
    z-index: 1;
    padding: 10px 15px;
    color: #000;
    font-size: 1.5em;

}
	
	.gateaux1, .gateaux2, .gateaux3 {

    border-radius: 90%;
    border: 8px solid #000;
    padding: 18px 18px;
width: 10%;
}
	
#zoneboutique {
 
 background-size: cover; 
  
height:520px;

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

}	
	#effetjaune .resumeclass {

    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5em;
    color: #000;
    line-height: 1.1;

}
	
	.bigbtensavoirplus3 {
  text-align: center;
 padding: 20px 30px;
  background-color: yellow;
  width:40%;
color: #000;
  border-radius: 50px;
margin-left: auto;
margin-right: auto;
box-shadow: 3px 0px 30px #f5f50a;

font-size: 2em;
 margin-top: 170px; 

}

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

    float: right;
    width: 60%;
    margin-top: -200px;

}
	
	.resumecarte {

    float: right;
    width: 70%;
    color: #FFF;
    font-size: 1.5em;
    padding-right: 50px;
    background-color: #000;
    line-height: 1;

}
	
	#slide {

    margin-left: 5%;
    margin-top: 12%;
    width: 35%;

    height: 200px;
}
	
		#center p.houbapartenaire {

    text-align:left;
    font-size: 1.5em;
    margin-top: 30px;
    background-color: yellow;
    color: #000;

}
	
	#zoneglaciere {

    background: url(https://houbahoubaanimation.com/images/fondglaciere.jpg) no-repeat center center;
        background-size: auto;
    background-size: cover;
    height: 800px;
    -moz-box-shadow: -2px -6px 9px #000000;
    -webkit-box-shadow: -2px -6px 9px #000000;
    box-shadow: -2px -6px 9px #000000;

}
	
	#logogalciere {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    padding-left: 30%;
    margin-top: -158px;
    padding-top: 15px;

}
	
	#logogalciere img {

    width: 15%;

}
	
	#visuelglaciere img {

    width: 30%;
    padding-bottom: 20px;

}
	
	#zonevisuel {

    height: 450px;
    background: url(https://houbahoubaanimation.com/images/servicevisuel.png) no-repeat center center;
        background-size: auto;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    zoom: 70%;

}
	
	#center h1 {

    font-family: 'Kaushan Script', cursive;
    font-size: 3em;
    border-bottom: none;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;

}
	
	.servicetitre {

    padding: 15px;
    margin-bottom: 20px;
    color: #FFF;
    font-size: 1.5em;
    margin-top: -20px;
    height: 35px;

}
	
	#espacephoto h1 {
padding-top: 50px;
    line-height: 1.5;
    font-size: 5em;
    text-shadow: 3px 0px 30px #000;

}
	
	#espacephoto {

    background: url(https://houbahoubaanimation.com/images/lazergame.jpg) repeat center fixed;
        background-size: auto;
    background-size: cover;
    height: 300px;

}
	
	#resumelazer {

    width: 90%;
    color: #000;
    line-height: 1;
    font-size: 1.5em;

}
	
	#slogan2 p {

    font-size: 3em;
    margin: 0px;
    color: #fff;
    text-shadow: 3px 0px 30px #000;
    font-family: 'Kaushan Script', cursive;

}
	
	#resume {

    width: 77%;
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.7em;
    line-height: 1.1;
    text-shadow: 2px 2px 2px #000;

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

}
	
	#location {

    background: url(https://houbahoubaanimation.com/images/fondlocationd.jpg) repeat center fixed;
        background-size: auto;
    background-size: cover;
    height: 700px;
    padding-bottom: 0px;

}
	
	.enlocation {
		width:20%;
	}
	
	#location h1 {

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

}
	
			img.logohouba {

    width: 13%;
    margin-top: -53px;
    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;

}
	.bigbtensavoirplus {
  text-align: center;
 padding: 20px 30px;
  background-color: yellow;
  width:35%;
  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:35%;
  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;
}
	
	
	.bigbtensavoirplus2 {

padding: 20px 30px;
background-color: #000;
width: 25%;
  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: 25%;
  color:#fff;
text-align: center; 
margin-left:auto;
  margin-right: auto;
  border-radius: 50px;
  font-size:2em;
  margin-top :30px;
  
  color:#000;
cursor: pointer;

}
	
	h3 {

    font-size: 1.5em;
    color: #000;

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

}
	
#landing	#row_ID1563526925875 {
		display:none;
	}
	
	#center p.houba {

    margin-top: -148px;
    font-size: 1.5em;
    text-shadow: 22px 2px 22px yellow;
    color: black;
    width: 95%;
    background-color: yellow;

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

}

#slogan {

    font-size: 2.5em;

    width: 100%;
    font-family: helvetica;
    font-weight: bold;
    text-shadow: 12px 0px 12px #ffffff;

}

#niveau1 {

    background: url(https://houbahoubaanimation.com//images/Niveau1.jpg) no-repeat center center;
        background-size: auto;
    background-size: auto;
    background-size: cover;
    height: 700px;

}
		
	#millieu {

		margin-left:auto;
		margin-right: auto;

	}
		.intfacebook {
		width:50%;
				display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		align-content: center;
	}
		.intfacebook {
		
				display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		align-content: center;
	}

	.cb_template {
    width:90%;
		margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
	
}
	
		.myhome {
		margin-bottom: 10px;
	}
	
	.slideshowck_pub {
	width:60%;

		position: absolute;
margin-left: 20%;


	}
	#camera_wrap_282 .camera_caption > div div.camera_caption_desc {

    color: #000000;
    font-size: 1.6em;

}
	
div.moduletablelogo2 {

    padding-top: 80px;
    margin-left: 20px;
    width: 15%;

}
	
		.moduletablecontact {
    height: 140px;
}
	
		ul.nav-tabs.nav-stacked {

text-align: center;
		
	}
	
.login {
		      display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center 
	}
	
		.moduletable_textaccueil .sweat, .moduletable_textaccueil .slogan  {
		opacity: 0;
	}

		.custom_message {
	font-family: 'Kaushan Script', cursive;
	padding-top: 18px;
	}
			.custom_message .sweat {

			text-shadow: 0px 0px 0px #000000;
	}
			.custom_message .slogan {
color:#000;
text-shadow: 0px 0px 0px #000000;
				padding-bottom: 20px;
	font-style:italic;
	}

		#pictoetpied {
		display:none;
	}
	
			#pictoselection {
		    display: none ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-left:2%;
		padding-right:2%;
	}

	.bannergroup_facehome {
		display:none;
	}

		.breadcrumb {
background-color: #EAEAEA;

}
	
		div.custom_sociales {
			/*! height: 450px; */
		 -moz-box-shadow:inset 0px 10px 15px #CCC;
    -webkit-box-shadow:inset 0px 10px 15px #CCC;
    box-shadow:inset 0px 10px 15px #CCC;
		padding-top:25px;
		padding-bottom:20px;
	}
	
			.slogan {
		font-family: Helvetica, sans-serif;
		color:#FFF;
		font-size:1.5em;
		/*! padding-top: 15px; */
		text-shadow: -1px 2px 2px #000000;
				text-align: center;
	}
		/* ---------------------------------------
onepage
-----------------------------------------*/

#joomla {
    width:99%;
  }
  
  .awards img {
    width:80%;
    height:80%;
  }
  
    .videoyoutube img{
    width:90%;
    height:90%;
    
  }
  
      p.rubrique.titrejoomla{
   margin:0px;
    padding-bottom: 20px;
  padding-top:10px;
	font-family: 'Kaushan Script', cursive;
}
p.rubrique{
padding-bottom: 20px;
  margin:0px;
  padding-top: 20px;
	font-family: 'Kaushan Script', cursive;
}

p.soustitre{
   margin:0px;
}

.centre {
    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
  
  padding-top: 15px;

}

.soustitre {
  
  font-size:1.5em;
  color:blue;
  padding-bottom: 15px;
}
.soustitre.gris {
  line-height: 25px;
  font-size:2.2em;
  color:grey;
  padding-bottom: 25px;
	padding-top: 20px;
}
.soustitrejoomla {
  
  font-size:1.7em;
  color:blue;
  padding-bottom: 0px;
}

.rubrique {
    color:blue;
  font-size:3.5em;
padding-bottom: 20px;
    padding-top: 40px;
	font-family: 'Kaushan Script', cursive;
}
.titrejoomla {
    color:blue;
  font-size:2.5em;
line-height: 1.4;
    padding-bottom: 0px;
}

#responsive {
  background-color: #F5F5F5;
  margin-top:100px;
}

#responsive .titre {
    color:blue;
  font-size:2em;
padding-top:20px;
}

#responsive img, #formation img {

    border:none 5px #000000;
    -moz-border-radius-topleft: 19px;
    -moz-border-radius-topright:19px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:19px;
    -webkit-border-top-right-radius:19px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-top-left-radius:19px;
    border-top-right-radius:19px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;

width:80%;

    height: 80%;
}

#personnalise {
  
 margin-top:90px; 
padding-bottom: 40px;
}

.fondpersonnalise {
 margin:0;
height: 340px;

  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: 100%; /* version standardisée */
  margin-top:15px;
}

#modules {
  
 margin-top:0px; 
}



.fondmodules {
 margin:0;
height: 300px;

  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: 140%; /* version standardisée */
	
	-moz-box-shadow:inset 2px 3px 5px #000000; 
   -webkit-box-shadow:inset 2px 3px 5px #000000; 
box-shadow:inset 2px 3px 5px #000000;

}

#formation {
  background-color: #F5F5F5;

}
	
	
	/* ---------------------------------------
Fin onepage
-----------------------------------------*/
  
  .moduletable_slide1 {
    width: 20%;
    float: left;
    margin-top: 25px;
    margin-bottom: 25px;
}

				div.customjaimefacebook {
		padding-left:80px;
		padding-bottom:10px;
	}
	
		#content .fa {
		color:blue;
	
	}
		
	#contenutype {
				    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		
	}
	
		div.custom\.contenu {
	padding-left:8px;
	padding-right:8px;
}
	
		.myname {
		font-family: 'Kaushan Script', cursive;
		color:#FFF;
		font-size:4em;
padding-right:15%;
		text-align: center;
		padding-top:5%;
		text-shadow:-2px 2px 3px #000000;
		
		
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		
	}
	
		img.logo-article {
		width:14%;
border-radius:100%;
			border: solid 5px #FFF;
			
	}
	
		  .customcontact a, #piedbas a {
			color:#FFF;
			text-decoration: underline;
	}
		  .customcontact a:hover, #piedbas a:hover {
			color:#FFF;
			text-decoration: none;
	}
		#navigateur {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
	}
	
.fa.fa-firefox ,.fa.fa-chrome ,.fa.fa-opera ,.fa.fa-safari, .fa.fa-internet-explorer {
		font-size:6em;
	}
	
	.wrapper_proprio, div#content {
    

	width:100%;	
		background-color: #fff;

margin-left:0px;
   /*   -moz-box-shadow: 1px 1px 2px #8f8d8f;
    -webkit-box-shadow: 1px 1px 2px #8f8d8f;
    box-shadow: 1px 1px 2px #8f8d8f;*/
  
padding: 0px;
    border:none 5px #000000;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    margin-top: 60px;

	}
		.sweat {
		font-size: 3.5em;
		color:#FFF;
			text-shadow:-2px 2px 3px #000000;
	}
	#modulestop {
		background-color: #FFF;
	}
	.entrez a {
			color:blue;
		font-size: 1.1em;
	}
			.entrez a:hover {
		color:#fff;
		font-size: 1.1em;
	}
	.entrez {
	font-family: 'arial';	
		color:blue;
		padding:11px;
		border: solid 0px;
		width:auto;
		font-size:1.5em;
		text-align: center;
		border-radius:5px;
		margin-top:30px;
    background-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6);

	}
		.entrez:hover {
		color:#FFFFFF;
		padding:11px;
		border: solid 0px;
	width:auto;
		font-size:1.5em;
		text-align: center;
		border-radius:5px;
			background-color: blue;
	}
	
		.custom_textaccueil {
		
		padding-top:12%;	
font-family: 'Kaushan Script', cursive;
	width:auto;	
		    display: flex ;
 flex-direction: column ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		/*! margin-left:30%; */
		/*! margin-right:30%; */
		
	}
	
	.moduletable_textaccueil{

	width: 55%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	margin-left: auto;
	margin-right: auto;
	}
	
	.moduletable_textaccueil{

	width: 55%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	margin-left: auto;
	margin-right: auto;
	}
	
		#piedbas {
		width:100%;
			background-color: blue;
	line-height: 2.6em;
		color:#fff;
	}
			#piedbas a {

		color:#fff;
	}
				#piedbas a:hover {
text-decoration: underline;
		color:#fff;
	}


	#boutsocial {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
		#piedhaut {

		background-color: blue;
		margin-left: auto;
		margin-right: auto;
		
	}
	
	#piedbas {
    width: 100%;
    background-color: blue;

		color:#FFF;

}
		#piedbas a {

		color:#FFF;
}
			#piedbas a:hover {
text-decoration: underline;
		color:#FFF;
}
	.fa-facebook-f, .fa-twitter, .fa-google-plus-g, .fa-linkedin-in {
	
		padding:10px;
		color:#FFF;
	}
	
	#boutsocial {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
	.custom_pied {
		
	}		

	#piedhaut {


		background-color: blue;
		margin-left: auto;
		margin-right: auto;
		

		
	}
	#piedhautcontenu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}
	#basconect {
		width:40%;
	}
		#bascontact  {
			padding-top: 20px;
    width: 51%;
}
	#bascontact img {
    width: 55%;
}
	div#maximenuck260 li #bascontact img{
		width: 25%;
	
	}
	#basdivers {
		width:25%;
		
	}
			#reseausociales {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-left:2%;
		padding-right:2%;
	}
			div.customreseaux {
		display:block;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
   
			padding-top: 10px;
	}
	.titre {
    font-weight:normal;
    font-size: 2em;
    color: blue;
		font-family: 'Kaushan Script', cursive;
}
	div.bannergrouplogo img, div.bannergrouplogo2 img {
    padding:0px;
		/*! background-color:#FFF; */
	
border-radius: 90%;


		
}
	div.bannergrouplogo, div.bannergrouplogo2 {
		
background-color:yellow;
		padding: 5px;

		-moz-border-radius-topleft: 90%;
-moz-border-radius-topright:90%;
-moz-border-radius-bottomleft:90%;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:90%;
-webkit-border-top-right-radius:90%;
-webkit-border-bottom-left-radius:90%;
-webkit-border-bottom-right-radius:20px;
border-top-left-radius:90%;
border-top-right-radius:90%;
border-bottom-left-radius:90%;
border-bottom-right-radius:20px;
	}
	div.customuser {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    padding-left: 7%;
    padding-right: 7%;
    padding-bottom: 18px;
}
			.slideshowck_slide1 {
		width:100px;
		height:100px;
	}
			div.customreseaux {
		
    display: none;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: center ;
    align-items: center ;
    align-content: center ;
	}
	
  div.moduletable_gmap {
    padding-top: 25px;
    padding-bottom: 15px;
     padding-left: 5%;
    padding-right: 5%;
}
  
	#procedure {
    float: left;
    margin-left: 4%;
    margin-top: 10px;
}
	div#categories img {
    width:86px;
    padding-bottom: 5px;
}
			div.moduletable_normal {
		display:block;
	}
	div.moduletable_mobile {
		display:none;
	}
		img.gmap {
width: 594px;
		height:157px;
	}
	  	div#colonne img {
    width: 95%;
}
div#colonne {
    width: 30%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
		div.moduletable_twiter-accueil{
		display:none;
	}
		.moduletable_G\+ {
		display:none;
	}
		.moduletable_G\+mob {
		display:none;
	}
	  	div#maincenter {

      margin-top: 0px;
}
  div.mobilemaximenuckitem a span.mobiletextck img {
	float:left;	
	padding-right:5px;
	}
  
  	div#nav .mobilebarmenutitleck img {
	float:left;
		padding-left:10px;
		padding-top:5px;
}
		#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {
    color:#fff;
}
  	.camera_caption_title {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;
}
	div.moduletable_pub .camera_caption_desc{
 padding-left: 0px; 
}
		div.moduletable_pub	.camera_caption_title {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1em;
    padding-left: 0px;
}
		#camera_wrap_186 .camera_caption > div {
    margin-left: 26%;
    background: rgba(255,255,255,0.9);
    font-family: 'Droid Sans';
			width:62%;
}
  	div.moduletable_membre {
    padding-left: 4%;
}
		#free1 {
   /*! height: 280px; */
/*! padding-bottom: 35px; */
}
		div.moduletablelogo {
  margin-left:22px;
  width:140px;
margin-top: 13%;
bottom: 9px;
}
		div.moduletable_twiter {
	display:none;
}
div.moduletable_twiter1 {
display:none;
width:43%;
float: right;
  padding:10px;
}
		div.moduletable_facehome {
display:none;	
			float:left;
}
			div.moduletable_facehome1 {
display:none;
				float:left;
}

#N1ballon img {

    position: relative;
    width: 30%;
    height: 30%;
    float: left;

}

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 758px !important;
}

.hidemobile3 {
	display: none !important;
}

#banner {
	display: inherit;
}
#nav {
	display: inherit;
}
#free1 {
	
  background-size: 100%; /* version standardisée */
}
#modulestop .flexiblemodule {
	width: 20% !important;
float: left;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left;

}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
	
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}
	#free2 {
	display: inherit;
}
  	#modulesbottom .n5 > .flexiblemodule div.moduletable_vignettes {
   display:none;
}
  
#modulesbottom .flexiblemodule {
	width: 50% !important;
float: left;
}
#footer {
	display: inherit;
}


}


@media screen and (max-width: 524px) {
  
  .eds-animate.zoomIn {
padding-top: 150px;
		margin-top: -150px;
	}
	
	.bigbtensavoirplus4 {

width: 70%;

}
	
	.eds-animate {
/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
	
#gateaux {
      display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
  Padding-top:30px;
  padding-bottom:10px;
}
	
	
	#center .page-header a {
 font-size: 0.5em;


}
	
	#zoneboutique {

    /*! background: url(/houbahoubaanimation.com/images/fondbas.png) no-repeat center center; */
        background-size: auto;
    background-size: cover;
    height: 700px;
    -moz-box-shadow: inset 1px 11px 12px #000000;
    -webkit-box-shadow: inset 1px 11px 12px #000000;
    box-shadow: inset 1px 11px 12px #000000;

}
	
	#boutique {
		display:none;
	}
	
	#zoneglaciere {

    background: url(https://houbahoubaanimation.com/images/fondglaciere.jpg) no-repeat center center;
        background-size: auto;
    background-size: auto;
    background-size: cover;
    height: 1100px;
    -moz-box-shadow: -2px -6px 9px #000000;
    -webkit-box-shadow: -2px -6px 9px #000000;
    box-shadow: -2px -6px 9px #000000;

}
	
	#logogalciere img {

    width: 50%;

}
	
	#visuelglaciere img {

    width: 50%;
    padding-bottom: 20px;

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

	
	#slogan2 {

    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;

}
	
	#espacejaune {

    background-color: yellow;
    padding: 5px;

}
	
	#articlelocation p {

    border-radius: 50px;
    font-size: 1.1em;

}
	
	.enlocation {

    width: 40%;

}
	
	
	#N1formules {
		margin-top: 100px;
	}
	
	#center p.houba {
padding-left: 10px;
		/*! padding-right: 10px; */
    margin-top: -178px;
    font-size: 1.5em;
    text-shadow: 22px 2px 22px yellow;
    color: black;
    width:auto;
    background-color: yellow;

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


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

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

}
	
	#zonetexte {

    float: right;
    width: 95%;


}
	
	.resumecarte {

    float: left;
    width: 95%;
    color: #FFF;
    font-size: 1.5em;
    padding-right: 0px;

}
	
	
#slide {

    margin-left: 5%;
margin-top: -80px; 
    width: 90%;
    /*! height: 300px; */

}
	
	
.gateaux1, .gateaux2, .gateaux3 {

    border-radius: 90%;
    border: 8px solid #000;
    padding: 18px;
width:30%;
	margin-left: auto;
	margin-right: auto;
}
	
#effetjaune .resumeclass {

    width: 90%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5em;
    color: #000;
    line-height: 1.1;

}
		
	#logogalciere {
		/*! margin-left: 20%; */
    /*! display: flex ; */
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
    float: none;
    margin-top: -30px;
    padding: 25px;
    width: 40%;

}
		#logogalciere img {
	
 float: left;

}
	
	#visuelglaciere {

    margin-left: 5%;

}
	
	#zonevisuel {

    height: 293px;
    background: url(https://houbahoubaanimation.com/images/servicevisuel.png) no-repeat center center;
        background-size: auto;
    background-size: cover;
    zoom: 70%;

}
	
.bigbtensavoirplus2 {

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

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

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

}

.bigbtensavoirplus2:hover {

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

}
	
#zonevisuel h1 {

    text-align: center;
    margin-top: 10px;
    color: #000;

}
	
	#center h1 {

    font-family: 'Kaushan Script', cursive;
    font-size: 3em;
    border-bottom: none;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    color: #000;
    text-align: center;

}
	
.servicetitre {

    padding: 15px;
    margin-bottom: 20px;
    color: #FFF;
    font-size: 0.8em;
    margin-top: -20px;
	height: 45px;

}
	.bigbtensavoirplus1 {

    margin-left: auto;
    margin-right: auto;
    padding: 20px 30px;
    background-color: #000;
    width: 45%;
    color: #fff;
    text-align: center;
    margin-top: -90px;
    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:45%;
  color:#fff;
text-align: center; 
  margin-top:-90px;
  border-radius: 50px;
  font-size:2em;
  box-shadow: 3px 0px 30px yellow;
    border: 1px  solid #fff;
  color:#FFF;
cursor: pointer; 
}
	
	#espacephoto h1 {
color:yellow;
    line-height: 5.5;
    font-size: 3em;
    text-shadow: 3px 0px 30px #000;

}
	
	#espacephoto {

    background: url(https://houbahoubaanimation.com/images/lazergame.jpg) repeat center fixed;
        background-size: auto;
    background-size: cover;
    height: 300px;

}
	
	#resumelazer {

    width: 99%;
    color: #000;
    line-height: 1;
    font-size: 1.5em;

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

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

	}
	
	#location {

    background: url(https://houbahoubaanimation.com/images/fondlocationd.jpg) repeat center fixed;
        background-size: auto;
    background-size: cover;
    height:866px;
    padding-bottom: 53px;

}
	
	#center p {

    font-size: 1.5em;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.6;


}
	#slogan2 p {
		
line-height: 1.1;
    font-size: 2.2em;
    margin: 0px;
    color: #fff;
    text-shadow: 3px 0px 30px #000;
    font-family: 'Kaushan Script', cursive;

padding-bottom: 20px;
}
	
	#articlelocation {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
margin-top: -120px;
}
	
	#resume {

    width: 90%;
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5em;
    line-height: 1.1;
text-shadow: 1px 1px 8px #000;

}
	
	
	#location h1 {

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

}
	
		#zonetexte h1 {

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

}
	
	img.logohouba {

    width: 20%;
    margin-top: -40px;
    margin-left: 40%;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    position: absolute;

}
	
#landing	#row_ID1563526925875 {
		display:none;
	}
	
	#N1formules h1 {

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

}
	
	#slogan p {

    font-size: 3.4em;
    margin-top: 0px;
    width: 95%;
    padding-top: 5px;
float: none;
  font-family: 'Kaushan Script', cursive;
    font-weight: bold;
    text-shadow: 12px 0px 12px #ffffff;
line-height: 1;
}
	
	#N1ballon img {

    position: relative;
    width: 30%;
    height: 1269px;
    float: left;

}
	
	#niveau1 {

    background: url(https://houbahoubaanimation.com/images/Niveau1.jpg) no-repeat center center;
        background-size: auto;
    background-size: cover;
    height: 800px;

}
	
	.intro {
		display: none;
	}

#camera_wrap_282 .camera_caption > div div.camera_caption_desc {

    color: #000000;
  font-size: 2.8em;

}

	.inner.clearfix.n5 {
		
		display:block;

	}

#maximenuck276 ul:not(.noresponsive) li {
        float :none !important;
        width: 14% !important;
		box-sizing: border-box;
        /*padding-right: 0 !important;*/
		padding-left: 0 !important;
		padding-right: 0 !important;
        margin-right: 0 !important;
    }

	.cb_template {
    width:90%;
    margin-left: auto;
    margin-right: auto;
}

			.myhome {
		margin-top: -20px;
	}
	
		.slideshowck_pub {
position: absolute;

	}
	
div.moduletablelogo2 {

    padding-top: 80px;
    margin-left: 20px;
    width: 15%;

}
	
			.moduletablecontact {
    height: 140px;
}
	
		.breadcrumb {
background-color: #fff;
font-size: 0.8em;
}
	 
	
	#princip, #News{
		padding-bottom: 20px;
	}
	
#pictoetpied	.customcontact td p {
		font-size: 1em;
	}
	
	.moduletable_textaccueil .sweat, .moduletable_textaccueil .slogan  {
		opacity: 0;
	}

		.custom_message {
	font-family: 'Kaushan Script', cursive;
	padding-top: 18px;
	}
			.custom_message .sweat {

			text-shadow: 0px 0px 0px #000000;
	}
			.custom_message .slogan {
color:#000;
text-shadow: 0px 0px 0px #000000;
				padding-bottom: 20px;
	font-style:italic;
	}
	
		#maximenuck260 {
		display:none;
	}
			
	#pictoselection {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-left:0%;
		padding-right:0%;
	}
	
		#pictoselection div{
padding-bottom:12px;
	}
	
	.bannergroup_facehome {
		display:none;
	}

		.breadcrumb {
background-color: #EAEAEA;

}
		
	div.custom_sociales {
			/*! height: 450px; */
		 -moz-box-shadow:inset 0px 10px 15px #CCC;
    -webkit-box-shadow:inset 0px 10px 15px #CCC;
    box-shadow:inset 0px 10px 15px #CCC;
		padding-top:25px;
		padding-bottom:20px;
	}
	
		.slogan {
		font-family: Helvetica, sans-serif;
		color:#FFF;
		font-size:1.5em;
		padding-top: px;
		text-shadow: -1px 2px 2px #000000;
			text-align: center;
	}
	
	/* ---------------------------------------
onepage
-----------------------------------------*/

#joomla {
    width:99%;
  }
  
  .awards img {
    width:80%;
    height:80%;
  }
  
    .videoyoutube img{
    width:90%;
    height:90%;
    
  }
  
      p.rubrique.titrejoomla{
   margin:0px;
    padding-bottom: 20px;
  padding-top:10px;
	font-family: 'Kaushan Script', cursive;
}
p.rubrique{
padding-bottom: 20px;
  margin:0px;
  padding-top: 20px;
	font-family: 'Kaushan Script', cursive;
}

p.soustitre{
   margin:0px;
}

.centre {
    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
  
  /*! padding: 15px; */

}

.soustitre {
  
  font-size:1.5em;
  color:blue;
  padding-bottom: 15px;
}
.soustitre.gris {
  line-height: 25px;
  font-size:1.8em;
  color:grey;
  padding-bottom: 20px;
}
.soustitrejoomla {
  
  font-size:1.7em;
  color:blue;
  padding-bottom: 0px;
}

.rubrique {
    color:blue;
  font-size:2.5em;
padding-bottom: 20px;
    padding-top: 25px;
	font-family: 'Kaushan Script', cursive;
}
.titrejoomla {
    color:blue;
  font-size:2.5em;
line-height: 1.4;
    padding-bottom: 0px;
}

#responsive {
  background-color: #F5F5F5;
  margin-top:100px;
}

#responsive .titre {
    color:blue;
  font-size:2em;
padding-top:20px;
}

#responsive img, #formation img {

    border:none 5px #000000;
    -moz-border-radius-topleft: 19px;
    -moz-border-radius-topright:19px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:19px;
    -webkit-border-top-right-radius:19px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-top-left-radius:19px;
    border-top-right-radius:19px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;

width:95%;

    height: 95%;
}

#personnalise {
  
 margin-top:90px; 
padding-bottom: 0px;
}

.fondpersonnalise {
 margin:0;
height: 190px;
   
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: 100%; /* version standardisée */
  margin-top:15px;
}

#modules {
  
 margin-top:0px; 
}



.fondmodules {
margin-bottom: 35px;
height: 220px;
 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: 150%; /* version standardisée */
	
 -moz-box-shadow:inset 1px 2px 7px #000000;
-webkit-box-shadow:inset 1px 2px 7px #000000;
 box-shadow:inset 1px 2px 7px #000000;

}


#formation {
  background-color: #F5F5F5;

}
	
	
	/* ---------------------------------------
Fin onepage
-----------------------------------------*/
  
  		.moduletable_slide1 {
		width:20%;
			float:left;
		margin-top: 25px;
margin-bottom: 25px;

	}
			div.customjaimefacebook {
		padding-left:80px;
		padding-bottom:10px;
	}
	
		#content .fa {
		color:#FFF;
	
          padding-bottom: 15px;
	}

	
		#contenutype {
				    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		
	}
	
		div.custom\.contenu {
	padding-left:8px;
	padding-right:8px;
}
		.myname {
		font-family: 'Kaushan Script', cursive;
		color:#FFF;
		font-size:3em;
padding-right:15%;
		text-align: center;
		padding-top:8%;
		text-shadow:-2px 2px 3px #000000;
		
		
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		
	}
	
	
		img.logo-article {
		width:20%;
border-radius:100%;
			border: solid 5px #FFF;
	}
		  .customcontact a, #piedbas a {
			color:#FFF;
			text-decoration: underline;
	}
		  .customcontact a:hover, #piedbas a:hover {
			color:#FFF;
			text-decoration: none;
	}
	
		#navigateur {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
	}
	
.fa.fa-firefox ,.fa.fa-chrome ,.fa.fa-opera ,.fa.fa-safari, .fa.fa-internet-explorer {
		font-size:5em;
	}

	
		/*#camera_wrap_95.slideshowck_slide.camera_blue_skin, .camera_fakehover{
		display:none;
	}*/
	
	.wrapper_proprio, div#content {
    

	width:100%;	
		background-color: #fff;

margin-left:0px;
     /* -moz-box-shadow: 1px 1px 2px #8f8d8f;
    -webkit-box-shadow: 1px 1px 2px #8f8d8f;
    box-shadow: 1px 1px 2px #8f8d8f;*/
  
padding: 0px;
    border:none 5px #000000;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;

	}
		.sweat {
		font-size: 2.7em;
		color:#FFF;
			text-shadow:-2px 2px 3px #000000;
		display: transparent;
		/*! opacity: 0; */
	}
	#modulestop {
		background-color: #FFF;
	}
	.entrez a {
		color:blue;

	}
	
	.entrez a:hover {
		color:#FFF;
	}
	.entrez {
	font-family: 'arial';	
		color:#FFF;
		padding:10px;
		border: solid 0px;
		width:auto;
		font-size:1.5em;
		text-align: center;
		border-radius:5px;
		margin-bottom:10px;
		margin-top:26px;
		margin-left:11px;
		
		
    background-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6);

		
	}
		.entrez:hover {
		color:#FFFFFF;
		padding:10px;
		border: solid 0px;
	  width:auto;
		font-size:1.5em;
		text-align: center;
		border-radius:5px;
			background-color: blue;
	}

	
		.custom_textaccueil {
		
		padding-top:45%;	
font-family: 'Kaushan Script', cursive;
	width:auto;	
		    display: flex ;
 flex-direction: column ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		/*! margin-left:30%; */
		/*! margin-right:30%; */
		
	}
	
	.moduletable_textaccueil{

	width: 55%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	margin-left: auto;
	margin-right: auto;
	}
	div.moduletable_gmap {
    padding-top: 20px;
    padding-bottom: 15px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
	
	div.moduletableagenda {
    padding-top: 15%;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
	
	#piedbascontenu {
    color: #000;
    padding-bottom: 5px;
}
		#piedbascontenu a {
    color: #000;
   
}
			#piedbascontenu a:hover {
    color: #000;
   text-decoration: underline;
}
		#boutsocial {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
	
}
	.fa-facebook-f, .fa-twitter, .fa-google-plus-g, .fa-linkedin-in {
	
		padding:10px;
		color:#FFF;
	}
	
	.custom_pied {
    background-color: blue;
		padding:10px;
}
#bascontact img {
    width: 40%;
display: block;
    margin-left: auto;
    margin-right: auto;
}
	#bascontact img.logobas {
border-radius: 50%;
border: 5px solid #FFF;
}
	
  div#maximenuck260 ul.maximenuck li ul.maximenuck2 li #bascontact div.customcontact p, div#maximenuck260 ul.maximenuck2 li #bascontact div.customcontact p {
		font-size:0.5em;
	padding-top:10px;
	}
	
		#bascontact  {
	padding-top:20px;
			padding-bottom:50px;
          font-size: 1.2em;
			
	}
	
	#basconect {
		padding-bottom:16px;
    display: flex ;
    flex-direction: column ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
	}
				div.customreseaux {
		display:none;
 
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
   
			padding-top: 10px;
	}
	
	#reseausociales {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-left:2%;
		padding-right:2%;
	}
		#reseausociales div {
		    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
		padding-left:2%;
		padding-right:2%;
			width:30%;
			float:left;
	}

	
	.custom_vignettes p {
   font-size:1.6em;
		text-align:center;
		padding-top: 8px;
}
	.titre {
    font-weight:normal;
    font-size: 2em;
    color: blue;
		font-family: 'Kaushan Script', cursive;
line-height: 1;
}
  
	div.banneritem img {
padding: 4px;
background-color:yellow;
border: none 5px #000000;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
}
		div.customuser {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    padding-left: 7%;
    padding-right: 7%;
    padding-bottom: 18px;
}
		.slideshowck_slide1 {
		width:50px;
		height:50px;
	}
  div#content {
    background-color: #FFF;
    padding: 0px;
    margin-left: 0px;
    /*-moz-box-shadow: 1px 1px 2px #8f8d8f;
    -webkit-box-shadow: 1px 1px 2px #8f8d8f;
    box-shadow: 1px 1px 2px #8f8d8f;*/
    border: none 5px #000000;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
#camera_wrap_95 .camera_caption > div div.camera_caption_title {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    padding-left: 95px;
}
  	.hikashop_products a.hikashop_cart_button, .hikashop_products a.hikashop_cart_button:hover, #hikashop_checkout_coupon a.hikashop_cart_button, #hikashop_checkout_coupon a.hikashop_cart_button:hover {
    float: none;
    width: 60%;
		font-size:0.1;
}
			div#categories {
    float: left;
    padding-left: 20px;
			margin-top:10px;
}
		div#categories img {
    width: 90px;
    padding-bottom: 5px;
}
  	.hikashop_category_name a {
    color: #666;
    text-decoration: none;
    font-weight: bold;
    margin-top: 10px;
    display: block;
    font-size: 0.7em;
}
			div.moduletable_normal {
		display:none;
	}
	div.moduletable_mobile {
		display:block;
	}
  		td.youtube {
		height: 115px;
	}
  	img.membre {
		
	}
	img.play {
	width:20%;	
	}
		img.plus {
		width:15%;
	}
		td.recherche {
width:90px;
	}
		img.gmap {
width: 305px;
		height:157px;
	}
		div.bannergroup_gmap {
    /*! width: 1180px; */
    margin-left: auto;
    margin-right: auto;
    padding-left: 18px;
  padding-right:18px;
}
  	#sptab141 ul.tabs_container li.tab {
background-color: #dedede;
color: #666666;
margin-right: 5px;
border-right: 0px solid #666666;
margin-bottom: 5px;
}
    	#sptab164 ul.tabs_container li.tab {
background-color: #dedede;
color: #666666;
margin-right: 5px;
border-right: 0px solid #666666;
margin-bottom: 5px;
}
  
		.tabs_mask {
  	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #999; 

}

	  	div#colonne img {
    width: 95%;
}
div#colonne {
    width: 30%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}
		div.moduletable_twiter-accueil{
		display:none;
	}
  	.camera_caption_desc {
    padding-left: 0px;
}
	.camera_caption_title {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1em;

}
		div.moduletable_pub .camera_caption_desc{
 padding-left: 0px; 
}
	div.moduletable_pub	.camera_caption_title {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1em;
    padding-left: 0px;
		
}
	#camera_wrap_186 .camera_caption > div {
    margin-left: 0%;
    background: rgba(255,255,255,0.9);
    font-family: 'Droid Sans';
	margin-top:-50px;
}
		.moduletable_G\+ {
		display:none;
	}
		.moduletable_G\+mob {
		display:none;
			padding-left:5%;
	}
	div#nav .mobilebarmenutitleck img {
    float: left;
    padding-left: 10px;
    padding-top: 5px;
}
		#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {
    color:#fff;
}
	
	
		div.moduletablelogo {
      display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    align-items: center ;
    align-content: center ;
			margin-left:auto;
			margin-right:auto;
			
width: 80px;
margin-top: 60%;
bottom: 0px;
			
}
		div.moduletable_twiter {
	display:none;
}
  	div.moduletable_twiter1 {
display:none;

	padding:20px;
}
		div.moduletable_facehome {
display:none;	
		
}
			div.moduletable_facehome1 {
display:none;
	padding-left:1%;		
}
	#basdivers img {
		display: block;
    margin-left: auto;
    margin-right: auto;
		padding-bottom:20px;
	}
	
img {
	max-width: 100% !important;
	height: auto !important;

}

.container {
	width: 292px !important;
}

.hidemobile1 {
	display: none !important;
}

#banner {
	height: auto !important;
}
#banner .logobloc {
	float :left !important;
	/*width: 45px !important;*/
}
#banner img {
	display :block !important;
	margin: 0 auto !important;
}
#nav {
	display: inherit;
}
#free1 {
	display: block;
	

  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: 250%; /* version standardisée */
}
#free1 {
	/*! height: 200px !important; */
	

}
#free1 .logobloc {
	float :none !important;
	width: auto !important;
}

#modulestop .flexiblemodule {
	width: 50% !important;
float: left;
  display:block;
	

}
#modulestop .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 90%;
}#free2 {
	display: inherit;
}
#free2 {
	height:auto;
}
#free2 .logobloc {
	float :none !important;
	width: auto !important;
}
#modulesbottom .flexiblemodule {
width: 99% !important;
float: left;
}
#modulesbottom .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#footer {
	display: inherit;
}
#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}


}