/*----------------------div*/

gauche{
	float: left;
	width:500px;
}

droite{
	float: right;
	width: 100px;
}
.gauche td, droite td{
	border: 1px solid black;
}
.visuel{
	border:none;
	padding:0px;

}
.visuel td{
	border:none;
	vertical-align:top;
}
.centre{
	width: 90%;
	padding:4px 0px;
	background-color:rgba(255, 255, 255, 0.7);
	margin: 3% auto;
	text-align: center;
	border-style:solid;
	border-width: 5px;
	border-color:rgba(0, 0, 0, 0.5);
	height:auto;
        border: solid;

}

table.gauche{
	width:500px;
	margin-left:30%;
}

table.droite{
	width:500px;
}
.ligne li{
	padding:10px;
	display: inline-block;
}
.Jaune{
	background-color:yellow;
}
.Cyan{
	background-color:cyan;
}
.Magenta{
	background-color:magenta;
}
/*  cadre entourant les reservation biblio et grande salle*/
.cadreresa{
	width:auto;
	height:auto;
	border-radius:15px;
	border-color:grey;
	border-style:double;
	border-width:5px;
	margin:10px;
	background-color:rgba(255,255,255,0.4);
}
/* reservation prise */
.resa{
	width:100%;
	height:auto;
	background-color:var(--couleur3);
}
.redirection{
	width:90%;
	height:600px;
}
.redi{
	width:500px;
	height:400px;
	text-align: center;
}
.jeux{
	display: inline-block;
	border-style:double;
	border: 3px solid black;
	width:60%;
	background-color:var(--couleur3);
	padding:10px;
	margin:5px;	
}
.jeuxvisuel{
	display: inline-block;
	background-color:var(--couleur3);
	width:70%;
}
.jeuxvisuel tbody {
	width:100%;
	display: table;
}
table.jeuxvisuel td:first-child{
	text-align:left;
	 border-style:double;
        border: 3px solid black;

}
table.jeuxvisuel td:nth-child(2){
}