h1
{
	text-align: center;
}

/* boite de dialogue*/
#bloc1 {
border: 2px solid green;
font-size: 14px;
width: 100%;
color: black;
font-family: Arial;
height: 60px;
text-align:center;
margin-bottom: 5%;

}

/*le slideshow responsive*/
@media (max-width: 1069px) {
  #imageslideshow1 {
  max-width: 100%;
  max-height:100%; 
  }
div#imageslideshow1 img {
 margin: 0 !important;
 }
  }

@media (max-width: 999px) {
 #imageslideshow1 {
  max-width: 100%;
  max-height:100%; 
  }
div#imageslideshow1 img {
 margin: 0 !important;
 }
}

@media (max-width: 767px) {
 #imageslideshow1 {
  max-width: 100%;
  max-height:100%;
 }
div#imageslideshow1 img {
 margin: 0 !important;
 }
}

@media (max-width: 643px) {
#imageslideshow1 {
  max-width: 100%;
  max-height:100%; 
 }
div#imageslideshow1 img {
 margin: 0 !important;
 }
}


/*taille logo partie droite*/

.taille
	{	
	max-width: 100%;
	max-height: 30%;
	border: 2px black solid;
	margin-top: 2%;
	margin-bottom: 2%;
	}

/*partie gauche*/

.notice
    {
		margin-top: 5%;
		margin-bottom: 5%;
	}
	
.ri
	{
		margin-top: 5%;
		color: #AAA:
	}
	
.facebook
	{
		margin-top: 5%;
		margin-bottom: 5%;
	}

.titre_gauche
{
	margin-top: 5%;
}
	
/*
.newsletter
	{
	display: block;
	margin-top: 5%;
	width: 60%;
	}
*/



/*formulaire de désincription

.retour
{
	font-size: 2em;
	color: blue;
}
*/


/*bandeau de chaque pages*/

.bandeau
	{
	height: 15%;
	background: linear-gradient(to bottom, green, white);
	}
	

/*page pratique*/

.osensei
{
float: left;
margin-right: 2%;
}

/*page définition*/

.kanji
{
float: left;
}

/* page lieu*/	

.dojo
{
float: left;
margin-right: 2%;
}

/*page tarif*/

.tarif
{
font-weight: bold;
text-decoration: underline;
}

/*habillagee du menu*/

.navbar-brand
{
	background-color:green;
}	

.dropdown-item
{
	
	color: red;
}	

.nav-link dropdown-toggle
{
	color: red;
}

.nav-item dropdown
{
	color: red;
}

.blue{
	
	background: linear-gradient(to right, green, white);
	
	}


.red{
   
	background: linear-gradient(to left, green, white);
	
	}

/*caractéristique générale du texte du bandeau*/

.texte-bandeau	
	{
		margin-top: 5%;
		text-align: center;
	}


/* on définit la grandeur du texte du bandeau en fonction de la taille de l'écran */

@media screen and (max-width: 575px)
{
.texte-bandeau	
	{
		font-size: 1em;
		color: red;		
	}
	
.blue{
	height: 100%;
	background: linear-gradient(to right, green, white);
	
	}

.gray
{
	height: 100%;
}

.red{
    height: 100%;
	background: linear-gradient(to left, green, white);
	}	
	
}

@media screen and (min-width: 576px) and (max-width: 766px)
{
.texte-bandeau
	{
		font-size: 2em;
		line-height:40px;
		color: red;
	}

.blue{
	min-height: 100vh;
	background: linear-gradient(to right, green, white);
	
	}

.gray
{
	min-height: 100vh;
}

.red{
    min-height: 100vh;
	background: linear-gradient(to left, green, white);
	}	
	
}

@media screen and (min-width: 767px)
{
.texte-bandeau
	{
		font-size: 3em;
		line-height:50px;
		color: red;
	}
	
.blue{
	min-height: 100vh;
	background: linear-gradient(to right, green, white);
	
	}

.gray
{
	min-height: 100vh;
}

.red{
   min-height: 100vh;
	background: linear-gradient(to left, green, white);
	
	}
	
}