@media only screen and (min-width:49em){


	#contenu > .row.mobile-reverse{
		flex-direction: row;
	}

	#transition-overlay .text{
	    white-space: nowrap;
	    -webkit-box-orient:horizontal;
	    -webkit-box-direction:normal;
	    -ms-flex-direction:row;
	    flex-direction:row;

	}

	.hide-on-mobile{
		display:initial;
	}
	.show-on-mobile{
		display:none;
	}

	.container-fluid{
	    padding-right: 2rem;
	    padding-left: 2rem;
	}

	.mobile-margin-top{
		margin-top: 0
	}

	.liste-familles .famille a{
	    font-size: .6rem;
	}

	#carte{
		height:140vh;
		-webkit-transform: translateY(-45%);
		        transform: translateY(-45%);
	}

		#carte svg {
		    width: 100%;
		    height: auto;
		    max-height: 100%;
		    position: relative;
		    bottom: 0;
		}
			#carte svg #markers text{
				font-size:4rem;
			}
		.page-template-societe #carte{
			height:auto;
		}

	#hero .liste-familles img{
		max-width:4rem;
		max-height: 3rem;
	}

	.visite.normal .col-md-4{
		padding-right:0;
	}
	.visite.normal .col-md-8{
		padding-left:0;
	}
	
	.user-filter{
		width:33.3333%;
	}

	.videobg-aspect {
	  top: -9999px;
	  bottom: -9999px;
	  margin: auto;
	  
	}

	form button[type=submit]{
		margin-right:0;
	}

	.liste-certifications .certification span{
		font-size:.6rem;
	}

	#fiche-wrapper .main div.photos{
		top: -32px;
		top:-2rem;
	}
		#fiche-wrapper .main .photos .focus{
			height:80%;
			max-height:auto;
			width: 50%;
		}

	#fiche-wrapper .dl-form-wrapper{
		position:absolute;
	}

	#fiche-wrapper .main .photos .focus img{
		max-height:550px;
		width: 100%;
	}

	.scratch{
	  max-width:100%;
	}
	
	#sketchs{

	}
	#trois-d .wrapper-3d {
		width:33vw;
	    height:33vw;
	    max-width:none;
	    margin:-100px auto -80px;
	  }

	  #trois-d .wrapper-3d-2 {
	    margin-bottom: -300px;
	    -webkit-transform: translateY(-50%);
	            transform: translateY(-50%);
	}

	#filters .controls{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	footer#footer{
		flex-direction:row;
	}

	footer#footer > .row{
		width:100%;
	}
	footer#footer .scroll-up{
		padding:2rem 1rem;
	}
		footer#footer .scroll-up span{
			display:block;
		}

	footer#footer h5, footer#footer ul li{
		text-align: left;
	}

		footer#footer ul.social-networks li{
			margin:0 0 0 1rem;
		}

	footer#footer > .row:nth-child(1) > div:nth-child(1){
			text-align:right;
	}

	footer#footer ul.social-networks {
		-webkit-box-pack:end;
		    -ms-flex-pack:end;
		        justify-content:flex-end;
	}
	footer#footer .mentions-legales ul{
		-webkit-box-pack:start;
		    -ms-flex-pack:start;
		        justify-content:flex-start;
	}
		footer#footer .mentions-legales ul li{
			margin:0 1rem 0 0;			
		}
	footer#footer > .row:nth-child(1) > div:nth-child(2){
		padding:5vh 0;
	}

	footer#footer #footer-2{
		display:block;
	}

}

@media only screen and (min-width:64em){

	#supheader #menu-supheader{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}

	.home #hero .row .intro .liste-familles .famille{
	   	max-width: 15%;
	}

	header#header nav #logo{
		width: 25%;
	}

	header#header{
		margin-top:0;
	}
		header#header nav > ul#mobile, header#header nav #open-mobile-menu{
			display:none;
		}

		header#header nav > ul#mainnav{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		    position: relative;
		    width:auto;
		}
			ul#mainnav li {
				margin:0;
				margin-left:.5rem;
				-webkit-box-flex:0;
				    -ms-flex:none;
				        flex:none;
				background:transparent;
				text-align:left;
			}

	#hero .row .intro {
	    padding-top:30vm;
	    padding-top:30vmin;
	}

		#hero .row .intro .liste-familles .famille {
		    width: auto;
		}

	#contenu .wp-block-image:before, .liste-produits .product-card .visuel .circle{
		height: 10vw;
	    width: 10vw;
	}

	a.right-arrow{
	    font-size: .8rem;
	}

	ul.chiffres-cles li{
		-ms-flex-preferred-size:auto;
		    flex-basis:auto;
	}

	#contenu .arguments.row > div .inner, #contenu .arguments.row > div:nth-child(1) .inner,#contenu .arguments.row > div:nth-child(2) .inner,#contenu .arguments.row > div:nth-child(3) .inner{
		border:none;
	}

	#contenu .arguments.row > div:nth-child(1):after{
		display:block;
		height:2rem;
	}

	#contenu .arguments.row > div:nth-child(2) .inner{
		box-shadow: 0 0 15px rgba(0,0,0,.2);
		height:100%;
	}

	#contenu .arguments.row > div:nth-child(2):before,#contenu .arguments.row > div:nth-child(2):after{
		display:block;
		height:1rem;
	}
	#contenu .arguments.row > div:nth-child(3):before{
	}

	#contenu .arguments.row > div:before, #contenu .arguments.row > div:after{
		background:white;
		content:" ";
		width:100%;
		position: relative;
		z-index: 1;
		
		display:none;

	}

	ul.histoire-logos li{
		margin:1rem 2rem;
	}

	.min-height-50{
		min-height: 50vh;
	}

	#carte{
		-webkit-transform: translateY(-35%);
		        transform: translateY(-35%);
	    position: absolute;
	    margin:0;	    
	}


		h2.carte-title{
		}

	.liste-certifications .certification{
		max-width:20%;
	}

	#fiche-wrapper{
    	overflow-y: auto;
	}
		#fiche-wrapper .main .photos .focus{
			width:auto;
			margin:auto;
		}

		#fiche-wrapper .main > div.sub ul li{
			width:100%;
		}

	footer#footer a, footer#footer p, footer#footer ul li span.post-date{
		font-size:.6rem;
	}

}

@media only screen and (min-width:100em){

	.col-xlg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
}