#PAGE
	{
		width: 100%;
		height:100%;
		position: center;
		min-height: 100%;
	}


/* ------------------------------------- Définition des polices ------------------------------------------------------------ */

@font-face {font-family: 'Antonio'; src: url('FONTES/Antonio.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Antonio-Bold'; src: url('FONTES/Antonio-Bold.ttf') format('truetype'); }
@font-face {font-family: 'FFFTusj';	src: url('FONTES/FFFTusj.ttf') format('truetype'); } /* Fonte pour le logo asmtradcpc*/
@font-face {font-family: 'berkshireswash-regular'; src: url('FONTES/berkshireswash-regular.ttf') format('truetype'); } /* pour le menu */
@font-face {font-family: 'Chunk Five Print'; src: url('FONTES/Chunk Five Print.otf') format('opentype'); }
/* @font-face {font-family: 'pixelfont'; src: url('FONTES/Unibody8Pro-Black.otf') format('truetype');}
@font-face {font-family: 'pixelpetit'; src: url('FONTES/Unibody8Pro-RegularSmallCaps.otf') format('truetype');} */
/* ----------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/
header
	{
		font-family: 'pixelfont', serif;
		height: 120px;
		width: 100%;
		position:fixed;
		top:0;
		left:0;
		
		background: url("IMAGES/SPECTRUM120.jpg") center no-repeat, url("IMAGES/BANDES.png") right no-repeat ;

		border: 3px black solid;
		border-radius: 20px 20px 0px 0px;
		/*border-radius: 20px;*/
	    box-shadow: 6px 6px 8px black inset;
	}



header h1
	{
		color: black;
		text-align: center;
		margin: auto;
		font-size: 64px;
	}

header h2
	{
		color: black;
		text-align: center;
		margin: auto;
		font-size: 25px;
	}

header img
	{
		max-height: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;

	}
/* ----------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------*/

#CONTENU
	{
		width:100%;
		height: calc(100% - 120px - 48px);
		position:fixed;
		top:123px;
		left:0;
		display: flex;
		justify-content: flex-end;
		flex-direction: row-reverse;
		margin-bottom: 48px;
	}


				#CONTENU nav
					{
						font-family: 'pixelpetit', Arial, sans-serif;
						font-size: 12px;
						width: 6%;
    					display: flex;
    					justify-content: space-around;
    					flex-direction: column;
    					justify-content: flex-start;
    					align-items: center;
    					background-color: #CCCCDF;
    					border-right: 3px black solid;
    					border-left: 6px black solid;
    					border-top: 3px black solid;
    					box-shadow: 6px 0px 16px black;
    					z-index: 999;
					}

				#CONTENU nav a
					{
						color: black;
						text-decoration: none;
					}

				#CONTENU ul
					{
	    				list-style-type: none;
					}

				#navig li
					{
						margin-left: 16px;
						margin-bottom: 5px;
						width: 120px;
						background-color: #FFFFFF;
						border: 3px black solid;
						border-radius: 5px;
	    				box-shadow: 6px 6px 8px black;	    
	    				padding: 12px;
	    				transition: margin 0.5s;
					}

				#connect li
					{
						margin-left: 16px;
						width: 120px;
						background-color: #CCCCCC;
						border: 3px black solid;
						border-radius: 5px;
	    				box-shadow: 6px 6px 8px black;	    
	    				padding: 8px 12px 8px 12px;
	    				margin-top: 8px;
	    				transition: margin 0.5s;
					}

				#connect:hover
					{
						cursor: pointer;
					}
/* --------------------------------------- CONNEXION / INSCRIPTION ------------------------------------------ */
   			#INSCR
    				{
    					display: none; /* A passer en block */
    					position: fixed;

    					text-align: center;
    					border: 8px double black;
    					background-color: #DDDDDD;
    					padding:0;
    					width: 400px;
    					top: 50%;
    					left: 50%;
    					margin-top: -200px;
    					margin-left: -200px;
    				}
    		
			
    			#formulaire
    				{
    					text-align: left;
    				}

    			#inscription label
    				{
				        /* display: block; */
				        width: 200px;
				        float: left;
				        padding-left: 10px;
				        text-align: right;
					}

				#BandeauConnexion
					{
						box-shadow: 0 3px 5px black inset, 0 -3px 5px black inset;
						position: relative;
						top: 0;
						width: 100%;
						height: 18px;
						background: url("IMAGES/BORDURE.png") right no-repeat;
						background-color: white;
					}

				#CroixConnexion
					{
						border: 0;
						position: relative;
						width: 16px;
						right: 0;
						top: 0;
						padding:0;
						margin-left: auto;
					}

				#CroixConnexion:hover
					{
						cursor: pointer;
					}

/* ----------------------------------------------------------------------------------------------------------- */

				#CONTENU nav li:hover
					{
						margin-left: 32px;
					}


				#CONTENU section
					{
						background-image: url("IMAGES/BANDES_fond.png");
						background-position: top right;
						background-repeat: no-repeat;
						background-position:fixed;
						width: 90%;
						padding: 8px 16px 48px 96px;
    					/*box-shadow: 6px 0px 15px black inset;*/
    					overflow-y: auto;
    					overflow-x: auto;
    					box-shadow: 0px 32px 32px white inset;
    					border: 1px solid black;
					}

				#CONTENU section h2
					{
						font-family: Antonio-Bold;
						font-size: 35px;
					}

				#CONTENU section h3
					{
						font-family: Antonio-Bold;
						font-size: 25px;
					}	

				#CONTENU section p
					{
						font-family: Antonio;
						font-size: 18px;
					}

				.image
					{
						display: flex;
						margin-left: auto;
						margin-right: auto;
						margin-top:50px;
						margin-bottom: 50px;
					}

				.Machine
					{
						border: 1px solid black;
						text-align: center;
						margin-top: 64px;
						background-color: rgba(0, 0, 128, 0.25);
					}

				.Machine img 
					{
						margin: 16px 16px 16px 16px;
						border: 3px double black;
					}

				.NomMachine
					{
						font-family: 'pixelpetit', Arial, sans-serif;
						font-size: 24px;	
					}


footer
	{
		font-family: Chunk Five Print;
		text-align: center;
		width:100%;
		height: 48px;
		position: fixed;
		bottom: 0;
		left:0;
		background-color: #888888;
		border-top: 3px black solid;
		box-shadow: 6px 4px 6px black inset;
		padding-top: 0;
		padding-left: 32px;
	}

footer a
	{
		color: white;
		text-decoration: none;
	}