/*!
 * Bootstrap Responsive v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

section#centre-marque div.centre div#savoirFaire {
	background: url("../images/fonds/le-savoir-faire-min.jpg") repeat-x scroll bottom left transparent;
}

section#centre-marque div.centre div#coususMain {
	background: url("../images/fonds/cousus-main-min.jpg") repeat-x scroll bottom left transparent;
}

section#centre-marque div.centre div#matierePremiere {
	background: url("../images/fonds/matiere-premiere-min.jpg") repeat-x scroll bottom left transparent;
}

section#centre-marque div.centre div#bureauStyle {
	background: url("../images/fonds/bureau-de-style-min.jpg") repeat-x scroll bottom left transparent;
}

section#centre-marque div.centre div#nosBoutiques {
	background: url("../images/fonds/boutiques-min.jpg") repeat-x scroll bottom left transparent;
}

section#centre-marque div.centre div#dansLeMonde {
	background: url("../images/fonds/dans-le-monde-min.jpg") repeat-x scroll bottom left transparent;
}

section#centre-marque div.centre div#actualites {
	background: url("../images/fonds/actualites-min.jpg") repeat-x scroll bottom left transparent;
}

section#centre-marque div.centre div#lexiqueFond {
	background: url("../images/fonds/lexique.jpg") repeat-x scroll bottom left transparent;
}

section#centre-marque div.centre div#nosPartenaires {
	background: url("../images/fonds/partenaires-min.jpg") repeat-x scroll bottom left transparent;
}

section#centre-marque div.centre div#prendreSoinDeSesParaboot {
	background: url("../images/fonds/prendre-soin-de-ses-paraboot-min.jpg") repeat-x scroll bottom left transparent;
}

section#centre-marque div.centre div#parabootCestAussi {
	background: url("../images/fonds/paraboot-cest-aussi-min.jpg") repeat-x scroll bottom left transparent;
}

#marque .deux{
	left : -80px;
}

#marque .trois{
	left : -100px;
}

#marque .quatre{
	left : -120px;
}

#marque .cinq{
	left : -140px;
}

#contact-us button {
	margin: 0 0 25px;
}
.smartphone{
	display : none;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}

@media (min-width: 1501px) and (max-width: 1700px) {
	
	#marque {
		width: 1060px;
	}
	
	#timeline {
		width : 990px;
	}
	
	#issues li {
		width: 960px;
	}
	
	.jspVerticalBar {
		right: 1070px;
	}
	
	.interieur {
		padding: 0 20px 100px 30px;
	}
	
	#saviez-vous a {
		font-size: 17px;
		float: left;
		height : 45px;
	}
	
	#saviez-vous a img {
	}
	
	#saviez-vous {
		right: 0px;
		text-align: center;
		width: 185px;
	}
	
	section #saviez-vous a span{
		bottom : 65px;
	}
	
	section #saviez-vous a:hover span, section #saviez-vous a:focus span{
		right: 28px;
		width: 942px;
		font: 11px/19px noto sans;
	}
	
	#grad_right {
		background: url("../images/grad_right-1024.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
	}
	
	.galerie-3, .galerie {
		margin: 0 0 0 80px;
		overflow: hidden;
	}
	
	.etiquette {
		margin: 30px 70px;
	}
	
	.galerie-style {
		margin-left: 80px;
	}
	
	#france {
		margin: 50px 0 0 20px;
	}
   
	div.region{
		width : 450px;
	}
	
	div.region ul li{
		width : 220px;
	}
	
	.carteMapMonde{
		width : 950px;
	}
	
	#canada, #usa, #royaume, #benelux, #sualau, #italie, #russie, #suenor, #chine, #coree, #japon{
	}
	
	#canada{
		left : 213px;
		top : 164px;
	}
	
	#usa{
		top:200px;
		left:155px;
	}
	
	#royaume{
		top:131px;
		left:396px;
	}

	#benelux{
		top:141px;
		left:447px;
	}

	#sualau{
		top:149px;
		left:436px;
	}

	#italie{
		top:179px;
		left:476px;
	}

	#russie{
		top:104px;
		left:564px;
	}

	#suenor{
		top:54px;
		left:451px;
	}

	#chine{
		top:247px;
		left:751px;
	}

	#coree{
		top:202px;
		left:799px;
	}

	#japon{
		top:205px;
		left:867px;
	}
	
	div.block{
		top:0;
		width : 170px;
	}
	
	.block img{
		width : 166px;
		height : 68px;
	}
	
	.map-monde span.titre{
		font-size : 24px;
		margin : 10px 0;
	}
	
	.map-monde span.contenu{
		font-size : 12px;
	}
	
	.map-monde a{
		padding : 10px 25px;
		font-size : 13px;
	}
	
	span.fleche-right{
		left : 210px;
	}
	
	.canada{
		padding : 20px 20px 0;
		height : 516px;
		left:252px;
	}

	.canada .fleche{
		top:167px;
	}

	.usa{
		padding : 20px 20px 0;
		height : 516px;
		left:182px;
	}

	.usa .fleche{
		top:203px;
	}

	.royaume{
		padding : 20px 20px 0;
		height : 516px;
		left:158px;
	}

	.royaume .fleche-right{
		top:134px;
	}

	.benelux{
		padding : 20px 20px 0;
		height : 516px;
		left:221px;
	}

	.benelux .fleche-right{
		top:143px;
	}

	.sualau{
		padding : 20px 20px 0;
		height : 516px;
		left:198px;
	}

	.sualau .fleche-right{
		top:152px;
	}

	.italie{
		padding : 20px 20px 0;
		height : 516px;
		left:250px;
	}

	.italie .fleche-right{
		top:181px;
	}

	.russie{
		padding : 20px 20px 0;
		height : 516px;
		left:602px;
	}

	.russie .fleche{
		top:107px;
	}

	.suenor{
		padding : 20px 20px 0;
		height : 516px;
		left:479px;
	}

	.suenor .fleche{
		top:57px;
	}

	.chine{
		padding : 20px 20px 0;
		height : 516px;
		left:514px;
	}

	.chine .fleche-right{
		top:250px;
	}

	.coree{
		padding : 20px 20px 0;
		height : 516px;
		left:562px;
	}

	.coree .fleche-right{
		top:204px;
	}

	.japon{
		padding : 20px 20px 0;
		height : 516px;
		left:641px;
	}

	.japon .fleche-right{
		top:205px;
	}
	
}

@media (min-width: 1401px) and (max-width: 1500px) {
	
	#marque .deux{
		left : -60px;
	}

	#marque .trois{
		left : -80px;
	}

	#marque .quatre{
		left : -100px;
	}

	#marque .cinq{
		left : -120px;
	}
	
	header #menu {
		float: right;
	}
	
	section#centre-accueil{
		margin :130px 0 0;
	}
	
	#slider li {
		font: 11px/18px noto sans;
		height: 170px;
		padding : 5px 50px 10px 50px;
	}
	
	#marque {
		width: 1010px;
	}
	
	#marque h1{
		font-size: 65px;
	}
	
	#marque h2{
		font-size: 30px;
	}
	
	#timeline {
		width : 940px;
		margin : 20px auto 0 auto;
	}
	
	#issues li {
		width: 910px;
	}
	
	section#centre-marque div.centre div.contenu {
		background: url("../images/fonds/notre-marque-1280.jpg") repeat-x scroll bottom left transparent;
	}
	
	section#centre-marque div.centre div#savoirFaire {
		background: url("../images/fonds/le-savoir-faire-1280.jpg") repeat-x scroll bottom left transparent;
	}
	
	section#centre-marque div.centre div#coususMain {
		background: url("../images/fonds/cousus-main-min-1280.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#matierePremiere {
		background: url("../images/fonds/matiere-premiere-min-1280.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#bureauStyle {
		background: url("../images/fonds/bureau-de-style-1440.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#nosBoutiques {
		background: url("../images/fonds/point-de-vente-min.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#lexiqueFond {
		background: url("../images/fonds/lexique-1280.jpg") repeat-x scroll bottom left transparent;
	}
	
	section#centre-marque div.centre div#actualites {
		background: url("../images/fonds/actualites-min-1280.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#nosBoutiques {
		background: url("../images/fonds/boutiques-1280.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#nosPartenaires {
		background: url("../images/fonds/partenaires-1440.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#dansLeMonde {
		background: url("../images/fonds/dans-le-monde-1280.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#prendreSoinDeSesParaboot {
		background: url("../images/fonds/prendre-soin-de-ses-paraboot-min-1280.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#parabootCestAussi {
		background: url("../images/fonds/paraboot-cest-aussi-min-1280.jpg") repeat-x scroll bottom left transparent;
	}
	
	.jspVerticalBar {
		right: 1020px;
	}
	
	.interieur {
		padding: 0 20px 100px 30px;
	}
	
	#saviez-vous a {
		font-size: 17px;
		float: left;
		height : 45px;
	}
	
	#saviez-vous a img {
	}
	
	#saviez-vous {
		right: 0px;
		text-align: center;
		width: 185px;
	}
	
	section #saviez-vous a span{
		bottom : 55px;
	}
	
	section #saviez-vous a:hover span, section #saviez-vous a:focus span{
		right: 20px;
		width: 900px;
		font: 11px/19px noto sans;
	}
	
	#next{
		right: 0px;
	}

	.etiquette-min{
		display:none;
	}

	.etiquette-1280{
		display:none;
	}

	.etiquette{
		margin :30px 20px;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li a {
		width : 200px;
		background-position: -25px 0;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a:hover,
	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a:hover,
	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a:hover {
		background-position: -275px 0;
	}
	
	#marque h1{
		width: 970px;
	}
	
	#grad_right {
		background: url("../images/grad_right-1024.png") repeat-y scroll 0 0 transparent;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas{
		height : 60px;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul {
		width: 600px;
		height : 45px;
	}
	
	.galerie {
		margin: 0 0 0 150px;
	}
	
	.galerie a img {
		width: 130px;
	}
	
	.galerie-3 {
		margin: 0 0 0 150px;
	}
	
	.galerie-3 a img {
		width: 185px;
	}
	
	.galerie-style {
		margin: 0 0 0 150px;
	}
	
	.galerie-style a img {
		width: 300px;
	}
	
	.interieur p.normal {
		font: 12px/20px noto sans;
		margin: 0 0 10px 0;
	}
	
	.interieur ul li{
		font: 10px/17px noto sans;
	}
	
	#issues {
		height: 420px;
	}
	
	#timeline #issues li span {
		font: 11px/17px noto sans;
	}
	
	.interieur h3 {
		font: 17px quicksand;
	}
	
	#issues li h3 {
		margin-bottom: 10px;
	}
	
	#issues li img {
		margin: 10px 15px 5px 30px;
	}
	
	.interieur ul.photoCoususMain{
		width : 65%;
	}

	section#centre-intro{
		margin : 130px 0 0 0;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li a{
		width				: 180px;
		height				: 45px;
		background-position	: -11px -3px;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a{
		background-image	: url(../images/menu/sous-menu-bas/collections-min.jpg);
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a:hover{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a.actif{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a{
		background-image	: url(../images/menu/sous-menu-bas/chroniques-min.jpg);
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a:hover{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a.actif{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a{
		background-image	: url(../images/menu/sous-menu-bas/conseils-min.jpg);
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a:hover{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a.actif{
		background-position	: -210px -3px;
	}

	.intro-marque{
		font: italic 13px/21px noto sans;
		margin :0 0 0 15px;
	}
	
	.interieur ul.photoCoususMain{
		padding: 10px 0 0 275px;
	}
	
	#zommbox-int{
		margin: 5px 20px 30px 25px
	}

	.map-france {
		margin:20px 0 0 130px;
	}
	
	#france{
		width : 370px;
		height : 370px;
		margin: 20px 0 50px 20px;
	}
	
	#FR-Z{
		margin : 70px 50px 0;
	}
	
	div.region{
		width : 540px;
		margin : 20px 0 0 20px;
	}
	
	div.region ul{
		padding : 0 0 50px 15px;
	}
	
	div.region ul li{
		width : 240px;
	}
	
	div.region ul li ul{
		padding : 0 0 0 5px
	}
	
	.carteMapMonde{
		width : 950px;
	}
	
	#canada, #usa, #royaume, #benelux, #sualau, #italie, #russie, #suenor, #chine, #coree, #japon{
	}
	
	#canada{
		left : 213px;
		top : 164px;
	}
	
	#usa{
		top:200px;
		left:152px;
	}
	
	#royaume{
		top:131px;
		left:396px;
	}

	#benelux{
		top:136px;
		left:452px;
	}

	#sualau{
		top:144px;
		left:440px;
	}

	#italie{
		top:179px;
		left:476px;
	}

	#russie{
		top:107px;
		left:564px;
	}

	#suenor{
		top:54px;
		left:451px;
	}

	#chine{
		top:247px;
		left:751px;
	}

	#coree{
		top:202px;
		left:799px;
	}

	#japon{
		top:202px;
		left:867px;
	}
	
	div.block{
		top:0;
		width : 170px;
	}
	
	.block img{
		width : 166px;
		height : 68px;
	}
	
	.map-monde span.titre{
		font-size : 24px;
		margin : 10px 0;
	}
	
	.map-monde span.contenu{
		font-size : 12px;
	}
	
	.map-monde a{
		padding : 10px 25px;
		font-size : 13px;
	}
	
	span.fleche-right{
		left : 210px;
	}
	
	.canada{
		padding : 20px 20px 0;
		height : 516px;
		left:251px;
	}

	.canada .fleche{
		top:167px;
	}

	.usa{
		padding : 20px 20px 0;
		height : 516px;
		left:179px;
	}

	.usa .fleche{
		top:204px;
	}

	.royaume{
		padding : 20px 20px 0;
		height : 516px;
		left:158px;
	}

	.royaume .fleche-right{
		top:134px;
	}

	.benelux{
		padding : 20px 20px 0;
		height : 516px;
		left:230px;
	}

	.benelux .fleche-right{
		top:140px;
	}

	.sualau{
		padding : 20px 20px 0;
		height : 516px;
		left:202px;
	}

	.sualau .fleche-right{
		top:148px;
	}

	.italie{
		padding : 20px 20px 0;
		height : 516px;
		left:250px;
	}

	.italie .fleche-right{
		top:181px;
	}

	.russie{
		padding : 20px 20px 0;
		height : 516px;
		left:602px;
	}

	.russie .fleche{
		top:107px;
	}

	.suenor{
		padding : 20px 20px 0;
		height : 516px;
		left:479px;
	}

	.suenor .fleche{
		top:57px;
	}

	.chine{
		padding : 20px 20px 0;
		height : 516px;
		left:514px;
	}

	.chine .fleche-right{
		top:250px;
	}

	.coree{
		padding : 20px 20px 0;
		height : 516px;
		left:562px;
	}

	.coree .fleche-right{
		top:204px;
	}

	.japon{
		padding : 20px 20px 0;
		height : 516px;
		left:641px;
	}

	.japon .fleche-right{
		top:205px;
	}

	a#collection-homme{
		background: #000 url(../images/collection-homme-hover-1500.jpg) center right no-repeat;
	}

	a#collection-homme span{
		background: #000 url(../images/collection-homme-1500.jpg) center right no-repeat;
	}

	a#collection-femme{
		background: #000 url(../images/collection-femme-hover-1500.jpg) center left no-repeat;
	}

	a#collection-femme span{
		background: #000 url(../images/collection-femme-1500.jpg) center left no-repeat;
	}

	a#prendre-soin-de-ses-paraboot{
		background: #000 url(../images/conseils-gauche-hover-1500.jpg) center right no-repeat;
	}

	a#prendre-soin-de-ses-paraboot span{
		background: #000 url(../images/conseils-gauche-1500.jpg) center right no-repeat;
	}

	a#paraboot-cest-aussi{
		background: #000 url(../images/conseils-droite-hover-1500.jpg) center left no-repeat;
	}

	a#paraboot-cest-aussi span{
		background: #000 url(../images/conseils-droite-1500.jpg) center left no-repeat;
	}
	
	body ul#slide-list li {
		height: 50px;
	}
	
	body ul#slide-list li span{
		padding: 15px 0 0 15px;
	}
	
	body #thumb-tray {
		top: 170px;
	}
	
	body #thumb-tray ul li {
		height: 115px;
		width: 141px;
	}
	
	body #thumb-tray ul li.current-thumb {
		background-position: center bottom;
	}
	
	body #thumb-tray ul li img {
		height: 105px;
		width: 141px;
	}
	
	body ul#supersized {
		top: 284px;
	}
	
	body ul#supersized li{
		margin : 0;
	}
	
	body ul#supersized li img {
		width: 520px;
	}
	
	body ul#supersized li .conteneur {
		width: 800px;
	}
	
	body ul#supersized li .left {
		width: 535px;
	}
	
	body #nextthumb,
	body #prevthumb{
		top: 430px;
	}
	
	body .contractuelle{
		bottom: 82px;
	}
	
	.lienSupp-collection {
		width: 200px;
	}
}


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

	#marque .deux{
		left : -60px;
	}

	#marque .trois{
		left : -80px;
	}

	#marque .quatre{
		left : -100px;
	}

	#marque .cinq{
		left : -120px;
	}
	
	header #menu {
		float: right;
	}
	
	section#centre-accueil {
		margin: 120px 0 0;
	}
	
	section#centre-accueil .centre a.btn-collections span {
		background: url("../images/collections.jpg") no-repeat scroll left bottom transparent;
	}
	
	section#centre-accueil .centre a.btn-chroniques span {
		background: url("../images/actualites.jpg") no-repeat scroll left bottom transparent;
	}
	
	section#centre-accueil .centre a.btn-conseils span {
		background: url("../images/conseils.jpg") no-repeat scroll left bottom transparent;
	}
	
	section#centre-accueil .centre a span {
		height: 250px;
	}
	
	section#centre-accueil .centre a.btn-collections span span, section#centre-accueil .centre a.btn-chroniques span span, section#centre-accueil .centre a.btn-conseils span span {
		top: 179px;
	}
	
	footer {
		font: 10px noto sans;
	}
	
	#slider li {
		font: 11px/18px noto sans;
		height: 170px;
		padding : 5px 50px 10px 50px;
	}
	
	#marque {
		width: 1010px;
	}
	
	#marque h1{
		font-size: 65px;
	}
	
	#marque h2{
		font-size: 30px;
	}
	
	#timeline {
		width : 940px;
		margin : 20px auto 0 auto;
	}
	
	#issues li {
		width: 910px;
	}
	
	section#centre-marque div.centre div.contenu {
		background: url("../images/fonds/notre-marque-1024.jpg") repeat-x scroll bottom left transparent;
	}
	
	section#centre-marque div.centre div#savoirFaire {
		background: url("../images/fonds/le-savoir-faire-1024.jpg") repeat-x scroll bottom left transparent;
	}
	
	section#centre-marque div.centre div#coususMain {
		background: url("../images/fonds/cousus-main-min-1024.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#matierePremiere {
		background: url("../images/fonds/matiere-premiere-min-1024.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#bureauStyle {
		background: url("../images/fonds/bureau-de-style-1400.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#nosBoutiques {
		background: url("../images/fonds/point-de-vente-min.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#lexiqueFond {
		background: url("../images/fonds/lexique-1024.jpg") repeat-x scroll bottom left transparent;
	}
	
	section#centre-marque div.centre div#actualites {
		background: url("../images/fonds/actualites-min-1024.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#nosBoutiques {
		background: url("../images/fonds/boutiques-1024.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#nosPartenaires {
		background: url("../images/fonds/partenaires-1400.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#dansLeMonde {
		background: url("../images/fonds/dans-le-monde-1024.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#prendreSoinDeSesParaboot {
		background: url("../images/fonds/prendre-soin-de-ses-paraboot-min-1024.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#parabootCestAussi {
		background: url("../images/fonds/paraboot-cest-aussi-min-1024.jpg") repeat-x scroll bottom left transparent;
	}
	
	.jspVerticalBar {
		right: 1020px;
	}
	
	.interieur {
		padding: 0 20px 100px 30px;
	}
	
	#saviez-vous a {
		font-size: 17px;
		float: left;
		height : 45px;
	}
	
	#saviez-vous a img {
	}
	
	#saviez-vous {
		right: 0px;
		text-align: center;
		width: 185px;
	}
	
	section #saviez-vous a span{
		bottom : 55px;
	}
	
	section #saviez-vous a:hover span, section #saviez-vous a:focus span{
		right: 20px;
		width: 900px;
		font: 11px/19px noto sans;
	}
	
	#next{
		right: 0px;
	}

	.etiquette-min{
		display:none;
	}

	.etiquette-1280{
		display:none;
	}

	.etiquette{
		margin :30px 20px;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li a {
		width : 200px;
		background-position: -25px 0;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a:hover,
	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a:hover,
	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a:hover {
		background-position: -275px 0;
	}
	
	#marque h1{
		width: 970px;
	}
	
	#grad_right {
		background: url("../images/grad_right-1024.png") repeat-y scroll 0 0 transparent;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas{
		height : 60px;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul {
		width: 600px;
		height : 45px;
	}
	
	.galerie {
		margin: 0 0 0 150px;
	}
	
	.galerie a img {
		width: 130px;
	}
	
	.galerie-style {
		margin: 0 0 0 150px;
	}
	
	.galerie-style a img {
		width: 300px;
	}
	
	.interieur p.normal {
		font: 12px/20px noto sans;
		margin: 0 0 10px 0;
	}
	
	.interieur ul li{
		font: 10px/17px noto sans;
	}
	
	#issues {
		height: 420px;
	}
	
	#timeline #issues li span {
		font: 11px/17px noto sans;
	}
	
	.interieur h3 {
		font: 17px quicksand;
	}
	
	#issues li h3 {
		margin-bottom: 10px;
	}
	
	#issues li img {
		margin: 10px 15px 5px 30px;
	}
	
	.interieur ul.photoCoususMain{
		width : 65%;
	}

	section#centre-intro{
		margin : 130px 0 0 0;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li a{
		width				: 180px;
		height				: 45px;
		background-position	: -11px -3px;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a{
		background-image	: url(../images/menu/sous-menu-bas/collections-min.jpg);
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a:hover{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a.actif{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a{
		background-image	: url(../images/menu/sous-menu-bas/chroniques-min.jpg);
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a:hover{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a.actif{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a{
		background-image	: url(../images/menu/sous-menu-bas/conseils-min.jpg);
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a:hover{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a.actif{
		background-position	: -210px -3px;
	}

	.intro-marque{
		font: italic 13px/21px noto sans;
		margin :0 0 0 15px;
	}
	
	.interieur ul.photoCoususMain{
		padding: 10px 0 0 275px;
	}
	
	#zommbox-int{
		margin: 5px 20px 30px 25px
	}

	.map-france {
		margin:20px 0 0 130px;
	}
	
	#france{
		width : 370px;
		height : 370px;
		margin: 20px 0 50px 20px;
	}
	
	#FR-Z{
		margin : 70px 50px 0;
	}
	
	div.region{
		width : 540px;
		margin : 20px 0 0 20px;
	}
	
	div.region ul{
		padding : 0 0 50px 15px;
	}
	
	div.region ul li{
		width : 230px;
	}
	
	div.region ul li ul{
		padding : 0 0 0 5px
	}
	
	.carteMapMonde{
		width : 950px;
	}
	
	#canada, #usa, #royaume, #benelux, #sualau, #italie, #russie, #suenor, #chine, #coree, #japon{
	}
	
	#canada{
		left : 209px;
		top : 158px;
	}
	
	#usa{
		top:196px;
		left:154px;
	}
	
	#royaume{
		top:131px;
		left:396px;
	}

	#benelux{
		top:140px;
		left:452px;
	}

	#sualau{
		top:147px;
		left:433px;
	}

	#italie{
		top:178px;
		left:475px;
	}

	#russie{
		top:106px;
		left:564px;
	}

	#suenor{
		top:54px;
		left:452px;
	}

	#chine{
		top:249px;
		left:751px;
	}

	#coree{
		top:201px;
		left:799px;
	}

	#japon{
		top:202px;
		left:866px;
	}
	
	div.block{
		top:0;
		width : 170px;
	}
	
	.block img{
		width : 166px;
		height : 68px;
	}
	
	.map-monde span.titre{
		font-size : 24px;
		margin : 10px 0 0 0;
	}
	
	.map-monde span.contenu{
		font-size : 12px;
	}
	
	.map-monde a{
		padding : 10px 25px 10px;
		margin : 10px 0 20px;
		font-size : 13px;
	}
	
	span.fleche-right{
		left : 210px;
	}
	
	.canada{
		padding : 20px 20px 0;
		height : 516px;
		left:248px;
	}

	.canada .fleche{
		top:160px;
	}

	.usa{
		padding : 20px 20px 0;
		height : 516px;
		left:181px;
	}

	.usa .fleche{
		top:200px;
	}

	.royaume{
		padding : 20px 20px 0;
		height : 516px;
		left:158px;
	}

	.royaume .fleche-right{
		top:133px;
	}

	.benelux{
		padding : 20px 20px 0;
		height : 516px;
		left:228px;
	}

	.benelux .fleche-right{
		top:144px;
	}

	.sualau{
		padding : 20px 20px 0;
		height : 516px;
		left:196px;
	}

	.sualau .fleche-right{
		top:150px;
	}

	.italie{
		padding : 20px 20px 0;
		height : 516px;
		left:249px;
	}

	.italie .fleche-right{
		top:181px;
	}

	.russie{
		padding : 20px 20px 0;
		height : 516px;
		left:602px;
	}

	.russie .fleche{
		top:109px;
	}

	.suenor{
		padding : 20px 20px 0;
		height : 516px;
		left:480px;
	}

	.suenor .fleche{
		top:57px;
	}

	.chine{
		padding : 20px 20px 0;
		height : 516px;
		left:514px;
	}

	.chine .fleche-right{
		top:251px;
	}

	.coree{
		padding : 20px 20px 0;
		height : 516px;
		left:562px;
	}

	.coree .fleche-right{
		top:203px;
	}

	.japon{
		padding : 20px 20px 0;
		height : 516px;
		left:640px;
	}

	.japon .fleche-right{
		top:205px;
	}

	a#collection-homme{
		background: #000 url(../images/collection-homme-hover-1400.jpg) center right no-repeat;
	}

	a#collection-homme span{
		background: #000 url(../images/collection-homme-1400.jpg) center right no-repeat;
	}

	a#collection-femme{
		background: #000 url(../images/collection-femme-hover-1400.jpg) center left no-repeat;
	}

	a#collection-femme span{
		background: #000 url(../images/collection-femme-1400.jpg) center left no-repeat;
	}

	a#prendre-soin-de-ses-paraboot{
		background: #000 url(../images/conseils-gauche-hover-1400.jpg) center right no-repeat;
	}

	a#prendre-soin-de-ses-paraboot span{
		background: #000 url(../images/conseils-gauche-1400.jpg) center right no-repeat;
	}

	a#paraboot-cest-aussi{
		background: #000 url(../images/conseils-droite-hover-1400.jpg) center left no-repeat;
	}

	a#paraboot-cest-aussi span{
		background: #000 url(../images/conseils-droite-1400.jpg) center left no-repeat;
	}
	
	body ul#slide-list li {
		height: 40px;
	}
	
	body ul#slide-list li span{
		padding: 10px 0 0 10px;
	}
	
	body #slidecounter {
		top: 30px;
	}
	
	body #thumb-tray {
		top: 160px;
	}
	
	body #thumb-tray ul li {
		height: 90px;
		width: 108px;
	}
	
	body #thumb-tray ul li.current-thumb {
		background-position: center bottom;
	}
	
	body #thumb-tray ul li img {
		height: 80px;
		width: 108px;
	}
	
	body ul#supersized {
		top: 245px;
	}
	
	body ul#supersized li img {
		width: 420px;
	}
	
	body #supersized div.titre {
		font-size: 26px;
		width: 750px;
	}
	
	body ul#slide-list li {
		font-size: 20px;
	}
	
	body #supersized .conteneur {
		width: 750px;
	}
	
	body #supersized .conteneur .left{
		width: 455px;
	}
	
	body #prevthumb {
		top: 350px;
	}
	
	body #nextthumb {
		top: 350px;
	}
	
	body ul#supersized li .conteneur {
		width: 730px;
	}
	
	.lienSupp-collection{
		width: 200px;
	}
}

@media (min-width: 1051px) and (max-width: 1280px) {
	
	#marque .deux{
		left : -60px;
	}

	#marque .trois{
		left : -80px;
	}

	#marque .quatre{
		left : -100px;
	}

	#marque .cinq{
		left : -120px;
	}
	
	header #menu {
		float: right;
	}
	
	section#centre-accueil {
		margin: 120px 0 0;
	}
	
	section#centre-accueil .centre a.btn-collections span {
		background: url("../images/collections.jpg") no-repeat scroll left bottom transparent;
	}
	
	section#centre-accueil .centre a.btn-chroniques span {
		background: url("../images/actualites.jpg") no-repeat scroll left bottom transparent;
	}
	
	section#centre-accueil .centre a.btn-conseils span {
		background: url("../images/conseils.jpg") no-repeat scroll left bottom transparent;
	}
	
	section#centre-accueil .centre a span {
		height: 250px;
	}
	
	section#centre-accueil .centre a.btn-collections span span, section#centre-accueil .centre a.btn-chroniques span span, section#centre-accueil .centre a.btn-conseils span span {
		top: 179px;
	}
	
	footer {
		font: 10px noto sans;
	}
	
	#slider li {
		font: 11px/18px noto sans;
		height: 170px;
		padding : 5px 50px 10px 50px;
	}
	
	#marque {
		width: 830px;
	}
	
	#marque h1{
		font-size: 60px;
	}
	
	#marque h2{
		font-size: 30px;
	}
	
	#timeline {
		width : 760px;
		margin : 20px auto 0 auto;
	}
	
	#issues li {
		width: 730px;
	}
	
	section#centre-marque div.centre div.contenu {
		background: url("../images/fonds/notre-marque-1280.jpg") repeat-x scroll bottom left transparent;
	}
	
	section#centre-marque div.centre div#savoirFaire {
		background: url("../images/fonds/le-savoir-faire-1280.jpg") repeat-x scroll bottom left transparent;
	}
	
	section#centre-marque div.centre div#coususMain {
		background: url("../images/fonds/cousus-main-min-1280.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#matierePremiere {
		background: url("../images/fonds/matiere-premiere-min-1280.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#bureauStyle {
		background: url("../images/fonds/bureau-de-style-1280.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#nosBoutiques {
		background: url("../images/fonds/point-de-vente-min.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#lexiqueFond {
		background: url("../images/fonds/lexique-1280.jpg") repeat-x scroll bottom left transparent;
	}
	
	section#centre-marque div.centre div#actualites {
		background: url("../images/fonds/actualites-min-1280.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#nosBoutiques {
		background: url("../images/fonds/boutiques-1280.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#nosPartenaires {
		background: url("../images/fonds/partenaires-1280.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#dansLeMonde {
		background: url("../images/fonds/dans-le-monde-1280.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#prendreSoinDeSesParaboot {
		background: url("../images/fonds/prendre-soin-de-ses-paraboot-min-1280.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#parabootCestAussi {
		background: url("../images/fonds/paraboot-cest-aussi-min-1280.jpg") repeat-x scroll bottom left transparent;
	}
	
	.jspVerticalBar {
		right: 840px;
	}
	
	.interieur {
		padding: 0 20px 100px 30px;
	}
	
	#saviez-vous a {
		font-size: 17px;
		float: left;
		height : 45px;
	}
	
	#saviez-vous a img {
	}
	
	#saviez-vous {
		right: 0px;
		text-align: center;
		width: 185px;
	}
	
	section #saviez-vous a span{
		bottom : 55px;
	}
	
	section #saviez-vous a:hover span, section #saviez-vous a:focus span{
		right: 20px;
		width: 720px;
		font: 11px/19px noto sans;
	}
	
	#next{
		right: 0px;
	}

	.etiquette-min{
		display:none;
	}

	.etiquette-1280{
		display:block;
		background: url("../images/norvegien-goodyear-1280.png") no-repeat scroll left top transparent;
		height: 140px;
		width: 750px;
	}

	.etiquette{
		display:none;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li a {
		width : 200px;
		background-position: -25px 0;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a:hover,
	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a:hover,
	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a:hover {
		background-position: -275px 0;
	}
	
	#marque h1{
		width: 790px;
	}
	
	#grad_right {
		background: url("../images/grad_right-1024.png") repeat-y scroll 0 0 transparent;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas{
		height : 60px;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul {
		width: 600px;
		height : 45px;
	}
	
	.galerie {
		margin: 0 0 0 65px;
	}
	
	.galerie a img {
		width: 130px;
	}
	
	.galerie-style {
		margin: 0 0 0 65px;
	}
	
	.galerie-style a img {
		width: 300px;
	}
	
	.interieur p.normal {
		font: 11px/19px noto sans;
		margin: 0 0 10px 0;
	}
	
	.interieur ul li{
		font: 10px/17px noto sans;
	}
	
	#issues {
		height: 500px;
	}
	
	#timeline #issues li span {
		font: 11px/17px noto sans;
	}
	
	.interieur h3 {
		font: 17px quicksand;
	}
	
	#issues li h3 {
		margin-bottom: 10px;
	}
	
	#issues li img {
		margin: 10px 15px 5px 30px;
	}
	
	.interieur ul.photoCoususMain{
		width : 65%;
	}

	section#centre-intro{
		margin : 130px 0 0 0;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li a{
		width				: 180px;
		height				: 45px;
		background-position	: -11px -3px;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a{
		background-image	: url(../images/menu/sous-menu-bas/collections-min.jpg);
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a:hover{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a.actif{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a{
		background-image	: url(../images/menu/sous-menu-bas/chroniques-min.jpg);
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a:hover{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a.actif{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a{
		background-image	: url(../images/menu/sous-menu-bas/conseils-min.jpg);
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a:hover{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a.actif{
		background-position	: -210px -3px;
	}

	.intro-marque{
		font: italic 13px/21px noto sans;
		margin :0 0 0 15px;
	}
	
	.interieur ul.photoCoususMain{
		padding: 10px 0 0 220px;
	}
	
	#zommbox-int{
		margin: 5px 20px 30px 25px
	}

	.map-france {
		margin:20px 0 0 40px;
	}
	
	#france{
		width : 340px;
		height : 340px;
		margin: 20px 0 50px 0;
	}

	#coree-map {
		width : 280px;
		height : 340px;
	}
	
	#FR-Z{
		margin : 70px 50px 0;
	}
	
	div.region{
		width : 380px;
		margin : 20px 0 0 20px;
	}
	
	div.region ul{
		padding : 0 0 50px 15px;
	}
	
	div.region ul li{
		width : 190px;
	}
	
	div.region ul li ul{
		padding : 0 0 0 5px
	}

	div.coree-region {
		width: 490px;
	}

	div.coree-region ul li {
		width: 245px;
	}

	div.coree-region ul li ul li {
		width: 75%;
	}
	
	.carteMapMonde{
		width : 770px;
	}
	
	#canada, #usa, #royaume, #benelux, #sualau, #italie, #russie, #suenor, #chine, #coree, #japon{
	}
	
	#canada{
		left : 175px;
		top : 121px;
	}
	
	#usa{
		top:155px;
		left:117px;
	}
	
	#royaume{
		top:95px;
		left:314px;
	}

	#benelux{
		top:99px;
		left:373px;
	}

	#sualau{
		top:106px;
		left:351px;
	}

	#italie{
		top:135px;
		left:386px;
	}

	#russie{
		top:77px;
		left:453px;
	}

	#suenor{
		top:29px;
		left:362px;
	}

	#chine{
		top:191px;
		left:600px;
	}

	#coree{
		top:154px;
		left:642px;
	}

	#japon{
		top:154px;
		left:702px;
	}
	
	div.block{
		top:0;
		width : 150px;
	}
	
	.block img{
		width : 150px;
		height : 61px;
	}
	
	.map-monde span.titre{
		font-size : 22px;
		margin : 7px 0;
	}
	
	.map-monde span.contenu{
		font-size : 11px;
	}
	
	.map-monde a{
		padding : 9px 25px;
		font-size : 12px;
	}
	
	span.fleche-right{
		left : 190px;
	}
	
	.canada{
		padding : 20px 20px 0;
		height : 415px;
		left:213px;
	}

	.canada .fleche{
		top:125px;
	}

	.usa{
		padding : 20px 20px 0;
		height : 415px;
		left:144px;
	}

	.usa .fleche{
		top:158px;
	}

	.royaume{
		padding : 20px 20px 0;
		height : 415px;
		left:97px;
	}

	.royaume .fleche-right{
		top:98px;
	}

	.benelux{
		padding : 20px 20px 0;
		height : 415px;
		left:167px;
	}

	.benelux .fleche-right{
		top:102px;
	}

	.sualau{
		padding : 20px 20px 0;
		height : 415px;
		left:133px;
	}

	.sualau .fleche-right{
		top:108px;
	}

	.italie{
		padding : 20px 20px 0;
		height : 415px;
		left:180px;
	}

	.italie .fleche-right{
		top:137px;
	}

	.russie{
		padding : 20px 20px 0;
		height : 415px;
		left:491px;
	}

	.russie .fleche{
		top:79px;
	}

	.suenor{
		padding : 20px 20px 0;
		height : 415px;
		left:389px;
	}

	.suenor .fleche{
		top:33px;
	}

	.chine{
		padding : 20px 20px 0;
		height : 415px;
		left:383px;
	}

	.chine .fleche-right{
		top:193px;
	}

	.coree{
		padding : 20px 20px 0;
		height : 415px;
		left:425px;
	}

	.coree .fleche-right{
		top:156px;
	}

	.japon{
		padding : 20px 20px 0;
		height : 415px;
		left:496px;
	}

	.japon .fleche-right{
		top:157px;
	}

	a#collection-homme{
		background: #000 url(../images/collection-homme-hover-1300.jpg) center right no-repeat;
	}

	a#collection-homme span{
		background: #000 url(../images/collection-homme-1300.jpg) center right no-repeat;
	}

	a#collection-femme{
		background: #000 url(../images/collection-femme-hover-1300.jpg) center left no-repeat;
	}

	a#collection-femme span{
		background: #000 url(../images/collection-femme-1300.jpg) center left no-repeat;
	}

	a#prendre-soin-de-ses-paraboot{
		background: #000 url(../images/conseils-gauche-hover-1300.jpg) center right no-repeat;
	}

	a#prendre-soin-de-ses-paraboot span{
		background: #000 url(../images/conseils-gauche-1300.jpg) center right no-repeat;
	}

	a#paraboot-cest-aussi{
		background: #000 url(../images/conseils-droite-hover-1300.jpg) center left no-repeat;
	}

	a#paraboot-cest-aussi span{
		background: #000 url(../images/conseils-droite-1300.jpg) center left no-repeat;
	}
	
	body ul#slide-list li {
		height: 40px;
	}
	
	body ul#slide-list li span{
		padding: 10px 0 0 10px;
	}
	
	body #slidecounter {
		top: 30px;
	}
	
	body #thumb-tray {
		top: 160px;
	}
	
	body #thumb-tray ul li {
		height: 90px;
		width: 108px;
	}
	
	body #thumb-tray ul li.current-thumb {
		background-position: center bottom;
	}
	
	body #thumb-tray ul li img {
		height: 80px;
		width: 108px;
	}
	
	body ul#supersized {
		top: 245px;
	}
	
	body ul#supersized li img {
		width: 420px;
	}
	
	body #supersized div.titre {
		font-size: 26px;
		width: 750px;
	}
	
	body ul#slide-list li {
		font-size: 20px;
	}
	
	body #supersized .conteneur .left{
		width: 455px;
	}
	
	body #prevthumb {
		top: 350px;
	}
	
	body #nextthumb {
		top: 350px;
	}
	
	body ul#supersized li .conteneur {
		width: 730px;
	}
	
	.lienSupp-collection{
		width: 200px;
	}
	
	.galerie-3 a img {
		width: 155px;
	}
	
	.galerie-3 {
		margin: 0 0 0 100px;
	}
	
	.map-monde .benelux span.titre{
		font-size : 17px;
	}
}

@media (min-width: 400px) and (max-width: 1050px) {
	
	#marque .deux{
		left : -60px;
	}

	#marque .trois{
		left : -80px;
	}

	#marque .quatre{
		left : -100px;
	}

	#marque .cinq{
		left : -120px;
	}
	
	header #menu {
		float: right;
	}
	
	section#centre-accueil {
		margin: 120px 0 0;
	}
	
	section#centre-accueil .centre a.btn-collections span {
		background: url("../images/collections.jpg") no-repeat scroll left bottom transparent;
	}
	
	section#centre-accueil .centre a.btn-chroniques span {
		background: url("../images/actualites.jpg") no-repeat scroll left bottom transparent;
	}
	
	section#centre-accueil .centre a.btn-conseils span {
		background: url("../images/conseils.jpg") no-repeat scroll left bottom transparent;
	}
	
	section#centre-accueil .centre a span {
		height: 250px;
	}
	
	section#centre-accueil .centre a.btn-collections span span, section#centre-accueil .centre a.btn-chroniques span span, section#centre-accueil .centre a.btn-conseils span span {
		top: 179px;
	}
	
	footer {
		font: 10px noto sans;
	}
	
	#slider li {
		font: 11px/18px noto sans;
		height: 170px;
		padding : 5px 50px 10px 50px;
	}
	
	#marque {
		width: 700px;
	}
	
	#marque h1{
		font-size: 53px;
	}
	
	#marque h2{
		font-size: 30px;
	}
	
	#timeline {
		width : 628px;
		margin : 20px auto 0 auto;
	}
	
	#issues li {
		width: 600px;
	}
	
	section#centre-marque div.centre div.contenu {
		background: url("../images/fonds/notre-marque-1024.jpg") repeat-x scroll bottom left transparent;
	}
	
	section#centre-marque div.centre div#savoirFaire {
		background: url("../images/fonds/le-savoir-faire-1024.jpg") repeat-x scroll bottom left transparent;
	}
	
	section#centre-marque div.centre div#coususMain {
		background: url("../images/fonds/cousus-main-min-1024.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#matierePremiere {
		background: url("../images/fonds/matiere-premiere-min-1024.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#bureauStyle {
		background: url("../images/fonds/bureau-de-style-1024.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#nosBoutiques {
		background: url("../images/fonds/point-de-vente-min.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#lexiqueFond {
		background: url("../images/fonds/lexique-1024.jpg") repeat-x scroll bottom left transparent;
	}
	
	section#centre-marque div.centre div#actualites {
		background: url("../images/fonds/actualites-min-1024.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#nosBoutiques {
		background: url("../images/fonds/boutiques-1024.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#nosPartenaires {
		background: url("../images/fonds/partenaires-1024.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#dansLeMonde {
		background: url("../images/fonds/dans-le-monde-1024.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#prendreSoinDeSesParaboot {
		background: url("../images/fonds/prendre-soin-de-ses-paraboot-min-1024.jpg") repeat-x scroll bottom left transparent;
	}

	section#centre-marque div.centre div#parabootCestAussi {
		background: url("../images/fonds/paraboot-cest-aussi-min-1024.jpg") repeat-x scroll bottom left transparent;
	}
	
	.jspVerticalBar {
		right: 710px;
	}
	
	.interieur {
		padding: 0 20px 100px 30px;
	}
	
	#saviez-vous a {
		font-size: 17px;
		float: left;
		height : 45px;
	}
	
	#saviez-vous a img {
	}
	
	#saviez-vous {
		right: 0px;
		text-align: center;
		width: 185px;
	}
	
	section #saviez-vous a span{
		bottom : 55px;
	}
	
	section #saviez-vous a:hover span, section #saviez-vous a:focus span{
		right: 20px;
		width: 590px;
		font: 11px/19px noto sans;
	}
	
	#next{
		right: 0px;
	}

	.etiquette-min{
		display:block;
		background: url("../images/norvegien-goodyear-min-1024.png") no-repeat scroll left top transparent;
		height: 120px;
		width: 600px;
	}

	.etiquette-1280{
		display:none;
	}

	.etiquette{
		display:none;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li a {
		width : 200px;
		background-position: -25px 0;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a:hover,
	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a:hover,
	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a:hover {
		background-position: -275px 0;
	}
	
	#marque h1{
		width: 680px;
	}
	
	#grad_right {
		background: url("../images/grad_right-1024.png") repeat-y scroll 0 0 transparent;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas{
		height : 60px;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul {
		width: 600px;
		height : 45px;
	}
	
	.galerie {
		margin: 0;
	}
	
	.galerie a img {
		width: 130px;
	}
	
	.galerie-style {
		margin: 0;
	}
	
	.galerie-style a img {
		width: 300px;
	}
	
	.interieur p.normal {
		font: 11px/19px noto sans;
		margin: 0 0 10px 0;
	}
	
	.interieur ul li{
		font: 10px/17px noto sans;
	}
	
	#issues {
		height: 530px;
	}
	
	#timeline #issues li span {
		font: 10px/16px noto sans;
	}
	
	.interieur h3 {
		font: 17px quicksand;
	}
	
	#issues li h3 {
		margin-bottom: 10px;
	}
	
	#issues li img {
		margin: 10px 15px 5px 30px;
	}
	
	.interieur ul.photoCoususMain{
		width : 65%;
	}

	section#centre-intro{
		margin : 130px 0 0 0;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li a{
		width				: 180px;
		height				: 45px;
		background-position	: -11px -3px;
	}
	
	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a{
		background-image	: url(../images/menu/sous-menu-bas/collections-min.jpg);
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a:hover{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.collections a.actif{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a{
		background-image	: url(../images/menu/sous-menu-bas/chroniques-min.jpg);
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a:hover{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a.actif{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a{
		background-image	: url(../images/menu/sous-menu-bas/conseils-min.jpg);
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a:hover{
		background-position	: -210px -3px;
	}

	#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a.actif{
		background-position	: -210px -3px;
	}

	.intro-marque{
		font: italic 13px/21px noto sans;
		margin :0 0 0 15px;
	}
	
	.img-cousu-main{
		width : 165px;
	}
	
	.interieur ul.photoCoususMain{
		padding: 10px 0 0 220px;
	}
	
	#zommbox-int{
		margin: 5px 20px 30px 25px
	}

	.map-france {
		margin:20px 0 0 0;
		width : 650px;
	}

	.map-france-1024{
		display : block;
	}

	.map-france-autre{
		display : none;
	}
	
	body ul#slide-list li {
		height: 30px;
	}
	
	body ul#slide-list li span{
		padding: 5px 0 0 10px;
	}
	
	body #slidecounter {
		top: 30px;
	}
	
	body #thumb-tray {
		top: 150px;
	}
	
	body #thumb-tray ul li {
		height: 90px;
		width: 108px;
	}
	
	body #thumb-tray ul li.current-thumb {
		background-position: center bottom;
	}
	
	body #thumb-tray ul li img {
		height: 80px;
		width: 108px;
	}
	
	body ul#supersized {
		top: 230px;
	}
	
	body ul#supersized li img {
		width: 420px;
	}
	
	body #supersized div.titre {
		font-size: 26px;
		width: 750px;
	}
	
	body ul#slide-list li {
		 font-size: 17px;
		font-weight: bold;
	}
	
	body #supersized .conteneur {
		width: 750px;
	}
	
	body #supersized .conteneur .left{
		width: 455px;
	}
	
	body #prevthumb {
		top: 350px;
	}
	
	body #nextthumb {
		top: 350px;
	}
	
	#france{
		width : 280px;
		height : 280px;
		margin: 20px 0 50px 0;
	}
	
	#FR-Z{
		margin : 70px 50px 0;
	}
	
	div.region{
		width : 360px;
		margin : 20px 0 0 0;
	}
	
	div.region ul{
		padding : 0 0 50px 15px;
	}
	
	div.region ul li{
		width : 175px;
		font : bold 11px/12px noto sans;
	}
	
	div.region ul li ul{
		padding : 0 0 0 5px
	}
	
	div.region ul li ul li{
		font : 10px/16px noto sans;
	}
	
	#prendreSoinDeSesParaboot div.region ul li span{
		height : 15px;
		float : none;
		width : 165px;
		display:block;
	}
	
	.carteMapMonde{
		width : 640px;
	}
	
	#canada, #usa, #royaume, #benelux, #sualau, #italie, #russie, #suenor, #chine, #coree, #japon{
		width : 35px;
		height : 48px;
	}
	
	#canada{
		left : 143px;
		top : 102px;
	}
	
	#usa{
		top:127px;
		left:98px;
	}
	
	#royaume{
		top:78px;
		left:260px;
	}

	#benelux{
		top:84px;
		left:308px;
	}

	#sualau{
		top:87px;
		left:290px;
	}

	#italie{
		top:111px;
		left:319px;
	}

	#russie{
		top:66px;
		left:374px;
	}

	#suenor{
		top:26px;
		left:298px;
	}

	#chine{
		top:158px;
		left:498px;
	}

	#coree{
		top:126px;
		left:532px;
	}

	#japon{
		top:127px;
		left:583px;
	}
	
	div.block{
		top:0;
		width : 150px;
	}
	
	.block img{
		width : 150px;
		height : 61px;
	}
	
	.map-monde span.titre{
		font-size : 20px;
		margin : 7px 0 0 0;
	}
	
	.map-monde .benelux span.titre{
		font-size : 15px;
	}
	
	.map-monde span.contenu{
		font-size : 10px;
	}
	
	.map-monde a{
		padding : 7px 30px;
		font-size : 11px;
		margin : 7px 0 14px 0;
	}
	
	span.fleche-right{
		left : 190px;
	}
	
	.canada{
		padding : 20px 20px 0;
		height : 341px;
		left:175px;
	}

	.canada .fleche{
		top:102px;
	}

	.usa{
		padding : 20px 20px 0;
		height : 341px;
		left:120px;
	}

	.usa .fleche{
		top:127px;
	}

	.royaume{
		padding : 20px 20px 0;
		height : 341px;
		left:42px;
	}

	.royaume .fleche-right{
		top:78px;
	}

	.benelux{
		padding : 20px 20px 0;
		height : 341px;
		left:101px;
	}

	.benelux .fleche-right{
		top:84px;
	}

	.sualau{
		padding : 20px 20px 0;
		height : 341px;
		left:73px;
	}

	.sualau .fleche-right{
		top:86px;
	}

	.italie{
		padding : 20px 20px 0;
		height : 341px;
		left:112px;
	}

	.italie .fleche-right{
		top:110px;
	}

	.russie{
		padding : 20px 20px 0;
		height : 341px;
		left:406px;
	}

	.russie .fleche{
		top:67px;
	}

	.suenor{
		padding : 20px 20px 0;
		height : 341px;
		left:320px;
	}

	.suenor .fleche{
		top:27px;
	}

	.chine{
		padding : 20px 20px 0;
		height : 341px;
		left:281px;
	}

	.chine .fleche-right{
		top:157px;
	}

	.coree{
		padding : 20px 20px 0;
		height : 341px;
		left:315px;
	}

	.coree .fleche-right{
		top:126px;
	}

	.japon{
		padding : 20px 20px 0;
		height : 341px;
		left:376px;
	}

	.japon .fleche-right{
		top:127px;
	}

	a#collection-homme{
		background: #000 url(../images/collection-homme-hover-1150.jpg) center right no-repeat;
	}

	a#collection-homme span{
		background: #000 url(../images/collection-homme-1150.jpg) center right no-repeat;
	}

	a#collection-femme{
		background: #000 url(../images/collection-femme-hover-1150.jpg) center left no-repeat;
	}

	a#collection-femme span{
		background: #000 url(../images/collection-femme-1150.jpg) center left no-repeat;
	}

	a#prendre-soin-de-ses-paraboot{
		background: #000 url(../images/conseils-gauche-hover-1150.jpg) center right no-repeat;
	}

	a#prendre-soin-de-ses-paraboot span{
		background: #000 url(../images/conseils-gauche-1150.jpg) center right no-repeat;
	}

	a#paraboot-cest-aussi{
		background: #000 url(../images/conseils-droite-hover-1150.jpg) center left no-repeat;
	}

	a#paraboot-cest-aussi span{
		background: #000 url(../images/conseils-droite-1150.jpg) center left no-repeat;
	}
	
	div.sous-menu-les-chaussures div.fond-sous-menu ul{
		width : 100%;
	}
	
	div.sous-menu-trouver div.fond-sous-menu ul li a, div.sous-menu-les-chaussures div.fond-sous-menu ul li a{
		margin : 0 5px 0 0;
	}
	
	div.sous-menu-trouver div.fond-sous-menu ul{
		width : 732px;
	}
	
	.lienSupp{
		width: 150px;
	}
	
	.lienSupp-collection{
		width: 160px;
	}
	
	.galerie-3 a img {
		width: 150px;
	}
	
	.galerie-3 {
		margin: 0 0 0 50px;
	}
}

@media (min-width: 200px) and (max-width: 399px) {
	.screenpc{
		display : none;
	}
	.smartphone{
		display : block;
	}
	section#flags-intro .drapeau-en {
		display: none;
	}
	section#centre-intro {
		margin-top: 70px;
	}
	section#flags-intro a {
		margin: 0 10px;
	}
	section#flags-intro {
		margin-top: 43px;
	}
	section#footer-intro {
		bottom: 50px;
		color: #7B7B7B;
		font: 10px arial;
		margin: 0;
		position: absolute;
	}
}