#global, header, header nav, footer {
		width: 100%;
	}

	header .logo {
		padding: 0 0.5em;
	}
	

/* REGLE RESPONSIVE */

@media screen and (max-width: 1140px) {
 

	header nav ul li:nth-child(1) a:before, header nav ul li:nth-child(2) a:before {
		display: none;
	}
	
	
}

@media screen and (max-width: 976px) {
    .nav__icon,
    .nav__icon span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
        z-index: 1;
    }
	
	.notablette {
		display: none;
	}
	
	.tablette {
		display: inline-block;
	}
	
	header nav .search {
		width:100%;
	}
	
}

@media screen and (max-width: 960px) {
	
	.liste section, header nav ul li a, .filtres div.selection ul li a {
		width: 100%;
	}
	
	header nav ul li:nth-child(1) a, header nav ul li:nth-child(2) a {
		text-align: center;
	}
	
	
	.liste section article.reco {
		width: 30% !important;
	}
	
	
	#main {
		padding: 1em;
	}
			
	header .compte {
		width: 50%;
		min-width: 254px;
		max-width: 316px;
	}

	header nav ul {
		height: auto !important;
		display: none;
		flex-direction: column;
		padding: 0;
	}
	
	header nav ul li a {
		display: block;
		border-right: 0;
		border-bottom: 1px dotted #A2CAED;
		font-size:1.3em;
	}
	
	header .sondage {
		background-color: #efefef;
		padding: 0 0 0 3em;
	}
	
	header .sondage a {
		padding: 0.5em;
	}
	
	aside {
		margin-top: 0.15em;
		display: flex;
		justify-content: flex-start;
		width: 100%;
		min-width: none;
		max-width: none;
	}
	
	.home aside {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		flex-direction: column;
	}
	
	aside div ul li {
		margin: 0.2em;
	}
	
	.filtres aside {
		order: -1;
	}
	
	.produit div.detail {
		flex-direction: column;
	}


	.produit div.detail .desc{
		width: 100%;
	}


	.produit div.detail .tech{
		width: 100%;
		margin:0;
	}
		
		.produit div.detail .tech img {
			width: 100%;
			height: auto;
		}
	

/*** LISTE ***/


	.liste {
		flex-direction: column;
	}
	
	
	.liste section {
		justify-content: space-around;
		
	}
	
	.liste section article {
		width: 49%;
	}
	
	.liste section article, .liste section article img {
		max-width: 302px;	
	}
	
	.panier section article, .panier section article img {
		max-width: inherit !important;	
	}
	
	.result {
		flex-direction: row;
	}

/*** FORM ***/
.form {
	/* flex-direction: column-reverse; */
}
.form section {
	 width: 100%;
}
.form aside {
	 width: 100%;
	 margin-top:1em;
	 padding-top: 1em;
}

/*** PANIER ***/

 
 .panier section article {
	 width: 100%;
 }

/*** FOOTER ***/


}




@media screen and (max-width: 780px) {
	
/*** LISTE ***/
	
	.liste section article {
		width: 100%;
	}
	
	.liste section article, .liste section article img {
		max-width: 423px;	
	}
	
/*** PRODUIT ***/
	
	.produit section {
		order:3;
	}

	.produit aside {
		order:2;
	}
	
	.produit aside figure {
		margin: 0;
	}

	
	.produit aside, .produit section {
		width: 100%;
	}

	
	.panier section article figure {
		margin: 0;
	}
	
	.panier section article figure a {
		width: 40%;
	}
}


@media screen and (max-width: 640px) {

     footer section.plan article, footer section {
          width: 100%;
      }
    
    .desktop, header .logo span {
      display: none;
    }


    .mobile {
      display: inline-block;
    }
    
    .madeinfrance {
      display: none;
    }
    
    header .compte {
      width: 70%;
      min-width: 140px;
      max-width: auto;
      text-align: right;
    }
    
    header .logo {    
      display: flex;
      width: 30%;
      flex-direction: column;
      justify-content: center;
    }
    
    header .logo img {
      width:100%;
      max-width: 145px;
      max-height: 118px;
    }
    
    .produit section div p img {    
      width: 100%;
      height: auto;
    }
    
      footer section {
          flex-direction: column;
      }

    footer section.pictos figure {
      width: 40%;
      margin: 0.5em 0.5em;
      margin-top: 0.5em;
      margin-right: 0.5em;
      margin-bottom: 0.5em;
      margin-left: 0.5em;
    }
    
    aside.filtres {
      display: none;
      width: 60%;
      min-width: auto;
      max-width: none;
    }

  }

  
@media screen and (max-width: 480px) {
	

	header .sondage {
		justify-content: flex-start;
		align-items: center;
	}
	
	.liste section {
		justify-content: center;
	}
	
	.panier section article figure {
		display: flex;
		align-items: center;
		width: 100%;
		padding: 0;
		margin: 0;
	}

    footer section.plan article:nth-child(odd) {
        display: none;
    }

    footer li a strong {
        display: block;
        padding:0.5em;
        background-color: #00a49c;
        border-radius: 10px;
        text-align: center;
        color: #fff;
        font-size: 1.8em;
        }

    footer li a strong:active {
        background-color: #5a60a1; 
        color: #00a49c;
        
        }
  }
  
@media screen and (max-width: 320px) {
	
  }