body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	background-color: #cccccc;
	align-content: center;
}
input[type="submit"] {
 width: 120px; height: 30px; font-size: 1em;	
}
input[type="button"] {
 width: 120px; height: 30px; font-size: 1em;	
}
input {
	font-size:1em;
}
select {
	font-size:1em;
}

tr.h:hover {
    background-color: #dddddd;
}

.tab12, .tab1, .tab_com {
	width:100%;
	display: grid;
	column-gap: 2%;
}
.par_0, .par_1, .par_2, .par_3, .par_4 {
	padding: 2px;
	margin:  2px;
	border-radius: 5px;
}
.par_1 { background-color: #dddddd; color: 222222#;}
.par_2 { background-color: #eeeeee; color: 222222#;}
.tab1 {width: 50%; align-content: center;}

.tab12 { grid-template-columns: 1fr 4fr; }
.tab1 { grid-template-columns: 2fr 3fr; }
.tab_com { grid-template-columns: 1fr 1fr; }
.logo {width: 200px;}
.couleur1 {color:#ce1010; }
.couleur2 {color:#EEEEEE; }
.couleur3 {color:#222222; }
.header {background-color: #222222; color:#ffffff;}
.taille1 {font-size: 1em;}
.taille2 {font-size: 1.5em;}
.taille3 {font-size: 2em;}

@media all and (max-width: 991px)
{
input[type="submit"] {
 width: 80px; height: 30px; font-size: 0.8em;	
}
input[type="button"] {
 width: 80px; height: 30px; font-size: 0.8em;	
}

	.tab12 { grid-template-columns: 1fr 2fr; }
.tab1 {width: 100%; align-content: center;}
.tab_com { grid-template-columns: 1fr; }
.logo {width: 100px;}
.taille1 {font-size: 0.6em;}
.taille2 {font-size: 0.8em;}
.taille3 {font-size: 1em;}

}