* {
	/* désactive les bordures indesirables */
	outline-style: none;
}

html {
	/* ralentit le scrolling */
	/* scroll-behavior: smooth; */
	
	/* force l'ascenseur vertical */
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}

body {
	line-height: 120%;
	margin: 0px 0px 0px 0px;
	background-color: #FFF;
}

.no-select {
	/* empêche la sélection du texte */
	/* -moz-user-select: none; */ 		/* Firefox */
	/* -webkit-user-select: none; */ 	/* Chrome, Safari, Opéra depuis la version 15 */
	/* -ms-user-select: none; */ 		/* Internet explorer depuis la version 10 et Edge */
	/* user-select: none; */ 			/* Propriété standard */
}

/* banière et titres défilants */

.banner {
	background-color: #B22222;
	border: 2px solid #B22222;
	border-radius: 6px;
	width: 1298px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	margin-bottom: 10px;
	color: #FFF;
	text-align:left;
	font-family: verdana; 
	font-weight: bold;
	padding: 10px 10px;
	line-height: 30px;
}

.slide-left-on, .slide-left-off {
	font-family: verdana; 
	font-weight: bold;
	font-size: 36px;
	color: #FFF;
	width:100%;
}

.slide-left-on {
	animation: 1s slide-right;
}

@keyframes slide-left {
	from {
		margin-left: 100%;
	}
	to {
		margin-left: 0%;
	}
}

.slide-right-on, .slide-right-off {
	font-family: verdana; 
	font-weight: bold;
	font-size: 22px;
	font-style: italic;
	color: #FFF;
	width: 100%;
}

.slide-right-on {
	animation: 1s slide-left;
}

@keyframes slide-right {
	from {
		margin-left: -100%;
	}
	to {
		margin-left: 0%;
	}
}

/* page */

.menu {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	color: #000;
	text-align:center;
	font-family: verdana; 
	font-weight: normal;
}

/* liens par défaut */

a, a:hover, a:visited {
	color: #000;
	font-family: verdana; 
	font-weight: normal;
	font-size: 14px; 
	text-decoration: underline;
	cursor: pointer;
}

/* pied de page */

.foot {
	background-color: #EEE;
	border: 2px solid #AAA;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	color: #000;
	text-align:center;
	font-family: verdana; 
	font-weight: normal;
	font-size: 11px; 
	padding: 6px 10px;
}

/* polices */

.titre-phase {
	background-color: #37A;
	border: 1px solid #37A;
	border-radius: 6px;
	color: #FFF;
	font-family: verdana; 
	font-weight: bold;
	font-size: 16px; 
	text-align: center;
	padding: 6px 0px 8px 10px;
	/* empêche la sélection du texte */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
	-ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
	user-select: none; /* Propriété standard */
}

.texte {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	color: #000;
	text-align:left;
	font-family: verdana; 
	font-weight: normal;
	font-size: 14px; 
	padding: 10px 10px;
	border:1px solid #888; 
	border-radius:10px; 
}

.entete {
	font-weight: bold;
	font-size: 16px;
	color: #DDD;
}

.command {
	background-color: #333;
	color: #FFF;
	font-family: monospace; 
	font-weight: normal;
	font-size: 16px; 
	padding: 7px 10px;
}

.warning {
	border: 3px solid #DC143C;
	border-radius: 10px;
	color: #000;
	font-family: verdana; 
	font-weight: bold;
	font-size: 14px; 
	text-align: center;
	padding: 7px 10px;
}

.no-validate {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	border: 4px solid #DC143C;
	border-radius: 10px;
	font-family: verdana; 
	text-align: center;
	color: #DC143C;
	font-size: 16px;
	font-weight: normal;
	padding: 10px 0px;
}

.tab_11, .tab_11b, .tab_12, .tab_12b,
.tab_14, .tab_14b, .tab_16, .tab_16b,
.tab_18, .tab_18b, .tab_20, .tab_20b,
.tab_22, .tab_22b, .tab_24, .tab_24b {
	font-family: verdana; 
	font-style: none; 
	font-weight: normal;
}

.tab_11  { font-size: 11px; }

.tab_11b { font-size: 11px;	font-weight: bold; }

.tab_12  { font-size: 12px; }

.tab_12b { font-size: 12px; font-weight: bold; }

.tab_14  { font-size: 14px; }

.tab_14b { font-size: 14px;	font-weight: bold; }

.tab_16  { font-size: 16px; }

.tab_16b { font-size: 16px; font-weight: bold; }

.tab_18  { font-size: 18px; }

.tab_18b { font-size: 18px; font-weight: bold; }

.tab_20  { font-size: 20px; }

.tab_22b { font-size: 22px; font-weight: bold; }

.tab_22  { font-size: 22px; }

.tab_22b { font-size: 22px; font-weight: bold; }

.tab_24  { font-size: 24px; }

.tab_24b { font-size: 24px; font-weight: bold; }

/* controles */

.session {
	background-color: none;
	border: 1px solid #333; 
	border-radius: 3px; 
	color: #333; 
	font-size: 14px; 
	font-weight: normal;
	text-align: center; 
	padding: 2px 0px;
}

.select_custom {
	background-color: #DDD;
	border: 1px solid #555;
	color: #000;
	border-radius: 3px;
	font-family: verdana; 
	font-size: 12px; 
	padding: 5px 5px;
	width: 50px; 
	text-align: center;
	cursor: default;
}

/* bouton surgissant de retour vers haut de page */

a#cRetour {
    border-radius: 50%;
    padding: 1px 10px 7px 10px;
    font-size: 30px;
    text-align: center;
    color: #37A;
    background: #AAA;
    position: fixed;
    left: 50%;
    transform: translate(-550px);
    z-index: 5;
    transition: all ease-in 0.2s;
    opacity: 0.8;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    text-decoration: none;
	line-height: 130%;
}

a#cRetour:before { 
    content: "\25B2";
}

a#cRetour:hover {
    background: #37A;
    color: #FFF;
    transition: all ease-in 0.2s;
    opacity: 0.8;
}

a#cRetour.cInvisible {
    bottom: -35px;
    opacity: 0;
    transition: all ease-in 0.5s;
}

a#cRetour.cVisible {
    bottom: 60px;
    opacity: 0.8;
}

/* pages specifiques */

.link-aeromod {
	width: 600px; 
	padding: 5px; 
	border: 1px solid #888; 
	border-radius: 8px; 
	background-color: #EEE;
}

.link-aeromod:hover {
	filter: brightness(90%);
	color: #000;
}

.link-cnc-fusion {
	width: 300px; 
	padding: 5px; 
	border: 1px solid #888; 
	border-radius: 8px; 
	background-color:#9CF; 
	font-size:14px;
	color: #000;
}

.link-cnc-fusion:hover {
	filter: brightness(90%);
}
