/* CSS Document */

#slider-general{position:absolute; width:100%; height:auto; z-index:-100; overflow:auto; display: block;}
#slider-general ul{margin-left:auto; margin-right:auto; padding:0}
#slider-general li{list-style-type:none; width:100%; min-height:1610px; text-align:center;}
#slider-general li div{margin-left:auto; margin-right:auto; width:100%; height:600px; background-position:center top; background-repeat:no-repeat}

#contenu-home{position:relative;margin-left:40px;width:100%;}

#premier-paragraphe{float:left; width:1024px; height:auto; text-align:left;margin-top:20px; font-size:10px; line-height:12px;}

#banner-produit{float:left; width:1024px; text-align: center;}

/*/////////*/

#slider-appareils{float:left; width:1024px; height:345px; background:url(../images/bg-sliders.png); margin-bottom:20px; margin-top:3px; padding-top:10px; text-align:center;}
#slider-appareils ul{float:left;margin:0; padding:0;}
#slider-appareils li{list-style-type:none;}
	.banniere-appareils{float:left; width:780px; height:337px; position:absolute; margin-left:243px;}
	.banniere-appareils a{float:right; width:780px; height:337px; display:block; margin:0; padding:0}

#slider-produits-global{float:left; width:1024px; height:283px; margin-top:20px;}
	#slider-produits{width:1024px; height:248px; background-image:url(../images/bg-sliders.png); margin-top:30px; padding-top:10px;-webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.15);box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.15)}
		#slider-produits-contenu{float:left; background-image:url(../images/bg-slider-produits.png); background-repeat:repeat-x; width:1024px; height:241px; }
		#slider-produits-contenu ul{margin:0; padding:0; height:236px; width:1024px;z-index:0; overflow:hidden;}
		#slider-produits-contenu li{float:left; list-style-type:none; width:975px; height:241px; padding:7px 0 0 49px}

		.fiche-produit{float:left; margin:6px; background-image:url(../images/bg-fiche-produit.png); background-repeat:repeat-x; width:296px; height:104px;-webkit-box-shadow:  0px 0px 2.5px 2.5px rgba(0, 0, 0, 0.25); box-shadow:  0px 0px 2.5px 2.5px rgba(0, 0, 0, 0.25);}
		.fiche-produit img{float:left; width:92px; height:92px; margin:5px; border:1px solid #CCC;}
		.fiche-produit p:nth-child(2){float:left; width:190px; font-size:15px; font-weight:bold; margin-top:8px; line-height:15px; height:52px;}

		.ancien-prix{float:left; width:48px; text-decoration:line-through; font-size:20px; margin-top:10px;}
		.nouveau-prix{float:right; width:auto; height:40px; font-size:40px; color:#E55424; font-weight:bold; text-align:right; margin:0; padding:0 5px 0 0; line-height:40px;}

			.btn-slider-produits{position:absolute; margin-top:135px; display:block; z-index:10;}
			.btn-slider-produits img{display:block; width:52px; height:52px;}
			#prev{float:left; margin-right:0; width:52px; height:52px; cursor:pointer;}
			#next{float:right; margin-left:972px; width:52px; height:52px; cursor:pointer;}

	.titre-promotions{float:left;position:absolute; z-index:10;}


#icones-home{position:relative; margin-left:auto; margin-right:auto; width:927px; height:109px; margin-top:300px; text-align:center; background:url(../images/home-prix-bas_qualite_stock.png) no-repeat center top; z-index:10; margin-bottom:-20px;}


#global-plan-coordonnees{float:left; height:368px; width:1024px;}
#plan-coordonnees{width:1024px; height:348px; -webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.15);box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.15); background-image:url(../images/coin.png); background-repeat:no-repeat; background-position:left top;-webkit-border-top-left-radius: 35px;-moz-border-radius-topleft: 35px;border-top-left-radius: 35px; margin-top:20px;}
	#google-map{float:left; width:471px; height:348px; padding:20px 0 0 20px;}
	#google-map ul{margin:10px 0 0 0; padding:0;}
	#google-map li{list-style-type:none; }
	#google-map li img{float:left; margin-left:30px; max-height:27px;}
		#map_canvas{width:461px; height:282px; background-color:#CCC}

	#contacts{float:right; width:515px; height:348px; background-image:url(../images/bg-home-plan-contact.jpg); background-position:left top; background-repeat:no-repeat; text-align:center; padding:5px}
	#contacts p{float:left; width:254px; height:auto; margin-top:10px; color:white;}
	#contacts p span{font-size:14px;}
	#contacts img{float:left;}
	.titre-magasin{float:left; position:absolute; z-index:10; margin-left:500px;}

	#contacts-coordonnees{float:left; width:250px; height:auto; margin-top:25px;}

	.adresse{margin-left:10px;background-image:url(../images/ico-epingle.png); background-repeat:no-repeat; background-position:15px top;font-weight:bold; font-size:23px;line-height:23px;}
	.horaires-bloc{display:inline-block;}
	.horaires{margin-left:10px;font-size:20px; font-weight:lighter; font-style:italic; line-height:20px;}
	.telephone{margin-left:10px;background:url(../images/ico-tel-footer.png) no-repeat 15px 12px; background-size:19px 15px; font-weight:bold; font-size:25.5px; font-style:italic; text-align:center;}

	#btn-contacts-home{float:left; width:249px; height:141px; padding:20px 0 0 45px; margin-top:25px;}
	#btn-contacts-home a{float:left; width:200px; height:56px; margin:0; padding:0}
	#btn-contacts-home a:hover span{color:#E55424}
	#btn-contacts-home a img{float:left; width:55px; height:56px; margin-right:10px; border:none;}
	#btn-contacts-home a span{float:left; width:auto; height:46px; color:#363636; font-size:18px; line-height:16px; text-align:left; margin:0; padding-top:10px; text-decoration:none;}
	#btn-contacts-home a:last-child .premiere-ligne{margin-top:8px;}
	#btn-contacts-home a:last-child span{line-height: 6px;}
	#btn-contacts-home a span span{font-size:14px; line-height: 10px}

	#btn-imprimer_plan{float:left; margin-left:129.5px; width:241px; height:21px; background-image:url(../images/btn-imprimer_plan.png); background-repeat:no-repeat;text-align:center;padding-top:5px;}
	#btn-imprimer_plan a{width:241px; height:26px; color:white; font-weight:bold;  text-decoration:none; font-size:13px; text-shadow: 0px 1px 1px #000; filter: dropshadow(color=#000, offx=0, offy=1);}

	#btn-imprimer_plan_tab{display:none; float:left; margin-left:129.5px; width:241px; height:21px; background-image:url(../images/btn-imprimer_plan.png); background-repeat:no-repeat;text-align:center;padding-top:5px;}
	#btn-imprimer_plan_tab a{width:241px; height:26px; color:white; font-weight:bold;  text-decoration:none; font-size:13px; text-shadow: 0px 1px 1px #000; filter: dropshadow(color=#000, offx=0, offy=1);}

	.btn-slider-appareils-active{background-position:0px -58px; background-repeat: no-repeat; width:243px; height:52px; cursor:pointer; border-top:2px solid #CCC; border-bottom:2px solid #CCC}

	#vignettes-appareils{float:left; width:1024px; height:auto;}
	#vignettes-appareils ul{margin-top:10px;}
	#vignettes-appareils ul:nth-child(3){margin-top:0; margin-bottom:0;}
	#vignettes-appareils ul{float:left; margin:5px 0 5px 0; padding:0; width:1024px; height:auto;}
	#vignettes-appareils li{float:left; list-style-type:none;}
	#vignettes-appareils li a img{max-width:340px}
	#vignettes-appareils li a:last-child{float:right;}

/**
************ Button
*/

.btn-tab {
	color: #FFFFFF;
	font-size: 1.3rem;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #C0C0C0;
	border: 0;
	border-radius: 2px;
	padding: 7px 18px 7px 18px;
}

.btn-tab.bg-bleu-btn {
	background-color: #0091EA;
}

.btn-tab.bg-bleu-btn:hover {
	background-color: #00B0FF;
}

.btn-tab.bg-vert-btn {
	background-color: #43A047;
}

.btn-tab.bg-vert-btn:hover {
	background-color: #00C853;
}

.btn-tab.bg-orange-btn {
	background-color: #EF8200;
}

.btn-tab.bg-orange-btn:hover {
	background-color: #FFA000;
}

.btn-shadow {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.18);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.btn-shadow:hover {
	cursor: pointer;
	box-shadow: 0 3px 7px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.17);
}

/**
************ Common
*/

.separator-body {
	min-height: 1px;
	border-top: #37474F solid 2px;
	margin: 0.5rem 1rem;
}

.bold {
	font-weight: bold;
}

.center-txt-align {
	text-align: center;
}

/**
************ Warning
*/

#avertissement,
#infomagasin {
	float: left;
	width: 1020px;
	border: #FFC107 solid 3px;
	margin: 0.7rem 0;
}

#infomagasin {
	border: #00E676 solid 3px;
}

#avertissement .warning-header,
#infomagasin .warning-header {
	background-color: #FFC107;
	padding: 0.8rem 0;
}

#infomagasin .warning-header {
	background-color: #00E676;
}

#avertissement .warning-header .warning-titre,
#infomagasin .warning-header .warning-titre {
	font-size: 1.75rem;
	text-transform: uppercase;
	color: black;
	background-image:url(../images/ico-notification.png);
	background-repeat:no-repeat;
	background-size: contain;
	background-position: 3% 0;
	padding-left: 6rem;
	margin: 0;
}

#avertissement .warning-body,
#infomagasin .warning-body {
	width: 100%;
	text-align: center;
	padding: 1rem 0;
}

#avertissement .warning-body .separator-body,
#infomagasin .warning-body .separator-body {
	border-top: #B0BEC5 solid 2px;
}

#avertissement .warning-body .warning-intro,
#infomagasin .warning-body .warning-intro {
	font-size: 1.8rem;
	font-weight: bold;
}

#avertissement .warning-body .warning-message,
#infomagasin .warning-body .warning-message {
	font-size: 2rem;
	color: #FF1744;
	text-transform: uppercase;
	font-weight: bold;
	margin: 1rem 0;
}

#avertissement .warning-body .warning-note,
#infomagasin .warning-body .warning-note {
	font-size: 1.1rem;
	text-align: left;
	padding: 0 15%;
}

#avertissement .warning-body .warning-note > ul,
#infomagasin .warning-body .warning-note > ul {
	padding-left: 2rem;
	margin: 0.6rem auto;
}

#avertissement .warning-body .warning-note a,
#infomagasin .warning-body .warning-note a {
	font-weight: bold;
	color: blue;
}

#avertissement .warning-body .warning-subnote,
#infomagasin .warning-body .warning-subnote {
	font-size: 1rem;
	font-style: italic;
}

/**
************ Partenaire
*/
#commander-en-ligne {
	float: left;
	width: 1020px;
	border: #1565C0 solid 3px;
	margin: 0.5rem 0;
}

#commander-en-ligne .commander-header {
	background-color: #1565C0;
	padding: 0.8rem 0;
}

#commander-en-ligne .commander-header .commander-titre {
	font-size: 1.75rem;
	text-transform: uppercase;
	color: white;
	background-image:url(../images/camion-livraison-blanc-fil.png);
	background-repeat:no-repeat;
	background-size: contain;
	background-position: 3% 0;
	padding-left: 8rem;
	margin: 0;
}

#commander-en-ligne .commander-body {
	width: 100%;
	min-height: 20rem;
	text-align: center;
	background-image:url(../images/tampon-poste.jpg);
	background-repeat:no-repeat;
	background-size: 25%;
	background-position: 94% 3%;
}

#commander-en-ligne .commander-body .logo-partenaire img {
	width: 30%;
}

#commander-en-ligne .commander-body .separator-body {
	border-top: #B0BEC5 solid 2px;
}

#commander-en-ligne .partenaire-livraison {
	display: flex;
	flex-flow: row;
	justify-content: space-around;
	align-content: space-around;
	align-items: stretch;
	padding: 0.3rem 1rem;
}

#commander-en-ligne .pobix-slot {
	width: 20%;
}

#commander-en-ligne .divider-slot {
	width: 1px;
	border-left: #1565C0 solid 2px;
}

#commander-en-ligne .pobix-slot .icon-bg {
	height: 6.5rem;
	background-repeat:no-repeat;
	background-size: auto 65%;
	background-position: center center;
}

#commander-en-ligne .pobix-slot .icon-bg.pro-livraison {
	background-image:url(../images/ico-pbx-delivery.png);
}

#commander-en-ligne .pobix-slot .icon-bg.pro-gamme {
	background-image:url(../images/ico-pbx-gamme-stock.png);
}

#commander-en-ligne .pobix-slot .icon-bg.pro-equipe {
	background-image:url(../images/ico-pbx-equipe.png);
}

#commander-en-ligne .pobix-slot .icon-bg.pro-qualite {
	background-image:url(../images/ico-pbx-qualite.png);
}

#commander-en-ligne .pobix-slot .icon-txt {
	color: #37474F;
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 1.1rem;
}

#commander-en-ligne .commander-body .call-to-action {
	margin: 2rem 0;
}

#commander-en-ligne .commander-body .commande-note {
	font-size: 0.75rem;
	font-weight: bold;
	text-transform: uppercase;
	margin: 1.1rem 0;
}

/**
************ Note importante
*/

#notes-avertissement {
	float: left;
	width: 1020px;
	border: #E53935 solid 3px;
	margin: 0.5rem 0 1rem 0;
}

#notes-avertissement .note-message {
	font-size: 1.3rem;
	font-weight: bold;
	color: #E53935;
	text-align: center;
	padding: 1rem 0;
}

/**
******************************************
*/

/**
************ Chargeurs vélos et trotinettes électriques
*/

#ebike-escooter-banner {
	float: left;
	width: 1020px;
	height: 450px;
	background-color: #ECEFF1;
	background-image: url(../images/velo-trottinette-electrique.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#ebike-escooter-banner .announcement {
	width: 75%;
	text-align: center;
	padding: 2rem 2rem;
	margin: auto;
}

#ebike-escooter-banner .announcement hr {
	margin: 1.2rem 0;
}

#ebike-escooter-banner .announcement h2 {
	color: #388E3C;
	font-size: 3rem;
	text-transform: uppercase;
	line-height: 3rem;
}

#ebike-escooter-banner .announcement h3 {
	color: #DD2C00;
	font-size: 1.5rem;
	text-transform: uppercase;
}

#ebike-escooter-banner .announcement p {
	font-weight: bold;
	font-size: 1.4rem;
}

#ebike-escooter-banner .announcement .ask-stock {
	margin: 3rem 0;
}

/**
******************************************
*/


@media screen and (max-width:1150px){
#contenu-home{margin-left:31.9px}
#premier-paragraphe{width:816px; font-size:8px;}
#banner-produit{width:816px;}


	#slider-general li div{background-size:1020px}
	#slider-general li{min-height:1531px}
	#icones-home{width:738px; background-size:738px; margin-top:239px; margin-bottom:-42px}
	#premier-paragraphe{max-width:816px}
	#vignettes-appareils{width:816px}
	#vignettes-appareils ul{width:816px;margin-top:8px;}
	#vignettes-appareils ul:nth-child(3){margin-top:0; margin-bottom:0;}
	#vignettes-appareils li a img{max-width:271px;}

	#global-plan-coordonnees{height:293.3px; width:816px;}
	#plan-coordonnees{width:816px; height:277.4px; background-size:35px;margin-top:16px;}
		#google-map{width:375.4px; height:277.4px; padding:16px 0 0 16px;}
		#google-map ul{margin:8px 0 0 0;}
		#google-map li img{ margin-left:23.9px; max-height:21.5px;}
			#map_canvas{width:367.4px; height:224.8px;}
		#contacts{width:410.5px; height:277.4px; padding:4px; background-size:418.2px 277.4px}
		#contacts p{width:202.4px; margin-top:8px;}
		#contacts p span{font-size:11.3px;}
		#contacts-coordonnees{width:199.3px; margin-top:20px;}
		.titre-magasin{margin-left:398.5px;}
		.titre-magasin{max-width:159.4px}
		.adresse{margin-left:8px;font-size:18.3px;line-height:18.3px; background-size:11.9px}
		.horaires{margin-left:8px;font-size:16px;line-height:16px;}
		.telephone{margin-left:8px; background-size:15.2px 11.9px; font-size:20.3px;}
	#btn-contacts-home{width:198.4px; height:112.4px; padding:16px 0 0 35.8px; margin-top:20px;}
	#btn-contacts-home a{width:270px; height:44.8px;}
	#btn-contacts-home a img{width:40px; height:40px; margin-right:7px}
	#btn-contacts-home a span{height:36.6px; font-size:14.3px; line-height:12.7px; padding-top:8px;}
	#btn-contacts-home a:last-child .premiere-ligne{margin-top:0;}
	#btn-contacts-home a:last-child span{line-height: 6px;}
	#btn-contacts-home a span span{font-size:12px; line-height: 10px}


	#btn-imprimer_plan{margin-left:103.2px; width:192.1px; height:16.7px; padding-top:4px; background-size:192.1px 20.7px}
	#btn-imprimer_plan a{width:192.1px; height:20.7px; font-size:10.3px;}

	#contacts{width:400px;}
	#contacts-coordonnees{width:150px;}

	#slider-produits-global{width:816px; height:225.5px; margin-top:16px; margin-bottom:25px}
		#slider-produits{width:816px; height:206.6px; margin-top:23.9px; padding-top:8px;}
		#slider-produits-contenu{background-size:1px 197.7px; width:816px; height:206.6px; }
		#slider-produits-contenu div div{max-height:206.6px}
		#slider-produits-contenu ul{height:206.6px; width:816px;}
		#slider-produits-contenu li{width:777.1px; height:192.1px; padding:5.6px 0 0 39px}
		.fiche-produit{margin:6px 5px 6px 5px; background-size:1px 82.9px; width:235.9px; height:82.9px;}
		.fiche-produit img{width:73.3px; height:73.3px; margin:4px;}
		.fiche-produit p:nth-child(2){width:151.4px; font-size:12px; margin-top:6.3px; line-height:12px; height:41.4px;}
		.ancien-prix{width:38.2px;font-size:16px; margin-top:8px;}
		.nouveau-prix{height:31.8px; font-size:31.8px; padding:0 4px 0 0; line-height:31.8px;}
	.btn-slider-appareils-active{background-position:0px -46.2px;width:193.7px; height:41.44px;}
	.titre-promotions{width:199.7px; height:55.8px}

		.btn-slider-produits{margin-top:107.6px;}
		.btn-slider-produits img{width:41.4px; height:41.4px;}
		#prev{width:41.4px; height:41.4px;}
		#next{margin-left:774.8px; width:41.4px; height:41.4px;}

	/**
	************ Button
	*/

	.btn-tab {
		font-size: 1.2rem;
	}

	/**
	************ Warning
	*/

	#avertissement,
	#infomagasin {
		width: 815px;
	}

	#avertissement .warning-header .warning-titre,
	#infomagasin .warning-header .warning-titre {
		font-size: 1.25rem;
		padding-left: 4.5rem;
	}

	#avertissement .warning-body .warning-intro,
	#infomagasin .warning-body .warning-intro {
		font-size: 1.55rem;
	}

	#avertissement .warning-body .warning-message,
	#infomagasin .warning-body .warning-message {
		font-size: 1.75rem;
	}

	#avertissement .warning-body .warning-note,
	#infomagasin .warning-body .warning-note {
		font-size: 1rem;
	}

	#avertissement .warning-body .warning-subnote,
	#infomagasin .warning-body .warning-subnote {
		font-size: 0.9rem;
	}

	/**
	************ Partenaire
	*/
	#commander-en-ligne {
		width: 815px;
	}

	#commander-en-ligne .commander-header .commander-titre {
		font-size: 1.25rem;
		padding-left: 6rem;
	}

	#commander-en-ligne .pobix-slot .icon-bg {
		height: 6rem;
	}

	#commander-en-ligne .pobix-slot .icon-txt {
		font-size: 0.95rem;
	}

	#commander-en-ligne .commander-body .call-to-action {
		margin: 1.75rem 0;
	}

	#commander-en-ligne .commander-body .commande-note {
		font-size: 0.65rem;
	}

	/**
	************ Note importante
	*/

	#notes-avertissement {
		width: 815px;
	}

	#notes-avertissement .note-message {
		font-size: 1.2rem;
	}

	/**
	******************************************
	*/

	/**
	************ Chargeurs vélos et trotinettes électriques
	*/

	#ebike-escooter-banner {
		width: 815px;
		height: 380px;
	}

	#ebike-escooter-banner .announcement {
		width: 75%;
		text-align: center;
		padding: 1.5rem 1.5rem;
		margin: auto;
	}

	#ebike-escooter-banner .announcement hr {
		margin: 1.2rem 0;
	}

	#ebike-escooter-banner .announcement h2 {
		color: #388E3C;
		font-size: 2.2rem;
		text-transform: uppercase;
		line-height: 2.2rem;
	}

	#ebike-escooter-banner .announcement h3 {
		color: #DD2C00;
		font-size: 1.3rem;
		text-transform: uppercase;
	}

	#ebike-escooter-banner .announcement p {
		font-weight: bold;
		font-size: 1.2rem;
	}

	#ebike-escooter-banner .announcement .ask-stock {
		margin: 2rem 0;
	}

	/**
	******************************************
	*/

}

@media screen and (max-width:895px){
	#contenu-home{margin-left:25.8px; z-index:0 }
	#premier-paragraphe{width:660.9px; font-size:6.4px;}
	#banner-produit{width:660.9px;}
	#banner-produit img {width: 100%;}


	#slider-general li div{margin-left:auto; margin-right:auto; background-size:75%; background-position:100% top; height:340px; margin-top:40px; width:100%}
	#slider-general li{min-height:1452px}
	#icones-home{float:right; width:712.7px; background-size:715px auto; margin-top:215px; margin-bottom:-40px; margin-right:0;}
	#premier-paragraphe{max-width:660.9px; font-size:9px}
	#vignettes-appareils{width:660.9px}
	#vignettes-appareils ul{width:660.9px;margin-top:6.4px;}
	#vignettes-appareils ul:nth-child(3){margin-top:0; margin-bottom:0;}
	#vignettes-appareils li a img{max-width:219.5px;}

	#global-plan-coordonnees{float:left; height:auto; width:660.9px;}
	#plan-coordonnees{float:right; width:660.9px; height:auto; background-size:28.34px;margin-top:13px;}
		#google-map{width:660.9px; height:306px; padding:13px 0 0 13px;}
		#google-map ul{margin:6.4px 0 0 0;}
		#google-map li img{float:left; margin-left:19.3px; max-height:17.4px;}
			#map_canvas{width:635px; height:270px;}
		#contacts{float:left; width:654.5px; height:auto; padding:3.2px; /*background-size:338.7px 224.7px;*/ background-image:url(../images/bg-coordonnes-plan.png); background-size:auto; background-repeat:repeat}
		#contacts p{width:163.9px; margin-top:6.4px;}
		#contacts p span{font-size:9px;}
		#contacts-coordonnees{width:660.9px; margin-top:0; padding-top:6px; height:auto !important;}
		.titre-magasin{margin-left:0; margin-top:320px; max-width:129.1px}
		.adresse{margin-top:20px !important; width:auto; margin-left:0;font-size:16px;line-height:14.8px; background-size:9.6px; padding-left:10px;}
		.horaires-bloc{display:inline-block; max-width:45%;}
		.horaires{margin-top:10px !important; width:300px!important; margin-left:0px;font-size:14px;line-height:13px;margin-top:-3px}
		.telephone{margin-top:20px !important; width:auto; margin-left:0px; background-size:12.3px 9.6px; background-position:13px center; font-size:18px; margin-top:-3px; padding-left:5px;}
	#btn-contacts-home{float:right; width:130px; height:auto; padding:0; margin-top:0; margin-right:20px}
	#btn-contacts-home a{float:left; width:140px; height:36.3px;}
	#btn-contacts-home a img{width:32.4px; height:32.4px; margin-right:5.6px}
	#btn-contacts-home a span{height:29.6px; font-size:11.6px; line-height:10.3px; padding-top:6.4px; color:white; }
	#btn-contacts-home a:last-child .premiere-ligne{margin-top:0;}
	#btn-contacts-home a:last-child span{line-height: 6px;}
	#btn-contacts-home a span span{font-size:10px; line-height: 8px}

	#btn-imprimer_plan{display:none; margin-left:83.6px; width:155.6px; height:13.52px; padding-top:3.2px; background-size:152.7px 16.7px}
	#btn-imprimer_plan a{width:152.7px; height:16.7px; font-size:8.3px;}

	#btn-imprimer_plan_tab{display:block; margin-left:83.6px; width:260px; height:25px; padding-top:6px; background-size:260px 25px}
	#btn-imprimer_plan_tab a{width:260px; height:25px; font-size:11px;}

	#slider-produits-global{width:660.9px; height:182.6px; margin-top:13px; margin-bottom:20.2px}
		#slider-produits{width:660.9px; height:167.3px; margin-top:19.3px; padding-top:6.4px;}
		#slider-produits-contenu{background-size:1px 160.12px; width:660.9px; height:167.3px; }
		#slider-produits-contenu div div{max-height:167.3px}
		#slider-produits-contenu ul{height:167.3px; width:660.9px;}
		#slider-produits-contenu li{width:629.4px; height:155.6px; padding:4.5px 0 0 31.5px}
		.fiche-produit{margin:4.8px 4px 4.8px 4px; background-size:1px 67.1px; width:191px; height:67.1px;}
		.fiche-produit img{width:59.3px; height:59.3px; margin:3.2px;}
		.fiche-produit p:nth-child(2){width:122.6px; font-size:11px; margin-top:5.1px; line-height:9.7px; height:33.5px;}
		.ancien-prix{width:38.2px;font-size:16px; margin-top:4px;}
		.nouveau-prix{height:30.9px; font-size:25.7px; padding:0 3.2px 0 0; line-height:25.7px;}
	.btn-slider-appareils-active{background-position:0px -37.4px;width:156.8px; height:33.5px;}
	.titre-promotions{width:161.7px; height:45.2px}

		.btn-slider-produits{margin-top:87.1px;}
		.btn-slider-produits img{width:33.5px; height:33.5px;}
		#prev{width:33.5px; height:33.5px;}
		#next{margin-left:627.5px; width:33.5px; height:33.5px;}

	/**
	************ Button
	*/

	.btn-tab {
		font-size: 1.1rem;
	}

	/**
	************ Warning
	*/

	#avertissement,
	#infomagasin {
		width: 660px;
	}

	#avertissement .warning-header .warning-titre,
	#infomagasin .warning-header .warning-titre {
		font-size: 1.15rem;
		padding-left: 4rem;
	}

	#avertissement .warning-body .warning-intro,
	#infomagasin .warning-body .warning-intro {
		font-size: 1.35rem;
	}

	#avertissement .warning-body .warning-message,
	#infomagasin .warning-body .warning-message {
		font-size: 1.5rem;
	}

	#avertissement .warning-body .warning-note,
	#infomagasin .warning-body .warning-note {
		font-size: 0.95rem;
	}

	#avertissement .warning-body .warning-subnote,
	#infomagasin .warning-body .warning-subnote {
		font-size: 0.85rem;
	}

	/**
	************ Partenaire
	*/
	#commander-en-ligne {
		width: 660px;
	}

	#commander-en-ligne .commander-header .commander-titre {
		font-size: 1.15rem;
		padding-left: 5.2rem;
	}

	#commander-en-ligne .pobix-slot .icon-bg {
		height: 5.2rem;
	}

	#commander-en-ligne .pobix-slot .icon-txt {
		font-size: 0.78rem;
	}

	#commander-en-ligne .commander-body .call-to-action {
		margin: 1.55rem 0;
	}

	#commander-en-ligne .commander-body .commande-note {
		font-size: 0.7rem;
	}

	/**
	************ Note importante
	*/

	#notes-avertissement {
		width: 660px;
	}

	#notes-avertissement .note-message {
		font-size: 1.1rem;
	}

	/**
	******************************************
	*/

	/**
	************ Chargeurs vélos et trotinettes électriques
	*/

	#ebike-escooter-banner {
		width: 660px;
		height: 300px;
	}

	#ebike-escooter-banner .announcement {
		width: 75%;
		text-align: center;
		padding: 1.2rem 1.2rem;
		margin: auto;
	}

	#ebike-escooter-banner .announcement hr {
		margin: 1rem 0;
	}

	#ebike-escooter-banner .announcement h2 {
		color: #388E3C;
		font-size: 1.8rem;
		text-transform: uppercase;
		line-height: 1.8rem;
	}

	#ebike-escooter-banner .announcement h3 {
		color: #DD2C00;
		font-size: 1.1rem;
		text-transform: uppercase;
	}

	#ebike-escooter-banner .announcement p {
		font-weight: bold;
		font-size: 1rem;
	}

	#ebike-escooter-banner .announcement .ask-stock {
		margin: 1.5rem 0;
	}

	/**
	******************************************
	*/
}

@media screen and (max-width:650px){
	#conteneur{margin: 0; padding:0; height:auto;}
	#contenu-home{width:100%; height:auto; padding:0; margin:0}

	#banner-produit{width:100%;}


	#slider-general li{width:100%; height: auto; min-height: 500px; margin:0}
	#slider-general li div{background-size:110%; background-position: center -5%;  margin:1em 0 0 0;}
	#scroll-box{display: block; height:15em; width:100% ; }
	#icones-home{width:100%; background-size:contain; margin: 0 !important; height:4.2em; position:relative; z-index: 50 !important}
	#premier-paragraphe{float:left; width:95%; margin:0.8em auto 0.8em 2.5%; padding:0; font-size:0.6em; line-height: 1em;}

	#vignettes-appareils{display: none; width:100%}

	#vignettes-appareils-mobile{width:100%}
	#vignettes-appareils-mobile ul{width:100%; margin:0}
	#vignettes-appareils-mobile ul:nth-child(3){float:left; margin:0; padding:0}
	#vignettes-appareils-mobile li{float:left; margin:0; padding:0; width:50%; list-style-type:none;}
	#vignettes-appareils-mobile li a img{width:100%; margin:0; padding:0}

	#global-plan-coordonnees{display: none;}
	#contacts-coordonnees-mobile{float:left;width: 100% !important; height: auto !important; background-image:url(../images/bg-coordonnes-plan.png); margin:0 0 5px 0; padding:10px 0 10px 0; color:white;}

	#contacts-coordonnees-mobile div:first-child{float:left; max-width: 50%; height:auto;}
	#contacts-coordonnees-mobile div:first-child a{display: block; width:75% !important; text-align: center !important; margin:0 auto 0 auto;}
	#contacts-coordonnees-mobile div:first-child a img{float:left; width:100%; margin-left:0; -webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.2);}
	#contacts-coordonnees-mobile div:first-child a span{float:left; width:100%; text-align: center; font-weight: bold; color:#E55424}

	.coordonees-bloc{float:right; width: 50%;}

			.titre-magasin{display:none;}
				.adresse{ width:100%; margin:30px auto 0 auto !important; padding:0 !important; text-align: center; font-size:25px; line-height: 20px; background-position:auto; background-size: auto 25px}
				.horaires{width:100% !important; margin:25px auto 0 auto !important; padding:0 !important; text-align: center; font-size:22px; line-height:19px}
				.telephone{width:100% !important; margin:25px auto 10px auto !important; padding:0 !important; font-size:27px; line-height: 20px; background-size: 25px auto;}
			.btn-home-mobile-home{display: none;}
			.livraison-menu-mobile-home{padding-left:0 !important; background-image:url(../images/btn-livraison.jpg); background-repeat:no-repeat; background-position:35% center; background-size:5%}
		#btn-imprimer-plan{display: none;}

	#slider-produits-global{display: none;}

	#menu-mobile-home{float:left; width:100%; height:auto;}
		#menu-mobile-home ul{float:left; margin:0; padding:0; width:100%; height:auto; background-image:url(../images/bg-footer.jpg); background-repeat:repeat-x; background-size: contain}
		#menu-mobile-home li{width:100%; height:30px; list-style-type:none; text-align:center; padding:5px 0 5px 0}
		#menu-mobile-home li:first-child a{border:none;}
		#menu-mobile-home li a{display:block; width:100%; height:30px; line-height:30px; color:white; text-decoration:none; border-top:1px solid #CCC}

	/**
	************ Button
	*/

	.btn-tab {
		font-size: 1rem;
	}

	/**
	************ Warning
	*/

	#avertissement,
	#infomagasin {
		width: 93%;
		margin-left: 3%;
	}

	#avertissement .warning-header .warning-titre,
	#infomagasin .warning-header .warning-titre {
		font-size: 1.15rem;
		padding-left: 4rem;
	}

	#avertissement .warning-body .warning-intro,
	#infomagasin .warning-body .warning-intro {
		font-size: 1.2rem;
	}

	#avertissement .warning-body .warning-message,
	#infomagasin .warning-body .warning-message {
		font-size: 1.35rem;
	}

	#avertissement .warning-body .warning-note,
	#infomagasin .warning-body .warning-note {
		font-size: 0.85rem;
	}

	#avertissement .warning-body .warning-subnote,
	#infomagasin .warning-body .warning-subnote {
		font-size: 0.75rem;
	}

	/**
	************ Partenaire
	*/
	#commander-en-ligne {
		width: 93%;
		margin-left: 3%;
	}

	#commander-en-ligne .commander-header .commander-titre {
		font-size: 1.15rem;
		padding-left: 5.2rem;
	}

	#commander-en-ligne .commander-body {
		background-size: 28%;
		background-position: 97% 3%;
	}

	#commander-en-ligne .commander-body .logo-partenaire img {
		width: 37%;
	}

	#commander-en-ligne .partenaire-livraison {
		flex-wrap: wrap;
	}

	#commander-en-ligne .pobix-slot {
		width: 35%;
	}

	#commander-en-ligne .divider-slot.divider-middle {
		width: 95%;
		height: 1px;
		border-bottom: #1565C0 solid 2px;
		margin: 0.7rem 0;
	}

	#commander-en-ligne .pobix-slot .icon-bg {
		height: 4.9rem;
	}

	#commander-en-ligne .pobix-slot .icon-txt {
		font-size: 1rem;
	}

	#commander-en-ligne .commander-body .call-to-action {
		margin: 1.5rem 0;
	}

	#commander-en-ligne .commander-body .commande-note {
		font-size: 0.65rem;
	}

	/**
	************ Note importante
	*/

	#notes-avertissement {
		width: 93%;
		margin-left: 3%;
	}

	#notes-avertissement .note-message {
		font-size: 1rem;
	}

	/**
	******************************************
	*/

	/**
	************ Chargeurs vélos et trotinettes électriques
	*/

	#ebike-escooter-banner {
		width: 93%;
		height: auto;
		margin-left: 3%;
	}

	#ebike-escooter-banner .announcement {
		width: 75%;
		text-align: center;
		padding: 1.1rem 1.1rem;
		margin: auto;
	}

	#ebike-escooter-banner .announcement hr {
		margin: 1rem 0;
	}

	#ebike-escooter-banner .announcement h2 {
		color: #388E3C;
		font-size: 1.6rem;
		text-transform: uppercase;
		line-height: 1.6rem;
	}

	#ebike-escooter-banner .announcement h3 {
		color: #DD2C00;
		font-size: 1.1rem;
		text-transform: uppercase;
		line-height: 1.2rem;
	}

	#ebike-escooter-banner .announcement p {
		font-weight: bold;
		font-size: 0.9rem;
	}

	#ebike-escooter-banner .announcement .ask-stock {
		margin: 1.2rem 0;
	}

	/**
	******************************************
	*/
}

@media screen and (max-width:540px){
	#conteneur{margin: 0; padding:0; height:auto;}
	#contenu-home{width:100%; height:auto; padding:0; margin:0}

	#slider-general li{width:100%; height: auto; min-height: 500px; margin:0}
	#slider-general li div{background-size:110%; background-position: center -5%;  margin:1em 0 0 0;}
	#scroll-box{display: block; height:12em; width:100% ; display: block;}
	#icones-home{width:100%; background-size:contain; margin: 0 0 0 0 !important; height:3.2em; position:relative; z-index: 50 !important}
	#premier-paragraphe{float:left; width:95%; margin:0.8em auto 0.8em 2.5%; padding:0; font-size:0.6em; line-height: 1em;}

	#vignettes-appareils{display: none; width:100%}

	#vignettes-appareils-mobile{width:100%}
	#vignettes-appareils-mobile ul{width:100%; margin:0}
	#vignettes-appareils-mobile ul:nth-child(3){float:left; margin:0; padding:0}
	#vignettes-appareils-mobile li{float:left; margin:0; padding:0; width:50%; list-style-type:none;}
	#vignettes-appareils-mobile li a img{width:100%; margin:0; padding:0}

	#global-plan-coordonnees{display: none;}
	#contacts-coordonnees-mobile div:first-child{float:left; width: 50%; height:auto;}
	#contacts-coordonnees-mobile div:first-child a{display: block; width:75% !important; text-align: center !important; margin:0 auto 0 auto;}
	#contacts-coordonnees-mobile div:first-child a img{float:left; width:100%; margin-left:0; -webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.2);}
	#contacts-coordonnees-mobile div:first-child a span{float:left; width:100%; text-align: center; font-weight: bold; color:#E55424}


		.coordonees-bloc{float:right; width: 50%;}


			.titre-magasin{display:none;}
				.adresse{width:100% !important; margin:20px auto 0 auto !important; padding:0 !important; text-align: center; font-size:20px; line-height: 20px; background-size: auto 40%; background-position:30px 5px;}
				.horaires{width:100% !important; margin:25px auto 0 auto !important; padding:0 !important; text-align: center; font-size:18px; line-height:16px}
				.telephone{width:100% !important; margin:25px auto 10px auto !important; padding:0 !important; font-size:22px; line-height: 20px; background-position:30px center; background-size:15px auto;}
			.btn-home-mobile-home{display: none;}
			.livraison-menu-mobile-home{padding-left:0 !important; background-image:url(../images/btn-livraison.jpg); background-repeat:no-repeat; background-position:35% center; background-size:5%}
		#btn-imprimer-plan{display: none;}

	#slider-produits-global{display: none;}

	#menu-mobile-home{float:left; width:100%; height:auto;}
		#menu-mobile-home ul{float:left; margin:0; padding:0; width:100%; height:auto; background-image:url(../images/bg-footer.jpg); background-repeat:repeat-x; background-size: contain}
		#menu-mobile-home li{width:100%; height:30px; list-style-type:none; text-align:center; padding:5px 0 5px 0}
		#menu-mobile-home li:first-child a{border:none;}
		#menu-mobile-home li a{display:block; width:100%; height:30px; line-height:30px; color:white; text-decoration:none; border-top:1px solid #CCC}

	/**
	************ Warning
	*/

	#avertissement .warning-header .warning-titre,
	#infomagasin .warning-header .warning-titre {
		font-size: 0.9rem;
		padding-left: 2.8rem;
	}

	#avertissement .warning-body .warning-intro,
	#infomagasin .warning-body .warning-intro {
		font-size: 0.95rem;
	}

	#avertissement .warning-body .warning-message,
	#infomagasin .warning-body .warning-message {
		font-size: 1rem;
	}

	#avertissement .warning-body .warning-note,
	#infomagasin .warning-body .warning-note {
		font-size: 0.7rem;
	}

	#avertissement .warning-body .warning-subnote,
	#infomagasin .warning-body .warning-subnote {
		font-size: 0.6rem;
	}

	/**
	************ Partenaire
	*/
	#commander-en-ligne .commander-header .commander-titre {
		font-size: 0.9rem;
		padding-left: 3.8rem;
	}

	#commander-en-ligne .commander-body {
		background-size: 25%;
		background-position: 97% 5%;
	}

	#commander-en-ligne .commander-body .logo-partenaire img {
		width: 42%;
	}

	#commander-en-ligne .pobix-slot .icon-bg {
		height: 4.8rem;
	}

	#commander-en-ligne .pobix-slot .icon-txt {
		font-size: 0.9rem;
	}

	#commander-en-ligne .commander-body .commande-note {
		font-size: 0.6rem;
	}

	/**
	************ Note importante
	*/

	#notes-avertissement .note-message {
		font-size: 0.9rem;
	}

	/**
	******************************************
	*/

	/**
	************ Chargeurs vélos et trotinettes électriques
	*/

	#ebike-escooter-banner {
		width: 93%;
		height: auto;
		margin-left: 3%;
		background-size: auto 265px;
	}

	#ebike-escooter-banner .announcement {
		width: 75%;
		text-align: center;
		padding: 1rem 1rem;
		margin: auto;
	}

	#ebike-escooter-banner .announcement hr {
		margin: 0.9rem 0;
	}

	#ebike-escooter-banner .announcement h2 {
		color: #388E3C;
		font-size: 1.2rem;
		text-transform: uppercase;
		line-height: 1.2rem;
	}

	#ebike-escooter-banner .announcement h3 {
		color: #DD2C00;
		font-size: 0.9rem;
		text-transform: uppercase;
		line-height: 1rem;
	}

	#ebike-escooter-banner .announcement p {
		font-weight: bold;
		font-size: 0.75rem;
	}

	#ebike-escooter-banner .announcement .ask-stock {
		margin: 1rem 0;
	}

	/**
	******************************************
	*/
}

@media screen and (max-width:380px){
	#slider-general li div{margin:2em 0 0 0;}
	#scroll-box{height:9em; width:100% ; display: block;}
	#icones-home{width:100%; background-size:contain; margin:0 0 0 0 !important; height:2.25em !important;}

	#contacts-coordonnees-mobile div:first-child{width: 40% !important; }
	#contacts-coordonnees-mobile div:last-child{width:60% !important;}
	#contacts-coordonnees-mobile div:first-child a{width:95% !important; margin:0 0 0 5% !important}
	#contacts-coordonnees-mobile div:first-child a img{width:100%;}
	#contacts-coordonnees-mobile div:first-child a span{width:100%;}

	.adresse{font-size:1.2em; line-height: .8em; background-size: auto 40%; background-position:10px 4px; margin-top:10px !important;}
	.horaires{font-size:0.9em; margin-top:25px !important; line-height: .8em}
	.telephone{font-size:1.2em; background-position:10px center; margin-top:10px !important;}

	#contacts-coordonnees-mobile div:first-child{float:left; width: 25%; height:auto;}
	#contacts-coordonnees-mobile div:last-child{float:right; width:75%;}
	#contacts-coordonnees-mobile div:first-child a img{float:left; width:100%; margin-left:0}
			.livraison-menu-mobile-home{padding-left:0 !important; background-image:url(../images/btn-livraison.jpg); background-repeat:no-repeat; background-position:30% center; background-size:7%}

	/**
	************ Warning
	*/

	#avertissement .warning-header .warning-titre,
	#infomagasin .warning-header .warning-titre {
		font-size: 0.8rem;
		padding-left: 2.5rem;
	}

	#avertissement .warning-body .warning-intro,
	#infomagasin .warning-body .warning-intro {
		font-size: 0.75rem;
	}

	#avertissement .warning-body .warning-message,
	#infomagasin .warning-body .warning-message {
		font-size: 0.9rem;
	}

	#avertissement .warning-body .warning-note,
	#infomagasin .warning-body .warning-note {
		font-size: 0.55rem;
	}

	#avertissement .warning-body .warning-subnote,
	#infomagasin .warning-body .warning-subnote {
		font-size: 0.45rem;
	}

	/**
	************ Partenaire
	*/
	#commander-en-ligne .commander-header .commander-titre {
		font-size: 0.8rem;
		padding-left: 3.5rem;
	}

	#commander-en-ligne .commander-body {
		background-position: 97% 3%;
	}

	#commander-en-ligne .commander-body .logo-partenaire img {
		width: 45%;
	}

	#commander-en-ligne .pobix-slot .icon-bg {
		height: 4.2rem;
	}

	#commander-en-ligne .pobix-slot .icon-txt {
		font-size: 0.75rem;
	}

	#commander-en-ligne .commander-body .commande-note {
		font-size: 0.5rem;
	}

	/**
	************ Note importante
	*/

	#notes-avertissement .note-message {
		font-size: 0.75rem;
	}

	/**
	******************************************
	*/

	/**
	************ Chargeurs vélos et trotinettes électriques
	*/

	#ebike-escooter-banner {
		width: 93%;
		height: auto;
		margin-left: 3%;
		background-size: auto 230px;
	}

	#ebike-escooter-banner .announcement {
		width: 75%;
		text-align: center;
		padding: 0.9rem 0.9rem;
		margin: auto;
	}

	#ebike-escooter-banner .announcement hr {
		margin: 0.9rem 0;
	}

	#ebike-escooter-banner .announcement h2 {
		color: #388E3C;
		font-size: 1.2rem;
		text-transform: uppercase;
		line-height: 1.2rem;
	}

	#ebike-escooter-banner .announcement h3 {
		color: #DD2C00;
		font-size: 1rem;
		text-transform: uppercase;
		line-height: 1.1rem;
	}

	#ebike-escooter-banner .announcement p {
		font-weight: bold;
		font-size: 0.7rem;
	}

	#ebike-escooter-banner .announcement .ask-stock {
		margin: 1rem 0;
	}

	/**
	******************************************
	*/
}