._bloc_entier {
	min-width:   100%;
	max-width:   75vw;
	line-height: 1.8em;
	}

#compteur {
	position:         fixed;
	right:            -10vw;
	top:              4vw;
	width:            35vw;
	transform:        rotateZ(45deg);
	transform-origin: center center;
	text-align:       center;
	background:       grey;
	padding:          .5em;
	color:            white;
	box-shadow:       0 4px 10px silver;
	}

#compteur h4 {
	font-size: 1.3vw;
	}

#compteur h3 {
	font-size:   3vw;
	font-family: Bold;
	}

/* BOUTONS */

#_boutons {
	display:         flex;
	flex-wrap:       wrap;
	justify-content: center;
	margin:          5vh 0;
	min-width:       100%;
	}

._bouton {
	width:            18vw;
	min-height:       11vw;
	padding:          1em;
	background:       silver;
	margin:           5px;
	border-radius:    4px;
	color:            white;
	display:          flex;
	flex-direction:   column;
	justify-content:  space-between;
	align-content:    center;
	text-align:       center;
	
	transform-origin: center center;
	transition:       .2s all ease;
	
	}

._bouton:hover:not(._inactif) {
	transform:       scale(1.1);
	color:           white;
	text-decoration: none;
	box-shadow:      0 4px 40px black;
	z-index:         10;
	}

._bouton img {
	height: 8vh;
	width:  8vh;
	margin: 5px auto 20px;
	}

._bouton h4 {
	font-family:    Bold;
	text-transform: uppercase;
	font-size:      1vw;
	}

._bouton.enseignants {
	background: rgb(96, 125, 139)
	}

._bouton.equipes, ._bouton.simuler {
	background: #FF9900;
	}

._bouton .fichier {
	
	}

#connexion input {
	display: inline;
	}

#frmProvisoire input {
	font-size:100%; width:12vw
	}

/* ENSEIGNANTS
**********************************************************************************************************************/

#cd_connexion {
	display:        flex;
	/*height:          100%;*/
	/*width:           100%;*/
	flex-direction: column;
	
	}

#cd_connexion h3 {
	font-family:    Bold;
	text-transform: uppercase;
	margin:         0 0 1em 0;
	}

#cd_connexion > div {
	margin:        2vw;
	background:    rgba(96, 125, 139, .2);
	padding:       2vw;
	border-radius: 10px;
	}

#cd_connexion .edulog {
	background: rgba(50, 224, 162, .5);
	}

#cd_connexion form {
	display: inline-block;
	}

#cd_connexion a:hover {
	text-decoration: none;
	}

#cd_connexion .error {
	color:       red;
	font-weight: 900;
	}

#cd_connexion .pswd {
	color:     grey;
	font-size: 90%;
	margin:    1em 0;
	}

strong {
	font-family: bold;
	}

#enseignants, #inscription, #mot_de_passe_oublie {
	background: rgb(96, 125, 139);
	}

#enseignants ._page, #inscription ._page {
	background:      white;
	border-radius:   10px;
	justify-content: flex-start;
	box-shadow:      0 20px 60px black;
	padding-top:     0;
	}

#enseignants ._page .header, #inscription ._page .header {
	padding:         20px;
	
	margin-bottom:   10px;
	width:           100%;
	height:          50px;
	text-align:      center;
	font-family:     Bold;
	font-size:       2vw;
	display:         flex;
	justify-content: space-between;
	}

#enseignants ._page .header #logo, #inscription ._page .header #logo {
	height:              50px;
	width:               50px;
	display:             block;
	
	background-image:    url(../img/logo_CD_noir.svg);
	background-repeat:   no-repeat;
	background-size:     contain;
	background-position: left 10px;
	}

#enseignants ._page .header > div, #inscription ._page .header > div {
	min-width: 50px;
	
	}

#enseignants ._btn, #inscription ._btn {
	background:    rgb(96, 125, 139);
	border-radius: 4px;
	padding:       .2em 1em;
	min-height:    0;
	font-size:     14px;
	margin:        10px 0;
	font-weight:   bold;
	}

#enseignants ._btn:hover, #inscription ._btn:hover {
	color: white
	}


#enseignants table {
	width: 100%;
	}

#enseignants th, #enseignants tr {
	font-size: 16px;
	}

#enseignants tr {
	border-bottom: 1px dotted silver;
	}

#enseignants .line {
	width:         100%;
	border-bottom: 1px solid rgb(96, 125, 139);
	margin:        10px 0;
	padding:       10px 0;
	}

#enseignants ._droite, #connexion ._droite {
	justify-content: flex-end;
	
	}

#connexion ._droite {
	text-align: right;
	}

._titre {
	text-align: center;
	}

#enseignants .message {
	background:    #3fb03f;
	color:         white;
	padding:       1em;
	border-radius: 10px;
	line-height:   1em;
	margin:        1em auto;
	}

.frm {
	width: 100%;
	}

.frm label {
	font-size:   18px;
	font-weight: bold;
	display:     block;
	margin:      2em 0 0 0;
	font-family: Bold;
	}

.help_text {
	color: grey
	}

.help_text.red {
	color: red;
	font-weight: 900;
}

.help_text.small {
	font-size: 80%;
	margin:    0;
	}

.frm input, .frm select {
	/*width:     25em;*/
	width:     100%;
	font-size: 16px;
	padding:   .4em;
	}

.frm input {
	border: 2px solid silver;
	
	}

#time_input {
	display: inherit;
	}

#time_input select {
	width: 5em;
	}

#niveaux_id option {
	font-size: 16px;
	}

#enseignants ._btn._support {
	
	background:   #FF9900;
	margin-right: .5em;
	}

#enseignants ._btn._back, #inscription ._btn._back {
	
	background:   grey;
	margin-right: .5em;
	}

#support {
	margin-top:  4em;
	padding-top: 1em;
	border-top:  1px dotted rgb(96, 125, 139);;
	color:       rgb(96, 125, 139);;
	font-size:   80%;
	width:       100%;
	}

#support a {
	color: rgb(96, 125, 139);;
	}

.full {
	width: 100%;
	}

.help-box {
	border-radius: 10px;
	font-size:     20px;
	font-style:    italic;
	margin:        2em 2em 0;
	padding:       .7em 1em 0.1em;
	background:    rgba(215, 208, 79, 0.75);
	line-height:   1em;
	}

.help-box.accueil {
	margin: 0;
	}


.help-box li {
	margin-bottom: 6px;
	}

.help-box .check {
	font-weight: bold;
	color:       green;
	}

.timeout {
	color:      red;
	margin:     10vh auto;
	text-align: center;
	}


.galerie {
	display:   flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	width:     100%;
	margin:    10vh auto;
	}

.galerie img {
	margin: 10px 10px 0 0;
	width:  100%;
	}

.galerie a {
	margin:           10px 10px 0 0;
	width:            20vw;
	height:           20vw;
	overflow:         hidden;
	display:          flex;
	flex-direction:   column;
	justify-content:  center;
	transform-origin: center center;
	transition:       .2s all ease;
	}

.galerie a:hover {
	transform:  scale(1.1);
	box-shadow: 0 4px 40px black;
	z-index:    10;
	}


.box {
	margin: 1em;
	border: 1px solid silver;
	border-radius:10px;
	width: 100%;
	padding: 2em;
	}

.error {
	color:red;
	font-weight: 900;
	}

.sl-wrapper .sl-close {
	color: white;
	}

#logos {
	display: flex;

	width:100%;
	flex-wrap:wrap;
	}

.radio-item {
	display: flex;
	width: 5vw;
	justify-content: center;
	align-content: center;
	flex: 0 0 16%
	}

.frm #logos  input {
	width: auto;
	align-self: center;
	}


/* RESULTATS
**********************************************************************************************************************/
#resultats-wrapper {
	display:         flex;
	justify-content: center;
	flex-wrap:       wrap;

	}
#resultat-wrapper {
  /*column-count: 2;*/
	/*column-fill: balance;*/
	display: flex;
	
	}

#resultats-wrapper ._bouton {
	}

table.resultats {
	width: 95%;
	margin: 0 2% 25px 0;
	break-inside: avoid;
	}

table.resultats th {
	border-bottom: 3px solid black;
	}

table.resultats td {
	padding: .4em;
	}

table.resultats h3 {
	padding:     3em 0 .5em;
	font-family: Bold;
	font-size:   150%;
	}

table.resultats strong {
	font-family: Bold;
	
	}

table.resultats .right {
	font-family: Bold;
	text-align:  right;
	}

table.resultats ._btn {
	margin:     3em 0 .5em;
	float:      right;
	background: #FF9900;
	padding:    .2em;
	}

table.resultats em {
	color: #FF9900;
	font-size: 90%;
	}

table.resultats ._btn:hover {
	color: white;
	}


table tr.line:nth-child(odd) {
	background: rgba(210, 210, 210, 0.5);
	}

table tr.line:nth-child(even) {
	background: rgba(255, 151, 0, 0.48);
	}

/* MOBILE */
@media screen
and (min-device-width: 320px)
and (max-width: 768px) {
	
	#resultats-wrapper {
		width: 90vw;
		display: block;
		}
	
	#_activite._largeur_1600 {
		width: 100vw;
		}
	
	._page {
		padding: 0 1em;
		}
	
	#_activite > * {
		  font-size: 18px;
		}
	
	
	#_boutons {
	  flex-direction: column;
		}
	
	._bouton {
		width: 100%;
		margin-bottom: 20px;
		}
	
	._bouton h4 {
		font-size: 18px;
		}
	
	#compteur {
		width: 80vw;
		right: -25vw;
		top:3vw;
		position: absolute;
		}
	
	#compteur h4 {
		font-size: 10px;
		}
	
	#compteur h3 {
		font-size: 18px;
		}
	
	#resultat-wrapper {
		display: block;

		}
	
	table.resultats {
		width: 90vw;
		max-width: 90vw;
		}
	
	table.resultats ._btn {
		font-size: 11px;
		width: 30vw;
		margin-top: 5em;
		}
	
	table.resultats td {
		padding: 0.1em;
		font-size: 12px;
		}
	
	#enseignants ._page .header, #inscription ._page .header {
		font-size: 18px;
		
		}
	
	#frmProvisoire {
		display: flex;
		flex-direction: column;
		
		}

	
	#frmProvisoire span {
		display: block;
		margin: 10px auto;
		}
	
	#frmProvisoire input {
		width:100%
		}
	
	#enseignants ._page, #inscription ._page {
		width: 98vw;
		margin: 5vh auto;
		min-height: 60vh;
		justify-content: flex-start;
		}
	
	.edulog a img {
		clear: both;
	margin: 0 40%;
		}
	
	#connexion button {
		margin-top: 20px;
		}
	
	}