/* > QUERIES
-------------------------------------------------------------------------------------------------------------------------------- */

/* ecran BIG */
@media screen and (min-width: 1200px) {

	/* > header */
	#head-top {
		height: 70px;
		padding-top: 15px;
	}
	#logo { top: 40px; }

	/* > footer */
	#qualite-footer { font-size:16px; }
	
	/* > commons */
	#head-page h1,
	.heading-mini h1,
	#presentation-content h1 { font-size:64px; }
	.list-article li.article { width:20% }
	
	/* > actualites */
	.actualite .wp50.right { padding:13% 10% 0; }
	.actualite .wp50.right h2 { margin-bottom:18%; }
	.actualite .wp50.right p { margin-bottom:18%; }
}

/* ecran WILD (pour grosse résolutions) */
@media screen and (min-width: 1600px) {
	
	/* commons */
	.content_row {
		max-width: 1440px;
	}
	.link-rounded-white, 
	.link-rounded-black {
		font-size: 15px;
		padding: 5px 15px;
	}
	p { 
		font-size: 16px;
		line-height: 24px;
	}
	.fs16 { font-size: 20px; }
	.fs14 { font-size: 16px; }
	.fs22, .fs24 { font-size: 30px; }
	
	/* --- */
	.formulaire-2 label,
	.formulaire-2 span.inline-label,
	.formulaire-1 label { font-size: 14px; }
	.formulaire-2 label.floated-label { 
		line-height: 40px;
		font-size: 14px;
	}
	.formulaire-2 label.inline-label { margin-bottom: 20px; }
	.quantite p { 
		font-size: 14px;
		line-height: 20px;
	}

	input[type='tel'], 
	input[type='text'], 
	input[type='email'], 
	input[type='password'], 
	textarea, select {
		padding: 10px 20px;
		font-size: 14px;
	}
	input[type='tel'], 
	input[type='text'], 
	input[type='email'], 
	input[type='password'], 
	select {
		height: 40px;
	}
	
	/* content */
	#head-page h1,
	.heading-mini h1,
	#presentation-content h1 { font-size: 78px; }
	#head-page p.text-center { 
		font-size: 22px;
		line-height: 1.4em;
	}
	
	/* header / menu */
	#menu { height: 100px; }
	#menu .content_row { max-width: 1640px; }
	#menu .content_row > ul > li > a {
		font-size: 16px;
		height: 100px;
		line-height: 100px;
	}
	#menu ul.sous-menu { padding: 60px 0 }
	#menu ul.sous-menu li a .link-rounded-white {
		font-size: 16px;
		padding: 10px 20px;
	}
	/* footer */
	#aside-newsletter p { font-size: 36px; }
	#qualite-footer li strong { font-size: 20px; }
	#footer h4 { font-size: 18px; line-height: 1.2em; }
	#footer p { font-size: 14px;}
	#nav-footer li { font-size: 14px; }
	
	/* accueil */
	#slider-home li .slide-text { font-size: 50px; }
	#lising-article-home {
		max-width: 1920px;
		padding: 5%;
	}
	#lising-article-home h1 { margin-bottom: 1em; }
	#aside-home { padding: 7% 3%; }
	
	/* boutique */
	#lising-article-categorie .content_row {
		max-width: 1920px;
		padding: 40px 5% 5%;
	}
	#lising-article-categorie .content_row + ._pagination { 
		margin-top: -3%;
		padding-bottom: 5%
	}
	
	.article .article-title { font-size: 16px; }
	
	/* boutique > fiche */
	#content-article-fiche {
		max-width: 1440px;
		padding: 3% 40px 5%;
	}
	#viewer-produit { width: 33.33%; }
	#article-fiche-head,
	#article-fiche-description {
		width: 66.66%;
		padding-left: 5%;
	}
	#article-fiche-head h1 {
		font-size: 30px;
		margin: 0 0 1em;
	}
	#article-fiche-head .article-prix p.left { font-size: 36px; }
	#article-fiche-description {
		font-size: 18px;
		line-height: 1.4em;
	}
	#cart-options { font-size: 14px; }
	#asd-socialnetwork { padding: 3% 0; }
	#asd-socialnetwork h2 { 
		font-size: 32px;
		margin-bottom: 20px;
	}
	#article-associes { padding: 5% 0 }
	#article-associes .content_row {
		max-width: 1920px;
		padding: 0 5%;
	}
	
	/* presentation */
	#presentation-content .content_row {
		padding: 0 0 5%;
		max-width: 1280px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	#presentation-content .content_row .wp50 { padding: 30px; }
	#presentation-content .content_row .left {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	#presentation-content .content_row .right {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	#presentation-content h2 {
		font-size: 32px;
		margin-bottom: 1em;
	}
	#presentation-content p {
		font-size: 16px;
		line-height: 1.4em;
	}
	
	/* galerie photo */
	#galerie-content,
	#presentation-content #galerie-content {
		max-width: 1920px;
		padding: 40px 10px 5%;
	}
	#galerie-content ul li {
		width: 16.66%;
	}
	
	/* contact */
	#contact-content .content_row { max-width: 1440px; }
	#form-contact { width: 66.66%; }
	#contact-boutique { width: 33.33%; }
	#contact-boutique h2 { 
		font-size: 32px;
		margin-bottom: 1.5em;
	}
	
	/* compte */
	#compte-content { padding: 60px 60px 100px; }
	#menu-compte { font-size: 15px; }
	#list_adresses,
	#pages-comptes p,
	#compte-historique-commande { font-size: 14px; }
	
	/* panier */
	#panier-content {
		padding: 20px 40px 100px;
	}
	.table {
		max-width: 1440px;
		margin: 20px auto 40px;
	}
	.table-row .table-cell { padding: 20px; }
	#table-panier .article-title { font-size: 18px; }
	#table-panier .article-info span { font-size: 14px; }
	#total-commande h4 { font-size: 18px; }
	#field-livraison .livraison-moyen { 
		font-size: 16px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#field-livraison .livraison-moyen em.fc-gris {
		font-size: 13px;
		line-height: 1.4em;
	}
	#total-ttc .left { font-size: 16px; }
	#total-ttc .left strong { font-size: 24px; }
	#total-ttc .article-prix { 
		font-size: 36px;
		line-height: 1.2em;
	}
	#panier_paiement { max-width: 1280px }
}


/* ecran standard */
@media screen and (max-width: 1200px) {
	
	/* > slider */
	#slider-home li .slide-text { font-size:30px; }
	
	/* panier > panier */
	#form-valid, #promo-info-commande { padding:0 20px; }
}

/* tablette horizontale 1024px */
@media screen and (max-width: 990px) {
	/* fiche */
	#asd-socialnetwork { background-size:120% auto; }
	/* > actualites */
	.actualite .wp50.right { padding:20px; }
	.actualite .wp50.right h2 { margin-bottom:30px; font-size:16px; }
	.actualite .wp50.right p { margin-bottom:30px; font-size:12px; }
	#fiche-actualites { border:none; }
	#fiche-actualites .wp60.right { padding:0 40px; }
	/* > parrainage */
	#page_parrainage #head-page { background-size:auto 120%; }
	/* panier > panier */
	#form-valid, #promo-info-commande { padding:0 20px; }
	/* panier > coordonnees */
	.formulaire-2 label.floated-label input,
	.formulaire-2 label.floated-label select,
	.formulaire-2 label.floated-label textarea,
	.formulaire-2 span.inline-label { width:50%; }
	.formulaire-2 label.inline-label { margin-right:5px; }
	
	/* 404 */
	#page_404 #head-page { background-size:auto 120%; }
	
	/* > footer */
	#footer h4 { max-width: inherit; }
	#foot-presentation .foot-logo { margin: 0 auto 20px; }
	#foot-presentation {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: #e5e5e5 1px solid;
	}
	#nav-footer { width: 50%; padding-bottom: 40px; }
	#nav-footer, 
	#footer-openings { width: 50%; }
	#nav-footer {
		text-align: right;
	}
	#footer .wp25.adresse { 
		width: 60%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	#footer .wp25.adresse h4 { width: 100%; }
	#footer .wp25.adresse p { width: 50%; }
}

/* tablette horizontale < 1024 */
@media screen and (max-width: 920px) {
	.list-article li.article { width:33.3333333% }
	#submit-actions {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#submit-actions .label-captcha {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		margin: 0 0 20px 0;
	}
	#submit-actions .privacy-checkbox { width: 100%; }
}

/* tablette verticale */
@media screen and (max-width: 840px) {
	
	/* header */
	#menu .content_row > ul > li > a { font-size: 12px; }
		
	/* accueil */
	#aside-home .wp33 { width:25%; margin:9% 0 }
	#aside-home #encart-facebook { width:50%; margin:0 }
		
	/* fiche article */
	#article-fiche-head .article-prix p { clear:both; width:100%; text-align:center }
	#article-fiche-description {
		clear:both; float:none;
		width:100%; padding:20px 20px 40px;
	}
	#cart-options select { width: 100%; }
	#cart-options .quantite { width:19%; }
	#cart-options .list-options.opt-taille { width:29%; }
	#cart-options .list-options.opt-couleur { width:44%; }
	#cart-options .link-panier {
		clear:both;	display:block;
		margin:0 20px 0 0; text-align:center;
	}
	
	/* presentation */
	#presentation-content .wp50 { padding:20px; }

	/* fiche produit */
	#content-article-fiche {
		width: 100%; 
		float: none;
		display: flex;
		flex-wrap: wrap;
		over
		padding: 20px 20px 0;
	}
	#content-article-fiche * {
		box-sizing: border-box;
	}
	
	/* > presse */
	#presse-content li { width: 33.33%; }
	#presse-content li:nth-child(4n+1) { clear: none; }
	#presse-content li:nth-child(3n+1) { clear: left; }
	
	/* panier > panier */
	#promo-info-commande > .wp33.left { width:45%; }
	#promo-info-commande > .wp40.right { width:55%; padding-left:5%; }

	/* panier > paiement */
	#list-paiement li.wp33 { width: 50%; }

		/* compte > commun */
	#pages-comptes { width:100%; overflow:hidden }
	#menu-compte { 
		width:100%; height:40px;
		float:none; overflow-y:hidden;
		-webkit-transition:height .3s linear;
		-o-transition:height .3s linear;
		transition:height .3s linear;
	}
	#menu-compte ul { margin-top:0; }
	#alt-menu-compte { display:block; }
	#alt-menu-compte.open { background-image:url(../images/common/arrow_small_black_up.png); }
	#menu-compte.open { height:auto; }
	#menu-compte li { padding-right:0; }
	#menu-compte li a, #menu-compte li a:hover { text-align:center; background-image:none }
	#compte-content { width:100%; float:none; }

}

/* tablette verticale */
@media screen and (max-width: 750px) {
	
	/* activation Navigation ALTERNATIVE */
	#logo { position:relative; top:auto }
	#logo img { margin:0 auto 20px; }
	#alt-nav { display:block; }
	
	#menu {
		position:fixed; right:-270px; top:0; 
		z-index:5; height:100%; width:250px;
		background:#fff; margin:0;
		-webkit-box-shadow:#000 5px 0 10px 5px;
		-ms-box-shadow:#000 5px 0 10px 5px;
		-o-box-shadow:#000 5px 0 10px 5px;
		box-shadow:#000 5px 0 10px 5px;
	}
	#menu .content_row { padding:10px 20px; overflow:auto; }
	#menu .content_row > ul { 
		display:block;
		padding: 0;
	}
	#menu .content_row > ul > li { display:block; float:none; width:auto; }
	#menu .content_row > ul > li { border-bottom:#e1e1e1 1px solid; }
	#menu .content_row > ul > li a {
		height:auto;
		font-size: 14px;
		line-height:13px;
		border-left:none; border-right:none; 
		padding:15px 5px; text-align:left;
	}
	#menu .content_row > ul > li.first-item > a { background:url(../images/header/menu_2.gif) right no-repeat; }
	#menu .content_row > ul > li.first-item.opened > a { background-image:url(../images/header/menu_3.gif); }
	#menu .content_row  > ul > li.first-item:hover > a span.arrow-sousmenu { display:none; }
	#menu ul.sous-menu {
		position:static; padding-top:10px;
		background-image:none;
		-webkit-box-shadow:none;
		-ms-box-shadow:none;
		-o-box-shadow:none;
		box-shadow:none;
	}
	#menu ul.sous-menu li a {
		font-size:12px;
		padding:5px 0;
		display:block; 
		width:auto;
	}
	#menu ul.sous-menu li a .link-rounded-white { padding:5px; line-height:16px; }
	#menu ul.sous-menu li a .link-rounded-white em { font-size:12px; }
	#menu ul.sous-menu li.alt-item { display:block; margin-top:10px }
	#menu ul.sous-menu li.alt-item a { text-align:center; font-weight:600; color:#fff; }
	#menu ul.sous-menu li.alt-item a:hover { color:#000; }
	
	/* footer */
	#footer .content_row { padding:10px 0; }
	#nav-footer,
	#footer-openings { 
		width: 100%;
		padding-bottom:20px;
		text-align: center;
	}
	#footer .wp25.left { width:30%; }
	#footer .wp25.right {
		border-top:#e5e5e5 1px solid;
		padding:20px 0 0; text-align:center;
		clear:both; width:100%; float:none;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#footer .wp25.right h4, 
	#footer .wp25.right ul { float:none; max-width:inherit; }
	#qualite-footer {
		flex-wrap: wrap;
	}
	#qualite-footer li { 
		width: 50%;
		margin: 8px 0;
	}

	#nav-footer .wp50 { padding:0 0 0 20px; }
	#nav-footer #foot-presentation { background:none; padding:0 20px 0 0; text-align:right; }
	
	/* communs */
	#head-page, 
	#head-page.bg-1,
	#head-page.bg-3 { 
		padding: 4% 20px;
	}
	#head-page h1, 
	.heading-mini h1,
	#presentation-content h1 { font-size:52px; }
	#head-page h1 span { line-height:50px; margin-top:-30px; }
	
	/* > accueil */
	#lising-article-home, #aside-newsletter { padding:30px 0; }
	#aside-newsletter .wp40 { width:30%; font-size:16px; }
	#aside-newsletter form { width:40%; }
	
	/* > slider */
	#slider-home li .slide-text { font-size:24px; }
	#slider-home .slide-titre { font-size:1.2em; }
	#slider-home .button-blue {
		height:30px; 
		line-height:30px;
		padding:0 15px;
	}
	
	/* fiche */
	#asd-socialnetwork { background-size:160% auto; }
	
	/* > actualites */
	.actualite .wp50.right { padding:10px 20px; }
	.actualite .wp50.right h2 { margin-bottom:20px; font-size:14px; }
	.actualite .wp50.right p { margin-bottom:10px; }
	
	/* > parrainage */
	#page_parrainage #head-page { padding-top:20px }
	
	/* panier > coordonnee */
	#coordonnees-content .content_row > .wp50,
	#coordonnees-content .content_row > .wp50 { padding:0 0 20px; float:none; width:auto }
	
	/* panier > paiement */
	#list-paiement li { padding:10px; }
	
	/* compte > accueil */
	#compte-historique-commande li > span { width:90%; }
	#compte-historique-commande .link-black.smaller {
		width:20px; height:20px; padding:0; content:""; text-indent:9999px;
		vertical-align:middle;
	}
	a.smaller.alt-bt-ico { width:20px; height:20px; padding:0; overflow:hidden; }
	a.smaller.alt-bt-ico .bt-text { display:none; }
	a.smaller.alt-bt-ico img.bt-ico { display:block; }
	/*a.smaller.alt-bt-ico:hover img.bt-ico,
	a.smaller.alt-bt-ico:active img.bt-ico { margin-top:-20px; }*/
	#list_adresses .icon-cell { width:80px; }
	
}



@media screen and (max-width: 640px) {
	#breadcrumb,
	#panier-tunnel { display:none; }
	.list-article li.article { width:50% }
	
	/* accueil */

	
	/* fiche article */
	#viewer-produit {
		position:relative;
		float:none; width:100%; max-width:330px;
		margin:0 auto 60px; padding:30px 20px;
	}
	#viewer-produit .flex-viewport { width:100%; }
	#viewer-produit .flex-control-nav {
		bottom:-60px; top:auto; left:0;
		width:100%; height:auto; text-align:center;
	}
	#viewer-produit .flex-control-nav li { display:inline; }
	#viewer-produit .flex-control-nav li img { display:inline-block; width:50px; margin:0 5px; }
	#viewer-produit .flex-control-nav li img.flex-active, 
	#viewer-produit .flex-control-nav li img:hover { width:50px; margin:-1px 4px; }
	#article-fiche-head { width:auto; float:none; padding:20px 20px 0; }
	#article-fiche-head h1 { text-align:center }
	#cart-options .quantite,
	#cart-options .list-options.opt-taille,
	#cart-options .list-options.opt-couleur { margin-top:10px; width:100%; padding:0; float:none }
	#cart-options .link-panier {
		margin: 10px 0 0;
		width:100%; float:none;
		-webkit-box-sizing:border-box;
		-0-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	/* > actualites */
	.actualite { width:100%; margin:0; padding:20px;
		float:none; 
		border:none; border-bottom:#ededed 1px solid; 
	}
	.actualite .wp50.left { width:30%; }
	.actualite .wp50.right { width:70%;  }
	#fiche-actualites { border:none; }
	#fiche-actualites .wp40.left { padding:20px; }
	#fiche-actualites .wp60.right { 
		padding:20px; 
		width:100%; float:none; 
	}
	
	/* > parrainage */
	.formulaire-1 fieldset.wp33,
	#form-parrainage fieldset { float:none; width:100%; padding:0; }
	#page_parrainage #head-page { padding:20px 0 0; background-size:auto 100%; }
	#offre-parrainage { 
		float:none; margin:20px 0 0;
		width:100%; padding:0;
		background:#fff;
	}
	#offre-parrain, #offre-filleul {
		margin:0; border:none;
		border-radius:0; width:50%; height:130px;
	}
	/*.parrainage-offre:before { padding:0; }*/
	.parrainage-offre .parrainage-offre-content { 
		width:80%; padding:10%;
	}
	
	/* presentation */
	#presentation-content .wp50 { padding-top:0; float:none; width:100%; }
	
	/* > presse */
	#presse-content li { width: 50%; }
	#presse-content li:nth-child(3n+1) { clear: none; }
	#presse-content li:nth-child(2n+1) { clear: left; }
	
	/* panier > panier */
	#panier-content { padding:10px 0 30px; }
	#field-livraison label.wp50,
	#field-livraison h4 { width:100%; float:none; padding:0 0 15px; margin:0; }
	#promo-info-commande > .wp33.left { width:100%; }
	#promo-info-commande > .wp40.right { width:100%; padding:20px 0; }
	/* panier > coordonnee */
	#coordonnees-content, #confirmation-content  { padding:20px; }
	
	/* panier > recapitulatif */
	#recapitulatif-content { padding-top:20px; }
	#recapitulatif-content .info-recapitulatif { 
		font-size:14px;
		margin:0 auto 20px; padding:20px;
		border:#e3e0de 1px solid;
	}
	#recapitulatif-content .table-legend { display:none; }
	#recapitulatif-content #table-panier .table-cell { display:block; }
	#recapitulatif-content .wp40.right { width:100%; padding:20px 0; }
	#recapitulatif-content #table-panier .table-cell.article-info { width:100%; border:none; }
	#recapitulatif-content #table-panier .article-prix,
	#recapitulatif-content #table-panier .quantite { 
		background:#f6f6f6; height:60px; line-height:40px;
		width:33.3333%; float:left; min-width:inherit;
	}
	#recapitulatif-content #table-panier .article-prix .prix-barre { line-height:normal; margin-bottom:-15px; }
	
	/* contact */
	#form-contact,
	#contact-boutique {
		width: auto;
		background: none;
		max-width: 540px;
		margin: 0 auto;
		padding: 20px;
		float: none;
	}
	#contact-boutique {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
	}
	#contact-boutique h2 { width: 100% }
	#contact-boutique p { max-width: 240px; padding: 0 20px 20px; }
	
	/* mentions legales */
	#mentionslegales-content .wp33, 
	#mentionslegales-content .wp66 { width:100%; float:none; padding:10px 0; }
	
	/* 404 */
	#page_404 #head-page p { display:none; }
	#page_404 #head-page a.margb50 { margin-bottom:10px; font-size:16px; line-height:30px; height:30px; }
	
	/* footer */
	#footer { padding-top:0; }
	#footer .content_row { padding:20px 0; }
	#footer h4 { max-width:inherit; }
	#footer p { line-height:12px; margin:10px auto; }
	#footer .wp25 { text-align:center; border-top:#e5e5e5 1px solid; }
	#footer .wp25.left { clear:both; padding:20px; float:none; width:auto; }
	#footer .wp25.right h4, 
	#footer .wp25.right ul { float:none; max-width:inherit; }
	#nav-footer { width:100%; padding:0 20px 20px; }

}

/* smartphone horiz BIG */
@media screen and (max-width: 540px) {
	
	/* header */
	#logo img { width:200px; }
	#header #lang { width:30%; }
	#header-panier { margin-top:10px; width:70%; padding-right:5px }
	#header-panier img { display:none; }
	
	/* accueil */
	#slider-home li .layer-slide { width:100%; background-size:90% auto; background-position:center }
	#slider-home .flex-control-nav { bottom:0; }

	/* panier > panier */
	.table-legend {  display:none; }
	#table-panier .table-cell { display:block; }
	#table-panier .table-cell.article-info { width:100%; border:none; }
	#table-panier .article-prix,
	#table-panier .quantite { 
		background:#f6f6f6; height:60px; line-height:40px;
		width:30%; float:left; min-width:inherit;
	}
	#table-panier .article-prix .prix-barre { line-height:normal; margin-bottom:-15px; }
	#table-panier .icon-cell { 
		background:#f6f6f6; text-align:right;
		width:10%; float:left; height:60px; 
	}
	#table-panier .icon-cell > a { margin:9px 0; }
	/* fancy detatil commande */
	#fancy-details-commande #table-panier .article-prix,
	#fancy-ajout-panier #table-panier .article-prix { 
		background:#f6f6f6; height:60px; line-height:40px;
		width:40%; float:left; min-width:inherit; font-size:14px;
	}
	#fancy-details-commande  #table-panier .quantite,
	#fancy-ajout-panier #table-panier .quantite { 
		background:#f6f6f6; height:60px; line-height:40px;
		width:20%; float:left; min-width:inherit; font-size:12px;
	}
	
	#form-valid .button { display:none; }
	#form-valid .submit { display:block; float:none; }
	
	/* panier > coordonnee */
	.formulaire-2 label.floated-label { line-height:normal; padding:15px 0 0; margin:0; }
	.formulaire-2 label.floated-label input,
	.formulaire-2 label.floated-label select,
	.formulaire-2 label.floated-label textarea { width:100%; float:none; margin-top:5px; }
	.formulaire-2 span.inline-label { display:block; width:100%; margin:20px 0 5px; }
	#panier_compte .submit { 
		display:block; float:none;
		margin-top:20px; padding:0 20px; text-align:center;
	}
	#login_coordonnee { padding:20px; }
	#login_coordonnee > a,
	#login_coordonnee .submit { 
		display:block; float:none;
		margin-top:20px; text-align:center;
	}
	
	/* panier > mdp */
	#page_compte-mdp label.floated-label #login { width:100%; }
	#page_compte-mdp #submit_identification { width:100%;  max-width:220px; }
	
	/* panier > paiement */
	#list-paiement li { width:auto; padding:10px 0; float:none; }
	#list-paiement li.wp33,
	#list-paiement li.wp50 { width: 100%; }
	#list-paiement a { padding:20px; height:auto }
	
	/* compte */
	#pages-comptes .formulaire-2 input.submit.right { display:block; margin:10px auto; float:none }
	#pages-comptes a.left.button { display:block; float:none; text-align:center; margin:10px 0; }
	fieldset legend em { display:block; padding:5px 0; }
	#page_compte-adresses #list_adresses { border-top: 1px solid #e9e6e5; }
	#page_compte-adresses #list_adresses .table-cell { 
		display:block; 
		padding:0 0 20px 0;
		width:70%; height:80px; float:left;
	}
	#page_compte-adresses #list_adresses .table-cell.fw-700 {
		height:40px; border:none; padding:20px 0 0; 
	}
	#page_compte-adresses #list_adresses .table-cell.icon-cell { 
		width:30%; height:80px;
		text-align:right; float:right; 
	}
	
	/* compte > accueil */
	#infos-client { width:100%; float:none; margin:20px 0; text-align:center; }
	#infos-client em { display:block; }
	#compte-bienvenue { width:100%; float:none; margin:20px 0; }
	#compte-historique-commande li span { width:85%; }

	/* > compte-identifiants */
	#field_mdp label input { width:100%; }
	
	
	
}

/* smartphone horiz */
@media screen and (max-width: 480px) {
	
	/* accueil */
	#slider-home .slides li img { width:200%; margin:0 -50% }
	#aside-home .wp33 { display:none; }
	#aside-home #encart-facebook { display:block; width:100%; margin:0 auto; }

	/* communs */
	#head-page h1,
	.heading-mini h1,
	#presentation-content h1 { 
		font-size:36px;
		margin-bottom: 0;
	}
	#head-page h1 span { font-size:20px; line-height:40px; margin-top:-16px; }
	#header .link-rounded-white,
	#head-top .wp50.text-left li a,
	#head-top a.tooltip-handler { 
		font-size:11px; 
		padding-left:5px; 
		padding-right:5px; 
	}
	.list-article li.article { 
		width:100%; max-width:300px; 
		margin:0 auto; float:none;
	}
	
	/* fiche */
	#asd-socialnetwork { background-size:280% auto; }

	/* actualites */
	#fiche-actualites { border:none; }
	#fiche-actualites .wp60.right > p { clear:left; }
	
	/* presentation */
	#presentation-1, #presentation-2 
	#presentation-1 .thumbnails, 
	#presentation-2 .thumbnails { padding-bottom:20px }

	/* contact */
	.formulaire-1 label.wp50 { float:none; width:100%; padding:0; }
	.formulaire-1 .submit { display:block; width:100%; }
	
	/* panier */
	#recapitulatif-content .info-recapitulatif { padding:20px; }
	#recapitulatif-content .info-recapitulatif .wp50 { float:none; width:100%; margin:30px 0 0; padding:0 }
	#recapitulatif-content .info-recapitulatif .wp50 > p { min-height:inherit; max-width:inherit; padding-bottom:10px; margin-bottom:10px; }
	#recapitulatif-content .info-recapitulatif .link-black-grey { font-size:12px; }
	
	
	/* compte */
	span.show-on-mob { display:inline-block; }
	#pages-comptes .formulaire-2 input.submit.right { padding:0; width:100%; }
	
	#page_compte-commandes #list_adresses .table-row { display:block; border-bottom: 1px solid #e9e6e5; padding:20px 10px; }
	#page_compte-commandes #list_adresses .table-row:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	#page_compte-commandes #compte-content { padding:20px 0 40px }
	#page_compte-commandes #list_adresses .table-cell {
		display:block; text-align:left; padding:5px 0 0;
		height:auto; width:70%; border:none;
	}
	#page_compte-commandes #list_adresses .table-cell.icon-cell { width:20%; float:right; margin-top:-70px; }
	
	/* footer */
	#aside-newsletter .wp40 { 
		text-align:center; float:none; 
		width:auto; padding:0; line-height:normal; 
	}
	#aside-newsletter form { 
		width:240px; height:40px;
		margin:15px auto; float:none; 
	}
	#foot-presentation .foot-logo { margin: 0 auto 20px; }
	#nav-footer .wp50,
	#nav-footer #foot-presentation  {
		padding:20px 10px;
		width:100%; float:none;
		text-align:center;
	}
	
	/* fancybox > detail commande */
	#fancy-details-commande h1 { font-size:16px; }
	#fancy-ajout-panier p { font-size:13px; }
	#fancy-details-commande p.wp50.font-rail-12 { float:none; width:100%; 	}
	#fancy-details-commande .content_row .wp60.right { width:100%; padding:20px; float:none; }
	#fancy-details-commande #table-panier .table-cell.article-info h2,
	#fancy-ajout-panier #table-panier .table-cell.article-info h2 { font-size:14px; }
	#fancy-details-commande #table-panier .article-thumb,
	#fancy-ajout-panier #table-panier .article-thumb { width:50px; }
	#fancy-details-commande #table-panier .article-prix,
	#fancy-ajout-panier #table-panier .article-prix { font-size:13px; }
	#fancy-ajout-panier .button,
	#fancy-ajout-panier .submit {
		float:none; display:block; width:100%;
		margin:10px 0; padding:0; text-align:center;
	}
	
	/* 404 */
	#page-404 .wp50.left,
	#page-404 .wp50.right { 
		float:none; 
		width:100%; 
		padding:0 0 20px;
		text-align:center;
	}
	#page-404 h2 { font-size:16px; }
	#page-404 ul li { margin-top:5px; }
	#page-404 ul li a { font-size:12px; }

}

/* smartphone verticale */
@media screen and (max-width: 360px) {
	
	/* > slider */
	#slider-home .slide-titre { font-size:1em; }
	#slider-home .slide-soustitre {
		color:#fff;
		-webkit-text-shadow:#000 0 0 2px;
		-moz-text-shadow:#000 0 0 2px;
		-ms-text-shadow:#000 0 0 2px;
		-o-text-shadow:#000 0 0 2px;
		text-shadow:#000 0 0 2px;
	}
	#slider-home .button-blue {
		height:20px;
		font-size:10px;
		line-height:20px;
		padding:0 10px;
	}
	
	/* > presse */
	#presse-content li { width: 100%; float: none; }
	#presse-content li:nth-child(2n+1) { clear: none; }
	
	/* >>> footer */
	#footer .wp25.adresse p { width: 100% }
	
}