@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400italic,400,500,500italic,700,700italic,900,900italic|Open+Sans:400,300,600,700,800,300italic,400italic,800italic,700italic,600italic);

html {
	width: 100%;	
}

body {
	margin: 0px;
	padding: 0px;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%;
	position: relative;	
	font-family: 'Roboto', sans-serif;	
	font-size: 14px;
	background-image: none;
}



/* ********** MENU ********** */

#menu_galerie {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #0c99d6;
	color: #FFF;
	font-weight: 400;
	padding: 15px;
	line-height: 14px;
}


#menu_galerie a {
	color: #FFF;
	text-decoration: none;
}



/* ********** SITE ********** */

.bloc {
	padding-top: 70px;
	padding-bottom: 70px;
	position: relative;
}



/* ********** LISTE ********** */
.gal_item {
	position: relative;
	height: 165px;
	width: 100%;
	overflow: hidden;
}


.gal_item img  {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.gal_item_titre {	
	background: rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	width: 100%;
	font-size: 14px;
	line-height: 16px;
}



.mavideo {
	width: 100%;
	height: 100%;
}


.maGalerie .carousel-control.left {
	width: 0px; 
	margin-left: 30px;
}

.maGalerie .carousel-control.right {
	width: 0px; 
	margin-right: 30px;
}





/* ************************ */
/* ********** XS ********** */
/* ************************ */
@media (max-width: 767px) {
	.gal_item {
		height: 128px;
	}

	.gal_item_titre {	
		font-size: 10px;
		line-height: 12px;
	}
}

/* ************************ */
/* ********** SM ********** */
/* ************************ */
@media (min-width:768px) and (max-width:991px) {

	.gal_item {
		height: 218px;
	}

	

}

/* ************************ */
/* ********** MD ********** */
/* ************************ */
@media (min-width:992px) and (max-width:1199px) {

	.gal_item {
		height: 210px;
	}

}

/* ************************ */
/* ********** LG ********** */
/* ************************ */
@media (min-width:1200px) {



}






