@font-face
		{
			font-family: "KaushanScript";
			src: url('Fonts/KaushanScript-Regular.otf');
		}

		body
		{
		background: url("Image.jpg") no-repeat;
		background-size: cover;
		}

		header	
		{
			width:100%;
			max-height: 100px;
			min-height: 100px;
			border-style: solid;
			border-color: white;
			background-color: #6699CC;
			box-shadow: 2px 2px 2px black;
			border-radius: 10px;
		}

		header h1
		{
			color: white;
			font-style: italic;
			text-shadow: 2px 2px 2px black;
			text-align: center;
			font-family: KaushanScript;
		}

		aside
		{
		border-style: solid;
		border-color: white;
		border-radius: 10px;
		box-shadow: 2px 2px 2px black;
		width: 250px;
		min-width: 250px;
		height: 300px;
		margin-top: 5px;
		background-color: #6699CC;
		padding-top: 10px;
		text-align: center;	
		}

		h2
		{
			font-weight: bold;
			color: white;
			font-style: italic;
			text-shadow: 2px 2px 2px black;
		}

		h3
		{
			text-decoration: underline;
			color: white;
			font-style: italic;
			text-shadow: 2px 2px 2px black;
		}

		.Aff_Capt p
		{
			text-align: center;
		}

		.Aff_Mode p
		{
			font-size: 1.3em;
		}

		.Liste
		{
			color: red;
			font-family: Comic Sans MS;
		}

		.Liste:Hover
		{
			color: magenta;
			font-style: italic;
		}

		.Flotter
		{
			float: right;
		}

		.Tendance
		{
			padding-left: 15px;
		}

		#Lien
		{
			color: white;
		}

		#Date_du_jour
		{
			text-align: center;
		}

		#Navigation
		{
			height: 100%;
			background-color: none;
			border-radius: 10px;
			margin-top: 5px;
			border-style: solid;
			box-shadow: 2px 2px 2px black;
			border-color: white;
			margin-right: 5px;		
			width: 200px;
			min-width: 200px;
			background-color: #6699CC;
			display: flex;
			flex-direction: column;
			padding-bottom: 10px;
		}

		#Params
		{
			color: red;
		}

		#Infos
		{
			color: green;
		}

		#Capteurs
		{
			margin-top: 5px;
			width: 60%;
			height: auto;
			margin-right: 5px;
			padding-left: 10%;
			padding-right: 10%;  
			padding-top: 3%;
			padding-bottom: 3%;
			display: flex;
			flex-wrap: wrap;
			max-width: 75%;
			justify-content: center;
		}

		#Deconnexion
		{
			width: 50%;
			margin: auto;
		}

		#Mode_Leds
		{
			margin-top: 5px;
			width: 60%;
			height: auto;
			margin-right: 5px;
			padding-left: 10%;
			padding-right: 10%;  
			padding-top: 3%;
			padding-bottom: 3%;
			display: flex;
			flex-wrap: wrap;
			max-width: 75%;
			justify-content: center;
		}
		
		#Page
		{
			border-style: none;
			display: flex;
			justify-content: stretch;
			min-width: 100%;
			width: 100%
		}

		#Raf
		{
			width: 50%;
			margin: auto;
		}

		#Lien_Conf
		{
			color: black;
		}

		#Lien_Conf:Hover
		{
			color: yellow;
		}

		.Date
		{
			font-weight: bold;
			font-size: 1em;
		}

		.Pile
		{
			font-weight: bold;
			font-size: 1em;
		}

		.MAJ
		{
			font-weight: bold;
			font-size: 1em;
		}

		.Mesures
		{
			font-weight: bold;
			font-size: 2em;
		}

		.Aff_Capt
		{
			border-style: solid;
			border-color: white;
			border-radius: 10px;
			box-shadow: 2px 2px 2px black;
			width: 200px;
			min-width: 200px;
			height: 300px;
			margin-right: 5px;
			margin-bottom: 5px;
			background-color: purple;
			display: flex;
			flex-direction: column;
			text-align: center;					
		}

		.Aff_Capt:Hover
		{
			border-color: red;
		}

		.Aff_Mode
		{
			border-style: solid;
			border-color: white;
			border-radius: 10px;
			box-shadow: 2px 2px 2px black;
			width: 200px;
			min-width: 200px;
			height: 300px;
			margin-right: 5px;
			margin-bottom: 5px;
			background-color: purple;
			
			flex-direction: column;
			text-align: center;					
		}

		.Aff_Mode:Hover
		{
			border-color: red;
		}

		@media screen and (max-width: 1360px)
		{
			.Aff_Mode
			{
				height: 300px;
			}

			.Aff_Capt
			{
				height: 300px;
			}

    		#Page
    		{
      	 		display: flex;
      	 		flex-direction: column;
      	 		align-items: center;
    		}

    		#Capteurs
    		{
    			display: flex;
        		flex-wrap: wrap;
        		justify-content: center;
    		}

    		#Aff_Capt
    		{
    			margin-left: 5px;
    		}

    		aside
    		{
    			margin-right: 5px;
    		}

        
 		}