/*------------------------------planning :*/
.information{
	color:red;
}
.affichage{
	width: 90%;
	padding:5px;
	/*background-color:rgba(78, 99, 100, 0.2);*/
	margin: 1% auto;
	text-align: center;
	border-style:solid;
	border-width: 5px;
	border-color:rgba(0, 0, 0, 0.5);
	height:900px;
}

.titre{
	margin: 0 auto;
	width: 100%px;
	text-align:center;
}

/*-----bouton planning visuel */
.bouton{
	height:50px;
	width:50px;
	position:absolute;
	background-color:#D0E4F5;
	text-align: center;
	margin-top: 50vh;
	transform: translateY(-50%);
	vertical-align:middle;
	  
}

.bgauche{
	position: absolute;
	top: 40px; left: 10%;
	float:left;
	background-image:url("../img/gauche.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}

.bdroite{
	position: absolute;
	top: 40px; left: 85%;
	float:right;
	background-image:url("../img/droite.jpg");
	background-size: contain;
	background-repeat: no-repeat;

}

.boutonvisuel{

background: transparent;
}
/*----------------------visuel  :*/

.visuel{
	margin-left: auto;
	margin-right: auto;
}

.couleur1{
	background-color:rgba(159, 227, 249,0.5);
}
.couleur2{
	background-color:rgba(100, 255, 95,0.5);
}
.couleur3{
	background-color:rgba(255, 226, 117,0.5);
}
.couleur4{
	background-color:rgba(255, 102,100, 0.7);
}
.couleur5{
	background-color:rgba(255, 255,255,0.5);
}