/* Mes modèles - Mon panier - Ma commande - Mon compte */ 
.persoordi{
	float:left;
	width:100%;
}
.persomob{
	float:left;
	width:100%;
	display:none;
}
.colonnepersomobgauche{
	float:left;
	width:48%;
	margin:0 0 0 0.5%;
}
.colonnepersomobdroit{
	float:left;
	width:48%;
	margin:0 0 0 3.5%;
}

.barreperso{
	float:left;
	width:98%;
	margin:0 0 0 1%;
}
.barreperso img{
	float:left;
	width:20%;
}

.boitelien0{
	float:left;
	width:45%;
	margin:0 0 0.7rem 27.5%;
	padding:0;
	border-radius: 25px;
	border: 1px solid #404040;
}
.boitelien1{
	float:left;
	width:35%;
	margin:0 0 0.7rem 32.5%;
	padding:0;
	border-radius: 25px;
	border: 1px solid #404040;
}
.boitelien2{
	float:left;
	width:25%;
	margin:0 0 0.7rem 37.5%;
	padding:0;
	border-radius: 25px;
	border: 1px solid #404040;
}
.boitelien3{
	float:left;
	width:15%;
	margin:0 0 0.7rem 42.5%;
	padding:0;
	border-radius: 25px;
	border: 1px solid #404040;
}
.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
	line-height: 1.6rem;
	margin:0.2rem 0 0.3rem 0;
	text-align: center;
}

.left2-6{
	text-align: left;
	margin-left: 2.6%;
}
.left4{
	text-align: left;
	margin-left: 4%;
}

.init{
	width: 100%;
	float:left;	
	margin: 1% 0;
	padding: 0;	
}
.init2{
	width:50%;
	float:left;	
	margin: 1% 0;
	padding: 0;		
}

/* Englobe la totalité de l'article */
.version{
	float:left;
	width: 98%;
	margin:0 0 5rem 1%;
	padding:0;	
}

.entete{
	width: 99%;
	float:left;
	margin:0 0 0 1%;
	padding:1rem 0 1rem 0;
	border: 1px solid #404040;
}

/* En tête */
.entetegauche{
	float: left;
	width: 45%;
	margin:0;
}
.entetegauche h2{
	text-align: right;
	margin:0.7rem 1rem 0 0;
}
.entetegauche h3{
	text-align: right;
	margin: 0 1rem 0 0;
}

.entetedroite{
	float: left;
	width: 54%;
	margin:0;
	border-left: 1px solid #404040;
}
.entetedroite h2{
	margin: 0 0 0 1rem;
}
.entetedroite h3{
	margin: 0 0 0 1rem;
}
.entetedroite h4{
	margin: 0 0 0 1rem;
}

/* Récapitulatifs au bas des pages panier, commande et moncompte */

.noncommandable{
	float: left;
	width: 80%;
	margin: 0 0 3% 10%;
	padding: 0 0 0 2%;
	border: 1px solid #BC0000;
}

.commandable{
	float: left;
	width: 80%;
	margin: 0 0 3% 10%;
	padding: 0 0 0 2%;
	border: 1px solid #2F9428;
}

.commandablesansuser{
	float: left;
	width: 80%;
	border: 1px solid #404040;
	margin: 0 0 3% 10%;
	padding: 0 0 0 2%;
}
.commandablesansuser h4, .commandablesansuser h3{
	text-align: left;
	margin-left: 0.5rem;
}

.apercu{
	float:left;
	width: 15%;
	margin:0 5% 2% 3%;
}
.apercu img{
	width: 100%;
	border: solid 1px #404040;
	box-shadow: none;
}

/* Affichage des éléments */
.boite1{
	width:24.9%;
	float:left;
	margin:0;
	padding:0;
}
/* Pour laisser un espace d'une boite à gauche */
.mag24-9{
	margin:0 0 0 24.9%;
}
.boite1 img{
	width: 100%;
}
.boite1 h4{
	color: #404040;
	margin-bottom: 0.5rem;
}
.boite1 h4.erreur{
	color:#BC0000;
}
.boite1 h4.choyer{
	color:#B69731;
}

a:hover .boite1 h4{
	color:#B69731;	
	text-shadow: none;
}
a:hover .boite1 h4.erreur{
	color:#B69731;	
	text-shadow: none;
}
a:hover .boite1 h4.choix{
	color:#B69731;	
	text-shadow: none;
}
a:hover .boite1 h4.choyer{
	color:#B69731;	
	text-shadow: none;
}
a:hover .boite1 h4.bolder{
	color:#B69731;	
	text-shadow: none;
}

.boite1 h5{
	font-size: 1.3rem;
	line-height: 1.4rem;
	padding-top:6rem;
}
.boite1 h6{
	font-size: 1.3rem;
	line-height: 1.4rem;
	padding-top:6rem;
	padding-bottom:3rem;
}

.boite1 h4.posicuir{
	font-size: 1.5rem;
}

/* Pour espacer d'une boite pour les ordi et les tablettes */
.boite2{
	width:24.9%;
	float:left;
	word-wrap:break-word;
}

.separation2{
	width:100%;
	clear:both;
}
.separation3{
	width:100%;
	clear:both;
}

/* Rotation à l'intérieur d'une boite1 */
@keyframes bascule {
    0% { transform: rotateX(0deg); }
    5% { transform: rotateX(0deg); }  /* photo 1 */
    10% { transform: rotateX(180deg); }
    30% { transform: rotateX(180deg); }
    35% { transform: rotateX(360deg); }
    100% { transform: rotateX(360deg); }
}

.roulement {
    position: relative;
    width:100%;
    margin:0 0 0 0.1rem;    
    
    -webkit-transform-style: preserve-3d;
    -webkit-animation-name: bascule;
    -webkit-animation-delay: 5s;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: 3;
    -webkit-animation-timing-function: linear;

    transform-style: preserve-3d;
    animation-name: bascule;
    animation-delay: 5s;
    animation-duration: 30s;
    animation-iteration-count: 3;
    animation-timing-function: linear;
}

.position-1 {
    position: absolute;
    width:100%;
    top:0;
    left:0;
    margin:0;

    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;

    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.position-2 {
    position: absolute;
    width:100%;
    top:0;
    left:0;
    margin:0;

    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
     -webkit-transform: rotateY(180deg);

    backface-visibility: hidden;
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.boite2{
	width:24.9%;
	float:left;
}
.boite2 img{
	width: 100%;
}
.boite2 h4{
	position: relative;
	color: #404040;
	top: 1rem;	
}
.boite2 h4.erreur{
	color:#BC0000;
}
.boite2 h4.choyer{
	color:#B69731;
}

a:hover .boite2 h4{
	color:#B69731;	
	text-shadow: none;
}
a:hover .boite2 h4.erreur{
	color:#B69731;	
	text-shadow: none;
}
a:hover .boite2 h4.choix{
	color:#B69731;	
	text-shadow: none;
}
a:hover .boite2 h4.choyer{
	color:#B69731;	
	text-shadow: none;
}
a:hover .boite2 h4.bolder{
	color:#B69731;	
	text-shadow: none;
}

.contact{
	clear:both;
	float:left;
	width:98%;
	border: 1px solid rgba(121,121,121,1); 
	padding: 2% 1%;
}
.contact h3{
	margin-left: 5%;
	margin-right: 5%;
}
.contact h5{
	text-align: left;
	margin: 1rem;
}
.contact ul{
	margin-top:-0.25rem;
}

.question{
	clear:both;
	float:left;
	width:100%;
	border: 1px solid rgba(121,121,121,1);
	margin:0; 
	padding:1rem 0 1rem 0;
}
.question h4{
	text-align: left;
	margin-left: 10%;
}

.question2{
	float:left;
	width:100%;
	margin:0;
	padding:0 0 1rem 0;
	
}
.question2 h4{
	text-align: left;
}


.questionmensu{
	clear:both;
	float:left;
	width:98%;
	border: 1px solid rgba(121,121,121,1); 
	padding: 2% 1%;
}
.questionmensu h4{
	text-align: left;
}

.ancre{
	float:left;
	margin:0;
	padding:0;
}

/* Pour tablette et ordi => alignement des mesures au centre */
.pointure{
	float:left;
	width:100%;
	margin:0;
	padding:0 0 1rem 0;
}
.pointure h4{
	text-align: right;
}
.pointure span.resultalign{
	width:50%;
	text-align: left;
	float:right;
	padding-left: 0.3rem;
}


/* Chaussures - Boots et Maroquinerie */
.boiteCh1{
    width:17.85%;
    float:left;
    margin:0 0 0 1%;
}
.boiteCh1 img{
    width: 100%;
    border:1px solid rgba(128,128,128,1);       
    margin: 0;  
}
/* Centrage des photos quand il n'y a pas de photo porté */
.boiteCh1bis{
    width:17.85%;
    float:left;
    margin:0 0 0 10.425%;
}
.boiteCh1bis img{
    width: 100%;
    border:1px solid rgba(128,128,128,1);       
    margin: 0;  
}
/* Tablettes - 4 photos : Ch6 en première position à la place de Ch1 ou Ch1bis : Permet d''afficher la photo portée quand elle existe */
.boiteCh6{
    display:none;
}
.boiteCh2{
    width:40.1%;
    margin: 0 0 0 1%;
    float:left;
}
.boiteCh2 img{
    width: 100%;
    border:1px solid rgba(128,128,128,1);     
    margin: 0;  
}
.boiteCh3{
    width:19.2%;
    margin: 0 0 0 1%;
    float:left;
}
.boiteCh3 img{
    width: 100%;
    border:1px solid rgba(128,128,128,1);    
    margin: 0;      
}
.boiteCh3bas{
    width: 100%;
    margin: 4% 0 0 0;
}
.boiteCh3bas img{
    width: 100%;
    border:1px solid rgba(128,128,128,1);      
    margin: 0;  
}
.boiteCh3basmob{
	display: none;
}
.boiteCh4{
    width:17.85%;
    margin: 0 0 0 1%;
    float:left;
}
.boiteCh4 img{
    width: 100%;
    border:1px solid rgba(128,128,128,1);      
    margin:0;       
}

.boiteCh1mob{
    display:none;
}
.boiteCh2mob{
    display:none;
}
.boiteCh3mob{
    display:none;
}
.boiteCh4mob{
	display:none;
}

/* Photos Bottes et cuissardes */
.boiteBo1{
    width:18.8%;
    margin:0 0 0 1%;
    float:left;
}
.boiteBo1 img{
    width: 100%;
    border:1px solid rgba(128,128,128,1);      
    margin:0;   
}
/* Centrage des photos quand il n'y a pas de photo porté */
.boiteBo1bis{
    width:18.8%;
    margin:0 0 0 10.9%;
    float:left;
}
.boiteBo1bis img{
    width: 100%;
    border:1px solid rgba(128,128,128,1);       
    margin:0;   
}
.boiteBo2{
    width:18.8%;
    margin:0 0 0 1%;
    float:left;
}
.boiteBo2 img{
    width: 100%;
    border:1px solid rgba(128,128,128,1);     
    margin:0;   
}
.boiteBo3{
    width:18.8%;
    margin:0 0 0 1%;
    float:left;
}
.boiteBo3 img{
    width: 100%;
    border:1px solid rgba(128,128,128,1);       
    margin:0;   
}
.boiteBo4{
    width:18.8%;
    margin:0 0 0 1%;
    float:left;
}
.boiteBo4 img{
    width: 100%;
    border:1px solid rgba(128,128,128,1);     
    margin:0;   
}
.boiteBo5{
    width:18.8%;
    margin:0 0 0 1%;
    float:left;
}
.boiteBo5 img{
    width: 100%;
    border:1px solid rgba(128,128,128,1);       
    margin:0;   
}
/* Tablettes - 4 photos : Bo6 en dernière position à la place de Bo4 et Bo5 => Permet d'afficher la vue portée si elle existe */
.boiteBo6{
    display:none;
}

.boiteBo1mob{
    display:none;
}
.boiteBo2mob{
    display:none;
}
.boiteBo3mob{
    display:none;
}
.boiteBo4mob{
    display:none;
}

/* Parrures */

.lgparure{
	float:left;
	width:78%;
	margin:0 0 0 11%;
	padding:0;
}

/* Gauche chaussure */
.boitePa1{
	width:34%;
	margin:6.5% 0 0 2%;
	float:left;
}
.boitePa1 img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
}
/* Gauche chaussure => Centre vide */
.boitePa1CV{
	width:34%;
	margin:0 0 0 15%;
	float:left;
}
.boitePa1CV img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
}
/* Gauche chaussure => Centre vide : 2 images à droite*/
.boitePa1CV5{
	width:34%;
	margin:6.5% 0 0 15%;
	float:left;
}
.boitePa1CV5 img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
}
/* Gauche botte */
.boitePa2{
	width:24%;
	margin:0 0 0 12%;
	float:left;
}
.boitePa2 img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
}
/* Gauche botte => Centre vide */
.boitePa2CV{
	width:24%;
	margin:0 0 0 25%;
	float:left;
}
.boitePa2CV img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
}
/* Centre porté */
.boitePa3{
	width:24%;
	margin:0 0 0 2%;
	float:left;
}
.boitePa3 img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
}
/* Droite 1 boite */
.boitePa4{
	width:34%;
	margin:6.5% 0 0 2%;
	float:left;
}
.boitePa4 img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
}
/* Droite 1 boite => Centre vide */
.boitePa4CV{
	width:34%;
	margin:0 0 0 2%;
	float:left;
}
.boitePa4CV img{
	width: 100%;
	margin:0;
	border:1px solid rgba(128,128,128,1);
}
/* Droite 2 boites */
.boitePa5{
	width:25.25%;
	margin:0 0 0 2%;
	float:left;
}
.boitePa5 img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);
}
.boitePa5bas{
	width:100%;
	margin:7% 0 0 0;
	float:left;
}
.boitePa5bas img{
	width: 100%;
	border:1px solid rgba(128,128,128,1);
}

.boitePa1mob{
	display:none;
}
.boitePa2mob{
	display:none;
}
.boitePa2DCmob{
	display:none;
}
.boitePa3Gmob{
	display:none;
}
.boitePa3Dmob{
	display:none;
}
.boitePa4Gmob{
	display:none;
}
.boitePa4Dmob{
	display:none;
}
.boitePa5Gmob{
	display:none;
}
.boitePa5Dmob{
	display:none;
}

/* Paypal */
#attente{
	position: fixed; 
	width: 100%;
	top: 30%;
	z-index: 10;
}
#attente h2{
	font-size: 3rem;
	color: #000;
	text-shadow:none;
}
#attente h3{
	font-size: 2rem;	
	color: #000;
	text-shadow:none;
}

/* Alerte retour ves la personnalisation */
.retourperso{
	position: fixed;
	background-color: #fff;
	border: solid 1px #404040;
	width: 80%;
	left: 10%; 
	top: 25%;
	padding:1rem;
	z-index: 10;
}


/*
	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 6 (414x736 pour l'iPhone 6+)
	768x1024px pour l'iPad 2
	768x1024px pour l'iPad 3
*/


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

	/* Iphone 3 4 5 portrait 320px */

	.persoordi{
		display:none;
	}
	.persomob{
		display:block;
	}
	
	#content ul{
		margin-top: 0;
	}
	#content li{
		display:block;
		font-size: 1rem;
		margin:1rem 0 0 0;
	}

	#content li.georgia{
		font-size: 1.5rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 1.5rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	#content ul.page{
		margin:0 0 0 0;
	}
	#content ul.page li{
		display:inline-block;
	}
	
	#content li.hrversion{
		width:10%;
		margin: 0 0.5rem 0 0.5rem;
	}
	#content li.hrpanier{
		width:13.7%;
		margin: 0 0.5rem 0 0.5rem;
	}
	#content li.hrcommande{
		width:7.5%;
		margin: 0 0.5rem 0 0.5rem;
	}
	#content li.hrcompte{
		width:12%;
		margin: 0 0.5rem 0 0.5rem;
	}
	#content li.hrcomposant{
		width:0;
		border-bottom: none;
	}

	#content li.hrchangement{
		width:15.5%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrsemelle{
		width:22%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrquestion{
		width:22%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrmodele{
		width:23%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrnoeud{
		width:25%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrtalon{
		width:26%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrremboursement{
		width:14.5%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrcoordonnees{
		width:18%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrreclamation{
		width:21%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrreparation{
		width:22%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}


	#content ul.numerotation{
		width: 100%;
		margin:1rem 0 1rem 0;
	}
	#content ul.numerotation li{
		display:inline-block;
	}

	#content ul.numerotation li.numero{
		font-size:1.2rem;
		margin: 0 0.5rem 0 0.5rem;
	}

	.init{
		width:100%;
		float:left;
		border:none;
		margin:0;
		padding:1rem 0 1rem 0;	
	}
	.init2{
		width:100%;
		float:left;
		border:none;
		margin:0;
		padding:1rem 0 1rem 0;		
	}
	.init4{
		width:100%;
		float:left;
		border:none;	
		margin:0;
		padding:1rem 0 1rem 0;		
	}

	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:1rem;
	}

	.separation2{
		display:none;
	}	
	.separation3{
		display:none;
	}

	.boite1{
		width:100%;
	}
	.mag24-9{
		margin:0 0 0 25%;
	}

	.boite1 h4{
		font-size: 0.8rem;
		line-height: 1rem;
		margin:0.2rem 0 0.2rem 0;
	}
	.boite1 h4.posicuir{
		font-size: 0.8rem;
	}
	.boite1 h5{
		font-size: 0.8rem;
		line-height: 1.3rem;
		padding-top:5rem;
	}
	.boite1 h6{
		font-size: 0.8rem;
		line-height: 1.3rem;
		padding-top:5rem;
		padding-bottom:3rem;
	}


	.boite2{
		width:100%;
		float:left;
	}
	.boite2 h4{
		position: relative;
		top: 1.5rem;	
	}
	.boite2 h5{
		margin-bottom: -0.7rem;
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;	
	}
	.marge img{
		margin-top: -8.6%;	
	}

	.contact{
		float:left;
		width:100%;
		border:1px solid rgba(128,128,128,1);		
		margin:0;
		padding:0 0 1rem 0;
	}

	.question h4{
		text-align: left;
		margin-top: 0.4rem;
		margin-left:0;
	}

	.question2 h4{
		text-align: left;
		margin-left: 1rem;
	}

	.version{
		width:94%;
		margin:0 0 3rem 3%;
		padding:0;
	}

	/* En tête */
	.entete{
		width:98%;
		margin:0 0 0 1%;
		padding:0.5rem 0 0.5rem 0;
	}
	.entete h2{
		margin: 0 0 0 1rem;
	}
	.entete h3{
		font-size: 1rem;
		margin: 0.4rem 0 0 1rem;
	}
	.entete h4{
		font-size: 1rem;
		line-height: 1.3rem;
		margin: 0 0 0 2rem;
	}
	.entete h5{
		font-size: 1rem;
		line-height: 1.3rem;
		margin: 0 0 0 1rem;
	}
	.entetebarre{
		width:98%;
		margin:0.5rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:80%;
		margin:0 0 0.7rem 10%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:65%;
		margin:0 0 0.7rem 17.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:50%;
		margin:0 0 0.7rem 25%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:35%;
		margin:0 0 0.7rem 32.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}

 	/* Personnalisation favoris */

 	/* Modèles uniques */
	.persomobimgL{
		width:80%;
		margin:0 0 0 10%;
	}
	.persomobimgH{
		width:60%;
		margin:0 0 0 20%;
	}

 	/* Ensembles avec chaussures */

	/* Deux articles en colonne */
	.persoparuremobCHimgL2A{ /* Chaussures */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2Abis{
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2B{ /* Sac */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2Bbis{ /* Pochette */
		width:70%;
		margin:0 0 0 15%;
	}
	.persoparuremobCHimgL2C{ /* Ceinture */
		width:40%;
		margin:0 0 0 30%;
	}
	.persoparuremobCHimgL2Cbis{ 
		width:40%;
		margin:0 0 0 30%;
	}
	/* Trois articles : Deux en ligne et un au dessus */
	.persoparuremobCHimgL3A{ /* Chaussures */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3Abis{ 
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3B{ /* Sac */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3Bbis{ /* Pochette */
		width:70%;
		margin:0 0 0 15%;
	}
	.persoparuremobCHimgL3C{ /* Ceinture  */
		width:40%;
		margin:0 0 0 30%;
	}
	.persoparuremobCHimgL3Cbis{ 
		width:40%;
		margin:0 0 0 30%;
	}

	/* Ensembles avec bottes */

	/* Bottes et un ou deux articles en colonne */
	.persoparuremobBTimgL2A{ /* Bottes  */
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2Abis{ 
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2B{ /* Sac */
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2Bbis{ 
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2C{ /* Pochette */
		width:50%;
		margin:0 0 0 25%;
	}
	.persoparuremobBTimgL2Cbis{ 
		width:50%;
		margin:0 0 0 25%;
	}
	.persoparuremobBTimgL2D{ /* Ceinture */
		width:30%;
		margin:0 0 0 35%;
	}
	.persoparuremobBTimgL2Dbis{ 
		width:30%;
		margin:0 0 0 35%;
	}

	/* Chaussures */
	.boiteCh1{
		display:none;
	}
	.boiteCh1bis{
		display:none;
	}
	.boiteCh2{
		display:none;
	}
	.boiteCh3{
		display:none;
	}
	.boiteCh4{
		display:none;
	}
	
	.boiteCh1mob{
		display:block;
		width:98%;
		margin:0 0 3% 1%;
		float:left;
	}
	.boiteCh1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteCh2mob{
		display:block;
		width:45.75%;
		margin:0 0 0 1%;
		float:left;
	}
	.boiteCh2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.boiteCh3mob{
		display:block;
		width:48.25%;
		margin:0 0 0 4%;
		float:left;
	}
	.boiteCh3mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.boiteCh3basmob{
		display:block;
		width: 100%;
		margin:7.2% 0 0 0;
	}
	.boiteCh3basmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	/* Bottes et cuissardes */
	.boiteBo1{
		display:none;
	}
	.boiteBo1bis{
		display:none;
	}
	.boiteBo2{
		display:none;
	}
	.boiteBo3{
		display:none;
	}
	.boiteBo4{
		display:none;
	}
	.boiteBo5{
		display:none;
	}
	
	.boiteBo1mob{
		display:block;
		width:47%;
		margin:0 0 3% 1%;
		float:left;
	}
	.boiteBo1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo2mob{
		display:block;
		width:47%;
		margin:0 0 3% 4%;
		float:left;
	}
	.boiteBo2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo3mob{
		display:block;
		width:47%;
		margin:0 0 0 1%;
		float:left;
	}
	.boiteBo3mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo4mob{
		display:block;
		width:47%;
		margin:0 0 0 4%;
		float:left;
	}
	.boiteBo4mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	/* Parures */
	.boitePa1{
		display:none;
	}
	.boitePa1CV{
		display:none;
	}
	.boitePa1CV5{
		display:none;
	}
	.boitePa2{
		display:none;
	}
	.boitePa2CV{
		display:none;
	}
	.boitePa3{
		display:none;
	}
	.boitePa4{
		display:none;
	}
	.boitePa4CV{
		display:none;
	}
	.boitePa5{
		display:none;
	}

	.lgparure{
		width:100%;
		margin:0;
		padding:0;
	}

	.boitePa1mob{
		display:block;
		width:98%;
		margin:0 0 4% 1%;
		float:left;
	}
	.boitePa1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa2mob{
		display:block;
		width:48.25%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 1 boite en largeur avec 1 boite en hauteur */
	.boitePa2DCmob{
		display:block;
		width:48.25%;
		margin:18.5% 0 0 4%;
		float:left;
	}
	.boitePa2DCmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa2basmob{
		width:100%;
		margin:7.2% 0 0 0;
		float:left;
	}
	.boitePa2mobbas img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* Boite en hauteur avec 1 ou 2 boites en largeur */
	.boitePa3Gmob{
		display:block;
		width:45.75%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa3Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa3Dmob{
		display:block;
		width:45.75%;
		margin:0 0 0 4%;
		float:left;
	}
	.boitePa3Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 2 boites identiques */
	.boitePa4Gmob{
		display:block;
		width:47%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa4Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa4Dmob{
		display:block;
		width:47%;
		margin:0 0 0 4%;
		float:left;
	}
	.boitePa4Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 2 boites identiques avec une marge en bas */
	.boitePa5Gmob{
		display:block;
		width:47%;
		margin:0 0 4% 1%;
		float:left;
	}
	.boitePa5Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa5Dmob{
		display:block;
		width:47%;
		margin:0 0 4% 4%;
		float:left;
	}
	.boitePa5Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	

	.noncommandable{
		width: 94%;
		margin:3% 0 3% 2.5%;
		padding:0 0 0 1%;
	}

	.commandable{
		width: 94%;
		margin:3% 0 3% 2.5%;
		padding:0 0 0 1%;
	}

	.commandablesansuser{
		width: 94%;
		margin:3% 0 3% 2.5%;
		padding:0 0 0 1%;
	}

	.apercu{
		width: 30%;
		margin:0 5% 0 5%;
		float:left;
	}
	.apercu img{
		width: 100%;
		border: solid 1px #404040;
		box-shadow:none;
	}


	.retourperso{		
		width: 92%;
		left: 4%;
		top:10%; 
	}
	

	/* Les div "attente" et "opacite" sont dans le layout: 'Ma commande' */
	#attente h2{
		font-size: 2rem;
		line-height: 2rem;
	}
	#attente h3{
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	
}

@media all and (min-width:368px) and (max-width:467px){

	/* Iphone 6 portrait 375px */

	.persoordi{
		display:none;
	}
	.persomob{
		display:block;
	}
	
	#content ul{
		margin-top: 0;
	}
	#content li{
		display:block;
		font-size: 1rem;
		margin:1rem 0 0 0;
	}

	#content li.georgia{
		font-size: 1.5rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 1.5rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	#content ul.page{
		margin:0 0 0 0;
	}
	#content ul.page li{
		display:inline-block;
	}

	#content li.hrversion{
		width:11.5%;
		margin: 0 0.5rem 0 0.5rem;
	}
	#content li.hrpanier{
		width:15%;
		margin: 0 0.5rem 0 0.5rem;
	}
	#content li.hrcommande{
		width:9%;
		margin: 0 0.5rem 0 0.5rem;
	}
	#content li.hrcompte{
		width:14%;
		margin: 0 0.5rem 0 0.5rem;
	}
	#content li.hrcomposant{
		width:4.2%;
		margin: 0 0.5rem 0 0.5rem;
	}

	#content li.hrnoeud{
		width:28%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrmodele{
		width:27%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrtalon{
		width:29%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrsemelle{
		width:27%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrchangement{
		width:19%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrquestion{
		width:25%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrremboursement{
		width:17%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrcoordonnees{
		width:20%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrreclamation{
		width:23%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}
	#content li.hrreparation{
		width:24%;
		margin: 1.5rem 0.5rem 0 0.5rem;
	}


	#content ul.numerotation{
		width: 100%;
		margin:1rem 0 1rem 0;
	}
	#content ul.numerotation li{
		display:inline-block;
	}

	#content ul.numerotation li.numero{
		font-size:1.2rem;
		margin: 0 0.5rem 0 0.5rem;
	}

	.init{
		width:100%;
		float:left;
		border:none;
		margin:0;
		padding:1rem 0 1rem 0;	
	}
	.init2{
		width:100%;
		float:left;
		border:none;
		margin:0;
		padding:1rem 0 1rem 0;		
	}
	.init4{
		width:100%;
		float:left;
		border:none;	
		margin:0;
		padding:1rem 0 1rem 0;		
	}
	
	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:1rem;
	}

	.separation2{
		display:none;
	}	
	.separation3{
		display:none;
	}

	.boite1{
		width:100%;
	}
	.mag24-9{
		margin:0 0 0 25%;
	}

	.boite1 h4{
		font-size: 0.8rem;
		line-height: 1rem;
		margin:0.2rem 0 0.2rem 0;
	}
	.boite1 h4.posicuir{
		font-size: 0.8rem;
	}
	.boite1 h5{
		font-size: 0.8rem;
		line-height: 1.3rem;
		padding-top:5rem;
	}
	.boite1 h6{
		font-size: 0.8rem;
		line-height: 1.3rem;
		padding-top:5rem;
		padding-bottom:3rem;
	}


	.boite2{
		width:100%;
		float:left;
	}
	.boite2 h4{
		position: relative;
		top: 1.5rem;	
	}
	.boite2 h5{
		margin-bottom: -0.7rem;
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;	
	}
	.marge img{
		margin-top: -8.4%;	
	}


	.contact{
		float:left;
		width:100%;
		border:1px solid rgba(128,128,128,1);		
		margin:0;
		padding:0 0 1rem 0;
	}

	.question h4{
		text-align: left;
		margin-top: 0.4rem;
		margin-left:0;
	}

	.question2 h4{
		text-align: left;
		margin-left:0;
	}

	.version{
		width:94%;
		margin:0 0 3rem 3%;
		padding:0;
	}

	/* En tête */
	.entete{
		width:98%;
		margin:0 0 0 1%;
		padding:0.5rem 0 0.5rem 0;
	}
	.entete h2{
		margin: 0 0 0 1rem;
	}
	.entete h3{
		font-size: 1rem;
		margin: 0.4rem 0 0 1rem;
	}
	.entete h4{
		font-size: 1rem;
		line-height: 1.3rem;
		margin: 0 0 0 2rem;
	}
	.entete h5{
		font-size: 1rem;
		line-height: 1.3rem;
		margin: 0 0 0 1rem;
	}
	.entetebarre{
		width:98%;
		margin:0.5rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:80%;
		margin:0 0 0.7rem 10%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:65%;
		margin:0 0 0.7rem 17.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:50%;
		margin:0 0 0.7rem 25%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:35%;
		margin:0 0 0.7rem 32.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}

	/* Personnalisation favoris */

 	/* Modèles uniques */
	.persomobimgL{
		width:80%;
		margin:0 0 0 10%;
	}
	.persomobimgH{
		width:60%;
		margin:0 0 0 20%;
	}

 	/* Ensembles avec chaussures */

	/* Deux articles en colonne */
	.persoparuremobCHimgL2A{ /* Chaussures */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2Abis{
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2B{ /* Sac */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2Bbis{ /* Pochette */
		width:70%;
		margin:0 0 0 15%;
	}
	.persoparuremobCHimgL2C{ /* Ceinture */
		width:40%;
		margin:0 0 0 30%;
	}
	.persoparuremobCHimgL2Cbis{ 
		width:40%;
		margin:0 0 0 30%;
	}
	/* Trois articles : Deux en ligne et un au dessus */
	.persoparuremobCHimgL3A{ /* Chaussures */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3Abis{ 
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3B{ /* Sac */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3Bbis{ /* Pochette */
		width:70%;
		margin:0 0 0 15%;
	}
	.persoparuremobCHimgL3C{ /* Ceinture  */
		width:40%;
		margin:0 0 0 30%;
	}
	.persoparuremobCHimgL3Cbis{ 
		width:40%;
		margin:0 0 0 30%;
	}

	/* Ensembles avec bottes */

	/* Bottes et un ou deux articles en colonne */
	.persoparuremobBTimgL2A{ /* Bottes  */
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2Abis{ 
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2B{ /* Sac */
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2Bbis{ 
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2C{ /* Pochette */
		width:50%;
		margin:0 0 0 25%;
	}
	.persoparuremobBTimgL2Cbis{ 
		width:50%;
		margin:0 0 0 25%;
	}
	.persoparuremobBTimgL2D{ /* Ceinture */
		width:30%;
		margin:0 0 0 35%;
	}
	.persoparuremobBTimgL2Dbis{ 
		width:30%;
		margin:0 0 0 35%;
	}	

	/* Chaussures */
	.boiteCh1{
		display:none;
	}
	.boiteCh1bis{
		display:none;
	}
	.boiteCh2{
		display:none;
	}
	.boiteCh3{
		display:none;
	}
	.boiteCh4{
		display:none;
	}
	
	.boiteCh1mob{
		display:block;
		width:98%;
		margin:0 0 3% 1%;
		float:left;
	}
	.boiteCh1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteCh2mob{
		display:block;
		width:45.75%;
		margin:0 0 0 1%;
		float:left;
	}
	.boiteCh2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.boiteCh3mob{
		display:block;
		width:48.25%;
		margin:0 0 0 4%;
		float:left;
	}
	.boiteCh3mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.boiteCh3basmob{
		display:block;
		width: 100%;
		margin:7.2% 0 0 0;
	}
	.boiteCh3basmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	/* Bottes et cuissardes */
	.boiteBo1{
		display:none;
	}
	.boiteBo1bis{
		display:none;
	}
	.boiteBo2{
		display:none;
	}
	.boiteBo3{
		display:none;
	}
	.boiteBo4{
		display:none;
	}
	.boiteBo5{
		display:none;
	}
	
	.boiteBo1mob{
		display:block;
		width:47%;
		margin:0 0 3% 1%;
		float:left;
	}
	.boiteBo1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo2mob{
		display:block;
		width:47%;
		margin:0 0 3% 4%;
		float:left;
	}
	.boiteBo2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo3mob{
		display:block;
		width:47%;
		margin:0 0 0 1%;
		float:left;
	}
	.boiteBo3mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo4mob{
		display:block;
		width:47%;
		margin:0 0 0 4%;
		float:left;
	}
	.boiteBo4mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	/* Parures */
	.boitePa1{
		display:none;
	}
	.boitePa1CV{
		display:none;
	}
	.boitePa1CV5{
		display:none;
	}
	.boitePa2{
		display:none;
	}
	.boitePa2CV{
		display:none;
	}
	.boitePa3{
		display:none;
	}
	.boitePa4{
		display:none;
	}
	.boitePa4CV{
		display:none;
	}
	.boitePa5{
		display:none;
	}

	.lgparure{
		width:100%;
		margin:0;
		padding:0;
	}

	.boitePa1mob{
		display:block;
		width:98%;
		margin:0 0 4% 1%;
		float:left;
	}
	.boitePa1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa2mob{
		display:block;
		width:48.25%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 1 boite en largeur avec 1 boite en hauteur */
	.boitePa2DCmob{
		display:block;
		width:48.25%;
		margin:18.5% 0 0 4%;
		float:left;
	}
	.boitePa2DCmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa2basmob{
		width:100%;
		margin:7.2% 0 0 0;
		float:left;
	}
	.boitePa2mobbas img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* Boite en hauteur avec 1 ou 2 boites en largeur */
	.boitePa3Gmob{
		display:block;
		width:45.75%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa3Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa3Dmob{
		display:block;
		width:45.75%;
		margin:0 0 0 4%;
		float:left;
	}
	.boitePa3Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 2 boites identiques */
	.boitePa4Gmob{
		display:block;
		width:47%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa4Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa4Dmob{
		display:block;
		width:47%;
		margin:0 0 0 4%;
		float:left;
	}
	.boitePa4Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 2 boites identiques avec une marge en bas */
	.boitePa5Gmob{
		display:block;
		width:47%;
		margin:0 0 4% 1%;
		float:left;
	}
	.boitePa5Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa5Dmob{
		display:block;
		width:47%;
		margin:0 0 4% 4%;
		float:left;
	}
	.boitePa5Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}


	.noncommandable{
		width: 94%;
		margin:3% 0 3% 2.5%;
		padding:0 0 0 1%;
	}

	.commandable{
		width: 94%;
		margin:3% 0 3% 2.5%;
		padding:0 0 0 1%;
	}

	.commandablesansuser{
		width: 94%;
		margin:3% 0 3% 2.5%;
		padding:0 0 0 1%;
	}

	.apercu{
		width: 30%;
		margin:0 5% 0 5%;
		float:left;
	}
	.apercu img{
		width: 100%;
		border: solid 1px #404040;
		box-shadow:none;
	}


	.retourperso{		
		width: 92%;
		left: 4%;
		top:10%; 
	}


	/* Les div "attente" et "opacite" sont dans le layout: 'Ma commande' */
	#attente h2{
		font-size: 2rem;
		line-height: 2rem;
	}
	#attente h3{
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
		
}

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

	/* iphone 3 4 paysage 480px */

	.persoordi{
		display:none;
	}
	.persomob{
		display:block;
	}
	
	#content ul{
		margin-top: 0;
	}
	#content li{
		font-size: 1.1rem;
		margin:0.5rem 1rem 0 1rem;
	}
	
	#content li.georgia{
		font-size: 1.5rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 1.5rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	#content ul.page{
		margin:0 0 0 0;
	}
	#content ul.page li{
		display:inline-block;
	}

	#content li.hrversion{
		width:19%;
		margin: 0 1rem 0 1rem;
	}
	#content li.hrpanier{
		width:21.7%;
		margin: 0 1rem 0 1rem;
	}
	#content li.hrcommande{
		width:17.2%;
		margin: 0 1rem 0 1rem;
	}
	#content li.hrcompte{
		width:20.8%;
		margin: 0 1rem 0 1rem;
	}
	#content li.hrcomposant{
		width:13.4%;
		margin: 0 1rem 0 1rem;
	}

	#content li.hrnoeud{
		width:30%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrmodele{
		width:29%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrtalon{
		width:31%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrsemelle{
		width:29%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrchangement{
		width:21%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrquestion{
		width:27%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrremboursement{
		width:21%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrcoordonnees{
		width:23.5%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrreclamation{
		width:26%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrreparation{
		width:27%;
		margin: 1.5rem 1rem 0 1rem;
	}


	#content ul.numerotation{
		width: 100%;
		margin:1rem 0 1rem 0;
	}
	#content ul.numerotation li{
		display:inline-block;
	}

	#content ul.numerotation li.numero{
		font-size:1.2rem;
		margin: 0 0.5rem 0 0.5rem;
	}


	.init{
		width:100%;
		float:left;
		border:none;
		margin:0;
		padding:1rem 0 1rem 0;	
	}
	.init2{
		width:100%;
		float:left;
		border:none;
		margin:0;
		padding:1rem 0 1rem 0;		
	}
	.init4{
		width:100%;
		float:left;
		border:none;	
		margin:0;
		padding:1rem 0 1rem 0;		
	}
	
	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:1.2rem;
	}

	.separation2{
		display:none;
	}	
	.separation3{
		display:none;
	}

	.boite1{
		width:100%;
	}
	.mag24-9{
		margin:0 0 0 25%;
	}

	.boite1 h4{
		font-size: 0.9rem;
		line-height: 1rem;
		margin:0.2rem 0 0.2rem 0;
	}
	.boite1 h4.posicuir{
		font-size: 0.9rem;
	}
	.boite1 h5{
		font-size: 0.9rem;
		line-height: 1.3rem;
		padding-top:5rem;
	}
	.boite1 h6{
		font-size: 0.9rem;
		line-height: 1.3rem;
		padding-top:5rem;
		padding-bottom:3rem;
	}


	.boite2{
		width:100%;
		float:left;
	}
	.boite2 h4{
		position: relative;
		top: 1.5rem;	
	}
	.boite2 h5{
		margin-bottom: -0.7rem;
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;	
	}
	.marge img{
		margin-top: -6.3%;	
	}

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

	.question h4{
		text-align: left;
		margin-top: 0.4rem;
		margin-left:1rem;
	}

	.question2 h4{
		text-align: left;
		margin-left:0;
	}

	.version{
		width:94%;
		margin:0 0 3rem 3%;
		padding:0;
	}

	.entete{
		width:98%;
		margin:0 0 0 1%;
		padding:0.5rem 0 0.5rem 0;
	}
	.entete h2{
		margin: 0 0 0 1rem;
	}
	.entete h3{
		font-size: 1rem;
		margin: 0.4rem 0 0 1rem;
	}
	.entete h4{
		font-size: 1rem;
		line-height: 1.3rem;
		margin: 0 0 0 2rem;
	}
	.entete h5{
		font-size: 1rem;
		line-height: 1.3rem;
		margin: 0 0 0 1rem;
	}
	.entetebarre{
		width:98%;
		margin:0.5rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:55%;
		margin:0 0 0.7rem 22.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:45%;
		margin:0 0 0.7rem 27.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:35%;
		margin:0 0 0.7rem 32.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:25%;
		margin:0 0 0.7rem 37.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}

	/* Personnalisation favoris */

 	/* Modèles uniques */
	.persomobimgL{
		width:80%;
		margin:0 0 0 10%;
	}
	.persomobimgH{
		width:60%;
		margin:0 0 0 20%;
	}

 	/* Ensembles avec chaussures */

	/* Deux articles en colonne */
	.persoparuremobCHimgL2A{ /* Chaussures */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2Abis{
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2B{ /* Sac */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2Bbis{ /* Pochette */
		width:70%;
		margin:0 0 0 15%;
	}
	.persoparuremobCHimgL2C{ /* Ceinture */
		width:40%;
		margin:0 0 0 30%;
	}
	.persoparuremobCHimgL2Cbis{ 
		width:40%;
		margin:0 0 0 30%;
	}
	/* Trois articles : Deux en ligne et un au dessus */
	.persoparuremobCHimgL3A{ /* Chaussures */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3Abis{ 
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3B{ /* Sac */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3Bbis{ /* Pochette */
		width:70%;
		margin:0 0 0 15%;
	}
	.persoparuremobCHimgL3C{ /* Ceinture  */
		width:40%;
		margin:0 0 0 30%;
	}
	.persoparuremobCHimgL3Cbis{ 
		width:40%;
		margin:0 0 0 30%;
	}

	/* Ensembles avec bottes */

	/* Bottes et un ou deux articles en colonne */
	.persoparuremobBTimgL2A{ /* Bottes  */
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2Abis{ 
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2B{ /* Sac */
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2Bbis{ 
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2C{ /* Pochette */
		width:50%;
		margin:0 0 0 25%;
	}
	.persoparuremobBTimgL2Cbis{ 
		width:50%;
		margin:0 0 0 25%;
	}
	.persoparuremobBTimgL2D{ /* Ceinture */
		width:30%;
		margin:0 0 0 35%;
	}
	.persoparuremobBTimgL2Dbis{ 
		width:30%;
		margin:0 0 0 35%;
	}

	/* Chaussures */
	.boiteCh1{
		display:none;
	}
	.boiteCh1bis{
		display:none;
	}
	.boiteCh2{
		display:none;
	}
	.boiteCh3{
		display:none;
	}
	.boiteCh4{
		display:none;
	}
	
	.boiteCh1mob{
		display:block;
		width:98%;
		margin:0 0 3% 1%;
		float:left;
	}
	.boiteCh1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteCh2mob{
		display:block;
		width:45.75%;
		margin:0 0 0 1%;
		float:left;
	}
	.boiteCh2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.boiteCh3mob{
		display:block;
		width:48.25%;
		margin:0 0 0 4%;
		float:left;
	}
	.boiteCh3mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.boiteCh3basmob{
		display:block;
		width: 100%;
		margin:7.2% 0 0 0;
	}
	.boiteCh3basmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	/* Bottes et cuissardes */
	.boiteBo1{
		display:none;
	}
	.boiteBo1bis{
		display:none;
	}
	.boiteBo2{
		display:none;
	}
	.boiteBo3{
		display:none;
	}
	.boiteBo4{
		display:none;
	}
	.boiteBo5{
		display:none;
	}
	
	.boiteBo1mob{
		display:block;
		width:47%;
		margin:0 0 3% 1%;
		float:left;
	}
	.boiteBo1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo2mob{
		display:block;
		width:47%;
		margin:0 0 3% 4%;
		float:left;
	}
	.boiteBo2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo3mob{
		display:block;
		width:47%;
		margin:0 0 0 1%;
		float:left;
	}
	.boiteBo3mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo4mob{
		display:block;
		width:47%;
		margin:0 0 0 4%;
		float:left;
	}
	.boiteBo4mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	/* Parures */
	.boitePa1{
		display:none;
	}
	.boitePa1CV{
		display:none;
	}
	.boitePa1CV5{
		display:none;
	}
	.boitePa2{
		display:none;
	}
	.boitePa2CV{
		display:none;
	}
	.boitePa3{
		display:none;
	}
	.boitePa4{
		display:none;
	}
	.boitePa4CV{
		display:none;
	}
	.boitePa5{
		display:none;
	}

	.lgparure{
		width:100%;
		margin:0;
		padding:0;
	}

	.boitePa1mob{
		display:block;
		width:98%;
		margin:0 0 4% 1%;
		float:left;
	}
	.boitePa1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa2mob{
		display:block;
		width:48.25%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 1 boite en largeur avec 1 boite en hauteur */
	.boitePa2DCmob{
		display:block;
		width:48.25%;
		margin:18.5% 0 0 4%;
		float:left;
	}
	.boitePa2DCmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa2basmob{
		width:100%;
		margin:7.2% 0 0 0;
		float:left;
	}
	.boitePa2mobbas img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* Boite en hauteur avec 1 ou 2 boites en largeur */
	.boitePa3Gmob{
		display:block;
		width:45.75%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa3Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa3Dmob{
		display:block;
		width:45.75%;
		margin:0 0 0 4%;
		float:left;
	}
	.boitePa3Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 2 boites identiques */
	.boitePa4Gmob{
		display:block;
		width:47%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa4Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa4Dmob{
		display:block;
		width:47%;
		margin:0 0 0 4%;
		float:left;
	}
	.boitePa4Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 2 boites identiques avec une marge en bas */
	.boitePa5Gmob{
		display:block;
		width:47%;
		margin:0 0 4% 1%;
		float:left;
	}
	.boitePa5Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa5Dmob{
		display:block;
		width:47%;
		margin:0 0 4% 4%;
		float:left;
	}
	.boitePa5Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}


	.noncommandable{
		width: 90%;
		margin:3% 0 3% 4.5%;
		padding:0 0 0 1%;
	}

	.commandable{
		width: 90%;
		margin:3% 0 3% 4.5%;
		padding:0 0 0 1%;
	}

	.commandablesansuser{
		width: 90%;
		margin:3% 0 3% 4.5%;
		padding:0 0 0 1%;
	}

	.apercu{
		width: 30%;
		margin:0 5% 0 5%;
		float:left;
	}
	.apercu img{
		width: 100%;
		border: solid 1px #404040;
		box-shadow:none;
	}


	.retourperso{		
		top:10%; 
	}

	
	/* Les div "attente" et "opacite" sont dans le layout: 'Ma commande' */
	#attente h2{
		font-size: 2rem;
		line-height: 2rem;
	}
	#attente h3{
		font-size: 1.5rem;
		line-height: 1.5rem;
	}

}

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

	/* iphone 5 paysage 568px */

	.persoordi{
		display:none;
	}
	.persomob{
		display:block;
	}
	
	#content ul{
		margin-top: 0;
	}
	#content li{
		font-size: 1.1rem;
		margin:0.5rem 1rem 0 1rem;
	}
	
	#content li.georgia{
		font-size: 1.8rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 1.8rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	#content ul.page{
		margin:0 0 0 0;
	}
	#content ul.page li{
		display:inline-block;
	}

	#content li.hrversion{
		width:21%;
		margin: 0 1rem 0 1rem;
	}
	#content li.hrpanier{
		width:23.5%;
		margin: 0 1rem 0 1rem;
	}
	#content li.hrcommande{
		width:19%;
		margin: 0 1rem 0 1rem;
	}
	#content li.hrcompte{
		width:22.5%;
		margin: 0 1rem 0 1rem;
	}
	#content li.hrcomposant{
		width:15.4%;
		margin: 0 1rem 0 1rem;
	}

	#content li.hrnoeud{
		width:33%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrmodele{
		width:31%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrtalon{
		width:34%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrsemelle{
		width:32%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrchangement{
		width:26%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrquestion{
		width:30.5%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrremboursement{
		width:24%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrcoordonnees{
		width:26%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrreclamation{
		width:28%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrreparation{
		width:29%;
		margin: 1.5rem 1rem 0 1rem;
	}



	#content ul.numerotation{
		width: 100%;
		margin:1rem 0 1rem 0;
	}
	#content ul.numerotation li{
		display:inline-block;
	}

	#content ul.numerotation li.numero{
		font-size:1.2rem;
		margin: 0 0.5rem 0 0.5rem;
	}

	.init{
		width:100%;
		float:left;
		border:none;
		margin:0;
		padding:1rem 0 1rem 0;	
	}
	.init2{
		width:100%;
		float:left;
		border:none;
		margin:0;
		padding:1rem 0 1rem 0;		
	}
	.init4{
		width:100%;
		float:left;
		border:none;	
		margin:0;
		padding:1rem 0 1rem 0;		
	}
	
	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:1.3rem;
	}

	.separation2{
		display:none;
	}	
	.separation3{
		display:none;
	}

	.boite1{
		width:100%;
	}
	.mag24-9{
		margin:0 0 0 25%;
	}

	.boite1 h4{
		font-size: 1rem;
		line-height: 1.1rem;
		margin:0.3rem 0 0.3rem 0;
	}
	.boite1 h4.posicuir{
		font-size: 1rem;
	}
	.boite1 h5{
		font-size: 1rem;
		line-height: 1.3rem;
		padding-top:5rem;
	}
	.boite1 h6{
		font-size: 1rem;
		line-height: 1.3rem;
		padding-top:5rem;
		padding-bottom:3rem;
	}


	.boite2{
		width:100%;
		float:left;
	}
	.boite2 h4{
		position: relative;
		top: 1.5rem;	
	}
	.boite2 h5{
		margin-bottom: -0.7rem;
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;	
	}
	.marge img{
		margin-top: -5.5%;	
	}	

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

	.question h4{
		text-align: left;
		margin-top: 0.4rem;
		margin-left:1rem;
	}

	.question2 h4{
		text-align: left;
		margin-left:0;
	}

	.version{
		width:94%;
		margin:0 0 3rem 3%;
		padding:0;
	}

	.entete{
		width:98%;
		margin:0 0 0 1%;
		padding:0.4rem 0 0.5rem 0;
	}
	.entete h2{
		margin: 0 0 0 1rem;
	}
	.entete h3{
		font-size: 1rem;
		margin: 0.4rem 0 0 1rem;
	}
	.entete h4{
		font-size: 1rem;
		line-height: 1.3rem;
		margin: 0 0 0 2rem;
	}
	.entete h5{
		font-size: 1rem;
		line-height: 1.3rem;
		margin: 0 0 0 1rem;
	}
	.entetebarre{
		width:98%;
		margin:0.5rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:50%;
		margin:0 0 0.7rem 25%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:40%;
		margin:0 0 0.7rem 30%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:30%;
		margin:0 0 0.7rem 35%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:20%;
		margin:0 0 0.7rem 40%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}

	/* Personnalisation favoris */

 	/* Modèles uniques */
	.persomobimgL{
		width:80%;
		margin:0 0 0 10%;
	}
	.persomobimgH{
		width:60%;
		margin:0 0 0 20%;
	}

 	/* Ensembles avec chaussures */

	/* Deux articles en colonne */
	.persoparuremobCHimgL2A{ /* Chaussures */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2Abis{
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2B{ /* Sac */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2Bbis{ /* Pochette */
		width:70%;
		margin:0 0 0 15%;
	}
	.persoparuremobCHimgL2C{ /* Ceinture */
		width:40%;
		margin:0 0 0 30%;
	}
	.persoparuremobCHimgL2Cbis{ 
		width:40%;
		margin:0 0 0 30%;
	}
	/* Trois articles : Deux en ligne et un au dessus */
	.persoparuremobCHimgL3A{ /* Chaussures */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3Abis{ 
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3B{ /* Sac */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3Bbis{ /* Pochette */
		width:70%;
		margin:0 0 0 15%;
	}
	.persoparuremobCHimgL3C{ /* Ceinture  */
		width:40%;
		margin:0 0 0 30%;
	}
	.persoparuremobCHimgL3Cbis{ 
		width:40%;
		margin:0 0 0 30%;
	}

	/* Ensembles avec bottes */

	/* Bottes et un ou deux articles en colonne */
	.persoparuremobBTimgL2A{ /* Bottes  */
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2Abis{ 
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2B{ /* Sac */
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2Bbis{ 
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2C{ /* Pochette */
		width:50%;
		margin:0 0 0 25%;
	}
	.persoparuremobBTimgL2Cbis{ 
		width:50%;
		margin:0 0 0 25%;
	}
	.persoparuremobBTimgL2D{ /* Ceinture */
		width:30%;
		margin:0 0 0 35%;
	}
	.persoparuremobBTimgL2Dbis{ 
		width:30%;
		margin:0 0 0 35%;
	}
	
	/* Chaussures */
	.boiteCh1{
		display:none;
	}
	.boiteCh1bis{
		display:none;
	}
	.boiteCh2{
		display:none;
	}
	.boiteCh3{
		display:none;
	}
	.boiteCh4{
		display:none;
	}
	
	.boiteCh1mob{
		display:block;
		width:98%;
		margin:0 0 3% 1%;
		float:left;
	}
	.boiteCh1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteCh2mob{
		display:block;
		width:45.75%;
		margin:0 0 0 1%;
		float:left;
	}
	.boiteCh2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.boiteCh3mob{
		display:block;
		width:48.25%;
		margin:0 0 0 4%;
		float:left;
	}
	.boiteCh3mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.boiteCh3basmob{
		display:block;
		width: 100%;
		margin:7.2% 0 0 0;
	}
	.boiteCh3basmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	/* Bottes et cuissardes */
	.boiteBo1{
		display:none;
	}
	.boiteBo1bis{
		display:none;
	}
	.boiteBo2{
		display:none;
	}
	.boiteBo3{
		display:none;
	}
	.boiteBo4{
		display:none;
	}
	.boiteBo5{
		display:none;
	}
	
	.boiteBo1mob{
		display:block;
		width:47%;
		margin:0 0 3% 1%;
		float:left;
	}
	.boiteBo1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo2mob{
		display:block;
		width:47%;
		margin:0 0 3% 4%;
		float:left;
	}
	.boiteBo2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo3mob{
		display:block;
		width:47%;
		margin:0 0 0 1%;
		float:left;
	}
	.boiteBo3mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo4mob{
		display:block;
		width:47%;
		margin:0 0 0 4%;
		float:left;
	}
	.boiteBo4mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	/* Parures */
	.boitePa1{
		display:none;
	}
	.boitePa1CV{
		display:none;
	}
	.boitePa1CV5{
		display:none;
	}
	.boitePa2{
		display:none;
	}
	.boitePa2CV{
		display:none;
	}
	.boitePa3{
		display:none;
	}
	.boitePa4{
		display:none;
	}
	.boitePa4CV{
		display:none;
	}
	.boitePa5{
		display:none;
	}

	.lgparure{
		width:100%;
		margin:0;
		padding:0;
	}

	.boitePa1mob{
		display:block;
		width:98%;
		margin:0 0 4% 1%;
		float:left;
	}
	.boitePa1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa2mob{
		display:block;
		width:48.25%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 1 boite en largeur avec 1 boite en hauteur */
	.boitePa2DCmob{
		display:block;
		width:48.25%;
		margin:18.5% 0 0 4%;
		float:left;
	}
	.boitePa2DCmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa2basmob{
		width:100%;
		margin:7.2% 0 0 0;
		float:left;
	}
	.boitePa2mobbas img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* Boite en hauteur avec 1 ou 2 boites en largeur */
	.boitePa3Gmob{
		display:block;
		width:45.75%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa3Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa3Dmob{
		display:block;
		width:45.75%;
		margin:0 0 0 4%;
		float:left;
	}
	.boitePa3Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 2 boites identiques */
	.boitePa4Gmob{
		display:block;
		width:47%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa4Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa4Dmob{
		display:block;
		width:47%;
		margin:0 0 0 4%;
		float:left;
	}
	.boitePa4Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 2 boites identiques avec une marge en bas */
	.boitePa5Gmob{
		display:block;
		width:47%;
		margin:0 0 4% 1%;
		float:left;
	}
	.boitePa5Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa5Dmob{
		display:block;
		width:47%;
		margin:0 0 4% 4%;
		float:left;
	}
	.boitePa5Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.noncommandable{
		width: 90%;
		margin:3% 0 3% 4.5%;
		padding:0 0 0 1%;
	}

	.commandable{
		width: 90%;
		margin:3% 0 3% 4.5%;
		padding:0 0 0 1%;
	}

	.commandablesansuser{
		width: 90%;
		margin:3% 0 3% 4.5%;
		padding:0 0 0 1%;
	}

	.apercu{
		width: 30%;
		margin:0 5% 0 5%;
		float:left;
	}
	.apercu img{
		width: 100%;
		border: solid 1px #404040;
		box-shadow:none;
	}


	.retourperso{		
		top:10%; 
	}

	
	/* Les div "attente" et "opacite" sont dans le layout: 'Ma commande' */
	#attente h2{
		font-size: 2rem;
		line-height: 2rem;
	}
	#attente h3{
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	
}

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

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

	.persoordi{
		display:none;
	}
	.persomob{
		display:block;
	}
	
	#content ul{
		margin-top: 0;
	}
	#content li{
		font-size: 1.2rem;
		margin:0.5rem 1rem 0 1rem;
	}
	
	#content li.georgia{
		font-size: 1.8rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 1.8rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	#content ul.page{
		margin:0 0 0 0;
	}
	#content ul.page li{
		display:inline-block;
	}

	#content li.hrversion{
		width:24.4%;
		margin: 0 1rem 0 1rem;
	}
	#content li.hrpanier{
		width:26.7%;
		margin: 0 1rem 0 1rem;
	}
	#content li.hrcommande{
		width:22.7%;
		margin: 0 1rem 0 1rem;
	}
	#content li.hrcompte{
		width:25.8%;
		margin: 0 1rem 0 1rem;
	}
	#content li.hrcomposant{
		width:19.6%;
		margin: 0 1rem 0 1rem;
	}

	#content li.hrnoeud{
		width:34%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrmodele{
		width:33%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrtalon{
		width:34%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrsemelle{
		width:35%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrchangement{
		width:27%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrquestion{
		width:32%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrremboursement{
		width:29%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrcoordonnees{
		width:30%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrreclamation{
		width:32%;
		margin: 1.5rem 1rem 0 1rem;
	}
	#content li.hrreparation{
		width:33%;
		margin: 1.5rem 1rem 0 1rem;
	}


	#content ul.numerotation{
		width: 100%;
		margin:1rem 0 1rem 0;
	}
	#content ul.numerotation li{
		display:inline-block;
	}

	#content ul.numerotation li.numero{
		font-size:1.2rem;
		margin: 0 0.5rem 0 0.5rem;
	}

	.init{
		width:100%;
		float:left;
		border:none;
		margin:0;
		padding:1rem 0 1rem 0;	
	}
	.init2{
		width:100%;
		float:left;
		border:none;
		margin:0;
		padding:1rem 0 1rem 0;		
	}
	.init4{
		width:100%;
		float:left;
		border:none;	
		margin:0;
		padding:1rem 0 1rem 0;		
	}
	
	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:1.4rem;
	}

	.separation2{
		display:none;
	}		
	.separation3{
		display:none;
	}


	.boite1{
		width:100%;
	}
	.mag24-9{
		margin:0 0 0 25%;
	}

	.boite1 h4{
		font-size: 1rem;
		line-height: 1.1rem;
		margin:0.3rem 0 0.3rem 0;
	}
	.boite1 h4.posicuir{
		font-size: 1rem;
	}
	.boite1 h5{
		font-size: 1rem;
		line-height: 1.3rem;
		padding-top:5rem;
	}
	.boite1 h6{
		font-size: 1rem;
		line-height: 1.3rem;
		padding-top:5rem;
		padding-bottom:3rem;
	}


	.boite2{
		width:100%;
		float:left;
	}
	.boite2 h4{
		position: relative;
		top: 1.5rem;	
	}
	.boite2 h5{
		margin-bottom: -0.7rem;
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;	
	}
	.marge img{
		margin-top: -4.7%;	
	}

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

	.question h4{
		text-align: left;
		margin-top: 0.4rem;
		margin-left:1rem;
	}

	.question2 h4{
		text-align: left;
		margin-left:1rem;
	}

	.version{
		width:94%;
		margin:0 0 3rem 3%;
		padding:0;
	}

	.entete{
		width:98%;
		margin:0 0 0 1%;
		padding:0.4rem 0 0.5rem 0;
	}
	.entete h2{
		margin: 0 0 0 1rem;
	}
	.entete h3{
		font-size: 1rem;
		margin: 0.4rem 0 0 1rem;
	}
	.entete h4{
		font-size: 1rem;
		line-height: 1.3rem;
		margin: 0 0 0 2rem;
	}
	.entete h5{
		font-size: 1rem;
		line-height: 1.3rem;
		margin: 0 0 0 1rem;
	}
	.entetebarre{
		width:98%;
		margin:0.5rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:50%;
		margin:0 0 0.7rem 25%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:40%;
		margin:0 0 0.7rem 30%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:30%;
		margin:0 0 0.7rem 35%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:20%;
		margin:0 0 0.7rem 40%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}

	/* Personnalisation favoris */

 	/* Modèles uniques */
	.persomobimgL{
		width:80%;
		margin:0 0 0 10%;
	}
	.persomobimgH{
		width:60%;
		margin:0 0 0 20%;
	}

 	/* Ensembles avec chaussures */

	/* Deux articles en colonne */
	.persoparuremobCHimgL2A{ /* Chaussures */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2Abis{
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2B{ /* Sac */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL2Bbis{ /* Pochette */
		width:70%;
		margin:0 0 0 15%;
	}
	.persoparuremobCHimgL2C{ /* Ceinture */
		width:40%;
		margin:0 0 0 30%;
	}
	.persoparuremobCHimgL2Cbis{ 
		width:40%;
		margin:0 0 0 30%;
	}
	/* Trois articles : Deux en ligne et un au dessus */
	.persoparuremobCHimgL3A{ /* Chaussures */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3Abis{ 
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3B{ /* Sac */
		width:80%;
		margin:0 0 0 10%;
	}
	.persoparuremobCHimgL3Bbis{ /* Pochette */
		width:70%;
		margin:0 0 0 15%;
	}
	.persoparuremobCHimgL3C{ /* Ceinture  */
		width:40%;
		margin:0 0 0 30%;
	}
	.persoparuremobCHimgL3Cbis{ 
		width:40%;
		margin:0 0 0 30%;
	}

	/* Ensembles avec bottes */

	/* Bottes et un ou deux articles en colonne */
	.persoparuremobBTimgL2A{ /* Bottes  */
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2Abis{ 
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2B{ /* Sac */
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2Bbis{ 
		width:60%;
		margin:0 0 0 20%;
	}
	.persoparuremobBTimgL2C{ /* Pochette */
		width:50%;
		margin:0 0 0 25%;
	}
	.persoparuremobBTimgL2Cbis{ 
		width:50%;
		margin:0 0 0 25%;
	}
	.persoparuremobBTimgL2D{ /* Ceinture */
		width:30%;
		margin:0 0 0 35%;
	}
	.persoparuremobBTimgL2Dbis{ 
		width:30%;
		margin:0 0 0 35%;
	}
	
	/* Chaussures */
	.boiteCh1{
		display:none;
	}
	.boiteCh1bis{
		display:none;
	}
	.boiteCh2{
		display:none;
	}
	.boiteCh3{
		display:none;
	}
	.boiteCh4{
		display:none;
	}
	
	.boiteCh1mob{
		display:block;
		width:98%;
		margin:0 0 3% 1%;
		float:left;
	}
	.boiteCh1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteCh2mob{
		display:block;
		width:45.75%;
		margin:0 0 0 1%;
		float:left;
	}
	.boiteCh2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.boiteCh3mob{
		display:block;
		width:48.25%;
		margin:0 0 0 4%;
		float:left;
	}
	.boiteCh3mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;		
	}
	.boiteCh3basmob{
		display:block;
		width: 100%;
		margin:7.2% 0 0 0;
	}
	.boiteCh3basmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	/* Bottes et cuissardes */
	.boiteBo1{
		display:none;
	}
	.boiteBo1bis{
		display:none;
	}
	.boiteBo2{
		display:none;
	}
	.boiteBo3{
		display:none;
	}
	.boiteBo4{
		display:none;
	}
	.boiteBo5{
		display:none;
	}
	
	.boiteBo1mob{
		display:block;
		width:47%;
		margin:0 0 3% 1%;
		float:left;
	}
	.boiteBo1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo2mob{
		display:block;
		width:47%;
		margin:0 0 3% 4%;
		float:left;
	}
	.boiteBo2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo3mob{
		display:block;
		width:47%;
		margin:0 0 0 1%;
		float:left;
	}
	.boiteBo3mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boiteBo4mob{
		display:block;
		width:47%;
		margin:0 0 0 4%;
		float:left;
	}
	.boiteBo4mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	/* Parures */
	.boitePa1{
		display:none;
	}
	.boitePa1CV{
		display:none;
	}
	.boitePa1CV5{
		display:none;
	}
	.boitePa2{
		display:none;
	}
	.boitePa2CV{
		display:none;
	}
	.boitePa3{
		display:none;
	}
	.boitePa4{
		display:none;
	}
	.boitePa4CV{
		display:none;
	}
	.boitePa5{
		display:none;
	}

	.lgparure{
		width:100%;
		margin:0;
		padding:0;
	}

	.boitePa1mob{
		display:block;
		width:98%;
		margin:0 0 4% 1%;
		float:left;
	}
	.boitePa1mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa2mob{
		display:block;
		width:48.25%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa2mob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 1 boite en largeur avec 1 boite en hauteur */
	.boitePa2DCmob{
		display:block;
		width:48.25%;
		margin:18.5% 0 0 4%;
		float:left;
	}
	.boitePa2DCmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa2basmob{
		width:100%;
		margin:7.2% 0 0 0;
		float:left;
	}
	.boitePa2mobbas img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* Boite en hauteur avec 1 ou 2 boites en largeur */
	.boitePa3Gmob{
		display:block;
		width:45.75%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa3Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa3Dmob{
		display:block;
		width:45.75%;
		margin:0 0 0 4%;
		float:left;
	}
	.boitePa3Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 2 boites identiques */
	.boitePa4Gmob{
		display:block;
		width:47%;
		margin:0 0 0 1%;
		float:left;
	}
	.boitePa4Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa4Dmob{
		display:block;
		width:47%;
		margin:0 0 0 4%;
		float:left;
	}
	.boitePa4Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	/* 2 boites identiques avec une marge en bas */
	.boitePa5Gmob{
		display:block;
		width:47%;
		margin:0 0 4% 1%;
		float:left;
	}
	.boitePa5Gmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}
	.boitePa5Dmob{
		display:block;
		width:47%;
		margin:0 0 4% 4%;
		float:left;
	}
	.boitePa5Dmob img{
		width: 100%;
		border:1px solid rgba(128,128,128,1);
		margin:0;	
	}

	.noncommandable{
		width: 90%;
		margin:3% 0 3% 4.5%;
		padding:0 0 0 1%;
	}

	.commandable{
		width: 90%;
		margin:3% 0 3% 4.5%;
		padding:0 0 0 1%;
	}

	.commandablesansuser{
		width: 90%;
		margin:3% 0 3% 4.5%;
		padding:0 0 0 1%;
	}

	.apercu{
		width: 30%;
		margin:0 5% 0 5%;
		float:left;
	}
	.apercu img{
		width: 100%;
		border: solid 1px #404040;
		box-shadow:none;
	}

	.retourperso{		
		top:10%; 
	}
		
	/* Les div "attente" et "opacite" sont dans le layout: 'Ma commande' */
	#attente h2{
		font-size: 2rem;
		line-height: 2rem;
	}
	#attente h3{
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	
}

/* Tablettes */		

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

	/* ipad portrait 768px Samsung Tab 800px */
		
	#content li.georgia{
		font-size: 2.4rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 2.4rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	.init4{
		width: 80%;
		margin:0 0 1% 9.5%;
		padding:0.4%;	
	}

	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:2.5rem;
	}
	
	.separation2{
		display:none;
	}

	.boite2 h4{
		position: relative;
		top: 1.7rem;	
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;
	}
	.marge img{
		margin-top: -9.7%;
	}

	.question h4{
		margin-left: 2rem;
	}

	.question2 h4{
		margin-left: 1rem;
	}


	li.hrversion{
		width:25.3%;
	}
	li.hrpanier{
		width:27.7%;
	}
	li.hrcommande{
		width:23.4%;
	}
	li.hrcompte{
		width:26.8%;
	}
	li.hrcomposant{
		width:20.1%;
	}

	li.hrnoeud{
		width:35%;
	}
	li.hrmodele{
		width:34%;
	}
	li.hrtalon{
		width:35%;
	}
	li.hrsemelle{
		width:34%;
	}
	li.hrchangement{
		width:30%;
	}
	li.hrquestion{
		width:33.5%;
	}
	li.hrremboursement{
		width:28.5%;
	}
	li.hrcoordonnees{
		width:30%;
	}
	li.hrreclamation{
		width:32%;
	}
	li.hrreparation{
		width:33%;
	}


	.noncommandable{
		width: 90%;
		margin:3% 0 3% 4%;
		padding:0 0 0 2%;
	}

	.commandable{
		width: 90%;
		margin:3% 0 3% 4%;
		padding:0 0 0 2%;
	}

	.commandablesansuser{
		width: 90%;
		margin:3% 0 3% 4%;
		padding:0 0 0 2%;
	}

	.apercu{
		width: 25%;
		margin:0 5% 3% 3%;
		float:left;
	}
	.apercu img{
		width: 100%;
		border: solid 1px #404040;
		box-shadow:none;
	}

	.version{
		width:96%;
		margin:0 0 4rem 2%;
		padding:0;
	}

	.entetebarre{
		width:98%;
		margin:1rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:45%;
		margin:0 0 0.7rem 27.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:35%;
		margin:0 0 0.8rem 32.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:25%;
		margin:0 0 0.8rem 37.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:15%;
		margin:0 0 0.8rem 42.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}

	/* Chaussures - Boots et Maroquinerie */
	.boiteCh1, .boiteCh1bis{
		display:none;
	}
	.boiteCh6{
		display:block;
	    width:21.90%;
	    margin:0 0 0 1%;
	    float:left;
	}
	.boiteCh6 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;       
	}
	.boiteCh1mob{
	    display:none;
	}
	.boiteCh2{
	    width:49.10%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteCh2 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin: 0;  
	}
	.boiteCh2mob{
	    display:none;
	}
	.boiteCh3{
	    width:23%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteCh3 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;       
	}
	.boiteCh3bas{
	    width: 100%;
	    margin:6% 0 0 0;
	}
	.boiteCh3bas img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin: 0;  
	}
	.boiteCh2mob{
	    display:none;
	}
	.boiteCh4{
	    display:none;
	}


	/* Bottes et cuissardes */
	.boiteBo1, .boiteBo1bis{
	    width:23%;
	    margin:0 0 0 1%;
	    float:left;
	}
	.boiteBo1 img, .boiteBo1bis img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;   
	}
	.boiteBo2{
	    width:23%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteBo2 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;   
	}
	.boiteBo3{
	    width:23%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteBo3 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;   
	}
	.boiteBo4{
	   display:none;
	}
	.boiteBo5{
	    display:none;
	}
	.boiteBo6{
		display:block;
	    width:23%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteBo6 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;   
	}

	.lgparure{
		float:left;
		width:97%;
		margin:0 0 0 1.5%;
		padding:0;
	}

	.boite1 h4.posicuir{
		font-size: 1.2rem;
	}
	.boite1 h5{
		font-size: 1.1rem;
		line-height: 1.2rem;
		padding-top:3rem;
	}
	.boite1 h6{
		font-size: 1.1rem;
		line-height: 1.2rem;
		padding-top:3rem;
		padding-bottom:2rem;
	}

}

@media all and (min-width:900px) and (max-width:999px) {

	/* Asus LG  paysage 960px */
	
	#content li{
		font-size: 1.25rem;
		margin: 0.25rem 1rem 0.25rem 1rem;
	}
	
	#content li.georgia{
		font-size: 2.4rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 2.4rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	.init4{
		width: 80%;
		margin:0 0 1% 9.5%;
		padding:0.4%;	
	}

	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:3rem;
	}
		
	.separation2{
		display:none;
	}

	.boite2 h4{
		position: relative;
		top: 1.7rem;	
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;
	}
	.marge img{
		margin-top: -7.5%;
	}	

	.question h4{
		margin-left: 2rem;
	}

	.question2 h4{
		margin-left: 1rem;
	}

	li.hrversion{
		width:27.5%;
	}
	li.hrpanier{
		width:29.4%;
	}
	li.hrcommande{
		width:25.9%;
	}
	li.hrcompte{
		width:28.7%;
	}
	li.hrcomposant{
		width:23.4%;
	}

	li.hrnoeud{
		width:37%;
	}
	li.hrmodele{
		width:36%;
	}
	li.hrtalon{
		width:37%;
	}
	li.hrsemelle{
		width:36%;
	}
	li.hrchangement{
		width:32%;
	}
	li.hrquestion{
		width:35%;
	}
	li.hrremboursement{
		width:32%;
	}
	li.hrcoordonnees{
		width:33%;
	}
	li.hrreclamation{
		width:34%;
	}
	li.hrreparation{
		width:35%;
	}

	.noncommandable{
		width: 90%;
		margin:3% 0 3% 4%;
		padding:0 0 0 2%;
	}

	.commandable{
		width: 90%;
		margin:3% 0 3% 4%;
		padding:0 0 0 2%;
	}

	.commandablesansuser{
		width: 90%;
		margin:3% 0 3% 4%;
		padding:0 0 0 2%;
	}

	.apercu{
		width: 25%;
		margin:0 5% 3% 3%;
		float:left;
	}
	.apercu img{
		width: 100%;
		border: solid 1px #404040;
		box-shadow:none;
	}

	.version{
		width:96%;
		margin:0 0 4rem 2%;
		padding:0;
	}

	.entetebarre{
		width:98%;
		margin:1rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:45%;
		margin:0 0 0.7rem 27.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:35%;
		margin:0 0 0.8rem 32.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:25%;
		margin:0 0 0.8rem 37.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:15%;
		margin:0 0 0.8rem 42.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}

	/* Chaussures - Boots et Maroquinerie */
	.boiteCh1, .boiteCh1bis{
		display:none;
	}
	.boiteCh6{
		display:block;
	    width:21.90%;
	    margin:0 0 0 1%;
	    float:left;
	}
	.boiteCh6 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;       
	}
	.boiteCh1mob{
	    display:none;
	}
	.boiteCh2{
	    width:49.10%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteCh2 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin: 0;  
	}
	.boiteCh2mob{
	    display:none;
	}
	.boiteCh3{
	    width:23%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteCh3 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;       
	}
	.boiteCh3bas{
	    width: 100%;
	    margin:6.5% 0 0 0;
	}
	.boiteCh3bas img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin: 0;  
	}
	.boiteCh3mob{
	    display:none;
	}
	.boiteCh4{
	    display:none;
	}


	/* Bottes et cuissardes */
	.boiteBo1, .boiteBo1bis{
	    width:23%;
	    margin:0 0 0 1%;
	    float:left;
	}
	.boiteBo1 img, .boiteBo1bis img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;   
	}
	.boiteBo2{
	    width:23%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteBo2 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;   
	}
	.boiteBo3{
	    width:23%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteBo3 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;   
	}
	.boiteBo4{
	   display:none;
	}
	.boiteBo5{
	    display:none;
	}
	.boiteBo6{
		display:block;
	    width:23%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteBo6 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;   
	}

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


	.boite1 h4.posicuir{
		font-size: 1.3rem;
	}
	.boite1 h5{
		font-size: 1.1rem;
		line-height: 1.2rem;
		padding-top:4rem;
	}
	.boite1 h6{
		font-size: 1.1rem;
		line-height: 1.2rem;
		padding-top:4rem;
		padding-bottom:3rem;
	}

}

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

	/* ipad paysage 1024 px */
	
	#content li{
		font-size: 1.3rem;
		margin: 0.25rem 1rem 0.25rem 1rem;
	}
	
	#content li.georgia{
		font-size: 2.4rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 2.4rem;
		letter-spacing: 0.25rem;
		word-spacing: 0;
	}

	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:3rem;
	}
	
	.separation2{
		display:none;
	}

	.boite2 h4{
		position: relative;
		top: 1.7rem;	
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;
	}
	.marge img{
		margin-top: -7.2%;
	}
	
	.question h4{
		margin-left: 2rem;
	}

	.question2 h4{
		margin-left: 1rem;
	}

	li.hrversion{
		width:29%;
	}
	li.hrpanier{
		width:30.7%;
	}
	li.hrcommande{
		width:27.5%;
	}
	li.hrcompte{
		width:30%;
	}
	li.hrcomposant{
		width:25.1%;
	}

	li.hrnoeud{
		width:37%;
	}
	li.hrmodele{
		width:36%;
	}
	li.hrtalon{
		width:37%;
	}
	li.hrsemelle{
		width:36%;
	}
	li.hrchangement{
		width:32%;
	}
	li.hrquestion{
		width:35%;
	}
	li.hrremboursement{
		width:32%;
	}
	li.hrcoordonnees{
		width:33.5%;
	}
	li.hrreclamation{
		width:34.5%;
	}
	li.hrreparation{
		width:35%;
	}

	.noncommandable{
		width: 90%;
		margin:3% 0 3% 4%;
		padding:0 0 0 2%;
	}

	.commandable{
		width: 90%;
		margin:3% 0 3% 4%;
		padding:0 0 0 2%;
	}

	.commandablesansuser{
		width: 90%;
		margin:3% 0 3% 4%;
		padding:0 0 0 2%;
	}

	.apercu{
		width: 20%;
		margin:0 5% 3% 3%;
		float:left;
	}
	.apercu img{
		width: 100%;
		border: solid 1px #404040;
		box-shadow:none;
	}

	.version{
		width:96%;
		margin:0 0 4rem 2%;
		padding:0;
	}

	.entetebarre{
		width:98%;
		margin:1rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:31%;
		margin:0 0 0.7rem 34.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:26%;
		margin:0 0 0.8rem 37%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:21%;
		margin:0 0 0.8rem 39.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:16%;
		margin:0 0 0.8rem 42%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}

	/* Chaussures - Boots et Maroquinerie */
	.boiteCh1, .boiteCh1bis{
		display:none;
	}
	.boiteCh6{
		display:block;
	    width:21.90%;
	    margin:0 0 0 1%;
	    float:left;
	}
	.boiteCh6 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;       
	}
	.boiteCh1mob{
	    display:none;
	}
	.boiteCh2{
	    width:49.10%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteCh2 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin: 0;  
	}
	.boiteCh2mob{
	    display:none;
	}
	.boiteCh3{
	    width:23%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteCh3 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;       
	}
	.boiteCh3bas{
	    width: 100%;
	    margin:6.5% 0 0 0;
	}
	.boiteCh3bas img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin: 0;  
	}
	.boiteCh3mob{
	    display:none;
	}
	.boiteCh4{
	    display:none;
	}


	/* Bottes et cuissardes */
	.boiteBo1, .boiteBo1bis{
	    width:23%;
	    margin:0 0 0 1%;
	    float:left;
	}
	.boiteBo1 img, .boiteBo1bis img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;   
	}
	.boiteBo2{
	    width:23%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteBo2 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;   
	}
	.boiteBo3{
	    width:23%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteBo3 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;   
	}
	.boiteBo4{
	   display:none;
	}
	.boiteBo5{
	    display:none;
	}
	.boiteBo6{
		display:block;
	    width:23%;
	    margin:0 0 0 2%;
	    float:left;
	}
	.boiteBo6 img{
	    width: 100%;
	    border:1px solid rgba(128,128,128,1);       
	    margin:0;   
	}

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


	.boite1 h4.posicuir{
		font-size: 1.3rem;
	}
	.boite1 h5{
		font-size: 1.1rem;
		line-height: 1.2rem;
		padding-top:4rem;
	}
	.boite1 h6{
		font-size: 1.1rem;
		line-height: 1.2rem;
		padding-top:4rem;
		padding-bottom:3rem;
	}
	
}

/* Ordinateurs */

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

	
	#content li{
		font-size: 1.3rem;
		margin: 0.25rem 1rem 0.25rem 1rem;
	}
	
	#content li.georgia{
		font-size: 2.5rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 2.5rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:3.5rem;
	}
	
	.separation2{
		display:none;
	}

	.boite2 h4{
		position: relative;
		top: 1.7rem;	
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;
	}
	.marge img{
		margin-top: -7.2%;
	}

	.boiteCh3mob{
		display:none;
	}
	.boiteBo3mob{
		display:none;
	}
	
	.question2 h4{
		margin-left: 1rem;
	}

	ul.lihr{
		margin:0.5rem 0 -0.5rem 0;
	}
	li.hrversion{
		width:28.8%;
	}
	li.hrpanier{
		width:30.7%;
	}
	li.hrcommande{
		width:27.5%;
	}
	li.hrcompte{
		width:30%;
	}
	li.hrcomposant{
		width:24.8%;
	}

	li.hrnoeud{
		width:39.5%;
	}
	li.hrmodele{
		width:39%;
	}
	li.hrtalon{
		width:40%;
	}
	li.hrsemelle{
		width:39%;
	}
	li.hrchangement{
		width:35.5%;
	}
	li.hrquestion{
		width:38%;
	}
	li.hrremboursement{
		width:35%;
	}
	li.hrcoordonnees{
		width:36%;
	}
	li.hrreclamation{
		width:37%;
	}
	li.hrreparation{
		width:38%;
	}

	.entetebarre{
		width:98%;
		margin:1rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:31%;
		margin:0 0 0.7rem 34.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:26%;
		margin:0 0 0.8rem 37%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:21%;
		margin:0 0 0.8rem 39.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:16%;
		margin:0 0 0.8rem 42%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}

	.boite1 h4.posicuir{
		font-size: 1.4rem;
	}
	.boite1 h5{
		font-size: 1.2rem;
		line-height: 1.3rem;
		padding-top:4rem;
	}
	.boite1 h6{
		font-size: 1.2rem;
		line-height: 1.3rem;
		padding-top:4rem;
		padding-bottom:3rem;
	}

}

@media all and (min-width:1200px) and (max-width:1299px) {
	
	#content li{
		font-size: 1.3rem;
		margin: 0.25rem 1rem 0.25rem 1rem;
	}
	
	#content li.georgia{
		font-size: 2.7rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 2.7rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:3.5rem;
	}	
	
	.separation2{
		display:none;
	}

	.boite2 h4{
		position: relative;
		top: 1.7rem;	
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;
	}
	.marge img{
		margin-top: -6.1%;
	}

	.boiteCh3mob{
		display:none;
	}
	.boiteBo3mob{
		display:none;
	}
	
	.question2 h4{
		margin-left: 1rem;
	}

	ul.lihr{
		margin:0.5rem 0 -0.5rem 0;
	}
	li.hrversion{
		width:29.8%;
	}
	li.hrpanier{
		width:31.7%;
	}
	li.hrcommande{
		width:28.5%;
	}
	li.hrcompte{
		width:31%;
	}
	li.hrcomposant{
		width:26%;
	}

	li.hrnoeud{
		width:40.5%;
	}
	li.hrmodele{
		width:40%;
	}
	li.hrtalon{
		width:40.5%;
	}
	li.hrsemelle{
		width:39.5%;
	}
	li.hrchangement{
		width:37.5%;
	}
	li.hrquestion{
		width:39%;
	}
	li.hrremboursement{
		width:36.3%;
	}
	li.hrcoordonnees{
		width:37.3%;
	}
	li.hrreclamation{
		width:38.5%;
	}
	li.hrreparation{
		width:39%;
	}

	.entetebarre{
		width:98%;
		margin:1rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:29%;
		margin:0 0 0.7rem 35.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:24%;
		margin:0 0 0.8rem 38%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:19%;
		margin:0 0 0.8rem 40.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:14%;
		margin:0 0 0.8rem 43%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}

	.boite1 h4.posicuir{
		font-size: 1.4rem;
	}
	.boite1 h5{
		font-size: 1.2rem;
		line-height: 1.3rem;
		padding-top:4rem;
	}
	.boite1 h6{
		font-size: 1.2rem;
		line-height: 1.3rem;
		padding-top:4rem;
		padding-bottom:3rem;
	}
	
}

@media all and (min-width:1300px) and (max-width:1399px) {
	
	#content li{
		font-size: 1.4rem;
		margin: 0.25rem 1rem 0.25rem 1rem;
	}
	
	#content li.georgia{
		font-size: 3rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}
	#content h2.georgia{
		font-size: 3rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:4rem;
	}
	
	.separation2{
		display:none;
	}

	.boite2 h4{
		position: relative;
		top: 2rem;	
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;
	}
	.marge img{
		margin-top: -5.5%;
	}

	.boiteCh3mob{
		display:none;
	}
	.boiteBo3mob{
		display:none;
	}

	.question2 h4{
		margin-left: 2rem;
	}

	ul.lihr{
		margin:0.5rem 0 -0.5rem 0;
	}

	li.hrcomposant{ 
		width:27.4%;
	}
	li.hrcommande{
		width:29.7%;
	}
	li.hrversion{
		width:31%;
	}
	li.hrcompte{ 
		width:32%;
	}
	li.hrpanier{ 
		width:32.8%;
	}

	
	li.hrcuissarde{ 
		width:32.1%;
	}
	li.hrbotte{ 
		width:33.8%;
	}
	li.hrremboursement{ 
		width:37.5%;
	}
	li.hrchangement{ 
		width:38.3%;
	}
	li.hrcoordonnees{ 
		width:38.5%;
	}
	li.hrreclamation{ 
		width:39.5%;
	}
	li.hrsemelle{ 
		width:40%;
	}
	li.hrquestion{
		width:40%;
	}
	li.hrreparation{  
		width:40%;
	}
	li.hrmodele{ 
		width:40.5%;
	}
	li.hrnoeud{ 
		width:41%;
	}
	li.hrtalon{ 
		width:41.2%;
	}

	.entetebarre{
		width:98%;
		margin:1rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:27%;
		margin:0 0 0.7rem 36.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:22%;
		margin:0 0 0.8rem 39%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:17%;
		margin:0 0 0.8rem 41.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:12%;
		margin:0 0 0.8rem 44%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}

}

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


	#content li{
		font-size: 1.5rem;
		margin: 0.25rem 1rem 0.25rem 1rem;
	}
	
	#content li.georgia{
		font-size: 3rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 3rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:4rem;
	}

	.separation2{
		display:none;
	}

	.boite2 h4{
		position: relative;
		top: 2rem;	
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;
	}
	.marge img{
		margin-top: -5.5%;
	}

	.boiteCh3mob{
		display:none;
	}
	.boiteBo3mob{
		display:none;
	}

	.question2 h4{
		margin-left: 2rem;
	}

	ul.lihr{
		margin:0.5rem 0 -0.5rem 0;
	}
	li.hrversion{
		width:31%;
	}
	li.hrpanier{
		width:32.8%;
	}
	li.hrcommande{
		width:29.7%;
	}
	li.hrcompte{
		width:32%;
	}
	li.hrcomposant{
		width:27.4%;
	}

	li.hrnoeud{
		width:41%;
	}
	li.hrmodele{
		width:40.5%;
	}
	li.hrtalon{
		width:41.2%;
	}
	li.hrsemelle{
		width:40%;
	}
	li.hrchangement{
		width:38.3%;
	}
	li.hrquestion{
		width:40%;
	}
	li.hrremboursement{
		width:37.5%;
	}
	li.hrcoordonnees{
		width:38.5%;
	}
	li.hrreclamation{
		width:39.5%;
	}
	li.hrreparation{
		width:40%;
	}

	.entetebarre{
		width:98%;
		margin:1rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:27%;
		margin:0 0 0.7rem 36.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:22%;
		margin:0 0 0.8rem 39%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:17%;
		margin:0 0 0.8rem 41.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:12%;
		margin:0 0 0.8rem 44%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}

}

@media all and (min-width:1500px) and (max-width:1599px) {
	
	#content li{
		font-size: 1.5rem;
		margin: 0.25rem 1rem 0.25rem 1rem;
	}
	
	#content li.georgia{
		font-size: 3.5rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 3.5rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:4rem;
	}
	
	.separation2{
		display:none;
	}
	
	.boite2 h4{
		position: relative;
		top: 2rem;	
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;
	}
	.marge img{
		margin-top: -5.5%;
	}

	.boiteCh3mob{
		display:none;
	}
	.boiteBo3mob{
		display:none;
	}

	ul.lihr{
		margin:0.5rem 0 -0.5rem 0;
	}
	li.hrversion{
		width:31%;
	}
	li.hrpanier{
		width:32.8%;
	}
	li.hrcommande{
		width:29.7%;
	}
	li.hrcompte{
		width:32%;
	}
	li.hrcomposant{
		width:27.4%;
	}

	li.hrnoeud{
		width:41%;
	}
	li.hrmodele{
		width:40.5%;
	}
	li.hrtalon{
		width:41.2%;
	}
	li.hrsemelle{
		width:40%;
	}
	li.hrchangement{
		width:38.3%;
	}
	li.hrquestion{
		width:40%;
	}
	li.hrremboursement{
		width:37.5%;
	}
	li.hrcoordonnees{
		width:38.5%;
	}
	li.hrreclamation{
		width:39.5%;
	}
	li.hrreparation{
		width:40%;
	}

	.entetebarre{
		width:98%;
		margin:1rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:27%;
		margin:0 0 0.7rem 36.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:22%;
		margin:0 0 0.8rem 39%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:17%;
		margin:0 0 0.8rem 41.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:12%;
		margin:0 0 0.8rem 44%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}
	
}

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

	
	#content li{
		font-size: 1.5rem;
		margin: 0.25rem 1rem 0.25rem 1rem;
	}
	
	
	#content li.georgia{
		font-size: 3.5rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 3.5rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:4.5rem;
	}

	.separation2{
		display:none;
	}

	.boite2 h4{
		position: relative;
		top: 2rem;	
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;
	}
	.marge img{
		margin-top: -4.8%;
	}

	.boiteCh3mob{
		display:none;
	}
	.boiteBo3mob{
		display:none;
	}

	ul.lihr{
		margin:0.5rem 0 -0.5rem 0;
	}
	li.hrversion{
		width:32%;
	}
	li.hrpanier{
		width:33.7%;
	}
	li.hrcommande{
		width:30.5%;
	}
	li.hrcompte{
		width:33%;
	}
	li.hrcomposant{
		width:28.4%;
	}

	li.hrnoeud{
		width:41%;
	}
	li.hrmodele{
		width:40.5%;
	}
	li.hrtalon{
		width:41.2%;
	}
	li.hrsemelle{
		width:40%;
	}
	li.hrchangement{
		width:38.3%;
	}
	li.hrquestion{
		width:40%;
	}
	li.hrremboursement{
		width:37.5%;
	}
	li.hrcoordonnees{
		width:38.5%;
	}
	li.hrreclamation{
		width:39.5%;
	}
	li.hrreparation{
		width:40%;
	}

	.entetebarre{
		width:98%;
		margin:1rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:27%;
		margin:0 0 0.7rem 36.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:22%;
		margin:0 0 0.8rem 39%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:17%;
		margin:0 0 0.8rem 41.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:12%;
		margin:0 0 0.8rem 44%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}

}

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

	
	#content li{
		font-size: 1.5rem;
		margin: 0.25rem 1rem 0.25rem 1rem;
	}
	
	#content li.georgia{
		font-size: 3.5rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 3.5rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:4.5rem;
	}
	
	.separation2{
		display:none;
	}

	.boite2 h4{
		position: relative;
		top: 2rem;	
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;
	}
	.marge img{
		margin-top: -4.6%;
	}

	.boiteCh3mob{
		display:none;
	}
	.boiteBo3mob{
		display:none;
	}

	ul.lihr{
		margin:0.5rem 0 -0.5rem 0;
	}
	li.hrversion{
		width:33%;
	}
	li.hrpanier{
		width:34.7%;
	}
	li.hrcommande{
		width:31.5%;
	}
	li.hrcompte{
		width:34%;
	}
	li.hrcomposant{
		width:29.4%;
	}

	li.hrnoeud{
		width:41%;
	}
	li.hrmodele{
		width:40.5%;
	}
	li.hrtalon{
		width:41.2%;
	}
	li.hrsemelle{
		width:40%;
	}
	li.hrchangement{
		width:38.3%;
	}
	li.hrquestion{
		width:40%;
	}
	li.hrremboursement{
		width:38%;
	}
	li.hrcoordonnees{
		width:38.5%;
	}
	li.hrreclamation{
		width:39.5%;
	}
	li.hrreparation{
		width:40%;
	}

	.entetebarre{
		width:98%;
		margin:1rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:27%;
		margin:0 0 0.7rem 36.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:22%;
		margin:0 0 0.8rem 39%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:17%;
		margin:0 0 0.8rem 41.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:12%;
		margin:0 0 0.8rem 44%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}
	
}

@media all and (min-width:1800px) {
	
	#content li{
		font-size: 1.5rem;
		margin: 0.25rem 1rem 0.25rem 1rem;
	}
	
	#content li.georgia{
		font-size: 3.5rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	#content h2.georgia{
		font-size: 3.5rem;
		letter-spacing: 0.4rem;
		word-spacing: 0;
	}

	.separationbotte{
		float:left;
		width:75%;
		padding-bottom:4.5rem;
	}
	
	.separation2{
		display:none;
	}

	.boite2 h4{
		position: relative;
		top: 2rem;	
	}
	.boite2 img{
		width: 100%;
		margin-top: 0;
	}
	.marge img{
		margin-top: -4.3%;
	}

	.boiteCh3mob{
		display:none;
	}
	.boiteBo3mob{
		display:none;
	}

	ul.lihr{
		margin:0.5rem 0 -0.5rem 0;
	}
	li.hrversion{
		width:34%;
	}
	li.hrpanier{
		width:35.7%;
	}
	li.hrcommande{
		width:32.5%;
	}
	li.hrcompte{
		width:35%;
	}
	li.hrcomposant{
		width:30.4%;
	}
	
	li.hrnoeud{
		width:41%;
	}
	li.hrmodele{
		width:40.5%;
	}
	li.hrtalon{
		width:41.2%;
	}
	li.hrsemelle{
		width:40%;
	}
	li.hrchangement{
		width:38.3%;
	}
	li.hrquestion{
		width:40%;
	}
	li.hrremboursement{
		width:38%;
	}
	li.hrcoordonnees{
		width:38.5%;
	}
	li.hrreclamation{
		width:39.5%;
	}
	li.hrreparation{
		width:40%;
	}

	.entetebarre{
		width:98%;
		margin:1rem 0 0 1%;
		padding:0.1rem 0 0.1rem 0;
	}

	.boitelien0{
		float:left;
		width:27%;
		margin:0 0 1rem 36.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1{
		float:left;
		width:22%;
		margin:0 0 1rem 39%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien2{
		float:left;
		width:17%;
		margin:0 0 1rem 41.5%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien3{
		float:left;
		width:12%;
		margin:0 0 1rem 44%;
		padding:0;
		border-radius: 25px;
		border: 1px solid #404040;
	}
	.boitelien1 h3, .boitelien2 h3, .boitelien3 h3{
		line-height: 1.6rem;
		margin:0.2rem 0 0.3rem 0;
		text-align: center;
	}

}


/* AFFICHAGE MOBILE SANS CADRE (360) => Non utilisé*/
/* Modèles uniques */
.persomobimgL{
	float:left;
	width:70%;
	margin:0 0 0 15%;
	padding:0;
}
.persomobimgL img{
	float:left;
	width:100%;
}

.persomobimgH{
	float:left;
	width:70%;
	margin:0 0 0 15%;
	padding:0;
}
.persomobimgH img{
	float:left;
	width:100%;
}
/* ENSEMBLES avec chaussures */
/* Deux articles en colonne */
.persoparuremobCHimgL2A{ /* Chaussures */
	float:left;
	width:70%;
	margin:0 0 0 15%;
	padding:0;
}
.persoparuremobCHimgL2Abis{
	float:left;
	width:70%;
	margin:0 0 0 15%;
	padding:0;
}
.persoparuremobCHimgL2B{ /* Sac */
	float:left;
	width:70%;
	margin:0 0 0 15%;
	padding:0;
}
.persoparuremobCHimgL2Bbis{ /* Pochette */
	float:left;
	width:60%;
	margin:0 0 0 20%;
	padding:0;
}
.persoparuremobCHimgL2C{ /* Ceinture */
	float:left;
	width:34%;
	margin:0 0 0 33%;
	padding:0;
}
.persoparuremobCHimgL2Cbis{ 
	float:left;
	width:34%;
	margin:0 0 0 33%;
	padding:0;
}
/* Trois articles : Deux en ligne et un au dessus */
.persoparuremobCHimgL3A{ /* Chaussures */
	float:left;
	width:70%;
	margin:0 0 0 15%;
	padding:0;
}
.persoparuremobCHimgL3Abis{ 
	float:left;
	width:70%;
	margin:0 0 0 15%;
	padding:0;
}
.persoparuremobCHimgL3B{ /* Sac */
	float:left;
	width:70%;
	margin:0 0 0 15%;
	padding:0;
}
.persoparuremobCHimgL3Bbis{ /* Pochette */
	float:left;
	width:60%;
	margin:0 0 0 20%;
	padding:0;
}
.persoparuremobCHimgL3C{ /* Ceinture au dessus */
	float:left;
	width:34%;
	margin:0 0 0 33%;
	padding:0;
}
.persoparuremobCHimgL3Cbis{ 
	float:left;
	width:34%;
	margin:0 0 0 33%;
	padding:0;
}
	
.persoparuremobCHimgL2A img, .persoparuremobCHimgL2Abis img, .persoparuremobCHimgL2B img, .persoparuremobCHimgL2Bbis img, 
.persoparuremobCHimgL2C img, .persoparuremobCHimgL2Cbis img, .persoparuremobCHimgL3A img, .persoparuremobCHimgL3Abis img, 
.persoparuremobCHimgL3B img, .persoparuremobCHimgL3Bbis img, .persoparuremobCHimgL3C img,  .persoparuremobCHimgL3Cbis img{
	float:left;
	width:100%;
	padding:0;
	margin:0;	
}
/* ENSEMBLES avec bottes */
/* Bottes et un ou deux articles en colonne */
.persoparuremobBTimgL2A{ /* Bottes  */
	float:left;
	width:70%;
	margin:0 0 0 15%;
	padding:0;
}
.persoparuremobBTimgL2Abis{ 
	float:left;
	width:70%;
	margin:0 0 0 15%;
	padding:0;
}
.persoparuremobBTimgL2B{ /* Sac */
	float:left;
	width:70%;
	margin:0 0 0 15%;
	padding:0;
}
.persoparuremobBTimgL2Bbis{ 
	float:left;
	width:70%;
	margin:0 0 0 15%;
	padding:0;
}
.persoparuremobBTimgL2C{ /* Pochette */
	float:left;
	width:60%;
	margin:0 0 0 20%;
	padding:0;
}
.persoparuremobBTimgL2Cbis{ 
	float:left;
	width:60%;
	margin:0 0 0 20%;
	padding:0;
}
.persoparuremobBTimgL2D{ /* Ceinture au dessus d'un sac ou d'une pochette en colonne */
	float:left;
	width:34%;
	margin:0 0 0 33%;
	padding:0;
}
.persoparuremobBTimgL2Dbis{ /* Ceinture seulle en colonne */
	float:left;
	width:34%;
	margin:0 0 0 33%;
	padding:0;
}

.persoparuremobBTimgL2A img, .persoparuremobBTimgL2Abis img, .persoparuremobBTimgL2B img, .persoparuremobBTimgL2Bbis img, .persoparuremobBTimgL2C img,
.persoparuremobBTimgL2Cbis img, .persoparuremobBTimgL2D img, .persoparuremobBTimgL2Dbis img{
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
/* AFFICHAGE ORDINATEUR SANS CADRE (810) => Non utilisé */
/* Modèles uniques */
.persoimgL1{
	float:left;
	width:40%;
	margin:0 0 0 6.66%;
	padding:0;
}
.persoimgL2{
	float:left;
	width:40%;
	margin:0 0 0 6.66%;
	padding:0;
}
.persoimgL1 img, .persoimgL2 img{
	float:left;
	width:100%;
}
.persoimgH1{
	float:left;
	width:40%;
	margin:0 0 0 6.66%;
	padding:0;
}
.persoimgH2{
	float:left;
	width:40%;
	margin:0 0 0 6.66%;
	padding:0;
}
.persoimgH1 img, .persoimgH2 img{
	float:left;
	width:100%;
}
/* ENSEMBLES avec chaussures */
/* Deux articles en ligne */
.persoparureCHimgL2A{ /* Chaussures - Sac */
	float:left;
	width:40%;
	margin:0 0 0 10%;
	padding:0;
}
.persoparureCHimgL2Abis{ /* Chaussures - Sac */
	float:left;
	width:40%;
	margin:0 0 0 0%;
	padding:0;
}
.persoparureCHimgL2B{ /* Chaussures - Pochette */
	float:left;
	width:40%;
	margin:0 0 0 13%;
	padding:0;
}
.persoparureCHimgL2Bbis{ /* Chaussures - Pochette */
	float:left;
	width:34%;
	margin:5% 0 0 0%;
	padding:0;
}
.persoparureCHimgL2C{ /* Chaussures - Ceinture */
	float:left;
	width:40%;
	margin:0 0 0 17%;
	padding:0;
}
.persoparureCHimgL2Cbis{ /* Chaussures - Ceinture */
	float:left;
	width:22%;
	margin:7% 0 0 5%;
	padding:0;
}
.persoparureCHimgL2D{ /* Sac - Ceinture */
	float:left;
	width:40%;
	margin:0 0 0 16.5%;
	padding:0;
}
.persoparureCHimgL2Dbis{ /* Sac - Ceinture */
	float:left;
	width:22%;
	margin:7% 0 0 5%;
	padding:0;
}
.persoparureCHimgL2E{ /* Pochette - Ceinture */
	float:left;
	width:34%;
	margin:0 0 0 19.5%;
	padding:0;
}
.persoparureCHimgL2Ebis{ /* Pochette - Ceinture */
	float:left;
	width:22%;
	margin:5% 0 0 5%;
	padding:0;
}
/* Trois articles en ligne */
.persoparureCHimgL3A{ /* Chaussures - Sac - Ceinture */
	float:left;
	width:39%;
	margin:0 0 0 0;
	padding:0;
}
.persoparureCHimgL3Abis{ 
	float:left;
	width:39%;
	margin:0 0 0 0;
	padding:0;
}
.persoparureCHimgL3Ater{ 
	float:left;
	width:22%;
	margin:6% 0 0 0;
	padding:0;
}
.persoparureCHimgL3B{ /* Chaussures - Pochette - Ceinture */
	float:left;
	width:40%;
	margin:0 0 0 2%;
	padding:0;
}
.persoparureCHimgL3Bbis{ 
	float:left;
	width:34%;
	margin:0 0 0 0;
	padding:0;
}
.persoparureCHimgL3Bter{ 
	float:left;
	width:22%;
	margin:8% 0 0 0;
	padding:0;
}
	
.persoparureCHimgL2A img, .persoparureCHimgL2Abis img, 
.persoparureCHimgL2B img, .persoparureCHimgL2Bbis img, 
.persoparureCHimgL2C img, .persoparureCHimgL2Cbis img, 
.persoparureCHimgL2D img, .persoparureCHimgL2Dbis img, 
.persoparureCHimgL2E img, .persoparureCHimgL2Ebis img, 
.persoparureCHimgL3A img, .persoparureCHimgL3Abis img, .persoparureCHimgL3Ater img,
.persoparureCHimgL3B img, .persoparureCHimgL3Bbis img, .persoparureCHimgL3Bter img{
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
/* ENSEMBLES avec bottes */
/* Deux articles en ligne */
.persoparureBTimgL2A{ /* Bottes et sac / Bottes*/
	float:left;
	width:40%;
	margin:0 0 0 10%;
	padding:0;
}
.persoparureBTimgL2Abis{ /* Bottes et sac / Sac*/
	float:left;
	width:40%;
	margin:30% 0 0 0;
	padding:0;
}
.persoparureBTimgL2B{ /* Bottes et pochette / Bottes */
	float:left;
	width:40%;
	margin:0 0 0 13%;
	padding:0;
}
.persoparureBTimgL2Bbis{ /* Bottes et pochette /Pochette */
	float:left;
	width:34%;
	margin:30% 0 0 0%;
	padding:0;
}
.persoparureBTimgL2C{ /* Bottes et ceinture / Bottes */
	float:left;
	width:40%;
	margin:0 0 0 19%;
	padding:0;
}
.persoparureBTimgL2Cbis{ /* Bottes et ceinture / Ceinture */
	float:left;
	width:22%;
	margin:32% 0 0 0%;
	padding:0;
}
/* Trois articles en ligne */
.persoparureBTimgL3A{ /* Bottes - Sac - Ceinture */
	float:left;       /* Bottes */
	width:39%;
	margin:0 0 0 0;
	padding:0;
}
.persoparureBTimgL3Abis{ /* Sac */
	float:left;
	width:39%;
	margin:30% 0 0 0;
	padding:0;
}
.persoparureBTimgL3Ater{ /* Ceinnture */
	float:left;
	width:22%;
	margin:32% 0 0 0;
	padding:0;
}
.persoparureBTimgL3B{ /* Bottes - Pochette - Ceinture */
	float:left;
	width:40%;
	margin:0 0 0 2%;
	padding:0;
}
.persoparureBTimgL3Bbis{ 
	float:left;
	width:34%;
	margin:30% 0 0 0;
	padding:0;
}
.persoparureBTimgL3Bter{ 
	float:left;
	width:22%;
	margin:32% 0 0 0;
	padding:0;
}
.persoparureBTimgL2A img, .persoparureBTimgL2Abis img, 
.persoparureBTimgL2B img, .persoparureBTimgL2Bbis img, 
.persoparureBTimgL2C img, .persoparureBTimgL2Cbis img, 
.persoparureBTimgL3A img, .persoparureBTimgL3Abis img, .persoparureBTimgL3Ater img,
.persoparureBTimgL3B img, .persoparureBTimgL3Bbis img, .persoparureBTimgL3Bter img{
	float:left;
	width:100%;
	padding:0;
	margin:0;
}