/* La couleur de fond prend le pas sur celle de toute la page */
		attention
		{
		background-color: yellow;
		color: red;
		}


/* Surligne le texte en bleu clair */
		warning
		{
		background-color: gainsboro; /* couleur de surlignage */
		color: dimgray; /* couleur de la police */
		}
		

/* Boutons des pages */
		a
		{
		text-decoration:none;
		}

		#wrap {
			width:1170px;
			margin-left:auto;
			margin-right:auto;
		}
		.box{
			width:85px;
			float:center;
			padding:5px;
			background-color:#ffffff;
		}
		h1 {
			font-size:40px;
			font-family: 'Open Sans', sans-serif;
			color:#34495e;
		}

		.flatButton {
			color:#ffffff;
			text-decoration:none;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			font-family: 'Open Sans', sans-serif;
			-webkit-transition: background 0.3s ease, box-shadow 0.3s ease;
			-moz-transition: background 0.3s ease, box-shadow 0.3s ease;
			-ms-transition: background 0.3s ease, box-shadow 0.3s ease;
			-o-transition: background 0.3s ease, box-shadow 0.3s ease;
			transition: background 0.3s ease, box-shadow 0.3s ease;
			float:left;
			margin:0 0 2px 0;
			overflow:hidden;
			position:relative;
		}
		.flatButton:hover {  margin:0 0 2px 0; }
		.flatButton:active {  margin:2px 0 0 0; }

		.colorEmerald { background-color:#27ae60; }
		.colorEmerald:hover { background-color:#2ecc71; -webkit-box-shadow: 0px 3px 0px 0px #1e8a4b; box-shadow: 0px 3px 0px 0px #1e8a4b; }
		.colorEmerald:active { background-color:#2ecc71; -webkit-box-shadow: inset 0px 3px 0px 0px #27ae60; box-shadow: inset 0px 3px 0px 0px #27ae60; }

		.colorBlue{ background-color:#2980b9; }
		.colorBlue:hover { background-color:#3498db; -webkit-box-shadow: 0px 3px 0px 0px #2980b9; box-shadow: 0px 3px 0px 0px #2980b9; }
		.colorBlue:active { background-color:#3498db; -webkit-box-shadow: inset 0px 3px 0px 0px #2980b9; box-shadow: inset 0px 3px 0px 0px #2980b9; }

		.colorOrange{ background-color:#d35400; }
		.colorOrange:hover { background-color:#e67e22; -webkit-box-shadow: 0px 3px 0px 0px #d35400; box-shadow: 0px 3px 0px 0px #d35400; }
		.colorOrange:active { background-color:#e67e22; -webkit-box-shadow: inset 0px 3px 0px 0px #d35400; box-shadow: inset 0px 3px 0px 0px #d35400; }

		.small { font-size:13px; padding:8px 13px; }
		.middle { font-size:20px; padding:8px 18px; }
		.big { font-size:30px; padding:13px 23px;  }

		.flatButton .li_like{
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

		.flatButton:hover .li_like{
			-moz-transform: scale(5);
			-webkit-transform: scale(5);
			-o-transform: scale(5);
			-ms-transform: scale(5);
			transform: scale(5);
			opacity:0;
		}
		.flatButton .li_heart {
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
			position:absolute;
			top:-50%; left:7%;
		}
		.flatButton:hover .li_heart{
			opacity:1
			position:absolute;
			top:29%; left:7%;
		}
		.separator { clear:both; height:20px; }
		.marginRight { margin-right:5px; }
		.marginRight:hover { margin-right:5px; }