@charset "utf-8";
/* CSS Document */

/* TELEPHONE */

	.img-responsive {
	  display: inline-block;
	  max-width: 100%;
	  height: auto;
	}

@media (max-width: 767px) {
	
	.container-fluid,
	.container {
		width: 100%;
	}
	
	#language {
		display: none;
	}
	
	#header {
		position: fixed;
		z-index: 2;
		background-color: #fff;
		width: 100%;
	}
	
	#header_content {
		margin-bottom: 0;
		border-bottom-width: 1px;
	}
	
	#titre_header {
		height: 50px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#titre_header a, #titre_footer a {
		width: 100%;
		background-size: contain;
	}
	
	#titre_header a {
		height: 100%;
	}	
	
	#header .col-2:last-of-type {
		text-align: center;
	}
	
	#header .col-2:last-of-type i {
		margin-top: 17px;
		margin-bottom: 17px;
	}
	
	#bar_menu {
		margin: 0px;
		top: 23px;
		left: 15px;
	}
	
	#bar_menu:not(.open):hover strong {
		opacity: 0;
	}
	
	/* OVERLAY */
	
	.overlay div {
		top: 70px;
	}
	
	.overlay ul:first-child {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.overlay ul:first-child li {
		margin-bottom: 10px;
	}
	
	.overlay ul:first-child > li > a {
		font-size: 3em; /* 36px */
	}
	
	.overlay ul:first-child li ul {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.overlay ul:first-child li ul li {
		font-size: 1em; /* 6px */
	}
	
	.overlay ul:last-of-type li {
		font-size: 2em;
	}
	
	#header .fa-search {
		font-size: 2em;
   		margin-top: 10px;
	}
	
	#page {
		padding-top: 80px;
		padding-bottom: 15px;
	}
	
	#page p {
		font-size: 1em; /* 12px */
		line-height: normal;
	}
	
	#page h1 {
		margin-bottom: 15px;
	}
	
	#breadcrumb {
		margin-left: 0;
	}
	
	#instagram {
		margin-top: 0;
		margin-bottom: 15px;
	}
	
	#titre_insta {
		font-size: 1.5em; /* 18px */
		line-height: normal;
		margin-bottom: 15px;
	}
	
	#titre_insta a {
		padding-top: 15px;
	}
	
	#instagram .insta:nth-child(5),
	#instagram .insta:nth-child(6) {
		display: none;
	}	
	
	#titre_footer {
		height: 100px;
	}
	
	#titre_footer a {
		background-position: center center;
	}
	
	#footer .col-md-4 {
		padding-top: 0;
		padding-bottom: 0;
		min-height: 90px;
	}
	
	#footer .col-md-8 {
		min-height: inherit;
	}
	
	#footer .col-md-8 ul,
	#footer .col-sm-4 {
		padding-bottom: 15px;
	}
	
	#footer .col-md-8 li {
		padding-bottom: 5px;
	}
	
	.mk-fullscreen-search-overlay .mk-fullscreen-close {
		left: 16px;
		top: 22px;
	}
	
	.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input {
		width: 100%;
		font-size: 2em; /* 24px */
	}
	
	.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-button {
		top: 2px;
		color:  #fff;
	}

}

@media (max-width: 767px) and (orientation: portrait) {
	
	.overlay ul:last-of-type li {
		display: block;
		border-right: 0px;
		margin-bottom: 5px;
	}
	
}

@media (max-width: 767px) and (orientation: landscape) {
	
	.overlay ul:first-child li a {
		font-size: 3em;
	}
	
	#footer .col-md-8 .col-sm-4 {
		max-width: 50%;;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}
	
}

/* IPHONE 6 */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {

	#footer .col-md-8 .col-sm-4 {
		max-width: 33%;
		-webkit-flex: 0 0 33%;
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
	}
	
}

/* ECRAN ET TABLETTE */
@media (min-width: 767px) {
	
	.slicknav_menu {
		display:none;
	}
	
}

/* TABLETTE PORTRAIT */

@media (min-width: 767px) and (orientation: portrait) {	
	
}

/* GRAND ECRAN */

@media (min-width: 992px) {
				
}