/* Focus : Tous les modèles sauf les parures */ 

.focusordi{
	width:100%;
	float:left;	
	margin:0;
	padding:1rem 0 1rem 0;	
}

.focusmob{
	width: 100%;
	float:left;	
	margin:0;
	padding:1rem 0 1rem 0;	
}
.focus{
	width: 100%;
	float:left;	
	margin:0;
	padding:1rem 0 1rem 0;	
}
.sousfocusgauche{
	float:left;
	width:50%;
	margin:0;
	padding:0;
}
.sousfocusgauche img{
	width:100%;
	margin:0.5rem 0 0 0;
	padding:0;
}
.sousfocusdroit{
	float:left;
	width:50%;
	margin:0;
	padding:0;
}
.sousfocusdroit img{
	width:100%;
	margin:0.5rem 0 0 0;
	padding:0;
}
/* Chaussures - Boots et Maroquinerie */
.focusCh1{
	width:17.85%;
	float:left;
	margin:0 0 0 1%;
}
.focusCh1 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin: 0;	
}
.focusCh1bis{
	width:17.85%;
	float:left;
	margin:0 0 0 10.425%;
}
.focusCh1bis img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin: 0;	
}
.focusCh2{
	width:40.1%;
	margin: 0 0 0 1%;
	float:left;
}
.focusCh2 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin: 0;	
}
.focusCh2bis{ /* Pour la maroquinerie */
	width:40.1%;
	margin: 0 0 0 9.925%;
	float:left;
}
.focusCh2bis img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin: 0;	
}
.focusCh3{
	width:19.2%;
	margin: 0 0 0 1%;
	float:left;
}
.focusCh3 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin: 0;		
}
.focusCh3bas{
	width: 100%;
	margin: 4.2% 0 0 0;
}
.focusCh3bas img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin: 0;	
}
.focusCh4{
	width:17.85%;
	margin: 0 0 0 1%;
	float:left;
}
.focusCh4 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin:0;		
}


/* Bottes et cuissardes */
.focusBo1{
	width:18.8%;
	margin:0 0 0 1%;
	float:left;
}
.focusBo1 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin:0;	
}
.focusBo1bis{
	width:18.8%;
	margin:0 0 0 10.9%;
	float:left;
}
.focusBo1bis img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin:0;	
}
.focusBo2{
	width:18.8%;
	margin:0 0 0 1%;
	float:left;
}
.focusBo2 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin:0;	
}
.focusBo3{
	width:18.8%;
	margin:0 0 0 1%;
	float:left;
}
.focusBo3 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin:0;	
}
.focusBo4{
	width:18.8%;
	margin:0 0 0 1%;
	float:left;
}
.focusBo4 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin:0;	
}
.focusBo5{
	width:18.8%;
	margin:0 0 0 1%;
	float:left;
}
.focusBo5 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin:0;	
}


/*  Gros plan */
#focusdessus{
	position: fixed; 
	height: 100%;
	width: 100%;
	left: 0; 
	top: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 10;
}
#focusface{
	position: fixed; 
	height: 100%;
	width: 100%;
	left: 0; 
	top: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 10;
}
#focusprofil{
	position: fixed; 
	height: 100%;
	width: 100%;
	left: 0; 
	top: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 10;
}
#focusdos{
	position: fixed; 
	height: 100%;
	width: 100%;
	left: 0; 
	top: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 10;
}
#focusporte{
	position: fixed; 
	height: 100%;
	width: 100%;
	left: 0; 
	top: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 10;
}
#focusbiais{
	position: fixed; 
	height: 100%;
	width: 100%;
	left: 0; 
	top: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 10;
}

/* contenu du wrapper */
#affichage img{
	display:block;
	height:auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
    margin-left:auto;
    margin-right:auto;
}

h2.fermeture{
	color: #fff;
}


/* Formes et talons */ 
.focuscomp{
	width: 98%;
	float:left;	
	margin:0;
	padding:1%;
}


.focusComp1{
	width:31.9%;
	float:left;
	margin:0 0 0 9.975%;
}
.focusComp1 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin: 0;	
}
.focusComp2{
	width:31.9%;
	margin: 0 0 0 1%;
	float:left;
}
.focusComp2 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin: 0;	
}
.focusComp3{
	width:14.25%;
	margin: 0 0 0 1%;
	float:left;
}
.focusComp3 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin: 0;		
}
.focusComp4{
	width:31.9%;
	float:left;
	margin:0 0 0 17.5%;
}
.focusComp4 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin: 0;	
}
.focusComp5{
	width:31.9%;
	margin: 0 0 0 1%;
	float:left;
}
.focusComp5 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);		
	margin: 0;	
}


/*
	320x480px pour l'iPhone 3
	320x480px pour l'iPhone 4
	320x568px pour l'iPhone 5
	360x640 Divers marques - N°1 des connexions
	375x667 pour l'iphone SE
	375x667 pour l'iPhone 6 (414x736 pour l'iPhone 6+)
	375x667 pour l'iPhone 7 (414x736 pour l'iPhone 7+)
	375x667 pour l'iPhone 8 (414x736 pour l'iPhone 8+)
	375x812 pour l'iphone X
	375x812 pour l'iphone 11 (414x812 pour l'iphone 11+)
	768x1024px pour l'iPad 2
	768x1024px pour l'iPad 3
*/

@media all and (max-width:374px) {  

	/* Iphone 3 4 5 portrait 320px */

	/* Menu acordéon */
	.menuselection{
		padding:0 0 0 0;
	}
	.menuselection h1, .menuselection h2, .menuselection h3, .menuselection h4{
		margin-left: 1rem;
	} 

	#affichage{
		position:relative;
		top:15%;
		width:96%;
		height:60%;
		margin:0 0 0 2%;
	}

	h2.fermeture{
		position: fixed;
		right: 1%;
		top: 2%;
		font-size: 2rem;
	}

	ul.navfocus{
		position:relative;
		top:18%;
	   	z-index: 20;
	}
	ul.navfocus li.boutonG{
		margin:0 35% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 35%;
	}

	.focusordi{
		display:none;
	}

	/* Chaussures */
	.focusCh1{
		width:43%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusCh1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusCh1bis{
		width:44%;
		margin:0 0 0 4%;
		float:left;
	}
	.focusCh1bis img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh2{
		width:92%;
		float:left;
		margin:0 0 3% 4%;
	}
	.focusCh2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh3{
		width:45%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusCh3 img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.focusCh3bis{
		width:44%;
		margin:0 0 0 4%;
		float:left;
	}
	.focusCh3bis img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}

	.focusCh3bas{
		width: 100%;
		float:left;
		margin:8% 0 0 0;
	}
	.focusCh3bas img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh4{
		width:100%;
		float:left;
		margin:8% 0 0 0;
	}
	.focusCh4 img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}

	/* Bottes et cuissardes */
	.focusBo1{
		width:44%;
		float:left;
		margin:0 0 2.5% 4%;
	}
	.focusBo1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo2{
		width:44%;
		float:left;
		margin:0 0 2.5% 4%;
	}
	.focusBo2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo3{
		width:44%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo3 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo4{
		width:44%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo4 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo5{
		width:28%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo5 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo6{
		width:28%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo6 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}


	/* Formes et talons */
	.focuscomp{
		width: 80%;
		float:left;	
		margin:0 0 0 10%;
		padding:0;
	}


	.focusComp1{
		width:100%;
		float:left;
		margin:0 0 1% 0;
	}
	.focusComp1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp2{
		width:67.9%;
		margin: 0;
		float:left;
	}
	.focusComp2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp3{
		width:30.1%;
		margin: 0 0 0 2%;
		float:left;
	}
	.focusComp3 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;		
	}
	.focusComp4{
		width:100%;
		float:left;
		margin:0 0 1rem 0;
	}
	.focusComp4 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp5{
		width:100%;
		float:left;
		margin:0;
	}
	.focusComp5 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	
}

@media all and (min-width:375px) and (max-width:479px){

	/* Iphone 6 portrait 375px */

	/* Menu acordéon */
	.menuselection{
		padding:0 0 0 0;
	}
	.menuselection h1, .menuselection h2, .menuselection h3, .menuselection h4{
		margin-left: 1rem;
	}

	#affichage{
		position:relative;
		top:15%;
		width:96%;
		height:60%;
		margin:0 0 0 2%;
	}

	h2.fermeture{
		position: fixed;
		right: 1%;
		top: 2%;
		font-size: 2rem;
	}

	ul.navfocus{
		position:relative;
		top:18%;
	   	z-index: 20;
	}
	ul.navfocus li.boutonG{
		margin:0 35% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 35%;
	}
	
	.focusordi{
		display:none;
	}

	/* Chaussures */
	.focusCh1{
		width:43%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusCh1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusCh1bis{
		width:44%;
		margin:0 0 0 4%;
		float:left;
	}
	.focusCh1bis img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh2{
		width:92%;
		float:left;
		margin:0 0 3% 4%;
	}
	.focusCh2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh3{
		width:45%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusCh3 img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.focusCh3bis{
		width:44%;
		margin:0 0 0 4%;
		float:left;
	}
	.focusCh3bis img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}

	.focusCh3bas{
		width: 100%;
		float:left;
		margin:8% 0 0 0;
	}
	.focusCh3bas img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh4{
		width:100%;
		float:left;
		margin:8% 0 0 0;
	}
	.focusCh4 img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}

	/* Bottes et cuissardes */
	.focusBo1{
		width:44%;
		float:left;
		margin:0 0 2.5% 4%;
	}
	.focusBo1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo2{
		width:44%;
		float:left;
		margin:0 0 2.5% 4%;
	}
	.focusBo2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo3{
		width:44%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo3 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo4{
		width:44%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo4 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo5{
		width:28%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo5 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo6{
		width:28%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo6 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	/* Formes et talons */
	.focuscomp{
		width: 80%;
		float:left;	
		margin:0 0 0 10%;
		padding:0;
	}


	.focusComp1{
		width:100%;
		float:left;
		margin:0 0 1% 0;
	}
	.focusComp1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp2{
		width:67.9%;
		margin: 0;
		float:left;
	}
	.focusComp2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp3{
		width:30.1%;
		margin: 0 0 0 2%;
		float:left;
	}
	.focusComp3 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;		
	}
	.focusComp4{
		width:100%;
		float:left;
		margin:0 0 1rem 0;
	}
	.focusComp4 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp5{
		width:100%;
		float:left;
		margin:0;
	}
	.focusComp5 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}

}

@media all and (min-width:480px) and (max-width:567px){

	/* iphone 3 4 paysage 480px */

	/* Acordéon */
	.menuselection{
		padding:0 0 0 1rem;
	}

	#affichage{
		position:relative;
		top:5%;
		width:80%;
		height:90%;
		margin:0 0 0 10%;
	}

	h2.fermeture{
		position: fixed;
		right:0;
		top: 2%;
		font-size: 2rem;
	}

	ul.navfocus{
		position:relative;
		top: -45%;
	   	z-index: 20;
	}	
	ul.navfocus li.boutonG{
		margin:0 42% 0 0;		
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 42%;	   	
	}

	.focusordi{
		display:none;
	}

	.focusmob{
		width: 80%;
		margin-left: 10%;
	}
	.focus{
		width: 80%;
		margin-left: 10%;
	}
	.sousfocusgauche{
		width:46%;
		margin-left: 4%;
	}
	.sousfocusdroit{
		width:46%;
	}

	/* Chaussures */
	.focusCh1{
		width:43%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusCh1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusCh1bis{
		width:44%;
		margin:0 0 0 4%;
		float:left;
	}
	.focusCh1bis img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh2{
		width:92%;
		float:left;
		margin:0 0 3% 4%;
	}
	.focusCh2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh3{
		width:45%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusCh3 img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.focusCh3bis{
		width:44%;
		margin:0 0 0 4%;
		float:left;
	}
	.focusCh3bis img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}

	.focusCh3bas{
		width: 100%;
		float:left;
		margin:8% 0 0 0;
	}
	.focusCh3bas img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh4{
		width:100%;
		float:left;
		margin:8% 0 0 0;
	}
	.focusCh4 img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}

	/* Bottes et cuissardes */
	.focusBo1{
		width:44%;
		float:left;
		margin:0 0 2.5% 4%;
	}
	.focusBo1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo2{
		width:44%;
		float:left;
		margin:0 0 2.5% 4%;
	}
	.focusBo2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo3{
		width:44%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo3 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo4{
		width:44%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo4 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo5{
		width:28%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo5 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo6{
		width:28%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo6 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focuscomp{
		width: 90%;
		float:left;	
		margin:0 0 0 5%;
		padding:0;
	}

	.focusComp1{
		width:40.05%;
		float:left;
		margin:0 0 0 0;
	}
	.focusComp1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp2{
		width:40.05%;
		margin: 0 0 0 1%;
		float:left;
	}
	.focusComp2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp3{
		width:17.9%;
		margin: 0 0 0 1%;
		float:left;
	}
	.focusComp3 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;		
	}
	.focusComp4{
		width:40.05%;
		float:left;
		margin:0 0 0 9%;
	}
	.focusComp4 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp5{
		width:40.05%;
		float:left;
		margin:0 0 0 1%;
	}
	.focusComp5 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}

}

@media all and (min-width:568px) and (max-width:639px) {

	/* iphone 5 paysage 568px */

	/* Acordéon */
	.menuselection{
		padding:0 0 0 1rem;
	}

	#affichage{
		position:relative;
		top:5%;
		width:80%;
		height:90%;
		margin:0 0 0 10%;
	}

	h2.fermeture{
		position: fixed;
		right:0;
		top: 2%;
		font-size: 2rem;
	}
	
	ul.navfocus{
		position:relative;
		top: -45%;
	   	z-index: 20;
	}	
	ul.navfocus li.boutonG{
		margin:0 42% 0 0;
		
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 42%;
	   	
	}

	.focusordi{
		display:none;
	}

	.focusmob{
		width: 80%;
		margin-left: 10%;
	}
	.focus{
		width: 80%;
		margin-left: 10%;
	}
	.sousfocusgauche{
		width:46%;
		margin-left: 4%;
	}
	.sousfocusdroit{
		width:46%;
	}

	/* Chaussures */
	.focusCh1{
		width:43%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusCh1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusCh1bis{
		width:44%;
		margin:0 0 0 4%;
		float:left;
	}
	.focusCh1bis img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh2{
		width:92%;
		float:left;
		margin:0 0 3% 4%;
	}
	.focusCh2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh3{
		width:45%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusCh3 img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.focusCh3bis{
		width:44%;
		margin:0 0 0 4%;
		float:left;
	}
	.focusCh3bis img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}

	.focusCh3bas{
		width: 100%;
		float:left;
		margin:8% 0 0 0;
	}
	.focusCh3bas img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh4{
		width:100%;
		float:left;
		margin:8% 0 0 0;
	}
	.focusCh4 img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	
	/* Bottes et cuissardes */
	.focusBo1{
		width:44%;
		float:left;
		margin:0 0 2.5% 4%;
	}
	.focusBo1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo2{
		width:44%;
		float:left;
		margin:0 0 2.5% 4%;
	}
	.focusBo2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo3{
		width:44%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo3 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo4{
		width:44%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo4 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo5{
		width:28%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo5 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo6{
		width:28%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo6 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focuscomp{
		width: 90%;
		float:left;	
		margin:0 0 0 5%;
		padding:0;
	}

	.focusComp1{
		width:40.05%;
		float:left;
		margin:0 0 0 0;
	}
	.focusComp1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp2{
		width:40.05%;
		margin: 0 0 0 1%;
		float:left;
	}
	.focusComp2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp3{
		width:17.9%;
		margin: 0 0 0 1%;
		float:left;
	}
	.focusComp3 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;		
	}
	.focusComp4{
		width:40.05%;
		float:left;
		margin:0 0 0 9%;
	}
	.focusComp4 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp5{
		width:40.05%;
		float:left;
		margin:0 0 0 1%;
	}
	.focusComp5 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	
}

@media all and (min-width:640px) and (max-width:719px) {

	/* Samsung galaxy paysage 640px iphone 6 paysage 667 */

	/* Acordéon */
	.menuselection{
		padding:0 0 0 1rem;
	}

	#affichage{
		position:relative;
		top:5%;
		width:80%;
		height:90%;
		margin:0 0 0 10%;
	}

	h2.fermeture{
		position: fixed;
		right:1%;
		top: 2%;
		font-size: 2rem;
	}

	ul.navfocus{
		position:relative;
		top: -45%;
	   	z-index: 20;
	}	
	ul.navfocus li.boutonG{
		margin:0 42% 0 0;
		
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 42%;
	   	
	}

	.focusordi{
		display:none;
	}
	
	.focusmob{
		width: 70%;
		margin-left: 15%;
	}
	.focus{
		width: 70%;
		margin-left: 15%;
	}
	.sousfocusgauche{
		width:40%;
		margin-left: 10%;
	}
	.sousfocusdroit{
		width:40%;
	}

	/* Chaussures */
	.focusCh1{
		width:43%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusCh1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusCh1bis{
		width:44%;
		margin:0 0 0 4%;
		float:left;
	}
	.focusCh1bis img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh2{
		width:92%;
		float:left;
		margin:0 0 3% 4%;
	}
	.focusCh2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh3{
		width:45%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusCh3 img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.focusCh3bis{
		width:44%;
		margin:0 0 0 4%;
		float:left;
	}
	.focusCh3bis img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}

	.focusCh3bas{
		width: 100%;
		float:left;
		margin:8% 0 0 0;
	}
	.focusCh3bas img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh4{
		width:100%;
		float:left;
		margin:8% 0 0 0;
	}
	.focusCh4 img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}

	/* Bottes et cuissardes */
	.focusBo1{
		width:44%;
		float:left;
		margin:0 0 2.5% 4%;
	}
	.focusBo1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo2{
		width:44%;
		float:left;
		margin:0 0 2.5% 4%;
	}
	.focusBo2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo3{
		width:44%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo3 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo4{
		width:44%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo4 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo5{
		width:28%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo5 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo6{
		width:28%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo6 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focuscomp{
		width: 96%;
		float:left;	
		margin:0 0 2% 2%;
		padding:0;
	}

	.focusComp1{
		width:40.05%;
		float:left;
		margin:0 0 0 0;
	}
	.focusComp1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp2{
		width:40.05%;
		margin: 0 0 0 1%;
		float:left;
	}
	.focusComp2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp3{
		width:17.9%;
		margin: 0 0 0 1%;
		float:left;
	}
	.focusComp3 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;		
	}
	.focusComp4{
		width:40.05%;
		float:left;
		margin:0 0 0 9%;
	}
	.focusComp4 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp5{
		width:40.05%;
		float:left;
		margin:0 0 0 1%;
	}
	.focusComp5 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	
}

@media all and (min-width:720px) and (max-width:767px) {

	/* Microsoftsurface portrait 720 px iphone 6+ paysage 736 */

	#affichage{
		position:relative;
		top:15%;
		width:80%;
		height:60%;
		margin:auto;
	}

	ul.navfocus{
		position:relative;
		top:5%;
	   	z-index: 20;
	}
	ul.navfocus li.boutonG{
		margin:0 42% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 42%;
	}

	h2.fermeture{
		position: fixed;
		right: 1rem;
		top: 3rem;
		font-size: 3rem;
	}

	.focusordi{
		display:none;
	}
	
	.focusmob{
		width: 70%;
		margin-left: 15%;
	}
	.focus{
		width: 70%;
		margin-left: 15%;
	}
	.sousfocusgauche{
		width:40%;
		margin-left: 10%;
	}
	.sousfocusdroit{
		width:40%;
	}

	/* Chaussures */
	.focusCh1{
		width:43%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusCh1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusCh1bis{
		width:44%;
		margin:0 0 0 4%;
		float:left;
	}
	.focusCh1bis img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh2{
		width:92%;
		float:left;
		margin:0 0 3% 4%;
	}
	.focusCh2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh3{
		width:45%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusCh3 img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.focusCh3bis{
		width:44%;
		margin:0 0 0 4%;
		float:left;
	}
	.focusCh3bis img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}

	.focusCh3bas{
		width: 100%;
		float:left;
		margin:8% 0 0 0;
	}
	.focusCh3bas img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh4{
		width:100%;
		float:left;
		margin:8% 0 0 0;
	}
	.focusCh4 img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}

	/* Bottes et cuissardes */
	.focusBo1{
		width:44%;
		float:left;
		margin:0 0 2.5% 4%;
	}
	.focusBo1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo2{
		width:44%;
		float:left;
		margin:0 0 2.5% 4%;
	}
	.focusBo2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo3{
		width:44%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo3 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo4{
		width:44%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo4 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo5{
		width:28%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo5 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo6{
		width:28%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo6 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focuscomp{
		width: 96%;
		float:left;	
		margin:0 0 2% 2%;
		padding:0;
	}

	.focusComp1{
		width:40.05%;
		float:left;
		margin:0 0 0 0;
	}
	.focusComp1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp2{
		width:40.05%;
		margin: 0 0 0 1%;
		float:left;
	}
	.focusComp2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp3{
		width:17.9%;
		margin: 0 0 0 1%;
		float:left;
	}
	.focusComp3 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;		
	}
	.focusComp4{
		width:40.05%;
		float:left;
		margin:0 0 0 9%;
	}
	.focusComp4 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}
	.focusComp5{
		width:40.05%;
		float:left;
		margin:0 0 0 1%;
	}
	.focusComp5 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin: 0;	
	}	

}

/* Tablettes */		

@media all and (min-width:768px) and (max-width:959px) {

	/* ipad portrait 768px Samsung Tab 800px */

	#affichage{
		position:relative;
		top:15%;
		width:80%;
		height:60%;
		margin:auto;
	}

	ul.navfocus{
		position:relative;
		top:5%;
	   	z-index: 20;
	}
	ul.navfocus li.boutonG{
		margin:0 42% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 42%;
	}

	h2.fermeture{
		position: fixed;
		right: 1rem;
		top: 3rem;
		font-size: 3rem;
	}

	.focusordi{
		display:none;
	}
	
	.focusmob{
		width: 70%;
		margin-left: 15%;
	}
	.focus{
		width: 70%;
		margin-left: 15%;
	}
	.sousfocusgauche{
		width:42%;
		margin-left: 8%;
	}
	.sousfocusdroit{
		width:42%;
	}

	/* Chaussures */
	.focusCh1{
		width:43%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusCh1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusCh1bis{
		width:44%;
		margin:0 0 0 4%;
		float:left;
	}
	.focusCh1bis img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh2{
		width:92%;
		float:left;
		margin:0 0 3% 4%;
	}
	.focusCh2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh3{
		width:45%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusCh3 img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.focusCh3bis{
		width:44%;
		margin:0 0 0 4%;
		float:left;
	}
	.focusCh3bis img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}

	.focusCh3bas{
		width: 100%;
		float:left;
		margin:8% 0 0 0;
	}
	.focusCh3bas img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.focusCh4{
		width:100%;
		float:left;
		margin:8% 0 0 0;
	}
	.focusCh4 img{
		width:100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}

	/* Bottes et cuissardes */
	.focusBo1{
		width:44%;
		float:left;
		margin:0 0 2.5% 4%;
	}
	.focusBo1 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo2{
		width:44%;
		float:left;
		margin:0 0 2.5% 4%;
	}
	.focusBo2 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo3{
		width:44%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo3 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo4{
		width:44%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo4 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo5{
		width:28%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo5 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.focusBo6{
		width:28%;
		float:left;
		margin:0 0 0 4%;
	}
	.focusBo6 img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

}

@media all and (min-width:960px) and (max-width:1023px) {

	/* Asus LG  paysage 960px */

	#affichage{
		position:relative;
		top:10%;
		width:60%;
		height:80%;
		margin:0 0 0 20%;
	}

	ul.navfocus{
		position:relative;
		top:0;
	   	z-index: 20;
	}
	ul.navfocus li.boutonG{
		margin:0 35% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 35%;
	}

	h2.fermeture{
		position: fixed;
		top: 8%;
		right: 10%;
		font-size: 3rem;
	}

	.focusmob{
		display:none;
	}

	.focus{
		width: 70%;
		margin-left: 15%;
	}
	.sousfocusgauche{
		width:43%;
		margin-left: 7%;
	}
	.sousfocusdroit{
		width:43%;
	}
	
}

@media all and (min-width:1024px) and (max-width:1099px) {

	/* ipad paysage 1024 px */

	#affichage{
		position:relative;
		top:10%;
		width:60%;
		height:80%;
		margin:0 0 0 20%;
	}

	ul.navfocus{
		position:relative;
		top:0;
	   	z-index: 20;
	}
	ul.navfocus li.boutonG{
		margin:0 35% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 35%;
	}

	h2.fermeture{
		position: fixed;
		top: 8%;
		right: 10%;
		font-size: 3rem;
	}

	.focusmob{
		display:none;
	}

	.focus{
		width: 70%;
		margin-left: 15%;
	}
	.sousfocusgauche{
		width:43%;
		margin-left: 7%;
	}
	.sousfocusdroit{
		width:43%;
	}
	

}

/* Ordinateurs */

@media all and (min-width:1100px) and (max-width:1199px) {

	#affichage{
		position:relative;
		top:10%;
		width:50%;
		height:80%;
		margin:0 0 0 25%;
	}

	ul.navfocus{
		position:relative;
		top:0;
	   	z-index:20;
	}
	ul.navfocus li.boutonG{
		margin:0 30% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 30%;
	}

	h2.fermeture{
		position: fixed;
		top: 8%;
		right: 10%;
		font-size: 2rem;
	}

	.focusmob{
		display:none;
	}
	.focus{
		width: 70%;
		margin-left: 15%;
	}
	.sousfocusgauche{
		width:43%;
		margin-left: 7%;
	}
	.sousfocusdroit{
		width:43%;
	}
}

@media all and (min-width:1200px) and (max-width:1279px) {

	#affichage{
		position:relative;
		top:10%;
		width:50%;
		height:80%;
		margin:0 0 0 25%;
	}

	ul.navfocus{
		position:relative;
		top:0;
	   	z-index:20;
	}
	ul.navfocus li.boutonG{
		margin:0 30% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 30%;
	}

	h2.fermeture{
		position: fixed;
		top: 8%;
		right: 10%;
		font-size: 2rem;
	}

	.focusmob{
		display:none;
	}

	.focusmob{
		display:none;
	}
	.focus{
		width: 70%;
		margin-left: 15%;
	}
	.sousfocusgauche{
		width:43%;
		margin-left: 7%;
	}
	.sousfocusdroit{
		width:43%;
	}
	
}

@media all and (min-width:1280px) and (max-width:1365px) {

	#affichage{
		position:relative;
		top:10%;
		width:50%;
		height:80%;
		margin:0 0 0 25%;
	}

	ul.navfocus{
		position:relative;
		top:0;
	   	z-index:20;
	}
	ul.navfocus li.boutonG{
		margin:0 30% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 30%;
	}

	h2.fermeture{
		position: fixed;
		top: 8%;
		right: 10%;
		font-size: 2rem;
	}

	.focusmob{
		display:none;
	}

	.focusmob{
		display:none;
	}
	.focus{
		width: 70%;
		margin-left: 15%;
	}
	.sousfocusgauche{
		width:43%;
		margin-left: 7%;
	}
	.sousfocusdroit{
		width:43%;
	}

}

@media all and (min-width:1366px) and (max-width:1400px) {


	#affichage{
		position:relative;
		top:10%;
		width:50%;
		height:80%;
		margin:0 0 0 25%;
	}

	ul.navfocus{
		position:relative;
		top:0;
	   	z-index:20;
	}
	ul.navfocus li.boutonG{
		margin:0 30% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 30%;
	}

	h2.fermeture{
		position: fixed;
		top: 8%;
		right: 10%;
		font-size: 2rem;
	}

	.focusmob{
		display:none;
	}

	.focusmob{
		display:none;
	}
	.focus{
		width: 70%;
		margin-left: 15%;
	}
	.sousfocusgauche{
		width:44.5%;
		margin-left: 5.5%;
	}
	.sousfocusdroit{
		width:44.5%;
	}

}

@media all and (min-width:1400px) and (max-width:1499px) {

	#affichage{
		position:relative;
		top:10%;
		width:50%;
		height:70%;
		margin:0 0 0 25%;
	}

	ul.navfocus{
		position:relative;
		top:0;
	   	z-index:20;
	}
	ul.navfocus li.boutonG{
		margin:0 30% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 30%;
	}

	h2.fermeture{
		position: fixed;
		top: 8%;
		right: 10%;
		font-size: 3rem;
	}

	.focusmob{
		display:none;
	}

	.focusmob{
		display:none;
	}
	.focus{
		width: 70%;
		margin-left: 15%;
	}
	.sousfocusgauche{
		width:45%;
		margin-left: 5%;
	}
	.sousfocusdroit{
		width:45%;
	}

}

@media all and (min-width:1500px) and (max-width:1599px) {

	#affichage{
		position:relative;
		top:10%;
		width:50%;
		height:70%;
		margin:0 0 0 25%;
	}

	ul.navfocus{
		position:relative;
		top:0;
	   	z-index:20;
	}
	ul.navfocus li.boutonG{
		margin:0 30% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 30%;
	}

	h2.fermeture{
		position: fixed;
		top: 8%;
		right: 10%;
		font-size: 3rem;
	}

	.focusmob{
		display:none;
	}

	.focusmob{
		display:none;
	}
	.focus{
		width: 70%;
		margin-left: 15%;
	}
	.sousfocusgauche{
		width:45%;
		margin-left: 5%;
	}
	.sousfocusdroit{
		width:45%;
	}
	
}

@media all and (min-width:1600px) and (max-width:1699px) {

	#affichage{
		position:relative;
		top:10%;
		width:50%;
		height:70%;
		margin:0 0 0 25%;
	}

	ul.navfocus{
		position:relative;
		top:0;
	   	z-index:20;
	}
	ul.navfocus li.boutonG{
		margin:0 30% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 30%;
	}

	h2.fermeture{
		position: fixed;
		top: 8%;
		right: 10%;
		font-size: 3rem;
	}

	.focusmob{
		display:none;
	}

	.focusmob{
		display:none;
	}
	.focus{
		width: 60%;
		margin-left: 20%;
	}
	.sousfocusgauche{
		width:44.5%;
		margin-left: 5.5%;
	}
	.sousfocusdroit{
		width:44.5%;
	}

}

@media all and (min-width:1700px) and (max-width:1799px) {

	#affichage{
		position:relative;
		top:10%;
		width:50%;
		height:70%;
		margin:0 0 0 25%;
	}

	ul.navfocus{
		position:relative;
		top:0;
	   	z-index:20;
	}
	ul.navfocus li.boutonG{
		margin:0 30% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 30%;
	}

	h2.fermeture{
		position: fixed;
		top: 8%;
		right: 10%;
		font-size: 3rem;
	}

	.focusmob{
		display:none;
	}

	.focusmob{
		display:none;
	}
	.focus{
		width: 60%;
		margin-left: 20%;
	}
	.sousfocusgauche{
		width:44%;
		margin-left: 6%;
	}
	.sousfocusdroit{
		width:44%;
	}
	
}

@media all and (min-width:1800px) {

	#affichage{
		position:relative;
		top:10%;
		width:50%;
		height:70%;
		margin:0 0 0 25%;
	}

	ul.navfocus{
		position:relative;
		top:0;
	   	z-index:20;
	}
	ul.navfocus li.boutonG{
		margin:0 30% 0 0;
	}
	ul.navfocus li.boutonD{
		margin:0 0 0 30%;
	}

	h2.fermeture{
		position: fixed;
		top: 8%;
		right: 10%;
		font-size: 3rem;
	}

	.focusmob{
		display:none;
	}

	.focusmob{
		display:none;
	}
	.focus{
		width: 60%;
		margin-left: 20%;
	}
	.sousfocusgauche{
		width:44%;
		margin-left: 6%;
	}
	.sousfocusdroit{
		width:44%;
	}

}