/* HEADER */
#navigation #container-menu-header {
    border-bottom: none;
}
#navigation .navbar-header #logo h1{
    margin: 0;
	padding:0;
	position:relative;
}
#navigation .navbar-header #logo h1 span{
    display: block;
    position: absolute;
    top: -1000px;
}

/* FOOTER */

/* PAGE */

/* SLIDER */
#slider{
	padding-top:0;
}
#slider .swiper-container{
	background: #000;
}
#slider .swiper-pagination-bullets{
    bottom: 25px;
}
#slider .swiper-slide{
	position: relative;
    display: block;
}
#slider .swiper-slide img{
    display: block;
}

#slider .swiper-slide h2{
	color: #fff;
    font-weight: normal;
    font-size: 42px;
    margin: 0 0 25px;
    line-height: 1em;
}
#slider .swiper-slide h2 strong{
	color:#dcb80f;
	font-weight:normal;
}
#slider .swiper-slide p{
	text-align: justify;
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 1.5em;
	font-weight:300;
}
#slider .swiper-slide .btn{
	color: #000;
}

/* bienvenu */
#section_bienvenue{
	padding:0;
}
#section_bienvenue > div{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#section_bienvenue #titre_bienvenue{
	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	
	font-family: 'Shadows Into Light', cursive;
	font-size: 40px;

    font-weight: bold;
    margin-left: 100px;
	margin-right: 50px;
    padding-right: 50px;
    border-bottom: 2px solid #006378;
}
#section_bienvenue #texte_bienvenue{
	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	
    font-size: 14px;
    padding: 25px;
    background: #f9f9f9;
}

/* catégories en avant */
#section_categories > div{
	padding: 0 5px;
    line-height: 0;
}
#section_categories > div a{
    display: inline-block;
	margin: auto;
	position:relative;
	text-decoration:none;
    margin: 0 10px 20px;
	background: no-repeat center center / cover;
	line-height:normal;
	
	width:calc( 33.33% - 20px );
}
#section_categories > div a:before{
	content:"";
	display:block;
	padding-top: 54%;
}
#section_categories > div a:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
    position: absolute;
    top: 0;
    left: 0;
	background:rgba(0,0,0,0.15);
	
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#section_categories > div a:hover:after{
	background:rgba(0,0,0,0.5);
}
#section_categories > div a:nth-child(1),
#section_categories > div a:nth-child(2){
    width:calc( 50% - 20px );
}
#section_categories > div a img{
	
}
#section_categories > div a h2{
	position: absolute;
    top: 40%;
    left: 0;
	text-align: center;
    width: 100%;
    color: #fff;
    text-shadow: 1px 1px 10px rgba(0,0,0,0.7);
	z-index:10;
	font-size: 1.5em;
    font-weight: bold;
}

@media (max-width: 1400px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
	#section_bienvenue #titre_bienvenue {
		margin-left: 30px;
		margin-right: 50px;
		padding-right: 30px;
	}
	#section_categories > div a h2 {
		top: 25%;
		font-size: 1.2em;
	}
}
@media (max-width: 767px) {
	#section_bienvenue #titre_bienvenue {
		font-size: 30px;
	}
	#section_categories > div a h2 {
		top: 20%;
		font-size: 1em;
	}
}
@media (max-width: 643px) {	
	#section_bienvenue > div{
		display:block;
	}
	#section_bienvenue #titre_bienvenue {
		background: #f9f9f9;
		display: block;
		margin: 0;
		padding: 15px 25px 7px;
	}
	#section_bienvenue #texte_bienvenue {
		padding-top: 10px;
	}
	#section_categories > div {
		padding: 0 15px;
	}
	#section_categories > div a:nth-child(1), 
	#section_categories > div a:nth-child(2),
	#section_categories > div a {
		width: 100%;
	    margin: 0 0px 20px;
	}
	#section_categories > div a h2 {
		top: 25%;
		font-size: 1.5em;
	}
}
@media (max-width: 359px) {
}