/* # =id .=class*/
/* ----------------- background annimation ----------------- */
  video#bgvid {
  position: fixed; 
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto; 
  z-index: -1; /*passage sous le texte*/

}

/* ----------------- all pages ----------------- */

body 
{
 	font-family: 'Sorts Mill Goudy Regular', cursive;
	margin-left: 80px; 
	margin-right: 80px;
	background-size: cover;
	background="cover";
	background="images/danseur3.png";
	background-repeat: no-repeat;
	background-attachment:fixed;
	
	
}
#newdance, .entrer {
    text-align: center; /* Centre le texte à l'intérieur des articles */
    margin: 20px; /* Ajoute une marge pour l'espace */
}
.conteneur{
  width: 300px;
  height: 300px;
  border: 1px #aaa solid;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
/*.contenu 
{
	background-image:url('../images/danseur.png');
	padding: 10px 0;
	opacity: 0.8;
	background-size:cover;
	background-attachment:fixed;
}

/*pas de transparence sur la page agenda*/

/*.contenu2 
{
	background-image:url('../images/danseur3.png');
	background-attachment:fixed;
	padding: 10px 0;
	background-size:cover;
	background-attachment:fixed;
}*/

		
.centrer {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


header
{
    padding: 10px;
    color: black;
    text-align: left;
}

header img
{
	display:block;
	width:180px;
	height:170px;
}

header p
{
	text-align:right;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 15px dark06bff9;
}

footer
{
	padding-top: 20px;
	border-top: 1px solid #fff; /*ligne supperieur*/
	text-align: left;
	color:black;
}

h1,h3
{
	color: black;
	padding-bottom:15px;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 15px dark06bff9;
}

h2,h4,h5,h6,p
{
	color:black;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 15px dark06bff9;
}
h4bis
{
	color blue
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 15px dark06bff9;
}

/* barre de navigation) */
#nav 
{
	
	text-align: center; 
	border-top: 1px solid #f99b06; /*ligne supperieur*/
	padding-top:30px;
	
  
}
#nav li 
{
	display: inline; /*menu en horizontal*/

}
#nav a
{
	display:inline-block;
	margin-right:20px; /*ecart entre les liens menu*/
	text-decoration: none; /*supprime la ligne de lien*/
	color: blue;
	font-size:30px;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 15px dark06bff9;
}

/* le .bouton n'est pas de moi c est generateur de bouton */
/* http://css3gen.com/button-generator/# */
.button
{color: rgb(255, 205, 54);
font-size: 10px;
padding: 10px;
text-shadow: 0px -1px 0px rgba(10, 10, 10, 1);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: rgb(255, 205, 54);
background: -moz-linear-gradient(90deg, rgb(255, 205, 54) 22%, rgb(255, 205, 54) 70%);
background: -webkit-linear-gradient(90deg, rgb(255, 205, 54) 22%, rgb(255, 205, 54) 70%);
background: -o-linear-gradient(90deg, rgb(255, 205, 54) 22%, rgb(255, 205, 54) 70%);
background: -ms-linear-gradient(90deg, rgb(255, 205, 54) 22%, rgb(255, 205, 54) 70%);
background: linear-gradient(0deg, rgb(255, 205, 54) 22%, rgb(255, 205, 54) 70%);
-webkit-box-shadow: 0px 2px 1px rgba(255, 205, 54, 0.76);
-moz-box-shadow:    0px 2px 1px rgba(255, 205, 54, 0.76);
box-shadow:         0px 2px 1px rgba(255, 205, 54, 0.76);
}/*------------*/

article h1
{
	
font-size:40px;
padding-left:15px;

}
section h1
{
	
font-size:40px;
padding-left:15px;

}
/* ----------------- body (index) ----------------- */
/* voir style.css */
/* ----------------- body (accueil) ----------------- */

.gallerie 
{
	clear: both;
	display: inline-block;
	width: 100%;
	padding-bottom: 35px;

}

.param {
	width: 23%;
	text-align: center;
	float: left;
	margin-top: 35px;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 3px;
	padding-top: 20px;
	
}

.gallerie .param h4 
{
	
	color: black;
	font-size:20px;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 15px dark06bff9;
	text-align: center;
	padding-left: 20px;
	
}

.gallerie .param p {
	
	color: black;
	text-align: justify;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 15px dark06bff9;
	
}

/*travail sur l image*/
.photoacc {
	width: 100%;
	height: auto;
	max-width: 400px;
	max-height: 200px;

}

/* plus d info*/

table
{
	margin:auto;

}

table a
{
	font-size:20px;
	color:06bff9;
	
	text-decoration: none;
	text-align:center;
	
}



/* ----------------- body (cours) ----------------- */


.gallerie2 
{
	clear: both;
	display: inline-block;
	width: 100%;
	padding-bottom: 35px;

	
}

.param2 {
	width: 30%;
	text-align: center;
	float: left;
	margin-top: 35px;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 3px;
	padding-top: 20px;	
}
/*H4 du body */

.gallerie2 .param2 h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: blue;
	text-align: center;
	font-size: 20px;
	text-shadow: 1px 1px 2px blue, 0 0 25px blue, 0 0 15px dark06bff9;
}

.gallerie2 .param2 p {
	margin: 0;
	color:black;
	margin-left:30px;
	margin-right:30px;
	text-align: justify;
	width:auto;
}
.photoC {
	width: 100%;
	height: auto;
	max-width: 400px;
	max-height: 400px;
	border:2px solid #fff;
}

/* facebook 
iframe {
	width: 100%;
	height: auto;
	max-width: 400px;
	max-height: 400px;
	border:2px solid #fff;
	overflow:hidden;
	scrolling:no;
	frameborder:0;
	allowTransparency:true;
} 
*/


/* ----------------- body (photo) ----------------- */

.photo 
{
  
  display:inline-block;
}
.photo a 
{
	float: left;
	margin: 15px 15px 15px 15px;
}

article ul
{
	margin-left:70px;
	margin-right:70px;
}

/* ----------------- body (video) ----------------- */		

article ul li
{
	margin-left:50px;
	margin-right:50px;
}

video
{
	width:480px; 
	height:280px;
	border:2px solid #fff;
}

#paramvid 
{
	text-align: center; 
    
}
#paramvid li
{
	display:inline-block;
	
}

#paramvid video /*text*/
{
	font-size:25px;
	padding-bottom:15px;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 15px dark06bff9;
}


/* ----------------- body (horaire) ----------------- */

.droite
{
	float:right;
}

article li
{
	color:black;
}

.horaireh3
{
	margin-left:80px;
}
/* ----------------- body (Info) ----------------- */	

.gallerieSpect 
{
	
	display: inline-block;
	width: 100%;
	padding-bottom: 35px;
	padding-top: 0px;
	margin-bottom: 0px;
}

.paramspect {
	width:100%;
	text-align: center;
	float: left;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 3px;
	padding-top: 20px;
}
/*H4 du body */

.gallerieSpect .paramspect h4{
	margin-top: 5px;
	margin-bottom: 5px;
	color: black;
	text-align: center;
	font-size: 20px;
}

.gallerieSpect .paramspect h1{
	margin-top: 5px;
	margin-bottom: 10px;
	color: black;
	text-align: center;
	font-size: 40px;
	width:auto;
	
}

.gallerieSpect .paramspect p {
	margin: 0;
	color: black;
	text-align: center;
	padding-bottom: 10px;
	padding-bottom:20px;
}


/*travail sur l image*/

.flyers {
	width: 80%;
	height: auto;
	max-width: 800px;
	max-height: 600px;
}

.exemple {
  text-align: left;
  
}

 .cadre-rouge {
            background-color: red;
            color: white;
            padding: 10px;
            border-radius: 10px;
            margin-bottom: 20px;
        }
.cadre-rouge p {
            color: white;
        }

	
/*<article class="contenu">
		<ul id="paramvid">
		<div class="paramspect">
					<h1>Stage</h1>
						<h4>stage d'été</h4>
							<p>Inscrivez vous</p>
							<img src="images/stage2020.jpg" alt="" class="flyers"/>

		<li>
					<h3>présentation des cours année 2018/2019 </h3>
					<p><iframe width="560" height="315" src="https://youtube.com/embed/oW-sTn3WXiU" frameborder="0" allowfullscreen></iframe></p>
				</li>
</ul>


			</ul>	*/