/*
Site fait par Christian RUCH
4 rue de la verdoise
Hameau dhuilet
91150 Ormoy la rivière
*/

body {
	
	background-color: rgb( 162, 211, 234 );
	font-family: Comic sans MS, Arial, Georgia, serif, Time New Roman;
}

#bloc_page{
	width: 99%;
	margin: auto;
}

img{ /*pour que les images s'adaptent à l'écran*/
	max-width: 100%;
}

#bouton1{
	
	font-size:1em;
	background-color:rgb( 255,153,51);
	color:white
}

.debut{
	display: flex;
	flex-wrap: nowrap;
	margin-top: 10px;
	margin-bottom: 20px;
}

.logo{ /*logo generation mouvement*/

		height:11em;
}

.blason{ /*blason ville de Bligny*/
		height:11em;
}

.club/*texte haut de la page*/
{
	font-size: 2.7em;
	margin:auto;
	text-align: center;
	color: black;
}

.flexboxnav{
	display: flex; /*disposition flexible du bloc de navigation dans les pages*/
	justify-content: space-around; /*répartition justifiée*/
	flex-wrap:wrap;	/* passage à la ligne autorisée*/
	align-items: center; /*éléments centrés sur l'axe vertical*/
	width: auto:
}

@media ( max-width: 1024px){
	.flexboxnav{
		width: 90%;
	}
}

nav{
	background-color: white;
	border: 2px solid black;
	border-radius: 1em;
	text-align: center;
	width: 80%;
	margin:auto;
}

nav a{
	text-decoration: none;
	color: blue;
	border: 1px black;
	}

nav ul{
	margin-left: 0px;
	padding: 0px;
	
}

nav a:hover{
	color:red;
}

nav li{ /* pour les éléments de la liste*/
	list-style-type: none;
	margin-left: 8px;
	border: 1px black;
}

a{
	text-decoration: none;
	color: black;
	width:100%;
}

p{
	text-align: center;
}



h3{
	text-align: left;
	background-color:rgba(208,42,42,0.8);
	font-size: 1.5em;
	width:50%;
	border: 2px solid black;
	border-radius: 0.5em;
	
}

.titre{
	   
	background-color:rgba(208,42,42,0.8);
	text-align: center;
	width:60%;
	margin:auto;
	margin-bottom: 20px;
	border: 2px solid black;
	border-radius: 1em;
	font-size: 1.5em;
	box-sizing:border-box;/*tout est compris dans la boîte titre (bordure et padding)*/
}

.titre h1{
	
	font-style: italic;
	font-weight: normal;
}

@media (max-width: 800px){
	.titre{ width: 90%;}
}


/*.table {
	margin: auto;
	width: 
	0%;
	margin:auto;
	margin-top: 20px;
	color: red;
	background: white;
	box-shadow: 20px 20px 20px rgba(76,64,163,0.8);
	border-collapse: collapse;
	border: 3px solid #6495ed;
	text-align: center;
}

.caption{ text-align: center;}

@media (orientation: portrait)
{
	.table
	{
	width: auto;
	margin: auto;
	font-size: 1.9em;
	}
}

@media ( max-width: 800px){
	
	.table
	{
		width: 96%;
		margin: auto;
	}
	
}

caption{
		border-radius: 40px 40px 0px 0px;
		box-shadow: 20px 0px 20px rgb(76,64,163);
		font-size: 2.2em;
		background-color: white;
		border: 3px solid #6495ed;
}

thead{
	background-color: #bacf87;
	
}

tbody{
	color: black;
	border-radius: 0px 0px 10px 10px;
}
		
td  {
	border: 2px solid blue;
	height: 1em;
	width: 13em;
	padding: 3px;
	text-align:center;
	background-color: #bacf87;
	}

th {
	height: 2em;
	width: 13em;
	border: 2px solid blue;
	padding: 3px;
}

h5{
	color: red;
	text-align: center;
	font-size: 1.5em;
}

em{
	font-size:1.8 em;
	text-decoration: underline;
	color:black;
	font-style:italique;
	background-color: (0,0,0,0.5);
}

.photos{
	width: 40%;
	margin: auto;
	background-color: white;
	text-align: center;
	border: 3px solid black;
	padding: 10px;
	border-radius: 40px 40px 40px 40px;
	box-shadow: 20px 20px 20px rgba(76,64,163,0.8);
	margin-top: 3%;
	text-align: center;
	font-size: 1.3em;
	
}
*/

.cliquez > p{
	
	font-size: 1.9em !important;
	margin-bottom: 0px;
}



section{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction:row;
	background-color: rgb(47,160,59);
	width: 100%;
	margin: auto;
	border: 3px solid black;
	box-shadow: 20px 20px 20px rgba(76,64,163,0.8);
}

aside{
	display: flex;
	flex-direction:column;
	border: 1px solid black;
	width: 15%;
}

aside > p{
	font-size: 4em;
	margin: 0px;
}

aside > a{
	text-align: center;
	text-decoration: none;
}	
 
 aside > a p{
	font-size: 1.6em;
	color: red;
}
 
.plaquette{
	display:flex;
	justify-content:space-around;
	background-color: rgb(88,167,98);
	width: 100%;
	margin: auto;
	margin-top: 2em;
	border: 5px solid black;
	border-radius: 1em;
	box-shadow: 20px 20px 20px rgba(76,64,163,0.8);
	text-align: center;
} 
 
 .plaquette  h1{
	font-size: 3em;
	text-align: center;
	
}

.gif{ 
	width: 10em;
	height:10em;
}