/* CSS Document */
section.macDock {
}
/**/
section#macDock-haut {}
/**/
section#macDock-bas {}

/**/

.macDock {
	background-color: #fff;
	/**/
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	padding: 20px 0 20px 0;
	width: 100%;
}

	.macDock .item {
		flex: none;
		width: 7%;	/*	7%	*/
		text-align: center !important;
		margin: 0 2%;	/*	0 2%	*/
		/*
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 5px;
		background-color: rgba(255,255,255, 0.95);	/**/
	}
		.macDock .item:first-child, { margin-left:0; }
		.macDock .item:last-child { margin-right:0; }
		/**/
		.macDock .item a {
			text-decoration: none;
		}
		/**/
		.macDock .item .titre {
		}
			.macDock .item h4 {
				font-size: 0.85em;
				text-transform: uppercase;
				color: #8a8761;
			}
																			.macDock .item .titre_hover {		display: none;
																				margin: -150px 0 130px 0;
																				position: relative;
																					background-color: #fff !important;
																					padding: 5px 0 3px 0;
																			}
																				.macDock .item .titre_hover h4 {
																					color: #de5533;
																				}
			.macDock .item .titre h4 {
				margin-bottom: 5px;
			}
		/**/
		.macDock .item .icone {
		}
			.macDock .item .icone img {
				width: 100%; height:auto;
			}
																			/**/
																			.macDock .item .image {
																				background-position: center center;
																				background-repeat: no-repeat;
																				background-size: cover;
																			}
																				.macDock .item .icone img {
																					width: 100%; height:auto;
																				}
		/**/
		.macDock .item .texte {
		}
			.macDock .item .texte h5 {
				font-size: 0.7em;
				text-transform: uppercase;
				color: #8a8761;
				padding-top: 5px;
			}
			
/*	-----------------------------------------------------------	HOVER	
.itemHover {
	width: 12% !important;
	margin-top: -180px !important;
	z-index: 100000;
}
	.macDock .item .titre h1.hover {
		font-size: 1.3em;
	}
	.macDock .item .texte h2.hover {
		font-size: 1.05em;
	}	/**/
			
/*	-----------------------------------------------------------	DEMI	
.itemDemi {
	width: 9% !important;
	margin-top: -100px !important;
	z-index: 100000;
}
	.macDock .item .titre h1.demi {
		font-size: 1.1em;
	}
	.macDock .item .texte h2.demi {
		font-size: 0.9em;
	}