/* ===========================================================================
 * Projet : 				Web Vitesse
 * Auteur :					Jean-Michel HAROUY (J-Michel.Harouy@ac-nantes.fr)
 * Version : 				1.0
 * Date de mise à jour :	Mai 2019
 * 
 * REGLES définissant les caractéristiques d'affichage des éléments de la page 
 * =========================================================================== */
 
	@font-face {
	  font-family: wvFont;
	  src: url(../wv_polices/SpeedGrams.otf);
	  /* source : https://www.dafont.com/fr/speed-grams.font */
	  /*font-stretch: ultra-expanded;*/
	}

	body {
		font-family:verdana;	font-size:1vw;
		background-color:white;
		}

	header {
		background-color:pink;
		width:90vw;
		margin-left:5vw;
		padding:0;
	}

	header h1 {
		width:100%;
		text-align:center;
		font-family:wvFont;		font-size:4vw;		font-weight:100;
		margin-top:0;			margin-bottom:0;
		padding:0;
	}

	header nav {
		width:90%;
		margin-left:5%;			margin-bottom:0;
		padding:0;
	}

	header article {
		width:90%;
		margin-left:5%;			margin-top:0;		margin-bottom:5px;
		padding:0;
		height:2.4vw;
		background-color:#333;
		color:yellow;
		font-size:0.8vw;
		}

	header article ul {
		margin-top:0;			margin-bottom:0;
		padding:0;
		}

	header article li {
		padding:3px;
		margin : 0 2vw 0 2vw ;
		list-style-type: none;
		float:left;
		}

	main {
		width:90vw;
		margin-left:5vw;
		padding:0;
		}

	main section {
		float:left;
		width:100%;
	}

	main section article {
		border:solid 1px pink;
		padding:10px;
		margin-top:20px;			margin-bottom:20px;
		min-height:15vw;			max-height:30vw;
		overflow:auto;
	}

	main section article h2, main aside article h2 {
		font-family:wvFont;			font-weight:100;			font-size:3vw;
		color:#444444;
		margin-top:0;				margin-bottom:0;
	}

	main section article h3, main aside article h3 {
		font-size:2vw;				font-family:wvFont;			font-weight:100;
		color:#999999;
		margin-top:20px;			margin-bottom:0;
	}

	main section article h4 {
		font-weight:600;
		clear:both;
	}

	main section article a {
		text-decoration:none;
	}

	main section article svg {
		width:50%;
		float:left;
		border:solid 1px grey;
		margin-bottom :30px;
	}

	main section article cite {
		clear:both;
	}

	main section article cite a {
		text-decoration:none;
	}

	#vitMoyAnimReplay:hover, #vitAngAnimReplay:hover {
		cursor : pointer;
	}

	.vitZoneAnim {
		width:100%;
	}

	.vitTabBord {
		margin-left:51%;
			padding:5px;
	}

	.vitTabBord-Element input {
		width:10%;
	}

	main section article details{
		margin-top:10px;
		border:solid 1px pink;
		padding:5px;
	}

	main section article details button {
		background-color:pink;
		font-size:1.0vw;
		padding:3px;
	}

	main aside {
		float:right;
		display:none;
	}

	main aside article {
		display:none;
		border:solid 1px pink;
		padding:10px;
		margin-top:20px;			margin-bottom:20px;
		min-height:15vw;
	}

	main aside article .article-titre {
		display:inline;
		float:left;
	}

	main aside article .bouton-fermeture {
		float:right;
	}

	#partie-1, #partie-2, #partie-3, #partie-4 {
		min-height : 30vw;
	}

	details {
		width:60%;
		background-color : pink;
	}

	details summary {
		padding : 5px;
		color : blue;
	}

	details div {
		margin : 5px;
	}

	details label {
		display : inline-block;
		width : 80%;
		text-align : right;
	}

	details input {
		margin-left : 5px;
	}
	
	button {
		background-color : pink;
		color: blue;
	}

	hr {
		clear:both;
		width:100%;
		border-color:pink;			border-width:2px;
		margin-top:5px;				margin-bottom:5px;
	}

	dt,dd {
		margin-top:5px;
	}

	dt {
		color:blue;
	}
	
	.vitTabBord-data {
		color : blue;				background-color : #dddddd;
		margin-top : 5px;			margin-bottom : 5px;
		padding : 5px;
	}
	
	
	button {
		border: solid 1px pink ;	border-radius : 5px;
		padding : 5px;
	}

	footer {
		clear:both;
		background-color:pink;
		width:90vw;
		margin-left:5vw;
		padding:0;
	}

	footer nav {
		width:90%;
		margin-left:5%;				margin-bottom:0;
		padding:0;
	}
	
	#version {
	display : inline-block ;
	margin-left : 1%;				margin-right:1%;
	color: white;
	}

/* Rubrique : conversion d'unités de vitesse dans le système international */

	#vitesse1 {
		font-size:1.5vw;
		color:blue;
	}

	#unitdist1,#unittemps1,#unitdist2,#unittemps2 {
		font-size:1.5vw;
		color:red;
	}

	#vitesse2 {
		font-size:1.5vw;
		color:yellow;				background-color:#555555;
		}