@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

/* align tout*/
.block{
	text-align:center;
}

html{
	background-color: white;
}


/* div rouge */
.bouton_rouge
{ 
	background-color : rgb(175, 0, 0);
width: 22%;
color : white;
display: inline-block;
height: 200px;
margin-left: 20px;
margin-bottom:30px;
}

/* div verte*/
.bouton_vert
{
	background-color : #239504;
width: 22%;
color : white;
display: inline-block;
height: 200px;
margin-left: 20px;
margin-bottom:30px;

}
/* div orange*/
.bouton_orange
{
background-color : #CF750A;
width: 22%;
color : white;
display: inline-block;
height: 200px;
margin-left: 20px;
margin-bottom:30px;
}


/*les Elments modifiables dans les divs*/
/*affichage du nom de l'élément*/
.log{
	font-size: 25px;
	text-align:center; 
	margin: 5px;
	color:white;
	font-weight: bold; 
	
	
}
/*affichage de l'état*/
.et{
	font-size: 20px;
	color:white;
	text-align:left;
	margin-top:10px;
	margin-left:15px;
}
/*affichage du commentaire*/
.com{
	font-size: 18px;
	text-align:left;
	font-style: italic;
	margin-top:40px;
	margin-left:15px;
}

/*logo sur les divs*/
.loglog{
	
	margin-top: -90px;
	margin-left: 200px;
	width:50px;
	
	
}
/*les bandes qui sépare les catégories*/
.notification{
	text-align: center;
	background-color:#31B0CC;
	width:100%;
	height:100%;
	
}
/*Le contenue des notifs*/
.notiftext{
	font-size:30px;
	margin-top:3px;
	color:white;
	
}
/*le logo La vie active*/
.newlogo{
	
	width:300px;
	padding:15px;
}

.footer{
	background-color:#999999;
	color:white;
	padding:30px;
}