@charset "utf-8";
/* CSS Document */

.conteneur-schema-programme {
	width: 60%;
    margin-left: auto;
    margin-right: auto;
	overflow: auto;
}

.conteneur-schema-programme th {
	text-align: center;
	font-weight: normal;
}

.conteneur-schema-programme td {
	text-align: center;
}

.conteneur-schema-programme .has-background:not(.has-white-background-color).has-big-button {
	padding: 0px;
	position: relative;
}

.conteneur-schema-programme .has-background:not(.has-white-background-color).en-tete-postbac {
	padding: 10px;
}

.conteneur-schema-programme .has-background:not(.has-white-background-color).has-big-button:hover {
	background-color: #000;
	cursor: pointer;
}

.conteneur-schema-programme table {
	width: 100%;
}

.button-grande-case {
	display: block;
	text-decoration: none;
	padding: 20px;
}

.button-grande-case::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.button-grande-case:hover {
	color: #fbe216;
}

.conteneur-schema-programme thead {
	background-color: #000000;
	color: #ffffff;
	text-align: center;
}

.texte-blanc {
	color: #ffffff;
}

/* Case et couleur de cases */

.gabarit-case {
	width: 50%;
}

.gabarit-case-trois-colonnes {
	width: 33%;
}

.gabarit-case-quatre-colonnes {
	width: 25%;
}

.fond-noir {
	background-color: #000000;
}

.fond-jaune-clair {
	background-color: #fcec68;
}

.fond-rose-clair {
	background-color: #f39daa;
}

.fond-vert-clair {
	background-color: #a2d4b0;
}

.fond-violet-clair {
	background-color: #cbc5e1;
}

.options-annee-5 {
	width: 100%;
	height: 70px;
	background: #ffffff;
	font-size: 15px;
	border: 1px solid #000000;
}

.texte-en-majuscule {
	text-transform: uppercase;
}

@media screen and (max-width: 1000px) {
	
	.conteneur-schema-programme {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}
}


@media screen and (min-width: 801px) {
	.conteneur-schema-programme .has-background:not(.has-white-background-color) {
		padding: 40px;
	}
}

@media screen and (max-width: 800px) and (min-width: 601px) {
	.conteneur-schema-programme .has-background:not(.has-white-background-color) {
		padding: 20px;
	}
	.conteneur-schema-programme td,
	.conteneur-schema-programme th {
		font-size: 1.25rem;
	}
}

@media screen and (max-width: 600px) {
	.conteneur-schema-programme .has-background:not(.has-white-background-color) {
		padding: 5px;
	}
	.conteneur-schema-programme td,
	.conteneur-schema-programme th {
		font-size: 1rem;
	}
	.button-grande-case {
		padding: 5px;
	}
}

@media screen and (max-width: 400px) {
	
	.conteneur-schema-programme {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
}