<style>
#rien {
	}

.blink {
animation: blink-animation 1s steps(5, start) infinite;
-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
to {
  visibility: hidden;
}
}
@-webkit-keyframes blink-animation {
to {
  visibility: hidden;
}
}

.cl_classeur {
	display: grid;
	grid-template-areas: 'c1 c2 c3';
	grid-template-columns: 30px 1fr 30px;
	margin: 10px 20px;
	align-items: center;
	}
.cl_gauche {
	background-color: white;
	font-size: 3em;
	}
.cl_droite {
	background-color: white;
	font-size: 3em;
	}
.cl_gauche A {
	text-decoration:none;
	}
.cl_droite A {
	text-decoration:none;
	}
.cl_centre {
    height:auto;
    overflow-y: hidden;
    overflow-x: auto;
    display:inline-block;
    white-space:nowrap;
	/*background-color: var(--menu_admin_1);*/
	}
.cl_centre2 {
	display:grid;
	grid-auto-flow:column;
	grid-column-gap: 5px;
	}
.cl_centre3 {
	border:1px solid black;
	margin: 0 auto;
	}
.main_grid {
	display: grid;
	grid-template-areas: 'c1 c2 c3 c4 c5';
	grid-template-columns: repeat(5, 1fr);
	/*grid-template-rows: 31px 110px 1fr;*/
	grid-auto-flow: row;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	}
	
.gr_menu {
	display: grid;
	grid-column: 1 / span 5;
	grid-row: 1;
	grid-template-columns: auto auto;
	}
	
.gr_menu_gauche {
	background-color: var(--menu_admin_1);
	grid-column: 1;
	grid-row: 1;
	}
.gr_menu_droite {
	background-color: var(--menu_admin_1);
	grid-column: 2;
	grid-row: 1;
	}
.gr_logo1 {
	grid-column: 1;
	grid-row: 2;
	}
.gr_logo2 {
	grid-column: 5;
	grid-row: 2;
	}
.gr_titre {
	grid-column: 2 / span 3;
	grid-row: 2;
	text-align:center;
	font-size: 3em;
	background-color: transparent;
	color: var(--sous_titre_color);
	text-shadow: #888 0.1em 0.1em 0.2em;
	}
.gr_bandeau {
	grid-column: 1 / span 5;
	grid-row: 2;
	font-size: 3em;
	background-color: transparent;
	color: var(--sous_titre_color);
	}

.gr_cell1 {
	background-color: magenta;
	grid-column: 1;
	grid-row: 3 / span 2;
	}
.gr_cell2 {
	background-color: cyan;
	grid-column: 2;
	}
.gr_cell3 {
	background-color: yellow;
	grid-column: 3;
	}
.gr_cell4 {
	background-color: blue;
	grid-column: 4;
	}
.gr_cell5 {
	background-color: red;
	grid-column: 5;    height:100%;
    width:100%;
    overflow-y: hidden;
    overflow-x: auto;
    display:inline-block;
    white-space:nowrap;
	grid-row: 3
	}
.tx_page70 {
	display:grid;
	grid-template-areas: 't1 t2 t3';
	grid-template-columns: 15% 70% 15%;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	}
.tx_page {
	grid-column: 2;
	background-color: var(--page_bgcolor);
	color: black;
	border-radius: 20px;
	padding: 10px 10px;
	}
.gr_100 {
	display:grid;
	grid-template-areas: 't1 t2 t3 t4 t5';
	grid-template-columns: repeat(5 20%);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	align-content: middle;
}
.gr_simple {
	/*background-color: var(--menu_admin_1);*/
	background-color: white;
	padding: 10px;
	border-radius: 10px;
}
.gr_bouton {
	height: 3.5em;
	}
.gr_carte {
	display:grid;
	grid-template-areas: 't1 t2';
	grid-template-columns: 330px 1fr;
	}
.gr_2texte {
	display:grid;
	grid-template-areas: 't1 t2';
	grid-template-columns: 1fr 1fr;
	grid-gap: 5px;
	}
.gr_plan {
	/*margin:10px;*/
	}
.gr_bouton_picto {
	height: 80px;
	display: grid;
	grid-template-areas: 'p1 p2';
	align-items:center;
	}
.gr_bouton_picto_2 {
	height: 80px;
	display: grid;
	grid-template-areas: 'p1 p2';
	grid-template-columns: 128px 1fr;
	align-items:center;
	}
.gr_fond_picto {
	background-color:blue;
	width:64px;
	border-radius:5px;
	}
.gr_texte_picto {
	display:inherit;
	}
.gr_img_picto {
	width:64px;
	height:64px;
	}
@media only screen and (max-width:960px)
{
.tx_page70 {
	grid-template-areas: 't1 t2 t3';
	grid-template-columns: 5% 90% 5%;
	}
.gr_logo1, .gr_logo2 {
	display:none;
	}
.gr_titre {
	grid-column: c1 / span 5;
	}
.gr_100 {
	display:grid;
	grid-template-areas: 't1 t2 t3';
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	}
}
@media only screen and (max-width:450px)
{
.tx_page70 {
	grid-template-areas: 't1 t2 t3';
	grid-template-columns: 5px 1fr 5px;
	}
.gr_titre {
	font-size: 2em;
	}
.gr_100 {
	display:grid;
	grid-template-areas: 't1 t2 t3 t4';
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	}
.gr_carte {
	display:grid;
	grid-template-areas: 't1';
	grid-template-columns: 1fr;
	}
.gr_2texte {
	display:grid;
	grid-template-areas: 't1';
	grid-template-columns: 1fr;
	}
	
.gr_bouton_picto {
	font-size:8pt;
	height:64px;
	}
.gr_fond_picto {
	background-color:blue;
	width:48px;
	border-radius:4px;
	}
.gr_texte_picto {
	display:none;
	}
.gr_img_picto {
	width:48px;
	height:48px;
	}
.gr_center {
	justify-content: center;
	}

}
</style>
